phx-react 1.3.1190 → 1.3.1192
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/DatePicker/DatePicker.js +16 -25
- package/dist/cjs/components/DatePicker/DatePicker.js.map +1 -1
- package/dist/cjs/components/ResourceList/ResourceList.d.ts +4 -1
- package/dist/cjs/components/ResourceList/ResourceList.js +37 -19
- package/dist/cjs/components/ResourceList/ResourceList.js.map +1 -1
- package/dist/cjs/components/ResourceList/styles/resourceStyle.d.ts +2 -0
- package/dist/cjs/components/ResourceList/styles/resourceStyle.js +9 -0
- package/dist/cjs/components/ResourceList/styles/resourceStyle.js.map +1 -0
- package/dist/esm/components/DatePicker/DatePicker.js +16 -25
- package/dist/esm/components/DatePicker/DatePicker.js.map +1 -1
- package/dist/esm/components/ResourceList/ResourceList.d.ts +4 -1
- package/dist/esm/components/ResourceList/ResourceList.js +37 -19
- package/dist/esm/components/ResourceList/ResourceList.js.map +1 -1
- package/dist/esm/components/ResourceList/styles/resourceStyle.d.ts +2 -0
- package/dist/esm/components/ResourceList/styles/resourceStyle.js +5 -0
- package/dist/esm/components/ResourceList/styles/resourceStyle.js.map +1 -0
- package/package.json +1 -1
|
@@ -37,8 +37,7 @@ function PHXDatePicker(_a) {
|
|
|
37
37
|
var _e = (0, react_1.useState)(false), isCalendarVisible = _e[0], setIsCalendarVisible = _e[1];
|
|
38
38
|
var _f = (0, react_1.useState)(''), inputValue = _f[0], setInputValue = _f[1];
|
|
39
39
|
var _g = (0, react_1.useState)(''), inputChange = _g[0], setInputChange = _g[1];
|
|
40
|
-
var _h = (0, react_1.useState)(false),
|
|
41
|
-
var _j = (0, react_1.useState)(false), isOnChange = _j[0], setIsOnChange = _j[1];
|
|
40
|
+
var _h = (0, react_1.useState)(false), isOnChange = _h[0], setIsOnChange = _h[1];
|
|
42
41
|
var handleToggleCalendar = function () {
|
|
43
42
|
setIsCalendarVisible(true);
|
|
44
43
|
};
|
|
@@ -77,32 +76,25 @@ function PHXDatePicker(_a) {
|
|
|
77
76
|
}
|
|
78
77
|
}, [defaultValue]);
|
|
79
78
|
(0, react_1.useEffect)(function () {
|
|
80
|
-
var modalElement = document.getElementById('modal');
|
|
81
79
|
var handleClickOutside = function (event) {
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
if (
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
setIsOnChange(false);
|
|
94
|
-
inputElement.blur();
|
|
95
|
-
}
|
|
80
|
+
var _a;
|
|
81
|
+
if ((_a = calendarRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target))
|
|
82
|
+
return;
|
|
83
|
+
if (inputRef.current === event.target)
|
|
84
|
+
return;
|
|
85
|
+
setIsCalendarVisible(false);
|
|
86
|
+
var inputElement = document.getElementById("".concat(id, "-after"));
|
|
87
|
+
if (inputElement && isOnChange) {
|
|
88
|
+
inputElement.focus();
|
|
89
|
+
setIsOnChange(false);
|
|
90
|
+
inputElement.blur();
|
|
96
91
|
}
|
|
97
92
|
};
|
|
98
|
-
|
|
99
|
-
if (modalElement) {
|
|
100
|
-
modalElement.addEventListener('click', handleClickOutside);
|
|
101
|
-
}
|
|
93
|
+
window.addEventListener('mousedown', handleClickOutside, true);
|
|
102
94
|
return function () {
|
|
103
|
-
|
|
95
|
+
window.removeEventListener('mousedown', handleClickOutside, true);
|
|
104
96
|
};
|
|
105
|
-
}, [
|
|
97
|
+
}, [isOnChange]);
|
|
106
98
|
var value = function () {
|
|
107
99
|
switch (true) {
|
|
108
100
|
case !!defaultValue && !!inputValue:
|
|
@@ -118,8 +110,7 @@ function PHXDatePicker(_a) {
|
|
|
118
110
|
label && react_1["default"].createElement("label", { className: 'mb-1 block text-xs font-normal text-gray-700' }, label),
|
|
119
111
|
react_1["default"].createElement("div", { className: 'relative' },
|
|
120
112
|
react_1["default"].createElement("label", { ref: inputRef, className: 'absolute top-0 h-[1.875rem] w-full cursor-pointer rounded-lg py-4', htmlFor: id, onClick: handleToggleCalendar }),
|
|
121
|
-
react_1["default"].createElement("input", { readOnly: readOnly, 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', error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '', disabled ? 'bg-gray-50' : ''), disabled: disabled, id: id,
|
|
122
|
-
setIsFocus(true);
|
|
113
|
+
react_1["default"].createElement("input", { readOnly: readOnly, 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', error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '', disabled ? 'bg-gray-50' : ''), disabled: disabled, id: id, onChange: handleChangeInput, onFocus: function () {
|
|
123
114
|
setIsCalendarVisible(true);
|
|
124
115
|
},
|
|
125
116
|
// onKeyDown={handleEnterInput}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":";;;;AAAA,mDAA4D;AAC5D,qDAA0D;AAE1D,2EAA+D;AAC/D,oFAAqD;AAmBrD,SAAS,UAAU;IAAC,iBAA+C;SAA/C,UAA+C,EAA/C,qBAA+C,EAA/C,IAA+C;QAA/C,4BAA+C;;IACjE,OAAO,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1C,CAAC;AACD,SAAgB,aAAa,CAAC,EAqBZ;QApBhB,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,WAAW,iBAAA,EACX,KAAK,WAAA,EACL,SAAS,eAAA,EACT,UAAkB,EAAlB,EAAE,mBAAG,aAAa,KAAA,EAClB,KAAK,WAAA,EACL,GAAG,SAAA,EACH,GAAG,SAAA,EACH,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,cAAsB,EAAtB,MAAM,mBAAG,aAAa,KAAA,EACtB,QAAQ,cAAA,EACR,aAAa,mBAAA,EACb,kBAAkB,wBAAA,EAClB,WAAW,iBAAA,EACX,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,QAAQ,cAAA;IAER,IAAM,OAAO,GAAG,UAAC,IAAS;QACxB,IAAI,YAAY,GAAQ,EAAE,CAAA;QAC1B,QAAQ,IAAI,EAAE;YACZ,KAAK,gBAAgB;gBACnB,YAAY,GAAG,yBAAyB,CAAA;gBACxC,MAAK;YACP,KAAK,iBAAiB;gBACpB,YAAY,GAAG,sBAAsB,CAAA;gBACrC,MAAK;YACP,KAAK,gBAAgB;gBACnB,YAAY,GAAG,kBAAkB,CAAA;gBACjC,MAAK;YACP;gBACE,MAAK;SACR;QACD,OAAO,YAAY,CAAA;IACrB,CAAC,CAAA;IAED,IAAM,QAAQ,GAAG,IAAA,cAAM,EAAM,IAAI,CAAC,CAAA;IAClC,IAAM,WAAW,GAAG,IAAA,cAAM,EAAM,IAAI,CAAC,CAAA;IAC/B,IAAA,KAA4C,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAA1D,iBAAiB,QAAA,EAAE,oBAAoB,QAAmB,CAAA;IAC3D,IAAA,KAA8B,IAAA,gBAAQ,EAAC,EAAE,CAAC,EAAzC,UAAU,QAAA,EAAE,aAAa,QAAgB,CAAA;IAC1C,IAAA,KAAgC,IAAA,gBAAQ,EAAC,EAAE,CAAC,EAA3C,WAAW,QAAA,EAAE,cAAc,QAAgB,CAAA;IAE5C,IAAA,
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -82,5 +82,8 @@ export interface ResourceListProps {
|
|
|
82
82
|
useListWithCard?: boolean;
|
|
83
83
|
selectedItems?: any;
|
|
84
84
|
onClickRemoveItem?(item: any): void;
|
|
85
|
+
onScrollBottom?: () => void;
|
|
86
|
+
onSelectedItemsChange?: (items: any) => void;
|
|
87
|
+
paging?: boolean;
|
|
85
88
|
}
|
|
86
|
-
export declare function PHXResourceList({ className, list, bulkActions, bulkActionsContent, actionSelectAll, readonly, searchResult, isOptionList, defaultOptionActive, isEmptyData, heightList, shortcutAction, sortOptions, button, sortContent, onClickItem, onBulkActions, textAction, title, isBadge, useListWithCard, onClickRemoveItem, selectedItems, hiddenBulkActionMarkup, }: ResourceListProps): React.JSX.Element;
|
|
89
|
+
export declare function PHXResourceList({ className, list, bulkActions, bulkActionsContent, actionSelectAll, readonly, searchResult, isOptionList, defaultOptionActive, isEmptyData, heightList, shortcutAction, sortOptions, button, sortContent, onClickItem, onBulkActions, textAction, title, isBadge, useListWithCard, onClickRemoveItem, selectedItems, hiddenBulkActionMarkup, onScrollBottom, onSelectedItemsChange, paging, }: ResourceListProps): React.JSX.Element;
|
|
@@ -11,8 +11,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
13
|
var listWithCard_1 = tslib_1.__importDefault(require("./component/listWithCard"));
|
|
14
|
+
var resourceStyle_1 = tslib_1.__importDefault(require("./styles/resourceStyle"));
|
|
15
|
+
var Loading_1 = require("../Loading");
|
|
14
16
|
function PHXResourceList(_a) {
|
|
15
|
-
var className = _a.className, list = _a.list, bulkActions = _a.bulkActions, bulkActionsContent = _a.bulkActionsContent, _b = _a.actionSelectAll, actionSelectAll = _b === void 0 ? true : _b, _c = _a.readonly, readonly = _c === void 0 ? false : _c, _d = _a.searchResult, searchResult = _d === void 0 ? false : _d, _e = _a.isOptionList, isOptionList = _e === void 0 ? false : _e, defaultOptionActive = _a.defaultOptionActive, isEmptyData = _a.isEmptyData, heightList = _a.heightList, 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, selectedItems = _a.selectedItems, hiddenBulkActionMarkup = _a.hiddenBulkActionMarkup;
|
|
17
|
+
var className = _a.className, list = _a.list, bulkActions = _a.bulkActions, bulkActionsContent = _a.bulkActionsContent, _b = _a.actionSelectAll, actionSelectAll = _b === void 0 ? true : _b, _c = _a.readonly, readonly = _c === void 0 ? false : _c, _d = _a.searchResult, searchResult = _d === void 0 ? false : _d, _e = _a.isOptionList, isOptionList = _e === void 0 ? false : _e, defaultOptionActive = _a.defaultOptionActive, isEmptyData = _a.isEmptyData, heightList = _a.heightList, 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, selectedItems = _a.selectedItems, hiddenBulkActionMarkup = _a.hiddenBulkActionMarkup, onScrollBottom = _a.onScrollBottom, onSelectedItemsChange = _a.onSelectedItemsChange, paging = _a.paging;
|
|
16
18
|
var _f = (0, react_1.useState)(selectedItems !== null && selectedItems !== void 0 ? selectedItems : []), dataSelected = _f[0], setDataSelected = _f[1];
|
|
17
19
|
var _g = (0, react_1.useState)(''), query = _g[0], setQuery = _g[1];
|
|
18
20
|
var _h = (0, react_1.useState)([]), filteredItems = _h[0], setFilteredItems = _h[1];
|
|
@@ -26,33 +28,49 @@ function PHXResourceList(_a) {
|
|
|
26
28
|
}, [query, list]);
|
|
27
29
|
var bulkActionMarkup = bulkActions && actionSelectAll ? (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' },
|
|
28
30
|
react_1["default"].createElement(searchResult_1["default"], { setQuery: setQuery }))) : (react_1["default"].createElement(react_1["default"].Fragment, null));
|
|
31
|
+
var onScrollList = function (e) {
|
|
32
|
+
var target = e.target;
|
|
33
|
+
var isScrollingToBottom = target.scrollHeight - target.scrollTop === target.clientHeight;
|
|
34
|
+
if (isScrollingToBottom) {
|
|
35
|
+
onScrollBottom === null || onScrollBottom === void 0 ? void 0 : onScrollBottom();
|
|
36
|
+
}
|
|
37
|
+
};
|
|
29
38
|
var getListComponent = function () {
|
|
30
39
|
if (useListWithCard) {
|
|
31
40
|
return (react_1["default"].createElement(listWithCard_1["default"], { filteredItems: filteredItems, isBadge: isBadge, onClickItem: onClickItem, onClickRemoveItem: onClickRemoveItem, readonly: readonly }));
|
|
32
41
|
}
|
|
33
42
|
else {
|
|
34
|
-
return (react_1["default"].createElement(react_1["default"].Fragment, null, isEmptyData ? (react_1["default"].createElement(EmptyRecord_1.PHXEmptyRecord, null)) : (react_1["default"].createElement("div", { className: 'haveHeight', style: heightList ? { height: "".concat(heightList, "px"), overflow: 'auto' } : {} },
|
|
35
|
-
react_1["default"].createElement(list_1["default"], { bulkActions: bulkActions, isOptionList: isOptionList, defaultOptionActive: defaultOptionActive, dataSelected: dataSelected, filteredItems: filteredItems, isBadge: isBadge, onClickItem: onClickItem, readonly: readonly, setDataSelected: setDataSelected, shortcutAction: shortcutAction, onBulkActions: onBulkActions, actionSelectAll: actionSelectAll, checkRounded: (!title && actionSelectAll) || sortOptions || searchResult })
|
|
43
|
+
return (react_1["default"].createElement(react_1["default"].Fragment, null, isEmptyData ? (react_1["default"].createElement(EmptyRecord_1.PHXEmptyRecord, null)) : (react_1["default"].createElement("div", { onScroll: onScrollList, className: 'haveHeight', style: heightList ? { height: "".concat(heightList, "px"), overflow: 'auto' } : {} },
|
|
44
|
+
react_1["default"].createElement(list_1["default"], { bulkActions: bulkActions, isOptionList: isOptionList, defaultOptionActive: defaultOptionActive, dataSelected: dataSelected, filteredItems: filteredItems, isBadge: isBadge, onClickItem: onClickItem, readonly: readonly, setDataSelected: setDataSelected, shortcutAction: shortcutAction, onBulkActions: onBulkActions, actionSelectAll: actionSelectAll, checkRounded: (!title && actionSelectAll) || sortOptions || searchResult }),
|
|
45
|
+
paging && (react_1["default"].createElement("div", { className: 'flex items-center justify-center border-t py-3' },
|
|
46
|
+
react_1["default"].createElement(Loading_1.PHXSpinner, null)))))));
|
|
36
47
|
}
|
|
37
48
|
};
|
|
38
49
|
var listMarkup = list && getListComponent();
|
|
39
50
|
var sortActionMarkup = sortOptions && sortContent && !button ? (react_1["default"].createElement(Dropdown_1.PHXDropdown, { buttonContent: sortContent, options: sortOptions, origin: 'right' })) : button ? (react_1["default"].createElement(Button_1.PHXButton, tslib_1.__assign({}, button), button === null || button === void 0 ? void 0 : button.children)) : (react_1["default"].createElement(react_1["default"].Fragment, null));
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
"
|
|
51
|
+
(0, react_1.useEffect)(function () {
|
|
52
|
+
if (onSelectedItemsChange) {
|
|
53
|
+
onSelectedItemsChange === null || onSelectedItemsChange === void 0 ? void 0 : onSelectedItemsChange(dataSelected);
|
|
54
|
+
}
|
|
55
|
+
}, [dataSelected]);
|
|
56
|
+
return (react_1["default"].createElement(react_1["default"].Fragment, null,
|
|
57
|
+
react_1["default"].createElement(resourceStyle_1["default"], null),
|
|
58
|
+
react_1["default"].createElement("div", { className: className },
|
|
59
|
+
react_1["default"].createElement("div", { className: 'mx-auto max-w-3xl px-0 lg:max-w-full resource-list' },
|
|
60
|
+
react_1["default"].createElement("div", { className: (0, types_1.classNames)(' bg-white', !useListWithCard && 'rounded-lg border-[0.5px] border-gray-200') },
|
|
61
|
+
bulkActions && !title && searchResult && actionSelectAll && (react_1["default"].createElement("div", { className: 'relative p-3 pb-0' },
|
|
62
|
+
react_1["default"].createElement(searchResult_1["default"], { type: 'have-bulk-actions', setQuery: setQuery }))),
|
|
63
|
+
bulkActions || searchResult || sortOptions || title ? (react_1["default"].createElement(react_1["default"].Fragment, null, (!title && actionSelectAll) || sortOptions || searchResult ? (react_1["default"].createElement("div", { className: (0, types_1.classNames)('flex items-center gap-x-4 border-b pb-3', (!bulkActions || !actionSelectAll) && 'justify-end', !useListWithCard && 'p-3') },
|
|
64
|
+
!hiddenBulkActionMarkup ? bulkActionMarkup : '',
|
|
65
|
+
sortActionMarkup)) : title || textAction ? (react_1["default"].createElement(react_1["default"].Fragment, null,
|
|
66
|
+
react_1["default"].createElement("div", { className: (0, types_1.classNames)('flex justify-between gap-x-4 pb-3', !useListWithCard && 'border-b p-3') },
|
|
67
|
+
react_1["default"].createElement("p", { className: 'text-xs font-semibold leading-5 text-gray-900' }, title),
|
|
68
|
+
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)))) : (react_1["default"].createElement(react_1["default"].Fragment, null)),
|
|
69
|
+
filteredItems.length === 0 && query !== '' ? (react_1["default"].createElement(EmptyRecord_1.PHXEmptyRecord, { type: 'micro' })) : (react_1["default"].createElement(react_1["default"].Fragment, null,
|
|
70
|
+
listMarkup,
|
|
71
|
+
dataSelected.length > 0 && (react_1["default"].createElement("div", { className: 'p-3 text-xs border-t bg-gray-50 rounded-b-lg' },
|
|
72
|
+
dataSelected.length,
|
|
73
|
+
" selected")))))))));
|
|
56
74
|
}
|
|
57
75
|
exports.PHXResourceList = PHXResourceList;
|
|
58
76
|
//# sourceMappingURL=ResourceList.js.map
|
|
@@ -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;AACrC,kFAAmD;
|
|
1
|
+
{"version":3,"file":"ResourceList.js","sourceRoot":"","sources":["../../../../src/components/ResourceList/ResourceList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
exports.__esModule = true;
|
|
3
|
+
var tslib_1 = require("tslib");
|
|
4
|
+
var react_1 = tslib_1.__importDefault(require("react"));
|
|
5
|
+
function ResourceStyle() {
|
|
6
|
+
return (react_1["default"].createElement("style", null, "\n .resource-list ::-webkit-scrollbar {\n width: 8px;\n }\n .resource-list ::-webkit-scrollbar-track {\n background: transparent;\n }\n .resource-list ::-webkit-scrollbar-thumb {\n background: #888;\n border-radius: 8px;\n }\n .resource-list ::-webkit-scrollbar-thumb:hover {\n background: #555;\n }\n }\n "));
|
|
7
|
+
}
|
|
8
|
+
exports["default"] = ResourceStyle;
|
|
9
|
+
//# sourceMappingURL=resourceStyle.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"resourceStyle.js","sourceRoot":"","sources":["../../../../../src/components/ResourceList/styles/resourceStyle.tsx"],"names":[],"mappings":";;;AAAA,wDAAyB;AAEzB,SAAwB,aAAa;IACnC,OAAO,CACL,gDACG,2aAeF,CACO,CACT,CAAA;AACH,CAAC;AArBD,mCAqBC"}
|
|
@@ -34,8 +34,7 @@ export function PHXDatePicker(_a) {
|
|
|
34
34
|
var _e = useState(false), isCalendarVisible = _e[0], setIsCalendarVisible = _e[1];
|
|
35
35
|
var _f = useState(''), inputValue = _f[0], setInputValue = _f[1];
|
|
36
36
|
var _g = useState(''), inputChange = _g[0], setInputChange = _g[1];
|
|
37
|
-
var _h = useState(false),
|
|
38
|
-
var _j = useState(false), isOnChange = _j[0], setIsOnChange = _j[1];
|
|
37
|
+
var _h = useState(false), isOnChange = _h[0], setIsOnChange = _h[1];
|
|
39
38
|
var handleToggleCalendar = function () {
|
|
40
39
|
setIsCalendarVisible(true);
|
|
41
40
|
};
|
|
@@ -74,32 +73,25 @@ export function PHXDatePicker(_a) {
|
|
|
74
73
|
}
|
|
75
74
|
}, [defaultValue]);
|
|
76
75
|
useEffect(function () {
|
|
77
|
-
var modalElement = document.getElementById('modal');
|
|
78
76
|
var handleClickOutside = function (event) {
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
if (
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
setIsOnChange(false);
|
|
91
|
-
inputElement.blur();
|
|
92
|
-
}
|
|
77
|
+
var _a;
|
|
78
|
+
if ((_a = calendarRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target))
|
|
79
|
+
return;
|
|
80
|
+
if (inputRef.current === event.target)
|
|
81
|
+
return;
|
|
82
|
+
setIsCalendarVisible(false);
|
|
83
|
+
var inputElement = document.getElementById("".concat(id, "-after"));
|
|
84
|
+
if (inputElement && isOnChange) {
|
|
85
|
+
inputElement.focus();
|
|
86
|
+
setIsOnChange(false);
|
|
87
|
+
inputElement.blur();
|
|
93
88
|
}
|
|
94
89
|
};
|
|
95
|
-
|
|
96
|
-
if (modalElement) {
|
|
97
|
-
modalElement.addEventListener('click', handleClickOutside);
|
|
98
|
-
}
|
|
90
|
+
window.addEventListener('mousedown', handleClickOutside, true);
|
|
99
91
|
return function () {
|
|
100
|
-
|
|
92
|
+
window.removeEventListener('mousedown', handleClickOutside, true);
|
|
101
93
|
};
|
|
102
|
-
}, [
|
|
94
|
+
}, [isOnChange]);
|
|
103
95
|
var value = function () {
|
|
104
96
|
switch (true) {
|
|
105
97
|
case !!defaultValue && !!inputValue:
|
|
@@ -115,8 +107,7 @@ export function PHXDatePicker(_a) {
|
|
|
115
107
|
label && React.createElement("label", { className: 'mb-1 block text-xs font-normal text-gray-700' }, label),
|
|
116
108
|
React.createElement("div", { className: 'relative' },
|
|
117
109
|
React.createElement("label", { ref: inputRef, className: 'absolute top-0 h-[1.875rem] w-full cursor-pointer rounded-lg py-4', htmlFor: id, onClick: handleToggleCalendar }),
|
|
118
|
-
React.createElement("input", { readOnly: readOnly, 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', error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '', disabled ? 'bg-gray-50' : ''), disabled: disabled, id: id,
|
|
119
|
-
setIsFocus(true);
|
|
110
|
+
React.createElement("input", { readOnly: readOnly, 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', error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '', disabled ? 'bg-gray-50' : ''), disabled: disabled, id: id, onChange: handleChangeInput, onFocus: function () {
|
|
120
111
|
setIsCalendarVisible(true);
|
|
121
112
|
},
|
|
122
113
|
// onKeyDown={handleEnterInput}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAC5D,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE1D,OAAO,QAA2B,MAAM,uBAAuB,CAAA;AAC/D,OAAO,YAAY,MAAM,4BAA4B,CAAA;AAmBrD,SAAS,UAAU;IAAC,iBAA+C;SAA/C,UAA+C,EAA/C,qBAA+C,EAA/C,IAA+C;QAA/C,4BAA+C;;IACjE,OAAO,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1C,CAAC;AACD,MAAM,UAAU,aAAa,CAAC,EAqBZ;QApBhB,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,WAAW,iBAAA,EACX,KAAK,WAAA,EACL,SAAS,eAAA,EACT,UAAkB,EAAlB,EAAE,mBAAG,aAAa,KAAA,EAClB,KAAK,WAAA,EACL,GAAG,SAAA,EACH,GAAG,SAAA,EACH,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,cAAsB,EAAtB,MAAM,mBAAG,aAAa,KAAA,EACtB,QAAQ,cAAA,EACR,aAAa,mBAAA,EACb,kBAAkB,wBAAA,EAClB,WAAW,iBAAA,EACX,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,QAAQ,cAAA;IAER,IAAM,OAAO,GAAG,UAAC,IAAS;QACxB,IAAI,YAAY,GAAQ,EAAE,CAAA;QAC1B,QAAQ,IAAI,EAAE;YACZ,KAAK,gBAAgB;gBACnB,YAAY,GAAG,yBAAyB,CAAA;gBACxC,MAAK;YACP,KAAK,iBAAiB;gBACpB,YAAY,GAAG,sBAAsB,CAAA;gBACrC,MAAK;YACP,KAAK,gBAAgB;gBACnB,YAAY,GAAG,kBAAkB,CAAA;gBACjC,MAAK;YACP;gBACE,MAAK;SACR;QACD,OAAO,YAAY,CAAA;IACrB,CAAC,CAAA;IAED,IAAM,QAAQ,GAAG,MAAM,CAAM,IAAI,CAAC,CAAA;IAClC,IAAM,WAAW,GAAG,MAAM,CAAM,IAAI,CAAC,CAAA;IAC/B,IAAA,KAA4C,QAAQ,CAAC,KAAK,CAAC,EAA1D,iBAAiB,QAAA,EAAE,oBAAoB,QAAmB,CAAA;IAC3D,IAAA,KAA8B,QAAQ,CAAC,EAAE,CAAC,EAAzC,UAAU,QAAA,EAAE,aAAa,QAAgB,CAAA;IAC1C,IAAA,KAAgC,QAAQ,CAAC,EAAE,CAAC,EAA3C,WAAW,QAAA,EAAE,cAAc,QAAgB,CAAA;IAE5C,IAAA,
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -82,5 +82,8 @@ export interface ResourceListProps {
|
|
|
82
82
|
useListWithCard?: boolean;
|
|
83
83
|
selectedItems?: any;
|
|
84
84
|
onClickRemoveItem?(item: any): void;
|
|
85
|
+
onScrollBottom?: () => void;
|
|
86
|
+
onSelectedItemsChange?: (items: any) => void;
|
|
87
|
+
paging?: boolean;
|
|
85
88
|
}
|
|
86
|
-
export declare function PHXResourceList({ className, list, bulkActions, bulkActionsContent, actionSelectAll, readonly, searchResult, isOptionList, defaultOptionActive, isEmptyData, heightList, shortcutAction, sortOptions, button, sortContent, onClickItem, onBulkActions, textAction, title, isBadge, useListWithCard, onClickRemoveItem, selectedItems, hiddenBulkActionMarkup, }: ResourceListProps): React.JSX.Element;
|
|
89
|
+
export declare function PHXResourceList({ className, list, bulkActions, bulkActionsContent, actionSelectAll, readonly, searchResult, isOptionList, defaultOptionActive, isEmptyData, heightList, shortcutAction, sortOptions, button, sortContent, onClickItem, onBulkActions, textAction, title, isBadge, useListWithCard, onClickRemoveItem, selectedItems, hiddenBulkActionMarkup, onScrollBottom, onSelectedItemsChange, paging, }: ResourceListProps): React.JSX.Element;
|
|
@@ -8,8 +8,10 @@ import SearchResult from './component/searchResult';
|
|
|
8
8
|
import List from './component/list';
|
|
9
9
|
import { PHXButton } from '../Button';
|
|
10
10
|
import ListWithCard from './component/listWithCard';
|
|
11
|
+
import ResourceStyle from './styles/resourceStyle';
|
|
12
|
+
import { PHXSpinner } from '../Loading';
|
|
11
13
|
export function PHXResourceList(_a) {
|
|
12
|
-
var className = _a.className, list = _a.list, bulkActions = _a.bulkActions, bulkActionsContent = _a.bulkActionsContent, _b = _a.actionSelectAll, actionSelectAll = _b === void 0 ? true : _b, _c = _a.readonly, readonly = _c === void 0 ? false : _c, _d = _a.searchResult, searchResult = _d === void 0 ? false : _d, _e = _a.isOptionList, isOptionList = _e === void 0 ? false : _e, defaultOptionActive = _a.defaultOptionActive, isEmptyData = _a.isEmptyData, heightList = _a.heightList, 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, selectedItems = _a.selectedItems, hiddenBulkActionMarkup = _a.hiddenBulkActionMarkup;
|
|
14
|
+
var className = _a.className, list = _a.list, bulkActions = _a.bulkActions, bulkActionsContent = _a.bulkActionsContent, _b = _a.actionSelectAll, actionSelectAll = _b === void 0 ? true : _b, _c = _a.readonly, readonly = _c === void 0 ? false : _c, _d = _a.searchResult, searchResult = _d === void 0 ? false : _d, _e = _a.isOptionList, isOptionList = _e === void 0 ? false : _e, defaultOptionActive = _a.defaultOptionActive, isEmptyData = _a.isEmptyData, heightList = _a.heightList, 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, selectedItems = _a.selectedItems, hiddenBulkActionMarkup = _a.hiddenBulkActionMarkup, onScrollBottom = _a.onScrollBottom, onSelectedItemsChange = _a.onSelectedItemsChange, paging = _a.paging;
|
|
13
15
|
var _f = useState(selectedItems !== null && selectedItems !== void 0 ? selectedItems : []), dataSelected = _f[0], setDataSelected = _f[1];
|
|
14
16
|
var _g = useState(''), query = _g[0], setQuery = _g[1];
|
|
15
17
|
var _h = useState([]), filteredItems = _h[0], setFilteredItems = _h[1];
|
|
@@ -23,32 +25,48 @@ export function PHXResourceList(_a) {
|
|
|
23
25
|
}, [query, list]);
|
|
24
26
|
var bulkActionMarkup = bulkActions && actionSelectAll ? (React.createElement(BulkAction, { list: list ? list : [], dataSelected: dataSelected, setDataSelected: setDataSelected, onBulkActions: onBulkActions, setFilteredItems: setFilteredItems, content: bulkActionsContent })) : searchResult ? (React.createElement("div", { className: 'relative flex-1' },
|
|
25
27
|
React.createElement(SearchResult, { setQuery: setQuery }))) : (React.createElement(React.Fragment, null));
|
|
28
|
+
var onScrollList = function (e) {
|
|
29
|
+
var target = e.target;
|
|
30
|
+
var isScrollingToBottom = target.scrollHeight - target.scrollTop === target.clientHeight;
|
|
31
|
+
if (isScrollingToBottom) {
|
|
32
|
+
onScrollBottom === null || onScrollBottom === void 0 ? void 0 : onScrollBottom();
|
|
33
|
+
}
|
|
34
|
+
};
|
|
26
35
|
var getListComponent = function () {
|
|
27
36
|
if (useListWithCard) {
|
|
28
37
|
return (React.createElement(ListWithCard, { filteredItems: filteredItems, isBadge: isBadge, onClickItem: onClickItem, onClickRemoveItem: onClickRemoveItem, readonly: readonly }));
|
|
29
38
|
}
|
|
30
39
|
else {
|
|
31
|
-
return (React.createElement(React.Fragment, null, isEmptyData ? (React.createElement(PHXEmptyRecord, null)) : (React.createElement("div", { className: 'haveHeight', style: heightList ? { height: "".concat(heightList, "px"), overflow: 'auto' } : {} },
|
|
32
|
-
React.createElement(List, { bulkActions: bulkActions, isOptionList: isOptionList, defaultOptionActive: defaultOptionActive, dataSelected: dataSelected, filteredItems: filteredItems, isBadge: isBadge, onClickItem: onClickItem, readonly: readonly, setDataSelected: setDataSelected, shortcutAction: shortcutAction, onBulkActions: onBulkActions, actionSelectAll: actionSelectAll, checkRounded: (!title && actionSelectAll) || sortOptions || searchResult })
|
|
40
|
+
return (React.createElement(React.Fragment, null, isEmptyData ? (React.createElement(PHXEmptyRecord, null)) : (React.createElement("div", { onScroll: onScrollList, className: 'haveHeight', style: heightList ? { height: "".concat(heightList, "px"), overflow: 'auto' } : {} },
|
|
41
|
+
React.createElement(List, { bulkActions: bulkActions, isOptionList: isOptionList, defaultOptionActive: defaultOptionActive, dataSelected: dataSelected, filteredItems: filteredItems, isBadge: isBadge, onClickItem: onClickItem, readonly: readonly, setDataSelected: setDataSelected, shortcutAction: shortcutAction, onBulkActions: onBulkActions, actionSelectAll: actionSelectAll, checkRounded: (!title && actionSelectAll) || sortOptions || searchResult }),
|
|
42
|
+
paging && (React.createElement("div", { className: 'flex items-center justify-center border-t py-3' },
|
|
43
|
+
React.createElement(PHXSpinner, null)))))));
|
|
33
44
|
}
|
|
34
45
|
};
|
|
35
46
|
var listMarkup = list && getListComponent();
|
|
36
47
|
var sortActionMarkup = sortOptions && sortContent && !button ? (React.createElement(PHXDropdown, { buttonContent: sortContent, options: sortOptions, origin: 'right' })) : button ? (React.createElement(PHXButton, __assign({}, button), button === null || button === void 0 ? void 0 : button.children)) : (React.createElement(React.Fragment, null));
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
"
|
|
48
|
+
useEffect(function () {
|
|
49
|
+
if (onSelectedItemsChange) {
|
|
50
|
+
onSelectedItemsChange === null || onSelectedItemsChange === void 0 ? void 0 : onSelectedItemsChange(dataSelected);
|
|
51
|
+
}
|
|
52
|
+
}, [dataSelected]);
|
|
53
|
+
return (React.createElement(React.Fragment, null,
|
|
54
|
+
React.createElement(ResourceStyle, null),
|
|
55
|
+
React.createElement("div", { className: className },
|
|
56
|
+
React.createElement("div", { className: 'mx-auto max-w-3xl px-0 lg:max-w-full resource-list' },
|
|
57
|
+
React.createElement("div", { className: classNames(' bg-white', !useListWithCard && 'rounded-lg border-[0.5px] border-gray-200') },
|
|
58
|
+
bulkActions && !title && searchResult && actionSelectAll && (React.createElement("div", { className: 'relative p-3 pb-0' },
|
|
59
|
+
React.createElement(SearchResult, { type: 'have-bulk-actions', setQuery: setQuery }))),
|
|
60
|
+
bulkActions || searchResult || sortOptions || title ? (React.createElement(React.Fragment, null, (!title && actionSelectAll) || sortOptions || searchResult ? (React.createElement("div", { className: classNames('flex items-center gap-x-4 border-b pb-3', (!bulkActions || !actionSelectAll) && 'justify-end', !useListWithCard && 'p-3') },
|
|
61
|
+
!hiddenBulkActionMarkup ? bulkActionMarkup : '',
|
|
62
|
+
sortActionMarkup)) : title || textAction ? (React.createElement(React.Fragment, null,
|
|
63
|
+
React.createElement("div", { className: classNames('flex justify-between gap-x-4 pb-3', !useListWithCard && 'border-b p-3') },
|
|
64
|
+
React.createElement("p", { className: 'text-xs font-semibold leading-5 text-gray-900' }, title),
|
|
65
|
+
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)))) : (React.createElement(React.Fragment, null)),
|
|
66
|
+
filteredItems.length === 0 && query !== '' ? (React.createElement(PHXEmptyRecord, { type: 'micro' })) : (React.createElement(React.Fragment, null,
|
|
67
|
+
listMarkup,
|
|
68
|
+
dataSelected.length > 0 && (React.createElement("div", { className: 'p-3 text-xs border-t bg-gray-50 rounded-b-lg' },
|
|
69
|
+
dataSelected.length,
|
|
70
|
+
" selected")))))))));
|
|
53
71
|
}
|
|
54
72
|
//# sourceMappingURL=ResourceList.js.map
|
|
@@ -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;AACrC,OAAO,YAAY,MAAM,0BAA0B,CAAA;
|
|
1
|
+
{"version":3,"file":"ResourceList.js","sourceRoot":"","sources":["../../../../src/components/ResourceList/ResourceList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export default function ResourceStyle() {
|
|
3
|
+
return (React.createElement("style", null, "\n .resource-list ::-webkit-scrollbar {\n width: 8px;\n }\n .resource-list ::-webkit-scrollbar-track {\n background: transparent;\n }\n .resource-list ::-webkit-scrollbar-thumb {\n background: #888;\n border-radius: 8px;\n }\n .resource-list ::-webkit-scrollbar-thumb:hover {\n background: #555;\n }\n }\n "));
|
|
4
|
+
}
|
|
5
|
+
//# sourceMappingURL=resourceStyle.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"resourceStyle.js","sourceRoot":"","sources":["../../../../../src/components/ResourceList/styles/resourceStyle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,CAAC,OAAO,UAAU,aAAa;IACnC,OAAO,CACL,mCACG,2aAeF,CACO,CACT,CAAA;AACH,CAAC"}
|