@rolster/react-components 19.13.0 → 19.15.0

package/dist/esm/controllers/ListController.js

@@ -1,172 +0,0 @@
-import { ListCollection, navigationListFromElement, navigationListFromInput } from '@rolster/components';
-import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { getRemSize } from '../helpers/css';
-import { useEventCallback } from './EventCallbackController';
-const MAX_LIST_HEIGHT_REM = 90;
-const VIEWPORT_GAP_REM = 8;
-function suggestionsShallowEqual(a, b) {
-    return (a === b ||
-        (a.length === b.length && a.every((element, index) => element === b[index])));
-}
-function useStableSuggestions(suggestions) {
-    const suggestionsRef = useRef(suggestions);
-    if (!suggestionsShallowEqual(suggestionsRef.current, suggestions)) {
-        suggestionsRef.current = suggestions;
-    }
-    return suggestionsRef.current;
-}
-function shouldDisplayHigher(content, list) {
-    if (!content) {
-        return false;
-    }
-    const remSize = getRemSize();
-    const gap = VIEWPORT_GAP_REM * remSize;
-    const { top, bottom } = content.getBoundingClientRect();
-    const spaceAbove = top - gap;
-    const spaceBelow = window.innerHeight - bottom - gap;
-    const maxHeight = MAX_LIST_HEIGHT_REM * remSize;
-    const desiredHeight = Math.min(list?.scrollHeight || maxHeight, maxHeight);
-    if (spaceBelow >= desiredHeight) {
-        return false;
-    }
-    if (spaceAbove >= desiredHeight) {
-        return true;
-    }
-    return spaceAbove > spaceBelow;
-}
-export function useListController({ suggestions, automatic, formControl, reference }) {
-    const refContent = useRef(null);
-    const refList = useRef(null);
-    const refInput = useRef(null);
-    const refSuggestions = useRef(null);
-    const listIsOpen = useRef(false);
-    const stableSuggestions = useStableSuggestions(suggestions);
-    const collection = useMemo(() => new ListCollection(stableSuggestions, reference), [stableSuggestions, reference]);
-    const [state, refreshState] = useState({
-        focused: false,
-        higher: false,
-        listIsVisible: false,
-        value: ''
-    });
-    const changeValueInternal = useRef(false);
-    const position = useRef(0);
-    const valueProtected = useRef(undefined);
-    useEffect(() => {
-        function onCloseSuggestions({ target }) {
-            if (!refContent?.current?.contains(target) &&
-                !refSuggestions?.current?.contains(target)) {
-                refreshState((state) => ({ ...state, listIsVisible: false }));
-            }
-        }
-        document.addEventListener('click', onCloseSuggestions);
-        return () => {
-            document.removeEventListener('click', onCloseSuggestions);
-        };
-    }, []);
-    useEffect(() => {
-        if (!listIsOpen.current && state.listIsVisible) {
-            listIsOpen.current = true;
-        }
-        if (listIsOpen.current && !state.listIsVisible) {
-            formControl?.touch();
-        }
-    }, [state.listIsVisible]);
-    const setState = useCallback((state) => {
-        const newState = state.listIsVisible
-            ? {
-                ...state,
-                higher: shouldDisplayHigher(refContent.current, refList.current)
-            }
-            : state;
-        refreshState((currentState) => ({ ...currentState, ...newState }));
-    }, []);
-    const setFormValue = useCallback((element, valueIsDefault = false) => {
-        refreshState((state) => ({
-            ...state,
-            value: element?.description || ''
-        }));
-        changeValueInternal.current = !Object.is(element?.value, formControl?.value);
-        if (valueIsDefault) {
-            formControl?.setDefaultValue(element?.value);
-        }
-        else {
-            formControl?.setValue(element?.value);
-        }
-    }, [formControl]);
-    const reconcileFormValue = useEventCallback(() => {
-        if (!changeValueInternal.current) {
-            if (formControl?.value) {
-                const element = collection.find(formControl.value);
-                if (!element) {
-                    valueProtected.current = formControl.value;
-                    if (automatic) {
-                        setFormValue(collection.value[0], true);
-                    }
-                    else {
-                        setFormValue(undefined);
-                    }
-                }
-                else {
-                    refreshState((state) => ({ ...state, value: element.description }));
-                }
-            }
-            else if (valueProtected.current) {
-                const element = collection.find(valueProtected.current);
-                if (element) {
-                    setFormValue(element);
-                }
-                else if (automatic) {
-                    setFormValue(collection.value[0], true);
-                }
-                else {
-                    refreshState((state) => ({ ...state, value: '' }));
-                }
-            }
-            else {
-                if (automatic) {
-                    setFormValue(collection.value[0], true);
-                }
-                else {
-                    refreshState((state) => ({ ...state, value: '' }));
-                }
-            }
-        }
-        changeValueInternal.current = false;
-    });
-    useEffect(() => {
-        reconcileFormValue();
-    }, [collection, formControl?.value]);
-    const navigationInput = useCallback((event) => {
-        if (state.listIsVisible) {
-            const newPosition = navigationListFromInput({
-                content: refContent.current,
-                event: event,
-                higher: state.higher,
-                list: refList.current
-            });
-            position.current = newPosition ?? 0;
-        }
-    }, [state.listIsVisible, state.higher]);
-    const navigationElement = useCallback((event) => {
-        position.current = navigationListFromElement({
-            content: refContent.current,
-            event: event,
-            higher: state.higher,
-            input: refInput.current,
-            list: refList.current,
-            position: position.current
-        });
-    }, [state.higher]);
-    return useMemo(() => ({
-        ...state,
-        navigationElement,
-        navigationInput,
-        refContent,
-        refInput,
-        refList,
-        refSuggestions,
-        setFormValue,
-        setState
-    }), [state, navigationElement, navigationInput, setFormValue, setState]);
-}
-//# sourceMappingURL=ListController.js.map

