kui-complex 0.0.122 → 0.0.124

package/index.d.ts

@@ -30,6 +30,7 @@ type ButtonsPanelProps = {
   onChange?: (value: number) => void
   startComponent?: ReactNode
   endComponent?: ReactNode
+  navigate?: (path: string) => void
 }
 
 /** @jsxImportSource @emotion/react */

package/index.js

@@ -160,12 +160,17 @@ var inactiveStyles = css(templateObject_2$p || (templateObject_2$p = __makeTempl
 var templateObject_1$F, templateObject_2$p;
 
 var ButtonsPanel = forwardRef(function (_a, ref) {
-    var tabs = _a.tabs, tabPanels = _a.tabPanels, paths = _a.paths, activeTab = _a.activeTab, isSticky = _a.isSticky, onChange = _a.onChange, startComponent = _a.startComponent, endComponent = _a.endComponent, otherProps = __rest(_a, ["tabs", "tabPanels", "paths", "activeTab", "isSticky", "onChange", "startComponent", "endComponent"]);
+    var tabs = _a.tabs, tabPanels = _a.tabPanels, paths = _a.paths, activeTab = _a.activeTab, isSticky = _a.isSticky, onChange = _a.onChange, startComponent = _a.startComponent, endComponent = _a.endComponent, navigate = _a.navigate, otherProps = __rest(_a, ["tabs", "tabPanels", "paths", "activeTab", "isSticky", "onChange", "startComponent", "endComponent", "navigate"]);
     var _b = React.useState(Number(activeTab)), value = _b[0], setValue = _b[1];
     var handleChange = function (newValue) {
         setValue(newValue);
-        if (paths && paths.length)
-            updateQueryParams(paths[newValue]);
+        if (paths === null || paths === void 0 ? void 0 : paths.length) {
+            var path = paths[newValue];
+            if (navigate)
+                navigate(path);
+            else
+                updateQueryParams(path);
+        }
         if (onChange)
             onChange(newValue);
     };
@@ -1469,7 +1474,7 @@ var templateObject_1$2, templateObject_2$2, templateObject_3$1, templateObject_4
 var limitTitle = 100;
 var InputFile = forwardRef(function (props, ref) {
     var _a;
-    var form = props.form, name = props.name, label = props.label, disabled = props.disabled, withEdit = props.withEdit, fileName = props.fileName, onChange = props.onChange, otherProps = __rest(props, ["form", "name", "label", "disabled", "withEdit", "fileName", "onChange"]);
+    var form = props.form, name = props.name, parentName = props.parentName, label = props.label, disabled = props.disabled, withEdit = props.withEdit, fileName = props.fileName, onChange = props.onChange, otherProps = __rest(props, ["form", "name", "parentName", "label", "disabled", "withEdit", "fileName", "onChange"]);
     var _b = useState(false), mounted = _b[0], setMounted = _b[1];
     var _c = useState(), file = _c[0], setFile = _c[1];
     var _d = useState(""), defaultFileURL = _d[0], setDefaultFileURL = _d[1];
@@ -1478,6 +1483,10 @@ var InputFile = forwardRef(function (props, ref) {
         control: form.control,
         name: name,
     }), field = _e.field, fieldState = _e.fieldState;
+    var parentField = useController({
+        control: form.control,
+        name: parentName,
+    }).field;
     var fileExtension = file === null || file === void 0 ? void 0 : file.name.split(".").pop();
     var formattedFile = file && "url" in file
         ? file
@@ -1537,7 +1546,14 @@ var InputFile = forwardRef(function (props, ref) {
         }
         setFile(undefined);
         setDefaultFileURL("");
-        field.onChange({ target: { value: null, name: name }, type: "change" });
+        if (parentName) {
+            parentField.onChange({
+                target: { value: null, name: parentName },
+                type: "change",
+            });
+        }
+        else
+            field.onChange({ target: { value: null, name: name }, type: "change" });
         if (onChange)
             onChange(null);
     };