@appcorp/app-corp-vista 0.2.61 → 0.2.63

package/atoms/vista-badge-v1/vista-badge-v1.js

@@ -12,11 +12,11 @@ var VistaBadgeV1 = function (_a) {
     var _b, _c;
     var label = _a.label, _d = _a.size, size = _d === void 0 ? vista_badge_type_1.VISTA_BADGE_SIZE.XS : _d, type = _a.type;
     var colorMap = (_b = {},
-        _b[vista_badge_type_1.VISTA_BADGE_TYPE.DISABLED] = 'bg-gray-400/10 text-gray-400 ring-gray-400/20',
-        _b[vista_badge_type_1.VISTA_BADGE_TYPE.ERROR] = 'bg-red-400/10 text-red-400 ring-red-400/20',
-        _b[vista_badge_type_1.VISTA_BADGE_TYPE.INFO] = 'bg-blue-400/10 text-blue-400 ring-blue-400/30',
-        _b[vista_badge_type_1.VISTA_BADGE_TYPE.SUCCESS] = 'bg-green-500/10 text-green-400 ring-green-500/20',
-        _b[vista_badge_type_1.VISTA_BADGE_TYPE.WARNING] = 'bg-yellow-400/10 text-yellow-500 ring-yellow-400/20',
+        _b[vista_badge_type_1.VISTA_BADGE_TYPE.DISABLED] = 'bg-gray-500/10 text-gray-400 ring-gray-400/20',
+        _b[vista_badge_type_1.VISTA_BADGE_TYPE.ERROR] = 'bg-red-500/10 text-red-400 ring-red-400/20',
+        _b[vista_badge_type_1.VISTA_BADGE_TYPE.INFO] = 'bg-blue-500/10 text-blue-400 ring-blue-400/30',
+        _b[vista_badge_type_1.VISTA_BADGE_TYPE.SUCCESS] = 'bg-green-500/10 text-green-400 ring-green-400/20',
+        _b[vista_badge_type_1.VISTA_BADGE_TYPE.WARNING] = 'bg-yellow-500/10 text-yellow-500 ring-yellow-400/20',
         _b);
     var sizeMap = (_c = {},
         _c[vista_badge_type_1.VISTA_BADGE_SIZE.XS] = 'text-xs',

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.VistaRadioV1 = void 0;
 var react_1 = __importDefault(require("react"));
 var VistaRadioV1 = function (_a) {
-    var description = _a.description, handleOnChange = _a.handleOnChange, list = _a.list, selectedValue = _a.selectedValue, title = _a.title;
+    var description = _a.description, handleOnChange = _a.handleOnChange, id = _a.id, list = _a.list, selectedValue = _a.selectedValue, title = _a.title;
     return (react_1.default.createElement("fieldset", null,
         react_1.default.createElement("legend", { className: "text-sm/6 font-semibold text-gray-900 dark:text-white" }, title),
         react_1.default.createElement("p", { className: "mt-1 text-sm/6 text-gray-600 dark:text-gray-200" }, description),
@@ -17,12 +17,12 @@ var VistaRadioV1 = function (_a) {
         })
             .sort(function (a, b) { return a.order - b.order; })
             .map(function (_a) {
-            var id = _a.id, label = _a.label, value = _a.value;
-            return (react_1.default.createElement("div", { key: id, className: "flex items-center" },
-                react_1.default.createElement("input", { checked: selectedValue === value, className: "relative size-4 appearance-none rounded-full border border-gray-300 bg-white before:absolute before:inset-1 before:rounded-full before:bg-white not-checked:before:hidden checked:border-primary checked:bg-primary focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary disabled:border-gray-300 disabled:bg-gray-100 disabled:before:bg-gray-400 forced-colors:appearance-auto forced-colors:before:hidden", id: id, name: id, onChange: function (e) {
+            var _id = _a.id, label = _a.label, value = _a.value;
+            return (react_1.default.createElement("div", { key: _id, className: "flex items-center" },
+                react_1.default.createElement("input", { checked: selectedValue === value, className: "relative size-4 appearance-none rounded-full border border-gray-300 bg-white before:absolute before:inset-1 before:rounded-full before:bg-white not-checked:before:hidden checked:border-primary checked:bg-primary focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary disabled:border-gray-300 disabled:bg-gray-100 disabled:before:bg-gray-400 forced-colors:appearance-auto forced-colors:before:hidden", id: _id, name: _id, onChange: function (e) {
                         return handleOnChange(id, e.target.value);
                     }, type: "radio", value: value }),
-                react_1.default.createElement("label", { htmlFor: id, className: "ml-3 block text-sm/6 font-medium text-gray-900 dark:text-white" }, label)));
+                react_1.default.createElement("label", { htmlFor: _id, className: "ml-3 block text-sm/6 font-medium text-gray-900 dark:text-white" }, label)));
         }))));
 };
 exports.VistaRadioV1 = VistaRadioV1;

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

@@ -46,6 +46,8 @@ var uuid_1 = require("uuid");
 var react_photo_view_1 = require("react-photo-view");
 var solid_1 = require("@heroicons/react/24/solid");
 require("react-photo-view/dist/react-photo-view.css");
+var vista_badge_v1_1 = require("../../atoms/vista-badge-v1/vista-badge-v1");
+var vista_badge_type_1 = require("../../type/vista-badge-type");
 exports.TOOLTIP_OFFSET = -8;
 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';
 exports.dataClasses = 'p-2 cursor-pointer';
@@ -78,6 +80,8 @@ var componentMap = (_a = {},
         return (react_1.default.createElement(vista_table_cell_v1_1.VistaTableCellV1, { key: id, label: v }));
     }))); },
     _a[vista_table_type_1.VISTA_TABLE_CELL_TYPE.PDF] = function (val) { return (react_1.default.createElement("td", { className: exports.dataClasses, onClick: function () { return window.open(val, '_blank'); } }, val && (react_1.default.createElement(solid_1.DocumentIcon, { className: 'size-10' })))); },
