@onewelcome/react-lib-components 6.7.1 → 7.0.0

package/dist/cjs/DataGrid/DataGridFilters/DataGridToolbar.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");var t=require("./DataGridFilter.cjs.js");var a=require("./DataGridToolbar.module.cjs.js");var r=require("../../Typography/Typography.cjs.js");function l(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var o=l(e);const i=(e,t)=>{switch(t.type){case"add":return{...e,filters:[...e.filters,{...t.payload}]};case"edit":return{...e,filters:[...e.filters.map((e=>{if(e.id===t.payload.id)return t.payload;return e}))]};case"remove":return{...e,filters:[...e.filters.filter((e=>e.id!==t.payload.id))]};case"clear":return{...e,filters:[]}}};const d=({columnsMetadata:l,filterValues:d,translations:n,onFilterAdd:s,onFilterEdit:u,onFilterDelete:c,onFiltersClear:p,...f},v)=>{const[m,y]=e.useReducer(i,{filters:d||[]});const{clearButtonCaption:b="Clear all filters"}=(n===null||n===void 0?void 0:n.toolbar)||{};return o["default"].createElement("div",{...f,ref:v,className:a["default"]["toolbar"]},m.filters.map((e=>o["default"].createElement(t.DataGridFilter,{mode:"EDIT",key:e.id,filter:e,columnsMetadata:l,dispatch:y,onFilterEdit:u,onFilterDelete:c,tagTranslations:n===null||n===void 0?void 0:n.tag,popoverTranslations:n===null||n===void 0?void 0:n.popover}))),o["default"].createElement("div",{className:a["default"]["actions-wrapper"]},o["default"].createElement(t.DataGridFilter,{mode:"ADD",columnsMetadata:l,dispatch:y,onFilterAdd:s,tagTranslations:n===null||n===void 0?void 0:n.tag,popoverTranslations:n===null||n===void 0?void 0:n.popover}),m.filters.length>=1&&o["default"].createElement("button",{type:"button",className:a["default"]["clear-button"],onClick:()=>{y({type:"clear"});p&&p()}},o["default"].createElement(r.Typography,{variant:"body",className:a["default"]["caption"]},b))))};const n=o["default"].forwardRef(d);exports.DataGridToolbar=n;exports.DataGridToolbarComponent=d;
+//# sourceMappingURL=DataGridToolbar.cjs.js.map

package/dist/cjs/DataGrid/DataGridFilters/DataGridToolbar.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataGridToolbar.cjs.js","sources":["../../../../../../src/components/DataGrid/DataGridFilters/DataGridToolbar.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, { ComponentPropsWithRef, ForwardRefRenderFunction, useReducer } from \"react\";\nimport { DataGridFilter } from \"./DataGridFilter\";\nimport classes from \"./DataGridToolbar.module.scss\";\nimport {\n  DataGridColumnMetadata,\n  Filter,\n  FiltersAction,\n  FiltersState,\n  FiltersTranslations\n} from \"./DataGridFilters.interfaces\";\nimport { Typography } from \"../../Typography/Typography\";\n\nexport interface DataGridToolbarProps extends ComponentPropsWithRef<\"div\"> {\n  columnsMetadata: DataGridColumnMetadata[];\n  filterValues?: Filter[];\n  translations?: FiltersTranslations;\n  onFilterAdd?: (filter: Filter) => void;\n  onFilterEdit?: (filter: Filter) => void;\n  onFilterDelete?: (id: string) => void;\n  onFiltersClear?: () => void;\n}\n\nconst filtersReducer = (state: FiltersState, action: FiltersAction): FiltersState => {\n  switch (action.type) {\n    case \"add\":\n      return { ...state, filters: [...state.filters, { ...action.payload }] };\n    case \"edit\":\n      return {\n        ...state,\n        filters: [\n          ...state.filters.map(value => {\n            if (value.id === action.payload.id) {\n              return action.payload;\n            }\n            return value;\n          })\n        ]\n      };\n    case \"remove\":\n      return {\n        ...state,\n        filters: [...state.filters.filter(value => value.id !== action.payload.id)]\n      };\n    case \"clear\":\n      return { ...state, filters: [] };\n  }\n};\n\nexport const DataGridToolbarComponent: ForwardRefRenderFunction<\n  HTMLDivElement,\n  DataGridToolbarProps\n> = (\n  {\n    columnsMetadata,\n    filterValues,\n    translations,\n    onFilterAdd,\n    onFilterEdit,\n    onFilterDelete,\n    onFiltersClear,\n    ...rest\n  },\n  ref\n) => {\n  const [state, dispatch] = useReducer(filtersReducer, { filters: filterValues || [] });\n  const { clearButtonCaption = \"Clear all filters\" } = translations?.toolbar || {};\n  return (\n    <div {...rest} ref={ref} className={classes[\"toolbar\"]}>\n      {state.filters.map(filter => (\n        <DataGridFilter\n          mode=\"EDIT\"\n          key={filter.id}\n          filter={filter}\n          columnsMetadata={columnsMetadata}\n          dispatch={dispatch}\n          onFilterEdit={onFilterEdit}\n          onFilterDelete={onFilterDelete}\n          tagTranslations={translations?.tag}\n          popoverTranslations={translations?.popover}\n        />\n      ))}\n      <div className={classes[\"actions-wrapper\"]}>\n        <DataGridFilter\n          mode=\"ADD\"\n          columnsMetadata={columnsMetadata}\n          dispatch={dispatch}\n          onFilterAdd={onFilterAdd}\n          tagTranslations={translations?.tag}\n          popoverTranslations={translations?.popover}\n        />\n        {state.filters.length >= 1 && (\n          <button\n            type=\"button\"\n            className={classes[\"clear-button\"]}\n            onClick={() => {\n              dispatch({ type: \"clear\" });\n              onFiltersClear && onFiltersClear();\n            }}\n          >\n            <Typography variant=\"body\" className={classes[\"caption\"]}>\n              {clearButtonCaption}\n            </Typography>\n          </button>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport const DataGridToolbar = React.forwardRef(DataGridToolbarComponent);\n"],"names":["filtersReducer","state","action","type","filters","payload","map","value","id","filter","DataGridToolbarComponent","columnsMetadata","filterValues","translations","onFilterAdd","onFilterEdit","onFilterDelete","onFiltersClear","rest","ref","dispatch","useReducer","clearButtonCaption","toolbar","React","createElement","className","classes","DataGridFilter","mode","key","tagTranslations","tag","popoverTranslations","popover","length","onClick","Typography","variant","DataGridToolbar","forwardRef"],"mappings":"+TAsCA,MAAMA,EAAiB,CAACC,EAAqBC,KAC3C,OAAQA,EAAOC,MACb,IAAK,MACH,MAAO,IAAKF,EAAOG,QAAS,IAAIH,EAAMG,QAAS,IAAKF,EAAOG,WAC7D,IAAK,OACH,MAAO,IACFJ,EACHG,QAAS,IACJH,EAAMG,QAAQE,KAAIC,IACnB,GAAIA,EAAMC,KAAON,EAAOG,QAAQG,GAC9B,OAAON,EAAOG,QAEhB,OAAOE,CAAK,MAIpB,IAAK,SACH,MAAO,IACFN,EACHG,QAAS,IAAIH,EAAMG,QAAQK,QAAOF,GAASA,EAAMC,KAAON,EAAOG,QAAQG,OAE3E,IAAK,QACH,MAAO,IAAKP,EAAOG,QAAS,IAC/B,EAGU,MAAAM,EAGT,EAEAC,kBACAC,eACAC,eACAC,cACAC,eACAC,iBACAC,oBACGC,GAELC,KAEA,MAAOlB,EAAOmB,GAAYC,EAAUA,WAACrB,EAAgB,CAAEI,QAASQ,GAAgB,KAChF,MAAMU,mBAAEA,EAAqB,sBAAwBT,IAAA,MAAAA,kBAAAA,EAAcU,UAAW,CAAA,EAC9E,OACEC,aAAAC,cAAA,MAAA,IAASP,EAAMC,IAAKA,EAAKO,UAAWC,EAAO,WAAC,YACzC1B,EAAMG,QAAQE,KAAIG,GACjBe,EAAC,WAAAC,cAAAG,EAAAA,gBACCC,KAAK,OACLC,IAAKrB,EAAOD,GACZC,OAAQA,EACRE,gBAAiBA,EACjBS,SAAUA,EACVL,aAAcA,EACdC,eAAgBA,EAChBe,gBAAiBlB,UAAAA,SAAY,OAAA,EAAZA,EAAcmB,IAC/BC,oBAAqBpB,IAAY,MAAZA,SAAY,OAAA,EAAZA,EAAcqB,YAGvCV,EAAA,WAAAC,cAAA,MAAA,CAAKC,UAAWC,EAAAA,WAAQ,oBACtBH,EAAAA,WAAAC,cAACG,EAAAA,eACC,CAAAC,KAAK,MACLlB,gBAAiBA,EACjBS,SAAUA,EACVN,YAAaA,EACbiB,gBAAiBlB,IAAA,MAAAA,SAAA,OAAA,EAAAA,EAAcmB,IAC/BC,oBAAqBpB,IAAA,MAAAA,kBAAAA,EAAcqB,UAEpCjC,EAAMG,QAAQ+B,QAAU,GACvBX,EAAA,WAAAC,cAAA,SAAA,CACEtB,KAAK,SACLuB,UAAWC,EAAAA,WAAQ,gBACnBS,QAAS,KACPhB,EAAS,CAAEjB,KAAM,UACjBc,GAAkBA,GAAgB,GAGpCO,EAAAA,WAACC,cAAAY,EAAAA,YAAWC,QAAQ,OAAOZ,UAAWC,EAAO,WAAC,YAC3CL,KAMX,EAGS,MAAAiB,EAAkBf,EAAAA,WAAMgB,WAAW9B"}

package/dist/cjs/DataGrid/DataGridFilters/DataGridToolbar.module.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});var l=require("../../../lib/style-inject.js");var i='/*!\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 */.DataGridToolbar-module_sr-only__Xirwy{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.DataGridToolbar-module_hidden__cjs5x{display:none}.DataGridToolbar-module_slide-in__t3lbD{animation:DataGridToolbar-module_slide-in__t3lbD .5s forwards}@media (prefers-reduced-motion:reduce){.DataGridToolbar-module_slide-in__t3lbD{animation-duration:.1ms}}.DataGridToolbar-module_slide-out__-mEfY{animation:DataGridToolbar-module_slide-out__-mEfY .5s forwards}@media (prefers-reduced-motion:reduce){.DataGridToolbar-module_slide-out__-mEfY{animation-duration:.1ms}}@keyframes DataGridToolbar-module_slide-in__t3lbD{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes DataGridToolbar-module_slide-out__-mEfY{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.DataGridToolbar-module_toolbar__SeZ6y{flex-wrap:wrap;padding-bottom:1rem;width:100%}.DataGridToolbar-module_toolbar__SeZ6y,.DataGridToolbar-module_toolbar__SeZ6y .DataGridToolbar-module_actions-wrapper__oEYeN{align-items:center;display:flex;gap:.5rem;justify-content:flex-start}.DataGridToolbar-module_toolbar__SeZ6y .DataGridToolbar-module_clear-button__4Zdc7{background:none;border:none;cursor:pointer}.DataGridToolbar-module_toolbar__SeZ6y .DataGridToolbar-module_clear-button__4Zdc7:focus-visible{border-radius:var(--focus-border-radius);outline:.125rem solid var(--color-focus);outline-offset:0}.DataGridToolbar-module_toolbar__SeZ6y .DataGridToolbar-module_clear-button__4Zdc7 .DataGridToolbar-module_caption__Jf-jO{color:var(--color-primary500);font-size:var(--font-size-data-grid);line-height:var(--data-grid-line-height);margin:0;text-decoration:underline}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFHcmlkVG9vbGJhci5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFlQTs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YsdUNBT0Usa0JBQXNCLENBQ3RCLFFBQVMsQ0FMVCxVQUFXLENBRVgsV0FBWSxDQUNaLGVBQWdCLENBRmhCLFNBQVUsQ0FIVixpQkFBa0IsQ0FDbEIsU0FPRixDQUVBLHNDQUNFLFlBQ0YsQ0FFQSx3Q0FDRSw2REFDRixDQUNBLHVDQUNFLHdDQUNFLHVCQUNGLENBQ0YsQ0FFQSx5Q0FDRSw4REFDRixDQUNBLHVDQUNFLHlDQUNFLHVCQUNGLENBQ0YsQ0FFQSxrREFDRSxHQUNFLDJCQUNGLENBQ0EsR0FDRSx1QkFDRixDQUNGLENBQ0EsbURBQ0UsR0FDRSx1QkFDRixDQUNBLEdBQ0UsMkJBQ0YsQ0FDRixDQUNBLHVDQUlFLGNBQWUsQ0FHZixtQkFBb0IsQ0FEcEIsVUFFRixDQUNBLDZIQVBFLGtCQUFtQixDQURuQixZQUFhLENBSWIsU0FBVyxDQUZYLDBCQVdGLENBQ0EsbUZBQ0UsZUFBZ0IsQ0FDaEIsV0FBWSxDQUNaLGNBQ0YsQ0FDQSxpR0FHRSx3Q0FBeUMsQ0FGekMsd0NBQTBDLENBQzFDLGdCQUVGLENBQ0EsMEhBS0UsNkJBQThCLENBSDlCLG9DQUFxQyxDQUNyQyx3Q0FBeUMsQ0FGekMsUUFBUyxDQUdULHlCQUVGIiwiZmlsZSI6IkRhdGFHcmlkVG9vbGJhci5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnNyLW9ubHkge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxcHg7XG4gIGhlaWdodDogMXB4O1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IC0xcHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGNsaXA6IHJlY3QoMCwgMCwgMCwgMCk7XG4gIGJvcmRlcjogMDtcbn1cblxuLmhpZGRlbiB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5zbGlkZS1pbiB7XG4gIGFuaW1hdGlvbjogc2xpZGUtaW4gMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1pbiB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG4uc2xpZGUtb3V0IHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1vdXQgMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1vdXQge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuQGtleWZyYW1lcyBzbGlkZS1pbiB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbn1cbkBrZXlmcmFtZXMgc2xpZGUtb3V0IHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxufVxuLnRvb2xiYXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIGZsZXgtd3JhcDogd3JhcDtcbiAgZ2FwOiAwLjVyZW07XG4gIHdpZHRoOiAxMDAlO1xuICBwYWRkaW5nLWJvdHRvbTogMXJlbTtcbn1cbi50b29sYmFyIC5hY3Rpb25zLXdyYXBwZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIGdhcDogMC41cmVtO1xufVxuLnRvb2xiYXIgLmNsZWFyLWJ1dHRvbiB7XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIGJvcmRlcjogbm9uZTtcbiAgY3Vyc29yOiBwb2ludGVyO1xufVxuLnRvb2xiYXIgLmNsZWFyLWJ1dHRvbjpmb2N1cy12aXNpYmxlIHtcbiAgb3V0bGluZTogMC4xMjVyZW0gc29saWQgdmFyKC0tY29sb3ItZm9jdXMpO1xuICBvdXRsaW5lLW9mZnNldDogMDtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tZm9jdXMtYm9yZGVyLXJhZGl1cyk7XG59XG4udG9vbGJhciAuY2xlYXItYnV0dG9uIC5jYXB0aW9uIHtcbiAgbWFyZ2luOiAwO1xuICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS1kYXRhLWdyaWQpO1xuICBsaW5lLWhlaWdodDogdmFyKC0tZGF0YS1ncmlkLWxpbmUtaGVpZ2h0KTtcbiAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci1wcmltYXJ5NTAwKTtcbn0iXX0= */';var a={"sr-only":"DataGridToolbar-module_sr-only__Xirwy",hidden:"DataGridToolbar-module_hidden__cjs5x","slide-in":"DataGridToolbar-module_slide-in__t3lbD","slide-out":"DataGridToolbar-module_slide-out__-mEfY",toolbar:"DataGridToolbar-module_toolbar__SeZ6y","actions-wrapper":"DataGridToolbar-module_actions-wrapper__oEYeN","clear-button":"DataGridToolbar-module_clear-button__4Zdc7",caption:"DataGridToolbar-module_caption__Jf-jO"};l["default"](i);exports["default"]=a;
+//# sourceMappingURL=DataGridToolbar.module.cjs.js.map

package/dist/cjs/DataGrid/DataGridFilters/DataGridToolbar.module.cjs.js.map

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

package/dist/cjs/DataGrid/DataGridHeader/DataGridHeader.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");var t=require("./DataGridHeaderCell.cjs.js");var n=require("./DataGridHeader.module.cjs.js");function i(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var a=i(e);const d=[void 0,"ASC","DESC"];const l=({initialSort:i,onSort:l,headers:r,disableContextMenuColumn:o,enableMultiSorting:u,spacing:c,...s},f)=>{const[v,m]=e.useState(i!==null&&i!==void 0?i:[]);e.useEffect((()=>{m(i!==null&&i!==void 0?i:[])}),[i]);const g=e=>{const t=d.findIndex((t=>t===e));return d[t+1%d.length]};const p=e=>{const t=v.find((t=>t.name===e));const n=u?v.filter((t=>t.name!==e)):[];const i=g(t===null||t===void 0?void 0:t.direction);return i?[{name:e,direction:i},...n]:n};const h=e=>{const t=p(e);l===null||l===void 0?void 0:l(t);m(t)};const S=r.map(((e,n)=>{var i,d;if(e.hidden)return null;let u={textAlign:(i=e.align)!==null&&i!==void 0?i:"left"};if(n===0)u.paddingLeft=c===null||c===void 0?void 0:c.paddingLeft;if(n===r.length-1&&o)u.paddingRight=c===null||c===void 0?void 0:c.paddingRight;const s=v.find((t=>t.name===e.name));return a["default"].createElement(t.DataGridHeaderCell,{key:e.name,name:e.name,headline:e.headline,disableSorting:(d=e.disableSorting)!==null&&d!==void 0?d:!l,onSort:h,activeSortDirection:s===null||s===void 0?void 0:s.direction,style:u})}));return a["default"].createElement("thead",{...s,ref:f},a["default"].createElement("tr",{className:n["default"]["row"]},S,!o&&a["default"].createElement("td",{style:{paddingRight:c===null||c===void 0?void 0:c.paddingRight},"aria-label":"context menu",className:n["default"]["context-menu"]})))};const r=a["default"].forwardRef(l);exports.DataGridHeader=r;
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");var t=require("./DataGridHeaderCell.cjs.js");var n=require("./DataGridHeader.module.cjs.js");function a(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var i=a(e);const d=[void 0,"ASC","DESC"];const l=({initialSort:a,onSort:l,headers:r,disableContextMenuColumn:o,enableExpandableRow:u,enableMultiSorting:c,spacing:s,...f},v)=>{const[g,m]=e.useState(a!==null&&a!==void 0?a:[]);e.useEffect((()=>{m(a!==null&&a!==void 0?a:[])}),[a]);const p=e=>{const t=d.findIndex((t=>t===e));return d[t+1%d.length]};const h=e=>{const t=g.find((t=>t.name===e));const n=c?g.filter((t=>t.name!==e)):[];const a=p(t===null||t===void 0?void 0:t.direction);return a?[{name:e,direction:a},...n]:n};const b=e=>{const t=h(e);l===null||l===void 0?void 0:l(t);m(t)};const S=r.map(((e,n)=>{var a,d;if(e.hidden)return null;let u={textAlign:(a=e.align)!==null&&a!==void 0?a:"left"};if(n===0)u.paddingLeft=s===null||s===void 0?void 0:s.paddingLeft;if(n===r.length-1&&o)u.paddingRight=s===null||s===void 0?void 0:s.paddingRight;const c=g.find((t=>t.name===e.name));return i["default"].createElement(t.DataGridHeaderCell,{key:e.name,name:e.name,headline:e.headline,disableSorting:(d=e.disableSorting)!==null&&d!==void 0?d:!l,onSort:b,activeSortDirection:c===null||c===void 0?void 0:c.direction,style:u})}));return i["default"].createElement("thead",{...f,ref:v},i["default"].createElement("tr",{className:n["default"]["row"]},u&&i["default"].createElement("td",{style:{paddingRight:s===null||s===void 0?void 0:s.paddingRight},"aria-label":"expandable row"}),S,!o&&i["default"].createElement("td",{style:{paddingRight:s===null||s===void 0?void 0:s.paddingRight},"aria-label":"context menu",className:n["default"]["context-menu"]})))};const r=i["default"].forwardRef(l);exports.DataGridHeader=r;
 //# sourceMappingURL=DataGridHeader.cjs.js.map

