@codezee/sixtify-brahma 0.2.13 → 0.2.16

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.
Files changed (29) hide show
  1. package/package.json +2 -1
  2. package/packages/shared-components/dist/Card/ProfileCard/ProfileCardItem/ProfileCardHeader.d.ts.map +1 -1
  3. package/packages/shared-components/dist/Card/ProfileCard/ProfileCardItem/ProfileCardHeader.js +3 -4
  4. package/packages/shared-components/dist/Drawer/CloseDrawer/CloseDrawerSubMenuItemList.d.ts.map +1 -1
  5. package/packages/shared-components/dist/Drawer/CloseDrawer/CloseDrawerSubMenuItemList.js +3 -0
  6. package/packages/shared-components/dist/Drawer/Drawer.d.ts +1 -0
  7. package/packages/shared-components/dist/Drawer/Drawer.d.ts.map +1 -1
  8. package/packages/shared-components/dist/Drawer/OpenDrawer/OpenDrawerMenuItemList.d.ts.map +1 -1
  9. package/packages/shared-components/dist/Drawer/OpenDrawer/OpenDrawerMenuItemList.js +4 -1
  10. package/packages/shared-components/dist/FormFields/Autocomplete/Autocomplete.d.ts.map +1 -1
  11. package/packages/shared-components/dist/FormFields/Autocomplete/Autocomplete.js +4 -5
  12. package/packages/shared-components/dist/FormFields/PhoneInputField/PhoneInputField.d.ts +13 -0
  13. package/packages/shared-components/dist/FormFields/PhoneInputField/PhoneInputField.d.ts.map +1 -0
  14. package/packages/shared-components/dist/FormFields/PhoneInputField/PhoneInputField.js +49 -0
  15. package/packages/shared-components/dist/FormFields/PhoneInputField/Skeleton.d.ts +7 -0
  16. package/packages/shared-components/dist/FormFields/PhoneInputField/Skeleton.d.ts.map +1 -0
  17. package/packages/shared-components/dist/FormFields/PhoneInputField/Skeleton.js +14 -0
  18. package/packages/shared-components/dist/FormFields/PhoneInputField/index.d.ts +2 -0
  19. package/packages/shared-components/dist/FormFields/PhoneInputField/index.d.ts.map +1 -0
  20. package/packages/shared-components/dist/FormFields/PhoneInputField/index.js +17 -0
  21. package/packages/shared-components/dist/FormFields/TextField/TextField.d.ts +11 -2
  22. package/packages/shared-components/dist/FormFields/TextField/TextField.d.ts.map +1 -1
  23. package/packages/shared-components/dist/FormFields/TextField/TextField.js +46 -5
  24. package/packages/shared-components/dist/FormFields/index.d.ts +1 -0
  25. package/packages/shared-components/dist/FormFields/index.d.ts.map +1 -1
  26. package/packages/shared-components/dist/FormFields/index.js +1 -0
  27. package/packages/shared-components/dist/Stepper/Stepper.d.ts +4 -1
  28. package/packages/shared-components/dist/Stepper/Stepper.d.ts.map +1 -1
  29. package/packages/shared-components/dist/Stepper/Stepper.js +33 -10
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@codezee/sixtify-brahma",
3
- "version": "0.2.13",
3
+ "version": "0.2.16",
4
4
  "scripts": {
5
5
  "lint": "turbo lint",
6
6
  "format": "prettier --write \"**/*.{ts,tsx}\"",
@@ -55,6 +55,7 @@
55
55
  "ag-grid-react": "^31.3.2",
56
56
  "axios": "^1.7.2",
57
57
  "date-fns": "^4.1.0",
58
+ "react-phone-input-2": "^2.15.1",
58
59
  "eslint-plugin-sonarjs": "1.0.4-alpha.1",
59
60
  "file-saver": "^2.0.5",
60
61
  "file64": "1.0.1",
package/packages/shared-components/dist/Card/ProfileCard/ProfileCardItem/ProfileCardHeader.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ProfileCardHeader.d.ts","sourceRoot":"","sources":["../../../../src/Card/ProfileCard/ProfileCardItem/ProfileCardHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEpD,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAM1D,KAAK,sBAAsB,GAAG,iBAAiB,CAAC;IAC9C,MAAM,EAAE,SAAS,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACpB,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CAC/C,CAAC,CAAC;AAEH,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,OAAO,EACP,OAAe,EACf,aAAa,GACd,EAAE,sBAAsB,2CAoExB"}
1
+ {"version":3,"file":"ProfileCardHeader.d.ts","sourceRoot":"","sources":["../../../../src/Card/ProfileCard/ProfileCardItem/ProfileCardHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEpD,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAK1D,KAAK,sBAAsB,GAAG,iBAAiB,CAAC;IAC9C,MAAM,EAAE,SAAS,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACpB,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CAC/C,CAAC,CAAC;AAEH,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,OAAO,EACP,OAAe,EACf,aAAa,GACd,EAAE,sBAAsB,2CAmExB"}
package/packages/shared-components/dist/Card/ProfileCard/ProfileCardItem/ProfileCardHeader.js CHANGED
@@ -5,12 +5,11 @@ const jsx_runtime_1 = require("react/jsx-runtime");
5
5
  const material_1 = require("@mui/material");
6
6
  const Actions_1 = require("../../../Actions");
7
7
  const Chips_1 = require("../../../Chips");
8
- const PadBox_1 = require("../../../PadBox");
9
8
  const CardItem_1 = require("../../CardItem");
10
9
  function ProfileCardHeader({ avatar, employeeName, designation, employeeCode, loading, isDraft = false, onDeleteClick, }) {
11
- return ((0, jsx_runtime_1.jsxs)(material_1.Box, { children: [(0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { padding: "10px 5px 0px 10px" }, children: (0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", direction: "row", alignItems: "center", justifyContent: "space-between", children: [loading ? ((0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "rounded", height: 20, animation: "wave", width: "100px" })) : // eslint-disable-next-line sonarjs/no-nested-conditional
12
- isDraft ? ((0, jsx_runtime_1.jsx)(Chips_1.Chip, { label: "Draft", size: "small", color: "error", variant: "outlined" })) : ((0, jsx_runtime_1.jsx)(CardItem_1.CardItemValue, { title: employeeCode, loading: loading })), isDraft &&
13
- (loading ? ((0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "rounded", height: 20, animation: "wave", width: "50px" })) : ((0, jsx_runtime_1.jsx)(Actions_1.DeleteAction, { onClick: onDeleteClick })))] }) }), (0, jsx_runtime_1.jsxs)(material_1.Stack, { alignItems: "center", gap: "8px", children: [avatar, loading ? ((0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "rounded", height: 30, animation: "wave", width: "300px" })) : ((0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h6", sx: {
10
+ return ((0, jsx_runtime_1.jsxs)(material_1.Box, { children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", direction: "row", alignItems: "center", justifyContent: "space-between", children: [loading ? ((0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "rounded", height: 20, animation: "wave", width: "100px" })) : // eslint-disable-next-line sonarjs/no-nested-conditional
11
+ isDraft ? ((0, jsx_runtime_1.jsx)(Chips_1.Chip, { label: "Draft", size: "small", color: "error", variant: "outlined" })) : ((0, jsx_runtime_1.jsx)(CardItem_1.CardItemValue, { title: employeeCode, loading: loading })), isDraft &&
12
+ (loading ? ((0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "rounded", height: 20, animation: "wave", width: "50px" })) : ((0, jsx_runtime_1.jsx)(Actions_1.DeleteAction, { onClick: onDeleteClick })))] }), (0, jsx_runtime_1.jsxs)(material_1.Stack, { alignItems: "center", gap: "8px", children: [avatar, loading ? ((0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "rounded", height: 30, animation: "wave", width: "300px" })) : ((0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h6", sx: {
14
13
  overflow: "hidden",
15
14
  textOverflow: "ellipsis",
16
15
  display: "-webkit-box",
package/packages/shared-components/dist/Drawer/CloseDrawer/CloseDrawerSubMenuItemList.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CloseDrawerSubMenuItemList.d.ts","sourceRoot":"","sources":["../../../src/Drawer/CloseDrawer/CloseDrawerSubMenuItemList.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,WAAW,CAAC;AAI1C,MAAM,MAAM,aAAa,GAAG;IAC1B,CAAC,GAAG,EAAE,MAAM,GAAG,aAAa,GAAG,OAAO,CAAC;CACxC,CAAC;AAiFF,KAAK,+BAA+B,GAAG;IACrC,mBAAmB,EAAE,aAAa,CAAC;IACnC,eAAe,CAAC,EAAE,QAAQ,CAAC;IAC3B,kBAAkB,EAAE,MAAM,IAAI,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,0BAA0B,GAAI,+DAIxC,+BAA+B,4CAoBjC,CAAC"}
1
+ {"version":3,"file":"CloseDrawerSubMenuItemList.d.ts","sourceRoot":"","sources":["../../../src/Drawer/CloseDrawer/CloseDrawerSubMenuItemList.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,WAAW,CAAC;AAI1C,MAAM,MAAM,aAAa,GAAG;IAC1B,CAAC,GAAG,EAAE,MAAM,GAAG,aAAa,GAAG,OAAO,CAAC;CACxC,CAAC;AAqFF,KAAK,+BAA+B,GAAG;IACrC,mBAAmB,EAAE,aAAa,CAAC;IACnC,eAAe,CAAC,EAAE,QAAQ,CAAC;IAC3B,kBAAkB,EAAE,MAAM,IAAI,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,0BAA0B,GAAI,+DAIxC,+BAA+B,4CAoBjC,CAAC"}
package/packages/shared-components/dist/Drawer/CloseDrawer/CloseDrawerSubMenuItemList.js CHANGED
@@ -9,6 +9,9 @@ const Popper_1 = require("./Popper");
9
9
  const RecursiveMenuItem = ({ item, parentPath, currentPathMenuOpen, onCloseMenuPopover, level = 0, }) => {
10
10
  const [anchorEl, setAnchorEl] = (0, react_1.useState)(null);
11
11
  const isOpen = Boolean(anchorEl);
12
+ if (!item?.isView) {
13
+ return;
14
+ }
12
15
  const handlePopoverOpen = (event) => {
13
16
  if (item.menuItems?.length) {
14
17
  setAnchorEl(event.currentTarget);
package/packages/shared-components/dist/Drawer/Drawer.d.ts CHANGED
@@ -5,6 +5,7 @@ export type MenuItem = {
5
5
  title: string;
6
6
  onClick?: (href: string, target?: HTMLAttributeAnchorTarget) => void;
7
7
  menuItems?: MenuItem[];
8
+ isView?: boolean;
8
9
  };
9
10
  export type DrawerProps = {
10
11
  menuItems?: MenuItem[];
package/packages/shared-components/dist/Drawer/Drawer.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../src/Drawer/Drawer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,yBAAyB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQlE,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;CACxB,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,4CAwBb,CAAC"}
1
+ {"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../src/Drawer/Drawer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,yBAAyB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQlE,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,4CAwBb,CAAC"}
package/packages/shared-components/dist/Drawer/OpenDrawer/OpenDrawerMenuItemList.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"OpenDrawerMenuItemList.d.ts","sourceRoot":"","sources":["../../../src/Drawer/OpenDrawer/OpenDrawerMenuItemList.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAI1C,KAAK,2BAA2B,GAAG;IACjC,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,eAAe,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;KAC3B,CAAC,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,EACnB,OAAO,GACP;SACG,IAAI,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,OAAO,GAAG,eAAe;KACtD;CACN,CAAC;AAEF,KAAK,sBAAsB,GAAG;IAC5B,QAAQ,EAAE,QAAQ,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,eAAe,CAAC;IAC9B,eAAe,EAAE,CACf,KAAK,EAAE,eAAe,GAAG,CAAC,CAAC,IAAI,EAAE,eAAe,KAAK,eAAe,CAAC,KAClE,IAAI,CAAC;IACV,mBAAmB,EAAE,eAAe,CAAC;CACtC,CAAC;AA4BF,eAAO,MAAM,UAAU,GAAI,OAAO,eAAe,EAAE,MAAM,MAAM,EAAE,YAIhE,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,sFAO/B,sBAAsB,wDAyFxB,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,iCAGpC,2BAA2B,8CA6B7B,CAAC"}
1
+ {"version":3,"file":"OpenDrawerMenuItemList.d.ts","sourceRoot":"","sources":["../../../src/Drawer/OpenDrawer/OpenDrawerMenuItemList.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAI1C,KAAK,2BAA2B,GAAG;IACjC,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,eAAe,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;KAC3B,CAAC,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,EACnB,OAAO,GACP;SACG,IAAI,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,OAAO,GAAG,eAAe;KACtD;CACN,CAAC;AAEF,KAAK,sBAAsB,GAAG;IAC5B,QAAQ,EAAE,QAAQ,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,eAAe,CAAC;IAC9B,eAAe,EAAE,CACf,KAAK,EAAE,eAAe,GAAG,CAAC,CAAC,IAAI,EAAE,eAAe,KAAK,eAAe,CAAC,KAClE,IAAI,CAAC;IACV,mBAAmB,EAAE,eAAe,CAAC;CACtC,CAAC;AA4BF,eAAO,MAAM,UAAU,GAAI,OAAO,eAAe,EAAE,MAAM,MAAM,EAAE,YAIhE,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,sFAO/B,sBAAsB,wDAmGxB,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,iCAGpC,2BAA2B,8CA6B7B,CAAC"}
package/packages/shared-components/dist/Drawer/OpenDrawer/OpenDrawerMenuItemList.js CHANGED
@@ -38,7 +38,10 @@ const MenuItemRecursive = ({ menuItem, level = 0, parentPath = "", subMenusOpen,
38
38
  return;
39
39
  }
40
40
  const { butterflyBlue, slate } = theme.palette.app.color;
41
- const { key, icon, title, onClick, menuItems = [] } = menuItem;
41
+ const { key, icon, title, isView = false, onClick, menuItems = [], } = menuItem;
42
+ if (!isView) {
43
+ return;
44
+ }
42
45
  const currentPath = parentPath ? `${parentPath}/${key}` : key;
43
46
  const pathArray = currentPath.split("/");
44
47
  const isMenuSelected = (0, exports.isMenuOpen)(subMenusOpen, pathArray);
package/packages/shared-components/dist/FormFields/Autocomplete/Autocomplete.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../src/FormFields/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,IAAI,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAmB/E,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,CAClB;IACE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,EACD,OAAO,EACP,OAAO,EACP,OAAO,CACR,EACD,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,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;CAC7C,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,mBAA2B,EAC3B,QAAQ,EACR,YAAY,EACZ,cAAc,EACd,QAAQ,EACR,GAAG,SAAS,EACb,EAAE,iBAAiB,CAAC,CAAC,CAAC,2CAkZtB"}
1
+ {"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../src/FormFields/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,IAAI,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAmB/E,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,CAClB;IACE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,EACD,OAAO,EACP,OAAO,EACP,OAAO,CACR,EACD,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,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;CAC7C,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,mBAA2B,EAC3B,QAAQ,EACR,YAAY,EACZ,cAAc,EACd,QAAQ,EACR,GAAG,SAAS,EACb,EAAE,iBAAiB,CAAC,CAAC,CAAC,2CAiZtB"}
package/packages/shared-components/dist/FormFields/Autocomplete/Autocomplete.js CHANGED
@@ -185,11 +185,7 @@ function Autocomplete({ control, defaultValue, name, required = false, label, mu
185
185
  setInputValue(e.target.value);
186
186
  }
187
187
  }, onKeyDown: (e) => handleKeyDown(e) }));
188
- }, multiple: multiple, options: isShowOptionsOnType ? filteredOptions : memoizedOptions, isOptionEqualToValue: (option, value) => freeSolo ? false : option.value === value.value, onInputChange: (_, __, reason) => {
189
- if (reason === "clear") {
190
- setInputValue("");
191
- }
192
- }, getOptionLabel: (option) => {
188
+ }, multiple: multiple, options: isShowOptionsOnType ? filteredOptions : memoizedOptions, isOptionEqualToValue: (option, value) => freeSolo ? false : option.value === value.value, getOptionLabel: (option) => {
193
189
  if (getOptionLabel) {
194
190
  return getOptionLabel(option);
195
191
  }
@@ -200,6 +196,9 @@ function Autocomplete({ control, defaultValue, name, required = false, label, mu
200
196
  }, value: selectedValue,
201
197
  // eslint-disable-next-line sonarjs/cognitive-complexity
202
198
  onChange: (_, newValue) => {
199
+ if (!newValue) {
200
+ setInputValue("");
201
+ }
203
202
  if (withLabel) {
204
203
  return onChange(newValue);
205
204
  }
package/packages/shared-components/dist/FormFields/PhoneInputField/PhoneInputField.d.ts ADDED
@@ -0,0 +1,13 @@
1
+ import { ControllerRenderProps, type FieldValues, type UseControllerProps } from "react-hook-form";
2
+ import { PhoneInputProps } from "react-phone-input-2";
3
+ import "react-phone-input-2/lib/style.css";
4
+ export type PhoneInputFieldProps<P extends FieldValues> = UseControllerProps<P> & Omit<PhoneInputProps, keyof ControllerRenderProps<P>> & {
5
+ label?: string;
6
+ loading?: boolean;
7
+ rows?: number;
8
+ required?: boolean;
9
+ error?: boolean;
10
+ helperText?: string;
11
+ };
12
+ export declare function PhoneInputField<P extends FieldValues>({ control, name, defaultValue, rules, label, disabled, required, rows, loading, placeholder, error, helperText, ...phoneInputProps }: PhoneInputFieldProps<P>): import("react/jsx-runtime").JSX.Element;
13
+ //# sourceMappingURL=PhoneInputField.d.ts.map
package/packages/shared-components/dist/FormFields/PhoneInputField/PhoneInputField.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PhoneInputField.d.ts","sourceRoot":"","sources":["../../../src/FormFields/PhoneInputField/PhoneInputField.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,qBAAqB,EAErB,KAAK,WAAW,EAChB,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAC;AACzB,OAAmB,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAClE,OAAO,mCAAmC,CAAC;AAG3C,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS,WAAW,IACpD,kBAAkB,CAAC,CAAC,CAAC,GACnB,IAAI,CAAC,eAAe,EAAE,MAAM,qBAAqB,CAAC,CAAC,CAAC,CAAC,GAAG;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEN,wBAAgB,eAAe,CAAC,CAAC,SAAS,WAAW,EAAE,EACrD,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,KAAK,EACL,QAAgB,EAChB,QAAQ,EACR,IAAI,EACJ,OAAe,EACf,WAAgB,EAChB,KAAK,EACL,UAAU,EACV,GAAG,eAAe,EACnB,EAAE,oBAAoB,CAAC,CAAC,CAAC,2CAuEzB"}
package/packages/shared-components/dist/FormFields/PhoneInputField/PhoneInputField.js ADDED
@@ -0,0 +1,49 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.PhoneInputField = PhoneInputField;
7
+ const jsx_runtime_1 = require("react/jsx-runtime");
8
+ const material_1 = require("@mui/material");
9
+ const react_hook_form_1 = require("react-hook-form");
10
+ const react_phone_input_2_1 = __importDefault(require("react-phone-input-2"));
11
+ require("react-phone-input-2/lib/style.css");
12
+ const Skeleton_1 = require("./Skeleton");
13
+ function PhoneInputField({ control, name, defaultValue, rules, label, disabled = false, required, rows, loading = false, placeholder = "", error, helperText, ...phoneInputProps }) {
14
+ const theme = (0, material_1.useTheme)();
15
+ const { iron } = theme.palette.app.color;
16
+ const { field: { value, onChange, ...restField }, } = (0, react_hook_form_1.useController)({
17
+ name,
18
+ control,
19
+ defaultValue,
20
+ rules,
21
+ });
22
+ if (loading) {
23
+ return (0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, { label: label, rows: rows });
24
+ }
25
+ return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "4px", children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", children: [label && (0, jsx_runtime_1.jsx)(material_1.InputLabel, { required: required, children: label }), (0, jsx_runtime_1.jsx)(react_phone_input_2_1.default, { country: "in", enableSearch: true, disabled: disabled, placeholder: placeholder || label, onChange: (phone) => {
26
+ if (!phone.startsWith("+")) {
27
+ onChange(`+${phone}`);
28
+ }
29
+ else {
30
+ onChange(phone);
31
+ }
32
+ }, value: value, countryCodeEditable: false, containerStyle: {
33
+ width: "100%",
34
+ border: error ? "1px solid red" : `1px solid ${iron[800]}`,
35
+ borderRadius: "4px",
36
+ }, inputStyle: {
37
+ width: "100%",
38
+ paddingTop: "19px",
39
+ paddingBottom: "19px",
40
+ fontSize: "16px",
41
+ border: "none",
42
+ }, buttonStyle: {
43
+ border: "none",
44
+ }, ...restField, ...phoneInputProps })] }), error && ((0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "caption", sx: {
45
+ color: `red`,
46
+ whiteSpace: "pre",
47
+ textWrap: "wrap",
48
+ }, children: helperText }))] }));
49
+ }
package/packages/shared-components/dist/FormFields/PhoneInputField/Skeleton.d.ts ADDED
@@ -0,0 +1,7 @@
1
+ type SkeletonProps = {
2
+ rows?: number;
3
+ label?: string;
4
+ };
5
+ export declare const Skeleton: ({ rows, label }: SkeletonProps) => import("react/jsx-runtime").JSX.Element;
6
+ export {};
7
+ //# sourceMappingURL=Skeleton.d.ts.map
package/packages/shared-components/dist/FormFields/PhoneInputField/Skeleton.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/FormFields/PhoneInputField/Skeleton.tsx"],"names":[],"mappings":"AAEA,KAAK,aAAa,GAAG;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,iBAAiB,aAAa,4CAuBtD,CAAC"}
package/packages/shared-components/dist/FormFields/PhoneInputField/Skeleton.js ADDED
@@ -0,0 +1,14 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.Skeleton = void 0;
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ const material_1 = require("@mui/material");
6
+ const Skeleton = ({ rows, label }) => {
7
+ const height = rows === undefined ? 40 : rows * 23;
8
+ return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", children: [label && ((0, jsx_runtime_1.jsx)(material_1.Skeleton, { width: 120, height: "23px", sx: {
9
+ transform: "scale(1)",
10
+ } })), (0, jsx_runtime_1.jsx)(material_1.Skeleton, { height: `${height}px`, sx: {
11
+ transform: "scale(1)",
12
+ } })] }));
13
+ };
14
+ exports.Skeleton = Skeleton;
package/packages/shared-components/dist/FormFields/PhoneInputField/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export * from "./PhoneInputField";
2
+ //# sourceMappingURL=index.d.ts.map
package/packages/shared-components/dist/FormFields/PhoneInputField/index.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/FormFields/PhoneInputField/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}
package/packages/shared-components/dist/FormFields/PhoneInputField/index.js ADDED
@@ -0,0 +1,17 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
+ };
16
+ Object.defineProperty(exports, "__esModule", { value: true });
17
+ __exportStar(require("./PhoneInputField"), exports);
package/packages/shared-components/dist/FormFields/TextField/TextField.d.ts CHANGED
@@ -1,11 +1,20 @@
1
1
  import { type TextFieldProps as MuiTextFieldProps } from "@mui/material";
