@oliasoft-open-source/react-ui-library 4.6.15 → 4.6.17

package/dist/global.css

@@ -1685,17 +1685,20 @@ html[data-theme='dark'] {
     transform: rotate(360deg);
   }
 }
-._actions_1nid8_1 {
+._actions_1t7vd_1 {
   margin-left: auto;
   display: flex;
   flex-wrap: nowrap;
   justify-content: flex-end;
   align-items: center;
 }
-._actions_1nid8_1 > *:not(:last-child) {
+._actions_1t7vd_1 > *:not(:last-child) {
   margin-right: var(--padding-xxs);
 }
-._actionComponentContainer_1nid8_11 {
+._childComponent_1t7vd_11 {
+  display: inline-flex;
+}
+._actionComponentContainer_1t7vd_14 {
   width: 24px;
   height: 24px;
   display: inline-flex;
@@ -1708,16 +1711,16 @@ html[data-theme='dark'] {
   transition: color 0.2s;
   line-height: 0;
 }
-._actionComponentContainer_1nid8_11 i {
+._actionComponentContainer_1t7vd_14 i {
   margin: 0;
   line-height: 1 !important;
 }
-._actionComponentContainer_1nid8_11:hover,
-._actionComponentContainer_1nid8_11:focus {
+._actionComponentContainer_1t7vd_14:hover,
+._actionComponentContainer_1t7vd_14:focus {
   color: var(--color-text-primary-hover);
 }
-._actionComponentContainer_1nid8_11:active,
-._actionComponentContainer_1nid8_11._active_1nid8_33 {
+._actionComponentContainer_1t7vd_14:active,
+._actionComponentContainer_1t7vd_14._active_1t7vd_36 {
   color: var(--color-text-primary-active);
 }
 ._wrapper_1iw97_1 {

package/dist/index.d.ts

@@ -92,6 +92,8 @@ export declare const Empty: ({ width, height, text, children, testId, }: IEmptyP
 
 export declare const Field: ({ label, labelLeft, labelWidth, children, helpText, helpTextMaxWidth, onClickHelp, lock, info, libraryIcon, testId, }: IFieldProps) => JSX_2.Element;
 
+export declare const FileButton: ({ file, accept, multi, name, disabled, onChange, ...buttonProps }: IFileButtonProps) => JSX_2.Element;
+
 export declare const FileInput: ({ label, loading, placeholder, disabled, file, accept, multi, name, width, onChange, testId, }: IFileInputProps) => ReactElement;
 
 export declare const Flex: ({ alignItems, justifyContent, direction, height, children, wrap, gap, }: IFlexProps) => JSX_2.Element;
@@ -397,6 +399,14 @@ export declare interface IFieldProps {
     testId?: string;
 }
 
+export declare interface IFileButtonProps extends IButtonProps {
+    file?: File;
+    accept?: string;
+    multi?: boolean;
+    name?: string;
+    onChange?: (evt: any) => void;
+}
+
 export declare interface IFileInputProps {
     label?: string | null;
     loading?: boolean;
@@ -1536,6 +1546,11 @@ export declare interface ITreeProps {
 }
 
 declare interface IUnitConfigItem {
+    onChange?: (params: {
+        oldUnit: string;
+        newUnit: string;
+        unitKey: string;
+    }) => void;
     unitKey: string;
     storageUnit: string;
     preferredUnit: string;

package/dist/index.js

@@ -4211,11 +4211,13 @@ const Button$1 = ({
     }
   ) });
 };
-const actions$2 = "_actions_1nid8_1";
-const actionComponentContainer = "_actionComponentContainer_1nid8_11";
-const active$7 = "_active_1nid8_33";
+const actions$2 = "_actions_1t7vd_1";
+const childComponent = "_childComponent_1t7vd_11";
+const actionComponentContainer = "_actionComponentContainer_1t7vd_14";
+const active$7 = "_active_1t7vd_36";
 const styles$M = {
   actions: actions$2,
+  childComponent,
   actionComponentContainer,
   active: active$7
 };
@@ -5029,7 +5031,15 @@ const Actions = (props) => {
     const hidden2 = (action2 == null ? void 0 : action2.hidden) || !action2 || !Object.keys(action2).length;
     if (!hidden2) {
       if (action2.childComponent && React__default.isValidElement(action2.childComponent)) {
-        return /* @__PURE__ */ jsx("div", { "data-testid": action2.testId, children: action2.childComponent }, index2);
+        return /* @__PURE__ */ jsx(
+          "div",
+          {
+            "data-testid": action2.testId,
+            className: styles$M.childComponent,
+            children: action2.childComponent
+          },
+          index2
+        );
       } else if (action2.subActions) {
         return /* @__PURE__ */ jsx(
           SubmenuActions,
@@ -9068,6 +9078,48 @@ const Empty = ({
     }
   );
 };
+const FileButton = ({
+  file,
+  accept,
+  multi,
+  name: name2,
+  disabled: disabled2,
+  onChange = () => {
+  },
+  ...buttonProps
+}) => {
+  const disabledContext = useContext(DisabledContext);
+  const inputRef = useRef(null);
+  const handleClick2 = () => {
+    var _a;
+    if (!(disabled2 || disabledContext))
+      (_a = inputRef.current) == null ? void 0 : _a.click();
+  };
+  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    /* @__PURE__ */ jsx(Button$1, { ...buttonProps, onClick: handleClick2 }),
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        name: name2,
+        ref: inputRef,
+        style: { display: "none" },
+        type: "file",
+        accept,
+        multiple: multi,
+        onChange: (evt) => {
+          var _a, _b, _c;
+          onChange({
+            ...evt,
+            target: {
+              ...evt.target,
+              value: multi ? (_a = evt == null ? void 0 : evt.target) == null ? void 0 : _a.files : (_c = (_b = evt == null ? void 0 : evt.target) == null ? void 0 : _b.files) == null ? void 0 : _c[0]
+            }
+          });
+        }
+      }
+    )
+  ] });
+};
 const inputGroup = "_inputGroup_biuoa_1";
 const styles$A = {
   inputGroup
@@ -70812,10 +70864,22 @@ const UnitTable = ({
   const onChangeUnit = ({
     unitKey,
     value
-  }) => setSelectedUnits({
-    ...selectedUnits,
-    [unitKey]: value
-  });
+  }) => {
+    setSelectedUnits({
+      ...selectedUnits,
+      [unitKey]: value
+    });
+    const specificUnitConfiguration = unitConfig.find(
+      (configuration) => configuration.unitKey === unitKey
+    );
+    if (specificUnitConfiguration && typeof specificUnitConfiguration.onChange === "function") {
+      specificUnitConfiguration.onChange({
+        oldUnit: selectedUnits[unitKey],
+        newUnit: value,
+        unitKey
+      });
+    }
+  };
   const convertViewData = (selectedUnits2) => convertVisibleRows({
     headers,
     rows,
@@ -70831,7 +70895,13 @@ const UnitTable = ({
   useEffect(() => {
     const templateChanged = !isEqual$4(preferredUnits, previousPreferredUnits);
     if (templateChanged) {
-      setSelectedUnits(preferredUnits);
+      Object.keys(preferredUnits).forEach((unitKey) => {
+        const oldUnit = previousPreferredUnits == null ? void 0 : previousPreferredUnits[unitKey];
+        const newUnit = preferredUnits[unitKey];
+        if (oldUnit !== newUnit) {
+          onChangeUnit({ unitKey, value: newUnit });
+        }
+      });
       setViewData(convertViewData(preferredUnits));
     }
   }, [unitConfig]);
@@ -71020,6 +71090,7 @@ export {
   ElementType,
   Empty,
   Field,
+  FileButton,
   FileInput,
   Flex,
   FormRow,