react-restyle-components 0.4.37 → 0.4.38

package/lib/src/core-components/src/utils/helpers/flattenChildren.js

@@ -1,11 +1 @@
-import React from 'react';
-import { isComponentType } from './isComponentType';
-// Source: https://github.com/grrowl/react-keyed-flatten-children/blob/master/index.ts
-export const flattenChildren = (children) => React.Children.toArray(children).reduce((acc, child) => {
-    if (isComponentType(child, React.Fragment)) {
-        return acc.concat(...flattenChildren(child.props.children));
-    }
-    else {
-        return acc.concat(child);
-    }
-}, []);
+"use strict";import t from"react";import{isComponentType as o}from"./isComponentType";export const flattenChildren=n=>t.Children.toArray(n).reduce((e,r)=>o(r,t.Fragment)?e.concat(...flattenChildren(r.props.children)):e.concat(r),[]);

package/lib/src/core-components/src/utils/helpers/getChildByType.js

@@ -1,3 +1 @@
-import React from 'react';
-import { isComponentType } from './isComponentType';
-export const getChildByType = (children, componentType) => React.Children.toArray(children).find((element) => isComponentType(element, componentType));
+"use strict";import e from"react";import{isComponentType as i}from"./isComponentType";export const getChildByType=(o,r)=>e.Children.toArray(o).find(t=>i(t,r));

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

@@ -1,5 +1 @@
-export * from './attachSubComponents';
-export * from './getChildByType';
-export * from './flattenChildren';
-export * from './isComponentType';
-export * from './separateChildrenByType';
+"use strict";export*from"./attachSubComponents";export*from"./getChildByType";export*from"./flattenChildren";export*from"./isComponentType";export*from"./separateChildrenByType";

package/lib/src/core-components/src/utils/helpers/isComponentType.js

@@ -1,16 +1 @@
-import React from 'react';
-/**
- * Checks if a ReactNode is an Element of some component.
- * Supports components that are styled using styled-components.
- * Returns false if element is not a ReactElement.
- *
- * @param element a react node to check
- * @param componentType the component type to check
- * @returns true if element is an element with type == componentType
- */
-export const isComponentType = (element, componentType) => {
-    if (!React.isValidElement(element))
-        return false;
-    return (element.type === componentType ||
-        element.type.target === componentType);
-};
+"use strict";import i from"react";export const isComponentType=(t,r)=>i.isValidElement(t)?t.type===r||t.type.target===r:!1;

package/lib/src/core-components/src/utils/helpers/separateChildrenByType.js

@@ -1,12 +1 @@
-import { isComponentType } from './isComponentType';
-import { flattenChildren } from './flattenChildren';
-export const separateChildrenByType = (children, ...componentTypes) => flattenChildren(children).reduce((acc, element) => {
-    const typeIndex = componentTypes.findIndex((componentType) => isComponentType(element, componentType));
-    if (typeIndex !== -1) {
-        acc[typeIndex].push(element);
-    }
-    else {
-        acc[componentTypes.length].push(element);
-    }
-    return acc;
-}, [...componentTypes.map(() => []), []]);
+"use strict";import{isComponentType as n}from"./isComponentType";import{flattenChildren as f}from"./flattenChildren";export const separateChildrenByType=(p,...r)=>f(p).reduce((e,t)=>{const i=r.findIndex(d=>n(t,d));return i!==-1?e[i].push(t):e[r.length].push(t),e},[...r.map(()=>[]),[]]);

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

@@ -1,18 +1 @@
-'use client';
-export * from './useClickOutside';
-export * from './useCombinedRefs';
-export * from './useDebouncedCallback';
-export * from './useDebouncedValue';
-export * from './useDeprecation';
-export * from './useDeviceDetect';
-export * from './useDeviceForm';
-export * from './useDisableBodyScroll';
-export * from './useHoverState';
-export * from './useId';
-export * from './useIsBrowser';
-export * from './useMediaQuery';
-export * from './useOverflow';
-export * from './useSafeLayoutEffect';
-export * from './useScrollingUp';
-export * from './useTrapFocus';
-export * from './useWindowDimensions';
+"use strict";"use client";export*from"./useClickOutside";export*from"./useCombinedRefs";export*from"./useDebouncedCallback";export*from"./useDebouncedValue";export*from"./useDeprecation";export*from"./useDeviceDetect";export*from"./useDeviceForm";export*from"./useDisableBodyScroll";export*from"./useHoverState";export*from"./useId";export*from"./useIsBrowser";export*from"./useMediaQuery";export*from"./useOverflow";export*from"./useSafeLayoutEffect";export*from"./useScrollingUp";export*from"./useTrapFocus";export*from"./useWindowDimensions";

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

