npm - @onewelcome/react-lib-components - Versions diffs - 4.2.0 → 5.0.0 - Mend

@onewelcome/react-lib-components 4.2.0 → 5.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (783) hide show

package/dist/esm/Button/IconButton.module.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var containers=[],styleTags=[];const o = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var t=".IconButton_module_srOnly__88e04d7b{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.IconButton_module_hidden__88e04d7b{display:none}.IconButton_module_slideIn__88e04d7b{animation:IconButton_module_slideIn__88e04d7b .5s forwards}@media (prefers-reduced-motion:reduce){.IconButton_module_slideIn__88e04d7b{animation-duration:.1ms}}.IconButton_module_slideOut__88e04d7b{animation:IconButton_module_slideOut__88e04d7b .5s forwards}@media (prefers-reduced-motion:reduce){.IconButton_module_slideOut__88e04d7b{animation-duration:.1ms}}@keyframes IconButton_module_slideIn__88e04d7b{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes IconButton_module_slideOut__88e04d7b{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.IconButton_module_iconButton__88e04d7b{align-items:center;background-color:transparent;border:var(--button-border-width) var(--button-border-style) transparent;border-radius:var(--button-border-radius);display:flex;justify-content:center;min-height:auto;padding:0}.IconButton_module_iconButton__88e04d7b span{vertical-align:top}.IconButton_module_iconButton__88e04d7b.IconButton_module_buttonS__88e04d7b{height:1.875rem;width:1.875rem}.IconButton_module_iconButton__88e04d7b.IconButton_module_buttonS__88e04d7b span{font-size:.75rem}.IconButton_module_iconButton__88e04d7b.IconButton_module_buttonM__88e04d7b{height:2.5rem;width:2.5rem}.IconButton_module_iconButton__88e04d7b.IconButton_module_buttonM__88e04d7b span{font-size:1rem}.IconButton_module_iconButton__88e04d7b.IconButton_module_buttonL__88e04d7b{height:3.125rem;width:3.125rem}.IconButton_module_iconButton__88e04d7b.IconButton_module_buttonL__88e04d7b span{font-size:1.375rem}.IconButton_module_iconButton__88e04d7b.IconButton_module_fill__88e04d7b{font-weight:500}.IconButton_module_iconButton__88e04d7b.IconButton_module_fill__88e04d7b:not(:disabled){background-color:var(--button-primary-default-color);border-color:var(--button-primary-default-color);color:var(--button-fill-text-color)}.IconButton_module_iconButton__88e04d7b.IconButton_module_fill__88e04d7b:not(:disabled):hover:not(.IconButton_module_disabled__88e04d7b){background-color:var(--button-primary-hover-color)}.IconButton_module_iconButton__88e04d7b.IconButton_module_fill__88e04d7b:not(:disabled):focus-visible:not(.IconButton_module_disabled__88e04d7b),.IconButton_module_iconButton__88e04d7b.IconButton_module_fill__88e04d7b:not(:disabled):focus:not(.IconButton_module_disabled__88e04d7b){background-color:var(--button-primary-focused-color);border-radius:1px;outline:2px solid var(--color-focus);outline-offset:2px;position:relative}.IconButton_module_iconButton__88e04d7b.IconButton_module_fill__88e04d7b:not(:disabled):active:not(.IconButton_module_disabled__88e04d7b),.IconButton_module_iconButton__88e04d7b.IconButton_module_fill__88e04d7b:not(:disabled):visited:not(.IconButton_module_disabled__88e04d7b){background-color:var(--button-primary-pressed-color)}.IconButton_module_iconButton__88e04d7b.IconButton_module_text__88e04d7b{background-color:transparent;border-color:transparent}.IconButton_module_iconButton__88e04d7b.IconButton_module_text__88e04d7b.IconButton_module_primary__88e04d7b:not(:disabled){color:var(--button-primary-default-color)}.IconButton_module_iconButton__88e04d7b.IconButton_module_text__88e04d7b.IconButton_module_primary__88e04d7b:not(:disabled):hover:not(.IconButton_module_disabled__88e04d7b){background-color:var(--color-black10);color:var(--button-primary-hover-color)}.IconButton_module_iconButton__88e04d7b.IconButton_module_text__88e04d7b.IconButton_module_primary__88e04d7b:not(:disabled):focus-visible:not(.IconButton_module_disabled__88e04d7b),.IconButton_module_iconButton__88e04d7b.IconButton_module_text__88e04d7b.IconButton_module_primary__88e04d7b:not(:disabled):focus:not(.IconButton_module_disabled__88e04d7b){border-radius:1px;color:var(--button-primary-focused-color);outline:2px solid var(--color-focus);outline-offset:2px;position:relative}.IconButton_module_iconButton__88e04d7b.IconButton_module_text__88e04d7b.IconButton_module_primary__88e04d7b:not(:disabled):active:not(.IconButton_module_disabled__88e04d7b),.IconButton_module_iconButton__88e04d7b.IconButton_module_text__88e04d7b.IconButton_module_primary__88e04d7b:not(:disabled):visited:not(.IconButton_module_disabled__88e04d7b){background-color:var(--color-black20);color:var(--button-primary-pressed-color)}.IconButton_module_iconButton__88e04d7b.IconButton_module_text__88e04d7b.IconButton_module_secondary__88e04d7b:not(:disabled){color:var(--button-secondary-default-color)}.IconButton_module_iconButton__88e04d7b.IconButton_module_text__88e04d7b.IconButton_module_secondary__88e04d7b:not(:disabled):hover:not(.IconButton_module_disabled__88e04d7b){background-color:var(--color-black10);color:var(--button-secondary-hover-color)}.IconButton_module_iconButton__88e04d7b.IconButton_module_text__88e04d7b.IconButton_module_secondary__88e04d7b:not(:disabled):focus-visible:not(.IconButton_module_disabled__88e04d7b),.IconButton_module_iconButton__88e04d7b.IconButton_module_text__88e04d7b.IconButton_module_secondary__88e04d7b:not(:disabled):focus:not(.IconButton_module_disabled__88e04d7b){border-radius:1px;color:var(--button-secondary-focused-color);outline:2px solid var(--color-focus);outline-offset:2px;position:relative}.IconButton_module_iconButton__88e04d7b.IconButton_module_text__88e04d7b.IconButton_module_secondary__88e04d7b:not(:disabled):active:not(.IconButton_module_disabled__88e04d7b),.IconButton_module_iconButton__88e04d7b.IconButton_module_text__88e04d7b.IconButton_module_secondary__88e04d7b:not(:disabled):visited:not(.IconButton_module_disabled__88e04d7b){background-color:var(--color-black20);color:var(--button-secondary-pressed-color)}.IconButton_module_iconButton__88e04d7b.IconButton_module_text__88e04d7b.IconButton_module_warning__88e04d7b:not(:disabled){color:var(--button-warning-default-color)}.IconButton_module_iconButton__88e04d7b.IconButton_module_text__88e04d7b.IconButton_module_warning__88e04d7b:not(:disabled):hover:not(.IconButton_module_disabled__88e04d7b){background-color:var(--color-black10);color:var(--button-warning-hover-color)}.IconButton_module_iconButton__88e04d7b.IconButton_module_text__88e04d7b.IconButton_module_warning__88e04d7b:not(:disabled):focus-visible:not(.IconButton_module_disabled__88e04d7b),.IconButton_module_iconButton__88e04d7b.IconButton_module_text__88e04d7b.IconButton_module_warning__88e04d7b:not(:disabled):focus:not(.IconButton_module_disabled__88e04d7b){border-radius:1px;color:var(--button-warning-focused-color);outline:2px solid var(--color-focus);outline-offset:2px;position:relative}.IconButton_module_iconButton__88e04d7b.IconButton_module_text__88e04d7b.IconButton_module_warning__88e04d7b:not(:disabled):active:not(.IconButton_module_disabled__88e04d7b),.IconButton_module_iconButton__88e04d7b.IconButton_module_text__88e04d7b.IconButton_module_warning__88e04d7b:not(:disabled):visited:not(.IconButton_module_disabled__88e04d7b){background-color:var(--color-black20);color:var(--button-warning-pressed-color)}.IconButton_module_iconButton__88e04d7b.IconButton_module_text__88e04d7b.IconButton_module_default__88e04d7b:not(:disabled){color:var(--button-default-color)}.IconButton_module_iconButton__88e04d7b.IconButton_module_text__88e04d7b.IconButton_module_default__88e04d7b:not(:disabled):hover:not(.IconButton_module_disabled__88e04d7b){background-color:var(--color-black10);color:var(--button-default-hover-color)}.IconButton_module_iconButton__88e04d7b.IconButton_module_text__88e04d7b.IconButton_module_default__88e04d7b:not(:disabled):focus-visible:not(.IconButton_module_disabled__88e04d7b),.IconButton_module_iconButton__88e04d7b.IconButton_module_text__88e04d7b.IconButton_module_default__88e04d7b:not(:disabled):focus:not(.IconButton_module_disabled__88e04d7b){border-radius:1px;color:var(--button-default-focused-color);outline:2px solid var(--color-focus);outline-offset:2px;position:relative}.IconButton_module_iconButton__88e04d7b.IconButton_module_text__88e04d7b.IconButton_module_default__88e04d7b:not(:disabled):active:not(.IconButton_module_disabled__88e04d7b),.IconButton_module_iconButton__88e04d7b.IconButton_module_text__88e04d7b.IconButton_module_default__88e04d7b:not(:disabled):visited:not(.IconButton_module_disabled__88e04d7b){background-color:var(--color-black20);color:var(--button-default-pressed-color)}.IconButton_module_iconButton__88e04d7b.IconButton_module_text__88e04d7b.IconButton_module_danger__88e04d7b:not(:disabled){color:var(--button-danger-default-color)}.IconButton_module_iconButton__88e04d7b.IconButton_module_text__88e04d7b.IconButton_module_danger__88e04d7b:not(:disabled):hover:not(.IconButton_module_disabled__88e04d7b){background-color:var(--color-black10);color:var(--button-danger-hover-color)}.IconButton_module_iconButton__88e04d7b.IconButton_module_text__88e04d7b.IconButton_module_danger__88e04d7b:not(:disabled):focus-visible:not(.IconButton_module_disabled__88e04d7b),.IconButton_module_iconButton__88e04d7b.IconButton_module_text__88e04d7b.IconButton_module_danger__88e04d7b:not(:disabled):focus:not(.IconButton_module_disabled__88e04d7b){border-radius:1px;color:var(--button-danger-focused-color);outline:2px solid var(--color-focus);outline-offset:2px;position:relative}.IconButton_module_iconButton__88e04d7b.IconButton_module_text__88e04d7b.IconButton_module_danger__88e04d7b:not(:disabled):active:not(.IconButton_module_disabled__88e04d7b),.IconButton_module_iconButton__88e04d7b.IconButton_module_text__88e04d7b.IconButton_module_danger__88e04d7b:not(:disabled):visited:not(.IconButton_module_disabled__88e04d7b){background-color:var(--color-black20);color:var(--button-danger-pressed-color)}.IconButton_module_iconButton__88e04d7b.IconButton_module_outline__88e04d7b{background-color:var(--white);font-weight:500}.IconButton_module_iconButton__88e04d7b.IconButton_module_outline__88e04d7b.IconButton_module_primary__88e04d7b:not(:disabled){border-color:var(--button-primary-default-color);color:var(--button-primary-default-color)}.IconButton_module_iconButton__88e04d7b.IconButton_module_outline__88e04d7b.IconButton_module_primary__88e04d7b:not(:disabled):hover:not(.IconButton_module_disabled__88e04d7b){background-color:var(--color-black10);border-color:var(--button-primary-hover-color);color:var(--button-primary-hover-color)}.IconButton_module_iconButton__88e04d7b.IconButton_module_outline__88e04d7b.IconButton_module_primary__88e04d7b:not(:disabled):focus-visible:not(.IconButton_module_disabled__88e04d7b),.IconButton_module_iconButton__88e04d7b.IconButton_module_outline__88e04d7b.IconButton_module_primary__88e04d7b:not(:disabled):focus:not(.IconButton_module_disabled__88e04d7b){border-color:var(--button-primary-focused-color);border-radius:1px;color:var(--button-primary-focused-color);outline:2px solid var(--color-focus);outline-offset:2px;position:relative}.IconButton_module_iconButton__88e04d7b.IconButton_module_outline__88e04d7b.IconButton_module_primary__88e04d7b:not(:disabled):active:not(.IconButton_module_disabled__88e04d7b),.IconButton_module_iconButton__88e04d7b.IconButton_module_outline__88e04d7b.IconButton_module_primary__88e04d7b:not(:disabled):visited:not(.IconButton_module_disabled__88e04d7b){background-color:var(--color-black20);border-color:var(--button-primary-pressed-color);color:var(--button-primary-pressed-color)}.IconButton_module_iconButton__88e04d7b.IconButton_module_outline__88e04d7b.IconButton_module_secondary__88e04d7b:not(:disabled){border-color:var(--button-secondary-default-color);color:var(--button-secondary-default-color)}.IconButton_module_iconButton__88e04d7b.IconButton_module_outline__88e04d7b.IconButton_module_secondary__88e04d7b:not(:disabled):hover:not(.IconButton_module_disabled__88e04d7b){background-color:var(--color-black10);border-color:var(--button-secondary-hover-color);color:var(--button-secondary-hover-color)}.IconButton_module_iconButton__88e04d7b.IconButton_module_outline__88e04d7b.IconButton_module_secondary__88e04d7b:not(:disabled):focus-visible:not(.IconButton_module_disabled__88e04d7b),.IconButton_module_iconButton__88e04d7b.IconButton_module_outline__88e04d7b.IconButton_module_secondary__88e04d7b:not(:disabled):focus:not(.IconButton_module_disabled__88e04d7b){border-color:var(--button-secondary-focused-color);border-radius:1px;color:var(--button-secondary-focused-color);outline:2px solid var(--color-focus);outline-offset:2px;position:relative}.IconButton_module_iconButton__88e04d7b.IconButton_module_outline__88e04d7b.IconButton_module_secondary__88e04d7b:not(:disabled):active:not(.IconButton_module_disabled__88e04d7b),.IconButton_module_iconButton__88e04d7b.IconButton_module_outline__88e04d7b.IconButton_module_secondary__88e04d7b:not(:disabled):visited:not(.IconButton_module_disabled__88e04d7b){background-color:var(--color-black20);border-color:var(--button-secondary-pressed-color);color:var(--button-secondary-pressed-color)}.IconButton_module_iconButton__88e04d7b.IconButton_module_outline__88e04d7b.IconButton_module_warning__88e04d7b:not(:disabled){border-color:var(--button-warning-default-color);color:var(--button-warning-default-color)}.IconButton_module_iconButton__88e04d7b.IconButton_module_outline__88e04d7b.IconButton_module_warning__88e04d7b:not(:disabled):hover:not(.IconButton_module_disabled__88e04d7b){background-color:var(--color-black10);border-color:var(--button-warning-hover-color);color:var(--button-warning-hover-color)}.IconButton_module_iconButton__88e04d7b.IconButton_module_outline__88e04d7b.IconButton_module_warning__88e04d7b:not(:disabled):focus-visible:not(.IconButton_module_disabled__88e04d7b),.IconButton_module_iconButton__88e04d7b.IconButton_module_outline__88e04d7b.IconButton_module_warning__88e04d7b:not(:disabled):focus:not(.IconButton_module_disabled__88e04d7b){border-color:var(--button-warning-focused-color);border-radius:1px;color:var(--button-warning-focused-color);outline:2px solid var(--color-focus);outline-offset:2px;position:relative}.IconButton_module_iconButton__88e04d7b.IconButton_module_outline__88e04d7b.IconButton_module_warning__88e04d7b:not(:disabled):active:not(.IconButton_module_disabled__88e04d7b),.IconButton_module_iconButton__88e04d7b.IconButton_module_outline__88e04d7b.IconButton_module_warning__88e04d7b:not(:disabled):visited:not(.IconButton_module_disabled__88e04d7b){background-color:var(--color-black20);border-color:var(--button-warning-pressed-color);color:var(--button-warning-pressed-color)}.IconButton_module_iconButton__88e04d7b.IconButton_module_outline__88e04d7b.IconButton_module_default__88e04d7b:not(:disabled){border-color:var(--button-default-color);color:var(--button-default-color)}.IconButton_module_iconButton__88e04d7b.IconButton_module_outline__88e04d7b.IconButton_module_default__88e04d7b:not(:disabled):hover:not(.IconButton_module_disabled__88e04d7b){background-color:var(--color-black10);border-color:var(--button-default-hover-color);color:var(--button-default-hover-color)}.IconButton_module_iconButton__88e04d7b.IconButton_module_outline__88e04d7b.IconButton_module_default__88e04d7b:not(:disabled):focus-visible:not(.IconButton_module_disabled__88e04d7b),.IconButton_module_iconButton__88e04d7b.IconButton_module_outline__88e04d7b.IconButton_module_default__88e04d7b:not(:disabled):focus:not(.IconButton_module_disabled__88e04d7b){border-color:var(--button-default-focused-color);border-radius:1px;color:var(--button-default-focused-color);outline:2px solid var(--color-focus);outline-offset:2px;position:relative}.IconButton_module_iconButton__88e04d7b.IconButton_module_outline__88e04d7b.IconButton_module_default__88e04d7b:not(:disabled):active:not(.IconButton_module_disabled__88e04d7b),.IconButton_module_iconButton__88e04d7b.IconButton_module_outline__88e04d7b.IconButton_module_default__88e04d7b:not(:disabled):visited:not(.IconButton_module_disabled__88e04d7b){background-color:var(--color-black20);border-color:var(--button-default-pressed-color);color:var(--button-default-pressed-color)}.IconButton_module_iconButton__88e04d7b.IconButton_module_outline__88e04d7b.IconButton_module_danger__88e04d7b:not(:disabled){border-color:var(--button-danger-default-color);color:var(--button-danger-default-color)}.IconButton_module_iconButton__88e04d7b.IconButton_module_outline__88e04d7b.IconButton_module_danger__88e04d7b:not(:disabled):hover:not(.IconButton_module_disabled__88e04d7b){background-color:var(--color-black10);border-color:var(--button-danger-hover-color);color:var(--button-danger-hover-color)}.IconButton_module_iconButton__88e04d7b.IconButton_module_outline__88e04d7b.IconButton_module_danger__88e04d7b:not(:disabled):focus-visible:not(.IconButton_module_disabled__88e04d7b),.IconButton_module_iconButton__88e04d7b.IconButton_module_outline__88e04d7b.IconButton_module_danger__88e04d7b:not(:disabled):focus:not(.IconButton_module_disabled__88e04d7b){border-color:var(--button-danger-focused-color);border-radius:1px;color:var(--button-danger-focused-color);outline:2px solid var(--color-focus);outline-offset:2px;position:relative}.IconButton_module_iconButton__88e04d7b.IconButton_module_outline__88e04d7b.IconButton_module_danger__88e04d7b:not(:disabled):active:not(.IconButton_module_disabled__88e04d7b),.IconButton_module_iconButton__88e04d7b.IconButton_module_outline__88e04d7b.IconButton_module_danger__88e04d7b:not(:disabled):visited:not(.IconButton_module_disabled__88e04d7b){background-color:var(--color-black20);border-color:var(--button-danger-pressed-color);color:var(--button-danger-pressed-color)}",n={"sr-only":"IconButton_module_srOnly__88e04d7b",hidden:"IconButton_module_hidden__88e04d7b","slide-in":"IconButton_module_slideIn__88e04d7b","slide-out":"IconButton_module_slideOut__88e04d7b","icon-button":"IconButton_module_iconButton__88e04d7b","button-s":"IconButton_module_buttonS__88e04d7b","button-m":"IconButton_module_buttonM__88e04d7b","button-l":"IconButton_module_buttonL__88e04d7b",fill:"IconButton_module_fill__88e04d7b",disabled:"IconButton_module_disabled__88e04d7b",text:"IconButton_module_text__88e04d7b",primary:"IconButton_module_primary__88e04d7b",secondary:"IconButton_module_secondary__88e04d7b",warning:"IconButton_module_warning__88e04d7b",default:"IconButton_module_default__88e04d7b",danger:"IconButton_module_danger__88e04d7b",outline:"IconButton_module_outline__88e04d7b"};o(t,{});export{t as css,n as default};
+import o from "../../lib/style-inject.js";var t='/*!\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 */.IconButton-module_sr-only__bAFoF{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.IconButton-module_hidden__jITeE{display:none}.IconButton-module_slide-in__gcKNa{animation:IconButton-module_slide-in__gcKNa .5s forwards}@media (prefers-reduced-motion:reduce){.IconButton-module_slide-in__gcKNa{animation-duration:.1ms}}.IconButton-module_slide-out__yNec3{animation:IconButton-module_slide-out__yNec3 .5s forwards}@media (prefers-reduced-motion:reduce){.IconButton-module_slide-out__yNec3{animation-duration:.1ms}}@keyframes IconButton-module_slide-in__gcKNa{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes IconButton-module_slide-out__yNec3{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.IconButton-module_icon-button__KPXUx{align-items:center;background-color:transparent;border:var(--button-border-width) var(--button-border-style) transparent;border-radius:var(--button-border-radius);display:flex;justify-content:center;min-height:auto;padding:0}.IconButton-module_icon-button__KPXUx span{vertical-align:top}.IconButton-module_icon-button__KPXUx.IconButton-module_button-s__YCxBF{height:1.875rem;width:1.875rem}.IconButton-module_icon-button__KPXUx.IconButton-module_button-s__YCxBF span{font-size:.75rem}.IconButton-module_icon-button__KPXUx.IconButton-module_button-m__mZ8xf{height:2.5rem;width:2.5rem}.IconButton-module_icon-button__KPXUx.IconButton-module_button-m__mZ8xf span{font-size:1rem}.IconButton-module_icon-button__KPXUx.IconButton-module_button-l__v58e-{height:3.125rem;width:3.125rem}.IconButton-module_icon-button__KPXUx.IconButton-module_button-l__v58e- span{font-size:1.375rem}.IconButton-module_icon-button__KPXUx.IconButton-module_fill__2tiHz{font-weight:500}.IconButton-module_icon-button__KPXUx.IconButton-module_fill__2tiHz:not(:disabled){background-color:var(--button-primary-default-color);border-color:var(--button-primary-default-color);color:var(--button-fill-text-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_fill__2tiHz:not(:disabled):hover:not(.IconButton-module_disabled__-sHLJ){background-color:var(--button-primary-hover-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_fill__2tiHz:not(:disabled):focus-visible:not(.IconButton-module_disabled__-sHLJ),.IconButton-module_icon-button__KPXUx.IconButton-module_fill__2tiHz:not(:disabled):focus:not(.IconButton-module_disabled__-sHLJ){background-color:var(--button-primary-focused-color);border-radius:1px;outline:2px solid var(--color-focus);outline-offset:2px;position:relative}.IconButton-module_icon-button__KPXUx.IconButton-module_fill__2tiHz:not(:disabled):active:not(.IconButton-module_disabled__-sHLJ),.IconButton-module_icon-button__KPXUx.IconButton-module_fill__2tiHz:not(:disabled):visited:not(.IconButton-module_disabled__-sHLJ){background-color:var(--button-primary-pressed-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_text__FK29v{background-color:transparent;border-color:transparent}.IconButton-module_icon-button__KPXUx.IconButton-module_text__FK29v.IconButton-module_primary__crR2P:not(:disabled){color:var(--button-primary-default-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_text__FK29v.IconButton-module_primary__crR2P:not(:disabled):hover:not(.IconButton-module_disabled__-sHLJ){background-color:var(--color-black10);color:var(--button-primary-hover-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_text__FK29v.IconButton-module_primary__crR2P:not(:disabled):focus-visible:not(.IconButton-module_disabled__-sHLJ),.IconButton-module_icon-button__KPXUx.IconButton-module_text__FK29v.IconButton-module_primary__crR2P:not(:disabled):focus:not(.IconButton-module_disabled__-sHLJ){border-radius:1px;color:var(--button-primary-focused-color);outline:2px solid var(--color-focus);outline-offset:2px;position:relative}.IconButton-module_icon-button__KPXUx.IconButton-module_text__FK29v.IconButton-module_primary__crR2P:not(:disabled):active:not(.IconButton-module_disabled__-sHLJ),.IconButton-module_icon-button__KPXUx.IconButton-module_text__FK29v.IconButton-module_primary__crR2P:not(:disabled):visited:not(.IconButton-module_disabled__-sHLJ){background-color:var(--color-black20);color:var(--button-primary-pressed-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_text__FK29v.IconButton-module_secondary__mgqbm:not(:disabled){color:var(--button-secondary-default-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_text__FK29v.IconButton-module_secondary__mgqbm:not(:disabled):hover:not(.IconButton-module_disabled__-sHLJ){background-color:var(--color-black10);color:var(--button-secondary-hover-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_text__FK29v.IconButton-module_secondary__mgqbm:not(:disabled):focus-visible:not(.IconButton-module_disabled__-sHLJ),.IconButton-module_icon-button__KPXUx.IconButton-module_text__FK29v.IconButton-module_secondary__mgqbm:not(:disabled):focus:not(.IconButton-module_disabled__-sHLJ){border-radius:1px;color:var(--button-secondary-focused-color);outline:2px solid var(--color-focus);outline-offset:2px;position:relative}.IconButton-module_icon-button__KPXUx.IconButton-module_text__FK29v.IconButton-module_secondary__mgqbm:not(:disabled):active:not(.IconButton-module_disabled__-sHLJ),.IconButton-module_icon-button__KPXUx.IconButton-module_text__FK29v.IconButton-module_secondary__mgqbm:not(:disabled):visited:not(.IconButton-module_disabled__-sHLJ){background-color:var(--color-black20);color:var(--button-secondary-pressed-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_text__FK29v.IconButton-module_warning__NS225:not(:disabled){color:var(--button-warning-default-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_text__FK29v.IconButton-module_warning__NS225:not(:disabled):hover:not(.IconButton-module_disabled__-sHLJ){background-color:var(--color-black10);color:var(--button-warning-hover-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_text__FK29v.IconButton-module_warning__NS225:not(:disabled):focus-visible:not(.IconButton-module_disabled__-sHLJ),.IconButton-module_icon-button__KPXUx.IconButton-module_text__FK29v.IconButton-module_warning__NS225:not(:disabled):focus:not(.IconButton-module_disabled__-sHLJ){border-radius:1px;color:var(--button-warning-focused-color);outline:2px solid var(--color-focus);outline-offset:2px;position:relative}.IconButton-module_icon-button__KPXUx.IconButton-module_text__FK29v.IconButton-module_warning__NS225:not(:disabled):active:not(.IconButton-module_disabled__-sHLJ),.IconButton-module_icon-button__KPXUx.IconButton-module_text__FK29v.IconButton-module_warning__NS225:not(:disabled):visited:not(.IconButton-module_disabled__-sHLJ){background-color:var(--color-black20);color:var(--button-warning-pressed-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_text__FK29v.IconButton-module_default__Eavpt:not(:disabled){color:var(--button-default-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_text__FK29v.IconButton-module_default__Eavpt:not(:disabled):hover:not(.IconButton-module_disabled__-sHLJ){background-color:var(--color-black10);color:var(--button-default-hover-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_text__FK29v.IconButton-module_default__Eavpt:not(:disabled):focus-visible:not(.IconButton-module_disabled__-sHLJ),.IconButton-module_icon-button__KPXUx.IconButton-module_text__FK29v.IconButton-module_default__Eavpt:not(:disabled):focus:not(.IconButton-module_disabled__-sHLJ){border-radius:1px;color:var(--button-default-focused-color);outline:2px solid var(--color-focus);outline-offset:2px;position:relative}.IconButton-module_icon-button__KPXUx.IconButton-module_text__FK29v.IconButton-module_default__Eavpt:not(:disabled):active:not(.IconButton-module_disabled__-sHLJ),.IconButton-module_icon-button__KPXUx.IconButton-module_text__FK29v.IconButton-module_default__Eavpt:not(:disabled):visited:not(.IconButton-module_disabled__-sHLJ){background-color:var(--color-black20);color:var(--button-default-pressed-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_text__FK29v.IconButton-module_danger__E5WNv:not(:disabled){color:var(--button-danger-default-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_text__FK29v.IconButton-module_danger__E5WNv:not(:disabled):hover:not(.IconButton-module_disabled__-sHLJ){background-color:var(--color-black10);color:var(--button-danger-hover-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_text__FK29v.IconButton-module_danger__E5WNv:not(:disabled):focus-visible:not(.IconButton-module_disabled__-sHLJ),.IconButton-module_icon-button__KPXUx.IconButton-module_text__FK29v.IconButton-module_danger__E5WNv:not(:disabled):focus:not(.IconButton-module_disabled__-sHLJ){border-radius:1px;color:var(--button-danger-focused-color);outline:2px solid var(--color-focus);outline-offset:2px;position:relative}.IconButton-module_icon-button__KPXUx.IconButton-module_text__FK29v.IconButton-module_danger__E5WNv:not(:disabled):active:not(.IconButton-module_disabled__-sHLJ),.IconButton-module_icon-button__KPXUx.IconButton-module_text__FK29v.IconButton-module_danger__E5WNv:not(:disabled):visited:not(.IconButton-module_disabled__-sHLJ){background-color:var(--color-black20);color:var(--button-danger-pressed-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_outline__QQo5B{background-color:var(--white);font-weight:500}.IconButton-module_icon-button__KPXUx.IconButton-module_outline__QQo5B.IconButton-module_primary__crR2P:not(:disabled){border-color:var(--button-primary-default-color);color:var(--button-primary-default-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_outline__QQo5B.IconButton-module_primary__crR2P:not(:disabled):hover:not(.IconButton-module_disabled__-sHLJ){background-color:var(--color-black10);border-color:var(--button-primary-hover-color);color:var(--button-primary-hover-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_outline__QQo5B.IconButton-module_primary__crR2P:not(:disabled):focus-visible:not(.IconButton-module_disabled__-sHLJ),.IconButton-module_icon-button__KPXUx.IconButton-module_outline__QQo5B.IconButton-module_primary__crR2P:not(:disabled):focus:not(.IconButton-module_disabled__-sHLJ){border-color:var(--button-primary-focused-color);border-radius:1px;color:var(--button-primary-focused-color);outline:2px solid var(--color-focus);outline-offset:2px;position:relative}.IconButton-module_icon-button__KPXUx.IconButton-module_outline__QQo5B.IconButton-module_primary__crR2P:not(:disabled):active:not(.IconButton-module_disabled__-sHLJ),.IconButton-module_icon-button__KPXUx.IconButton-module_outline__QQo5B.IconButton-module_primary__crR2P:not(:disabled):visited:not(.IconButton-module_disabled__-sHLJ){background-color:var(--color-black20);border-color:var(--button-primary-pressed-color);color:var(--button-primary-pressed-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_outline__QQo5B.IconButton-module_secondary__mgqbm:not(:disabled){border-color:var(--button-secondary-default-color);color:var(--button-secondary-default-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_outline__QQo5B.IconButton-module_secondary__mgqbm:not(:disabled):hover:not(.IconButton-module_disabled__-sHLJ){background-color:var(--color-black10);border-color:var(--button-secondary-hover-color);color:var(--button-secondary-hover-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_outline__QQo5B.IconButton-module_secondary__mgqbm:not(:disabled):focus-visible:not(.IconButton-module_disabled__-sHLJ),.IconButton-module_icon-button__KPXUx.IconButton-module_outline__QQo5B.IconButton-module_secondary__mgqbm:not(:disabled):focus:not(.IconButton-module_disabled__-sHLJ){border-color:var(--button-secondary-focused-color);border-radius:1px;color:var(--button-secondary-focused-color);outline:2px solid var(--color-focus);outline-offset:2px;position:relative}.IconButton-module_icon-button__KPXUx.IconButton-module_outline__QQo5B.IconButton-module_secondary__mgqbm:not(:disabled):active:not(.IconButton-module_disabled__-sHLJ),.IconButton-module_icon-button__KPXUx.IconButton-module_outline__QQo5B.IconButton-module_secondary__mgqbm:not(:disabled):visited:not(.IconButton-module_disabled__-sHLJ){background-color:var(--color-black20);border-color:var(--button-secondary-pressed-color);color:var(--button-secondary-pressed-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_outline__QQo5B.IconButton-module_warning__NS225:not(:disabled){border-color:var(--button-warning-default-color);color:var(--button-warning-default-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_outline__QQo5B.IconButton-module_warning__NS225:not(:disabled):hover:not(.IconButton-module_disabled__-sHLJ){background-color:var(--color-black10);border-color:var(--button-warning-hover-color);color:var(--button-warning-hover-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_outline__QQo5B.IconButton-module_warning__NS225:not(:disabled):focus-visible:not(.IconButton-module_disabled__-sHLJ),.IconButton-module_icon-button__KPXUx.IconButton-module_outline__QQo5B.IconButton-module_warning__NS225:not(:disabled):focus:not(.IconButton-module_disabled__-sHLJ){border-color:var(--button-warning-focused-color);border-radius:1px;color:var(--button-warning-focused-color);outline:2px solid var(--color-focus);outline-offset:2px;position:relative}.IconButton-module_icon-button__KPXUx.IconButton-module_outline__QQo5B.IconButton-module_warning__NS225:not(:disabled):active:not(.IconButton-module_disabled__-sHLJ),.IconButton-module_icon-button__KPXUx.IconButton-module_outline__QQo5B.IconButton-module_warning__NS225:not(:disabled):visited:not(.IconButton-module_disabled__-sHLJ){background-color:var(--color-black20);border-color:var(--button-warning-pressed-color);color:var(--button-warning-pressed-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_outline__QQo5B.IconButton-module_default__Eavpt:not(:disabled){border-color:var(--button-default-color);color:var(--button-default-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_outline__QQo5B.IconButton-module_default__Eavpt:not(:disabled):hover:not(.IconButton-module_disabled__-sHLJ){background-color:var(--color-black10);border-color:var(--button-default-hover-color);color:var(--button-default-hover-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_outline__QQo5B.IconButton-module_default__Eavpt:not(:disabled):focus-visible:not(.IconButton-module_disabled__-sHLJ),.IconButton-module_icon-button__KPXUx.IconButton-module_outline__QQo5B.IconButton-module_default__Eavpt:not(:disabled):focus:not(.IconButton-module_disabled__-sHLJ){border-color:var(--button-default-focused-color);border-radius:1px;color:var(--button-default-focused-color);outline:2px solid var(--color-focus);outline-offset:2px;position:relative}.IconButton-module_icon-button__KPXUx.IconButton-module_outline__QQo5B.IconButton-module_default__Eavpt:not(:disabled):active:not(.IconButton-module_disabled__-sHLJ),.IconButton-module_icon-button__KPXUx.IconButton-module_outline__QQo5B.IconButton-module_default__Eavpt:not(:disabled):visited:not(.IconButton-module_disabled__-sHLJ){background-color:var(--color-black20);border-color:var(--button-default-pressed-color);color:var(--button-default-pressed-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_outline__QQo5B.IconButton-module_danger__E5WNv:not(:disabled){border-color:var(--button-danger-default-color);color:var(--button-danger-default-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_outline__QQo5B.IconButton-module_danger__E5WNv:not(:disabled):hover:not(.IconButton-module_disabled__-sHLJ){background-color:var(--color-black10);border-color:var(--button-danger-hover-color);color:var(--button-danger-hover-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_outline__QQo5B.IconButton-module_danger__E5WNv:not(:disabled):focus-visible:not(.IconButton-module_disabled__-sHLJ),.IconButton-module_icon-button__KPXUx.IconButton-module_outline__QQo5B.IconButton-module_danger__E5WNv:not(:disabled):focus:not(.IconButton-module_disabled__-sHLJ){border-color:var(--button-danger-focused-color);border-radius:1px;color:var(--button-danger-focused-color);outline:2px solid var(--color-focus);outline-offset:2px;position:relative}.IconButton-module_icon-button__KPXUx.IconButton-module_outline__QQo5B.IconButton-module_danger__E5WNv:not(:disabled):active:not(.IconButton-module_disabled__-sHLJ),.IconButton-module_icon-button__KPXUx.IconButton-module_outline__QQo5B.IconButton-module_danger__E5WNv:not(:disabled):visited:not(.IconButton-module_disabled__-sHLJ){background-color:var(--color-black20);border-color:var(--button-danger-pressed-color);color:var(--button-danger-pressed-color)}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkljb25CdXR0b24ubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0Ysa0NBT0Usa0JBQXNCLENBQ3RCLFFBQVMsQ0FMVCxVQUFXLENBRVgsV0FBWSxDQUNaLGVBQWdCLENBRmhCLFNBQVUsQ0FIVixpQkFBa0IsQ0FDbEIsU0FPRixDQUVBLGlDQUNFLFlBQ0YsQ0FFQSxtQ0FDRSx3REFDRixDQUNBLHVDQUNFLG1DQUNFLHVCQUNGLENBQ0YsQ0FFQSxvQ0FDRSx5REFDRixDQUNBLHVDQUNFLG9DQUNFLHVCQUNGLENBQ0YsQ0FFQSw2Q0FDRSxHQUNFLDJCQUNGLENBQ0EsR0FDRSx1QkFDRixDQUNGLENBQ0EsOENBQ0UsR0FDRSx1QkFDRixDQUNBLEdBQ0UsMkJBQ0YsQ0FDRixDQUNBLHNDQU1FLGtCQUFtQixDQUpuQiw0QkFBNkIsQ0FEN0Isd0VBQXlFLENBR3pFLHlDQUEwQyxDQUMxQyxZQUFhLENBRWIsc0JBQXVCLENBQ3ZCLGVBQWdCLENBTGhCLFNBT0YsQ0FDQSwyQ0FDRSxrQkFDRixDQUNBLHdFQUVFLGVBQWdCLENBRGhCLGNBRUYsQ0FDQSw2RUFDRSxnQkFDRixDQUNBLHdFQUVFLGFBQWMsQ0FEZCxZQUVGLENBQ0EsNkVBQ0UsY0FDRixDQUNBLHdFQUVFLGVBQWdCLENBRGhCLGNBRUYsQ0FDQSw2RUFDRSxrQkFDRixDQUNBLG9FQUNFLGVBQ0YsQ0FDQSxtRkFFRSxvREFBcUQsQ0FDckQsZ0RBQWlELENBRmpELG1DQUdGLENBQ0EsaUlBQ0Usa0RBQ0YsQ0FDQSwwUUFDRSxvREFBcUQsQ0FJckQsaUJBQWtCLENBRmxCLG9DQUFxQyxDQUNyQyxrQkFBbUIsQ0FGbkIsaUJBSUYsQ0FDQSxxUUFDRSxvREFDRixDQUNBLG9FQUVFLDRCQUE2QixDQUQ3Qix3QkFFRixDQUNBLG9IQUNFLHlDQUNGLENBQ0Esa0tBRUUscUNBQXNDLENBRHRDLHVDQUVGLENBQ0EsNFVBS0UsaUJBQWtCLENBSmxCLHlDQUEwQyxDQUUxQyxvQ0FBcUMsQ0FDckMsa0JBQW1CLENBRm5CLGlCQUlGLENBQ0EsdVVBRUUscUNBQXNDLENBRHRDLHlDQUVGLENBQ0Esc0hBQ0UsMkNBQ0YsQ0FDQSxvS0FFRSxxQ0FBc0MsQ0FEdEMseUNBRUYsQ0FDQSxnVkFLRSxpQkFBa0IsQ0FKbEIsMkNBQTRDLENBRTVDLG9DQUFxQyxDQUNyQyxrQkFBbUIsQ0FGbkIsaUJBSUYsQ0FDQSwyVUFFRSxxQ0FBc0MsQ0FEdEMsMkNBRUYsQ0FDQSxvSEFDRSx5Q0FDRixDQUNBLGtLQUVFLHFDQUFzQyxDQUR0Qyx1Q0FFRixDQUNBLDRVQUtFLGlCQUFrQixDQUpsQix5Q0FBMEMsQ0FFMUMsb0NBQXFDLENBQ3JDLGtCQUFtQixDQUZuQixpQkFJRixDQUNBLHVVQUVFLHFDQUFzQyxDQUR0Qyx5Q0FFRixDQUNBLG9IQUNFLGlDQUNGLENBQ0Esa0tBRUUscUNBQXNDLENBRHRDLHVDQUVGLENBQ0EsNFVBS0UsaUJBQWtCLENBSmxCLHlDQUEwQyxDQUUxQyxvQ0FBcUMsQ0FDckMsa0JBQW1CLENBRm5CLGlCQUlGLENBQ0EsdVVBRUUscUNBQXNDLENBRHRDLHlDQUVGLENBQ0EsbUhBQ0Usd0NBQ0YsQ0FDQSxpS0FFRSxxQ0FBc0MsQ0FEdEMsc0NBRUYsQ0FDQSwwVUFLRSxpQkFBa0IsQ0FKbEIsd0NBQXlDLENBRXpDLG9DQUFxQyxDQUNyQyxrQkFBbUIsQ0FGbkIsaUJBSUYsQ0FDQSxxVUFFRSxxQ0FBc0MsQ0FEdEMsd0NBRUYsQ0FDQSx1RUFDRSw2QkFBOEIsQ0FDOUIsZUFDRixDQUNBLHVIQUNFLGdEQUFpRCxDQUNqRCx5Q0FDRixDQUNBLHFLQUVFLHFDQUFzQyxDQUN0Qyw4Q0FBK0MsQ0FGL0MsdUNBR0YsQ0FDQSxrVkFFRSxnREFBaUQsQ0FJakQsaUJBQWtCLENBTGxCLHlDQUEwQyxDQUcxQyxvQ0FBcUMsQ0FDckMsa0JBQW1CLENBRm5CLGlCQUlGLENBQ0EsNlVBR0UscUNBQXNDLENBRHRDLGdEQUFpRCxDQURqRCx5Q0FHRixDQUNBLHlIQUNFLGtEQUFtRCxDQUNuRCwyQ0FDRixDQUNBLHVLQUVFLHFDQUFzQyxDQUN0QyxnREFBaUQsQ0FGakQseUNBR0YsQ0FDQSxzVkFFRSxrREFBbUQsQ0FJbkQsaUJBQWtCLENBTGxCLDJDQUE0QyxDQUc1QyxvQ0FBcUMsQ0FDckMsa0JBQW1CLENBRm5CLGlCQUlGLENBQ0EsaVZBR0UscUNBQXNDLENBRHRDLGtEQUFtRCxDQURuRCwyQ0FHRixDQUNBLHVIQUNFLGdEQUFpRCxDQUNqRCx5Q0FDRixDQUNBLHFLQUVFLHFDQUFzQyxDQUN0Qyw4Q0FBK0MsQ0FGL0MsdUNBR0YsQ0FDQSxrVkFFRSxnREFBaUQsQ0FJakQsaUJBQWtCLENBTGxCLHlDQUEwQyxDQUcxQyxvQ0FBcUMsQ0FDckMsa0JBQW1CLENBRm5CLGlCQUlGLENBQ0EsNlVBR0UscUNBQXNDLENBRHRDLGdEQUFpRCxDQURqRCx5Q0FHRixDQUNBLHVIQUNFLHdDQUF5QyxDQUN6QyxpQ0FDRixDQUNBLHFLQUVFLHFDQUFzQyxDQUN0Qyw4Q0FBK0MsQ0FGL0MsdUNBR0YsQ0FDQSxrVkFFRSxnREFBaUQsQ0FJakQsaUJBQWtCLENBTGxCLHlDQUEwQyxDQUcxQyxvQ0FBcUMsQ0FDckMsa0JBQW1CLENBRm5CLGlCQUlGLENBQ0EsNlVBR0UscUNBQXNDLENBRHRDLGdEQUFpRCxDQURqRCx5Q0FHRixDQUNBLHNIQUNFLCtDQUFnRCxDQUNoRCx3Q0FDRixDQUNBLG9LQUVFLHFDQUFzQyxDQUN0Qyw2Q0FBOEMsQ0FGOUMsc0NBR0YsQ0FDQSxnVkFFRSwrQ0FBZ0QsQ0FJaEQsaUJBQWtCLENBTGxCLHdDQUF5QyxDQUd6QyxvQ0FBcUMsQ0FDckMsa0JBQW1CLENBRm5CLGlCQUlGLENBQ0EsMlVBR0UscUNBQXNDLENBRHRDLCtDQUFnRCxDQURoRCx3Q0FHRiIsImZpbGUiOiJJY29uQnV0dG9uLm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnNyLW9ubHkge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxcHg7XG4gIGhlaWdodDogMXB4O1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IC0xcHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGNsaXA6IHJlY3QoMCwgMCwgMCwgMCk7XG4gIGJvcmRlcjogMDtcbn1cblxuLmhpZGRlbiB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5zbGlkZS1pbiB7XG4gIGFuaW1hdGlvbjogc2xpZGUtaW4gMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1pbiB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG4uc2xpZGUtb3V0IHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1vdXQgMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1vdXQge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuQGtleWZyYW1lcyBzbGlkZS1pbiB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbn1cbkBrZXlmcmFtZXMgc2xpZGUtb3V0IHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxufVxuLmljb24tYnV0dG9uIHtcbiAgYm9yZGVyOiB2YXIoLS1idXR0b24tYm9yZGVyLXdpZHRoKSB2YXIoLS1idXR0b24tYm9yZGVyLXN0eWxlKSB0cmFuc3BhcmVudDtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIHBhZGRpbmc6IDA7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLWJ1dHRvbi1ib3JkZXItcmFkaXVzKTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIG1pbi1oZWlnaHQ6IGF1dG87XG4gIC8qKiBTaXplcyAqKi9cbn1cbi5pY29uLWJ1dHRvbiBzcGFuIHtcbiAgdmVydGljYWwtYWxpZ246IHRvcDtcbn1cbi5pY29uLWJ1dHRvbi5idXR0b24tcyB7XG4gIHdpZHRoOiAxLjg3NXJlbTtcbiAgaGVpZ2h0OiAxLjg3NXJlbTtcbn1cbi5pY29uLWJ1dHRvbi5idXR0b24tcyBzcGFuIHtcbiAgZm9udC1zaXplOiAwLjc1cmVtO1xufVxuLmljb24tYnV0dG9uLmJ1dHRvbi1tIHtcbiAgd2lkdGg6IDIuNXJlbTtcbiAgaGVpZ2h0OiAyLjVyZW07XG59XG4uaWNvbi1idXR0b24uYnV0dG9uLW0gc3BhbiB7XG4gIGZvbnQtc2l6ZTogMXJlbTtcbn1cbi5pY29uLWJ1dHRvbi5idXR0b24tbCB7XG4gIHdpZHRoOiAzLjEyNXJlbTtcbiAgaGVpZ2h0OiAzLjEyNXJlbTtcbn1cbi5pY29uLWJ1dHRvbi5idXR0b24tbCBzcGFuIHtcbiAgZm9udC1zaXplOiAxLjM3NXJlbTtcbn1cbi5pY29uLWJ1dHRvbi5maWxsIHtcbiAgZm9udC13ZWlnaHQ6IDUwMDtcbn1cbi5pY29uLWJ1dHRvbi5maWxsOm5vdCg6ZGlzYWJsZWQpIHtcbiAgY29sb3I6IHZhcigtLWJ1dHRvbi1maWxsLXRleHQtY29sb3IpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1idXR0b24tcHJpbWFyeS1kZWZhdWx0LWNvbG9yKTtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1idXR0b24tcHJpbWFyeS1kZWZhdWx0LWNvbG9yKTtcbn1cbi5pY29uLWJ1dHRvbi5maWxsOm5vdCg6ZGlzYWJsZWQpOmhvdmVyOm5vdCguZGlzYWJsZWQpIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tYnV0dG9uLXByaW1hcnktaG92ZXItY29sb3IpO1xufVxuLmljb24tYnV0dG9uLmZpbGw6bm90KDpkaXNhYmxlZCk6Zm9jdXM6bm90KC5kaXNhYmxlZCksIC5pY29uLWJ1dHRvbi5maWxsOm5vdCg6ZGlzYWJsZWQpOmZvY3VzLXZpc2libGU6bm90KC5kaXNhYmxlZCkge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1idXR0b24tcHJpbWFyeS1mb2N1c2VkLWNvbG9yKTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBvdXRsaW5lOiAycHggc29saWQgdmFyKC0tY29sb3ItZm9jdXMpO1xuICBvdXRsaW5lLW9mZnNldDogMnB4O1xuICBib3JkZXItcmFkaXVzOiAxcHg7XG59XG4uaWNvbi1idXR0b24uZmlsbDpub3QoOmRpc2FibGVkKTphY3RpdmU6bm90KC5kaXNhYmxlZCksIC5pY29uLWJ1dHRvbi5maWxsOm5vdCg6ZGlzYWJsZWQpOnZpc2l0ZWQ6bm90KC5kaXNhYmxlZCkge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1idXR0b24tcHJpbWFyeS1wcmVzc2VkLWNvbG9yKTtcbn1cbi5pY29uLWJ1dHRvbi50ZXh0IHtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG59XG4uaWNvbi1idXR0b24udGV4dC5wcmltYXJ5Om5vdCg6ZGlzYWJsZWQpIHtcbiAgY29sb3I6IHZhcigtLWJ1dHRvbi1wcmltYXJ5LWRlZmF1bHQtY29sb3IpO1xufVxuLmljb24tYnV0dG9uLnRleHQucHJpbWFyeTpub3QoOmRpc2FibGVkKTpob3Zlcjpub3QoLmRpc2FibGVkKSB7XG4gIGNvbG9yOiB2YXIoLS1idXR0b24tcHJpbWFyeS1ob3Zlci1jb2xvcik7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsYWNrMTApO1xufVxuLmljb24tYnV0dG9uLnRleHQucHJpbWFyeTpub3QoOmRpc2FibGVkKTpmb2N1czpub3QoLmRpc2FibGVkKSwgLmljb24tYnV0dG9uLnRleHQucHJpbWFyeTpub3QoOmRpc2FibGVkKTpmb2N1cy12aXNpYmxlOm5vdCguZGlzYWJsZWQpIHtcbiAgY29sb3I6IHZhcigtLWJ1dHRvbi1wcmltYXJ5LWZvY3VzZWQtY29sb3IpO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG91dGxpbmU6IDJweCBzb2xpZCB2YXIoLS1jb2xvci1mb2N1cyk7XG4gIG91dGxpbmUtb2Zmc2V0OiAycHg7XG4gIGJvcmRlci1yYWRpdXM6IDFweDtcbn1cbi5pY29uLWJ1dHRvbi50ZXh0LnByaW1hcnk6bm90KDpkaXNhYmxlZCk6YWN0aXZlOm5vdCguZGlzYWJsZWQpLCAuaWNvbi1idXR0b24udGV4dC5wcmltYXJ5Om5vdCg6ZGlzYWJsZWQpOnZpc2l0ZWQ6bm90KC5kaXNhYmxlZCkge1xuICBjb2xvcjogdmFyKC0tYnV0dG9uLXByaW1hcnktcHJlc3NlZC1jb2xvcik7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsYWNrMjApO1xufVxuLmljb24tYnV0dG9uLnRleHQuc2Vjb25kYXJ5Om5vdCg6ZGlzYWJsZWQpIHtcbiAgY29sb3I6IHZhcigtLWJ1dHRvbi1zZWNvbmRhcnktZGVmYXVsdC1jb2xvcik7XG59XG4uaWNvbi1idXR0b24udGV4dC5zZWNvbmRhcnk6bm90KDpkaXNhYmxlZCk6aG92ZXI6bm90KC5kaXNhYmxlZCkge1xuICBjb2xvcjogdmFyKC0tYnV0dG9uLXNlY29uZGFyeS1ob3Zlci1jb2xvcik7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsYWNrMTApO1xufVxuLmljb24tYnV0dG9uLnRleHQuc2Vjb25kYXJ5Om5vdCg6ZGlzYWJsZWQpOmZvY3VzOm5vdCguZGlzYWJsZWQpLCAuaWNvbi1idXR0b24udGV4dC5zZWNvbmRhcnk6bm90KDpkaXNhYmxlZCk6Zm9jdXMtdmlzaWJsZTpub3QoLmRpc2FibGVkKSB7XG4gIGNvbG9yOiB2YXIoLS1idXR0b24tc2Vjb25kYXJ5LWZvY3VzZWQtY29sb3IpO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG91dGxpbmU6IDJweCBzb2xpZCB2YXIoLS1jb2xvci1mb2N1cyk7XG4gIG91dGxpbmUtb2Zmc2V0OiAycHg7XG4gIGJvcmRlci1yYWRpdXM6IDFweDtcbn1cbi5pY29uLWJ1dHRvbi50ZXh0LnNlY29uZGFyeTpub3QoOmRpc2FibGVkKTphY3RpdmU6bm90KC5kaXNhYmxlZCksIC5pY29uLWJ1dHRvbi50ZXh0LnNlY29uZGFyeTpub3QoOmRpc2FibGVkKTp2aXNpdGVkOm5vdCguZGlzYWJsZWQpIHtcbiAgY29sb3I6IHZhcigtLWJ1dHRvbi1zZWNvbmRhcnktcHJlc3NlZC1jb2xvcik7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsYWNrMjApO1xufVxuLmljb24tYnV0dG9uLnRleHQud2FybmluZzpub3QoOmRpc2FibGVkKSB7XG4gIGNvbG9yOiB2YXIoLS1idXR0b24td2FybmluZy1kZWZhdWx0LWNvbG9yKTtcbn1cbi5pY29uLWJ1dHRvbi50ZXh0Lndhcm5pbmc6bm90KDpkaXNhYmxlZCk6aG92ZXI6bm90KC5kaXNhYmxlZCkge1xuICBjb2xvcjogdmFyKC0tYnV0dG9uLXdhcm5pbmctaG92ZXItY29sb3IpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1ibGFjazEwKTtcbn1cbi5pY29uLWJ1dHRvbi50ZXh0Lndhcm5pbmc6bm90KDpkaXNhYmxlZCk6Zm9jdXM6bm90KC5kaXNhYmxlZCksIC5pY29uLWJ1dHRvbi50ZXh0Lndhcm5pbmc6bm90KDpkaXNhYmxlZCk6Zm9jdXMtdmlzaWJsZTpub3QoLmRpc2FibGVkKSB7XG4gIGNvbG9yOiB2YXIoLS1idXR0b24td2FybmluZy1mb2N1c2VkLWNvbG9yKTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBvdXRsaW5lOiAycHggc29saWQgdmFyKC0tY29sb3ItZm9jdXMpO1xuICBvdXRsaW5lLW9mZnNldDogMnB4O1xuICBib3JkZXItcmFkaXVzOiAxcHg7XG59XG4uaWNvbi1idXR0b24udGV4dC53YXJuaW5nOm5vdCg6ZGlzYWJsZWQpOmFjdGl2ZTpub3QoLmRpc2FibGVkKSwgLmljb24tYnV0dG9uLnRleHQud2FybmluZzpub3QoOmRpc2FibGVkKTp2aXNpdGVkOm5vdCguZGlzYWJsZWQpIHtcbiAgY29sb3I6IHZhcigtLWJ1dHRvbi13YXJuaW5nLXByZXNzZWQtY29sb3IpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1ibGFjazIwKTtcbn1cbi5pY29uLWJ1dHRvbi50ZXh0LmRlZmF1bHQ6bm90KDpkaXNhYmxlZCkge1xuICBjb2xvcjogdmFyKC0tYnV0dG9uLWRlZmF1bHQtY29sb3IpO1xufVxuLmljb24tYnV0dG9uLnRleHQuZGVmYXVsdDpub3QoOmRpc2FibGVkKTpob3Zlcjpub3QoLmRpc2FibGVkKSB7XG4gIGNvbG9yOiB2YXIoLS1idXR0b24tZGVmYXVsdC1ob3Zlci1jb2xvcik7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsYWNrMTApO1xufVxuLmljb24tYnV0dG9uLnRleHQuZGVmYXVsdDpub3QoOmRpc2FibGVkKTpmb2N1czpub3QoLmRpc2FibGVkKSwgLmljb24tYnV0dG9uLnRleHQuZGVmYXVsdDpub3QoOmRpc2FibGVkKTpmb2N1cy12aXNpYmxlOm5vdCguZGlzYWJsZWQpIHtcbiAgY29sb3I6IHZhcigtLWJ1dHRvbi1kZWZhdWx0LWZvY3VzZWQtY29sb3IpO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG91dGxpbmU6IDJweCBzb2xpZCB2YXIoLS1jb2xvci1mb2N1cyk7XG4gIG91dGxpbmUtb2Zmc2V0OiAycHg7XG4gIGJvcmRlci1yYWRpdXM6IDFweDtcbn1cbi5pY29uLWJ1dHRvbi50ZXh0LmRlZmF1bHQ6bm90KDpkaXNhYmxlZCk6YWN0aXZlOm5vdCguZGlzYWJsZWQpLCAuaWNvbi1idXR0b24udGV4dC5kZWZhdWx0Om5vdCg6ZGlzYWJsZWQpOnZpc2l0ZWQ6bm90KC5kaXNhYmxlZCkge1xuICBjb2xvcjogdmFyKC0tYnV0dG9uLWRlZmF1bHQtcHJlc3NlZC1jb2xvcik7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsYWNrMjApO1xufVxuLmljb24tYnV0dG9uLnRleHQuZGFuZ2VyOm5vdCg6ZGlzYWJsZWQpIHtcbiAgY29sb3I6IHZhcigtLWJ1dHRvbi1kYW5nZXItZGVmYXVsdC1jb2xvcik7XG59XG4uaWNvbi1idXR0b24udGV4dC5kYW5nZXI6bm90KDpkaXNhYmxlZCk6aG92ZXI6bm90KC5kaXNhYmxlZCkge1xuICBjb2xvcjogdmFyKC0tYnV0dG9uLWRhbmdlci1ob3Zlci1jb2xvcik7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsYWNrMTApO1xufVxuLmljb24tYnV0dG9uLnRleHQuZGFuZ2VyOm5vdCg6ZGlzYWJsZWQpOmZvY3VzOm5vdCguZGlzYWJsZWQpLCAuaWNvbi1idXR0b24udGV4dC5kYW5nZXI6bm90KDpkaXNhYmxlZCk6Zm9jdXMtdmlzaWJsZTpub3QoLmRpc2FibGVkKSB7XG4gIGNvbG9yOiB2YXIoLS1idXR0b24tZGFuZ2VyLWZvY3VzZWQtY29sb3IpO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG91dGxpbmU6IDJweCBzb2xpZCB2YXIoLS1jb2xvci1mb2N1cyk7XG4gIG91dGxpbmUtb2Zmc2V0OiAycHg7XG4gIGJvcmRlci1yYWRpdXM6IDFweDtcbn1cbi5pY29uLWJ1dHRvbi50ZXh0LmRhbmdlcjpub3QoOmRpc2FibGVkKTphY3RpdmU6bm90KC5kaXNhYmxlZCksIC5pY29uLWJ1dHRvbi50ZXh0LmRhbmdlcjpub3QoOmRpc2FibGVkKTp2aXNpdGVkOm5vdCguZGlzYWJsZWQpIHtcbiAgY29sb3I6IHZhcigtLWJ1dHRvbi1kYW5nZXItcHJlc3NlZC1jb2xvcik7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsYWNrMjApO1xufVxuLmljb24tYnV0dG9uLm91dGxpbmUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS13aGl0ZSk7XG4gIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG4uaWNvbi1idXR0b24ub3V0bGluZS5wcmltYXJ5Om5vdCg6ZGlzYWJsZWQpIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1idXR0b24tcHJpbWFyeS1kZWZhdWx0LWNvbG9yKTtcbiAgY29sb3I6IHZhcigtLWJ1dHRvbi1wcmltYXJ5LWRlZmF1bHQtY29sb3IpO1xufVxuLmljb24tYnV0dG9uLm91dGxpbmUucHJpbWFyeTpub3QoOmRpc2FibGVkKTpob3Zlcjpub3QoLmRpc2FibGVkKSB7XG4gIGNvbG9yOiB2YXIoLS1idXR0b24tcHJpbWFyeS1ob3Zlci1jb2xvcik7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsYWNrMTApO1xuICBib3JkZXItY29sb3I6IHZhcigtLWJ1dHRvbi1wcmltYXJ5LWhvdmVyLWNvbG9yKTtcbn1cbi5pY29uLWJ1dHRvbi5vdXRsaW5lLnByaW1hcnk6bm90KDpkaXNhYmxlZCk6Zm9jdXM6bm90KC5kaXNhYmxlZCksIC5pY29uLWJ1dHRvbi5vdXRsaW5lLnByaW1hcnk6bm90KDpkaXNhYmxlZCk6Zm9jdXMtdmlzaWJsZTpub3QoLmRpc2FibGVkKSB7XG4gIGNvbG9yOiB2YXIoLS1idXR0b24tcHJpbWFyeS1mb2N1c2VkLWNvbG9yKTtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1idXR0b24tcHJpbWFyeS1mb2N1c2VkLWNvbG9yKTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBvdXRsaW5lOiAycHggc29saWQgdmFyKC0tY29sb3ItZm9jdXMpO1xuICBvdXRsaW5lLW9mZnNldDogMnB4O1xuICBib3JkZXItcmFkaXVzOiAxcHg7XG59XG4uaWNvbi1idXR0b24ub3V0bGluZS5wcmltYXJ5Om5vdCg6ZGlzYWJsZWQpOmFjdGl2ZTpub3QoLmRpc2FibGVkKSwgLmljb24tYnV0dG9uLm91dGxpbmUucHJpbWFyeTpub3QoOmRpc2FibGVkKTp2aXNpdGVkOm5vdCguZGlzYWJsZWQpIHtcbiAgY29sb3I6IHZhcigtLWJ1dHRvbi1wcmltYXJ5LXByZXNzZWQtY29sb3IpO1xuICBib3JkZXItY29sb3I6IHZhcigtLWJ1dHRvbi1wcmltYXJ5LXByZXNzZWQtY29sb3IpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1ibGFjazIwKTtcbn1cbi5pY29uLWJ1dHRvbi5vdXRsaW5lLnNlY29uZGFyeTpub3QoOmRpc2FibGVkKSB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tYnV0dG9uLXNlY29uZGFyeS1kZWZhdWx0LWNvbG9yKTtcbiAgY29sb3I6IHZhcigtLWJ1dHRvbi1zZWNvbmRhcnktZGVmYXVsdC1jb2xvcik7XG59XG4uaWNvbi1idXR0b24ub3V0bGluZS5zZWNvbmRhcnk6bm90KDpkaXNhYmxlZCk6aG92ZXI6bm90KC5kaXNhYmxlZCkge1xuICBjb2xvcjogdmFyKC0tYnV0dG9uLXNlY29uZGFyeS1ob3Zlci1jb2xvcik7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsYWNrMTApO1xuICBib3JkZXItY29sb3I6IHZhcigtLWJ1dHRvbi1zZWNvbmRhcnktaG92ZXItY29sb3IpO1xufVxuLmljb24tYnV0dG9uLm91dGxpbmUuc2Vjb25kYXJ5Om5vdCg6ZGlzYWJsZWQpOmZvY3VzOm5vdCguZGlzYWJsZWQpLCAuaWNvbi1idXR0b24ub3V0bGluZS5zZWNvbmRhcnk6bm90KDpkaXNhYmxlZCk6Zm9jdXMtdmlzaWJsZTpub3QoLmRpc2FibGVkKSB7XG4gIGNvbG9yOiB2YXIoLS1idXR0b24tc2Vjb25kYXJ5LWZvY3VzZWQtY29sb3IpO1xuICBib3JkZXItY29sb3I6IHZhcigtLWJ1dHRvbi1zZWNvbmRhcnktZm9jdXNlZC1jb2xvcik7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgb3V0bGluZTogMnB4IHNvbGlkIHZhcigtLWNvbG9yLWZvY3VzKTtcbiAgb3V0bGluZS1vZmZzZXQ6IDJweDtcbiAgYm9yZGVyLXJhZGl1czogMXB4O1xufVxuLmljb24tYnV0dG9uLm91dGxpbmUuc2Vjb25kYXJ5Om5vdCg6ZGlzYWJsZWQpOmFjdGl2ZTpub3QoLmRpc2FibGVkKSwgLmljb24tYnV0dG9uLm91dGxpbmUuc2Vjb25kYXJ5Om5vdCg6ZGlzYWJsZWQpOnZpc2l0ZWQ6bm90KC5kaXNhYmxlZCkge1xuICBjb2xvcjogdmFyKC0tYnV0dG9uLXNlY29uZGFyeS1wcmVzc2VkLWNvbG9yKTtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1idXR0b24tc2Vjb25kYXJ5LXByZXNzZWQtY29sb3IpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1ibGFjazIwKTtcbn1cbi5pY29uLWJ1dHRvbi5vdXRsaW5lLndhcm5pbmc6bm90KDpkaXNhYmxlZCkge1xuICBib3JkZXItY29sb3I6IHZhcigtLWJ1dHRvbi13YXJuaW5nLWRlZmF1bHQtY29sb3IpO1xuICBjb2xvcjogdmFyKC0tYnV0dG9uLXdhcm5pbmctZGVmYXVsdC1jb2xvcik7XG59XG4uaWNvbi1idXR0b24ub3V0bGluZS53YXJuaW5nOm5vdCg6ZGlzYWJsZWQpOmhvdmVyOm5vdCguZGlzYWJsZWQpIHtcbiAgY29sb3I6IHZhcigtLWJ1dHRvbi13YXJuaW5nLWhvdmVyLWNvbG9yKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItYmxhY2sxMCk7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tYnV0dG9uLXdhcm5pbmctaG92ZXItY29sb3IpO1xufVxuLmljb24tYnV0dG9uLm91dGxpbmUud2FybmluZzpub3QoOmRpc2FibGVkKTpmb2N1czpub3QoLmRpc2FibGVkKSwgLmljb24tYnV0dG9uLm91dGxpbmUud2FybmluZzpub3QoOmRpc2FibGVkKTpmb2N1cy12aXNpYmxlOm5vdCguZGlzYWJsZWQpIHtcbiAgY29sb3I6IHZhcigtLWJ1dHRvbi13YXJuaW5nLWZvY3VzZWQtY29sb3IpO1xuICBib3JkZXItY29sb3I6IHZhcigtLWJ1dHRvbi13YXJuaW5nLWZvY3VzZWQtY29sb3IpO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG91dGxpbmU6IDJweCBzb2xpZCB2YXIoLS1jb2xvci1mb2N1cyk7XG4gIG91dGxpbmUtb2Zmc2V0OiAycHg7XG4gIGJvcmRlci1yYWRpdXM6IDFweDtcbn1cbi5pY29uLWJ1dHRvbi5vdXRsaW5lLndhcm5pbmc6bm90KDpkaXNhYmxlZCk6YWN0aXZlOm5vdCguZGlzYWJsZWQpLCAuaWNvbi1idXR0b24ub3V0bGluZS53YXJuaW5nOm5vdCg6ZGlzYWJsZWQpOnZpc2l0ZWQ6bm90KC5kaXNhYmxlZCkge1xuICBjb2xvcjogdmFyKC0tYnV0dG9uLXdhcm5pbmctcHJlc3NlZC1jb2xvcik7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tYnV0dG9uLXdhcm5pbmctcHJlc3NlZC1jb2xvcik7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsYWNrMjApO1xufVxuLmljb24tYnV0dG9uLm91dGxpbmUuZGVmYXVsdDpub3QoOmRpc2FibGVkKSB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tYnV0dG9uLWRlZmF1bHQtY29sb3IpO1xuICBjb2xvcjogdmFyKC0tYnV0dG9uLWRlZmF1bHQtY29sb3IpO1xufVxuLmljb24tYnV0dG9uLm91dGxpbmUuZGVmYXVsdDpub3QoOmRpc2FibGVkKTpob3Zlcjpub3QoLmRpc2FibGVkKSB7XG4gIGNvbG9yOiB2YXIoLS1idXR0b24tZGVmYXVsdC1ob3Zlci1jb2xvcik7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsYWNrMTApO1xuICBib3JkZXItY29sb3I6IHZhcigtLWJ1dHRvbi1kZWZhdWx0LWhvdmVyLWNvbG9yKTtcbn1cbi5pY29uLWJ1dHRvbi5vdXRsaW5lLmRlZmF1bHQ6bm90KDpkaXNhYmxlZCk6Zm9jdXM6bm90KC5kaXNhYmxlZCksIC5pY29uLWJ1dHRvbi5vdXRsaW5lLmRlZmF1bHQ6bm90KDpkaXNhYmxlZCk6Zm9jdXMtdmlzaWJsZTpub3QoLmRpc2FibGVkKSB7XG4gIGNvbG9yOiB2YXIoLS1idXR0b24tZGVmYXVsdC1mb2N1c2VkLWNvbG9yKTtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1idXR0b24tZGVmYXVsdC1mb2N1c2VkLWNvbG9yKTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBvdXRsaW5lOiAycHggc29saWQgdmFyKC0tY29sb3ItZm9jdXMpO1xuICBvdXRsaW5lLW9mZnNldDogMnB4O1xuICBib3JkZXItcmFkaXVzOiAxcHg7XG59XG4uaWNvbi1idXR0b24ub3V0bGluZS5kZWZhdWx0Om5vdCg6ZGlzYWJsZWQpOmFjdGl2ZTpub3QoLmRpc2FibGVkKSwgLmljb24tYnV0dG9uLm91dGxpbmUuZGVmYXVsdDpub3QoOmRpc2FibGVkKTp2aXNpdGVkOm5vdCguZGlzYWJsZWQpIHtcbiAgY29sb3I6IHZhcigtLWJ1dHRvbi1kZWZhdWx0LXByZXNzZWQtY29sb3IpO1xuICBib3JkZXItY29sb3I6IHZhcigtLWJ1dHRvbi1kZWZhdWx0LXByZXNzZWQtY29sb3IpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1ibGFjazIwKTtcbn1cbi5pY29uLWJ1dHRvbi5vdXRsaW5lLmRhbmdlcjpub3QoOmRpc2FibGVkKSB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tYnV0dG9uLWRhbmdlci1kZWZhdWx0LWNvbG9yKTtcbiAgY29sb3I6IHZhcigtLWJ1dHRvbi1kYW5nZXItZGVmYXVsdC1jb2xvcik7XG59XG4uaWNvbi1idXR0b24ub3V0bGluZS5kYW5nZXI6bm90KDpkaXNhYmxlZCk6aG92ZXI6bm90KC5kaXNhYmxlZCkge1xuICBjb2xvcjogdmFyKC0tYnV0dG9uLWRhbmdlci1ob3Zlci1jb2xvcik7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsYWNrMTApO1xuICBib3JkZXItY29sb3I6IHZhcigtLWJ1dHRvbi1kYW5nZXItaG92ZXItY29sb3IpO1xufVxuLmljb24tYnV0dG9uLm91dGxpbmUuZGFuZ2VyOm5vdCg6ZGlzYWJsZWQpOmZvY3VzOm5vdCguZGlzYWJsZWQpLCAuaWNvbi1idXR0b24ub3V0bGluZS5kYW5nZXI6bm90KDpkaXNhYmxlZCk6Zm9jdXMtdmlzaWJsZTpub3QoLmRpc2FibGVkKSB7XG4gIGNvbG9yOiB2YXIoLS1idXR0b24tZGFuZ2VyLWZvY3VzZWQtY29sb3IpO1xuICBib3JkZXItY29sb3I6IHZhcigtLWJ1dHRvbi1kYW5nZXItZm9jdXNlZC1jb2xvcik7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgb3V0bGluZTogMnB4IHNvbGlkIHZhcigtLWNvbG9yLWZvY3VzKTtcbiAgb3V0bGluZS1vZmZzZXQ6IDJweDtcbiAgYm9yZGVyLXJhZGl1czogMXB4O1xufVxuLmljb24tYnV0dG9uLm91dGxpbmUuZGFuZ2VyOm5vdCg6ZGlzYWJsZWQpOmFjdGl2ZTpub3QoLmRpc2FibGVkKSwgLmljb24tYnV0dG9uLm91dGxpbmUuZGFuZ2VyOm5vdCg6ZGlzYWJsZWQpOnZpc2l0ZWQ6bm90KC5kaXNhYmxlZCkge1xuICBjb2xvcjogdmFyKC0tYnV0dG9uLWRhbmdlci1wcmVzc2VkLWNvbG9yKTtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1idXR0b24tZGFuZ2VyLXByZXNzZWQtY29sb3IpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1ibGFjazIwKTtcbn0iXX0= */';var n={"sr-only":"IconButton-module_sr-only__bAFoF",hidden:"IconButton-module_hidden__jITeE","slide-in":"IconButton-module_slide-in__gcKNa","slide-out":"IconButton-module_slide-out__yNec3","icon-button":"IconButton-module_icon-button__KPXUx","button-s":"IconButton-module_button-s__YCxBF","button-m":"IconButton-module_button-m__mZ8xf","button-l":"IconButton-module_button-l__v58e-",fill:"IconButton-module_fill__2tiHz",disabled:"IconButton-module_disabled__-sHLJ",text:"IconButton-module_text__FK29v",primary:"IconButton-module_primary__crR2P",secondary:"IconButton-module_secondary__mgqbm",warning:"IconButton-module_warning__NS225",default:"IconButton-module_default__Eavpt",danger:"IconButton-module_danger__E5WNv",outline:"IconButton-module_outline__QQo5B"};o(t);export{n as default};
 //# sourceMappingURL=IconButton.module.esm.js.map

