mui-design-system 0.0.10 → 0.0.12

package/dist/components/custom-auto-complete-advanced/components/ListBox.js

@@ -5,8 +5,8 @@ import useMediaQuery from '@mui/material/useMediaQuery';
 import * as React from 'react';
 import { VariableSizeList } from 'react-window';
 import { ListRow } from './ListRow';
-import { debounce } from 'lodash';
 import { useRef } from 'react';
+import debounce from '../../../methods/debounce';
 export const LISTBOX_PADDING = 8; // px
 export const ListBox = React.forwardRef(function ListBox(props, ref) {
     const { children, onReachEnd, isLoading, ...other } = props;

package/dist/components/custom-date-picker/CustomDatePicker.d.ts

@@ -1,5 +1,5 @@
 import { FC } from "react";
-import "./color.css";
+import "../../styles/datePicker.css";
 import { CalendarProps } from "react-multi-date-picker";
 import { BaseTextFieldProps } from "@mui/material/TextField/TextField";
 import { TInputLabelMode } from "../input-list/type";

package/dist/components/custom-date-picker/CustomDatePicker.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
-import "./color.css";
+import "../../styles/datePicker.css";
 import DatePicker from "react-multi-date-picker";
 import CustomComponent from "./CustomComponent";
 import { useTheme } from "@mui/material";

package/dist/mui/palette/dark/darkPalette.js

@@ -117,19 +117,19 @@ export const darkPalette = {
         1: "#cddbff",
     },
     inherit: {
-        main: "inherit",
-        light: "inherit",
-        dark: "inherit",
-        contrastText: "inherit",
-        10: "inherit",
-        9: "inherit",
-        8: "inherit",
-        7: "inherit",
-        6: "inherit",
-        5: "inherit",
-        4: "inherit",
-        3: "inherit",
-        2: "inherit",
-        1: "inherit",
+        light: "#212EBB",
+        dark: "#7B9EFE",
+        contrastText: "#FAFAFA",
+        main: "#3440C1",
+        10: "#212EBB",
+        9: "#3440C1",
+        8: "#4D59D7",
+        7: "#646FED",
+        6: "#727CF4",
+        5: "#7984FF",
+        4: "#6B91FB",
+        3: "#7B9EFE",
+        2: "#98B3FE",
+        1: "#cddbff",
     },
 };

package/dist/mui/palette/light/lightPalette.js

@@ -117,19 +117,19 @@ export const lightPalette = {
         1: "#cddbff",
     },
     inherit: {
-        main: "inherit",
-        light: "inherit",
-        dark: "inherit",
-        contrastText: "inherit",
-        10: "inherit",
-        9: "inherit",
-        8: "inherit",
-        7: "inherit",
-        6: "inherit",
-        5: "inherit",
-        4: "inherit",
-        3: "inherit",
-        2: "inherit",
-        1: "inherit",
+        light: "#212EBB",
+        dark: "#7B9EFE",
+        contrastText: "#FAFAFA",
+        main: "#3440C1",
+        10: "#212EBB",
+        9: "#3440C1",
+        8: "#4D59D7",
+        7: "#646FED",
+        6: "#727CF4",
+        5: "#7984FF",
+        4: "#6B91FB",
+        3: "#7B9EFE",
+        2: "#98B3FE",
+        1: "#cddbff",
     },
 };

package/dist/styles/datePicker.css

