phx-uikit 1.0.0

package/dist/esm/components/TableLogImportExport/TableLogImportExport.js

@@ -0,0 +1,65 @@
+import React, { useState } from 'react';
+import { PHXBadge } from '../Badge';
+import { PHXFormWrap } from '../FormWrap';
+import { PHXTable } from '../Table';
+import { ApolloWrapper } from '../../lib/apollo-wrapper';
+import { getEnv } from '../../read-env-config';
+var keyActionImport = 0;
+export var PHXTableLogImportExport = function (_a) {
+    var actionType = _a.actionType, organizationCode = _a.organizationCode;
+    var _b = useState(0), pagination = _b[0], setPagination = _b[1];
+    var paginationData = function (pagi) {
+        setPagination(pagi);
+    };
+    var _c = useState('created_at'), fieldSort = _c[0], setFieldSort = _c[1];
+    var _d = useState('desc'), sortDirection = _d[0], setSortDirection = _d[1];
+    var sortData = function (fieldSortParams, sortDirectionParams) {
+        setFieldSort(fieldSortParams);
+        setSortDirection(sortDirectionParams);
+    };
+    var dateStrToDate = function (date) {
+        return date ? date.slice(8, 10) + '/' + date.slice(5, 7) + '/' + date.slice(0, 4) : '';
+    };
+    var list = function (paginationParams, fieldSortParams, sortDirectionParams, organizationCodeParams, actionTypeParams) {
+        return {
+            keyResult: 'feature_import_export_file_history',
+            query: "query getListUploadFileHistory {\n                        feature_import_export_file_history(\n                          limit: 10,\n                          offset: ".concat(paginationParams * 10, ", \n                          order_by: {").concat(fieldSortParams, ": ").concat(sortDirectionParams, "}\n                          where: {\n                              deleted_at: {_is_null: true}, organization_code: {_eq: ").concat(organizationCodeParams, "},action_type: {_eq: ").concat(actionTypeParams, "}}\n                          ) {\n                            id\n                            file_name\n                            file_path\n                            file_type\n                            import_event_code\n                            module_id\n                            project_name\n                            status\n                            created_at\n                        }\n      \n                        feature_import_export_file_history_aggregate(where: {deleted_at: {_is_null: true}, organization_code: {_eq: ").concat(organizationCodeParams, "},action_type: {_eq: ").concat(actionTypeParams, "}}) {\n                          aggregate {\n                          count\n                          }\n                      }\n                    }")
+        };
+    };
+    var search = function (paginationParams, fieldSortParams, sortDirectionParams, organizationCodeParams, actionTypeParams) {
+        return {
+            enable: false,
+            keyResult: 'feature_import_export_file_history',
+            query: "query getListUploadFileHistoryBySearch {\n                  feature_import_export_file_history(\n                      limit: 10, \n                      offset: ".concat(paginationParams * 10, ",\n                      order_by: {").concat(fieldSortParams, ": ").concat(sortDirectionParams, "},\n                      where: {_or: [{import_event_code: {_ilike: \"%@value%\"}}, {project_name: {_ilike: \"%@value%\"}}], deleted_at: {_is_null: true}, organization_code: {_eq: ").concat(organizationCodeParams, "},action_type: {_eq: ").concat(actionTypeParams, "}}\n                  ){\n                    id\n                    file_name\n                    file_path\n                    file_type\n                    import_event_code\n                    module_id\n                    project_name\n                    status\n                    created_at\n                  }\n      \n                  feature_import_export_file_history_aggregate(\n                    where: {_or: [{import_event_code: {_ilike: \"%@value%\"}}, {project_name: {_ilike: \"%@value%\"}}], deleted_at: {_is_null: true}, organization_code: {_eq: ").concat(organizationCodeParams, "},action_type: {_eq: ").concat(actionTypeParams, "}}\n                    ){\n                        aggregate {\n                        count\n                        }\n                    }\n              }")
+        };
+    };
+    var thHeader = ['Tên file', 'Đường dẫn file', 'Tên dự án', 'Tên module', 'Trạng thái', 'Ngày tạo'];
+    var thBody = ['id', 'file_name', 'file_path', 'project_name', 'module_id', 'status', 'created_at'];
+    var thComponent = {
+        // @ts-ignore
+        created_at: function bind(value, itemBody) {
+            return dateStrToDate(itemBody.created_at);
+        },
+        // @ts-ignore
+        status: function bind(value, itemBody) {
+            switch (itemBody === null || itemBody === void 0 ? void 0 : itemBody.status) {
+                case 0:
+                    return React.createElement(PHXBadge, { text: 'Nh\u00E1p', type: 'default' });
+                case 1:
+                    return React.createElement(PHXBadge, { text: 'Ch\u1EDD x\u1EED l\u00FD', type: 'informational' });
+                case 2:
+                    return React.createElement(PHXBadge, { text: '\u0110ang x\u1EED l\u00FD', type: 'attention' });
+                case 3:
+                    return React.createElement(PHXBadge, { text: 'Th\u00E0nh c\u00F4ng', type: 'success' });
+                default:
+                    return React.createElement(PHXBadge, { text: 'Th\u1EA5t b\u1EA1i', type: 'danger' });
+            }
+        }
+    };
+    var listQuery = list(pagination, fieldSort, sortDirection, organizationCode, actionType);
+    var searchQuery = search(pagination, fieldSort, sortDirection, organizationCode, actionType);
+    return (React.createElement(PHXFormWrap, { className: 'text-xs', footerAction: false, headerAction: true, size: 'medium', title: actionType === keyActionImport ? 'Những file đã import' : 'Những file đã export', type: 'default' },
+        React.createElement(ApolloWrapper, null,
+            React.createElement(PHXTable, { clickRow: false, graphqlEndpoint: getEnv('NEXT_PUBLIC_GRAPHQL_API_PROCESS_CENTER', process.env.NEXT_PUBLIC_GRAPHQL_API_PROCESS_CENTER), graphqlKey: getEnv('NEXT_PUBLIC_GRAPHQL_KEY_PROCESS_CENTER', process.env.NEXT_PUBLIC_GRAPHQL_KEY_PROCESS_CENTER), list: listQuery, paginationData: paginationData, search: searchQuery, sortData: sortData, thBody: thBody, thBodyComponent: thComponent, thHeader: thHeader, router: undefined }))));
+};
+//# sourceMappingURL=TableLogImportExport.js.map

