@onewelcome/react-lib-components 9.8.0 → 10.0.0

package/dist/esm/src/hooks/useFormSelector.esm.js

@@ -1,47 +0,0 @@
-import { useState, useEffect } from 'react';
-import { generateID } from '../util/helper.esm.js';
-
-/*
- * Copyright 2022 OneWelcome B.V.
- *
- *    Licensed under the Apache License, Version 2.0 (the "License");
- *    you may not use this file except in compliance with the License.
- *    You may obtain a copy of the License at
- *
- *        http://www.apache.org/licenses/LICENSE-2.0
- *
- *    Unless required by applicable law or agreed to in writing, software
- *    distributed under the License is distributed on an "AS IS" BASIS,
- *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *    See the License for the specific language governing permissions and
- *    limitations under the License.
- */
-const useFormSelector = (configObject) => {
-    const [identifier] = useState(generateID(15, configObject.name));
-    const [describedBy, setDescribedBy] = useState("");
-    const [errorId] = useState(generateID(15, configObject.errorMessage));
-    useEffect(() => {
-        if (configObject.error && configObject.parentErrorId) {
-            setDescribedBy(configObject.parentErrorId);
-        }
-        if ((!configObject.error && configObject.helperText) ||
-            (!configObject.parentErrorId && !configObject.errorMessage && configObject.helperText)) {
-            setDescribedBy(`${identifier}`);
-        }
-        if ((!configObject.error && !configObject.helperText && configObject.parentHelperId) ||
-            (!configObject.parentErrorId && !configObject.errorMessage && configObject.parentHelperId)) {
-            setDescribedBy(`${configObject.parentHelperId}`);
-        }
-        if (configObject.errorMessage && !configObject.parentErrorId && configObject.error) {
-            setDescribedBy(errorId);
-        }
-    }, [identifier, configObject.error, configObject.parentErrorId]);
-    return {
-        describedBy,
-        errorId,
-        identifier
-    };
-};
-
-export { useFormSelector };
-//# sourceMappingURL=useFormSelector.esm.js.map

package/dist/esm/src/hooks/useFormSelector.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useFormSelector.esm.js","sources":["../../../../../../src/hooks/useFormSelector.ts"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport { useEffect, useState } from \"react\";\nimport { generateID } from \"../util/helper\";\n\nexport interface ConfigObject {\n  name: string | undefined;\n  errorMessage?: string;\n  error?: boolean;\n  parentErrorId?: string;\n  helperText?: string;\n  parentHelperId?: string;\n}\n\nexport const useFormSelector = (configObject: ConfigObject) => {\n  const [identifier] = useState(generateID(15, configObject.name));\n  const [describedBy, setDescribedBy] = useState(\"\");\n  const [errorId] = useState(generateID(15, configObject.errorMessage));\n\n  useEffect(() => {\n    if (configObject.error && configObject.parentErrorId) {\n      setDescribedBy(configObject.parentErrorId);\n    }\n\n    if (\n      (!configObject.error && configObject.helperText) ||\n      (!configObject.parentErrorId && !configObject.errorMessage && configObject.helperText)\n    ) {\n      setDescribedBy(`${identifier}`);\n    }\n\n    if (\n      (!configObject.error && !configObject.helperText && configObject.parentHelperId) ||\n      (!configObject.parentErrorId && !configObject.errorMessage && configObject.parentHelperId)\n    ) {\n      setDescribedBy(`${configObject.parentHelperId}`);\n    }\n\n    if (configObject.errorMessage && !configObject.parentErrorId && configObject.error) {\n      setDescribedBy(errorId);\n    }\n  }, [identifier, configObject.error, configObject.parentErrorId]);\n\n  return {\n    describedBy,\n    errorId,\n    identifier\n  };\n};\n"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;AAcG;AAcU,MAAA,eAAe,GAAG,CAAC,YAA0B,KAAI;AAC5D,IAAA,MAAM,CAAC,UAAU,CAAC,GAAG,QAAQ,CAAC,UAAU,CAAC,EAAE,EAAE,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC;IACjE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;AACnD,IAAA,MAAM,CAAC,OAAO,CAAC,GAAG,QAAQ,CAAC,UAAU,CAAC,EAAE,EAAE,YAAY,CAAC,YAAY,CAAC,CAAC,CAAC;IAEtE,SAAS,CAAC,MAAK;QACb,IAAI,YAAY,CAAC,KAAK,IAAI,YAAY,CAAC,aAAa,EAAE;AACpD,YAAA,cAAc,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC;SAC5C;QAED,IACE,CAAC,CAAC,YAAY,CAAC,KAAK,IAAI,YAAY,CAAC,UAAU;AAC/C,aAAC,CAAC,YAAY,CAAC,aAAa,IAAI,CAAC,YAAY,CAAC,YAAY,IAAI,YAAY,CAAC,UAAU,CAAC,EACtF;AACA,YAAA,cAAc,CAAC,CAAA,EAAG,UAAU,CAAA,CAAE,CAAC,CAAC;SACjC;AAED,QAAA,IACE,CAAC,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC,YAAY,CAAC,UAAU,IAAI,YAAY,CAAC,cAAc;AAC/E,aAAC,CAAC,YAAY,CAAC,aAAa,IAAI,CAAC,YAAY,CAAC,YAAY,IAAI,YAAY,CAAC,cAAc,CAAC,EAC1F;AACA,YAAA,cAAc,CAAC,CAAG,EAAA,YAAY,CAAC,cAAc,CAAA,CAAE,CAAC,CAAC;SAClD;AAED,QAAA,IAAI,YAAY,CAAC,YAAY,IAAI,CAAC,YAAY,CAAC,aAAa,IAAI,YAAY,CAAC,KAAK,EAAE;YAClF,cAAc,CAAC,OAAO,CAAC,CAAC;SACzB;AACH,KAAC,EAAE,CAAC,UAAU,EAAE,YAAY,CAAC,KAAK,EAAE,YAAY,CAAC,aAAa,CAAC,CAAC,CAAC;IAEjE,OAAO;QACL,WAAW;QACX,OAAO;QACP,UAAU;KACX,CAAC;AACJ;;;;"}

