flipper-ui 0.31.0 → 0.31.3

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 (197) hide show
  1. package/core/data-display/advertise/index.d.ts +1 -1
  2. package/core/data-display/advertise/index.js +6 -18
  3. package/core/data-display/advertise/styles.d.ts +27 -0
  4. package/core/data-display/advertise/styles.js +16 -0
  5. package/core/data-display/badge/index.d.ts +1 -1
  6. package/core/data-display/badge/index.js +2 -2
  7. package/core/data-display/chapter/index.d.ts +1 -1
  8. package/core/data-display/chapter/index.js +17 -26
  9. package/core/data-display/chapter/styles.d.ts +4 -0
  10. package/core/data-display/chapter/styles.js +16 -0
  11. package/core/data-display/chip/index.d.ts +1 -1
  12. package/core/data-display/chip/index.js +2 -2
  13. package/core/data-display/data-table/data-table-action.d.ts +1 -1
  14. package/core/data-display/data-table/data-table-field.d.ts +1 -1
  15. package/core/data-display/data-table/data-table-field.js +14 -12
  16. package/core/data-display/data-table/data-table-pagination-actions.js +6 -11
  17. package/core/data-display/data-table/data-table-query-paginated.js +1 -1
  18. package/core/data-display/data-table/data-table.js +1 -1
  19. package/core/data-display/data-table/index.d.ts +4 -4
  20. package/core/data-display/data-table/index.js +3 -3
  21. package/core/data-display/data-table/rows.js +10 -4
  22. package/core/data-display/data-table/styles.d.ts +8 -0
  23. package/core/data-display/data-table/styles.js +15 -0
  24. package/core/data-display/data-table/use-paginated.d.ts +2 -2
  25. package/core/data-display/data-table/use-paginated.js +4 -4
  26. package/core/data-display/data-table/use-rows-state.js +2 -0
  27. package/core/data-display/editable-table/index.d.ts +1 -3
  28. package/core/data-display/editable-table/index.js +34 -70
  29. package/core/data-display/editable-table/styles.d.ts +35 -0
  30. package/core/data-display/editable-table/styles.js +27 -0
  31. package/core/data-display/fab/index.d.ts +1 -1
  32. package/core/data-display/fab/index.js +2 -2
  33. package/core/data-display/list/index.d.ts +1 -1
  34. package/core/data-display/list/index.js +2 -2
  35. package/core/data-display/list-item/index.d.ts +1 -1
  36. package/core/data-display/menu-item/index.js +2 -6
  37. package/core/data-display/menu-item/styles.d.ts +4 -0
  38. package/core/data-display/menu-item/styles.js +12 -0
  39. package/core/data-display/node/index.d.ts +1 -1
  40. package/core/data-display/node/index.js +6 -25
  41. package/core/data-display/node/styles.d.ts +17 -0
  42. package/core/data-display/node/styles.js +19 -0
  43. package/core/data-display/table/index.d.ts +1 -1
  44. package/core/data-display/table/index.js +2 -2
  45. package/core/data-display/tree/index.d.ts +1 -2
  46. package/core/data-display/tree/index.js +5 -5
  47. package/core/data-display/typography/index.d.ts +1 -1
  48. package/core/data-display/typography/index.js +2 -2
  49. package/core/feedback/dialog/index.js +15 -13
  50. package/core/feedback/dialog/styles.d.ts +6 -0
  51. package/core/feedback/dialog/styles.js +15 -0
  52. package/core/feedback/grow/index.d.ts +1 -1
  53. package/core/feedback/grow/index.js +2 -2
  54. package/core/feedback/progress/index.d.ts +1 -1
  55. package/core/feedback/progress/index.js +2 -2
  56. package/core/feedback/slide/index.d.ts +1 -1
  57. package/core/feedback/slide/index.js +2 -2
  58. package/core/feedback/snackbar/index.d.ts +1 -1
  59. package/core/feedback/snackbar/index.js +2 -2
  60. package/core/feedback/tooltip/index.d.ts +1 -1
  61. package/core/feedback/tooltip/index.js +2 -2
  62. package/core/feedback/validation-dialog/index.js +8 -15
  63. package/core/feedback/validation-dialog/styles.d.ts +28 -0
  64. package/core/feedback/validation-dialog/styles.js +15 -0
  65. package/core/inputs/auto-complete/index.js +7 -9
  66. package/core/inputs/button/index.d.ts +1 -1
  67. package/core/inputs/button/index.js +2 -2
  68. package/core/inputs/checkbox/index.d.ts +1 -1
  69. package/core/inputs/checkbox/index.js +5 -8
  70. package/core/inputs/checkbox/styles.d.ts +6 -0
  71. package/core/inputs/checkbox/styles.js +15 -0
  72. package/core/inputs/chip-field/index.d.ts +1 -1
  73. package/core/inputs/chip-field/index.js +4 -8
  74. package/core/inputs/chip-field/styles.d.ts +2 -0
  75. package/core/inputs/chip-field/styles.js +12 -0
  76. package/core/inputs/date-time/index.js +1 -1
  77. package/core/inputs/icon-button/index.d.ts +1 -1
  78. package/core/inputs/icon-button/index.js +2 -2
  79. package/core/inputs/input-adornment/index.d.ts +1 -1
  80. package/core/inputs/input-adornment/index.js +2 -2
  81. package/core/inputs/input-base/index.d.ts +1 -1
  82. package/core/inputs/input-base/index.js +2 -2
  83. package/core/inputs/mask-field/index.d.ts +1 -1
  84. package/core/inputs/mask-field/index.js +2 -2
  85. package/core/inputs/pin-input/index.js +6 -6
  86. package/core/inputs/pin-input/styles.d.ts +4 -0
  87. package/core/inputs/pin-input/styles.js +13 -0
  88. package/core/inputs/radio/index.d.ts +1 -1
  89. package/core/inputs/radio/index.js +2 -2
  90. package/core/inputs/radio-group/index.d.ts +1 -1
  91. package/core/inputs/radio-group/index.js +2 -2
  92. package/core/inputs/select/index.d.ts +1 -1
  93. package/core/inputs/select/index.js +2 -2
  94. package/core/inputs/slider/index.d.ts +1 -1
  95. package/core/inputs/slider/index.js +2 -2
  96. package/core/inputs/text-field/index.d.ts +4 -5
  97. package/core/inputs/text-field/index.js +15 -17
  98. package/core/inputs/text-field/styles.d.ts +6 -0
  99. package/core/inputs/text-field/styles.js +17 -0
  100. package/core/inputs/text-field/text-field.stories.d.ts +1 -0
  101. package/core/navigation/breadcrumb/index.d.ts +1 -1
  102. package/core/navigation/breadcrumb/index.js +2 -2
  103. package/core/navigation/menu/index.d.ts +1 -1
  104. package/core/navigation/menu/index.js +2 -2
  105. package/core/navigation/pagination/index.d.ts +1 -1
  106. package/core/navigation/pagination/index.js +8 -11
  107. package/core/navigation/pagination/styles.d.ts +2 -0
  108. package/core/navigation/pagination/styles.js +11 -0
  109. package/core/navigation/sidebar/index.d.ts +1 -1
  110. package/core/navigation/sidebar/index.js +6 -11
  111. package/core/navigation/sidebar/styles.d.ts +7 -0
  112. package/core/navigation/sidebar/styles.js +13 -0
  113. package/core/navigation/stepper/index.d.ts +1 -1
  114. package/core/navigation/stepper/index.js +2 -2
  115. package/core/navigation/tabs/index.d.ts +1 -1
  116. package/core/navigation/tabs/index.js +2 -2
  117. package/core/surfaces/box/index.d.ts +1 -1
  118. package/core/surfaces/box/index.js +2 -2
  119. package/core/surfaces/container/index.d.ts +1 -1
  120. package/core/surfaces/container/index.js +2 -2
  121. package/core/surfaces/content/index.d.ts +1 -1
  122. package/core/surfaces/content/index.js +5 -12
  123. package/core/surfaces/content/styles.d.ts +3 -0
  124. package/core/surfaces/content/styles.js +15 -0
  125. package/core/surfaces/expansion-panel/index.d.ts +1 -1
  126. package/core/surfaces/expansion-panel/index.js +4 -7
  127. package/core/surfaces/expansion-panel/styles.d.ts +2 -0
  128. package/core/surfaces/expansion-panel/styles.js +11 -0
  129. package/core/surfaces/header/index.d.ts +1 -1
  130. package/core/surfaces/header/index.js +2 -2
  131. package/core/surfaces/step-card/index.d.ts +2 -2
  132. package/core/surfaces/step-card/index.js +2 -2
  133. package/core/surfaces/step-card/step-card-details.js +42 -40
  134. package/core/surfaces/step-card/step-card-panel.js +66 -94
  135. package/core/surfaces/step-card/step-card-skeleton.js +33 -27
  136. package/core/surfaces/step-card/styles.js +2 -1
  137. package/experimental/avatar/index.d.ts +2 -2
  138. package/experimental/avatar/index.js +2 -2
  139. package/experimental/breadcrumbs/index.d.ts +2 -2
  140. package/experimental/breadcrumbs/index.js +7 -18
  141. package/experimental/breadcrumbs/styles.d.ts +27 -0
  142. package/experimental/breadcrumbs/styles.js +20 -0
  143. package/experimental/button/index.js +2 -6
  144. package/experimental/button/styles.d.ts +2 -0
  145. package/experimental/button/styles.js +12 -0
  146. package/experimental/card/index.d.ts +1 -27
  147. package/experimental/card/index.js +8 -20
  148. package/experimental/card/styles.d.ts +30 -0
  149. package/experimental/card/styles.js +20 -0
  150. package/experimental/dialog/confirm-dialog.js +2 -2
  151. package/experimental/dialog/dialog.d.ts +1 -1
  152. package/experimental/dialog/dialog.js +2 -2
  153. package/experimental/dialog/dialog.stories.d.ts +2 -2
  154. package/experimental/dialog/remove-dialog.js +2 -2
  155. package/experimental/fab/fab-wrapper.d.ts +1 -1
  156. package/experimental/fab/fab-wrapper.js +2 -5
  157. package/experimental/fab/fab.d.ts +1 -1
  158. package/experimental/fab/fab.js +2 -2
  159. package/experimental/fab/styles.d.ts +2 -0
  160. package/experimental/fab/styles.js +11 -0
  161. package/experimental/index.d.ts +4 -4
  162. package/experimental/index.js +9 -9
  163. package/experimental/loading/index.js +2 -6
  164. package/experimental/loading/styles.d.ts +2 -0
  165. package/experimental/loading/styles.js +11 -0
  166. package/experimental/nothing-found/index.js +5 -8
  167. package/experimental/nothing-found/styles.d.ts +26 -0
  168. package/experimental/nothing-found/styles.js +12 -0
  169. package/experimental/panel/index.d.ts +1 -1
  170. package/experimental/panel/index.js +5 -11
  171. package/experimental/panel/styles.d.ts +28 -0
  172. package/experimental/panel/styles.js +14 -0
  173. package/experimental/sidebar/index.d.ts +1 -1
  174. package/experimental/sidebar/index.js +11 -22
  175. package/experimental/sidebar/styles.d.ts +6 -0
  176. package/experimental/sidebar/styles.js +20 -0
  177. package/experimental/skeleton/index.d.ts +1 -1
  178. package/experimental/skeleton/index.js +2 -2
  179. package/experimental/visibility-icon/index.d.ts +1 -1
  180. package/experimental/visibility-icon/index.js +4 -8
  181. package/experimental/visibility-icon/styles.d.ts +2 -0
  182. package/experimental/visibility-icon/styles.js +12 -0
  183. package/index.d.ts +1 -0
  184. package/index.js +7 -0
  185. package/lib/localization.js +1 -1
  186. package/package.json +26 -27
  187. package/test/mocks/data-table-hidden-mock.js +4 -4
  188. package/test/mocks/data-table-mock.js +4 -4
  189. package/test/mocks/editable-table-date-mock.js +3 -2
  190. package/test/mocks/editable-table-mock.js +5 -4
  191. package/test/mocks/radio-group-mock.js +2 -2
  192. package/test/mocks/select-mock.js +2 -2
  193. package/test/mocks/snackbar-mock.js +18 -13
  194. package/test/mocks/step-card-mock.js +2 -2
  195. package/test/mocks/text-field-mock.d.ts +2 -1
  196. package/test/mocks/text-field-mock.js +8 -3
  197. /package/core/data-display/editable-table/{editTable.stories.d.ts → editable-table.stories.d.ts} +0 -0
