@hazelcast/ui 1.2.0 → 1.2.1-next.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 (209) hide show
  1. package/lib/Alert.js +2 -2
  2. package/lib/Alert.js.map +1 -1
  3. package/lib/AutocompleteField.js +6 -5
  4. package/lib/AutocompleteField.js.map +1 -1
  5. package/lib/AutocompleteField.module.scss +1 -1
  6. package/lib/AutocompleteFieldFormik.js +1 -1
  7. package/lib/AutocompleteFieldFormik.js.map +1 -1
  8. package/lib/Button.d.ts +1 -353
  9. package/lib/Button.js +4 -4
  10. package/lib/Button.js.map +1 -1
  11. package/lib/Button.module.scss +1 -0
  12. package/lib/Calendar/Calendar.js +2 -2
  13. package/lib/Calendar/Calendar.js.map +1 -1
  14. package/lib/Calendar/Calendar.module.scss +4 -1
  15. package/lib/Calendar/components/CalendarInput.js +2 -2
  16. package/lib/Calendar/components/CalendarInput.js.map +1 -1
  17. package/lib/Calendar/components/CalendarTime.js +1 -1
  18. package/lib/Calendar/components/CalendarTime.js.map +1 -1
  19. package/lib/Calendar/components/CalendarTime.module.scss +2 -0
  20. package/lib/Card.module.scss +1 -1
  21. package/lib/Checkbox.d.ts +2 -2
  22. package/lib/Checkbox.js +3 -1
  23. package/lib/Checkbox.js.map +1 -1
  24. package/lib/Checkbox.module.scss +3 -1
  25. package/lib/CheckboxFormik.js +2 -2
  26. package/lib/CheckboxFormik.js.map +1 -1
  27. package/lib/CodeEditor.js +1 -1
  28. package/lib/CodeEditor.js.map +1 -1
  29. package/lib/CodeEditor.module.scss +5 -2
  30. package/lib/CodeEditorFormik.js +2 -2
  31. package/lib/CodeEditorFormik.js.map +1 -1
  32. package/lib/Dialog.js +5 -2
  33. package/lib/Dialog.js.map +1 -1
  34. package/lib/Dialog.module.scss +3 -0
  35. package/lib/EmptyState.module.scss +1 -0
  36. package/lib/Error.d.ts +2 -0
  37. package/lib/Error.js +2 -2
  38. package/lib/Error.js.map +1 -1
  39. package/lib/FieldHeader.module.scss +1 -1
  40. package/lib/Icon.d.ts +1 -34
  41. package/lib/Icon.js +1 -1
  42. package/lib/Icon.js.map +1 -1
  43. package/lib/Icon.module.scss +5 -0
  44. package/lib/IconButton.d.ts +3 -167
  45. package/lib/IconButton.js +2 -2
  46. package/lib/IconButton.js.map +1 -1
  47. package/lib/InteractiveList.d.ts +1 -2
  48. package/lib/InteractiveList.js +2 -3
  49. package/lib/InteractiveList.js.map +1 -1
  50. package/lib/InteractiveList.module.scss +1 -0
  51. package/lib/InteractiveListFormik.js +5 -4
  52. package/lib/InteractiveListFormik.js.map +1 -1
  53. package/lib/Link.d.ts +1 -65
  54. package/lib/Link.js +2 -2
  55. package/lib/Link.js.map +1 -1
  56. package/lib/Link.module.scss +1 -0
  57. package/lib/Loader.js +2 -2
  58. package/lib/Loader.js.map +1 -1
  59. package/lib/Loader.module.scss +9 -2
  60. package/lib/Modal.d.ts +0 -2
  61. package/lib/Modal.js +3 -3
  62. package/lib/Modal.js.map +1 -1
  63. package/lib/Modal.module.scss +1 -0
  64. package/lib/Notification.module.scss +1 -0
  65. package/lib/NumberField.d.ts +1 -0
  66. package/lib/NumberField.js +16 -6
  67. package/lib/NumberField.js.map +1 -1
  68. package/lib/NumberField.module.scss +40 -3
  69. package/lib/NumberFieldFormik.js +1 -1
  70. package/lib/NumberFieldFormik.js.map +1 -1
  71. package/lib/Overlay.d.ts +1 -1
  72. package/lib/Overlay.js +1 -1
  73. package/lib/Overlay.js.map +1 -1
  74. package/lib/Overlay.module.scss +2 -0
  75. package/lib/Pagination.js.map +1 -1
  76. package/lib/Pagination.module.scss +1 -0
  77. package/lib/PasswordField.js +2 -2
  78. package/lib/PasswordField.js.map +1 -1
  79. package/lib/PasswordFieldFormik.js +2 -2
  80. package/lib/PasswordFieldFormik.js.map +1 -1
  81. package/lib/Popover.d.ts +21 -1
  82. package/lib/Popover.js +76 -1
  83. package/lib/Popover.js.map +1 -1
  84. package/lib/Popover.module.scss +12 -0
  85. package/lib/Radio.d.ts +2 -2
  86. package/lib/Radio.js +4 -2
  87. package/lib/Radio.js.map +1 -1
  88. package/lib/Radio.module.scss +3 -0
  89. package/lib/RadioFormik.js +1 -1
  90. package/lib/RadioFormik.js.map +1 -1
  91. package/lib/RadioGroup.module.scss +0 -1
  92. package/lib/RadioGroupFormik.js +2 -2
  93. package/lib/RadioGroupFormik.js.map +1 -1
  94. package/lib/SegmentedControlFormik.js +1 -1
  95. package/lib/SegmentedControlFormik.js.map +1 -1
  96. package/lib/Select/CheckableSelectField.d.ts +5 -2
  97. package/lib/Select/CheckableSelectField.js +35 -59
  98. package/lib/Select/CheckableSelectField.js.map +1 -1
  99. package/lib/Select/CheckableSelectField.module.scss +10 -2
  100. package/lib/Select/CheckableSelectFieldFormik.d.ts +2 -2
  101. package/lib/Select/CheckableSelectFieldFormik.js +1 -1
  102. package/lib/Select/CheckableSelectFieldFormik.js.map +1 -1
  103. package/lib/Select/Common.d.ts +2 -0
  104. package/lib/Select/Common.js +10 -3
  105. package/lib/Select/Common.js.map +1 -1
  106. package/lib/Select/Common.module.scss +2 -0
  107. package/lib/Select/MultiSelectField.d.ts +1 -1
  108. package/lib/Select/MultiSelectField.js +3 -6
  109. package/lib/Select/MultiSelectField.js.map +1 -1
  110. package/lib/Select/MultiSelectFieldFormik.d.ts +2 -2
  111. package/lib/Select/MultiSelectFieldFormik.js +1 -1
  112. package/lib/Select/MultiSelectFieldFormik.js.map +1 -1
  113. package/lib/Select/SelectField.d.ts +1 -1
  114. package/lib/Select/SelectField.js +1 -1
  115. package/lib/Select/SelectField.js.map +1 -1
  116. package/lib/Select/SelectField.module.scss +1 -1
  117. package/lib/Select/SelectFieldFormik.d.ts +2 -2
  118. package/lib/Select/SelectFieldFormik.js +1 -1
  119. package/lib/Select/SelectFieldFormik.js.map +1 -1
  120. package/lib/Select/helpers.d.ts +1 -2
  121. package/lib/Select/index.d.ts +7 -7
  122. package/lib/Select/index.js +7 -7
  123. package/lib/Select/index.js.map +1 -1
  124. package/lib/SimpleTable.js +7 -7
  125. package/lib/SimpleTable.js.map +1 -1
  126. package/lib/SimpleTable.module.scss +1 -1
  127. package/lib/Slider.js +1 -1
  128. package/lib/Slider.js.map +1 -1
  129. package/lib/Slider.module.scss +5 -1
  130. package/lib/SliderFormik.d.ts +1 -1
  131. package/lib/SliderFormik.js +1 -1
  132. package/lib/SliderFormik.js.map +1 -1
  133. package/lib/Table/Header.js +3 -3
  134. package/lib/Table/Header.js.map +1 -1
  135. package/lib/Table/Header.module.scss +3 -0
  136. package/lib/Table/Row.js +2 -6
  137. package/lib/Table/Row.js.map +1 -1
  138. package/lib/Table/Table.js +10 -10
  139. package/lib/Table/Table.js.map +1 -1
  140. package/lib/Tabs/Tab.module.scss +1 -1
  141. package/lib/Tabs/TabList.js +2 -1
  142. package/lib/Tabs/TabList.js.map +1 -1
  143. package/lib/Tabs/index.d.ts +4 -4
  144. package/lib/Tabs/index.js +4 -4
  145. package/lib/Tabs/index.js.map +1 -1
  146. package/lib/Terminal.js +3 -3
  147. package/lib/Terminal.js.map +1 -1
  148. package/lib/Terminal.module.scss +1 -0
  149. package/lib/TextArea.js +2 -2
  150. package/lib/TextArea.js.map +1 -1
  151. package/lib/TextArea.module.scss +13 -6
  152. package/lib/TextAreaFormik.js +1 -1
  153. package/lib/TextAreaFormik.js.map +1 -1
  154. package/lib/TextField.d.ts +10 -17
  155. package/lib/TextField.js +23 -9
  156. package/lib/TextField.js.map +1 -1
  157. package/lib/TextField.module.scss +33 -17
  158. package/lib/TextFieldFormik.js +3 -3
  159. package/lib/TextFieldFormik.js.map +1 -1
  160. package/lib/TimeField.js +2 -2
  161. package/lib/TimeField.js.map +1 -1
  162. package/lib/TimeFieldFormik.js +1 -1
  163. package/lib/TimeFieldFormik.js.map +1 -1
  164. package/lib/Toast.js.map +1 -1
  165. package/lib/Toggle.module.scss +10 -7
  166. package/lib/ToggleFormik.js +1 -1
  167. package/lib/ToggleFormik.js.map +1 -1
  168. package/lib/Tooltip.d.ts +3 -2
  169. package/lib/Tooltip.js +65 -20
  170. package/lib/Tooltip.js.map +1 -1
  171. package/lib/Tooltip.module.scss +3 -3
  172. package/lib/TruncatedText.d.ts +5 -2
  173. package/lib/TruncatedText.js +2 -2
  174. package/lib/TruncatedText.js.map +1 -1
  175. package/lib/hooks/index.d.ts +5 -1
  176. package/lib/hooks/index.js +5 -1
  177. package/lib/hooks/index.js.map +1 -1
  178. package/lib/hooks/useIsMounted.d.ts +1 -0
  179. package/lib/hooks/useIsMounted.js +12 -0
  180. package/lib/hooks/useIsMounted.js.map +1 -0
  181. package/lib/hooks/useOnClickOutside.d.ts +8 -0
  182. package/lib/hooks/useOnClickOutside.js +24 -0
  183. package/lib/hooks/useOnClickOutside.js.map +1 -0
  184. package/lib/hooks/useOpenCloseState.d.ts +6 -0
  185. package/lib/hooks/useOpenCloseState.js +14 -0
  186. package/lib/hooks/useOpenCloseState.js.map +1 -0
  187. package/lib/hooks/usePrevious.d.ts +1 -1
  188. package/lib/hooks/usePrevious.js.map +1 -1
  189. package/lib/hooks/useRefValue.d.ts +1 -0
  190. package/lib/hooks/useRefValue.js +9 -0
  191. package/lib/hooks/useRefValue.js.map +1 -0
  192. package/lib/hooks/useTableCustomizableColumns.d.ts +1 -1
  193. package/lib/hooks/useTableCustomizableColumns.js.map +1 -1
  194. package/lib/index.d.ts +55 -55
  195. package/lib/index.js +55 -55
  196. package/lib/index.js.map +1 -1
  197. package/lib/utils/test.d.ts +1 -0
  198. package/lib/utils/test.js +8 -0
  199. package/lib/utils/test.js.map +1 -0
  200. package/package.json +55 -48
  201. package/styles/constants/_animations.scss +0 -1
  202. package/styles/constants/_colors.scss +1 -10
  203. package/styles/constants/_sizes.scss +2 -21
  204. package/styles/constants/_typography.scss +18 -7
  205. package/styles/constants/export.module.scss +1 -1
  206. package/styles/fonts.css +9 -24
  207. package/styles/helpers/_a11y.scss +4 -1
  208. package/styles/helpers/_error.scss +1 -1
  209. package/styles/helpers/_input.scss +1 -1
