npm - @oliasoft-open-source/react-ui-library - Versions diffs - 4.1.2 → 4.1.4 - Mend

@oliasoft-open-source/react-ui-library 4.1.2 → 4.1.4

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 (49) 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-~~c1fad522~~.js"></script><link rel="stylesheet" href="/react-ui-library/assets/index-~~8ad0a531~~.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-b17ea451.js"></script><link rel="stylesheet" href="/react-ui-library/assets/index-4e076e2d.css"></head><body><div id="content"></div></body>

package/dist/assets/{index-8ad0a531.css → index-4e076e2d.css} RENAMED Viewed

@@ -2188,80 +2188,80 @@ html[data-theme='dark'] {
 ._footer_18g0k_47 button:not(:last-child) {
   margin-right: var(--padding-sm);
 }
-._inputInTable_vn7pb_1 {
+._inputInTable_khmhl_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_vn7pb_1:not(:hover) {
+._inputInTable_khmhl_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_vn7pb_1:not(:focus) {
+._inputInTable_khmhl_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_vn7pb_13 {
+._inputHover_khmhl_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_vn7pb_18 {
+._inputFocus_khmhl_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_vn7pb_25,
-._inputWarning_vn7pb_26 {
+._inputError_khmhl_25,
+._inputWarning_khmhl_26 {
   position: relative;
 }
-._inputError_vn7pb_25 {
+._inputError_khmhl_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error-muted);
 }
-._inputError_vn7pb_25:hover {
+._inputError_khmhl_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_vn7pb_25:focus {
+._inputError_khmhl_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_vn7pb_26 {
+._inputWarning_khmhl_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning-muted);
 }
-._inputWarning_vn7pb_26:hover {
+._inputWarning_khmhl_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_vn7pb_26:focus {
+._inputWarning_khmhl_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_vn7pb_61 {
+._inputDisabled_khmhl_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_vn7pb_67 {
+._hideScrollbars_khmhl_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_vn7pb_67::-webkit-scrollbar {
+._hideScrollbars_khmhl_67::-webkit-scrollbar {
   display: none;
 }
 :root {
@@ -2277,37 +2277,37 @@ html[data-theme='dark'] {
   --color-border-drawer-tab: black;
   --color-background-drawer-handle-hover: rgba(255, 255, 255, 0.1);
 }
-._inline_vn7pb_90 {
+._inline_khmhl_90 {
   position: relative;
 }
-._inline_vn7pb_90._left_vn7pb_93 {
+._inline_khmhl_90._left_khmhl_93 {
   order: -1;
 }
-._inline_vn7pb_90._right_vn7pb_96 {
+._inline_khmhl_90._right_khmhl_96 {
   order: 9999;
 }
-._fixed_vn7pb_99 {
+._fixed_khmhl_99 {
   position: fixed;
   top: 0;
   bottom: 0;
   z-index: var(--zindex-drawer);
 }
-._fixed_vn7pb_99._left_vn7pb_93 {
+._fixed_khmhl_99._left_khmhl_93 {
   left: 0;
 }
-._fixed_vn7pb_99._right_vn7pb_96 {
+._fixed_khmhl_99._right_khmhl_96 {
   right: 0;
 }
-._left_vn7pb_93 ._border_vn7pb_111 {
+._left_khmhl_93 ._border_khmhl_111 {
   border-right: 1px solid var(--color-border);
 }
-._right_vn7pb_96 ._border_vn7pb_111 {
+._right_khmhl_96 ._border_khmhl_111 {
   border-left: 1px solid var(--color-border);
 }
-._shadow_vn7pb_117 {
+._shadow_khmhl_117 {
   box-shadow: var(--shadow-layer);
 }
-._drawerContent_vn7pb_120 {
+._drawerContent_khmhl_120 {
   overflow-x: hidden;
   overflow-y: auto;
   max-height: 100%;
@@ -2319,40 +2319,40 @@ html[data-theme='dark'] {
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._isResizing_vn7pb_132 ._drawerContent_vn7pb_120 {
+._isResizing_khmhl_132 ._drawerContent_khmhl_120 {
   transition: none;
 }
 @media print {
-  ._drawerContent_vn7pb_120 {
+  ._drawerContent_khmhl_120 {
     background: transparent !important;
   }
 }
-._drawerContent_vn7pb_120::-webkit-scrollbar {
+._drawerContent_khmhl_120::-webkit-scrollbar {
   display: none;
 }
-._toggleButton_vn7pb_143 {
+._toggleButton_khmhl_143 {
   transition: transform 0.2s;
   display: inline-block;
   transform: rotate(180deg);
   position: absolute;
   z-index: calc(var(--zindex-drawer) + 3);
 }
-._left_vn7pb_93 ._toggleButton_vn7pb_143 {
+._left_khmhl_93 ._toggleButton_khmhl_143 {
   right: calc(var(--size) / -2);
 }
-._right_vn7pb_96 ._toggleButton_vn7pb_143 {
+._right_khmhl_96 ._toggleButton_khmhl_143 {
   left: calc(var(--size) / -2);
 }
-._toggleButton_vn7pb_143._top_vn7pb_156 {
+._toggleButton_khmhl_143._top_khmhl_156 {
   top: var(--padding);
 }
-._toggleButton_vn7pb_143._bottom_vn7pb_159 {
+._toggleButton_khmhl_143._bottom_khmhl_159 {
   bottom: var(--padding);
 }
-._toggleButton_vn7pb_143._toggleButtonOpen_vn7pb_162 {
+._toggleButton_khmhl_143._toggleButtonOpen_khmhl_162 {
   transform: rotate(0deg);
 }
-._tabs_vn7pb_165 {
+._tabs_khmhl_165 {
   position: absolute;
   top: 0;
   bottom: 0;
@@ -2362,13 +2362,13 @@ html[data-theme='dark'] {
   border-left: 1px solid var(--color-border);
   border-right: 1px solid var(--color-border);
 }
-._left_vn7pb_93 ._tabs_vn7pb_165 {
+._left_khmhl_93 ._tabs_khmhl_165 {
   right: 0;
 }
-._right_vn7pb_96 ._tabs_vn7pb_165 {
+._right_khmhl_96 ._tabs_khmhl_165 {
   left: 0;
 }
-._tabs_vn7pb_165 ._tab_vn7pb_165 {
+._tabs_khmhl_165 ._tab_khmhl_165 {
   font-size: var(--size-sm);
   height: var(--size-drawer-tabs);
   width: var(--size-drawer-tabs);
@@ -2380,42 +2380,49 @@ html[data-theme='dark'] {
   transition: color 0.2s, background-color 0.2s;
   border: 1px solid var(--color-border-drawer-tab);
 }
-._left_vn7pb_93 ._tabs_vn7pb_165 ._tab_vn7pb_165 {
+._left_khmhl_93 ._tabs_khmhl_165 ._tab_khmhl_165 {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
-._left_vn7pb_93 ._tabs_vn7pb_165 ._tab_vn7pb_165._active_vn7pb_197 {
+._left_khmhl_93 ._tabs_khmhl_165 ._tab_khmhl_165._active_khmhl_197 {
   border-left-color: transparent;
 }
-._right_vn7pb_96 ._tabs_vn7pb_165 ._tab_vn7pb_165 {
+._right_khmhl_96 ._tabs_khmhl_165 ._tab_khmhl_165 {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
-._right_vn7pb_96 ._tabs_vn7pb_165 ._tab_vn7pb_165._active_vn7pb_197 {
+._right_khmhl_96 ._tabs_khmhl_165 ._tab_khmhl_165._active_khmhl_197 {
   border-right-color: transparent;
 }
-._tabs_vn7pb_165 ._tab_vn7pb_165:not(._active_vn7pb_197) {
+._tabs_khmhl_165 ._tab_khmhl_165:not(._active_khmhl_197) {
   color: var(--color-text-primary);
   background-color: var(--color-background-drawer-tab) !important;
 }
-._tabs_vn7pb_165 ._tab_vn7pb_165:not(._active_vn7pb_197):hover {
+._tabs_khmhl_165 ._tab_khmhl_165:not(._active_khmhl_197):hover {
   color: var(--color-text);
   background-color: var(--color-background-drawer-tab-hover) !important;
 }
-._tabs_vn7pb_165 ._tab_vn7pb_165._active_vn7pb_197 {
+._tabs_khmhl_165 ._tab_khmhl_165._active_khmhl_197 {
   color: var(--color-text);
   border-color: var(--color-border);
 }
-._tabs_vn7pb_165 ._tab_vn7pb_165 svg {
+._tabs_khmhl_165 ._tab_khmhl_165 svg {
   stroke-width: 1.125;
 }
-._left_vn7pb_93 ._tabsContent_vn7pb_222 {
+._tabs_khmhl_165 ._tab_khmhl_165._disabled_khmhl_222 {
+  cursor: default;
+  pointer-events: none;
+  color: var(--color-text-faint) !important;
+  background-color: var(--color-background-disabled) !important;
+  border-color: var(--color-border) !important;
+}
+._left_khmhl_93 ._tabsContent_khmhl_229 {
   padding-right: calc(var(--size-drawer-tabs) - 1px);
 }
-._right_vn7pb_96 ._tabsContent_vn7pb_222 {
+._right_khmhl_96 ._tabsContent_khmhl_229 {
   padding-left: calc(var(--size-drawer-tabs) - 1px);
 }
-._resizeHandle_vn7pb_228 {
+._resizeHandle_khmhl_235 {
   --size-resize-handle: 10px;
   position: absolute;
   top: 0;
@@ -2429,18 +2436,18 @@ html[data-theme='dark'] {
   font-size: var(--size-resize-handle);
   transition: all 0.2s;
 }
-._resizeHandle_vn7pb_228:hover {
+._resizeHandle_khmhl_235:hover {
   background: var(--color-background-drawer-handle-hover);
   color: var(--color-text-primary);
 }
-._resizeHandle_vn7pb_228:active {
+._resizeHandle_khmhl_235:active {
   background: var(--color-text-primary);
   color: white;
 }
-._left_vn7pb_93 ._resizeHandle_vn7pb_228 {
+._left_khmhl_93 ._resizeHandle_khmhl_235 {
   right: 0;
 }
-._right_vn7pb_96 ._resizeHandle_vn7pb_228 {
+._right_khmhl_96 ._resizeHandle_khmhl_235 {
   left: 0;
 }
 ._empty_fe425_1 {

package/dist/assets/{index-c1fad522.js → index-b17ea451.js} RENAMED Viewed

@@ -10572,7 +10572,7 @@ const checkbox = "_checkbox_1ybyr_1";
 const noLabel = "_noLabel_1ybyr_17";
 const small$d = "_small_1ybyr_20";
 const checkmark = "_checkmark_1ybyr_43";
-const disabled$9 = "_disabled_1ybyr_67";
+const disabled$a = "_disabled_1ybyr_67";
 const noMargin$2 = "_noMargin_1ybyr_81";
 const isInTable$4 = "_isInTable_1ybyr_84";
 const helpIconEnabled$2 = "_helpIconEnabled_1ybyr_87";
@@ -10581,7 +10581,7 @@ const styles$S = {
   noLabel,
   small: small$d,
   checkmark,
-  disabled: disabled$9,
+  disabled: disabled$a,
   noMargin: noMargin$2,
   isInTable: isInTable$4,
   helpIconEnabled: helpIconEnabled$2
@@ -18232,7 +18232,7 @@ 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 disabled$9 = "_disabled_1rzkf_188";
 const small$c = "_small_1rzkf_198";
 const pill = "_pill_1rzkf_203";
 const round = "_round_1rzkf_204";
@@ -18259,7 +18259,7 @@ const buttonStyles = {
   iconOnly,
   basic,
   muted: muted$2,
-  disabled: disabled$8,
+  disabled: disabled$9,
   small: small$c,
   pill,
   round,
@@ -18428,7 +18428,7 @@ const description$2 = "_description_uioq1_151";
 const arrow$1 = "_arrow_uioq1_155";
 const divider$1 = "_divider_uioq1_159";
 const deprecatedSemanticIcon = "_deprecatedSemanticIcon_uioq1_163";
-const disabled$7 = "_disabled_uioq1_167";
+const disabled$8 = "_disabled_uioq1_167";
 const buttonLabel = "_buttonLabel_uioq1_172";
 const buttonCaret = "_buttonCaret_uioq1_178";
 const component = "_component_uioq1_182";
@@ -18457,7 +18457,7 @@ const styles$M = {
   arrow: arrow$1,
   divider: divider$1,
   deprecatedSemanticIcon,
-  disabled: disabled$7,
+  disabled: disabled$8,
   buttonLabel,
   buttonCaret,
   component,
@@ -19257,14 +19257,14 @@ const breadcrumb = "_breadcrumb_2k0cd_1";
 const small$a = "_small_2k0cd_4";
 const labelContainer = "_labelContainer_2k0cd_7";
 const active$5 = "_active_2k0cd_17";
-const disabled$6 = "_disabled_2k0cd_22";
+const disabled$7 = "_disabled_2k0cd_22";
 const separator = "_separator_2k0cd_27";
 const styles$K = {
   breadcrumb,
   small: small$a,
   labelContainer,
   active: active$5,
-  disabled: disabled$6,
+  disabled: disabled$7,
   separator
 };
 const label$8 = "_label_iu2wi_1";
@@ -20613,30 +20613,31 @@ const styles$E = {
   content: content$3,
   footer: footer$2
 };
-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 inputInTable$a = "_inputInTable_khmhl_1";
+const inputHover$a = "_inputHover_khmhl_13";
+const inputFocus$a = "_inputFocus_khmhl_18";
+const inputError$a = "_inputError_khmhl_25";
+const inputWarning$a = "_inputWarning_khmhl_26";
+const inputDisabled$a = "_inputDisabled_khmhl_61";
+const hideScrollbars$a = "_hideScrollbars_khmhl_67";
+const inline$2 = "_inline_khmhl_90";
+const left$2 = "_left_khmhl_93";
+const right$6 = "_right_khmhl_96";
+const fixed$1 = "_fixed_khmhl_99";
+const border$1 = "_border_khmhl_111";
+const shadow = "_shadow_khmhl_117";
+const drawerContent = "_drawerContent_khmhl_120";
+const isResizing = "_isResizing_khmhl_132";
+const toggleButton = "_toggleButton_khmhl_143";
+const top = "_top_khmhl_156";
+const bottom = "_bottom_khmhl_159";
+const toggleButtonOpen = "_toggleButtonOpen_khmhl_162";
+const tabs$1 = "_tabs_khmhl_165";
+const tab$1 = "_tab_khmhl_165";
+const active$4 = "_active_khmhl_197";
+const disabled$6 = "_disabled_khmhl_222";
+const tabsContent = "_tabsContent_khmhl_229";
+const resizeHandle = "_resizeHandle_khmhl_235";
 const styles$D = {
   inputInTable: inputInTable$a,
   inputHover: inputHover$a,
@@ -20660,6 +20661,7 @@ const styles$D = {
   tabs: tabs$1,
   tab: tab$1,
   active: active$4,
+  disabled: disabled$6,
   tabsContent,
   resizeHandle
 };
@@ -20683,10 +20685,11 @@ const DrawerTabs = ({
       {
         className: cx$2(
           styles$D.tab,
-          activeTab === index2 && open ? styles$D.active : ""
+          activeTab === index2 && open ? styles$D.active : "",
+          tab2.disabled ? styles$D.disabled : ""
         ),
         style: { background: background2 },
-        onClick: () => handleTabClick(index2),
+        onClick: !tab2.disabled ? () => handleTabClick(index2) : void 0,
         "data-testid": testId && `${testId}-icon-${index2}`,
         children: /* @__PURE__ */ jsxRuntimeExports.jsx(TabBadge, { badge: tab2.badge, children: tab2.icon })
       },

package/dist/index.d.ts CHANGED Viewed

@@ -74,6 +74,8 @@ export declare const Dialog: ({ dialog }: IDialogProps) => JSX_2.Element;
 export declare const DisabledContext: React_2.Context<boolean>;
+export declare const dismissToast: (id: Id) => void;
 export declare const Divider: ({ children, margin, color, align, }: IDividerProps) => JSX_2.Element;
 export declare const Drawer: ({ background, fixed, open: openProp, setOpen: setOpenProp, right, width, closedWidth, shadow, top, button, buttonAnimate, buttonPosition, border, children, tabs, defaultTabIndex, activeTab: activeTabProp, setActiveTab: setActiveTabProp, testId, onResize, getActiveTab, onClose, onOpen, }: IDrawerProps) => JSX_2.Element;
@@ -778,7 +780,7 @@ export declare interface IMessageProps {
     message: IMessage;
 }
-declare type IMessageType = {
+export declare type IMessageType = {
     type?: TMessageType | string;
     icon?: boolean;
     heading?: string | number;
@@ -1359,7 +1361,7 @@ export declare interface ITextProps {
 export declare interface IToastProps {
     id?: Id;
     message: IMessageType;
-    autoClose?: number;
+    autoClose?: number | false;
     onClose?: TEmpty;
 }

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-~~c1fad522~~.js"></script><link rel="stylesheet" href="/react-ui-library/assets/index-~~8ad0a531~~.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-b17ea451.js"></script><link rel="stylesheet" href="/react-ui-library/assets/index-4e076e2d.css"></head><body><div id="content"></div></body>

package/dist/index.js CHANGED Viewed

@@ -65194,7 +65194,7 @@ const toast = ({
     toastId: id2,
     autoClose,
     onClose,
-    hideProgressBar: false,
+    hideProgressBar: autoClose === false,
     icon: false,
     closeOnClick: false,
     pauseOnHover: true,
@@ -65204,6 +65204,9 @@ const toast = ({
     type: toastType
   });
 };
+const dismissToast = (id2) => {
+  toast$1.dismiss(id2);
+};
 const toggle$1 = "_toggle_1mo1i_9";
 const small = "_small_1mo1i_25";
 const disabled = "_disabled_1mo1i_102";
@@ -77464,6 +77467,7 @@ export {
   TopBar,
   Tree,
   TriggerType,
+  dismissToast,
   readFile,
   toast,
   useFocus,