@onewelcome/react-lib-components 6.7.0 → 7.0.0

package/dist/cjs/src/components/DataGrid/DataGridFilters/DataGridFilter.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import { DataGridColumnMetadata, Filter, FilterEditorMode, FiltersAction, PopoverTranslations, TagTranslations } from "./DataGridFilters.interfaces";
+export type Props = {
+    mode: FilterEditorMode;
+    domRoot?: HTMLElement;
+    filter?: Filter;
+    columnsMetadata: DataGridColumnMetadata[];
+    dispatch: React.Dispatch<FiltersAction>;
+    onFilterAdd?: (filter: Filter) => void;
+    onFilterEdit?: (filter: Filter) => void;
+    onFilterDelete?: (id: string) => void;
+    tagTranslations?: TagTranslations;
+    popoverTranslations?: PopoverTranslations;
+};
+export declare const DataGridFilter: ({ mode, filter, domRoot, columnsMetadata, dispatch, onFilterAdd, onFilterEdit, onFilterDelete, tagTranslations, popoverTranslations }: Props) => React.JSX.Element;

package/dist/cjs/src/components/DataGrid/DataGridFilters/DataGridFilterPopover.d.ts

@@ -0,0 +1,22 @@
+import React from "react";
+import { DataGridColumnMetadata, PopoverTranslations } from "./DataGridFilters.interfaces";
+export type Props = {
+    anchorRef?: React.RefObject<HTMLOrSVGElement>;
+    isOpen: boolean;
+    column: string;
+    columnsMetadata: DataGridColumnMetadata[];
+    values: string[];
+    pickedValues: string[];
+    operator: string;
+    operators: string[];
+    onFilterSubmit: () => void;
+    resetFields: () => void;
+    setFilterOpen: (value: React.SetStateAction<boolean>) => void;
+    setColumn: (column: React.SetStateAction<string>) => void;
+    setOperator: (operator: React.SetStateAction<string>) => void;
+    setOperators: (operators: React.SetStateAction<string[]>) => void;
+    setValues: (values: React.SetStateAction<string[]>) => void;
+    setPickedValues: (pickedValues: React.SetStateAction<string[]>) => void;
+    translations?: PopoverTranslations;
+};
+export declare const DataGridFilterPopover: ({ anchorRef, isOpen, column, columnsMetadata, values, pickedValues, operator, operators, onFilterSubmit, resetFields, setFilterOpen, setColumn, setOperator, setOperators, setValues, setPickedValues, translations }: Props) => React.JSX.Element;

package/dist/cjs/src/components/DataGrid/DataGridFilters/DataGridFilterService.d.ts

@@ -0,0 +1,15 @@
+import { DataGridColumnMetadata, Filter, FilterEditorMode } from "./DataGridFilters.interfaces";
+export declare const useDataGridFilter: (mode: FilterEditorMode, columnsMetadata: DataGridColumnMetadata[]) => {
+    resetFields: () => void;
+    initialiseFilterValues: (filter?: Filter) => void;
+    operator: string;
+    setOperator: import("react").Dispatch<import("react").SetStateAction<string>>;
+    operators: string[];
+    setOperators: import("react").Dispatch<import("react").SetStateAction<string[]>>;
+    column: string;
+    setColumn: import("react").Dispatch<import("react").SetStateAction<string>>;
+    values: string[];
+    setValues: import("react").Dispatch<import("react").SetStateAction<string[]>>;
+    pickedValues: string[];
+    setPickedValues: import("react").Dispatch<import("react").SetStateAction<string[]>>;
+};

package/dist/cjs/src/components/DataGrid/DataGridFilters/DataGridFilterTag.d.ts

@@ -0,0 +1,12 @@
+import React, { ComponentPropsWithRef, ForwardRefRenderFunction } from "react";
+import { Filter, FilterEditorMode, TagTranslations } from "./DataGridFilters.interfaces";
+export interface DataGridFilterTagProps extends ComponentPropsWithRef<"div"> {
+    triggerRef: React.Ref<HTMLDivElement>;
+    filter?: Filter;
+    mode: FilterEditorMode;
+    onFilterRemove: () => void;
+    onFilterOpen: () => void;
+    translations?: TagTranslations;
+}
+export declare const DataGridFilterTagComponent: ForwardRefRenderFunction<HTMLDivElement, DataGridFilterTagProps>;
+export declare const DataGridFilterTag: React.ForwardRefExoticComponent<Omit<DataGridFilterTagProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/cjs/src/components/DataGrid/DataGridFilters/DataGridFilters.interfaces.d.ts

@@ -0,0 +1,57 @@
+export interface Filter {
+    id: string;
+    column: string;
+    operator: string;
+    value: string[];
+}
+export type FiltersAction = {
+    type: "add";
+    payload: Filter;
+} | {
+    type: "edit";
+    payload: Filter;
+} | {
+    type: "remove";
+    payload: {
+        id: string;
+    };
+} | {
+    type: "clear";
+};
+export type FiltersState = {
+    filters: Filter[];
+};
+export type FilterEditorMode = "ADD" | "EDIT";
+export declare enum DefaultOperators {
+    is = "is",
+    isNot = "is not",
+    contains = "contains",
+    doesNotContain = "does not contain",
+    isEmpty = "is empty"
+}
+export interface DataGridColumnMetadata {
+    name: string;
+    headline: string;
+    operators?: string[];
+    defaultValues?: string[];
+}
+export interface PopoverTranslations {
+    columnSelectLabel?: string;
+    operatorSelectLabel?: string;
+    valueSelectLabel?: string;
+    addNewValueLabel?: string;
+    addNewValueButtonTitle?: string;
+    submitButtonTitle?: string;
+    cancelButtonTitle?: string;
+}
+export interface TagTranslations {
+    addButtonCaption?: string;
+}
+export interface ToolbarTranslations {
+    clearButtonCaption?: string;
+}
+export interface FiltersTranslations {
+    toolbar?: ToolbarTranslations;
+    tag?: TagTranslations;
+    popover?: PopoverTranslations;
+}

package/dist/cjs/src/components/DataGrid/DataGridFilters/DataGridToolbar.d.ts

@@ -0,0 +1,13 @@
+import React, { ComponentPropsWithRef, ForwardRefRenderFunction } from "react";
+import { DataGridColumnMetadata, Filter, FiltersTranslations } from "./DataGridFilters.interfaces";
+export interface DataGridToolbarProps extends ComponentPropsWithRef<"div"> {
+    columnsMetadata: DataGridColumnMetadata[];
+    filterValues?: Filter[];
+    translations?: FiltersTranslations;
+    onFilterAdd?: (filter: Filter) => void;
+    onFilterEdit?: (filter: Filter) => void;
+    onFilterDelete?: (id: string) => void;
+    onFiltersClear?: () => void;
+}
+export declare const DataGridToolbarComponent: ForwardRefRenderFunction<HTMLDivElement, DataGridToolbarProps>;
+export declare const DataGridToolbar: React.ForwardRefExoticComponent<Omit<DataGridToolbarProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/cjs/src/components/DataGrid/DataGridHeader/DataGridHeader.d.ts

