pds-dev-kit-web-test 0.0.1

package/dist/src/hybrid/components/Spacing/Spacing.js

@@ -0,0 +1,245 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+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 });
+var react_1 = __importDefault(require("react"));
+var styled_components_1 = __importStar(require("styled-components"));
+function Spacing(_a) {
+    var _b = _a.size, size = _b === void 0 ? 'spacing_a' : _b, _c = _a.spacingType, spacingType = _c === void 0 ? 'height' : _c;
+    return react_1.default.createElement(S_Spacing, { size: size, spacingType: spacingType });
+}
+var spacing_a = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: ", ";\n  min-height: ", ";\n  min-width: ", ";\n  width: ", ";\n"], ["\n  height: ", ";\n  min-height: ", ";\n  min-width: ", ";\n  width: ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.spacingA;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.spacingA;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.spacingA;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.spacingA;
+});
+var spacing_b = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  height: ", ";\n  min-height: ", ";\n  min-width: ", ";\n  width: ", ";\n"], ["\n  height: ", ";\n  min-height: ", ";\n  min-width: ", ";\n  width: ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.spacingB;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.spacingB;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.spacingB;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.spacingB;
+});
+var spacing_c = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  height: ", ";\n  min-height: ", ";\n  min-width: ", ";\n  width: ", ";\n"], ["\n  height: ", ";\n  min-height: ", ";\n  min-width: ", ";\n  width: ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.spacingC;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.spacingC;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.spacingC;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.spacingC;
+});
+var spacing_d = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  height: ", ";\n  min-height: ", ";\n  min-width: ", ";\n  width: ", ";\n"], ["\n  height: ", ";\n  min-height: ", ";\n  min-width: ", ";\n  width: ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.spacingD;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.spacingD;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.spacingD;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.spacingD;
+});
+var spacing_e = (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  height: ", ";\n  min-height: ", ";\n  min-width: ", ";\n  width: ", ";\n"], ["\n  height: ", ";\n  min-height: ", ";\n  min-width: ", ";\n  width: ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.spacingE;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.spacingE;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.spacingE;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.spacingE;
+});
+var spacing_f = (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  height: ", ";\n  min-height: ", ";\n  min-width: ", ";\n  width: ", ";\n"], ["\n  height: ", ";\n  min-height: ", ";\n  min-width: ", ";\n  width: ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.spacingF;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.spacingF;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.spacingF;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.spacingF;
+});
+var spacing_g = (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  height: ", ";\n  min-height: ", ";\n  min-width: ", ";\n  width: ", ";\n"], ["\n  height: ", ";\n  min-height: ", ";\n  min-width: ", ";\n  width: ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.spacingG;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.spacingG;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.spacingG;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.spacingG;
+});
+var spacing_h = (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  height: ", ";\n  min-height: ", ";\n  min-width: ", ";\n  width: ", ";\n"], ["\n  height: ", ";\n  min-height: ", ";\n  min-width: ", ";\n  width: ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.spacingH;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.spacingH;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.spacingH;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.spacingH;
+});
+var spacing_i = (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  height: ", ";\n  min-height: ", ";\n  min-width: ", ";\n  width: ", ";\n"], ["\n  height: ", ";\n  min-height: ", ";\n  min-width: ", ";\n  width: ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.spacingI;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.spacingI;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.spacingI;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.spacingI;
+});
+var spacing_j = (0, styled_components_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  height: ", ";\n  min-height: ", ";\n  min-width: ", ";\n  width: ", ";\n"], ["\n  height: ", ";\n  min-height: ", ";\n  min-width: ", ";\n  width: ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.spacingJ;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.spacingJ;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.spacingJ;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.spacingJ;
+});
+var spacing_k = (0, styled_components_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  height: ", ";\n  min-height: ", ";\n  min-width: ", ";\n  width: ", ";\n"], ["\n  height: ", ";\n  min-height: ", ";\n  min-width: ", ";\n  width: ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.spacingK;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.spacingK;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.spacingK;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.spacingK;
+});
+var spacing_l = (0, styled_components_1.css)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  height: ", ";\n  min-height: ", ";\n  min-width: ", ";\n  width: ", ";\n"], ["\n  height: ", ";\n  min-height: ", ";\n  min-width: ", ";\n  width: ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.spacingL;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.spacingL;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.spacingL;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.spacingL;
+});
+var spacing_m = (0, styled_components_1.css)(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  height: ", ";\n  min-height: ", ";\n  min-width: ", ";\n  width: ", ";\n"], ["\n  height: ", ";\n  min-height: ", ";\n  min-width: ", ";\n  width: ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.spacingM;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.spacingM;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.spacingM;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.spacingM;
+});
+var spacing_n = (0, styled_components_1.css)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  height: ", ";\n  min-height: ", ";\n  min-width: ", ";\n  width: ", ";\n"], ["\n  height: ", ";\n  min-height: ", ";\n  min-width: ", ";\n  width: ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.spacingN;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.spacingN;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.spacingN;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.spacingN;
+});
+var S_Spacing = styled_components_1.default.div(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n  ", ";\n  ", ";\n"], ["\n  ", ";\n  ", ";\n"])), function (_a) {
+    var size = _a.size;
+    return size &&
+        {
+            spacing_a: spacing_a,
+            spacing_b: spacing_b,
+            spacing_c: spacing_c,
+            spacing_d: spacing_d,
+            spacing_e: spacing_e,
+            spacing_f: spacing_f,
+            spacing_g: spacing_g,
+            spacing_h: spacing_h,
+            spacing_i: spacing_i,
+            spacing_j: spacing_j,
+            spacing_k: spacing_k,
+            spacing_l: spacing_l,
+            spacing_m: spacing_m,
+            spacing_n: spacing_n
+        }[size];
+}, function (_a) {
+    var spacingType = _a.spacingType;
+    return spacingType &&
+        {
+            height: 'min-width: 1px; width: 1px;',
+            width: 'min-height: 1px; height: 1px;'
+        }[spacingType];
+});
+exports.default = Spacing;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15;

