react-restyle-components 0.1.14 → 0.1.17

package/README.md

@@ -1,46 +1,25 @@
-# Getting Started with Create React App
+# react-restyle-components
 
-This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
+Easy use restyle components
 
-## Available Scripts
+## Installation
 
-In the project directory, you can run:
+```
+npm i react-restyle-components
+or
+yarn add react-restyle-components
+```
 
-### `npm start`
+##
 
-Runs the app in the development mode.\
-Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
+```jsx
+import {Stepper} from 'react-restyle-components';
+```
 
-The page will reload if you make edits.\
-You will also see any lint errors in the console.
+### Outputs
 
-### `npm test`
+# Storybook
 
-Launches the test runner in the interactive watch mode.\
-See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.
+https://appasaheb4.github.io/react-restyle-components
 
-### `npm run build`
-
-Builds the app for production to the `build` folder.\
-It correctly bundles React in production mode and optimizes the build for the best performance.
-
-The build is minified and the filenames include the hashes.\
-Your app is ready to be deployed!
-
-See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.
-
-### `npm run eject`
-
-**Note: this is a one-way operation. Once you `eject`, you can’t go back!**
-
-If you aren’t satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.
-
-Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own.
-
-You don’t have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it.
-
-## Learn More
-
-You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).
-
-To learn React, check out the [React documentation](https://reactjs.org/).
+### More inforamtion watch youtube channel: https://www.youtube.com/tech-abl

package/lib/cjs/App.js

@@ -0,0 +1,20 @@
+"use strict";
+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"))));
+}
+exports.default = App;
+//# sourceMappingURL=App.js.map

package/lib/cjs/App.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"App.js","sourceRoot":"","sources":["../../src/App.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,0DAA8B;AAC9B,qBAAmB;AAEnB,SAAS,GAAG;IACV,OAAO,CACL,uCAAK,SAAS,EAAC,KAAK;QAClB,0CAAQ,SAAS,EAAC,YAAY;YAC5B,uCAAK,GAAG,EAAE,kBAAI,EAAE,SAAS,EAAC,UAAU,EAAC,GAAG,EAAC,MAAM,GAAG;YAClD;;gBACO,0DAAwB;uCAC3B;YACJ,qCACE,SAAS,EAAC,UAAU,EACpB,IAAI,EAAC,qBAAqB,EAC1B,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,kBAGvB,CACG,CACL,CACP,CAAC;AACJ,CAAC;AAED,kBAAe,GAAG,CAAC"}

package/lib/cjs/App.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 });
+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();
+});
+//# sourceMappingURL=App.test.js.map

