react-restyle-components 0.4.46 → 0.4.47

package/lib/src/core-components/src/utils/abstracts/theme/ThemeBoundary.js

@@ -1,8 +1 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-export const ThemeBoundaryContext = React.createContext({
-    theme: null,
-});
-/** @experimental */
-export const ThemeBoundary = ({ theme, children }) => (_jsx(ThemeBoundaryContext.Provider, { value: { theme }, children: children }));
+"use strict";"use client";import{jsx as o}from"react/jsx-runtime";import r from"react";export const ThemeBoundaryContext=r.createContext({theme:null}),ThemeBoundary=({theme:e,children:t})=>o(ThemeBoundaryContext.Provider,{value:{theme:e},children:t});

package/lib/src/core-components/src/utils/abstracts/theme/default-themes.js

@@ -1,30 +1 @@
-import { colors } from '../colors';
-const DEFAULT_THEME = {
-    primary: colors.primaryDeep,
-    primaryHover: colors.primaryBright,
-    primaryPressed: colors.primaryDeeper,
-    textOnPrimary: colors.white,
-    secondary: colors.black,
-    secondaryHover: colors.neutralDeepest,
-    secondaryPressed: colors.black,
-    textOnSecondary: colors.white,
-    inverted: colors.white,
-    invertedHover: colors.neutralBrightest,
-    invertedPressed: colors.white,
-    textOnInverted: colors.black,
-};
-const PARTNER_THEME = {
-    primary: colors.black,
-    primaryHover: colors.neutralDeepest,
-    primaryPressed: colors.black,
-    textOnPrimary: colors.white,
-    secondary: colors.black,
-    secondaryHover: colors.neutralDeepest,
-    secondaryPressed: colors.black,
-    textOnSecondary: colors.white,
-    inverted: colors.white,
-    invertedHover: colors.neutralBrightest,
-    invertedPressed: colors.white,
-    textOnInverted: colors.black,
-};
-export { DEFAULT_THEME, PARTNER_THEME };
+"use strict";import{colors as e}from"../colors";const r={primary:e.primaryDeep,primaryHover:e.primaryBright,primaryPressed:e.primaryDeeper,textOnPrimary:e.white,secondary:e.black,secondaryHover:e.neutralDeepest,secondaryPressed:e.black,textOnSecondary:e.white,inverted:e.white,invertedHover:e.neutralBrightest,invertedPressed:e.white,textOnInverted:e.black},t={primary:e.black,primaryHover:e.neutralDeepest,primaryPressed:e.black,textOnPrimary:e.white,secondary:e.black,secondaryHover:e.neutralDeepest,secondaryPressed:e.black,textOnSecondary:e.white,inverted:e.white,invertedHover:e.neutralBrightest,invertedPressed:e.white,textOnInverted:e.black};export{r as DEFAULT_THEME,t as PARTNER_THEME};

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

@@ -1,3 +1 @@
-export { updateTheme } from './theme';
-export { default as useTheme } from './useTheme';
-export { ThemeBoundary } from './ThemeBoundary';
+"use strict";export{updateTheme}from"./theme";export{default as useTheme}from"./useTheme";export{ThemeBoundary}from"./ThemeBoundary";

package/lib/src/core-components/src/utils/abstracts/theme/theme.js

@@ -1,30 +1 @@
-import { DEFAULT_THEME, PARTNER_THEME } from './default-themes';
-const isObject = (value) => typeof value === 'object' && !Array.isArray(value);
-const hasThemeProps = (value) => Object.keys(DEFAULT_THEME).every((key) => key in value);
-const isValidTheme = (value) => isObject(value) && hasThemeProps(value);
-let themeSubscriptions = [];
-export let selectedTheme = DEFAULT_THEME;
-export const subscribeTheme = (listener) => themeSubscriptions.push(listener);
-export const unsubscribeTheme = (subToRemove) => {
-    themeSubscriptions = themeSubscriptions.filter((sub) => sub !== subToRemove);
-};
-export const getTheme = (theme) => {
-    if (isValidTheme(theme))
-        return theme;
-    else if (typeof theme === 'string') {
-        if (theme === 'techabl')
-            return DEFAULT_THEME;
-        else if (theme === 'partner')
-            return PARTNER_THEME;
-    }
-    console.warn('theme param is not valid, should be type of Theme or ThemeKey - provided: ', { theme });
-    return PARTNER_THEME;
-};
-export const updateTheme = (theme, 
-/**
-@deprecated overrides is deprecated and will be deleted in v3, please remove overrides param.
-*/
-overrides) => {
-    selectedTheme = { ...getTheme(theme), ...overrides };
-    themeSubscriptions.forEach((f) => f(selectedTheme));
-};
+"use strict";import{DEFAULT_THEME as o,PARTNER_THEME as s}from"./default-themes";const n=e=>typeof e=="object"&&!Array.isArray(e),c=e=>Object.keys(o).every(r=>r in e),p=e=>n(e)&&c(e);let t=[];export let selectedTheme=o;export const subscribeTheme=e=>t.push(e),unsubscribeTheme=e=>{t=t.filter(r=>r!==e)},getTheme=e=>{if(p(e))return e;if(typeof e=="string"){if(e==="techabl")return o;if(e==="partner")return s}return console.warn("theme param is not valid, should be type of Theme or ThemeKey - provided: ",{theme:e}),s},updateTheme=(e,r)=>{selectedTheme={...getTheme(e),...r},t.forEach(i=>i(selectedTheme))};

