@codezee/sixtify-brahma 0.2.77 → 0.2.79
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/packages/shared-components/dist/Drawer/CloseDrawer/CloseDrawerMenuItemList.d.ts +3 -1
- package/packages/shared-components/dist/Drawer/CloseDrawer/CloseDrawerMenuItemList.d.ts.map +1 -1
- package/packages/shared-components/dist/Drawer/CloseDrawer/CloseDrawerMenuItemList.js +1 -2
- package/packages/shared-components/dist/Drawer/Drawer.d.ts +1 -1
- package/packages/shared-components/dist/Drawer/Drawer.d.ts.map +1 -1
- package/packages/shared-components/dist/Drawer/Drawer.js +6 -1
- package/packages/shared-components/dist/FormFields/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/packages/shared-components/dist/FormFields/Autocomplete/Autocomplete.js +3 -1
- package/packages/shared-components/dist/FormFields/DatePicker/DatePicker.d.ts.map +1 -1
- package/packages/shared-components/dist/FormFields/DatePicker/DatePicker.js +40 -12
- package/packages/shared-components/dist/utils/colorVariant.d.ts +3 -3
- package/packages/shared-components/dist/utils/colorVariant.d.ts.map +1 -1
- package/packages/shared-components/dist/utils/colorVariant.js +6 -1
package/package.json
CHANGED
|
@@ -2,7 +2,9 @@ import type { MenuItem } from "../Drawer";
|
|
|
2
2
|
type CloseDrawerMenuItemListProps = {
|
|
3
3
|
menuItems: MenuItem[];
|
|
4
4
|
currentPathname: string;
|
|
5
|
+
anchorEl: HTMLDivElement | null;
|
|
6
|
+
setAnchorEl: (anchorEl: HTMLDivElement | null) => void;
|
|
5
7
|
};
|
|
6
|
-
export declare const CloseDrawerMenuItemList: ({ menuItems, currentPathname, }: CloseDrawerMenuItemListProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export declare const CloseDrawerMenuItemList: ({ menuItems, currentPathname, anchorEl, setAnchorEl, }: CloseDrawerMenuItemListProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
9
|
export {};
|
|
8
10
|
//# sourceMappingURL=CloseDrawerMenuItemList.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CloseDrawerMenuItemList.d.ts","sourceRoot":"","sources":["../../../src/Drawer/CloseDrawer/CloseDrawerMenuItemList.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAQ1C,KAAK,4BAA4B,GAAG;IAClC,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,eAAe,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"CloseDrawerMenuItemList.d.ts","sourceRoot":"","sources":["../../../src/Drawer/CloseDrawer/CloseDrawerMenuItemList.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAQ1C,KAAK,4BAA4B,GAAG;IAClC,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,cAAc,GAAG,IAAI,CAAC;IAChC,WAAW,EAAE,CAAC,QAAQ,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;CACxD,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,wDAKrC,4BAA4B,4CAkF9B,CAAC"}
|
|
@@ -10,8 +10,7 @@ const urlToNestedObject_1 = require("../../utils/urlToNestedObject");
|
|
|
10
10
|
const CloseDrawerMenuItem_1 = require("./CloseDrawerMenuItem");
|
|
11
11
|
const CloseDrawerSubMenuItemList_1 = require("./CloseDrawerSubMenuItemList");
|
|
12
12
|
const Popper_1 = require("./Popper");
|
|
13
|
-
const CloseDrawerMenuItemList = ({ menuItems, currentPathname, }) => {
|
|
14
|
-
const [anchorEl, setAnchorEl] = (0, react_1.useState)(null);
|
|
13
|
+
const CloseDrawerMenuItemList = ({ menuItems, currentPathname, anchorEl, setAnchorEl, }) => {
|
|
15
14
|
const [currentMenuItem, setCurrentMenuItem] = (0, react_1.useState)();
|
|
16
15
|
const [currentMenuIndex, setCurrentMenuIndex] = (0, react_1.useState)(0);
|
|
17
16
|
const [currentPathMenuOpen, setCurrentPathMenuOpen] = (0, react_1.useState)({});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../src/Drawer/Drawer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../src/Drawer/Drawer.tsx"],"names":[],"mappings":"AAIA,OAAO,EAEL,KAAK,yBAAyB,EAC9B,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAQf,MAAM,MAAM,QAAQ,GAAG;IACrB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACrE,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB,IAAI,EAAE,OAAO,CAAC;IACd,eAAe,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,MAAM,GAAI,uCAIpB,WAAW,4CAgCb,CAAC"}
|
|
@@ -8,6 +8,7 @@ exports.Drawer = void 0;
|
|
|
8
8
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
9
9
|
const material_1 = require("@mui/material");
|
|
10
10
|
const List_1 = __importDefault(require("@mui/material/List"));
|
|
11
|
+
const react_1 = require("react");
|
|
11
12
|
const PadBox_1 = require("../PadBox");
|
|
12
13
|
const AppLogoMedium_1 = require("../Svgs/AppLogo/AppLogoMedium");
|
|
13
14
|
const AppLogoSmall_1 = require("../Svgs/AppLogo/AppLogoSmall");
|
|
@@ -15,6 +16,10 @@ const CloseDrawerMenuItemList_1 = require("./CloseDrawer/CloseDrawerMenuItemList
|
|
|
15
16
|
const Drawer_styled_1 = require("./Drawer.styled");
|
|
16
17
|
const OpenDrawerMenuItemList_1 = require("./OpenDrawer/OpenDrawerMenuItemList");
|
|
17
18
|
const Drawer = ({ menuItems = [], open, currentPathname, }) => {
|
|
18
|
-
|
|
19
|
+
const [anchorEl, setAnchorEl] = (0, react_1.useState)(null);
|
|
20
|
+
const handleClose = () => {
|
|
21
|
+
setAnchorEl(null);
|
|
22
|
+
};
|
|
23
|
+
return ((0, jsx_runtime_1.jsxs)(Drawer_styled_1.StyledDrawer, { variant: "permanent", open: open, children: [(0, jsx_runtime_1.jsx)(material_1.Box, { textAlign: "center", children: (0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { paddingTop: "1.5rem" }, children: open ? (0, jsx_runtime_1.jsx)(AppLogoMedium_1.AppLogoMedium, {}) : (0, jsx_runtime_1.jsx)(AppLogoSmall_1.AppLogoSmall, {}) }) }), (0, jsx_runtime_1.jsx)(List_1.default, { component: "nav", onMouseLeave: handleClose, children: open ? ((0, jsx_runtime_1.jsx)(OpenDrawerMenuItemList_1.OpenDrawerMenuItemList, { menuItems: menuItems, currentPathname: currentPathname })) : ((0, jsx_runtime_1.jsx)(CloseDrawerMenuItemList_1.CloseDrawerMenuItemList, { menuItems: menuItems, currentPathname: currentPathname, anchorEl: anchorEl, setAnchorEl: setAnchorEl })) })] }));
|
|
19
24
|
};
|
|
20
25
|
exports.Drawer = Drawer;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../src/FormFields/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EACjB,iBAAiB,IAAI,oBAAoB,EAC1C,MAAM,eAAe,CAAC;AAmBvB,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,WAAW,EAChB,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAC;AAOzB,MAAM,MAAM,MAAM,GAAG;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,iBAAiB,CAAC,CAAC,SAAS,WAAW,IAAI,kBAAkB,CAAC,CAAC,CAAC,GAC1E,IAAI,CACF,IAAI,CACF,oBAAoB,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC,EACvD,aAAa,CACd,EACD,MAAM,qBAAqB,CAAC,CAAC,CAAC,CAC/B,GAAG;IACF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,CACb,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC,EACrC,MAAM,EAAE,MAAM,EACd,KAAK,EAAE;QAAE,QAAQ,EAAE,OAAO,CAAA;KAAE,KACzB,GAAG,CAAC,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IAC5C,aAAa,CAAC,EAAE,iBAAiB,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;CACtE,CAAC;AAEJ,wBAAgB,YAAY,CAAC,CAAC,SAAS,WAAW,EAAE,EAClD,OAAO,EACP,YAAY,EACZ,IAAI,EACJ,QAAgB,EAChB,KAAK,EACL,QAAgB,EAChB,QAAgB,EAChB,OAAY,EACZ,KAAK,EACL,OAAe,EACf,UAAU,EACV,KAAK,EACL,SAAiB,EACjB,WAAgB,EAChB,QAAQ,EACR,mBAA2B,EAC3B,eAAsB,EACtB,YAAoB,EACpB,kBAA0B,EAC1B,mBAA2B,EAC3B,QAAQ,EACR,YAAY,EACZ,cAAc,EACd,QAAQ,EACR,aAAa,EACb,GAAG,SAAS,EACb,EAAE,iBAAiB,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../src/FormFields/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EACjB,iBAAiB,IAAI,oBAAoB,EAC1C,MAAM,eAAe,CAAC;AAmBvB,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,WAAW,EAChB,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAC;AAOzB,MAAM,MAAM,MAAM,GAAG;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,iBAAiB,CAAC,CAAC,SAAS,WAAW,IAAI,kBAAkB,CAAC,CAAC,CAAC,GAC1E,IAAI,CACF,IAAI,CACF,oBAAoB,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC,EACvD,aAAa,CACd,EACD,MAAM,qBAAqB,CAAC,CAAC,CAAC,CAC/B,GAAG;IACF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,CACb,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC,EACrC,MAAM,EAAE,MAAM,EACd,KAAK,EAAE;QAAE,QAAQ,EAAE,OAAO,CAAA;KAAE,KACzB,GAAG,CAAC,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IAC5C,aAAa,CAAC,EAAE,iBAAiB,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;CACtE,CAAC;AAEJ,wBAAgB,YAAY,CAAC,CAAC,SAAS,WAAW,EAAE,EAClD,OAAO,EACP,YAAY,EACZ,IAAI,EACJ,QAAgB,EAChB,KAAK,EACL,QAAgB,EAChB,QAAgB,EAChB,OAAY,EACZ,KAAK,EACL,OAAe,EACf,UAAU,EACV,KAAK,EACL,SAAiB,EACjB,WAAgB,EAChB,QAAQ,EACR,mBAA2B,EAC3B,eAAsB,EACtB,YAAoB,EACpB,kBAA0B,EAC1B,mBAA2B,EAC3B,QAAQ,EACR,YAAY,EACZ,cAAc,EACd,QAAQ,EACR,aAAa,EACb,GAAG,SAAS,EACb,EAAE,iBAAiB,CAAC,CAAC,CAAC,2CAkYtB"}
|
|
@@ -220,5 +220,7 @@ function Autocomplete({ control, defaultValue, name, required = false, label, mu
|
|
|
220
220
|
return onChange(values);
|
|
221
221
|
}
|
|
222
222
|
onChange(newValue ? newValue.value : null);
|
|
223
|
-
}, groupBy: (option) => option.heading ?? "", renderGroup: (params) => ((0, jsx_runtime_1.jsxs)("li", { children: [(0, jsx_runtime_1.jsx)(GroupHeader, { children: params.group }), (0, jsx_runtime_1.jsx)(GroupItems, { children: params.children })] }, params.key)), getOptionDisabled: (option) => !!option.disabled
|
|
223
|
+
}, groupBy: (option) => option.heading ?? "", renderGroup: (params) => ((0, jsx_runtime_1.jsxs)("li", { children: [(0, jsx_runtime_1.jsx)(GroupHeader, { children: params.group }), (0, jsx_runtime_1.jsx)(GroupItems, { children: params.children })] }, params.key)), getOptionDisabled: (option) => !!option.disabled, onBlur: () => {
|
|
224
|
+
setInputValue("");
|
|
225
|
+
} }), onAction && (0, jsx_runtime_1.jsx)(Actions_1.EditIconAction, { disabled: disabled, onClick: onAction })] })] }));
|
|
224
226
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/FormFields/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,IAAI,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAE5F,OAAO,KAAK,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAG5E,OAAO,
|
|
1
|
+
{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/FormFields/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,IAAI,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAE5F,OAAO,KAAK,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAG5E,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,KAAK,EACV,UAAU,EACV,WAAW,EACX,kBAAkB,EACnB,MAAM,iBAAiB,CAAC;AAKzB,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,WAAW,IAAI,kBAAkB,CAAC,CAAC,CAAC,GACxE,kBAAkB,CAAC,eAAe,CAAC,GACnC,OAAO,CAAC;IACN,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,OAAO,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAC;IAClB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,QAAQ,EAAE,CACR,IAAI,EAAE,MAAM,CAAC,EACb,KAAK,EAAE,UAAU,GAAG;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,KACnD,IAAI,CAAC;CACX,CAAC,CAAC;AAEL,eAAO,MAAM,WAAW;;;CAGvB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAcjC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAclC,CAAC;AAEF,wBAAgB,UAAU,CAAC,CAAC,SAAS,WAAW,EAAE,EAChD,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,QAAgB,EAChB,KAAK,EACL,QAAgB,EAChB,IAAI,EACJ,KAAa,EACb,UAAU,EACV,OAAe,EACf,QAAgB,EAChB,SAAgB,EAChB,KAAK,EACL,oBAA4B,EAC5B,KAAgC,EAChC,MAAqC,EACrC,GAAG,SAAS,EACb,EAAE,eAAe,CAAC,CAAC,CAAC,2CAgLpB"}
|
|
@@ -41,11 +41,26 @@ const RightArrowIcon = () => {
|
|
|
41
41
|
};
|
|
42
42
|
exports.RightArrowIcon = RightArrowIcon;
|
|
43
43
|
function DatePicker({ setError, control, defaultValue, disabled = false, label, readOnly = false, name, error = false, helperText, loading = false, required = false, clearable = true, rules, disableKeyboardInput = false, views = ["year", "month", "day"], format = exports.dateFormats.dateWithEuropean, ...restProps }) {
|
|
44
|
+
const [localError, setLocalError] = (0, react_1.useState)();
|
|
44
45
|
const { field: { value, onChange, ...restField }, } = (0, react_hook_form_1.useController)({ name, control, defaultValue, rules });
|
|
45
46
|
const [open, setOpen] = (0, react_1.useState)(false);
|
|
46
47
|
const theme = (0, material_1.useTheme)();
|
|
47
48
|
const { iron, butterflyBlue, mirage } = theme.palette.app.color;
|
|
48
|
-
const finalValue =
|
|
49
|
+
const finalValue = (0, react_1.useMemo)(() => {
|
|
50
|
+
if (disableKeyboardInput && open) {
|
|
51
|
+
return value ? luxon_1.DateTime.fromISO(value) : undefined;
|
|
52
|
+
}
|
|
53
|
+
return value ? luxon_1.DateTime.fromISO(value) : undefined;
|
|
54
|
+
}, [value, disableKeyboardInput, open]);
|
|
55
|
+
// eslint-disable-next-line sonarjs/rules-of-hooks
|
|
56
|
+
(0, react_1.useMemo)(() => {
|
|
57
|
+
if (!error && localError) {
|
|
58
|
+
const timer = setTimeout(() => {
|
|
59
|
+
setLocalError(undefined);
|
|
60
|
+
}, 100);
|
|
61
|
+
return () => clearTimeout(timer);
|
|
62
|
+
}
|
|
63
|
+
}, [error]);
|
|
49
64
|
if (loading) {
|
|
50
65
|
return (0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, { label: label });
|
|
51
66
|
}
|
|
@@ -60,8 +75,8 @@ function DatePicker({ setError, control, defaultValue, disabled = false, label,
|
|
|
60
75
|
},
|
|
61
76
|
textField: {
|
|
62
77
|
disabled,
|
|
63
|
-
|
|
64
|
-
|
|
78
|
+
error: !!localError || error,
|
|
79
|
+
helperText: localError ?? helperText,
|
|
65
80
|
InputProps: {
|
|
66
81
|
endAdornment: ((0, jsx_runtime_1.jsx)(Actions_1.CalendarIconAction, { disabled: disabled, onClick: () => setOpen(true) })),
|
|
67
82
|
sx: {
|
|
@@ -71,6 +86,10 @@ function DatePicker({ setError, control, defaultValue, disabled = false, label,
|
|
|
71
86
|
},
|
|
72
87
|
},
|
|
73
88
|
onKeyDown: (event) => {
|
|
89
|
+
if (event.key === "Backspace") {
|
|
90
|
+
onChange(null);
|
|
91
|
+
setLocalError(undefined);
|
|
92
|
+
}
|
|
74
93
|
if (!clearable && event.key === "Backspace") {
|
|
75
94
|
event.preventDefault();
|
|
76
95
|
}
|
|
@@ -123,20 +142,29 @@ function DatePicker({ setError, control, defaultValue, disabled = false, label,
|
|
|
123
142
|
restProps.onAccept(value, details);
|
|
124
143
|
}
|
|
125
144
|
}, onChange: (value, details) => {
|
|
126
|
-
if (
|
|
127
|
-
|
|
145
|
+
if (disableKeyboardInput && open) {
|
|
146
|
+
return;
|
|
147
|
+
}
|
|
148
|
+
if (!value) {
|
|
149
|
+
onChange(null);
|
|
150
|
+
setLocalError(undefined);
|
|
128
151
|
return;
|
|
129
152
|
}
|
|
130
|
-
|
|
131
|
-
|
|
153
|
+
const isValid = value?.isValid === true;
|
|
154
|
+
const hasError = Boolean(details.validationError ?? !isValid);
|
|
155
|
+
onChange(isValid ? value.toISODate() : null);
|
|
156
|
+
const errorMessage = hasError
|
|
157
|
+
? "Please enter a valid date"
|
|
158
|
+
: undefined;
|
|
159
|
+
setLocalError(errorMessage);
|
|
160
|
+
requestAnimationFrame(() => {
|
|
161
|
+
if ((0, isFunction_1.default)(setError) && hasError) {
|
|
132
162
|
setError(name, {
|
|
133
163
|
type: "manual",
|
|
134
|
-
message:
|
|
164
|
+
message: errorMessage,
|
|
135
165
|
});
|
|
136
166
|
}
|
|
137
|
-
}
|
|
138
|
-
|
|
139
|
-
onChange(value.toISODate());
|
|
140
|
-
}
|
|
167
|
+
});
|
|
168
|
+
restProps?.onChange?.(value, details);
|
|
141
169
|
} })] }));
|
|
142
170
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
export type WorkDayType = "present" | "holiday" | "weekly_off" | "working" | "first_half_off" | "second_half_off" | "full_day_weekly_off" | "first_half_weekly_off" | "second_half_weekly_off" | "paid_leave" | "absent" | "late_in_early_out" | "unpaid_leave" | "loss_of_pay" | "penalty" | "first_half_paid_leave" | "second_half_paid_leave" | "full_day_paid_leave" | "first_half_unpaid_leave" | "second_half_unpaid_leave" | "full_day_unpaid_leave" | "leave";
|
|
2
|
-
export type WorkDayTypeShort = "P" | "H" | "WO" | "HO" | "FHWO" | "SHWO" | "PL" | "A" | "LIEO" | "UPL" | "PEN" | "LOP" | "L";
|
|
1
|
+
export type WorkDayType = "present" | "holiday" | "weekly_off" | "working" | "first_half_off" | "second_half_off" | "full_day_weekly_off" | "first_half_weekly_off" | "second_half_weekly_off" | "paid_leave" | "absent" | "late_in_early_out" | "unpaid_leave" | "loss_of_pay" | "penalty" | "first_half_paid_leave" | "second_half_paid_leave" | "full_day_paid_leave" | "first_half_unpaid_leave" | "second_half_unpaid_leave" | "full_day_unpaid_leave" | "leave" | "overtime";
|
|
2
|
+
export type WorkDayTypeShort = "P" | "H" | "WO" | "HO" | "FHWO" | "SHWO" | "PL" | "A" | "LIEO" | "UPL" | "PEN" | "LOP" | "L" | "OT";
|
|
3
3
|
export declare const serverityOptions: Record<WorkDayType, WorkDayTypeShort>;
|
|
4
4
|
export declare const getColorByVariant: (variant: WorkDayType, type?: string) => string;
|
|
5
|
-
export declare const getStatusLabel: (status: WorkDayType) => "Present" | "Absent" | "Weekly Off" | "Working" | "Holiday" | "Paid Leave" | "Unpaid Leave" | "First Half Weekly Off" | "Second Half Weekly Off" | "First Half Off" | "Second Half Off" | "Late In/Early Out" | "Loss of Pay" | "Penalty" | "First Half Paid Leave" | "Second Half Paid Leave" | "Full Day Paid Leave" | "First Half Unpaid Leave" | "Second Half Unpaid Leave" | "Full Day Unpaid Leave" | "Leave";
|
|
5
|
+
export declare const getStatusLabel: (status: WorkDayType) => "Present" | "Absent" | "Weekly Off" | "Working" | "Holiday" | "Paid Leave" | "Unpaid Leave" | "First Half Weekly Off" | "Second Half Weekly Off" | "First Half Off" | "Second Half Off" | "Late In/Early Out" | "Loss of Pay" | "Penalty" | "First Half Paid Leave" | "Second Half Paid Leave" | "Full Day Paid Leave" | "First Half Unpaid Leave" | "Second Half Unpaid Leave" | "Full Day Unpaid Leave" | "Leave" | "Overtime";
|
|
6
6
|
//# sourceMappingURL=colorVariant.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"colorVariant.d.ts","sourceRoot":"","sources":["../../src/utils/colorVariant.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,WAAW,GACnB,SAAS,GACT,SAAS,GACT,YAAY,GACZ,SAAS,GACT,gBAAgB,GAChB,iBAAiB,GACjB,qBAAqB,GACrB,uBAAuB,GACvB,wBAAwB,GACxB,YAAY,GACZ,QAAQ,GACR,mBAAmB,GACnB,cAAc,GACd,aAAa,GACb,SAAS,GACT,uBAAuB,GACvB,wBAAwB,GACxB,qBAAqB,GACrB,yBAAyB,GACzB,0BAA0B,GAC1B,uBAAuB,GACvB,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"colorVariant.d.ts","sourceRoot":"","sources":["../../src/utils/colorVariant.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,WAAW,GACnB,SAAS,GACT,SAAS,GACT,YAAY,GACZ,SAAS,GACT,gBAAgB,GAChB,iBAAiB,GACjB,qBAAqB,GACrB,uBAAuB,GACvB,wBAAwB,GACxB,YAAY,GACZ,QAAQ,GACR,mBAAmB,GACnB,cAAc,GACd,aAAa,GACb,SAAS,GACT,uBAAuB,GACvB,wBAAwB,GACxB,qBAAqB,GACrB,yBAAyB,GACzB,0BAA0B,GAC1B,uBAAuB,GACvB,OAAO,GACP,UAAU,CAAC;AAEf,MAAM,MAAM,gBAAgB,GACxB,GAAG,GACH,GAAG,GACH,IAAI,GACJ,IAAI,GACJ,MAAM,GACN,MAAM,GACN,IAAI,GACJ,GAAG,GACH,MAAM,GACN,KAAK,GACL,KAAK,GACL,KAAK,GACL,GAAG,GACH,IAAI,CAAC;AAET,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,WAAW,EAAE,gBAAgB,CAwBlE,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,SAAS,WAAW,EAAE,aAAa,WAsFpE,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,QAAQ,WAAW,qaA0EjD,CAAC"}
|
|
@@ -25,10 +25,11 @@ exports.serverityOptions = {
|
|
|
25
25
|
second_half_unpaid_leave: "L",
|
|
26
26
|
full_day_unpaid_leave: "L",
|
|
27
27
|
leave: "L",
|
|
28
|
+
overtime: "OT",
|
|
28
29
|
};
|
|
29
30
|
const getColorByVariant = (variant, type = "dark") => {
|
|
30
31
|
const theme = (0, material_1.useTheme)();
|
|
31
|
-
const { darkMint, sapphireBlue, darkOrange, orchid, lipstickRed, deepAqua } = theme.palette.app.color;
|
|
32
|
+
const { darkMint, sapphireBlue, darkOrange, orchid, lipstickRed, deepAqua, slate, } = theme.palette.app.color;
|
|
32
33
|
// eslint-disable-next-line sonarjs/no-nested-conditional
|
|
33
34
|
const index = type === "dark" ? (variant === "penalty" ? 800 : 900) : 600;
|
|
34
35
|
switch (variant) {
|
|
@@ -74,6 +75,8 @@ const getColorByVariant = (variant, type = "dark") => {
|
|
|
74
75
|
return deepAqua[index];
|
|
75
76
|
case "full_day_unpaid_leave":
|
|
76
77
|
return deepAqua[index];
|
|
78
|
+
case "overtime":
|
|
79
|
+
return slate[index];
|
|
77
80
|
default:
|
|
78
81
|
return lipstickRed[index];
|
|
79
82
|
}
|
|
@@ -125,6 +128,8 @@ const getStatusLabel = (status) => {
|
|
|
125
128
|
return "Full Day Unpaid Leave";
|
|
126
129
|
case "leave":
|
|
127
130
|
return "Leave";
|
|
131
|
+
case "overtime":
|
|
132
|
+
return "Overtime";
|
|
128
133
|
default:
|
|
129
134
|
return "Absent";
|
|
130
135
|
}
|