react-restyle-components 0.1.45 → 0.1.46

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

@@ -1,22 +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 });
 /* eslint-disable testing-library/render-result-naming-convention */
 const react_1 = __importDefault(require("react"));
 const _core_utils_1 = require("@core-utils");
 const radio_component_1 = require("./radio.component");
-it("render Radio correctly", () => {
-  const radio = (0, _core_utils_1.render)(
-    react_1.default.createElement(radio_component_1.Radio, {
-      title: "Title",
-      data: [],
-      onChange: () => jest.fn(),
-    }),
-  );
-  expect(radio).toMatchSnapshot();
+it('render Radio correctly', () => {
+    const radio = (0, _core_utils_1.render)(react_1.default.createElement(radio_component_1.Radio, { title: "Title", data: [], onChange: () => jest.fn() }));
+    expect(radio).toMatchSnapshot();
 });
-//# sourceMappingURL=radio.test.js.map
+//# sourceMappingURL=radio.test.js.map

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

@@ -1,85 +1,42 @@
 "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.Stepper = void 0;
 const react_1 = __importDefault(require("react"));
-const Stepper = ({ className = "", steps, currentStep = 1, onStepClick }) => {
-  const finalClass = `${className} w-full px-4 sm:px-8`;
-  const progressClass =
-    "absolute my-4 top-1/2 left-0 h-0.5  transform -translate-y-1/2 bg-orange transition-width ease-in-out duration-500";
-  const Steps =
-    steps === null || steps === void 0
-      ? void 0
-      : steps.map((step, index) => {
-          let stepClass =
-            "inline-block transform -translate-x-1/2 pt-1 w-8 h-8 rounded-full text-center";
-          if (index < currentStep)
+const Stepper = ({ className = '', steps, currentStep = 1, onStepClick, }) => {
+    const finalClass = `${className} w-full px-4 sm:px-8`;
+    const progressClass = 'absolute my-4 top-1/2 left-0 h-0.5  transform -translate-y-1/2 bg-orange transition-width ease-in-out duration-500';
+    const Steps = steps === null || steps === void 0 ? void 0 : steps.map((step, index) => {
+        let stepClass = 'inline-block transform -translate-x-1/2 pt-1 w-8 h-8 rounded-full text-center';
+        if (index < currentStep)
             stepClass +=
-              " font-medium border border-orange  bg-background-secondary text-gray";
-          else if (index > currentStep)
+                ' font-medium border border-orange  bg-background-secondary text-gray';
+        else if (index > currentStep)
             stepClass +=
-              " font-medium border border-gray-dark-secondary text-gray bg-background-secondary";
-          else if (currentStep === index)
-            stepClass += " font-medium bg-orange text-white";
-          if (typeof onStepClick === "function") stepClass += " cursor-pointer";
-          return react_1.default.createElement(
-            "div",
-            {
-              key: step,
-              style: { left: `${(index / (steps.length - 1)) * 100}%` },
-              className: "absolute",
-            },
-            react_1.default.createElement(
-              "span",
-              {
-                className: `${stepClass} font-nunitoSansRegular  text-4xs text-center`,
-                onClick: () => {
-                  if (typeof onStepClick === "function")
-                    onStepClick(index + 1, step);
-                },
-              },
-              step,
-            ),
-          );
-        });
-  return react_1.default.createElement(
-    "div",
-    { className: finalClass },
-    react_1.default.createElement(
-      "div",
-      { className: "w-full relative" },
-      react_1.default.createElement(
-        "div",
-        {
-          className: progressClass,
-          style: {
-            width: `${(currentStep / (steps.length - 1)) * 100}%`,
-          },
-        },
-        react_1.default.createElement("div", {
-          className:
-            "w-3 h-3 bg-orange rounded-full absolute right-0 top-1/2 transform translate-x-1/2 -translate-y-1/2",
-        }),
-      ),
-      react_1.default.createElement("div", {
-        className:
-          "absolute h-0.5 my-4 top-1/2 left-0 transform -translate-y-1/2 bg-gray-dark-secondary transition-width ease-in-out duration-500",
-        style: {
-          marginLeft: `${(currentStep / (steps.length - 1)) * 100}%`,
-          width: `${100 - (currentStep / (steps.length - 1)) * 100}%`,
-        },
-      }),
-    ),
-    react_1.default.createElement(
-      "div",
-      { className: "relative sm:block" },
-      Steps,
-    ),
-  );
+                ' font-medium border border-gray-dark-secondary text-gray bg-background-secondary';
+        else if (currentStep === index)
+            stepClass += ' font-medium bg-orange text-white';
+        if (typeof onStepClick === 'function')
+            stepClass += ' cursor-pointer';
+        return (react_1.default.createElement("div", { key: step, style: { left: `${(index / (steps.length - 1)) * 100}%` }, className: "absolute" },
+            react_1.default.createElement("span", { className: `${stepClass} font-nunitoSansRegular  text-4xs text-center`, onClick: () => {
+                    if (typeof onStepClick === 'function')
+                        onStepClick(index + 1, step);
+                } }, step)));
+    });
+    return (react_1.default.createElement("div", { className: finalClass },
+        react_1.default.createElement("div", { className: "w-full relative" },
+            react_1.default.createElement("div", { className: progressClass, style: {
+                    width: `${(currentStep / (steps.length - 1)) * 100}%`,
+                } },
+                react_1.default.createElement("div", { className: "w-3 h-3 bg-orange rounded-full absolute right-0 top-1/2 transform translate-x-1/2 -translate-y-1/2" })),
+            react_1.default.createElement("div", { className: 'absolute h-0.5 my-4 top-1/2 left-0 transform -translate-y-1/2 bg-gray-dark-secondary transition-width ease-in-out duration-500', style: {
+                    marginLeft: `${(currentStep / (steps.length - 1)) * 100}%`,
+                    width: `${100 - (currentStep / (steps.length - 1)) * 100}%`,
+                } })),
+        react_1.default.createElement("div", { className: "relative sm:block" }, Steps)));
 };
 exports.Stepper = Stepper;
-//# sourceMappingURL=stepper.component.js.map
+//# sourceMappingURL=stepper.component.js.map

package/lib/cjs/core-components/atoms/stepper/stepper.stories.js

@@ -3,20 +3,20 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Primary = void 0;
 const stepper_component_1 = require("./stepper.component");
 const meta = {
-  title: "Design System/Atoms/Stepper",
-  component: stepper_component_1.Stepper,
-  tags: ["autodocs"],
-  parameters: {
-    componentSubtitle: `import { Stepper } from 'react-restyle-components'`,
-  },
+    title: 'Design System/Atoms/Stepper',
+    component: stepper_component_1.Stepper,
+    tags: ['autodocs'],
+    parameters: {
+        componentSubtitle: `import { Stepper } from 'react-restyle-components'`,
+    },
 };
 exports.default = meta;
 exports.Primary = {
-  args: {
-    steps: ["1", "2", "3", "4"],
-    currentStep: 2,
-    onStepClick: (currentStep, step) => {},
-    className: "mt-4",
-  },
+    args: {
+        steps: ['1', '2', '3', '4'],
+        currentStep: 2,
+        onStepClick: (currentStep, step) => { },
+        className: 'mt-4',
+    },
 };
-//# sourceMappingURL=stepper.stories.js.map
+//# sourceMappingURL=stepper.stories.js.map

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

@@ -1,22 +1,13 @@
 "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 _core_utils_1 = require("@core-utils");
 const stepper_component_1 = require("./stepper.component");
-it("render Stepper correctly", () => {
-  const stepper = (0, _core_utils_1.render)(
-    react_1.default.createElement(stepper_component_1.Stepper, {
-      steps: ["1", "2", "3", "4"],
-      currentStep: 3,
-      onStepClick: () => jest.fn(),
-      className: "mt-4",
-    }),
-  );
-  expect(stepper).toMatchSnapshot();
+it('render Stepper correctly', () => {
+    const stepper = (0, _core_utils_1.render)(react_1.default.createElement(stepper_component_1.Stepper, { steps: ['1', '2', '3', '4'], currentStep: 3, onStepClick: () => jest.fn(), className: "mt-4" }));
+    expect(stepper).toMatchSnapshot();
 });
-//# sourceMappingURL=stepper.test.js.map
+//# sourceMappingURL=stepper.test.js.map

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

@@ -1,95 +1,46 @@
 "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;
-  };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Tabs = void 0;
 const react_1 = __importStar(require("react"));
 const __1 = require("../..");
 const Tabs = ({ options, onSelect }) => {
-  const [selected, setSelected] = (0, react_1.useState)(options[0].title);
-  return react_1.default.createElement(
-    "div",
-    { className: "flex justify-center" },
-    react_1.default.createElement(
-      "ul",
-      {
-        className:
-          "flex flex-wrap items-center justify-center -mb-px text-sm font-medium text-center text-black cursor-pointer gap-2",
-      },
-      options === null || options === void 0
-        ? void 0
-        : options.map((item, index) =>
-            react_1.default.createElement(
-              "li",
-              { key: index, className: "bg-[#EF4444] rounded-md" },
-              react_1.default.createElement(
-                "div",
-                {
-                  className: `inline-flex items-center justify-center p-3 border-b-2 gap-1 ${
-                    item.title == selected
-                      ? "text-white font-bold md:text-md  border-primary active"
-                      : " text-gray-200  md:text-md border-transparent"
-                  }`,
-                  onClick: () => {
+    const [selected, setSelected] = (0, react_1.useState)(options[0].title);
+    return (react_1.default.createElement("div", { className: "flex justify-center" },
+        react_1.default.createElement("ul", { className: "flex flex-wrap items-center justify-center -mb-px text-sm font-medium text-center text-black cursor-pointer gap-2" }, options === null || options === void 0 ? void 0 : options.map((item, index) => (react_1.default.createElement("li", { key: index, className: "bg-[#EF4444] rounded-md" },
+            react_1.default.createElement("div", { className: `inline-flex items-center justify-center p-3 border-b-2 gap-1 ${item.title == selected
+                    ? 'text-white font-bold md:text-md  border-primary active'
+                    : ' text-gray-200  md:text-md border-transparent'}`, onClick: () => {
                     setSelected(item.title);
                     onSelect(item.title);
-                  },
-                },
-                react_1.default.createElement(__1.Icon, {
-                  nameIcon: item.icon,
-                  propsIcon: {
-                    color: item.title == selected ? "#ffffff" : "#000000",
-                    size: 24,
-                  },
-                }),
-                item.title,
-              ),
-            ),
-          ),
-    ),
-  );
+                } },
+                react_1.default.createElement(__1.Icon, { nameIcon: item.icon, propsIcon: {
+                        color: item.title == selected ? '#ffffff' : '#000000',
+                        size: 24,
+                    } }),
+                item.title)))))));
 };
 exports.Tabs = Tabs;
-//# sourceMappingURL=tabs.component.js.map
+//# sourceMappingURL=tabs.component.js.map

package/lib/cjs/core-components/atoms/tabs/tabs.stories.js

@@ -3,24 +3,24 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Primary = void 0;
 const tabs_component_1 = require("./tabs.component");
 const meta = {
-  title: "Design System/Atoms/Tabs",
-  component: tabs_component_1.Tabs,
-  tags: ["autodocs"],
-  parameters: {
-    componentSubtitle: `import { Tabs } from 'react-restyle-components'`,
-  },
+    title: 'Design System/Atoms/Tabs',
+    component: tabs_component_1.Tabs,
+    tags: ['autodocs'],
+    parameters: {
+        componentSubtitle: `import { Tabs } from 'react-restyle-components'`,
+    },
 };
 exports.default = meta;
 exports.Primary = {
-  args: {
-    options: [
-      { title: "Work History", icon: "FaHistory" },
-      { title: "Book Order", icon: "FaBook" },
-      { title: "Make Frame", icon: "MdFilterFrames" },
-    ],
-    onSelect: (item) => {
-      console.log({ item });
+    args: {
+        options: [
+            // {title: 'Work History', icon: 'FaHistory'},
+            // {title: 'Book Order', icon: 'FaBook'},
+            { title: 'Make Frame', icon: 'MdFilterFrames' },
+        ],
+        onSelect: (item) => {
+            console.log({ item });
+        }
     },
-  },
 };
-//# sourceMappingURL=tabs.stories.js.map
+//# sourceMappingURL=tabs.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"tabs.stories.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/tabs/tabs.stories.tsx"],"names":[],"mappings":";;;AAEA,qDAAsC;AAEtC,MAAM,IAAI,GAAsB;IAC9B,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,qBAAI;IACf,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,iBAAiB,EAAE,iDAAiD;KACrE;CACF,CAAC;AACF,kBAAe,IAAI,CAAC;AAGP,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,OAAO,EAAC;YACN,EAAC,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,WAAW,EAAC;YAC1C,EAAC,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAC;YACrC,EAAC,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,gBAAgB,EAAC;SAC9C;QACD,QAAQ,EAAC,CAAC,IAAI,EAAE,EAAE;YAChB,OAAO,CAAC,GAAG,CAAC,EAAC,IAAI,EAAC,CAAC,CAAC;QAEtB,CAAC;KACF;CACF,CAAC"}
+{"version":3,"file":"tabs.stories.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/tabs/tabs.stories.tsx"],"names":[],"mappings":";;;AAEA,qDAAsC;AAKtC,MAAM,IAAI,GAAsB;IAC9B,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,qBAAI;IACf,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,iBAAiB,EAAE,iDAAiD;KACrE;CACF,CAAC;AACF,kBAAe,IAAI,CAAC;AAGP,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,OAAO,EAAC;YACN,8CAA8C;YAC9C,yCAAyC;YACzC,EAAC,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,gBAAgB,EAAC;SAC9C;QACD,QAAQ,EAAC,CAAC,IAAI,EAAE,EAAE;YAChB,OAAO,CAAC,GAAG,CAAC,EAAC,IAAI,EAAC,CAAC,CAAC;QAEtB,CAAC;KACF;CACF,CAAC"}

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

@@ -1,26 +1,19 @@
 "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 _core_utils_1 = require("@core-utils");
 const tabs_component_1 = require("./tabs.component");
-it("render Tabs correctly", () => {
-  const tabs = (0, _core_utils_1.render)(
-    react_1.default.createElement(tabs_component_1.Tabs, {
-      options: [
-        { title: "Work History", icon: "FaHistory" },
-        { title: "Book Order", icon: "FaBook" },
-        { title: "Make Frame", icon: "MdFilterFrames" },
-      ],
-      onSelect: (item) => {
-        console.log({ item });
-      },
-    }),
-  );
-  expect(tabs).toMatchSnapshot();
+it('render Tabs correctly', () => {
+    const tabs = (0, _core_utils_1.render)(react_1.default.createElement(tabs_component_1.Tabs, { options: [
+            { title: 'Work History', icon: 'FaHistory' },
+            { title: 'Book Order', icon: 'FaBook' },
+            { title: 'Make Frame', icon: 'MdFilterFrames' },
+        ], onSelect: (item) => {
+            console.log({ item });
+        } }));
+    expect(tabs).toMatchSnapshot();
 });
-//# sourceMappingURL=tabs.test.js.map
+//# sourceMappingURL=tabs.test.js.map