@@ -1,18 +1 @@
-import { useEffect, useRef } from 'react';
-const CLICK_EVENTS = ['mousedown', 'touchstart'];
-export function useClickOutside(handler, targetRef) {
-    const defaultRef = useRef(null);
-    const ref = targetRef ?? defaultRef;
-    useEffect(() => {
-        const listener = (event) => {
-            if (ref.current && !ref.current.contains(event.target)) {
-                handler();
-            }
-        };
-        CLICK_EVENTS.forEach((fn) => document.addEventListener(fn, listener));
-        return () => {
-            CLICK_EVENTS.forEach((fn) => document.removeEventListener(fn, listener));
-        };
-    }, [ref, handler]);
-    return ref;
-}
+"use strict";import{useEffect as s,useRef as f}from"react";const o=["mousedown","touchstart"];export function useClickOutside(n,c){const u=f(null),t=c??u;return s(()=>{const r=e=>{t.current&&!t.current.contains(e.target)&&n()};return o.forEach(e=>document.addEventListener(e,r)),()=>{o.forEach(e=>document.removeEventListener(e,r))}},[t,n]),t}

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

@@ -1,17 +1 @@
-import { useCallback } from 'react';
-export function useCombinedRefs(
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-...refs) {
-    return useCallback((value) => {
-        refs.forEach((ref) => {
-            if (!ref)
-                return;
-            if (typeof ref === 'function') {
-                ref(value);
-            }
-            else {
-                ref.current = value;
-            }
-        });
-    }, []);
-}
+"use strict";import{useCallback as e}from"react";export function useCombinedRefs(...t){return e(o=>{t.forEach(n=>{n&&(typeof n=="function"?n(o):n.current=o)})},[])}

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

@@ -1,12 +1 @@
-import { useRef, useCallback } from 'react';
-export function useDebouncedCallback(func, deps, wait) {
-    const timeout = useRef();
-    return useCallback((...args) => {
-        const later = () => {
-            clearTimeout(timeout.current);
-            func(...args);
-        };
-        clearTimeout(timeout.current);
-        timeout.current = setTimeout(later, wait);
-    }, [func, wait, ...deps]);
-}
+"use strict";import{useRef as n,useCallback as l}from"react";export function useDebouncedCallback(t,u,r){const e=n();return l((...o)=>{const c=()=>{clearTimeout(e.current),t(...o)};clearTimeout(e.current),e.current=setTimeout(c,r)},[t,r,...u])}

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

@@ -1,20 +1 @@
-import { useEffect, useState, useRef } from 'react';
-export function useDebouncedValue(value, options = { wait: 300 }) {
-    const [debouncedValue, setValue] = useState(value);
-    const mountedRef = useRef(false);
-    const timeoutRef = useRef(null);
-    const cancel = () => window.clearTimeout(timeoutRef.current);
-    useEffect(() => {
-        if (mountedRef.current) {
-            cancel();
-            timeoutRef.current = window.setTimeout(() => {
-                setValue(value);
-            }, options.wait);
-        }
-    }, [value]);
-    useEffect(() => {
-        mountedRef.current = true;
-        return cancel;
-    }, []);
-    return [debouncedValue, cancel];
-}
+"use strict";import{useEffect as r,useState as f,useRef as o}from"react";export function useDebouncedValue(e,c={wait:300}){const[s,i]=f(e),u=o(!1),n=o(null),t=()=>window.clearTimeout(n.current);return r(()=>{u.current&&(t(),n.current=window.setTimeout(()=>{i(e)},c.wait))},[e]),r(()=>(u.current=!0,t),[]),[s,t]}

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

