@onewelcome/react-lib-components 6.5.0 → 6.7.0

package/dist/esm/DataGrid/DataGridBody/DataGridRow.module.esm.js

@@ -1,2 +1,2 @@
-import i from "../../../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 */.DataGridRow-module_row__41IVt{background-color:var(--data-grid-row-background-color)}.DataGridRow-module_row__41IVt:not(.DataGridRow-module_loading__RpedL):hover{background-color:var(--data-grid-row-hover-background-color)}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFHcmlkUm93Lm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YsK0JBQ0Usc0RBQ0YsQ0FDQSw2RUFDRSw0REFDRiIsImZpbGUiOiJEYXRhR3JpZFJvdy5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4ucm93IHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZGF0YS1ncmlkLXJvdy1iYWNrZ3JvdW5kLWNvbG9yKTtcbn1cbi5yb3c6bm90KC5sb2FkaW5nKTpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWRhdGEtZ3JpZC1yb3ctaG92ZXItYmFja2dyb3VuZC1jb2xvcik7XG59Il19 */';var l={row:"DataGridRow-module_row__41IVt",loading:"DataGridRow-module_loading__RpedL"};i(e);export{l as default};
+import i from "../../../lib/style-inject.js";var c='/*!\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 */.DataGridRow-module_row__41IVt{background-color:var(--data-grid-row-background-color);position:relative}.DataGridRow-module_row__41IVt:not(.DataGridRow-module_loading__RpedL):hover{background-color:var(--data-grid-row-hover-background-color)}.DataGridRow-module_row__41IVt:not(:last-child):after{border-bottom:1px solid var(--light-grey-border);bottom:0;content:"";left:0;position:absolute;width:100%}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFHcmlkUm93Lm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YsK0JBRUUsc0RBQXVELENBRHZELGlCQUVGLENBQ0EsNkVBQ0UsNERBQ0YsQ0FDQSxzREFNRSxnREFBaUQsQ0FEakQsUUFBUyxDQUpULFVBQVcsQ0FHWCxNQUFPLENBRlAsaUJBQWtCLENBQ2xCLFVBSUYiLCJmaWxlIjoiRGF0YUdyaWRSb3cubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnJvdyB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZGF0YS1ncmlkLXJvdy1iYWNrZ3JvdW5kLWNvbG9yKTtcbn1cbi5yb3c6bm90KC5sb2FkaW5nKTpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWRhdGEtZ3JpZC1yb3ctaG92ZXItYmFja2dyb3VuZC1jb2xvcik7XG59XG4ucm93Om5vdCg6bGFzdC1jaGlsZCk6OmFmdGVyIHtcbiAgY29udGVudDogXCJcIjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMTAwJTtcbiAgbGVmdDogMDtcbiAgYm90dG9tOiAwO1xuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgdmFyKC0tbGlnaHQtZ3JleS1ib3JkZXIpO1xufSJdfQ== */';var e={row:"DataGridRow-module_row__41IVt",loading:"DataGridRow-module_loading__RpedL"};i(c);export{e as default};
 //# sourceMappingURL=DataGridRow.module.esm.js.map

package/dist/esm/DataGrid/DataGridHeader/DataGridHeader.esm.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"DataGridHeader.esm.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} className={classes[\"thead\"]}>\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":"kKA8BA,MAAMA,EAAgB,MAACC,EAAW,MAAO,QAEzC,MAAMC,EAAoF,EAEtFC,cACAC,SACAC,UACAC,2BACAC,qBACAC,aACGC,GAELC,KAEA,MAAOC,EAAUC,GAAeC,EAASV,IAAW,MAAXA,SAAA,EAAAA,EAAe,IAExDW,GAAU,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,gBAACC,EAAkB,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,EAAAQ,cAAA,QAAA,IAAWzC,EAAMC,IAAKA,EAAKyC,UAAWC,EAAQ,UAC5CV,EAAAQ,cAAA,KAAA,CAAIC,UAAWC,EAAQ,QACpBtB,GACCxB,GACAoC,EAAAQ,cAAA,KAAA,CACED,MAAO,CAAET,aAAchC,IAAA,MAAAA,kBAAAA,EAASgC,cACrB,aAAA,eACXW,UAAWC,EAAQ,mBAK3B,EAGS,MAAAC,EAAiBX,EAAMY,WAAWpD"}
+{"version":3,"file":"DataGridHeader.esm.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":"kKA8BA,MAAMA,EAAgB,MAACC,EAAW,MAAO,QAEzC,MAAMC,EAAoF,EAEtFC,cACAC,SACAC,UACAC,2BACAC,qBACAC,aACGC,GAELC,KAEA,MAAOC,EAAUC,GAAeC,EAASV,IAAW,MAAXA,SAAA,EAAAA,EAAe,IAExDW,GAAU,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,gBAACC,EAAkB,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,EAAWQ,cAAA,QAAA,IAAAzC,EAAMC,IAAKA,GACpBgC,EAAAQ,cAAA,KAAA,CAAIC,UAAWC,EAAQ,QACpBtB,GACCxB,GACAoC,EAAAQ,cAAA,KAAA,CACED,MAAO,CAAET,aAAchC,IAAA,MAAAA,kBAAAA,EAASgC,cACrB,aAAA,eACXW,UAAWC,EAAQ,mBAK3B,EAGS,MAAAC,EAAiBX,EAAMY,WAAWpD"}

package/dist/esm/DataGrid/DataGridHeader/DataGridHeader.module.esm.js

@@ -1,2 +1,2 @@
-import e from "../../../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 */.DataGridHeader-module_thead__8Hifa:after{border-bottom:2px solid var(--light-grey-border);content:"";left:1rem;position:absolute;width:calc(100% - 2rem)}.DataGridHeader-module_row__JAYva{height:2.5rem}.DataGridHeader-module_context-menu__NuTeS{box-sizing:border-box;width:4.125rem}@media only screen and (min-width:50em){.DataGridHeader-module_thead__8Hifa:after{left:1.25rem;width:calc(100% - 2.5rem)}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFHcmlkSGVhZGVyLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YsMENBS0UsZ0RBQWlELENBSmpELFVBQVcsQ0FHWCxTQUFVLENBRlYsaUJBQWtCLENBQ2xCLHVCQUdGLENBRUEsa0NBQ0UsYUFDRixDQUVBLDJDQUVFLHFCQUFzQixDQUR0QixjQUVGLENBRUEsd0NBQ0UsMENBRUUsWUFBYSxDQURiLHlCQUVGLENBQ0YiLCJmaWxlIjoiRGF0YUdyaWRIZWFkZXIubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnRoZWFkOjphZnRlciB7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IGNhbGMoMTAwJSAtIDJyZW0pO1xuICBsZWZ0OiAxcmVtO1xuICBib3JkZXItYm90dG9tOiAycHggc29saWQgdmFyKC0tbGlnaHQtZ3JleS1ib3JkZXIpO1xufVxuXG4ucm93IHtcbiAgaGVpZ2h0OiAyLjVyZW07XG59XG5cbi5jb250ZXh0LW1lbnUge1xuICB3aWR0aDogNC4xMjVyZW07XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG59XG5cbkBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1pbi13aWR0aDogNTBlbSkge1xuICAudGhlYWQ6OmFmdGVyIHtcbiAgICB3aWR0aDogY2FsYygxMDAlIC0gMi41cmVtKTtcbiAgICBsZWZ0OiAxLjI1cmVtO1xuICB9XG59Il19 */';var a={thead:"DataGridHeader-module_thead__8Hifa",row:"DataGridHeader-module_row__JAYva","context-menu":"DataGridHeader-module_context-menu__NuTeS"};e(i);export{a as default};
+import e from "../../../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 */.DataGridHeader-module_row__JAYva{height:2.5rem}.DataGridHeader-module_context-menu__NuTeS{box-sizing:border-box;width:4.125rem}@media only screen and (min-width:50em){.DataGridHeader-module_thead__8Hifa:after{left:1.25rem;width:calc(100% - 2.5rem)}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFHcmlkSGVhZGVyLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0Ysa0NBQ0UsYUFDRixDQUVBLDJDQUVFLHFCQUFzQixDQUR0QixjQUVGLENBRUEsd0NBQ0UsMENBRUUsWUFBYSxDQURiLHlCQUVGLENBQ0YiLCJmaWxlIjoiRGF0YUdyaWRIZWFkZXIubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnJvdyB7XG4gIGhlaWdodDogMi41cmVtO1xufVxuXG4uY29udGV4dC1tZW51IHtcbiAgd2lkdGg6IDQuMTI1cmVtO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xufVxuXG5AbWVkaWEgb25seSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDUwZW0pIHtcbiAgLnRoZWFkOjphZnRlciB7XG4gICAgd2lkdGg6IGNhbGMoMTAwJSAtIDIuNXJlbSk7XG4gICAgbGVmdDogMS4yNXJlbTtcbiAgfVxufSJdfQ== */';var d={row:"DataGridHeader-module_row__JAYva","context-menu":"DataGridHeader-module_context-menu__NuTeS",thead:"DataGridHeader-module_thead__8Hifa"};e(i);export{d as default};
 //# sourceMappingURL=DataGridHeader.module.esm.js.map

package/dist/esm/DataGrid/DataGridHeader/DataGridHeaderCell.module.esm.js