package/dist/cjs/DataGrid/DataGridHeader/DataGridHeader.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataGridHeader.cjs.js","sources":["../../../../../../src/components/DataGrid/DataGridHeader/DataGridHeader.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, { ForwardRefRenderFunction, ComponentPropsWithRef, useEffect, useState } from \"react\";\nimport { Direction, HeaderCell, OnSortFunction, Sort } from \"../datagrid.interfaces\";\nimport { DataGridHeaderCell } from \"./DataGridHeaderCell\";\nimport classes from \"./DataGridHeader.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"thead\"> {\n  headers: HeaderCell[];\n  initialSort?: Sort;\n  onSort?: OnSortFunction;\n  disableContextMenuColumn?: boolean;\n  enableMultiSorting?: boolean;\n  spacing?: React.CSSProperties;\n}\n\nconst sortingStates = [undefined, \"ASC\", \"DESC\"] as (Direction | undefined)[];\n\nconst DataGridHeaderComponent: ForwardRefRenderFunction<HTMLTableSectionElement, Props> = (\n  {\n    initialSort,\n    onSort,\n    headers,\n    disableContextMenuColumn,\n    enableMultiSorting,\n    spacing,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const [sortList, setSortList] = useState(initialSort ?? []);\n\n  useEffect(() => {\n    setSortList(initialSort ?? []);\n  }, [initialSort]);\n\n  const calculateNextSortState = (direction?: Direction) => {\n    const currentDirectionIdx = sortingStates.findIndex(item => item === direction);\n    return sortingStates[currentDirectionIdx + (1 % sortingStates.length)];\n  };\n\n  /**\n   * The sortList contains sorting columns objects. The order of those objects determinates priorities of sorting.\n   * Last modified sorting column has the highest priority.\n   */\n  const updateSortList = (name: string): Sort => {\n    const current = sortList.find(item => item.name === name);\n    const restSortList = enableMultiSorting ? sortList.filter(item => item.name !== name) : [];\n    const newSortDirection = calculateNextSortState(current?.direction);\n    return newSortDirection\n      ? [{ name, direction: newSortDirection }, ...restSortList]\n      : restSortList;\n  };\n\n  const wrapOnSort = (name: string) => {\n    const newSort = updateSortList(name);\n    onSort?.(newSort);\n    setSortList(newSort);\n  };\n\n  const headerCells = headers.map((header, index) => {\n    if (header.hidden) {\n      return null;\n    }\n\n    let headerStyle: React.CSSProperties = {\n      textAlign: header.align ?? \"left\"\n    };\n\n    if (index === 0) {\n      headerStyle.paddingLeft = spacing?.paddingLeft;\n    }\n    if (index === headers.length - 1 && disableContextMenuColumn) {\n      headerStyle.paddingRight = spacing?.paddingRight;\n    }\n\n    const sort = sortList.find(item => item.name === header.name);\n    return (\n      <DataGridHeaderCell\n        key={header.name}\n        name={header.name}\n        headline={header.headline}\n        disableSorting={header.disableSorting ?? !onSort}\n        onSort={wrapOnSort}\n        activeSortDirection={sort?.direction}\n        style={headerStyle}\n      />\n    );\n  });\n\n  return (\n    <thead {...rest} ref={ref}>\n      <tr className={classes[\"row\"]}>\n        {headerCells}\n        {!disableContextMenuColumn && (\n          <td\n            style={{ paddingRight: spacing?.paddingRight }}\n            aria-label=\"context menu\"\n            className={classes[\"context-menu\"]}\n          ></td>\n        )}\n      </tr>\n    </thead>\n  );\n};\n\nexport const DataGridHeader = React.forwardRef(DataGridHeaderComponent);\n"],"names":["sortingStates","undefined","DataGridHeaderComponent","initialSort","onSort","headers","disableContextMenuColumn","enableMultiSorting","spacing","rest","ref","sortList","setSortList","useState","useEffect","calculateNextSortState","direction","currentDirectionIdx","findIndex","item","length","updateSortList","name","current","find","restSortList","filter","newSortDirection","wrapOnSort","newSort","headerCells","map","header","index","hidden","headerStyle","textAlign","_a","align","paddingLeft","paddingRight","sort","React","DataGridHeaderCell","key","headline","disableSorting","_b","activeSortDirection","style","createElement","className","classes","DataGridHeader","forwardRef"],"mappings":"8QA8BA,MAAMA,EAAgB,MAACC,EAAW,MAAO,QAEzC,MAAMC,EAAoF,EAEtFC,cACAC,SACAC,UACAC,2BACAC,qBACAC,aACGC,GAELC,KAEA,MAAOC,EAAUC,GAAeC,EAAQA,SAACV,IAAW,MAAXA,SAAA,EAAAA,EAAe,IAExDW,EAAAA,WAAU,KACRF,EAAYT,IAAA,MAAAA,WAAAA,EAAe,GAAG,GAC7B,CAACA,IAEJ,MAAMY,EAA0BC,IAC9B,MAAMC,EAAsBjB,EAAckB,WAAUC,GAAQA,IAASH,IACrE,OAAOhB,EAAciB,EAAuB,EAAIjB,EAAcoB,OAAQ,EAOxE,MAAMC,EAAkBC,IACtB,MAAMC,EAAUZ,EAASa,MAAKL,GAAQA,EAAKG,OAASA,IACpD,MAAMG,EAAelB,EAAqBI,EAASe,QAAOP,GAAQA,EAAKG,OAASA,IAAQ,GACxF,MAAMK,EAAmBZ,EAAuBQ,IAAO,MAAPA,SAAO,OAAA,EAAPA,EAASP,WACzD,OAAOW,EACH,CAAC,CAAEL,OAAMN,UAAWW,MAAuBF,GAC3CA,CAAY,EAGlB,MAAMG,EAAcN,IAClB,MAAMO,EAAUR,EAAeC,GAC/BlB,UAAAA,SAAM,OAAA,EAANA,EAASyB,GACTjB,EAAYiB,EAAQ,EAGtB,MAAMC,EAAczB,EAAQ0B,KAAI,CAACC,EAAQC,aACvC,GAAID,EAAOE,OACT,OAAO,KAGT,IAAIC,EAAmC,CACrCC,WAAWC,EAAAL,EAAOM,4BAAS,QAG7B,GAAIL,IAAU,EACZE,EAAYI,YAAc/B,IAAO,MAAPA,SAAA,OAAA,EAAAA,EAAS+B,YAErC,GAAIN,IAAU5B,EAAQe,OAAS,GAAKd,EAClC6B,EAAYK,aAAehC,IAAO,MAAPA,SAAA,OAAA,EAAAA,EAASgC,aAGtC,MAAMC,EAAO9B,EAASa,MAAKL,GAAQA,EAAKG,OAASU,EAAOV,OACxD,OACEoB,EAAAA,yBAACC,EAAkBA,mBAAA,CACjBC,IAAKZ,EAAOV,KACZA,KAAMU,EAAOV,KACbuB,SAAUb,EAAOa,SACjBC,gBAAgBC,EAAAf,EAAOc,kBAAkB,MAAAC,SAAA,EAAAA,GAAC3C,EAC1CA,OAAQwB,EACRoB,oBAAqBP,UAAAA,SAAI,OAAA,EAAJA,EAAMzB,UAC3BiC,MAAOd,GAET,IAGJ,OACEO,EAAAA,WAAWQ,cAAA,QAAA,IAAAzC,EAAMC,IAAKA,GACpBgC,EAAA,WAAAQ,cAAA,KAAA,CAAIC,UAAWC,EAAAA,WAAQ,QACpBtB,GACCxB,GACAoC,EAAAA,WAAAQ,cAAA,KAAA,CACED,MAAO,CAAET,aAAchC,IAAA,MAAAA,kBAAAA,EAASgC,cACrB,aAAA,eACXW,UAAWC,EAAAA,WAAQ,mBAK3B,EAGS,MAAAC,EAAiBX,EAAAA,WAAMY,WAAWpD"}
+{"version":3,"file":"DataGridHeader.cjs.js","sources":["../../../../../../src/components/DataGrid/DataGridHeader/DataGridHeader.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, { ForwardRefRenderFunction, ComponentPropsWithRef, useEffect, useState } from \"react\";\nimport { Direction, HeaderCell, OnSortFunction, Sort } from \"../datagrid.interfaces\";\nimport { DataGridHeaderCell } from \"./DataGridHeaderCell\";\nimport classes from \"./DataGridHeader.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"thead\"> {\n  headers: HeaderCell[];\n  initialSort?: Sort;\n  onSort?: OnSortFunction;\n  enableExpandableRow?: boolean;\n  disableContextMenuColumn?: boolean;\n  enableMultiSorting?: boolean;\n  spacing?: React.CSSProperties;\n}\n\nconst sortingStates = [undefined, \"ASC\", \"DESC\"] as (Direction | undefined)[];\n\nconst DataGridHeaderComponent: ForwardRefRenderFunction<HTMLTableSectionElement, Props> = (\n  {\n    initialSort,\n    onSort,\n    headers,\n    disableContextMenuColumn,\n    enableExpandableRow,\n    enableMultiSorting,\n    spacing,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const [sortList, setSortList] = useState(initialSort ?? []);\n\n  useEffect(() => {\n    setSortList(initialSort ?? []);\n  }, [initialSort]);\n\n  const calculateNextSortState = (direction?: Direction) => {\n    const currentDirectionIdx = sortingStates.findIndex(item => item === direction);\n    return sortingStates[currentDirectionIdx + (1 % sortingStates.length)];\n  };\n\n  /**\n   * The sortList contains sorting columns objects. The order of those objects determines priorities of sorting.\n   * Last modified sorting column has the highest priority.\n   */\n  const updateSortList = (name: string): Sort => {\n    const current = sortList.find(item => item.name === name);\n    const restSortList = enableMultiSorting ? sortList.filter(item => item.name !== name) : [];\n    const newSortDirection = calculateNextSortState(current?.direction);\n    return newSortDirection\n      ? [{ name, direction: newSortDirection }, ...restSortList]\n      : restSortList;\n  };\n\n  const wrapOnSort = (name: string) => {\n    const newSort = updateSortList(name);\n    onSort?.(newSort);\n    setSortList(newSort);\n  };\n\n  const headerCells = headers.map((header, index) => {\n    if (header.hidden) {\n      return null;\n    }\n\n    let headerStyle: React.CSSProperties = {\n      textAlign: header.align ?? \"left\"\n    };\n\n    if (index === 0) {\n      headerStyle.paddingLeft = spacing?.paddingLeft;\n    }\n    if (index === headers.length - 1 && disableContextMenuColumn) {\n      headerStyle.paddingRight = spacing?.paddingRight;\n    }\n\n    const sort = sortList.find(item => item.name === header.name);\n    return (\n      <DataGridHeaderCell\n        key={header.name}\n        name={header.name}\n        headline={header.headline}\n        disableSorting={header.disableSorting ?? !onSort}\n        onSort={wrapOnSort}\n        activeSortDirection={sort?.direction}\n        style={headerStyle}\n      />\n    );\n  });\n\n  return (\n    <thead {...rest} ref={ref}>\n      <tr className={classes[\"row\"]}>\n        {enableExpandableRow && (\n          <td style={{ paddingRight: spacing?.paddingRight }} aria-label=\"expandable row\"></td>\n        )}\n        {headerCells}\n        {!disableContextMenuColumn && (\n          <td\n            style={{ paddingRight: spacing?.paddingRight }}\n            aria-label=\"context menu\"\n            className={classes[\"context-menu\"]}\n          ></td>\n        )}\n      </tr>\n    </thead>\n  );\n};\n\nexport const DataGridHeader = React.forwardRef(DataGridHeaderComponent);\n"],"names":["sortingStates","undefined","DataGridHeaderComponent","initialSort","onSort","headers","disableContextMenuColumn","enableExpandableRow","enableMultiSorting","spacing","rest","ref","sortList","setSortList","useState","useEffect","calculateNextSortState","direction","currentDirectionIdx","findIndex","item","length","updateSortList","name","current","find","restSortList","filter","newSortDirection","wrapOnSort","newSort","headerCells","map","header","index","hidden","headerStyle","textAlign","_a","align","paddingLeft","paddingRight","sort","React","DataGridHeaderCell","key","headline","disableSorting","_b","activeSortDirection","style","createElement","className","classes","DataGridHeader","forwardRef"],"mappings":"8QA+BA,MAAMA,EAAgB,MAACC,EAAW,MAAO,QAEzC,MAAMC,EAAoF,EAEtFC,cACAC,SACAC,UACAC,2BACAC,sBACAC,qBACAC,aACGC,GAELC,KAEA,MAAOC,EAAUC,GAAeC,EAAQA,SAACX,IAAW,MAAXA,SAAA,EAAAA,EAAe,IAExDY,EAAAA,WAAU,KACRF,EAAYV,IAAA,MAAAA,WAAAA,EAAe,GAAG,GAC7B,CAACA,IAEJ,MAAMa,EAA0BC,IAC9B,MAAMC,EAAsBlB,EAAcmB,WAAUC,GAAQA,IAASH,IACrE,OAAOjB,EAAckB,EAAuB,EAAIlB,EAAcqB,OAAQ,EAOxE,MAAMC,EAAkBC,IACtB,MAAMC,EAAUZ,EAASa,MAAKL,GAAQA,EAAKG,OAASA,IACpD,MAAMG,EAAelB,EAAqBI,EAASe,QAAOP,GAAQA,EAAKG,OAASA,IAAQ,GACxF,MAAMK,EAAmBZ,EAAuBQ,IAAO,MAAPA,SAAO,OAAA,EAAPA,EAASP,WACzD,OAAOW,EACH,CAAC,CAAEL,OAAMN,UAAWW,MAAuBF,GAC3CA,CAAY,EAGlB,MAAMG,EAAcN,IAClB,MAAMO,EAAUR,EAAeC,GAC/BnB,UAAAA,SAAM,OAAA,EAANA,EAAS0B,GACTjB,EAAYiB,EAAQ,EAGtB,MAAMC,EAAc1B,EAAQ2B,KAAI,CAACC,EAAQC,aACvC,GAAID,EAAOE,OACT,OAAO,KAGT,IAAIC,EAAmC,CACrCC,WAAWC,EAAAL,EAAOM,4BAAS,QAG7B,GAAIL,IAAU,EACZE,EAAYI,YAAc/B,IAAO,MAAPA,SAAA,OAAA,EAAAA,EAAS+B,YAErC,GAAIN,IAAU7B,EAAQgB,OAAS,GAAKf,EAClC8B,EAAYK,aAAehC,IAAO,MAAPA,SAAA,OAAA,EAAAA,EAASgC,aAGtC,MAAMC,EAAO9B,EAASa,MAAKL,GAAQA,EAAKG,OAASU,EAAOV,OACxD,OACEoB,EAAAA,yBAACC,EAAkBA,mBAAA,CACjBC,IAAKZ,EAAOV,KACZA,KAAMU,EAAOV,KACbuB,SAAUb,EAAOa,SACjBC,gBAAgBC,EAAAf,EAAOc,kBAAkB,MAAAC,SAAA,EAAAA,GAAC5C,EAC1CA,OAAQyB,EACRoB,oBAAqBP,UAAAA,SAAI,OAAA,EAAJA,EAAMzB,UAC3BiC,MAAOd,GAET,IAGJ,OACEO,EAAAA,WAAWQ,cAAA,QAAA,IAAAzC,EAAMC,IAAKA,GACpBgC,EAAA,WAAAQ,cAAA,KAAA,CAAIC,UAAWC,EAAAA,WAAQ,QACpB9C,GACCoC,EAAAA,WAAAQ,cAAA,KAAA,CAAID,MAAO,CAAET,aAAchC,UAAAA,SAAO,OAAA,EAAPA,EAASgC,cAA2B,aAAA,mBAEhEV,GACCzB,GACAqC,EAAAA,WAAAQ,cAAA,KAAA,CACED,MAAO,CAAET,aAAchC,IAAA,MAAAA,kBAAAA,EAASgC,cACrB,aAAA,eACXW,UAAWC,EAAAA,WAAQ,mBAK3B,EAGS,MAAAC,EAAiBX,EAAAA,WAAMY,WAAWrD"}

