@dilicorp/ui 0.0.1

package/dist/components/page-list/filter-components/button-filter-clear.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import classNames from 'classnames';
+import { Icon } from '../../../atoms/icon';
+import { Button } from '../../../atoms/button';
+import { objectHelper } from '../../../index';
+import { useNavigate } from 'react-router-dom';
+import uriHelper from '../../../utils/uri-helper';
+export const ButtonFilterClear = (props) => {
+    const { className, clearLabel, show = true, search } = props;
+    const navigate = useNavigate();
+    const classes = classNames(className, show ? 'd-inline-block' : 'd-none', 'mb-3');
+    const handleClick = React.useCallback(() => {
+        const whiteList = ['tab'];
+        const elements = objectHelper.destruct(search, ...whiteList);
+        navigate({
+            search: uriHelper.stringify(Object.assign(Object.assign({}, elements), { page: 1 }))
+        });
+    }, [search, navigate]);
+    return (React.createElement(Button, { color: "warning", className: classes, onClick: handleClick },
+        React.createElement(Icon, { icon: "faTimes", className: "me-2" }),
+        clearLabel));
+};

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

@@ -0,0 +1,9 @@
+import React from 'react';
+declare type Props = {
+    className?: string;
+    submitLabel: string;
+    show?: boolean;
+};
+export declare const ButtonFilter: React.FC<Props>;
+export {};
+//# sourceMappingURL=button-filter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button-filter.d.ts","sourceRoot":"","sources":["../../../../src/components/page-list/filter-components/button-filter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,aAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,EAAE,MAAM,CAAA;IACnB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAcxC,CAAA"}

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import classNames from 'classnames';
+import { Icon } from '../../../atoms/icon';
+import { Button } from '../../../atoms/button';
+export const ButtonFilter = (props) => {
+    const { className, submitLabel, show = true } = props;
+    const classes = classNames(className, show ? 'd-inline-block' : 'd-none', 'mb-3');
+    return (React.createElement(Button, { type: "submit", className: classes },
+        React.createElement(Icon, { icon: "faSearch", className: "me-2" }),
+        submitLabel));
+};

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

@@ -0,0 +1,10 @@
+import React from 'react';
+declare type Props = {
+    show: boolean;
+    setShow: React.Dispatch<React.SetStateAction<boolean>>;
+    filterLabel: string;
+    className?: string;
+};
+export declare const ButtonFilters: React.FC<Props>;
+export {};
+//# sourceMappingURL=button-filters.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button-filters.d.ts","sourceRoot":"","sources":["../../../../src/components/page-list/filter-components/button-filters.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,aAAK,KAAK,GAAG;IACX,IAAI,EAAE,OAAO,CAAA;IACb,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;IACtD,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAsBzC,CAAA"}

package/dist/components/page-list/filter-components/button-filters.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import classNames from 'classnames';
+import { Icon } from '../../../atoms/icon';
+import { Button } from '../../../atoms/button';
+export const ButtonFilters = (props) => {
+    const { show = false, setShow, filterLabel, className } = props;
+    const classes = classNames(className, 'mb-3');
+    const handleClick = () => {
+        setShow(prev => !prev);
+    };
+    return (React.createElement(Button, { color: "info", outline: !show, onClick: handleClick, className: classes },
+        React.createElement(Icon, { icon: "faFilter", className: "me-2" }),
+        filterLabel));
+};

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

@@ -0,0 +1,10 @@
+import React from 'react';
+declare type Props = {
+    children: React.ReactNode;
+    search?: {
+        [key: string]: any;
+    };
+};
+export declare const FilterForm: React.FC<Props>;
+export {};
+//# sourceMappingURL=filter-form.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"filter-form.d.ts","sourceRoot":"","sources":["../../../../src/components/page-list/filter-components/filter-form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,aAAK,KAAK,GAAG;IACX,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,MAAM,CAAC,EAAE;QACP,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KACnB,CAAA;CACF,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA2BtC,CAAA"}

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