package/lib/src/core-components/src/utils/abstracts/theme/types.js

@@ -1 +1 @@
-export {};
+"use strict";export{};

package/lib/src/core-components/src/utils/abstracts/theme/useTheme.js

@@ -1,17 +1 @@
-'use client';
-import { useContext, useEffect, useState } from 'react';
-import { getTheme, selectedTheme, subscribeTheme, unsubscribeTheme, } from './theme';
-import { ThemeBoundaryContext } from './ThemeBoundary';
-const useTheme = () => {
-    const [theme, setTheme] = useState(selectedTheme);
-    useEffect(() => {
-        subscribeTheme(setTheme);
-        return () => unsubscribeTheme(setTheme);
-    }, []);
-    const { theme: themeFromBoundary } = useContext(ThemeBoundaryContext);
-    if (themeFromBoundary !== null) {
-        return getTheme(themeFromBoundary);
-    }
-    return theme;
-};
-export default useTheme;
+"use strict";"use client";import{useContext as m,useEffect as o,useState as u}from"react";import{getTheme as s,selectedTheme as n,subscribeTheme as h,unsubscribeTheme as c}from"./theme";import{ThemeBoundaryContext as f}from"./ThemeBoundary";const i=()=>{const[r,e]=u(n);o(()=>(h(e),()=>c(e)),[]);const{theme:t}=m(f);return t!==null?s(t):r};export default i;

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

@@ -1,25 +1 @@
-export const fontFamilies = {
-    default: 'Apercu, Arial, sans-serif',
-    mono: 'Apercu Mono, monospace',
-};
-export const getFontFamily = (family) => fontFamilies[family];
-export const fontFamily = fontFamilies.default;
-export const fontWeights = {
-    feather: 300,
-    base: 400,
-    heavy: 700,
-    black: 900,
-};
-export const fontSizes = {
-    0: '0.75rem',
-    1: '0.875rem',
-    2: '1rem',
-    3: '1.25rem',
-    4: '1.5rem',
-    5: '2rem',
-    6: '2.5rem',
-    7: '3rem',
-    8: '3.75rem', // 60px
-};
-export const getFontWeight = (weight) => fontWeights[weight];
-export const getFontSize = (size) => fontSizes[size];
+"use strict";export const fontFamilies={default:"Apercu, Arial, sans-serif",mono:"Apercu Mono, monospace"},getFontFamily=e=>fontFamilies[e],fontFamily=fontFamilies.default,fontWeights={feather:300,base:400,heavy:700,black:900},fontSizes={0:"0.75rem",1:"0.875rem",2:"1rem",3:"1.25rem",4:"1.5rem",5:"2rem",6:"2.5rem",7:"3rem",8:"3.75rem"},getFontWeight=e=>fontWeights[e],getFontSize=e=>fontSizes[e];

package/lib/src/core-components/src/utils/context/DefaultsProvider.js

@@ -1,8 +1 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useContext } from 'react';
-export const DefaultsContext = createContext({});
-export const DefaultsProvider = ({ value, children, }) => {
-    const currentDefaults = useContext(DefaultsContext);
-    return (_jsx(DefaultsContext.Provider, { value: { ...currentDefaults, ...value }, children: children }));
-};
+"use strict";"use client";import{jsx as o}from"react/jsx-runtime";import{createContext as s,useContext as n}from"react";export const DefaultsContext=s({}),DefaultsProvider=({value:t,children:e})=>{const r=n(DefaultsContext);return o(DefaultsContext.Provider,{value:{...r,...t},children:e})};

package/lib/src/core-components/src/utils/context/InternalProvider.js

