@cleartrip/ct-design-text-field 1.1.0

package/dist/ct-design-text-field.esm.js

@@ -0,0 +1,241 @@
+import { __rest, __assign } from 'tslib';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { forwardRef, useState, useRef, useImperativeHandle, useCallback } from 'react';
+import styled from 'styled-components';
+import useTheme from '@cleartrip/ct-design-use-theme';
+import useMergeRefs from '@cleartrip/ct-design-use-merge-refs';
+import { Box } from '@cleartrip/ct-design-box';
+import { getTypographyStyles, Typography, TypographyColor } from '@cleartrip/ct-design-typography';
+import { Container } from '@cleartrip/ct-design-container';
+
+var layout = {
+    lg: {
+        height: 0,
+        width: 0,
+        padding: 0,
+    },
+    sm: {
+        height: 10,
+        width: 36,
+        padding: 2.5,
+    },
+    md: {
+        height: 14,
+        width: 50,
+        padding: 4,
+    },
+};
+var getTextFieldInputRootStyles = function (_a) {
+    var width = _a.width, height = _a.height, theme = _a.theme, focused = _a.focused; _a.filled; var color = _a.color, select = _a.select, _b = _a.disabled, disabled = _b === void 0 ? false : _b, isChipDropdown = _a.isChipDropdown, minWidth = _a.minWidth, focusColor = _a.focusColor, _c = _a.size, size = _c === void 0 ? 'md' : _c, rest = __rest(_a, ["width", "height", "theme", "focused", "filled", "color", "select", "disabled", "isChipDropdown", "minWidth", "focusColor", "size"]);
+    var outlineColor = color || theme.color.border.default;
+    return __assign(__assign({ position: 'relative', display: 'inline-flex', gap: '16px', background: disabled ? theme.color.background.disabled : theme.color.background.neutral, outlineStyle: 'solid', outlineColor: outlineColor, outlineWidth: disabled ? 0 : focused ? theme.border.width.md : theme.border.width.sm, borderRadius: theme.border.radius[6], cursor: disabled ? 'not-allowed' : select ? 'pointer' : 'text', alignItems: 'center', boxSizing: 'border-box', width: width, height: height, padding: "0 ".concat(theme.size[layout[size].padding]), flex: isChipDropdown ? 'auto' : undefined, minWidth: minWidth }, rest), { '&:hover': {
+            outlineColor: disabled ? theme.color.background.disabled : focusColor,
+            outlineWidth: theme.border.width.md,
+        } });
+};
+var getTextFieldInputBaseStyles = function (_a) {
+    var multiline = _a.multiline, theme = _a.theme, select = _a.select, _b = _a.disabled, disabled = _b === void 0 ? false : _b, isChipDropdown = _a.isChipDropdown;
+    return {
+        height: multiline ? '34px' : 'auto',
+        border: 0,
+        background: 'none',
+        outline: 0,
+        '&::-webkit-input-placeholder': {
+            opacity: 0,
+        },
+        boxSizing: 'border-box',
+        fontSize: isChipDropdown ? '4px' : theme.typography.size[16],
+        resize: 'none',
+        cursor: disabled ? 'not-allowed' : select ? 'pointer' : 'text',
+        width: isChipDropdown ? '4px' : '100%',
+        padding: 0,
+        color: disabled ? theme.color.text.tertiary : theme.color.text.primary,
+    };
+};
+var getTextFieldLabelStyles = function (_a) {
+    var theme = _a.theme, focused = _a.focused, filled = _a.filled, multiline = _a.multiline, _b = _a.size, size = _b === void 0 ? 'md' : _b;
+    theme.size[layout[size].padding];
+    var transformFormula = !(focused || filled) ? 'translate(0px, 16px) scale(1)' : 'translate(0px, 8px) scale(0.75)';
+    if (multiline) {
+        transformFormula = 'translate(0px, 16px) scale(1)';
+    }
+    return {
+        display: 'block',
+        transformOrigin: 'top left',
+        whiteSpace: 'nowrap',
+        overflow: 'hidden',
+        textOverflow: 'ellipsis',
+        position: 'absolute',
+        left: 0,
+        top: 0,
+        zIndex: 1,
+        pointerEvents: 'none',
+        transform: transformFormula,
+        lineHeight: '22px',
+        transition: theme.transitions.create(['color', 'transform', 'max-width'], {
+            duration: theme.transitions.duration.shorter,
+            easing: theme.transitions.easing.easeOut,
+        }),
+    };
+};
+var getTextFieldMultiPlaceholderStyles = function (_a) {
+    _a.theme; var filled = _a.filled; _a.size; _a.multiline; var _c = _a.placeholderIndex, placeholderIndex = _c === void 0 ? 0 : _c, _d = _a.placeholderLength, placeholderLength = _d === void 0 ? 0 : _d, _e = _a.animationTime, animationTime = _e === void 0 ? 2.5 : _e, animationKey = _a.animationKey;
+    var totalDuration = animationTime * placeholderLength;
+    var totalDelay = placeholderIndex * animationTime;
+    return {
+        display: 'block',
+        visibility: filled ? 'hidden' : 'visible',
+        transformOrigin: 'top left',
+        whiteSpace: 'nowrap',
+        overflow: 'hidden',
+        textOverflow: 'ellipsis',
+        position: 'absolute',
+        transform: 'translateY(100%)',
+        animation: "".concat(animationKey, " ").concat(totalDuration, "s ").concat(totalDelay, "s infinite ease-in-out"),
+        left: 8,
+        zIndex: 1,
+        pointerEvents: 'none',
+        width: '100%',
+    };
+};
+var getTextFieldPlaceholderStyles = function (_a) {
+    _a.theme; var filled = _a.filled; _a.size; var multiline = _a.multiline;
+    var topValue = multiline ? '5px' : '50%';
+    var transformFormula = "translateY(".concat(multiline ? '0' : '-50%', ")");
+    return {
+        display: 'block',
+        visibility: filled ? 'hidden' : 'visible',
+        transformOrigin: 'top left',
+        whiteSpace: 'nowrap',
+        overflow: 'hidden',
+        textOverflow: 'ellipsis',
+        position: 'absolute',
+        transform: transformFormula,
+        top: topValue,
+        zIndex: 1,
+        pointerEvents: 'none',
+        width: '100%',
+    };
+};
+var getContainerStyles = function (_a) {
+    var height = _a.height, isChipDropdown = _a.isChipDropdown, shrinked = _a.shrinked; _a.size; _a.theme; var disabled = _a.disabled, multiline = _a.multiline;
+    var padding = multiline ? '0' : shrinked ? '24px 0px 8px 0px' : isChipDropdown ? '8px' : "0px";
+    return {
+        position: 'relative',
+        display: 'inline-flex',
+        width: isChipDropdown ? '4px' : '100%',
+        padding: padding,
+        height: height,
+        boxSizing: 'border-box',
+        cursor: disabled ? 'not-allowed' : 'text',
+    };
+};
+
+var Root = styled.div(function (_a) {
+    var theme = _a.theme, focused = _a.focused, css = _a.css, select = _a.select, filled = _a.filled, disabled = _a.disabled, isChipDropdown = _a.isChipDropdown, minWidth = _a.minWidth, focusColor = _a.focusColor, rest = __rest(_a, ["theme", "focused", "css", "select", "filled", "disabled", "isChipDropdown", "minWidth", "focusColor"]);
+    return getTextFieldInputRootStyles(__assign(__assign({ theme: theme, focused: focused, select: select, filled: filled, disabled: disabled, isChipDropdown: isChipDropdown, minWidth: minWidth, focusColor: focusColor }, css), rest));
+});
+var Label = styled.label(function (_a) {
+    var theme = _a.theme, focused = _a.focused, filled = _a.filled, rest = __rest(_a, ["theme", "focused", "filled"]);
+    return getTextFieldLabelStyles(__assign({ theme: theme, focused: focused, filled: filled }, rest));
+});
+var MultiPlaceholder = styled.label(function (_a) {
+    var theme = _a.theme, focused = _a.focused, filled = _a.filled, multiline = _a.multiline, animationTime = _a.animationTime, placeholderIndex = _a.placeholderIndex, placeholderLength = _a.placeholderLength, rest = __rest(_a, ["theme", "focused", "filled", "multiline", "animationTime", "placeholderIndex", "placeholderLength"]);
+    return getTextFieldMultiPlaceholderStyles(__assign({ theme: theme, focused: focused, filled: filled, multiline: multiline, placeholderLength: placeholderLength, placeholderIndex: placeholderIndex, animationTime: animationTime }, rest));
+});
+var Placeholder = styled.label(function (_a) {
+    var theme = _a.theme, focused = _a.focused, filled = _a.filled, multiline = _a.multiline, rest = __rest(_a, ["theme", "focused", "filled", "multiline"]);
+    return getTextFieldPlaceholderStyles(__assign({ theme: theme, focused: focused, filled: filled, multiline: multiline }, rest));
+});
+var Input = styled.input(function (_a) {
+    var theme = _a.theme; _a.focused; _a.filled; var isChipDropdown = _a.isChipDropdown, select = _a.select, disabled = _a.disabled; __rest(_a, ["theme", "focused", "filled", "isChipDropdown", "select", "disabled"]);
+    return getTextFieldInputBaseStyles({ multiline: false, theme: theme, select: select, isChipDropdown: isChipDropdown, disabled: disabled });
+});
+var TextArea = styled.textarea(function (_a) {
+    var theme = _a.theme, isChipDropdown = _a.isChipDropdown, disabled = _a.disabled;
+    return getTextFieldInputBaseStyles({ multiline: true, theme: theme, isChipDropdown: isChipDropdown, disabled: disabled });
+});
+var TextField = forwardRef(function (_a, forwardedRef) {
+    var _b = _a.as, as = _b === void 0 ? 'input' : _b; _a.id; var _d = _a.multiline, multiline = _d === void 0 ? false : _d, _e = _a.size, size = _e === void 0 ? 'md' : _e, _f = _a.label, label = _f === void 0 ? '' : _f, prefix = _a.prefix, suffix = _a.suffix, _g = _a.error, error = _g === void 0 ? '' : _g, _h = _a.helperText, helperText = _h === void 0 ? '' : _h; _a.maxCharacters; var width = _a.width, height = _a.height, textFieldCSS = _a.textFieldCSS, focusColor = _a.focusColor, errorColor = _a.errorColor, css = _a.css, _j = _a.type, type = _j === void 0 ? 'text' : _j, _k = _a.value, value = _k === void 0 ? '' : _k, _l = _a.name, name = _l === void 0 ? '' : _l, onChange = _a.onChange, onFocus = _a.onFocus, onBlur = _a.onBlur, disabled = _a.disabled, rows = _a.rows, column = _a.column, ref = _a.ref, _m = _a.fullWidth, fullWidth = _m === void 0 ? false : _m, select = _a.select, nonInput = _a.nonInput, onClick = _a.onClick, isChipDropdown = _a.isChipDropdown, placeholder = _a.placeholder, minWidth = _a.minWidth; _a.prefixGap; var _p = _a.placeholderTextVariant, placeholderTextVariant = _p === void 0 ? 'B2' : _p, labelTypographyProps = _a.labelTypographyProps, textTypographyProps = _a.textTypographyProps, _q = _a.animationTime, animationTime = _q === void 0 ? 2.5 : _q, _r = _a.animationKey, animationKey = _r === void 0 ? 'verticalTicker' : _r, rest = __rest(_a, ["as", "id", "multiline", "size", "label", "prefix", "suffix", "error", "helperText", "maxCharacters", "width", "height", "textFieldCSS", "focusColor", "errorColor", "css", "type", "value", "name", "onChange", "onFocus", "onBlur", "disabled", "rows", "column", "ref", "fullWidth", "select", "nonInput", "onClick", "isChipDropdown", "placeholder", "minWidth", "prefixGap", "placeholderTextVariant", "labelTypographyProps", "textTypographyProps", "animationTime", "animationKey"]);
+    var _s = useState(false), focused = _s[0], setFocused = _s[1];
+    var _t = useState(false), showPassword = _t[0]; _t[1];
+    var theme = useTheme();
+    var inputStyles = textTypographyProps ? getTypographyStyles(__assign({ theme: theme }, textTypographyProps)) : {};
+    var inputRef = useRef(null);
+    var textAreaRef = useRef(null);
+    var boxRef = useRef(null);
+    var handleRef = useMergeRefs(forwardedRef, ref);
+    useImperativeHandle(handleRef, function () { return ({
+        focus: function () {
+            var _a, _b;
+            if (multiline) {
+                (_a = textAreaRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+            }
+            else {
+                (_b = inputRef.current) === null || _b === void 0 ? void 0 : _b.focus();
+            }
+        },
+        node: boxRef === null || boxRef === void 0 ? void 0 : boxRef.current,
+    }); }, []);
+    var handleChange = useCallback(function (event) {
+        if (onChange) {
+            onChange(event);
+        }
+    }, [onChange]);
+    var handleFocus = useCallback(function (event) {
+        if (onFocus) {
+            onFocus(event);
+        }
+        setFocused(true);
+    }, []);
+    var handleBlur = useCallback(function (event) {
+        if (onBlur) {
+            onBlur(event);
+        }
+        setFocused(false);
+    }, []);
+    var handleClick = function (e) {
+        if (inputRef.current) {
+            inputRef.current.focus();
+        }
+        if (onClick) {
+            onClick(e);
+        }
+    };
+    var filled = value.toString().length > 0 ? true : false;
+    width = width ? width : fullWidth ? '100%' : theme.size[layout[size].width];
+    height = height ? height : as !== 'input' ? 'auto' : theme.size[layout[size].height];
+    var helperColor = '';
+    var focusOutlineColor = focusColor || theme.color.border.primary;
+    if (!disabled && focused) {
+        helperColor = focusColor || theme.color.border.primary;
+    }
+    if (!disabled && error) {
+        helperColor = errorColor || theme.color.background.warning;
+        focusOutlineColor = helperColor;
+    }
+    var getPlaceHolderText = function (value) {
+        if (typeof value === 'string') {
+            return value;
+        }
+        else {
+            return value[0];
+        }
+    };
+    return (jsxs(Box, __assign({ boxSize: 'micro', css: __assign(__assign({}, css), { minWidth: minWidth }) }, { children: [jsxs(Root, __assign({ theme: theme, onClick: handleClick, color: helperColor, focusColor: focusOutlineColor, width: width, minWidth: minWidth, height: height, focused: focused, filled: filled, css: textFieldCSS === null || textFieldCSS === void 0 ? void 0 : textFieldCSS.Root, select: select, disabled: disabled, ref: boxRef, isChipDropdown: isChipDropdown, columnGap: theme.spacing[2] }, { children: [prefix, jsxs(Container, __assign({ css: getContainerStyles({
+                            shrinked: !!label && (focused || filled),
+                            isChipDropdown: !!isChipDropdown,
+                            height: height,
+                            size: size,
+                            theme: theme,
+                            disabled: disabled,
+                            multiline: multiline,
+                        }) }, { children: [label ? (jsx(Label, __assign({ theme: theme, color: helperColor, focused: focused, filled: filled, multiline: multiline }, { children: jsx(Typography, __assign({ variant: 'B1', color: TypographyColor.TERTIARY }, labelTypographyProps, { children: label })) }))) : (placeholder && (jsx(Fragment, { children: typeof placeholder === 'string' || (Array.isArray(placeholder) && placeholder.length == 1) ? (jsx(Placeholder, __assign({ filled: filled, theme: theme, size: size, multiline: multiline }, { children: jsx(Typography, __assign({ variant: placeholderTextVariant, color: TypographyColor.DISABLED, className: 'tt-ellipsis' }, { children: getPlaceHolderText(placeholder) })) }))) : (jsx(Container, __assign({ width: '100%', height: '20px', position: 'absolute', css: {
+                                        top: "".concat(multiline ? '0' : '50%'),
+                                        transform: "".concat(multiline ? null : 'translateY(-50%)'),
+                                        overflow: 'hidden',
+                                    } }, { children: placeholder.map(function (txt, index) { return (jsx(MultiPlaceholder, __assign({ filled: filled, theme: theme, size: size, multiline: multiline, animationTime: animationTime, placeholderLength: placeholder.length, placeholderIndex: index, animationKey: animationKey }, { children: jsx(Typography, __assign({ variant: placeholderTextVariant, color: TypographyColor.DISABLED, className: 'tt-ellipsis' }, { children: txt })) }))); }) }))) }))), multiline ? (jsx(TextArea, __assign({ theme: theme, rows: rows, column: column, ref: textAreaRef, autoComplete: 'off', onFocus: handleFocus, onBlur: handleBlur, value: value, onChange: handleChange, filled: filled, focused: focused, name: name, isChipDropdown: isChipDropdown }, rest))) : (jsx(Input, __assign({ ref: inputRef, theme: theme, type: showPassword ? 'text' : type, readOnly: select || nonInput, autoComplete: 'off', onFocus: handleFocus, onBlur: handleBlur, value: value, onChange: handleChange, filled: filled, focused: focused, name: name, select: select, disabled: disabled, isChipDropdown: isChipDropdown, style: inputStyles }, rest)))] })), suffix] })), (helperText || error) && !disabled && (jsx(Container, __assign({ className: 'flex flex-wrap', width: width, paddingLeft: '16px' }, { children: jsx(Typography, __assign({ variant: 'B3', color: error ? TypographyColor.WARNING : TypographyColor.SUBHEADING }, { children: helperText || error })) })))] })));
+});
+
+export { TextField };
+//# sourceMappingURL=ct-design-text-field.esm.js.map

package/dist/ct-design-text-field.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ct-design-text-field.esm.js","sources":["../../packages/components/TextField/src/style.ts","../../packages/components/TextField/src/TextField.tsx"],"sourcesContent":[null,null],"names":["_jsxs","_jsx","_Fragment"],"mappings":"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"}

package/dist/ct-design-text-field.umd.js

@@ -0,0 +1,284 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react/jsx-runtime'), require('react'), require('styled-components'), require('@cleartrip/ct-design-use-theme'), require('@cleartrip/ct-design-use-merge-refs'), require('@cleartrip/ct-design-box'), require('@cleartrip/ct-design-typography'), require('@cleartrip/ct-design-container')) :
+    typeof define === 'function' && define.amd ? define(['exports', 'react/jsx-runtime', 'react', 'styled-components', '@cleartrip/ct-design-use-theme', '@cleartrip/ct-design-use-merge-refs', '@cleartrip/ct-design-box', '@cleartrip/ct-design-typography', '@cleartrip/ct-design-container'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.CTDesignSystemTextField = {}, global.jsxRuntime, global.React, global.styled, global.useTheme, global.useMergeRefs, global.ctDesignBox, global.ctDesignTypography, global.ctDesignContainer));
+})(this, (function (exports, jsxRuntime, react, styled, useTheme, useMergeRefs, ctDesignBox, ctDesignTypography, ctDesignContainer) { 'use strict';
+
+    function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+    var styled__default = /*#__PURE__*/_interopDefault(styled);
+    var useTheme__default = /*#__PURE__*/_interopDefault(useTheme);
+    var useMergeRefs__default = /*#__PURE__*/_interopDefault(useMergeRefs);
+
+    /******************************************************************************
+    Copyright (c) Microsoft Corporation.
+
+    Permission to use, copy, modify, and/or distribute this software for any
+    purpose with or without fee is hereby granted.
+
+    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+    PERFORMANCE OF THIS SOFTWARE.
+    ***************************************************************************** */
+    /* global Reflect, Promise, SuppressedError, Symbol */
+
+    var __assign = function () {
+      __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+          s = arguments[i];
+          for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+        }
+        return t;
+      };
+      return __assign.apply(this, arguments);
+    };
+    function __rest(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;
+    }
+    typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+      var e = new Error(message);
+      return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+    };
+
+    var layout = {
+        lg: {
+            height: 0,
+            width: 0,
+            padding: 0,
+        },
+        sm: {
+            height: 10,
+            width: 36,
+            padding: 2.5,
+        },
+        md: {
+            height: 14,
+            width: 50,
+            padding: 4,
+        },
+    };
+    var getTextFieldInputRootStyles = function (_a) {
+        var width = _a.width, height = _a.height, theme = _a.theme, focused = _a.focused; _a.filled; var color = _a.color, select = _a.select, _b = _a.disabled, disabled = _b === void 0 ? false : _b, isChipDropdown = _a.isChipDropdown, minWidth = _a.minWidth, focusColor = _a.focusColor, _c = _a.size, size = _c === void 0 ? 'md' : _c, rest = __rest(_a, ["width", "height", "theme", "focused", "filled", "color", "select", "disabled", "isChipDropdown", "minWidth", "focusColor", "size"]);
+        var outlineColor = color || theme.color.border.default;
+        return __assign(__assign({ position: 'relative', display: 'inline-flex', gap: '16px', background: disabled ? theme.color.background.disabled : theme.color.background.neutral, outlineStyle: 'solid', outlineColor: outlineColor, outlineWidth: disabled ? 0 : focused ? theme.border.width.md : theme.border.width.sm, borderRadius: theme.border.radius[6], cursor: disabled ? 'not-allowed' : select ? 'pointer' : 'text', alignItems: 'center', boxSizing: 'border-box', width: width, height: height, padding: "0 ".concat(theme.size[layout[size].padding]), flex: isChipDropdown ? 'auto' : undefined, minWidth: minWidth }, rest), { '&:hover': {
+                outlineColor: disabled ? theme.color.background.disabled : focusColor,
+                outlineWidth: theme.border.width.md,
+            } });
+    };
+    var getTextFieldInputBaseStyles = function (_a) {
+        var multiline = _a.multiline, theme = _a.theme, select = _a.select, _b = _a.disabled, disabled = _b === void 0 ? false : _b, isChipDropdown = _a.isChipDropdown;
+        return {
+            height: multiline ? '34px' : 'auto',
+            border: 0,
+            background: 'none',
+            outline: 0,
+            '&::-webkit-input-placeholder': {
+                opacity: 0,
+            },
+            boxSizing: 'border-box',
+            fontSize: isChipDropdown ? '4px' : theme.typography.size[16],
+            resize: 'none',
+            cursor: disabled ? 'not-allowed' : select ? 'pointer' : 'text',
+            width: isChipDropdown ? '4px' : '100%',
+            padding: 0,
+            color: disabled ? theme.color.text.tertiary : theme.color.text.primary,
+        };
+    };
+    var getTextFieldLabelStyles = function (_a) {
+        var theme = _a.theme, focused = _a.focused, filled = _a.filled, multiline = _a.multiline, _b = _a.size, size = _b === void 0 ? 'md' : _b;
+        theme.size[layout[size].padding];
+        var transformFormula = !(focused || filled) ? 'translate(0px, 16px) scale(1)' : 'translate(0px, 8px) scale(0.75)';
+        if (multiline) {
+            transformFormula = 'translate(0px, 16px) scale(1)';
+        }
+        return {
+            display: 'block',
+            transformOrigin: 'top left',
+            whiteSpace: 'nowrap',
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+            position: 'absolute',
+            left: 0,
+            top: 0,
+            zIndex: 1,
+            pointerEvents: 'none',
+            transform: transformFormula,
+            lineHeight: '22px',
+            transition: theme.transitions.create(['color', 'transform', 'max-width'], {
+                duration: theme.transitions.duration.shorter,
+                easing: theme.transitions.easing.easeOut,
+            }),
+        };
+    };
+    var getTextFieldMultiPlaceholderStyles = function (_a) {
+        _a.theme; var filled = _a.filled; _a.size; _a.multiline; var _c = _a.placeholderIndex, placeholderIndex = _c === void 0 ? 0 : _c, _d = _a.placeholderLength, placeholderLength = _d === void 0 ? 0 : _d, _e = _a.animationTime, animationTime = _e === void 0 ? 2.5 : _e, animationKey = _a.animationKey;
+        var totalDuration = animationTime * placeholderLength;
+        var totalDelay = placeholderIndex * animationTime;
+        return {
+            display: 'block',
+            visibility: filled ? 'hidden' : 'visible',
+            transformOrigin: 'top left',
+            whiteSpace: 'nowrap',
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+            position: 'absolute',
+            transform: 'translateY(100%)',
+            animation: "".concat(animationKey, " ").concat(totalDuration, "s ").concat(totalDelay, "s infinite ease-in-out"),
+            left: 8,
+            zIndex: 1,
+            pointerEvents: 'none',
+            width: '100%',
+        };
+    };
+    var getTextFieldPlaceholderStyles = function (_a) {
+        _a.theme; var filled = _a.filled; _a.size; var multiline = _a.multiline;
+        var topValue = multiline ? '5px' : '50%';
+        var transformFormula = "translateY(".concat(multiline ? '0' : '-50%', ")");
+        return {
+            display: 'block',
+            visibility: filled ? 'hidden' : 'visible',
+            transformOrigin: 'top left',
+            whiteSpace: 'nowrap',
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+            position: 'absolute',
+            transform: transformFormula,
+            top: topValue,
+            zIndex: 1,
+            pointerEvents: 'none',
+            width: '100%',
+        };
+    };
+    var getContainerStyles = function (_a) {
+        var height = _a.height, isChipDropdown = _a.isChipDropdown, shrinked = _a.shrinked; _a.size; _a.theme; var disabled = _a.disabled, multiline = _a.multiline;
+        var padding = multiline ? '0' : shrinked ? '24px 0px 8px 0px' : isChipDropdown ? '8px' : "0px";
+        return {
+            position: 'relative',
+            display: 'inline-flex',
+            width: isChipDropdown ? '4px' : '100%',
+            padding: padding,
+            height: height,
+            boxSizing: 'border-box',
+            cursor: disabled ? 'not-allowed' : 'text',
+        };
+    };
+
+    var Root = styled__default.default.div(function (_a) {
+        var theme = _a.theme, focused = _a.focused, css = _a.css, select = _a.select, filled = _a.filled, disabled = _a.disabled, isChipDropdown = _a.isChipDropdown, minWidth = _a.minWidth, focusColor = _a.focusColor, rest = __rest(_a, ["theme", "focused", "css", "select", "filled", "disabled", "isChipDropdown", "minWidth", "focusColor"]);
+        return getTextFieldInputRootStyles(__assign(__assign({ theme: theme, focused: focused, select: select, filled: filled, disabled: disabled, isChipDropdown: isChipDropdown, minWidth: minWidth, focusColor: focusColor }, css), rest));
+    });
+    var Label = styled__default.default.label(function (_a) {
+        var theme = _a.theme, focused = _a.focused, filled = _a.filled, rest = __rest(_a, ["theme", "focused", "filled"]);
+        return getTextFieldLabelStyles(__assign({ theme: theme, focused: focused, filled: filled }, rest));
+    });
+    var MultiPlaceholder = styled__default.default.label(function (_a) {
+        var theme = _a.theme, focused = _a.focused, filled = _a.filled, multiline = _a.multiline, animationTime = _a.animationTime, placeholderIndex = _a.placeholderIndex, placeholderLength = _a.placeholderLength, rest = __rest(_a, ["theme", "focused", "filled", "multiline", "animationTime", "placeholderIndex", "placeholderLength"]);
+        return getTextFieldMultiPlaceholderStyles(__assign({ theme: theme, focused: focused, filled: filled, multiline: multiline, placeholderLength: placeholderLength, placeholderIndex: placeholderIndex, animationTime: animationTime }, rest));
+    });
+    var Placeholder = styled__default.default.label(function (_a) {
+        var theme = _a.theme, focused = _a.focused, filled = _a.filled, multiline = _a.multiline, rest = __rest(_a, ["theme", "focused", "filled", "multiline"]);
+        return getTextFieldPlaceholderStyles(__assign({ theme: theme, focused: focused, filled: filled, multiline: multiline }, rest));
+    });
+    var Input = styled__default.default.input(function (_a) {
+        var theme = _a.theme; _a.focused; _a.filled; var isChipDropdown = _a.isChipDropdown, select = _a.select, disabled = _a.disabled; __rest(_a, ["theme", "focused", "filled", "isChipDropdown", "select", "disabled"]);
+        return getTextFieldInputBaseStyles({ multiline: false, theme: theme, select: select, isChipDropdown: isChipDropdown, disabled: disabled });
+    });
+    var TextArea = styled__default.default.textarea(function (_a) {
+        var theme = _a.theme, isChipDropdown = _a.isChipDropdown, disabled = _a.disabled;
+        return getTextFieldInputBaseStyles({ multiline: true, theme: theme, isChipDropdown: isChipDropdown, disabled: disabled });
+    });
+    var TextField = react.forwardRef(function (_a, forwardedRef) {
+        var _b = _a.as, as = _b === void 0 ? 'input' : _b; _a.id; var _d = _a.multiline, multiline = _d === void 0 ? false : _d, _e = _a.size, size = _e === void 0 ? 'md' : _e, _f = _a.label, label = _f === void 0 ? '' : _f, prefix = _a.prefix, suffix = _a.suffix, _g = _a.error, error = _g === void 0 ? '' : _g, _h = _a.helperText, helperText = _h === void 0 ? '' : _h; _a.maxCharacters; var width = _a.width, height = _a.height, textFieldCSS = _a.textFieldCSS, focusColor = _a.focusColor, errorColor = _a.errorColor, css = _a.css, _j = _a.type, type = _j === void 0 ? 'text' : _j, _k = _a.value, value = _k === void 0 ? '' : _k, _l = _a.name, name = _l === void 0 ? '' : _l, onChange = _a.onChange, onFocus = _a.onFocus, onBlur = _a.onBlur, disabled = _a.disabled, rows = _a.rows, column = _a.column, ref = _a.ref, _m = _a.fullWidth, fullWidth = _m === void 0 ? false : _m, select = _a.select, nonInput = _a.nonInput, onClick = _a.onClick, isChipDropdown = _a.isChipDropdown, placeholder = _a.placeholder, minWidth = _a.minWidth; _a.prefixGap; var _p = _a.placeholderTextVariant, placeholderTextVariant = _p === void 0 ? 'B2' : _p, labelTypographyProps = _a.labelTypographyProps, textTypographyProps = _a.textTypographyProps, _q = _a.animationTime, animationTime = _q === void 0 ? 2.5 : _q, _r = _a.animationKey, animationKey = _r === void 0 ? 'verticalTicker' : _r, rest = __rest(_a, ["as", "id", "multiline", "size", "label", "prefix", "suffix", "error", "helperText", "maxCharacters", "width", "height", "textFieldCSS", "focusColor", "errorColor", "css", "type", "value", "name", "onChange", "onFocus", "onBlur", "disabled", "rows", "column", "ref", "fullWidth", "select", "nonInput", "onClick", "isChipDropdown", "placeholder", "minWidth", "prefixGap", "placeholderTextVariant", "labelTypographyProps", "textTypographyProps", "animationTime", "animationKey"]);
+        var _s = react.useState(false), focused = _s[0], setFocused = _s[1];
+        var _t = react.useState(false), showPassword = _t[0]; _t[1];
+        var theme = useTheme__default.default();
+        var inputStyles = textTypographyProps ? ctDesignTypography.getTypographyStyles(__assign({ theme: theme }, textTypographyProps)) : {};
+        var inputRef = react.useRef(null);
+        var textAreaRef = react.useRef(null);
+        var boxRef = react.useRef(null);
+        var handleRef = useMergeRefs__default.default(forwardedRef, ref);
+        react.useImperativeHandle(handleRef, function () { return ({
+            focus: function () {
+                var _a, _b;
+                if (multiline) {
+                    (_a = textAreaRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+                }
+                else {
+                    (_b = inputRef.current) === null || _b === void 0 ? void 0 : _b.focus();
+                }
+            },
+            node: boxRef === null || boxRef === void 0 ? void 0 : boxRef.current,
+        }); }, []);
+        var handleChange = react.useCallback(function (event) {
+            if (onChange) {
+                onChange(event);
+            }
+        }, [onChange]);
+        var handleFocus = react.useCallback(function (event) {
+            if (onFocus) {
+                onFocus(event);
+            }
+            setFocused(true);
+        }, []);
+        var handleBlur = react.useCallback(function (event) {
+            if (onBlur) {
+                onBlur(event);
+            }
+            setFocused(false);
+        }, []);
+        var handleClick = function (e) {
+            if (inputRef.current) {
+                inputRef.current.focus();
+            }
+            if (onClick) {
+                onClick(e);
+            }
+        };
+        var filled = value.toString().length > 0 ? true : false;
+        width = width ? width : fullWidth ? '100%' : theme.size[layout[size].width];
+        height = height ? height : as !== 'input' ? 'auto' : theme.size[layout[size].height];
+        var helperColor = '';
+        var focusOutlineColor = focusColor || theme.color.border.primary;
+        if (!disabled && focused) {
+            helperColor = focusColor || theme.color.border.primary;
+        }
+        if (!disabled && error) {
+            helperColor = errorColor || theme.color.background.warning;
+            focusOutlineColor = helperColor;
+        }
+        var getPlaceHolderText = function (value) {
+            if (typeof value === 'string') {
+                return value;
+            }
+            else {
+                return value[0];
+            }
+        };
+        return (jsxRuntime.jsxs(ctDesignBox.Box, __assign({ boxSize: 'micro', css: __assign(__assign({}, css), { minWidth: minWidth }) }, { children: [jsxRuntime.jsxs(Root, __assign({ theme: theme, onClick: handleClick, color: helperColor, focusColor: focusOutlineColor, width: width, minWidth: minWidth, height: height, focused: focused, filled: filled, css: textFieldCSS === null || textFieldCSS === void 0 ? void 0 : textFieldCSS.Root, select: select, disabled: disabled, ref: boxRef, isChipDropdown: isChipDropdown, columnGap: theme.spacing[2] }, { children: [prefix, jsxRuntime.jsxs(ctDesignContainer.Container, __assign({ css: getContainerStyles({
+                                shrinked: !!label && (focused || filled),
+                                isChipDropdown: !!isChipDropdown,
+                                height: height,
+                                size: size,
+                                theme: theme,
+                                disabled: disabled,
+                                multiline: multiline,
+                            }) }, { children: [label ? (jsxRuntime.jsx(Label, __assign({ theme: theme, color: helperColor, focused: focused, filled: filled, multiline: multiline }, { children: jsxRuntime.jsx(ctDesignTypography.Typography, __assign({ variant: 'B1', color: ctDesignTypography.TypographyColor.TERTIARY }, labelTypographyProps, { children: label })) }))) : (placeholder && (jsxRuntime.jsx(jsxRuntime.Fragment, { children: typeof placeholder === 'string' || (Array.isArray(placeholder) && placeholder.length == 1) ? (jsxRuntime.jsx(Placeholder, __assign({ filled: filled, theme: theme, size: size, multiline: multiline }, { children: jsxRuntime.jsx(ctDesignTypography.Typography, __assign({ variant: placeholderTextVariant, color: ctDesignTypography.TypographyColor.DISABLED, className: 'tt-ellipsis' }, { children: getPlaceHolderText(placeholder) })) }))) : (jsxRuntime.jsx(ctDesignContainer.Container, __assign({ width: '100%', height: '20px', position: 'absolute', css: {
+                                            top: "".concat(multiline ? '0' : '50%'),
+                                            transform: "".concat(multiline ? null : 'translateY(-50%)'),
+                                            overflow: 'hidden',
+                                        } }, { children: placeholder.map(function (txt, index) { return (jsxRuntime.jsx(MultiPlaceholder, __assign({ filled: filled, theme: theme, size: size, multiline: multiline, animationTime: animationTime, placeholderLength: placeholder.length, placeholderIndex: index, animationKey: animationKey }, { children: jsxRuntime.jsx(ctDesignTypography.Typography, __assign({ variant: placeholderTextVariant, color: ctDesignTypography.TypographyColor.DISABLED, className: 'tt-ellipsis' }, { children: txt })) }))); }) }))) }))), multiline ? (jsxRuntime.jsx(TextArea, __assign({ theme: theme, rows: rows, column: column, ref: textAreaRef, autoComplete: 'off', onFocus: handleFocus, onBlur: handleBlur, value: value, onChange: handleChange, filled: filled, focused: focused, name: name, isChipDropdown: isChipDropdown }, rest))) : (jsxRuntime.jsx(Input, __assign({ ref: inputRef, theme: theme, type: showPassword ? 'text' : type, readOnly: select || nonInput, autoComplete: 'off', onFocus: handleFocus, onBlur: handleBlur, value: value, onChange: handleChange, filled: filled, focused: focused, name: name, select: select, disabled: disabled, isChipDropdown: isChipDropdown, style: inputStyles }, rest)))] })), suffix] })), (helperText || error) && !disabled && (jsxRuntime.jsx(ctDesignContainer.Container, __assign({ className: 'flex flex-wrap', width: width, paddingLeft: '16px' }, { children: jsxRuntime.jsx(ctDesignTypography.Typography, __assign({ variant: 'B3', color: error ? ctDesignTypography.TypographyColor.WARNING : ctDesignTypography.TypographyColor.SUBHEADING }, { children: helperText || error })) })))] })));
+    });
+
+    exports.TextField = TextField;
+
+}));
+//# sourceMappingURL=ct-design-text-field.umd.js.map