package/dist/esm/components/TableLogImportExport/TableLogImportExport.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableLogImportExport.js","sourceRoot":"","sources":["../../../../src/components/TableLogImportExport/TableLogImportExport.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AACnC,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAA;AAO9C,IAAM,eAAe,GAAG,CAAC,CAAA;AAEzB,MAAM,CAAC,IAAM,uBAAuB,GAA6B,UAAC,EAG3C;QAFrB,UAAU,gBAAA,EACV,gBAAgB,sBAAA;IAEV,IAAA,KAA8B,QAAQ,CAAC,CAAC,CAAC,EAAxC,UAAU,QAAA,EAAE,aAAa,QAAe,CAAA;IAC/C,IAAM,cAAc,GAAG,UAAC,IAAY;QAClC,aAAa,CAAC,IAAI,CAAC,CAAA;IACrB,CAAC,CAAA;IACK,IAAA,KAA4B,QAAQ,CAAC,YAAY,CAAC,EAAjD,SAAS,QAAA,EAAE,YAAY,QAA0B,CAAA;IAClD,IAAA,KAAoC,QAAQ,CAAC,MAAM,CAAC,EAAnD,aAAa,QAAA,EAAE,gBAAgB,QAAoB,CAAA;IAC1D,IAAM,QAAQ,GAAG,UAAC,eAAuB,EAAE,mBAA2B;QACpE,YAAY,CAAC,eAAe,CAAC,CAAA;QAC7B,gBAAgB,CAAC,mBAAmB,CAAC,CAAA;IACvC,CAAC,CAAA;IACD,IAAM,aAAa,GAAG,UAAC,IAAY;QACjC,OAAA,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;IAA/E,CAA+E,CAAA;IAEjF,IAAM,IAAI,GAAG,UACX,gBAAqB,EACrB,eAAoB,EACpB,mBAAwB,EACxB,sBAA8B,EAC9B,gBAAwB;QAExB,OAAO;YACL,SAAS,EAAE,oCAAoC;YAC/C,KAAK,EAAE,iLAGuB,gBAAgB,GAAG,EAAE,sDAClB,eAAe,eAAK,mBAAmB,yIAES,sBAAsB,kCAAwB,gBAAgB,wjBAaf,sBAAsB,kCAAwB,gBAAgB,+JAK9K;SACjB,CAAA;IACH,CAAC,CAAA;IACD,IAAM,MAAM,GAAG,UACb,gBAAqB,EACrB,eAAoB,EACpB,mBAAwB,EACxB,sBAA8B,EAC9B,gBAAwB;QAExB,OAAO;YACL,MAAM,EAAE,KAAK;YACb,SAAS,EAAE,oCAAoC;YAC/C,KAAK,EAAE,4KAGmB,gBAAgB,GAAG,EAAE,iDAClB,eAAe,eAAK,mBAAmB,kMACqG,sBAAsB,kCAAwB,gBAAgB,6kBAchE,sBAAsB,kCAAwB,gBAAgB,sKAM3N;SACX,CAAA;IACH,CAAC,CAAA;IACD,IAAM,QAAQ,GAAG,CAAC,UAAU,EAAE,gBAAgB,EAAE,WAAW,EAAE,YAAY,EAAE,YAAY,EAAE,UAAU,CAAC,CAAA;IAEpG,IAAM,MAAM,GAAG,CAAC,IAAI,EAAE,WAAW,EAAE,WAAW,EAAE,cAAc,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,CAAC,CAAA;IACpG,IAAM,WAAW,GAAG;QAClB,aAAa;QACb,UAAU,EAAE,SAAS,IAAI,CAAC,KAAU,EAAE,QAAa;YACjD,OAAO,aAAa,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAA;QAC3C,CAAC;QACD,aAAa;QACb,MAAM,EAAE,SAAS,IAAI,CAAC,KAAU,EAAE,QAAa;YAC7C,QAAQ,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,MAAM,EAAE;gBACxB,KAAK,CAAC;oBACJ,OAAO,oBAAC,QAAQ,IAAC,IAAI,EAAC,WAAM,EAAC,IAAI,EAAC,SAAS,GAAG,CAAA;gBAChD,KAAK,CAAC;oBACJ,OAAO,oBAAC,QAAQ,IAAC,IAAI,EAAC,0BAAW,EAAC,IAAI,EAAC,eAAe,GAAG,CAAA;gBAC3D,KAAK,CAAC;oBACJ,OAAO,oBAAC,QAAQ,IAAC,IAAI,EAAC,2BAAY,EAAC,IAAI,EAAC,WAAW,GAAG,CAAA;gBACxD,KAAK,CAAC;oBACJ,OAAO,oBAAC,QAAQ,IAAC,IAAI,EAAC,sBAAY,EAAC,IAAI,EAAC,SAAS,GAAG,CAAA;gBACtD;oBACE,OAAO,oBAAC,QAAQ,IAAC,IAAI,EAAC,oBAAU,EAAC,IAAI,EAAC,QAAQ,GAAG,CAAA;aACpD;QACH,CAAC;KACF,CAAA;IACD,IAAM,SAAS,GAAG,IAAI,CAAC,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,UAAU,CAAC,CAAA;IAC1F,IAAM,WAAW,GAAG,MAAM,CAAC,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,UAAU,CAAC,CAAA;IAC9F,OAAO,CACL,oBAAC,WAAW,IACV,SAAS,EAAC,SAAS,EACnB,YAAY,EAAE,KAAK,EACnB,YAAY,QACZ,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,UAAU,KAAK,eAAe,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,sBAAsB,EACvF,IAAI,EAAC,SAAS;QAEd,oBAAC,aAAa;YACZ,oBAAC,QAAQ,IACP,QAAQ,EAAE,KAAK,EACf,eAAe,EAAE,MAAM,CACrB,wCAAwC,EACxC,OAAO,CAAC,GAAG,CAAC,sCAAsC,CACnD,EACD,UAAU,EAAE,MAAM,CAChB,wCAAwC,EACxC,OAAO,CAAC,GAAG,CAAC,sCAAsC,CACnD,EACD,IAAI,EAAE,SAAS,EACf,cAAc,EAAE,cAAc,EAC9B,MAAM,EAAE,WAAW,EACnB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,eAAe,EAAE,WAAW,EAC5B,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,SAAS,GACjB,CACY,CACJ,CACf,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/TableLogImportExport/index.d.ts