package/dist/src/hybrid/components/Spacing/index.d.ts

@@ -0,0 +1 @@
+export { default as Spacing } from './Spacing';

package/dist/src/hybrid/components/Spacing/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Spacing = void 0;
+var Spacing_1 = require("./Spacing");
+Object.defineProperty(exports, "Spacing", { enumerable: true, get: function () { return __importDefault(Spacing_1).default; } });

package/dist/src/hybrid/components/Switch/Switch.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+declare type SwitchProps = {
+    status?: 'off' | 'on';
+    state?: 'normal' | 'disabled';
+    name: string;
+    onClick?: (status: boolean) => void;
+};
+declare function Switch({ status, state, name, onClick }: SwitchProps): JSX.Element;
+export default Switch;

package/dist/src/hybrid/components/Switch/Switch.js

@@ -0,0 +1,75 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+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 });
+var react_1 = __importStar(require("react"));
+var styled_components_1 = __importDefault(require("styled-components"));
+function Switch(_a) {
+    var _b = _a.status, status = _b === void 0 ? 'off' : _b, _c = _a.state, state = _c === void 0 ? 'normal' : _c, name = _a.name, onClick = _a.onClick;
+    var _d = (0, react_1.useState)(false), checked = _d[0], setChecked = _d[1];
+    var handleChange = function (e) {
+        setChecked(e.target.checked);
+        onClick && onClick(e.target.checked);
+    };
+    (0, react_1.useEffect)(function () {
+        if (status === 'off') {
+            setChecked(false);
+        }
+        if (status === 'on') {
+            setChecked(true);
+        }
+    }, [status]);
+    return (react_1.default.createElement(S_Switch, null,
+        react_1.default.createElement(S_Input, { type: "checkbox", hidden: true, id: name, checked: checked, disabled: state === 'disabled', onChange: handleChange }),
+        react_1.default.createElement(S_Label, { htmlFor: name, disabled: state === 'disabled' })));
+}
+var S_Switch = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  width: 56px;\n  height: 32px;\n"], ["\n  position: relative;\n  width: 56px;\n  height: 32px;\n"])));
+var S_Label = styled_components_1.default.label(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 56px;\n  height: 32px;\n  border-radius: 24px;\n  background: ", ";\n  cursor: pointer;\n\n  &::after {\n    content: '';\n    display: block;\n    border-radius: 24px;\n    width: 24px;\n    height: 24px;\n    margin: ", ";\n    background: ", ";\n  }\n"], ["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 56px;\n  height: 32px;\n  border-radius: 24px;\n  background: ", ";\n  cursor: pointer;\n\n  &::after {\n    content: '';\n    display: block;\n    border-radius: 24px;\n    width: 24px;\n    height: 24px;\n    margin: ", ";\n    background: ", ";\n  }\n"])), function (_a) {
+    var theme = _a.theme, disabled = _a.disabled;
+    return disabled ? theme.ui_cpnt_selcontrols_base_off_disabled : theme.ui_cpnt_selcontrols_base_off;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.spacingA;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.ui_cpnt_selcontrols_circular;
+});
+var S_Input = styled_components_1.default.input(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  &:checked + ", " {\n    background: ", ";\n\n    &::after {\n      position: absolute;\n      right: 0px;\n      margin-top: ", ";\n      margin-bottom: ", ";\n      margin-right: ", ";\n    }\n  }\n"], ["\n  &:checked + ", " {\n    background: ", ";\n\n    &::after {\n      position: absolute;\n      right: 0px;\n      margin-top: ", ";\n      margin-bottom: ", ";\n      margin-right: ", ";\n    }\n  }\n"])), S_Label, function (_a) {
+    var theme = _a.theme, disabled = _a.disabled;
+    return disabled ? theme.ui_cpnt_selcontrols_base_on_disabled : theme.ui_cpnt_selcontrols_base_on;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.spacingA;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.spacingA;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.spacingA;
+});
+exports.default = Switch;
+var templateObject_1, templateObject_2, templateObject_3;

package/dist/src/hybrid/components/Switch/index.d.ts

@@ -0,0 +1 @@
+export { default as Switch } from './Switch';

