@onewelcome/react-lib-components 11.1.0-delta → 12.0.1

package/dist/components/DataGrid/DataGridFilters/FilterKeyMapper.es.js

@@ -0,0 +1,32 @@
+class FilterKeyMapper {
+  constructor() {
+    this.columnKvPairs = /* @__PURE__ */ new Map();
+  }
+  setColumnKvPairs(columnName, kvPairs) {
+    this.columnKvPairs.set(columnName, kvPairs);
+  }
+  getValues(columnName) {
+    return this.getKvPairs(columnName).map((kv) => kv.value);
+  }
+  getKeysForValues(columnName, values) {
+    const kvPairs = this.getKvPairs(columnName);
+    return values.map((v) => {
+      const kv = kvPairs == null ? void 0 : kvPairs.find((kv2) => kv2.value === v);
+      if (kv == void 0) {
+        throw new Error(`Column '${columnName}' in FilterKeyMapper does not contain value '${v}'`);
+      }
+      return kv.key;
+    });
+  }
+  getKvPairs(columnName) {
+    const kvPairs = this.columnKvPairs.get(columnName);
+    if (kvPairs == void 0) {
+      throw new Error(`Column '${columnName}' not found in ${FilterKeyMapper.name}`);
+    }
+    return kvPairs;
+  }
+}
+export {
+  FilterKeyMapper
+};
+//# sourceMappingURL=FilterKeyMapper.es.js.map

package/dist/components/DataGrid/DataGridFilters/FilterKeyMapper.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterKeyMapper.es.js","sources":["../../../../src/components/DataGrid/DataGridFilters/FilterKeyMapper.ts"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport { KeyValuePair } from \"./DataGridFilters.interfaces\";\n\nexport class FilterKeyMapper {\n  columnKvPairs = new Map<string, { key: string; value: string }[]>();\n\n  setColumnKvPairs(columnName: string, kvPairs: { key: string; value: string }[]) {\n    this.columnKvPairs.set(columnName, kvPairs);\n  }\n\n  getValues(columnName: string): string[] {\n    return this.getKvPairs(columnName).map(kv => kv.value);\n  }\n\n  getKeysForValues(columnName: string, values: string[]): string[] {\n    const kvPairs = this.getKvPairs(columnName);\n    return values.map(v => {\n      const kv = kvPairs?.find(kv => kv.value === v);\n      if (kv == undefined) {\n        throw new Error(`Column '${columnName}' in FilterKeyMapper does not contain value '${v}'`);\n      }\n      return kv.key;\n    });\n  }\n\n  getKvPairs(columnName: string): KeyValuePair[] {\n    const kvPairs = this.columnKvPairs.get(columnName);\n    if (kvPairs == undefined) {\n      throw new Error(`Column '${columnName}' not found in ${FilterKeyMapper.name}`);\n    }\n    return kvPairs;\n  }\n}\n"],"names":["kv"],"mappings":"AAkBO,MAAM,gBAAgB;AAAA,EAAtB,cAAA;AACL,SAAA,oCAAoB,IAA8C;AAAA,EAAA;AAAA,EAElE,iBAAiB,YAAoB,SAA2C;AACzE,SAAA,cAAc,IAAI,YAAY,OAAO;AAAA,EAAA;AAAA,EAG5C,UAAU,YAA8B;AACtC,WAAO,KAAK,WAAW,UAAU,EAAE,IAAI,CAAA,OAAM,GAAG,KAAK;AAAA,EAAA;AAAA,EAGvD,iBAAiB,YAAoB,QAA4B;AACzD,UAAA,UAAU,KAAK,WAAW,UAAU;AACnC,WAAA,OAAO,IAAI,CAAK,MAAA;AACrB,YAAM,KAAK,mCAAS,KAAK,CAAAA,QAAMA,IAAG,UAAU;AAC5C,UAAI,MAAM,QAAW;AACnB,cAAM,IAAI,MAAM,WAAW,UAAU,gDAAgD,CAAC,GAAG;AAAA,MAAA;AAE3F,aAAO,GAAG;AAAA,IAAA,CACX;AAAA,EAAA;AAAA,EAGH,WAAW,YAAoC;AAC7C,UAAM,UAAU,KAAK,cAAc,IAAI,UAAU;AACjD,QAAI,WAAW,QAAW;AACxB,YAAM,IAAI,MAAM,WAAW,UAAU,kBAAkB,gBAAgB,IAAI,EAAE;AAAA,IAAA;AAExE,WAAA;AAAA,EAAA;AAEX;"}

package/dist/components/DataGrid/DataGridFilters/useFiltersReducer.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useFiltersReducer=t=>{const[r,a]=e.useReducer(((e,t)=>{switch(t.type){case"add":return{...e,filters:[...e.filters,{...t.payload}]};case"edit":return{...e,filters:[...e.filters.map((e=>e.id===t.payload.id?t.payload:e))]};case"remove":return{...e,filters:[...e.filters.filter((e=>e.id!==t.payload.id))]};case"reset":return{...e,filters:t.payload};case"clear":return{...e,filters:[]}}}),{filters:t||[]});return{state:r,addFilter:e=>a({type:"add",payload:e}),deleteFilter:e=>a({type:"remove",payload:{id:e}}),editFilter:e=>a({type:"edit",payload:e}),resetFilters:e=>a({type:"reset",payload:e}),clearFilters:()=>a({type:"clear"})}};
+//# sourceMappingURL=useFiltersReducer.cjs.js.map

package/dist/components/DataGrid/DataGridFilters/useFiltersReducer.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFiltersReducer.cjs.js","sources":["../../../../src/components/DataGrid/DataGridFilters/useFiltersReducer.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 { useReducer } from \"react\";\nimport { Filter, FiltersAction, FiltersState } from \"./DataGridFilters.interfaces\";\n\nexport const useFiltersReducer = (filterValues: Filter[] | undefined) => {\n  const filtersReducer = (state: FiltersState, action: FiltersAction): FiltersState => {\n    switch (action.type) {\n      case \"add\":\n        return { ...state, filters: [...state.filters, { ...action.payload }] };\n      case \"edit\":\n        return {\n          ...state,\n          filters: [\n            ...state.filters.map(value => {\n              if (value.id === action.payload.id) {\n                return action.payload;\n              }\n              return value;\n            })\n          ]\n        };\n      case \"remove\":\n        return {\n          ...state,\n          filters: [...state.filters.filter(value => value.id !== action.payload.id)]\n        };\n      case \"reset\":\n        return {\n          ...state,\n          filters: action.payload\n        };\n      case \"clear\":\n        return { ...state, filters: [] };\n    }\n  };\n\n  const [state, dispatch] = useReducer(filtersReducer, { filters: filterValues || [] });\n\n  const addFilter = (filter: Filter) =>\n    dispatch({\n      type: \"add\",\n      payload: filter\n    });\n\n  const editFilter = (filter: Filter) =>\n    dispatch({\n      type: \"edit\",\n      payload: filter\n    });\n\n  const deleteFilter = (id: string) => dispatch({ type: \"remove\", payload: { id } });\n\n  const resetFilters = (filters: Filter[]) => dispatch({ type: \"reset\", payload: filters });\n\n  const clearFilters = () => dispatch({ type: \"clear\" });\n\n  return { state, addFilter, deleteFilter, editFilter, resetFilters, clearFilters };\n};\n"],"names":["filterValues","state","dispatch","useReducer","action","type","filters","payload","map","value","id","filter","addFilter","deleteFilter","editFilter","resetFilters","clearFilters"],"mappings":"mIAmBkCA,IAC1B,MA+BCC,EAAOC,GAAYC,EAAAA,YA/BH,CAACF,EAAqBG,KAC3C,OAAQA,EAAOC,MACb,IAAK,MACH,MAAO,IAAKJ,EAAOK,QAAS,IAAIL,EAAMK,QAAS,IAAKF,EAAOG,WAC7D,IAAK,OACI,MAAA,IACFN,EACHK,QAAS,IACJL,EAAMK,QAAQE,KAAaC,GACxBA,EAAMC,KAAON,EAAOG,QAAQG,GACvBN,EAAOG,QAETE,MAIf,IAAK,SACI,MAAA,IACFR,EACHK,QAAS,IAAIL,EAAMK,QAAQK,QAAgBF,GAAAA,EAAMC,KAAON,EAAOG,QAAQG,OAE3E,IAAK,QACI,MAAA,IACFT,EACHK,QAASF,EAAOG,SAEpB,IAAK,QACH,MAAO,IAAKN,EAAOK,QAAS,IAAG,GAIgB,CAAEA,QAASN,GAAgB,KAoBhF,MAAO,CAAEC,QAAOW,UAlBGD,GACjBT,EAAS,CACPG,KAAM,MACNE,QAASI,IAecE,aANLH,GAAeR,EAAS,CAAEG,KAAM,SAAUE,QAAS,CAAEG,QAMlCI,WAZrBH,GAClBT,EAAS,CACPG,KAAM,OACNE,QAASI,IASwCI,aAJ/BT,GAAsBJ,EAAS,CAAEG,KAAM,QAASE,QAASD,IAIZU,aAF9C,IAAMd,EAAS,CAAEG,KAAM,UAEoC"}

package/dist/components/DataGrid/DataGridFilters/useFiltersReducer.es.js

@@ -0,0 +1,50 @@
+import { useReducer } from "react";
+const useFiltersReducer = (filterValues) => {
+  const filtersReducer = (state2, action) => {
+    switch (action.type) {
+      case "add":
+        return { ...state2, filters: [...state2.filters, { ...action.payload }] };
+      case "edit":
+        return {
+          ...state2,
+          filters: [
+            ...state2.filters.map((value) => {
+              if (value.id === action.payload.id) {
+                return action.payload;
+              }
+              return value;
+            })
+          ]
+        };
+      case "remove":
+        return {
+          ...state2,
+          filters: [...state2.filters.filter((value) => value.id !== action.payload.id)]
+        };
+      case "reset":
+        return {
+          ...state2,
+          filters: action.payload
+        };
+      case "clear":
+        return { ...state2, filters: [] };
+    }
+  };
+  const [state, dispatch] = useReducer(filtersReducer, { filters: filterValues || [] });
+  const addFilter = (filter) => dispatch({
+    type: "add",
+    payload: filter
+  });
+  const editFilter = (filter) => dispatch({
+    type: "edit",
+    payload: filter
+  });
+  const deleteFilter = (id) => dispatch({ type: "remove", payload: { id } });
+  const resetFilters = (filters) => dispatch({ type: "reset", payload: filters });
+  const clearFilters = () => dispatch({ type: "clear" });
+  return { state, addFilter, deleteFilter, editFilter, resetFilters, clearFilters };
+};
+export {
+  useFiltersReducer
+};
+//# sourceMappingURL=useFiltersReducer.es.js.map