package/dist/esm/Button/Spinner.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Spinner.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"Spinner.esm.js","sources":["../../../../../src/components/Button/Spinner.tsx"],"sourcesContent":["/\n Copyright 2022 OneWelcome B.V.\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from \"react\";\n\nexport const Spinner: React.FC<React.SVGProps<SVGSVGElement>> = props => (\n <svg\n {...props}\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M24 12C24 13.8937 23.5518 15.7606 22.6921 17.4479C21.8323 19.1352 20.5855 20.5951 19.0534 21.7082C17.5214 22.8213 15.7476 23.556 13.8772 23.8523C12.0068 24.1485 10.0928 23.9979 8.2918 23.4127C6.49076 22.8275 4.85378 21.8243 3.51472 20.4853C2.17565 19.1462 1.17251 17.5092 0.587322 15.7082C0.00212849 13.9072 -0.148504 11.9932 0.14774 10.1228C0.443984 8.25238 1.17869 6.47863 2.2918 4.94658L3.91307 6.1245C2.98585 7.4007 2.37384 8.87823 2.12707 10.4363C1.8803 11.9943 2.00577 13.5887 2.49324 15.0889C2.9807 16.5892 3.81632 17.9528 4.93176 19.0682C6.0472 20.1837 7.4108 21.0193 8.91107 21.5068C10.4113 21.9942 12.0057 22.1197 13.5637 21.8729C15.1218 21.6262 16.5993 21.0141 17.8755 20.0869C19.1517 19.1597 20.1903 17.9436 20.9065 16.5381C21.6227 15.1326 21.996 13.5775 21.996 12H24Z\"\n fill=\"#5D607E\"\n />\n </svg>\n);\n"],"names":["Spinner","props","React","createElement","width","height","viewBox","fill","xmlns","d"],"mappings":"qBAkBO,MAAMA,EAAmDC,GAC9DC,EAAAC,cAAA,MAAA,IACMF,EACJG,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRC,KAAK,OACLC,MAAM,8BAENN,EACEC,cAAA,OAAA,CAAAM,EAAE,+wBACFF,KAAK"}