package/lib/cjs/App.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"App.test.js","sourceRoot":"","sources":["../../src/App.test.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,kDAAwD;AACxD,gDAAwB;AAExB,IAAI,CAAC,0BAA0B,EAAE,GAAG,EAAE;IACpC,IAAA,cAAM,EAAC,8BAAC,aAAG,OAAG,CAAC,CAAC;IAChB,MAAM,WAAW,GAAG,cAAM,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IACrD,MAAM,CAAC,WAAW,CAAC,CAAC,iBAAiB,EAAE,CAAC;AAC1C,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,42 @@
+"use strict";
+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)
+            stepClass +=
+                ' 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)));
+};
+exports.Stepper = Stepper;
+//# sourceMappingURL=stepper.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"stepper.component.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/stepper/stepper.component.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AASnB,MAAM,OAAO,GAAG,CAAC,EACtB,SAAS,GAAG,EAAE,EACd,KAAK,EACL,WAAW,GAAG,CAAC,EACf,WAAW,GACE,EAAE,EAAE;IACjB,MAAM,UAAU,GAAG,GAAG,SAAS,sBAAsB,CAAC;IACtD,MAAM,aAAa,GACjB,oHAAoH,CAAC;IACvH,MAAM,KAAK,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;QACvC,IAAI,SAAS,GACX,+EAA+E,CAAC;QAClF,IAAI,KAAK,GAAG,WAAW;YACrB,SAAS;gBACP,sEAAsE,CAAC;aACtE,IAAI,KAAK,GAAG,WAAW;YAC1B,SAAS;gBACP,kFAAkF,CAAC;aAClF,IAAI,WAAW,KAAK,KAAK;YAC5B,SAAS,IAAI,mCAAmC,CAAC;QACnD,IAAI,OAAO,WAAW,KAAK,UAAU;YAAE,SAAS,IAAI,iBAAiB,CAAC;QACtE,OAAO,CACL,uCACE,GAAG,EAAE,IAAI,EACT,KAAK,EAAE,EAAC,IAAI,EAAE,GAAG,CAAC,KAAK,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,EAAC,EACvD,SAAS,EAAC,UAAU;YAEpB,wCACE,SAAS,EAAE,GAAG,SAAS,+CAA+C,EACtE,OAAO,EAAE,GAAG,EAAE;oBACZ,IAAI,OAAO,WAAW,KAAK,UAAU;wBAAE,WAAW,CAAC,KAAK,GAAG,CAAC,EAAE,IAAI,CAAC,CAAC;gBACtE,CAAC,IAEA,IAAI,CACA,CACH,CACP,CAAC;IACJ,CAAC,CAAC,CAAC;IACH,OAAO,CACL,uCAAK,SAAS,EAAE,UAAU;QACxB,uCAAK,SAAS,EAAC,iBAAiB;YAC9B,uCACE,SAAS,EAAE,aAAa,EACxB,KAAK,EAAE;oBACL,KAAK,EAAE,GAAG,CAAC,WAAW,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG;iBACtD;gBAED,uCAAK,SAAS,EAAC,oGAAoG,GAAG,CAClH;YACN,uCACE,SAAS,EACP,gIAAgI,EAElI,KAAK,EAAE;oBACL,UAAU,EAAE,GAAG,CAAC,WAAW,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG;oBAC1D,KAAK,EAAE,GAAG,GAAG,GAAG,CAAC,WAAW,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG;iBAC5D,GACI,CACH;QACN,uCAAK,SAAS,EAAC,mBAAmB,IAAE,KAAK,CAAO,CAC5C,CACP,CAAC;AACJ,CAAC,CAAC;AA9DW,QAAA,OAAO,WA8DlB"}

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

@@ -0,0 +1,13 @@
+"use strict";
+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 XB_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.component.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"stepper.component.test.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/stepper/stepper.component.test.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,6CAAmC;AACnC,2DAA4C;AAC5C,EAAE,CAAC,6BAA6B,EAAE,GAAG,EAAE;IACrC,MAAM,OAAO,GAAG,IAAA,oBAAM,EACpB,8BAAC,2BAAO,IACN,KAAK,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,EAC3B,WAAW,EAAE,CAAC,EACd,WAAW,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,EAAE,EAC5B,SAAS,EAAC,MAAM,GAChB,CACH,CAAC;IACF,MAAM,CAAC,OAAO,CAAC,CAAC,eAAe,EAAE,CAAC;AACpC,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,23 @@
+"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;
+/* eslint-disable @typescript-eslint/no-unused-vars */
+/* eslint-disable react/jsx-indent-props */
+const react_1 = __importDefault(require("react"));
+const stepper_component_1 = require("./stepper.component");
+// More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
+exports.default = {
+    title: 'Atoms/Stepper',
+    component: stepper_component_1.Stepper,
+    // More on argTypes: https://storybook.js.org/docs/react/api/argtypes
+    argTypes: {
+        backgroundColor: { control: 'color' },
+    },
+};
+// More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args
+const Primary = () => (react_1.default.createElement(stepper_component_1.Stepper, { steps: ['1', '2', '3', '4'], currentStep: 2, onStepClick: (currentStep, step) => { }, className: "mt-4" }));
+exports.Primary = Primary;
+//# sourceMappingURL=stepper.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"stepper.stories.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/stepper/stepper.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,sDAAsD;AACtD,2CAA2C;AAC3C,kDAA0B;AAE1B,2DAA4C;AAE5C,0GAA0G;AAC1G,kBAAe;IACb,KAAK,EAAE,eAAe;IACtB,SAAS,EAAE,2BAAO;IAClB,qEAAqE;IACrE,QAAQ,EAAE;QACR,eAAe,EAAE,EAAC,OAAO,EAAE,OAAO,EAAC;KACpC;CAC+B,CAAC;AAEnC,2GAA2G;AACpG,MAAM,OAAO,GAAmC,GAAG,EAAE,CAAC,CAC3D,8BAAC,2BAAO,IACN,KAAK,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,EAC3B,WAAW,EAAE,CAAC,EACd,WAAW,EAAE,CAAC,WAAW,EAAE,IAAI,EAAE,EAAE,GAAE,CAAC,EACtC,SAAS,EAAC,MAAM,GAChB,CACH,CAAC;AAPW,QAAA,OAAO,WAOlB"}

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

