dynamic-modal 1.0.5 → 1.0.6

package/dist/components/input-upload/input-upload.js

@@ -1,84 +1,86 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const general_1 = require("../../tools/general");
-const InputUpload = (_a) => {
-    var _b;
-    var { onChange } = _a, props = __rest(_a, ["onChange"]);
-    const onChangeHandler = (event) => {
-        if (props.read && event.target.files) {
-            readFileBlob(event.target.files[0], false)
-                .then((result) => onChange(result))
-                .catch((err) => {
-                console.error('file read error', err);
-                onChange({ name: '', size: 0, data: '' });
-            });
-        }
-        else {
-            onChange(event.target.files);
-        }
-    };
-    const readFileBlob = (blob, image) => {
-        return new Promise((resolve, reject) => {
-            const fileReader = new FileReader();
-            if (image)
-                fileReader.readAsDataURL(blob);
-            else
-                fileReader.readAsText(blob);
-            fileReader.onload = () => {
-                const fileResult = {
-                    name: blob.name,
-                    size: blob.size,
-                    data: fileReader.result
-                };
-                resolve(fileResult);
-            };
-            fileReader.onerror = (error) => {
-                reject(error);
-            };
-        });
-    };
-    const elementId = (0, react_1.useMemo)(() => {
-        var _a;
-        return (_a = props.id) !== null && _a !== void 0 ? _a : (0, general_1.generateId)();
-    }, [props.id]);
-    return (react_1.default.createElement("div", { className: 'flex flex-col w-full gap-1 text-center' },
-        props.label && react_1.default.createElement("label", { className: "block mb-2 text-sm font-medium text-gray-900 dark:text-white", htmlFor: `file-input-${elementId}` }, props.label),
-        react_1.default.createElement("input", Object.assign({ className: "file:transition-all file:delay-150 block w-full text-sm text-slate-500\r\n        file:mr-4 file:py-2 file:px-4 file:rounded-md\r\n        file:border-0 file:text-sm file:font-semibold\r\n        file:bg-gray-100 file:text-blue-600\r\n        hover:file:bg-blue-700 hover:file:text-white cursor-pointer disabled:cursor-not-allowed", "aria-describedby": `file-input-${elementId}-help`, id: `file-input-${elementId}`, type: "file", onChange: onChangeHandler }, props)),
-        react_1.default.createElement("p", { className: "mt-1 text-sm text-gray-500 dark:text-gray-300 text-start", id: `file-input-${elementId}-help` }, (_b = props.helpText) === null || _b === void 0 ? void 0 : _b.toUpperCase())));
-};
-exports.default = InputUpload;
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const general_1 = require("../../tools/general");
+const InputUpload = (_a) => {
+    var _b;
+    var { onChange, readAsArrayBuffer } = _a, props = __rest(_a, ["onChange", "readAsArrayBuffer"]);
+    const onChangeHandler = (event) => {
+        if (props.read && event.target.files) {
+            readFileBlob(event.target.files[0], false)
+                .then((result) => onChange(result))
+                .catch((err) => {
+                console.error('file read error', err);
+                onChange({ name: '', size: 0, data: '' });
+            });
+        }
+        else {
+            onChange(event.target.files);
+        }
+    };
+    const readFileBlob = (blob, image) => {
+        return new Promise((resolve, reject) => {
+            const fileReader = new FileReader();
+            if (image)
+                fileReader.readAsDataURL(blob);
+            else if (readAsArrayBuffer)
+                fileReader.readAsArrayBuffer(blob);
+            else
+                fileReader.readAsText(blob);
+            fileReader.onload = () => {
+                const fileResult = {
+                    name: blob.name,
+                    size: blob.size,
+                    data: fileReader.result
+                };
+                resolve(fileResult);
+            };
+            fileReader.onerror = (error) => {
+                reject(error);
+            };
+        });
+    };
+    const elementId = (0, react_1.useMemo)(() => {
+        var _a;
+        return (_a = props.id) !== null && _a !== void 0 ? _a : (0, general_1.generateId)();
+    }, [props.id]);
+    return (react_1.default.createElement("div", { className: 'flex flex-col w-full gap-1 text-center' },
+        props.label && react_1.default.createElement("label", { className: "block mb-2 text-sm font-medium text-gray-900 dark:text-white", htmlFor: `file-input-${elementId}` }, props.label),
+        react_1.default.createElement("input", Object.assign({ className: "file:transition-all file:delay-150 block w-full text-sm text-slate-500\r\n        file:mr-4 file:py-2 file:px-4 file:rounded-md\r\n        file:border-0 file:text-sm file:font-semibold\r\n        file:bg-gray-100 file:text-blue-600\r\n        hover:file:bg-blue-700 hover:file:text-white cursor-pointer disabled:cursor-not-allowed", "aria-describedby": `file-input-${elementId}-help`, id: `file-input-${elementId}`, type: "file", onChange: onChangeHandler }, props)),
+        react_1.default.createElement("p", { className: "mt-1 text-sm text-gray-500 dark:text-gray-300 text-start", id: `file-input-${elementId}-help` }, (_b = props.helpText) === null || _b === void 0 ? void 0 : _b.toUpperCase())));
+};
+exports.default = InputUpload;