package/dist/cjs/Form/FileUpload/FileItem/FileItem.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");var t=require("./FileItem.module.cjs.js");var a=require("../../../Typography/Typography.cjs.js");var o=require("../../../Icon/Icon.cjs.js");var r=require("../../../ProgressBar/ProgressBar.cjs.js");var n=require("../../../Button/Button.cjs.js");var c=require("../../../Link/Link.cjs.js");function s(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var l=s(e);exports.FILE_ACTION=void 0;(function(e){e["DELETE"]="delete";e["DOWNLOAD"]="download";e["REMOVE"]="remove";e["ABORT"]="abort";e["RETRY"]="retry"})(exports.FILE_ACTION||(exports.FILE_ACTION={}));exports.ACTION_STATUS=void 0;(function(e){e["COMPLETED"]="completed";e["UPLOADING"]="uploading";e["ERROR"]="error";e["RETRY"]="retry";e["READONLY"]="readonly"})(exports.ACTION_STATUS||(exports.ACTION_STATUS={}));const i=({name:e,status:s,error:i,progress:I,downloadFileLink:u,totalPercentage:T,onRequestedFileAction:p},d)=>{const f=e=>{switch(e){case exports.ACTION_STATUS.COMPLETED:return{fileIcon:o.Icons.FileAltIcon,actionIcons:[{type:o.Icons.Trash,action:exports.FILE_ACTION.DELETE},{type:o.Icons.DownloadFile,action:exports.FILE_ACTION.DOWNLOAD}]};case exports.ACTION_STATUS.ERROR:return{fileIcon:o.Icons.Error,actionIcons:[{type:o.Icons.Times,action:exports.FILE_ACTION.REMOVE}]};case exports.ACTION_STATUS.UPLOADING:return{fileIcon:o.Icons.FileAltIcon,actionIcons:[{type:o.Icons.AbortFile,action:exports.FILE_ACTION.ABORT}]};case exports.ACTION_STATUS.RETRY:return{fileIcon:o.Icons.FileAltIcon,actionIcons:[{type:o.Icons.Refresh,action:exports.FILE_ACTION.RETRY},{type:o.Icons.Trash,action:exports.FILE_ACTION.REMOVE}]};case exports.ACTION_STATUS.READONLY:default:return{fileIcon:o.Icons.FileAltIcon}}};const A=f(s);const E=e=>{const t=e.indexOf(".");return{friendlyName:e.slice(0,t),extension:e.slice(t+1)}};const{friendlyName:O,extension:N}=E(e);const m=e=>l["default"].createElement(o.Icon,{key:e.action,title:e.action,icon:e.type,className:t["default"]["action-icon"]});const x=(a,r=exports.ACTION_STATUS.UPLOADING)=>a.map((a=>l["default"].createElement(l["default"].Fragment,null,a.action!==exports.FILE_ACTION.DOWNLOAD&&l["default"].createElement(n.Button,{color:"primary",startIcon:m(a),title:a.action!==exports.FILE_ACTION.ABORT?a.action:"",type:"button",variant:"text",onClick:()=>a&&p&&p(a.action,e)},a.action!==exports.FILE_ACTION.ABORT?a.action:""),a.action===exports.FILE_ACTION.DOWNLOAD&&u&&l["default"].createElement(c.Link,{color:"primary",display:"link",to:u,type:"download",target:"_blank",prefixIcon:l["default"].createElement(o.Icon,{key:a.action,className:t["default"]["action-icon"],title:a.action,icon:a.type})},a.action))));const y=()=>l["default"].createElement(a.Typography,{variant:"body",title:e,className:`${t["default"]["file-name"]} ${s?t["default"][s]:""}`},s==="retry"&&l["default"].createElement(o.Icon,{icon:o.Icons.Error,className:`${t["default"]["file-icon"]} ${s?t["default"][s]:""}`}),l["default"].createElement(o.Icon,{icon:A.fileIcon,className:t["default"]["file-icon"]}),l["default"].createElement("span",{className:t["default"]["friendly-name"]},O),".",l["default"].createElement("span",null,N));const L=()=>l["default"].createElement(r.ProgressBar,{className:t["default"]["progress-bar"],completed:I,label:`${O}.${N}`,percentage:T});return l["default"].createElement("div",{ref:d,className:t["default"]["file-item-wrapper"],"aria-label":`${e}-wrapper`},l["default"].createElement("div",{className:t["default"]["file-list-container"]},s!==exports.ACTION_STATUS.UPLOADING&&y(),l["default"].createElement("div",{className:`${s===exports.ACTION_STATUS.UPLOADING?t["default"]["progress-with-action"]:""}`},s===exports.ACTION_STATUS.UPLOADING&&L(),l["default"].createElement("div",{className:t["default"]["action-button-wrapper"]},A.actionIcons&&x(A.actionIcons,s)))),i&&l["default"].createElement(a.Typography,{variant:"sub-text",className:`${t["default"]["file-subtitle"]} ${s?t["default"][s]:""}`},i))};const I=l["default"].forwardRef(i);exports.FileItem=I;
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");var t=require("./FileItem.module.cjs.js");var a=require("../../../Typography/Typography.cjs.js");var o=require("../../../Icon/Icon.cjs.js");var r=require("../../../ProgressBar/ProgressBar.cjs.js");var n=require("../../../Button/Button.cjs.js");var c=require("../../../Link/Link.cjs.js");function s(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var l=s(e);exports.FILE_ACTION=void 0;(function(e){e["DELETE"]="delete";e["DOWNLOAD"]="download";e["REMOVE"]="remove";e["ABORT"]="abort";e["RETRY"]="retry"})(exports.FILE_ACTION||(exports.FILE_ACTION={}));exports.ACTION_STATUS=void 0;(function(e){e["COMPLETED"]="completed";e["UPLOADING"]="uploading";e["ERROR"]="error";e["RETRY"]="retry";e["READONLY"]="readonly"})(exports.ACTION_STATUS||(exports.ACTION_STATUS={}));const i=({name:s,status:i,error:I,progress:u,downloadFileLink:p,totalPercentage:T,onRequestedFileAction:d},f)=>{const A=e=>{switch(e){case exports.ACTION_STATUS.COMPLETED:return{fileIcon:o.Icons.FileAltIcon,actionIcons:[{type:o.Icons.Trash,action:exports.FILE_ACTION.DELETE},{type:o.Icons.DownloadFile,action:exports.FILE_ACTION.DOWNLOAD}]};case exports.ACTION_STATUS.ERROR:return{fileIcon:o.Icons.Error,actionIcons:[{type:o.Icons.Times,action:exports.FILE_ACTION.REMOVE}]};case exports.ACTION_STATUS.UPLOADING:return{fileIcon:o.Icons.FileAltIcon,actionIcons:[{type:o.Icons.AbortFile,action:exports.FILE_ACTION.ABORT}]};case exports.ACTION_STATUS.RETRY:return{fileIcon:o.Icons.FileAltIcon,actionIcons:[{type:o.Icons.Refresh,action:exports.FILE_ACTION.RETRY},{type:o.Icons.Trash,action:exports.FILE_ACTION.REMOVE}]};case exports.ACTION_STATUS.READONLY:default:return{fileIcon:o.Icons.FileAltIcon}}};const E=A(i);const O=e=>{const t=e.indexOf(".");return{friendlyName:e.slice(0,t),extension:e.slice(t+1)}};const{friendlyName:N,extension:m}=O(s);const y=e=>l["default"].createElement(o.Icon,{key:e.action,title:e.action,icon:e.type,className:t["default"]["action-icon"]});const x=a=>a.map((a=>l["default"].createElement(e.Fragment,{key:a.action},a.action!==exports.FILE_ACTION.DOWNLOAD&&l["default"].createElement(n.Button,{color:"primary",startIcon:y(a),title:a.action!==exports.FILE_ACTION.ABORT?a.action:"",type:"button",variant:"text",onClick:()=>a&&d&&d(a.action,s)},a.action!==exports.FILE_ACTION.ABORT?a.action:""),a.action===exports.FILE_ACTION.DOWNLOAD&&p&&l["default"].createElement(c.Link,{color:"primary",display:"link",to:p,type:"download",target:"_blank",prefixIcon:l["default"].createElement(o.Icon,{key:a.action,className:t["default"]["action-icon"],title:a.action,icon:a.type})},a.action))));const L=()=>l["default"].createElement(a.Typography,{variant:"body",title:s,className:`${t["default"]["file-name"]} ${i?t["default"][i]:""}`},i==="retry"&&l["default"].createElement(o.Icon,{icon:o.Icons.Error,className:`${t["default"]["file-icon"]} ${i?t["default"][i]:""}`}),l["default"].createElement(o.Icon,{icon:E.fileIcon,className:t["default"]["file-icon"]}),l["default"].createElement("span",{className:t["default"]["friendly-name"]},N),".",l["default"].createElement("span",null,m));const C=()=>l["default"].createElement(r.ProgressBar,{className:t["default"]["progress-bar"],completed:u,label:`${N}.${m}`,percentage:T});return l["default"].createElement("div",{ref:f,className:t["default"]["file-item-wrapper"],"aria-label":`${s}-wrapper`},l["default"].createElement("div",{className:t["default"]["file-list-container"]},i!==exports.ACTION_STATUS.UPLOADING&&L(),l["default"].createElement("div",{className:`${i===exports.ACTION_STATUS.UPLOADING?t["default"]["progress-with-action"]:""}`},i===exports.ACTION_STATUS.UPLOADING&&C(),l["default"].createElement("div",{className:t["default"]["action-button-wrapper"]},E.actionIcons&&x(E.actionIcons)))),I&&l["default"].createElement(a.Typography,{variant:"sub-text",className:`${t["default"]["file-subtitle"]} ${i?t["default"][i]:""}`},I))};const I=l["default"].forwardRef(i);exports.FileItem=I;
 //# sourceMappingURL=FileItem.cjs.js.map

package/dist/cjs/Form/FileUpload/FileItem/FileItem.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileItem.cjs.js","sources":["../../../../../../../src/components/Form/FileUpload/FileItem/FileItem.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, { ComponentPropsWithRef, ForwardRefRenderFunction } from \"react\";\nimport classes from \"./FileItem.module.scss\";\nimport { Typography } from \"../../../Typography/Typography\";\nimport { Icon, Icons } from \"../../../Icon/Icon\";\nimport { ProgressBar } from \"../../../ProgressBar/ProgressBar\";\nimport { FileType } from \"../FileUpload\";\nimport { Button } from \"../../../Button/Button\";\nimport { Link } from \"../../../Link/Link\";\nexport type UploadProgress = \"uploading\" | \"completed\" | \"error\" | \"readonly\" | \"retry\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  name: string;\n  status?: UploadProgress;\n  progress?: number;\n  error?: string;\n  downloadFileLink?: string;\n  totalPercentage?: number;\n  onRequestedFileAction?: (action: FILE_ACTION, name: FileType[\"name\"]) => void;\n}\ninterface FileItemIcons {\n  fileIcon: Icons;\n  actionIcons?: { type: Icons; action: FILE_ACTION }[];\n}\n\nexport enum FILE_ACTION {\n  DELETE = \"delete\",\n  DOWNLOAD = \"download\",\n  REMOVE = \"remove\",\n  ABORT = \"abort\",\n  RETRY = \"retry\"\n}\n\nexport enum ACTION_STATUS {\n  COMPLETED = \"completed\",\n  UPLOADING = \"uploading\",\n  ERROR = \"error\",\n  RETRY = \"retry\",\n  READONLY = \"readonly\"\n}\n\nconst FileItemComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    name,\n    status,\n    error,\n    progress,\n    downloadFileLink,\n    totalPercentage,\n    onRequestedFileAction\n  }: Props,\n  ref\n) => {\n  const determineIcons = (status?: UploadProgress): FileItemIcons => {\n    switch (status) {\n      case ACTION_STATUS.COMPLETED:\n        return {\n          fileIcon: Icons.FileAltIcon,\n          actionIcons: [\n            {\n              type: Icons.Trash,\n              action: FILE_ACTION.DELETE\n            },\n            {\n              type: Icons.DownloadFile,\n              action: FILE_ACTION.DOWNLOAD\n            }\n          ]\n        };\n      case ACTION_STATUS.ERROR:\n        return {\n          fileIcon: Icons.Error,\n          actionIcons: [\n            {\n              type: Icons.Times,\n              action: FILE_ACTION.REMOVE\n            }\n          ]\n        };\n      case ACTION_STATUS.UPLOADING:\n        return {\n          fileIcon: Icons.FileAltIcon,\n          actionIcons: [\n            {\n              type: Icons.AbortFile,\n              action: FILE_ACTION.ABORT\n            }\n          ]\n        };\n      case ACTION_STATUS.RETRY:\n        return {\n          fileIcon: Icons.FileAltIcon,\n          actionIcons: [\n            {\n              type: Icons.Refresh,\n              action: FILE_ACTION.RETRY\n            },\n            {\n              type: Icons.Trash,\n              action: FILE_ACTION.REMOVE\n            }\n          ]\n        };\n      case ACTION_STATUS.READONLY:\n      default:\n        return { fileIcon: Icons.FileAltIcon };\n    }\n  };\n\n  const icons = determineIcons(status);\n\n  const getFriendlyNameAndExtension = (name: string) => {\n    const index = name.indexOf(\".\");\n    return { friendlyName: name.slice(0, index), extension: name.slice(index + 1) };\n  };\n\n  const { friendlyName, extension } = getFriendlyNameAndExtension(name);\n\n  const getStartIcon = (icon: { type: Icons; action: FILE_ACTION }) => (\n    <Icon\n      key={icon.action}\n      title={icon.action}\n      icon={icon.type}\n      className={classes[\"action-icon\"]}\n    ></Icon>\n  );\n\n  const renderActionIcons = (\n    actionIcons: { type: Icons; action: FILE_ACTION }[],\n    status: UploadProgress = ACTION_STATUS.UPLOADING\n  ) => {\n    return actionIcons.map(icon => (\n      <>\n        {icon.action !== FILE_ACTION.DOWNLOAD && (\n          <Button\n            color=\"primary\"\n            startIcon={getStartIcon(icon)}\n            title={icon.action !== FILE_ACTION.ABORT ? icon.action : \"\"}\n            type=\"button\"\n            variant=\"text\"\n            onClick={() =>\n              icon && onRequestedFileAction && onRequestedFileAction(icon.action, name)\n            }\n          >\n            {icon.action !== FILE_ACTION.ABORT ? icon.action : \"\"}\n          </Button>\n        )}\n\n        {icon.action === FILE_ACTION.DOWNLOAD && downloadFileLink && (\n          <Link\n            color=\"primary\"\n            display=\"link\"\n            to={downloadFileLink}\n            type=\"download\"\n            target=\"_blank\"\n            prefixIcon={\n              <Icon\n                key={icon.action}\n                className={classes[\"action-icon\"]}\n                title={icon.action}\n                icon={icon.type}\n              ></Icon>\n            }\n          >\n            {icon.action}\n          </Link>\n        )}\n      </>\n    ));\n  };\n\n  const getUploadedFileInfo = () => {\n    return (\n      <Typography\n        variant={\"body\"}\n        title={name}\n        className={`${classes[\"file-name\"]} ${status ? classes[status] : \"\"}`}\n      >\n        {status === \"retry\" && (\n          <Icon\n            icon={Icons.Error}\n            className={`${classes[\"file-icon\"]} ${status ? classes[status] : \"\"}`}\n          />\n        )}\n        <Icon icon={icons.fileIcon} className={classes[\"file-icon\"]} />\n        <span className={classes[\"friendly-name\"]}>{friendlyName}</span>.<span>{extension}</span>\n      </Typography>\n    );\n  };\n\n  const getProgressBar = () => {\n    return (\n      <ProgressBar\n        className={classes[\"progress-bar\"]}\n        completed={progress}\n        label={`${friendlyName}.${extension}`}\n        percentage={totalPercentage}\n      />\n    );\n  };\n\n  return (\n    <div ref={ref} className={classes[\"file-item-wrapper\"]} aria-label={`${name}-wrapper`}>\n      <div className={classes[\"file-list-container\"]}>\n        {status !== ACTION_STATUS.UPLOADING && getUploadedFileInfo()}\n\n        <div\n          className={`${status === ACTION_STATUS.UPLOADING ? classes[\"progress-with-action\"] : \"\"}`}\n        >\n          {status === ACTION_STATUS.UPLOADING && getProgressBar()}\n\n          <div className={classes[\"action-button-wrapper\"]}>\n            {icons.actionIcons && renderActionIcons(icons.actionIcons, status)}\n          </div>\n        </div>\n      </div>\n      {error && (\n        <Typography\n          variant={\"sub-text\"}\n          className={`${classes[\"file-subtitle\"]} ${status ? classes[status] : \"\"}`}\n        >\n          {error}\n        </Typography>\n      )}\n    </div>\n  );\n};\n\nexport const FileItem = React.forwardRef(FileItemComponent);\n"],"names":["FILE_ACTION","ACTION_STATUS","FileItemComponent","name","status","error","progress","downloadFileLink","totalPercentage","onRequestedFileAction","ref","determineIcons","COMPLETED","fileIcon","Icons","FileAltIcon","actionIcons","type","Trash","action","DELETE","DownloadFile","DOWNLOAD","ERROR","Error","Times","REMOVE","UPLOADING","AbortFile","ABORT","RETRY","Refresh","READONLY","icons","getFriendlyNameAndExtension","index","indexOf","friendlyName","slice","extension","getStartIcon","icon","React","createElement","Icon","key","title","className","classes","renderActionIcons","map","Fragment","Button","color","startIcon","variant","onClick","Link","display","to","target","prefixIcon","getUploadedFileInfo","Typography","getProgressBar","ProgressBar","completed","label","percentage","FileItem","forwardRef"],"mappings":"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"}
+{"version":3,"file":"FileItem.cjs.js","sources":["../../../../../../../src/components/Form/FileUpload/FileItem/FileItem.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, { ComponentPropsWithRef, ForwardRefRenderFunction, Fragment } from \"react\";\nimport classes from \"./FileItem.module.scss\";\nimport { Typography } from \"../../../Typography/Typography\";\nimport { Icon, Icons } from \"../../../Icon/Icon\";\nimport { ProgressBar } from \"../../../ProgressBar/ProgressBar\";\nimport { FileType } from \"../FileUpload\";\nimport { Button } from \"../../../Button/Button\";\nimport { Link } from \"../../../Link/Link\";\nexport type UploadProgress = \"uploading\" | \"completed\" | \"error\" | \"readonly\" | \"retry\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  name: string;\n  status?: UploadProgress;\n  progress?: number;\n  error?: string;\n  downloadFileLink?: string;\n  totalPercentage?: number;\n  onRequestedFileAction?: (action: FILE_ACTION, name: FileType[\"name\"]) => void;\n}\ninterface FileItemIcons {\n  fileIcon: Icons;\n  actionIcons?: { type: Icons; action: FILE_ACTION }[];\n}\n\nexport enum FILE_ACTION {\n  DELETE = \"delete\",\n  DOWNLOAD = \"download\",\n  REMOVE = \"remove\",\n  ABORT = \"abort\",\n  RETRY = \"retry\"\n}\n\nexport enum ACTION_STATUS {\n  COMPLETED = \"completed\",\n  UPLOADING = \"uploading\",\n  ERROR = \"error\",\n  RETRY = \"retry\",\n  READONLY = \"readonly\"\n}\n\nconst FileItemComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    name,\n    status,\n    error,\n    progress,\n    downloadFileLink,\n    totalPercentage,\n    onRequestedFileAction\n  }: Props,\n  ref\n) => {\n  const determineIcons = (status?: UploadProgress): FileItemIcons => {\n    switch (status) {\n      case ACTION_STATUS.COMPLETED:\n        return {\n          fileIcon: Icons.FileAltIcon,\n          actionIcons: [\n            {\n              type: Icons.Trash,\n              action: FILE_ACTION.DELETE\n            },\n            {\n              type: Icons.DownloadFile,\n              action: FILE_ACTION.DOWNLOAD\n            }\n          ]\n        };\n      case ACTION_STATUS.ERROR:\n        return {\n          fileIcon: Icons.Error,\n          actionIcons: [\n            {\n              type: Icons.Times,\n              action: FILE_ACTION.REMOVE\n            }\n          ]\n        };\n      case ACTION_STATUS.UPLOADING:\n        return {\n          fileIcon: Icons.FileAltIcon,\n          actionIcons: [\n            {\n              type: Icons.AbortFile,\n              action: FILE_ACTION.ABORT\n            }\n          ]\n        };\n      case ACTION_STATUS.RETRY:\n        return {\n          fileIcon: Icons.FileAltIcon,\n          actionIcons: [\n            {\n              type: Icons.Refresh,\n              action: FILE_ACTION.RETRY\n            },\n            {\n              type: Icons.Trash,\n              action: FILE_ACTION.REMOVE\n            }\n          ]\n        };\n      case ACTION_STATUS.READONLY:\n      default:\n        return { fileIcon: Icons.FileAltIcon };\n    }\n  };\n\n  const icons = determineIcons(status);\n\n  const getFriendlyNameAndExtension = (name: string) => {\n    const index = name.indexOf(\".\");\n    return { friendlyName: name.slice(0, index), extension: name.slice(index + 1) };\n  };\n\n  const { friendlyName, extension } = getFriendlyNameAndExtension(name);\n\n  const getStartIcon = (icon: { type: Icons; action: FILE_ACTION }) => (\n    <Icon\n      key={icon.action}\n      title={icon.action}\n      icon={icon.type}\n      className={classes[\"action-icon\"]}\n    ></Icon>\n  );\n\n  const renderActionIcons = (actionIcons: { type: Icons; action: FILE_ACTION }[]) => {\n    return actionIcons.map(icon => (\n      <Fragment key={icon.action}>\n        {icon.action !== FILE_ACTION.DOWNLOAD && (\n          <Button\n            color=\"primary\"\n            startIcon={getStartIcon(icon)}\n            title={icon.action !== FILE_ACTION.ABORT ? icon.action : \"\"}\n            type=\"button\"\n            variant=\"text\"\n            onClick={() =>\n              icon && onRequestedFileAction && onRequestedFileAction(icon.action, name)\n            }\n          >\n            {icon.action !== FILE_ACTION.ABORT ? icon.action : \"\"}\n          </Button>\n        )}\n\n        {icon.action === FILE_ACTION.DOWNLOAD && downloadFileLink && (\n          <Link\n            color=\"primary\"\n            display=\"link\"\n            to={downloadFileLink}\n            type=\"download\"\n            target=\"_blank\"\n            prefixIcon={\n              <Icon\n                key={icon.action}\n                className={classes[\"action-icon\"]}\n                title={icon.action}\n                icon={icon.type}\n              ></Icon>\n            }\n          >\n            {icon.action}\n          </Link>\n        )}\n      </Fragment>\n    ));\n  };\n\n  const getUploadedFileInfo = () => {\n    return (\n      <Typography\n        variant={\"body\"}\n        title={name}\n        className={`${classes[\"file-name\"]} ${status ? classes[status] : \"\"}`}\n      >\n        {status === \"retry\" && (\n          <Icon\n            icon={Icons.Error}\n            className={`${classes[\"file-icon\"]} ${status ? classes[status] : \"\"}`}\n          />\n        )}\n        <Icon icon={icons.fileIcon} className={classes[\"file-icon\"]} />\n        <span className={classes[\"friendly-name\"]}>{friendlyName}</span>.<span>{extension}</span>\n      </Typography>\n    );\n  };\n\n  const getProgressBar = () => {\n    return (\n      <ProgressBar\n        className={classes[\"progress-bar\"]}\n        completed={progress}\n        label={`${friendlyName}.${extension}`}\n        percentage={totalPercentage}\n      />\n    );\n  };\n\n  return (\n    <div ref={ref} className={classes[\"file-item-wrapper\"]} aria-label={`${name}-wrapper`}>\n      <div className={classes[\"file-list-container\"]}>\n        {status !== ACTION_STATUS.UPLOADING && getUploadedFileInfo()}\n\n        <div\n          className={`${status === ACTION_STATUS.UPLOADING ? classes[\"progress-with-action\"] : \"\"}`}\n        >\n          {status === ACTION_STATUS.UPLOADING && getProgressBar()}\n\n          <div className={classes[\"action-button-wrapper\"]}>\n            {icons.actionIcons && renderActionIcons(icons.actionIcons)}\n          </div>\n        </div>\n      </div>\n      {error && (\n        <Typography\n          variant={\"sub-text\"}\n          className={`${classes[\"file-subtitle\"]} ${status ? classes[status] : \"\"}`}\n        >\n          {error}\n        </Typography>\n      )}\n    </div>\n  );\n};\n\nexport const FileItem = React.forwardRef(FileItemComponent);\n"],"names":["FILE_ACTION","ACTION_STATUS","FileItemComponent","name","status","error","progress","downloadFileLink","totalPercentage","onRequestedFileAction","ref","determineIcons","COMPLETED","fileIcon","Icons","FileAltIcon","actionIcons","type","Trash","action","DELETE","DownloadFile","DOWNLOAD","ERROR","Error","Times","REMOVE","UPLOADING","AbortFile","ABORT","RETRY","Refresh","READONLY","icons","getFriendlyNameAndExtension","index","indexOf","friendlyName","slice","extension","getStartIcon","icon","React","createElement","Icon","key","title","className","classes","renderActionIcons","map","Fragment","Button","color","startIcon","variant","onClick","Link","display","to","target","prefixIcon","getUploadedFileInfo","Typography","getProgressBar","ProgressBar","completed","label","percentage","FileItem","forwardRef"],"mappings":"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"}