package/dist/esm/src/hooks/useFormSelector.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/esm/src/hooks/useFullHeightCollapse.d.ts

@@ -1,4 +0,0 @@
-export declare const useFullHeightCollapse: (isCollapsed?: boolean) => {
-    collapsed: boolean;
-    handleScroll: (e: React.UIEvent<HTMLDivElement>) => void;
-};

package/dist/esm/src/hooks/useFullHeightCollapse.esm.js

@@ -1,33 +0,0 @@
-import { useState } from 'react';
-
-/*
- * Copyright 2022 OneWelcome B.V.
- *
- *    Licensed under the Apache License, Version 2.0 (the "License");
- *    you may not use this file except in compliance with the License.
- *    You may obtain a copy of the License at
- *
- *        http://www.apache.org/licenses/LICENSE-2.0
- *
- *    Unless required by applicable law or agreed to in writing, software
- *    distributed under the License is distributed on an "AS IS" BASIS,
- *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *    See the License for the specific language governing permissions and
- *    limitations under the License.
- */
-const useFullHeightCollapse = (isCollapsed) => {
-    const [collapsed, setCollapsed] = useState(isCollapsed !== null && isCollapsed !== void 0 ? isCollapsed : false);
-    const handleScroll = (e) => {
-        const target = e.target;
-        const { scrollTop, scrollHeight, clientHeight } = target;
-        const position = Math.ceil((scrollTop / (scrollHeight - clientHeight)) * 100);
-        setCollapsed(position !== 0);
-    };
-    return {
-        collapsed,
-        handleScroll
-    };
-};
-
-export { useFullHeightCollapse };
-//# sourceMappingURL=useFullHeightCollapse.esm.js.map

package/dist/esm/src/hooks/useFullHeightCollapse.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useFullHeightCollapse.esm.js","sources":["../../../../../../src/hooks/useFullHeightCollapse.ts"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport { useState } from \"react\";\n\nexport const useFullHeightCollapse = (isCollapsed?: boolean) => {\n  const [collapsed, setCollapsed] = useState(isCollapsed ?? false);\n\n  const handleScroll = (e: React.UIEvent<HTMLDivElement>) => {\n    const target = e.target as HTMLDivElement;\n    const { scrollTop, scrollHeight, clientHeight } = target;\n    const position = Math.ceil((scrollTop / (scrollHeight - clientHeight)) * 100);\n    setCollapsed(position !== 0);\n  };\n\n  return {\n    collapsed,\n    handleScroll\n  };\n};\n"],"names":[],"mappings":";;AAAA;;;;;;;;;;;;;;AAcG;AAIU,MAAA,qBAAqB,GAAG,CAAC,WAAqB,KAAI;AAC7D,IAAA,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,WAAW,KAAA,IAAA,IAAX,WAAW,KAAX,KAAA,CAAA,GAAA,WAAW,GAAI,KAAK,CAAC,CAAC;AAEjE,IAAA,MAAM,YAAY,GAAG,CAAC,CAAgC,KAAI;AACxD,QAAA,MAAM,MAAM,GAAG,CAAC,CAAC,MAAwB,CAAC;QAC1C,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,MAAM,CAAC;AACzD,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,SAAS,IAAI,YAAY,GAAG,YAAY,CAAC,IAAI,GAAG,CAAC,CAAC;AAC9E,QAAA,YAAY,CAAC,QAAQ,KAAK,CAAC,CAAC,CAAC;AAC/B,KAAC,CAAC;IAEF,OAAO;QACL,SAAS;QACT,YAAY;KACb,CAAC;AACJ;;;;"}

package/dist/esm/src/hooks/useFullHeightCollapse.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/esm/src/hooks/useGetDomRoot.d.ts

@@ -1,3 +0,0 @@
-export declare const useGetDomRoot: (passedDomRoot: HTMLElement | undefined, relativeElement: React.RefObject<HTMLDivElement> | null) => {
-    root: HTMLElement;
-};

package/dist/esm/src/hooks/useGetDomRoot.esm.js

@@ -1,37 +0,0 @@
-import { useState, useEffect } from 'react';
-
-/*
- * Copyright 2022 OneWelcome B.V.
- *
- *    Licensed under the Apache License, Version 2.0 (the "License");
- *    you may not use this file except in compliance with the License.
- *    You may obtain a copy of the License at
- *
- *        http://www.apache.org/licenses/LICENSE-2.0
- *
- *    Unless required by applicable law or agreed to in writing, software
- *    distributed under the License is distributed on an "AS IS" BASIS,
- *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *    See the License for the specific language governing permissions and
- *    limitations under the License.
- */
-const useGetDomRoot = (passedDomRoot, relativeElement) => {
-    const [root, setRoot] = useState(document.body);
-    useEffect(() => {
-        if ((relativeElement === null || relativeElement === void 0 ? void 0 : relativeElement.current) && !passedDomRoot) {
-            const closestBaseStylingWrapper = relativeElement.current.closest(".basestyling-wrapper");
-            if (closestBaseStylingWrapper) {
-                setRoot(closestBaseStylingWrapper);
-                return;
-            }
-        }
-        else if (passedDomRoot) {
-            setRoot(passedDomRoot);
-            return;
-        }
-    }, [relativeElement]);
-    return { root };
-};
-
-export { useGetDomRoot };
-//# sourceMappingURL=useGetDomRoot.esm.js.map

