wcz-layout 6.7.2 → 8.3.2

package/dist/src/components/dataGrid/GridToolbar.js

@@ -1,40 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Add } from "@mui/icons-material";
-import { Box, Button } from "@mui/material";
-import { GridToolbarColumnsButton, GridToolbarContainer, GridToolbarExport, GridToolbarFilterButton, GridToolbarQuickFilter, useGridApiContext } from "@mui/x-data-grid-premium";
-import { useContext } from "react";
-import { LayoutContext } from "../../contexts/LayoutContext";
-import { newGuid } from "../../utils/Helpers";
-const getFirstEditableColumn = (apiRef) => {
-    const editableColumns = apiRef.getAllColumns().filter(column => column.editable);
-    if (editableColumns.length)
-        return editableColumns[0];
-};
-const hasEditableColumn = (apiRef) => {
-    const editableColumns = apiRef === null || apiRef === void 0 ? void 0 : apiRef.getAllColumns().filter(column => column.editable);
-    return !!(editableColumns === null || editableColumns === void 0 ? void 0 : editableColumns.length);
-};
-export const GridToolbar = (props) => {
-    var _a, _b, _c, _d;
-    const apiRef = useGridApiContext();
-    const { t } = useContext(LayoutContext);
-    const handleOnAddRecordClick = () => {
-        var _a, _b, _c, _d;
-        if (!apiRef.current)
-            return;
-        const rowIds = (_a = apiRef.current) === null || _a === void 0 ? void 0 : _a.getAllRowIds();
-        const allRows = rowIds.map(rowId => { var _a; return ((_a = apiRef.current) === null || _a === void 0 ? void 0 : _a.getRow(rowId)); });
-        const id = (_c = (_b = props.newRowDefaultValue) === null || _b === void 0 ? void 0 : _b.id) !== null && _c !== void 0 ? _c : newGuid();
-        (_d = apiRef.current) === null || _d === void 0 ? void 0 : _d.setRows([{ ...props.newRowDefaultValue, id, isNew: true }, ...allRows]);
-        setTimeout(() => { var _a; return (_a = apiRef.current) === null || _a === void 0 ? void 0 : _a.startRowEditMode({ id }); });
-        const firstEditableColumn = getFirstEditableColumn(apiRef.current);
-        if (firstEditableColumn) {
-            apiRef.current.setCellFocus(id, firstEditableColumn.field);
-            setTimeout(() => { var _a; return (_a = apiRef.current) === null || _a === void 0 ? void 0 : _a.scrollToIndexes({ rowIndex: 0 }); });
-        }
-    };
-    const showNewRowButton = hasEditableColumn(apiRef.current) && !props.hideAddNewRow;
-    const hasActiveFilters = !!((_a = apiRef.current) === null || _a === void 0 ? void 0 : _a.state.filter.filterModel.items.length) || !!((_c = (_b = apiRef.current) === null || _b === void 0 ? void 0 : _b.state.filter.filterModel.quickFilterValues) === null || _c === void 0 ? void 0 : _c.length);
-    return (_jsxs(GridToolbarContainer, { children: [_jsx(GridToolbarColumnsButton, {}), _jsx(GridToolbarFilterButton, {}), _jsx(GridToolbarExport, {}), showNewRowButton && _jsx(Button, { size: "small", startIcon: _jsx(Add, {}), onClick: handleOnAddRecordClick, disabled: hasActiveFilters, children: t("Layout.AddRow") }), (_d = props.actions) === null || _d === void 0 ? void 0 : _d.map(action => action), _jsx(Box, { sx: { flexGrow: 1 } }), _jsx(GridToolbarQuickFilter, {})] }));
-};
-//# sourceMappingURL=GridToolbar.js.map

package/dist/src/components/dataGrid/GridToolbar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GridToolbar.js","sourceRoot":"","sources":["../../../../src/components/dataGrid/GridToolbar.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Add } from \"@mui/icons-material\";\r\nimport { Box, Button } from \"@mui/material\";\r\nimport { GridRowId, GridToolbarColumnsButton, GridToolbarContainer, GridToolbarExport, GridToolbarFilterButton, GridToolbarQuickFilter, GridToolbarProps as MuiGridToolbarProps, useGridApiContext } from \"@mui/x-data-grid-premium\";\r\nimport { GridApiPremium } from \"@mui/x-data-grid-premium/models/gridApiPremium\";\r\nimport React, { useContext } from \"react\";\r\nimport { LayoutContext } from \"../../contexts/LayoutContext\";\r\nimport { newGuid } from \"../../utils/Helpers\";\r\n\r\nconst getFirstEditableColumn = (apiRef: GridApiPremium) => {\r\n    const editableColumns = apiRef.getAllColumns().filter(column => column.editable);\r\n    if (editableColumns.length)\r\n        return editableColumns[0];\r\n};\r\n\r\nconst hasEditableColumn = (apiRef: GridApiPremium | null) => {\r\n    const editableColumns = apiRef?.getAllColumns().filter(column => column.editable);\r\n    return !!editableColumns?.length;\r\n};\r\n\r\nexport interface GridToolbarProps extends MuiGridToolbarProps {\r\n    actions?: React.ReactNode[];\r\n    hideAddNewRow?: boolean;\r\n    newRowDefaultValue?: any;\r\n}\r\n\r\nexport const GridToolbar: React.FC<GridToolbarProps> = (props) => {\r\n    const apiRef = useGridApiContext();\r\n    const { t } = useContext(LayoutContext);\r\n\r\n    const handleOnAddRecordClick = () => {\r\n        if (!apiRef.current) return;\r\n\r\n        const rowIds: GridRowId[] = apiRef.current?.getAllRowIds();\r\n        const allRows: any[] = rowIds.map(rowId => (apiRef.current?.getRow(rowId)));\r\n\r\n        const id: GridRowId = props.newRowDefaultValue?.id ?? newGuid();\r\n        apiRef.current?.setRows([{ ...props.newRowDefaultValue, id, isNew: true }, ...allRows]);\r\n        setTimeout(() => apiRef.current?.startRowEditMode({ id }));\r\n\r\n        const firstEditableColumn = getFirstEditableColumn(apiRef.current);\r\n        if (firstEditableColumn) {\r\n            apiRef.current.setCellFocus(id, firstEditableColumn.field);\r\n            setTimeout(() => apiRef.current?.scrollToIndexes({ rowIndex: 0 }));\r\n        }\r\n    };\r\n\r\n    const showNewRowButton = hasEditableColumn(apiRef.current) && !props.hideAddNewRow;\r\n    const hasActiveFilters = !!apiRef.current?.state.filter.filterModel.items.length || !!apiRef.current?.state.filter.filterModel.quickFilterValues?.length;\r\n\r\n    return (\r\n        <GridToolbarContainer>\r\n            <GridToolbarColumnsButton />\r\n            <GridToolbarFilterButton />\r\n            <GridToolbarExport />\r\n            {showNewRowButton && <Button size=\"small\" startIcon={<Add />} onClick={handleOnAddRecordClick} disabled={hasActiveFilters}>{t(\"Layout.AddRow\")}</Button>}\r\n            {props.actions?.map(action => action)}\r\n\r\n            <Box sx={{ flexGrow: 1 }} />\r\n\r\n            <GridToolbarQuickFilter />\r\n        </GridToolbarContainer>\r\n    );\r\n};"]}

package/dist/src/components/dataGrid/TableContainer.d.ts

@@ -1,3 +0,0 @@
-import { BoxProps } from "@mui/material";
-import React from "react";
-export declare const TableContainer: React.FC<BoxProps>;

package/dist/src/components/dataGrid/TableContainer.js

@@ -1,32 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Box, useTheme } from "@mui/material";
-export const TableContainer = ({ sx, ...props }) => {
-    const theme = useTheme();
-    return (_jsx(Box, { ...props, sx: {
-            height: { xs: "calc(100vh - 56px)", sm: "calc(100vh - 64px)" },
-            "& .MuiDataGrid-cell--editing": {
-                "& .MuiInputBase-root": {
-                    height: "100%",
-                },
-            },
-            "& .MuiDataGrid-columnHeaderTitle": {
-                fontWeight: "600",
-            },
-            "& .MuiDataGrid-cell": {
-                display: "flex",
-                alignItems: "center",
-            },
-            "& .Mui-error": {
-                backgroundColor: theme.palette.error.main,
-                color: theme.palette.error.contrastText
-            },
-            "& .MuiDataGrid-booleanCell[data-value=\"true\"]": {
-                color: `${theme.palette.success.main}!important`
-            },
-            "& .MuiDataGrid-booleanCell[data-value=\"false\"]": {
-                color: `${theme.palette.error.main}!important`
-            },
-            ...sx
-        }, children: props.children }));
-};
-//# sourceMappingURL=TableContainer.js.map

