@onewelcome/react-lib-components 9.8.0 → 10.0.0

package/dist/index.es.js

@@ -0,0 +1,181 @@
+import { BaseStyling } from "./components/_BaseStyling_/BaseStyling.es.js";
+import { Button } from "./components/Button/Button.es.js";
+import { Breadcrumbs } from "./components/Breadcrumbs/Breadcrumbs.es.js";
+import { ContextMenu } from "./components/ContextMenu/ContextMenu.es.js";
+import { ContextMenuItem } from "./components/ContextMenu/ContextMenuItem.es.js";
+import { Link } from "./components/Link/Link.es.js";
+import { Icon, Icons } from "./components/Icon/Icon.es.js";
+import { IconButton } from "./components/Button/IconButton.es.js";
+import { Tab } from "./components/Tabs/Tab.es.js";
+import { Tabs } from "./components/Tabs/Tabs.es.js";
+import { Tag } from "./components/Tag/Tag.es.js";
+import { TextEllipsis } from "./components/TextEllipsis/TextEllipsis.es.js";
+import { Tile } from "./components/Tiles/Tile.es.js";
+import { Tiles } from "./components/Tiles/Tiles.es.js";
+import { Tooltip } from "./components/Tooltip/Tooltip.es.js";
+import { Typography } from "./components/Typography/Typography.es.js";
+import { ProgressBar } from "./components/ProgressBar/ProgressBar.es.js";
+import { Skeleton } from "./components/Skeleton/Skeleton.es.js";
+import { Spinner } from "./components/Spinner/Spinner.es.js";
+import { Stepper } from "./components/Stepper/Stepper.es.js";
+import { Pagination } from "./components/Pagination/Pagination.es.js";
+import { useRepeater } from "./hooks/useRepeater.es.js";
+import { useClickOutside } from "./hooks/useClickOutside.es.js";
+import { useFullHeightCollapse } from "./hooks/useFullHeightCollapse.es.js";
+import { usePosition } from "./hooks/usePosition.es.js";
+import { useDebouncedCallback } from "./hooks/useDebouncedCallback.es.js";
+import { useUploadFile } from "./hooks/useUploadFile.es.js";
+import { debounce, generateID, throttle } from "./util/helper.es.js";
+import { useScreenSize } from "./hooks/useScreenSize.es.js";
+import { ScreenSize } from "./variables.es.js";
+import { useAlert } from "./components/Notifications/Alert/useAlert.es.js";
+import { AlertProvider } from "./components/Notifications/Alert/AlertProvider/AlertProvider.es.js";
+import { AlertItem } from "./components/Notifications/Alert/AlertItem/AlertItem.es.js";
+import { Dialog } from "./components/Notifications/Dialog/Dialog.es.js";
+import { DiscardChangesModal } from "./components/Notifications/DiscardChangesModal/DiscardChangesModal.es.js";
+import { NotificationProvider, useNotificationContext } from "./components/Notifications/NotificationProvider/NotificationContext.es.js";
+import { SlideInModal } from "./components/Notifications/SlideInModal/SlideInModal.es.js";
+import { SideSheet } from "./components/Notifications/SideSheet/SideSheet.es.js";
+import { SideSheetContent } from "./components/Notifications/SideSheet/SideSheetContent/SideSheetContent.es.js";
+import { SideSheetHeader } from "./components/Notifications/SideSheet/SideSheetHeader/SideSheetHeader.es.js";
+import { Checkbox } from "./components/Form/Checkbox/Checkbox.es.js";
+import { InlineCheckbox } from "./components/InlineEditing/InlineCheckbox/InlineCheckbox.es.js";
+import { Fieldset } from "./components/Form/Fieldset/Fieldset.es.js";
+import { Form } from "./components/Form/Form.es.js";
+import { FormControl } from "./components/Form/FormControl/FormControl.es.js";
+import { FormGroup } from "./components/Form/FormGroup/FormGroup.es.js";
+import { FormHelperText } from "./components/Form/FormHelperText/FormHelperText.es.js";
+import { Input } from "./components/Form/Input/Input.es.js";
+import { InputWrapper } from "./components/Form/Wrapper/InputWrapper/InputWrapper.es.js";
+import { Label } from "./components/Form/Label/Label.es.js";
+import { Radio } from "./components/Form/Radio/Radio.es.js";
+import { RadioWrapper } from "./components/Form/Wrapper/RadioWrapper/RadioWrapper.es.js";
+import { Select } from "./components/Form/Select/SingleSelect/Select.es.js";
+import { InlineSelect } from "./components/InlineEditing/InlineEditingSelect/InlineSelect.es.js";
+import { MultiSelect } from "./components/Form/Select/MultiSelect/MultiSelect.es.js";
+import { Option } from "./components/Form/Select/SingleSelect/Option.es.js";
+import { MultiOption } from "./components/Form/Select/MultiSelect/MultiOption.es.js";
+import { Textarea } from "./components/Form/Textarea/Textarea.es.js";
+import { Toggle } from "./components/Form/Toggle/Toggle.es.js";
+import { CheckboxWrapper } from "./components/Form/Wrapper/CheckboxWrapper/CheckboxWrapper.es.js";
+import { TextareaWrapper } from "./components/Form/Wrapper/TextareaWrapper/TextareaWrapper.es.js";
+import { SelectWrapper } from "./components/Form/Wrapper/SelectWrapper/SelectWrapper.es.js";
+import { FileUpload } from "./components/Form/FileUpload/FileUpload.es.js";
+import { ACTION_STATUS, FILE_ACTION } from "./components/Form/FileUpload/FileItem/FileItem.es.js";
+import { MultiSelectWrapper } from "./components/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.es.js";
+import { useMultiSelect } from "./components/Form/Select/MultiSelect/useMultiSelect.es.js";
+import { ContentHeader } from "./components/Layout/ContentHeader/ContentHeader.es.js";
+import { Card } from "./components/Layout/Card/Card.es.js";
+import { FormStepper } from "./components/Layout/FormPage/FormWithStepper/FormStepper/FormStepper.es.js";
+import { FormSection } from "./components/Layout/FormPage/FormWithStepper/FormSection/FormSection.es.js";
+import { FormWithStepper } from "./components/Layout/FormPage/FormWithStepper/FormWithStepper.es.js";
+import { DataGrid } from "./components/DataGrid/DataGrid.es.js";
+import { DataGridRow } from "./components/DataGrid/DataGridBody/DataGridRow/DataGridRow.es.js";
+import { DataGridDrawerItem } from "./components/DataGrid/DataGridBody/DataGridDrawer/DataGridDrawerItem.es.js";
+import { DataGridCell } from "./components/DataGrid/DataGridBody/DataGridCell/DataGridCell.es.js";
+import { FilterKeyMapper } from "./components/DataGrid/DataGridFilters/FilterKeyMapper.es.js";
+import { useFiltersReducer } from "./components/DataGrid/DataGridFilters/useFiltersReducer.es.js";
+import { Banner } from "./components/Notifications/Banner/Banner.es.js";
+import { DatePicker } from "./components/DatePicker/DatePicker.es.js";
+import { MicrofrontendContainer } from "./components/admin/layout/MicrofrontendContainer/MicrofrontendContainer.es.js";
+import { LeftNav } from "./components/admin/layout/LeftNav/LeftNav.es.js";
+import { IdentityProviderButton } from "./components/miscellaneous/IdentityProviderButton.es.js";
+import { BaseModal } from "./components/Notifications/BaseModal/BaseModal.es.js";
+import { BaseModalActions, BaseModalActions as BaseModalActions2 } from "./components/Notifications/BaseModal/BaseModalActions/BaseModalActions.es.js";
+import { BaseModalContent } from "./components/Notifications/BaseModal/BaseModalContent/BaseModalContent.es.js";
+import { BaseModalHeader } from "./components/Notifications/BaseModal/BaseModalHeader/BaseModalHeader.es.js";
+export {
+  ACTION_STATUS,
+  AlertItem,
+  AlertProvider,
+  Banner,
+  BaseStyling,
+  Breadcrumbs,
+  Button,
+  Card,
+  Checkbox,
+  CheckboxWrapper,
+  ContentHeader,
+  ContextMenu,
+  ContextMenuItem,
+  DataGrid,
+  DataGridCell,
+  DataGridDrawerItem,
+  DataGridRow,
+  DatePicker,
+  Dialog,
+  DiscardChangesModal,
+  FILE_ACTION,
+  Fieldset,
+  FileUpload,
+  FilterKeyMapper,
+  Form,
+  FormControl,
+  FormGroup,
+  FormHelperText,
+  FormSection,
+  FormStepper,
+  FormWithStepper,
+  Icon,
+  IconButton,
+  Icons,
+  IdentityProviderButton,
+  InlineCheckbox,
+  InlineSelect,
+  Input,
+  InputWrapper,
+  Label,
+  LeftNav,
+  Link,
+  MicrofrontendContainer,
+  BaseModal as Modal,
+  BaseModalActions as ModalActions,
+  BaseModalContent as ModalContent,
+  BaseModalHeader as ModalHeader,
+  MultiOption,
+  MultiSelect,
+  MultiSelectWrapper,
+  NotificationProvider,
+  Option,
+  Pagination,
+  ProgressBar,
+  Radio,
+  RadioWrapper,
+  ScreenSize,
+  Select,
+  SelectWrapper,
+  SideSheet,
+  BaseModalActions2 as SideSheetActions,
+  SideSheetContent,
+  SideSheetHeader,
+  Skeleton,
+  SlideInModal,
+  Spinner,
+  Stepper,
+  Tab,
+  Tabs,
+  Tag,
+  TextEllipsis,
+  Textarea,
+  TextareaWrapper,
+  Tile,
+  Tiles,
+  Toggle,
+  Tooltip,
+  Typography,
+  debounce,
+  generateID,
+  throttle,
+  useAlert,
+  useClickOutside,
+  useDebouncedCallback,
+  useFiltersReducer,
+  useFullHeightCollapse,
+  useMultiSelect,
+  useNotificationContext,
+  usePosition,
+  useRepeater,
+  useScreenSize,
+  useUploadFile
+};
+//# sourceMappingURL=index.es.js.map

