@dilicorp/ui 0.1.12 → 0.1.13

package/dist/components/page-list/column-management-components/container-drag-drop.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import React from 'react';
 declare type Item = {
     id: string;
     title: string;

package/dist/components/page-list/column-management-components/container-drag-drop.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"container-drag-drop.d.ts","sourceRoot":"","sources":["../../../../src/components/page-list/column-management-components/container-drag-drop.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,aAAK,IAAI,GAAG;IACR,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,OAAO,CAAA;CAChB,CAAA;AAED,aAAK,sBAAsB,GAAG;IAC1B,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAA;CAC1D,CAAA;AAED,eAAO,MAAM,iBAAiB,wBAAyB,sBAAsB,gBAkC5E,CAAA"}
+{"version":3,"file":"container-drag-drop.d.ts","sourceRoot":"","sources":["../../../../src/components/page-list/column-management-components/container-drag-drop.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,aAAK,IAAI,GAAG;IACR,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,OAAO,CAAA;CAChB,CAAA;AAED,aAAK,sBAAsB,GAAG;IAC1B,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAA;CAC1D,CAAA;AAED,eAAO,MAAM,iBAAiB,wBAAyB,sBAAsB,gBAiC5E,CAAA"}

package/dist/components/page-list/column-management-components/container-drag-drop.js

@@ -1,6 +1,6 @@
-import React from "react";
+import React from 'react';
 import update from 'immutability-helper';
-import { ItemDragDrop } from "./item-drag-drop";
+import { ItemDragDrop } from './item-drag-drop';
 export const ContainerDragDrop = ({ items, setItems }) => {
     const moveCard = React.useCallback((dragId, hoverId) => {
         setItems((prevCards) => {
@@ -9,8 +9,8 @@ export const ContainerDragDrop = ({ items, setItems }) => {
             return update(prevCards, {
                 $splice: [
                     [dragIndex, 1],
-                    [hoverIndex, 0, prevCards[dragIndex]],
-                ],
+                    [hoverIndex, 0, prevCards[dragIndex]]
+                ]
             });
         });
     }, []);

package/dist/components/page-list/column-management-components/item-drag-drop.js

@@ -1,8 +1,8 @@
-import React from "react";
+import React from 'react';
 import { useDrag, useDrop } from 'react-dnd';
-import { Icon } from "../../../atoms/icon";
+import { Icon } from '../../../atoms/icon';
 const ItemTypes = {
-    ITEM: 'item',
+    ITEM: 'item'
 };
 export const ItemDragDrop = ({ id, title, index, moveCard }) => {
     const ref = React.useRef(null);
@@ -10,7 +10,7 @@ export const ItemDragDrop = ({ id, title, index, moveCard }) => {
         accept: ItemTypes.ITEM,
         collect(monitor) {
             return {
-                handlerId: monitor.getHandlerId(),
+                handlerId: monitor.getHandlerId()
             };
         },
         hover(item, monitor) {
@@ -45,7 +45,7 @@ export const ItemDragDrop = ({ id, title, index, moveCard }) => {
             }
             // Time to actually perform the action
             moveCard(dragId, hoverId);
-        },
+        }
     });
     const [{ isDragging }, drag] = useDrag({
         type: ItemTypes.ITEM,
@@ -53,12 +53,12 @@ export const ItemDragDrop = ({ id, title, index, moveCard }) => {
             return { id, index };
         },
         collect: (monitor) => ({
-            isDragging: monitor.isDragging(),
-        }),
+            isDragging: monitor.isDragging()
+        })
     });
     const opacity = isDragging ? 0 : 1;
     drag(drop(ref));