package/dist/components/DataGrid/DataGridFilters/useFiltersReducer.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFiltersReducer.es.js","sources":["../../../../src/components/DataGrid/DataGridFilters/useFiltersReducer.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 { useReducer } from \"react\";\nimport { Filter, FiltersAction, FiltersState } from \"./DataGridFilters.interfaces\";\n\nexport const useFiltersReducer = (filterValues: Filter[] | undefined) => {\n  const filtersReducer = (state: FiltersState, action: FiltersAction): FiltersState => {\n    switch (action.type) {\n      case \"add\":\n        return { ...state, filters: [...state.filters, { ...action.payload }] };\n      case \"edit\":\n        return {\n          ...state,\n          filters: [\n            ...state.filters.map(value => {\n              if (value.id === action.payload.id) {\n                return action.payload;\n              }\n              return value;\n            })\n          ]\n        };\n      case \"remove\":\n        return {\n          ...state,\n          filters: [...state.filters.filter(value => value.id !== action.payload.id)]\n        };\n      case \"reset\":\n        return {\n          ...state,\n          filters: action.payload\n        };\n      case \"clear\":\n        return { ...state, filters: [] };\n    }\n  };\n\n  const [state, dispatch] = useReducer(filtersReducer, { filters: filterValues || [] });\n\n  const addFilter = (filter: Filter) =>\n    dispatch({\n      type: \"add\",\n      payload: filter\n    });\n\n  const editFilter = (filter: Filter) =>\n    dispatch({\n      type: \"edit\",\n      payload: filter\n    });\n\n  const deleteFilter = (id: string) => dispatch({ type: \"remove\", payload: { id } });\n\n  const resetFilters = (filters: Filter[]) => dispatch({ type: \"reset\", payload: filters });\n\n  const clearFilters = () => dispatch({ type: \"clear\" });\n\n  return { state, addFilter, deleteFilter, editFilter, resetFilters, clearFilters };\n};\n"],"names":["state"],"mappings":";AAmBa,MAAA,oBAAoB,CAAC,iBAAuC;AACjE,QAAA,iBAAiB,CAACA,QAAqB,WAAwC;AACnF,YAAQ,OAAO,MAAM;AAAA,MACnB,KAAK;AACH,eAAO,EAAE,GAAGA,QAAO,SAAS,CAAC,GAAGA,OAAM,SAAS,EAAE,GAAG,OAAO,QAAA,CAAS,EAAE;AAAA,MACxE,KAAK;AACI,eAAA;AAAA,UACL,GAAGA;AAAAA,UACH,SAAS;AAAA,YACP,GAAGA,OAAM,QAAQ,IAAI,CAAS,UAAA;AAC5B,kBAAI,MAAM,OAAO,OAAO,QAAQ,IAAI;AAClC,uBAAO,OAAO;AAAA,cAAA;AAET,qBAAA;AAAA,YACR,CAAA;AAAA,UAAA;AAAA,QAEL;AAAA,MACF,KAAK;AACI,eAAA;AAAA,UACL,GAAGA;AAAAA,UACH,SAAS,CAAC,GAAGA,OAAM,QAAQ,OAAO,CAAS,UAAA,MAAM,OAAO,OAAO,QAAQ,EAAE,CAAC;AAAA,QAC5E;AAAA,MACF,KAAK;AACI,eAAA;AAAA,UACL,GAAGA;AAAAA,UACH,SAAS,OAAO;AAAA,QAClB;AAAA,MACF,KAAK;AACH,eAAO,EAAE,GAAGA,QAAO,SAAS,GAAG;AAAA,IAAA;AAAA,EAErC;AAEM,QAAA,CAAC,OAAO,QAAQ,IAAI,WAAW,gBAAgB,EAAE,SAAS,gBAAgB,CAAA,GAAI;AAE9E,QAAA,YAAY,CAAC,WACjB,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,EAAA,CACV;AAEG,QAAA,aAAa,CAAC,WAClB,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,EAAA,CACV;AAEG,QAAA,eAAe,CAAC,OAAe,SAAS,EAAE,MAAM,UAAU,SAAS,EAAE,GAAG,GAAG;AAE3E,QAAA,eAAe,CAAC,YAAsB,SAAS,EAAE,MAAM,SAAS,SAAS,SAAS;AAExF,QAAM,eAAe,MAAM,SAAS,EAAE,MAAM,SAAS;AAErD,SAAO,EAAE,OAAO,WAAW,cAAc,YAAY,cAAc,aAAa;AAClF;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataGridHeader.cjs.js","sources":["../../../../src/components/DataGrid/DataGridHeader/DataGridHeader.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, useEffect, useState } from \"react\";\nimport { Direction, HeaderCell, OnSortFunction, Sort } from \"../datagrid.interfaces\";\nimport { DataGridHeaderCell } from \"./DataGridHeaderCell\";\nimport classes from \"./DataGridHeader.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"thead\"> {\n  headers: HeaderCell[];\n  initialSort?: Sort;\n  onSort?: OnSortFunction;\n  enableExpandableRow?: boolean;\n  enableNestedRows?: boolean;\n  disableContextMenuColumn?: boolean;\n  enableMultiSorting?: boolean;\n  spacing?: React.CSSProperties;\n}\n\nconst sortingStates = [undefined, \"ASC\", \"DESC\"] as (Direction | undefined)[];\n\nconst DataGridHeaderComponent: ForwardRefRenderFunction<HTMLTableSectionElement, Props> = (\n  {\n    initialSort,\n    onSort,\n    headers,\n    disableContextMenuColumn,\n    enableExpandableRow,\n    enableNestedRows,\n    enableMultiSorting,\n    spacing,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const [sortList, setSortList] = useState(initialSort ?? []);\n\n  useEffect(() => {\n    setSortList(initialSort ?? []);\n  }, [initialSort]);\n\n  const calculateNextSortState = (direction?: Direction) => {\n    const currentDirectionIdx = sortingStates.findIndex(item => item === direction);\n    return sortingStates[currentDirectionIdx + (1 % sortingStates.length)];\n  };\n\n  /**\n   * The sortList contains sorting columns objects. The order of those objects determines priorities of sorting.\n   * Last modified sorting column has the highest priority.\n   */\n  const updateSortList = (name: string): Sort => {\n    const current = sortList.find(item => item.name === name);\n    const restSortList = enableMultiSorting ? sortList.filter(item => item.name !== name) : [];\n    const newSortDirection = calculateNextSortState(current?.direction);\n    return newSortDirection\n      ? [{ name, direction: newSortDirection }, ...restSortList]\n      : restSortList;\n  };\n\n  const wrapOnSort = (name: string) => {\n    const newSort = updateSortList(name);\n    onSort?.(newSort);\n    setSortList(newSort);\n  };\n\n  const headerCells = headers.map((header, index) => {\n    if (header.hidden) {\n      return null;\n    }\n\n    const headerStyle: React.CSSProperties = {\n      textAlign: header.align ?? \"left\"\n    };\n\n    if (index === 0) {\n      headerStyle.paddingLeft = spacing?.paddingLeft;\n    }\n    if (index === headers.length - 1 && disableContextMenuColumn) {\n      headerStyle.paddingRight = spacing?.paddingRight;\n    }\n\n    const sort = sortList.find(item => item.name === header.name);\n    return (\n      <DataGridHeaderCell\n        key={header.name}\n        name={header.name}\n        headline={header.headline}\n        disableSorting={header.disableSorting ?? !onSort}\n        onSort={wrapOnSort}\n        activeSortDirection={sort?.direction}\n        style={headerStyle}\n      />\n    );\n  });\n\n  return (\n    <thead {...rest} ref={ref}>\n      <tr className={classes[\"row\"]}>\n        {enableExpandableRow && (\n          <td style={{ paddingRight: spacing?.paddingRight }} aria-label=\"expandable row\"></td>\n        )}\n        {headerCells}\n        {!disableContextMenuColumn && (\n          <td\n            style={{ paddingRight: spacing?.paddingRight }}\n            aria-label=\"context menu\"\n            className={classes[\"context-menu\"]}\n          ></td>\n        )}\n      </tr>\n    </thead>\n  );\n};\n\nexport const DataGridHeader = React.forwardRef(DataGridHeaderComponent);\n"],"names":["sortingStates","DataGridHeader","React","forwardRef","initialSort","onSort","headers","disableContextMenuColumn","enableExpandableRow","enableNestedRows","enableMultiSorting","spacing","rest","ref","sortList","setSortList","useState","useEffect","wrapOnSort","name","newSort","current","find","item","restSortList","filter","newSortDirection","direction","currentDirectionIdx","findIndex","length","calculateNextSortState","updateSortList","headerCells","map","header","index","hidden","headerStyle","textAlign","align","paddingLeft","paddingRight","sort","createElement","DataGridHeaderCell","key","headline","disableSorting","activeSortDirection","style","className","classes"],"mappings":"mMAgCMA,EAAgB,MAAC,EAAW,MAAO,QA+F5BC,EAAiBC,EAAMC,YA7FsD,EAEtFC,cACAC,SACAC,UACAC,2BACAC,sBACAC,mBACAC,qBACAC,aACGC,GAELC,KAEM,MAACC,EAAUC,GAAeC,EAAAA,SAASZ,GAAe,IAExDa,EAAAA,WAAU,KACIF,EAAAX,GAAe,GAAE,GAC5B,CAACA,IAEE,MAkBAc,EAAcC,IACZ,MAAAC,EAVe,CAACD,IACtB,MAAME,EAAUP,EAASQ,MAAaC,GAAAA,EAAKJ,OAASA,IAC9CK,EAAed,EAAqBI,EAASW,WAAeF,EAAKJ,OAASA,IAAQ,GAClFO,EAZuB,CAACC,IAC9B,MAAMC,EAAsB5B,EAAc6B,WAAUN,GAAQA,IAASI,IACrE,OAAO3B,EAAc4B,EAAuB,EAAI5B,EAAc8B,OAAO,EAU5CC,CAAuB,MAAAV,OAAA,EAAAA,EAASM,WAClD,OAAAD,EACH,CAAC,CAAEP,OAAMQ,UAAWD,MAAuBF,GAC3CA,CAAA,EAIYQ,CAAeb,GACtB,MAAAd,GAAAA,EAAAe,GACTL,EAAYK,EAAO,EAGfa,EAAc3B,EAAQ4B,KAAI,CAACC,EAAQC,KACvC,GAAID,EAAOE,OACF,OAAA,KAGT,MAAMC,EAAmC,CACvCC,UAAWJ,EAAOK,OAAS,QAGf,IAAVJ,IACFE,EAAYG,YAAuB,MAAT9B,OAAS,EAAAA,EAAA8B,aAEjCL,IAAU9B,EAAQwB,OAAS,GAAKvB,IAClC+B,EAAYI,aAAwB,MAAT/B,OAAS,EAAAA,EAAA+B,cAGhC,MAAAC,EAAO7B,EAASQ,SAAaC,EAAKJ,OAASgB,EAAOhB,OAEtD,OAAAjB,EAAA0C,cAACC,EAAAA,mBAAA,CACCC,IAAKX,EAAOhB,KACZA,KAAMgB,EAAOhB,KACb4B,SAAUZ,EAAOY,SACjBC,eAAgBb,EAAOa,iBAAmB3C,EAC1CA,OAAQa,EACR+B,oBAA2B,MAANN,OAAM,EAAAA,EAAAhB,UAC3BuB,MAAOZ,GACT,IAKF,SAAAM,cAAC,QAAO,IAAGhC,EAAMC,uBACd,KAAG,CAAAsC,UAAWC,EAAAA,QAAa,KACzB5C,mBACE,KAAG,CAAA0C,MAAO,CAAER,aAAuB,MAAT/B,OAAS,EAAAA,EAAA+B,cAAgB,aAAW,mBAEhET,GACC1B,GACAL,EAAA0C,cAAC,KAAA,CACCM,MAAO,CAAER,aAAc,MAAA/B,OAAA,EAAAA,EAAS+B,cAChC,aAAW,eACXS,UAAWC,UAAQ,mBAI3B"}

package/dist/components/DataGrid/DataGridHeader/DataGridHeader.es.js

@@ -0,0 +1,75 @@
+import React, { useState, useEffect } from "react";
+import { DataGridHeaderCell } from "./DataGridHeaderCell.es.js";
+import classes from "./DataGridHeader.module.scss.es.js";
+const sortingStates = [void 0, "ASC", "DESC"];
+const DataGridHeaderComponent = ({
+  initialSort,
+  onSort,
+  headers,
+  disableContextMenuColumn,
+  enableExpandableRow,
+  enableNestedRows,
+  enableMultiSorting,
+  spacing,
+  ...rest
+}, ref) => {
+  const [sortList, setSortList] = useState(initialSort ?? []);
+  useEffect(() => {
+    setSortList(initialSort ?? []);
+  }, [initialSort]);
+  const calculateNextSortState = (direction) => {
+    const currentDirectionIdx = sortingStates.findIndex((item) => item === direction);
+    return sortingStates[currentDirectionIdx + 1 % sortingStates.length];
+  };
+  const updateSortList = (name) => {
+    const current = sortList.find((item) => item.name === name);
+    const restSortList = enableMultiSorting ? sortList.filter((item) => item.name !== name) : [];
+    const newSortDirection = calculateNextSortState(current == null ? void 0 : current.direction);
+    return newSortDirection ? [{ name, direction: newSortDirection }, ...restSortList] : restSortList;
+  };
+  const wrapOnSort = (name) => {
+    const newSort = updateSortList(name);
+    onSort == null ? void 0 : onSort(newSort);
+    setSortList(newSort);
+  };
+  const headerCells = headers.map((header, index) => {
+    if (header.hidden) {
+      return null;
+    }
+    const headerStyle = {
+      textAlign: header.align ?? "left"
+    };
+    if (index === 0) {
+      headerStyle.paddingLeft = spacing == null ? void 0 : spacing.paddingLeft;
+    }
+    if (index === headers.length - 1 && disableContextMenuColumn) {
+      headerStyle.paddingRight = spacing == null ? void 0 : spacing.paddingRight;
+    }
+    const sort = sortList.find((item) => item.name === header.name);
+    return /* @__PURE__ */ React.createElement(
+      DataGridHeaderCell,
+      {
+        key: header.name,
+        name: header.name,
+        headline: header.headline,
+        disableSorting: header.disableSorting ?? !onSort,
+        onSort: wrapOnSort,
+        activeSortDirection: sort == null ? void 0 : sort.direction,
+        style: headerStyle
+      }
+    );
+  });
+  return /* @__PURE__ */ React.createElement("thead", { ...rest, ref }, /* @__PURE__ */ React.createElement("tr", { className: classes["row"] }, enableExpandableRow && /* @__PURE__ */ React.createElement("td", { style: { paddingRight: spacing == null ? void 0 : spacing.paddingRight }, "aria-label": "expandable row" }), headerCells, !disableContextMenuColumn && /* @__PURE__ */ React.createElement(
+    "td",
+    {
+      style: { paddingRight: spacing == null ? void 0 : spacing.paddingRight },
+      "aria-label": "context menu",
+      className: classes["context-menu"]
+    }
+  )));
+};
+const DataGridHeader = React.forwardRef(DataGridHeaderComponent);
+export {
+  DataGridHeader
+};
+//# sourceMappingURL=DataGridHeader.es.js.map