package/dist/src/hybrid/components/Switch/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Switch = void 0;
+var Switch_1 = require("./Switch");
+Object.defineProperty(exports, "Switch", { enumerable: true, get: function () { return __importDefault(Switch_1).default; } });

package/dist/src/hybrid/components/index.d.ts

@@ -0,0 +1,6 @@
+import { Divider } from './Divider';
+import { Icon } from './Icon';
+import { ImageView } from './ImageView';
+import { Spacing } from './Spacing';
+import { Switch } from './Switch';
+export { Divider, Icon, ImageView, Spacing, Switch };

package/dist/src/hybrid/components/index.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Switch = exports.Spacing = exports.ImageView = exports.Icon = exports.Divider = void 0;
+var Divider_1 = require("./Divider");
+Object.defineProperty(exports, "Divider", { enumerable: true, get: function () { return Divider_1.Divider; } });
+var Icon_1 = require("./Icon");
+Object.defineProperty(exports, "Icon", { enumerable: true, get: function () { return Icon_1.Icon; } });
+var ImageView_1 = require("./ImageView");
+Object.defineProperty(exports, "ImageView", { enumerable: true, get: function () { return ImageView_1.ImageView; } });
+var Spacing_1 = require("./Spacing");
+Object.defineProperty(exports, "Spacing", { enumerable: true, get: function () { return Spacing_1.Spacing; } });
+var Switch_1 = require("./Switch");
+Object.defineProperty(exports, "Switch", { enumerable: true, get: function () { return Switch_1.Switch; } });

package/dist/src/hybrid/index.d.ts

@@ -0,0 +1,2 @@
+import { Divider, Icon, ImageView, Spacing, Switch } from './components';
+export { Divider, Icon, ImageView, Spacing, Switch };

package/dist/src/hybrid/index.js

@@ -0,0 +1,12 @@
+"use strict";
+/* eslint-disable import/order */
+/* eslint-disable import/first */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Switch = exports.Spacing = exports.ImageView = exports.Icon = exports.Divider = void 0;
+// component
+var components_1 = require("./components");
+Object.defineProperty(exports, "Divider", { enumerable: true, get: function () { return components_1.Divider; } });
+Object.defineProperty(exports, "Icon", { enumerable: true, get: function () { return components_1.Icon; } });
+Object.defineProperty(exports, "ImageView", { enumerable: true, get: function () { return components_1.ImageView; } });
+Object.defineProperty(exports, "Spacing", { enumerable: true, get: function () { return components_1.Spacing; } });
+Object.defineProperty(exports, "Switch", { enumerable: true, get: function () { return components_1.Switch; } });

package/dist/src/mobile/common/components/TextFieldBase/TextFieldBase.d.ts

@@ -0,0 +1,40 @@
+import React from 'react';
+import { Path } from 'react-hook-form';
+import { DesktopFontSize, FontWeight, IFormValues, PDSTextType, UiColors } from '../../../../common';
+export declare type TextFieldBaseProps = {
+    name: Path<IFormValues>;
+    hintText?: PDSTextType;
+    defaultText?: PDSTextType;
+    validation?: {
+        [key: string]: any;
+    };
+    preventBlankMode?: 'none' | 'trim' | 'all';
+    enterSubmitMode?: 'none' | 'use';
+    textLineType: 'single' | 'multi' | 'auto';
+    multiRows?: number;
+    autoMinRows?: number;
+    autoMaxRows?: number;
+    inputType?: string;
+    state?: 'normal' | 'read_only' | 'disabled';
+    colorTheme?: 'none' | 'dark';
+    min?: number;
+    max?: number;
+    maxLength?: number;
+    textSize: DesktopFontSize;
+    textWeight: FontWeight;
+    fieldPadding?: string;
+    fieldHeight?: number;
+    deleteIconMode?: 'none' | 'use';
+    deleteIconSize?: 12 | 16 | 20 | 24;
+    deleteIconColor?: UiColors;
+    isFocused?: boolean;
+    onBlur?: (e: React.FocusEvent<HTMLInputElement> | React.FocusEvent<HTMLTextAreaElement>) => void;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement> | React.ChangeEvent<HTMLTextAreaElement>) => void;
+    onFocus?: (e: React.FocusEvent<HTMLInputElement> | React.FocusEvent<HTMLTextAreaElement>) => void;
+    onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement> | React.KeyboardEvent<HTMLTextAreaElement>) => void;
+    onKeyUp?: (e: React.KeyboardEvent<HTMLInputElement> | React.KeyboardEvent<HTMLTextAreaElement>) => void;
+    onTarget?: () => void;
+    [x: string]: any;
+} & Record<string, any>;
+declare function TextFieldBase({ name, hintText, defaultText, validation, preventBlankMode, enterSubmitMode, textLineType, multiRows, autoMinRows, autoMaxRows, inputType, state, colorTheme, min, max, maxLength, textSize, textWeight, textPadding, fieldHeight, deleteIconMode, deleteIconSize, deleteIconColor, isFocused, onBlur, onChange, onFocus, onKeyDown, onKeyUp, onTarget, ...rest }: TextFieldBaseProps): JSX.Element;
+export default TextFieldBase;