-    return (React.createElement("div", { ref: ref, className: 'item-drag mb-2', style: { opacity }, "data-handler-id": handlerId },
+    return (React.createElement("div", { ref: ref, className: "item-drag mb-2", style: { opacity }, "data-handler-id": handlerId },
         React.createElement(Icon, { icon: "fa-grip-vertical", className: "me-2" }),
         " ",
         title));

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

@@ -1,9 +1,9 @@
-import React from "react";
+import React from 'react';
 import { DndProvider } from 'react-dnd';
 import { HTML5Backend } from 'react-dnd-html5-backend';
-import { Button } from "../../../atoms/button";
-import { Icon } from "../../../atoms/icon";
-import { ContainerDragDrop } from "./container-drag-drop";
+import { Button } from '../../../atoms/button';
+import { Icon } from '../../../atoms/icon';
+import { ContainerDragDrop } from './container-drag-drop';
 export const ModalConfig = ({ title, description = '', items, defaultConfig, cancelLabel = 'Cancel', confirmLabel = 'Apply', availableItemsTitle = 'Available items', orderItemsTitle = 'Order items', restoreDefaultLabel = 'Restore default', emptyLabel = 'You must select at least one item', confirmFn, closeFn }) => {
     const [columns, setColumns] = React.useState(items);
     const handleCheckColumn = React.useCallback(id => {
@@ -31,7 +31,7 @@ export const ModalConfig = ({ title, description = '', items, defaultConfig, can
                             React.createElement("p", null, availableItemsTitle),
                             React.createElement("span", { className: "badge" }, columnsOrdered.length)),
                         React.createElement("div", { className: "drag-drop-body" },
-                            React.createElement("ul", { className: "list-unstyled" }, columnsOrdered.map(column => (React.createElement("li", { key: `column-${column.id}`, className: 'mb-2' },
+                            React.createElement("ul", { className: "list-unstyled" }, columnsOrdered.map(column => (React.createElement("li", { key: `column-${column.id}`, className: "mb-2" },
                                 React.createElement("label", { className: "position-relative ps-4", htmlFor: `column-${column.id}` },
                                     React.createElement("input", { className: "checkbox-primary", type: "checkbox", id: `column-${column.id}`, checked: column.show, onChange: () => handleCheckColumn(column.id) }),
                                     React.createElement("div", { className: "checkbox-container" }),

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

@@ -0,0 +1,43 @@
+/// <reference types="react" />
+export declare const PageListConfig: {
+    Dropdown: {
+        ({ children, label, color, className, align }: {
+            children: import("react").ReactNode | import("react").ReactNode[];
+            label: import("react").ReactNode;
+            color?: "primary" | "secondary" | "success" | "danger" | "info" | "warning" | "default" | "none" | undefined;
+            className?: string | undefined;
+            align?: "left" | "right" | undefined;
+        }): JSX.Element;
+        displayName: string;
+    };
+    Item: import("react").FC<import("../../../molecules/dropdown/dropdown-item").DropdownItemProps>;
+    ItemPageLimit: ({ label, options, limit, onChange, divider }: import("./page-list-config-limit").PageLimitProps) => JSX.Element;
+    ItemColumnManagement: {
+        ({ columnManagement, onClick }: {
+            columnManagement: {
+                title: string;
+                description: string;
+                cancelLabel: string;
+                confirmLabel: string;
+                restoreDefaultLabel: string;
+                availableItemsTitle: string;
+                orderItemsTitle: string;
+                emptyLabel?: string | undefined;
+                items: {
+                    id: string;
+                    title: string;
+                    show: boolean;
+                }[];
+                defaultConfig: {
+                    id: string;
+                    title: string;
+                    show: boolean;
+                }[];
+                onConfirm: (items: any) => void;
+            };
+            onClick?: (() => void) | undefined;
+        }): JSX.Element;
+        displayName: string;
+    };
+};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/page-list/page-list-config/index.tsx"],"names":[],"mappings":";AAKA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAK1B,CAAA"}

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

@@ -0,0 +1,10 @@
+import { DropdownItem } from '../../../molecules/dropdown/dropdown-item';
+import { PageListConfigColumnManagement } from './page-list-config-column-management';
+import { PageListConfigDropdown } from './page-list-config-dropdown';
+import { PageListConfigLimit } from './page-list-config-limit';
+export const PageListConfig = {
+    Dropdown: PageListConfigDropdown,
+    Item: DropdownItem,
+    ItemPageLimit: PageListConfigLimit,
+    ItemColumnManagement: PageListConfigColumnManagement
+};

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

@@ -0,0 +1,29 @@
+/// <reference types="react" />
+declare type Item = {
+    id: string;
+    title: string;
+    show: boolean;
+};
+declare type ColumnManagementProps = {
+    title: string;
+    description: string;
+    cancelLabel: string;
+    confirmLabel: string;
+    restoreDefaultLabel: string;
+    availableItemsTitle: string;
+    orderItemsTitle: string;
+    emptyLabel?: string;
+    items: Item[];
+    defaultConfig: Item[];
+    onConfirm: (items: any) => void;
+};
+declare type PageListConfigColumnManagementProps = {
+    columnManagement: ColumnManagementProps;
+    onClick?: () => void;
+};
+export declare const PageListConfigColumnManagement: {
+    ({ columnManagement, onClick }: PageListConfigColumnManagementProps): JSX.Element;
+    displayName: string;
+};
+export {};
+//# sourceMappingURL=page-list-config-column-management.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"page-list-config-column-management.d.ts","sourceRoot":"","sources":["../../../../src/components/page-list/page-list-config/page-list-config-column-management.tsx"],"names":[],"mappings":";AAKA,aAAK,IAAI,GAAG;IACV,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,OAAO,CAAA;CACd,CAAA;AAED,aAAK,qBAAqB,GAAG;IAC3B,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,mCAAmC,GAAG;IACzC,gBAAgB,EAAE,qBAAqB,CAAA;IACvC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,eAAO,MAAM,8BAA8B;oCAAmC,mCAAmC;;CAuBhH,CAAA"}

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

@@ -0,0 +1,21 @@
+import React from 'react';
+import { DropdownItem } from '../../../molecules/dropdown/dropdown-item';
+import { Alert } from '../../../molecules/alert';
+import { ModalConfig } from '../column-management-components/modal-config';
+export const PageListConfigColumnManagement = ({ columnManagement, onClick }) => {
+    const modal = React.useRef(null);
+    const modalActions = {
+        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(); }
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement(DropdownItem, { label: columnManagement.title, onClick: () => {
+                if (onClick) {
+                    onClick();
+                }
+                modalActions.open();
+            } }),
+        React.createElement(Alert, { ref: modal, className: "alert-lg" },
+            React.createElement(ModalConfig, Object.assign({}, columnManagement, { closeFn: modalActions.close, confirmFn: columnManagement.onConfirm })))));
+};
+PageListConfigColumnManagement.displayName = 'PageListConfigColumnManagement';

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

@@ -0,0 +1,14 @@
+import React from 'react';
+declare type PageListConfigDropdownProps = {
+    children: React.ReactNode | React.ReactNode[];
+    label: string | React.ReactNode;
+    color?: 'none' | 'primary' | 'secondary' | 'success' | 'danger' | 'info' | 'warning' | 'default';
+    className?: string;
+    align?: 'left' | 'right';
+};
+export declare const PageListConfigDropdown: {
+    ({ children, label, color, className, align }: PageListConfigDropdownProps): JSX.Element;
+    displayName: string;
+};
+export {};
+//# sourceMappingURL=page-list-config-dropdown.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"page-list-config-dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/page-list/page-list-config/page-list-config-dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAGvC,aAAK,2BAA2B,GAAG;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;IAC7C,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAC/B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAA;IAChG,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;CAC3B,CAAA;AAED,eAAO,MAAM,sBAAsB;mDAMhC,2BAA2B;;CA8E7B,CAAA"}

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

@@ -0,0 +1,49 @@
+import React, { Children } from 'react';
+import classNames from 'classnames';
+export const PageListConfigDropdown = ({ children, label, color = 'primary', className, align = 'right' }) => {
+    const ref = React.useRef(null);
+    const classes = classNames(className, 'btn dropdown-toggle', color !== 'none' && `btn-${color}`);
+    const [toggle, setToggle] = React.useState(false);
+    const handleClick = React.useCallback(() => {
+        setToggle(prev => !prev);
+    }, []);
+    const handleClickOut = React.useCallback((event) => {
+        var _a;
+        if ((_a = ref.current) === null || _a === void 0 ? void 0 : _a.contains(event.target)) {
+            return;
+        }
+        setToggle(false);
+    }, []);
+    React.useEffect(() => {
+        if (toggle) {
+            document.addEventListener('mousedown', handleClickOut);
+        }
+        else {
+            document.removeEventListener('mousedown', handleClickOut);
+        }
+        return () => {
+            document.removeEventListener('mousedown', handleClickOut);
+        };
+    }, [toggle]);
+    const classesDropdown = classNames('dropdown-menu', align, toggle && 'show');
+    return (React.createElement("div", { ref: ref, className: "dropdown" },
+        React.createElement("div", { className: classes, onClick: handleClick }, label),
+        React.createElement("div", { className: classesDropdown }, Children.map(children, (child) => {
+            var _a, _b;
+            if (React.isValidElement(child)) {
+                if ((_a = child.props) === null || _a === void 0 ? void 0 : _a.onClick) {
+                    return (Object.assign(Object.assign({}, child), { props: Object.assign(Object.assign({}, child.props), { onClick: () => {
+                                setToggle(false);
+                                child.props.onClick();
+                            } }) }));
+                }
+                if (((_b = child.type) === null || _b === void 0 ? void 0 : _b.displayName) === 'PageListConfigColumnManagement') {
+                    return (Object.assign(Object.assign({}, child), { props: Object.assign(Object.assign({}, child.props), { onClick: () => {
+                                setToggle(false);
+                            } }) }));
+                }
+            }
+            return child;
+        }))));
+};
+PageListConfigDropdown.displayName = 'PageListConfigDropdown';

package/dist/components/page-list/page-list-config/page-list-config-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 PageListConfigLimit: ({ label, options, limit, onChange, divider }: PageLimitProps) => JSX.Element;
+//# sourceMappingURL=page-list-config-limit.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"page-list-config-limit.d.ts","sourceRoot":"","sources":["../../../../src/components/page-list/page-list-config/page-list-config-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,mBAAmB,iDAA8F,cAAc,gBAa3I,CAAA"}

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

@@ -0,0 +1,8 @@
+import React from 'react';
+export const PageListConfigLimit = ({ 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", { key: `options-${opt}`, selected: opt === limit, value: opt }, opt))))));
+};

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

@@ -1,24 +1,6 @@
 import React from 'react';
-import { PageLimitProps } from './page-limit/page-limit';
-declare type Item = {
-    id: string;
-    title: string;
-    show: boolean;
-};
-export declare type ColumnManagementProps = {
-    title: string;
-    description: string;
-    cancelLabel: string;
-    confirmLabel: string;
-    restoreDefaultLabel: string;
-    availableItemsTitle: string;
-    orderItemsTitle: string;
-    emptyLabel?: string;
-    items: Item[];
-    defaultConfig: Item[];
-    onConfirm: (items: any) => void;
-};
 declare type PageListGetFiltersProps = {
+    children?: React.ReactNode;
     filterList: any;
     search: any;
     filter?: {
@@ -27,9 +9,6 @@ declare type PageListGetFiltersProps = {
         clearLabel?: string;
     };
     numFiltersVisible?: number;
-    columnManagement?: ColumnManagementProps;
-    pageLimit?: PageLimitProps;
-    configItems?: ConfigItemProps[];
 };
 export declare type ConfigItemProps = {
     label: string;

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;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,CA2GhE,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;AAUzB,aAAK,uBAAuB,GAAG;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,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;CAC3B,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,CAsFhE,CAAA"}

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

@@ -7,37 +7,21 @@ import { ButtonFilterClear } from './filter-components/button-filter-clear';
 import { ButtonFilters } from './filter-components/button-filters';
 import { Icon } from '../../atoms/icon';
 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 }) });
 };
 export const PageListGetFilters = (props) => {
-    const { numFiltersVisible = 2, filterList, search, filter = {
+    const { children, numFiltersVisible = 2, filterList, search, filter = {
         filterLabel: 'Filters',
         submitLabel: 'Filter',
         clearLabel: 'Clear'
-    }, columnManagement, pageLimit, configItems } = props;
+    } } = props;
     const filters = filterList === null || filterList === void 0 ? void 0 : filterList.props.children;
     if (!filterList)
         return null;
     const visible = Array.isArray(filters) ? filters.slice(0, numFiltersVisible) : [filters];
     const hidden = Array.isArray(filters) ? filters.slice(numFiltersVisible) : [];
     const [showFilter, setShowFilter] = React.useState(false);
-    const modal = React.useRef(null);
-    const modalActions = {
-        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 })));
     const activeBullets = Object.keys(search)
         .filter(i => !['page', 'limit', 'items_per_page', 'per_page', 'tab'].includes(i) && search[i]);
     return (React.createElement(React.Fragment, null,
@@ -51,7 +35,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, className: "filter-with-bullet" }, !!activeBullets.length && React.createElement("div", { className: "bullet" }, activeBullets.length))),
-                            configurationList.length > 0 && React.createElement(ButtonConfig, { items: configurationList }))))),
+                            children)))),
             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 },
