@codezee/sixtify-brahma 0.2.202 → 0.2.203

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codezee/sixtify-brahma",
-  "version": "0.2.202",
+  "version": "0.2.203",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/hardikranpariya/sixtify-brahma.git"

package/packages/shared-components/dist/FormFields/DecimalTextField/DecimalTextField.d.ts

@@ -3,18 +3,20 @@ import { type TextFieldProps as MuiTextFieldProps } from "@mui/material/TextFiel
 import { type FieldValues, type UseControllerProps } from "react-hook-form";
 import { type NavigationKey } from "../../utils/hooks/useFormFieldFocus";
 import type { Styling } from "../../utils/types";
+import type { ReactNode } from "react";
 export type DecimalTextFieldProps<P extends FieldValues> = UseControllerProps<P> & Omit<MuiTextFieldProps, keyof UseControllerProps<P> | "type" | "value" | "onChange"> & {
     label?: string;
     loading?: boolean;
     containerProps?: StackProps;
     styling?: Styling;
-    infoMessage?: React.ReactNode;
+    infoMessage?: ReactNode;
     decimalScale: number;
+    returnDecimalScale?: number;
     defaultFallbackValue?: number;
     min?: number;
     max?: number;
     customOnChange?: (value?: number) => void;
     navigationKey?: NavigationKey;
 };
