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

package/dist/cjs/hooks/useRoveFocus/useRoveFocus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRoveFocus.js","sourceRoot":"","sources":["../../../../src/hooks/useRoveFocus/useRoveFocus.ts"],"names":[],"mappings":";;;AAAA,iCAA2F;AAE3F,2CAAiF;AAc1E,MAAM,YAAY,GAAG,CAAC,EAC3B,IAAI,EACJ,WAAW,GAAG,CAAC,EACf,SAAS,GAAG,CAAC,CAAC,EACd,YAAY,GAAG,CAAC,EAChB,WAAW,GAAG,CAAC,CAAC,EAChB,UAAU,GAAG,CAAC,EACd,oBAAoB,GAAG,CAAC,GACN,EAA4E,EAAE;IAChG,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAC,oBAAoB,CAAC,CAAC;IACvE,MAAM,MAAM,GAAG,IAAA,cAAM,EAAc,IAAI,CAAC,CAAC;IAEzC,MAAM,QAAQ,GAAG,CAAC,CAAC,EAAE;QACnB,IAAI,WAAW,KAAK,IAAI,EAAE,CAAC;YACzB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,IAAI,OAAO,WAAW,KAAK,UAAU,EAAE,CAAC;gBACtC,eAAe,CAAC,WAAW,CAAC,CAAC;YAC/B,CAAC;iBAAM,CAAC;gBACN,eAAe,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,QAAQ,KAAK,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,GAAG,WAAW,CAAC,CAAC,CAAC;YACpF,CAAC;QACH,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,MAAM,GAAG,CAAC,CAAgB,EAAE,EAAE;QAClC,IAAI,SAAS,KAAK,IAAI,EAAE,CAAC;YACvB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,IAAI,OAAO,SAAS,KAAK,UAAU,EAAE,CAAC;gBACpC,eAAe,CAAC,SAAS,CAAC,CAAC;YAC7B,CAAC;iBAAM,CAAC;gBACN,eAAe,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,QAAQ,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,GAAG,SAAS,CAAC,CAAC,CAAC;YAClF,CAAC;QACH,CAAC;IACH,CAAC,CAAC;IACF,MAAM,QAAQ,GAAG,CAAC,CAAgB,EAAE,EAAE;QACpC,IAAI,WAAW,KAAK,IAAI,EAAE,CAAC;YACzB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,IAAI,OAAO,WAAW,KAAK,UAAU,EAAE,CAAC;gBACtC,eAAe,CAAC,WAAW,CAAC,CAAC;YAC/B,CAAC;iBAAM,CAAC;gBACN,eAAe,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,QAAQ,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,GAAG,WAAW,CAAC,CAAC,CAAC;YACpF,CAAC;QACH,CAAC;IACH,CAAC,CAAC;IACF,MAAM,SAAS,GAAG,CAAC,CAAgB,EAAE,EAAE;QACrC,IAAI,YAAY,KAAK,IAAI,EAAE,CAAC;YAC1B,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,IAAI,OAAO,YAAY,KAAK,UAAU,EAAE,CAAC;gBACvC,eAAe,CAAC,YAAY,CAAC,CAAC;YAChC,CAAC;iBAAM,CAAC;gBACN,eAAe,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,QAAQ,KAAK,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,GAAG,YAAY,CAAC,CAAC,CAAC;YACrF,CAAC;QACH,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,CAAC,CAAgB,EAAE,EAAE;QACnC,IAAI,UAAU,KAAK,IAAI,EAAE,CAAC;YACxB,IAAI,OAAO,UAAU,KAAK,UAAU,EAAE,CAAC;gBACrC,eAAe,CAAC,UAAU,CAAC,CAAC;YAC9B,CAAC;iBAAM,CAAC;gBACN,eAAe,CAAC,QAAQ,CAAC,EAAE;oBACzB,IAAI,QAAQ,KAAK,IAAI,GAAG,CAAC,EAAE,CAAC;wBAC1B,OAAO,QAAQ,CAAC;oBAClB,CAAC;oBACD,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,IAAI,QAAQ,KAAK,CAAC,EAAE,CAAC;wBACnB,OAAO,QAAQ,GAAG,UAAU,GAAG,CAAC,CAAC;oBACnC,CAAC;oBACD,OAAO,QAAQ,GAAG,UAAU,CAAC;gBAC/B,CAAC,CAAC,CAAC;YACL,CAAC;QACH,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,IAAA,mBAAW,EAC/B,CAAC,CAAgB,EAAE,EAAE;QACnB,QAAQ,CAAC,CAAC,GAAG,EAAE,CAAC;YACd,KAAK,sBAAU,CAAC,IAAI;gBAClB,QAAQ,CAAC,CAAC,CAAC,CAAC;gBACZ,MAAM;YACR,KAAK,oBAAQ,CAAC,IAAI;gBAChB,MAAM,CAAC,CAAC,CAAC,CAAC;gBACV,MAAM;YACR,KAAK,sBAAU,CAAC,IAAI;gBAClB,QAAQ,CAAC,CAAC,CAAC,CAAC;gBACZ,MAAM;YACR,KAAK,uBAAW,CAAC,IAAI;gBACnB,SAAS,CAAC,CAAC,CAAC,CAAC;gBACb,MAAM;YACR,KAAK,eAAG,CAAC,IAAI;gBACX,OAAO,CAAC,CAAC,CAAC,CAAC;gBACX,MAAM;YACR;gBACE,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC;QACnB,CAAC;IACH,CAAC,EACD,CAAC,IAAI,EAAE,eAAe,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE,YAAY,EAAE,UAAU,CAAC,CACvF,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;QAC/B,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,EAAE,KAAK,CAAC,CAAC;QAC5D,CAAC;QACD,OAAO,GAAG,EAAE;YACV,OAAO,EAAE,mBAAmB,CAAC,SAAS,EAAE,aAAa,EAAE,KAAK,CAAC,CAAC;QAChE,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC,CAAC;IAE5B,OAAO,CAAC,YAAY,EAAE,eAAe,EAAE,MAAM,CAAC,CAAC;AACjD,CAAC,CAAC;AA7GW,QAAA,YAAY,gBA6GvB"}

