phx-react 1.3.90 → 1.3.92
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/Card/Card.js +1 -1
- package/dist/cjs/components/Card/Card.js.map +1 -1
- package/dist/cjs/components/ChoiceList/ChoiceList.d.ts +1 -0
- package/dist/cjs/components/ChoiceList/ChoiceList.js +1 -1
- package/dist/cjs/components/ChoiceList/ChoiceList.js.map +1 -1
- package/dist/cjs/components/FormWrap/FormWrap.js +15 -2
- package/dist/cjs/components/FormWrap/FormWrap.js.map +1 -1
- package/dist/cjs/components/HorizontalStack/HorizontalStack.d.ts +9 -0
- package/dist/cjs/components/HorizontalStack/HorizontalStack.js +13 -0
- package/dist/cjs/components/HorizontalStack/HorizontalStack.js.map +1 -0
- package/dist/cjs/components/HorizontalStack/index.d.ts +1 -0
- package/dist/cjs/components/HorizontalStack/index.js +5 -0
- package/dist/cjs/components/HorizontalStack/index.js.map +1 -0
- package/dist/cjs/components/Skeleton/Skeleton.js +1 -1
- package/dist/cjs/index.d.ts +2 -1
- package/dist/cjs/index.js +3 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/components/Card/Card.js +1 -1
- package/dist/esm/components/Card/Card.js.map +1 -1
- package/dist/esm/components/ChoiceList/ChoiceList.d.ts +1 -0
- package/dist/esm/components/ChoiceList/ChoiceList.js +1 -1
- package/dist/esm/components/ChoiceList/ChoiceList.js.map +1 -1
- package/dist/esm/components/FormWrap/FormWrap.js +15 -2
- package/dist/esm/components/FormWrap/FormWrap.js.map +1 -1
- package/dist/esm/components/HorizontalStack/HorizontalStack.d.ts +9 -0
- package/dist/esm/components/HorizontalStack/HorizontalStack.js +8 -0
- package/dist/esm/components/HorizontalStack/HorizontalStack.js.map +1 -0
- package/dist/esm/components/HorizontalStack/index.d.ts +1 -0
- package/dist/esm/components/HorizontalStack/index.js +2 -0
- package/dist/esm/components/HorizontalStack/index.js.map +1 -0
- package/dist/esm/components/Skeleton/Skeleton.js +1 -1
- package/dist/esm/index.d.ts +2 -1
- package/dist/esm/index.js +2 -1
- package/dist/esm/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -26,10 +26,10 @@ var PHXCard = function Card(_a) {
|
|
|
26
26
|
return (react_1["default"].createElement("div", { className: 'w-full' },
|
|
27
27
|
react_1["default"].createElement("div", { className: 'mx-auto max-w-3xl px-0 lg:max-w-full' },
|
|
28
28
|
react_1["default"].createElement("div", { className: (0, types_1.classNames)(type === 'modal' ? 'divide-y divide-gray-200' : '', 'overflow-hidden shadow-[0rem_0.0825rem_0rem_#00000012] rounded-lg bg-white border border-gray-200') },
|
|
29
|
+
title && react_1["default"].createElement(HeaderActionMarkup, { title: title }),
|
|
29
30
|
subSection ? (subSection.map(function (item, index) { return (react_1["default"].createElement("div", { key: index },
|
|
30
31
|
react_1["default"].createElement(HeaderActionMarkup, { title: item.title }),
|
|
31
32
|
react_1["default"].createElement("div", { className: (0, types_1.classNames)(type === 'modal' ? 'py-3 px-5' : 'px-4 py-2', index < subSection.length - 1 ? 'pb-0' : 'pb-4') }, item.component))); })) : (react_1["default"].createElement(react_1["default"].Fragment, null,
|
|
32
|
-
react_1["default"].createElement(HeaderActionMarkup, { title: title }),
|
|
33
33
|
react_1["default"].createElement("div", { className: (0, types_1.classNames)(type === 'modal' ? 'py-3 px-5' : 'p-4') }, children))),
|
|
34
34
|
footerActionMarkup))));
|
|
35
35
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,7 +8,7 @@ function PHXChoiceList(_a) {
|
|
|
8
8
|
var label = _a.label, list = _a.list;
|
|
9
9
|
return (react_1["default"].createElement(react_1["default"].Fragment, null,
|
|
10
10
|
label && react_1["default"].createElement("label", { className: 'block pb-1 text-xs font-medium leading-5 text-gray-700' }, label),
|
|
11
|
-
list.map(function (item) { return (react_1["default"].createElement(Checkbox_1.PHXCheckbox, { key: item.title, expanded: item.expanded, helpText: item.helpText, register: item.register, title: item.title, defaultValue: item.defaultValue, defaultChecked: item.defaultChecked }, item.component)); })));
|
|
11
|
+
list.map(function (item) { return (react_1["default"].createElement(Checkbox_1.PHXCheckbox, { key: item.title, expanded: item.expanded, helpText: item.helpText, register: item.register, title: item.title, defaultValue: item.defaultValue, defaultChecked: item.defaultChecked, disabled: item.disabled }, item.component)); })));
|
|
12
12
|
}
|
|
13
13
|
exports.PHXChoiceList = PHXChoiceList;
|
|
14
14
|
//# sourceMappingURL=ChoiceList.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChoiceList.js","sourceRoot":"","sources":["../../../../src/components/ChoiceList/ChoiceList.tsx"],"names":[],"mappings":";;;;AACA,wCAAyC;AACzC,wDAAyB;
|
|
1
|
+
{"version":3,"file":"ChoiceList.js","sourceRoot":"","sources":["../../../../src/components/ChoiceList/ChoiceList.tsx"],"names":[],"mappings":";;;;AACA,wCAAyC;AACzC,wDAAyB;AAkBzB,SAAgB,aAAa,CAAC,EAA2B;QAAzB,KAAK,WAAA,EAAE,IAAI,UAAA;IACzC,OAAO,CACL;QACG,KAAK,IAAI,4CAAO,SAAS,EAAC,wDAAwD,IAAE,KAAK,CAAS;QAClG,IAAI,CAAC,GAAG,CAAC,UAAC,IAAS,IAAK,OAAA,CACvB,iCAAC,sBAAW,IACV,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,cAAc,EAAE,IAAI,CAAC,cAAc,EACnC,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAEtB,IAAI,CAAC,SAAS,CACH,CACf,EAbwB,CAaxB,CAAC,CACD,CACJ,CAAA;AACH,CAAC;AApBD,sCAoBC"}
|
|
@@ -8,6 +8,7 @@ var types_1 = require("../types");
|
|
|
8
8
|
var solid_1 = require("@heroicons/react/20/solid");
|
|
9
9
|
var Badge_1 = require("../Badge");
|
|
10
10
|
var Modal_1 = require("../Modal");
|
|
11
|
+
var outline_1 = require("@heroicons/react/24/outline");
|
|
11
12
|
var PHXFormWrap = function (_a) {
|
|
12
13
|
var badge = _a.badge, cancelText = _a.cancelText, children = _a.children, className = _a.className, deleted = _a.deleted, deletedLoading = _a.deletedLoading, _b = _a.footerAction, footerAction = _b === void 0 ? true : _b, _c = _a.headerAction, headerAction = _c === void 0 ? true : _c, loading = _a.loading, method = _a.method, nameOfModal = _a.nameOfModal, onCancel = _a.onCancel, onDelete = _a.onDelete, onSubmit = _a.onSubmit, onlyDelete = _a.onlyDelete, _d = _a.size, size = _d === void 0 ? 'large' : _d, formType = _a.formType, submit = _a.submit, submitText = _a.submitText, title = _a.title, _e = _a.type, type = _e === void 0 ? 'default' : _e;
|
|
13
14
|
var sizeClassName = (0, types_1.classNames)(size === 'small' && 'mx-auto md:w-4/6 lg:w-1/2', size === 'medium' && 'mx-auto md:w-5/6 lg:w-3/4', size === 'large' && 'mx-auto md:w-md lg:w-11/12');
|
|
@@ -16,6 +17,9 @@ var PHXFormWrap = function (_a) {
|
|
|
16
17
|
if (onDelete) {
|
|
17
18
|
onDelete();
|
|
18
19
|
}
|
|
20
|
+
else {
|
|
21
|
+
return;
|
|
22
|
+
}
|
|
19
23
|
};
|
|
20
24
|
(0, react_1.useEffect)(function () {
|
|
21
25
|
setIsModalOpen(deletedLoading);
|
|
@@ -32,11 +36,20 @@ var PHXFormWrap = function (_a) {
|
|
|
32
36
|
react_1["default"].createElement(Badge_1.PHXBadge, { text: badge.badgeText, type: badge.badgeType })))))),
|
|
33
37
|
children,
|
|
34
38
|
react_1["default"].createElement("div", { className: footerAction
|
|
35
|
-
? (0, types_1.classNames)(deleted ? 'justify-between' : 'justify-end gap-x-3', 'pt-6
|
|
39
|
+
? (0, types_1.classNames)(deleted ? 'justify-between' : 'justify-end gap-x-3', 'pt-6 mt-6 flex items-center')
|
|
36
40
|
: 'hidden' },
|
|
37
41
|
deleted && (react_1["default"].createElement(react_1["default"].Fragment, null,
|
|
38
42
|
react_1["default"].createElement(Button_1.PHXButton, { deleted: true, size: 'small', onClick: function () { return setIsModalOpen(true); } }, "X\u00F3a b\u1EA3n ghi"),
|
|
39
|
-
react_1["default"].createElement(Modal_1.PHXModal, { dangerActionText: 'Xo\u00E1 b\u1EA3n ghi', dangerLoading: deletedLoading, onDangerClick: handleDelete, primaryActionText: '', onHide: function () { return setIsModalOpen(false); }, show: isModalOpen, title: "
|
|
43
|
+
react_1["default"].createElement(Modal_1.PHXModal, { dangerActionText: 'Xo\u00E1 b\u1EA3n ghi', dangerLoading: deletedLoading, onDangerClick: handleDelete, primaryActionText: '', onHide: function () { return setIsModalOpen(false); }, show: isModalOpen === true, title: "Xo\u00E1 b\u1EA3n ghi ".concat(nameOfModal, "?") },
|
|
44
|
+
react_1["default"].createElement("div", { className: 'sm:flex sm:items-start' },
|
|
45
|
+
react_1["default"].createElement("div", { className: 'mx-auto flex h-12 w-12 flex-shrink-0 items-center justify-center rounded-full bg-red-100 sm:mx-0 sm:h-10 sm:w-10' },
|
|
46
|
+
react_1["default"].createElement(outline_1.ExclamationTriangleIcon, { "aria-hidden": 'true', className: 'h-6 w-6 text-red-600' })),
|
|
47
|
+
react_1["default"].createElement("div", { className: 'mt-3 text-center sm:ml-4 sm:mt-0 sm:text-left' },
|
|
48
|
+
react_1["default"].createElement("div", { className: 'mt-2' },
|
|
49
|
+
react_1["default"].createElement("p", { className: 'text-xs text-gray-500' },
|
|
50
|
+
"B\u1EA1n c\u00F3 ch\u1EAFc ch\u1EAFn mu\u1ED1n x\u00F3a b\u1EA3n ghi ",
|
|
51
|
+
nameOfModal,
|
|
52
|
+
"?"))))))),
|
|
40
53
|
!onlyDelete && (react_1["default"].createElement("div", { className: 'flex justify-end gap-x-3' },
|
|
41
54
|
react_1["default"].createElement(Button_1.PHXButton, { size: 'small', secondary: true, onClick: onCancel }, formType === 'custom' ? cancelText : 'Huỷ thay đổi'),
|
|
42
55
|
submit ? (react_1["default"].createElement(Button_1.PHXButton, { size: 'small', loading: loading, submit: true, primary: true }, formType === 'custom' ? submitText : formType === 'add' ? 'Thêm mới' : 'Cập nhật')) : (react_1["default"].createElement(Button_1.PHXButton, { size: 'small', loading: loading, onClick: onSubmit, primary: true }, formType === 'custom' ? submitText : formType === 'add' ? 'Thêm mới' : 'Cập nhật')))))))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormWrap.js","sourceRoot":"","sources":["../../../../src/components/FormWrap/FormWrap.tsx"],"names":[],"mappings":";;;;AAAA,qDAAkD;AAClD,oCAAqC;AACrC,kCAAqC;AACrC,mDAAyD;AACzD,kCAAmC;AACnC,kCAAmC;
|
|
1
|
+
{"version":3,"file":"FormWrap.js","sourceRoot":"","sources":["../../../../src/components/FormWrap/FormWrap.tsx"],"names":[],"mappings":";;;;AAAA,qDAAkD;AAClD,oCAAqC;AACrC,kCAAqC;AACrC,mDAAyD;AACzD,kCAAmC;AACnC,kCAAmC;AACnC,uDAAqE;AA0B9D,IAAM,WAAW,GAAG,UAAC,EAsBX;QArBf,KAAK,WAAA,EACL,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,OAAO,aAAA,EACP,cAAc,oBAAA,EACd,oBAAmB,EAAnB,YAAY,mBAAG,IAAI,KAAA,EACnB,oBAAmB,EAAnB,YAAY,mBAAG,IAAI,KAAA,EACnB,OAAO,aAAA,EACP,MAAM,YAAA,EACN,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,YAAc,EAAd,IAAI,mBAAG,OAAO,KAAA,EACd,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,UAAU,gBAAA,EACV,KAAK,WAAA,EACL,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA;IAEhB,IAAM,aAAa,GAAG,IAAA,kBAAU,EAC9B,IAAI,KAAK,OAAO,IAAI,2BAA2B,EAC/C,IAAI,KAAK,QAAQ,IAAI,2BAA2B,EAChD,IAAI,KAAK,OAAO,IAAI,4BAA4B,CACjD,CAAA;IACK,IAAA,KAAgC,IAAA,gBAAQ,EAAM,KAAK,CAAC,EAAnD,WAAW,QAAA,EAAE,cAAc,QAAwB,CAAA;IAE1D,IAAM,YAAY,GAAG;QACnB,IAAI,QAAQ,EAAE;YACZ,QAAQ,EAAE,CAAA;SACX;aAAM;YACL,OAAM;SACP;IACH,CAAC,CAAA;IAED,IAAA,iBAAS,EAAC;QACR,cAAc,CAAC,cAAc,CAAC,CAAA;IAChC,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAA;IAEpB,OAAO,CACL,0CAAK,SAAS,EAAE,SAAS;QACvB,2CAAM,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ;YACtC,0CAAK,SAAS,EAAE,aAAa;gBAC1B,YAAY,IAAI,CACf,0CAAK,SAAS,EAAC,wBAAwB;oBACrC,6CACE,SAAS,EAAC,iPAAiP,EAC3P,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,QAAQ;wBAEjB,iCAAC,qBAAa,IAAC,SAAS,EAAC,SAAS,GAAG,CAC9B;oBAET,0CAAK,SAAS,EAAE,IAAA,kBAAU,EAAC,cAAc,EAAE,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC;wBAChF,yCACE,SAAS,EAAE,IAAA,kBAAU,EACnB,yFAAyF,EACzF,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,aAAa,CACxC,IAEA,KAAK,CACH;wBACJ,IAAI,KAAK,kBAAkB,IAAI,CAC9B,0CAAK,SAAS,EAAC,mBAAmB;4BAChC,iCAAC,gBAAQ,IAAC,IAAI,EAAE,KAAK,CAAC,SAAS,EAAE,IAAI,EAAE,KAAK,CAAC,SAAS,GAAI,CACtD,CACP,CACG,CACF,CACP;gBACA,QAAQ;gBACT,0CACE,SAAS,EACP,YAAY;wBACV,CAAC,CAAC,IAAA,kBAAU,EAAC,OAAO,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,qBAAqB,EAAE,6BAA6B,CAAC;wBAChG,CAAC,CAAC,QAAQ;oBAGb,OAAO,IAAI,CACV;wBACE,iCAAC,kBAAS,IAAC,OAAO,QAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,cAAM,OAAA,cAAc,CAAC,IAAI,CAAC,EAApB,CAAoB,4BAEvD;wBACZ,iCAAC,gBAAQ,IACP,gBAAgB,EAAC,uBAAa,EAC9B,aAAa,EAAE,cAAc,EAC7B,aAAa,EAAE,YAAY,EAC3B,iBAAiB,EAAC,EAAE,EACpB,MAAM,EAAE,cAAM,OAAA,cAAc,CAAC,KAAK,CAAC,EAArB,CAAqB,EACnC,IAAI,EAAE,WAAW,KAAK,IAAI,EAC1B,KAAK,EAAE,gCAAe,WAAW,MAAG;4BAEpC,0CAAK,SAAS,EAAC,wBAAwB;gCACrC,0CAAK,SAAS,EAAC,kHAAkH;oCAC/H,iCAAC,iCAAuB,mBAAa,MAAM,EAAC,SAAS,EAAC,sBAAsB,GAAG,CAC3E;gCACN,0CAAK,SAAS,EAAC,+CAA+C;oCAC5D,0CAAK,SAAS,EAAC,MAAM;wCACnB,wCAAG,SAAS,EAAC,uBAAuB;;4CAAoC,WAAW;gDAAM,CACrF,CACF,CACF,CACG,CACV,CACJ;oBACA,CAAC,UAAU,IAAI,CACd,0CAAK,SAAS,EAAC,0BAA0B;wBACvC,iCAAC,kBAAS,IAAC,IAAI,EAAC,OAAO,EAAC,SAAS,QAAC,OAAO,EAAE,QAAQ,IAChD,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,cAAc,CAC1C;wBACX,MAAM,CAAC,CAAC,CAAC,CACR,iCAAC,kBAAS,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,EAAE,MAAM,QAAC,OAAO,UACrD,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,KAAK,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CACxE,CACb,CAAC,CAAC,CAAC,CACF,iCAAC,kBAAS,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,UACjE,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,KAAK,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CACxE,CACb,CACG,CACP,CACG,CACF,CACD,CACH,CACP,CAAA;AACH,CAAC,CAAA;AAjIY,QAAA,WAAW,eAiIvB"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export interface HorizonProps {
|
|
3
|
+
justify?: 'start' | 'end' | 'center' | 'around' | 'between' | 'evenly' | 'stretch';
|
|
4
|
+
items?: 'start' | 'end' | 'center' | 'baseline' | 'stretch';
|
|
5
|
+
gapX?: any;
|
|
6
|
+
gapY?: string;
|
|
7
|
+
children?: any;
|
|
8
|
+
}
|
|
9
|
+
export declare function PHXHorizontalStack({ justify, items, gapX, gapY, children }: HorizonProps): JSX.Element;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
exports.__esModule = true;
|
|
3
|
+
exports.PHXHorizontalStack = void 0;
|
|
4
|
+
var tslib_1 = require("tslib");
|
|
5
|
+
var react_1 = tslib_1.__importDefault(require("react"));
|
|
6
|
+
var types_1 = require("../types");
|
|
7
|
+
function PHXHorizontalStack(_a) {
|
|
8
|
+
var justify = _a.justify, items = _a.items, gapX = _a.gapX, gapY = _a.gapY, children = _a.children;
|
|
9
|
+
var customHorizon = (0, types_1.classNames)(justify === 'start' && 'justify-start', justify === 'end' && 'justify-end', justify === 'center' && 'justify-center', justify === 'around' && 'justify-around', justify === 'between' && 'justify-between', justify === 'evenly' && 'justify-evenly', justify === 'stretch' && 'justify-stretch', items === 'start' && 'items-start', items === 'end' && 'items-end', items === 'center' && 'items-center', items === 'baseline' && 'items-baseline', items === 'stretch' && 'items-stretch');
|
|
10
|
+
return (react_1["default"].createElement("div", { className: "flex ".concat(gapX ? 'gap-x-' + gapX : null, " ").concat(gapY ? 'gap-y-' + gapY : null, " ").concat(customHorizon) }, children));
|
|
11
|
+
}
|
|
12
|
+
exports.PHXHorizontalStack = PHXHorizontalStack;
|
|
13
|
+
//# sourceMappingURL=HorizontalStack.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HorizontalStack.js","sourceRoot":"","sources":["../../../../src/components/HorizontalStack/HorizontalStack.tsx"],"names":[],"mappings":";;;;AAAA,wDAAyB;AACzB,kCAAqC;AAUrC,SAAgB,kBAAkB,CAAC,EAAsD;QAApD,OAAO,aAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA,EAAE,IAAI,UAAA,EAAE,QAAQ,cAAA;IACvE,IAAM,aAAa,GAAG,IAAA,kBAAU,EAC9B,OAAO,KAAK,OAAO,IAAI,eAAe,EACtC,OAAO,KAAK,KAAK,IAAI,aAAa,EAClC,OAAO,KAAK,QAAQ,IAAI,gBAAgB,EACxC,OAAO,KAAK,QAAQ,IAAI,gBAAgB,EACxC,OAAO,KAAK,SAAS,IAAI,iBAAiB,EAC1C,OAAO,KAAK,QAAQ,IAAI,gBAAgB,EACxC,OAAO,KAAK,SAAS,IAAI,iBAAiB,EAC1C,KAAK,KAAK,OAAO,IAAI,aAAa,EAClC,KAAK,KAAK,KAAK,IAAI,WAAW,EAC9B,KAAK,KAAK,QAAQ,IAAI,cAAc,EACpC,KAAK,KAAK,UAAU,IAAI,gBAAgB,EACxC,KAAK,KAAK,SAAS,IAAI,eAAe,CACvC,CAAA;IACD,OAAO,CACL,0CAAK,SAAS,EAAE,eAAQ,IAAI,CAAC,CAAC,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,cAAI,IAAI,CAAC,CAAC,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,cAAI,aAAa,CAAE,IACtG,QAAQ,CACL,CACP,CAAA;AACH,CAAC;AApBD,gDAoBC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './HorizontalStack';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/HorizontalStack/index.ts"],"names":[],"mappings":";;;AAAA,4DAAiC"}
|
|
@@ -28,7 +28,7 @@ function PHXSkeleton(_a) {
|
|
|
28
28
|
react_1["default"].createElement("div", { className: 'h-3 w-1/3 rounded bg-gray-200' }))) : null,
|
|
29
29
|
react_1["default"].createElement("div", { className: (0, types_1.classNames)(type === 'default' || type === 'table' || type === 'page'
|
|
30
30
|
? ''
|
|
31
|
-
: 'grid grid-cols-1 items-start gap-4 lg:grid-cols-3 lg:gap-
|
|
31
|
+
: 'grid grid-cols-1 items-start gap-4 lg:grid-cols-3 lg:gap-4') },
|
|
32
32
|
react_1["default"].createElement("div", { className: (0, types_1.classNames)(type === 'default' ? '' : 'grid grid-cols-1 gap-4 lg:col-span-2') },
|
|
33
33
|
react_1["default"].createElement(Card_1.PHXCard, null,
|
|
34
34
|
react_1["default"].createElement(Skeleton, null),
|
package/dist/cjs/index.d.ts
CHANGED
|
@@ -28,4 +28,5 @@ import { PHXLogin } from './components/Login';
|
|
|
28
28
|
import { PHXBanner } from './components/Banner';
|
|
29
29
|
import { PHXButtonGroup } from './components/ButtonGroup';
|
|
30
30
|
import { PHXCombobox } from './components/Combobox';
|
|
31
|
-
|
|
31
|
+
import { PHXHorizontalStack } from './components/HorizontalStack';
|
|
32
|
+
export { MyCounter, PHXButton, PHXCard, PHXSpinner, PHXMainWrap, PHXFormWrap, PHXHeaderBar, PHXTable, PHXInput, PHXSelect, PHXRadio, PHXCheckbox, PHXFormStep, PHXNotifications, PHXStep, PHXSkeleton, PHXFuncGetLoggedInfo, PHXClientQuery, PHXClientMutation, PHXTextarea, PHXModal, PHXTabs, PHXChoiceList, PHXDescriptionLists, PHXBadge, PHXLogin, PHXBanner, PHXButtonGroup, PHXCombobox, PHXFormLayout, PHXHorizontalStack, };
|
package/dist/cjs/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
exports.__esModule = true;
|
|
3
|
-
exports.PHXFormLayout = exports.PHXCombobox = exports.PHXButtonGroup = exports.PHXBanner = exports.PHXLogin = exports.PHXBadge = exports.PHXDescriptionLists = exports.PHXChoiceList = exports.PHXTabs = exports.PHXModal = exports.PHXTextarea = exports.PHXClientMutation = exports.PHXClientQuery = exports.PHXFuncGetLoggedInfo = exports.PHXSkeleton = exports.PHXStep = exports.PHXNotifications = exports.PHXFormStep = exports.PHXCheckbox = exports.PHXRadio = exports.PHXSelect = exports.PHXInput = exports.PHXTable = exports.PHXHeaderBar = exports.PHXFormWrap = exports.PHXMainWrap = exports.PHXSpinner = exports.PHXCard = exports.PHXButton = exports.MyCounter = void 0;
|
|
3
|
+
exports.PHXHorizontalStack = exports.PHXFormLayout = exports.PHXCombobox = exports.PHXButtonGroup = exports.PHXBanner = exports.PHXLogin = exports.PHXBadge = exports.PHXDescriptionLists = exports.PHXChoiceList = exports.PHXTabs = exports.PHXModal = exports.PHXTextarea = exports.PHXClientMutation = exports.PHXClientQuery = exports.PHXFuncGetLoggedInfo = exports.PHXSkeleton = exports.PHXStep = exports.PHXNotifications = exports.PHXFormStep = exports.PHXCheckbox = exports.PHXRadio = exports.PHXSelect = exports.PHXInput = exports.PHXTable = exports.PHXHeaderBar = exports.PHXFormWrap = exports.PHXMainWrap = exports.PHXSpinner = exports.PHXCard = exports.PHXButton = exports.MyCounter = void 0;
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
5
|
var FormLayout_1 = require("./components/FormLayout");
|
|
6
6
|
exports.PHXFormLayout = FormLayout_1.PHXFormLayout;
|
|
@@ -62,4 +62,6 @@ var ButtonGroup_1 = require("./components/ButtonGroup");
|
|
|
62
62
|
exports.PHXButtonGroup = ButtonGroup_1.PHXButtonGroup;
|
|
63
63
|
var Combobox_1 = require("./components/Combobox");
|
|
64
64
|
exports.PHXCombobox = Combobox_1.PHXCombobox;
|
|
65
|
+
var HorizontalStack_1 = require("./components/HorizontalStack");
|
|
66
|
+
exports.PHXHorizontalStack = HorizontalStack_1.PHXHorizontalStack;
|
|
65
67
|
//# sourceMappingURL=index.js.map
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;AAAA,sDAAuD;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;AAAA,sDAAuD;AA8DrD,wBA9DO,0BAAa,CA8DP;AA7Df,0CAA2C;AA8CzC,kBA9CO,cAAO,CA8CP;AA7CT,iEAAwC;AA+BtC,oBA/BK,gBAAS,CA+BL;AA9BX,8CAA+C;AA+B7C,oBA/BO,kBAAS,CA+BP;AA9BX,0CAA2C;AA+BzC,kBA/BO,cAAO,CA+BP;AA9BT,gDAAiD;AA+B/C,qBA/BO,oBAAU,CA+BP;AA9BZ,kDAAmD;AA+BjD,sBA/BO,sBAAW,CA+BP;AA9Bb,4CAA6C;AAiC3C,mBAjCO,gBAAQ,CAiCP;AAhCV,kDAAmD;AA8BjD,sBA9BO,sBAAW,CA8BP;AA7Bb,oDAAqD;AA8BnD,uBA9BO,wBAAY,CA8BP;AA7Bd,4CAA6C;AA+B3C,mBA/BO,gBAAQ,CA+BP;AA9BV,8CAA+C;AA+B7C,oBA/BO,kBAAS,CA+BP;AA9BX,4CAA6C;AA+B3C,mBA/BO,gBAAQ,CA+BP;AA9BV,kDAAmD;AA+BjD,sBA/BO,sBAAW,CA+BP;AA9Bb,kDAAmD;AA+BjD,sBA/BO,sBAAW,CA+BP;AA9Bb,4DAA6D;AA+B3D,2BA/BO,gCAAgB,CA+BP;AA9BlB,kDAAmD;AAgCjD,sBAhCO,sBAAW,CAgCP;AA/Bb,wFAAiE;AAgC/D,+BAhCK,yBAAoB,CAgCL;AA/BtB,0FAA4D;AAgC1D,yBAhCK,0BAAc,CAgCL;AA/BhB,gGAAkE;AAgChE,4BAhCK,6BAAiB,CAgCL;AA/BnB,kDAAmD;AAgCjD,sBAhCO,sBAAW,CAgCP;AA/Bb,4CAA6C;AAgC3C,mBAhCO,gBAAQ,CAgCP;AA/BV,0CAA2C;AAgCzC,kBAhCO,cAAO,CAgCP;AA/BT,sDAAuD;AAgCrD,wBAhCO,0BAAa,CAgCP;AA/Bf,kEAAmE;AAgCjE,8BAhCO,sCAAmB,CAgCP;AA/BrB,4CAA6C;AAgC3C,mBAhCO,gBAAQ,CAgCP;AA/BV,4CAA6C;AAgC3C,mBAhCO,gBAAQ,CAgCP;AA/BV,8CAA+C;AAgC7C,oBAhCO,kBAAS,CAgCP;AA/BX,wDAAyD;AAgCvD,yBAhCO,4BAAc,CAgCP;AA/BhB,kDAAmD;AAgCjD,sBAhCO,sBAAW,CAgCP;AA/Bb,gEAAiE;AAiC/D,6BAjCO,oCAAkB,CAiCP"}
|
|
@@ -22,10 +22,10 @@ export var PHXCard = function Card(_a) {
|
|
|
22
22
|
return (React.createElement("div", { className: 'w-full' },
|
|
23
23
|
React.createElement("div", { className: 'mx-auto max-w-3xl px-0 lg:max-w-full' },
|
|
24
24
|
React.createElement("div", { className: classNames(type === 'modal' ? 'divide-y divide-gray-200' : '', 'overflow-hidden shadow-[0rem_0.0825rem_0rem_#00000012] rounded-lg bg-white border border-gray-200') },
|
|
25
|
+
title && React.createElement(HeaderActionMarkup, { title: title }),
|
|
25
26
|
subSection ? (subSection.map(function (item, index) { return (React.createElement("div", { key: index },
|
|
26
27
|
React.createElement(HeaderActionMarkup, { title: item.title }),
|
|
27
28
|
React.createElement("div", { className: classNames(type === 'modal' ? 'py-3 px-5' : 'px-4 py-2', index < subSection.length - 1 ? 'pb-0' : 'pb-4') }, item.component))); })) : (React.createElement(React.Fragment, null,
|
|
28
|
-
React.createElement(HeaderActionMarkup, { title: title }),
|
|
29
29
|
React.createElement("div", { className: classNames(type === 'modal' ? 'py-3 px-5' : 'p-4') }, children))),
|
|
30
30
|
footerActionMarkup))));
|
|
31
31
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,6 +4,6 @@ export function PHXChoiceList(_a) {
|
|
|
4
4
|
var label = _a.label, list = _a.list;
|
|
5
5
|
return (React.createElement(React.Fragment, null,
|
|
6
6
|
label && React.createElement("label", { className: 'block pb-1 text-xs font-medium leading-5 text-gray-700' }, label),
|
|
7
|
-
list.map(function (item) { return (React.createElement(PHXCheckbox, { key: item.title, expanded: item.expanded, helpText: item.helpText, register: item.register, title: item.title, defaultValue: item.defaultValue, defaultChecked: item.defaultChecked }, item.component)); })));
|
|
7
|
+
list.map(function (item) { return (React.createElement(PHXCheckbox, { key: item.title, expanded: item.expanded, helpText: item.helpText, register: item.register, title: item.title, defaultValue: item.defaultValue, defaultChecked: item.defaultChecked, disabled: item.disabled }, item.component)); })));
|
|
8
8
|
}
|
|
9
9
|
//# sourceMappingURL=ChoiceList.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChoiceList.js","sourceRoot":"","sources":["../../../../src/components/ChoiceList/ChoiceList.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AACzC,OAAO,KAAK,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"ChoiceList.js","sourceRoot":"","sources":["../../../../src/components/ChoiceList/ChoiceList.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AACzC,OAAO,KAAK,MAAM,OAAO,CAAA;AAkBzB,MAAM,UAAU,aAAa,CAAC,EAA2B;QAAzB,KAAK,WAAA,EAAE,IAAI,UAAA;IACzC,OAAO,CACL;QACG,KAAK,IAAI,+BAAO,SAAS,EAAC,wDAAwD,IAAE,KAAK,CAAS;QAClG,IAAI,CAAC,GAAG,CAAC,UAAC,IAAS,IAAK,OAAA,CACvB,oBAAC,WAAW,IACV,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,cAAc,EAAE,IAAI,CAAC,cAAc,EACnC,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAEtB,IAAI,CAAC,SAAS,CACH,CACf,EAbwB,CAaxB,CAAC,CACD,CACJ,CAAA;AACH,CAAC"}
|
|
@@ -4,6 +4,7 @@ import { classNames } from '../types';
|
|
|
4
4
|
import { ArrowLeftIcon } from '@heroicons/react/20/solid';
|
|
5
5
|
import { PHXBadge } from '../Badge';
|
|
6
6
|
import { PHXModal } from '../Modal';
|
|
7
|
+
import { ExclamationTriangleIcon } from '@heroicons/react/24/outline';
|
|
7
8
|
export var PHXFormWrap = function (_a) {
|
|
8
9
|
var badge = _a.badge, cancelText = _a.cancelText, children = _a.children, className = _a.className, deleted = _a.deleted, deletedLoading = _a.deletedLoading, _b = _a.footerAction, footerAction = _b === void 0 ? true : _b, _c = _a.headerAction, headerAction = _c === void 0 ? true : _c, loading = _a.loading, method = _a.method, nameOfModal = _a.nameOfModal, onCancel = _a.onCancel, onDelete = _a.onDelete, onSubmit = _a.onSubmit, onlyDelete = _a.onlyDelete, _d = _a.size, size = _d === void 0 ? 'large' : _d, formType = _a.formType, submit = _a.submit, submitText = _a.submitText, title = _a.title, _e = _a.type, type = _e === void 0 ? 'default' : _e;
|
|
9
10
|
var sizeClassName = classNames(size === 'small' && 'mx-auto md:w-4/6 lg:w-1/2', size === 'medium' && 'mx-auto md:w-5/6 lg:w-3/4', size === 'large' && 'mx-auto md:w-md lg:w-11/12');
|
|
@@ -12,6 +13,9 @@ export var PHXFormWrap = function (_a) {
|
|
|
12
13
|
if (onDelete) {
|
|
13
14
|
onDelete();
|
|
14
15
|
}
|
|
16
|
+
else {
|
|
17
|
+
return;
|
|
18
|
+
}
|
|
15
19
|
};
|
|
16
20
|
useEffect(function () {
|
|
17
21
|
setIsModalOpen(deletedLoading);
|
|
@@ -28,11 +32,20 @@ export var PHXFormWrap = function (_a) {
|
|
|
28
32
|
React.createElement(PHXBadge, { text: badge.badgeText, type: badge.badgeType })))))),
|
|
29
33
|
children,
|
|
30
34
|
React.createElement("div", { className: footerAction
|
|
31
|
-
? classNames(deleted ? 'justify-between' : 'justify-end gap-x-3', 'pt-6
|
|
35
|
+
? classNames(deleted ? 'justify-between' : 'justify-end gap-x-3', 'pt-6 mt-6 flex items-center')
|
|
32
36
|
: 'hidden' },
|
|
33
37
|
deleted && (React.createElement(React.Fragment, null,
|
|
34
38
|
React.createElement(PHXButton, { deleted: true, size: 'small', onClick: function () { return setIsModalOpen(true); } }, "X\u00F3a b\u1EA3n ghi"),
|
|
35
|
-
React.createElement(PHXModal, { dangerActionText: 'Xo\u00E1 b\u1EA3n ghi', dangerLoading: deletedLoading, onDangerClick: handleDelete, primaryActionText: '', onHide: function () { return setIsModalOpen(false); }, show: isModalOpen, title: "
|
|
39
|
+
React.createElement(PHXModal, { dangerActionText: 'Xo\u00E1 b\u1EA3n ghi', dangerLoading: deletedLoading, onDangerClick: handleDelete, primaryActionText: '', onHide: function () { return setIsModalOpen(false); }, show: isModalOpen === true, title: "Xo\u00E1 b\u1EA3n ghi ".concat(nameOfModal, "?") },
|
|
40
|
+
React.createElement("div", { className: 'sm:flex sm:items-start' },
|
|
41
|
+
React.createElement("div", { className: 'mx-auto flex h-12 w-12 flex-shrink-0 items-center justify-center rounded-full bg-red-100 sm:mx-0 sm:h-10 sm:w-10' },
|
|
42
|
+
React.createElement(ExclamationTriangleIcon, { "aria-hidden": 'true', className: 'h-6 w-6 text-red-600' })),
|
|
43
|
+
React.createElement("div", { className: 'mt-3 text-center sm:ml-4 sm:mt-0 sm:text-left' },
|
|
44
|
+
React.createElement("div", { className: 'mt-2' },
|
|
45
|
+
React.createElement("p", { className: 'text-xs text-gray-500' },
|
|
46
|
+
"B\u1EA1n c\u00F3 ch\u1EAFc ch\u1EAFn mu\u1ED1n x\u00F3a b\u1EA3n ghi ",
|
|
47
|
+
nameOfModal,
|
|
48
|
+
"?"))))))),
|
|
36
49
|
!onlyDelete && (React.createElement("div", { className: 'flex justify-end gap-x-3' },
|
|
37
50
|
React.createElement(PHXButton, { size: 'small', secondary: true, onClick: onCancel }, formType === 'custom' ? cancelText : 'Huỷ thay đổi'),
|
|
38
51
|
submit ? (React.createElement(PHXButton, { size: 'small', loading: loading, submit: true, primary: true }, formType === 'custom' ? submitText : formType === 'add' ? 'Thêm mới' : 'Cập nhật')) : (React.createElement(PHXButton, { size: 'small', loading: loading, onClick: onSubmit, primary: true }, formType === 'custom' ? submitText : formType === 'add' ? 'Thêm mới' : 'Cập nhật')))))))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormWrap.js","sourceRoot":"","sources":["../../../../src/components/FormWrap/FormWrap.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"FormWrap.js","sourceRoot":"","sources":["../../../../src/components/FormWrap/FormWrap.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export interface HorizonProps {
|
|
3
|
+
justify?: 'start' | 'end' | 'center' | 'around' | 'between' | 'evenly' | 'stretch';
|
|
4
|
+
items?: 'start' | 'end' | 'center' | 'baseline' | 'stretch';
|
|
5
|
+
gapX?: any;
|
|
6
|
+
gapY?: string;
|
|
7
|
+
children?: any;
|
|
8
|
+
}
|
|
9
|
+
export declare function PHXHorizontalStack({ justify, items, gapX, gapY, children }: HorizonProps): JSX.Element;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { classNames } from '../types';
|
|
3
|
+
export function PHXHorizontalStack(_a) {
|
|
4
|
+
var justify = _a.justify, items = _a.items, gapX = _a.gapX, gapY = _a.gapY, children = _a.children;
|
|
5
|
+
var customHorizon = classNames(justify === 'start' && 'justify-start', justify === 'end' && 'justify-end', justify === 'center' && 'justify-center', justify === 'around' && 'justify-around', justify === 'between' && 'justify-between', justify === 'evenly' && 'justify-evenly', justify === 'stretch' && 'justify-stretch', items === 'start' && 'items-start', items === 'end' && 'items-end', items === 'center' && 'items-center', items === 'baseline' && 'items-baseline', items === 'stretch' && 'items-stretch');
|
|
6
|
+
return (React.createElement("div", { className: "flex ".concat(gapX ? 'gap-x-' + gapX : null, " ").concat(gapY ? 'gap-y-' + gapY : null, " ").concat(customHorizon) }, children));
|
|
7
|
+
}
|
|
8
|
+
//# sourceMappingURL=HorizontalStack.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HorizontalStack.js","sourceRoot":"","sources":["../../../../src/components/HorizontalStack/HorizontalStack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAUrC,MAAM,UAAU,kBAAkB,CAAC,EAAsD;QAApD,OAAO,aAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA,EAAE,IAAI,UAAA,EAAE,QAAQ,cAAA;IACvE,IAAM,aAAa,GAAG,UAAU,CAC9B,OAAO,KAAK,OAAO,IAAI,eAAe,EACtC,OAAO,KAAK,KAAK,IAAI,aAAa,EAClC,OAAO,KAAK,QAAQ,IAAI,gBAAgB,EACxC,OAAO,KAAK,QAAQ,IAAI,gBAAgB,EACxC,OAAO,KAAK,SAAS,IAAI,iBAAiB,EAC1C,OAAO,KAAK,QAAQ,IAAI,gBAAgB,EACxC,OAAO,KAAK,SAAS,IAAI,iBAAiB,EAC1C,KAAK,KAAK,OAAO,IAAI,aAAa,EAClC,KAAK,KAAK,KAAK,IAAI,WAAW,EAC9B,KAAK,KAAK,QAAQ,IAAI,cAAc,EACpC,KAAK,KAAK,UAAU,IAAI,gBAAgB,EACxC,KAAK,KAAK,SAAS,IAAI,eAAe,CACvC,CAAA;IACD,OAAO,CACL,6BAAK,SAAS,EAAE,eAAQ,IAAI,CAAC,CAAC,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,cAAI,IAAI,CAAC,CAAC,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,cAAI,aAAa,CAAE,IACtG,QAAQ,CACL,CACP,CAAA;AACH,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './HorizontalStack';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/HorizontalStack/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA"}
|
|
@@ -24,7 +24,7 @@ export function PHXSkeleton(_a) {
|
|
|
24
24
|
React.createElement("div", { className: 'h-3 w-1/3 rounded bg-gray-200' }))) : null,
|
|
25
25
|
React.createElement("div", { className: classNames(type === 'default' || type === 'table' || type === 'page'
|
|
26
26
|
? ''
|
|
27
|
-
: 'grid grid-cols-1 items-start gap-4 lg:grid-cols-3 lg:gap-
|
|
27
|
+
: 'grid grid-cols-1 items-start gap-4 lg:grid-cols-3 lg:gap-4') },
|
|
28
28
|
React.createElement("div", { className: classNames(type === 'default' ? '' : 'grid grid-cols-1 gap-4 lg:col-span-2') },
|
|
29
29
|
React.createElement(PHXCard, null,
|
|
30
30
|
React.createElement(Skeleton, null),
|
package/dist/esm/index.d.ts
CHANGED
|
@@ -28,4 +28,5 @@ import { PHXLogin } from './components/Login';
|
|
|
28
28
|
import { PHXBanner } from './components/Banner';
|
|
29
29
|
import { PHXButtonGroup } from './components/ButtonGroup';
|
|
30
30
|
import { PHXCombobox } from './components/Combobox';
|
|
31
|
-
|
|
31
|
+
import { PHXHorizontalStack } from './components/HorizontalStack';
|
|
32
|
+
export { MyCounter, PHXButton, PHXCard, PHXSpinner, PHXMainWrap, PHXFormWrap, PHXHeaderBar, PHXTable, PHXInput, PHXSelect, PHXRadio, PHXCheckbox, PHXFormStep, PHXNotifications, PHXStep, PHXSkeleton, PHXFuncGetLoggedInfo, PHXClientQuery, PHXClientMutation, PHXTextarea, PHXModal, PHXTabs, PHXChoiceList, PHXDescriptionLists, PHXBadge, PHXLogin, PHXBanner, PHXButtonGroup, PHXCombobox, PHXFormLayout, PHXHorizontalStack, };
|
package/dist/esm/index.js
CHANGED
|
@@ -28,5 +28,6 @@ import { PHXLogin } from './components/Login';
|
|
|
28
28
|
import { PHXBanner } from './components/Banner';
|
|
29
29
|
import { PHXButtonGroup } from './components/ButtonGroup';
|
|
30
30
|
import { PHXCombobox } from './components/Combobox';
|
|
31
|
-
|
|
31
|
+
import { PHXHorizontalStack } from './components/HorizontalStack';
|
|
32
|
+
export { MyCounter, PHXButton, PHXCard, PHXSpinner, PHXMainWrap, PHXFormWrap, PHXHeaderBar, PHXTable, PHXInput, PHXSelect, PHXRadio, PHXCheckbox, PHXFormStep, PHXNotifications, PHXStep, PHXSkeleton, PHXFuncGetLoggedInfo, PHXClientQuery, PHXClientMutation, PHXTextarea, PHXModal, PHXTabs, PHXChoiceList, PHXDescriptionLists, PHXBadge, PHXLogin, PHXBanner, PHXButtonGroup, PHXCombobox, PHXFormLayout, PHXHorizontalStack, };
|
|
32
33
|
//# sourceMappingURL=index.js.map
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,OAAO,SAAS,MAAM,kBAAkB,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,oBAAoB,MAAM,gCAAgC,CAAA;AACjE,OAAO,cAAc,MAAM,iCAAiC,CAAA;AAC5D,OAAO,iBAAiB,MAAM,oCAAoC,CAAA;AAClE,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAA;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,OAAO,SAAS,MAAM,kBAAkB,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,oBAAoB,MAAM,gCAAgC,CAAA;AACjE,OAAO,cAAc,MAAM,iCAAiC,CAAA;AAC5D,OAAO,iBAAiB,MAAM,oCAAoC,CAAA;AAClE,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAA;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAA;AAEjE,OAAO,EACL,SAAS,EACT,SAAS,EACT,OAAO,EACP,UAAU,EACV,WAAW,EACX,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,WAAW,EACX,WAAW,EACX,gBAAgB,EAChB,OAAO,EACP,WAAW,EACX,oBAAoB,EACpB,cAAc,EACd,iBAAiB,EACjB,WAAW,EACX,QAAQ,EACR,OAAO,EACP,aAAa,EACb,mBAAmB,EACnB,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,cAAc,EACd,WAAW,EACX,aAAa,EACb,kBAAkB,GACnB,CAAA"}
|