@@ -62,7 +46,5 @@ export const PageListGetFilters = (props) => {
                 })),
                 React.createElement("div", { className: `pt-3 text-center ${showFilter ? 'd-block' : 'd-none'}` },
                     React.createElement(ButtonFilter, { submitLabel: filter.submitLabel, className: "me-3" }),
-                    React.createElement(ButtonFilterClear, { clearLabel: filter.clearLabel, search: search }))))),
-        React.createElement(Alert, { ref: modal, className: "alert-lg" }, columnManagement &&
-            React.createElement(ModalConfig, Object.assign({}, columnManagement, { closeFn: modalActions.close, confirmFn: columnManagement.onConfirm })))));
+                    React.createElement(ButtonFilterClear, { clearLabel: filter.clearLabel, search: search })))))));
 };

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

@@ -2,8 +2,6 @@ import React from 'react';
 import { ButtonProps } from '../../atoms/button';
 import { IconProps } from '../../atoms/icon';
 import { DropdownItemProps } from '../../molecules/dropdown/dropdown-item';
-import { ColumnManagementProps, ConfigItemProps } from './page-list-get-filters';
-import { PageLimitProps } from './page-limit/page-limit';
 declare type BtnProps = {
     uri: string;
     label: string;
@@ -41,10 +39,7 @@ export declare type PageListProps = ChildrenProps & {
         from: number;
     };
     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,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"}
+{"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;AAO1E,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,kBAAkB,CAAC,EAAE,iBAAiB,EAAE,CAAA;CACzC,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA8F5C,CAAA"}

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

@@ -12,12 +12,13 @@ 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 = [], pageLimit, configItems, children } = props;
+    const { title, addButton, extraButtons = [], meta, filter, customizeFilter, loading = false, metaTranslate = '%1 out of %2 records', extraButtonsInline = [], 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);
     const filterList = Array.isArray(children) ? children.find(child => { var _a; return typeof child.type !== 'string' && ((_a = child.type) === null || _a === void 0 ? void 0 : _a.displayName) === 'PageListFilters'; }) : null;