@@ -1,24 +1 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useTheme } from '../abstracts/theme';
-import { ThemeProvider } from 'styled-components';
-const isJSDOM = () => navigator?.userAgent?.includes?.('jsdom');
-/**
- * Provides internal stuff we need for our components.
- * Injects Styled Components theme prop via context.
- */
-export const InternalProvider = ({ children, }) => {
-    const theme = useTheme();
-    // useEffect(() => {
-    //   const style = getComputedStyle(document.body);
-    //   const globalStylesExists = !!style.getPropertyValue(
-    //     '--aui-global-styles-exists'
-    //   );
-    //   if (!globalStylesExists && isReactDevelopment() && !isJSDOM()) {
-    //     console.error(
-    //       'ERROR: Your techabl UI components WILL BREAK in a future V4 minor version update. You must include GlobalStyles in your DOM.'
-    //     );
-    //   }
-    // }, []);
-    return _jsx(ThemeProvider, { theme: theme, children: children });
-};
+"use strict";"use client";import{jsx as o}from"react/jsx-runtime";import{useTheme as t}from"../abstracts/theme";import{ThemeProvider as s}from"styled-components";const c=()=>navigator?.userAgent?.includes?.("jsdom");export const InternalProvider=({children:e})=>{const r=t();return o(s,{theme:r,children:e})};

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

@@ -1,2 +1 @@
-export * from './DefaultsProvider';
-export * from './InternalProvider';
+"use strict";export*from"./DefaultsProvider";export*from"./InternalProvider";

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

