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

@oliasoft-open-source/react-ui-library 4.0.0-beta-65 → 4.0.0-beta-67

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 (135) hide show

package/dist/index.d.ts CHANGED Viewed

@@ -158,7 +158,7 @@ export declare interface IActionProps {
 export declare interface IBadgeProps {
     children?: ReactNode;
     color?: string;
-    title?: TStringOrNumber | null;
+    title?: TStringOrNumber | ReactNode | null;
     dot?: boolean;
     margin?: TStringOrNumber | null;
     small?: boolean;
@@ -517,7 +517,8 @@ export declare interface IInputProps {
 declare interface ILabel {
     color: string;
-    value: string;
+    small?: boolean;
+    value: TStringOrNumber | ReactNode;
 }
 declare interface ILabelIcon {
@@ -732,7 +733,7 @@ export declare interface IMenuProps {
 declare interface IMenuSection {
     type: TMenuType | string;
-    label?: TStringNumberNull;
+    label?: ReactNode;
     icon?: string | ReactNode;
     onClick?: TFunction;
     testId?: string;
@@ -1454,6 +1455,10 @@ export declare interface ITreeProps {
     treeRef?: RefObject<any>;
     itemHasChild?: (node: NodeModel<any>) => boolean;
     onItemToggle?: (node: NodeModel<any>, isOpen: boolean) => void;
+    icons?: {
+        expand: React_2.ReactNode;
+        collapse: React_2.ReactNode;
+    };
 }
 export declare const Label: ({ label, width, helpText, helpTextMaxWidth, onClickHelp, lock, info, libraryIcon, labelLeft, }: ILabelProps) => JSX_2.Element;
@@ -1632,7 +1637,7 @@ export declare const Tooltip: ({ children, text, error, placement, possiblePlace
 export declare const TopBar: ({ title, appSwitcher, content, contentRight, warning, height, fixedPosition, }: ITopBarProps) => JSX_2.Element;
-export declare const Tree: ({ list, draggable, onListReorder, onChangeOpen, testId, isInitialOpen, treeRef, itemHasChild, onItemToggle, }: ITreeProps) => JSX_2.Element;
+export declare const Tree: ({ list, draggable, onListReorder, onChangeOpen, testId, isInitialOpen, treeRef, itemHasChild, onItemToggle, icons, }: ITreeProps) => JSX_2.Element;
 export declare enum TriggerType {
     TEXT = "Text",

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-~~5e2cdba4~~.js"></script><link rel="stylesheet" href="/react-ui-library/assets/index-~~77cc4a36~~.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-6c3715e0.js"></script><link rel="stylesheet" href="/react-ui-library/assets/index-22dccc68.css"></head><body><div id="content"></div></body>

package/dist/index.js CHANGED Viewed

@@ -11356,32 +11356,32 @@ lodash.exports;
 })(lodash, lodash.exports);
 var lodashExports = lodash.exports;
 const _$1 = /* @__PURE__ */ getDefaultExportFromCjs(lodashExports);
-const inputInTable$b = "_inputInTable_1umhq_1";
-const inputHover$b = "_inputHover_1umhq_13";
-const inputFocus$b = "_inputFocus_1umhq_18";
-const inputError$b = "_inputError_1umhq_25";
-const inputWarning$b = "_inputWarning_1umhq_26";
-const inputDisabled$b = "_inputDisabled_1umhq_61";
-const hideScrollbars$b = "_hideScrollbars_1umhq_67";
-const button$3 = "_button_1umhq_101";
-const active$8 = "_active_1umhq_136";
-const green$1 = "_green_1umhq_136";
-const red$1 = "_red_1umhq_136";
-const orange$1 = "_orange_1umhq_136";
-const icon$5 = "_icon_1umhq_148";
-const iconOnly = "_iconOnly_1umhq_154";
-const basic = "_basic_1umhq_164";
-const muted$2 = "_muted_1umhq_170";
-const disabled$8 = "_disabled_1umhq_189";
-const small$c = "_small_1umhq_199";
-const pill = "_pill_1umhq_204";
-const round = "_round_1umhq_205";
-const error$8 = "_error_1umhq_277";
-const warning$b = "_warning_1umhq_294";
-const inverted$1 = "_inverted_1umhq_311";
-const groupOrderFirst$4 = "_groupOrderFirst_1umhq_341";
-const groupOrderMiddle$4 = "_groupOrderMiddle_1umhq_342";
-const groupOrderLast$4 = "_groupOrderLast_1umhq_343";
+const inputInTable$b = "_inputInTable_1rzkf_1";
+const inputHover$b = "_inputHover_1rzkf_13";
+const inputFocus$b = "_inputFocus_1rzkf_18";
+const inputError$b = "_inputError_1rzkf_25";
+const inputWarning$b = "_inputWarning_1rzkf_26";
+const inputDisabled$b = "_inputDisabled_1rzkf_61";
+const hideScrollbars$b = "_hideScrollbars_1rzkf_67";
+const button$3 = "_button_1rzkf_100";
+const active$8 = "_active_1rzkf_135";
+const green$1 = "_green_1rzkf_135";
+const red$1 = "_red_1rzkf_135";
+const orange$1 = "_orange_1rzkf_135";
+const icon$5 = "_icon_1rzkf_147";
+const iconOnly = "_iconOnly_1rzkf_153";
+const basic = "_basic_1rzkf_163";
+const muted$2 = "_muted_1rzkf_169";
+const disabled$8 = "_disabled_1rzkf_188";
+const small$c = "_small_1rzkf_198";
+const pill = "_pill_1rzkf_203";
+const round = "_round_1rzkf_204";
+const error$8 = "_error_1rzkf_276";
+const warning$b = "_warning_1rzkf_293";
+const inverted$1 = "_inverted_1rzkf_310";
+const groupOrderFirst$4 = "_groupOrderFirst_1rzkf_340";
+const groupOrderMiddle$4 = "_groupOrderMiddle_1rzkf_341";
+const groupOrderLast$4 = "_groupOrderLast_1rzkf_342";
 const buttonStyles = {
   inputInTable: inputInTable$b,
   inputHover: inputHover$b,
@@ -14080,30 +14080,30 @@ const Dialog = ({ dialog: dialog2 }) => {
     }
   );
 };
-const inputInTable$a = "_inputInTable_t6pih_1";
-const inputHover$a = "_inputHover_t6pih_13";
-const inputFocus$a = "_inputFocus_t6pih_18";
-const inputError$a = "_inputError_t6pih_25";
-const inputWarning$a = "_inputWarning_t6pih_26";
-const inputDisabled$a = "_inputDisabled_t6pih_61";
-const hideScrollbars$a = "_hideScrollbars_t6pih_67";
-const inline$2 = "_inline_t6pih_90";
-const left$2 = "_left_t6pih_93";
-const right$6 = "_right_t6pih_96";
-const fixed$1 = "_fixed_t6pih_99";
-const border$1 = "_border_t6pih_111";
-const shadow = "_shadow_t6pih_117";
-const drawerContent = "_drawerContent_t6pih_120";
-const isResizing = "_isResizing_t6pih_132";
-const toggleButton = "_toggleButton_t6pih_143";
-const top = "_top_t6pih_156";
-const bottom = "_bottom_t6pih_159";
-const toggleButtonOpen = "_toggleButtonOpen_t6pih_162";
-const tabs$1 = "_tabs_t6pih_165";
-const tab$1 = "_tab_t6pih_165";
-const active$4 = "_active_t6pih_197";
-const tabsContent = "_tabsContent_t6pih_222";
-const resizeHandle = "_resizeHandle_t6pih_228";
+const inputInTable$a = "_inputInTable_vn7pb_1";
+const inputHover$a = "_inputHover_vn7pb_13";
+const inputFocus$a = "_inputFocus_vn7pb_18";
+const inputError$a = "_inputError_vn7pb_25";
+const inputWarning$a = "_inputWarning_vn7pb_26";
+const inputDisabled$a = "_inputDisabled_vn7pb_61";
+const hideScrollbars$a = "_hideScrollbars_vn7pb_67";
+const inline$2 = "_inline_vn7pb_90";
+const left$2 = "_left_vn7pb_93";
+const right$6 = "_right_vn7pb_96";
+const fixed$1 = "_fixed_vn7pb_99";
+const border$1 = "_border_vn7pb_111";
+const shadow = "_shadow_vn7pb_117";
+const drawerContent = "_drawerContent_vn7pb_120";
+const isResizing = "_isResizing_vn7pb_132";
+const toggleButton = "_toggleButton_vn7pb_143";
+const top = "_top_vn7pb_156";
+const bottom = "_bottom_vn7pb_159";
+const toggleButtonOpen = "_toggleButtonOpen_vn7pb_162";
+const tabs$1 = "_tabs_vn7pb_165";
+const tab$1 = "_tab_vn7pb_165";
+const active$4 = "_active_vn7pb_197";
+const tabsContent = "_tabsContent_vn7pb_222";
+const resizeHandle = "_resizeHandle_vn7pb_228";
 const styles$B = {
   inputInTable: inputInTable$a,
   inputHover: inputHover$a,
@@ -26105,43 +26105,43 @@ var InfiniteScroll = (
     return InfiniteScroll2;
   }(Component$1)
 );
-const inputInTable$8 = "_inputInTable_rdsv1_1";
-const inputHover$8 = "_inputHover_rdsv1_13";
-const inputFocus$8 = "_inputFocus_rdsv1_18";
-const inputError$8 = "_inputError_rdsv1_25";
-const inputWarning$8 = "_inputWarning_rdsv1_26";
-const inputDisabled$8 = "_inputDisabled_rdsv1_61";
-const hideScrollbars$8 = "_hideScrollbars_rdsv1_67";
-const header$1 = "_header_rdsv1_77";
-const headerTitle = "_headerTitle_rdsv1_77";
-const heading$3 = "_heading_rdsv1_78";
-const itemHeader = "_itemHeader_rdsv1_78";
-const narrow = "_narrow_rdsv1_81";
-const stickyHeader = "_stickyHeader_rdsv1_85";
-const title$3 = "_title_rdsv1_96";
-const name = "_name_rdsv1_102";
-const iconTooltipMargin = "_iconTooltipMargin_rdsv1_105";
-const bold = "_bold_rdsv1_108";
-const toggleNarrow = "_toggleNarrow_rdsv1_117";
-const drag$1 = "_drag_rdsv1_135";
-const list$1 = "_list_rdsv1_152";
-const bordered$1 = "_bordered_rdsv1_156";
-const item$4 = "_item_rdsv1_78";
-const action = "_action_rdsv1_189";
-const active$3 = "_active_rdsv1_192";
-const indented = "_indented_rdsv1_199";
-const disabled$5 = "_disabled_rdsv1_212";
-const label$6 = "_label_rdsv1_223";
-const details$2 = "_details_rdsv1_229";
-const metadata = "_metadata_rdsv1_230";
-const itemContent = "_itemContent_rdsv1_238";
-const indentIcon = "_indentIcon_rdsv1_245";
-const expandIcon = "_expandIcon_rdsv1_250";
-const expanded = "_expanded_rdsv1_257";
-const right$4 = "_right_rdsv1_260";
-const actions = "_actions_rdsv1_269";
-const scrollableList = "_scrollableList_rdsv1_274";
-const hideScrollbar = "_hideScrollbar_rdsv1_67";
+const inputInTable$8 = "_inputInTable_327v8_1";
+const inputHover$8 = "_inputHover_327v8_13";
+const inputFocus$8 = "_inputFocus_327v8_18";
+const inputError$8 = "_inputError_327v8_25";
+const inputWarning$8 = "_inputWarning_327v8_26";
+const inputDisabled$8 = "_inputDisabled_327v8_61";
+const hideScrollbars$8 = "_hideScrollbars_327v8_67";
+const header$1 = "_header_327v8_77";
+const headerTitle = "_headerTitle_327v8_77";
+const heading$3 = "_heading_327v8_78";
+const itemHeader = "_itemHeader_327v8_78";
+const narrow = "_narrow_327v8_81";
+const stickyHeader = "_stickyHeader_327v8_85";
+const title$3 = "_title_327v8_96";
+const name = "_name_327v8_102";
+const iconTooltipMargin = "_iconTooltipMargin_327v8_105";
+const bold = "_bold_327v8_108";
+const toggleNarrow = "_toggleNarrow_327v8_117";
+const drag$1 = "_drag_327v8_135";
+const list$1 = "_list_327v8_152";
+const bordered$1 = "_bordered_327v8_156";
+const item$4 = "_item_327v8_78";
+const action = "_action_327v8_189";
+const active$3 = "_active_327v8_192";
+const indented = "_indented_327v8_199";
+const disabled$5 = "_disabled_327v8_212";
+const label$6 = "_label_327v8_223";
+const details$2 = "_details_327v8_234";
+const metadata = "_metadata_327v8_235";
+const itemContent = "_itemContent_327v8_243";
+const indentIcon = "_indentIcon_327v8_250";
+const expandIcon = "_expandIcon_327v8_255";
+const expanded = "_expanded_327v8_262";
+const right$4 = "_right_327v8_265";
+const actions = "_actions_327v8_273";
+const scrollableList = "_scrollableList_327v8_278";
+const hideScrollbar = "_hideScrollbar_327v8_67";
 const listStyles = {
   inputInTable: inputInTable$8,
   inputHover: inputHover$8,
@@ -26217,7 +26217,7 @@ const ListHeading = forwardRef(
   }
 );
 const Label$1 = ({ label: label2 }) => {
-  return label2 ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: listStyles.label, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { color: label2.color, title: label2.value }) }) : null;
+  return label2 ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: listStyles.label, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { color: label2.color, title: label2.value, small: label2.small }) }) : null;
 };
 const Name = ({ name: name2, icon: icon2, testId }) => {
   const newIcon = icon2 && /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { icon: icon2.icon, color: icon2.color || "#db2828" });