package/dist/esm/src/hooks/useGetDomRoot.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useGetDomRoot.esm.js","sources":["../../../../../../src/hooks/useGetDomRoot.ts"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport { useEffect, useState } from \"react\";\n\nexport const useGetDomRoot = (\n  passedDomRoot: HTMLElement | undefined,\n  relativeElement: React.RefObject<HTMLDivElement> | null\n) => {\n  const [root, setRoot] = useState<HTMLElement>(document.body);\n\n  useEffect(() => {\n    if (relativeElement?.current && !passedDomRoot) {\n      const closestBaseStylingWrapper = relativeElement.current.closest(\".basestyling-wrapper\");\n\n      if (closestBaseStylingWrapper) {\n        setRoot(closestBaseStylingWrapper as HTMLElement);\n        return;\n      }\n    } else if (passedDomRoot) {\n      setRoot(passedDomRoot);\n      return;\n    }\n  }, [relativeElement]);\n\n  return { root };\n};\n"],"names":[],"mappings":";;AAAA;;;;;;;;;;;;;;AAcG;MAIU,aAAa,GAAG,CAC3B,aAAsC,EACtC,eAAuD,KACrD;AACF,IAAA,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAc,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE7D,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAA,eAAe,KAAf,IAAA,IAAA,eAAe,KAAf,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,eAAe,CAAE,OAAO,KAAI,CAAC,aAAa,EAAE;YAC9C,MAAM,yBAAyB,GAAG,eAAe,CAAC,OAAO,CAAC,OAAO,CAAC,sBAAsB,CAAC,CAAC;YAE1F,IAAI,yBAAyB,EAAE;gBAC7B,OAAO,CAAC,yBAAwC,CAAC,CAAC;gBAClD,OAAO;aACR;SACF;aAAM,IAAI,aAAa,EAAE;YACxB,OAAO,CAAC,aAAa,CAAC,CAAC;YACvB,OAAO;SACR;AACH,KAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,OAAO,EAAE,IAAI,EAAE,CAAC;AAClB;;;;"}

package/dist/esm/src/hooks/usePosition.d.ts

@@ -1,50 +0,0 @@
-import React from "react";
-export interface ConfigObject {
-    relativeElement: RefElement;
-    elementToBePositioned: RefElement;
-    transformOrigin?: Placement;
-    placement?: Placement;
-    offset?: Offset;
-    debounceAmount?: number;
-}
-export declare enum horizontal {
-    LEFT = "left",
-    CENTER = "center",
-    CENTER_H = "centerh",
-    RIGHT = "right"
-}
-export declare enum vertical {
-    TOP = "top",
-    CENTER = "center",
-    CENTER_V = "centerv",
-    BOTTOM = "bottom"
-}
-export type HorizontalPlacement = `${horizontal}`;
-export type VerticalPlacement = `${vertical}`;
-type RefElement = React.RefObject<HTMLOrSVGElement> | undefined;
-export interface Placement {
-    horizontal: HorizontalPlacement;
-    vertical: VerticalPlacement;
-}
-export interface Offset {
-    top: number;
-    right: number;
-    bottom: number;
-    left: number;
-}
-export interface Position {
-    top: PositionType;
-    right: PositionType;
-    bottom: PositionType;
-    left: PositionType;
-}
-export type PositionType = number | "initial";
-export declare const usePosition: (providedConfigObject?: ConfigObject) => {
-    top: PositionType;
-    bottom: PositionType;
-    left: PositionType;
-    right: PositionType;
-    calculatePosition: (...args: any[]) => void;
-    initialCalculationDone: boolean;
-};
-export {};

package/dist/esm/src/hooks/usePosition.esm.js

