react-restyle-components 0.3.46 → 0.3.48

package/lib/src/core-components/src/utils/hooks/useScrollingUp.d.ts

@@ -0,0 +1,2 @@
+export declare const useScrollingUp: (initialState?: boolean) => boolean;
+//# sourceMappingURL=useScrollingUp.d.ts.map

package/lib/src/core-components/src/utils/hooks/useScrollingUp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollingUp.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/utils/hooks/useScrollingUp.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,qCAqB1B,CAAC"}

package/lib/src/core-components/src/utils/hooks/useScrollingUp.js

@@ -0,0 +1,18 @@
+import { useEffect, useRef, useState } from 'react';
+export const useScrollingUp = (initialState = false) => {
+    if (typeof window === 'undefined')
+        return initialState;
+    const [scrollingUp, setScrollingUp] = useState(initialState);
+    const prevScroll = useRef(window.scrollY);
+    useEffect(() => {
+        const handleScroll = () => {
+            const currScroll = window.pageYOffset;
+            const isScrolled = prevScroll.current > currScroll;
+            setScrollingUp(isScrolled);
+            prevScroll.current = currScroll;
+        };
+        window.addEventListener('scroll', handleScroll, { passive: true });
+        return () => window.removeEventListener('scroll', handleScroll);
+    }, []);
+    return scrollingUp;
+};

package/lib/src/core-components/src/utils/hooks/useTrapFocus.d.ts

@@ -0,0 +1,4 @@
+import { MutableRefObject } from 'react';
+export declare const keyDownHandler: (firstElement: HTMLElement, lastElement: HTMLElement, e: KeyboardEvent) => void;
+export declare const useTrapFocus: (ref: MutableRefObject<HTMLElement>) => void;
+//# sourceMappingURL=useTrapFocus.d.ts.map

package/lib/src/core-components/src/utils/hooks/useTrapFocus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTrapFocus.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/utils/hooks/useTrapFocus.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,gBAAgB,EAAY,MAAM,OAAO,CAAC;AAElD,eAAO,MAAM,cAAc,iBACX,WAAW,eACZ,WAAW,KACrB,aAAa,SAajB,CAAC;AAUF,eAAO,MAAM,YAAY,QAAS,iBAAiB,WAAW,CAAC,SAiB9D,CAAC"}

package/lib/src/core-components/src/utils/hooks/useTrapFocus.js

@@ -0,0 +1,30 @@
+import { useEffect } from 'react';
+export const keyDownHandler = (firstElement, lastElement, e) => {
+    if (e.key !== 'Tab')
+        return;
+    if (!e.shiftKey && document.activeElement === lastElement) {
+        firstElement.focus();
+        e.preventDefault();
+    }
+    if (e.shiftKey && document.activeElement === firstElement) {
+        lastElement.focus();
+        e.preventDefault();
+    }
+};
+const selectors = [
+    'a[href]',
+    'button:not([disabled])',
+    'textarea',
+    'input',
+    'select',
+];
+export const useTrapFocus = (ref) => {
+    useEffect(() => {
+        const focusableElements = ref?.current?.querySelectorAll(selectors.join(', '));
+        const firstElement = focusableElements?.[0];
+        const lastElement = focusableElements?.[focusableElements.length - 1];
+        const boundKeydownHandler = keyDownHandler.bind(null, firstElement, lastElement);
+        ref?.current?.addEventListener('keydown', boundKeydownHandler);
+        return () => ref?.current?.removeEventListener('keydown', boundKeydownHandler);
+    }, [ref?.current]);
+};

package/lib/src/core-components/src/utils/hooks/useWindowDimensions.d.ts

@@ -0,0 +1,5 @@
+export declare function useWindowDimensions(): {
+    width: number;
+    height: number;
+};
+//# sourceMappingURL=useWindowDimensions.d.ts.map

package/lib/src/core-components/src/utils/hooks/useWindowDimensions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWindowDimensions.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/utils/hooks/useWindowDimensions.ts"],"names":[],"mappings":"AAUA,wBAAgB,mBAAmB;;;EAkBlC"}

package/lib/src/core-components/src/utils/hooks/useWindowDimensions.js