@@ -0,0 +1 @@
+export * from './TableLogImportExport';

package/dist/esm/components/TableLogImportExport/index.js

@@ -0,0 +1,2 @@
+export * from './TableLogImportExport';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/TableLogImportExport/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/TableLogImportExport/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAA"}

package/dist/esm/components/Tabs/Tabs.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+export interface TabsProps {
+    onClickTab?: (value: any) => void;
+    aggregate?: number;
+    dataTabs?: Array<{
+        name: string;
+        component: any;
+        code?: string;
+        id?: number;
+        [key: string]: any;
+    }>;
+    dataTabsQuery?: Array<{
+        name: string;
+        query: any;
+        querySearch?: any;
+    }>;
+    children?: any;
+    type: 'inside-of-card' | 'default' | 'bar-underline' | 'inside-component';
+    className?: string;
+    getQuery?: any;
+    getQuerySearch?: any;
+    filterValue?: any;
+    pagination?: any;
+    paginationData?: any;
+    defaultTab?: any;
+    getOnlyTitleOfTabs?(value: any): any;
+    [key: string]: any;
+    titleComponent?: any;
+    tabComponent?: any;
+}
+export declare function PHXTabs({ aggregate, children, className, dataTabs, dataTabsQuery, defaultTab, filterValue, getOnlyTitleOfTabs, getQuery, getQuerySearch, pagination, paginationData, titleComponent, tabComponent, type, onClickTab, }: TabsProps): React.JSX.Element;

package/dist/esm/components/Tabs/Tabs.js