@@ -1,40 +1 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
-import React, { useEffect } from 'react';
-// Since we have no module bundler it's the only way to detect dev env
-export const isReactDevelopment = () => '_self' in React.createElement('div');
-export const useDeprecation = ({ name, message, version }) => {
-    if (!isReactDevelopment())
-        return;
-    useEffect(() => {
-        console.warn(`DEPRECATED: ${name} is deprecated and will be removed in version ${version}. ${message}`);
-    }, []);
-};
-export const useComponentDeprecation = ({ name, version, alternative, }) => {
-    useDeprecation({
-        name,
-        version,
-        message: alternative
-            ? `Please use ${alternative} component instead.`
-            : `Please remove it carefully.`,
-    });
-};
-export const usePropDeprecation = ({ name, value, version, alternative, }) => {
-    if (value) {
-        useDeprecation({
-            name,
-            version,
-            message: alternative
-                ? `Please use ${alternative} prop instead.`
-                : `Please remove it carefully.`,
-        });
-    }
-};
-export const usePropValueDeprecation = ({ component, prop, currentValue, deprecatedValues, version, }) => {
-    useEffect(() => {
-        if (!isReactDevelopment())
-            return;
-        if (deprecatedValues.includes(currentValue)) {
-            console.warn(`DEPRECATED: The ${currentValue} value for the ${prop} prop on the ${component} component is deprecated and will be removed in version ${version}.`);
-        }
-    }, [currentValue]);
-};
+"use strict";import i,{useEffect as t}from"react";export const isReactDevelopment=()=>"_self"in i.createElement("div"),useDeprecation=({name:o,message:s,version:e})=>{isReactDevelopment()&&t(()=>{console.warn(`DEPRECATED: ${o} is deprecated and will be removed in version ${e}. ${s}`)},[])},useComponentDeprecation=({name:o,version:s,alternative:e})=>{useDeprecation({name:o,version:s,message:e?`Please use ${e} component instead.`:"Please remove it carefully."})},usePropDeprecation=({name:o,value:s,version:e,alternative:n})=>{s&&useDeprecation({name:o,version:e,message:n?`Please use ${n} prop instead.`:"Please remove it carefully."})},usePropValueDeprecation=({component:o,prop:s,currentValue:e,deprecatedValues:n,version:r})=>{t(()=>{isReactDevelopment()&&n.includes(e)&&console.warn(`DEPRECATED: The ${e} value for the ${s} prop on the ${o} component is deprecated and will be removed in version ${r}.`)},[e])};

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

@@ -1,10 +1 @@
-import { useMemo } from 'react';
-export const useDeviceDetect = () => useMemo(() => {
-    if (typeof window !== 'undefined') {
-        return {
-            isMobile: !!navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i),
-            isFirefox: !!navigator.userAgent.toLowerCase().includes('firefox'),
-        };
-    }
-    return { isMobile: false, isFirefox: false };
-}, []);
+"use strict";import{useMemo as e}from"react";export const useDeviceDetect=()=>e(()=>typeof window<"u"?{isMobile:!!navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i),isFirefox:!!navigator.userAgent.toLowerCase().includes("firefox")}:{isMobile:!1,isFirefox:!1},[]);

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

@@ -1,24 +1 @@
-import { useWindowDimensions } from './useWindowDimensions';
-import { Size } from '../abstracts';
-export var DeviceFormFactor;
-(function (DeviceFormFactor) {
-    DeviceFormFactor["Mobile"] = "mobile";
-    DeviceFormFactor["Tablet"] = "tablet";
-    DeviceFormFactor["Laptop"] = "laptop";
-    DeviceFormFactor["Desktop"] = "desktop";
-})(DeviceFormFactor || (DeviceFormFactor = {}));
-export function useDeviceForm() {
-    const { width } = useWindowDimensions();
-    if (width < Size.MD) {
-        return DeviceFormFactor.Mobile;
-    }
-    else if (width < Size.MD2) {
-        return DeviceFormFactor.Tablet;
-    }
-    else if (width < Size.XL) {
-        return DeviceFormFactor.Laptop;
-    }
-    else {
-        return DeviceFormFactor.Desktop;
-    }
-}
+"use strict";import{useWindowDimensions as o}from"./useWindowDimensions";import{Size as t}from"../abstracts";export var DeviceFormFactor;(function(e){e.Mobile="mobile",e.Tablet="tablet",e.Laptop="laptop",e.Desktop="desktop"})(DeviceFormFactor||(DeviceFormFactor={}));export function useDeviceForm(){const{width:e}=o();return e<t.MD?DeviceFormFactor.Mobile:e<t.MD2?DeviceFormFactor.Tablet:e<t.XL?DeviceFormFactor.Laptop:DeviceFormFactor.Desktop}

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