@@ -0,0 +1,23 @@
+import { useState, useEffect } from 'react';
+function getWindowDimensions() {
+    const { innerWidth: width, innerHeight: height } = window;
+    return {
+        width,
+        height,
+    };
+}
+export function useWindowDimensions() {
+    const [windowDimensions, setWindowDimensions] = useState({
+        width: 0,
+        height: 0,
+    });
+    useEffect(() => {
+        setWindowDimensions(getWindowDimensions());
+        function handleResize() {
+            setWindowDimensions(getWindowDimensions());
+        }
+        window.addEventListener('resize', handleResize);
+        return () => window.removeEventListener('resize', handleResize);
+    }, []);
+    return windowDimensions;
+}

package/lib/src/core-components/src/utils/index.d.ts

@@ -1,2 +1,9 @@
 export * from './utility.util';
+export * from './context';
+export * from './helpers';
+export * from './hooks';
+export * from './stories';
+export * from './styling';
+export * from './testing';
+export * from './abstracts';
 //# sourceMappingURL=index.d.ts.map

package/lib/src/core-components/src/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/core-components/src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/core-components/src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAE/B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC"}

package/lib/src/core-components/src/utils/index.js

@@ -1 +1,8 @@
 export * from './utility.util';
+export * from './context';
+export * from './helpers';
+export * from './hooks';
+export * from './stories';
+export * from './styling';
+export * from './testing';
+export * from './abstracts';

package/lib/src/core-components/src/utils/stories/Wrappers.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export declare const Wrappers: {
+    Default: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+    Dashed: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+        $width?: string | undefined;
+    }>> & string;
+    TextInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+    Modal: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+    Row: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+    Test: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+};
+export declare const Decorators: Record<"Default" | "Dashed" | "TextInput" | "Modal" | "Row" | "Test", (Story: React.ComponentType) => JSX.Element>;
+//# sourceMappingURL=Wrappers.d.ts.map

package/lib/src/core-components/src/utils/stories/Wrappers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Wrappers.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/utils/stories/Wrappers.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,eAAO,MAAM,QAAQ;;;;;;;;;CAuCpB,CAAC;AAEF,eAAO,MAAM,UAAU,gFAWoB,MAAM,aAAa,KAAK,WAAW,CAAC,CAAC"}

package/lib/src/core-components/src/utils/stories/Wrappers.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { styled } from 'styled-components';
+export const Wrappers = {
+    Default: styled.div `
+    display: flex;
+    justify-content: flex-start;
+    padding: 2rem;
+  `,
+    Dashed: styled.div `
+    margin: auto;
+    ${({ $width }) => $width && `width: ${$width};`}
+    border: 2px dashed var(--aui-primary);
+    border-radius: 8px;
+    padding: 8px;
+  `,
+    TextInput: styled.div `
+    width: 250px;
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+    margin: auto;
+  `,
+    Modal: styled.div `
+    height: 100%;
+    margin: -1rem;
+  `,
+    Row: styled.div `
+    max-width: 100%;
+    flex-wrap: wrap;
+    display: flex;
+    gap: 10px;
+    align-items: center;
+    justify-content: center;
+  `,
+    Test: styled.div `
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+    width: min(100%, 600px);
+  `,
+};
+export const Decorators = Object.entries(Wrappers).reduce((acc, [title, Wrapper]) => ({
+    ...acc,
+    [title]: (Story) => (_jsx(Wrapper, { children: _jsx(Story, {}) })),
+}), {}
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+);

package/lib/src/core-components/src/utils/stories/cleanProps.d.ts

@@ -0,0 +1,2 @@
+export declare function cleanProps<T extends Record<string, unknown>>(object: T): T | undefined;
+//# sourceMappingURL=cleanProps.d.ts.map

package/lib/src/core-components/src/utils/stories/cleanProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cleanProps.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/utils/stories/cleanProps.ts"],"names":[],"mappings":"AAAA,wBAAgB,UAAU,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC1D,MAAM,EAAE,CAAC,GACR,CAAC,GAAG,SAAS,CAMf"}

package/lib/src/core-components/src/utils/stories/cleanProps.js

@@ -0,0 +1,5 @@
+export function cleanProps(object) {
+    return Object.entries(object)
+        .filter(([, val]) => val !== undefined)
+        .reduce((acc, [key, val]) => ({ ...acc, [key]: val }), {});
+}

package/lib/src/core-components/src/utils/stories/index.d.ts

@@ -0,0 +1,5 @@
+export * from './view-ports';
+export * from './cleanProps';
+export * from './sleep';
+export * from './Wrappers';
+//# sourceMappingURL=index.d.ts.map

