@oliasoft-open-source/react-ui-library 4.0.0-beta-52 → 4.0.0-beta-53

package/dist/assets/{index-c603c2a7.css → index-58a715fe.css}

@@ -1380,17 +1380,17 @@ html[data-theme='dark'] {
 ._actionComponentContainer_1nid8_11._active_1nid8_33 {
   color: var(--color-text-primary-active);
 }
-._wrapper_zibyd_1 {
+._wrapper_4axhn_1 {
   display: inline-flex;
   max-width: 100%;
 }
-._layer_zibyd_5 ._wrapper_zibyd_1 {
+._layer_4axhn_5 ._wrapper_4axhn_1 {
   width: 100%;
 }
-._layerContainer_zibyd_8 {
+._layerContainer_4axhn_8 {
   z-index: var(--zindex-dropdown);
 }
-._layer_zibyd_5 {
+._layer_4axhn_5 {
   border: 1px solid var(--color-border);
   border-radius: var(--border-radius);
   overflow: hidden;
@@ -1402,98 +1402,97 @@ html[data-theme='dark'] {
   position: relative;
   overflow-y: auto;
 }
-._layer_zibyd_5._nested_zibyd_23 {
+._layer_4axhn_5._nested_4axhn_23 {
   margin: -1px 2px;
 }
-._layer_zibyd_5 ul {
+._layer_4axhn_5 ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
 }
-._layer_zibyd_5 ul li {
+._layer_4axhn_5 ul li {
   list-style: none;
   display: block;
 }
-._fileInput_zibyd_35 {
-  width: 100%;
-  height: 100%;
+._fileInput_4axhn_35 {
   opacity: 0;
   position: absolute;
+  inset: 0;
 }
-._trigger_zibyd_41 {
+._trigger_4axhn_40 {
   display: inline-flex;
   align-items: center;
   cursor: pointer;
   max-width: 100%;
 }
-._layer_zibyd_5 ._trigger_zibyd_41 {
+._layer_4axhn_5 ._trigger_4axhn_40 {
   width: 100%;
 }
-._middleAlignedInline_zibyd_50 {
+._middleAlignedInline_4axhn_49 {
   display: flex;
   align-items: center;
   overflow: hidden;
   width: 100%;
 }
-._heading_zibyd_56 {
+._heading_4axhn_55 {
   color: var(--color-text-muted);
   letter-spacing: 0.1em;
   text-transform: uppercase;
   font-size: var(--font-size-sm);
 }
-._heading_zibyd_56 ._headingIcon_zibyd_62 {
+._heading_4axhn_55 ._headingIcon_4axhn_61 {
   float: right;
 }
-._heading_zibyd_56 ._headingIcon_zibyd_62 svg {
+._heading_4axhn_55 ._headingIcon_4axhn_61 svg {
   color: var(--color-text-faint);
 }
-._heading_zibyd_56 ._headingIcon_zibyd_62:hover {
+._heading_4axhn_55 ._headingIcon_4axhn_61:hover {
   cursor: pointer;
 }
-._heading_zibyd_56 ._headingIcon_zibyd_62:hover svg {
+._heading_4axhn_55 ._headingIcon_4axhn_61:hover svg {
   color: var(--color-text-primary-hover);
 }
-._option_zibyd_74 {
+._option_4axhn_73 {
   color: inherit;
   display: block;
+  position: relative;
 }
-._heading_zibyd_56,
-._option_zibyd_74,
-._layer_zibyd_5 ._trigger_zibyd_41 {
+._heading_4axhn_55,
+._option_4axhn_73,
+._layer_4axhn_5 ._trigger_4axhn_40 {
   padding: var(--padding-input);
   border: 1px solid transparent;
 }
-._option_zibyd_74,
-._layer_zibyd_5 ._trigger_zibyd_41 {
+._option_4axhn_73,
+._layer_4axhn_5 ._trigger_4axhn_40 {
   line-height: var(--line-height);
   display: flex;
   align-items: flex-start;
 }
-._option_zibyd_74:hover,
-._layer_zibyd_5 ._trigger_zibyd_41:hover,
-._option_zibyd_74._active_zibyd_92,
-._layer_zibyd_5 ._trigger_zibyd_41._active_zibyd_92 {
+._option_4axhn_73:hover,
+._layer_4axhn_5 ._trigger_4axhn_40:hover,
+._option_4axhn_73._active_4axhn_92,
+._layer_4axhn_5 ._trigger_4axhn_40._active_4axhn_92 {
   background-color: var(--color-background-listitem-hover);
   cursor: pointer;
 }
-._option_zibyd_74._selected_zibyd_97 {
+._option_4axhn_73._selected_4axhn_97 {
   background-color: var(--color-background-listitem-active);
 }
-._layer_zibyd_5 ._trigger_zibyd_41 {
+._layer_4axhn_5 ._trigger_4axhn_40 {
   align-items: center;
 }
-._optionContent_zibyd_103 {
+._optionContent_4axhn_103 {
   flex-wrap: wrap;
   margin-right: auto;
-  position: relative;
 }
-._inline_zibyd_108 ._optionContent_zibyd_103 {
+._inline_4axhn_107 ._optionContent_4axhn_103 {
   display: flex;
   justify-content: space-between;
   flex-grow: 1;
 }
-._icon_zibyd_113,
-._check_zibyd_114 {
+._icon_4axhn_112,
+._check_4axhn_113 {
   display: flex;
   flex-shrink: 1;
   width: var(--size-xs);
@@ -1502,78 +1501,78 @@ html[data-theme='dark'] {
   justify-content: center;
   align-items: center;
 }
-._icon_zibyd_113 {
+._icon_4axhn_112 {
   margin-right: var(--padding-xs);
   color: var(--color-text-primary);
 }
-._icon_zibyd_113:empty {
+._icon_4axhn_112:empty {
   display: none;
 }
-._icon_zibyd_113 img {
+._icon_4axhn_112 img {
   max-height: 16px;
   max-width: 16px;
   width: auto;
   height: auto;
 }
-._text_zibyd_136 {
+._text_4axhn_135 {
   display: inline-flex;
   align-items: center;
   cursor: pointer;
 }
-._label_zibyd_141 {
+._label_4axhn_140 {
   margin-right: auto;
 }
-._label_zibyd_141,
-._heading_zibyd_56 {
+._label_4axhn_140,
+._heading_4axhn_55 {
   max-width: 100%;
   display: block;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._description_zibyd_152 {
+._description_4axhn_151 {
   color: #999;
   display: block;
 }
-._arrow_zibyd_156 {
+._arrow_4axhn_155 {
   margin-left: var(--padding-xxs);
   display: flex;
 }
-._divider_zibyd_160 {
+._divider_4axhn_159 {
   border: 0;
   border-top: 1px solid var(--color-border);
 }
-._deprecatedSemanticIcon_zibyd_164 {
+._deprecatedSemanticIcon_4axhn_163 {
   color: var(--color-text-primary) !important;
   margin: -5px 0 0 !important;
 }
-._disabled_zibyd_168 {
+._disabled_4axhn_167 {
   color: var(--color-text-faint);
   pointer-events: none;
   cursor: not-allowed !important;
 }
-._buttonLabel_zibyd_173 {
+._buttonLabel_4axhn_172 {
   overflow: hidden;
   text-overflow: ellipsis;
   display: block;
   margin-right: auto;
 }
-._buttonCaret_zibyd_179 {
+._buttonCaret_4axhn_178 {
   display: flex;
   margin-left: var(--padding-xxs);
 }
-._component_zibyd_183 {
+._component_4axhn_182 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
 }
-._right_zibyd_189 {
+._right_4axhn_188 {
   margin-left: auto;
   display: flex;
   align-items: center;
 }
-._actions_zibyd_194 {
+._actions_4axhn_193 {
   margin-left: var(--padding-xs);
   display: flex;
   align-items: center;

package/dist/assets/{index-ec75e6bd.js → index-b6a2aa40.js}

@@ -18411,34 +18411,34 @@ const styles$N = {
   actionComponentContainer,
   active: active$7
 };
-const wrapper$4 = "_wrapper_zibyd_1";
-const layer$1 = "_layer_zibyd_5";
-const layerContainer$1 = "_layerContainer_zibyd_8";
-const nested = "_nested_zibyd_23";
-const fileInput$1 = "_fileInput_zibyd_35";
-const trigger$2 = "_trigger_zibyd_41";
-const middleAlignedInline = "_middleAlignedInline_zibyd_50";
-const heading$5 = "_heading_zibyd_56";
-const headingIcon = "_headingIcon_zibyd_62";
-const option$1 = "_option_zibyd_74";
-const active$6 = "_active_zibyd_92";
-const selected$1 = "_selected_zibyd_97";
-const optionContent$1 = "_optionContent_zibyd_103";
-const inline$4 = "_inline_zibyd_108";
-const icon$4 = "_icon_zibyd_113";
-const check$1 = "_check_zibyd_114";
-const text$3 = "_text_zibyd_136";
-const label$a = "_label_zibyd_141";
-const description$2 = "_description_zibyd_152";
-const arrow$1 = "_arrow_zibyd_156";
-const divider$1 = "_divider_zibyd_160";
-const deprecatedSemanticIcon = "_deprecatedSemanticIcon_zibyd_164";
-const disabled$7 = "_disabled_zibyd_168";
-const buttonLabel = "_buttonLabel_zibyd_173";
-const buttonCaret = "_buttonCaret_zibyd_179";
-const component = "_component_zibyd_183";
-const right$7 = "_right_zibyd_189";
-const actions$1 = "_actions_zibyd_194";
+const wrapper$4 = "_wrapper_4axhn_1";
+const layer$1 = "_layer_4axhn_5";
+const layerContainer$1 = "_layerContainer_4axhn_8";
+const nested = "_nested_4axhn_23";
+const fileInput$1 = "_fileInput_4axhn_35";
+const trigger$2 = "_trigger_4axhn_40";
+const middleAlignedInline = "_middleAlignedInline_4axhn_49";
+const heading$5 = "_heading_4axhn_55";
+const headingIcon = "_headingIcon_4axhn_61";
+const option$1 = "_option_4axhn_73";
+const active$6 = "_active_4axhn_92";
+const selected$1 = "_selected_4axhn_97";
+const optionContent$1 = "_optionContent_4axhn_103";
+const inline$4 = "_inline_4axhn_107";
+const icon$4 = "_icon_4axhn_112";
+const check$1 = "_check_4axhn_113";
+const text$3 = "_text_4axhn_135";
+const label$a = "_label_4axhn_140";
+const description$2 = "_description_4axhn_151";
+const arrow$1 = "_arrow_4axhn_155";
+const divider$1 = "_divider_4axhn_159";
+const deprecatedSemanticIcon = "_deprecatedSemanticIcon_4axhn_163";
+const disabled$7 = "_disabled_4axhn_167";
+const buttonLabel = "_buttonLabel_4axhn_172";
+const buttonCaret = "_buttonCaret_4axhn_178";
+const component = "_component_4axhn_182";
+const right$7 = "_right_4axhn_188";
+const actions$1 = "_actions_4axhn_193";
 const styles$M = {
   wrapper: wrapper$4,
   layer: layer$1,
@@ -18501,10 +18501,12 @@ const Option = ({
 }) => {
   const handleClick2 = (evt) => {
     evt.stopPropagation();
-    if (disabled2 || upload) {
+    if (disabled2) {
       evt.preventDefault();
       return;
     }
+    if (upload)
+      return;
     if (closeOnOptionClick) {
       close2 == null ? void 0 : close2();
     }
@@ -20438,22 +20440,22 @@ st$1.div`
   display: flex;
   flex-direction: column;
   min-width: 0;
-  flex-basis: ${(p2) => p2.width || "auto"};
-  flex-grow: ${(p2) => !p2.width && p2.flex ? "1" : "0"};
-  flex-shrink: ${(p2) => p2.width || !p2.flex ? "0" : "1"};
-  overflow: ${(p2) => p2.scroll ? "auto" : "initial"};
-  background: ${(p2) => p2.background};
-  border-left: ${(p2) => p2.borderLeft === true ? "1px solid var(--color-border)" : p2.borderLeft};
-  border-right: ${(p2) => p2.borderRight === true ? "1px solid var(--color-border)" : p2.borderRight};
-  padding: ${(p2) => p2.spacing ? `0 calc(${p2.spacing} / 2)` : "0"};
-  ${(p2) => !p2.showScrollbar && noScrollbars}
+  flex-basis: ${(p2) => p2.$width || "auto"};
+  flex-grow: ${(p2) => !p2.$width && p2.$flex ? "1" : "0"};
+  flex-shrink: ${(p2) => p2.$width || !p2.$flex ? "0" : "1"};
+  overflow: ${(p2) => p2.$scroll ? "auto" : "initial"};
+  background: ${(p2) => p2.$background};
+  border-left: ${(p2) => p2.$borderLeft === true ? "1px solid var(--color-border)" : p2.$borderLeft};
+  border-right: ${(p2) => p2.$borderRight === true ? "1px solid var(--color-border)" : p2.$borderRight};
+  padding: ${(p2) => p2.$spacing ? `0 calc(${p2.$spacing} / 2)` : "0"};
+  ${(p2) => !p2.$showScrollbar && noScrollbars}
 
   @media (max-width: 992px) {
-    ${(p2) => p2.widthTablet && `flex-basis: ${p2.widthTablet};`}
+    ${(p2) => p2.$widthTablet && `flex-basis: ${p2.$widthTablet};`}
   }
 
   @media (max-width: 575px) {
-    ${(p2) => p2.widthMobile && `flex-basis: ${p2.widthMobile};`}
+    ${(p2) => p2.$widthMobile && `flex-basis: ${p2.$widthMobile};`}
   }
 
   > .inner {
@@ -20461,9 +20463,9 @@ st$1.div`
     position: relative;
     z-index: 0;
     min-height: 0;
-    display: ${(p2) => p2.flexbox && !p2.scroll ? "flex" : "block"};
-    ${(p2) => p2.flexbox && `flex-direction: column;`}
-    padding: ${(p2) => p2.padding === true ? "var(--padding)" : p2.padding};
+    display: ${(p2) => p2.$flexbox && !p2.$scroll ? "flex" : "block"};
+    ${(p2) => p2.$flexbox && `flex-direction: column;`}
+    padding: ${(p2) => p2.$padding === true ? "var(--padding)" : p2.$padding};
   }
 `;
 const divider = "_divider_2bfzh_1";

package/dist/global.css

@@ -1380,17 +1380,17 @@ html[data-theme='dark'] {
 ._actionComponentContainer_1nid8_11._active_1nid8_33 {
   color: var(--color-text-primary-active);
 }
-._wrapper_zibyd_1 {
+._wrapper_4axhn_1 {
   display: inline-flex;
   max-width: 100%;
 }
-._layer_zibyd_5 ._wrapper_zibyd_1 {
+._layer_4axhn_5 ._wrapper_4axhn_1 {
   width: 100%;
 }
-._layerContainer_zibyd_8 {
+._layerContainer_4axhn_8 {
   z-index: var(--zindex-dropdown);
 }
-._layer_zibyd_5 {
+._layer_4axhn_5 {
   border: 1px solid var(--color-border);
   border-radius: var(--border-radius);
   overflow: hidden;
@@ -1402,98 +1402,97 @@ html[data-theme='dark'] {
   position: relative;
   overflow-y: auto;
 }
-._layer_zibyd_5._nested_zibyd_23 {
+._layer_4axhn_5._nested_4axhn_23 {
   margin: -1px 2px;
 }
-._layer_zibyd_5 ul {
+._layer_4axhn_5 ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
 }
-._layer_zibyd_5 ul li {
+._layer_4axhn_5 ul li {
   list-style: none;
   display: block;
 }
-._fileInput_zibyd_35 {
-  width: 100%;
-  height: 100%;
+._fileInput_4axhn_35 {
   opacity: 0;
   position: absolute;
+  inset: 0;
 }
-._trigger_zibyd_41 {
+._trigger_4axhn_40 {
   display: inline-flex;
   align-items: center;
   cursor: pointer;
   max-width: 100%;
 }
-._layer_zibyd_5 ._trigger_zibyd_41 {
+._layer_4axhn_5 ._trigger_4axhn_40 {
   width: 100%;
 }
-._middleAlignedInline_zibyd_50 {
+._middleAlignedInline_4axhn_49 {
   display: flex;
   align-items: center;
   overflow: hidden;
   width: 100%;
 }
-._heading_zibyd_56 {
+._heading_4axhn_55 {
   color: var(--color-text-muted);
   letter-spacing: 0.1em;
   text-transform: uppercase;
   font-size: var(--font-size-sm);
 }
-._heading_zibyd_56 ._headingIcon_zibyd_62 {
+._heading_4axhn_55 ._headingIcon_4axhn_61 {
   float: right;
 }
-._heading_zibyd_56 ._headingIcon_zibyd_62 svg {
+._heading_4axhn_55 ._headingIcon_4axhn_61 svg {
   color: var(--color-text-faint);
 }
-._heading_zibyd_56 ._headingIcon_zibyd_62:hover {
+._heading_4axhn_55 ._headingIcon_4axhn_61:hover {
   cursor: pointer;
 }
-._heading_zibyd_56 ._headingIcon_zibyd_62:hover svg {
+._heading_4axhn_55 ._headingIcon_4axhn_61:hover svg {
   color: var(--color-text-primary-hover);
 }
-._option_zibyd_74 {
+._option_4axhn_73 {
   color: inherit;
   display: block;
+  position: relative;
 }
-._heading_zibyd_56,
-._option_zibyd_74,
-._layer_zibyd_5 ._trigger_zibyd_41 {
+._heading_4axhn_55,
+._option_4axhn_73,
+._layer_4axhn_5 ._trigger_4axhn_40 {
   padding: var(--padding-input);
   border: 1px solid transparent;
 }
-._option_zibyd_74,
-._layer_zibyd_5 ._trigger_zibyd_41 {
+._option_4axhn_73,
+._layer_4axhn_5 ._trigger_4axhn_40 {
   line-height: var(--line-height);
   display: flex;
   align-items: flex-start;
 }
-._option_zibyd_74:hover,
-._layer_zibyd_5 ._trigger_zibyd_41:hover,
-._option_zibyd_74._active_zibyd_92,
-._layer_zibyd_5 ._trigger_zibyd_41._active_zibyd_92 {
+._option_4axhn_73:hover,
+._layer_4axhn_5 ._trigger_4axhn_40:hover,
+._option_4axhn_73._active_4axhn_92,
+._layer_4axhn_5 ._trigger_4axhn_40._active_4axhn_92 {
   background-color: var(--color-background-listitem-hover);
   cursor: pointer;
 }
-._option_zibyd_74._selected_zibyd_97 {
+._option_4axhn_73._selected_4axhn_97 {
   background-color: var(--color-background-listitem-active);
 }
-._layer_zibyd_5 ._trigger_zibyd_41 {
+._layer_4axhn_5 ._trigger_4axhn_40 {
   align-items: center;
 }
-._optionContent_zibyd_103 {
+._optionContent_4axhn_103 {
   flex-wrap: wrap;
   margin-right: auto;
-  position: relative;
 }
-._inline_zibyd_108 ._optionContent_zibyd_103 {
+._inline_4axhn_107 ._optionContent_4axhn_103 {
   display: flex;
   justify-content: space-between;
   flex-grow: 1;
 }
-._icon_zibyd_113,
-._check_zibyd_114 {
+._icon_4axhn_112,
+._check_4axhn_113 {
   display: flex;
   flex-shrink: 1;
   width: var(--size-xs);
@@ -1502,78 +1501,78 @@ html[data-theme='dark'] {
   justify-content: center;
   align-items: center;
 }
-._icon_zibyd_113 {
+._icon_4axhn_112 {
   margin-right: var(--padding-xs);
   color: var(--color-text-primary);
 }
-._icon_zibyd_113:empty {
+._icon_4axhn_112:empty {
   display: none;
 }
-._icon_zibyd_113 img {
+._icon_4axhn_112 img {
   max-height: 16px;
   max-width: 16px;
   width: auto;
   height: auto;
 }
-._text_zibyd_136 {
+._text_4axhn_135 {
   display: inline-flex;
   align-items: center;
   cursor: pointer;
 }
-._label_zibyd_141 {
+._label_4axhn_140 {
   margin-right: auto;
 }
-._label_zibyd_141,
-._heading_zibyd_56 {
+._label_4axhn_140,
+._heading_4axhn_55 {
   max-width: 100%;
   display: block;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._description_zibyd_152 {
+._description_4axhn_151 {
   color: #999;
   display: block;
 }
-._arrow_zibyd_156 {
+._arrow_4axhn_155 {
   margin-left: var(--padding-xxs);
   display: flex;
 }
-._divider_zibyd_160 {
+._divider_4axhn_159 {
   border: 0;
   border-top: 1px solid var(--color-border);
 }
-._deprecatedSemanticIcon_zibyd_164 {
+._deprecatedSemanticIcon_4axhn_163 {
   color: var(--color-text-primary) !important;
   margin: -5px 0 0 !important;
 }
-._disabled_zibyd_168 {
+._disabled_4axhn_167 {
   color: var(--color-text-faint);
   pointer-events: none;
   cursor: not-allowed !important;
 }
-._buttonLabel_zibyd_173 {
+._buttonLabel_4axhn_172 {
   overflow: hidden;
   text-overflow: ellipsis;
   display: block;
   margin-right: auto;
 }
-._buttonCaret_zibyd_179 {
+._buttonCaret_4axhn_178 {
   display: flex;
   margin-left: var(--padding-xxs);
 }
-._component_zibyd_183 {
+._component_4axhn_182 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
 }
-._right_zibyd_189 {
+._right_4axhn_188 {
   margin-left: auto;
   display: flex;
   align-items: center;
 }
-._actions_zibyd_194 {
+._actions_4axhn_193 {
   margin-left: var(--padding-xs);
   display: flex;
   align-items: center;

package/dist/index.d.ts

@@ -8,6 +8,7 @@ import { KeyboardEvent as KeyboardEvent_2 } from 'react';
 import { MouseEvent as MouseEvent_2 } from 'react';
 import { MouseEventHandler } from 'react';
 import { MutableRefObject } from 'react';
+import { NodeModel } from '@minoru/react-dnd-treeview';
 import { Placement } from 'react-laag';
 import { Property } from 'csstype';
 import { default as React_2 } from 'react';
@@ -1447,12 +1448,12 @@ export declare interface ITreeProps {
     list: ITreeListProps;
     draggable?: boolean;
     onListReorder?: (newList: any[]) => void;
-    onChangeOpen?: (id: TStringOrNumber) => void;
+    onChangeOpen?: (id: TStringOrNumber[]) => void;
     testId?: string;
     isInitialOpen?: boolean | Array<string> | Array<number>;
     treeRef?: RefObject<any>;
-    itemHasChild?: TFunction;
-    onItemToggle?: TFunction;
+    itemHasChild?: (node: NodeModel<any>) => boolean;
+    onItemToggle?: (node: NodeModel<any>, isOpen: boolean) => void;
 }
 
 export declare const Label: ({ label, width, helpText, helpTextMaxWidth, onClickHelp, lock, info, libraryIcon, labelLeft, }: ILabelProps) => JSX_2.Element;

package/dist/index.html

@@ -1 +1 @@
-<!doctype html><head><title>React UI Library</title><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1" user-scalable="no"><meta name="apple-mobile-web-app-capable" content="yes"><script type="module" crossorigin src="/react-ui-library/assets/index-ec75e6bd.js"></script><link rel="stylesheet" href="/react-ui-library/assets/index-c603c2a7.css"></head><body><div id="content"></div></body>
+<!doctype html><head><title>React UI Library</title><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1" user-scalable="no"><meta name="apple-mobile-web-app-capable" content="yes"><script type="module" crossorigin src="/react-ui-library/assets/index-b6a2aa40.js"></script><link rel="stylesheet" href="/react-ui-library/assets/index-58a715fe.css"></head><body><div id="content"></div></body>