package/dist/esm/controllers/ListController.js.map

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

package/dist/esm/controllers/PortalController.js

@@ -1,12 +0,0 @@
-import { useCallback, useMemo, useState } from 'react';
-export function usePortalController() {
-    const [visible, setVisible] = useState(false);
-    const open = useCallback(() => {
-        setVisible(true);
-    }, []);
-    const close = useCallback(() => {
-        setVisible(false);
-    }, []);
-    return useMemo(() => ({ close, open, visible }), [close, open, visible]);
-}
-//# sourceMappingURL=PortalController.js.map

package/dist/esm/controllers/PortalController.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PortalController.js","sourceRoot":"","sources":["../../../src/controllers/PortalController.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAQvD,MAAM,UAAU,mBAAmB;IACjC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,IAAI,GAAG,WAAW,CAAC,GAAG,EAAE;QAC5B,UAAU,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE;QAC7B,UAAU,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC;AAC3E,CAAC"}

package/dist/esm/controllers/RelocationOnComponentController.js

@@ -1,96 +0,0 @@
-import { useEffect, useRef } from 'react';
-import { useEventCallback } from './EventCallbackController';
-export function useRelocationOnComponent({ container: containerRef, element: elementRef, onDrag }) {
-    const position = useRef({ x: 0, y: 0 });
-    const dragOffset = useRef({ x: 0, y: 0 });
-    const dragging = useRef(false);
-    function getClientX(positionX) {
-        let clientX = position.current.x + positionX - dragOffset.current.x;
-        if (clientX < 0) {
-            clientX = 0;
-        }
-        else {
-            const width = clientX + elementRef.current.offsetWidth;
-            if (width > containerRef.current.offsetWidth) {
-                clientX =
-                    containerRef.current.offsetWidth - elementRef.current.offsetWidth;
-            }
-        }
-        return clientX;
-    }
-    function getClientY(positionY) {
-        let clientY = position.current.y + positionY - dragOffset.current.y;
-        if (clientY < 0) {
-            clientY = 0;
-        }
-        else {
-            const height = clientY + elementRef.current.offsetHeight;
-            if (height > containerRef.current.offsetHeight) {
-                clientY =
-                    containerRef.current.offsetHeight - elementRef.current.offsetHeight;
-            }
-        }
-        return clientY;
-    }
-    const start = useEventCallback((positionX, positionY) => {
-        dragOffset.current = {
-            x: positionX,
-            y: positionY
-        };
-        position.current = {
-            x: elementRef.current.offsetLeft,
-            y: elementRef.current.offsetTop
-        };
-        dragging.current = true;
-    });
-    const relocation = useEventCallback((positionX, positionY) => {
-        const clientX = getClientX(positionX);
-        const clientY = getClientY(positionY);
-        elementRef.current.style.top = `${clientY}px`;
-        elementRef.current.style.left = `${clientX}px`;
-        onDrag?.();
-    });
-    useEffect(() => {
-        const mousedown = (event) => {
-            start(event.clientX, event.clientY);
-        };
-        const mousemove = (event) => {
-            if (dragging.current) {
-                relocation(event.clientX, event.clientY);
-                event.preventDefault();
-            }
-        };
-        const mouseup = () => {
-            dragging.current = false;
-        };
-        const touchstart = (event) => {
-            if (event.touches[0]) {
-                start(event.touches[0].clientX, event.touches[0].clientY);
-            }
-        };
-        const touchmove = (event) => {
-            if (event.touches[0] && dragging.current) {
-                relocation(event.touches[0].clientX, event.touches[0].clientY);
-                event.preventDefault();
-            }
-        };
-        const touchend = () => {
-            dragging.current = false;
-        };
-        elementRef.current.addEventListener('mousedown', mousedown);
-        elementRef.current.addEventListener('mousemove', mousemove);
-        elementRef.current.addEventListener('mouseup', mouseup);
-        elementRef.current.addEventListener('touchstart', touchstart);
-        elementRef.current.addEventListener('touchmove', touchmove);
-        elementRef.current.addEventListener('touchend', touchend);
-        return () => {
-            elementRef.current?.removeEventListener('mousedown', mousedown);
-            elementRef.current?.removeEventListener('mousemove', mousemove);
-            elementRef.current?.removeEventListener('mouseup', mouseup);
-            elementRef.current?.removeEventListener('touchstart', touchstart);
-            elementRef.current?.removeEventListener('touchmove', touchmove);
-            elementRef.current?.removeEventListener('touchend', touchend);
-        };
-    }, []);
-}
-//# sourceMappingURL=RelocationOnComponentController.js.map