package/dist/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/readyclasses.module.scss.cjs.js

@@ -0,0 +1,3 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('/*!\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 */.readyclasses_sr-only_E7GBT{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.readyclasses_hidden_E7GBT{display:none}.readyclasses_slide-in_E7GBT{animation:readyclasses_slide-in_E7GBT .5s forwards}@media (prefers-reduced-motion: reduce){.readyclasses_slide-in_E7GBT{animation-duration:.1ms}}.readyclasses_slide-out_E7GBT{animation:readyclasses_slide-out_E7GBT .5s forwards}@media (prefers-reduced-motion: reduce){.readyclasses_slide-out_E7GBT{animation-duration:.1ms}}@keyframes readyclasses_slide-in_E7GBT{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes readyclasses_slide-out_E7GBT{0%{transform:translateY(0)}to{transform:translateY(100vh)}}')),document.head.appendChild(e)}}catch(s){console.error("vite-plugin-css-injected-by-js",s)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="readyclasses_hidden_E7GBT",s={"sr-only":"readyclasses_sr-only_E7GBT",hidden:e,"slide-in":"readyclasses_slide-in_E7GBT","slide-out":"readyclasses_slide-out_E7GBT"};exports.default=s,exports.hidden=e;
+//# sourceMappingURL=readyclasses.module.scss.cjs.js.map

package/dist/readyclasses.module.scss.es.js

@@ -0,0 +1,13 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('/*!\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 */.readyclasses_sr-only_E7GBT{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.readyclasses_hidden_E7GBT{display:none}.readyclasses_slide-in_E7GBT{animation:readyclasses_slide-in_E7GBT .5s forwards}@media (prefers-reduced-motion: reduce){.readyclasses_slide-in_E7GBT{animation-duration:.1ms}}.readyclasses_slide-out_E7GBT{animation:readyclasses_slide-out_E7GBT .5s forwards}@media (prefers-reduced-motion: reduce){.readyclasses_slide-out_E7GBT{animation-duration:.1ms}}@keyframes readyclasses_slide-in_E7GBT{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes readyclasses_slide-out_E7GBT{0%{transform:translateY(0)}to{transform:translateY(100vh)}}')),document.head.appendChild(e)}}catch(s){console.error("vite-plugin-css-injected-by-js",s)}}();
+const hidden = "readyclasses_hidden_E7GBT";
+const readyclasses = {
+  "sr-only": "readyclasses_sr-only_E7GBT",
+  hidden,
+  "slide-in": "readyclasses_slide-in_E7GBT",
+  "slide-out": "readyclasses_slide-out_E7GBT"
+};
+export {
+  readyclasses as default,
+  hidden
+};
+//# sourceMappingURL=readyclasses.module.scss.es.js.map

package/dist/readyclasses.module.scss.es.js.map

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