@@ -0,0 +1,112 @@
+import React, { useEffect, useState } from 'react';
+import { classNames } from '../types';
+import { PHXBadge } from '../Badge';
+import { PHXCard } from '../Card';
+export function PHXTabs(_a) {
+    var aggregate = _a.aggregate, children = _a.children, className = _a.className, dataTabs = _a.dataTabs, dataTabsQuery = _a.dataTabsQuery, defaultTab = _a.defaultTab, filterValue = _a.filterValue, getOnlyTitleOfTabs = _a.getOnlyTitleOfTabs, getQuery = _a.getQuery, getQuerySearch = _a.getQuerySearch, pagination = _a.pagination, paginationData = _a.paginationData, titleComponent = _a.titleComponent, tabComponent = _a.tabComponent, _b = _a.type, type = _b === void 0 ? 'default' : _b, onClickTab = _a.onClickTab;
+    var defaultActive = dataTabs
+        ? getOnlyTitleOfTabs
+            ? dataTabs[0].id
+            : dataTabs[0].name
+        : dataTabsQuery
+            ? dataTabsQuery[0].name
+            : null;
+    var _c = useState(defaultTab ? defaultTab : defaultActive), current = _c[0], setCurrent = _c[1];
+    var handleChangeTabsQuery = function (eventValue) {
+        var _a, _b;
+        setCurrent(eventValue);
+        if (dataTabsQuery && paginationData) {
+            paginationData(0);
+            getQuery((_a = dataTabsQuery === null || dataTabsQuery === void 0 ? void 0 : dataTabsQuery.find(function (tab) { return tab.name === eventValue; })) === null || _a === void 0 ? void 0 : _a.query);
+            getQuerySearch((_b = dataTabsQuery === null || dataTabsQuery === void 0 ? void 0 : dataTabsQuery.find(function (tab) { return tab.name === eventValue; })) === null || _b === void 0 ? void 0 : _b.querySearch);
+        }
+    };
+    useEffect(function () {
+        var _a, _b;
+        if (dataTabsQuery && filterValue) {
+            getQuery((_a = dataTabsQuery === null || dataTabsQuery === void 0 ? void 0 : dataTabsQuery.find(function (tab) { return tab.name === current; })) === null || _a === void 0 ? void 0 : _a.query);
+            getQuerySearch((_b = dataTabsQuery === null || dataTabsQuery === void 0 ? void 0 : dataTabsQuery.find(function (tab) { return tab.name === current; })) === null || _b === void 0 ? void 0 : _b.querySearch);
+        }
+    }, [filterValue, pagination]);
+    var Tabs = function () {
+        var _a, _b, _c;
+        return dataTabsQuery ? (React.createElement("div", { className: 'mb-4' },
+            React.createElement("div", { className: 'sm:hidden' },
+                React.createElement("label", { className: 'sr-only', htmlFor: 'tabs' }, "Select a tab"),
+                React.createElement("select", { className: 'block w-full rounded-md border-gray-300 py-2 pl-3 pr-10 text-base focus:border-indigo-500 focus:outline-none focus:ring-indigo-500 sm:text-sm', defaultValue: (_a = dataTabsQuery === null || dataTabsQuery === void 0 ? void 0 : dataTabsQuery.find(function (tab) { return tab.name === current; })) === null || _a === void 0 ? void 0 : _a.name, id: 'tabs', name: 'tabs', onChange: function (e) { return handleChangeTabsQuery(e.target.value); } }, dataTabsQuery === null || dataTabsQuery === void 0 ? void 0 : dataTabsQuery.map(function (tab) { return (React.createElement("option", { key: tab.name, value: tab.name }, tab.name === current && aggregate ? React.createElement("span", null, tab.name + ' ' + '(' + aggregate + ')') : tab.name)); }))),
+            React.createElement("div", { className: 'hidden sm:block' },
+                React.createElement("nav", { "aria-label": 'Tabs', className: 'flex space-x-1' }, dataTabsQuery === null || dataTabsQuery === void 0 ? void 0 : dataTabsQuery.map(function (tab) { return (React.createElement("button", { key: tab.name, 
+                    // aria-current={tab.code === parentCode ? 'page' : undefined}
+                    className: classNames(tab.name === current ? 'bg-gray-200 text-gray-800' : 'text-gray-600 hover:bg-gray-200', 'rounded-lg px-3 py-1.5 text-xs font-normal leading-4'), onClick: function () { return handleChangeTabsQuery(tab.name); }, type: 'button' }, tab.name === current && aggregate ? (React.createElement("span", null,
+                    tab.name,
+                    "\u00A0",
+                    React.createElement(PHXBadge, { text: "".concat(aggregate), type: 'informational' }))) : (tab.name))); }))),
+            children)) : (React.createElement("div", { className: 'mb-4' },
+            React.createElement("div", { className: 'sm:hidden' },
+                React.createElement("label", { className: 'sr-only', htmlFor: 'tabs' }, "Select a tab"),
+                React.createElement("select", { className: 'block w-full rounded-md border-gray-300 py-2 pl-3 pr-10 text-base focus:border-indigo-500 focus:outline-none focus:ring-indigo-500 sm:text-sm', defaultValue: (_b = dataTabs === null || dataTabs === void 0 ? void 0 : dataTabs.find(function (tab) { return (tab.id || tab.name) === current; })) === null || _b === void 0 ? void 0 : _b.name, id: 'tabs', name: 'tabs', onChange: function (e) {
+                        setCurrent(e.target.value);
+                        getOnlyTitleOfTabs === null || getOnlyTitleOfTabs === void 0 ? void 0 : getOnlyTitleOfTabs(e.target.value);
+                    } }, dataTabs === null || dataTabs === void 0 ? void 0 : dataTabs.map(function (tab) { return (React.createElement("option", { key: tab.name, value: tab.id || tab.name }, tab.name)); }))),
+            React.createElement("div", { className: 'hidden sm:block' },
+                React.createElement("nav", { "aria-label": 'Tabs', className: 'flex space-x-1' }, dataTabs === null || dataTabs === void 0 ? void 0 : dataTabs.map(function (tab) { return (React.createElement("button", { key: tab.name, className: classNames((tab.id || tab.name) === current ? 'bg-gray-200 text-gray-800' : 'text-gray-600 hover:bg-gray-200', 'rounded-lg px-3 py-1.5 text-xs font-normal leading-4'), onClick: function () {
+                        setCurrent(tab.id || tab.name);
+                        getOnlyTitleOfTabs === null || getOnlyTitleOfTabs === void 0 ? void 0 : getOnlyTitleOfTabs(tab.id);
+                        onClickTab && onClickTab(tab);
+                    }, type: 'button' }, tab.name)); }))),
+            React.createElement("div", { className: 'pt-4' }, dataTabs && ((_c = dataTabs === null || dataTabs === void 0 ? void 0 : dataTabs.find(function (tab) { return (tab.id || tab.name) === current; })) === null || _c === void 0 ? void 0 : _c.component))));
+    };
+    var TabsComponent = function () {
+        var _a, _b, _c;
+        return dataTabsQuery ? (React.createElement("div", { className: 'mb-4' },
+            React.createElement("div", { className: 'sm:hidden' },
+                React.createElement("label", { className: 'sr-only', htmlFor: 'tabs' }, "Select a tab"),
+                React.createElement("select", { className: 'block w-full rounded-md border-gray-300 py-2 pl-3 pr-10 text-base focus:border-indigo-500 focus:outline-none focus:ring-indigo-500 sm:text-sm', defaultValue: (_a = dataTabsQuery === null || dataTabsQuery === void 0 ? void 0 : dataTabsQuery.find(function (tab) { return tab.name === current; })) === null || _a === void 0 ? void 0 : _a.name, id: 'tabs', name: 'tabs', onChange: function (e) { return handleChangeTabsQuery(e.target.value); } }, dataTabsQuery === null || dataTabsQuery === void 0 ? void 0 : dataTabsQuery.map(function (tab) { return (React.createElement("option", { key: tab.name, value: tab.name }, tab.name === current && aggregate ? React.createElement("span", null, tab.name + ' ' + '(' + aggregate + ')') : tab.name)); }))),
+            React.createElement("div", { className: 'hidden sm:block' },
+                React.createElement("nav", { "aria-label": 'Tabs', className: 'flex space-x-1' }, dataTabsQuery === null || dataTabsQuery === void 0 ? void 0 : dataTabsQuery.map(function (tab) { return (React.createElement("button", { key: tab.name, className: classNames(tab.name === current ? 'bg-gray-200 text-gray-800' : 'text-gray-600 hover:bg-gray-200', 'rounded-lg px-3 py-1.5 text-xs font-normal leading-4'), onClick: function () { return handleChangeTabsQuery(tab.name); }, type: 'button' }, tab.name === current && aggregate ? (React.createElement("span", null,
+                    tab.name,
+                    "\u00A0",
+                    React.createElement(PHXBadge, { text: "".concat(aggregate), type: 'informational' }))) : (tab.name))); }))),
+            children)) : (React.createElement("div", { className: 'mb-4', onClick: function () {
+                var _a;
+                var tabName = (_a = dataTabs === null || dataTabs === void 0 ? void 0 : dataTabs.find(function (tab) { var _a; return ((_a = tab.id) !== null && _a !== void 0 ? _a : tab.name) === current; })) === null || _a === void 0 ? void 0 : _a.name;
+                if (onClickTab && tabName) {
+                    onClickTab(tabName);
+                }
+            } },
+            React.createElement("div", { className: 'flex items-center space-x-2' },
+                React.createElement("select", { className: 'rounded-md hidden border-gray-300 py-2 pl-3 pr-10 text-base focus:border-indigo-500 focus:outline-none focus:ring-indigo-500 sm:text-sm', defaultValue: (_b = dataTabs === null || dataTabs === void 0 ? void 0 : dataTabs.find(function (tab) { var _a; return ((_a = tab.id) !== null && _a !== void 0 ? _a : tab.name) === current; })) === null || _b === void 0 ? void 0 : _b.name, id: 'tabs', name: 'tabs', onChange: function (e) {
+                        setCurrent(e.target.value);
+                        getOnlyTitleOfTabs === null || getOnlyTitleOfTabs === void 0 ? void 0 : getOnlyTitleOfTabs(e.target.value);
+                    } }, dataTabs === null || dataTabs === void 0 ? void 0 : dataTabs.map(function (tab) {
+                    var _a;
+                    return (React.createElement("option", { key: tab.name, value: (_a = tab.id) !== null && _a !== void 0 ? _a : tab.name }, tab.name));
+                })),
+                tabComponent),
+            React.createElement("div", { className: 'hidden sm:block' },
+                React.createElement("nav", { "aria-label": 'Tabs', className: 'flex space-x-1' }, dataTabs === null || dataTabs === void 0 ? void 0 : dataTabs.map(function (tab) { return (React.createElement("button", { key: tab.name, className: classNames((tab.id || tab.name) === current ? 'bg-gray-200 text-gray-800' : 'text-gray-600 hover:bg-gray-200', 'rounded-lg px-3 py-1.5 text-xs font-normal leading-4'), onClick: function () {
+                        setCurrent(tab.id || tab.name);
+                        getOnlyTitleOfTabs === null || getOnlyTitleOfTabs === void 0 ? void 0 : getOnlyTitleOfTabs(tab.id);
+                    }, type: 'button' }, tab.name)); }))),
+            React.createElement("div", { className: 'pt-4' }, dataTabs && ((_c = dataTabs === null || dataTabs === void 0 ? void 0 : dataTabs.find(function (tab) { return (tab.id || tab.name) === current; })) === null || _c === void 0 ? void 0 : _c.component))));
+    };
+    var TabBarUndeline = function () {
+        var _a, _b;
+        return (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: 'sm:hidden' },
+                React.createElement("select", { className: 'block w-full rounded-md border-gray-300 focus:border-indigo-500 focus:ring-indigo-500', defaultValue: (_a = dataTabs === null || dataTabs === void 0 ? void 0 : dataTabs.find(function (tab) { return (tab.id || tab.name) === current; })) === null || _a === void 0 ? void 0 : _a.name, id: 'tabs', name: 'tabs' }, dataTabs === null || dataTabs === void 0 ? void 0 : dataTabs.map(function (tab) { return (React.createElement("option", { key: tab.name, value: tab.id || tab.name }, tab.name)); }))),
+            React.createElement("div", { className: 'hidden sm:block' },
+                React.createElement("nav", { "aria-label": 'Tabs', className: 'isolate flex divide-x divide-gray-200 rounded-lg shadow' }, dataTabs === null || dataTabs === void 0 ? void 0 : dataTabs.map(function (tab, index) { return (React.createElement("button", { key: tab.name, className: classNames(tab.name ? 'text-gray-900' : 'text-gray-500 hover:text-gray-700', index === 0 ? 'rounded-l-lg' : '', index === dataTabs.length - 1 ? 'rounded-r-lg' : '', 'group relative min-w-0 flex-1 overflow-hidden bg-white px-4 py-4 text-center text-sm font-medium hover:bg-gray-50 focus:z-10'), onClick: function () {
+                        setCurrent(tab.id || tab.name);
+                        getOnlyTitleOfTabs === null || getOnlyTitleOfTabs === void 0 ? void 0 : getOnlyTitleOfTabs(tab.id);
+                        onClickTab && onClickTab(tab);
+                    }, type: 'button' },
+                    React.createElement("span", null, tab.name),
+                    React.createElement("span", { "aria-hidden": 'true', className: classNames((tab.id || tab.name) === current ? 'bg-indigo-500' : 'bg-transparent', 'absolute inset-x-0 bottom-0 h-0.5') }))); })),
+                React.createElement("div", { className: 'pt-4' }, dataTabs && ((_b = dataTabs === null || dataTabs === void 0 ? void 0 : dataTabs.find(function (tab) { return (tab.id || tab.name) === current; })) === null || _b === void 0 ? void 0 : _b.component)))));
+    };
+    return (React.createElement("div", { className: className }, type === 'inside-of-card' ? (React.createElement(PHXCard, null,
+        React.createElement(Tabs, null))) : type === 'bar-underline' ? (React.createElement(TabBarUndeline, null)) : type === 'inside-component' ? (React.createElement(PHXCard, { title: titleComponent, primaryHeader: true },
+        React.createElement(TabsComponent, null))) : (React.createElement(Tabs, null))));
+}
+//# sourceMappingURL=Tabs.js.map

