nice-ui/lib/5-block/CommandPalette/args/CommandArgString.js

React design system, components, and utilities

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.CommandArgString = void 0;
const React = require("react");
const use_t_1 = require("use-t");
const Typeahead_1 = require("../../../2-inline-block/Typeahead");
const BasicTooltip_1 = require("../../../4-card/BasicTooltip");
const Iconista_1 = require("../../../icons/Iconista");
const CommandPaletteItem_1 = require("../CommandPaletteItem");
const CommandArg_1 = require("./CommandArg");
const CommandParameter_1 = require("./CommandParameter");
const icon = (React.createElement(BasicTooltip_1.BasicTooltip, { renderTooltip: () => 'string' },
    React.createElement(Iconista_1.Iconista, { set: "elastic", icon: "string", width: 16, height: 16 })));
const CommandArgString = ({ title, label, actionLabel, value, placeholder, readonly, onChange, onSubmit, onClick, onTabBack, onDeleteBefore, }) => {
    const [t] = (0, use_t_1.useT)();
    const active = !readonly;
    return (React.createElement(CommandArg_1.CommandArg, { title: title, right: React.createElement("span", { style: { fontSize: '1.1em' } },
            React.createElement(CommandParameter_1.CommandParameter, { value: value, label: label, active: active })), active: active, onClick: onClick }, !readonly && (React.createElement(CommandPaletteItem_1.CommandPaletteItem, { selected: !readonly, icon: icon, actionLabel: actionLabel || t('Submit') },
        React.createElement(Typeahead_1.Typeahead, { autoFocus: true, value: value, placeholder: placeholder, onChange: onChange, onEnter: onSubmit, onTab: onSubmit, onTabBack: onTabBack, onDeleteBefore: onDeleteBefore })))));
};
exports.CommandArgString = CommandArgString;