package/dist/esm/ContextMenu/ContextMenu.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e,{useRef as o,createRef as t,useState as n,useEffect as r,useCallback as l}from"react";import{Popover as c}from"../Popover/Popover.esm.js";import s from"./ContextMenu.module.esm.js";import{useBodyClick as a}from"../src/hooks/useBodyClick.esm.js";import{createPortal as i}from"react-dom";import{useGetDomRoot as u}from"../src/hooks/useGetDomRoot.esm.js";import{useDefaultOffset as m,useArrowNavigation as d}from"./ContextMenuService.esm.js";const h=e.forwardRef((({trigger:h,children:p,decorativeElement:v,id:f,show:C=!1,onShow:x,onClose:w,placement:g={horizontal:"right",vertical:"top"},offset:E,transformOrigin:M={horizontal:"left",vertical:"top"},debounceAmount:S,domRoot:I,popoverProps:k,value:A,onChange:O,...b},j)=>{const N=o(null),$=j||t(),[D,y]=n(C),[F,P]=n(!1),[R,z]=n(-1),[B,G]=n(-1),[K,V]=n(!1),[Y]=n(e.Children.count(p)),{root:q}=u(I,$);if(!f)throw new Error("You need to provide an ID to the context menu");const H=z;r((()=>{void 0!==A&&H(A)}),[A]);const{calculateDefaultOffset:J}=m(),L=null!=E?E:J(g,M),{onArrowNavigation:Q}=d({selectedContextMenuItem:R,setSelectedContextMenuItem:z,focusedContextMenuItem:B,setFocusedContextMenuItem:G,showContextMenu:D,setShowContextMenu:y,childrenCount:Y,setShouldClick:V});a((e=>D&&N.current!==e.target&&N.current!==e.target.parentElement),(()=>{y(!1)}),D),r((()=>{var e,o;!0===D?null==x||x():(null==w||w(),!F&&P(!0),G(-1),(null===(e=document.activeElement)||void 0===e?void 0:e.closest(`.${null===(o=$.current)||void 0===o?void 0:o.className}`))&&F&&N.current&&N.current.focus())}),[D]);const T=l((()=>{y(!1)}),[]);return q?e.createElement("div",{...b,ref:$,onKeyDown:Q,className:s["context-menu"]},e.cloneElement(h,{id:f,"aria-haspopup":"true","aria-controls":`${f}-menu`,"aria-expanded":D,onClick:()=>y(!D),tabIndex:0,ref:N}),i(e.createElement(c,{...k,placement:g,transformOrigin:M,offset:L,anchorEl:N,debounceAmount:S,show:D,onAnchorOutOfView:T},v&&e.createElement("div",{className:s["decorative-element"]},v),e.createElement("ul",{className:`${s.menu} ${v?s["no-margin-top"]:""}`,id:`${f}-menu`,"aria-describedby":f,role:"menu"},e.Children.map(p,((o,t)=>{var n;return e.cloneElement(o,{onFocusChange:e=>G(e),onSelectedChange:(e,o)=>{z(o),V(!1),null==O||O(e,o)},childIndex:t,hasFocus:B===t,isSelected:R===t,showActiveState:null!==(n=null==o?void 0:o.props.showActiveState)&&void 0!==n?n:void 0!==A&&R===t,contextMenuOpened:D,shouldClick:K})})))),q)):null}));export{h as ContextMenu};
+import e,{useRef as o,createRef as t,useState as n,useEffect as r,useCallback as s}from"react";import{Popover as c}from"../Popover/Popover.esm.js";import l from"./ContextMenu.module.esm.js";import{useBodyClick as i}from"../src/hooks/useBodyClick.esm.js";import{createPortal as a}from"react-dom";import{useGetDomRoot as u}from"../src/hooks/useGetDomRoot.esm.js";import{useDefaultOffset as m,useArrowNavigation as d}from"./ContextMenuService.esm.js";const f=({trigger:f,children:v,decorativeElement:h,id:p,show:C=false,onShow:x,onClose:w,placement:g={horizontal:"right",vertical:"top"},offset:E,transformOrigin:M={horizontal:"left",vertical:"top"},debounceAmount:S,domRoot:I,popoverProps:k,value:A,onChange:O,...b},j)=>{const N=o(null);const $=j||t();const[D,y]=n(C);const[F,P]=n(false);const[R,z]=n(-1);const[B,G]=n(-1);const[K,V]=n(false);const[Y]=n(e.Children.count(v));const{root:q}=u(I,$);if(!p)throw new Error("You need to provide an ID to the context menu");const H=z;r((()=>{A!==void 0&&H(A)}),[A]);const{calculateDefaultOffset:J}=m();const L=E!==null&&E!==void 0?E:J(g,M);const{onArrowNavigation:Q}=d({selectedContextMenuItem:R,setSelectedContextMenuItem:z,focusedContextMenuItem:B,setFocusedContextMenuItem:G,showContextMenu:D,setShowContextMenu:y,childrenCount:Y,setShouldClick:V});i((e=>D&&N.current!==e.target&&N.current!==e.target.parentElement),(()=>{y(false)}),D);r((()=>{var e,o;if(D===true)x===null||x===void 0?void 0:x();else{w===null||w===void 0?void 0:w();!F&&P(true);G(-1);if((e=document.activeElement)===null||e===void 0?void 0:e.closest(`.${(o=$.current)===null||o===void 0?void 0:o.className}`))F&&N.current&&N.current.focus()}}),[D]);const T=()=>e.cloneElement(f,{id:p,"aria-haspopup":"true","aria-controls":`${p}-menu`,"aria-expanded":D,onClick:()=>y(!D),tabIndex:0,ref:N});const U=()=>e.Children.map(v,((o,t)=>{var n;return e.cloneElement(o,{onFocusChange:e=>G(e),onSelectedChange:(e,o)=>{z(o);V(false);O===null||O===void 0?void 0:O(e,o)},childIndex:t,hasFocus:B===t,isSelected:R===t,showActiveState:(n=o===null||o===void 0?void 0:o.props.showActiveState)!==null&&n!==void 0?n:A!==void 0&&R===t,contextMenuOpened:D,shouldClick:K})}));const W=s((()=>{y(false)}),[]);if(!q)return null;return e.createElement("div",{...b,ref:$,onKeyDown:Q,className:l["context-menu"]},T(),a(e.createElement(c,{...k,placement:g,transformOrigin:M,offset:L,anchorEl:N,debounceAmount:S,show:D,onAnchorOutOfView:W},h&&e.createElement("div",{className:l["decorative-element"]},h),e.createElement("ul",{className:`${l["menu"]} ${h?l["no-margin-top"]:""}`,id:`${p}-menu`,"aria-describedby":p,role:"menu"},U())),q))};const v=e.forwardRef(f);export{v as ContextMenu};
 //# sourceMappingURL=ContextMenu.esm.js.map

