react-restyle-components 0.1.44 → 0.1.45

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

@@ -1,31 +1,31 @@
-import React from 'react';
-import { Button } from './buttons.component';
+import React from "react";
+import { Button } from "./buttons.component";
 // import {Title, Component, Source, Canvas, ArgTypes} from '@storybook/blocks';
-import { fn } from '@storybook/test';
+import { fn } from "@storybook/test";
 const meta = {
-    title: 'Design System/Atoms/Button',
-    component: Button,
-    tags: ['autodocs'],
-    args: {
-        className: 'w-40',
-    },
-    parameters: {
-        componentSubtitle: `import { Button } from 'react-restyle-components'`,
-    },
+  title: "Design System/Atoms/Button",
+  component: Button,
+  tags: ["autodocs"],
+  args: {
+    className: "w-40",
+  },
+  parameters: {
+    componentSubtitle: `import { Button } from 'react-restyle-components'`,
+  },
 };
 export default meta;
 export const Primary = {
-    // parameters: {
-    //   backgrounds: {
-    //     default: 'dark',
-    //   },
-    // },
-    args: {
-        disable: false,
-        type: 'solid' || 'outline',
-        children: React.createElement("span", null, "Primary"),
-        onClick: fn(),
-    },
+  // parameters: {
+  //   backgrounds: {
+  //     default: 'dark',
+  //   },
+  // },
+  args: {
+    disable: false,
+    type: "solid" || "outline",
+    children: React.createElement("span", null, "Primary"),
+    onClick: fn(),
+  },
 };
 // export const Disable: Story = {
 //   args: {