package/dist/util/helper.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=(t,r)=>{if(!r)return t;const o={...t};for(const n in r)Object.prototype.hasOwnProperty.call(r,n)&&("object"==typeof r[n]&&null!==r[n]&&Object.prototype.hasOwnProperty.call(t,n)&&!Array.isArray(r[n])?o[n]=e(t[n],r[n]):o[n]=r[n]);return o};exports.debounce=(e,t)=>{let r;return function(...o){clearTimeout(r),r=setTimeout((()=>{clearTimeout(r),e(...o)}),t)}},exports.deepMerge=e,exports.filterProps=(e,t,r=!0)=>r?Object.keys(e).reduce(((r,o)=>(t.test(o)&&(r[o]=e[o]),r)),{}):Object.entries(e).filter((([e])=>!t.test(e))).reduce(((e,t)=>({...e,[t[0]]:t[1]})),{}),exports.generateID=(e=15,t)=>{const r=["1","2","3","4","5","6","7","8","9","0","A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","U","V","W","X","Y","Z","a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t","u","v","w","x","y","z"];let o="";for(let n=0;n<e&&o.length<e;n++)o=o+("string"!=typeof t||void 0===(null==t?void 0:t[n])||/\s/.test(t[n])?"":t[n])+r[Math.floor(Math.random()*r.length)];return o.slice(0,e)},exports.isJsonString=e=>{try{JSON.parse(e)}catch(t){return!1}return!0},exports.remToPx=e=>e*parseFloat(getComputedStyle(document.documentElement).fontSize),exports.throttle=(e,t)=>{let r=0;return function(){const o=Date.now();o-r>=t&&(e(),r=o)}};
+//# sourceMappingURL=helper.cjs.js.map

package/dist/util/helper.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helper.cjs.js","sources":["../../src/util/helper.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\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\ntype KeyValuePair = { [key: string]: unknown };\n\nexport const generateID = (length = 15, stringToWeaveIn?: string) => {\n  /** We will make sure to mesh the generate id and name property together to basically create a unique ID */\n  const hashCharacters = [\n    \"1\",\n    \"2\",\n    \"3\",\n    \"4\",\n    \"5\",\n    \"6\",\n    \"7\",\n    \"8\",\n    \"9\",\n    \"0\",\n    \"A\",\n    \"B\",\n    \"C\",\n    \"D\",\n    \"E\",\n    \"F\",\n    \"G\",\n    \"H\",\n    \"I\",\n    \"J\",\n    \"K\",\n    \"L\",\n    \"M\",\n    \"N\",\n    \"O\",\n    \"P\",\n    \"Q\",\n    \"R\",\n    \"S\",\n    \"T\",\n    \"U\",\n    \"V\",\n    \"W\",\n    \"X\",\n    \"Y\",\n    \"Z\",\n    \"a\",\n    \"b\",\n    \"c\",\n    \"d\",\n    \"e\",\n    \"f\",\n    \"g\",\n    \"h\",\n    \"i\",\n    \"j\",\n    \"k\",\n    \"l\",\n    \"m\",\n    \"n\",\n    \"o\",\n    \"p\",\n    \"q\",\n    \"r\",\n    \"s\",\n    \"t\",\n    \"u\",\n    \"v\",\n    \"w\",\n    \"x\",\n    \"y\",\n    \"z\"\n  ];\n\n  let id = \"\";\n\n  /** Generate an id of x characters in length */\n  for (let i = 0; i < length && id.length < length; i++) {\n    const stringCharacter =\n      typeof stringToWeaveIn === \"string\" &&\n      stringToWeaveIn?.[i] !== undefined &&\n      !/\\s/.test(stringToWeaveIn[i])\n        ? stringToWeaveIn[i]\n        : \"\";\n    id = id + stringCharacter + hashCharacters[Math.floor(Math.random() * hashCharacters.length)];\n  }\n\n  return id.slice(0, length);\n};\n\nexport const filterProps = (props: any, regexPattern: RegExp, returnFiltered: boolean = true) => {\n  if (returnFiltered) {\n    return Object.keys(props).reduce((acc: KeyValuePair, key) => {\n      if (regexPattern.test(key)) {\n        acc[key] = props[key];\n      }\n\n      return acc;\n    }, {});\n  } else {\n    return Object.entries(props)\n      .filter(([key]) => !regexPattern.test(key))\n      .reduce(\n        (prevObj, currKeyValPair) => ({ ...prevObj, [currKeyValPair[0]]: currKeyValPair[1] }),\n        {}\n      );\n  }\n};\n\nexport const debounce = (fn: (...args: unknown[]) => unknown, delay: number) => {\n  let timeout: undefined | ReturnType<typeof setTimeout>;\n\n  return function executedFunction(...args: unknown[]) {\n    const later = () => {\n      clearTimeout(timeout);\n      fn(...args);\n    };\n\n    clearTimeout(timeout);\n\n    timeout = setTimeout(later, delay);\n  };\n};\n\nexport const throttle = (fn: (...args: unknown[]) => unknown, delay: number) => {\n  let lastTime = 0;\n\n  return function () {\n    const now = Date.now();\n\n    if (now - lastTime >= delay) {\n      fn();\n      lastTime = now;\n    }\n  };\n};\n\nconst isEqual = (x: any, y: any): boolean => {\n  const typesCoincide = x && y && typeof x === \"object\" && typeof y === \"object\";\n  return typesCoincide\n    ? Object.keys(x).length === Object.keys(y).length &&\n        Object.keys(x).every(key => isEqual(x[key], y[key]))\n    : x === y;\n};\n\nexport const areArraysDifferent = (\n  arr1: Record<string, any>[],\n  arr2: Record<string, any>[],\n  key: string\n) => {\n  if (arr1.length !== arr2.length) {\n    return true;\n  } else {\n    const firstFilteredArray = arr1.filter(arr1Item =>\n      arr2.some((arr2Item: { [x: string]: any }) => !isEqual(arr1Item[key], arr2Item[key]))\n    );\n    const secondFilteredArray = arr2.filter(arr2Item =>\n      arr1.some((arr1Item: { [x: string]: any }) => !isEqual(arr1Item[key], arr2Item[key]))\n    );\n\n    return !!firstFilteredArray.length || !!secondFilteredArray.length;\n  }\n};\n\n/** Source: https://stackoverflow.com/a/42769683/5084110 */\nexport const remToPx = (rem: number): number => {\n  return rem * parseFloat(getComputedStyle(document.documentElement).fontSize);\n};\n\nexport const isJsonString = (str: any) => {\n  try {\n    JSON.parse(str);\n  } catch (e) {\n    return false;\n  }\n  return true;\n};\n\ntype ObjectType = { [key: string]: any };\n\nexport const deepMerge = <T extends object>(obj1: ObjectType, obj2: ObjectType | false): T => {\n  if (!obj2) {\n    return obj1 as T;\n  }\n\n  const result: ObjectType = { ...obj1 };\n\n  for (const key in obj2) {\n    if (Object.prototype.hasOwnProperty.call(obj2, key)) {\n      if (\n        typeof obj2[key] === \"object\" &&\n        obj2[key] !== null &&\n        Object.prototype.hasOwnProperty.call(obj1, key) &&\n        !Array.isArray(obj2[key])\n      ) {\n        result[key] = deepMerge(obj1[key], obj2[key]);\n      } else {\n        result[key] = obj2[key];\n      }\n    }\n  }\n\n  return result as T;\n};\n\nexport const escapeRegExp = (str: string) => str.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\");\n"],"names":["deepMerge","obj1","obj2","result","key","Object","prototype","hasOwnProperty","call","Array","isArray","fn","delay","timeout","args","clearTimeout","setTimeout","props","regexPattern","returnFiltered","keys","reduce","acc","test","entries","filter","prevObj","currKeyValPair","length","stringToWeaveIn","hashCharacters","id","i","Math","floor","random","slice","str","JSON","parse","e","rem","parseFloat","getComputedStyle","document","documentElement","fontSize","lastTime","now","Date"],"mappings":"gFAoBO,MA6KMA,EAAY,CAAmBC,EAAkBC,KAC5D,IAAKA,EACI,OAAAD,EAGH,MAAAE,EAAqB,IAAKF,GAEhC,IAAA,MAAWG,KAAOF,EACZG,OAAOC,UAAUC,eAAeC,KAAKN,EAAME,KAEtB,iBAAdF,EAAKE,IACE,OAAdF,EAAKE,IACLC,OAAOC,UAAUC,eAAeC,KAAKP,EAAMG,KAC1CK,MAAMC,QAAQR,EAAKE,IAEbD,EAAAC,GAAOJ,EAAUC,EAAKG,GAAMF,EAAKE,IAEjCD,EAAAC,GAAOF,EAAKE,IAKlB,OAAAD,CAAA,mBA7Fe,CAACQ,EAAqCC,KACxD,IAAAC,EAEG,OAAA,YAA6BC,GAMlCC,aAAaF,GAEHA,EAAAG,YAPI,KACZD,aAAaF,GACbF,KAAMG,EAAI,GAKgBF,EAC9B,CAAA,0CA/ByB,CAACK,EAAYC,EAAsBC,GAA0B,IAClFA,EACKd,OAAOe,KAAKH,GAAOI,QAAO,CAACC,EAAmBlB,KAC/Cc,EAAaK,KAAKnB,KAChBkB,EAAAlB,GAAOa,EAAMb,IAGZkB,IACN,IAEIjB,OAAOmB,QAAQP,GACnBQ,QAAO,EAAErB,MAAUc,EAAaK,KAAKnB,KACrCiB,QACC,CAACK,EAASC,KAAoB,IAAKD,EAAS,CAACC,EAAe,IAAKA,EAAe,MAChF,CAAA,sBAjGkB,CAACC,EAAS,GAAIC,KAEtC,MAAMC,EAAiB,CACrB,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,KAGF,IAAIC,EAAK,GAGT,IAAA,IAASC,EAAI,EAAGA,EAAIJ,GAAUG,EAAGH,OAASA,EAAQI,IAO3CD,EAAAA,GALwB,iBAApBF,QACkB,KAAzB,MAAAA,OAAA,EAAAA,EAAkBG,KACjB,KAAKT,KAAKM,EAAgBG,IAEvB,GADAH,EAAgBG,IAEMF,EAAeG,KAAKC,MAAMD,KAAKE,SAAWL,EAAeF,SAGhF,OAAAG,EAAGK,MAAM,EAAGR,EAAM,uBAkFES,IACvB,IACFC,KAAKC,MAAMF,SACJG,GACA,OAAA,CAAA,CAEF,OAAA,CAAA,kBAVeC,GACfA,EAAMC,WAAWC,iBAAiBC,SAASC,iBAAiBC,2BA1C7C,CAACnC,EAAqCC,KAC5D,IAAImC,EAAW,EAEf,OAAO,WACC,MAAAC,EAAMC,KAAKD,MAEbA,EAAMD,GAAYnC,IACjBD,IACQoC,EAAAC,EAEf,CAAA"}