2
- import { type ControllerRenderProps, type FieldValues, type UseControllerProps } from "react-hook-form";
2
+ import { FieldError, type ControllerRenderProps, type FieldValues, type UseControllerProps } from "react-hook-form";
3
+ type AllowedCharacterType = "string" | "string-number" | "string-number-special";
4
+ type LetterCase = "uppercase" | "lowercase" | "mixed";
3
5
  export type TextFieldProps<P extends FieldValues> = UseControllerProps<P> & Omit<MuiTextFieldProps, keyof ControllerRenderProps<P>> & {
4
6
  label?: string;
5
7
  loading?: boolean;
6
8
  rows?: number;
7
9
  isCapitalize?: boolean;
8
10
  isTrimStartDisabled?: boolean;
11
+ characterType?: AllowedCharacterType;
12
+ letterCase?: LetterCase;
13
+ setError?: (name: keyof P, error: FieldError | {
14
+ type: string;
15
+ message?: string;
16
+ }) => void;
9
17
  };
10
- export declare function TextField<P extends FieldValues>({ control, name, defaultValue, label, rules, type, required, disabled, loading, placeholder, isCapitalize, isTrimStartDisabled, rows, ...inputFieldProps }: TextFieldProps<P>): import("react/jsx-runtime").JSX.Element;
18
+ export declare function TextField<P extends FieldValues>({ control, name, defaultValue, label, rules, type, required, disabled, loading, placeholder, isCapitalize, isTrimStartDisabled, rows, characterType, letterCase, setError, ...inputFieldProps }: TextFieldProps<P>): import("react/jsx-runtime").JSX.Element;
19
+ export {};
11
20
  //# sourceMappingURL=TextField.d.ts.map