package/dist/components/DataGrid/DataGridHeader/DataGridHeader.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataGridHeader.es.js","sources":["../../../../src/components/DataGrid/DataGridHeader/DataGridHeader.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, useEffect, useState } from \"react\";\nimport { Direction, HeaderCell, OnSortFunction, Sort } from \"../datagrid.interfaces\";\nimport { DataGridHeaderCell } from \"./DataGridHeaderCell\";\nimport classes from \"./DataGridHeader.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"thead\"> {\n  headers: HeaderCell[];\n  initialSort?: Sort;\n  onSort?: OnSortFunction;\n  enableExpandableRow?: boolean;\n  enableNestedRows?: boolean;\n  disableContextMenuColumn?: boolean;\n  enableMultiSorting?: boolean;\n  spacing?: React.CSSProperties;\n}\n\nconst sortingStates = [undefined, \"ASC\", \"DESC\"] as (Direction | undefined)[];\n\nconst DataGridHeaderComponent: ForwardRefRenderFunction<HTMLTableSectionElement, Props> = (\n  {\n    initialSort,\n    onSort,\n    headers,\n    disableContextMenuColumn,\n    enableExpandableRow,\n    enableNestedRows,\n    enableMultiSorting,\n    spacing,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const [sortList, setSortList] = useState(initialSort ?? []);\n\n  useEffect(() => {\n    setSortList(initialSort ?? []);\n  }, [initialSort]);\n\n  const calculateNextSortState = (direction?: Direction) => {\n    const currentDirectionIdx = sortingStates.findIndex(item => item === direction);\n    return sortingStates[currentDirectionIdx + (1 % sortingStates.length)];\n  };\n\n  /**\n   * The sortList contains sorting columns objects. The order of those objects determines priorities of sorting.\n   * Last modified sorting column has the highest priority.\n   */\n  const updateSortList = (name: string): Sort => {\n    const current = sortList.find(item => item.name === name);\n    const restSortList = enableMultiSorting ? sortList.filter(item => item.name !== name) : [];\n    const newSortDirection = calculateNextSortState(current?.direction);\n    return newSortDirection\n      ? [{ name, direction: newSortDirection }, ...restSortList]\n      : restSortList;\n  };\n\n  const wrapOnSort = (name: string) => {\n    const newSort = updateSortList(name);\n    onSort?.(newSort);\n    setSortList(newSort);\n  };\n\n  const headerCells = headers.map((header, index) => {\n    if (header.hidden) {\n      return null;\n    }\n\n    const headerStyle: React.CSSProperties = {\n      textAlign: header.align ?? \"left\"\n    };\n\n    if (index === 0) {\n      headerStyle.paddingLeft = spacing?.paddingLeft;\n    }\n    if (index === headers.length - 1 && disableContextMenuColumn) {\n      headerStyle.paddingRight = spacing?.paddingRight;\n    }\n\n    const sort = sortList.find(item => item.name === header.name);\n    return (\n      <DataGridHeaderCell\n        key={header.name}\n        name={header.name}\n        headline={header.headline}\n        disableSorting={header.disableSorting ?? !onSort}\n        onSort={wrapOnSort}\n        activeSortDirection={sort?.direction}\n        style={headerStyle}\n      />\n    );\n  });\n\n  return (\n    <thead {...rest} ref={ref}>\n      <tr className={classes[\"row\"]}>\n        {enableExpandableRow && (\n          <td style={{ paddingRight: spacing?.paddingRight }} aria-label=\"expandable row\"></td>\n        )}\n        {headerCells}\n        {!disableContextMenuColumn && (\n          <td\n            style={{ paddingRight: spacing?.paddingRight }}\n            aria-label=\"context menu\"\n            className={classes[\"context-menu\"]}\n          ></td>\n        )}\n      </tr>\n    </thead>\n  );\n};\n\nexport const DataGridHeader = React.forwardRef(DataGridHeaderComponent);\n"],"names":[],"mappings":";;;AAgCA,MAAM,gBAAgB,CAAC,QAAW,OAAO,MAAM;AAE/C,MAAM,0BAAoF,CACxF;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACA,QACG;AACH,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,eAAe,CAAA,CAAE;AAE1D,YAAU,MAAM;AACF,gBAAA,eAAe,EAAE;AAAA,EAAA,GAC5B,CAAC,WAAW,CAAC;AAEV,QAAA,yBAAyB,CAAC,cAA0B;AACxD,UAAM,sBAAsB,cAAc,UAAU,CAAA,SAAQ,SAAS,SAAS;AAC9E,WAAO,cAAc,sBAAuB,IAAI,cAAc,MAAO;AAAA,EACvE;AAMM,QAAA,iBAAiB,CAAC,SAAuB;AAC7C,UAAM,UAAU,SAAS,KAAK,CAAQ,SAAA,KAAK,SAAS,IAAI;AAClD,UAAA,eAAe,qBAAqB,SAAS,OAAO,UAAQ,KAAK,SAAS,IAAI,IAAI,CAAC;AACnF,UAAA,mBAAmB,uBAAuB,mCAAS,SAAS;AAC3D,WAAA,mBACH,CAAC,EAAE,MAAM,WAAW,oBAAoB,GAAG,YAAY,IACvD;AAAA,EACN;AAEM,QAAA,aAAa,CAAC,SAAiB;AAC7B,UAAA,UAAU,eAAe,IAAI;AACnC,qCAAS;AACT,gBAAY,OAAO;AAAA,EACrB;AAEA,QAAM,cAAc,QAAQ,IAAI,CAAC,QAAQ,UAAU;AACjD,QAAI,OAAO,QAAQ;AACV,aAAA;AAAA,IAAA;AAGT,UAAM,cAAmC;AAAA,MACvC,WAAW,OAAO,SAAS;AAAA,IAC7B;AAEA,QAAI,UAAU,GAAG;AACf,kBAAY,cAAc,mCAAS;AAAA,IAAA;AAErC,QAAI,UAAU,QAAQ,SAAS,KAAK,0BAA0B;AAC5D,kBAAY,eAAe,mCAAS;AAAA,IAAA;AAGtC,UAAM,OAAO,SAAS,KAAK,UAAQ,KAAK,SAAS,OAAO,IAAI;AAE1D,WAAA,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAK,OAAO;AAAA,QACZ,MAAM,OAAO;AAAA,QACb,UAAU,OAAO;AAAA,QACjB,gBAAgB,OAAO,kBAAkB,CAAC;AAAA,QAC1C,QAAQ;AAAA,QACR,qBAAqB,6BAAM;AAAA,QAC3B,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,EAAA,CAEH;AAGC,SAAA,sBAAA,cAAC,SAAO,EAAA,GAAG,MAAM,IAAA,uCACd,MAAG,EAAA,WAAW,QAAQ,KAAK,EACzB,GAAA,2DACE,MAAG,EAAA,OAAO,EAAE,cAAc,mCAAS,aAAgB,GAAA,cAAW,iBAAiB,CAAA,GAEjF,aACA,CAAC,4BACA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO,EAAE,cAAc,mCAAS,aAAa;AAAA,MAC7C,cAAW;AAAA,MACX,WAAW,QAAQ,cAAc;AAAA,IAAA;AAAA,EAAA,CAGvC,CACF;AAEJ;AAEa,MAAA,iBAAiB,MAAM,WAAW,uBAAuB;"}

package/dist/components/DataGrid/DataGridHeader/DataGridHeader.module.scss.cjs.js

@@ -0,0 +1,3 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.DataGridHeader_row_gFXfX{height:3.25rem;background-color:var(--color-blue-grey25);position:relative;border-top:2px solid var(--light-grey-border)}.DataGridHeader_row_gFXfX:after{content:"";position:absolute;width:100%;left:0;bottom:0;border-bottom:2px solid var(--light-grey-border)}.DataGridHeader_context-menu_gFXfX{width:4.125rem;box-sizing:border-box}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="DataGridHeader_row_gFXfX",t={row:e,"context-menu":"DataGridHeader_context-menu_gFXfX"};exports.default=t,exports.row=e;
+//# sourceMappingURL=DataGridHeader.module.scss.cjs.js.map

package/dist/components/DataGrid/DataGridHeader/DataGridHeader.module.scss.cjs.js.map

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

package/dist/components/DataGrid/DataGridHeader/DataGridHeader.module.scss.es.js

@@ -0,0 +1,11 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.DataGridHeader_row_gFXfX{height:3.25rem;background-color:var(--color-blue-grey25);position:relative;border-top:2px solid var(--light-grey-border)}.DataGridHeader_row_gFXfX:after{content:"";position:absolute;width:100%;left:0;bottom:0;border-bottom:2px solid var(--light-grey-border)}.DataGridHeader_context-menu_gFXfX{width:4.125rem;box-sizing:border-box}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+const row = "DataGridHeader_row_gFXfX";
+const classes = {
+  row,
+  "context-menu": "DataGridHeader_context-menu_gFXfX"
+};
+export {
+  classes as default,
+  row
+};
+//# sourceMappingURL=DataGridHeader.module.scss.es.js.map

package/dist/components/DataGrid/DataGridHeader/DataGridHeader.module.scss.es.js.map

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

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../../Icon/Icon.cjs.js"),a=require("./DataGridHeaderCell.module.scss.cjs.js"),n={ASC:"ascending",DESC:"descending"},r=e.forwardRef((({headline:r,name:c,disableSorting:l,activeSortDirection:s,onSort:i,...o},d)=>{const u=e.createElement(e.Fragment,null,e.createElement("span",{className:a.default.headline},r),!l&&e.createElement("div",{className:a.default["sorting-indicator-container"]},e.createElement(t.Icon,{className:(()=>{const e=[a.default.indicator];return s&&e.push("ASC"===s?a.default.ascending:a.default.descending),e})().join(" "),icon:t.Icons.ArrowUp})));return e.createElement("th",{...o,ref:d,className:a.default["header-cell"],"aria-sort":s&&n[s]},l?e.createElement("div",{key:c},u):e.createElement("button",{key:c,onClick:()=>{null==i||i(c)}},u))}));exports.DataGridHeaderCell=r;
+//# sourceMappingURL=DataGridHeaderCell.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataGridHeaderCell.cjs.js","sources":["../../../../src/components/DataGrid/DataGridHeader/DataGridHeaderCell.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, Fragment } from \"react\";\nimport { Icon, Icons } from \"../../Icon/Icon\";\nimport { Direction } from \"../datagrid.interfaces\";\nimport classes from \"./DataGridHeaderCell.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"th\"> {\n  headline: string;\n  name: string;\n  disableSorting?: boolean;\n  activeSortDirection?: Direction;\n  onSort?: (name: string) => void;\n}\n\nconst ariaSortMapping = {\n  ASC: \"ascending\",\n  DESC: \"descending\"\n} as const;\n\nconst DataGridHeaderCellComponent: ForwardRefRenderFunction<HTMLTableCellElement, Props> = (\n  { headline, name, disableSorting, activeSortDirection, onSort, ...rest }: Props,\n  ref\n) => {\n  const onCellClick = () => {\n    onSort?.(name);\n  };\n\n  const sortingIndicator = () => {\n    const getSortingIndicatorClasses = () => {\n      const sortingIndicatorClasses = [classes[\"indicator\"]];\n      activeSortDirection &&\n        sortingIndicatorClasses.push(\n          activeSortDirection === \"ASC\" ? classes[\"ascending\"] : classes[\"descending\"]\n        );\n      return sortingIndicatorClasses;\n    };\n\n    return <Icon className={getSortingIndicatorClasses().join(\" \")} icon={Icons.ArrowUp} />;\n  };\n\n  const innerContent = (\n    <Fragment>\n      <span className={classes[\"headline\"]}>{headline}</span>\n      {!disableSorting && (\n        <div className={classes[\"sorting-indicator-container\"]}>{sortingIndicator()}</div>\n      )}\n    </Fragment>\n  );\n\n  return (\n    <th\n      {...rest}\n      ref={ref}\n      className={classes[\"header-cell\"]}\n      aria-sort={activeSortDirection && ariaSortMapping[activeSortDirection]}\n    >\n      {disableSorting ? (\n        <div key={name}>{innerContent}</div>\n      ) : (\n        <button key={name} onClick={onCellClick}>\n          {innerContent}\n        </button>\n      )}\n    </th>\n  );\n};\n\nexport const DataGridHeaderCell = React.forwardRef(DataGridHeaderCellComponent);\n"],"names":["ariaSortMapping","ASC","DESC","DataGridHeaderCell","React","forwardRef","headline","name","disableSorting","activeSortDirection","onSort","rest","ref","innerContent","Fragment","createElement","className","classes","Icon","sortingIndicatorClasses","push","getSortingIndicatorClasses","join","icon","Icons","ArrowUp","key","onClick"],"mappings":"kMA6BMA,EAAkB,CACtBC,IAAK,YACLC,KAAM,cAmDKC,EAAqBC,EAAMC,YAhDmD,EACvFC,WAAUC,OAAMC,iBAAgBC,sBAAqBC,YAAWC,GAClEC,KAEA,MAiBMC,kBACHC,EACCA,SAAA,KAAAV,EAAAW,cAAC,QAAKC,UAAWC,EAAAA,QAAkB,UAAIX,IACrCE,mBACC,MAAI,CAAAQ,UAAWC,UAAQ,gCAPrBb,EAAAW,cAACG,OAAK,CAAAF,UATsB,MACjC,MAAMG,EAA0B,CAACF,UAAmB,WAK7C,OAJPR,GACEU,EAAwBC,KACE,QAAxBX,EAAgCQ,EAAAA,QAAmB,UAAIA,UAAoB,YAExEE,CAAA,EAGeE,GAA6BC,KAAK,KAAMC,KAAMC,EAAAA,MAAMC,YAa5E,OAAArB,EAAAW,cAAC,KAAA,IACKJ,EACJC,MACAI,UAAWC,UAAQ,eACnB,YAAWR,GAAuBT,EAAgBS,IAEjDD,EACCJ,EAAAW,cAAC,MAAI,CAAAW,IAAKnB,GAAOM,GAEjBT,EAAAW,cAAC,SAAO,CAAAW,IAAKnB,EAAMoB,QApCL,KACT,MAAAjB,GAAAA,EAAAH,EAAA,GAoCFM,GAGP"}