package/dist/src/components/dataGrid/TableContainer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableContainer.js","sourceRoot":"","sources":["../../../../src/components/dataGrid/TableContainer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAY,QAAQ,EAAE,MAAM,eAAe,CAAC;AAGxD,MAAM,CAAC,MAAM,cAAc,GAAuB,CAAC,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACnE,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,OAAO,CACH,KAAC,GAAG,OACI,KAAK,EACT,EAAE,EAAE;YACA,MAAM,EAAE,EAAE,EAAE,EAAE,oBAAoB,EAAE,EAAE,EAAE,oBAAoB,EAAE;YAC9D,8BAA8B,EAAE;gBAC5B,sBAAsB,EAAE;oBACpB,MAAM,EAAE,MAAM;iBACjB;aACJ;YACD,kCAAkC,EAAE;gBAChC,UAAU,EAAE,KAAK;aACpB;YACD,qBAAqB,EAAE;gBACnB,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,QAAQ;aACvB;YACD,cAAc,EAAE;gBACZ,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI;gBACzC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,YAAY;aAC1C;YACD,iDAAiD,EAAE;gBAC/C,KAAK,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,YAAY;aACnD;YACD,kDAAkD,EAAE;gBAChD,KAAK,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,YAAY;aACjD;YACD,GAAG,EAAE;SACR,YACA,KAAK,CAAC,QAAQ,GACb,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["import { Box, BoxProps, useTheme } from \"@mui/material\";\r\nimport React from \"react\";\r\n\r\nexport const TableContainer: React.FC<BoxProps> = ({ sx, ...props }) => {\r\n    const theme = useTheme();\r\n\r\n    return (\r\n        <Box\r\n            {...props}\r\n            sx={{\r\n                height: { xs: \"calc(100vh - 56px)\", sm: \"calc(100vh - 64px)\" },\r\n                \"& .MuiDataGrid-cell--editing\": {\r\n                    \"& .MuiInputBase-root\": {\r\n                        height: \"100%\",\r\n                    },\r\n                },\r\n                \"& .MuiDataGrid-columnHeaderTitle\": {\r\n                    fontWeight: \"600\",\r\n                },\r\n                \"& .MuiDataGrid-cell\": {\r\n                    display: \"flex\",\r\n                    alignItems: \"center\",\r\n                },\r\n                \"& .Mui-error\": {\r\n                    backgroundColor: theme.palette.error.main,\r\n                    color: theme.palette.error.contrastText\r\n                },\r\n                \"& .MuiDataGrid-booleanCell[data-value=\\\"true\\\"]\": {\r\n                    color: `${theme.palette.success.main}!important`\r\n                },\r\n                \"& .MuiDataGrid-booleanCell[data-value=\\\"false\\\"]\": {\r\n                    color: `${theme.palette.error.main}!important`\r\n                },\r\n                ...sx\r\n            }}>\r\n            {props.children}\r\n        </Box>\r\n    );\r\n};"]}

package/dist/src/components/form/FormAutocomplete.d.ts

@@ -1,7 +0,0 @@
-import { AutocompleteProps, TextFieldProps } from "@mui/material";
-import { FC } from "react";
-import { FormOmittedProps } from "../../utils/FormUtils";
-export interface FormAutocompleteProps extends Omit<AutocompleteProps<any, boolean, boolean, boolean>, FormOmittedProps> {
-    textFieldProps?: Omit<TextFieldProps, FormOmittedProps>;
-}
-export declare const FormAutocomplete: FC<FormAutocompleteProps>;

package/dist/src/components/form/FormAutocomplete.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Autocomplete, TextField } from "@mui/material";
-import { getFieldStatus } from "../../utils/FormUtils";
-import { useFieldContext } from "../../hooks/FormHooks";
-export const FormAutocomplete = ({ textFieldProps, ...autocompleteProps }) => {
-    const field = useFieldContext();
-    const { isTouched, hasError, helperText } = getFieldStatus(field);
-    return (_jsx(Autocomplete, { value: field.state.value, onChange: (_, value) => !autocompleteProps.freeSolo && field.handleChange(value), onInputChange: (_, value, reason) => reason !== "reset" && autocompleteProps.freeSolo && field.handleChange(value), onBlur: field.handleBlur, "aria-label": field.name, ...autocompleteProps, renderInput: (params) => _jsx(TextField, { ...params, name: field.name, error: isTouched && hasError, helperText: isTouched && helperText, ...textFieldProps }) }));
-};
-//# sourceMappingURL=FormAutocomplete.js.map

package/dist/src/components/form/FormAutocomplete.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormAutocomplete.js","sourceRoot":"","sources":["../../../../src/components/form/FormAutocomplete.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAqB,SAAS,EAAkB,MAAM,eAAe,CAAC;AAG3F,OAAO,EAAoB,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACzE,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAMxD,MAAM,CAAC,MAAM,gBAAgB,GAA8B,CAAC,EAAE,cAAc,EAAE,GAAG,iBAAiB,EAAE,EAAE,EAAE;IACpG,MAAM,KAAK,GAAG,eAAe,EAAE,CAAC;IAChC,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;IAElE,OAAO,CACH,KAAC,YAAY,IACT,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,EACxB,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,iBAAiB,CAAC,QAAQ,IAAI,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,EAChF,aAAa,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,MAAM,KAAK,OAAO,IAAI,iBAAiB,CAAC,QAAQ,IAAI,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,EAClH,MAAM,EAAE,KAAK,CAAC,UAAU,gBACZ,KAAK,CAAC,IAAI,KAClB,iBAAiB,EACrB,WAAW,EAAE,CAAC,MAAM,EAAE,EAAE,CACpB,KAAC,SAAS,OACF,MAAM,EACV,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,SAAS,IAAI,QAAQ,EAC5B,UAAU,EAAE,SAAS,IAAI,UAAU,KAC/B,cAAc,GACpB,GAER,CACL,CAAA;AACL,CAAC,CAAA","sourcesContent":["import { Autocomplete, AutocompleteProps, TextField, TextFieldProps } from \"@mui/material\";\r\nimport { FC } from \"react\";\r\n\r\nimport { FormOmittedProps, getFieldStatus } from \"../../utils/FormUtils\";\r\nimport { useFieldContext } from \"../../hooks/FormHooks\";\r\n\r\nexport interface FormAutocompleteProps extends Omit<AutocompleteProps<any, boolean, boolean, boolean>, FormOmittedProps> {\r\n    textFieldProps?: Omit<TextFieldProps, FormOmittedProps>;\r\n}\r\n\r\nexport const FormAutocomplete: FC<FormAutocompleteProps> = ({ textFieldProps, ...autocompleteProps }) => {\r\n    const field = useFieldContext();\r\n    const { isTouched, hasError, helperText } = getFieldStatus(field);\r\n\r\n    return (\r\n        <Autocomplete\r\n            value={field.state.value}\r\n            onChange={(_, value) => !autocompleteProps.freeSolo && field.handleChange(value)}\r\n            onInputChange={(_, value, reason) => reason !== \"reset\" && autocompleteProps.freeSolo && field.handleChange(value)}\r\n            onBlur={field.handleBlur}\r\n            aria-label={field.name}\r\n            {...autocompleteProps}\r\n            renderInput={(params) =>\r\n                <TextField\r\n                    {...params}\r\n                    name={field.name}\r\n                    error={isTouched && hasError}\r\n                    helperText={isTouched && helperText}\r\n                    {...textFieldProps}\r\n                />\r\n            }\r\n        />\r\n    )\r\n}"]}

package/dist/src/components/form/FormCheckbox.d.ts

@@ -1,7 +0,0 @@
-import { CheckboxProps } from "@mui/material";
-import { FC } from "react";
-import { FormOmittedProps } from "../../utils/FormUtils";
-export interface FormCheckboxProps extends Omit<CheckboxProps, FormOmittedProps> {
-    label?: string;
-}
-export declare const FormCheckbox: FC<FormCheckboxProps>;

package/dist/src/components/form/FormCheckbox.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Checkbox, FormControl, FormControlLabel, FormHelperText } from "@mui/material";
-import { useFieldContext } from "../../hooks/FormHooks";
-import { getFieldStatus } from "../../utils/FormUtils";
-export const FormCheckbox = (props) => {
-    var _a;
-    const field = useFieldContext();
-    const { isTouched, hasError, helperText } = getFieldStatus(field);
-    return (_jsxs(FormControl, { component: "fieldset", children: [_jsx(FormControlLabel, { control: _jsx(Checkbox, { name: field.name, checked: Boolean(field.state.value), onChange: (e) => field.handleChange(e.target.checked), onBlur: field.handleBlur, "aria-label": field.name, ...props }), label: (_a = props.label) !== null && _a !== void 0 ? _a : "" }), isTouched && hasError && _jsx(FormHelperText, { error: hasError, children: helperText })] }));
-};
-//# sourceMappingURL=FormCheckbox.js.map