-    const restList = Array.isArray(children) ? children === null || children === void 0 ? void 0 : children.filter(child => child !== filterList) : children;
+    const configList = Array.isArray(children) ? children.find(child => { var _a; return typeof child.type !== 'string' && ((_a = child.type) === null || _a === void 0 ? void 0 : _a.displayName) === 'PageListConfigDropdown'; }) : null;
+    const restList = Array.isArray(children) ? children === null || children === void 0 ? void 0 : children.filter(child => child !== filterList && child !== configList) : children;
     if (loading) {
         return (React.createElement("div", { className: "my-5" },
             React.createElement(Spinner, null)));
@@ -37,7 +38,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, pageLimit: pageLimit, configItems: configItems })),
+        !customizeFilter && filterList && (React.createElement(PageListGetFilters, { filterList: filterList, search: search, filter: filter, key: JSON.stringify(history) }, configList)),
         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/index.d.ts

@@ -40,6 +40,7 @@ export * from './components/page-list/page-list-filters';
 export * as PageListFilter from './components/page-list/filters';
 export * from './components/page-create/page-create';
 export * from './components/page-show/page-show';
+export * from './components/page-list/page-list-config';
 export { default as dateHelper } from './utils/date-helper';
 export { default as numberHelper } from './utils/number-helper';
 export { default as objectHelper } from './utils/object-helper';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AACA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,kBAAkB,CAAA;AAChC,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,eAAe,CAAA;AAC7B,cAAc,0BAA0B,CAAA;AACxC,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,oBAAoB,CAAA;AAGlC,cAAc,mBAAmB,CAAA;AACjC,cAAc,wBAAwB,CAAA;AACtC,cAAc,kBAAkB,CAAA;AAChC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,mBAAmB,CAAA;AACjC,cAAc,sBAAsB,CAAA;AACpC,cAAc,mBAAmB,CAAA;AAGjC,cAAc,wCAAwC,CAAA;AACtD,cAAc,sDAAsD,CAAA;AACpE,cAAc,4BAA4B,CAAA;AAC1C,cAAc,wBAAwB,CAAA;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAA;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAA;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAA;AACrE,OAAO,EAAE,eAAe,EAAE,MAAM,yCAAyC,CAAA;AACzE,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAA;AACrE,cAAc,0BAA0B,CAAA;AAExC,OAAO,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAA;AAC1E,OAAO,EAAE,kBAAkB,EAAE,MAAM,4CAA4C,CAAA;AAC/E,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEjD,cAAc,kCAAkC,CAAA;AAChD,cAAc,0CAA0C,CAAA;AACxD,OAAO,KAAK,cAAc,MAAM,gCAAgC,CAAA;AAChE,cAAc,sCAAsC,CAAA;AACpD,cAAc,kCAAkC,CAAA;AAGhD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAC3D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAC/D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAC/D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAA;AACjE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAC/D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAA;AACzD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AACzE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,uBAAuB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AACA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,kBAAkB,CAAA;AAChC,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,eAAe,CAAA;AAC7B,cAAc,0BAA0B,CAAA;AACxC,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,oBAAoB,CAAA;AAGlC,cAAc,mBAAmB,CAAA;AACjC,cAAc,wBAAwB,CAAA;AACtC,cAAc,kBAAkB,CAAA;AAChC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,mBAAmB,CAAA;AACjC,cAAc,sBAAsB,CAAA;AACpC,cAAc,mBAAmB,CAAA;AAGjC,cAAc,wCAAwC,CAAA;AACtD,cAAc,sDAAsD,CAAA;AACpE,cAAc,4BAA4B,CAAA;AAC1C,cAAc,wBAAwB,CAAA;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAA;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAA;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAA;AACrE,OAAO,EAAE,eAAe,EAAE,MAAM,yCAAyC,CAAA;AACzE,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAA;AACrE,cAAc,0BAA0B,CAAA;AAExC,OAAO,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAA;AAC1E,OAAO,EAAE,kBAAkB,EAAE,MAAM,4CAA4C,CAAA;AAC/E,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEjD,cAAc,kCAAkC,CAAA;AAChD,cAAc,0CAA0C,CAAA;AACxD,OAAO,KAAK,cAAc,MAAM,gCAAgC,CAAA;AAChE,cAAc,sCAAsC,CAAA;AACpD,cAAc,kCAAkC,CAAA;AAChD,cAAc,yCAAyC,CAAA;AAGvD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAC3D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAC/D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAC/D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAA;AACjE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAC/D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAA;AACzD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AACzE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,uBAAuB,CAAA"}

package/dist/index.js

@@ -43,6 +43,7 @@ import * as PageListFilter_1 from './components/page-list/filters';
 export { PageListFilter_1 as PageListFilter };
 export * from './components/page-create/page-create';
 export * from './components/page-show/page-show';
+export * from './components/page-list/page-list-config';
 // Utils
 export { default as dateHelper } from './utils/date-helper';
 export { default as numberHelper } from './utils/number-helper';

package/package.json

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