@iabbb/bds-react 0.45.2 → 0.46.0

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.
Files changed (57) hide show
  1. package/Button/index.cjs +3 -1
  2. package/Button/index.cjs.map +1 -1
  3. package/CallToAction/index.cjs +3 -1
  4. package/CallToAction/index.cjs.map +1 -1
  5. package/ErrorMessage/ErrorMessage.d.ts +2 -0
  6. package/ErrorMessage/index.cjs +90 -0
  7. package/ErrorMessage/index.cjs.map +1 -0
  8. package/ErrorMessage/index.d.ts +1 -0
  9. package/ErrorMessage/index.mjs +67 -0
  10. package/ErrorMessage/index.mjs.map +1 -0
  11. package/ErrorMessage/package.json +7 -0
  12. package/ErrorSummary/ErrorSummary.d.ts +1 -2
  13. package/ErrorSummary/index.cjs +14 -9
  14. package/ErrorSummary/index.cjs.map +1 -1
  15. package/ErrorSummary/index.mjs +14 -9
  16. package/ErrorSummary/index.mjs.map +1 -1
  17. package/FieldCheckbox/FieldCheckbox.d.ts +6 -0
  18. package/FieldCheckbox/index.cjs +194 -0
  19. package/FieldCheckbox/index.cjs.map +1 -0
  20. package/FieldCheckbox/index.d.ts +1 -0
  21. package/FieldCheckbox/index.mjs +171 -0
  22. package/FieldCheckbox/index.mjs.map +1 -0
  23. package/FieldCheckbox/package.json +7 -0
  24. package/FieldRadio/FieldRadio.d.ts +5 -0
  25. package/FieldRadio/index.cjs +166 -0
  26. package/FieldRadio/index.cjs.map +1 -0
  27. package/FieldRadio/index.d.ts +1 -0
  28. package/FieldRadio/index.mjs +143 -0
  29. package/FieldRadio/index.mjs.map +1 -0
  30. package/FieldRadio/package.json +7 -0
  31. package/FieldTextInput/index.cjs +28 -14
  32. package/FieldTextInput/index.cjs.map +1 -1
  33. package/FieldTextInput/index.mjs +25 -13
  34. package/FieldTextInput/index.mjs.map +1 -1
  35. package/FieldTextarea/FieldTextarea.d.ts +9 -0
  36. package/FieldTextarea/index.cjs +120 -0
  37. package/FieldTextarea/index.cjs.map +1 -0
  38. package/FieldTextarea/index.d.ts +1 -0
  39. package/FieldTextarea/index.mjs +97 -0
  40. package/FieldTextarea/index.mjs.map +1 -0
  41. package/FieldTextarea/package.json +7 -0
  42. package/Fieldset/Fieldset.d.ts +9 -0
  43. package/Fieldset/index.cjs +119 -0
  44. package/Fieldset/index.cjs.map +1 -0
  45. package/Fieldset/index.d.ts +2 -0
  46. package/Fieldset/index.mjs +96 -0
  47. package/Fieldset/index.mjs.map +1 -0
  48. package/Fieldset/package.json +7 -0
  49. package/Pagination/index.cjs +3 -1
  50. package/Pagination/index.cjs.map +1 -1
  51. package/Typography/index.cjs +3 -1
  52. package/Typography/index.cjs.map +1 -1
  53. package/index.cjs +45 -28
  54. package/index.cjs.map +1 -1
  55. package/index.mjs +45 -28
  56. package/index.mjs.map +1 -1
  57. package/package.json +10 -10