package/dist/src/components/form/FormCheckbox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormCheckbox.js","sourceRoot":"","sources":["../../../../src/components/form/FormCheckbox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAiB,WAAW,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAEvG,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAoB,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAMzE,MAAM,CAAC,MAAM,YAAY,GAA0B,CAAC,KAAK,EAAE,EAAE;;IACzD,MAAM,KAAK,GAAG,eAAe,EAA8B,CAAC;IAC5D,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;IAElE,OAAO,CACH,MAAC,WAAW,IAAC,SAAS,EAAC,UAAU,aAC7B,KAAC,gBAAgB,IACb,OAAO,EACH,KAAC,QAAQ,IACL,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,EACnC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,EACrD,MAAM,EAAE,KAAK,CAAC,UAAU,gBACZ,KAAK,CAAC,IAAI,KAClB,KAAK,GACX,EAEN,KAAK,EAAE,MAAA,KAAK,CAAC,KAAK,mCAAI,EAAE,GAC1B,EACD,SAAS,IAAI,QAAQ,IAAI,KAAC,cAAc,IAAC,KAAK,EAAE,QAAQ,YAAG,UAAU,GAAkB,IAC9E,CACjB,CAAC;AACN,CAAC,CAAC","sourcesContent":["import { Checkbox, CheckboxProps, FormControl, FormControlLabel, FormHelperText } from \"@mui/material\";\r\nimport { FC } from \"react\";\r\nimport { useFieldContext } from \"../../hooks/FormHooks\";\r\nimport { FormOmittedProps, getFieldStatus } from \"../../utils/FormUtils\";\r\n\r\nexport interface FormCheckboxProps extends Omit<CheckboxProps, FormOmittedProps> {\r\n    label?: string;\r\n}\r\n\r\nexport const FormCheckbox: FC<FormCheckboxProps> = (props) => {\r\n    const field = useFieldContext<boolean | null | undefined>();\r\n    const { isTouched, hasError, helperText } = getFieldStatus(field);\r\n\r\n    return (\r\n        <FormControl component=\"fieldset\">\r\n            <FormControlLabel\r\n                control={\r\n                    <Checkbox\r\n                        name={field.name}\r\n                        checked={Boolean(field.state.value)}\r\n                        onChange={(e) => field.handleChange(e.target.checked)}\r\n                        onBlur={field.handleBlur}\r\n                        aria-label={field.name}\r\n                        {...props}\r\n                    />\r\n                }\r\n                label={props.label ?? \"\"}\r\n            />\r\n            {isTouched && hasError && <FormHelperText error={hasError}>{helperText}</FormHelperText>}\r\n        </FormControl>\r\n    );\r\n};"]}

package/dist/src/components/form/FormDatePicker.d.ts

@@ -1,9 +0,0 @@
-import { TextFieldProps } from "@mui/material";
-import { DatePickerProps } from "@mui/x-date-pickers-pro";
-import { FC } from "react";
-import { FormOmittedProps } from "../../utils/FormUtils";
-import { Moment } from "moment";
-export interface FormDatePickerProps extends Omit<DatePickerProps<Moment>, FormOmittedProps> {
-    textFieldProps?: TextFieldProps;
-}
-export declare const FormDatePicker: FC<FormDatePickerProps>;

package/dist/src/components/form/FormDatePicker.js

@@ -1,19 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { DatePicker } from "@mui/x-date-pickers-pro";
-import { useFieldContext } from "../../hooks/FormHooks";
-import { getFieldStatus } from "../../utils/FormUtils";
-import moment from "moment";
-export const FormDatePicker = (props) => {
-    const field = useFieldContext();
-    const { isTouched, hasError, helperText } = getFieldStatus(field);
-    return (_jsx(DatePicker, { name: field.name, value: field.state.value ? moment(field.state.value) : null, onChange: (value) => field.handleChange(value ? value.format() : null), slotProps: {
-            textField: {
-                onBlur: field.handleBlur,
-                error: isTouched && hasError,
-                helperText: isTouched && helperText,
-                ...props.textFieldProps
-            },
-            ...props.slotProps
-        }, "aria-label": field.name, ...props }));
-};
-//# sourceMappingURL=FormDatePicker.js.map

package/dist/src/components/form/FormDatePicker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormDatePicker.js","sourceRoot":"","sources":["../../../../src/components/form/FormDatePicker.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAmB,MAAM,yBAAyB,CAAC;AAEtE,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAoB,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACzE,OAAO,MAAkB,MAAM,QAAQ,CAAC;AAMxC,MAAM,CAAC,MAAM,cAAc,GAA4B,CAAC,KAAK,EAAE,EAAE;IAC7D,MAAM,KAAK,GAAG,eAAe,EAA6B,CAAC;IAC3D,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;IAElE,OAAO,CACH,KAAC,UAAU,IACP,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,EAC3D,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,EACtE,SAAS,EAAE;YACP,SAAS,EAAE;gBACP,MAAM,EAAE,KAAK,CAAC,UAAU;gBACxB,KAAK,EAAE,SAAS,IAAI,QAAQ;gBAC5B,UAAU,EAAE,SAAS,IAAI,UAAU;gBACnC,GAAG,KAAK,CAAC,cAAc;aAC1B;YACD,GAAG,KAAK,CAAC,SAAS;SACrB,gBACW,KAAK,CAAC,IAAI,KAClB,KAAK,GACX,CACL,CAAA;AACL,CAAC,CAAA","sourcesContent":["import { TextFieldProps } from \"@mui/material\";\r\nimport { DatePicker, DatePickerProps } from \"@mui/x-date-pickers-pro\";\r\nimport { FC } from \"react\";\r\nimport { useFieldContext } from \"../../hooks/FormHooks\";\r\nimport { FormOmittedProps, getFieldStatus } from \"../../utils/FormUtils\";\r\nimport moment, { Moment } from \"moment\";\r\n\r\nexport interface FormDatePickerProps extends Omit<DatePickerProps<Moment>, FormOmittedProps> {\r\n    textFieldProps?: TextFieldProps;\r\n}\r\n\r\nexport const FormDatePicker: FC<FormDatePickerProps> = (props) => {\r\n    const field = useFieldContext<string | null | undefined>();\r\n    const { isTouched, hasError, helperText } = getFieldStatus(field);\r\n\r\n    return (\r\n        <DatePicker\r\n            name={field.name}\r\n            value={field.state.value ? moment(field.state.value) : null}\r\n            onChange={(value) => field.handleChange(value ? value.format() : null)}\r\n            slotProps={{\r\n                textField: {\r\n                    onBlur: field.handleBlur,\r\n                    error: isTouched && hasError,\r\n                    helperText: isTouched && helperText,\r\n                    ...props.textFieldProps\r\n                },\r\n                ...props.slotProps\r\n            }}\r\n            aria-label={field.name}\r\n            {...props}\r\n        />\r\n    )\r\n}"]}

package/dist/src/components/form/FormDateTimePicker.d.ts

@@ -1,9 +0,0 @@
-import { TextFieldProps } from "@mui/material";
-import { DateTimePickerProps } from "@mui/x-date-pickers-pro";
-import { FC } from "react";
-import { FormOmittedProps } from "../../utils/FormUtils";
-import { Moment } from "moment";
-export interface FormDateTimePickerProps extends Omit<DateTimePickerProps<Moment>, FormOmittedProps> {
-    textFieldProps?: TextFieldProps;
-}
-export declare const FormDateTimePicker: FC<FormDateTimePickerProps>;

package/dist/src/components/form/FormDateTimePicker.js

@@ -1,19 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { DateTimePicker } from "@mui/x-date-pickers-pro";
-import { useFieldContext } from "../../hooks/FormHooks";
-import { getFieldStatus } from "../../utils/FormUtils";
-import moment from "moment";
-export const FormDateTimePicker = (props) => {
-    const field = useFieldContext();
-    const { isTouched, hasError, helperText } = getFieldStatus(field);
-    return (_jsx(DateTimePicker, { name: field.name, value: field.state.value ? moment(field.state.value) : null, onChange: (value) => field.handleChange(value ? value.format() : null), slotProps: {
-            textField: {
-                onBlur: field.handleBlur,
-                error: isTouched && hasError,
-                helperText: isTouched && helperText,
-                ...props.textFieldProps,
-            },
-            ...props.slotProps
-        }, "aria-label": field.name, ...props }));
-};
-//# sourceMappingURL=FormDateTimePicker.js.map

package/dist/src/components/form/FormDateTimePicker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormDateTimePicker.js","sourceRoot":"","sources":["../../../../src/components/form/FormDateTimePicker.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAuB,MAAM,yBAAyB,CAAC;AAE9E,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAoB,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACzE,OAAO,MAAkB,MAAM,QAAQ,CAAC;AAMxC,MAAM,CAAC,MAAM,kBAAkB,GAAgC,CAAC,KAAK,EAAE,EAAE;IACrE,MAAM,KAAK,GAAG,eAAe,EAA6B,CAAC;IAC3D,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;IAElE,OAAO,CACH,KAAC,cAAc,IACX,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,EAC3D,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,EACtE,SAAS,EAAE;YACP,SAAS,EAAE;gBACP,MAAM,EAAE,KAAK,CAAC,UAAU;gBACxB,KAAK,EAAE,SAAS,IAAI,QAAQ;gBAC5B,UAAU,EAAE,SAAS,IAAI,UAAU;gBACnC,GAAG,KAAK,CAAC,cAAc;aAC1B;YACD,GAAG,KAAK,CAAC,SAAS;SACrB,gBACW,KAAK,CAAC,IAAI,KAClB,KAAK,GACX,CACL,CAAC;AACN,CAAC,CAAC","sourcesContent":["import { TextFieldProps } from \"@mui/material\";\r\nimport { DateTimePicker, DateTimePickerProps } from \"@mui/x-date-pickers-pro\";\r\nimport { FC } from \"react\";\r\nimport { useFieldContext } from \"../../hooks/FormHooks\";\r\nimport { FormOmittedProps, getFieldStatus } from \"../../utils/FormUtils\";\r\nimport moment, { Moment } from \"moment\";\r\n\r\nexport interface FormDateTimePickerProps extends Omit<DateTimePickerProps<Moment>, FormOmittedProps> {\r\n    textFieldProps?: TextFieldProps;\r\n}\r\n\r\nexport const FormDateTimePicker: FC<FormDateTimePickerProps> = (props) => {\r\n    const field = useFieldContext<string | null | undefined>();\r\n    const { isTouched, hasError, helperText } = getFieldStatus(field);\r\n\r\n    return (\r\n        <DateTimePicker\r\n            name={field.name}\r\n            value={field.state.value ? moment(field.state.value) : null}\r\n            onChange={(value) => field.handleChange(value ? value.format() : null)}\r\n            slotProps={{\r\n                textField: {\r\n                    onBlur: field.handleBlur,\r\n                    error: isTouched && hasError,\r\n                    helperText: isTouched && helperText,\r\n                    ...props.textFieldProps,\r\n                },\r\n                ...props.slotProps\r\n            }}\r\n            aria-label={field.name}\r\n            {...props}\r\n        />\r\n    );\r\n};\r\n"]}