package/packages/shared-components/dist/FormFields/TextField/TextField.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/FormFields/TextField/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,cAAc,IAAI,iBAAiB,EACzC,MAAM,eAAe,CAAC;AAEvB,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,WAAW,EAChB,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAC;AAGzB,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,WAAW,IAAI,kBAAkB,CAAC,CAAC,CAAC,GACvE,IAAI,CAAC,iBAAiB,EAAE,MAAM,qBAAqB,CAAC,CAAC,CAAC,CAAC,GAAG;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B,CAAC;AAEJ,wBAAgB,SAAS,CAAC,CAAC,SAAS,WAAW,EAAE,EAC/C,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,KAAU,EACV,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,OAAe,EACf,WAAgB,EAChB,YAAoB,EACpB,mBAA2B,EAC3B,IAAI,EACJ,GAAG,eAAe,EACnB,EAAE,cAAc,CAAC,CAAC,CAAC,2CAoDnB"}
1
+ {"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/FormFields/TextField/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,cAAc,IAAI,iBAAiB,EACzC,MAAM,eAAe,CAAC;AAEvB,OAAO,EACL,UAAU,EAEV,KAAK,qBAAqB,EAC1B,KAAK,WAAW,EAChB,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAC;AAGzB,KAAK,oBAAoB,GACrB,QAAQ,GACR,eAAe,GACf,uBAAuB,CAAC;AAE5B,KAAK,UAAU,GAAG,WAAW,GAAG,WAAW,GAAG,OAAO,CAAC;AAQtD,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,WAAW,IAAI,kBAAkB,CAAC,CAAC,CAAC,GACvE,IAAI,CAAC,iBAAiB,EAAE,MAAM,qBAAqB,CAAC,CAAC,CAAC,CAAC,GAAG;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,aAAa,CAAC,EAAE,oBAAoB,CAAC;IACrC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,CACT,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;AAEJ,wBAAgB,SAAS,CAAC,CAAC,SAAS,WAAW,EAAE,EAC/C,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,KAAU,EACV,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,OAAe,EACf,WAAgB,EAChB,YAAoB,EACpB,mBAA2B,EAC3B,IAAI,EACJ,aAAuC,EACvC,UAAoB,EACpB,QAAQ,EACR,GAAG,eAAe,EACnB,EAAE,cAAc,CAAC,CAAC,CAAC,2CAkGnB"}
package/packages/shared-components/dist/FormFields/TextField/TextField.js CHANGED
@@ -5,19 +5,52 @@ const jsx_runtime_1 = require("react/jsx-runtime");
5
5
  const material_1 = require("@mui/material");