package/dist/cjs/hooks/useScrollBlock/useScrollBlock.js

@@ -0,0 +1,104 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useScrollBlock = void 0;
+const react_1 = require("react");
+const utils_1 = require("./utils");
+const useScrollBlock = () => {
+    const blockedScroll = (0, react_1.useRef)(false);
+    const elementsToOmitRef = (0, react_1.useRef)([]);
+    // Disable scroll in all the elements except the ones that are passed in the elementsToOmit array when blocking scroll
+    const preventScrollOnUnomittedElements = (0, react_1.useCallback)((e) => {
+        const target = e.target;
+        if (target instanceof Node &&
+            !elementsToOmitRef.current.some(element => element?.contains(target))) {
+            e.preventDefault();
+        }
+    }, []);
+    // Disable scroll in the omitted elements if is not a scrollable element
+    const preventScrollOnOmittedElements = (0, react_1.useCallback)((e) => {
+        const target = e.target;
+        if (!(target instanceof Element) ||
+            (0, utils_1.getFirstScrollableElement)({ element: target, parentsToStop: elementsToOmitRef.current })) {
+            return;
+        }
+        e.preventDefault();
+    }, []);
+    // In order to avoid scroll the document when there is no scroll for an omitted element:
+    // Allow to scroll a pixel if the scroll is at the top or bottom
+    // More info: https://medium.com/turo-engineering/ios-mobile-scroll-in-web-react-1d92d910604b (Level 4)
+    const preventScrollBackgroundOnOmittedElements = (0, react_1.useCallback)((e) => {
+        const target = e.target;
+        if (!(target instanceof Element)) {
+            return;
+        }
+        const firstScrollableElement = (0, utils_1.getFirstScrollableElement)({
+            element: target,
+            parentsToStop: elementsToOmitRef.current,
+        });
+        if (!firstScrollableElement) {
+            return;
+        }
+        const { scrollTop, scrollHeight } = firstScrollableElement;
+        let offsetHeight = null;
+        if (firstScrollableElement instanceof HTMLElement) {
+            offsetHeight = firstScrollableElement.offsetHeight;
+        }
+        // If at top, bump down 1px
+        if (scrollTop <= 0) {
+            firstScrollableElement.scrollTo(0, 1);
+            return;
+        }
+        // If at bottom, bump up 1px
+        if (offsetHeight !== null && scrollTop + offsetHeight >= scrollHeight) {
+            firstScrollableElement.scrollTo(0, scrollHeight - offsetHeight - 1);
+        }
+    }, []);
+    const blockScroll = ({ elementsToOmit = [] } = {}) => {
+        if (typeof document === 'undefined') {
+            return;
+        }
+        const html = document.documentElement;
+        const { body } = document;
+        if (!body || !body.style || blockedScroll.current) {
+            return;
+        }
+        elementsToOmitRef.current = elementsToOmit;
+        elementsToOmitRef.current.forEach(element => {
+            element?.addEventListener('touchmove', preventScrollOnOmittedElements, { passive: false });
+            element?.addEventListener('touchstart', preventScrollBackgroundOnOmittedElements);
+        });
+        document.addEventListener('touchmove', preventScrollOnUnomittedElements, { passive: false });
+        const scrollBarWidth = window.innerWidth - html.clientWidth;
+        const bodyPaddingRight = parseInt(window.getComputedStyle(body).getPropertyValue('padding-right'), 10) || 0;
+        html.style.position = 'relative'; /* [1] */
+        body.style.position = 'relative'; /* [1] */
+        html.style.overflow = 'clip'; /* [2] */
+        body.style.overflow = 'clip'; /* [2] */
+        body.style.paddingRight = `${bodyPaddingRight + scrollBarWidth}px`;
+        blockedScroll.current = true;
+    };
+    const allowScroll = () => {
+        if (typeof document === 'undefined') {
+            return;
+        }
+        const html = document.documentElement;
+        const { body } = document;
+        if (!body || !body.style || !blockedScroll.current) {
+            return;
+        }
+        elementsToOmitRef.current.forEach(element => {
+            element?.removeEventListener('touchmove', preventScrollOnOmittedElements);
+            element?.removeEventListener('touchstart', preventScrollBackgroundOnOmittedElements);
+        });
+        document.removeEventListener('touchmove', preventScrollOnUnomittedElements);
+        html.style.position = '';
+        html.style.overflow = '';
+        body.style.position = '';
+        body.style.overflow = '';
+        body.style.paddingRight = '';
+        blockedScroll.current = false;
+    };
+    return { blockScroll, allowScroll };
+};
+exports.useScrollBlock = useScrollBlock;
+//# sourceMappingURL=useScrollBlock.js.map