package/dist/esm/components/Tabs/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/Tabs/index.d.ts

@@ -0,0 +1 @@
+export * from './Tabs';

package/dist/esm/components/Tabs/index.js

@@ -0,0 +1,2 @@
+export * from './Tabs';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Tabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Tabs/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA"}

package/dist/esm/components/Textarea/Textarea.d.ts

@@ -0,0 +1,12 @@
+import React, { TextareaHTMLAttributes } from 'react';
+import { UseFormRegisterReturn } from 'react-hook-form';
+export interface TextAreaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
+    className?: string;
+    label?: string;
+    helpText?: string;
+    register?: UseFormRegisterReturn;
+    error?: boolean;
+    errorMessage?: string;
+    disabled?: boolean;
+}
+export declare const PHXTextarea: React.FC<TextAreaProps>;

package/dist/esm/components/Textarea/Textarea.js

@@ -0,0 +1,15 @@
+import { __assign, __rest } from "tslib";
+import React from 'react';
+import { classNames } from '../types';
+export var PHXTextarea = function (_a) {
+    var className = _a.className, error = _a.error, errorMessage = _a.errorMessage, helpText = _a.helpText, label = _a.label, register = _a.register, disabled = _a.disabled, rest = __rest(_a, ["className", "error", "errorMessage", "helpText", "label", "register", "disabled"]);
+    return (React.createElement("div", { className: className },
+        label && React.createElement("label", { className: 'mb-1 block text-xs font-normal text-gray-700' }, label),
+        React.createElement("textarea", __assign({}, register, rest, { disabled: disabled, className: classNames('font-normal block  w-full rounded-lg border-[0.5px] border-gray-500 px-3 py-1.5 shadow-sm focus:outline-indigo-500 focus:outline-none focus:outline-offset-1 focus:bg-gray-50 hover:bg-gray-50 text-xs focus:ring-transparent focus:border-gray-500', error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '', disabled ? 'bg-gray-50' : '') })),
+        helpText ? React.createElement("div", { className: 'mt-1 pl-1 text-xs font-light text-gray-400' }, helpText) : null,
+        error && errorMessage ? (React.createElement("div", { className: 'ml-1 mt-1 flex items-center' },
+            React.createElement("svg", { className: 'mr-2 h-4 w-4 text-red-500', fill: 'none', stroke: 'currentColor', strokeWidth: '2', viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg' },
+                React.createElement("path", { d: 'M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zm-9 3.75h.008v.008H12v-.008z', strokeLinecap: 'round', strokeLinejoin: 'round' })),
+            React.createElement("p", { className: 'text-xs text-red-800' }, errorMessage))) : null));
+};
+//# sourceMappingURL=Textarea.js.map

package/dist/esm/components/Textarea/Textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAiC,MAAM,OAAO,CAAA;AAErD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAYrC,MAAM,CAAC,IAAM,WAAW,GAA4B,UAAC,EASrC;IARd,IAAA,SAAS,eAAA,EACT,KAAK,WAAA,EACL,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,QAAQ,cAAA,EACL,IAAI,cAR4C,mFASpD,CADQ;IAEP,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS;QACtB,KAAK,IAAI,+BAAO,SAAS,EAAC,8CAA8C,IAAE,KAAK,CAAS;QACzF,6CACM,QAAQ,EACR,IAAI,IACR,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,UAAU,CACnB,qPAAqP,EACrP,KAAK,CAAC,CAAC,CAAC,+EAA+E,CAAC,CAAC,CAAC,EAAE,EAC5F,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAC7B,IACD;QACD,QAAQ,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAC,4CAA4C,IAAE,QAAQ,CAAO,CAAC,CAAC,CAAC,IAAI;QAC9F,KAAK,IAAI,YAAY,CAAC,CAAC,CAAC,CACvB,6BAAK,SAAS,EAAC,6BAA6B;YAC1C,6BACE,SAAS,EAAC,2BAA2B,EACrC,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;gBAElC,8BACE,CAAC,EAAC,0EAA0E,EAC5E,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,CACE;YAEN,2BAAG,SAAS,EAAC,sBAAsB,IAAE,YAAY,CAAK,CAClD,CACP,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/Textarea/index.d.ts

@@ -0,0 +1 @@
+export * from './Textarea';

package/dist/esm/components/Textarea/index.js

@@ -0,0 +1,2 @@
+export * from './Textarea';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Textarea/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Textarea/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA"}

package/dist/esm/components/TimePicker/TimePicker.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { UseFormRegisterReturn } from 'react-hook-form';
+import { TimeProps } from './component/Time';
+export interface TimePickerProps extends TimeProps {
+    className?: string;
+    label?: string;
+    disabled?: boolean;
+    onChange?(value: any): void;
+    defaultValue?: string;
+    register?: UseFormRegisterReturn;
+    origin?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+    id?: string;
+    error?: boolean;
+    errorType?: 'required-field';
+}
+export declare function PHXTimePicker({ className, defaultValue, disabled, error, errorType, id, origin, label, onChange, register, step, }: TimePickerProps): React.JSX.Element;

package/dist/esm/components/TimePicker/TimePicker.js

@@ -0,0 +1,120 @@
+import { __assign } from "tslib";
+import { ClockIcon } from '@heroicons/react/24/outline';
+import React, { useEffect, useRef, useState } from 'react';
+import Time from './component/Time';
+import ErrorMessage from '../../commons/ErrorMessage';
+function classNames() {
+    var classes = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        classes[_i] = arguments[_i];
+    }
+    return classes.filter(Boolean).join(' ');
+}
+export function PHXTimePicker(_a) {
+    var className = _a.className, defaultValue = _a.defaultValue, disabled = _a.disabled, error = _a.error, errorType = _a.errorType, _b = _a.id, id = _b === void 0 ? 'time-picker' : _b, _c = _a.origin, origin = _c === void 0 ? 'bottom-left' : _c, label = _a.label, onChange = _a.onChange, register = _a.register, step = _a.step;
+    var message = function (type) {
+        var errorMessage = '';
+        switch (type) {
+            case 'required-field':
+                errorMessage = 'Vui lòng nhập thông tin';
+                break;
+            default:
+                break;
+        }
+        return errorMessage;
+    };
+    var inputRef = useRef(null);
+    var calendarRef = useRef(null);
+    var _d = useState(false), isCalendarVisible = _d[0], setIsCalendarVisible = _d[1];
+    var _e = useState(''), inputValue = _e[0], setInputValue = _e[1];
+    var _f = useState(false), isFocus = _f[0], setIsFocus = _f[1];
+    var _g = useState(false), isOnChange = _g[0], setIsOnChange = _g[1];
+    var handleToggleCalendar = function () {
+        setIsCalendarVisible(true);
+    };
+    useEffect(function () {
+        if (defaultValue) {
+            // @ts-ignore
+            setInputValue(defaultValue);
+        }
+        else {
+            return;
+        }
+    }, [defaultValue]);
+    useEffect(function () {
+        var handleClickOutside = function (event) {
+            if (calendarRef.current &&
+                !calendarRef.current.contains(event.target) &&
+                inputRef.current !== event.target &&
+                !isFocus) {
+                setIsCalendarVisible(false);
+                var inputElement = document.getElementById("".concat(id, "-after"));
+                if (inputElement && isOnChange) {
+                    inputElement.focus();
+                    inputElement.blur();
+                }
+            }
+        };
+        document.addEventListener('click', handleClickOutside);
+        return function () {
+            document.removeEventListener('click', handleClickOutside);
+        };
+    }, [isFocus]);
+    var handleChange = function (val) {
+        var inputElement = document.getElementById("".concat(id, "-after"));
+        if (inputElement)
+            inputElement.focus();
+        setInputValue(val);
+        if (onChange) {
+            onChange(val);
+        }
+    };
+    var handleChangeInput = function (event) {
+        setIsOnChange(true);
+        var value = event.target.value;
+        // Chỉ cho phép nhập các ký tự số và :
+        value = value.replace(/[^0-9:]/g, '');
+        // Kiểm tra xem giá trị có độ dài phù hợp để thêm dấu : tự động
+        if (value.length === 2 && !value.includes(':')) {
+            value = value + ':';
+        }
+        // Xóa dấu : nếu người dùng xóa nó
+        if (value.length === 2 && event.nativeEvent.inputType === 'deleteContentBackward') {
+            value = value.substring(0, value.length - 1);
+        }
+        // Cập nhật giá trị thời gian
+        setInputValue(value);
+        if (onChange) {
+            onChange(value);
+        }
+    };
+    var value = function () {
+        switch (true) {
+            case !!defaultValue && !!inputValue:
+                return inputValue;
+            case !!defaultValue && !inputValue:
+                return defaultValue;
+            default:
+                return inputValue;
+        }
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: className },
+            label && React.createElement("label", { className: 'mb-1 block text-xs font-normal text-gray-700' }, label),
+            React.createElement("div", { className: 'relative' },
+                React.createElement("label", { ref: inputRef, className: 'absolute top-0 h-[1.875rem] w-full rounded-lg py-4', htmlFor: id, onClick: handleToggleCalendar }),
+                React.createElement("input", { className: classNames('block w-full rounded-lg border-[0.5px] border-gray-500 px-3 py-1.5 pl-9 text-xs font-normal shadow-sm hover:bg-gray-50 focus:border-gray-500 focus:bg-gray-50 focus:outline-none focus:outline-offset-1 focus:outline-indigo-500 focus:ring-transparent', disabled ? '!border-gray-100 bg-gray-100 text-gray-400 hover:!bg-gray-100' : '', error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : ''), disabled: disabled, id: id, onBlur: function () { return setIsFocus(false); }, onChange: function (event) { return handleChangeInput(event); }, onFocus: function () { return setIsFocus(true); }, value: value() }),
+                React.createElement("input", __assign({ className: 'rounded-lg', id: "".concat(id, "-after"), style: {
+                        content: '',
+                        position: 'absolute',
+                        height: 0,
+                        top: 0,
+                        zIndex: -100
+                    } }, register, { value: value() })),
+                error && errorType ? React.createElement(ErrorMessage, { message: message(errorType) }) : null,
+                React.createElement("div", { className: 'absolute left-3 top-2' },
+                    React.createElement(ClockIcon, { className: 'h-4 w-4 text-gray-500' })),
+                React.createElement("div", { ref: calendarRef, className: classNames('absolute z-50 w-full', origin === 'top-left' && '-top-[17.5rem] left-0', origin === 'top-right' && '-top-[17.5rem] right-0', origin === 'bottom-left' && 'left-0 top-10', origin === 'bottom-right' && 'right-0 top-10', isCalendarVisible && !disabled ? '' : 'hidden') },
+                    React.createElement(Time, { onChangeTime: function (val) { return handleChange(val); }, step: step }))))));
+}
+//# sourceMappingURL=TimePicker.js.map

