phx-uikit 1.0.0

package/dist/cjs/components/Table/index.js

@@ -0,0 +1,5 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./Table"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/Table/index.js.map

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

package/dist/cjs/components/Table/sort.d.ts

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+interface ISortProps {
+    activeMenu: any;
+    className?: string;
+    selectArray: Array<any>;
+    isSearch: boolean;
+    onChange: (item: any) => void;
+    onChangeSelect(item: any, columnName: string): void;
+    sortList: any;
+}
+declare const Sort: FC<ISortProps>;
+export default Sort;

package/dist/cjs/components/Table/sort.js

@@ -0,0 +1,33 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+var react_1 = require("@headlessui/react");
+var solid_1 = require("@heroicons/react/20/solid");
+var react_2 = tslib_1.__importStar(require("react"));
+var SelectSort_1 = tslib_1.__importDefault(require("./SelectSort"));
+function classNames() {
+    var classes = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        classes[_i] = arguments[_i];
+    }
+    return classes.filter(Boolean).join(' ');
+}
+var Sort = function (_a) {
+    var activeMenu = _a.activeMenu, className = _a.className, isSearch = _a.isSearch, onChange = _a.onChange, onChangeSelect = _a.onChangeSelect, selectArray = _a.selectArray, sortList = _a.sortList;
+    return (react_2["default"].createElement(react_2["default"].Fragment, null,
+        react_2["default"].createElement("div", { className: "".concat(className, " sm:block") }, sortList.map(function (sortItem) {
+            return sortItem.type === 'select-filter' && isSearch ? (react_2["default"].createElement(SelectSort_1["default"], { key: sortItem.id, activeMenu: activeMenu, onChangeSelect: onChangeSelect, selectArray: selectArray, sortItem: sortItem })) : (react_2["default"].createElement("button", { key: sortItem.id, className: classNames('mr-1 hidden items-center rounded-lg border-gray-300 px-2 py-1 text-xs font-medium text-gray-700 hover:bg-gray-200', activeMenu === sortItem.id ? 'bg-gray-200' : 'bg-transparent', sortItem.type === 'select-filter' || isSearch ? 'hidden' : 'sm:inline-flex'), onClick: function () { return onChange(sortItem); }, type: 'button' }, sortItem.name));
+        })),
+        react_2["default"].createElement(react_1.Menu, { as: 'div', className: classNames(isSearch ? 'hidden' : 'relative inline-block text-left sm:hidden') },
+            react_2["default"].createElement("div", null,
+                react_2["default"].createElement(react_1.Menu.Button, { className: 'flex rounded-lg bg-white px-2 py-1 text-xs font-normal text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50 active:bg-gray-200 active:pb-[0.2rem] active:pt-[0.3rem] active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]' },
+                    react_2["default"].createElement(solid_1.ArrowsUpDownIcon, { "aria-hidden": 'true', className: 'h-4 w-4' }))),
+            react_2["default"].createElement(react_1.Transition, { as: react_2.Fragment, enter: 'transition ease-out duration-100', enterFrom: 'transform opacity-0 scale-95', enterTo: 'transform opacity-100 scale-100', leave: 'transition ease-in duration-75', leaveFrom: 'transform opacity-100 scale-100', leaveTo: 'transform opacity-0 scale-95' },
+                react_2["default"].createElement(react_1.Menu.Items, { className: 'absolute max-h-96 overflow-y-auto right-0 z-10 mt-2 w-56 min-w-max origin-top-right rounded-md bg-white px-1 shadow-lg ring-1 ring-black  ring-opacity-5 drop-shadow-lg focus:outline-none' },
+                    react_2["default"].createElement("div", { className: 'py-1' }, sortList.map(function (sortItem) { return (react_2["default"].createElement(react_1.Menu.Item, { key: sortItem.id }, function (_a) {
+                        var active = _a.active;
+                        return (react_2["default"].createElement("button", { className: classNames(active || activeMenu === sortItem.id ? 'bg-gray-200 text-[#303030]' : 'text-gray-700', sortItem.type === 'select-filter' ? 'hidden' : '', 'bg-gray-200" my-[1px] block w-full min-w-max  cursor-pointer rounded-lg border-gray-300 px-2  py-2 text-left  text-xs font-medium text-gray-700 transition-all hover:bg-gray-200  sm:text-xs'), onClick: function () { return onChange(sortItem); }, type: 'button' }, sortItem.name));
+                    })); })))))));
+};
+exports["default"] = Sort;
+//# sourceMappingURL=sort.js.map