+    _a[vista_table_type_1.VISTA_TABLE_CELL_TYPE.BOOLEAN] = function (val) { return (react_1.default.createElement("td", { className: exports.dataClasses },
+        react_1.default.createElement(vista_badge_v1_1.VistaBadgeV1, { label: String(val), type: val ? vista_badge_type_1.VISTA_BADGE_TYPE.INFO : vista_badge_type_1.VISTA_BADGE_TYPE.WARNING }))); },
     _a);
 var VistaTableBodyV1 = function (_a) {
     var colLength = _a.colLength, loading = _a.loading, pageLimit = _a.pageLimit, tableBodyCols = _a.tableBodyCols, tableBodyRows = _a.tableBodyRows, rowActions = _a.rowActions;

package/package.json

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

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

@@ -1,5 +1,7 @@
 export interface VistaRadioV1Props {
     description: string;
+    handleOnChange: (k: string, v: string) => void;
+    id: string;
     list: {
         id: string;
         label: string;
@@ -9,5 +11,4 @@ export interface VistaRadioV1Props {
     }[];
     selectedValue: string;
     title: string;
-    handleOnChange: (k: string, v: string) => void;
 }

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

@@ -3,7 +3,7 @@ export interface VistaTableFooterV1Props {
     currentPage: number;
     dir?: APP_DIR;
     handleNextOnClick: () => void;
-    handleOnSelect: (k: string, v: object | string) => void;
+    handleOnSelect: (k: string, v: object) => void;
     handlePreviousOnClick: () => void;
     isNextDisabled: boolean;
     isPreviousDisabled: boolean;

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

@@ -15,6 +15,7 @@ export interface TableHeadItemV1 {
 export declare enum VISTA_TABLE_CELL_TYPE {
     ACTIONS = "ACTIONS",
     BOLD_TEXT = "BOLD_TEXT",
+    BOOLEAN = "BOOLEAN",
     CREATED_UPDATED_AT = "CREATED_UPDATED_AT",
     ID = "ID",
     IMAGE = "IMAGE",

package/type/vista-table-type.js

@@ -5,6 +5,7 @@ var VISTA_TABLE_CELL_TYPE;
 (function (VISTA_TABLE_CELL_TYPE) {
     VISTA_TABLE_CELL_TYPE["ACTIONS"] = "ACTIONS";
     VISTA_TABLE_CELL_TYPE["BOLD_TEXT"] = "BOLD_TEXT";
+    VISTA_TABLE_CELL_TYPE["BOOLEAN"] = "BOOLEAN";
     VISTA_TABLE_CELL_TYPE["CREATED_UPDATED_AT"] = "CREATED_UPDATED_AT";
     VISTA_TABLE_CELL_TYPE["ID"] = "ID";
     VISTA_TABLE_CELL_TYPE["IMAGE"] = "IMAGE";