@@ -1,241 +0,0 @@
-import { useState } from 'react';
-import { useDebouncedCallback } from './useDebouncedCallback.esm.js';
-
-/*
- * Copyright 2022 OneWelcome B.V.
- *
- *    Licensed under the Apache License, Version 2.0 (the "License");
- *    you may not use this file except in compliance with the License.
- *    You may obtain a copy of the License at
- *
- *        http://www.apache.org/licenses/LICENSE-2.0
- *
- *    Unless required by applicable law or agreed to in writing, software
- *    distributed under the License is distributed on an "AS IS" BASIS,
- *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *    See the License for the specific language governing permissions and
- *    limitations under the License.
- */
-var horizontal;
-(function (horizontal) {
-    horizontal["LEFT"] = "left";
-    horizontal["CENTER"] = "center";
-    horizontal["CENTER_H"] = "centerh";
-    horizontal["RIGHT"] = "right";
-})(horizontal || (horizontal = {}));
-var vertical;
-(function (vertical) {
-    vertical["TOP"] = "top";
-    vertical["CENTER"] = "center";
-    vertical["CENTER_V"] = "centerv";
-    vertical["BOTTOM"] = "bottom";
-})(vertical || (vertical = {}));
-const defaultConfigObject = {
-    relativeElement: undefined,
-    elementToBePositioned: undefined,
-    transformOrigin: {
-        horizontal: "left",
-        vertical: "top"
-    },
-    placement: {
-        horizontal: "left",
-        vertical: "top"
-    },
-    offset: {
-        top: 0,
-        right: 0,
-        bottom: 0,
-        left: 0
-    },
-    debounceAmount: 20
-};
-/* eslint-disable @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain*/
-const usePosition = (providedConfigObject = defaultConfigObject) => {
-    var _a;
-    const configObject = { ...defaultConfigObject, ...providedConfigObject };
-    const [initialCalculationDone, setInitialCalculationDone] = useState(false);
-    if (configObject.transformOrigin === undefined) {
-        configObject.transformOrigin = defaultConfigObject.transformOrigin;
-    }
-    if (configObject.placement === undefined) {
-        configObject.placement = defaultConfigObject.placement;
-    }
-    if (configObject.offset === undefined) {
-        configObject.offset = defaultConfigObject.offset;
-    }
-    const [position, setPosition] = useState({
-        left: 0,
-        top: 0,
-        right: "initial",
-        bottom: "initial"
-    });
-    const _fixPossibleViewportOverflow = (value, transformOrigin, requestedReturnValue, elDimensions) => {
-        let returnValue = value;
-        if ((transformOrigin[requestedReturnValue] === "left" && returnValue < 0) ||
-            (transformOrigin[requestedReturnValue] === "top" && returnValue < 0) ||
-            (transformOrigin[requestedReturnValue] === "center" && returnValue < 0) ||
-            (transformOrigin[requestedReturnValue] === "bottom" && returnValue < 0)) {
-            returnValue = 0;
-        }
-        if ((transformOrigin[requestedReturnValue] === "left" &&
-            returnValue > window.innerWidth - elDimensions.width) ||
-            (transformOrigin[requestedReturnValue] === "center" &&
-                requestedReturnValue === "horizontal" &&
-                returnValue > window.innerWidth - elDimensions.width)) {
-            returnValue = window.innerWidth - elDimensions.width;
-        }
-        if ((transformOrigin[requestedReturnValue] === "top" &&
-            returnValue > window.innerHeight - elDimensions.height) ||
-            (transformOrigin[requestedReturnValue] === "center" &&
-                requestedReturnValue === "vertical" &&
-                returnValue > window.innerHeight - elDimensions.height)) {
-            returnValue = window.innerHeight - elDimensions.height;
-        }
-        if (transformOrigin[requestedReturnValue] === "right" &&
-            returnValue > window.innerWidth - elDimensions.width) {
-            returnValue = window.innerWidth - elDimensions.width;
-        }
-        if (transformOrigin[requestedReturnValue] === "bottom" &&
-            returnValue > window.innerHeight - elDimensions.height) {
-            returnValue = window.innerHeight - elDimensions.height;
-        }
-        return returnValue;
-    };
-    const _applyOffsetToPlacementValue = (value, requestedReturnValue, transformOrigin) => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
-        let returnValue = value;
-        if ((requestedReturnValue === "horizontal" && ((_a = configObject.offset) === null || _a === void 0 ? void 0 : _a.left) !== 0) ||
-            (requestedReturnValue === "horizontal" && ((_b = configObject.offset) === null || _b === void 0 ? void 0 : _b.right) !== 0)) {
-            if (transformOrigin[requestedReturnValue] === "left" ||
-                transformOrigin[requestedReturnValue] === "center") {
-                returnValue += (_c = configObject.offset) === null || _c === void 0 ? void 0 : _c.left;
-                returnValue -= (_d = configObject.offset) === null || _d === void 0 ? void 0 : _d.right;
-            }
-            if (transformOrigin[requestedReturnValue] === "right") {
-                returnValue -= (_e = configObject.offset) === null || _e === void 0 ? void 0 : _e.left;
-                returnValue += (_f = configObject.offset) === null || _f === void 0 ? void 0 : _f.right;
-            }
-        }
-        if ((requestedReturnValue === "vertical" && ((_g = configObject.offset) === null || _g === void 0 ? void 0 : _g.top) !== 0) ||
-            (requestedReturnValue === "vertical" && ((_h = configObject.offset) === null || _h === void 0 ? void 0 : _h.bottom) !== 0)) {
-            if (transformOrigin[requestedReturnValue] === "top" ||
-                transformOrigin[requestedReturnValue] === "center") {
-                returnValue += (_j = configObject.offset) === null || _j === void 0 ? void 0 : _j.top;
-                returnValue -= (_k = configObject.offset) === null || _k === void 0 ? void 0 : _k.bottom;
-            }
-            if (transformOrigin[requestedReturnValue] === "bottom") {
-                returnValue -= (_l = configObject.offset) === null || _l === void 0 ? void 0 : _l.top;
-                returnValue += (_m = configObject.offset) === null || _m === void 0 ? void 0 : _m.bottom;
-            }
-        }
-        return returnValue;
-    };
-    const _calculateInitialPlacementValue = (transformOrigin, requestedReturnValue, relEl, placementOriginDefinition, elDimensions) => {
-        let value = 0;
-        if (transformOrigin[requestedReturnValue] === "left" ||
-            transformOrigin[requestedReturnValue] === "top") {
-            value = relEl[placementOriginDefinition];
-        }
-        else if (transformOrigin[requestedReturnValue] === "center") {
-            value =
-                relEl[placementOriginDefinition] -
-                    elDimensions[requestedReturnValue === "horizontal" ? "width" : "height"] / 2;
-        }
-        else if (transformOrigin[requestedReturnValue] === "right" ||
-            transformOrigin[requestedReturnValue] === "bottom") {
-            value =
-                window[requestedReturnValue === "horizontal" ? "innerWidth" : "innerHeight"] -
-                    relEl[placementOriginDefinition];
-        }
-        return value;
-    };
-    /**
-     *
-     * @param requestedReturnValue whether the requested return value is for the horizontal or vertical axis
-     * @returns either the horizontally centered placement definition (centerh) or the vertically centered one (centerv)
-     */
-    const _determineCenteredPlacementOrigin = (requestedReturnValue) => {
-        if (requestedReturnValue === "horizontal") {
-            return "centerh";
-        }
-        else if (requestedReturnValue === "vertical") {
-            return "centerv";
-        }
-        throw new Error(`the requested return value isn't "vertical" or "horizontal" ${requestedReturnValue} was given.`);
-    };
-    const _calculatePlacementValue = (transformOrigin, placement, requestedReturnValue, relEl, elDimensions) => {
-        const placementOriginDefinition = placement === "center" ? _determineCenteredPlacementOrigin(requestedReturnValue) : placement;
-        const value = _calculateInitialPlacementValue(transformOrigin, requestedReturnValue, relEl, placementOriginDefinition, elDimensions);
-        const valueWithOffset = _applyOffsetToPlacementValue(value, requestedReturnValue, transformOrigin);
-        return _fixPossibleViewportOverflow(valueWithOffset, transformOrigin, requestedReturnValue, elDimensions);
-    };
-    const _calculatePlacement = (relEl, elDimensions, axis) => {
-        var _a, _b;
-        const placementValue = _calculatePlacementValue(configObject.transformOrigin, configObject.placement[axis], axis, relEl, elDimensions);
-        let direction = "left";
-        let oppositeDirection = "right";
-        if (axis === "horizontal" && ((_a = configObject.transformOrigin) === null || _a === void 0 ? void 0 : _a.horizontal) === "right") {
-            direction = "right";
-            oppositeDirection = "left";
-        }
-        else if (axis === "horizontal") {
-            direction = "left";
-            oppositeDirection = "right";
-        }
-        if (axis === "vertical" && ((_b = configObject.transformOrigin) === null || _b === void 0 ? void 0 : _b.vertical) === "bottom") {
-            direction = "bottom";
-            oppositeDirection = "top";
-        }
-        else if (axis === "vertical") {
-            direction = "top";
-            oppositeDirection = "bottom";
-        }
-        setPosition(prevState => ({
-            ...prevState,
-            [direction]: placementValue,
-            [oppositeDirection]: "initial"
-        }));
-    };
-    const calculatePosition = useDebouncedCallback(() => {
-        var _a, _b;
-        if (!((_a = configObject.relativeElement) === null || _a === void 0 ? void 0 : _a.current) || !((_b = configObject.elementToBePositioned) === null || _b === void 0 ? void 0 : _b.current)) {
-            return;
-        }
-        const relativeElRect = configObject.relativeElement
-            .current.getBoundingClientRect();
-        const elementToBePositionedDimensions = {
-            height: configObject.elementToBePositioned.current.offsetHeight,
-            width: configObject.elementToBePositioned.current.offsetWidth
-        };
-        /** We want to add a center (horizontal and vertical) property to the DOMRect object. Since it's a special object we can't modify so we clone it and add it. */
-        const clonedRelEl = {
-            top: relativeElRect.top,
-            right: relativeElRect.right,
-            bottom: relativeElRect.bottom,
-            center: 0,
-            centerv: relativeElRect.top + relativeElRect.height / 2,
-            centerh: relativeElRect.left + relativeElRect.width / 2,
-            left: relativeElRect.left,
-            width: relativeElRect.width,
-            height: relativeElRect.height,
-            x: relativeElRect.x,
-            y: relativeElRect.y
-        };
-        _calculatePlacement(clonedRelEl, elementToBePositionedDimensions, "horizontal");
-        _calculatePlacement(clonedRelEl, elementToBePositionedDimensions, "vertical");
-        if (!initialCalculationDone) {
-            setInitialCalculationDone(true);
-        }
-    }, (_a = configObject.debounceAmount) !== null && _a !== void 0 ? _a : 20);
-    return {
-        top: position.top,
-        bottom: position.bottom,
-        left: position.left,
-        right: position.right,
-        calculatePosition,
-        initialCalculationDone
-    };
-};
-
-export { horizontal, usePosition, vertical };
-//# sourceMappingURL=usePosition.esm.js.map

