@doist/reactist 29.1.1 → 29.1.2

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 (227) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/reactist.cjs.development.js +6749 -1832
  3. package/dist/reactist.cjs.development.js.map +1 -1
  4. package/dist/reactist.cjs.production.min.js +1 -1
  5. package/dist/reactist.cjs.production.min.js.map +1 -1
  6. package/es/avatar/avatar.js +106 -36
  7. package/es/avatar/avatar.js.map +1 -1
  8. package/es/avatar/utils.js +17 -19
  9. package/es/avatar/utils.js.map +1 -1
  10. package/es/badge/badge.js +50 -6
  11. package/es/badge/badge.js.map +1 -1
  12. package/es/banner/banner.js +384 -41
  13. package/es/banner/banner.js.map +1 -1
  14. package/es/base-field/base-field.js +367 -77
  15. package/es/base-field/base-field.js.map +1 -1
  16. package/es/box/box.js +139 -61
  17. package/es/box/box.js.map +1 -1
  18. package/es/button/button.js +346 -36
  19. package/es/button/button.js.map +1 -1
  20. package/es/checkbox-field/checkbox-field.js +71 -48
  21. package/es/checkbox-field/checkbox-field.js.map +1 -1
  22. package/es/checkbox-field/checkbox-icon.js +88 -28
  23. package/es/checkbox-field/checkbox-icon.js.map +1 -1
  24. package/es/checkbox-field/use-fork-ref.js +15 -20
  25. package/es/checkbox-field/use-fork-ref.js.map +1 -1
  26. package/es/columns/columns.js +46 -23
  27. package/es/columns/columns.js.map +1 -1
  28. package/es/components/color-picker/color-picker.js +190 -46
  29. package/es/components/color-picker/color-picker.js.map +1 -1
  30. package/es/components/deprecated-button/deprecated-button.js +102 -9
  31. package/es/components/deprecated-button/deprecated-button.js.map +1 -1
  32. package/es/components/deprecated-button/index.js +5 -2
  33. package/es/components/deprecated-button/index.js.map +1 -1
  34. package/es/components/deprecated-dropdown/dropdown.js +234 -134
  35. package/es/components/deprecated-dropdown/dropdown.js.map +1 -1
  36. package/es/components/deprecated-dropdown/index.js +4 -1
  37. package/es/components/deprecated-dropdown/index.js.map +1 -1
  38. package/es/components/deprecated-input/index.js +5 -2
  39. package/es/components/deprecated-input/index.js.map +1 -1
  40. package/es/components/deprecated-input/input.js +27 -4
  41. package/es/components/deprecated-input/input.js.map +1 -1
  42. package/es/components/deprecated-select/select.js +110 -7
  43. package/es/components/deprecated-select/select.js.map +1 -1
  44. package/es/components/key-capturer/key-capturer.js +190 -137
  45. package/es/components/key-capturer/key-capturer.js.map +1 -1
  46. package/es/components/keyboard-shortcut/keyboard-shortcut.js +65 -45
  47. package/es/components/keyboard-shortcut/keyboard-shortcut.js.map +1 -1
  48. package/es/components/progress-bar/progress-bar.js +61 -9
  49. package/es/components/progress-bar/progress-bar.js.map +1 -1
  50. package/es/components/time/index.js +5 -2
  51. package/es/components/time/index.js.map +1 -1
  52. package/es/components/time/time-utils.js +59 -53
  53. package/es/components/time/time-utils.js.map +1 -1
  54. package/es/components/time/time.js +94 -91
  55. package/es/components/time/time.js.map +1 -1
  56. package/es/divider/divider.js +44 -5
  57. package/es/divider/divider.js.map +1 -1
  58. package/es/heading/heading.js +122 -20
  59. package/es/heading/heading.js.map +1 -1
  60. package/es/hidden/hidden.js +36 -30
  61. package/es/hidden/hidden.js.map +1 -1
  62. package/es/hidden-visually/hidden-visually.js +9 -4
  63. package/es/hidden-visually/hidden-visually.js.map +1 -1
  64. package/es/icons/alert-icon.js +145 -18
  65. package/es/icons/alert-icon.js.map +1 -1
  66. package/es/icons/banner-icon.js +213 -25
  67. package/es/icons/banner-icon.js.map +1 -1
  68. package/es/icons/close-icon.js +26 -3
  69. package/es/icons/close-icon.js.map +1 -1
  70. package/es/icons/password-hidden-icon.js +40 -6
  71. package/es/icons/password-hidden-icon.js.map +1 -1
  72. package/es/icons/password-visible-icon.js +33 -5
  73. package/es/icons/password-visible-icon.js.map +1 -1
  74. package/es/index.js +9 -9
  75. package/es/inline/inline.js +24 -9
  76. package/es/inline/inline.js.map +1 -1
  77. package/es/loading/loading.js +63 -17
  78. package/es/loading/loading.js.map +1 -1
  79. package/es/menu/menu.js +469 -92
  80. package/es/menu/menu.js.map +1 -1
  81. package/es/modal/modal.js +675 -112
  82. package/es/modal/modal.js.map +1 -1
  83. package/es/notice/notice.js +77 -10
  84. package/es/notice/notice.js.map +1 -1
  85. package/es/password-field/password-field.js +89 -11
  86. package/es/password-field/password-field.js.map +1 -1
  87. package/es/prose/prose.js +48 -9
  88. package/es/prose/prose.js.map +1 -1
  89. package/es/select-field/select-field.js +150 -19
  90. package/es/select-field/select-field.js.map +1 -1
  91. package/es/spinner/spinner.js +39 -6
  92. package/es/spinner/spinner.js.map +1 -1
  93. package/es/stack/stack.js +29 -17
  94. package/es/stack/stack.js.map +1 -1
  95. package/es/switch-field/switch-field.js +225 -42
  96. package/es/switch-field/switch-field.js.map +1 -1
  97. package/es/tabs/tabs.js +207 -109
  98. package/es/tabs/tabs.js.map +1 -1
  99. package/es/text/text.js +27 -17
  100. package/es/text/text.js.map +1 -1
  101. package/es/text-area/text-area.js +264 -54
  102. package/es/text-area/text-area.js.map +1 -1
  103. package/es/text-field/text-field.js +204 -31
  104. package/es/text-field/text-field.js.map +1 -1
  105. package/es/text-link/text-link.js +21 -10
  106. package/es/text-link/text-link.js.map +1 -1
  107. package/es/toast/static-toast.js +143 -25
  108. package/es/toast/static-toast.js.map +1 -1
  109. package/es/toast/toast-animation.js +159 -109
  110. package/es/toast/toast-animation.js.map +1 -1
  111. package/es/toast/use-toasts.js +309 -84
  112. package/es/toast/use-toasts.js.map +1 -1
  113. package/es/tooltip/tooltip.js +88 -32
  114. package/es/tooltip/tooltip.js.map +1 -1
  115. package/es/utils/common-helpers.js +12 -11
  116. package/es/utils/common-helpers.js.map +1 -1
  117. package/es/utils/polymorphism.js +84 -1
  118. package/es/utils/polymorphism.js.map +1 -1
  119. package/es/utils/responsive-props.js +43 -32
  120. package/es/utils/responsive-props.js.map +1 -1
  121. package/lib/avatar/avatar.js +109 -35
  122. package/lib/avatar/avatar.js.map +1 -1
  123. package/lib/avatar/utils.js +17 -19
  124. package/lib/avatar/utils.js.map +1 -1
  125. package/lib/badge/badge.js +53 -5
  126. package/lib/badge/badge.js.map +1 -1
  127. package/lib/banner/banner.js +385 -38
  128. package/lib/banner/banner.js.map +1 -1
  129. package/lib/base-field/base-field.js +366 -73
  130. package/lib/base-field/base-field.js.map +1 -1
  131. package/lib/box/box.js +141 -61
  132. package/lib/box/box.js.map +1 -1
  133. package/lib/button/button.js +347 -35
  134. package/lib/button/button.js.map +1 -1
  135. package/lib/checkbox-field/checkbox-field.js +73 -46
  136. package/lib/checkbox-field/checkbox-field.js.map +1 -1
  137. package/lib/checkbox-field/checkbox-icon.js +92 -28
  138. package/lib/checkbox-field/checkbox-icon.js.map +1 -1
  139. package/lib/checkbox-field/use-fork-ref.js +15 -20
  140. package/lib/checkbox-field/use-fork-ref.js.map +1 -1
  141. package/lib/columns/columns.js +49 -22
  142. package/lib/columns/columns.js.map +1 -1
  143. package/lib/components/color-picker/color-picker.js +189 -45
  144. package/lib/components/color-picker/color-picker.js.map +1 -1
  145. package/lib/components/deprecated-button/deprecated-button.js +104 -9
  146. package/lib/components/deprecated-button/deprecated-button.js.map +1 -1
  147. package/lib/components/deprecated-dropdown/dropdown.js +235 -133
  148. package/lib/components/deprecated-dropdown/dropdown.js.map +1 -1
  149. package/lib/components/deprecated-input/input.js +28 -4
  150. package/lib/components/deprecated-input/input.js.map +1 -1
  151. package/lib/components/deprecated-select/select.js +112 -7
  152. package/lib/components/deprecated-select/select.js.map +1 -1
  153. package/lib/components/key-capturer/key-capturer.js +188 -135
  154. package/lib/components/key-capturer/key-capturer.js.map +1 -1
  155. package/lib/components/keyboard-shortcut/keyboard-shortcut.js +67 -45
  156. package/lib/components/keyboard-shortcut/keyboard-shortcut.js.map +1 -1
  157. package/lib/components/progress-bar/progress-bar.js +60 -8
  158. package/lib/components/progress-bar/progress-bar.js.map +1 -1
  159. package/lib/components/time/time-utils.js +59 -53
  160. package/lib/components/time/time-utils.js.map +1 -1
  161. package/lib/components/time/time.js +93 -90
  162. package/lib/components/time/time.js.map +1 -1
  163. package/lib/divider/divider.js +47 -4
  164. package/lib/divider/divider.js.map +1 -1
  165. package/lib/heading/heading.js +125 -19
  166. package/lib/heading/heading.js.map +1 -1
  167. package/lib/hidden/hidden.js +39 -29
  168. package/lib/hidden/hidden.js.map +1 -1
  169. package/lib/hidden-visually/hidden-visually.js +11 -3
  170. package/lib/hidden-visually/hidden-visually.js.map +1 -1
  171. package/lib/icons/alert-icon.js +149 -18
  172. package/lib/icons/alert-icon.js.map +1 -1
  173. package/lib/icons/banner-icon.js +217 -25
  174. package/lib/icons/banner-icon.js.map +1 -1
  175. package/lib/icons/close-icon.js +29 -3
  176. package/lib/icons/close-icon.js.map +1 -1
  177. package/lib/icons/password-hidden-icon.js +43 -6
  178. package/lib/icons/password-hidden-icon.js.map +1 -1
  179. package/lib/icons/password-visible-icon.js +36 -5
  180. package/lib/icons/password-visible-icon.js.map +1 -1
  181. package/lib/inline/inline.js +27 -8
  182. package/lib/inline/inline.js.map +1 -1
  183. package/lib/loading/loading.js +67 -17
  184. package/lib/loading/loading.js.map +1 -1
  185. package/lib/menu/menu.js +471 -91
  186. package/lib/menu/menu.js.map +1 -1
  187. package/lib/modal/modal.js +671 -106
  188. package/lib/modal/modal.js.map +1 -1
  189. package/lib/notice/notice.js +75 -8
  190. package/lib/notice/notice.js.map +1 -1
  191. package/lib/password-field/password-field.js +92 -10
  192. package/lib/password-field/password-field.js.map +1 -1
  193. package/lib/prose/prose.js +51 -8
  194. package/lib/prose/prose.js.map +1 -1
  195. package/lib/select-field/select-field.js +152 -17
  196. package/lib/select-field/select-field.js.map +1 -1
  197. package/lib/spinner/spinner.js +39 -6
  198. package/lib/spinner/spinner.js.map +1 -1
  199. package/lib/stack/stack.js +29 -15
  200. package/lib/stack/stack.js.map +1 -1
  201. package/lib/switch-field/switch-field.js +225 -38
  202. package/lib/switch-field/switch-field.js.map +1 -1
  203. package/lib/tabs/tabs.js +207 -107
  204. package/lib/tabs/tabs.js.map +1 -1
  205. package/lib/text/text.js +30 -16
  206. package/lib/text/text.js.map +1 -1
  207. package/lib/text-area/text-area.js +264 -52
  208. package/lib/text-area/text-area.js.map +1 -1
  209. package/lib/text-field/text-field.js +207 -30
  210. package/lib/text-field/text-field.js.map +1 -1
  211. package/lib/text-link/text-link.js +24 -9
  212. package/lib/text-link/text-link.js.map +1 -1
  213. package/lib/toast/static-toast.js +142 -22
  214. package/lib/toast/static-toast.js.map +1 -1
  215. package/lib/toast/toast-animation.js +158 -108
  216. package/lib/toast/toast-animation.js.map +1 -1
  217. package/lib/toast/use-toasts.js +310 -82
  218. package/lib/toast/use-toasts.js.map +1 -1
  219. package/lib/tooltip/tooltip.js +87 -31
  220. package/lib/tooltip/tooltip.js.map +1 -1
  221. package/lib/utils/common-helpers.js +12 -11
  222. package/lib/utils/common-helpers.js.map +1 -1
  223. package/lib/utils/polymorphism.js +84 -1
  224. package/lib/utils/polymorphism.js.map +1 -1
  225. package/lib/utils/responsive-props.js +43 -32
  226. package/lib/utils/responsive-props.js.map +1 -1
  227. package/package.json +10 -2