package/dist/util/helper.es.js

@@ -0,0 +1,145 @@
+const generateID = (length = 15, stringToWeaveIn) => {
+  const hashCharacters = [
+    "1",
+    "2",
+    "3",
+    "4",
+    "5",
+    "6",
+    "7",
+    "8",
+    "9",
+    "0",
+    "A",
+    "B",
+    "C",
+    "D",
+    "E",
+    "F",
+    "G",
+    "H",
+    "I",
+    "J",
+    "K",
+    "L",
+    "M",
+    "N",
+    "O",
+    "P",
+    "Q",
+    "R",
+    "S",
+    "T",
+    "U",
+    "V",
+    "W",
+    "X",
+    "Y",
+    "Z",
+    "a",
+    "b",
+    "c",
+    "d",
+    "e",
+    "f",
+    "g",
+    "h",
+    "i",
+    "j",
+    "k",
+    "l",
+    "m",
+    "n",
+    "o",
+    "p",
+    "q",
+    "r",
+    "s",
+    "t",
+    "u",
+    "v",
+    "w",
+    "x",
+    "y",
+    "z"
+  ];
+  let id = "";
+  for (let i = 0; i < length && id.length < length; i++) {
+    const stringCharacter = typeof stringToWeaveIn === "string" && (stringToWeaveIn == null ? void 0 : stringToWeaveIn[i]) !== void 0 && !/\s/.test(stringToWeaveIn[i]) ? stringToWeaveIn[i] : "";
+    id = id + stringCharacter + hashCharacters[Math.floor(Math.random() * hashCharacters.length)];
+  }
+  return id.slice(0, length);
+};
+const filterProps = (props, regexPattern, returnFiltered = true) => {
+  if (returnFiltered) {
+    return Object.keys(props).reduce((acc, key) => {
+      if (regexPattern.test(key)) {
+        acc[key] = props[key];
+      }
+      return acc;
+    }, {});
+  } else {
+    return Object.entries(props).filter(([key]) => !regexPattern.test(key)).reduce(
+      (prevObj, currKeyValPair) => ({ ...prevObj, [currKeyValPair[0]]: currKeyValPair[1] }),
+      {}
+    );
+  }
+};
+const debounce = (fn, delay) => {
+  let timeout;
+  return function executedFunction(...args) {
+    const later = () => {
+      clearTimeout(timeout);
+      fn(...args);
+    };
+    clearTimeout(timeout);
+    timeout = setTimeout(later, delay);
+  };
+};
+const throttle = (fn, delay) => {
+  let lastTime = 0;
+  return function() {
+    const now = Date.now();
+    if (now - lastTime >= delay) {
+      fn();
+      lastTime = now;
+    }
+  };
+};
+const remToPx = (rem) => {
+  return rem * parseFloat(getComputedStyle(document.documentElement).fontSize);
+};
+const isJsonString = (str) => {
+  try {
+    JSON.parse(str);
+  } catch (e) {
+    return false;
+  }
+  return true;
+};
+const deepMerge = (obj1, obj2) => {
+  if (!obj2) {
+    return obj1;
+  }
+  const result = { ...obj1 };
+  for (const key in obj2) {
+    if (Object.prototype.hasOwnProperty.call(obj2, key)) {
+      if (typeof obj2[key] === "object" && obj2[key] !== null && Object.prototype.hasOwnProperty.call(obj1, key) && !Array.isArray(obj2[key])) {
+        result[key] = deepMerge(obj1[key], obj2[key]);
+      } else {
+        result[key] = obj2[key];
+      }
+    }
+  }
+  return result;
+};
+export {
+  debounce,
+  deepMerge,
+  filterProps,
+  generateID,
+  isJsonString,
+  remToPx,
+  throttle
+};
+//# sourceMappingURL=helper.es.js.map