package/dist/components/make-upload/make-upload.js

@@ -1,26 +1,26 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const react_hook_form_1 = require("react-hook-form");
-const input_upload_1 = __importDefault(require("../input-upload/input-upload"));
-const field_render_1 = require("../../hooks/field-render");
-const MakeUpload = (props) => {
-    var _a, _b;
-    const { render, enable } = (0, field_render_1.useFieldRender)(props);
-    return (render
-        ? react_1.default.createElement(react_hook_form_1.Controller, { control: props.control, name: props.element.name, rules: {
-                required: props.element.validation.required,
-                pattern: {
-                    value: (_a = props.element.validation.regex) !== null && _a !== void 0 ? _a : /(.*)/,
-                    message: (_b = props.element.validation.message) !== null && _b !== void 0 ? _b : ''
-                }
-            }, render: ({ field: { onChange } }) => {
-                var _a;
-                return (react_1.default.createElement(input_upload_1.default, { id: props.element.id, name: props.element.name, disabled: (_a = props.element.disabled) !== null && _a !== void 0 ? _a : !enable, onChange: onChange, label: props.element.label, helpText: props.element.helpText, style: props.element.styles, accept: props.element.accept, read: props.element.read }));
-            } })
-        : null);
-};
-exports.default = MakeUpload;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const react_hook_form_1 = require("react-hook-form");
+const input_upload_1 = __importDefault(require("../input-upload/input-upload"));
+const field_render_1 = require("../../hooks/field-render");
+const MakeUpload = (props) => {
+    var _a, _b;
+    const { render, enable } = (0, field_render_1.useFieldRender)(props);
+    return (render
+        ? react_1.default.createElement(react_hook_form_1.Controller, { control: props.control, name: props.element.name, rules: {
+                required: props.element.validation.required,
+                pattern: {
+                    value: (_a = props.element.validation.regex) !== null && _a !== void 0 ? _a : /(.*)/,
+                    message: (_b = props.element.validation.message) !== null && _b !== void 0 ? _b : ''
+                }
+            }, render: ({ field: { onChange } }) => {
+                var _a;
+                return (react_1.default.createElement(input_upload_1.default, { id: props.element.id, name: props.element.name, disabled: (_a = props.element.disabled) !== null && _a !== void 0 ? _a : !enable, onChange: onChange, label: props.element.label, helpText: props.element.helpText, style: props.element.styles, accept: props.element.accept, read: props.element.read, readAsArrayBuffer: props.element.readAsArrayBuffer }));
+            } })
+        : null);
+};
+exports.default = MakeUpload;

package/dist/interfaces/input-upload.d.ts

