@appcorp/app-corp-vista 0.0.29 → 0.0.30

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.
Files changed (6) hide show
  1. package/molecules/vista-table-footer-v1.js +4 -3
  2. package/molecules/vista-table-header-v1.js +14 -10
  3. package/organisms/vista-table-v1/vista-table-v1.js +4 -4
  4. package/package.json +1 -1
  5. package/type/vista-table-header-type.d.ts +5 -0
  6. package/type/vista-table-type.d.ts +5 -0
package/molecules/vista-table-footer-v1.js CHANGED
@@ -8,9 +8,10 @@ var react_1 = __importDefault(require("react"));
8
8
  var solid_1 = require("@heroicons/react/20/solid");
9
9
  var vista_select_v1_1 = require("./vista-select-v1/vista-select-v1");
10
10
  var vista_button_v1_1 = require("./vista-button-v1/vista-button-v1");
11
+ var vista_button_type_1 = require("../type/vista-button-type");
11
12
  var VistaTableFooterV1 = function (_a) {
12
13
  var currentPage = _a.currentPage, handleNextOnClick = _a.handleNextOnClick, handleOnSelect = _a.handleOnSelect, handlePreviousOnClick = _a.handlePreviousOnClick, isNextDisabled = _a.isNextDisabled, isPreviousDisabled = _a.isPreviousDisabled, listOptions = _a.listOptions, nodeSelectedKey = _a.nodeSelectedKey, selectKey1 = _a.selectKey1, selectKey2 = _a.selectKey2, selectedItem = _a.selectedItem, totalPages = _a.totalPages;
13
- return (react_1.default.createElement("div", { className: "grid w-full grid-cols-12 items-center border-t border-gray-300 px-4 py-4 text-white" },
14
+ return (react_1.default.createElement("div", { className: "grid w-full grid-cols-12 items-center border-t border-gray-300 py-4 text-white" },
14
15
  react_1.default.createElement("div", { className: "col-span-6 text-gray-900 dark:text-white" },
15
16
  react_1.default.createElement("span", { className: "font-bold" },
16
17
  "Page ",
@@ -22,7 +23,7 @@ var VistaTableFooterV1 = function (_a) {
22
23
  react_1.default.createElement("div", { className: "col-span-6 flex flex-row items-center justify-end gap-4" },
23
24
  react_1.default.createElement("div", { className: "min-w-36" },
24
25
  react_1.default.createElement(vista_select_v1_1.VistaSelectV1, { listItems: listOptions, selectedItem: selectedItem, handleOnSelect: handleOnSelect, selectKey1: selectKey1, selectKey2: selectKey2, nodeSelectedKey: nodeSelectedKey })),
25
- react_1.default.createElement(vista_button_v1_1.VistaButtonV1, { disabled: isPreviousDisabled, handleOnClick: handlePreviousOnClick, prefixIcon: react_1.default.createElement(solid_1.ChevronLeftIcon, { className: '5' }), label: "Previous" }),
26
- react_1.default.createElement(vista_button_v1_1.VistaButtonV1, { disabled: isNextDisabled, handleOnClick: handleNextOnClick, suffixIcon: react_1.default.createElement(solid_1.ChevronRightIcon, { className: '5' }), label: "Next" }))));
26
+ react_1.default.createElement(vista_button_v1_1.VistaButtonV1, { disabled: isPreviousDisabled, handleOnClick: handlePreviousOnClick, prefixIcon: react_1.default.createElement(solid_1.ChevronLeftIcon, { className: 'size-5' }), label: "Previous", size: vista_button_type_1.VISTA_BUTTON_SIZE.LG }),
27
+ react_1.default.createElement(vista_button_v1_1.VistaButtonV1, { disabled: isNextDisabled, handleOnClick: handleNextOnClick, suffixIcon: react_1.default.createElement(solid_1.ChevronRightIcon, { className: 'size-5' }), label: "Next", size: vista_button_type_1.VISTA_BUTTON_SIZE.LG }))));
27
28
  };
28
29
  exports.VistaTableFooterV1 = VistaTableFooterV1;
package/molecules/vista-table-header-v1.js CHANGED
@@ -6,20 +6,24 @@ Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.VistaTableHeaderV1 = void 0;
7
7
  var react_1 = __importDefault(require("react"));
8
8
  var vista_button_v1_1 = require("./vista-button-v1/vista-button-v1");
9
+ var vista_button_type_1 = require("../type/vista-button-type");
10
+ var vista_text_input_v1_1 = require("./vista-text-input-v1");
9
11
  var VistaTableHeaderV1 = function (_a) {
10
- var headerActions = _a.headerActions, tableDescription = _a.tableDescription, tableHeading = _a.tableHeading;
12
+ var handleSearchInput = _a.handleSearchInput, headerActions = _a.headerActions, inputDisabled = _a.inputDisabled, inputId = _a.inputId, inputPlaceholder = _a.inputPlaceholder, inputValue = _a.inputValue, tableDescription = _a.tableDescription, tableHeading = _a.tableHeading;
11
13
  return (react_1.default.createElement("div", { className: "sm:flex sm:items-center" },
12
14
  react_1.default.createElement("div", { className: "sm:flex-auto" },
13
15
  react_1.default.createElement("h1", { className: "text-base font-semibold text-gray-900 dark:text-white" }, tableHeading),
14
16
  react_1.default.createElement("p", { className: "mt-2 text-sm text-gray-900 dark:text-white" }, tableDescription)),
15
- react_1.default.createElement("div", { className: "mt-4 flex gap-4 sm:ml-16 sm:mt-0 sm:flex-none" }, headerActions
16
- .filter(function (_a) {
17
- var enabled = _a.enabled;
18
- return enabled;
19
- })
20
- .map(function (_a) {
21
- var label = _a.label, handleOnClick = _a.handleOnClick, icon = _a.icon;
22
- return (react_1.default.createElement(vista_button_v1_1.VistaButtonV1, { key: label, handleOnClick: handleOnClick, icon: icon, label: label }));
23
- }))));
17
+ react_1.default.createElement("div", { className: "mt-4 flex gap-4 sm:ml-16 sm:mt-0 sm:flex-none" },
18
+ react_1.default.createElement(vista_text_input_v1_1.VistaTextInputV1, { disabled: inputDisabled, handleOnChange: handleSearchInput, id: inputId, placeholder: inputPlaceholder, value: inputValue }),
19
+ headerActions
20
+ .filter(function (_a) {
21
+ var enabled = _a.enabled;
22
+ return enabled;
23
+ })
24
+ .map(function (_a) {
25
+ var label = _a.label, handleOnClick = _a.handleOnClick, icon = _a.icon;
26
+ return (react_1.default.createElement(vista_button_v1_1.VistaButtonV1, { handleOnClick: handleOnClick, icon: icon, key: label, label: label, size: vista_button_type_1.VISTA_BUTTON_SIZE.MD }));
27
+ }))));
24
28
  };