@@ -0,0 +1,113 @@
+:root {
+    --rmdp-primary-theme: #3d9970;
+    --rmdp-secondary-theme: #87ad92;
+    --rmdp-shadow-theme: #87ad92;
+    --rmdp-today-theme: #01ff70;
+    --rmdp-hover-theme: #2ecc40;
+    --rmdp-deselect-theme: #39795c;
+    --rmdp-background-theme: #fff;
+    --rmdp-text-theme: #000
+}
+
+.custom-calender .rmdp-wrapper {
+    border: 1px solid var(--rmdp-secondary-theme);
+    box-shadow: 0 0 5px var(--rmdp-secondary-theme);
+    background-color: var(--rmdp-primary-theme);
+}
+
+.custom-calender .rmdp-panel-body li {
+    background-color: var(--rmdp-primary-theme);
+    box-shadow: 0 0 2px var(--rmdp-secondary-theme);
+}
+
+.custom-calender .rmdp-week-day {
+    color: var(--rmdp-primary-theme);
+}
+
+.custom-calender .rmdp-day.rmdp-deactive {
+    color: var(--rmdp-secondary-theme);
+}
+
+.custom-calender .rmdp-range {
+    background-color: var(--rmdp-primary-theme);
+    box-shadow: 0 0 3px var(--rmdp-shadow-theme);
+}
+
+.custom-calender .rmdp-arrow {
+    border: solid var(--rmdp-primary-theme);
+    border-width: 0 2px 2px 0;
+}
+
+.custom-calender .rmdp-arrow-container:hover {
+    background-color: var(--rmdp-primary-theme);
+    box-shadow: 0 0 3px var(--rmdp-secondary-theme);
+}
+
+.custom-calender .rmdp-panel-body::-webkit-scrollbar-thumb {
+    background: var(--rmdp-primary-theme);
+}
+
+.custom-calender .rmdp-day.rmdp-today span {
+    background-color: var(--rmdp-today-theme);
+}
+
+.custom-calender .rmdp-rtl .rmdp-panel {
+    border-left: unset;
+    border-right: 1px solid var(--rmdp-secondary-theme);
+}
+
+.custom-calender .rmdp-day.rmdp-selected span:not(.highlight) {
+    background-color: var(--rmdp-primary-theme);
+    box-shadow: 0 0 3px var(--rmdp-shadow-theme);
+}
+
+.custom-calender .rmdp-day:not(.rmdp-day-hidden) span:hover {
+    background-color: var(--rmdp-hover-theme) !important;
+}
+
+.custom-calender .b-deselect {
+    color: var(--rmdp-deselect-theme);
+    background-color: white;
+}
+
+.custom-calender .rmdp-action-button {
+    color: var(--rmdp-primary-theme);
+}
+
+.custom-calender .rmdp-button:not(.rmdp-action-button) {
+    background-color: var(--rmdp-primary-theme);
+}
+
+.custom-calender .rmdp-button:not(.rmdp-action-button):hover {
+    background-color: var(--rmdp-deselect-theme);
+}
+
+.rmdp-wrapper {
+    background-color: var(--rmdp-background-theme) !important;
+}
+
+.rmdp-time-picker div input {
+    font-family: inherit;
+    background-color: var(--rmdp-background-theme) !important;
+    color: var(--rmdp-text-theme) !important;
+}
+
+.rmdp-time-picker {
+    color: var(--rmdp-text-theme) !important;
+}
+
+.rmdp-ep-arrow:after {
+    background-color: var(--rmdp-background-theme) !important;
+}
+
+.rmdp-ep-arrow {
+    border-color: var(--rmdp-background-theme) !important;
+}
+
+.rmdp-header-values {
+    color: var(--rmdp-text-theme) !important;
+}
+
+.rmdp-day {
+    color: var(--rmdp-text-theme) !important;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mui-design-system",
-  "version": "0.0.10",
+  "version": "0.0.12",
   "description": "",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -13,7 +13,7 @@
     "dist"
   ],
   "scripts": {
-    "build": "tsc",
+    "build": "tsc && node copy-files.js",
     "prepublishOnly": "npm run build",
     "test": "echo \"Error: no test specified\" && exit 1"
   },

package/dist/assets/icons/AlertCircle.d.ts

