@dilicorp/ui 0.0.78 → 0.0.80

package/dist/components/navbar/navbar.d.ts

@@ -1,9 +1,11 @@
-/// <reference types="react" />
+import React from 'react';
 import { DropdownProps } from '../../molecules/dropdown/dropdown';
 import { ImageProps } from '../../atoms/image';
 export declare type NavbarProps = {
     image?: ImageProps;
     dropdown: DropdownProps;
+    showUserIcon?: boolean;
+    items?: React.ReactNode[];
 };
 export declare const Navbar: (props: NavbarProps) => JSX.Element;
 //# sourceMappingURL=navbar.d.ts.map

package/dist/components/navbar/navbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navbar.d.ts","sourceRoot":"","sources":["../../../src/components/navbar/navbar.tsx"],"names":[],"mappings":";AACA,OAAO,EAAY,aAAa,EAAE,MAAM,mCAAmC,CAAA;AAE3E,OAAO,EAAS,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAErD,oBAAY,WAAW,GAAG;IACxB,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,QAAQ,EAAE,aAAa,CAAA;CACxB,CAAA;AAED,eAAO,MAAM,MAAM,UAAW,WAAW,gBAoBxC,CAAA"}
+{"version":3,"file":"navbar.d.ts","sourceRoot":"","sources":["../../../src/components/navbar/navbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAY,aAAa,EAAE,MAAM,mCAAmC,CAAA;AAE3E,OAAO,EAAS,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAErD,oBAAY,WAAW,GAAG;IACxB,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,QAAQ,EAAE,aAAa,CAAA;IACvB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;CAC1B,CAAA;AAED,eAAO,MAAM,MAAM,UAAW,WAAW,gBAuBxC,CAAA"}

package/dist/components/navbar/navbar.js

@@ -3,12 +3,14 @@ import { Dropdown } from '../../molecules/dropdown/dropdown';
 import { Icon } from '../../atoms/icon';
 import { Image } from '../../atoms/image';
 export const Navbar = (props) => {
-    const { image, dropdown } = props;
+    const { image, dropdown, showUserIcon = true, items } = props;
     return (React.createElement("div", { className: "navbar mb-3" },
-        React.createElement("div", { className: "navbar-profile" },
+        React.createElement("div", { className: "navbar-profile" }, items === null || items === void 0 ? void 0 :
+            items.map(item => React.createElement("div", { className: 'mx-2 d-flex align-items-center justify-content-center' }, item)),
             image
                 ? React.createElement(Image, Object.assign({}, image, { circle: true, width: "38px", height: "38px", objectFit: "cover", className: "me-2" }))
-                : (React.createElement("div", { className: "image-profile circle me-2" },
-                    React.createElement(Icon, { icon: "faUserAlt" }))),
+                : (showUserIcon &&
+                    React.createElement("div", { className: "image-profile circle me-2" },
+                        React.createElement(Icon, { icon: "faUserAlt" }))),
             React.createElement(Dropdown, Object.assign({}, dropdown)))));
 };

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

@@ -13,7 +13,7 @@ declare type FilterSelectProps = {
     placeholder: string;
     groupedOptions?: GroupedOptions[];
     id?: string;
-    value?: string | GroupedOptions | GroupedOptions[];
+    value?: string | Options | Options[];
     isDisabled?: boolean;
     isLoading?: boolean;
     isClearable?: boolean;

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

@@ -1 +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"}
+{"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;AAID,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,GAAG,OAAO,GAAG,OAAO,EAAE,CAAA;IACpC,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;AA+BD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAkDzD,CAAA"}

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

@@ -1,7 +1,34 @@
 import React from 'react';
 import ReactSelect from 'react-select';
+const getValueInOption = (groups, value) => {
+    const initial = [];
+    const options = groups.reduce((total, curr) => (total.concat(curr.options)), initial);
+    return options.find(({ value: currValue }) => typeof currValue === 'number'
+        ? currValue === Number(value)
+        : currValue === value);
+};
+const getValue = (value, options) => {
+    if (!value)
+        return undefined;
+    const isArray = typeof value === 'object' && Array.isArray(value);
+    const isObject = !isArray && typeof value === 'object';
+    if (!isObject && !isObject) {
+        return getValueInOption(options, (value).toString());
+    }
+    if (isArray) {
+        const selected = [];
+        value.forEach(val => {
+            const data = getValueInOption(options, (val.value).toString());
+            if (data)
+                selected.push(data);
+        });
+        return selected;
+    }
+    return getValueInOption(options, (value.value).toString());
+};
 export const FilterSelectGroup = (props) => {
-    const { groupedOptions = [], name, id = name, placeholder, isDisabled = false, isLoading = false, isClearable = false, isSearchable = true, onChange } = props;
+    const { groupedOptions = [], name, id = name, placeholder, isDisabled = false, isLoading = false, isClearable = false, isSearchable = true, value = undefined, onChange } = props;
+    const newValue = getValue(value, groupedOptions);
     const handleChange = React.useCallback((event, action) => {
         if (onChange) {
             onChange({
@@ -20,5 +47,5 @@ export const FilterSelectGroup = (props) => {
         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 })));
+        React.createElement(ReactSelect, { placeholder: placeholder, className: "form-builder-select", classNamePrefix: "form-builder", options: groupedOptions, name: name, id: id, defaultValue: newValue, isDisabled: isDisabled, isLoading: isLoading, isClearable: isClearable, isSearchable: isSearchable, onChange: handleChange })));
 };

package/package.json

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