package/dist/src/components/form/FormNumberField.d.ts

@@ -1,12 +0,0 @@
-import { TextFieldProps } from '@mui/material';
-import { FC } from 'react';
-import { FormOmittedProps } from "../../utils/FormUtils";
-import { NumericFormatProps, InputAttributes } from 'react-number-format/types/types';
-interface FormTextFieldProps extends Omit<TextFieldProps, FormOmittedProps> {
-}
-export interface FormNumberFieldProps extends FormTextFieldProps {
-    defaultValue?: number | null;
-    options?: Omit<NumericFormatProps<InputAttributes>, "customInput" | "onValueChange" | keyof InputAttributes>;
-}
-export declare const FormNumberField: FC<FormNumberFieldProps>;
-export {};

package/dist/src/components/form/FormNumberField.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { TextField } from '@mui/material';
-import { NumericFormat } from 'react-number-format';
-import { useFieldContext } from "../../hooks/FormHooks";
-import { getFieldStatus } from "../../utils/FormUtils";
-export const FormNumberField = ({ options, ...props }) => {
-    var _a;
-    const field = useFieldContext();
-    const { isTouched, hasError, helperText } = getFieldStatus(field);
-    return (_jsx(NumericFormat, { customInput: TextField, name: field.name, value: (_a = field.state.value) !== null && _a !== void 0 ? _a : '', onValueChange: ({ floatValue }) => field.handleChange(floatValue), onBlur: field.handleBlur, error: isTouched && hasError, helperText: isTouched && helperText, "aria-label": field.name, ...props, ...options }));
-};
-//# sourceMappingURL=FormNumberField.js.map

package/dist/src/components/form/FormNumberField.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormNumberField.js","sourceRoot":"","sources":["../../../../src/components/form/FormNumberField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAkB,MAAM,eAAe,CAAC;AAE1D,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAoB,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAUzE,MAAM,CAAC,MAAM,eAAe,GAA6B,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;;IAClF,MAAM,KAAK,GAAG,eAAe,EAA6B,CAAC;IAC3D,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;IAElE,OAAO,CACN,KAAC,aAAa,IACb,WAAW,EAAE,SAAS,EACtB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,MAAA,KAAK,CAAC,KAAK,CAAC,KAAK,mCAAI,EAAE,EAC9B,aAAa,EAAE,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC,EACjE,MAAM,EAAE,KAAK,CAAC,UAAU,EACxB,KAAK,EAAE,SAAS,IAAI,QAAQ,EAC5B,UAAU,EAAE,SAAS,IAAI,UAAU,gBACvB,KAAK,CAAC,IAAI,KAClB,KAAK,KACL,OAAO,GACV,CACF,CAAC;AACH,CAAC,CAAA","sourcesContent":["import { TextField, TextFieldProps } from '@mui/material';\r\nimport { FC } from 'react';\r\nimport { NumericFormat } from 'react-number-format';\r\nimport { useFieldContext } from \"../../hooks/FormHooks\";\r\nimport { FormOmittedProps, getFieldStatus } from \"../../utils/FormUtils\";\r\nimport { NumericFormatProps, InputAttributes } from 'react-number-format/types/types';\r\n\r\ninterface FormTextFieldProps extends Omit<TextFieldProps, FormOmittedProps> { }\r\n\r\nexport interface FormNumberFieldProps extends FormTextFieldProps {\r\n\tdefaultValue?: number | null;\r\n\toptions?: Omit<NumericFormatProps<InputAttributes>, \"customInput\" | \"onValueChange\" | keyof InputAttributes>;\r\n}\r\n\r\nexport const FormNumberField: FC<FormNumberFieldProps> = ({ options, ...props }) => {\r\n\tconst field = useFieldContext<number | null | undefined>();\r\n\tconst { isTouched, hasError, helperText } = getFieldStatus(field);\r\n\r\n\treturn (\r\n\t\t<NumericFormat\r\n\t\t\tcustomInput={TextField}\r\n\t\t\tname={field.name}\r\n\t\t\tvalue={field.state.value ?? ''}\r\n\t\t\tonValueChange={({ floatValue }) => field.handleChange(floatValue)}\r\n\t\t\tonBlur={field.handleBlur}\r\n\t\t\terror={isTouched && hasError}\r\n\t\t\thelperText={isTouched && helperText}\r\n\t\t\taria-label={field.name}\r\n\t\t\t{...props}\r\n\t\t\t{...options}\r\n\t\t/>\r\n\t);\r\n}"]}

package/dist/src/components/form/FormRadioGroup.d.ts

@@ -1,13 +0,0 @@
-import { RadioGroupProps } from "@mui/material";
-import { FC } from "react";
-import { FormOmittedProps } from "../../utils/FormUtils";
-interface Option {
-    label: string;
-    value: string | number;
-}
-export interface FormRadioGroupProps extends Omit<RadioGroupProps, FormOmittedProps> {
-    label?: string;
-    options: Option[];
-}
-export declare const FormRadioGroup: FC<FormRadioGroupProps>;
-export {};

package/dist/src/components/form/FormRadioGroup.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { FormControl, FormControlLabel, FormHelperText, FormLabel, Radio, RadioGroup } from "@mui/material";
-import { useFieldContext } from "../../hooks/FormHooks";
-import { getFieldStatus } from "../../utils/FormUtils";
-export const FormRadioGroup = ({ label, options, ...props }) => {
-    var _a;
-    const field = useFieldContext();
-    const { isTouched, hasError, helperText } = getFieldStatus(field);
-    return (_jsxs(FormControl, { component: "fieldset", children: [label && _jsx(FormLabel, { component: "legend", children: label }), _jsx(RadioGroup, { name: field.name, value: (_a = field.state.value) !== null && _a !== void 0 ? _a : "", onChange: (e) => field.handleChange(e.target.value), onBlur: field.handleBlur, "aria-label": field.name, ...props, children: options.map((option) => (_jsx(FormControlLabel, { value: option.value, control: _jsx(Radio, {}), label: option.label }, option.value))) }), isTouched && hasError && _jsx(FormHelperText, { error: hasError, children: helperText })] }));
-};
-//# sourceMappingURL=FormRadioGroup.js.map

package/dist/src/components/form/FormRadioGroup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormRadioGroup.js","sourceRoot":"","sources":["../../../../src/components/form/FormRadioGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,cAAc,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAmB,MAAM,eAAe,CAAC;AAE7H,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAoB,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAYzE,MAAM,CAAC,MAAM,cAAc,GAA4B,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;;IACpF,MAAM,KAAK,GAAG,eAAe,EAAsC,CAAC;IACpE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;IAElE,OAAO,CACH,MAAC,WAAW,IAAC,SAAS,EAAC,UAAU,aAC5B,KAAK,IAAI,KAAC,SAAS,IAAC,SAAS,EAAC,QAAQ,YAAE,KAAK,GAAa,EAC3D,KAAC,UAAU,IACP,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,MAAA,KAAK,CAAC,KAAK,CAAC,KAAK,mCAAI,EAAE,EAC9B,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACnD,MAAM,EAAE,KAAK,CAAC,UAAU,gBACZ,KAAK,CAAC,IAAI,KAClB,KAAK,YAER,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACrB,KAAC,gBAAgB,IAEb,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,OAAO,EAAE,KAAC,KAAK,KAAG,EAClB,KAAK,EAAE,MAAM,CAAC,KAAK,IAHd,MAAM,CAAC,KAAK,CAInB,CACL,CAAC,GACO,EACZ,SAAS,IAAI,QAAQ,IAAI,KAAC,cAAc,IAAC,KAAK,EAAE,QAAQ,YAAG,UAAU,GAAkB,IAC9E,CACjB,CAAC;AACN,CAAC,CAAC","sourcesContent":["import { FormControl, FormControlLabel, FormHelperText, FormLabel, Radio, RadioGroup, RadioGroupProps } from \"@mui/material\";\r\nimport { FC } from \"react\";\r\nimport { useFieldContext } from \"../../hooks/FormHooks\";\r\nimport { FormOmittedProps, getFieldStatus } from \"../../utils/FormUtils\";\r\n\r\ninterface Option {\r\n    label: string;\r\n    value: string | number;\r\n}\r\n\r\nexport interface FormRadioGroupProps extends Omit<RadioGroupProps, FormOmittedProps> {\r\n    label?: string;\r\n    options: Option[];\r\n}\r\n\r\nexport const FormRadioGroup: FC<FormRadioGroupProps> = ({ label, options, ...props }) => {\r\n    const field = useFieldContext<string | number | null | undefined>();\r\n    const { isTouched, hasError, helperText } = getFieldStatus(field);\r\n\r\n    return (\r\n        <FormControl component=\"fieldset\">\r\n            {label && <FormLabel component=\"legend\">{label}</FormLabel>}\r\n            <RadioGroup\r\n                name={field.name}\r\n                value={field.state.value ?? \"\"}\r\n                onChange={(e) => field.handleChange(e.target.value)}\r\n                onBlur={field.handleBlur}\r\n                aria-label={field.name}\r\n                {...props}\r\n            >\r\n                {options.map((option) => (\r\n                    <FormControlLabel\r\n                        key={option.value}\r\n                        value={option.value}\r\n                        control={<Radio />}\r\n                        label={option.label}\r\n                    />\r\n                ))}\r\n            </RadioGroup>\r\n            {isTouched && hasError && <FormHelperText error={hasError}>{helperText}</FormHelperText>}\r\n        </FormControl>\r\n    );\r\n};\r\n"]}