@@ -1,16 +1 @@
-import { useEffect } from 'react';
-import { useId } from './useId';
-export const useDisableBackgroundScroll = (shouldDisableScroll, backgroundElement) => {
-    const className = useId('disable-scroll');
-    useEffect(() => {
-        if (!shouldDisableScroll)
-            return;
-        backgroundElement ??= document.body;
-        backgroundElement.classList.add(className);
-        return () => {
-            backgroundElement?.classList.remove(className);
-        };
-    }, [shouldDisableScroll, backgroundElement]);
-};
-/** @deprecated Prefer `useDisableBackgroundScroll` instead */
-export const useDisableBodyScroll = useDisableBackgroundScroll;
+"use strict";import{useEffect as t}from"react";import{useId as e}from"./useId";export const useDisableBackgroundScroll=(o,s)=>{const r=e("disable-scroll");t(()=>{if(o)return s??=document.body,s.classList.add(r),()=>{s?.classList.remove(r)}},[o,s])},useDisableBodyScroll=useDisableBackgroundScroll;

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

@@ -1,36 +1 @@
-import { useState, useCallback, useEffect } from 'react';
-export const useHoverState = (disabled = false) => {
-    const [isHovered, setIsHovered] = useState(false);
-    const [isActive, setIsActive] = useState(false);
-    const onMouseOver = useCallback(() => {
-        setIsHovered(true);
-    }, []);
-    const onMouseOut = useCallback(() => {
-        setIsHovered(false);
-    }, []);
-    const onMouseDown = useCallback(() => {
-        setIsActive(true);
-    }, []);
-    const onMouseUp = useCallback(() => {
-        setIsActive(false);
-    }, []);
-    useEffect(() => {
-        const event = () => {
-            if (isActive) {
-                onMouseUp();
-            }
-        };
-        document.addEventListener('mouseup', event);
-        return () => {
-            document.removeEventListener('mouseup', event);
-        };
-    }, [isActive, onMouseUp]);
-    const hoverState = disabled
-        ? 'disabled'
-        : isActive
-            ? 'active'
-            : isHovered
-                ? 'hover'
-                : 'default';
-    return { hoverState, onMouseOver, onMouseOut, onMouseDown, onMouseUp };
-};
+"use strict";import{useState as r,useCallback as e,useEffect as d}from"react";export const useHoverState=(c=!1)=>{const[a,o]=r(!1),[t,n]=r(!1),v=e(()=>{o(!0)},[]),f=e(()=>{o(!1)},[]),i=e(()=>{n(!0)},[]),s=e(()=>{n(!1)},[]);return d(()=>{const u=()=>{t&&s()};return document.addEventListener("mouseup",u),()=>{document.removeEventListener("mouseup",u)}},[t,s]),{hoverState:c?"disabled":t?"active":a?"hover":"default",onMouseOver:v,onMouseOut:f,onMouseDown:i,onMouseUp:s}};

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

@@ -1,7 +1 @@
-// import { useId as useReachId } from '@reach/auto-id';
-import { useId as useReactId } from 'react';
-const PREFIX = 'tech-abl-ui';
-export const useId = (prefix, id) => {
-    const randId = `${PREFIX}-${prefix}-${useReactId()}`;
-    return id ?? randId;
-};
+"use strict";import{useId as o}from"react";const r="tech-abl-ui";export const useId=(t,e)=>{const s=`${r}-${t}-${o()}`;return e??s};

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

@@ -1,11 +1 @@
-import { useEffect, useState } from 'react';
-// sometimes components cannot be rendered on the server.
-// so using `useEffect` ensures that the code is only rendered on the client side
-// use this hook to avoid hydration errors
-export const useIsBrowser = () => {
-    const [isBrowser, setIsBrowser] = useState(false);
-    useEffect(() => {
-        setIsBrowser(true);
-    }, []);
-    return isBrowser;
-};
+"use strict";import{useEffect as r,useState as t}from"react";export const useIsBrowser=()=>{const[e,s]=t(!1);return r(()=>{s(!0)},[]),e};

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

@@ -1,16 +1 @@
-import { useEffect, useState } from 'react';
-export const useMediaQuery = (query) => {
-    if (typeof window === 'undefined')
-        return false;
-    const [matches, setMatches] = useState(false);
-    useEffect(() => {
-        const media = window.matchMedia(query);
-        if (media.matches !== matches) {
-            setMatches(media.matches);
-        }
-        const listener = () => setMatches(media.matches);
-        window.addEventListener('resize', listener);
-        return () => window.removeEventListener('resize', listener);
-    }, [matches, query]);
-    return matches;
-};
+"use strict";import{useEffect as r,useState as a}from"react";export const useMediaQuery=s=>{if(typeof window>"u")return!1;const[e,n]=a(!1);return r(()=>{const t=window.matchMedia(s);t.matches!==e&&n(t.matches);const i=()=>n(t.matches);return window.addEventListener("resize",i),()=>window.removeEventListener("resize",i)},[e,s]),e};

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

