@smitch/breeze 2.2.9 → 2.2.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { RadioGroupProps } from
|
|
2
|
-
declare const RadioGroup: ({ className, labelStyles, legend, data, name, getIcon, icons, onChange, hideInput, columns, size, legendAlign, legendBold, hasBorder, spacing, roundedRadio, }: RadioGroupProps) => import("react/jsx-runtime").JSX.Element;
|
|
1
|
+
import { RadioGroupProps } from "./types";
|
|
2
|
+
declare const RadioGroup: ({ className, labelStyles, legend, data, name, getIcon, icons, onChange, hideInput, columns, size, legendAlign, legendBold, hasBorder, spacing, roundedRadio, defaultChecked, }: RadioGroupProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export default RadioGroup;
|
|
@@ -1,30 +1,30 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
2
|
+
"use client";
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
var react_1 = require("react");
|
|
6
6
|
var tailwind_merge_1 = require("tailwind-merge");
|
|
7
7
|
var __1 = require("..");
|
|
8
8
|
var layouts = {
|
|
9
|
-
1:
|
|
10
|
-
2:
|
|
11
|
-
3:
|
|
12
|
-
4:
|
|
13
|
-
5:
|
|
14
|
-
6:
|
|
9
|
+
1: "grid-cols-1",
|
|
10
|
+
2: "grid-cols-2",
|
|
11
|
+
3: "grid-cols-3",
|
|
12
|
+
4: "grid-cols-4",
|
|
13
|
+
5: "grid-cols-5",
|
|
14
|
+
6: "grid-cols-6",
|
|
15
15
|
};
|
|
16
16
|
var RadioGroup = function (_a) {
|
|
17
|
-
var _b = _a.className, className = _b === void 0 ?
|
|
18
|
-
var _m = (0, react_1.useState)(
|
|
17
|
+
var _b = _a.className, className = _b === void 0 ? "" : _b, _c = _a.labelStyles, labelStyles = _c === void 0 ? "" : _c, legend = _a.legend, data = _a.data, name = _a.name, getIcon = _a.getIcon, _d = _a.icons, icons = _d === void 0 ? false : _d, onChange = _a.onChange, hideInput = _a.hideInput, _e = _a.columns, columns = _e === void 0 ? 1 : _e, _f = _a.size, size = _f === void 0 ? "md" : _f, _g = _a.legendAlign, legendAlign = _g === void 0 ? "center" : _g, _h = _a.legendBold, legendBold = _h === void 0 ? true : _h, _j = _a.hasBorder, hasBorder = _j === void 0 ? false : _j, _k = _a.spacing, spacing = _k === void 0 ? "4" : _k, _l = _a.roundedRadio, roundedRadio = _l === void 0 ? "full" : _l, defaultChecked = _a.defaultChecked;
|
|
18
|
+
var _m = (0, react_1.useState)(""), checked = _m[0], setChecked = _m[1];
|
|
19
19
|
var layoutStyles = (0, react_1.useMemo)(function () { return layouts[columns]; }, [columns]);
|
|
20
20
|
var handleChange = function (event) {
|
|
21
21
|
setChecked(event.target.value);
|
|
22
|
-
if (onChange && event.type ===
|
|
22
|
+
if (onChange && event.type === "change")
|
|
23
23
|
onChange(event);
|
|
24
24
|
};
|
|
25
|
-
return ((0, jsx_runtime_1.jsx)(__1.Fieldset, { legendText: legend, legendSize: size, legendAlign: legendAlign, isBold: legendBold, hasBorder: hasBorder, children: (0, jsx_runtime_1.jsx)("div", { className: (0, tailwind_merge_1.twMerge)("radiogroup group grid ".concat(layoutStyles, " gap-").concat(spacing, " ").concat(icons ?
|
|
26
|
-
return ((0, jsx_runtime_1.jsx)(__1.Label, { label: getIcon ? getIcon(item.id) : item.name, layout:
|
|
25
|
+
return ((0, jsx_runtime_1.jsx)(__1.Fieldset, { legendText: legend, legendSize: size, legendAlign: legendAlign, isBold: legendBold, hasBorder: hasBorder, children: (0, jsx_runtime_1.jsx)("div", { className: (0, tailwind_merge_1.twMerge)("radiogroup group grid ".concat(layoutStyles, " gap-").concat(spacing, " ").concat(icons ? "icons" : ""), className), children: data.map(function (item) {
|
|
26
|
+
return ((0, jsx_runtime_1.jsx)(__1.Label, { label: getIcon ? getIcon(item.id) : item.name, layout: "row_reverse", type: "radio", className: labelStyles, size: size, children: (0, jsx_runtime_1.jsx)(__1.Input, { name: name, type: "radio", value: item.id, onChange: handleChange, checked: item.id === checked, defaultChecked: item.id === defaultChecked, className: "".concat(hideInput ? "opacity-0 w-0 h-0 -ml-1" : ""), size: size, rounded: roundedRadio }) }, item.id));
|
|
27
27
|
}) }) }));
|
|
28
28
|
};
|
|
29
29
|
exports.default = RadioGroup;
|
|
30
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
30
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW9Hcm91cC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy91aS9yYWRpb2dyb3VwL1JhZGlvR3JvdXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxZQUFZLENBQUM7OztBQUViLCtCQUE0RDtBQUU1RCxpREFBeUM7QUFFekMsd0JBQTRDO0FBSTVDLElBQU0sT0FBTyxHQUFHO0lBQ2QsQ0FBQyxFQUFFLGFBQWE7SUFDaEIsQ0FBQyxFQUFFLGFBQWE7SUFDaEIsQ0FBQyxFQUFFLGFBQWE7SUFDaEIsQ0FBQyxFQUFFLGFBQWE7SUFDaEIsQ0FBQyxFQUFFLGFBQWE7SUFDaEIsQ0FBQyxFQUFFLGFBQWE7Q0FDakIsQ0FBQztBQUVGLElBQU0sVUFBVSxHQUFHLFVBQUMsRUFrQkY7UUFqQmhCLGlCQUFjLEVBQWQsU0FBUyxtQkFBRyxFQUFFLEtBQUEsRUFDZCxtQkFBZ0IsRUFBaEIsV0FBVyxtQkFBRyxFQUFFLEtBQUEsRUFDaEIsTUFBTSxZQUFBLEVBQ04sSUFBSSxVQUFBLEVBQ0osSUFBSSxVQUFBLEVBQ0osT0FBTyxhQUFBLEVBQ1AsYUFBYSxFQUFiLEtBQUssbUJBQUcsS0FBSyxLQUFBLEVBQ2IsUUFBUSxjQUFBLEVBQ1IsU0FBUyxlQUFBLEVBQ1QsZUFBVyxFQUFYLE9BQU8sbUJBQUcsQ0FBQyxLQUFBLEVBQ1gsWUFBVyxFQUFYLElBQUksbUJBQUcsSUFBSSxLQUFBLEVBQ1gsbUJBQXNCLEVBQXRCLFdBQVcsbUJBQUcsUUFBUSxLQUFBLEVBQ3RCLGtCQUFpQixFQUFqQixVQUFVLG1CQUFHLElBQUksS0FBQSxFQUNqQixpQkFBaUIsRUFBakIsU0FBUyxtQkFBRyxLQUFLLEtBQUEsRUFDakIsZUFBYSxFQUFiLE9BQU8sbUJBQUcsR0FBRyxLQUFBLEVBQ2Isb0JBQXFCLEVBQXJCLFlBQVksbUJBQUcsTUFBTSxLQUFBLEVBQ3JCLGNBQWMsb0JBQUE7SUFFUixJQUFBLEtBQXdCLElBQUEsZ0JBQVEsRUFBQyxFQUFFLENBQUMsRUFBbkMsT0FBTyxRQUFBLEVBQUUsVUFBVSxRQUFnQixDQUFDO0lBZ0IzQyxJQUFNLFlBQVksR0FBRyxJQUFBLGVBQU8sRUFBQyxjQUFNLE9BQUEsT0FBTyxDQUFDLE9BQU8sQ0FBQyxFQUFoQixDQUFnQixFQUFFLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQztJQUVoRSxJQUFNLFlBQVksR0FBRyxVQUFDLEtBQTBDO1FBQzlELFVBQVUsQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQy9CLElBQUksUUFBUSxJQUFJLEtBQUssQ0FBQyxJQUFJLEtBQUssUUFBUTtZQUFFLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMzRCxDQUFDLENBQUM7SUFFRixPQUFPLENBQ0wsdUJBQUMsWUFBUSxJQUNQLFVBQVUsRUFBRSxNQUFNLEVBQ2xCLFVBQVUsRUFBRSxJQUFJLEVBQ2hCLFdBQVcsRUFBRSxXQUFXLEVBQ3hCLE1BQU0sRUFBRSxVQUFVLEVBQ2xCLFNBQVMsRUFBRSxTQUFTLFlBRXBCLGdDQUNFLFNBQVMsRUFBRSxJQUFBLHdCQUFPLEVBQ2hCLGdDQUF5QixZQUFZLGtCQUFRLE9BQU8sY0FBSSxLQUFLLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFFLEVBQzlFLFNBQVMsQ0FDVixZQUVBLElBQUksQ0FBQyxHQUFHLENBQUMsVUFBQyxJQUFJO2dCQUNiLE9BQU8sQ0FDTCx1QkFBQyxTQUFLLElBRUosS0FBSyxFQUFFLE9BQU8sQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLElBQUksRUFDN0MsTUFBTSxFQUFDLGFBQWEsRUFDcEIsSUFBSSxFQUFDLE9BQU8sRUFDWixTQUFTLEVBQUUsV0FBVyxFQUN0QixJQUFJLEVBQUUsSUFBSSxZQUVWLHVCQUFDLFNBQUssSUFDSixJQUFJLEVBQUUsSUFBSSxFQUNWLElBQUksRUFBQyxPQUFPLEVBQ1osS0FBSyxFQUFFLElBQUksQ0FBQyxFQUFFLEVBQ2QsUUFBUSxFQUFFLFlBQVksRUFDdEIsT0FBTyxFQUFFLElBQUksQ0FBQyxFQUFFLEtBQUssT0FBTyxFQUM1QixjQUFjLEVBQUUsSUFBSSxDQUFDLEVBQUUsS0FBSyxjQUFjLEVBQzFDLFNBQVMsRUFBRSxVQUFHLFNBQVMsQ0FBQyxDQUFDLENBQUMseUJBQXlCLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBRSxFQUMxRCxJQUFJLEVBQUUsSUFBSSxFQUNWLE9BQU8sRUFBRSxZQUFZLEdBQ3JCLElBakJHLElBQUksQ0FBQyxFQUFFLENBa0JOLENBQ1QsQ0FBQztZQUNKLENBQUMsQ0FBQyxHQUNFLEdBQ0csQ0FDWixDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBRUYsa0JBQWUsVUFBVSxDQUFDIn0=
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export interface RadioGroupProps
|
|
1
|
+
export interface RadioGroupProps {
|
|
2
2
|
data: any[];
|
|
3
3
|
getIcon?: (key: string) => void;
|
|
4
4
|
legend?: string;
|
|
@@ -9,10 +9,11 @@ export interface RadioGroupProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
9
9
|
name?: string;
|
|
10
10
|
hideInput?: boolean;
|
|
11
11
|
columns?: 1 | 2 | 3 | 4 | 5 | 6;
|
|
12
|
-
size?:
|
|
13
|
-
legendAlign?:
|
|
12
|
+
size?: "sm" | "md" | "lg" | "xl";
|
|
13
|
+
legendAlign?: "left" | "center" | "right";
|
|
14
14
|
hasBorder?: boolean;
|
|
15
15
|
legendBold?: boolean;
|
|
16
|
-
spacing?:
|
|
17
|
-
roundedRadio?:
|
|
16
|
+
spacing?: "4" | "8";
|
|
17
|
+
roundedRadio?: "none" | "md" | "lg" | "full";
|
|
18
|
+
defaultChecked?: string;
|
|
18
19
|
}
|