@oliasoft-open-source/react-ui-library 4.11.1 → 4.12.0-beta-2

package/dist/assets/{index-DoFa61ar.js → index-BVCFmQTa.js}

@@ -6529,7 +6529,7 @@ function resolvePathname(to2, from3) {
   if (hasTrailingSlash && result.substr(-1) !== "/") result += "/";
   return result;
 }
-function warning$8(condition, message) {
+function warning$2(condition, message) {
 }
 var prefix$3 = "Invariant failed";
 function invariant$4(condition, message) {
@@ -11887,12 +11887,12 @@ function useHover(_temp) {
   }];
 }
 const tooltip = "_tooltip_wli9z_1";
-const error$q = "_error_wli9z_15";
-const warning$7 = "_warning_wli9z_19";
+const error$k = "_error_wli9z_15";
+const warning$1 = "_warning_wli9z_19";
 const styles$i = {
   tooltip,
-  error: error$q,
-  warning: warning$7
+  error: error$k,
+  warning: warning$1
 };
 const TooltipLayer = ({
   text: text2 = "",
@@ -17513,36 +17513,32 @@ lodash.exports;
   }).call(commonjsGlobal$1);
 })(lodash, lodash.exports);
 var lodashExports = lodash.exports;
-const inputInTable$5 = "_inputInTable_1k3a0_1";
-const error$p = "_error_1k3a0_7";
-const warning$6 = "_warning_1k3a0_7";
-const inputHover$5 = "_inputHover_1k3a0_13";
-const inputFocus$5 = "_inputFocus_1k3a0_18";
-const inputError$5 = "_inputError_1k3a0_25";
-const inputWarning$5 = "_inputWarning_1k3a0_26";
-const inputDisabled$5 = "_inputDisabled_1k3a0_61";
-const hideScrollbars$5 = "_hideScrollbars_1k3a0_67";
-const button$1 = "_button_1k3a0_100";
-const active$6 = "_active_1k3a0_135";
-const green = "_green_1k3a0_135";
-const red = "_red_1k3a0_135";
-const orange = "_orange_1k3a0_135";
-const icon$2 = "_icon_1k3a0_147";
-const iconOnly = "_iconOnly_1k3a0_153";
-const basic = "_basic_1k3a0_163";
-const muted$2 = "_muted_1k3a0_169";
-const disabled$3 = "_disabled_1k3a0_188";
-const small$3 = "_small_1k3a0_198";
-const pill = "_pill_1k3a0_203";
-const round = "_round_1k3a0_204";
-const inverted = "_inverted_1k3a0_310";
-const groupOrderFirst$1 = "_groupOrderFirst_1k3a0_340";
-const groupOrderMiddle$1 = "_groupOrderMiddle_1k3a0_341";
-const groupOrderLast$1 = "_groupOrderLast_1k3a0_342";
+const inputInTable$5 = "_inputInTable_1m45a_1";
+const inputHover$5 = "_inputHover_1m45a_13";
+const inputFocus$5 = "_inputFocus_1m45a_18";
+const inputError$5 = "_inputError_1m45a_25";
+const inputWarning$5 = "_inputWarning_1m45a_26";
+const inputDisabled$5 = "_inputDisabled_1m45a_61";
+const hideScrollbars$5 = "_hideScrollbars_1m45a_67";
+const button$1 = "_button_1m45a_100";
+const active$6 = "_active_1m45a_135";
+const green = "_green_1m45a_135";
+const red = "_red_1m45a_135";
+const orange = "_orange_1m45a_135";
+const icon$2 = "_icon_1m45a_147";
+const iconOnly = "_iconOnly_1m45a_153";
+const basic = "_basic_1m45a_163";
+const muted$2 = "_muted_1m45a_169";
+const disabled$3 = "_disabled_1m45a_188";
+const small$3 = "_small_1m45a_198";
+const pill = "_pill_1m45a_203";
+const round = "_round_1m45a_204";
+const inverted = "_inverted_1m45a_310";
+const groupOrderFirst$1 = "_groupOrderFirst_1m45a_340";
+const groupOrderMiddle$1 = "_groupOrderMiddle_1m45a_341";
+const groupOrderLast$1 = "_groupOrderLast_1m45a_342";
 const buttonStyles = {
   inputInTable: inputInTable$5,
-  error: error$p,
-  warning: warning$6,
   inputHover: inputHover$5,
   inputFocus: inputFocus$5,
   inputError: inputError$5,
@@ -17672,7 +17668,6 @@ const Button$1 = ({
         pill2 ? buttonStyles.pill : "",
         round2 ? buttonStyles.round : "",
         small2 ? buttonStyles.small : "",
-        error2 ? buttonStyles.error : warning2 ? buttonStyles.warning : "",
         styles2
       ),
       disabled: disabled2 || disabledContext,
@@ -17680,6 +17675,8 @@ const Button$1 = ({
       onClick,
       ...title2 ? { title: title2 } : {},
       style: { width: width2 },
+      "data-error": error2 || null,
+      "data-warning": warning2 || null,
       "data-testid": testId,
       to: url,
       children: [
@@ -18244,6 +18241,8 @@ const Trigger = React$4.forwardRef(
           evt.preventDefault();
           onClickTrigger();
         },
+        "data-error": error2 || null,
+        "data-warning": warning2 || null,
         "data-testid": testId,
         children: /* @__PURE__ */ jsxRuntimeExports.jsx(TriggerTooltip, { tooltip: tooltip2, error: error2, warning: warning2, children: wrappedTrigger })
       }
@@ -19741,8 +19740,8 @@ const center = "_center_11ofj_4";
 const muted$1 = "_muted_11ofj_7";
 const faint = "_faint_11ofj_10";
 const success = "_success_11ofj_13";
-const warning$5 = "_warning_11ofj_16";
-const error$o = "_error_11ofj_19";
+const warning = "_warning_11ofj_16";
+const error$j = "_error_11ofj_19";
 const small$1 = "_small_11ofj_22";
 const link$2 = "_link_11ofj_25";
 const styles$a = {
@@ -19751,8 +19750,8 @@ const styles$a = {
   muted: muted$1,
   faint,
   success,
-  warning: warning$5,
-  error: error$o,
+  warning,
+  error: error$j,
   small: small$1,
   link: link$2
 };
@@ -19862,37 +19861,33 @@ const Heading = ({
     }
   );
 };
-const inputInTable$4 = "_inputInTable_13n8n_1";
-const error$n = "_error_13n8n_7";
-const warning$4 = "_warning_13n8n_7";
-const inputHover$4 = "_inputHover_13n8n_13";
-const inputFocus$4 = "_inputFocus_13n8n_18";
-const inputError$4 = "_inputError_13n8n_25";
-const inputWarning$4 = "_inputWarning_13n8n_26";
-const inputDisabled$4 = "_inputDisabled_13n8n_61";
-const hideScrollbars$4 = "_hideScrollbars_13n8n_67";
-const inline$1 = "_inline_13n8n_90";
-const left$1 = "_left_13n8n_93";
-const right$3 = "_right_13n8n_96";
-const fixed$1 = "_fixed_13n8n_99";
-const border$1 = "_border_13n8n_111";
-const shadow = "_shadow_13n8n_117";
-const drawerContent = "_drawerContent_13n8n_120";
-const isResizing = "_isResizing_13n8n_132";
-const toggleButton = "_toggleButton_13n8n_143";
-const top = "_top_13n8n_156";
-const bottom = "_bottom_13n8n_159";
-const toggleButtonOpen = "_toggleButtonOpen_13n8n_162";
-const tabs = "_tabs_13n8n_165";
-const tab$1 = "_tab_13n8n_165";
-const active$3 = "_active_13n8n_197";
-const disabled$1 = "_disabled_13n8n_222";
-const tabsContent = "_tabsContent_13n8n_229";
-const resizeHandle = "_resizeHandle_13n8n_235";
+const inputInTable$4 = "_inputInTable_1f40p_1";
+const inputHover$4 = "_inputHover_1f40p_13";
+const inputFocus$4 = "_inputFocus_1f40p_18";
+const inputError$4 = "_inputError_1f40p_25";
+const inputWarning$4 = "_inputWarning_1f40p_26";
+const inputDisabled$4 = "_inputDisabled_1f40p_61";
+const hideScrollbars$4 = "_hideScrollbars_1f40p_67";
+const inline$1 = "_inline_1f40p_90";
+const left$1 = "_left_1f40p_93";
+const right$3 = "_right_1f40p_96";
+const fixed$1 = "_fixed_1f40p_99";
+const border$1 = "_border_1f40p_111";
+const shadow = "_shadow_1f40p_117";
+const drawerContent = "_drawerContent_1f40p_120";
+const isResizing = "_isResizing_1f40p_132";
+const toggleButton = "_toggleButton_1f40p_143";
+const top = "_top_1f40p_156";
+const bottom = "_bottom_1f40p_159";
+const toggleButtonOpen = "_toggleButtonOpen_1f40p_162";
+const tabs = "_tabs_1f40p_165";
+const tab$1 = "_tab_1f40p_165";
+const active$3 = "_active_1f40p_197";
+const disabled$1 = "_disabled_1f40p_222";
+const tabsContent = "_tabsContent_1f40p_229";
+const resizeHandle = "_resizeHandle_1f40p_235";
 const styles$8 = {
   inputInTable: inputInTable$4,
-  error: error$n,
-  warning: warning$4,
   inputHover: inputHover$4,
   inputFocus: inputFocus$4,
   inputError: inputError$4,
@@ -22054,26 +22049,22 @@ const Drawer = ({
     }
   );
 };
-const inputInTable$3 = "_inputInTable_rhzw6_1";
-const error$m = "_error_rhzw6_7";
-const warning$3 = "_warning_rhzw6_7";
-const inputHover$3 = "_inputHover_rhzw6_13";
-const inputFocus$3 = "_inputFocus_rhzw6_18";
-const inputError$3 = "_inputError_rhzw6_25";
-const inputWarning$3 = "_inputWarning_rhzw6_26";
-const inputDisabled$3 = "_inputDisabled_rhzw6_61";
-const hideScrollbars$3 = "_hideScrollbars_rhzw6_67";
-const input = "_input_rhzw6_1";
-const isInTable = "_isInTable_rhzw6_100";
-const small = "_small_rhzw6_124";
-const right$2 = "_right_rhzw6_170";
-const groupOrderFirst = "_groupOrderFirst_rhzw6_173";
-const groupOrderMiddle = "_groupOrderMiddle_rhzw6_174";
-const groupOrderLast = "_groupOrderLast_rhzw6_175";
+const inputInTable$3 = "_inputInTable_1285q_1";
+const inputHover$3 = "_inputHover_1285q_13";
+const inputFocus$3 = "_inputFocus_1285q_18";
+const inputError$3 = "_inputError_1285q_25";
+const inputWarning$3 = "_inputWarning_1285q_26";
+const inputDisabled$3 = "_inputDisabled_1285q_61";
+const hideScrollbars$3 = "_hideScrollbars_1285q_67";
+const input = "_input_1285q_1";
+const isInTable = "_isInTable_1285q_100";
+const small = "_small_1285q_124";
+const right$2 = "_right_1285q_170";
+const groupOrderFirst = "_groupOrderFirst_1285q_173";
+const groupOrderMiddle = "_groupOrderMiddle_1285q_174";
+const groupOrderLast = "_groupOrderLast_1285q_175";
 const styles$7 = {
   inputInTable: inputInTable$3,
-  error: error$m,
-  warning: warning$3,
   inputHover: inputHover$3,
   inputFocus: inputFocus$3,
   inputError: inputError$3,
@@ -22163,12 +22154,13 @@ reactExports.forwardRef(
             disabled: disabled2 || disabledContext,
             className: cx$2(
               styles$7.input,
-              error2 ? styles$7.error : warning2 ? styles$7.warning : "",
               right2 ? styles$7.right : "",
               small2 ? styles$7.small : "",
               isInTable2 ? styles$7.isInTable : ""
             ),
             style: { width: width2 },
+            "data-error": error2 || null,
+            "data-warning": warning2 || null,
             "data-testid": testId
           }
         )
@@ -25063,51 +25055,47 @@ function parseThreshold(scrollThreshold) {
   };
   return InfiniteScroll;
 })(reactExports.Component);
-const inputInTable$2 = "_inputInTable_dlqxe_1";
-const error$l = "_error_dlqxe_7";
-const warning$2 = "_warning_dlqxe_7";
-const inputHover$2 = "_inputHover_dlqxe_13";
-const inputFocus$2 = "_inputFocus_dlqxe_18";
-const inputError$2 = "_inputError_dlqxe_25";
-const inputWarning$2 = "_inputWarning_dlqxe_26";
-const inputDisabled$2 = "_inputDisabled_dlqxe_61";
-const hideScrollbars$2 = "_hideScrollbars_dlqxe_67";
-const header = "_header_dlqxe_77";
-const headerTitle = "_headerTitle_dlqxe_77";
-const heading = "_heading_dlqxe_78";
-const itemHeader = "_itemHeader_dlqxe_78";
-const narrow = "_narrow_dlqxe_81";
-const stickyHeader = "_stickyHeader_dlqxe_85";
-const title$3 = "_title_dlqxe_96";
-const name = "_name_dlqxe_102";
-const iconTooltipMargin = "_iconTooltipMargin_dlqxe_105";
-const bold = "_bold_dlqxe_108";
-const toggleNarrow = "_toggleNarrow_dlqxe_117";
-const drag$1 = "_drag_dlqxe_135";
-const list$1 = "_list_dlqxe_155";
-const bordered = "_bordered_dlqxe_159";
-const item$2 = "_item_dlqxe_78";
-const action = "_action_dlqxe_192";
-const active$2 = "_active_dlqxe_195";
-const indented = "_indented_dlqxe_202";
-const disabled = "_disabled_dlqxe_215";
-const label$2 = "_label_dlqxe_226";
-const details = "_details_dlqxe_237";
-const metadata$1 = "_metadata_dlqxe_238";
-const itemContent = "_itemContent_dlqxe_246";
-const indentIcon = "_indentIcon_dlqxe_253";
-const expandIcon = "_expandIcon_dlqxe_258";
-const expanded = "_expanded_dlqxe_265";
-const right$1 = "_right_dlqxe_268";
-const actions = "_actions_dlqxe_276";
-const scrollableList = "_scrollableList_dlqxe_281";
-const infiniteScrollContainer = "_infiniteScrollContainer_dlqxe_286";
-const hideScrollbar = "_hideScrollbar_dlqxe_67";
-const noPointerEvents = "_noPointerEvents_dlqxe_303";
+const inputInTable$2 = "_inputInTable_1llou_1";
+const inputHover$2 = "_inputHover_1llou_13";
+const inputFocus$2 = "_inputFocus_1llou_18";
+const inputError$2 = "_inputError_1llou_25";
+const inputWarning$2 = "_inputWarning_1llou_26";
+const inputDisabled$2 = "_inputDisabled_1llou_61";
+const hideScrollbars$2 = "_hideScrollbars_1llou_67";
+const header = "_header_1llou_77";
+const headerTitle = "_headerTitle_1llou_77";
+const heading = "_heading_1llou_78";
+const itemHeader = "_itemHeader_1llou_78";
+const narrow = "_narrow_1llou_81";
+const stickyHeader = "_stickyHeader_1llou_85";
+const title$3 = "_title_1llou_96";
+const name = "_name_1llou_102";
+const iconTooltipMargin = "_iconTooltipMargin_1llou_105";
+const bold = "_bold_1llou_108";
+const toggleNarrow = "_toggleNarrow_1llou_117";
+const drag$1 = "_drag_1llou_135";
+const list$1 = "_list_1llou_155";
+const bordered = "_bordered_1llou_159";
+const item$2 = "_item_1llou_78";
+const action = "_action_1llou_192";
+const active$2 = "_active_1llou_195";
+const indented = "_indented_1llou_202";
+const disabled = "_disabled_1llou_215";
+const label$2 = "_label_1llou_226";
+const details = "_details_1llou_237";
+const metadata$1 = "_metadata_1llou_238";
+const itemContent = "_itemContent_1llou_246";
+const indentIcon = "_indentIcon_1llou_253";
+const expandIcon = "_expandIcon_1llou_258";
+const expanded = "_expanded_1llou_265";
+const right$1 = "_right_1llou_268";
+const actions = "_actions_1llou_276";
+const scrollableList = "_scrollableList_1llou_281";
+const infiniteScrollContainer = "_infiniteScrollContainer_1llou_286";
+const hideScrollbar = "_hideScrollbar_1llou_67";
+const noPointerEvents = "_noPointerEvents_1llou_303";
 const listStyles = {
   inputInTable: inputInTable$2,
-  error: error$l,
-  warning: warning$2,
   inputHover: inputHover$2,
   inputFocus: inputFocus$2,
   inputError: inputError$2,
@@ -44801,7 +44789,7 @@ function gatherRawExtensions(config, props) {
     return;
   }
   if (names2.includes(extension2.name)) {
-    warning$8(
+    warning$2(
       false,
       `Circular dependency encountered when loading extensions: ${names2.join(" > ")} > ${extension2.name}`
     );
@@ -54929,20 +54917,16 @@ const RichTextToolbar = ({
     toolbarComponent
   ] });
 };
-const inputInTable$1 = "_inputInTable_19adc_1";
-const error$k = "_error_19adc_7";
-const warning$1 = "_warning_19adc_7";
-const inputHover$1 = "_inputHover_19adc_13";
-const inputFocus$1 = "_inputFocus_19adc_18";
-const inputError$1 = "_inputError_19adc_25";
-const inputWarning$1 = "_inputWarning_19adc_26";
-const inputDisabled$1 = "_inputDisabled_19adc_61";
-const hideScrollbars$1 = "_hideScrollbars_19adc_67";
-const richTextInput = "_richTextInput_19adc_77";
+const inputInTable$1 = "_inputInTable_1fb4l_1";
+const inputHover$1 = "_inputHover_1fb4l_13";
+const inputFocus$1 = "_inputFocus_1fb4l_18";
+const inputError$1 = "_inputError_1fb4l_25";
+const inputWarning$1 = "_inputWarning_1fb4l_26";
+const inputDisabled$1 = "_inputDisabled_1fb4l_61";
+const hideScrollbars$1 = "_hideScrollbars_1fb4l_67";
+const richTextInput = "_richTextInput_1fb4l_77";
 const styles$4 = {
   inputInTable: inputInTable$1,
-  error: error$k,
-  warning: warning$1,
   inputHover: inputHover$1,
   inputFocus: inputFocus$1,
   inputError: inputError$1,
@@ -55071,30 +55055,26 @@ var reactFastCompare = function isEqual(a2, b2) {
   }
 };
 const isEqual4 = /* @__PURE__ */ getDefaultExportFromCjs(reactFastCompare);
-const inputInTable = "_inputInTable_16jgo_1";
-const error$j = "_error_16jgo_7";
-const warning = "_warning_16jgo_7";
-const inputHover = "_inputHover_16jgo_13";
-const inputFocus = "_inputFocus_16jgo_18";
-const inputError = "_inputError_16jgo_25";
-const inputWarning = "_inputWarning_16jgo_26";
-const inputDisabled = "_inputDisabled_16jgo_61";
-const hideScrollbars = "_hideScrollbars_16jgo_67";
-const sidebar = "_sidebar_16jgo_82";
-const inner = "_inner_16jgo_93";
-const title$2 = "_title_16jgo_103";
-const subtitle = "_subtitle_16jgo_104";
-const label$1 = "_label_16jgo_105";
-const collapsed = "_collapsed_16jgo_109";
-const list = "_list_16jgo_134";
-const item$1 = "_item_16jgo_140";
-const experimental = "_experimental_16jgo_155";
-const active$1 = "_active_16jgo_159";
-const icon = "_icon_16jgo_163";
+const inputInTable = "_inputInTable_1oy1z_1";
+const inputHover = "_inputHover_1oy1z_13";
+const inputFocus = "_inputFocus_1oy1z_18";
+const inputError = "_inputError_1oy1z_25";
+const inputWarning = "_inputWarning_1oy1z_26";
+const inputDisabled = "_inputDisabled_1oy1z_61";
+const hideScrollbars = "_hideScrollbars_1oy1z_67";
+const sidebar = "_sidebar_1oy1z_82";
+const inner = "_inner_1oy1z_93";
+const title$2 = "_title_1oy1z_103";
+const subtitle = "_subtitle_1oy1z_104";
+const label$1 = "_label_1oy1z_105";
+const collapsed = "_collapsed_1oy1z_109";
+const list = "_list_1oy1z_134";
+const item$1 = "_item_1oy1z_140";
+const experimental = "_experimental_1oy1z_155";
+const active$1 = "_active_1oy1z_159";
+const icon = "_icon_1oy1z_163";
 const styles$3 = {
   inputInTable,
-  error: error$j,
-  warning,
   inputHover,
   inputFocus,
   inputError,

package/dist/index.d.ts

@@ -1569,17 +1569,13 @@ export declare interface IUnitInputProps {
     unitkey?: string;
     initUnit?: string;
     noConversion?: boolean;
-    doNotConvertValue?: boolean;
     testId?: string;
     warning?: string | boolean | null;
     predefinedOptions?: IPredefinedOption[] | null;
-    initialPredefinedOption?: boolean;
-    shouldLinkAutomaticly?: boolean;
-    selectedPredefinedOptionKey?: string;
+    initialPredefinedOption?: string;
     validationCallback?: (name: string, error: string | null) => any;
     disabledValidation?: boolean;
     allowEmpty?: boolean;
-    autoValue?: string;
     onChange?: (event: TChangeEvent | ICustomChangeEvent) => void;
     onSwitchUnit?: (unit: string) => void;
     onClick?: MouseEventHandler<HTMLInputElement>;
@@ -1865,7 +1861,7 @@ declare type TUnitTableCellShape = TCellShape | IUnitTableStaticCell | IUnitTabl
 
 declare type UnitContextType = any;
 
-export declare const UnitInput: ({ name, placeholder, disabled, disabledUnit, error, left, small, width, value, unitkey, initUnit, noConversion, onChange, onClick, onFocus, onSwitchUnit, unitTemplate, doNotConvertValue, testId, warning, predefinedOptions, initialPredefinedOption, shouldLinkAutomaticly, selectedPredefinedOptionKey, validationCallback, disabledValidation, allowEmpty, autoValue, convertBackToStorageUnit, enableCosmeticRounding, enableDisplayRounding, }: IUnitInputProps) => JSX_2.Element;
+export declare const UnitInput: ({ name, placeholder, disabled, disabledUnit, error, left, small, width, value, unitkey, initUnit, noConversion, onChange, onClick, onFocus, onSwitchUnit, unitTemplate, testId, warning, predefinedOptions, initialPredefinedOption, validationCallback, disabledValidation, allowEmpty, convertBackToStorageUnit, enableCosmeticRounding, enableDisplayRounding, }: IUnitInputProps) => JSX_2.Element;
 
 export declare const UnitTable: ({ table, unitConfig, convertBackToStorageUnit, enableCosmeticRounding, enableDisplayRounding, }: IUnitTableProps) => 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-DoFa61ar.js"></script><link rel="stylesheet" crossorigin href="/react-ui-library/assets/index-BpSdrNXy.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-BVCFmQTa.js"></script><link rel="stylesheet" crossorigin href="/react-ui-library/assets/index-BU9wzZv9.css"></head><body><div id="content"></div></body>