package/dist/esm/components/TimePicker/TimePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker.js","sourceRoot":"","sources":["../../../../src/components/TimePicker/TimePicker.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/TimePicker/component/Time.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface TimeProps {
+    step?: number;
+    onChangeTime?(time: any): void;
+}
+declare function Time({ step, onChangeTime }: TimeProps): React.JSX.Element;
+export default Time;

package/dist/esm/components/TimePicker/component/Time.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { generateTimeSteps } from '../utils';
+function Time(_a) {
+    var _b = _a.step, step = _b === void 0 ? 30 : _b, onChangeTime = _a.onChangeTime;
+    var timeSteps = generateTimeSteps(step);
+    var handleChange = function (time) {
+        if (onChangeTime) {
+            onChangeTime(time);
+        }
+    };
+    return (React.createElement("div", null,
+        React.createElement("div", { className: 'bg-white py-2 px-3 rounded-lg shadow-lg w-full max-w-[20rem] h-[17rem] overflow-y-auto border border-gray-300 border-b-gray-400' }, timeSteps.map(function (item) { return (React.createElement("p", { onClick: function () { return handleChange(item); }, className: 'text-xs p-2 rounded-lg hover:bg-gray-100 cursor-pointer', key: item }, item)); }))));
+}
+export default Time;
+//# sourceMappingURL=Time.js.map