@@ -0,0 +1,26 @@
+import React from 'react';
+import { useNavigate } from 'react-router-dom';
+import uriHelper from '../../../utils/uri-helper';
+export const FilterForm = (props) => {
+    const { children, search } = props;
+    const navigate = useNavigate();
+    return (React.createElement("form", { onSubmit: (e) => {
+            e.preventDefault();
+            const count = e.target.length;
+            const fields = e.target;
+            const whiteList = ['input', 'select', 'textarea'];
+            const elements = search;
+            for (let i = 0; i < count; i++) {
+                // @ts-ignore
+                if (whiteList.includes((fields[i]).localName) && fields[i].name) {
+                    Object.assign(elements, {
+                        // @ts-ignore
+                        [fields[i].name]: fields[i].value
+                    });
+                }
+            }
+            navigate({
+                search: uriHelper.stringify(Object.assign(Object.assign({}, elements), { page: 1 }))
+            });
+        } }, children));
+};

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

@@ -0,0 +1,9 @@
+import React from 'react';
+declare type FilterDatepickerProps = {
+    name: string;
+    value?: string;
+    placeholder?: string;
+};
+export declare const FilterDatepicker: React.FC<FilterDatepickerProps>;
+export {};
+//# sourceMappingURL=filter-datepicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"filter-datepicker.d.ts","sourceRoot":"","sources":["../../../../src/components/page-list/filters/filter-datepicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,aAAK,qBAAqB,GAAG;IAC3B,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAwB5D,CAAA"}

package/dist/components/page-list/filters/filter-datepicker.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import Datepicker from 'react-datepicker';
+import dateHelper from '../../../utils/date-helper';
+export const FilterDatepicker = (props) => {
+    const { name, value, placeholder } = props;
+    const [date, setDate] = React.useState(dateHelper.stringToDate(value));
+    const handleChange = (currentDate) => {
+        setDate(currentDate);
+    };
+    return (React.createElement(Datepicker, { name: name, placeholderText: placeholder, selected: date, locale: "pt_br", className: "form-control", dateFormat: "dd/MM/yyyy", autoComplete: "off", onChange: handleChange }));
+};

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

@@ -0,0 +1,10 @@
+import React from 'react';
+declare type FilterInputProps = React.InputHTMLAttributes<HTMLInputElement> & {
+    name: string;
+    placeholder: string;
+    mask?: string | Array<string | RegExp>;
+    multiple?: boolean;
+};
+export declare const FilterInput: React.FC<FilterInputProps>;
+export {};
+//# sourceMappingURL=filter-input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"filter-input.d.ts","sourceRoot":"","sources":["../../../../src/components/page-list/filters/filter-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,aAAK,gBAAgB,GAAG,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,GAAG;IACpE,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,MAAM,CAAA;IACnB,IAAI,CAAC,EAAE,MAAM,GAAC,KAAK,CAAC,MAAM,GAAC,MAAM,CAAC,CAAA;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA4ClD,CAAA"}

package/dist/components/page-list/filters/filter-input.js

@@ -0,0 +1,34 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import classNames from 'classnames';
+import InputMask from 'react-input-mask';
+export const FilterInput = (props) => {
+    const { name, className, id = name, multiple = false, mask, value } = props, elements = __rest(props, ["name", "className", "id", "multiple", "mask", "value"]);
+    const validOptions = {
+        alt: elements.alt,
+        autoComplete: elements.autoComplete,
+        max: elements.max,
+        maxLength: elements.maxLength,
+        min: elements.min,
+        minLength: elements.minLength,
+        placeholder: elements.placeholder,
+        required: elements.required
+    };
+    const classes = classNames(className, 'form-control');
+    const attrs = Object.assign(Object.assign({}, validOptions), { className: classes, name: name, id: id, defaultValue: value });
+    if (mask) {
+        return React.createElement(InputMask, Object.assign({ mask: mask }, attrs));
+    }
+    const Tag = multiple ? 'textarea' : 'input';
+    return (React.createElement(Tag, Object.assign({}, attrs)));
+};

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