package/dist/esm/src/hooks/usePosition.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"usePosition.esm.js","sources":["../../../../../../src/hooks/usePosition.ts"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { useState } from \"react\";\nimport { useDebouncedCallback } from \"./useDebouncedCallback\";\n\nexport interface ConfigObject {\n  relativeElement: RefElement;\n  elementToBePositioned: RefElement;\n  transformOrigin?: Placement;\n  placement?: Placement;\n  offset?: Offset;\n  debounceAmount?: number;\n}\n\nexport enum horizontal {\n  LEFT = \"left\",\n  CENTER = \"center\",\n  CENTER_H = \"centerh\",\n  RIGHT = \"right\"\n}\n\nexport enum vertical {\n  TOP = \"top\",\n  CENTER = \"center\",\n  CENTER_V = \"centerv\",\n  BOTTOM = \"bottom\"\n}\n\nexport type HorizontalPlacement = `${horizontal}`;\nexport type VerticalPlacement = `${vertical}`;\n\ntype Axis = \"vertical\" | \"horizontal\";\ntype RefElement = React.RefObject<HTMLOrSVGElement> | undefined;\n\ninterface DomRectObject {\n  top: number;\n  right: number;\n  bottom: number;\n  left: number;\n  center: number;\n  centerh: number;\n  centerv: number;\n  width: number;\n  height: number;\n  x: number;\n  y: number;\n}\n\nexport interface Placement {\n  horizontal: HorizontalPlacement;\n  vertical: VerticalPlacement;\n}\n\nexport interface Offset {\n  top: number;\n  right: number;\n  bottom: number;\n  left: number;\n}\n\nexport interface Position {\n  top: PositionType;\n  right: PositionType;\n  bottom: PositionType;\n  left: PositionType;\n}\n\ninterface Dimensions {\n  height: number;\n  width: number;\n}\n\nexport type PositionType = number | \"initial\";\n\nconst defaultConfigObject: ConfigObject = {\n  relativeElement: undefined,\n  elementToBePositioned: undefined,\n  transformOrigin: {\n    horizontal: \"left\",\n    vertical: \"top\"\n  },\n  placement: {\n    horizontal: \"left\",\n    vertical: \"top\"\n  },\n  offset: {\n    top: 0,\n    right: 0,\n    bottom: 0,\n    left: 0\n  },\n  debounceAmount: 20\n};\n\n/* eslint-disable @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain*/\nexport const usePosition = (providedConfigObject: ConfigObject = defaultConfigObject) => {\n  const configObject = { ...defaultConfigObject, ...providedConfigObject };\n  const [initialCalculationDone, setInitialCalculationDone] = useState(false);\n\n  if (configObject.transformOrigin === undefined) {\n    configObject.transformOrigin = defaultConfigObject.transformOrigin;\n  }\n\n  if (configObject.placement === undefined) {\n    configObject.placement = defaultConfigObject.placement;\n  }\n\n  if (configObject.offset === undefined) {\n    configObject.offset = defaultConfigObject.offset;\n  }\n\n  const [position, setPosition] = useState<Position>({\n    left: 0,\n    top: 0,\n    right: \"initial\",\n    bottom: \"initial\"\n  });\n\n  const _fixPossibleViewportOverflow = (\n    value: number,\n    transformOrigin: Placement,\n    requestedReturnValue: Axis,\n    elDimensions: Dimensions\n  ) => {\n    let returnValue = value;\n\n    if (\n      (transformOrigin[requestedReturnValue] === \"left\" && returnValue < 0) ||\n      (transformOrigin[requestedReturnValue] === \"top\" && returnValue < 0) ||\n      (transformOrigin[requestedReturnValue] === \"center\" && returnValue < 0) ||\n      (transformOrigin[requestedReturnValue] === \"bottom\" && returnValue < 0)\n    ) {\n      returnValue = 0;\n    }\n\n    if (\n      (transformOrigin[requestedReturnValue] === \"left\" &&\n        returnValue > window.innerWidth - elDimensions.width) ||\n      (transformOrigin[requestedReturnValue] === \"center\" &&\n        requestedReturnValue === \"horizontal\" &&\n        returnValue > window.innerWidth - elDimensions.width)\n    ) {\n      returnValue = window.innerWidth - elDimensions.width;\n    }\n\n    if (\n      (transformOrigin[requestedReturnValue] === \"top\" &&\n        returnValue > window.innerHeight - elDimensions.height) ||\n      (transformOrigin[requestedReturnValue] === \"center\" &&\n        requestedReturnValue === \"vertical\" &&\n        returnValue > window.innerHeight - elDimensions.height)\n    ) {\n      returnValue = window.innerHeight - elDimensions.height;\n    }\n\n    if (\n      transformOrigin[requestedReturnValue] === \"right\" &&\n      returnValue > window.innerWidth - elDimensions.width\n    ) {\n      returnValue = window.innerWidth - elDimensions.width;\n    }\n\n    if (\n      transformOrigin[requestedReturnValue] === \"bottom\" &&\n      returnValue > window.innerHeight - elDimensions.height\n    ) {\n      returnValue = window.innerHeight - elDimensions.height;\n    }\n\n    return returnValue;\n  };\n\n  const _applyOffsetToPlacementValue = (\n    value: number,\n    requestedReturnValue: Axis,\n    transformOrigin: Placement\n  ) => {\n    let returnValue = value;\n    if (\n      (requestedReturnValue === \"horizontal\" && configObject.offset?.left !== 0) ||\n      (requestedReturnValue === \"horizontal\" && configObject.offset?.right !== 0)\n    ) {\n      if (\n        transformOrigin[requestedReturnValue] === \"left\" ||\n        transformOrigin[requestedReturnValue] === \"center\"\n      ) {\n        returnValue += configObject.offset?.left!;\n        returnValue -= configObject.offset?.right!;\n      }\n\n      if (transformOrigin[requestedReturnValue] === \"right\") {\n        returnValue -= configObject.offset?.left!;\n        returnValue += configObject.offset?.right!;\n      }\n    }\n\n    if (\n      (requestedReturnValue === \"vertical\" && configObject.offset?.top !== 0) ||\n      (requestedReturnValue === \"vertical\" && configObject.offset?.bottom !== 0)\n    ) {\n      if (\n        transformOrigin[requestedReturnValue] === \"top\" ||\n        transformOrigin[requestedReturnValue] === \"center\"\n      ) {\n        returnValue += configObject.offset?.top!;\n        returnValue -= configObject.offset?.bottom!;\n      }\n\n      if (transformOrigin[requestedReturnValue] === \"bottom\") {\n        returnValue -= configObject.offset?.top!;\n        returnValue += configObject.offset?.bottom!;\n      }\n    }\n\n    return returnValue;\n  };\n\n  const _calculateInitialPlacementValue = (\n    transformOrigin: Placement,\n    requestedReturnValue: Axis,\n    relEl: DomRectObject,\n    placementOriginDefinition: HorizontalPlacement | VerticalPlacement,\n    elDimensions: Dimensions\n  ) => {\n    let value = 0;\n\n    if (\n      transformOrigin[requestedReturnValue] === \"left\" ||\n      transformOrigin[requestedReturnValue] === \"top\"\n    ) {\n      value = relEl[placementOriginDefinition];\n    } else if (transformOrigin[requestedReturnValue] === \"center\") {\n      value =\n        relEl[placementOriginDefinition] -\n        elDimensions[requestedReturnValue === \"horizontal\" ? \"width\" : \"height\"] / 2;\n    } else if (\n      transformOrigin[requestedReturnValue] === \"right\" ||\n      transformOrigin[requestedReturnValue] === \"bottom\"\n    ) {\n      value =\n        window[requestedReturnValue === \"horizontal\" ? \"innerWidth\" : \"innerHeight\"] -\n        relEl[placementOriginDefinition];\n    }\n\n    return value;\n  };\n\n  /**\n   *\n   * @param requestedReturnValue whether the requested return value is for the horizontal or vertical axis\n   * @returns either the horizontally centered placement definition (centerh) or the vertically centered one (centerv)\n   */\n  const _determineCenteredPlacementOrigin = (requestedReturnValue: Axis) => {\n    if (requestedReturnValue === \"horizontal\") {\n      return \"centerh\";\n    } else if (requestedReturnValue === \"vertical\") {\n      return \"centerv\";\n    }\n    throw new Error(\n      `the requested return value isn't \"vertical\" or \"horizontal\" ${requestedReturnValue} was given.`\n    );\n  };\n\n  const _calculatePlacementValue = (\n    transformOrigin: Placement,\n    placement: HorizontalPlacement | VerticalPlacement,\n    requestedReturnValue: Axis,\n    relEl: DomRectObject,\n    elDimensions: Dimensions\n  ): number => {\n    const placementOriginDefinition =\n      placement === \"center\" ? _determineCenteredPlacementOrigin(requestedReturnValue) : placement;\n\n    const value = _calculateInitialPlacementValue(\n      transformOrigin,\n      requestedReturnValue,\n      relEl,\n      placementOriginDefinition,\n      elDimensions\n    );\n\n    const valueWithOffset = _applyOffsetToPlacementValue(\n      value,\n      requestedReturnValue,\n      transformOrigin\n    );\n\n    return _fixPossibleViewportOverflow(\n      valueWithOffset,\n      transformOrigin,\n      requestedReturnValue,\n      elDimensions\n    );\n  };\n\n  const _calculatePlacement = (relEl: DomRectObject, elDimensions: Dimensions, axis: Axis) => {\n    const placementValue = _calculatePlacementValue(\n      configObject.transformOrigin!,\n      configObject.placement![axis]!,\n      axis,\n      relEl,\n      elDimensions\n    );\n\n    let direction = \"left\";\n    let oppositeDirection = \"right\";\n\n    if (axis === \"horizontal\" && configObject.transformOrigin?.horizontal === \"right\") {\n      direction = \"right\";\n      oppositeDirection = \"left\";\n    } else if (axis === \"horizontal\") {\n      direction = \"left\";\n      oppositeDirection = \"right\";\n    }\n\n    if (axis === \"vertical\" && configObject.transformOrigin?.vertical === \"bottom\") {\n      direction = \"bottom\";\n      oppositeDirection = \"top\";\n    } else if (axis === \"vertical\") {\n      direction = \"top\";\n      oppositeDirection = \"bottom\";\n    }\n\n    setPosition(prevState => ({\n      ...prevState,\n      [direction]: placementValue,\n      [oppositeDirection]: \"initial\"\n    }));\n  };\n\n  const calculatePosition = useDebouncedCallback(() => {\n    if (!configObject.relativeElement?.current || !configObject.elementToBePositioned?.current) {\n      return;\n    }\n    const relativeElRect = (configObject.relativeElement!\n      .current as HTMLElement)!.getBoundingClientRect();\n    const elementToBePositionedDimensions: Dimensions = {\n      height: (configObject.elementToBePositioned!.current as HTMLElement).offsetHeight,\n      width: (configObject.elementToBePositioned!.current as HTMLElement).offsetWidth\n    };\n\n    /** We want to add a center (horizontal and vertical) property to the DOMRect object. Since it's a special object we can't modify so we clone it and add it. */\n    const clonedRelEl = {\n      top: relativeElRect.top,\n      right: relativeElRect.right,\n      bottom: relativeElRect.bottom,\n      center: 0,\n      centerv: relativeElRect.top + relativeElRect.height / 2,\n      centerh: relativeElRect.left + relativeElRect.width / 2,\n      left: relativeElRect.left,\n      width: relativeElRect.width,\n      height: relativeElRect.height,\n      x: relativeElRect.x,\n      y: relativeElRect.y\n    };\n\n    _calculatePlacement(clonedRelEl, elementToBePositionedDimensions, \"horizontal\");\n    _calculatePlacement(clonedRelEl, elementToBePositionedDimensions, \"vertical\");\n\n    if (!initialCalculationDone) {\n      setInitialCalculationDone(true);\n    }\n  }, configObject.debounceAmount ?? 20);\n\n  return {\n    top: position.top,\n    bottom: position.bottom,\n    left: position.left,\n    right: position.right,\n    calculatePosition,\n    initialCalculationDone\n  };\n};\n"],"names":[],"mappings":"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"}