@@ -0,0 +1,18 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./atoms/stepper/stepper.component"), exports);
+//# sourceMappingURL=index.js.map

package/lib/cjs/core-components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core-components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,oEAAkD"}

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

@@ -0,0 +1,18 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./unit-test.utils"), exports);
+//# sourceMappingURL=index.js.map

package/lib/cjs/core-utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core-utils/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,oDAAkC"}

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

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Providers = exports.render = void 0;
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@testing-library/react");
+const Providers = ({ children }) => {
+    return react_1.default.createElement("div", null, children);
+};
+exports.Providers = Providers;
+const render = (Component) => {
+    return (0, react_2.render)(Component, { wrapper: Providers });
+};
+exports.render = render;
+//# sourceMappingURL=unit-test.utils.js.map

package/lib/cjs/core-utils/unit-test.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"unit-test.utils.js","sourceRoot":"","sources":["../../../src/core-utils/unit-test.utils.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,kDAAiE;AAEjE,MAAM,SAAS,GAAG,CAAC,EAAC,QAAQ,EAAM,EAAE,EAAE;IACpC,OAAO,2CAAM,QAAQ,CAAO,CAAC;AAC/B,CAAC,CAAC;AAMc,8BAAS;AAJzB,MAAM,MAAM,GAAG,CAAC,SAAsB,EAAE,EAAE;IACxC,OAAO,IAAA,cAAe,EAAC,SAAS,EAAE,EAAC,OAAO,EAAE,SAAS,EAAC,CAAC,CAAC;AAC1D,CAAC,CAAC;AAEM,wBAAM"}

package/lib/cjs/index.js

@@ -0,0 +1,18 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./core-components"), exports);
+//# sourceMappingURL=index.js.map

package/lib/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,oDAAkC"}

package/lib/cjs/reportWebVitals.js

@@ -0,0 +1,38 @@
+"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) {
+    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);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const reportWebVitals = (onPerfEntry) => {
+    if (onPerfEntry && onPerfEntry instanceof Function) {
+        Promise.resolve().then(() => __importStar(require('web-vitals'))).then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
+            getCLS(onPerfEntry);
+            getFID(onPerfEntry);
+            getFCP(onPerfEntry);
+            getLCP(onPerfEntry);
+            getTTFB(onPerfEntry);
+        });
+    }
+};
+exports.default = reportWebVitals;
+//# sourceMappingURL=reportWebVitals.js.map

package/lib/cjs/reportWebVitals.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reportWebVitals.js","sourceRoot":"","sources":["../../src/reportWebVitals.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAEA,MAAM,eAAe,GAAG,CAAC,WAA2B,EAAE,EAAE;IACtD,IAAI,WAAW,IAAI,WAAW,YAAY,QAAQ,EAAE;QAClD,kDAAO,YAAY,IAAE,IAAI,CAAC,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE;YACxE,MAAM,CAAC,WAAW,CAAC,CAAC;YACpB,MAAM,CAAC,WAAW,CAAC,CAAC;YACpB,MAAM,CAAC,WAAW,CAAC,CAAC;YACpB,MAAM,CAAC,WAAW,CAAC,CAAC;YACpB,OAAO,CAAC,WAAW,CAAC,CAAC;QACvB,CAAC,CAAC,CAAC;KACJ;AACH,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC"}