@@ -1,2 +1,2 @@
-import e from "../../../lib/style-inject.js";var l='/*!\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 */.DataGridHeaderCell-module_header-cell__proHM{font-weight:400;padding:0 .625rem;text-align:left}.DataGridHeaderCell-module_header-cell__proHM:first-child{padding-left:1rem}.DataGridHeaderCell-module_header-cell__proHM:last-child{padding-right:1rem}.DataGridHeaderCell-module_header-cell__proHM>*{display:inline-flex}.DataGridHeaderCell-module_header-cell__proHM>button{align-items:center;background:none;border:0;cursor:pointer;display:inline-flex;margin:0;padding:0}.DataGridHeaderCell-module_headline__cmx1r{color:var(--default);font-family:var(--font-family);font-size:var(--font-size);font-weight:700;line-height:var(--default-line-height)}.DataGridHeaderCell-module_sorting-indicator-container__G5sPI{display:flex;flex-direction:column;justify-content:center;padding-left:.5rem}.DataGridHeaderCell-module_sorting-indicator-container__G5sPI>*{font-size:.625rem}.DataGridHeaderCell-module_sorting-indicator-container__G5sPI .DataGridHeaderCell-module_indicator__xaM3k{color:var(--greyed-out)}.DataGridHeaderCell-module_sorting-indicator-container__G5sPI .DataGridHeaderCell-module_indicator__xaM3k.DataGridHeaderCell-module_active__vg3wV{color:var(--color-primary)}.DataGridHeaderCell-module_sorting-indicator-container__G5sPI .DataGridHeaderCell-module_indicator__xaM3k.DataGridHeaderCell-module_hidden__MAOV3{visibility:hidden}@media only screen and (min-width:50em){.DataGridHeaderCell-module_header-cell__proHM:first-child{padding-left:1.25rem}.DataGridHeaderCell-module_header-cell__proHM:last-child{padding-right:1.25rem}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFHcmlkSGVhZGVyQ2VsbC5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLDhDQUNFLGVBQW1CLENBRW5CLGlCQUFtQixDQURuQixlQUVGLENBQ0EsMERBQ0UsaUJBQ0YsQ0FDQSx5REFDRSxrQkFDRixDQUNBLGdEQUNFLG1CQUNGLENBQ0EscURBT0Usa0JBQW1CLENBSG5CLGVBQWdCLENBRGhCLFFBQVMsQ0FFVCxjQUFlLENBQ2YsbUJBQW9CLENBSnBCLFFBQVMsQ0FEVCxTQU9GLENBRUEsMkNBS0Usb0JBQXFCLENBSnJCLDhCQUErQixDQUMvQiwwQkFBMkIsQ0FFM0IsZUFBZ0IsQ0FEaEIsc0NBR0YsQ0FFQSw4REFDRSxZQUFhLENBQ2IscUJBQXNCLENBRXRCLHNCQUF1QixDQUR2QixrQkFFRixDQUNBLGdFQUNFLGlCQUNGLENBQ0EsMEdBQ0UsdUJBQ0YsQ0FDQSxrSkFDRSwwQkFDRixDQUNBLGtKQUNFLGlCQUNGLENBRUEsd0NBQ0UsMERBQ0Usb0JBQ0YsQ0FDQSx5REFDRSxxQkFDRixDQUNGIiwiZmlsZSI6IkRhdGFHcmlkSGVhZGVyQ2VsbC5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uaGVhZGVyLWNlbGwge1xuICBmb250LXdlaWdodDogbm9ybWFsO1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xuICBwYWRkaW5nOiAwIDAuNjI1cmVtO1xufVxuLmhlYWRlci1jZWxsOmZpcnN0LWNoaWxkIHtcbiAgcGFkZGluZy1sZWZ0OiAxcmVtO1xufVxuLmhlYWRlci1jZWxsOmxhc3QtY2hpbGQge1xuICBwYWRkaW5nLXJpZ2h0OiAxcmVtO1xufVxuLmhlYWRlci1jZWxsID4gKiB7XG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xufVxuLmhlYWRlci1jZWxsID4gYnV0dG9uIHtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAwO1xuICBib3JkZXI6IDA7XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG59XG5cbi5oZWFkbGluZSB7XG4gIGZvbnQtZmFtaWx5OiB2YXIoLS1mb250LWZhbWlseSk7XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9udC1zaXplKTtcbiAgbGluZS1oZWlnaHQ6IHZhcigtLWRlZmF1bHQtbGluZS1oZWlnaHQpO1xuICBmb250LXdlaWdodDogNzAwO1xuICBjb2xvcjogdmFyKC0tZGVmYXVsdCk7XG59XG5cbi5zb3J0aW5nLWluZGljYXRvci1jb250YWluZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBwYWRkaW5nLWxlZnQ6IDAuNXJlbTtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG59XG4uc29ydGluZy1pbmRpY2F0b3ItY29udGFpbmVyID4gKiB7XG4gIGZvbnQtc2l6ZTogMC42MjVyZW07XG59XG4uc29ydGluZy1pbmRpY2F0b3ItY29udGFpbmVyIC5pbmRpY2F0b3Ige1xuICBjb2xvcjogdmFyKC0tZ3JleWVkLW91dCk7XG59XG4uc29ydGluZy1pbmRpY2F0b3ItY29udGFpbmVyIC5pbmRpY2F0b3IuYWN0aXZlIHtcbiAgY29sb3I6IHZhcigtLWNvbG9yLXByaW1hcnkpO1xufVxuLnNvcnRpbmctaW5kaWNhdG9yLWNvbnRhaW5lciAuaW5kaWNhdG9yLmhpZGRlbiB7XG4gIHZpc2liaWxpdHk6IGhpZGRlbjtcbn1cblxuQG1lZGlhIG9ubHkgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA1MGVtKSB7XG4gIC5oZWFkZXItY2VsbDpmaXJzdC1jaGlsZCB7XG4gICAgcGFkZGluZy1sZWZ0OiAxLjI1cmVtO1xuICB9XG4gIC5oZWFkZXItY2VsbDpsYXN0LWNoaWxkIHtcbiAgICBwYWRkaW5nLXJpZ2h0OiAxLjI1cmVtO1xuICB9XG59Il19 */';var i={"header-cell":"DataGridHeaderCell-module_header-cell__proHM",headline:"DataGridHeaderCell-module_headline__cmx1r","sorting-indicator-container":"DataGridHeaderCell-module_sorting-indicator-container__G5sPI",indicator:"DataGridHeaderCell-module_indicator__xaM3k",active:"DataGridHeaderCell-module_active__vg3wV",hidden:"DataGridHeaderCell-module_hidden__MAOV3"};e(l);export{i as default};
+import e from "../../../lib/style-inject.js";var l='/*!\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 */.DataGridHeaderCell-module_header-cell__proHM{font-weight:400;padding:.625rem .75rem;text-align:left}.DataGridHeaderCell-module_header-cell__proHM:first-child{padding-left:1rem}.DataGridHeaderCell-module_header-cell__proHM:last-child{padding-right:1rem}.DataGridHeaderCell-module_header-cell__proHM>*{display:inline-flex}.DataGridHeaderCell-module_header-cell__proHM>button{align-items:center;background:none;border:0;cursor:pointer;display:inline-flex;margin:0;padding:0}.DataGridHeaderCell-module_headline__cmx1r{color:var(--default);font-family:var(--font-family);font-size:var(--font-size-data-grid);font-weight:700;line-height:var(--data-grid-line-height)}.DataGridHeaderCell-module_sorting-indicator-container__G5sPI{display:flex;flex-direction:column;justify-content:center;padding-left:.5rem}.DataGridHeaderCell-module_sorting-indicator-container__G5sPI>*{font-size:.625rem}.DataGridHeaderCell-module_sorting-indicator-container__G5sPI .DataGridHeaderCell-module_indicator__xaM3k{color:var(--greyed-out)}.DataGridHeaderCell-module_sorting-indicator-container__G5sPI .DataGridHeaderCell-module_indicator__xaM3k.DataGridHeaderCell-module_active__vg3wV{color:var(--color-primary)}.DataGridHeaderCell-module_sorting-indicator-container__G5sPI .DataGridHeaderCell-module_indicator__xaM3k.DataGridHeaderCell-module_hidden__MAOV3{visibility:hidden}@media only screen and (min-width:50em){.DataGridHeaderCell-module_header-cell__proHM:first-child{padding-left:1.25rem}.DataGridHeaderCell-module_header-cell__proHM:last-child{padding-right:1.25rem}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFHcmlkSGVhZGVyQ2VsbC5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLDhDQUNFLGVBQW1CLENBRW5CLHNCQUF5QixDQUR6QixlQUVGLENBQ0EsMERBQ0UsaUJBQ0YsQ0FDQSx5REFDRSxrQkFDRixDQUNBLGdEQUNFLG1CQUNGLENBQ0EscURBT0Usa0JBQW1CLENBSG5CLGVBQWdCLENBRGhCLFFBQVMsQ0FFVCxjQUFlLENBQ2YsbUJBQW9CLENBSnBCLFFBQVMsQ0FEVCxTQU9GLENBRUEsMkNBS0Usb0JBQXFCLENBSnJCLDhCQUErQixDQUMvQixvQ0FBcUMsQ0FFckMsZUFBZ0IsQ0FEaEIsd0NBR0YsQ0FFQSw4REFDRSxZQUFhLENBQ2IscUJBQXNCLENBRXRCLHNCQUF1QixDQUR2QixrQkFFRixDQUNBLGdFQUNFLGlCQUNGLENBQ0EsMEdBQ0UsdUJBQ0YsQ0FDQSxrSkFDRSwwQkFDRixDQUNBLGtKQUNFLGlCQUNGLENBRUEsd0NBQ0UsMERBQ0Usb0JBQ0YsQ0FDQSx5REFDRSxxQkFDRixDQUNGIiwiZmlsZSI6IkRhdGFHcmlkSGVhZGVyQ2VsbC5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uaGVhZGVyLWNlbGwge1xuICBmb250LXdlaWdodDogbm9ybWFsO1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xuICBwYWRkaW5nOiAwLjYyNXJlbSAwLjc1cmVtO1xufVxuLmhlYWRlci1jZWxsOmZpcnN0LWNoaWxkIHtcbiAgcGFkZGluZy1sZWZ0OiAxcmVtO1xufVxuLmhlYWRlci1jZWxsOmxhc3QtY2hpbGQge1xuICBwYWRkaW5nLXJpZ2h0OiAxcmVtO1xufVxuLmhlYWRlci1jZWxsID4gKiB7XG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xufVxuLmhlYWRlci1jZWxsID4gYnV0dG9uIHtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAwO1xuICBib3JkZXI6IDA7XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG59XG5cbi5oZWFkbGluZSB7XG4gIGZvbnQtZmFtaWx5OiB2YXIoLS1mb250LWZhbWlseSk7XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9udC1zaXplLWRhdGEtZ3JpZCk7XG4gIGxpbmUtaGVpZ2h0OiB2YXIoLS1kYXRhLWdyaWQtbGluZS1oZWlnaHQpO1xuICBmb250LXdlaWdodDogNzAwO1xuICBjb2xvcjogdmFyKC0tZGVmYXVsdCk7XG59XG5cbi5zb3J0aW5nLWluZGljYXRvci1jb250YWluZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBwYWRkaW5nLWxlZnQ6IDAuNXJlbTtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG59XG4uc29ydGluZy1pbmRpY2F0b3ItY29udGFpbmVyID4gKiB7XG4gIGZvbnQtc2l6ZTogMC42MjVyZW07XG59XG4uc29ydGluZy1pbmRpY2F0b3ItY29udGFpbmVyIC5pbmRpY2F0b3Ige1xuICBjb2xvcjogdmFyKC0tZ3JleWVkLW91dCk7XG59XG4uc29ydGluZy1pbmRpY2F0b3ItY29udGFpbmVyIC5pbmRpY2F0b3IuYWN0aXZlIHtcbiAgY29sb3I6IHZhcigtLWNvbG9yLXByaW1hcnkpO1xufVxuLnNvcnRpbmctaW5kaWNhdG9yLWNvbnRhaW5lciAuaW5kaWNhdG9yLmhpZGRlbiB7XG4gIHZpc2liaWxpdHk6IGhpZGRlbjtcbn1cblxuQG1lZGlhIG9ubHkgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA1MGVtKSB7XG4gIC5oZWFkZXItY2VsbDpmaXJzdC1jaGlsZCB7XG4gICAgcGFkZGluZy1sZWZ0OiAxLjI1cmVtO1xuICB9XG4gIC5oZWFkZXItY2VsbDpsYXN0LWNoaWxkIHtcbiAgICBwYWRkaW5nLXJpZ2h0OiAxLjI1cmVtO1xuICB9XG59Il19 */';var i={"header-cell":"DataGridHeaderCell-module_header-cell__proHM",headline:"DataGridHeaderCell-module_headline__cmx1r","sorting-indicator-container":"DataGridHeaderCell-module_sorting-indicator-container__G5sPI",indicator:"DataGridHeaderCell-module_indicator__xaM3k",active:"DataGridHeaderCell-module_active__vg3wV",hidden:"DataGridHeaderCell-module_hidden__MAOV3"};e(l);export{i as default};
 //# sourceMappingURL=DataGridHeaderCell.module.esm.js.map

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"FileItem.esm.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\";\n\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  onRequestedFileAction?: (action: FILE_ACTION, name: FileType[\"name\"]) => void;\n}\ninterface FileItemIcons {\n  fileIcon: Icons;\n  actionIcon?: { type: Icons; action: FILE_ACTION };\n}\n\nexport enum FILE_ACTION {\n  DELETE = \"delete\",\n  REMOVE = \"remove\",\n  ABORT = \"abort\",\n  RETRY = \"retry\"\n}\n\nconst FileItemComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { name, status, error, progress, onRequestedFileAction }: Props,\n  ref\n) => {\n  const determineIcons = (status?: UploadProgress): FileItemIcons => {\n    switch (status) {\n      case \"completed\":\n        return {\n          fileIcon: Icons.FileOutline,\n          actionIcon: {\n            type: Icons.Trash,\n            action: FILE_ACTION.DELETE\n          }\n        };\n      case \"error\":\n        return {\n          fileIcon: Icons.InfoCircle,\n          actionIcon: {\n            type: Icons.Times,\n            action: FILE_ACTION.REMOVE\n          }\n        };\n      case \"uploading\":\n        return {\n          fileIcon: Icons.FileUpload,\n          actionIcon: {\n            type: Icons.Times,\n            action: FILE_ACTION.ABORT\n          }\n        };\n      case \"retry\":\n        return {\n          fileIcon: Icons.InfoCircle,\n          actionIcon: {\n            type: Icons.Refresh,\n            action: FILE_ACTION.RETRY\n          }\n        };\n      case \"readonly\":\n      default:\n        return { fileIcon: Icons.FileOutline };\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  return (\n    <div ref={ref} className={classes[\"file-item-wrapper\"]} aria-label={`${name}-wrapper`}>\n      <Typography\n        variant={\"body\"}\n        title={name}\n        className={`${classes[\"file-name\"]} ${status ? classes[status] : \"\"}`}\n      >\n        <Icon icon={icons.fileIcon} className={classes[\"file-icon\"]} />\n        <span className={classes[\"friendly-name\"]}>{friendlyName}</span>.<span>{extension}</span>\n        {icons.actionIcon && (\n          <Icon\n            title={icons.actionIcon.action}\n            icon={icons.actionIcon.type}\n            className={classes[\"action-icon\"]}\n            onClick={() =>\n              icons.actionIcon &&\n              onRequestedFileAction &&\n              onRequestedFileAction(icons.actionIcon.action, name)\n            }\n          />\n        )}\n      </Typography>\n      {error && (\n        <Typography\n          variant={\"sub-text\"}\n          className={`${classes[\"file-subtitle\"]} ${status ? classes[status] : \"\"}`}\n        >\n          {error}\n        </Typography>\n      )}\n      {status === \"uploading\" ? (\n        <ProgressBar className={classes[\"progress-bar\"]} completed={progress} />\n      ) : (\n        \"\"\n      )}\n    </div>\n  );\n};\n\nexport const FileItem = React.forwardRef(FileItemComponent);\n"],"names":["FILE_ACTION","FileItemComponent","name","status","error","progress","onRequestedFileAction","ref","determineIcons","fileIcon","Icons","FileOutline","actionIcon","type","Trash","action","DELETE","InfoCircle","Times","REMOVE","FileUpload","ABORT","Refresh","RETRY","icons","getFriendlyNameAndExtension","index","indexOf","friendlyName","slice","extension","React","createElement","className","classes","Typography","variant","title","Icon","icon","onClick","ProgressBar","completed","FileItem","forwardRef"],"mappings":"sQAqCYA,GAAZ,SAAYA,GACVA,EAAA,UAAA,SACAA,EAAA,UAAA,SACAA,EAAA,SAAA,QACAA,EAAA,SAAA,OACD,EALD,CAAYA,IAAAA,EAKX,CAAA,IAED,MAAMC,EAAqE,EACvEC,OAAMC,SAAQC,QAAOC,WAAUC,yBACjCC,KAEA,MAAMC,EAAkBL,IACtB,OAAQA,GACN,IAAK,YACH,MAAO,CACLM,SAAUC,EAAMC,YAChBC,WAAY,CACVC,KAAMH,EAAMI,MACZC,OAAQf,EAAYgB,SAG1B,IAAK,QACH,MAAO,CACLP,SAAUC,EAAMO,WAChBL,WAAY,CACVC,KAAMH,EAAMQ,MACZH,OAAQf,EAAYmB,SAG1B,IAAK,YACH,MAAO,CACLV,SAAUC,EAAMU,WAChBR,WAAY,CACVC,KAAMH,EAAMQ,MACZH,OAAQf,EAAYqB,QAG1B,IAAK,QACH,MAAO,CACLZ,SAAUC,EAAMO,WAChBL,WAAY,CACVC,KAAMH,EAAMY,QACZP,OAAQf,EAAYuB,QAG1B,IAAK,WACL,QACE,MAAO,CAAEd,SAAUC,EAAMC,aAC5B,EAGH,MAAMa,EAAQhB,EAAeL,GAE7B,MAAMsB,EAA+BvB,IACnC,MAAMwB,EAAQxB,EAAKyB,QAAQ,KAC3B,MAAO,CAAEC,aAAc1B,EAAK2B,MAAM,EAAGH,GAAQI,UAAW5B,EAAK2B,MAAMH,EAAQ,GAAI,EAGjF,MAAME,aAAEA,EAAYE,UAAEA,GAAcL,EAA4BvB,GAEhE,OACE6B,EAAAC,cAAA,MAAA,CAAKzB,IAAKA,EAAK0B,UAAWC,EAAQ,qBAAkC,aAAA,GAAGhC,aACrE6B,EAAAC,cAACG,EAAU,CACTC,QAAS,OACTC,MAAOnC,EACP+B,UAAW,GAAGC,EAAQ,gBAAgB/B,EAAS+B,EAAQ/B,GAAU,MAEjE4B,EAAAC,cAACM,EAAI,CAACC,KAAMf,EAAMf,SAAUwB,UAAWC,EAAQ,eAC/CH,EAAMC,cAAA,OAAA,CAAAC,UAAWC,EAAQ,kBAAmBN,OAAqBG,EAAAC,cAAA,OAAA,KAAOF,GACvEN,EAAMZ,YACLmB,EAAAC,cAACM,EACC,CAAAD,MAAOb,EAAMZ,WAAWG,OACxBwB,KAAMf,EAAMZ,WAAWC,KACvBoB,UAAWC,EAAQ,eACnBM,QAAS,IACPhB,EAAMZ,YACNN,GACAA,EAAsBkB,EAAMZ,WAAWG,OAAQb,MAKtDE,GACC2B,EAACC,cAAAG,GACCC,QAAS,WACTH,UAAW,GAAGC,EAAQ,oBAAoB/B,EAAS+B,EAAQ/B,GAAU,MAEpEC,GAGJD,IAAW,YACV4B,EAACC,cAAAS,EAAY,CAAAR,UAAWC,EAAQ,gBAAiBQ,UAAWrC,IAE5D,GAGJ,EAGS,MAAAsC,EAAWZ,EAAMa,WAAW3C"}
+{"version":3,"file":"FileItem.esm.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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"}

