npm - @oliasoft-open-source/react-ui-library - Versions diffs - 4.0.0-beta-51 → 4.0.0-beta-53 - Mend

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

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

Files changed (105) hide show

package/dist/index.d.ts CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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-~~43280041~~.js"></script><link rel="stylesheet" href="/react-ui-library/assets/index-~~20a7a01e~~.css"></head><body><div id="content"></div></body>
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-b6a2aa40.js"></script><link rel="stylesheet" href="/react-ui-library/assets/index-58a715fe.css"></head><body><div id="content"></div></body>

package/dist/index.js CHANGED Viewed

@@ -11351,32 +11351,32 @@ lodash.exports;
 })(lodash, lodash.exports);
 var lodashExports = lodash.exports;
 const _$1 = /* @__PURE__ */ getDefaultExportFromCjs(lodashExports);
-const inputInTable$b = "_inputInTable_p7a3o_1";
-const inputHover$b = "_inputHover_p7a3o_13";
-const inputFocus$b = "_inputFocus_p7a3o_18";
-const inputError$b = "_inputError_p7a3o_25";
-const inputWarning$b = "_inputWarning_p7a3o_26";
-const inputDisabled$b = "_inputDisabled_p7a3o_61";
-const hideScrollbars$b = "_hideScrollbars_p7a3o_67";
-const button$3 = "_button_p7a3o_99";
-const active$8 = "_active_p7a3o_135";
-const green$1 = "_green_p7a3o_135";
-const red$1 = "_red_p7a3o_135";
-const orange$1 = "_orange_p7a3o_135";
-const icon$5 = "_icon_p7a3o_147";
-const iconOnly = "_iconOnly_p7a3o_153";
-const basic = "_basic_p7a3o_163";
-const muted$2 = "_muted_p7a3o_169";
-const disabled$8 = "_disabled_p7a3o_188";
-const small$c = "_small_p7a3o_198";
-const pill = "_pill_p7a3o_203";
-const round = "_round_p7a3o_204";
-const error$8 = "_error_p7a3o_276";
-const warning$b = "_warning_p7a3o_293";
-const inverted$1 = "_inverted_p7a3o_310";
-const groupOrderFirst$4 = "_groupOrderFirst_p7a3o_340";
-const groupOrderMiddle$4 = "_groupOrderMiddle_p7a3o_341";
-const groupOrderLast$4 = "_groupOrderLast_p7a3o_342";
+const inputInTable$b = "_inputInTable_vvyhs_1";
+const inputHover$b = "_inputHover_vvyhs_13";
+const inputFocus$b = "_inputFocus_vvyhs_18";
+const inputError$b = "_inputError_vvyhs_25";
+const inputWarning$b = "_inputWarning_vvyhs_26";
+const inputDisabled$b = "_inputDisabled_vvyhs_61";
+const hideScrollbars$b = "_hideScrollbars_vvyhs_67";
+const button$3 = "_button_vvyhs_101";
+const active$8 = "_active_vvyhs_137";
+const green$1 = "_green_vvyhs_137";
+const red$1 = "_red_vvyhs_137";
+const orange$1 = "_orange_vvyhs_137";
+const icon$5 = "_icon_vvyhs_149";
+const iconOnly = "_iconOnly_vvyhs_155";
+const basic = "_basic_vvyhs_165";
+const muted$2 = "_muted_vvyhs_171";
+const disabled$8 = "_disabled_vvyhs_190";
+const small$c = "_small_vvyhs_200";
+const pill = "_pill_vvyhs_205";
+const round = "_round_vvyhs_206";
+const error$8 = "_error_vvyhs_278";
+const warning$b = "_warning_vvyhs_295";
+const inverted$1 = "_inverted_vvyhs_312";
+const groupOrderFirst$4 = "_groupOrderFirst_vvyhs_342";
+const groupOrderMiddle$4 = "_groupOrderMiddle_vvyhs_343";
+const groupOrderLast$4 = "_groupOrderLast_vvyhs_344";
 const buttonStyles = {
   inputInTable: inputInTable$b,
   inputHover: inputHover$b,
@@ -11548,34 +11548,34 @@ const styles$L = {
   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 = "_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 = "_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$K = {
   wrapper: wrapper$4,
   layer: layer$1,
@@ -11638,10 +11638,12 @@ const Option$2 = ({
 }) => {
   const handleClick2 = (evt) => {
     evt.stopPropagation();
-    if (disabled2 || upload) {
+    if (disabled2) {
       evt.preventDefault();
       return;
     }
+    if (upload)
+      return;
     if (closeOnOptionClick) {
       close2 == null ? void 0 : close2();
     }
@@ -13788,22 +13790,22 @@ const StyledColumn = st$1.div`
   display: flex;
   flex-direction: column;
   min-width: 0;
-  flex-basis: ${(p) => p.width || "auto"};
-  flex-grow: ${(p) => !p.width && p.flex ? "1" : "0"};
-  flex-shrink: ${(p) => p.width || !p.flex ? "0" : "1"};
-  overflow: ${(p) => p.scroll ? "auto" : "initial"};
-  background: ${(p) => p.background};
-  border-left: ${(p) => p.borderLeft === true ? "1px solid var(--color-border)" : p.borderLeft};
-  border-right: ${(p) => p.borderRight === true ? "1px solid var(--color-border)" : p.borderRight};
-  padding: ${(p) => p.spacing ? `0 calc(${p.spacing} / 2)` : "0"};
-  ${(p) => !p.showScrollbar && noScrollbars}
+  flex-basis: ${(p) => p.$width || "auto"};
+  flex-grow: ${(p) => !p.$width && p.$flex ? "1" : "0"};
+  flex-shrink: ${(p) => p.$width || !p.$flex ? "0" : "1"};
+  overflow: ${(p) => p.$scroll ? "auto" : "initial"};
+  background: ${(p) => p.$background};
+  border-left: ${(p) => p.$borderLeft === true ? "1px solid var(--color-border)" : p.$borderLeft};
+  border-right: ${(p) => p.$borderRight === true ? "1px solid var(--color-border)" : p.$borderRight};
+  padding: ${(p) => p.$spacing ? `0 calc(${p.$spacing} / 2)` : "0"};
+  ${(p) => !p.$showScrollbar && noScrollbars}
   @media (max-width: 992px) {
-    ${(p) => p.widthTablet && `flex-basis: ${p.widthTablet};`}
+    ${(p) => p.$widthTablet && `flex-basis: ${p.$widthTablet};`}
   }
   @media (max-width: 575px) {
-    ${(p) => p.widthMobile && `flex-basis: ${p.widthMobile};`}
+    ${(p) => p.$widthMobile && `flex-basis: ${p.$widthMobile};`}
   }
   > .inner {
@@ -13811,9 +13813,9 @@ const StyledColumn = st$1.div`
     position: relative;
     z-index: 0;
     min-height: 0;
-    display: ${(p) => p.flexbox && !p.scroll ? "flex" : "block"};
-    ${(p) => p.flexbox && `flex-direction: column;`}
-    padding: ${(p) => p.padding === true ? "var(--padding)" : p.padding};
+    display: ${(p) => p.$flexbox && !p.$scroll ? "flex" : "block"};
+    ${(p) => p.$flexbox && `flex-direction: column;`}
+    padding: ${(p) => p.$padding === true ? "var(--padding)" : p.$padding};
   }
 `;
 const Column = ({
@@ -13839,18 +13841,18 @@ const Column = ({
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     StyledColumn$1,
     {
-      background: background2,
-      borderLeft,
-      borderRight,
-      flex,
-      flexbox,
-      padding: padding2,
-      scroll: scroll3,
-      showScrollbar,
-      spacing,
-      width: getWidthString(width2),
-      widthTablet: getWidthString(widthTablet),
-      widthMobile: getWidthString(widthMobile),
+      $background: background2,
+      $borderLeft: borderLeft,
+      $borderRight: borderRight,
+      $flex: flex,
+      $flexbox: flexbox,
+      $padding: padding2,
+      $scroll: scroll3,
+      $showScrollbar: showScrollbar,
+      $spacing: spacing,
+      $width: getWidthString(width2),
+      $widthTablet: getWidthString(widthTablet),
+      $widthMobile: getWidthString(widthMobile),
       children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "inner", "data-testid": testId, children })
     }
   );
@@ -65303,22 +65305,22 @@ const Toggle = ({
     }
   );
 };
-const topbar = "_topbar_11jto_11";
-const fixed = "_fixed_11jto_21";
-const appSwitcher = "_appSwitcher_11jto_29";
-const title = "_title_11jto_73";
-const logo = "_logo_11jto_89";
-const label = "_label_11jto_92";
-const brand = "_brand_11jto_97";
-const version = "_version_11jto_102";
-const left = "_left_11jto_109";
-const right = "_right_11jto_110";
-const item = "_item_11jto_124";
-const link = "_link_11jto_125";
-const button = "_button_11jto_137";
-const menu = "_menu_11jto_138";
-const active = "_active_11jto_166";
-const alert = "_alert_11jto_191";
+const topbar = "_topbar_hoilu_11";
+const fixed = "_fixed_hoilu_21";
+const appSwitcher = "_appSwitcher_hoilu_29";
+const title = "_title_hoilu_75";
+const logo = "_logo_hoilu_91";
+const label = "_label_hoilu_94";
+const brand = "_brand_hoilu_99";
+const version = "_version_hoilu_104";
+const left = "_left_hoilu_111";
+const right = "_right_hoilu_112";
+const item = "_item_hoilu_126";
+const link = "_link_hoilu_127";
+const button = "_button_hoilu_139";
+const menu = "_menu_hoilu_140";
+const active = "_active_hoilu_168";
+const alert = "_alert_hoilu_193";
 const styles$2 = {
   topbar,
   fixed,