package/dist/esm/ContextMenu/ContextMenu.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ContextMenu.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"ContextMenu.esm.js","sources":["../../../../../src/components/ContextMenu/ContextMenu.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 ReactElement,\n ReactNode,\n RefObject,\n useCallback,\n useEffect,\n useRef,\n useState\n} from \"react\";\nimport { Props as ButtonProps } from \"../Button/Button\";\nimport { Props as IconButtonProps } from \"../Button/IconButton\";\nimport { Popover, Props as PopoverProps } from \"../Popover/Popover\";\nimport { Placement, Offset } from \"../../hooks/usePosition\";\nimport classes from \"./ContextMenu.module.scss\";\nimport { useBodyClick } from \"../../hooks/useBodyClick\";\nimport { Props as ContextMenuItemProps } from \"./ContextMenuItem\";\nimport { createPortal } from \"react-dom\";\nimport { useGetDomRoot } from \"../../hooks/useGetDomRoot\";\nimport { useArrowNavigation, useDefaultOffset } from \"./ContextMenuService\";\n\nexport interface Props extends Omit<ComponentPropsWithRef<\"div\">, \"onChange\"> {\n trigger: ReactElement<ButtonProps> \| ReactElement<IconButtonProps>;\n decorativeElement?: ReactNode;\n children: ReactElement<ContextMenuItemProps> \| ReactElement<ContextMenuItemProps>[];\n placement?: Placement;\n transformOrigin?: Placement;\n offset?: Offset;\n debounceAmount?: number;\n id: string;\n show?: boolean;\n domRoot?: HTMLElement;\n onShow?: () => void;\n onClose?: () => void;\n popoverProps?: PopoverProps;\n value?: number;\n onChange?: (event: React.MouseEvent<HTMLButtonElement>, childIndex: number) => void;\n}\n\nconst ContextMenuComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n {\n trigger,\n children,\n decorativeElement,\n id,\n show = false,\n onShow,\n onClose,\n placement = { horizontal: \"right\", vertical: \"top\" },\n offset,\n transformOrigin = { horizontal: \"left\", vertical: \"top\" },\n debounceAmount,\n domRoot,\n popoverProps,\n value,\n onChange,\n ...rest\n }: Props,\n ref\n) => {\n const anchorEl = useRef<HTMLButtonElement>(null);\n const wrappingDivRef = (ref as RefObject<HTMLDivElement>) \|\| createRef<HTMLDivElement>();\n const [showContextMenu, setShowContextMenu] = useState(show);\n const [hasBeenClosed, setHasBeenClosed] = useState(false);\n const [selectedContextMenuItem, setSelectedContextMenuItem] = useState(-1);\n const [focusedContextMenuItem, setFocusedContextMenuItem] = useState(-1);\n const [shouldClick, setShouldClick] =\n useState(\n false\n ); /* We need this, because whenever we use the arrow keys to select the contextmenu item, and we focus the currently selected item it fires the \"click\" listener in ContextMenuItem component. Instead, we only want this to fire if we press \"enter\" or \"spacebar\" so we set this to true whenever that is the case, and back to false when it has been executed. */\n const [childrenCount] = useState(React.Children.count(children));\n\n const { root } = useGetDomRoot(domRoot, wrappingDivRef);\n\n if (!id) {\n throw new Error(\"You need to provide an ID to the context menu\");\n }\n\n const syncSelectedContextMenuItem = setSelectedContextMenuItem;\n\n useEffect(() => {\n value !== undefined && syncSelectedContextMenuItem(value);\n }, [value]);\n\n const { calculateDefaultOffset } = useDefaultOffset();\n const calculatedOffset = offset ?? calculateDefaultOffset(placement, transformOrigin);\n\n const { onArrowNavigation } = useArrowNavigation({\n selectedContextMenuItem,\n setSelectedContextMenuItem,\n focusedContextMenuItem,\n setFocusedContextMenuItem,\n showContextMenu,\n setShowContextMenu,\n childrenCount,\n setShouldClick\n });\n\n useBodyClick(\n event => {\n return (\n showContextMenu &&\n anchorEl.current !== event.target &&\n anchorEl.current !== (event.target as HTMLElement).parentElement\n );\n },\n () => {\n setShowContextMenu(false);\n },\n showContextMenu\n );\n\n useEffect(() => {\n if (showContextMenu === true) {\n onShow?.();\n } else {\n onClose?.();\n !hasBeenClosed && setHasBeenClosed(true);\n setFocusedContextMenuItem(-1);\n // If the user clicks on the trigger button, we want to focus it again after the context menu has been closed,\n // but only if the option doesn't open another window (such as a modal),\n // otherwise pressing enter wouldn't fire the primary action of the modal.\n if (document.activeElement?.closest(`.${wrappingDivRef.current?.className}`)) {\n hasBeenClosed && anchorEl.current && anchorEl.current.focus();\n }\n }\n }, [showContextMenu]);\n\n const renderTrigger = () =>\n React.cloneElement(trigger, {\n id: id,\n \"aria-haspopup\": \"true\",\n \"aria-controls\": `${id}-menu`,\n \"aria-expanded\": showContextMenu,\n onClick: () => setShowContextMenu(!showContextMenu),\n tabIndex: 0,\n ref: anchorEl\n });\n\n const renderChildren = () =>\n React.Children.map(children, (child, index) =>\n React.cloneElement(child as ReactElement, {\n onFocusChange: (childIndex: number) => setFocusedContextMenuItem(childIndex),\n onSelectedChange: (event: React.MouseEvent<HTMLButtonElement>, childIndex: number) => {\n setSelectedContextMenuItem(childIndex);\n setShouldClick(false);\n onChange?.(event, childIndex);\n },\n childIndex: index,\n hasFocus: focusedContextMenuItem === index,\n isSelected: selectedContextMenuItem === index,\n showActiveState:\n child?.props.showActiveState ??\n (value !== undefined && selectedContextMenuItem === index),\n contextMenuOpened: showContextMenu,\n shouldClick: shouldClick\n })\n );\n\n const onOutOfViewHandler = useCallback(() => {\n setShowContextMenu(false);\n }, []);\n\n if (!root) {\n return null;\n }\n\n return (\n <div\n {...rest}\n ref={wrappingDivRef}\n onKeyDown={onArrowNavigation}\n className={classes[\"context-menu\"]}\n >\n {renderTrigger()}\n {createPortal(\n <Popover\n {...popoverProps}\n placement={placement}\n transformOrigin={transformOrigin}\n offset={calculatedOffset}\n anchorEl={anchorEl}\n debounceAmount={debounceAmount}\n show={showContextMenu}\n onAnchorOutOfView={onOutOfViewHandler}\n >\n {decorativeElement && (\n <div className={classes[\"decorative-element\"]}>{decorativeElement}</div>\n )}\n <ul\n className={`${classes[\"menu\"]} ${decorativeElement ? classes[\"no-margin-top\"] : \"\"}`}\n id={`${id}-menu`}\n aria-describedby={id}\n role=\"menu\"\n >\n {renderChildren()}\n </ul>\n </Popover>,\n root\n )}\n </div>\n );\n};\n\nexport const ContextMenu = React.forwardRef(ContextMenuComponent);\n"],"names":["ContextMenuComponent","trigger","children","decorativeElement","id","show","onShow","onClose","placement","horizontal","vertical","offset","transformOrigin","debounceAmount","domRoot","popoverProps","value","onChange","rest","ref","anchorEl","useRef","wrappingDivRef","createRef","showContextMenu","setShowContextMenu","useState","hasBeenClosed","setHasBeenClosed","selectedContextMenuItem","setSelectedContextMenuItem","focusedContextMenuItem","setFocusedContextMenuItem","shouldClick","setShouldClick","childrenCount","React","Children","count","root","useGetDomRoot","Error","syncSelectedContextMenuItem","useEffect","undefined","calculateDefaultOffset","useDefaultOffset","calculatedOffset","onArrowNavigation","useArrowNavigation","useBodyClick","event","current","target","parentElement","document","activeElement","_a","closest","_b","className","focus","renderTrigger","cloneElement","onClick","tabIndex","renderChildren","map","child","index","onFocusChange","childIndex","onSelectedChange","hasFocus","isSelected","showActiveState","props","contextMenuOpened","onOutOfViewHandler","useCallback","createElement","onKeyDown","classes","createPortal","Popover","onAnchorOutOfView","role","ContextMenu","forwardRef"],"mappings":"gcAyDA,MAAMA,EAAwE,EAE1EC,UACAC,WACAC,oBACAC,KACAC,OAAO,MACPC,SACAC,UACAC,YAAY,CAAEC,WAAY,QAASC,SAAU,OAC7CC,SACAC,kBAAkB,CAAEH,WAAY,OAAQC,SAAU,OAClDG,iBACAC,UACAC,eACAC,QACAC,cACGC,GAELC,KAEA,MAAMC,EAAWC,EAA0B,MAC3C,MAAMC,EAAkBH,GAAqCI,IAC7D,MAAOC,EAAiBC,GAAsBC,EAASrB,GACvD,MAAOsB,EAAeC,GAAoBF,EAAS,OACnD,MAAOG,EAAyBC,GAA8BJ,GAAU,GACxE,MAAOK,EAAwBC,GAA6BN,GAAU,GACtE,MAAOO,EAAaC,GAClBR,EACE,OAEJ,MAAOS,GAAiBT,EAASU,EAAMC,SAASC,MAAMpC,IAEtD,MAAMqC,KAAEA,GAASC,EAAc1B,EAASQ,GAExC,IAAKlB,EACH,MAAM,IAAIqC,MAAM,iDAGlB,MAAMC,EAA8BZ,EAEpCa,GAAU,KACR3B,SAAU4B,GAAaF,EAA4B1B,EAAM,GACxD,CAACA,IAEJ,MAAM6B,uBAAEA,GAA2BC,IACnC,MAAMC,EAAmBpC,IAAM,MAANA,SAAA,EAAAA,EAAUkC,EAAuBrC,EAAWI,GAErE,MAAMoC,kBAAEA,GAAsBC,EAAmB,CAC/CpB,0BACAC,6BACAC,yBACAC,4BACAR,kBACAC,qBACAU,gBACAD,mBAGFgB,GACEC,GAEI3B,GACAJ,EAASgC,UAAYD,EAAME,QAC3BjC,EAASgC,UAAaD,EAAME,OAAuBC,gBAGvD,KACE7B,EAAmB,MAAM,GAE3BD,GAGFmB,GAAU,aACR,GAAInB,IAAoB,KACtBlB,IAAA,MAAAA,SAAA,OAAA,EAAAA,QACK,CACLC,IAAA,MAAAA,SAAA,OAAA,EAAAA,KACCoB,GAAiBC,EAAiB,MACnCI,GAA2B,GAI3B,MAAIuB,SAASC,iBAAa,MAAAC,SAAA,OAAA,EAAAA,EAAEC,QAAQ,KAAIC,EAAArC,EAAe8B,WAAO,MAAAO,SAAA,OAAA,EAAAA,EAAEC,aAC9DjC,GAAiBP,EAASgC,SAAWhC,EAASgC,QAAQS,OAEzD,IACA,CAACrC,IAEJ,MAAMsC,EAAgB,IACpB1B,EAAM2B,aAAa9D,EAAS,CAC1BG,GAAIA,EACJ,gBAAiB,OACjB,gBAAiB,GAAGA,SACpB,gBAAiBoB,EACjBwC,QAAS,IAAMvC,GAAoBD,GACnCyC,SAAU,EACV9C,IAAKC,IAGT,MAAM8C,EAAiB,IACrB9B,EAAMC,SAAS8B,IAAIjE,GAAU,CAACkE,EAAOC,WACnC,OAAAjC,EAAM2B,aAAaK,EAAuB,CACxCE,cAAgBC,GAAuBvC,EAA0BuC,GACjEC,iBAAkB,CAACrB,EAA4CoB,KAC7DzC,EAA2ByC,GAC3BrC,EAAe,OACfjB,IAAQ,MAARA,SAAA,OAAA,EAAAA,EAAWkC,EAAOoB,EAAW,EAE/BA,WAAYF,EACZI,SAAU1C,IAA2BsC,EACrCK,WAAY7C,IAA4BwC,EACxCM,mBACEP,IAAK,MAALA,SAAA,OAAA,EAAAA,EAAOQ,MAAMD,mBACb,MAAAlB,SAAA,EAAAA,EAACzC,SAAU4B,GAAaf,IAA4BwC,EACtDQ,kBAAmBrD,EACnBS,YAAaA,GACb,IAGN,MAAM6C,EAAqBC,GAAY,KACrCtD,EAAmB,MAAM,GACxB,IAEH,IAAKc,EACH,OAAO,KAGT,OACEH,EACM4C,cAAA,MAAA,IAAA9D,EACJC,IAAKG,EACL2D,UAAWjC,EACXY,UAAWsB,EAAQ,iBAElBpB,IACAqB,EACC/C,EAAA4C,cAACI,EAAO,IACFrE,EACJP,UAAWA,EACXI,gBAAiBA,EACjBD,OAAQoC,EACR3B,SAAUA,EACVP,eAAgBA,EAChBR,KAAMmB,EACN6D,kBAAmBP,GAElB3E,GACCiC,EAAK4C,cAAA,MAAA,CAAApB,UAAWsB,EAAQ,uBAAwB/E,GAElDiC,EAAA4C,cAAA,KAAA,CACEpB,UAAW,GAAGsB,EAAQ,WAAW/E,EAAoB+E,EAAQ,iBAAmB,KAChF9E,GAAI,GAAGA,4BACWA,EAClBkF,KAAK,QAEJpB,MAGL3B,GAGJ,EAGS,MAAAgD,EAAcnD,EAAMoD,WAAWxF"}