package/dist/esm/Form/FileUpload/FileItem/FileItem.module.esm.js

@@ -1,2 +1,2 @@
-import e from "../../../../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 */.FileItem-module_sr-only__ihOCn{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.FileItem-module_hidden__Q56h4{display:none}.FileItem-module_slide-in__1tGpk{animation:FileItem-module_slide-in__1tGpk .5s forwards}@media (prefers-reduced-motion:reduce){.FileItem-module_slide-in__1tGpk{animation-duration:.1ms}}.FileItem-module_slide-out__cVuA5{animation:FileItem-module_slide-out__cVuA5 .5s forwards}@media (prefers-reduced-motion:reduce){.FileItem-module_slide-out__cVuA5{animation-duration:.1ms}}@keyframes FileItem-module_slide-in__1tGpk{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes FileItem-module_slide-out__cVuA5{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.FileItem-module_file-item-wrapper__AHppD{background-color:var(--input-background-color);border-radius:var(--input-border-radius);padding:.5rem 1.25rem;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.FileItem-module_file-item-wrapper__AHppD{transition-duration:.1ms}}.FileItem-module_file-item-wrapper__AHppD [class*=icon]{font-size:1.25rem}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_progress-bar__JSZGw{background-color:var(--color-black10)}.FileItem-module_file-item-wrapper__AHppD span[class*=bar--]{border-radius:var(--input-border-radius);height:1rem}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_file-name__fX1qv{align-items:center;display:flex;margin:0}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_file-name__fX1qv .FileItem-module_friendly-name__3FShY{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_action-icon__BvDBG{color:var(--color-primary);cursor:pointer;margin-left:auto;padding-left:1.25rem}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_file-icon__krJdT{margin-right:.5rem}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_file-subtitle__vB6Rd,.FileItem-module_file-item-wrapper__AHppD .FileItem-module_progress-bar__JSZGw{display:block;margin:.3125rem 1.75rem;padding:0}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_error__LJfYJ,.FileItem-module_file-item-wrapper__AHppD .FileItem-module_retry__rhh2E{color:var(--error)}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_readonly__KKX3X{color:var(--greyed-out)}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbGVJdGVtLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRixnQ0FPRSxrQkFBc0IsQ0FDdEIsUUFBUyxDQUxULFVBQVcsQ0FFWCxXQUFZLENBQ1osZUFBZ0IsQ0FGaEIsU0FBVSxDQUhWLGlCQUFrQixDQUNsQixTQU9GLENBRUEsK0JBQ0UsWUFDRixDQUVBLGlDQUNFLHNEQUNGLENBRUEsdUNBQ0UsaUNBQ0UsdUJBQ0YsQ0FDRixDQUNBLGtDQUNFLHVEQUNGLENBRUEsdUNBQ0Usa0NBQ0UsdUJBQ0YsQ0FDRixDQUNBLDJDQUNFLEdBQ0UsMkJBQ0YsQ0FDQSxHQUNFLHVCQUNGLENBQ0YsQ0FDQSw0Q0FDRSxHQUNFLHVCQUNGLENBQ0EsR0FDRSwyQkFDRixDQUNGLENBQ0EsMENBR0UsOENBQStDLENBRC9DLHdDQUF5QyxDQUR6QyxxQkFBdUIsQ0FJdkIsdUJBQXlCLENBRHpCLHVCQUF3QixDQUV4QixzQ0FDRixDQUNBLHVDQUNFLDBDQUNFLHdCQUNGLENBQ0YsQ0FDQSx3REFDRSxpQkFDRixDQUNBLCtFQUNFLHFDQUNGLENBQ0EsNkRBQ0Usd0NBQXlDLENBQ3pDLFdBQ0YsQ0FDQSw0RUFHRSxrQkFBbUIsQ0FEbkIsWUFBYSxDQURiLFFBR0YsQ0FDQSxrSEFDRSxlQUFnQixDQUNoQixzQkFBdUIsQ0FDdkIsa0JBQ0YsQ0FDQSw4RUFFRSwwQkFBMkIsQ0FDM0IsY0FBZSxDQUZmLGdCQUFpQixDQUdqQixvQkFDRixDQUNBLDRFQUNFLGtCQUNGLENBQ0EsK0pBRUUsYUFBYyxDQUNkLHVCQUF5QixDQUN6QixTQUNGLENBQ0EsZ0pBRUUsa0JBQ0YsQ0FDQSwyRUFDRSx1QkFDRiIsImZpbGUiOiJGaWxlSXRlbS5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnNyLW9ubHkge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxcHg7XG4gIGhlaWdodDogMXB4O1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IC0xcHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGNsaXA6IHJlY3QoMCwgMCwgMCwgMCk7XG4gIGJvcmRlcjogMDtcbn1cblxuLmhpZGRlbiB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5zbGlkZS1pbiB7XG4gIGFuaW1hdGlvbjogc2xpZGUtaW4gMC41cyBmb3J3YXJkcztcbn1cblxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLWluIHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG4uc2xpZGUtb3V0IHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1vdXQgMC41cyBmb3J3YXJkcztcbn1cblxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLW91dCB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuQGtleWZyYW1lcyBzbGlkZS1pbiB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbn1cbkBrZXlmcmFtZXMgc2xpZGUtb3V0IHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxufVxuLmZpbGUtaXRlbS13cmFwcGVyIHtcbiAgcGFkZGluZzogMC41cmVtIDEuMjVyZW07XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLWlucHV0LWJvcmRlci1yYWRpdXMpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1pbnB1dC1iYWNrZ3JvdW5kLWNvbG9yKTtcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYWxsO1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjJzO1xuICB0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1pbi1vdXQ7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuZmlsZS1pdGVtLXdyYXBwZXIge1xuICAgIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG4uZmlsZS1pdGVtLXdyYXBwZXIgW2NsYXNzKj1pY29uXSB7XG4gIGZvbnQtc2l6ZTogMS4yNXJlbTtcbn1cbi5maWxlLWl0ZW0td3JhcHBlciAucHJvZ3Jlc3MtYmFyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItYmxhY2sxMCk7XG59XG4uZmlsZS1pdGVtLXdyYXBwZXIgc3BhbltjbGFzcyo9YmFyLS1dIHtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG4gIGhlaWdodDogMXJlbTtcbn1cbi5maWxlLWl0ZW0td3JhcHBlciAuZmlsZS1uYW1lIHtcbiAgbWFyZ2luOiAwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuLmZpbGUtaXRlbS13cmFwcGVyIC5maWxlLW5hbWUgLmZyaWVuZGx5LW5hbWUge1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbn1cbi5maWxlLWl0ZW0td3JhcHBlciAuYWN0aW9uLWljb24ge1xuICBtYXJnaW4tbGVmdDogYXV0bztcbiAgY29sb3I6IHZhcigtLWNvbG9yLXByaW1hcnkpO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHBhZGRpbmctbGVmdDogMS4yNXJlbTtcbn1cbi5maWxlLWl0ZW0td3JhcHBlciAuZmlsZS1pY29uIHtcbiAgbWFyZ2luLXJpZ2h0OiAwLjVyZW07XG59XG4uZmlsZS1pdGVtLXdyYXBwZXIgLmZpbGUtc3VidGl0bGUsXG4uZmlsZS1pdGVtLXdyYXBwZXIgLnByb2dyZXNzLWJhciB7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBtYXJnaW46IDAuMzEyNXJlbSAxLjc1cmVtO1xuICBwYWRkaW5nOiAwO1xufVxuLmZpbGUtaXRlbS13cmFwcGVyIC5lcnJvcixcbi5maWxlLWl0ZW0td3JhcHBlciAucmV0cnkge1xuICBjb2xvcjogdmFyKC0tZXJyb3IpO1xufVxuLmZpbGUtaXRlbS13cmFwcGVyIC5yZWFkb25seSB7XG4gIGNvbG9yOiB2YXIoLS1ncmV5ZWQtb3V0KTtcbn0iXX0= */';var l={"sr-only":"FileItem-module_sr-only__ihOCn",hidden:"FileItem-module_hidden__Q56h4","slide-in":"FileItem-module_slide-in__1tGpk","slide-out":"FileItem-module_slide-out__cVuA5","file-item-wrapper":"FileItem-module_file-item-wrapper__AHppD","progress-bar":"FileItem-module_progress-bar__JSZGw","file-name":"FileItem-module_file-name__fX1qv","friendly-name":"FileItem-module_friendly-name__3FShY","action-icon":"FileItem-module_action-icon__BvDBG","file-icon":"FileItem-module_file-icon__krJdT","file-subtitle":"FileItem-module_file-subtitle__vB6Rd",error:"FileItem-module_error__LJfYJ",retry:"FileItem-module_retry__rhh2E",readonly:"FileItem-module_readonly__KKX3X"};e(i);export{l as default};
+import e from "../../../../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 */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.FileItem-module_sr-only__ihOCn{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.FileItem-module_hidden__Q56h4{display:none}.FileItem-module_slide-in__1tGpk{animation:FileItem-module_slide-in__1tGpk .5s forwards}@media (prefers-reduced-motion:reduce){.FileItem-module_slide-in__1tGpk{animation-duration:.1ms}}.FileItem-module_slide-out__cVuA5{animation:FileItem-module_slide-out__cVuA5 .5s forwards}@media (prefers-reduced-motion:reduce){.FileItem-module_slide-out__cVuA5{animation-duration:.1ms}}@keyframes FileItem-module_slide-in__1tGpk{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes FileItem-module_slide-out__cVuA5{0%{transform:translateY(0)}to{transform:translateY(100vh)}}\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 */.FileItem-module_file-item-wrapper__AHppD{border-radius:var(--input-border-radius);padding:0;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.FileItem-module_file-item-wrapper__AHppD{transition-duration:.1ms}}.FileItem-module_file-item-wrapper__AHppD [class*=icon]{font-size:1.25rem}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_file-list-container__SlvTj{background-color:var(--color-blue-grey25);display:flex;flex-wrap:wrap;justify-content:space-between;min-height:2.875rem;padding:.25rem .75rem}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_file-list-container__SlvTj .FileItem-module_action-button-wrapper__1mAks{display:flex;margin:.25rem 0}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_file-list-container__SlvTj .FileItem-module_action-button-wrapper__1mAks button{margin-left:.5rem}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_file-list-container__SlvTj .FileItem-module_action-button-wrapper__1mAks button span{font-size:.875rem;text-transform:capitalize}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_file-list-container__SlvTj .FileItem-module_action-button-wrapper__1mAks a{align-items:center;cursor:pointer;display:flex;font-weight:500;margin-left:.5rem;padding-left:.75rem;padding-right:1.25rem;text-decoration:none}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_file-list-container__SlvTj .FileItem-module_action-button-wrapper__1mAks a span.FileItem-module_action-icon__BvDBG{display:flex;font-size:.875rem;justify-content:center;margin-right:.25rem;padding-left:0;width:1.5rem}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_file-list-container__SlvTj .FileItem-module_action-button-wrapper__1mAks a span{font-size:.875rem;text-transform:capitalize}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_file-list-container__SlvTj .FileItem-module_action-button-wrapper__1mAks a:hover{background-color:var(--color-black10);color:var(--button-primary-hover-color)}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_file-list-container__SlvTj .FileItem-module_action-button-wrapper__1mAks a:focus{border-radius:var(--focus-border-radius);outline:.125rem solid var(--color-focus);outline-offset:2px}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_file-list-container__SlvTj .FileItem-module_progress-with-action__SfLXZ{align-items:center;display:flex;width:100%}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_file-list-container__SlvTj .FileItem-module_progress-with-action__SfLXZ .FileItem-module_progress-bar__JSZGw{background:#0000;height:3rem;width:100%}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_file-list-container__SlvTj .FileItem-module_progress-with-action__SfLXZ .FileItem-module_progress-bar__JSZGw>span{border-radius:var(--input-border-radius);height:.3rem}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_file-list-container__SlvTj .FileItem-module_progress-with-action__SfLXZ .FileItem-module_progress-bar__JSZGw p{font-size:.875rem}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_progress-bar__JSZGw{background-color:var(--color-black10)}.FileItem-module_file-item-wrapper__AHppD span[class*=bar--]{border-radius:var(--input-border-radius);height:1rem}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_file-name__fX1qv{align-items:center;display:flex;font-size:.875rem;margin:0}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_file-name__fX1qv .FileItem-module_friendly-name__3FShY{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_file-name__fX1qv.FileItem-module_error__LJfYJ span:before{color:var(--error)}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_action-icon__BvDBG{color:var(--color-primary);cursor:pointer;margin-left:auto;margin-right:1rem;padding-left:1.25rem}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_action-icon__BvDBG a,.FileItem-module_file-item-wrapper__AHppD .FileItem-module_action-icon__BvDBG label{color:var(--color-primary);cursor:pointer;padding-left:.5rem;text-decoration:none;text-transform:capitalize}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_file-icon__krJdT{margin-right:.5rem}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_file-icon__krJdT:before{color:var(--color-primary500)}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_file-icon__krJdT.FileItem-module_retry__rhh2E:before{color:var(--error)}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_file-subtitle__vB6Rd,.FileItem-module_file-item-wrapper__AHppD .FileItem-module_progress-bar__JSZGw{display:block;margin:.3125rem 1.75rem;padding:0}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_error__LJfYJ,.FileItem-module_file-item-wrapper__AHppD .FileItem-module_retry__rhh2E{color:var(--error)}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_readonly__KKX3X{color:var(--greyed-out)}.FileItem-module_file-item-wrapper__AHppD .FileItem-module_file-subtitle__vB6Rd{margin-left:0}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbGVJdGVtLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQWtERjs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLGdDQU9FLGtCQUFzQixDQUN0QixRQUFTLENBTFQsVUFBVyxDQUVYLFdBQVksQ0FDWixlQUFnQixDQUZoQixTQUFVLENBSFYsaUJBQWtCLENBQ2xCLFNBT0YsQ0FFQSwrQkFDRSxZQUNGLENBRUEsaUNBQ0Usc0RBQ0YsQ0FFQSx1Q0FDRSxpQ0FDRSx1QkFDRixDQUNGLENBQ0Esa0NBQ0UsdURBQ0YsQ0FFQSx1Q0FDRSxrQ0FDRSx1QkFDRixDQUNGLENBQ0EsMkNBQ0UsR0FDRSwyQkFDRixDQUNBLEdBQ0UsdUJBQ0YsQ0FDRixDQUNBLDRDQUNFLEdBQ0UsdUJBQ0YsQ0FDQSxHQUNFLDJCQUNGLENBQ0Y7QUFDQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLDBDQUVFLHdDQUF5QyxDQUR6QyxTQUFVLENBR1YsdUJBQXlCLENBRHpCLHVCQUF3QixDQUV4QixzQ0FDRixDQUNBLHVDQUNFLDBDQUNFLHdCQUNGLENBQ0YsQ0FDQSx3REFDRSxpQkFDRixDQUNBLHNGQUNFLHlDQUEwQyxDQUUxQyxZQUFhLENBRWIsY0FBZSxDQURmLDZCQUE4QixDQUU5QixtQkFBb0IsQ0FKcEIscUJBS0YsQ0FDQSxvSUFFRSxZQUFhLENBRGIsZUFFRixDQUNBLDJJQUNFLGlCQUNGLENBQ0EsZ0pBQ0UsaUJBQW1CLENBQ25CLHlCQUNGLENBQ0Esc0lBTUUsa0JBQW1CLENBRm5CLGNBQWUsQ0FDZixZQUFhLENBRmIsZUFBZ0IsQ0FLaEIsaUJBQW1CLENBUG5CLG1CQUFxQixDQUNyQixxQkFBc0IsQ0FLdEIsb0JBRUYsQ0FDQSw4S0FDRSxZQUFhLENBSWIsaUJBQW1CLENBSG5CLHNCQUF1QixDQUV2QixtQkFBcUIsQ0FFckIsY0FBZSxDQUhmLFlBSUYsQ0FDQSwySUFDRSxpQkFBbUIsQ0FDbkIseUJBQ0YsQ0FDQSw0SUFFRSxxQ0FBc0MsQ0FEdEMsdUNBRUYsQ0FDQSw0SUFHRSx3Q0FBeUMsQ0FGekMsd0NBQTBDLENBQzFDLGtCQUVGLENBQ0EsbUlBR0Usa0JBQW1CLENBRG5CLFlBQWEsQ0FEYixVQUdGLENBQ0Esd0tBR0UsZ0JBQXVCLENBRnZCLFdBQVksQ0FDWixVQUVGLENBQ0EsNktBRUUsd0NBQXlDLENBRHpDLFlBRUYsQ0FDQSwwS0FDRSxpQkFDRixDQUNBLCtFQUNFLHFDQUNGLENBQ0EsNkRBQ0Usd0NBQXlDLENBQ3pDLFdBQ0YsQ0FDQSw0RUFHRSxrQkFBbUIsQ0FEbkIsWUFBYSxDQUViLGlCQUFtQixDQUhuQixRQUlGLENBQ0Esa0hBQ0UsZUFBZ0IsQ0FDaEIsc0JBQXVCLENBQ3ZCLGtCQUNGLENBQ0EscUhBQ0Usa0JBQ0YsQ0FDQSw4RUFFRSwwQkFBMkIsQ0FDM0IsY0FBZSxDQUZmLGdCQUFpQixDQUlqQixpQkFBa0IsQ0FEbEIsb0JBRUYsQ0FDQSxvS0FJRSwwQkFBMkIsQ0FEM0IsY0FBZSxDQURmLGtCQUFvQixDQUdwQixvQkFBcUIsQ0FKckIseUJBS0YsQ0FDQSw0RUFDRSxrQkFDRixDQUNBLG1GQUNFLDZCQUNGLENBQ0EsZ0hBQ0Usa0JBQ0YsQ0FDQSwrSkFFRSxhQUFjLENBQ2QsdUJBQXlCLENBQ3pCLFNBQ0YsQ0FDQSxnSkFFRSxrQkFDRixDQUNBLDJFQUNFLHVCQUNGLENBQ0EsZ0ZBQ0UsYUFDRiIsImZpbGUiOiJGaWxlSXRlbS5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5zci1vbmx5IHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMXB4O1xuICBoZWlnaHQ6IDFweDtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAtMXB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBjbGlwOiByZWN0KDAsIDAsIDAsIDApO1xuICBib3JkZXI6IDA7XG59XG5cbi5oaWRkZW4ge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uc2xpZGUtaW4ge1xuICBhbmltYXRpb246IHNsaWRlLWluIDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtaW4ge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuLnNsaWRlLW91dCB7XG4gIGFuaW1hdGlvbjogc2xpZGUtb3V0IDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtb3V0IHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbkBrZXlmcmFtZXMgc2xpZGUtaW4ge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG59XG5Aa2V5ZnJhbWVzIHNsaWRlLW91dCB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbn1cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uc3Itb25seSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDFweDtcbiAgaGVpZ2h0OiAxcHg7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogLTFweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTtcbiAgYm9yZGVyOiAwO1xufVxuXG4uaGlkZGVuIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLnNsaWRlLWluIHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1pbiAwLjVzIGZvcndhcmRzO1xufVxuXG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtaW4ge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cbi5zbGlkZS1vdXQge1xuICBhbmltYXRpb246IHNsaWRlLW91dCAwLjVzIGZvcndhcmRzO1xufVxuXG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtb3V0IHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5Aa2V5ZnJhbWVzIHNsaWRlLWluIHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxufVxuQGtleWZyYW1lcyBzbGlkZS1vdXQge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG59XG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLmZpbGUtaXRlbS13cmFwcGVyIHtcbiAgcGFkZGluZzogMDtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGFsbDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4ycztcbiAgdHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2UtaW4tb3V0O1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLmZpbGUtaXRlbS13cmFwcGVyIHtcbiAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuLmZpbGUtaXRlbS13cmFwcGVyIFtjbGFzcyo9aWNvbl0ge1xuICBmb250LXNpemU6IDEuMjVyZW07XG59XG4uZmlsZS1pdGVtLXdyYXBwZXIgLmZpbGUtbGlzdC1jb250YWluZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXkyNSk7XG4gIHBhZGRpbmc6IDAuMjVyZW0gMC43NXJlbTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBmbGV4LXdyYXA6IHdyYXA7XG4gIG1pbi1oZWlnaHQ6IDIuODc1cmVtO1xufVxuLmZpbGUtaXRlbS13cmFwcGVyIC5maWxlLWxpc3QtY29udGFpbmVyIC5hY3Rpb24tYnV0dG9uLXdyYXBwZXIge1xuICBtYXJnaW46IDAuMjVyZW0gMDtcbiAgZGlzcGxheTogZmxleDtcbn1cbi5maWxlLWl0ZW0td3JhcHBlciAuZmlsZS1saXN0LWNvbnRhaW5lciAuYWN0aW9uLWJ1dHRvbi13cmFwcGVyIGJ1dHRvbiB7XG4gIG1hcmdpbi1sZWZ0OiAwLjVyZW07XG59XG4uZmlsZS1pdGVtLXdyYXBwZXIgLmZpbGUtbGlzdC1jb250YWluZXIgLmFjdGlvbi1idXR0b24td3JhcHBlciBidXR0b24gc3BhbiB7XG4gIGZvbnQtc2l6ZTogMC44NzVyZW07XG4gIHRleHQtdHJhbnNmb3JtOiBjYXBpdGFsaXplO1xufVxuLmZpbGUtaXRlbS13cmFwcGVyIC5maWxlLWxpc3QtY29udGFpbmVyIC5hY3Rpb24tYnV0dG9uLXdyYXBwZXIgYSB7XG4gIHBhZGRpbmctbGVmdDogMC43NXJlbTtcbiAgcGFkZGluZy1yaWdodDogMS4yNXJlbTtcbiAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gIG1hcmdpbi1sZWZ0OiAwLjVyZW07XG59XG4uZmlsZS1pdGVtLXdyYXBwZXIgLmZpbGUtbGlzdC1jb250YWluZXIgLmFjdGlvbi1idXR0b24td3JhcHBlciBhIHNwYW4uYWN0aW9uLWljb24ge1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgd2lkdGg6IDEuNXJlbTtcbiAgbWFyZ2luLXJpZ2h0OiAwLjI1cmVtO1xuICBmb250LXNpemU6IDAuODc1cmVtO1xuICBwYWRkaW5nLWxlZnQ6IDA7XG59XG4uZmlsZS1pdGVtLXdyYXBwZXIgLmZpbGUtbGlzdC1jb250YWluZXIgLmFjdGlvbi1idXR0b24td3JhcHBlciBhIHNwYW4ge1xuICBmb250LXNpemU6IDAuODc1cmVtO1xuICB0ZXh0LXRyYW5zZm9ybTogY2FwaXRhbGl6ZTtcbn1cbi5maWxlLWl0ZW0td3JhcHBlciAuZmlsZS1saXN0LWNvbnRhaW5lciAuYWN0aW9uLWJ1dHRvbi13cmFwcGVyIGE6aG92ZXIge1xuICBjb2xvcjogdmFyKC0tYnV0dG9uLXByaW1hcnktaG92ZXItY29sb3IpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1ibGFjazEwKTtcbn1cbi5maWxlLWl0ZW0td3JhcHBlciAuZmlsZS1saXN0LWNvbnRhaW5lciAuYWN0aW9uLWJ1dHRvbi13cmFwcGVyIGE6Zm9jdXMge1xuICBvdXRsaW5lOiAwLjEyNXJlbSBzb2xpZCB2YXIoLS1jb2xvci1mb2N1cyk7XG4gIG91dGxpbmUtb2Zmc2V0OiAycHg7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLWZvY3VzLWJvcmRlci1yYWRpdXMpO1xufVxuLmZpbGUtaXRlbS13cmFwcGVyIC5maWxlLWxpc3QtY29udGFpbmVyIC5wcm9ncmVzcy13aXRoLWFjdGlvbiB7XG4gIHdpZHRoOiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuLmZpbGUtaXRlbS13cmFwcGVyIC5maWxlLWxpc3QtY29udGFpbmVyIC5wcm9ncmVzcy13aXRoLWFjdGlvbiAucHJvZ3Jlc3MtYmFyIHtcbiAgaGVpZ2h0OiAzcmVtO1xuICB3aWR0aDogMTAwJTtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG59XG4uZmlsZS1pdGVtLXdyYXBwZXIgLmZpbGUtbGlzdC1jb250YWluZXIgLnByb2dyZXNzLXdpdGgtYWN0aW9uIC5wcm9ncmVzcy1iYXIgPiBzcGFuIHtcbiAgaGVpZ2h0OiAwLjNyZW07XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLWlucHV0LWJvcmRlci1yYWRpdXMpO1xufVxuLmZpbGUtaXRlbS13cmFwcGVyIC5maWxlLWxpc3QtY29udGFpbmVyIC5wcm9ncmVzcy13aXRoLWFjdGlvbiAucHJvZ3Jlc3MtYmFyIHAge1xuICBmb250LXNpemU6IDAuODc1cmVtO1xufVxuLmZpbGUtaXRlbS13cmFwcGVyIC5wcm9ncmVzcy1iYXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1ibGFjazEwKTtcbn1cbi5maWxlLWl0ZW0td3JhcHBlciBzcGFuW2NsYXNzKj1iYXItLV0ge1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1pbnB1dC1ib3JkZXItcmFkaXVzKTtcbiAgaGVpZ2h0OiAxcmVtO1xufVxuLmZpbGUtaXRlbS13cmFwcGVyIC5maWxlLW5hbWUge1xuICBtYXJnaW46IDA7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGZvbnQtc2l6ZTogMC44NzVyZW07XG59XG4uZmlsZS1pdGVtLXdyYXBwZXIgLmZpbGUtbmFtZSAuZnJpZW5kbHktbmFtZSB7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xufVxuLmZpbGUtaXRlbS13cmFwcGVyIC5maWxlLW5hbWUuZXJyb3Igc3Bhbjo6YmVmb3JlIHtcbiAgY29sb3I6IHZhcigtLWVycm9yKTtcbn1cbi5maWxlLWl0ZW0td3JhcHBlciAuYWN0aW9uLWljb24ge1xuICBtYXJnaW4tbGVmdDogYXV0bztcbiAgY29sb3I6IHZhcigtLWNvbG9yLXByaW1hcnkpO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHBhZGRpbmctbGVmdDogMS4yNXJlbTtcbiAgbWFyZ2luLXJpZ2h0OiAxcmVtO1xufVxuLmZpbGUtaXRlbS13cmFwcGVyIC5hY3Rpb24taWNvbiBsYWJlbCwgLmZpbGUtaXRlbS13cmFwcGVyIC5hY3Rpb24taWNvbiBhIHtcbiAgdGV4dC10cmFuc2Zvcm06IGNhcGl0YWxpemU7XG4gIHBhZGRpbmctbGVmdDogMC41cmVtO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci1wcmltYXJ5KTtcbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xufVxuLmZpbGUtaXRlbS13cmFwcGVyIC5maWxlLWljb24ge1xuICBtYXJnaW4tcmlnaHQ6IDAuNXJlbTtcbn1cbi5maWxlLWl0ZW0td3JhcHBlciAuZmlsZS1pY29uOjpiZWZvcmUge1xuICBjb2xvcjogdmFyKC0tY29sb3ItcHJpbWFyeTUwMCk7XG59XG4uZmlsZS1pdGVtLXdyYXBwZXIgLmZpbGUtaWNvbi5yZXRyeTo6YmVmb3JlIHtcbiAgY29sb3I6IHZhcigtLWVycm9yKTtcbn1cbi5maWxlLWl0ZW0td3JhcHBlciAuZmlsZS1zdWJ0aXRsZSxcbi5maWxlLWl0ZW0td3JhcHBlciAucHJvZ3Jlc3MtYmFyIHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIG1hcmdpbjogMC4zMTI1cmVtIDEuNzVyZW07XG4gIHBhZGRpbmc6IDA7XG59XG4uZmlsZS1pdGVtLXdyYXBwZXIgLmVycm9yLFxuLmZpbGUtaXRlbS13cmFwcGVyIC5yZXRyeSB7XG4gIGNvbG9yOiB2YXIoLS1lcnJvcik7XG59XG4uZmlsZS1pdGVtLXdyYXBwZXIgLnJlYWRvbmx5IHtcbiAgY29sb3I6IHZhcigtLWdyZXllZC1vdXQpO1xufVxuLmZpbGUtaXRlbS13cmFwcGVyIC5maWxlLXN1YnRpdGxlIHtcbiAgbWFyZ2luLWxlZnQ6IDA7XG59Il19 */';var l={"sr-only":"FileItem-module_sr-only__ihOCn",hidden:"FileItem-module_hidden__Q56h4","slide-in":"FileItem-module_slide-in__1tGpk","slide-out":"FileItem-module_slide-out__cVuA5","file-item-wrapper":"FileItem-module_file-item-wrapper__AHppD","file-list-container":"FileItem-module_file-list-container__SlvTj","action-button-wrapper":"FileItem-module_action-button-wrapper__1mAks","action-icon":"FileItem-module_action-icon__BvDBG","progress-with-action":"FileItem-module_progress-with-action__SfLXZ","progress-bar":"FileItem-module_progress-bar__JSZGw","file-name":"FileItem-module_file-name__fX1qv","friendly-name":"FileItem-module_friendly-name__3FShY",error:"FileItem-module_error__LJfYJ","file-icon":"FileItem-module_file-icon__krJdT",retry:"FileItem-module_retry__rhh2E","file-subtitle":"FileItem-module_file-subtitle__vB6Rd",readonly:"FileItem-module_readonly__KKX3X"};e(i);export{l as default};
 //# sourceMappingURL=FileItem.module.esm.js.map

