npm - @oliasoft-open-source/react-ui-library - Versions diffs - 4.3.1 → 4.3.2 - Mend

@oliasoft-open-source/react-ui-library 4.3.1 → 4.3.2

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

package/dist/404.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-~~pNLRgTGq~~.js"></script><link rel="stylesheet" crossorigin href="/react-ui-library/assets/index-~~1SRgv0eL~~.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-KHBkFPvW.js"></script><link rel="stylesheet" crossorigin href="/react-ui-library/assets/index-Z_bN_4fb.css"></head><body><div id="content"></div></body>

package/dist/assets/{index-pNLRgTGq.js → index-KHBkFPvW.js} RENAMED Viewed

@@ -25940,43 +25940,44 @@ function parseThreshold(scrollThreshold) {
   };
   return InfiniteScroll;
 })(reactExports.Component);
-const inputInTable$8 = "_inputInTable_1qlur_1";
-const inputHover$8 = "_inputHover_1qlur_13";
-const inputFocus$8 = "_inputFocus_1qlur_18";
-const inputError$8 = "_inputError_1qlur_25";
-const inputWarning$8 = "_inputWarning_1qlur_26";
-const inputDisabled$8 = "_inputDisabled_1qlur_61";
-const hideScrollbars$8 = "_hideScrollbars_1qlur_67";
-const header$1 = "_header_1qlur_77";
-const headerTitle = "_headerTitle_1qlur_77";
-const heading$3 = "_heading_1qlur_78";
-const itemHeader = "_itemHeader_1qlur_78";
-const narrow = "_narrow_1qlur_81";
-const stickyHeader = "_stickyHeader_1qlur_85";
-const title$4 = "_title_1qlur_96";
-const name = "_name_1qlur_102";
-const iconTooltipMargin = "_iconTooltipMargin_1qlur_105";
-const bold = "_bold_1qlur_108";
-const toggleNarrow = "_toggleNarrow_1qlur_117";
-const drag$1 = "_drag_1qlur_135";
-const list$1 = "_list_1qlur_155";
-const bordered$1 = "_bordered_1qlur_159";
-const item$4 = "_item_1qlur_78";
-const action = "_action_1qlur_192";
-const active$3 = "_active_1qlur_195";
-const indented = "_indented_1qlur_202";
-const disabled$5 = "_disabled_1qlur_215";
-const label$6 = "_label_1qlur_226";
-const details$2 = "_details_1qlur_237";
-const metadata$1 = "_metadata_1qlur_238";
-const itemContent = "_itemContent_1qlur_246";
-const indentIcon = "_indentIcon_1qlur_253";
-const expandIcon = "_expandIcon_1qlur_258";
-const expanded = "_expanded_1qlur_265";
-const right$4 = "_right_1qlur_268";
-const actions = "_actions_1qlur_276";
-const scrollableList = "_scrollableList_1qlur_281";
-const hideScrollbar = "_hideScrollbar_1qlur_67";
+const inputInTable$8 = "_inputInTable_j55lv_1";
+const inputHover$8 = "_inputHover_j55lv_13";
+const inputFocus$8 = "_inputFocus_j55lv_18";
+const inputError$8 = "_inputError_j55lv_25";
+const inputWarning$8 = "_inputWarning_j55lv_26";
+const inputDisabled$8 = "_inputDisabled_j55lv_61";
+const hideScrollbars$8 = "_hideScrollbars_j55lv_67";
+const header$1 = "_header_j55lv_77";
+const headerTitle = "_headerTitle_j55lv_77";
+const heading$3 = "_heading_j55lv_78";
+const itemHeader = "_itemHeader_j55lv_78";
+const narrow = "_narrow_j55lv_81";
+const stickyHeader = "_stickyHeader_j55lv_85";
+const title$4 = "_title_j55lv_96";
+const name = "_name_j55lv_102";
+const iconTooltipMargin = "_iconTooltipMargin_j55lv_105";
+const bold = "_bold_j55lv_108";
+const toggleNarrow = "_toggleNarrow_j55lv_117";
+const drag$1 = "_drag_j55lv_135";
+const list$1 = "_list_j55lv_155";
+const bordered$1 = "_bordered_j55lv_159";
+const item$4 = "_item_j55lv_78";
+const action = "_action_j55lv_192";
+const active$3 = "_active_j55lv_195";
+const indented = "_indented_j55lv_202";
+const disabled$5 = "_disabled_j55lv_215";
+const label$6 = "_label_j55lv_226";
+const details$2 = "_details_j55lv_237";
+const metadata$1 = "_metadata_j55lv_238";
+const itemContent = "_itemContent_j55lv_246";
+const indentIcon = "_indentIcon_j55lv_253";
+const expandIcon = "_expandIcon_j55lv_258";
+const expanded = "_expanded_j55lv_265";
+const right$4 = "_right_j55lv_268";
+const actions = "_actions_j55lv_276";
+const scrollableList = "_scrollableList_j55lv_281";
+const infiniteScrollContainer = "_infiniteScrollContainer_j55lv_286";
+const hideScrollbar = "_hideScrollbar_j55lv_67";
 const listStyles = {
   inputInTable: inputInTable$8,
   inputHover: inputHover$8,
@@ -26014,6 +26015,7 @@ const listStyles = {
   right: right$4,
   actions,
   scrollableList,
+  infiniteScrollContainer,
   hideScrollbar
 };
 const ToggleNarrow = ({

package/dist/assets/{index-1SRgv0eL.css → index-Z_bN_4fb.css} RENAMED Viewed

@@ -2745,123 +2745,123 @@ html[data-theme='dark'] {
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
 }
-._inputInTable_1qlur_1 {
+._inputInTable_j55lv_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_1qlur_1:not(:hover) {
+._inputInTable_j55lv_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_1qlur_1:not(:focus) {
+._inputInTable_j55lv_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_1qlur_13 {
+._inputHover_j55lv_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_1qlur_18 {
+._inputFocus_j55lv_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_1qlur_25,
-._inputWarning_1qlur_26 {
+._inputError_j55lv_25,
+._inputWarning_j55lv_26 {
   position: relative;
 }
-._inputError_1qlur_25 {
+._inputError_j55lv_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error-muted);
 }
-._inputError_1qlur_25:hover {
+._inputError_j55lv_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_1qlur_25:focus {
+._inputError_j55lv_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_1qlur_26 {
+._inputWarning_j55lv_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning-muted);
 }
-._inputWarning_1qlur_26:hover {
+._inputWarning_j55lv_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_1qlur_26:focus {
+._inputWarning_j55lv_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_1qlur_61 {
+._inputDisabled_j55lv_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_1qlur_67 {
+._hideScrollbars_j55lv_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_1qlur_67::-webkit-scrollbar {
+._hideScrollbars_j55lv_67::-webkit-scrollbar {
   display: none;
 }
-._header_1qlur_77 ._headerTitle_1qlur_77,
-._heading_1qlur_78 ._itemHeader_1qlur_78 {
+._header_j55lv_77 ._headerTitle_j55lv_77,
+._heading_j55lv_78 ._itemHeader_j55lv_78 {
   transition: opacity 0.3s;
 }
-._narrow_1qlur_81 ._header_1qlur_77 ._headerTitle_1qlur_77,
-._narrow_1qlur_81 ._heading_1qlur_78 ._itemHeader_1qlur_78 {
+._narrow_j55lv_81 ._header_j55lv_77 ._headerTitle_j55lv_77,
+._narrow_j55lv_81 ._heading_j55lv_78 ._itemHeader_j55lv_78 {
   opacity: 0;
 }
-._stickyHeader_1qlur_85 {
+._stickyHeader_j55lv_85 {
   position: sticky;
   top: 0;
   background-color: var(--color-background);
   z-index: 10;
 }
-._itemHeader_1qlur_78 {
+._itemHeader_j55lv_78 {
   padding: var(--padding-xs) var(--padding);
   display: flex;
   align-items: flex-start;
 }
-._itemHeader_1qlur_78 ._title_1qlur_96 {
+._itemHeader_j55lv_78 ._title_j55lv_96 {
   margin: 0;
   padding: 0;
   flex-grow: 1;
   min-width: 0;
 }
-._itemHeader_1qlur_78 ._name_1qlur_102 {
+._itemHeader_j55lv_78 ._name_j55lv_102 {
   font-weight: 400;
 }
-._itemHeader_1qlur_78 ._iconTooltipMargin_1qlur_105 {
+._itemHeader_j55lv_78 ._iconTooltipMargin_j55lv_105 {
   margin-left: var(--padding-xs);
 }
-._itemHeader_1qlur_78 ._bold_1qlur_108 {
+._itemHeader_j55lv_78 ._bold_j55lv_108 {
   font-weight: bold;
 }
-._header_1qlur_77 {
+._header_j55lv_77 {
   padding: var(--padding);
   display: flex;
   align-items: center;
   border-bottom: 1px solid var(--color-border);
 }
-._toggleNarrow_1qlur_117 {
+._toggleNarrow_j55lv_117 {
   margin-right: 16px;
   margin-left: -5px;
   color: #c8c8c8;
@@ -2870,16 +2870,16 @@ html[data-theme='dark'] {
   width: 22px;
   justify-content: center;
 }
-._toggleNarrow_1qlur_117:hover {
+._toggleNarrow_j55lv_117:hover {
   color: var(--color-text-primary-hover);
 }
-._toggleNarrow_1qlur_117:active {
+._toggleNarrow_j55lv_117:active {
   color: var(--color-text-primary-active);
 }
-._narrow_1qlur_81 ._toggleNarrow_1qlur_117 {
+._narrow_j55lv_81 ._toggleNarrow_j55lv_117 {
   transform: scaleX(-1);
 }
-._drag_1qlur_135 {
+._drag_j55lv_135 {
   color: var(--color-text-faint);
   display: flex;
   align-items: center;
@@ -2893,28 +2893,28 @@ html[data-theme='dark'] {
   width: var(--size-sm);
   flex-shrink: 0;
 }
-._drag_1qlur_135:hover {
+._drag_j55lv_135:hover {
   color: var(--color-text-primary-hover);
 }
-._drag_1qlur_135:active {
+._drag_j55lv_135:active {
   color: var(--color-text-primary-active);
 }
-._list_1qlur_155 {
+._list_j55lv_155 {
   flex-shrink: 0;
   background: var(--color-background);
 }
-._list_1qlur_155._bordered_1qlur_159:first-child,
-._list_1qlur_155._bordered_1qlur_159:first-child > :first-child {
+._list_j55lv_155._bordered_j55lv_159:first-child,
+._list_j55lv_155._bordered_j55lv_159:first-child > :first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._list_1qlur_155._bordered_1qlur_159:last-child,
-._list_1qlur_155._bordered_1qlur_159:last-child > :last-child {
+._list_j55lv_155._bordered_j55lv_159:last-child,
+._list_j55lv_155._bordered_j55lv_159:last-child > :last-child {
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
   border-bottom: 0;
 }
-._item_1qlur_78 {
+._item_j55lv_78 {
   color: inherit;
   display: block;
   transition: background-color 0.2s;
@@ -2925,7 +2925,7 @@ html[data-theme='dark'] {
   overflow-wrap: break-word;
   hyphens: auto;
 }
-._item_1qlur_78:not(._heading_1qlur_78):after {
+._item_j55lv_78:not(._heading_j55lv_78):after {
   content: '';
   position: absolute;
   left: 0;
@@ -2936,41 +2936,41 @@ html[data-theme='dark'] {
   border-bottom-left-radius: inherit;
   transition: background 0.3s, width 0.3s;
 }
-._item_1qlur_78._action_1qlur_192 {
+._item_j55lv_78._action_j55lv_192 {
   cursor: pointer;
 }
-._item_1qlur_78._action_1qlur_192:not(._active_1qlur_195):hover {
+._item_j55lv_78._action_j55lv_192:not(._active_j55lv_195):hover {
   background: var(--color-background-listitem-hover);
 }
-._item_1qlur_78._action_1qlur_192:not(._active_1qlur_195):hover:after {
+._item_j55lv_78._action_j55lv_192:not(._active_j55lv_195):hover:after {
   width: 5px;
   background: rgba(0, 0, 0, 0.1);
 }
-._item_1qlur_78._indented_1qlur_202:after {
+._item_j55lv_78._indented_j55lv_202:after {
   width: 3px;
   background: rgba(0, 0, 0, 0.1);
 }
-._item_1qlur_78._active_1qlur_195 {
+._item_j55lv_78._active_j55lv_195 {
   cursor: default;
   position: relative;
   z-index: 1;
   background: var(--color-background-listitem-active);
 }
-._item_1qlur_78._active_1qlur_195:after {
+._item_j55lv_78._active_j55lv_195:after {
   background: var(--color-background-primary) !important;
 }
-._item_1qlur_78._disabled_1qlur_215 {
+._item_j55lv_78._disabled_j55lv_215 {
   color: var(--color-text-faint);
   pointer-events: none;
 }
-._item_1qlur_78._heading_1qlur_78 {
+._item_j55lv_78._heading_j55lv_78 {
   color: var(--color-text-muted);
   background-color: var(--color-background-cardheader);
 }
-._item_1qlur_78._heading_1qlur_78._action_1qlur_192:hover {
+._item_j55lv_78._heading_j55lv_78._action_j55lv_192:hover {
   color: var(--color-text-primary-hover);
 }
-._item_1qlur_78 ._label_1qlur_226 {
+._item_j55lv_78 ._label_j55lv_226 {
   margin-right: var(--padding-xs);
   flex-shrink: 0;
   width: var(--size-sm);
@@ -2981,38 +2981,38 @@ html[data-theme='dark'] {
   align-items: center;
   justify-content: center;
 }
-._item_1qlur_78 ._details_1qlur_237,
-._item_1qlur_78 ._metadata_1qlur_238 {
+._item_j55lv_78 ._details_j55lv_237,
+._item_j55lv_78 ._metadata_j55lv_238 {
   display: block;
   width: 100%;
   font-weight: normal;
 }
-._item_1qlur_78 ._metadata_1qlur_238 {
+._item_j55lv_78 ._metadata_j55lv_238 {
   color: var(--color-text-muted);
 }
-._item_1qlur_78 ._itemContent_1qlur_246 {
+._item_j55lv_78 ._itemContent_j55lv_246 {
   padding: 0 var(--padding) var(--padding-sm);
   cursor: auto;
 }
-._item_1qlur_78 ._itemContent_1qlur_246:empty {
+._item_j55lv_78 ._itemContent_j55lv_246:empty {
   padding: inherit;
 }
-._indentIcon_1qlur_253 {
+._indentIcon_j55lv_253 {
   color: var(--color-text-faint);
   flex-shrink: 0;
   margin-right: var(--padding-xxs);
 }
-._expandIcon_1qlur_258 {
+._expandIcon_j55lv_258 {
   flex-shrink: 0;
   position: relative;
   display: flex;
   height: var(--line-height);
   margin-right: var(--padding-xs);
 }
-._expandIcon_1qlur_258._expanded_1qlur_265 svg {
+._expandIcon_j55lv_258._expanded_j55lv_265 svg {
   transform: rotate(90deg);
 }
-._right_1qlur_268 {
+._right_j55lv_268 {
   margin-left: auto;
   display: flex;
   align-items: center;
@@ -3020,24 +3020,27 @@ html[data-theme='dark'] {
   margin-bottom: calc((var(--line-height) - var(--size-sm)) / 2);
   min-height: var(--size-sm);
 }
-._actions_1qlur_276 {
+._actions_j55lv_276 {
   margin-left: var(--padding-xs);
   display: flex;
   align-items: center;
 }
-._scrollableList_1qlur_281 {
+._scrollableList_j55lv_281 {
   height: 100%;
   overflow-y: auto;
   scroll-behavior: smooth;
 }
-._hideScrollbar_1qlur_67 {
+._infiniteScrollContainer_j55lv_286 {
+  overflow: hidden !important;
+}
+._hideScrollbar_j55lv_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbar_1qlur_67::-webkit-scrollbar {
+._hideScrollbar_j55lv_67::-webkit-scrollbar {
   display: none;
 }
 ._loader_477i5_1 {

package/dist/index.d.ts CHANGED Viewed

@@ -1258,11 +1258,18 @@ declare interface IStaticCell extends TCommonCell {
 }
 declare interface ISubAction {
+    type?: string;
     label?: TStringNumberNull;
     icon?: ReactNode;
-    onClick: TFunction;
+    onClick?: TFunction;
     testId?: string;
     disabled?: boolean;
+    menu?: {
+        trigger: string;
+        label: ReactNode | string;
+        sections?: ReactNode | IMenuSection[];
+        testId?: string;
+    };
 }
 declare interface ISubAction_2 {

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-~~pNLRgTGq~~.js"></script><link rel="stylesheet" crossorigin href="/react-ui-library/assets/index-~~1SRgv0eL~~.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-KHBkFPvW.js"></script><link rel="stylesheet" crossorigin href="/react-ui-library/assets/index-Z_bN_4fb.css"></head><body><div id="content"></div></body>

package/dist/index.js CHANGED Viewed

@@ -4998,11 +4998,12 @@ const SubmenuActions = (props) => {
       component: menuButton,
       sections: subActions.map((a2) => {
         return {
-          type: "Option",
+          type: a2.type ?? "Option",
           label: a2.label,
           icon: a2.icon,
           testId: a2.testId,
           disabled: a2.disabled,
+          menu: a2.menu,
           onClick: (evt) => {
             evt.stopPropagation();
             evt.preventDefault();