@@ -2,7 +2,9 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib = require('tslib');
5
+ var _extends = require('@babel/runtime/helpers/extends');
6
+ var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
7
+ var reactCompilerRuntime = require('react-compiler-runtime');
6
8
  var React = require('react');
7
9
  var react = require('@ariakit/react');
8
10
  var classNames = require('classnames');
@@ -31,55 +33,365 @@ function _interopNamespace(e) {
31
33
  return Object.freeze(n);
32
34
  }
33
35
 
36
+ var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
37
+ var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
34
38
  var React__namespace = /*#__PURE__*/_interopNamespace(React);
35
39
  var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
36
40
 
41
+ const _excluded = ["variant", "tone", "size", "shape", "type", "disabled", "loading", "tooltip", "render", "onClick", "exceptionallySetClassName", "children", "startIcon", "endIcon", "width", "align"],
42
+ _excluded2 = ["variant", "tone", "size", "shape", "type", "disabled", "loading", "tooltip", "render", "onClick", "exceptionallySetClassName", "children", "icon"];
37
43
  function preventDefault(event) {
38
- event.preventDefault();
44
+ event.preventDefault();
39
45
  }
40
46
  /**
41
47
  * A button element that displays a text label and optionally a start or end icon. It follows the
42
48
  * [WAI-ARIA Button Pattern](https://www.w3.org/TR/wai-aria-practices/#button).
43
49
  */
