@codezee/sixtify-brahma 0.2.170 → 0.2.171

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 (17) hide show
  1. package/package.json +1 -1
  2. package/packages/shared-components/dist/FormFields/Autocomplete/Skeleton.js +2 -2
  3. package/packages/shared-components/dist/FormFields/DatePicker/Skeleton.js +2 -2
  4. package/packages/shared-components/dist/FormFields/DateRangePicker/Skeleton.js +4 -4
  5. package/packages/shared-components/dist/FormFields/DateTimePicker/Skeleton.js +2 -2
  6. package/packages/shared-components/dist/FormFields/FileUpload/Skeleton.js +2 -2
  7. package/packages/shared-components/dist/FormFields/PhoneInputField/Skeleton.js +2 -2
  8. package/packages/shared-components/dist/FormFields/RadioGroupField/Skeleton.d.ts.map +1 -1
  9. package/packages/shared-components/dist/FormFields/RadioGroupField/Skeleton.js +1 -1
  10. package/packages/shared-components/dist/FormFields/Rating/Skeleton.js +2 -2
  11. package/packages/shared-components/dist/FormFields/Select/Select.js +2 -2
  12. package/packages/shared-components/dist/FormFields/TextField/Skeleton.js +2 -2
  13. package/packages/shared-components/dist/FormFields/TextField/TextField.d.ts +1 -1
  14. package/packages/shared-components/dist/FormFields/TextField/TextField.d.ts.map +1 -1
  15. package/packages/shared-components/dist/FormFields/TextField/TextField.js +3 -3
  16. package/packages/shared-components/dist/FormFields/TimeField/Skeleton.js +2 -2
  17. package/packages/shared-components/dist/FormFields/TimePicker/Skeleton.js +2 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@codezee/sixtify-brahma",
3
- "version": "0.2.170",
3
+ "version": "0.2.171",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+https://github.com/hardikranpariya/sixtify-brahma.git"
package/packages/shared-components/dist/FormFields/Autocomplete/Skeleton.js CHANGED
@@ -4,9 +4,9 @@ exports.Skeleton = void 0;
4
4
  const jsx_runtime_1 = require("react/jsx-runtime");
5
5
  const material_1 = require("@mui/material");
6
6
  const Skeleton = ({ label, styling }) => {
7
- return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", children: [label && styling === "custom" && ((0, jsx_runtime_1.jsx)(material_1.Skeleton, { width: 120, height: "23px", sx: {
7
+ return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", children: [label && styling === "custom" && ((0, jsx_runtime_1.jsx)(material_1.Skeleton, { width: 120, height: "18.69px", sx: {
8
8
  transform: "scale(1)",
9
- } })), (0, jsx_runtime_1.jsx)(material_1.Skeleton, { height: "40px", sx: {
9
+ } })), (0, jsx_runtime_1.jsx)(material_1.Skeleton, { height: "35.69px", sx: {
10
10
  transform: "scale(1)",
11
11
  } })] }));
12
12
  };
package/packages/shared-components/dist/FormFields/DatePicker/Skeleton.js CHANGED
@@ -4,9 +4,9 @@ exports.Skeleton = void 0;
4
4
  const jsx_runtime_1 = require("react/jsx-runtime");
5
5
  const material_1 = require("@mui/material");
6
6
  const Skeleton = ({ label, styling }) => {
7
- return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", children: [label && styling === "custom" && ((0, jsx_runtime_1.jsx)(material_1.Skeleton, { width: 120, height: "23px", sx: {
7
+ return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", children: [label && styling === "custom" && ((0, jsx_runtime_1.jsx)(material_1.Skeleton, { width: 120, height: "18.69px", sx: {
8
8
  transform: "scale(1)",
9
- } })), (0, jsx_runtime_1.jsx)(material_1.Skeleton, { height: "40px", sx: {
9
+ } })), (0, jsx_runtime_1.jsx)(material_1.Skeleton, { height: "35.69px", sx: {
10
10
  transform: "scale(1)",
11
11
  } })] }));
12
12
  };
package/packages/shared-components/dist/FormFields/DateRangePicker/Skeleton.js CHANGED
@@ -4,13 +4,13 @@ exports.Skeleton = void 0;
4
4
  const jsx_runtime_1 = require("react/jsx-runtime");
