@kubit-ui-web/react-components 1.0.0-beta.1

package/dist/esm/designSystem/variants.d.ts

@@ -0,0 +1,111 @@
+export type Variants = {
+    ButtonVariantType?: object;
+    CheckboxVariantType?: object;
+    ContainerVariants?: object;
+    ButtonSizeType?: object;
+    ChipVariantType?: object;
+    AccordionVariantType?: object;
+    ActionBottomSheetVariantType?: object;
+    AvatarSize?: object;
+    BackToTopVariantsType?: object;
+    BadgeVariant?: object;
+    BadgeSize?: object;
+    BannerStateVariantType?: object;
+    BannerAlignType?: object;
+    BreadcrumbsVariantType?: object;
+    CalendarVariantType?: object;
+    CardImageStateVariantType?: object;
+    CardInformativeStateVariantType?: object;
+    CardSelectorVariantType?: object;
+    AccordionSideMenuVariantType?: object;
+    DotVariantType?: object;
+    DotSizeType?: object;
+    PopoverVariantType?: object;
+    CarouselVariantType?: object;
+    CheckboxWithLabelVariants?: object;
+    CommercialCardVariant?: object;
+    ConfirmationMessageVariantType?: object;
+    CrossellModuleVariantType?: object;
+    CssAnimationVariants?: object;
+    DividerVariantType?: object;
+    DrawerVariantType?: object;
+    LayoutVariantType?: object;
+    EmptyStateVariantType?: object;
+    EmptyStateStateType?: object;
+    FooterVariant?: object;
+    FunctionalitiesModuleVariantType?: object;
+    PrimaryTabsVariantType?: object;
+    HeaderVariantType?: object;
+    LinkVariantType?: object;
+    TextVariantType?: object;
+    HeaderStructureVariantType?: object;
+    IconHighlightedVariantType?: object;
+    InputVariantType?: object;
+    InputCounterVariant?: object;
+    InputCurrencyVariant?: object;
+    InputDateVariantType?: object;
+    InputDigitPasswordVariantType?: object;
+    InputDigitSequenceVariant?: object;
+    InputDropdownVariant?: object;
+    InputPasswordVariant?: object;
+    InputPhoneVariant?: object;
+    InputSearchVariant?: object;
+    LineSeparatorLabelVariantType?: object;
+    LineSeparatorLineVariantType?: object;
+    ListOptionsVariantType?: object;
+    OptionVariantType?: object;
+    LoaderVariantType?: object;
+    LoadingStateVariant?: object;
+    MediaButtonVariantType?: object;
+    MediaButtonIconSizeVariantType?: object;
+    MediaProgressBarVariantType?: object;
+    ProgressBarVariantType?: object;
+    ProgressBarSizeType?: object;
+    MessageVariantType?: object;
+    ModalVariantType?: object;
+    NavBarVariantType?: object;
+    NavigationCardVariantType?: object;
+    NavigationRowVariantType?: object;
+    OliveMenuVariant?: object;
+    OperativeLayoutVariantType?: object;
+    OverlayVariantType?: object;
+    PageControlVariant?: object;
+    ArrowsControlVariant?: object;
+    PageControlAutomateVariant?: object;
+    PaginationVariantsTheme?: object;
+    PillSelectorVariant?: object;
+    PillVariantType?: object;
+    PillSizeType?: object;
+    QuickButtonVariantType?: object;
+    QuickCardHighlightsVariantType?: object;
+    RadioButtonGroupVariantType?: object;
+    SecondaryTabsVariantType?: object;
+    SecondaryTabsSizeType?: object;
+    SelectorBoxVariant?: object;
+    SelectorBoxFileVariantType?: object;
+    SkeletonVariantType?: object;
+    SkeletonShapeVariant?: object;
+    SliderVariantType?: object;
+    SnackbarVariant?: object;
+    StatusCardVariantType?: object;
+    StepperNumberVariantType?: object;
+    StepperProgressVariants?: object;
+    SummaryDetailsVariantType?: object;
+    TableVariantType?: object;
+    TableHeaderVariantType?: object;
+    WizardVariantType?: object;
+    WizardFooterVariantType?: object;
+    VirtualKeyboardVariantType?: object;
+    ValidationStatusVariants?: object;
+    TooltipVariantType?: object;
+    ToggleVariantType?: object;
+    ToggleWithLabelVariantType?: object;
+    ThirdPartyAnimationVariantType?: object;
+    TextAreaVariantType?: object;
+    TagStatusType?: object;
+    TagOptionType?: object;
+    TagVariantType?: object;
+    VideoVariantType?: object;
+    DropdownSelectedVariantType?: object;
+    TextCountVariantType?: object;
+};

