@appcorp/app-corp-vista 0.1.65 → 0.1.67
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/molecules/vista-select-v1/vista-select-v1.js +2 -2
- package/molecules/vista-table-footer-v1.js +2 -2
- package/organisms/vista-table-v1/vista-table-body-v1.js +10 -5
- package/organisms/vista-table-v1/vista-table-v1.js +2 -2
- package/package.json +2 -2
- package/type/vista-select-type.d.ts +1 -1
- package/type/vista-table-footer-type.d.ts +1 -1
- package/type/vista-table-type.d.ts +1 -1
|
@@ -9,9 +9,9 @@ var react_1 = __importDefault(require("react"));
|
|
|
9
9
|
var react_2 = require("@headlessui/react");
|
|
10
10
|
var solid_1 = require("@heroicons/react/20/solid");
|
|
11
11
|
var VistaSelectV1 = function (_a) {
|
|
12
|
-
var _b = _a.className, className = _b === void 0 ? '' : _b, handleOnChange = _a.handleOnChange, label = _a.label, listItems = _a.listItems,
|
|
12
|
+
var _b = _a.className, className = _b === void 0 ? '' : _b, handleOnChange = _a.handleOnChange, label = _a.label, listItems = _a.listItems, nodeSelectKey = _a.nodeSelectKey, _c = _a.required, required = _c === void 0 ? false : _c, selectKey1 = _a.selectKey1, selectKey2 = _a.selectKey2, selectedItem = _a.selectedItem;
|
|
13
13
|
return (react_1.default.createElement("div", { className: className },
|
|
14
|
-
react_1.default.createElement(react_2.Listbox, { value: selectedItem, onChange: function (v) { handleOnChange(
|
|
14
|
+
react_1.default.createElement(react_2.Listbox, { value: selectedItem, onChange: function (v) { handleOnChange(nodeSelectKey, v); } },
|
|
15
15
|
label && (react_1.default.createElement(react_2.Label, { className: "block text-sm/6 font-medium text-gray-900 dark:text-white" },
|
|
16
16
|
label,
|
|
17
17
|
" ",
|
|
@@ -11,7 +11,7 @@ var vista_button_v1_1 = require("./vista-button-v1/vista-button-v1");
|
|
|
11
11
|
var vista_button_type_1 = require("../type/vista-button-type");
|
|
12
12
|
var vista_dashboard_type_1 = require("../type/vista-dashboard-type");
|
|
13
13
|
var VistaTableFooterV1 = function (_a) {
|
|
14
|
-
var currentPage = _a.currentPage, _b = _a.dir, dir = _b === void 0 ? vista_dashboard_type_1.APP_DIR.LTR : _b, handleNextOnClick = _a.handleNextOnClick, handleOnSelect = _a.handleOnSelect, handlePreviousOnClick = _a.handlePreviousOnClick, isNextDisabled = _a.isNextDisabled, isPreviousDisabled = _a.isPreviousDisabled, listOptions = _a.listOptions, _c = _a.nextLabel, nextLabel = _c === void 0 ? 'Next' : _c,
|
|
14
|
+
var currentPage = _a.currentPage, _b = _a.dir, dir = _b === void 0 ? vista_dashboard_type_1.APP_DIR.LTR : _b, handleNextOnClick = _a.handleNextOnClick, handleOnSelect = _a.handleOnSelect, handlePreviousOnClick = _a.handlePreviousOnClick, isNextDisabled = _a.isNextDisabled, isPreviousDisabled = _a.isPreviousDisabled, listOptions = _a.listOptions, _c = _a.nextLabel, nextLabel = _c === void 0 ? 'Next' : _c, nodeSelectKey = _a.nodeSelectKey, _d = _a.ofLabel, ofLabel = _d === void 0 ? 'of' : _d, _e = _a.pageLabel, pageLabel = _e === void 0 ? 'Page' : _e, _f = _a.previousLabel, previousLabel = _f === void 0 ? 'Previous' : _f, selectKey1 = _a.selectKey1, selectKey2 = _a.selectKey2, selectedItem = _a.selectedItem, totalPages = _a.totalPages;
|
|
15
15
|
var selectClassName = dir === vista_dashboard_type_1.APP_DIR.LTR ? 'order-1' : 'order-3';
|
|
16
16
|
var previousClassName = dir === vista_dashboard_type_1.APP_DIR.LTR ? 'order-2' : 'order-2';
|
|
17
17
|
var nextClassName = dir === vista_dashboard_type_1.APP_DIR.LTR ? 'order-3' : 'order-1';
|
|
@@ -28,7 +28,7 @@ var VistaTableFooterV1 = function (_a) {
|
|
|
28
28
|
totalPages)),
|
|
29
29
|
react_1.default.createElement("div", { className: "col-span-6 flex flex-row items-center justify-end gap-4" },
|
|
30
30
|
react_1.default.createElement("div", { className: "min-w-36 ".concat(selectClassName) },
|
|
31
|
-
react_1.default.createElement(vista_select_v1_1.VistaSelectV1, { handleOnChange: handleOnSelect, listItems: listOptions,
|
|
31
|
+
react_1.default.createElement(vista_select_v1_1.VistaSelectV1, { handleOnChange: handleOnSelect, listItems: listOptions, nodeSelectKey: nodeSelectKey, selectKey1: selectKey1, selectKey2: selectKey2, selectedItem: selectedItem })),
|
|
32
32
|
react_1.default.createElement(vista_button_v1_1.VistaButtonV1, { className: "".concat(previousClassName), dir: dir, disabled: isPreviousDisabled, handleOnClick: handlePreviousOnClick, label: previousLabel, prefixIcon: react_1.default.createElement(solid_1.ChevronLeftIcon, { className: 'size-5' }), size: vista_button_type_1.VISTA_BUTTON_SIZE.LG }),
|
|
33
33
|
react_1.default.createElement(vista_button_v1_1.VistaButtonV1, { className: "".concat(nextClassName), dir: dir, disabled: isNextDisabled, handleOnClick: handleNextOnClick, label: nextLabel, size: vista_button_type_1.VISTA_BUTTON_SIZE.LG, suffixIcon: react_1.default.createElement(solid_1.ChevronRightIcon, { className: 'size-5' }) }))));
|
|
34
34
|
};
|
|
@@ -42,6 +42,7 @@ var vista_table_cell_v1_1 = require("../../atoms/table-cell-v1/vista-table-cell-
|
|
|
42
42
|
var vista_dropdown_menu_v1_1 = require("../../molecules/vista-dropdown-menu-v1/vista-dropdown-menu-v1");
|
|
43
43
|
var vista_shimmer_v1_1 = require("../../atoms/vista-shimmer-v1/vista-shimmer-v1");
|
|
44
44
|
var vista_table_type_1 = require("../../type/vista-table-type");
|
|
45
|
+
var uuid_1 = require("uuid");
|
|
45
46
|
exports.TOOLTIP_OFFSET = -8;
|
|
46
47
|
exports.rowClasses = 'odd:bg-gray-100 even:bg-gray-200 hover:bg-gray-300 dark:odd:bg-gray-800 dark:even:bg-gray-700 dark:hover:bg-gray-600';
|
|
47
48
|
exports.dataClasses = 'p-2 cursor-pointer';
|
|
@@ -70,14 +71,17 @@ var VistaTableBodyV1 = function (_a) {
|
|
|
70
71
|
var colLength = _a.colLength, loading = _a.loading, pageLimit = _a.pageLimit, tableBodyCols = _a.tableBodyCols, tableBodyRows = _a.tableBodyRows, rowActions = _a.rowActions;
|
|
71
72
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
72
73
|
loading &&
|
|
73
|
-
new Array(Number(pageLimit)).fill(1).map(function (
|
|
74
|
-
|
|
75
|
-
|
|
74
|
+
new Array(Number(pageLimit)).fill(1).map(function () {
|
|
75
|
+
var refId = (0, uuid_1.v4)();
|
|
76
|
+
return (react_1.default.createElement("tr", { key: refId, className: exports.rowClasses }, new Array(colLength).fill(1).map(function () {
|
|
77
|
+
var reffId = (0, uuid_1.v4)();
|
|
78
|
+
return (react_1.default.createElement("td", { key: reffId, className: exports.dataClasses },
|
|
76
79
|
react_1.default.createElement(vista_shimmer_v1_1.VistaShimmer, null)));
|
|
77
80
|
})));
|
|
78
81
|
}),
|
|
79
82
|
!loading && (tableBodyRows === null || tableBodyRows === void 0 ? void 0 : tableBodyRows.map(function (row) {
|
|
80
|
-
|
|
83
|
+
var ref = (0, uuid_1.v4)();
|
|
84
|
+
return (react_1.default.createElement("tr", { key: ref, className: exports.rowClasses }, tableBodyCols.map(function (_a, ind) {
|
|
81
85
|
var _b;
|
|
82
86
|
var key = _a.key, componentType = _a.componentType, expression = _a.expression;
|
|
83
87
|
var computedValue = '';
|
|
@@ -99,7 +103,8 @@ var VistaTableBodyV1 = function (_a) {
|
|
|
99
103
|
if (expression) {
|
|
100
104
|
computedValue = expression(row[key]);
|
|
101
105
|
}
|
|
102
|
-
|
|
106
|
+
var reff = (0, uuid_1.v4)();
|
|
107
|
+
return (react_1.default.createElement(react_1.Fragment, { key: reff }, (_b = componentMap[componentType]) === null || _b === void 0 ? void 0 : _b.call(componentMap, computedValue, rowActions)));
|
|
103
108
|
})));
|
|
104
109
|
}))));
|
|
105
110
|
};
|
|
@@ -10,7 +10,7 @@ var vista_table_footer_v1_1 = require("../../molecules/vista-table-footer-v1");
|
|
|
10
10
|
var vista_table_head_v1_1 = require("./vista-table-head-v1");
|
|
11
11
|
var vista_table_body_v1_1 = require("./vista-table-body-v1");
|
|
12
12
|
var VistaTableV1 = function (_a) {
|
|
13
|
-
var currentPage = _a.currentPage, dir = _a.dir, handleNextOnClick = _a.handleNextOnClick, handleOnSelect = _a.handleOnSelect, handlePreviousOnClick = _a.handlePreviousOnClick, handleSearchInput = _a.handleSearchInput, handleSuffixOnClick = _a.handleSuffixOnClick, headerActions = _a.headerActions, isNextDisabled = _a.isNextDisabled, isPreviousDisabled = _a.isPreviousDisabled, listOptions = _a.listOptions, loading = _a.loading, _b = _a.nextLabel, nextLabel = _b === void 0 ? 'Next' : _b,
|
|
13
|
+
var currentPage = _a.currentPage, dir = _a.dir, handleNextOnClick = _a.handleNextOnClick, handleOnSelect = _a.handleOnSelect, handlePreviousOnClick = _a.handlePreviousOnClick, handleSearchInput = _a.handleSearchInput, handleSuffixOnClick = _a.handleSuffixOnClick, headerActions = _a.headerActions, isNextDisabled = _a.isNextDisabled, isPreviousDisabled = _a.isPreviousDisabled, listOptions = _a.listOptions, loading = _a.loading, _b = _a.nextLabel, nextLabel = _b === void 0 ? 'Next' : _b, nodeSelectKey = _a.nodeSelectKey, _c = _a.ofLabel, ofLabel = _c === void 0 ? 'of' : _c, _d = _a.pageLabel, pageLabel = _d === void 0 ? 'Page' : _d, pageLimit = _a.pageLimit, _e = _a.previousLabel, previousLabel = _e === void 0 ? 'Previous' : _e, rowActions = _a.rowActions, searchDisabled = _a.searchDisabled, _f = _a.searchEnabled, searchEnabled = _f === void 0 ? false : _f, searchId = _a.searchId, searchPlaceholder = _a.searchPlaceholder, searchValue = _a.searchValue, selectKey1 = _a.selectKey1, selectKey2 = _a.selectKey2, selectedItem = _a.selectedItem, tableBodyCols = _a.tableBodyCols, tableBodyRows = _a.tableBodyRows, tableDescription = _a.tableDescription, tableHeadItems = _a.tableHeadItems, tableHeading = _a.tableHeading, totalPages = _a.totalPages;
|
|
14
14
|
return (react_1.default.createElement("div", null,
|
|
15
15
|
react_1.default.createElement(vista_table_header_v1_1.VistaTableHeaderV1, { handleSearchInput: handleSearchInput, handleSuffixOnClick: handleSuffixOnClick, headerActions: headerActions, searchDisabled: searchDisabled, searchEnabled: searchEnabled, searchId: searchId, searchPlaceholder: searchPlaceholder, searchValue: searchValue, tableDescription: tableDescription, tableHeading: tableHeading }),
|
|
16
16
|
react_1.default.createElement("div", { className: "mt-8 inline-block min-w-full py-2 align-middle" },
|
|
@@ -19,6 +19,6 @@ var VistaTableV1 = function (_a) {
|
|
|
19
19
|
react_1.default.createElement(vista_table_head_v1_1.VistaTableHeadV1, { items: tableHeadItems })),
|
|
20
20
|
react_1.default.createElement("tbody", { className: "divide-y divide-gray-700 overflow-y-auto" },
|
|
21
21
|
react_1.default.createElement(vista_table_body_v1_1.VistaTableBodyV1, { colLength: tableHeadItems.length, loading: loading, pageLimit: pageLimit, rowActions: rowActions, tableBodyCols: tableBodyCols, tableBodyRows: tableBodyRows }))),
|
|
22
|
-
react_1.default.createElement(vista_table_footer_v1_1.VistaTableFooterV1, { currentPage: currentPage, dir: dir, handleNextOnClick: handleNextOnClick, handleOnSelect: handleOnSelect, handlePreviousOnClick: handlePreviousOnClick, isNextDisabled: isNextDisabled, isPreviousDisabled: isPreviousDisabled, listOptions: listOptions, nextLabel: nextLabel,
|
|
22
|
+
react_1.default.createElement(vista_table_footer_v1_1.VistaTableFooterV1, { currentPage: currentPage, dir: dir, handleNextOnClick: handleNextOnClick, handleOnSelect: handleOnSelect, handlePreviousOnClick: handlePreviousOnClick, isNextDisabled: isNextDisabled, isPreviousDisabled: isPreviousDisabled, listOptions: listOptions, nextLabel: nextLabel, nodeSelectKey: nodeSelectKey, ofLabel: ofLabel, pageLabel: pageLabel, previousLabel: previousLabel, selectKey1: selectKey1, selectKey2: selectKey2, selectedItem: selectedItem, totalPages: totalPages }))));
|
|
23
23
|
};
|
|
24
24
|
exports.VistaTableV1 = VistaTableV1;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@appcorp/app-corp-vista",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.67",
|
|
4
4
|
"scripts": {
|
|
5
5
|
"build": "yarn clean && yarn build:ts && cp package.json lib && cp README.md lib",
|
|
6
6
|
"build:next": "next build",
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
"@react-jvectormap/core": "^1.0.4",
|
|
42
42
|
"@react-jvectormap/world": "^1.1.2",
|
|
43
43
|
"@react-pakistan/react-icon-collection": "^3.5.0",
|
|
44
|
-
"@react-pakistan/util-functions": "^1.24.
|
|
44
|
+
"@react-pakistan/util-functions": "^1.24.8",
|
|
45
45
|
"@remixicon/react": "^4.6.0",
|
|
46
46
|
"@storybook/addon-essentials": "^8",
|
|
47
47
|
"@storybook/addon-interactions": "^8",
|