package/dist/esm/src/hooks/usePosition.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/esm/src/hooks/useRepeatFocus.d.ts

@@ -1,7 +0,0 @@
-import { RefObject } from "react";
-/**
- * @description This is a hook that will make sure that when a modal is open and the user tabs through the it,
- * the focus will be repeated and the user will not lose their entire focusable element to an element in the background
- * that is being blocked by the modal.
- */
-export declare const useRepeatFocus: (ref: RefObject<HTMLDivElement>) => void;

package/dist/esm/src/hooks/useRepeatFocus.esm.js

@@ -1,80 +0,0 @@
-import { useEffect } from 'react';
-
-/*
- * Copyright 2022 OneWelcome B.V.
- *
- *    Licensed under the Apache License, Version 2.0 (the "License");
- *    you may not use this file except in compliance with the License.
- *    You may obtain a copy of the License at
- *
- *        http://www.apache.org/licenses/LICENSE-2.0
- *
- *    Unless required by applicable law or agreed to in writing, software
- *    distributed under the License is distributed on an "AS IS" BASIS,
- *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *    See the License for the specific language governing permissions and
- *    limitations under the License.
- */
-/**
- * @description This is a hook that will make sure that when a modal is open and the user tabs through the it,
- * the focus will be repeated and the user will not lose their entire focusable element to an element in the background
- * that is being blocked by the modal.
- */
-const useRepeatFocus = (ref) => {
-    const getFocusableElement = (element, position) => {
-        const baseSelectors = [
-            "button",
-            "[href]",
-            "input",
-            "select",
-            "textarea",
-            "[tabindex]",
-            "[contenteditable]"
-        ];
-        const focusableSelectors = baseSelectors
-            .map(selector => `${selector}:not([tabindex="-1"])`)
-            .join(", ");
-        const focusableElements = element.querySelectorAll(focusableSelectors);
-        if (position === "first") {
-            return focusableElements[0] || null;
-        }
-        else if (position === "last") {
-            return focusableElements[focusableElements.length - 1] || null;
-        }
-        return null;
-    };
-    useEffect(() => {
-        if (!ref.current || !open) {
-            return;
-        }
-        const lastFocusableElement = getFocusableElement(ref.current, "last");
-        const firstFocusableElement = getFocusableElement(ref.current, "first");
-        if (!lastFocusableElement || !firstFocusableElement) {
-            return;
-        }
-        const handleTabKeyPress = (event) => {
-            if (event.key !== "Tab") {
-                return;
-            }
-            if (event.shiftKey) {
-                if (document.activeElement === firstFocusableElement) {
-                    event.preventDefault();
-                    lastFocusableElement === null || lastFocusableElement === void 0 ? void 0 : lastFocusableElement.focus();
-                }
-            }
-            else if (document.activeElement === lastFocusableElement) {
-                event.preventDefault();
-                firstFocusableElement === null || firstFocusableElement === void 0 ? void 0 : firstFocusableElement.focus();
-            }
-        };
-        lastFocusableElement.addEventListener("keydown", handleTabKeyPress);
-        firstFocusableElement.addEventListener("keydown", handleTabKeyPress);
-        return () => {
-            lastFocusableElement.removeEventListener("keydown", handleTabKeyPress);
-            firstFocusableElement.removeEventListener("keydown", handleTabKeyPress);
-        };
-    }, [ref, open]);
-};
-
-export { useRepeatFocus };
-//# sourceMappingURL=useRepeatFocus.esm.js.map

