@onewelcome/react-lib-components 6.7.1 → 7.1.0

package/dist/cjs/admin/layout/MicrofrontendContainer/MicrofrontendContainer.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"MicrofrontendContainer.cjs.js","sources":["../../../../../../../src/components/admin/layout/MicrofrontendContainer/MicrofrontendContainer.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 React, { ReactElement } from \"react\";\nimport classes from \"./MicrofrontendContainer.module.scss\";\n\nexport interface Props {\n  header?: ReactElement | ReactElement[];\n  children: ReactElement | ReactElement[];\n  contentMargins?: boolean;\n  contentMaxWidth?: boolean;\n}\n\nexport const MicrofrontendContainer = ({\n  header,\n  children,\n  contentMargins = true,\n  contentMaxWidth = true,\n  ...rest\n}: Props) => {\n  const appliedClasses = [];\n\n  contentMargins && appliedClasses.push(classes[\"microfrontend-container-margin\"]);\n  contentMaxWidth && appliedClasses.push(classes[\"microfrontend-container-max-width\"]);\n\n  return (\n    <>\n      <div>{header}</div>\n      <div className={appliedClasses.join(\" \")} {...rest}>\n        {children}\n      </div>\n    </>\n  );\n};\n"],"names":["MicrofrontendContainer","header","children","contentMargins","contentMaxWidth","rest","appliedClasses","push","classes","React","createElement","Fragment","className","join"],"mappings":"+OA0BaA,EAAyB,EACpCC,SACAC,WACAC,iBAAiB,KACjBC,kBAAkB,QACfC,MAEH,MAAMC,EAAiB,GAEvBH,GAAkBG,EAAeC,KAAKC,EAAAA,WAAQ,mCAC9CJ,GAAmBE,EAAeC,KAAKC,EAAAA,WAAQ,sCAE/C,OACEC,aAAAC,cAAAD,EAAA,WAAAE,SAAA,KACEF,EAAAA,WAAAC,cAAA,MAAA,KAAMT,GACNQ,EAAAA,WAAAC,cAAA,MAAA,CAAKE,UAAWN,EAAeO,KAAK,QAAUR,GAC3CH,GAGL"}
+{"version":3,"file":"MicrofrontendContainer.cjs.js","sources":["../../../../../../../src/components/admin/layout/MicrofrontendContainer/MicrofrontendContainer.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 React, { ReactElement } from \"react\";\nimport classes from \"./MicrofrontendContainer.module.scss\";\n\nexport interface Props {\n  header?: ReactElement | ReactElement[];\n  children: ReactElement | ReactElement[];\n  contentMargins?: boolean;\n  contentMaxWidth?: boolean;\n}\n\nexport const MicrofrontendContainer = ({\n  header,\n  children,\n  contentMargins = true,\n  contentMaxWidth = true,\n  ...rest\n}: Props) => {\n  const appliedClasses = [];\n\n  contentMargins && appliedClasses.push(classes[\"microfrontend-container-margin\"]);\n  contentMaxWidth && appliedClasses.push(classes[\"microfrontend-container-max-width\"]);\n\n  return (\n    <>\n      <div>{header}</div>\n      <div className={appliedClasses.join(\" \")} {...rest}>\n        {children}\n      </div>\n    </>\n  );\n};\n"],"names":["header","children","contentMargins","contentMaxWidth","rest","appliedClasses","push","classes","React","createElement","Fragment","className","join"],"mappings":"4HA0BsC,EACpCA,SACAC,WACAC,kBAAiB,EACjBC,mBAAkB,KACfC,MAEH,MAAMC,EAAiB,GAKvB,OAHAH,GAAkBG,EAAeC,KAAKC,EAAAA,QAAQ,mCAC9CJ,GAAmBE,EAAeC,KAAKC,EAAAA,QAAQ,sCAG7CC,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAAA,MAAA,KAAMT,GACNQ,EAAAC,cAAA,MAAA,CAAKE,UAAWN,EAAeO,KAAK,QAAUR,GAC3CH,GAGL"}