@@ -1,22 +1 @@
-import { useState } from 'react';
-import { useSafeLayoutEffect } from './useSafeLayoutEffect';
-export const useOverflow = (ref) => {
-    const [isOverflow, setIsOverflow] = useState(false);
-    useSafeLayoutEffect(() => {
-        const { current } = ref;
-        const trigger = () => {
-            if (!current)
-                return;
-            const hasOverflow = current.scrollHeight > current.clientHeight;
-            setIsOverflow(hasOverflow);
-        };
-        let observer;
-        if (current) {
-            observer = new ResizeObserver(trigger);
-            observer.observe(current);
-            trigger();
-        }
-        return () => observer?.disconnect();
-    });
-    return isOverflow;
-};
+"use strict";import{useState as c}from"react";import{useSafeLayoutEffect as i}from"./useSafeLayoutEffect";export const useOverflow=o=>{const[s,n]=c(!1);return i(()=>{const{current:e}=o,t=()=>{if(!e)return;const f=e.scrollHeight>e.clientHeight;n(f)};let r;return e&&(r=new ResizeObserver(t),r.observe(e),t()),()=>r?.disconnect()}),s};

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

@@ -1,5 +1 @@
-import React from 'react';
-/**
- * Version of useLayoutEffect that doesn't throw errors in SSR.
- */
-export const useSafeLayoutEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;
+"use strict";import e from"react";export const useSafeLayoutEffect=typeof window<"u"?e.useLayoutEffect:e.useEffect;

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

@@ -1,18 +1 @@
-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;
-};
+"use strict";import{useEffect as c,useRef as i,useState as u}from"react";export const useScrollingUp=(e=!1)=>{if(typeof window>"u")return e;const[s,l]=u(e),r=i(window.scrollY);return c(()=>{const o=()=>{const n=window.pageYOffset,t=r.current>n;l(t),r.current=n};return window.addEventListener("scroll",o,{passive:!0}),()=>window.removeEventListener("scroll",o)},[]),s};

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

@@ -1,30 +1 @@
-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]);
-};
+"use strict";import{useEffect as c}from"react";export const keyDownHandler=(e,n,t)=>{t.key==="Tab"&&(!t.shiftKey&&document.activeElement===n&&(e.focus(),t.preventDefault()),t.shiftKey&&document.activeElement===e&&(n.focus(),t.preventDefault()))};const s=["a[href]","button:not([disabled])","textarea","input","select"];export const useTrapFocus=e=>{c(()=>{const n=e?.current?.querySelectorAll(s.join(", ")),t=n?.[0],r=n?.[n.length-1],o=keyDownHandler.bind(null,t,r);return e?.current?.addEventListener("keydown",o),()=>e?.current?.removeEventListener("keydown",o)},[e?.current])};

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

@@ -1,23 +1 @@
-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;
-}
+"use strict";import{useState as o,useEffect as s}from"react";function t(){const{innerWidth:n,innerHeight:e}=window;return{width:n,height:e}}export function useWindowDimensions(){const[n,e]=o({width:0,height:0});return s(()=>{e(t());function i(){e(t())}return window.addEventListener("resize",i),()=>window.removeEventListener("resize",i)},[]),n}

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

@@ -1,9 +1 @@
-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';
-export { tokens } from './designTokens';
+"use strict";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";export{tokens}from"./designTokens";

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

@@ -1,5 +1 @@
-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})`;
-};
+"use strict";export const calcWidthOfColumns=({columns:n,totalColumns:t,margin:r,gutter:c,maxWidth:$="100%"})=>{const e=(n-1)*c,s=2*r+(t-1)*c;return`calc(${e}px + ${n} * (${$} - ${s}px) / ${t})`};

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

@@ -1,15 +1,9 @@
-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});
+"use strict";export const createGridContainer=(a,t,i)=>`
+  --gap-count: calc(${t} - 1);
+  --total-gap-width: calc(var(--gap-count) * ${a});
+  --grid-item--max-width: calc((100% - var(--total-gap-width)) / ${t});
 
   display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(max(${gridItemMinWidth}, var(--grid-item--max-width)), 1fr));