@@ -1,128 +1 @@
-const tailwindConfig = require('../../tailwind.config.js');
-// const tailwindConfig = {
-//   theme: {
-//     extend: {
-//       colors: {
-//         current: 'currentColor',
-//         transparent: 'transparent',
-//         'text-base': '#ffffff',
-//         primary: '#454cbf',
-//         secondary: '#c57c85',
-//         accent: '#422a68',
-//         black: '#000000',
-//         grey: '#6A727F',
-//         grey_0: '#4a4a4a',
-//         grey_1: '#707070',
-//         light_1: '#ebebeb',
-//         white: '#ffffff',
-//         background: '#ffffff',
-//         light_white: '#f4f6f6',
-//         red: {
-//           DEFAULT: '#ff0000',
-//         },
-//         orange: '#ffae1a',
-//         mono: '#754c00',
-//         'border-red': '#ff0000',
-//         bgGrey: '#808080',
-//         stroke: '#E2E8F0',
-//         boxdark: '#24303F',
-//         'boxdark-2': '#1A222C',
-//         strokedark: '#2E3A47',
-//         content: '#000000',
-//         'form-strokedark': '#3d4d60',
-//         'form-input': '#1d2a39',
-//         'meta-1': '#DC3545',
-//         'meta-2': '#EFF2F7',
-//         'meta-3': '#10B981',
-//         'meta-4': '#313D4A',
-//         'meta-5': '#259AE6',
-//         'meta-6': '#FFBA00',
-//         'meta-7': '#FF6766',
-//         'meta-8': '#F0950C',
-//         'meta-9': '#E5E7EB',
-//         success: '#219653',
-//         danger: '#D34053',
-//         warning: '#FFA70B',
-//         // Design token colors - extending existing colors
-//         'token-surface': 'var(--surface)',
-//         'token-on-surface': 'var(--on-surface)',
-//         'token-primary': 'var(--primary)',
-//         'token-on-primary': 'var(--on-primary)',
-//         'token-outline': 'var(--outline)',
-//         'token-outline-soft': 'var(--outline-soft)',
-//         'token-success': 'var(--status-success)',
-//         'token-error': 'var(--status-error)',
-//         'token-warning': 'var(--status-warning)',
-//       },
-//       spacing: {
-//         'token-025': '0.125rem',
-//         'token-050': '0.25rem',
-//         'token-075': '0.375rem',
-//         'token-100': '0.5rem',
-//         'token-150': '0.75rem',
-//         'token-200': '1rem',
-//       },
-//       borderRadius: {
-//         'token-025': '0.125rem',
-//         'token-050': '0.25rem',
-//         'token-100': '0.5rem',
-//         'token-200': '1rem',
-//         'token-300': '1.5rem',
-//       },
-//       height: {
-//         'screen/2': '50vh',
-//         screen98: '98vh',
-//         screen96: '96vh',
-//         screen94: '94vh',
-//         screen92: '92vh',
-//       },
-//     },
-//   },
-// };
-const theme = tailwindConfig.theme.extend;
-// Helper to create CSS variable with fallback
-const cssVar = (varName, fallback) => `var(${varName}, ${fallback})`;
-// Extract all design tokens from tailwind.config.js
-// Using CSS fallback values to ensure colors work even when CSS variables aren't defined
-export const tokens = {
-    // Colors - with fallback values for environments where CSS variables aren't set
-    surface: cssVar('--surface', '#f9fafb'),
-    onSurface: cssVar('--on-surface', '#1f2937'),
-    primary: cssVar('--primary', '#3b82f6'),
-    onPrimary: cssVar('--on-primary', '#ffffff'),
-    outline: cssVar('--outline', '#e5e7eb'),
-    outlineSoft: cssVar('--outline-soft', '#f3f4f6'),
-    success: cssVar('--status-success', '#10b981'),
-    error: cssVar('--status-error', '#ef4444'),
-    warning: cssVar('--status-warning', '#f59e0b'),
-    red: theme.colors.red?.DEFAULT || '#ff0000',
-    darkGray: theme.colors.grey_0 || '#4a4a4a',
-    white: theme.colors.white || '#ffffff',
-    // Spacing
-    spacing025: theme.spacing['token-025'],
-    spacing050: theme.spacing['token-050'],
-    spacing075: theme.spacing['token-075'],
-    spacing100: theme.spacing['token-100'],
-    spacing150: theme.spacing['token-150'],
-    spacing200: theme.spacing['token-200'],
-    spacing300: theme.spacing['token-300'],
-    spacing400: theme.spacing['token-400'],
-    spacing500: theme.spacing['token-500'],
-    spacing600: theme.spacing['token-600'],
-    spacing800: theme.spacing['token-800'],
-    spacing1000: theme.spacing['token-1000'],
-    spacing1200: theme.spacing['token-1200'],
-    // Border Radius
-    borderRadius025: theme.borderRadius['token-025'],
-    borderRadius050: theme.borderRadius['token-050'],
-    borderRadius100: theme.borderRadius['token-100'],
-    borderRadius200: theme.borderRadius['token-200'],
-    borderRadius300: theme.borderRadius['token-300'],
-    borderRadius400: theme.borderRadius['token-400'],
-    borderRadiusNone: theme.borderRadius['token-none'],
-    borderRadiusRound: theme.borderRadius['token-round'],
-    // State Layer (from CSS variables, not in tailwind config)
-    stateLayerNone: 'var(--state-layer-none)',
-    stateLayerHover: 'var(--state-layer-hover)',
-    stateLayerPress: 'var(--state-layer-press)',
-};
+"use strict";const n=require("../../tailwind.config.js"),e=n.theme.extend,a=(r,s)=>`var(${r}, ${s})`;export const tokens={surface:a("--surface","#f9fafb"),onSurface:a("--on-surface","#1f2937"),primary:a("--primary","#3b82f6"),onPrimary:a("--on-primary","#ffffff"),outline:a("--outline","#e5e7eb"),outlineSoft:a("--outline-soft","#f3f4f6"),success:a("--status-success","#10b981"),error:a("--status-error","#ef4444"),warning:a("--status-warning","#f59e0b"),red:e.colors.red?.DEFAULT||"#ff0000",darkGray:e.colors.grey_0||"#4a4a4a",white:e.colors.white||"#ffffff",spacing025:e.spacing["token-025"],spacing050:e.spacing["token-050"],spacing075:e.spacing["token-075"],spacing100:e.spacing["token-100"],spacing150:e.spacing["token-150"],spacing200:e.spacing["token-200"],spacing300:e.spacing["token-300"],spacing400:e.spacing["token-400"],spacing500:e.spacing["token-500"],spacing600:e.spacing["token-600"],spacing800:e.spacing["token-800"],spacing1000:e.spacing["token-1000"],spacing1200:e.spacing["token-1200"],borderRadius025:e.borderRadius["token-025"],borderRadius050:e.borderRadius["token-050"],borderRadius100:e.borderRadius["token-100"],borderRadius200:e.borderRadius["token-200"],borderRadius300:e.borderRadius["token-300"],borderRadius400:e.borderRadius["token-400"],borderRadiusNone:e.borderRadius["token-none"],borderRadiusRound:e.borderRadius["token-round"],stateLayerNone:"var(--state-layer-none)",stateLayerHover:"var(--state-layer-hover)",stateLayerPress:"var(--state-layer-press)"};

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

@@ -1,23 +1 @@
-/**
- * Attaches subcomponents to a parent component for use in
- * composed components. Example:
- * ```tsx
- * <Parent>
- *    <Parent.Title>abc</Parent.Title>
- *    <Parent.Body prop1="foobar"/>
- * </Parent>
- * ```
- *
- * This function also sets displayname on the parent component
- * and all children component, and has the correct return type
- * for typescript.
- *
- * @param displayName topLevelComponent's displayName
- * @param topLevelComponent the parent element of the composed component
- * @param otherComponents an object of child components (keys are the names of the child components)
- * @returns the top level component with otherComponents as static properties
- */
-export function attachSubComponents(displayName, topLevelComponent, otherComponents) {
-    Object.values(otherComponents).forEach((component) => (component.displayName = `${displayName}.${component.displayName}`));
-    return Object.assign(topLevelComponent, { displayName }, otherComponents);
-}
+"use strict";export function attachSubComponents(a,e,t){return Object.values(t).forEach(c=>c.displayName=`${a}.${c.displayName}`),Object.assign(e,{displayName:a},t)}

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;