package/dist/src/components/form/FormSlider.d.ts

@@ -1,7 +0,0 @@
-import { SliderProps } from "@mui/material";
-import { FC } from "react";
-import { FormOmittedProps } from "../../utils/FormUtils";
-export interface FormSliderProps extends Omit<SliderProps, FormOmittedProps> {
-    label?: string;
-}
-export declare const FormSlider: FC<FormSliderProps>;

package/dist/src/components/form/FormSlider.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { FormControl, FormHelperText, FormLabel, Slider } from "@mui/material";
-import { useFieldContext } from "../../hooks/FormHooks";
-import { getFieldStatus } from "../../utils/FormUtils";
-export const FormSlider = ({ label, ...props }) => {
-    var _a;
-    const field = useFieldContext();
-    const { isTouched, hasError, helperText } = getFieldStatus(field);
-    return (_jsxs(FormControl, { component: "fieldset", children: [label && _jsx(FormLabel, { children: label }), _jsx(Slider, { name: field.name, value: (_a = field.state.value) !== null && _a !== void 0 ? _a : 0, onChange: (_, value) => field.handleChange(Array.isArray(value) ? value[0] : value), onBlur: field.handleBlur, "aria-label": field.name, ...props }), isTouched && hasError && _jsx(FormHelperText, { error: hasError, children: helperText })] }));
-};
-//# sourceMappingURL=FormSlider.js.map

package/dist/src/components/form/FormSlider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormSlider.js","sourceRoot":"","sources":["../../../../src/components/form/FormSlider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,EAAe,MAAM,eAAe,CAAC;AAE5F,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAoB,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAMzE,MAAM,CAAC,MAAM,UAAU,GAAwB,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;;IACnE,MAAM,KAAK,GAAG,eAAe,EAA6B,CAAC;IAC3D,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;IAElE,OAAO,CACH,MAAC,WAAW,IAAC,SAAS,EAAC,UAAU,aAC5B,KAAK,IAAI,KAAC,SAAS,cAAE,KAAK,GAAa,EACxC,KAAC,MAAM,IACH,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,MAAA,KAAK,CAAC,KAAK,CAAC,KAAK,mCAAI,CAAC,EAC7B,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,EACnF,MAAM,EAAE,KAAK,CAAC,UAAU,gBACZ,KAAK,CAAC,IAAI,KAClB,KAAK,GACX,EACD,SAAS,IAAI,QAAQ,IAAI,KAAC,cAAc,IAAC,KAAK,EAAE,QAAQ,YAAG,UAAU,GAAkB,IAC9E,CACjB,CAAC;AACN,CAAC,CAAC","sourcesContent":["import { FormControl, FormHelperText, FormLabel, Slider, SliderProps } from \"@mui/material\";\r\nimport { FC } from \"react\";\r\nimport { useFieldContext } from \"../../hooks/FormHooks\";\r\nimport { FormOmittedProps, getFieldStatus } from \"../../utils/FormUtils\";\r\n\r\nexport interface FormSliderProps extends Omit<SliderProps, FormOmittedProps> {\r\n    label?: string;\r\n}\r\n\r\nexport const FormSlider: FC<FormSliderProps> = ({ label, ...props }) => {\r\n    const field = useFieldContext<number | null | undefined>();\r\n    const { isTouched, hasError, helperText } = getFieldStatus(field);\r\n\r\n    return (\r\n        <FormControl component=\"fieldset\">\r\n            {label && <FormLabel>{label}</FormLabel>}\r\n            <Slider\r\n                name={field.name}\r\n                value={field.state.value ?? 0}\r\n                onChange={(_, value) => field.handleChange(Array.isArray(value) ? value[0] : value)}\r\n                onBlur={field.handleBlur}\r\n                aria-label={field.name}\r\n                {...props}\r\n            />\r\n            {isTouched && hasError && <FormHelperText error={hasError}>{helperText}</FormHelperText>}\r\n        </FormControl>\r\n    );\r\n};\r\n"]}

package/dist/src/components/form/FormSubmitButton.d.ts

@@ -1,5 +0,0 @@
-import { ButtonProps } from "@mui/material";
-import { FC } from "react";
-export interface FormSubmitButtonProps extends Omit<ButtonProps, "loading" | "disabled" | "onClick"> {
-}
-export declare const FormSubmitButton: FC<FormSubmitButtonProps>;

package/dist/src/components/form/FormSubmitButton.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Button } from "@mui/material";
-import { useFormContext } from "../../hooks/FormHooks";
-export const FormSubmitButton = (props) => {
-    const form = useFormContext();
-    const handleClick = (e) => {
-        e.preventDefault();
-        e.stopPropagation();
-        form.handleSubmit();
-    };
-    return (_jsx(form.Subscribe, { selector: (state) => [state.canSubmit, state.isSubmitting], children: ([canSubmit, isSubmitting]) => (_jsx(Button, { loading: isSubmitting, disabled: !canSubmit, onClick: handleClick, "aria-label": "submit", ...props })) }));
-};
-//# sourceMappingURL=FormSubmitButton.js.map

package/dist/src/components/form/FormSubmitButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormSubmitButton.js","sourceRoot":"","sources":["../../../../src/components/form/FormSubmitButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAe,MAAM,eAAe,CAAC;AAEpD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAIvD,MAAM,CAAC,MAAM,gBAAgB,GAA8B,CAAC,KAAK,EAAE,EAAE;IACjE,MAAM,IAAI,GAAG,cAAc,EAAE,CAAC;IAE9B,MAAM,WAAW,GAAG,CAAC,CAAsC,EAAE,EAAE;QAC3D,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,IAAI,CAAC,YAAY,EAAE,CAAC;IACxB,CAAC,CAAC;IAEF,OAAO,CACH,KAAC,IAAI,CAAC,SAAS,IAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,YAAY,CAAC,YACrE,CAAC,CAAC,SAAS,EAAE,YAAY,CAAC,EAAE,EAAE,CAAC,CAC5B,KAAC,MAAM,IACH,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,CAAC,SAAS,EACpB,OAAO,EAAE,WAAW,gBACT,QAAQ,KACf,KAAK,GACX,CACL,GACY,CACpB,CAAC;AACN,CAAC,CAAC","sourcesContent":["import { Button, ButtonProps } from \"@mui/material\";\r\nimport { FC } from \"react\";\r\nimport { useFormContext } from \"../../hooks/FormHooks\";\r\n\r\nexport interface FormSubmitButtonProps extends Omit<ButtonProps, \"loading\" | \"disabled\" | \"onClick\"> { }\r\n\r\nexport const FormSubmitButton: FC<FormSubmitButtonProps> = (props) => {\r\n    const form = useFormContext();\r\n\r\n    const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\r\n        e.preventDefault();\r\n        e.stopPropagation();\r\n        form.handleSubmit();\r\n    };\r\n\r\n    return (\r\n        <form.Subscribe selector={(state) => [state.canSubmit, state.isSubmitting]}>\r\n            {([canSubmit, isSubmitting]) => (\r\n                <Button\r\n                    loading={isSubmitting}\r\n                    disabled={!canSubmit}\r\n                    onClick={handleClick}\r\n                    aria-label=\"submit\"\r\n                    {...props}\r\n                />\r\n            )}\r\n        </form.Subscribe>\r\n    );\r\n};"]}

package/dist/src/components/form/FormSwitch.d.ts

@@ -1,7 +0,0 @@
-import { SwitchProps } from "@mui/material";
-import { FC } from "react";
-import { FormOmittedProps } from "../../utils/FormUtils";
-export interface FormSwitchProps extends Omit<SwitchProps, FormOmittedProps> {
-    label?: string;
-}
-export declare const FormSwitch: FC<FormSwitchProps>;

package/dist/src/components/form/FormSwitch.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { FormControl, FormControlLabel, FormHelperText, Switch } from "@mui/material";
-import { useFieldContext } from "../../hooks/FormHooks";
-import { getFieldStatus } from "../../utils/FormUtils";
-export const FormSwitch = (props) => {
-    var _a;
-    const field = useFieldContext();
-    const { isTouched, hasError, helperText } = getFieldStatus(field);
-    return (_jsxs(FormControl, { component: "fieldset", children: [_jsx(FormControlLabel, { control: _jsx(Switch, { name: field.name, checked: Boolean(field.state.value), onChange: (e) => field.handleChange(e.target.checked), onBlur: field.handleBlur, "aria-label": field.name, ...props }), label: (_a = props.label) !== null && _a !== void 0 ? _a : "" }), isTouched && hasError && _jsx(FormHelperText, { error: hasError, children: helperText })] }));
-};
-//# sourceMappingURL=FormSwitch.js.map