package/dist/components/DataGrid/DataGridHeader/DataGridHeaderCell.es.js

@@ -0,0 +1,38 @@
+import React, { Fragment } from "react";
+import { Icon, Icons } from "../../Icon/Icon.es.js";
+import classes from "./DataGridHeaderCell.module.scss.es.js";
+const ariaSortMapping = {
+  ASC: "ascending",
+  DESC: "descending"
+};
+const DataGridHeaderCellComponent = ({ headline, name, disableSorting, activeSortDirection, onSort, ...rest }, ref) => {
+  const onCellClick = () => {
+    onSort == null ? void 0 : onSort(name);
+  };
+  const sortingIndicator = () => {
+    const getSortingIndicatorClasses = () => {
+      const sortingIndicatorClasses = [classes["indicator"]];
+      activeSortDirection && sortingIndicatorClasses.push(
+        activeSortDirection === "ASC" ? classes["ascending"] : classes["descending"]
+      );
+      return sortingIndicatorClasses;
+    };
+    return /* @__PURE__ */ React.createElement(Icon, { className: getSortingIndicatorClasses().join(" "), icon: Icons.ArrowUp });
+  };
+  const innerContent = /* @__PURE__ */ React.createElement(Fragment, null, /* @__PURE__ */ React.createElement("span", { className: classes["headline"] }, headline), !disableSorting && /* @__PURE__ */ React.createElement("div", { className: classes["sorting-indicator-container"] }, sortingIndicator()));
+  return /* @__PURE__ */ React.createElement(
+    "th",
+    {
+      ...rest,
+      ref,
+      className: classes["header-cell"],
+      "aria-sort": activeSortDirection && ariaSortMapping[activeSortDirection]
+    },
+    disableSorting ? /* @__PURE__ */ React.createElement("div", { key: name }, innerContent) : /* @__PURE__ */ React.createElement("button", { key: name, onClick: onCellClick }, innerContent)
+  );
+};
+const DataGridHeaderCell = React.forwardRef(DataGridHeaderCellComponent);
+export {
+  DataGridHeaderCell
+};
+//# sourceMappingURL=DataGridHeaderCell.es.js.map

package/dist/components/DataGrid/DataGridHeader/DataGridHeaderCell.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataGridHeaderCell.es.js","sources":["../../../../src/components/DataGrid/DataGridHeader/DataGridHeaderCell.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, Fragment } from \"react\";\nimport { Icon, Icons } from \"../../Icon/Icon\";\nimport { Direction } from \"../datagrid.interfaces\";\nimport classes from \"./DataGridHeaderCell.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"th\"> {\n  headline: string;\n  name: string;\n  disableSorting?: boolean;\n  activeSortDirection?: Direction;\n  onSort?: (name: string) => void;\n}\n\nconst ariaSortMapping = {\n  ASC: \"ascending\",\n  DESC: \"descending\"\n} as const;\n\nconst DataGridHeaderCellComponent: ForwardRefRenderFunction<HTMLTableCellElement, Props> = (\n  { headline, name, disableSorting, activeSortDirection, onSort, ...rest }: Props,\n  ref\n) => {\n  const onCellClick = () => {\n    onSort?.(name);\n  };\n\n  const sortingIndicator = () => {\n    const getSortingIndicatorClasses = () => {\n      const sortingIndicatorClasses = [classes[\"indicator\"]];\n      activeSortDirection &&\n        sortingIndicatorClasses.push(\n          activeSortDirection === \"ASC\" ? classes[\"ascending\"] : classes[\"descending\"]\n        );\n      return sortingIndicatorClasses;\n    };\n\n    return <Icon className={getSortingIndicatorClasses().join(\" \")} icon={Icons.ArrowUp} />;\n  };\n\n  const innerContent = (\n    <Fragment>\n      <span className={classes[\"headline\"]}>{headline}</span>\n      {!disableSorting && (\n        <div className={classes[\"sorting-indicator-container\"]}>{sortingIndicator()}</div>\n      )}\n    </Fragment>\n  );\n\n  return (\n    <th\n      {...rest}\n      ref={ref}\n      className={classes[\"header-cell\"]}\n      aria-sort={activeSortDirection && ariaSortMapping[activeSortDirection]}\n    >\n      {disableSorting ? (\n        <div key={name}>{innerContent}</div>\n      ) : (\n        <button key={name} onClick={onCellClick}>\n          {innerContent}\n        </button>\n      )}\n    </th>\n  );\n};\n\nexport const DataGridHeaderCell = React.forwardRef(DataGridHeaderCellComponent);\n"],"names":[],"mappings":";;;AA6BA,MAAM,kBAAkB;AAAA,EACtB,KAAK;AAAA,EACL,MAAM;AACR;AAEA,MAAM,8BAAqF,CACzF,EAAE,UAAU,MAAM,gBAAgB,qBAAqB,QAAQ,GAAG,KAAK,GACvE,QACG;AACH,QAAM,cAAc,MAAM;AACxB,qCAAS;AAAA,EACX;AAEA,QAAM,mBAAmB,MAAM;AAC7B,UAAM,6BAA6B,MAAM;AACvC,YAAM,0BAA0B,CAAC,QAAQ,WAAW,CAAC;AACrD,6BACE,wBAAwB;AAAA,QACtB,wBAAwB,QAAQ,QAAQ,WAAW,IAAI,QAAQ,YAAY;AAAA,MAC7E;AACK,aAAA;AAAA,IACT;AAEO,WAAA,sBAAA,cAAC,MAAK,EAAA,WAAW,2BAA2B,EAAE,KAAK,GAAG,GAAG,MAAM,MAAM,QAAS,CAAA;AAAA,EACvF;AAEM,QAAA,mDACH,UACC,MAAA,sBAAA,cAAC,UAAK,WAAW,QAAQ,UAAU,EAAI,GAAA,QAAS,GAC/C,CAAC,sDACC,OAAI,EAAA,WAAW,QAAQ,6BAA6B,KAAI,iBAAmB,CAAA,CAEhF;AAIA,SAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,WAAW,QAAQ,aAAa;AAAA,MAChC,aAAW,uBAAuB,gBAAgB,mBAAmB;AAAA,IAAA;AAAA,IAEpE,iBACC,sBAAA,cAAC,OAAI,EAAA,KAAK,KAAO,GAAA,YAAa,IAE9B,sBAAA,cAAC,UAAO,EAAA,KAAK,MAAM,SAAS,eACzB,YACH;AAAA,EAEJ;AAEJ;AAEa,MAAA,qBAAqB,MAAM,WAAW,2BAA2B;"}

package/dist/components/DataGrid/DataGridHeader/DataGridHeaderCell.module.scss.cjs.js

@@ -0,0 +1,3 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.DataGridHeaderCell_header-cell_gFXfX{font-weight:400;text-align:left;padding:.625rem .75rem}.DataGridHeaderCell_header-cell_gFXfX:first-child{padding-left:1rem}.DataGridHeaderCell_header-cell_gFXfX:last-child{padding-right:1rem}.DataGridHeaderCell_header-cell_gFXfX>*{display:inline-flex}.DataGridHeaderCell_header-cell_gFXfX>button{padding:0;margin:0;border:0;background:none;cursor:pointer;display:inline-flex;align-items:center}.DataGridHeaderCell_headline_gFXfX{font-family:var(--font-family);font-size:var(--font-size-data-grid);line-height:var(--data-grid-line-height);font-weight:700;color:var(--default)}.DataGridHeaderCell_sorting-indicator-container_gFXfX{display:flex;flex-direction:column;padding-left:.5rem;justify-content:center}.DataGridHeaderCell_sorting-indicator-container_gFXfX>*{font-size:var(--font-size-small)}.DataGridHeaderCell_sorting-indicator-container_gFXfX .DataGridHeaderCell_indicator_gFXfX{color:var(--greyed-out);transition:transform .2s ease-in-out;transform:rotate(0)}.DataGridHeaderCell_sorting-indicator-container_gFXfX .DataGridHeaderCell_indicator_gFXfX.DataGridHeaderCell_ascending_gFXfX{color:var(--color-primary)}.DataGridHeaderCell_sorting-indicator-container_gFXfX .DataGridHeaderCell_indicator_gFXfX.DataGridHeaderCell_descending_gFXfX{color:var(--color-primary);transform:rotate(180deg)}.DataGridHeaderCell_sorting-indicator-container_gFXfX .DataGridHeaderCell_indicator_gFXfX.DataGridHeaderCell_hidden_gFXfX{visibility:hidden}@media only screen and (min-width: 50em){.DataGridHeaderCell_header-cell_gFXfX:first-child{padding-left:1.25rem}.DataGridHeaderCell_header-cell_gFXfX:last-child{padding-right:1.25rem}}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="DataGridHeaderCell_headline_gFXfX",a="DataGridHeaderCell_indicator_gFXfX",d="DataGridHeaderCell_ascending_gFXfX",i="DataGridHeaderCell_descending_gFXfX",r={"header-cell":"DataGridHeaderCell_header-cell_gFXfX",headline:e,"sorting-indicator-container":"DataGridHeaderCell_sorting-indicator-container_gFXfX",indicator:a,ascending:d,descending:i};exports.ascending=d,exports.default=r,exports.descending=i,exports.headline=e,exports.indicator=a;
+//# sourceMappingURL=DataGridHeaderCell.module.scss.cjs.js.map

package/dist/components/DataGrid/DataGridHeader/DataGridHeaderCell.module.scss.cjs.js.map

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

package/dist/components/DataGrid/DataGridHeader/DataGridHeaderCell.module.scss.es.js

@@ -0,0 +1,21 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.DataGridHeaderCell_header-cell_gFXfX{font-weight:400;text-align:left;padding:.625rem .75rem}.DataGridHeaderCell_header-cell_gFXfX:first-child{padding-left:1rem}.DataGridHeaderCell_header-cell_gFXfX:last-child{padding-right:1rem}.DataGridHeaderCell_header-cell_gFXfX>*{display:inline-flex}.DataGridHeaderCell_header-cell_gFXfX>button{padding:0;margin:0;border:0;background:none;cursor:pointer;display:inline-flex;align-items:center}.DataGridHeaderCell_headline_gFXfX{font-family:var(--font-family);font-size:var(--font-size-data-grid);line-height:var(--data-grid-line-height);font-weight:700;color:var(--default)}.DataGridHeaderCell_sorting-indicator-container_gFXfX{display:flex;flex-direction:column;padding-left:.5rem;justify-content:center}.DataGridHeaderCell_sorting-indicator-container_gFXfX>*{font-size:var(--font-size-small)}.DataGridHeaderCell_sorting-indicator-container_gFXfX .DataGridHeaderCell_indicator_gFXfX{color:var(--greyed-out);transition:transform .2s ease-in-out;transform:rotate(0)}.DataGridHeaderCell_sorting-indicator-container_gFXfX .DataGridHeaderCell_indicator_gFXfX.DataGridHeaderCell_ascending_gFXfX{color:var(--color-primary)}.DataGridHeaderCell_sorting-indicator-container_gFXfX .DataGridHeaderCell_indicator_gFXfX.DataGridHeaderCell_descending_gFXfX{color:var(--color-primary);transform:rotate(180deg)}.DataGridHeaderCell_sorting-indicator-container_gFXfX .DataGridHeaderCell_indicator_gFXfX.DataGridHeaderCell_hidden_gFXfX{visibility:hidden}@media only screen and (min-width: 50em){.DataGridHeaderCell_header-cell_gFXfX:first-child{padding-left:1.25rem}.DataGridHeaderCell_header-cell_gFXfX:last-child{padding-right:1.25rem}}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
+const headline = "DataGridHeaderCell_headline_gFXfX";
+const indicator = "DataGridHeaderCell_indicator_gFXfX";
+const ascending = "DataGridHeaderCell_ascending_gFXfX";
+const descending = "DataGridHeaderCell_descending_gFXfX";
+const classes = {
+  "header-cell": "DataGridHeaderCell_header-cell_gFXfX",
+  headline,
+  "sorting-indicator-container": "DataGridHeaderCell_sorting-indicator-container_gFXfX",
+  indicator,
+  ascending,
+  descending
+};
+export {
+  ascending,
+  classes as default,
+  descending,
+  headline,
+  indicator
+};
+//# sourceMappingURL=DataGridHeaderCell.module.scss.es.js.map