6
6
  const react_hook_form_1 = require("react-hook-form");
7
7
  const Skeleton_1 = require("./Skeleton");
8
- function TextField({ control, name, defaultValue, label = "", rules, type, required, disabled, loading = false, placeholder = "", isCapitalize = false, isTrimStartDisabled = false, rows, ...inputFieldProps }) {
9
- const { field: { value, onChange, ...restField }, } = (0, react_hook_form_1.useController)({ name, control, defaultValue, rules });
8
+ const characterTypeMessages = {
9
+ string: "Only alphabetic characters are allowed.",
10
+ "string-number": "Only letters and numbers are allowed.",
11
+ "string-number-special": "Special characters are allowed.",
12
+ };
13
+ function TextField({ control, name, defaultValue, label = "", rules, type, required, disabled, loading = false, placeholder = "", isCapitalize = false, isTrimStartDisabled = false, rows, characterType = "string-number-special", letterCase = "mixed", setError, ...inputFieldProps }) {
14
+ const { field: { value, onChange, ...restField }, fieldState: { error }, } = (0, react_hook_form_1.useController)({ name, control, defaultValue, rules });
10
15
  const handleKeyDown = (event) => {
11
16
  if (event.key === "-" && type === "number") {
12
17
  event.preventDefault();
13
18
  }
14
19
  };
20
+ const getCharacterRegex = (type) => {
21
+ switch (type) {
22
+ case "string":
23
+ return /^[A-Za-z\s]*$/;
24
+ case "string-number":
25
+ return /^[A-Za-z0-9\s]*$/;
26
+ case "string-number-special":
27
+ default:
28
+ return /^[\s\S]*$/;
29
+ }
30
+ };
31
+ const cleanInput = (input) => {
32
+ let result = input;
33
+ const regex = getCharacterRegex(characterType);
34
+ if (!regex.test(result)) {
35
+ result = result
36
+ .split("")
37
+ .filter((char) => regex.test(char))
38
+ .join("");
39
+ }
40
+ if (letterCase === "uppercase") {
41
+ result = result.toUpperCase();
42
+ }
43
+ else if (letterCase === "lowercase") {
44
+ result = result.toLowerCase();
45
+ }
46
+ return result;
47
+ };
15
48
  if (loading) {
16
49
  return (0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, { label: label, rows: rows });
17
50
  }
18
51
  return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", children: [label && (0, jsx_runtime_1.jsx)(material_1.InputLabel, { required: required, children: label }), (0, jsx_runtime_1.jsx)(material_1.TextField, { disabled: disabled, required: required, fullWidth: true, onKeyDown: handleKeyDown, placeholder: placeholder || label, type: type, inputProps: {
19
52
  min: 0,
20
- }, onChange: (event) => {
53
+ }, error: Boolean(error), helperText: error?.message, onChange: (event) => {
21
54
  let value = event.target.value || null;
22
55
  if (typeof value === "string" && value.trim() === "") {
23
56
  value = null;
@@ -25,14 +58,22 @@ function TextField({ control, name, defaultValue, label = "", rules, type, requi
25
58
  else if (!isTrimStartDisabled && typeof value === "string") {
26
59
  value = value.trimStart();
27
60
  }
61
+ const cleanedVal = value && cleanInput(value);
62
+ if (value !== cleanedVal) {
63
+ const errorMessage = characterTypeMessages[characterType];
64
+ if (setError) {
65
+ setError(name, { type: "manual", message: errorMessage });
66
+ return;
67
+ }
68
+ }
28
69
  if (value && type === "number") {
29
70
  onChange(Number(value));
30
71
  }
31
72
  else if (isCapitalize) {
32
- onChange(value ? value?.toUpperCase() : null);
73
+ onChange(cleanedVal ? cleanedVal.toUpperCase() : null);
33
74
  }
34
75
  else {
35
- onChange(value);
76
+ onChange(cleanedVal);
36
77
  }
37
78
  }, value: typeof value === "string" ? value.trimStart() : (value ?? ""), ...restField, ...inputFieldProps })] }));