@@ -26253,7 +26253,7 @@ const MetaContent = ({ item: item2 }) => {
   ] });
 };
 const MetaCount = ({ item: item2 }) => {
-  return item2.metaCount !== void 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { color: "var(--color-text-faint)", title: item2.metaCount }) : null;
+  return item2.metaCount !== void 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { color: "rgba(0,0,0,0.25)", title: item2.metaCount }) : null;
 };
 const ItemContent = ({ item: item2, expanding }) => {
   const onClick = (evt) => {
@@ -59983,24 +59983,24 @@ var reactFastCompare = function isEqual3(a2, b2) {
   }
 };
 const isEqual$1 = /* @__PURE__ */ getDefaultExportFromCjs(reactFastCompare);
-const inputInTable$3 = "_inputInTable_9gmrd_1";
-const inputHover$3 = "_inputHover_9gmrd_13";
-const inputFocus$3 = "_inputFocus_9gmrd_18";
-const inputError$3 = "_inputError_9gmrd_25";
-const inputWarning$3 = "_inputWarning_9gmrd_26";
-const inputDisabled$3 = "_inputDisabled_9gmrd_61";
-const hideScrollbars$3 = "_hideScrollbars_9gmrd_67";
-const sidebar = "_sidebar_9gmrd_82";
-const inner = "_inner_9gmrd_93";
-const title$2 = "_title_9gmrd_103";
-const subtitle = "_subtitle_9gmrd_104";
-const label$2 = "_label_9gmrd_105";
-const collapsed = "_collapsed_9gmrd_109";
-const list = "_list_9gmrd_134";
-const item$2 = "_item_9gmrd_138";
-const experimental = "_experimental_9gmrd_153";
-const active$2 = "_active_9gmrd_157";
-const icon$1 = "_icon_9gmrd_161";
+const inputInTable$3 = "_inputInTable_1n7o1_1";
+const inputHover$3 = "_inputHover_1n7o1_13";
+const inputFocus$3 = "_inputFocus_1n7o1_18";
+const inputError$3 = "_inputError_1n7o1_25";
+const inputWarning$3 = "_inputWarning_1n7o1_26";
+const inputDisabled$3 = "_inputDisabled_1n7o1_61";
+const hideScrollbars$3 = "_hideScrollbars_1n7o1_67";
+const sidebar = "_sidebar_1n7o1_82";
+const inner = "_inner_1n7o1_93";
+const title$2 = "_title_1n7o1_103";
+const subtitle = "_subtitle_1n7o1_104";
+const label$2 = "_label_1n7o1_105";
+const collapsed = "_collapsed_1n7o1_109";
+const list = "_list_1n7o1_134";
+const item$2 = "_item_1n7o1_138";
+const experimental = "_experimental_1n7o1_153";
+const active$2 = "_active_1n7o1_157";
+const icon$1 = "_icon_1n7o1_161";
 const styles$c = {
   inputInTable: inputInTable$3,
   inputHover: inputHover$3,
@@ -77286,7 +77286,8 @@ const TreeItem = ({
   isOpen: isOpen2,
   onToggle,
   hasChild,
-  draggable: draggable2
+  draggable: draggable2,
+  icons: icons2
 }) => {
   const { id: id2, data } = node2;
   const { active: active2, testId, onClick, actions: actions2 = [] } = data;
@@ -77324,7 +77325,7 @@ const TreeItem = ({
                 colored: isOpen2 ? true : Color.MUTED,
                 small: true,
                 round: true,
-                icon: isOpen2 ? IconType.COLLAPSE : IconType.EXPAND,
+                icon: isOpen2 ? (icons2 == null ? void 0 : icons2.collapse) || IconType.COLLAPSE : (icons2 == null ? void 0 : icons2.expand) || IconType.EXPAND,
                 onClick: handleToggle
               }
             ) }),
@@ -77347,7 +77348,8 @@ const Tree = ({
   isInitialOpen = false,
   treeRef,
   itemHasChild,
-  onItemToggle
+  onItemToggle,
+  icons: icons2
 }) => {
   var _a;
   const handleDrop = (newTree) => {
@@ -77410,7 +77412,8 @@ const Tree = ({
                     onItemToggle == null ? void 0 : onItemToggle(node2, !isOpen2);
                     onToggle();
                   },
-                  draggable: draggable2
+                  draggable: draggable2,
+                  icons: icons2
                 }
               );
             },