linear-react-components-ui 1.1.26-beta.13 → 1.1.26-beta.14

package/lib/split/helpers.js

@@ -3,3 +3,4 @@ const o = t.createContext({});
 export {
   o as default
 };
+//# sourceMappingURL=helpers.js.map

package/lib/split/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sources":["../../src/lib/split/helpers.ts"],"sourcesContent":["import React from 'react';\n\nexport type ISplitContext = {\n  size?: number;\n  percentage?: number | string;\n  vertical?: boolean;\n};\n\nconst SplitContext = React.createContext({} as ISplitContext);\n\nexport default SplitContext;\n"],"names":["SplitContext","React","createContext"],"mappings":";AAQA,MAAMA,IAAeC,EAAMC,cAAc,CAAA,CAAmB;"}

package/lib/split/index.js

@@ -1,6 +1,8 @@
-import e from "./Split.js";
-import { default as r } from "./SplitSide.js";
-import '../assets/index16.css';export {
-  r as SplitSide,
-  e as default
+import '../styles/assets/styles/split.css';/* empty css                          */
+import p from "./Split.js";
+import { default as i } from "./SplitSide.js";
+export {
+  i as SplitSide,
+  p as default
 };
+//# sourceMappingURL=index.js.map

package/lib/split/index.js.map

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

package/lib/styles/assets/styles/checkbox.css

@@ -0,0 +1 @@
+.checkbox-component>.inputcontent>.input:disabled+span{color:#c1c1c1!important;transition:all .45s cubic-bezier(.23,1,.32,1) 0ms;background-color:#f5f5f5!important;pointer-events:none;border:none}.checkbox-component>.inputcontent>.input:disabled+span+.description,.checkbox-component>.inputcontent>.input:checked:disabled+span>svg{color:#bbb;fill:#bbb;background-color:transparent}.checkbox-component>.inputcontent>.description>.hint{width:100%;color:#777;font-size:13px;line-height:16px;margin-top:5px;padding:0}.checkbox-component>.inputcontent>.description{color:#3e3e3e;font-size:14px;padding:0}.checkbox-component>.inputcontent>.-uppercase.description{text-transform:uppercase}.checkbox-component>.inputcontent>.-requiredlabel.description{color:red;font-weight:600;font-size:14px;margin-left:1px}.text-align-left{text-align:left}.text-align-right{text-align:right;padding-right:5px}.text-align-center{text-align:center!important}.search-field-component{width:100%;padding:6px;margin-top:0;font-size:17px;border:none}.checkbox-component[data-skeletonized=true]>.inputcontent>.description>span,.checkbox-component[data-skeletonized=true]>.inputcontent>.description>.hint>span,.checkbox-component[data-skeletonized=true]>.inputcontent .input:checked+span,.checkbox-component[data-skeletonized=true]>.inputcontent .input:disabled:checked+span:before,.checkbox-component[data-skeletonized=true]>.inputcontent .input+span{pointer-events:none;-webkit-user-select:none;user-select:none;color:transparent!important;text-shadow:none!important;box-shadow:none;background-image:linear-gradient(to right,#e7edf1,#f8f8f8,#e7edf1);background-size:400% 400%;background-repeat:initial;animation:shimmer 1.2s ease-in-out infinite}.checkbox-component[data-skeletonized=true]>.inputcontent>.description>span.-white,.checkbox-component[data-skeletonized=true]>.inputcontent>.description>.hint>span.-white,.checkbox-component[data-skeletonized=true]>.inputcontent .input:disabled:checked+span.-white:before,.checkbox-component[data-skeletonized=true]>.inputcontent .input+span.-white{background-image:linear-gradient(to right,#fff,#e7edf1,#fff)}@keyframes shimmer{0%{background-position:0% 0%}to{background-position:-135% 0%}}@keyframes slideInFromTop{0%{transform:translateY(-60%);-webkit-font-smoothing:subpixel-antialiased}to{transform:translateY(0);-webkit-font-smoothing:subpixel-antialiased}}@keyframes slideInFromTopSlow{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.slideDownReturn{-webkit-animation-name:slideDownReturn;animation-name:slideDownReturn}@-webkit-keyframes slideDownReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(100%);transform:translateY(100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(0%);transform:translateY(0)}}@keyframes slideDownReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(100%);transform:translateY(100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(0%);transform:translateY(0)}}.slideLeftReturn{-webkit-animation-name:slideLeftReturn;animation-name:slideLeftReturn}@-webkit-keyframes slideLeftReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translate(-100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0%);transform:translate(0)}}@keyframes slideLeftReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translate(-100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0%);transform:translate(0)}}.slideRightReturn{-webkit-animation-name:slideRightReturn;animation-name:slideRightReturn}@-webkit-keyframes slideRightReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translate(100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0%);transform:translate(0)}}@keyframes slideRightReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translate(100%)}30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0%);transform:translate(0)}}@keyframes revealelement{0%{color:transparent;opacity:0}50%{color:inherit;opacity:.3}to{color:inherit;opacity:1}}@-moz-keyframes revealelement{0%{-moz-color:transparent;-moz-height:0%;-moz-opacity:0}50%{-moz-color:inherit;-moz-height:auto;-moz-opacity:.3}to{-moz-color:inherit;-moz-opacity:1}}@-webkit-keyframes revealelement{0%{color:transparent;height:0%;opacity:0}50%{color:inherit;height:auto;opacity:.3}to{color:inherit;opacity:1}}@keyframes transparent-effect{0%{color:transparent;height:0%;opacity:.3}50%{color:transparent;height:auto;opacity:.7}to{color:inherit;opacity:1}}@keyframes blink-effect{0%{box-shadow:0 0 #a10d0d,inset 0 0 0 1px #a10d0d,inset 0 0 0 16px #fff,inset 0 0 0 16px #a10d0d}to{box-shadow:0 0 0 1px #a10d0d,inset 0 0 0 1px #a10d0d,inset 0 0 0 16px #fff,inset 0 0 0 16px #a10d0d}}@keyframes show-notification{0%{opacity:0;-webkit-transform:translate(0,-100%);transform:translateY(-100%)}10%{opacity:1;-webkit-transform:translate(0,0);transform:translate(0)}90%{opacity:1;-webkit-transform:translate(0,0);transform:translate(0)}to{opacity:0;-webkit-transform:translate(0,-100%);transform:translateY(-100%)}}@-webkit-keyframes nav-anim-left{0%{left:100%}to{left:-3%}}@-moz-keyframes nav-anim-left{0%{left:100%}to{left:-3%}}@-o-keyframes nav-anim-left{0%{left:100%}to{left:-3%}}@keyframes nav-anim-left{0%{left:100%}to{left:-3%}}.swashIn{animation-name:swashIn}@keyframes swashIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(0)}90%{opacity:1;transform-origin:50% 50%;transform:scale(.9)}to{opacity:1;transform-origin:50% 50%;transform:scale(1)}}.tinUpIn{animation-name:tinUpIn}@keyframes tinUpIn{0%{opacity:0;transform:scale(1) translateY(-900%)}50%,70%,90%{opacity:1;transform:scale(1.1) translateY(0)}60%,80%,to{opacity:1;transform:scale(1) translateY(0)}}.tinRightIn{animation-name:tinRightIn}@keyframes tinRightIn{0%{opacity:0;transform:scale(1) translate(900%)}50%,70%,90%{opacity:1;transform:scale(1.1) translate(0)}60%,80%,to{opacity:1;transform:scale(1) translate(0)}}.tinLeftIn{animation-name:tinLeftIn}@keyframes tinLeftIn{0%{opacity:0;transform:scale(1) translate(-900%)}50%,70%,90%{opacity:1;transform:scale(1.1) translate(0)}60%,80%,to{opacity:1;transform:scale(1) translate(0)}}.perspectiveDown{animation-name:perspectiveDown}@keyframes perspectiveDown{0%{transform-origin:0 100%;transform:perspective(800px) rotateX(0)}to{transform-origin:0 100%;transform:perspective(800px) rotateX(-180deg)}}.perspectiveUp{animation-name:perspectiveUp}@keyframes perspectiveUp{0%{transform-origin:0 0;transform:perspective(800px) rotateX(0)}to{transform-origin:0 0;transform:perspective(800px) rotateX(180deg)}}.puffIn{animation-name:puffIn}@keyframes puffIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(2);filter:blur(2px)}to{opacity:1;transform-origin:50% 50%;transform:scale(1);filter:blur(0px)}}.vanishIn{animation-name:vanishIn}@keyframes vanishIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(2);filter:blur(90px)}to{opacity:1;transform-origin:50% 50%;transform:scale(1);filter:blur(0px)}}.vanishOut{animation-name:vanishOut}@keyframes vanishOut{0%{opacity:1;transform-origin:50% 50%;transform:scale(1);filter:blur(0px)}to{opacity:0;transform-origin:50% 50%;transform:scale(2);filter:blur(20px)}}.boingInUp{animation-name:boingInUp}@keyframes boingInUp{0%{opacity:0;transform-origin:50% 0%;transform:perspective(800px) rotateX(-90deg)}50%{opacity:1;transform-origin:50% 0%;transform:perspective(800px) rotateX(50deg)}to{opacity:1;transform-origin:50% 0%;transform:perspective(800px) rotateX(0)}}.slideDown{animation-name:slideDown}@keyframes slideDown{0%{transform-origin:0 0;transform:translateY(0)}10%{transform-origin:0 0;transform:translateY(5%)}}.slideLeft{animation-name:slideLeft}@keyframes slideLeft{0%{transform-origin:0 0;transform:translate(0)}10%{transform-origin:0 0;transform:translate(-2%)}}@-moz-keyframes slideLeft{0%{-moz-transform-origin:0 0;-moz-transform:translateX(0%)}10%{-moz-transform-origin:0 0;-moz-transform:translateX(-2%)}}@-webkit-keyframes slideLeft{0%{-webkit-transform-origin:0 0;-webkit-transform:translateX(0%)}10%{-webkit-transform-origin:0 0;-webkit-transform:translateX(-2%)}}.slideRight{animation-name:slideRight}@keyframes slideRight{0%{transform-origin:0 0;transform:translate(0)}to{transform-origin:0 0;transform:translate(100%)}}.hvr-forward{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-forward:hover,.hvr-forward:focus,.hvr-forward:active{-webkit-transform:translateX(8px);transform:translate(8px)}@-webkit-keyframes hvr-back-pulse{50%{background-color:#2098d1bf}}@keyframes hvr-back-pulse{50%{background-color:#2098d1bf}}.hvr-bubble-float-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-left:before{position:absolute;z-index:-1;content:"";top:calc(50% - 10px);left:0;border-style:solid;border-width:10px 10px 10px 0;border-color:transparent #e1e1e1 transparent transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-left:hover,.hvr-bubble-float-left:focus,.hvr-bubble-float-left:active{-webkit-transform:translateX(10px);transform:translate(10px)}.hvr-bubble-float-left:hover:before,.hvr-bubble-float-left:focus:before,.hvr-bubble-float-left:active:before{-webkit-transform:translateX(-10px);transform:translate(-10px)}@-webkit-keyframes hvr-wobble-horizontal{16.65%{-webkit-transform:translateX(8px);transform:translate(8px)}33.3%{-webkit-transform:translateX(-6px);transform:translate(-6px)}49.95%{-webkit-transform:translateX(4px);transform:translate(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translate(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translate(1px)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes hvr-wobble-horizontal{16.65%{-webkit-transform:translateX(8px);transform:translate(8px)}33.3%{-webkit-transform:translateX(-6px);transform:translate(-6px)}49.95%{-webkit-transform:translateX(4px);transform:translate(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translate(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translate(1px)}to{-webkit-transform:translateX(0);transform:translate(0)}}.hvr-wobble-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000}.hvr-wobble-horizontal:hover,.hvr-wobble-horizontal:focus,.hvr-wobble-horizontal:active{-webkit-animation-name:hvr-wobble-horizontal;animation-name:hvr-wobble-horizontal;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}.hvr-grow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-grow:hover,.hvr-grow:focus,.hvr-grow:active{-webkit-transform:scale(1.1);transform:scale(1.1)}@keyframes slideWithPositionFromLeft{0%{left:-100%}to{left:100%}}@keyframes slideWithPositionRightToLeft{0%{left:100%;opacity:0}to{left:0;opacity:1}}@keyframes slideRightToLeftWithFade{0%{opacity:0;transform:translate(2%)}to{opacity:1;transform:translate(0)}}@keyframes slideLeftToRightWithFade{0%{opacity:0;transform:translate(-2%)}to{opacity:1;transform:translate(0)}}.checkbox-component>.inputcontent{display:flex}.checkbox-component>.inputcontent>.input{pointer-events:none;opacity:0;width:0;height:0}.checkbox-component>.inputcontent>.input:disabled+span{border:1px solid #dae1e8}.checkbox-component>.inputcontent>.input:checked:disabled+span{border:1px solid #dae1e8}.checkbox-component>.inputcontent>.input:checked+span>svg{display:block;fill:#fff;margin:0}.checkbox-component>.inputcontent>.input+span{position:relative;min-width:18px;min-height:18px;width:18px;height:18px;vertical-align:middle;background:#fff left top no-repeat;border:1px solid #dae1e8;cursor:pointer;display:flex;margin-right:6px;align-items:center;justify-content:center}.checkbox-component>.inputcontent>.input+span:hover{animation-duration:.5s;animation-name:blink-effect;animation-iteration-count:infinite;animation-direction:alternate}.checkbox-component>.inputcontent>.input+span>svg{display:none}.checkbox-component>.inputcontent>.input:checked+span{background-color:#a10d0d;border-color:#d30f0f;color:#fff;animation-duration:.2s;animation-name:select-checkbox;animation-iteration-count:1;animation-direction:Normal}.checkbox-component>.inputcontent>.input:focus+span{border:2px solid rgb(161,13,13)}.checkbox-component>.inputcontent>.description{cursor:pointer;flex:1;line-height:18px}.checkbox-component>.inputcontent>.description>.hint{margin-top:0}.checkbox-component>.errormessages{width:100%;color:red;font-size:13px!important;line-height:13px;margin-top:0}.checkbox-component[data-skeletonized=true]>.inputcontent .input+span{border-color:transparent}

package/lib/styles/assets/styles/list.css

@@ -0,0 +1 @@
+.item-container:active:before{width:120%;padding-top:120%;transition:width .2s ease-out,padding-top .2s ease-out}.item-container>.item.disabled{color:#c1c1c1!important;transition:all .45s cubic-bezier(.23,1,.32,1) 0ms;background-color:#f5f5f5!important;pointer-events:none;border:none}.text-align-left{text-align:left}.text-align-right{text-align:right;padding-right:5px}.text-align-center{text-align:center!important}.search-field-component{width:100%;padding:6px;margin-top:0;font-size:17px;border:none}.list-component>.skeleton-transparency:after{content:"";position:absolute;width:100%;height:100%;background:#fff;background:linear-gradient(180deg,#fff0,#fff3 30%,#fff9 70%,#fffc)}@keyframes shimmer{0%{background-position:0% 0%}to{background-position:-135% 0%}}.list-component{border:1px solid #E8E8E8;box-shadow:1px 1px 1px #d1d1d1;border-radius:5px;overflow:auto;height:100%}.list-component.-listbackground{background:#fff!important}.list-component.-condensed .item-container{height:40px;line-height:40px!important}.list-component.-condensed .item{line-height:40px!important}.list-component>.skeleton-transparency{position:relative}.list-component>.skeleton-transparency:after{top:0;left:0}.item-container{display:flex;flex-wrap:wrap;transition:all .2s ease-in-out;position:relative}.item-container.hovered:hover,.item-container.-activedlist{background-color:#e1e1e1}.item-container>.linkitem{position:absolute;height:48px;width:100%}.item-container>.item{flex:1 0 1%;box-sizing:border-box;cursor:pointer;color:#0000008a;font-size:14px;line-height:48px;width:100%;padding-left:10px;padding-right:10px;align-items:center}.item-container>.item>.text{display:inline-block;font-weight:400;justify-content:space-between;padding-left:0;line-height:18px;vertical-align:middle}.item-container>.item>.subtext{display:flex;align-items:center;justify-content:left;font-size:12px;line-height:18px;margin-bottom:12px;margin-top:0;color:#0000008a;padding-left:0;text-overflow:ellipsis}.item-container>.item.disabled:hover{display:none}.item-container>.item.-icon-left{flex:0 0 0;padding-left:7px;padding-right:5px;align-items:center;display:grid}.item-container>.item.-icon-right{flex:0 0 0;align-items:center;padding-left:13px;padding-right:5px;display:grid}.list-header .title{box-sizing:border-box;color:#0000008a;font-size:14px;font-weight:600!important;line-height:48px;padding-left:7px;width:100%}.list-separator{border-bottom:1px solid rgba(223,223,223,.5)}.list-component>.item-container:last-child>.item{border-bottom:none}

package/lib/styles/assets/styles/tabs.css

@@ -0,0 +1 @@
+@charset "UTF-8";.dropdown-hide-tabs .menuitem>.closepanel,.tabs-component .menu>.menuitem>.closepanel{background-color:transparent;border:0;height:20px;margin-right:5px;padding:0;text-shadow:0 1px 0 #ffffff;width:20px;visibility:hidden;transition:all .2s ease-in-out;border-radius:4px}.dropdown-hide-tabs .menuitem>.closepanel:after,.tabs-component .menu>.menuitem>.closepanel:after{content:"×";font-size:20px;text-shadow:none;color:#777;transition:all .2s ease-in-out}.dropdown-hide-tabs .menuitem>.closepanel:hover,.tabs-component .menu>.menuitem>.closepanel:hover{background-color:#858585}.dropdown-hide-tabs .menuitem>.closepanel:hover:after,.tabs-component .menu>.menuitem>.closepanel:hover:after{color:#fff}.tabs-component>.menucontainer,.tabs-component{-webkit-box-shadow:0px -1px 0px #dae1e8 inset;-moz-box-shadow:0px -1px 0px #dae1e8 inset;box-shadow:0 -1px #dae1e8 inset}.tabs-component .menu{display:flex;flex:1;overflow:hidden}.tabs-component .menu.-firsttabident>.menuitem:first-child{margin-left:15px}.tabs-component .menu>.menuitem{border-bottom:0;border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0px 0px;-webkit-border-radius:5px 5px 0px 0px;text-shadow:0 1px #ffffff;cursor:pointer;line-height:20px;margin-right:1px;padding:0;width:auto;min-width:100px;display:flex;align-items:center}.tabs-component .menu>.menuitem.selected{border:1px solid #dae1e8;background:#fff;border-bottom:1px solid #ffffff;border-top:2px solid rgb(161,13,13);box-shadow:0;font-weight:700}.tabs-component .menu>.menuitem.selected>.closepanel,.tabs-component .menu>.menuitem:hover>.closepanel{visibility:visible}.tabs-component .menu>.menuitem>.menubutton{white-space:nowrap;text-overflow:ellipsis;background:transparent;border:0;width:100%;text-align:left}.tabs-component .menubar{width:auto;border-bottom:1px solid #dae1e8}.tabs-component{display:grid;grid-template-rows:auto 1fr;width:100%;height:100%;overflow:auto}.tabs-component>.menucontainer{width:100%;display:flex;min-height:35px;overflow:hidden}.tabs-component>.menucontainer>.dropdownbutton{border-bottom:1px solid #dae1e8;padding:0;width:38px;visibility:hidden;pointer-events:none;opacity:0;display:flex;align-items:center;justify-content:center}.tabs-component>.menucontainer>.dropdownbutton.show{visibility:visible;pointer-events:all;opacity:1}.tabs-component>.menucontainer>.dropdownbutton.has-selected{border:1px solid rgb(161,13,13)!important}.tabs-component>.menucontainer>.dropdownbutton>svg{margin:0;float:none}.tabs-component>.menucontainer .toolbar-component{width:auto}.tabs-component>.panel{background-color:#fff;border:1px solid #dae1e8;border-top:0;padding:10px;overflow:auto}.tabs-component .hidepanel{display:none}.tabs-component.menu-left{grid-template-columns:auto 1fr;grid-template-rows:none}.tabs-component.menu-left>.menucontainer>.menu{box-shadow:-1px 0 #dae1e8 inset;flex-direction:column;justify-content:center}.tabs-component.menu-left>.menucontainer>.menu>.menuitem{border-radius:5px 0 0 5px;-moz-border-radius:5px 0px 0px 5px;-webkit-border-radius:5px 0px 0px 5px}.tabs-component.menu-left>.menucontainer>.menu>.menuitem.selected{border:1px solid #dae1e8;border-right:1px solid #ffffff;border-left:2px solid rgb(161,13,13);width:100%}.tabs-component.menu-left>.menucontainer>.menu>.menuitem>.closepanel{float:left}.tabs-component.menu-left>.panel{border-top:1px solid #dae1e8;border-left:0}.tabs-component.menu-bottom{grid-template-rows:1fr auto}.tabs-component.menu-bottom .menucontainer>.menu{box-shadow:0 1px 1px #dae1e8 inset}.tabs-component.menu-bottom .menucontainer>.menu>.menuitem{border-radius:0 0 5px 5px;-moz-border-radius:0px 0px 5px 5px;-webkit-border-radius:0px 0px 5px 5px}.tabs-component.menu-bottom .menucontainer>.menu>.menuitem.selected{border:1px solid #dae1e8;border-top:1px solid #ffffff;border-bottom:2px solid rgb(161,13,13);height:100%}.tabs-component.menu-bottom>.panel{border-top:1px solid #dae1e8;border-bottom:0}.tabs-component.menu-right{grid-template-columns:1fr auto;grid-template-rows:none}.tabs-component.menu-right .menucontainer>.menu{box-shadow:2px 0 0 -1px #dae1e8 inset;flex-direction:column;justify-content:center}.tabs-component.menu-right .menucontainer>.menu>.menuitem{border-radius:0 5px 5px 0;-moz-border-radius:0px 5px 5px 0px;-webkit-border-radius:0px 5px 5px 0px}.tabs-component.menu-right .menucontainer>.menu>.menuitem.selected{border:1px solid #dae1e8;border-left:1px solid #ffffff;border-right:2px solid rgb(161,13,13);width:100%}.tabs-component.menu-right>.panel{border-top:1px solid #dae1e8;border-right:0}.dropdown-hide-tabs .item-container>.item{width:auto;padding-left:10px}.dropdown-hide-tabs .menuitem{cursor:pointer;line-height:20px;margin-right:1px;display:flex;align-items:center;min-height:50px;gap:8px}.dropdown-hide-tabs .menuitem>svg{margin:0}.dropdown-hide-tabs .menuitem>.menubutton{padding:0}.dropdown-hide-tabs .menuitem>.closepanel{margin-left:auto;margin-right:0}.dropdown-hide-tabs .menuitem:hover>.closepanel{visibility:visible}

package/lib/table/Body.js

@@ -1,46 +1,47 @@
-import { j as o } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as u } from "../chunks/compiler-runtime.Cu50tn6L.js";
-import { useContext as f } from "react";
-import k, { getArrayFromNumber as b } from "./helpers.js";
-import j from "../skeleton/index.js";
-import "../chunks/lodash.CIAK_hAg.js";
-import C from "./Row.js";
+import { jsx as o } from "react/jsx-runtime";
+import { c as u } from "react/compiler-runtime";
+import { useContext as k } from "react";
+import C, { getArrayFromNumber as h } from "./helpers.js";
+import w from "../skeleton/index.js";
+import "../_virtual/lodash.js";
+import x from "./Row.js";
 import "../icons/index.js";
-import w from "./RowColumn.js";
-import '../assets/table.css';/* empty css                       */
-const h = (p, {
-  columnsCount: t,
-  vertical: s,
+import N from "./RowColumn.js";
+import '../styles/assets/styles/table.css';/* empty css                          */
+const f = (p, {
+  columnsCount: e,
+  vertical: n,
   skeletonize: r,
-  skeletonInRows: e = 10,
-  skeletonHeight: n = 16,
+  skeletonInRows: t = 10,
+  skeletonHeight: s = 16,
   columnsWidth: l
 }) => {
-  if (r && !s && t && e) {
-    const y = b(e), i = b(t);
-    return y.map((x) => /* @__PURE__ */ o.jsx(C, { customClass: "row-skeleton", children: i.map((m) => /* @__PURE__ */ o.jsx(w, { style: {
-      width: l?.[m - 1]
-    }, children: /* @__PURE__ */ o.jsx(j, { height: n }) }, m)) }, x));
+  if (r && !n && e && t) {
+    const y = h(t), i = h(e);
+    return y.map((b) => /* @__PURE__ */ o(x, { customClass: "row-skeleton", children: i.map((a) => /* @__PURE__ */ o(N, { style: {
+      width: l?.[a - 1]
+    }, children: /* @__PURE__ */ o(w, { height: s }) }, a)) }, b));
   }
   return p;
-}, B = (p) => {
-  const t = u.c(8), {
-    children: s,
+}, F = (p) => {
+  const e = u(8), {
+    children: n,
     customClass: r
-  } = p, e = f(k), {
-    bodyScrollable: n,
+  } = p, t = k(C), {
+    bodyScrollable: s,
     bodyContainerRef: l,
     skeletonize: y,
     skeletonInRows: i,
     strict: c,
-    vertical: x,
-    columnsCount: m
-  } = e, a = !!(y && !x && (i === void 0 ? 10 : i) && m);
+    vertical: b,
+    columnsCount: a
+  } = t, m = !!(y && !b && (i === void 0 ? 10 : i) && a);
   let d;
-  return t[0] !== l || t[1] !== n || t[2] !== s || t[3] !== e || t[4] !== r || t[5] !== a || t[6] !== c ? (d = n ? /* @__PURE__ */ o.jsx("div", { className: "bodycontainer", ref: l, children: /* @__PURE__ */ o.jsx("table", { className: "innertable", style: {
+  return e[0] !== l || e[1] !== s || e[2] !== n || e[3] !== t || e[4] !== r || e[5] !== m || e[6] !== c ? (d = s ? /* @__PURE__ */ o("div", { className: "bodycontainer", ref: l, children: /* @__PURE__ */ o("table", { className: "innertable", style: {
     contain: c ? "strict" : "size layout style"
-  }, children: /* @__PURE__ */ o.jsx("tbody", { className: `tbody ${a ? "skeleton-transparency" : ""} ${r}`, children: h(s, e) }) }) }) : /* @__PURE__ */ o.jsx("tbody", { className: `tbody ${a ? "skeleton-transparency" : ""} ${r}`, children: h(s, e) }), t[0] = l, t[1] = n, t[2] = s, t[3] = e, t[4] = r, t[5] = a, t[6] = c, t[7] = d) : d = t[7], d;
+  }, children: /* @__PURE__ */ o("tbody", { className: `tbody ${m ? "skeleton-transparency" : ""} ${r}`, children: f(n, t) }) }) }) : /* @__PURE__ */ o("tbody", { className: `tbody ${m ? "skeleton-transparency" : ""} ${r}`, children: f(n, t) }), e[0] = l, e[1] = s, e[2] = n, e[3] = t, e[4] = r, e[5] = m, e[6] = c, e[7] = d) : d = e[7], d;
 };
 export {
-  B as default
+  F as default
 };
+//# sourceMappingURL=Body.js.map

package/lib/table/Body.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Body.js","sources":["../../src/lib/table/Body.tsx"],"sourcesContent":["import React, { ReactNode, useContext } from 'react';\nimport TableContext, { getArrayFromNumber } from './helpers';\nimport Skeleton from '../skeleton';\nimport { TRow, Td } from './index';\nimport { ITableBodyProps, ITableContext } from './types';\n\nconst renderChildren = (\n  children: ReactNode,\n  {\n    columnsCount, vertical, skeletonize, skeletonInRows = 10, skeletonHeight = 16,\n    columnsWidth,\n  }: ITableContext,\n) => {\n  if (skeletonize && !vertical && columnsCount && skeletonInRows) {\n    const rows = getArrayFromNumber(skeletonInRows);\n    const columns = getArrayFromNumber(columnsCount);\n    const skeletonChildrens =\n      rows.map((index: number) => (\n        <TRow customClass=\"row-skeleton\" key={index}>\n          {columns.map((id: number) => (\n            <Td style={{ width: columnsWidth?.[id - 1] }} key={id}>\n              <Skeleton height={skeletonHeight} />\n            </Td>\n          ))}\n        </TRow>\n      ));\n    return skeletonChildrens;\n  }\n  return children;\n};\n\nconst TableBody = ({ children, customClass }: ITableBodyProps) => {\n  const context = useContext(TableContext);\n  const {\n    bodyScrollable,\n    bodyContainerRef,\n    skeletonize,\n    skeletonInRows = 10,\n    strict,\n    vertical,\n    columnsCount,\n  } = context;\n  const isSkeletonized = !!(skeletonize && !vertical && skeletonInRows && columnsCount);\n\n  return (\n    bodyScrollable\n      ? (\n        <div\n          className=\"bodycontainer\"\n          ref={bodyContainerRef}>\n          <table\n            className=\"innertable\"\n            style={{\n              contain: strict ? 'strict' : 'size layout style',\n            }}>\n            <tbody\n              className={`tbody ${isSkeletonized ? 'skeleton-transparency' : ''} ${customClass}`}>\n              {renderChildren(children, context)}\n            </tbody>\n          </table>\n        </div>\n        )\n      : (\n        <tbody className={`tbody ${isSkeletonized ? 'skeleton-transparency' : ''} ${customClass}`}>\n          {renderChildren(children, context)}\n        </tbody>\n        )\n  );\n};\n\nexport default TableBody;\n"],"names":["renderChildren","children","columnsCount","vertical","skeletonize","skeletonInRows","skeletonHeight","columnsWidth","rows","getArrayFromNumber","columns","map","index","jsx","TRow","id","Td","width","Skeleton","TableBody","t0","$","_c","customClass","context","useContext","TableContext","bodyScrollable","bodyContainerRef","t1","strict","isSkeletonized","undefined","t2","contain"],"mappings":";;;;;;;;;;AAMA,MAAMA,IAAiBA,CACrBC,GACA;AAAA,EACEC,cAAAA;AAAAA,EAAcC,UAAAA;AAAAA,EAAUC,aAAAA;AAAAA,EAAaC,gBAAAA,IAAiB;AAAA,EAAIC,gBAAAA,IAAiB;AAAA,EAC3EC,cAAAA;AACa,MACZ;AACH,MAAIH,KAAe,CAACD,KAAYD,KAAgBG,GAAgB;AAC9D,UAAMG,IAAOC,EAAmBJ,CAAc,GACxCK,IAAUD,EAAmBP,CAAY;AAW/C,WATEM,EAAKG,IAAI,CAACC,MACR,gBAAAC,EAACC,GAAA,EAAK,aAAY,gBACfJ,YAAQC,IAAI,CAACI,MACZ,gBAAAF,EAACG,KAAG,OAAO;AAAA,MAAEC,OAAOV,IAAeQ,IAAK,CAAC;AAAA,IAAA,GACvC,UAAA,gBAAAF,EAACK,GAAA,EAAS,QAAQZ,GAAe,KADgBS,CAEnD,CACD,EAAA,GALmCH,CAMtC,CACD;AAAA,EAEL;AACA,SAAOX;AACT,GAEMkB,IAAYC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA,GAAC;AAAA,IAAArB,UAAAA;AAAAA,IAAAsB,aAAAA;AAAAA,EAAAA,IAAAH,GACjBI,IAAgBC,EAAWC,CAAY,GACvC;AAAA,IAAAC,gBAAAA;AAAAA,IAAAC,kBAAAA;AAAAA,IAAAxB,aAAAA;AAAAA,IAAAC,gBAAAwB;AAAAA,IAAAC,QAAAA;AAAAA,IAAA3B,UAAAA;AAAAA,IAAAD,cAAAA;AAAAA,EAAAA,IAQIsB,GACJO,IAAuB,CAAC,EAAE3B,KAAA,CAAgBD,MALxC0B,MAAAG,SAAA,KAAAH,MAKwB3B;AAA4D,MAAA+B;AAAA,SAAAZ,EAAA,CAAA,MAAAO,KAAAP,EAAA,CAAA,MAAAM,KAAAN,EAAA,CAAA,MAAApB,KAAAoB,SAAAG,KAAAH,EAAA,CAAA,MAAAE,KAAAF,EAAA,CAAA,MAAAU,KAAAV,EAAA,CAAA,MAAAS,KAGpFG,IAAAN,IAEI,gBAAAd,EAAA,OAAA,EACY,WAAA,iBACLe,KAAAA,GACL,UAAA,gBAAAf,EAAA,SAAA,EACY,WAAA,cACH,OAAA;AAAA,IAAAqB,SACIJ,IAAA,WAAA;AAAA,EAAA,GAEX,UAAA,gBAAAjB,EAAA,SAAA,EACa,WAAA,SAASkB,IAAA,0BAAA,EAA6C,IAAIR,CAAW,IAC/EvB,UAAAA,EAAeC,GAAUuB,CAAO,EAAA,CACnC,EAAA,CACF,EAAA,CACF,IAGA,gBAAAX,EAAA,SAAA,EAAkB,WAAA,SAASkB,IAAA,0BAAA,EAA6C,IAAIR,CAAW,IACpFvB,UAAAA,EAAeC,GAAUuB,CAAO,GACnC,GACCH,OAAAO,GAAAP,OAAAM,GAAAN,OAAApB,GAAAoB,OAAAG,GAAAH,OAAAE,GAAAF,OAAAU,GAAAV,OAAAS,GAAAT,OAAAY,KAAAA,IAAAZ,EAAA,CAAA,GArBLY;AAqBK;"}

package/lib/table/Header.js

@@ -1,9 +1,9 @@
-import { j as d } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as x } from "../chunks/compiler-runtime.Cu50tn6L.js";
-import { useContext as y, useRef as C, useEffect as E, isValidElement as u } from "react";
-import { _ as l } from "../chunks/lodash.CIAK_hAg.js";
-import b from "./helpers.js";
-const g = (r) => {
+import { jsx as d } from "react/jsx-runtime";
+import { c as y } from "react/compiler-runtime";
+import { useContext as C, useRef as b, useEffect as E, isValidElement as u } from "react";
+import l from "../_virtual/lodash.js";
+import g from "./helpers.js";
+const x = (r) => {
   const s = [];
   if (u(r) && r.props) {
     let o = r.props.children;
@@ -21,11 +21,11 @@ const g = (r) => {
     const o = r.props;
     l.isArray(o?.children) ? r.props.children.forEach((i) => h(i, t)) : r && (t.current += 1);
   } else l.isArray(r) && r.length > 0 && r.forEach((o) => h(o, t));
-}, j = (r, s) => {
+}, S = (r, s) => {
   const t = r;
   return l.isArray(r) && r.length > 0 && r[0].props ? h(r[0].props.children, s) : u(r) && r.props && t?.props?.children && h(t?.props?.children, s), s.current;
-}, P = (r) => {
-  const s = x.c(10), {
+}, $ = (r) => {
+  const s = y(10), {
     customClass: t,
     children: o
   } = r, {
@@ -33,20 +33,21 @@ const g = (r) => {
     bodyScrollable: i,
     handlerSetColumnsWidth: c,
     handlerSetColumnsCount: n
-  } = y(b), m = C(0);
-  let p;
-  s[0] !== o || s[1] !== n || s[2] !== c ? (p = () => {
-    o && c && n && (c(g(o)), n(j(o, m)));
-  }, s[0] = o, s[1] = n, s[2] = c, s[3] = p) : p = s[3];
+  } = C(g), m = b(0);
   let a;
-  s[4] === Symbol.for("react.memo_cache_sentinel") ? (a = [], s[4] = a) : a = s[4], E(p, a);
+  s[0] !== o || s[1] !== n || s[2] !== c ? (a = () => {
+    o && c && n && (c(x(o)), n(S(o, m)));
+  }, s[0] = o, s[1] = n, s[2] = c, s[3] = a) : a = s[3];
+  let p;
+  s[4] === Symbol.for("react.memo_cache_sentinel") ? (p = [], s[4] = p) : p = s[4], E(a, p);
   let f;
-  return s[5] !== e || s[6] !== i || s[7] !== o || s[8] !== t ? (f = i ? /* @__PURE__ */ d.jsx("div", { className: "headercontainer", style: {
+  return s[5] !== e || s[6] !== i || s[7] !== o || s[8] !== t ? (f = i ? /* @__PURE__ */ d("div", { className: "headercontainer", style: {
     paddingRight: e
-  }, children: /* @__PURE__ */ d.jsx("table", { className: "innertable", style: {
+  }, children: /* @__PURE__ */ d("table", { className: "innertable", style: {
     tableLayout: "fixed"
-  }, children: /* @__PURE__ */ d.jsx("thead", { className: `theader ${t}`, children: o }) }) }) : /* @__PURE__ */ d.jsx("thead", { className: `theader ${t}`, children: o }), s[5] = e, s[6] = i, s[7] = o, s[8] = t, s[9] = f) : f = s[9], f;
+  }, children: /* @__PURE__ */ d("thead", { className: `theader ${t}`, children: o }) }) }) : /* @__PURE__ */ d("thead", { className: `theader ${t}`, children: o }), s[5] = e, s[6] = i, s[7] = o, s[8] = t, s[9] = f) : f = s[9], f;
 };
 export {
-  P as default
+  $ as default
 };
+//# sourceMappingURL=Header.js.map

package/lib/table/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sources":["../../src/lib/table/Header.tsx"],"sourcesContent":["import React, { isValidElement, ReactNode, useContext, useEffect, useRef } from 'react';\nimport _ from 'lodash';\nimport TableContext from './helpers';\nimport { ITableHeaderProps, TableElement } from './types';\n\nconst getColumnsWidth = (children: ReactNode) => {\n  const columnsWidth: (string | number | undefined)[] = [];\n  if (isValidElement(children) && children.props) {\n    const childrenProps = children.props as any;\n    let columns = childrenProps.children;\n    if (!_.isArray(columns)) columns = [columns];\n    columns.forEach((element: TableElement) => {\n      let colWidth: number | string = 0;\n      if (_.isArray(element)) {\n        element.forEach((elementArray: TableElement) => {\n          if (elementArray && elementArray.props) {\n            colWidth = elementArray.props?.style?.width;\n          }\n          columnsWidth.push(colWidth);\n        });\n      } else if (element && element.props) {\n        colWidth = element.props?.style?.width;\n        columnsWidth.push(colWidth);\n      }\n    });\n  }\n  return columnsWidth;\n};\n\nconst countColumnsFromChildren = (\n  element: ReactNode | ReactNode[],\n  columnsCount: React.MutableRefObject<number>,\n) => {\n  const count = columnsCount;\n  if (isValidElement(element)) {\n    const elementProps = element.props as any;\n    if (_.isArray(elementProps?.children)) {\n      const currentElement = element.props as { children: ReactNode[] };\n      currentElement.children.forEach(child => countColumnsFromChildren(child, count));\n    } else if (element) {\n      count.current += 1;\n    }\n  } else if (_.isArray(element) && element.length > 0) {\n    element.forEach(child => countColumnsFromChildren(child, count));\n  }\n};\n\nconst getColumnsCount = (children: ReactNode, columnsCount: React.MutableRefObject<number>) => {\n  const childrenFormatted = children as any;\n  if (_.isArray(children) && children.length > 0 && children[0].props) {\n    countColumnsFromChildren(children[0].props.children, columnsCount);\n  } else if (isValidElement(children) && children.props && childrenFormatted?.props?.children) {\n    countColumnsFromChildren(childrenFormatted?.props?.children, columnsCount);\n  }\n  return columnsCount.current;\n};\n\nconst Header = ({ customClass, children }: ITableHeaderProps) => {\n  const {\n    bodyScrollWidth, bodyScrollable, handlerSetColumnsWidth, handlerSetColumnsCount,\n  } = useContext(TableContext);\n  const columnsCount = useRef(0);\n\n  useEffect(() => {\n    if (children && handlerSetColumnsWidth && handlerSetColumnsCount) {\n      handlerSetColumnsWidth(getColumnsWidth(children));\n      handlerSetColumnsCount(getColumnsCount(children, columnsCount));\n    }\n  }, []);\n\n  return (\n    bodyScrollable\n      ? (\n        <div className=\"headercontainer\" style={{ paddingRight: bodyScrollWidth }}>\n          <table className=\"innertable\" style={{ tableLayout: 'fixed' }} >\n            <thead className={`theader ${customClass}`}>{children}</thead>\n          </table>\n        </div>\n        )\n      : (\n        <thead className={`theader ${customClass}`}>{children}</thead>\n        )\n  );\n};\n\nexport default Header;\n"],"names":["getColumnsWidth","children","columnsWidth","isValidElement","props","columns","_","isArray","forEach","element","colWidth","elementArray","style","width","push","countColumnsFromChildren","columnsCount","count","elementProps","child","current","length","getColumnsCount","childrenFormatted","Header","t0","$","_c","customClass","bodyScrollWidth","bodyScrollable","handlerSetColumnsWidth","handlerSetColumnsCount","useContext","TableContext","useRef","t1","t2","Symbol","for","useEffect","t3","jsx","paddingRight","tableLayout"],"mappings":"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"}

package/lib/table/HeaderColumn.js

@@ -1,43 +1,44 @@
-import { j as g } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as $ } from "../chunks/compiler-runtime.Cu50tn6L.js";
-import { useContext as w } from "react";
-import { _ as y } from "../chunks/lodash.CIAK_hAg.js";
-import z from "../icons/index.js";
-import A from "../skeleton/index.js";
-import E from "./helpers.js";
-const D = (s) => {
-  const e = $.c(20), {
-    customClass: M,
+import { jsx as x } from "react/jsx-runtime";
+import { c as y } from "react/compiler-runtime";
+import { useContext as z } from "react";
+import A from "../_virtual/lodash.js";
+import H from "../icons/index.js";
+import R from "../skeleton/index.js";
+import j from "./helpers.js";
+const E = (l) => {
+  const e = y(20), {
+    customClass: $,
     style: t,
     children: u,
-    textAlign: b,
-    visible: p,
+    textAlign: p,
+    visible: I,
     id: c,
-    isMenuColumn: I
-  } = s, R = p === void 0 ? !0 : p, i = I === void 0 ? !1 : I, {
-    skeletonize: a,
-    vertical: f,
+    isMenuColumn: k
+  } = l, w = I === void 0 ? !0 : I, i = k === void 0 ? !1 : k, {
+    skeletonize: f,
+    vertical: a,
     skeletonInHeader: d,
-    skeletonInRows: j
-  } = w(E), h = j === void 0 ? 10 : j;
-  let l;
-  e[0] !== u ? (l = (k) => (k === void 0 ? !1 : k) ? /* @__PURE__ */ g.jsx(z, { name: "menu4", size: 22 }) : u, e[0] = u, e[1] = l) : l = e[1];
-  const x = l;
+    skeletonInRows: M
+  } = z(j), h = M === void 0 ? 10 : M;
+  let s;
+  e[0] !== u ? (s = (b) => (b === void 0 ? !1 : b) ? /* @__PURE__ */ x(H, { name: "menu4", size: 22 }) : u, e[0] = u, e[1] = s) : s = e[1];
+  const C = s;
   let r;
-  e[2] !== s ? (r = () => y.omit(s, ["isMenuColumn", "customClass", "children", "textAlign", "visible"]), e[2] = s, e[3] = r) : r = e[3];
-  const C = r;
-  if (!R)
+  e[2] !== l ? (r = () => A.omit(l, ["isMenuColumn", "customClass", "children", "textAlign", "visible"]), e[2] = l, e[3] = r) : r = e[3];
+  const v = r;
+  if (!w)
     return null;
   let o;
-  e[4] !== C ? (o = C(), e[4] = C, e[5] = o) : o = e[5];
-  const v = `headercolumn ${M} text-align-${b} ${i && "menu-column"}`;
+  e[4] !== v ? (o = v(), e[4] = v, e[5] = o) : o = e[5];
+  const g = `headercolumn ${$} text-align-${p} ${i && "menu-column"}`;
   let n;
-  e[6] !== x || e[7] !== i || e[8] !== d || e[9] !== h || e[10] !== a || e[11] !== t || e[12] !== f ? (n = a && (d || !h) && !f ? /* @__PURE__ */ g.jsx(A, { height: t && t.height ? void 0 : 16, style: {
+  e[6] !== C || e[7] !== i || e[8] !== d || e[9] !== h || e[10] !== f || e[11] !== t || e[12] !== a ? (n = f && (d || !h) && !a ? /* @__PURE__ */ x(R, { height: t && t.height ? void 0 : 16, style: {
     marginBottom: 0
-  } }) : x(i), e[6] = x, e[7] = i, e[8] = d, e[9] = h, e[10] = a, e[11] = t, e[12] = f, e[13] = n) : n = e[13];
+  } }) : C(i), e[6] = C, e[7] = i, e[8] = d, e[9] = h, e[10] = f, e[11] = t, e[12] = a, e[13] = n) : n = e[13];
   let m;
-  return e[14] !== c || e[15] !== t || e[16] !== o || e[17] !== v || e[18] !== n ? (m = /* @__PURE__ */ g.jsx("th", { ...o, id: c, style: t, className: v, children: n }), e[14] = c, e[15] = t, e[16] = o, e[17] = v, e[18] = n, e[19] = m) : m = e[19], m;
+  return e[14] !== c || e[15] !== t || e[16] !== o || e[17] !== g || e[18] !== n ? (m = /* @__PURE__ */ x("th", { ...o, id: c, style: t, className: g, children: n }), e[14] = c, e[15] = t, e[16] = o, e[17] = g, e[18] = n, e[19] = m) : m = e[19], m;
 };
 export {
-  D as default
+  E as default
 };
+//# sourceMappingURL=HeaderColumn.js.map

package/lib/table/HeaderColumn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderColumn.js","sources":["../../src/lib/table/HeaderColumn.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport _ from 'lodash';\nimport Icon from '../icons';\nimport Skeleton from '../skeleton';\nimport TableContext from './helpers';\nimport { ITableHeaderProps } from './types';\n\nconst HeaderColumn = (props: ITableHeaderProps) => {\n  const {\n    customClass, style, children, textAlign, visible = true, id, isMenuColumn = false,\n  } = props;\n  const { skeletonize, vertical, skeletonInHeader, skeletonInRows = 10 } = useContext(TableContext);\n\n  const getChildren = (childrenIsMenuColum = false) => {\n    if (!childrenIsMenuColum) return children;\n    return <Icon name=\"menu4\" size={22} />;\n  };\n\n  const getProps = () => {\n    return _.omit(props, ['isMenuColumn', 'customClass', 'children', 'textAlign', 'visible']);\n  };\n\n  if (!visible) return null;\n\n  return (\n    <th\n      {...getProps()}\n      id={id}\n      style={style}\n      className={`headercolumn ${customClass} text-align-${textAlign} ${isMenuColumn && 'menu-column'}`}>\n      {skeletonize && (skeletonInHeader || !skeletonInRows) && !vertical\n        ? (\n          <Skeleton height={style && style.height ? undefined : 16} style={{ marginBottom: 0 }} />\n          )\n        : getChildren(isMenuColumn)}\n    </th>\n  );\n};\n\nexport default HeaderColumn;\n"],"names":["HeaderColumn","props","$","_c","customClass","style","children","textAlign","visible","t0","id","isMenuColumn","t1","undefined","skeletonize","vertical","skeletonInHeader","skeletonInRows","t2","useContext","TableContext","t3","t4","jsx","Icon","getChildren","_","omit","getProps","t5","t6","t7","Skeleton","height","marginBottom","t8"],"mappings":";;;;;;;AAOA,MAAMA,IAAeC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GACnB;AAAA,IAAAC,aAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,WAAAA;AAAAA,IAAAC,SAAAC;AAAAA,IAAAC,IAAAA;AAAAA,IAAAC,cAAAC;AAAAA,EAAAA,IAEIX,GADuCO,IAAAC,MAAAI,SAAA,KAAAJ,GAAoBE,IAAAC,MAAAC,SAAA,KAAAD,GAE/D;AAAA,IAAAE,aAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,kBAAAA;AAAAA,IAAAC,gBAAAC;AAAAA,EAAAA,IAAyEC,EAAWC,CAAY,GAA/CH,IAAAC,MAAAL,SAAA,KAAAK;AAAmB,MAAAG;AAAA,EAAAnB,SAAAI,KAEhDe,IAAAC,CAAAA,OAACA,MAAAT,SAAA,KAAAS,KAEZ,gBAAAC,EAACC,GAAA,EAAU,MAAA,SAAc,MAAA,IAAE,IADDlB,GAElCJ,OAAAI,GAAAJ,OAAAmB,KAAAA,IAAAnB,EAAA,CAAA;AAHD,QAAAuB,IAAoBJ;AAGlB,MAAAC;AAAA,EAAApB,SAAAD,KAEeqB,IAAAA,MACRI,EAACC,KAAM1B,GAAO,CAAC,gBAAgB,eAAe,YAAY,aAAa,SAAS,CAAC,GACzFC,OAAAD,GAAAC,OAAAoB,KAAAA,IAAApB,EAAA,CAAA;AAFD,QAAA0B,IAAiBN;AAIjB,MAAI,CAACd;AAAO,WAAS;AAAK,MAAAqB;AAAA,EAAA3B,SAAA0B,KAIlBC,IAAAD,EAAAA,GAAU1B,OAAA0B,GAAA1B,OAAA2B,KAAAA,IAAA3B,EAAA,CAAA;AAGH,QAAA4B,oBAAgB1B,CAAW,eAAeG,CAAS,IAAII,KAAA,aAA6B;AAAE,MAAAoB;AAAA,EAAA7B,EAAA,CAAA,MAAAuB,KAAAvB,EAAA,CAAA,MAAAS,KAAAT,EAAA,CAAA,MAAAc,KAAAd,SAAAe,KAAAf,EAAA,EAAA,MAAAY,KAAAZ,EAAA,EAAA,MAAAG,KAAAH,EAAA,EAAA,MAAAa,KAChGgB,IAAAjB,MAAgBE,KAAA,CAAqBC,MAArC,CAAyDF,IAEtD,gBAAAQ,EAACS,GAAA,EAAiB,QAAA3B,KAASA,EAAK4B,SAAdpB,SAAA,IAA+C,OAAA;AAAA,IAAAqB,cAAgB;AAAA,EAAA,GAAG,IAEpFT,EAAYd,CAAY,GAACT,OAAAuB,GAAAvB,OAAAS,GAAAT,OAAAc,GAAAd,OAAAe,GAAAf,QAAAY,GAAAZ,QAAAG,GAAAH,QAAAa,GAAAb,QAAA6B,KAAAA,IAAA7B,EAAA,EAAA;AAAA,MAAAiC;AAAA,SAAAjC,EAAA,EAAA,MAAAQ,KAAAR,EAAA,EAAA,MAAAG,KAAAH,EAAA,EAAA,MAAA2B,KAAA3B,EAAA,EAAA,MAAA4B,KAAA5B,UAAA6B,KAT/BI,IAAA,gBAAAZ,EAAA,QAUK,GATCM,GACAnB,IAAAA,GACGL,OAAAA,GACI,WAAAyB,GACVC,UAAAA,EAAAA,CAKH,GAAK7B,QAAAQ,GAAAR,QAAAG,GAAAH,QAAA2B,GAAA3B,QAAA4B,GAAA5B,QAAA6B,GAAA7B,QAAAiC,KAAAA,IAAAjC,EAAA,EAAA,GAVLiC;AAUK;"}

package/lib/table/Row.js

@@ -1,53 +1,54 @@
-import { j as s } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as z } from "../chunks/compiler-runtime.Cu50tn6L.js";
+import { jsx as d } from "react/jsx-runtime";
+import { c as E } from "react/compiler-runtime";
 import { useContext as L } from "react";
 import P, { RowContext as V } from "./helpers.js";
-const G = (g) => {
-  const e = z.c(29), {
-    customClass: C,
-    children: f,
+const G = (z) => {
+  const e = E(29), {
+    customClass: f,
+    children: h,
     rowId: o,
     dataId: t,
     onClick: r,
-    height: p,
-    style: u,
-    onMouseEnter: h,
+    height: u,
+    style: p,
+    onMouseEnter: k,
     onMouseLeave: R,
-    rowBorder: T,
-    divider: j,
-    dividerTitle: d,
+    rowBorder: b,
+    divider: x,
+    dividerTitle: s,
     dividerStyle: n,
-    dividerColor: b,
-    dividerColSpan: E
-  } = g, k = T === void 0 ? !0 : T, c = b === void 0 ? "info" : b, a = E === void 0 ? 2 : E, {
-    selectedRowId: S,
+    dividerColor: B,
+    dividerColSpan: M
+  } = z, S = b === void 0 ? !0 : b, c = B === void 0 ? "info" : B, a = M === void 0 ? 2 : M, {
+    selectedRowId: y,
     handleSelectRow: v,
     handleTableRowClick: m,
-    handleTableColClick: y,
+    handleTableColClick: I,
     vertical: i,
-    skeletonize: I,
-    skeletonInRows: B
-  } = L(P), $ = B === void 0 ? 10 : B;
+    skeletonize: $,
+    skeletonInRows: g
+  } = L(P), N = g === void 0 ? 10 : g;
   let w;
-  e[0] !== t || e[1] !== y || e[2] !== k || e[3] !== $ || e[4] !== I || e[5] !== i ? (w = {
+  e[0] !== t || e[1] !== I || e[2] !== S || e[3] !== N || e[4] !== $ || e[5] !== i ? (w = {
     dataId: t,
-    rowBorder: k,
-    handleTableColClick: y,
+    rowBorder: S,
+    handleTableColClick: I,
     vertical: i,
-    skeletonize: I,
-    skeletonInRows: $
-  }, e[0] = t, e[1] = y, e[2] = k, e[3] = $, e[4] = I, e[5] = i, e[6] = w) : w = e[6];
-  const N = w;
+    skeletonize: $,
+    skeletonInRows: N
+  }, e[0] = t, e[1] = I, e[2] = S, e[3] = N, e[4] = $, e[5] = i, e[6] = w) : w = e[6];
+  const T = w;
   let l;
-  e[7] !== f || e[8] !== C || e[9] !== t || e[10] !== j || e[11] !== a || e[12] !== c || e[13] !== n || e[14] !== d || e[15] !== v || e[16] !== m || e[17] !== p || e[18] !== r || e[19] !== h || e[20] !== R || e[21] !== o || e[22] !== S || e[23] !== u || e[24] !== i ? (l = j ? /* @__PURE__ */ s.jsx("tr", { className: "trow trow-divider", children: i ? /* @__PURE__ */ s.jsx("th", { colSpan: a, className: `-divider -${c}`, style: n, children: d || "" }) : /* @__PURE__ */ s.jsx("td", { colSpan: a, className: `-divider -${c}`, style: n, children: d || "" }) }) : /* @__PURE__ */ s.jsx("tr", { onMouseEnter: h, onMouseLeave: R, className: `trow ${C} ${o && S === o ? "-selected" : ""}`, onClick: (M) => {
-    v && (o !== void 0 || o !== null) && v(o), m && m(M, t), r && r(M, t);
+  e[7] !== h || e[8] !== f || e[9] !== t || e[10] !== x || e[11] !== a || e[12] !== c || e[13] !== n || e[14] !== s || e[15] !== v || e[16] !== m || e[17] !== u || e[18] !== r || e[19] !== k || e[20] !== R || e[21] !== o || e[22] !== y || e[23] !== p || e[24] !== i ? (l = x ? /* @__PURE__ */ d("tr", { className: "trow trow-divider", children: i ? /* @__PURE__ */ d("th", { colSpan: a, className: `-divider -${c}`, style: n, children: s || "" }) : /* @__PURE__ */ d("td", { colSpan: a, className: `-divider -${c}`, style: n, children: s || "" }) }) : /* @__PURE__ */ d("tr", { onMouseEnter: k, onMouseLeave: R, className: `trow ${f} ${o && y === o ? "-selected" : ""}`, onClick: (j) => {
+    v && (o !== void 0 || o !== null) && v(o), m && m(j, t), r && r(j, t);
   }, id: o, style: {
-    ...u,
-    height: p
-  }, children: f }), e[7] = f, e[8] = C, e[9] = t, e[10] = j, e[11] = a, e[12] = c, e[13] = n, e[14] = d, e[15] = v, e[16] = m, e[17] = p, e[18] = r, e[19] = h, e[20] = R, e[21] = o, e[22] = S, e[23] = u, e[24] = i, e[25] = l) : l = e[25];
-  let x;
-  return e[26] !== N || e[27] !== l ? (x = /* @__PURE__ */ s.jsx(V.Provider, { value: N, children: l }), e[26] = N, e[27] = l, e[28] = x) : x = e[28], x;
+    ...p,
+    height: u
+  }, children: h }), e[7] = h, e[8] = f, e[9] = t, e[10] = x, e[11] = a, e[12] = c, e[13] = n, e[14] = s, e[15] = v, e[16] = m, e[17] = u, e[18] = r, e[19] = k, e[20] = R, e[21] = o, e[22] = y, e[23] = p, e[24] = i, e[25] = l) : l = e[25];
+  let C;
+  return e[26] !== T || e[27] !== l ? (C = /* @__PURE__ */ d(V.Provider, { value: T, children: l }), e[26] = T, e[27] = l, e[28] = C) : C = e[28], C;
 };
 export {
   G as default
 };
+//# sourceMappingURL=Row.js.map

package/lib/table/Row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Row.js","sources":["../../src/lib/table/Row.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport TableContext, { RowContext } from './helpers';\nimport { ITableRowProps } from './types';\n\nconst Row = (props: ITableRowProps) => {\n  const {\n    customClass,\n    children,\n    rowId,\n    dataId,\n    onClick,\n    height,\n    style,\n    onMouseEnter,\n    onMouseLeave,\n    rowBorder = true,\n    divider,\n    dividerTitle,\n    dividerStyle,\n    dividerColor = 'info',\n    dividerColSpan = 2,\n  } = props;\n  const {\n    selectedRowId, handleSelectRow, handleTableRowClick, handleTableColClick, vertical, skeletonize,\n    skeletonInRows = 10,\n  } = useContext(TableContext);\n  const contextValues = {\n    dataId, rowBorder, handleTableColClick, vertical, skeletonize, skeletonInRows,\n  };\n\n  return (\n    <RowContext.Provider value={contextValues}>\n      {\n        !divider\n          ? (\n            <tr\n              onMouseEnter={onMouseEnter}\n              onMouseLeave={onMouseLeave}\n              className={`trow ${customClass} ${rowId && selectedRowId === rowId ? '-selected' : ''}`}\n              onClick={(e) => {\n                if (handleSelectRow &&\n                (rowId !== undefined || rowId !== null)) handleSelectRow(rowId);\n                if (handleTableRowClick) handleTableRowClick(e, dataId);\n                if (onClick) onClick(e, dataId);\n              }}\n              id={rowId}\n              style={{ ...style, height }}>\n              {children}\n            </tr>\n            )\n          : (\n            <tr className=\"trow trow-divider\">\n              {vertical\n                ? (\n                  <th colSpan={dividerColSpan} className={`-divider -${dividerColor}`} style={dividerStyle}>\n                    {dividerTitle || ''}\n                  </th>\n                  )\n                : (\n                  <td colSpan={dividerColSpan} className={`-divider -${dividerColor}`} style={dividerStyle}>\n                    {dividerTitle || ''}\n                  </td>\n                  )}\n            </tr>\n            )\n      }\n    </RowContext.Provider>\n  );\n};\n\nexport default Row;\n"],"names":["Row","props","$","_c","customClass","children","rowId","dataId","onClick","height","style","onMouseEnter","onMouseLeave","rowBorder","t0","divider","dividerTitle","dividerStyle","dividerColor","t1","dividerColSpan","t2","undefined","selectedRowId","handleSelectRow","handleTableRowClick","handleTableColClick","vertical","skeletonize","skeletonInRows","t3","useContext","TableContext","t4","contextValues","t5","jsx","e","t6","RowContext"],"mappings":"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"}

package/lib/table/RowColumn.js

@@ -1,58 +1,59 @@
-import { j as y } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as S } from "../chunks/compiler-runtime.Cu50tn6L.js";
-import { useContext as B } from "react";
-import I from "../skeleton/index.js";
-import { RowContext as M } from "./helpers.js";
-function N(e, {
+import { jsx as y } from "react/jsx-runtime";
+import { c as I } from "react/compiler-runtime";
+import { useContext as M } from "react";
+import N from "../skeleton/index.js";
+import { RowContext as j } from "./helpers.js";
+function z(e, {
   ignoreTableColClick: t,
   handleTableColClick: c,
   onClick: n,
-  dataId: r
+  dataId: s
 }) {
   if (!t) {
     if (n)
-      return n(e, r);
+      return n(e, s);
     if (c)
-      return c(e, r);
+      return c(e, s);
   }
 }
-const z = {
+const A = {
   never: "hidden",
   onRowHover: "rowhover"
 }, G = (e) => {
-  const t = S.c(18), {
+  const t = I(18), {
     customClass: c,
     style: n,
-    displayContent: r,
-    textAlign: g,
-    visible: R,
+    displayContent: s,
+    textAlign: R,
+    visible: h,
     rowSpan: u,
-    colSpan: v,
-    children: m,
-    isMenuColumn: h
-  } = e, i = r === void 0 ? "always" : r, j = R === void 0 ? !0 : R, k = h === void 0 ? !1 : h, l = B(M), {
-    skeletonize: a,
+    colSpan: w,
+    children: a,
+    isMenuColumn: $
+  } = e, i = s === void 0 ? "always" : s, k = h === void 0 ? !0 : h, b = $ === void 0 ? !1 : $, l = M(j), {
+    skeletonize: m,
     vertical: d,
-    skeletonInRows: $
-  } = l, b = $ === void 0 ? 10 : $, w = i !== "always";
+    skeletonInRows: g
+  } = l, S = g === void 0 ? 10 : g, C = i !== "always";
   let f;
-  t[0] !== m || t[1] !== i || t[2] !== w || t[3] !== a || t[4] !== d ? (f = () => a && d ? /* @__PURE__ */ y.jsx(I, { height: 16, style: {
+  t[0] !== a || t[1] !== i || t[2] !== C || t[3] !== m || t[4] !== d ? (f = () => m && d ? /* @__PURE__ */ y(N, { height: 16, style: {
     marginBottom: 0
-  } }) : w && i ? /* @__PURE__ */ y.jsx("span", { className: z[i], children: m }) : m, t[0] = m, t[1] = i, t[2] = w, t[3] = a, t[4] = d, t[5] = f) : f = t[5];
+  } }) : C && i ? /* @__PURE__ */ y("span", { className: A[i], children: a }) : a, t[0] = a, t[1] = i, t[2] = C, t[3] = m, t[4] = d, t[5] = f) : f = t[5];
   const p = f;
-  if (!j || a && !b && !d)
+  if (!k || m && !S && !d)
     return null;
-  const C = `rowcolumn ${c} text-align-${g} ${!l.rowBorder && " -noborder"} ${u ? "" : " -norowspan"} ${k && "menu-column"}`;
+  const x = `rowcolumn ${c} text-align-${R} ${!l.rowBorder && " -noborder"} ${u ? "" : " -norowspan"} ${b && "menu-column"}`;
   let o;
-  t[6] !== l || t[7] !== e ? (o = (E) => N(E, {
+  t[6] !== l || t[7] !== e ? (o = (B) => z(B, {
     ...l,
     ...e
   }), t[6] = l, t[7] = e, t[8] = o) : o = t[8];
-  let s;
-  t[9] !== p ? (s = p(), t[9] = p, t[10] = s) : s = t[10];
-  let x;
-  return t[11] !== v || t[12] !== u || t[13] !== n || t[14] !== C || t[15] !== o || t[16] !== s ? (x = /* @__PURE__ */ y.jsx("td", { rowSpan: u, colSpan: v, className: C, style: n, onClick: o, role: "presentation", tabIndex: -1, children: s }), t[11] = v, t[12] = u, t[13] = n, t[14] = C, t[15] = o, t[16] = s, t[17] = x) : x = t[17], x;
+  let r;
+  t[9] !== p ? (r = p(), t[9] = p, t[10] = r) : r = t[10];
+  let v;
+  return t[11] !== w || t[12] !== u || t[13] !== n || t[14] !== x || t[15] !== o || t[16] !== r ? (v = /* @__PURE__ */ y("td", { rowSpan: u, colSpan: w, className: x, style: n, onClick: o, role: "presentation", tabIndex: -1, children: r }), t[11] = w, t[12] = u, t[13] = n, t[14] = x, t[15] = o, t[16] = r, t[17] = v) : v = t[17], v;
 };
 export {
   G as default
 };
+//# sourceMappingURL=RowColumn.js.map

package/lib/table/RowColumn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowColumn.js","sources":["../../src/lib/table/RowColumn.tsx"],"sourcesContent":["import React, { MouseEvent, useCallback, useContext } from 'react';\nimport Skeleton from '../skeleton';\nimport { RowContext } from './helpers';\nimport { ITableRowContext, ITableRowProps } from './types';\n\nfunction getColClickEvent(event: MouseEvent, {\n  ignoreTableColClick,\n  handleTableColClick,\n  onClick,\n  dataId,\n}: ITableRowProps) {\n  if (ignoreTableColClick) return undefined;\n  if (onClick) {\n    return onClick(event, dataId);\n  } else if (handleTableColClick) {\n    return handleTableColClick(event, dataId);\n  }\n  return undefined;\n}\n\nconst displayClass = { never: 'hidden', onRowHover: 'rowhover' };\n\nconst RowColumn = (props: ITableRowProps) => {\n  const {\n    customClass, style, displayContent = 'always', textAlign, visible = true, rowSpan, colSpan, children, isMenuColumn = false,\n  } = props;\n  const context = useContext(RowContext);\n  const { skeletonize, vertical, skeletonInRows = 10 }: ITableRowContext = context;\n  const hiddenContent = displayContent !== 'always';\n\n  const renderContent = useCallback(() => {\n    if (skeletonize && vertical) {\n      return <Skeleton height={16} style={{ marginBottom: 0 }} />;\n    }\n    return hiddenContent && displayContent\n      ? (\n        <span className={displayClass[displayContent]}>\n          {children}\n        </span>\n        )\n      : children;\n  }, [skeletonize, vertical, children, displayContent, hiddenContent, displayClass]);\n\n  if (!visible) return null;\n\n  if (skeletonize && !skeletonInRows && !vertical) return null;\n\n  return (\n    <td\n      rowSpan={rowSpan}\n      colSpan={colSpan}\n      className={`rowcolumn ${customClass} text-align-${textAlign} ${!context.rowBorder && ' -noborder'} ${!rowSpan ? ' -norowspan' : ''} ${isMenuColumn && 'menu-column'}`}\n      style={style}\n      onClick={e => getColClickEvent(e, { ...context, ...props })}\n      role=\"presentation\"\n      tabIndex={-1}>\n      {renderContent()}\n    </td>\n  );\n};\n\nexport default RowColumn;\n"],"names":["getColClickEvent","event","ignoreTableColClick","handleTableColClick","onClick","dataId","displayClass","never","onRowHover","RowColumn","props","$","_c","customClass","style","displayContent","t0","textAlign","visible","t1","rowSpan","colSpan","children","isMenuColumn","t2","undefined","context","useContext","RowContext","skeletonize","vertical","skeletonInRows","t3","hiddenContent","t4","jsx","Skeleton","marginBottom","renderContent","t5","rowBorder","t6","e","t7","t8"],"mappings":"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"}

package/lib/table/helpers.js

@@ -7,3 +7,4 @@ export {
   n as default,
   m as getArrayFromNumber
 };
+//# sourceMappingURL=helpers.js.map

package/lib/table/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sources":["../../src/lib/table/helpers.ts"],"sourcesContent":["import React from 'react';\nimport { ITableContext, ITableRowContext } from './types';\n\nconst TableContext = React.createContext({} as ITableContext);\nconst RowContext = React.createContext({} as ITableRowContext);\n\nconst getArrayFromNumber = (number: number) =>\n  Array.from({ length: number }, (_, i) => i + 1);\n\nexport default TableContext;\nexport { RowContext, getArrayFromNumber };\n"],"names":["TableContext","React","createContext","RowContext","getArrayFromNumber","number","Array","from","length","_","i"],"mappings":";AAGA,MAAMA,IAAeC,EAAMC,cAAc,CAAA,CAAmB,GACtDC,IAAaF,EAAMC,cAAc,CAAA,CAAsB,GAEvDE,IAAqBA,CAACC,MAC1BC,MAAMC,KAAK;AAAA,EAAEC,QAAQH;AAAO,GAAG,CAACI,GAAGC,MAAMA,IAAI,CAAC;"}