package/dist/components/DataGrid/DataGridHeader/DataGridHeaderCell.module.scss.es.js.map

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

package/dist/components/DatePicker/DatePicker.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("react-day-picker"),r=require("./DatePicker.module.scss.cjs.js");function c(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const r in e)if("default"!==r){const c=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,c.get?c:{enumerable:!0,get:()=>e[r]})}return t.default=e,Object.freeze(t)}const o=c(require("date-fns/locale"));exports.DatePicker=({onSelect:c,value:n,required:a,mode:s,locale:l,...u})=>{const[i,d]=e.useState(o.enGB),f=new Date(3e3,12);e.useEffect((()=>{try{const e=o[l];d(e)}catch(e){d(o.enGB)}}),[l]);const y={showOutsideDays:!0,captionLayout:"dropdown-years",required:a,classNames:(()=>{const e={};return Object.keys(r.default).forEach((t=>{const c=t.replace("rdp-","");e[c]=r.default[t]})),e})(),locale:i};return e.createElement(e.Fragment,null,e.createElement(t.DayPicker,{...u,...y,mode:s,endMonth:f,onSelect:c,selected:n}))};
+//# sourceMappingURL=DatePicker.cjs.js.map

package/dist/components/DatePicker/DatePicker.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.cjs.js","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ComponentPropsWithoutRef, Fragment, useEffect, useState } from \"react\";\nimport {\n  ClassNames,\n  DateRange,\n  DayPicker,\n  Locale,\n  PropsBase,\n  CustomComponents\n} from \"react-day-picker\";\nimport classes from \"./DatePicker.module.scss\";\nimport * as locales from \"date-fns/locale\";\n\n/* eslint-disable-next-line @typescript-eslint/no-explicit-any */\nexport interface Props extends ComponentPropsWithoutRef<any> {\n  onSelect: (date: Date | DateRange | undefined) => void;\n  mode: \"single\" | \"range\";\n  value: Date | DateRange | undefined;\n  required?: boolean;\n  locale?: keyof typeof locales;\n  numberOfMonths?: number;\n  components?: Partial<CustomComponents>;\n  disabled?: boolean;\n}\n\nexport const DatePicker = ({ onSelect, value, required, mode, locale, ...rest }: Props) => {\n  const [dayPickerLocale, setDayPickerLocale] = useState<Locale>(locales.enGB);\n  //we have to specify the endMonth value. Otherwise, the date range picker doesn't let us navigate between years\n  const endMonth = new Date(3000, 12);\n\n  useEffect(() => {\n    try {\n      const selectedLocale = locales[locale!];\n      setDayPickerLocale(selectedLocale);\n    } catch (e) {\n      setDayPickerLocale(locales.enGB);\n    }\n  }, [locale]);\n\n  const getCustomClassNamesMapping = (): Partial<ClassNames> => {\n    const CLASSNAME_PREFIX = \"rdp-\";\n    const dayPickerClassNames: Partial<ClassNames> = {};\n\n    Object.keys(classes).forEach(key => {\n      const classKey = key.replace(CLASSNAME_PREFIX, \"\") as keyof ClassNames;\n      dayPickerClassNames[classKey] = classes[key];\n    });\n\n    return dayPickerClassNames;\n  };\n\n  const commonProps: PropsBase = {\n    showOutsideDays: true,\n    captionLayout: \"dropdown-years\",\n    required: required,\n    classNames: getCustomClassNamesMapping(),\n    locale: dayPickerLocale\n  };\n\n  return (\n    <Fragment>\n      {mode === \"single\" ? (\n        <DayPicker\n          {...rest}\n          {...commonProps}\n          mode={mode}\n          endMonth={endMonth}\n          onSelect={onSelect}\n          selected={value as Date | undefined}\n        ></DayPicker>\n      ) : (\n        <DayPicker\n          {...rest}\n          {...commonProps}\n          mode={mode}\n          endMonth={endMonth}\n          onSelect={onSelect}\n          selected={value as DateRange | undefined}\n        />\n      )}\n    </Fragment>\n  );\n};\n"],"names":["onSelect","value","required","mode","locale","rest","dayPickerLocale","setDayPickerLocale","useState","locales","enGB","endMonth","Date","useEffect","selectedLocale","e","commonProps","showOutsideDays","captionLayout","classNames","dayPickerClassNames","Object","keys","classes","forEach","key","classKey","replace","default","getCustomClassNamesMapping","createElement","Fragment","React","DayPicker","selected"],"mappings":"wfAwC0B,EAAGA,WAAUC,QAAOC,WAAUC,OAAMC,YAAWC,MACvE,MAAOC,EAAiBC,GAAsBC,EAAAA,SAAiBC,EAAQC,MAEjEC,EAAW,IAAIC,KAAK,IAAM,IAEhCC,EAAAA,WAAU,KACJ,IACI,MAAAC,EAAiBL,EAAQL,GAC/BG,EAAmBO,SACZC,GACPR,EAAmBE,EAAQC,KAAI,IAEhC,CAACN,IAEJ,MAYMY,EAAyB,CAC7BC,iBAAiB,EACjBC,cAAe,iBACfhB,WACAiB,WAhBiC,MACjC,MACMC,EAA2C,CAAC,EAO3C,OALPC,OAAOC,KAAKC,EAAAA,SAASC,SAAeC,IAClC,MAAMC,EAAWD,EAAIE,QAJE,OAIwB,IAC3BP,EAAAM,GAAYH,EAAAK,QAAQH,EAAG,IAGtCL,CAAA,EAOKS,GACZzB,OAAQE,GAIR,SAAAwB,cAACC,EACEA,SAAA,KACCC,EAAAF,cAACG,EAAAA,UAAA,IACK5B,KACAW,EACJb,OACAQ,WACAX,WACAkC,SAAUjC,IAYhB"}

package/dist/components/DatePicker/DatePicker.es.js

@@ -0,0 +1,57 @@
+import React, { useState, useEffect, Fragment } from "react";
+import { DayPicker } from "react-day-picker";
+import classes from "./DatePicker.module.scss.es.js";
+import * as locales from "date-fns/locale";
+const DatePicker = ({ onSelect, value, required, mode, locale, ...rest }) => {
+  const [dayPickerLocale, setDayPickerLocale] = useState(locales.enGB);
+  const endMonth = new Date(3e3, 12);
+  useEffect(() => {
+    try {
+      const selectedLocale = locales[locale];
+      setDayPickerLocale(selectedLocale);
+    } catch (e) {
+      setDayPickerLocale(locales.enGB);
+    }
+  }, [locale]);
+  const getCustomClassNamesMapping = () => {
+    const CLASSNAME_PREFIX = "rdp-";
+    const dayPickerClassNames = {};
+    Object.keys(classes).forEach((key) => {
+      const classKey = key.replace(CLASSNAME_PREFIX, "");
+      dayPickerClassNames[classKey] = classes[key];
+    });
+    return dayPickerClassNames;
+  };
+  const commonProps = {
+    showOutsideDays: true,
+    captionLayout: "dropdown-years",
+    required,
+    classNames: getCustomClassNamesMapping(),
+    locale: dayPickerLocale
+  };
+  return /* @__PURE__ */ React.createElement(Fragment, null, mode === "single" ? /* @__PURE__ */ React.createElement(
+    DayPicker,
+    {
+      ...rest,
+      ...commonProps,
+      mode,
+      endMonth,
+      onSelect,
+      selected: value
+    }
+  ) : /* @__PURE__ */ React.createElement(
+    DayPicker,
+    {
+      ...rest,
+      ...commonProps,
+      mode,
+      endMonth,
+      onSelect,
+      selected: value
+    }
+  ));
+};
+export {
+  DatePicker
+};
+//# sourceMappingURL=DatePicker.es.js.map

package/dist/components/DatePicker/DatePicker.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.es.js","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ComponentPropsWithoutRef, Fragment, useEffect, useState } from \"react\";\nimport {\n  ClassNames,\n  DateRange,\n  DayPicker,\n  Locale,\n  PropsBase,\n  CustomComponents\n} from \"react-day-picker\";\nimport classes from \"./DatePicker.module.scss\";\nimport * as locales from \"date-fns/locale\";\n\n/* eslint-disable-next-line @typescript-eslint/no-explicit-any */\nexport interface Props extends ComponentPropsWithoutRef<any> {\n  onSelect: (date: Date | DateRange | undefined) => void;\n  mode: \"single\" | \"range\";\n  value: Date | DateRange | undefined;\n  required?: boolean;\n  locale?: keyof typeof locales;\n  numberOfMonths?: number;\n  components?: Partial<CustomComponents>;\n  disabled?: boolean;\n}\n\nexport const DatePicker = ({ onSelect, value, required, mode, locale, ...rest }: Props) => {\n  const [dayPickerLocale, setDayPickerLocale] = useState<Locale>(locales.enGB);\n  //we have to specify the endMonth value. Otherwise, the date range picker doesn't let us navigate between years\n  const endMonth = new Date(3000, 12);\n\n  useEffect(() => {\n    try {\n      const selectedLocale = locales[locale!];\n      setDayPickerLocale(selectedLocale);\n    } catch (e) {\n      setDayPickerLocale(locales.enGB);\n    }\n  }, [locale]);\n\n  const getCustomClassNamesMapping = (): Partial<ClassNames> => {\n    const CLASSNAME_PREFIX = \"rdp-\";\n    const dayPickerClassNames: Partial<ClassNames> = {};\n\n    Object.keys(classes).forEach(key => {\n      const classKey = key.replace(CLASSNAME_PREFIX, \"\") as keyof ClassNames;\n      dayPickerClassNames[classKey] = classes[key];\n    });\n\n    return dayPickerClassNames;\n  };\n\n  const commonProps: PropsBase = {\n    showOutsideDays: true,\n    captionLayout: \"dropdown-years\",\n    required: required,\n    classNames: getCustomClassNamesMapping(),\n    locale: dayPickerLocale\n  };\n\n  return (\n    <Fragment>\n      {mode === \"single\" ? (\n        <DayPicker\n          {...rest}\n          {...commonProps}\n          mode={mode}\n          endMonth={endMonth}\n          onSelect={onSelect}\n          selected={value as Date | undefined}\n        ></DayPicker>\n      ) : (\n        <DayPicker\n          {...rest}\n          {...commonProps}\n          mode={mode}\n          endMonth={endMonth}\n          onSelect={onSelect}\n          selected={value as DateRange | undefined}\n        />\n      )}\n    </Fragment>\n  );\n};\n"],"names":[],"mappings":";;;;AAwCa,MAAA,aAAa,CAAC,EAAE,UAAU,OAAO,UAAU,MAAM,QAAQ,GAAG,WAAkB;AACzF,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAiB,QAAQ,IAAI;AAE3E,QAAM,WAAW,IAAI,KAAK,KAAM,EAAE;AAElC,YAAU,MAAM;AACV,QAAA;AACI,YAAA,iBAAiB,QAAQ,MAAO;AACtC,yBAAmB,cAAc;AAAA,aAC1B,GAAG;AACV,yBAAmB,QAAQ,IAAI;AAAA,IAAA;AAAA,EACjC,GACC,CAAC,MAAM,CAAC;AAEX,QAAM,6BAA6B,MAA2B;AAC5D,UAAM,mBAAmB;AACzB,UAAM,sBAA2C,CAAC;AAElD,WAAO,KAAK,OAAO,EAAE,QAAQ,CAAO,QAAA;AAClC,YAAM,WAAW,IAAI,QAAQ,kBAAkB,EAAE;AAC7B,0BAAA,QAAQ,IAAI,QAAQ,GAAG;AAAA,IAAA,CAC5C;AAEM,WAAA;AAAA,EACT;AAEA,QAAM,cAAyB;AAAA,IAC7B,iBAAiB;AAAA,IACjB,eAAe;AAAA,IACf;AAAA,IACA,YAAY,2BAA2B;AAAA,IACvC,QAAQ;AAAA,EACV;AAGE,SAAA,sBAAA,cAAC,UACE,MAAA,SAAS,WACR,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACH,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU;AAAA,IAAA;AAAA,EAGZ,IAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACH,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU;AAAA,IAAA;AAAA,EAAA,CAGhB;AAEJ;"}

package/dist/components/DatePicker/DatePicker.module.scss.cjs.js

