npm - react-restyle-components - Versions diffs - 0.1.28 → 0.1.31 - Mend

react-restyle-components 0.1.28 → 0.1.31

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (93) hide show

package/lib/cjs/core-components/atoms/loader/loader.stories.js CHANGED Viewed

@@ -1,18 +1,24 @@
 "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 loader_component_1 = require("./loader.component");
 // More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 exports.default = {
-    title: 'Atoms/Loader',
-    component: loader_component_1.Loader,
+  title: "Atoms/Loader",
+  component: loader_component_1.Loader,
 };
 // 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(loader_component_1.Loader, null)));
+const Primary = () =>
+  react_1.default.createElement(
+    "div",
+    { className: "flex flex-row" },
+    react_1.default.createElement(loader_component_1.Loader, null)
+  );
 exports.Primary = Primary;
-//# sourceMappingURL=loader.stories.js.map
+//# sourceMappingURL=loader.stories.js.map

package/lib/cjs/core-components/atoms/radio/radio.component.js CHANGED Viewed

@@ -1,15 +1,29 @@
 "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.Radio = void 0;
 const react_1 = __importDefault(require("react"));
-const checkedRadio_svg_1 = require("../../../library/assets/svg/checkedRadio.svg");
-const uncheckRadio_svg_1 = require("../../../library/assets/svg/uncheckRadio.svg");
+const checkedRadio_svg_1 = require("@assets/svg/checkedRadio.svg");
+const uncheckRadio_svg_1 = require("@assets/svg/uncheckRadio.svg");
 const Radio = ({ className, checked, onChange }) => {
-    const width = 20;
-    return (react_1.default.createElement("div", { className: `${className} flex flex-row mr-2`, onClick: onChange }, checked ? (react_1.default.createElement(checkedRadio_svg_1.ReactComponent, { width: width, height: width })) : (react_1.default.createElement(uncheckRadio_svg_1.ReactComponent, { width: width, height: width }))));
+  const width = 20;
+  return react_1.default.createElement(
+    "div",
+    { className: `${className} flex flex-row mr-2`, onClick: onChange },
+    checked
+      ? react_1.default.createElement(checkedRadio_svg_1.ReactComponent, {
+          width: width,
+          height: width,
+        })
+      : react_1.default.createElement(uncheckRadio_svg_1.ReactComponent, {
+          width: width,
+          height: width,
+        })
+  );
 };
 exports.Radio = Radio;
-//# sourceMappingURL=radio.component.js.map
+//# sourceMappingURL=radio.component.js.map

package/lib/cjs/core-components/atoms/radio/radio.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"radio.component.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/radio/radio.component.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,~~mFAA4F~~;~~AAC5F~~,~~mFAA4F~~;~~AAQrF~~,MAAM,KAAK,GAAG,CAAC,EAAC,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAa,EAAE,EAAE;IAClE,MAAM,KAAK,GAAG,EAAE,CAAC;IACjB,OAAO,CACL,uCAAK,SAAS,EAAE,GAAG,SAAS,qBAAqB,EAAE,OAAO,EAAE,QAAQ,IACjE,OAAO,CAAC,CAAC,CAAC,CACT,8BAAC,iCAAY,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,GAAI,CAC9C,CAAC,CAAC,CAAC,CACF,8BAAC,iCAAY,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,GAAI,CAC9C,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAXW,QAAA,KAAK,SAWhB"}
1	+ {"version":3,"file":"radio.component.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/radio/radio.component.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,mEAA4E;AAC5E,mEAA4E;AAQrE,MAAM,KAAK,GAAG,CAAC,EAAC,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAa,EAAE,EAAE;IAClE,MAAM,KAAK,GAAG,EAAE,CAAC;IACjB,OAAO,CACL,uCAAK,SAAS,EAAE,GAAG,SAAS,qBAAqB,EAAE,OAAO,EAAE,QAAQ,IACjE,OAAO,CAAC,CAAC,CAAC,CACT,8BAAC,iCAAY,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,GAAI,CAC9C,CAAC,CAAC,CAAC,CACF,8BAAC,iCAAY,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,GAAI,CAC9C,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAXW,QAAA,KAAK,SAWhB"}

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

@@ -1,14 +1,21 @@
 "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 XB_Radio correctly', () => {
-    const radio = (0, _core_utils_1.render)(react_1.default.createElement(radio_component_1.Radio, { checked: true, onChange: () => jest.fn() }));
-    expect(radio).toMatchSnapshot();
+it("render XB_Radio correctly", () => {
+  const radio = (0, _core_utils_1.render)(
+    react_1.default.createElement(radio_component_1.Radio, {
+      checked: true,
+      onChange: () => jest.fn(),
+    })
+  );
+  expect(radio).toMatchSnapshot();
 });
-//# sourceMappingURL=radio.component.test.js.map
+//# sourceMappingURL=radio.component.test.js.map

package/lib/cjs/core-components/atoms/radio/radio.stories.js CHANGED Viewed

@@ -1,20 +1,32 @@
 "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 radio_component_1 = require("./radio.component");
 // More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 exports.default = {
-    title: 'Atoms/Radio',
-    component: radio_component_1.Radio,
+  title: "Atoms/Radio",
+  component: radio_component_1.Radio,
 };
 // More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args
