@appcorp/app-corp-vista 0.0.28 → 0.0.30

package/molecules/vista-table-footer-v1.js

@@ -8,9 +8,10 @@ var react_1 = __importDefault(require("react"));
 var solid_1 = require("@heroicons/react/20/solid");
 var vista_select_v1_1 = require("./vista-select-v1/vista-select-v1");
 var vista_button_v1_1 = require("./vista-button-v1/vista-button-v1");
+var vista_button_type_1 = require("../type/vista-button-type");
 var VistaTableFooterV1 = function (_a) {
     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;
-    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" },
+    return (react_1.default.createElement("div", { className: "grid w-full grid-cols-12 items-center border-t border-gray-300 py-4 text-white" },
         react_1.default.createElement("div", { className: "col-span-6 text-gray-900 dark:text-white" },
             react_1.default.createElement("span", { className: "font-bold" },
                 "Page ",
@@ -22,7 +23,7 @@ var VistaTableFooterV1 = function (_a) {
         react_1.default.createElement("div", { className: "col-span-6 flex flex-row items-center justify-end gap-4" },
             react_1.default.createElement("div", { className: "min-w-36" },
                 react_1.default.createElement(vista_select_v1_1.VistaSelectV1, { listItems: listOptions, selectedItem: selectedItem, handleOnSelect: handleOnSelect, selectKey1: selectKey1, selectKey2: selectKey2, nodeSelectedKey: nodeSelectedKey })),
-            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" }),
-            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" }))));
+            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 }),
+            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 }))));
 };
 exports.VistaTableFooterV1 = VistaTableFooterV1;

package/molecules/vista-table-header-v1.js

@@ -6,20 +6,24 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.VistaTableHeaderV1 = void 0;
 var react_1 = __importDefault(require("react"));
 var vista_button_v1_1 = require("./vista-button-v1/vista-button-v1");
+var vista_button_type_1 = require("../type/vista-button-type");
+var vista_text_input_v1_1 = require("./vista-text-input-v1");
 var VistaTableHeaderV1 = function (_a) {
-    var headerActions = _a.headerActions, tableDescription = _a.tableDescription, tableHeading = _a.tableHeading;
+    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;
     return (react_1.default.createElement("div", { className: "sm:flex sm:items-center" },
         react_1.default.createElement("div", { className: "sm:flex-auto" },
             react_1.default.createElement("h1", { className: "text-base font-semibold text-gray-900 dark:text-white" }, tableHeading),
             react_1.default.createElement("p", { className: "mt-2 text-sm text-gray-900 dark:text-white" }, tableDescription)),
-        react_1.default.createElement("div", { className: "mt-4 flex gap-4 sm:ml-16 sm:mt-0 sm:flex-none" }, headerActions
-            .filter(function (_a) {
-            var enabled = _a.enabled;
-            return enabled;
-        })
-            .map(function (_a) {
-            var label = _a.label, handleOnClick = _a.handleOnClick, icon = _a.icon;
-            return (react_1.default.createElement(vista_button_v1_1.VistaButtonV1, { key: label, handleOnClick: handleOnClick, icon: icon, label: label }));
-        }))));
+        react_1.default.createElement("div", { className: "mt-4 flex gap-4 sm:ml-16 sm:mt-0 sm:flex-none" },
+            react_1.default.createElement(vista_text_input_v1_1.VistaTextInputV1, { disabled: inputDisabled, handleOnChange: handleSearchInput, id: inputId, placeholder: inputPlaceholder, value: inputValue }),
+            headerActions
+                .filter(function (_a) {
+                var enabled = _a.enabled;
+                return enabled;
+            })
+                .map(function (_a) {
+                var label = _a.label, handleOnClick = _a.handleOnClick, icon = _a.icon;
+                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 }));
+            }))));
 };
 exports.VistaTableHeaderV1 = VistaTableHeaderV1;

package/organisms/vista-table-v1/vista-table-v1.js

