@dilicorp/ui 0.0.68 → 0.0.69

package/dist/atoms/button.d.ts

@@ -10,6 +10,7 @@ export declare type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
     innerRef?: React.Ref<HTMLButtonElement>;
     href?: string;
     'aria-label'?: string;
+    target?: string;
 };
 export declare const Button: React.FC<ButtonProps>;
 //# sourceMappingURL=button.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/atoms/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAA;AAGnD,oBAAY,WAAW,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAClE,KAAK,CAAC,EAAE,SAAS,GAAC,WAAW,GAAC,SAAS,GAAC,QAAQ,GAAC,MAAM,GAAC,SAAS,GAAC,SAAS,CAAA;IAC3E,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,GAAG,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAA;IACvC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAmDxC,CAAA"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/atoms/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAA;AAGnD,oBAAY,WAAW,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAClE,KAAK,CAAC,EAAE,SAAS,GAAC,WAAW,GAAC,SAAS,GAAC,QAAQ,GAAC,MAAM,GAAC,SAAS,GAAC,SAAS,CAAA;IAC3E,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,GAAG,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAA;IACvC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAqDxC,CAAA"}

package/dist/atoms/button.js

@@ -12,7 +12,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import React from 'react';
 import classNames from 'classnames';
 export const Button = (_a) => {
-    var { children, active, block, className, color = 'primary', disabled, small = false, href, outline, innerRef, 'aria-label': ariaLabel } = _a, props = __rest(_a, ["children", "active", "block", "className", "color", "disabled", "small", "href", "outline", "innerRef", 'aria-label']);
+    var { children, active, block, className, color = 'primary', disabled, small = false, href, outline, innerRef, target, 'aria-label': ariaLabel } = _a, props = __rest(_a, ["children", "active", "block", "className", "color", "disabled", "small", "href", "outline", "innerRef", "target", 'aria-label']);
     let { tag: Tag = 'button' } = props;
     const handleClick = (e) => {
         if (disabled) {
@@ -27,5 +27,5 @@ export const Button = (_a) => {
     if (href && Tag === 'button') {
         Tag = 'a';
     }
-    return (React.createElement(Tag, Object.assign({}, (Tag === 'button' && props.onClick && { type: 'button' }), props, (href && { href }), { className: classes, ref: innerRef, onClick: handleClick, "aria-label": ariaLabel }), children));
+    return (React.createElement(Tag, Object.assign({}, (Tag === 'button' && props.onClick && { type: 'button' }), props, (href && { href }), (target && { target }), { className: classes, ref: innerRef, onClick: handleClick, "aria-label": ariaLabel }), children));
 };

package/dist/components/page-list/column-management-components/button-config.d.ts

@@ -1,9 +1,13 @@
 import React from 'react';
+declare type Item = {
+    label: string;
+    onClick?: () => void;
+};
+declare type ItemProps = Item | React.ReactElement;
 declare type Props = {
-    title: string;
+    items?: ItemProps[];
     className?: string;
     show?: boolean;
-    onClick?: () => void;
 };
 export declare const ButtonConfig: React.FC<Props>;
 export {};

package/dist/components/page-list/column-management-components/button-config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button-config.d.ts","sourceRoot":"","sources":["../../../../src/components/page-list/column-management-components/button-config.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,aAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAyBxC,CAAA"}
+{"version":3,"file":"button-config.d.ts","sourceRoot":"","sources":["../../../../src/components/page-list/column-management-components/button-config.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,aAAK,IAAI,GAAG;IACV,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,aAAK,SAAS,GAAG,IAAI,GAAG,KAAK,CAAC,YAAY,CAAA;AAE1C,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,SAAS,EAAE,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAiCxC,CAAA"}

package/dist/components/page-list/column-management-components/button-config.js

@@ -3,15 +3,20 @@ import classNames from 'classnames';
 import { Icon } from '../../../atoms/icon';
 import { Dropdown } from '../../../molecules/dropdown/dropdown';
 export const ButtonConfig = (props) => {
-    const { className, title, show = true, onClick } = props;
+    const { className, items, show = true } = props;
     const classes = classNames(className, show ? 'd-inline-block' : 'd-none', 'btn btn-default mb-3 ms-3');
-    return (React.createElement(Dropdown, { tag: 'div', color: "default", className: classes, align: "right", label: React.createElement(Icon, { icon: "faCog" }), items: [
-            {
-                label: title,
-                onClick: () => {
-                    if (onClick)
-                        onClick();
-                }
+    const remap = items === null || items === void 0 ? void 0 : items.map(item => {
+        if (React.isValidElement(item))
+            return { element: item };
+        return {
+            label: item.label,
+            onClick: () => {
+                if (item.onClick)
+                    item.onClick();
             }
-        ] }));
+        };
+    });
+    console.log('items', items);
+    console.log('remap', remap);
+    return (React.createElement(Dropdown, { tag: 'div', color: "default", className: classes, align: "right", label: React.createElement(Icon, { icon: "faCog" }), items: remap || [] }));
 };

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export declare type PageLimitProps = {
+    onChange: (newValue: number) => void;
+    label?: string;
+    limit?: number;
+    options?: number[];
+    divider?: boolean;
+};
+export declare const PageLimit: ({ label, options, limit, onChange, divider }: PageLimitProps) => JSX.Element;
+//# sourceMappingURL=page-limit.d.ts.map

package/dist/components/page-list/page-limit/page-limit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-limit.d.ts","sourceRoot":"","sources":["../../../../src/components/page-list/page-limit/page-limit.tsx"],"names":[],"mappings":";AAEA,oBAAY,cAAc,GAAG;IACzB,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,SAAS,iDAA8F,cAAc,gBAajI,CAAA"}

package/dist/components/page-list/page-limit/page-limit.js

@@ -0,0 +1,8 @@
+import React from 'react';
+export const PageLimit = ({ label = 'Items per page', options = [10, 20, 50, 100], limit = 20, onChange, divider }) => {
+    return (React.createElement(React.Fragment, null,
+        divider && React.createElement("div", { className: "dropdown-divider" }),
+        React.createElement("div", { style: { display: 'flex', flexDirection: 'column', padding: '.25rem 1rem' } },
+            React.createElement("p", null, label),
+            React.createElement("select", { className: 'form-control', name: "items_per_page", id: "items_per_page", onChange: (value) => onChange(Number(value.target.value)) }, options.map(opt => React.createElement("option", { selected: opt === limit, value: opt }, opt))))));
+};

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

@@ -1,4 +1,5 @@
 import React from 'react';
+import { PageLimitProps } from './page-limit/page-limit';
 declare type Item = {
     id: string;
     title: string;
@@ -27,7 +28,13 @@ declare type PageListGetFiltersProps = {
     };
     numFiltersVisible?: number;
     columnManagement?: ColumnManagementProps;
+    pageLimit?: PageLimitProps;
+    configItems?: ConfigItemProps[];
 };
+export declare type ConfigItemProps = {
+    label: string;
+    onClick?: () => void;
+} | React.ReactElement;
 export declare const PageListGetFilters: React.FC<PageListGetFiltersProps>;
 export {};
 //# sourceMappingURL=page-list-get-filters.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"page-list-get-filters.d.ts","sourceRoot":"","sources":["../../../src/components/page-list/page-list-get-filters.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAazB,aAAK,IAAI,GAAG;IACV,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,OAAO,CAAA;CACd,CAAA;AAED,oBAAY,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,MAAM,CAAA;IACpB,mBAAmB,EAAE,MAAM,CAAA;IAC3B,mBAAmB,EAAE,MAAM,CAAA;IAC3B,eAAe,EAAE,MAAM,CAAA;IACvB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,EAAE,IAAI,EAAE,CAAA;IACb,aAAa,EAAE,IAAI,EAAE,CAAA;IACrB,SAAS,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAA;CAChC,CAAA;AAED,aAAK,uBAAuB,GAAG;IAC7B,UAAU,EAAE,GAAG,CAAA;IACf,MAAM,EAAE,GAAG,CAAA;IACX,MAAM,CAAC,EAAE;QACP,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,UAAU,CAAC,EAAE,MAAM,CAAA;KACpB,CAAA;IACD,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,gBAAgB,CAAC,EAAE,qBAAqB,CAAA;CACzC,CAAA;AAYD,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAwFhE,CAAA"}
+{"version":3,"file":"page-list-get-filters.d.ts","sourceRoot":"","sources":["../../../src/components/page-list/page-list-get-filters.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAYzB,OAAO,EAAa,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAEnE,aAAK,IAAI,GAAG;IACV,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,OAAO,CAAA;CACd,CAAA;AAED,oBAAY,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,MAAM,CAAA;IACpB,mBAAmB,EAAE,MAAM,CAAA;IAC3B,mBAAmB,EAAE,MAAM,CAAA;IAC3B,eAAe,EAAE,MAAM,CAAA;IACvB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,EAAE,IAAI,EAAE,CAAA;IACb,aAAa,EAAE,IAAI,EAAE,CAAA;IACrB,SAAS,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAA;CAChC,CAAA;AAED,aAAK,uBAAuB,GAAG;IAC7B,UAAU,EAAE,GAAG,CAAA;IACf,MAAM,EAAE,GAAG,CAAA;IACX,MAAM,CAAC,EAAE;QACP,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,UAAU,CAAC,EAAE,MAAM,CAAA;KACpB,CAAA;IACD,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,gBAAgB,CAAC,EAAE,qBAAqB,CAAA;IACxC,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B,WAAW,CAAC,EAAE,eAAe,EAAE,CAAA;CAChC,CAAA;AAED,oBAAY,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,GAAG,KAAK,CAAC,YAAY,CAAA;AAYtB,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA+FhE,CAAA"}

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

@@ -10,6 +10,7 @@ import { Button } from '../../atoms/button';
 import { ButtonConfig } from './column-management-components/button-config';
 import { Alert } from '../../molecules/alert';
 import { ModalConfig } from './column-management-components/modal-config';
+import { PageLimit } from './page-limit/page-limit';
 const setValue = (element, value) => {
     return Object.assign(Object.assign({}, element), { props: Object.assign(Object.assign({}, element.props), { value: value }) });
 };
@@ -18,7 +19,7 @@ export const PageListGetFilters = (props) => {
         filterLabel: 'Filters',
         submitLabel: 'Filter',
         clearLabel: 'Clear'
-    }, columnManagement } = props;
+    }, columnManagement, pageLimit, configItems } = props;
     const filters = filterList === null || filterList === void 0 ? void 0 : filterList.props.children;
     if (!filterList)
         return null;
@@ -30,6 +31,13 @@ export const PageListGetFilters = (props) => {
         open: () => { var _a; return (_a = modal === null || modal === void 0 ? void 0 : modal.current) === null || _a === void 0 ? void 0 : _a.open(); },
         close: () => { var _a; return (_a = modal === null || modal === void 0 ? void 0 : modal.current) === null || _a === void 0 ? void 0 : _a.close(); },
     };
+    const configurationList = [];
+    if (columnManagement)
+        configurationList.push({ label: columnManagement.title, onClick: () => modalActions.open() });
+    if (configItems)
+        configurationList.push(...configItems);
+    if (pageLimit)
+        configurationList.push(React.createElement(PageLimit, Object.assign({}, pageLimit, { divider: configurationList.length > 0 })));
     return (React.createElement(React.Fragment, null,
         React.createElement(FilterForm, { search: search },
             React.createElement(Row, null,
@@ -41,7 +49,7 @@ export const PageListGetFilters = (props) => {
                             React.createElement(ButtonFilter, { submitLabel: filter.submitLabel, className: "me-3" }),
                             React.createElement(ButtonFilterClear, { clearLabel: filter.clearLabel, className: "me-3", search: search }),
                             Boolean(hidden.length) && React.createElement(ButtonFilters, { show: showFilter, setShow: setShowFilter, filterLabel: filter.filterLabel }),
-                            columnManagement && React.createElement(ButtonConfig, Object.assign({}, columnManagement, { onClick: () => modalActions.open() })))))),
+                            configurationList.length > 0 && React.createElement(ButtonConfig, { items: configurationList }))))),
             Boolean(hidden.length) && (React.createElement("div", { className: `aside-filter ${showFilter ? 'in' : ''}` },
                 React.createElement("div", { className: "mb-3 text-right" },
                     React.createElement(Button, { color: "primary", outline: showFilter, onClick: () => setShowFilter(prev => !prev), small: true },

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

@@ -2,7 +2,8 @@ import React from 'react';
 import { ButtonProps } from '../../atoms/button';
 import { IconProps } from '../../atoms/icon';
 import { DropdownItemProps } from '../../molecules/dropdown/dropdown-item';
-import { ColumnManagementProps } from './page-list-get-filters';
+import { ColumnManagementProps, ConfigItemProps } from './page-list-get-filters';
+import { PageLimitProps } from './page-limit/page-limit';
 declare type BtnProps = {
     uri: string;
     label: string;
@@ -42,6 +43,8 @@ export declare type PageListProps = ChildrenProps & {
     metaTranslate?: string;
     columnManagement?: ColumnManagementProps;
     extraButtonsInline?: ExportButtonProps[];
+    pageLimit?: PageLimitProps;
+    configItems?: ConfigItemProps[];
 };
 export declare const PageList: React.FC<PageListProps>;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"page-list.d.ts","sourceRoot":"","sources":["../../../src/components/page-list/page-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAU,WAAW,EAAE,MAAM,oBAAoB,CAAA;AACxD,OAAO,EAAQ,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAGlD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAA;AAI1E,OAAO,EAAE,qBAAqB,EAAsB,MAAM,yBAAyB,CAAA;AAGnF,aAAK,QAAQ,GAAG;IACd,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,aAAK,YAAY,GAAG;IAClB,IAAI,EAAE,MAAM,GAAG;QACb,IAAI,CAAC,EAAE,MAAM,CAAA;QACb,WAAW,CAAC,EAAE,MAAM,CAAA;KACrB,CAAC;IACF,KAAK,EAAE,aAAa,GAAG,GAAG,CAAA;CAC3B,CAAA;AAED,aAAK,aAAa,GAAG;IACnB,QAAQ,EAAE,YAAY,GAAG,YAAY,EAAE,CAAA;CACxC,CAAA;AAED,aAAK,iBAAiB,GAAG,WAAW,GAAG;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,CAAA;AAED,oBAAY,aAAa,GAAG,aAAa,GAAG;IAC1C,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,YAAY,CAAC,EAAE,iBAAiB,EAAE,CAAA;IAClC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACjC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,MAAM,CAAC,EAAE;QACP,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,UAAU,CAAC,EAAE,MAAM,CAAA;KACpB,CAAA;IACD,IAAI,CAAC,EAAE;QACL,YAAY,EAAE,MAAM,CAAA;QACpB,QAAQ,EAAE,MAAM,CAAA;QAChB,KAAK,EAAE,MAAM,CAAA;QACb,EAAE,EAAE,MAAM,CAAA;QACV,IAAI,EAAE,MAAM,CAAA;KACb,CAAA;IACD,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,gBAAgB,CAAC,EAAE,qBAAqB,CAAA;IACxC,kBAAkB,CAAC,EAAE,iBAAiB,EAAE,CAAA;CACzC,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA6F5C,CAAA"}
+{"version":3,"file":"page-list.d.ts","sourceRoot":"","sources":["../../../src/components/page-list/page-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAU,WAAW,EAAE,MAAM,oBAAoB,CAAA;AACxD,OAAO,EAAQ,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAGlD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAA;AAI1E,OAAO,EAAE,qBAAqB,EAAE,eAAe,EAAsB,MAAM,yBAAyB,CAAA;AAEpG,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAExD,aAAK,QAAQ,GAAG;IACd,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,aAAK,YAAY,GAAG;IAClB,IAAI,EAAE,MAAM,GAAG;QACb,IAAI,CAAC,EAAE,MAAM,CAAA;QACb,WAAW,CAAC,EAAE,MAAM,CAAA;KACrB,CAAC;IACF,KAAK,EAAE,aAAa,GAAG,GAAG,CAAA;CAC3B,CAAA;AAED,aAAK,aAAa,GAAG;IACnB,QAAQ,EAAE,YAAY,GAAG,YAAY,EAAE,CAAA;CACxC,CAAA;AAED,aAAK,iBAAiB,GAAG,WAAW,GAAG;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,CAAA;AAED,oBAAY,aAAa,GAAG,aAAa,GAAG;IAC1C,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,YAAY,CAAC,EAAE,iBAAiB,EAAE,CAAA;IAClC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACjC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,MAAM,CAAC,EAAE;QACP,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,UAAU,CAAC,EAAE,MAAM,CAAA;KACpB,CAAA;IACD,IAAI,CAAC,EAAE;QACL,YAAY,EAAE,MAAM,CAAA;QACpB,QAAQ,EAAE,MAAM,CAAA;QAChB,KAAK,EAAE,MAAM,CAAA;QACb,EAAE,EAAE,MAAM,CAAA;QACV,IAAI,EAAE,MAAM,CAAA;KACb,CAAA;IACD,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,gBAAgB,CAAC,EAAE,qBAAqB,CAAA;IACxC,kBAAkB,CAAC,EAAE,iBAAiB,EAAE,CAAA;IACxC,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B,WAAW,CAAC,EAAE,eAAe,EAAE,CAAA;CAChC,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAiG5C,CAAA"}

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

@@ -12,7 +12,7 @@ import uriHelper from '../../utils/uri-helper';
 import { PageListGetFilters } from './page-list-get-filters';
 import { Spinner } from '../../atoms/spinner';
 export const PageList = (props) => {
-    const { title, addButton, extraButtons = [], meta, filter, customizeFilter, loading = false, metaTranslate = '%1 out of %2 records', columnManagement, extraButtonsInline = [], children } = props;
+    const { title, addButton, extraButtons = [], meta, filter, customizeFilter, loading = false, metaTranslate = '%1 out of %2 records', columnManagement, extraButtonsInline = [], pageLimit, configItems, children } = props;
     const totalRecords = (meta === null || meta === void 0 ? void 0 : meta.to) ? (meta.to - meta.from) + 1 : 0;
     const history = useLocation();
     const search = uriHelper.parse(history.search);
@@ -37,7 +37,7 @@ export const PageList = (props) => {
                         React.createElement(Icon, { icon: "faPlus", className: "me-1" }), addButton === null || addButton === void 0 ? void 0 :
                         addButton.label))))),
         !!customizeFilter && customizeFilter,
-        !customizeFilter && filterList && (React.createElement(PageListGetFilters, { filterList: filterList, search: search, filter: filter, key: JSON.stringify(history), columnManagement: columnManagement })),
+        !customizeFilter && filterList && (React.createElement(PageListGetFilters, { filterList: filterList, search: search, filter: filter, key: JSON.stringify(history), columnManagement: columnManagement, pageLimit: pageLimit, configItems: configItems })),
         React.createElement("div", null, restList),
         meta && React.createElement(Paginate, { activePage: meta.current_page, perPage: meta.per_page, totalItems: meta.total, from: meta.from, to: meta.to, currentCount: totalRecords, translate: metaTranslate })));
 };