package/dist/esm/Form/FileUpload/FileUpload.esm.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"FileUpload.esm.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 { Icon, Icons } from \"../../Icon/Icon\";\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}\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 = \"Drop file here or\",\n    selectButtonText = \"Select file\",\n    onDragOver,\n    onDragLeave,\n    wrapperProps,\n    onDrop,\n    subText,\n    onRequestedFileAction,\n    exceedingMaxSizeErrorText,\n    fileList,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const labelRef = useRef(null);\n  const [dragActive, setDragActive] = useState(false);\n  const [inputError, setInputError] = useState(false);\n  const icon = useDetermineStatusIcon({ success, error });\n  let dropzoneClassNames = [classes[\"file-dropzone\"]];\n  let subTextClass = [classes[\"file-selector-sub-text\"]];\n  dragActive && dropzoneClassNames.push(classes[\"drag-active\"]);\n  inputError ||\n    (error && dropzoneClassNames.push(classes[\"error\"]) && subTextClass.push(classes[\"error\"]));\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        setDragActive(false);\n        return;\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\n          className={dropzoneClassNames.join(\" \")}\n          onDragOver={e => !disabled && handleOnDragOver(e)}\n          onDragLeave={e => !disabled && handleOnDragLeave(e)}\n          onDrop={e => !disabled && handleOnDrop(e)}\n        >\n          <Typography variant=\"body-bold\" className={classes[\"file-upload-title\"]} ref={labelRef}>\n            {title}\n          </Typography>\n          <div className={classes[\"file-select\"]}>\n            <Icon className={\"drop-file-icon\"} icon={Icons.FileUpload} />\n            <Typography variant=\"body\" className={\"drag-and-drop-text\"}>\n              {dragAndDropText}\n            </Typography>\n            <div className={classes[\"file-upload-btn\"]}>\n              <Button variant=\"outline\" disabled={disabled}>\n                {selectButtonText}\n                <input\n                  className={classes[\"upload-input\"]}\n                  {...rest}\n                  ref={ref}\n                  aria-labelledby={labeledBy}\n                  type=\"file\"\n                  name={name}\n                  {...(multiple && { multiple: true })}\n                  disabled={disabled}\n                  accept={accept}\n                  onChange={onInputChange}\n                  spellCheck={rest.spellCheck ?? false}\n                />\n              </Button>\n            </div>\n            {!disabled && icon}\n            <span className={classes[\"outline\"]}></span>\n          </div>\n        </div>\n        {subText && (\n          <Typography variant={\"sub-text\"} className={subTextClass.join(\" \")}>\n            {subText}\n          </Typography>\n        )}\n      </div>\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                status={status}\n                progress={progress}\n                error={error}\n                onRequestedFileAction={onRequestedFileAction}\n              />\n            </li>\n          ))}\n        </ul>\n      )}\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","rest","ref","labelRef","useRef","dragActive","setDragActive","useState","inputError","setInputError","icon","useDetermineStatusIcon","dropzoneClassNames","classes","subTextClass","push","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","_b","React","className","createElement","join","Typography","variant","Icon","Icons","FileUpload","Button","spellCheck","progress","key","FileItem","forwardRef"],"mappings":"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"}
+{"version":3,"file":"FileUpload.esm.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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"}

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