package/lib/cjs/setupTests.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+// jest-dom adds custom jest matchers for asserting on DOM nodes.
+// allows you to do things like:
+// expect(element).toHaveTextContent(/react/i)
+// learn more: https://github.com/testing-library/jest-dom
+require("@testing-library/jest-dom");
+//# sourceMappingURL=setupTests.js.map

package/lib/cjs/setupTests.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"setupTests.js","sourceRoot":"","sources":["../../src/setupTests.ts"],"names":[],"mappings":";;AAAA,iEAAiE;AACjE,gCAAgC;AAChC,8CAA8C;AAC9C,0DAA0D;AAC1D,qCAAmC"}

package/lib/esm/App.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import logo from './logo.svg';
+import './App.css';
+function App() {
+    return (React.createElement("div", { className: "App" },
+        React.createElement("header", { className: "App-header" },
+            React.createElement("img", { src: logo, className: "App-logo", alt: "logo" }),
+            React.createElement("p", null,
+                "Edit ",
+                React.createElement("code", null, "src/App.tsx"),
+                " and save to reload."),
+            React.createElement("a", { className: "App-link", href: "https://reactjs.org", target: "_blank", rel: "noopener noreferrer" }, "Learn React"))));
+}
+export default App;
+//# sourceMappingURL=App.js.map

package/lib/esm/App.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"App.js","sourceRoot":"","sources":["../../src/App.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,YAAY,CAAC;AAC9B,OAAO,WAAW,CAAC;AAEnB,SAAS,GAAG;IACV,OAAO,CACL,6BAAK,SAAS,EAAC,KAAK;QAClB,gCAAQ,SAAS,EAAC,YAAY;YAC5B,6BAAK,GAAG,EAAE,IAAI,EAAE,SAAS,EAAC,UAAU,EAAC,GAAG,EAAC,MAAM,GAAG;YAClD;;gBACO,gDAAwB;uCAC3B;YACJ,2BACE,SAAS,EAAC,UAAU,EACpB,IAAI,EAAC,qBAAqB,EAC1B,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,kBAGvB,CACG,CACL,CACP,CAAC;AACJ,CAAC;AAED,eAAe,GAAG,CAAC"}

package/lib/esm/App.test.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import App from './App';
+test('renders learn react link', () => {
+    render(React.createElement(App, null));
+    const linkElement = screen.getByText(/learn react/i);
+    expect(linkElement).toBeInTheDocument();
+});
+//# sourceMappingURL=App.test.js.map