44
- var Button = React__namespace.forwardRef(function Button(_a, ref) {
45
- var variant = _a.variant, _b = _a.tone, tone = _b === void 0 ? 'normal' : _b, _c = _a.size, size = _c === void 0 ? 'normal' : _c, _d = _a.shape, shape = _d === void 0 ? 'normal' : _d, _e = _a.type, type = _e === void 0 ? 'button' : _e, _f = _a.disabled, disabled = _f === void 0 ? false : _f, _g = _a.loading, loading = _g === void 0 ? false : _g, tooltip$1 = _a.tooltip, render = _a.render, onClick = _a.onClick, exceptionallySetClassName = _a.exceptionallySetClassName, children = _a.children, startIcon = _a.startIcon, endIcon = _a.endIcon, _h = _a.width, width = _h === void 0 ? 'auto' : _h, _j = _a.align, align = _j === void 0 ? 'center' : _j, props = tslib.__rest(_a, ["variant", "tone", "size", "shape", "type", "disabled", "loading", "tooltip", "render", "onClick", "exceptionallySetClassName", "children", "startIcon", "endIcon", "width", "align"]);
46
- var isDisabled = loading || disabled;
47
- var buttonElement = (React__namespace.createElement(react.Role.button, tslib.__assign({}, props, { render: render, type: render != null ? undefined : type, ref: ref, "aria-disabled": isDisabled, onClick: isDisabled ? preventDefault : onClick, className: classNames__default["default"]([
48
- box.getBoxClassNames({ width: width }),
49
- exceptionallySetClassName,
50
- button_module["default"].baseButton,
51
- button_module["default"]["variant-".concat(variant)],
52
- button_module["default"]["tone-".concat(tone)],
53
- button_module["default"]["size-".concat(size)],
54
- shape === 'rounded' ? button_module["default"]['shape-rounded'] : null,
55
- disabled ? button_module["default"].disabled : null,
56
- ]) }),
57
- React__namespace.createElement(React__namespace.Fragment, null,
58
- startIcon ? (React__namespace.createElement(box.Box, { display: "flex", className: button_module["default"].startIcon, "aria-hidden": true }, loading && !endIcon ? React__namespace.createElement(spinner.Spinner, null) : startIcon)) : null,
59
- children ? (React__namespace.createElement(box.Box, { as: "span", className: button_module["default"].label, overflow: "hidden", width: width === 'full' ? 'full' : undefined, textAlign: width === 'auto' ? 'center' : align }, children)) : null,
60
- endIcon || (loading && !startIcon) ? (React__namespace.createElement(box.Box, { display: "flex", className: button_module["default"].endIcon, "aria-hidden": true }, loading ? React__namespace.createElement(spinner.Spinner, null) : endIcon)) : null)));
61
- return tooltip$1 ? React__namespace.createElement(tooltip.Tooltip, { content: tooltip$1 }, buttonElement) : buttonElement;
50
+ const Button = /*#__PURE__*/React__namespace.forwardRef(function Button(t0, ref) {
51
+ const $ = reactCompilerRuntime.c(54);
52
+ let children;
53
+ let endIcon;
54
+ let exceptionallySetClassName;
55
+ let onClick;
56
+ let props;
57
+ let render;
58
+ let startIcon;
59
+ let t1;
60
+ let t2;
61
+ let t3;
62
+ let t4;
63
+ let t5;
64
+ let t6;
65
+ let t7;
66
+ let t8;
67
+ let tooltip$1;
68
+ let variant;
69
+ if ($[0] !== t0) {
70
+ var _t = t0;
71
+ ({
72
+ variant,
73
+ tone: t1,
74
+ size: t2,
75
+ shape: t3,
76
+ type: t4,
77
+ disabled: t5,
78
+ loading: t6,
79
+ tooltip: tooltip$1,
80
+ render,
81
+ onClick,
82
+ exceptionallySetClassName,
83
+ children,
84
+ startIcon,
85
+ endIcon,
86
+ width: t7,
87
+ align: t8
88
+ } = _t);
89
+ props = _objectWithoutProperties__default["default"](_t, _excluded);
90
+ $[0] = t0;
91
+ $[1] = children;
92
+ $[2] = endIcon;
93
+ $[3] = exceptionallySetClassName;
94
+ $[4] = onClick;
95
+ $[5] = props;
96
+ $[6] = render;
97
+ $[7] = startIcon;
98
+ $[8] = t1;
99
+ $[9] = t2;
100
+ $[10] = t3;
101
+ $[11] = t4;
102
+ $[12] = t5;
103
+ $[13] = t6;
104
+ $[14] = t7;
105
+ $[15] = t8;
106
+ $[16] = tooltip$1;
107
+ $[17] = variant;
108
+ } else {
109
+ children = $[1];
110
+ endIcon = $[2];
111
+ exceptionallySetClassName = $[3];
112
+ onClick = $[4];
113
+ props = $[5];
114
+ render = $[6];
115
+ startIcon = $[7];
116
+ t1 = $[8];
117
+ t2 = $[9];
118
+ t3 = $[10];
119
+ t4 = $[11];
120
+ t5 = $[12];
121
+ t6 = $[13];
122
+ t7 = $[14];
123
+ t8 = $[15];
124
+ tooltip$1 = $[16];
125
+ variant = $[17];
126
+ }
127
+ const tone = t1 === undefined ? "normal" : t1;
128
+ const size = t2 === undefined ? "normal" : t2;
129
+ const shape = t3 === undefined ? "normal" : t3;
130
+ const type = t4 === undefined ? "button" : t4;
131
+ const disabled = t5 === undefined ? false : t5;
132
+ const loading = t6 === undefined ? false : t6;
133
+ const width = t7 === undefined ? "auto" : t7;
134
+ const align = t8 === undefined ? "center" : t8;
135
+ const isDisabled = loading || disabled;
136
+ const t9 = render != null ? undefined : type;
137
+ const t10 = isDisabled ? preventDefault : onClick;
138
+ let t11;
139
+ if ($[18] !== disabled || $[19] !== exceptionallySetClassName || $[20] !== shape || $[21] !== size || $[22] !== tone || $[23] !== variant || $[24] !== width) {
140
+ t11 = classNames__default["default"]([box.getBoxClassNames({
141
+ width
142
+ }), exceptionallySetClassName, button_module["default"].baseButton, button_module["default"][`variant-${variant}`], button_module["default"][`tone-${tone}`], button_module["default"][`size-${size}`], shape === "rounded" ? button_module["default"]["shape-rounded"] : null, disabled ? button_module["default"].disabled : null]);
143
+ $[18] = disabled;
144
+ $[19] = exceptionallySetClassName;
145
+ $[20] = shape;
146
+ $[21] = size;
147
+ $[22] = tone;
148
+ $[23] = variant;
149
+ $[24] = width;
150
+ $[25] = t11;
151
+ } else {
152
+ t11 = $[25];
153
+ }
154
+ let t12;
155
+ if ($[26] !== endIcon || $[27] !== loading || $[28] !== startIcon) {
156
+ t12 = startIcon ? /*#__PURE__*/React__namespace.createElement(box.Box, {
157
+ display: "flex",
158
+ className: button_module["default"].startIcon,
159
+ "aria-hidden": true
160
+ }, loading && !endIcon ? /*#__PURE__*/React__namespace.createElement(spinner.Spinner, null) : startIcon) : null;
161
+ $[26] = endIcon;
162
+ $[27] = loading;
163
+ $[28] = startIcon;
164
+ $[29] = t12;
165
+ } else {
166
+ t12 = $[29];
167
+ }
168
+ let t13;
169
+ if ($[30] !== align || $[31] !== children || $[32] !== width) {
170
+ t13 = children ? /*#__PURE__*/React__namespace.createElement(box.Box, {
171
+ as: "span",
172
+ className: button_module["default"].label,
173
+ overflow: "hidden",
174
+ width: width === "full" ? "full" : undefined,
175
+ textAlign: width === "auto" ? "center" : align
176
+ }, children) : null;
177
+ $[30] = align;
178
+ $[31] = children;
179
+ $[32] = width;
180
+ $[33] = t13;
181
+ } else {
182
+ t13 = $[33];
183
+ }
184
+ let t14;
185
+ if ($[34] !== endIcon || $[35] !== loading || $[36] !== startIcon) {
186
+ t14 = endIcon || loading && !startIcon ? /*#__PURE__*/React__namespace.createElement(box.Box, {
187
+ display: "flex",
188
+ className: button_module["default"].endIcon,
189
+ "aria-hidden": true
190
+ }, loading ? /*#__PURE__*/React__namespace.createElement(spinner.Spinner, null) : endIcon) : null;
191
+ $[34] = endIcon;
192
+ $[35] = loading;
193
+ $[36] = startIcon;
194
+ $[37] = t14;
195
+ } else {
196
+ t14 = $[37];
197
+ }
198
+ let t15;
199
+ if ($[38] !== t12 || $[39] !== t13 || $[40] !== t14) {
200
+ t15 = /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, t12, t13, t14);
201
+ $[38] = t12;
202
+ $[39] = t13;
203
+ $[40] = t14;
204
+ $[41] = t15;
205
+ } else {
206
+ t15 = $[41];
207
+ }
208
+ let t16;
209
+ if ($[42] !== isDisabled || $[43] !== props || $[44] !== ref || $[45] !== render || $[46] !== t10 || $[47] !== t11 || $[48] !== t15 || $[49] !== t9) {
210
+ t16 = /*#__PURE__*/React__namespace.createElement(react.Role.button, _extends__default["default"]({}, props, {
211
+ render: render,
212
+ type: t9,
213
+ ref: ref,
214
+ "aria-disabled": isDisabled,
215
+ onClick: t10,
216
+ className: t11
217
+ }), t15);
218
+ $[42] = isDisabled;
219
+ $[43] = props;
220
+ $[44] = ref;
221
+ $[45] = render;
222
+ $[46] = t10;
223
+ $[47] = t11;
224
+ $[48] = t15;
225
+ $[49] = t9;
226
+ $[50] = t16;
227
+ } else {
228
+ t16 = $[50];
229
+ }
230
+ const buttonElement = t16;
231
+ let t17;
232
+ if ($[51] !== buttonElement || $[52] !== tooltip$1) {
233
+ t17 = tooltip$1 ? /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, {
234
+ content: tooltip$1
235
+ }, buttonElement) : buttonElement;
236
+ $[51] = buttonElement;
237
+ $[52] = tooltip$1;
238
+ $[53] = t17;
239
+ } else {
240
+ t17 = $[53];
241
+ }
242
+ return t17;
62
243
  });