package/dist/cjs/Form/FileUpload/FileUpload.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");var t=require("../../Button/Button.cjs.js");var a=require("./FileItem/FileItem.cjs.js");var l=require("../../Typography/Typography.cjs.js");var r=require("./FileUpload.module.cjs.js");var s=require("../../src/hooks/useDetermineStatusIcon.cjs.js");function o(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var n=o(e);const i=({name:o,accept:i,error:d,success:u,maxFileSize:c,multiple:f,id:p,title:m,labeledBy:v,disabled:g=false,onChange:y,dragAndDropText:h="Drag and drop or",selectButtonText:E="Browse file",onDragOver:b,onDragLeave:j,wrapperProps:x,onDrop:N,subText:D,onRequestedFileAction:T,exceedingMaxSizeErrorText:F,fileList:z,downloadFileLink:q,isRequired:w=true,invalidDropErrorMessage:S="Invalid file format. Supported formats are: $accept.",...B},$)=>{const k=e.useRef(null);const[I,L]=e.useState(false);const[P,R]=e.useState("");const[A,M]=e.useState(false);const C=s.useDetermineStatusIcon({success:u,error:d});let O=[r["default"]["file-dropzone"]];let U=[r["default"]["upload-button-wrapper"]];let _=[r["default"]["file-selector-sub-text"]];let G=[r["default"]["file-selector-sub-text"]];I&&U.push(r["default"]["drag-active"]);const H=A||d||P;if(H){const e=r["default"]["error"];O.push(e);_.push(e);G.push(e)}g&&O.push(r["default"]["disabled"]);u&&!d&&O.push(r["default"]["success"]);const J=e=>{let t=z?[...z]:[];const a=z.map((e=>e.name));(e===null||e===void 0?void 0:e.length)&&Array.from(e).forEach((e=>{if(!a.includes(e.name))t=f?[...t,{...V(e),data:e}]:[{...V(e),data:e}]}));return t};const K=e=>{e.preventDefault();e.stopPropagation();let t=J(e.target.files);t.length&&Q(t[t.length-1])&&(y===null||y===void 0?void 0:y(t))};const Q=e=>{const t=e.name.split(".").pop();return t&&i.includes(t)};const V=e=>{const t={name:e.name,size:e.size,type:e.type};let a=false;if(c&&e.size&&e.size>=c){const e=(c/(1024*1024)).toFixed(2);t.error=F!==null&&F!==void 0?F:`The maximum allowed file size is ${e}MB. Upload a smaller file.`;t.status="error";a=true}M(a);return t};e.useEffect((()=>{if(z.length){const e=z.map((e=>V(e)));y===null||y===void 0?void 0:y(e)}}),[]);const W=e=>{e.preventDefault();e.stopPropagation();if(!I)L(true);b===null||b===void 0?void 0:b(e)};const X=e=>{e.preventDefault();e.stopPropagation();const t=e.target;if(t===null||t===void 0?void 0:t.classList.contains(r["default"]["file-dropzone"]))L(false);j===null||j===void 0?void 0:j(e)};const Y=e=>{var t,a,l;e.preventDefault();e.stopPropagation();if(((t=e===null||e===void 0?void 0:e.dataTransfer)===null||t===void 0?void 0:t.files)&&e.dataTransfer.files.length){const t=(l=(a=e===null||e===void 0?void 0:e.dataTransfer)===null||a===void 0?void 0:a.files[0])===null||l===void 0?void 0:l.name.split(".").pop();if(t&&i&&!i.includes(t)){R(S.replace("$accept",i));L(false);return}else R("");const r=J(e.dataTransfer.files);N===null||N===void 0?void 0:N(r)}L(false)};return n["default"].createElement("div",{className:r["default"]["file-upload-wrapper"],...x},n["default"].createElement("div",{className:r["default"]["dropzone-wrapper"]},n["default"].createElement("div",{className:O.join(" ")},n["default"].createElement(l.Typography,{variant:"body-bold",className:r["default"]["file-upload-title"],ref:k},m," ",w&&n["default"].createElement("span",{className:r["default"]["file-upload-title-mandatory"]},"*")),(z===null||z===void 0?void 0:z.length)>0&&n["default"].createElement("ul",{className:r["default"]["file-list"]},z.map((({name:e,status:t,progress:l,error:r})=>n["default"].createElement("li",{key:e,className:t,id:e},n["default"].createElement(a.FileItem,{name:e,key:`${e}_${t}`,status:t,progress:l,error:r,downloadFileLink:q,onRequestedFileAction:T}))))),n["default"].createElement("div",{className:U.join(" "),onDragOver:e=>!g&&W(e),onDragLeave:e=>!g&&X(e),onDrop:e=>!g&&Y(e)},n["default"].createElement("div",{className:r["default"]["file-select"]},n["default"].createElement(l.Typography,{variant:"body",className:"drag-and-drop-text"},h),n["default"].createElement("div",{className:r["default"]["file-upload-btn"]},n["default"].createElement(t.Button,{variant:"outline",disabled:g},E,n["default"].createElement("input",{...B,className:`${r["default"]["upload-input"]} ${B.className}`,ref:$,"aria-labelledby":v,type:"file",name:o,multiple:f,disabled:g,accept:i,onChange:K,spellCheck:false}))),!g&&C,n["default"].createElement("span",{className:r["default"]["outline"]})))),D&&n["default"].createElement(l.Typography,{variant:"sub-text",className:_.join(" ")},D),P&&n["default"].createElement(l.Typography,{variant:"sub-text",className:G.join(" ")},P)))};const d=n["default"].forwardRef(i);exports.FileUpload=d;
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");var t=require("../../Button/Button.cjs.js");var a=require("./FileItem/FileItem.cjs.js");var l=require("../../Typography/Typography.cjs.js");var s=require("./FileUpload.module.cjs.js");var r=require("../../src/hooks/useDetermineStatusIcon.cjs.js");function o(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var n=o(e);const i=({name:o,accept:i,error:d,success:u,maxFileSizeInBytes:f,multiple:c,id:p,title:m,labeledBy:v,disabled:g=false,onChange:y,dragAndDropText:h="Drag and drop or",selectButtonText:E="Browse file",onDragOver:b,onDragLeave:x,wrapperProps:j,onDrop:D,subText:N,onRequestedFileAction:T,exceedingMaxSizeErrorText:F,fileList:z,downloadFileLink:q,isRequired:w=true,invalidDropErrorMessage:B="Invalid file format. Supported formats are: $accept.",noMultipleFileDropErrorMessage:$="You can upload only a single file.",...S},I)=>{const P=e.useRef(null);const[k,L]=e.useState(false);const[M,R]=e.useState("");const[A,C]=e.useState(false);const O=r.useDetermineStatusIcon({success:u,error:d});let U=[s["default"]["file-dropzone"]];let _=[s["default"]["upload-button-wrapper"]];let K=[s["default"]["file-selector-sub-text"]];let Y=[s["default"]["file-selector-sub-text"]];k&&_.push(s["default"]["drag-active"]);const G=A||d||M;if(G){const e=s["default"]["error"];U.push(e);K.push(e);Y.push(e)}g&&_.push(s["default"]["disabled"]);u&&!d&&U.push(s["default"]["success"]);const H=e=>{let t=z?[...z]:[];const a=z.map((e=>e.name));(e===null||e===void 0?void 0:e.length)&&Array.from(e).forEach((e=>{if(!a.includes(e.name))t=c?[...t,{...V(e),data:e}]:[{...V(e),data:e}]}));return t};const J=e=>{e.preventDefault();e.stopPropagation();let t=H(e.target.files);const a=t.length&&Q(t[t.length-1]);if(a)R("");a&&(y===null||y===void 0?void 0:y(t))};const Q=e=>{const t=e.name.split(".").pop();return t&&i.includes(t)};const V=e=>{const t={name:e.name,size:e.size,type:e.type};let a=false;if(f&&e.size&&e.size>=f){let e;const l=f>=1024*1024;if(l)e=`${(f/(1024*1024)).toFixed(2)}MB`;else e=`${(f/1024).toFixed(2)}KB`;t.error=F!==null&&F!==void 0?F:`The maximum allowed file size is ${e}. Upload a smaller file.`;t.status="error";a=true}C(a);return t};e.useEffect((()=>{if(z.length){const e=z.map((e=>V(e)));y===null||y===void 0?void 0:y(e)}}),[]);const W=e=>{e.preventDefault();e.stopPropagation();if(!k)L(true);b===null||b===void 0?void 0:b(e)};const X=e=>{var t;e.preventDefault();e.stopPropagation();const a=e.target;if((t=a===null||a===void 0?void 0:a.offsetParent)===null||t===void 0?void 0:t.classList.contains(s["default"]["file-dropzone"]))L(false);x===null||x===void 0?void 0:x(e)};const Z=e=>{var t,a,l;e.preventDefault();e.stopPropagation();if(((t=e===null||e===void 0?void 0:e.dataTransfer)===null||t===void 0?void 0:t.files)&&e.dataTransfer.files.length){const t=(l=(a=e===null||e===void 0?void 0:e.dataTransfer)===null||a===void 0?void 0:a.files[0])===null||l===void 0?void 0:l.name.split(".").pop();if(t&&i&&!i.includes(t)){R(B.replace("$accept",i));L(false);return}else if(!c&&e.dataTransfer.files.length>1){R($);L(false);return}else R("");const s=H(e.dataTransfer.files);D?D===null||D===void 0?void 0:D(s):y===null||y===void 0?void 0:y(s)}L(false)};return n["default"].createElement("div",{className:s["default"]["file-upload-wrapper"],...j},n["default"].createElement("div",{className:s["default"]["dropzone-wrapper"]},n["default"].createElement("div",{className:U.join(" ")},n["default"].createElement(l.Typography,{variant:"body-bold",className:s["default"]["file-upload-title"],ref:P},m," ",w&&n["default"].createElement("span",{className:s["default"]["file-upload-title-mandatory"]},"*")),(z===null||z===void 0?void 0:z.length)>0&&n["default"].createElement("ul",{className:s["default"]["file-list"]},z.map((({name:e,status:t,progress:l,error:s})=>n["default"].createElement("li",{key:e,className:t,id:e},n["default"].createElement(a.FileItem,{name:e,key:`${e}_${t}`,status:t,progress:l,error:s,downloadFileLink:q,onRequestedFileAction:T}))))),n["default"].createElement("div",{className:_.join(" "),onDragOver:e=>!g&&W(e),onDragLeave:e=>!g&&X(e),onDrop:e=>!g&&Z(e)},n["default"].createElement("div",{className:s["default"]["file-select"]},n["default"].createElement(l.Typography,{variant:"body",className:"drag-and-drop-text"},h),n["default"].createElement("div",{className:s["default"]["file-upload-btn"]},n["default"].createElement(t.Button,{variant:"outline",disabled:g},E,n["default"].createElement("input",{...S,className:`${s["default"]["upload-input"]} ${S.className}`,ref:I,"aria-labelledby":v,type:"file",name:o,multiple:c,disabled:g,accept:i,onChange:J,spellCheck:false}))),!g&&O,n["default"].createElement("span",{className:s["default"]["outline"]})))),M&&n["default"].createElement(l.Typography,{variant:"sub-text",className:Y.join(" ")},M),N&&n["default"].createElement(l.Typography,{variant:"sub-text",className:K.join(" ")},N)))};const d=n["default"].forwardRef(i);exports.FileUpload=d;
 //# sourceMappingURL=FileUpload.cjs.js.map