package/dist/cjs/components/Table/sort.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sort.js","sourceRoot":"","sources":["../../../../src/components/Table/sort.tsx"],"names":[],"mappings":";;;AAAA,2CAAoD;AACpD,mDAA4D;AAC5D,qDAA2C;AAC3C,oEAAqC;AAErC,SAAS,UAAU;IAAC,iBAAyB;SAAzB,UAAyB,EAAzB,qBAAyB,EAAzB,IAAyB;QAAzB,4BAAyB;;IAC3C,OAAO,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1C,CAAC;AAYD,IAAM,IAAI,GAAmB,UAAC,EAAoF;QAAlF,UAAU,gBAAA,EAAE,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAE,QAAQ,cAAA,EAAE,cAAc,oBAAA,EAAE,WAAW,iBAAA,EAAE,QAAQ,cAAA;IAC9G,OAAO,CACL;QACE,0CAAK,SAAS,EAAE,UAAG,SAAS,cAAW,IACpC,QAAQ,CAAC,GAAG,CAAC,UAAC,QAAa;YAC1B,OAAA,QAAQ,CAAC,IAAI,KAAK,eAAe,IAAI,QAAQ,CAAC,CAAC,CAAC,CAC9C,iCAAC,uBAAU,IACT,GAAG,EAAE,QAAQ,CAAC,EAAE,EAChB,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC,CAAC,CAAC,CACF,6CACE,GAAG,EAAE,QAAQ,CAAC,EAAE,EAChB,SAAS,EAAE,UAAU,CACnB,mHAAmH,EACnH,UAAU,KAAK,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,gBAAgB,EAC7D,QAAQ,CAAC,IAAI,KAAK,eAAe,IAAI,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAC5E,EACD,OAAO,EAAE,cAAM,OAAA,QAAQ,CAAC,QAAQ,CAAC,EAAlB,CAAkB,EACjC,IAAI,EAAC,QAAQ,IAEZ,QAAQ,CAAC,IAAI,CACP,CACV;QArBD,CAqBC,CACF,CACG;QAGN,iCAAC,YAAI,IAAC,EAAE,EAAC,KAAK,EAAC,SAAS,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,2CAA2C,CAAC;YACrG;gBACE,iCAAC,YAAI,CAAC,MAAM,IAAC,SAAS,EAAC,gPAAgP;oBACrQ,iCAAC,wBAAgB,mBAAa,MAAM,EAAC,SAAS,EAAC,SAAS,GAAG,CAC/C,CACV;YAEN,iCAAC,kBAAU,IACT,EAAE,EAAE,gBAAQ,EACZ,KAAK,EAAC,kCAAkC,EACxC,SAAS,EAAC,8BAA8B,EACxC,OAAO,EAAC,iCAAiC,EACzC,KAAK,EAAC,gCAAgC,EACtC,SAAS,EAAC,iCAAiC,EAC3C,OAAO,EAAC,8BAA8B;gBAEtC,iCAAC,YAAI,CAAC,KAAK,IAAC,SAAS,EAAC,4LAA4L;oBAChN,0CAAK,SAAS,EAAC,MAAM,IAClB,QAAQ,CAAC,GAAG,CAAC,UAAC,QAAa,IAAK,OAAA,CAC/B,iCAAC,YAAI,CAAC,IAAI,IAAC,GAAG,EAAE,QAAQ,CAAC,EAAE,IACxB,UAAC,EAAU;4BAAR,MAAM,YAAA;wBAAO,OAAA,CACf,6CACE,SAAS,EAAE,UAAU,CACnB,MAAM,IAAI,UAAU,KAAK,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,eAAe,EACrF,QAAQ,CAAC,IAAI,KAAK,eAAe,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EACjD,8LAA8L,CAC/L,EACD,OAAO,EAAE,cAAM,OAAA,QAAQ,CAAC,QAAQ,CAAC,EAAlB,CAAkB,EACjC,IAAI,EAAC,QAAQ,IAEZ,QAAQ,CAAC,IAAI,CACP,CACV;oBAZgB,CAYhB,CACS,CACb,EAhBgC,CAgBhC,CAAC,CACE,CACK,CACF,CACR,CACN,CACJ,CAAA;AACH,CAAC,CAAA;AAED,qBAAe,IAAI,CAAA"}