@@ -0,0 +1,3 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var r=document.createElement("style");r.appendChild(document.createTextNode('.DatePicker_sr-only_gFXfX{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.DatePicker_hidden_gFXfX{display:none}.DatePicker_slide-in_gFXfX{animation:DatePicker_slide-in_gFXfX .5s forwards}@media (prefers-reduced-motion: reduce){.DatePicker_slide-in_gFXfX{animation-duration:.1ms}}.DatePicker_slide-out_gFXfX{animation:DatePicker_slide-out_gFXfX .5s forwards}@media (prefers-reduced-motion: reduce){.DatePicker_slide-out_gFXfX{animation-duration:.1ms}}@keyframes DatePicker_slide-in_gFXfX{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes DatePicker_slide-out_gFXfX{0%{transform:translateY(0)}to{transform:translateY(100vh)}}/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.DatePicker_rdp-root_gFXfX{--rdp-day-height: calc(2 * var(--font-size));--rdp-day-width: calc(2 * var(--font-size));--rdp-disabled-opacity: .5;--rdp-outside-opacity: .75;--rdp-dropdown-gap: .5rem;--rdp-months-gap: 2rem;--rdp-nav_button-disabled-opacity: .5;--rdp-nav_button-height: var(--font-size-sub);--rdp-nav_button-width: var(--font-size-sub);--rdp-nav-height: 2.75rem;--rdp-range_middle-background-color: var(--color-blue-grey100);--rdp-range_middle-color: black;--rdp-range_start-color: var(--color-blue-grey25);--rdp-range_start-background: var(--color-blue-grey500);--rdp-range_start-date-background-color: var(--color-blue-grey500);--rdp-range_end-background: var(--color-blue-grey500);--rdp-range_end-color: var(--color-blue-grey25);--rdp-range_end-date-background-color: var(--color-blue-grey500);--rdp-week_number-border-radius: var(--button-border-radius);--rdp-week_number-border: var(--button-border-radius) solid transparent;--rdp-week_number-height: var(--rdp-day-height);--rdp-week_number-opacity: .75;--rdp-week_number-width: var(--rdp-day-width);--rdp-weeknumber-text-align: center;--rdp-weekday-padding: .5rem 0rem;--rdp-weekday-text-align: center;--rdp-gradient-direction: 90deg}.DatePicker_rdp-root_gFXfX[dir=rtl]{--rdp-gradient-direction: -90deg}.DatePicker_rdp-root_gFXfX{position:relative;box-sizing:border-box;font-family:var(--font-family);font-size:var(--font-size-sub);font-style:normal;font-variant:normal;line-height:var(--font-size);font-weight:400;text-transform:none;letter-spacing:0;color:var(--default);margin:0 0 calc(1 * var(--font-size)) 0}.DatePicker_rdp-root_gFXfX *{box-sizing:border-box}.DatePicker_rdp-day_gFXfX{width:var(--rdp-day-width);height:var(--rdp-day-height);border:none;text-align:center;padding:0}.DatePicker_rdp-day_button_gFXfX{background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;justify-content:center;align-items:center;display:flex;width:var(--rdp-day-width);height:var(--rdp-day-height);border:var(--button-border-radius) solid transparent;border-radius:var(--button-border-radius)}.DatePicker_rdp-day_button_gFXfX:focus-visible{outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:-2px;border-radius:var(--focus-border-radius)}.DatePicker_rdp-day_button_gFXfX:disabled{cursor:revert}.DatePicker_rdp-caption_label_gFXfX{z-index:1;position:relative;display:inline-flex;align-items:center;white-space:nowrap;border:0}.DatePicker_rdp-caption_label_gFXfX svg{transform:scale(var(--font-size))}.DatePicker_rdp-button_next_gFXfX,.DatePicker_rdp-button_previous_gFXfX{border:none;background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;display:inline-flex;align-items:center;justify-content:center;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--rdp-nav_button-width);height:var(--rdp-nav_button-height)}.DatePicker_rdp-button_next_gFXfX:focus-visible,.DatePicker_rdp-button_previous_gFXfX:focus-visible{outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:2px;border-radius:var(--focus-border-radius)}.DatePicker_rdp-button_previous_gFXfX{margin-right:.5rem}.DatePicker_rdp-button_next_gFXfX:disabled,.DatePicker_rdp-button_previous_gFXfX:disabled{cursor:revert;opacity:var(--rdp-nav_button-disabled-opacity)}.DatePicker_rdp-chevron_gFXfX{display:inline-block;fill:var(--color-blue-grey500)}.DatePicker_rdp-root_gFXfX[dir=rtl] .DatePicker_rdp-nav_gFXfX .DatePicker_rdp-chevron_gFXfX{transform:rotate(180deg)}.DatePicker_rdp-root_gFXfX[dir=rtl] .DatePicker_rdp-nav_gFXfX .DatePicker_rdp-chevron_gFXfX{transform:rotate(180deg);transform-origin:50%}.DatePicker_rdp-dropdowns_gFXfX{position:relative;display:inline-flex;align-items:center;gap:var(--rdp-dropdown-gap);color:var(--color-blue-grey500);font-weight:700}.DatePicker_rdp-dropdown_gFXfX{z-index:2;opacity:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:0;width:100%;margin:0;padding:0;cursor:inherit;border:none;line-height:inherit}.DatePicker_rdp-dropdown_root_gFXfX{position:relative;display:inline-flex;align-items:center}.DatePicker_rdp-years_dropdown_gFXfX:focus-visible+.DatePicker_rdp-caption_label_gFXfX .DatePicker_rdp-chevron_gFXfX{outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:0;border-radius:var(--focus-border-radius)}.DatePicker_rdp-years_dropdown_gFXfX+.DatePicker_rdp-caption_label_gFXfX .DatePicker_rdp-chevron_gFXfX{margin-left:.25rem;width:.875rem}.DatePicker_rdp-dropdown_root_gFXfX[data-disabled=true] .DatePicker_rdp-chevron_gFXfX{opacity:var(--rdp-disabled-opacity)}.DatePicker_rdp-month_caption_gFXfX{display:flex;align-content:center;height:var(--rdp-nav-height)}.DatePicker_rdp-months_gFXfX{position:relative;display:flex;flex-wrap:wrap;gap:var(--rdp-months-gap);max-width:-webkit-fit-content;max-width:fit-content}.DatePicker_rdp-month_grid_gFXfX{border-collapse:collapse}.DatePicker_rdp-nav_gFXfX{position:absolute;inset-block-start:0;inset-inline-end:0;display:flex;align-items:center;height:var(--rdp-nav-height)}.DatePicker_rdp-weekday_gFXfX{padding:var(--rdp-weekday-padding);text-align:var(--rdp-weekday-text-align);font-size:var(--font-size-small);color:var(--color-blue-grey400);height:var(--rdp-day-height);width:var(--rdp-day-width);font-weight:400}.DatePicker_rdp-week_number_gFXfX{opacity:var(--rdp-week_number-opacity);height:var(--rdp-week_number-height);width:var(--rdp-week_number-width);border:var(--rdp-week_number-border);border-radius:var(--rdp-week_number-border-radius);text-align:var(--rdp-weeknumber-text-align)}.DatePicker_rdp-today_gFXfX:not(.DatePicker_rdp-outside_gFXfX){position:relative}.DatePicker_rdp-today_gFXfX:not(.DatePicker_rdp-outside_gFXfX):after{content:"";position:absolute;top:67%;left:calc(50% - .125rem);width:.25rem;height:.25rem;border-radius:.5rem;background-color:var(--color-blue-grey900)}.DatePicker_rdp-today_gFXfX:not(.DatePicker_rdp-outside_gFXfX).DatePicker_rdp-range_end_gFXfX:after{background-color:var(--color-blue-grey25)}.DatePicker_rdp-today_gFXfX:not(.DatePicker_rdp-outside_gFXfX).DatePicker_rdp-range_start_gFXfX:after{background-color:var(--color-blue-grey25)}.DatePicker_rdp-selected_gFXfX{color:#fff;background-color:var(--color-primary);border-radius:var(--button-border-radius)}.DatePicker_rdp-selected_gFXfX.DatePicker_rdp-outside_gFXfX.DatePicker_rdp-range_middle_gFXfX .DatePicker_rdp-day_button_gFXfX{color:var(--color-blue-grey400)}.DatePicker_rdp-selected_gFXfX .DatePicker_rdp-day_button_gFXfX{border:var(--button-border-radius) solid var(--color-blue-grey500)}.DatePicker_rdp-outside_gFXfX{color:var(--color-blue-grey400)}.DatePicker_rdp-disabled_gFXfX{opacity:var(--rdp-disabled-opacity)}.DatePicker_rdp-hidden_gFXfX{visibility:hidden;color:var(--rdp-range_start-color)}.DatePicker_rdp-range_start_gFXfX{background:var(--rdp-range_start-background)}.DatePicker_rdp-range_start_gFXfX .DatePicker_rdp-day_button_gFXfX{background-color:var(--rdp-range_start-date-background-color);color:var(--rdp-range_start-color)}.DatePicker_rdp-range_middle_gFXfX{background-color:var(--rdp-range_middle-background-color);border-radius:0}.DatePicker_rdp-range_middle_gFXfX:focus-visible{border-radius:var(--focus-border-radius)}.DatePicker_rdp-range_middle_gFXfX .DatePicker_rdp-day_button_gFXfX{border-color:transparent;color:var(--rdp-range_middle-color)}.DatePicker_rdp-range_end_gFXfX{background:var(--rdp-range_end-background);color:var(--rdp-range_end-color)}.DatePicker_rdp-range_end_gFXfX .DatePicker_rdp-day_button_gFXfX{color:var(--rdp-range_start-color);background-color:var(--rdp-range_end-date-background-color)}.DatePicker_rdp-range_start_gFXfX.DatePicker_rdp-range_end_gFXfX{background:revert}.DatePicker_rdp-focusable_gFXfX{cursor:pointer}')),document.head.appendChild(r)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="DatePicker_hidden_gFXfX",r={"sr-only":"DatePicker_sr-only_gFXfX",hidden:e,"slide-in":"DatePicker_slide-in_gFXfX","slide-out":"DatePicker_slide-out_gFXfX","rdp-root":"DatePicker_rdp-root_gFXfX","rdp-day":"DatePicker_rdp-day_gFXfX","rdp-day_button":"DatePicker_rdp-day_button_gFXfX","rdp-caption_label":"DatePicker_rdp-caption_label_gFXfX","rdp-button_next":"DatePicker_rdp-button_next_gFXfX","rdp-button_previous":"DatePicker_rdp-button_previous_gFXfX","rdp-chevron":"DatePicker_rdp-chevron_gFXfX","rdp-nav":"DatePicker_rdp-nav_gFXfX","rdp-dropdowns":"DatePicker_rdp-dropdowns_gFXfX","rdp-dropdown":"DatePicker_rdp-dropdown_gFXfX","rdp-dropdown_root":"DatePicker_rdp-dropdown_root_gFXfX","rdp-years_dropdown":"DatePicker_rdp-years_dropdown_gFXfX","rdp-month_caption":"DatePicker_rdp-month_caption_gFXfX","rdp-months":"DatePicker_rdp-months_gFXfX","rdp-month_grid":"DatePicker_rdp-month_grid_gFXfX","rdp-weekday":"DatePicker_rdp-weekday_gFXfX","rdp-week_number":"DatePicker_rdp-week_number_gFXfX","rdp-today":"DatePicker_rdp-today_gFXfX","rdp-outside":"DatePicker_rdp-outside_gFXfX","rdp-range_end":"DatePicker_rdp-range_end_gFXfX","rdp-range_start":"DatePicker_rdp-range_start_gFXfX","rdp-selected":"DatePicker_rdp-selected_gFXfX","rdp-range_middle":"DatePicker_rdp-range_middle_gFXfX","rdp-disabled":"DatePicker_rdp-disabled_gFXfX","rdp-hidden":"DatePicker_rdp-hidden_gFXfX","rdp-focusable":"DatePicker_rdp-focusable_gFXfX"};exports.default=r,exports.hidden=e;
+//# sourceMappingURL=DatePicker.module.scss.cjs.js.map

package/dist/components/DatePicker/DatePicker.module.scss.cjs.js.map

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

package/dist/components/DatePicker/DatePicker.module.scss.es.js