package/dist/cjs/Form/FileUpload/FileUpload.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileUpload.cjs.js","sources":["../../../../../../src/components/Form/FileUpload/FileUpload.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  DragEvent,\n  DragEventHandler,\n  ForwardRefRenderFunction,\n  useEffect,\n  useRef,\n  useState\n} from \"react\";\nimport { Button } from \"../../Button/Button\";\nimport { FILE_ACTION, FileItem, Props as FileConfig } from \"./FileItem/FileItem\";\nimport { Props as InputProps } from \"../Input/Input\";\nimport { Typography } from \"../../Typography/Typography\";\nimport classes from \"./FileUpload.module.scss\";\nimport { useDetermineStatusIcon } from \"../../../hooks/useDetermineStatusIcon\";\n\ntype FileUploadType = Omit<InputProps, \"onDrop\" | \"type\" | \"onChange\" | \"suffix\" | \"prefix\">;\nexport type FileType = Omit<FileConfig, \"onRequestedFileAction\"> &\n  Pick<File, \"size\" | \"type\"> & { data?: any };\n\nexport interface Props extends FileUploadType {\n  accept: string;\n  title: string;\n  multiple: boolean;\n  fileList: FileType[];\n  exceedingMaxSizeErrorText?: string;\n  maxFileSize?: number;\n  selectButtonText?: string;\n  dragAndDropText?: string;\n  subText?: string;\n  onDragOver?: DragEventHandler;\n  onDragEnter?: DragEventHandler;\n  onDragLeave?: DragEventHandler;\n  onDrop?: (e: FileType[]) => void;\n  onChange?: (e: FileType[]) => void;\n  onRequestedFileAction?: (action: FILE_ACTION, name: FileType[\"name\"]) => void;\n  downloadFileLink?: string;\n  isRequired?: boolean;\n  invalidDropErrorMessage?: string;\n}\n\nconst FileUploadComponent: ForwardRefRenderFunction<HTMLInputElement, Props> = (\n  {\n    name,\n    accept,\n    error,\n    success,\n    maxFileSize,\n    multiple,\n    id,\n    title,\n    labeledBy,\n    disabled = false,\n    onChange,\n    dragAndDropText = \"Drag and drop or\",\n    selectButtonText = \"Browse file\",\n    onDragOver,\n    onDragLeave,\n    wrapperProps,\n    onDrop,\n    subText,\n    onRequestedFileAction,\n    exceedingMaxSizeErrorText,\n    fileList,\n    downloadFileLink,\n    isRequired = true,\n    invalidDropErrorMessage = \"Invalid file format. Supported formats are: $accept.\",\n    ...rest\n  }: Props,\n  ref\n) => {\n  const labelRef = useRef(null);\n  const [dragActive, setDragActive] = useState(false);\n  const [errorMsg, setErrorMsg] = useState(\"\");\n  const [inputError, setInputError] = useState(false);\n  const icon = useDetermineStatusIcon({ success, error });\n  let dropzoneClassNames = [classes[\"file-dropzone\"]];\n  let dropzoneContainerClassNames = [classes[\"upload-button-wrapper\"]];\n  let subTextClass = [classes[\"file-selector-sub-text\"]];\n  let errorTextClass = [classes[\"file-selector-sub-text\"]];\n  dragActive && dropzoneContainerClassNames.push(classes[\"drag-active\"]);\n  const hasError = inputError || error || errorMsg;\n  if (hasError) {\n    const errorClass = classes[\"error\"];\n    dropzoneClassNames.push(errorClass);\n    subTextClass.push(errorClass);\n    errorTextClass.push(errorClass);\n  }\n  disabled && dropzoneClassNames.push(classes[\"disabled\"]);\n  success && !error && dropzoneClassNames.push(classes[\"success\"]);\n\n  const getFileList = (files: FileList | null): FileType[] => {\n    let savedFiles = fileList ? [...fileList] : [];\n    const fileNames = fileList.map(el => el.name);\n    files?.length &&\n      Array.from(files as ArrayLike<File>).forEach(el => {\n        if (!fileNames.includes(el.name)) {\n          savedFiles = multiple\n            ? [\n                ...savedFiles,\n                {\n                  ...validateUpload(el),\n                  data: el\n                }\n              ]\n            : [\n                {\n                  ...validateUpload(el),\n                  data: el\n                }\n              ];\n        }\n      });\n    return savedFiles;\n  };\n  const onInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    e.preventDefault();\n    e.stopPropagation();\n    let files = getFileList(e.target.files);\n    files.length && verifyExtensionValidity(files[files.length - 1]) && onChange?.(files);\n  };\n\n  const verifyExtensionValidity = (file: FileType) => {\n    const extension = file.name.split(\".\").pop();\n    return extension && accept.includes(extension);\n  };\n\n  const validateUpload = (file: FileType) => {\n    const result: FileType = {\n      name: file.name,\n      size: file.size,\n      type: file.type\n    };\n\n    let err = false;\n    if (maxFileSize && file.size && file.size >= maxFileSize) {\n      const mb = (maxFileSize / (1024 * 1024)).toFixed(2);\n      result.error =\n        exceedingMaxSizeErrorText ??\n        `The maximum allowed file size is ${mb}MB. Upload a smaller file.`;\n      result.status = \"error\";\n      err = true;\n    }\n    setInputError(err);\n    return result;\n  };\n\n  useEffect(() => {\n    if (fileList.length) {\n      const validatedFiles = fileList.map(file => validateUpload(file));\n      onChange?.(validatedFiles);\n    }\n  }, []);\n\n  const handleOnDragOver = (e: DragEvent<HTMLDivElement>) => {\n    e.preventDefault();\n    e.stopPropagation();\n    if (!dragActive) {\n      setDragActive(true);\n    }\n    onDragOver?.(e);\n  };\n\n  const handleOnDragLeave = (e: DragEvent<HTMLDivElement>) => {\n    e.preventDefault();\n    e.stopPropagation();\n    const target = e.target as HTMLElement;\n    if (target?.classList.contains(classes[\"file-dropzone\"])) {\n      setDragActive(false);\n    }\n    onDragLeave?.(e);\n  };\n\n  const handleOnDrop = (e: DragEvent<HTMLDivElement>) => {\n    e.preventDefault();\n    e.stopPropagation();\n    if (e?.dataTransfer?.files && e.dataTransfer.files.length) {\n      const extension = e?.dataTransfer?.files[0]?.name.split(\".\").pop();\n      if (extension && accept && !accept.includes(extension)) {\n        setErrorMsg(invalidDropErrorMessage.replace(\"$accept\", accept));\n        setDragActive(false);\n        return;\n      } else {\n        setErrorMsg(\"\");\n      }\n      const validatedFiles = getFileList(e.dataTransfer.files);\n      onDrop?.(validatedFiles);\n    }\n    setDragActive(false);\n  };\n\n  return (\n    <div className={classes[\"file-upload-wrapper\"]} {...wrapperProps}>\n      <div className={classes[\"dropzone-wrapper\"]}>\n        <div className={dropzoneClassNames.join(\" \")}>\n          <Typography variant=\"body-bold\" className={classes[\"file-upload-title\"]} ref={labelRef}>\n            {title}{\" \"}\n            {isRequired && <span className={classes[\"file-upload-title-mandatory\"]}>*</span>}\n          </Typography>\n\n          {fileList?.length > 0 && (\n            <ul className={classes[\"file-list\"]}>\n              {fileList.map(({ name, status, progress, error }) => (\n                <li key={name} className={status} id={name}>\n                  <FileItem\n                    name={name}\n                    key={`${name}_${status}`}\n                    status={status}\n                    progress={progress}\n                    error={error}\n                    downloadFileLink={downloadFileLink}\n                    onRequestedFileAction={onRequestedFileAction}\n                  />\n                </li>\n              ))}\n            </ul>\n          )}\n\n          <div\n            className={dropzoneContainerClassNames.join(\" \")}\n            onDragOver={e => !disabled && handleOnDragOver(e)}\n            onDragLeave={e => !disabled && handleOnDragLeave(e)}\n            onDrop={e => !disabled && handleOnDrop(e)}\n          >\n            <div className={classes[\"file-select\"]}>\n              <Typography variant=\"body\" className={\"drag-and-drop-text\"}>\n                {dragAndDropText}\n              </Typography>\n\n              <div className={classes[\"file-upload-btn\"]}>\n                <Button variant=\"outline\" disabled={disabled}>\n                  {selectButtonText}\n                  <input\n                    {...rest}\n                    className={`${classes[\"upload-input\"]} ${rest.className}`}\n                    ref={ref}\n                    aria-labelledby={labeledBy}\n                    type=\"file\"\n                    name={name}\n                    multiple={multiple}\n                    disabled={disabled}\n                    accept={accept}\n                    onChange={onInputChange}\n                    spellCheck={false}\n                  />\n                </Button>\n              </div>\n              {!disabled && icon}\n              <span className={classes[\"outline\"]}></span>\n            </div>\n          </div>\n        </div>\n        {subText && (\n          <Typography variant={\"sub-text\"} className={subTextClass.join(\" \")}>\n            {subText}\n          </Typography>\n        )}\n\n        {errorMsg && (\n          <Typography variant={\"sub-text\"} className={errorTextClass.join(\" \")}>\n            {errorMsg}\n          </Typography>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport const FileUpload = React.forwardRef(FileUploadComponent);\n"],"names":["FileUploadComponent","name","accept","error","success","maxFileSize","multiple","id","title","labeledBy","disabled","onChange","dragAndDropText","selectButtonText","onDragOver","onDragLeave","wrapperProps","onDrop","subText","onRequestedFileAction","exceedingMaxSizeErrorText","fileList","downloadFileLink","isRequired","invalidDropErrorMessage","rest","ref","labelRef","useRef","dragActive","setDragActive","useState","errorMsg","setErrorMsg","inputError","setInputError","icon","useDetermineStatusIcon","dropzoneClassNames","classes","dropzoneContainerClassNames","subTextClass","errorTextClass","push","hasError","errorClass","getFileList","files","savedFiles","fileNames","map","el","length","Array","from","forEach","includes","validateUpload","data","onInputChange","e","preventDefault","stopPropagation","target","verifyExtensionValidity","file","extension","split","pop","result","size","type","err","mb","toFixed","status","useEffect","validatedFiles","handleOnDragOver","handleOnDragLeave","classList","contains","handleOnDrop","dataTransfer","_a","_c","_b","replace","React","className","createElement","join","Typography","variant","progress","key","FileItem","Button","spellCheck","FileUpload","forwardRef"],"mappings":"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"}
+{"version":3,"file":"FileUpload.cjs.js","sources":["../../../../../../src/components/Form/FileUpload/FileUpload.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  DragEvent,\n  DragEventHandler,\n  ForwardRefRenderFunction,\n  useEffect,\n  useRef,\n  useState\n} from \"react\";\nimport { Button } from \"../../Button/Button\";\nimport { FILE_ACTION, FileItem, Props as FileConfig } from \"./FileItem/FileItem\";\nimport { Props as InputProps } from \"../Input/Input\";\nimport { Typography } from \"../../Typography/Typography\";\nimport classes from \"./FileUpload.module.scss\";\nimport { useDetermineStatusIcon } from \"../../../hooks/useDetermineStatusIcon\";\n\ntype FileUploadType = Omit<InputProps, \"onDrop\" | \"type\" | \"onChange\" | \"suffix\" | \"prefix\">;\nexport type FileType = Omit<FileConfig, \"onRequestedFileAction\"> &\n  Pick<File, \"size\" | \"type\"> & { data?: any };\n\nexport interface Props extends FileUploadType {\n  accept: string;\n  title: string;\n  multiple: boolean;\n  fileList: FileType[];\n  exceedingMaxSizeErrorText?: string;\n  maxFileSizeInBytes?: number;\n  selectButtonText?: string;\n  dragAndDropText?: string;\n  subText?: string;\n  onDragOver?: DragEventHandler;\n  onDragEnter?: DragEventHandler;\n  onDragLeave?: DragEventHandler;\n  onDrop?: (e: FileType[]) => void;\n  onChange?: (e: FileType[]) => void;\n  onRequestedFileAction?: (action: FILE_ACTION, name: FileType[\"name\"]) => void;\n  downloadFileLink?: string;\n  isRequired?: boolean;\n  invalidDropErrorMessage?: string;\n  noMultipleFileDropErrorMessage?: string;\n}\n\nconst FileUploadComponent: ForwardRefRenderFunction<HTMLInputElement, Props> = (\n  {\n    name,\n    accept,\n    error,\n    success,\n    maxFileSizeInBytes,\n    multiple,\n    id,\n    title,\n    labeledBy,\n    disabled = false,\n    onChange,\n    dragAndDropText = \"Drag and drop or\",\n    selectButtonText = \"Browse file\",\n    onDragOver,\n    onDragLeave,\n    wrapperProps,\n    onDrop,\n    subText,\n    onRequestedFileAction,\n    exceedingMaxSizeErrorText,\n    fileList,\n    downloadFileLink,\n    isRequired = true,\n    invalidDropErrorMessage = \"Invalid file format. Supported formats are: $accept.\",\n    noMultipleFileDropErrorMessage = \"You can upload only a single file.\",\n    ...rest\n  }: Props,\n  ref\n) => {\n  const labelRef = useRef(null);\n  const [dragActive, setDragActive] = useState(false);\n  const [errorMsg, setErrorMsg] = useState(\"\");\n  const [inputError, setInputError] = useState(false);\n  const icon = useDetermineStatusIcon({ success, error });\n  let dropzoneClassNames = [classes[\"file-dropzone\"]];\n  let dropzoneContainerClassNames = [classes[\"upload-button-wrapper\"]];\n  let subTextClass = [classes[\"file-selector-sub-text\"]];\n  let errorTextClass = [classes[\"file-selector-sub-text\"]];\n  dragActive && dropzoneContainerClassNames.push(classes[\"drag-active\"]);\n  const hasError = inputError || error || errorMsg;\n  if (hasError) {\n    const errorClass = classes[\"error\"];\n    dropzoneClassNames.push(errorClass);\n    subTextClass.push(errorClass);\n    errorTextClass.push(errorClass);\n  }\n  disabled && dropzoneContainerClassNames.push(classes[\"disabled\"]);\n  success && !error && dropzoneClassNames.push(classes[\"success\"]);\n\n  const getFileList = (files: FileList | null): FileType[] => {\n    let savedFiles = fileList ? [...fileList] : [];\n    const fileNames = fileList.map(el => el.name);\n    files?.length &&\n      Array.from(files as ArrayLike<File>).forEach(el => {\n        if (!fileNames.includes(el.name)) {\n          savedFiles = multiple\n            ? [\n                ...savedFiles,\n                {\n                  ...validateUpload(el),\n                  data: el\n                }\n              ]\n            : [\n                {\n                  ...validateUpload(el),\n                  data: el\n                }\n              ];\n        }\n      });\n    return savedFiles;\n  };\n  const onInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    e.preventDefault();\n    e.stopPropagation();\n    let files = getFileList(e.target.files);\n    const isFileValid = files.length && verifyExtensionValidity(files[files.length - 1]);\n    if (isFileValid) {\n      setErrorMsg(\"\");\n    }\n    isFileValid && onChange?.(files);\n  };\n\n  const verifyExtensionValidity = (file: FileType) => {\n    const extension = file.name.split(\".\").pop();\n    return extension && accept.includes(extension);\n  };\n\n  const validateUpload = (file: FileType) => {\n    const result: FileType = {\n      name: file.name,\n      size: file.size,\n      type: file.type\n    };\n\n    let err = false;\n\n    if (maxFileSizeInBytes && file.size && file.size >= maxFileSizeInBytes) {\n      let sizeMessage: string;\n      const isAtLeastOneMb = maxFileSizeInBytes >= 1024 * 1024;\n\n      if (isAtLeastOneMb) {\n        sizeMessage = `${(maxFileSizeInBytes / (1024 * 1024)).toFixed(2)}MB`;\n      } else {\n        sizeMessage = `${(maxFileSizeInBytes / 1024).toFixed(2)}KB`;\n      }\n\n      result.error =\n        exceedingMaxSizeErrorText ??\n        `The maximum allowed file size is ${sizeMessage}. Upload a smaller file.`;\n      result.status = \"error\";\n      err = true;\n    }\n\n    setInputError(err);\n    return result;\n  };\n\n  useEffect(() => {\n    if (fileList.length) {\n      const validatedFiles = fileList.map(file => validateUpload(file));\n      onChange?.(validatedFiles);\n    }\n  }, []);\n\n  const handleOnDragOver = (e: DragEvent<HTMLDivElement>) => {\n    e.preventDefault();\n    e.stopPropagation();\n    if (!dragActive) {\n      setDragActive(true);\n    }\n    onDragOver?.(e);\n  };\n\n  const handleOnDragLeave = (e: DragEvent<HTMLDivElement>) => {\n    e.preventDefault();\n    e.stopPropagation();\n    const target = e.target as HTMLElement;\n    if (target?.offsetParent?.classList.contains(classes[\"file-dropzone\"])) {\n      setDragActive(false);\n    }\n    onDragLeave?.(e);\n  };\n\n  const handleOnDrop = (e: DragEvent<HTMLDivElement>) => {\n    e.preventDefault();\n    e.stopPropagation();\n    if (e?.dataTransfer?.files && e.dataTransfer.files.length) {\n      const extension = e?.dataTransfer?.files[0]?.name.split(\".\").pop();\n      if (extension && accept && !accept.includes(extension)) {\n        setErrorMsg(invalidDropErrorMessage.replace(\"$accept\", accept));\n        setDragActive(false);\n        return;\n      } else if (!multiple && e.dataTransfer.files.length > 1) {\n        setErrorMsg(noMultipleFileDropErrorMessage);\n        setDragActive(false);\n        return;\n      } else {\n        setErrorMsg(\"\");\n      }\n      const validatedFiles = getFileList(e.dataTransfer.files);\n      onDrop ? onDrop?.(validatedFiles) : onChange?.(validatedFiles);\n    }\n    setDragActive(false);\n  };\n\n  return (\n    <div className={classes[\"file-upload-wrapper\"]} {...wrapperProps}>\n      <div className={classes[\"dropzone-wrapper\"]}>\n        <div className={dropzoneClassNames.join(\" \")}>\n          <Typography variant=\"body-bold\" className={classes[\"file-upload-title\"]} ref={labelRef}>\n            {title}{\" \"}\n            {isRequired && <span className={classes[\"file-upload-title-mandatory\"]}>*</span>}\n          </Typography>\n\n          {fileList?.length > 0 && (\n            <ul className={classes[\"file-list\"]}>\n              {fileList.map(({ name, status, progress, error }) => (\n                <li key={name} className={status} id={name}>\n                  <FileItem\n                    name={name}\n                    key={`${name}_${status}`}\n                    status={status}\n                    progress={progress}\n                    error={error}\n                    downloadFileLink={downloadFileLink}\n                    onRequestedFileAction={onRequestedFileAction}\n                  />\n                </li>\n              ))}\n            </ul>\n          )}\n\n          <div\n            className={dropzoneContainerClassNames.join(\" \")}\n            onDragOver={e => !disabled && handleOnDragOver(e)}\n            onDragLeave={e => !disabled && handleOnDragLeave(e)}\n            onDrop={e => !disabled && handleOnDrop(e)}\n          >\n            <div className={classes[\"file-select\"]}>\n              <Typography variant=\"body\" className={\"drag-and-drop-text\"}>\n                {dragAndDropText}\n              </Typography>\n\n              <div className={classes[\"file-upload-btn\"]}>\n                <Button variant=\"outline\" disabled={disabled}>\n                  {selectButtonText}\n                  <input\n                    {...rest}\n                    className={`${classes[\"upload-input\"]} ${rest.className}`}\n                    ref={ref}\n                    aria-labelledby={labeledBy}\n                    type=\"file\"\n                    name={name}\n                    multiple={multiple}\n                    disabled={disabled}\n                    accept={accept}\n                    onChange={onInputChange}\n                    spellCheck={false}\n                  />\n                </Button>\n              </div>\n              {!disabled && icon}\n              <span className={classes[\"outline\"]}></span>\n            </div>\n          </div>\n        </div>\n        {errorMsg && (\n          <Typography variant={\"sub-text\"} className={errorTextClass.join(\" \")}>\n            {errorMsg}\n          </Typography>\n        )}\n        {subText && (\n          <Typography variant={\"sub-text\"} className={subTextClass.join(\" \")}>\n            {subText}\n          </Typography>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport const FileUpload = React.forwardRef(FileUploadComponent);\n"],"names":["FileUploadComponent","name","accept","error","success","maxFileSizeInBytes","multiple","id","title","labeledBy","disabled","onChange","dragAndDropText","selectButtonText","onDragOver","onDragLeave","wrapperProps","onDrop","subText","onRequestedFileAction","exceedingMaxSizeErrorText","fileList","downloadFileLink","isRequired","invalidDropErrorMessage","noMultipleFileDropErrorMessage","rest","ref","labelRef","useRef","dragActive","setDragActive","useState","errorMsg","setErrorMsg","inputError","setInputError","icon","useDetermineStatusIcon","dropzoneClassNames","classes","dropzoneContainerClassNames","subTextClass","errorTextClass","push","hasError","errorClass","getFileList","files","savedFiles","fileNames","map","el","length","Array","from","forEach","includes","validateUpload","data","onInputChange","e","preventDefault","stopPropagation","target","isFileValid","verifyExtensionValidity","file","extension","split","pop","result","size","type","err","sizeMessage","isAtLeastOneMb","toFixed","status","useEffect","validatedFiles","handleOnDragOver","handleOnDragLeave","offsetParent","_a","classList","contains","handleOnDrop","dataTransfer","_c","_b","replace","React","className","createElement","join","Typography","variant","progress","key","FileItem","Button","spellCheck","FileUpload","forwardRef"],"mappings":"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"}