package/lib/esm/App.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"App.test.js","sourceRoot":"","sources":["../../src/App.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,GAAG,MAAM,OAAO,CAAC;AAExB,IAAI,CAAC,0BAA0B,EAAE,GAAG,EAAE;IACpC,MAAM,CAAC,oBAAC,GAAG,OAAG,CAAC,CAAC;IAChB,MAAM,WAAW,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IACrD,MAAM,CAAC,WAAW,CAAC,CAAC,iBAAiB,EAAE,CAAC;AAC1C,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,35 @@
+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)
+            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)));
+};
+//# sourceMappingURL=stepper.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"stepper.component.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/stepper/stepper.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EACtB,SAAS,GAAG,EAAE,EACd,KAAK,EACL,WAAW,GAAG,CAAC,EACf,WAAW,GACE,EAAE,EAAE;IACjB,MAAM,UAAU,GAAG,GAAG,SAAS,sBAAsB,CAAC;IACtD,MAAM,aAAa,GACjB,oHAAoH,CAAC;IACvH,MAAM,KAAK,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;QACvC,IAAI,SAAS,GACX,+EAA+E,CAAC;QAClF,IAAI,KAAK,GAAG,WAAW;YACrB,SAAS;gBACP,sEAAsE,CAAC;aACtE,IAAI,KAAK,GAAG,WAAW;YAC1B,SAAS;gBACP,kFAAkF,CAAC;aAClF,IAAI,WAAW,KAAK,KAAK;YAC5B,SAAS,IAAI,mCAAmC,CAAC;QACnD,IAAI,OAAO,WAAW,KAAK,UAAU;YAAE,SAAS,IAAI,iBAAiB,CAAC;QACtE,OAAO,CACL,6BACE,GAAG,EAAE,IAAI,EACT,KAAK,EAAE,EAAC,IAAI,EAAE,GAAG,CAAC,KAAK,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,EAAC,EACvD,SAAS,EAAC,UAAU;YAEpB,8BACE,SAAS,EAAE,GAAG,SAAS,+CAA+C,EACtE,OAAO,EAAE,GAAG,EAAE;oBACZ,IAAI,OAAO,WAAW,KAAK,UAAU;wBAAE,WAAW,CAAC,KAAK,GAAG,CAAC,EAAE,IAAI,CAAC,CAAC;gBACtE,CAAC,IAEA,IAAI,CACA,CACH,CACP,CAAC;IACJ,CAAC,CAAC,CAAC;IACH,OAAO,CACL,6BAAK,SAAS,EAAE,UAAU;QACxB,6BAAK,SAAS,EAAC,iBAAiB;YAC9B,6BACE,SAAS,EAAE,aAAa,EACxB,KAAK,EAAE;oBACL,KAAK,EAAE,GAAG,CAAC,WAAW,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG;iBACtD;gBAED,6BAAK,SAAS,EAAC,oGAAoG,GAAG,CAClH;YACN,6BACE,SAAS,EACP,gIAAgI,EAElI,KAAK,EAAE;oBACL,UAAU,EAAE,GAAG,CAAC,WAAW,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG;oBAC1D,KAAK,EAAE,GAAG,GAAG,GAAG,CAAC,WAAW,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG;iBAC5D,GACI,CACH;QACN,6BAAK,SAAS,EAAC,mBAAmB,IAAE,KAAK,CAAO,CAC5C,CACP,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,8 @@
+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

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

@@ -0,0 +1 @@
+{"version":3,"file":"stepper.component.test.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/stepper/stepper.component.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,MAAM,EAAC,MAAM,aAAa,CAAC;AACnC,OAAO,EAAC,OAAO,EAAC,MAAM,qBAAqB,CAAC;AAC5C,EAAE,CAAC,6BAA6B,EAAE,GAAG,EAAE;IACrC,MAAM,OAAO,GAAG,MAAM,CACpB,oBAAC,OAAO,IACN,KAAK,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,EAC3B,WAAW,EAAE,CAAC,EACd,WAAW,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,EAAE,EAC5B,SAAS,EAAC,MAAM,GAChB,CACH,CAAC;IACF,MAAM,CAAC,OAAO,CAAC,CAAC,eAAe,EAAE,CAAC;AACpC,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,16 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+/* eslint-disable react/jsx-indent-props */
+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,
+    // More on argTypes: https://storybook.js.org/docs/react/api/argtypes
+    argTypes: {
+        backgroundColor: { control: 'color' },
+    },
+};
+// 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

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

@@ -0,0 +1 @@
+{"version":3,"file":"stepper.stories.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/stepper/stepper.stories.tsx"],"names":[],"mappings":"AAAA,sDAAsD;AACtD,2CAA2C;AAC3C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,OAAO,EAAC,MAAM,qBAAqB,CAAC;AAE5C,0GAA0G;AAC1G,eAAe;IACb,KAAK,EAAE,eAAe;IACtB,SAAS,EAAE,OAAO;IAClB,qEAAqE;IACrE,QAAQ,EAAE;QACR,eAAe,EAAE,EAAC,OAAO,EAAE,OAAO,EAAC;KACpC;CAC+B,CAAC;AAEnC,2GAA2G;AAC3G,MAAM,CAAC,MAAM,OAAO,GAAmC,GAAG,EAAE,CAAC,CAC3D,oBAAC,OAAO,IACN,KAAK,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,EAC3B,WAAW,EAAE,CAAC,EACd,WAAW,EAAE,CAAC,WAAW,EAAE,IAAI,EAAE,EAAE,GAAE,CAAC,EACtC,SAAS,EAAC,MAAM,GAChB,CACH,CAAC"}

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