@@ -0,0 +1,39 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var r=document.createElement("style");r.appendChild(document.createTextNode('.DatePicker_sr-only_gFXfX{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.DatePicker_hidden_gFXfX{display:none}.DatePicker_slide-in_gFXfX{animation:DatePicker_slide-in_gFXfX .5s forwards}@media (prefers-reduced-motion: reduce){.DatePicker_slide-in_gFXfX{animation-duration:.1ms}}.DatePicker_slide-out_gFXfX{animation:DatePicker_slide-out_gFXfX .5s forwards}@media (prefers-reduced-motion: reduce){.DatePicker_slide-out_gFXfX{animation-duration:.1ms}}@keyframes DatePicker_slide-in_gFXfX{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes DatePicker_slide-out_gFXfX{0%{transform:translateY(0)}to{transform:translateY(100vh)}}/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.DatePicker_rdp-root_gFXfX{--rdp-day-height: calc(2 * var(--font-size));--rdp-day-width: calc(2 * var(--font-size));--rdp-disabled-opacity: .5;--rdp-outside-opacity: .75;--rdp-dropdown-gap: .5rem;--rdp-months-gap: 2rem;--rdp-nav_button-disabled-opacity: .5;--rdp-nav_button-height: var(--font-size-sub);--rdp-nav_button-width: var(--font-size-sub);--rdp-nav-height: 2.75rem;--rdp-range_middle-background-color: var(--color-blue-grey100);--rdp-range_middle-color: black;--rdp-range_start-color: var(--color-blue-grey25);--rdp-range_start-background: var(--color-blue-grey500);--rdp-range_start-date-background-color: var(--color-blue-grey500);--rdp-range_end-background: var(--color-blue-grey500);--rdp-range_end-color: var(--color-blue-grey25);--rdp-range_end-date-background-color: var(--color-blue-grey500);--rdp-week_number-border-radius: var(--button-border-radius);--rdp-week_number-border: var(--button-border-radius) solid transparent;--rdp-week_number-height: var(--rdp-day-height);--rdp-week_number-opacity: .75;--rdp-week_number-width: var(--rdp-day-width);--rdp-weeknumber-text-align: center;--rdp-weekday-padding: .5rem 0rem;--rdp-weekday-text-align: center;--rdp-gradient-direction: 90deg}.DatePicker_rdp-root_gFXfX[dir=rtl]{--rdp-gradient-direction: -90deg}.DatePicker_rdp-root_gFXfX{position:relative;box-sizing:border-box;font-family:var(--font-family);font-size:var(--font-size-sub);font-style:normal;font-variant:normal;line-height:var(--font-size);font-weight:400;text-transform:none;letter-spacing:0;color:var(--default);margin:0 0 calc(1 * var(--font-size)) 0}.DatePicker_rdp-root_gFXfX *{box-sizing:border-box}.DatePicker_rdp-day_gFXfX{width:var(--rdp-day-width);height:var(--rdp-day-height);border:none;text-align:center;padding:0}.DatePicker_rdp-day_button_gFXfX{background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;justify-content:center;align-items:center;display:flex;width:var(--rdp-day-width);height:var(--rdp-day-height);border:var(--button-border-radius) solid transparent;border-radius:var(--button-border-radius)}.DatePicker_rdp-day_button_gFXfX:focus-visible{outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:-2px;border-radius:var(--focus-border-radius)}.DatePicker_rdp-day_button_gFXfX:disabled{cursor:revert}.DatePicker_rdp-caption_label_gFXfX{z-index:1;position:relative;display:inline-flex;align-items:center;white-space:nowrap;border:0}.DatePicker_rdp-caption_label_gFXfX svg{transform:scale(var(--font-size))}.DatePicker_rdp-button_next_gFXfX,.DatePicker_rdp-button_previous_gFXfX{border:none;background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;display:inline-flex;align-items:center;justify-content:center;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--rdp-nav_button-width);height:var(--rdp-nav_button-height)}.DatePicker_rdp-button_next_gFXfX:focus-visible,.DatePicker_rdp-button_previous_gFXfX:focus-visible{outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:2px;border-radius:var(--focus-border-radius)}.DatePicker_rdp-button_previous_gFXfX{margin-right:.5rem}.DatePicker_rdp-button_next_gFXfX:disabled,.DatePicker_rdp-button_previous_gFXfX:disabled{cursor:revert;opacity:var(--rdp-nav_button-disabled-opacity)}.DatePicker_rdp-chevron_gFXfX{display:inline-block;fill:var(--color-blue-grey500)}.DatePicker_rdp-root_gFXfX[dir=rtl] .DatePicker_rdp-nav_gFXfX .DatePicker_rdp-chevron_gFXfX{transform:rotate(180deg)}.DatePicker_rdp-root_gFXfX[dir=rtl] .DatePicker_rdp-nav_gFXfX .DatePicker_rdp-chevron_gFXfX{transform:rotate(180deg);transform-origin:50%}.DatePicker_rdp-dropdowns_gFXfX{position:relative;display:inline-flex;align-items:center;gap:var(--rdp-dropdown-gap);color:var(--color-blue-grey500);font-weight:700}.DatePicker_rdp-dropdown_gFXfX{z-index:2;opacity:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:0;width:100%;margin:0;padding:0;cursor:inherit;border:none;line-height:inherit}.DatePicker_rdp-dropdown_root_gFXfX{position:relative;display:inline-flex;align-items:center}.DatePicker_rdp-years_dropdown_gFXfX:focus-visible+.DatePicker_rdp-caption_label_gFXfX .DatePicker_rdp-chevron_gFXfX{outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:0;border-radius:var(--focus-border-radius)}.DatePicker_rdp-years_dropdown_gFXfX+.DatePicker_rdp-caption_label_gFXfX .DatePicker_rdp-chevron_gFXfX{margin-left:.25rem;width:.875rem}.DatePicker_rdp-dropdown_root_gFXfX[data-disabled=true] .DatePicker_rdp-chevron_gFXfX{opacity:var(--rdp-disabled-opacity)}.DatePicker_rdp-month_caption_gFXfX{display:flex;align-content:center;height:var(--rdp-nav-height)}.DatePicker_rdp-months_gFXfX{position:relative;display:flex;flex-wrap:wrap;gap:var(--rdp-months-gap);max-width:-webkit-fit-content;max-width:fit-content}.DatePicker_rdp-month_grid_gFXfX{border-collapse:collapse}.DatePicker_rdp-nav_gFXfX{position:absolute;inset-block-start:0;inset-inline-end:0;display:flex;align-items:center;height:var(--rdp-nav-height)}.DatePicker_rdp-weekday_gFXfX{padding:var(--rdp-weekday-padding);text-align:var(--rdp-weekday-text-align);font-size:var(--font-size-small);color:var(--color-blue-grey400);height:var(--rdp-day-height);width:var(--rdp-day-width);font-weight:400}.DatePicker_rdp-week_number_gFXfX{opacity:var(--rdp-week_number-opacity);height:var(--rdp-week_number-height);width:var(--rdp-week_number-width);border:var(--rdp-week_number-border);border-radius:var(--rdp-week_number-border-radius);text-align:var(--rdp-weeknumber-text-align)}.DatePicker_rdp-today_gFXfX:not(.DatePicker_rdp-outside_gFXfX){position:relative}.DatePicker_rdp-today_gFXfX:not(.DatePicker_rdp-outside_gFXfX):after{content:"";position:absolute;top:67%;left:calc(50% - .125rem);width:.25rem;height:.25rem;border-radius:.5rem;background-color:var(--color-blue-grey900)}.DatePicker_rdp-today_gFXfX:not(.DatePicker_rdp-outside_gFXfX).DatePicker_rdp-range_end_gFXfX:after{background-color:var(--color-blue-grey25)}.DatePicker_rdp-today_gFXfX:not(.DatePicker_rdp-outside_gFXfX).DatePicker_rdp-range_start_gFXfX:after{background-color:var(--color-blue-grey25)}.DatePicker_rdp-selected_gFXfX{color:#fff;background-color:var(--color-primary);border-radius:var(--button-border-radius)}.DatePicker_rdp-selected_gFXfX.DatePicker_rdp-outside_gFXfX.DatePicker_rdp-range_middle_gFXfX .DatePicker_rdp-day_button_gFXfX{color:var(--color-blue-grey400)}.DatePicker_rdp-selected_gFXfX .DatePicker_rdp-day_button_gFXfX{border:var(--button-border-radius) solid var(--color-blue-grey500)}.DatePicker_rdp-outside_gFXfX{color:var(--color-blue-grey400)}.DatePicker_rdp-disabled_gFXfX{opacity:var(--rdp-disabled-opacity)}.DatePicker_rdp-hidden_gFXfX{visibility:hidden;color:var(--rdp-range_start-color)}.DatePicker_rdp-range_start_gFXfX{background:var(--rdp-range_start-background)}.DatePicker_rdp-range_start_gFXfX .DatePicker_rdp-day_button_gFXfX{background-color:var(--rdp-range_start-date-background-color);color:var(--rdp-range_start-color)}.DatePicker_rdp-range_middle_gFXfX{background-color:var(--rdp-range_middle-background-color);border-radius:0}.DatePicker_rdp-range_middle_gFXfX:focus-visible{border-radius:var(--focus-border-radius)}.DatePicker_rdp-range_middle_gFXfX .DatePicker_rdp-day_button_gFXfX{border-color:transparent;color:var(--rdp-range_middle-color)}.DatePicker_rdp-range_end_gFXfX{background:var(--rdp-range_end-background);color:var(--rdp-range_end-color)}.DatePicker_rdp-range_end_gFXfX .DatePicker_rdp-day_button_gFXfX{color:var(--rdp-range_start-color);background-color:var(--rdp-range_end-date-background-color)}.DatePicker_rdp-range_start_gFXfX.DatePicker_rdp-range_end_gFXfX{background:revert}.DatePicker_rdp-focusable_gFXfX{cursor:pointer}')),document.head.appendChild(r)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
+const hidden = "DatePicker_hidden_gFXfX";
+const classes = {
+  "sr-only": "DatePicker_sr-only_gFXfX",
+  hidden,
+  "slide-in": "DatePicker_slide-in_gFXfX",
+  "slide-out": "DatePicker_slide-out_gFXfX",
+  "rdp-root": "DatePicker_rdp-root_gFXfX",
+  "rdp-day": "DatePicker_rdp-day_gFXfX",
+  "rdp-day_button": "DatePicker_rdp-day_button_gFXfX",
+  "rdp-caption_label": "DatePicker_rdp-caption_label_gFXfX",
+  "rdp-button_next": "DatePicker_rdp-button_next_gFXfX",
+  "rdp-button_previous": "DatePicker_rdp-button_previous_gFXfX",
+  "rdp-chevron": "DatePicker_rdp-chevron_gFXfX",
+  "rdp-nav": "DatePicker_rdp-nav_gFXfX",
+  "rdp-dropdowns": "DatePicker_rdp-dropdowns_gFXfX",
+  "rdp-dropdown": "DatePicker_rdp-dropdown_gFXfX",
+  "rdp-dropdown_root": "DatePicker_rdp-dropdown_root_gFXfX",
+  "rdp-years_dropdown": "DatePicker_rdp-years_dropdown_gFXfX",
+  "rdp-month_caption": "DatePicker_rdp-month_caption_gFXfX",
+  "rdp-months": "DatePicker_rdp-months_gFXfX",
+  "rdp-month_grid": "DatePicker_rdp-month_grid_gFXfX",
+  "rdp-weekday": "DatePicker_rdp-weekday_gFXfX",
+  "rdp-week_number": "DatePicker_rdp-week_number_gFXfX",
+  "rdp-today": "DatePicker_rdp-today_gFXfX",
+  "rdp-outside": "DatePicker_rdp-outside_gFXfX",
+  "rdp-range_end": "DatePicker_rdp-range_end_gFXfX",
+  "rdp-range_start": "DatePicker_rdp-range_start_gFXfX",
+  "rdp-selected": "DatePicker_rdp-selected_gFXfX",
+  "rdp-range_middle": "DatePicker_rdp-range_middle_gFXfX",
+  "rdp-disabled": "DatePicker_rdp-disabled_gFXfX",
+  "rdp-hidden": "DatePicker_rdp-hidden_gFXfX",
+  "rdp-focusable": "DatePicker_rdp-focusable_gFXfX"
+};
+export {
+  classes as default,
+  hidden
+};
+//# sourceMappingURL=DatePicker.module.scss.es.js.map

package/dist/components/DatePicker/DatePicker.module.scss.es.js.map

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

package/dist/components/Form/Checkbox/Checkbox.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../../Icon/Icon.cjs.js"),a=require("./Checkbox.module.scss.cjs.js"),o=require("../../../hooks/useFormSelector.cjs.js"),t=require("../FormSelectorWrapper/FormSelectorWrapper.cjs.js"),s=require("../../withReadOnly.cjs.js"),n=require("../../InlineEditing/InlineEditingContext.cjs.js"),l=e=>{var r;return!!(null==(r=null==e?void 0:e.props)?void 0:r["data-toggle"])},i=s.withReadOnly(e.forwardRef((({readOnly:s,children:c,name:d,helperText:p,helperProps:u,indeterminate:m,parentErrorId:h,errorMessage:b,errorMessageProps:f,disabled:I,label:j,parentHelperId:E,className:g,error:k,checked:x=!1,formSelectorWrapperProps:q,required:y,onChange:v,...N},S)=>{const{errorId:$,identifier:C,describedBy:w}=o.useFormSelector({name:d,helperText:p,parentErrorId:h,errorMessage:b,error:k,parentHelperId:E}),{required:P}=n.useInlineEditing();e.useEffect((()=>{if(!d)throw new Error("Please pass a 'name' prop to your <Checkbox> component.");if("object"==typeof c&&!l(c)&&void 0===m)throw new Error("If you have nested checkboxes you have to manage the indeterminate state by passing a boolean to the `indeterminate` prop.")}),[]);const M=[a.default.input],F=[a.default["native-input"]],O=[a.default["checkbox-wrapper"]];return k&&F.push(a.default.error),I&&F.push(a.default.disabled)&&M.push(a.default.disabled),g&&O.push(g),e.createElement(t.FormSelectorWrapper,{...q,className:O.join(" "),containerProps:{className:a.default["checkbox-container"]},helperText:p,helperProps:u,parentErrorId:h,errorId:$,errorMessage:b,errorMessageProps:{...f,className:`${null==f?void 0:f.className} ${a.default["error-message"]}`},error:k,disabled:I,identifier:C,required:P,nestedChildren:"object"==typeof c&&!l(c)&&e.createElement("ul",{className:a.default["checkbox-list"]},e.Children.map(c,(r=>e.createElement("li",null,e.createElement(i,{...r.props,parentHelperId:E,parentErrorId:h,error:k,disabled:r.props.disabled?r.props.disabled:I},r.props.children)))))},e.createElement("input",{...N,ref:S,disabled:I,className:F.join(" "),checked:x,onChange:e=>{I||null==v||v(e)},"aria-invalid":k,"aria-checked":m?"mixed":x,"aria-describedby":w,"aria-required":y||P,id:`${C}-checkbox`,name:d,type:"checkbox"}),e.Children.toArray(c).filter(l),m&&e.createElement(r.Icon,{className:`${M.join(" ")} ${a.default.indeterminate}`,icon:r.Icons.MinusSquare}),x&&!m&&e.createElement(r.Icon,{className:`${M.join(" ")} ${a.default.checkmark}`,icon:r.Icons.CheckmarkSquare}),!x&&!m&&e.createElement(r.Icon,{className:`${M.join(" ")} ${a.default.square}`,icon:r.Icons.Square}),e.createElement("label",{className:`${y?a.default.required:""}`,htmlFor:`${C}-checkbox`},j||("string"==typeof c?c:void 0)))})));exports.Checkbox=i;
+//# sourceMappingURL=Checkbox.cjs.js.map

