@onewelcome/react-lib-components 8.6.0 → 8.7.0

package/dist/esm/DataGrid/DataGridFilters/DateTimePicker/DateTimeService.esm.js

@@ -0,0 +1,29 @@
+import { format } from 'date-fns';
+
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+const THIRTY_SECONDS = "THIRTY_SECONDS";
+const ONE_MINUTE = "ONE_MINUTE";
+const FIVE_MINUTES = "FIVE_MINUTES";
+const ONE_HOUR = "ONE_HOUR";
+const TWENTY_FOUR_HOURS = "TWENTY_FOUR_HOURS";
+const CUSTOM_DATE_RANGE = "CUSTOM";
+const getMonthName = (date, locale) => format(date, "MMMM", { locale });
+const getYearFromDate = (date) => format(date, "yyyy");
+const formatInputDate = (date) => format(date, "yyyy-MM-dd HH:mm:ss");
+
+export { CUSTOM_DATE_RANGE, FIVE_MINUTES, ONE_HOUR, ONE_MINUTE, THIRTY_SECONDS, TWENTY_FOUR_HOURS, formatInputDate, getMonthName, getYearFromDate };
+//# sourceMappingURL=DateTimeService.esm.js.map

package/dist/esm/DataGrid/DataGridFilters/DateTimePicker/DateTimeService.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimeService.esm.js","sources":["../../../../../../../src/components/DataGrid/DataGridFilters/DateTimePicker/DateTimeService.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 { format, Locale } from \"date-fns\";\n\nexport const THIRTY_SECONDS = \"THIRTY_SECONDS\";\nexport const ONE_MINUTE = \"ONE_MINUTE\";\nexport const FIVE_MINUTES = \"FIVE_MINUTES\";\nexport const ONE_HOUR = \"ONE_HOUR\";\nexport const TWENTY_FOUR_HOURS = \"TWENTY_FOUR_HOURS\";\nexport const CUSTOM_DATE_RANGE = \"CUSTOM\";\n\nexport const getMonthName = (date: Date, locale?: Locale) => format(date, \"MMMM\", { locale });\n\nexport const getYearFromDate = (date: Date) => format(date, \"yyyy\");\n\nexport const formatInputDate = (date: Date) => format(date, \"yyyy-MM-dd HH:mm:ss\");\n"],"names":[],"mappings":";;AAAA;;;;;;;;;;;;;;AAcG;AAII,MAAM,cAAc,GAAG,iBAAiB;AACxC,MAAM,UAAU,GAAG,aAAa;AAChC,MAAM,YAAY,GAAG,eAAe;AACpC,MAAM,QAAQ,GAAG,WAAW;AAC5B,MAAM,iBAAiB,GAAG,oBAAoB;AAC9C,MAAM,iBAAiB,GAAG,SAAS;MAE7B,YAAY,GAAG,CAAC,IAAU,EAAE,MAAe,KAAK,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,EAAE;AAEvF,MAAM,eAAe,GAAG,CAAC,IAAU,KAAK,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE;AAE7D,MAAM,eAAe,GAAG,CAAC,IAAU,KAAK,MAAM,CAAC,IAAI,EAAE,qBAAqB;;;;"}

package/dist/esm/DataGrid/DataGridFilters/DateTimePicker/SideMenu.esm.js

@@ -0,0 +1,26 @@
+import React from 'react';
+import classes from './DateTimePicker.module.scss.esm.js';
+import contextMenuItemClasses from '../../../ContextMenu/ContextMenuItem.module.scss.esm.js';
+
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+const SideMenu = ({ sideMenuItems, selectedItemId, onItemSelect }) => {
+    return (React.createElement("ul", { className: classes["aside-menu"] }, sideMenuItems.map(item => (React.createElement("li", { key: item.id, role: "none", className: `${contextMenuItemClasses["context-menu-item"]} ${classes["aside-menu-item"]}` },
+        React.createElement("button", { role: "menuitem", style: { height: "2rem" }, className: selectedItemId === item.id ? contextMenuItemClasses["active"] : undefined, onClick: () => onItemSelect(item.id) }, item.name))))));
+};
+
+export { SideMenu };
+//# sourceMappingURL=SideMenu.esm.js.map

package/dist/esm/DataGrid/DataGridFilters/DateTimePicker/SideMenu.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideMenu.esm.js","sources":["../../../../../../../src/components/DataGrid/DataGridFilters/DateTimePicker/SideMenu.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\";\nimport classes from \"./DateTimePicker.module.scss\";\nimport contextMenuItemClasses from \"../../../ContextMenu/ContextMenuItem.module.scss\";\nimport { SideMenuItem } from \"./DateTimePicker\";\nimport { DateTimeFilterType } from \"../DataGridFilters.interfaces\";\n\ntype Props = {\n  sideMenuItems: SideMenuItem[];\n  selectedItemId: string;\n  onItemSelect: (id: DateTimeFilterType) => void;\n};\n\nexport const SideMenu = ({ sideMenuItems, selectedItemId, onItemSelect }: Props) => {\n  return (\n    <ul className={classes[\"aside-menu\"]}>\n      {sideMenuItems.map(item => (\n        <li\n          key={item.id}\n          role=\"none\"\n          className={`${contextMenuItemClasses[\"context-menu-item\"]} ${classes[\"aside-menu-item\"]}`}\n        >\n          <button\n            role=\"menuitem\"\n            style={{ height: \"2rem\" }}\n            className={selectedItemId === item.id ? contextMenuItemClasses[\"active\"] : undefined}\n            onClick={() => onItemSelect(item.id)}\n          >\n            {item.name}\n          </button>\n        </li>\n      ))}\n    </ul>\n  );\n};\n"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;AAcG;AAcI,MAAM,QAAQ,GAAG,CAAC,EAAE,aAAa,EAAE,cAAc,EAAE,YAAY,EAAS,KAAI;AACjF,IAAA,QACE,KAAI,CAAA,aAAA,CAAA,IAAA,EAAA,EAAA,SAAS,EAAE,OAAO,CAAC,YAAY,CAAC,EAAA,EACjC,aAAa,CAAC,GAAG,CAAC,IAAI,KACrB,KACE,CAAA,aAAA,CAAA,IAAA,EAAA,EAAA,GAAG,EAAE,IAAI,CAAC,EAAE,EACZ,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,GAAG,sBAAsB,CAAC,mBAAmB,CAAC,CAAA,CAAA,EAAI,OAAO,CAAC,iBAAiB,CAAC,CAAE,CAAA,EAAA;QAEzF,KACE,CAAA,aAAA,CAAA,QAAA,EAAA,EAAA,IAAI,EAAC,UAAU,EACf,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,EACzB,SAAS,EAAE,cAAc,KAAK,IAAI,CAAC,EAAE,GAAG,sBAAsB,CAAC,QAAQ,CAAC,GAAG,SAAS,EACpF,OAAO,EAAE,MAAM,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,EAAA,EAEnC,IAAI,CAAC,IAAI,CACH,CACN,CACN,CAAC,CACC,EACL;AACJ;;;;"}

package/dist/esm/DatePicker/DatePicker.esm.js