63
244
  /**
64
245
  * A button element that displays an icon only, visually, though it is semantically labelled. It
65
246
  * also makes sure to always show a tooltip with its label. It follows the
66
247
  * [WAI-ARIA Button Pattern](https://www.w3.org/TR/wai-aria-practices/#button).
67
248
  */
68
- var IconButton = React__namespace.forwardRef(function IconButton(_a, ref) {
69
- var variant = _a.variant, _b = _a.tone, tone = _b === void 0 ? 'normal' : _b, _c = _a.size, size = _c === void 0 ? 'normal' : _c, _d = _a.shape, shape = _d === void 0 ? 'normal' : _d, _e = _a.type, type = _e === void 0 ? 'button' : _e, _f = _a.disabled, disabled = _f === void 0 ? false : _f, _g = _a.loading, loading = _g === void 0 ? false : _g, tooltip$1 = _a.tooltip, render = _a.render, onClick = _a.onClick, exceptionallySetClassName = _a.exceptionallySetClassName; _a.children; var icon = _a.icon, props = tslib.__rest(_a, ["variant", "tone", "size", "shape", "type", "disabled", "loading", "tooltip", "render", "onClick", "exceptionallySetClassName", "children", "icon"]);
70
- var isDisabled = loading || disabled;
71
- var buttonElement = (React__namespace.createElement(react.Role.button, tslib.__assign({}, props, { render: render, type: render != null ? undefined : type, ref: ref, "aria-disabled": isDisabled, onClick: isDisabled ? preventDefault : onClick, className: classNames__default["default"]([
72
- exceptionallySetClassName,
73
- button_module["default"].baseButton,
74
- button_module["default"]["variant-".concat(variant)],
75
- button_module["default"]["tone-".concat(tone)],
76
- button_module["default"]["size-".concat(size)],
77
- shape === 'rounded' ? button_module["default"]['shape-rounded'] : null,
78
- button_module["default"].iconButton,
79
- disabled ? button_module["default"].disabled : null,
80
- ]) }), (loading && React__namespace.createElement(spinner.Spinner, null)) || icon));
81
- var tooltipContent = tooltip$1 === undefined ? props['aria-label'] : tooltip$1;
82
- return tooltipContent ? (React__namespace.createElement(tooltip.Tooltip, { content: tooltipContent }, buttonElement)) : (buttonElement);
249
+ const IconButton = /*#__PURE__*/React__namespace.forwardRef(function IconButton(t0, ref) {
250
+ const $ = reactCompilerRuntime.c(36);
251
+ let exceptionallySetClassName;
252
+ let icon;
253
+ let onClick;
254
+ let props;
255
+ let render;
256
+ let t1;
257
+ let t2;
258
+ let t3;
259
+ let t4;
260
+ let t5;
261
+ let t6;
262
+ let tooltip$1;
263
+ let variant;
264
+ if ($[0] !== t0) {
265
+ const {
266
+ variant: t7,
267
+ tone: t8,
268
+ size: t9,
269
+ shape: t10,
270
+ type: t11,
271
+ disabled: t12,
272
+ loading: t13,
273
+ tooltip: t14,
274
+ render: t15,
275
+ onClick: t16,
276
+ exceptionallySetClassName: t17,
277
+ children,
278
+ icon: t18
279
+ } = t0,
280
+ t19 = _objectWithoutProperties__default["default"](t0, _excluded2);
281
+ variant = t7;
282
+ t1 = t8;
283
+ t2 = t9;
284
+ t3 = t10;
285
+ t4 = t11;
286
+ t5 = t12;
287
+ t6 = t13;
288
+ tooltip$1 = t14;
289
+ render = t15;
290
+ onClick = t16;
291
+ exceptionallySetClassName = t17;
292
+ icon = t18;
293
+ props = t19;
294
+ $[0] = t0;
295
+ $[1] = exceptionallySetClassName;
296
+ $[2] = icon;
297
+ $[3] = onClick;
298
+ $[4] = props;
299
+ $[5] = render;
300
+ $[6] = t1;
301
+ $[7] = t2;
302
+ $[8] = t3;
303
+ $[9] = t4;
304
+ $[10] = t5;
305
+ $[11] = t6;
306
+ $[12] = tooltip$1;
307
+ $[13] = variant;
308
+ } else {
309
+ exceptionallySetClassName = $[1];
310
+ icon = $[2];
311
+ onClick = $[3];
312
+ props = $[4];
313
+ render = $[5];
314
+ t1 = $[6];
315
+ t2 = $[7];
316
+ t3 = $[8];
317
+ t4 = $[9];
318
+ t5 = $[10];
319
+ t6 = $[11];
320
+ tooltip$1 = $[12];
321
+ variant = $[13];
322
+ }
323
+ const tone = t1 === undefined ? "normal" : t1;
324
+ const size = t2 === undefined ? "normal" : t2;
325
+ const shape = t3 === undefined ? "normal" : t3;
326
+ const type = t4 === undefined ? "button" : t4;
327
+ const disabled = t5 === undefined ? false : t5;
328
+ const loading = t6 === undefined ? false : t6;
329
+ const isDisabled = loading || disabled;
330
+ const t7 = render != null ? undefined : type;
331
+ const t8 = isDisabled ? preventDefault : onClick;
332
+ const t9 = button_module["default"][`variant-${variant}`];
333
+ const t10 = button_module["default"][`tone-${tone}`];
334
+ const t11 = button_module["default"][`size-${size}`];
335
+ const t12 = shape === "rounded" ? button_module["default"]["shape-rounded"] : null;
336
+ const t13 = disabled ? button_module["default"].disabled : null;
337
+ let t14;
338
+ if ($[14] !== exceptionallySetClassName || $[15] !== t10 || $[16] !== t11 || $[17] !== t12 || $[18] !== t13 || $[19] !== t9) {
339
+ t14 = classNames__default["default"]([exceptionallySetClassName, button_module["default"].baseButton, t9, t10, t11, t12, button_module["default"].iconButton, t13]);
340
+ $[14] = exceptionallySetClassName;
341
+ $[15] = t10;
342
+ $[16] = t11;
343
+ $[17] = t12;
344
+ $[18] = t13;
345
+ $[19] = t9;
346
+ $[20] = t14;
347
+ } else {
348
+ t14 = $[20];
349
+ }
350
+ let t15;
351
+ if ($[21] !== icon || $[22] !== loading) {
352
+ t15 = loading && /*#__PURE__*/React__namespace.createElement(spinner.Spinner, null) || icon;
353
+ $[21] = icon;
354
+ $[22] = loading;
355
+ $[23] = t15;
356
+ } else {
357
+ t15 = $[23];
358
+ }
359
+ let t16;
360
+ if ($[24] !== isDisabled || $[25] !== props || $[26] !== ref || $[27] !== render || $[28] !== t14 || $[29] !== t15 || $[30] !== t7 || $[31] !== t8) {
361
+ t16 = /*#__PURE__*/React__namespace.createElement(react.Role.button, _extends__default["default"]({}, props, {
362
+ render: render,
363
+ type: t7,
364
+ ref: ref,
365
+ "aria-disabled": isDisabled,
366
+ onClick: t8,
367
+ className: t14
368
+ }), t15);
369
+ $[24] = isDisabled;
370
+ $[25] = props;
371
+ $[26] = ref;
372
+ $[27] = render;
373
+ $[28] = t14;
374
+ $[29] = t15;
375
+ $[30] = t7;
376
+ $[31] = t8;
377
+ $[32] = t16;
378
+ } else {
379
+ t16 = $[32];
380
+ }
381
+ const buttonElement = t16;
382
+ const tooltipContent = tooltip$1 === undefined ? props["aria-label"] : tooltip$1;
383
+ let t17;
384
+ if ($[33] !== buttonElement || $[34] !== tooltipContent) {
385
+ t17 = tooltipContent ? /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, {
386
+ content: tooltipContent
387
+ }, buttonElement) : buttonElement;
388
+ $[33] = buttonElement;
389
+ $[34] = tooltipContent;
390
+ $[35] = t17;
391
+ } else {
392
+ t17 = $[35];
393
+ }
394
+ return t17;
83
395
  });
84
396
 
85
397
  exports.Button = Button;
@@ -1 +1 @@
1
- {"version":3,"file":"button.js","sources":["../../src/button/button.tsx"],"sourcesContent":[null],"names":["React","tooltip","__rest","Role","__assign","classNames","getBoxClassNames","styles","Box","Spinner","Tooltip"],"mappings":"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"}
1
+ {"version":3,"file":"button.js","sources":["../../src/button/button.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Role } from '@ariakit/react'\nimport classNames from 'classnames'\n\nimport { Box, getBoxClassNames } from '../box'\nimport { Spinner } from '../spinner'\nimport { Tooltip } from '../tooltip'\n\nimport styles from './button.module.css'\n\nimport type { RoleProps } from '@ariakit/react'\nimport type { TooltipProps } from '../tooltip'\nimport type { ObfuscatedClassName } from '../utils/common-types'\n\nfunction preventDefault(event: React.SyntheticEvent) {\n event.preventDefault()\n}\n\ntype ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'quaternary'\ntype ButtonTone = 'normal' | 'destructive'\ntype ButtonSize = 'small' | 'normal' | 'large'\ntype IconElement = React.ReactElement | string\n\ninterface CommonButtonProps\n extends ObfuscatedClassName,\n Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'className'>,\n Pick<RoleProps, 'render'> {\n /**\n * The button's variant.\n */\n variant: ButtonVariant\n\n /**\n * The button's tone.\n *\n * @default 'normal'\n */\n tone?: ButtonTone\n\n /**\n * The button's size.\n *\n * @default 'normal'\n */\n size?: ButtonSize\n\n /**\n * Controls the shape of the button.\n *\n * Specifically, it allows to make it have slightly curved corners (the default) vs. having them\n * fully curved to the point that they are as round as possible.\n *\n * In icon-only buttons this allows to have the button be circular.\n *\n * @default 'normal'\n */\n shape?: 'normal' | 'rounded'\n\n /**\n * Whether the button is disabled or not.\n *\n * Buttons are disabled using aria-disabled, rather than the HTML disabled attribute. This\n * allows the buttons to be focusable, which can aid discoverability. This way, users can tab to\n * the button and read its label, even if they can't activate it.\n *\n * It is also convenient when buttons are rendered as a link. Links cannot normally be disabled,\n * but by using aria-disabled, we can make them behave as if they were.\n *\n * The `onClick` handler is automatically prevented when the button is disabled in this way, to\n * mimic the behavior of a native disabled attribute.\n *\n * @default false\n */\n disabled?: boolean\n\n /**\n * Whether the button is busy/loading.\n *\n * A button in this state is functionally and semantically disabled. Visually is does not look\n * dimmed (as disabled buttons normally do), but it shows a loading spinner instead.\n *\n * @default false\n */\n loading?: boolean\n\n /**\n * A tooltip linked to the button element.\n */\n tooltip?: TooltipProps['content']\n\n /**\n * The type of the button.\n *\n * @default 'button'\n */\n type?: 'button' | 'submit' | 'reset'\n}\n\ninterface ButtonProps extends CommonButtonProps {\n /**\n * The button label content.\n */\n children?: React.ReactNode\n\n /**\n * The icon to display at the start of the button (before the label).\n */\n startIcon?: IconElement\n\n /**\n * The icon to display at the end of the button (after the label).\n */\n endIcon?: IconElement\n\n /**\n * The width of the button.\n *\n * - `'auto'`: The button will be as wide as its content.\n * - `'full'`: The button will be as wide as its container.\n *\n * @default 'auto'\n */\n width?: 'auto' | 'full'\n\n /**\n * The alignment of the button label inside the button.\n *\n * @default 'center'\n */\n align?: 'start' | 'center' | 'end'\n}\n\n/**\n * A button element that displays a text label and optionally a start or end icon. It follows the\n * [WAI-ARIA Button Pattern](https://www.w3.org/TR/wai-aria-practices/#button).\n */\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(function Button(\n {\n variant,\n tone = 'normal',\n size = 'normal',\n shape = 'normal',\n type = 'button',\n disabled = false,\n loading = false,\n tooltip,\n render,\n onClick,\n exceptionallySetClassName,\n children,\n startIcon,\n endIcon,\n width = 'auto',\n align = 'center',\n ...props\n },\n ref,\n) {\n const isDisabled = loading || disabled\n const buttonElement = (\n <Role.button\n {...props}\n render={render}\n type={render != null ? undefined : type}\n ref={ref}\n aria-disabled={isDisabled}\n onClick={isDisabled ? preventDefault : onClick}\n className={classNames([\n getBoxClassNames({ width }),\n exceptionallySetClassName,\n styles.baseButton,\n styles[`variant-${variant}`],\n styles[`tone-${tone}`],\n styles[`size-${size}`],\n shape === 'rounded' ? styles['shape-rounded'] : null,\n disabled ? styles.disabled : null,\n ])}\n >\n <>\n {startIcon ? (\n <Box display=\"flex\" className={styles.startIcon} aria-hidden>\n {loading && !endIcon ? <Spinner /> : startIcon}\n </Box>\n ) : null}\n\n {children ? (\n <Box\n as=\"span\"\n className={styles.label}\n overflow=\"hidden\"\n width={width === 'full' ? 'full' : undefined}\n textAlign={width === 'auto' ? 'center' : align}\n >\n {children}\n </Box>\n ) : null}\n\n {endIcon || (loading && !startIcon) ? (\n <Box display=\"flex\" className={styles.endIcon} aria-hidden>\n {loading ? <Spinner /> : endIcon}\n </Box>\n ) : null}\n </>\n </Role.button>\n )\n\n return tooltip ? <Tooltip content={tooltip}>{buttonElement}</Tooltip> : buttonElement\n})\n\ninterface IconButtonProps extends CommonButtonProps {\n /**\n * The icon to display inside the button.\n */\n icon: IconElement\n\n /**\n * The button label.\n *\n * It is used for assistive technologies, and it is also shown as a tooltip (if not tooltip is\n * provided explicitly).\n */\n 'aria-label': string\n}\n\n/**\n * A button element that displays an icon only, visually, though it is semantically labelled. It\n * also makes sure to always show a tooltip with its label. It follows the\n * [WAI-ARIA Button Pattern](https://www.w3.org/TR/wai-aria-practices/#button).\n */\nconst IconButton = React.forwardRef<HTMLButtonElement, IconButtonProps>(function IconButton(\n {\n variant,\n tone = 'normal',\n size = 'normal',\n shape = 'normal',\n type = 'button',\n disabled = false,\n loading = false,\n tooltip,\n render,\n onClick,\n exceptionallySetClassName,\n children,\n icon,\n ...props\n },\n ref,\n) {\n const isDisabled = loading || disabled\n const buttonElement = (\n <Role.button\n {...props}\n render={render}\n type={render != null ? undefined : type}\n ref={ref}\n aria-disabled={isDisabled}\n onClick={isDisabled ? preventDefault : onClick}\n className={classNames([\n exceptionallySetClassName,\n styles.baseButton,\n styles[`variant-${variant}`],\n styles[`tone-${tone}`],\n styles[`size-${size}`],\n shape === 'rounded' ? styles['shape-rounded'] : null,\n styles.iconButton,\n disabled ? styles.disabled : null,\n ])}\n >\n {(loading && <Spinner />) || icon}\n </Role.button>\n )\n\n const tooltipContent = tooltip === undefined ? props['aria-label'] : tooltip\n return tooltipContent ? (\n <Tooltip content={tooltipContent}>{buttonElement}</Tooltip>\n ) : (\n buttonElement\n )\n})\n\nexport type { ButtonProps, ButtonTone, ButtonVariant, IconButtonProps }\nexport { Button, IconButton }\n"],"names":["preventDefault","event","Button","React","forwardRef","t0","ref","$","_c","children","endIcon","exceptionallySetClassName","onClick","props","render","startIcon","t1","t2","t3","t4","t5","t6","t7","t8","tooltip","variant","_t","tone","size","shape","type","disabled","loading","width","align","_objectWithoutProperties","_excluded","undefined","isDisabled","t9","t10","t11","classNames","getBoxClassNames","styles","baseButton","t12","createElement","Box","display","className","Spinner","t13","as","label","overflow","textAlign","t14","t15","Fragment","t16","Role","button","_extends","buttonElement","t17","Tooltip","IconButton","icon","t18","t19","_excluded2","iconButton","tooltipContent"],"mappings":"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"}
@@ -2,7 +2,8 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib = require('tslib');
5
+ var _extends = require('@babel/runtime/helpers/extends');
6
+ var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
6
7
  var React = require('react');
7
8
  var box = require('../box/box.js');
8
9
  var text = require('../text/text.js');
@@ -10,6 +11,8 @@ var checkboxIcon = require('./checkbox-icon.js');
10
11
  var useForkRef = require('./use-fork-ref.js');
11
12
  var checkboxField_module = require('./checkbox-field.module.css.js');
12
13
 
14
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
15
+
13
16
  function _interopNamespace(e) {
14
17
  if (e && e.__esModule) return e;
15
18
  var n = Object.create(null);
@@ -28,55 +31,79 @@ function _interopNamespace(e) {
28
31
  return Object.freeze(n);
29
32
  }
30
33
 
34
+ var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
35
+ var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
31
36
  var React__namespace = /*#__PURE__*/_interopNamespace(React);
32
37
 
33
- var CheckboxField = React__namespace.forwardRef(function CheckboxField(_a, ref) {
34
- var _b, _c, _d;
35
- var label = _a.label, icon = _a.icon, disabled = _a.disabled, indeterminate = _a.indeterminate, defaultChecked = _a.defaultChecked, onChange = _a.onChange, props = tslib.__rest(_a, ["label", "icon", "disabled", "indeterminate", "defaultChecked", "onChange"]);
36
- var isControlledComponent = typeof props.checked === 'boolean';
37
- if (typeof indeterminate === 'boolean' && !isControlledComponent) {
38
- // eslint-disable-next-line no-console
39
- console.warn('Cannot use indeterminate on an uncontrolled checkbox');
40
- indeterminate = undefined;
38
+ const _excluded = ["label", "icon", "disabled", "indeterminate", "defaultChecked", "onChange"];
39
+ const CheckboxField = /*#__PURE__*/React__namespace.forwardRef(function CheckboxField(_ref, ref) {
40
+ let {
41
+ label,
42
+ icon,
43
+ disabled,
44
+ indeterminate,
45
+ defaultChecked,
46
+ onChange
47
+ } = _ref,
48
+ props = _objectWithoutProperties__default["default"](_ref, _excluded);
49
+ const isControlledComponent = typeof props.checked === 'boolean';
50
+ if (typeof indeterminate === 'boolean' && !isControlledComponent) {
51
+ // eslint-disable-next-line no-console
52
+ console.warn('Cannot use indeterminate on an uncontrolled checkbox');
53
+ indeterminate = undefined;
54
+ }
55
+ if (!label && !props['aria-label'] && !props['aria-labelledby']) {
56
+ // eslint-disable-next-line no-console
57
+ console.warn('A Checkbox needs a label');
58
+ }
59
+ const [keyFocused, setKeyFocused] = React__namespace.useState(false);
60
+ const [checkedState, setChecked] = React__namespace.useState(props.checked ?? defaultChecked ?? false);
61
+ const isChecked = props.checked ?? checkedState;
62
+ const internalRef = React__namespace.useRef(null);
63
+ const combinedRef = useForkRef.useForkRef(internalRef, ref);
64
+ React__namespace.useEffect(function setIndeterminate() {
65
+ if (internalRef.current && typeof indeterminate === 'boolean') {
66
+ internalRef.current.indeterminate = indeterminate;
41
67
  }
42
- if (!label && !props['aria-label'] && !props['aria-labelledby']) {
43
- // eslint-disable-next-line no-console
44
- console.warn('A Checkbox needs a label');
68
+ }, [indeterminate]);
69
+ return /*#__PURE__*/React__namespace.createElement(box.Box, {
70
+ as: "label",
71
+ display: "flex",
72
+ alignItems: "center",
73
+ className: [checkboxField_module["default"].container, disabled ? checkboxField_module["default"].disabled : null, isChecked ? checkboxField_module["default"].checked : null, keyFocused ? checkboxField_module["default"].keyFocused : null]
74
+ }, /*#__PURE__*/React__namespace.createElement("input", _extends__default["default"]({}, props, {
75
+ ref: combinedRef,
76
+ type: "checkbox",
77
+ "aria-checked": indeterminate ? 'mixed' : isChecked,
78
+ checked: isChecked,
79
+ disabled: disabled,
80
+ onChange: event => {
81
+ onChange?.(event);
82
+ if (!event.defaultPrevented) {
83
+ setChecked(event.currentTarget.checked);
84
+ }
85
+ },
86
+ onBlur: event_0 => {
87
+ setKeyFocused(false);
88
+ props?.onBlur?.(event_0);
89
+ },
90
+ onKeyUp: event_1 => {
91
+ setKeyFocused(true);
92
+ props?.onKeyUp?.(event_1);
45
93
  }
46
- var _e = React__namespace.useState(false), keyFocused = _e[0], setKeyFocused = _e[1];
47
- var _f = React__namespace.useState((_c = (_b = props.checked) !== null && _b !== void 0 ? _b : defaultChecked) !== null && _c !== void 0 ? _c : false), checkedState = _f[0], setChecked = _f[1];
48
- var isChecked = (_d = props.checked) !== null && _d !== void 0 ? _d : checkedState;
49
- var internalRef = React__namespace.useRef(null);
50
- var combinedRef = useForkRef.useForkRef(internalRef, ref);
51
- React__namespace.useEffect(function setIndeterminate() {
52
- if (internalRef.current && typeof indeterminate === 'boolean') {
53
- internalRef.current.indeterminate = indeterminate;
54
- }
55
- }, [indeterminate]);
56
- return (React__namespace.createElement(box.Box, { as: "label", display: "flex", alignItems: "center", className: [
57
- checkboxField_module["default"].container,
58
- disabled ? checkboxField_module["default"].disabled : null,
59
- isChecked ? checkboxField_module["default"].checked : null,
60
- keyFocused ? checkboxField_module["default"].keyFocused : null,
61
- ] },
62
- React__namespace.createElement("input", tslib.__assign({}, props, { ref: combinedRef, type: "checkbox", "aria-checked": indeterminate ? 'mixed' : isChecked, checked: isChecked, disabled: disabled, onChange: function (event) {
63
- onChange === null || onChange === void 0 ? void 0 : onChange(event);
64
- if (!event.defaultPrevented) {
65
- setChecked(event.currentTarget.checked);
66
- }
67
- }, onBlur: function (event) {
68
- var _a;
69
- setKeyFocused(false);
70
- (_a = props === null || props === void 0 ? void 0 : props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, event);
71
- }, onKeyUp: function (event) {
72
- var _a;
73
- setKeyFocused(true);
74
- (_a = props === null || props === void 0 ? void 0 : props.onKeyUp) === null || _a === void 0 ? void 0 : _a.call(props, event);
75
- } })),
76
- React__namespace.createElement(checkboxIcon.CheckboxIcon, { checked: isChecked, disabled: disabled, indeterminate: indeterminate, "aria-hidden": true }),
77
- icon ? (React__namespace.createElement(box.Box, { display: "flex", className: checkboxField_module["default"].icon, "aria-hidden": true }, icon)) : null,
78
- label ? (React__namespace.createElement(box.Box, { display: "flex", className: checkboxField_module["default"].label },
79
- React__namespace.createElement(text.Text, null, label))) : null));
94
+ })), /*#__PURE__*/React__namespace.createElement(checkboxIcon.CheckboxIcon, {
95
+ checked: isChecked,
96
+ disabled: disabled,
97
+ indeterminate: indeterminate,
98
+ "aria-hidden": true
99
+ }), icon ? /*#__PURE__*/React__namespace.createElement(box.Box, {
100
+ display: "flex",
101
+ className: checkboxField_module["default"].icon,
102
+ "aria-hidden": true
103
+ }, icon) : null, label ? /*#__PURE__*/React__namespace.createElement(box.Box, {
104
+ display: "flex",
105
+ className: checkboxField_module["default"].label
106
+ }, /*#__PURE__*/React__namespace.createElement(text.Text, null, label)) : null);
80
107
  });
81
108
 
82
109
  exports.CheckboxField = CheckboxField;