package/dist/cjs/admin/layout/MicrofrontendContainer/MicrofrontendContainer.module.scss.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../../../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\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 */.MicrofrontendContainer-module_microfrontend-container-margin__sCNCe{padding:2rem}.MicrofrontendContainer-module_microfrontend-container-max-width__AMgo6{max-width:105rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1pY3JvZnJvbnRlbmRDb250YWluZXIubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRixxRUFDRSxZQUNGLENBQ0Esd0VBQ0UsZ0JBQ0YiLCJmaWxlIjoiTWljcm9mcm9udGVuZENvbnRhaW5lci5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4ubWljcm9mcm9udGVuZC1jb250YWluZXItbWFyZ2luIHtcbiAgcGFkZGluZzogMnJlbTtcbn1cbi5taWNyb2Zyb250ZW5kLWNvbnRhaW5lci1tYXgtd2lkdGgge1xuICBtYXgtd2lkdGg6IDEwNXJlbTtcbn0iXX0= */'),exports.default={"microfrontend-container-margin":"MicrofrontendContainer-module_microfrontend-container-margin__sCNCe","microfrontend-container-max-width":"MicrofrontendContainer-module_microfrontend-container-max-width__AMgo6"};
+//# sourceMappingURL=MicrofrontendContainer.module.scss.cjs.js.map

package/dist/cjs/admin/layout/MicrofrontendContainer/MicrofrontendContainer.module.scss.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MicrofrontendContainer.module.scss.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/cjs/node_modules/style-inject/dist/style-inject.es.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});function e(e,t){if(t===void 0)t={};var d=t.insertAt;if(!e||typeof document==="undefined")return;var s=document.head||document.getElementsByTagName("head")[0];var i=document.createElement("style");i.type="text/css";if(d==="top")if(s.firstChild)s.insertBefore(i,s.firstChild);else s.appendChild(i);else s.appendChild(i);if(i.styleSheet)i.styleSheet.cssText=e;else i.appendChild(document.createTextNode(e))}exports["default"]=e;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=function(e,t){void 0===t&&(t={});var d=t.insertAt;if(e&&"undefined"!=typeof document){var s=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===d&&s.firstChild?s.insertBefore(n,s.firstChild):s.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}};
 //# sourceMappingURL=style-inject.es.cjs.js.map

