@evergis/uilib-gl 1.0.76 → 1.0.77
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.
- package/LICENSE +21 -21
- package/README.md +106 -106
- package/dist/atoms/Icon/types.d.ts +1 -0
- package/dist/organisms/Tree/helpers.d.ts +16 -0
- package/dist/organisms/Tree/index.d.ts +2 -0
- package/dist/organisms/Tree/styled.d.ts +8 -5
- package/dist/organisms/Tree/types.d.ts +29 -19
- package/dist/uilib-gl.esm.js +341 -103
- package/dist/uilib-gl.esm.js.map +1 -1
- package/package.json +126 -126
package/dist/uilib-gl.esm.js
CHANGED
|
@@ -11048,37 +11048,52 @@ const Icon = /*#__PURE__*/styled.span.attrs(props => ({
|
|
|
11048
11048
|
kind: "icon_undefined",
|
|
11049
11049
|
...props
|
|
11050
11050
|
}))`
|
|
11051
|
-
height:
|
|
11052
|
-
|
|
11051
|
+
height: ${_ref => {
|
|
11052
|
+
let {
|
|
11053
|
+
size = "1rem"
|
|
11054
|
+
} = _ref;
|
|
11055
|
+
return size;
|
|
11056
|
+
}};
|
|
11057
|
+
width: ${_ref2 => {
|
|
11058
|
+
let {
|
|
11059
|
+
size = "1rem"
|
|
11060
|
+
} = _ref2;
|
|
11061
|
+
return size;
|
|
11062
|
+
}};
|
|
11053
11063
|
line-height: 0.5rem;
|
|
11054
|
-
color: ${
|
|
11064
|
+
color: ${_ref3 => {
|
|
11055
11065
|
let {
|
|
11056
11066
|
theme: {
|
|
11057
11067
|
icon
|
|
11058
11068
|
},
|
|
11059
11069
|
...props
|
|
11060
|
-
} =
|
|
11070
|
+
} = _ref3;
|
|
11061
11071
|
return icon == null ? void 0 : icon.color[getIconColors(props)];
|
|
11062
11072
|
}};
|
|
11063
11073
|
|
|
11064
11074
|
&:after {
|
|
11065
|
-
content: ${
|
|
11075
|
+
content: ${_ref4 => {
|
|
11066
11076
|
let {
|
|
11067
11077
|
kind
|
|
11068
|
-
} =
|
|
11078
|
+
} = _ref4;
|
|
11069
11079
|
return kind && !!iconTypes[kind] && `"${iconTypes[kind]}"` || iconTypes.icon_undefined;
|
|
11070
11080
|
}};
|
|
11071
|
-
font: 300
|
|
11081
|
+
font: 300 ${_ref5 => {
|
|
11082
|
+
let {
|
|
11083
|
+
size = "1rem"
|
|
11084
|
+
} = _ref5;
|
|
11085
|
+
return size;
|
|
11086
|
+
}} "evergis-font";
|
|
11072
11087
|
}
|
|
11073
11088
|
|
|
11074
11089
|
&[disabled],
|
|
11075
11090
|
*[disabled] & {
|
|
11076
|
-
color: ${
|
|
11091
|
+
color: ${_ref6 => {
|
|
11077
11092
|
let {
|
|
11078
11093
|
theme: {
|
|
11079
11094
|
icon
|
|
11080
11095
|
}
|
|
11081
|
-
} =
|
|
11096
|
+
} = _ref6;
|
|
11082
11097
|
return icon == null ? void 0 : icon.disabledColor;
|
|
11083
11098
|
}};
|
|
11084
11099
|
}
|
|
@@ -11087,13 +11102,13 @@ const injectIcon = icon => css`
|
|
|
11087
11102
|
height: 1rem;
|
|
11088
11103
|
width: 1rem;
|
|
11089
11104
|
line-height: 0.5rem;
|
|
11090
|
-
color: ${
|
|
11105
|
+
color: ${_ref7 => {
|
|
11091
11106
|
let {
|
|
11092
11107
|
theme: {
|
|
11093
11108
|
icon
|
|
11094
11109
|
},
|
|
11095
11110
|
...props
|
|
11096
|
-
} =
|
|
11111
|
+
} = _ref7;
|
|
11097
11112
|
return icon == null ? void 0 : icon.color[getIconColors(props)];
|
|
11098
11113
|
}};
|
|
11099
11114
|
|
|
@@ -22501,7 +22516,7 @@ const useWindowResize = (callback, delay) => {
|
|
|
22501
22516
|
}, [debounceCallback]);
|
|
22502
22517
|
};
|
|
22503
22518
|
|
|
22504
|
-
if(typeof document!=="undefined")document.head.appendChild(document.createElement("style")).textContent="/*!\r\n * SlickGrid Alpine Theme\r\n * (c) 2009-2016 Michael Leibman\r\n * michael{dot}leibman{at}gmail{dot}com\r\n * original project: https://github.com/mleibman/slickgrid\r\n * project forked as: https://github.com/6pac/slickgrid\r\n *\r\n * Distributed under MIT license.\r\n * All rights reserved.\r\n */@keyframes fade{0%,to{background:none}50%{background:var(--alpine-row-highlight-fade-animation,1s linear)}}#myGrid,.slick-container{background-color:var(--alpine-grid-bgcolor,#fff);border-color:var(--alpine-border-color,#dae1e7);border-radius:var(--alpine-border-radius,0);border-style:solid;border-width:var(--alpine-border-width,1px);box-sizing:border-box;color:var(--alpine-font-color,#181d1f);font-family:var(--alpine-font-family,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif);font-size:var(--alpine-font-size,13px)}#myGrid.bottom-rounded,.slick-container.bottom-rounded{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}#myGrid .text-center,.slick-container .text-center{text-align:center}.slick-viewport{background-color:var(--alpine-bg-color,#fff)}.slick-viewport .grid-canvas{outline:0;position:relative}.slick-range-decorator{border:var(--alpine-range-border,3px solid #000);cursor:cell;z-index:9999}.slick-row.slick-state-active,.slick-row.ui-widget-content{border:0;position:absolute;width:100%}.slick-row.slick-state-active{background:var(--alpine-cell-selected-bg-color,#d4ebfd)}.slick-row .selected{background-color:var(--alpine-cell-selected-bg-color,#d4ebfd);color:var(--alpine-cell-selected-color,#181d1f);z-index:10}.slick-row.odd{background-color:var(--alpine-odd-row-color,#fbfbfb)}.slick-row:hover{background-color:var(--alpine-row-mouse-hover-color,#e8f4fe)}.slick-row.highlight-animate{animation:fade var(--alpine-row-highlight-fade-animation,1s linear);background:var(--alpine-row-highlight-background-color,#d9edfd)!important}.slick-groupby-remove{padding-right:10px}.slick-group{background-color:var(--alpine-header-bg-color,#f8f8f8);border-bottom:2px solid var(--alpine-border-color,#dae1e7)}.slick-group .slick-cell{padding-left:4px;padding-right:4px;text-align:left!important}.slick-group-toggle{background-color:currentColor;color:inherit;cursor:pointer;display:inline-block;font-size:18px;height:1em;margin-right:5px;opacity:var(--alpine-group-icon-opacity,.8);width:1em}.slick-group-toggle.expanded{--alpine-group-expanded-icon-svg:url('data:image/svg+xml;utf8,%3Csvg viewBox=\"0 0 24 24\" display=\"inline-block\" height=\"1em\" width=\"1em\" vertical-align=\"text-bottom\" xmlns=\"http://www.w3.org/2000/svg\" %3E%3Cpath fill=\"currentColor\" d=\"M19,19V5H5V19H19M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5C3,3.89 3.9,3 5,3H19M17,11V13H7V11H17Z\"/%3E%3C/svg%3E');-webkit-mask:var(--alpine-group-expanded-icon-svg) no-repeat;mask:var(--alpine-group-expanded-icon-svg) no-repeat;mask-size:100% 100%;-webkit-mask-size:100% 100%}.slick-group-toggle.collapsed{--alpine-group-collapsed-icon-svg:url('data:image/svg+xml;utf8,%3Csvg viewBox=\"0 0 24 24\" display=\"inline-block\" height=\"1em\" width=\"1em\" vertical-align=\"text-bottom\" xmlns=\"http://www.w3.org/2000/svg\" %3E%3Cpath fill=\"currentColor\" d=\"M19,19V5H5V19H19M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5C3,3.89 3.9,3 5,3H19M11,7H13V11H17V13H13V17H11V13H7V11H11V7Z\"/%3E%3C/svg%3E');-webkit-mask:var(--alpine-group-collapsed-icon-svg) no-repeat;mask:var(--alpine-group-collapsed-icon-svg) no-repeat;mask-size:100% 100%;-webkit-mask-size:100% 100%}.slick-group-totals{background:var(--alpine-bg-color,#fff);color:var(--alpine-font-color,#181d1f)}.slick-group-toggle-all{background-color:currentColor;color:inherit;cursor:pointer;display:inline-block;font-size:18px;height:1em;margin-right:5px;opacity:var(--alpine-group-icon-opacity,.8);width:1em}.slick-group-toggle-all.collapsed{--alpine-group-collapsed-icon-svg:url('data:image/svg+xml;utf8,%3Csvg viewBox=\"0 0 24 24\" display=\"inline-block\" height=\"1em\" width=\"1em\" vertical-align=\"text-bottom\" xmlns=\"http://www.w3.org/2000/svg\" %3E%3Cpath fill=\"currentColor\" d=\"M19,19V5H5V19H19M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5C3,3.89 3.9,3 5,3H19M11,7H13V11H17V13H13V17H11V13H7V11H11V7Z\"/%3E%3C/svg%3E');-webkit-mask:var(--alpine-group-collapsed-icon-svg) no-repeat;mask:var(--alpine-group-collapsed-icon-svg) no-repeat;mask-size:100% 100%;-webkit-mask-size:100% 100%}.slick-group-toggle-all.expanded{--alpine-group-expanded-icon-svg:url('data:image/svg+xml;utf8,%3Csvg viewBox=\"0 0 24 24\" display=\"inline-block\" height=\"1em\" width=\"1em\" vertical-align=\"text-bottom\" xmlns=\"http://www.w3.org/2000/svg\" %3E%3Cpath fill=\"currentColor\" d=\"M19,19V5H5V19H19M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5C3,3.89 3.9,3 5,3H19M17,11V13H7V11H17Z\"/%3E%3C/svg%3E');-webkit-mask:var(--alpine-group-expanded-icon-svg) no-repeat;mask:var(--alpine-group-expanded-icon-svg) no-repeat;mask-size:100% 100%;-webkit-mask-size:100% 100%}.slick-cell{align-items:var(--alpine-cell-align-items,center);border-color:var(--alpine-cell-border-color,#dae1e7);border-radius:var(--alpine-cell-border-radius,0);border-style:solid;border-width:var(--alpine-cell-border-width,0 0 1px 0);cursor:default;display:var(--alpine-cell-display,block);justify-content:var(--alpine-cell-justify-content,flex-start);margin:0;min-width:0;overflow:hidden;padding:var(--alpine-cell-padding,2px 4px);position:absolute;text-overflow:var(--alpine-cell-text-overflow,ellipsis);vertical-align:middle;white-space:nowrap;z-index:1}.slick-cell.selected{background-color:var(--alpine-cell-selected-bg-color,#d4ebfd);color:var(--alpine-cell-selected-color,#181d1f)}.slick-cell.selected span a{color:#fff}.slick-cell.active{box-shadow:var(--alpine-cell-active-box-shadow,inset 0 0 0 1px #5da6e3)}.slick-cell.highlighted{background:#87cefa;background:rgba(0,0,255,.2);transition:all .5s}.slick-cell.flashing{border:1px solid red}.slick-cell.editable{border-style:solid;overflow:visible;z-index:11}.slick-cell:focus{outline:none}.slick-selection{border:2px dashed #000;position:absolute;z-index:10}.slick-header{background-color:var(--alpine-header-bg-color,#f8f8f8);border-bottom:1px solid var(--alpine-border-color,#dae1e7);color:var(--alpine-header-color,#181d1f);font-weight:var(--alpine-header-font-weight,bold)}.slick-header.slick-state-default{border-left:0;overflow:hidden;width:100%}.grid-header{background-color:var(--alpine-header-bg-color,#f8f8f8);border-color:var(--alpine-top-header-border-color,#dae1e7);border-style:solid;border-width:var(--alpine-top-header-border-width,1px 1px 0 1px);box-sizing:border-box;font-family:var(--alpine-font-family,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif);font-size:var(--alpine-top-header-font-size,15px);font-weight:var(--alpine-top-header-font-weight,bold);height:35px;padding:var(--alpine-top-header-padding,8px 6px 0 8px)}.slick-resizable-handle{border:0;box-shadow:var(--alpine-header-resizable-handle-box-shadow,inset 0 0 0 1px #dde2eb);cursor:col-resize;display:block;font-size:.1px;height:var(--alpine-header-resizable-handle-height,50%);position:absolute;right:0;top:var(--alpine-header-resizable-handle-top,25%);width:2px}.slick-reorder-guide,.slick-reorder-proxy{background:blue;display:inline-block}.slick-reorder-proxy{cursor:move;filter:alpha(opacity=15);opacity:.15}.slick-reorder-guide{filter:alpha(opacity=70);height:2px;opacity:.7}.slick-preheader-panel .slick-header-column,.slick-topheader-panel .slick-header-column{border-color:var(--alpine-preheader-border-color,#dae1e7);border-style:solid;border-width:var(--alpine-preheader-border-width,0)}.slick-header-column-active .slick-header-menubutton,.slick-header-column:hover>.slick-header-menubutton{display:inline-block}.slick-header-column{align-items:var(--alpine-header-align-items,flex-start);border-color:var(--alpine-header-border-color,#dae1e7);border-style:solid;border-width:var(--alpine-header-border-width,0);display:var(--alpine-header-display,inline-flex);height:var(--alpine-header-column-height,calc(23px*var(--alpine-header-name-row-count, 1)));justify-content:var(--alpine-header-justify-content,flex-start);line-height:var(--alpine-header-column-line-height,23px);margin:0;overflow:hidden;padding:4px;position:relative;vertical-align:var(--alpine-header-vertical-align,top);white-space:pre-wrap}.slick-header-column .slick-header-menubutton{background-color:var(--alpine-header-bg-color,#f8f8f8);background-image:none;bottom:0;cursor:pointer;display:none;position:absolute;right:0;top:0;width:var(--alpine-header-menubutton-width,18px)}.slick-header-column .slick-header-menubutton .caret{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px dashed;display:inline-block;height:0;margin-left:4px;margin-top:7px;vertical-align:middle;width:0}.slick-header-column .slick-header-menubutton.filtered{color:var(--alpine-header-menubutton-filtered-color,#3490dc)}.slick-header-column .slick-sort-indicator,.slick-header-column .slick-sort-indicator-numbered{color:var(--alpine-sort-indicator-color,#3490dc);-webkit-user-select:none;-moz-user-select:none;user-select:none}.slick-header-column .slick-sort-indicator{background-image:none;border-left:4px solid transparent;border-right:4px solid transparent;display:inline-block;height:0;margin:var(--alpine-sort-indicator-margin,5px 0 0 3px);vertical-align:middle;width:0}.slick-header-column .slick-sort-indicator-asc{border-bottom:4px dashed}.slick-header-column .slick-sort-indicator-desc{border-top:4px dashed}.slick-header-column .slick-sort-indicator-numbered{font-size:var(--alpine-sort-numbered-font-size,10px)}.slick-header-column.unorderable{background-color:var(--alpine-header-unorderable-bg-color,#f0f0f0)}.slick-header-columns{cursor:default;margin:0;overflow:hidden;padding:0;position:relative;white-space:nowrap}.slick-header-columns .slick-state-hover{background:var(--alpine-header-name-hover-bg-color,hsla(0,0%,74%,.267))}.slick-column-name,.slick-sort-indicator{display:inline-block;-webkit-user-select:none;-moz-user-select:none;user-select:none}.slick-column-name{display:var(--alpine-header-name-display,block);flex-grow:var(--alpine-header-name-flex-grow,0);overflow:var(--alpine-header-name-overflow,hidden);text-overflow:var(--alpine-header-name-text-overflow,ellipsis);white-space:nowrap}.slick-footerrow,.slick-headerrow{background-color:var(--alpine-header-footer-bg-color,#fff);position:relative}.slick-footerrow.slick-state-default,.slick-headerrow.slick-state-default{border-left:0;overflow:hidden;width:100%}.slick-footerrow-columns,.slick-headerrow-columns{cursor:default;overflow:hidden;position:relative;white-space:nowrap}.slick-headerrow-columns{background-color:var(--alpine-headerrow-bg-color,#f8fafc);border-bottom:1px solid var(--alpine-border-color,#dae1e7);text-align:center}.slick-footerrow-column,.slick-headerrow-column{cursor:default;padding:4px;position:absolute;vertical-align:middle;white-space:nowrap;z-index:1}.slick-footerrow-column{border-color:var(--alpine-footerrow-border-color,#dae1e7);border-radius:var(--alpine-footerrow-border-radius,0);border-style:solid;border-width:var(--alpine-footerrow-border-width,1px 1px 1px 0);float:left;font-size:var(--alpine-footerrow-font-size,12px);line-height:20px;margin:0;overflow:ellipsis}.slick-headerrow-column{box-sizing:border-box;height:100%;overflow:hidden}.slick-headerrow-column input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;box-sizing:border-box;color:var(--alpine-font-color,#181d1f);height:100%;width:100%}.slick-header-menu{background:var(--alpine-header-bg-color,#f8f8f8);border:1px solid var(--alpine-border-color,#dae1e7);border-bottom-left-radius:var(--alpine-border-radius,0);border-bottom-right-radius:var(--alpine-border-radius,0);box-shadow:0 2px 4px 0 rgba(0,0,0,.1);color:var(--alpine-font-color,#181d1f);cursor:default;display:inline-block;font-family:var(--alpine-font-family,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif);font-size:var(--alpine-font-size,13px);margin:0;min-width:175px;padding:4px!important;position:absolute;z-index:100000}.slick-header-menu label{font-weight:400}.slick-header-menu button{border:1px solid transparent;border-radius:.25rem;box-sizing:border-box;cursor:pointer;display:inline-block;font-size:var(--alpine-font-size,13px);font-weight:400;line-height:1.428571429;margin:2px;outline:0;overflow:visible;padding:6px 14px;text-align:center;text-transform:none;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.slick-header-menu button,.slick-header-menu button:hover{background-color:transparent;color:var(--alpine-font-color,#181d1f)}.slick-header-menu button:hover{border-color:var(--alpine-border-color,#dae1e7)}.slick-header-menu button.active.focus,.slick-header-menu button.active:focus,.slick-header-menu button.active:hover,.slick-header-menu button:active.focus,.slick-header-menu button:active:focus,.slick-header-menu button:active:hover{background-color:transparent;border-color:var(--alpine-border-color,#dae1e7);color:var(--alpine-font-color,#181d1f)}.slick-header-menu input.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;color:var(--alpine-font-color,#181d1f);padding:.5rem .75rem;width:100%}.slick-header-menu .filter,.slick-header-menu input.input{border:1px solid var(--alpine-border-color,#dae1e7);border-radius:.25rem}.slick-header-menu .filter{background:var(--alpine-bg-color,#fff);height:200px;margin-bottom:5px;margin-top:5px;max-height:200px;max-width:300px;overflow:scroll;padding:4px;white-space:nowrap}.slick-header-menu .filter label{display:block;font-size:var(--alpine-font-size,13px)}.slick-header-menuitem-disabled{color:silver}.slick-header-menuitem{align-items:center;border:1px solid transparent;border-radius:.25rem;cursor:pointer;display:flex;justify-content:space-between;list-style:none;margin:0;padding:0}.slick-header-menuitem .slick-header-menuicon{background-position:50%;background-repeat:no-repeat;display:inline-block;height:16px;margin-right:4px;vertical-align:middle;width:16px}.slick-header-menuitem .slick-header-menuicon.sort-asc,.slick-header-menuitem .slick-header-menuicon.sort-desc{border-left:4px solid transparent;border-right:4px solid transparent;display:inline-block;height:0;margin-left:8px;margin-top:0;vertical-align:middle;width:0}.slick-header-menuitem .slick-header-menuicon.sort-asc{border-bottom:4px dashed}.slick-header-menuitem .slick-header-menuicon.sort-desc{border-top:4px dashed}.slick-header-menuitem .slick-header-menucontent{display:inline-block;flex-grow:1;font-size:var(--alpine-font-size,13px);margin:var(--alpine-menu-content-margin,2px 4px);vertical-align:middle}.slick-header-menuitem:hover{border-color:var(--alpine-border-color,#dae1e7)}.slick-pane{box-sizing:border-box;outline:0;overflow:hidden;position:absolute;width:100%}.slick-pane-header{display:block}.slick-pager{align-items:center;background-color:var(--alpine-pager-bg-color,#f8f8f8);border-color:var(--alpine-pager-border-color,#dae1e7);border-radius:var(--alpine-pager-border-radius,0);border-style:solid;border-width:var(--alpine-pager-border-width,0 1px 1px 1px);box-sizing:border-box;color:var(--alpine-font-color,#181d1f);display:inline-flex;font-family:var(--alpine-font-family,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif);font-size:var(--alpine-font-size,13px);height:var(--alpine-pager-height,40px);padding:4px;vertical-align:middle;width:100%}.slick-pager .sgi{cursor:pointer}.slick-pager .sgi.sgi-state-disabled,.slick-pager .slick-icon-state-disabled{cursor:var(--alpine-pager-button-cursor-disabled,default)}.slick-pager .slick-pager-nav{height:100%}.slick-pager .slick-pager-nav .slick-icon-container{margin:var(--alpine-pager-button-margin,0 2px)}.slick-pager .slick-pager-nav .sgi-container{align-items:center;display:inline-flex;height:100%}.slick-pager .slick-pager-settings,.slick-pager .slick-pager-status{display:inline-block;font-size:var(--alpine-font-size,13px);padding:var(--alpine-pager-padding,6px)}.slick-pager .slick-pager-settings{align-items:center;-moz-column-gap:1px;column-gap:1px;display:flex;float:right;margin-left:auto}.slick-pager .slick-pager-settings a{cursor:pointer;padding:0 2px 2px;text-decoration:underline}.percent-complete-bar{border-radius:3px;display:inline-block;height:6px}.slick-cell-menu,.slick-columnpicker,.slick-context-menu,.slick-gridmenu,.slick-header-menu{background-color:var(--alpine-menu-bg-color,#fbfbfb);border:var(--alpine-menu-border,1px solid #babfc7);border-radius:var(--alpine-menu-border-radius,2px);box-shadow:var(--alpine-menu-box-shadow,none);color:var(--alpine-menu-color,#181d1f);font-family:var(--alpine-font-family,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif);font-size:var(--alpine-font-size,13px)}.slick-cell-menu button.close,.slick-columnpicker button.close,.slick-context-menu button.close,.slick-gridmenu button.close,.slick-header-menu button.close{background:var(--alpine-menu-close-btn-background,transparent);border:var(--alpine-menu-close-btn-border,1px solid #babfc7);cursor:pointer}.slick-cell-menu,.slick-context-menu{box-sizing:content-box}.slick-cell.selected.editable{background-color:#fff;border-radius:var(--alpine-cell-editable-border-radius,3px)}.slick-cell.editable{box-shadow:var(--alpine-cell-editable-box-shadow,inset 0 0 0 2px #3490dc)}.slick-cell.hidden{display:none}input.editor-checkbox,input.editor-percentcomplete,input.editor-text{border:0;height:100%;margin:0;outline:0;padding:0}input.editor-percentcomplete,input.editor-text{width:100%}input.editor-text{background:#fff}input.editor-percentcomplete{background:transparent;float:left}.editor-percentcomplete-picker{cursor:pointer;display:inline-block;overflow:visible;position:relative;z-index:1000}.editor-percentcomplete-picker .editor-percentcomplete-picker-icon{background-color:currentColor;color:inherit;display:inline-block;font-size:18px;height:1em;width:1em;--alpine-percent-complete-picker-icon-svg:url('data:image/svg+xml;utf8,%3Csvg viewBox=\"0 0 24 24\" display=\"inline-block\" height=\"1em\" width=\"1em\" vertical-align=\"text-bottom\" xmlns=\"http://www.w3.org/2000/svg\" %3E%3Cpath fill=\"currentColor\" d=\"M14.06,9L15,9.94L5.92,19H5V18.08L14.06,9M17.66,3C17.41,3 17.15,3.1 16.96,3.29L15.13,5.12L18.88,8.87L20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18.17,3.09 17.92,3 17.66,3M14.06,6.19L3,17.25V21H6.75L17.81,9.94L14.06,6.19Z\"/%3E%3C/svg%3E');-webkit-mask:var(--alpine-percent-complete-picker-icon-svg) no-repeat;mask:var(--alpine-percent-complete-picker-icon-svg) no-repeat;mask-size:100% 100%;-webkit-mask-size:100% 100%}.editor-percentcomplete-picker:hover .editor-percentcomplete-helper{display:block}input[type=range].editor-percentcomplete-slider{background-color:#ccc;left:15px;position:absolute;top:125px;transform:rotate(270deg);transform-origin:left}.editor-percentcomplete-helper{display:none;height:140px;left:-9px;overflow:visible;padding-left:9px;position:absolute;top:-3px;width:120px}.editor-percentcomplete-wrapper{background:#f9f9f9;border:1px solid gray;height:98px;padding:20px 8px;position:relative;width:100%;width:120px}.editor-percentcomplete-buttons{float:right}.editor-percentcomplete-buttons button{margin-bottom:4px;width:80px}.editor-percentcomplete-slider{float:left}.editor-percentcomplete-helper:hover{display:block}select.editor-yesno{margin:0;vertical-align:middle;width:100%}.slick-composite-editor-modal,.slick-composite-editor-modal input,.slick-composite-editor-modal textarea{font-family:var(--alpine-font-family,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif)}.slick-large-editor-text{background:var(--alpine-large-editor-bg-color,#fff);border:var(--alpine-large-editor-border,2px solid #b0b0b0);border-radius:var(--alpine-large-editor-border-radius,8px);padding:5px;z-index:10000}.slick-large-editor-text button{margin-left:2px}.slick-large-editor-text button,.slick-large-editor-text textarea{color:var(--alpine-large-editor-color,#181d1f);font-family:var(--alpine-large-editor-font-family,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif);font-size:var(--alpine-large-editor-font-size,13px)}button.slick-btn{border:var(--alpine-button-border,1px solid #ccc);border-radius:var(--alpine-button-radius,2px);cursor:pointer;padding:var(--alpine-button-padding,2px 4px)}button.slick-btn.slick-btn-default{background-color:var(--alpine-button-bg-color,#fff)}button.slick-btn.slick-btn-default:hover{background-color:var(--alpine-button-default-hover-color,rgba(68,68,68,.1));border:var(--alpine-button-default-hover-border,1px solid #9c9c9c)}button.slick-btn.slick-btn-primary{background-color:var(--alpine-button-primary-bg-color,#fff);border-color:var(--alpine-button-primary-border-color,#2196f3);color:var(--alpine-button-primary-color,#2196f3)}button.slick-btn.slick-btn-primary:active{background-color:var(--alpine-button-primary-active-color,#2196f3)}button.slick-btn.slick-btn-primary:hover{background-color:var(--alpine-button-primary-hover-color,rgba(33,150,243,.1))}\r\n";
|
|
22519
|
+
if(typeof document!=="undefined")document.head.appendChild(document.createElement("style")).textContent="/*!\n * SlickGrid Alpine Theme\n * (c) 2009-2016 Michael Leibman\n * michael{dot}leibman{at}gmail{dot}com\n * original project: https://github.com/mleibman/slickgrid\n * project forked as: https://github.com/6pac/slickgrid\n *\n * Distributed under MIT license.\n * All rights reserved.\n */@keyframes fade{0%,to{background:none}50%{background:var(--alpine-row-highlight-fade-animation,1s linear)}}#myGrid,.slick-container{background-color:var(--alpine-grid-bgcolor,#fff);border-color:var(--alpine-border-color,#dae1e7);border-radius:var(--alpine-border-radius,0);border-style:solid;border-width:var(--alpine-border-width,1px);box-sizing:border-box;color:var(--alpine-font-color,#181d1f);font-family:var(--alpine-font-family,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif);font-size:var(--alpine-font-size,13px)}#myGrid.bottom-rounded,.slick-container.bottom-rounded{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}#myGrid .text-center,.slick-container .text-center{text-align:center}.slick-viewport{background-color:var(--alpine-bg-color,#fff)}.slick-viewport .grid-canvas{outline:0;position:relative}.slick-range-decorator{border:var(--alpine-range-border,3px solid #000);cursor:cell;z-index:9999}.slick-row.slick-state-active,.slick-row.ui-widget-content{border:0;position:absolute;width:100%}.slick-row.slick-state-active{background:var(--alpine-cell-selected-bg-color,#d4ebfd)}.slick-row .selected{background-color:var(--alpine-cell-selected-bg-color,#d4ebfd);color:var(--alpine-cell-selected-color,#181d1f);z-index:10}.slick-row.odd{background-color:var(--alpine-odd-row-color,#fbfbfb)}.slick-row:hover{background-color:var(--alpine-row-mouse-hover-color,#e8f4fe)}.slick-row.highlight-animate{animation:fade var(--alpine-row-highlight-fade-animation,1s linear);background:var(--alpine-row-highlight-background-color,#d9edfd)!important}.slick-groupby-remove{padding-right:10px}.slick-group{background-color:var(--alpine-header-bg-color,#f8f8f8);border-bottom:2px solid var(--alpine-border-color,#dae1e7)}.slick-group .slick-cell{padding-left:4px;padding-right:4px;text-align:left!important}.slick-group-toggle{background-color:currentColor;color:inherit;cursor:pointer;display:inline-block;font-size:18px;height:1em;margin-right:5px;opacity:var(--alpine-group-icon-opacity,.8);width:1em}.slick-group-toggle.expanded{--alpine-group-expanded-icon-svg:url('data:image/svg+xml;utf8,%3Csvg viewBox=\"0 0 24 24\" display=\"inline-block\" height=\"1em\" width=\"1em\" vertical-align=\"text-bottom\" xmlns=\"http://www.w3.org/2000/svg\" %3E%3Cpath fill=\"currentColor\" d=\"M19,19V5H5V19H19M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5C3,3.89 3.9,3 5,3H19M17,11V13H7V11H17Z\"/%3E%3C/svg%3E');-webkit-mask:var(--alpine-group-expanded-icon-svg) no-repeat;mask:var(--alpine-group-expanded-icon-svg) no-repeat;mask-size:100% 100%;-webkit-mask-size:100% 100%}.slick-group-toggle.collapsed{--alpine-group-collapsed-icon-svg:url('data:image/svg+xml;utf8,%3Csvg viewBox=\"0 0 24 24\" display=\"inline-block\" height=\"1em\" width=\"1em\" vertical-align=\"text-bottom\" xmlns=\"http://www.w3.org/2000/svg\" %3E%3Cpath fill=\"currentColor\" d=\"M19,19V5H5V19H19M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5C3,3.89 3.9,3 5,3H19M11,7H13V11H17V13H13V17H11V13H7V11H11V7Z\"/%3E%3C/svg%3E');-webkit-mask:var(--alpine-group-collapsed-icon-svg) no-repeat;mask:var(--alpine-group-collapsed-icon-svg) no-repeat;mask-size:100% 100%;-webkit-mask-size:100% 100%}.slick-group-totals{background:var(--alpine-bg-color,#fff);color:var(--alpine-font-color,#181d1f)}.slick-group-toggle-all{background-color:currentColor;color:inherit;cursor:pointer;display:inline-block;font-size:18px;height:1em;margin-right:5px;opacity:var(--alpine-group-icon-opacity,.8);width:1em}.slick-group-toggle-all.collapsed{--alpine-group-collapsed-icon-svg:url('data:image/svg+xml;utf8,%3Csvg viewBox=\"0 0 24 24\" display=\"inline-block\" height=\"1em\" width=\"1em\" vertical-align=\"text-bottom\" xmlns=\"http://www.w3.org/2000/svg\" %3E%3Cpath fill=\"currentColor\" d=\"M19,19V5H5V19H19M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5C3,3.89 3.9,3 5,3H19M11,7H13V11H17V13H13V17H11V13H7V11H11V7Z\"/%3E%3C/svg%3E');-webkit-mask:var(--alpine-group-collapsed-icon-svg) no-repeat;mask:var(--alpine-group-collapsed-icon-svg) no-repeat;mask-size:100% 100%;-webkit-mask-size:100% 100%}.slick-group-toggle-all.expanded{--alpine-group-expanded-icon-svg:url('data:image/svg+xml;utf8,%3Csvg viewBox=\"0 0 24 24\" display=\"inline-block\" height=\"1em\" width=\"1em\" vertical-align=\"text-bottom\" xmlns=\"http://www.w3.org/2000/svg\" %3E%3Cpath fill=\"currentColor\" d=\"M19,19V5H5V19H19M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5C3,3.89 3.9,3 5,3H19M17,11V13H7V11H17Z\"/%3E%3C/svg%3E');-webkit-mask:var(--alpine-group-expanded-icon-svg) no-repeat;mask:var(--alpine-group-expanded-icon-svg) no-repeat;mask-size:100% 100%;-webkit-mask-size:100% 100%}.slick-cell{align-items:var(--alpine-cell-align-items,center);border-color:var(--alpine-cell-border-color,#dae1e7);border-radius:var(--alpine-cell-border-radius,0);border-style:solid;border-width:var(--alpine-cell-border-width,0 0 1px 0);cursor:default;display:var(--alpine-cell-display,block);justify-content:var(--alpine-cell-justify-content,flex-start);margin:0;min-width:0;overflow:hidden;padding:var(--alpine-cell-padding,2px 4px);position:absolute;text-overflow:var(--alpine-cell-text-overflow,ellipsis);vertical-align:middle;white-space:nowrap;z-index:1}.slick-cell.selected{background-color:var(--alpine-cell-selected-bg-color,#d4ebfd);color:var(--alpine-cell-selected-color,#181d1f)}.slick-cell.selected span a{color:#fff}.slick-cell.active{box-shadow:var(--alpine-cell-active-box-shadow,inset 0 0 0 1px #5da6e3)}.slick-cell.highlighted{background:#87cefa;background:rgba(0,0,255,.2);transition:all .5s}.slick-cell.flashing{border:1px solid red}.slick-cell.editable{border-style:solid;overflow:visible;z-index:11}.slick-cell:focus{outline:none}.slick-selection{border:2px dashed #000;position:absolute;z-index:10}.slick-header{background-color:var(--alpine-header-bg-color,#f8f8f8);border-bottom:1px solid var(--alpine-border-color,#dae1e7);color:var(--alpine-header-color,#181d1f);font-weight:var(--alpine-header-font-weight,bold)}.slick-header.slick-state-default{border-left:0;overflow:hidden;width:100%}.grid-header{background-color:var(--alpine-header-bg-color,#f8f8f8);border-color:var(--alpine-top-header-border-color,#dae1e7);border-style:solid;border-width:var(--alpine-top-header-border-width,1px 1px 0 1px);box-sizing:border-box;font-family:var(--alpine-font-family,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif);font-size:var(--alpine-top-header-font-size,15px);font-weight:var(--alpine-top-header-font-weight,bold);height:35px;padding:var(--alpine-top-header-padding,8px 6px 0 8px)}.slick-resizable-handle{border:0;box-shadow:var(--alpine-header-resizable-handle-box-shadow,inset 0 0 0 1px #dde2eb);cursor:col-resize;display:block;font-size:.1px;height:var(--alpine-header-resizable-handle-height,50%);position:absolute;right:0;top:var(--alpine-header-resizable-handle-top,25%);width:2px}.slick-reorder-guide,.slick-reorder-proxy{background:blue;display:inline-block}.slick-reorder-proxy{cursor:move;filter:alpha(opacity=15);opacity:.15}.slick-reorder-guide{filter:alpha(opacity=70);height:2px;opacity:.7}.slick-preheader-panel .slick-header-column,.slick-topheader-panel .slick-header-column{border-color:var(--alpine-preheader-border-color,#dae1e7);border-style:solid;border-width:var(--alpine-preheader-border-width,0)}.slick-header-column-active .slick-header-menubutton,.slick-header-column:hover>.slick-header-menubutton{display:inline-block}.slick-header-column{align-items:var(--alpine-header-align-items,flex-start);border-color:var(--alpine-header-border-color,#dae1e7);border-style:solid;border-width:var(--alpine-header-border-width,0);display:var(--alpine-header-display,inline-flex);height:var(--alpine-header-column-height,calc(23px*var(--alpine-header-name-row-count, 1)));justify-content:var(--alpine-header-justify-content,flex-start);line-height:var(--alpine-header-column-line-height,23px);margin:0;overflow:hidden;padding:4px;position:relative;vertical-align:var(--alpine-header-vertical-align,top);white-space:pre-wrap}.slick-header-column .slick-header-menubutton{background-color:var(--alpine-header-bg-color,#f8f8f8);background-image:none;bottom:0;cursor:pointer;display:none;position:absolute;right:0;top:0;width:var(--alpine-header-menubutton-width,18px)}.slick-header-column .slick-header-menubutton .caret{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px dashed;display:inline-block;height:0;margin-left:4px;margin-top:7px;vertical-align:middle;width:0}.slick-header-column .slick-header-menubutton.filtered{color:var(--alpine-header-menubutton-filtered-color,#3490dc)}.slick-header-column .slick-sort-indicator,.slick-header-column .slick-sort-indicator-numbered{color:var(--alpine-sort-indicator-color,#3490dc);-webkit-user-select:none;-moz-user-select:none;user-select:none}.slick-header-column .slick-sort-indicator{background-image:none;border-left:4px solid transparent;border-right:4px solid transparent;display:inline-block;height:0;margin:var(--alpine-sort-indicator-margin,5px 0 0 3px);vertical-align:middle;width:0}.slick-header-column .slick-sort-indicator-asc{border-bottom:4px dashed}.slick-header-column .slick-sort-indicator-desc{border-top:4px dashed}.slick-header-column .slick-sort-indicator-numbered{font-size:var(--alpine-sort-numbered-font-size,10px)}.slick-header-column.unorderable{background-color:var(--alpine-header-unorderable-bg-color,#f0f0f0)}.slick-header-columns{cursor:default;margin:0;overflow:hidden;padding:0;position:relative;white-space:nowrap}.slick-header-columns .slick-state-hover{background:var(--alpine-header-name-hover-bg-color,hsla(0,0%,74%,.267))}.slick-column-name,.slick-sort-indicator{display:inline-block;-webkit-user-select:none;-moz-user-select:none;user-select:none}.slick-column-name{display:var(--alpine-header-name-display,block);flex-grow:var(--alpine-header-name-flex-grow,0);overflow:var(--alpine-header-name-overflow,hidden);text-overflow:var(--alpine-header-name-text-overflow,ellipsis);white-space:nowrap}.slick-footerrow,.slick-headerrow{background-color:var(--alpine-header-footer-bg-color,#fff);position:relative}.slick-footerrow.slick-state-default,.slick-headerrow.slick-state-default{border-left:0;overflow:hidden;width:100%}.slick-footerrow-columns,.slick-headerrow-columns{cursor:default;overflow:hidden;position:relative;white-space:nowrap}.slick-headerrow-columns{background-color:var(--alpine-headerrow-bg-color,#f8fafc);border-bottom:1px solid var(--alpine-border-color,#dae1e7);text-align:center}.slick-footerrow-column,.slick-headerrow-column{cursor:default;padding:4px;position:absolute;vertical-align:middle;white-space:nowrap;z-index:1}.slick-footerrow-column{border-color:var(--alpine-footerrow-border-color,#dae1e7);border-radius:var(--alpine-footerrow-border-radius,0);border-style:solid;border-width:var(--alpine-footerrow-border-width,1px 1px 1px 0);float:left;font-size:var(--alpine-footerrow-font-size,12px);line-height:20px;margin:0;overflow:ellipsis}.slick-headerrow-column{box-sizing:border-box;height:100%;overflow:hidden}.slick-headerrow-column input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;box-sizing:border-box;color:var(--alpine-font-color,#181d1f);height:100%;width:100%}.slick-header-menu{background:var(--alpine-header-bg-color,#f8f8f8);border:1px solid var(--alpine-border-color,#dae1e7);border-bottom-left-radius:var(--alpine-border-radius,0);border-bottom-right-radius:var(--alpine-border-radius,0);box-shadow:0 2px 4px 0 rgba(0,0,0,.1);color:var(--alpine-font-color,#181d1f);cursor:default;display:inline-block;font-family:var(--alpine-font-family,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif);font-size:var(--alpine-font-size,13px);margin:0;min-width:175px;padding:4px!important;position:absolute;z-index:100000}.slick-header-menu label{font-weight:400}.slick-header-menu button{border:1px solid transparent;border-radius:.25rem;box-sizing:border-box;cursor:pointer;display:inline-block;font-size:var(--alpine-font-size,13px);font-weight:400;line-height:1.428571429;margin:2px;outline:0;overflow:visible;padding:6px 14px;text-align:center;text-transform:none;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.slick-header-menu button,.slick-header-menu button:hover{background-color:transparent;color:var(--alpine-font-color,#181d1f)}.slick-header-menu button:hover{border-color:var(--alpine-border-color,#dae1e7)}.slick-header-menu button.active.focus,.slick-header-menu button.active:focus,.slick-header-menu button.active:hover,.slick-header-menu button:active.focus,.slick-header-menu button:active:focus,.slick-header-menu button:active:hover{background-color:transparent;border-color:var(--alpine-border-color,#dae1e7);color:var(--alpine-font-color,#181d1f)}.slick-header-menu input.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;color:var(--alpine-font-color,#181d1f);padding:.5rem .75rem;width:100%}.slick-header-menu .filter,.slick-header-menu input.input{border:1px solid var(--alpine-border-color,#dae1e7);border-radius:.25rem}.slick-header-menu .filter{background:var(--alpine-bg-color,#fff);height:200px;margin-bottom:5px;margin-top:5px;max-height:200px;max-width:300px;overflow:scroll;padding:4px;white-space:nowrap}.slick-header-menu .filter label{display:block;font-size:var(--alpine-font-size,13px)}.slick-header-menuitem-disabled{color:silver}.slick-header-menuitem{align-items:center;border:1px solid transparent;border-radius:.25rem;cursor:pointer;display:flex;justify-content:space-between;list-style:none;margin:0;padding:0}.slick-header-menuitem .slick-header-menuicon{background-position:50%;background-repeat:no-repeat;display:inline-block;height:16px;margin-right:4px;vertical-align:middle;width:16px}.slick-header-menuitem .slick-header-menuicon.sort-asc,.slick-header-menuitem .slick-header-menuicon.sort-desc{border-left:4px solid transparent;border-right:4px solid transparent;display:inline-block;height:0;margin-left:8px;margin-top:0;vertical-align:middle;width:0}.slick-header-menuitem .slick-header-menuicon.sort-asc{border-bottom:4px dashed}.slick-header-menuitem .slick-header-menuicon.sort-desc{border-top:4px dashed}.slick-header-menuitem .slick-header-menucontent{display:inline-block;flex-grow:1;font-size:var(--alpine-font-size,13px);margin:var(--alpine-menu-content-margin,2px 4px);vertical-align:middle}.slick-header-menuitem:hover{border-color:var(--alpine-border-color,#dae1e7)}.slick-pane{box-sizing:border-box;outline:0;overflow:hidden;position:absolute;width:100%}.slick-pane-header{display:block}.slick-pager{align-items:center;background-color:var(--alpine-pager-bg-color,#f8f8f8);border-color:var(--alpine-pager-border-color,#dae1e7);border-radius:var(--alpine-pager-border-radius,0);border-style:solid;border-width:var(--alpine-pager-border-width,0 1px 1px 1px);box-sizing:border-box;color:var(--alpine-font-color,#181d1f);display:inline-flex;font-family:var(--alpine-font-family,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif);font-size:var(--alpine-font-size,13px);height:var(--alpine-pager-height,40px);padding:4px;vertical-align:middle;width:100%}.slick-pager .sgi{cursor:pointer}.slick-pager .sgi.sgi-state-disabled,.slick-pager .slick-icon-state-disabled{cursor:var(--alpine-pager-button-cursor-disabled,default)}.slick-pager .slick-pager-nav{height:100%}.slick-pager .slick-pager-nav .slick-icon-container{margin:var(--alpine-pager-button-margin,0 2px)}.slick-pager .slick-pager-nav .sgi-container{align-items:center;display:inline-flex;height:100%}.slick-pager .slick-pager-settings,.slick-pager .slick-pager-status{display:inline-block;font-size:var(--alpine-font-size,13px);padding:var(--alpine-pager-padding,6px)}.slick-pager .slick-pager-settings{align-items:center;-moz-column-gap:1px;column-gap:1px;display:flex;float:right;margin-left:auto}.slick-pager .slick-pager-settings a{cursor:pointer;padding:0 2px 2px;text-decoration:underline}.percent-complete-bar{border-radius:3px;display:inline-block;height:6px}.slick-cell-menu,.slick-columnpicker,.slick-context-menu,.slick-gridmenu,.slick-header-menu{background-color:var(--alpine-menu-bg-color,#fbfbfb);border:var(--alpine-menu-border,1px solid #babfc7);border-radius:var(--alpine-menu-border-radius,2px);box-shadow:var(--alpine-menu-box-shadow,none);color:var(--alpine-menu-color,#181d1f);font-family:var(--alpine-font-family,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif);font-size:var(--alpine-font-size,13px)}.slick-cell-menu button.close,.slick-columnpicker button.close,.slick-context-menu button.close,.slick-gridmenu button.close,.slick-header-menu button.close{background:var(--alpine-menu-close-btn-background,transparent);border:var(--alpine-menu-close-btn-border,1px solid #babfc7);cursor:pointer}.slick-cell-menu,.slick-context-menu{box-sizing:content-box}.slick-cell.selected.editable{background-color:#fff;border-radius:var(--alpine-cell-editable-border-radius,3px)}.slick-cell.editable{box-shadow:var(--alpine-cell-editable-box-shadow,inset 0 0 0 2px #3490dc)}.slick-cell.hidden{display:none}input.editor-checkbox,input.editor-percentcomplete,input.editor-text{border:0;height:100%;margin:0;outline:0;padding:0}input.editor-percentcomplete,input.editor-text{width:100%}input.editor-text{background:#fff}input.editor-percentcomplete{background:transparent;float:left}.editor-percentcomplete-picker{cursor:pointer;display:inline-block;overflow:visible;position:relative;z-index:1000}.editor-percentcomplete-picker .editor-percentcomplete-picker-icon{background-color:currentColor;color:inherit;display:inline-block;font-size:18px;height:1em;width:1em;--alpine-percent-complete-picker-icon-svg:url('data:image/svg+xml;utf8,%3Csvg viewBox=\"0 0 24 24\" display=\"inline-block\" height=\"1em\" width=\"1em\" vertical-align=\"text-bottom\" xmlns=\"http://www.w3.org/2000/svg\" %3E%3Cpath fill=\"currentColor\" d=\"M14.06,9L15,9.94L5.92,19H5V18.08L14.06,9M17.66,3C17.41,3 17.15,3.1 16.96,3.29L15.13,5.12L18.88,8.87L20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18.17,3.09 17.92,3 17.66,3M14.06,6.19L3,17.25V21H6.75L17.81,9.94L14.06,6.19Z\"/%3E%3C/svg%3E');-webkit-mask:var(--alpine-percent-complete-picker-icon-svg) no-repeat;mask:var(--alpine-percent-complete-picker-icon-svg) no-repeat;mask-size:100% 100%;-webkit-mask-size:100% 100%}.editor-percentcomplete-picker:hover .editor-percentcomplete-helper{display:block}input[type=range].editor-percentcomplete-slider{background-color:#ccc;left:15px;position:absolute;top:125px;transform:rotate(270deg);transform-origin:left}.editor-percentcomplete-helper{display:none;height:140px;left:-9px;overflow:visible;padding-left:9px;position:absolute;top:-3px;width:120px}.editor-percentcomplete-wrapper{background:#f9f9f9;border:1px solid gray;height:98px;padding:20px 8px;position:relative;width:100%;width:120px}.editor-percentcomplete-buttons{float:right}.editor-percentcomplete-buttons button{margin-bottom:4px;width:80px}.editor-percentcomplete-slider{float:left}.editor-percentcomplete-helper:hover{display:block}select.editor-yesno{margin:0;vertical-align:middle;width:100%}.slick-composite-editor-modal,.slick-composite-editor-modal input,.slick-composite-editor-modal textarea{font-family:var(--alpine-font-family,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif)}.slick-large-editor-text{background:var(--alpine-large-editor-bg-color,#fff);border:var(--alpine-large-editor-border,2px solid #b0b0b0);border-radius:var(--alpine-large-editor-border-radius,8px);padding:5px;z-index:10000}.slick-large-editor-text button{margin-left:2px}.slick-large-editor-text button,.slick-large-editor-text textarea{color:var(--alpine-large-editor-color,#181d1f);font-family:var(--alpine-large-editor-font-family,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif);font-size:var(--alpine-large-editor-font-size,13px)}button.slick-btn{border:var(--alpine-button-border,1px solid #ccc);border-radius:var(--alpine-button-radius,2px);cursor:pointer;padding:var(--alpine-button-padding,2px 4px)}button.slick-btn.slick-btn-default{background-color:var(--alpine-button-bg-color,#fff)}button.slick-btn.slick-btn-default:hover{background-color:var(--alpine-button-default-hover-color,rgba(68,68,68,.1));border:var(--alpine-button-default-hover-border,1px solid #9c9c9c)}button.slick-btn.slick-btn-primary{background-color:var(--alpine-button-primary-bg-color,#fff);border-color:var(--alpine-button-primary-border-color,#2196f3);color:var(--alpine-button-primary-color,#2196f3)}button.slick-btn.slick-btn-primary:active{background-color:var(--alpine-button-primary-active-color,#2196f3)}button.slick-btn.slick-btn-primary:hover{background-color:var(--alpine-button-primary-hover-color,rgba(33,150,243,.1))}\n";
|
|
22505
22520
|
|
|
22506
22521
|
const DataGrid = _ref => {
|
|
22507
22522
|
let {
|
|
@@ -28373,41 +28388,48 @@ const TreeItems = styled.ul`
|
|
|
28373
28388
|
} = _ref;
|
|
28374
28389
|
return isExpanded ? "auto" : 0;
|
|
28375
28390
|
}};
|
|
28376
|
-
margin: 0 0 0
|
|
28391
|
+
margin: 0 0 0 0.5rem;
|
|
28377
28392
|
padding: 0;
|
|
28378
28393
|
list-style: none;
|
|
28379
28394
|
overflow: hidden;
|
|
28395
|
+
transition: max-height ${transition.hover};
|
|
28380
28396
|
`;
|
|
28381
|
-
const
|
|
28382
|
-
margin-top: 1rem;
|
|
28383
|
-
`;
|
|
28397
|
+
const TreeItemWrapper = styled.li``;
|
|
28384
28398
|
const TreeRow = /*#__PURE__*/styled(Flex)`
|
|
28385
|
-
cursor: ${_ref2 => {
|
|
28386
|
-
let {
|
|
28387
|
-
hasChildren
|
|
28388
|
-
} = _ref2;
|
|
28389
|
-
return hasChildren ? "pointer" : "default";
|
|
28390
|
-
}};
|
|
28391
28399
|
align-items: center;
|
|
28392
|
-
|
|
28393
|
-
${
|
|
28400
|
+
min-height: 1.5rem;
|
|
28401
|
+
${_ref2 => {
|
|
28394
28402
|
let {
|
|
28395
28403
|
theme: {
|
|
28396
28404
|
palette
|
|
28397
28405
|
},
|
|
28398
28406
|
disabled
|
|
28399
|
-
} =
|
|
28407
|
+
} = _ref2;
|
|
28400
28408
|
return disabled && `color: ${palette.textDisabled}`;
|
|
28401
28409
|
}};
|
|
28402
28410
|
|
|
28411
|
+
cursor: pointer;
|
|
28412
|
+
|
|
28413
|
+
&:hover {
|
|
28414
|
+
border-radius: 0.25rem;
|
|
28415
|
+
background-color: ${_ref3 => {
|
|
28416
|
+
let {
|
|
28417
|
+
theme
|
|
28418
|
+
} = _ref3;
|
|
28419
|
+
return theme.palette.elementDeep;
|
|
28420
|
+
}};
|
|
28421
|
+
}
|
|
28422
|
+
|
|
28403
28423
|
${Icon} {
|
|
28404
|
-
|
|
28424
|
+
width: 0.875rem;
|
|
28425
|
+
height: 0.875rem;
|
|
28426
|
+
|
|
28427
|
+
&:after {
|
|
28428
|
+
font-size: 0.875rem;
|
|
28429
|
+
}
|
|
28405
28430
|
}
|
|
28406
28431
|
`;
|
|
28407
|
-
const
|
|
28408
|
-
kind: "expand",
|
|
28409
|
-
...props
|
|
28410
|
-
}))`
|
|
28432
|
+
const TreeExpand = /*#__PURE__*/styled(Icon)`
|
|
28411
28433
|
visibility: ${_ref4 => {
|
|
28412
28434
|
let {
|
|
28413
28435
|
hasChildren
|
|
@@ -28418,53 +28440,162 @@ const ExpandButton = /*#__PURE__*/styled(Icon).attrs(props => ({
|
|
|
28418
28440
|
let {
|
|
28419
28441
|
isExpanded
|
|
28420
28442
|
} = _ref5;
|
|
28421
|
-
return isExpanded ? "
|
|
28443
|
+
return isExpanded ? "" : "rotate(-90deg)";
|
|
28422
28444
|
}};
|
|
28423
28445
|
transition: transform ${transition.press};
|
|
28446
|
+
width: 0.875rem;
|
|
28447
|
+
height: 0.875rem;
|
|
28448
|
+
margin-top: -0.125rem;
|
|
28449
|
+
margin-right: 0.5rem;
|
|
28450
|
+
cursor: pointer;
|
|
28451
|
+
|
|
28452
|
+
&:after {
|
|
28453
|
+
font-size: 0.875rem;
|
|
28454
|
+
}
|
|
28424
28455
|
`;
|
|
28425
28456
|
const TreeContent = /*#__PURE__*/styled(Flex)`
|
|
28426
28457
|
align-items: center;
|
|
28427
|
-
|
|
28428
|
-
const ItemIcon = /*#__PURE__*/styled(Icon)`
|
|
28429
|
-
margin-left: 0.25rem;
|
|
28458
|
+
gap: 0 0.25rem;
|
|
28430
28459
|
`;
|
|
28431
28460
|
const TreeText = styled.div`
|
|
28432
|
-
|
|
28461
|
+
font-size: 0.75rem;
|
|
28462
|
+
font-weight: ${_ref6 => {
|
|
28463
|
+
let {
|
|
28464
|
+
isLeaf
|
|
28465
|
+
} = _ref6;
|
|
28466
|
+
return isLeaf ? "600" : "normal";
|
|
28467
|
+
}};
|
|
28468
|
+
${textOverflowEllipsisMixin}
|
|
28433
28469
|
`;
|
|
28434
28470
|
const TreeDescription = styled.div`
|
|
28435
28471
|
margin-top: 2px;
|
|
28436
|
-
margin-left: ${
|
|
28472
|
+
margin-left: ${_ref7 => {
|
|
28437
28473
|
let {
|
|
28438
28474
|
isFolder
|
|
28439
|
-
} =
|
|
28475
|
+
} = _ref7;
|
|
28440
28476
|
return isFolder ? "5.4" : "3.4";
|
|
28441
28477
|
}}rem;
|
|
28442
|
-
|
|
28443
|
-
|
|
28478
|
+
color: ${_ref8 => {
|
|
28479
|
+
let {
|
|
28480
|
+
theme: {
|
|
28481
|
+
palette
|
|
28482
|
+
}
|
|
28483
|
+
} = _ref8;
|
|
28484
|
+
return palette.textSecondary;
|
|
28485
|
+
}};
|
|
28486
|
+
font-size: 0.75rem;
|
|
28444
28487
|
font-weight: 400;
|
|
28445
28488
|
width: 100%;
|
|
28489
|
+
|
|
28490
|
+
${textOverflowEllipsisMixin}
|
|
28491
|
+
`;
|
|
28492
|
+
const LoadMoreButton = styled.button`
|
|
28493
|
+
margin-top: 0.5rem;
|
|
28494
|
+
margin-left: 3.4rem;
|
|
28495
|
+
padding: 0.5rem 1rem;
|
|
28496
|
+
background: transparent;
|
|
28497
|
+
border: 1px solid ${_ref9 => {
|
|
28498
|
+
let {
|
|
28499
|
+
theme: {
|
|
28500
|
+
palette
|
|
28501
|
+
}
|
|
28502
|
+
} = _ref9;
|
|
28503
|
+
return palette.element;
|
|
28504
|
+
}};
|
|
28505
|
+
border-radius: ${_ref10 => {
|
|
28506
|
+
let {
|
|
28507
|
+
theme: {
|
|
28508
|
+
borderRadius
|
|
28509
|
+
}
|
|
28510
|
+
} = _ref10;
|
|
28511
|
+
return borderRadius.small;
|
|
28512
|
+
}};
|
|
28513
|
+
color: ${_ref11 => {
|
|
28514
|
+
let {
|
|
28515
|
+
theme: {
|
|
28516
|
+
palette
|
|
28517
|
+
}
|
|
28518
|
+
} = _ref11;
|
|
28519
|
+
return palette.textSecondary;
|
|
28520
|
+
}};
|
|
28521
|
+
font-size: 14px;
|
|
28522
|
+
cursor: pointer;
|
|
28523
|
+
transition: all ${transition.hover};
|
|
28524
|
+
|
|
28525
|
+
&:hover {
|
|
28526
|
+
background-color: ${_ref12 => {
|
|
28527
|
+
let {
|
|
28528
|
+
theme: {
|
|
28529
|
+
palette
|
|
28530
|
+
}
|
|
28531
|
+
} = _ref12;
|
|
28532
|
+
return palette.element;
|
|
28533
|
+
}};
|
|
28534
|
+
border-color: ${_ref13 => {
|
|
28535
|
+
let {
|
|
28536
|
+
theme: {
|
|
28537
|
+
palette
|
|
28538
|
+
}
|
|
28539
|
+
} = _ref13;
|
|
28540
|
+
return palette.primary;
|
|
28541
|
+
}};
|
|
28542
|
+
}
|
|
28543
|
+
|
|
28544
|
+
&:active {
|
|
28545
|
+
background-color: ${_ref14 => {
|
|
28546
|
+
let {
|
|
28547
|
+
theme: {
|
|
28548
|
+
palette
|
|
28549
|
+
}
|
|
28550
|
+
} = _ref14;
|
|
28551
|
+
return palette.element;
|
|
28552
|
+
}};
|
|
28553
|
+
}
|
|
28554
|
+
|
|
28555
|
+
&:disabled {
|
|
28556
|
+
opacity: 0.5;
|
|
28557
|
+
cursor: not-allowed;
|
|
28558
|
+
}
|
|
28559
|
+
`;
|
|
28560
|
+
const LoadingContainer = /*#__PURE__*/styled(Flex)`
|
|
28561
|
+
margin-left: 3.4rem;
|
|
28562
|
+
margin-top: 0.5rem;
|
|
28563
|
+
align-items: center;
|
|
28564
|
+
gap: 0.5rem;
|
|
28565
|
+
color: ${_ref15 => {
|
|
28566
|
+
let {
|
|
28567
|
+
theme: {
|
|
28568
|
+
palette
|
|
28569
|
+
}
|
|
28570
|
+
} = _ref15;
|
|
28571
|
+
return palette.textSecondary;
|
|
28572
|
+
}};
|
|
28573
|
+
font-size: 14px;
|
|
28446
28574
|
`;
|
|
28447
28575
|
|
|
28448
|
-
const
|
|
28576
|
+
const TreeItemComponent = _ref => {
|
|
28449
28577
|
let {
|
|
28450
28578
|
item,
|
|
28451
|
-
|
|
28452
|
-
|
|
28579
|
+
parentItem,
|
|
28580
|
+
isExpanded,
|
|
28453
28581
|
isIndeterminate,
|
|
28454
28582
|
isSelected,
|
|
28455
28583
|
isDisabled,
|
|
28456
|
-
chipValue,
|
|
28457
28584
|
selectable,
|
|
28458
|
-
expandIcon,
|
|
28459
|
-
collapseIcon,
|
|
28460
|
-
childIcon,
|
|
28461
28585
|
renderTree,
|
|
28462
|
-
|
|
28463
|
-
|
|
28586
|
+
loadMoreText = "Загрузить еще",
|
|
28587
|
+
withLoadMore,
|
|
28588
|
+
onLoadMore,
|
|
28589
|
+
onExpand,
|
|
28590
|
+
onSelect,
|
|
28591
|
+
onItemClick
|
|
28464
28592
|
} = _ref;
|
|
28465
28593
|
const {
|
|
28466
28594
|
id,
|
|
28467
28595
|
text,
|
|
28596
|
+
isLeaf,
|
|
28597
|
+
loading,
|
|
28598
|
+
totalCount = 0,
|
|
28468
28599
|
icon,
|
|
28469
28600
|
children,
|
|
28470
28601
|
description,
|
|
@@ -28473,57 +28604,129 @@ const TreeItem$1 = _ref => {
|
|
|
28473
28604
|
className,
|
|
28474
28605
|
selectable: itemSelectable = true,
|
|
28475
28606
|
withTooltip,
|
|
28476
|
-
onClick
|
|
28607
|
+
onClick
|
|
28477
28608
|
} = item;
|
|
28478
|
-
|
|
28609
|
+
const hasChildren = (children == null ? void 0 : children.length) > 0 || isLeaf;
|
|
28610
|
+
const onExpandClick = useCallback(event => {
|
|
28611
|
+
event.stopPropagation();
|
|
28612
|
+
onExpand(item, !isExpanded);
|
|
28613
|
+
}, [id, onExpand, isExpanded]);
|
|
28614
|
+
useEffect(() => {
|
|
28615
|
+
if (isExpanded) {
|
|
28616
|
+
// Notify on mount for partial load
|
|
28617
|
+
onExpand(item, true, true);
|
|
28618
|
+
}
|
|
28619
|
+
}, []);
|
|
28620
|
+
return React.createElement(TreeItemWrapper, {
|
|
28479
28621
|
className: className
|
|
28480
28622
|
}, React.createElement(TreeRow, {
|
|
28481
|
-
onClick: onItemClick,
|
|
28623
|
+
onClick: () => onClick ? onClick() : onItemClick == null ? void 0 : onItemClick(item),
|
|
28482
28624
|
disabled: isDisabled,
|
|
28483
28625
|
hasChildren: hasChildren
|
|
28484
|
-
}, React.createElement(
|
|
28485
|
-
|
|
28626
|
+
}, React.createElement(TreeExpand, {
|
|
28627
|
+
kind: "expand",
|
|
28628
|
+
isExpanded: isExpanded,
|
|
28486
28629
|
hasChildren: hasChildren,
|
|
28487
28630
|
disabled: isDisabled,
|
|
28488
|
-
onClick:
|
|
28631
|
+
onClick: onExpandClick
|
|
28489
28632
|
}), selectable && itemSelectable && React.createElement(Checkbox, {
|
|
28490
|
-
onChange: () =>
|
|
28633
|
+
onChange: () => onSelect == null ? void 0 : onSelect(item),
|
|
28491
28634
|
checked: isSelected,
|
|
28492
28635
|
indeterminate: isIndeterminate,
|
|
28493
28636
|
disabled: isDisabled
|
|
28494
28637
|
}), React.createElement(TreeContent, {
|
|
28495
|
-
onClick: () =>
|
|
28496
|
-
}, (
|
|
28497
|
-
kind:
|
|
28498
|
-
}), customIcon &&
|
|
28638
|
+
onClick: () => onExpand(item, !isExpanded)
|
|
28639
|
+
}, (icon || isLeaf) && !customIcon && React.createElement(Icon, {
|
|
28640
|
+
kind: icon ? icon : "folder_outline"
|
|
28641
|
+
}), customIcon && customIcon, !withTooltip && React.createElement(TreeText, {
|
|
28642
|
+
isLeaf: isLeaf
|
|
28643
|
+
}, text), withTooltip && React.createElement(Tooltip, {
|
|
28499
28644
|
arrow: true,
|
|
28500
28645
|
content: text
|
|
28501
28646
|
}, ref => React.createElement(TreeText, {
|
|
28647
|
+
isLeaf: isLeaf,
|
|
28502
28648
|
ref: ref
|
|
28503
|
-
}, text)),
|
|
28504
|
-
text: chipValue,
|
|
28505
|
-
disabled: isDisabled
|
|
28506
|
-
}), additionalInfo), description && React.createElement(TreeDescription, {
|
|
28649
|
+
}, text)), additionalInfo), description && React.createElement(TreeDescription, {
|
|
28507
28650
|
isFolder: hasChildren
|
|
28508
|
-
}, description)), renderTree(children,
|
|
28651
|
+
}, description)), renderTree(children, isExpanded, parentItem), loading && isExpanded && React.createElement(LoadingContainer, null, React.createElement(CircularProgress, {
|
|
28652
|
+
diameter: 1
|
|
28653
|
+
})), withLoadMore && isExpanded && !!totalCount && (children == null ? void 0 : children.length) < totalCount && React.createElement(LoadMoreButton, {
|
|
28654
|
+
disabled: loading,
|
|
28655
|
+
onClick: () => onLoadMore == null ? void 0 : onLoadMore(item)
|
|
28656
|
+
}, loadMoreText));
|
|
28657
|
+
};
|
|
28658
|
+
|
|
28659
|
+
const TreeItem = /*#__PURE__*/memo(TreeItemComponent);
|
|
28660
|
+
|
|
28661
|
+
/**
|
|
28662
|
+
* Рекурсивно находит элемент дерева по id
|
|
28663
|
+
* @param items - массив элементов дерева
|
|
28664
|
+
* @param id - id искомого элемента
|
|
28665
|
+
* @returns найденный элемент или undefined, если элемент не найден
|
|
28666
|
+
*/
|
|
28667
|
+
const findTreeItemById = (items, id) => {
|
|
28668
|
+
for (const item of items) {
|
|
28669
|
+
var _item$children;
|
|
28670
|
+
|
|
28671
|
+
if (item.id === id) {
|
|
28672
|
+
return item;
|
|
28673
|
+
}
|
|
28674
|
+
|
|
28675
|
+
if ((_item$children = item.children) != null && _item$children.length) {
|
|
28676
|
+
const found = findTreeItemById(item.children, id);
|
|
28677
|
+
|
|
28678
|
+
if (found) {
|
|
28679
|
+
return found;
|
|
28680
|
+
}
|
|
28681
|
+
}
|
|
28682
|
+
}
|
|
28683
|
+
|
|
28684
|
+
return undefined;
|
|
28685
|
+
};
|
|
28686
|
+
/**
|
|
28687
|
+
* Рекурсивно заменяет элемент дерева по id
|
|
28688
|
+
* @param items - массив элементов дерева
|
|
28689
|
+
* @param id - id элемента для замены
|
|
28690
|
+
* @param newItem - новый элемент или функция для обновления элемента
|
|
28691
|
+
* @returns новый массив элементов дерева с замененным элементом
|
|
28692
|
+
*/
|
|
28693
|
+
|
|
28694
|
+
const replaceTreeItemById = (items, id, newItem) => {
|
|
28695
|
+
return items.map(item => {
|
|
28696
|
+
var _item$children2;
|
|
28697
|
+
|
|
28698
|
+
if (item.id === id) {
|
|
28699
|
+
return typeof newItem === "function" ? newItem(item) : newItem;
|
|
28700
|
+
}
|
|
28701
|
+
|
|
28702
|
+
if ((_item$children2 = item.children) != null && _item$children2.length) {
|
|
28703
|
+
return { ...item,
|
|
28704
|
+
children: replaceTreeItemById(item.children, id, newItem)
|
|
28705
|
+
};
|
|
28706
|
+
}
|
|
28707
|
+
|
|
28708
|
+
return item;
|
|
28709
|
+
});
|
|
28509
28710
|
};
|
|
28510
28711
|
|
|
28511
28712
|
const TreeComponent = _ref => {
|
|
28512
28713
|
let {
|
|
28513
28714
|
className,
|
|
28514
28715
|
data = [],
|
|
28716
|
+
setData,
|
|
28717
|
+
loadNode,
|
|
28718
|
+
loadMoreText,
|
|
28515
28719
|
selectable,
|
|
28516
28720
|
selected = [],
|
|
28517
28721
|
expanded = [],
|
|
28518
28722
|
allExpanded,
|
|
28519
28723
|
allSelected,
|
|
28520
|
-
childIcon = "next",
|
|
28521
|
-
collapseIcon = "folder_outline",
|
|
28522
|
-
expandIcon = "folder_outline",
|
|
28523
28724
|
setExpanded,
|
|
28524
28725
|
setSelected,
|
|
28525
|
-
|
|
28526
|
-
|
|
28726
|
+
withLoadMore,
|
|
28727
|
+
onItemClick,
|
|
28728
|
+
onExpand,
|
|
28729
|
+
Item = TreeItem
|
|
28527
28730
|
} = _ref;
|
|
28528
28731
|
const expand = useCallback(id => {
|
|
28529
28732
|
const newExpanded = [...expanded];
|
|
@@ -28537,11 +28740,59 @@ const TreeComponent = _ref => {
|
|
|
28537
28740
|
|
|
28538
28741
|
setExpanded && setExpanded(newExpanded);
|
|
28539
28742
|
}, [expanded, setExpanded]);
|
|
28540
|
-
const
|
|
28541
|
-
|
|
28542
|
-
|
|
28743
|
+
const onItemUpdate = useCallback((id, updateItem) => {
|
|
28744
|
+
setData == null ? void 0 : setData(current => replaceTreeItemById(current, id, updateItem));
|
|
28745
|
+
}, [setData]);
|
|
28746
|
+
const onItemExpand = useCallback(async (item, isExpanded, onlyReload) => {
|
|
28747
|
+
!onlyReload && expand(item.id);
|
|
28748
|
+
|
|
28749
|
+
if (item.isLeaf && (onlyReload || item.children === null) && loadNode) {
|
|
28750
|
+
try {
|
|
28751
|
+
onItemUpdate(item.id, currentItem => ({ ...currentItem,
|
|
28752
|
+
loading: true
|
|
28753
|
+
}));
|
|
28754
|
+
const {
|
|
28755
|
+
children,
|
|
28756
|
+
totalCount
|
|
28757
|
+
} = await loadNode(item);
|
|
28758
|
+
onItemUpdate(item.id, currentItem => ({ ...currentItem,
|
|
28759
|
+
children,
|
|
28760
|
+
totalCount
|
|
28761
|
+
}));
|
|
28762
|
+
} finally {
|
|
28763
|
+
onItemUpdate(item.id, currentItem => ({ ...currentItem,
|
|
28764
|
+
loading: false
|
|
28765
|
+
}));
|
|
28766
|
+
}
|
|
28767
|
+
}
|
|
28768
|
+
|
|
28769
|
+
onExpand == null ? void 0 : onExpand(item, isExpanded, onlyReload);
|
|
28770
|
+
}, [expand, onExpand, onItemUpdate, loadNode]);
|
|
28771
|
+
const onLoadMore = useCallback(async item => {
|
|
28772
|
+
if (!loadNode) {
|
|
28773
|
+
return;
|
|
28774
|
+
}
|
|
28775
|
+
|
|
28776
|
+
try {
|
|
28777
|
+
var _item$children;
|
|
28778
|
+
|
|
28779
|
+
onItemUpdate(item.id, currentItem => ({ ...currentItem,
|
|
28780
|
+
loading: true
|
|
28781
|
+
}));
|
|
28782
|
+
const {
|
|
28783
|
+
children,
|
|
28784
|
+
totalCount
|
|
28785
|
+
} = await loadNode(item, (_item$children = item.children) == null ? void 0 : _item$children.length);
|
|
28786
|
+
onItemUpdate(item.id, currentItem => ({ ...currentItem,
|
|
28787
|
+
children: [...(currentItem.children || []), ...children],
|
|
28788
|
+
totalCount
|
|
28789
|
+
}));
|
|
28790
|
+
} finally {
|
|
28791
|
+
onItemUpdate(item.id, currentItem => ({ ...currentItem,
|
|
28792
|
+
loading: false
|
|
28793
|
+
}));
|
|
28543
28794
|
}
|
|
28544
|
-
}, [
|
|
28795
|
+
}, [loadNode, onItemUpdate]);
|
|
28545
28796
|
const getChildren = useCallback(items => {
|
|
28546
28797
|
if (!items) return [];
|
|
28547
28798
|
return items.reduce((result, item) => {
|
|
@@ -28628,25 +28879,14 @@ const TreeComponent = _ref => {
|
|
|
28628
28879
|
|
|
28629
28880
|
setSelected(newSelected);
|
|
28630
28881
|
}, [getChildren, removeItem, selected, setSelected]);
|
|
28631
|
-
const
|
|
28882
|
+
const onSelect = useCallback(parent => {
|
|
28632
28883
|
if (getIsSomeSelected([parent])) {
|
|
28633
28884
|
deselectChildren(parent);
|
|
28634
28885
|
} else {
|
|
28635
28886
|
selectChildren(parent);
|
|
28636
28887
|
}
|
|
28637
28888
|
}, [deselectChildren, getIsSomeSelected, selectChildren]);
|
|
28638
|
-
const
|
|
28639
|
-
return children == null ? void 0 : children.reduce((result, item) => result + (Number(item.chip) || 0) + Number(getChildrenChipsValue(item == null ? void 0 : item.children) || 0), 0);
|
|
28640
|
-
}, []);
|
|
28641
|
-
const getChipValue = useCallback(_ref6 => {
|
|
28642
|
-
let {
|
|
28643
|
-
id,
|
|
28644
|
-
chip,
|
|
28645
|
-
children
|
|
28646
|
-
} = _ref6;
|
|
28647
|
-
return children != null && children.length && !customChip && !(expanded != null && expanded.includes(id)) ? getChildrenChipsValue(children) || Number(chip) || undefined : Number(chip) || undefined;
|
|
28648
|
-
}, [expanded, getChildrenChipsValue, customChip]);
|
|
28649
|
-
const renderTree = useCallback(function (items, isExpanded) {
|
|
28889
|
+
const renderTree = useCallback(function (items, isExpanded, parentItem) {
|
|
28650
28890
|
if (isExpanded === void 0) {
|
|
28651
28891
|
isExpanded = true;
|
|
28652
28892
|
}
|
|
@@ -28654,45 +28894,43 @@ const TreeComponent = _ref => {
|
|
|
28654
28894
|
return !(items != null && items.length) ? null : React.createElement(TreeItems, {
|
|
28655
28895
|
isExpanded: isExpanded
|
|
28656
28896
|
}, items.map(item => {
|
|
28657
|
-
var _getChipValue;
|
|
28658
|
-
|
|
28659
28897
|
const {
|
|
28660
28898
|
id,
|
|
28661
28899
|
children
|
|
28662
28900
|
} = item;
|
|
28663
|
-
const
|
|
28664
|
-
const isChildExpanded = expanded == null ? void 0 : expanded.includes(id);
|
|
28901
|
+
const isExpanded = expanded == null ? void 0 : expanded.includes(id);
|
|
28665
28902
|
const isIndeterminate = getIsIndeterminate(children);
|
|
28666
28903
|
const isSelected = isIndeterminate || getIsSomeSelected([item]);
|
|
28667
28904
|
const isDisabled = getIsDisabled(item);
|
|
28668
|
-
const chipValue = (_getChipValue = getChipValue(item)) == null ? void 0 : _getChipValue.toString();
|
|
28669
28905
|
return React.createElement(Item, {
|
|
28670
28906
|
key: id,
|
|
28907
|
+
parentItem: parentItem,
|
|
28671
28908
|
item: item,
|
|
28672
|
-
|
|
28673
|
-
isChildExpanded: isChildExpanded,
|
|
28909
|
+
isExpanded: isExpanded,
|
|
28674
28910
|
isIndeterminate: isIndeterminate,
|
|
28675
28911
|
isSelected: isSelected,
|
|
28676
28912
|
isDisabled: isDisabled,
|
|
28677
|
-
chipValue: chipValue,
|
|
28678
28913
|
selectable: selectable,
|
|
28679
|
-
|
|
28680
|
-
collapseIcon: collapseIcon,
|
|
28681
|
-
childIcon: childIcon,
|
|
28914
|
+
loadMoreText: loadMoreText,
|
|
28682
28915
|
renderTree: renderTree,
|
|
28683
|
-
|
|
28684
|
-
|
|
28916
|
+
onSelect: onSelect,
|
|
28917
|
+
onExpand: onItemExpand,
|
|
28918
|
+
onItemClick: onItemClick,
|
|
28919
|
+
withLoadMore: withLoadMore,
|
|
28920
|
+
onLoadMore: onLoadMore,
|
|
28921
|
+
setData: setData,
|
|
28922
|
+
onItemUpdate: onItemUpdate
|
|
28685
28923
|
});
|
|
28686
28924
|
}));
|
|
28687
|
-
}, [expanded,
|
|
28925
|
+
}, [expanded, getIsIndeterminate, getIsSomeSelected, getIsDisabled, selectable, withLoadMore, onLoadMore, onItemClick, onSelect, onItemExpand, setData, onItemUpdate]);
|
|
28688
28926
|
useEffect(() => {
|
|
28689
28927
|
if (!data.length || !allExpanded && !allSelected) return;
|
|
28690
28928
|
const newExpanded = [];
|
|
28691
28929
|
const newSelected = [];
|
|
28692
28930
|
getChildren(data).forEach(item => {
|
|
28693
|
-
var _item$
|
|
28931
|
+
var _item$children2;
|
|
28694
28932
|
|
|
28695
|
-
if ((_item$
|
|
28933
|
+
if ((_item$children2 = item.children) != null && _item$children2.length) {
|
|
28696
28934
|
newExpanded.push(item.id);
|
|
28697
28935
|
} else if (!item.disabled) {
|
|
28698
28936
|
newSelected.push(item.id);
|
|
@@ -31002,5 +31240,5 @@ const JSONEditorBase = _ref => {
|
|
|
31002
31240
|
|
|
31003
31241
|
const JSONEditor = /*#__PURE__*/memo(JSONEditorBase);
|
|
31004
31242
|
|
|
31005
|
-
export { ActionButton, Actions, ActionsGroup, AdditionalInfo, AnchorContainer, AutoComplete, BaseButton, Blank, Box, ButtonsGroup, ButtonsGroupComponent, CSSTransition, Card, CardBodyContainer, Header$1 as CardHeader, ImageGradientOverlay as CardImageGradientOverlay, ImageOverlay as CardImageOverlay, CardLoader, Checkbox, CheckboxComponent, Chip, ChipAutoCompleDivider, ChipAutoCompleSlider, ChipAutoComplete, ChipAutoCompleteControlFlex, ChipAutoCompleteImagePlaceholder, ChipAutoCompleteItem, ChipAutoCompleteItemIcon, ChipAutoCompleteItemImage, ChipAutoCompleteMode, ChipAutoCompleteTags, ChipContainer, ChipInput, Circle, CircularProgress, Collapse, CollapseWrapper, ColorButton, ColorInput, ColorPicker, ComparisonOperator, Container$5 as Container, CustomButton, CustomToggle, DATE_FORMAT, DATE_TIME_FORMAT, DataGrid, DatePicker, Description, Dialog, DialogActions, DialogComponent, DialogContent, DialogOverlay, DialogTitle, Divider, DividerLine, DragAreaWrapper, DraggableTree, DraggableTreeContainer, DraggableTreeItem, DropHereTitle, Dropdown, DropdownContainer, DropdownField, ElementsArea,
|
|
31243
|
+
export { ActionButton, Actions, ActionsGroup, AdditionalInfo, AnchorContainer, AutoComplete, BaseButton, Blank, Box, ButtonsGroup, ButtonsGroupComponent, CSSTransition, Card, CardBodyContainer, Header$1 as CardHeader, ImageGradientOverlay as CardImageGradientOverlay, ImageOverlay as CardImageOverlay, CardLoader, Checkbox, CheckboxComponent, Chip, ChipAutoCompleDivider, ChipAutoCompleSlider, ChipAutoComplete, ChipAutoCompleteControlFlex, ChipAutoCompleteImagePlaceholder, ChipAutoCompleteItem, ChipAutoCompleteItemIcon, ChipAutoCompleteItemImage, ChipAutoCompleteMode, ChipAutoCompleteTags, ChipContainer, ChipInput, Circle, CircularProgress, Collapse, CollapseWrapper, ColorButton, ColorInput, ColorPicker, ComparisonOperator, Container$5 as Container, CustomButton, CustomToggle, DATE_FORMAT, DATE_TIME_FORMAT, DataGrid, DatePicker, Description, Dialog, DialogActions, DialogComponent, DialogContent, DialogOverlay, DialogTitle, Divider, DividerLine, DragAreaWrapper, DraggableTree, DraggableTreeContainer, DraggableTreeItem, DropHereTitle, Dropdown, DropdownContainer, DropdownField, ElementsArea, Expander, FILE_SIZE_STEP, FadingIcon, FieldValue, FileExt, FileInfoComment, FileInfoName, FileInfoProgress, FileInfoTitle, FileSymbolContainer, FilterInput, FlatButton, Flex, FlexSpan, FocusTrap, GlobalsContainer, H1, H2, H3, H4, Handlers, HueMap, HueSlider, selection as IcoMoonSelection, Icon, IconButton, IconButtonButton, IconButtonInnerChild, IconMenu, IconToggle, IconToggleButton, IconToggleText, Image, ImageLoader, InjectGlobalStyles, Input, InputLabel, InputsGroup, InputsGroupContainer, InputsGroupELement, InputsGroupElements, InputsGroupLabel, ItemContainer, JSONEditor, JSONEditorContainer, JSONEditorLinearProgress, JSONEditorWrapper, Label$2 as Label, LabeledTextarea, LeftSide, LegendToggler, LinearLoader, LinearProgress, Link, ListTransition, LoadMoreButton, LoadingContainer, MAX_NUMBER, MB_FILE_SIZE, MIN_NUMBER, MaskedComponent, Menu, MenuContainer, Message, MultiSelectContainer, Notifications, NumberInput, NumberRangeContainer, NumberRangeInputContainer, NumberRangeSlider, NumberRangeSliderContainer, NumberRangeSliderLabel, OpacitySlider, Option, OptionContainer, OptionDescription, OptionIcon, OptionText, OptionValueContainer, OptionValueWrapper, PaginationFull, PaginationSimple, Paragraph, PasswordToggle, Placeholder, Popover, PopoverTransition, Popup$1 as Popup, Portal, Preview, Radio$1 as Radio, RadioGroup, RaisedButton, RangeDateInput, RangeDatePicker, RangeNumberInput, RangeSliderButtons, RangeSliderContainer, RatioLine, RegularIconButton, SEPARATED_TIME_FORMAT, SearchField, SearchInputContainer, SelectFromComputerTitle, SimpleInput, Slider, SliderContainer$2 as SliderContainer, HandleContainer as SliderHandle, Label$1 as SliderLabel, LowerTrackBackground as SliderLowerTrackBackground, SliderPopover, Track as SliderTrack, SortToggle, Spinner, Stepper, Switch, SwitchArea, SwitchContainer, SwitchTitle, Switcher, SymbolLibrary, SymbolPreview, THROTTLING_DELAY, TIME_FORMAT, TabBlock, TabContainer, TabContainerLine, Tabs, Text, TextTrim, Textarea, ThemeProvider, Tippy, TitleText, Tooltip, TooltipContent, Tree, TreeContainer, TreeContent, TreeDescription, TreeExpand, TreeItem, TreeItemWrapper, TreeItems, TreeRow, TreeText, UnicodeBig, UnicodeSmall, Uploader, UploaderItemArea, UploaderItemsContainer, UploaderTitle, UploaderTitleContainer, UploaderTitleImage, UploaderTitleWrapper, ValueLink, WaitingButton, WaitingButtonComponent, WithLabelContainer, Wizard, addItem, borderRadius, buttonMixin, clamp, cloneWithRefs, collapseDuration, combineRefs, createColorOrMono, createIconColors, createLinkStates, createMessageColors, createTheme, createToggleStates, createVariants, cropLeftBorderRadius, cropRightBorderRadius, theme$1 as darkTheme, dateFormat, defaultOptions, defaultStub, theme as defaultTheme, fileSizeFormat, findTreeItemById, fonts, getChipColor, getColorOrMono, getHighlightParts, getIconColors, getLinkColors, getLocale, getMessageColors, getNumberFromPixels, getRealChildren, getTagColor, getTextWidth, getTheme, getToggleStates, getUnicodeFromString, getVariant, horizontalDivider, iconTypes, injectIcon, isDefined, isDescendant, isDomNode, isNumeric, isOutside, isReactDomElement, isReactElement, isSimpleStyledComponent, isTextFitElementWidth, isTouchDevice, isValidUrl, mapToSimpleOption, palette, photo, preventDefault, randomInteger, randomRgba, rangeValueFormat, removeItem, replaceTreeItemById, sendRefSafety, shadows, sortNumbers, stub, textOverflowEllipsisMixin, toNumber, toSimpleOption, transition, transparencyDark2, transparencyDark4, Transparency_dark8 as transparencyDark8, transparencyLight2, transparencyLight4, Transparency_light8 as transparencyLight8, typeId, urlify, useAsyncAutocomplete, useDelayedStyleLoader, useDialogShadow, useDragAndDropEffect, useEventListener, useForceUpdate, useMounted, useMutationObserver, usePrevValue, useStyleLoader, useTheme, useThrottling, useToggle, useUndraggableEffect, useUnselectableEffect, verticalDivider, withLabel };
|
|
31006
31244
|
//# sourceMappingURL=uilib-gl.esm.js.map
|