@@ -1,2 +1,2 @@
-import l from "../../../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:1.25rem;position:relative;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.FileUpload-module_file-dropzone__O-VP-{transition-duration:.1ms}}.FileUpload-module_file-dropzone__O-VP-.FileUpload-module_drag-active__MRJJR .FileUpload-module_outline__QfJ8U{background-color:var(--drag-background-color);border-color:var(--color-blue-grey500);border-radius:var(--input-border-radius);border-style:var(--drag-border-style);border-width:var(--input-border-width);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_file-dropzone__O-VP-.FileUpload-module_drag-active__MRJJR .FileUpload-module_outline__QfJ8U{transition-duration:.1ms}}.FileUpload-module_file-dropzone__O-VP-.FileUpload-module_drag-active__MRJJR:hover .FileUpload-module_outline__QfJ8U{background-color:var(--input-hover-background-color);border-color:var(--default)}.FileUpload-module_file-dropzone__O-VP-.FileUpload-module_drag-active__MRJJR .FileUpload-module_outline__QfJ8U.FileUpload-module_disabled__hvZQb{background-color:var(--input-disabled-background-color);border-color:var(--disabled)}.FileUpload-module_file-dropzone__O-VP-.FileUpload-module_drag-active__MRJJR .FileUpload-module_outline__QfJ8U.FileUpload-module_error__q2B-7{border-color:var(--error)}.FileUpload-module_file-dropzone__O-VP-.FileUpload-module_drag-active__MRJJR .FileUpload-module_outline__QfJ8U.FileUpload-module_focus__E3tFz{border-width:var(--input-border-width-focus)}.FileUpload-module_file-dropzone__O-VP-.FileUpload-module_drag-active__MRJJR .FileUpload-module_outline__QfJ8U.FileUpload-module_focus__E3tFz:not(.FileUpload-module_error__q2B-7){border-color:var(--color-focus)}.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_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:1.375rem;top:2.74rem}.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;display:flex;flex-direction:column}.FileUpload-module_file-select__sW1Pn [class*=file]{font-size:1.25rem}.FileUpload-module_file-select__sW1Pn [class*=typography]{margin-bottom:.625rem}.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:.75rem 0;padding:0}.FileUpload-module_file-list__GLggq li:not(:last-child){margin-bottom:.5rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbGVVcGxvYWQubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLGtDQU9FLGtCQUFzQixDQUN0QixRQUFTLENBTFQsVUFBVyxDQUVYLFdBQVksQ0FDWixlQUFnQixDQUZoQixTQUFVLENBSFYsaUJBQWtCLENBQ2xCLFNBT0YsQ0FFQSxpQ0FDRSxZQUNGLENBRUEsbUNBQ0Usd0RBQ0YsQ0FFQSx1Q0FDRSxtQ0FDRSx1QkFDRixDQUNGLENBQ0Esb0NBQ0UseURBQ0YsQ0FFQSx1Q0FDRSxvQ0FDRSx1QkFDRixDQUNGLENBQ0EsNkNBQ0UsR0FDRSwyQkFDRixDQUNBLEdBQ0UsdUJBQ0YsQ0FDRixDQUNBLDhDQUNFLEdBQ0UsdUJBQ0YsQ0FDQSxHQUNFLDJCQUNGLENBQ0YsQ0FDQSw4Q0FDRSxZQUFhLENBQ2IscUJBQ0YsQ0FFQSx3Q0FFRSw4Q0FBK0MsQ0FEL0Msd0NBQXlDLENBRXpDLGVBQWdCLENBQ2hCLGlCQUFrQixDQUVsQix1QkFBeUIsQ0FEekIsdUJBQXdCLENBRXhCLHNDQUNGLENBQ0EsdUNBQ0Usd0NBQ0Usd0JBQ0YsQ0FDRixDQUNBLCtHQVVFLDZDQUE4QyxDQUo5QyxzQ0FBdUMsQ0FHdkMsd0NBQXlDLENBRnpDLHFDQUFzQyxDQUN0QyxzQ0FBdUMsQ0FIdkMsT0FBUSxDQUZSLFFBQVMsQ0FDVCxTQUFVLENBSFYsbUJBQW9CLENBQ3BCLGlCQUFrQixDQVVsQix1QkFBeUIsQ0FEekIsdUJBQXdCLENBRXhCLHNDQUNGLENBQ0EsdUNBQ0UsK0dBQ0Usd0JBQ0YsQ0FDRixDQUNBLHFIQUVFLG9EQUFxRCxDQURyRCwyQkFFRixDQUNBLGlKQUVFLHVEQUF3RCxDQUR4RCw0QkFFRixDQUNBLDhJQUNFLHlCQUNGLENBQ0EsOElBQ0UsNENBQ0YsQ0FDQSxtTEFDRSwrQkFDRixDQUNBLGlOQUVFLGtCQUNGLENBQ0EsZ0dBQ0Usb0JBQ0YsQ0FDQSwwRUFFRSxnQ0FBaUMsQ0FDakMsdUJBQXdCLENBRnhCLG1CQUdGLENBQ0EsK0RBQ0UsaUJBQWtCLENBQ2xCLGlCQUFrQixDQUVsQixjQUFlLENBRGYsV0FFRixDQUVBLGlEQUNFLHVCQUF3QixDQUN4QixpQkFDRixDQUNBLGdGQUNFLGtCQUNGLENBRUEsc0NBRUUsa0JBQW1CLENBRG5CLFlBQWEsQ0FFYixxQkFDRixDQUNBLG9EQUNFLGlCQUNGLENBQ0EsMERBQ0UscUJBQ0YsQ0FFQSx1Q0FHRSxXQUFZLENBTVosUUFBUyxDQUVULGNBQWUsQ0FWZixhQUFjLENBTWQsTUFBTyxDQUdQLFNBQVUsQ0FMVixpQkFBa0IsQ0FHbEIsT0FBUSxDQUpSLG1CQUFvQixDQUVwQixLQUFNLENBSk4sVUFVRixDQUNBLDZDQUNFLFlBQ0YsQ0FFQSwwQ0FDRSxpQkFDRixDQUVBLG9DQUNFLGVBQWdCLENBRWhCLGVBQWlCLENBRGpCLFNBRUYsQ0FDQSx3REFDRSxtQkFDRiIsImZpbGUiOiJGaWxlVXBsb2FkLm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uc3Itb25seSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDFweDtcbiAgaGVpZ2h0OiAxcHg7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogLTFweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTtcbiAgYm9yZGVyOiAwO1xufVxuXG4uaGlkZGVuIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLnNsaWRlLWluIHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1pbiAwLjVzIGZvcndhcmRzO1xufVxuXG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtaW4ge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cbi5zbGlkZS1vdXQge1xuICBhbmltYXRpb246IHNsaWRlLW91dCAwLjVzIGZvcndhcmRzO1xufVxuXG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtb3V0IHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5Aa2V5ZnJhbWVzIHNsaWRlLWluIHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxufVxuQGtleWZyYW1lcyBzbGlkZS1vdXQge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG59XG4uZmlsZS11cGxvYWQtd3JhcHBlciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG59XG5cbi5maWxlLWRyb3B6b25lIHtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWlucHV0LWJhY2tncm91bmQtY29sb3IpO1xuICBwYWRkaW5nOiAxLjI1cmVtO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGFsbDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4ycztcbiAgdHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2UtaW4tb3V0O1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLmZpbGUtZHJvcHpvbmUge1xuICAgIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG4uZmlsZS1kcm9wem9uZS5kcmFnLWFjdGl2ZSAub3V0bGluZSB7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMDtcbiAgaW5zZXQ6IDA7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5NTAwKTtcbiAgYm9yZGVyLXN0eWxlOiB2YXIoLS1kcmFnLWJvcmRlci1zdHlsZSk7XG4gIGJvcmRlci13aWR0aDogdmFyKC0taW5wdXQtYm9yZGVyLXdpZHRoKTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWRyYWctYmFja2dyb3VuZC1jb2xvcik7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGFsbDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4ycztcbiAgdHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2UtaW4tb3V0O1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLmZpbGUtZHJvcHpvbmUuZHJhZy1hY3RpdmUgLm91dGxpbmUge1xuICAgIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG4uZmlsZS1kcm9wem9uZS5kcmFnLWFjdGl2ZTpob3ZlciAub3V0bGluZSB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tZGVmYXVsdCk7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWlucHV0LWhvdmVyLWJhY2tncm91bmQtY29sb3IpO1xufVxuLmZpbGUtZHJvcHpvbmUuZHJhZy1hY3RpdmUgLm91dGxpbmUuZGlzYWJsZWQge1xuICBib3JkZXItY29sb3I6IHZhcigtLWRpc2FibGVkKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0taW5wdXQtZGlzYWJsZWQtYmFja2dyb3VuZC1jb2xvcik7XG59XG4uZmlsZS1kcm9wem9uZS5kcmFnLWFjdGl2ZSAub3V0bGluZS5lcnJvciB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tZXJyb3IpO1xufVxuLmZpbGUtZHJvcHpvbmUuZHJhZy1hY3RpdmUgLm91dGxpbmUuZm9jdXMge1xuICBib3JkZXItd2lkdGg6IHZhcigtLWlucHV0LWJvcmRlci13aWR0aC1mb2N1cyk7XG59XG4uZmlsZS1kcm9wem9uZS5kcmFnLWFjdGl2ZSAub3V0bGluZS5mb2N1czpub3QoLmVycm9yKSB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tY29sb3ItZm9jdXMpO1xufVxuLmZpbGUtZHJvcHpvbmUuZXJyb3Igc3BhbltkYXRhLWljb24tc3RhdHVzXSxcbi5maWxlLWRyb3B6b25lLmVycm9yIC5maWxlLXVwbG9hZC10aXRsZSB7XG4gIGNvbG9yOiB2YXIoLS1lcnJvcik7XG59XG4uZmlsZS1kcm9wem9uZS5zdWNjZXNzIHNwYW5bZGF0YS1pY29uLXN0YXR1c10ge1xuICBjb2xvcjogdmFyKC0tc3VjY2Vzcyk7XG59XG4uZmlsZS1kcm9wem9uZS5kaXNhYmxlZCB7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1kaXNhYmxlZCk7XG4gIGNvbG9yOiB2YXIoLS1ncmV5ZWQtb3V0KTtcbn1cbi5maWxlLWRyb3B6b25lIHNwYW5bZGF0YS1pY29uLXN0YXR1c10ge1xuICBmb250LXNpemU6IDEuMjVyZW07XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAyLjc0cmVtO1xuICByaWdodDogMS4zNzVyZW07XG59XG5cbi5maWxlLXNlbGVjdG9yLXN1Yi10ZXh0IHtcbiAgY29sb3I6IHZhcigtLWdyZXllZC1vdXQpO1xuICBwYWRkaW5nOiAwIDEuMjVyZW07XG59XG4uZmlsZS1zZWxlY3Rvci1zdWItdGV4dC5lcnJvciB7XG4gIGNvbG9yOiB2YXIoLS1lcnJvcik7XG59XG5cbi5maWxlLXNlbGVjdCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG59XG4uZmlsZS1zZWxlY3QgW2NsYXNzKj1maWxlXSB7XG4gIGZvbnQtc2l6ZTogMS4yNXJlbTtcbn1cbi5maWxlLXNlbGVjdCBbY2xhc3MqPXR5cG9ncmFwaHldIHtcbiAgbWFyZ2luLWJvdHRvbTogMC42MjVyZW07XG59XG5cbi51cGxvYWQtaW5wdXQge1xuICBkaXNwbGF5OiBibG9jaztcbiAgd2lkdGg6IDEwMCU7XG4gIGJvcmRlcjogbm9uZTtcbiAgdGV4dC10cmFuc2Zvcm06IG5vbmU7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwO1xuICByaWdodDogMDtcbiAgYm90dG9tOiAwO1xuICBvcGFjaXR5OiAwO1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG4udXBsb2FkLWlucHV0OmZvY3VzIHtcbiAgb3V0bGluZTogbm9uZTtcbn1cblxuLmZpbGUtdXBsb2FkLWJ0biB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cblxuLmZpbGUtbGlzdCB7XG4gIGxpc3Qtc3R5bGU6IG5vbmU7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogMC43NXJlbSAwO1xufVxuLmZpbGUtbGlzdCBsaTpub3QoOmxhc3QtY2hpbGQpIHtcbiAgbWFyZ2luLWJvdHRvbTogMC41cmVtO1xufSJdfQ== */';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-","drag-active":"FileUpload-module_drag-active__MRJJR",outline:"FileUpload-module_outline__QfJ8U",disabled:"FileUpload-module_disabled__hvZQb",error:"FileUpload-module_error__q2B-7",focus:"FileUpload-module_focus__E3tFz","file-upload-title":"FileUpload-module_file-upload-title__CEPD-",success:"FileUpload-module_success__GqO-7","file-selector-sub-text":"FileUpload-module_file-selector-sub-text__nCXMq","file-select":"FileUpload-module_file-select__sW1Pn","upload-input":"FileUpload-module_upload-input__wteSl","file-upload-btn":"FileUpload-module_file-upload-btn__M2Fg-","file-list":"FileUpload-module_file-list__GLggq"};l(e);export{i as default};
+import l from "../../../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(e);export{i as default};
 //# sourceMappingURL=FileUpload.module.esm.js.map

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