package/dist/components/page-show/page-show.d.ts

@@ -1,5 +1,10 @@
 import React from 'react';
+import { ButtonProps, IconProps } from '../../';
 import { DropdownItemProps } from '../../molecules/dropdown/dropdown-item';
+declare type ExtraButtonsInlineProps = ButtonProps & {
+    label?: string;
+    icon?: IconProps;
+};
 export declare type PageShowProps = {
     children: React.ReactNode;
     title: string | React.ReactNode;
@@ -9,6 +14,8 @@ export declare type PageShowProps = {
         uri: string;
         label: string;
     };
+    extraButtonsInline?: ExtraButtonsInlineProps[];
 };
 export declare const PageShow: React.FC<PageShowProps>;
+export {};
 //# sourceMappingURL=page-show.d.ts.map

package/dist/components/page-show/page-show.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"page-show.d.ts","sourceRoot":"","sources":["../../../src/components/page-show/page-show.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAA;AAE1E,oBAAY,aAAa,GAAG;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,KAAK,EAAE,MAAM,GAAC,KAAK,CAAC,SAAS,CAAA;IAC7B,OAAO,EAAE,OAAO,CAAA;IAChB,YAAY,CAAC,EAAE,iBAAiB,EAAE,CAAA;IAClC,UAAU,CAAC,EAAE;QACX,GAAG,EAAE,MAAM,CAAA;QACX,KAAK,EAAE,MAAM,CAAA;KACd,CAAA;CACF,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA0C5C,CAAA"}
+{"version":3,"file":"page-show.d.ts","sourceRoot":"","sources":["../../../src/components/page-show/page-show.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAU,WAAW,EAAuB,SAAS,EAA6C,MAAM,QAAQ,CAAA;AACvH,OAAO,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAA;AAE1E,aAAK,uBAAuB,GAAG,WAAW,GAAG;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,CAAA;AAED,oBAAY,aAAa,GAAG;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAC/B,OAAO,EAAE,OAAO,CAAA;IAChB,YAAY,CAAC,EAAE,iBAAiB,EAAE,CAAA;IAClC,UAAU,CAAC,EAAE;QACX,GAAG,EAAE,MAAM,CAAA;QACX,KAAK,EAAE,MAAM,CAAA;KACd,CAAA;IACD,kBAAkB,CAAC,EAAE,uBAAuB,EAAE,CAAA;CAC/C,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAyD5C,CAAA"}

package/dist/components/page-show/page-show.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Button, Col, Dropdown, Icon, Link, Row, Separator, Spinner, Typography } from '../../';
 export const PageShow = (props) => {
-    const { loading = true, children, extraButtons = [], backButton, title } = props;
+    const { loading = true, children, extraButtons = [], backButton, title, extraButtonsInline = [], } = props;
     if (loading)
         return React.createElement(Spinner, null);
     return (React.createElement("div", null,
@@ -9,10 +9,15 @@ export const PageShow = (props) => {
             React.createElement(Col, null,
                 React.createElement(Typography, { lineBottom: true, variant: "h4", tag: "h1" }, title)),
             React.createElement(Col, { className: "ms-auto" },
-                Boolean(extraButtons.length) && (React.createElement(Dropdown, { color: "default", className: "me-2", align: "right", label: React.createElement(Icon, { icon: "faEllipsisH" }), items: extraButtons })),
-                Boolean(backButton) && (React.createElement(Button, { tag: Link, href: backButton === null || backButton === void 0 ? void 0 : backButton.uri, color: "danger" },
-                    React.createElement(Icon, { icon: "faAngleLeft", className: "me-1" }), backButton === null || backButton === void 0 ? void 0 :
-                    backButton.label)))),
+                React.createElement("div", { className: 'extra-buttons-container' },
+                    Boolean(extraButtons.length) && (React.createElement(Dropdown, { color: "default", className: "me-2", align: "right", label: React.createElement(Icon, { icon: "faEllipsisH" }), items: extraButtons })),
+                    Boolean(extraButtonsInline.length) &&
+                        extraButtonsInline.map((item, index) => (React.createElement(Button, Object.assign({ key: `export-button-${index}` }, item),
+                            item.label,
+                            item.icon && React.createElement(Icon, Object.assign({}, item.icon))))),
+                    Boolean(backButton) && (React.createElement(Button, { tag: Link, href: backButton === null || backButton === void 0 ? void 0 : backButton.uri, color: "danger" },
+                        React.createElement(Icon, { icon: "faAngleLeft", className: "me-1" }), backButton === null || backButton === void 0 ? void 0 :
+                        backButton.label))))),
         React.createElement(Separator, null),
         children));
 };