package/dist/esm/ContextMenu/ContextMenu.module.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var containers=[],styleTags=[];const e = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var n=".ContextMenu_module_contextMenu__108d6efb{box-sizing:border-box;display:inline-block;position:relative}.ContextMenu_module_menu__108d6efb{list-style:none;margin:.25rem 0;min-width:10rem;padding:0;white-space:nowrap}.ContextMenu_module_menu__108d6efb.ContextMenu_module_noMarginTop__108d6efb{margin:0 0 .25rem}.ContextMenu_module_menu__108d6efb button{text-align:left}.ContextMenu_module_decorativeElement__108d6efb{margin-top:.5rem}",t={"context-menu":"ContextMenu_module_contextMenu__108d6efb",menu:"ContextMenu_module_menu__108d6efb","no-margin-top":"ContextMenu_module_noMarginTop__108d6efb","decorative-element":"ContextMenu_module_decorativeElement__108d6efb"};e(n,{});export{n as css,t as default};
+import e from "../../lib/style-inject.js";var 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 */.ContextMenu-module_context-menu__071Gy{box-sizing:border-box;display:inline-block;position:relative}.ContextMenu-module_menu__LO2iO{list-style:none;margin:.25rem 0;min-width:10rem;padding:0;white-space:nowrap}.ContextMenu-module_menu__LO2iO.ContextMenu-module_no-margin-top__KuwfI{margin:0 0 .25rem}.ContextMenu-module_menu__LO2iO button{text-align:left}.ContextMenu-module_decorative-element__9pMwe{margin-top:.5rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbnRleHRNZW51Lm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0Ysd0NBR0UscUJBQXNCLENBRHRCLG9CQUFxQixDQURyQixpQkFHRixDQUVBLGdDQUdFLGVBQWdCLENBRGhCLGVBQWlCLENBR2pCLGVBQWdCLENBRGhCLFNBQVUsQ0FIVixrQkFLRixDQUNBLHdFQUNFLGlCQUNGLENBQ0EsdUNBQ0UsZUFDRixDQUVBLDhDQUNFLGdCQUNGIiwiZmlsZSI6IkNvbnRleHRNZW51Lm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5jb250ZXh0LW1lbnUge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbn1cblxuLm1lbnUge1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICBtYXJnaW46IDAuMjVyZW0gMDtcbiAgbGlzdC1zdHlsZTogbm9uZTtcbiAgcGFkZGluZzogMDtcbiAgbWluLXdpZHRoOiAxMHJlbTtcbn1cbi5tZW51Lm5vLW1hcmdpbi10b3Age1xuICBtYXJnaW46IDAgMCAwLjI1cmVtO1xufVxuLm1lbnUgYnV0dG9uIHtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbn1cblxuLmRlY29yYXRpdmUtZWxlbWVudCB7XG4gIG1hcmdpbi10b3A6IDAuNXJlbTtcbn0iXX0= */';var i={"context-menu":"ContextMenu-module_context-menu__071Gy",menu:"ContextMenu-module_menu__LO2iO","no-margin-top":"ContextMenu-module_no-margin-top__KuwfI","decorative-element":"ContextMenu-module_decorative-element__9pMwe"};e(n);export{i as default};
 //# sourceMappingURL=ContextMenu.module.esm.js.map

package/dist/esm/ContextMenu/ContextMenuItem.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e,{createRef as t,useEffect as n}from"react";import c from"./ContextMenuItem.module.esm.js";const o=e.forwardRef((({children:o,onClick:l,onFocusChange:r,onSelectedChange:u,hasFocus:a,isSelected:s,showActiveState:i,childIndex:m,contextMenuOpened:d,shouldClick:f,className:h,...x},C)=>{let k=C||t();return n((()=>{s&&k.current&&f&&k.current.click()}),[s,f]),n((()=>{k.current&&a&&d&&(r&&m&&r(m),k.current.focus())}),[a,k,d]),e.createElement("li",{role:"none",className:`${c["context-menu-item"]} ${null!=h?h:""}`},e.createElement("button",{role:"menuitem",className:i?c.active:void 0,...x,ref:k,"data-focus":a,tabIndex:-1,onClick:e=>{null==l||l(e),void 0!==m&&(null==u||u(e,m))}},o))}));export{o as ContextMenuItem};
+import e,{createRef as t,useEffect as o}from"react";import n from"./ContextMenuItem.module.esm.js";const c=({children:c,onClick:l,onFocusChange:r,onSelectedChange:i,hasFocus:u,isSelected:a,showActiveState:d,childIndex:s,contextMenuOpened:m,shouldClick:f,className:v,...h},x)=>{let C=x||t();o((()=>{if(a&&C.current&&f)C.current.click()}),[a,f]);o((()=>{if(C.current&&u&&m){r&&s&&r(s);C.current.focus()}}),[u,C,m]);return e.createElement("li",{role:"none",className:`${n["context-menu-item"]} ${v!==null&&v!==void 0?v:""}`},e.createElement("button",{role:"menuitem",className:d?n["active"]:void 0,...h,ref:C,"data-focus":u,tabIndex:-1,onClick:e=>{l===null||l===void 0?void 0:l(e);s!==void 0&&(i===null||i===void 0?void 0:i(e,s))}},c))};const l=e.forwardRef(c);export{l as ContextMenuItem};
 //# sourceMappingURL=ContextMenuItem.esm.js.map

package/dist/esm/ContextMenu/ContextMenuItem.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ContextMenuItem.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"ContextMenuItem.esm.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":"mGAuCA,MAAMA,EAA+E,EAEjFC,WACAC,UACAC,gBACAC,mBACAC,WACAC,aACAC,kBACAC,aACAC,oBACAC,cACAC,eACGC,GAELC,KAEA,IAAIC,EAAkBD,GAAwCE,IAE9DC,GAAU,KACR,GAAIV,GAAcQ,EAAeG,SAAWP,EAC1CI,EAAeG,QAAQC,OACxB,GACA,CAACZ,EAAYI,IAEhBM,GAAU,KACR,GAAIF,EAAeG,SAAWZ,GAAYI,EAAmB,CAC3DN,GAAiBK,GAAcL,EAAcK,GAC7CM,EAAeG,QAAQE,OACxB,IACA,CAACd,EAAUS,EAAgBL,IAE9B,OACEW,sBAAIC,KAAK,OAAOV,UAAW,GAAGW,EAAQ,wBAAwBX,IAAS,MAATA,SAAA,EAAAA,EAAa,MACzES,EAAAG,cAAA,SAAA,CACEF,KAAK,WACLV,UAAWJ,EAAkBe,EAAQ,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,EAAMQ,WAAW5B"}