package/dist/esm/designSystem/variants.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=variants.js.map

package/dist/esm/designSystem/variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"variants.js","sourceRoot":"","sources":["../../../src/designSystem/variants.ts"],"names":[],"mappings":""}

package/dist/esm/hooks/index.d.ts

@@ -0,0 +1,17 @@
+export { useStyles } from './useStyles/useStyles';
+export * from './useMediaDevice/useMediaDevice';
+export * from './useMediaDevice/useActiveBreakpoints';
+export * from './useId/useId';
+export * from './useCheckbox/useCheckbox';
+export { useCustomHeightFromChildrens } from './useCustomHeightFromChildrens/useCustomHeightFromChildren';
+export * from './useClickOutside';
+export * from './useKeyPressed/useEscPressed';
+export * from './useKeyPressed/useKeyPressed';
+export * from './useScrollBlock/useScrollBlock';
+export * from './useRoveFocus/useRoveFocus';
+export * from './useTabs/useTabs';
+export * from './useInput/useInput';
+export * from './useManageState/useManageState';
+export { useScrollEffect } from './useScrollEffect/useScrollEffect';
+export * from './useScrollPosition/useScrollPosition';
+export { useZoomEffect } from './useZoomEffect/useZoomEffect';

package/dist/esm/hooks/index.js

@@ -0,0 +1,18 @@
+export { useStyles } from './useStyles/useStyles';
+export * from './useMediaDevice/useMediaDevice';
+export * from './useMediaDevice/useActiveBreakpoints';
+export * from './useId/useId';
+export * from './useCheckbox/useCheckbox';
+export { useCustomHeightFromChildrens } from './useCustomHeightFromChildrens/useCustomHeightFromChildren';
+export * from './useClickOutside';
+export * from './useKeyPressed/useEscPressed';
+export * from './useKeyPressed/useKeyPressed';
+export * from './useScrollBlock/useScrollBlock';
+export * from './useRoveFocus/useRoveFocus';
+export * from './useTabs/useTabs';
+export * from './useInput/useInput';
+export * from './useManageState/useManageState';
+export { useScrollEffect } from './useScrollEffect/useScrollEffect';
+export * from './useScrollPosition/useScrollPosition';
+export { useZoomEffect } from './useZoomEffect/useZoomEffect';
+//# sourceMappingURL=index.js.map

package/dist/esm/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,cAAc,iCAAiC,CAAC;AAChD,cAAc,uCAAuC,CAAC;AACtD,cAAc,eAAe,CAAC;AAC9B,cAAc,2BAA2B,CAAC;AAC1C,OAAO,EAAE,4BAA4B,EAAE,MAAM,4DAA4D,CAAC;AAC1G,cAAc,mBAAmB,CAAC;AAClC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,iCAAiC,CAAC;AAChD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iCAAiC,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AACpE,cAAc,uCAAuC,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC"}

package/dist/esm/hooks/useCheckbox/useCheckbox.d.ts

@@ -0,0 +1,10 @@
+type ParamsType = {
+    initialChecked: boolean;
+    disabled: boolean;
+};
+type ReturnType = {
+    isChecked: boolean;
+    handleToggleIsChecked: () => void;
+};
+export declare const useCheckbox: ({ initialChecked, disabled }: ParamsType) => ReturnType;
+export {};

package/dist/esm/hooks/useCheckbox/useCheckbox.js

@@ -0,0 +1,14 @@
+import { useState } from 'react';
+export const useCheckbox = ({ initialChecked, disabled }) => {
+    const [isChecked, setIsChecked] = useState(initialChecked);
+    const handleToggleIsChecked = () => {
+        if (!disabled) {
+            setIsChecked(!isChecked);
+        }
+    };
+    return {
+        isChecked,
+        handleToggleIsChecked,
+    };
+};
+//# sourceMappingURL=useCheckbox.js.map

