@onewelcome/react-lib-components 6.7.1 → 7.1.0

package/dist/cjs/ContextMenu/ContextMenuItem.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuItem.cjs.js","sources":["../../../../../src/components/ContextMenu/ContextMenuItem.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ComponentPropsWithRef,\n  createRef,\n  ForwardRefRenderFunction,\n  ReactNode,\n  RefObject,\n  useEffect\n} from \"react\";\nimport classes from \"./ContextMenuItem.module.scss\";\n\nexport interface Props extends Omit<ComponentPropsWithRef<\"button\">, \"onClick\"> {\n  children?: ReactNode;\n  hasFocus?: boolean;\n  isSelected?: boolean;\n  showActiveState?: boolean;\n  childIndex?: number;\n  shouldClick?: boolean;\n  contextMenuOpened?: boolean;\n  onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onFocusChange?: (childIndex: number) => void;\n  onSelectedChange?: (event: React.MouseEvent<HTMLButtonElement>, childIndex: number) => void;\n}\n\nconst ContextMenuItemComponent: ForwardRefRenderFunction<HTMLButtonElement, Props> = (\n  {\n    children,\n    onClick,\n    onFocusChange,\n    onSelectedChange,\n    hasFocus,\n    isSelected,\n    showActiveState,\n    childIndex,\n    contextMenuOpened,\n    shouldClick,\n    className,\n    ...rest\n  }: Props,\n  ref\n) => {\n  let innerButtonRef = (ref as RefObject<HTMLButtonElement>) || createRef<HTMLButtonElement>();\n\n  useEffect(() => {\n    if (isSelected && innerButtonRef.current && shouldClick) {\n      innerButtonRef.current.click();\n    }\n  }, [isSelected, shouldClick]);\n\n  useEffect(() => {\n    if (innerButtonRef.current && hasFocus && contextMenuOpened) {\n      onFocusChange && childIndex && onFocusChange(childIndex);\n      innerButtonRef.current.focus();\n    }\n  }, [hasFocus, innerButtonRef, contextMenuOpened]);\n\n  return (\n    <li role=\"none\" className={`${classes[\"context-menu-item\"]} ${className ?? \"\"}`}>\n      <button\n        role=\"menuitem\"\n        className={showActiveState ? classes[\"active\"] : undefined}\n        {...rest}\n        ref={innerButtonRef}\n        data-focus={hasFocus}\n        tabIndex={-1}\n        onClick={event => {\n          onClick?.(event);\n          childIndex !== undefined && onSelectedChange?.(event, childIndex);\n        }}\n      >\n        {children}\n      </button>\n    </li>\n  );\n};\n\nexport const ContextMenuItem = React.forwardRef(ContextMenuItemComponent);\n"],"names":["ContextMenuItemComponent","children","onClick","onFocusChange","onSelectedChange","hasFocus","isSelected","showActiveState","childIndex","contextMenuOpened","shouldClick","className","rest","ref","innerButtonRef","createRef","useEffect","current","click","focus","React","role","classes","createElement","undefined","tabIndex","event","ContextMenuItem","forwardRef"],"mappings":"kOAuCA,MAAMA,EAA+E,EAEjFC,WACAC,UACAC,gBACAC,mBACAC,WACAC,aACAC,kBACAC,aACAC,oBACAC,cACAC,eACGC,GAELC,KAEA,IAAIC,EAAkBD,GAAwCE,EAAAA,YAE9DC,EAAAA,WAAU,KACR,GAAIV,GAAcQ,EAAeG,SAAWP,EAC1CI,EAAeG,QAAQC,OACxB,GACA,CAACZ,EAAYI,IAEhBM,EAAAA,WAAU,KACR,GAAIF,EAAeG,SAAWZ,GAAYI,EAAmB,CAC3DN,GAAiBK,GAAcL,EAAcK,GAC7CM,EAAeG,QAAQE,OACxB,IACA,CAACd,EAAUS,EAAgBL,IAE9B,OACEW,iCAAIC,KAAK,OAAOV,UAAW,GAAGW,EAAO,WAAC,wBAAwBX,IAAS,MAATA,SAAA,EAAAA,EAAa,MACzES,aAAAG,cAAA,SAAA,CACEF,KAAK,WACLV,UAAWJ,EAAkBe,EAAO,WAAC,eAAYE,KAC7CZ,EACJC,IAAKC,EAAc,aACPT,EACZoB,UAAW,EACXvB,QAASwB,IACPxB,UAAAA,SAAO,OAAA,EAAPA,EAAUwB,GACVlB,SAAegB,IAAapB,UAAAA,SAAgB,OAAA,EAAhBA,EAAmBsB,EAAOlB,GAAW,GAGlEP,GAGL,EAGS,MAAA0B,EAAkBP,EAAAA,WAAMQ,WAAW5B"}
+{"version":3,"file":"ContextMenuItem.cjs.js","sources":["../../../../../src/components/ContextMenu/ContextMenuItem.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ComponentPropsWithRef,\n  createRef,\n  ForwardRefRenderFunction,\n  ReactNode,\n  RefObject,\n  useEffect\n} from \"react\";\nimport classes from \"./ContextMenuItem.module.scss\";\n\nexport interface Props extends Omit<ComponentPropsWithRef<\"button\">, \"onClick\"> {\n  children?: ReactNode;\n  hasFocus?: boolean;\n  isSelected?: boolean;\n  showActiveState?: boolean;\n  childIndex?: number;\n  shouldClick?: boolean;\n  contextMenuOpened?: boolean;\n  onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onFocusChange?: (childIndex: number) => void;\n  onSelectedChange?: (event: React.MouseEvent<HTMLButtonElement>, childIndex: number) => void;\n}\n\nconst ContextMenuItemComponent: ForwardRefRenderFunction<HTMLButtonElement, Props> = (\n  {\n    children,\n    onClick,\n    onFocusChange,\n    onSelectedChange,\n    hasFocus,\n    isSelected,\n    showActiveState,\n    childIndex,\n    contextMenuOpened,\n    shouldClick,\n    className,\n    ...rest\n  }: Props,\n  ref\n) => {\n  let innerButtonRef = (ref as RefObject<HTMLButtonElement>) || createRef<HTMLButtonElement>();\n\n  useEffect(() => {\n    if (isSelected && innerButtonRef.current && shouldClick) {\n      innerButtonRef.current.click();\n    }\n  }, [isSelected, shouldClick]);\n\n  useEffect(() => {\n    if (innerButtonRef.current && hasFocus && contextMenuOpened) {\n      onFocusChange && childIndex && onFocusChange(childIndex);\n      innerButtonRef.current.focus();\n    }\n  }, [hasFocus, innerButtonRef, contextMenuOpened]);\n\n  return (\n    <li role=\"none\" className={`${classes[\"context-menu-item\"]} ${className ?? \"\"}`}>\n      <button\n        role=\"menuitem\"\n        className={showActiveState ? classes[\"active\"] : undefined}\n        {...rest}\n        ref={innerButtonRef}\n        data-focus={hasFocus}\n        tabIndex={-1}\n        onClick={event => {\n          onClick?.(event);\n          childIndex !== undefined && onSelectedChange?.(event, childIndex);\n        }}\n      >\n        {children}\n      </button>\n    </li>\n  );\n};\n\nexport const ContextMenuItem = React.forwardRef(ContextMenuItemComponent);\n"],"names":["ContextMenuItem","React","forwardRef","children","onClick","onFocusChange","onSelectedChange","hasFocus","isSelected","showActiveState","childIndex","contextMenuOpened","shouldClick","className","rest","ref","innerButtonRef","createRef","useEffect","current","click","focus","role","classes","default","createElement","undefined","tabIndex","event"],"mappings":"sFAuCA,MAoDaA,EAAkBC,EAAMC,YApDgD,EAEjFC,WACAC,UACAC,gBACAC,mBACAC,WACAC,aACAC,kBACAC,aACAC,oBACAC,cACAC,eACGC,GAELC,KAEA,IAAIC,EAAkBD,GAAwCE,EAAAA,YAe9D,OAbAC,EAAAA,WAAU,KACJV,GAAcQ,EAAeG,SAAWP,GAC1CI,EAAeG,QAAQC,OACxB,GACA,CAACZ,EAAYI,IAEhBM,EAAAA,WAAU,KACJF,EAAeG,SAAWZ,GAAYI,IACxCN,GAAiBK,GAAcL,EAAcK,GAC7CM,EAAeG,QAAQE,QACxB,GACA,CAACd,EAAUS,EAAgBL,IAG5BV,sBAAIqB,KAAK,OAAOT,UAAW,GAAGU,EAAOC,QAAC,wBAAwBX,QAAAA,EAAa,MACzEZ,EAAAwB,cAAA,SAAA,CACEH,KAAK,WACLT,UAAWJ,EAAkBc,EAAOC,QAAS,YAAIE,KAC7CZ,EACJC,IAAKC,EAAc,aACPT,EACZoB,UAAW,EACXvB,QAASwB,IACPxB,SAAAA,EAAUwB,QACKF,IAAfhB,IAA4BJ,SAAAA,EAAmBsB,EAAOlB,GAAW,GAGlEP,GAGL"}