5
5
  const material_1 = require("@mui/material");
6
6
  const Skeleton = () => {
7
- return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", gap: "10px", children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", children: [(0, jsx_runtime_1.jsx)(material_1.Skeleton, { width: 120, height: "23px", sx: {
7
+ return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", gap: "10px", children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", children: [(0, jsx_runtime_1.jsx)(material_1.Skeleton, { width: 120, height: "18.69px", sx: {
8
8
  transform: "scale(1)",
9
- } }), (0, jsx_runtime_1.jsx)(material_1.Skeleton, { height: "40px", sx: {
9
+ } }), (0, jsx_runtime_1.jsx)(material_1.Skeleton, { height: "35.69px", sx: {
10
10
  transform: "scale(1)",
11
- } })] }), (0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", children: [(0, jsx_runtime_1.jsx)(material_1.Skeleton, { width: 120, height: "23px", sx: {
11
+ } })] }), (0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", children: [(0, jsx_runtime_1.jsx)(material_1.Skeleton, { width: 120, height: "18.69px", sx: {
12
12
  transform: "scale(1)",
13
- } }), (0, jsx_runtime_1.jsx)(material_1.Skeleton, { height: "40px", sx: {
13
+ } }), (0, jsx_runtime_1.jsx)(material_1.Skeleton, { height: "35.69px", sx: {
14
14
  transform: "scale(1)",
15
15
  } })] })] }));
16
16
  };
package/packages/shared-components/dist/FormFields/DateTimePicker/Skeleton.js CHANGED
@@ -4,9 +4,9 @@ exports.Skeleton = void 0;
4
4
  const jsx_runtime_1 = require("react/jsx-runtime");
5
5
  const material_1 = require("@mui/material");
6
6
  const Skeleton = ({ label, styling }) => {
7
- return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", flex: 1, children: [label && styling === "custom" && ((0, jsx_runtime_1.jsx)(material_1.Skeleton, { width: 120, height: "23px", sx: {
7
+ return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", flex: 1, children: [label && styling === "custom" && ((0, jsx_runtime_1.jsx)(material_1.Skeleton, { width: 120, height: "18.69px", sx: {
8
8
  transform: "scale(1)",
9
- } })), (0, jsx_runtime_1.jsx)(material_1.Skeleton, { height: "40px", width: "100%", sx: {
9
+ } })), (0, jsx_runtime_1.jsx)(material_1.Skeleton, { height: "35.69px", width: "100%", sx: {
10
10
  transform: "scale(1)",
11
11
  } })] }));
12
12
  };
package/packages/shared-components/dist/FormFields/FileUpload/Skeleton.js CHANGED
@@ -4,9 +4,9 @@ exports.Skeleton = void 0;
4
4
  const jsx_runtime_1 = require("react/jsx-runtime");
5
5
  const material_1 = require("@mui/material");
6
6
  const Skeleton = () => {
7
- return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", children: [(0, jsx_runtime_1.jsx)(material_1.Skeleton, { width: 120, height: "23px", sx: {
7
+ return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", children: [(0, jsx_runtime_1.jsx)(material_1.Skeleton, { width: 120, height: "18.69px", sx: {
8
8
  transform: "scale(1)",
9
- } }), (0, jsx_runtime_1.jsx)(material_1.Skeleton, { height: "141px", sx: {
9
+ } }), (0, jsx_runtime_1.jsx)(material_1.Skeleton, { height: "136px", sx: {
10
10
  transform: "scale(1)",
11
11
  } })] }));
12
12
  };
package/packages/shared-components/dist/FormFields/PhoneInputField/Skeleton.js CHANGED
@@ -4,8 +4,8 @@ exports.Skeleton = void 0;
4
4
  const jsx_runtime_1 = require("react/jsx-runtime");
5
5
  const material_1 = require("@mui/material");