@@ -4,6 +4,7 @@ export interface Props extends ComponentPropsWithRef<"thead"> {
     headers: HeaderCell[];
     initialSort?: Sort;
     onSort?: OnSortFunction;
+    enableExpandableRow?: boolean;
     disableContextMenuColumn?: boolean;
     enableMultiSorting?: boolean;
     spacing?: React.CSSProperties;

package/dist/cjs/src/components/DataGrid/testUtils.d.ts

@@ -0,0 +1,13 @@
+import { Filter } from "./DataGridFilters/DataGridFilters.interfaces";
+/**
+ * @scope .
+ * @scopeException stories/DataGrid/DataGrid.stories.tsx
+ */
+export declare const useMockFilteringLogic: <T>(data: T[], filterValues: Filter[] | undefined) => {
+    onFilterAdd: (filter: Filter) => void;
+    onFilterEdit: (filter: Filter) => void;
+    onFilterDelete: (id: string) => void;
+    onFiltersClear: () => void;
+    gridData: T[];
+    filters: Filter[];
+};

package/dist/cjs/src/components/Form/FileUpload/FileUpload.d.ts

@@ -11,7 +11,7 @@ export interface Props extends FileUploadType {
     multiple: boolean;
     fileList: FileType[];
     exceedingMaxSizeErrorText?: string;
-    maxFileSize?: number;
+    maxFileSizeInBytes?: number;
     selectButtonText?: string;
     dragAndDropText?: string;
     subText?: string;
@@ -24,6 +24,7 @@ export interface Props extends FileUploadType {
     downloadFileLink?: string;
     isRequired?: boolean;
     invalidDropErrorMessage?: string;
+    noMultipleFileDropErrorMessage?: string;
 }
 export declare const FileUpload: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLInputElement>>;
 export {};

package/dist/cjs/src/components/Form/Select/MultiSelect/MultiSelect.test.d.ts

@@ -1,13 +1,12 @@
-import React from "react";
 import { MultiSelectProps } from "../Select.interfaces";
-export declare const createMultiSelect: (params?: ((defaultParams: MultiSelectProps) => MultiSelectProps) | undefined) => {
+export declare const createMultiSelect: (params?: (defaultParams: MultiSelectProps) => MultiSelectProps) => {
     select: HTMLElement;
     button: HTMLElement;
     list: Element | null;
     dropdownWrapper: Element | null;
     container: HTMLElement;
     baseElement: HTMLElement;
-    debug: (baseElement?: Element | DocumentFragment | (Element | DocumentFragment)[] | undefined, maxLength?: number | undefined, options?: import("pretty-format").PrettyFormatOptions | undefined) => void;
+    debug: (baseElement?: import("react-dom/client").Container | (Element | Document) | Array<import("react-dom/client").Container | (Element | Document)>, maxLength?: number, options?: import("pretty-format").OptionsReceived) => void;
     rerender: (ui: React.ReactNode) => void;
     unmount: () => void;
     asFragment: () => DocumentFragment;

package/dist/cjs/src/components/Form/Select/MultiSelect/useSearch.d.ts

@@ -1,19 +1,9 @@
 import React from "react";
-import { PartialInputProps, SearchProps } from "../Select.interfaces";
+import { SearchProps } from "../Select.interfaces";
 interface Props {
     selectId: string;
     search?: SearchProps;
     optionsCount: number;
-    /**
-     * @deprecated
-     */
-    searchPlaceholder?: string;
-    /**
-     * @deprecated
-     */
-    searchInputProps?: PartialInputProps & {
-        reset?: boolean;
-    };
     searchInputClassName: string;
     expanded: boolean;
     setFocusedSelectItem: (idx: number) => void;
@@ -23,7 +13,7 @@ interface Props {
     getListboxId: (multiSelectId: string) => string;
 }
 /** @scope .*/
-export declare const useSearch: ({ selectId, search, optionsCount, searchPlaceholder, searchInputProps, searchInputClassName, expanded, setFocusedSelectItem, focusedSelectItem, describedBy, getOptionId, getListboxId }: Props) => {
+export declare const useSearch: ({ selectId, search, optionsCount, searchInputClassName, expanded, setFocusedSelectItem, focusedSelectItem, describedBy, getOptionId, getListboxId }: Props) => {
     renderSearch: () => React.JSX.Element;
     resetSearchState: () => void;
     searchVisible: boolean;

package/dist/cjs/src/components/Form/Select/Select.interfaces.d.ts

@@ -22,17 +22,7 @@ export interface SelectProps<V extends string | readonly string[] | undefined> e
     labeledBy?: string;
     describedBy?: string;
     placeholder?: string;
-    /**
-     * @deprecated
-     */
-    searchPlaceholder?: string;
-    /**
-     * @deprecated
-     */
-    searchInputProps?: PartialInputProps & {
-        reset?: boolean;
-    };
-    selectButtonProps?: ComponentPropsWithRef<"button">;
+    selectButtonProps?: ComponentPropsWithRef<"button"> & FormElement;
     search?: SearchProps;
     className?: string;
     value: V;

package/dist/cjs/src/components/Form/Select/SingleSelect/Select.test.d.ts

@@ -1,14 +1,13 @@
-import React from "react";
 import { SingleSelectProps } from "../Select.interfaces";
 export declare const defaultParams: SingleSelectProps;
-export declare const createSelect: (params?: ((defaultParams: SingleSelectProps) => SingleSelectProps) | undefined) => {
+export declare const createSelect: (params?: (defaultParams: SingleSelectProps) => SingleSelectProps) => {
     select: HTMLElement;
     button: HTMLElement;
     list: Element | null;
     dropdownWrapper: Element | null;
     container: HTMLElement;
     baseElement: HTMLElement;
-    debug: (baseElement?: Element | DocumentFragment | (Element | DocumentFragment)[] | undefined, maxLength?: number | undefined, options?: import("pretty-format").PrettyFormatOptions | undefined) => void;
+    debug: (baseElement?: import("react-dom/client").Container | (Element | Document) | Array<import("react-dom/client").Container | (Element | Document)>, maxLength?: number, options?: import("pretty-format").OptionsReceived) => void;
     rerender: (ui: React.ReactNode) => void;
     unmount: () => void;
     asFragment: () => DocumentFragment;

package/dist/cjs/src/components/Form/Select/SingleSelect/useSearch.d.ts

@@ -1,24 +1,14 @@
 import React from "react";
-import { PartialInputProps, SearchProps } from "../Select.interfaces";
+import { SearchProps } from "../Select.interfaces";
 interface Props {
     search?: SearchProps;
     optionsCount: number;
-    /**
-     * @deprecated
-     */
-    searchPlaceholder?: string;
-    /**
-     * @deprecated
-     */
-    searchInputProps?: PartialInputProps & {
-        reset?: boolean;
-    };
     searchInputClassName: string;
     expanded: boolean;
     setFocusedSelectItem: (idx: number) => void;
 }
 /** @scope .*/
-export declare const useSearch: ({ search, optionsCount, searchPlaceholder, searchInputProps, searchInputClassName, expanded, setFocusedSelectItem }: Props) => {
+export declare const useSearch: ({ search, optionsCount, searchInputClassName, expanded, setFocusedSelectItem }: Props) => {
     renderSearch: () => React.JSX.Element;
     setIsSearching: React.Dispatch<React.SetStateAction<boolean>>;
     searchVisible: boolean;

package/dist/cjs/src/components/Form/Select/useSelectPositionList.d.ts

@@ -2,8 +2,8 @@ import { Position, UseSelectPositionListParams } from "./Select.interfaces";
 /** @scope .*/
 export declare const useSelectPositionList: ({ expanded, optionListReference, addBtnRef, containerReference }: UseSelectPositionListParams) => {
     optionsListMaxHeight: {
-        wrapper?: string | undefined;
-        list?: string | undefined;
+        wrapper?: string;
+        list?: string;
     };
     opacity: number;
     setOpacity: import("react").Dispatch<import("react").SetStateAction<number>>;

package/dist/cjs/src/components/Icon/Icon.d.ts

@@ -77,7 +77,8 @@ export declare enum Icons {
     DownloadFile = "download-file-outline",
     RetryFile = "retry",
     AbortFile = "cancel",
-    FileAltIcon = "file-alt"
+    FileAltIcon = "file-alt",
+    AddCircle = "add-circle"
 }
 type Tag = "span" | "div" | "i";
 export interface Props extends ComponentPropsWithRef<"div"> {

package/dist/cjs/src/components/_BaseStyling_/BaseStyling.d.ts

@@ -105,30 +105,6 @@ interface CSSProperties {
     modalBackdropColor?: string;
     skeletonBackgroundColor?: string;
     skeletonAnimationColorRgb?: string;
-    /**
-     * @deprecated
-     */
-    snackbarTextColor?: string;
-    /**
-     * @deprecated
-     */
-    snackbarInfoBackgroundColor?: string;
-    /**
-     * @deprecated
-     */
-    snackbarSuccessBackgroundColor?: string;
-    /**
-     * @deprecated
-     */
-    snackbarErrorBackgroundColor?: string;
-    /**
-     * @deprecated
-     */
-    snackbarWarningBackgroundColor?: string;
-    /**
-     * @deprecated
-     */
-    snackbarBorderRadius?: string;
     alertTextColor?: string;
     alertTextInvertedColor?: string;
     alertNeutralBackgroundColor?: string;
@@ -187,7 +163,6 @@ interface CSSProperties {
     tabPressedColor?: string;
     toggleBackgroundColor?: string;
     tooltipBackgroundColor?: string;
-    wizardStepIndicatorFutureColor?: string;
     contextMenuHoverColor?: string;
     contextMenuPressedColor?: string;
     default?: string;
@@ -212,7 +187,6 @@ interface CSSProperties {
     formControlFontSize?: string;
     fileUploadBorderWidth?: string;
     dragDropBorderStyle?: string;
-    defaultZIndex1?: string;
     fontSizeDataGrid?: string;
 }
 export interface Props extends HTMLAttributes<HTMLDivElement> {

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");const t=t=>{const[l,s]=e.useState(t!==null&&t!==void 0?t:false);const o=e=>{const t=e.target;const{scrollTop:l,scrollHeight:o,clientHeight:r}=t;const c=Math.ceil(l/(o-r)*100);s(c!==0)};return{collapsed:l,handleScroll:o}};exports.useFullHeightCollapse=t;
+//# sourceMappingURL=useFullHeightCollapse.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFullHeightCollapse.cjs.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":["useFullHeightCollapse","isCollapsed","collapsed","setCollapsed","useState","handleScroll","e","target","scrollTop","scrollHeight","clientHeight","position","Math","ceil"],"mappings":"6FAkBa,MAAAA,EAAyBC,IACpC,MAAOC,EAAWC,GAAgBC,EAAQA,SAACH,IAAW,MAAXA,SAAA,EAAAA,EAAe,OAE1D,MAAMI,EAAgBC,IACpB,MAAMC,EAASD,EAAEC,OACjB,MAAMC,UAAEA,EAASC,aAAEA,EAAYC,aAAEA,GAAiBH,EAClD,MAAMI,EAAWC,KAAKC,KAAML,GAAaC,EAAeC,GAAiB,KACzEP,EAAaQ,IAAa,EAAE,EAG9B,MAAO,CACLT,YACAG,eACD"}

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

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

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var t=require("react");var e=require("./useDebouncedCallback.cjs.js");exports.horizontal=void 0;(function(t){t["LEFT"]="left";t["CENTER"]="center";t["CENTER_H"]="centerh";t["RIGHT"]="right"})(exports.horizontal||(exports.horizontal={}));exports.vertical=void 0;(function(t){t["TOP"]="top";t["CENTER"]="center";t["CENTER_V"]="centerv";t["BOTTOM"]="bottom"})(exports.vertical||(exports.vertical={}));const i={relativeElement:void 0,elementToBePositioned:void 0,transformOrigin:{horizontal:"left",vertical:"top"},placement:{horizontal:"left",vertical:"top"},offset:{top:0,right:0,bottom:0,left:0},debounceAmount:20};const o=(o=i)=>{var n;const r={...i,...o};const[l,f]=t.useState(false);if(r.transformOrigin===void 0)r.transformOrigin=i.transformOrigin;if(r.placement===void 0)r.placement=i.placement;if(r.offset===void 0)r.offset=i.offset;const[h,d]=t.useState({left:0,top:0,right:"initial",bottom:"initial"});const s=(t,e,i,o)=>{let n=t;if(e[i]==="left"&&n<0||e[i]==="top"&&n<0||e[i]==="center"&&n<0||e[i]==="bottom"&&n<0)n=0;if(e[i]==="left"&&n>window.innerWidth-o.width||e[i]==="center"&&i==="horizontal"&&n>window.innerWidth-o.width)n=window.innerWidth-o.width;if(e[i]==="top"&&n>window.innerHeight-o.height||e[i]==="center"&&i==="vertical"&&n>window.innerHeight-o.height)n=window.innerHeight-o.height;if(e[i]==="right"&&n>window.innerWidth-o.width)n=window.innerWidth-o.width;if(e[i]==="bottom"&&n>window.innerHeight-o.height)n=window.innerHeight-o.height;return n};const c=(t,e,i)=>{var o,n,l,f,h,d,s,c,a,v,u,g;let m=t;if(e==="horizontal"&&((o=r.offset)===null||o===void 0?void 0:o.left)!==0||e==="horizontal"&&((n=r.offset)===null||n===void 0?void 0:n.right)!==0){if(i[e]==="left"||i[e]==="center"){m+=(l=r.offset)===null||l===void 0?void 0:l.left;m-=(f=r.offset)===null||f===void 0?void 0:f.right}if(i[e]==="right"){m-=(h=r.offset)===null||h===void 0?void 0:h.left;m+=(d=r.offset)===null||d===void 0?void 0:d.right}}if(e==="vertical"&&((s=r.offset)===null||s===void 0?void 0:s.top)!==0||e==="vertical"&&((c=r.offset)===null||c===void 0?void 0:c.bottom)!==0){if(i[e]==="top"||i[e]==="center"){m+=(a=r.offset)===null||a===void 0?void 0:a.top;m-=(v=r.offset)===null||v===void 0?void 0:v.bottom}if(i[e]==="bottom"){m-=(u=r.offset)===null||u===void 0?void 0:u.top;m+=(g=r.offset)===null||g===void 0?void 0:g.bottom}}return m};const a=(t,e,i,o,n)=>{let r=0;if(t[e]==="left"||t[e]==="top")r=i[o];else if(t[e]==="center")r=i[o]-n[e==="horizontal"?"width":"height"]/2;else if(t[e]==="right"||t[e]==="bottom")r=window[e==="horizontal"?"innerWidth":"innerHeight"]-i[o];return r};const v=t=>{if(t==="horizontal")return"centerh";else if(t==="vertical")return"centerv";throw new Error(`the requested return value isn't "vertical" or "horizontal" ${t} was given.`)};const u=(t,e,i,o,n)=>{const r=e==="center"?v(i):e;const l=a(t,i,o,r,n);const f=c(l,i,t);const h=s(f,t,i,n);return h};const g=(t,e,i)=>{var o,n;const l=u(r.transformOrigin,r.placement[i],i,t,e);let f="left";let h="right";if(i==="horizontal"&&((o=r.transformOrigin)===null||o===void 0?void 0:o.horizontal)==="right"){f="right";h="left"}else if(i==="horizontal"){f="left";h="right"}if(i==="vertical"&&((n=r.transformOrigin)===null||n===void 0?void 0:n.vertical)==="bottom"){f="bottom";h="top"}else if(i==="vertical"){f="top";h="bottom"}d((t=>({...t,[f]:l,[h]:"initial"})))};const m=e.useDebouncedCallback((()=>{var t,e;if(!((t=r.relativeElement)===null||t===void 0?void 0:t.current)||!((e=r.elementToBePositioned)===null||e===void 0?void 0:e.current))return;const i=r.relativeElement.current.getBoundingClientRect();const o={height:r.elementToBePositioned.current.offsetHeight,width:r.elementToBePositioned.current.offsetWidth};const n={top:i.top,right:i.right,bottom:i.bottom,center:0,centerv:i.top+i.height/2,centerh:i.left+i.width/2,left:i.left,width:i.width,height:i.height,x:i.x,y:i.y};g(n,o,"horizontal");g(n,o,"vertical");if(!l)f(true)}),(n=r.debounceAmount)!==null&&n!==void 0?n:20);return{top:h.top,bottom:h.bottom,left:h.left,right:h.right,calculatePosition:m,initialCalculationDone:l}};exports.usePosition=o;
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});var t=require("react");var e=require("./useDebouncedCallback.cjs.js");exports.horizontal=void 0;(function(t){t["LEFT"]="left";t["CENTER"]="center";t["CENTER_H"]="centerh";t["RIGHT"]="right"})(exports.horizontal||(exports.horizontal={}));exports.vertical=void 0;(function(t){t["TOP"]="top";t["CENTER"]="center";t["CENTER_V"]="centerv";t["BOTTOM"]="bottom"})(exports.vertical||(exports.vertical={}));const i={relativeElement:void 0,elementToBePositioned:void 0,transformOrigin:{horizontal:"left",vertical:"top"},placement:{horizontal:"left",vertical:"top"},offset:{top:0,right:0,bottom:0,left:0},debounceAmount:20};const o=(o=i)=>{var n;const r={...i,...o};const[l,f]=t.useState(false);if(r.transformOrigin===void 0)r.transformOrigin=i.transformOrigin;if(r.placement===void 0)r.placement=i.placement;if(r.offset===void 0)r.offset=i.offset;const[h,d]=t.useState({left:0,top:0,right:"initial",bottom:"initial"});const s=(t,e,i,o)=>{let n=t;if(e[i]==="left"&&n<0||e[i]==="top"&&n<0||e[i]==="center"&&n<0||e[i]==="bottom"&&n<0)n=0;if(e[i]==="left"&&n>window.innerWidth-o.width||e[i]==="center"&&i==="horizontal"&&n>window.innerWidth-o.width)n=window.innerWidth-o.width;if(e[i]==="top"&&n>window.innerHeight-o.height||e[i]==="center"&&i==="vertical"&&n>window.innerHeight-o.height)n=window.innerHeight-o.height;if(e[i]==="right"&&n>window.innerWidth-o.width)n=window.innerWidth-o.width;if(e[i]==="bottom"&&n>window.innerHeight-o.height)n=window.innerHeight-o.height;return n};const c=(t,e,i)=>{var o,n,l,f,h,d,s,c,a,v,u,g;let m=t;if(e==="horizontal"&&((o=r.offset)===null||o===void 0?void 0:o.left)!==0||e==="horizontal"&&((n=r.offset)===null||n===void 0?void 0:n.right)!==0){if(i[e]==="left"||i[e]==="center"){m+=(l=r.offset)===null||l===void 0?void 0:l.left;m-=(f=r.offset)===null||f===void 0?void 0:f.right}if(i[e]==="right"){m-=(h=r.offset)===null||h===void 0?void 0:h.left;m+=(d=r.offset)===null||d===void 0?void 0:d.right}}if(e==="vertical"&&((s=r.offset)===null||s===void 0?void 0:s.top)!==0||e==="vertical"&&((c=r.offset)===null||c===void 0?void 0:c.bottom)!==0){if(i[e]==="top"||i[e]==="center"){m+=(a=r.offset)===null||a===void 0?void 0:a.top;m-=(v=r.offset)===null||v===void 0?void 0:v.bottom}if(i[e]==="bottom"){m-=(u=r.offset)===null||u===void 0?void 0:u.top;m+=(g=r.offset)===null||g===void 0?void 0:g.bottom}}return m};const a=(t,e,i,o,n)=>{let r=0;if(t[e]==="left"||t[e]==="top")r=i[o];else if(t[e]==="center")r=i[o]-n[e==="horizontal"?"width":"height"]/2;else if(t[e]==="right"||t[e]==="bottom")r=window[e==="horizontal"?"innerWidth":"innerHeight"]-i[o];return r};const v=t=>{if(t==="horizontal")return"centerh";else if(t==="vertical")return"centerv";throw new Error(`the requested return value isn't "vertical" or "horizontal" ${t} was given.`)};const u=(t,e,i,o,n)=>{const r=e==="center"?v(i):e;const l=a(t,i,o,r,n);const f=c(l,i,t);return s(f,t,i,n)};const g=(t,e,i)=>{var o,n;const l=u(r.transformOrigin,r.placement[i],i,t,e);let f="left";let h="right";if(i==="horizontal"&&((o=r.transformOrigin)===null||o===void 0?void 0:o.horizontal)==="right"){f="right";h="left"}else if(i==="horizontal"){f="left";h="right"}if(i==="vertical"&&((n=r.transformOrigin)===null||n===void 0?void 0:n.vertical)==="bottom"){f="bottom";h="top"}else if(i==="vertical"){f="top";h="bottom"}d((t=>({...t,[f]:l,[h]:"initial"})))};const m=e.useDebouncedCallback((()=>{var t,e;if(!((t=r.relativeElement)===null||t===void 0?void 0:t.current)||!((e=r.elementToBePositioned)===null||e===void 0?void 0:e.current))return;const i=r.relativeElement.current.getBoundingClientRect();const o={height:r.elementToBePositioned.current.offsetHeight,width:r.elementToBePositioned.current.offsetWidth};const n={top:i.top,right:i.right,bottom:i.bottom,center:0,centerv:i.top+i.height/2,centerh:i.left+i.width/2,left:i.left,width:i.width,height:i.height,x:i.x,y:i.y};g(n,o,"horizontal");g(n,o,"vertical");if(!l)f(true)}),(n=r.debounceAmount)!==null&&n!==void 0?n:20);return{top:h.top,bottom:h.bottom,left:h.left,right:h.right,calculatePosition:m,initialCalculationDone:l}};exports.usePosition=o;
 //# sourceMappingURL=usePosition.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"usePosition.cjs.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    const valueCorrectionForViewportOverflow = _fixPossibleViewportOverflow(\n      valueWithOffset,\n      transformOrigin,\n      requestedReturnValue,\n      elDimensions\n    );\n\n    return valueCorrectionForViewportOverflow;\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    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":["horizontal","vertical","defaultConfigObject","relativeElement","undefined","elementToBePositioned","transformOrigin","placement","offset","top","right","bottom","left","debounceAmount","usePosition","providedConfigObject","configObject","initialCalculationDone","setInitialCalculationDone","useState","position","setPosition","_fixPossibleViewportOverflow","value","requestedReturnValue","elDimensions","returnValue","window","innerWidth","width","innerHeight","height","_applyOffsetToPlacementValue","_a","_b","_c","_d","_e","_f","_g","_h","_j","_k","_l","_m","_calculateInitialPlacementValue","relEl","placementOriginDefinition","_determineCenteredPlacementOrigin","Error","_calculatePlacementValue","valueWithOffset","valueCorrectionForViewportOverflow","_calculatePlacement","axis","placementValue","direction","oppositeDirection","prevState","calculatePosition","useDebouncedCallback","current","relativeElRect","getBoundingClientRect","elementToBePositionedDimensions","offsetHeight","offsetWidth","clonedRelEl","center","centerv","centerh","x","y"],"mappings":"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"}
+{"version":3,"file":"usePosition.cjs.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":["horizontal","vertical","defaultConfigObject","relativeElement","undefined","elementToBePositioned","transformOrigin","placement","offset","top","right","bottom","left","debounceAmount","usePosition","providedConfigObject","configObject","initialCalculationDone","setInitialCalculationDone","useState","position","setPosition","_fixPossibleViewportOverflow","value","requestedReturnValue","elDimensions","returnValue","window","innerWidth","width","innerHeight","height","_applyOffsetToPlacementValue","_a","_b","_c","_d","_e","_f","_g","_h","_j","_k","_l","_m","_calculateInitialPlacementValue","relEl","placementOriginDefinition","_determineCenteredPlacementOrigin","Error","_calculatePlacementValue","valueWithOffset","_calculatePlacement","axis","placementValue","direction","oppositeDirection","prevState","calculatePosition","useDebouncedCallback","current","relativeElRect","getBoundingClientRect","elementToBePositionedDimensions","offsetHeight","offsetWidth","clonedRelEl","center","centerv","centerh","x","y"],"mappings":"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"}

package/dist/cjs/src/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("../_BaseStyling_/BaseStyling.cjs.js");var r=require("../Button/Button.cjs.js");var t=require("../Breadcrumbs/Breadcrumbs.cjs.js");var o=require("../ContextMenu/ContextMenu.cjs.js");var a=require("../ContextMenu/ContextMenuItem.cjs.js");var s=require("../Link/Link.cjs.js");var i=require("../Icon/Icon.cjs.js");var p=require("../Button/IconButton.cjs.js");var c=require("../Tabs/Tab.cjs.js");var n=require("../Tabs/Tabs.cjs.js");var l=require("../Tag/Tag.cjs.js");var u=require("../TextEllipsis/TextEllipsis.cjs.js");var j=require("../Tiles/Tile.cjs.js");var d=require("../Tiles/Tiles.cjs.js");var x=require("../Tooltip/Tooltip.cjs.js");var v=require("../Typography/Typography.cjs.js");var S=require("../ProgressBar/ProgressBar.cjs.js");var q=require("../Skeleton/Skeleton.cjs.js");var m=require("../StatusIndicator/StatusIndicator.cjs.js");var F=require("../Stepper/Stepper.cjs.js");var W=require("../Pagination/Pagination.cjs.js");var M=require("./hooks/useRepeater.cjs.js");var T=require("./hooks/usePosition.cjs.js");var B=require("./hooks/useDebouncedCallback.cjs.js");var b=require("./util/helper.cjs.js");var g=require("../Notifications/BaseModal/BaseModal.cjs.js");var C=require("../Notifications/Snackbar/useSnackbar.cjs.js");var I=require("../Notifications/Alert/useAlert.cjs.js");var k=require("../Notifications/Alert/AlertProvider/AlertProvider.cjs.js");var h=require("../Notifications/Alert/AlertItem/AlertItem.cjs.js");var D=require("../Notifications/Dialog/Dialog.cjs.js");var P=require("../Notifications/DiscardChangesModal/DiscardChangesModal.cjs.js");var f=require("../Notifications/BaseModal/BaseModalActions/BaseModalActions.cjs.js");var A=require("../Notifications/BaseModal/BaseModalContent/BaseModalContent.cjs.js");var y=require("../Notifications/BaseModal/BaseModalHeader/BaseModalHeader.cjs.js");var N=require("../Notifications/NotificationProvider/NotificationContext.cjs.js");var z=require("../Notifications/SlideInModal/SlideInModal.cjs.js");var G=require("../Notifications/Snackbar/SnackbarProvider/SnackbarProvider.cjs.js");var R=require("../Form/Checkbox/Checkbox.cjs.js");var H=require("../Form/Fieldset/Fieldset.cjs.js");var L=require("../Form/Form.cjs.js");var O=require("../Form/FormControl/FormControl.cjs.js");var E=require("../Form/FormGroup/FormGroup.cjs.js");var U=require("../Form/FormHelperText/FormHelperText.cjs.js");var _=require("../Form/Input/Input.cjs.js");var w=require("../Form/Wrapper/InputWrapper/InputWrapper.cjs.js");var J=require("../Form/Label/Label.cjs.js");var K=require("../Form/Radio/Radio.cjs.js");var Q=require("../Form/Wrapper/RadioWrapper/RadioWrapper.cjs.js");var V=require("../Form/Select/SingleSelect/Select.cjs.js");var X=require("../Form/Select/MultiSelect/MultiSelect.cjs.js");var Y=require("../Form/Select/SingleSelect/Option.cjs.js");var Z=require("../Form/Select/MultiSelect/MultiOption.cjs.js");var $=require("../Form/Textarea/Textarea.cjs.js");var ee=require("../Form/Toggle/Toggle.cjs.js");var re=require("../Form/Wrapper/CheckboxWrapper/CheckboxWrapper.cjs.js");var te=require("../Form/Wrapper/TextareaWrapper/TextareaWrapper.cjs.js");var oe=require("../Form/Wrapper/SelectWrapper/SelectWrapper.cjs.js");var ae=require("../Form/FileUpload/FileUpload.cjs.js");var se=require("../Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.cjs.js");var ie=require("../Layout/ContentHeader/ContentHeader.cjs.js");var pe=require("../Layout/FormPage/FormWithStepper/FormStepper/FormStepper.cjs.js");var ce=require("../Layout/FormPage/FormWithStepper/FormSection/FormSection.cjs.js");var ne=require("../Layout/FormPage/FormWithStepper/FormWithStepper.cjs.js");var le=require("../Wizard/Wizard.cjs.js");var ue=require("../Wizard/WizardActions/WizardActions.cjs.js");var je=require("../Wizard/WizardSteps/WizardSteps.cjs.js");var de=require("../Wizard/BaseWizardSteps/BaseWizardSteps.cjs.js");var xe=require("../DataGrid/DataGrid.cjs.js");var ve=require("../DataGrid/DataGridBody/DataGridRow.cjs.js");var Se=require("../DataGrid/DataGridBody/DataGridCell.cjs.js");var qe=require("../Notifications/Banner/Banner.cjs.js");exports.BaseStyling=e.BaseStyling;exports.Button=r.Button;exports.Breadcrumbs=t.Breadcrumbs;exports.ContextMenu=o.ContextMenu;exports.ContextMenuItem=a.ContextMenuItem;exports.Link=s.Link;exports.Icon=i.Icon;Object.defineProperty(exports,"Icons",{enumerable:true,get:function(){return i.Icons}});exports.IconButton=p.IconButton;exports.Tab=c.Tab;exports.Tabs=n.Tabs;exports.Tag=l.Tag;exports.TextEllipsis=u.TextEllipsis;exports.Tile=j.Tile;exports.Tiles=d.Tiles;exports.Tooltip=x.Tooltip;exports.Typography=v.Typography;exports.ProgressBar=S.ProgressBar;exports.Skeleton=q.Skeleton;exports.StatusIndicator=m.StatusIndicator;exports.Stepper=F.Stepper;exports.Pagination=W.Pagination;exports.useRepeater=M.useRepeater;exports.usePosition=T.usePosition;exports.useDebouncedCallback=B.useDebouncedCallback;exports.debounce=b.debounce;exports.generateID=b.generateID;exports.throttle=b.throttle;exports.Modal=g.BaseModal;exports.useSnackbar=C.useSnackbar;exports.useAlert=I.useAlert;exports.AlertProvider=k.AlertProvider;exports.AlertItem=h.AlertItem;exports.Dialog=D.Dialog;exports.DiscardChangesModal=P.DiscardChangesModal;exports.ModalActions=f.BaseModalActions;exports.ModalContent=A.BaseModalContent;exports.ModalHeader=y.BaseModalHeader;exports.NotificationProvider=N.NotificationProvider;exports.useNotificationContext=N.useNotificationContext;exports.SlideInModal=z.SlideInModal;exports.SnackbarProvider=G.SnackbarProvider;exports.Checkbox=R.Checkbox;exports.Fieldset=H.Fieldset;exports.Form=L.Form;exports.FormControl=O.FormControl;exports.FormGroup=E.FormGroup;exports.FormHelperText=U.FormHelperText;exports.Input=_.Input;exports.InputWrapper=w.InputWrapper;exports.Label=J.Label;exports.Radio=K.Radio;exports.RadioWrapper=Q.RadioWrapper;exports.Select=V.Select;exports.MultiSelect=X.MultiSelect;exports.Option=Y.Option;exports.MultiOption=Z.MultiOption;exports.Textarea=$.Textarea;exports.Toggle=ee.Toggle;exports.CheckboxWrapper=re.CheckboxWrapper;exports.TextareaWrapper=te.TextareaWrapper;exports.SelectWrapper=oe.SelectWrapper;exports.FileUpload=ae.FileUpload;exports.MultiSelectWrapper=se.MultiSelectWrapper;exports.ContentHeader=ie.ContentHeader;exports.FormStepper=pe.FormStepper;exports.FormSection=ce.FormSection;exports.FormWithStepper=ne.FormWithStepper;exports.Wizard=le.Wizard;exports.WizardActions=ue.WizardActions;exports.WizardSteps=je.WizardSteps;exports.BaseWizardSteps=de.BaseWizardSteps;exports.DataGrid=xe.DataGrid;exports.DataGridRow=ve.DataGridRow;exports.DataGridCell=Se.DataGridCell;exports.Banner=qe.Banner;
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("../_BaseStyling_/BaseStyling.cjs.js");var r=require("../Button/Button.cjs.js");var t=require("../Breadcrumbs/Breadcrumbs.cjs.js");var o=require("../ContextMenu/ContextMenu.cjs.js");var a=require("../ContextMenu/ContextMenuItem.cjs.js");var s=require("../Link/Link.cjs.js");var i=require("../Icon/Icon.cjs.js");var p=require("../Button/IconButton.cjs.js");var l=require("../Tabs/Tab.cjs.js");var n=require("../Tabs/Tabs.cjs.js");var c=require("../Tag/Tag.cjs.js");var u=require("../TextEllipsis/TextEllipsis.cjs.js");var j=require("../Tiles/Tile.cjs.js");var d=require("../Tiles/Tiles.cjs.js");var x=require("../Tooltip/Tooltip.cjs.js");var v=require("../Typography/Typography.cjs.js");var m=require("../ProgressBar/ProgressBar.cjs.js");var q=require("../Skeleton/Skeleton.cjs.js");var F=require("../Stepper/Stepper.cjs.js");var S=require("../Pagination/Pagination.cjs.js");var M=require("./hooks/useRepeater.cjs.js");var C=require("./hooks/useFullHeightCollapse.cjs.js");var T=require("./hooks/usePosition.cjs.js");var g=require("./hooks/useDebouncedCallback.cjs.js");var B=require("./util/helper.cjs.js");var D=require("../Notifications/BaseModal/BaseModal.cjs.js");var W=require("../Notifications/Alert/useAlert.cjs.js");var b=require("../Notifications/Alert/AlertProvider/AlertProvider.cjs.js");var I=require("../Notifications/Alert/AlertItem/AlertItem.cjs.js");var h=require("../Notifications/Dialog/Dialog.cjs.js");var G=require("../Notifications/DiscardChangesModal/DiscardChangesModal.cjs.js");var f=require("../Notifications/BaseModal/BaseModalActions/BaseModalActions.cjs.js");var k=require("../Notifications/BaseModal/BaseModalContent/BaseModalContent.cjs.js");var P=require("../Notifications/BaseModal/BaseModalHeader/BaseModalHeader.cjs.js");var y=require("../Notifications/NotificationProvider/NotificationContext.cjs.js");var A=require("../Notifications/SlideInModal/SlideInModal.cjs.js");var N=require("../Form/Checkbox/Checkbox.cjs.js");var H=require("../Form/Fieldset/Fieldset.cjs.js");var R=require("../Form/Form.cjs.js");var L=require("../Form/FormControl/FormControl.cjs.js");var w=require("../Form/FormGroup/FormGroup.cjs.js");var O=require("../Form/FormHelperText/FormHelperText.cjs.js");var E=require("../Form/Input/Input.cjs.js");var U=require("../Form/Wrapper/InputWrapper/InputWrapper.cjs.js");var _=require("../Form/Label/Label.cjs.js");var z=require("../Form/Radio/Radio.cjs.js");var J=require("../Form/Wrapper/RadioWrapper/RadioWrapper.cjs.js");var K=require("../Form/Select/SingleSelect/Select.cjs.js");var Q=require("../Form/Select/MultiSelect/MultiSelect.cjs.js");var V=require("../Form/Select/SingleSelect/Option.cjs.js");var X=require("../Form/Select/MultiSelect/MultiOption.cjs.js");var Y=require("../Form/Textarea/Textarea.cjs.js");var Z=require("../Form/Toggle/Toggle.cjs.js");var $=require("../Form/Wrapper/CheckboxWrapper/CheckboxWrapper.cjs.js");var ee=require("../Form/Wrapper/TextareaWrapper/TextareaWrapper.cjs.js");var re=require("../Form/Wrapper/SelectWrapper/SelectWrapper.cjs.js");var te=require("../Form/FileUpload/FileUpload.cjs.js");var oe=require("../Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.cjs.js");var ae=require("../Layout/ContentHeader/ContentHeader.cjs.js");var se=require("../Layout/FormPage/FormWithStepper/FormStepper/FormStepper.cjs.js");var ie=require("../Layout/FormPage/FormWithStepper/FormSection/FormSection.cjs.js");var pe=require("../Layout/FormPage/FormWithStepper/FormWithStepper.cjs.js");var le=require("../DataGrid/DataGrid.cjs.js");var ne=require("../DataGrid/DataGridBody/DataGridRow/DataGridRow.cjs.js");var ce=require("../DataGrid/DataGridBody/DataGridDrawer/DataGridDrawerItem.cjs.js");var ue=require("../DataGrid/DataGridBody/DataGridCell/DataGridCell.cjs.js");var je=require("../Notifications/Banner/Banner.cjs.js");var de=require("../admin/layout/MicrofrontendContainer/MicrofrontendContainer.cjs.js");exports.BaseStyling=e.BaseStyling;exports.Button=r.Button;exports.Breadcrumbs=t.Breadcrumbs;exports.ContextMenu=o.ContextMenu;exports.ContextMenuItem=a.ContextMenuItem;exports.Link=s.Link;exports.Icon=i.Icon;Object.defineProperty(exports,"Icons",{enumerable:true,get:function(){return i.Icons}});exports.IconButton=p.IconButton;exports.Tab=l.Tab;exports.Tabs=n.Tabs;exports.Tag=c.Tag;exports.TextEllipsis=u.TextEllipsis;exports.Tile=j.Tile;exports.Tiles=d.Tiles;exports.Tooltip=x.Tooltip;exports.Typography=v.Typography;exports.ProgressBar=m.ProgressBar;exports.Skeleton=q.Skeleton;exports.Stepper=F.Stepper;exports.Pagination=S.Pagination;exports.useRepeater=M.useRepeater;exports.useFullHeightCollapse=C.useFullHeightCollapse;exports.usePosition=T.usePosition;exports.useDebouncedCallback=g.useDebouncedCallback;exports.debounce=B.debounce;exports.generateID=B.generateID;exports.throttle=B.throttle;exports.Modal=D.BaseModal;exports.useAlert=W.useAlert;exports.AlertProvider=b.AlertProvider;exports.AlertItem=I.AlertItem;exports.Dialog=h.Dialog;exports.DiscardChangesModal=G.DiscardChangesModal;exports.ModalActions=f.BaseModalActions;exports.ModalContent=k.BaseModalContent;exports.ModalHeader=P.BaseModalHeader;exports.NotificationProvider=y.NotificationProvider;exports.useNotificationContext=y.useNotificationContext;exports.SlideInModal=A.SlideInModal;exports.Checkbox=N.Checkbox;exports.Fieldset=H.Fieldset;exports.Form=R.Form;exports.FormControl=L.FormControl;exports.FormGroup=w.FormGroup;exports.FormHelperText=O.FormHelperText;exports.Input=E.Input;exports.InputWrapper=U.InputWrapper;exports.Label=_.Label;exports.Radio=z.Radio;exports.RadioWrapper=J.RadioWrapper;exports.Select=K.Select;exports.MultiSelect=Q.MultiSelect;exports.Option=V.Option;exports.MultiOption=X.MultiOption;exports.Textarea=Y.Textarea;exports.Toggle=Z.Toggle;exports.CheckboxWrapper=$.CheckboxWrapper;exports.TextareaWrapper=ee.TextareaWrapper;exports.SelectWrapper=re.SelectWrapper;exports.FileUpload=te.FileUpload;exports.MultiSelectWrapper=oe.MultiSelectWrapper;exports.ContentHeader=ae.ContentHeader;exports.FormStepper=se.FormStepper;exports.FormSection=ie.FormSection;exports.FormWithStepper=pe.FormWithStepper;exports.DataGrid=le.DataGrid;exports.DataGridRow=ne.DataGridRow;exports.DataGridDrawerItem=ce.DataGridDrawerItem;exports.DataGridCell=ue.DataGridCell;exports.Banner=je.Banner;exports.MicrofrontendContainer=de.MicrofrontendContainer;
 //# sourceMappingURL=index.cjs.js.map

package/dist/cjs/src/index.d.ts

@@ -33,23 +33,18 @@ export { ProgressBar } from "./components/ProgressBar/ProgressBar";
 export type { Props as ProgressBarProps } from "./components/ProgressBar/ProgressBar";
 export { Skeleton } from "./components/Skeleton/Skeleton";
 export type { Props as SkeletonProps } from "./components/Skeleton/Skeleton";
-export { StatusIndicator } from "./components/StatusIndicator/StatusIndicator";
-export type { Props as StatusIndicatorProps } from "./components/StatusIndicator/StatusIndicator";
 export { Stepper } from "./components/Stepper/Stepper";
 export type { Props as StepperProps } from "./components/Stepper/Stepper";
 export type { Props as StepProps } from "./components/Stepper/Step";
 export { Pagination } from "./components/Pagination/Pagination";
 export type { Props as PaginationProps, PageChangeLabels, PaginationTranslations, PageSize } from "./components/Pagination/Pagination";
 export { useRepeater } from "./hooks/useRepeater";
+export { useFullHeightCollapse } from "./hooks/useFullHeightCollapse";
 export { usePosition, Placement } from "./hooks/usePosition";
 export { useDebouncedCallback } from "./hooks/useDebouncedCallback";
 export { generateID, debounce, throttle } from "./util/helper";
 export { Modal } from "./components/Notifications/Modal/Modal";
 export type { Props as ModalProps } from "./components/Notifications/Modal/Modal";
-/**
- * @deprecated
- */
-export { useSnackbar } from "./components/Notifications/Snackbar/useSnackbar";
 export { useAlert } from "./components/Notifications/Alert/useAlert";
 export { AlertProvider } from "./components/Notifications/Alert/AlertProvider/AlertProvider";
 export { AlertItem, Props as AlertItemProps } from "./components/Notifications/Alert/AlertItem/AlertItem";
@@ -69,8 +64,6 @@ export type { Props as NotificationProviderProps } from "./components/Notificati
 export type { AddNotification, RemoveNotification, Translations } from "./components/Notifications/NotificationProvider/notification.interfaces";
 export { SlideInModal } from "./components/Notifications/SlideInModal/SlideInModal";
 export type { Props as SlideInModalProps } from "./components/Notifications/SlideInModal/SlideInModal";
-export { SnackbarProvider } from "./components/Notifications/Snackbar/SnackbarProvider/SnackbarProvider";
-export type { Props as SnackbarProviderProps } from "./components/Notifications/Snackbar/SnackbarProvider/SnackbarProvider";
 /** Form components */
 export { Checkbox } from "./components/Form/Checkbox/Checkbox";
 export type { Props as CheckboxProps } from "./components/Form/Checkbox/Checkbox";
@@ -123,22 +116,18 @@ export { FormSection } from "./components/Layout/FormPage/FormWithStepper/FormSe
 export type { Props as FormSectionProps } from "./components/Layout/FormPage/FormWithStepper/FormSection/FormSection";
 export { FormWithStepper } from "./components/Layout/FormPage/FormWithStepper/FormWithStepper";
 export type { Props as FormWithStepperProps } from "./components/Layout/FormPage/FormWithStepper/FormWithStepper";
-/** Wizard */
-export { Wizard } from "./components/Wizard/Wizard";
-export type { Props as WizardProps } from "./components/Wizard/Wizard";
-export { WizardActions } from "./components/Wizard/WizardActions/WizardActions";
-export type { Props as WizardActionsProps } from "./components/Wizard/WizardActions/WizardActions";
-export { WizardSteps } from "./components/Wizard/WizardSteps/WizardSteps";
-export type { Props as WizardStepsProps } from "./components/Wizard/WizardSteps/WizardSteps";
-export { BaseWizardSteps } from "./components/Wizard/BaseWizardSteps/BaseWizardSteps";
-export type { Props as BaseWizardStepsProps, Step as WizardStep } from "./components/Wizard/BaseWizardSteps/BaseWizardSteps";
 /** DataGrid */
 export type { HeaderCell } from "./components/DataGrid/datagrid.interfaces";
 export { DataGrid } from "./components/DataGrid/DataGrid";
 export type { Props as DataGridProps } from "./components/DataGrid/DataGrid";
-export { DataGridRow } from "./components/DataGrid/DataGridBody/DataGridRow";
-export type { Props as DataGridRowProps } from "./components/DataGrid/DataGridBody/DataGridRow";
-export { DataGridCell } from "./components/DataGrid/DataGridBody/DataGridCell";
-export type { Props as DataGridCellProps } from "./components/DataGrid/DataGridBody/DataGridCell";
+export { DataGridRow } from "./components/DataGrid/DataGridBody/DataGridRow/DataGridRow";
+export type { Props as DataGridRowProps } from "./components/DataGrid/DataGridBody/DataGridRow/DataGridRow";
+export { DataGridDrawerItem } from "./components/DataGrid/DataGridBody/DataGridDrawer/DataGridDrawerItem";
+export type { Props as DataGridDrawerItemProps } from "./components/DataGrid/DataGridBody/DataGridDrawer/DataGridDrawerItem";
+export { DataGridCell } from "./components/DataGrid/DataGridBody/DataGridCell/DataGridCell";
+export type { Props as DataGridCellProps } from "./components/DataGrid/DataGridBody/DataGridCell/DataGridCell";
 export { Banner } from "./components/Notifications/Banner/Banner";
 export type { Props as BannerProps } from "./components/Notifications/Banner/Banner";
+/** Admin */
+export { MicrofrontendContainer } from "./components/admin/layout/MicrofrontendContainer/MicrofrontendContainer";
+export type { Props as MicrofrontendContainerProps } from "./components/admin/layout/MicrofrontendContainer/MicrofrontendContainer";