package/dist/src/components/form/FormSwitch.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormSwitch.js","sourceRoot":"","sources":["../../../../src/components/form/FormSwitch.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,EAAe,MAAM,eAAe,CAAC;AAEnG,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAoB,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAMzE,MAAM,CAAC,MAAM,UAAU,GAAwB,CAAC,KAAK,EAAE,EAAE;;IACrD,MAAM,KAAK,GAAG,eAAe,EAA8B,CAAC;IAC5D,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;IAElE,OAAO,CACH,MAAC,WAAW,IAAC,SAAS,EAAC,UAAU,aAC7B,KAAC,gBAAgB,IACb,OAAO,EACH,KAAC,MAAM,IACH,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,EACnC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,EACrD,MAAM,EAAE,KAAK,CAAC,UAAU,gBACZ,KAAK,CAAC,IAAI,KAClB,KAAK,GACX,EAEN,KAAK,EAAE,MAAA,KAAK,CAAC,KAAK,mCAAI,EAAE,GAC1B,EACD,SAAS,IAAI,QAAQ,IAAI,KAAC,cAAc,IAAC,KAAK,EAAE,QAAQ,YAAG,UAAU,GAAkB,IAC9E,CACjB,CAAC;AACN,CAAC,CAAC","sourcesContent":["import { FormControl, FormControlLabel, FormHelperText, Switch, SwitchProps } from \"@mui/material\";\r\nimport { FC } from \"react\";\r\nimport { useFieldContext } from \"../../hooks/FormHooks\";\r\nimport { FormOmittedProps, getFieldStatus } from \"../../utils/FormUtils\";\r\n\r\nexport interface FormSwitchProps extends Omit<SwitchProps, FormOmittedProps> {\r\n    label?: string;\r\n}\r\n\r\nexport const FormSwitch: FC<FormSwitchProps> = (props) => {\r\n    const field = useFieldContext<boolean | null | undefined>();\r\n    const { isTouched, hasError, helperText } = getFieldStatus(field);\r\n\r\n    return (\r\n        <FormControl component=\"fieldset\">\r\n            <FormControlLabel\r\n                control={\r\n                    <Switch\r\n                        name={field.name}\r\n                        checked={Boolean(field.state.value)}\r\n                        onChange={(e) => field.handleChange(e.target.checked)}\r\n                        onBlur={field.handleBlur}\r\n                        aria-label={field.name}\r\n                        {...props}\r\n                    />\r\n                }\r\n                label={props.label ?? \"\"}\r\n            />\r\n            {isTouched && hasError && <FormHelperText error={hasError}>{helperText}</FormHelperText>}\r\n        </FormControl>\r\n    );\r\n};\r\n"]}

package/dist/src/components/form/FormTextField.d.ts

@@ -1,7 +0,0 @@
-import { TextFieldProps } from "@mui/material";
-import { FC } from "react";
-import { FormOmittedProps } from "../../utils/FormUtils";
-export interface FormTextFieldProps extends Omit<TextFieldProps, FormOmittedProps> {
-    type?: "color" | "email" | "password" | "search" | "tel" | "text" | "url";
-}
-export declare const FormTextField: FC<FormTextFieldProps>;

package/dist/src/components/form/FormTextField.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { TextField } from "@mui/material";
-import { useFieldContext } from "../../hooks/FormHooks";
-import { getFieldStatus } from "../../utils/FormUtils";
-export const FormTextField = (props) => {
-    var _a;
-    const field = useFieldContext();
-    const { isTouched, hasError, helperText } = getFieldStatus(field);
-    return (_jsx(TextField, { name: field.name, value: (_a = field.state.value) !== null && _a !== void 0 ? _a : '', onChange: e => field.handleChange(e.target.value), onBlur: field.handleBlur, error: isTouched && hasError, helperText: isTouched && helperText, "aria-label": field.name, ...props }));
-};
-//# sourceMappingURL=FormTextField.js.map

package/dist/src/components/form/FormTextField.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormTextField.js","sourceRoot":"","sources":["../../../../src/components/form/FormTextField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAkB,MAAM,eAAe,CAAC;AAE1D,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAoB,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAMzE,MAAM,CAAC,MAAM,aAAa,GAA2B,CAAC,KAAK,EAAE,EAAE;;IAC3D,MAAM,KAAK,GAAG,eAAe,EAAsC,CAAC;IACpE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;IAElE,OAAO,CACH,KAAC,SAAS,IACN,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,MAAA,KAAK,CAAC,KAAK,CAAC,KAAK,mCAAI,EAAE,EAC9B,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACjD,MAAM,EAAE,KAAK,CAAC,UAAU,EACxB,KAAK,EAAE,SAAS,IAAI,QAAQ,EAC5B,UAAU,EAAE,SAAS,IAAI,UAAU,gBACvB,KAAK,CAAC,IAAI,KAClB,KAAK,GACX,CACL,CAAA;AACL,CAAC,CAAA","sourcesContent":["import { TextField, TextFieldProps } from \"@mui/material\";\r\nimport { FC } from \"react\";\r\nimport { useFieldContext } from \"../../hooks/FormHooks\";\r\nimport { FormOmittedProps, getFieldStatus } from \"../../utils/FormUtils\";\r\n\r\nexport interface FormTextFieldProps extends Omit<TextFieldProps, FormOmittedProps> {\r\n    type?: \"color\" | \"email\" | \"password\" | \"search\" | \"tel\" | \"text\" | \"url\"\r\n}\r\n\r\nexport const FormTextField: FC<FormTextFieldProps> = (props) => {\r\n    const field = useFieldContext<string | number | null | undefined>();\r\n    const { isTouched, hasError, helperText } = getFieldStatus(field);\r\n\r\n    return (\r\n        <TextField\r\n            name={field.name}\r\n            value={field.state.value ?? ''}\r\n            onChange={e => field.handleChange(e.target.value)}\r\n            onBlur={field.handleBlur}\r\n            error={isTouched && hasError}\r\n            helperText={isTouched && helperText}\r\n            aria-label={field.name}\r\n            {...props}\r\n        />\r\n    )\r\n}"]}

package/dist/src/components/layout/AccountMenu.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-import { User } from "../../models/User";
-interface AccountMenuProps {
-    mode: "light" | "dark" | "system";
-    setMode: (mode: "light" | "dark" | "system") => void;
-    user: User;
-}
-export declare const AccountMenu: React.FC<AccountMenuProps>;
-export {};

package/dist/src/components/layout/AccountMenu.js