@@ -0,0 +1,2 @@
+export * from './atoms/stepper/stepper.component';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core-components/index.ts"],"names":[],"mappings":"AAAA,cAAc,mCAAmC,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core-utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"unit-test.utils.js","sourceRoot":"","sources":["../../../src/core-utils/unit-test.utils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,MAAM,IAAI,eAAe,EAAC,MAAM,wBAAwB,CAAC;AAEjE,MAAM,SAAS,GAAG,CAAC,EAAC,QAAQ,EAAM,EAAE,EAAE;IACpC,OAAO,iCAAM,QAAQ,CAAO,CAAC;AAC/B,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,CAAC,SAAsB,EAAE,EAAE;IACxC,OAAO,eAAe,CAAC,SAAS,EAAE,EAAC,OAAO,EAAE,SAAS,EAAC,CAAC,CAAC;AAC1D,CAAC,CAAC;AAEF,OAAO,EAAC,MAAM,EAAE,SAAS,EAAC,CAAC"}

package/lib/esm/index.js

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

package/lib/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}

package/lib/esm/reportWebVitals.js

@@ -0,0 +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);
+        });
+    }
+};
+export default reportWebVitals;
+//# sourceMappingURL=reportWebVitals.js.map

package/lib/esm/reportWebVitals.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reportWebVitals.js","sourceRoot":"","sources":["../../src/reportWebVitals.ts"],"names":[],"mappings":"AAEA,MAAM,eAAe,GAAG,CAAC,WAA2B,EAAE,EAAE;IACtD,IAAI,WAAW,IAAI,WAAW,YAAY,QAAQ,EAAE;QAClD,MAAM,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE;YACxE,MAAM,CAAC,WAAW,CAAC,CAAC;YACpB,MAAM,CAAC,WAAW,CAAC,CAAC;YACpB,MAAM,CAAC,WAAW,CAAC,CAAC;YACpB,MAAM,CAAC,WAAW,CAAC,CAAC;YACpB,OAAO,CAAC,WAAW,CAAC,CAAC;QACvB,CAAC,CAAC,CAAC;KACJ;AACH,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/lib/esm/setupTests.js

@@ -0,0 +1,6 @@
+// jest-dom adds custom jest matchers for asserting on DOM nodes.
+// 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

package/lib/esm/setupTests.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"setupTests.js","sourceRoot":"","sources":["../../src/setupTests.ts"],"names":[],"mappings":"AAAA,iEAAiE;AACjE,gCAAgC;AAChC,8CAA8C;AAC9C,0DAA0D;AAC1D,OAAO,2BAA2B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-restyle-components",
-  "version": "0.1.14",
+  "version": "0.1.17",
   "private": false,
   "description": "Easy use restyle components",
   "types": "lib/index.d.ts",
@@ -17,7 +17,7 @@
     "@testing-library/react": "^13.1.1",
     "@testing-library/user-event": "^13.5.0",
     "@types/jest": "^27.4.1",
-    "@types/node": "^16.11.27",
+    "@types/node": "^17.0.25",
     "@types/react": "^18.0.5",
     "@types/react-dom": "^18.0.1",
     "react": "^18.0.0",
@@ -36,7 +36,8 @@
     "test": "react-scripts test",
     "eject": "react-scripts eject",
     "storybook": "start-storybook -p 6006 -s public",
-    "build-storybook": "build-storybook -s public"
+    "build-storybook": "build-storybook -o docs-build",
+    "deploy-storybook": "gh-pages -d docs-build"
   },
   "files": [
     "lib/"
@@ -82,6 +83,7 @@
     "@storybook/react": "^6.4.22",
     "@storybook/testing-library": "^0.0.10",
     "craco-alias": "^3.0.1",
+    "node": "^17.7.2",
     "webpack": "^5.72.0"
   },
   "keywords": [