package/dist/util/helper.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helper.es.js","sources":["../../src/util/helper.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\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\ntype KeyValuePair = { [key: string]: unknown };\n\nexport const generateID = (length = 15, stringToWeaveIn?: string) => {\n  /** We will make sure to mesh the generate id and name property together to basically create a unique ID */\n  const hashCharacters = [\n    \"1\",\n    \"2\",\n    \"3\",\n    \"4\",\n    \"5\",\n    \"6\",\n    \"7\",\n    \"8\",\n    \"9\",\n    \"0\",\n    \"A\",\n    \"B\",\n    \"C\",\n    \"D\",\n    \"E\",\n    \"F\",\n    \"G\",\n    \"H\",\n    \"I\",\n    \"J\",\n    \"K\",\n    \"L\",\n    \"M\",\n    \"N\",\n    \"O\",\n    \"P\",\n    \"Q\",\n    \"R\",\n    \"S\",\n    \"T\",\n    \"U\",\n    \"V\",\n    \"W\",\n    \"X\",\n    \"Y\",\n    \"Z\",\n    \"a\",\n    \"b\",\n    \"c\",\n    \"d\",\n    \"e\",\n    \"f\",\n    \"g\",\n    \"h\",\n    \"i\",\n    \"j\",\n    \"k\",\n    \"l\",\n    \"m\",\n    \"n\",\n    \"o\",\n    \"p\",\n    \"q\",\n    \"r\",\n    \"s\",\n    \"t\",\n    \"u\",\n    \"v\",\n    \"w\",\n    \"x\",\n    \"y\",\n    \"z\"\n  ];\n\n  let id = \"\";\n\n  /** Generate an id of x characters in length */\n  for (let i = 0; i < length && id.length < length; i++) {\n    const stringCharacter =\n      typeof stringToWeaveIn === \"string\" &&\n      stringToWeaveIn?.[i] !== undefined &&\n      !/\\s/.test(stringToWeaveIn[i])\n        ? stringToWeaveIn[i]\n        : \"\";\n    id = id + stringCharacter + hashCharacters[Math.floor(Math.random() * hashCharacters.length)];\n  }\n\n  return id.slice(0, length);\n};\n\nexport const filterProps = (props: any, regexPattern: RegExp, returnFiltered: boolean = true) => {\n  if (returnFiltered) {\n    return Object.keys(props).reduce((acc: KeyValuePair, key) => {\n      if (regexPattern.test(key)) {\n        acc[key] = props[key];\n      }\n\n      return acc;\n    }, {});\n  } else {\n    return Object.entries(props)\n      .filter(([key]) => !regexPattern.test(key))\n      .reduce(\n        (prevObj, currKeyValPair) => ({ ...prevObj, [currKeyValPair[0]]: currKeyValPair[1] }),\n        {}\n      );\n  }\n};\n\nexport const debounce = (fn: (...args: unknown[]) => unknown, delay: number) => {\n  let timeout: undefined | ReturnType<typeof setTimeout>;\n\n  return function executedFunction(...args: unknown[]) {\n    const later = () => {\n      clearTimeout(timeout);\n      fn(...args);\n    };\n\n    clearTimeout(timeout);\n\n    timeout = setTimeout(later, delay);\n  };\n};\n\nexport const throttle = (fn: (...args: unknown[]) => unknown, delay: number) => {\n  let lastTime = 0;\n\n  return function () {\n    const now = Date.now();\n\n    if (now - lastTime >= delay) {\n      fn();\n      lastTime = now;\n    }\n  };\n};\n\nconst isEqual = (x: any, y: any): boolean => {\n  const typesCoincide = x && y && typeof x === \"object\" && typeof y === \"object\";\n  return typesCoincide\n    ? Object.keys(x).length === Object.keys(y).length &&\n        Object.keys(x).every(key => isEqual(x[key], y[key]))\n    : x === y;\n};\n\nexport const areArraysDifferent = (\n  arr1: Record<string, any>[],\n  arr2: Record<string, any>[],\n  key: string\n) => {\n  if (arr1.length !== arr2.length) {\n    return true;\n  } else {\n    const firstFilteredArray = arr1.filter(arr1Item =>\n      arr2.some((arr2Item: { [x: string]: any }) => !isEqual(arr1Item[key], arr2Item[key]))\n    );\n    const secondFilteredArray = arr2.filter(arr2Item =>\n      arr1.some((arr1Item: { [x: string]: any }) => !isEqual(arr1Item[key], arr2Item[key]))\n    );\n\n    return !!firstFilteredArray.length || !!secondFilteredArray.length;\n  }\n};\n\n/** Source: https://stackoverflow.com/a/42769683/5084110 */\nexport const remToPx = (rem: number): number => {\n  return rem * parseFloat(getComputedStyle(document.documentElement).fontSize);\n};\n\nexport const isJsonString = (str: any) => {\n  try {\n    JSON.parse(str);\n  } catch (e) {\n    return false;\n  }\n  return true;\n};\n\ntype ObjectType = { [key: string]: any };\n\nexport const deepMerge = <T extends object>(obj1: ObjectType, obj2: ObjectType | false): T => {\n  if (!obj2) {\n    return obj1 as T;\n  }\n\n  const result: ObjectType = { ...obj1 };\n\n  for (const key in obj2) {\n    if (Object.prototype.hasOwnProperty.call(obj2, key)) {\n      if (\n        typeof obj2[key] === \"object\" &&\n        obj2[key] !== null &&\n        Object.prototype.hasOwnProperty.call(obj1, key) &&\n        !Array.isArray(obj2[key])\n      ) {\n        result[key] = deepMerge(obj1[key], obj2[key]);\n      } else {\n        result[key] = obj2[key];\n      }\n    }\n  }\n\n  return result as T;\n};\n\nexport const escapeRegExp = (str: string) => str.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\");\n"],"names":[],"mappings":"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"}