package/dist/cjs/Form/FileUpload/FileUpload.module.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var l=require("../../../lib/style-inject.js");var e='/*!\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 */.FileUpload-module_sr-only__Awag4{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.FileUpload-module_hidden__JayBD{display:none}.FileUpload-module_slide-in__w7j8k{animation:FileUpload-module_slide-in__w7j8k .5s forwards}@media (prefers-reduced-motion:reduce){.FileUpload-module_slide-in__w7j8k{animation-duration:.1ms}}.FileUpload-module_slide-out__tZ-rV{animation:FileUpload-module_slide-out__tZ-rV .5s forwards}@media (prefers-reduced-motion:reduce){.FileUpload-module_slide-out__tZ-rV{animation-duration:.1ms}}@keyframes FileUpload-module_slide-in__w7j8k{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes FileUpload-module_slide-out__tZ-rV{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.FileUpload-module_file-upload-wrapper__CIx-a{display:flex;flex-direction:column}.FileUpload-module_file-dropzone__O-VP-{background-color:var(--input-background-color);border-radius:var(--input-border-radius);padding:.25rem 1.25rem;position:relative;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}.FileUpload-module_file-dropzone__O-VP- .FileUpload-module_file-upload-title__CEPD-{font-size:.875rem;font-weight:400;margin:0 0 .25rem}@media (prefers-reduced-motion:reduce){.FileUpload-module_file-dropzone__O-VP-{transition-duration:.1ms}}.FileUpload-module_file-dropzone__O-VP-.FileUpload-module_error__q2B-7 .FileUpload-module_file-upload-title__CEPD-,.FileUpload-module_file-dropzone__O-VP-.FileUpload-module_error__q2B-7 span[data-icon-status]{color:var(--error)}.FileUpload-module_file-dropzone__O-VP-.FileUpload-module_error__q2B-7 .FileUpload-module_file-select__sW1Pn{border-color:var(--error)}.FileUpload-module_file-dropzone__O-VP-.FileUpload-module_success__GqO-7 span[data-icon-status]{color:var(--success)}.FileUpload-module_file-dropzone__O-VP-.FileUpload-module_disabled__hvZQb{background-color:var(--disabled);color:var(--greyed-out);pointer-events:none}.FileUpload-module_file-dropzone__O-VP- span[data-icon-status]{font-size:1.25rem;position:absolute;right:2rem;top:auto}.FileUpload-module_file-dropzone__O-VP- .FileUpload-module_file-upload-title-mandatory__xEZ-6{color:var(--color-red500)}.FileUpload-module_upload-button-wrapper__vVTvg{background:var(--color-blue-grey25);padding:4px}.FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_drag-active__MRJJR .FileUpload-module_outline__QfJ8U{background-color:var(--color-primary-light);border:var(--file-upload-border-width) var(--drag-drop-border-style) var(--color-blue-grey500);border-radius:var(--input-border-radius);inset:0;margin:0;padding:0;pointer-events:none;position:absolute;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_drag-active__MRJJR .FileUpload-module_outline__QfJ8U{transition-duration:.1ms}}.FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_drag-active__MRJJR .FileUpload-module_outline__QfJ8U:before{color:var(--color-primary);content:"Drop here";display:block;padding-top:2rem;text-align:center}.FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_drag-active__MRJJR:hover .FileUpload-module_outline__QfJ8U{background-color:var(--color-primary-light)}.FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_drag-active__MRJJR .FileUpload-module_file-select__sW1Pn{position:relative}.FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_drag-active__MRJJR .FileUpload-module_error__q2B-7 .FileUpload-module_outline__QfJ8U{border-color:var(--error)}.FileUpload-module_file-selector-sub-text__nCXMq{color:var(--greyed-out);padding:0 1.25rem}.FileUpload-module_file-selector-sub-text__nCXMq.FileUpload-module_error__q2B-7{color:var(--error)}.FileUpload-module_file-select__sW1Pn{align-items:center;border:var(--file-upload-border-width) var(--drag-drop-border-style) var(--color-blue-grey100);display:flex;flex-direction:row;justify-content:center;padding:1.25rem}.FileUpload-module_file-select__sW1Pn [class*=file]{font-size:1.25rem;margin-left:.5rem}.FileUpload-module_file-select__sW1Pn [class*=typography]{margin-bottom:0}.FileUpload-module_upload-input__wteSl{border:none;bottom:0;cursor:pointer;display:block;left:0;opacity:0;position:absolute;right:0;text-transform:none;top:0;width:100%}.FileUpload-module_upload-input__wteSl:focus{outline:none}.FileUpload-module_file-upload-btn__M2Fg-{position:relative}.FileUpload-module_file-list__GLggq{list-style:none;margin:.25rem 0;padding:0}.FileUpload-module_file-list__GLggq li:not(:last-child){margin-bottom:.5rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbGVVcGxvYWQubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLGtDQU9FLGtCQUFzQixDQUN0QixRQUFTLENBTFQsVUFBVyxDQUVYLFdBQVksQ0FDWixlQUFnQixDQUZoQixTQUFVLENBSFYsaUJBQWtCLENBQ2xCLFNBT0YsQ0FFQSxpQ0FDRSxZQUNGLENBRUEsbUNBQ0Usd0RBQ0YsQ0FFQSx1Q0FDRSxtQ0FDRSx1QkFDRixDQUNGLENBQ0Esb0NBQ0UseURBQ0YsQ0FFQSx1Q0FDRSxvQ0FDRSx1QkFDRixDQUNGLENBQ0EsNkNBQ0UsR0FDRSwyQkFDRixDQUNBLEdBQ0UsdUJBQ0YsQ0FDRixDQUNBLDhDQUNFLEdBQ0UsdUJBQ0YsQ0FDQSxHQUNFLDJCQUNGLENBQ0YsQ0FDQSw4Q0FDRSxZQUFhLENBQ2IscUJBQ0YsQ0FFQSx3Q0FFRSw4Q0FBK0MsQ0FEL0Msd0NBQXlDLENBRXpDLHNCQUF3QixDQUN4QixpQkFBa0IsQ0FFbEIsdUJBQXlCLENBRHpCLHVCQUF3QixDQUV4QixzQ0FDRixDQUNBLG9GQUVFLGlCQUFtQixDQUNuQixlQUFnQixDQUZoQixpQkFHRixDQUNBLHVDQUNFLHdDQUNFLHdCQUNGLENBQ0YsQ0FDQSxpTkFFRSxrQkFDRixDQUNBLDZHQUNFLHlCQUNGLENBQ0EsZ0dBQ0Usb0JBQ0YsQ0FDQSwwRUFFRSxnQ0FBaUMsQ0FDakMsdUJBQXdCLENBRnhCLG1CQUdGLENBQ0EsK0RBQ0UsaUJBQWtCLENBQ2xCLGlCQUFrQixDQUVsQixVQUFXLENBRFgsUUFFRixDQUNBLDhGQUNFLHlCQUNGLENBRUEsZ0RBQ0UsbUNBQW9DLENBQ3BDLFdBQ0YsQ0FDQSx1SEFRRSwyQ0FBNEMsQ0FGNUMsOEZBQStGLENBQy9GLHdDQUF5QyxDQUZ6QyxPQUFRLENBRlIsUUFBUyxDQUNULFNBQVUsQ0FIVixtQkFBb0IsQ0FDcEIsaUJBQWtCLENBUWxCLHVCQUF5QixDQUR6Qix1QkFBd0IsQ0FFeEIsc0NBQ0YsQ0FDQSx1Q0FDRSx1SEFDRSx3QkFDRixDQUNGLENBQ0EsOEhBSUUsMEJBQTJCLENBSDNCLG1CQUFvQixDQUVwQixhQUFjLENBRWQsZ0JBQWlCLENBSGpCLGlCQUlGLENBQ0EsNkhBQ0UsMkNBQ0YsQ0FDQSwySEFDRSxpQkFDRixDQUNBLHVKQUNFLHlCQUNGLENBRUEsaURBQ0UsdUJBQXdCLENBQ3hCLGlCQUNGLENBQ0EsZ0ZBQ0Usa0JBQ0YsQ0FFQSxzQ0FFRSxrQkFBbUIsQ0FHbkIsOEZBQStGLENBSi9GLFlBQWEsQ0FFYixrQkFBbUIsQ0FDbkIsc0JBQXVCLENBRXZCLGVBQ0YsQ0FDQSxvREFDRSxpQkFBa0IsQ0FDbEIsaUJBQ0YsQ0FDQSwwREFDRSxlQUNGLENBRUEsdUNBR0UsV0FBWSxDQU1aLFFBQVMsQ0FFVCxjQUFlLENBVmYsYUFBYyxDQU1kLE1BQU8sQ0FHUCxTQUFVLENBTFYsaUJBQWtCLENBR2xCLE9BQVEsQ0FKUixtQkFBb0IsQ0FFcEIsS0FBTSxDQUpOLFVBVUYsQ0FDQSw2Q0FDRSxZQUNGLENBRUEsMENBQ0UsaUJBQ0YsQ0FFQSxvQ0FDRSxlQUFnQixDQUVoQixlQUFpQixDQURqQixTQUVGLENBQ0Esd0RBQ0UsbUJBQ0YiLCJmaWxlIjoiRmlsZVVwbG9hZC5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnNyLW9ubHkge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxcHg7XG4gIGhlaWdodDogMXB4O1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IC0xcHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGNsaXA6IHJlY3QoMCwgMCwgMCwgMCk7XG4gIGJvcmRlcjogMDtcbn1cblxuLmhpZGRlbiB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5zbGlkZS1pbiB7XG4gIGFuaW1hdGlvbjogc2xpZGUtaW4gMC41cyBmb3J3YXJkcztcbn1cblxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLWluIHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG4uc2xpZGUtb3V0IHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1vdXQgMC41cyBmb3J3YXJkcztcbn1cblxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLW91dCB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuQGtleWZyYW1lcyBzbGlkZS1pbiB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbn1cbkBrZXlmcmFtZXMgc2xpZGUtb3V0IHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxufVxuLmZpbGUtdXBsb2FkLXdyYXBwZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xufVxuXG4uZmlsZS1kcm9wem9uZSB7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLWlucHV0LWJvcmRlci1yYWRpdXMpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1pbnB1dC1iYWNrZ3JvdW5kLWNvbG9yKTtcbiAgcGFkZGluZzogMC4yNXJlbSAxLjI1cmVtO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGFsbDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4ycztcbiAgdHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2UtaW4tb3V0O1xufVxuLmZpbGUtZHJvcHpvbmUgLmZpbGUtdXBsb2FkLXRpdGxlIHtcbiAgbWFyZ2luOiAwIDAgMC4yNXJlbSAwO1xuICBmb250LXNpemU6IDAuODc1cmVtO1xuICBmb250LXdlaWdodDogNDAwO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLmZpbGUtZHJvcHpvbmUge1xuICAgIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG4uZmlsZS1kcm9wem9uZS5lcnJvciBzcGFuW2RhdGEtaWNvbi1zdGF0dXNdLFxuLmZpbGUtZHJvcHpvbmUuZXJyb3IgLmZpbGUtdXBsb2FkLXRpdGxlIHtcbiAgY29sb3I6IHZhcigtLWVycm9yKTtcbn1cbi5maWxlLWRyb3B6b25lLmVycm9yIC5maWxlLXNlbGVjdCB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tZXJyb3IpO1xufVxuLmZpbGUtZHJvcHpvbmUuc3VjY2VzcyBzcGFuW2RhdGEtaWNvbi1zdGF0dXNdIHtcbiAgY29sb3I6IHZhcigtLXN1Y2Nlc3MpO1xufVxuLmZpbGUtZHJvcHpvbmUuZGlzYWJsZWQge1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZGlzYWJsZWQpO1xuICBjb2xvcjogdmFyKC0tZ3JleWVkLW91dCk7XG59XG4uZmlsZS1kcm9wem9uZSBzcGFuW2RhdGEtaWNvbi1zdGF0dXNdIHtcbiAgZm9udC1zaXplOiAxLjI1cmVtO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogYXV0bztcbiAgcmlnaHQ6IDJyZW07XG59XG4uZmlsZS1kcm9wem9uZSAuZmlsZS11cGxvYWQtdGl0bGUtbWFuZGF0b3J5IHtcbiAgY29sb3I6IHZhcigtLWNvbG9yLXJlZDUwMCk7XG59XG5cbi51cGxvYWQtYnV0dG9uLXdyYXBwZXIge1xuICBiYWNrZ3JvdW5kOiB2YXIoLS1jb2xvci1ibHVlLWdyZXkyNSk7XG4gIHBhZGRpbmc6IDRweDtcbn1cbi51cGxvYWQtYnV0dG9uLXdyYXBwZXIuZHJhZy1hY3RpdmUgLm91dGxpbmUge1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDA7XG4gIGluc2V0OiAwO1xuICBib3JkZXI6IHZhcigtLWZpbGUtdXBsb2FkLWJvcmRlci13aWR0aCkgdmFyKC0tZHJhZy1kcm9wLWJvcmRlci1zdHlsZSkgdmFyKC0tY29sb3ItYmx1ZS1ncmV5NTAwKTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLXByaW1hcnktbGlnaHQpO1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBhbGw7XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMnM7XG4gIHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiBlYXNlLWluLW91dDtcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC51cGxvYWQtYnV0dG9uLXdyYXBwZXIuZHJhZy1hY3RpdmUgLm91dGxpbmUge1xuICAgIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG4udXBsb2FkLWJ1dHRvbi13cmFwcGVyLmRyYWctYWN0aXZlIC5vdXRsaW5lOjpiZWZvcmUge1xuICBjb250ZW50OiBcIkRyb3AgaGVyZVwiO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBjb2xvcjogdmFyKC0tY29sb3ItcHJpbWFyeSk7XG4gIHBhZGRpbmctdG9wOiAycmVtO1xufVxuLnVwbG9hZC1idXR0b24td3JhcHBlci5kcmFnLWFjdGl2ZTpob3ZlciAub3V0bGluZSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLXByaW1hcnktbGlnaHQpO1xufVxuLnVwbG9hZC1idXR0b24td3JhcHBlci5kcmFnLWFjdGl2ZSAuZmlsZS1zZWxlY3Qge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG4udXBsb2FkLWJ1dHRvbi13cmFwcGVyLmRyYWctYWN0aXZlIC5lcnJvciAub3V0bGluZSB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tZXJyb3IpO1xufVxuXG4uZmlsZS1zZWxlY3Rvci1zdWItdGV4dCB7XG4gIGNvbG9yOiB2YXIoLS1ncmV5ZWQtb3V0KTtcbiAgcGFkZGluZzogMCAxLjI1cmVtO1xufVxuLmZpbGUtc2VsZWN0b3Itc3ViLXRleHQuZXJyb3Ige1xuICBjb2xvcjogdmFyKC0tZXJyb3IpO1xufVxuXG4uZmlsZS1zZWxlY3Qge1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYm9yZGVyOiB2YXIoLS1maWxlLXVwbG9hZC1ib3JkZXItd2lkdGgpIHZhcigtLWRyYWctZHJvcC1ib3JkZXItc3R5bGUpIHZhcigtLWNvbG9yLWJsdWUtZ3JleTEwMCk7XG4gIHBhZGRpbmc6IDEuMjVyZW07XG59XG4uZmlsZS1zZWxlY3QgW2NsYXNzKj1maWxlXSB7XG4gIGZvbnQtc2l6ZTogMS4yNXJlbTtcbiAgbWFyZ2luLWxlZnQ6IDAuNXJlbTtcbn1cbi5maWxlLXNlbGVjdCBbY2xhc3MqPXR5cG9ncmFwaHldIHtcbiAgbWFyZ2luLWJvdHRvbTogMDtcbn1cblxuLnVwbG9hZC1pbnB1dCB7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICB3aWR0aDogMTAwJTtcbiAgYm9yZGVyOiBub25lO1xuICB0ZXh0LXRyYW5zZm9ybTogbm9uZTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIGxlZnQ6IDA7XG4gIHJpZ2h0OiAwO1xuICBib3R0b206IDA7XG4gIG9wYWNpdHk6IDA7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cbi51cGxvYWQtaW5wdXQ6Zm9jdXMge1xuICBvdXRsaW5lOiBub25lO1xufVxuXG4uZmlsZS11cGxvYWQtYnRuIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuXG4uZmlsZS1saXN0IHtcbiAgbGlzdC1zdHlsZTogbm9uZTtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAwLjI1cmVtIDA7XG59XG4uZmlsZS1saXN0IGxpOm5vdCg6bGFzdC1jaGlsZCkge1xuICBtYXJnaW4tYm90dG9tOiAwLjVyZW07XG59Il19 */';var i={"sr-only":"FileUpload-module_sr-only__Awag4",hidden:"FileUpload-module_hidden__JayBD","slide-in":"FileUpload-module_slide-in__w7j8k","slide-out":"FileUpload-module_slide-out__tZ-rV","file-upload-wrapper":"FileUpload-module_file-upload-wrapper__CIx-a","file-dropzone":"FileUpload-module_file-dropzone__O-VP-","file-upload-title":"FileUpload-module_file-upload-title__CEPD-",error:"FileUpload-module_error__q2B-7","file-select":"FileUpload-module_file-select__sW1Pn",success:"FileUpload-module_success__GqO-7",disabled:"FileUpload-module_disabled__hvZQb","file-upload-title-mandatory":"FileUpload-module_file-upload-title-mandatory__xEZ-6","upload-button-wrapper":"FileUpload-module_upload-button-wrapper__vVTvg","drag-active":"FileUpload-module_drag-active__MRJJR",outline:"FileUpload-module_outline__QfJ8U","file-selector-sub-text":"FileUpload-module_file-selector-sub-text__nCXMq","upload-input":"FileUpload-module_upload-input__wteSl","file-upload-btn":"FileUpload-module_file-upload-btn__M2Fg-","file-list":"FileUpload-module_file-list__GLggq"};l["default"](e);exports["default"]=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});var l=require("../../../lib/style-inject.js");var e='/*!\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 */.FileUpload-module_sr-only__Awag4{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.FileUpload-module_hidden__JayBD{display:none}.FileUpload-module_slide-in__w7j8k{animation:FileUpload-module_slide-in__w7j8k .5s forwards}@media (prefers-reduced-motion:reduce){.FileUpload-module_slide-in__w7j8k{animation-duration:.1ms}}.FileUpload-module_slide-out__tZ-rV{animation:FileUpload-module_slide-out__tZ-rV .5s forwards}@media (prefers-reduced-motion:reduce){.FileUpload-module_slide-out__tZ-rV{animation-duration:.1ms}}@keyframes FileUpload-module_slide-in__w7j8k{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes FileUpload-module_slide-out__tZ-rV{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.FileUpload-module_file-upload-wrapper__CIx-a{display:flex;flex-direction:column}.FileUpload-module_file-dropzone__O-VP-{background-color:var(--input-background-color);border-radius:var(--input-border-radius);padding:.25rem 1.25rem;position:relative;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}.FileUpload-module_file-dropzone__O-VP- .FileUpload-module_file-upload-title__CEPD-{font-size:.875rem;font-weight:400;margin:0 0 .25rem}@media (prefers-reduced-motion:reduce){.FileUpload-module_file-dropzone__O-VP-{transition-duration:.1ms}}.FileUpload-module_file-dropzone__O-VP-.FileUpload-module_error__q2B-7 .FileUpload-module_file-upload-title__CEPD-,.FileUpload-module_file-dropzone__O-VP-.FileUpload-module_error__q2B-7 span[data-icon-status]{color:var(--error)}.FileUpload-module_file-dropzone__O-VP-.FileUpload-module_error__q2B-7 .FileUpload-module_file-select__sW1Pn{border-color:var(--error)}.FileUpload-module_file-dropzone__O-VP-.FileUpload-module_success__GqO-7 span[data-icon-status]{color:var(--success)}.FileUpload-module_file-dropzone__O-VP- .FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_disabled__hvZQb{pointer-events:none}.FileUpload-module_file-dropzone__O-VP- .FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_disabled__hvZQb p{color:var(--color-blue-grey400)}.FileUpload-module_file-dropzone__O-VP- span[data-icon-status]{font-size:1.25rem;position:absolute;right:2rem;top:auto}.FileUpload-module_file-dropzone__O-VP- .FileUpload-module_file-upload-title-mandatory__xEZ-6{color:var(--color-red500)}.FileUpload-module_upload-button-wrapper__vVTvg{background:var(--color-blue-grey25);padding:4px}.FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_drag-active__MRJJR .FileUpload-module_outline__QfJ8U{background-color:var(--color-primary-light);border:var(--file-upload-border-width) var(--drag-drop-border-style) var(--color-blue-grey500);border-radius:var(--input-border-radius);inset:0;margin:0;padding:0;pointer-events:none;position:absolute;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_drag-active__MRJJR .FileUpload-module_outline__QfJ8U{transition-duration:.1ms}}.FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_drag-active__MRJJR .FileUpload-module_outline__QfJ8U:before{color:var(--color-primary);content:"Drop here";display:block;padding-top:2rem;text-align:center}.FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_drag-active__MRJJR:hover .FileUpload-module_outline__QfJ8U{background-color:var(--color-primary-light)}.FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_drag-active__MRJJR .FileUpload-module_file-select__sW1Pn{position:relative}.FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_drag-active__MRJJR .FileUpload-module_error__q2B-7 .FileUpload-module_outline__QfJ8U{border-color:var(--error)}.FileUpload-module_file-selector-sub-text__nCXMq{color:var(--greyed-out);padding:0 1.25rem}.FileUpload-module_file-selector-sub-text__nCXMq.FileUpload-module_error__q2B-7{color:var(--error);display:block}.FileUpload-module_file-select__sW1Pn{align-items:center;border:var(--file-upload-border-width) var(--drag-drop-border-style) var(--color-blue-grey100);display:flex;flex-direction:row;justify-content:center;padding:1.25rem}.FileUpload-module_file-select__sW1Pn [class*=file]{font-size:1.25rem;margin-left:.5rem}.FileUpload-module_file-select__sW1Pn [class*=typography]{margin-bottom:0}.FileUpload-module_upload-input__wteSl{border:none;bottom:0;cursor:pointer;display:block;left:0;opacity:0;position:absolute;right:0;text-transform:none;top:0;width:100%}.FileUpload-module_upload-input__wteSl:focus{outline:none}.FileUpload-module_file-upload-btn__M2Fg-{position:relative}.FileUpload-module_file-list__GLggq{list-style:none;margin:.25rem 0;padding:0}.FileUpload-module_file-list__GLggq li:not(:last-child){margin-bottom:.5rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbGVVcGxvYWQubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLGtDQU9FLGtCQUFzQixDQUN0QixRQUFTLENBTFQsVUFBVyxDQUVYLFdBQVksQ0FDWixlQUFnQixDQUZoQixTQUFVLENBSFYsaUJBQWtCLENBQ2xCLFNBT0YsQ0FFQSxpQ0FDRSxZQUNGLENBRUEsbUNBQ0Usd0RBQ0YsQ0FFQSx1Q0FDRSxtQ0FDRSx1QkFDRixDQUNGLENBQ0Esb0NBQ0UseURBQ0YsQ0FFQSx1Q0FDRSxvQ0FDRSx1QkFDRixDQUNGLENBQ0EsNkNBQ0UsR0FDRSwyQkFDRixDQUNBLEdBQ0UsdUJBQ0YsQ0FDRixDQUNBLDhDQUNFLEdBQ0UsdUJBQ0YsQ0FDQSxHQUNFLDJCQUNGLENBQ0YsQ0FDQSw4Q0FDRSxZQUFhLENBQ2IscUJBQ0YsQ0FFQSx3Q0FFRSw4Q0FBK0MsQ0FEL0Msd0NBQXlDLENBRXpDLHNCQUF3QixDQUN4QixpQkFBa0IsQ0FFbEIsdUJBQXlCLENBRHpCLHVCQUF3QixDQUV4QixzQ0FDRixDQUNBLG9GQUVFLGlCQUFtQixDQUNuQixlQUFnQixDQUZoQixpQkFHRixDQUNBLHVDQUNFLHdDQUNFLHdCQUNGLENBQ0YsQ0FDQSxpTkFFRSxrQkFDRixDQUNBLDZHQUNFLHlCQUNGLENBQ0EsZ0dBQ0Usb0JBQ0YsQ0FDQSwwSEFDRSxtQkFDRixDQUNBLDRIQUNFLCtCQUNGLENBQ0EsK0RBQ0UsaUJBQWtCLENBQ2xCLGlCQUFrQixDQUVsQixVQUFXLENBRFgsUUFFRixDQUNBLDhGQUNFLHlCQUNGLENBRUEsZ0RBQ0UsbUNBQW9DLENBQ3BDLFdBQ0YsQ0FDQSx1SEFRRSwyQ0FBNEMsQ0FGNUMsOEZBQStGLENBQy9GLHdDQUF5QyxDQUZ6QyxPQUFRLENBRlIsUUFBUyxDQUNULFNBQVUsQ0FIVixtQkFBb0IsQ0FDcEIsaUJBQWtCLENBUWxCLHVCQUF5QixDQUR6Qix1QkFBd0IsQ0FFeEIsc0NBQ0YsQ0FDQSx1Q0FDRSx1SEFDRSx3QkFDRixDQUNGLENBQ0EsOEhBSUUsMEJBQTJCLENBSDNCLG1CQUFvQixDQUVwQixhQUFjLENBRWQsZ0JBQWlCLENBSGpCLGlCQUlGLENBQ0EsNkhBQ0UsMkNBQ0YsQ0FDQSwySEFDRSxpQkFDRixDQUNBLHVKQUNFLHlCQUNGLENBRUEsaURBQ0UsdUJBQXdCLENBQ3hCLGlCQUNGLENBQ0EsZ0ZBQ0Usa0JBQW1CLENBQ25CLGFBQ0YsQ0FFQSxzQ0FFRSxrQkFBbUIsQ0FHbkIsOEZBQStGLENBSi9GLFlBQWEsQ0FFYixrQkFBbUIsQ0FDbkIsc0JBQXVCLENBRXZCLGVBQ0YsQ0FDQSxvREFDRSxpQkFBa0IsQ0FDbEIsaUJBQ0YsQ0FDQSwwREFDRSxlQUNGLENBRUEsdUNBR0UsV0FBWSxDQU1aLFFBQVMsQ0FFVCxjQUFlLENBVmYsYUFBYyxDQU1kLE1BQU8sQ0FHUCxTQUFVLENBTFYsaUJBQWtCLENBR2xCLE9BQVEsQ0FKUixtQkFBb0IsQ0FFcEIsS0FBTSxDQUpOLFVBVUYsQ0FDQSw2Q0FDRSxZQUNGLENBRUEsMENBQ0UsaUJBQ0YsQ0FFQSxvQ0FDRSxlQUFnQixDQUVoQixlQUFpQixDQURqQixTQUVGLENBQ0Esd0RBQ0UsbUJBQ0YiLCJmaWxlIjoiRmlsZVVwbG9hZC5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnNyLW9ubHkge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxcHg7XG4gIGhlaWdodDogMXB4O1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IC0xcHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGNsaXA6IHJlY3QoMCwgMCwgMCwgMCk7XG4gIGJvcmRlcjogMDtcbn1cblxuLmhpZGRlbiB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5zbGlkZS1pbiB7XG4gIGFuaW1hdGlvbjogc2xpZGUtaW4gMC41cyBmb3J3YXJkcztcbn1cblxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLWluIHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG4uc2xpZGUtb3V0IHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1vdXQgMC41cyBmb3J3YXJkcztcbn1cblxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLW91dCB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuQGtleWZyYW1lcyBzbGlkZS1pbiB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbn1cbkBrZXlmcmFtZXMgc2xpZGUtb3V0IHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxufVxuLmZpbGUtdXBsb2FkLXdyYXBwZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xufVxuXG4uZmlsZS1kcm9wem9uZSB7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLWlucHV0LWJvcmRlci1yYWRpdXMpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1pbnB1dC1iYWNrZ3JvdW5kLWNvbG9yKTtcbiAgcGFkZGluZzogMC4yNXJlbSAxLjI1cmVtO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGFsbDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4ycztcbiAgdHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2UtaW4tb3V0O1xufVxuLmZpbGUtZHJvcHpvbmUgLmZpbGUtdXBsb2FkLXRpdGxlIHtcbiAgbWFyZ2luOiAwIDAgMC4yNXJlbSAwO1xuICBmb250LXNpemU6IDAuODc1cmVtO1xuICBmb250LXdlaWdodDogNDAwO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLmZpbGUtZHJvcHpvbmUge1xuICAgIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG4uZmlsZS1kcm9wem9uZS5lcnJvciBzcGFuW2RhdGEtaWNvbi1zdGF0dXNdLFxuLmZpbGUtZHJvcHpvbmUuZXJyb3IgLmZpbGUtdXBsb2FkLXRpdGxlIHtcbiAgY29sb3I6IHZhcigtLWVycm9yKTtcbn1cbi5maWxlLWRyb3B6b25lLmVycm9yIC5maWxlLXNlbGVjdCB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tZXJyb3IpO1xufVxuLmZpbGUtZHJvcHpvbmUuc3VjY2VzcyBzcGFuW2RhdGEtaWNvbi1zdGF0dXNdIHtcbiAgY29sb3I6IHZhcigtLXN1Y2Nlc3MpO1xufVxuLmZpbGUtZHJvcHpvbmUgLnVwbG9hZC1idXR0b24td3JhcHBlci5kaXNhYmxlZCB7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xufVxuLmZpbGUtZHJvcHpvbmUgLnVwbG9hZC1idXR0b24td3JhcHBlci5kaXNhYmxlZCBwIHtcbiAgY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTQwMCk7XG59XG4uZmlsZS1kcm9wem9uZSBzcGFuW2RhdGEtaWNvbi1zdGF0dXNdIHtcbiAgZm9udC1zaXplOiAxLjI1cmVtO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogYXV0bztcbiAgcmlnaHQ6IDJyZW07XG59XG4uZmlsZS1kcm9wem9uZSAuZmlsZS11cGxvYWQtdGl0bGUtbWFuZGF0b3J5IHtcbiAgY29sb3I6IHZhcigtLWNvbG9yLXJlZDUwMCk7XG59XG5cbi51cGxvYWQtYnV0dG9uLXdyYXBwZXIge1xuICBiYWNrZ3JvdW5kOiB2YXIoLS1jb2xvci1ibHVlLWdyZXkyNSk7XG4gIHBhZGRpbmc6IDRweDtcbn1cbi51cGxvYWQtYnV0dG9uLXdyYXBwZXIuZHJhZy1hY3RpdmUgLm91dGxpbmUge1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDA7XG4gIGluc2V0OiAwO1xuICBib3JkZXI6IHZhcigtLWZpbGUtdXBsb2FkLWJvcmRlci13aWR0aCkgdmFyKC0tZHJhZy1kcm9wLWJvcmRlci1zdHlsZSkgdmFyKC0tY29sb3ItYmx1ZS1ncmV5NTAwKTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLXByaW1hcnktbGlnaHQpO1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBhbGw7XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMnM7XG4gIHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiBlYXNlLWluLW91dDtcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC51cGxvYWQtYnV0dG9uLXdyYXBwZXIuZHJhZy1hY3RpdmUgLm91dGxpbmUge1xuICAgIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG4udXBsb2FkLWJ1dHRvbi13cmFwcGVyLmRyYWctYWN0aXZlIC5vdXRsaW5lOjpiZWZvcmUge1xuICBjb250ZW50OiBcIkRyb3AgaGVyZVwiO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBjb2xvcjogdmFyKC0tY29sb3ItcHJpbWFyeSk7XG4gIHBhZGRpbmctdG9wOiAycmVtO1xufVxuLnVwbG9hZC1idXR0b24td3JhcHBlci5kcmFnLWFjdGl2ZTpob3ZlciAub3V0bGluZSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLXByaW1hcnktbGlnaHQpO1xufVxuLnVwbG9hZC1idXR0b24td3JhcHBlci5kcmFnLWFjdGl2ZSAuZmlsZS1zZWxlY3Qge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG4udXBsb2FkLWJ1dHRvbi13cmFwcGVyLmRyYWctYWN0aXZlIC5lcnJvciAub3V0bGluZSB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tZXJyb3IpO1xufVxuXG4uZmlsZS1zZWxlY3Rvci1zdWItdGV4dCB7XG4gIGNvbG9yOiB2YXIoLS1ncmV5ZWQtb3V0KTtcbiAgcGFkZGluZzogMCAxLjI1cmVtO1xufVxuLmZpbGUtc2VsZWN0b3Itc3ViLXRleHQuZXJyb3Ige1xuICBjb2xvcjogdmFyKC0tZXJyb3IpO1xuICBkaXNwbGF5OiBibG9jaztcbn1cblxuLmZpbGUtc2VsZWN0IHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGJvcmRlcjogdmFyKC0tZmlsZS11cGxvYWQtYm9yZGVyLXdpZHRoKSB2YXIoLS1kcmFnLWRyb3AtYm9yZGVyLXN0eWxlKSB2YXIoLS1jb2xvci1ibHVlLWdyZXkxMDApO1xuICBwYWRkaW5nOiAxLjI1cmVtO1xufVxuLmZpbGUtc2VsZWN0IFtjbGFzcyo9ZmlsZV0ge1xuICBmb250LXNpemU6IDEuMjVyZW07XG4gIG1hcmdpbi1sZWZ0OiAwLjVyZW07XG59XG4uZmlsZS1zZWxlY3QgW2NsYXNzKj10eXBvZ3JhcGh5XSB7XG4gIG1hcmdpbi1ib3R0b206IDA7XG59XG5cbi51cGxvYWQtaW5wdXQge1xuICBkaXNwbGF5OiBibG9jaztcbiAgd2lkdGg6IDEwMCU7XG4gIGJvcmRlcjogbm9uZTtcbiAgdGV4dC10cmFuc2Zvcm06IG5vbmU7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwO1xuICByaWdodDogMDtcbiAgYm90dG9tOiAwO1xuICBvcGFjaXR5OiAwO1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG4udXBsb2FkLWlucHV0OmZvY3VzIHtcbiAgb3V0bGluZTogbm9uZTtcbn1cblxuLmZpbGUtdXBsb2FkLWJ0biB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cblxuLmZpbGUtbGlzdCB7XG4gIGxpc3Qtc3R5bGU6IG5vbmU7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogMC4yNXJlbSAwO1xufVxuLmZpbGUtbGlzdCBsaTpub3QoOmxhc3QtY2hpbGQpIHtcbiAgbWFyZ2luLWJvdHRvbTogMC41cmVtO1xufSJdfQ== */';var i={"sr-only":"FileUpload-module_sr-only__Awag4",hidden:"FileUpload-module_hidden__JayBD","slide-in":"FileUpload-module_slide-in__w7j8k","slide-out":"FileUpload-module_slide-out__tZ-rV","file-upload-wrapper":"FileUpload-module_file-upload-wrapper__CIx-a","file-dropzone":"FileUpload-module_file-dropzone__O-VP-","file-upload-title":"FileUpload-module_file-upload-title__CEPD-",error:"FileUpload-module_error__q2B-7","file-select":"FileUpload-module_file-select__sW1Pn",success:"FileUpload-module_success__GqO-7","upload-button-wrapper":"FileUpload-module_upload-button-wrapper__vVTvg",disabled:"FileUpload-module_disabled__hvZQb","file-upload-title-mandatory":"FileUpload-module_file-upload-title-mandatory__xEZ-6","drag-active":"FileUpload-module_drag-active__MRJJR",outline:"FileUpload-module_outline__QfJ8U","file-selector-sub-text":"FileUpload-module_file-selector-sub-text__nCXMq","upload-input":"FileUpload-module_upload-input__wteSl","file-upload-btn":"FileUpload-module_file-upload-btn__M2Fg-","file-list":"FileUpload-module_file-list__GLggq"};l["default"](e);exports["default"]=i;
 //# sourceMappingURL=FileUpload.module.cjs.js.map