package/lib/src/core-components/src/utils/stories/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/utils/stories/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC"}

package/lib/src/core-components/src/utils/stories/index.js

@@ -0,0 +1,4 @@
+export * from './view-ports';
+export * from './cleanProps';
+export * from './sleep';
+export * from './Wrappers';

package/lib/src/core-components/src/utils/stories/sleep.d.ts

@@ -0,0 +1,2 @@
+export declare function sleep(ms: number): Promise<unknown>;
+//# sourceMappingURL=sleep.d.ts.map

package/lib/src/core-components/src/utils/stories/sleep.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sleep.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/utils/stories/sleep.ts"],"names":[],"mappings":"AACA,wBAAsB,KAAK,CAAC,EAAE,EAAE,MAAM,oBAErC"}

package/lib/src/core-components/src/utils/stories/sleep.js

@@ -0,0 +1,4 @@
+// https://stackoverflow.com/a/39914235
+export async function sleep(ms) {
+    return new Promise((resolve) => setTimeout(resolve, ms));
+}

package/lib/src/core-components/src/utils/stories/view-ports.d.ts

@@ -0,0 +1,51 @@
+export declare const VIEWPORTS: {
+    sm: {
+        name: string;
+        styles: {
+            height: string;
+            width: string;
+        };
+        type: string;
+    };
+    md: {
+        name: string;
+        styles: {
+            height: string;
+            width: string;
+        };
+        type: string;
+    };
+    md2: {
+        name: string;
+        styles: {
+            height: string;
+            width: string;
+        };
+        type: string;
+    };
+    lg: {
+        name: string;
+        styles: {
+            height: string;
+            width: string;
+        };
+        type: string;
+    };
+    xl: {
+        name: string;
+        styles: {
+            height: string;
+            width: string;
+        };
+        type: string;
+    };
+    xxl: {
+        name: string;
+        styles: {
+            height: string;
+            width: string;
+        };
+        type: string;
+    };
+};
+//# sourceMappingURL=view-ports.d.ts.map

package/lib/src/core-components/src/utils/stories/view-ports.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"view-ports.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/utils/stories/view-ports.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiDrB,CAAC"}

package/lib/src/core-components/src/utils/stories/view-ports.js

@@ -0,0 +1,50 @@
+export const VIEWPORTS = {
+    sm: {
+        name: 'SM',
+        styles: {
+            height: '100%',
+            width: '375px',
+        },
+        type: 'mobile',
+    },
+    md: {
+        name: 'MD',
+        styles: {
+            height: '100%',
+            width: '768px',
+        },
+        type: 'mobile',
+    },
+    md2: {
+        name: 'MD2',
+        styles: {
+            height: '100%',
+            width: '1024px',
+        },
+        type: 'mobile',
+    },
+    lg: {
+        name: 'LG',
+        styles: {
+            height: '100%',
+            width: '1280px',
+        },
+        type: 'mobile',
+    },
+    xl: {
+        name: 'XL',
+        styles: {
+            height: '100%',
+            width: '1440px',
+        },
+        type: 'mobile',
+    },
+    xxl: {
+        name: 'XXL',
+        styles: {
+            height: '100%',
+            width: '1920px',
+        },
+        type: 'mobile',
+    },
+};

package/lib/src/core-components/src/utils/styling/calcWidthOfColumns.d.ts

@@ -0,0 +1,9 @@
+export type CalcWidthOfColumnsArgs = {
+    columns: number;
+    totalColumns: number;
+    margin: number;
+    gutter: number;
+    maxWidth?: string;
+};
+export declare const calcWidthOfColumns: ({ columns, totalColumns, margin, gutter, maxWidth, }: CalcWidthOfColumnsArgs) => string;
+//# sourceMappingURL=calcWidthOfColumns.d.ts.map

package/lib/src/core-components/src/utils/styling/calcWidthOfColumns.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calcWidthOfColumns.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/utils/styling/calcWidthOfColumns.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,sBAAsB,GAAG;IACnC,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,kBAAkB,yDAM5B,sBAAsB,WAKxB,CAAC"}

package/lib/src/core-components/src/utils/styling/calcWidthOfColumns.js