package/dist/esm/ContextMenu/ContextMenuItem.module.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var containers=[],styleTags=[];const e = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var t='.ContextMenuItem_module_srOnly__b36383fd{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ContextMenuItem_module_hidden__b36383fd{display:none}.ContextMenuItem_module_slideIn__b36383fd{animation:ContextMenuItem_module_slideIn__b36383fd .5s forwards}@media (prefers-reduced-motion:reduce){.ContextMenuItem_module_slideIn__b36383fd{animation-duration:.1ms}}.ContextMenuItem_module_slideOut__b36383fd{animation:ContextMenuItem_module_slideOut__b36383fd .5s forwards}@media (prefers-reduced-motion:reduce){.ContextMenuItem_module_slideOut__b36383fd{animation-duration:.1ms}}@keyframes ContextMenuItem_module_slideIn__b36383fd{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes ContextMenuItem_module_slideOut__b36383fd{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.ContextMenuItem_module_contextMenuItem__b36383fd{position:relative}.ContextMenuItem_module_contextMenuItem__b36383fd button{background-color:transparent;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_contextMenuItem__b36383fd button:focus-visible{outline:none}.ContextMenuItem_module_contextMenuItem__b36383fd 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_contextMenuItem__b36383fd button:hover{background-color:var(--context-menu-hover-color)}.ContextMenuItem_module_contextMenuItem__b36383fd button:active{background-color:var(--context-menu-pressed-color)}.ContextMenuItem_module_contextMenuItem__b36383fd button.ContextMenuItem_module_active__b36383fd{color:var(--color-primary)}.ContextMenuItem_module_contextMenuItem__b36383fd button.ContextMenuItem_module_active__b36383fd: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}',o={"sr-only":"ContextMenuItem_module_srOnly__b36383fd",hidden:"ContextMenuItem_module_hidden__b36383fd","slide-in":"ContextMenuItem_module_slideIn__b36383fd","slide-out":"ContextMenuItem_module_slideOut__b36383fd","context-menu-item":"ContextMenuItem_module_contextMenuItem__b36383fd",active:"ContextMenuItem_module_active__b36383fd"};e(t,{});export{t as css,o as default};
+import e from "../../lib/style-inject.js";var t='/*!\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:transparent;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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbnRleHRNZW51SXRlbS5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRix1Q0FPRSxrQkFBc0IsQ0FDdEIsUUFBUyxDQUxULFVBQVcsQ0FFWCxXQUFZLENBQ1osZUFBZ0IsQ0FGaEIsU0FBVSxDQUhWLGlCQUFrQixDQUNsQixTQU9GLENBRUEsc0NBQ0UsWUFDRixDQUVBLHdDQUNFLDZEQUNGLENBQ0EsdUNBQ0Usd0NBQ0UsdUJBQ0YsQ0FDRixDQUVBLHlDQUNFLDhEQUNGLENBQ0EsdUNBQ0UseUNBQ0UsdUJBQ0YsQ0FDRixDQUVBLGtEQUNFLEdBQ0UsMkJBQ0YsQ0FDQSxHQUNFLHVCQUNGLENBQ0YsQ0FDQSxtREFDRSxHQUNFLHVCQUNGLENBQ0EsR0FDRSwyQkFDRixDQUNGO0FBQ0E7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRixpREFDRSxpQkFDRixDQUNBLHdEQUNFLDRCQUE2QixDQUM3QixRQUFTLENBUVQscUJBQXNCLENBSnRCLGNBQWUsQ0FIZiw4QkFBK0IsQ0FDL0IscUNBQXNDLENBSXRDLFdBQVksQ0FIWixtQkFBb0IsQ0FJcEIscUJBQXdCLENBRnhCLFVBSUYsQ0FDQSxzRUFDRSxZQUNGLENBQ0EsNEVBR0Usd0NBQXlDLENBQ3pDLFVBQVcsQ0FJWCxXQUFZLENBRFosTUFBTyxDQU5QLHdDQUEwQyxDQUMxQyxnQkFBaUIsQ0FHakIsaUJBQWtCLENBQ2xCLEtBQU0sQ0FHTixVQUFXLENBQ1gsV0FDRixDQUNBLDhEQUNFLGdEQUNGLENBQ0EsK0RBQ0Usa0RBQ0YsQ0FDQSw2RkFDRSwwQkFDRixDQUNBLG9HQU9FLGtDQUFvQyxDQUNwQyw2Q0FBK0MsQ0FGL0MsK0JBQWlDLENBTGpDLFVBQVcsQ0FJWCxXQUFZLENBRFosTUFBTyxDQUZQLGlCQUFrQixDQUNsQixLQU1GIiwiZmlsZSI6IkNvbnRleHRNZW51SXRlbS5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5zci1vbmx5IHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMXB4O1xuICBoZWlnaHQ6IDFweDtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAtMXB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBjbGlwOiByZWN0KDAsIDAsIDAsIDApO1xuICBib3JkZXI6IDA7XG59XG5cbi5oaWRkZW4ge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uc2xpZGUtaW4ge1xuICBhbmltYXRpb246IHNsaWRlLWluIDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtaW4ge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuLnNsaWRlLW91dCB7XG4gIGFuaW1hdGlvbjogc2xpZGUtb3V0IDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtb3V0IHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbkBrZXlmcmFtZXMgc2xpZGUtaW4ge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG59XG5Aa2V5ZnJhbWVzIHNsaWRlLW91dCB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbn1cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uY29udGV4dC1tZW51LWl0ZW0ge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG4uY29udGV4dC1tZW51LWl0ZW0gYnV0dG9uIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJvcmRlcjogMDtcbiAgZm9udC1mYW1pbHk6IHZhcigtLWZvbnQtZmFtaWx5KTtcbiAgZm9udC1zaXplOiB2YXIoLS1mb250LXNpemUtZm9ybS1sYWJlbCk7XG4gIGxpbmUtaGVpZ2h0OiAxLjI1cmVtO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIHBhZGRpbmc6IDAuNjJyZW0gMC43NXJlbTtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbn1cbi5jb250ZXh0LW1lbnUtaXRlbSBidXR0b246Zm9jdXMtdmlzaWJsZSB7XG4gIG91dGxpbmU6IG5vbmU7XG59XG4uY29udGV4dC1tZW51LWl0ZW0gYnV0dG9uOmZvY3VzLXZpc2libGU6OmFmdGVyIHtcbiAgb3V0bGluZTogMC4xMjVyZW0gc29saWQgdmFyKC0tY29sb3ItZm9jdXMpO1xuICBvdXRsaW5lLW9mZnNldDogMDtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tZm9jdXMtYm9yZGVyLXJhZGl1cyk7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwO1xuICBoZWlnaHQ6IDEwMCU7XG4gIHdpZHRoOiAxMDAlO1xuICB6LWluZGV4OiAxMDE7XG59XG4uY29udGV4dC1tZW51LWl0ZW0gYnV0dG9uOmhvdmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29udGV4dC1tZW51LWhvdmVyLWNvbG9yKTtcbn1cbi5jb250ZXh0LW1lbnUtaXRlbSBidXR0b246YWN0aXZlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29udGV4dC1tZW51LXByZXNzZWQtY29sb3IpO1xufVxuLmNvbnRleHQtbWVudS1pdGVtIGJ1dHRvbi5hY3RpdmUge1xuICBjb2xvcjogdmFyKC0tY29sb3ItcHJpbWFyeSk7XG59XG4uY29udGV4dC1tZW51LWl0ZW0gYnV0dG9uLmFjdGl2ZTo6YmVmb3JlIHtcbiAgY29udGVudDogXCJcIjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIGxlZnQ6IDA7XG4gIGhlaWdodDogMTAwJTtcbiAgYm9yZGVyLXRvcC1yaWdodC1yYWRpdXM6IDAuMTI1cmVtO1xuICBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogMC4xMjVyZW07XG4gIGJvcmRlci1sZWZ0OiAwLjI1cmVtIHNvbGlkIHZhcigtLWNvbG9yLXByaW1hcnkpO1xufSJdfQ== */';var i={"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"};e(t);export{i as default};
 //# sourceMappingURL=ContextMenuItem.module.esm.js.map

