phx-react 1.3.1000 → 1.3.1001

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

@@ -0,0 +1,15 @@
+import React from 'react';
+export type TabItem = {
+    name: string;
+    count: number;
+    value: string;
+};
+type Props = {
+    tabs: Array<TabItem>;
+    activeTab: string;
+    loading?: boolean;
+    onChange(value: string): void;
+    className?: string;
+};
+export declare const PHXReportButtonTab: ({ tabs, activeTab, loading, onChange, className }: Props) => React.JSX.Element;
+export {};

package/dist/cjs/components/ReportButton/ReportButton.js

@@ -0,0 +1,15 @@
+"use strict";
+exports.__esModule = true;
+exports.PHXReportButtonTab = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var Skeleton_1 = require("../Skeleton");
+var PHXReportButtonTab = function (_a) {
+    var tabs = _a.tabs, activeTab = _a.activeTab, _b = _a.loading, loading = _b === void 0 ? false : _b, onChange = _a.onChange, _c = _a.className, className = _c === void 0 ? '' : _c;
+    return (react_1["default"].createElement("div", { className: "w-full overflow-x-auto pb-4 ".concat(className) },
+        react_1["default"].createElement("div", { className: 'flex w-full gap-4' }, tabs.map(function (item) { return (react_1["default"].createElement("div", { key: item.value, className: 'w-1/2 sm:w-auto flex-1 min-w-[120px]' }, loading ? (react_1["default"].createElement(Skeleton_1.PHXSkeleton, { size: 'extra-large', type: 'only-report' })) : (react_1["default"].createElement("div", { role: 'button', onClick: function () { return onChange(item.value); }, className: "w-full cursor-pointer rounded-xl px-4 py-5 sm:p-6 transition-all ".concat(activeTab === item.value ? 'bg-[#EFEFEF]' : 'bg-white') },
+            react_1["default"].createElement("p", { className: 'text-left text-[13px] text-gray-600' }, item.name),
+            react_1["default"].createElement("p", { className: 'text-left text-[24px] font-semibold text-black' }, item.count))))); }))));
+};
+exports.PHXReportButtonTab = PHXReportButtonTab;
+//# sourceMappingURL=ReportButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ReportButton.js","sourceRoot":"","sources":["../../../../src/components/ReportButton/ReportButton.tsx"],"names":[],"mappings":";;;;AAAA,wDAAyB;AACzB,wCAAyC;AAgBlC,IAAM,kBAAkB,GAAG,UAAC,EAAqE;QAAnE,IAAI,UAAA,EAAE,SAAS,eAAA,EAAE,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EAAE,QAAQ,cAAA,EAAE,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA;IAC7F,OAAO,CACL,0CAAK,SAAS,EAAE,sCAA+B,SAAS,CAAE;QACxD,0CAAK,SAAS,EAAC,mBAAmB,IAC/B,IAAI,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CAClB,0CAAK,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE,SAAS,EAAC,sCAAsC,IACnE,OAAO,CAAC,CAAC,CAAC,CACT,iCAAC,sBAAW,IAAC,IAAI,EAAC,aAAa,EAAC,IAAI,EAAC,aAAa,GAAG,CACtD,CAAC,CAAC,CAAC,CACF,0CACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,cAAM,OAAA,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,EAApB,CAAoB,EACnC,SAAS,EAAE,2EACT,SAAS,KAAK,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,UAAU,CACtD;YAEF,wCAAG,SAAS,EAAC,qCAAqC,IAAE,IAAI,CAAC,IAAI,CAAK;YAClE,wCAAG,SAAS,EAAC,gDAAgD,IAAE,IAAI,CAAC,KAAK,CAAK,CAC1E,CACP,CACG,CACP,EAjBmB,CAiBnB,CAAC,CACE,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAzBY,QAAA,kBAAkB,sBAyB9B"}

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

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

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

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

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

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

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

@@ -0,0 +1,15 @@
+import React from 'react';
+export type TabItem = {
+    name: string;
+    count: number;
+    value: string;
+};
+type Props = {
+    tabs: Array<TabItem>;
+    activeTab: string;
+    loading?: boolean;
+    onChange(value: string): void;
+    className?: string;
+};
+export declare const PHXReportButtonTab: ({ tabs, activeTab, loading, onChange, className }: Props) => React.JSX.Element;
+export {};

package/dist/esm/components/ReportButton/ReportButton.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { PHXSkeleton } from '../Skeleton';
+export var PHXReportButtonTab = function (_a) {
+    var tabs = _a.tabs, activeTab = _a.activeTab, _b = _a.loading, loading = _b === void 0 ? false : _b, onChange = _a.onChange, _c = _a.className, className = _c === void 0 ? '' : _c;
+    return (React.createElement("div", { className: "w-full overflow-x-auto pb-4 ".concat(className) },
+        React.createElement("div", { className: 'flex w-full gap-4' }, tabs.map(function (item) { return (React.createElement("div", { key: item.value, className: 'w-1/2 sm:w-auto flex-1 min-w-[120px]' }, loading ? (React.createElement(PHXSkeleton, { size: 'extra-large', type: 'only-report' })) : (React.createElement("div", { role: 'button', onClick: function () { return onChange(item.value); }, className: "w-full cursor-pointer rounded-xl px-4 py-5 sm:p-6 transition-all ".concat(activeTab === item.value ? 'bg-[#EFEFEF]' : 'bg-white') },
+            React.createElement("p", { className: 'text-left text-[13px] text-gray-600' }, item.name),
+            React.createElement("p", { className: 'text-left text-[24px] font-semibold text-black' }, item.count))))); }))));
+};
+//# sourceMappingURL=ReportButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ReportButton.js","sourceRoot":"","sources":["../../../../src/components/ReportButton/ReportButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAgBzC,MAAM,CAAC,IAAM,kBAAkB,GAAG,UAAC,EAAqE;QAAnE,IAAI,UAAA,EAAE,SAAS,eAAA,EAAE,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EAAE,QAAQ,cAAA,EAAE,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA;IAC7F,OAAO,CACL,6BAAK,SAAS,EAAE,sCAA+B,SAAS,CAAE;QACxD,6BAAK,SAAS,EAAC,mBAAmB,IAC/B,IAAI,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CAClB,6BAAK,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE,SAAS,EAAC,sCAAsC,IACnE,OAAO,CAAC,CAAC,CAAC,CACT,oBAAC,WAAW,IAAC,IAAI,EAAC,aAAa,EAAC,IAAI,EAAC,aAAa,GAAG,CACtD,CAAC,CAAC,CAAC,CACF,6BACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,cAAM,OAAA,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,EAApB,CAAoB,EACnC,SAAS,EAAE,2EACT,SAAS,KAAK,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,UAAU,CACtD;YAEF,2BAAG,SAAS,EAAC,qCAAqC,IAAE,IAAI,CAAC,IAAI,CAAK;YAClE,2BAAG,SAAS,EAAC,gDAAgD,IAAE,IAAI,CAAC,KAAK,CAAK,CAC1E,CACP,CACG,CACP,EAjBmB,CAiBnB,CAAC,CACE,CACF,CACP,CAAA;AACH,CAAC,CAAA"}

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

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

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

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

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "phx-react",
-  "version": "1.3.1000",
+  "version": "1.3.1001",
   "description": "PHX REACT",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",