xmlui 0.11.4 → 0.11.7

package/dist/scripts/src/components/TextArea/TextAreaNative.js

@@ -1,196 +0,0 @@
-"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 () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TextArea = exports.defaultProps = exports.resizeOptionKeys = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importStar(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const react_textarea_autosize_1 = __importDefault(require("react-textarea-autosize"));
-const lodash_es_1 = require("lodash-es");
-const TextArea_module_scss_1 = __importDefault(require("./TextArea.module.scss"));
-const constants_1 = require("../../components-core/constants");
-const misc_1 = require("../../components-core/utils/misc");
-const TextAreaResizable_1 = __importDefault(require("./TextAreaResizable"));
-const parts_1 = require("../../components-core/parts");
-const react_compose_refs_1 = require("@radix-ui/react-compose-refs");
-exports.resizeOptionKeys = ["horizontal", "vertical", "both"];
-exports.defaultProps = {
-    value: "",
-    placeholder: "",
-    required: false,
-    readOnly: false,
-    allowCopy: true,
-    updateState: constants_1.noop,
-    autoFocus: false,
-    initialValue: "",
-    onDidChange: constants_1.noop,
-    onFocus: constants_1.noop,
-    onBlur: constants_1.noop,
-    controlled: true,
-    enterSubmits: true,
-    rows: 2,
-    enabled: true,
-};
-exports.TextArea = (0, react_1.forwardRef)(function TextArea(_a, forwardedRef) {
-    var { id, value = exports.defaultProps.value, placeholder = exports.defaultProps.placeholder, required = exports.defaultProps.required, readOnly = exports.defaultProps.readOnly, allowCopy = exports.defaultProps.allowCopy, updateState = exports.defaultProps.updateState, validationStatus, autoFocus = exports.defaultProps.autoFocus, initialValue = exports.defaultProps.initialValue, resize, onDidChange = exports.defaultProps.onDidChange, onFocus = exports.defaultProps.onFocus, onBlur = exports.defaultProps.onBlur, controlled = exports.defaultProps.controlled, enterSubmits = exports.defaultProps.enterSubmits, escResets, style, className, registerComponentApi, autoSize, maxRows, minRows, maxLength, rows = exports.defaultProps.rows, enabled = exports.defaultProps.enabled } = _a, rest = __rest(_a, ["id", "value", "placeholder", "required", "readOnly", "allowCopy", "updateState", "validationStatus", "autoFocus", "initialValue", "resize", "onDidChange", "onFocus", "onBlur", "controlled", "enterSubmits", "escResets", "style", "className", "registerComponentApi", "autoSize", "maxRows", "minRows", "maxLength", "rows", "enabled"]);
-    // --- The component is initially unfocused
-    const inputRef = (0, react_1.useRef)(null);
-    const ref = react_1.forwardRef ? (0, react_compose_refs_1.composeRefs)(forwardedRef, inputRef) : inputRef;
-    const [cursorPosition, setCursorPosition] = (0, react_1.useState)(null);
-    const [focused, setFocused] = react_1.default.useState(false);
-    const updateValue = (0, react_1.useCallback)((value) => {
-        updateState({ value: value });
-        onDidChange(value);
-    }, [onDidChange, updateState]);
-    const onInputChange = (0, react_1.useCallback)((event) => {
-        updateValue(event.target.value);
-    }, [updateValue]);
-    (0, react_1.useEffect)(() => {
-        updateState({ value: initialValue }, { initial: true });
-    }, [initialValue, updateState]);
-    (0, react_1.useEffect)(() => {
-        if (autoFocus) {
-            setTimeout(() => {
-                var _a;
-                (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-            }, 0);
-        }
-    }, [autoFocus, inputRef.current]);
-    // --- Execute this function when the user copies the value
-    const handleCopy = (event) => {
-        if (allowCopy) {
-            return true;
-        }
-        else {
-            event.preventDefault();
-            return false;
-        }
-    };
-    // --- Manage obtaining and losing the focus
-    const handleOnFocus = () => {
-        setFocused(true);
-        onFocus === null || onFocus === void 0 ? void 0 : onFocus();
-    };
-    const handleOnBlur = () => {
-        setFocused(false);
-        onBlur === null || onBlur === void 0 ? void 0 : onBlur();
-    };
-    const focus = (0, react_1.useCallback)(() => {
-        setTimeout(() => {
-            var _a;
-            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-        }, 0);
-    }, []);
-    const insert = (0, react_1.useCallback)((text) => {
-        const input = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current;
-        if (input && text) {
-            const start = input.selectionStart;
-            const value = input.value;
-            onInputChange({
-                // @ts-ignore
-                target: {
-                    value: value.substring(0, start) + text + value.substring(start),
-                },
-            });
-            setCursorPosition(start + text.length);
-        }
-    }, [inputRef, onInputChange]);
-    const setValue = (0, misc_1.useEvent)((val) => {
-        updateValue(val);
-    });
-    (0, react_1.useEffect)(() => {
-        if (cursorPosition) {
-            const input = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current;
-            if (input) {
-                input.setSelectionRange(cursorPosition, cursorPosition);
-                setCursorPosition(null);
-            }
-        }
-    }, [value, cursorPosition, inputRef]);
-    (0, react_1.useEffect)(() => {
-        registerComponentApi === null || registerComponentApi === void 0 ? void 0 : registerComponentApi({
-            focus,
-            insert,
-            setValue,
-        });
-    }, [focus, insert, registerComponentApi, setValue]);
-    // --- Handle the Enter key press
-    const handleEnter = (0, react_1.useCallback)((e) => {
-        var _a, _b;
-        if (e.currentTarget.form && enterSubmits && e.key.toLowerCase() === "enter" && !e.shiftKey) {
-            // -- Do not generate a new line
-            e.preventDefault();
-            (_a = e.currentTarget.form) === null || _a === void 0 ? void 0 : _a.requestSubmit();
-        }
-        if (e.currentTarget.form && escResets && e.key.toLowerCase() === "escape" && !e.shiftKey) {
-            e.preventDefault();
-            (_b = e.currentTarget.form) === null || _b === void 0 ? void 0 : _b.reset();
-        }
-    }, [enterSubmits, escResets]);
-    let classes = (0, classnames_1.default)(className, TextArea_module_scss_1.default.textarea, {
-        [TextArea_module_scss_1.default.resizeHorizontal]: resize === "horizontal",
-        [TextArea_module_scss_1.default.resizeVertical]: resize === "vertical",
-        [TextArea_module_scss_1.default.resizeBoth]: resize === "both",
-        [TextArea_module_scss_1.default.focused]: focused,
-        [TextArea_module_scss_1.default.disabled]: !enabled,
-        [TextArea_module_scss_1.default.error]: validationStatus === "error",
-        [TextArea_module_scss_1.default.warning]: validationStatus === "warning",
-        [TextArea_module_scss_1.default.valid]: validationStatus === "valid",
-    });
-    const textareaProps = Object.assign(Object.assign({}, rest), { id, className: classes, ref, style: style, value: controlled ? value || "" : undefined, disabled: !enabled, name: id, placeholder,
-        required,
-        maxLength, "aria-multiline": true, "aria-readonly": readOnly, readOnly: readOnly, onChange: onInputChange, onCopy: handleCopy, onFocus: handleOnFocus, onBlur: handleOnBlur, onKeyDown: handleEnter, autoComplete: "off" });
-    if (resize === "both" || resize === "horizontal" || resize === "vertical") {
-        return ((0, jsx_runtime_1.jsx)(TextAreaResizable_1.default, Object.assign({}, textareaProps, { "data-part-id": parts_1.PART_INPUT, style: style, className: (0, classnames_1.default)(classes), maxRows: maxRows, minRows: minRows, rows: rows })));
-    }
-    if (autoSize || !(0, lodash_es_1.isNil)(maxRows) || !(0, lodash_es_1.isNil)(minRows)) {
-        return ((0, jsx_runtime_1.jsx)(react_textarea_autosize_1.default, Object.assign({}, textareaProps, { "data-part-id": parts_1.PART_INPUT, style: style, className: (0, classnames_1.default)(classes), maxRows: maxRows, minRows: minRows, rows: rows })));
-    }
-    return ((0, jsx_runtime_1.jsx)("textarea", Object.assign({}, textareaProps, { "data-part-id": parts_1.PART_INPUT, rows: rows, className: (0, classnames_1.default)(classes) })));
-});

package/dist/scripts/src/components/TextArea/TextAreaResizable.js

@@ -1,73 +0,0 @@
-"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 () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __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 jsx_runtime_1 = require("react/jsx-runtime");
-const React = __importStar(require("react"));
-const react_1 = require("react");
-const useComposedRef_1 = require("./useComposedRef");
-const noop = () => { };
-const TextAreaResizable = (_a, userRef) => {
-    var { maxRows, minRows, onChange = noop, style } = _a, props = __rest(_a, ["maxRows", "minRows", "onChange", "style"]);
-    const libRef = (0, react_1.useRef)(null);
-    const ref = (0, useComposedRef_1.useComposedRef)(libRef, userRef);
-    const [minCompHeight, setMinCompHeight] = React.useState();
-    const [maxCompHeight, setMaxCompHeight] = React.useState();
-    (0, react_1.useEffect)(() => {
-        if (!libRef.current)
-            return;
-        // --- Simple get the physical sizes of the component...
-        const style = getComputedStyle(libRef.current);
-        const lineHeight = parseFloat(style.lineHeight);
-        const paddingSize = parseFloat(style.paddingTop) + parseFloat(style.paddingBottom);
-        const borderSize = parseFloat(style.borderTop) + parseFloat(style.borderBottom);
-        const extraSize = (style.boxSizing === "border-box" ? borderSize : 0) + paddingSize;
-        // --- ... and calculate the min and max heights based on the line height
-        setMinCompHeight(lineHeight * (minRows !== null && minRows !== void 0 ? minRows : 1) + extraSize);
-        setMaxCompHeight(lineHeight * (maxRows !== null && maxRows !== void 0 ? maxRows : 10000) + extraSize);
-    }, [maxRows, minRows]);
-    return ((0, jsx_runtime_1.jsx)("textarea", Object.assign({ ref: ref }, props, { onChange: onChange, style: Object.assign(Object.assign({}, style), { minHeight: minCompHeight, maxHeight: maxCompHeight }) })));
-};
-exports.default = React.forwardRef(TextAreaResizable);

package/dist/scripts/src/components/TextArea/useComposedRef.js

@@ -1,60 +0,0 @@
-"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 () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useComposedRef = void 0;
-const React = __importStar(require("react"));
-const updateRef = (ref, value) => {
-    if (typeof ref === 'function') {
-        ref(value);
-        return;
-    }
-    ;
-    ref.current = value;
-};
-const useComposedRef = (libRef, userRef) => {
-    const prevUserRef = React.useRef();
-    return React.useCallback((instance) => {
-        libRef.current = instance;
-        if (prevUserRef.current) {
-            updateRef(prevUserRef.current, null);
-        }
-        prevUserRef.current = userRef;
-        if (!userRef) {
-            return;
-        }
-        updateRef(userRef, instance);
-    }, [userRef]);
-};
-exports.useComposedRef = useComposedRef;

package/dist/scripts/src/components/TextBox/TextBox.js

@@ -1,133 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.passwordInputComponentRenderer = exports.PasswordMd = exports.textBoxComponentRenderer = exports.TextBoxMd = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const TextBox_module_scss_1 = __importDefault(require("./TextBox.module.scss"));
-const renderers_1 = require("../../components-core/renderers");
-const themeVars_1 = require("../../components-core/theming/themeVars");
-const metadata_helpers_1 = require("../metadata-helpers");
-const TextBoxNative_1 = require("./TextBoxNative");
-const COMP = "TextBox";
-exports.TextBoxMd = (0, metadata_helpers_1.createMetadata)({
-    status: "stable",
-    description: "`TextBox` captures user text input for forms, search fields, and data entry " +
-        "with support for validation, icons, and formatting hints.",
-    parts: {
-        label: {
-            description: "The label displayed for the text box.",
-        },
-        startAdornment: {
-            description: "The adornment displayed at the start of the text box.",
-        },
-        endAdornment: {
-            description: "The adornment displayed at the end of the text box.",
-        },
-        input: {
-            description: "The text box input area.",
-        }
-    },
-    defaultPart: "input",
-    props: {
-        placeholder: (0, metadata_helpers_1.dPlaceholder)(),
-        initialValue: Object.assign(Object.assign({}, (0, metadata_helpers_1.dInitialValue)()), { defaultValue: TextBoxNative_1.defaultProps.initialValue }),
-        maxLength: (0, metadata_helpers_1.dMaxLength)(),
-        autoFocus: (0, metadata_helpers_1.dAutoFocus)(),
-        required: (0, metadata_helpers_1.dRequired)(),
-        readOnly: (0, metadata_helpers_1.dReadonly)(),
-        enabled: Object.assign(Object.assign({}, (0, metadata_helpers_1.dEnabled)()), { defaultValue: TextBoxNative_1.defaultProps.enabled }),
-        validationStatus: Object.assign(Object.assign({}, (0, metadata_helpers_1.dValidationStatus)()), { defaultValue: TextBoxNative_1.defaultProps.validationStatus }),
-        startText: (0, metadata_helpers_1.dStartText)(),
-        startIcon: (0, metadata_helpers_1.dStartIcon)(),
-        endText: (0, metadata_helpers_1.dEndText)(),
-        endIcon: (0, metadata_helpers_1.dEndIcon)(),
-        gap: {
-            description: "This property defines the gap between the adornments and the input area. If not " +
-                "set, the gap declared by the current theme is used.",
-        },
-        showPasswordToggle: {
-            description: "If `true`, a toggle button is displayed to switch between showing and hiding the password input.",
-            defaultValue: false,
-        },
-        passwordVisibleIcon: {
-            description: "The icon to display when the password is visible (when showPasswordToggle is true).",
-            valueType: "string",
-            defaultValue: "eye",
-        },
-        passwordHiddenIcon: {
-            description: "The icon to display when the password is hidden (when showPasswordToggle is true).",
-            valueType: "string",
-            defaultValue: "eye-off",
-        },
-    },
-    events: {
-        gotFocus: (0, metadata_helpers_1.dGotFocus)(COMP),
-        lostFocus: (0, metadata_helpers_1.dLostFocus)(COMP),
-        didChange: (0, metadata_helpers_1.dDidChange)(COMP),
-    },
-    apis: {
-        focus: {
-            description: `This method sets the focus on the \`${COMP}\` component.`,
-            signature: "focus(): void",
-        },
-        value: {
-            description: `You can query the component's value. If no value is set, it will retrieve \`undefined\`.`,
-            signature: "get value(): string | undefined",
-        },
-        setValue: {
-            description: `This API sets the value of the \`${COMP}\`. You can use it to programmatically change the value.`,
-            signature: "setValue(value: string): void",
-            parameters: {
-                value: "The new value to set. If the value is empty, it will clear the input.",
-            },
-        },
-    },
-    themeVars: (0, themeVars_1.parseScssVar)(TextBox_module_scss_1.default.themeVars),
-    defaultThemeVars: {
-        // TODO: When FormItem is themed, move these defaults there
-        "borderRadius-Input": "$borderRadius",
-        "textColor-Input": "$textColor-primary",
-        "backgroundColor-Input--disabled": "$backgroundColor--disabled",
-        "borderWidth-Input": "1px",
-        "minHeight-Input": "39px",
-        [`paddingHorizontal-${COMP}`]: "$space-2",
-        [`paddingVertical-${COMP}`]: "$space-2",
-        "gap-adornment-Input": "$space-2",
-        "borderStyle-Input": "solid",
-        "borderColor-Input--disabled": "$borderColor--disabled",
-        "textColor-Input--disabled": "$textColor--disabled",
-        "borderColor-Input--default": "$borderColor-Input-default",
-        "borderColor-Input--default--hover": "$borderColor-Input-default--hover",
-        "borderColor-Input--error": "$borderColor-Input-default--error",
-        "borderColor-Input--warning": "$borderColor-Input-default--warning",
-        "borderColor-Input--success": "$borderColor-Input-default--success",
-        "textColor-placeholder-Input": "$textColor-subtitle",
-        "color-adornment-Input": "$textColor-subtitle",
-        "outlineColor-Input--focus": "$outlineColor--focus",
-        "outlineWidth-Input--focus": "$outlineWidth--focus",
-        "outlineStyle-Input--focus": "$outlineStyle--focus",
-        "outlineOffset-Input--focus": "$outlineOffset--focus",
-        "color-passwordToggle-Input": "$textColor-subtitle",
-        light: {
-        // --- No light-specific theme vars
-        },
-        dark: {
-        // --- No dark-specific theme vars
-        },
-    },
-});
-function renderTextBox(className, state, updateState, extractValue, node, lookupEventHandler, registerComponentApi, type = "text") {
-    // TODO: How can we use the gap from the className?
-    //delete layoutCss.gap;
-    return ((0, jsx_runtime_1.jsx)(TextBoxNative_1.TextBox, { type: type, className: className, value: state.value, updateState: updateState, initialValue: extractValue(node.props.initialValue), maxLength: extractValue(node.props.maxLength), enabled: extractValue.asOptionalBoolean(node.props.enabled), placeholder: extractValue.asOptionalString(node.props.placeholder), validationStatus: extractValue(node.props.validationStatus), onDidChange: lookupEventHandler("didChange"), onFocus: lookupEventHandler("gotFocus"), onBlur: lookupEventHandler("lostFocus"), registerComponentApi: registerComponentApi, startText: extractValue.asOptionalString(node.props.startText), startIcon: extractValue.asOptionalString(node.props.startIcon), endText: extractValue.asOptionalString(node.props.endText), endIcon: extractValue.asOptionalString(node.props.endIcon), gap: extractValue.asOptionalString(node.props.gap), autoFocus: extractValue.asOptionalBoolean(node.props.autoFocus), readOnly: extractValue.asOptionalBoolean(node.props.readOnly), required: extractValue.asOptionalBoolean(node.props.required), showPasswordToggle: extractValue.asOptionalBoolean(node.props.showPasswordToggle, false), passwordVisibleIcon: extractValue.asOptionalString(node.props.passwordVisibleIcon), passwordHiddenIcon: extractValue.asOptionalString(node.props.passwordHiddenIcon) }));
-}
-exports.textBoxComponentRenderer = (0, renderers_1.createComponentRenderer)(COMP, exports.TextBoxMd, ({ node, state, updateState, lookupEventHandler, extractValue, className, registerComponentApi, }) => {
-    return renderTextBox(className, state, updateState, extractValue, node, lookupEventHandler, registerComponentApi);
-});
-exports.PasswordMd = (0, metadata_helpers_1.createMetadata)(Object.assign(Object.assign({}, exports.TextBoxMd), { description: "`Password` is a specialized [TextBox](/components/TextBox) that enables users " +
-        "to input and edit passwords." }));
-exports.passwordInputComponentRenderer = (0, renderers_1.createComponentRenderer)("PasswordInput", exports.PasswordMd, ({ node, state, updateState, lookupEventHandler, extractValue, className, registerComponentApi, }) => {
-    return renderTextBox(className, state, updateState, extractValue, node, lookupEventHandler, registerComponentApi, "password");
-});