package/dist/esm/ContextMenu/ContextMenuService.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{vertical as e,horizontal as t}from"../src/hooks/usePosition.esm.js";import{remToPx as o}from"../src/util/helper.esm.js";const r=({selectedContextMenuItem:e,setSelectedContextMenuItem:t,focusedContextMenuItem:o,setFocusedContextMenuItem:r,showContextMenu:n,setShowContextMenu:c,childrenCount:s,setShouldClick:i})=>({onArrowNavigation:a=>{-1===o&&-1!==e&&r(e);switch(["ArrowDown","ArrowUp","ArrowLeft","ArrowRight","Enter","Space","Escape","End","Home"].includes(a.code)&&a.preventDefault(),a.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?(i(!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)}}}),n=o(.25),c=()=>({calculateDefaultOffset:(o,r)=>{const c={left:0,right:0,top:0,bottom:0};return o.vertical===e.BOTTOM&&r.vertical===e.TOP?c.top=n:o.vertical===e.TOP&&r.vertical===e.BOTTOM&&(c.top=-n),o.horizontal===t.RIGHT&&(c.left=n),c}});export{r as useArrowNavigation,c as useDefaultOffset};
+import{vertical as e,horizontal as t}from"../src/hooks/usePosition.esm.js";import{remToPx as r}from"../src/util/helper.esm.js";const o=({selectedContextMenuItem:e,setSelectedContextMenuItem:t,focusedContextMenuItem:r,setFocusedContextMenuItem:o,showContextMenu:n,setShowContextMenu:s,childrenCount:c,setShouldClick:u})=>{const a=a=>{if(r===-1&&e!==-1)o(e);const i=["ArrowDown","ArrowUp","ArrowLeft","ArrowRight","Enter","Space","Escape","End","Home"];if(i.includes(a.code))a.preventDefault();switch(a.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:a}};const n=r(.25);const s=()=>{const r=(r,o)=>{const s={left:0,right:0,top:0,bottom:0};if(r.vertical===e.BOTTOM&&o.vertical===e.TOP)s.top=n;else if(r.vertical===e.TOP&&o.vertical===e.BOTTOM)s.top=-n;if(r.horizontal===t.RIGHT)s.left=n;return s};return{calculateDefaultOffset:r}};export{o as useArrowNavigation,s as useDefaultOffset};
 //# sourceMappingURL=ContextMenuService.esm.js.map

package/dist/esm/ContextMenu/ContextMenuService.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ContextMenuService.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"ContextMenuService.esm.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 { Placement, Offset, vertical, horizontal } 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\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"],"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"],"mappings":"qIA8BaA,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,EAAQ,KAE9B,MAAMC,EAAmB,KAC9B,MAAMC,EAAyB,CAACC,EAAsBC,KACpD,MAAMC,EAAS,CAAEC,KAAM,EAAGC,MAAO,EAAGC,IAAK,EAAGC,OAAQ,GACpD,GAAIN,EAAUO,WAAaA,EAASC,QAAUP,EAAgBM,WAAaA,EAASE,IAClFP,EAAOG,IAAMT,OACR,GACLI,EAAUO,WAAaA,EAASE,KAChCR,EAAgBM,WAAaA,EAASC,OAEtCN,EAAOG,KAAOT,EAGhB,GAAII,EAAUU,aAAeA,EAAWC,MACtCT,EAAOC,KAAOP,EAEhB,OAAOM,CAAM,EAGf,MAAO,CAAEH,yBAAwB"}

package/dist/esm/DataGrid/DataGrid.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e,{useState as t,useEffect as a}from"react";import i from"./DataGrid.module.esm.js";import{DataGridHeader as d}from"./DataGridHeader/DataGridHeader.esm.js";import{DataGridActions as n}from"./DataGridActions/DataGridActions.esm.js";import{DataGridBody as o}from"./DataGridBody/DataGridBody.esm.js";import{Pagination as r}from"../Pagination/Pagination.esm.js";import{useSpacing as l}from"../src/hooks/useSpacing.esm.js";const s=e.forwardRef((({children:s,data:p,initialSort:m,onSort:g,headers:c,actions:u={},paginationProps:h,disableContextMenuColumn:f,isLoading:v,enableMultiSorting:b,emptyLabel:w,spacing:y,style:E,...L},D)=>{var G;if(!c)throw new Error("Headers definition has to be provided");if(!s)throw new Error("DataGridBody should be provieded with a template how to render rows");const[S,j]=t(c),C=l(y,E);a((()=>j(c)),[c]);if(null==C?void 0:C.padding){const e=C.padding.toString().split(" ");let t=0;e.length>=2&&(t=1),4===e.length&&(t=3),Object.defineProperties(C,{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[t]}})}return e.createElement("div",{...L,className:i["grid-wrapper"],ref:D,style:{paddingTop:null==C?void 0:C.paddingTop,paddingBottom:null==C?void 0:C.paddingBottom}},e.createElement(n,{...u,style:{paddingLeft:null==C?void 0:C.paddingLeft,paddingRight:null==C?void 0:C.paddingRight},headers:S,onColumnToggled:e=>{j(S.map((t=>t.name!==e?t:{...t,hidden:!t.hidden})))}}),e.createElement("div",{className:i["table-wrapper"]},e.createElement("table",{className:i.table},e.createElement(d,{headers:S,initialSort:m,onSort:g,disableContextMenuColumn:f,enableMultiSorting:b,spacing:C}),e.createElement(o,{data:p,headers:S,isLoading:v,disableContextMenuColumn:f,emptyLabel:w,spacing:C},s))),h&&!v&&e.createElement(r,{...h,style:{...h.style,paddingLeft:null==C?void 0:C.paddingLeft,paddingRight:null==C?void 0:C.paddingRight},className:`${i.pagination} ${null!==(G=h.className)&&void 0!==G?G:""}`}))}));export{s as DataGrid};
+import e,{useState as t,useEffect as i}from"react";import a from"./DataGrid.module.esm.js";import{DataGridHeader as d}from"./DataGridHeader/DataGridHeader.esm.js";import{DataGridActions as o}from"./DataGridActions/DataGridActions.esm.js";import{DataGridBody as n}from"./DataGridBody/DataGridBody.esm.js";import{Pagination as r}from"../Pagination/Pagination.esm.js";import{useSpacing as l}from"../src/hooks/useSpacing.esm.js";const s=({children:s,data:p,initialSort:m,onSort:g,headers:c,actions:u={},paginationProps:v,disableContextMenuColumn:h,isLoading:f,enableMultiSorting:b,emptyLabel:w,spacing:y,style:E,...L},D)=>{var G;if(!c)throw new Error("Headers definition has to be provided");if(!s)throw new Error("DataGridBody should be provieded with a template how to render rows");const[S,j]=t(c);const C=l(y,E);i((()=>j(c)),[c]);const B=e=>{j(S.map((t=>t.name!==e?t:{...t,hidden:!t.hidden})))};if(C===null||C===void 0?void 0:C.padding){const e=C.padding.toString().split(" ");let t=0;if(e.length>=2)t=1;if(e.length===4)t=3;Object.defineProperties(C,{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[t]}})}return e.createElement("div",{...L,className:a["grid-wrapper"],ref:D,style:{paddingTop:C===null||C===void 0?void 0:C.paddingTop,paddingBottom:C===null||C===void 0?void 0:C.paddingBottom}},e.createElement(o,{...u,style:{paddingLeft:C===null||C===void 0?void 0:C.paddingLeft,paddingRight:C===null||C===void 0?void 0:C.paddingRight},headers:S,onColumnToggled:B}),e.createElement("div",{className:a["table-wrapper"]},e.createElement("table",{className:a["table"]},e.createElement(d,{headers:S,initialSort:m,onSort:g,disableContextMenuColumn:h,enableMultiSorting:b,spacing:C}),e.createElement(n,{data:p,headers:S,isLoading:f,disableContextMenuColumn:h,emptyLabel:w,spacing:C},s))),v&&!f&&e.createElement(r,{...v,style:{...v.style,paddingLeft:C===null||C===void 0?void 0:C.paddingLeft,paddingRight:C===null||C===void 0?void 0:C.paddingRight},className:`${a["pagination"]} ${(G=v.className)!==null&&G!==void 0?G:""}`}))};const p=e.forwardRef(s);export{p as DataGrid};
 //# sourceMappingURL=DataGrid.esm.js.map

package/dist/esm/DataGrid/DataGrid.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DataGrid.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"DataGrid.esm.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":"yaAiDA,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,EAASd,GACvD,MAAMe,EAAmBC,EAAWT,EAASC,GAE7CS,GAAU,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,EACMC,cAAA,MAAA,IAAA7B,EACJ8B,UAAWC,EAAQ,gBACnB9B,IAAKA,EACLF,MAAO,CACLwB,WAAYjB,IAAgB,MAAhBA,SAAA,OAAA,EAAAA,EAAkBiB,WAC9BG,cAAepB,IAAgB,MAAhBA,SAAA,OAAA,EAAAA,EAAkBoB,gBAGnCE,EAAAC,cAACG,EAAe,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,EAAAC,cAAA,MAAA,CAAKC,UAAWC,EAAQ,kBACtBH,EAAAC,cAAA,QAAA,CAAOC,UAAWC,EAAQ,UACxBH,EAACC,cAAAI,EACC,CAAA1C,QAASY,EACTd,YAAaA,EACbC,OAAQA,EACRI,yBAA0BA,EAC1BE,mBAAoBA,EACpBE,QAASQ,IAEXsB,EAAAC,cAACK,EAAY,CACX9C,KAAMA,EACNG,QAASY,EACTR,UAAWA,EACXD,yBAA0BA,EAC1BG,WAAYA,EACZC,QAASQ,GAERnB,KAINM,IAAoBE,GACnBiC,EAACC,cAAAM,EACK,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,EAAQ,kBAAiBK,EAAA3C,EAAgBqC,gCAAa,OAI1E,EAGS,MAAAO,EAAWT,EAAMU,WAAWpD"}

package/dist/esm/DataGrid/DataGrid.module.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var containers=[],styleTags=[];const a = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var e=".DataGrid_module_gridWrapper__9cb3155b{padding:1rem 0}.DataGrid_module_tableWrapper__9cb3155b{overflow-x:auto}.DataGrid_module_table__9cb3155b{border-collapse:collapse;padding-top:.5rem;position:relative;width:100%}.DataGrid_module_pagination__9cb3155b{margin-top:1rem;padding:0 1rem}@media only screen and (min-width:50em){.DataGrid_module_pagination__9cb3155b{padding:0 1.25rem}}",r={"grid-wrapper":"DataGrid_module_gridWrapper__9cb3155b","table-wrapper":"DataGrid_module_tableWrapper__9cb3155b",table:"DataGrid_module_table__9cb3155b",pagination:"DataGrid_module_pagination__9cb3155b"};a(e,{});export{e as css,r as default};
+import i from "../../lib/style-inject.js";var e='/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.DataGrid-module_grid-wrapper__bU1-r{padding:1rem 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:1rem;padding:0 1rem}@media only screen and (min-width:50em){.DataGrid-module_pagination__-Tksb{padding:0 1.25rem}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFHcmlkLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YscUNBQ0UsY0FDRixDQUVBLHNDQUNFLGVBQ0YsQ0FFQSw4QkFDRSx3QkFBeUIsQ0FDekIsaUJBQW1CLENBRW5CLGlCQUFrQixDQURsQixVQUVGLENBRUEsbUNBQ0UsZUFBZ0IsQ0FDaEIsY0FDRixDQUVBLHdDQUNFLG1DQUNFLGlCQUNGLENBQ0YiLCJmaWxlIjoiRGF0YUdyaWQubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLmdyaWQtd3JhcHBlciB7XG4gIHBhZGRpbmc6IDFyZW0gMDtcbn1cblxuLnRhYmxlLXdyYXBwZXIge1xuICBvdmVyZmxvdy14OiBhdXRvO1xufVxuXG4udGFibGUge1xuICBib3JkZXItY29sbGFwc2U6IGNvbGxhcHNlO1xuICBwYWRkaW5nLXRvcDogMC41cmVtO1xuICB3aWR0aDogMTAwJTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuXG4ucGFnaW5hdGlvbiB7XG4gIG1hcmdpbi10b3A6IDFyZW07XG4gIHBhZGRpbmc6IDAgMXJlbTtcbn1cblxuQG1lZGlhIG9ubHkgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA1MGVtKSB7XG4gIC5wYWdpbmF0aW9uIHtcbiAgICBwYWRkaW5nOiAwIDEuMjVyZW07XG4gIH1cbn0iXX0= */';var a={"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"};i(e);export{a as default};
 //# sourceMappingURL=DataGrid.module.esm.js.map