package/dist/cjs/components/TableLogImportExport/TableLogImportExport.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+export interface ImportExportLogProps {
+    actionType: number;
+    organizationCode: string;
+}
+export declare const PHXTableLogImportExport: FC<ImportExportLogProps>;

package/dist/cjs/components/TableLogImportExport/TableLogImportExport.js

@@ -0,0 +1,70 @@
+"use strict";
+exports.__esModule = true;
+exports.PHXTableLogImportExport = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var Badge_1 = require("../Badge");
+var FormWrap_1 = require("../FormWrap");
+var Table_1 = require("../Table");
+var apollo_wrapper_1 = require("../../lib/apollo-wrapper");
+var read_env_config_1 = require("../../read-env-config");
+var keyActionImport = 0;
+var PHXTableLogImportExport = function (_a) {
+    var actionType = _a.actionType, organizationCode = _a.organizationCode;
+    var _b = (0, react_1.useState)(0), pagination = _b[0], setPagination = _b[1];
+    var paginationData = function (pagi) {
+        setPagination(pagi);
+    };
+    var _c = (0, react_1.useState)('created_at'), fieldSort = _c[0], setFieldSort = _c[1];
+    var _d = (0, react_1.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_1["default"].createElement(Badge_1.PHXBadge, { text: 'Nh\u00E1p', type: 'default' });
+                case 1:
+                    return react_1["default"].createElement(Badge_1.PHXBadge, { text: 'Ch\u1EDD x\u1EED l\u00FD', type: 'informational' });
+                case 2:
+                    return react_1["default"].createElement(Badge_1.PHXBadge, { text: '\u0110ang x\u1EED l\u00FD', type: 'attention' });
+                case 3:
+                    return react_1["default"].createElement(Badge_1.PHXBadge, { text: 'Th\u00E0nh c\u00F4ng', type: 'success' });
+                default:
+                    return react_1["default"].createElement(Badge_1.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_1["default"].createElement(FormWrap_1.PHXFormWrap, { className: 'text-xs', footerAction: false, headerAction: true, size: 'medium', title: actionType === keyActionImport ? 'Những file đã import' : 'Những file đã export', type: 'default' },
+        react_1["default"].createElement(apollo_wrapper_1.ApolloWrapper, null,
+            react_1["default"].createElement(Table_1.PHXTable, { clickRow: false, graphqlEndpoint: (0, read_env_config_1.getEnv)('NEXT_PUBLIC_GRAPHQL_API_PROCESS_CENTER', process.env.NEXT_PUBLIC_GRAPHQL_API_PROCESS_CENTER), graphqlKey: (0, read_env_config_1.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 }))));
+};
+exports.PHXTableLogImportExport = PHXTableLogImportExport;
+//# sourceMappingURL=TableLogImportExport.js.map

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

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

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

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

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

@@ -0,0 +1,5 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./TableLogImportExport"), exports);
+//# sourceMappingURL=index.js.map

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

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

package/dist/cjs/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/cjs/components/Tabs/Tabs.js

@@ -0,0 +1,117 @@
+"use strict";
+exports.__esModule = true;
+exports.PHXTabs = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var types_1 = require("../types");
+var Badge_1 = require("../Badge");
+var Card_1 = require("../Card");
+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 = (0, react_1.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);
+        }
+    };
+    (0, react_1.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_1["default"].createElement("div", { className: 'mb-4' },
+            react_1["default"].createElement("div", { className: 'sm:hidden' },
+                react_1["default"].createElement("label", { className: 'sr-only', htmlFor: 'tabs' }, "Select a tab"),
+                react_1["default"].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_1["default"].createElement("option", { key: tab.name, value: tab.name }, tab.name === current && aggregate ? react_1["default"].createElement("span", null, tab.name + ' ' + '(' + aggregate + ')') : tab.name)); }))),
+            react_1["default"].createElement("div", { className: 'hidden sm:block' },
+                react_1["default"].createElement("nav", { "aria-label": 'Tabs', className: 'flex space-x-1' }, dataTabsQuery === null || dataTabsQuery === void 0 ? void 0 : dataTabsQuery.map(function (tab) { return (react_1["default"].createElement("button", { key: tab.name, 
+                    // aria-current={tab.code === parentCode ? 'page' : undefined}
+                    className: (0, types_1.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_1["default"].createElement("span", null,
+                    tab.name,
+                    "\u00A0",
+                    react_1["default"].createElement(Badge_1.PHXBadge, { text: "".concat(aggregate), type: 'informational' }))) : (tab.name))); }))),
+            children)) : (react_1["default"].createElement("div", { className: 'mb-4' },
+            react_1["default"].createElement("div", { className: 'sm:hidden' },
+                react_1["default"].createElement("label", { className: 'sr-only', htmlFor: 'tabs' }, "Select a tab"),
+                react_1["default"].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_1["default"].createElement("option", { key: tab.name, value: tab.id || tab.name }, tab.name)); }))),
+            react_1["default"].createElement("div", { className: 'hidden sm:block' },
+                react_1["default"].createElement("nav", { "aria-label": 'Tabs', className: 'flex space-x-1' }, dataTabs === null || dataTabs === void 0 ? void 0 : dataTabs.map(function (tab) { return (react_1["default"].createElement("button", { key: tab.name, className: (0, types_1.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_1["default"].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_1["default"].createElement("div", { className: 'mb-4' },
+            react_1["default"].createElement("div", { className: 'sm:hidden' },
+                react_1["default"].createElement("label", { className: 'sr-only', htmlFor: 'tabs' }, "Select a tab"),
+                react_1["default"].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_1["default"].createElement("option", { key: tab.name, value: tab.name }, tab.name === current && aggregate ? react_1["default"].createElement("span", null, tab.name + ' ' + '(' + aggregate + ')') : tab.name)); }))),
+            react_1["default"].createElement("div", { className: 'hidden sm:block' },
+                react_1["default"].createElement("nav", { "aria-label": 'Tabs', className: 'flex space-x-1' }, dataTabsQuery === null || dataTabsQuery === void 0 ? void 0 : dataTabsQuery.map(function (tab) { return (react_1["default"].createElement("button", { key: tab.name, className: (0, types_1.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_1["default"].createElement("span", null,
+                    tab.name,
+                    "\u00A0",
+                    react_1["default"].createElement(Badge_1.PHXBadge, { text: "".concat(aggregate), type: 'informational' }))) : (tab.name))); }))),
+            children)) : (react_1["default"].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_1["default"].createElement("div", { className: 'flex items-center space-x-2' },
+                react_1["default"].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_1["default"].createElement("option", { key: tab.name, value: (_a = tab.id) !== null && _a !== void 0 ? _a : tab.name }, tab.name));
+                })),
+                tabComponent),
+            react_1["default"].createElement("div", { className: 'hidden sm:block' },
+                react_1["default"].createElement("nav", { "aria-label": 'Tabs', className: 'flex space-x-1' }, dataTabs === null || dataTabs === void 0 ? void 0 : dataTabs.map(function (tab) { return (react_1["default"].createElement("button", { key: tab.name, className: (0, types_1.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_1["default"].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_1["default"].createElement(react_1["default"].Fragment, null,
+            react_1["default"].createElement("div", { className: 'sm:hidden' },
+                react_1["default"].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_1["default"].createElement("option", { key: tab.name, value: tab.id || tab.name }, tab.name)); }))),
+            react_1["default"].createElement("div", { className: 'hidden sm:block' },
+                react_1["default"].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_1["default"].createElement("button", { key: tab.name, className: (0, types_1.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_1["default"].createElement("span", null, tab.name),
+                    react_1["default"].createElement("span", { "aria-hidden": 'true', className: (0, types_1.classNames)((tab.id || tab.name) === current ? 'bg-indigo-500' : 'bg-transparent', 'absolute inset-x-0 bottom-0 h-0.5') }))); })),
+                react_1["default"].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_1["default"].createElement("div", { className: className }, type === 'inside-of-card' ? (react_1["default"].createElement(Card_1.PHXCard, null,
+        react_1["default"].createElement(Tabs, null))) : type === 'bar-underline' ? (react_1["default"].createElement(TabBarUndeline, null)) : type === 'inside-component' ? (react_1["default"].createElement(Card_1.PHXCard, { title: titleComponent, primaryHeader: true },
+        react_1["default"].createElement(TabsComponent, null))) : (react_1["default"].createElement(Tabs, null))));
+}
+exports.PHXTabs = PHXTabs;
+//# sourceMappingURL=Tabs.js.map

package/dist/cjs/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/cjs/components/Tabs/index.d.ts

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

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

@@ -0,0 +1,5 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./Tabs"), exports);
+//# sourceMappingURL=index.js.map

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

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

package/dist/cjs/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/cjs/components/Textarea/Textarea.js

@@ -0,0 +1,19 @@
+"use strict";
+exports.__esModule = true;
+exports.PHXTextarea = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var types_1 = require("../types");
+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 = tslib_1.__rest(_a, ["className", "error", "errorMessage", "helpText", "label", "register", "disabled"]);
+    return (react_1["default"].createElement("div", { className: className },
+        label && react_1["default"].createElement("label", { className: 'mb-1 block text-xs font-normal text-gray-700' }, label),
+        react_1["default"].createElement("textarea", tslib_1.__assign({}, register, rest, { disabled: disabled, className: (0, types_1.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_1["default"].createElement("div", { className: 'mt-1 pl-1 text-xs font-light text-gray-400' }, helpText) : null,
+        error && errorMessage ? (react_1["default"].createElement("div", { className: 'ml-1 mt-1 flex items-center' },
+            react_1["default"].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_1["default"].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_1["default"].createElement("p", { className: 'text-xs text-red-800' }, errorMessage))) : null));
+};
+exports.PHXTextarea = PHXTextarea;
+//# sourceMappingURL=Textarea.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":";;;;AAAA,wDAAqD;AAErD,kCAAqC;AAY9B,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,sBAR4C,mFASpD,CADQ;IAEP,OAAO,CACL,0CAAK,SAAS,EAAE,SAAS;QACtB,KAAK,IAAI,4CAAO,SAAS,EAAC,8CAA8C,IAAE,KAAK,CAAS;QACzF,kEACM,QAAQ,EACR,IAAI,IACR,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,IAAA,kBAAU,EACnB,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,0CAAK,SAAS,EAAC,4CAA4C,IAAE,QAAQ,CAAO,CAAC,CAAC,CAAC,IAAI;QAC9F,KAAK,IAAI,YAAY,CAAC,CAAC,CAAC,CACvB,0CAAK,SAAS,EAAC,6BAA6B;YAC1C,0CACE,SAAS,EAAC,2BAA2B,EACrC,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;gBAElC,2CACE,CAAC,EAAC,0EAA0E,EAC5E,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,CACE;YAEN,wCAAG,SAAS,EAAC,sBAAsB,IAAE,YAAY,CAAK,CAClD,CACP,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAA;AACH,CAAC,CAAA;AA9CY,QAAA,WAAW,eA8CvB"}

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

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

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

@@ -0,0 +1,5 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./Textarea"), exports);
+//# sourceMappingURL=index.js.map

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

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

package/dist/cjs/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/cjs/components/TimePicker/TimePicker.js

@@ -0,0 +1,124 @@
+"use strict";
+exports.__esModule = true;
+exports.PHXTimePicker = void 0;
+var tslib_1 = require("tslib");
+var outline_1 = require("@heroicons/react/24/outline");
+var react_1 = tslib_1.__importStar(require("react"));
+var Time_1 = tslib_1.__importDefault(require("./component/Time"));
+var ErrorMessage_1 = tslib_1.__importDefault(require("../../commons/ErrorMessage"));
+function classNames() {
+    var classes = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        classes[_i] = arguments[_i];
+    }
+    return classes.filter(Boolean).join(' ');
+}
+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 = (0, react_1.useRef)(null);
+    var calendarRef = (0, react_1.useRef)(null);
+    var _d = (0, react_1.useState)(false), isCalendarVisible = _d[0], setIsCalendarVisible = _d[1];
+    var _e = (0, react_1.useState)(''), inputValue = _e[0], setInputValue = _e[1];
+    var _f = (0, react_1.useState)(false), isFocus = _f[0], setIsFocus = _f[1];
+    var _g = (0, react_1.useState)(false), isOnChange = _g[0], setIsOnChange = _g[1];
+    var handleToggleCalendar = function () {
+        setIsCalendarVisible(true);
+    };
+    (0, react_1.useEffect)(function () {
+        if (defaultValue) {
+            // @ts-ignore
+            setInputValue(defaultValue);
+        }
+        else {
+            return;
+        }
+    }, [defaultValue]);
+    (0, react_1.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_1["default"].createElement(react_1["default"].Fragment, null,
+        react_1["default"].createElement("div", { className: className },
+            label && react_1["default"].createElement("label", { className: 'mb-1 block text-xs font-normal text-gray-700' }, label),
+            react_1["default"].createElement("div", { className: 'relative' },
+                react_1["default"].createElement("label", { ref: inputRef, className: 'absolute top-0 h-[1.875rem] w-full rounded-lg py-4', htmlFor: id, onClick: handleToggleCalendar }),
+                react_1["default"].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_1["default"].createElement("input", tslib_1.__assign({ className: 'rounded-lg', id: "".concat(id, "-after"), style: {
+                        content: '',
+                        position: 'absolute',
+                        height: 0,
+                        top: 0,
+                        zIndex: -100
+                    } }, register, { value: value() })),
+                error && errorType ? react_1["default"].createElement(ErrorMessage_1["default"], { message: message(errorType) }) : null,
+                react_1["default"].createElement("div", { className: 'absolute left-3 top-2' },
+                    react_1["default"].createElement(outline_1.ClockIcon, { className: 'h-4 w-4 text-gray-500' })),
+                react_1["default"].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_1["default"].createElement(Time_1["default"], { onChangeTime: function (val) { return handleChange(val); }, step: step }))))));
+}
+exports.PHXTimePicker = PHXTimePicker;
+//# sourceMappingURL=TimePicker.js.map

package/dist/cjs/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/cjs/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;