package/dist/utils/statusUtils.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../components/Icon/Icon.cjs.js");exports.getStatusIcon=function({error:e,success:o,info:t}){return e?r.Icons.Error:o?r.Icons.CheckmarkCircleAlt:r.Icons.InfoCircle},exports.getStatusState=function({error:r,success:e,info:o},t=!1){return r?"error":e?"success":o||t?"info":void 0};
+//# sourceMappingURL=statusUtils.cjs.js.map

package/dist/utils/statusUtils.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"statusUtils.cjs.js","sources":["../../src/utils/statusUtils.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 { Icons } from \"../components/Icon/Icon\";\n\ninterface StatusProps {\n  error?: boolean;\n  success?: boolean;\n  info?: boolean;\n}\n\ntype StatusState = \"error\" | \"success\" | \"info\";\n\nexport function getStatusIcon({ error, success, info }: StatusProps): Icons {\n  if (error) {\n    return Icons.Error;\n  }\n  if (success) {\n    return Icons.CheckmarkCircleAlt;\n  }\n  return Icons.InfoCircle;\n}\n\nexport function getStatusState(\n  { error, success, info }: StatusProps,\n  defaultToInfo = false\n): StatusState | undefined {\n  if (error) {\n    return \"error\";\n  }\n  if (success) {\n    return \"success\";\n  }\n  if (info || defaultToInfo) {\n    return \"info\";\n  }\n  return undefined;\n}\n"],"names":["error","success","info","Icons","Error","CheckmarkCircleAlt","InfoCircle","defaultToInfo"],"mappings":"wJA0BO,UAAuBA,MAAEA,EAAOC,QAAAA,EAAAC,KAASA,IAC9C,OAAIF,EACKG,EAAMA,MAAAC,MAEXH,EACKE,EAAMA,MAAAE,mBAERF,EAAMA,MAAAG,UACf,yBAEO,UACLN,MAAEA,EAAAC,QAAOA,OAASC,GAClBK,GAAgB,GAEhB,OAAIP,EACK,QAELC,EACK,UAELC,GAAQK,EACH,YADT,CAIF"}

package/dist/utils/statusUtils.es.js

@@ -0,0 +1,27 @@
+import { Icons } from "../components/Icon/Icon.es.js";
+function getStatusIcon({ error, success, info }) {
+  if (error) {
+    return Icons.Error;
+  }
+  if (success) {
+    return Icons.CheckmarkCircleAlt;
+  }
+  return Icons.InfoCircle;
+}
+function getStatusState({ error, success, info }, defaultToInfo = false) {
+  if (error) {
+    return "error";
+  }
+  if (success) {
+    return "success";
+  }
+  if (info || defaultToInfo) {
+    return "info";
+  }
+  return void 0;
+}
+export {
+  getStatusIcon,
+  getStatusState
+};
+//# sourceMappingURL=statusUtils.es.js.map

package/dist/utils/statusUtils.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"statusUtils.es.js","sources":["../../src/utils/statusUtils.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 { Icons } from \"../components/Icon/Icon\";\n\ninterface StatusProps {\n  error?: boolean;\n  success?: boolean;\n  info?: boolean;\n}\n\ntype StatusState = \"error\" | \"success\" | \"info\";\n\nexport function getStatusIcon({ error, success, info }: StatusProps): Icons {\n  if (error) {\n    return Icons.Error;\n  }\n  if (success) {\n    return Icons.CheckmarkCircleAlt;\n  }\n  return Icons.InfoCircle;\n}\n\nexport function getStatusState(\n  { error, success, info }: StatusProps,\n  defaultToInfo = false\n): StatusState | undefined {\n  if (error) {\n    return \"error\";\n  }\n  if (success) {\n    return \"success\";\n  }\n  if (info || defaultToInfo) {\n    return \"info\";\n  }\n  return undefined;\n}\n"],"names":[],"mappings":";AA0BO,SAAS,cAAc,EAAE,OAAO,SAAS,QAA4B;AAC1E,MAAI,OAAO;AACT,WAAO,MAAM;AAAA,EAAA;AAEf,MAAI,SAAS;AACX,WAAO,MAAM;AAAA,EAAA;AAEf,SAAO,MAAM;AACf;AAEO,SAAS,eACd,EAAE,OAAO,SAAS,KAAK,GACvB,gBAAgB,OACS;AACzB,MAAI,OAAO;AACF,WAAA;AAAA,EAAA;AAET,MAAI,SAAS;AACJ,WAAA;AAAA,EAAA;AAET,MAAI,QAAQ,eAAe;AAClB,WAAA;AAAA,EAAA;AAEF,SAAA;AACT;"}

package/dist/variables.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e=(e=>(e[e.SMALL=0]="SMALL",e[e.MEDIUM=1]="MEDIUM",e[e.LARGE=2]="LARGE",e))(e||{});exports.ScreenSize=e,exports.breakpoints={0:30,1:50,2:90};
+//# sourceMappingURL=variables.cjs.js.map

package/dist/variables.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"variables.cjs.js","sources":["../src/variables.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\n/** Breakpoints **/\nconst small = 30 as const; //em = 480px\nconst medium = 50 as const; //em = 800px\nconst large = 90 as const; //em = 1440px\n\nexport enum ScreenSize {\n  SMALL,\n  MEDIUM,\n  LARGE\n}\n\nexport const breakpoints: { [key in ScreenSize]: number } = {\n  [ScreenSize.SMALL]: small,\n  [ScreenSize.MEDIUM]: medium,\n  [ScreenSize.LARGE]: large\n} as const;\n"],"names":["ScreenSize","ScreenSize2"],"mappings":"gFAqBY,IAAAA,GAAAA,IACVA,EAAAC,EAAA,MAAA,GAAA,QACAD,EAAAC,EAAA,OAAA,GAAA,SACAD,EAAAC,EAAA,MAAA,GAAA,QAHUD,IAAAA,GAAA,CAAA,4CAMgD,CAC1D,EAXY,GAYZ,EAXa,GAYb,EAXY"}

