@harvest-profit/npk/dist/Input/Control.js

NPK UI Design System

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const jsx_runtime_1 = require("react/jsx-runtime");
const BaseInput_1 = __importDefault(require("../BaseInput"));
const Button_1 = __importDefault(require("../Button"));
const MenuContext_1 = require("../Menu/MenuContext");
const Control = ({ children, value = null, name = '', ...props }) => {
    return ((0, jsx_runtime_1.jsx)(MenuContext_1.MenuContentsContext.Provider, { value: { inMenu: false, role: 'listbox' }, children: (0, jsx_runtime_1.jsx)(Button_1.default.Context, { value: {
                tabIndex: '0',
                align: 'start',
                block: props.block,
                disabled: props.disabled,
                variant: 'secondary',
                invisible: true,
                truncate: true,
                size: props.size,
            }, children: (0, jsx_runtime_1.jsxs)(BaseInput_1.default, { ...props, name: name, "data-component": "input-custom-control", children: [children, (value || name) && (0, jsx_runtime_1.jsx)("input", { type: "hidden", value: value, name: name, disabled: props.disabled, "aria-label": props['aria-label'], "aria-labelledby": props['aria-labelledby'], "aria-describedby": props['aria-describedby'], "aria-required": props['aria-required'] })] }) }) }));
};
Control.displayName = 'Input.Control';
exports.default = Control;
//# sourceMappingURL=Control.js.map