@@ -0,0 +1,194 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var React = require('react');
6
+
7
+ function _interopNamespaceDefault(e) {
8
+ var n = Object.create(null);
9
+ if (e) {
10
+ Object.keys(e).forEach(function (k) {
11
+ if (k !== 'default') {
12
+ var d = Object.getOwnPropertyDescriptor(e, k);
13
+ Object.defineProperty(n, k, d.get ? d : {
14
+ enumerable: true,
15
+ get: function () { return e[k]; }
16
+ });
17
+ }
18
+ });
19
+ }
20
+ n.default = e;
21
+ return Object.freeze(n);
22
+ }
23
+
24
+ var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
25
+
26
+ function _iterableToArrayLimit(r, l) {
27
+ var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
28
+ if (null != t) {
29
+ var e,
30
+ n,
31
+ i,
32
+ u,
33
+ a = [],
34
+ f = !0,
35
+ o = !1;
36
+ try {
37
+ if (i = (t = t.call(r)).next, 0 === l) {
38
+ if (Object(t) !== t) return;
39
+ f = !1;
40
+ } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
41
+ } catch (r) {
42
+ o = !0, n = r;
43
+ } finally {
44
+ try {
45
+ if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
46
+ } finally {
47
+ if (o) throw n;
48
+ }
49
+ }
50
+ return a;
51
+ }
52
+ }
53
+ function _extends() {
54
+ _extends = Object.assign ? Object.assign.bind() : function (target) {
55
+ for (var i = 1; i < arguments.length; i++) {
56
+ var source = arguments[i];
57
+ for (var key in source) {
58
+ if (Object.prototype.hasOwnProperty.call(source, key)) {
59
+ target[key] = source[key];
60
+ }
61
+ }
62
+ }
63
+ return target;
64
+ };
65
+ return _extends.apply(this, arguments);
66
+ }
67
+ function _objectWithoutPropertiesLoose(source, excluded) {
68
+ if (source == null) return {};
69
+ var target = {};
70
+ var sourceKeys = Object.keys(source);
71
+ var key, i;
72
+ for (i = 0; i < sourceKeys.length; i++) {
73
+ key = sourceKeys[i];
74
+ if (excluded.indexOf(key) >= 0) continue;
75
+ target[key] = source[key];
76
+ }
77
+ return target;
78
+ }
79
+ function _objectWithoutProperties(source, excluded) {
80
+ if (source == null) return {};
81
+ var target = _objectWithoutPropertiesLoose(source, excluded);
82
+ var key, i;
83
+ if (Object.getOwnPropertySymbols) {
84
+ var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
85
+ for (i = 0; i < sourceSymbolKeys.length; i++) {
86
+ key = sourceSymbolKeys[i];
87
+ if (excluded.indexOf(key) >= 0) continue;
88
+ if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
89
+ target[key] = source[key];
90
+ }
91
+ }
92
+ return target;
93
+ }
94
+ function _slicedToArray(arr, i) {
95
+ return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
96
+ }
97
+ function _arrayWithHoles(arr) {
98
+ if (Array.isArray(arr)) return arr;
99
+ }
100
+ function _unsupportedIterableToArray(o, minLen) {
101
+ if (!o) return;
102
+ if (typeof o === "string") return _arrayLikeToArray(o, minLen);
103
+ var n = Object.prototype.toString.call(o).slice(8, -1);
104
+ if (n === "Object" && o.constructor) n = o.constructor.name;
105
+ if (n === "Map" || n === "Set") return Array.from(o);
106
+ if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
107
+ }
108
+ function _arrayLikeToArray(arr, len) {
109
+ if (len == null || len > arr.length) len = arr.length;
110
+ for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
111
+ return arr2;
112
+ }
113
+ function _nonIterableRest() {
114
+ throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
115
+ }
116
+
117
+ var _excluded$1 = ["className", "children"];
118
+ function ErrorMessage(_ref) {
119
+ var className = _ref.className,
120
+ children = _ref.children,
121
+ props = _objectWithoutProperties(_ref, _excluded$1);
122
+ return /*#__PURE__*/React__namespace.createElement("span", _extends({
123
+ className: ['bds-error', className].filter(function (x) {
124
+ return x;
125
+ }).join(' ')
126
+ }, props), /*#__PURE__*/React__namespace.createElement("svg", {
127
+ xmlns: "http://www.w3.org/2000/svg",
128
+ viewBox: "0 0 512 512",
129
+ "aria-hidden": "true",
130
+ height: "1em",
131
+ width: "1em",
132
+ fill: "currentColor"
133
+ }, /*#__PURE__*/React__namespace.createElement("path", {
134
+ d: "M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7.2 40.1S486.3 480 472 480H40c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8.2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24v112c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224c0-17.7-14.3-32-32-32s-32 14.3-32 32 14.3 32 32 32 32-14.3 32-32z"
135
+ })), children);
136
+ }
137
+
138
+ var _excluded = ["error", "id", "label"];
139
+ function FieldCheckbox(_ref) {
140
+ var error = _ref.error,
141
+ id = _ref.id,
142
+ label = _ref.label,
143
+ props = _objectWithoutProperties(_ref, _excluded);
144
+ var _React$useState = React__namespace.useState(false),
145
+ _React$useState2 = _slicedToArray(_React$useState, 2),
146
+ isEnhanced = _React$useState2[0],
147
+ setIsEnhanced = _React$useState2[1];
148
+ var fallbackId = React__namespace.useId();
149
+ var errorId = React__namespace.useId();
150
+ var inputId = id !== null && id !== void 0 ? id : fallbackId;
151
+ React__namespace.useEffect(function () {
152
+ setIsEnhanced(true);
153
+ }, []);
154
+ return /*#__PURE__*/React__namespace.createElement("div", {
155
+ className: "bds-form-group"
156
+ }, error && /*#__PURE__*/React__namespace.createElement(ErrorMessage, {
157
+ id: errorId
158
+ }, error), /*#__PURE__*/React__namespace.createElement("div", {
159
+ className: "bds-checkbox",
160
+ "data-enhanced": isEnhanced ? '' : undefined
161
+ }, /*#__PURE__*/React__namespace.createElement("input", _extends({}, props, {
162
+ "aria-describedby": error ? errorId : undefined,
163
+ "aria-invalid": error ? true : undefined,
164
+ id: inputId,
165
+ type: "checkbox"
166
+ })), isEnhanced && /*#__PURE__*/React__namespace.createElement("svg", {
167
+ width: "32",
168
+ height: "32",
169
+ viewBox: "-4 -4 39 39",
170
+ "aria-hidden": "true",
171
+ focusable: "false"
172
+ }, /*#__PURE__*/React__namespace.createElement("rect", {
173
+ className: "background",
174
+ width: "35",
175
+ height: "35",
176
+ x: "-2",
177
+ y: "-2",
178
+ stroke: "currentColor",
179
+ fill: "none",
180
+ strokeWidth: "1",
181
+ vectorEffect: "non-scaling-stroke"
182
+ }), /*#__PURE__*/React__namespace.createElement("path", {
183
+ className: "checkmark",
184
+ d: "M 4 14 L 12 23 L 28 5",
185
+ stroke: "#ffff",
186
+ strokeDasharray: "140",
187
+ strokeDashoffset: "140"
188
+ })), /*#__PURE__*/React__namespace.createElement("label", {
189
+ htmlFor: inputId
190
+ }, label)));
191
+ }
192
+
193
+ exports.default = FieldCheckbox;
194
+ //# sourceMappingURL=index.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.cjs","sources":["../../src/ErrorMessage/ErrorMessage.tsx","../../src/FieldCheckbox/FieldCheckbox.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport default function ErrorMessage({ className, children, ...props }: React.ComponentPropsWithoutRef<'span'>) {\n return (\n <span className={['bds-error', className].filter((x) => x).join(' ')} {...props}>\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 512 512\"\n aria-hidden=\"true\"\n height=\"1em\"\n width=\"1em\"\n fill=\"currentColor\"\n >\n <path d=\"M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7.2 40.1S486.3 480 472 480H40c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8.2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24v112c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224c0-17.7-14.3-32-32-32s-32 14.3-32 32 14.3 32 32 32 32-14.3 32-32z\" />\n </svg>\n {children}\n </span>\n );\n}\n","import * as React from 'react';\n\nimport ErrorMessage from '../ErrorMessage';\n\nexport type FieldCheckboxProps = {\n error?: string;\n label: string;\n};\n\nexport default function FieldCheckbox({\n error,\n id,\n label,\n ...props\n}: FieldCheckboxProps & React.ComponentPropsWithoutRef<'input'>) {\n const [isEnhanced, setIsEnhanced] = React.useState(false);\n\n const fallbackId = React.useId();\n const errorId = React.useId();\n\n const inputId = id ?? fallbackId;\n\n React.useEffect(() => {\n setIsEnhanced(true);\n }, []);\n\n return (\n <div className=\"bds-form-group\">\n {error && <ErrorMessage id={errorId}>{error}</ErrorMessage>}\n <div className=\"bds-checkbox\" data-enhanced={isEnhanced ? '' : undefined}>\n <input\n {...props}\n aria-describedby={error ? errorId : undefined}\n aria-invalid={error ? true : undefined}\n id={inputId}\n type=\"checkbox\"\n />\n {isEnhanced && (\n <svg width=\"32\" height=\"32\" viewBox=\"-4 -4 39 39\" aria-hidden=\"true\" focusable=\"false\">\n <rect\n className=\"background\"\n width=\"35\"\n height=\"35\"\n x=\"-2\"\n y=\"-2\"\n stroke=\"currentColor\"\n fill=\"none\"\n strokeWidth=\"1\"\n vectorEffect=\"non-scaling-stroke\"\n />\n <path\n className=\"checkmark\"\n d=\"M 4 14 L 12 23 L 28 5\"\n stroke=\"#ffff\"\n strokeDasharray=\"140\"\n strokeDashoffset=\"140\"\n ></path>\n </svg>\n )}\n <label htmlFor={inputId}>{label}</label>\n </div>\n </div>\n );\n}\n"],"names":["ErrorMessage","_ref","className","children","props","_objectWithoutProperties","_excluded","React","createElement","_extends","filter","x","join","xmlns","viewBox","height","width","fill","d","FieldCheckbox","error","id","label","_React$useState","useState","_React$useState2","_slicedToArray","isEnhanced","setIsEnhanced","fallbackId","useId","errorId","inputId","useEffect","undefined","type","focusable","y","stroke","strokeWidth","vectorEffect","strokeDasharray","strokeDashoffset","htmlFor"],"mappings":"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"}
@@ -0,0 +1 @@
1
+ export { default } from './FieldCheckbox';
@@ -0,0 +1,171 @@
1
+ import * as React from 'react';
2
+
3
+ function _iterableToArrayLimit(r, l) {
4
+ var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
5
+ if (null != t) {
6
+ var e,
7
+ n,
8
+ i,
9
+ u,
10
+ a = [],
11
+ f = !0,
12
+ o = !1;
13
+ try {
14
+ if (i = (t = t.call(r)).next, 0 === l) {
15
+ if (Object(t) !== t) return;
16
+ f = !1;
17
+ } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
18
+ } catch (r) {
19
+ o = !0, n = r;
20
+ } finally {
21
+ try {
22
+ if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
23
+ } finally {
24
+ if (o) throw n;
25
+ }
26
+ }
27
+ return a;
28
+ }
29
+ }
30
+ function _extends() {
31
+ _extends = Object.assign ? Object.assign.bind() : function (target) {
32
+ for (var i = 1; i < arguments.length; i++) {
33
+ var source = arguments[i];
34
+ for (var key in source) {
35
+ if (Object.prototype.hasOwnProperty.call(source, key)) {
36
+ target[key] = source[key];
37
+ }
38
+ }
39
+ }
40
+ return target;
41
+ };
42
+ return _extends.apply(this, arguments);
43
+ }
44
+ function _objectWithoutPropertiesLoose(source, excluded) {
45
+ if (source == null) return {};
46
+ var target = {};
47
+ var sourceKeys = Object.keys(source);
48
+ var key, i;
49
+ for (i = 0; i < sourceKeys.length; i++) {
50
+ key = sourceKeys[i];
51
+ if (excluded.indexOf(key) >= 0) continue;
52
+ target[key] = source[key];
53
+ }
54
+ return target;
55
+ }
56
+ function _objectWithoutProperties(source, excluded) {
57
+ if (source == null) return {};
58
+ var target = _objectWithoutPropertiesLoose(source, excluded);
59
+ var key, i;
60
+ if (Object.getOwnPropertySymbols) {
61
+ var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
62
+ for (i = 0; i < sourceSymbolKeys.length; i++) {
63
+ key = sourceSymbolKeys[i];
64
+ if (excluded.indexOf(key) >= 0) continue;
65
+ if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
66
+ target[key] = source[key];
67
+ }
68
+ }
69
+ return target;
70
+ }
71
+ function _slicedToArray(arr, i) {
72
+ return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
73
+ }
74
+ function _arrayWithHoles(arr) {
75
+ if (Array.isArray(arr)) return arr;
76
+ }
77
+ function _unsupportedIterableToArray(o, minLen) {
78
+ if (!o) return;
79
+ if (typeof o === "string") return _arrayLikeToArray(o, minLen);
80
+ var n = Object.prototype.toString.call(o).slice(8, -1);
81
+ if (n === "Object" && o.constructor) n = o.constructor.name;
82
+ if (n === "Map" || n === "Set") return Array.from(o);
83
+ if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
84
+ }
85
+ function _arrayLikeToArray(arr, len) {
86
+ if (len == null || len > arr.length) len = arr.length;
87
+ for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
88
+ return arr2;
89
+ }
90
+ function _nonIterableRest() {
91
+ throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
92
+ }
93
+
94
+ var _excluded$1 = ["className", "children"];
95
+ function ErrorMessage(_ref) {
96
+ var className = _ref.className,
97
+ children = _ref.children,
98
+ props = _objectWithoutProperties(_ref, _excluded$1);
99
+ return /*#__PURE__*/React.createElement("span", _extends({
100
+ className: ['bds-error', className].filter(function (x) {
101
+ return x;
102
+ }).join(' ')
103
+ }, props), /*#__PURE__*/React.createElement("svg", {
104
+ xmlns: "http://www.w3.org/2000/svg",
105
+ viewBox: "0 0 512 512",
106
+ "aria-hidden": "true",
107
+ height: "1em",
108
+ width: "1em",
109
+ fill: "currentColor"
110
+ }, /*#__PURE__*/React.createElement("path", {
111
+ d: "M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7.2 40.1S486.3 480 472 480H40c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8.2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24v112c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224c0-17.7-14.3-32-32-32s-32 14.3-32 32 14.3 32 32 32 32-14.3 32-32z"
112
+ })), children);
113
+ }
114
+
115
+ var _excluded = ["error", "id", "label"];
116
+ function FieldCheckbox(_ref) {
117
+ var error = _ref.error,
118
+ id = _ref.id,
119
+ label = _ref.label,
120
+ props = _objectWithoutProperties(_ref, _excluded);
121
+ var _React$useState = React.useState(false),
122
+ _React$useState2 = _slicedToArray(_React$useState, 2),
123
+ isEnhanced = _React$useState2[0],
124
+ setIsEnhanced = _React$useState2[1];
125
+ var fallbackId = React.useId();
126
+ var errorId = React.useId();
127
+ var inputId = id !== null && id !== void 0 ? id : fallbackId;
128
+ React.useEffect(function () {
129
+ setIsEnhanced(true);
130
+ }, []);
131
+ return /*#__PURE__*/React.createElement("div", {
132
+ className: "bds-form-group"
133
+ }, error && /*#__PURE__*/React.createElement(ErrorMessage, {
134
+ id: errorId
135
+ }, error), /*#__PURE__*/React.createElement("div", {
136
+ className: "bds-checkbox",
137
+ "data-enhanced": isEnhanced ? '' : undefined
138
+ }, /*#__PURE__*/React.createElement("input", _extends({}, props, {
139
+ "aria-describedby": error ? errorId : undefined,
140
+ "aria-invalid": error ? true : undefined,
141
+ id: inputId,
142
+ type: "checkbox"
143
+ })), isEnhanced && /*#__PURE__*/React.createElement("svg", {
144
+ width: "32",
145
+ height: "32",
146
+ viewBox: "-4 -4 39 39",
147
+ "aria-hidden": "true",
148
+ focusable: "false"
149
+ }, /*#__PURE__*/React.createElement("rect", {
150
+ className: "background",
151
+ width: "35",
152
+ height: "35",
153
+ x: "-2",
154
+ y: "-2",
155
+ stroke: "currentColor",
156
+ fill: "none",
157
+ strokeWidth: "1",
158
+ vectorEffect: "non-scaling-stroke"
159
+ }), /*#__PURE__*/React.createElement("path", {
160
+ className: "checkmark",
161
+ d: "M 4 14 L 12 23 L 28 5",
162
+ stroke: "#ffff",
163
+ strokeDasharray: "140",
164
+ strokeDashoffset: "140"
165
+ })), /*#__PURE__*/React.createElement("label", {
166
+ htmlFor: inputId
167
+ }, label)));
168
+ }
169
+
170
+ export { FieldCheckbox as default };
171
+ //# sourceMappingURL=index.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.mjs","sources":["../../src/ErrorMessage/ErrorMessage.tsx","../../src/FieldCheckbox/FieldCheckbox.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport default function ErrorMessage({ className, children, ...props }: React.ComponentPropsWithoutRef<'span'>) {\n return (\n <span className={['bds-error', className].filter((x) => x).join(' ')} {...props}>\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 512 512\"\n aria-hidden=\"true\"\n height=\"1em\"\n width=\"1em\"\n fill=\"currentColor\"\n >\n <path d=\"M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7.2 40.1S486.3 480 472 480H40c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8.2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24v112c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224c0-17.7-14.3-32-32-32s-32 14.3-32 32 14.3 32 32 32 32-14.3 32-32z\" />\n </svg>\n {children}\n </span>\n );\n}\n","import * as React from 'react';\n\nimport ErrorMessage from '../ErrorMessage';\n\nexport type FieldCheckboxProps = {\n error?: string;\n label: string;\n};\n\nexport default function FieldCheckbox({\n error,\n id,\n label,\n ...props\n}: FieldCheckboxProps & React.ComponentPropsWithoutRef<'input'>) {\n const [isEnhanced, setIsEnhanced] = React.useState(false);\n\n const fallbackId = React.useId();\n const errorId = React.useId();\n\n const inputId = id ?? fallbackId;\n\n React.useEffect(() => {\n setIsEnhanced(true);\n }, []);\n\n return (\n <div className=\"bds-form-group\">\n {error && <ErrorMessage id={errorId}>{error}</ErrorMessage>}\n <div className=\"bds-checkbox\" data-enhanced={isEnhanced ? '' : undefined}>\n <input\n {...props}\n aria-describedby={error ? errorId : undefined}\n aria-invalid={error ? true : undefined}\n id={inputId}\n type=\"checkbox\"\n />\n {isEnhanced && (\n <svg width=\"32\" height=\"32\" viewBox=\"-4 -4 39 39\" aria-hidden=\"true\" focusable=\"false\">\n <rect\n className=\"background\"\n width=\"35\"\n height=\"35\"\n x=\"-2\"\n y=\"-2\"\n stroke=\"currentColor\"\n fill=\"none\"\n strokeWidth=\"1\"\n vectorEffect=\"non-scaling-stroke\"\n />\n <path\n className=\"checkmark\"\n d=\"M 4 14 L 12 23 L 28 5\"\n stroke=\"#ffff\"\n strokeDasharray=\"140\"\n strokeDashoffset=\"140\"\n ></path>\n </svg>\n )}\n <label htmlFor={inputId}>{label}</label>\n </div>\n </div>\n );\n}\n"],"names":["ErrorMessage","_ref","className","children","props","_objectWithoutProperties","_excluded","React","createElement","_extends","filter","x","join","xmlns","viewBox","height","width","fill","d","FieldCheckbox","error","id","label","_React$useState","useState","_React$useState2","_slicedToArray","isEnhanced","setIsEnhanced","fallbackId","useId","errorId","inputId","useEffect","undefined","type","focusable","y","stroke","strokeWidth","vectorEffect","strokeDasharray","strokeDashoffset","htmlFor"],"mappings":"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"}
@@ -0,0 +1,7 @@
1
+ {
2
+ "name": "@iabbb/bds-react/FieldCheckbox",
3
+ "private": true,
4
+ "main": "./index.cjs",
5
+ "module": "./index.mjs",
6
+ "types": "./index.d.ts"
7
+ }
@@ -0,0 +1,5 @@
1
+ import * as React from 'react';
2
+ export type FieldRadioProps = {
3
+ label: string;
4
+ };
5
+ export default function FieldRadio({ id, label, ...props }: FieldRadioProps & React.ComponentPropsWithoutRef<'input'>): React.JSX.Element;
@@ -0,0 +1,166 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var React = require('react');
6
+
7
+ function _interopNamespaceDefault(e) {
8
+ var n = Object.create(null);
9
+ if (e) {
10
+ Object.keys(e).forEach(function (k) {
11
+ if (k !== 'default') {
12
+ var d = Object.getOwnPropertyDescriptor(e, k);
13
+ Object.defineProperty(n, k, d.get ? d : {
14
+ enumerable: true,
15
+ get: function () { return e[k]; }
16
+ });
17
+ }
18
+ });
19
+ }
20
+ n.default = e;
21
+ return Object.freeze(n);
22
+ }
23
+
24
+ var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
25
+
26
+ function _iterableToArrayLimit(r, l) {
27
+ var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
28
+ if (null != t) {
29
+ var e,
30
+ n,
31
+ i,
32
+ u,
33
+ a = [],
34
+ f = !0,
35
+ o = !1;
36
+ try {
37
+ if (i = (t = t.call(r)).next, 0 === l) {
38
+ if (Object(t) !== t) return;
39
+ f = !1;
40
+ } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
41
+ } catch (r) {
42
+ o = !0, n = r;
43
+ } finally {
44
+ try {
45
+ if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
46
+ } finally {
47
+ if (o) throw n;
48
+ }
49
+ }
50
+ return a;
51
+ }
52
+ }
53
+ function _extends() {
54
+ _extends = Object.assign ? Object.assign.bind() : function (target) {
55
+ for (var i = 1; i < arguments.length; i++) {
56
+ var source = arguments[i];
57
+ for (var key in source) {
58
+ if (Object.prototype.hasOwnProperty.call(source, key)) {
59
+ target[key] = source[key];
60
+ }
61
+ }
62
+ }
63
+ return target;
64
+ };
65
+ return _extends.apply(this, arguments);
66
+ }
67
+ function _objectWithoutPropertiesLoose(source, excluded) {
68
+ if (source == null) return {};
69
+ var target = {};
70
+ var sourceKeys = Object.keys(source);
71
+ var key, i;
72
+ for (i = 0; i < sourceKeys.length; i++) {
73
+ key = sourceKeys[i];
74
+ if (excluded.indexOf(key) >= 0) continue;
75
+ target[key] = source[key];
76
+ }
77
+ return target;
78
+ }
79
+ function _objectWithoutProperties(source, excluded) {
80
+ if (source == null) return {};
81
+ var target = _objectWithoutPropertiesLoose(source, excluded);
82
+ var key, i;
83
+ if (Object.getOwnPropertySymbols) {
84
+ var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
85
+ for (i = 0; i < sourceSymbolKeys.length; i++) {
86
+ key = sourceSymbolKeys[i];
87
+ if (excluded.indexOf(key) >= 0) continue;
88
+ if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
89
+ target[key] = source[key];
90
+ }
91
+ }
92
+ return target;
93
+ }
94
+ function _slicedToArray(arr, i) {
95
+ return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
96
+ }
97
+ function _arrayWithHoles(arr) {
98
+ if (Array.isArray(arr)) return arr;
99
+ }
100
+ function _unsupportedIterableToArray(o, minLen) {
101
+ if (!o) return;
102
+ if (typeof o === "string") return _arrayLikeToArray(o, minLen);
103
+ var n = Object.prototype.toString.call(o).slice(8, -1);
104
+ if (n === "Object" && o.constructor) n = o.constructor.name;
105
+ if (n === "Map" || n === "Set") return Array.from(o);
106
+ if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
107
+ }
108
+ function _arrayLikeToArray(arr, len) {
109
+ if (len == null || len > arr.length) len = arr.length;
110
+ for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
111
+ return arr2;
112
+ }
113
+ function _nonIterableRest() {
114
+ throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
115
+ }
116
+
117
+ var _excluded = ["id", "label"];
118
+ function FieldRadio(_ref) {
119
+ var id = _ref.id,
120
+ label = _ref.label,
121
+ props = _objectWithoutProperties(_ref, _excluded);
122
+ var _React$useState = React__namespace.useState(false),
123
+ _React$useState2 = _slicedToArray(_React$useState, 2),
124
+ isEnhanced = _React$useState2[0],
125
+ setIsEnhanced = _React$useState2[1];
126
+ var fallbackId = React__namespace.useId();
127
+ var inputId = id !== null && id !== void 0 ? id : fallbackId;
128
+ React__namespace.useEffect(function () {
129
+ setIsEnhanced(true);
130
+ }, []);
131
+ return /*#__PURE__*/React__namespace.createElement("div", {
132
+ className: "bds-form-group"
133
+ }, /*#__PURE__*/React__namespace.createElement("div", {
134
+ className: "bds-radio",
135
+ "data-enhanced": isEnhanced ? '' : undefined
136
+ }, /*#__PURE__*/React__namespace.createElement("input", _extends({}, props, {
137
+ id: inputId,
138
+ type: "radio"
139
+ })), isEnhanced && /*#__PURE__*/React__namespace.createElement("svg", {
140
+ width: "32",
141
+ height: "32",
142
+ viewBox: "-2 -2 40 40",
143
+ "aria-hidden": "true",
144
+ focusable: "false"
145
+ }, /*#__PURE__*/React__namespace.createElement("circle", {
146
+ className: "background",
147
+ cx: "18",
148
+ cy: "18",
149
+ r: "18",
150
+ stroke: "currentColor",
151
+ fill: "none",
152
+ strokeWidth: "1",
153
+ vectorEffect: "non-scaling-stroke"
154
+ }), /*#__PURE__*/React__namespace.createElement("circle", {
155
+ className: "radio",
156
+ cx: "18",
157
+ cy: "18",
158
+ r: "12",
159
+ fill: "currentColor"
160
+ })), /*#__PURE__*/React__namespace.createElement("label", {
161
+ htmlFor: inputId
162
+ }, label)));
163
+ }
164
+
165
+ exports.default = FieldRadio;
166
+ //# sourceMappingURL=index.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.cjs","sources":["../../src/FieldRadio/FieldRadio.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport type FieldRadioProps = {\n label: string;\n};\n\nexport default function FieldRadio({\n id,\n label,\n ...props\n}: FieldRadioProps & React.ComponentPropsWithoutRef<'input'>) {\n const [isEnhanced, setIsEnhanced] = React.useState(false);\n\n const fallbackId = React.useId();\n\n const inputId = id ?? fallbackId;\n\n React.useEffect(() => {\n setIsEnhanced(true);\n }, []);\n\n return (\n <div className=\"bds-form-group\">\n <div className=\"bds-radio\" data-enhanced={isEnhanced ? '' : undefined}>\n <input {...props} id={inputId} type=\"radio\" />\n {isEnhanced && (\n <svg width=\"32\" height=\"32\" viewBox=\"-2 -2 40 40\" aria-hidden=\"true\" focusable=\"false\">\n <circle\n className=\"background\"\n cx=\"18\"\n cy=\"18\"\n r=\"18\"\n stroke=\"currentColor\"\n fill=\"none\"\n strokeWidth=\"1\"\n vectorEffect=\"non-scaling-stroke\"\n />\n <circle className=\"radio\" cx=\"18\" cy=\"18\" r=\"12\" fill=\"currentColor\" />\n </svg>\n )}\n <label htmlFor={inputId}>{label}</label>\n </div>\n </div>\n );\n}\n"],"names":["FieldRadio","_ref","id","label","props","_objectWithoutProperties","_excluded","_React$useState","React","useState","_React$useState2","_slicedToArray","isEnhanced","setIsEnhanced","fallbackId","useId","inputId","useEffect","createElement","className","undefined","_extends","type","width","height","viewBox","focusable","cx","cy","r","stroke","fill","strokeWidth","vectorEffect","htmlFor"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMe,SAASA,UAAUA,CAAAC,IAAA,EAI4B;AAAA,EAAA,IAH5DC,EAAE,GAAAD,IAAA,CAAFC,EAAE;IACFC,KAAK,GAAAF,IAAA,CAALE,KAAK;AACFC,IAAAA,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;AAER,EAAA,IAAAC,eAAA,GAAoCC,gBAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;IAAAC,gBAAA,GAAAC,cAAA,CAAAJ,eAAA,EAAA,CAAA,CAAA;AAAlDK,IAAAA,UAAU,GAAAF,gBAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,aAAa,GAAAH,gBAAA,CAAA,CAAA,CAAA,CAAA;AAEhC,EAAA,IAAMI,UAAU,GAAGN,gBAAK,CAACO,KAAK,EAAE,CAAA;EAEhC,IAAMC,OAAO,GAAGd,EAAE,KAAA,IAAA,IAAFA,EAAE,KAAFA,KAAAA,CAAAA,GAAAA,EAAE,GAAIY,UAAU,CAAA;EAEhCN,gBAAK,CAACS,SAAS,CAAC,YAAM;IACpBJ,aAAa,CAAC,IAAI,CAAC,CAAA;GACpB,EAAE,EAAE,CAAC,CAAA;EAEN,oBACEL,gBAAA,CAAAU,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,gBAAA;GACbX,eAAAA,gBAAA,CAAAU,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,WAAW;IAAC,eAAeP,EAAAA,UAAU,GAAG,EAAE,GAAGQ,SAAAA;AAAU,GAAA,eACpEZ,gBAAA,CAAAU,aAAA,CAAAG,OAAAA,EAAAA,QAAA,KAAWjB,KAAK,EAAA;AAAEF,IAAAA,EAAE,EAAEc,OAAQ;AAACM,IAAAA,IAAI,EAAC,OAAA;AAAO,GAAA,CAAE,CAAC,EAC7CV,UAAU,iBACTJ,gBAAA,CAAAU,aAAA,CAAA,KAAA,EAAA;AAAKK,IAAAA,KAAK,EAAC,IAAI;AAACC,IAAAA,MAAM,EAAC,IAAI;AAACC,IAAAA,OAAO,EAAC,aAAa;AAAC,IAAA,aAAA,EAAY,MAAM;AAACC,IAAAA,SAAS,EAAC,OAAA;GAC7ElB,eAAAA,gBAAA,CAAAU,aAAA,CAAA,QAAA,EAAA;AACEC,IAAAA,SAAS,EAAC,YAAY;AACtBQ,IAAAA,EAAE,EAAC,IAAI;AACPC,IAAAA,EAAE,EAAC,IAAI;AACPC,IAAAA,CAAC,EAAC,IAAI;AACNC,IAAAA,MAAM,EAAC,cAAc;AACrBC,IAAAA,IAAI,EAAC,MAAM;AACXC,IAAAA,WAAW,EAAC,GAAG;AACfC,IAAAA,YAAY,EAAC,oBAAA;AAAoB,GAClC,CAAC,eACFzB,gBAAA,CAAAU,aAAA,CAAA,QAAA,EAAA;AAAQC,IAAAA,SAAS,EAAC,OAAO;AAACQ,IAAAA,EAAE,EAAC,IAAI;AAACC,IAAAA,EAAE,EAAC,IAAI;AAACC,IAAAA,CAAC,EAAC,IAAI;AAACE,IAAAA,IAAI,EAAC,cAAA;AAAc,GAAE,CACnE,CACN,eACDvB,gBAAA,CAAAU,aAAA,CAAA,OAAA,EAAA;AAAOgB,IAAAA,OAAO,EAAElB,OAAAA;GAAUb,EAAAA,KAAa,CACpC,CACF,CAAC,CAAA;AAEV;;;;"}
@@ -0,0 +1 @@
1
+ export { default } from './FieldRadio';