@appcorp/app-corp-vista 0.1.56 → 0.1.58

package/molecules/vista-button-v1/vista-button-v1.js

@@ -8,6 +8,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.VistaButtonV1 = void 0;
 var react_1 = __importDefault(require("react"));
 var vista_button_type_1 = require("../../type/vista-button-type");
+var vista_dashboard_type_1 = require("../../type/vista-dashboard-type");
 var vistaButtonSizeMap = (_a = {},
     _a[vista_button_type_1.VISTA_BUTTON_SIZE.XS] = 'px-2 py-1 text-xs',
     _a[vista_button_type_1.VISTA_BUTTON_SIZE.SM] = 'px-2 py-1 text-sm',
@@ -31,14 +32,19 @@ var vistaButtonRoundedMap = (_c = {},
     _c[vista_button_type_1.VISTA_BUTTON_ROUNDED.FULL] = 'rounded-full',
     _c);
 var VistaButtonV1 = function (_a) {
-    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, handleOnClick = _a.handleOnClick, icon = _a.icon, label = _a.label, prefixIcon = _a.prefixIcon, _d = _a.rounded, rounded = _d === void 0 ? vista_button_type_1.VISTA_BUTTON_ROUNDED.MD : _d, _e = _a.size, size = _e === void 0 ? vista_button_type_1.VISTA_BUTTON_SIZE.SM : _e, suffixIcon = _a.suffixIcon, _f = _a.variant, variant = _f === void 0 ? vista_button_type_1.VISTA_BUTTON_VARIANT.PRIMARY : _f, _g = _a.loading, loading = _g === void 0 ? false : _g;
-    return (react_1.default.createElement("button", { className: "flex flex-row justify-center items-center font-semibold shadow-sm focus-visible:outline focus-visible:outline-offset-2 disabled:bg-gray-200 disabled:text-gray-400 ".concat(className, " ").concat(vistaButtonVariantMap[variant], " ").concat(vistaButtonRoundedMap[rounded], " ").concat(vistaButtonSizeMap[size]), onClick: handleOnClick, disabled: disabled, type: "button" },
+    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.dir, dir = _c === void 0 ? vista_dashboard_type_1.APP_DIR.LTR : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, handleOnClick = _a.handleOnClick, icon = _a.icon, label = _a.label, _e = _a.loading, loading = _e === void 0 ? false : _e, prefixIcon = _a.prefixIcon, _f = _a.rounded, rounded = _f === void 0 ? vista_button_type_1.VISTA_BUTTON_ROUNDED.MD : _f, _g = _a.size, size = _g === void 0 ? vista_button_type_1.VISTA_BUTTON_SIZE.SM : _g, suffixIcon = _a.suffixIcon, _h = _a.variant, variant = _h === void 0 ? vista_button_type_1.VISTA_BUTTON_VARIANT.PRIMARY : _h;
+    var labelNextClassName = dir === vista_dashboard_type_1.APP_DIR.LTR ? 'order-1' : 'order-2';
+    var labelPreviousClassName = dir === vista_dashboard_type_1.APP_DIR.LTR ? 'order-2' : 'order-1';
+    var prefixClassName = dir === vista_dashboard_type_1.APP_DIR.LTR ? 'order-1' : 'order-2';
+    var suffixClassName = dir === vista_dashboard_type_1.APP_DIR.LTR ? 'order-2' : 'order-1';
+    var labelClassName = label === 'Next' ? labelNextClassName : labelPreviousClassName;
+    return (react_1.default.createElement("button", { className: "flex flex-row justify-center items-center font-semibold shadow-sm focus-visible:outline focus-visible:outline-offset-2 disabled:bg-gray-200 disabled:text-gray-400 cursor-pointer ".concat(className, " ").concat(vistaButtonVariantMap[variant], " ").concat(vistaButtonRoundedMap[rounded], " ").concat(vistaButtonSizeMap[size]), onClick: handleOnClick, disabled: disabled, type: "button" },
         react_1.default.createElement("div", { className: 'flex flex-row justify-center items-center gap-2' },
-            react_1.default.createElement(react_1.default.Fragment, null, variant !== vista_button_type_1.VISTA_BUTTON_VARIANT.ICON && prefixIcon && prefixIcon),
+            prefixIcon && (react_1.default.createElement("div", { className: prefixClassName }, variant !== vista_button_type_1.VISTA_BUTTON_VARIANT.ICON && prefixIcon)),
             loading && react_1.default.createElement("div", { className: "border-gray-300 h-4 w-4 animate-spin rounded-full border-1 border-t-gray-500" }),
             react_1.default.createElement(react_1.default.Fragment, null,
-                variant !== vista_button_type_1.VISTA_BUTTON_VARIANT.ICON && label,
+                react_1.default.createElement("p", { className: labelClassName }, variant !== vista_button_type_1.VISTA_BUTTON_VARIANT.ICON && label),
                 variant === vista_button_type_1.VISTA_BUTTON_VARIANT.ICON && icon),
-            react_1.default.createElement(react_1.default.Fragment, null, variant !== vista_button_type_1.VISTA_BUTTON_VARIANT.ICON && suffixIcon && suffixIcon))));
+            suffixIcon && (react_1.default.createElement("div", { className: suffixClassName }, variant !== vista_button_type_1.VISTA_BUTTON_VARIANT.ICON && suffixIcon)))));
 };
 exports.VistaButtonV1 = VistaButtonV1;

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