@@ -0,0 +1,5 @@
+export const calcWidthOfColumns = ({ columns, totalColumns, margin, gutter, maxWidth = '100%', }) => {
+    const internalGutters = (columns - 1) * gutter;
+    const guttersAndMargin = 2 * margin + (totalColumns - 1) * gutter;
+    return `calc(${internalGutters}px + ${columns} * (${maxWidth} - ${guttersAndMargin}px) / ${totalColumns})`;
+};

package/lib/src/core-components/src/utils/styling/createGridContainer.d.ts

@@ -0,0 +1,2 @@
+export declare const createGridContainer: (gridLayoutGap: string, gridColumnCount: number, gridItemMinWidth: string) => string;
+//# sourceMappingURL=createGridContainer.d.ts.map

package/lib/src/core-components/src/utils/styling/createGridContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createGridContainer.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/utils/styling/createGridContainer.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB,kBAEf,MAAM,mBAEJ,MAAM,oBAEL,MAAM,WASzB,CAAC"}

package/lib/src/core-components/src/utils/styling/createGridContainer.js

@@ -0,0 +1,15 @@
+export const createGridContainer = (
+/* Gap between columns, also known as "gutter" */
+gridLayoutGap, 
+/* Max number of columns in a row */
+gridColumnCount, 
+/* Min width of grid items before they wrap to a new row */
+gridItemMinWidth) => `
+  --gap-count: calc(${gridColumnCount} - 1);
+  --total-gap-width: calc(var(--gap-count) * ${gridLayoutGap});
+  --grid-item--max-width: calc((100% - var(--total-gap-width)) / ${gridColumnCount});
+
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(max(${gridItemMinWidth}, var(--grid-item--max-width)), 1fr));
+  grid-gap: ${gridLayoutGap};
+`;

package/lib/src/core-components/src/utils/styling/createTransition.d.ts

@@ -0,0 +1,8 @@
+export declare const transitionDuration = "0.2s";
+export declare const transitionTimingFunction = "ease-in-out";
+export declare const createTransition: ({ properties, duration, timingFunction, }: {
+    properties: string[];
+    duration?: string | undefined;
+    timingFunction?: string | undefined;
+}) => import("styled-components").RuleSet<object>;
+//# sourceMappingURL=createTransition.d.ts.map

package/lib/src/core-components/src/utils/styling/createTransition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createTransition.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/utils/styling/createTransition.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB,SAAS,CAAC;AACzC,eAAO,MAAM,wBAAwB,gBAAgB,CAAC;AAEtD,eAAO,MAAM,gBAAgB;gBAKf,MAAM,EAAE;;;iDAOrB,CAAC"}

package/lib/src/core-components/src/utils/styling/createTransition.js

@@ -0,0 +1,8 @@
+import { css } from 'styled-components';
+export const transitionDuration = '0.2s';
+export const transitionTimingFunction = 'ease-in-out';
+export const createTransition = ({ properties, duration = transitionDuration, timingFunction = transitionTimingFunction, }) => css `
+  transition: ${properties
+    .map((property) => `${property} ${duration} ${timingFunction}`)
+    .join(', ')};
+`;

package/lib/src/core-components/src/utils/styling/forwardProps.d.ts

@@ -0,0 +1,4 @@
+export declare const dontForwardProps: () => {
+    shouldForwardProp: (propName: string, target: any) => boolean;
+};
+//# sourceMappingURL=forwardProps.d.ts.map

package/lib/src/core-components/src/utils/styling/forwardProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"forwardProps.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/utils/styling/forwardProps.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,gBAAgB;kCACG,MAAM,UAAU,GAAG,KAAG,OAAO;CAM3D,CAAC"}

package/lib/src/core-components/src/utils/styling/forwardProps.js

@@ -0,0 +1,10 @@
+import isPropValid from '@emotion/is-prop-valid';
+// from styled-components docs: https://styled-components.com/docs/faqs#shouldforwardprop-is-no-longer-provided-by-default
+export const dontForwardProps = () => ({
+    shouldForwardProp: (propName, target) => {
+        if (typeof target === 'string') {
+            return isPropValid(propName);
+        }
+        return true;
+    },
+});

package/lib/src/core-components/src/utils/styling/index.d.ts

@@ -0,0 +1,6 @@
+export * from './calcWidthOfColumns';
+export * from './createGridContainer';
+export * from './createTransition';
+export * from './forwardProps';
+export * from './pxToRem';
+//# sourceMappingURL=index.d.ts.map

package/lib/src/core-components/src/utils/styling/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/utils/styling/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC"}