@@ -34,4 +34,4 @@ export const Primary = {
 //     disable: true,
 //   },
 // };
-//# sourceMappingURL=button.stories.js.map
+//# sourceMappingURL=button.stories.js.map

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

@@ -1,8 +1,24 @@
-import React from 'react';
-export const Button = ({ type = 'solid', className = 'w-40', disable = false, onClick, children, }) => {
-    const buttonColorClass = type === 'solid'
-        ? 'text-white bg-[#007BFF] hover:bg-[#007BFF] hover:shadow-lg text-white'
-        : 'dark:text-white  text-black border border-gray-400 hover:shadow-lg';
-    return (React.createElement("button", { "data-testid": "buttonElement", disabled: disable, className: `${className} rounded-100px px-3 py-1  text-md ${buttonColorClass} pt-2 pb-2 font-nunitoSansRegular ${disable ? 'opacity-50' : 'opacity-100'}`, onClick: () => onClick() }, children));
+import React from "react";
+export const Button = ({
+  type = "solid",
+  className = "w-40",
+  disable = false,
+  onClick,
+  children,
+}) => {
+  const buttonColorClass =
+    type === "solid"
+      ? "text-white bg-[#007BFF] hover:bg-[#007BFF] hover:shadow-lg text-white"
+      : "dark:text-white  text-black border border-gray-400 hover:shadow-lg";
+  return React.createElement(
+    "button",
+    {
+      "data-testid": "buttonElement",
+      disabled: disable,
+      className: `${className} rounded-100px px-3 py-1  text-md ${buttonColorClass} pt-2 pb-2 font-nunitoSansRegular ${disable ? "opacity-50" : "opacity-100"}`,
+      onClick: () => onClick(),
+    },
+    children,
+  );
 };
-//# sourceMappingURL=buttons.component.js.map
+//# sourceMappingURL=buttons.component.js.map

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

@@ -1,9 +1,15 @@
 /* eslint-disable testing-library/render-result-naming-convention */
-import React from 'react';
-import { render } from '@core-utils';
-import { Button } from './buttons.component';
-it('render Button correctly', () => {
-    const button = render(React.createElement(Button, { className: "bg-gray-light w-40", onClick: () => jest.fn() }, "Permanent Address"));
-    expect(button).toMatchSnapshot();
+import React from "react";
+import { render } from "@core-utils";
+import { Button } from "./buttons.component";
+it("render Button correctly", () => {
+  const button = render(
+    React.createElement(
+      Button,
+      { className: "bg-gray-light w-40", onClick: () => jest.fn() },
+      "Permanent Address",
+    ),
+  );
+  expect(button).toMatchSnapshot();
 });
-//# sourceMappingURL=buttons.test.js.map
+//# sourceMappingURL=buttons.test.js.map

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

@@ -1,20 +1,66 @@
-import React, { useState } from 'react';
-import { UnCheckbox, CheckedBox } from '../../../library/assets/svg';
-import { InputWrapper } from '../form/form.component';
-export const CheckBox = ({ title = 'Banks', data = [{ title: 'SBI Bank', checked: false }], className, onChange, }) => {
-    const [list, setList] = useState(data);
-    const width = 20;
-    return (React.createElement(InputWrapper, { label: title }, list === null || list === void 0 ? void 0 : list.map((item, index) => (React.createElement("div", { className: `${className} flex flex-row  items-center `, onClick: () => {
-            const result = list === null || list === void 0 ? void 0 : list.map((e, i) => {
-                if (i == index)
-                    return Object.assign(Object.assign({}, e), { checked: !item.checked });
-                else
-                    return Object.assign({}, e);
-            });
-            setList(result);
-            onChange(result === null || result === void 0 ? void 0 : result.filter((item) => item.checked));
-        }, key: index },
-        React.createElement("div", { className: "flex mt-1" }, item.checked ? (React.createElement(CheckedBox, { width: width, height: width, fill: "#E7503D", stroke: "E7503D" })) : (React.createElement(UnCheckbox, { width: width, height: width }))),
-        React.createElement("span", null, item === null || item === void 0 ? void 0 : item.title))))));
+import React, { useState } from "react";
+import { UnCheckbox, CheckedBox } from "../../../library/assets/svg";
+import { InputWrapper } from "../form/form.component";
+export const CheckBox = ({
+  title = "Banks",
+  data = [{ title: "SBI Bank", checked: false }],
+  className,
+  onChange,
+}) => {
+  const [list, setList] = useState(data);
+  const width = 20;
+  return React.createElement(
+    InputWrapper,
+    { label: title },
+    list === null || list === void 0
+      ? void 0
+      : list.map((item, index) =>
+          React.createElement(
+            "div",
+            {
+              className: `${className} flex flex-row  items-center `,
+              onClick: () => {
+                const result =
+                  list === null || list === void 0
+                    ? void 0
+                    : list.map((e, i) => {
+                        if (i == index)
+                          return Object.assign(Object.assign({}, e), {
+                            checked: !item.checked,
+                          });
+                        else return Object.assign({}, e);
+                      });
+                setList(result);
+                onChange(
+                  result === null || result === void 0
+                    ? void 0
+                    : result.filter((item) => item.checked),
+                );
+              },
+              key: index,
+            },
+            React.createElement(
+              "div",
+              { className: "flex mt-1" },
+              item.checked
+                ? React.createElement(CheckedBox, {
+                    width: width,
+                    height: width,
+                    fill: "#E7503D",
+                    stroke: "E7503D",
+                  })
+                : React.createElement(UnCheckbox, {
+                    width: width,
+                    height: width,
+                  }),
+            ),
+            React.createElement(
+              "span",
+              null,
+              item === null || item === void 0 ? void 0 : item.title,
+            ),
+          ),
+        ),
+  );
 };
-//# sourceMappingURL=checkBox.component.js.map
+//# sourceMappingURL=checkBox.component.js.map

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

@@ -1,24 +1,24 @@
-import { CheckBox } from './checkBox.component';
+import { CheckBox } from "./checkBox.component";
 const meta = {
-    title: 'Design System/Atoms/CheckBox',
-    component: CheckBox,
-    tags: ['autodocs'],
-    parameters: {
-        componentSubtitle: `import { CheckBox } from 'react-restyle-components'`,
-    },
+  title: "Design System/Atoms/CheckBox",
+  component: CheckBox,
+  tags: ["autodocs"],
+  parameters: {
+    componentSubtitle: `import { CheckBox } from 'react-restyle-components'`,
+  },
 };
 export default meta;
 export const Primary1 = {
-    args: {
-        title: 'Banks',
-        data: [
-            { title: 'SBI Bank', checked: false },
-            { title: 'ICICI Bank', checked: false },
-        ],
-        disable: false,
-        onChange: (item) => {
-            console.log({ item });
-        },
+  args: {
+    title: "Banks",
+    data: [
+      { title: "SBI Bank", checked: false },
+      { title: "ICICI Bank", checked: false },
+    ],
+    disable: false,
+    onChange: (item) => {
+      console.log({ item });
     },
+  },
 };
-//# sourceMappingURL=checkBox.stories.js.map
+//# sourceMappingURL=checkBox.stories.js.map

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

@@ -1,9 +1,15 @@
 /* eslint-disable testing-library/render-result-naming-convention */
-import React from 'react';
-import { render } from '@core-utils';
-import { CheckBox } from './checkBox.component';
-it('render CheckBox correctly', () => {
-    const checkbox = render(React.createElement(CheckBox, { title: "Title", data: [], onChange: () => jest.fn() }));
-    expect(checkbox).toMatchSnapshot();
+import React from "react";
+import { render } from "@core-utils";
+import { CheckBox } from "./checkBox.component";
+it("render CheckBox correctly", () => {
+  const checkbox = render(
+    React.createElement(CheckBox, {
+      title: "Title",
+      data: [],
+      onChange: () => jest.fn(),
+    }),
+  );
+  expect(checkbox).toMatchSnapshot();
 });
-//# sourceMappingURL=checkBox.test.js.map
+//# sourceMappingURL=checkBox.test.js.map

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

@@ -1,22 +1,55 @@
-import React, { useState, forwardRef } from 'react';
-import DatePicker from 'react-datepicker';
-import 'react-datepicker/dist/react-datepicker.css';
-import { DatePickerSvg } from '../../../library/assets/svg';
-import dayjs from 'dayjs';
-import { InputWrapper } from '../form/form.component';
-export const DatePickerComp = ({ title = 'Title', className, disable, value, showFormat = 'yyyy-MM-dd', placeholder = 'Select Date', }) => {
-    const [pickedDate, setPickedDate] = useState(value && dayjs(value).toDate());
-    const CustomInput = forwardRef((props, ref) => {
-        return (React.createElement("div", { onClick: !disable && props.onClick, ref: ref, className: " border-gray-light place-items-center  border rounded-md px-2 flex " },
-            React.createElement("label", { className: "mr-3 font-nunitoSansRegular text-primaryCharcoal text-lg" }, props.value || props.placeholder),
-            React.createElement(DatePickerSvg, { width: 15, height: 15 })));
-    });
-    CustomInput.displayName = 'CustomInput';
-    const handleChanges = (date) => {
-        setPickedDate(date);
-    };
-    return (React.createElement(InputWrapper, { label: title },
-        React.createElement("div", { className: `${className} flex zIndex-999` },
-            React.createElement(DatePicker, { selected: pickedDate || new Date(), dateFormat: showFormat, placeholder: placeholder, onChange: handleChanges, customInput: React.createElement(CustomInput, null) }))));
+import React, { useState, forwardRef } from "react";
+import DatePicker from "react-datepicker";
+import "react-datepicker/dist/react-datepicker.css";
+import { DatePickerSvg } from "../../../library/assets/svg";
+import dayjs from "dayjs";
+import { InputWrapper } from "../form/form.component";
+export const DatePickerComp = ({
+  title = "Title",
+  className,
+  disable,
+  value,
+  showFormat = "yyyy-MM-dd",
+  placeholder = "Select Date",
+}) => {
+  const [pickedDate, setPickedDate] = useState(value && dayjs(value).toDate());
+  const CustomInput = forwardRef((props, ref) => {
+    return React.createElement(
+      "div",
+      {
+        onClick: !disable && props.onClick,
+        ref: ref,
+        className:
+          " border-gray-light place-items-center  border rounded-md px-2 flex ",
+      },
+      React.createElement(
+        "label",
+        {
+          className: "mr-3 font-nunitoSansRegular text-primaryCharcoal text-lg",
+        },
+        props.value || props.placeholder,
+      ),
+      React.createElement(DatePickerSvg, { width: 15, height: 15 }),
+    );
+  });
+  CustomInput.displayName = "CustomInput";
+  const handleChanges = (date) => {
+    setPickedDate(date);
+  };
+  return React.createElement(
+    InputWrapper,
+    { label: title },
+    React.createElement(
+      "div",
+      { className: `${className} flex zIndex-999` },
+      React.createElement(DatePicker, {
+        selected: pickedDate || new Date(),
+        dateFormat: showFormat,
+        placeholder: placeholder,
+        onChange: handleChanges,
+        customInput: React.createElement(CustomInput, null),
+      }),
+    ),
+  );
 };
-//# sourceMappingURL=date-picker.component.js.map
+//# sourceMappingURL=date-picker.component.js.map

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

@@ -1,19 +1,19 @@
-import dayjs from 'dayjs';
-import { DatePickerComp } from './date-picker.component';
+import dayjs from "dayjs";
+import { DatePickerComp } from "./date-picker.component";
 const meta = {
-    title: 'Design System/Atoms/DatePicker',
-    component: DatePickerComp,
-    tags: ['autodocs'],
-    parameters: {
-        componentSubtitle: `import { DatePickerComp } from 'react-restyle-components'`,
-    },
+  title: "Design System/Atoms/DatePicker",
+  component: DatePickerComp,
+  tags: ["autodocs"],
+  parameters: {
+    componentSubtitle: `import { DatePickerComp } from 'react-restyle-components'`,
+  },
 };
 export default meta;
 export const Primary = {
-    args: {
-        title: 'Date',
-        value: dayjs().format('YYYY-MM-DD'),
-        showFormat: 'dd-MM-yyyy',
-    },
+  args: {
+    title: "Date",
+    value: dayjs().format("YYYY-MM-DD"),
+    showFormat: "dd-MM-yyyy",
+  },
 };
-//# sourceMappingURL=date-picker.stories.js.map
+//# sourceMappingURL=date-picker.stories.js.map

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

@@ -1,10 +1,17 @@
 /* eslint-disable testing-library/render-result-naming-convention */
-import React from 'react';
-import { render } from '@core-utils';
-import { DatePickerComp } from './date-picker.component';
-import dayjs from 'dayjs';
-it('render DatePicker correctly', () => {
-    const datepicker = render(React.createElement(DatePickerComp, { title: "Date", className: "mt-6", value: dayjs().format('YYYY-MM-DD'), showFormat: 'dd-MM-yyyy' }));
-    expect(datepicker).toMatchSnapshot();
+import React from "react";
+import { render } from "@core-utils";
+import { DatePickerComp } from "./date-picker.component";
+import dayjs from "dayjs";
+it("render DatePicker correctly", () => {
+  const datepicker = render(
+    React.createElement(DatePickerComp, {
+      title: "Date",
+      className: "mt-6",
+      value: dayjs().format("YYYY-MM-DD"),
+      showFormat: "dd-MM-yyyy",
+    }),
+  );
+  expect(datepicker).toMatchSnapshot();
 });
-//# sourceMappingURL=date-picker.test.js.map
+//# sourceMappingURL=date-picker.test.js.map