react-restyle-components 0.1.35 → 0.1.37

package/README.md

@@ -6,11 +6,10 @@ Easy use restyle components
 
 ```
 yarn add react-restyle-components tailwindcss
-yarn add -D @craco/craco craco-alias postcss autoprefixer
 
 ```
 
-## Some changes required
+<!-- ## Some changes required
 
 ```
 tsconfig.json
@@ -30,23 +29,20 @@ https://github.com/appasaheb4/react-restyle-components/blob/master/craco.config.
 https://github.com/appasaheb4/react-restyle-components/blob/master/postcss.config.js
 https://github.com/appasaheb4/react-restyle-components/blob/master/tailwind.config.js
 
-```
+``` -->
 
 ### 📚 Storybook
 
 https://appasaheb4.github.io/react-restyle-components
 
 ☆━━━━━━━━━━━━━━━━━━━☆☆━━━━━━━━━━━━━━━━━━━☆
-Mobile No: +91 9260303151 <br />
-Email Id: onlyappasaheb4@gmail.com <br />
 Github: www.github.com/appasaheb4 <br />
 Website: www.tech-abl.com
 ☆━━━━━━━━━━━━━━━━━━━☆☆━━━━━━━━━━━━━━━━━━━☆
 
 ## Contributes / Support
 
-1.  More content here : https://www.youtube.com/tech-abl
-
+1.  More content here : https://www.youtube.com/@techabl
 2.  Submit your pr for idea / issue / feature
     ### How To Contribute
         - Fork and clone this repository

package/lib/cjs/App.js

@@ -1,44 +1,20 @@
 "use strict";
-var __importDefault =
-  (this && this.__importDefault) ||
-  function (mod) {
-    return mod && mod.__esModule ? mod : { default: mod };
-  };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const logo_svg_1 = __importDefault(require("./logo.svg"));
 require("./App.css");
 function App() {
-  return react_1.default.createElement(
-    "div",
-    { className: "App" },
-    react_1.default.createElement(
-      "header",
-      { className: "App-header" },
-      react_1.default.createElement("img", {
-        src: logo_svg_1.default,
-        className: "App-logo",
-        alt: "logo",
-      }),
-      react_1.default.createElement(
-        "p",
-        null,
-        "Edit ",
-        react_1.default.createElement("code", null, "src/App.tsx"),
-        " and save to reload."
-      ),
-      react_1.default.createElement(
-        "a",
-        {
-          className: "App-link",
-          href: "https://reactjs.org",
-          target: "_blank",
-          rel: "noopener noreferrer",
-        },
-        "Learn React"
-      )
-    )
-  );
+    return (react_1.default.createElement("div", { className: "App" },
+        react_1.default.createElement("header", { className: "App-header" },
+            react_1.default.createElement("img", { src: logo_svg_1.default, className: "App-logo", alt: "logo" }),
+            react_1.default.createElement("p", null,
+                "Edit ",
+                react_1.default.createElement("code", null, "src/App.tsx"),
+                " and save to reload."),
+            react_1.default.createElement("a", { className: "App-link", href: "https://reactjs.org", target: "_blank", rel: "noopener noreferrer" }, "Learn React"))));
 }
 exports.default = App;
-//# sourceMappingURL=App.js.map
+//# sourceMappingURL=App.js.map

package/lib/cjs/App.test.js

@@ -1,16 +1,14 @@
 "use strict";
-var __importDefault =
-  (this && this.__importDefault) ||
-  function (mod) {
-    return mod && mod.__esModule ? mod : { default: mod };
-  };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const react_2 = require("@testing-library/react");
 const App_1 = __importDefault(require("./App"));
-test("renders learn react link", () => {
-  (0, react_2.render)(react_1.default.createElement(App_1.default, null));
-  const linkElement = react_2.screen.getByText(/learn react/i);
-  expect(linkElement).toBeInTheDocument();
+test('renders learn react link', () => {
+    (0, react_2.render)(react_1.default.createElement(App_1.default, null));
+    const linkElement = react_2.screen.getByText(/learn react/i);
+    expect(linkElement).toBeInTheDocument();
 });
-//# sourceMappingURL=App.test.js.map
+//# sourceMappingURL=App.test.js.map

package/lib/cjs/core-components/atoms/buttons/button.stories.js

@@ -1,31 +1,37 @@
 "use strict";
-var __importDefault =
-  (this && this.__importDefault) ||
-  function (mod) {
-    return mod && mod.__esModule ? mod : { default: mod };
-  };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Primary = exports.Disable = void 0;
+exports.Primary = void 0;
 const react_1 = __importDefault(require("react"));
 const buttons_component_1 = require("./buttons.component");
-// More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
-exports.default = {
-  title: "Atoms/Button",
-  component: buttons_component_1.Button,
+const meta = {
+    title: 'Design System/Atoms/Button',
+    component: buttons_component_1.Button,
+    tags: ['autodocs'],
+    args: {
+        className: 'bg-orange w-40',
+    },
+};
+exports.default = meta;
+exports.Primary = {
+    // parameters: {
+    //   backgrounds: {
+    //     default: 'dark',
+    //   },
+    // },
+    args: {
+        disable: false,
+        type: 'solid' || 'outline' || 'submit',
+        children: react_1.default.createElement("span", null, "Primary"),
+    },
 };
-// More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args
-const Disable = () =>
-  react_1.default.createElement(
-    buttons_component_1.Button,
-    { className: "bg-gray-light w-40", onClick: () => {} },
-    "Next"
-  );
-exports.Disable = Disable;
-const Primary = () =>
-  react_1.default.createElement(
-    buttons_component_1.Button,
-    { className: "bg-orange mt-4", onClick: () => {} },
-    "Permanent Address"
-  );
-exports.Primary = Primary;
-//# sourceMappingURL=button.stories.js.map
+// export const Disable: Story = {
+//   args: {
+//     ...Primary.args,
+//     children: <span>Disable</span>,
+//     disable: true,
+//   },
+// };
+//# sourceMappingURL=button.stories.js.map

package/lib/cjs/core-components/atoms/buttons/button.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.stories.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/buttons/button.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,2DAA2C;AAE3C,0GAA0G;AAC1G,kBAAe;IACb,KAAK,EAAE,cAAc;IACrB,SAAS,EAAE,0BAAM;CACc,CAAC;AAElC,2GAA2G;AACpG,MAAM,OAAO,GAAkC,GAAG,EAAE,CAAC,CAC1D,8BAAC,0BAAM,IAAC,SAAS,EAAC,oBAAoB,EAAC,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,WAE/C,CACV,CAAC;AAJW,QAAA,OAAO,WAIlB;AAEK,MAAM,OAAO,GAAkC,GAAG,EAAE,CAAC,CAC1D,8BAAC,0BAAM,IAAC,SAAS,EAAC,gBAAgB,EAAC,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,wBAE3C,CACV,CAAC;AAJW,QAAA,OAAO,WAIlB"}
+{"version":3,"file":"button.stories.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/buttons/button.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,2DAA2C;AAE3C,MAAM,IAAI,GAAwB;IAChC,KAAK,EAAE,4BAA4B;IACnC,SAAS,EAAE,0BAAM;IACjB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,IAAI,EAAE;QACJ,SAAS,EAAE,gBAAgB;KAC5B;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC;AAGP,QAAA,OAAO,GAAU;IAC5B,gBAAgB;IAChB,mBAAmB;IACnB,uBAAuB;IACvB,OAAO;IACP,KAAK;IACL,IAAI,EAAE;QACJ,OAAO,EAAE,KAAK;QACd,IAAI,EAAE,OAAO,IAAI,SAAS,IAAI,QAAQ;QACtC,QAAQ,EAAE,sDAAoB;KAC/B;CACF,CAAC;AAEF,kCAAkC;AAClC,YAAY;AACZ,uBAAuB;AACvB,sCAAsC;AACtC,qBAAqB;AACrB,OAAO;AACP,KAAK"}

package/lib/cjs/core-components/atoms/buttons/buttons.component.js

@@ -1,23 +1,12 @@
 "use strict";
-var __importDefault =
-  (this && this.__importDefault) ||
-  function (mod) {
-    return mod && mod.__esModule ? mod : { default: mod };
-  };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Button = void 0;
 const react_1 = __importDefault(require("react"));
-const Button = ({ className, disable, onClick, children }) => {
-  return react_1.default.createElement(
-    "button",
-    {
-      "data-testid": "buttonElement",
-      disabled: disable,
-      className: `${className} rounded-100px px-3 py-1 text-text-base text-md pt-2 pb-2 font-nunitoSansRegular`,
-      onClick: () => onClick(),
-    },
-    children
-  );
+const Button = ({ className, disable, onClick, children, }) => {
+    return (react_1.default.createElement("button", { "data-testid": "buttonElement", disabled: disable, className: `${className} rounded-100px px-3 py-1 text-text-base text-md pt-2 pb-2 font-nunitoSansRegular ${disable ? 'opacity-50' : 'opacity-100'}`, onClick: () => onClick() }, children));
 };
 exports.Button = Button;
-//# sourceMappingURL=buttons.component.js.map
+//# sourceMappingURL=buttons.component.js.map

package/lib/cjs/core-components/atoms/buttons/buttons.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"buttons.component.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/buttons/buttons.component.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AASnB,MAAM,MAAM,GAAG,CAAC,EACrB,SAAS,EACT,OAAO,EACP,OAAO,EACP,QAAQ,GACI,EAAE,EAAE;IAChB,OAAO,CACL,yDACc,eAAe,EAC3B,QAAQ,EAAE,OAAO,EACjB,SAAS,EAAE,GAAG,SAAS,kFAAkF,EACzG,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,IAEvB,QAAQ,CACF,CACV,CAAC;AACJ,CAAC,CAAC;AAhBW,QAAA,MAAM,UAgBjB"}
+{"version":3,"file":"buttons.component.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/buttons/buttons.component.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AASnB,MAAM,MAAM,GAAG,CAAC,EACrB,SAAS,EACT,OAAO,EACP,OAAO,EACP,QAAQ,GACI,EAAE,EAAE;IAChB,OAAO,CACL,yDACc,eAAe,EAC3B,QAAQ,EAAE,OAAO,EACjB,SAAS,EAAE,GAAG,SAAS,oFACrB,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,aAC3B,EAAE,EACF,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,IAEvB,QAAQ,CACF,CACV,CAAC;AACJ,CAAC,CAAC;AAlBW,QAAA,MAAM,UAkBjB"}

package/lib/cjs/core-components/atoms/buttons/buttons.test.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+/* eslint-disable testing-library/render-result-naming-convention */
+const react_1 = __importDefault(require("react"));
+const _core_utils_1 = require("@core-utils");
+const buttons_component_1 = require("./buttons.component");
+it('render Button correctly', () => {
+    const button = (0, _core_utils_1.render)(react_1.default.createElement(buttons_component_1.Button, { className: "bg-gray-light w-40", onClick: () => jest.fn() }, "Permanent Address"));
+    expect(button).toMatchSnapshot();
+});
+//# sourceMappingURL=buttons.test.js.map

package/lib/cjs/core-components/atoms/buttons/buttons.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buttons.test.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/buttons/buttons.test.tsx"],"names":[],"mappings":";;;;;AAAA,oEAAoE;AACpE,kDAA0B;AAC1B,6CAAmC;AACnC,2DAA2C;AAE3C,EAAE,CAAC,yBAAyB,EAAE,GAAG,EAAE;IACjC,MAAM,MAAM,GAAG,IAAA,oBAAM,EACnB,8BAAC,0BAAM,IAAC,SAAS,EAAC,oBAAoB,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,EAAE,wBAEtD,CACV,CAAC;IACF,MAAM,CAAC,MAAM,CAAC,CAAC,eAAe,EAAE,CAAC;AACnC,CAAC,CAAC,CAAC"}

package/lib/cjs/core-components/atoms/check-box/checkBox.component.js

@@ -1,34 +1,17 @@
 "use strict";
-var __importDefault =
-  (this && this.__importDefault) ||
-  function (mod) {
-    return mod && mod.__esModule ? mod : { default: mod };
-  };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CheckBox = void 0;
 const react_1 = __importDefault(require("react"));
-const unCheckbox_svg_1 = require("@assets/svg/unCheckbox.svg");
-const checkedBox_svg_1 = require("@assets/svg/checkedBox.svg");
+const svg_1 = require("../../../library/assets/svg");
 const CheckBox = ({ className, checked, onChange }) => {
-  const width = 20;
-  const hanleClick = () => {
-    onChange();
-  };
-  return react_1.default.createElement(
-    "div",
-    { className: `${className} flex flex-row  mr-2`, onClick: hanleClick },
-    checked
-      ? react_1.default.createElement(checkedBox_svg_1.ReactComponent, {
-          width: width,
-          height: width,
-          fill: "#E7503D",
-          stroke: "E7503D",
-        })
-      : react_1.default.createElement(unCheckbox_svg_1.ReactComponent, {
-          width: width,
-          height: width,
-        })
-  );
+    const width = 20;
+    const hanleClick = () => {
+        onChange();
+    };
+    return (react_1.default.createElement("div", { className: `${className} flex flex-row  mr-2`, onClick: hanleClick }, checked ? (react_1.default.createElement(svg_1.CheckedBox, { width: width, height: width, fill: "#E7503D", stroke: "E7503D" })) : (react_1.default.createElement(svg_1.UnCheckbox, { width: width, height: width }))));
 };
 exports.CheckBox = CheckBox;
-//# sourceMappingURL=checkBox.component.js.map
+//# sourceMappingURL=checkBox.component.js.map

package/lib/cjs/core-components/atoms/check-box/checkBox.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkBox.component.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/check-box/checkBox.component.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,+DAAwE;AACxE,+DAAwE;AAQjE,MAAM,QAAQ,GAAG,CAAC,EAAC,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAgB,EAAE,EAAE;IACxE,MAAM,KAAK,GAAG,EAAE,CAAC;IACjB,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,QAAQ,EAAE,CAAC;IACb,CAAC,CAAC;IACF,OAAO,CACL,uCAAK,SAAS,EAAE,GAAG,SAAS,sBAAsB,EAAE,OAAO,EAAE,UAAU,IACpE,OAAO,CAAC,CAAC,CAAC,CACT,8BAAC,+BAAU,IACT,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,KAAK,EACb,IAAI,EAAC,SAAS,EACd,MAAM,EAAC,QAAQ,GACf,CACH,CAAC,CAAC,CAAC,CACF,8BAAC,+BAAU,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,GAAI,CAC5C,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAnBW,QAAA,QAAQ,YAmBnB"}
+{"version":3,"file":"checkBox.component.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/check-box/checkBox.component.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,qDAAmE;AAQ5D,MAAM,QAAQ,GAAG,CAAC,EAAC,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAgB,EAAE,EAAE;IACxE,MAAM,KAAK,GAAG,EAAE,CAAC;IACjB,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,QAAQ,EAAE,CAAC;IACb,CAAC,CAAC;IACF,OAAO,CACL,uCAAK,SAAS,EAAE,GAAG,SAAS,sBAAsB,EAAE,OAAO,EAAE,UAAU,IACpE,OAAO,CAAC,CAAC,CAAC,CACT,8BAAC,gBAAU,IACT,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,KAAK,EACb,IAAI,EAAC,SAAS,EACd,MAAM,EAAC,QAAQ,GACf,CACH,CAAC,CAAC,CAAC,CACF,8BAAC,gBAAU,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,GAAI,CAC5C,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAnBW,QAAA,QAAQ,YAmBnB"}

package/lib/cjs/core-components/atoms/check-box/checkBox.stories.js

@@ -1,32 +1,18 @@
 "use strict";
-var __importDefault =
-  (this && this.__importDefault) ||
-  function (mod) {
-    return mod && mod.__esModule ? mod : { default: mod };
-  };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Primary = void 0;
-const react_1 = __importDefault(require("react"));
+exports.Primary1 = void 0;
 const checkBox_component_1 = require("./checkBox.component");
-// More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
-exports.default = {
-  title: "Atoms/CheckBox",
-  component: checkBox_component_1.CheckBox,
+const meta = {
+    title: 'Design System/Atoms/CheckBox',
+    component: checkBox_component_1.CheckBox,
+    tags: ['autodocs'],
 };
-// More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args
-const Primary = () =>
-  react_1.default.createElement(
-    "div",
-    { className: "flex flex-row" },
-    react_1.default.createElement(checkBox_component_1.CheckBox, {
-      checked: true,
-      onChange: () => {},
-    }),
-    react_1.default.createElement(
-      "span",
-      null,
-      "I agree and authorize MiMo to fetch my personal details from UIDAI. I confirm that I have not used the OTP-based Aadhar verification to open any other bank account. I have read and accepted all Terms & Conditions"
-    )
-  );
-exports.Primary = Primary;
-//# sourceMappingURL=checkBox.stories.js.map
+exports.default = meta;
+exports.Primary1 = {
+    args: {
+        className: 'flex flex-row',
+        checked: true,
+        disable: false,
+    },
+};
+//# sourceMappingURL=checkBox.stories.js.map

package/lib/cjs/core-components/atoms/check-box/checkBox.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkBox.stories.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/check-box/checkBox.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAG1B,6DAA8C;AAE9C,0GAA0G;AAC1G,kBAAe;IACb,KAAK,EAAE,gBAAgB;IACvB,SAAS,EAAE,6BAAQ;CACc,CAAC;AAEpC,2GAA2G;AACpG,MAAM,OAAO,GAAoC,GAAG,EAAE,CAAC,CAC5D,uCAAK,SAAS,EAAC,eAAe;IAC5B,8BAAC,6BAAQ,IAAC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,GAAI;IAC/C,mQAIO,CACH,CACP,CAAC;AATW,QAAA,OAAO,WASlB"}
+{"version":3,"file":"checkBox.stories.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/check-box/checkBox.stories.tsx"],"names":[],"mappings":";;;AAEA,6DAA8C;AAE9C,MAAM,IAAI,GAA0B;IAClC,KAAK,EAAE,8BAA8B;IACrC,SAAS,EAAE,6BAAQ;IACnB,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAC;AAEF,kBAAe,IAAI,CAAC;AAGP,QAAA,QAAQ,GAAU;IAC7B,IAAI,EAAE;QACJ,SAAS,EAAE,eAAe;QAC1B,OAAO,EAAE,IAAI;QACb,OAAO,EAAE,KAAK;KACf;CACF,CAAC"}

package/lib/cjs/core-components/atoms/check-box/checkBox.test.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+/* eslint-disable testing-library/render-result-naming-convention */
+const react_1 = __importDefault(require("react"));
+const _core_utils_1 = require("@core-utils");
+const checkBox_component_1 = require("./checkBox.component");
+it('render CheckBox correctly', () => {
+    const checkbox = (0, _core_utils_1.render)(react_1.default.createElement(checkBox_component_1.CheckBox, { checked: true, onChange: () => jest.fn() }));
+    expect(checkbox).toMatchSnapshot();
+});
+//# sourceMappingURL=checkBox.test.js.map

package/lib/cjs/core-components/atoms/check-box/checkBox.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkBox.test.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/check-box/checkBox.test.tsx"],"names":[],"mappings":";;;;;AAAA,oEAAoE;AACpE,kDAA0B;AAC1B,6CAAmC;AACnC,6DAA8C;AAE9C,EAAE,CAAC,2BAA2B,EAAE,GAAG,EAAE;IACnC,MAAM,QAAQ,GAAG,IAAA,oBAAM,EACrB,8BAAC,6BAAQ,IAAC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,EAAE,GAAI,CACvD,CAAC;IACF,MAAM,CAAC,QAAQ,CAAC,CAAC,eAAe,EAAE,CAAC;AACrC,CAAC,CAAC,CAAC"}

package/lib/cjs/core-components/atoms/date-picker/date-picker.component.js

@@ -1,111 +1,51 @@
 "use strict";
-var __createBinding =
-  (this && this.__createBinding) ||
-  (Object.create
-    ? function (o, m, k, k2) {
-        if (k2 === undefined) k2 = k;
-        var desc = Object.getOwnPropertyDescriptor(m, k);
-        if (
-          !desc ||
-          ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)
-        ) {
-          desc = {
-            enumerable: true,
-            get: function () {
-              return m[k];
-            },
-          };
-        }
-        Object.defineProperty(o, k2, desc);
-      }
-    : function (o, m, k, k2) {
-        if (k2 === undefined) k2 = k;
-        o[k2] = m[k];
-      });
-var __setModuleDefault =
-  (this && this.__setModuleDefault) ||
-  (Object.create
-    ? function (o, v) {
-        Object.defineProperty(o, "default", { enumerable: true, value: v });
-      }
-    : function (o, v) {
-        o["default"] = v;
-      });
-var __importStar =
-  (this && this.__importStar) ||
-  function (mod) {
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
     if (mod && mod.__esModule) return mod;
     var result = {};
-    if (mod != null)
-      for (var k in mod)
-        if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k))
-          __createBinding(result, mod, k);
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
     __setModuleDefault(result, mod);
     return result;
-  };
-var __importDefault =
-  (this && this.__importDefault) ||
-  function (mod) {
-    return mod && mod.__esModule ? mod : { default: mod };
-  };
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DatePickerComp = void 0;
 const react_1 = __importStar(require("react"));
 const react_datepicker_1 = __importDefault(require("react-datepicker"));
 require("react-datepicker/dist/react-datepicker.css");
-const datePicker_svg_1 = require("@assets/svg/datePicker.svg");
+const svg_1 = require("../../../library/assets/svg");
 const dayjs_1 = __importDefault(require("dayjs"));
-const DatePickerComp = ({
-  className,
-  disable,
-  value,
-  showFormat = "yyyy-MM-dd",
-  placeholder = "Select Date",
-}) => {
-  const [pickedDate, setPickedDate] = (0, react_1.useState)(
-    value && (0, dayjs_1.default)(value).toDate()
-  );
-  const CustomInput = (0, react_1.forwardRef)((props, ref) => {
-    return react_1.default.createElement(
-      "div",
-      {
-        onClick: !disable && props.onClick,
-        ref: ref,
-        className:
-          " border-gray-light place-items-center  border rounded-md px-2 flex flex-wrap ",
-      },
-      react_1.default.createElement(
-        "label",
-        {
-          className: "mr-3 font-nunitoSansRegular text-primaryCharcoal text-lg",
-        },
-        props.value || props.placeholder
-      ),
-      react_1.default.createElement(datePicker_svg_1.ReactComponent, {
-        width: 15,
-        height: 15,
-      })
-    );
-  });
-  CustomInput.displayName = "CustomInput";
-  const handleChanges = (date) => {
-    setPickedDate(date);
-  };
-  return react_1.default.createElement(
-    "div",
-    { className: `${className}   items-center flex justify-start ` },
-    react_1.default.createElement(
-      "div",
-      { className: "flex-wrap" },
-      react_1.default.createElement(react_datepicker_1.default, {
-        selected: pickedDate || new Date(),
-        dateFormat: showFormat,
-        placeholder: placeholder,
-        onChange: handleChanges,
-        customInput: react_1.default.createElement(CustomInput, null),
-      })
-    )
-  );
+const DatePickerComp = ({ className, disable, value, showFormat = 'yyyy-MM-dd', placeholder = 'Select Date', }) => {
+    const [pickedDate, setPickedDate] = (0, react_1.useState)(value && (0, dayjs_1.default)(value).toDate());
+    const CustomInput = (0, react_1.forwardRef)((props, ref) => {
+        return (react_1.default.createElement("div", { onClick: !disable && props.onClick, ref: ref, className: " border-gray-light place-items-center  border rounded-md px-2 flex flex-wrap " },
+            react_1.default.createElement("label", { className: "mr-3 font-nunitoSansRegular text-primaryCharcoal text-lg" }, props.value || props.placeholder),
+            react_1.default.createElement(svg_1.DatePickerSvg, { width: 15, height: 15 })));
+    });
+    CustomInput.displayName = 'CustomInput';
+    const handleChanges = (date) => {
+        setPickedDate(date);
+    };
+    return (react_1.default.createElement("div", { className: `${className}   items-center flex justify-start ` },
+        react_1.default.createElement("div", { className: "flex-wrap" },
+            react_1.default.createElement(react_datepicker_1.default, { selected: pickedDate || new Date(), dateFormat: showFormat, placeholder: placeholder, onChange: handleChanges, customInput: react_1.default.createElement(CustomInput, null) }))));
 };
 exports.DatePickerComp = DatePickerComp;
-//# sourceMappingURL=date-picker.component.js.map
+//# sourceMappingURL=date-picker.component.js.map

package/lib/cjs/core-components/atoms/date-picker/date-picker.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker.component.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/date-picker/date-picker.component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAkD;AAClD,wEAA0C;AAC1C,sDAAoD;AACpD,+DAA2E;AAC3E,kDAA0B;AAUnB,MAAM,cAAc,GAAG,CAAC,EAC7B,SAAS,EACT,OAAO,EACP,KAAK,EACL,UAAU,GAAG,YAAY,EACzB,WAAW,GAAG,aAAa,GACX,EAAE,EAAE;IACpB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,IAAI,IAAA,eAAK,EAAC,KAAK,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC;IAE7E,MAAM,WAAW,GAAG,IAAA,kBAAU,EAAC,CAAC,KAAU,EAAE,GAAQ,EAAE,EAAE;QACtD,OAAO,CACL,uCACE,OAAO,EAAE,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAClC,GAAG,EAAE,GAAG,EACR,SAAS,EAAC,+EAA+E;YAEzF,yCAAO,SAAS,EAAC,0DAA0D,IACxE,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,WAAW,CAC3B;YACR,8BAAC,+BAAa,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,CACpC,CACP,CAAC;IACJ,CAAC,CAAC,CAAC;IACH,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;IAExC,MAAM,aAAa,GAAG,CAAC,IAAI,EAAE,EAAE;QAC7B,aAAa,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,OAAO,CACL,uCAAK,SAAS,EAAE,GAAG,SAAS,qCAAqC;QAC/D,uCAAK,SAAS,EAAC,WAAW;YACxB,8BAAC,0BAAU,IACT,QAAQ,EAAE,UAAU,IAAI,IAAI,IAAI,EAAE,EAClC,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,aAAa,EACvB,WAAW,EAAE,8BAAC,WAAW,OAAG,GAC5B,CACE,CAEF,CACP,CAAC;AACJ,CAAC,CAAC;AA3CW,QAAA,cAAc,kBA2CzB"}
+{"version":3,"file":"date-picker.component.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/date-picker/date-picker.component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAkD;AAClD,wEAA0C;AAC1C,sDAAoD;AACpD,qDAA0D;AAC1D,kDAA0B;AAUnB,MAAM,cAAc,GAAG,CAAC,EAC7B,SAAS,EACT,OAAO,EACP,KAAK,EACL,UAAU,GAAG,YAAY,EACzB,WAAW,GAAG,aAAa,GACX,EAAE,EAAE;IACpB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,IAAI,IAAA,eAAK,EAAC,KAAK,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC;IAE7E,MAAM,WAAW,GAAG,IAAA,kBAAU,EAAC,CAAC,KAAU,EAAE,GAAQ,EAAE,EAAE;QACtD,OAAO,CACL,uCACE,OAAO,EAAE,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAClC,GAAG,EAAE,GAAG,EACR,SAAS,EAAC,+EAA+E;YAEzF,yCAAO,SAAS,EAAC,0DAA0D,IACxE,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,WAAW,CAC3B;YACR,8BAAC,mBAAa,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,CACpC,CACP,CAAC;IACJ,CAAC,CAAC,CAAC;IACH,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;IAExC,MAAM,aAAa,GAAG,CAAC,IAAI,EAAE,EAAE;QAC7B,aAAa,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,OAAO,CACL,uCAAK,SAAS,EAAE,GAAG,SAAS,qCAAqC;QAC/D,uCAAK,SAAS,EAAC,WAAW;YACxB,8BAAC,0BAAU,IACT,QAAQ,EAAE,UAAU,IAAI,IAAI,IAAI,EAAE,EAClC,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,aAAa,EACvB,WAAW,EAAE,8BAAC,WAAW,OAAG,GAC5B,CACE,CAEF,CACP,CAAC;AACJ,CAAC,CAAC;AA3CW,QAAA,cAAc,kBA2CzB"}

package/lib/cjs/core-components/atoms/date-picker/date-picker.stories.js

@@ -1,29 +1,22 @@
 "use strict";
-var __importDefault =
-  (this && this.__importDefault) ||
-  function (mod) {
-    return mod && mod.__esModule ? mod : { default: mod };
-  };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Primary = void 0;
-const react_1 = __importDefault(require("react"));
-const date_picker_component_1 = require("./date-picker.component");
 const dayjs_1 = __importDefault(require("dayjs"));
-// More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
-exports.default = {
-  title: "Atoms/DatePickerComp",
-  component: date_picker_component_1.DatePickerComp,
+const date_picker_component_1 = require("./date-picker.component");
+const meta = {
+    title: 'Design System/Atoms/DatePicker',
+    component: date_picker_component_1.DatePickerComp,
+    tags: ['autodocs'],
+};
+exports.default = meta;
+exports.Primary = {
+    args: {
+        className: 'mt-6',
+        value: (0, dayjs_1.default)().format('YYYY-MM-DD'),
+        showFormat: 'dd-MM-yyyy',
+    },
 };
-// More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args
-const Primary = () =>
-  react_1.default.createElement(
-    "div",
-    { className: "flex flex-row" },
-    react_1.default.createElement(date_picker_component_1.DatePickerComp, {
-      className: "mt-6",
-      value: (0, dayjs_1.default)().format("YYYY-MM-DD"),
-      showFormat: "dd-MM-yyyy",
-    })
-  );
-exports.Primary = Primary;
-//# sourceMappingURL=date-picker.stories.js.map
+//# sourceMappingURL=date-picker.stories.js.map

package/lib/cjs/core-components/atoms/date-picker/date-picker.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker.stories.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/date-picker/date-picker.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,mEAAuD;AACvD,kDAA0B;AAE1B,0GAA0G;AAC1G,kBAAe;IACb,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,sCAAc;CACc,CAAC;AAE1C,2GAA2G;AACpG,MAAM,OAAO,GAA0C,GAAG,EAAE,CAAC,CAClE,uCAAK,SAAS,EAAC,eAAe;IAC5B,8BAAC,sCAAc,IACb,SAAS,EAAC,MAAM,EAChB,KAAK,EAAE,IAAA,eAAK,GAAE,CAAC,MAAM,CAAC,YAAY,CAAC,EACnC,UAAU,EAAE,YAAY,GACxB,CACE,CACP,CAAC;AARW,QAAA,OAAO,WAQlB"}
+{"version":3,"file":"date-picker.stories.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/date-picker/date-picker.stories.tsx"],"names":[],"mappings":";;;;;;AACA,kDAA0B;AAE1B,mEAAuD;AAEvD,MAAM,IAAI,GAAgC;IACxC,KAAK,EAAE,gCAAgC;IACvC,SAAS,EAAE,sCAAc;IACzB,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAC;AACF,kBAAe,IAAI,CAAC;AAGP,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,SAAS,EAAE,MAAM;QACjB,KAAK,EAAE,IAAA,eAAK,GAAE,CAAC,MAAM,CAAC,YAAY,CAAC;QACnC,UAAU,EAAE,YAAY;KACzB;CACF,CAAC"}

package/lib/cjs/core-components/atoms/date-picker/date-picker.test.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+/* eslint-disable testing-library/render-result-naming-convention */
+const react_1 = __importDefault(require("react"));
+const _core_utils_1 = require("@core-utils");
+const date_picker_component_1 = require("./date-picker.component");
+const dayjs_1 = __importDefault(require("dayjs"));
+it('render DatePicker correctly', () => {
+    const datepicker = (0, _core_utils_1.render)(react_1.default.createElement(date_picker_component_1.DatePickerComp, { className: "mt-6", value: (0, dayjs_1.default)().format('YYYY-MM-DD'), showFormat: 'dd-MM-yyyy' }));
+    expect(datepicker).toMatchSnapshot();
+});
+//# sourceMappingURL=date-picker.test.js.map

package/lib/cjs/core-components/atoms/date-picker/date-picker.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.test.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/date-picker/date-picker.test.tsx"],"names":[],"mappings":";;;;;AAAA,oEAAoE;AACpE,kDAA0B;AAC1B,6CAAmC;AACnC,mEAAuD;AACvD,kDAA0B;AAE1B,EAAE,CAAC,6BAA6B,EAAE,GAAG,EAAE;IACrC,MAAM,UAAU,GAAG,IAAA,oBAAM,EACvB,8BAAC,sCAAc,IACb,SAAS,EAAC,MAAM,EAChB,KAAK,EAAE,IAAA,eAAK,GAAE,CAAC,MAAM,CAAC,YAAY,CAAC,EACnC,UAAU,EAAE,YAAY,GACxB,CACH,CAAC;IACF,MAAM,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAC;AACvC,CAAC,CAAC,CAAC"}