phx-react 1.3.638 → 1.3.640
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/ResourceList/ResourceList.d.ts +3 -1
- package/dist/cjs/components/ResourceList/ResourceList.js +17 -7
- package/dist/cjs/components/ResourceList/ResourceList.js.map +1 -1
- package/dist/cjs/components/ResourceList/component/listWithCard.d.ts +3 -0
- package/dist/cjs/components/ResourceList/component/listWithCard.js +32 -0
- package/dist/cjs/components/ResourceList/component/listWithCard.js.map +1 -0
- package/dist/cjs/components/Select/Select.js +1 -1
- package/dist/cjs/components/Select/Select.js.map +1 -1
- package/dist/esm/components/ResourceList/ResourceList.d.ts +3 -1
- package/dist/esm/components/ResourceList/ResourceList.js +17 -7
- package/dist/esm/components/ResourceList/ResourceList.js.map +1 -1
- package/dist/esm/components/ResourceList/component/listWithCard.d.ts +3 -0
- package/dist/esm/components/ResourceList/component/listWithCard.js +29 -0
- package/dist/esm/components/ResourceList/component/listWithCard.js.map +1 -0
- package/dist/esm/components/Select/Select.js +1 -1
- package/dist/esm/components/Select/Select.js.map +1 -1
- package/package.json +1 -1
|
@@ -63,5 +63,7 @@ export interface ResourceListProps {
|
|
|
63
63
|
title?: string;
|
|
64
64
|
textAction?: ComplexAction;
|
|
65
65
|
isBadge?: boolean;
|
|
66
|
+
useListWithCard?: boolean;
|
|
67
|
+
onClickRemoveItem?(item: any): void;
|
|
66
68
|
}
|
|
67
|
-
export declare function PHXResourceList({ className, list, bulkActions, bulkActionsContent, readonly, searchResult, shortcutAction, sortOptions, button, sortContent, onClickItem, onBulkActions, textAction, title, isBadge, }: ResourceListProps): React.JSX.Element;
|
|
69
|
+
export declare function PHXResourceList({ className, list, bulkActions, bulkActionsContent, readonly, searchResult, shortcutAction, sortOptions, button, sortContent, onClickItem, onBulkActions, textAction, title, isBadge, useListWithCard, onClickRemoveItem, }: ResourceListProps): React.JSX.Element;
|
|
@@ -10,8 +10,9 @@ var EmptyRecord_1 = require("../EmptyRecord");
|
|
|
10
10
|
var searchResult_1 = tslib_1.__importDefault(require("./component/searchResult"));
|
|
11
11
|
var list_1 = tslib_1.__importDefault(require("./component/list"));
|
|
12
12
|
var Button_1 = require("../Button");
|
|
13
|
+
var listWithCard_1 = tslib_1.__importDefault(require("./component/listWithCard"));
|
|
13
14
|
function PHXResourceList(_a) {
|
|
14
|
-
var className = _a.className, list = _a.list, bulkActions = _a.bulkActions, bulkActionsContent = _a.bulkActionsContent, _b = _a.readonly, readonly = _b === void 0 ? false : _b, _c = _a.searchResult, searchResult = _c === void 0 ? false : _c, shortcutAction = _a.shortcutAction, sortOptions = _a.sortOptions, button = _a.button, sortContent = _a.sortContent, onClickItem = _a.onClickItem, onBulkActions = _a.onBulkActions, textAction = _a.textAction, title = _a.title, isBadge = _a.isBadge;
|
|
15
|
+
var className = _a.className, list = _a.list, bulkActions = _a.bulkActions, bulkActionsContent = _a.bulkActionsContent, _b = _a.readonly, readonly = _b === void 0 ? false : _b, _c = _a.searchResult, searchResult = _c === void 0 ? false : _c, shortcutAction = _a.shortcutAction, sortOptions = _a.sortOptions, button = _a.button, sortContent = _a.sortContent, onClickItem = _a.onClickItem, onBulkActions = _a.onBulkActions, textAction = _a.textAction, title = _a.title, isBadge = _a.isBadge, useListWithCard = _a.useListWithCard, onClickRemoveItem = _a.onClickRemoveItem;
|
|
15
16
|
var _d = (0, react_1.useState)([]), dataSelected = _d[0], setDataSelected = _d[1];
|
|
16
17
|
var _e = (0, react_1.useState)(''), query = _e[0], setQuery = _e[1];
|
|
17
18
|
var _f = (0, react_1.useState)([]), filteredItems = _f[0], setFilteredItems = _f[1];
|
|
@@ -25,18 +26,27 @@ function PHXResourceList(_a) {
|
|
|
25
26
|
}, [query, list]);
|
|
26
27
|
var bulkActionMarkup = bulkActions ? (react_1["default"].createElement(bulkAction_1["default"], { list: list ? list : [], dataSelected: dataSelected, setDataSelected: setDataSelected, onBulkActions: onBulkActions, setFilteredItems: setFilteredItems, content: bulkActionsContent })) : searchResult ? (react_1["default"].createElement("div", { className: 'relative flex-1' },
|
|
27
28
|
react_1["default"].createElement(searchResult_1["default"], { setQuery: setQuery }))) : (react_1["default"].createElement(react_1["default"].Fragment, null));
|
|
28
|
-
var
|
|
29
|
+
var getListComponent = function () {
|
|
30
|
+
if (useListWithCard) {
|
|
31
|
+
return (react_1["default"].createElement(listWithCard_1["default"], { filteredItems: filteredItems, isBadge: isBadge, onClickItem: onClickItem, onClickRemoveItem: onClickRemoveItem, readonly: readonly }));
|
|
32
|
+
}
|
|
33
|
+
else {
|
|
34
|
+
return (react_1["default"].createElement(list_1["default"], { bulkActions: bulkActions, dataSelected: dataSelected, filteredItems: filteredItems, isBadge: isBadge, onClickItem: onClickItem, readonly: readonly, setDataSelected: setDataSelected, shortcutAction: shortcutAction }));
|
|
35
|
+
}
|
|
36
|
+
};
|
|
37
|
+
var listMarkup = list && getListComponent();
|
|
29
38
|
var sortActionMarkup = sortOptions && sortContent && !button ? (react_1["default"].createElement(Dropdown_1.PHXDropdown, { buttonContent: sortContent, options: sortOptions, origin: 'right' })) : (react_1["default"].createElement(Button_1.PHXButton, { className: button === null || button === void 0 ? void 0 : button.className, primary: button === null || button === void 0 ? void 0 : button.primary, secondary: button === null || button === void 0 ? void 0 : button.secondary, danger2: button === null || button === void 0 ? void 0 : button.danger2, danger: button === null || button === void 0 ? void 0 : button.danger, plain: button === null || button === void 0 ? void 0 : button.plain, soft: button === null || button === void 0 ? void 0 : button.soft, split: button === null || button === void 0 ? void 0 : button.split, primaryCritical: button === null || button === void 0 ? void 0 : button.primaryCritical, plainCritical: button === null || button === void 0 ? void 0 : button.plainCritical, tertiary: button === null || button === void 0 ? void 0 : button.tertiary, iconPosition: button === null || button === void 0 ? void 0 : button.iconPosition, iconOutline: button === null || button === void 0 ? void 0 : button.iconOutline, iconClassName: button === null || button === void 0 ? void 0 : button.iconClassName, icon: button === null || button === void 0 ? void 0 : button.icon, size: button === null || button === void 0 ? void 0 : button.size, rounded: button === null || button === void 0 ? void 0 : button.rounded, deletedButton: button === null || button === void 0 ? void 0 : button.deletedButton, options: button === null || button === void 0 ? void 0 : button.options }, button === null || button === void 0 ? void 0 : button.children));
|
|
30
39
|
return (react_1["default"].createElement("div", { className: className },
|
|
31
40
|
react_1["default"].createElement("div", { className: 'mx-auto max-w-3xl px-0 lg:max-w-full' },
|
|
32
|
-
react_1["default"].createElement("div", { className: (0, types_1.classNames)('
|
|
41
|
+
react_1["default"].createElement("div", { className: (0, types_1.classNames)(' bg-white', !useListWithCard && 'rounded-lg border-[0.5px] border-gray-200') },
|
|
33
42
|
bulkActions && !title && searchResult && (react_1["default"].createElement("div", { className: 'relative p-3 pb-0' },
|
|
34
43
|
react_1["default"].createElement(searchResult_1["default"], { type: 'have-bulk-actions', setQuery: setQuery }))),
|
|
35
|
-
bulkActions || searchResult || sortOptions || title ? (react_1["default"].createElement(react_1["default"].Fragment, null, !title ? (react_1["default"].createElement("div", { className: (0, types_1.classNames)('flex
|
|
44
|
+
bulkActions || searchResult || sortOptions || title ? (react_1["default"].createElement(react_1["default"].Fragment, null, !title ? (react_1["default"].createElement("div", { className: (0, types_1.classNames)('flex items-center gap-x-4 border-b pb-3', !bulkActions && 'justify-end', !useListWithCard && 'p-3') },
|
|
36
45
|
bulkActionMarkup,
|
|
37
|
-
sortActionMarkup)) : (react_1["default"].createElement("
|
|
38
|
-
react_1["default"].createElement("
|
|
39
|
-
|
|
46
|
+
sortActionMarkup)) : (react_1["default"].createElement(react_1["default"].Fragment, null,
|
|
47
|
+
react_1["default"].createElement("div", { className: (0, types_1.classNames)('flex justify-between gap-x-4 pb-3', !useListWithCard && 'border-b p-3') },
|
|
48
|
+
react_1["default"].createElement("p", { className: 'text-xs font-semibold leading-5 text-gray-900' }, title),
|
|
49
|
+
react_1["default"].createElement("p", { className: 'text-xs text-blue-600 hover:cursor-pointer hover:text-blue-800 hover:underline', onClick: textAction === null || textAction === void 0 ? void 0 : textAction.onClick }, textAction === null || textAction === void 0 ? void 0 : textAction.content)))))) : (react_1["default"].createElement(react_1["default"].Fragment, null)),
|
|
40
50
|
filteredItems.length === 0 && query !== '' ? (react_1["default"].createElement(EmptyRecord_1.PHXEmptyRecord, { type: 'small' })) : (react_1["default"].createElement(react_1["default"].Fragment, null,
|
|
41
51
|
listMarkup,
|
|
42
52
|
dataSelected.length > 0 && (react_1["default"].createElement("div", { className: 'p-3 text-xs border-t bg-gray-50 rounded-b-lg' },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ResourceList.js","sourceRoot":"","sources":["../../../../src/components/ResourceList/ResourceList.tsx"],"names":[],"mappings":";;;;AAAA,qDAAkD;AAClD,kCAAgE;AAChE,8EAA+C;AAC/C,wCAAyC;AAGzC,8CAA+C;AAC/C,kFAAmD;AACnD,kEAAmC;AACnC,oCAAqC;
|
|
1
|
+
{"version":3,"file":"ResourceList.js","sourceRoot":"","sources":["../../../../src/components/ResourceList/ResourceList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
exports.__esModule = true;
|
|
3
|
+
var tslib_1 = require("tslib");
|
|
4
|
+
var outline_1 = require("@heroicons/react/24/outline");
|
|
5
|
+
var react_1 = tslib_1.__importDefault(require("react"));
|
|
6
|
+
function ListWithCard(_a) {
|
|
7
|
+
var filteredItems = _a.filteredItems, isBadge = _a.isBadge, onClickItem = _a.onClickItem, onClickRemoveItem = _a.onClickRemoveItem, readonly = _a.readonly;
|
|
8
|
+
var handleClick = function (item) {
|
|
9
|
+
if (onClickItem && !readonly) {
|
|
10
|
+
onClickItem(item);
|
|
11
|
+
}
|
|
12
|
+
else {
|
|
13
|
+
return;
|
|
14
|
+
}
|
|
15
|
+
};
|
|
16
|
+
var handleRemoveItem = function (item) {
|
|
17
|
+
if (onClickRemoveItem && !readonly) {
|
|
18
|
+
onClickRemoveItem(item);
|
|
19
|
+
}
|
|
20
|
+
else {
|
|
21
|
+
return;
|
|
22
|
+
}
|
|
23
|
+
};
|
|
24
|
+
return (react_1["default"].createElement("div", { className: 'max-h-[320px] overflow-y-auto' }, filteredItems === null || filteredItems === void 0 ? void 0 : filteredItems.map(function (item, index) { return (react_1["default"].createElement("div", { key: index, className: 'mx-auto mb-3 flex max-w-3xl items-center justify-between rounded-lg border border-gray-200 bg-white p-4 shadow-[0rem_0.0825rem_0rem_#00000012] lg:max-w-full' },
|
|
25
|
+
react_1["default"].createElement("div", null,
|
|
26
|
+
(item === null || item === void 0 ? void 0 : item.name) && (react_1["default"].createElement("p", { "aria-hidden": true, className: "mb-2 text-xs font-medium text-gray-900 ".concat(readonly ? '' : 'text-xs hover:cursor-pointer hover:text-blue-800 hover:underline'), onClick: function () { return handleClick(item); } }, item.name)),
|
|
27
|
+
(item === null || item === void 0 ? void 0 : item.location) && (react_1["default"].createElement("p", { className: "text-xs ".concat(isBadge ? 'mt-1' : '', " font-normal text-gray-600") }, item.location))),
|
|
28
|
+
react_1["default"].createElement("button", { className: 'rounded-md border border-gray-300 border-b-gray-400 bg-white p-2 font-normal text-gray-900 shadow-sm hover:bg-red-100 focus:outline-none focus-visible:outline-none', onClick: function () { return handleRemoveItem(item); }, type: 'button' },
|
|
29
|
+
react_1["default"].createElement(outline_1.TrashIcon, { "aria-hidden": 'true', className: 'h-4 w-4 text-red-800 active:text-red-900' })))); })));
|
|
30
|
+
}
|
|
31
|
+
exports["default"] = ListWithCard;
|
|
32
|
+
//# sourceMappingURL=listWithCard.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"listWithCard.js","sourceRoot":"","sources":["../../../../../src/components/ResourceList/component/listWithCard.tsx"],"names":[],"mappings":";;;AAAA,uDAAuD;AACvD,wDAAyB;AAEzB,SAAS,YAAY,CAAC,EAAyE;QAAvE,aAAa,mBAAA,EAAE,OAAO,aAAA,EAAE,WAAW,iBAAA,EAAE,iBAAiB,uBAAA,EAAE,QAAQ,cAAA;IACtF,IAAM,WAAW,GAAG,UAAC,IAAS;QAC5B,IAAI,WAAW,IAAI,CAAC,QAAQ,EAAE;YAC5B,WAAW,CAAC,IAAI,CAAC,CAAA;SAClB;aAAM;YACL,OAAM;SACP;IACH,CAAC,CAAA;IACD,IAAM,gBAAgB,GAAG,UAAC,IAAS;QACjC,IAAI,iBAAiB,IAAI,CAAC,QAAQ,EAAE;YAClC,iBAAiB,CAAC,IAAI,CAAC,CAAA;SACxB;aAAM;YACL,OAAM;SACP;IACH,CAAC,CAAA;IAED,OAAO,CACL,0CAAK,SAAS,EAAC,+BAA+B,IAC3C,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,GAAG,CAAC,UAAC,IAAS,EAAE,KAAa,IAAK,OAAA,CAChD,0CACE,GAAG,EAAE,KAAK,EACV,SAAS,EAAC,8JAA8J;QAExK;YACG,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,KAAI,CACb,6DAEE,SAAS,EAAE,iDACT,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,kEAAkE,CAClF,EACF,OAAO,EAAE,cAAM,OAAA,WAAW,CAAC,IAAI,CAAC,EAAjB,CAAiB,IAE/B,IAAI,CAAC,IAAI,CACR,CACL;YAEA,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,KAAI,CACjB,wCAAG,SAAS,EAAE,kBAAW,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,+BAA4B,IAAG,IAAI,CAAC,QAAQ,CAAK,CAChG,CACG;QAEN,6CACE,SAAS,EAAC,qKAAqK,EAC/K,OAAO,EAAE,cAAM,OAAA,gBAAgB,CAAC,IAAI,CAAC,EAAtB,CAAsB,EACrC,IAAI,EAAC,QAAQ;YAEb,iCAAC,mBAAS,mBAAa,MAAM,EAAC,SAAS,EAAC,0CAA0C,GAAG,CAC9E,CACL,CACP,EA/BiD,CA+BjD,CAAC,CACE,CACP,CAAA;AACH,CAAC;AAED,qBAAe,YAAY,CAAA"}
|
|
@@ -10,7 +10,7 @@ var PHXSelect = function (_a) {
|
|
|
10
10
|
react_1["default"].createElement("div", { className: (0, types_1.classNames)(label ? 'flex mb-1 text-xs font-normal text-gray-700' : 'hidden', label && (labelAction === null || labelAction === void 0 ? void 0 : labelAction.content) ? 'justify-between' : '') },
|
|
11
11
|
label && react_1["default"].createElement("label", null, label),
|
|
12
12
|
(labelAction === null || labelAction === void 0 ? void 0 : labelAction.content) && (react_1["default"].createElement("p", { className: 'text-blue-600 hover:cursor-pointer hover:text-blue-800 hover:underline', onClick: labelAction.onClick }, labelAction.content))),
|
|
13
|
-
react_1["default"].createElement("select", tslib_1.__assign({}, register, rest, { className: (0, types_1.classNames)('mt-1 block w-full rounded-lg border-[0.5px] border-gray-500 px-3 py-1.5 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', error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '') }), children),
|
|
13
|
+
react_1["default"].createElement("select", tslib_1.__assign({}, register, rest, { className: (0, types_1.classNames)('mt-1 block w-full rounded-lg border-[0.5px] border-gray-500 px-3 py-1.5 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', error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '', rest.disabled ? '' : 'hover:cursor-pointer') }), children),
|
|
14
14
|
helpText ? react_1["default"].createElement("div", { className: 'mt-1 pl-1 text-xs font-light text-gray-400' }, helpText) : null,
|
|
15
15
|
error && errorType ? (react_1["default"].createElement("div", { className: 'ml-1 mt-1 flex items-center' },
|
|
16
16
|
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' },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/components/Select/Select.tsx"],"names":[],"mappings":";;;;AAAA,wDAAmD;AAEnD,kCAAoD;AAa7C,IAAM,SAAS,GAA0B,UAAC,EAUnC;IATZ,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,SAAS,eAAA,EACT,WAAW,iBAAA,EACR,IAAI,sBATwC,+FAUhD,CADQ;IACU,OAAA,CACjB,0CAAK,SAAS,EAAE,SAAS;QACvB,0CACE,SAAS,EAAE,IAAA,kBAAU,EACnB,KAAK,CAAC,CAAC,CAAC,6CAA6C,CAAC,CAAC,CAAC,QAAQ,EAChE,KAAK,KAAI,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,CAAA,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,CACvD;YAEA,KAAK,IAAI,gDAAQ,KAAK,CAAS;YAC/B,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,KAAI,CACvB,wCACE,SAAS,EAAC,wEAAwE,EAClF,OAAO,EAAE,WAAW,CAAC,OAAO,IAE3B,WAAW,CAAC,OAAO,CAClB,CACL,CACG;QACN,gEACM,QAAQ,EACR,IAAI,IACR,SAAS,EAAE,IAAA,kBAAU,EACnB,yPAAyP,EACzP,KAAK,CAAC,CAAC,CAAC,+EAA+E,CAAC,CAAC,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/components/Select/Select.tsx"],"names":[],"mappings":";;;;AAAA,wDAAmD;AAEnD,kCAAoD;AAa7C,IAAM,SAAS,GAA0B,UAAC,EAUnC;IATZ,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,SAAS,eAAA,EACT,WAAW,iBAAA,EACR,IAAI,sBATwC,+FAUhD,CADQ;IACU,OAAA,CACjB,0CAAK,SAAS,EAAE,SAAS;QACvB,0CACE,SAAS,EAAE,IAAA,kBAAU,EACnB,KAAK,CAAC,CAAC,CAAC,6CAA6C,CAAC,CAAC,CAAC,QAAQ,EAChE,KAAK,KAAI,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,CAAA,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,CACvD;YAEA,KAAK,IAAI,gDAAQ,KAAK,CAAS;YAC/B,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,KAAI,CACvB,wCACE,SAAS,EAAC,wEAAwE,EAClF,OAAO,EAAE,WAAW,CAAC,OAAO,IAE3B,WAAW,CAAC,OAAO,CAClB,CACL,CACG;QACN,gEACM,QAAQ,EACR,IAAI,IACR,SAAS,EAAE,IAAA,kBAAU,EACnB,yPAAyP,EACzP,KAAK,CAAC,CAAC,CAAC,+EAA+E,CAAC,CAAC,CAAC,EAAE,EAC5F,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,sBAAsB,CAC5C,KAEA,QAAQ,CACF;QACR,QAAQ,CAAC,CAAC,CAAC,0CAAK,SAAS,EAAC,4CAA4C,IAAE,QAAQ,CAAO,CAAC,CAAC,CAAC,IAAI;QAC9F,KAAK,IAAI,SAAS,CAAC,CAAC,CAAC,CACpB,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,IAChC,SAAS,KAAK,gBAAgB,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,sBAAsB,CAClF,CACA,CACP,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAA;CAAA,CAAA;AA/DY,QAAA,SAAS,aA+DrB"}
|
|
@@ -63,5 +63,7 @@ export interface ResourceListProps {
|
|
|
63
63
|
title?: string;
|
|
64
64
|
textAction?: ComplexAction;
|
|
65
65
|
isBadge?: boolean;
|
|
66
|
+
useListWithCard?: boolean;
|
|
67
|
+
onClickRemoveItem?(item: any): void;
|
|
66
68
|
}
|
|
67
|
-
export declare function PHXResourceList({ className, list, bulkActions, bulkActionsContent, readonly, searchResult, shortcutAction, sortOptions, button, sortContent, onClickItem, onBulkActions, textAction, title, isBadge, }: ResourceListProps): React.JSX.Element;
|
|
69
|
+
export declare function PHXResourceList({ className, list, bulkActions, bulkActionsContent, readonly, searchResult, shortcutAction, sortOptions, button, sortContent, onClickItem, onBulkActions, textAction, title, isBadge, useListWithCard, onClickRemoveItem, }: ResourceListProps): React.JSX.Element;
|
|
@@ -6,8 +6,9 @@ import { PHXEmptyRecord } from '../EmptyRecord';
|
|
|
6
6
|
import SearchResult from './component/searchResult';
|
|
7
7
|
import List from './component/list';
|
|
8
8
|
import { PHXButton } from '../Button';
|
|
9
|
+
import ListWithCard from './component/listWithCard';
|
|
9
10
|
export function PHXResourceList(_a) {
|
|
10
|
-
var className = _a.className, list = _a.list, bulkActions = _a.bulkActions, bulkActionsContent = _a.bulkActionsContent, _b = _a.readonly, readonly = _b === void 0 ? false : _b, _c = _a.searchResult, searchResult = _c === void 0 ? false : _c, shortcutAction = _a.shortcutAction, sortOptions = _a.sortOptions, button = _a.button, sortContent = _a.sortContent, onClickItem = _a.onClickItem, onBulkActions = _a.onBulkActions, textAction = _a.textAction, title = _a.title, isBadge = _a.isBadge;
|
|
11
|
+
var className = _a.className, list = _a.list, bulkActions = _a.bulkActions, bulkActionsContent = _a.bulkActionsContent, _b = _a.readonly, readonly = _b === void 0 ? false : _b, _c = _a.searchResult, searchResult = _c === void 0 ? false : _c, shortcutAction = _a.shortcutAction, sortOptions = _a.sortOptions, button = _a.button, sortContent = _a.sortContent, onClickItem = _a.onClickItem, onBulkActions = _a.onBulkActions, textAction = _a.textAction, title = _a.title, isBadge = _a.isBadge, useListWithCard = _a.useListWithCard, onClickRemoveItem = _a.onClickRemoveItem;
|
|
11
12
|
var _d = useState([]), dataSelected = _d[0], setDataSelected = _d[1];
|
|
12
13
|
var _e = useState(''), query = _e[0], setQuery = _e[1];
|
|
13
14
|
var _f = useState([]), filteredItems = _f[0], setFilteredItems = _f[1];
|
|
@@ -21,18 +22,27 @@ export function PHXResourceList(_a) {
|
|
|
21
22
|
}, [query, list]);
|
|
22
23
|
var bulkActionMarkup = bulkActions ? (React.createElement(BulkAction, { list: list ? list : [], dataSelected: dataSelected, setDataSelected: setDataSelected, onBulkActions: onBulkActions, setFilteredItems: setFilteredItems, content: bulkActionsContent })) : searchResult ? (React.createElement("div", { className: 'relative flex-1' },
|
|
23
24
|
React.createElement(SearchResult, { setQuery: setQuery }))) : (React.createElement(React.Fragment, null));
|
|
24
|
-
var
|
|
25
|
+
var getListComponent = function () {
|
|
26
|
+
if (useListWithCard) {
|
|
27
|
+
return (React.createElement(ListWithCard, { filteredItems: filteredItems, isBadge: isBadge, onClickItem: onClickItem, onClickRemoveItem: onClickRemoveItem, readonly: readonly }));
|
|
28
|
+
}
|
|
29
|
+
else {
|
|
30
|
+
return (React.createElement(List, { bulkActions: bulkActions, dataSelected: dataSelected, filteredItems: filteredItems, isBadge: isBadge, onClickItem: onClickItem, readonly: readonly, setDataSelected: setDataSelected, shortcutAction: shortcutAction }));
|
|
31
|
+
}
|
|
32
|
+
};
|
|
33
|
+
var listMarkup = list && getListComponent();
|
|
25
34
|
var sortActionMarkup = sortOptions && sortContent && !button ? (React.createElement(PHXDropdown, { buttonContent: sortContent, options: sortOptions, origin: 'right' })) : (React.createElement(PHXButton, { className: button === null || button === void 0 ? void 0 : button.className, primary: button === null || button === void 0 ? void 0 : button.primary, secondary: button === null || button === void 0 ? void 0 : button.secondary, danger2: button === null || button === void 0 ? void 0 : button.danger2, danger: button === null || button === void 0 ? void 0 : button.danger, plain: button === null || button === void 0 ? void 0 : button.plain, soft: button === null || button === void 0 ? void 0 : button.soft, split: button === null || button === void 0 ? void 0 : button.split, primaryCritical: button === null || button === void 0 ? void 0 : button.primaryCritical, plainCritical: button === null || button === void 0 ? void 0 : button.plainCritical, tertiary: button === null || button === void 0 ? void 0 : button.tertiary, iconPosition: button === null || button === void 0 ? void 0 : button.iconPosition, iconOutline: button === null || button === void 0 ? void 0 : button.iconOutline, iconClassName: button === null || button === void 0 ? void 0 : button.iconClassName, icon: button === null || button === void 0 ? void 0 : button.icon, size: button === null || button === void 0 ? void 0 : button.size, rounded: button === null || button === void 0 ? void 0 : button.rounded, deletedButton: button === null || button === void 0 ? void 0 : button.deletedButton, options: button === null || button === void 0 ? void 0 : button.options }, button === null || button === void 0 ? void 0 : button.children));
|
|
26
35
|
return (React.createElement("div", { className: className },
|
|
27
36
|
React.createElement("div", { className: 'mx-auto max-w-3xl px-0 lg:max-w-full' },
|
|
28
|
-
React.createElement("div", { className: classNames('
|
|
37
|
+
React.createElement("div", { className: classNames(' bg-white', !useListWithCard && 'rounded-lg border-[0.5px] border-gray-200') },
|
|
29
38
|
bulkActions && !title && searchResult && (React.createElement("div", { className: 'relative p-3 pb-0' },
|
|
30
39
|
React.createElement(SearchResult, { type: 'have-bulk-actions', setQuery: setQuery }))),
|
|
31
|
-
bulkActions || searchResult || sortOptions || title ? (React.createElement(React.Fragment, null, !title ? (React.createElement("div", { className: classNames('flex
|
|
40
|
+
bulkActions || searchResult || sortOptions || title ? (React.createElement(React.Fragment, null, !title ? (React.createElement("div", { className: classNames('flex items-center gap-x-4 border-b pb-3', !bulkActions && 'justify-end', !useListWithCard && 'p-3') },
|
|
32
41
|
bulkActionMarkup,
|
|
33
|
-
sortActionMarkup)) : (React.createElement(
|
|
34
|
-
React.createElement("
|
|
35
|
-
|
|
42
|
+
sortActionMarkup)) : (React.createElement(React.Fragment, null,
|
|
43
|
+
React.createElement("div", { className: classNames('flex justify-between gap-x-4 pb-3', !useListWithCard && 'border-b p-3') },
|
|
44
|
+
React.createElement("p", { className: 'text-xs font-semibold leading-5 text-gray-900' }, title),
|
|
45
|
+
React.createElement("p", { className: 'text-xs text-blue-600 hover:cursor-pointer hover:text-blue-800 hover:underline', onClick: textAction === null || textAction === void 0 ? void 0 : textAction.onClick }, textAction === null || textAction === void 0 ? void 0 : textAction.content)))))) : (React.createElement(React.Fragment, null)),
|
|
36
46
|
filteredItems.length === 0 && query !== '' ? (React.createElement(PHXEmptyRecord, { type: 'small' })) : (React.createElement(React.Fragment, null,
|
|
37
47
|
listMarkup,
|
|
38
48
|
dataSelected.length > 0 && (React.createElement("div", { className: 'p-3 text-xs border-t bg-gray-50 rounded-b-lg' },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ResourceList.js","sourceRoot":"","sources":["../../../../src/components/ResourceList/ResourceList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAA6B,UAAU,EAAE,MAAM,UAAU,CAAA;AAChE,OAAO,UAAU,MAAM,wBAAwB,CAAA;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAGzC,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,YAAY,MAAM,0BAA0B,CAAA;AACnD,OAAO,IAAI,MAAM,kBAAkB,CAAA;AACnC,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;
|
|
1
|
+
{"version":3,"file":"ResourceList.js","sourceRoot":"","sources":["../../../../src/components/ResourceList/ResourceList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { TrashIcon } from '@heroicons/react/24/outline';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
function ListWithCard(_a) {
|
|
4
|
+
var filteredItems = _a.filteredItems, isBadge = _a.isBadge, onClickItem = _a.onClickItem, onClickRemoveItem = _a.onClickRemoveItem, readonly = _a.readonly;
|
|
5
|
+
var handleClick = function (item) {
|
|
6
|
+
if (onClickItem && !readonly) {
|
|
7
|
+
onClickItem(item);
|
|
8
|
+
}
|
|
9
|
+
else {
|
|
10
|
+
return;
|
|
11
|
+
}
|
|
12
|
+
};
|
|
13
|
+
var handleRemoveItem = function (item) {
|
|
14
|
+
if (onClickRemoveItem && !readonly) {
|
|
15
|
+
onClickRemoveItem(item);
|
|
16
|
+
}
|
|
17
|
+
else {
|
|
18
|
+
return;
|
|
19
|
+
}
|
|
20
|
+
};
|
|
21
|
+
return (React.createElement("div", { className: 'max-h-[320px] overflow-y-auto' }, filteredItems === null || filteredItems === void 0 ? void 0 : filteredItems.map(function (item, index) { return (React.createElement("div", { key: index, className: 'mx-auto mb-3 flex max-w-3xl items-center justify-between rounded-lg border border-gray-200 bg-white p-4 shadow-[0rem_0.0825rem_0rem_#00000012] lg:max-w-full' },
|
|
22
|
+
React.createElement("div", null,
|
|
23
|
+
(item === null || item === void 0 ? void 0 : item.name) && (React.createElement("p", { "aria-hidden": true, className: "mb-2 text-xs font-medium text-gray-900 ".concat(readonly ? '' : 'text-xs hover:cursor-pointer hover:text-blue-800 hover:underline'), onClick: function () { return handleClick(item); } }, item.name)),
|
|
24
|
+
(item === null || item === void 0 ? void 0 : item.location) && (React.createElement("p", { className: "text-xs ".concat(isBadge ? 'mt-1' : '', " font-normal text-gray-600") }, item.location))),
|
|
25
|
+
React.createElement("button", { className: 'rounded-md border border-gray-300 border-b-gray-400 bg-white p-2 font-normal text-gray-900 shadow-sm hover:bg-red-100 focus:outline-none focus-visible:outline-none', onClick: function () { return handleRemoveItem(item); }, type: 'button' },
|
|
26
|
+
React.createElement(TrashIcon, { "aria-hidden": 'true', className: 'h-4 w-4 text-red-800 active:text-red-900' })))); })));
|
|
27
|
+
}
|
|
28
|
+
export default ListWithCard;
|
|
29
|
+
//# sourceMappingURL=listWithCard.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"listWithCard.js","sourceRoot":"","sources":["../../../../../src/components/ResourceList/component/listWithCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAA;AACvD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,SAAS,YAAY,CAAC,EAAyE;QAAvE,aAAa,mBAAA,EAAE,OAAO,aAAA,EAAE,WAAW,iBAAA,EAAE,iBAAiB,uBAAA,EAAE,QAAQ,cAAA;IACtF,IAAM,WAAW,GAAG,UAAC,IAAS;QAC5B,IAAI,WAAW,IAAI,CAAC,QAAQ,EAAE;YAC5B,WAAW,CAAC,IAAI,CAAC,CAAA;SAClB;aAAM;YACL,OAAM;SACP;IACH,CAAC,CAAA;IACD,IAAM,gBAAgB,GAAG,UAAC,IAAS;QACjC,IAAI,iBAAiB,IAAI,CAAC,QAAQ,EAAE;YAClC,iBAAiB,CAAC,IAAI,CAAC,CAAA;SACxB;aAAM;YACL,OAAM;SACP;IACH,CAAC,CAAA;IAED,OAAO,CACL,6BAAK,SAAS,EAAC,+BAA+B,IAC3C,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,GAAG,CAAC,UAAC,IAAS,EAAE,KAAa,IAAK,OAAA,CAChD,6BACE,GAAG,EAAE,KAAK,EACV,SAAS,EAAC,8JAA8J;QAExK;YACG,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,KAAI,CACb,gDAEE,SAAS,EAAE,iDACT,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,kEAAkE,CAClF,EACF,OAAO,EAAE,cAAM,OAAA,WAAW,CAAC,IAAI,CAAC,EAAjB,CAAiB,IAE/B,IAAI,CAAC,IAAI,CACR,CACL;YAEA,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,KAAI,CACjB,2BAAG,SAAS,EAAE,kBAAW,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,+BAA4B,IAAG,IAAI,CAAC,QAAQ,CAAK,CAChG,CACG;QAEN,gCACE,SAAS,EAAC,qKAAqK,EAC/K,OAAO,EAAE,cAAM,OAAA,gBAAgB,CAAC,IAAI,CAAC,EAAtB,CAAsB,EACrC,IAAI,EAAC,QAAQ;YAEb,oBAAC,SAAS,mBAAa,MAAM,EAAC,SAAS,EAAC,0CAA0C,GAAG,CAC9E,CACL,CACP,EA/BiD,CA+BjD,CAAC,CACE,CACP,CAAA;AACH,CAAC;AAED,eAAe,YAAY,CAAA"}
|
|
@@ -7,7 +7,7 @@ export var PHXSelect = function (_a) {
|
|
|
7
7
|
React.createElement("div", { className: classNames(label ? 'flex mb-1 text-xs font-normal text-gray-700' : 'hidden', label && (labelAction === null || labelAction === void 0 ? void 0 : labelAction.content) ? 'justify-between' : '') },
|
|
8
8
|
label && React.createElement("label", null, label),
|
|
9
9
|
(labelAction === null || labelAction === void 0 ? void 0 : labelAction.content) && (React.createElement("p", { className: 'text-blue-600 hover:cursor-pointer hover:text-blue-800 hover:underline', onClick: labelAction.onClick }, labelAction.content))),
|
|
10
|
-
React.createElement("select", __assign({}, register, rest, { className: classNames('mt-1 block w-full rounded-lg border-[0.5px] border-gray-500 px-3 py-1.5 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', error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '') }), children),
|
|
10
|
+
React.createElement("select", __assign({}, register, rest, { className: classNames('mt-1 block w-full rounded-lg border-[0.5px] border-gray-500 px-3 py-1.5 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', error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '', rest.disabled ? '' : 'hover:cursor-pointer') }), children),
|
|
11
11
|
helpText ? React.createElement("div", { className: 'mt-1 pl-1 text-xs font-light text-gray-400' }, helpText) : null,
|
|
12
12
|
error && errorType ? (React.createElement("div", { className: 'ml-1 mt-1 flex items-center' },
|
|
13
13
|
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' },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/components/Select/Select.tsx"],"names":[],"mappings":";AAAA,OAAO,KAA+B,MAAM,OAAO,CAAA;AAEnD,OAAO,EAAE,UAAU,EAAiB,MAAM,UAAU,CAAA;AAapD,MAAM,CAAC,IAAM,SAAS,GAA0B,UAAC,EAUnC;IATZ,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,SAAS,eAAA,EACT,WAAW,iBAAA,EACR,IAAI,cATwC,+FAUhD,CADQ;IACU,OAAA,CACjB,6BAAK,SAAS,EAAE,SAAS;QACvB,6BACE,SAAS,EAAE,UAAU,CACnB,KAAK,CAAC,CAAC,CAAC,6CAA6C,CAAC,CAAC,CAAC,QAAQ,EAChE,KAAK,KAAI,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,CAAA,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,CACvD;YAEA,KAAK,IAAI,mCAAQ,KAAK,CAAS;YAC/B,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,KAAI,CACvB,2BACE,SAAS,EAAC,wEAAwE,EAClF,OAAO,EAAE,WAAW,CAAC,OAAO,IAE3B,WAAW,CAAC,OAAO,CAClB,CACL,CACG;QACN,2CACM,QAAQ,EACR,IAAI,IACR,SAAS,EAAE,UAAU,CACnB,yPAAyP,EACzP,KAAK,CAAC,CAAC,CAAC,+EAA+E,CAAC,CAAC,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/components/Select/Select.tsx"],"names":[],"mappings":";AAAA,OAAO,KAA+B,MAAM,OAAO,CAAA;AAEnD,OAAO,EAAE,UAAU,EAAiB,MAAM,UAAU,CAAA;AAapD,MAAM,CAAC,IAAM,SAAS,GAA0B,UAAC,EAUnC;IATZ,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,SAAS,eAAA,EACT,WAAW,iBAAA,EACR,IAAI,cATwC,+FAUhD,CADQ;IACU,OAAA,CACjB,6BAAK,SAAS,EAAE,SAAS;QACvB,6BACE,SAAS,EAAE,UAAU,CACnB,KAAK,CAAC,CAAC,CAAC,6CAA6C,CAAC,CAAC,CAAC,QAAQ,EAChE,KAAK,KAAI,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,CAAA,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,CACvD;YAEA,KAAK,IAAI,mCAAQ,KAAK,CAAS;YAC/B,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,KAAI,CACvB,2BACE,SAAS,EAAC,wEAAwE,EAClF,OAAO,EAAE,WAAW,CAAC,OAAO,IAE3B,WAAW,CAAC,OAAO,CAClB,CACL,CACG;QACN,2CACM,QAAQ,EACR,IAAI,IACR,SAAS,EAAE,UAAU,CACnB,yPAAyP,EACzP,KAAK,CAAC,CAAC,CAAC,+EAA+E,CAAC,CAAC,CAAC,EAAE,EAC5F,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,sBAAsB,CAC5C,KAEA,QAAQ,CACF;QACR,QAAQ,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAC,4CAA4C,IAAE,QAAQ,CAAO,CAAC,CAAC,CAAC,IAAI;QAC9F,KAAK,IAAI,SAAS,CAAC,CAAC,CAAC,CACpB,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,IAChC,SAAS,KAAK,gBAAgB,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,sBAAsB,CAClF,CACA,CACP,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAA;CAAA,CAAA"}
|