@@ -1,32 +1,33 @@
-import { ChangeEvent, CSSProperties } from 'react';
-export interface IFileResult {
-    name: string;
-    size: number;
-    data: string;
-}
-export interface IFile {
-    data?: string;
-    name: string;
-    size: number;
-}
-export interface IInputState {
-    state: boolean;
-    file: IFile;
-}
-export interface IInputStorage {
-    setData: (file: IInputState) => void;
-    clearFuntion: () => void;
-}
-export interface IInputUpload {
-    id?: string;
-    value?: string;
-    onChange: (event: ChangeEvent<HTMLInputElement> | IFileResult | FileList | null) => void;
-    accept?: string;
-    label?: string;
-    helpText?: string;
-    clearfunction?: () => void;
-    style?: CSSProperties;
-    name: string;
-    disabled?: boolean;
-    read?: boolean;
-}
+import { ChangeEvent, CSSProperties } from 'react';
+export interface IFileResult {
+    name: string;
+    size: number;
+    data: string;
+}
+export interface IFile {
+    data?: string;
+    name: string;
+    size: number;
+}
+export interface IInputState {
+    state: boolean;
+    file: IFile;
+}
+export interface IInputStorage {
+    setData: (file: IInputState) => void;
+    clearFuntion: () => void;
+}
+export interface IInputUpload {
+    id?: string;
+    value?: string;
+    onChange: (event: ChangeEvent<HTMLInputElement> | IFileResult | FileList | null) => void;
+    accept?: string;
+    label?: string;
+    helpText?: string;
+    clearfunction?: () => void;
+    style?: CSSProperties;
+    readAsArrayBuffer?: boolean;
+    name: string;
+    disabled?: boolean;
+    read?: boolean;
+}

package/dist/interfaces/make-upload.d.ts

@@ -1,11 +1,12 @@
-import { IField, IFieldProps } from './field';
-export interface IMakeUpload extends Omit<IField, 'defaultValue'> {
-    elementType: 'upload';
-    helpText?: string;
-    read: boolean;
-    image?: boolean;
-    accept?: string;
-}
-export interface IMakeUploadProps extends IFieldProps {
-    element: IMakeUpload;
-}
+import { IField, IFieldProps } from './field';
+export interface IMakeUpload extends Omit<IField, 'defaultValue'> {
+    elementType: 'upload';
+    helpText?: string;
+    read: boolean;
+    image?: boolean;
+    accept?: string;
+    readAsArrayBuffer?: boolean;
+}
+export interface IMakeUploadProps extends IFieldProps {
+    element: IMakeUpload;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dynamic-modal",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "description": "The dynamic-modal is a solution of creation differents modals into project using a json configuration file",
   "main": "index.js",
   "scripts": {

package/src/components/input-upload/input-upload.tsx

@@ -2,7 +2,7 @@ import React, { ChangeEvent, FC, useMemo } from 'react'
 import { IFileResult, IInputUpload } from '../../interfaces/input-upload'
 import { generateId } from '../../tools/general'
 
-const InputUpload: FC<IInputUpload> = ({ onChange, ...props }: IInputUpload) => {
+const InputUpload: FC<IInputUpload> = ({ onChange, readAsArrayBuffer, ...props }: IInputUpload) => {
   
   const onChangeHandler = (event: ChangeEvent<HTMLInputElement>) => {
     if (props.read && event.target.files) {
@@ -21,6 +21,7 @@ const InputUpload: FC<IInputUpload> = ({ onChange, ...props }: IInputUpload) =>
     return new Promise((resolve, reject) => {
       const fileReader = new FileReader()
       if(image) fileReader.readAsDataURL(blob) 
+      else if (readAsArrayBuffer) fileReader.readAsArrayBuffer(blob)
       else fileReader.readAsText(blob)
 
       fileReader.onload = () => {

package/src/components/make-upload/make-upload.tsx

@@ -30,6 +30,7 @@ const MakeUpload : FC<IMakeUploadProps> = (props) => {
             style={props.element.styles}
             accept={props.element.accept}
             read={props.element.read}
+            readAsArrayBuffer={props.element.readAsArrayBuffer}
           />
         )}
       />

package/src/interfaces/input-upload.ts

@@ -30,6 +30,7 @@ export interface IInputUpload {
   helpText?: string
   clearfunction?: () => void;
   style?:CSSProperties;
+  readAsArrayBuffer?: boolean;
   name: string;
   disabled?: boolean;
   read?: boolean;

package/src/interfaces/make-upload.ts

@@ -6,6 +6,7 @@ export interface IMakeUpload extends Omit<IField, 'defaultValue'> {
   read: boolean;
   image?: boolean;
   accept?:string;
+  readAsArrayBuffer?: boolean;
 }
 
 export interface IMakeUploadProps extends IFieldProps {