@@ -21,6 +21,8 @@ import { enGB } from '../node_modules/date-fns/locale/en-GB.esm.js';
  */
 const DatePicker = ({ onSelect, value, required, mode, locale: locale$1, ...rest }) => {
     const [dayPickerLocale, setDayPickerLocale] = useState(enGB);
+    //we have to specify the endMonth value. Otherwise the date range picker doesn't let us to navigate between years
+    const endMonth = new Date(3000, 12);
     useEffect(() => {
         try {
             const selectedLocale = locale[locale$1];
@@ -46,7 +48,7 @@ const DatePicker = ({ onSelect, value, required, mode, locale: locale$1, ...rest
         classNames: getCustomClassNamesMapping(),
         locale: dayPickerLocale
     };
-    return (React.createElement(Fragment, null, mode === "single" ? (React.createElement(DayPicker, { ...rest, ...commonProps, mode: mode, onSelect: onSelect, selected: value })) : (React.createElement(DayPicker, { ...rest, ...commonProps, mode: mode, onSelect: onSelect, selected: value }))));
+    return (React.createElement(Fragment, null, mode === "single" ? (React.createElement(DayPicker, { ...rest, ...commonProps, mode: mode, endMonth: endMonth, onSelect: onSelect, selected: value })) : (React.createElement(DayPicker, { ...rest, ...commonProps, mode: mode, endMonth: endMonth, onSelect: onSelect, selected: value }))));
 };
 
 export { DatePicker };

package/dist/esm/DatePicker/DatePicker.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.esm.js","sources":["../../../../../src/components/DatePicker/DatePicker.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, { ComponentPropsWithoutRef, Fragment, useEffect, useState } from \"react\";\nimport { ClassNames, DateRange, DayPicker, Locale, PropsBase } from \"react-day-picker\";\nimport classes from \"./DatePicker.module.scss\";\nimport * as locales from \"date-fns/locale\";\n\nexport interface Props extends ComponentPropsWithoutRef<any> {\n  onSelect: (date: Date | DateRange | undefined) => void;\n  mode: \"single\" | \"range\";\n  value: Date | DateRange | undefined;\n  required?: boolean;\n  locale?: keyof typeof locales;\n}\n\nexport const DatePicker = ({ onSelect, value, required, mode, locale, ...rest }: Props) => {\n  const [dayPickerLocale, setDayPickerLocale] = useState<Locale>(locales.enGB);\n\n  useEffect(() => {\n    try {\n      const selectedLocale = locales[locale!];\n      setDayPickerLocale(selectedLocale);\n    } catch (e) {\n      setDayPickerLocale(locales.enGB);\n    }\n  }, [locale]);\n\n  const getCustomClassNamesMapping = (): Partial<ClassNames> => {\n    const CLASSNAME_PREFIX = \"rdp-\";\n    const dayPickerClassNames: Partial<ClassNames> = {};\n\n    Object.keys(classes).forEach(key => {\n      const classKey = key.replace(CLASSNAME_PREFIX, \"\") as keyof ClassNames;\n      dayPickerClassNames[classKey] = classes[key];\n    });\n\n    return dayPickerClassNames;\n  };\n\n  const commonProps: PropsBase = {\n    showOutsideDays: true,\n    captionLayout: \"dropdown-years\",\n    required: required,\n    classNames: getCustomClassNamesMapping(),\n    locale: dayPickerLocale\n  };\n\n  return (\n    <Fragment>\n      {mode === \"single\" ? (\n        <DayPicker\n          {...rest}\n          {...commonProps}\n          mode={mode}\n          onSelect={onSelect}\n          selected={value as Date | undefined}\n        ></DayPicker>\n      ) : (\n        <DayPicker\n          {...rest}\n          {...commonProps}\n          mode={mode}\n          onSelect={onSelect}\n          selected={value as DateRange | undefined}\n        />\n      )}\n    </Fragment>\n  );\n};\n"],"names":["locale","locales.enGB","locales"],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;AAcG;MAeU,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,UAAEA,QAAM,EAAE,GAAG,IAAI,EAAS,KAAI;AACxF,IAAA,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAASC,IAAY,CAAC,CAAC;IAE7E,SAAS,CAAC,MAAK;AACb,QAAA,IAAI;AACF,YAAA,MAAM,cAAc,GAAGC,MAAO,CAACF,QAAO,CAAC,CAAC;YACxC,kBAAkB,CAAC,cAAc,CAAC,CAAC;SACpC;QAAC,OAAO,CAAC,EAAE;AACV,YAAA,kBAAkB,CAACC,IAAY,CAAC,CAAC;SAClC;AACH,KAAC,EAAE,CAACD,QAAM,CAAC,CAAC,CAAC;IAEb,MAAM,0BAA0B,GAAG,MAA0B;QAC3D,MAAM,gBAAgB,GAAG,MAAM,CAAC;QAChC,MAAM,mBAAmB,GAAwB,EAAE,CAAC;QAEpD,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,GAAG,IAAG;YACjC,MAAM,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAC,gBAAgB,EAAE,EAAE,CAAqB,CAAC;YACvE,mBAAmB,CAAC,QAAQ,CAAC,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC;AAC/C,SAAC,CAAC,CAAC;AAEH,QAAA,OAAO,mBAAmB,CAAC;AAC7B,KAAC,CAAC;AAEF,IAAA,MAAM,WAAW,GAAc;AAC7B,QAAA,eAAe,EAAE,IAAI;AACrB,QAAA,aAAa,EAAE,gBAAgB;AAC/B,QAAA,QAAQ,EAAE,QAAQ;QAClB,UAAU,EAAE,0BAA0B,EAAE;AACxC,QAAA,MAAM,EAAE,eAAe;KACxB,CAAC;IAEF,QACE,KAAC,CAAA,aAAA,CAAA,QAAQ,EACN,IAAA,EAAA,IAAI,KAAK,QAAQ,IAChB,KAAC,CAAA,aAAA,CAAA,SAAS,OACJ,IAAI,EAAA,GACJ,WAAW,EACf,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,KAAyB,EACxB,CAAA,KAEb,KAAC,CAAA,aAAA,CAAA,SAAS,EACJ,EAAA,GAAA,IAAI,EACJ,GAAA,WAAW,EACf,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,KAA8B,EACxC,CAAA,CACH,CACQ,EACX;AACJ;;;;"}
+{"version":3,"file":"DatePicker.esm.js","sources":["../../../../../src/components/DatePicker/DatePicker.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, { ComponentPropsWithoutRef, Fragment, useEffect, useState } from \"react\";\nimport {\n  ClassNames,\n  DateRange,\n  DayPicker,\n  Locale,\n  PropsBase,\n  CustomComponents\n} from \"react-day-picker\";\nimport classes from \"./DatePicker.module.scss\";\nimport * as locales from \"date-fns/locale\";\n\nexport interface Props extends ComponentPropsWithoutRef<any> {\n  onSelect: (date: Date | DateRange | undefined) => void;\n  mode: \"single\" | \"range\";\n  value: Date | DateRange | undefined;\n  required?: boolean;\n  locale?: keyof typeof locales;\n  numberOfMonths?: number;\n  components?: Partial<CustomComponents>;\n  disabled?: boolean;\n}\n\nexport const DatePicker = ({ onSelect, value, required, mode, locale, ...rest }: Props) => {\n  const [dayPickerLocale, setDayPickerLocale] = useState<Locale>(locales.enGB);\n  //we have to specify the endMonth value. Otherwise the date range picker doesn't let us to navigate between years\n  const endMonth = new Date(3000, 12);\n\n  useEffect(() => {\n    try {\n      const selectedLocale = locales[locale!];\n      setDayPickerLocale(selectedLocale);\n    } catch (e) {\n      setDayPickerLocale(locales.enGB);\n    }\n  }, [locale]);\n\n  const getCustomClassNamesMapping = (): Partial<ClassNames> => {\n    const CLASSNAME_PREFIX = \"rdp-\";\n    const dayPickerClassNames: Partial<ClassNames> = {};\n\n    Object.keys(classes).forEach(key => {\n      const classKey = key.replace(CLASSNAME_PREFIX, \"\") as keyof ClassNames;\n      dayPickerClassNames[classKey] = classes[key];\n    });\n\n    return dayPickerClassNames;\n  };\n\n  const commonProps: PropsBase = {\n    showOutsideDays: true,\n    captionLayout: \"dropdown-years\",\n    required: required,\n    classNames: getCustomClassNamesMapping(),\n    locale: dayPickerLocale\n  };\n\n  return (\n    <Fragment>\n      {mode === \"single\" ? (\n        <DayPicker\n          {...rest}\n          {...commonProps}\n          mode={mode}\n          endMonth={endMonth}\n          onSelect={onSelect}\n          selected={value as Date | undefined}\n        ></DayPicker>\n      ) : (\n        <DayPicker\n          {...rest}\n          {...commonProps}\n          mode={mode}\n          endMonth={endMonth}\n          onSelect={onSelect}\n          selected={value as DateRange | undefined}\n        />\n      )}\n    </Fragment>\n  );\n};\n"],"names":["locale","locales.enGB","locales"],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;AAcG;MAyBU,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,UAAEA,QAAM,EAAE,GAAG,IAAI,EAAS,KAAI;AACxF,IAAA,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAASC,IAAY,CAAC,CAAC;;IAE7E,MAAM,QAAQ,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;IAEpC,SAAS,CAAC,MAAK;AACb,QAAA,IAAI;AACF,YAAA,MAAM,cAAc,GAAGC,MAAO,CAACF,QAAO,CAAC,CAAC;YACxC,kBAAkB,CAAC,cAAc,CAAC,CAAC;SACpC;QAAC,OAAO,CAAC,EAAE;AACV,YAAA,kBAAkB,CAACC,IAAY,CAAC,CAAC;SAClC;AACH,KAAC,EAAE,CAACD,QAAM,CAAC,CAAC,CAAC;IAEb,MAAM,0BAA0B,GAAG,MAA0B;QAC3D,MAAM,gBAAgB,GAAG,MAAM,CAAC;QAChC,MAAM,mBAAmB,GAAwB,EAAE,CAAC;QAEpD,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,GAAG,IAAG;YACjC,MAAM,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAC,gBAAgB,EAAE,EAAE,CAAqB,CAAC;YACvE,mBAAmB,CAAC,QAAQ,CAAC,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC;AAC/C,SAAC,CAAC,CAAC;AAEH,QAAA,OAAO,mBAAmB,CAAC;AAC7B,KAAC,CAAC;AAEF,IAAA,MAAM,WAAW,GAAc;AAC7B,QAAA,eAAe,EAAE,IAAI;AACrB,QAAA,aAAa,EAAE,gBAAgB;AAC/B,QAAA,QAAQ,EAAE,QAAQ;QAClB,UAAU,EAAE,0BAA0B,EAAE;AACxC,QAAA,MAAM,EAAE,eAAe;KACxB,CAAC;AAEF,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,IAAA,EACN,IAAI,KAAK,QAAQ,IAChB,KAAA,CAAA,aAAA,CAAC,SAAS,EACJ,EAAA,GAAA,IAAI,EACJ,GAAA,WAAW,EACf,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,KAAyB,EAAA,CACxB,KAEb,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EAAA,GACJ,IAAI,EAAA,GACJ,WAAW,EACf,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,KAA8B,EAAA,CACxC,CACH,CACQ,EACX;AACJ;;;;"}

package/dist/esm/DatePicker/DatePicker.module.scss.esm.js

@@ -1,7 +1,7 @@
 import styleInject from '../node_modules/style-inject/dist/style-inject.es.esm.js';
 
-var css_248z = "/*!\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 * 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 * 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 */.DatePicker-module_sr-only__KnLIH{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.DatePicker-module_hidden__yV2zd{display:none}.DatePicker-module_slide-in__uNWGO{animation:DatePicker-module_slide-in__uNWGO .5s forwards}@media (prefers-reduced-motion:reduce){.DatePicker-module_slide-in__uNWGO{animation-duration:.1ms}}.DatePicker-module_slide-out__gWqox{animation:DatePicker-module_slide-out__gWqox .5s forwards}@media (prefers-reduced-motion:reduce){.DatePicker-module_slide-out__gWqox{animation-duration:.1ms}}@keyframes DatePicker-module_slide-in__uNWGO{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes DatePicker-module_slide-out__gWqox{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.DatePicker-module_rdp-root__w85jJ{--rdp-day-height:2rem;--rdp-day-width:2rem;--rdp-disabled-opacity:0.5;--rdp-outside-opacity:0.75;--rdp-dropdown-gap:0.5rem;--rdp-months-gap:2rem;--rdp-nav_button-disabled-opacity:0.5;--rdp-nav_button-height:0.75rem;--rdp-nav_button-width:0.75rem;--rdp-nav-height:2.75rem;--rdp-range_middle-background-color:var(--color-primary50);--rdp-range_middle-color:#000;--rdp-range_start-color:#fff;--rdp-range_start-background:var(--color-primary);--rdp-range_start-date-background-color:var(--color-primary);--rdp-range_end-background:var(--color-primary);--rdp-range_end-color:#fff;--rdp-range_end-date-background-color:var(--color-primary);--rdp-week_number-border-radius:var(--button-border-radius);--rdp-week_number-border:var(--button-border-radius) solid #0000;--rdp-week_number-height:var(--rdp-day-height);--rdp-week_number-opacity:0.75;--rdp-week_number-width:var(--rdp-day-width);--rdp-weeknumber-text-align:center;--rdp-weekday-padding:0.5rem 0rem;--rdp-weekday-text-align:center;--rdp-gradient-direction:90deg}.DatePicker-module_rdp-root__w85jJ[dir=rtl]{--rdp-gradient-direction:-90deg}.DatePicker-module_rdp-root__w85jJ{box-sizing:border-box;color:var(--default);font-family:var(--font-family);font-size:var(--font-size-sub);font-style:normal;font-variant:normal;font-weight:400;letter-spacing:0;line-height:1rem;margin:0 0 1rem;position:relative;text-transform:none}.DatePicker-module_rdp-root__w85jJ *{box-sizing:border-box}.DatePicker-module_rdp-day__xXo-K{border:none;height:var(--rdp-day-height);padding:0;text-align:center;width:var(--rdp-day-width)}.DatePicker-module_rdp-day_button__Tn-Zd{align-items:center;background:none;border:var(--button-border-radius) solid #0000;border-radius:var(--button-border-radius);color:inherit;cursor:pointer;display:flex;font:inherit;height:var(--rdp-day-height);justify-content:center;margin:0;padding:0;width:var(--rdp-day-width)}.DatePicker-module_rdp-day_button__Tn-Zd:focus-visible{border-radius:var(--focus-border-radius);outline:.125rem solid var(--color-focus);outline-offset:-2px}.DatePicker-module_rdp-day_button__Tn-Zd:disabled{cursor:revert}.DatePicker-module_rdp-caption_label__hpWX2{align-items:center;border:0;display:inline-flex;position:relative;white-space:nowrap;z-index:1}.DatePicker-module_rdp-button_next__AOdy3,.DatePicker-module_rdp-button_previous__JZVzI{align-items:center;appearance:none;background:none;border:none;color:inherit;cursor:pointer;display:inline-flex;font:inherit;height:var(--rdp-nav_button-height);justify-content:center;margin:0;padding:0;position:relative;width:var(--rdp-nav_button-width)}.DatePicker-module_rdp-button_next__AOdy3:focus-visible,.DatePicker-module_rdp-button_previous__JZVzI:focus-visible{border-radius:var(--focus-border-radius);outline:.125rem solid var(--color-focus);outline-offset:2px}.DatePicker-module_rdp-button_previous__JZVzI{margin-right:.5rem}.DatePicker-module_rdp-button_next__AOdy3:disabled,.DatePicker-module_rdp-button_previous__JZVzI:disabled{cursor:revert;opacity:var(--rdp-nav_button-disabled-opacity)}.DatePicker-module_rdp-chevron__q6PAe{fill:var(--color-blue-grey500);display:inline-block}.DatePicker-module_rdp-root__w85jJ[dir=rtl] .DatePicker-module_rdp-nav__y0rb- .DatePicker-module_rdp-chevron__q6PAe{transform:rotate(180deg);transform-origin:50%}.DatePicker-module_rdp-dropdowns__fFv9Q{align-items:center;color:var(--color-blue-grey500);display:inline-flex;font-weight:700;gap:var(--rdp-dropdown-gap);position:relative}.DatePicker-module_rdp-dropdown__lazMc{appearance:none;border:none;cursor:inherit;inset-block-end:0;inset-block-start:0;inset-inline-start:0;line-height:inherit;margin:0;opacity:0;padding:0;position:absolute;width:100%;z-index:2}.DatePicker-module_rdp-dropdown_root__CaXoe{align-items:center;display:inline-flex;position:relative}.DatePicker-module_rdp-years_dropdown__x8JpD:focus-visible+.DatePicker-module_rdp-caption_label__hpWX2 .DatePicker-module_rdp-chevron__q6PAe{border-radius:var(--focus-border-radius);outline:.125rem solid var(--color-focus);outline-offset:0}.DatePicker-module_rdp-years_dropdown__x8JpD+.DatePicker-module_rdp-caption_label__hpWX2 .DatePicker-module_rdp-chevron__q6PAe{margin-left:.25rem;width:.875rem}.DatePicker-module_rdp-dropdown_root__CaXoe[data-disabled=true] .DatePicker-module_rdp-chevron__q6PAe{opacity:var(--rdp-disabled-opacity)}.DatePicker-module_rdp-month_caption__lHfv9{align-content:center;display:flex;height:var(--rdp-nav-height)}.DatePicker-module_rdp-months__rRd5i{display:flex;flex-wrap:wrap;gap:var(--rdp-months-gap);max-width:fit-content;position:relative}.DatePicker-module_rdp-month_grid__L60F6{border-collapse:collapse}.DatePicker-module_rdp-nav__y0rb-{align-items:center;display:flex;height:var(--rdp-nav-height);inset-block-start:0;inset-inline-end:0;position:absolute}.DatePicker-module_rdp-weekday__jnnj2{color:var(--color-blue-grey400);font-size:.625rem;font-weight:400;height:var(--rdp-day-height);padding:var(--rdp-weekday-padding);text-align:var(--rdp-weekday-text-align);width:var(--rdp-day-width)}.DatePicker-module_rdp-week_number__2SnHY{border:var(--rdp-week_number-border);border-radius:var(--rdp-week_number-border-radius);height:var(--rdp-week_number-height);opacity:var(--rdp-week_number-opacity);text-align:var(--rdp-weeknumber-text-align);width:var(--rdp-week_number-width)}.DatePicker-module_rdp-today__JKQcK:not(.DatePicker-module_rdp-outside__kVSG4){color:var(--color-primary)}.DatePicker-module_rdp-selected__7MpXH{background-color:var(--color-primary);border-radius:var(--button-border-radius);color:#fff}.DatePicker-module_rdp-selected__7MpXH.DatePicker-module_rdp-outside__kVSG4.DatePicker-module_rdp-range_middle__o8QiM .DatePicker-module_rdp-day_button__Tn-Zd{color:var(--color-blue-grey400)}.DatePicker-module_rdp-selected__7MpXH .DatePicker-module_rdp-day_button__Tn-Zd{border:var(--button-border-radius) solid var(--color-primary)}.DatePicker-module_rdp-outside__kVSG4{color:var(--color-blue-grey400)}.DatePicker-module_rdp-disabled__P7qzQ{opacity:var(--rdp-disabled-opacity)}.DatePicker-module_rdp-hidden__tjsIG{color:var(--rdp-range_start-color);visibility:hidden}.DatePicker-module_rdp-range_start__7XHt-{background:var(--rdp-range_start-background)}.DatePicker-module_rdp-range_start__7XHt- .DatePicker-module_rdp-day_button__Tn-Zd{background-color:var(--rdp-range_start-date-background-color);color:var(--rdp-range_start-color)}.DatePicker-module_rdp-range_middle__o8QiM{background-color:var(--rdp-range_middle-background-color);border-radius:0}.DatePicker-module_rdp-range_middle__o8QiM:focus-visible{border-radius:var(--focus-border-radius)}.DatePicker-module_rdp-range_middle__o8QiM .DatePicker-module_rdp-day_button__Tn-Zd{border-color:#0000;color:var(--rdp-range_middle-color)}.DatePicker-module_rdp-range_end__FUram{background:var(--rdp-range_end-background);color:var(--rdp-range_end-color)}.DatePicker-module_rdp-range_end__FUram .DatePicker-module_rdp-day_button__Tn-Zd{background-color:var(--rdp-range_end-date-background-color);color:var(--rdp-range_start-color)}.DatePicker-module_rdp-range_start__7XHt-.DatePicker-module_rdp-range_end__FUram{background:revert}.DatePicker-module_rdp-focusable__5xqek{cursor:pointer}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGVQaWNrZXIubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0JBOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLGtDQU9FLGtCQUFzQixDQUN0QixRQUFTLENBTFQsVUFBVyxDQUVYLFdBQVksQ0FDWixlQUFnQixDQUZoQixTQUFVLENBSFYsaUJBQWtCLENBQ2xCLFNBT0YsQ0FFQSxpQ0FDRSxZQUNGLENBRUEsbUNBQ0Usd0RBQ0YsQ0FDQSx1Q0FDRSxtQ0FDRSx1QkFDRixDQUNGLENBRUEsb0NBQ0UseURBQ0YsQ0FDQSx1Q0FDRSxvQ0FDRSx1QkFDRixDQUNGLENBRUEsNkNBQ0UsR0FDRSwyQkFDRixDQUNBLEdBQ0UsdUJBQ0YsQ0FDRixDQUNBLDhDQUNFLEdBQ0UsdUJBQ0YsQ0FDQSxHQUNFLDJCQUNGLENBQ0YsQ0FDQSxtQ0FDRSxxQkFBc0IsQ0FDdEIsb0JBQXFCLENBQ3JCLDBCQUEyQixDQUMzQiwwQkFBMkIsQ0FDM0IseUJBQTBCLENBQzFCLHFCQUFzQixDQUN0QixxQ0FBc0MsQ0FDdEMsK0JBQWdDLENBQ2hDLDhCQUErQixDQUMvQix3QkFBeUIsQ0FDekIsMERBQTJELENBQzNELDZCQUErQixDQUMvQiw0QkFBOEIsQ0FDOUIsaURBQWtELENBQ2xELDREQUE2RCxDQUM3RCwrQ0FBZ0QsQ0FDaEQsMEJBQTRCLENBQzVCLDBEQUEyRCxDQUMzRCwyREFBNEQsQ0FDNUQsZ0VBQXVFLENBQ3ZFLDhDQUErQyxDQUMvQyw4QkFBK0IsQ0FDL0IsNENBQTZDLENBQzdDLGtDQUFtQyxDQUNuQyxpQ0FBa0MsQ0FDbEMsK0JBQWdDLENBQ2hDLDhCQUNGLENBRUEsNENBQ0UsK0JBQ0YsQ0FFQSxtQ0FFRSxxQkFBc0IsQ0FTdEIsb0JBQXFCLENBUnJCLDhCQUErQixDQUMvQiw4QkFBK0IsQ0FDL0IsaUJBQWtCLENBQ2xCLG1CQUFvQixDQUVwQixlQUFnQixDQUVoQixnQkFBaUIsQ0FIakIsZ0JBQWlCLENBS2pCLGVBQWtCLENBWGxCLGlCQUFrQixDQVFsQixtQkFJRixDQUVBLHFDQUNFLHFCQUNGLENBRUEsa0NBR0UsV0FBWSxDQURaLDRCQUE2QixDQUc3QixTQUFVLENBRFYsaUJBQWtCLENBSGxCLDBCQUtGLENBRUEseUNBUUUsa0JBQW1CLENBUG5CLGVBQWdCLENBV2hCLDhDQUFxRCxDQUNyRCx5Q0FBMEMsQ0FQMUMsYUFBYyxDQUZkLGNBQWUsQ0FLZixZQUFhLENBSmIsWUFBYSxDQU1iLDRCQUE2QixDQUo3QixzQkFBdUIsQ0FKdkIsUUFBUyxDQURULFNBQVUsQ0FRViwwQkFJRixDQUNBLHVEQUdFLHdDQUF5QyxDQUZ6Qyx3Q0FBMEMsQ0FDMUMsbUJBRUYsQ0FFQSxrREFDRSxhQUNGLENBRUEsNENBSUUsa0JBQW1CLENBRW5CLFFBQVMsQ0FIVCxtQkFBb0IsQ0FEcEIsaUJBQWtCLENBR2xCLGtCQUFtQixDQUpuQixTQU1GLENBRUEsd0ZBVUUsa0JBQW1CLENBR25CLGVBQWdCLENBVmhCLGVBQWdCLENBRGhCLFdBQVksQ0FNWixhQUFjLENBRmQsY0FBZSxDQUdmLG1CQUFvQixDQUZwQixZQUFhLENBUWIsbUNBQW9DLENBSnBDLHNCQUF1QixDQU52QixRQUFTLENBRFQsU0FBVSxDQVFWLGlCQUFrQixDQUVsQixpQ0FFRixDQUNBLG9IQUlFLHdDQUF5QyxDQUZ6Qyx3Q0FBMEMsQ0FDMUMsa0JBRUYsQ0FFQSw4Q0FDRSxrQkFDRixDQUVBLDBHQUVFLGFBQWMsQ0FDZCw4Q0FDRixDQUVBLHNDQUVFLDhCQUErQixDQUQvQixvQkFFRixDQU1BLG9IQUNFLHdCQUF5QixDQUN6QixvQkFDRixDQUVBLHdDQUdFLGtCQUFtQixDQUVuQiwrQkFBZ0MsQ0FIaEMsbUJBQW9CLENBSXBCLGVBQWdCLENBRmhCLDJCQUE0QixDQUg1QixpQkFNRixDQUVBLHVDQUlFLGVBQWdCLENBU2hCLFdBQVksQ0FEWixjQUFlLENBTGYsaUJBQWtCLENBRGxCLG1CQUFvQixDQUVwQixvQkFBcUIsQ0FNckIsbUJBQW9CLENBSnBCLFFBQVMsQ0FQVCxTQUFVLENBUVYsU0FBVSxDQU5WLGlCQUFrQixDQUlsQixVQUFXLENBUlgsU0FjRixDQUVBLDRDQUdFLGtCQUFtQixDQURuQixtQkFBb0IsQ0FEcEIsaUJBR0YsQ0FFQSw2SUFHRSx3Q0FBeUMsQ0FGekMsd0NBQTBDLENBQzFDLGdCQUVGLENBRUEsK0hBQ0Usa0JBQW9CLENBQ3BCLGFBQ0YsQ0FFQSxzR0FDRSxtQ0FDRixDQUVBLDRDQUVFLG9CQUFxQixDQURyQixZQUFhLENBRWIsNEJBQ0YsQ0FFQSxxQ0FFRSxZQUFhLENBQ2IsY0FBZSxDQUNmLHlCQUEwQixDQUMxQixxQkFBc0IsQ0FKdEIsaUJBS0YsQ0FFQSx5Q0FDRSx3QkFDRixDQUVBLGtDQUtFLGtCQUFtQixDQURuQixZQUFhLENBRWIsNEJBQTZCLENBSjdCLG1CQUFvQixDQUNwQixrQkFBbUIsQ0FGbkIsaUJBTUYsQ0FFQSxzQ0FJRSwrQkFBZ0MsQ0FEaEMsaUJBQW1CLENBSW5CLGVBQWdCLENBRmhCLDRCQUE2QixDQUo3QixrQ0FBbUMsQ0FDbkMsd0NBQXlDLENBSXpDLDBCQUVGLENBRUEsMENBSUUsb0NBQXFDLENBQ3JDLGtEQUFtRCxDQUhuRCxvQ0FBcUMsQ0FEckMsc0NBQXVDLENBS3ZDLDJDQUE0QyxDQUg1QyxrQ0FJRixDQUVBLCtFQUNFLDBCQUNGLENBRUEsdUNBRUUscUNBQXNDLENBQ3RDLHlDQUEwQyxDQUYxQyxVQUdGLENBRUEsK0pBQ0UsK0JBQ0YsQ0FFQSxnRkFDRSw2REFDRixDQUVBLHNDQUNFLCtCQUNGLENBRUEsdUNBQ0UsbUNBQ0YsQ0FFQSxxQ0FFRSxrQ0FBbUMsQ0FEbkMsaUJBRUYsQ0FFQSwwQ0FDRSw0Q0FDRixDQUVBLG1GQUNFLDZEQUE4RCxDQUM5RCxrQ0FDRixDQUVBLDJDQUNFLHlEQUEwRCxDQUMxRCxlQUNGLENBQ0EseURBQ0Usd0NBQ0YsQ0FFQSxvRkFDRSxrQkFBeUIsQ0FDekIsbUNBQ0YsQ0FFQSx3Q0FDRSwwQ0FBMkMsQ0FDM0MsZ0NBQ0YsQ0FFQSxpRkFFRSwyREFBNEQsQ0FENUQsa0NBRUYsQ0FFQSxpRkFDRSxpQkFDRixDQUVBLHdDQUNFLGNBQ0YiLCJmaWxlIjoiRGF0ZVBpY2tlci5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qXG4gIFRob3NlIHN0eWxlcyB3ZXJlIG9yaWdpbmFsbHkgdGFrZW4gZnJvbSBodHRwczovL2dpdGh1Yi5jb20vZ3BibC9yZWFjdC1kYXktcGlja2VyL2Jsb2IvbWFpbi9zcmMvc3R5bGUuY3NzLlxuICBTb21lIHdoZXJlIHVwZGF0ZWQgYXMgcGVyIGRlc2lnbiwgdG8gbWF0Y2ggdGhlIHNpbmdsZSBzZWxlY3QgbW9kZS4gVGhlIHJlc3QgaXMga2VwdCBpbnRhY3QgaW4gdGhlIGZpbGUgdG8gc2ltcGxpZnkgdGhlXG4gIHN0eWxpbmcgb2YgdGhlIHVwY29taW5nIGZlYXR1cmVzLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uc3Itb25seSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDFweDtcbiAgaGVpZ2h0OiAxcHg7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogLTFweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTtcbiAgYm9yZGVyOiAwO1xufVxuXG4uaGlkZGVuIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLnNsaWRlLWluIHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1pbiAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLWluIHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbi5zbGlkZS1vdXQge1xuICBhbmltYXRpb246IHNsaWRlLW91dCAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLW91dCB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG5Aa2V5ZnJhbWVzIHNsaWRlLWluIHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxufVxuQGtleWZyYW1lcyBzbGlkZS1vdXQge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG59XG4ucmRwLXJvb3Qge1xuICAtLXJkcC1kYXktaGVpZ2h0OiAycmVtO1xuICAtLXJkcC1kYXktd2lkdGg6IDJyZW07XG4gIC0tcmRwLWRpc2FibGVkLW9wYWNpdHk6IDAuNTtcbiAgLS1yZHAtb3V0c2lkZS1vcGFjaXR5OiAwLjc1O1xuICAtLXJkcC1kcm9wZG93bi1nYXA6IDAuNXJlbTtcbiAgLS1yZHAtbW9udGhzLWdhcDogMnJlbTtcbiAgLS1yZHAtbmF2X2J1dHRvbi1kaXNhYmxlZC1vcGFjaXR5OiAwLjU7XG4gIC0tcmRwLW5hdl9idXR0b24taGVpZ2h0OiAwLjc1cmVtO1xuICAtLXJkcC1uYXZfYnV0dG9uLXdpZHRoOiAwLjc1cmVtO1xuICAtLXJkcC1uYXYtaGVpZ2h0OiAyLjc1cmVtO1xuICAtLXJkcC1yYW5nZV9taWRkbGUtYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItcHJpbWFyeTUwKTtcbiAgLS1yZHAtcmFuZ2VfbWlkZGxlLWNvbG9yOiBibGFjaztcbiAgLS1yZHAtcmFuZ2Vfc3RhcnQtY29sb3I6IHdoaXRlO1xuICAtLXJkcC1yYW5nZV9zdGFydC1iYWNrZ3JvdW5kOiB2YXIoLS1jb2xvci1wcmltYXJ5KTtcbiAgLS1yZHAtcmFuZ2Vfc3RhcnQtZGF0ZS1iYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1wcmltYXJ5KTtcbiAgLS1yZHAtcmFuZ2VfZW5kLWJhY2tncm91bmQ6IHZhcigtLWNvbG9yLXByaW1hcnkpO1xuICAtLXJkcC1yYW5nZV9lbmQtY29sb3I6IHdoaXRlO1xuICAtLXJkcC1yYW5nZV9lbmQtZGF0ZS1iYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1wcmltYXJ5KTtcbiAgLS1yZHAtd2Vla19udW1iZXItYm9yZGVyLXJhZGl1czogdmFyKC0tYnV0dG9uLWJvcmRlci1yYWRpdXMpO1xuICAtLXJkcC13ZWVrX251bWJlci1ib3JkZXI6IHZhcigtLWJ1dHRvbi1ib3JkZXItcmFkaXVzKSBzb2xpZCB0cmFuc3BhcmVudDtcbiAgLS1yZHAtd2Vla19udW1iZXItaGVpZ2h0OiB2YXIoLS1yZHAtZGF5LWhlaWdodCk7XG4gIC0tcmRwLXdlZWtfbnVtYmVyLW9wYWNpdHk6IDAuNzU7XG4gIC0tcmRwLXdlZWtfbnVtYmVyLXdpZHRoOiB2YXIoLS1yZHAtZGF5LXdpZHRoKTtcbiAgLS1yZHAtd2Vla251bWJlci10ZXh0LWFsaWduOiBjZW50ZXI7XG4gIC0tcmRwLXdlZWtkYXktcGFkZGluZzogMC41cmVtIDByZW07XG4gIC0tcmRwLXdlZWtkYXktdGV4dC1hbGlnbjogY2VudGVyO1xuICAtLXJkcC1ncmFkaWVudC1kaXJlY3Rpb246IDkwZGVnO1xufVxuXG4ucmRwLXJvb3RbZGlyPXJ0bF0ge1xuICAtLXJkcC1ncmFkaWVudC1kaXJlY3Rpb246IC05MGRlZztcbn1cblxuLnJkcC1yb290IHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBmb250LWZhbWlseTogdmFyKC0tZm9udC1mYW1pbHkpO1xuICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS1zdWIpO1xuICBmb250LXN0eWxlOiBub3JtYWw7XG4gIGZvbnQtdmFyaWFudDogbm9ybWFsO1xuICBsaW5lLWhlaWdodDogMXJlbTtcbiAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgdGV4dC10cmFuc2Zvcm06IG5vbmU7XG4gIGxldHRlci1zcGFjaW5nOiAwO1xuICBjb2xvcjogdmFyKC0tZGVmYXVsdCk7XG4gIG1hcmdpbjogMCAwIDFyZW0gMDtcbn1cblxuLnJkcC1yb290ICoge1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xufVxuXG4ucmRwLWRheSB7XG4gIHdpZHRoOiB2YXIoLS1yZHAtZGF5LXdpZHRoKTtcbiAgaGVpZ2h0OiB2YXIoLS1yZHAtZGF5LWhlaWdodCk7XG4gIGJvcmRlcjogbm9uZTtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBwYWRkaW5nOiAwO1xufVxuXG4ucmRwLWRheV9idXR0b24ge1xuICBiYWNrZ3JvdW5kOiBub25lO1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IDA7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgZm9udDogaW5oZXJpdDtcbiAgY29sb3I6IGluaGVyaXQ7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBkaXNwbGF5OiBmbGV4O1xuICB3aWR0aDogdmFyKC0tcmRwLWRheS13aWR0aCk7XG4gIGhlaWdodDogdmFyKC0tcmRwLWRheS1oZWlnaHQpO1xuICBib3JkZXI6IHZhcigtLWJ1dHRvbi1ib3JkZXItcmFkaXVzKSBzb2xpZCB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tYnV0dG9uLWJvcmRlci1yYWRpdXMpO1xufVxuLnJkcC1kYXlfYnV0dG9uOmZvY3VzLXZpc2libGUge1xuICBvdXRsaW5lOiAwLjEyNXJlbSBzb2xpZCB2YXIoLS1jb2xvci1mb2N1cyk7XG4gIG91dGxpbmUtb2Zmc2V0OiAtMnB4O1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1mb2N1cy1ib3JkZXItcmFkaXVzKTtcbn1cblxuLnJkcC1kYXlfYnV0dG9uOmRpc2FibGVkIHtcbiAgY3Vyc29yOiByZXZlcnQ7XG59XG5cbi5yZHAtY2FwdGlvbl9sYWJlbCB7XG4gIHotaW5kZXg6IDE7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIGJvcmRlcjogMDtcbn1cblxuLnJkcC1idXR0b25fbmV4dCxcbi5yZHAtYnV0dG9uX3ByZXZpb3VzIHtcbiAgYm9yZGVyOiBub25lO1xuICBiYWNrZ3JvdW5kOiBub25lO1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IDA7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgZm9udDogaW5oZXJpdDtcbiAgY29sb3I6IGluaGVyaXQ7XG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBhcHBlYXJhbmNlOiBub25lO1xuICB3aWR0aDogdmFyKC0tcmRwLW5hdl9idXR0b24td2lkdGgpO1xuICBoZWlnaHQ6IHZhcigtLXJkcC1uYXZfYnV0dG9uLWhlaWdodCk7XG59XG4ucmRwLWJ1dHRvbl9uZXh0OmZvY3VzLXZpc2libGUsXG4ucmRwLWJ1dHRvbl9wcmV2aW91czpmb2N1cy12aXNpYmxlIHtcbiAgb3V0bGluZTogMC4xMjVyZW0gc29saWQgdmFyKC0tY29sb3ItZm9jdXMpO1xuICBvdXRsaW5lLW9mZnNldDogMnB4O1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1mb2N1cy1ib3JkZXItcmFkaXVzKTtcbn1cblxuLnJkcC1idXR0b25fcHJldmlvdXMge1xuICBtYXJnaW4tcmlnaHQ6IDAuNXJlbTtcbn1cblxuLnJkcC1idXR0b25fbmV4dDpkaXNhYmxlZCxcbi5yZHAtYnV0dG9uX3ByZXZpb3VzOmRpc2FibGVkIHtcbiAgY3Vyc29yOiByZXZlcnQ7XG4gIG9wYWNpdHk6IHZhcigtLXJkcC1uYXZfYnV0dG9uLWRpc2FibGVkLW9wYWNpdHkpO1xufVxuXG4ucmRwLWNoZXZyb24ge1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIGZpbGw6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTUwMCk7XG59XG5cbi5yZHAtcm9vdFtkaXI9cnRsXSAucmRwLW5hdiAucmRwLWNoZXZyb24ge1xuICB0cmFuc2Zvcm06IHJvdGF0ZSgxODBkZWcpO1xufVxuXG4ucmRwLXJvb3RbZGlyPXJ0bF0gLnJkcC1uYXYgLnJkcC1jaGV2cm9uIHtcbiAgdHJhbnNmb3JtOiByb3RhdGUoMTgwZGVnKTtcbiAgdHJhbnNmb3JtLW9yaWdpbjogNTAlO1xufVxuXG4ucmRwLWRyb3Bkb3ducyB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdhcDogdmFyKC0tcmRwLWRyb3Bkb3duLWdhcCk7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXk1MDApO1xuICBmb250LXdlaWdodDogNzAwO1xufVxuXG4ucmRwLWRyb3Bkb3duIHtcbiAgei1pbmRleDogMjtcbiAgLyogUmVzZXQgKi9cbiAgb3BhY2l0eTogMDtcbiAgYXBwZWFyYW5jZTogbm9uZTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBpbnNldC1ibG9jay1zdGFydDogMDtcbiAgaW5zZXQtYmxvY2stZW5kOiAwO1xuICBpbnNldC1pbmxpbmUtc3RhcnQ6IDA7XG4gIHdpZHRoOiAxMDAlO1xuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDA7XG4gIGN1cnNvcjogaW5oZXJpdDtcbiAgYm9yZGVyOiBub25lO1xuICBsaW5lLWhlaWdodDogaW5oZXJpdDtcbn1cblxuLnJkcC1kcm9wZG93bl9yb290IHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbn1cblxuLnJkcC15ZWFyc19kcm9wZG93bjpmb2N1cy12aXNpYmxlICsgLnJkcC1jYXB0aW9uX2xhYmVsIC5yZHAtY2hldnJvbiB7XG4gIG91dGxpbmU6IDAuMTI1cmVtIHNvbGlkIHZhcigtLWNvbG9yLWZvY3VzKTtcbiAgb3V0bGluZS1vZmZzZXQ6IDA7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLWZvY3VzLWJvcmRlci1yYWRpdXMpO1xufVxuXG4ucmRwLXllYXJzX2Ryb3Bkb3duICsgLnJkcC1jYXB0aW9uX2xhYmVsIC5yZHAtY2hldnJvbiB7XG4gIG1hcmdpbi1sZWZ0OiAwLjI1cmVtO1xuICB3aWR0aDogMC44NzVyZW07XG59XG5cbi5yZHAtZHJvcGRvd25fcm9vdFtkYXRhLWRpc2FibGVkPXRydWVdIC5yZHAtY2hldnJvbiB7XG4gIG9wYWNpdHk6IHZhcigtLXJkcC1kaXNhYmxlZC1vcGFjaXR5KTtcbn1cblxuLnJkcC1tb250aF9jYXB0aW9uIHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24tY29udGVudDogY2VudGVyO1xuICBoZWlnaHQ6IHZhcigtLXJkcC1uYXYtaGVpZ2h0KTtcbn1cblxuLnJkcC1tb250aHMge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtd3JhcDogd3JhcDtcbiAgZ2FwOiB2YXIoLS1yZHAtbW9udGhzLWdhcCk7XG4gIG1heC13aWR0aDogZml0LWNvbnRlbnQ7XG59XG5cbi5yZHAtbW9udGhfZ3JpZCB7XG4gIGJvcmRlci1jb2xsYXBzZTogY29sbGFwc2U7XG59XG5cbi5yZHAtbmF2IHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBpbnNldC1ibG9jay1zdGFydDogMDtcbiAgaW5zZXQtaW5saW5lLWVuZDogMDtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgaGVpZ2h0OiB2YXIoLS1yZHAtbmF2LWhlaWdodCk7XG59XG5cbi5yZHAtd2Vla2RheSB7XG4gIHBhZGRpbmc6IHZhcigtLXJkcC13ZWVrZGF5LXBhZGRpbmcpO1xuICB0ZXh0LWFsaWduOiB2YXIoLS1yZHAtd2Vla2RheS10ZXh0LWFsaWduKTtcbiAgZm9udC1zaXplOiAwLjYyNXJlbTtcbiAgY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTQwMCk7XG4gIGhlaWdodDogdmFyKC0tcmRwLWRheS1oZWlnaHQpO1xuICB3aWR0aDogdmFyKC0tcmRwLWRheS13aWR0aCk7XG4gIGZvbnQtd2VpZ2h0OiA0MDA7XG59XG5cbi5yZHAtd2Vla19udW1iZXIge1xuICBvcGFjaXR5OiB2YXIoLS1yZHAtd2Vla19udW1iZXItb3BhY2l0eSk7XG4gIGhlaWdodDogdmFyKC0tcmRwLXdlZWtfbnVtYmVyLWhlaWdodCk7XG4gIHdpZHRoOiB2YXIoLS1yZHAtd2Vla19udW1iZXItd2lkdGgpO1xuICBib3JkZXI6IHZhcigtLXJkcC13ZWVrX251bWJlci1ib3JkZXIpO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1yZHAtd2Vla19udW1iZXItYm9yZGVyLXJhZGl1cyk7XG4gIHRleHQtYWxpZ246IHZhcigtLXJkcC13ZWVrbnVtYmVyLXRleHQtYWxpZ24pO1xufVxuXG4ucmRwLXRvZGF5Om5vdCgucmRwLW91dHNpZGUpIHtcbiAgY29sb3I6IHZhcigtLWNvbG9yLXByaW1hcnkpO1xufVxuXG4ucmRwLXNlbGVjdGVkIHtcbiAgY29sb3I6IHdoaXRlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1wcmltYXJ5KTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tYnV0dG9uLWJvcmRlci1yYWRpdXMpO1xufVxuXG4ucmRwLXNlbGVjdGVkLnJkcC1vdXRzaWRlLnJkcC1yYW5nZV9taWRkbGUgLnJkcC1kYXlfYnV0dG9uIHtcbiAgY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTQwMCk7XG59XG5cbi5yZHAtc2VsZWN0ZWQgLnJkcC1kYXlfYnV0dG9uIHtcbiAgYm9yZGVyOiB2YXIoLS1idXR0b24tYm9yZGVyLXJhZGl1cykgc29saWQgdmFyKC0tY29sb3ItcHJpbWFyeSk7XG59XG5cbi5yZHAtb3V0c2lkZSB7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXk0MDApO1xufVxuXG4ucmRwLWRpc2FibGVkIHtcbiAgb3BhY2l0eTogdmFyKC0tcmRwLWRpc2FibGVkLW9wYWNpdHkpO1xufVxuXG4ucmRwLWhpZGRlbiB7XG4gIHZpc2liaWxpdHk6IGhpZGRlbjtcbiAgY29sb3I6IHZhcigtLXJkcC1yYW5nZV9zdGFydC1jb2xvcik7XG59XG5cbi5yZHAtcmFuZ2Vfc3RhcnQge1xuICBiYWNrZ3JvdW5kOiB2YXIoLS1yZHAtcmFuZ2Vfc3RhcnQtYmFja2dyb3VuZCk7XG59XG5cbi5yZHAtcmFuZ2Vfc3RhcnQgLnJkcC1kYXlfYnV0dG9uIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tcmRwLXJhbmdlX3N0YXJ0LWRhdGUtYmFja2dyb3VuZC1jb2xvcik7XG4gIGNvbG9yOiB2YXIoLS1yZHAtcmFuZ2Vfc3RhcnQtY29sb3IpO1xufVxuXG4ucmRwLXJhbmdlX21pZGRsZSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXJkcC1yYW5nZV9taWRkbGUtYmFja2dyb3VuZC1jb2xvcik7XG4gIGJvcmRlci1yYWRpdXM6IDA7XG59XG4ucmRwLXJhbmdlX21pZGRsZTpmb2N1cy12aXNpYmxlIHtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tZm9jdXMtYm9yZGVyLXJhZGl1cyk7XG59XG5cbi5yZHAtcmFuZ2VfbWlkZGxlIC5yZHAtZGF5X2J1dHRvbiB7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGNvbG9yOiB2YXIoLS1yZHAtcmFuZ2VfbWlkZGxlLWNvbG9yKTtcbn1cblxuLnJkcC1yYW5nZV9lbmQge1xuICBiYWNrZ3JvdW5kOiB2YXIoLS1yZHAtcmFuZ2VfZW5kLWJhY2tncm91bmQpO1xuICBjb2xvcjogdmFyKC0tcmRwLXJhbmdlX2VuZC1jb2xvcik7XG59XG5cbi5yZHAtcmFuZ2VfZW5kIC5yZHAtZGF5X2J1dHRvbiB7XG4gIGNvbG9yOiB2YXIoLS1yZHAtcmFuZ2Vfc3RhcnQtY29sb3IpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1yZHAtcmFuZ2VfZW5kLWRhdGUtYmFja2dyb3VuZC1jb2xvcik7XG59XG5cbi5yZHAtcmFuZ2Vfc3RhcnQucmRwLXJhbmdlX2VuZCB7XG4gIGJhY2tncm91bmQ6IHJldmVydDtcbn1cblxuLnJkcC1mb2N1c2FibGUge1xuICBjdXJzb3I6IHBvaW50ZXI7XG59Il19 */";
-var classes = {"sr-only":"DatePicker-module_sr-only__KnLIH","hidden":"DatePicker-module_hidden__yV2zd","slide-in":"DatePicker-module_slide-in__uNWGO","slide-out":"DatePicker-module_slide-out__gWqox","rdp-root":"DatePicker-module_rdp-root__w85jJ","rdp-day":"DatePicker-module_rdp-day__xXo-K","rdp-day_button":"DatePicker-module_rdp-day_button__Tn-Zd","rdp-caption_label":"DatePicker-module_rdp-caption_label__hpWX2","rdp-button_next":"DatePicker-module_rdp-button_next__AOdy3","rdp-button_previous":"DatePicker-module_rdp-button_previous__JZVzI","rdp-chevron":"DatePicker-module_rdp-chevron__q6PAe","rdp-nav":"DatePicker-module_rdp-nav__y0rb-","rdp-dropdowns":"DatePicker-module_rdp-dropdowns__fFv9Q","rdp-dropdown":"DatePicker-module_rdp-dropdown__lazMc","rdp-dropdown_root":"DatePicker-module_rdp-dropdown_root__CaXoe","rdp-years_dropdown":"DatePicker-module_rdp-years_dropdown__x8JpD","rdp-month_caption":"DatePicker-module_rdp-month_caption__lHfv9","rdp-months":"DatePicker-module_rdp-months__rRd5i","rdp-month_grid":"DatePicker-module_rdp-month_grid__L60F6","rdp-weekday":"DatePicker-module_rdp-weekday__jnnj2","rdp-week_number":"DatePicker-module_rdp-week_number__2SnHY","rdp-today":"DatePicker-module_rdp-today__JKQcK","rdp-outside":"DatePicker-module_rdp-outside__kVSG4","rdp-selected":"DatePicker-module_rdp-selected__7MpXH","rdp-range_middle":"DatePicker-module_rdp-range_middle__o8QiM","rdp-disabled":"DatePicker-module_rdp-disabled__P7qzQ","rdp-hidden":"DatePicker-module_rdp-hidden__tjsIG","rdp-range_start":"DatePicker-module_rdp-range_start__7XHt-","rdp-range_end":"DatePicker-module_rdp-range_end__FUram","rdp-focusable":"DatePicker-module_rdp-focusable__5xqek"};
+var css_248z = "/*!\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 * 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 * 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 */.DatePicker-module_sr-only__KnLIH{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.DatePicker-module_hidden__yV2zd{display:none}.DatePicker-module_slide-in__uNWGO{animation:DatePicker-module_slide-in__uNWGO .5s forwards}@media (prefers-reduced-motion:reduce){.DatePicker-module_slide-in__uNWGO{animation-duration:.1ms}}.DatePicker-module_slide-out__gWqox{animation:DatePicker-module_slide-out__gWqox .5s forwards}@media (prefers-reduced-motion:reduce){.DatePicker-module_slide-out__gWqox{animation-duration:.1ms}}@keyframes DatePicker-module_slide-in__uNWGO{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes DatePicker-module_slide-out__gWqox{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.DatePicker-module_rdp-root__w85jJ{--rdp-day-height:2rem;--rdp-day-width:2rem;--rdp-disabled-opacity:0.5;--rdp-outside-opacity:0.75;--rdp-dropdown-gap:0.5rem;--rdp-months-gap:2rem;--rdp-nav_button-disabled-opacity:0.5;--rdp-nav_button-height:0.75rem;--rdp-nav_button-width:0.75rem;--rdp-nav-height:2.75rem;--rdp-range_middle-background-color:var(--color-blue-grey100);--rdp-range_middle-color:#000;--rdp-range_start-color:var(--color-blue-grey25);--rdp-range_start-background:var(--color-blue-grey500);--rdp-range_start-date-background-color:var(--color-blue-grey500);--rdp-range_end-background:var(--color-blue-grey500);--rdp-range_end-color:var(--color-blue-grey25);--rdp-range_end-date-background-color:var(--color-blue-grey500);--rdp-week_number-border-radius:var(--button-border-radius);--rdp-week_number-border:var(--button-border-radius) solid #0000;--rdp-week_number-height:var(--rdp-day-height);--rdp-week_number-opacity:0.75;--rdp-week_number-width:var(--rdp-day-width);--rdp-weeknumber-text-align:center;--rdp-weekday-padding:0.5rem 0rem;--rdp-weekday-text-align:center;--rdp-gradient-direction:90deg}.DatePicker-module_rdp-root__w85jJ[dir=rtl]{--rdp-gradient-direction:-90deg}.DatePicker-module_rdp-root__w85jJ{box-sizing:border-box;color:var(--default);font-family:var(--font-family);font-size:var(--font-size-sub);font-style:normal;font-variant:normal;font-weight:400;letter-spacing:0;line-height:1rem;margin:0 0 1rem;position:relative;text-transform:none}.DatePicker-module_rdp-root__w85jJ *{box-sizing:border-box}.DatePicker-module_rdp-day__xXo-K{border:none;height:var(--rdp-day-height);padding:0;text-align:center;width:var(--rdp-day-width)}.DatePicker-module_rdp-day_button__Tn-Zd{align-items:center;background:none;border:var(--button-border-radius) solid #0000;border-radius:var(--button-border-radius);color:inherit;cursor:pointer;display:flex;font:inherit;height:var(--rdp-day-height);justify-content:center;margin:0;padding:0;width:var(--rdp-day-width)}.DatePicker-module_rdp-day_button__Tn-Zd:focus-visible{border-radius:var(--focus-border-radius);outline:.125rem solid var(--color-focus);outline-offset:-2px}.DatePicker-module_rdp-day_button__Tn-Zd:disabled{cursor:revert}.DatePicker-module_rdp-caption_label__hpWX2{align-items:center;border:0;display:inline-flex;position:relative;white-space:nowrap;z-index:1}.DatePicker-module_rdp-button_next__AOdy3,.DatePicker-module_rdp-button_previous__JZVzI{align-items:center;appearance:none;background:none;border:none;color:inherit;cursor:pointer;display:inline-flex;font:inherit;height:var(--rdp-nav_button-height);justify-content:center;margin:0;padding:0;position:relative;width:var(--rdp-nav_button-width)}.DatePicker-module_rdp-button_next__AOdy3:focus-visible,.DatePicker-module_rdp-button_previous__JZVzI:focus-visible{border-radius:var(--focus-border-radius);outline:.125rem solid var(--color-focus);outline-offset:2px}.DatePicker-module_rdp-button_previous__JZVzI{margin-right:.5rem}.DatePicker-module_rdp-button_next__AOdy3:disabled,.DatePicker-module_rdp-button_previous__JZVzI:disabled{cursor:revert;opacity:var(--rdp-nav_button-disabled-opacity)}.DatePicker-module_rdp-chevron__q6PAe{fill:var(--color-blue-grey500);display:inline-block}.DatePicker-module_rdp-root__w85jJ[dir=rtl] .DatePicker-module_rdp-nav__y0rb- .DatePicker-module_rdp-chevron__q6PAe{transform:rotate(180deg);transform-origin:50%}.DatePicker-module_rdp-dropdowns__fFv9Q{align-items:center;color:var(--color-blue-grey500);display:inline-flex;font-weight:700;gap:var(--rdp-dropdown-gap);position:relative}.DatePicker-module_rdp-dropdown__lazMc{appearance:none;border:none;cursor:inherit;inset-block-end:0;inset-block-start:0;inset-inline-start:0;line-height:inherit;margin:0;opacity:0;padding:0;position:absolute;width:100%;z-index:2}.DatePicker-module_rdp-dropdown_root__CaXoe{align-items:center;display:inline-flex;position:relative}.DatePicker-module_rdp-years_dropdown__x8JpD:focus-visible+.DatePicker-module_rdp-caption_label__hpWX2 .DatePicker-module_rdp-chevron__q6PAe{border-radius:var(--focus-border-radius);outline:.125rem solid var(--color-focus);outline-offset:0}.DatePicker-module_rdp-years_dropdown__x8JpD+.DatePicker-module_rdp-caption_label__hpWX2 .DatePicker-module_rdp-chevron__q6PAe{margin-left:.25rem;width:.875rem}.DatePicker-module_rdp-dropdown_root__CaXoe[data-disabled=true] .DatePicker-module_rdp-chevron__q6PAe{opacity:var(--rdp-disabled-opacity)}.DatePicker-module_rdp-month_caption__lHfv9{align-content:center;display:flex;height:var(--rdp-nav-height)}.DatePicker-module_rdp-months__rRd5i{display:flex;flex-wrap:wrap;gap:var(--rdp-months-gap);max-width:fit-content;position:relative}.DatePicker-module_rdp-month_grid__L60F6{border-collapse:collapse}.DatePicker-module_rdp-nav__y0rb-{align-items:center;display:flex;height:var(--rdp-nav-height);inset-block-start:0;inset-inline-end:0;position:absolute}.DatePicker-module_rdp-weekday__jnnj2{color:var(--color-blue-grey400);font-size:.625rem;font-weight:400;height:var(--rdp-day-height);padding:var(--rdp-weekday-padding);text-align:var(--rdp-weekday-text-align);width:var(--rdp-day-width)}.DatePicker-module_rdp-week_number__2SnHY{border:var(--rdp-week_number-border);border-radius:var(--rdp-week_number-border-radius);height:var(--rdp-week_number-height);opacity:var(--rdp-week_number-opacity);text-align:var(--rdp-weeknumber-text-align);width:var(--rdp-week_number-width)}.DatePicker-module_rdp-today__JKQcK:not(.DatePicker-module_rdp-outside__kVSG4){position:relative}.DatePicker-module_rdp-today__JKQcK:not(.DatePicker-module_rdp-outside__kVSG4):after{background-color:var(--color-blue-grey900);border-radius:.5rem;content:\"\";height:.25rem;left:calc(50% - .125rem);position:absolute;top:67%;width:.25rem}.DatePicker-module_rdp-today__JKQcK:not(.DatePicker-module_rdp-outside__kVSG4).DatePicker-module_rdp-range_end__FUram:after,.DatePicker-module_rdp-today__JKQcK:not(.DatePicker-module_rdp-outside__kVSG4).DatePicker-module_rdp-range_start__7XHt-:after{background-color:var(--color-blue-grey25)}.DatePicker-module_rdp-selected__7MpXH{background-color:var(--color-primary);border-radius:var(--button-border-radius);color:#fff}.DatePicker-module_rdp-selected__7MpXH.DatePicker-module_rdp-outside__kVSG4.DatePicker-module_rdp-range_middle__o8QiM .DatePicker-module_rdp-day_button__Tn-Zd{color:var(--color-blue-grey400)}.DatePicker-module_rdp-selected__7MpXH .DatePicker-module_rdp-day_button__Tn-Zd{border:var(--button-border-radius) solid var(--color-blue-grey500)}.DatePicker-module_rdp-outside__kVSG4{color:var(--color-blue-grey400)}.DatePicker-module_rdp-disabled__P7qzQ{opacity:var(--rdp-disabled-opacity)}.DatePicker-module_rdp-hidden__tjsIG{color:var(--rdp-range_start-color);visibility:hidden}.DatePicker-module_rdp-range_start__7XHt-{background:var(--rdp-range_start-background)}.DatePicker-module_rdp-range_start__7XHt- .DatePicker-module_rdp-day_button__Tn-Zd{background-color:var(--rdp-range_start-date-background-color);color:var(--rdp-range_start-color)}.DatePicker-module_rdp-range_middle__o8QiM{background-color:var(--rdp-range_middle-background-color);border-radius:0}.DatePicker-module_rdp-range_middle__o8QiM:focus-visible{border-radius:var(--focus-border-radius)}.DatePicker-module_rdp-range_middle__o8QiM .DatePicker-module_rdp-day_button__Tn-Zd{border-color:#0000;color:var(--rdp-range_middle-color)}.DatePicker-module_rdp-range_end__FUram{background:var(--rdp-range_end-background);color:var(--rdp-range_end-color)}.DatePicker-module_rdp-range_end__FUram .DatePicker-module_rdp-day_button__Tn-Zd{background-color:var(--rdp-range_end-date-background-color);color:var(--rdp-range_start-color)}.DatePicker-module_rdp-range_start__7XHt-.DatePicker-module_rdp-range_end__FUram{background:revert}.DatePicker-module_rdp-focusable__5xqek{cursor:pointer}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGVQaWNrZXIubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0JBOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLGtDQU9FLGtCQUFzQixDQUN0QixRQUFTLENBTFQsVUFBVyxDQUVYLFdBQVksQ0FDWixlQUFnQixDQUZoQixTQUFVLENBSFYsaUJBQWtCLENBQ2xCLFNBT0YsQ0FFQSxpQ0FDRSxZQUNGLENBRUEsbUNBQ0Usd0RBQ0YsQ0FDQSx1Q0FDRSxtQ0FDRSx1QkFDRixDQUNGLENBRUEsb0NBQ0UseURBQ0YsQ0FDQSx1Q0FDRSxvQ0FDRSx1QkFDRixDQUNGLENBRUEsNkNBQ0UsR0FDRSwyQkFDRixDQUNBLEdBQ0UsdUJBQ0YsQ0FDRixDQUNBLDhDQUNFLEdBQ0UsdUJBQ0YsQ0FDQSxHQUNFLDJCQUNGLENBQ0YsQ0FDQSxtQ0FDRSxxQkFBc0IsQ0FDdEIsb0JBQXFCLENBQ3JCLDBCQUEyQixDQUMzQiwwQkFBMkIsQ0FDM0IseUJBQTBCLENBQzFCLHFCQUFzQixDQUN0QixxQ0FBc0MsQ0FDdEMsK0JBQWdDLENBQ2hDLDhCQUErQixDQUMvQix3QkFBeUIsQ0FDekIsNkRBQThELENBQzlELDZCQUErQixDQUMvQixnREFBaUQsQ0FDakQsc0RBQXVELENBQ3ZELGlFQUFrRSxDQUNsRSxvREFBcUQsQ0FDckQsOENBQStDLENBQy9DLCtEQUFnRSxDQUNoRSwyREFBNEQsQ0FDNUQsZ0VBQXVFLENBQ3ZFLDhDQUErQyxDQUMvQyw4QkFBK0IsQ0FDL0IsNENBQTZDLENBQzdDLGtDQUFtQyxDQUNuQyxpQ0FBa0MsQ0FDbEMsK0JBQWdDLENBQ2hDLDhCQUNGLENBRUEsNENBQ0UsK0JBQ0YsQ0FFQSxtQ0FFRSxxQkFBc0IsQ0FTdEIsb0JBQXFCLENBUnJCLDhCQUErQixDQUMvQiw4QkFBK0IsQ0FDL0IsaUJBQWtCLENBQ2xCLG1CQUFvQixDQUVwQixlQUFnQixDQUVoQixnQkFBaUIsQ0FIakIsZ0JBQWlCLENBS2pCLGVBQWtCLENBWGxCLGlCQUFrQixDQVFsQixtQkFJRixDQUVBLHFDQUNFLHFCQUNGLENBRUEsa0NBR0UsV0FBWSxDQURaLDRCQUE2QixDQUc3QixTQUFVLENBRFYsaUJBQWtCLENBSGxCLDBCQUtGLENBRUEseUNBUUUsa0JBQW1CLENBUG5CLGVBQWdCLENBV2hCLDhDQUFxRCxDQUNyRCx5Q0FBMEMsQ0FQMUMsYUFBYyxDQUZkLGNBQWUsQ0FLZixZQUFhLENBSmIsWUFBYSxDQU1iLDRCQUE2QixDQUo3QixzQkFBdUIsQ0FKdkIsUUFBUyxDQURULFNBQVUsQ0FRViwwQkFJRixDQUNBLHVEQUdFLHdDQUF5QyxDQUZ6Qyx3Q0FBMEMsQ0FDMUMsbUJBRUYsQ0FFQSxrREFDRSxhQUNGLENBRUEsNENBSUUsa0JBQW1CLENBRW5CLFFBQVMsQ0FIVCxtQkFBb0IsQ0FEcEIsaUJBQWtCLENBR2xCLGtCQUFtQixDQUpuQixTQU1GLENBRUEsd0ZBVUUsa0JBQW1CLENBR25CLGVBQWdCLENBVmhCLGVBQWdCLENBRGhCLFdBQVksQ0FNWixhQUFjLENBRmQsY0FBZSxDQUdmLG1CQUFvQixDQUZwQixZQUFhLENBUWIsbUNBQW9DLENBSnBDLHNCQUF1QixDQU52QixRQUFTLENBRFQsU0FBVSxDQVFWLGlCQUFrQixDQUVsQixpQ0FFRixDQUNBLG9IQUlFLHdDQUF5QyxDQUZ6Qyx3Q0FBMEMsQ0FDMUMsa0JBRUYsQ0FFQSw4Q0FDRSxrQkFDRixDQUVBLDBHQUVFLGFBQWMsQ0FDZCw4Q0FDRixDQUVBLHNDQUVFLDhCQUErQixDQUQvQixvQkFFRixDQU1BLG9IQUNFLHdCQUF5QixDQUN6QixvQkFDRixDQUVBLHdDQUdFLGtCQUFtQixDQUVuQiwrQkFBZ0MsQ0FIaEMsbUJBQW9CLENBSXBCLGVBQWdCLENBRmhCLDJCQUE0QixDQUg1QixpQkFNRixDQUVBLHVDQUlFLGVBQWdCLENBU2hCLFdBQVksQ0FEWixjQUFlLENBTGYsaUJBQWtCLENBRGxCLG1CQUFvQixDQUVwQixvQkFBcUIsQ0FNckIsbUJBQW9CLENBSnBCLFFBQVMsQ0FQVCxTQUFVLENBUVYsU0FBVSxDQU5WLGlCQUFrQixDQUlsQixVQUFXLENBUlgsU0FjRixDQUVBLDRDQUdFLGtCQUFtQixDQURuQixtQkFBb0IsQ0FEcEIsaUJBR0YsQ0FFQSw2SUFHRSx3Q0FBeUMsQ0FGekMsd0NBQTBDLENBQzFDLGdCQUVGLENBRUEsK0hBQ0Usa0JBQW9CLENBQ3BCLGFBQ0YsQ0FFQSxzR0FDRSxtQ0FDRixDQUVBLDRDQUVFLG9CQUFxQixDQURyQixZQUFhLENBRWIsNEJBQ0YsQ0FFQSxxQ0FFRSxZQUFhLENBQ2IsY0FBZSxDQUNmLHlCQUEwQixDQUMxQixxQkFBc0IsQ0FKdEIsaUJBS0YsQ0FFQSx5Q0FDRSx3QkFDRixDQUVBLGtDQUtFLGtCQUFtQixDQURuQixZQUFhLENBRWIsNEJBQTZCLENBSjdCLG1CQUFvQixDQUNwQixrQkFBbUIsQ0FGbkIsaUJBTUYsQ0FFQSxzQ0FJRSwrQkFBZ0MsQ0FEaEMsaUJBQW1CLENBSW5CLGVBQWdCLENBRmhCLDRCQUE2QixDQUo3QixrQ0FBbUMsQ0FDbkMsd0NBQXlDLENBSXpDLDBCQUVGLENBRUEsMENBSUUsb0NBQXFDLENBQ3JDLGtEQUFtRCxDQUhuRCxvQ0FBcUMsQ0FEckMsc0NBQXVDLENBS3ZDLDJDQUE0QyxDQUg1QyxrQ0FJRixDQUVBLCtFQUNFLGlCQUNGLENBQ0EscUZBUUUsMENBQTJDLENBRDNDLG1CQUFxQixDQU5yQixVQUFXLENBS1gsYUFBZSxDQUZmLHdCQUEwQixDQUYxQixpQkFBa0IsQ0FDbEIsT0FBUSxDQUVSLFlBSUYsQ0FJQSwwUEFDRSx5Q0FDRixDQUVBLHVDQUVFLHFDQUFzQyxDQUN0Qyx5Q0FBMEMsQ0FGMUMsVUFHRixDQUVBLCtKQUNFLCtCQUNGLENBRUEsZ0ZBQ0Usa0VBQ0YsQ0FFQSxzQ0FDRSwrQkFDRixDQUVBLHVDQUNFLG1DQUNGLENBRUEscUNBRUUsa0NBQW1DLENBRG5DLGlCQUVGLENBRUEsMENBQ0UsNENBQ0YsQ0FFQSxtRkFDRSw2REFBOEQsQ0FDOUQsa0NBQ0YsQ0FFQSwyQ0FDRSx5REFBMEQsQ0FDMUQsZUFDRixDQUNBLHlEQUNFLHdDQUNGLENBRUEsb0ZBQ0Usa0JBQXlCLENBQ3pCLG1DQUNGLENBRUEsd0NBQ0UsMENBQTJDLENBQzNDLGdDQUNGLENBRUEsaUZBRUUsMkRBQTRELENBRDVELGtDQUVGLENBRUEsaUZBQ0UsaUJBQ0YsQ0FFQSx3Q0FDRSxjQUNGIiwiZmlsZSI6IkRhdGVQaWNrZXIubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKlxuICBUaG9zZSBzdHlsZXMgd2VyZSBvcmlnaW5hbGx5IHRha2VuIGZyb20gaHR0cHM6Ly9naXRodWIuY29tL2dwYmwvcmVhY3QtZGF5LXBpY2tlci9ibG9iL21haW4vc3JjL3N0eWxlLmNzcy5cbiAgU29tZSB3aGVyZSB1cGRhdGVkIGFzIHBlciBkZXNpZ24sIHRvIG1hdGNoIHRoZSBzaW5nbGUgc2VsZWN0IG1vZGUuIFRoZSByZXN0IGlzIGtlcHQgaW50YWN0IGluIHRoZSBmaWxlIHRvIHNpbXBsaWZ5IHRoZVxuICBzdHlsaW5nIG9mIHRoZSB1cGNvbWluZyBmZWF0dXJlcy5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnNyLW9ubHkge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxcHg7XG4gIGhlaWdodDogMXB4O1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IC0xcHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGNsaXA6IHJlY3QoMCwgMCwgMCwgMCk7XG4gIGJvcmRlcjogMDtcbn1cblxuLmhpZGRlbiB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5zbGlkZS1pbiB7XG4gIGFuaW1hdGlvbjogc2xpZGUtaW4gMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1pbiB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG4uc2xpZGUtb3V0IHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1vdXQgMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1vdXQge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuQGtleWZyYW1lcyBzbGlkZS1pbiB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbn1cbkBrZXlmcmFtZXMgc2xpZGUtb3V0IHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxufVxuLnJkcC1yb290IHtcbiAgLS1yZHAtZGF5LWhlaWdodDogMnJlbTtcbiAgLS1yZHAtZGF5LXdpZHRoOiAycmVtO1xuICAtLXJkcC1kaXNhYmxlZC1vcGFjaXR5OiAwLjU7XG4gIC0tcmRwLW91dHNpZGUtb3BhY2l0eTogMC43NTtcbiAgLS1yZHAtZHJvcGRvd24tZ2FwOiAwLjVyZW07XG4gIC0tcmRwLW1vbnRocy1nYXA6IDJyZW07XG4gIC0tcmRwLW5hdl9idXR0b24tZGlzYWJsZWQtb3BhY2l0eTogMC41O1xuICAtLXJkcC1uYXZfYnV0dG9uLWhlaWdodDogMC43NXJlbTtcbiAgLS1yZHAtbmF2X2J1dHRvbi13aWR0aDogMC43NXJlbTtcbiAgLS1yZHAtbmF2LWhlaWdodDogMi43NXJlbTtcbiAgLS1yZHAtcmFuZ2VfbWlkZGxlLWJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTEwMCk7XG4gIC0tcmRwLXJhbmdlX21pZGRsZS1jb2xvcjogYmxhY2s7XG4gIC0tcmRwLXJhbmdlX3N0YXJ0LWNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXkyNSk7XG4gIC0tcmRwLXJhbmdlX3N0YXJ0LWJhY2tncm91bmQ6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTUwMCk7XG4gIC0tcmRwLXJhbmdlX3N0YXJ0LWRhdGUtYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5NTAwKTtcbiAgLS1yZHAtcmFuZ2VfZW5kLWJhY2tncm91bmQ6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTUwMCk7XG4gIC0tcmRwLXJhbmdlX2VuZC1jb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5MjUpO1xuICAtLXJkcC1yYW5nZV9lbmQtZGF0ZS1iYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXk1MDApO1xuICAtLXJkcC13ZWVrX251bWJlci1ib3JkZXItcmFkaXVzOiB2YXIoLS1idXR0b24tYm9yZGVyLXJhZGl1cyk7XG4gIC0tcmRwLXdlZWtfbnVtYmVyLWJvcmRlcjogdmFyKC0tYnV0dG9uLWJvcmRlci1yYWRpdXMpIHNvbGlkIHRyYW5zcGFyZW50O1xuICAtLXJkcC13ZWVrX251bWJlci1oZWlnaHQ6IHZhcigtLXJkcC1kYXktaGVpZ2h0KTtcbiAgLS1yZHAtd2Vla19udW1iZXItb3BhY2l0eTogMC43NTtcbiAgLS1yZHAtd2Vla19udW1iZXItd2lkdGg6IHZhcigtLXJkcC1kYXktd2lkdGgpO1xuICAtLXJkcC13ZWVrbnVtYmVyLXRleHQtYWxpZ246IGNlbnRlcjtcbiAgLS1yZHAtd2Vla2RheS1wYWRkaW5nOiAwLjVyZW0gMHJlbTtcbiAgLS1yZHAtd2Vla2RheS10ZXh0LWFsaWduOiBjZW50ZXI7XG4gIC0tcmRwLWdyYWRpZW50LWRpcmVjdGlvbjogOTBkZWc7XG59XG5cbi5yZHAtcm9vdFtkaXI9cnRsXSB7XG4gIC0tcmRwLWdyYWRpZW50LWRpcmVjdGlvbjogLTkwZGVnO1xufVxuXG4ucmRwLXJvb3Qge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIGZvbnQtZmFtaWx5OiB2YXIoLS1mb250LWZhbWlseSk7XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9udC1zaXplLXN1Yik7XG4gIGZvbnQtc3R5bGU6IG5vcm1hbDtcbiAgZm9udC12YXJpYW50OiBub3JtYWw7XG4gIGxpbmUtaGVpZ2h0OiAxcmVtO1xuICBmb250LXdlaWdodDogNDAwO1xuICB0ZXh0LXRyYW5zZm9ybTogbm9uZTtcbiAgbGV0dGVyLXNwYWNpbmc6IDA7XG4gIGNvbG9yOiB2YXIoLS1kZWZhdWx0KTtcbiAgbWFyZ2luOiAwIDAgMXJlbSAwO1xufVxuXG4ucmRwLXJvb3QgKiB7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG59XG5cbi5yZHAtZGF5IHtcbiAgd2lkdGg6IHZhcigtLXJkcC1kYXktd2lkdGgpO1xuICBoZWlnaHQ6IHZhcigtLXJkcC1kYXktaGVpZ2h0KTtcbiAgYm9yZGVyOiBub25lO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIHBhZGRpbmc6IDA7XG59XG5cbi5yZHAtZGF5X2J1dHRvbiB7XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogMDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBmb250OiBpbmhlcml0O1xuICBjb2xvcjogaW5oZXJpdDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIHdpZHRoOiB2YXIoLS1yZHAtZGF5LXdpZHRoKTtcbiAgaGVpZ2h0OiB2YXIoLS1yZHAtZGF5LWhlaWdodCk7XG4gIGJvcmRlcjogdmFyKC0tYnV0dG9uLWJvcmRlci1yYWRpdXMpIHNvbGlkIHRyYW5zcGFyZW50O1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1idXR0b24tYm9yZGVyLXJhZGl1cyk7XG59XG4ucmRwLWRheV9idXR0b246Zm9jdXMtdmlzaWJsZSB7XG4gIG91dGxpbmU6IDAuMTI1cmVtIHNvbGlkIHZhcigtLWNvbG9yLWZvY3VzKTtcbiAgb3V0bGluZS1vZmZzZXQ6IC0ycHg7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLWZvY3VzLWJvcmRlci1yYWRpdXMpO1xufVxuXG4ucmRwLWRheV9idXR0b246ZGlzYWJsZWQge1xuICBjdXJzb3I6IHJldmVydDtcbn1cblxuLnJkcC1jYXB0aW9uX2xhYmVsIHtcbiAgei1pbmRleDogMTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgYm9yZGVyOiAwO1xufVxuXG4ucmRwLWJ1dHRvbl9uZXh0LFxuLnJkcC1idXR0b25fcHJldmlvdXMge1xuICBib3JkZXI6IG5vbmU7XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogMDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBmb250OiBpbmhlcml0O1xuICBjb2xvcjogaW5oZXJpdDtcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGFwcGVhcmFuY2U6IG5vbmU7XG4gIHdpZHRoOiB2YXIoLS1yZHAtbmF2X2J1dHRvbi13aWR0aCk7XG4gIGhlaWdodDogdmFyKC0tcmRwLW5hdl9idXR0b24taGVpZ2h0KTtcbn1cbi5yZHAtYnV0dG9uX25leHQ6Zm9jdXMtdmlzaWJsZSxcbi5yZHAtYnV0dG9uX3ByZXZpb3VzOmZvY3VzLXZpc2libGUge1xuICBvdXRsaW5lOiAwLjEyNXJlbSBzb2xpZCB2YXIoLS1jb2xvci1mb2N1cyk7XG4gIG91dGxpbmUtb2Zmc2V0OiAycHg7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLWZvY3VzLWJvcmRlci1yYWRpdXMpO1xufVxuXG4ucmRwLWJ1dHRvbl9wcmV2aW91cyB7XG4gIG1hcmdpbi1yaWdodDogMC41cmVtO1xufVxuXG4ucmRwLWJ1dHRvbl9uZXh0OmRpc2FibGVkLFxuLnJkcC1idXR0b25fcHJldmlvdXM6ZGlzYWJsZWQge1xuICBjdXJzb3I6IHJldmVydDtcbiAgb3BhY2l0eTogdmFyKC0tcmRwLW5hdl9idXR0b24tZGlzYWJsZWQtb3BhY2l0eSk7XG59XG5cbi5yZHAtY2hldnJvbiB7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgZmlsbDogdmFyKC0tY29sb3ItYmx1ZS1ncmV5NTAwKTtcbn1cblxuLnJkcC1yb290W2Rpcj1ydGxdIC5yZHAtbmF2IC5yZHAtY2hldnJvbiB7XG4gIHRyYW5zZm9ybTogcm90YXRlKDE4MGRlZyk7XG59XG5cbi5yZHAtcm9vdFtkaXI9cnRsXSAucmRwLW5hdiAucmRwLWNoZXZyb24ge1xuICB0cmFuc2Zvcm06IHJvdGF0ZSgxODBkZWcpO1xuICB0cmFuc2Zvcm0tb3JpZ2luOiA1MCU7XG59XG5cbi5yZHAtZHJvcGRvd25zIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiB2YXIoLS1yZHAtZHJvcGRvd24tZ2FwKTtcbiAgY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTUwMCk7XG4gIGZvbnQtd2VpZ2h0OiA3MDA7XG59XG5cbi5yZHAtZHJvcGRvd24ge1xuICB6LWluZGV4OiAyO1xuICAvKiBSZXNldCAqL1xuICBvcGFjaXR5OiAwO1xuICBhcHBlYXJhbmNlOiBub25lO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGluc2V0LWJsb2NrLXN0YXJ0OiAwO1xuICBpbnNldC1ibG9jay1lbmQ6IDA7XG4gIGluc2V0LWlubGluZS1zdGFydDogMDtcbiAgd2lkdGg6IDEwMCU7XG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMDtcbiAgY3Vyc29yOiBpbmhlcml0O1xuICBib3JkZXI6IG5vbmU7XG4gIGxpbmUtaGVpZ2h0OiBpbmhlcml0O1xufVxuXG4ucmRwLWRyb3Bkb3duX3Jvb3Qge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuXG4ucmRwLXllYXJzX2Ryb3Bkb3duOmZvY3VzLXZpc2libGUgKyAucmRwLWNhcHRpb25fbGFiZWwgLnJkcC1jaGV2cm9uIHtcbiAgb3V0bGluZTogMC4xMjVyZW0gc29saWQgdmFyKC0tY29sb3ItZm9jdXMpO1xuICBvdXRsaW5lLW9mZnNldDogMDtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tZm9jdXMtYm9yZGVyLXJhZGl1cyk7XG59XG5cbi5yZHAteWVhcnNfZHJvcGRvd24gKyAucmRwLWNhcHRpb25fbGFiZWwgLnJkcC1jaGV2cm9uIHtcbiAgbWFyZ2luLWxlZnQ6IDAuMjVyZW07XG4gIHdpZHRoOiAwLjg3NXJlbTtcbn1cblxuLnJkcC1kcm9wZG93bl9yb290W2RhdGEtZGlzYWJsZWQ9dHJ1ZV0gLnJkcC1jaGV2cm9uIHtcbiAgb3BhY2l0eTogdmFyKC0tcmRwLWRpc2FibGVkLW9wYWNpdHkpO1xufVxuXG4ucmRwLW1vbnRoX2NhcHRpb24ge1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1jb250ZW50OiBjZW50ZXI7XG4gIGhlaWdodDogdmFyKC0tcmRwLW5hdi1oZWlnaHQpO1xufVxuXG4ucmRwLW1vbnRocyB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuICBnYXA6IHZhcigtLXJkcC1tb250aHMtZ2FwKTtcbiAgbWF4LXdpZHRoOiBmaXQtY29udGVudDtcbn1cblxuLnJkcC1tb250aF9ncmlkIHtcbiAgYm9yZGVyLWNvbGxhcHNlOiBjb2xsYXBzZTtcbn1cblxuLnJkcC1uYXYge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGluc2V0LWJsb2NrLXN0YXJ0OiAwO1xuICBpbnNldC1pbmxpbmUtZW5kOiAwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBoZWlnaHQ6IHZhcigtLXJkcC1uYXYtaGVpZ2h0KTtcbn1cblxuLnJkcC13ZWVrZGF5IHtcbiAgcGFkZGluZzogdmFyKC0tcmRwLXdlZWtkYXktcGFkZGluZyk7XG4gIHRleHQtYWxpZ246IHZhcigtLXJkcC13ZWVrZGF5LXRleHQtYWxpZ24pO1xuICBmb250LXNpemU6IDAuNjI1cmVtO1xuICBjb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5NDAwKTtcbiAgaGVpZ2h0OiB2YXIoLS1yZHAtZGF5LWhlaWdodCk7XG4gIHdpZHRoOiB2YXIoLS1yZHAtZGF5LXdpZHRoKTtcbiAgZm9udC13ZWlnaHQ6IDQwMDtcbn1cblxuLnJkcC13ZWVrX251bWJlciB7XG4gIG9wYWNpdHk6IHZhcigtLXJkcC13ZWVrX251bWJlci1vcGFjaXR5KTtcbiAgaGVpZ2h0OiB2YXIoLS1yZHAtd2Vla19udW1iZXItaGVpZ2h0KTtcbiAgd2lkdGg6IHZhcigtLXJkcC13ZWVrX251bWJlci13aWR0aCk7XG4gIGJvcmRlcjogdmFyKC0tcmRwLXdlZWtfbnVtYmVyLWJvcmRlcik7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLXJkcC13ZWVrX251bWJlci1ib3JkZXItcmFkaXVzKTtcbiAgdGV4dC1hbGlnbjogdmFyKC0tcmRwLXdlZWtudW1iZXItdGV4dC1hbGlnbik7XG59XG5cbi5yZHAtdG9kYXk6bm90KC5yZHAtb3V0c2lkZSkge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG4ucmRwLXRvZGF5Om5vdCgucmRwLW91dHNpZGUpOjphZnRlciB7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiA2NyU7XG4gIGxlZnQ6IGNhbGMoNTAlIC0gMC4xMjVyZW0pO1xuICB3aWR0aDogMC4yNXJlbTtcbiAgaGVpZ2h0OiAwLjI1cmVtO1xuICBib3JkZXItcmFkaXVzOiAwLjVyZW07XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTkwMCk7XG59XG4ucmRwLXRvZGF5Om5vdCgucmRwLW91dHNpZGUpLnJkcC1yYW5nZV9lbmQ6OmFmdGVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5MjUpO1xufVxuLnJkcC10b2RheTpub3QoLnJkcC1vdXRzaWRlKS5yZHAtcmFuZ2Vfc3RhcnQ6OmFmdGVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5MjUpO1xufVxuXG4ucmRwLXNlbGVjdGVkIHtcbiAgY29sb3I6IHdoaXRlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1wcmltYXJ5KTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tYnV0dG9uLWJvcmRlci1yYWRpdXMpO1xufVxuXG4ucmRwLXNlbGVjdGVkLnJkcC1vdXRzaWRlLnJkcC1yYW5nZV9taWRkbGUgLnJkcC1kYXlfYnV0dG9uIHtcbiAgY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTQwMCk7XG59XG5cbi5yZHAtc2VsZWN0ZWQgLnJkcC1kYXlfYnV0dG9uIHtcbiAgYm9yZGVyOiB2YXIoLS1idXR0b24tYm9yZGVyLXJhZGl1cykgc29saWQgdmFyKC0tY29sb3ItYmx1ZS1ncmV5NTAwKTtcbn1cblxuLnJkcC1vdXRzaWRlIHtcbiAgY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTQwMCk7XG59XG5cbi5yZHAtZGlzYWJsZWQge1xuICBvcGFjaXR5OiB2YXIoLS1yZHAtZGlzYWJsZWQtb3BhY2l0eSk7XG59XG5cbi5yZHAtaGlkZGVuIHtcbiAgdmlzaWJpbGl0eTogaGlkZGVuO1xuICBjb2xvcjogdmFyKC0tcmRwLXJhbmdlX3N0YXJ0LWNvbG9yKTtcbn1cblxuLnJkcC1yYW5nZV9zdGFydCB7XG4gIGJhY2tncm91bmQ6IHZhcigtLXJkcC1yYW5nZV9zdGFydC1iYWNrZ3JvdW5kKTtcbn1cblxuLnJkcC1yYW5nZV9zdGFydCAucmRwLWRheV9idXR0b24ge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1yZHAtcmFuZ2Vfc3RhcnQtZGF0ZS1iYWNrZ3JvdW5kLWNvbG9yKTtcbiAgY29sb3I6IHZhcigtLXJkcC1yYW5nZV9zdGFydC1jb2xvcik7XG59XG5cbi5yZHAtcmFuZ2VfbWlkZGxlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tcmRwLXJhbmdlX21pZGRsZS1iYWNrZ3JvdW5kLWNvbG9yKTtcbiAgYm9yZGVyLXJhZGl1czogMDtcbn1cbi5yZHAtcmFuZ2VfbWlkZGxlOmZvY3VzLXZpc2libGUge1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1mb2N1cy1ib3JkZXItcmFkaXVzKTtcbn1cblxuLnJkcC1yYW5nZV9taWRkbGUgLnJkcC1kYXlfYnV0dG9uIHtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgY29sb3I6IHZhcigtLXJkcC1yYW5nZV9taWRkbGUtY29sb3IpO1xufVxuXG4ucmRwLXJhbmdlX2VuZCB7XG4gIGJhY2tncm91bmQ6IHZhcigtLXJkcC1yYW5nZV9lbmQtYmFja2dyb3VuZCk7XG4gIGNvbG9yOiB2YXIoLS1yZHAtcmFuZ2VfZW5kLWNvbG9yKTtcbn1cblxuLnJkcC1yYW5nZV9lbmQgLnJkcC1kYXlfYnV0dG9uIHtcbiAgY29sb3I6IHZhcigtLXJkcC1yYW5nZV9zdGFydC1jb2xvcik7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXJkcC1yYW5nZV9lbmQtZGF0ZS1iYWNrZ3JvdW5kLWNvbG9yKTtcbn1cblxuLnJkcC1yYW5nZV9zdGFydC5yZHAtcmFuZ2VfZW5kIHtcbiAgYmFja2dyb3VuZDogcmV2ZXJ0O1xufVxuXG4ucmRwLWZvY3VzYWJsZSB7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn0iXX0= */";
+var classes = {"sr-only":"DatePicker-module_sr-only__KnLIH","hidden":"DatePicker-module_hidden__yV2zd","slide-in":"DatePicker-module_slide-in__uNWGO","slide-out":"DatePicker-module_slide-out__gWqox","rdp-root":"DatePicker-module_rdp-root__w85jJ","rdp-day":"DatePicker-module_rdp-day__xXo-K","rdp-day_button":"DatePicker-module_rdp-day_button__Tn-Zd","rdp-caption_label":"DatePicker-module_rdp-caption_label__hpWX2","rdp-button_next":"DatePicker-module_rdp-button_next__AOdy3","rdp-button_previous":"DatePicker-module_rdp-button_previous__JZVzI","rdp-chevron":"DatePicker-module_rdp-chevron__q6PAe","rdp-nav":"DatePicker-module_rdp-nav__y0rb-","rdp-dropdowns":"DatePicker-module_rdp-dropdowns__fFv9Q","rdp-dropdown":"DatePicker-module_rdp-dropdown__lazMc","rdp-dropdown_root":"DatePicker-module_rdp-dropdown_root__CaXoe","rdp-years_dropdown":"DatePicker-module_rdp-years_dropdown__x8JpD","rdp-month_caption":"DatePicker-module_rdp-month_caption__lHfv9","rdp-months":"DatePicker-module_rdp-months__rRd5i","rdp-month_grid":"DatePicker-module_rdp-month_grid__L60F6","rdp-weekday":"DatePicker-module_rdp-weekday__jnnj2","rdp-week_number":"DatePicker-module_rdp-week_number__2SnHY","rdp-today":"DatePicker-module_rdp-today__JKQcK","rdp-outside":"DatePicker-module_rdp-outside__kVSG4","rdp-range_end":"DatePicker-module_rdp-range_end__FUram","rdp-range_start":"DatePicker-module_rdp-range_start__7XHt-","rdp-selected":"DatePicker-module_rdp-selected__7MpXH","rdp-range_middle":"DatePicker-module_rdp-range_middle__o8QiM","rdp-disabled":"DatePicker-module_rdp-disabled__P7qzQ","rdp-hidden":"DatePicker-module_rdp-hidden__tjsIG","rdp-focusable":"DatePicker-module_rdp-focusable__5xqek"};
 styleInject(css_248z);
 
 export { classes as default };

package/dist/esm/Form/FormGroup/FormGroup.esm.js

@@ -19,13 +19,13 @@ import { Icon } from '../../Icon/Icon.esm.js';
  *    limitations under the License.
  */
 /** The empty className property on FormHelperText is on purpose! We want to basically "filter" out the className from helperProps because we're adding this to the surrounding div. This makes it so also the errormessage receives this styling. */
-const FormGroupComponent = ({ children, className, error, errorMessage, errorId, errorMessageIcon, errorMessageIconPosition = "before", helperText, helperId, helperProps, disabled, ...rest }, ref) => {
+const FormGroupComponent = ({ children, className, error, errorMessage, errorId, errorMessageIcon, errorMessageIconPosition = "before", errorMessageProps, helperText, helperId, helperProps, disabled, ...rest }, ref) => {
     const disableHelperText = (helperProps === null || helperProps === void 0 ? void 0 : helperProps.disabled) !== undefined ? helperProps === null || helperProps === void 0 ? void 0 : helperProps.disabled : disabled;
     return (React.createElement("div", { ...rest, ref: ref, className: `${classes["form-group"]} ${className !== null && className !== void 0 ? className : ""}` },
         children,
         (helperText || (errorMessage && error)) && (React.createElement("div", { className: `${classes["default-helper"]} ${(helperProps === null || helperProps === void 0 ? void 0 : helperProps.className) ? helperProps.className : ""}` },
             ((helperText && !error) || (helperText && error && !errorMessage)) && (React.createElement(FormHelperText, { ...helperProps, className: "", id: helperId, disabled: disableHelperText }, (helperProps === null || helperProps === void 0 ? void 0 : helperProps.children) || helperText)),
-            error && errorMessage && (React.createElement("span", { className: classes["error-message"] },
+            error && errorMessage && (React.createElement("span", { ...errorMessageProps, className: `${classes["error-message"]} ${(errorMessageProps === null || errorMessageProps === void 0 ? void 0 : errorMessageProps.className) ? errorMessageProps.className : ""}` },
                 React.createElement("span", { id: errorId, className: classes.message },
                     errorMessageIcon && errorMessageIconPosition === "before" && (React.createElement(Icon, { className: `${classes["error-icon"]} ${classes["error-icon-before"]}`, icon: errorMessageIcon })),
                     errorMessage,

package/dist/esm/Form/FormGroup/FormGroup.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormGroup.esm.js","sources":["../../../../../../src/components/Form/FormGroup/FormGroup.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/** The empty className property on FormHelperText is on purpose! We want to basically \"filter\" out the className from helperProps because we're adding this to the surrounding div. This makes it so also the errormessage receives this styling. */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, ReactElement } from \"react\";\nimport classes from \"./FormGroup.module.scss\";\nimport { FormHelperText, Props as HelperProps } from \"../FormHelperText/FormHelperText\";\nimport { Icon, Icons } from \"../../Icon/Icon\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  children: ReactElement[] | ReactElement | string | number[] | number;\n  error?: boolean;\n  errorMessageIcon?: Icons;\n  errorMessageIconPosition?: \"before\" | \"after\";\n  errorMessage?: string;\n  errorId?: string;\n  helperText?: string;\n  helperId?: string;\n  helperProps?: HelperProps;\n  disabled?: boolean;\n}\n\nconst FormGroupComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    children,\n    className,\n    error,\n    errorMessage,\n    errorId,\n    errorMessageIcon,\n    errorMessageIconPosition = \"before\",\n    helperText,\n    helperId,\n    helperProps,\n    disabled,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const disableHelperText = helperProps?.disabled !== undefined ? helperProps?.disabled : disabled;\n\n  return (\n    <div {...rest} ref={ref} className={`${classes[\"form-group\"]} ${className ?? \"\"}`}>\n      {children}\n\n      {(helperText || (errorMessage && error)) && (\n        <div\n          className={`${classes[\"default-helper\"]} ${\n            helperProps?.className ? helperProps.className : \"\"\n          }`}\n        >\n          {((helperText && !error) || (helperText && error && !errorMessage)) && (\n            <FormHelperText\n              {...helperProps}\n              className={\"\"}\n              id={helperId}\n              disabled={disableHelperText}\n            >\n              {helperProps?.children || helperText}\n            </FormHelperText>\n          )}\n          {error && errorMessage && (\n            <span className={classes[\"error-message\"]}>\n              <span id={errorId} className={classes.message}>\n                {errorMessageIcon && errorMessageIconPosition === \"before\" && (\n                  <Icon\n                    className={`${classes[\"error-icon\"]} ${classes[\"error-icon-before\"]}`}\n                    icon={errorMessageIcon}\n                  />\n                )}\n                {errorMessage}\n                {errorMessageIcon && errorMessageIconPosition === \"after\" && (\n                  <Icon\n                    className={`${classes[\"error-icon\"]} ${classes[\"error-icon-after\"]}`}\n                    icon={errorMessageIcon}\n                  />\n                )}\n              </span>\n            </span>\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport const FormGroup = React.forwardRef(FormGroupComponent);\n"],"names":[],"mappings":";;;;;AAAA;;;;;;;;;;;;;;AAcG;AAEH;AAoBA,MAAM,kBAAkB,GAAoD,CAC1E,EACE,QAAQ,EACR,SAAS,EACT,KAAK,EACL,YAAY,EACZ,OAAO,EACP,gBAAgB,EAChB,wBAAwB,GAAG,QAAQ,EACnC,UAAU,EACV,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,GAAG,IAAI,EACD,EACR,GAAG,KACD;IACF,MAAM,iBAAiB,GAAG,CAAA,WAAW,KAAA,IAAA,IAAX,WAAW,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAX,WAAW,CAAE,QAAQ,MAAK,SAAS,GAAG,WAAW,KAAX,IAAA,IAAA,WAAW,KAAX,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,WAAW,CAAE,QAAQ,GAAG,QAAQ,CAAC;IAEjG,QACE,gCAAS,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,CAAA,EAAG,OAAO,CAAC,YAAY,CAAC,CAAA,CAAA,EAAI,SAAS,KAAA,IAAA,IAAT,SAAS,KAAT,KAAA,CAAA,GAAA,SAAS,GAAI,EAAE,CAAE,CAAA,EAAA;QAC9E,QAAQ;AAER,QAAA,CAAC,UAAU,KAAK,YAAY,IAAI,KAAK,CAAC,MACrC,6BACE,SAAS,EAAE,CAAG,EAAA,OAAO,CAAC,gBAAgB,CAAC,CACrC,CAAA,EAAA,CAAA,WAAW,KAAX,IAAA,IAAA,WAAW,KAAX,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,WAAW,CAAE,SAAS,IAAG,WAAW,CAAC,SAAS,GAAG,EACnD,CAAE,CAAA,EAAA;YAED,CAAC,CAAC,UAAU,IAAI,CAAC,KAAK,MAAM,UAAU,IAAI,KAAK,IAAI,CAAC,YAAY,CAAC,MAChE,KAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EAAA,GACT,WAAW,EACf,SAAS,EAAE,EAAE,EACb,EAAE,EAAE,QAAQ,EACZ,QAAQ,EAAE,iBAAiB,EAAA,EAE1B,CAAA,WAAW,KAAA,IAAA,IAAX,WAAW,KAAX,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,WAAW,CAAE,QAAQ,KAAI,UAAU,CACrB,CAClB;YACA,KAAK,IAAI,YAAY,KACpB,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,OAAO,CAAC,eAAe,CAAC,EAAA;gBACvC,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,CAAC,OAAO,EAAA;oBAC1C,gBAAgB,IAAI,wBAAwB,KAAK,QAAQ,KACxD,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EACH,SAAS,EAAE,CAAG,EAAA,OAAO,CAAC,YAAY,CAAC,CAAA,CAAA,EAAI,OAAO,CAAC,mBAAmB,CAAC,CAAE,CAAA,EACrE,IAAI,EAAE,gBAAgB,EAAA,CACtB,CACH;oBACA,YAAY;AACZ,oBAAA,gBAAgB,IAAI,wBAAwB,KAAK,OAAO,KACvD,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EACH,SAAS,EAAE,CAAA,EAAG,OAAO,CAAC,YAAY,CAAC,CAAA,CAAA,EAAI,OAAO,CAAC,kBAAkB,CAAC,CAAA,CAAE,EACpE,IAAI,EAAE,gBAAgB,EAAA,CACtB,CACH,CACI,CACF,CACR,CACG,CACP,CACG,EACN;AACJ,CAAC,CAAC;AAEW,MAAA,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,kBAAkB;;;;"}
+{"version":3,"file":"FormGroup.esm.js","sources":["../../../../../../src/components/Form/FormGroup/FormGroup.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/** The empty className property on FormHelperText is on purpose! We want to basically \"filter\" out the className from helperProps because we're adding this to the surrounding div. This makes it so also the errormessage receives this styling. */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, ReactElement } from \"react\";\nimport classes from \"./FormGroup.module.scss\";\nimport { FormHelperText, Props as HelperProps } from \"../FormHelperText/FormHelperText\";\nimport { Icon, Icons } from \"../../Icon/Icon\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  children: ReactElement[] | ReactElement | string | number[] | number;\n  error?: boolean;\n  errorMessageIcon?: Icons;\n  errorMessageIconPosition?: \"before\" | \"after\";\n  errorMessage?: string;\n  errorId?: string;\n  errorMessageProps?: ComponentPropsWithRef<\"span\">;\n  helperText?: string;\n  helperId?: string;\n  helperProps?: HelperProps;\n  disabled?: boolean;\n}\n\nconst FormGroupComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    children,\n    className,\n    error,\n    errorMessage,\n    errorId,\n    errorMessageIcon,\n    errorMessageIconPosition = \"before\",\n    errorMessageProps,\n    helperText,\n    helperId,\n    helperProps,\n    disabled,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const disableHelperText = helperProps?.disabled !== undefined ? helperProps?.disabled : disabled;\n\n  return (\n    <div {...rest} ref={ref} className={`${classes[\"form-group\"]} ${className ?? \"\"}`}>\n      {children}\n\n      {(helperText || (errorMessage && error)) && (\n        <div\n          className={`${classes[\"default-helper\"]} ${\n            helperProps?.className ? helperProps.className : \"\"\n          }`}\n        >\n          {((helperText && !error) || (helperText && error && !errorMessage)) && (\n            <FormHelperText\n              {...helperProps}\n              className={\"\"}\n              id={helperId}\n              disabled={disableHelperText}\n            >\n              {helperProps?.children || helperText}\n            </FormHelperText>\n          )}\n          {error && errorMessage && (\n            <span\n              {...errorMessageProps}\n              className={`${classes[\"error-message\"]} ${errorMessageProps?.className ? errorMessageProps.className : \"\"}`}\n            >\n              <span id={errorId} className={classes.message}>\n                {errorMessageIcon && errorMessageIconPosition === \"before\" && (\n                  <Icon\n                    className={`${classes[\"error-icon\"]} ${classes[\"error-icon-before\"]}`}\n                    icon={errorMessageIcon}\n                  />\n                )}\n                {errorMessage}\n                {errorMessageIcon && errorMessageIconPosition === \"after\" && (\n                  <Icon\n                    className={`${classes[\"error-icon\"]} ${classes[\"error-icon-after\"]}`}\n                    icon={errorMessageIcon}\n                  />\n                )}\n              </span>\n            </span>\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport const FormGroup = React.forwardRef(FormGroupComponent);\n"],"names":[],"mappings":"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"}

package/dist/esm/Form/FormSelectorWrapper/FormSelectorWrapper.esm.js

@@ -22,7 +22,7 @@ const FormSelectorWrapperComponent = ({ children, className, nestedChildren, con
     const helperRef = (_a = helperProps === null || helperProps === void 0 ? void 0 : helperProps.ref) !== null && _a !== void 0 ? _a : createRef();
     return (React.createElement("div", { ...rest, ref: ref, className: `${error ? classes["error"] : ""} ${disabled ? classes["disabled"] : ""} ${className !== null && className !== void 0 ? className : ""}` },
         React.createElement("div", { ...containerProps }, children),
-        (helperText || (helperProps === null || helperProps === void 0 ? void 0 : helperProps.children)) && (React.createElement(FormHelperText, { ...helperProps, ref: helperRef, id: `${identifier}`, className: `${classes["helper-text"]} ${(_b = helperProps === null || helperProps === void 0 ? void 0 : helperProps.className) !== null && _b !== void 0 ? _b : ""} ${error ? classes["error"] : ""}` }, error ? (React.createElement("span", { className: classes["error-message"], id: errorId }, errorMessage)) : ((helperProps === null || helperProps === void 0 ? void 0 : helperProps.children) || helperText))),
+        (errorMessage || helperText || (helperProps === null || helperProps === void 0 ? void 0 : helperProps.children)) && (React.createElement(FormHelperText, { ...helperProps, ref: helperRef, id: `${identifier}`, className: `${classes["helper-text"]} ${(_b = helperProps === null || helperProps === void 0 ? void 0 : helperProps.className) !== null && _b !== void 0 ? _b : ""} ${error ? classes["error"] : ""}` }, error && errorMessage ? (React.createElement("span", { className: classes["error-message"], id: errorId }, errorMessage)) : ((helperProps === null || helperProps === void 0 ? void 0 : helperProps.children) || helperText))),
         nestedChildren));
 };
 const FormSelectorWrapper = React.forwardRef(FormSelectorWrapperComponent);

package/dist/esm/Form/FormSelectorWrapper/FormSelectorWrapper.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormSelectorWrapper.esm.js","sources":["../../../../../../src/components/Form/FormSelectorWrapper/FormSelectorWrapper.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  ForwardRefRenderFunction,\n  ComponentPropsWithRef,\n  createRef,\n  ReactNode\n} from \"react\";\nimport { KeyValuePair } from \"../../../interfaces\";\nimport { FormSelector } from \"../form.interfaces\";\nimport { FormHelperText, Props as FormHelperTextProps } from \"../FormHelperText/FormHelperText\";\nimport classes from \"./FormSelectorWrapper.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\">, FormSelector {\n  children?: ReactNode;\n  nestedChildren?: ReactNode;\n  containerProps?: ComponentPropsWithRef<\"div\"> & KeyValuePair;\n  helperProps?: FormHelperTextProps;\n  disabled?: boolean;\n  errorId?: string;\n  identifier?: string;\n}\n\nconst FormSelectorWrapperComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    children,\n    className,\n    nestedChildren,\n    containerProps,\n    helperProps,\n    error,\n    disabled,\n    helperText,\n    errorMessage,\n    parentErrorId,\n    errorId,\n    identifier,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const helperRef = helperProps?.ref ?? createRef();\n\n  return (\n    <div\n      {...rest}\n      ref={ref}\n      className={`${error ? classes[\"error\"] : \"\"} ${disabled ? classes[\"disabled\"] : \"\"} ${\n        className ?? \"\"\n      }`}\n    >\n      <div {...containerProps}>{children}</div>\n      {(helperText || helperProps?.children) && (\n        <FormHelperText\n          {...helperProps}\n          ref={helperRef}\n          id={`${identifier}`}\n          className={`${classes[\"helper-text\"]} ${helperProps?.className ?? \"\"} ${\n            error ? classes[\"error\"] : \"\"\n          }`}\n        >\n          {error ? (\n            <span className={classes[\"error-message\"]} id={errorId}>\n              {errorMessage}\n            </span>\n          ) : (\n            helperProps?.children || helperText\n          )}\n        </FormHelperText>\n      )}\n      {nestedChildren}\n    </div>\n  );\n};\n\nexport const FormSelectorWrapper = React.forwardRef(FormSelectorWrapperComponent);\n"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;AAcG;AAuBH,MAAM,4BAA4B,GAAoD,CACpF,EACE,QAAQ,EACR,SAAS,EACT,cAAc,EACd,cAAc,EACd,WAAW,EACX,KAAK,EACL,QAAQ,EACR,UAAU,EACV,YAAY,EACZ,aAAa,EACb,OAAO,EACP,UAAU,EACV,GAAG,IAAI,EACD,EACR,GAAG,KACD;;AACF,IAAA,MAAM,SAAS,GAAG,CAAA,EAAA,GAAA,WAAW,KAAX,IAAA,IAAA,WAAW,KAAX,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,WAAW,CAAE,GAAG,MAAI,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAA,SAAS,EAAE,CAAC;IAElD,QACE,gCACM,IAAI,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,GAAG,KAAK,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,EAAE,CAAI,CAAA,EAAA,QAAQ,GAAG,OAAO,CAAC,UAAU,CAAC,GAAG,EAAE,CAAA,CAAA,EAChF,SAAS,KAAT,IAAA,IAAA,SAAS,cAAT,SAAS,GAAI,EACf,CAAE,CAAA,EAAA;QAEF,KAAS,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GAAA,cAAc,EAAG,EAAA,QAAQ,CAAO;QACxC,CAAC,UAAU,KAAI,WAAW,KAAA,IAAA,IAAX,WAAW,KAAX,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,WAAW,CAAE,QAAQ,CAAA,MACnC,oBAAC,cAAc,EAAA,EAAA,GACT,WAAW,EACf,GAAG,EAAE,SAAS,EACd,EAAE,EAAE,CAAG,EAAA,UAAU,EAAE,EACnB,SAAS,EAAE,CAAG,EAAA,OAAO,CAAC,aAAa,CAAC,IAAI,CAAA,EAAA,GAAA,WAAW,aAAX,WAAW,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAX,WAAW,CAAE,SAAS,MAAI,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAA,EAAE,CAClE,CAAA,EAAA,KAAK,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,EAC7B,CAAA,CAAE,IAED,KAAK,IACJ,8BAAM,SAAS,EAAE,OAAO,CAAC,eAAe,CAAC,EAAE,EAAE,EAAE,OAAO,EACnD,EAAA,YAAY,CACR,KAEP,CAAA,WAAW,KAAX,IAAA,IAAA,WAAW,uBAAX,WAAW,CAAE,QAAQ,KAAI,UAAU,CACpC,CACc,CAClB;QACA,cAAc,CACX,EACN;AACJ,CAAC,CAAC;AAEW,MAAA,mBAAmB,GAAG,KAAK,CAAC,UAAU,CAAC,4BAA4B;;;;"}
+{"version":3,"file":"FormSelectorWrapper.esm.js","sources":["../../../../../../src/components/Form/FormSelectorWrapper/FormSelectorWrapper.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  ForwardRefRenderFunction,\n  ComponentPropsWithRef,\n  createRef,\n  ReactNode\n} from \"react\";\nimport { KeyValuePair } from \"../../../interfaces\";\nimport { FormSelector } from \"../form.interfaces\";\nimport { FormHelperText, Props as FormHelperTextProps } from \"../FormHelperText/FormHelperText\";\nimport classes from \"./FormSelectorWrapper.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\">, FormSelector {\n  children?: ReactNode;\n  nestedChildren?: ReactNode;\n  containerProps?: ComponentPropsWithRef<\"div\"> & KeyValuePair;\n  helperProps?: FormHelperTextProps;\n  disabled?: boolean;\n  errorId?: string;\n  identifier?: string;\n}\n\nconst FormSelectorWrapperComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    children,\n    className,\n    nestedChildren,\n    containerProps,\n    helperProps,\n    error,\n    disabled,\n    helperText,\n    errorMessage,\n    parentErrorId,\n    errorId,\n    identifier,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const helperRef = helperProps?.ref ?? createRef();\n\n  return (\n    <div\n      {...rest}\n      ref={ref}\n      className={`${error ? classes[\"error\"] : \"\"} ${disabled ? classes[\"disabled\"] : \"\"} ${\n        className ?? \"\"\n      }`}\n    >\n      <div {...containerProps}>{children}</div>\n      {(errorMessage || helperText || helperProps?.children) && (\n        <FormHelperText\n          {...helperProps}\n          ref={helperRef}\n          id={`${identifier}`}\n          className={`${classes[\"helper-text\"]} ${helperProps?.className ?? \"\"} ${\n            error ? classes[\"error\"] : \"\"\n          }`}\n        >\n          {error && errorMessage ? (\n            <span className={classes[\"error-message\"]} id={errorId}>\n              {errorMessage}\n            </span>\n          ) : (\n            helperProps?.children || helperText\n          )}\n        </FormHelperText>\n      )}\n      {nestedChildren}\n    </div>\n  );\n};\n\nexport const FormSelectorWrapper = React.forwardRef(FormSelectorWrapperComponent);\n"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;AAcG;AAuBH,MAAM,4BAA4B,GAAoD,CACpF,EACE,QAAQ,EACR,SAAS,EACT,cAAc,EACd,cAAc,EACd,WAAW,EACX,KAAK,EACL,QAAQ,EACR,UAAU,EACV,YAAY,EACZ,aAAa,EACb,OAAO,EACP,UAAU,EACV,GAAG,IAAI,EACD,EACR,GAAG,KACD;;AACF,IAAA,MAAM,SAAS,GAAG,CAAA,EAAA,GAAA,WAAW,KAAX,IAAA,IAAA,WAAW,KAAX,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,WAAW,CAAE,GAAG,MAAI,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAA,SAAS,EAAE,CAAC;IAElD,QACE,gCACM,IAAI,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,GAAG,KAAK,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,EAAE,CAAI,CAAA,EAAA,QAAQ,GAAG,OAAO,CAAC,UAAU,CAAC,GAAG,EAAE,CAAA,CAAA,EAChF,SAAS,KAAT,IAAA,IAAA,SAAS,cAAT,SAAS,GAAI,EACf,CAAE,CAAA,EAAA;QAEF,KAAS,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GAAA,cAAc,EAAG,EAAA,QAAQ,CAAO;QACxC,CAAC,YAAY,IAAI,UAAU,KAAI,WAAW,KAAX,IAAA,IAAA,WAAW,KAAX,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,WAAW,CAAE,QAAQ,CAAA,MACnD,KAAC,CAAA,aAAA,CAAA,cAAc,OACT,WAAW,EACf,GAAG,EAAE,SAAS,EACd,EAAE,EAAE,CAAA,EAAG,UAAU,CAAE,CAAA,EACnB,SAAS,EAAE,CAAA,EAAG,OAAO,CAAC,aAAa,CAAC,IAAI,CAAA,EAAA,GAAA,WAAW,aAAX,WAAW,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAX,WAAW,CAAE,SAAS,MAAI,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAA,EAAE,CAClE,CAAA,EAAA,KAAK,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,EAC7B,CAAE,CAAA,EAAA,EAED,KAAK,IAAI,YAAY,IACpB,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,OAAO,CAAC,eAAe,CAAC,EAAE,EAAE,EAAE,OAAO,EAAA,EACnD,YAAY,CACR,KAEP,CAAA,WAAW,KAAA,IAAA,IAAX,WAAW,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAX,WAAW,CAAE,QAAQ,KAAI,UAAU,CACpC,CACc,CAClB;QACA,cAAc,CACX,EACN;AACJ,CAAC,CAAC;AAEW,MAAA,mBAAmB,GAAG,KAAK,CAAC,UAAU,CAAC,4BAA4B;;;;"}

package/dist/esm/Form/Select/MultiSelect/MultiSelect.esm.js

@@ -1,6 +1,6 @@
 import classes from './MultiSelect.module.scss.esm.js';
-import React, { useRef, useState, createRef, useEffect, Fragment } from 'react';
-import { useBodyClick } from '../../../src/hooks/useBodyClick.esm.js';
+import React, { useRef, useState, createRef, useEffect } from 'react';
+import { useClickOutside } from '../../../src/hooks/useClickOutside.esm.js';
 import { useDetermineStatusIcon } from '../../../src/hooks/useDetermineStatusIcon.esm.js';
 import readyclasses from '../../../src/readyclasses.module.scss.esm.js';
 import { generateID, filterProps, escapeRegExp } from '../../../src/util/helper.esm.js';
@@ -199,11 +199,15 @@ const MultiSelectComponent = ({ id, children, name, disabled = false, labeledBy,
         syncDisplayValue(value);
         syncSelectedOption(value);
     }, [value]);
-    useBodyClick((event) => !event.target.closest(".custom-select") && expanded, () => {
+    const myElementRef = useRef(null);
+    useClickOutside(myElementRef, () => {
+        if (!expanded) {
+            return;
+        }
         setExpanded(false);
         setListPosition(Position.Below);
         setOpacity(0);
-    }, expanded);
+    }, [expanded]);
     const additionalClasses = [];
     expanded && additionalClasses.push(classes.expanded);
     error && additionalClasses.push(classes.error);
@@ -229,7 +233,7 @@ const MultiSelectComponent = ({ id, children, name, disabled = false, labeledBy,
             React.createElement("ul", { id: getListboxId(multiSelectId.current), className: addNewBtnOptionsContainerClassName, role: "listbox", "aria-multiselectable": "true", style: { maxHeight: optionsListMaxHeight.list } }, renderOptions()),
             renderAddNew())));
     /** The native select is purely for external form libraries. We use it to emit an onChange with native select event object so they know exactly what's happening. */
-    return (React.createElement(Fragment, null,
+    return (React.createElement("div", { ref: myElementRef },
         React.createElement("select", { ...filterProps(rest, /^data-/, false), tabIndex: -1, multiple: true, "aria-hidden": "true", ref: nativeSelect, name: name, onChange: nativeOnChangeHandler, className: readyclasses["sr-only"] },
             React.createElement("option", { value: "" }),
             React.Children.map(children, child => (React.createElement("option", { value: child.props.value })))),

package/dist/esm/Form/Select/MultiSelect/MultiSelect.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelect.esm.js","sources":["../../../../../../../src/components/Form/Select/MultiSelect/MultiSelect.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 classes from \"./MultiSelect.module.scss\";\n\nimport React, {\n  ForwardRefRenderFunction,\n  Fragment,\n  ReactElement,\n  createRef,\n  useEffect,\n  useRef,\n  useState\n} from \"react\";\nimport { useBodyClick } from \"../../../../hooks/useBodyClick\";\nimport { useDetermineStatusIcon } from \"../../../../hooks/useDetermineStatusIcon\";\nimport readyclasses from \"../../../../readyclasses.module.scss\";\nimport { escapeRegExp, filterProps, generateID } from \"../../../../util/helper\";\nimport { Icon, Icons } from \"../../../Icon/Icon\";\nimport { MultiSelectProps, Position } from \"../Select.interfaces\";\nimport { useAddNewBtn } from \"../useAddNewBtn\";\nimport { useSelectPositionList } from \"../useSelectPositionList\";\nimport { SelectButton } from \"./SelectButton\";\nimport { Display, SelectedOptions } from \"./SelectedOptions\";\nimport { useArrowNavigation } from \"./useArrowNavigation\";\nimport { useSearch } from \"./useSearch\";\nimport { withReadOnly } from \"../../../withReadOnly\";\n\nconst getOptionId = (multiSelectId: string, optionIndex: number) =>\n  `${multiSelectId}_option${optionIndex}`;\n\nconst getListboxId = (multiSelectId: string) => `${multiSelectId}_listbox`;\n\nconst MultiSelectComponent: ForwardRefRenderFunction<HTMLSelectElement, MultiSelectProps> = (\n  {\n    id,\n    children,\n    name,\n    disabled = false,\n    labeledBy,\n    placeholder,\n    describedBy,\n    selectButtonProps = {},\n    className,\n    error = false,\n    success = false,\n    value,\n    clearLabel = \"Clear selection\",\n    noResultsLabel = \"No results found\",\n    onChange,\n    addNew,\n    search = { enabled: true, renderThreshold: 0, searchPlaceholder: \"Search item\" },\n    isReadOnlyView,\n    ...rest\n  }: MultiSelectProps,\n  ref\n) => {\n  const multiSelectId = useRef(id ?? generateID(20));\n  const [expanded, setExpanded] = useState(false);\n  const [display, setDisplay] = useState<Display[]>([]);\n  const containerReference = useRef<HTMLDivElement>(null);\n  const optionListReference = useRef<HTMLDivElement>(null);\n  const [focusedSelectItem, setFocusedSelectItem] = useState(0);\n  const [shouldClick, setShouldClick] =\n    useState(\n      false\n    ); /** We need this, because whenever we use the arrow keys to select the select item, and we focus the currently selected item it fires the \"click\" listener in Option component. Instead, we only want this to fire if we press \"enter\" or \"spacebar\" so we set this to true whenever that is the case, and back to false when it has been executed. */\n  const [shouldFocusButtonAfterClose, setShouldFocusButtonAfterClose] = useState(false);\n  const [optionsVisibleCount, setOptionsVisibleCount] = useState(\n    React.Children.count(children) - display.length\n  );\n  const { filter, renderSearch, searchInputRef, resetSearchState, searchVisible } = useSearch({\n    selectId: multiSelectId.current,\n    expanded,\n    search,\n    searchInputClassName: classes[\"select-search\"],\n    optionsCount: optionsVisibleCount,\n    focusedSelectItem,\n    setFocusedSelectItem,\n    describedBy,\n    getOptionId,\n    getListboxId\n  });\n  const { addBtnRef, addNewBtnOptionsContainerClassName, renderAddNew } = useAddNewBtn({\n    id: getOptionId(multiSelectId.current, optionsVisibleCount),\n    addNew,\n    filter,\n    focusedSelectItem,\n    optionsCount: optionsVisibleCount,\n    searchInputRef,\n    shouldClick,\n    onClickCallback: () => {\n      setShouldClick(false);\n      resetSearchState();\n    }\n  });\n\n  const nativeSelect = (ref as React.RefObject<HTMLSelectElement>) || createRef();\n\n  const onOptionChangeHandler = (optionElement: HTMLElement | null) => {\n    if (nativeSelect.current && optionElement) {\n      const value = optionElement.getAttribute(\"data-value\")!;\n      const options = [...nativeSelect.current.options];\n      const lastSelectedOptionValues = options\n        .filter(option => option.selected)\n        .map(option => option.value);\n      options.forEach(option => {\n        if (option.value === value || lastSelectedOptionValues.includes(option.value)) {\n          option.selected = true;\n        }\n      });\n      nativeSelect.current.dispatchEvent(new Event(\"change\", { bubbles: true }));\n    }\n    setExpanded(false);\n    resetSearchState();\n  };\n\n  const onSelectedOptionRemoveHandler = (value: string) => {\n    if (nativeSelect.current) {\n      const options = [...nativeSelect.current.options];\n      options.find(option => option.value === value)!.selected = false;\n      nativeSelect.current.dispatchEvent(new Event(\"change\", { bubbles: true }));\n    }\n  };\n\n  const customSelectButtonRef = useRef<HTMLButtonElement>(null);\n  const readOnlyView = !!rest[\"data-readonlyview\"] || isReadOnlyView;\n  const { onArrowNavigation } = useArrowNavigation({\n    expanded,\n    setExpanded,\n    setFocusedSelectItem,\n    childrenCount: optionsVisibleCount,\n    setShouldClick,\n    addBtnRef,\n    searchInputRef,\n    customSelectButtonRef,\n    onClose: resetSearchState,\n    isReadOnlyView: readOnlyView\n  });\n\n  const { listPosition, opacity, optionsListMaxHeight, setListPosition, setOpacity } =\n    useSelectPositionList({ expanded, optionListReference, containerReference, addBtnRef });\n\n  const syncDisplayValue = (values: string[]) => {\n    const options = React.Children.map(children, child => child);\n    const displayArray: Display[] = values.map(value => {\n      const option = options.find(option => option.props.value === value);\n      return { value, label: option?.props.children, fixed: option?.props.fixed };\n    });\n    setDisplay(displayArray);\n  };\n\n  const syncSelectedOption = (vals: string[]) => {\n    if (nativeSelect.current) {\n      const options = [...nativeSelect.current.options];\n      options.forEach(option => {\n        if (vals.includes(option.value)) {\n          option.selected = true;\n        } else {\n          option.selected = false;\n        }\n      });\n    }\n  };\n\n  /**\n   * @description We have to modify the children (Option component) to have a additional props that allows us to keep track of which one is selected and focused at all times and if a filter is active.\n   * The `children` prop can be either a single object (1 child) or an array of multiple children.\n   */\n  const renderOptions = () => {\n    type ReactChildrenType = ReturnType<typeof React.Children.toArray>;\n\n    const filterOutSelectedChildren = (internalChildren: ReactChildrenType) => {\n      return internalChildren.filter(\n        child =>\n          typeof child === \"object\" &&\n          \"props\" in child &&\n          !display.find(option => option.value === child.props.value)\n      );\n    };\n\n    let results;\n    if (filter !== \"\") {\n      const filteredChildren = React.Children.toArray(children).filter(\n        child =>\n          (child as ReactElement).props.children\n            .toLowerCase()\n            .match(escapeRegExp(filter.toLowerCase())) !== null\n      );\n\n      results = _internalRenderChildren(filterOutSelectedChildren(filteredChildren));\n    } else {\n      results = _internalRenderChildren(\n        filterOutSelectedChildren(React.Children.toArray(children))\n      );\n    }\n\n    optionsVisibleCount !== results.length && setOptionsVisibleCount(results.length);\n\n    if (results.length === 0) {\n      return <li className={classes[\"no-results\"]}>{noResultsLabel}</li>;\n    }\n\n    return results;\n\n    function _internalRenderChildren(internalChildren: ReactChildrenType) {\n      return React.Children.map(internalChildren, (child, index) => {\n        return React.cloneElement(child as ReactElement, {\n          onFocusChange: (childIndex: number) => {\n            setFocusedSelectItem(childIndex);\n          },\n          onOptionSelect: (optionRef: React.RefObject<HTMLLIElement>) => {\n            onOptionChangeHandler(optionRef.current);\n            setExpanded(false);\n            setShouldClick(false);\n          },\n          isSearching: false,\n          selectOpened: expanded,\n          childIndex: index,\n          hasFocus: focusedSelectItem === index,\n          shouldClick: shouldClick,\n          id: getOptionId(multiSelectId.current, index)\n        });\n      });\n    }\n  };\n\n  const renderChevronIcon = () => {\n    return expanded ? (\n      <Icon className={classes[\"chevron-icon\"]} icon={Icons.ChevronUp} />\n    ) : (\n      <Icon className={classes[\"chevron-icon\"]} icon={Icons.ChevronDown} />\n    );\n  };\n\n  const icon = useDetermineStatusIcon({ success, error });\n\n  const nativeOnChangeHandler = (event: React.ChangeEvent<HTMLSelectElement>) => {\n    onChange?.(event);\n  };\n\n  useEffect(() => {\n    if (expanded && searchInputRef.current) {\n      setShouldFocusButtonAfterClose(true);\n      searchInputRef.current.focus();\n    }\n\n    if (!expanded && customSelectButtonRef.current && shouldFocusButtonAfterClose) {\n      setShouldFocusButtonAfterClose(false);\n      customSelectButtonRef.current.focus();\n    }\n  }, [\n    expanded,\n    customSelectButtonRef.current,\n    shouldFocusButtonAfterClose,\n    searchInputRef.current\n  ]);\n\n  useEffect(() => {\n    syncDisplayValue(value);\n    syncSelectedOption(value);\n  }, [value]);\n\n  useBodyClick(\n    (event: MouseEvent) => !(event.target as Element).closest(\".custom-select\") && expanded,\n    () => {\n      setExpanded(false);\n      setListPosition(Position.Below);\n      setOpacity(0);\n    },\n    expanded\n  );\n\n  const additionalClasses = [];\n  expanded && additionalClasses.push(classes.expanded);\n  error && additionalClasses.push(classes.error);\n  disabled && additionalClasses.push(classes.disabled);\n  className && additionalClasses.push(className);\n  success && additionalClasses.push(classes.success);\n\n  const onSelectButtonClick = () => {\n    if (rest[\"data-readonlyview\"] || isReadOnlyView) {\n      return;\n    }\n    setExpanded(expanded => !expanded);\n    setShouldClick(false);\n  };\n\n  const optionsElement = (\n    <div className={`list-wrapper-container ${classes[\"list-wrapper-container\"]}`}>\n      <div\n        ref={optionListReference}\n        className={`list-wrapper ${classes[\"list-wrapper\"]}`}\n        style={{\n          display: expanded ? \"block\" : \"none\",\n          opacity: opacity,\n          maxHeight: optionsListMaxHeight.wrapper,\n          pointerEvents: expanded ? \"auto\" : \"none\",\n          top: listPosition === Position.Below ? \"4px\" : \"initial\",\n          bottom: listPosition === Position.Above ? \"4px\" : \"initial\"\n        }}\n      >\n        <ul\n          id={getListboxId(multiSelectId.current)}\n          className={addNewBtnOptionsContainerClassName}\n          role=\"listbox\"\n          aria-multiselectable=\"true\"\n          style={{ maxHeight: optionsListMaxHeight.list }}\n        >\n          {renderOptions()}\n        </ul>\n        {renderAddNew()}\n      </div>\n    </div>\n  );\n\n  /** The native select is purely for external form libraries. We use it to emit an onChange with native select event object so they know exactly what's happening. */\n  return (\n    <Fragment>\n      <select\n        {...filterProps(rest, /^data-/, false)}\n        tabIndex={-1}\n        multiple={true}\n        aria-hidden=\"true\"\n        ref={nativeSelect}\n        name={name}\n        onChange={nativeOnChangeHandler}\n        className={readyclasses[\"sr-only\"]}\n      >\n        <option value=\"\"></option>\n        {React.Children.map(children, child => (\n          <option value={child.props.value}></option>\n        ))}\n      </select>\n      <div\n        {...filterProps(rest, /^data-/)}\n        id={multiSelectId.current}\n        ref={containerReference}\n        onKeyDown={onArrowNavigation}\n        className={`custom-select ${classes.select} ${additionalClasses.join(\" \")}`}\n      >\n        {listPosition === Position.Above ? optionsElement : undefined}\n        <div\n          className={`${classes[\"custom-select\"]} ${additionalClasses.join(\" \")} `}\n          style={{ display: \"flex\" }}\n        >\n          <div className={classes[\"display-container\"]} data-display>\n            <SelectButton\n              {...selectButtonProps}\n              onClick={onSelectButtonClick}\n              name={name}\n              ref={customSelectButtonRef}\n              disabled={disabled}\n              aria-disabled={disabled}\n              aria-invalid={error}\n              aria-expanded={expanded}\n              aria-haspopup=\"listbox\"\n              aria-labelledby={labeledBy}\n              aria-describedby={describedBy}\n            />\n            {value?.length === 0 && placeholder && (\n              <span className={classes[\"placeholder\"]}>{placeholder}</span>\n            )}\n            {value?.length > 0 && (\n              <SelectedOptions\n                disabled={disabled}\n                display={display}\n                onClick={onSelectButtonClick}\n                onRemove={onSelectedOptionRemoveHandler}\n              />\n            )}\n            {searchVisible && renderSearch()}\n          </div>\n          <div className={classes[\"status\"]}>{icon || renderChevronIcon()}</div>\n        </div>\n        {listPosition === Position.Below ? optionsElement : undefined}\n      </div>\n    </Fragment>\n  );\n};\n\nexport const MultiSelect = withReadOnly(React.forwardRef(MultiSelectComponent));\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"MultiSelect.esm.js","sources":["../../../../../../../src/components/Form/Select/MultiSelect/MultiSelect.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 classes from \"./MultiSelect.module.scss\";\n\nimport React, {\n  ForwardRefRenderFunction,\n  ReactElement,\n  createRef,\n  useEffect,\n  useRef,\n  useState\n} from \"react\";\nimport { useClickOutside } from \"../../../../hooks/useClickOutside\";\nimport { useDetermineStatusIcon } from \"../../../../hooks/useDetermineStatusIcon\";\nimport readyclasses from \"../../../../readyclasses.module.scss\";\nimport { escapeRegExp, filterProps, generateID } from \"../../../../util/helper\";\nimport { Icon, Icons } from \"../../../Icon/Icon\";\nimport { MultiSelectProps, Position } from \"../Select.interfaces\";\nimport { useAddNewBtn } from \"../useAddNewBtn\";\nimport { useSelectPositionList } from \"../useSelectPositionList\";\nimport { SelectButton } from \"./SelectButton\";\nimport { Display, SelectedOptions } from \"./SelectedOptions\";\nimport { useArrowNavigation } from \"./useArrowNavigation\";\nimport { useSearch } from \"./useSearch\";\nimport { withReadOnly } from \"../../../withReadOnly\";\n\nconst getOptionId = (multiSelectId: string, optionIndex: number) =>\n  `${multiSelectId}_option${optionIndex}`;\n\nconst getListboxId = (multiSelectId: string) => `${multiSelectId}_listbox`;\n\nconst MultiSelectComponent: ForwardRefRenderFunction<HTMLSelectElement, MultiSelectProps> = (\n  {\n    id,\n    children,\n    name,\n    disabled = false,\n    labeledBy,\n    placeholder,\n    describedBy,\n    selectButtonProps = {},\n    className,\n    error = false,\n    success = false,\n    value,\n    clearLabel = \"Clear selection\",\n    noResultsLabel = \"No results found\",\n    onChange,\n    addNew,\n    search = { enabled: true, renderThreshold: 0, searchPlaceholder: \"Search item\" },\n    isReadOnlyView,\n    ...rest\n  }: MultiSelectProps,\n  ref\n) => {\n  const multiSelectId = useRef(id ?? generateID(20));\n  const [expanded, setExpanded] = useState(false);\n  const [display, setDisplay] = useState<Display[]>([]);\n  const containerReference = useRef<HTMLDivElement>(null);\n  const optionListReference = useRef<HTMLDivElement>(null);\n  const [focusedSelectItem, setFocusedSelectItem] = useState(0);\n  const [shouldClick, setShouldClick] =\n    useState(\n      false\n    ); /** We need this, because whenever we use the arrow keys to select the select item, and we focus the currently selected item it fires the \"click\" listener in Option component. Instead, we only want this to fire if we press \"enter\" or \"spacebar\" so we set this to true whenever that is the case, and back to false when it has been executed. */\n  const [shouldFocusButtonAfterClose, setShouldFocusButtonAfterClose] = useState(false);\n  const [optionsVisibleCount, setOptionsVisibleCount] = useState(\n    React.Children.count(children) - display.length\n  );\n  const { filter, renderSearch, searchInputRef, resetSearchState, searchVisible } = useSearch({\n    selectId: multiSelectId.current,\n    expanded,\n    search,\n    searchInputClassName: classes[\"select-search\"],\n    optionsCount: optionsVisibleCount,\n    focusedSelectItem,\n    setFocusedSelectItem,\n    describedBy,\n    getOptionId,\n    getListboxId\n  });\n  const { addBtnRef, addNewBtnOptionsContainerClassName, renderAddNew } = useAddNewBtn({\n    id: getOptionId(multiSelectId.current, optionsVisibleCount),\n    addNew,\n    filter,\n    focusedSelectItem,\n    optionsCount: optionsVisibleCount,\n    searchInputRef,\n    shouldClick,\n    onClickCallback: () => {\n      setShouldClick(false);\n      resetSearchState();\n    }\n  });\n\n  const nativeSelect = (ref as React.RefObject<HTMLSelectElement>) || createRef();\n\n  const onOptionChangeHandler = (optionElement: HTMLElement | null) => {\n    if (nativeSelect.current && optionElement) {\n      const value = optionElement.getAttribute(\"data-value\")!;\n      const options = [...nativeSelect.current.options];\n      const lastSelectedOptionValues = options\n        .filter(option => option.selected)\n        .map(option => option.value);\n      options.forEach(option => {\n        if (option.value === value || lastSelectedOptionValues.includes(option.value)) {\n          option.selected = true;\n        }\n      });\n      nativeSelect.current.dispatchEvent(new Event(\"change\", { bubbles: true }));\n    }\n    setExpanded(false);\n    resetSearchState();\n  };\n\n  const onSelectedOptionRemoveHandler = (value: string) => {\n    if (nativeSelect.current) {\n      const options = [...nativeSelect.current.options];\n      options.find(option => option.value === value)!.selected = false;\n      nativeSelect.current.dispatchEvent(new Event(\"change\", { bubbles: true }));\n    }\n  };\n\n  const customSelectButtonRef = useRef<HTMLButtonElement>(null);\n  const readOnlyView = !!rest[\"data-readonlyview\"] || isReadOnlyView;\n  const { onArrowNavigation } = useArrowNavigation({\n    expanded,\n    setExpanded,\n    setFocusedSelectItem,\n    childrenCount: optionsVisibleCount,\n    setShouldClick,\n    addBtnRef,\n    searchInputRef,\n    customSelectButtonRef,\n    onClose: resetSearchState,\n    isReadOnlyView: readOnlyView\n  });\n\n  const { listPosition, opacity, optionsListMaxHeight, setListPosition, setOpacity } =\n    useSelectPositionList({ expanded, optionListReference, containerReference, addBtnRef });\n\n  const syncDisplayValue = (values: string[]) => {\n    const options = React.Children.map(children, child => child);\n    const displayArray: Display[] = values.map(value => {\n      const option = options.find(option => option.props.value === value);\n      return { value, label: option?.props.children, fixed: option?.props.fixed };\n    });\n    setDisplay(displayArray);\n  };\n\n  const syncSelectedOption = (vals: string[]) => {\n    if (nativeSelect.current) {\n      const options = [...nativeSelect.current.options];\n      options.forEach(option => {\n        if (vals.includes(option.value)) {\n          option.selected = true;\n        } else {\n          option.selected = false;\n        }\n      });\n    }\n  };\n\n  /**\n   * @description We have to modify the children (Option component) to have a additional props that allows us to keep track of which one is selected and focused at all times and if a filter is active.\n   * The `children` prop can be either a single object (1 child) or an array of multiple children.\n   */\n  const renderOptions = () => {\n    type ReactChildrenType = ReturnType<typeof React.Children.toArray>;\n\n    const filterOutSelectedChildren = (internalChildren: ReactChildrenType) => {\n      return internalChildren.filter(\n        child =>\n          typeof child === \"object\" &&\n          \"props\" in child &&\n          !display.find(option => option.value === child.props.value)\n      );\n    };\n\n    let results;\n    if (filter !== \"\") {\n      const filteredChildren = React.Children.toArray(children).filter(\n        child =>\n          (child as ReactElement).props.children\n            .toLowerCase()\n            .match(escapeRegExp(filter.toLowerCase())) !== null\n      );\n\n      results = _internalRenderChildren(filterOutSelectedChildren(filteredChildren));\n    } else {\n      results = _internalRenderChildren(\n        filterOutSelectedChildren(React.Children.toArray(children))\n      );\n    }\n\n    optionsVisibleCount !== results.length && setOptionsVisibleCount(results.length);\n\n    if (results.length === 0) {\n      return <li className={classes[\"no-results\"]}>{noResultsLabel}</li>;\n    }\n\n    return results;\n\n    function _internalRenderChildren(internalChildren: ReactChildrenType) {\n      return React.Children.map(internalChildren, (child, index) => {\n        return React.cloneElement(child as ReactElement, {\n          onFocusChange: (childIndex: number) => {\n            setFocusedSelectItem(childIndex);\n          },\n          onOptionSelect: (optionRef: React.RefObject<HTMLLIElement>) => {\n            onOptionChangeHandler(optionRef.current);\n            setExpanded(false);\n            setShouldClick(false);\n          },\n          isSearching: false,\n          selectOpened: expanded,\n          childIndex: index,\n          hasFocus: focusedSelectItem === index,\n          shouldClick: shouldClick,\n          id: getOptionId(multiSelectId.current, index)\n        });\n      });\n    }\n  };\n\n  const renderChevronIcon = () => {\n    return expanded ? (\n      <Icon className={classes[\"chevron-icon\"]} icon={Icons.ChevronUp} />\n    ) : (\n      <Icon className={classes[\"chevron-icon\"]} icon={Icons.ChevronDown} />\n    );\n  };\n\n  const icon = useDetermineStatusIcon({ success, error });\n\n  const nativeOnChangeHandler = (event: React.ChangeEvent<HTMLSelectElement>) => {\n    onChange?.(event);\n  };\n\n  useEffect(() => {\n    if (expanded && searchInputRef.current) {\n      setShouldFocusButtonAfterClose(true);\n      searchInputRef.current.focus();\n    }\n\n    if (!expanded && customSelectButtonRef.current && shouldFocusButtonAfterClose) {\n      setShouldFocusButtonAfterClose(false);\n      customSelectButtonRef.current.focus();\n    }\n  }, [\n    expanded,\n    customSelectButtonRef.current,\n    shouldFocusButtonAfterClose,\n    searchInputRef.current\n  ]);\n\n  useEffect(() => {\n    syncDisplayValue(value);\n    syncSelectedOption(value);\n  }, [value]);\n\n  const myElementRef = useRef<HTMLDivElement>(null);\n\n  useClickOutside(myElementRef, () => {\n    if (!expanded) {\n      return;\n    }\n    setExpanded(false);\n    setListPosition(Position.Below);\n    setOpacity(0);\n  }, [expanded]);\n\n  const additionalClasses = [];\n  expanded && additionalClasses.push(classes.expanded);\n  error && additionalClasses.push(classes.error);\n  disabled && additionalClasses.push(classes.disabled);\n  className && additionalClasses.push(className);\n  success && additionalClasses.push(classes.success);\n\n  const onSelectButtonClick = () => {\n    if (rest[\"data-readonlyview\"] || isReadOnlyView) {\n      return;\n    }\n    setExpanded(expanded => !expanded);\n    setShouldClick(false);\n  };\n\n  const optionsElement = (\n    <div className={`list-wrapper-container ${classes[\"list-wrapper-container\"]}`}>\n      <div\n        ref={optionListReference}\n        className={`list-wrapper ${classes[\"list-wrapper\"]}`}\n        style={{\n          display: expanded ? \"block\" : \"none\",\n          opacity: opacity,\n          maxHeight: optionsListMaxHeight.wrapper,\n          pointerEvents: expanded ? \"auto\" : \"none\",\n          top: listPosition === Position.Below ? \"4px\" : \"initial\",\n          bottom: listPosition === Position.Above ? \"4px\" : \"initial\"\n        }}\n      >\n        <ul\n          id={getListboxId(multiSelectId.current)}\n          className={addNewBtnOptionsContainerClassName}\n          role=\"listbox\"\n          aria-multiselectable=\"true\"\n          style={{ maxHeight: optionsListMaxHeight.list }}\n        >\n          {renderOptions()}\n        </ul>\n        {renderAddNew()}\n      </div>\n    </div>\n  );\n\n  /** The native select is purely for external form libraries. We use it to emit an onChange with native select event object so they know exactly what's happening. */\n  return (\n    <div ref={myElementRef}>\n      <select\n        {...filterProps(rest, /^data-/, false)}\n        tabIndex={-1}\n        multiple={true}\n        aria-hidden=\"true\"\n        ref={nativeSelect}\n        name={name}\n        onChange={nativeOnChangeHandler}\n        className={readyclasses[\"sr-only\"]}\n      >\n        <option value=\"\"></option>\n        {React.Children.map(children, child => (\n          <option value={child.props.value}></option>\n        ))}\n      </select>\n      <div\n        {...filterProps(rest, /^data-/)}\n        id={multiSelectId.current}\n        ref={containerReference}\n        onKeyDown={onArrowNavigation}\n        className={`custom-select ${classes.select} ${additionalClasses.join(\" \")}`}\n      >\n        {listPosition === Position.Above ? optionsElement : undefined}\n        <div\n          className={`${classes[\"custom-select\"]} ${additionalClasses.join(\" \")} `}\n          style={{ display: \"flex\" }}\n        >\n          <div className={classes[\"display-container\"]} data-display>\n            <SelectButton\n              {...selectButtonProps}\n              onClick={onSelectButtonClick}\n              name={name}\n              ref={customSelectButtonRef}\n              disabled={disabled}\n              aria-disabled={disabled}\n              aria-invalid={error}\n              aria-expanded={expanded}\n              aria-haspopup=\"listbox\"\n              aria-labelledby={labeledBy}\n              aria-describedby={describedBy}\n            />\n            {value?.length === 0 && placeholder && (\n              <span className={classes[\"placeholder\"]}>{placeholder}</span>\n            )}\n            {value?.length > 0 && (\n              <SelectedOptions\n                disabled={disabled}\n                display={display}\n                onClick={onSelectButtonClick}\n                onRemove={onSelectedOptionRemoveHandler}\n              />\n            )}\n            {searchVisible && renderSearch()}\n          </div>\n          <div className={classes[\"status\"]}>{icon || renderChevronIcon()}</div>\n        </div>\n        {listPosition === Position.Below ? optionsElement : undefined}\n      </div>\n    </div>\n  );\n};\n\nexport const MultiSelect = withReadOnly(React.forwardRef(MultiSelectComponent));\n"],"names":[],"mappings":"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"}

package/dist/esm/Form/Select/SingleSelect/Select.esm.js

@@ -1,6 +1,6 @@
 import classes from './Select.module.scss.esm.js';
-import React, { useState, useRef, createRef, useEffect, Fragment } from 'react';
-import { useBodyClick } from '../../../src/hooks/useBodyClick.esm.js';
+import React, { useState, useRef, createRef, useEffect } from 'react';
+import { useClickOutside } from '../../../src/hooks/useClickOutside.esm.js';
 import { useDetermineStatusIcon } from '../../../src/hooks/useDetermineStatusIcon.esm.js';
 import readyclasses from '../../../src/readyclasses.module.scss.esm.js';
 import { filterProps } from '../../../src/util/helper.esm.js';
@@ -137,11 +137,15 @@ const SelectComponent = ({ children, name, disabled = false, labeledBy, placehol
     useEffect(() => {
         syncDisplayValue(value);
     }, [value]);
-    useBodyClick((event) => !event.target.closest(".custom-select") && expanded, () => {
+    const myElementRef = useRef(null);
+    useClickOutside(myElementRef, () => {
+        if (!expanded) {
+            return;
+        }
         setExpanded(false);
         setListPosition(Position.Below);
         setOpacity(0);
-    }, expanded);
+    }, [expanded]);
     const additionalClasses = [];
     expanded && additionalClasses.push(classes.expanded);
     error && additionalClasses.push(classes.error);
@@ -149,7 +153,7 @@ const SelectComponent = ({ children, name, disabled = false, labeledBy, placehol
     className && additionalClasses.push(className);
     success && additionalClasses.push(classes.success);
     /** The native select is purely for external form libraries. We use it to emit an onChange with native select event object so they know exactly what's happening. */
-    return (React.createElement(Fragment, null,
+    return (React.createElement("div", { ref: myElementRef },
         React.createElement("select", { ...filterProps(rest, /^data-/, false), tabIndex: -1, "aria-hidden": "true", ref: nativeSelect, name: name, onChange: nativeOnChangeHandler, className: readyclasses["sr-only"] },
             React.createElement("option", { value: "" }),
             React.Children.map(children, child => (React.createElement("option", { value: child.props.value })))),