@@ -10,7 +10,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
10
10
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
11
11
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
12
12
  var React = _interopRequireWildcard(require("react"));
13
- var _stepCard = require("../../core/surfaces/step-card");
13
+ var _stepCard = _interopRequireDefault(require("../../core/surfaces/step-card"));
14
14
  var _excluded = ["percentage", "summary", "title"];
15
15
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
16
16
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
@@ -29,7 +29,7 @@ var Default = function Default(_ref) {
29
29
  setTimeout(function () {
30
30
  setLoading(false);
31
31
  }, 1500);
32
- return /*#__PURE__*/React.createElement(_stepCard.StepCard, (0, _extends2["default"])({
32
+ return /*#__PURE__*/React.createElement(_stepCard["default"], (0, _extends2["default"])({
33
33
  percentage: percentage || 0,
34
34
  summary: summary || '',
35
35
  title: title || '',
@@ -3,6 +3,7 @@ import type { TextFieldProps } from '@/core/inputs/text-field';
3
3
  interface IProps {
4
4
  initialOption?: string;
5
5
  inputProps?: TextFieldProps;
6
+ characters?: boolean;
6
7
  }
7
- declare const Default: ({ inputProps, initialOption }: IProps) => React.JSX.Element;
8
+ declare const Default: ({ inputProps, initialOption, characters }: IProps) => React.JSX.Element;
8
9
  export default Default;
@@ -30,8 +30,10 @@ var LIST = [{
30
30
  value: 'fable'
31
31
  }];
32
32
  var Default = function Default(_ref) {
33
+ var _inputProps$inputProp;
33
34
  var inputProps = _ref.inputProps,
34
- initialOption = _ref.initialOption;
35
+ initialOption = _ref.initialOption,
36
+ characters = _ref.characters;
35
37
  var _React$useState = React.useState(initialOption ? initialOption : ''),
36
38
  _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
37
39
  value = _React$useState2[0],
@@ -42,8 +44,9 @@ var Default = function Default(_ref) {
42
44
  var handleClear = function handleClear() {
43
45
  setValue('');
44
46
  };
45
- return /*#__PURE__*/React.createElement(_textField.TextField, (0, _extends2["default"])({
47
+ return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_textField.TextField, (0, _extends2["default"])({
46
48
  value: value,
49
+ characters: characters,
47
50
  onChange: handleChange,
48
51
  onClear: handleClear
49
52
  }, inputProps), inputProps !== null && inputProps !== void 0 && inputProps.select ? LIST.map(function (_ref2) {
@@ -53,6 +56,8 @@ var Default = function Default(_ref) {
53
56
  key: value,
54
57
  value: value
55
58
  }, label);
56
- }) : undefined);
59
+ }) : undefined), characters && /*#__PURE__*/React.createElement("span", {
60
+ "data-testid": "characters-counter"
61
+ }, value.toString().length, "/", inputProps === null || inputProps === void 0 || (_inputProps$inputProp = inputProps.inputProps) === null || _inputProps$inputProp === void 0 ? void 0 : _inputProps$inputProp.maxLength));
57
62
  };
58
63
  var _default = exports["default"] = Default;