package/dist/esm/DataGrid/DataGridActions/DataGridActions.esm.js CHANGED Viewed

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

package/dist/esm/DataGrid/DataGridActions/DataGridActions.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DataGridActions.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"DataGridActions.esm.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":"6VA0CA,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,EAAS,OACvD,MAAMC,EAAgBC,EAA0B,MAChD,MAAQR,SAAUS,KAAmBC,GAAoBhB,EACzD,MAAQM,SAAUW,KAAuBC,GAAwBjB,EACjE,MAAQK,SAAUa,KAAsBC,GAAuBlB,EAE/D,OAAOO,EAAW,KAChBY,EAAAC,cAAA,MAAA,IAASf,EAAMC,IAAKA,EAAKZ,UAAW,GAAG2B,EAAQ,cAAc3B,IAAS,MAATA,SAAS,EAATA,EAAa,MACxEyB,EAAKC,cAAA,MAAA,CAAA1B,UAAW2B,EAAQ,iBACrB1B,GACCwB,EAACC,cAAAE,GACCC,MAAM,UACNC,UAAWL,gBAACM,EAAI,CAACC,KAAMC,EAAMC,OAC7BC,MAAM,WACNC,KAAK,SACLC,QAAQ,aACJjB,GAEHD,IAAc,MAAdA,SAAc,EAAdA,EAAkB,aAIzBM,EAAAC,cAAA,MAAA,CAAK1B,UAAW2B,EAAQ,kBACrBzB,GACCuB,EAAAC,cAACY,EAAQ,KACPb,EAAAC,cAACE,EAAM,CACLE,UAAWL,EAACC,cAAAK,EAAK,CAAAC,KAAMC,EAAMM,SAC7BJ,MAAM,oBACNE,QAAQ,UACJf,EACJtB,UAAW,GAAG2B,EAAQ,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,EAAAC,cAACgB,EACC,CAAAP,MAAM,uBACF9B,EACJoC,QAAS,IAAM1B,EAAmB,MAClCf,UAAW,GAAG2B,EAAQ,cAAagB,EAAAtC,IAAA,MAAAA,kBAAAA,EAAiBL,aAAS,MAAA2C,SAAA,EAAAA,EAAI,MAEjElB,EAACC,cAAAK,GAAKC,KAAMC,EAAMM,UAEpBd,EAAAC,cAACkB,EAAqB,CAAA,eACN9B,EACd+B,KAAM/B,EACNN,QAASA,EACTsC,QAAS,IAAM/B,EAAmB,OAClCgC,gBAAiBtC,EACjBuC,SAAU/B,KAIfd,GACCsB,EAAAC,cAACY,EAAQ,KACPb,EAACC,cAAAE,GACCE,UAAWL,gBAACM,EAAI,CAACC,KAAMC,EAAMgB,cAC7Bd,MAAM,SACNE,QAAQ,UACJb,EACJxB,UAAW,GAAG2B,EAAQ,iBAAcrB,IAAc,MAAdA,SAAc,OAAA,EAAdA,EAAgBN,aAAa,MAAAkD,SAAA,EAAAA,EAAA,MAEhE3B,IAAiB,MAAjBA,SAAA,EAAAA,EAAqB,UAExBE,EAACC,cAAAgB,EACC,CAAAP,MAAM,YACF5B,EACJP,UAAW,GAAG2B,EAAQ,cAAawB,EAAA9C,IAAA,MAAAA,SAAA,OAAA,EAAAA,EAAiBL,aAAa,MAAAmD,SAAA,EAAAA,EAAA,MAEjE1B,EAAAC,cAACK,EAAI,CAACC,KAAMC,EAAMgB,iBAM7B,EAGU,MAAAG,EAAkB3B,EAAM4B,WAAWtD"}

package/dist/esm/DataGrid/DataGridActions/DataGridActions.module.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var containers=[],styleTags=[];const d = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var e=".DataGridActions_module_actions__c96edda5{display:flex;flex-wrap:wrap;margin-bottom:1rem;padding:0 1rem}.DataGridActions_module_leftActions__c96edda5{flex:1}.DataGridActions_module_rightActions__c96edda5{display:flex;gap:1rem}.DataGridActions_module_desktop__c96edda5{display:none}@media only screen and (min-width:50em){.DataGridActions_module_actions__c96edda5{padding:0 1.25rem}}@media only screen and (min-width:30em){.DataGridActions_module_desktop__c96edda5{display:flex}.DataGridActions_module_mobile__c96edda5{display:none}}",a={actions:"DataGridActions_module_actions__c96edda5","left-actions":"DataGridActions_module_leftActions__c96edda5","right-actions":"DataGridActions_module_rightActions__c96edda5",desktop:"DataGridActions_module_desktop__c96edda5",mobile:"DataGridActions_module_mobile__c96edda5"};d(e,{});export{e as css,a as default};
+import i from "../../../lib/style-inject.js";var e='/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.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= */';var a={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"};i(e);export{a as default};
 //# sourceMappingURL=DataGridActions.module.esm.js.map

package/dist/esm/DataGrid/DataGridActions/DataGridColumnsToggle.esm.js CHANGED Viewed

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

package/dist/esm/DataGrid/DataGridActions/DataGridColumnsToggle.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DataGridColumnsToggle.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"DataGridColumnsToggle.esm.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 className={classes[\"backdrop\"]} onClick={handleBackdropClick}></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":"+eAqCA,MAAMA,EAAkF,EAEpFC,OACAC,UACAC,aAAa,eACbC,mBAAmB,4BACnBC,UACAC,kBACAC,YACAC,UAAUC,SAASC,QAChBC,GAELC,KAEA,MAAOC,GAAMC,EAASC,KACtB,MAAMC,EAAaH,EAAK,UAExB,MAAMI,EAAUf,EAAQgB,KAAIC,GAC1BC,EAAAC,cAACC,EACC,CAAAC,IAAKJ,EAAKK,KACVA,KAAML,EAAKK,KACXC,SAAUN,EAAKO,OACfC,SAAU,IAAMrB,EAAgBa,EAAKK,MACrCI,MAAOT,EAAKU,aAIhB,MAAMC,EAAsB,IAAMzB,IAElC,OACEe,EAAAC,cAACU,EAAO,IACFpB,EACJC,IAAKA,EACLL,UAAW,GAAGyB,EAAQ,cAAczB,IACpC0B,KAAMhC,EACNiC,KAAK,SACM,aAAA,yBACMlB,GAEhBf,GACCkC,EACEf,EAAAC,cAAA,MAAA,CAAKd,UAAWyB,EAAQ,YAAaI,QAASN,IAC9CtB,GAEHP,GACCmB,EAAAC,cAACgB,EAAQ,KACPjB,EAAAC,cAAA,MAAA,CAAKd,UAAWyB,EAAQ,WACtBZ,EAACC,cAAAiB,GAAWzB,GAAIG,EAAYT,UAAWyB,EAAQ,SAAUO,IAAI,OAAOC,QAAQ,MACzErC,GAEHiB,EAAAC,cAACoB,EACC,CAAAL,QAAS/B,EACTE,UAAW,GAAGyB,EAAQ,eACtBU,MAAOtC,GAEPgB,EAACC,cAAAsB,GAAKC,KAAMC,EAAMC,UAGtB1B,EAAAC,cAAA,MAAA,CAAKd,UAAWyB,EAAQ,YAAaf,IAI3C,EAGS,MAAA8B,EAAwB3B,EAAM4B,WAAWhD"}

package/dist/esm/DataGrid/DataGridActions/DataGridColumnsToggle.module.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var containers=[],styleTags=[];const o = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var a='.DataGridColumnsToggle_module_popover__aab74d10{background-color:var(--modal-background-color);font-family:var(--font-family);min-width:17.5rem;z-index:1}.DataGridColumnsToggle_module_backdrop__aab74d10{background-color:transparent;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.DataGridColumnsToggle_module_header__aab74d10{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__aab74d10{flex:1;margin:0}.DataGridColumnsToggle_module_closeBtn__aab74d10{margin-left:.5rem}.DataGridColumnsToggle_module_content__aab74d10{display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem}',e={popover:"DataGridColumnsToggle_module_popover__aab74d10",backdrop:"DataGridColumnsToggle_module_backdrop__aab74d10",header:"DataGridColumnsToggle_module_header__aab74d10",title:"DataGridColumnsToggle_module_title__aab74d10","close-btn":"DataGridColumnsToggle_module_closeBtn__aab74d10",content:"DataGridColumnsToggle_module_content__aab74d10"};o(a,{});export{a as css,e as default};
+import e from "../../../lib/style-inject.js";var l='/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.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:transparent;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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFHcmlkQ29sdW1uc1RvZ2dsZS5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLDZDQUNFLDhDQUErQyxDQUcvQyw4QkFBK0IsQ0FEL0IsaUJBQWtCLENBRGxCLFNBR0YsQ0FFQSw4Q0FPRSw0QkFBNkIsQ0FON0IsVUFBVyxDQUdYLFdBQVksQ0FDWixNQUFPLENBSFAsaUJBQWtCLENBSWxCLEtBQU0sQ0FITixVQUtGLENBRUEsNENBT0Usa0JBQW1CLENBSm5CLHFEQUFzRCxDQUN0RCw0QkFBOEIsQ0FDOUIsNkJBQStCLENBQy9CLFlBQWEsQ0FMYixjQUFlLENBQ2YsOEJBTUYsQ0FFQSwyQ0FDRSxNQUFPLENBQ1AsUUFDRixDQUVBLCtDQUNFLGlCQUNGLENBRUEsNkNBRUUsWUFBYSxDQUNiLHFCQUFzQixDQUN0QixXQUFZLENBSFosY0FJRiIsImZpbGUiOiJEYXRhR3JpZENvbHVtbnNUb2dnbGUubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnBvcG92ZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1tb2RhbC1iYWNrZ3JvdW5kLWNvbG9yKTtcbiAgei1pbmRleDogMTtcbiAgbWluLXdpZHRoOiAxNy41cmVtO1xuICBmb250LWZhbWlseTogdmFyKC0tZm9udC1mYW1pbHkpO1xufVxuXG4uYmFja2Ryb3Age1xuICBjb250ZW50OiBcIlwiO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIGxlZnQ6IDA7XG4gIHRvcDogMDtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG59XG5cbi5oZWFkZXIge1xuICBtaW4td2lkdGg6IDVyZW07XG4gIHBhZGRpbmc6IDFyZW0gMC41cmVtIDFyZW0gMS41cmVtO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1tb2RhbC1oZWFkZXItYmFja2dyb3VuZC1jb2xvcik7XG4gIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDAuNXJlbTtcbiAgYm9yZGVyLXRvcC1yaWdodC1yYWRpdXM6IDAuNXJlbTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbn1cblxuLnRpdGxlIHtcbiAgZmxleDogMTtcbiAgbWFyZ2luOiAwO1xufVxuXG4uY2xvc2UtYnRuIHtcbiAgbWFyZ2luLWxlZnQ6IDAuNXJlbTtcbn1cblxuLmNvbnRlbnQge1xuICBwYWRkaW5nOiAxLjVyZW07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGdhcDogMS4yNXJlbTtcbn0iXX0= */';var i={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"};e(l);export{i as default};
 //# sourceMappingURL=DataGridColumnsToggle.module.esm.js.map

package/dist/esm/DataGrid/DataGridBody/DataGridBody.esm.js CHANGED Viewed

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

package/dist/esm/DataGrid/DataGridBody/DataGridBody.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DataGridBody.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"DataGridBody.esm.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":"yOAiCA,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,EAAAC,cAACC,EAAW,CAACC,IAAKJ,EAAQhB,UAAS,MAChCY,MAAMC,KAAKD,MAAML,IAAiBO,KAAI,CAACO,EAAIC,IAC1CL,EAAAC,cAACK,EAAY,CAACH,IAAKE,EAAQtB,UAAS,UAEpCC,GAA4BgB,EAACC,cAAAK,WAKrC,MAAMC,GAAa1B,GAAQA,EAAKa,SAAW,EAC3C,GAAIa,EACF,OACEP,EAAAC,cAAA,KAAA,KACED,EACEC,cAAA,KAAA,CAAAO,UAAWC,EAAQ,SACnBC,QAASpB,GAAkBN,EAA2B,EAAI,IAE1DgB,EAAAC,cAACU,EAAW,CAAAC,QAAQ,OAAO1B,QAAS,CAAE2B,OAAQ,IAC3C5B,KAOX,OAAOJ,IAAI,MAAJA,SAAI,OAAA,EAAJA,EAAMgB,KAAI,CAACiB,EAAMC,IACff,EAAMgB,aAAapC,EAAS,CAAEkC,OAAMC,UAAU,CACnDjC,UACAI,UACAF,8BAEF,EAGJ,OACEgB,EAAAC,cAAA,QAAA,IAAWd,EAAMC,IAAKA,GACnBC,IAEH,EAGS,MAAA4B,EAAejB,EAAMkB,WAAWvC"}

package/dist/esm/DataGrid/DataGridBody/DataGridBody.module.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var containers=[],styleTags=[];const e = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var t=".DataGridBody_module_empty__9f730948{height:6rem;padding:2rem;text-align:center;vertical-align:top}.DataGridBody_module_empty__9f730948 p{color:var(--greyed-out)}",d={empty:"DataGridBody_module_empty__9f730948"};e(t,{});export{t as css,d as default};
+import e from "../../../lib/style-inject.js";var i='/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.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 */';var l={empty:"DataGridBody-module_empty__8rXRJ"};e(i);export{l as default};
 //# sourceMappingURL=DataGridBody.module.esm.js.map

package/dist/esm/DataGrid/DataGridBody/DataGridCell.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e from"react";import{Typography as a}from"../../Typography/Typography.esm.js";import l from"./DataGridCell.module.esm.js";const t=e.forwardRef((({children:t,className:i,isLoading:n,spacing:r,cellIndex:d,columnLength:o,disableContextMenuColumn:s,...m},p)=>{let c={};return 0===d&&(c.paddingLeft=null==r?void 0:r.paddingLeft),(d===o&&!s||o&&d===o-1&&s)&&(c.paddingRight=null==r?void 0:r.paddingRight),e.createElement("td",{...m,ref:p,style:{...m.style,...c},className:`${l.cell} ${null!=i?i:""}`},n&&e.createElement("div",{className:l.loading,"aria-busy":"true","aria-live":"polite"}),!n&&e.createElement(a,{variant:"body",tag:"span"},t))}));export{t as DataGridCell};
+import e from"react";import{Typography as a}from"../../Typography/Typography.esm.js";import t from"./DataGridCell.module.esm.js";const i=({children:i,className:l,isLoading:n,spacing:o,cellIndex:d,columnLength:r,disableContextMenuColumn:s,...m},p)=>{let c={};if(d===0)c.paddingLeft=o===null||o===void 0?void 0:o.paddingLeft;if(d===r&&!s||r&&d===r-1&&s)c.paddingRight=o===null||o===void 0?void 0:o.paddingRight;return e.createElement("td",{...m,ref:p,style:{...m.style,...c},className:`${t["cell"]} ${l!==null&&l!==void 0?l:""}`},n&&e.createElement("div",{className:t["loading"],"aria-busy":"true","aria-live":"polite"}),!n&&e.createElement(a,{variant:"body",tag:"span"},i))};const l=e.forwardRef(i);export{l as DataGridCell};
 //# sourceMappingURL=DataGridCell.esm.js.map

package/dist/esm/DataGrid/DataGridBody/DataGridCell.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DataGridCell.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"DataGridCell.esm.js","sources":["../../../../../../src/components/DataGrid/DataGridBody/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 variant=\"body\" tag=\"span\">\n {children}\n </Typography>\n )}\n </td>\n );\n};\n\nexport const DataGridCell = React.forwardRef(DataGridCellComponent);\n"],"names":["DataGridCellComponent","children","className","isLoading","spacing","cellIndex","columnLength","disableContextMenuColumn","rest","ref","cellStyle","paddingLeft","paddingRight","React","createElement","style","classes","Typography","variant","tag","DataGridCell","forwardRef"],"mappings":"iIA6BA,MAAMA,EAA+E,EAEjFC,WACAC,YACAC,YACAC,UACAC,YACAC,eACAC,8BACGC,GAELC,KAEA,IAAIC,EAAiC,CAAA,EAErC,GAAIL,IAAc,EAChBK,EAAUC,YAAcP,IAAO,MAAPA,SAAA,OAAA,EAAAA,EAASO,YAEnC,GACGN,IAAcC,IAAiBC,GAC/BD,GAAgBD,IAAcC,EAAe,GAAKC,EAEnDG,EAAUE,aAAeR,IAAO,MAAPA,SAAA,OAAA,EAAAA,EAASQ,aAGpC,OACEC,EAAAC,cAAA,KAAA,IACMN,EACJC,IAAKA,EACLM,MAAO,IAAKP,EAAKO,SAAUL,GAC3BR,UAAW,GAAGc,EAAQ,WAAWd,UAAAA,SAAS,EAATA,EAAa,MAE7CC,GAAaU,EAAAC,cAAA,MAAA,CAAKZ,UAAWc,EAAQ,WAAsB,YAAA,OAAiB,YAAA,YAC3Eb,GACAU,gBAACI,EAAU,CAACC,QAAQ,OAAOC,IAAI,QAC5BlB,GAIP,EAGS,MAAAmB,EAAeP,EAAMQ,WAAWrB"}