6
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: {
7
+ const height = rows === undefined ? 35.69 : rows * 26.5;
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: "18.69px", sx: {
9
9
  transform: "scale(1)",
10
10
  } })), (0, jsx_runtime_1.jsx)(material_1.Skeleton, { height: `${height}px`, sx: {
11
11
  transform: "scale(1)",
package/packages/shared-components/dist/FormFields/RadioGroupField/Skeleton.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/FormFields/RadioGroupField/Skeleton.tsx"],"names":[],"mappings":"AACA,eAAO,MAAM,QAAQ,+CAwBpB,CAAC"}
1
+ {"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/FormFields/RadioGroupField/Skeleton.tsx"],"names":[],"mappings":"AACA,eAAO,MAAM,QAAQ,+CA+BpB,CAAC"}
package/packages/shared-components/dist/FormFields/RadioGroupField/Skeleton.js CHANGED
@@ -4,6 +4,6 @@ exports.Skeleton = void 0;
4
4
  const jsx_runtime_1 = require("react/jsx-runtime");
5
5
  const material_1 = require("@mui/material");
6
6
  const Skeleton = () => {
7
- return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", children: [(0, jsx_runtime_1.jsx)(material_1.Skeleton, { height: "20px", width: "70px", sx: { transform: "scale(1)" } }), (0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", alignItems: "center", gap: "50px", children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", direction: "row", alignItems: "center", children: [(0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "circular", height: "25px", width: "25px" }), (0, jsx_runtime_1.jsx)(material_1.Skeleton, { height: "23px", width: "38px", sx: { transform: "scale(1)" } })] }), (0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", direction: "row", alignItems: "center", children: [(0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "circular", height: "25px", width: "25px" }), (0, jsx_runtime_1.jsx)(material_1.Skeleton, { height: "23px", width: "38px", sx: { transform: "scale(1)" } })] })] })] }));
7
+ return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", children: [(0, jsx_runtime_1.jsx)(material_1.Skeleton, { height: "18.69px", width: "70px", sx: { transform: "scale(1)" } }), (0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", alignItems: "center", gap: "50px", children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", direction: "row", alignItems: "center", children: [(0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "circular", height: "25px", width: "25px" }), (0, jsx_runtime_1.jsx)(material_1.Skeleton, { height: "21px", width: "45px", sx: { transform: "scale(1)" } })] }), (0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", direction: "row", alignItems: "center", children: [(0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "circular", height: "25px", width: "25px" }), (0, jsx_runtime_1.jsx)(material_1.Skeleton, { height: "21px", width: "45px", sx: { transform: "scale(1)" } })] })] })] }));
8
8
  };
9
9
  exports.Skeleton = Skeleton;
package/packages/shared-components/dist/FormFields/Rating/Skeleton.js CHANGED
@@ -5,9 +5,9 @@ const jsx_runtime_1 = require("react/jsx-runtime");
5
5
  const material_1 = require("@mui/material");
6
6
  const STAR_KEYS = ["star-1", "star-2", "star-3", "star-4", "star-5"];
7
7
  const RatingSkeleton = ({ label }) => {
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: {
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: "18.69px", sx: {
9
9
  transform: "scale(1)",
10
- } })), (0, jsx_runtime_1.jsx)(material_1.Stack, { direction: "row", gap: "5px", children: STAR_KEYS.map((key) => ((0, jsx_runtime_1.jsx)(material_1.Skeleton, { width: 30, height: 30, sx: {
10
+ } })), (0, jsx_runtime_1.jsx)(material_1.Stack, { direction: "row", gap: "5px", children: STAR_KEYS.map((key) => ((0, jsx_runtime_1.jsx)(material_1.Skeleton, { width: 25, height: 25, sx: {
11
11
  transform: "scale(1)",
12
12
  } }, key))) })] }));
13
13
  };
package/packages/shared-components/dist/FormFields/Select/Select.js CHANGED
@@ -109,9 +109,9 @@ function Select({ control, defaultValue, name, required = false, label, multiple
109
109
  return groups;
110
110
  }, [options]);
111
111
  if (loading) {
112
- return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", children: [label && styling === "custom" && ((0, jsx_runtime_1.jsx)(material_1.Skeleton, { width: 120, height: "23px", sx: {
112
+ return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", children: [label && styling === "custom" && ((0, jsx_runtime_1.jsx)(material_1.Skeleton, { width: 120, height: "18.69px", sx: {
113
113
  transform: "scale(1)",
114
- } })), (0, jsx_runtime_1.jsx)(material_1.Skeleton, { height: "40px", sx: {
114
+ } })), (0, jsx_runtime_1.jsx)(material_1.Skeleton, { height: "35.69px", sx: {
115
115
  transform: "scale(1)",
116
116
  } })] }));
117
117
  }