package/dist/cjs/hooks/useScrollBlock/useScrollBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollBlock.js","sourceRoot":"","sources":["../../../../src/hooks/useScrollBlock/useScrollBlock.ts"],"names":[],"mappings":"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"}

package/dist/cjs/hooks/useScrollBlock/utils/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./useScrollBlock.utils"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/hooks/useScrollBlock/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/hooks/useScrollBlock/utils/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yDAAuC"}

package/dist/cjs/hooks/useScrollBlock/utils/useScrollBlock.utils.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getFirstScrollableElement = exports.isElementScrollable = void 0;
+const isElementScrollable = (el) => {
+    return el.scrollHeight > el.clientHeight;
+};
+exports.isElementScrollable = isElementScrollable;
+const getFirstScrollableElement = ({ element, parentsToStop, }) => {
+    if (element && parentsToStop.some(parent => parent?.contains(element))) {
+        return (0, exports.isElementScrollable)(element)
+            ? element
+            : (0, exports.getFirstScrollableElement)({ element: element.parentElement, parentsToStop });
+    }
+    return null;
+};
+exports.getFirstScrollableElement = getFirstScrollableElement;
+//# sourceMappingURL=useScrollBlock.utils.js.map

package/dist/cjs/hooks/useScrollBlock/utils/useScrollBlock.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollBlock.utils.js","sourceRoot":"","sources":["../../../../../src/hooks/useScrollBlock/utils/useScrollBlock.utils.ts"],"names":[],"mappings":";;;AAAO,MAAM,mBAAmB,GAAG,CAAC,EAAW,EAAW,EAAE;IAC1D,OAAO,EAAE,CAAC,YAAY,GAAG,EAAE,CAAC,YAAY,CAAC;AAC3C,CAAC,CAAC;AAFW,QAAA,mBAAmB,uBAE9B;AAEK,MAAM,yBAAyB,GAAG,CAAC,EACxC,OAAO,EACP,aAAa,GAId,EAAkB,EAAE;IACnB,IAAI,OAAO,IAAI,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC;QACvE,OAAO,IAAA,2BAAmB,EAAC,OAAO,CAAC;YACjC,CAAC,CAAC,OAAO;YACT,CAAC,CAAC,IAAA,iCAAyB,EAAC,EAAE,OAAO,EAAE,OAAO,CAAC,aAAa,EAAE,aAAa,EAAE,CAAC,CAAC;IACnF,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAbW,QAAA,yBAAyB,6BAapC"}

package/dist/cjs/hooks/useScrollEffect/useScrollEffect.js