package/dist/cjs/ContextMenu/ContextMenuItem.module.scss.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.ContextMenuItem-module_sr-only__ITnHm{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ContextMenuItem-module_hidden__Az6RN{display:none}.ContextMenuItem-module_slide-in__hCX3P{animation:ContextMenuItem-module_slide-in__hCX3P .5s forwards}@media (prefers-reduced-motion:reduce){.ContextMenuItem-module_slide-in__hCX3P{animation-duration:.1ms}}.ContextMenuItem-module_slide-out__RpZ-J{animation:ContextMenuItem-module_slide-out__RpZ-J .5s forwards}@media (prefers-reduced-motion:reduce){.ContextMenuItem-module_slide-out__RpZ-J{animation-duration:.1ms}}@keyframes ContextMenuItem-module_slide-in__hCX3P{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes ContextMenuItem-module_slide-out__RpZ-J{0%{transform:translateY(0)}to{transform:translateY(100vh)}}\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.ContextMenuItem-module_context-menu-item__LwybO{position:relative}.ContextMenuItem-module_context-menu-item__LwybO button{background-color:initial;border:0;box-sizing:border-box;cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-form-label);height:100%;line-height:1.25rem;padding:.62rem .75rem;width:100%}.ContextMenuItem-module_context-menu-item__LwybO button:focus-visible{outline:none}.ContextMenuItem-module_context-menu-item__LwybO button:focus-visible:after{border-radius:var(--focus-border-radius);content:"";height:100%;left:0;outline:.125rem solid var(--color-focus);outline-offset:0;position:absolute;top:0;width:100%;z-index:101}.ContextMenuItem-module_context-menu-item__LwybO button:hover{background-color:var(--context-menu-hover-color)}.ContextMenuItem-module_context-menu-item__LwybO button:active{background-color:var(--context-menu-pressed-color)}.ContextMenuItem-module_context-menu-item__LwybO button.ContextMenuItem-module_active__QsUfr{color:var(--color-primary)}.ContextMenuItem-module_context-menu-item__LwybO button.ContextMenuItem-module_active__QsUfr:before{border-bottom-right-radius:.125rem;border-left:.25rem solid var(--color-primary);border-top-right-radius:.125rem;content:"";height:100%;left:0;position:absolute;top:0}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbnRleHRNZW51SXRlbS5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRix1Q0FPRSxrQkFBc0IsQ0FDdEIsUUFBUyxDQUxULFVBQVcsQ0FFWCxXQUFZLENBQ1osZUFBZ0IsQ0FGaEIsU0FBVSxDQUhWLGlCQUFrQixDQUNsQixTQU9GLENBRUEsc0NBQ0UsWUFDRixDQUVBLHdDQUNFLDZEQUNGLENBQ0EsdUNBQ0Usd0NBQ0UsdUJBQ0YsQ0FDRixDQUVBLHlDQUNFLDhEQUNGLENBQ0EsdUNBQ0UseUNBQ0UsdUJBQ0YsQ0FDRixDQUVBLGtEQUNFLEdBQ0UsMkJBQ0YsQ0FDQSxHQUNFLHVCQUNGLENBQ0YsQ0FDQSxtREFDRSxHQUNFLHVCQUNGLENBQ0EsR0FDRSwyQkFDRixDQUNGO0FBQ0E7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRixpREFDRSxpQkFDRixDQUNBLHdEQUNFLHdCQUE2QixDQUM3QixRQUFTLENBUVQscUJBQXNCLENBSnRCLGNBQWUsQ0FIZiw4QkFBK0IsQ0FDL0IscUNBQXNDLENBSXRDLFdBQVksQ0FIWixtQkFBb0IsQ0FJcEIscUJBQXdCLENBRnhCLFVBSUYsQ0FDQSxzRUFDRSxZQUNGLENBQ0EsNEVBR0Usd0NBQXlDLENBQ3pDLFVBQVcsQ0FJWCxXQUFZLENBRFosTUFBTyxDQU5QLHdDQUEwQyxDQUMxQyxnQkFBaUIsQ0FHakIsaUJBQWtCLENBQ2xCLEtBQU0sQ0FHTixVQUFXLENBQ1gsV0FDRixDQUNBLDhEQUNFLGdEQUNGLENBQ0EsK0RBQ0Usa0RBQ0YsQ0FDQSw2RkFDRSwwQkFDRixDQUNBLG9HQU9FLGtDQUFvQyxDQUNwQyw2Q0FBK0MsQ0FGL0MsK0JBQWlDLENBTGpDLFVBQVcsQ0FJWCxXQUFZLENBRFosTUFBTyxDQUZQLGlCQUFrQixDQUNsQixLQU1GIiwiZmlsZSI6IkNvbnRleHRNZW51SXRlbS5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5zci1vbmx5IHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMXB4O1xuICBoZWlnaHQ6IDFweDtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAtMXB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBjbGlwOiByZWN0KDAsIDAsIDAsIDApO1xuICBib3JkZXI6IDA7XG59XG5cbi5oaWRkZW4ge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uc2xpZGUtaW4ge1xuICBhbmltYXRpb246IHNsaWRlLWluIDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtaW4ge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuLnNsaWRlLW91dCB7XG4gIGFuaW1hdGlvbjogc2xpZGUtb3V0IDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtb3V0IHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbkBrZXlmcmFtZXMgc2xpZGUtaW4ge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG59XG5Aa2V5ZnJhbWVzIHNsaWRlLW91dCB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbn1cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uY29udGV4dC1tZW51LWl0ZW0ge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG4uY29udGV4dC1tZW51LWl0ZW0gYnV0dG9uIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJvcmRlcjogMDtcbiAgZm9udC1mYW1pbHk6IHZhcigtLWZvbnQtZmFtaWx5KTtcbiAgZm9udC1zaXplOiB2YXIoLS1mb250LXNpemUtZm9ybS1sYWJlbCk7XG4gIGxpbmUtaGVpZ2h0OiAxLjI1cmVtO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIHBhZGRpbmc6IDAuNjJyZW0gMC43NXJlbTtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbn1cbi5jb250ZXh0LW1lbnUtaXRlbSBidXR0b246Zm9jdXMtdmlzaWJsZSB7XG4gIG91dGxpbmU6IG5vbmU7XG59XG4uY29udGV4dC1tZW51LWl0ZW0gYnV0dG9uOmZvY3VzLXZpc2libGU6OmFmdGVyIHtcbiAgb3V0bGluZTogMC4xMjVyZW0gc29saWQgdmFyKC0tY29sb3ItZm9jdXMpO1xuICBvdXRsaW5lLW9mZnNldDogMDtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tZm9jdXMtYm9yZGVyLXJhZGl1cyk7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwO1xuICBoZWlnaHQ6IDEwMCU7XG4gIHdpZHRoOiAxMDAlO1xuICB6LWluZGV4OiAxMDE7XG59XG4uY29udGV4dC1tZW51LWl0ZW0gYnV0dG9uOmhvdmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29udGV4dC1tZW51LWhvdmVyLWNvbG9yKTtcbn1cbi5jb250ZXh0LW1lbnUtaXRlbSBidXR0b246YWN0aXZlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29udGV4dC1tZW51LXByZXNzZWQtY29sb3IpO1xufVxuLmNvbnRleHQtbWVudS1pdGVtIGJ1dHRvbi5hY3RpdmUge1xuICBjb2xvcjogdmFyKC0tY29sb3ItcHJpbWFyeSk7XG59XG4uY29udGV4dC1tZW51LWl0ZW0gYnV0dG9uLmFjdGl2ZTo6YmVmb3JlIHtcbiAgY29udGVudDogXCJcIjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIGxlZnQ6IDA7XG4gIGhlaWdodDogMTAwJTtcbiAgYm9yZGVyLXRvcC1yaWdodC1yYWRpdXM6IDAuMTI1cmVtO1xuICBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogMC4xMjVyZW07XG4gIGJvcmRlci1sZWZ0OiAwLjI1cmVtIHNvbGlkIHZhcigtLWNvbG9yLXByaW1hcnkpO1xufSJdfQ== */'),exports.default={"sr-only":"ContextMenuItem-module_sr-only__ITnHm",hidden:"ContextMenuItem-module_hidden__Az6RN","slide-in":"ContextMenuItem-module_slide-in__hCX3P","slide-out":"ContextMenuItem-module_slide-out__RpZ-J","context-menu-item":"ContextMenuItem-module_context-menu-item__LwybO",active:"ContextMenuItem-module_active__QsUfr"};
+//# sourceMappingURL=ContextMenuItem.module.scss.cjs.js.map

package/dist/cjs/ContextMenu/ContextMenuItem.module.scss.cjs.js.map

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

package/dist/cjs/ContextMenu/ContextMenuService.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");var t=require("../src/hooks/usePosition.cjs.js");var r=require("../src/util/helper.cjs.js");const o=({selectedContextMenuItem:e,setSelectedContextMenuItem:t,focusedContextMenuItem:r,setFocusedContextMenuItem:o,showContextMenu:n,setShowContextMenu:s,childrenCount:c,setShouldClick:u})=>{const i=i=>{if(r===-1&&e!==-1)o(e);const l=["ArrowDown","ArrowUp","ArrowLeft","ArrowRight","Enter","Space","Escape","End","Home"];if(l.includes(i.code))i.preventDefault();switch(i.code){case"ArrowDown":if(!n){s(true);return}o((e=>e+1>c-1?0:e+1));return;case"ArrowUp":o((e=>e-1<0?c-1:e-1));return;case"Enter":case"Space":if(!n){s(true);return}u(true);t(r);s(false);return;case"Tab":case"Escape":s(false);return;case"End":o(c-1);return;case"Home":o(0);return}};return{onArrowNavigation:i}};const n=r.remToPx(.25);const s=()=>{const e=(e,r)=>{const o={left:0,right:0,top:0,bottom:0};if(e.vertical===t.vertical.BOTTOM&&r.vertical===t.vertical.TOP)o.top=n;else if(e.vertical===t.vertical.TOP&&r.vertical===t.vertical.BOTTOM)o.top=-n;if(e.horizontal===t.horizontal.RIGHT)o.left=n;return o};return{calculateDefaultOffset:e}};const c=(t,r,o,n,s,c,u)=>{const i=e=>{var r;if(e.key==="Escape"){n(false);(r=t.current)===null||r===void 0?void 0:r.focus()}};const l=()=>{if(o)document.addEventListener("keydown",i);else document.removeEventListener("keydown",i)};const a=()=>{var e,n;if(o)c===null||c===void 0?void 0:c();else{u===null||u===void 0?void 0:u();if((e=document.activeElement)===null||e===void 0?void 0:e.closest(`#${r}-menu`))(n=t.current)===null||n===void 0?void 0:n.focus();s(-1)}};e.useEffect((()=>{l();a()}),[o])};exports.useArrowNavigation=o;exports.useDefaultOffset=s;exports.useFocusAnchorElement=c;
+"use strict";var e=require("react"),t=require("../src/hooks/usePosition.cjs.js");const o=require("../src/util/helper.cjs.js").remToPx(.25);exports.useArrowNavigation=({selectedContextMenuItem:e,setSelectedContextMenuItem:t,focusedContextMenuItem:o,setFocusedContextMenuItem:r,showContextMenu:n,setShowContextMenu:c,childrenCount:s,setShouldClick:u})=>({onArrowNavigation:i=>{-1===o&&-1!==e&&r(e);switch(["ArrowDown","ArrowUp","ArrowLeft","ArrowRight","Enter","Space","Escape","End","Home"].includes(i.code)&&i.preventDefault(),i.code){case"ArrowDown":return n?void r((e=>e+1>s-1?0:e+1)):void c(!0);case"ArrowUp":return void r((e=>e-1<0?s-1:e-1));case"Enter":case"Space":return n?(u(!0),t(o),void c(!1)):void c(!0);case"Tab":case"Escape":return void c(!1);case"End":return void r(s-1);case"Home":return void r(0)}}}),exports.useDefaultOffset=()=>({calculateDefaultOffset:(e,r)=>{const n={left:0,right:0,top:0,bottom:0};return e.vertical===t.vertical.BOTTOM&&r.vertical===t.vertical.TOP?n.top=o:e.vertical===t.vertical.TOP&&r.vertical===t.vertical.BOTTOM&&(n.top=-o),e.horizontal===t.horizontal.RIGHT&&(n.left=o),n}}),exports.useFocusAnchorElement=(t,o,r,n,c,s,u)=>{const i=e=>{var o;"Escape"===e.key&&(n(!1),null===(o=t.current)||void 0===o||o.focus())};e.useEffect((()=>{var e,n;r?document.addEventListener("keydown",i):document.removeEventListener("keydown",i),r?null==s||s():(null==u||u(),(null===(e=document.activeElement)||void 0===e?void 0:e.closest(`#${o}-menu`))&&(null===(n=t.current)||void 0===n||n.focus()),c(-1))}),[r])};
 //# sourceMappingURL=ContextMenuService.cjs.js.map

package/dist/cjs/ContextMenu/ContextMenuService.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuService.cjs.js","sources":["../../../../../src/components/ContextMenu/ContextMenuService.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 { SetStateAction, useEffect } from \"react\";\nimport { horizontal, Offset, Placement, vertical } from \"../../hooks/usePosition\";\nimport { remToPx } from \"../../util/helper\";\n\ninterface UseArrowNavigation {\n  selectedContextMenuItem: number;\n  setSelectedContextMenuItem: React.Dispatch<React.SetStateAction<number>>;\n  focusedContextMenuItem: number;\n  setFocusedContextMenuItem: React.Dispatch<React.SetStateAction<number>>;\n  showContextMenu: boolean;\n  setShowContextMenu: React.Dispatch<React.SetStateAction<boolean>>;\n  childrenCount: number;\n  setShouldClick: React.Dispatch<React.SetStateAction<boolean>>;\n}\n\n/** @scope . */\nexport const useArrowNavigation = ({\n  selectedContextMenuItem,\n  setSelectedContextMenuItem,\n  focusedContextMenuItem,\n  setFocusedContextMenuItem,\n  showContextMenu,\n  setShowContextMenu,\n  childrenCount,\n  setShouldClick\n}: UseArrowNavigation) => {\n  const onArrowNavigation = (event: React.KeyboardEvent) => {\n    if (focusedContextMenuItem === -1 && selectedContextMenuItem !== -1) {\n      setFocusedContextMenuItem(selectedContextMenuItem);\n    }\n\n    const codesToPreventDefault = [\n      \"ArrowDown\",\n      \"ArrowUp\",\n      \"ArrowLeft\",\n      \"ArrowRight\",\n      \"Enter\",\n      \"Space\",\n      \"Escape\",\n      \"End\",\n      \"Home\"\n    ];\n\n    if (codesToPreventDefault.includes(event.code)) {\n      event.preventDefault();\n    }\n\n    switch (event.code) {\n      case \"ArrowDown\":\n        if (!showContextMenu) {\n          setShowContextMenu(true);\n          return;\n        }\n        setFocusedContextMenuItem(prevState => {\n          return prevState + 1 > childrenCount - 1 ? 0 : prevState + 1;\n        });\n        return;\n      case \"ArrowUp\":\n        setFocusedContextMenuItem(prevState => {\n          return prevState - 1 < 0 ? childrenCount - 1 : prevState - 1;\n        });\n        return;\n      case \"Enter\":\n      case \"Space\":\n        if (!showContextMenu) {\n          setShowContextMenu(true);\n          return;\n        }\n\n        setShouldClick(true);\n        setSelectedContextMenuItem(focusedContextMenuItem);\n        setShowContextMenu(false);\n        return;\n      case \"Tab\":\n      case \"Escape\":\n        setShowContextMenu(false);\n        return;\n      case \"End\":\n        setFocusedContextMenuItem(childrenCount - 1);\n        return;\n      case \"Home\":\n        setFocusedContextMenuItem(0);\n        return;\n    }\n  };\n\n  return { onArrowNavigation };\n};\n\nconst defaultOffsetSpacing = remToPx(0.25);\n\nexport const useDefaultOffset = () => {\n  const calculateDefaultOffset = (placement: Placement, transformOrigin: Placement): Offset => {\n    const offset = { left: 0, right: 0, top: 0, bottom: 0 };\n    if (placement.vertical === vertical.BOTTOM && transformOrigin.vertical === vertical.TOP) {\n      offset.top = defaultOffsetSpacing;\n    } else if (\n      placement.vertical === vertical.TOP &&\n      transformOrigin.vertical === vertical.BOTTOM\n    ) {\n      offset.top = -defaultOffsetSpacing;\n    }\n\n    if (placement.horizontal === horizontal.RIGHT) {\n      offset.left = defaultOffsetSpacing;\n    }\n    return offset;\n  };\n\n  return { calculateDefaultOffset };\n};\n\nexport const useFocusAnchorElement = (\n  anchorEl: React.RefObject<HTMLElement>,\n  id: string,\n  showContextMenu: boolean,\n  setShowContextMenu: React.Dispatch<SetStateAction<boolean>>,\n  setFocusedContextMenuItem: React.Dispatch<SetStateAction<number>>,\n  onShow?: () => void,\n  onClose?: () => void\n) => {\n  const handleEscapeKeyPress = (e: KeyboardEvent) => {\n    if (e.key === \"Escape\") {\n      setShowContextMenu(false);\n      anchorEl.current?.focus();\n    }\n  };\n\n  const escapeKeyEventHandlerManager = () => {\n    if (showContextMenu) {\n      document.addEventListener(\"keydown\", handleEscapeKeyPress);\n    } else {\n      document.removeEventListener(\"keydown\", handleEscapeKeyPress);\n    }\n  };\n\n  const emitContextMenuEvent = () => {\n    if (showContextMenu) {\n      onShow?.();\n    } else {\n      onClose?.();\n\n      if (document.activeElement?.closest(`#${id}-menu`)) {\n        anchorEl.current?.focus();\n      }\n\n      setFocusedContextMenuItem(-1);\n    }\n  };\n\n  useEffect(() => {\n    escapeKeyEventHandlerManager();\n    emitContextMenuEvent();\n  }, [showContextMenu]);\n};\n"],"names":["useArrowNavigation","selectedContextMenuItem","setSelectedContextMenuItem","focusedContextMenuItem","setFocusedContextMenuItem","showContextMenu","setShowContextMenu","childrenCount","setShouldClick","onArrowNavigation","event","codesToPreventDefault","includes","code","preventDefault","prevState","defaultOffsetSpacing","remToPx","useDefaultOffset","calculateDefaultOffset","placement","transformOrigin","offset","left","right","top","bottom","vertical","BOTTOM","TOP","horizontal","RIGHT","useFocusAnchorElement","anchorEl","id","onShow","onClose","handleEscapeKeyPress","e","key","_a","current","focus","escapeKeyEventHandlerManager","document","addEventListener","removeEventListener","emitContextMenuEvent","activeElement","closest","_b","useEffect"],"mappings":"+LAgCaA,EAAqB,EAChCC,0BACAC,6BACAC,yBACAC,4BACAC,kBACAC,qBACAC,gBACAC,qBAEA,MAAMC,EAAqBC,IACzB,GAAIP,KAA4B,GAAKF,KAA6B,EAChEG,EAA0BH,GAG5B,MAAMU,EAAwB,CAC5B,YACA,UACA,YACA,aACA,QACA,QACA,SACA,MACA,QAGF,GAAIA,EAAsBC,SAASF,EAAMG,MACvCH,EAAMI,iBAGR,OAAQJ,EAAMG,MACZ,IAAK,YACH,IAAKR,EAAiB,CACpBC,EAAmB,MACnB,MACD,CACDF,GAA0BW,GACjBA,EAAY,EAAIR,EAAgB,EAAI,EAAIQ,EAAY,IAE7D,OACF,IAAK,UACHX,GAA0BW,GACjBA,EAAY,EAAI,EAAIR,EAAgB,EAAIQ,EAAY,IAE7D,OACF,IAAK,QACL,IAAK,QACH,IAAKV,EAAiB,CACpBC,EAAmB,MACnB,MACD,CAEDE,EAAe,MACfN,EAA2BC,GAC3BG,EAAmB,OACnB,OACF,IAAK,MACL,IAAK,SACHA,EAAmB,OACnB,OACF,IAAK,MACHF,EAA0BG,EAAgB,GAC1C,OACF,IAAK,OACHH,EAA0B,GAC1B,OACH,EAGH,MAAO,CAAEK,oBAAmB,EAG9B,MAAMO,EAAuBC,EAAAA,QAAQ,KAE9B,MAAMC,EAAmB,KAC9B,MAAMC,EAAyB,CAACC,EAAsBC,KACpD,MAAMC,EAAS,CAAEC,KAAM,EAAGC,MAAO,EAAGC,IAAK,EAAGC,OAAQ,GACpD,GAAIN,EAAUO,WAAaA,WAASC,QAAUP,EAAgBM,WAAaA,EAAQA,SAACE,IAClFP,EAAOG,IAAMT,OACR,GACLI,EAAUO,WAAaA,EAAAA,SAASE,KAChCR,EAAgBM,WAAaA,EAAQA,SAACC,OAEtCN,EAAOG,KAAOT,EAGhB,GAAII,EAAUU,aAAeA,EAAUA,WAACC,MACtCT,EAAOC,KAAOP,EAEhB,OAAOM,CAAM,EAGf,MAAO,CAAEH,yBAAwB,EAGtB,MAAAa,EAAwB,CACnCC,EACAC,EACA7B,EACAC,EACAF,EACA+B,EACAC,KAEA,MAAMC,EAAwBC,UAC5B,GAAIA,EAAEC,MAAQ,SAAU,CACtBjC,EAAmB,QACnBkC,EAAAP,EAASQ,WAAS,MAAAD,SAAA,OAAA,EAAAA,EAAAE,OACnB,GAGH,MAAMC,EAA+B,KACnC,GAAItC,EACFuC,SAASC,iBAAiB,UAAWR,QAErCO,SAASE,oBAAoB,UAAWT,EACzC,EAGH,MAAMU,EAAuB,aAC3B,GAAI1C,EACF8B,IAAA,MAAAA,SAAA,OAAA,EAAAA,QACK,CACLC,IAAA,MAAAA,SAAA,OAAA,EAAAA,IAEA,IAAII,EAAAI,SAASI,iBAAe,MAAAR,SAAA,OAAA,EAAAA,EAAAS,QAAQ,IAAIf,WACtCgB,EAAAjB,EAASQ,WAAS,MAAAS,SAAA,OAAA,EAAAA,EAAAR,QAGpBtC,GAA2B,EAC5B,GAGH+C,EAAAA,WAAU,KACRR,IACAI,GAAsB,GACrB,CAAC1C,GAAiB"}
+{"version":3,"file":"ContextMenuService.cjs.js","sources":["../../../../../src/components/ContextMenu/ContextMenuService.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 { SetStateAction, useEffect } from \"react\";\nimport { horizontal, Offset, Placement, vertical } from \"../../hooks/usePosition\";\nimport { remToPx } from \"../../util/helper\";\n\ninterface UseArrowNavigation {\n  selectedContextMenuItem: number;\n  setSelectedContextMenuItem: React.Dispatch<React.SetStateAction<number>>;\n  focusedContextMenuItem: number;\n  setFocusedContextMenuItem: React.Dispatch<React.SetStateAction<number>>;\n  showContextMenu: boolean;\n  setShowContextMenu: React.Dispatch<React.SetStateAction<boolean>>;\n  childrenCount: number;\n  setShouldClick: React.Dispatch<React.SetStateAction<boolean>>;\n}\n\n/** @scope . */\nexport const useArrowNavigation = ({\n  selectedContextMenuItem,\n  setSelectedContextMenuItem,\n  focusedContextMenuItem,\n  setFocusedContextMenuItem,\n  showContextMenu,\n  setShowContextMenu,\n  childrenCount,\n  setShouldClick\n}: UseArrowNavigation) => {\n  const onArrowNavigation = (event: React.KeyboardEvent) => {\n    if (focusedContextMenuItem === -1 && selectedContextMenuItem !== -1) {\n      setFocusedContextMenuItem(selectedContextMenuItem);\n    }\n\n    const codesToPreventDefault = [\n      \"ArrowDown\",\n      \"ArrowUp\",\n      \"ArrowLeft\",\n      \"ArrowRight\",\n      \"Enter\",\n      \"Space\",\n      \"Escape\",\n      \"End\",\n      \"Home\"\n    ];\n\n    if (codesToPreventDefault.includes(event.code)) {\n      event.preventDefault();\n    }\n\n    switch (event.code) {\n      case \"ArrowDown\":\n        if (!showContextMenu) {\n          setShowContextMenu(true);\n          return;\n        }\n        setFocusedContextMenuItem(prevState => {\n          return prevState + 1 > childrenCount - 1 ? 0 : prevState + 1;\n        });\n        return;\n      case \"ArrowUp\":\n        setFocusedContextMenuItem(prevState => {\n          return prevState - 1 < 0 ? childrenCount - 1 : prevState - 1;\n        });\n        return;\n      case \"Enter\":\n      case \"Space\":\n        if (!showContextMenu) {\n          setShowContextMenu(true);\n          return;\n        }\n\n        setShouldClick(true);\n        setSelectedContextMenuItem(focusedContextMenuItem);\n        setShowContextMenu(false);\n        return;\n      case \"Tab\":\n      case \"Escape\":\n        setShowContextMenu(false);\n        return;\n      case \"End\":\n        setFocusedContextMenuItem(childrenCount - 1);\n        return;\n      case \"Home\":\n        setFocusedContextMenuItem(0);\n        return;\n    }\n  };\n\n  return { onArrowNavigation };\n};\n\nconst defaultOffsetSpacing = remToPx(0.25);\n\nexport const useDefaultOffset = () => {\n  const calculateDefaultOffset = (placement: Placement, transformOrigin: Placement): Offset => {\n    const offset = { left: 0, right: 0, top: 0, bottom: 0 };\n    if (placement.vertical === vertical.BOTTOM && transformOrigin.vertical === vertical.TOP) {\n      offset.top = defaultOffsetSpacing;\n    } else if (\n      placement.vertical === vertical.TOP &&\n      transformOrigin.vertical === vertical.BOTTOM\n    ) {\n      offset.top = -defaultOffsetSpacing;\n    }\n\n    if (placement.horizontal === horizontal.RIGHT) {\n      offset.left = defaultOffsetSpacing;\n    }\n    return offset;\n  };\n\n  return { calculateDefaultOffset };\n};\n\nexport const useFocusAnchorElement = (\n  anchorEl: React.RefObject<HTMLElement>,\n  id: string,\n  showContextMenu: boolean,\n  setShowContextMenu: React.Dispatch<SetStateAction<boolean>>,\n  setFocusedContextMenuItem: React.Dispatch<SetStateAction<number>>,\n  onShow?: () => void,\n  onClose?: () => void\n) => {\n  const handleEscapeKeyPress = (e: KeyboardEvent) => {\n    if (e.key === \"Escape\") {\n      setShowContextMenu(false);\n      anchorEl.current?.focus();\n    }\n  };\n\n  const escapeKeyEventHandlerManager = () => {\n    if (showContextMenu) {\n      document.addEventListener(\"keydown\", handleEscapeKeyPress);\n    } else {\n      document.removeEventListener(\"keydown\", handleEscapeKeyPress);\n    }\n  };\n\n  const emitContextMenuEvent = () => {\n    if (showContextMenu) {\n      onShow?.();\n    } else {\n      onClose?.();\n\n      if (document.activeElement?.closest(`#${id}-menu`)) {\n        anchorEl.current?.focus();\n      }\n\n      setFocusedContextMenuItem(-1);\n    }\n  };\n\n  useEffect(() => {\n    escapeKeyEventHandlerManager();\n    emitContextMenuEvent();\n  }, [showContextMenu]);\n};\n"],"names":["defaultOffsetSpacing","remToPx","selectedContextMenuItem","setSelectedContextMenuItem","focusedContextMenuItem","setFocusedContextMenuItem","showContextMenu","setShowContextMenu","childrenCount","setShouldClick","onArrowNavigation","event","includes","code","preventDefault","prevState","calculateDefaultOffset","placement","transformOrigin","offset","left","right","top","bottom","vertical","BOTTOM","TOP","horizontal","RIGHT","anchorEl","id","onShow","onClose","handleEscapeKeyPress","e","key","_a","current","focus","useEffect","document","addEventListener","removeEventListener","activeElement","closest","_b"],"mappings":"uFAyGMA,uCAAuBC,QAAQ,gCAzEH,EAChCC,0BACAC,6BACAC,yBACAC,4BACAC,kBACAC,qBACAC,gBACAC,qBA8DO,CAAEC,kBA5DkBC,KACO,IAA5BP,IAA8D,IAA7BF,GACnCG,EAA0BH,GAmB5B,OAhB8B,CAC5B,YACA,UACA,YACA,aACA,QACA,QACA,SACA,MACA,QAGwBU,SAASD,EAAME,OACvCF,EAAMG,iBAGAH,EAAME,MACZ,IAAK,YACH,OAAKP,OAILD,GAA0BU,GACjBA,EAAY,EAAIP,EAAgB,EAAI,EAAIO,EAAY,SAJ3DR,GAAmB,GAOvB,IAAK,UAIH,YAHAF,GAA0BU,GACjBA,EAAY,EAAI,EAAIP,EAAgB,EAAIO,EAAY,IAG/D,IAAK,QACL,IAAK,QACH,OAAKT,GAKLG,GAAe,GACfN,EAA2BC,QAC3BG,GAAmB,SANjBA,GAAmB,GAQvB,IAAK,MACL,IAAK,SAEH,YADAA,GAAmB,GAErB,IAAK,MAEH,YADAF,EAA0BG,EAAgB,GAE5C,IAAK,OAEH,YADAH,EAA0B,GAE7B,6BAQ2B,KAkBvB,CAAEW,uBAjBsB,CAACC,EAAsBC,KACpD,MAAMC,EAAS,CAAEC,KAAM,EAAGC,MAAO,EAAGC,IAAK,EAAGC,OAAQ,GAapD,OAZIN,EAAUO,WAAaA,WAASC,QAAUP,EAAgBM,WAAaA,EAAQA,SAACE,IAClFP,EAAOG,IAAMtB,EAEbiB,EAAUO,WAAaA,EAAAA,SAASE,KAChCR,EAAgBM,WAAaA,EAAQA,SAACC,SAEtCN,EAAOG,KAAOtB,GAGZiB,EAAUU,aAAeA,EAAUA,WAACC,QACtCT,EAAOC,KAAOpB,GAETmB,CAAM,kCAMoB,CACnCU,EACAC,EACAxB,EACAC,EACAF,EACA0B,EACAC,KAEA,MAAMC,EAAwBC,UACd,WAAVA,EAAEC,MACJ5B,GAAmB,GACD,QAAlB6B,EAAAP,EAASQ,eAAS,IAAAD,GAAAA,EAAAE,QACnB,EAyBHC,EAAAA,WAAU,KAdmB,QAPvBjC,EACFkC,SAASC,iBAAiB,UAAWR,GAErCO,SAASE,oBAAoB,UAAWT,GAKtC3B,EACFyB,SAAAA,KAEAC,SAAAA,KAE4B,QAAxBI,EAAAI,SAASG,qBAAe,IAAAP,OAAA,EAAAA,EAAAQ,QAAQ,IAAId,aACpB,QAAlBe,EAAAhB,EAASQ,eAAS,IAAAQ,GAAAA,EAAAP,SAGpBjC,GAA2B,GAMP,GACrB,CAACC,GAAiB"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");var a=require("./DataGrid.module.cjs.js");var t=require("./DataGridHeader/DataGridHeader.cjs.js");var i=require("./DataGridActions/DataGridActions.cjs.js");var d=require("./DataGridBody/DataGridBody.cjs.js");var n=require("../Pagination/Pagination.cjs.js");var r=require("../src/hooks/useSpacing.cjs.js");function o(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var l=o(e);const s=({children:o,data:s,initialSort:u,onSort:g,headers:p,actions:c={},paginationProps:f,disableContextMenuColumn:v,isLoading:m,enableMultiSorting:h,emptyLabel:b,spacing:j,style:y,...D},G)=>{var w;if(!p)throw new Error("Headers definition has to be provided");if(!o)throw new Error("DataGridBody should be provieded with a template how to render rows");const[E,S]=e.useState(p);const L=r.useSpacing(j,y);e.useEffect((()=>S(p)),[p]);const q=e=>{S(E.map((a=>a.name!==e?a:{...a,hidden:!a.hidden})))};if(L===null||L===void 0?void 0:L.padding){const e=L.padding.toString().split(" ");let a=0;if(e.length>=2)a=1;if(e.length===4)a=3;Object.defineProperties(L,{paddingTop:{value:e[0]},paddingRight:{value:e[e.length-1>0?1:0]},paddingBottom:{value:e[e.length/3>=1?2:0]},paddingLeft:{value:e[a]}})}return l["default"].createElement("div",{...D,className:a["default"]["grid-wrapper"],ref:G,style:{paddingTop:L===null||L===void 0?void 0:L.paddingTop,paddingBottom:L===null||L===void 0?void 0:L.paddingBottom}},l["default"].createElement(i.DataGridActions,{...c,style:{paddingLeft:L===null||L===void 0?void 0:L.paddingLeft,paddingRight:L===null||L===void 0?void 0:L.paddingRight},headers:E,onColumnToggled:q}),l["default"].createElement("div",{className:a["default"]["table-wrapper"]},l["default"].createElement("table",{className:a["default"]["table"]},l["default"].createElement(t.DataGridHeader,{headers:E,initialSort:u,onSort:g,disableContextMenuColumn:v,enableMultiSorting:h,spacing:L}),l["default"].createElement(d.DataGridBody,{data:s,headers:E,isLoading:m,disableContextMenuColumn:v,emptyLabel:b,spacing:L},o))),f&&!m&&l["default"].createElement(n.Pagination,{...f,style:{...f.style,paddingLeft:L===null||L===void 0?void 0:L.paddingLeft,paddingRight:L===null||L===void 0?void 0:L.paddingRight},className:`${a["default"]["pagination"]} ${(w=f.className)!==null&&w!==void 0?w:""}`}))};const u=l["default"].forwardRef(s);exports.DataGrid=u;
+"use strict";var e=require("react"),a=require("./DataGrid.module.scss.cjs.js"),t=require("./DataGridHeader/DataGridHeader.cjs.js"),i=require("./DataGridActions/DataGridActions.cjs.js"),d=require("./DataGridBody/DataGridBody.cjs.js"),n=require("../Pagination/Pagination.cjs.js"),r=require("../src/hooks/useSpacing.cjs.js"),l=require("./DataGridFilters/DataGridToolbar.cjs.js");const o=e.forwardRef((({children:o,data:s,initialSort:g,onSort:p,headers:u,actions:c={},paginationProps:m,disableContextMenuColumn:h,enableExpandableRow:f,filters:b,isLoading:v,enableMultiSorting:j,emptyLabel:D,spacing:G,style:E,...w},y)=>{var S;if(!u)throw new Error("Headers definition has to be provided");if(!o)throw new Error("DataGridBody should be provided with a template how to render rows");const[L,q]=e.useState(u),R=r.useSpacing(G,E);e.useEffect((()=>q(u)),[u]);if(null==R?void 0:R.padding){const e=R.padding.toString().split(" ");let a=0;e.length>=2&&(a=1),4===e.length&&(a=3),Object.defineProperties(R,{paddingTop:{value:e[0]},paddingRight:{value:e[e.length-1>0?1:0]},paddingBottom:{value:e[e.length/3>=1?2:0]},paddingLeft:{value:e[a]}})}return e.createElement("div",{...w,className:a.default["grid-wrapper"],ref:y,style:{paddingTop:null==R?void 0:R.paddingTop,paddingBottom:null==R?void 0:R.paddingBottom}},(null==b?void 0:b.enable)?e.createElement(l.DataGridToolbar,{...b.filtersProps}):e.createElement(i.DataGridActions,{...c,style:{paddingLeft:null==R?void 0:R.paddingLeft,paddingRight:null==R?void 0:R.paddingRight},headers:L,onColumnToggled:e=>{q(L.map((a=>a.name!==e?a:{...a,hidden:!a.hidden})))}}),e.createElement("div",{className:a.default["table-wrapper"]},e.createElement("table",{className:a.default.table},e.createElement(t.DataGridHeader,{headers:L,initialSort:g,onSort:p,disableContextMenuColumn:h,enableExpandableRow:f,enableMultiSorting:j,spacing:R}),e.createElement(d.DataGridBody,{data:s,headers:L,isLoading:v,disableContextMenuColumn:h,emptyLabel:D,spacing:R},o))),m&&!v&&e.createElement(n.Pagination,{...m,style:{...m.style,paddingLeft:null==R?void 0:R.paddingLeft,paddingRight:null==R?void 0:R.paddingRight},className:`${a.default.pagination} ${null!==(S=m.className)&&void 0!==S?S:""}`}))}));exports.DataGrid=o;
 //# sourceMappingURL=DataGrid.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DataGrid.cjs.js","sources":["../../../../../src/components/DataGrid/DataGrid.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ComponentPropsWithRef, ReactElement, Ref, useEffect, useState } from \"react\";\nimport { Props as ButtonProps } from \"../Button/Button\";\nimport classes from \"./DataGrid.module.scss\";\nimport { DataGridHeader } from \"./DataGridHeader/DataGridHeader\";\nimport { DataGridActions } from \"./DataGridActions/DataGridActions\";\nimport { DataGridBody } from \"./DataGridBody/DataGridBody\";\nimport { HeaderCell, OnSortFunction, Sort } from \"./datagrid.interfaces\";\nimport { Pagination, Props as PaginationProps } from \"../Pagination/Pagination\";\nimport { Spacing, useSpacing } from \"../../hooks/useSpacing\";\n\nexport interface Props<T> extends Omit<ComponentPropsWithRef<\"div\">, \"children\"> {\n  children: ({ item, index }: { item: T; index: number }) => ReactElement;\n  data?: T[];\n  initialSort?: Sort;\n  onSort?: OnSortFunction;\n  headers: HeaderCell[];\n  actions?: {\n    enableAddBtn?: boolean;\n    enableColumnsBtn?: boolean;\n    enableSearchBtn?: boolean;\n    addBtnProps?: ButtonProps;\n    columnsBtnProps?: ButtonProps;\n    searchBtnProps?: ButtonProps;\n    searchIconBtnProps?: ButtonProps;\n  };\n  emptyLabel?: string;\n  paginationProps?: PaginationProps;\n  disableContextMenuColumn?: boolean;\n  isLoading?: boolean;\n  enableMultiSorting?: boolean;\n  spacing?: Spacing;\n}\n\nconst DataGridInner = <T extends {}>(\n  {\n    children,\n    data,\n    initialSort,\n    onSort,\n    headers,\n    actions = {},\n    paginationProps,\n    disableContextMenuColumn,\n    isLoading,\n    enableMultiSorting,\n    emptyLabel,\n    spacing,\n    style,\n    ...rest\n  }: Props<T>,\n  ref: Ref<HTMLDivElement>\n) => {\n  if (!headers) {\n    throw new Error(\"Headers definition has to be provided\");\n  }\n  if (!children) {\n    throw new Error(\"DataGridBody should be provieded with a template how to render rows\");\n  }\n\n  const [internalHeaders, setInternalHeaders] = useState(headers);\n  const styleWithSpacing = useSpacing(spacing, style);\n\n  useEffect(() => setInternalHeaders(headers), [headers]);\n\n  const onColumnToggled = (colName: string) => {\n    setInternalHeaders(\n      internalHeaders.map(item =>\n        item.name !== colName ? item : { ...item, hidden: !item.hidden }\n      )\n    );\n  };\n\n  if (styleWithSpacing?.padding) {\n    const splitPaddings = styleWithSpacing.padding.toString().split(\" \");\n\n    let paddingLeftIndex: number = 0;\n\n    if (splitPaddings.length >= 2) {\n      paddingLeftIndex = 1;\n    }\n    if (splitPaddings.length === 4) {\n      paddingLeftIndex = 3;\n    }\n\n    Object.defineProperties(styleWithSpacing, {\n      paddingTop: {\n        value: splitPaddings[0]\n      },\n      paddingRight: {\n        value: splitPaddings[splitPaddings.length - 1 > 0 ? 1 : 0]\n      },\n      paddingBottom: {\n        value: splitPaddings[splitPaddings.length / 3 >= 1 ? 2 : 0]\n      },\n      paddingLeft: {\n        value: splitPaddings[paddingLeftIndex]\n      }\n    });\n  }\n\n  return (\n    <div\n      {...rest}\n      className={classes[\"grid-wrapper\"]}\n      ref={ref}\n      style={{\n        paddingTop: styleWithSpacing?.paddingTop,\n        paddingBottom: styleWithSpacing?.paddingBottom\n      }}\n    >\n      <DataGridActions\n        {...actions}\n        style={{\n          paddingLeft: styleWithSpacing?.paddingLeft,\n          paddingRight: styleWithSpacing?.paddingRight\n        }}\n        headers={internalHeaders}\n        onColumnToggled={onColumnToggled}\n      />\n      <div className={classes[\"table-wrapper\"]}>\n        <table className={classes[\"table\"]}>\n          <DataGridHeader\n            headers={internalHeaders}\n            initialSort={initialSort}\n            onSort={onSort}\n            disableContextMenuColumn={disableContextMenuColumn}\n            enableMultiSorting={enableMultiSorting}\n            spacing={styleWithSpacing}\n          />\n          <DataGridBody\n            data={data}\n            headers={internalHeaders}\n            isLoading={isLoading}\n            disableContextMenuColumn={disableContextMenuColumn}\n            emptyLabel={emptyLabel}\n            spacing={styleWithSpacing}\n          >\n            {children}\n          </DataGridBody>\n        </table>\n      </div>\n      {paginationProps && !isLoading && (\n        <Pagination\n          {...paginationProps}\n          style={{\n            ...paginationProps.style,\n            paddingLeft: styleWithSpacing?.paddingLeft,\n            paddingRight: styleWithSpacing?.paddingRight\n          }}\n          className={`${classes[\"pagination\"]} ${paginationProps.className ?? \"\"}`}\n        />\n      )}\n    </div>\n  );\n};\n\nexport const DataGrid = React.forwardRef(DataGridInner) as <T extends {}>(\n  p: Props<T> & { ref?: Ref<HTMLDivElement> }\n) => ReactElement;\n"],"names":["DataGridInner","children","data","initialSort","onSort","headers","actions","paginationProps","disableContextMenuColumn","isLoading","enableMultiSorting","emptyLabel","spacing","style","rest","ref","Error","internalHeaders","setInternalHeaders","useState","styleWithSpacing","useSpacing","useEffect","onColumnToggled","colName","map","item","name","hidden","padding","splitPaddings","toString","split","paddingLeftIndex","length","Object","defineProperties","paddingTop","value","paddingRight","paddingBottom","paddingLeft","React","createElement","className","classes","DataGridActions","DataGridHeader","DataGridBody","Pagination","_a","DataGrid","forwardRef"],"mappings":"keAiDA,MAAMA,EAAgB,EAElBC,WACAC,OACAC,cACAC,SACAC,UACAC,UAAU,CAAE,EACZC,kBACAC,2BACAC,YACAC,qBACAC,aACAC,UACAC,WACGC,GAELC,WAEA,IAAKV,EACH,MAAM,IAAIW,MAAM,yCAElB,IAAKf,EACH,MAAM,IAAIe,MAAM,uEAGlB,MAAOC,EAAiBC,GAAsBC,EAAQA,SAACd,GACvD,MAAMe,EAAmBC,EAAAA,WAAWT,EAASC,GAE7CS,EAASA,WAAC,IAAMJ,EAAmBb,IAAU,CAACA,IAE9C,MAAMkB,EAAmBC,IACvBN,EACED,EAAgBQ,KAAIC,GAClBA,EAAKC,OAASH,EAAUE,EAAO,IAAKA,EAAME,QAASF,EAAKE,UAE3D,EAGH,GAAIR,UAAAA,SAAgB,OAAA,EAAhBA,EAAkBS,QAAS,CAC7B,MAAMC,EAAgBV,EAAiBS,QAAQE,WAAWC,MAAM,KAEhE,IAAIC,EAA2B,EAE/B,GAAIH,EAAcI,QAAU,EAC1BD,EAAmB,EAErB,GAAIH,EAAcI,SAAW,EAC3BD,EAAmB,EAGrBE,OAAOC,iBAAiBhB,EAAkB,CACxCiB,WAAY,CACVC,MAAOR,EAAc,IAEvBS,aAAc,CACZD,MAAOR,EAAcA,EAAcI,OAAS,EAAI,EAAI,EAAI,IAE1DM,cAAe,CACbF,MAAOR,EAAcA,EAAcI,OAAS,GAAK,EAAI,EAAI,IAE3DO,YAAa,CACXH,MAAOR,EAAcG,KAG1B,CAED,OACES,aACMC,cAAA,MAAA,IAAA7B,EACJ8B,UAAWC,EAAAA,WAAQ,gBACnB9B,IAAKA,EACLF,MAAO,CACLwB,WAAYjB,IAAgB,MAAhBA,SAAA,OAAA,EAAAA,EAAkBiB,WAC9BG,cAAepB,IAAgB,MAAhBA,SAAA,OAAA,EAAAA,EAAkBoB,gBAGnCE,EAAAA,WAAAC,cAACG,EAAAA,gBAAe,IACVxC,EACJO,MAAO,CACL4B,YAAarB,IAAgB,MAAhBA,SAAA,OAAA,EAAAA,EAAkBqB,YAC/BF,aAAcnB,IAAgB,MAAhBA,SAAA,OAAA,EAAAA,EAAkBmB,cAElClC,QAASY,EACTM,gBAAiBA,IAEnBmB,EAAA,WAAAC,cAAA,MAAA,CAAKC,UAAWC,EAAAA,WAAQ,kBACtBH,EAAA,WAAAC,cAAA,QAAA,CAAOC,UAAWC,EAAAA,WAAQ,UACxBH,EAAC,WAAAC,cAAAI,EAAcA,eACb,CAAA1C,QAASY,EACTd,YAAaA,EACbC,OAAQA,EACRI,yBAA0BA,EAC1BE,mBAAoBA,EACpBE,QAASQ,IAEXsB,EAAA,WAAAC,cAACK,eAAY,CACX9C,KAAMA,EACNG,QAASY,EACTR,UAAWA,EACXD,yBAA0BA,EAC1BG,WAAYA,EACZC,QAASQ,GAERnB,KAINM,IAAoBE,GACnBiC,aAACC,cAAAM,EAAAA,WACK,IAAA1C,EACJM,MAAO,IACFN,EAAgBM,MACnB4B,YAAarB,IAAgB,MAAhBA,SAAA,OAAA,EAAAA,EAAkBqB,YAC/BF,aAAcnB,IAAgB,MAAhBA,SAAA,OAAA,EAAAA,EAAkBmB,cAElCK,UAAW,GAAGC,EAAO,WAAC,kBAAiBK,EAAA3C,EAAgBqC,gCAAa,OAI1E,EAGS,MAAAO,EAAWT,EAAAA,WAAMU,WAAWpD"}
+{"version":3,"file":"DataGrid.cjs.js","sources":["../../../../../src/components/DataGrid/DataGrid.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ComponentPropsWithRef, ReactElement, Ref, useEffect, useState } from \"react\";\nimport { Props as ButtonProps } from \"../Button/Button\";\nimport classes from \"./DataGrid.module.scss\";\nimport { DataGridHeader } from \"./DataGridHeader/DataGridHeader\";\nimport { DataGridActions } from \"./DataGridActions/DataGridActions\";\nimport { DataGridBody } from \"./DataGridBody/DataGridBody\";\nimport { HeaderCell, OnSortFunction, Sort } from \"./datagrid.interfaces\";\nimport { Pagination, Props as PaginationProps } from \"../Pagination/Pagination\";\nimport { Spacing, useSpacing } from \"../../hooks/useSpacing\";\nimport { DataGridToolbar, DataGridToolbarProps } from \"./DataGridFilters/DataGridToolbar\";\n\nexport interface Props<T> extends Omit<ComponentPropsWithRef<\"div\">, \"children\"> {\n  children: ({ item, index }: { item: T; index: number }) => ReactElement;\n  data?: T[];\n  initialSort?: Sort;\n  onSort?: OnSortFunction;\n  headers: HeaderCell[];\n  actions?: {\n    enableAddBtn?: boolean;\n    enableColumnsBtn?: boolean;\n    enableSearchBtn?: boolean;\n    addBtnProps?: ButtonProps;\n    columnsBtnProps?: ButtonProps;\n    searchBtnProps?: ButtonProps;\n    searchIconBtnProps?: ButtonProps;\n  };\n  emptyLabel?: string;\n  paginationProps?: PaginationProps;\n  disableContextMenuColumn?: boolean;\n  enableExpandableRow?: boolean;\n  filters?: {\n    enable: boolean;\n    filtersProps: DataGridToolbarProps;\n  };\n  isLoading?: boolean;\n  enableMultiSorting?: boolean;\n  spacing?: Spacing;\n}\n\nconst DataGridInner = <T extends {}>(\n  {\n    children,\n    data,\n    initialSort,\n    onSort,\n    headers,\n    actions = {},\n    paginationProps,\n    disableContextMenuColumn,\n    enableExpandableRow,\n    filters,\n    isLoading,\n    enableMultiSorting,\n    emptyLabel,\n    spacing,\n    style,\n    ...rest\n  }: Props<T>,\n  ref: Ref<HTMLDivElement>\n) => {\n  if (!headers) {\n    throw new Error(\"Headers definition has to be provided\");\n  }\n  if (!children) {\n    throw new Error(\"DataGridBody should be provided with a template how to render rows\");\n  }\n\n  const [internalHeaders, setInternalHeaders] = useState(headers);\n  const styleWithSpacing = useSpacing(spacing, style);\n\n  useEffect(() => setInternalHeaders(headers), [headers]);\n\n  const onColumnToggled = (colName: string) => {\n    setInternalHeaders(\n      internalHeaders.map(item =>\n        item.name !== colName ? item : { ...item, hidden: !item.hidden }\n      )\n    );\n  };\n\n  if (styleWithSpacing?.padding) {\n    const splitPaddings = styleWithSpacing.padding.toString().split(\" \");\n\n    let paddingLeftIndex: number = 0;\n\n    if (splitPaddings.length >= 2) {\n      paddingLeftIndex = 1;\n    }\n    if (splitPaddings.length === 4) {\n      paddingLeftIndex = 3;\n    }\n\n    Object.defineProperties(styleWithSpacing, {\n      paddingTop: {\n        value: splitPaddings[0]\n      },\n      paddingRight: {\n        value: splitPaddings[splitPaddings.length - 1 > 0 ? 1 : 0]\n      },\n      paddingBottom: {\n        value: splitPaddings[splitPaddings.length / 3 >= 1 ? 2 : 0]\n      },\n      paddingLeft: {\n        value: splitPaddings[paddingLeftIndex]\n      }\n    });\n  }\n\n  return (\n    <div\n      {...rest}\n      className={classes[\"grid-wrapper\"]}\n      ref={ref}\n      style={{\n        paddingTop: styleWithSpacing?.paddingTop,\n        paddingBottom: styleWithSpacing?.paddingBottom\n      }}\n    >\n      {filters?.enable ? (\n        <DataGridToolbar {...filters.filtersProps} />\n      ) : (\n        <DataGridActions\n          {...actions}\n          style={{\n            paddingLeft: styleWithSpacing?.paddingLeft,\n            paddingRight: styleWithSpacing?.paddingRight\n          }}\n          headers={internalHeaders}\n          onColumnToggled={onColumnToggled}\n        />\n      )}\n\n      <div className={classes[\"table-wrapper\"]}>\n        <table className={classes[\"table\"]}>\n          <DataGridHeader\n            headers={internalHeaders}\n            initialSort={initialSort}\n            onSort={onSort}\n            disableContextMenuColumn={disableContextMenuColumn}\n            enableExpandableRow={enableExpandableRow}\n            enableMultiSorting={enableMultiSorting}\n            spacing={styleWithSpacing}\n          />\n          <DataGridBody\n            data={data}\n            headers={internalHeaders}\n            isLoading={isLoading}\n            disableContextMenuColumn={disableContextMenuColumn}\n            emptyLabel={emptyLabel}\n            spacing={styleWithSpacing}\n          >\n            {children}\n          </DataGridBody>\n        </table>\n      </div>\n      {paginationProps && !isLoading && (\n        <Pagination\n          {...paginationProps}\n          style={{\n            ...paginationProps.style,\n            paddingLeft: styleWithSpacing?.paddingLeft,\n            paddingRight: styleWithSpacing?.paddingRight\n          }}\n          className={`${classes[\"pagination\"]} ${paginationProps.className ?? \"\"}`}\n        />\n      )}\n    </div>\n  );\n};\n\nexport const DataGrid = React.forwardRef(DataGridInner) as <T extends {}>(\n  p: Props<T> & { ref?: Ref<HTMLDivElement> }\n) => ReactElement;\n"],"names":["DataGrid","React","forwardRef","children","data","initialSort","onSort","headers","actions","paginationProps","disableContextMenuColumn","enableExpandableRow","filters","isLoading","enableMultiSorting","emptyLabel","spacing","style","rest","ref","Error","internalHeaders","setInternalHeaders","useState","styleWithSpacing","useSpacing","useEffect","padding","splitPaddings","toString","split","paddingLeftIndex","length","Object","defineProperties","paddingTop","value","paddingRight","paddingBottom","paddingLeft","createElement","className","classes","enable","DataGridToolbar","filtersProps","DataGridActions","onColumnToggled","colName","map","item","name","hidden","DataGridHeader","DataGridBody","Pagination","default","_a"],"mappings":"wXAuDA,MAmIaA,EAAWC,EAAMC,YAnIR,EAElBC,WACAC,OACAC,cACAC,SACAC,UACAC,UAAU,CAAA,EACVC,kBACAC,2BACAC,sBACAC,UACAC,YACAC,qBACAC,aACAC,UACAC,WACGC,GAELC,WAEA,IAAKZ,EACH,MAAM,IAAIa,MAAM,yCAElB,IAAKjB,EACH,MAAM,IAAIiB,MAAM,sEAGlB,MAAOC,EAAiBC,GAAsBC,EAAQA,SAAChB,GACjDiB,EAAmBC,EAAAA,WAAWT,EAASC,GAE7CS,EAASA,WAAC,IAAMJ,EAAmBf,IAAU,CAACA,IAU9C,GAAIiB,aAAgB,EAAhBA,EAAkBG,QAAS,CAC7B,MAAMC,EAAgBJ,EAAiBG,QAAQE,WAAWC,MAAM,KAEhE,IAAIC,EAA2B,EAE3BH,EAAcI,QAAU,IAC1BD,EAAmB,GAEQ,IAAzBH,EAAcI,SAChBD,EAAmB,GAGrBE,OAAOC,iBAAiBV,EAAkB,CACxCW,WAAY,CACVC,MAAOR,EAAc,IAEvBS,aAAc,CACZD,MAAOR,EAAcA,EAAcI,OAAS,EAAI,EAAI,EAAI,IAE1DM,cAAe,CACbF,MAAOR,EAAcA,EAAcI,OAAS,GAAK,EAAI,EAAI,IAE3DO,YAAa,CACXH,MAAOR,EAAcG,KAG1B,CAED,OACE9B,EACMuC,cAAA,MAAA,IAAAtB,EACJuB,UAAWC,EAAAA,QAAQ,gBACnBvB,IAAKA,EACLF,MAAO,CACLkB,WAAYX,aAAA,EAAAA,EAAkBW,WAC9BG,cAAed,aAAA,EAAAA,EAAkBc,iBAGlC1B,aAAO,EAAPA,EAAS+B,QACR1C,EAAAuC,cAACI,EAAeA,gBAAA,IAAKhC,EAAQiC,eAE7B5C,EAAAuC,cAACM,kBAAe,IACVtC,EACJS,MAAO,CACLsB,YAAaf,aAAA,EAAAA,EAAkBe,YAC/BF,aAAcb,aAAA,EAAAA,EAAkBa,cAElC9B,QAASc,EACT0B,gBAxDiBC,IACvB1B,EACED,EAAgB4B,KAAIC,GAClBA,EAAKC,OAASH,EAAUE,EAAO,IAAKA,EAAME,QAASF,EAAKE,UAE3D,IAuDCnD,EAAAuC,cAAA,MAAA,CAAKC,UAAWC,EAAAA,QAAQ,kBACtBzC,EAAAuC,cAAA,QAAA,CAAOC,UAAWC,EAAAA,QAAe,OAC/BzC,EAAAuC,cAACa,iBAAc,CACb9C,QAASc,EACThB,YAAaA,EACbC,OAAQA,EACRI,yBAA0BA,EAC1BC,oBAAqBA,EACrBG,mBAAoBA,EACpBE,QAASQ,IAEXvB,EAAAuC,cAACc,eAAY,CACXlD,KAAMA,EACNG,QAASc,EACTR,UAAWA,EACXH,yBAA0BA,EAC1BK,WAAYA,EACZC,QAASQ,GAERrB,KAINM,IAAoBI,GACnBZ,EAACuC,cAAAe,EAAAA,WACK,IAAA9C,EACJQ,MAAO,IACFR,EAAgBQ,MACnBsB,YAAaf,aAAA,EAAAA,EAAkBe,YAC/BF,aAAcb,aAAA,EAAAA,EAAkBa,cAElCI,UAAW,GAAGC,EAAOc,QAAa,sBAAKC,EAAAhD,EAAgBgC,yBAAa,OAI1E"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\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 */.DataGrid-module_grid-wrapper__bU1-r{padding:.875rem 0}.DataGrid-module_table-wrapper__wCMOu{overflow-x:auto}.DataGrid-module_table__SxgAf{border-collapse:collapse;padding-top:.5rem;position:relative;width:100%}.DataGrid-module_pagination__-Tksb{margin-top:.875rem;padding:0 1rem}@media only screen and (min-width:50em){.DataGrid-module_pagination__-Tksb{padding:0 1.25rem}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFHcmlkLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YscUNBQ0UsaUJBQ0YsQ0FFQSxzQ0FDRSxlQUNGLENBRUEsOEJBQ0Usd0JBQXlCLENBQ3pCLGlCQUFtQixDQUVuQixpQkFBa0IsQ0FEbEIsVUFFRixDQUVBLG1DQUNFLGtCQUFvQixDQUNwQixjQUNGLENBRUEsd0NBQ0UsbUNBQ0UsaUJBQ0YsQ0FDRiIsImZpbGUiOiJEYXRhR3JpZC5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uZ3JpZC13cmFwcGVyIHtcbiAgcGFkZGluZzogMC44NzVyZW0gMDtcbn1cblxuLnRhYmxlLXdyYXBwZXIge1xuICBvdmVyZmxvdy14OiBhdXRvO1xufVxuXG4udGFibGUge1xuICBib3JkZXItY29sbGFwc2U6IGNvbGxhcHNlO1xuICBwYWRkaW5nLXRvcDogMC41cmVtO1xuICB3aWR0aDogMTAwJTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuXG4ucGFnaW5hdGlvbiB7XG4gIG1hcmdpbi10b3A6IDAuODc1cmVtO1xuICBwYWRkaW5nOiAwIDFyZW07XG59XG5cbkBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1pbi13aWR0aDogNTBlbSkge1xuICAucGFnaW5hdGlvbiB7XG4gICAgcGFkZGluZzogMCAxLjI1cmVtO1xuICB9XG59Il19 */'),exports.default={"grid-wrapper":"DataGrid-module_grid-wrapper__bU1-r","table-wrapper":"DataGrid-module_table-wrapper__wCMOu",table:"DataGrid-module_table__SxgAf",pagination:"DataGrid-module_pagination__-Tksb"};
+//# sourceMappingURL=DataGrid.module.scss.cjs.js.map

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

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

package/dist/cjs/DataGrid/DataGridActions/DataGridActions.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");var t=require("../../Button/Button.cjs.js");var l=require("../../Button/IconButton.cjs.js");var a=require("../../Icon/Icon.cjs.js");var n=require("./DataGridActions.module.cjs.js");var o=require("./DataGridColumnsToggle.cjs.js");function c(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var r=c(e);const s=({className:c,enableAddBtn:s,enableColumnsBtn:u,enableSearchBtn:d,addBtnProps:i={},columnsBtnProps:m={},searchBtnProps:f={},searchIconBtnProps:v={},headers:h,onColumnToggled:I,children:E,...B},g)=>{var p,j,N,C;const b=!(s||u||d);const[$,S]=e.useState(false);const q=e.useRef(null);const{children:P,...T}=i;const{children:k,...A}=m;const{children:x,...y}=f;return b?null:r["default"].createElement("div",{...B,ref:g,className:`${n["default"]["actions"]} ${c!==null&&c!==void 0?c:""}`},r["default"].createElement("div",{className:n["default"]["left-actions"]},s&&r["default"].createElement(t.Button,{color:"primary",startIcon:r["default"].createElement(a.Icon,{icon:a.Icons.Plus}),title:"Add item",type:"button",variant:"outline",...T},P!==null&&P!==void 0?P:"Add item")),r["default"].createElement("div",{className:n["default"]["right-actions"]},u&&r["default"].createElement(e.Fragment,null,r["default"].createElement(t.Button,{startIcon:r["default"].createElement(a.Icon,{icon:a.Icons.Change}),title:"Show/hide columns",variant:"text",...A,className:`${n["default"]["desktop"]} ${(p=m===null||m===void 0?void 0:m.className)!==null&&p!==void 0?p:""}`,ref:q,onClick:()=>S(true)},k!==null&&k!==void 0?k:"Columns"),r["default"].createElement(l.IconButton,{title:"Show/hide columns",...m,onClick:()=>S(true),className:`${n["default"]["mobile"]} ${(j=m===null||m===void 0?void 0:m.className)!==null&&j!==void 0?j:""}`},r["default"].createElement(a.Icon,{icon:a.Icons.Change})),r["default"].createElement(o.DataGridColumnsToggle,{"aria-hidden":!$,open:$,headers:h,onClose:()=>S(false),onToggleClicked:I,anchorEl:q})),d&&r["default"].createElement(e.Fragment,null,r["default"].createElement(t.Button,{startIcon:r["default"].createElement(a.Icon,{icon:a.Icons.TableSearch}),title:"Search",variant:"text",...y,className:`${n["default"]["desktop"]} ${(N=f===null||f===void 0?void 0:f.className)!==null&&N!==void 0?N:""}`},x!==null&&x!==void 0?x:"Search"),r["default"].createElement(l.IconButton,{title:"Search",...v,className:`${n["default"]["mobile"]} ${(C=m===null||m===void 0?void 0:m.className)!==null&&C!==void 0?C:""}`},r["default"].createElement(a.Icon,{icon:a.Icons.TableSearch})))))};const u=r["default"].forwardRef(s);exports.DataGridActions=u;
+"use strict";var e=require("react"),t=require("../../Button/Button.cjs.js"),n=require("../../Button/IconButton.cjs.js"),l=require("../../Icon/Icon.cjs.js"),a=require("./DataGridActions.module.scss.cjs.js"),c=require("./DataGridColumnsToggle.cjs.js");const o=e.forwardRef((({className:o,enableAddBtn:s,enableColumnsBtn:r,enableSearchBtn:i,addBtnProps:u={},columnsBtnProps:d={},searchBtnProps:m={},searchIconBtnProps:h={},headers:I,onColumnToggled:E,children:v,...B},f)=>{var g,N,C,j;const p=!(s||r||i),[$,S]=e.useState(!1),b=e.useRef(null),{children:q,...T}=u,{children:k,...A}=d,{children:P,...D}=m;return p?null:e.createElement("div",{...B,ref:f,className:`${a.default.actions} ${null!=o?o:""}`},e.createElement("div",{className:a.default["left-actions"]},s&&e.createElement(t.Button,{color:"primary",startIcon:e.createElement(l.Icon,{icon:l.Icons.Plus}),title:"Add item",type:"button",variant:"outline",...T},null!=q?q:"Add item")),e.createElement("div",{className:a.default["right-actions"]},r&&e.createElement(e.Fragment,null,e.createElement(t.Button,{startIcon:e.createElement(l.Icon,{icon:l.Icons.Change}),title:"Show/hide columns",variant:"text",...A,className:`${a.default.desktop} ${null!==(g=null==d?void 0:d.className)&&void 0!==g?g:""}`,ref:b,onClick:()=>S(!0)},null!=k?k:"Columns"),e.createElement(n.IconButton,{title:"Show/hide columns",...d,onClick:()=>S(!0),className:`${a.default.mobile} ${null!==(N=null==d?void 0:d.className)&&void 0!==N?N:""}`},e.createElement(l.Icon,{icon:l.Icons.Change})),e.createElement(c.DataGridColumnsToggle,{"aria-hidden":!$,open:$,headers:I,onClose:()=>S(!1),onToggleClicked:E,anchorEl:b})),i&&e.createElement(e.Fragment,null,e.createElement(t.Button,{startIcon:e.createElement(l.Icon,{icon:l.Icons.TableSearch}),title:"Search",variant:"text",...D,className:`${a.default.desktop} ${null!==(C=null==m?void 0:m.className)&&void 0!==C?C:""}`},null!=P?P:"Search"),e.createElement(n.IconButton,{title:"Search",...h,className:`${a.default.mobile} ${null!==(j=null==d?void 0:d.className)&&void 0!==j?j:""}`},e.createElement(l.Icon,{icon:l.Icons.TableSearch})))))}));exports.DataGridActions=o;
 //# sourceMappingURL=DataGridActions.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DataGridActions.cjs.js","sources":["../../../../../../src/components/DataGrid/DataGridActions/DataGridActions.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ComponentPropsWithRef,\n  ForwardRefRenderFunction,\n  Fragment,\n  useRef,\n  useState\n} from \"react\";\nimport { Button, Props as ButtonProps } from \"../../Button/Button\";\nimport { IconButton } from \"../../Button/IconButton\";\nimport { Icon, Icons } from \"../../Icon/Icon\";\nimport { HeaderCell } from \"../datagrid.interfaces\";\nimport classes from \"./DataGridActions.module.scss\";\nimport { DataGridColumnsToggle } from \"./DataGridColumnsToggle\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  enableAddBtn?: boolean;\n  enableColumnsBtn?: boolean;\n  enableSearchBtn?: boolean;\n  addBtnProps?: ButtonProps;\n  columnsBtnProps?: ButtonProps;\n  searchBtnProps?: ButtonProps;\n  searchIconBtnProps?: ButtonProps;\n  headers: HeaderCell[];\n  onColumnToggled: (colName: string) => void;\n}\n\nconst DataGridActionsComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    className,\n    enableAddBtn,\n    enableColumnsBtn,\n    enableSearchBtn,\n    addBtnProps = {},\n    columnsBtnProps = {},\n    searchBtnProps = {},\n    searchIconBtnProps = {},\n    headers,\n    onColumnToggled,\n    children,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const isHidden = !(enableAddBtn || enableColumnsBtn || enableSearchBtn);\n  const [showColsPopover, setShowColsPopover] = useState(false);\n  const showColumnBtn = useRef<HTMLButtonElement>(null);\n  const { children: addBtnChildren, ...restAddBtnProps } = addBtnProps;\n  const { children: columnsBtnChildren, ...restColumnsBtnProps } = columnsBtnProps;\n  const { children: searchBtnChildren, ...restSearchBtnProps } = searchBtnProps;\n\n  return isHidden ? null : (\n    <div {...rest} ref={ref} className={`${classes[\"actions\"]} ${className ?? \"\"}`}>\n      <div className={classes[\"left-actions\"]}>\n        {enableAddBtn && (\n          <Button\n            color=\"primary\"\n            startIcon={<Icon icon={Icons.Plus} />}\n            title=\"Add item\"\n            type=\"button\"\n            variant=\"outline\"\n            {...restAddBtnProps}\n          >\n            {addBtnChildren ?? \"Add item\"}\n          </Button>\n        )}\n      </div>\n      <div className={classes[\"right-actions\"]}>\n        {enableColumnsBtn && (\n          <Fragment>\n            <Button\n              startIcon={<Icon icon={Icons.Change} />}\n              title=\"Show/hide columns\"\n              variant=\"text\"\n              {...restColumnsBtnProps}\n              className={`${classes[\"desktop\"]} ${columnsBtnProps?.className ?? \"\"}`}\n              ref={showColumnBtn}\n              onClick={() => setShowColsPopover(true)}\n            >\n              {columnsBtnChildren ?? \"Columns\"}\n            </Button>\n            <IconButton\n              title=\"Show/hide columns\"\n              {...columnsBtnProps}\n              onClick={() => setShowColsPopover(true)}\n              className={`${classes[\"mobile\"]} ${columnsBtnProps?.className ?? \"\"}`}\n            >\n              <Icon icon={Icons.Change} />\n            </IconButton>\n            <DataGridColumnsToggle\n              aria-hidden={!showColsPopover}\n              open={showColsPopover}\n              headers={headers}\n              onClose={() => setShowColsPopover(false)}\n              onToggleClicked={onColumnToggled}\n              anchorEl={showColumnBtn}\n            />\n          </Fragment>\n        )}\n        {enableSearchBtn && (\n          <Fragment>\n            <Button\n              startIcon={<Icon icon={Icons.TableSearch} />}\n              title=\"Search\"\n              variant=\"text\"\n              {...restSearchBtnProps}\n              className={`${classes[\"desktop\"]} ${searchBtnProps?.className ?? \"\"}`}\n            >\n              {searchBtnChildren ?? \"Search\"}\n            </Button>\n            <IconButton\n              title=\"Search\"\n              {...searchIconBtnProps}\n              className={`${classes[\"mobile\"]} ${columnsBtnProps?.className ?? \"\"}`}\n            >\n              <Icon icon={Icons.TableSearch} />\n            </IconButton>\n          </Fragment>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport const DataGridActions = React.forwardRef(DataGridActionsComponent);\n"],"names":["DataGridActionsComponent","className","enableAddBtn","enableColumnsBtn","enableSearchBtn","addBtnProps","columnsBtnProps","searchBtnProps","searchIconBtnProps","headers","onColumnToggled","children","rest","ref","isHidden","showColsPopover","setShowColsPopover","useState","showColumnBtn","useRef","addBtnChildren","restAddBtnProps","columnsBtnChildren","restColumnsBtnProps","searchBtnChildren","restSearchBtnProps","React","createElement","classes","Button","color","startIcon","Icon","icon","Icons","Plus","title","type","variant","Fragment","Change","_a","onClick","IconButton","_b","DataGridColumnsToggle","open","onClose","onToggleClicked","anchorEl","TableSearch","_c","_d","DataGridActions","forwardRef"],"mappings":"sZA0CA,MAAMA,EAA4E,EAE9EC,YACAC,eACAC,mBACAC,kBACAC,cAAc,CAAE,EAChBC,kBAAkB,CAAA,EAClBC,iBAAiB,CAAE,EACnBC,qBAAqB,CAAA,EACrBC,UACAC,kBACAC,cACGC,GAELC,iBAEA,MAAMC,IAAaZ,GAAgBC,GAAoBC,GACvD,MAAOW,EAAiBC,GAAsBC,EAAQA,SAAC,OACvD,MAAMC,EAAgBC,SAA0B,MAChD,MAAQR,SAAUS,KAAmBC,GAAoBhB,EACzD,MAAQM,SAAUW,KAAuBC,GAAwBjB,EACjE,MAAQK,SAAUa,KAAsBC,GAAuBlB,EAE/D,OAAOO,EAAW,KAChBY,EAAA,WAAAC,cAAA,MAAA,IAASf,EAAMC,IAAKA,EAAKZ,UAAW,GAAG2B,EAAO,WAAC,cAAc3B,IAAS,MAATA,SAAS,EAATA,EAAa,MACxEyB,EAAK,WAAAC,cAAA,MAAA,CAAA1B,UAAW2B,aAAQ,iBACrB1B,GACCwB,EAAC,WAAAC,cAAAE,EAAAA,QACCC,MAAM,UACNC,UAAWL,2BAACM,OAAI,CAACC,KAAMC,QAAMC,OAC7BC,MAAM,WACNC,KAAK,SACLC,QAAQ,aACJjB,GAEHD,IAAc,MAAdA,SAAc,EAAdA,EAAkB,aAIzBM,EAAA,WAAAC,cAAA,MAAA,CAAK1B,UAAW2B,EAAAA,WAAQ,kBACrBzB,GACCuB,EAAA,WAAAC,cAACY,EAAAA,SAAQ,KACPb,EAAAA,WAAAC,cAACE,SAAM,CACLE,UAAWL,EAAC,WAAAC,cAAAK,EAAAA,KAAK,CAAAC,KAAMC,EAAKA,MAACM,SAC7BJ,MAAM,oBACNE,QAAQ,UACJf,EACJtB,UAAW,GAAG2B,EAAAA,WAAQ,eAAca,EAAAnC,IAAA,MAAAA,SAAA,OAAA,EAAAA,EAAiBL,aAAa,MAAAwC,SAAA,EAAAA,EAAA,KAClE5B,IAAKK,EACLwB,QAAS,IAAM1B,EAAmB,OAEjCM,IAAkB,MAAlBA,SAAkB,EAAlBA,EAAsB,WAEzBI,EAAA,WAAAC,cAACgB,EAAUA,WACT,CAAAP,MAAM,uBACF9B,EACJoC,QAAS,IAAM1B,EAAmB,MAClCf,UAAW,GAAG2B,EAAAA,WAAQ,cAAagB,EAAAtC,IAAA,MAAAA,kBAAAA,EAAiBL,aAAS,MAAA2C,SAAA,EAAAA,EAAI,MAEjElB,EAAC,WAAAC,cAAAK,QAAKC,KAAMC,EAAKA,MAACM,UAEpBd,aAAAC,cAACkB,EAAAA,sBAAqB,CAAA,eACN9B,EACd+B,KAAM/B,EACNN,QAASA,EACTsC,QAAS,IAAM/B,EAAmB,OAClCgC,gBAAiBtC,EACjBuC,SAAU/B,KAIfd,GACCsB,EAAA,WAAAC,cAACY,EAAAA,SAAQ,KACPb,aAACC,cAAAE,EAAMA,QACLE,UAAWL,2BAACM,EAAIA,KAAA,CAACC,KAAMC,QAAMgB,cAC7Bd,MAAM,SACNE,QAAQ,UACJb,EACJxB,UAAW,GAAG2B,aAAQ,iBAAcrB,IAAc,MAAdA,SAAc,OAAA,EAAdA,EAAgBN,aAAa,MAAAkD,SAAA,EAAAA,EAAA,MAEhE3B,IAAiB,MAAjBA,SAAA,EAAAA,EAAqB,UAExBE,EAAAA,WAACC,cAAAgB,EAAAA,WACC,CAAAP,MAAM,YACF5B,EACJP,UAAW,GAAG2B,EAAO,WAAC,cAAawB,EAAA9C,IAAA,MAAAA,SAAA,OAAA,EAAAA,EAAiBL,aAAa,MAAAmD,SAAA,EAAAA,EAAA,MAEjE1B,EAAAA,WAAAC,cAACK,OAAI,CAACC,KAAMC,EAAAA,MAAMgB,iBAM7B,EAGU,MAAAG,EAAkB3B,EAAAA,WAAM4B,WAAWtD"}
+{"version":3,"file":"DataGridActions.cjs.js","sources":["../../../../../../src/components/DataGrid/DataGridActions/DataGridActions.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ComponentPropsWithRef,\n  ForwardRefRenderFunction,\n  Fragment,\n  useRef,\n  useState\n} from \"react\";\nimport { Button, Props as ButtonProps } from \"../../Button/Button\";\nimport { IconButton } from \"../../Button/IconButton\";\nimport { Icon, Icons } from \"../../Icon/Icon\";\nimport { HeaderCell } from \"../datagrid.interfaces\";\nimport classes from \"./DataGridActions.module.scss\";\nimport { DataGridColumnsToggle } from \"./DataGridColumnsToggle\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  enableAddBtn?: boolean;\n  enableColumnsBtn?: boolean;\n  enableSearchBtn?: boolean;\n  addBtnProps?: ButtonProps;\n  columnsBtnProps?: ButtonProps;\n  searchBtnProps?: ButtonProps;\n  searchIconBtnProps?: ButtonProps;\n  headers: HeaderCell[];\n  onColumnToggled: (colName: string) => void;\n}\n\nconst DataGridActionsComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    className,\n    enableAddBtn,\n    enableColumnsBtn,\n    enableSearchBtn,\n    addBtnProps = {},\n    columnsBtnProps = {},\n    searchBtnProps = {},\n    searchIconBtnProps = {},\n    headers,\n    onColumnToggled,\n    children,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const isHidden = !(enableAddBtn || enableColumnsBtn || enableSearchBtn);\n  const [showColsPopover, setShowColsPopover] = useState(false);\n  const showColumnBtn = useRef<HTMLButtonElement>(null);\n  const { children: addBtnChildren, ...restAddBtnProps } = addBtnProps;\n  const { children: columnsBtnChildren, ...restColumnsBtnProps } = columnsBtnProps;\n  const { children: searchBtnChildren, ...restSearchBtnProps } = searchBtnProps;\n\n  return isHidden ? null : (\n    <div {...rest} ref={ref} className={`${classes[\"actions\"]} ${className ?? \"\"}`}>\n      <div className={classes[\"left-actions\"]}>\n        {enableAddBtn && (\n          <Button\n            color=\"primary\"\n            startIcon={<Icon icon={Icons.Plus} />}\n            title=\"Add item\"\n            type=\"button\"\n            variant=\"outline\"\n            {...restAddBtnProps}\n          >\n            {addBtnChildren ?? \"Add item\"}\n          </Button>\n        )}\n      </div>\n      <div className={classes[\"right-actions\"]}>\n        {enableColumnsBtn && (\n          <Fragment>\n            <Button\n              startIcon={<Icon icon={Icons.Change} />}\n              title=\"Show/hide columns\"\n              variant=\"text\"\n              {...restColumnsBtnProps}\n              className={`${classes[\"desktop\"]} ${columnsBtnProps?.className ?? \"\"}`}\n              ref={showColumnBtn}\n              onClick={() => setShowColsPopover(true)}\n            >\n              {columnsBtnChildren ?? \"Columns\"}\n            </Button>\n            <IconButton\n              title=\"Show/hide columns\"\n              {...columnsBtnProps}\n              onClick={() => setShowColsPopover(true)}\n              className={`${classes[\"mobile\"]} ${columnsBtnProps?.className ?? \"\"}`}\n            >\n              <Icon icon={Icons.Change} />\n            </IconButton>\n            <DataGridColumnsToggle\n              aria-hidden={!showColsPopover}\n              open={showColsPopover}\n              headers={headers}\n              onClose={() => setShowColsPopover(false)}\n              onToggleClicked={onColumnToggled}\n              anchorEl={showColumnBtn}\n            />\n          </Fragment>\n        )}\n        {enableSearchBtn && (\n          <Fragment>\n            <Button\n              startIcon={<Icon icon={Icons.TableSearch} />}\n              title=\"Search\"\n              variant=\"text\"\n              {...restSearchBtnProps}\n              className={`${classes[\"desktop\"]} ${searchBtnProps?.className ?? \"\"}`}\n            >\n              {searchBtnChildren ?? \"Search\"}\n            </Button>\n            <IconButton\n              title=\"Search\"\n              {...searchIconBtnProps}\n              className={`${classes[\"mobile\"]} ${columnsBtnProps?.className ?? \"\"}`}\n            >\n              <Icon icon={Icons.TableSearch} />\n            </IconButton>\n          </Fragment>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport const DataGridActions = React.forwardRef(DataGridActionsComponent);\n"],"names":["DataGridActions","React","forwardRef","className","enableAddBtn","enableColumnsBtn","enableSearchBtn","addBtnProps","columnsBtnProps","searchBtnProps","searchIconBtnProps","headers","onColumnToggled","children","rest","ref","isHidden","showColsPopover","setShowColsPopover","useState","showColumnBtn","useRef","addBtnChildren","restAddBtnProps","columnsBtnChildren","restColumnsBtnProps","searchBtnChildren","restSearchBtnProps","createElement","classes","default","Button","color","startIcon","Icon","icon","Icons","Plus","title","type","variant","Fragment","Change","_a","onClick","IconButton","_b","DataGridColumnsToggle","open","onClose","onToggleClicked","anchorEl","TableSearch","_c","_d"],"mappings":"0PA0CA,MAiGaA,EAAkBC,EAAMC,YAjG6C,EAE9EC,YACAC,eACAC,mBACAC,kBACAC,cAAc,CAAE,EAChBC,kBAAkB,CAAA,EAClBC,iBAAiB,CAAE,EACnBC,qBAAqB,CAAA,EACrBC,UACAC,kBACAC,cACGC,GAELC,iBAEA,MAAMC,IAAaZ,GAAgBC,GAAoBC,IAChDW,EAAiBC,GAAsBC,EAAQA,UAAC,GACjDC,EAAgBC,SAA0B,OACxCR,SAAUS,KAAmBC,GAAoBhB,GACjDM,SAAUW,KAAuBC,GAAwBjB,GACzDK,SAAUa,KAAsBC,GAAuBlB,EAE/D,OAAOO,EAAW,KAChBf,EAAA2B,cAAA,MAAA,IAASd,EAAMC,IAAKA,EAAKZ,UAAW,GAAG0B,EAAOC,QAAU,WAAK3B,QAAAA,EAAa,MACxEF,EAAK2B,cAAA,MAAA,CAAAzB,UAAW0B,UAAQ,iBACrBzB,GACCH,EAAC2B,cAAAG,EAAAA,QACCC,MAAM,UACNC,UAAWhC,gBAACiC,OAAI,CAACC,KAAMC,QAAMC,OAC7BC,MAAM,WACNC,KAAK,SACLC,QAAQ,aACJjB,GAEHD,QAAAA,EAAkB,aAIzBrB,EAAA2B,cAAA,MAAA,CAAKzB,UAAW0B,EAAAA,QAAQ,kBACrBxB,GACCJ,EAAA2B,cAACa,EAAAA,SAAQ,KACPxC,EAAA2B,cAACG,SAAM,CACLE,UAAWhC,EAAC2B,cAAAM,EAAAA,KAAK,CAAAC,KAAMC,EAAKA,MAACM,SAC7BJ,MAAM,oBACNE,QAAQ,UACJf,EACJtB,UAAW,GAAG0B,EAAAA,QAAiB,WAAmC,QAA9Bc,EAAAnC,aAAA,EAAAA,EAAiBL,iBAAa,IAAAwC,EAAAA,EAAA,KAClE5B,IAAKK,EACLwB,QAAS,IAAM1B,GAAmB,IAEjCM,QAAAA,EAAsB,WAEzBvB,EAAA2B,cAACiB,EAAUA,WACT,CAAAP,MAAM,uBACF9B,EACJoC,QAAS,IAAM1B,GAAmB,GAClCf,UAAW,GAAG0B,EAAAA,QAAgB,UAA+B,QAA1BiB,EAAAtC,eAAAA,EAAiBL,iBAAS,IAAA2C,EAAAA,EAAI,MAEjE7C,EAAC2B,cAAAM,QAAKC,KAAMC,EAAKA,MAACM,UAEpBzC,EAAA2B,cAACmB,EAAAA,sBAAqB,CAAA,eACN9B,EACd+B,KAAM/B,EACNN,QAASA,EACTsC,QAAS,IAAM/B,GAAmB,GAClCgC,gBAAiBtC,EACjBuC,SAAU/B,KAIfd,GACCL,EAAA2B,cAACa,EAAAA,SAAQ,KACPxC,EAAC2B,cAAAG,EAAMA,QACLE,UAAWhC,gBAACiC,EAAIA,KAAA,CAACC,KAAMC,QAAMgB,cAC7Bd,MAAM,SACNE,QAAQ,UACJb,EACJxB,UAAW,GAAG0B,UAAiB,WAAkC,UAA7BpB,aAAc,EAAdA,EAAgBN,iBAAa,IAAAkD,EAAAA,EAAA,MAEhE3B,QAAAA,EAAqB,UAExBzB,EAAC2B,cAAAiB,EAAAA,WACC,CAAAP,MAAM,YACF5B,EACJP,UAAW,GAAG0B,EAAOC,QAAS,UAAmC,QAA9BwB,EAAA9C,aAAA,EAAAA,EAAiBL,iBAAa,IAAAmD,EAAAA,EAAA,MAEjErD,EAAA2B,cAACM,OAAI,CAACC,KAAMC,EAAAA,MAAMgB,iBAM7B"}

package/dist/cjs/DataGrid/DataGridActions/DataGridActions.module.scss.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\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 */.DataGridActions-module_actions__xPDqj{display:flex;flex-wrap:wrap;margin-bottom:1rem;padding:0 1rem}.DataGridActions-module_left-actions__NeGjp{flex:1}.DataGridActions-module_right-actions__D8ied{display:flex;gap:1rem}.DataGridActions-module_desktop__b-nyM{display:none}@media only screen and (min-width:50em){.DataGridActions-module_actions__xPDqj{padding:0 1.25rem}}@media only screen and (min-width:30em){.DataGridActions-module_desktop__b-nyM{display:flex}.DataGridActions-module_mobile__XUP-R{display:none}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFHcmlkQWN0aW9ucy5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLHVDQUdFLFlBQWEsQ0FDYixjQUFlLENBSGYsa0JBQW1CLENBQ25CLGNBR0YsQ0FFQSw0Q0FDRSxNQUNGLENBRUEsNkNBQ0UsWUFBYSxDQUNiLFFBQ0YsQ0FFQSx1Q0FDRSxZQUNGLENBRUEsd0NBQ0UsdUNBQ0UsaUJBQ0YsQ0FDRixDQUNBLHdDQUNFLHVDQUNFLFlBQ0YsQ0FDQSxzQ0FDRSxZQUNGLENBQ0YiLCJmaWxlIjoiRGF0YUdyaWRBY3Rpb25zLm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5hY3Rpb25zIHtcbiAgbWFyZ2luLWJvdHRvbTogMXJlbTtcbiAgcGFkZGluZzogMCAxcmVtO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LXdyYXA6IHdyYXA7XG59XG5cbi5sZWZ0LWFjdGlvbnMge1xuICBmbGV4OiAxO1xufVxuXG4ucmlnaHQtYWN0aW9ucyB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogMXJlbTtcbn1cblxuLmRlc2t0b3Age1xuICBkaXNwbGF5OiBub25lO1xufVxuXG5AbWVkaWEgb25seSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDUwZW0pIHtcbiAgLmFjdGlvbnMge1xuICAgIHBhZGRpbmc6IDAgMS4yNXJlbTtcbiAgfVxufVxuQG1lZGlhIG9ubHkgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAzMGVtKSB7XG4gIC5kZXNrdG9wIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICB9XG4gIC5tb2JpbGUge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cbn0iXX0= */'),exports.default={actions:"DataGridActions-module_actions__xPDqj","left-actions":"DataGridActions-module_left-actions__NeGjp","right-actions":"DataGridActions-module_right-actions__D8ied",desktop:"DataGridActions-module_desktop__b-nyM",mobile:"DataGridActions-module_mobile__XUP-R"};
+//# sourceMappingURL=DataGridActions.module.scss.cjs.js.map

package/dist/cjs/DataGrid/DataGridActions/DataGridActions.module.scss.cjs.js.map

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

package/dist/cjs/DataGrid/DataGridActions/DataGridColumnsToggle.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");var a=require("../../Button/IconButton.cjs.js");var t=require("../../Form/Toggle/Toggle.cjs.js");var r=require("../../Icon/Icon.cjs.js");var l=require("../../Popover/Popover.cjs.js");var o=require("../../Typography/Typography.cjs.js");var n=require("../../src/util/helper.cjs.js");var c=require("./DataGridColumnsToggle.module.cjs.js");var s=require("react-dom");function u(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var d=u(e);const i=({open:u,headers:i,titleLabel:m="Show columns",closeButtonTitle:f="Close show columns dialog",onClose:g,onToggleClicked:p,className:v,domRoot:h=document.body,...j},y)=>{const[T]=e.useState(n.generateID());const b=T+"_header";const q=i.map((e=>d["default"].createElement(t.Toggle,{key:e.name,name:e.name,checked:!e.hidden,onChange:()=>p(e.name),label:e.headline})));const E=()=>g();return d["default"].createElement(l.Popover,{...j,ref:y,className:`${c["default"]["popover"]} ${v}`,show:u,role:"dialog","aria-modal":"true","aria-labelledby":b},u&&s.createPortal(d["default"].createElement("div",{"aria-hidden":"true",className:c["default"]["backdrop"],onClick:E}),h),u&&d["default"].createElement(e.Fragment,null,d["default"].createElement("div",{className:c["default"]["header"]},d["default"].createElement(o.Typography,{id:b,className:c["default"]["title"],tag:"span",variant:"h4"},m),d["default"].createElement(a.IconButton,{onClick:g,className:`${c["default"]["close-btn"]}`,title:f},d["default"].createElement(r.Icon,{icon:r.Icons.Times}))),d["default"].createElement("div",{className:c["default"]["content"]},q)))};const m=d["default"].forwardRef(i);exports.DataGridColumnsToggle=m;
+"use strict";var e=require("react"),a=require("../../Button/IconButton.cjs.js"),t=require("../../Form/Toggle/Toggle.cjs.js"),o=require("../../Icon/Icon.cjs.js"),r=require("../../Popover/Popover.cjs.js"),l=require("../../Typography/Typography.cjs.js"),s=require("../../src/util/helper.cjs.js"),c=require("./DataGridColumnsToggle.module.scss.cjs.js"),n=require("react-dom");const i=e.forwardRef((({open:i,headers:d,titleLabel:m="Show columns",closeButtonTitle:u="Close show columns dialog",onClose:g,onToggleClicked:p,className:h,domRoot:j=document.body,...T},f)=>{const[q]=e.useState(s.generateID()),v=q+"_header",y=d.map((a=>e.createElement(t.Toggle,{key:a.name,name:a.name,checked:!a.hidden,onChange:()=>p(a.name),label:a.headline})));return e.createElement(r.Popover,{...T,ref:f,className:`${c.default.popover} ${h}`,show:i,role:"dialog","aria-modal":"true","aria-labelledby":v},i&&n.createPortal(e.createElement("div",{"aria-hidden":"true",className:c.default.backdrop,onClick:()=>g()}),j),i&&e.createElement(e.Fragment,null,e.createElement("div",{className:c.default.header},e.createElement(l.Typography,{id:v,className:c.default.title,tag:"span",variant:"h4"},m),e.createElement(a.IconButton,{onClick:g,className:`${c.default["close-btn"]}`,title:u},e.createElement(o.Icon,{icon:o.Icons.Times}))),e.createElement("div",{className:c.default.content},y)))}));exports.DataGridColumnsToggle=i;
 //# sourceMappingURL=DataGridColumnsToggle.cjs.js.map

package/dist/cjs/DataGrid/DataGridActions/DataGridColumnsToggle.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataGridColumnsToggle.cjs.js","sources":["../../../../../../src/components/DataGrid/DataGridActions/DataGridColumnsToggle.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, Fragment, useState } from \"react\";\nimport { IconButton } from \"../../Button/IconButton\";\nimport { Toggle } from \"../../Form/Toggle/Toggle\";\nimport { Icon, Icons } from \"../../Icon/Icon\";\nimport { Popover, Props as PopoverProps } from \"../../Popover/Popover\";\nimport { Typography } from \"../../Typography/Typography\";\nimport { generateID } from \"../../../util/helper\";\nimport { HeaderCell } from \"../datagrid.interfaces\";\nimport classes from \"./DataGridColumnsToggle.module.scss\";\nimport { createPortal } from \"react-dom\";\n\nexport interface Props extends PopoverProps {\n  open: boolean;\n  headers: HeaderCell[];\n  titleLabel?: string;\n  closeButtonTitle?: string;\n  onClose: () => void;\n  onToggleClicked: (colName: string) => void;\n  domRoot?: HTMLElement;\n}\n\nconst DataGridColumnsToggleComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    open,\n    headers,\n    titleLabel = \"Show columns\",\n    closeButtonTitle = \"Close show columns dialog\",\n    onClose,\n    onToggleClicked,\n    className,\n    domRoot = document.body,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const [id] = useState(generateID());\n  const labelledId = id + \"_header\";\n\n  const toggles = headers.map(item => (\n    <Toggle\n      key={item.name}\n      name={item.name}\n      checked={!item.hidden}\n      onChange={() => onToggleClicked(item.name)}\n      label={item.headline}\n    />\n  ));\n\n  const handleBackdropClick = () => onClose();\n\n  return (\n    <Popover\n      {...rest}\n      ref={ref}\n      className={`${classes[\"popover\"]} ${className}`}\n      show={open}\n      role=\"dialog\"\n      aria-modal=\"true\"\n      aria-labelledby={labelledId}\n    >\n      {open &&\n        createPortal(\n          <div\n            aria-hidden=\"true\"\n            className={classes[\"backdrop\"]}\n            onClick={handleBackdropClick}\n          ></div>,\n          domRoot\n        )}\n      {open && (\n        <Fragment>\n          <div className={classes[\"header\"]}>\n            <Typography id={labelledId} className={classes[\"title\"]} tag=\"span\" variant=\"h4\">\n              {titleLabel}\n            </Typography>\n            <IconButton\n              onClick={onClose}\n              className={`${classes[\"close-btn\"]}`}\n              title={closeButtonTitle}\n            >\n              <Icon icon={Icons.Times} />\n            </IconButton>\n          </div>\n          <div className={classes[\"content\"]}>{toggles}</div>\n        </Fragment>\n      )}\n    </Popover>\n  );\n};\n\nexport const DataGridColumnsToggle = React.forwardRef(DataGridColumnsToggleComponent);\n"],"names":["DataGridColumnsToggleComponent","open","headers","titleLabel","closeButtonTitle","onClose","onToggleClicked","className","domRoot","document","body","rest","ref","id","useState","generateID","labelledId","toggles","map","item","React","createElement","Toggle","key","name","checked","hidden","onChange","label","headline","handleBackdropClick","Popover","classes","show","role","createPortal","onClick","Fragment","Typography","tag","variant","IconButton","title","Icon","icon","Icons","Times","DataGridColumnsToggle","forwardRef"],"mappings":"4hBAqCA,MAAMA,EAAkF,EAEpFC,OACAC,UACAC,aAAa,eACbC,mBAAmB,4BACnBC,UACAC,kBACAC,YACAC,UAAUC,SAASC,QAChBC,GAELC,KAEA,MAAOC,GAAMC,WAASC,EAAAA,cACtB,MAAMC,EAAaH,EAAK,UAExB,MAAMI,EAAUf,EAAQgB,KAAIC,GAC1BC,EAAAA,WAAAC,cAACC,EAAMA,OACL,CAAAC,IAAKJ,EAAKK,KACVA,KAAML,EAAKK,KACXC,SAAUN,EAAKO,OACfC,SAAU,IAAMrB,EAAgBa,EAAKK,MACrCI,MAAOT,EAAKU,aAIhB,MAAMC,EAAsB,IAAMzB,IAElC,OACEe,aAAAC,cAACU,EAAOA,QAAA,IACFpB,EACJC,IAAKA,EACLL,UAAW,GAAGyB,aAAQ,cAAczB,IACpC0B,KAAMhC,EACNiC,KAAK,SACM,aAAA,yBACMlB,GAEhBf,GACCkC,EAAAA,aACEf,EAAAA,WACcC,cAAA,MAAA,CAAA,cAAA,OACZd,UAAWyB,EAAO,WAAC,YACnBI,QAASN,IAEXtB,GAEHP,GACCmB,EAAA,WAAAC,cAACgB,EAAAA,SAAQ,KACPjB,EAAA,WAAAC,cAAA,MAAA,CAAKd,UAAWyB,EAAAA,WAAQ,WACtBZ,EAAC,WAAAC,cAAAiB,EAAUA,YAACzB,GAAIG,EAAYT,UAAWyB,EAAAA,WAAQ,SAAUO,IAAI,OAAOC,QAAQ,MACzErC,GAEHiB,EAAAA,WAAAC,cAACoB,EAAAA,WACC,CAAAL,QAAS/B,EACTE,UAAW,GAAGyB,EAAO,WAAC,eACtBU,MAAOtC,GAEPgB,EAAC,WAAAC,cAAAsB,QAAKC,KAAMC,QAAMC,UAGtB1B,EAAAA,WAAAC,cAAA,MAAA,CAAKd,UAAWyB,EAAAA,WAAQ,YAAaf,IAI3C,EAGS,MAAA8B,EAAwB3B,EAAAA,WAAM4B,WAAWhD"}
+{"version":3,"file":"DataGridColumnsToggle.cjs.js","sources":["../../../../../../src/components/DataGrid/DataGridActions/DataGridColumnsToggle.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, Fragment, useState } from \"react\";\nimport { IconButton } from \"../../Button/IconButton\";\nimport { Toggle } from \"../../Form/Toggle/Toggle\";\nimport { Icon, Icons } from \"../../Icon/Icon\";\nimport { Popover, Props as PopoverProps } from \"../../Popover/Popover\";\nimport { Typography } from \"../../Typography/Typography\";\nimport { generateID } from \"../../../util/helper\";\nimport { HeaderCell } from \"../datagrid.interfaces\";\nimport classes from \"./DataGridColumnsToggle.module.scss\";\nimport { createPortal } from \"react-dom\";\n\nexport interface Props extends PopoverProps {\n  open: boolean;\n  headers: HeaderCell[];\n  titleLabel?: string;\n  closeButtonTitle?: string;\n  onClose: () => void;\n  onToggleClicked: (colName: string) => void;\n  domRoot?: HTMLElement;\n}\n\nconst DataGridColumnsToggleComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    open,\n    headers,\n    titleLabel = \"Show columns\",\n    closeButtonTitle = \"Close show columns dialog\",\n    onClose,\n    onToggleClicked,\n    className,\n    domRoot = document.body,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const [id] = useState(generateID());\n  const labelledId = id + \"_header\";\n\n  const toggles = headers.map(item => (\n    <Toggle\n      key={item.name}\n      name={item.name}\n      checked={!item.hidden}\n      onChange={() => onToggleClicked(item.name)}\n      label={item.headline}\n    />\n  ));\n\n  const handleBackdropClick = () => onClose();\n\n  return (\n    <Popover\n      {...rest}\n      ref={ref}\n      className={`${classes[\"popover\"]} ${className}`}\n      show={open}\n      role=\"dialog\"\n      aria-modal=\"true\"\n      aria-labelledby={labelledId}\n    >\n      {open &&\n        createPortal(\n          <div\n            aria-hidden=\"true\"\n            className={classes[\"backdrop\"]}\n            onClick={handleBackdropClick}\n          ></div>,\n          domRoot\n        )}\n      {open && (\n        <Fragment>\n          <div className={classes[\"header\"]}>\n            <Typography id={labelledId} className={classes[\"title\"]} tag=\"span\" variant=\"h4\">\n              {titleLabel}\n            </Typography>\n            <IconButton\n              onClick={onClose}\n              className={`${classes[\"close-btn\"]}`}\n              title={closeButtonTitle}\n            >\n              <Icon icon={Icons.Times} />\n            </IconButton>\n          </div>\n          <div className={classes[\"content\"]}>{toggles}</div>\n        </Fragment>\n      )}\n    </Popover>\n  );\n};\n\nexport const DataGridColumnsToggle = React.forwardRef(DataGridColumnsToggleComponent);\n"],"names":["DataGridColumnsToggle","React","forwardRef","open","headers","titleLabel","closeButtonTitle","onClose","onToggleClicked","className","domRoot","document","body","rest","ref","id","useState","generateID","labelledId","toggles","map","item","createElement","Toggle","key","name","checked","hidden","onChange","label","headline","Popover","classes","show","role","createPortal","default","onClick","Fragment","Typography","tag","variant","IconButton","title","Icon","icon","Icons","Times"],"mappings":"oXAqCA,MAqEaA,EAAwBC,EAAMC,YArE6C,EAEpFC,OACAC,UACAC,aAAa,eACbC,mBAAmB,4BACnBC,UACAC,kBACAC,YACAC,UAAUC,SAASC,QAChBC,GAELC,KAEA,MAAOC,GAAMC,WAASC,EAAAA,cAChBC,EAAaH,EAAK,UAElBI,EAAUf,EAAQgB,KAAIC,GAC1BpB,EAAAqB,cAACC,EAAMA,OACL,CAAAC,IAAKH,EAAKI,KACVA,KAAMJ,EAAKI,KACXC,SAAUL,EAAKM,OACfC,SAAU,IAAMpB,EAAgBa,EAAKI,MACrCI,MAAOR,EAAKS,aAMhB,OACE7B,EAAAqB,cAACS,EAAOA,QAAA,IACFlB,EACJC,IAAKA,EACLL,UAAW,GAAGuB,UAAiB,WAAKvB,IACpCwB,KAAM9B,EACN+B,KAAK,SACM,aAAA,yBACMhB,GAEhBf,GACCgC,EAAAA,aACElC,EACcqB,cAAA,MAAA,CAAA,cAAA,OACZb,UAAWuB,EAAOI,QAAW,SAC7BC,QAjBkB,IAAM9B,MAmB1BG,GAEHP,GACCF,EAAAqB,cAACgB,EAAAA,SAAQ,KACPrC,EAAAqB,cAAA,MAAA,CAAKb,UAAWuB,EAAAA,QAAgB,QAC9B/B,EAACqB,cAAAiB,EAAUA,YAACxB,GAAIG,EAAYT,UAAWuB,EAAAA,QAAe,MAAGQ,IAAI,OAAOC,QAAQ,MACzEpC,GAEHJ,EAAAqB,cAACoB,EAAAA,WACC,CAAAL,QAAS9B,EACTE,UAAW,GAAGuB,EAAOI,QAAC,eACtBO,MAAOrC,GAEPL,EAACqB,cAAAsB,QAAKC,KAAMC,QAAMC,UAGtB9C,EAAAqB,cAAA,MAAA,CAAKb,UAAWuB,EAAAA,QAAiB,SAAIb,IAI3C"}

package/dist/cjs/DataGrid/DataGridActions/DataGridColumnsToggle.module.scss.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\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 */.DataGridColumnsToggle-module_popover__ZkloW{background-color:var(--modal-background-color);font-family:var(--font-family);min-width:17.5rem;z-index:1}.DataGridColumnsToggle-module_backdrop__sBn3f{background-color:initial;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.DataGridColumnsToggle-module_header__16uNv{align-items:center;background-color:var(--modal-header-background-color);border-top-left-radius:.5rem;border-top-right-radius:.5rem;display:flex;min-width:5rem;padding:1rem .5rem 1rem 1.5rem}.DataGridColumnsToggle-module_title__XgQRt{flex:1;margin:0}.DataGridColumnsToggle-module_close-btn__QPaN-{margin-left:.5rem}.DataGridColumnsToggle-module_content__e8z8c{display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFHcmlkQ29sdW1uc1RvZ2dsZS5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLDZDQUNFLDhDQUErQyxDQUcvQyw4QkFBK0IsQ0FEL0IsaUJBQWtCLENBRGxCLFNBR0YsQ0FFQSw4Q0FPRSx3QkFBNkIsQ0FON0IsVUFBVyxDQUdYLFdBQVksQ0FDWixNQUFPLENBSFAsaUJBQWtCLENBSWxCLEtBQU0sQ0FITixVQUtGLENBRUEsNENBT0Usa0JBQW1CLENBSm5CLHFEQUFzRCxDQUN0RCw0QkFBOEIsQ0FDOUIsNkJBQStCLENBQy9CLFlBQWEsQ0FMYixjQUFlLENBQ2YsOEJBTUYsQ0FFQSwyQ0FDRSxNQUFPLENBQ1AsUUFDRixDQUVBLCtDQUNFLGlCQUNGLENBRUEsNkNBRUUsWUFBYSxDQUNiLHFCQUFzQixDQUN0QixXQUFZLENBSFosY0FJRiIsImZpbGUiOiJEYXRhR3JpZENvbHVtbnNUb2dnbGUubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnBvcG92ZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1tb2RhbC1iYWNrZ3JvdW5kLWNvbG9yKTtcbiAgei1pbmRleDogMTtcbiAgbWluLXdpZHRoOiAxNy41cmVtO1xuICBmb250LWZhbWlseTogdmFyKC0tZm9udC1mYW1pbHkpO1xufVxuXG4uYmFja2Ryb3Age1xuICBjb250ZW50OiBcIlwiO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIGxlZnQ6IDA7XG4gIHRvcDogMDtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG59XG5cbi5oZWFkZXIge1xuICBtaW4td2lkdGg6IDVyZW07XG4gIHBhZGRpbmc6IDFyZW0gMC41cmVtIDFyZW0gMS41cmVtO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1tb2RhbC1oZWFkZXItYmFja2dyb3VuZC1jb2xvcik7XG4gIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDAuNXJlbTtcbiAgYm9yZGVyLXRvcC1yaWdodC1yYWRpdXM6IDAuNXJlbTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbn1cblxuLnRpdGxlIHtcbiAgZmxleDogMTtcbiAgbWFyZ2luOiAwO1xufVxuXG4uY2xvc2UtYnRuIHtcbiAgbWFyZ2luLWxlZnQ6IDAuNXJlbTtcbn1cblxuLmNvbnRlbnQge1xuICBwYWRkaW5nOiAxLjVyZW07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGdhcDogMS4yNXJlbTtcbn0iXX0= */'),exports.default={popover:"DataGridColumnsToggle-module_popover__ZkloW",backdrop:"DataGridColumnsToggle-module_backdrop__sBn3f",header:"DataGridColumnsToggle-module_header__16uNv",title:"DataGridColumnsToggle-module_title__XgQRt","close-btn":"DataGridColumnsToggle-module_close-btn__QPaN-",content:"DataGridColumnsToggle-module_content__e8z8c"};
+//# sourceMappingURL=DataGridColumnsToggle.module.scss.cjs.js.map

package/dist/cjs/DataGrid/DataGridActions/DataGridColumnsToggle.module.scss.cjs.js.map

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

package/dist/cjs/DataGrid/DataGridBody/DataGridBody.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");var t=require("./DataGridCell.cjs.js");var r=require("./DataGridRow.cjs.js");var a=require("./DataGridBody.module.cjs.js");var l=require("../../Typography/Typography.cjs.js");function n(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var d=n(e);const i=9;const o=({children:e,data:n,headers:o,isLoading:u,disableContextMenuColumn:s,emptyLabel:c,spacing:f,...m},y)=>{const p=()=>{const m=o.filter((e=>!e.hidden)).length;if(u)return Array.from(Array(i)).map(((e,a)=>d["default"].createElement(r.DataGridRow,{key:a,isLoading:true},Array.from(Array(m)).map(((e,r)=>d["default"].createElement(t.DataGridCell,{key:r,isLoading:true}))),!s&&d["default"].createElement(t.DataGridCell,null))));const y=!n||n.length===0;if(y)return d["default"].createElement("tr",null,d["default"].createElement("td",{className:a["default"]["empty"],colSpan:m+(s?0:1)},d["default"].createElement(l.Typography,{variant:"body",spacing:{margin:0}},c)));return n===null||n===void 0?void 0:n.map(((t,r)=>d["default"].cloneElement(e({item:t,index:r}),{headers:o,spacing:f,disableContextMenuColumn:s})))};return d["default"].createElement("tbody",{...m,ref:y},p())};const u=d["default"].forwardRef(o);exports.DataGridBody=u;
+"use strict";var e=require("react"),a=require("./DataGridCell/DataGridCell.cjs.js"),r=require("./DataGridRow/DataGridRow.cjs.js"),t=require("./DataGridBody.module.scss.cjs.js"),l=require("../../Typography/Typography.cjs.js");const n=e.forwardRef((({children:n,data:i,headers:d,isLoading:s,disableContextMenuColumn:o,emptyLabel:c,spacing:m,...y},u)=>e.createElement("tbody",{...y,ref:u},(()=>{const y=d.filter((e=>!e.hidden)).length;if(s)return Array.from(Array(9)).map(((t,l)=>e.createElement(r.DataGridRow,{key:l,isLoading:!0},Array.from(Array(y)).map(((r,t)=>e.createElement(a.DataGridCell,{key:t,isLoading:!0}))),!o&&e.createElement(a.DataGridCell,null))));return!i||0===i.length?e.createElement("tr",null,e.createElement("td",{className:t.default.empty,colSpan:y+(o?0:1)},e.createElement(l.Typography,{variant:"body",spacing:{margin:0}},c))):null==i?void 0:i.map(((a,r)=>e.cloneElement(n({item:a,index:r}),{headers:d,spacing:m,disableContextMenuColumn:o})))})())));exports.DataGridBody=n;
 //# sourceMappingURL=DataGridBody.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DataGridBody.cjs.js","sources":["../../../../../../src/components/DataGrid/DataGridBody/DataGridBody.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ComponentPropsWithRef, ReactElement, Ref } from \"react\";\nimport { HeaderCell } from \"../datagrid.interfaces\";\nimport { DataGridCell } from \"./DataGridCell\";\nimport { DataGridRow } from \"./DataGridRow\";\nimport classes from \"./DataGridBody.module.scss\";\nimport { Typography } from \"../../Typography/Typography\";\n\nexport interface Props<T> extends Omit<ComponentPropsWithRef<\"tbody\">, \"children\"> {\n  children: ({ item, index }: { item: T; index: number }) => ReactElement;\n  data?: T[];\n  headers: HeaderCell[];\n  isLoading?: boolean;\n  disableContextMenuColumn?: boolean;\n  emptyLabel?: string;\n  spacing?: React.CSSProperties;\n}\n\nconst skeletonLoadingRows = 9;\n\nconst DataGridBodyInner = <T extends {}>(\n  {\n    children,\n    data,\n    headers,\n    isLoading,\n    disableContextMenuColumn,\n    emptyLabel,\n    spacing,\n    ...rest\n  }: Props<T>,\n  ref: Ref<HTMLTableSectionElement>\n) => {\n  const renderContent = () => {\n    const visibleColumns = headers.filter(header => !header.hidden).length;\n    if (isLoading) {\n      return Array.from(Array(skeletonLoadingRows)).map((_, rowIdx) => (\n        <DataGridRow key={rowIdx} isLoading>\n          {Array.from(Array(visibleColumns)).map((__, colIdx) => (\n            <DataGridCell key={colIdx} isLoading></DataGridCell>\n          ))}\n          {!disableContextMenuColumn && <DataGridCell></DataGridCell>}\n        </DataGridRow>\n      ));\n    }\n\n    const emptyData = !data || data.length === 0;\n    if (emptyData) {\n      return (\n        <tr>\n          <td\n            className={classes[\"empty\"]}\n            colSpan={visibleColumns + (disableContextMenuColumn ? 0 : 1)}\n          >\n            <Typography variant=\"body\" spacing={{ margin: 0 }}>\n              {emptyLabel}\n            </Typography>\n          </td>\n        </tr>\n      );\n    }\n\n    return data?.map((item, index) => {\n      return React.cloneElement(children({ item, index }), {\n        headers,\n        spacing,\n        disableContextMenuColumn\n      });\n    });\n  };\n\n  return (\n    <tbody {...rest} ref={ref}>\n      {renderContent()}\n    </tbody>\n  );\n};\n\nexport const DataGridBody = React.forwardRef(DataGridBodyInner) as <T extends {}>(\n  p: Props<T> & { ref?: Ref<HTMLTableSectionElement> }\n) => ReactElement;\n"],"names":["skeletonLoadingRows","DataGridBodyInner","children","data","headers","isLoading","disableContextMenuColumn","emptyLabel","spacing","rest","ref","renderContent","visibleColumns","filter","header","hidden","length","Array","from","map","_","rowIdx","React","createElement","DataGridRow","key","__","colIdx","DataGridCell","emptyData","className","classes","colSpan","Typography","variant","margin","item","index","cloneElement","DataGridBody","forwardRef"],"mappings":"gWAiCA,MAAMA,EAAsB,EAE5B,MAAMC,EAAoB,EAEtBC,WACAC,OACAC,UACAC,YACAC,2BACAC,aACAC,aACGC,GAELC,KAEA,MAAMC,EAAgB,KACpB,MAAMC,EAAiBR,EAAQS,QAAOC,IAAWA,EAAOC,SAAQC,OAChE,GAAIX,EACF,OAAOY,MAAMC,KAAKD,MAAMjB,IAAsBmB,KAAI,CAACC,EAAGC,IACpDC,EAAA,WAAAC,cAACC,cAAW,CAACC,IAAKJ,EAAQhB,UAAS,MAChCY,MAAMC,KAAKD,MAAML,IAAiBO,KAAI,CAACO,EAAIC,IAC1CL,EAAA,WAAAC,cAACK,EAAYA,aAAA,CAACH,IAAKE,EAAQtB,UAAS,UAEpCC,GAA4BgB,EAAAA,WAACC,cAAAK,EAAYA,sBAKjD,MAAMC,GAAa1B,GAAQA,EAAKa,SAAW,EAC3C,GAAIa,EACF,OACEP,EAAA,WAAAC,cAAA,KAAA,KACED,EAAAA,WACEC,cAAA,KAAA,CAAAO,UAAWC,EAAAA,WAAQ,SACnBC,QAASpB,GAAkBN,EAA2B,EAAI,IAE1DgB,EAAAA,WAAAC,cAACU,EAAAA,WAAW,CAAAC,QAAQ,OAAO1B,QAAS,CAAE2B,OAAQ,IAC3C5B,KAOX,OAAOJ,IAAI,MAAJA,SAAI,OAAA,EAAJA,EAAMgB,KAAI,CAACiB,EAAMC,IACff,EAAAA,WAAMgB,aAAapC,EAAS,CAAEkC,OAAMC,UAAU,CACnDjC,UACAI,UACAF,8BAEF,EAGJ,OACEgB,EAAA,WAAAC,cAAA,QAAA,IAAWd,EAAMC,IAAKA,GACnBC,IAEH,EAGS,MAAA4B,EAAejB,EAAAA,WAAMkB,WAAWvC"}
+{"version":3,"file":"DataGridBody.cjs.js","sources":["../../../../../../src/components/DataGrid/DataGridBody/DataGridBody.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ComponentPropsWithRef, ReactElement, Ref } from \"react\";\nimport { HeaderCell } from \"../datagrid.interfaces\";\nimport { DataGridCell } from \"./DataGridCell/DataGridCell\";\nimport { DataGridRow } from \"./DataGridRow/DataGridRow\";\nimport classes from \"./DataGridBody.module.scss\";\nimport { Typography } from \"../../Typography/Typography\";\n\nexport interface Props<T> extends Omit<ComponentPropsWithRef<\"tbody\">, \"children\"> {\n  children: ({ item, index }: { item: T; index: number }) => ReactElement;\n  data?: T[];\n  headers: HeaderCell[];\n  isLoading?: boolean;\n  disableContextMenuColumn?: boolean;\n  emptyLabel?: string;\n  spacing?: React.CSSProperties;\n}\n\nconst skeletonLoadingRows = 9;\n\nconst DataGridBodyInner = <T extends {}>(\n  {\n    children,\n    data,\n    headers,\n    isLoading,\n    disableContextMenuColumn,\n    emptyLabel,\n    spacing,\n    ...rest\n  }: Props<T>,\n  ref: Ref<HTMLTableSectionElement>\n) => {\n  const renderContent = () => {\n    const visibleColumns = headers.filter(header => !header.hidden).length;\n    if (isLoading) {\n      return Array.from(Array(skeletonLoadingRows)).map((_, rowIdx) => (\n        <DataGridRow key={rowIdx} isLoading>\n          {Array.from(Array(visibleColumns)).map((__, colIdx) => (\n            <DataGridCell key={colIdx} isLoading></DataGridCell>\n          ))}\n          {!disableContextMenuColumn && <DataGridCell></DataGridCell>}\n        </DataGridRow>\n      ));\n    }\n\n    const emptyData = !data || data.length === 0;\n    if (emptyData) {\n      return (\n        <tr>\n          <td\n            className={classes[\"empty\"]}\n            colSpan={visibleColumns + (disableContextMenuColumn ? 0 : 1)}\n          >\n            <Typography variant=\"body\" spacing={{ margin: 0 }}>\n              {emptyLabel}\n            </Typography>\n          </td>\n        </tr>\n      );\n    }\n\n    return data?.map((item, index) => {\n      return React.cloneElement(children({ item, index }), {\n        headers,\n        spacing,\n        disableContextMenuColumn\n      });\n    });\n  };\n\n  return (\n    <tbody {...rest} ref={ref}>\n      {renderContent()}\n    </tbody>\n  );\n};\n\nexport const DataGridBody = React.forwardRef(DataGridBodyInner) as <T extends {}>(\n  p: Props<T> & { ref?: Ref<HTMLTableSectionElement> }\n) => ReactElement;\n"],"names":["DataGridBody","React","forwardRef","children","data","headers","isLoading","disableContextMenuColumn","emptyLabel","spacing","rest","ref","createElement","visibleColumns","filter","header","hidden","length","Array","from","map","_","rowIdx","DataGridRow","key","__","colIdx","DataGridCell","className","classes","colSpan","Typography","variant","margin","item","index","cloneElement","renderContent"],"mappings":"iOAiCA,MA4DaA,EAAeC,EAAMC,YA1DR,EAEtBC,WACAC,OACAC,UACAC,YACAC,2BACAC,aACAC,aACGC,GAELC,IAyCEV,EAAAW,cAAA,QAAA,IAAWF,EAAMC,IAAKA,GAvCF,MACpB,MAAME,EAAiBR,EAAQS,QAAOC,IAAWA,EAAOC,SAAQC,OAChE,GAAIX,EACF,OAAOY,MAAMC,KAAKD,MAlBI,IAkBwBE,KAAI,CAACC,EAAGC,IACpDrB,EAAAW,cAACW,cAAW,CAACC,IAAKF,EAAQhB,WAAS,GAChCY,MAAMC,KAAKD,MAAML,IAAiBO,KAAI,CAACK,EAAIC,IAC1CzB,EAAAW,cAACe,EAAYA,aAAA,CAACH,IAAKE,EAAQpB,WAAS,OAEpCC,GAA4BN,EAACW,cAAAe,EAAYA,sBAMjD,OADmBvB,GAAwB,IAAhBA,EAAKa,OAG5BhB,EAAAW,cAAA,KAAA,KACEX,EACEW,cAAA,KAAA,CAAAgB,UAAWC,EAAAA,QAAe,MAC1BC,QAASjB,GAAkBN,EAA2B,EAAI,IAE1DN,EAAAW,cAACmB,EAAAA,WAAW,CAAAC,QAAQ,OAAOvB,QAAS,CAAEwB,OAAQ,IAC3CzB,KAOJJ,aAAI,EAAJA,EAAMgB,KAAI,CAACc,EAAMC,IACflC,EAAMmC,aAAajC,EAAS,CAAE+B,OAAMC,UAAU,CACnD9B,UACAI,UACAF,8BAEF,EAKC8B"}

package/dist/cjs/DataGrid/DataGridBody/DataGridBody.module.scss.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\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 */.DataGridBody-module_empty__8rXRJ{height:6rem;padding:2rem;text-align:center;vertical-align:top}.DataGridBody-module_empty__8rXRJ p{color:var(--greyed-out)}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFHcmlkQm9keS5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLGtDQUVFLFdBQVksQ0FDWixZQUFhLENBRmIsaUJBQWtCLENBR2xCLGtCQUNGLENBQ0Esb0NBQ0UsdUJBQ0YiLCJmaWxlIjoiRGF0YUdyaWRCb2R5Lm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5lbXB0eSB7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgaGVpZ2h0OiA2cmVtO1xuICBwYWRkaW5nOiAycmVtO1xuICB2ZXJ0aWNhbC1hbGlnbjogdG9wO1xufVxuLmVtcHR5IHAge1xuICBjb2xvcjogdmFyKC0tZ3JleWVkLW91dCk7XG59Il19 */'),exports.default={empty:"DataGridBody-module_empty__8rXRJ"};
+//# sourceMappingURL=DataGridBody.module.scss.cjs.js.map

package/dist/cjs/DataGrid/DataGridBody/DataGridBody.module.scss.cjs.js.map

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

package/dist/cjs/DataGrid/DataGridBody/DataGridCell/DataGridCell.cjs.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("react"),a=require("../../../Typography/Typography.cjs.js"),l=require("./DataGridCell.module.scss.cjs.js");const t=e.forwardRef((({children:t,className:r,isLoading:i,spacing:s,cellIndex:d,columnLength:n,disableContextMenuColumn:c,...u},o)=>{let g={};return 0===d&&(g.paddingLeft=null==s?void 0:s.paddingLeft),(d===n&&!c||n&&d===n-1&&c)&&(g.paddingRight=null==s?void 0:s.paddingRight),e.createElement("td",{...u,ref:o,style:{...u.style,...g},className:`${l.default.cell} ${null!=r?r:""}`},i&&e.createElement("div",{className:l.default.loading,"aria-busy":"true","aria-live":"polite"}),!i&&e.createElement(a.Typography,{className:l.default.text,variant:"body",tag:"span"},t))}));exports.DataGridCell=t;
+//# sourceMappingURL=DataGridCell.cjs.js.map

package/dist/cjs/DataGrid/DataGridBody/DataGridCell/DataGridCell.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataGridCell.cjs.js","sources":["../../../../../../../src/components/DataGrid/DataGridBody/DataGridCell/DataGridCell.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, ReactElement } from \"react\";\nimport { Typography } from \"../../../Typography/Typography\";\nimport classes from \"./DataGridCell.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"td\"> {\n  children?: ReactElement | string | number;\n  isLoading?: boolean;\n  spacing?: React.CSSProperties;\n  cellIndex?: number;\n  columnLength?: number;\n  disableContextMenuColumn?: boolean;\n}\n\nconst DataGridCellComponent: ForwardRefRenderFunction<HTMLTableCellElement, Props> = (\n  {\n    children,\n    className,\n    isLoading,\n    spacing,\n    cellIndex,\n    columnLength,\n    disableContextMenuColumn,\n    ...rest\n  }: Props,\n  ref\n) => {\n  let cellStyle: React.CSSProperties = {};\n\n  if (cellIndex === 0) {\n    cellStyle.paddingLeft = spacing?.paddingLeft;\n  }\n  if (\n    (cellIndex === columnLength && !disableContextMenuColumn) ||\n    (columnLength && cellIndex === columnLength - 1 && disableContextMenuColumn)\n  ) {\n    cellStyle.paddingRight = spacing?.paddingRight;\n  }\n\n  return (\n    <td\n      {...rest}\n      ref={ref}\n      style={{ ...rest.style, ...cellStyle }}\n      className={`${classes[\"cell\"]} ${className ?? \"\"}`}\n    >\n      {isLoading && <div className={classes[\"loading\"]} aria-busy=\"true\" aria-live=\"polite\"></div>}\n      {!isLoading && (\n        <Typography className={classes[\"text\"]} variant=\"body\" tag=\"span\">\n          {children}\n        </Typography>\n      )}\n    </td>\n  );\n};\n\nexport const DataGridCell = React.forwardRef(DataGridCellComponent);\n"],"names":["DataGridCell","React","forwardRef","children","className","isLoading","spacing","cellIndex","columnLength","disableContextMenuColumn","rest","ref","cellStyle","paddingLeft","paddingRight","createElement","style","classes","default","Typography","variant","tag"],"mappings":"sIA6BA,MA0CaA,EAAeC,EAAMC,YA1CmD,EAEjFC,WACAC,YACAC,YACAC,UACAC,YACAC,eACAC,8BACGC,GAELC,KAEA,IAAIC,EAAiC,CAAA,EAYrC,OAVkB,IAAdL,IACFK,EAAUC,YAAcP,aAAA,EAAAA,EAASO,cAGhCN,IAAcC,IAAiBC,GAC/BD,GAAgBD,IAAcC,EAAe,GAAKC,KAEnDG,EAAUE,aAAeR,aAAA,EAAAA,EAASQ,cAIlCb,EAAAc,cAAA,KAAA,IACML,EACJC,IAAKA,EACLK,MAAO,IAAKN,EAAKM,SAAUJ,GAC3BR,UAAW,GAAGa,EAAOC,QAAO,QAAKd,QAAAA,EAAa,MAE7CC,GAAaJ,EAAAc,cAAA,MAAA,CAAKX,UAAWa,EAAAA,QAAiB,QAAa,YAAA,OAAiB,YAAA,YAC3EZ,GACAJ,EAACc,cAAAI,EAAAA,WAAW,CAAAf,UAAWa,UAAc,KAAGG,QAAQ,OAAOC,IAAI,QACxDlB,GAIP"}