@@ -0,0 +1,20 @@
+import React from 'react';
+declare type Option = {
+    label: string | number;
+    value: string | number;
+};
+declare type FilterSelectProps = {
+    name: string;
+    placeholder: string;
+    options?: Option[];
+    id?: string;
+    value?: string | Option | Option[];
+    isDisabled?: boolean;
+    isLoading?: boolean;
+    isClearable?: boolean;
+    isSearchable?: boolean;
+    isMulti?: boolean;
+};
+export declare const FilterSelect: React.FC<FilterSelectProps>;
+export {};
+//# sourceMappingURL=filter-select.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"filter-select.d.ts","sourceRoot":"","sources":["../../../../src/components/page-list/filters/filter-select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,aAAK,MAAM,GAAG;IACZ,KAAK,EAAE,MAAM,GAAC,MAAM,CAAA;IACpB,KAAK,EAAE,MAAM,GAAC,MAAM,CAAA;CACrB,CAAA;AAID,aAAK,iBAAiB,GAAG;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,MAAM,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,GAAC,MAAM,GAAC,MAAM,EAAE,CAAA;IAC9B,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;CAClB,CAAA;AA2BD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA8BpD,CAAA"}

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

@@ -0,0 +1,29 @@
+import React from 'react';
+import ReactSelect from 'react-select';
+const getValueInOption = (options, value) => {
+    return options.find(option => option.value === 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 FilterSelect = (props) => {
+    const { options = [], name, id = name, value = undefined, placeholder, isDisabled = false, isLoading = false, isClearable = false, isSearchable = true, isMulti = false } = props;
+    const newValue = getValue(value, options);
+    return React.createElement(ReactSelect, { placeholder: placeholder, className: "form-builder-select", classNamePrefix: "form-builder", options: options, name: name, id: id, defaultValue: newValue, isDisabled: isDisabled, isLoading: isLoading, isClearable: isClearable, isSearchable: isSearchable, isMulti: isMulti });
+};

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

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

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

@@ -0,0 +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"}

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

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

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

@@ -0,0 +1,7 @@
+import React from 'react';
+declare type PageListFiltersProps = {
+    children: React.ReactNode;
+};
+export declare const PageListFilters: React.FC<PageListFiltersProps>;
+export {};
+//# sourceMappingURL=page-list-filters.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"page-list-filters.d.ts","sourceRoot":"","sources":["../../../src/components/page-list/page-list-filters.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,aAAK,oBAAoB,GAAG;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAM1D,CAAA"}

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

@@ -0,0 +1,4 @@
+import React from 'react';
+export const PageListFilters = ({ children }) => {
+    return (React.createElement("div", { className: "page-list-filters" }, children));
+};

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

@@ -0,0 +1,13 @@
+import React from 'react';
+declare type PageListGetFiltersProps = {
+    filterList: any;
+    search: any;
+    filter?: {
+        filterLabel?: string;
+        submitLabel?: string;
+        clearLabel?: string;
+    };
+};
+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

@@ -0,0 +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;AAUzB,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;CACF,CAAA;AAYD,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA8DhE,CAAA"}

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

@@ -0,0 +1,47 @@
+import React from 'react';
+import { FilterForm } from './filter-components/filter-form';
+import { Row } from '../../atoms/row';
+import { Col } from '../../atoms/col';
+import { ButtonFilter } from './filter-components/button-filter';
+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';
+const setValue = (element, value) => {
+    return Object.assign(Object.assign({}, element), { props: Object.assign(Object.assign({}, element.props), { value: value }) });
+};
+export const PageListGetFilters = (props) => {
+    const { filterList, search, filter = {
+        filterLabel: 'Filters',
+        submitLabel: 'Filter',
+        clearLabel: 'Clear'
+    } } = props;
+    const filters = filterList === null || filterList === void 0 ? void 0 : filterList.props.children;
+    if (!filterList)
+        return null;
+    if (!Array.isArray(filters)) {
+        return (React.createElement(FilterForm, { search: search },
+            React.createElement(Row, null,
+                React.createElement(Col, null, filterList))));
+    }
+    const numFiltersVisible = 2;
+    const visible = filters.slice(0, numFiltersVisible);
+    const hidden = filters.slice(numFiltersVisible);
+    const [showFilter, setShowFilter] = React.useState(false);
+    return (React.createElement(FilterForm, { search: search },
+        React.createElement(Row, null,
+            visible.map((element, index) => (React.createElement(Col, { size: [12, 6, 4, 3], key: index, className: "mb-3" }, setValue(element, search[element.props.name])))),
+            React.createElement(Col, null,
+                React.createElement(ButtonFilter, { submitLabel: filter.submitLabel, className: "me-3" }),
+                React.createElement(ButtonFilterClear, { clearLabel: filter.clearLabel, className: "me-3", search: search }),
+                React.createElement(ButtonFilters, { show: showFilter, setShow: setShowFilter, filterLabel: filter.filterLabel }))),
+        Boolean(hidden.length) && (React.createElement("div", { className: `aside-filter ${showFilter ? 'in' : ''}` },
+            React.createElement("div", { className: "mb-3 text-right" },
+                React.createElement(Button, { color: "info", outline: showFilter, onClick: () => setShowFilter(prev => !prev), small: true },
+                    React.createElement(Icon, { icon: "faTimes" }))),
+            React.createElement(Row, null,
+                hidden.map((element, index) => (React.createElement(Col, { size: 12, key: `visible-child-${index + 100}`, className: "mb-3" }, setValue(element, search[element.props.name])))),
+                React.createElement(Col, { size: 12, className: showFilter ? 'd-block' : 'd-none' },
+                    React.createElement(ButtonFilter, { submitLabel: filter.submitLabel, className: "me-3" }),
+                    React.createElement(ButtonFilterClear, { clearLabel: filter.clearLabel, search: search })))))));
+};

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

@@ -0,0 +1,35 @@
+import React from 'react';
+import { DropdownItemProps } from '../../molecules/dropdown/dropdown-item';
+declare type BtnProps = {
+    uri: string;
+    label: string;
+};
+declare type ChildrenProp = {
+    type: string | {
+        name?: string;
+    };
+    props: ChildrenProps | any;
+};
+declare type ChildrenProps = {
+    children: ChildrenProp | ChildrenProp[];
+};
+export declare type PageListProps = ChildrenProps & {
+    title: string;
+    addButton?: BtnProps;
+    extraButtons?: DropdownItemProps[];
+    customizeFilter?: React.ReactNode;
+    loading?: boolean;
+    filter?: {
+        filterLabel?: string;
+        submitLabel?: string;
+        clearLabel?: string;
+    };
+    meta: {
+        current_page: number;
+        per_page: number;
+        total: number;
+    };
+};
+export declare const PageList: React.FC<PageListProps>;
+export {};
+//# sourceMappingURL=page-list.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"page-list.d.ts","sourceRoot":"","sources":["../../../src/components/page-list/page-list.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAA;AAQ1E,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;KACd,CAAC;IACF,KAAK,EAAE,aAAa,GAAC,GAAG,CAAA;CACzB,CAAA;AAED,aAAK,aAAa,GAAG;IACnB,QAAQ,EAAE,YAAY,GAAC,YAAY,EAAE,CAAA;CACtC,CAAA;AAED,oBAAY,aAAa,GAAG,aAAa,GAAG;IAC1C,KAAK,EAAE,MAAM,CAAA;IACb,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,EAAE;QACJ,YAAY,EAAE,MAAM,CAAA;QACpB,QAAQ,EAAE,MAAM,CAAA;QAChB,KAAK,EAAE,MAAM,CAAA;KACd,CAAA;CACF,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA0D5C,CAAA"}

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

@@ -0,0 +1,38 @@
+import { Typography } from '../../atoms/typography';
+import { Row } from '../../atoms/row';
+import { Col } from '../../atoms/col';
+import React from 'react';
+import { Button } from '../../atoms/button';
+import { Icon } from '../../atoms/icon';
+import { Link } from '../../atoms/link';
+import { Dropdown } from '../../molecules/dropdown/dropdown';
+import { Paginate } from '../../molecules/paginate';
+import { useLocation } from 'react-router-dom';
+import uriHelper from '../../utils/uri-helper';
+import { Separator } from '../../atoms/separator';
+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, children } = props;
+    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.name) === 'PageListFilters'; }) : null;
+    const restList = Array.isArray(children) ? children === null || children === void 0 ? void 0 : children.filter(child => child !== filterList) : children;
+    if (loading) {
+        return (React.createElement("div", { className: "my-5" },
+            React.createElement(Spinner, null)));
+    }
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Row, { className: "mb-3" },
+            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", label: React.createElement(Icon, { icon: "faEllipsisH" }), items: extraButtons })),
+                Boolean(addButton) && (React.createElement(Button, { tag: Link, href: addButton === null || addButton === void 0 ? void 0 : addButton.uri },
+                    React.createElement(Icon, { icon: "faPlus", className: "me-1" }), addButton === null || addButton === void 0 ? void 0 :
+                    addButton.label)))),
+        customizeFilter || React.createElement(PageListGetFilters, { filterList: filterList, search: search, filter: filter, key: Math.random() }),
+        React.createElement(Separator, null),
+        React.createElement("div", { className: "py-3" }, restList),
+        meta && React.createElement(Paginate, { activePage: meta.current_page, perPage: meta.per_page, totalItems: meta.total })));
+};

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { LinkProps } from '../../index';
+export declare type SideNavigationBarItemProps = LinkProps & {
+    icon?: string;
+    label: string;
+};
+export declare const SideNavigationBarItem: React.FC<SideNavigationBarItemProps>;
+//# sourceMappingURL=side-navigation-bar-item.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"side-navigation-bar-item.d.ts","sourceRoot":"","sources":["../../../src/components/side-navigation-bar/side-navigation-bar-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAQ,SAAS,EAAE,MAAM,aAAa,CAAA;AAE7C,oBAAY,0BAA0B,GAAG,SAAS,GAAG;IACnD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAWD,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAetE,CAAA"}

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