package/dist/esm/controllers/RelocationOnComponentController.js.map

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

package/dist/esm/controllers/ResizeController.js

@@ -1,28 +0,0 @@
-import { useEffect, useRef } from 'react';
-import { useEventCallback } from './EventCallbackController';
-export function useResize({ refElement, onResize }) {
-    const dimension = useRef({ height: 0, width: 0 });
-    const observer = useEventCallback((entries) => {
-        const { height, width } = entries[0].contentRect;
-        onResize?.({
-            current: dimension.current,
-            dimension: {
-                height,
-                width
-            }
-        });
-        dimension.current = { height, width };
-    });
-    useEffect(() => {
-        dimension.current = {
-            height: refElement.current.offsetHeight,
-            width: refElement.current.offsetWidth
-        };
-        const resizeObserver = new ResizeObserver((entries) => observer(entries));
-        resizeObserver.observe(refElement.current);
-        return () => {
-            resizeObserver.disconnect();
-        };
-    }, []);
-}
-//# sourceMappingURL=ResizeController.js.map

package/dist/esm/controllers/ResizeController.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ResizeController.js","sourceRoot":"","sources":["../../../src/controllers/ResizeController.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAiB7D,MAAM,UAAU,SAAS,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAe;IAC7D,MAAM,SAAS,GAAG,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC;IAElD,MAAM,QAAQ,GAAG,gBAAgB,CAAC,CAAC,OAA8B,EAAE,EAAE;QACnE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC;QAEjD,QAAQ,EAAE,CAAC;YACT,OAAO,EAAE,SAAS,CAAC,OAAO;YAC1B,SAAS,EAAE;gBACT,MAAM;gBACN,KAAK;aACN;SACF,CAAC,CAAC;QAEH,SAAS,CAAC,OAAO,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC;IACxC,CAAC,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,SAAS,CAAC,OAAO,GAAG;YAClB,MAAM,EAAE,UAAU,CAAC,OAAO,CAAC,YAAY;YACvC,KAAK,EAAE,UAAU,CAAC,OAAO,CAAC,WAAW;SACtC,CAAC;QAEF,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC;QAC1E,cAAc,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QAE3C,OAAO,GAAG,EAAE;YACV,cAAc,CAAC,UAAU,EAAE,CAAC;QAC9B,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;AACT,CAAC"}

package/dist/esm/controllers/TabsController.js

