[]): void;\n handleSortChange(column: string, order: string): void;\n AuthComponent: React.FC<{ schoolData: T }>;\n}\n\nconst SchoolListGeneric = ({\n data,\n handleSortChange,\n handleFilterChange,\n statusColumn,\n AuthComponent\n}: ISchoolList
) => {\n const columns = useMemo[]>(\n () => [\n {\n Header: 'RSPO',\n accessor: 'rspo',\n className: 'col-sm-2 mb-2 position-relative',\n maxLength: 6,\n validationRegex: rspoRegexp,\n validationMessage: dictData.schoolList.info.rspoTooltip\n },\n {\n Header: 'Nazwa szkoły',\n accessor: 'name',\n Filter: SearchColumnFilter,\n className: 'school-list-name-search col-sm-10 mb-2',\n maxLength: 255\n },\n {\n Header: 'Województwo',\n accessor: 'voivodeship',\n Filter: SelectFilter,\n filter: 'eq',\n className: 'col-lg col-md-4 col-sm-6 mb-no-counter',\n dictionary: 'VOIVODESHIP'\n },\n {\n Header: 'Powiat',\n accessor: 'district',\n className: 'col-lg col-md-4 col-sm-6 mb-2',\n maxLength: 50\n },\n {\n Header: 'Gmina',\n accessor: 'commune',\n className: 'col-lg col-md-4 col-sm-6 mb-2',\n maxLength: 50\n },\n {\n Header: 'Miejscowość',\n accessor: 'city',\n className: 'col-lg col-md-4 col-sm-6 mb-2',\n maxLength: 50\n },\n {\n Header: 'Adres',\n accessor: 'address',\n className: 'col-lg col-md-8 mb-2',\n maxLength: 100\n },\n {\n Header: 'Status',\n accessor: statusColumn.accessor,\n Filter: statusColumn.filter,\n dictionary: statusColumn.dictionary,\n filter: statusColumn.filterOperation,\n className: statusColumn.className,\n tdClassName: statusColumn.tdClassName,\n Cell: statusColumn.cell\n }\n ],\n [\n statusColumn.accessor,\n statusColumn.filter,\n statusColumn.dictionary,\n statusColumn.filterOperation,\n statusColumn.className,\n statusColumn.tdClassName,\n statusColumn.cell\n ]\n );\n\n const {\n getTableProps,\n getTableBodyProps,\n headerGroups,\n rows,\n prepareRow,\n visibleColumns,\n state: { sortBy, filters }\n } = useTable(\n {\n columns,\n data,\n defaultColumn: { Filter: DefaultColumnFilter, filter: 'like' },\n manualSortBy: true,\n manualFilters: true\n },\n useFilters,\n useSortBy,\n useExpanded\n );\n\n useEffect(() => {\n const filtersWithOperationProp = filters.map((item) => {\n const filter = item as FilterWithOperation;\n const fieldName = filter.id;\n const filterValue = filter.value.data;\n const operation = filter.value.operation;\n const isInvalid = filter.value.isInvalid;\n\n return { fieldName, filterValue, operation, isInvalid };\n });\n handleFilterChange(filtersWithOperationProp);\n }, [filters, handleFilterChange]);\n\n useEffect(() => {\n if (!sortBy.length) return;\n const column = sortBy[0].id;\n const order = sortBy[0].desc ? 'desc' : 'asc';\n handleSortChange(column, order);\n }, [sortBy, handleSortChange]);\n\n return (\n <>\n \n \n {headerGroups.map((headerGroup, id) => {\n const { key, ...rest } = headerGroup.getHeaderGroupProps(); // prevents from passing key to \n return (\n
\n \n {dictData.schoolList.title}\n \n \n {headerGroup.headers.map((column) => (\n {column.render('Filter')}\n ))}\n \n | \n
\n );\n })}\n \n
\n \n \n {headerGroups.map((headerGroup, id) => {\n const { key, ...rest } = headerGroup.getHeaderGroupProps(); // prevents from passing key to \n return (\n \n \n {headerGroup.headers.map((column) => (\n column.toggleSortBy(!column.isSortedDesc, false)}\n >\n \n {column.render('Header')}\n \n 
\n \n \n \n ))}\n
\n \n );\n })}\n
\n \n {!rows.length && (\n \n | \n {dictData.schoolList.emptySearch}\n | \n
\n )}\n {rows.map((row, id) => {\n prepareRow(row);\n return (\n \n \n {row.cells.map((cell: CellWithProps, id) => (\n \n {cell.column.Header} \n {cell.render('Cell')}\n | \n ))}\n \n {row.isExpanded && (\n \n | \n \n \n | \n
\n )}\n \n );\n })}\n \n
\n \n );\n};\n\nconst SchoolList: (\n props: ISchoolList\n) => React.ReactElement> = (props) => ;\n\nexport default SchoolList;\n","import React, { useMemo } from 'react';\nimport { Form } from 'react-final-form';\nimport { Col, Row } from 'react-bootstrap';\nimport CustomButton from 'components/shared/CustomButton';\nimport dictData from 'dictionary';\nimport FormInput from 'components/forms/FormInput';\nimport { validateAuthCode } from 'components/forms/validation/validationSchema';\nimport { IServerErrorObject } from 'api';\nimport prepareApiErrors from 'utils/prepareApiErrrors';\nimport FormErrorModal from 'components/shared/FormErrorModal';\n\nexport interface IAuthFormData {\n authcode: string;\n}\n\ninterface IProps {\n handleAuthSubmit: (formData: IAuthFormData) => void;\n authError: IServerErrorObject | null;\n infoDesc: string;\n status: string;\n}\n\nconst { info, placeHolders } = dictData.schoolList;\n\nconst SchoolAuth: React.FC = ({ authError, infoDesc, handleAuthSubmit, status = 'loading' }) => {\n const generatedAuthErrors = useMemo(() => authError && prepareApiErrors(authError), [authError]);\n\n return (\n (\n \n )}\n />\n );\n};\n\nexport default SchoolAuth;\n","import axios from 'axios';\nimport { UseQueryOptions, useQuery, UseQueryResult, QueryFunctionContext } from 'react-query';\nimport { controllers, parseError, IServerErrorObject } from 'api';\nimport {\n IRegistrationUser,\n IRegistrationLocation,\n IRegistrationSchoolBase,\n IRegistrationSchool\n} from 'api/services/registration';\n\nexport interface IMlegSchoolRegistrationLocation {\n id: number;\n nameOnDocument: string;\n}\n\nexport interface IMlegRegistrationMaintainer {\n firstName: string;\n lastName: string;\n pesel: string;\n}\n\nexport interface IMlegSchoolData {\n school: IRegistrationSchoolBase;\n headmaster: IRegistrationUser | null;\n location: IRegistrationLocation;\n mlSchool: Pick;\n}\n\nexport interface IMlegSchoolFormPartials {\n consent: boolean;\n userIod: IRegistrationUser;\n users: IMlegRegistrationMaintainer[];\n}\n\nexport interface IMlegSchoolRegistrationForm extends IMlegSchoolFormPartials {\n mlSchool: IMlegSchoolRegistrationLocation;\n school: IRegistrationSchool;\n headmaster: IRegistrationUser;\n location: IRegistrationLocation;\n}\n//\n// export interface IMlegSchoolRegistrationData {\n// form: IMlegSchoolRegistrationForm;\n// attachments: any; //tutaj format pliku ?\n// }\n\nexport interface IMlegAuth {\n mlSchoolId: number;\n authcode: string;\n}\n\nconst getSchoolRegistrationDataMleg = async (apiURL: string, params: IMlegAuth): Promise => {\n try {\n const payload = await axios.get(`${controllers.services.dataController}${apiURL}`, {\n params\n });\n return payload.data;\n } catch (reason) {\n throw parseError(reason);\n }\n};\n\nexport const useSchoolAuthMleg = (\n params: IMlegAuth,\n options?: UseQueryOptions\n): UseQueryResult => {\n return useQuery(\n [controllers.services.schoolRegistrationDataMleg, params],\n ({ queryKey }: QueryFunctionContext<[string, IMlegAuth]>): Promise =>\n getSchoolRegistrationDataMleg(queryKey[0], queryKey[1]),\n options\n );\n};\n\nexport const postRegisterSchoolMleg = async (data: FormData): Promise => {\n try {\n const payload = await axios.post(\n `${controllers.services.dataController}${controllers.services.schoolRegistrationDataMleg}`,\n data\n );\n return payload.status;\n } catch (reason) {\n throw parseError(reason);\n }\n};\n","import React, { useContext, useState, useEffect, useCallback } from 'react';\nimport { useHistory } from 'react-router-dom';\nimport SchoolAuth, { IAuthFormData } from 'components/shared/schollList/SchoolAuth';\nimport dictData from 'dictionary';\nimport { IMlegSchoolListData } from 'api/services/schools/mleg';\nimport routeList from 'routes/routeList';\nimport { AuthContext } from 'context/AuthContext';\nimport { IMlegSchoolData, useSchoolAuthMleg } from 'api/services/registration/mleg';\n\ninterface IProps {\n schoolData: IMlegSchoolListData;\n}\n\nconst SchoolAuthMleg: React.FC = ({ schoolData }) => {\n const { setMlegAuthState } = useContext(AuthContext);\n const history = useHistory();\n\n const [authCode, setAuthCode] = useState('');\n\n const onAuthSuccess = useCallback(\n (result: IMlegSchoolData, schoolId: number, authcode: string): void => {\n setMlegAuthState(schoolId, authcode, true, result);\n history.push(`${routeList.registerMLEG}/${schoolId}`);\n },\n [history, setMlegAuthState]\n );\n\n const queryMlegAuth = useSchoolAuthMleg(\n { mlSchoolId: schoolData.mlSchoolId, authcode: authCode },\n {\n enabled: !!authCode,\n retry: false\n }\n );\n\n useEffect(() => {\n queryMlegAuth.isSuccess && onAuthSuccess(queryMlegAuth.data, schoolData.mlSchoolId, authCode);\n }, [queryMlegAuth.isSuccess, queryMlegAuth.data, schoolData.mlSchoolId, authCode, onAuthSuccess]);\n\n const handleAuthSubmit = ({ authcode }: IAuthFormData) => {\n setAuthCode(authcode);\n };\n\n return (\n \n );\n};\n\nexport default SchoolAuthMleg;\n","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"style\", null, \"@keyframes register-mleg-header-phone-scale{0%,50%,to{transform:scale(1)}45%{transform:scale(1.1)}}@keyframes register-mleg-header-rectangle-scale{0%,40%{transform:scale(0);opacity:0}55%,to{transform:scale(1);opacity:1}}\");\n\nfunction SvgSlRegisterMlegHeader(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 120 146.8\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _ref2, /*#__PURE__*/React.createElement(\"g\", {\n fill: \"#105f4f\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M81 54.5V11.7H11.3v125.8h88.6l10.7-51.1v-.6c.1-13.2-23-27.5-29.6-31.3zM59.6 132H16.8v-12.5h45c-1.3 4.1-2 8.3-2.2 12.5zm-42.8-17.9V17.2h58.8v53.6l-.4-.4c-4.4-4.2-11.3-4-15.5.4-4 4.2-4 10.8 0 15.1l14 14c-4.1 4.1-7.5 8.9-9.9 14.2h-47zM95.5 132H65c.2-4.3 1.1-8.5 2.5-12.5 1.8-5 4.5-9.7 8-13.7 1.2-1.3 2.5-2.6 3.8-3.7l1.6-1.4v-1.4l-5.5-5.5L63.6 82c-2-2.2-1.9-5.7.4-7.7 2.1-1.9 5.3-1.9 7.3 0l4.2 4.2L81 84l9.7 9.7 3.9-3.9L81 76.2V60.8c10.6 6.5 23.9 17.2 24.2 24.6L95.5 132z\",\n style: {\n transformOrigin: \"50% 50%\",\n transformBox: \"fill-box\",\n animation: \"register-mleg-header-phone-scale 1.6s infinite forwards\"\n }\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M23.9 24.5h45.2v32.9H23.9z\",\n style: {\n transformOrigin: \"50% 50%\",\n transformBox: \"fill-box\",\n animation: \"register-mleg-header-rectangle-scale 1.6s infinite forwards\"\n }\n })));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgSlRegisterMlegHeader);\nexport default __webpack_public_path__ + \"static/media/sl-register-mleg-header.7673a736.svg\";\nexport { ForwardRef as ReactComponent };","import React, { useState, useCallback, useMemo, useContext } from 'react';\nimport { CellProps } from 'react-table';\nimport debounce from 'lodash/debounce';\nimport { Element, scroller } from 'react-scroll';\nimport { MatchMediaContext } from 'context/MatchMediaContext';\nimport { ISchoolListFilterData, ISchoolListSortData, SchoolFields, SortDirections } from 'api/services/schools';\nimport { IMlegSchoolListData, SchoolFieldsMleg, useSchoolsMleg } from 'api/services/schools/mleg';\nimport HelmetComponent from 'components/shared/HelmetComponent';\nimport Pagination from 'components/shared/Pagination';\nimport SchoolList, { IStatusSchoolList } from 'components/shared/schollList/SchoolList';\nimport ApiLoader from 'components/loading/ApiLoader';\nimport { SelectFilter } from 'components/shared/schollList/SchoolFilters';\n// import CustomButton from 'components/shared/CustomButton';\nimport SchoolAuthMleg from 'components/pages/schoolListMleg/SchoolAuthMleg';\nimport dictData from 'dictionary';\nimport { ReactComponent as HeaderIcon } from 'images/icons/sl-register-mleg-header.svg';\nimport CustomButton from '../../shared/CustomButton';\nimport routeList from '../../../routes/routeList';\n\nconst SchoolListMleg: React.FC = () => {\n const { isLg } = useContext(MatchMediaContext);\n const [page, setPage] = useState(1);\n const [pageSize] = useState(5);\n const [filtersData, setFiltersData] = useState[]>([]);\n const [sortData, setSortData] = useState[]>([]);\n\n const query = useSchoolsMleg({\n pageNumber: page,\n pageSize: pageSize,\n filterFields: filtersData,\n sortFields: sortData\n });\n\n const paginate = (newPage: number) => {\n setPage(newPage);\n scroller.scrollTo('school-list-mleg-scrollto', {\n duration: 100,\n smooth: true\n });\n };\n\n const changeFilters = (data: ISchoolListFilterData[]) => {\n if (data.find((el) => el.isInvalid)) return;\n\n setFiltersData(\n data.map((value) =>\n value.fieldName === dictData.schoolListMLeg.placeHolders.mLegStatus\n ? { ...value, fieldName: 'mlStatus', isInvalid: undefined }\n : { ...value, filterValue: value.filterValue.trim(), isInvalid: undefined }\n )\n );\n setPage(1);\n };\n\n const handleFilterChange = useMemo(() => debounce(changeFilters, 250), []);\n\n const handleSortChange = useCallback((fieldName: SchoolFields, direction: SortDirections) => {\n setSortData([{ fieldName, direction }]);\n }, []);\n\n const status: IStatusSchoolList = {\n header: dictData.schoolListMLeg.placeHolders.mLegStatus,\n accessor: 'mlStatus',\n filter: SelectFilter,\n filterOperation: 'eq',\n dictionary: 'ML_STATUS',\n className: 'col-sm-12',\n tdClassName: 'school-list-status-col',\n\n cell: (props: CellProps) => {\n return props.data[props.row.index].registerInMl ? dictData.schoolListMLeg.unregistered : <>{props.cell.value};\n }\n };\n\n return (\n <>\n \n \n
\n
\n
\n
{dictData.schoolListMLeg.headerTitle}
\n {isLg && }\n \n
\n
\n
{dictData.schoolListMLeg.headerDescription}
\n
{dictData.schoolListMLeg.textOne}
\n
{dictData.schoolListMLeg.textOneSecond}
\n
{dictData.schoolListMLeg.textTwo}
\n
\n \n
\n
\n
\n
\n handleSortChange={handleSortChange}\n handleFilterChange={handleFilterChange}\n data={query.data.data}\n statusColumn={status}\n AuthComponent={SchoolAuthMleg}\n />\n \n