@@ -8,11 +8,11 @@ var react_1 = __importDefault(require("react"));
 var vista_table_header_v1_1 = require("../../molecules/vista-table-header-v1");
 var vista_table_footer_v1_1 = require("../../molecules/vista-table-footer-v1");
 var VistaTableV1 = function (_a) {
-    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;
-    return (react_1.default.createElement("div", { className: "px-4 sm:px-6 lg:px-8" },
-        react_1.default.createElement(vista_table_header_v1_1.VistaTableHeaderV1, { tableDescription: tableDescription, tableHeading: tableHeading, headerActions: headerActions }),
+    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;
+    return (react_1.default.createElement("div", { className: "px-4" },
+        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 }),
         react_1.default.createElement("div", { className: "mt-8 flow-root" },
-            react_1.default.createElement("div", { className: "-mx-4 -my-2 sm:-mx-6 lg:-mx-8" },
+            react_1.default.createElement("div", { className: "" },
                 react_1.default.createElement("div", { className: "inline-block min-w-full py-2 align-middle" },
                     react_1.default.createElement("table", { className: "min-w-full divide-y divide-gray-700" },
                         react_1.default.createElement("thead", null, tableHead),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appcorp/app-corp-vista",
-  "version": "0.0.28",
+  "version": "0.0.30",
   "scripts": {
     "build": "yarn clean && yarn build:ts && cp package.json lib && cp README.md lib",
     "build:next": "next build",
@@ -28,7 +28,7 @@
   },
   "dependencies": {},
   "devDependencies": {
-    "@appcorp/app-corp-designs": "^0.4.43",
+    "@appcorp/app-corp-designs": "^0.4.45",
     "@fortawesome/fontawesome-svg-core": "^6.7.2",
     "@fortawesome/react-fontawesome": "^0.2.2",
     "@headlessui/react": "^2.2.0",

package/templates/vista-dashboard-v1/vista-dashboard-v1.js

@@ -36,7 +36,7 @@ var VistaDashboardV1 = function (_a) {
                     react_1.default.createElement(vista_dashboard_sidebar_v1_1.VistaDashboardSidebarV1, __assign({}, sideBar))))),
         react_1.default.createElement("div", { className: "hidden ".concat(!isSideBarOpen ? 'xl:fixed xl:inset-y-0 xl:z-10 xl:flex xl:w-72 xl:flex-col' : '') },
             react_1.default.createElement(vista_dashboard_sidebar_v1_1.VistaDashboardSidebarV1, __assign({}, sideBar))),
-        react_1.default.createElement("div", { className: "".concat(!isSideBarOpen ? 'xl:pl-72' : '') },
+        react_1.default.createElement("div", { className: "".concat(!isSideBarOpen ? 'xl:pl-72 h-full' : '') },
             react_1.default.createElement(vista_dashboard_topbar_v1_1.VistaDashboardTopBarV1, __assign({}, topBar, { handleOnClick: handleIsSideBarOpen })),
             react_1.default.createElement("div", { className: "overflow-y-auto h-full" }, children))));
 };

package/type/vista-table-header-type.d.ts

@@ -3,4 +3,9 @@ export interface VistaTableHeaderV1Props {
     headerActions: VistaTableHeaderActionItem[];
     tableDescription: string;
     tableHeading: string;
+    inputPlaceholder: string;
+    inputId: string;
+    inputValue: string;
+    inputDisabled: boolean;
+    handleSearchInput: () => void;
 }

package/type/vista-table-type.d.ts

@@ -11,7 +11,12 @@ export interface VistaTableV1Props {
     handleNextOnClick: () => void;
     handleOnSelect: () => void;
     handlePreviousOnClick: () => void;
+    handleSearchInput: () => void;
     headerActions: VistaTableHeaderActionItem[];
+    inputDisabled: boolean;
+    inputId: string;
+    inputPlaceholder: string;
+    inputValue: string;
     isNextDisabled: boolean;
     isPreviousDisabled: boolean;
     listOptions: Object[];