package/lib/src/core-components/src/utils/styling/index.js

@@ -0,0 +1,5 @@
+export * from './calcWidthOfColumns';
+export * from './createGridContainer';
+export * from './createTransition';
+export * from './forwardProps';
+export * from './pxToRem';

package/lib/src/core-components/src/utils/styling/pxToRem.d.ts

@@ -0,0 +1,2 @@
+export declare function pxToRem(sizeInPx: number): number;
+//# sourceMappingURL=pxToRem.d.ts.map

package/lib/src/core-components/src/utils/styling/pxToRem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pxToRem.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/utils/styling/pxToRem.ts"],"names":[],"mappings":"AAAA,wBAAgB,OAAO,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAOhD"}

package/lib/src/core-components/src/utils/styling/pxToRem.js

@@ -0,0 +1,6 @@
+export function pxToRem(sizeInPx) {
+    const computedStyle = typeof window !== 'undefined'
+        ? parseFloat(getComputedStyle(document.documentElement).fontSize)
+        : 16;
+    return sizeInPx / computedStyle;
+}

package/lib/src/core-components/src/utils/testing/getComputedStyle.d.ts

@@ -0,0 +1,2 @@
+export declare function getComputedStyle(element: HTMLElement, property: string): any;
+//# sourceMappingURL=getComputedStyle.d.ts.map

package/lib/src/core-components/src/utils/testing/getComputedStyle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getComputedStyle.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/utils/testing/getComputedStyle.ts"],"names":[],"mappings":"AAAA,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAEtE"}

package/lib/src/core-components/src/utils/testing/getComputedStyle.js

@@ -0,0 +1,3 @@
+export function getComputedStyle(element, property) {
+    return window.getComputedStyle(element)[property];
+}

package/lib/src/core-components/src/utils/testing/index.d.ts

@@ -0,0 +1,2 @@
+export * from './getComputedStyle';
+//# sourceMappingURL=index.d.ts.map

package/lib/src/core-components/src/utils/testing/index.d.ts.map

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

package/lib/src/core-components/src/utils/testing/index.js

@@ -0,0 +1 @@
+export * from './getComputedStyle';

package/lib/src/core-utils/index.d.ts

@@ -1,4 +1,4 @@
-export * from './src/utility.util';
+export * from './src/utility/utility.util';
 export * from './src/calculation/calculation.util';
 export * from './src/convert/numberToWords/numToWords.util';
 export * from './src/convert/typography/camelCaseToTitleCase.util';

package/lib/src/core-utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/core-utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,oCAAoC,CAAC;AACnD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,oDAAoD,CAAC;AACnE,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oCAAoC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/core-utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oCAAoC,CAAC;AACnD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,oDAAoD,CAAC;AACnE,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oCAAoC,CAAC"}

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

@@ -1,4 +1,4 @@
-export * from './src/utility.util';
+export * from './src/utility/utility.util';
 export * from './src/calculation/calculation.util';
 export * from './src/convert/numberToWords/numToWords.util';
 export * from './src/convert/typography/camelCaseToTitleCase.util';

package/lib/src/core-utils/src/index.d.ts

@@ -1,4 +1,4 @@
-export * from './utility.util';
+export * from './utility/utility.util';
 export * from './calculation/calculation.util';
 export * from './convert/numberToWords/numToWords.util';
 export * from './convert/typography/camelCaseToTitleCase.util';

package/lib/src/core-utils/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core-utils/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gCAAgC,CAAC;AAC/C,cAAc,yCAAyC,CAAC;AACxD,cAAc,gDAAgD,CAAC;AAC/D,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gCAAgC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core-utils/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,yCAAyC,CAAC;AACxD,cAAc,gDAAgD,CAAC;AAC/D,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gCAAgC,CAAC"}

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

@@ -1,4 +1,4 @@
-export * from './utility.util';
+export * from './utility/utility.util';
 export * from './calculation/calculation.util';
 export * from './convert/numberToWords/numToWords.util';
 export * from './convert/typography/camelCaseToTitleCase.util';

package/lib/src/core-utils/src/utility/utility.util.d.ts

@@ -0,0 +1,4 @@
+export declare const debounce: any;
+export declare const calculateHoursDifference: (date1: Date, date2: Date) => number;
+export declare const calculateHoursDifferenceDecimal: (date1: Date, date2: Date) => number;
+//# sourceMappingURL=utility.util.d.ts.map