@@ -1,44 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useIsAuthenticated, useMsal } from "@azure/msal-react";
-import { AccountCircle, ArrowBack, Brightness4, ChevronRight, DarkMode, LightMode, Login, Logout, SettingsBrightness, Translate } from "@mui/icons-material";
-import { Avatar, Box, IconButton, List, ListItem, ListItemButton, ListItemIcon, ListItemText, ListSubheader, Menu } from "@mui/material";
-import { useQuery } from "@tanstack/react-query";
-import { Fragment, useState } from "react";
-import { useTranslation } from "react-i18next";
-import { graphQueries } from "../../hooks/UseUser";
-const drawerWidth = 240;
-export const AccountMenu = ({ mode, setMode, user }) => {
-    const [anchorEl, setAnchorEl] = useState(null);
-    const [tab, setTab] = useState("settings");
-    const open = Boolean(anchorEl);
-    const { t, i18n } = useTranslation();
-    const { instance } = useMsal();
-    const isAuthenticated = useIsAuthenticated();
-    const { data: userPhoto } = useQuery({ ...graphQueries.sessionUserPhoto(), enabled: isAuthenticated });
-    const changeLanguage = (newLanguage) => () => {
-        i18n.changeLanguage(newLanguage)
-            .finally(() => closeMenu());
-    };
-    const changeMode = (newMode) => () => {
-        setMode(newMode);
-        closeMenu();
-    };
-    const openMenu = (e) => setAnchorEl(e.currentTarget);
-    const closeMenu = () => { setAnchorEl(null); setTimeout(() => setTab("settings"), 300); };
-    const login = () => instance.loginRedirect();
-    const logout = () => instance.logoutRedirect({
-        postLogoutRedirectUri: "/",
-    });
-    const changeTab = (newTab) => () => setTab(newTab);
-    const settings = (_jsxs(List, { component: "nav", subheader: _jsx(ListSubheader, { sx: { backgroundColor: "transparent" }, children: t("Layout.Settings") }), children: [_jsxs(ListItemButton, { onClick: changeTab("theme"), sx: { py: 0.3 }, children: [_jsx(ListItemIcon, { children: _jsx(Brightness4, {}) }), _jsx(ListItemText, { primary: t("Layout.Appearance"), secondary: t(`Layout.${mode.charAt(0).toUpperCase() + mode.slice(1)}`) }), _jsx(ChevronRight, {})] }), _jsxs(ListItemButton, { onClick: changeTab("language"), sx: { py: 0.3 }, children: [_jsx(ListItemIcon, { children: _jsx(Translate, {}) }), _jsx(ListItemText, { primary: t("Layout.Language"), secondary: i18n.resolvedLanguage === "en" ? "English" : "Čeština" }), _jsx(ChevronRight, {})] })] }));
-    const theme = (_jsxs(List, { subheader: _jsxs(ListSubheader, { onClick: changeTab("settings"), sx: { backgroundColor: "transparent", display: "flex", alignItems: "center", px: 1, cursor: "pointer" }, children: [_jsx(IconButton, { size: "small", sx: { mr: 0.5 }, children: _jsx(ArrowBack, { fontSize: "small" }) }), " ", t("Layout.Appearance")] }), children: [_jsxs(ListItemButton, { onClick: changeMode("light"), disabled: mode === "light", children: [_jsx(ListItemIcon, { children: _jsx(LightMode, {}) }), _jsx(ListItemText, { primary: t("Layout.Light") })] }), _jsxs(ListItemButton, { onClick: changeMode("dark"), disabled: mode === "dark", children: [_jsx(ListItemIcon, { children: _jsx(DarkMode, {}) }), _jsx(ListItemText, { primary: t("Layout.Dark") })] }), _jsxs(ListItemButton, { onClick: changeMode("system"), disabled: mode === "system", children: [_jsx(ListItemIcon, { children: _jsx(SettingsBrightness, {}) }), _jsx(ListItemText, { primary: t("Layout.System") })] })] }));
-    const language = (_jsxs(List, { subheader: _jsxs(ListSubheader, { onClick: changeTab("settings"), sx: { backgroundColor: "transparent", display: "flex", alignItems: "center", px: 1, cursor: "pointer" }, children: [_jsx(IconButton, { size: "small", sx: { mr: 0.5 }, children: _jsx(ArrowBack, { fontSize: "small" }) }), " ", t("Layout.Language")] }), children: [_jsx(ListItemButton, { onClick: changeLanguage("en"), disabled: i18n.resolvedLanguage === "en", children: _jsx(ListItemText, { primary: "English" }) }), _jsx(ListItemButton, { onClick: changeLanguage("cs"), disabled: i18n.resolvedLanguage === "cs", children: _jsx(ListItemText, { primary: "\u010Ce\u0161tina" }) })] }));
-    return (_jsxs(Fragment, { children: [_jsx(IconButton, { size: "small", edge: "end", onClick: openMenu, children: userPhoto ?
-                    _jsx(Avatar, { src: userPhoto, sx: { width: { xs: 32, sm: 40 }, height: { xs: 32, sm: 40 } } })
-                    :
-                        _jsx(AccountCircle, { sx: { width: { xs: 32, sm: 40 }, height: { xs: 32, sm: 40 } } }) }), _jsx(Menu, { anchorEl: anchorEl, open: open, onClose: closeMenu, children: _jsxs(Box, { sx: { width: drawerWidth }, children: [_jsx(List, { disablePadding: true, children: isAuthenticated ?
-                                _jsxs(Fragment, { children: [_jsx(ListItem, { children: _jsx(ListItemText, { primary: user.name, secondary: _jsxs("span", { children: [user.employeeId && _jsx("span", { children: user.employeeId }), user.employeeId && _jsx("br", {}), user.department && _jsx("span", { children: user.department })] }) }) }), _jsxs(ListItemButton, { onClick: logout, children: [_jsx(ListItemIcon, { children: _jsx(Logout, { color: "error" }) }), _jsx(ListItemText, { primary: t("Layout.Logout") })] })] })
-                                :
-                                    _jsxs(ListItemButton, { onClick: login, children: [_jsx(ListItemIcon, { children: _jsx(Login, { color: "success" }) }), _jsx(ListItemText, { primary: t("Layout.LogIn") })] }) }), tab === "settings" && settings, tab === "theme" && theme, tab === "language" && language] }) })] }));
-};
-//# sourceMappingURL=AccountMenu.js.map

package/dist/src/components/layout/AccountMenu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AccountMenu.js","sourceRoot":"","sources":["../../../../src/components/layout/AccountMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useIsAuthenticated, useMsal } from \"@azure/msal-react\";\r\nimport { AccountCircle, ArrowBack, Brightness4, ChevronRight, DarkMode, LightMode, Login, Logout, SettingsBrightness, Translate } from \"@mui/icons-material\";\r\nimport { Avatar, Box, IconButton, List, ListItem, ListItemButton, ListItemIcon, ListItemText, ListSubheader, Menu } from \"@mui/material\";\r\nimport { useQuery } from \"@tanstack/react-query\";\r\nimport React, { Fragment, useState } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { graphQueries } from \"../../hooks/UseUser\";\r\nimport { User } from \"../../models/User\";\r\n\r\nconst drawerWidth = 240;\r\ntype TabType = \"settings\" | \"theme\" | \"language\";\r\n\r\ninterface AccountMenuProps {\r\n    mode: \"light\" | \"dark\" | \"system\";\r\n    setMode: (mode: \"light\" | \"dark\" | \"system\") => void;\r\n    user: User;\r\n}\r\n\r\nexport const AccountMenu: React.FC<AccountMenuProps> = ({ mode, setMode, user }) => {\r\n    const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);\r\n    const [tab, setTab] = useState<TabType>(\"settings\");\r\n    const open = Boolean(anchorEl);\r\n    const { t, i18n } = useTranslation();\r\n    const { instance } = useMsal();\r\n    const isAuthenticated = useIsAuthenticated();\r\n\r\n    const { data: userPhoto } = useQuery({ ...graphQueries.sessionUserPhoto(), enabled: isAuthenticated });\r\n\r\n    const changeLanguage = (newLanguage: \"en\" | \"cs\") => () => {\r\n        i18n.changeLanguage(newLanguage)\r\n            .finally(() => closeMenu());\r\n    };\r\n\r\n    const changeMode = (newMode: \"light\" | \"dark\" | \"system\") => () => {\r\n        setMode(newMode);\r\n        closeMenu();\r\n    };\r\n\r\n    const openMenu = (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => setAnchorEl(e.currentTarget);\r\n    const closeMenu = () => { setAnchorEl(null); setTimeout(() => setTab(\"settings\"), 300); };\r\n\r\n    const login = () => instance.loginRedirect();\r\n    const logout = () => instance.logoutRedirect({\r\n        postLogoutRedirectUri: \"/\",\r\n    });\r\n\r\n    const changeTab = (newTab: TabType) => () => setTab(newTab);\r\n\r\n    const settings = (\r\n        <List component=\"nav\" subheader={<ListSubheader sx={{ backgroundColor: \"transparent\" }}>{t(\"Layout.Settings\")}</ListSubheader>}>\r\n            <ListItemButton onClick={changeTab(\"theme\")} sx={{ py: 0.3 }}>\r\n                <ListItemIcon>\r\n                    <Brightness4 />\r\n                </ListItemIcon>\r\n                <ListItemText primary={t(\"Layout.Appearance\")} secondary={t(`Layout.${mode.charAt(0).toUpperCase() + mode.slice(1)}`)} />\r\n                <ChevronRight />\r\n            </ListItemButton>\r\n\r\n            <ListItemButton onClick={changeTab(\"language\")} sx={{ py: 0.3 }}>\r\n                <ListItemIcon>\r\n                    <Translate />\r\n                </ListItemIcon>\r\n                <ListItemText primary={t(\"Layout.Language\")} secondary={i18n.resolvedLanguage === \"en\" ? \"English\" : \"Čeština\"} />\r\n                <ChevronRight />\r\n            </ListItemButton>\r\n        </List>\r\n    );\r\n\r\n    const theme = (\r\n        <List subheader={\r\n            <ListSubheader onClick={changeTab(\"settings\")} sx={{ backgroundColor: \"transparent\", display: \"flex\", alignItems: \"center\", px: 1, cursor: \"pointer\" }}>\r\n                <IconButton size=\"small\" sx={{ mr: 0.5 }}>\r\n                    <ArrowBack fontSize=\"small\" />\r\n                </IconButton> {t(\"Layout.Appearance\")}\r\n            </ListSubheader>\r\n        }>\r\n            <ListItemButton onClick={changeMode(\"light\")} disabled={mode === \"light\"}>\r\n                <ListItemIcon>\r\n                    <LightMode />\r\n                </ListItemIcon>\r\n                <ListItemText primary={t(\"Layout.Light\")} />\r\n            </ListItemButton>\r\n            <ListItemButton onClick={changeMode(\"dark\")} disabled={mode === \"dark\"}>\r\n                <ListItemIcon>\r\n                    <DarkMode />\r\n                </ListItemIcon>\r\n                <ListItemText primary={t(\"Layout.Dark\")} />\r\n            </ListItemButton>\r\n            <ListItemButton onClick={changeMode(\"system\")} disabled={mode === \"system\"}>\r\n                <ListItemIcon>\r\n                    <SettingsBrightness />\r\n                </ListItemIcon>\r\n                <ListItemText primary={t(\"Layout.System\")} />\r\n            </ListItemButton>\r\n        </List>\r\n    );\r\n\r\n    const language = (\r\n        <List subheader={\r\n            <ListSubheader onClick={changeTab(\"settings\")} sx={{ backgroundColor: \"transparent\", display: \"flex\", alignItems: \"center\", px: 1, cursor: \"pointer\" }}>\r\n                <IconButton size=\"small\" sx={{ mr: 0.5 }}>\r\n                    <ArrowBack fontSize=\"small\" />\r\n                </IconButton> {t(\"Layout.Language\")}\r\n            </ListSubheader>\r\n        }>\r\n            <ListItemButton onClick={changeLanguage(\"en\")} disabled={i18n.resolvedLanguage === \"en\"}>\r\n                <ListItemText primary=\"English\" />\r\n            </ListItemButton>\r\n            <ListItemButton onClick={changeLanguage(\"cs\")} disabled={i18n.resolvedLanguage === \"cs\"}>\r\n                <ListItemText primary=\"Čeština\" />\r\n            </ListItemButton>\r\n        </List>\r\n    );\r\n\r\n    return (\r\n        <Fragment>\r\n            <IconButton size=\"small\" edge=\"end\" onClick={openMenu}>\r\n                {userPhoto ?\r\n                    <Avatar src={userPhoto} sx={{ width: { xs: 32, sm: 40 }, height: { xs: 32, sm: 40 } }} />\r\n                    :\r\n                    <AccountCircle sx={{ width: { xs: 32, sm: 40 }, height: { xs: 32, sm: 40 } }} />\r\n                }\r\n            </IconButton>\r\n\r\n            <Menu anchorEl={anchorEl} open={open} onClose={closeMenu}>\r\n                <Box sx={{ width: drawerWidth }}>\r\n                    <List disablePadding>\r\n                        {isAuthenticated ?\r\n                            <Fragment>\r\n                                <ListItem>\r\n                                    <ListItemText primary={user.name} secondary={\r\n                                        <span>\r\n                                            {user.employeeId && <span>{user.employeeId}</span>}\r\n                                            {user.employeeId && <br />}\r\n                                            {user.department && <span>{user.department}</span>}\r\n                                        </span>\r\n                                    } />\r\n                                </ListItem>\r\n\r\n                                <ListItemButton onClick={logout}>\r\n                                    <ListItemIcon><Logout color=\"error\" /></ListItemIcon>\r\n                                    <ListItemText primary={t(\"Layout.Logout\")} />\r\n                                </ListItemButton>\r\n                            </Fragment>\r\n                            :\r\n                            <ListItemButton onClick={login}>\r\n                                <ListItemIcon><Login color=\"success\" /></ListItemIcon>\r\n                                <ListItemText primary={t(\"Layout.LogIn\")} />\r\n                            </ListItemButton>\r\n                        }\r\n                    </List>\r\n\r\n                    {tab === \"settings\" && settings}\r\n                    {tab === \"theme\" && theme}\r\n                    {tab === \"language\" && language}\r\n                </Box>\r\n            </Menu>\r\n        </Fragment>\r\n    );\r\n};"]}