package/dist/esm/hooks/useCheckbox/useCheckbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCheckbox.js","sourceRoot":"","sources":["../../../../src/hooks/useCheckbox/useCheckbox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAYjC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,cAAc,EAAE,QAAQ,EAAc,EAAc,EAAE;IAClF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC;IAE3D,MAAM,qBAAqB,GAAe,GAAG,EAAE;QAC7C,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,YAAY,CAAC,CAAC,SAAS,CAAC,CAAC;QAC3B,CAAC;IACH,CAAC,CAAC;IAEF,OAAO;QACL,SAAS;QACT,qBAAqB;KACtB,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/hooks/useClickOutside/index.d.ts

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

package/dist/esm/hooks/useClickOutside/index.js

@@ -0,0 +1,2 @@
+export * from './useClickOutside';
+//# sourceMappingURL=index.js.map

package/dist/esm/hooks/useClickOutside/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/hooks/useClickOutside/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}

package/dist/esm/hooks/useClickOutside/samples/index.d.ts

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

package/dist/esm/hooks/useClickOutside/samples/index.js

@@ -0,0 +1,2 @@
+export * from './useClickOutside.sample';
+//# sourceMappingURL=index.js.map

package/dist/esm/hooks/useClickOutside/samples/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/hooks/useClickOutside/samples/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC"}

package/dist/esm/hooks/useClickOutside/samples/useClickOutside.sample.d.ts

@@ -0,0 +1 @@
+export declare const UseClickOutsideSample: () => JSX.Element;

package/dist/esm/hooks/useClickOutside/samples/useClickOutside.sample.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { useClickOutside } from '../../../hooks/useClickOutside';
+const C_BLACK = 'black';
+const C_RED = 'red';
+export const UseClickOutsideSample = () => (_jsx("div", { style: {
+        height: 300,
+        width: 300,
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+    }, children: _jsx(WithHookComponent, {}) }));
+const WithHookComponent = () => {
+    const ref = React.useRef(null);
+    const [backgroundColor, setBackgroundColor] = React.useState(C_BLACK);
+    const onClickOutside = React.useCallback(() => setBackgroundColor(prevState => (prevState === C_BLACK ? C_RED : C_BLACK)), [setBackgroundColor]);
+    useClickOutside(ref, onClickOutside);
+    return (_jsx("div", { ref: ref, style: {
+            height: 100,
+            width: 100,
+            display: 'flex',
+            justifyContent: 'center',
+            alignItems: 'center',
+            textAlign: 'center',
+            color: 'white',
+            backgroundColor,
+        }, children: "Click outside me" }));
+};
+//# sourceMappingURL=useClickOutside.sample.js.map

package/dist/esm/hooks/useClickOutside/samples/useClickOutside.sample.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClickOutside.sample.js","sourceRoot":"","sources":["../../../../../src/hooks/useClickOutside/samples/useClickOutside.sample.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE1D,MAAM,OAAO,GAAG,OAAO,CAAC;AACxB,MAAM,KAAK,GAAG,KAAK,CAAC;AAEpB,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAgB,EAAE,CAAC,CACtD,cACE,KAAK,EAAE;QACL,MAAM,EAAE,GAAG;QACX,KAAK,EAAE,GAAG;QACV,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;KACrB,YAED,KAAC,iBAAiB,KAAG,GACjB,CACP,CAAC;AAEF,MAAM,iBAAiB,GAAG,GAAG,EAAE;IAC7B,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC/B,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IACtE,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CACtC,GAAG,EAAE,CAAC,kBAAkB,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,SAAS,KAAK,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,EAChF,CAAC,kBAAkB,CAAC,CACrB,CAAC;IACF,eAAe,CAAC,GAAG,EAAE,cAAc,CAAC,CAAC;IACrC,OAAO,CACL,cACE,GAAG,EAAE,GAAG,EACR,KAAK,EAAE;YACL,MAAM,EAAE,GAAG;YACX,KAAK,EAAE,GAAG;YACV,OAAO,EAAE,MAAM;YACf,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,QAAQ;YACpB,SAAS,EAAE,QAAQ;YACnB,KAAK,EAAE,OAAO;YACd,eAAe;SAChB,iCAGG,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/hooks/useClickOutside/useClickOutside.d.ts