@@ -9,21 +9,27 @@ 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 vista_dashboard_type_1 = require("../type/vista-dashboard-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 py-4 text-white" },
+    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, nodeSelectedKey = _a.nodeSelectedKey, _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;
+    var selectClassName = dir === vista_dashboard_type_1.APP_DIR.LTR ? 'order-1' : 'order-3';
+    var previousClassName = dir === vista_dashboard_type_1.APP_DIR.LTR ? 'order-2' : 'order-2';
+    var nextClassName = dir === vista_dashboard_type_1.APP_DIR.LTR ? 'order-3' : 'order-1';
+    return (react_1.default.createElement("div", { className: "flex flex-row justify-between items-center py-4" },
         react_1.default.createElement("div", { className: "col-span-6 text-gray-900 dark:text-white" },
             react_1.default.createElement("span", { className: "font-bold" },
-                "Page ",
+                pageLabel,
+                " ",
                 currentPage),
             ' ',
             react_1.default.createElement("span", null,
-                "of ",
+                ofLabel,
+                " ",
                 totalPages)),
         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, handleOnChange: 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: '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 }))));
+            react_1.default.createElement("div", { className: "min-w-36 ".concat(selectClassName) },
+                react_1.default.createElement(vista_select_v1_1.VistaSelectV1, { handleOnChange: handleOnSelect, listItems: listOptions, nodeSelectedKey: nodeSelectedKey, selectKey1: selectKey1, selectKey2: selectKey2, selectedItem: selectedItem })),
+            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 }),
+            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' }) }))));
 };
 exports.VistaTableFooterV1 = VistaTableFooterV1;

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