@@ -0,0 +1,93 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useScrollEffect = void 0;
+const react_1 = require("react");
+const utils_1 = require("../../utils");
+const MAX_PERCENTAGE = 100;
+const proportionLimit = 1.25;
+const defaultShadow = 'none';
+const useScrollEffect = (conditional = true, shadowStyles = defaultShadow, shadowVisible = 99) => {
+    // the scrollable element ref
+    const innerScrollableRef = (0, react_1.useRef)(null);
+    // the element ref to change the height and width
+    const innerResizeRef = (0, react_1.useRef)(null);
+    // the element ref to change the shadow
+    const innerShadowRef = (0, react_1.useRef)(null);
+    // initial size
+    const resizeHeight = (0, react_1.useRef)(0);
+    const resizeWidth = (0, react_1.useRef)(0);
+    // Function to apply the scroll styles effects
+    const applyEffect = (0, react_1.useCallback)(() => {
+        if (!innerScrollableRef.current) {
+            return;
+        }
+        const percentage = (0, utils_1.scrollPercentage)(innerScrollableRef.current, proportionLimit);
+        // Code to resize element
+        if (innerResizeRef.current) {
+            const subHeight = (percentage * resizeHeight.current) / MAX_PERCENTAGE;
+            const subWidth = (percentage * resizeWidth.current) / MAX_PERCENTAGE;
+            const cssProperties = [
+                {
+                    cssPropertyName: 'min-height',
+                    cssPropertyValue: `calc(${resizeHeight.current}px - ${subHeight}px)`,
+                },
+                {
+                    cssPropertyName: 'height',
+                    cssPropertyValue: `calc(${resizeHeight.current}px - ${subHeight}px)`,
+                },
+                {
+                    cssPropertyName: 'min-width',
+                    cssPropertyValue: `calc(${resizeWidth.current}px - ${subWidth}px)`,
+                },
+                {
+                    cssPropertyName: 'width',
+                    cssPropertyValue: `calc(${resizeWidth.current}px - ${subWidth}px)`,
+                },
+            ];
+            (0, utils_1.changeCssProperty)(innerResizeRef.current, cssProperties);
+        }
+        // Code to change shadow box
+        if (innerShadowRef.current) {
+            if (percentage > shadowVisible) {
+                const shadow = [{ cssPropertyName: 'box-shadow', cssPropertyValue: shadowStyles }];
+                (0, utils_1.changeCssProperty)(innerShadowRef.current, shadow);
+            }
+            else {
+                const shadow = [{ cssPropertyName: 'box-shadow', cssPropertyValue: defaultShadow }];
+                (0, utils_1.changeCssProperty)(innerShadowRef.current, shadow);
+            }
+        }
+    }, [conditional, shadowStyles]);
+    const scrollableRef = (0, react_1.useCallback)(node => {
+        if (node) {
+            innerScrollableRef.current = node;
+            applyEffect();
+            innerScrollableRef.current?.addEventListener('scroll', applyEffect);
+        }
+        else {
+            innerScrollableRef.current?.removeEventListener('scroll', applyEffect);
+            innerScrollableRef.current = null;
+        }
+    }, [applyEffect]);
+    const resizeRef = (0, react_1.useCallback)(node => {
+        if (node) {
+            innerResizeRef.current = node;
+            resizeHeight.current = node.clientHeight;
+            resizeWidth.current = node.clientWidth;
+        }
+        else {
+            innerResizeRef.current = null;
+        }
+    }, []);
+    const shadowRef = (0, react_1.useCallback)(node => {
+        if (node) {
+            innerShadowRef.current = node;
+        }
+        else {
+            innerShadowRef.current = null;
+        }
+    }, []);
+    return { scrollableRef, resizeRef, shadowRef };
+};
+exports.useScrollEffect = useScrollEffect;
+//# sourceMappingURL=useScrollEffect.js.map

package/dist/cjs/hooks/useScrollEffect/useScrollEffect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollEffect.js","sourceRoot":"","sources":["../../../../src/hooks/useScrollEffect/useScrollEffect.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/hooks/useScrollPosition/useScrollPosition.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useScrollPosition = void 0;
+const react_1 = require("react");
+const useScrollPosition = () => {
+    const [scrollPosition, setScrollPosition] = (0, react_1.useState)(0);
+    (0, react_1.useEffect)(() => {
+        const updatePosition = () => {
+            setScrollPosition(window.pageYOffset);
+        };
+        window.addEventListener('scroll', updatePosition);
+        return () => window.removeEventListener('scroll', updatePosition);
+    }, []);
+    return scrollPosition;
+};
+exports.useScrollPosition = useScrollPosition;
+//# sourceMappingURL=useScrollPosition.js.map