@@ -1,7 +0,0 @@
-import type { SVGProps } from 'react';
-interface Props extends SVGProps<SVGSVGElement> {
-    primarycolor?: string;
-    secondarycolor?: string;
-}
-declare const SvgAlertCircle: ({ primarycolor, secondarycolor, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
-export default SvgAlertCircle;

package/dist/assets/icons/AlertCircle.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const SvgAlertCircle = ({ primarycolor, secondarycolor, ...props }) => (_jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 24 24', fill: 'none', ...props, children: _jsx("path", { fill: primarycolor || '#D03430', fillRule: 'evenodd', d: 'M2 12C2 6.48 6.48 2 12 2c5.53 0 10 4.48 10 10s-4.47 10-10 10C6.48 22 2 17.52 2 12Zm9.12-3.79c0-.48.4-.88.88-.88s.87.4.87.88v4.42a.87.87 0 0 1-.87.87.879.879 0 0 1-.88-.87V8.21Zm.89 8.47c-.49 0-.88-.4-.88-.88s.39-.87.87-.87c.49 0 .88.39.88.87s-.39.88-.87.88Z', clipRule: 'evenodd' }) }));
-export default SvgAlertCircle;

package/dist/assets/icons/Calendar.d.ts

@@ -1,7 +0,0 @@
-import type { SVGProps } from "react";
-interface Props extends SVGProps<any> {
-    primarycolor?: string;
-    secondarycolor?: string;
-}
-declare const SvgCalendar: ({ primarycolor, secondarycolor, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
-export default SvgCalendar;

package/dist/assets/icons/Calendar.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const SvgCalendar = ({ primarycolor, secondarycolor, ...props }) => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: secondarycolor || "none", viewBox: "0 0 24 24", ...props, children: [_jsx("path", { stroke: primarycolor || "#1A1A1A", strokeLinecap: "round", strokeLinejoin: "round", strokeMiterlimit: 10, strokeWidth: 1.5, d: "M8 2v3M16 2v3M3.5 9.09h17M21 8.5V17c0 3-1.5 5-5 5H8c-3.5 0-5-2-5-5V8.5c0-3 1.5-5 5-5h8c3.5 0 5 2 5 5" }), _jsx("path", { stroke: primarycolor || "#1A1A1A", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15.695 13.7h.009M15.695 16.7h.009M11.996 13.7h.008M11.996 16.7h.008M8.294 13.7h.01M8.294 16.7h.01" })] }));
-export default SvgCalendar;

package/dist/assets/icons/ChevronDown.d.ts

@@ -1,7 +0,0 @@
-import type { SVGProps } from 'react';
-interface Props extends SVGProps<any> {
-    primarycolor?: string;
-    secondarycolor?: string;
-}
-declare const SvgChevronDown: ({ primarycolor, secondarycolor, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
-export default SvgChevronDown;

package/dist/assets/icons/ChevronDown.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const SvgChevronDown = ({ primarycolor, secondarycolor, ...props }) => (_jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', width: 18, height: 18, fill: secondarycolor || 'none', viewBox: '0 0 24 24', ...props, children: _jsx("path", { fill: '#6A6A6A', d: 'M2.92 5.878a.586.586 0 0 1 .756-.056l.065.056 5.01 4.947 5.008-4.947a.586.586 0 0 1 .756-.056l.065.056a.569.569 0 0 1 .056.746l-.056.065-5.42 5.353a.586.586 0 0 1-.755.055l-.065-.055-5.42-5.353a.569.569 0 0 1 0-.811Z' }) }));
-export default SvgChevronDown;

package/dist/assets/icons/DocumentDownload.d.ts

@@ -1,7 +0,0 @@
-import type { SVGProps } from "react";
-interface Props extends SVGProps<any> {
-    primarycolor?: string;
-    secondarycolor?: string;
-}
-declare const SvgDocumentDownload: ({ primarycolor, secondarycolor, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
-export default SvgDocumentDownload;

package/dist/assets/icons/DocumentDownload.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const SvgDocumentDownload = ({ primarycolor, secondarycolor, ...props }) => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: secondarycolor || "none", viewBox: "0 0 24 24", ...props, children: [_jsx("path", { stroke: primarycolor || "#1A1A1A", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M9 11v6l2-2M9 17l-2-2" }), _jsx("path", { stroke: primarycolor || "#1A1A1A", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M22 10v5c0 5-2 7-7 7H9c-5 0-7-2-7-7V9c0-5 2-7 7-7h5" }), _jsx("path", { stroke: primarycolor || "#1A1A1A", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M22 10h-4c-3 0-4-1-4-4V2z" })] }));
-export default SvgDocumentDownload;

package/dist/assets/icons/FolderAdd.d.ts

@@ -1,7 +0,0 @@
-import type { SVGProps } from "react";
-interface Props extends SVGProps<any> {
-    primarycolor?: string;
-    secondarycolor?: string;
-}
-declare const SvgFolderAdd: ({ primarycolor, secondarycolor, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
-export default SvgFolderAdd;

package/dist/assets/icons/FolderAdd.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const SvgFolderAdd = ({ primarycolor, secondarycolor, ...props }) => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: secondarycolor || "none", viewBox: "0 0 24 24", ...props, children: [_jsx("path", { stroke: primarycolor || "#1A1A1A", strokeLinecap: "round", strokeLinejoin: "round", strokeMiterlimit: 10, strokeWidth: 1.5, d: "M12.06 16.5v-5M14.5 14h-5" }), _jsx("path", { stroke: primarycolor || "#1A1A1A", strokeMiterlimit: 10, strokeWidth: 1.5, d: "M22 11v6c0 4-1 5-5 5H7c-4 0-5-1-5-5V7c0-4 1-5 5-5h1.5c1.5 0 1.83.44 2.4 1.2l1.5 2c.38.5.6.8 1.6.8h3c4 0 5 1 5 5Z" })] }));
-export default SvgFolderAdd;

package/dist/assets/icons/InfoCircle.d.ts

@@ -1,7 +0,0 @@
-import type { SVGProps } from "react";
-interface Props extends SVGProps<any> {
-    primarycolor?: string;
-    secondarycolor?: string;
-}
-declare const SvgInfoCircle: ({ primarycolor, secondarycolor, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
-export default SvgInfoCircle;

package/dist/assets/icons/InfoCircle.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const SvgInfoCircle = ({ primarycolor, secondarycolor, ...props }) => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: secondarycolor || "none", viewBox: "0 0 24 24", ...props, children: [_jsx("path", { stroke: primarycolor || "#1A1A1A", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M12 22c5.5 0 10-4.5 10-10S17.5 2 12 2 2 6.5 2 12s4.5 10 10 10M12 8v5" }), _jsx("path", { stroke: primarycolor || "#1A1A1A", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M11.995 16h.009" })] }));
-export default SvgInfoCircle;

package/dist/assets/icons/InfoSquare.d.ts

@@ -1,7 +0,0 @@
-import type { SVGProps } from 'react';
-interface Props extends SVGProps<SVGSVGElement> {
-    primarycolor?: string;
-    secondarycolor?: string;
-}
-declare const SvgInfoSquare: ({ primarycolor, secondarycolor, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
-export default SvgInfoSquare;

package/dist/assets/icons/InfoSquare.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const SvgInfoSquare = ({ primarycolor, secondarycolor, ...props }) => (_jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 24 24', fill: 'none', ...props, children: _jsx("path", { fill: '#1B7CD0', fillRule: 'evenodd', d: 'M7.67 2h8.67C19.73 2 22 4.38 22 7.92v8.17c0 3.53-2.27 5.91-5.66 5.91H7.67C4.28 22 2 19.62 2 16.09V7.92C2 4.38 4.28 2 7.67 2Zm4.32 7.06a.87.87 0 0 1-.86-.87.875.875 0 1 1 .86.87Zm.88 6.72c0 .48-.39.87-.88.87a.87.87 0 0 1-.87-.87v-4.42c0-.48.39-.88.87-.88.49 0 .88.4.88.88v4.42Z', clipRule: 'evenodd' }) }));
-export default SvgInfoSquare;

package/dist/assets/icons/SuccessSquare.d.ts

@@ -1,7 +0,0 @@
-import type { SVGProps } from 'react';
-interface Props extends SVGProps<SVGSVGElement> {
-    primarycolor?: string;
-    secondarycolor?: string;
-}
-declare const SvgSuccessSquare: ({ primarycolor, secondarycolor, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
-export default SvgSuccessSquare;

package/dist/assets/icons/SuccessSquare.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const SvgSuccessSquare = ({ primarycolor, secondarycolor, ...props }) => (_jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 24 24', fill: secondarycolor || 'none', ...props, children: _jsx("path", { fill: primarycolor || '#307232', fillRule: 'evenodd', d: 'M7.67 2h8.67C19.73 2 22 4.38 22 7.92v8.171C22 19.62 19.73 22 16.34 22H7.67C4.28 22 2 19.62 2 16.091V7.92C2 4.38 4.28 2 7.67 2Zm3.76 12.99 4.75-4.75c.34-.34.34-.89 0-1.24a.881.881 0 0 0-1.24 0l-4.13 4.13-1.75-1.75a.881.881 0 0 0-1.24 0c-.34.34-.34.89 0 1.24l2.38 2.37c.17.17.39.25.61.25.23 0 .45-.08.62-.25Z', clipRule: 'evenodd' }) }));
-export default SvgSuccessSquare;

package/dist/assets/icons/Trash.d.ts

@@ -1,7 +0,0 @@
-import type { SVGProps } from "react";
-interface Props extends SVGProps<any> {
-    primarycolor?: string;
-    secondarycolor?: string;
-}
-declare const SvgTrash: ({ primarycolor, secondarycolor, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
-export default SvgTrash;

package/dist/assets/icons/Trash.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const SvgTrash = ({ primarycolor, secondarycolor, ...props }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: secondarycolor || "none", viewBox: "0 0 24 24", ...props, children: _jsx("path", { stroke: primarycolor || "#1A1A1A", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M21 5.98c-3.33-.33-6.68-.5-10.02-.5-1.98 0-3.96.1-5.94.3L3 5.98M8.5 4.97l.22-1.31C8.88 2.71 9 2 10.69 2h2.62c1.69 0 1.82.75 1.97 1.67l.22 1.3M18.85 9.14l-.65 10.07C18.09 20.78 18 22 15.21 22H8.79C6 22 5.91 20.78 5.8 19.21L5.15 9.14M10.33 16.5h3.33M9.5 12.5h5" }) }));
-export default SvgTrash;

package/dist/assets/icons/Union.d.ts

@@ -1,7 +0,0 @@
-import type { SVGProps } from "react";
-interface Props extends SVGProps<any> {
-    primarycolor?: string;
-    secondarycolor?: string;
-}
-declare const SvgUnion: ({ primarycolor, secondarycolor, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
-export default SvgUnion;

package/dist/assets/icons/Union.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const SvgUnion = ({ primarycolor, secondarycolor, ...props }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: 14, height: 19, fill: secondarycolor || "none", viewBox: "0 0 16 24", ...props, children: _jsx("path", { fill: primarycolor || "#1A1A1A", fillRule: "evenodd", d: "M8.534 2.106a.75.75 0 0 0-1.07-1.052l-6.407 6.52a2.76 2.76 0 0 0 0 3.852l6.407 6.52a.75.75 0 0 0 1.07-1.052l-6.407-6.52a1.26 1.26 0 0 1 0-1.748zm4.977 0a.75.75 0 1 0-1.07-1.052l-6.408 6.52a2.76 2.76 0 0 0 0 3.852l6.408 6.52a.75.75 0 0 0 1.07-1.052l-6.408-6.52a1.26 1.26 0 0 1 0-1.748z", clipRule: "evenodd" }) }));
-export default SvgUnion;

package/dist/assets/icons/Warning.d.ts

@@ -1,7 +0,0 @@
-import type { SVGProps } from 'react';
-interface Props extends SVGProps<SVGSVGElement> {
-    primarycolor?: string;
-    secondarycolor?: string;
-}
-declare const SvgWarning: ({ primarycolor, secondarycolor, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
-export default SvgWarning;

package/dist/assets/icons/Warning.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const SvgWarning = ({ primarycolor, secondarycolor, ...props }) => (_jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', fill: 'none', viewBox: '0 0 24 24', ...props, children: _jsx("path", { fill: '#E6C530', fillRule: 'evenodd', d: 'm14.477 4.442 7.269 12.615c.16.377.23.683.25 1.001a2.76 2.76 0 0 1-.73 2.022c-.51.554-1.2.88-1.95.92H4.68c-.31-.019-.62-.09-.91-.198-1.45-.585-2.15-2.23-1.56-3.655L9.53 4.432a2.73 2.73 0 0 1 1.099-1.08 2.85 2.85 0 0 1 3.85 1.09Zm-1.61 8.314c0 .476-.39.873-.87.873a.885.885 0 0 1-.88-.873V9.953c0-.477.4-.862.88-.862s.87.385.87.862v2.803Zm-.87 4.262a.884.884 0 0 1-.88-.872c0-.477.4-.873.88-.873s.87.387.87.862c0 .485-.39.883-.87.883Z', clipRule: 'evenodd' }) }));
-export default SvgWarning;

package/dist/components/custom-modal/ConfirmModal.d.ts

@@ -1,8 +0,0 @@
-import { FC, ReactNode } from "react";
-interface IConfirmModal {
-    onCancel: () => void;
-    onConfirm: () => void;
-    children: ReactNode;
-}
-declare const ConfirmModal: FC<IConfirmModal>;
-export default ConfirmModal;

package/dist/components/custom-modal/ConfirmModal.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-//Mui
-import Stack from "@mui/material/Stack";
-import Button from "@mui/material/Button";
-const ConfirmModal = ({ children, onCancel, onConfirm }) => {
-    //Dependencies
-    //Handlers
-    return (_jsx(_Fragment, { children: _jsxs(Stack, { justifyContent: "space-evenly", alignItems: "center", sx: { height: 255, width: 500 }, children: [children, _jsxs(Stack, { direction: "row", gap: 10, children: [_jsx(Button, { variant: "outlined", color: "error", sx: { width: 150 }, onClick: () => onCancel(), children: "\u062E\u06CC\u0631" }), _jsx(Button, { variant: "contained", sx: { width: 150 }, onClick: () => onConfirm(), children: "\u0628\u0644\u0647" })] })] }) }));
-};
-export default ConfirmModal;

package/dist/components/custom-modal/DeleteModal.d.ts

@@ -1,9 +0,0 @@
-import React, { FC } from "react";
-interface Props {
-    children: React.ReactNode;
-    onDelete?: () => void;
-    onCancel?: () => void;
-    open: boolean;
-}
-declare const DeleteModal: FC<Props>;
-export default DeleteModal;

package/dist/components/custom-modal/DeleteModal.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Stack from "@mui/material/Stack";
-import Box from "@mui/material/Box";
-import { Button } from "@mui/material";
-import CustomModal from "./CustomModal";
-import SvgTrash from "../../icons/Trash";
-const DeleteModal = ({ onDelete, onCancel, children, open }) => {
-    return (_jsx(CustomModal, { open: open, onClose: onCancel, withoutDivider: true, boxProps: {
-            width: 675,
-            boxShadow: "0px 1px 1px rgba(3, 7, 18, 0.02),\n" +
-                "  0px 5px 4px rgba(3, 7, 18, 0.03),\n" +
-                "  0px 12px 9px rgba(3, 7, 18, 0.05),\n" +
-                "  0px 20px 15px rgba(3, 7, 18, 0.06),\n" +
-                "  0px 32px 24px rgba(3, 7, 18, 0.08);\n",
-        }, children: _jsxs(Stack, { alignItems: "center", gap: 6, mb: 4, mt: 4, children: [_jsx(SvgTrash, { width: 100, height: 100, primarycolor: 'red' }), children, _jsxs(Box, { display: "flex", gap: 5, width: 300, children: [_jsx(Button, { variant: "outlined", fullWidth: true, onClick: onDelete, children: "\u0628\u0644\u0647" }), _jsx(Button, { variant: "contained", fullWidth: true, onClick: onCancel, children: "\u062E\u06CC\u0631" })] })] }) }));
-};
-export default DeleteModal;

package/dist/components/custom-numeric-input/CustomNumericInput.d.ts

@@ -1,9 +0,0 @@
-import { FC, ReactNode } from "react";
-import { TextFieldProps } from "@mui/material/TextField";
-export interface ICustomNumericInputProps extends Omit<TextFieldProps, "onChange" | "value"> {
-    onChange?: (value: string | number) => void;
-    value?: string | number;
-    currencyIcon?: ReactNode;
-}
-declare const CustomNumericInput: FC<ICustomNumericInputProps>;
-export default CustomNumericInput;

package/dist/components/custom-numeric-input/CustomNumericInput.js

@@ -1,32 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
-import TextField from "@mui/material/TextField";
-const CustomNumericInput = ({ onChange, value, ...props }) => {
-    useEffect(() => {
-        setCustomValue(formatAsCurrency(value));
-    }, [value]);
-    const [customValue, setCustomValue] = useState(formatAsCurrency(value));
-    function formatAsCurrency(number) {
-        // Use toLocaleString to format the number as currency
-        return number?.toLocaleString(); // Remove 'USD' and a space at the beginning
-    }
-    function convertCurrencyToNumber(currencyString) {
-        // Replace Persian numerals with Arabic numerals
-        const numericString = currencyString.replace(/[۰-۹]/g, (match) => String.fromCharCode(match.charCodeAt(0) - 1728));
-        // Remove all non-numeric characters except for the decimal point
-        const sanitizedNumericString = numericString.replace(/[^0-9.]/g, "");
-        // Parse the numeric string to a floating-point number
-        const numberValue = parseFloat(sanitizedNumericString);
-        // Check if the parsed value is a valid number (not NaN)
-        return isNaN(numberValue) ? "" : numberValue;
-    }
-    const handleChange = (e) => {
-        const value = e.target.value;
-        setCustomValue(formatAsCurrency(convertCurrencyToNumber(value)));
-        if (onChange) {
-            onChange(convertCurrencyToNumber(value));
-        }
-    };
-    return (_jsx(_Fragment, { children: _jsx(TextField, { fullWidth: true, className: "numeric-input", value: customValue, onChange: handleChange, ...props }) }));
-};
-export default CustomNumericInput;

package/dist/components/custom-pagination/custom-pagination-1/types.d.ts

@@ -1,6 +0,0 @@
-import { BoxProps } from '@mui/material/Box';
-import { ITablePagination } from '../../custom-table/types';
-export interface ICustomPagination1Props {
-    pagination: ITablePagination;
-    boxProps?: BoxProps;
-}

package/dist/components/custom-pagination/custom-pagination-1/types.js

@@ -1 +0,0 @@
-export {};

package/dist/components/custom-table/types.d.ts

@@ -1,77 +0,0 @@
-import React, { ReactNode } from 'react';
-import { Cell, Row, ColumnDef, TableOptions, Table as TableType } from '@tanstack/react-table';
-import { SystemStyleObject } from '@mui/system';
-import { StackProps } from '@mui/material/Stack';
-import { TypographyProps } from '@mui/material/Typography';
-import { RadioProps } from '@mui/material/Radio';
-import { ITableFooterProps } from '../custom-pagination/custom-pagination-2/CustomPagination2';
-import { CheckboxProps as MuiCheckboxProps } from '@mui/material/Checkbox';
-export type TColumns = ColumnDef<any, any>[];
-export interface IUseTableProps extends Partial<Omit<TableOptions<any>, 'getRowId'>> {
-    columns: ColumnDef<any, any>[];
-    data: any;
-    pageSize?: number;
-    multiSelect?: boolean;
-    onSelectRow?: (data: any) => void;
-    getRowId?: string;
-    renderSubComponent?: (props: {
-        row: Row<any>;
-    }) => React.ReactElement;
-    getRowCanExpand?: (row: Row<any>) => boolean;
-}
-export interface ITablePagination {
-    pageIndex: number;
-    pageSize: number;
-    pageCounts: number;
-    onChangePage: (pageIndex: number) => void;
-    onChangePageSize?: (pageSize: number) => void;
-}
-export interface ITableRowStyle {
-    row: Row<any>;
-    hover?: boolean;
-}
-export interface ITableCellsStyle {
-    row: Row<any>;
-    cell?: Cell<any, any>;
-    hover?: boolean;
-}
-export type TRowStyle = (props: ITableRowStyle) => SystemStyleObject;
-export type TCellsStyle = (props: ITableCellsStyle) => SystemStyleObject;
-export interface ICheckboxProps extends Omit<MuiCheckboxProps, 'onChange'> {
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>, checked: boolean, row?: Row<any>) => void;
-}
-export type TCheckboxProps = ((props: {
-    row?: Row<any>;
-    table: TableType<any>;
-}) => ICheckboxProps) | ICheckboxProps;
-export type TTableVariants = 'zebra' | 'linear';
-export interface ICustomTable {
-    id?: string;
-    pagination?: ITablePagination;
-    table: TableType<any>;
-    variant?: TTableVariants;
-    wrapperStackProps?: StackProps;
-    footerProps?: Omit<ITableFooterProps, 'pagination'>;
-    onClickRow?: (row: Row<any>) => void;
-    renderSubComponent?: any;
-    isLoading?: boolean;
-    isError?: boolean;
-    withRadio?: boolean;
-    withSelect?: boolean;
-    withIndex?: boolean;
-    rowStyle?: TRowStyle;
-    cellsStyle?: TCellsStyle;
-    headerStyle?: SystemStyleObject;
-    headerTypoProps?: TypographyProps;
-    checkboxProps?: TCheckboxProps;
-    radioProps?: RadioProps;
-    emptyListComponent?: string | ReactNode;
-    rowBorderRadius?: number;
-    borderRadius?: number;
-}
-export interface ITableAction {
-    label: string | React.ReactNode;
-    icon?: React.ReactElement;
-    onClick?: () => void;
-    disabled?: boolean;
-}

package/dist/components/custom-table/types.js

@@ -1 +0,0 @@
-export {};

package/dist/components/error boundary/LoadingComponent.d.ts

@@ -1,7 +0,0 @@
-import { FC } from 'react';
-interface SkeletonProps {
-    skeletonWidth?: string | number;
-    skeletonHeight?: string | number;
-}
-declare const LoadingComponent: FC<SkeletonProps>;
-export default LoadingComponent;

package/dist/components/error boundary/LoadingComponent.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import Skeleton from '@mui/material/Skeleton';
-const LoadingComponent = ({ skeletonHeight = '100%', skeletonWidth = '100%', }) => {
-    return (_jsx(Skeleton, { variant: 'rectangular', width: skeletonWidth, height: skeletonHeight, sx: { borderRadius: 1, minHeight: '40px', maxHeight: '55px' } }));
-};
-export default LoadingComponent;

package/dist/components/form/Form.d.ts

@@ -1,21 +0,0 @@
-import { FC } from "react";
-import { UseFormReturn } from "react-hook-form";
-import { GridProps } from "@mui/material/Grid";
-import { TypographyProps } from "@mui/material/Typography";
-import { TFormSchema, TInputLabelMode } from "./type";
-import { TextFieldProps } from "@mui/material/TextField";
-export interface FormProps {
-    schema: TFormSchema;
-    form: UseFormReturn<any, any, any>;
-    gridContainerProps?: GridProps;
-    gridItemProps?: GridProps;
-    itemProps?: any;
-    labelsProps?: Partial<TypographyProps<"label", {}>> | undefined;
-    hideRequiredStar?: boolean;
-    inputLabelMode?: TInputLabelMode;
-    inputVariants?: TextFieldProps["variant"];
-    withoutHelperText?: boolean;
-    disabled?: boolean;
-}
-declare const Form: FC<FormProps>;
-export default Form;