@@ -0,0 +1 @@
+export declare const useClickOutside: (ref: React.MutableRefObject<HTMLElement | null>, onClickOutside: (event: MouseEvent) => void, preventOnClickElements?: (HTMLElement | null | undefined)[] | undefined) => void | null;

package/dist/esm/hooks/useClickOutside/useClickOutside.js

@@ -0,0 +1,19 @@
+import { useEffect } from 'react';
+export const useClickOutside = (ref, onClickOutside, preventOnClickElements = []) => {
+    useEffect(() => {
+        function handleClickOutside(event) {
+            if (ref.current &&
+                !ref.current.contains(event.target) &&
+                !preventOnClickElements.some(element => element?.contains(event.target))) {
+                onClickOutside(event);
+            }
+        }
+        // Bind the event listener
+        document.addEventListener('mouseup', handleClickOutside);
+        return () => {
+            // Unbind the event listener on clean up
+            document.removeEventListener('mouseup', handleClickOutside);
+        };
+    }, [ref, onClickOutside, preventOnClickElements]);
+};
+//# sourceMappingURL=useClickOutside.js.map

package/dist/esm/hooks/useClickOutside/useClickOutside.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClickOutside.js","sourceRoot":"","sources":["../../../../src/hooks/useClickOutside/useClickOutside.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,CAAC,MAAM,eAAe,GAAG,CAC7B,GAA+C,EAC/C,cAA2C,EAC3C,yBAAyE,EAAE,EAC9D,EAAE;IACf,SAAS,CAAC,GAAG,EAAE;QACb,SAAS,kBAAkB,CAAC,KAAiB;YAC3C,IACE,GAAG,CAAC,OAAO;gBACX,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC;gBAC3C,CAAC,sBAAsB,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,CAAC,EAChF,CAAC;gBACD,cAAc,CAAC,KAAK,CAAC,CAAC;YACxB,CAAC;QACH,CAAC;QAED,0BAA0B;QAC1B,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,kBAAkB,CAAC,CAAC;QACzD,OAAO,GAAG,EAAE;YACV,wCAAwC;YACxC,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,kBAAkB,CAAC,CAAC;QAC9D,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,GAAG,EAAE,cAAc,EAAE,sBAAsB,CAAC,CAAC,CAAC;AACpD,CAAC,CAAC"}

package/dist/esm/hooks/useCustomHeightFromChildrens/helpers/height.d.ts

@@ -0,0 +1 @@
+export declare const getHeight: (element: HTMLElement[], limit: number) => string;

package/dist/esm/hooks/useCustomHeightFromChildrens/helpers/height.js

@@ -0,0 +1,42 @@
+/* eslint-disable complexity */
+// Set list options height when not use the ActionbottomSheet
+export const getHeight = (element, limit) => {
+    const REM_MEASURE = 16;
+    let numItemsPrinted = 0;
+    let listIndex = 0;
+    let isTitle = true;
+    let top = null;
+    let bottom = null;
+    for (let i = 0; i < limit; i++) {
+        // check if there are no more items in the current list to loop through the next one
+        if (!element[listIndex]?.children[i - numItemsPrinted]) {
+            numItemsPrinted += element[listIndex]?.childElementCount;
+            listIndex++;
+            isTitle = true;
+        }
+        // check if list exists
+        if (!element[listIndex]) {
+            break;
+        }
+        // check if it's a title or list item and add its height
+        if (element[listIndex].previousSibling && isTitle) {
+            isTitle = false;
+            numItemsPrinted++;
+            if (top === null) {
+                top = element[listIndex].previousSibling?.getBoundingClientRect().top;
+            }
+            bottom = element[listIndex].previousSibling?.getBoundingClientRect().bottom;
+        }
+        else {
+            if (top === null) {
+                top = element[listIndex].children[i - numItemsPrinted]?.getBoundingClientRect().top;
+            }
+            bottom = element[listIndex].children[i - numItemsPrinted]?.getBoundingClientRect().bottom;
+        }
+    }
+    if (bottom !== null && top !== null) {
+        return `${(bottom - top) / REM_MEASURE}rem`;
+    }
+    return '0rem';
+};
+//# sourceMappingURL=height.js.map