-  grid-gap: ${gridLayoutGap};
+  grid-template-columns: repeat(auto-fill, minmax(max(${i}, var(--grid-item--max-width)), 1fr));
+  grid-gap: ${a};
 `;

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

@@ -1,8 +1,3 @@
-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(', ')};
+"use strict";import{css as r}from"styled-components";export const transitionDuration="0.2s",transitionTimingFunction="ease-in-out",createTransition=({properties:t,duration:n=transitionDuration,timingFunction:o=transitionTimingFunction})=>r`
+  transition: ${t.map(i=>`${i} ${n} ${o}`).join(", ")};
 `;

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

@@ -1,10 +1 @@
-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;
-    },
-});
+"use strict";import t from"@emotion/is-prop-valid";export const dontForwardProps=()=>({shouldForwardProp:(r,o)=>typeof o=="string"?t(r):!0});

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

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

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

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

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

@@ -1,14 +1 @@
-import clsx from 'clsx';
-import { twMerge } from 'tailwind-merge';
-export const cn = (...inputs) => {
-    return twMerge(clsx(inputs));
-};
-export const mapToArray = (arr) => {
-    const res = [];
-    arr.forEach(function (obj, index) {
-        const key = Object.keys(obj)[0];
-        const value = key;
-        res.push([value, obj[key]]);
-    });
-    return res;
-};
+"use strict";import c from"clsx";import{twMerge as s}from"tailwind-merge";export const cn=(...r)=>s(c(r)),mapToArray=r=>{const t=[];return r.forEach(function(o,p){const e=Object.keys(o)[0],n=e;t.push([n,o[e]])}),t};

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

@@ -1,3 +1 @@
-export * from './src/useClickOutside/useClickOutside.hook';
-export * from './src/useDebounce/useDebounce.hook';
-export * from './src/usePreventEKey/usePreventEKey.hook';
+"use strict";export*from"./src/useClickOutside/useClickOutside.hook";export*from"./src/useDebounce/useDebounce.hook";export*from"./src/usePreventEKey/usePreventEKey.hook";

package/lib/src/core-hooks/src/useClickOutside/useClickOutside.hook.js

@@ -1,46 +1 @@
-import { useEffect } from 'react';
-export const useClickOutside = (ref, handler) => {
-    useEffect(() => {
-        let startedInside = false;
-        let startedWhenMounted = false;
-        const listener = (event) => {
-            // Do nothing if `mousedown` or `touchstart` started inside ref element
-            if (startedInside || !startedWhenMounted)
-                return;
-            // Do nothing if clicking ref's element or descendent elements
-            if (!ref.current || ref.current.contains(event.target))
-                return;
-            handler(event);
-        };
-        const validateEventStart = (event) => {
-            startedWhenMounted = ref.current;
-            startedInside = ref.current && ref.current.contains(event.target);
-        };
-        document.addEventListener('mousedown', validateEventStart);
-        document.addEventListener('touchstart', validateEventStart);
-        document.addEventListener('click', listener);
-        return () => {
-            document.removeEventListener('mousedown', validateEventStart);
-            document.removeEventListener('touchstart', validateEventStart);
-            document.removeEventListener('click', listener);
-        };
-    }, [ref, handler]);
-};
-export const useClickOutsideWithoutInput = (ref, callback) => {
-    useEffect(() => {
-        const handleClickOutside = (event) => {
-            // Check if the target is an input element
-            if (event.target.tagName === 'INPUT') {
-                return; // Skip calling the callback if the target is an input
-            }
-            // Check if the click is outside the ref element
-            if (ref.current && !ref.current.contains(event.target)) {
-                callback();
-            }
-        };
-        document.addEventListener('mousedown', handleClickOutside);
-        return () => {
-            document.removeEventListener('mousedown', handleClickOutside);
-        };
-    }, [ref, callback]);
-};
+"use strict";import{useEffect as c}from"react";export const useClickOutside=(t,e)=>{c(()=>{let n=!1,r=!1;const s=u=>{n||!r||!t.current||t.current.contains(u.target)||e(u)},o=u=>{r=t.current,n=t.current&&t.current.contains(u.target)};return document.addEventListener("mousedown",o),document.addEventListener("touchstart",o),document.addEventListener("click",s),()=>{document.removeEventListener("mousedown",o),document.removeEventListener("touchstart",o),document.removeEventListener("click",s)}},[t,e])},useClickOutsideWithoutInput=(t,e)=>{c(()=>{const n=r=>{r.target.tagName!=="INPUT"&&t.current&&!t.current.contains(r.target)&&e()};return document.addEventListener("mousedown",n),()=>{document.removeEventListener("mousedown",n)}},[t,e])};