package/dist/esm/components/TimePicker/component/Time.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Time.js","sourceRoot":"","sources":["../../../../../src/components/TimePicker/component/Time.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAO5C,SAAS,IAAI,CAAC,EAAsC;QAApC,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EAAE,YAAY,kBAAA;IACrC,IAAM,SAAS,GAAG,iBAAiB,CAAC,IAAI,CAAC,CAAA;IAEzC,IAAM,YAAY,GAAG,UAAC,IAAS;QAC7B,IAAI,YAAY,EAAE;YAChB,YAAY,CAAC,IAAI,CAAC,CAAA;SACnB;IACH,CAAC,CAAA;IAED,OAAO,CACL;QACE,6BAAK,SAAS,EAAC,iIAAiI,IAC7I,SAAS,CAAC,GAAG,CAAC,UAAC,IAAS,IAAK,OAAA,CAC5B,2BACE,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,IAAI,CAAC,EAAlB,CAAkB,EACjC,SAAS,EAAC,yDAAyD,EACnE,GAAG,EAAE,IAAI,IAER,IAAI,CACH,CACL,EAR6B,CAQ7B,CAAC,CACE,CACF,CACP,CAAA;AACH,CAAC;AAED,eAAe,IAAI,CAAA"}

package/dist/esm/components/TimePicker/index.d.ts

