@dilicorp/ui 0.2.41 → 0.2.42

package/dist/components/page-list/filter-components/filter-form.d.ts

@@ -1,10 +1,11 @@
 import React from 'react';
+export declare type FilterProps = {
+    [key: string]: any;
+};
 declare type Props = {
     children: React.ReactNode;
-    search?: {
-        [key: string]: any;
-    };
-    submitFunction?: (submit: Function) => void;
+    search?: FilterProps;
+    submitFunction?: (submit: Function, filters: FilterProps, event: any) => void;
 };
 export declare const FilterForm: React.FC<Props>;
 export {};

package/dist/components/page-list/filter-components/filter-form.js

@@ -4,7 +4,7 @@ import uriHelper from '../../../utils/uri-helper';
 export const FilterForm = (props) => {
     const { children, search, submitFunction } = props;
     const navigate = useNavigate();
-    const submit = (e) => {
+    const getFilters = (e) => {
         const count = e.target.length;
         const fields = e.target;
         const whiteList = ['input', 'select', 'textarea'];
@@ -18,6 +18,10 @@ export const FilterForm = (props) => {
                 });
             }
         }
+        return elements || {};
+    };
+    const submit = (e) => {
+        const elements = getFilters(e);
         navigate({
             search: uriHelper.stringify({ ...elements, page: 1 })
         });
@@ -25,7 +29,7 @@ export const FilterForm = (props) => {
     return (React.createElement("form", { className: "filter-form", onSubmit: (e) => {
             e.preventDefault();
             if (submitFunction) {
-                submitFunction(() => submit(e));
+                submitFunction(() => submit(e), getFilters(e), e);
             }
             else {
                 submit(e);

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useEffect } from 'react';
 import { Col } from '../../../../atoms/col';
 import { Row } from '../../../../atoms/row';
 export const FilterGroupSelect = (props) => {
@@ -37,6 +37,11 @@ export const FilterGroupSelect = (props) => {
         });
         return clone;
     }, [inputRef]);
+    useEffect(() => {
+        var _a;
+        if (value && inputRef)
+            (_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.setAttribute('value', value);
+    }, []);
     return (React.createElement("div", { className: "form-input-group label-margin" },
         Boolean(label) && React.createElement("label", { className: "form-label new-label", htmlFor: name }, label),
         React.createElement("input", { name: name, type: "text", ref: inputRef, hidden: true }),

package/dist/components/page-list/page-list-filters.d.ts

@@ -1,12 +1,13 @@
 import React from 'react';
 import { columns } from '../../atoms/col';
+import { FilterProps } from './filter-components/filter-form';
 export declare type PageListFiltersProps = {
     children: React.ReactNode;
     filterSize?: columns;
     filterClassName?: string;
     numFiltersVisible?: number;
     filterLabel?: boolean;
-    submitFunction?: (submit: Function) => void;
+    submitFunction?: (submit: Function, filters: FilterProps, event: any) => void;
     clearFunction?: (clear: Function) => void;
 };
 export declare const PageListFilters: {

package/package.json

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