38
79
  }
package/packages/shared-components/dist/FormFields/index.d.ts CHANGED
@@ -7,6 +7,7 @@ export * from "./FileUpload";
7
7
  export * from "./ImageUpload";
8
8
  export * from "./ListItemButton";
9
9
  export * from "./PasswordField";
10
+ export * from "./PhoneInputField";
10
11
  export * from "./RadioGroupField";
11
12
  export * from "./SearchField";
12
13
  export * from "./Switch";
package/packages/shared-components/dist/FormFields/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/FormFields/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/FormFields/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC"}
package/packages/shared-components/dist/FormFields/index.js CHANGED
@@ -23,6 +23,7 @@ __exportStar(require("./FileUpload"), exports);
23
23
  __exportStar(require("./ImageUpload"), exports);
24
24
  __exportStar(require("./ListItemButton"), exports);
25
25
  __exportStar(require("./PasswordField"), exports);
26
+ __exportStar(require("./PhoneInputField"), exports);
26
27
  __exportStar(require("./RadioGroupField"), exports);
27
28
  __exportStar(require("./SearchField"), exports);
28
29
  __exportStar(require("./Switch"), exports);
package/packages/shared-components/dist/Stepper/Stepper.d.ts CHANGED
@@ -1,9 +1,12 @@
1
1
  import type { StepperProps as MuiStepperProps, StepLabelProps } from "@mui/material";