package/dist/components/Form/Checkbox/Checkbox.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.cjs.js","sources":["../../../../src/components/Form/Checkbox/Checkbox.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ForwardRefRenderFunction,\n  ComponentPropsWithRef,\n  ReactElement,\n  ReactNode,\n  useEffect\n} from \"react\";\nimport { Icon, Icons } from \"../../Icon/Icon\";\nimport { Props as FormHelperTextProps } from \"../FormHelperText/FormHelperText\";\nimport classes from \"./Checkbox.module.scss\";\nimport { useFormSelector } from \"../../../hooks/useFormSelector\";\nimport {\n  FormSelectorWrapper,\n  Props as FormSelectorWrapperProps\n} from \"../FormSelectorWrapper/FormSelectorWrapper\";\nimport { FormSelector } from \"../form.interfaces\";\nimport { withReadOnly } from \"../../withReadOnly\";\nimport { useInlineEditing } from \"../../InlineEditing/InlineEditingContext\";\n\nconst isToggle = (children: ReactNode) => !!(children as ReactElement)?.props?.[\"data-toggle\"];\n\nexport interface Props extends ComponentPropsWithRef<\"input\">, FormSelector {\n  label?: string | React.ReactElement;\n  indeterminate?: boolean;\n  required?: boolean;\n  helperProps?: FormHelperTextProps;\n  formSelectorWrapperProps?: FormSelectorWrapperProps;\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n  readOnlyView?: boolean;\n}\n\nconst CheckboxComponent: ForwardRefRenderFunction<HTMLInputElement, Props> = (\n  {\n    readOnly,\n    children,\n    name,\n    helperText,\n    helperProps,\n    indeterminate,\n    parentErrorId,\n    errorMessage,\n    errorMessageProps,\n    disabled,\n    label,\n    parentHelperId,\n    className,\n    error,\n    checked = false,\n    formSelectorWrapperProps,\n    required,\n    onChange,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const { errorId, identifier, describedBy } = useFormSelector({\n    name,\n    helperText,\n    parentErrorId,\n    errorMessage,\n    error,\n    parentHelperId\n  });\n\n  const { required: inlineRequired } = useInlineEditing();\n\n  useEffect(() => {\n    if (!name) {\n      throw new Error(\"Please pass a 'name' prop to your <Checkbox> component.\");\n    }\n\n    if (typeof children === \"object\" && !isToggle(children) && indeterminate === undefined) {\n      throw new Error(\n        \"If you have nested checkboxes you have to manage the indeterminate state by passing a boolean to the `indeterminate` prop.\"\n      );\n    }\n  }, []);\n\n  const determineLabel = () => {\n    // this should be temporary, for backwards compatibility;\n    // once the components implementing checkboxes in microfrontends are updated, only label should be returned\n    if (label) {\n      return label;\n    } else if (typeof children === \"string\") {\n      return children;\n    }\n  };\n\n  const renderNestedCheckboxes = () => (\n    <ul className={classes[\"checkbox-list\"]}>\n      {React.Children.map(children as ReactElement[], child => {\n        return (\n          <li>\n            <Checkbox\n              {...child.props}\n              parentHelperId={parentHelperId}\n              parentErrorId={parentErrorId}\n              error={error}\n              disabled={child.props.disabled ? child.props.disabled : disabled}\n            >\n              {child.props.children}\n            </Checkbox>\n          </li>\n        );\n      })}\n    </ul>\n  );\n\n  const onChangeHandler = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (disabled) {\n      return;\n    }\n    onChange?.(event);\n  };\n\n  const renderToggle = () => React.Children.toArray(children).filter(isToggle);\n\n  const iconClasses = [classes[\"input\"]];\n  const nativeInputClasses = [classes[\"native-input\"]];\n  const wrapperClasses = [classes[\"checkbox-wrapper\"]];\n  error && nativeInputClasses.push(classes[\"error\"]);\n  disabled && nativeInputClasses.push(classes[\"disabled\"]) && iconClasses.push(classes[\"disabled\"]);\n  className && wrapperClasses.push(className);\n\n  return (\n    <FormSelectorWrapper\n      {...formSelectorWrapperProps}\n      className={wrapperClasses.join(\" \")}\n      containerProps={{ className: classes[\"checkbox-container\"] }}\n      helperText={helperText}\n      helperProps={helperProps}\n      parentErrorId={parentErrorId}\n      errorId={errorId}\n      errorMessage={errorMessage}\n      errorMessageProps={{\n        ...errorMessageProps,\n        className: `${errorMessageProps?.className} ${classes[\"error-message\"]}`\n      }}\n      error={error}\n      disabled={disabled}\n      identifier={identifier}\n      required={inlineRequired}\n      nestedChildren={\n        typeof children === \"object\" && !isToggle(children) && renderNestedCheckboxes()\n      }\n    >\n      <input\n        {...rest}\n        ref={ref}\n        disabled={disabled}\n        className={nativeInputClasses.join(\" \")}\n        checked={checked}\n        onChange={onChangeHandler}\n        aria-invalid={error as boolean}\n        aria-checked={indeterminate ? \"mixed\" : checked}\n        aria-describedby={describedBy}\n        aria-required={required || inlineRequired}\n        id={`${identifier}-checkbox`}\n        name={name}\n        type=\"checkbox\"\n      />\n      {renderToggle()}\n\n      {indeterminate && (\n        <Icon\n          className={`${iconClasses.join(\" \")} ${classes[\"indeterminate\"]}`}\n          icon={Icons.MinusSquare}\n        />\n      )}\n      {checked && !indeterminate && (\n        <Icon\n          className={`${iconClasses.join(\" \")} ${classes[\"checkmark\"]}`}\n          icon={Icons.CheckmarkSquare}\n        />\n      )}\n      {!checked && !indeterminate && (\n        <Icon className={`${iconClasses.join(\" \")} ${classes[\"square\"]}`} icon={Icons.Square} />\n      )}\n      <label\n        className={`${required ? classes[\"required\"] : \"\"}`}\n        htmlFor={`${identifier}-checkbox`}\n      >\n        {determineLabel()}\n      </label>\n    </FormSelectorWrapper>\n  );\n};\n\nexport const Checkbox = withReadOnly(React.forwardRef(CheckboxComponent));\n"],"names":["isToggle","children","_a","props","Checkbox","withReadOnly","React","forwardRef","readOnly","name","helperText","helperProps","indeterminate","parentErrorId","errorMessage","errorMessageProps","disabled","label","parentHelperId","className","error","checked","formSelectorWrapperProps","required","onChange","rest","ref","errorId","identifier","describedBy","useFormSelector","inlineRequired","useInlineEditing","useEffect","Error","iconClasses","classes","nativeInputClasses","wrapperClasses","push","default","createElement","FormSelectorWrapper","join","containerProps","nestedChildren","Children","map","child","event","id","type","toArray","filter","Icon","icon","Icons","MinusSquare","CheckmarkSquare","Square","htmlFor"],"mappings":"8YAmCMA,EAAYC,UAAyB,SAAE,OAAAC,EAA2B,MAAAD,OAAA,EAAAA,EAAAE,YAAQ,EAAAD,EAAA,eAAA,EAyKnEE,EAAWC,EAAAA,aAAaC,EAAMC,YA7JkC,EAEzEC,WACAP,WACAQ,OACAC,aACAC,cACAC,gBACAC,gBACAC,eACAC,oBACAC,WACAC,QACAC,iBACAC,YACAC,QACAC,WAAU,EACVC,2BACAC,WACAC,cACGC,GAELC,KAEA,MAAMC,QAAEA,EAASC,WAAAA,EAAAC,YAAYA,GAAgBC,EAAAA,gBAAgB,CAC3DrB,OACAC,aACAG,gBACAC,eACAM,QACAF,oBAGMK,SAAUQ,GAAmBC,qBAErCC,EAAAA,WAAU,KACR,IAAKxB,EACG,MAAA,IAAIyB,MAAM,2DAGd,GAAoB,iBAAbjC,IAA0BD,EAASC,SAA+B,IAAlBW,EACzD,MAAM,IAAIsB,MACR,6HACF,GAED,IAEH,MAuCMC,EAAc,CAACC,UAAe,OAC9BC,EAAqB,CAACD,UAAQ,iBAC9BE,EAAiB,CAACF,UAAQ,qBAM9B,OALFhB,GAASiB,EAAmBE,KAAKH,EAAQI,QAAO,OACpCxB,GAAAqB,EAAmBE,KAAKH,EAAAA,QAAkB,WAAMD,EAAYI,KAAKH,UAAkB,UAClFjB,GAAAmB,EAAeC,KAAKpB,GAG/Bb,EAAAmC,cAACC,EAAAA,oBAAA,IACKpB,EACJH,UAAWmB,EAAeK,KAAK,KAC/BC,eAAgB,CAAEzB,UAAWiB,EAAAI,QAAQ,uBACrC9B,aACAC,cACAE,gBACAc,UACAb,eACAC,kBAAmB,IACdA,EACHI,UAAW,GAAsB,MAAnBJ,OAAmB,EAAAA,EAAAI,aAAaiB,EAAAA,QAAQ,oBAExDhB,QACAJ,WACAY,aACAL,SAAUQ,EACVc,eACsB,iBAAb5C,IAA0BD,EAASC,IAtD7CK,EAAAmC,cAAA,KAAA,CAAGtB,UAAWiB,EAAAA,QAAQ,kBACpB9B,EAAMwC,SAASC,IAAI9C,GAAqC+C,mBAEpD,KACC,KAAA1C,EAAAmC,cAACrC,EAAA,IACK4C,EAAM7C,MACVe,iBACAL,gBACAO,QACAJ,SAAUgC,EAAM7C,MAAMa,SAAWgC,EAAM7C,MAAMa,SAAWA,GAEvDgC,EAAM7C,MAAMF,eA8CrBK,EAAAmC,cAAC,QAAA,IACKhB,EACJC,MACAV,WACAG,UAAWkB,EAAmBM,KAAK,KACnCtB,UACAG,SA5CmByB,IACnBjC,GAGO,MAAAQ,GAAAA,EAAAyB,EAAA,EAyCP,eAAc7B,EACd,eAAcR,EAAgB,QAAUS,EACxC,mBAAkBQ,EAClB,gBAAeN,GAAYQ,EAC3BmB,GAAI,GAAGtB,aACPnB,OACA0C,KAAK,aA5CgB7C,EAAMwC,SAASM,QAAQnD,GAAUoD,OAAOrD,GAgD9DY,GACCN,EAAAmC,cAACa,EAAAA,KAAA,CACCnC,UAAW,GAAGgB,EAAYQ,KAAK,QAAQP,EAAAA,QAAuB,gBAC9DmB,KAAMC,EAAAA,MAAMC,cAGfpC,IAAYT,GACXN,EAAAmC,cAACa,EAAAA,KAAA,CACCnC,UAAW,GAAGgB,EAAYQ,KAAK,QAAQP,EAAAA,QAAmB,YAC1DmB,KAAMC,EAAAA,MAAME,mBAGdrC,IAAYT,GACXN,EAAAmC,cAAAa,OAAA,CAAKnC,UAAW,GAAGgB,EAAYQ,KAAK,QAAQP,EAAAA,QAAgB,SAAKmB,KAAMC,QAAMG,SAEhFrD,EAAAmC,cAAC,QAAA,CACCtB,UAAW,GAAGI,EAAWa,EAAQI,QAAU,SAAI,KAC/CoB,QAAS,GAAGhC,cAnGZX,IAE2B,iBAAbhB,EACTA,OAFA,IAsGT"}