package/dist/cjs/hooks/useScrollPosition/useScrollPosition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollPosition.js","sourceRoot":"","sources":["../../../../src/hooks/useScrollPosition/useScrollPosition.ts"],"names":[],"mappings":";;;AAAA,iCAA4C;AAErC,MAAM,iBAAiB,GAAG,GAAW,EAAE;IAC5C,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC;IAExD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,cAAc,GAAG,GAAG,EAAE;YAC1B,iBAAiB,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;QACxC,CAAC,CAAC;QAEF,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;QAElD,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;IACpE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,cAAc,CAAC;AACxB,CAAC,CAAC;AAdW,QAAA,iBAAiB,qBAc5B"}

package/dist/cjs/hooks/useStyles/useStyles.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStyles = void 0;
+const styled_components_1 = require("styled-components");
+const mergeObjects_1 = require("../../utils/mergeObjects/mergeObjects");
+const useStyles = (styleName, typeName, customTokens) => {
+    const theme = (0, styled_components_1.useTheme)();
+    const style = theme[styleName];
+    let styles = style;
+    if (!style) {
+        throw Error(`styles ${styleName} does not exist`);
+    }
+    if (styleName !== undefined && typeName !== undefined) {
+        if (style?.[typeName]) {
+            if (customTokens) {
+                styles = (0, mergeObjects_1.mergeObjects)(structuredClone(style[typeName]), customTokens);
+            }
+            else {
+                styles = style[typeName];
+            }
+        }
+        else {
+            throw Error(`type ${typeName} does not exist`);
+        }
+    }
+    return styles;
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=useStyles.js.map

package/dist/cjs/hooks/useStyles/useStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStyles.js","sourceRoot":"","sources":["../../../../src/hooks/useStyles/useStyles.tsx"],"names":[],"mappings":";;;AAAA,yDAA6C;AAE7C,oEAAiE;AAE1D,MAAM,SAAS,GAAG,CACvB,SAAiB,EACjB,QAAY,EACZ,YAAqB,EAClB,EAAE;IACL,MAAM,KAAK,GAAG,IAAA,4BAAQ,GAAE,CAAC;IACzB,MAAM,KAAK,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC;IAC/B,IAAI,MAAM,GAAG,KAAK,CAAC;IAEnB,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,MAAM,KAAK,CAAC,UAAU,SAAS,iBAAiB,CAAC,CAAC;IACpD,CAAC;IAED,IAAI,SAAS,KAAK,SAAS,IAAI,QAAQ,KAAK,SAAS,EAAE,CAAC;QACtD,IAAI,KAAK,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC;YACtB,IAAI,YAAY,EAAE,CAAC;gBACjB,MAAM,GAAG,IAAA,2BAAY,EAAC,eAAe,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,YAAY,CAAC,CAAC;YACxE,CAAC;iBAAM,CAAC;gBACN,MAAM,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC;YAC3B,CAAC;QACH,CAAC;aAAM,CAAC;YACN,MAAM,KAAK,CAAC,QAAQ,QAAQ,iBAAiB,CAAC,CAAC;QACjD,CAAC;IACH,CAAC;IAED,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AA1BW,QAAA,SAAS,aA0BpB"}

package/dist/cjs/hooks/useTabs/useTabs.js

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTabs = void 0;
+const react_1 = require("react");
+const breakpoints_1 = require("../../types/breakpoints");
+const utils_1 = require("../../utils");
+const useMediaDevice_1 = require("../useMediaDevice/useMediaDevice");
+const useRoveFocus_1 = require("../useRoveFocus/useRoveFocus");
+const useTabs = ({ numTabsInView, tabsLength, selectedTab }) => {
+    const device = (0, useMediaDevice_1.useMediaDevice)();
+    const [position, setPosition] = (0, react_1.useState)(0);
+    const roveFocusProps = (0, react_1.useMemo)(() => ({
+        size: tabsLength,
+        keyDownMove: 0,
+        keyUpMove: 0,
+        keyRightMove: device === breakpoints_1.DeviceBreakpointsType.MOBILE
+            ? (0, utils_1.keyRightMove)(tabsLength, position, numTabsInView)
+            : 1,
+        keyLeftMove: device === breakpoints_1.DeviceBreakpointsType.MOBILE ? (0, utils_1.keyLeftMove)(position, numTabsInView) : -1,
+        keyTabMove: null,
+    }), [device, position, numTabsInView]);
+    const [focus, setFocus, listEl] = (0, useRoveFocus_1.useRoveFocus)(roveFocusProps);
+    (0, react_1.useEffect)(() => {
+        if (listEl.current && device === breakpoints_1.DeviceBreakpointsType.MOBILE) {
+            const widthListOption = listEl?.current?.clientWidth / numTabsInView;
+            const translate = widthListOption * position;
+            listEl.current.style.transform = `translate(-${translate}px)`;
+        }
+        setFocus(position);
+    }, [position, device]);
+    const handlePositionUpdate = positionVisible => setPosition(prevPos => {
+        let newPosition = prevPos;
+        const positionVisibleInView = positionVisible >= prevPos && positionVisible < prevPos + numTabsInView;
+        if (!positionVisibleInView) {
+            newPosition = positionVisible - numTabsInView + 1;
+            newPosition = newPosition < 0 ? 0 : newPosition;
+        }
+        return newPosition;
+    });
+    (0, react_1.useEffect)(() => {
+        const positionVisible = selectedTab ?? 0;
+        handlePositionUpdate(positionVisible);
+    }, [selectedTab]);
+    const handleClickIcon = (isNextPosition) => {
+        setPosition(isNextPosition ? position + 1 : position - 1);
+    };
+    const handleClickTab = (newFocus) => {
+        setFocus(newFocus);
+    };
+    return {
+        position,
+        handleClickIcon,
+        focus,
+        handleClickTab,
+        listEl,
+    };
+};
+exports.useTabs = useTabs;
+//# sourceMappingURL=useTabs.js.map

package/dist/cjs/hooks/useTabs/useTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTabs.js","sourceRoot":"","sources":["../../../../src/hooks/useTabs/useTabs.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/hooks/useZoomEffect/useZoomEffect.js

@@ -0,0 +1,83 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useZoomEffect = void 0;
+const react_1 = require("react");
+const styled_components_1 = require("styled-components");
+const types_1 = require("../../types");
+const utils_1 = require("../../utils");
+const MAX_ZOOM = 1.25;
+const CONDITION = true;
+const MEASURE_REM = 16;
+const getOriginalCssProps = (element, cssProps) => {
+    // to store the original css props
+    const originalCssProps = [];
+    // get element styles
+    const computedStyles = window.getComputedStyle(element);
+    //get only the modify values
+    [...Array(cssProps.length)].forEach((_, index) => {
+        const modifyCssPropName = cssProps[index].cssPropertyName;
+        const modifyCssPropValue = computedStyles[modifyCssPropName];
+        originalCssProps.push({
+            cssPropertyName: modifyCssPropName,
+            cssPropertyValue: modifyCssPropValue,
+        });
+    });
+    // return the original values
+    return originalCssProps;
+};
+const getRealDevice = breakpoints => {
+    const deviceWidth = window.outerWidth / MEASURE_REM;
+    if (deviceWidth <= breakpoints.S) {
+        return types_1.DeviceBreakpointsType.MOBILE;
+    }
+    else if (deviceWidth > breakpoints.S && deviceWidth < breakpoints.M) {
+        return types_1.DeviceBreakpointsType.TABLET;
+    }
+    return types_1.DeviceBreakpointsType.DESKTOP;
+};
+const useZoomEffect = (effect, maxZoom = MAX_ZOOM, condition = CONDITION) => {
+    // inner element ref
+    const innerElementRef = (0, react_1.useRef)(null);
+    // original styles ref
+    const originalStyles = (0, react_1.useRef)([]);
+    // indicate if zoomed
+    const zoomed = (0, react_1.useRef)(false);
+    // indicate the theme breakpoints
+    const { BREAKPOINTS } = (0, styled_components_1.useTheme)();
+    // eslint-disable-next-line complexity
+    const applyEffects = (0, react_1.useCallback)(() => {
+        const realDevice = getRealDevice(BREAKPOINTS);
+        if (!condition || !innerElementRef.current || realDevice !== types_1.DeviceBreakpointsType.DESKTOP) {
+            return;
+        }
+        // set the element
+        const element = innerElementRef.current;
+        // storage the original styles
+        const zoom = window.devicePixelRatio;
+        if (zoom > maxZoom) {
+            zoomed.current && (0, utils_1.changeCssProperty)(element, effect);
+            zoomed.current = false;
+        }
+        else {
+            !zoomed.current && (0, utils_1.changeCssProperty)(element, originalStyles.current);
+            zoomed.current = true;
+        }
+    }, [condition]);
+    const elementRef = (0, react_1.useCallback)(node => {
+        if (node) {
+            innerElementRef.current = node;
+            if (!originalStyles.current.length) {
+                originalStyles.current = getOriginalCssProps(node, effect);
+            }
+            applyEffects();
+            window.addEventListener('resize', applyEffects);
+        }
+        else {
+            window.removeEventListener('resize', applyEffects);
+            innerElementRef.current = null;
+        }
+    }, [applyEffects]);
+    return elementRef;
+};
+exports.useZoomEffect = useZoomEffect;
+//# sourceMappingURL=useZoomEffect.js.map

package/dist/cjs/hooks/useZoomEffect/useZoomEffect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useZoomEffect.js","sourceRoot":"","sources":["../../../../src/hooks/useZoomEffect/useZoomEffect.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/index.js

@@ -0,0 +1,48 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.themesObject = exports.KubitFoundations = exports.KubitStyles = exports.KubitVariants = exports.KubitProvider = void 0;
+/**
+ * @name KubitProvider
+ * @description KubitProvider is a wrapper component that provides the Kubit context to all the components in the application.
+ */
+var kubitProvider_1 = require("./provider/kubitProvider");
+Object.defineProperty(exports, "KubitProvider", { enumerable: true, get: function () { return kubitProvider_1.KubitProvider; } });
+exports.KubitVariants = __importStar(require("./designSystem/kubit/components/variants"));
+exports.KubitStyles = __importStar(require("./designSystem/kubit/components/styles"));
+exports.KubitFoundations = __importStar(require("./designSystem/kubit/foundations"));
+__exportStar(require("./hooks"), exports);
+__exportStar(require("./provider"), exports);
+__exportStar(require("./designSystem"), exports);
+__exportStar(require("./types"), exports);
+__exportStar(require("./components"), exports);
+__exportStar(require("./constants"), exports);
+__exportStar(require("./utils"), exports);
+var themesObject_1 = require("./designSystem/themesObject");
+Object.defineProperty(exports, "themesObject", { enumerable: true, get: function () { return themesObject_1.themesObject; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;GAGG;AACH,0DAAyD;AAAhD,8GAAA,aAAa,OAAA;AACtB,0FAA0E;AAC1E,sFAAsE;AACtE,qFAAqE;AAErE,0CAAwB;AACxB,6CAA2B;AAC3B,iDAA+B;AAC/B,0CAAwB;AACxB,+CAA6B;AAC7B,8CAA4B;AAC5B,0CAAwB;AAExB,4DAA2D;AAAlD,4GAAA,YAAY,OAAA"}

package/dist/cjs/provider/errorBoundary/components/errorBoundaryModal/errorBoundaryModal.js

@@ -0,0 +1,43 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ErrorBoundaryModal = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const assets_1 = require("../../../../assets");
+const footer_1 = require("../../../../components/footer");
+const modal_1 = require("../../../../components/modal");
+const popover_1 = require("../../../../components/popover");
+const text_1 = require("../../../../components/text");
+const variants_1 = require("../../../../designSystem/kubit/components/variants");
+const foundations_1 = require("../../../../designSystem/kubit/foundations");
+const errorBoundaryModal_styled_1 = require("./errorBoundaryModal.styled");
+const ErrorBoundaryModal = ({ errors, onClose, open = true }) => {
+    const [info, setInfo] = react_1.default.useState(0);
+    const disableLeft = info <= 0;
+    const disableRight = info >= errors.length - 1;
+    const onClickPrev = () => {
+        const to = Math.max(0, info - 1);
+        setInfo(to);
+    };
+    const onClickNext = () => {
+        const to = Math.min(errors.length - 1, info + 1);
+        setInfo(to);
+    };
+    return ((0, jsx_runtime_1.jsx)(modal_1.ModalControlled, { closeIcon: { icon: assets_1.ICONS.ICON_CLOSE, altText: 'closeIcon', onClick: onClose }, content: (0, jsx_runtime_1.jsx)(text_1.Text, { color: foundations_1.COLORS.SECONDARY.color_secondary_font_50, variant: variants_1.TextVariantType.PARAGRAPH_MEDIUM_EXTENDED, children: errors[info].errorInfo }), footer: {
+            variant: 'MODAL',
+            content: [
+                (0, jsx_runtime_1.jsx)(errorBoundaryModal_styled_1.FooterButton, { "data-position": footer_1.FooterPositionType.LEFT, disabled: disableLeft, onClick: onClickPrev, children: "prev" }, "footer_left_button"),
+                (0, jsx_runtime_1.jsxs)(text_1.Text, { component: text_1.TextComponentType.SPAN, "data-position": footer_1.FooterPositionType.CENTER, variant: variants_1.TextVariantType.PARAGRAPH_CAPTION_EXTENDED, children: [info + 1, "/", errors.length] }, "counter"),
+                (0, jsx_runtime_1.jsx)(errorBoundaryModal_styled_1.FooterButton, { "data-position": footer_1.FooterPositionType.RIGHT, disabled: disableRight, onClick: onClickNext, children: "next" }, "footer_right_button"),
+            ],
+        }, maxHeight: "80vh", maxWidth: "60vw", open: open, popover: {
+            positionVariant: popover_1.PopoverPositionVariantType.FIXED,
+            variant: variants_1.PopoverVariantType.MODAL,
+            onCloseInternally: onClose,
+        }, title: { content: errors[info].error }, variant: variants_1.ModalVariantType.DEFAULT }));
+};
+exports.ErrorBoundaryModal = ErrorBoundaryModal;
+//# sourceMappingURL=errorBoundaryModal.js.map

package/dist/cjs/provider/errorBoundary/components/errorBoundaryModal/errorBoundaryModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"errorBoundaryModal.js","sourceRoot":"","sources":["../../../../../../src/provider/errorBoundary/components/errorBoundaryModal/errorBoundaryModal.tsx"],"names":[],"mappings":";;;;;;;AAAA,kDAA0B;AAE1B,qCAAiC;AACjC,gDAAyD;AACzD,8CAAqD;AACrD,kDAAkE;AAClE,4CAA4D;AAC5D,uEAIkD;AAClD,kEAA0D;AAG1D,2EAA2D;AAQpD,MAAM,kBAAkB,GAAG,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,GAAG,IAAI,EAAc,EAAe,EAAE;IAC9F,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAS,CAAC,CAAC,CAAC;IAElD,MAAM,WAAW,GAAG,IAAI,IAAI,CAAC,CAAC;IAC9B,MAAM,YAAY,GAAG,IAAI,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;IAE/C,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,GAAG,CAAC,CAAC,CAAC;QACjC,OAAO,CAAC,EAAE,CAAC,CAAC;IACd,CAAC,CAAC;IACF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,IAAI,GAAG,CAAC,CAAC,CAAC;QACjD,OAAO,CAAC,EAAE,CAAC,CAAC;IACd,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,uBAAe,IACd,SAAS,EAAE,EAAE,IAAI,EAAE,cAAK,CAAC,UAAU,EAAE,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO,EAAE,EAC7E,OAAO,EACL,uBAAC,WAAI,IACH,KAAK,EAAE,oBAAM,CAAC,SAAS,CAAC,uBAAuB,EAC/C,OAAO,EAAE,0BAAe,CAAC,yBAAyB,YAEjD,MAAM,CAAC,IAAI,CAAC,CAAC,SAAS,GAClB,EAET,MAAM,EAAE;YACN,OAAO,EAAE,OAAO;YAChB,OAAO,EAAE;gBACP,uBAAC,wCAAY,qBAEI,2BAAkB,CAAC,IAAI,EACtC,QAAQ,EAAE,WAAW,EACrB,OAAO,EAAE,WAAW,sBAHhB,oBAAoB,CAMX;gBACf,wBAAC,WAAI,IAEH,SAAS,EAAE,wBAAiB,CAAC,IAAI,mBAClB,2BAAkB,CAAC,MAAM,EACxC,OAAO,EAAE,0BAAe,CAAC,0BAA0B,aAElD,IAAI,GAAG,CAAC,OAAG,MAAM,CAAC,MAAM,KALrB,SAAS,CAMR;gBACP,uBAAC,wCAAY,qBAEI,2BAAkB,CAAC,KAAK,EACvC,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,WAAW,sBAHhB,qBAAqB,CAMZ;aAChB;SACF,EACD,SAAS,EAAC,MAAM,EAChB,QAAQ,EAAC,MAAM,EACf,IAAI,EAAE,IAAI,EACV,OAAO,EAAE;YACP,eAAe,EAAE,oCAA0B,CAAC,KAAK;YACjD,OAAO,EAAE,6BAAkB,CAAC,KAAK;YACjC,iBAAiB,EAAE,OAAO;SAC3B,EACD,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EACtC,OAAO,EAAE,2BAAgB,CAAC,OAAO,GACjC,CACH,CAAC;AACJ,CAAC,CAAC;AAnEW,QAAA,kBAAkB,sBAmE7B"}