@appcorp/app-corp-vista 0.1.36 → 0.1.38

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

@@ -33,12 +33,18 @@ var __importStar = (this && this.__importStar) || (function () {
         return result;
     };
 })();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VistaUploadV1 = void 0;
 var react_1 = __importStar(require("react"));
+var image_1 = __importDefault(require("next/image"));
 var outline_1 = require("@heroicons/react/24/outline");
+var vista_button_v1_1 = require("../vista-button-v1/vista-button-v1");
+var vista_button_type_1 = require("../../type/vista-button-type");
 var VistaUploadV1 = function (_a) {
-    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, error = _a.error, fileInfo = _a.fileInfo, handleOnChange = _a.handleOnChange, id = _a.id, info = _a.info, label = _a.label, _d = _a.required, required = _d === void 0 ? false : _d, _e = _a.type, type = _e === void 0 ? 'file' : _e;
+    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, error = _a.error, fileInfo = _a.fileInfo, handleIconClick = _a.handleIconClick, handleOnChange = _a.handleOnChange, id = _a.id, imageUrl = _a.imageUrl, info = _a.info, label = _a.label, _d = _a.required, required = _d === void 0 ? false : _d, _e = _a.type, type = _e === void 0 ? 'file' : _e;
     var inputRef = (0, react_1.useRef)(null);
     var handleClick = function (e) {
         var _a;
@@ -50,8 +56,8 @@ var VistaUploadV1 = function (_a) {
             label,
             " ",
             required && react_1.default.createElement("sup", { className: "text-red-500" }, "*")),
-        react_1.default.createElement("div", { className: "mt-2 flex justify-center rounded-lg border border-dashed border-gray-500 px-6 py-10", onClick: handleClick },
-            react_1.default.createElement("div", { className: "text-center" },
+        react_1.default.createElement("div", { className: "relative mt-2 flex justify-center rounded-lg border border-dashed border-gray-500 px-6 py-10 min-h-52", onClick: handleClick },
+            !imageUrl && (react_1.default.createElement("div", { className: "text-center" },
                 react_1.default.createElement(outline_1.PhotoIcon, { "aria-hidden": "true", className: "mx-auto size-16 text-gray-500" }),
                 react_1.default.createElement("div", { className: "mt-4 flex justify-center text-sm/6 text-gray-500" },
                     react_1.default.createElement("label", { htmlFor: "file-upload", className: "relative cursor-pointer rounded-md font-semibold text-primary focus-within:ring-2 focus-within:ring-primary focus-within:ring-offset-2 focus-within:outline-hidden hover:text-primary/50" },
@@ -59,6 +65,9 @@ var VistaUploadV1 = function (_a) {
                         react_1.default.createElement("input", { className: "sr-only", disabled: disabled, id: id, name: id, onChange: handleOnChange, ref: inputRef, required: required, type: type })),
                     react_1.default.createElement("p", { className: "pl-1" }, "or drag and drop")),
                 fileInfo && (react_1.default.createElement("p", { className: "text-xs/5 text-gray-500" }, fileInfo)))),
+            imageUrl && (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(vista_button_v1_1.VistaButtonV1, { className: 'absolute top-3 right-3', handleOnClick: handleIconClick, icon: react_1.default.createElement(outline_1.XMarkIcon, { className: 'size-6' }), variant: vista_button_type_1.VISTA_BUTTON_VARIANT.ICON }),
+                react_1.default.createElement(image_1.default, { alt: 'upload', className: 'object-contain', fill: true, sizes: '50vw', height: 0, src: imageUrl, width: 0 })))),
         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/package.json

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

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

@@ -4,8 +4,10 @@ export interface VistaUploadV1Props {
     disabled?: boolean;
     error?: string;
     fileInfo?: string;
+    handleIconClick: () => void;
     handleOnChange: (e: ChangeEvent<HTMLInputElement>) => void;
     id: string;
+    imageUrl?: string;
     info?: string;
     label?: string;
     required?: boolean;