package/packages/shared-components/dist/FormFields/TextField/Skeleton.js CHANGED
@@ -4,8 +4,8 @@ exports.Skeleton = void 0;
4
4
  const jsx_runtime_1 = require("react/jsx-runtime");
5
5
  const material_1 = require("@mui/material");
6
6
  const Skeleton = ({ rows, label, styling }) => {
7
- const height = rows === undefined ? 40 : rows * 23;
8
- return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", children: [label && styling === "custom" && ((0, jsx_runtime_1.jsx)(material_1.Skeleton, { width: 120, height: "23px", sx: {
7
+ const height = rows === undefined ? 35.69 : rows * 26.5;
8
+ return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", children: [label && styling === "custom" && ((0, jsx_runtime_1.jsx)(material_1.Skeleton, { width: 120, height: "18.69px", sx: {
9
9
  transform: "scale(1)",
10
10
  } })), (0, jsx_runtime_1.jsx)(material_1.Skeleton, { height: `${height}px`, sx: {
11
11
  transform: "scale(1)",
package/packages/shared-components/dist/FormFields/TextField/TextField.d.ts CHANGED
@@ -24,5 +24,5 @@ export type TextFieldProps<P extends FieldValues> = UseControllerProps<P> & Omit
24
24
  };
25
25
  customOnChange?: (value: string | null | number) => void;
26
26
  };
27
- export declare function TextField<P extends FieldValues>({ control, name, defaultValue, label, rules, type, required, disabled, loading, placeholder, isCapitalize, isTrimStartDisabled, rows, characterType, letterCase, setError, containerProps, styling, infoMessage, regexExpression, customOnChange, ...inputFieldProps }: TextFieldProps<P>): import("react/jsx-runtime").JSX.Element;
27
+ export declare function TextField<P extends FieldValues>({ control, name, defaultValue, label, rules, type, required, disabled, loading, placeholder, isCapitalize, isTrimStartDisabled, rows, characterType, letterCase, setError, containerProps, styling, infoMessage, regexExpression, customOnChange, multiline, ...inputFieldProps }: TextFieldProps<P>): import("react/jsx-runtime").JSX.Element;
28
28
  //# 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,EACxC,KAAK,UAAU,EAChB,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,UAAU,EACf,KAAK,WAAW,EAChB,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAC;AAYzB,MAAM,MAAM,oBAAoB,GAC5B,QAAQ,GACR,eAAe,GACf,uBAAuB,GACvB,gBAAgB,GAChB,oBAAoB,GACpB,QAAQ,CAAC;AAEb,MAAM,MAAM,UAAU,GAAG,WAAW,GAAG,WAAW,GAAG,OAAO,CAAC;AAY7D,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,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;IACV,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC/B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,aAAa,CAAC,EAAE,oBAAoB,CAAC;IACrC,eAAe,CAAC,EAAE;QAChB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;QACvB,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,KAAK,IAAI,CAAC;CAC1D,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,cAAc,EACd,OAAkB,EAClB,WAAW,EACX,eAGC,EACD,cAAc,EACd,GAAG,eAAe,EACnB,EAAE,cAAc,CAAC,CAAC,CAAC,2CA6JnB"}
1
+ {"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/FormFields/TextField/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,cAAc,IAAI,iBAAiB,EACxC,KAAK,UAAU,EAChB,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,UAAU,EACf,KAAK,WAAW,EAChB,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAC;AAYzB,MAAM,MAAM,oBAAoB,GAC5B,QAAQ,GACR,eAAe,GACf,uBAAuB,GACvB,gBAAgB,GAChB,oBAAoB,GACpB,QAAQ,CAAC;AAEb,MAAM,MAAM,UAAU,GAAG,WAAW,GAAG,WAAW,GAAG,OAAO,CAAC;AAY7D,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,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;IACV,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC/B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,aAAa,CAAC,EAAE,oBAAoB,CAAC;IACrC,eAAe,CAAC,EAAE;QAChB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;QACvB,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,KAAK,IAAI,CAAC;CAC1D,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,cAAc,EACd,OAAkB,EAClB,WAAW,EACX,eAGC,EACD,cAAc,EACd,SAAS,EACT,GAAG,eAAe,EACnB,EAAE,cAAc,CAAC,CAAC,CAAC,2CAoKnB"}
package/packages/shared-components/dist/FormFields/TextField/TextField.js CHANGED
@@ -20,7 +20,7 @@ const characterTypeMessages = {
20
20
  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, containerProps, styling = "custom", infoMessage, regexExpression = {
21
21
  message: null,
22
22
  regex: /^[\s\S]*$/,
23
- }, customOnChange, ...inputFieldProps }) {
23
+ }, customOnChange, multiline, ...inputFieldProps }) {
24
24
  const { field: { value, onChange, ...restField }, fieldState: { error }, } = (0, react_hook_form_1.useController)({ name, control, defaultValue, rules });
25
25
  const { inputRef, maintainFocus } = (0, hooks_1.useFormFieldFocus)();
26
26
  const handleKeyDown = (event) => {
@@ -68,7 +68,7 @@ function TextField({ control, name, defaultValue, label = "", rules, type, requi
68
68
  ? characterTypeMessages[characterType]
69
69
  : message;
70
70
  if (loading) {
71
- return (0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, { label: label, rows: rows, styling: styling });
71
+ return ((0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, { label: label, rows: multiline && !rows ? 2 : rows, styling: styling }));
72
72
  }
73
73
  return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { ...containerProps, gap: "5px", children: [label && styling === "custom" && ((0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", children: [(0, jsx_runtime_1.jsx)(material_1.InputLabel, { required: required, disabled: disabled, children: label }), infoMessage && ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { toolTipLabel: infoMessage, children: (0, jsx_runtime_1.jsx)(icons_material_1.InfoOutlined, { sx: {
74
74
  fontSize: 13,
@@ -108,5 +108,5 @@ function TextField({ control, name, defaultValue, label = "", rules, type, requi
108
108
  }
109
109
  maintainFocus();
110
110
  });
111
- }, value: typeof value === "string" ? value.trimStart() : (value ?? ""), ...restField, ...inputFieldProps })] }));
111
+ }, value: typeof value === "string" ? value.trimStart() : (value ?? ""), multiline: multiline, ...restField, ...inputFieldProps })] }));
112
112
  }
