react-restyle-components 0.1.28 → 0.1.31

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

@@ -1,35 +1,77 @@
-import React from 'react';
-export 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)
+import React from "react";
+export 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.createElement("div", { key: step, style: { left: `${(index / (steps.length - 1)) * 100}%` }, className: "absolute" },
-            React.createElement("span", { className: `${stepClass} font-nunitoSansRegular  text-4xs text-center`, onClick: () => {
-                    if (typeof onStepClick === 'function')
-                        onStepClick(index + 1, step);
-                } }, step)));
-    });
-    return (React.createElement("div", { className: finalClass },
-        React.createElement("div", { className: "w-full relative" },
-            React.createElement("div", { className: progressClass, style: {
-                    width: `${(currentStep / (steps.length - 1)) * 100}%`,
-                } },
-                React.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.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.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.createElement(
+            "div",
+            {
+              key: step,
+              style: { left: `${(index / (steps.length - 1)) * 100}%` },
+              className: "absolute",
+            },
+            React.createElement(
+              "span",
+              {
+                className: `${stepClass} font-nunitoSansRegular  text-4xs text-center`,
+                onClick: () => {
+                  if (typeof onStepClick === "function")
+                    onStepClick(index + 1, step);
+                },
+              },
+              step
+            )
+          );
+        });
+  return React.createElement(
+    "div",
+    { className: finalClass },
+    React.createElement(
+      "div",
+      { className: "w-full relative" },
+      React.createElement(
+        "div",
+        {
+          className: progressClass,
+          style: {
+            width: `${(currentStep / (steps.length - 1)) * 100}%`,
+          },
+        },
+        React.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.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.createElement("div", { className: "relative sm:block" }, Steps)
+  );
 };
-//# sourceMappingURL=stepper.component.js.map
+//# sourceMappingURL=stepper.component.js.map

package/lib/esm/core-components/atoms/stepper/stepper.component.test.js

@@ -1,8 +1,15 @@
-import React from 'react';
-import { render } from '@core-utils';
-import { Stepper } from './stepper.component';
-it('render XB_Stepper correctly', () => {
-    const stepper = render(React.createElement(Stepper, { steps: ['1', '2', '3', '4'], currentStep: 3, onStepClick: () => jest.fn(), className: "mt-4" }));
-    expect(stepper).toMatchSnapshot();
+import React from "react";
+import { render } from "@core-utils";
+import { Stepper } from "./stepper.component";
+it("render XB_Stepper correctly", () => {
+  const stepper = render(
+    React.createElement(Stepper, {
+      steps: ["1", "2", "3", "4"],
+      currentStep: 3,
+      onStepClick: () => jest.fn(),
+      className: "mt-4",
+    })
+  );
+  expect(stepper).toMatchSnapshot();
 });
-//# sourceMappingURL=stepper.component.test.js.map
+//# sourceMappingURL=stepper.component.test.js.map

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

@@ -1,12 +1,18 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
 /* eslint-disable react/jsx-indent-props */
-import React from 'react';
-import { Stepper } from './stepper.component';
+import React from "react";
+import { Stepper } from "./stepper.component";
 // More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 export default {
-    title: 'Atoms/Stepper',
-    component: Stepper,
+  title: "Atoms/Stepper",
+  component: Stepper,
 };
 // More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args
-export const Primary = () => (React.createElement(Stepper, { steps: ['1', '2', '3', '4'], currentStep: 2, onStepClick: (currentStep, step) => { }, className: "mt-4" }));
-//# sourceMappingURL=stepper.stories.js.map
+export const Primary = () =>
+  React.createElement(Stepper, {
+    steps: ["1", "2", "3", "4"],
+    currentStep: 2,
+    onStepClick: (currentStep, step) => {},
+    className: "mt-4",
+  });
+//# sourceMappingURL=stepper.stories.js.map

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

@@ -1,80 +1,86 @@
 /* eslint-disable react/prop-types */
 /* eslint-disable @typescript-eslint/no-unused-expressions */
-import React, { useEffect, useState, useImperativeHandle } from 'react';
-import { ReactComponent as TimerSVG } from '../../../library/assets/svg/timer.svg';
+import React, { useEffect, useState, useImperativeHandle } from "react";
+import { ReactComponent as TimerSVG } from "@assets/svg/timer.svg";
 // eslint-disable-next-line react/display-name
 export const Timer = React.forwardRef(({ onClear }, ref) => {
-    const width = 15;
-    const [minute, setMinute] = useState('00');
-    const [second, setSecond] = useState('10');
-    useEffect(() => {
-        const sec = parseInt(second);
-        const min = parseInt(minute);
-        const countDown = setInterval(() => {
-            if (min === 0 && sec === 0) {
-                setMinute('00');
-                setSecond('00');
-                clearInterval(countDown);
-                onClear && onClear();
-            }
-            else {
-                let secondstTmp = (sec - 1).toString();
-                if (secondstTmp.length === 1) {
-                    secondstTmp = '0'.concat(secondstTmp);
-                }
-                setSecond(secondstTmp);
-                if (sec === 0) {
-                    setSecond('59');
-                    const m = (min - 1).toString();
-                    setMinute('0' + m);
-                }
-            }
-        }, 1000);
-        return () => {
-            clearInterval(countDown);
-        };
-    });
-    useImperativeHandle(ref, () => ({
-        updateState() {
-            setMinute('02');
-            setSecond('00');
-        },
-        resetTimer() {
-            // eslint-disable-next-line no-console
-            const sec = parseInt(second);
-            const min = parseInt(minute === '00' ? '02' : minute);
-            const countDown = setInterval(() => {
-                // eslint-disable-next-line no-console
-                if (min === 0 && sec === 0) {
-                    setMinute('00');
-                    setSecond('00');
-                    clearInterval(countDown);
-                    onClear && onClear();
-                }
-                else {
-                    let secondstTmp = (sec - 1).toString();
-                    if (secondstTmp.length === 1) {
-                        secondstTmp = '0'.concat(secondstTmp);
-                    }
-                    setSecond(secondstTmp);
-                    if (sec === 0) {
-                        setSecond('59');
-                        const m = (min - 1).toString();
-                        setMinute('0' + m);
-                    }
-                }
-            }, 1000);
-            return () => {
-                clearInterval(countDown);
-            };
-        },
-    }));
-    return (React.createElement("div", { className: "flex flex-row items-center" },
-        React.createElement(TimerSVG, { width: width, height: width, fill: "#E7503D" }),
-        React.createElement("div", { className: "ml-2 flex flex-row" },
-            React.createElement("span", null,
-                minute,
-                ":"),
-            React.createElement("span", null, second))));
+  const width = 15;
+  const [minute, setMinute] = useState("00");
+  const [second, setSecond] = useState("10");
+  useEffect(() => {
+    const sec = parseInt(second);
+    const min = parseInt(minute);
+    const countDown = setInterval(() => {
+      if (min === 0 && sec === 0) {
+        setMinute("00");
+        setSecond("00");
+        clearInterval(countDown);
+        onClear && onClear();
+      } else {
+        let secondstTmp = (sec - 1).toString();
+        if (secondstTmp.length === 1) {
+          secondstTmp = "0".concat(secondstTmp);
+        }
+        setSecond(secondstTmp);
+        if (sec === 0) {
+          setSecond("59");
+          const m = (min - 1).toString();
+          setMinute("0" + m);
+        }
+      }
+    }, 1000);
+    return () => {
+      clearInterval(countDown);
+    };
+  });
+  useImperativeHandle(ref, () => ({
+    updateState() {
+      setMinute("02");
+      setSecond("00");
+    },
+    resetTimer() {
+      // eslint-disable-next-line no-console
+      const sec = parseInt(second);
+      const min = parseInt(minute === "00" ? "02" : minute);
+      const countDown = setInterval(() => {
+        // eslint-disable-next-line no-console
+        if (min === 0 && sec === 0) {
+          setMinute("00");
+          setSecond("00");
+          clearInterval(countDown);
+          onClear && onClear();
+        } else {
+          let secondstTmp = (sec - 1).toString();
+          if (secondstTmp.length === 1) {
+            secondstTmp = "0".concat(secondstTmp);
+          }
+          setSecond(secondstTmp);
+          if (sec === 0) {
+            setSecond("59");
+            const m = (min - 1).toString();
+            setMinute("0" + m);
+          }
+        }
+      }, 1000);
+      return () => {
+        clearInterval(countDown);
+      };
+    },
+  }));
+  return React.createElement(
+    "div",
+    { className: "flex flex-row items-center" },
+    React.createElement(TimerSVG, {
+      width: width,
+      height: width,
+      fill: "#E7503D",
+    }),
+    React.createElement(
+      "div",
+      { className: "ml-2 flex flex-row" },
+      React.createElement("span", null, minute, ":"),
+      React.createElement("span", null, second)
+    )
+  );
 });
-//# sourceMappingURL=timer.component.js.map
+//# sourceMappingURL=timer.component.js.map

package/lib/esm/core-components/atoms/timer/timer.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"timer.component.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/timer/timer.component.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"timer.component.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/timer/timer.component.tsx"],"names":[],"mappings":"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"}

package/lib/esm/core-components/atoms/timer/timer.component.test.js

@@ -1,15 +1,15 @@
 /* eslint-disable testing-library/await-async-query */
 /* eslint-disable testing-library/prefer-screen-queries */
 /* eslint-disable testing-library/render-result-naming-convention */
-import React from 'react';
-import { render } from '@core-utils';
-import { Timer as TimerComp } from './timer.component';
-it('render Timer correctly', () => {
-    const time = render(React.createElement(TimerComp, { onClear: () => { } }));
-    expect(time).toMatchSnapshot();
+import React from "react";
+import { render } from "@core-utils";
+import { Timer as TimerComp } from "./timer.component";
+it("render Timer correctly", () => {
+  const time = render(React.createElement(TimerComp, { onClear: () => {} }));
+  expect(time).toMatchSnapshot();
 });
-it('render Timer with minute correctly', () => {
-    const time = render(React.createElement(TimerComp, { onClear: () => { } }));
-    expect(time.findByText('minute')).toBeTruthy();
+it("render Timer with minute correctly", () => {
+  const time = render(React.createElement(TimerComp, { onClear: () => {} }));
+  expect(time.findByText("minute")).toBeTruthy();
 });
-//# sourceMappingURL=timer.component.test.js.map
+//# sourceMappingURL=timer.component.test.js.map

package/lib/esm/core-components/index.js

@@ -1,12 +1,12 @@
-export * from './atoms/buttons/buttons.component';
-export * from './atoms/check-box/checkBox.component';
-export * from './atoms/date-picker/date-picker.component';
-export * from './atoms/input/input-otp.component';
-export * from './atoms/input/input-pin.component';
-export * from './atoms/input/input.component';
-export * from './atoms/input-dropdown/input-dropdown.component';
-export * from './atoms/loader/loader.component';
-export * from './atoms/radio/radio.component';
-export * from './atoms/stepper/stepper.component';
-export * from './atoms/timer/timer.component';
-//# sourceMappingURL=index.js.map
+export * from "./atoms/buttons/buttons.component";
+export * from "./atoms/check-box/checkBox.component";
+export * from "./atoms/date-picker/date-picker.component";
+export * from "./atoms/input/input-otp.component";
+export * from "./atoms/input/input-pin.component";
+export * from "./atoms/input/input.component";
+export * from "./atoms/input-dropdown/input-dropdown.component";
+export * from "./atoms/loader/loader.component";
+export * from "./atoms/radio/radio.component";
+export * from "./atoms/stepper/stepper.component";
+export * from "./atoms/timer/timer.component";
+//# sourceMappingURL=index.js.map

package/lib/esm/core-utils/index.js

@@ -1,2 +1,2 @@
-export * from './unit-test.utils';
-//# sourceMappingURL=index.js.map
+export * from "./unit-test.utils";
+//# sourceMappingURL=index.js.map

package/lib/esm/core-utils/unit-test.utils.js

@@ -1,10 +1,10 @@
-import React from 'react';
-import { render as renderComponent } from '@testing-library/react';
+import React from "react";
+import { render as renderComponent } from "@testing-library/react";
 const Providers = ({ children }) => {
-    return React.createElement("div", null, children);
+  return React.createElement("div", null, children);
 };
 const render = (Component) => {
-    return renderComponent(Component, { wrapper: Providers });
+  return renderComponent(Component, { wrapper: Providers });
 };
 export { render, Providers };
-//# sourceMappingURL=unit-test.utils.js.map
+//# sourceMappingURL=unit-test.utils.js.map

package/lib/esm/index.js

@@ -1,2 +1,2 @@
-export * from './core-components';
-//# sourceMappingURL=index.js.map
+export * from "./core-components";
+//# sourceMappingURL=index.js.map

package/lib/esm/reportWebVitals.js

@@ -1,13 +1,13 @@
 const reportWebVitals = (onPerfEntry) => {
-    if (onPerfEntry && onPerfEntry instanceof Function) {
-        import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
-            getCLS(onPerfEntry);
-            getFID(onPerfEntry);
-            getFCP(onPerfEntry);
-            getLCP(onPerfEntry);
-            getTTFB(onPerfEntry);
-        });
-    }
+  if (onPerfEntry && onPerfEntry instanceof Function) {
+    import("web-vitals").then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
+      getCLS(onPerfEntry);
+      getFID(onPerfEntry);
+      getFCP(onPerfEntry);
+      getLCP(onPerfEntry);
+      getTTFB(onPerfEntry);
+    });
+  }
 };
 export default reportWebVitals;
-//# sourceMappingURL=reportWebVitals.js.map
+//# sourceMappingURL=reportWebVitals.js.map

package/lib/esm/setupTests.js

@@ -2,5 +2,5 @@
 // allows you to do things like:
 // expect(element).toHaveTextContent(/react/i)
 // learn more: https://github.com/testing-library/jest-dom
-import '@testing-library/jest-dom';
-//# sourceMappingURL=setupTests.js.map
+import "@testing-library/jest-dom";
+//# sourceMappingURL=setupTests.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-restyle-components",
-  "version": "0.1.28",
+  "version": "0.1.31",
   "private": false,
   "description": "Easy use restyle components",
   "main": "lib/cjs/index.js",
@@ -36,12 +36,20 @@
     "build": "tsc -p tsconfig.json  & tsc -p tsconfig-cjs.json",
     "test": "react-scripts test",
     "eject": "react-scripts eject",
+    "precommit": "lint-staged --allow-empty",
     "storybook": "start-storybook -p 6006 -s public",
     "build-storybook": "build-storybook -o docs-build",
-    "deploy-storybook": "gh-pages -d docs-build"
+    "deploy-storybook": "gh-pages -d docs-build",
+    "prettier": "prettier --write '**/*.{js,jsx}'",
+    "prepare": "husky install"
   },
   "files": [
-    "lib/"
+    "*.md",
+    "dist",
+    "lib"
+  ],
+  "sideEffects": [
+    "**/*.css"
   ],
   "eslintConfig": {
     "extends": [
@@ -86,6 +94,8 @@
     "@storybook/testing-library": "^0.0.10",
     "craco-alias": "^3.0.1",
     "gh-pages": "^3.2.3",
+    "husky": "^7.0.4",
+    "lint-staged": "^12.4.0",
     "node": "^17.7.2",
     "webpack": "^5.72.0"
   },
@@ -102,5 +112,11 @@
   "bugs": {
     "url": "https://github.com/appasaheb4/react-restyle-components/issues"
   },
-  "homepage": "https://github.com/appasaheb4/react-restyle-components#readme"
+  "homepage": "https://github.com/appasaheb4/react-restyle-components#readme",
+  "lint-staged": {
+    "*.{js,jsx,json,css,scss,md}": [
+      "prettier --write",
+      "git add"
+    ]
+  }
 }