@dilicorp/ui 0.2.39 → 0.2.40

package/dist/components/page-list/filters/filter-async-select-group/filter-async-select.d.ts

@@ -12,7 +12,8 @@ declare type FilterAsyncSelectProps = {
     placeholder: string;
     defaultOptions?: Option[];
     id?: string;
-    value?: string | Option | Option[];
+    labelName?: string;
+    value?: Option;
     isDisabled?: boolean;
     isLoading?: boolean;
     isClearable?: boolean;

package/dist/components/page-list/filters/filter-async-select-group/filter-async-select.js

@@ -16,8 +16,13 @@ export const FilterAsyncSelect = (props) => {
             }, action);
         }
     }, []);
+    const finalDefaultOptions = value
+        ? [
+            value
+        ]
+        : defaultOptions;
     return (React.createElement("div", { className: "form-group label-margin" },
         Boolean(label) && React.createElement("label", { className: "form-label new-label", htmlFor: name }, label),
-        React.createElement(AsyncSelect, { placeholder: placeholder, className: "form-builder-select", classNamePrefix: "form-builder", defaultOptions: defaultOptions, name: name, id: id, defaultValue: value, value: value, isDisabled: isDisabled, isLoading: isLoading, isClearable: isClearable, isSearchable: isSearchable, isMulti: isMulti, cacheOptions: cacheOptions, loadOptions: loadOptions, onChange: handleChange }),
+        React.createElement(AsyncSelect, { placeholder: placeholder, className: "form-builder-select", classNamePrefix: "form-builder", defaultOptions: finalDefaultOptions, name: name, id: id, defaultValue: value, value: value, isDisabled: isDisabled, isLoading: isLoading, isClearable: isClearable, isSearchable: isSearchable, isMulti: isMulti, cacheOptions: cacheOptions, loadOptions: loadOptions, onChange: handleChange }),
         Boolean(message) && React.createElement("label", { className: "form-label new-message", htmlFor: name }, message)));
 };

package/dist/components/page-list/filters/filter-async-select-group/filter-group.d.ts

@@ -4,6 +4,7 @@ declare type BaseValueProps = string | number;
 declare type BaseOptionType = {
     label: BaseValueProps;
     value: BaseValueProps;
+    [name: string]: BaseValueProps;
 };
 declare type ValueProps = BaseOptionType | undefined;
 declare type FilterGroupProps = {

package/dist/components/page-list/filters/filter-async-select-group/filter-group.js

@@ -7,12 +7,18 @@ export const FilterGroupSelect = (props) => {
     const [internalValue, setInternalValue] = React.useState(defaultOptions === null || defaultOptions === void 0 ? void 0 : defaultOptions.find(option => (option === null || option === void 0 ? void 0 : option.value) === value));
     const [internalOptions, setInternalOptions] = React.useState(defaultOptions || []);
     const prepareFields = React.useCallback(({ key, field, value, defaultOptions }) => {
-        const { size } = field === null || field === void 0 ? void 0 : field.props;
+        const { size, labelName } = field === null || field === void 0 ? void 0 : field.props;
+        const labelValue = labelName && value
+            ? {
+                ...value,
+                label: (value === null || value === void 0 ? void 0 : value[labelName]) || (value === null || value === void 0 ? void 0 : value.label)
+            }
+            : value;
         const clone = React.cloneElement(field, {
             key,
             size,
-            value,
             defaultOptions,
+            value: labelValue,
             onChange: (newValue) => {
                 var _a, _b;
                 const value = (_a = newValue === null || newValue === void 0 ? void 0 : newValue.target) === null || _a === void 0 ? void 0 : _a.value;

package/dist/components/page-list/filters/filter-async-select-group/index.d.ts

@@ -6,12 +6,14 @@ export declare const Group: {
         name: string;
         value?: (string | number) | undefined;
         defaultOptions?: ({
+            [name: string]: string | number;
             label: string | number;
             value: string | number;
         } | undefined)[] | undefined;
         children?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>[] | undefined;
         size?: import("../../../..").columns | undefined;
         onChange?: ((selected: {
+            [name: string]: string | number;
             label: string | number;
             value: string | number;
         } | undefined) => void) | undefined;
@@ -26,13 +28,11 @@ export declare const Group: {
             value: string | number;
         }[] | undefined;
         id?: string | undefined;
-        value?: string | {
+        labelName?: string | undefined;
+        value?: {
             label: string | number;
             value: string | number;
-        } | {
-            label: string | number;
-            value: string | number;
-        }[] | undefined;
+        } | undefined;
         isDisabled?: boolean | undefined;
         isLoading?: boolean | undefined;
         isClearable?: boolean | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dilicorp/ui",
-  "version": "0.2.39",
+  "version": "0.2.40",
   "description": "A simple UI design for Dilicorp",
   "repository": {
     "type": "git",