2
2
  type StepperProps = MuiStepperProps & {
3
3
  steps: string[];
4
+ stepUrls?: string[];
5
+ errorSteps?: number[];
4
6
  showActiveStepIcon?: boolean;
5
7
  stepLabelProps?: StepLabelProps;
8
+ onStepClick?: (stepIndex: number) => void;
6
9
  };
7
- export declare const Stepper: ({ orientation, activeStep, stepLabelProps, steps, ...rest }: StepperProps) => import("react/jsx-runtime").JSX.Element;
10
+ export declare const Stepper: ({ orientation, activeStep, stepLabelProps, steps, stepUrls, errorSteps, onStepClick, ...rest }: StepperProps) => import("react/jsx-runtime").JSX.Element;
8
11
  export {};
9
12
  //# sourceMappingURL=Stepper.d.ts.map
package/packages/shared-components/dist/Stepper/Stepper.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../src/Stepper/Stepper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,YAAY,IAAI,eAAe,EAC/B,cAAc,EACf,MAAM,eAAe,CAAC;AAUvB,KAAK,YAAY,GAAG,eAAe,GAAG;IACpC,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC,CAAC;AAEF,eAAO,MAAM,OAAO,GAAI,6DAMrB,YAAY,4CA4Bd,CAAC"}
1
+ {"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../src/Stepper/Stepper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,YAAY,IAAI,eAAe,EAC/B,cAAc,EACf,MAAM,eAAe,CAAC;AAWvB,KAAK,YAAY,GAAG,eAAe,GAAG;IACpC,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,WAAW,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C,CAAC;AAEF,eAAO,MAAM,OAAO,GAAI,gGASrB,YAAY,4CAsDd,CAAC"}
package/packages/shared-components/dist/Stepper/Stepper.js CHANGED
@@ -3,16 +3,39 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.Stepper = void 0;
4
4
  const jsx_runtime_1 = require("react/jsx-runtime");