package/dist/variables.es.js

@@ -0,0 +1,28 @@
+const small = 30;
+const medium = 50;
+const large = 90;
+var ScreenSize = /* @__PURE__ */ ((ScreenSize2) => {
+  ScreenSize2[ScreenSize2["SMALL"] = 0] = "SMALL";
+  ScreenSize2[ScreenSize2["MEDIUM"] = 1] = "MEDIUM";
+  ScreenSize2[ScreenSize2["LARGE"] = 2] = "LARGE";
+  return ScreenSize2;
+})(ScreenSize || {});
+const breakpoints = {
+  [
+    0
+    /* SMALL */
+  ]: small,
+  [
+    1
+    /* MEDIUM */
+  ]: medium,
+  [
+    2
+    /* LARGE */
+  ]: large
+};
+export {
+  ScreenSize,
+  breakpoints
+};
+//# sourceMappingURL=variables.es.js.map

package/dist/variables.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"variables.es.js","sources":["../src/variables.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\n/** Breakpoints **/\nconst small = 30 as const; //em = 480px\nconst medium = 50 as const; //em = 800px\nconst large = 90 as const; //em = 1440px\n\nexport enum ScreenSize {\n  SMALL,\n  MEDIUM,\n  LARGE\n}\n\nexport const breakpoints: { [key in ScreenSize]: number } = {\n  [ScreenSize.SMALL]: small,\n  [ScreenSize.MEDIUM]: medium,\n  [ScreenSize.LARGE]: large\n} as const;\n"],"names":["ScreenSize"],"mappings":"AAiBA,MAAM,QAAQ;AACd,MAAM,SAAS;AACf,MAAM,QAAQ;AAEF,IAAA,+BAAAA,gBAAL;AACLA,cAAA,YAAA,OAAA,IAAA,CAAA,IAAA;AACAA,cAAA,YAAA,QAAA,IAAA,CAAA,IAAA;AACAA,cAAA,YAAA,OAAA,IAAA,CAAA,IAAA;AAHUA,SAAAA;AAAA,GAAA,cAAA,CAAA,CAAA;AAML,MAAM,cAA+C;AAAA,EAC1D;AAAA,IAAC;AAAA;AAAA,KAAmB;AAAA,EACpB;AAAA,IAAC;AAAA;AAAA,KAAoB;AAAA,EACrB;AAAA,IAAC;AAAA;AAAA,EAAmB,GAAA;AACtB;"}

package/package.json

@@ -1,18 +1,24 @@
 {
   "homepage": "http://onewelcome.github.io/react-lib-components",
   "name": "@onewelcome/react-lib-components",
-  "version": "9.8.0",
+  "version": "10.0.0",
   "license": "Apache-2.0",
   "author": "OneWelcome B.V.",
-  "main": "dist/cjs/src/index.cjs.js",
-  "module": "dist/esm/src/index.esm.js",
-  "typings": "dist/cjs/src/index.d.ts",
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.es.js",
+  "typings": "dist/index.d.ts",
   "files": [
     "dist",
-    "src",
     "!*/**/*.test.tsx",
     "!*/**/*.test.ts"
   ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.es.js",
+      "require": "./dist/index.cjs.js"
+    }
+  },
   "sideEffects": [
     "*.css",
     "*.scss"
@@ -30,15 +36,13 @@
     "url": "https://github.com/onewelcome/react-lib-components"
   },
   "scripts": {
-    "analyze": "size-limit --why",
-    "build": "rimraf dist && rollup -c --bundleConfigAsCjs",
+    "build": "rimraf dist && vite build",
     "build-storybook": "storybook build",
     "chromatic": "chromatic --exit-zero-on-changes",
-    "dev": "npm-run-all -p start test:watch storybook",
+    "dev": "npm-run-all -p test:watch storybook",
     "lint": "eslint \"**/*.{js,mjs,ts,tsx}\"",
-    "prepare": "husky && rollup -c --bundleConfigAsCjs",
-    "size": "size-limit",
-    "start": "rollup -c -w --bundleConfigAsCjs",
+    "prepare": "husky && vite build",
+    "start": "npm run storybook",
     "test": "jest",
     "test:watch": "npm test -- --watch",
     "prettier": "prettier --write --ignore-path .gitignore \"**/*.+(ts|tsx|scss|mdx)\"",
@@ -54,7 +58,7 @@
     "cross-spawn": ">=7.0.5"
   },
   "engines": {
-    "node": ">=16"
+    "node": ">=18"
   },
   "devDependencies": {
     "@babel/core": "^7.26.9",
@@ -69,6 +73,7 @@
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-terser": "^0.4.4",
     "@rollup/plugin-typescript": "^11.1.6",
+    "@rollup/plugin-virtual": "^3.0.2",
     "@storybook/addon-a11y": "^8.6.12",
     "@storybook/addon-actions": "^8.6.12",
     "@storybook/addon-docs": "^8.6.12",
@@ -94,8 +99,10 @@
     "@types/react-dom": "^18.3.0",
     "@typescript-eslint/eslint-plugin": "^7.15.0",
     "@typescript-eslint/parser": "^7.15.0",
+    "autoprefixer": "^10.4.21",
     "babel-loader": "^9.1.3",
     "chromatic": "^11.5.4",
+    "clean-css": "^5.3.3",
     "css-loader": "^7.1.2",
     "eslint": "^8.57.1",
     "eslint-config-prettier": "^9.1.0",
@@ -115,9 +122,6 @@
     "lint-staged": "^15.2.7",
     "mini-css-extract-plugin": "^2.9.2",
     "npm-run-all": "^4.1.5",
-    "postcss": "^8.4.39",
-    "postcss-modules": "^6.0.1",
-    "postcss-url": "^10.1.3",
     "prettier": "^3.3.2",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
@@ -127,16 +131,20 @@
     "rimraf": "^6.0.1",
     "rollup": "^4.18.0",
     "rollup-plugin-postcss": "^4.0.2",
-    "sass": "1.77.6",
-    "sass-loader": "^14.2.1",
+    "sass": "^1.85.1",
+    "sass-loader": "^16.0.5",
     "size-limit": "^11.1.4",
     "storybook": "^8.6.12",
     "storybook-addon-mock": "^5.0.0",
     "storybook-addon-pseudo-states": "^4.0.4",
     "storybook-mock-date-decorator": "^2.0.6",
+    "style-inject": "^0.3.0",
     "style-loader": "^4.0.0",
     "ts-jest": "^29.1.5",
     "tslib": "^2.6.3",
-    "typescript": "^5.5.3"
+    "typescript": "^5.5.3",
+    "vite": "^6.4.1",
+    "vite-plugin-css-injected-by-js": "^3.5.2",
+    "vite-plugin-dts": "^4.5.3"
   }
 }

