@astral/ui 4.34.0 → 4.34.2

package/node/hook-form/FormQuickFilters/useLogic/useLogic.d.ts

@@ -0,0 +1,18 @@
+import type { FormQuickFiltersProps, QuickFilterOption, QuickFilterValue } from '../types';
+export declare const useLogic: <TFieldValues extends object>({ control, name, label, options, allLabel, allCounter, multiple, maxCount, placeholder, }: FormQuickFiltersProps<TFieldValues>) => {
+    field: import("react-hook-form").ControllerRenderProps<TFieldValues, import("react-hook-form").Path<TFieldValues>>;
+    filterOptions: QuickFilterOption[];
+    checkIsAllSelected: () => boolean;
+    handleChipChange: (optionValue: QuickFilterValue) => void;
+    isSelected: (optionValue: QuickFilterValue) => boolean;
+    label: string;
+    allLabel: string;
+    allCounter: number | undefined;
+    multiple: boolean;
+    maxCount: number | undefined;
+    name: import("react-hook-form").Path<TFieldValues>;
+    placeholder: string | undefined;
+    control: import("react-hook-form").Control<TFieldValues>;
+    getOptionLabel: (value: string | number) => string | number;
+    getCounterLabel: (option: QuickFilterOption) => string;
+};

package/node/hook-form/FormQuickFilters/useLogic/useLogic.js

@@ -0,0 +1,63 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLogic = void 0;
+const react_hook_form_1 = require("react-hook-form");
+const constants_1 = require("../constants");
+const useLogic = ({ control, name, label, options, allLabel = constants_1.FORM_QUICK_FILTERS_DEFAULT_ALL_LABEL, allCounter, multiple = false, maxCount, placeholder, }) => {
+    const { field } = (0, react_hook_form_1.useController)({ control, name });
+    const filterOptions = options.filter((option) => option.value !== constants_1.FORM_QUICK_FILTERS_ALL_VALUE);
+    const checkIsAllSelected = () => {
+        if (multiple) {
+            return !(field.value ?? []).length;
+        }
+        return field.value === constants_1.FORM_QUICK_FILTERS_ALL_VALUE || field.value == null;
+    };
+    const handleChipChange = (optionValue) => {
+        if (optionValue === constants_1.FORM_QUICK_FILTERS_ALL_VALUE) {
+            field.onChange(multiple ? [] : constants_1.FORM_QUICK_FILTERS_ALL_VALUE);
+            return;
+        }
+        if (multiple) {
+            const current = field.value ?? [];
+            field.onChange(current.includes(optionValue)
+                ? current.filter((v) => v !== optionValue)
+                : [...current, optionValue]);
+        }
+        else {
+            field.onChange(field.value === optionValue
+                ? constants_1.FORM_QUICK_FILTERS_ALL_VALUE
+                : optionValue);
+        }
+    };
+    const isSelected = (optionValue) => {
+        if (multiple) {
+            return (field.value ?? []).includes(optionValue);
+        }
+        return field.value === optionValue;
+    };
+    const getOptionLabel = (value) => {
+        const optionLabel = filterOptions.find((option) => option.value === value);
+        return optionLabel?.label || value;
+    };
+    const getCounterLabel = (option) => {
+        return option.counter ? ` (${option.counter})` : '';
+    };
+    return {
+        field,
+        filterOptions,
+        checkIsAllSelected,
+        handleChipChange,
+        isSelected,
+        label,
+        allLabel,
+        allCounter,
+        multiple,
+        maxCount,
+        name,
+        placeholder,
+        control,
+        getOptionLabel,
+        getCounterLabel,
+    };
+};
+exports.useLogic = useLogic;

package/node/hook-form/FormWizard/Footer/Footer.js

@@ -9,6 +9,6 @@ const styles_1 = require("./styles");
 const Footer = (props) => {
     const { isDisabled, isFirstStep, isLastStep, prevButtonText, submitButtonText, onPrevStep, } = props;
     const renderNextIcon = () => (isLastStep ? null : (0, jsx_runtime_1.jsx)(ArrowROutlineMd_1.ArrowROutlineMd, {}));
-    return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { children: [!isFirstStep && ((0, jsx_runtime_1.jsx)(styles_1.PrevButton, { disabled: isDisabled, variant: "light", startIcon: (0, jsx_runtime_1.jsx)(ArrowLOutlineMd_1.ArrowLOutlineMd, {}), onClick: onPrevStep, children: prevButtonText })), (0, jsx_runtime_1.jsx)(FormSubmitButton_1.FormSubmitButton, { disabled: isDisabled, endIcon: renderNextIcon(), children: submitButtonText })] }));
+    return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { children: [!isFirstStep && ((0, jsx_runtime_1.jsx)(styles_1.PrevButton, { disabled: isDisabled, variant: "outlined", color: "grey", startIcon: (0, jsx_runtime_1.jsx)(ArrowLOutlineMd_1.ArrowLOutlineMd, {}), onClick: onPrevStep, children: prevButtonText })), (0, jsx_runtime_1.jsx)(FormSubmitButton_1.FormSubmitButton, { disabled: isDisabled, endIcon: renderNextIcon(), children: submitButtonText })] }));
 };
 exports.Footer = Footer;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@astral/ui",
-  "version": "4.34.0",
+  "version": "4.34.2",
   "browser": "./index.js",
   "main": "./node/index.js",
   "dependencies": {