@@ -1,20 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useFormControl } from '@rolster/react-forms';
-import { useMemo, useRef } from 'react';
-import { RlsTabs } from '../components/molecules/Tabs/Tabs';
-export function useTabsController(options) {
-    const formControl = useFormControl(options.value);
-    const tabsRef = useRef(options.tabs);
-    tabsRef.current = options.tabs;
-    const onValueRef = useRef(options.onValue);
-    onValueRef.current = options.onValue;
-    const formControlRef = useRef(formControl);
-    formControlRef.current = formControl;
-    const Tabs = useMemo(() => {
-        return function Tabs(props) {
-            return (_jsx(RlsTabs, { ...props, tabs: tabsRef.current, formControl: formControlRef.current, onValue: onValueRef.current }));
-        };
-    }, []);
-    return useMemo(() => ({ Tabs, formControl }), [Tabs, formControl]);
-}
-//# sourceMappingURL=TabsController.js.map

package/dist/esm/controllers/TabsController.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabsController.js","sourceRoot":"","sources":["../../../src/controllers/TabsController.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAa,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,OAAO,EAAO,MAAM,mCAAmC,CAAC;AAgBjE,MAAM,UAAU,iBAAiB,CAC/B,OAAiC;IAEjC,MAAM,WAAW,GAAG,cAAc,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAElD,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IACrC,OAAO,CAAC,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC;IAE/B,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAC3C,UAAU,CAAC,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;IAErC,MAAM,cAAc,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;IAC3C,cAAc,CAAC,OAAO,GAAG,WAAW,CAAC;IAErC,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,EAAE;QACxB,OAAO,SAAS,IAAI,CAAC,KAAyB;YAC5C,OAAO,CACL,KAAC,OAAO,OACF,KAAK,EACT,IAAI,EAAE,OAAO,CAAC,OAAO,EACrB,WAAW,EAAE,cAAc,CAAC,OAAO,EACnC,OAAO,EAAE,UAAU,CAAC,OAAO,GAC3B,CACH,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC;AACrE,CAAC"}

package/dist/esm/definitions.js

@@ -1,2 +0,0 @@
-export const DEFAULT_DESIGN_SYSTEM = 'bordered';
-//# sourceMappingURL=definitions.js.map

package/dist/esm/definitions.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"definitions.js","sourceRoot":"","sources":["../../src/definitions.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,qBAAqB,GAAoB,UAAU,CAAC"}

package/dist/esm/helpers/app-theme.js

@@ -1,20 +0,0 @@
-const APP_THEME_ATTRIBUTE = 'app-theme';
-export function getAppTheme() {
-    if (typeof document === 'undefined') {
-        return 'light';
-    }
-    const theme = document.body.getAttribute(APP_THEME_ATTRIBUTE);
-    return theme === 'dark' || theme === 'dim' ? theme : 'light';
-}
-export function setAppTheme(theme) {
-    if (typeof document === 'undefined') {
-        return;
-    }
-    document.body.setAttribute(APP_THEME_ATTRIBUTE, theme);
-}
-export function toggleAppTheme() {
-    const theme = getAppTheme() === 'dark' ? 'light' : 'dark';
-    setAppTheme(theme);
-    return theme;
-}
-//# sourceMappingURL=app-theme.js.map

package/dist/esm/helpers/app-theme.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"app-theme.js","sourceRoot":"","sources":["../../../src/helpers/app-theme.ts"],"names":[],"mappings":"AAEA,MAAM,mBAAmB,GAAG,WAAW,CAAC;AAExC,MAAM,UAAU,WAAW;IACzB,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,CAAC;QACpC,OAAO,OAAO,CAAC;IACjB,CAAC;IAED,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC,mBAAmB,CAAC,CAAC;IAE9D,OAAO,KAAK,KAAK,MAAM,IAAI,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC;AAC/D,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,KAAkB;IAC5C,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,CAAC;QACpC,OAAO;IACT,CAAC;IAED,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC,mBAAmB,EAAE,KAAK,CAAC,CAAC;AACzD,CAAC;AAED,MAAM,UAAU,cAAc;IAC5B,MAAM,KAAK,GAAgB,WAAW,EAAE,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;IAEvE,WAAW,CAAC,KAAK,CAAC,CAAC;IAEnB,OAAO,KAAK,CAAC;AACf,CAAC"}