@@ -15,7 +15,7 @@ var VistaTableHeaderV1 = function (_a) {
         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" },
+        react_1.default.createElement("div", { className: "mt-4 flex gap-4 sm:mt-0 sm:flex-none" },
             searchEnabled && (react_1.default.createElement(vista_text_input_v1_1.VistaTextInputV1, { disabled: searchDisabled, handleOnChange: handleSearchInput, handleSuffixOnClick: handleSuffixOnClick, id: searchId, placeholder: searchPlaceholder, suffix: react_1.default.createElement(outline_1.XMarkIcon, { className: 'size-5' }), value: searchValue })),
             headerActions
                 .filter(function (_a) {

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

@@ -10,7 +10,7 @@ var vista_table_footer_v1_1 = require("../../molecules/vista-table-footer-v1");
 var vista_table_head_v1_1 = require("./vista-table-head-v1");
 var vista_table_body_v1_1 = require("./vista-table-body-v1");
 var VistaTableV1 = function (_a) {
-    var currentPage = _a.currentPage, 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, nodeSelectedKey = _a.nodeSelectedKey, pageLimit = _a.pageLimit, rowActions = _a.rowActions, searchDisabled = _a.searchDisabled, _b = _a.searchEnabled, searchEnabled = _b === void 0 ? false : _b, 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;
+    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, nodeSelectedKey = _a.nodeSelectedKey, _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;
     return (react_1.default.createElement("div", null,
         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 }),
         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) {
                     react_1.default.createElement(vista_table_head_v1_1.VistaTableHeadV1, { items: tableHeadItems })),
                 react_1.default.createElement("tbody", { className: "divide-y divide-gray-700 overflow-y-auto" },
                     react_1.default.createElement(vista_table_body_v1_1.VistaTableBodyV1, { colLength: tableHeadItems.length, loading: loading, pageLimit: pageLimit, rowActions: rowActions, tableBodyCols: tableBodyCols, tableBodyRows: tableBodyRows }))),
-            react_1.default.createElement(vista_table_footer_v1_1.VistaTableFooterV1, { currentPage: currentPage, handleNextOnClick: handleNextOnClick, handleOnSelect: handleOnSelect, handlePreviousOnClick: handlePreviousOnClick, isNextDisabled: isNextDisabled, isPreviousDisabled: isPreviousDisabled, listOptions: listOptions, nodeSelectedKey: nodeSelectedKey, selectKey1: selectKey1, selectKey2: selectKey2, selectedItem: selectedItem, totalPages: totalPages }))));
+            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, nodeSelectedKey: nodeSelectedKey, ofLabel: ofLabel, pageLabel: pageLabel, previousLabel: previousLabel, selectKey1: selectKey1, selectKey2: selectKey2, selectedItem: selectedItem, totalPages: totalPages }))));
 };
 exports.VistaTableV1 = VistaTableV1;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appcorp/app-corp-vista",
-  "version": "0.1.56",
+  "version": "0.1.58",
   "scripts": {
     "build": "yarn clean && yarn build:ts && cp package.json lib && cp README.md lib",
     "build:next": "next build",

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

@@ -1,4 +1,5 @@
 import { ReactNode, MouseEvent } from "react";
+import { APP_DIR } from "./vista-dashboard-type";
 export declare enum VISTA_BUTTON_SIZE {
     XS = "XS",
     SM = "SM",
@@ -33,4 +34,5 @@ export interface VistaButtonV1Props {
     size?: VISTA_BUTTON_SIZE;
     suffixIcon?: ReactNode;
     variant?: VISTA_BUTTON_VARIANT;
+    dir?: APP_DIR;
 }

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

@@ -1,12 +1,18 @@
+import { APP_DIR } from "./vista-dashboard-type";
 export interface VistaTableFooterV1Props {
     currentPage: number;
+    dir?: APP_DIR;
     handleNextOnClick: () => void;
     handleOnSelect: (k: string, v: object | string) => void;
     handlePreviousOnClick: () => void;
     isNextDisabled: boolean;
     isPreviousDisabled: boolean;
     listOptions: Object[];
+    nextLabel: string;
     nodeSelectedKey: string;
+    ofLabel?: string;
+    pageLabel?: string;
+    previousLabel: string;
     selectKey1: string;
     selectKey2?: string;
     selectedItem: {

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

@@ -1,5 +1,6 @@
 import { ReactNode } from "react";
 import { RowActionItem } from "./vista-dropdown-menu-type";
+import { APP_DIR } from "./vista-dashboard-type";
 export interface VistaTableHeaderActionItem {
     enabled: boolean;
     handleOnClick: () => void;
@@ -22,6 +23,7 @@ export declare enum VISTA_TABLE_CELL_TYPE {
 }
 export interface VistaTableV1Props {
     currentPage: number;
+    dir?: APP_DIR;
     handleNextOnClick: () => void;
     handleOnSelect: (k: string, v: object | string) => void;
     handlePreviousOnClick: () => void;
@@ -32,8 +34,12 @@ export interface VistaTableV1Props {
     isPreviousDisabled: boolean;
     listOptions: Object[];
     loading: boolean;
+    nextLabel?: string;
     nodeSelectedKey: string;
+    ofLabel?: string;
+    pageLabel?: string;
     pageLimit: number;
+    previousLabel?: string;
     rowActions: RowActionItem[];
     searchDisabled: boolean;
     searchEnabled?: boolean;