package/lib/src/core-utils/src/utility/utility.util.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utility.util.d.ts","sourceRoot":"","sources":["../../../../../src/core-utils/src/utility/utility.util.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ,KAEb,CAAC;AAET,eAAO,MAAM,wBAAwB,UAAW,IAAI,SAAS,IAAI,KAAG,MAGnE,CAAC;AAEF,eAAO,MAAM,+BAA+B,UACnC,IAAI,SACJ,IAAI,KACV,MAGF,CAAC"}

package/lib/src/core-utils/src/utility/utility.util.js

@@ -0,0 +1,12 @@
+import * as _ from 'lodash';
+export const debounce = _.debounce((fun) => {
+    fun();
+}, 1000);
+export const calculateHoursDifference = (date1, date2) => {
+    const diffInMs = Math.abs(date2.getTime() - date1.getTime());
+    return Math.floor(diffInMs / (1000 * 60 * 60));
+};
+export const calculateHoursDifferenceDecimal = (date1, date2) => {
+    const diffInMs = Math.abs(date2.getTime() - date1.getTime());
+    return diffInMs / (1000 * 60 * 60);
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-restyle-components",
-  "version": "0.3.46",
+  "version": "0.3.48",
   "private": false,
   "description": "Easy use restyle components",
   "author": {
@@ -15,7 +15,7 @@
     "/lib"
   ],
   "scripts": {
-    "build": "rm -rf ./lib && tsc && chmod +x npm-publish.sh && sh ./npm-publish.sh",
+    "build": "rm -rf ./lib && tsc --build --clean && tsc && chmod +x npm-publish.sh && sh ./npm-publish.sh",
     "eject": "react-scripts eject",
     "precommit": "lint-staged --allow-empty",
     "storybook": "storybook dev -p 6006",
@@ -59,6 +59,7 @@
     "react-icons": "^5.5.0",
     "react-scripts": "5.0.1",
     "reactstrap": "^9.0.2",
+    "styled-components": "^6.1.19",
     "tailwind-merge": "^2.5.5",
     "typescript": "^4.9.5",
     "web-vitals": "^2.1.4"

package/lib/src/core-components/src/atoms/button/Button.spec.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.spec.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/atoms/button/Button.spec.tsx"],"names":[],"mappings":"AAEA,OAAO,2BAA2B,CAAC"}

package/lib/src/core-components/src/atoms/button/Button.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/atoms/button/Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,yBAAyB,EAAE,aAAa,EAAC,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAC,SAAS,EAAC,MAAM,kBAAkB,CAAC;AAE3C,MAAM,MAAM,WAAW,GAAG;IACxB,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,+BAA+B;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,GAAG;IAC3D,6CAA6C;IAC7C,EAAE,EAAE,MAAM,CAAC;IACX,0CAA0C;IAC1C,SAAS,EAAE,yBAAyB,CAClC,SAAS,GAAG,aAAa,CAAC,iBAAiB,CAAC,CAC7C,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,GAAG;IAC7D,8DAA8D;IAC9D,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gEAAgE;IAChE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,yFAAyF;IACzF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,kDAAkD;IAClD,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;CAC9B,CAAC"}

package/lib/src/core-components/src/atoms/button/button.component.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"button.component.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/atoms/button/button.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAK3C,eAAO,MAAM,MAAM,uIA0DlB,CAAC"}

package/lib/src/core-components/src/atoms/button/buttonGroup/buttonGroup.component.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"buttonGroup.component.d.ts","sourceRoot":"","sources":["../../../../../../../src/core-components/src/atoms/button/buttonGroup/buttonGroup.component.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAIhC,eAAO,MAAM,WAAW;cAKZ,SAAS;;;6CAepB,CAAC"}

package/lib/src/core-components/src/atoms/check-box/checkBox.component.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"checkBox.component.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/atoms/check-box/checkBox.component.tsx"],"names":[],"mappings":"AAMA,UAAU,aAAa;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;CAChC;AAED,eAAO,MAAM,QAAQ,wDAOlB,aAAa,4CAuCf,CAAC"}

package/lib/src/core-components/src/atoms/collapsible/collapsible.component.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"collapsible.component.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/atoms/collapsible/collapsible.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAItC,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AACD,eAAO,MAAM,WAAW,0EAOrB,gBAAgB,4CAkDlB,CAAC"}