25
29
  exports.VistaTableHeaderV1 = VistaTableHeaderV1;
package/organisms/vista-table-v1/vista-table-v1.js CHANGED
@@ -8,11 +8,11 @@ var react_1 = __importDefault(require("react"));
8
8
  var vista_table_header_v1_1 = require("../../molecules/vista-table-header-v1");
9
9
  var vista_table_footer_v1_1 = require("../../molecules/vista-table-footer-v1");
10
10
  var VistaTableV1 = function (_a) {
11
- var currentPage = _a.currentPage, handleNextOnClick = _a.handleNextOnClick, handleOnSelect = _a.handleOnSelect, handlePreviousOnClick = _a.handlePreviousOnClick, headerActions = _a.headerActions, isNextDisabled = _a.isNextDisabled, isPreviousDisabled = _a.isPreviousDisabled, listOptions = _a.listOptions, nodeSelectedKey = _a.nodeSelectedKey, selectKey1 = _a.selectKey1, selectKey2 = _a.selectKey2, selectedItem = _a.selectedItem, tableBody = _a.tableBody, tableDescription = _a.tableDescription, tableHead = _a.tableHead, tableHeading = _a.tableHeading, totalPages = _a.totalPages;
12
- return (react_1.default.createElement("div", { className: "px-4 sm:px-6 lg:px-8" },
13
- react_1.default.createElement(vista_table_header_v1_1.VistaTableHeaderV1, { tableDescription: tableDescription, tableHeading: tableHeading, headerActions: headerActions }),
11
+ var currentPage = _a.currentPage, handleNextOnClick = _a.handleNextOnClick, handleOnSelect = _a.handleOnSelect, handlePreviousOnClick = _a.handlePreviousOnClick, headerActions = _a.headerActions, isNextDisabled = _a.isNextDisabled, isPreviousDisabled = _a.isPreviousDisabled, listOptions = _a.listOptions, nodeSelectedKey = _a.nodeSelectedKey, selectKey1 = _a.selectKey1, selectKey2 = _a.selectKey2, selectedItem = _a.selectedItem, tableBody = _a.tableBody, tableDescription = _a.tableDescription, tableHead = _a.tableHead, tableHeading = _a.tableHeading, totalPages = _a.totalPages, inputPlaceholder = _a.inputPlaceholder, inputId = _a.inputId, inputValue = _a.inputValue, inputDisabled = _a.inputDisabled, handleSearchInput = _a.handleSearchInput;
12
+ return (react_1.default.createElement("div", { className: "px-4" },
13
+ react_1.default.createElement(vista_table_header_v1_1.VistaTableHeaderV1, { handleSearchInput: handleSearchInput, headerActions: headerActions, inputDisabled: inputDisabled, inputId: inputId, inputPlaceholder: inputPlaceholder, inputValue: inputValue, tableDescription: tableDescription, tableHeading: tableHeading }),
14
14
  react_1.default.createElement("div", { className: "mt-8 flow-root" },
15
- react_1.default.createElement("div", { className: "-mx-4 -my-2 sm:-mx-6 lg:-mx-8" },
15
+ react_1.default.createElement("div", { className: "" },
16
16
  react_1.default.createElement("div", { className: "inline-block min-w-full py-2 align-middle" },
17
17
  react_1.default.createElement("table", { className: "min-w-full divide-y divide-gray-700" },
18
18
  react_1.default.createElement("thead", null, tableHead),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@appcorp/app-corp-vista",
3
- "version": "0.0.29",
3
+ "version": "0.0.30",
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",
package/type/vista-table-header-type.d.ts CHANGED
@@ -3,4 +3,9 @@ export interface VistaTableHeaderV1Props {
3
3
  headerActions: VistaTableHeaderActionItem[];
4
4
  tableDescription: string;
5
5
  tableHeading: string;
6
+ inputPlaceholder: string;
7
+ inputId: string;
8
+ inputValue: string;
9
+ inputDisabled: boolean;
10
+ handleSearchInput: () => void;
6
11
  }
package/type/vista-table-type.d.ts CHANGED
@@ -11,7 +11,12 @@ export interface VistaTableV1Props {
11
11
  handleNextOnClick: () => void;
12
12
  handleOnSelect: () => void;
13
13
  handlePreviousOnClick: () => void;
14
+ handleSearchInput: () => void;
14
15
  headerActions: VistaTableHeaderActionItem[];
16
+ inputDisabled: boolean;
17
+ inputId: string;
18
+ inputPlaceholder: string;
19
+ inputValue: string;
15
20
  isNextDisabled: boolean;
16
21
  isPreviousDisabled: boolean;
17
22
  listOptions: Object[];