react-restyle-components 0.2.67 → 0.2.69

package/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AACA,cAAc,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAEA,cAAc,uBAAuB,CAAC"}

package/lib/index.js

@@ -1,2 +1,3 @@
 // import './tc.css';
+// import './global.css';
 export * from './src/core-components';

package/lib/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-restyle-components",
-  "version": "0.2.66",
+  "version": "0.2.68",
   "private": false,
   "description": "Easy use restyle components",
   "author": {
@@ -55,7 +55,7 @@
     "jest-environment-jsdom": "^29.7.0",
     "react-colorful": "^5.6.1",
     "react-datepicker": "^4.7.0",
-    "react-icons": "^5.2.1",
+    "react-icons": "^5.5.0",
     "react-scripts": "5.0.1",
     "reactstrap": "^9.0.2",
     "tailwind-merge": "^2.5.5",

package/lib/src/core-components/atoms/icons/icons.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icons.component.d.ts","sourceRoot":"","sources":["../../../../../src/core-components/atoms/icons/icons.component.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAI9C,UAAU,SAAS;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,IAAI,0DAMd,SAAS,KAAG,WA4Cd,CAAC"}
+{"version":3,"file":"icons.component.d.ts","sourceRoot":"","sources":["../../../../../src/core-components/atoms/icons/icons.component.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAI9C,UAAU,SAAS;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,IAAI,0DAMd,SAAS,KAAG,WAqFd,CAAC"}

package/lib/src/core-components/atoms/icons/icons.component.js

@@ -9,21 +9,63 @@ export const Icon = ({ nameIcon, propsIcon, tooltip = '', isDisable = false, onC
     try {
         const iconProps = {
             ...propsIcon,
-            color: isDisable ? '#808080' : propsIcon?.color || '#ffffff',
+            color: isDisable ? '#808080' : propsIcon?.color || 'rgb(36 48 63)',
         };
         const lib = nameIcon
             .replace(/([a-z0-9])([A-Z])/g, '$1 $2')
             .split(' ')[0]
             .toLocaleLowerCase();
-        let ElementIcon;
-        if (lib == 'md')
-            ElementIcon = loadable(() => import('react-icons/md'), {
-                resolveComponent: (el) => el[nameIcon] != null ? el[nameIcon] : el[Object.keys(el.default)[0]],
-            });
-        else
-            ElementIcon = loadable(() => import('react-icons/fa'), {
-                resolveComponent: (el) => el[nameIcon] != null ? el[nameIcon] : el[Object.keys(el.default)[0]],
-            });
+        const iconLibraries = {
+            fa: () => import('react-icons/fa'),
+            md: () => import('react-icons/md'),
+            io: () => import('react-icons/io'),
+            fi: () => import('react-icons/fi'),
+            bs: () => import('react-icons/bs'),
+            hi: () => import('react-icons/hi'),
+            go: () => import('react-icons/go'),
+            si: () => import('react-icons/si'),
+            ti: () => import('react-icons/ti'),
+            wi: () => import('react-icons/wi'),
+            di: () => import('react-icons/di'),
+            ri: () => import('react-icons/ri'),
+            fc: () => import('react-icons/fc'),
+            gr: () => import('react-icons/gr'),
+            lu: () => import('react-icons/lu'),
+            gi: () => import('react-icons/gi'),
+            tb: () => import('react-icons/tb'),
+            rx: () => import('react-icons/rx'),
+            im: () => import('react-icons/im'),
+            cg: () => import('react-icons/cg'),
+            io5: () => import('react-icons/io5'),
+            ai: () => import('react-icons/ai'),
+            vsc: () => import('react-icons/vsc'),
+            bi: () => import('react-icons/bi'),
+            fa2: () => import('react-icons/fa'),
+            ci: () => import('react-icons/ci'),
+            lib: () => import('react-icons/lib'),
+            lia: () => import('react-icons/lia'),
+        };
+        const loadLibrary = iconLibraries[lib] || (() => import('react-icons/md'));
+        const ElementIcon = loadable(loadLibrary, {
+            resolveComponent: (el) => el[nameIcon] != null ? el[nameIcon] : el[Object.keys(el.default)[0]],
+        });
+        console.log({ lib });
+        // let ElementIcon: any;
+        // if (lib == 'md')
+        //   ElementIcon = loadable(() => import('react-icons/md'), {
+        //     resolveComponent: (el) =>
+        //       el[nameIcon] != null ? el[nameIcon] : el[Object.keys(el.default)[0]],
+        //   });
+        // else if (lib == 'lia')
+        //   ElementIcon = loadable(() => import('react-icons/lia'), {
+        //     resolveComponent: (el) =>
+        //       el[nameIcon] != null ? el[nameIcon] : el[Object.keys(el.default)[0]],
+        //   });
+        // else
+        //   ElementIcon = loadable(() => import('react-icons/fa'), {
+        //     resolveComponent: (el) =>
+        //       el[nameIcon] != null ? el[nameIcon] : el[Object.keys(el.default)[0]],
+        //   });
         return (_jsx("div", { className: cn(s.iconContainer), onClick: () => {
                 if (!isDisable)
                     onClick && onClick();

package/lib/src/core-components/atoms/loader/loader.component.d.ts

@@ -1,3 +1,6 @@
-export declare const Loader: () => import("react/jsx-runtime").JSX.Element;
-export declare const ModalLoader: () => import("react/jsx-runtime").JSX.Element;
+export interface LoadingAnimateSpinProps {
+    classWarper?: string;
+    className?: string;
+}
+export declare const LoadingAnimateSpin: ({ classWarper, className, }: LoadingAnimateSpinProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=loader.component.d.ts.map

package/lib/src/core-components/atoms/loader/loader.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"loader.component.d.ts","sourceRoot":"","sources":["../../../../../src/core-components/atoms/loader/loader.component.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,MAAM,+CAalB,CAAC;AAEF,eAAO,MAAM,WAAW,+CAiHvB,CAAC"}
+{"version":3,"file":"loader.component.d.ts","sourceRoot":"","sources":["../../../../../src/core-components/atoms/loader/loader.component.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,uBAAuB;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,kBAAkB,gCAG5B,uBAAuB,4CAwBzB,CAAC"}

package/lib/src/core-components/atoms/loader/loader.component.js

@@ -1,40 +1,6 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Container, Row, Spinner } from 'reactstrap';
+import { jsx as _jsx } from "react/jsx-runtime";
 import s from '../../../tc.module.css';
 import { cn } from '../../../core-utils';
-export const Loader = () => (_jsx(Container, { fluid: true, className: cn(s['vh-50'], s['d-flex']), children: _jsx(Row, { className: cn(s['justify-content-center'], s['align-self-center'], s['w-100'], s['text-center']), children: _jsx(Spinner, { color: "primary" }) }) }));
-export const ModalLoader = () => {
-    return (_jsx(_Fragment, { children: _jsxs(_Fragment, { children: [_jsx("div", { className: cn(s['justify-center'], s['items-center'], s['flex'], s['overflow-x-hidden'], s['overflow-y-auto'], s['fixed'], s['inset-0'], s['z-50'], s['outline-none'], s['focus:outline-none']), children: _jsx("div", { className: cn(s['relative'], s['mx-auto']), children: _jsx("div", { className: cn(s['border-0'], s['rounded-lg'], s['shadow-lg'], s['relative'], s['flex'], s['flex-col'], s['w-full'], s['bg-white'], s['outline-none'], s['focus:outline-none']), children: _jsxs("div", { className: cn(s['relative'], s['p-2'], s['flex-auto'], s['flex'], s['flex-col'], s['items-center']), children: [_jsx("style", { children: `
-    .spinner .background {
-      fill: #555;
-    }
-    .spinner .line {
-      animation: PacMan 5s infinite;
-      fill: none;
-      stroke: #d26188;
-      stroke-width: 25;
-    }
-    .spinner .spinner {
-      animation: Spin 2s infinite linear;
-    }
-    @keyframes PacMan {
-      0% {
-        stroke-dasharray: 79px 79;
-      }
-      50% {
-        stroke-dasharray: 1px 79;
-      }
-      100% {
-        stroke-dasharray: 79px 79;
-      }
-    }
-    @keyframes Spin {
-      0% {
-        transform: rotate(0deg);
-      }
-      100% {
-        transform: rotate(360deg);
-      }
-    }
-    ` }), _jsxs("svg", { className: cn(s['spinner']), width: "100", height: "100", viewBox: "0 0 100 100", children: [_jsx("circle", { className: cn(s['background']), cx: "0", cy: "0" }), _jsx("path", { className: cn(s['line']), d: "M 37.5,50 C 37.5,43.096441 43.096441,37.5 50,37.5 C 56.903559,37.5 62.5,43.096441 62.5,50 C 62.5,56.903559 56.903559,62.5 50,62.5 C 43.096441,62.5 37.5,56.903559 37.5,50" })] }), ' ', _jsx("span", { style: { marginTop: -15 }, children: "loading ..." })] }) }) }) }), _jsx("div", { className: cn(s['opacity-25'], s['fixed'], s['inset-0'], s['z-40'], s['bg-black']) })] }) }));
+export const LoadingAnimateSpin = ({ classWarper = '', className = '', }) => {
+    return (_jsx("div", { className: cn(s.absolute, s['justify-center'], s['items-center'], classWarper), children: _jsx("div", { className: cn(s['w-10'], s['h-10'], s['border-t-2'], s['border-b-2'], s['border-blue-500'], s['rounded-full'], s['animate-spin'], className) }) }));
 };

package/lib/src/core-components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/core-components/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,IAAI,MAAM,6BAA6B,CAAC;AAEpD,cAAc,iCAAiC,CAAC;AAChD,cAAc,kDAAkD,CAAC;AAEjE,cAAc,sCAAsC,CAAC;AACrD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,mCAAmC,CAAC;AAClD,cAAc,mCAAmC,CAAC;AAClD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,iDAAiD,CAAC;AAChE,cAAc,iCAAiC,CAAC;AAChD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mCAAmC,CAAC;AAClD,cAAc,+BAA+B,CAAC;AAE9C,cAAc,mCAAmC,CAAC;AAElD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mCAAmC,CAAC;AAClD,cAAc,kCAAkC,CAAC;AACjD,cAAc,uCAAuC,CAAC;AACtD,cAAc,yCAAyC,CAAC;AAExD,cAAc,+DAA+D,CAAC;AAC9E,cAAc,iJAAiJ,CAAC;AAChK,cAAc,6IAA6I,CAAC;AAC5J,cAAc,iDAAiD,CAAC;AAChE,cAAc,uEAAuE,CAAC;AACtF,cAAc,mDAAmD,CAAC;AAClE,cAAc,uCAAuC,CAAC;AACtD,cAAc,qEAAqE,CAAC;AACpF,cAAc,iDAAiD,CAAC;AAChE,cAAc,6DAA6D,CAAC;AAC5E,cAAc,6FAA6F,CAAC;AAE5G,OAAO,EAAC,IAAI,EAAC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/core-components/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,IAAI,MAAM,6BAA6B,CAAC;AACpD,cAAc,iCAAiC,CAAC;AAChD,cAAc,kDAAkD,CAAC;AACjE,cAAc,sCAAsC,CAAC;AACrD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,mCAAmC,CAAC;AAClD,cAAc,mCAAmC,CAAC;AAClD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,iDAAiD,CAAC;AAChE,cAAc,iCAAiC,CAAC;AAChD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mCAAmC,CAAC;AAClD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mCAAmC,CAAC;AAClD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mCAAmC,CAAC;AAClD,cAAc,kCAAkC,CAAC;AACjD,cAAc,uCAAuC,CAAC;AACtD,cAAc,yCAAyC,CAAC;AAExD,cAAc,+DAA+D,CAAC;AAC9E,cAAc,iJAAiJ,CAAC;AAChK,cAAc,6IAA6I,CAAC;AAC5J,cAAc,iDAAiD,CAAC;AAChE,cAAc,uEAAuE,CAAC;AACtF,cAAc,mDAAmD,CAAC;AAClE,cAAc,uCAAuC,CAAC;AACtD,cAAc,qEAAqE,CAAC;AACpF,cAAc,iDAAiD,CAAC;AAChE,cAAc,6DAA6D,CAAC;AAC5E,cAAc,6FAA6F,CAAC;AAE5G,OAAO,EAAC,IAAI,EAAC,CAAC"}

package/lib/src/core-components/molecules/modal-confirm/modal-confirm.component.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-interface ModalConfirmProps {
+export interface ModalConfirmProps {
     visible: boolean;
     title?: string;
     message: React.ReactNode | string;
@@ -11,5 +11,4 @@ interface ModalConfirmProps {
     onClose: () => void;
 }
 export declare const ModalConfirm: ({ visible, title, message, submitTitle, closeTitle, isClick, isClose, onClick, onClose, }: ModalConfirmProps) => import("react/jsx-runtime").JSX.Element;
-export {};
 //# sourceMappingURL=modal-confirm.component.d.ts.map

package/lib/src/core-components/molecules/modal-confirm/modal-confirm.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal-confirm.component.d.ts","sourceRoot":"","sources":["../../../../../src/core-components/molecules/modal-confirm/modal-confirm.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAMzD,UAAU,iBAAiB;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,YAAY,8FAUtB,iBAAiB,4CA0LnB,CAAC"}
+{"version":3,"file":"modal-confirm.component.d.ts","sourceRoot":"","sources":["../../../../../src/core-components/molecules/modal-confirm/modal-confirm.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAMzD,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,YAAY,8FAUtB,iBAAiB,4CA0LnB,CAAC"}

package/lib/src/index.css

@@ -108,3 +108,11 @@ body {
 .menu li:last-child {
   border-bottom: none;
 }
+
+.border-t-2 {
+  border-top-width: 2px;
+}
+
+.border-b-2 {
+  border-bottom-width: 2px;
+}

package/lib/src/tc.module.css

@@ -5,10 +5,12 @@
 } .relative { position: relative;
 } .inset-0 { inset: 0px;
 } .left-0 { left: 0px;
+} .left-10 { left: 2.5rem;
 } .right-0 { right: 0px;
 } .right-3 { right: 0.75rem;
 } .top-0 { top: 0px;
 } .top-1\/2 { top: 50%;
+} .top-10 { top: 2.5rem;
 } .top-3 { top: 0.75rem;
 } .-z-1 { z-index: -1;
 } .z-0 { z-index: 0;
@@ -45,6 +47,7 @@
 } .grid { display: grid;
 } .hidden { display: none;
 } .h-0\.5 { height: 0.125rem;
+} .h-10 { height: 2.5rem;
 } .h-3 { height: 0.75rem;
 } .h-4 { height: 1rem;
 } .h-6 { height: 1.5rem;
@@ -63,11 +66,13 @@
 } .min-w-80 { min-width: 20rem;
 } .max-w-full { max-width: 100%;
 } .flex-1 { flex: 1 1 0%;
-} .flex-auto { flex: 1 1 auto;
 } .-translate-x-1\/2 { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 } .-translate-y-1\/2 { --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 } .translate-x-1\/2 { --tw-translate-x: 50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 } .transform { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+} @keyframes spin { to { transform: rotate(360deg);
+  }
+} .animate-spin { animation: spin 1s linear infinite;
 } .cursor-pointer { cursor: pointer;
 } .list-none { list-style-type: none;
 } .appearance-none { appearance: none;
@@ -108,6 +113,7 @@
 } .border-t { border-top-width: 1px;
 } .border-solid { border-style: solid;
 } .border-none { border-style: none;
+} .border-blue-500 { --tw-border-opacity: 1; border-color: rgb(59 130 246 / var(--tw-border-opacity));
 } .border-gray-300 { --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity));
 } .border-gray-400 { --tw-border-opacity: 1; border-color: rgb(156 163 175 / var(--tw-border-opacity));
 } .border-orange { --tw-border-opacity: 1; border-color: rgb(255 174 26 / var(--tw-border-opacity));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-restyle-components",
-  "version": "0.2.67",
+  "version": "0.2.69",
   "private": false,
   "description": "Easy use restyle components",
   "author": {
@@ -55,7 +55,7 @@
     "jest-environment-jsdom": "^29.7.0",
     "react-colorful": "^5.6.1",
     "react-datepicker": "^4.7.0",
-    "react-icons": "^5.2.1",
+    "react-icons": "^5.5.0",
     "react-scripts": "5.0.1",
     "reactstrap": "^9.0.2",
     "tailwind-merge": "^2.5.5",