@@ -1 +1 @@
1
- {"version":3,"file":"CalendarInput.js","sourceRoot":"","sources":["../../../src/Calendar/components/CalendarInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAwC,UAAU,EAAE,MAAM,OAAO,CAAA;AAC/E,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAExC,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAQ3C,MAAM,CAAC,MAAM,qBAAqB,GAAmC,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,CACvI,oBAAC,SAAS,oBACJ,KAAK,IACT,IAAI,EAAE,aAAa,eACT,gBAAgB,EAC1B,KAAK,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,IACtB,QAAQ,EAAE,QAAQ,EAClB,uBAAuB,EAAE,SAAS,EAClC,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,gBAAgB,EACrB,KAAK,EAAE,KAAK,EACZ,iBAAiB,EAAE,QAAQ,EAC3B,sBAAsB,EAAC,eAAe,IACtC,CACH,CAAA;AAgBD,6DAA6D;AAC7D,MAAM,CAAC,MAAM,aAAa,GAA2B,UAAU,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC7E,oDAAoD;IACpD,MAAM,UAAU,GAAG,KAAmC,CAAA;IAEtD,OAAO,oBAAC,qBAAqB,oBAAK,UAAU,EAAI,CAAA;AAClD,CAAC,CAAC,CAAA;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAA"}
1
+ {"version":3,"file":"CalendarInput.js","sourceRoot":"","sources":["../../../src/Calendar/components/CalendarInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAwC,UAAU,EAAE,MAAM,OAAO,CAAA;AAC/E,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAExC,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAQ3C,MAAM,CAAC,MAAM,qBAAqB,GAAmC,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,CACvI,oBAAC,SAAS,OACJ,KAAK,EACT,IAAI,EAAE,aAAa,eACT,gBAAgB,EAC1B,KAAK,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,EAAE,EACxB,QAAQ,EAAE,QAAQ,EAClB,uBAAuB,EAAE,SAAS,EAClC,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,gBAAgB,EACrB,KAAK,EAAE,KAAK,EACZ,iBAAiB,EAAE,QAAQ,EAC3B,sBAAsB,EAAC,eAAe,GACtC,CACH,CAAA;AAgBD,6DAA6D;AAC7D,MAAM,CAAC,MAAM,aAAa,GAA2B,UAAU,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC7E,oDAAoD;IACpD,MAAM,UAAU,GAAG,KAAmC,CAAA;IAEtD,OAAO,oBAAC,qBAAqB,OAAK,UAAU,GAAI,CAAA;AAClD,CAAC,CAAC,CAAA;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAA"}
@@ -59,6 +59,6 @@ export const CalendarTimeInternal = ({ date, value, onChange }) => {
59
59
  export const CalendarTime = (props) => {
60
60
  // Note: Cast the "unknown" props to the actual type
61
61
  const propsTyped = props;
62
- return React.createElement(CalendarTimeInternal, Object.assign({}, propsTyped));
62
+ return React.createElement(CalendarTimeInternal, { ...propsTyped });
63
63
  };
64
64
  //# sourceMappingURL=CalendarTime.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"CalendarTime.js","sourceRoot":"","sources":["../../../src/Calendar/components/CalendarTime.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"CalendarTime.js","sourceRoot":"","sources":["../../../src/Calendar/components/CalendarTime.tsx"],"names":[],"mappings":"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"}
@@ -15,8 +15,10 @@
15
15
  * Therefore only option 2 is left.
16
16
  */
17
17
  $calendarTimeHeight: 227px;
18
+
18
19
  // Note: Add padding in order to preserve button's outline
19
20
  $outlinePreservingPadding: c.$grid * 1.25;
21
+
20
22
  // Note: Button width is 98px with border-box applied
21
23
  /* doiuse-disable calc */
22
24
  $buttonWidth: calc(98px - 2 * #{$outlinePreservingPadding});
@@ -9,7 +9,7 @@
9
9
  background: c.$colorNeutralWhite;
10
10
 
11
11
  .heading {
12
- @include c.typographyH3();
12
+ @include c.typographyH3;
13
13
 
14
14
  display: flex;
15
15
  align-items: center;
package/lib/Checkbox.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import React, { ChangeEvent, FC, FocusEvent } from 'react';
1
+ import { ChangeEvent, FC, FocusEvent, ReactElement, ReactText } from 'react';
2
2
  import { DataTestProp } from '@hazelcast/helpers';
3
3
  import { HelpProps } from './Help';
4
4
  declare type CheckboxCoreProps = {
@@ -10,7 +10,7 @@ declare type CheckboxCoreProps = {
10
10
  checked?: boolean;
11
11
  };
12
12
  export declare type CheckboxExtraProps = {
13
- label: React.ReactNode;
13
+ label?: ReactElement | ReactText;
14
14
  helperText?: HelpProps['helperText'];
15
15
  indeterminate?: boolean;
16
16
  disabled?: boolean;
package/lib/Checkbox.js CHANGED
@@ -5,6 +5,7 @@ import classNames from 'classnames';
5
5
  import { Error, errorId } from './Error';
6
6
  import { Help, helpTooltipId } from './Help';
7
7
  import styles from './Checkbox.module.scss';
8
+ import { TruncatedText } from './TruncatedText';
8
9
  /**
9
10
  * ### Purpose
10
11
  * Forms require input from users. If you need information that can be represented as boolean, use input with type 'checkbox'.
@@ -29,7 +30,8 @@ export const Checkbox = (props) => {
29
30
  [styles.checked]: checked,
30
31
  [styles.disabled]: disabled,
31
32
  }, classNameLabel), htmlFor: id },
32
- React.createElement("span", { className: styles.name, "data-test": "input-checkbox-label" }, label),
33
+ label !== undefined && (React.createElement("div", { className: styles.name, "data-test": "input-checkbox-label" },
34
+ React.createElement(TruncatedText, { text: label }))),
33
35
  React.createElement("input", { type: "checkbox", ref: inputRef, id: id, name: name, checked: !!checked, onChange: onChange, onBlur: onBlur, value: value, disabled: disabled, "aria-checked": ariaChecked, "aria-invalid": !!error, "aria-required": required, "aria-describedby": helperText && helpTooltipId(id), "aria-errormessage": error && errorId(id) }),
34
36
  indeterminate ? React.createElement(Minus, { className: styles.checkmark }) : React.createElement(Check, { className: styles.checkmark }),
35
37
  helperText && React.createElement(Help, { parentId: id, helperText: helperText, className: styles.helperText })),
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../src/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA+C,MAAM,EAAE,MAAM,OAAO,CAAA;AAClF,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAE5C,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,UAAU,MAAM,YAAY,CAAA;AAEnC,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AACxC,OAAO,EAAE,IAAI,EAAa,aAAa,EAAE,MAAM,QAAQ,CAAA;AAEvD,OAAO,MAAM,MAAM,wBAAwB,CAAA;AAuB3C;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAsB,CAAC,KAAK,EAAE,EAAE;IACnD,MAAM,EACJ,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,SAAS,EACT,cAAc,EACd,KAAK,EACL,aAAa,GAAG,KAAK,EACrB,KAAK,EACL,UAAU,EACV,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,WAAW,EAAE,QAAQ,GACtB,GAAG,KAAK,CAAA;IACT,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAA;IAC/C,MAAM,EAAE,GAAG,MAAM,EAAE,CAAA;IAEnB,IAAI,WAAW,GAAmC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAA;IAC5E,IAAI,aAAa,EAAE;QACjB,WAAW,GAAG,OAAO,CAAA;KACtB;IAED,OAAO,CACL,6BAAK,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,OAAO,IAAI,KAAK,EAAE,CAAC,eAAa,QAAQ;QAKlG,+BACE,SAAS,EAAE,UAAU,CACnB,MAAM,CAAC,OAAO,EACd;gBACE,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK;gBACvB,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,OAAO;gBACzB,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,QAAQ;aAC5B,EACD,cAAc,CACf,EACD,OAAO,EAAE,EAAE;YAEX,8BAAM,SAAS,EAAE,MAAM,CAAC,IAAI,eAAY,sBAAsB,IAC3D,KAAK,CACD;YACP,+BACE,IAAI,EAAC,UAAU,EACf,GAAG,EAAE,QAAQ,EACb,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,CAAC,CAAC,OAAO,EAClB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,kBACJ,WAAW,kBACX,CAAC,CAAC,KAAK,mBACN,QAAQ,sBACL,UAAU,IAAI,aAAa,CAAC,EAAE,CAAC,uBAC9B,KAAK,IAAI,OAAO,CAAC,EAAE,CAAC,GACvC;YACD,aAAa,CAAC,CAAC,CAAC,oBAAC,KAAK,IAAC,SAAS,EAAE,MAAM,CAAC,SAAS,GAAI,CAAC,CAAC,CAAC,oBAAC,KAAK,IAAC,SAAS,EAAE,MAAM,CAAC,SAAS,GAAI;YAC/F,UAAU,IAAI,oBAAC,IAAI,IAAC,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,CAAC,UAAU,GAAI,CACrF;QACR,oBAAC,KAAK,IAAC,SAAS,QAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,CAAC,cAAc,EAAE,OAAO,EAAE,EAAE,GAAI,CAC5E,CACP,CAAA;AACH,CAAC,CAAA"}
1
+ {"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../src/Checkbox.tsx"],"names":[],"mappings":"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"}
@@ -1,6 +1,5 @@
1
1
  @use '../styles/constants' as c;
2
2
  @use '../styles/helpers' as h;
3
-
4
3
  @include h.withError;
5
4
 
6
5
  .wrapper {
@@ -8,6 +7,7 @@
8
7
  flex-direction: row;
9
8
  cursor: pointer;
10
9
  box-sizing: border-box;
10
+ overflow: hidden;
11
11
 
12
12
  * {
13
13
  box-sizing: border-box;
@@ -36,6 +36,7 @@
36
36
  border: c.$borderWidth solid c.$colorNeutralLight;
37
37
  border-radius: c.$grid;
38
38
  color: c.$colorNeutralWhite;
39
+
39
40
  // because of ~ and + selectors used below, we need to keep the current order in DOM and
40
41
  // fix it visually with order property
41
42
  order: -1;
@@ -68,6 +69,7 @@
68
69
  }
69
70
 
70
71
  .name {
72
+ overflow: hidden;
71
73
  padding-left: c.$grid * 1.25;
72
74
  }
73
75
 
@@ -7,11 +7,11 @@ export const CheckboxFormik = ({ name, validate, onChange, ...props }) => {
7
7
  name,
8
8
  validate,
9
9
  });
10
- return (React.createElement(Checkbox, Object.assign({}, props, { name: name, checked: value, onChange: useCallback((e) => {
10
+ return (React.createElement(Checkbox, { ...props, name: name, checked: value, onChange: useCallback((e) => {
11
11
  if (onChange) {
12
12
  onChange(e.target.checked);
13
13
  }
14
14
  onFormikChange(e);
15
- }, [onFormikChange, onChange]), onBlur: onBlur, error: getFieldError(meta) })));
15
+ }, [onFormikChange, onChange]), onBlur: onBlur, error: getFieldError(meta) }));
16
16
  };
17
17
  //# sourceMappingURL=CheckboxFormik.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"CheckboxFormik.js","sourceRoot":"","sources":["../src/CheckboxFormik.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAgB,WAAW,EAAE,MAAM,OAAO,CAAA;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAEjC,OAAO,EAAE,QAAQ,EAAsB,MAAM,YAAY,CAAA;AACzD,OAAO,EAAyB,aAAa,EAAE,MAAM,gBAAgB,CAAA;AASrE,MAAM,CAAC,MAAM,cAAc,GAAG,CAAmB,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,EAA+B,EAAgB,EAAE;IACpI,MAAM,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,KAAK,EAAE,EAAE,IAAI,CAAC,GAAG,QAAQ,CAAU;QAC5E,IAAI;QACJ,QAAQ;KACT,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,QAAQ,oBACH,KAAK,IACT,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,KAAK,EACd,QAAQ,EAAE,WAAW,CACnB,CAAC,CAAC,EAAE,EAAE;YACJ,IAAI,QAAQ,EAAE;gBACZ,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;aAC3B;YAED,cAAc,CAAC,CAAC,CAAC,CAAA;QACnB,CAAC,EACD,CAAC,cAAc,EAAE,QAAQ,CAAC,CAC3B,EACD,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,aAAa,CAAC,IAAI,CAAC,IAC1B,CACH,CAAA;AACH,CAAC,CAAA"}
1
+ {"version":3,"file":"CheckboxFormik.js","sourceRoot":"","sources":["../src/CheckboxFormik.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAgB,WAAW,EAAE,MAAM,OAAO,CAAA;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAEjC,OAAO,EAAE,QAAQ,EAAsB,MAAM,YAAY,CAAA;AACzD,OAAO,EAAyB,aAAa,EAAE,MAAM,gBAAgB,CAAA;AASrE,MAAM,CAAC,MAAM,cAAc,GAAG,CAAmB,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,EAA+B,EAAgB,EAAE;IACpI,MAAM,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,KAAK,EAAE,EAAE,IAAI,CAAC,GAAG,QAAQ,CAAU;QAC5E,IAAI;QACJ,QAAQ;KACT,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,QAAQ,OACH,KAAK,EACT,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,KAAK,EACd,QAAQ,EAAE,WAAW,CACnB,CAAC,CAAC,EAAE,EAAE;YACJ,IAAI,QAAQ,EAAE;gBACZ,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;aAC3B;YAED,cAAc,CAAC,CAAC,CAAC,CAAA;QACnB,CAAC,EACD,CAAC,cAAc,EAAE,QAAQ,CAAC,CAC3B,EACD,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,aAAa,CAAC,IAAI,CAAC,GAC1B,CACH,CAAA;AACH,CAAC,CAAA"}
package/lib/CodeEditor.js CHANGED
@@ -91,7 +91,6 @@ export const CodeEditor = ({ name, value, className, options = {}, onChange, onB
91
91
  });
92
92
  const domEventsExtension = () => {
93
93
  const eventHandlers = {
94
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
95
94
  blur: (event) => onBlur && onBlur(event),
96
95
  };
97
96
  return EditorView.domEventHandlers(eventHandlers);
@@ -136,6 +135,7 @@ export const CodeEditor = ({ name, value, className, options = {}, onChange, onB
136
135
  const extensions = [
137
136
  ...basicExtensions,
138
137
  ...(customExtensions !== null && customExtensions !== void 0 ? customExtensions : []),
138
+ // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
139
139
  ...(opts.language ? [StreamLanguage.define(opts.language)] : []),
140
140
  ...(opts.lineWrapping ? [EditorView.lineWrapping] : []),
141
141
  ...(opts.lineNumbers ? [foldGutter(), lineNumbers()] : []),
@@ -1 +1 @@
1
- {"version":3,"file":"CodeEditor.js","sourceRoot":"","sources":["../src/CodeEditor.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"CodeEditor.js","sourceRoot":"","sources":["../src/CodeEditor.tsx"],"names":[],"mappings":"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"}
@@ -4,13 +4,15 @@
4
4
  .container {
5
5
  box-shadow: 0 c.$cardShadowSize c.$cardShadowBlur 0 c.$colorShadow;
6
6
  border-radius: c.$borderRadius;
7
- :global .cm-wrap {
7
+
8
+ :global .cm-editor {
8
9
  // bogus padding to avoid overlapping with our outlineFormField mixin.
9
10
  padding: 1px;
10
11
  border-radius: c.$borderRadius;
11
12
  border: c.$borderWidth solid c.$colorNeutralLight;
12
13
  }
13
- :global .cm-wrap.cm-focused {
14
+
15
+ :global .cm-editor.cm-focused {
14
16
  // inherited outline just looks weird, override it
15
17
  outline: none;
16
18
 
@@ -19,6 +21,7 @@
19
21
 
20
22
  border: c.$borderWidth solid c.$colorAccessibilityOutline;
21
23
  }
24
+
22
25
  :global .cm-scroller {
23
26
  border-radius: c.$borderRadius;
24
27
  }
@@ -7,8 +7,8 @@ export const CodeEditorFormik = ({ name, validate, ...props }) => {
7
7
  name,
8
8
  validate,
9
9
  });
10
- return (React.createElement(CodeEditor, Object.assign({}, props, { name: name, value: field.value, onChange: (val) => {
10
+ return (React.createElement(CodeEditor, { ...props, name: name, value: field.value, onChange: (val) => {
11
11
  helpers.setValue(val, false);
12
- }, onBlur: field.onBlur, error: getFieldError(meta) })));
12
+ }, onBlur: field.onBlur, error: getFieldError(meta) }));
13
13
  };
14
14
  //# sourceMappingURL=CodeEditorFormik.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"CodeEditorFormik.js","sourceRoot":"","sources":["../src/CodeEditorFormik.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuB,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAkB,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAEjD,OAAO,EAAE,UAAU,EAAmB,MAAM,cAAc,CAAA;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAQ9C,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAmB,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAA4B,EAAgB,EAAE;IACzH,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAqB;QAC1D,IAAI;QACJ,QAAQ;KACT,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,UAAU,oBACL,KAAK,IACT,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,CAAC,GAAW,EAAE,EAAE;YACxB,OAAO,CAAC,QAAQ,CAAC,GAAG,EAAE,KAAK,CAAC,CAAA;QAC9B,CAAC,EACD,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,KAAK,EAAE,aAAa,CAAC,IAAI,CAAC,IAC1B,CACH,CAAA;AACH,CAAC,CAAA"}
1
+ {"version":3,"file":"CodeEditorFormik.js","sourceRoot":"","sources":["../src/CodeEditorFormik.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuB,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAkB,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAEjD,OAAO,EAAE,UAAU,EAAmB,MAAM,cAAc,CAAA;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAQ9C,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAmB,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAA4B,EAAgB,EAAE;IACzH,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAqB;QAC1D,IAAI;QACJ,QAAQ;KACT,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,UAAU,OACL,KAAK,EACT,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,CAAC,GAAW,EAAE,EAAE;YACxB,OAAO,CAAC,QAAQ,CAAC,GAAG,EAAE,KAAK,CAAC,CAAA;QAC9B,CAAC,EACD,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,KAAK,EAAE,aAAa,CAAC,IAAI,CAAC,GAC1B,CACH,CAAA;AACH,CAAC,CAAA"}
package/lib/Dialog.js CHANGED
@@ -19,15 +19,18 @@ export const Dialog = ({ modalClassName, consequences, affirmation = DIALOG_AFFI
19
19
  autoFocus: !actionDangerous,
20
20
  kind: actionDangerous ? 'danger' : 'primary',
21
21
  ...(actionDisabled &&
22
- actionDisabledTooltip && {
22
+ actionDisabledTooltip ? {
23
23
  disabled: actionDisabled,
24
24
  disabledTooltip: actionDisabledTooltip,
25
+ } : {
26
+ disabled: undefined,
27
+ disabledTooltip: undefined
25
28
  }),
26
29
  onClick: actionOnConfirm,
27
30
  children: actionChildren,
28
31
  },
29
32
  ]
30
33
  : [], [actionDangerous, actionDisabled, actionDisabledTooltip, actionOnConfirm, actionChildren]);
31
- return (React.createElement(Modal, Object.assign({ className: cn(styles.dialog, modalClassName), headerClassName: styles.dialogHeader, bodyClassName: styles.dialogBody, contentClassName: styles.dialogConsequences, footerClassName: styles.dialogFooter, actions: actions, title: affirmation, showCloseButton: false }, rest), consequences));
34
+ return (React.createElement(Modal, { className: cn(styles.dialog, modalClassName), headerClassName: styles.dialogHeader, bodyClassName: styles.dialogBody, contentClassName: styles.dialogConsequences, footerClassName: styles.dialogFooter, actions: actions, title: affirmation, showCloseButton: false, ...rest }, consequences));
32
35
  };
33
36
  //# sourceMappingURL=Dialog.js.map
package/lib/Dialog.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../src/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiB,OAAO,EAAE,MAAM,OAAO,CAAA;AACrD,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,EAAE,KAAK,EAAgC,MAAM,SAAS,CAAA;AAE7D,OAAO,MAAM,MAAM,sBAAsB,CAAA;AAEzC,MAAM,CAAC,MAAM,0BAA0B,GAAG,mCAAmC,CAAA;AAyB7E;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,MAAM,GAAoB,CAAC,EACtC,cAAc,EACd,YAAY,EACZ,WAAW,GAAG,0BAA0B,EACxC,cAAc,EACd,eAAe,EACf,cAAc,EACd,qBAAqB,EACrB,eAAe,EACf,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,OAAO,GAA0B,OAAO,CAC5C,GAAG,EAAE,CACH,cAAc,IAAI,eAAe;QAC/B,CAAC,CAAC;YACE;gBACE,SAAS,EAAE,CAAC,eAAe;gBAC3B,IAAI,EAAE,eAAe,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;gBAC5C,GAAG,CAAC,cAAc;oBAChB,qBAAqB,IAAI;oBACvB,QAAQ,EAAE,cAAc;oBACxB,eAAe,EAAE,qBAAqB;iBACvC,CAAC;gBACJ,OAAO,EAAE,eAAe;gBACxB,QAAQ,EAAE,cAAc;aACzB;SACF;QACH,CAAC,CAAC,EAAE,EACR,CAAC,eAAe,EAAE,cAAc,EAAE,qBAAqB,EAAE,eAAe,EAAE,cAAc,CAAC,CAC1F,CAAA;IAED,OAAO,CACL,oBAAC,KAAK,kBACJ,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,EAC5C,eAAe,EAAE,MAAM,CAAC,YAAY,EACpC,aAAa,EAAE,MAAM,CAAC,UAAU,EAChC,gBAAgB,EAAE,MAAM,CAAC,kBAAkB,EAC3C,eAAe,EAAE,MAAM,CAAC,YAAY,EACpC,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,WAAW,EAClB,eAAe,EAAE,KAAK,IAClB,IAAI,GAEP,YAAY,CACP,CACT,CAAA;AACH,CAAC,CAAA"}
1
+ {"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../src/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiB,OAAO,EAAE,MAAM,OAAO,CAAA;AACrD,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,EAAE,KAAK,EAAgC,MAAM,SAAS,CAAA;AAE7D,OAAO,MAAM,MAAM,sBAAsB,CAAA;AAEzC,MAAM,CAAC,MAAM,0BAA0B,GAAG,mCAAmC,CAAA;AAyB7E;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,MAAM,GAAoB,CAAC,EACtC,cAAc,EACd,YAAY,EACZ,WAAW,GAAG,0BAA0B,EACxC,cAAc,EACd,eAAe,EACf,cAAc,EACd,qBAAqB,EACrB,eAAe,EACf,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,OAAO,GAA0B,OAAO,CAC5C,GAAG,EAAE,CACH,cAAc,IAAI,eAAe;QAC/B,CAAC,CAAC;YACE;gBACE,SAAS,EAAE,CAAC,eAAe;gBAC3B,IAAI,EAAE,eAAe,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;gBAC5C,GAAG,CAAC,cAAc;oBAChB,qBAAqB,CAAC,CAAC,CAAC;oBACtB,QAAQ,EAAE,cAAc;oBACxB,eAAe,EAAE,qBAAqB;iBACvC,CAAA,CAAC,CAAA;oBACF,QAAQ,EAAE,SAAS;oBACnB,eAAe,EAAE,SAAS;iBAC3B,CAAC;gBACF,OAAO,EAAE,eAAe;gBACxB,QAAQ,EAAE,cAAc;aACzB;SACF;QACH,CAAC,CAAC,EAAE,EACR,CAAC,eAAe,EAAE,cAAc,EAAE,qBAAqB,EAAE,eAAe,EAAE,cAAc,CAAC,CAC1F,CAAA;IAED,OAAO,CACL,oBAAC,KAAK,IACJ,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,EAC5C,eAAe,EAAE,MAAM,CAAC,YAAY,EACpC,aAAa,EAAE,MAAM,CAAC,UAAU,EAChC,gBAAgB,EAAE,MAAM,CAAC,kBAAkB,EAC3C,eAAe,EAAE,MAAM,CAAC,YAAY,EACpC,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,WAAW,EAClB,eAAe,EAAE,KAAK,KAClB,IAAI,IAEP,YAAY,CACP,CACT,CAAA;AACH,CAAC,CAAA"}
@@ -4,6 +4,7 @@
4
4
  box-sizing: border-box;
5
5
  display: flex;
6
6
  flex-direction: column;
7
+
7
8
  // Note: Unset properties set by Modal
8
9
  min-width: 0;
9
10
  max-width: none;
@@ -35,6 +36,7 @@
35
36
  flex: 1 1 auto;
36
37
  margin: 0 !important;
37
38
  max-width: none;
39
+
38
40
  // Note: Unset border-radius for the buttons
39
41
  border-radius: 0;
40
42
  }
@@ -50,6 +52,7 @@
50
52
  &:nth-of-type(1) {
51
53
  border-bottom-left-radius: c.$borderRadius;
52
54
  }
55
+
53
56
  &:nth-of-type(2) {
54
57
  border-bottom-right-radius: c.$borderRadius;
55
58
  }
@@ -10,6 +10,7 @@
10
10
  .content {
11
11
  .title {
12
12
  margin: c.$grid * 4.5 0 0 0;
13
+
13
14
  @include c.typographyBodyNormal('bold' !important);
14
15
  }
15
16
 
package/lib/Error.d.ts CHANGED
@@ -1,10 +1,12 @@
1
1
  import { FC } from 'react';
2
+ import { TooltipProps } from './Tooltip';
2
3
  export declare const errorId: (inputId: string) => string;
3
4
  interface ErrorProps {
4
5
  error?: string;
5
6
  className?: string;
6
7
  inputId: string;
7
8
  truncated?: boolean;
9
+ tooltipPlacement?: TooltipProps['placement'];
8
10
  }
9
11
  export declare const Error: FC<ErrorProps>;
10
12
  export {};
package/lib/Error.js CHANGED
@@ -1,8 +1,8 @@
1
1
  import React from 'react';
2
2
  import cn from 'classnames';
3
- import styles from './Error.module.scss';
4
3
  import { TruncatedText } from './TruncatedText';
4
+ import styles from './Error.module.scss';
5
5
  export const errorId = (inputId) => `${inputId}-error`;
6
6
  /* https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_alert_role */
7
- export const Error = ({ error, className, inputId, truncated }) => (React.createElement("div", { className: cn(styles.container, error && styles.hasError, className), role: "alert", id: errorId(inputId) }, truncated ? React.createElement(TruncatedText, { text: error || '' }) : error));
7
+ export const Error = ({ error, className, inputId, truncated, tooltipPlacement }) => (React.createElement("div", { className: cn(styles.container, error && styles.hasError, className), role: "alert", id: errorId(inputId) }, truncated ? React.createElement(TruncatedText, { text: error || '', tooltipPlacement: tooltipPlacement, hoverAbleTooltip: false }) : error));
8
8
  //# sourceMappingURL=Error.js.map
package/lib/Error.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Error.js","sourceRoot":"","sources":["../src/Error.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,MAAM,MAAM,qBAAqB,CAAA;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,OAAe,EAAU,EAAE,CAAC,GAAG,OAAO,QAAQ,CAAA;AAStE,0GAA0G;AAC1G,MAAM,CAAC,MAAM,KAAK,GAAmB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CACjF,6BAAK,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,IAAI,MAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,EAAE,IAAI,EAAC,OAAO,EAAC,EAAE,EAAE,OAAO,CAAC,OAAO,CAAC,IACzG,SAAS,CAAC,CAAC,CAAC,oBAAC,aAAa,IAAC,IAAI,EAAE,KAAK,IAAI,EAAE,GAAI,CAAC,CAAC,CAAC,KAAK,CACrD,CACP,CAAA"}
1
+ {"version":3,"file":"Error.js","sourceRoot":"","sources":["../src/Error.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAG/C,OAAO,MAAM,MAAM,qBAAqB,CAAA;AAExC,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,OAAe,EAAU,EAAE,CAAC,GAAG,OAAO,QAAQ,CAAA;AAUtE,0GAA0G;AAC1G,MAAM,CAAC,MAAM,KAAK,GAAmB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,EAAE,EAAE,CAAC,CACnG,6BAAK,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,IAAI,MAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,EAAE,IAAI,EAAC,OAAO,EAAC,EAAE,EAAE,OAAO,CAAC,OAAO,CAAC,IACzG,SAAS,CAAC,CAAC,CAAC,oBAAC,aAAa,IAAC,IAAI,EAAE,KAAK,IAAI,EAAE,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,KAAK,CAClH,CACP,CAAA"}
@@ -17,4 +17,4 @@
17
17
  .helperText {
18
18
  flex-shrink: 0;
19
19
  margin-top: c.$grid * 0.5;
20
- }
20
+ }
package/lib/Icon.d.ts CHANGED
@@ -25,37 +25,4 @@ export declare type IconProps = {
25
25
  containerClassName?: string;
26
26
  bold?: boolean;
27
27
  } & IconAriaProps;
28
- export declare const Icon: React.ForwardRefExoticComponent<({
29
- color?: string | undefined;
30
- icon: IconType;
31
- size?: "medium" | "large" | "small" | "smallMedium" | "xlarge" | undefined;
32
- className?: string | undefined;
33
- containerClassName?: string | undefined;
34
- bold?: boolean | undefined;
35
- } & {
36
- ariaLabel: string;
37
- ariaLabelledBy?: undefined;
38
- ariaHidden?: undefined;
39
- } & React.RefAttributes<HTMLDivElement>) | ({
40
- color?: string | undefined;
41
- icon: IconType;
42
- size?: "medium" | "large" | "small" | "smallMedium" | "xlarge" | undefined;
43
- className?: string | undefined;
44
- containerClassName?: string | undefined;
45
- bold?: boolean | undefined;
46
- } & {
47
- ariaLabel?: undefined;
48
- ariaLabelledBy: string;
49
- ariaHidden?: undefined;
50
- } & React.RefAttributes<HTMLDivElement>) | ({
51
- color?: string | undefined;
52
- icon: IconType;
53
- size?: "medium" | "large" | "small" | "smallMedium" | "xlarge" | undefined;
54
- className?: string | undefined;
55
- containerClassName?: string | undefined;
56
- bold?: boolean | undefined;
57
- } & {
58
- ariaLabel?: undefined;
59
- ariaLabelledBy?: undefined;
60
- ariaHidden?: boolean | undefined;
61
- } & React.RefAttributes<HTMLDivElement>)>;
28
+ export declare const Icon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<HTMLDivElement>>;
package/lib/Icon.js CHANGED
@@ -21,7 +21,7 @@ export const Icon = forwardRef(({ color, icon: IconElement, ariaLabel, ariaLabel
21
21
  strokeWidth: iconStroke,
22
22
  };
23
23
  return (React.createElement("div", { className: cn(styles.iconContainer, containerClassName), ref: ref },
24
- React.createElement(IconElement, Object.assign({ role: "img" }, props))));
24
+ React.createElement(IconElement, { role: "img", ...props })));
25
25
  });
26
26
  Icon.displayName = 'Icon';
27
27
  //# sourceMappingURL=Icon.js.map
package/lib/Icon.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Icon.js","sourceRoot":"","sources":["../src/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,UAAU,EAA2B,MAAM,OAAO,CAAA;AACtE,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,WAAW,MAAM,wCAAwC,CAAA;AAChE,OAAO,MAAM,MAAM,oBAAoB,CAAA;AAsCvC,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC5B,CACE,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,cAAc,EAAE,UAAU,EAAE,SAAS,EAAE,kBAAkB,EAAE,IAAI,GAAG,QAAQ,EAAE,IAAI,GAAG,KAAK,EAAE,EACjI,GAAG,EACH,EAAE;IACF,MAAM,UAAU,GAAG,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,mBAAmB,CAAC,CAAC,CAAC,WAAW,CAAC,eAAe,CAAA;IAEvF,MAAM,KAAK,GAAyB;QAClC,YAAY,EAAE,SAAS;QACvB,iBAAiB,EAAE,cAAc;QACjC,aAAa,EAAE,UAAU;QACzB,KAAK;QACL,KAAK,EAAE,KAAK;QACZ,MAAM,EAAE,KAAK;QACb,SAAS,EAAE,EAAE,CACX;YACE,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,IAAI,KAAK,OAAO;YAChC,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE,IAAI,KAAK,aAAa;YAC5C,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,IAAI,KAAK,QAAQ;YAClC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,IAAI,KAAK,OAAO;YAChC,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,IAAI,KAAK,QAAQ;SACnC,EACD,SAAS,CACV;QACD,WAAW,EAAE,UAAU;KACxB,CAAA;IAED,OAAO,CACL,6BAAK,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,aAAa,EAAE,kBAAkB,CAAC,EAAE,GAAG,EAAE,GAAG;QACpE,oBAAC,WAAW,kBAAC,IAAI,EAAC,KAAK,IAAK,KAAK,EAAI,CACjC,CACP,CAAA;AACH,CAAC,CACF,CAAA;AACD,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA"}
1
+ {"version":3,"file":"Icon.js","sourceRoot":"","sources":["../src/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,UAAU,EAA2B,MAAM,OAAO,CAAA;AACtE,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,WAAW,MAAM,wCAAwC,CAAA;AAChE,OAAO,MAAM,MAAM,oBAAoB,CAAA;AAsCvC,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC5B,CACE,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,cAAc,EAAE,UAAU,EAAE,SAAS,EAAE,kBAAkB,EAAE,IAAI,GAAG,QAAQ,EAAE,IAAI,GAAG,KAAK,EAAE,EACjI,GAAG,EACH,EAAE;IACF,MAAM,UAAU,GAAG,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,mBAAmB,CAAC,CAAC,CAAC,WAAW,CAAC,eAAe,CAAA;IAEvF,MAAM,KAAK,GAAyB;QAClC,YAAY,EAAE,SAAS;QACvB,iBAAiB,EAAE,cAAc;QACjC,aAAa,EAAE,UAAU;QACzB,KAAK;QACL,KAAK,EAAE,KAAK;QACZ,MAAM,EAAE,KAAK;QACb,SAAS,EAAE,EAAE,CACX;YACE,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,IAAI,KAAK,OAAO;YAChC,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE,IAAI,KAAK,aAAa;YAC5C,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,IAAI,KAAK,QAAQ;YAClC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,IAAI,KAAK,OAAO;YAChC,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,IAAI,KAAK,QAAQ;SACnC,EACD,SAAS,CACV;QACD,WAAW,EAAE,UAAU;KACxB,CAAA;IAED,OAAO,CACL,6BAAK,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,aAAa,EAAE,kBAAkB,CAAC,EAAE,GAAG,EAAE,GAAG;QACpE,oBAAC,WAAW,IAAC,IAAI,EAAC,KAAK,KAAK,KAAK,GAAI,CACjC,CACP,CAAA;AACH,CAAC,CACF,CAAA;AACD,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA"}
@@ -2,6 +2,7 @@
2
2
 
3
3
  .iconContainer {
4
4
  display: inline-block;
5
+
5
6
  // Note: Font-size reset in order break inheritance.
6
7
  font-size: 0;
7
8
 
@@ -9,18 +10,22 @@
9
10
  width: c.$iconSizeSmall;
10
11
  height: c.$iconSizeSmall;
11
12
  }
13
+
12
14
  .smallMedium {
13
15
  width: c.$iconSizeSmallMedium;
14
16
  height: c.$iconSizeSmallMedium;
15
17
  }
18
+
16
19
  .medium {
17
20
  width: c.$iconSizeMedium;
18
21
  height: c.$iconSizeMedium;
19
22
  }
23
+
20
24
  .large {
21
25
  width: c.$iconSizeLarge;
22
26
  height: c.$iconSizeLarge;
23
27
  }
28
+
24
29
  .xlarge {
25
30
  width: c.$iconSizeXLarge;
26
31
  height: c.$iconSizeXLarge;
@@ -3,6 +3,7 @@ import { Icon as FeatherIcon } from 'react-feather';
3
3
  import { IconProps, IconAriaProps } from './Icon';
4
4
  import { TooltipProps } from './Tooltip';
5
5
  import { LinkRel, LinkTarget } from './Link';
6
+ import { DataTestProp } from '../../helpers';
6
7
  export declare type IconButtonKind = 'primary' | 'transparent';
7
8
  declare type IconButtonCommonProps = {
8
9
  icon: FeatherIcon;
@@ -12,7 +13,7 @@ declare type IconButtonCommonProps = {
12
13
  size?: IconProps['size'];
13
14
  padding?: 'normal';
14
15
  tooltip?: string;
15
- } & IconAriaProps & Pick<ButtonHTMLAttributes<HTMLAnchorElement | HTMLButtonElement>, 'onClick' | 'onMouseDown' | 'className' | 'tabIndex' | 'style'>;
16
+ } & DataTestProp & IconAriaProps & Pick<ButtonHTMLAttributes<HTMLAnchorElement | HTMLButtonElement>, 'onClick' | 'onMouseDown' | 'className' | 'tabIndex' | 'style'>;
16
17
  export declare type IconButtonNotDisabledProps = {
17
18
  disabledTooltip?: never;
18
19
  disabled?: never;
@@ -40,170 +41,5 @@ declare type IconButtonComponentProps = ({
40
41
  loading?: boolean;
41
42
  } & (IconButtonDisabledProps | IconButtonNotDisabledProps) & Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'autoFocus' | 'type'>);
42
43
  export declare type IconButtonProps = IconButtonCommonProps & IconButtonComponentProps;
43
- export declare const IconButton: React.ForwardRefExoticComponent<({
44
- icon: FeatherIcon;
45
- iconClassName?: string | undefined;
46
- iconColor?: string | undefined;
47
- kind?: "transparent" | "primary" | undefined;
48
- size?: IconProps['size'];
49
- padding?: "normal" | undefined;
50
- tooltip?: string | undefined;
51
- } & {
52
- ariaLabel: string;
53
- ariaLabelledBy?: undefined;
54
- ariaHidden?: undefined;
55
- } & Pick<React.ButtonHTMLAttributes<HTMLAnchorElement | HTMLButtonElement>, "style" | "className" | "tabIndex" | "onClick" | "onMouseDown"> & {
56
- component: 'a';
57
- href: string;
58
- target?: "_self" | "_blank" | "_parent" | "_top" | undefined;
59
- rel?: "alternate" | "help" | "search" | "author" | "bookmark" | "dns-prefetch" | "external" | "license" | "next" | "nofollow" | "noopener" | "noreferrer" | "opener" | "prev" | "tag" | LinkRel[] | undefined;
60
- type?: undefined;
61
- loading?: undefined;
62
- } & IconButtonNotDisabledProps & React.RefAttributes<HTMLElement>) | ({
63
- icon: FeatherIcon;
64
- iconClassName?: string | undefined;
65
- iconColor?: string | undefined;
66
- kind?: "transparent" | "primary" | undefined;
67
- size?: IconProps['size'];
68
- padding?: "normal" | undefined;
69
- tooltip?: string | undefined;
70
- } & {
71
- ariaLabel: string;
72
- ariaLabelledBy?: undefined;
73
- ariaHidden?: undefined;
74
- } & Pick<React.ButtonHTMLAttributes<HTMLAnchorElement | HTMLButtonElement>, "style" | "className" | "tabIndex" | "onClick" | "onMouseDown"> & {
75
- component?: "button" | undefined;
76
- href?: undefined;
77
- target?: undefined;
78
- rel?: undefined;
79
- loading?: boolean | undefined;
80
- } & IconButtonNotDisabledProps & Pick<React.ButtonHTMLAttributes<HTMLButtonElement>, "type" | "autoFocus"> & React.RefAttributes<HTMLElement>) | ({
81
- icon: FeatherIcon;
82
- iconClassName?: string | undefined;
83
- iconColor?: string | undefined;
84
- kind?: "transparent" | "primary" | undefined;
85
- size?: IconProps['size'];
86
- padding?: "normal" | undefined;
87
- tooltip?: string | undefined;
88
- } & {
89
- ariaLabel: string;
90
- ariaLabelledBy?: undefined;
91
- ariaHidden?: undefined;
92
- } & Pick<React.ButtonHTMLAttributes<HTMLAnchorElement | HTMLButtonElement>, "style" | "className" | "tabIndex" | "onClick" | "onMouseDown"> & {
93
- component?: "button" | undefined;
94
- href?: undefined;
95
- target?: undefined;
96
- rel?: undefined;
97
- loading?: boolean | undefined;
98
- } & IconButtonDisabledProps & Pick<React.ButtonHTMLAttributes<HTMLButtonElement>, "type" | "autoFocus"> & React.RefAttributes<HTMLElement>) | ({
99
- icon: FeatherIcon;
100
- iconClassName?: string | undefined;
101
- iconColor?: string | undefined;
102
- kind?: "transparent" | "primary" | undefined;
103
- size?: IconProps['size'];
104
- padding?: "normal" | undefined;
105
- tooltip?: string | undefined;
106
- } & {
107
- ariaLabel?: undefined;
108
- ariaLabelledBy: string;
109
- ariaHidden?: undefined;
110
- } & Pick<React.ButtonHTMLAttributes<HTMLAnchorElement | HTMLButtonElement>, "style" | "className" | "tabIndex" | "onClick" | "onMouseDown"> & {
111
- component: 'a';
112
- href: string;
113
- target?: "_self" | "_blank" | "_parent" | "_top" | undefined;
114
- rel?: "alternate" | "help" | "search" | "author" | "bookmark" | "dns-prefetch" | "external" | "license" | "next" | "nofollow" | "noopener" | "noreferrer" | "opener" | "prev" | "tag" | LinkRel[] | undefined;
115
- type?: undefined;
116
- loading?: undefined;
117
- } & IconButtonNotDisabledProps & React.RefAttributes<HTMLElement>) | ({
118
- icon: FeatherIcon;
119
- iconClassName?: string | undefined;
120
- iconColor?: string | undefined;
121
- kind?: "transparent" | "primary" | undefined;
122
- size?: IconProps['size'];
123
- padding?: "normal" | undefined;
124
- tooltip?: string | undefined;
125
- } & {
126
- ariaLabel?: undefined;
127
- ariaLabelledBy: string;
128
- ariaHidden?: undefined;
129
- } & Pick<React.ButtonHTMLAttributes<HTMLAnchorElement | HTMLButtonElement>, "style" | "className" | "tabIndex" | "onClick" | "onMouseDown"> & {
130
- component?: "button" | undefined;
131
- href?: undefined;
132
- target?: undefined;
133
- rel?: undefined;
134
- loading?: boolean | undefined;
135
- } & IconButtonNotDisabledProps & Pick<React.ButtonHTMLAttributes<HTMLButtonElement>, "type" | "autoFocus"> & React.RefAttributes<HTMLElement>) | ({
136
- icon: FeatherIcon;
137
- iconClassName?: string | undefined;
138
- iconColor?: string | undefined;
139
- kind?: "transparent" | "primary" | undefined;
140
- size?: IconProps['size'];
141
- padding?: "normal" | undefined;
142
- tooltip?: string | undefined;
143
- } & {
144
- ariaLabel?: undefined;
145
- ariaLabelledBy: string;
146
- ariaHidden?: undefined;
147
- } & Pick<React.ButtonHTMLAttributes<HTMLAnchorElement | HTMLButtonElement>, "style" | "className" | "tabIndex" | "onClick" | "onMouseDown"> & {
148
- component?: "button" | undefined;
149
- href?: undefined;
150
- target?: undefined;
151
- rel?: undefined;
152
- loading?: boolean | undefined;
153
- } & IconButtonDisabledProps & Pick<React.ButtonHTMLAttributes<HTMLButtonElement>, "type" | "autoFocus"> & React.RefAttributes<HTMLElement>) | ({
154
- icon: FeatherIcon;
155
- iconClassName?: string | undefined;
156
- iconColor?: string | undefined;
157
- kind?: "transparent" | "primary" | undefined;
158
- size?: IconProps['size'];
159
- padding?: "normal" | undefined;
160
- tooltip?: string | undefined;
161
- } & {
162
- ariaLabel?: undefined;
163
- ariaLabelledBy?: undefined;
164
- ariaHidden?: boolean | undefined;
165
- } & Pick<React.ButtonHTMLAttributes<HTMLAnchorElement | HTMLButtonElement>, "style" | "className" | "tabIndex" | "onClick" | "onMouseDown"> & {
166
- component: 'a';
167
- href: string;
168
- target?: "_self" | "_blank" | "_parent" | "_top" | undefined;
169
- rel?: "alternate" | "help" | "search" | "author" | "bookmark" | "dns-prefetch" | "external" | "license" | "next" | "nofollow" | "noopener" | "noreferrer" | "opener" | "prev" | "tag" | LinkRel[] | undefined;
170
- type?: undefined;
171
- loading?: undefined;
172
- } & IconButtonNotDisabledProps & React.RefAttributes<HTMLElement>) | ({
173
- icon: FeatherIcon;
174
- iconClassName?: string | undefined;
175
- iconColor?: string | undefined;
176
- kind?: "transparent" | "primary" | undefined;
177
- size?: IconProps['size'];
178
- padding?: "normal" | undefined;
179
- tooltip?: string | undefined;
180
- } & {
181
- ariaLabel?: undefined;
182
- ariaLabelledBy?: undefined;
183
- ariaHidden?: boolean | undefined;
184
- } & Pick<React.ButtonHTMLAttributes<HTMLAnchorElement | HTMLButtonElement>, "style" | "className" | "tabIndex" | "onClick" | "onMouseDown"> & {
185
- component?: "button" | undefined;
186
- href?: undefined;
187
- target?: undefined;
188
- rel?: undefined;
189
- loading?: boolean | undefined;
190
- } & IconButtonNotDisabledProps & Pick<React.ButtonHTMLAttributes<HTMLButtonElement>, "type" | "autoFocus"> & React.RefAttributes<HTMLElement>) | ({
191
- icon: FeatherIcon;
192
- iconClassName?: string | undefined;
193
- iconColor?: string | undefined;
194
- kind?: "transparent" | "primary" | undefined;
195
- size?: IconProps['size'];
196
- padding?: "normal" | undefined;
197
- tooltip?: string | undefined;
198
- } & {
199
- ariaLabel?: undefined;
200
- ariaLabelledBy?: undefined;
201
- ariaHidden?: boolean | undefined;
202
- } & Pick<React.ButtonHTMLAttributes<HTMLAnchorElement | HTMLButtonElement>, "style" | "className" | "tabIndex" | "onClick" | "onMouseDown"> & {
203
- component?: "button" | undefined;
204
- href?: undefined;
205
- target?: undefined;
206
- rel?: undefined;
207
- loading?: boolean | undefined;
208
- } & IconButtonDisabledProps & Pick<React.ButtonHTMLAttributes<HTMLButtonElement>, "type" | "autoFocus"> & React.RefAttributes<HTMLElement>)>;
44
+ export declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLElement>>;
209
45
  export {};