@dilicorp/ui 0.0.75 → 0.0.77

package/dist/atoms/icon.d.ts

@@ -3,6 +3,7 @@ export declare type IconProps = {
     icon: string;
     brand?: boolean;
     className?: string;
+    id?: string;
 };
-export declare const Icon: ({ icon, brand, className }: IconProps) => JSX.Element;
+export declare const Icon: ({ icon, brand, className, id }: IconProps) => JSX.Element;
 //# sourceMappingURL=icon.d.ts.map

package/dist/atoms/icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../src/atoms/icon.tsx"],"names":[],"mappings":";AAOA,oBAAY,SAAS,GAAG;IACtB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,IAAI,+BAAqC,SAAS,gBAK9D,CAAA"}
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../src/atoms/icon.tsx"],"names":[],"mappings":";AAOA,oBAAY,SAAS,GAAG;IACtB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ,CAAA;AAED,eAAO,MAAM,IAAI,mCAAyC,SAAS,gBAKlE,CAAA"}

package/dist/atoms/icon.js

@@ -3,8 +3,8 @@ import * as fab from '@fortawesome/free-brands-svg-icons';
 import * as fa from '@fortawesome/free-solid-svg-icons';
 import stringHelper from '../utils/string-helper';
 import React from 'react';
-export const Icon = ({ icon, brand, className = '' }) => {
+export const Icon = ({ icon, brand, className = '', id }) => {
     const sanitize = stringHelper.toCamelCase(icon);
     const ico = brand ? fab[sanitize] : fa[sanitize];
-    return React.createElement(FontAwesomeIcon, { icon: ico, className: className });
+    return React.createElement(FontAwesomeIcon, { id: id, icon: ico, className: className });
 };

package/dist/atoms/link.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../src/atoms/link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,oBAAY,SAAS,GAAG,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC,GAAG,EAAE,CAAA;AAEtH,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAwBpC,CAAA"}
+{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../src/atoms/link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,oBAAY,SAAS,GAAG,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC,GAAG,EAAE,CAAA;AAEtH,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAyBpC,CAAA"}

package/dist/atoms/link.js

@@ -17,7 +17,8 @@ export const Link = (props) => {
     const validOptions = {
         className: attrs.className,
         title: attrs.title,
-        download: attrs.download
+        download: attrs.download,
+        id: attrs.id
     };
     const isLink = validationsHelper.isUrl(href);
     if (isLink) {

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/dist/components/side-navigation-bar/side-navigation-bar.js

@@ -72,7 +72,7 @@ export const SideNavigationBar = memo((props) => {
                 React.createElement("div", { className: "logo" },
                     Boolean(logoThumb) && React.createElement("div", { className: "logo-thumb" }, logoThumb),
                     logoName && React.createElement("div", { className: "logo-name" }, logoName)),
-                React.createElement(Icon, { icon: "fa-bars", className: "btn-sidebar" })),
+                React.createElement(Icon, { id: "btn-side-bar-toogle", icon: "fa-bars", className: "btn-sidebar" })),
             React.createElement("ul", { className: "nav-list" },
                 items.map((item, index) => (React.createElement(SideNavigationBarItem, Object.assign({ key: `side-navigation-bar-item-${index}` }, Object.assign(Object.assign({}, item), { index }))))),
                 !!(logout === null || logout === void 0 ? void 0 : logout.href) && (React.createElement(SideNavigationBarItem, Object.assign({}, {
@@ -81,6 +81,6 @@ export const SideNavigationBar = memo((props) => {
                     label: logout.label || 'Logout',
                     href: logout.href
                 }))))),
-        React.createElement(Icon, { icon: "fa-bars", className: "btn-sidebar-mobile" })));
+        React.createElement(Icon, { id: "btn-side-bar-mobile-toogle", icon: "fa-bars", className: "btn-sidebar-mobile" })));
 });
 SideNavigationBar.displayName = 'SideNavigationBar';

package/package.json

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