@@ -0,0 +1,26 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import { Icon } from '../../atoms/icon';
+import { Link } from '../../index';
+const InnerItem = ({ icon, label }) => {
+    return (React.createElement(React.Fragment, null,
+        icon && React.createElement(Icon, { icon: icon }),
+        React.createElement("span", { className: "link-name" }, label)));
+};
+export const SideNavigationBarItem = (props) => {
+    const { className = '', label } = props, attrs = __rest(props, ["className", "label"]);
+    return (React.createElement("li", { className: className },
+        React.createElement(Link, Object.assign({}, attrs),
+            React.createElement(InnerItem, Object.assign({}, props))),
+        React.createElement("span", { className: "tooltip" }, label)));
+};

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import { SideNavigationBarItemProps } from './side-navigation-bar-item';
+export declare type SideNavigationBarProps = {
+    logoThumb?: React.ReactNode;
+    logoName?: string;
+    logout?: {
+        href: string;
+        label?: string;
+    };
+    items: SideNavigationBarItemProps[];
+};
+export declare const SideNavigationBar: React.MemoExoticComponent<(props: SideNavigationBarProps) => JSX.Element>;
+//# sourceMappingURL=side-navigation-bar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"side-navigation-bar.d.ts","sourceRoot":"","sources":["../../../src/components/side-navigation-bar/side-navigation-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAA;AAC9C,OAAO,EAAyB,0BAA0B,EAAE,MAAM,4BAA4B,CAAA;AAG9F,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;CACpC,CAAA;AAED,eAAO,MAAM,iBAAiB,oCAAgB,sBAAsB,iBAyClE,CAAA"}

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