package/dist/esm/src/hooks/useRepeatFocus.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useRepeatFocus.esm.js","sources":["../../../../../../src/hooks/useRepeatFocus.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport { RefObject, useEffect } from \"react\";\n\n/**\n * @description This is a hook that will make sure that when a modal is open and the user tabs through the it,\n * the focus will be repeated and the user will not lose their entire focusable element to an element in the background\n * that is being blocked by the modal.\n */\n\nexport const useRepeatFocus = (ref: RefObject<HTMLDivElement>) => {\n  const getFocusableElement = (\n    element: HTMLElement,\n    position: \"first\" | \"last\"\n  ): HTMLElement | null => {\n    const baseSelectors = [\n      \"button\",\n      \"[href]\",\n      \"input\",\n      \"select\",\n      \"textarea\",\n      \"[tabindex]\",\n      \"[contenteditable]\"\n    ];\n    const focusableSelectors = baseSelectors\n      .map(selector => `${selector}:not([tabindex=\"-1\"])`)\n      .join(\", \");\n    const focusableElements = element.querySelectorAll<HTMLElement>(focusableSelectors);\n\n    if (position === \"first\") {\n      return focusableElements[0] || null;\n    } else if (position === \"last\") {\n      return focusableElements[focusableElements.length - 1] || null;\n    }\n\n    return null;\n  };\n\n  useEffect(() => {\n    if (!ref.current || !open) {\n      return;\n    }\n\n    const lastFocusableElement = getFocusableElement(ref.current, \"last\");\n    const firstFocusableElement = getFocusableElement(ref.current, \"first\");\n\n    if (!lastFocusableElement || !firstFocusableElement) {\n      return;\n    }\n\n    const handleTabKeyPress = (event: KeyboardEvent) => {\n      if (event.key !== \"Tab\") {\n        return;\n      }\n\n      if (event.shiftKey) {\n        if (document.activeElement === firstFocusableElement) {\n          event.preventDefault();\n          lastFocusableElement?.focus();\n        }\n      } else if (document.activeElement === lastFocusableElement) {\n        event.preventDefault();\n        firstFocusableElement?.focus();\n      }\n    };\n\n    lastFocusableElement.addEventListener(\"keydown\", handleTabKeyPress);\n    firstFocusableElement.addEventListener(\"keydown\", handleTabKeyPress);\n\n    return () => {\n      lastFocusableElement.removeEventListener(\"keydown\", handleTabKeyPress);\n      firstFocusableElement.removeEventListener(\"keydown\", handleTabKeyPress);\n    };\n  }, [ref, open]);\n};\n"],"names":[],"mappings":";;AAAA;;;;;;;;;;;;;;AAcG;AAIH;;;;AAIG;AAEU,MAAA,cAAc,GAAG,CAAC,GAA8B,KAAI;AAC/D,IAAA,MAAM,mBAAmB,GAAG,CAC1B,OAAoB,EACpB,QAA0B,KACJ;AACtB,QAAA,MAAM,aAAa,GAAG;YACpB,QAAQ;YACR,QAAQ;YACR,OAAO;YACP,QAAQ;YACR,UAAU;YACV,YAAY;YACZ,mBAAmB;SACpB,CAAC;QACF,MAAM,kBAAkB,GAAG,aAAa;aACrC,GAAG,CAAC,QAAQ,IAAI,CAAG,EAAA,QAAQ,uBAAuB,CAAC;aACnD,IAAI,CAAC,IAAI,CAAC,CAAC;QACd,MAAM,iBAAiB,GAAG,OAAO,CAAC,gBAAgB,CAAc,kBAAkB,CAAC,CAAC;AAEpF,QAAA,IAAI,QAAQ,KAAK,OAAO,EAAE;AACxB,YAAA,OAAO,iBAAiB,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC;SACrC;AAAM,aAAA,IAAI,QAAQ,KAAK,MAAM,EAAE;YAC9B,OAAO,iBAAiB,CAAC,iBAAiB,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,IAAI,CAAC;SAChE;AAED,QAAA,OAAO,IAAI,CAAC;AACd,KAAC,CAAC;IAEF,SAAS,CAAC,MAAK;QACb,IAAI,CAAC,GAAG,CAAC,OAAO,IAAI,CAAC,IAAI,EAAE;YACzB,OAAO;SACR;QAED,MAAM,oBAAoB,GAAG,mBAAmB,CAAC,GAAG,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;QACtE,MAAM,qBAAqB,GAAG,mBAAmB,CAAC,GAAG,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;AAExE,QAAA,IAAI,CAAC,oBAAoB,IAAI,CAAC,qBAAqB,EAAE;YACnD,OAAO;SACR;AAED,QAAA,MAAM,iBAAiB,GAAG,CAAC,KAAoB,KAAI;AACjD,YAAA,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,EAAE;gBACvB,OAAO;aACR;AAED,YAAA,IAAI,KAAK,CAAC,QAAQ,EAAE;AAClB,gBAAA,IAAI,QAAQ,CAAC,aAAa,KAAK,qBAAqB,EAAE;oBACpD,KAAK,CAAC,cAAc,EAAE,CAAC;AACvB,oBAAA,oBAAoB,aAApB,oBAAoB,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAApB,oBAAoB,CAAE,KAAK,EAAE,CAAC;iBAC/B;aACF;AAAM,iBAAA,IAAI,QAAQ,CAAC,aAAa,KAAK,oBAAoB,EAAE;gBAC1D,KAAK,CAAC,cAAc,EAAE,CAAC;AACvB,gBAAA,qBAAqB,aAArB,qBAAqB,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAArB,qBAAqB,CAAE,KAAK,EAAE,CAAC;aAChC;AACH,SAAC,CAAC;AAEF,QAAA,oBAAoB,CAAC,gBAAgB,CAAC,SAAS,EAAE,iBAAiB,CAAC,CAAC;AACpE,QAAA,qBAAqB,CAAC,gBAAgB,CAAC,SAAS,EAAE,iBAAiB,CAAC,CAAC;AAErE,QAAA,OAAO,MAAK;AACV,YAAA,oBAAoB,CAAC,mBAAmB,CAAC,SAAS,EAAE,iBAAiB,CAAC,CAAC;AACvE,YAAA,qBAAqB,CAAC,mBAAmB,CAAC,SAAS,EAAE,iBAAiB,CAAC,CAAC;AAC1E,SAAC,CAAC;AACJ,KAAC,EAAE,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC;AAClB;;;;"}

package/dist/esm/src/hooks/useRepeater.d.ts

@@ -1,10 +0,0 @@
-import React, { JSX } from "react";
-interface Arguments {
-    componentToRepeat: React.ReactElement;
-}
-export declare const useRepeater: <T>({ componentToRepeat }: Arguments) => {
-    repeatedComponents: JSX.Element[];
-    repeat: () => void;
-    remove: (componentToRemove: React.ReactElement<T>) => void;
-};
-export {};