@copilotkit/a2ui-renderer
Version:
A2UI Renderer for CopilotKit - render A2UI surfaces in React applications
73 lines (71 loc) • 2.42 kB
JavaScript
const require_runtime = require('../../../../../_virtual/_rolldown/runtime.cjs');
const require_adapter = require('../../../adapter.cjs');
const require_utils = require('../utils.cjs');
let react = require("react");
react = require_runtime.__toESM(react);
let react_jsx_runtime = require("react/jsx-runtime");
let _a2ui_web_core_v0_9_basic_catalog = require("@a2ui/web_core/v0_9/basic_catalog");
//#region src/react-renderer/a2ui-react/catalog/basic/components/CheckBox.tsx
/**
* Copyright 2026 Google LLC
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
const CheckBox = require_adapter.createReactComponent(_a2ui_web_core_v0_9_basic_catalog.CheckBoxApi, ({ props }) => {
const onChange = (e) => {
props.setValue(e.target.checked);
};
const uniqueId = react.default.useId();
const hasError = props.validationErrors && props.validationErrors.length > 0;
return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
style: {
display: "flex",
flexDirection: "column",
margin: require_utils.LEAF_MARGIN
},
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
style: {
display: "flex",
alignItems: "center",
gap: "8px"
},
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
id: uniqueId,
type: "checkbox",
checked: !!props.value,
onChange,
style: {
cursor: "pointer",
outline: hasError ? "1px solid red" : "none"
}
}), props.label && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
htmlFor: uniqueId,
style: {
cursor: "pointer",
color: hasError ? "red" : "inherit"
},
children: props.label
})]
}), hasError && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
style: {
fontSize: "12px",
color: "red",
marginTop: "4px"
},
children: props.validationErrors?.[0]
})]
});
});
//#endregion
exports.CheckBox = CheckBox;
//# sourceMappingURL=CheckBox.cjs.map