react-restyle-components 0.1.45 → 0.1.46

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

@@ -1,19 +1,14 @@
-import React from "react";
-import { render } from "@core-utils";
-import { Tabs } from "./tabs.component";
-it("render Tabs correctly", () => {
-  const tabs = render(
-    React.createElement(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();
+import React from 'react';
+import { render } from '@core-utils';
+import { Tabs } from './tabs.component';
+it('render Tabs correctly', () => {
+    const tabs = render(React.createElement(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

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

@@ -1,86 +1,80 @@
 /* eslint-disable react/prop-types */
 /* eslint-disable @typescript-eslint/no-unused-expressions */
-import React, { useEffect, useState, useImperativeHandle } from "react";
-import { TimerSVG } from "../../../library/assets/svg";
+import React, { useEffect, useState, useImperativeHandle } from 'react';
+import { TimerSVG } from '../../../library/assets/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.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.test.js.map
+//# sourceMappingURL=timer.test.js.map

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

@@ -1,47 +1,26 @@
-import React from "react";
-import * as Material from "@mui/material";
-export const Tooltip = ({
-  tooltipText,
-  position = "bottom-start",
-  children,
-}) => {
-  const positionRef = React.useRef({
-    x: 0,
-    y: 0,
-  });
-  const popperRef = React.useRef(null);
-  const areaRef = React.useRef(null);
-  const handleMouseMove = (event) => {
-    positionRef.current = { x: event.clientX, y: event.clientY };
-    if (popperRef.current != null) {
-      popperRef.current.update();
-    }
-  };
-  return React.createElement(
-    Material.Tooltip,
-    {
-      title: tooltipText,
-      placement: "bottom-start",
-      arrow: true,
-      PopperProps: {
-        popperRef,
-        anchorEl: {
-          getBoundingClientRect: () => {
-            return new DOMRect(
-              positionRef.current.x,
-              areaRef.current.getBoundingClientRect().y + 22,
-              0,
-              0,
-            );
-          },
-        },
-      },
-    },
-    React.createElement(
-      Material.Box,
-      { ref: areaRef, onMouseMove: handleMouseMove },
-      children,
-    ),
-  );
+import React from 'react';
+import * as Material from '@mui/material';
+export const Tooltip = ({ tooltipText, position = 'bottom-start', children, }) => {
+    const positionRef = React.useRef({
+        x: 0,
+        y: 0,
+    });
+    const popperRef = React.useRef(null);
+    const areaRef = React.useRef(null);
+    const handleMouseMove = (event) => {
+        positionRef.current = { x: event.clientX, y: event.clientY };
+        if (popperRef.current != null) {
+            popperRef.current.update();
+        }
+    };
+    return (React.createElement(Material.Tooltip, { title: tooltipText, placement: "bottom-start", arrow: true, PopperProps: {
+            popperRef,
+            anchorEl: {
+                getBoundingClientRect: () => {
+                    return new DOMRect(positionRef.current.x, areaRef.current.getBoundingClientRect().y + 22, 0, 0);
+                },
+            },
+        } },
+        React.createElement(Material.Box, { ref: areaRef, onMouseMove: handleMouseMove }, children)));
 };
-//# sourceMappingURL=tooltip.component.js.map
+//# sourceMappingURL=tooltip.component.js.map

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

@@ -1,10 +1,10 @@
-import React from "react";
-import { render } from "@testing-library/react";
-import { Tooltip } from "./tooltip.component";
-describe("Tooltip component", () => {
-  it("render tooltip correctly", () => {
-    const tooltip = render(React.createElement(Tooltip, null));
-    expect(tooltip).toMatchSnapshot();
-  });
+import React from 'react';
+import { render } from '@testing-library/react';
+import { Tooltip } from './tooltip.component';
+describe('Tooltip component', () => {
+    it('render tooltip correctly', () => {
+        const tooltip = render(React.createElement(Tooltip, null));
+        expect(tooltip).toMatchSnapshot();
+    });
 });
-//# sourceMappingURL=tooltip.component.test.js.map
+//# sourceMappingURL=tooltip.component.test.js.map

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

@@ -1,14 +1,14 @@
-import { Tooltip } from "./tooltip.component";
+import { Tooltip } from './tooltip.component';
 const meta = {
-  title: "Design System/Atoms/Tooltip",
-  component: Tooltip,
-  tags: ["autodocs"],
-  parameters: {
-    componentSubtitle: `import { Tooltip } from 'react-restyle-components'`,
-  },
+    title: 'Design System/Atoms/Tooltip',
+    component: Tooltip,
+    tags: ['autodocs'],
+    parameters: {
+        componentSubtitle: `import { Tooltip } from 'react-restyle-components'`,
+    },
 };
 export default meta;
 export const Primary = {
-  args: {},
+    args: {},
 };
-//# sourceMappingURL=tooltip.stories.js.map
+//# sourceMappingURL=tooltip.stories.js.map

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

@@ -1,20 +1,20 @@
-import * as Form from "./atoms/form/form.component";
-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";
-export * from "./atoms/tooltip/tooltip.component";
-export * from "./atoms/icons/icons.component";
-export * from "./atoms/tabs/tabs.component";
-export * from "./molecules/css-multiline-input/css-multiline-input.component";
-export * from "./molecules/auto-complete-filter-multiple-select-multiple-fields-display/auto-complete-filter-multiple-select-multiple-fields-display.component";
-export * from "./molecules/auto-complete-filter-single-select-multiple-fields-display/auto-complete-filter-single-select-multiple-fields-display.component";
+import * as Form from './atoms/form/form.component';
+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';
+export * from './atoms/tooltip/tooltip.component';
+export * from './atoms/icons/icons.component';
+export * from './atoms/tabs/tabs.component';
+export * from './molecules/css-multiline-input/css-multiline-input.component';
+export * from './molecules/auto-complete-filter-multiple-select-multiple-fields-display/auto-complete-filter-multiple-select-multiple-fields-display.component';
+export * from './molecules/auto-complete-filter-single-select-multiple-fields-display/auto-complete-filter-single-select-multiple-fields-display.component';
 export { Form };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map