package/dist/cjs/Form/Select/MultiSelect/MultiOption.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");var t=require("../SingleSelect/Option.cjs.js");var l=require("./MultiSelect.module.cjs.js");function o(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var i=o(e);const r=({fixed:o,hasFocus:r,className:s,...n},u)=>{let a=u||e.createRef();const c=[];s&&c.push(s);r&&c.push(l["default"]["focus"]);const d=e=>{var t,l,o;const i=e.parentElement;const r=(t=e.parentElement)===null||t===void 0?void 0:t.parentElement;const s=!!(r===null||r===void 0?void 0:r.style.maxHeight);if(s)r===null||r===void 0?void 0:r.scrollTo(0,e.offsetTop-((l=r===null||r===void 0?void 0:r.offsetHeight)!==null&&l!==void 0?l:1)/2);i===null||i===void 0?void 0:i.scrollTo(0,e.offsetTop-((o=i===null||i===void 0?void 0:i.offsetHeight)!==null&&o!==void 0?o:1)/2)};e.useEffect((()=>{if(a.current&&r)d(a.current)}),[r,a]);return i["default"].createElement(t.Option,{ref:a,isSelected:r,disableDefaultSelectedStyle:true,className:c.join(" "),"aria-disabled":false,...n})};const s=i["default"].forwardRef(r);exports.MultiOption=s;
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");var t=require("../SingleSelect/Option.cjs.js");var l=require("./MultiSelect.module.cjs.js");function o(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var i=o(e);const r=({fixed:o,hasFocus:r,className:s,...n},u)=>{let d=u||e.createRef();const c=[];s&&c.push(s);r&&c.push(l["default"]["focus"]);const a=e=>{var t,l,o;const i=e.parentElement;const r=(t=e.parentElement)===null||t===void 0?void 0:t.parentElement;const s=!!(r===null||r===void 0?void 0:r.style.maxHeight);if(s)(r===null||r===void 0?void 0:r.scrollTo)&&(r===null||r===void 0?void 0:r.scrollTo(0,e.offsetTop-((l=r===null||r===void 0?void 0:r.offsetHeight)!==null&&l!==void 0?l:1)/2));(i===null||i===void 0?void 0:i.scrollTo)&&(i===null||i===void 0?void 0:i.scrollTo(0,e.offsetTop-((o=i===null||i===void 0?void 0:i.offsetHeight)!==null&&o!==void 0?o:1)/2))};e.useEffect((()=>{if(d.current&&r)a(d.current)}),[r,d]);return i["default"].createElement(t.Option,{ref:d,isSelected:r,disableDefaultSelectedStyle:true,className:c.join(" "),"aria-disabled":false,...n})};const s=i["default"].forwardRef(r);exports.MultiOption=s;
 //# sourceMappingURL=MultiOption.cjs.js.map