@@ -0,0 +1 @@
+export * from './TimePicker';

package/dist/esm/components/TimePicker/index.js

@@ -0,0 +1,2 @@
+export * from './TimePicker';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/TimePicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/TimePicker/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA"}

package/dist/esm/components/TimePicker/utils.d.ts

@@ -0,0 +1 @@
+export declare function generateTimeSteps(step: any): string[];

package/dist/esm/components/TimePicker/utils.js

@@ -0,0 +1,12 @@
+export function generateTimeSteps(step) {
+    var steps = [];
+    for (var hour = 0; hour < 24; hour++) {
+        for (var minute = 0; minute < 60; minute += step) {
+            var formattedHour = hour.toString().padStart(2, '0');
+            var formattedMinute = minute.toString().padStart(2, '0');
+            steps.push("".concat(formattedHour, ":").concat(formattedMinute));
+        }
+    }
+    return steps;
+}
+//# sourceMappingURL=utils.js.map

package/dist/esm/components/TimePicker/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/components/TimePicker/utils.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,iBAAiB,CAAC,IAAS;IACzC,IAAM,KAAK,GAAG,EAAE,CAAA;IAChB,KAAK,IAAI,IAAI,GAAG,CAAC,EAAE,IAAI,GAAG,EAAE,EAAE,IAAI,EAAE,EAAE;QACpC,KAAK,IAAI,MAAM,GAAG,CAAC,EAAE,MAAM,GAAG,EAAE,EAAE,MAAM,IAAI,IAAI,EAAE;YAChD,IAAM,aAAa,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAA;YACtD,IAAM,eAAe,GAAG,MAAM,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAA;YAC1D,KAAK,CAAC,IAAI,CAAC,UAAG,aAAa,cAAI,eAAe,CAAE,CAAC,CAAA;SAClD;KACF;IACD,OAAO,KAAK,CAAA;AACd,CAAC"}

package/dist/esm/components/UploadAvatar/UploadAvatar.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface UploadAvatarProps {
+    basePath: string;
+    apiCdnUpload: string;
+    handleListenUpload: any;
+    defaultValue?: string;
+    moduleId: any;
+}
+export default function PHXUploadAvatar({ apiCdnUpload, basePath, defaultValue, handleListenUpload, moduleId, }: Readonly<UploadAvatarProps>): React.JSX.Element;