package/dist/cjs/.scope.d.ts

@@ -1,2 +0,0 @@
-declare const _default: "*";
-export default _default;

package/dist/cjs/Breadcrumbs/Breadcrumbs.cjs.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("react"),r=require("../Icon/Icon.cjs.js"),a=require("../Typography/Typography.cjs.js"),c=require("./Breadcrumbs.module.scss.cjs.js");const s=e.forwardRef((({children:s,ariaLabel:n,className:t="",...l},o)=>{const i=e.Children.map(s,((n,t)=>{const l=!Array.isArray(s)||t===s.length-1,o=Array.isArray(s)&&0===t,i=e.cloneElement(n,{className:c.default["breadcrumb-link"],...o?{prefixIcon:e.createElement(r.Icon,{icon:r.Icons.HomeFilled,style:{marginRight:"0.35rem"}})}:{}});return l?e.createElement(a.Typography,{key:n.key,variant:"body",tag:"span",className:c.default.last,"aria-current":"page"},n.props.children):e.createElement(e.Fragment,{key:n.key},i,e.createElement(r.Icon,{icon:r.Icons.ChevronRight,className:c.default.icon}))}));return e.createElement("nav",{...l,ref:o,"aria-label":n,className:`${c.default.breadcrumbs} ${t}`},i)}));exports.Breadcrumbs=s;
-//# sourceMappingURL=Breadcrumbs.cjs.js.map

package/dist/cjs/Breadcrumbs/Breadcrumbs.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Breadcrumbs.cjs.js","sources":["../../../../../src/components/Breadcrumbs/Breadcrumbs.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, {\n  ComponentPropsWithRef,\n  ForwardRefRenderFunction,\n  Fragment,\n  ReactElement\n} from \"react\";\nimport { Icon, Icons } from \"../Icon/Icon\";\nimport { Link, Props as LinkProps } from \"../Link/Link\";\nimport { Typography } from \"../Typography/Typography\";\nimport classes from \"./Breadcrumbs.module.scss\";\n\ntype ChildrenType = ReactElement<LinkProps, typeof Link>;\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  children: ChildrenType | ChildrenType[];\n  ariaLabel: string;\n}\n\nconst BreadcrumbsComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { children, ariaLabel, className = \"\", ...rest }: Props,\n  ref\n) => {\n  const items = React.Children.map(children, (child, index) => {\n    const isLastElement = Array.isArray(children) ? index === children.length - 1 : true;\n    const isFirstElement = Array.isArray(children) && index === 0;\n    const item = React.cloneElement(child, {\n      className: classes[\"breadcrumb-link\"],\n      ...(isFirstElement\n        ? {\n            prefixIcon: <Icon icon={Icons.HomeFilled} style={{ marginRight: \"0.35rem\" }} />\n          }\n        : {})\n    } as LinkProps);\n\n    if (isLastElement) {\n      return (\n        <Typography\n          key={child.key}\n          variant=\"body\"\n          tag=\"span\"\n          className={classes[\"last\"]}\n          aria-current=\"page\"\n        >\n          {child.props.children}\n        </Typography>\n      );\n    } else {\n      return (\n        <Fragment key={child.key}>\n          {item}\n          <Icon icon={Icons.ChevronRight} className={classes[\"icon\"]} />\n        </Fragment>\n      );\n    }\n  });\n  return (\n    <nav\n      {...rest}\n      ref={ref}\n      aria-label={ariaLabel}\n      className={`${classes[\"breadcrumbs\"]} ${className}`}\n    >\n      {items}\n    </nav>\n  );\n};\n\nexport const Breadcrumbs = React.forwardRef(BreadcrumbsComponent);\n"],"names":["Breadcrumbs","React","forwardRef","children","ariaLabel","className","rest","ref","items","Children","map","child","index","isLastElement","Array","isArray","length","isFirstElement","item","cloneElement","classes","default","prefixIcon","createElement","Icon","icon","Icons","HomeFilled","style","marginRight","Typography","key","variant","tag","props","Fragment","ChevronRight"],"mappings":"gKAkCA,MAiDaA,EAAcC,EAAMC,YAjD6C,EAC1EC,WAAUC,YAAWC,YAAY,MAAOC,GAC1CC,KAEA,MAAMC,EAAQP,EAAMQ,SAASC,IAAIP,GAAU,CAACQ,EAAOC,KACjD,MAAMC,GAAgBC,MAAMC,QAAQZ,IAAYS,IAAUT,EAASa,OAAS,EACtEC,EAAiBH,MAAMC,QAAQZ,IAAuB,IAAVS,EAC5CM,EAAOjB,EAAMkB,aAAaR,EAAO,CACrCN,UAAWe,EAAOC,QAAC,sBACfJ,EACA,CACEK,WAAYrB,EAACsB,cAAAC,EAAAA,KAAK,CAAAC,KAAMC,QAAMC,WAAYC,MAAO,CAAEC,YAAa,cAElE,KAGN,OAAIhB,EAEAZ,EAAAsB,cAACO,EAAAA,WAAU,CACTC,IAAKpB,EAAMoB,IACXC,QAAQ,OACRC,IAAI,OACJ5B,UAAWe,EAAAA,QAAc,KACZ,eAAA,QAEZT,EAAMuB,MAAM/B,UAKfF,gBAACkC,EAAAA,SAAQ,CAACJ,IAAKpB,EAAMoB,KAClBb,EACDjB,EAAAsB,cAACC,OAAK,CAAAC,KAAMC,EAAKA,MAACU,aAAc/B,UAAWe,EAAOC,QAAO,OAG9D,IAEH,OACEpB,EACMsB,cAAA,MAAA,IAAAjB,EACJC,IAAKA,EAAG,aACIH,EACZC,UAAW,GAAGe,EAAOC,QAAc,eAAKhB,KAEvCG,EAEH"}