@@ -1,2 +1,2 @@
-import e from"react";import{Option as r}from"../SingleSelect/Option.esm.js";const t=({fixed:t,...o},f)=>e.createElement(r,{ref:f,...o});const o=e.forwardRef(t);export{o as MultiOption};
+import e,{createRef as o,useEffect as t}from"react";import{Option as l}from"../SingleSelect/Option.esm.js";import i from"./MultiSelect.module.esm.js";const s=({fixed:s,hasFocus:n,className:r,...d},c)=>{let f=c||o();const a=[];r&&a.push(r);n&&a.push(i["focus"]);const u=e=>{var o,t,l;const i=e.parentElement;const s=(o=e.parentElement)===null||o===void 0?void 0:o.parentElement;const n=!!(s===null||s===void 0?void 0:s.style.maxHeight);if(n)s===null||s===void 0?void 0:s.scrollTo(0,e.offsetTop-((t=s===null||s===void 0?void 0:s.offsetHeight)!==null&&t!==void 0?t:1)/2);i===null||i===void 0?void 0:i.scrollTo(0,e.offsetTop-((l=i===null||i===void 0?void 0:i.offsetHeight)!==null&&l!==void 0?l:1)/2)};t((()=>{if(f.current&&n)u(f.current)}),[n,f]);return e.createElement(l,{ref:f,isSelected:n,disableDefaultSelectedStyle:true,className:a.join(" "),"aria-disabled":false,...d})};const n=e.forwardRef(s);export{n as MultiOption};
 //# sourceMappingURL=MultiOption.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MultiOption.esm.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 } from \"react\";\nimport { Props as SelectOptionProps, Option as SelectOption } from \"../SingleSelect/Option\";\n\nexport interface Props extends SelectOptionProps {\n  fixed?: boolean;\n}\n\nconst MultiOptionComponent: ForwardRefRenderFunction<HTMLLIElement, Props> = (\n  { fixed: _fixed, ...rest }: Props,\n  ref\n) => {\n  return <SelectOption ref={ref} {...rest} />;\n};\n\nexport const MultiOption = React.forwardRef(MultiOptionComponent);\n"],"names":["MultiOptionComponent","fixed","_fixed","rest","ref","React","createElement","SelectOption","MultiOption","forwardRef"],"mappings":"4EAuBA,MAAMA,EAAuE,EACzEC,MAAOC,KAAWC,GACpBC,IAEOC,EAAAC,cAACC,EAAa,CAAAH,IAAKA,KAASD,IAGxB,MAAAK,EAAcH,EAAMI,WAAWT"}
+{"version":3,"file":"MultiOption.esm.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":"sJAyBA,MAAMA,EAAuE,EACzEC,MAAOC,EAAQC,WAAUC,eAAcC,GACzCC,KAEA,IAAIC,EAAkBD,GAAoCE,IAE1D,MAAMC,EAAoB,GAC1BL,GAAaK,EAAkBC,KAAKN,GACpCD,GAAYM,EAAkBC,KAAKC,EAAQ,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,GAAU,KACR,GAAInB,EAAeoB,SAAWxB,EAC5BS,EAAwBL,EAAeoB,QACxC,GACA,CAACxB,EAAUI,IAEd,OACEqB,EAAAC,cAACC,EAAY,CACXxB,IAAKC,EACLwB,WAAY5B,EACZ6B,4BAA2B,KAC3B5B,UAAWK,EAAkBwB,KAAK,KACnB,gBAAA,SACX5B,GAEN,EAGS,MAAA6B,EAAcN,EAAMO,WAAWnC"}

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

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