@appcorp/app-corp-vista 0.1.30 → 0.1.32

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

@@ -11,7 +11,7 @@ var solid_1 = require("@heroicons/react/20/solid");
 var VistaSelectV1 = function (_a) {
     var _b = _a.className, className = _b === void 0 ? '' : _b, handleOnChange = _a.handleOnChange, label = _a.label, listItems = _a.listItems, nodeSelectedKey = _a.nodeSelectedKey, _c = _a.required, required = _c === void 0 ? false : _c, selectKey1 = _a.selectKey1, selectKey2 = _a.selectKey2, selectedItem = _a.selectedItem;
     return (react_1.default.createElement("div", { className: className },
-        react_1.default.createElement(react_2.Listbox, { value: selectedItem, onChange: function (v) { return handleOnChange(nodeSelectedKey, v); } },
+        react_1.default.createElement(react_2.Listbox, { value: selectedItem, onChange: function (v) { handleOnChange(nodeSelectedKey, v[selectKey1]); } },
             label && (react_1.default.createElement(react_2.Label, { className: "block text-sm/6 font-medium text-gray-900 dark:text-white" },
                 label,
                 " ",

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

@@ -8,14 +8,15 @@ 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 outline_1 = require("@heroicons/react/24/outline");
 var VistaTableHeaderV1 = function (_a) {
-    var handleSearchInput = _a.handleSearchInput, headerActions = _a.headerActions, searchDisabled = _a.searchDisabled, searchEnabled = _a.searchEnabled, searchId = _a.searchId, searchPlaceholder = _a.searchPlaceholder, searchValue = _a.searchValue, tableDescription = _a.tableDescription, tableHeading = _a.tableHeading;
+    var handleSearchInput = _a.handleSearchInput, handleSuffixOnClick = _a.handleSuffixOnClick, headerActions = _a.headerActions, searchDisabled = _a.searchDisabled, searchEnabled = _a.searchEnabled, searchId = _a.searchId, searchPlaceholder = _a.searchPlaceholder, searchValue = _a.searchValue, 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" },
-            searchEnabled && (react_1.default.createElement(vista_text_input_v1_1.VistaTextInputV1, { disabled: searchDisabled, handleOnChange: handleSearchInput, id: searchId, placeholder: searchPlaceholder, value: searchValue })),
+            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) {
                 var enabled = _a.enabled;

package/molecules/vista-text-input-v1.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.VistaTextInputV1 = void 0;
 var react_1 = __importDefault(require("react"));
 var VistaTextInputV1 = function (_a) {
-    var _b = _a.autoFocus, autoFocus = _b === void 0 ? false : _b, _c = _a.className, className = _c === void 0 ? '' : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, error = _a.error, handleOnChange = _a.handleOnChange, handleOnKeyDown = _a.handleOnKeyDown, id = _a.id, info = _a.info, label = _a.label, max = _a.max, min = _a.min, optional = _a.optional, placeholder = _a.placeholder, prefix = _a.prefix, _e = _a.readOnly, readOnly = _e === void 0 ? false : _e, _f = _a.required, required = _f === void 0 ? false : _f, suffix = _a.suffix, _g = _a.type, type = _g === void 0 ? 'text' : _g, value = _a.value;
+    var _b = _a.autoFocus, autoFocus = _b === void 0 ? false : _b, _c = _a.className, className = _c === void 0 ? '' : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, error = _a.error, handleOnChange = _a.handleOnChange, handleOnKeyDown = _a.handleOnKeyDown, handleSuffixOnClick = _a.handleSuffixOnClick, id = _a.id, info = _a.info, label = _a.label, max = _a.max, min = _a.min, optional = _a.optional, placeholder = _a.placeholder, prefix = _a.prefix, _e = _a.readOnly, readOnly = _e === void 0 ? false : _e, _f = _a.required, required = _f === void 0 ? false : _f, suffix = _a.suffix, _g = _a.type, type = _g === void 0 ? 'text' : _g, value = _a.value;
     return (react_1.default.createElement("div", null,
         react_1.default.createElement("div", { className: "flex justify-between" },
             label && (react_1.default.createElement("div", { className: "mb-2" },
@@ -22,7 +22,7 @@ var VistaTextInputV1 = function (_a) {
             react_1.default.createElement("input", { autoComplete: id, className: "block w-full rounded-md border-0 bg-white/5 dark:bg-white/5 py-1.5 text-gray-900 dark:text-white shadow-sm ring-1 ring-inset ring-gray-200 focus:ring-2 focus:ring-inset focus:ring-primary disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-gray-300 disabled:ring-gray-200 sm:text-sm/6 dark:disabled:bg-gray-800 dark:disabled:text-gray-400 dark:disabled:ring-gray-700 placeholder:text-gray-500 ".concat(prefix && 'pl-7', " ").concat(className), disabled: disabled, id: id, name: id, onChange: function (e) {
                     return handleOnChange(id, e.target.value);
                 }, autoFocus: autoFocus, max: max, min: min, onKeyDown: handleOnKeyDown, placeholder: placeholder, readOnly: readOnly, required: required, type: type, value: value }),
-            suffix && (react_1.default.createElement("div", { className: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3" },
+            suffix && handleSuffixOnClick && (react_1.default.createElement("div", { className: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3", onClick: handleSuffixOnClick },
                 react_1.default.createElement("span", { id: "price-currency", className: "text-gray-500 sm:text-sm" }, suffix)))),
         info && !error && (react_1.default.createElement("p", { id: "".concat(id, "-info"), className: "mt-2 text-sm text-primary" }, info)),
         error && !info && (react_1.default.createElement("p", { id: "".concat(id, "-error"), className: "mt-2 text-sm text-red-500 dark:text-red-500" }, error))));

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

@@ -8,9 +8,9 @@ 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, handleSearchInput = _a.handleSearchInput, headerActions = _a.headerActions, isNextDisabled = _a.isNextDisabled, isPreviousDisabled = _a.isPreviousDisabled, listOptions = _a.listOptions, nodeSelectedKey = _a.nodeSelectedKey, 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, tableBody = _a.tableBody, tableDescription = _a.tableDescription, tableHead = _a.tableHead, tableHeading = _a.tableHeading, totalPages = _a.totalPages;
+    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, nodeSelectedKey = _a.nodeSelectedKey, 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, tableBody = _a.tableBody, tableDescription = _a.tableDescription, tableHead = _a.tableHead, 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, headerActions: headerActions, searchDisabled: searchDisabled, searchEnabled: searchEnabled, searchId: searchId, searchPlaceholder: searchPlaceholder, searchValue: searchValue, tableDescription: tableDescription, tableHeading: tableHeading }),
+        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" },
             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.1.30",
+  "version": "0.1.32",
   "scripts": {
     "build": "yarn clean && yarn build:ts && cp package.json lib && cp README.md lib",
     "build:next": "next build",

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

@@ -1,6 +1,7 @@
 import { VistaTableHeaderActionItem } from "./vista-table-type";
 export interface VistaTableHeaderV1Props {
     handleSearchInput: (k: string, v: string) => void;
+    handleSuffixOnClick?: () => void;
     headerActions: VistaTableHeaderActionItem[];
     searchDisabled: boolean;
     searchEnabled?: boolean;

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

@@ -12,16 +12,17 @@ export interface VistaTableV1Props {
     handleOnSelect: (k: string, v: string) => void;
     handlePreviousOnClick: () => void;
     handleSearchInput: (k: string, v: string) => void;
+    handleSuffixOnClick?: () => void;
     headerActions: VistaTableHeaderActionItem[];
-    searchEnabled?: boolean;
-    searchDisabled: boolean;
-    searchId: string;
-    searchPlaceholder: string;
-    searchValue: string;
     isNextDisabled: boolean;
     isPreviousDisabled: boolean;
     listOptions: Object[];
     nodeSelectedKey: string;
+    searchDisabled: boolean;
+    searchEnabled?: boolean;
+    searchId: string;
+    searchPlaceholder: string;
+    searchValue: string;
     selectKey1: string;
     selectKey2?: string;
     selectedItem: {

package/type/vista-text-input-type.d.ts

@@ -6,6 +6,7 @@ export interface VistaTextInputV1Props {
     error?: string;
     handleOnChange: (k: string, v: string) => void;
     handleOnKeyDown?: (e: KeyboardEvent<HTMLInputElement>) => void;
+    handleSuffixOnClick?: () => void;
     id: string;
     info?: string;
     label?: string;