ag-common 0.0.120 → 0.0.124

package/dist/api/helpers/openApiHelpers.js

@@ -4,7 +4,7 @@ exports.openApiImpl = void 0;
 /* eslint-disable no-new */
 const aws_cdk_lib_1 = require("aws-cdk-lib");
 const __1 = require("../..");
-const distinctBy_1 = require("../../common/helpers/distinctBy");
+const array_1 = require("../../common/helpers/array");
 const log_1 = require("../../common/helpers/log");
 // eslint-disable-next-line
 const getPaths = (schema) => Object.entries(schema.paths).map(([fullPath, verbs]) => ({
@@ -49,8 +49,8 @@ const setupLambda = ({ lambdaConfig, pathV, verb, seenPermissions, }) => {
         seenPermissions.default = true;
     }
     //
-    const readTables = (0, distinctBy_1.distinctBy)([...(((_a = def === null || def === void 0 ? void 0 : def.dynamo) === null || _a === void 0 ? void 0 : _a.reads) || []), ...(((_b = lp === null || lp === void 0 ? void 0 : lp.dynamo) === null || _b === void 0 ? void 0 : _b.reads) || [])], (s) => s.shortName);
-    const writeTables = (0, distinctBy_1.distinctBy)([...(((_c = def === null || def === void 0 ? void 0 : def.dynamo) === null || _c === void 0 ? void 0 : _c.writes) || []), ...(((_d = lp === null || lp === void 0 ? void 0 : lp.dynamo) === null || _d === void 0 ? void 0 : _d.writes) || [])], (s) => s.shortName);
+    const readTables = (0, array_1.distinctBy)([...(((_a = def === null || def === void 0 ? void 0 : def.dynamo) === null || _a === void 0 ? void 0 : _a.reads) || []), ...(((_b = lp === null || lp === void 0 ? void 0 : lp.dynamo) === null || _b === void 0 ? void 0 : _b.reads) || [])], (s) => s.shortName);
+    const writeTables = (0, array_1.distinctBy)([...(((_c = def === null || def === void 0 ? void 0 : def.dynamo) === null || _c === void 0 ? void 0 : _c.writes) || []), ...(((_d = lp === null || lp === void 0 ? void 0 : lp.dynamo) === null || _d === void 0 ? void 0 : _d.writes) || [])], (s) => s.shortName);
     const policies = [...(def.policies || []), ...((lp === null || lp === void 0 ? void 0 : lp.policies) || [])].filter(__1.notEmpty);
     const layers = [...(def.layers || []), ...((lp === null || lp === void 0 ? void 0 : lp.layers) || [])].filter(__1.notEmpty);
     const env = Object.assign(Object.assign({}, (def.env || {})), ((lp === null || lp === void 0 ? void 0 : lp.env) || {}));

package/dist/common/helpers/array.d.ts

@@ -7,3 +7,11 @@ export declare const take: <T>(array: T[], num: number) => {
 export declare const chunk: <T>(array: T[], max: number) => T[][];
 export declare const partition: <T>(array: T[], func: (v: T) => boolean) => T[][] | null;
 export declare function notEmpty<TValue>(value: TValue | null | undefined | false): value is TValue;
+/**
+ * return a distinct array of items determined by a key function
+ * @param data
+ * @param key
+ * @param ignoreEmpty
+ */
+export declare function distinctBy<T, TY>(data: T[], key: (item: T) => TY, ignoreEmpty?: boolean): T[];
+export declare const distinct: <T extends string | number>(arr: readonly T[]) => T[];

package/dist/common/helpers/array.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.notEmpty = exports.partition = exports.chunk = exports.take = exports.flat = exports.toObject = void 0;
+exports.distinct = exports.distinctBy = exports.notEmpty = exports.partition = exports.chunk = exports.take = exports.flat = exports.toObject = void 0;
 const toObject = (arr, keyF) => {
     const ret = {};
     if (!arr || !keyF) {
@@ -47,3 +47,37 @@ function notEmpty(value) {
     return value !== null && value !== undefined && value !== false;
 }
 exports.notEmpty = notEmpty;
+/**
+ * return a distinct array of items determined by a key function
+ * @param data
+ * @param key
+ * @param ignoreEmpty
+ */
+function distinctBy(data, key, ignoreEmpty) {
+    if (!data || data.length === 0) {
+        return data;
+    }
+    const hashSet = new Set();
+    return data.filter((x) => {
+        let keyVal;
+        if (typeof key === 'string') {
+            keyVal = x[key];
+        }
+        else {
+            keyVal = key(x);
+        }
+        if (!keyVal && ignoreEmpty) {
+            return false;
+        }
+        if (!hashSet.has(keyVal)) {
+            hashSet.add(keyVal);
+            return true;
+        }
+        return false;
+    });
+}
+exports.distinctBy = distinctBy;
+const distinct = (arr) => [
+    ...new Set(arr),
+];
+exports.distinct = distinct;

package/dist/common/helpers/binary.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="node" />
+/**
+ * convert an ArrayBuffer (usually from file.arrayBuffer) to base64. Usually on client side before server send
+ * @param buffer
+ * @returns
+ */
+export declare function arrayBufferToBase64(buffer: ArrayBuffer): string;
+/**
+ * convert a base64 string to a binary Buffer. Usually on server side from client sent content
+ * @param raw
+ * @returns
+ */
+export declare const base64ToBinary: (raw: string) => Buffer;

package/dist/common/helpers/binary.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.base64ToBinary = exports.arrayBufferToBase64 = void 0;
+const string_1 = require("./string");
+function toBuffer(ab) {
+    const buffer = new Buffer(ab.byteLength);
+    const view = new Uint8Array(ab);
+    for (let i = 0; i < buffer.length; ++i) {
+        buffer[i] = view[i];
+    }
+    return buffer;
+}
+function toArrayBuffer(base64) {
+    const binary_string = (0, string_1.fromBase64)(base64);
+    const len = binary_string.length;
+    const bytes = new Uint8Array(len);
+    for (let i = 0; i < len; i += 1) {
+        bytes[i] = binary_string.charCodeAt(i);
+    }
+    return bytes.buffer;
+}
+/**
+ * convert an ArrayBuffer (usually from file.arrayBuffer) to base64. Usually on client side before server send
+ * @param buffer
+ * @returns
+ */
+function arrayBufferToBase64(buffer) {
+    let binary = '';
+    const bytes = new Uint8Array(buffer);
+    const len = bytes.byteLength;
+    for (let i = 0; i < len; i += 1) {
+        binary += String.fromCharCode(bytes[i]);
+    }
+    return (0, string_1.toBase64)(binary);
+}
+exports.arrayBufferToBase64 = arrayBufferToBase64;
+/**
+ * convert a base64 string to a binary Buffer. Usually on server side from client sent content
+ * @param raw
+ * @returns
+ */
+const base64ToBinary = (raw) => toBuffer(toArrayBuffer(raw));
+exports.base64ToBinary = base64ToBinary;

package/dist/common/helpers/index.d.ts

@@ -1,7 +1,7 @@
 export * from './array';
 export * from './async';
+export * from './binary';
 export * from './date';
-export * from './distinctBy';
 export * from './email';
 export * from './func';
 export * from './generator';

package/dist/common/helpers/index.js

@@ -12,8 +12,8 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./array"), exports);
 __exportStar(require("./async"), exports);
+__exportStar(require("./binary"), exports);
 __exportStar(require("./date"), exports);
-__exportStar(require("./distinctBy"), exports);
 __exportStar(require("./email"), exports);
 __exportStar(require("./func"), exports);
 __exportStar(require("./generator"), exports);

package/dist/ui/components/{Modal/Close.js → Close/index.js}

@@ -14,7 +14,6 @@ const SClose = styled_components_1.default.div `
   cursor: pointer;
   background-color: white;
   top: 0;
-  z-index: 1;
   right: 0;
   &:hover {
     opacity: 1;

package/dist/ui/components/Modal/index.js

@@ -25,7 +25,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ModalDropList = exports.Modal = exports.ModalItem = void 0;
 const react_1 = __importStar(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
-const Close_1 = require("./Close");
+const Close_1 = require("../Close");
 const useOnClickOutside_1 = require("../../helpers/useOnClickOutside");
 const FixedBackground = styled_components_1.default.div `
   position: fixed;
@@ -67,6 +67,9 @@ exports.ModalItem = styled_components_1.default.div `
     background-color: #eee;
   }
 `;
+const CloseStyled = (0, styled_components_1.default)(Close_1.Close) `
+  z-index: 1;
+`;
 const Modal = ({ open, setOpen, children, position = 'left', topPosition = 'bottom', showCloseButton = true, closeOnMoveMouseOutside = false, className, closeOnClickOutside = true, }) => {
     const ref = (0, react_1.useRef)(null);
     (0, useOnClickOutside_1.useOnClickOutside)({ ref, moveMouseOutside: closeOnMoveMouseOutside }, () => {
@@ -79,7 +82,7 @@ const Modal = ({ open, setOpen, children, position = 'left', topPosition = 'bott
     }
     return (react_1.default.createElement(FixedBackground, { className: className },
         react_1.default.createElement(ModalBase, { "data-position": position, "data-topposition": topPosition, ref: ref },
-            showCloseButton && react_1.default.createElement(Close_1.Close, { onClick: () => setOpen(false) }),
+            showCloseButton && react_1.default.createElement(CloseStyled, { onClick: () => setOpen(false) }),
             children)));
 };
 exports.Modal = Modal;

package/dist/ui/components/Prompt/index.js

@@ -85,7 +85,7 @@ const PromptModal = ({ wrapper, res, bottomText, topText, okText = 'OK', cancelT
             react_1.default.createElement(Content, null,
                 topText && react_1.default.createElement(TopText, null, topText),
                 react_1.default.createElement(BottomText, null, bottomText),
-                react_1.default.createElement(TextInput_1.TextInput, { value: text, onChange: (c) => setText(c), type: "text", placeholder: placeholder }),
+                react_1.default.createElement(TextInput_1.TextInput, { value: text, onChange: (c) => setText(c), placeholder: placeholder, focus: true }),
                 react_1.default.createElement(Bottom, { noGrow: true },
                     react_1.default.createElement(Button_1.Button, { onClick: () => ret(text) }, okText),
                     react_1.default.createElement(Button_1.Button, { invert: true, onClick: () => ret(undefined) }, cancelText))))));

package/dist/ui/components/TextInput/index.d.ts

@@ -1,11 +1,10 @@
 import React from 'react';
-import { InputTypes } from '../Input';
-export declare const TextInput: ({ type, placeholder, value, onChange, onKeyPress, label, disabled, className, }: {
+export declare const TextInput: ({ placeholder, value, onChange, onKeyPress, label, disabled, className, focus, }: {
+    focus?: boolean | undefined;
     className?: string | undefined;
     disabled?: boolean | undefined;
     label?: string | JSX.Element | undefined;
     placeholder?: string | undefined;
-    type: InputTypes;
     value: string;
     onChange: (value: string) => void;
     onKeyPress?: ((event: React.KeyboardEvent<HTMLInputElement>) => void) | undefined;

package/dist/ui/components/TextInput/index.js

@@ -18,13 +18,36 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TextInput = void 0;
 const react_1 = __importStar(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
 const math_1 = require("../../../common/helpers/math");
-const Input_1 = require("../Input");
-const TextInput = ({ type = 'text', placeholder, value, onChange, onKeyPress, label, disabled = false, className, }) => {
+const colours_1 = require("../../styles/colours");
+const Base = styled_components_1.default.input `
+  font-size: 1.2rem;
+  border: solid 1px ${colours_1.colours.lightCharcoal};
+  border-radius: 0.5rem;
+  padding: 0.5rem;
+  width: calc(100% - 1.5rem);
+  &:disabled {
+    background-color: ${colours_1.colours.darker};
+    cursor: not-allowed;
+  }
+`;
+const TextInput = ({ placeholder, value, onChange, onKeyPress, label, disabled = false, className, focus, }) => {
     const [id] = (0, react_1.useState)((0, math_1.getRandomInt)(1000).toString());
-    return (react_1.default.createElement(Input_1.Input, { className: className, disabled: disabled, id: id, label: label, type: type, placeholder: placeholder, required: true, value: value, onChange: (e) => onChange(e.target.value), onKeyPress: (e) => onKeyPress && onKeyPress(e) }));
+    const tiref = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        if (focus && (tiref === null || tiref === void 0 ? void 0 : tiref.current)) {
+            tiref.current.focus();
+        }
+    }, [focus]);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        id && label ? react_1.default.createElement("label", { htmlFor: id }, label) : '',
+        react_1.default.createElement(Base, { ref: tiref, className: className, disabled: disabled, id: id, placeholder: placeholder, required: true, value: value, onChange: (e) => onChange(e.target.value), onKeyPress: (e) => onKeyPress && onKeyPress(e) })));
 };
 exports.TextInput = TextInput;

package/dist/ui/components/index.d.ts

@@ -1,6 +1,7 @@
 export * from './BorderGradient';
 export * from './Button';
 export * from './Chevron';
+export * from './Close';
 export * from './Confirm';
 export * from './Dropdown';
 export * from './DropdownList';
@@ -8,7 +9,6 @@ export * from './FlexColumn';
 export * from './FlexRow';
 export * from './HeadersRaw';
 export * from './Icon';
-export * from './Input';
 export * from './Loader';
 export * from './LoginButton';
 export * from './LogoutButton';

package/dist/ui/components/index.js

@@ -13,6 +13,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./BorderGradient"), exports);
 __exportStar(require("./Button"), exports);
 __exportStar(require("./Chevron"), exports);
+__exportStar(require("./Close"), exports);
 __exportStar(require("./Confirm"), exports);
 __exportStar(require("./Dropdown"), exports);
 __exportStar(require("./DropdownList"), exports);
@@ -20,7 +21,6 @@ __exportStar(require("./FlexColumn"), exports);
 __exportStar(require("./FlexRow"), exports);
 __exportStar(require("./HeadersRaw"), exports);
 __exportStar(require("./Icon"), exports);
-__exportStar(require("./Input"), exports);
 __exportStar(require("./Loader"), exports);
 __exportStar(require("./LoginButton"), exports);
 __exportStar(require("./LogoutButton"), exports);

package/dist/ui/helpers/useCallOpenApi.js

@@ -18,8 +18,14 @@ const callOpenApi_1 = require("./callOpenApi");
 const node_cache_1 = __importDefault(require("node-cache"));
 let useCallOpenApiCache;
 const useCallOpenApi = (p) => {
-    var _a, _b;
+    var _a;
+    if (!useCallOpenApiCache) {
+        useCallOpenApiCache = new node_cache_1.default({ stdTTL: p.cacheTtl || 120 });
+    }
     const ssrCached = (_a = p.ssrCacheItems) === null || _a === void 0 ? void 0 : _a.find((s) => s.cacheKey === p.cacheKey);
+    if (!useCallOpenApiCache.get(p.cacheKey) && ssrCached) {
+        useCallOpenApiCache.set(p.cacheKey, ssrCached);
+    }
     const defv = {
         data: undefined,
         url: '',
@@ -29,19 +35,16 @@ const useCallOpenApi = (p) => {
         loaded: false,
         reFetch: () => __awaiter(void 0, void 0, void 0, function* () { }),
     };
-    const [data, setData] = (0, react_1.useState)(Object.assign(Object.assign({}, defv), { data: ssrCached ? (_b = ssrCached.prefillData) === null || _b === void 0 ? void 0 : _b.data : undefined, loaded: !!ssrCached }));
+    const cached = useCallOpenApiCache.get(p.cacheKey);
+    const [data, setData] = (0, react_1.useState)(Object.assign(Object.assign({}, defv), { data: cached, loaded: !!cached }));
     (0, react_1.useEffect)(() => {
         function run() {
             return __awaiter(this, void 0, void 0, function* () {
-                if (!useCallOpenApiCache) {
-                    useCallOpenApiCache = new node_cache_1.default({ stdTTL: p.cacheTtl || 120 });
+                const resp = yield (0, callOpenApi_1.callOpenApi)(p);
+                if (useCallOpenApiCache) {
+                    useCallOpenApiCache.set(p.cacheKey, resp.data);
                 }
-                let cached = useCallOpenApiCache.get(p.cacheKey) || undefined;
-                if (!cached) {
-                    cached = yield (0, callOpenApi_1.callOpenApi)(p);
-                    useCallOpenApiCache.set(p.cacheKey, cached);
-                }
-                setData((d) => (Object.assign(Object.assign({}, cached), { loaded: true, loading: false, loadcount: d.loadcount + 1 })));
+                setData((d) => (Object.assign(Object.assign({}, resp), { loaded: true, loading: false, loadcount: d.loadcount + 1 })));
             });
         }
         const { error, loaded, loading, loadcount } = data;
@@ -51,7 +54,7 @@ const useCallOpenApi = (p) => {
         }
         setData((d) => (Object.assign(Object.assign({}, d), { loading: true })));
         void run();
-    }, [data, p, setData]);
+    }, [cached, data, p, setData]);
     return Object.assign(Object.assign({}, data), { reFetch: () => __awaiter(void 0, void 0, void 0, function* () {
             setData(defv);
         }) });

package/dist/ui/helpers/useQueryString.js

@@ -33,6 +33,14 @@ const useQueryStringRaw = ({ name, searchOverride, defaultValue, stringify, pars
         window.history.replaceState({}, '', loc);
         setStateRaw(v);
     };
+    (0, react_1.useEffect)(() => {
+        const parsed = new URLSearchParams(raw);
+        const g = parsed.get(name);
+        const newv = g ? parse(g) : defaultValue;
+        if (JSON.stringify(state) !== JSON.stringify(newv)) {
+            setStateRaw(newv);
+        }
+    }, [defaultValue, name, parse, raw, state]);
     return [state, setState];
 };
 exports.useQueryStringRaw = useQueryStringRaw;

package/dist/ui/styles/common.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 export declare const HardOutline: (colour: string) => import("styled-components").FlattenSimpleInterpolation;
-export declare const Shadow: (colour: string) => import("styled-components").FlattenSimpleInterpolation;
+export declare const Shadow: (colour?: string) => import("styled-components").FlattenSimpleInterpolation;
 export declare const NoTextSelect: import("styled-components").FlattenSimpleInterpolation;
 export declare const CssTransparentBlock: import("styled-components").FlattenSimpleInterpolation;
 export declare const FadeBottom: ({ height }: {

package/dist/ui/styles/common.js

@@ -27,7 +27,11 @@ const HardOutline = (colour) => (0, styled_components_1.css) `
     drop-shadow(1px -1px 0px ${colour}) drop-shadow(-1px -1px 0px ${colour});
 `;
 exports.HardOutline = HardOutline;
-const Shadow = (colour) => (0, styled_components_1.css) `
+const Shadow = (
+/**
+ * colour of shadow, default #555
+ */
+colour = '#555') => (0, styled_components_1.css) `
   filter: drop-shadow(1px 1px 0.5rem ${colour});
 `;
 exports.Shadow = Shadow;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ag-common",
-  "version": "0.0.120",
+  "version": "0.0.124",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "author": "Andrei Gec <@andreigec> (https://gec.dev/)",

package/dist/common/helpers/distinctBy.d.ts

@@ -1,8 +0,0 @@
-/**
- * return a distinct array of items determined by a key function
- * @param data
- * @param key
- * @param ignoreEmpty
- */
-export declare function distinctBy<T, TY>(data: T[], key: (item: T) => TY, ignoreEmpty?: boolean): T[];
-export declare const distinct: <T>(arr: readonly T[]) => T[];

package/dist/common/helpers/distinctBy.js

@@ -1,35 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.distinct = exports.distinctBy = void 0;
-/**
- * return a distinct array of items determined by a key function
- * @param data
- * @param key
- * @param ignoreEmpty
- */
-function distinctBy(data, key, ignoreEmpty) {
-    if (!data || data.length === 0) {
-        return data;
-    }
-    const hashSet = new Set();
-    return data.filter((x) => {
-        let keyVal;
-        if (typeof key === 'string') {
-            keyVal = x[key];
-        }
-        else {
-            keyVal = key(x);
-        }
-        if (!keyVal && ignoreEmpty) {
-            return false;
-        }
-        if (!hashSet.has(keyVal)) {
-            hashSet.add(keyVal);
-            return true;
-        }
-        return false;
-    });
-}
-exports.distinctBy = distinctBy;
-const distinct = (arr) => [...new Set(arr)];
-exports.distinct = distinct;

package/dist/ui/components/Input/index.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-export declare type InputTypes = 'password' | 'email' | 'text' | 'textarea';
-export declare const Input: ({ label, type, placeholder, required, autoComplete, value, onChange, onKeyPress, id, disabled, className, }: {
-    className?: string | undefined;
-    disabled?: boolean | undefined;
-    id?: string | undefined;
-    label?: string | JSX.Element | undefined;
-    type: InputTypes;
-    placeholder?: string | undefined;
-    required: boolean;
-    autoComplete?: string | undefined;
-    value: string;
-    onChange: (event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
-    onKeyPress?: ((event: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => void) | undefined;
-}) => JSX.Element;

package/dist/ui/components/Input/index.js

@@ -1,54 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Input = void 0;
-const styled_components_1 = __importStar(require("styled-components"));
-const react_1 = __importDefault(require("react"));
-const colours_1 = require("../../styles/colours");
-const inputcss = (0, styled_components_1.css) `
-  font-size: 1.2rem;
-  border: solid 1px ${colours_1.colours.lightCharcoal};
-  border-radius: 0.5rem;
-  padding: 0.5rem;
-  width: calc(100% - 1.5rem);
-  &:disabled {
-    background-color: ${colours_1.colours.darker};
-    cursor: not-allowed;
-  }
-`;
-const SInput = styled_components_1.default.input `
-  ${inputcss}
-`;
-const STextArea = styled_components_1.default.textarea `
-  ${inputcss};
-  resize: none;
-  overflow-y: auto;
-`;
-const Input = ({ label, type, placeholder, required, autoComplete, value, onChange, onKeyPress, id, disabled, className, }) => {
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        id && label ? react_1.default.createElement("label", { htmlFor: id }, label) : '',
-        type === 'textarea' && (react_1.default.createElement(STextArea, { className: className, disabled: disabled, id: id, placeholder: placeholder, required: required, autoComplete: autoComplete, value: value, onChange: onChange, onKeyPress: onKeyPress })),
-        type !== 'textarea' && (react_1.default.createElement(SInput, { className: className, disabled: disabled, id: id, type: type, placeholder: placeholder, required: required, autoComplete: autoComplete, value: value, onChange: onChange, onKeyPress: onKeyPress }))));
-};
-exports.Input = Input;