package/dist/cjs/Form/Select/MultiSelect/MultiOption.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiOption.cjs.js","sources":["../../../../../../../src/components/Form/Select/MultiSelect/MultiOption.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, { ForwardRefRenderFunction, RefObject, createRef, useEffect } from \"react\";\nimport { Props as SelectOptionProps, Option as SelectOption } from \"../SingleSelect/Option\";\n\nimport classes from \"./MultiSelect.module.scss\";\n\nexport interface Props extends SelectOptionProps {\n  fixed?: boolean;\n}\n\nconst MultiOptionComponent: ForwardRefRenderFunction<HTMLLIElement, Props> = (\n  { fixed: _fixed, hasFocus, className, ...rest }: Props,\n  ref\n) => {\n  let innerOptionRef = (ref as RefObject<HTMLLIElement>) || createRef<HTMLLIElement>();\n\n  const additionalClasses = [];\n  className && additionalClasses.push(className);\n  hasFocus && additionalClasses.push(classes[\"focus\"]);\n\n  const scrollToSelectedElement = (element: HTMLLIElement) => {\n    const listbox = element.parentElement;\n    const listboxWrapper = element.parentElement?.parentElement;\n    const isListboxWrapperScrollable = !!listboxWrapper?.style.maxHeight;\n    if (isListboxWrapperScrollable) {\n      listboxWrapper?.scrollTo(0, element.offsetTop - (listboxWrapper?.offsetHeight ?? 1) / 2);\n    }\n    listbox?.scrollTo(0, element.offsetTop - (listbox?.offsetHeight ?? 1) / 2);\n  };\n\n  useEffect(() => {\n    if (innerOptionRef.current && hasFocus) {\n      scrollToSelectedElement(innerOptionRef.current);\n    }\n  }, [hasFocus, innerOptionRef]);\n\n  return (\n    <SelectOption\n      ref={innerOptionRef}\n      isSelected={hasFocus}\n      disableDefaultSelectedStyle\n      className={additionalClasses.join(\" \")}\n      aria-disabled={false}\n      {...rest}\n    />\n  );\n};\n\nexport const MultiOption = React.forwardRef(MultiOptionComponent);\n"],"names":["MultiOptionComponent","fixed","_fixed","hasFocus","className","rest","ref","innerOptionRef","createRef","additionalClasses","push","classes","scrollToSelectedElement","element","listbox","parentElement","listboxWrapper","_a","isListboxWrapperScrollable","style","maxHeight","scrollTo","offsetTop","_b","offsetHeight","_c","useEffect","current","React","createElement","SelectOption","isSelected","disableDefaultSelectedStyle","join","MultiOption","forwardRef"],"mappings":"6QAyBA,MAAMA,EAAuE,EACzEC,MAAOC,EAAQC,WAAUC,eAAcC,GACzCC,KAEA,IAAIC,EAAkBD,GAAoCE,EAAAA,YAE1D,MAAMC,EAAoB,GAC1BL,GAAaK,EAAkBC,KAAKN,GACpCD,GAAYM,EAAkBC,KAAKC,EAAAA,WAAQ,UAE3C,MAAMC,EAA2BC,cAC/B,MAAMC,EAAUD,EAAQE,cACxB,MAAMC,GAAiBC,EAAAJ,EAAQE,iBAAa,MAAAE,SAAA,OAAA,EAAAA,EAAEF,cAC9C,MAAMG,KAA+BF,IAAc,MAAdA,SAAc,OAAA,EAAdA,EAAgBG,MAAMC,WAC3D,GAAIF,EACFF,IAAA,MAAAA,SAAA,OAAA,EAAAA,EAAgBK,SAAS,EAAGR,EAAQS,YAAaC,EAAAP,IAAA,MAAAA,SAAA,OAAA,EAAAA,EAAgBQ,gBAAgB,MAAAD,SAAA,EAAAA,EAAA,GAAK,GAExFT,IAAA,MAAAA,SAAA,OAAA,EAAAA,EAASO,SAAS,EAAGR,EAAQS,YAAaG,EAAAX,IAAA,MAAAA,SAAA,OAAA,EAAAA,EAASU,gBAAgB,MAAAC,SAAA,EAAAA,EAAA,GAAK,EAAE,EAG5EC,EAAAA,WAAU,KACR,GAAInB,EAAeoB,SAAWxB,EAC5BS,EAAwBL,EAAeoB,QACxC,GACA,CAACxB,EAAUI,IAEd,OACEqB,EAAA,WAAAC,cAACC,SAAY,CACXxB,IAAKC,EACLwB,WAAY5B,EACZ6B,4BAA2B,KAC3B5B,UAAWK,EAAkBwB,KAAK,KACnB,gBAAA,SACX5B,GAEN,EAGS,MAAA6B,EAAcN,EAAAA,WAAMO,WAAWnC"}
+{"version":3,"file":"MultiOption.cjs.js","sources":["../../../../../../../src/components/Form/Select/MultiSelect/MultiOption.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, { ForwardRefRenderFunction, RefObject, createRef, useEffect } from \"react\";\nimport { Props as SelectOptionProps, Option as SelectOption } from \"../SingleSelect/Option\";\n\nimport classes from \"./MultiSelect.module.scss\";\n\nexport interface Props extends SelectOptionProps {\n  fixed?: boolean;\n}\n\nconst MultiOptionComponent: ForwardRefRenderFunction<HTMLLIElement, Props> = (\n  { fixed: _fixed, hasFocus, className, ...rest }: Props,\n  ref\n) => {\n  let innerOptionRef = (ref as RefObject<HTMLLIElement>) || createRef<HTMLLIElement>();\n\n  const additionalClasses = [];\n  className && additionalClasses.push(className);\n  hasFocus && additionalClasses.push(classes[\"focus\"]);\n\n  const scrollToSelectedElement = (element: HTMLLIElement) => {\n    const listbox = element.parentElement;\n    const listboxWrapper = element.parentElement?.parentElement;\n    const isListboxWrapperScrollable = !!listboxWrapper?.style.maxHeight;\n\n    if (isListboxWrapperScrollable) {\n      listboxWrapper?.scrollTo &&\n        listboxWrapper?.scrollTo(0, element.offsetTop - (listboxWrapper?.offsetHeight ?? 1) / 2);\n    }\n    listbox?.scrollTo && listbox?.scrollTo(0, element.offsetTop - (listbox?.offsetHeight ?? 1) / 2);\n  };\n\n  useEffect(() => {\n    if (innerOptionRef.current && hasFocus) {\n      scrollToSelectedElement(innerOptionRef.current);\n    }\n  }, [hasFocus, innerOptionRef]);\n\n  return (\n    <SelectOption\n      ref={innerOptionRef}\n      isSelected={hasFocus}\n      disableDefaultSelectedStyle\n      className={additionalClasses.join(\" \")}\n      aria-disabled={false}\n      {...rest}\n    />\n  );\n};\n\nexport const MultiOption = React.forwardRef(MultiOptionComponent);\n"],"names":["MultiOptionComponent","fixed","_fixed","hasFocus","className","rest","ref","innerOptionRef","createRef","additionalClasses","push","classes","scrollToSelectedElement","element","listbox","parentElement","listboxWrapper","_a","isListboxWrapperScrollable","style","maxHeight","scrollTo","offsetTop","_b","offsetHeight","_c","useEffect","current","React","createElement","SelectOption","isSelected","disableDefaultSelectedStyle","join","MultiOption","forwardRef"],"mappings":"6QAyBA,MAAMA,EAAuE,EACzEC,MAAOC,EAAQC,WAAUC,eAAcC,GACzCC,KAEA,IAAIC,EAAkBD,GAAoCE,EAAAA,YAE1D,MAAMC,EAAoB,GAC1BL,GAAaK,EAAkBC,KAAKN,GACpCD,GAAYM,EAAkBC,KAAKC,EAAAA,WAAQ,UAE3C,MAAMC,EAA2BC,cAC/B,MAAMC,EAAUD,EAAQE,cACxB,MAAMC,GAAiBC,EAAAJ,EAAQE,iBAAa,MAAAE,SAAA,OAAA,EAAAA,EAAEF,cAC9C,MAAMG,KAA+BF,IAAc,MAAdA,SAAc,OAAA,EAAdA,EAAgBG,MAAMC,WAE3D,GAAIF,GACFF,IAAA,MAAAA,SAAA,OAAA,EAAAA,EAAgBK,YACdL,IAAA,MAAAA,SAAA,OAAA,EAAAA,EAAgBK,SAAS,EAAGR,EAAQS,YAAaC,EAAAP,IAAA,MAAAA,SAAA,OAAA,EAAAA,EAAgBQ,gBAAgB,MAAAD,SAAA,EAAAA,EAAA,GAAK,KAE1FT,IAAA,MAAAA,SAAA,OAAA,EAAAA,EAASO,YAAYP,IAAO,MAAPA,SAAA,OAAA,EAAAA,EAASO,SAAS,EAAGR,EAAQS,YAAaG,EAAAX,IAAO,MAAPA,SAAA,OAAA,EAAAA,EAASU,mCAAgB,GAAK,GAAE,EAGjGE,EAAAA,WAAU,KACR,GAAInB,EAAeoB,SAAWxB,EAC5BS,EAAwBL,EAAeoB,QACxC,GACA,CAACxB,EAAUI,IAEd,OACEqB,EAAA,WAAAC,cAACC,SAAY,CACXxB,IAAKC,EACLwB,WAAY5B,EACZ6B,4BAA2B,KAC3B5B,UAAWK,EAAkBwB,KAAK,KACnB,gBAAA,SACX5B,GAEN,EAGS,MAAA6B,EAAcN,EAAAA,WAAMO,WAAWnC"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("./MultiSelect.module.cjs.js");var t=require("react");var s=require("../../../src/hooks/useBodyClick.cjs.js");var a=require("../../../src/hooks/useDetermineStatusIcon.cjs.js");var l=require("../../../src/readyclasses.module.cjs.js");var r=require("../../../src/util/helper.cjs.js");var n=require("../../../Icon/Icon.cjs.js");var c=require("../useAddNewBtn.cjs.js");var o=require("../useSelectPositionList.cjs.js");var u=require("./SelectButton.cjs.js");var i=require("./SelectedOptions.cjs.js");var d=require("./useArrowNavigation.cjs.js");var f=require("./useSearch.cjs.js");function p(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var h=p(t);const m=(e,t)=>`${e}_option${t}`;const v=e=>`${e}_listbox`;const b=({id:p,children:b,name:C,disabled:S=false,labeledBy:j,placeholder:E,describedBy:y,searchPlaceholder:g="Search item",searchInputProps:I,selectButtonProps:N={},className:x,error:w=false,success:R=false,value:B,clearLabel:q="Clear selection",noResultsLabel:k="No results found",onChange:P,addNew:L,search:A={enabled:true,renderThreshold:0},...$},O)=>{const D=t.useRef(p!==null&&p!==void 0?p:r.generateID(20));const[F,M]=t.useState(false);const[_,H]=t.useState([]);const K=t.useRef(null);const T=t.useRef(null);const[U,V]=t.useState(0);const[z,G]=t.useState(false);const[J,Q]=t.useState(false);const[W,X]=t.useState(h["default"].Children.count(b)-_.length);const{filter:Y,renderSearch:Z,searchInputRef:ee,resetSearchState:te,searchVisible:se}=f.useSearch({selectId:D.current,expanded:F,search:A,searchInputClassName:e["default"]["select-search"],optionsCount:W,focusedSelectItem:U,setFocusedSelectItem:V,searchInputProps:I,searchPlaceholder:g,describedBy:y,getOptionId:m,getListboxId:v});const{addBtnRef:ae,addNewBtnOptionsContainerClassName:le,renderAddNew:re}=c.useAddNewBtn({id:m(D.current,W),addNew:L,filter:Y,focusedSelectItem:U,optionsCount:W,searchInputRef:ee,shouldClick:z,onClickCallback:()=>{G(false);te()}});const ne=O||t.createRef();const ce=e=>{if(ne.current&&e){const t=e.getAttribute("data-value");const s=[...ne.current.options];const a=s.filter((e=>e.selected)).map((e=>e.value));s.forEach((e=>{if(e.value===t||a.includes(e.value))e.selected=true}));ne.current.dispatchEvent(new Event("change",{bubbles:true}))}M(false);te()};const oe=e=>{if(ne.current){const t=[...ne.current.options];t.find((t=>t.value===e)).selected=false;ne.current.dispatchEvent(new Event("change",{bubbles:true}))}};const ue=t.useRef(null);const{onArrowNavigation:ie}=d.useArrowNavigation({expanded:F,setExpanded:M,setFocusedSelectItem:V,childrenCount:W,setShouldClick:G,addBtnRef:ae,searchInputRef:ee,customSelectButtonRef:ue,onClose:te});const{listPosition:de,opacity:fe,optionsListMaxHeight:pe,setListPosition:he,setOpacity:me}=o.useSelectPositionList({expanded:F,optionListReference:T,containerReference:K,addBtnRef:ae});const ve=e=>{const t=h["default"].Children.map(b,(e=>e));const s=e.map((e=>{const s=t.find((t=>t.props.value===e));return{value:e,label:s===null||s===void 0?void 0:s.props.children,fixed:s===null||s===void 0?void 0:s.props.fixed}}));H(s)};const be=e=>{if(ne.current){const t=[...ne.current.options];t.forEach((t=>{if(e.includes(t.value))t.selected=true;else t.selected=false}))}};const Ce=()=>{const t=e=>e.filter((e=>typeof e==="object"&&"props"in e&&!_.find((t=>t.value===e.props.value))));let s;if(Y!==""){const e=h["default"].Children.toArray(b).filter((e=>e.props.children.toLowerCase().match(r.escapeRegExp(Y.toLowerCase()))!==null));s=a(t(e))}else s=a(t(h["default"].Children.toArray(b)));W!==s.length&&X(s.length);if(s.length===0)return h["default"].createElement("li",{className:e["default"]["no-results"]},k);return s;function a(e){return h["default"].Children.map(e,((e,t)=>h["default"].cloneElement(e,{onFocusChange:e=>{V(e)},onOptionSelect:e=>{ce(e.current);M(false);G(false)},isSearching:false,selectOpened:F,childIndex:t,hasFocus:U===t,shouldClick:z,id:m(D.current,t)})))}};const Se=()=>F?h["default"].createElement(n.Icon,{className:e["default"]["chevron-icon"],icon:n.Icons.ChevronUp}):h["default"].createElement(n.Icon,{className:e["default"]["chevron-icon"],icon:n.Icons.ChevronDown});const je=a.useDetermineStatusIcon({success:R,error:w});const Ee=e=>{P===null||P===void 0?void 0:P(e)};t.useEffect((()=>{if(F&&ee.current){Q(true);ee.current.focus()}if(!F&&ue.current&&J){Q(false);ue.current.focus()}}),[F,ue.current,J,ee.current]);t.useEffect((()=>{ve(B);be(B)}),[B]);s.useBodyClick((e=>!e.target.closest(".custom-select")&&F),(()=>{M(false);he({top:0,bottom:"initial"});me(0)}),F);const ye=[];F&&ye.push(e["default"].expanded);w&&ye.push(e["default"].error);S&&ye.push(e["default"].disabled);x&&ye.push(x);R&&ye.push(e["default"].success);const ge=()=>{M((e=>!e));G(false)};return h["default"].createElement(t.Fragment,null,h["default"].createElement("select",{...r.filterProps($,/^data-/,false),tabIndex:-1,multiple:true,"aria-hidden":"true",ref:ne,name:C,onChange:Ee,className:l["default"]["sr-only"]},h["default"].createElement("option",{value:""}),h["default"].Children.map(b,(e=>h["default"].createElement("option",{value:e.props.value})))),h["default"].createElement("div",{...r.filterProps($,/^data-/),id:D.current,ref:K,onKeyDown:ie,className:`custom-select ${e["default"].select} ${ye.join(" ")} ${x!==null&&x!==void 0?x:""}`},h["default"].createElement("div",{className:`${e["default"]["custom-select"]} ${ye.join(" ")} `,style:{display:"flex"}},h["default"].createElement("div",{className:e["default"]["display-container"],"data-display":true},h["default"].createElement(u.SelectButton,{...N,onClick:ge,name:C,ref:ue,disabled:S,"aria-disabled":S,"aria-invalid":w,"aria-expanded":F,"aria-haspopup":"listbox","aria-labelledby":j,"aria-describedby":y}),(B===null||B===void 0?void 0:B.length)===0&&E&&h["default"].createElement("span",{className:e["default"]["placeholder"]},E),(B===null||B===void 0?void 0:B.length)>0&&h["default"].createElement(i.SelectedOptions,{disabled:S,display:_,onClick:ge,onRemove:oe}),se&&Z()),h["default"].createElement("div",{className:e["default"]["status"]},je||Se())),h["default"].createElement("div",{ref:T,className:`list-wrapper ${e["default"]["list-wrapper"]}`,style:{display:F?"block":"none",opacity:fe,maxHeight:pe.wrapper,pointerEvents:F?"auto":"none",...de}},h["default"].createElement("ul",{id:v(D.current),className:le,role:"listbox","aria-multiselectable":"true",style:{maxHeight:pe.list}},Ce()),re())))};const C=h["default"].forwardRef(b);exports.MultiSelect=C;
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("./MultiSelect.module.cjs.js");var t=require("react");var s=require("../../../src/hooks/useBodyClick.cjs.js");var a=require("../../../src/hooks/useDetermineStatusIcon.cjs.js");var l=require("../../../src/readyclasses.module.cjs.js");var r=require("../../../src/util/helper.cjs.js");var n=require("../../../Icon/Icon.cjs.js");var c=require("../useAddNewBtn.cjs.js");var o=require("../useSelectPositionList.cjs.js");var u=require("./SelectButton.cjs.js");var i=require("./SelectedOptions.cjs.js");var d=require("./useArrowNavigation.cjs.js");var f=require("./useSearch.cjs.js");function p(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var h=p(t);const m=(e,t)=>`${e}_option${t}`;const v=e=>`${e}_listbox`;const b=({id:p,children:b,name:C,disabled:S=false,labeledBy:j,placeholder:E,describedBy:y,selectButtonProps:g={},className:N,error:I=false,success:x=false,value:w,clearLabel:R="Clear selection",noResultsLabel:B="No results found",onChange:q,addNew:k,search:L={enabled:true,renderThreshold:0,searchPlaceholder:"Search item"},...A},P)=>{const $=t.useRef(p!==null&&p!==void 0?p:r.generateID(20));const[O,D]=t.useState(false);const[F,M]=t.useState([]);const _=t.useRef(null);const H=t.useRef(null);const[K,T]=t.useState(0);const[U,V]=t.useState(false);const[z,G]=t.useState(false);const[J,Q]=t.useState(h["default"].Children.count(b)-F.length);const{filter:W,renderSearch:X,searchInputRef:Y,resetSearchState:Z,searchVisible:ee}=f.useSearch({selectId:$.current,expanded:O,search:L,searchInputClassName:e["default"]["select-search"],optionsCount:J,focusedSelectItem:K,setFocusedSelectItem:T,describedBy:y,getOptionId:m,getListboxId:v});const{addBtnRef:te,addNewBtnOptionsContainerClassName:se,renderAddNew:ae}=c.useAddNewBtn({id:m($.current,J),addNew:k,filter:W,focusedSelectItem:K,optionsCount:J,searchInputRef:Y,shouldClick:U,onClickCallback:()=>{V(false);Z()}});const le=P||t.createRef();const re=e=>{if(le.current&&e){const t=e.getAttribute("data-value");const s=[...le.current.options];const a=s.filter((e=>e.selected)).map((e=>e.value));s.forEach((e=>{if(e.value===t||a.includes(e.value))e.selected=true}));le.current.dispatchEvent(new Event("change",{bubbles:true}))}D(false);Z()};const ne=e=>{if(le.current){const t=[...le.current.options];t.find((t=>t.value===e)).selected=false;le.current.dispatchEvent(new Event("change",{bubbles:true}))}};const ce=t.useRef(null);const{onArrowNavigation:oe}=d.useArrowNavigation({expanded:O,setExpanded:D,setFocusedSelectItem:T,childrenCount:J,setShouldClick:V,addBtnRef:te,searchInputRef:Y,customSelectButtonRef:ce,onClose:Z});const{listPosition:ue,opacity:ie,optionsListMaxHeight:de,setListPosition:fe,setOpacity:pe}=o.useSelectPositionList({expanded:O,optionListReference:H,containerReference:_,addBtnRef:te});const he=e=>{const t=h["default"].Children.map(b,(e=>e));const s=e.map((e=>{const s=t.find((t=>t.props.value===e));return{value:e,label:s===null||s===void 0?void 0:s.props.children,fixed:s===null||s===void 0?void 0:s.props.fixed}}));M(s)};const me=e=>{if(le.current){const t=[...le.current.options];t.forEach((t=>{if(e.includes(t.value))t.selected=true;else t.selected=false}))}};const ve=()=>{const t=e=>e.filter((e=>typeof e==="object"&&"props"in e&&!F.find((t=>t.value===e.props.value))));let s;if(W!==""){const e=h["default"].Children.toArray(b).filter((e=>e.props.children.toLowerCase().match(r.escapeRegExp(W.toLowerCase()))!==null));s=a(t(e))}else s=a(t(h["default"].Children.toArray(b)));J!==s.length&&Q(s.length);if(s.length===0)return h["default"].createElement("li",{className:e["default"]["no-results"]},B);return s;function a(e){return h["default"].Children.map(e,((e,t)=>h["default"].cloneElement(e,{onFocusChange:e=>{T(e)},onOptionSelect:e=>{re(e.current);D(false);V(false)},isSearching:false,selectOpened:O,childIndex:t,hasFocus:K===t,shouldClick:U,id:m($.current,t)})))}};const be=()=>O?h["default"].createElement(n.Icon,{className:e["default"]["chevron-icon"],icon:n.Icons.ChevronUp}):h["default"].createElement(n.Icon,{className:e["default"]["chevron-icon"],icon:n.Icons.ChevronDown});const Ce=a.useDetermineStatusIcon({success:x,error:I});const Se=e=>{q===null||q===void 0?void 0:q(e)};t.useEffect((()=>{if(O&&Y.current){G(true);Y.current.focus()}if(!O&&ce.current&&z){G(false);ce.current.focus()}}),[O,ce.current,z,Y.current]);t.useEffect((()=>{he(w);me(w)}),[w]);s.useBodyClick((e=>!e.target.closest(".custom-select")&&O),(()=>{D(false);fe({top:0,bottom:"initial"});pe(0)}),O);const je=[];O&&je.push(e["default"].expanded);I&&je.push(e["default"].error);S&&je.push(e["default"].disabled);N&&je.push(N);x&&je.push(e["default"].success);const Ee=()=>{D((e=>!e));V(false)};return h["default"].createElement(t.Fragment,null,h["default"].createElement("select",{...r.filterProps(A,/^data-/,false),tabIndex:-1,multiple:true,"aria-hidden":"true",ref:le,name:C,onChange:Se,className:l["default"]["sr-only"]},h["default"].createElement("option",{value:""}),h["default"].Children.map(b,(e=>h["default"].createElement("option",{value:e.props.value})))),h["default"].createElement("div",{...r.filterProps(A,/^data-/),id:$.current,ref:_,onKeyDown:oe,className:`custom-select ${e["default"].select} ${je.join(" ")} ${N!==null&&N!==void 0?N:""}`},h["default"].createElement("div",{className:`${e["default"]["custom-select"]} ${je.join(" ")} `,style:{display:"flex"}},h["default"].createElement("div",{className:e["default"]["display-container"],"data-display":true},h["default"].createElement(u.SelectButton,{...g,onClick:Ee,name:C,ref:ce,disabled:S,"aria-disabled":S,"aria-invalid":I,"aria-expanded":O,"aria-haspopup":"listbox","aria-labelledby":j,"aria-describedby":y}),(w===null||w===void 0?void 0:w.length)===0&&E&&h["default"].createElement("span",{className:e["default"]["placeholder"]},E),(w===null||w===void 0?void 0:w.length)>0&&h["default"].createElement(i.SelectedOptions,{disabled:S,display:F,onClick:Ee,onRemove:ne}),ee&&X()),h["default"].createElement("div",{className:e["default"]["status"]},Ce||be())),h["default"].createElement("div",{ref:H,className:`list-wrapper ${e["default"]["list-wrapper"]}`,style:{display:O?"block":"none",opacity:ie,maxHeight:de.wrapper,pointerEvents:O?"auto":"none",...ue}},h["default"].createElement("ul",{id:v($.current),className:se,role:"listbox","aria-multiselectable":"true",style:{maxHeight:de.list}},ve()),ae())))};const C=h["default"].forwardRef(b);exports.MultiSelect=C;
 //# sourceMappingURL=MultiSelect.cjs.js.map