package/dist/cjs/DataGrid/DataGridBody/DataGridCell/DataGridCell.module.scss.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../../../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.DataGridCell-module_sr-only__S8j0D{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.DataGridCell-module_hidden__0hgMX{display:none}.DataGridCell-module_slide-in__lMiX0{animation:DataGridCell-module_slide-in__lMiX0 .5s forwards}@media (prefers-reduced-motion:reduce){.DataGridCell-module_slide-in__lMiX0{animation-duration:.1ms}}.DataGridCell-module_slide-out__05Ta1{animation:DataGridCell-module_slide-out__05Ta1 .5s forwards}@media (prefers-reduced-motion:reduce){.DataGridCell-module_slide-out__05Ta1{animation-duration:.1ms}}@keyframes DataGridCell-module_slide-in__lMiX0{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes DataGridCell-module_slide-out__05Ta1{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.DataGridCell-module_cell__3aXoR{height:2.75rem;padding:.25rem 1rem}.DataGridCell-module_cell__3aXoR:first-child{padding-left:1rem}.DataGridCell-module_cell__3aXoR:last-child{padding-right:1rem}.DataGridCell-module_cell__3aXoR .DataGridCell-module_text__wbAjs{font-size:var(--font-size-data-grid);line-height:var(--data-grid-line-height)}.DataGridCell-module_cell__3aXoR .DataGridCell-module_loading__Pg1Ao{background-color:var(--skeleton-background-color);border-radius:.5rem;height:1.25rem;margin:.625rem 0;overflow:hidden;position:relative}.DataGridCell-module_cell__3aXoR .DataGridCell-module_loading__Pg1Ao:after{animation:DataGridCell-module_shimmer__P-85D 2s infinite;background-image:linear-gradient(90deg,rgba(var(--skeleton-animation-color-rgb),0) 0,rgba(var(--skeleton-animation-color-rgb),.2) 20%,rgba(var(--skeleton-animation-color-rgb),.5) 60%,rgba(var(--skeleton-animation-color-rgb),0));bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@media (prefers-reduced-motion:reduce){.DataGridCell-module_cell__3aXoR .DataGridCell-module_loading__Pg1Ao:after{animation:none}}@keyframes DataGridCell-module_shimmer__P-85D{to{transform:translateX(100%)}}@media only screen and (min-width:50em){.DataGridCell-module_cell__3aXoR:first-child{padding-left:1.25rem}.DataGridCell-module_cell__3aXoR:last-child{padding-right:1.25rem}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFHcmlkQ2VsbC5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRixvQ0FPRSxrQkFBc0IsQ0FDdEIsUUFBUyxDQUxULFVBQVcsQ0FFWCxXQUFZLENBQ1osZUFBZ0IsQ0FGaEIsU0FBVSxDQUhWLGlCQUFrQixDQUNsQixTQU9GLENBRUEsbUNBQ0UsWUFDRixDQUVBLHFDQUNFLDBEQUNGLENBQ0EsdUNBQ0UscUNBQ0UsdUJBQ0YsQ0FDRixDQUVBLHNDQUNFLDJEQUNGLENBQ0EsdUNBQ0Usc0NBQ0UsdUJBQ0YsQ0FDRixDQUVBLCtDQUNFLEdBQ0UsMkJBQ0YsQ0FDQSxHQUNFLHVCQUNGLENBQ0YsQ0FDQSxnREFDRSxHQUNFLHVCQUNGLENBQ0EsR0FDRSwyQkFDRixDQUNGLENBQ0EsaUNBQ0UsY0FBZSxDQUNmLG1CQUNGLENBQ0EsNkNBQ0UsaUJBQ0YsQ0FDQSw0Q0FDRSxrQkFDRixDQUNBLGtFQUNFLG9DQUFxQyxDQUNyQyx3Q0FDRixDQUNBLHFFQUdFLGlEQUFrRCxDQUNsRCxtQkFBcUIsQ0FDckIsY0FBZSxDQUNmLGdCQUFrQixDQUpsQixlQUFnQixDQURoQixpQkFNRixDQUNBLDJFQVNFLHdEQUE4QixDQUY5QixtT0FBOE8sQ0FIOU8sUUFBUyxDQUlULFVBQVcsQ0FIWCxNQUFPLENBSlAsaUJBQWtCLENBRWxCLE9BQVEsQ0FEUixLQUFNLENBSU4sMkJBSUYsQ0FDQSx1Q0FDRSwyRUFDRSxjQUNGLENBQ0YsQ0FDQSw4Q0FDRSxHQUNFLDBCQUNGLENBQ0YsQ0FFQSx3Q0FDRSw2Q0FDRSxvQkFDRixDQUNBLDRDQUNFLHFCQUNGLENBQ0YiLCJmaWxlIjoiRGF0YUdyaWRDZWxsLm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnNyLW9ubHkge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxcHg7XG4gIGhlaWdodDogMXB4O1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IC0xcHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGNsaXA6IHJlY3QoMCwgMCwgMCwgMCk7XG4gIGJvcmRlcjogMDtcbn1cblxuLmhpZGRlbiB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5zbGlkZS1pbiB7XG4gIGFuaW1hdGlvbjogc2xpZGUtaW4gMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1pbiB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG4uc2xpZGUtb3V0IHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1vdXQgMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1vdXQge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuQGtleWZyYW1lcyBzbGlkZS1pbiB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbn1cbkBrZXlmcmFtZXMgc2xpZGUtb3V0IHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxufVxuLmNlbGwge1xuICBoZWlnaHQ6IDIuNzVyZW07XG4gIHBhZGRpbmc6IDAuMjVyZW0gMXJlbTtcbn1cbi5jZWxsOmZpcnN0LWNoaWxkIHtcbiAgcGFkZGluZy1sZWZ0OiAxcmVtO1xufVxuLmNlbGw6bGFzdC1jaGlsZCB7XG4gIHBhZGRpbmctcmlnaHQ6IDFyZW07XG59XG4uY2VsbCAudGV4dCB7XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9udC1zaXplLWRhdGEtZ3JpZCk7XG4gIGxpbmUtaGVpZ2h0OiB2YXIoLS1kYXRhLWdyaWQtbGluZS1oZWlnaHQpO1xufVxuLmNlbGwgLmxvYWRpbmcge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXNrZWxldG9uLWJhY2tncm91bmQtY29sb3IpO1xuICBib3JkZXItcmFkaXVzOiAwLjVyZW07XG4gIGhlaWdodDogMS4yNXJlbTtcbiAgbWFyZ2luOiAwLjYyNXJlbSAwO1xufVxuLmNlbGwgLmxvYWRpbmc6OmFmdGVyIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIHJpZ2h0OiAwO1xuICBib3R0b206IDA7XG4gIGxlZnQ6IDA7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtMTAwJSk7XG4gIGJhY2tncm91bmQtaW1hZ2U6IGxpbmVhci1ncmFkaWVudCg5MGRlZywgcmdiYSh2YXIoLS1za2VsZXRvbi1hbmltYXRpb24tY29sb3ItcmdiKSwgMCkgMCwgcmdiYSh2YXIoLS1za2VsZXRvbi1hbmltYXRpb24tY29sb3ItcmdiKSwgMC4yKSAyMCUsIHJnYmEodmFyKC0tc2tlbGV0b24tYW5pbWF0aW9uLWNvbG9yLXJnYiksIDAuNSkgNjAlLCByZ2JhKHZhcigtLXNrZWxldG9uLWFuaW1hdGlvbi1jb2xvci1yZ2IpLCAwKSk7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIGFuaW1hdGlvbjogc2hpbW1lciAycyBpbmZpbml0ZTtcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5jZWxsIC5sb2FkaW5nOjphZnRlciB7XG4gICAgYW5pbWF0aW9uOiBub25lO1xuICB9XG59XG5Aa2V5ZnJhbWVzIHNoaW1tZXIge1xuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMTAwJSk7XG4gIH1cbn1cblxuQG1lZGlhIG9ubHkgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA1MGVtKSB7XG4gIC5jZWxsOmZpcnN0LWNoaWxkIHtcbiAgICBwYWRkaW5nLWxlZnQ6IDEuMjVyZW07XG4gIH1cbiAgLmNlbGw6bGFzdC1jaGlsZCB7XG4gICAgcGFkZGluZy1yaWdodDogMS4yNXJlbTtcbiAgfVxufSJdfQ== */'),exports.default={"sr-only":"DataGridCell-module_sr-only__S8j0D",hidden:"DataGridCell-module_hidden__0hgMX","slide-in":"DataGridCell-module_slide-in__lMiX0","slide-out":"DataGridCell-module_slide-out__05Ta1",cell:"DataGridCell-module_cell__3aXoR",text:"DataGridCell-module_text__wbAjs",loading:"DataGridCell-module_loading__Pg1Ao",shimmer:"DataGridCell-module_shimmer__P-85D"};
+//# sourceMappingURL=DataGridCell.module.scss.cjs.js.map

package/dist/cjs/DataGrid/DataGridBody/DataGridCell/DataGridCell.module.scss.cjs.js.map

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

package/dist/cjs/DataGrid/DataGridBody/DataGridDrawer/DataGridDrawer.cjs.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("react"),r=require("./DataGridDrawer.module.scss.cjs.js");const a=e.forwardRef((({children:a,isExpanded:d,...s},t)=>e.createElement("div",{...s,ref:t,className:`${r.default.drawer} ${d?r.default.expanded:""}`},e.createElement("div",{className:r.default.wrapper},a))));exports.DataGridDrawer=a;
+//# sourceMappingURL=DataGridDrawer.cjs.js.map

package/dist/cjs/DataGrid/DataGridBody/DataGridDrawer/DataGridDrawer.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataGridDrawer.cjs.js","sources":["../../../../../../../src/components/DataGrid/DataGridBody/DataGridDrawer/DataGridDrawer.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ComponentPropsWithRef, ForwardRefRenderFunction } from \"react\";\nimport classes from \"./DataGridDrawer.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  isExpanded: boolean;\n}\n\nconst DataGridDrawerComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { children, isExpanded, ...rest }: Props,\n  ref\n) => {\n  return (\n    <div\n      {...rest}\n      ref={ref}\n      className={`${classes[\"drawer\"]} ${isExpanded ? classes[\"expanded\"] : \"\"}`}\n    >\n      <div className={classes[\"wrapper\"]}>{children}</div>\n    </div>\n  );\n};\n\nexport const DataGridDrawer = React.forwardRef(DataGridDrawerComponent);\n"],"names":["DataGridDrawer","React","forwardRef","children","isExpanded","rest","ref","createElement","className","classes","default"],"mappings":"qFAuBA,MAeaA,EAAiBC,EAAMC,YAf6C,EAC7EC,WAAUC,gBAAeC,GAC3BC,IAGEL,EAAAM,cAAA,MAAA,IACMF,EACJC,IAAKA,EACLE,UAAW,GAAGC,EAAAA,QAAgB,UAAKL,EAAaK,EAAOC,QAAW,SAAI,MAEtET,EAAKM,cAAA,MAAA,CAAAC,UAAWC,EAAOC,QAAU,SAAIP"}