package/packages/shared-components/dist/FormFields/TimeField/Skeleton.js CHANGED
@@ -4,9 +4,9 @@ exports.Skeleton = void 0;
4
4
  const jsx_runtime_1 = require("react/jsx-runtime");
5
5
  const material_1 = require("@mui/material");
6
6
  const Skeleton = ({ label, styling }) => {
7
- return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", flex: 1, children: [label && styling === "custom" && ((0, jsx_runtime_1.jsx)(material_1.Skeleton, { width: 120, height: "23px", sx: {
7
+ return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", flex: 1, children: [label && styling === "custom" && ((0, jsx_runtime_1.jsx)(material_1.Skeleton, { width: 120, height: "18.69px", sx: {
8
8
  transform: "scale(1)",
9
- } })), (0, jsx_runtime_1.jsx)(material_1.Skeleton, { height: "40px", width: "100%", sx: {
9
+ } })), (0, jsx_runtime_1.jsx)(material_1.Skeleton, { height: "35.69px", width: "100%", sx: {
10
10
  transform: "scale(1)",
11
11
  } })] }));
12
12
  };
package/packages/shared-components/dist/FormFields/TimePicker/Skeleton.js CHANGED
@@ -4,9 +4,9 @@ exports.Skeleton = void 0;
4
4
  const jsx_runtime_1 = require("react/jsx-runtime");
5
5
  const material_1 = require("@mui/material");
6
6
  const Skeleton = ({ label, styling }) => {
7
- return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", flex: 1, children: [label && styling === "custom" && ((0, jsx_runtime_1.jsx)(material_1.Skeleton, { width: 120, height: "23px", sx: {
7
+ return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", flex: 1, children: [label && styling === "custom" && ((0, jsx_runtime_1.jsx)(material_1.Skeleton, { width: 120, height: "18.69px", sx: {
8
8
  transform: "scale(1)",
9
- } })), (0, jsx_runtime_1.jsx)(material_1.Skeleton, { height: "40px", width: "100%", sx: {
9
+ } })), (0, jsx_runtime_1.jsx)(material_1.Skeleton, { height: "35.69px", width: "100%", sx: {
10
10
  transform: "scale(1)",
11
11
  } })] }));
12
12
  };