package/dist/esm/hooks/useCustomHeightFromChildrens/helpers/height.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"height.js","sourceRoot":"","sources":["../../../../../src/hooks/useCustomHeightFromChildrens/helpers/height.ts"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,6DAA6D;AAC7D,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,OAAsB,EAAE,KAAa,EAAU,EAAE;IACzE,MAAM,WAAW,GAAG,EAAE,CAAC;IACvB,IAAI,eAAe,GAAG,CAAC,CAAC;IACxB,IAAI,SAAS,GAAG,CAAC,CAAC;IAClB,IAAI,OAAO,GAAG,IAAI,CAAC;IACnB,IAAI,GAAG,GAAkB,IAAI,CAAC;IAC9B,IAAI,MAAM,GAAkB,IAAI,CAAC;IAEjC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC;QAC/B,oFAAoF;QACpF,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,QAAQ,CAAC,CAAC,GAAG,eAAe,CAAC,EAAE,CAAC;YACvD,eAAe,IAAI,OAAO,CAAC,SAAS,CAAC,EAAE,iBAA2B,CAAC;YACnE,SAAS,EAAE,CAAC;YACZ,OAAO,GAAG,IAAI,CAAC;QACjB,CAAC;QACD,uBAAuB;QACvB,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,CAAC;YACxB,MAAM;QACR,CAAC;QAED,wDAAwD;QACxD,IAAI,OAAO,CAAC,SAAS,CAAC,CAAC,eAAe,IAAI,OAAO,EAAE,CAAC;YAClD,OAAO,GAAG,KAAK,CAAC;YAChB,eAAe,EAAE,CAAC;YAClB,IAAI,GAAG,KAAK,IAAI,EAAE,CAAC;gBACjB,GAAG,GAAI,OAAO,CAAC,SAAS,CAAC,CAAC,eAA+B,EAAE,qBAAqB,EAAE,CAAC,GAAG,CAAC;YACzF,CAAC;YACD,MAAM,GAAI,OAAO,CAAC,SAAS,CAAC,CAAC,eAA+B,EAAE,qBAAqB,EAAE,CAAC,MAAM,CAAC;QAC/F,CAAC;aAAM,CAAC;YACN,IAAI,GAAG,KAAK,IAAI,EAAE,CAAC;gBACjB,GAAG,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,QAAQ,CAAC,CAAC,GAAG,eAAe,CAAC,EAAE,qBAAqB,EAAE,CAAC,GAAG,CAAC;YACtF,CAAC;YACD,MAAM,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,QAAQ,CAAC,CAAC,GAAG,eAAe,CAAC,EAAE,qBAAqB,EAAE,CAAC,MAAM,CAAC;QAC5F,CAAC;IACH,CAAC;IAED,IAAI,MAAM,KAAK,IAAI,IAAI,GAAG,KAAK,IAAI,EAAE,CAAC;QACpC,OAAO,GAAG,CAAC,MAAM,GAAG,GAAG,CAAC,GAAG,WAAW,KAAK,CAAC;IAC9C,CAAC;IAED,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC"}

package/dist/esm/hooks/useCustomHeightFromChildrens/helpers/index.d.ts

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

package/dist/esm/hooks/useCustomHeightFromChildrens/helpers/index.js

@@ -0,0 +1,2 @@
+export * from './height';
+//# sourceMappingURL=index.js.map

package/dist/esm/hooks/useCustomHeightFromChildrens/helpers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/hooks/useCustomHeightFromChildrens/helpers/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/dist/esm/hooks/useCustomHeightFromChildrens/useCustomHeightFromChildren.d.ts

@@ -0,0 +1,17 @@
+import { ForwardedRef, MutableRefObject } from 'react';
+type ReturnValueType = {
+    optionsListRefCollection: ForwardedRef<unknown> | (({ ref, index }: {
+        ref: any;
+        index: any;
+    }) => void);
+    optionsListCollectionRef: MutableRefObject<HTMLElement[]>;
+    height: string;
+};
+type UseCustomHeightFromChildrensType = {
+    limit: number;
+    observer?: unknown[];
+    customCalcHeight?: (element: HTMLElement[]) => string;
+    shouldCalculateHeight?: boolean;
+};
+export declare const useCustomHeightFromChildrens: ({ limit, observer, customCalcHeight, shouldCalculateHeight, }: UseCustomHeightFromChildrensType) => ReturnValueType;
+export {};

package/dist/esm/hooks/useCustomHeightFromChildrens/useCustomHeightFromChildren.js

@@ -0,0 +1,48 @@
+import { useCallback, useEffect, useRef, useState } from 'react';
+// helpers
+import { getHeight } from './helpers/height';
+export const useCustomHeightFromChildrens = ({ limit, observer = [], customCalcHeight, shouldCalculateHeight = true, }) => {
+    // States
+    const [height, setHeight] = useState('');
+    // References
+    const optionsListCollectionRef = useRef([]);
+    const getList = () => {
+        if (!optionsListCollectionRef.current) {
+            // Initialize the Map on first usage.
+            optionsListCollectionRef.current = [];
+        }
+        return optionsListCollectionRef.current;
+    };
+    const calcHeight = useCallback(({ elementList, customCalcHeight, }) => {
+        if (!shouldCalculateHeight || !elementList || elementList.length === 0) {
+            return;
+        }
+        if (customCalcHeight) {
+            setHeight(customCalcHeight(elementList));
+        }
+        else {
+            setHeight(getHeight(elementList, limit));
+        }
+    }, [...observer, customCalcHeight, limit, shouldCalculateHeight]);
+    // When the ref is initiallized, calcHeight will be called
+    const optionsListRefCollection = useCallback(node => {
+        const refList = getList();
+        if (node) {
+            refList[node.index] = node.ref;
+        }
+        else {
+            refList.splice(node.index, 1);
+        }
+        calcHeight({ elementList: refList, customCalcHeight });
+    }, []);
+    useEffect(() => {
+        const refList = getList();
+        calcHeight({ elementList: refList, customCalcHeight });
+    }, [calcHeight]);
+    return {
+        height,
+        optionsListRefCollection,
+        optionsListCollectionRef,
+    };
+};
+//# sourceMappingURL=useCustomHeightFromChildren.js.map

package/dist/esm/hooks/useCustomHeightFromChildrens/useCustomHeightFromChildren.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCustomHeightFromChildren.js","sourceRoot":"","sources":["../../../../src/hooks/useCustomHeightFromChildrens/useCustomHeightFromChildren.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkC,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjG,UAAU;AACV,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAe7C,MAAM,CAAC,MAAM,4BAA4B,GAAG,CAAC,EAC3C,KAAK,EACL,QAAQ,GAAG,EAAE,EACb,gBAAgB,EAChB,qBAAqB,GAAG,IAAI,GACK,EAAmB,EAAE;IACtD,SAAS;IACT,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEzC,aAAa;IACb,MAAM,wBAAwB,GAAG,MAAM,CAAgB,EAAE,CAAC,CAAC;IAE3D,MAAM,OAAO,GAAG,GAAkB,EAAE;QAClC,IAAI,CAAC,wBAAwB,CAAC,OAAO,EAAE,CAAC;YACtC,qCAAqC;YACrC,wBAAwB,CAAC,OAAO,GAAG,EAAE,CAAC;QACxC,CAAC;QACD,OAAO,wBAAwB,CAAC,OAAO,CAAC;IAC1C,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,EACC,WAAW,EACX,gBAAgB,GAIjB,EAAE,EAAE;QACH,IAAI,CAAC,qBAAqB,IAAI,CAAC,WAAW,IAAI,WAAW,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACvE,OAAO;QACT,CAAC;QACD,IAAI,gBAAgB,EAAE,CAAC;YACrB,SAAS,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAC,CAAC;QAC3C,CAAC;aAAM,CAAC;YACN,SAAS,CAAC,SAAS,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC;QAC3C,CAAC;IACH,CAAC,EACD,CAAC,GAAG,QAAQ,EAAE,gBAAgB,EAAE,KAAK,EAAE,qBAAqB,CAAC,CAC9D,CAAC;IAEF,0DAA0D;IAC1D,MAAM,wBAAwB,GAAG,WAAW,CAAC,IAAI,CAAC,EAAE;QAClD,MAAM,OAAO,GAAG,OAAO,EAAE,CAAC;QAC1B,IAAI,IAAI,EAAE,CAAC;YACT,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC;QACjC,CAAC;aAAM,CAAC;YACN,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;QAChC,CAAC;QACD,UAAU,CAAC,EAAE,WAAW,EAAE,OAAO,EAAE,gBAAgB,EAAE,CAAC,CAAC;IACzD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,OAAO,EAAE,CAAC;QAC1B,UAAU,CAAC,EAAE,WAAW,EAAE,OAAO,EAAE,gBAAgB,EAAE,CAAC,CAAC;IACzD,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,OAAO;QACL,MAAM;QACN,wBAAwB;QACxB,wBAAwB;KACzB,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/hooks/useId/useId.d.ts

@@ -0,0 +1 @@
+export declare const useId: (prefix?: string) => string;

package/dist/esm/hooks/useId/useId.js

@@ -0,0 +1,14 @@
+import { useState } from 'react';
+const DEFAULT_PREFIX = '$component$';
+const uniqueId = {};
+const generateUniqueId = (prefix) => {
+    if (!uniqueId[prefix]) {
+        uniqueId[prefix] = 0;
+    }
+    return uniqueId[prefix]++;
+};
+export const useId = (prefix) => {
+    const [id] = useState(() => generateUniqueId(prefix || DEFAULT_PREFIX));
+    return `${prefix}${id}`;
+};
+//# sourceMappingURL=useId.js.map

package/dist/esm/hooks/useId/useId.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useId.js","sourceRoot":"","sources":["../../../../src/hooks/useId/useId.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,cAAc,GAAG,aAAa,CAAC;AACrC,MAAM,QAAQ,GAAG,EAAE,CAAC;AAEpB,MAAM,gBAAgB,GAAG,CAAC,MAAc,EAAU,EAAE;IAClD,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;QACtB,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IACvB,CAAC;IAED,OAAO,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;AAC5B,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,MAAe,EAAU,EAAE;IAC/C,MAAM,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAS,GAAG,EAAE,CAAC,gBAAgB,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAEhF,OAAO,GAAG,MAAM,GAAG,EAAE,EAAE,CAAC;AAC1B,CAAC,CAAC"}

package/dist/esm/hooks/useInput/helpers/limitValue.d.ts

@@ -0,0 +1 @@
+export declare const limitValue: (value: string | number, min: string | number | undefined, max: string | number | undefined, maxLength: number | undefined) => string | number;

package/dist/esm/hooks/useInput/helpers/limitValue.js

@@ -0,0 +1,38 @@
+const minorValue = (value, min) => {
+    if (!min) {
+        return false;
+    }
+    const minorThanMin = Number(value) < Number(min);
+    return minorThanMin;
+};
+const maxValue = (value, max) => {
+    if (!max) {
+        return false;
+    }
+    const higherThanMax = Number(value) > Number(max);
+    return higherThanMax;
+};
+const maxLengthLimit = (value, maxLength) => {
+    if (!maxLength) {
+        return value;
+    }
+    let valueLimited = value;
+    if (String(value).length > maxLength) {
+        valueLimited = String(value).substring(0, String(value).length - (String(value).length - maxLength));
+    }
+    return valueLimited;
+};
+export const limitValue = (value, min, max, maxLength) => {
+    let limit = value;
+    const minorThanMin = minorValue(value, min);
+    const higherThanMax = maxValue(value, max);
+    if (min && minorThanMin) {
+        limit = min;
+    }
+    else if (max && higherThanMax) {
+        limit = max;
+    }
+    const limited = maxLengthLimit(limit, maxLength);
+    return limited;
+};
+//# sourceMappingURL=limitValue.js.map

package/dist/esm/hooks/useInput/helpers/limitValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"limitValue.js","sourceRoot":"","sources":["../../../../../src/hooks/useInput/helpers/limitValue.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAE,GAAgC,EAAE,EAAE;IAC9E,IAAI,CAAC,GAAG,EAAE,CAAC;QACT,OAAO,KAAK,CAAC;IACf,CAAC;IACD,MAAM,YAAY,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;IACjD,OAAO,YAAY,CAAC;AACtB,CAAC,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,KAAsB,EAAE,GAAgC,EAAE,EAAE;IAC5E,IAAI,CAAC,GAAG,EAAE,CAAC;QACT,OAAO,KAAK,CAAC;IACf,CAAC;IACD,MAAM,aAAa,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;IAClD,OAAO,aAAa,CAAC;AACvB,CAAC,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,KAAsB,EAAE,SAA6B,EAAE,EAAE;IAC/E,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,OAAO,KAAK,CAAC;IACf,CAAC;IACD,IAAI,YAAY,GAAG,KAAK,CAAC;IACzB,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC,MAAM,GAAG,SAAS,EAAE,CAAC;QACrC,YAAY,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,SAAS,CACpC,CAAC,EACD,MAAM,CAAC,KAAK,CAAC,CAAC,MAAM,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,MAAM,GAAG,SAAS,CAAC,CAC1D,CAAC;IACJ,CAAC;IACD,OAAO,YAAY,CAAC;AACtB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,CACxB,KAAsB,EACtB,GAAgC,EAChC,GAAgC,EAChC,SAA6B,EACZ,EAAE;IACnB,IAAI,KAAK,GAAoB,KAAK,CAAC;IACnC,MAAM,YAAY,GAAG,UAAU,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;IAC5C,MAAM,aAAa,GAAG,QAAQ,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;IAE3C,IAAI,GAAG,IAAI,YAAY,EAAE,CAAC;QACxB,KAAK,GAAG,GAAG,CAAC;IACd,CAAC;SAAM,IAAI,GAAG,IAAI,aAAa,EAAE,CAAC;QAChC,KAAK,GAAG,GAAG,CAAC;IACd,CAAC;IAED,MAAM,OAAO,GAAG,cAAc,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;IACjD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC"}

package/dist/esm/hooks/useInput/types/inputHook.d.ts

@@ -0,0 +1,42 @@
+import { ChangeEventHandler, FocusEventHandler, ForwardedRef, KeyboardEventHandler, MutableRefObject } from 'react';
+import { FormatNumber, InputState, InputTypeType, MASK_TYPE } from '../../../components/input/types';
+export type ParamsTypeInputHook = {
+    ref?: ForwardedRef<HTMLInputElement | undefined>;
+    errorExecution?: string;
+    keyValidation?: string;
+    disabledArrowUpDownInputNumber?: boolean;
+    max?: number;
+    min?: number;
+    maxLength?: number;
+    minLength?: number;
+    mask?: string;
+    maskType?: MASK_TYPE;
+    regex?: string | RegExp;
+    disabled?: boolean;
+    error?: boolean;
+    currentValue?: string | number;
+    type?: InputTypeType;
+    maxDecimals?: number;
+    truncate?: boolean;
+    informationAssociated?: string;
+    ignoreKeys?: string[];
+    formatNumber?: FormatNumber;
+    onBlur?: FocusEventHandler<HTMLInputElement>;
+    onChange?: ChangeEventHandler<HTMLInputElement>;
+    onFocus?: FocusEventHandler<HTMLInputElement>;
+    onKeyDown?: KeyboardEventHandler<HTMLInputElement>;
+    onError?: (value: boolean) => void;
+    onInternalErrors?: (errors: string[]) => void;
+};
+export type ReturnTypeInputHook = {
+    value: string | number;
+    state: InputState;
+    inputRef?: MutableRefObject<HTMLInputElement | undefined>;
+    handleBlurInternal: FocusEventHandler<HTMLInputElement>;
+    handleChangeInternal: ChangeEventHandler<HTMLInputElement>;
+    handleFocusInternal: FocusEventHandler<HTMLInputElement>;
+    handleKeyDownInternal: KeyboardEventHandler<HTMLInputElement>;
+    handleSetValue: React.Dispatch<React.SetStateAction<string | number>>;
+    handleBlurStructure: FocusEventHandler<HTMLDivElement>;
+    handleFocusStructure: FocusEventHandler<HTMLDivElement>;
+};

package/dist/esm/hooks/useInput/types/inputHook.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=inputHook.js.map

package/dist/esm/hooks/useInput/types/inputHook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputHook.js","sourceRoot":"","sources":["../../../../../src/hooks/useInput/types/inputHook.ts"],"names":[],"mappings":""}

package/dist/esm/hooks/useInput/useInput.d.ts

@@ -0,0 +1,2 @@
+import { ParamsTypeInputHook, ReturnTypeInputHook } from './types/inputHook';
+export declare const useInput: (props: ParamsTypeInputHook) => ReturnTypeInputHook;