package/dist/components/side-navigation-bar/side-navigation-bar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"side-navigation-bar.d.ts","sourceRoot":"","sources":["../../../src/components/side-navigation-bar/side-navigation-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4C,MAAM,OAAO,CAAA;AAChE,OAAO,EAAyB,0BAA0B,EAAE,MAAM,4BAA4B,CAAA;AAI9F,oBAAY,sBAAsB,GAAG;IACnC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE;QACP,IAAI,EAAE,MAAM,CAAA;QACZ,KAAK,CAAC,EAAE,MAAM,CAAA;KACf,CAAA;IACD,KAAK,EAAE,0BAA0B,EAAE,CAAA;IACnC,MAAM,EAAE,OAAO,CAAA;CAChB,CAAA;AA8BD,eAAO,MAAM,iBAAiB,oCAAgB,sBAAsB,iBAqElE,CAAA"}
+{"version":3,"file":"side-navigation-bar.d.ts","sourceRoot":"","sources":["../../../src/components/side-navigation-bar/side-navigation-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyE,MAAM,OAAO,CAAA;AAC7F,OAAO,EAAyB,0BAA0B,EAAE,MAAM,4BAA4B,CAAA;AAI9F,oBAAY,sBAAsB,GAAG;IACnC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE;QACP,IAAI,EAAE,MAAM,CAAA;QACZ,KAAK,CAAC,EAAE,MAAM,CAAA;KACf,CAAA;IACD,KAAK,EAAE,0BAA0B,EAAE,CAAA;IACnC,MAAM,EAAE,OAAO,CAAA;CAChB,CAAA;AAiCD,eAAO,MAAM,iBAAiB,oCAAgB,sBAAsB,iBAqElE,CAAA"}

package/dist/components/side-navigation-bar/side-navigation-bar.js

@@ -1,30 +1,32 @@
-import React, { memo, useEffect, useRef, useState } from 'react';
+import React, { memo, useCallback, useEffect, useRef, useState } from 'react';
 import { SideNavigationBarItem } from './side-navigation-bar-item';
 import { Icon } from '../../atoms/icon';
 import { storageHelper } from '../../index';
 const STORAGE_NAME = 'SIDEBAR_ACTIVE';
 const useOutsideClick = (ref) => {
     const [data, setData] = useState({ isClicked: false, isLink: false });
-    useEffect(() => {
-        function handleClickOutside(event) {
-            var _a, _b;
-            const isLink = ((_b = (_a = event === null || event === void 0 ? void 0 : event.target) === null || _a === void 0 ? void 0 : _a.attributes['data-link']) === null || _b === void 0 ? void 0 : _b.value) === 'link';
-            if (ref.current && !ref.current.contains(event.target)) {
-                setData({
-                    isLink,
-                    isClicked: true
-                });
-            }
-            else {
-                setData({
-                    isLink,
-                    isClicked: false
-                });
-            }
+    const handleClickOutside = useCallback((event) => {
+        var _a, _b;
+        const isLink = ((_b = (_a = event.target) === null || _a === void 0 ? void 0 : _a.attributes['data-link']) === null || _b === void 0 ? void 0 : _b.value) === 'link';
+        if (ref.current && !ref.current.contains(event.target)) {
+            setData({
+                isLink,
+                isClicked: true
+            });
+        }
+        else {
+            setData({
+                isLink,
+                isClicked: false
+            });
         }
+    }, []);
+    useEffect(() => {
         document.addEventListener("mousedown", handleClickOutside);
+        document.addEventListener("touchstart", handleClickOutside);
         return () => {
             document.removeEventListener("mousedown", handleClickOutside);
+            document.removeEventListener("touchstart", handleClickOutside);
         };
     }, [ref]);
     return Object.assign({}, data);

package/dist/molecules/dropdown/dropdown-item.d.ts

@@ -5,9 +5,11 @@ interface DropdownItemBaseProps {
     uri: string;
     target?: '_self' | '_blank';
     onClick?: any;
+    element?: React.ReactElement;
 }
 interface DropdownSeparatorProps {
     separator?: true;
+    element?: React.ReactElement;
 }
 interface DropdownOnClickProps {
     separator?: false;
@@ -15,8 +17,13 @@ interface DropdownOnClickProps {
     uri?: string;
     target?: '_self' | '_blank';
     onClick: () => void;
+    element?: React.ReactElement;
 }
-export declare type DropdownItemProps = DropdownItemBaseProps | DropdownSeparatorProps | DropdownOnClickProps;
+interface DropdownElementProps {
+    separator?: true;
+    element?: React.ReactElement;
+}
+export declare type DropdownItemProps = DropdownItemBaseProps | DropdownSeparatorProps | DropdownOnClickProps | DropdownElementProps;
 export declare const DropdownItem: React.FC<DropdownItemProps>;
 export {};
 //# sourceMappingURL=dropdown-item.d.ts.map

package/dist/molecules/dropdown/dropdown-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-item.d.ts","sourceRoot":"","sources":["../../../src/molecules/dropdown/dropdown-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,UAAU,qBAAqB;IAC7B,SAAS,CAAC,EAAE,KAAK,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;IACX,MAAM,CAAC,EAAE,OAAO,GAAC,QAAQ,CAAA;IACzB,OAAO,CAAC,EAAE,GAAG,CAAA;CACd;AAED,UAAU,sBAAsB;IAC9B,SAAS,CAAC,EAAE,IAAI,CAAA;CACjB;AAED,UAAU,oBAAoB;IAC5B,SAAS,CAAC,EAAE,KAAK,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,OAAO,GAAC,QAAQ,CAAA;IACzB,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB;AAED,oBAAY,iBAAiB,GAAG,qBAAqB,GAAG,sBAAsB,GAAG,oBAAoB,CAAA;AAErG,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAUpD,CAAA"}
+{"version":3,"file":"dropdown-item.d.ts","sourceRoot":"","sources":["../../../src/molecules/dropdown/dropdown-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,UAAU,qBAAqB;IAC7B,SAAS,CAAC,EAAE,KAAK,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;IACX,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IAC3B,OAAO,CAAC,EAAE,GAAG,CAAA;IACb,OAAO,CAAC,EAAE,KAAK,CAAC,YAAY,CAAA;CAC7B;AAED,UAAU,sBAAsB;IAC9B,SAAS,CAAC,EAAE,IAAI,CAAA;IAChB,OAAO,CAAC,EAAE,KAAK,CAAC,YAAY,CAAA;CAC7B;AAED,UAAU,oBAAoB;IAC5B,SAAS,CAAC,EAAE,KAAK,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,OAAO,CAAC,EAAE,KAAK,CAAC,YAAY,CAAA;CAC7B;AAED,UAAU,oBAAoB;IAC5B,SAAS,CAAC,EAAE,IAAI,CAAA;IAChB,OAAO,CAAC,EAAE,KAAK,CAAC,YAAY,CAAA;CAC7B;AAED,oBAAY,iBAAiB,GAAG,qBAAqB,GAAG,sBAAsB,GAAG,oBAAoB,GAAG,oBAAoB,CAAA;AAE5H,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAapD,CAAA"}

package/dist/molecules/dropdown/dropdown-item.js

@@ -12,6 +12,8 @@ var __rest = (this && this.__rest) || function (s, e) {
 import React from 'react';
 import { Link } from '../../atoms/link';
 export const DropdownItem = (props) => {
+    if (React.isValidElement(props.element))
+        return React.createElement(React.Fragment, null, props.element);
     if (props.separator)
         return React.createElement("div", { className: "dropdown-divider" });
     const _a = props, { uri, label, onClick } = _a, attrs = __rest(_a, ["uri", "label", "onClick"]);

package/package.json

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