5
5
  const material_1 = require("@mui/material");
6
- const Stepper = ({ orientation = "horizontal", activeStep = 0, stepLabelProps = {}, steps, ...rest }) => {
6
+ const router_1 = require("next/router");
7
+ const Stepper = ({ orientation = "horizontal", activeStep = 0, stepLabelProps = {}, steps, stepUrls = [], errorSteps = [], onStepClick, ...rest }) => {
7
8
  const theme = (0, material_1.useTheme)();
8
- const { butterflyBlue } = theme.palette.app.color;
9
- return ((0, jsx_runtime_1.jsx)(material_1.Box, { children: (0, jsx_runtime_1.jsx)(material_1.Stepper, { activeStep: activeStep, orientation: orientation, ...rest, children: steps.map((label) => ((0, jsx_runtime_1.jsx)(material_1.Step, { children: (0, jsx_runtime_1.jsx)(material_1.StepLabel, { ...stepLabelProps, sx: {
10
- ".Mui-active .css-18pqgpd-MuiSvgIcon-root-MuiStepIcon-root": {
11
- color: `${butterflyBlue[900]} !important`,
12
- },
13
- ".Mui-completed": {
14
- color: `${butterflyBlue[900]} !important`,
15
- },
16
- }, children: (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", children: label }) }) }, label))) }) }));
9
+ const router = (0, router_1.useRouter)();
10
+ const { butterflyBlue, red } = theme.palette.app.color;
11
+ const handleStepClick = (index) => {
12
+ if (onStepClick) {
13
+ onStepClick(index);
14
+ }
15
+ else if (stepUrls[index]) {
16
+ router.push(stepUrls[index]);
17
+ }
18
+ };
19
+ return ((0, jsx_runtime_1.jsx)(material_1.Box, { children: (0, jsx_runtime_1.jsx)(material_1.Stepper, { activeStep: activeStep, orientation: orientation, ...rest, children: steps.map((label, index) => {
20
+ const isError = errorSteps.includes(index);
21
+ return ((0, jsx_runtime_1.jsx)(material_1.Step, { children: (0, jsx_runtime_1.jsx)(material_1.StepLabel, { ...stepLabelProps, error: isError, sx: {
22
+ cursor: stepUrls[index] || onStepClick ? "pointer" : "default",
23
+ ".Mui-active .MuiStepIcon-root": {
24
+ color: `${butterflyBlue[900]} !important`,
25
+ },
26
+ ".Mui-completed .MuiStepIcon-root": {
27
+ color: `${butterflyBlue[900]} !important`,
28
+ },
29
+ ...(isError && {
30
+ ".MuiStepIcon-root": {
31
+ color: `${red[900]} !important`,
32
+ },
33
+ ".MuiStepLabel-label": {
34
+ color: `${red[900]} !important`,
35
+ },
36
+ }),
37
+ ...stepLabelProps.sx,
38
+ }, onClick: () => handleStepClick(index), children: (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", children: label }) }) }, label));
39
+ }) }) }));
17
40
  };
18
41
  exports.Stepper = Stepper;