package/dist/cjs/node_modules/style-inject/dist/style-inject.es.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"style-inject.es.cjs.js","sources":["../../../../../node_modules/style-inject/dist/style-inject.es.js"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n"],"names":["styleInject","css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode"],"mappings":"sEAAA,SAASA,EAAYC,EAAKC,GACxB,GAAKA,SAAa,EAAIA,EAAM,CAAA,EAC5B,IAAIC,EAAWD,EAAIC,SAEnB,IAAKF,UAAcG,WAAa,YAAe,OAE/C,IAAIC,EAAOD,SAASC,MAAQD,SAASE,qBAAqB,QAAQ,GAClE,IAAIC,EAAQH,SAASI,cAAc,SACnCD,EAAME,KAAO,WAEb,GAAIN,IAAa,MACf,GAAIE,EAAKK,WACPL,EAAKM,aAAaJ,EAAOF,EAAKK,iBAE9BL,EAAKO,YAAYL,QAGnBF,EAAKO,YAAYL,GAGnB,GAAIA,EAAMM,WACRN,EAAMM,WAAWC,QAAUb,OAE3BM,EAAMK,YAAYR,SAASW,eAAed,GAE9C"}
+{"version":3,"file":"style-inject.es.cjs.js","sources":["../../../../../node_modules/style-inject/dist/style-inject.es.js"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n"],"names":["css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode"],"mappings":"oFAAA,SAAqBA,EAAKC,QACX,IAARA,IAAiBA,EAAM,CAAA,GAC5B,IAAIC,EAAWD,EAAIC,SAEnB,GAAKF,GAA2B,oBAAbG,SAAnB,CAEA,IAAIC,EAAOD,SAASC,MAAQD,SAASE,qBAAqB,QAAQ,GAC9DC,EAAQH,SAASI,cAAc,SACnCD,EAAME,KAAO,WAEI,QAAbN,GACEE,EAAKK,WACPL,EAAKM,aAAaJ,EAAOF,EAAKK,YAKhCL,EAAKO,YAAYL,GAGfA,EAAMM,WACRN,EAAMM,WAAWC,QAAUb,EAE3BM,EAAMK,YAAYR,SAASW,eAAed,GAnBY,CAqB1D","x_google_ignoreList":[0]}

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

@@ -3,6 +3,7 @@ import { Props as ButtonProps } from "../Button/Button";
 import { HeaderCell, OnSortFunction, Sort } from "./datagrid.interfaces";
 import { Props as PaginationProps } from "../Pagination/Pagination";
 import { Spacing } from "../../hooks/useSpacing";
+import { DataGridToolbarProps } from "./DataGridFilters/DataGridToolbar";
 export interface Props<T> extends Omit<ComponentPropsWithRef<"div">, "children"> {
     children: ({ item, index }: {
         item: T;
@@ -24,6 +25,11 @@ export interface Props<T> extends Omit<ComponentPropsWithRef<"div">, "children">
     emptyLabel?: string;
     paginationProps?: PaginationProps;
     disableContextMenuColumn?: boolean;
+    enableExpandableRow?: boolean;
+    filters?: {
+        enable: boolean;
+        filtersProps: DataGridToolbarProps;
+    };
     isLoading?: boolean;
     enableMultiSorting?: boolean;
     spacing?: Spacing;

package/dist/cjs/src/components/DataGrid/DataGridBody/DataGridDrawer/DataGridDrawer.d.ts

@@ -0,0 +1,5 @@
+import React, { ComponentPropsWithRef } from "react";
+export interface Props extends ComponentPropsWithRef<"div"> {
+    isExpanded: boolean;
+}
+export declare const DataGridDrawer: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/cjs/src/components/DataGrid/DataGridBody/DataGridDrawer/DataGridDrawerItem.d.ts

@@ -0,0 +1,6 @@
+import React, { ComponentPropsWithRef } from "react";
+export interface Props extends ComponentPropsWithRef<"div"> {
+    title?: string;
+    description?: string;
+}
+export declare const DataGridDrawerItem: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/cjs/src/components/DataGrid/DataGridBody/DataGridRow/DataGridRow.d.ts

@@ -0,0 +1,16 @@
+import React, { ComponentPropsWithRef } from "react";
+import { HeaderCell } from "../../datagrid.interfaces";
+export interface Props extends ComponentPropsWithRef<"tr"> {
+    headers?: HeaderCell[];
+    isLoading?: boolean;
+    spacing?: React.CSSProperties;
+    disableContextMenuColumn?: boolean;
+    expandableRowProps?: {
+        enableExpandableRow: boolean;
+        expandableRowContent: React.ReactNode;
+        expandButtonTitle?: string;
+        expandButtonId?: string;
+        drawerId?: string;
+    };
+}
+export declare const DataGridRow: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLTableRowElement>>;

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,10 @@ export declare enum Icons {
     DownloadFile = "download-file-outline",
     RetryFile = "retry",
     AbortFile = "cancel",
-    FileAltIcon = "file-alt"
+    FileAltIcon = "file-alt",
+    AddCircle = "add-circle",
+    ZoomIn = "zoom-in",
+    ZoomOut = "zoom-out"
 }
 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/useAnimation.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");const t=t=>{const n=e.useRef(null);const[r,i]=e.useState(false);const a=()=>r&&t();e.useEffect((()=>{var e;(e=n.current)===null||e===void 0?void 0:e.addEventListener("animationend",a);return()=>{var e;return(e=n.current)===null||e===void 0?void 0:e.removeEventListener("animationend",a)}}),[r]);return{ref:n,animationStarted:r,startAnimation:()=>i(true)}};exports.useAnimation=t;
+"use strict";var e=require("react");exports.useAnimation=t=>{const n=e.useRef(null),[r,i]=e.useState(!1),a=()=>r&&t();return e.useEffect((()=>{var e;return null===(e=n.current)||void 0===e||e.addEventListener("animationend",a),()=>{var e;return null===(e=n.current)||void 0===e?void 0:e.removeEventListener("animationend",a)}}),[r]),{ref:n,animationStarted:r,startAnimation:()=>i(!0)}};
 //# sourceMappingURL=useAnimation.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useAnimation.cjs.js","sources":["../../../../../../src/hooks/useAnimation.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, useRef, useState } from \"react\";\n\nexport const useAnimation = <RefElement extends HTMLElement>(callback: () => void) => {\n  const animatedObjectRef = useRef<RefElement>(null);\n  /** We need to store flag that says us when to call the callback */\n  const [animationStarted, setAnimationStarted] = useState(false);\n\n  const onAnimationEnd = () => animationStarted && callback();\n\n  useEffect(() => {\n    animatedObjectRef.current?.addEventListener(\"animationend\", onAnimationEnd);\n    return () => animatedObjectRef.current?.removeEventListener(\"animationend\", onAnimationEnd);\n  }, [animationStarted]);\n\n  return {\n    ref: animatedObjectRef,\n    animationStarted,\n    startAnimation: () => setAnimationStarted(true)\n  };\n};\n"],"names":["useAnimation","callback","animatedObjectRef","useRef","animationStarted","setAnimationStarted","useState","onAnimationEnd","useEffect","_a","current","addEventListener","removeEventListener","ref","startAnimation"],"mappings":"6FAkBa,MAAAA,EAAgDC,IAC3D,MAAMC,EAAoBC,SAAmB,MAE7C,MAAOC,EAAkBC,GAAuBC,EAAQA,SAAC,OAEzD,MAAMC,EAAiB,IAAMH,GAAoBH,IAEjDO,EAAAA,WAAU,YACRC,EAAAP,EAAkBQ,WAAS,MAAAD,SAAA,OAAA,EAAAA,EAAAE,iBAAiB,eAAgBJ,GAC5D,MAAO,KAAK,IAAAE,EAAC,OAAAA,EAAAP,EAAkBQ,WAAS,MAAAD,SAAA,OAAA,EAAAA,EAAAG,oBAAoB,eAAgBL,EAAe,CAAA,GAC1F,CAACH,IAEJ,MAAO,CACLS,IAAKX,EACLE,mBACAU,eAAgB,IAAMT,EAAoB,MAC3C"}
+{"version":3,"file":"useAnimation.cjs.js","sources":["../../../../../../src/hooks/useAnimation.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, useRef, useState } from \"react\";\n\nexport const useAnimation = <RefElement extends HTMLElement>(callback: () => void) => {\n  const animatedObjectRef = useRef<RefElement>(null);\n  /** We need to store flag that says us when to call the callback */\n  const [animationStarted, setAnimationStarted] = useState(false);\n\n  const onAnimationEnd = () => animationStarted && callback();\n\n  useEffect(() => {\n    animatedObjectRef.current?.addEventListener(\"animationend\", onAnimationEnd);\n    return () => animatedObjectRef.current?.removeEventListener(\"animationend\", onAnimationEnd);\n  }, [animationStarted]);\n\n  return {\n    ref: animatedObjectRef,\n    animationStarted,\n    startAnimation: () => setAnimationStarted(true)\n  };\n};\n"],"names":["callback","animatedObjectRef","useRef","animationStarted","setAnimationStarted","useState","onAnimationEnd","useEffect","_a","current","addEventListener","removeEventListener","ref","startAnimation"],"mappings":"yDAkB6DA,IAC3D,MAAMC,EAAoBC,SAAmB,OAEtCC,EAAkBC,GAAuBC,EAAQA,UAAC,GAEnDC,EAAiB,IAAMH,GAAoBH,IAOjD,OALAO,EAAAA,WAAU,WAER,OAD2B,QAA3BC,EAAAP,EAAkBQ,eAAS,IAAAD,GAAAA,EAAAE,iBAAiB,eAAgBJ,GACrD,KAAK,IAAAE,EAAC,OAA2B,QAA3BA,EAAAP,EAAkBQ,eAAS,IAAAD,OAAA,EAAAA,EAAAG,oBAAoB,eAAgBL,EAAe,CAAA,GAC1F,CAACH,IAEG,CACLS,IAAKX,EACLE,mBACAU,eAAgB,IAAMT,GAAoB,GAC3C"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");const t=(t,r,i)=>{function c(e){if(t(e))r()}e.useEffect((()=>{window.addEventListener("click",c);return()=>{window.removeEventListener("click",c)}}),[i])};exports.useBodyClick=t;
+"use strict";var e=require("react");exports.useBodyClick=(i,t,c)=>{function r(e){i(e)&&t()}e.useEffect((()=>(window.addEventListener("click",r),()=>{window.removeEventListener("click",r)})),[c])};
 //# sourceMappingURL=useBodyClick.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useBodyClick.cjs.js","sources":["../../../../../../src/hooks/useBodyClick.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 } from \"react\";\n\nexport const useBodyClick = (\n  checkFunction: (event: MouseEvent) => boolean,\n  callbackFunction: (...args: unknown[]) => unknown,\n  dependingStateVariable: React.ComponentState | React.ComponentState[]\n) => {\n  function bodyClickListener(event: MouseEvent) {\n    if (checkFunction(event)) {\n      callbackFunction();\n    }\n  }\n  useEffect(() => {\n    window.addEventListener(\"click\", bodyClickListener);\n\n    return () => {\n      window.removeEventListener(\"click\", bodyClickListener);\n    };\n  }, [dependingStateVariable]);\n};\n"],"names":["useBodyClick","checkFunction","callbackFunction","dependingStateVariable","bodyClickListener","event","useEffect","window","addEventListener","removeEventListener"],"mappings":"6FAkBa,MAAAA,EAAe,CAC1BC,EACAC,EACAC,KAEA,SAASC,EAAkBC,GACzB,GAAIJ,EAAcI,GAChBH,GAEH,CACDI,EAAAA,WAAU,KACRC,OAAOC,iBAAiB,QAASJ,GAEjC,MAAO,KACLG,OAAOE,oBAAoB,QAASL,EAAkB,CACvD,GACA,CAACD,GAAwB"}
+{"version":3,"file":"useBodyClick.cjs.js","sources":["../../../../../../src/hooks/useBodyClick.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 } from \"react\";\n\nexport const useBodyClick = (\n  checkFunction: (event: MouseEvent) => boolean,\n  callbackFunction: (...args: unknown[]) => unknown,\n  dependingStateVariable: React.ComponentState | React.ComponentState[]\n) => {\n  function bodyClickListener(event: MouseEvent) {\n    if (checkFunction(event)) {\n      callbackFunction();\n    }\n  }\n  useEffect(() => {\n    window.addEventListener(\"click\", bodyClickListener);\n\n    return () => {\n      window.removeEventListener(\"click\", bodyClickListener);\n    };\n  }, [dependingStateVariable]);\n};\n"],"names":["checkFunction","callbackFunction","dependingStateVariable","bodyClickListener","event","useEffect","window","addEventListener","removeEventListener"],"mappings":"yDAkB4B,CAC1BA,EACAC,EACAC,KAEA,SAASC,EAAkBC,GACrBJ,EAAcI,IAChBH,GAEH,CACDI,EAAAA,WAAU,KACRC,OAAOC,iBAAiB,QAASJ,GAE1B,KACLG,OAAOE,oBAAoB,QAASL,EAAkB,IAEvD,CAACD,GAAwB"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");function t(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var r=t(e);const u=(e,t,u)=>{const c=r["default"].useRef();const n=u?[e,t,...u]:[e,t];return r["default"].useCallback(((...r)=>{if(c.current!=null)clearTimeout(c.current);c.current=setTimeout((()=>{e(...r)}),t)}),n)};exports.useDebouncedCallback=u;
+"use strict";var e=require("react");exports.useDebouncedCallback=(r,u,t)=>{const c=e.useRef(),s=t?[r,u,...t]:[r,u];return e.useCallback(((...e)=>{null!=c.current&&clearTimeout(c.current),c.current=setTimeout((()=>{r(...e)}),u)}),s)};
 //# sourceMappingURL=useDebouncedCallback.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useDebouncedCallback.cjs.js","sources":["../../../../../../src/hooks/useDebouncedCallback.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 React from \"react\";\n\nexport const useDebouncedCallback = (callback: Function, delay: number, dependencies?: any[]) => {\n  const timeout = React.useRef<ReturnType<typeof setTimeout>>();\n  const comboDeps = dependencies ? [callback, delay, ...dependencies] : [callback, delay];\n\n  return React.useCallback((...args: any[]) => {\n    if (timeout.current != null) {\n      clearTimeout(timeout.current);\n    }\n\n    timeout.current = setTimeout(() => {\n      callback(...args);\n    }, delay);\n  }, comboDeps);\n};\n"],"names":["useDebouncedCallback","callback","delay","dependencies","timeout","React","useRef","comboDeps","useCallback","args","current","clearTimeout","setTimeout"],"mappings":"iLAkBa,MAAAA,EAAuB,CAACC,EAAoBC,EAAeC,KACtE,MAAMC,EAAUC,aAAMC,SACtB,MAAMC,EAAYJ,EAAe,CAACF,EAAUC,KAAUC,GAAgB,CAACF,EAAUC,GAEjF,OAAOG,aAAMG,aAAY,IAAIC,KAC3B,GAAIL,EAAQM,SAAW,KACrBC,aAAaP,EAAQM,SAGvBN,EAAQM,QAAUE,YAAW,KAC3BX,KAAYQ,EAAK,GAChBP,EAAM,GACRK,EAAU"}
+{"version":3,"file":"useDebouncedCallback.cjs.js","sources":["../../../../../../src/hooks/useDebouncedCallback.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 React from \"react\";\n\nexport const useDebouncedCallback = (callback: Function, delay: number, dependencies?: any[]) => {\n  const timeout = React.useRef<ReturnType<typeof setTimeout>>();\n  const comboDeps = dependencies ? [callback, delay, ...dependencies] : [callback, delay];\n\n  return React.useCallback((...args: any[]) => {\n    if (timeout.current != null) {\n      clearTimeout(timeout.current);\n    }\n\n    timeout.current = setTimeout(() => {\n      callback(...args);\n    }, delay);\n  }, comboDeps);\n};\n"],"names":["callback","delay","dependencies","timeout","React","useRef","comboDeps","useCallback","args","current","clearTimeout","setTimeout"],"mappings":"iEAkBoC,CAACA,EAAoBC,EAAeC,KACtE,MAAMC,EAAUC,EAAMC,SAChBC,EAAYJ,EAAe,CAACF,EAAUC,KAAUC,GAAgB,CAACF,EAAUC,GAEjF,OAAOG,EAAMG,aAAY,IAAIC,KACJ,MAAnBL,EAAQM,SACVC,aAAaP,EAAQM,SAGvBN,EAAQM,QAAUE,YAAW,KAC3BX,KAAYQ,EAAK,GAChBP,EAAM,GACRK,EAAU"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");var t=require("../../Icon/Icon.cjs.js");function r(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var c=r(e);const s=r=>{const{error:s,success:n}=r||false;let o=null;const u=e.useRef(null);const a=e.useRef(null);if(s)o=c["default"].createElement(t.Icon,{ref:u,"data-icon-status":"error",icon:t.Icons.Error});else if(n)o=c["default"].createElement(t.Icon,{ref:a,"data-icon-status":"success",icon:t.Icons.CheckmarkCircleAlt});return o};exports.useDetermineStatusIcon=s;
+"use strict";var e=require("react"),r=require("../../Icon/Icon.cjs.js");exports.useDetermineStatusIcon=c=>{const{error:s,success:t}=c||!1;let n=null;const o=e.useRef(null),u=e.useRef(null);return s?n=e.createElement(r.Icon,{ref:o,"data-icon-status":"error",icon:r.Icons.Error}):t&&(n=e.createElement(r.Icon,{ref:u,"data-icon-status":"success",icon:r.Icons.CheckmarkCircleAlt})),n};
 //# sourceMappingURL=useDetermineStatusIcon.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useDetermineStatusIcon.cjs.js","sources":["../../../../../../src/hooks/useDetermineStatusIcon.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 { FormElement } from \"../components/Form/form.interfaces\";\nimport React, { ReactElement, useRef } from \"react\";\nimport { Icon, Icons } from \"../components/Icon/Icon\";\nexport const useDetermineStatusIcon = (params: Partial<FormElement>): ReactElement | null => {\n  const { error, success } = params || false;\n  let icon = null;\n  const errorRef = useRef(null);\n  const successRef = useRef(null);\n\n  if (error) {\n    icon = <Icon ref={errorRef} data-icon-status=\"error\" icon={Icons.Error} />;\n  } else if (success) {\n    icon = <Icon ref={successRef} data-icon-status=\"success\" icon={Icons.CheckmarkCircleAlt} />;\n  }\n\n  return icon;\n};\n"],"names":["useDetermineStatusIcon","params","error","success","icon","errorRef","useRef","successRef","React","createElement","Icon","ref","Icons","Error","CheckmarkCircleAlt"],"mappings":"yNAmBa,MAAAA,EAA0BC,IACrC,MAAMC,MAAEA,EAAKC,QAAEA,GAAYF,GAAU,MACrC,IAAIG,EAAO,KACX,MAAMC,EAAWC,SAAO,MACxB,MAAMC,EAAaD,SAAO,MAE1B,GAAIJ,EACFE,EAAOI,EAAAA,WAACC,cAAAC,EAAIA,KAAC,CAAAC,IAAKN,EAAQ,mBAAmB,QAAQD,KAAMQ,QAAMC,aAC5D,GAAIV,EACTC,EAAOI,EAAAA,WAACC,cAAAC,EAAIA,KAAC,CAAAC,IAAKJ,EAAU,mBAAmB,UAAUH,KAAMQ,QAAME,qBAGvE,OAAOV,CAAI"}
+{"version":3,"file":"useDetermineStatusIcon.cjs.js","sources":["../../../../../../src/hooks/useDetermineStatusIcon.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 { FormElement } from \"../components/Form/form.interfaces\";\nimport React, { ReactElement, useRef } from \"react\";\nimport { Icon, Icons } from \"../components/Icon/Icon\";\nexport const useDetermineStatusIcon = (params: Partial<FormElement>): ReactElement | null => {\n  const { error, success } = params || false;\n  let icon = null;\n  const errorRef = useRef(null);\n  const successRef = useRef(null);\n\n  if (error) {\n    icon = <Icon ref={errorRef} data-icon-status=\"error\" icon={Icons.Error} />;\n  } else if (success) {\n    icon = <Icon ref={successRef} data-icon-status=\"success\" icon={Icons.CheckmarkCircleAlt} />;\n  }\n\n  return icon;\n};\n"],"names":["params","error","success","icon","errorRef","useRef","successRef","React","createElement","Icon","ref","Icons","Error","CheckmarkCircleAlt"],"mappings":"uGAmBuCA,IACrC,MAAMC,MAAEA,EAAKC,QAAEA,GAAYF,IAAU,EACrC,IAAIG,EAAO,KACX,MAAMC,EAAWC,SAAO,MAClBC,EAAaD,SAAO,MAQ1B,OANIJ,EACFE,EAAOI,EAACC,cAAAC,EAAIA,KAAC,CAAAC,IAAKN,EAAQ,mBAAmB,QAAQD,KAAMQ,QAAMC,QACxDV,IACTC,EAAOI,EAACC,cAAAC,EAAIA,KAAC,CAAAC,IAAKJ,EAAU,mBAAmB,UAAUH,KAAMQ,QAAME,sBAGhEV,CAAI"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var r=require("react");var e=require("../util/helper.cjs.js");const t=t=>{const[o]=r.useState(e.generateID(15,t.name));const[s,a]=r.useState("");const[n]=r.useState(e.generateID(15,t.errorMessage));r.useEffect((()=>{if(t.error&&t.parentErrorId)a(t.parentErrorId);if(!t.error&&t.helperText||!t.parentErrorId&&!t.errorMessage&&t.helperText)a(`${o}`);if(!t.error&&!t.helperText&&t.parentHelperId||!t.parentErrorId&&!t.errorMessage&&t.parentHelperId)a(`${t.parentHelperId}`);if(t.errorMessage&&!t.parentErrorId&&t.error)a(n)}),[o,t.error,t.parentErrorId]);return{describedBy:s,errorId:n,identifier:o}};exports.useFormSelector=t;
+"use strict";var r=require("react"),e=require("../util/helper.cjs.js");exports.useFormSelector=t=>{const[a]=r.useState(e.generateID(15,t.name)),[o,s]=r.useState(""),[p]=r.useState(e.generateID(15,t.errorMessage));return r.useEffect((()=>{t.error&&t.parentErrorId&&s(t.parentErrorId),(!t.error&&t.helperText||!t.parentErrorId&&!t.errorMessage&&t.helperText)&&s(`${a}`),(!t.error&&!t.helperText&&t.parentHelperId||!t.parentErrorId&&!t.errorMessage&&t.parentHelperId)&&s(`${t.parentHelperId}`),t.errorMessage&&!t.parentErrorId&&t.error&&s(p)}),[a,t.error,t.parentErrorId]),{describedBy:o,errorId:p,identifier:a}};
 //# sourceMappingURL=useFormSelector.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useFormSelector.cjs.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":["useFormSelector","configObject","identifier","useState","generateID","name","describedBy","setDescribedBy","errorId","errorMessage","useEffect","error","parentErrorId","helperText","parentHelperId"],"mappings":"oIA4Ba,MAAAA,EAAmBC,IAC9B,MAAOC,GAAcC,WAASC,EAAAA,WAAW,GAAIH,EAAaI,OAC1D,MAAOC,EAAaC,GAAkBJ,EAAQA,SAAC,IAC/C,MAAOK,GAAWL,WAASC,EAAAA,WAAW,GAAIH,EAAaQ,eAEvDC,EAAAA,WAAU,KACR,GAAIT,EAAaU,OAASV,EAAaW,cACrCL,EAAeN,EAAaW,eAG9B,IACIX,EAAaU,OAASV,EAAaY,aACnCZ,EAAaW,gBAAkBX,EAAaQ,cAAgBR,EAAaY,WAE3EN,EAAe,GAAGL,KAGpB,IACID,EAAaU,QAAUV,EAAaY,YAAcZ,EAAaa,iBAC/Db,EAAaW,gBAAkBX,EAAaQ,cAAgBR,EAAaa,eAE3EP,EAAe,GAAGN,EAAaa,kBAGjC,GAAIb,EAAaQ,eAAiBR,EAAaW,eAAiBX,EAAaU,MAC3EJ,EAAeC,EAChB,GACA,CAACN,EAAYD,EAAaU,MAAOV,EAAaW,gBAEjD,MAAO,CACLN,cACAE,UACAN,aACD"}
+{"version":3,"file":"useFormSelector.cjs.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":["configObject","identifier","useState","generateID","name","describedBy","setDescribedBy","errorId","errorMessage","useEffect","error","parentErrorId","helperText","parentHelperId"],"mappings":"+FA4BgCA,IAC9B,MAAOC,GAAcC,WAASC,EAAAA,WAAW,GAAIH,EAAaI,QACnDC,EAAaC,GAAkBJ,EAAQA,SAAC,KACxCK,GAAWL,WAASC,EAAAA,WAAW,GAAIH,EAAaQ,eA0BvD,OAxBAC,EAAAA,WAAU,KACJT,EAAaU,OAASV,EAAaW,eACrCL,EAAeN,EAAaW,iBAI1BX,EAAaU,OAASV,EAAaY,aACnCZ,EAAaW,gBAAkBX,EAAaQ,cAAgBR,EAAaY,aAE3EN,EAAe,GAAGL,OAIhBD,EAAaU,QAAUV,EAAaY,YAAcZ,EAAaa,iBAC/Db,EAAaW,gBAAkBX,EAAaQ,cAAgBR,EAAaa,iBAE3EP,EAAe,GAAGN,EAAaa,kBAG7Bb,EAAaQ,eAAiBR,EAAaW,eAAiBX,EAAaU,OAC3EJ,EAAeC,EAChB,GACA,CAACN,EAAYD,EAAaU,MAAOV,EAAaW,gBAE1C,CACLN,cACAE,UACAN,aACD"}

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

@@ -0,0 +1,2 @@
+"use strict";var e=require("react");exports.useFullHeightCollapse=l=>{const[t,r]=e.useState(null!=l&&l);return{collapsed:t,handleScroll:e=>{const l=e.target,{scrollTop:t,scrollHeight:s,clientHeight:c}=l,o=Math.ceil(t/(s-c)*100);r(0!==o)}}};
+//# 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":["isCollapsed","collapsed","setCollapsed","useState","handleScroll","e","target","scrollTop","scrollHeight","clientHeight","position","Math","ceil"],"mappings":"kEAkBsCA,IACpC,MAAOC,EAAWC,GAAgBC,EAAQA,SAACH,SAAAA,GAS3C,MAAO,CACLC,YACAG,aAToBC,IACpB,MAAMC,EAASD,EAAEC,QACXC,UAAEA,EAASC,aAAEA,EAAYC,aAAEA,GAAiBH,EAC5CI,EAAWC,KAAKC,KAAML,GAAaC,EAAeC,GAAiB,KACzEP,EAA0B,IAAbQ,EAAe,EAM7B"}

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/useGetDomRoot.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");const t=(t,r)=>{const[o,s]=e.useState(document.body);e.useEffect((()=>{if((r===null||r===void 0?void 0:r.current)&&!t){const e=r.current.closest(".basestyling-wrapper");if(e){s(e);return}}else if(t){s(t);return}}),[r]);return{root:o}};exports.useGetDomRoot=t;
+"use strict";var e=require("react");exports.useGetDomRoot=(t,r)=>{const[o,s]=e.useState(document.body);return e.useEffect((()=>{if((null==r?void 0:r.current)&&!t){const e=r.current.closest(".basestyling-wrapper");if(e)return void s(e)}else if(t)return void s(t)}),[r]),{root:o}};
 //# sourceMappingURL=useGetDomRoot.cjs.js.map