@@ -0,0 +1,28 @@
+import React, { memo, useEffect } from 'react';
+import { SideNavigationBarItem } from './side-navigation-bar-item';
+import { Icon } from '../../atoms/icon';
+export const SideNavigationBar = memo((props) => {
+    const { logoThumb, logoName, logout, items = [] } = props;
+    useEffect(() => {
+        const btn = document.querySelector('.btn-sidebar');
+        const sidebar = document.querySelector('.sidebar');
+        btn.onclick = function () {
+            sidebar.classList.toggle('active');
+        };
+    }, []);
+    return (React.createElement("div", { className: "sidebar active" },
+        React.createElement("div", { className: "logo-content" },
+            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("ul", { className: "nav-list" },
+            items.map((item, index) => (React.createElement(SideNavigationBarItem, Object.assign({ key: `side-navigation-bar-item-${index}` }, item)))),
+            !!(logout === null || logout === void 0 ? void 0 : logout.href) && (React.createElement(SideNavigationBarItem, Object.assign({}, {
+                className: 'link-logout',
+                icon: 'fa-sign-out-alt',
+                label: logout.label || 'Logout',
+                href: logout.href
+            }))))));
+});
+SideNavigationBar.displayName = 'SideNavigationBar';

package/dist/components/tabs/tab-list.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare type TabListProps = {
+    children: React.ReactNode;
+};
+export declare const TabList: React.FC<TabListProps>;
+//# sourceMappingURL=tab-list.d.ts.map

package/dist/components/tabs/tab-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-list.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tab-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,oBAAY,YAAY,GAAG;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAI1C,CAAA"}

package/dist/components/tabs/tab-list.js

@@ -0,0 +1,4 @@
+import React from 'react';
+export const TabList = ({ children }) => {
+    return (React.createElement("div", { className: "tab-list" }, children));
+};

package/dist/components/tabs/tab-panel.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare type TabPanelProps = {
+    children: React.ReactNode;
+    [key: string]: any;
+};
+export declare const TabPanel: React.FC<TabPanelProps>;
+//# sourceMappingURL=tab-panel.d.ts.map

package/dist/components/tabs/tab-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-panel.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tab-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,oBAAY,aAAa,GAAG;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAQ5C,CAAA"}

package/dist/components/tabs/tab-panel.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import classNames from 'classnames';
+export const TabPanel = ({ children, active }) => {
+    const classes = classNames('tab-panel', active && 'active');
+    return (React.createElement("div", { className: classes }, children));
+};

package/dist/components/tabs/tab.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare type TabProps = {
+    children: React.ReactNode;
+    [key: string]: any;
+};
+export declare const Tab: React.FC<TabProps>;
+//# sourceMappingURL=tab.d.ts.map

package/dist/components/tabs/tab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,oBAAY,QAAQ,GAAG;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CASlC,CAAA"}

package/dist/components/tabs/tab.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import { Link } from '../../atoms/link';
+import classNames from 'classnames';
+export const Tab = ({ children, href, active }) => {
+    const classes = classNames('tab', active && 'active');
+    return (React.createElement(Link, { className: classes, href: href }, children));
+};

package/dist/components/tabs/tabs.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export declare type TabsProps = {
+    children: {
+        type: string | {
+            displayName?: string;
+        };
+        props: TabsProps;
+    }[];
+};
+export declare const Tabs: React.FC<TabsProps>;
+//# sourceMappingURL=tabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,oBAAY,SAAS,GAAG;IACtB,QAAQ,EAAE;QACR,IAAI,EAAE,MAAM,GAAG;YACb,WAAW,CAAC,EAAE,MAAM,CAAA;SACrB,CAAC;QACF,KAAK,EAAE,SAAS,CAAA;KACjB,EAAE,CAAA;CACJ,CAAA;AACD,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA2CpC,CAAA"}