package/dist/src/components/layout/DevelopmentBanner.d.ts

@@ -1,7 +0,0 @@
-import { User } from "../../models/User";
-interface DevelopmentBannerProps {
-    user: User;
-    hasNavigationRoutes: boolean;
-}
-export declare const DevelopmentBanner: React.FC<DevelopmentBannerProps>;
-export {};

package/dist/src/components/layout/DevelopmentBanner.js

@@ -1,29 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Close } from "@mui/icons-material";
-import { Fade, Grid2, IconButton, Paper, Typography } from "@mui/material";
-import { grey } from "@mui/material/colors";
-import { useEffect, useState } from "react";
-import { useTranslation } from "react-i18next";
-import { environment } from "../../utils/Helpers";
-import { hasRole } from "../../utils/Auth";
-export const DevelopmentBanner = ({ user, hasNavigationRoutes }) => {
-    const { t } = useTranslation();
-    const [bannerOpen, setBannerOpen] = useState(false);
-    useEffect(() => {
-        if (!hasRole(user, ["wcz-developers"]) && (environment === "dev" || environment === "qas"))
-            setBannerOpen(true);
-    }, [user]);
-    const closeBanner = () => setBannerOpen(false);
-    return (_jsx(Fade, { appear: false, in: bannerOpen, children: _jsx(Paper, { square: true, variant: "outlined", tabIndex: -1, sx: theme => ({
-                position: "fixed",
-                bottom: 0,
-                left: { xs: 0, sm: hasNavigationRoutes ? 68.7 : 0 },
-                right: 0,
-                m: 0,
-                p: 2,
-                borderWidth: 0,
-                borderTopWidth: 1,
-                bgcolor: theme.palette.mode === "dark" ? grey[900] : grey[100]
-            }), children: _jsxs(Grid2, { container: true, justifyContent: "space-between", alignItems: "center", children: [_jsxs(Grid2, { size: 10, children: [_jsx(Typography, { fontWeight: "bold", children: t("Layout.DevelopmentDialogTitle") }), _jsx(Typography, { variant: "body2", children: t("Layout.DevelopmentDialogContent") })] }), _jsx(Grid2, { size: 2, sx: { p: 1, textAlign: "right" }, children: _jsx(IconButton, { size: "small", onClick: closeBanner, children: _jsx(Close, {}) }) })] }) }) }));
-};
-//# sourceMappingURL=DevelopmentBanner.js.map

package/dist/src/components/layout/DevelopmentBanner.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DevelopmentBanner.js","sourceRoot":"","sources":["../../../../src/components/layout/DevelopmentBanner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3E,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAO3C,MAAM,CAAC,MAAM,iBAAiB,GAAqC,CAAC,EAAE,IAAI,EAAE,mBAAmB,EAAE,EAAE,EAAE;IACjG,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAE7D,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC,IAAI,CAAC,WAAW,KAAK,KAAK,IAAI,WAAW,KAAK,KAAK,CAAC;YACtF,aAAa,CAAC,IAAI,CAAC,CAAC;IAC5B,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAE/C,OAAO,CACH,KAAC,IAAI,IAAC,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE,UAAU,YAC/B,KAAC,KAAK,IAAC,MAAM,QAAC,OAAO,EAAC,UAAU,EAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC;gBACzD,QAAQ,EAAE,OAAO;gBACjB,MAAM,EAAE,CAAC;gBACT,IAAI,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,mBAAmB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE;gBACnD,KAAK,EAAE,CAAC;gBACR,CAAC,EAAE,CAAC;gBACJ,CAAC,EAAE,CAAC;gBACJ,WAAW,EAAE,CAAC;gBACd,cAAc,EAAE,CAAC;gBACjB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;aACjE,CAAC,YACE,MAAC,KAAK,IAAC,SAAS,QAAC,cAAc,EAAC,eAAe,EAAC,UAAU,EAAC,QAAQ,aAC/D,MAAC,KAAK,IAAC,IAAI,EAAE,EAAE,aACX,KAAC,UAAU,IAAC,UAAU,EAAC,MAAM,YAAE,CAAC,CAAC,+BAA+B,CAAC,GAAc,EAC/E,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,YAAE,CAAC,CAAC,iCAAiC,CAAC,GAAc,IAC3E,EAER,KAAC,KAAK,IAAC,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,YAC5C,KAAC,UAAU,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,WAAW,YACzC,KAAC,KAAK,KAAG,GACA,GACT,IACJ,GACJ,GACL,CACV,CAAC;AACN,CAAC,CAAC","sourcesContent":["import { Close } from \"@mui/icons-material\";\r\nimport { Fade, Grid2, IconButton, Paper, Typography } from \"@mui/material\";\r\nimport { grey } from \"@mui/material/colors\";\r\nimport { useEffect, useState } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { User } from \"../../models/User\";\r\nimport { environment } from \"../../utils/Helpers\";\r\nimport { hasRole } from \"../../utils/Auth\";\r\n\r\ninterface DevelopmentBannerProps {\r\n    user: User;\r\n    hasNavigationRoutes: boolean;\r\n}\r\n\r\nexport const DevelopmentBanner: React.FC<DevelopmentBannerProps> = ({ user, hasNavigationRoutes }) => {\r\n    const { t } = useTranslation();\r\n    const [bannerOpen, setBannerOpen] = useState<boolean>(false);\r\n\r\n    useEffect(() => {\r\n        if (!hasRole(user, [\"wcz-developers\"]) && (environment === \"dev\" || environment === \"qas\"))\r\n            setBannerOpen(true);\r\n    }, [user]);\r\n\r\n    const closeBanner = () => setBannerOpen(false);\r\n\r\n    return (\r\n        <Fade appear={false} in={bannerOpen}>\r\n            <Paper square variant=\"outlined\" tabIndex={-1} sx={theme => ({\r\n                position: \"fixed\",\r\n                bottom: 0,\r\n                left: { xs: 0, sm: hasNavigationRoutes ? 68.7 : 0 },\r\n                right: 0,\r\n                m: 0,\r\n                p: 2,\r\n                borderWidth: 0,\r\n                borderTopWidth: 1,\r\n                bgcolor: theme.palette.mode === \"dark\" ? grey[900] : grey[100]\r\n            })}>\r\n                <Grid2 container justifyContent=\"space-between\" alignItems=\"center\">\r\n                    <Grid2 size={10}>\r\n                        <Typography fontWeight=\"bold\">{t(\"Layout.DevelopmentDialogTitle\")}</Typography>\r\n                        <Typography variant=\"body2\">{t(\"Layout.DevelopmentDialogContent\")}</Typography>\r\n                    </Grid2>\r\n\r\n                    <Grid2 size={2} sx={{ p: 1, textAlign: \"right\" }}>\r\n                        <IconButton size=\"small\" onClick={closeBanner}>\r\n                            <Close />\r\n                        </IconButton>\r\n                    </Grid2>\r\n                </Grid2>\r\n            </Paper>\r\n        </Fade>\r\n    );\r\n};"]}