@dilicorp/ui 0.0.75 → 0.0.76

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

@@ -0,0 +1,26 @@
+import React from 'react';
+import { ActionMeta, OnChangeValue } from 'react-select';
+interface Options {
+    label: string;
+    value: number | string;
+}
+export interface GroupedOptions {
+    label: string;
+    options: Options[];
+}
+declare type FilterSelectProps = {
+    name: string;
+    placeholder: string;
+    groupedOptions?: GroupedOptions[];
+    id?: string;
+    value?: string | GroupedOptions | GroupedOptions[];
+    isDisabled?: boolean;
+    isLoading?: boolean;
+    isClearable?: boolean;
+    isSearchable?: boolean;
+    isMulti?: boolean;
+    onChange?: (newValue: OnChangeValue<any, any>, actionMeta: ActionMeta<any>) => void;
+};
+export declare const FilterSelectGroup: React.FC<FilterSelectProps>;
+export {};
+//# sourceMappingURL=filter-select-group.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"filter-select-group.d.ts","sourceRoot":"","sources":["../../../../src/components/page-list/filters/filter-select-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAoB,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAErE,UAAU,OAAO;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,EAAE,CAAA;CACnB;AAED,aAAK,iBAAiB,GAAG;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,MAAM,CAAA;IACnB,cAAc,CAAC,EAAE,cAAc,EAAE,CAAA;IACjC,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,GAAC,cAAc,GAAC,cAAc,EAAE,CAAA;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,aAAa,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,UAAU,EAAE,UAAU,CAAC,GAAG,CAAC,KAAK,IAAI,CAAA;CACpF,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA8CzD,CAAA"}

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

@@ -0,0 +1,24 @@
+import React from 'react';
+import ReactSelect from 'react-select';
+export const FilterSelectGroup = (props) => {
+    const { groupedOptions = [], name, id = name, placeholder, isDisabled = false, isLoading = false, isClearable = false, isSearchable = true, onChange } = props;
+    const handleChange = React.useCallback((event, action) => {
+        if (onChange) {
+            onChange({
+                target: {
+                    name,
+                    value: event
+                },
+                currentTarget: {
+                    name,
+                    value: JSON.stringify(event)
+                }
+            }, action);
+        }
+    }, []);
+    return (React.createElement("div", { className: "form-group" },
+        Boolean(placeholder) && React.createElement("label", { className: "form-label", htmlFor: name },
+            placeholder,
+            ":"),
+        React.createElement(ReactSelect, { placeholder: placeholder, className: "form-builder-select", classNamePrefix: "form-builder", options: groupedOptions, name: name, id: id, isDisabled: isDisabled, isLoading: isLoading, isClearable: isClearable, isSearchable: isSearchable, onChange: handleChange })));
+};

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

@@ -1,4 +1,5 @@
 export { FilterInput as Input } from './filter-input';
 export { FilterSelect as Select } from './filter-select';
+export { FilterSelectGroup as SelectGroup } from './filter-select-group';
 export { FilterDatepicker as Datepicker } from './filter-datepicker';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/page-list/filters/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,KAAK,EAAE,MAAM,gBAAgB,CAAA;AACrD,OAAO,EAAE,YAAY,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxD,OAAO,EAAE,gBAAgB,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/page-list/filters/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,KAAK,EAAE,MAAM,gBAAgB,CAAA;AACrD,OAAO,EAAE,YAAY,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxD,OAAO,EAAE,iBAAiB,IAAI,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACxE,OAAO,EAAE,gBAAgB,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAA"}

package/dist/components/page-list/filters/index.js

@@ -1,3 +1,4 @@
 export { FilterInput as Input } from './filter-input';
 export { FilterSelect as Select } from './filter-select';
+export { FilterSelectGroup as SelectGroup } from './filter-select-group';
 export { FilterDatepicker as Datepicker } from './filter-datepicker';

package/package.json

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