-export declare function DecimalTextField<P extends FieldValues>({ control, name, decimalScale, defaultFallbackValue, min, max, defaultValue, label, required, disabled, loading, placeholder, containerProps, styling, infoMessage, customOnChange, navigationKey, rules, ...restProps }: DecimalTextFieldProps<P>): import("react/jsx-runtime").JSX.Element;
+export declare function DecimalTextField<P extends FieldValues>({ control, name, decimalScale, returnDecimalScale, defaultFallbackValue, min, max, defaultValue, label, required, disabled, loading, placeholder, containerProps, styling, infoMessage, customOnChange, navigationKey, rules, ...restProps }: DecimalTextFieldProps<P>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=DecimalTextField.d.ts.map

package/packages/shared-components/dist/FormFields/DecimalTextField/DecimalTextField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DecimalTextField.d.ts","sourceRoot":"","sources":["../../../src/FormFields/DecimalTextField/DecimalTextField.tsx"],"names":[],"mappings":"AAIA,OAAc,EAAE,KAAK,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAkB,EAChB,KAAK,cAAc,IAAI,iBAAiB,EACzC,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAEL,KAAK,WAAW,EAChB,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAC;AAKzB,OAAO,EAEL,KAAK,aAAa,EACnB,MAAM,qCAAqC,CAAC;AAO7C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAGjD,MAAM,MAAM,qBAAqB,CAAC,CAAC,SAAS,WAAW,IACrD,kBAAkB,CAAC,CAAC,CAAC,GACnB,IAAI,CACF,iBAAiB,EACjB,MAAM,kBAAkB,CAAC,CAAC,CAAC,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,CAC5D,GAAG;IACF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,YAAY,EAAE,MAAM,CAAC;IACrB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,cAAc,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,aAAa,CAAC,EAAE,aAAa,CAAC;CAC/B,CAAC;AAEN,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,WAAW,EAAE,EACtD,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,oBAAoB,EACpB,GAAG,EACH,GAAG,EACH,YAAY,EACZ,KAAU,EACV,QAAQ,EACR,QAAQ,EACR,OAAe,EACf,WAAgB,EAChB,cAAc,EACd,OAAkB,EAClB,WAAW,EACX,cAAc,EACd,aAAa,EACb,KAAK,EACL,GAAG,SAAS,EACb,EAAE,qBAAqB,CAAC,CAAC,CAAC,2CAyM1B"}
+{"version":3,"file":"DecimalTextField.d.ts","sourceRoot":"","sources":["../../../src/FormFields/DecimalTextField/DecimalTextField.tsx"],"names":[],"mappings":"AAIA,OAAc,EAAE,KAAK,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAkB,EAChB,KAAK,cAAc,IAAI,iBAAiB,EACzC,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAEL,KAAK,WAAW,EAChB,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAC;AAKzB,OAAO,EAEL,KAAK,aAAa,EACnB,MAAM,qCAAqC,CAAC;AAO7C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,KAAK,EAIV,SAAS,EACV,MAAM,OAAO,CAAC;AAEf,MAAM,MAAM,qBAAqB,CAAC,CAAC,SAAS,WAAW,IACrD,kBAAkB,CAAC,CAAC,CAAC,GACnB,IAAI,CACF,iBAAiB,EACjB,MAAM,kBAAkB,CAAC,CAAC,CAAC,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,CAC5D,GAAG;IACF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,cAAc,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,aAAa,CAAC,EAAE,aAAa,CAAC;CAC/B,CAAC;AAEN,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,WAAW,EAAE,EACtD,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,kBAAkB,EAClB,oBAAoB,EACpB,GAAG,EACH,GAAG,EACH,YAAY,EACZ,KAAU,EACV,QAAQ,EACR,QAAQ,EACR,OAAe,EACf,WAAgB,EAChB,cAAc,EACd,OAAkB,EAClB,WAAW,EACX,cAAc,EACd,aAAa,EACb,KAAK,EACL,GAAG,SAAS,EACb,EAAE,qBAAqB,CAAC,CAAC,CAAC,2CAgS1B"}

package/packages/shared-components/dist/FormFields/DecimalTextField/DecimalTextField.js

@@ -18,14 +18,15 @@ const utils_1 = require("../../utils");
 const useFormFieldFocus_1 = require("../../utils/hooks/useFormFieldFocus");
 const commonStyles_1 = require("../commonStyles");
 const Skeleton_1 = require("../TextField/Skeleton");
-function DecimalTextField({ control, name, decimalScale, defaultFallbackValue, min, max, defaultValue, label = "", required, disabled, loading = false, placeholder = "", containerProps, styling = "custom", infoMessage, customOnChange, navigationKey, rules, ...restProps }) {
+function DecimalTextField({ control, name, decimalScale, returnDecimalScale, defaultFallbackValue, min, max, defaultValue, label = "", required, disabled, loading = false, placeholder = "", containerProps, styling = "custom", infoMessage, customOnChange, navigationKey, rules, ...restProps }) {
     const validationRules = (0, react_1.useMemo)(() => {
         const builtRules = { ...rules };
         builtRules.validate = (val) => {
-            if (required && (val === undefined || val == null)) {
+            const isEmpty = val === undefined || val == null;
+            if (required && isEmpty) {
                 return "This field is required";
             }
-            if (val === undefined || val == null) {
+            if (isEmpty) {
                 return true;
             }
             if (isNaN(val)) {
@@ -51,6 +52,7 @@ function DecimalTextField({ control, name, decimalScale, defaultFallbackValue, m
     const resolvedNavigationKey = navigationKey ?? navigationKeyFromContext;
     const { inputRef: navigationInputRef, maintainFocus, handleKeyDown: handleNavigationKeyDown, } = (0, useFormFieldFocus_1.useFormFieldFocus)({ navigationKey: resolvedNavigationKey });
     const inputRef = (0, react_1.useRef)(null);
+    const lastInputStringRef = (0, react_1.useRef)("");
     const parseValue = (val) => {
         if (val === "") {
             return undefined;
@@ -58,24 +60,73 @@ function DecimalTextField({ control, name, decimalScale, defaultFallbackValue, m
         const parsed = Number(val);
         return isNaN(parsed) ? undefined : parsed;
     };
+    const isEmptyReturnDecimalScale = returnDecimalScale === undefined;
+    const truncateStringValue = (0, react_1.useCallback)((valStr) => {
+        if (isEmptyReturnDecimalScale || valStr === "") {
+            return valStr;
+        }
+        const decimalIndex = valStr.indexOf(".");
+        if (decimalIndex === -1) {
+            return valStr;
+        }
+        const integerPart = valStr.substring(0, decimalIndex);
+        const decimalPart = valStr.substring(decimalIndex + 1);
+        if (decimalPart.length <= returnDecimalScale) {
+            return valStr;
+        }
+        const truncatedDecimal = decimalPart.substring(0, returnDecimalScale);
+        return `${integerPart}.${truncatedDecimal}`;
+    }, [returnDecimalScale]);
+    const formatReturnValue = (0, react_1.useCallback)((valStr) => {
+        if (valStr === undefined || valStr == null || valStr === "") {
+            return undefined;
+        }
+        if (isEmptyReturnDecimalScale) {
+            return typeof valStr === "string" ? parseValue(valStr) : valStr;
+        }
+        const valString = typeof valStr === "string" ? valStr : valStr.toString();
+        const truncatedStr = truncateStringValue(valString);
+        return parseValue(truncatedStr);
+    }, [returnDecimalScale, truncateStringValue]);
     const handleValueChange = (0, react_1.useCallback)((values) => {
-        const numericValue = parseValue(values.value);
+        const rawValue = values.value;
+        lastInputStringRef.current = rawValue;
+        const numericValue = parseValue(rawValue);
         onChange(numericValue);
-        customOnChange?.(numericValue);
+        const returnValue = !isEmptyReturnDecimalScale
+            ? formatReturnValue(rawValue)
+            : numericValue;
+        customOnChange?.(returnValue);
         maintainFocus();
-    }, [onChange, customOnChange, maintainFocus]);
+    }, [
+        onChange,
+        customOnChange,
+        maintainFocus,
+        formatReturnValue,
+        returnDecimalScale,
+    ]);
     const isValidValue = (0, react_1.useCallback)((val) => {
         if (val === undefined || isNaN(val)) {
             return false;
         }
         return ((min === undefined || val >= min) && (max === undefined || val <= max));
     }, [min, max]);
-    const handleBlur = (0, react_1.useCallback)((event) => {
-        const currentValue = typeof value === "number" ? value : undefined;
-        // If value is invalid, reset to fallback value
+    const handleBlur = (0, react_1.useCallback)(
+    // eslint-disable-next-line sonarjs/cognitive-complexity
+    (event) => {
+        const inputStringValue = lastInputStringRef.current || "";
+        let currentValue;
+        if (inputStringValue) {
+            currentValue = parseValue(inputStringValue);
+        }
+        else if (typeof value === "number") {
+            currentValue = value;
+        }
+        else {
+            currentValue = undefined;
+        }
         if (error && currentValue !== undefined && !isValidValue(currentValue)) {
             let resetValue;
-            // Priority: defaultFallbackValue > min > 0
             if (defaultFallbackValue !== undefined &&
                 isValidValue(defaultFallbackValue)) {
                 resetValue = defaultFallbackValue;
@@ -91,6 +142,7 @@ function DecimalTextField({ control, name, decimalScale, defaultFallbackValue, m
             }
             onChange(resetValue);
         }
+        lastInputStringRef.current = "";
         onBlur();
         restProps.onBlur?.(event);
     }, [
@@ -103,6 +155,8 @@ function DecimalTextField({ control, name, decimalScale, defaultFallbackValue, m
         onChange,
         onBlur,
         restProps,
+        returnDecimalScale,
+        formatReturnValue,
     ]);
     const handleKeyDown = (0, react_1.useCallback)((event) => {
         handleNavigationKeyDown(event, undefined, false);
@@ -119,10 +173,14 @@ function DecimalTextField({ control, name, decimalScale, defaultFallbackValue, m
         }
     }, [ref, navigationInputRef]);
     const displayValue = (0, react_1.useMemo)(() => {
-        return typeof value === "number" ? value : "";
+        if (typeof value !== "number") {
+            return "";
+        }
+        return value;
     }, [value]);
     if (loading) {
         return (0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, { label: label, styling: styling });
     }
-    return ((0, jsx_runtime_1.jsxs)(Stack_1.default, { ...containerProps, gap: "5px", children: [label && styling === "custom" && ((0, jsx_runtime_1.jsxs)(Stack_1.default, { direction: "row", alignItems: "center", gap: "4px", children: [(0, jsx_runtime_1.jsx)(InputLabel_1.default, { required: required, disabled: disabled, children: label }), infoMessage && ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { toolTipLabel: infoMessage, children: (0, jsx_runtime_1.jsx)(InfoOutlined_1.default, { sx: { fontSize: 13 } }) }))] })), (0, jsx_runtime_1.jsx)(react_number_format_1.NumericFormat, { customInput: TextField_1.default, ...restProps, value: displayValue, decimalScale: decimalScale, fixedDecimalScale: true, allowNegative: false, thousandSeparator: false, disabled: disabled, required: required, fullWidth: true, name: name, error: Boolean(error), helperText: error?.message, placeholder: styling === "default" ? placeholder : placeholder || label, label: styling === "default" ? label : undefined, sx: (0, commonStyles_1.getDefaultTextFieldSx)(styling), InputLabelProps: (0, commonStyles_1.getDefaultInputLabelProps)(styling), onValueChange: handleValueChange, onBlur: handleBlur, onKeyDown: handleKeyDown, inputMode: "decimal", getInputRef: handleInputRef })] }));
+    return ((0, jsx_runtime_1.jsxs)(Stack_1.default, { ...containerProps, gap: "5px", children: [label && styling === "custom" && ((0, jsx_runtime_1.jsxs)(Stack_1.default, { direction: "row", alignItems: "center", gap: "4px", children: [(0, jsx_runtime_1.jsx)(InputLabel_1.default, { required: required, disabled: disabled, children: label }), infoMessage && ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { toolTipLabel: infoMessage, children: (0, jsx_runtime_1.jsx)(InfoOutlined_1.default, { sx: { fontSize: 13 } }) }))] })), (0, jsx_runtime_1.jsx)(react_number_format_1.NumericFormat, { customInput: TextField_1.default, ...restProps, value: displayValue, decimalScale: decimalScale, fixedDecimalScale: returnDecimalScale === undefined ||
+                    returnDecimalScale === decimalScale, allowNegative: false, thousandSeparator: false, disabled: disabled, required: required, fullWidth: true, name: name, error: Boolean(error), helperText: error?.message, placeholder: styling === "default" ? placeholder : placeholder || label, label: styling === "default" ? label : undefined, sx: (0, commonStyles_1.getDefaultTextFieldSx)(styling), InputLabelProps: (0, commonStyles_1.getDefaultInputLabelProps)(styling), onValueChange: handleValueChange, onBlur: handleBlur, onKeyDown: handleKeyDown, inputMode: "decimal", getInputRef: handleInputRef })] }));
 }

package/packages/shared-components/dist/Pagination/Pagination.d.ts

@@ -1,3 +1,3 @@
 import { type TablePaginationProps } from "@mui/material/TablePagination";
-export declare const Pagination: ({ count, page, onPageChange, rowsPerPage, onRowsPerPageChange, ...rest }: TablePaginationProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Pagination: ({ count, page, onPageChange, rowsPerPage, onRowsPerPageChange, sx, ...rest }: TablePaginationProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Pagination.d.ts.map

package/packages/shared-components/dist/Pagination/Pagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../src/Pagination/Pagination.tsx"],"names":[],"mappings":"AACA,OAAwB,EACtB,KAAK,oBAAoB,EAC1B,MAAM,+BAA+B,CAAC;AAIvC,eAAO,MAAM,UAAU,GAAI,0EAOxB,oBAAoB,4CA0CtB,CAAC"}
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../src/Pagination/Pagination.tsx"],"names":[],"mappings":"AACA,OAAwB,EACtB,KAAK,oBAAoB,EAC1B,MAAM,+BAA+B,CAAC;AAIvC,eAAO,MAAM,UAAU,GAAI,8EAQxB,oBAAoB,4CA2CtB,CAAC"}

package/packages/shared-components/dist/Pagination/Pagination.js

@@ -8,7 +8,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const styles_1 = require("@mui/material/styles");
 const TablePagination_1 = __importDefault(require("@mui/material/TablePagination"));
 const utils_1 = require("../utils");
-const Pagination = ({ count, page, onPageChange, rowsPerPage, onRowsPerPageChange, ...rest }) => {
+const Pagination = ({ count, page, onPageChange, rowsPerPage, onRowsPerPageChange, sx, ...rest }) => {
     const theme = (0, styles_1.useTheme)();
     const { grey } = theme.palette;
     const { layout } = (0, utils_1.useGetDeviceType)();
@@ -30,6 +30,7 @@ const Pagination = ({ count, page, onPageChange, rowsPerPage, onRowsPerPageChang
                 fontSize: "13px",
                 padding: isMobile ? "2px 10px" : "4px 8px",
             },
+            ...sx,
         }, component: "div", count: count, page: page, onPageChange: onPageChange, rowsPerPage: rowsPerPage, onRowsPerPageChange: onRowsPerPageChange, rowsPerPageOptions: rowsPerPageOptions, defaultValue: 100, labelRowsPerPage: !isMobile ? "Rows per page" : "", ...rest }));
 };
 exports.Pagination = Pagination;