-const Primary = () => (react_1.default.createElement(react_1.default.Fragment, null,
-    react_1.default.createElement("div", { className: "flex flex-row" },
-        react_1.default.createElement(radio_component_1.Radio, { checked: true, onChange: () => { } }),
-        react_1.default.createElement("span", null, "Married"))));
+const Primary = () =>
+  react_1.default.createElement(
+    react_1.default.Fragment,
+    null,
+    react_1.default.createElement(
+      "div",
+      { className: "flex flex-row" },
+      react_1.default.createElement(radio_component_1.Radio, {
+        checked: true,
+        onChange: () => {},
+      }),
+      react_1.default.createElement("span", null, "Married")
+    )
+  );
 exports.Primary = Primary;
-//# sourceMappingURL=radio.stories.js.map
+//# sourceMappingURL=radio.stories.js.map

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

@@ -1,42 +1,85 @@
 "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.component.test.js CHANGED Viewed

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

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

@@ -1,7 +1,9 @@
 "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;
 /* eslint-disable @typescript-eslint/no-unused-vars */
@@ -10,10 +12,16 @@ 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,
+  title: "Atoms/Stepper",
+  component: stepper_component_1.Stepper,
 };
 // 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" }));
+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
+//# sourceMappingURL=stepper.stories.js.map

package/lib/cjs/core-components/atoms/timer/timer.component.js CHANGED Viewed

@@ -1,106 +1,133 @@
 "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.Timer = void 0;
 /* eslint-disable react/prop-types */
 /* eslint-disable @typescript-eslint/no-unused-expressions */
 const react_1 = __importStar(require("react"));
-const timer_svg_1 = require("../../../library/assets/svg/timer.svg");
+const timer_svg_1 = require("@assets/svg/timer.svg");
 // eslint-disable-next-line react/display-name
 exports.Timer = react_1.default.forwardRef(({ onClear }, ref) => {
-    const width = 15;
-    const [minute, setMinute] = (0, react_1.useState)('00');
-    const [second, setSecond] = (0, react_1.useState)('10');
-    (0, react_1.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);
-        };
-    });
-    (0, react_1.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_1.default.createElement("div", { className: "flex flex-row items-center" },
-        react_1.default.createElement(timer_svg_1.ReactComponent, { width: width, height: width, fill: "#E7503D" }),
-        react_1.default.createElement("div", { className: "ml-2 flex flex-row" },
-            react_1.default.createElement("span", null,
-                minute,
-                ":"),
-            react_1.default.createElement("span", null, second))));
+  const width = 15;
+  const [minute, setMinute] = (0, react_1.useState)("00");
+  const [second, setSecond] = (0, react_1.useState)("10");
+  (0, react_1.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);
+    };
+  });
+  (0, react_1.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_1.default.createElement(
+    "div",
+    { className: "flex flex-row items-center" },
+    react_1.default.createElement(timer_svg_1.ReactComponent, {
+      width: width,
+      height: width,
+      fill: "#E7503D",
+    }),
+    react_1.default.createElement(
+      "div",
+      { className: "ml-2 flex flex-row" },
+      react_1.default.createElement("span", null, minute, ":"),
+      react_1.default.createElement("span", null, second)
+    )
+  );
 });
-//# sourceMappingURL=timer.component.js.map
+//# sourceMappingURL=timer.component.js.map

package/lib/cjs/core-components/atoms/timer/timer.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"timer.component.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/timer/timer.component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qCAAqC;AACrC,6DAA6D;AAC7D,+CAA2E;AAC3E,~~qEAAiF~~;~~AAMjF~~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"}
1	+ {"version":3,"file":"timer.component.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/timer/timer.component.tsx"],"names":[],"mappings":"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"}

package/lib/cjs/core-components/atoms/timer/timer.component.test.js CHANGED Viewed

@@ -1,7 +1,9 @@
 "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/await-async-query */
 /* eslint-disable testing-library/prefer-screen-queries */
@@ -9,12 +11,20 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const _core_utils_1 = require("@core-utils");
 const timer_component_1 = require("./timer.component");
-it('render Timer correctly', () => {
-    const time = (0, _core_utils_1.render)(react_1.default.createElement(timer_component_1.Timer, { onClear: () => { } }));
-    expect(time).toMatchSnapshot();
+it("render Timer correctly", () => {
+  const time = (0, _core_utils_1.render)(
+    react_1.default.createElement(timer_component_1.Timer, {
+      onClear: () => {},
+    })
+  );
+  expect(time).toMatchSnapshot();
 });
-it('render Timer with minute correctly', () => {
-    const time = (0, _core_utils_1.render)(react_1.default.createElement(timer_component_1.Timer, { onClear: () => { } }));
-    expect(time.findByText('minute')).toBeTruthy();
+it("render Timer with minute correctly", () => {
+  const time = (0, _core_utils_1.render)(
+    react_1.default.createElement(timer_component_1.Timer, {
+      onClear: () => {},
+    })
+  );
+  expect(time.findByText("minute")).toBeTruthy();
 });
-//# sourceMappingURL=timer.component.test.js.map
+//# sourceMappingURL=timer.component.test.js.map