@kubit-ui-web/react-components
Version:
Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience
35 lines • 1.59 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.Pill = exports.PillUnControlled = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const react_1 = __importDefault(require("react"));
const keyboard_utility_1 = require("../../utils/keyboard/keyboard.utility");
const pillControlled_1 = require("./pillControlled");
/**
* @deprecated Try the new PillV2 component
*/
const PillUnControlled = ({ initialState = false, focus, ...props }) => {
const ref = react_1.default.useRef(null);
const [selected, setSelected] = react_1.default.useState(initialState);
const setPillSelected = checked => {
setSelected(checked);
};
react_1.default.useEffect(() => {
if (focus) {
ref.current?.focus();
}
}, [focus]);
const handleOnKeyDown = value => event => {
if ((0, keyboard_utility_1.isKeyEnterPressed)(event.key) || (0, keyboard_utility_1.isKeySpacePressed)(event.key)) {
event.preventDefault();
props.onPillChange?.(true, value);
}
};
return ((0, jsx_runtime_1.jsx)(pillControlled_1.PillControlled, { ...props, ref: ref, selected: props.selected ?? selected, onKeyDown: handleOnKeyDown, onPillChange: props.onPillChange ?? setPillSelected, children: props.children }));
};
exports.PillUnControlled = PillUnControlled;
exports.Pill = exports.PillUnControlled;
//# sourceMappingURL=pillUnControlled.js.map