flipper-ui 0.31.7 → 0.33.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 (252) hide show
  1. package/README.md +15 -63
  2. package/core/data-display/actions/actions.stories.d.ts +6 -0
  3. package/{experimental → core/data-display}/actions/index.d.ts +7 -11
  4. package/core/data-display/actions/index.js +32 -0
  5. package/core/data-display/actions/styles.d.ts +8 -0
  6. package/{experimental/fab → core/data-display/actions}/styles.js +7 -1
  7. package/core/data-display/advertise/styles.d.ts +4 -4
  8. package/core/data-display/avatar/avatar.stories.d.ts +9 -5
  9. package/core/data-display/avatar/index.d.ts +7 -8
  10. package/core/data-display/avatar/index.js +10 -21
  11. package/core/data-display/data-table/data-table-field.js +3 -3
  12. package/core/data-display/data-table/data-table.d.ts +3 -0
  13. package/core/data-display/data-table/data-table.js +22 -5
  14. package/core/data-display/data-table/data-table.stories.d.ts +2 -1
  15. package/core/data-display/data-table/index.d.ts +1 -1
  16. package/core/data-display/data-table/index.js +6 -6
  17. package/core/data-display/data-table/rows.js +6 -12
  18. package/core/data-display/data-table/styles.d.ts +1 -1
  19. package/core/data-display/data-table/use-paginated.js +7 -11
  20. package/core/data-display/data-table/use-rows-state.js +3 -5
  21. package/core/data-display/divider/divider.stories.d.ts +6 -6
  22. package/core/data-display/divider/index.d.ts +1 -1
  23. package/core/data-display/divider/index.js +2 -2
  24. package/core/data-display/fab-v2/fab.stories.d.ts +6 -0
  25. package/{experimental/fab/fab.d.ts → core/data-display/fab-v2/index.d.ts} +1 -1
  26. package/{experimental/fab/fab.js → core/data-display/fab-v2/index.js} +7 -6
  27. package/core/data-display/line/index.d.ts +1 -1
  28. package/core/data-display/line/index.js +2 -2
  29. package/core/data-display/line/line.stories.d.ts +6 -5
  30. package/core/data-display/list-item/index.d.ts +0 -1
  31. package/core/data-display/list-item/list-item.spec.d.ts +1 -1
  32. package/core/data-display/menu-item/index.d.ts +0 -1
  33. package/core/data-display/menu-item/styles.d.ts +1 -1
  34. package/core/data-display/password-visibility/index.d.ts +8 -0
  35. package/{experimental/visibility-icon → core/data-display/password-visibility}/index.js +3 -3
  36. package/core/data-display/password-visibility/password-visibility.stories.d.ts +6 -0
  37. package/core/data-display/password-visibility/styles.d.ts +2 -0
  38. package/{experimental/visibility-icon → core/data-display/password-visibility}/styles.js +2 -2
  39. package/core/data-display/table/table-cell.d.ts +1 -2
  40. package/core/data-display/table/table-head.d.ts +3 -9
  41. package/core/data-display/table/table-head.js +5 -25
  42. package/core/data-display/table/table.spec.d.ts +1 -1
  43. package/core/data-display/table/table.stories.d.ts +1 -1
  44. package/core/data-display/typography/typography.stories.d.ts +2 -2
  45. package/core/feedback/collapse/collapse.stories.d.ts +6 -6
  46. package/core/feedback/collapse/index.d.ts +1 -1
  47. package/core/feedback/collapse/index.js +2 -2
  48. package/core/feedback/dialog/dialog.stories.d.ts +6 -7
  49. package/core/feedback/dialog/index.d.ts +1 -1
  50. package/core/feedback/dialog/index.js +2 -2
  51. package/{experimental/dialog → core/feedback/dialog-v2}/confirm-dialog.d.ts +1 -1
  52. package/{experimental/dialog → core/feedback/dialog-v2}/dialog.d.ts +2 -1
  53. package/{experimental/dialog → core/feedback/dialog-v2}/dialog.js +7 -6
  54. package/core/feedback/dialog-v2/dialog.stories.d.ts +8 -0
  55. package/{experimental/dialog → core/feedback/dialog-v2}/index.d.ts +1 -1
  56. package/{experimental/dialog → core/feedback/dialog-v2}/index.js +1 -1
  57. package/{experimental/dialog → core/feedback/dialog-v2}/remove-dialog.d.ts +1 -1
  58. package/core/feedback/fade/fade.stories.d.ts +6 -4
  59. package/core/feedback/fade/index.d.ts +1 -1
  60. package/core/feedback/fade/index.js +2 -2
  61. package/{experimental → core/feedback}/loading/index.d.ts +1 -1
  62. package/{experimental → core/feedback}/loading/index.js +5 -4
  63. package/core/feedback/loading/loading.stories.d.ts +6 -0
  64. package/{experimental → core/feedback}/nothing-found/index.d.ts +1 -1
  65. package/{experimental → core/feedback}/nothing-found/index.js +2 -2
  66. package/core/feedback/nothing-found/nothing-found.stories.d.ts +6 -0
  67. package/core/feedback/nothing-found/styles.d.ts +26 -0
  68. package/{experimental → core/feedback}/nothing-found/styles.js +1 -1
  69. package/{experimental → core/feedback}/skeleton/index.js +1 -1
  70. package/core/feedback/validation-dialog/index.d.ts +3 -2
  71. package/core/feedback/validation-dialog/index.js +2 -2
  72. package/core/feedback/validation-dialog/styles.d.ts +4 -4
  73. package/core/feedback/validation-dialog/styles.js +2 -2
  74. package/core/inputs/add-button/add-button.stories.d.ts +6 -0
  75. package/{experimental/button → core/inputs/add-button}/index.d.ts +3 -1
  76. package/{experimental/button → core/inputs/add-button}/index.js +5 -3
  77. package/{experimental/button → core/inputs/add-button}/styles.js +1 -1
  78. package/core/inputs/auto-complete-lab/autocomplete-lab.stories.d.ts +4 -0
  79. package/core/inputs/auto-complete-lab/index.d.ts +3 -0
  80. package/core/{feedback/zoom → inputs/auto-complete-lab}/index.js +21 -18
  81. package/core/inputs/date-time/date-time.stories.d.ts +6 -5
  82. package/core/inputs/date-time/index.d.ts +1 -2
  83. package/core/inputs/date-time/index.js +2 -2
  84. package/core/inputs/mask-field/index.js +2 -2
  85. package/core/inputs/pin-input/index.d.ts +1 -1
  86. package/core/inputs/pin-input/index.js +5 -8
  87. package/core/inputs/pin-input/pin-input.stories.d.ts +6 -5
  88. package/core/inputs/text-field/index.d.ts +1 -1
  89. package/core/inputs/text-field/index.js +2 -2
  90. package/core/inputs/text-field/text-field.stories.d.ts +9 -10
  91. package/core/navigation/breadcrumbs/breadcrumbs.stories.d.ts +6 -0
  92. package/{experimental → core/navigation}/breadcrumbs/index.js +4 -4
  93. package/core/navigation/breadcrumbs/styles.d.ts +30 -0
  94. package/core/navigation/breadcrumbs/styles.js +17 -0
  95. package/core/navigation/drawer/drawer.stories.d.ts +6 -4
  96. package/core/navigation/drawer/index.d.ts +1 -1
  97. package/core/navigation/drawer/index.js +2 -2
  98. package/core/surfaces/box/index.js +2 -2
  99. package/core/surfaces/card/card.spec.d.ts +1 -1
  100. package/core/surfaces/card/card.stories.d.ts +6 -4
  101. package/core/surfaces/card/index.d.ts +21 -13
  102. package/core/surfaces/card/index.js +58 -87
  103. package/core/surfaces/card/styles.d.ts +31 -0
  104. package/core/surfaces/card/styles.js +22 -0
  105. package/core/surfaces/panel/panel.stories.d.ts +6 -0
  106. package/core/surfaces/panel/styles.d.ts +28 -0
  107. package/core/surfaces/panel/styles.js +15 -0
  108. package/core/surfaces/paper/index.d.ts +1 -1
  109. package/core/surfaces/paper/index.js +2 -2
  110. package/core/surfaces/paper/paper.stories.d.ts +6 -8
  111. package/core/surfaces/step-card/styles.d.ts +7 -5
  112. package/core/surfaces/step-card/styles.js +1 -1
  113. package/index.d.ts +44 -50
  114. package/index.js +184 -140
  115. package/package.json +24 -23
  116. package/test/mocks/data-table-hidden-mock.js +35 -34
  117. package/test/mocks/data-table-mock.js +36 -35
  118. package/test/mocks/date-time-mock.js +2 -2
  119. package/test/mocks/pin-input-mock.js +2 -2
  120. package/test/mocks/snackbar-mock.js +4 -3
  121. package/test/mocks/text-field-mock.js +2 -2
  122. package/test/mocks/text-field-options-mock.js +2 -2
  123. package/test/util.js +0 -2
  124. package/theme/index.d.ts +1 -0
  125. package/theme/index.js +14 -1
  126. package/core/context/styles-provider/index.d.ts +0 -2
  127. package/core/context/styles-provider/index.js +0 -8
  128. package/core/data-display/editable-table/editable-table.spec.d.ts +0 -1
  129. package/core/data-display/editable-table/editable-table.stories.d.ts +0 -4
  130. package/core/data-display/editable-table/index.d.ts +0 -70
  131. package/core/data-display/editable-table/index.js +0 -282
  132. package/core/data-display/editable-table/styles.d.ts +0 -35
  133. package/core/data-display/editable-table/styles.js +0 -27
  134. package/core/data-display/node/index.d.ts +0 -7
  135. package/core/data-display/node/index.js +0 -41
  136. package/core/data-display/node/node.spec.d.ts +0 -1
  137. package/core/data-display/node/node.stories.d.ts +0 -3
  138. package/core/data-display/node/styles.d.ts +0 -17
  139. package/core/data-display/node/styles.js +0 -20
  140. package/core/data-display/tree/index.d.ts +0 -10
  141. package/core/data-display/tree/index.js +0 -40
  142. package/core/data-display/tree/tree.spec.d.ts +0 -1
  143. package/core/data-display/tree/tree.stories.d.ts +0 -3
  144. package/core/feedback/zoom/index.d.ts +0 -13
  145. package/core/feedback/zoom/zoom.spec.d.ts +0 -1
  146. package/core/feedback/zoom/zooms.stories.d.ts +0 -4
  147. package/core/inputs/auto-complete/auto-complete.spec.d.ts +0 -1
  148. package/core/inputs/auto-complete/auto-complete.stories.d.ts +0 -7
  149. package/core/inputs/auto-complete/index.d.ts +0 -43
  150. package/core/inputs/auto-complete/index.js +0 -185
  151. package/core/inputs/input-base/index.d.ts +0 -28
  152. package/core/inputs/input-base/index.js +0 -33
  153. package/core/inputs/input-base/input-base.spec.d.ts +0 -1
  154. package/core/inputs/input-base/input-base.stories.d.ts +0 -3
  155. package/core/navigation/breadcrumb/breadcrumb.spec.d.ts +0 -1
  156. package/core/navigation/breadcrumb/breadcrumb.stories.d.ts +0 -13
  157. package/core/navigation/breadcrumb/index.d.ts +0 -4
  158. package/core/navigation/breadcrumb/index.js +0 -13
  159. package/core/navigation/link/index.d.ts +0 -2
  160. package/core/navigation/link/index.js +0 -9
  161. package/core/navigation/pagination/index.d.ts +0 -11
  162. package/core/navigation/pagination/index.js +0 -63
  163. package/core/navigation/pagination/pagination.spec.d.ts +0 -1
  164. package/core/navigation/pagination/pagination.stories.d.ts +0 -3
  165. package/core/navigation/pagination/styles.d.ts +0 -2
  166. package/core/navigation/pagination/styles.js +0 -11
  167. package/core/surfaces/container/container.spec.d.ts +0 -1
  168. package/core/surfaces/container/container.stories.d.ts +0 -3
  169. package/core/surfaces/container/index.d.ts +0 -4
  170. package/core/surfaces/container/index.js +0 -28
  171. package/core/surfaces/content/content.spec.d.ts +0 -1
  172. package/core/surfaces/content/content.stories.d.ts +0 -3
  173. package/core/surfaces/content/index.d.ts +0 -4
  174. package/core/surfaces/content/index.js +0 -25
  175. package/core/surfaces/content/styles.d.ts +0 -3
  176. package/core/surfaces/content/styles.js +0 -15
  177. package/experimental/actions/actions.stories.d.ts +0 -3
  178. package/experimental/actions/index.js +0 -39
  179. package/experimental/auto-complete-lab/autocomplete-lab.stories.d.ts +0 -4
  180. package/experimental/auto-complete-lab/index.d.ts +0 -4
  181. package/experimental/auto-complete-lab/index.js +0 -80
  182. package/experimental/avatar/avatar.spec.d.ts +0 -1
  183. package/experimental/avatar/avatar.stories.d.ts +0 -5
  184. package/experimental/avatar/index.d.ts +0 -10
  185. package/experimental/avatar/index.js +0 -20
  186. package/experimental/breadcrumbs/breadcrumbs.stories.d.ts +0 -9
  187. package/experimental/breadcrumbs/styles.d.ts +0 -27
  188. package/experimental/breadcrumbs/styles.js +0 -20
  189. package/experimental/button/button.spec.d.ts +0 -1
  190. package/experimental/button/button.stories.d.ts +0 -3
  191. package/experimental/card/card.spec.d.ts +0 -1
  192. package/experimental/card/card.stories.d.ts +0 -6
  193. package/experimental/card/index.d.ts +0 -35
  194. package/experimental/card/index.js +0 -51
  195. package/experimental/card/styles.d.ts +0 -30
  196. package/experimental/card/styles.js +0 -20
  197. package/experimental/dialog/dialog.stories.d.ts +0 -5
  198. package/experimental/fab/fab-wrapper.d.ts +0 -11
  199. package/experimental/fab/fab-wrapper.js +0 -28
  200. package/experimental/fab/fab.stories.d.ts +0 -3
  201. package/experimental/fab/index.d.ts +0 -2
  202. package/experimental/fab/index.js +0 -20
  203. package/experimental/fab/styles.d.ts +0 -2
  204. package/experimental/index.d.ts +0 -13
  205. package/experimental/index.js +0 -130
  206. package/experimental/loading/loading.stories.d.ts +0 -5
  207. package/experimental/nothing-found/nothing-found.stories.d.ts +0 -7
  208. package/experimental/nothing-found/styles.d.ts +0 -26
  209. package/experimental/panel/panel.stories.d.ts +0 -5
  210. package/experimental/panel/styles.d.ts +0 -28
  211. package/experimental/panel/styles.js +0 -14
  212. package/experimental/sidebar/index.d.ts +0 -20
  213. package/experimental/sidebar/index.js +0 -128
  214. package/experimental/sidebar/sidebar.spec.d.ts +0 -1
  215. package/experimental/sidebar/sidebar.stories.d.ts +0 -4
  216. package/experimental/sidebar/styles.d.ts +0 -6
  217. package/experimental/sidebar/styles.js +0 -20
  218. package/experimental/visibility-icon/index.d.ts +0 -8
  219. package/experimental/visibility-icon/styles.d.ts +0 -2
  220. package/experimental/visibility-icon/visibility-icon.spec.d.ts +0 -1
  221. package/experimental/visibility-icon/visibility-icon.stories.d.ts +0 -3
  222. package/lib/images.d.ts +0 -1
  223. package/lib/images.js +0 -9
  224. package/lib/localization.d.ts +0 -31
  225. package/lib/localization.js +0 -42
  226. package/test/mocks/editable-table-date-mock.d.ts +0 -11
  227. package/test/mocks/editable-table-date-mock.js +0 -14
  228. package/test/mocks/editable-table-mock.d.ts +0 -17
  229. package/test/mocks/editable-table-mock.js +0 -22
  230. /package/{experimental → core/data-display}/actions/actions.spec.d.ts +0 -0
  231. /package/{experimental/fab → core/data-display/fab-v2}/fab.spec.d.ts +0 -0
  232. /package/core/{context/theme-provider/theme-provider.spec.d.ts → data-display/password-visibility/password-visibility.spec.d.ts} +0 -0
  233. /package/{experimental/dialog → core/feedback/dialog-v2}/confirm-dialog.js +0 -0
  234. /package/{experimental/dialog → core/feedback/dialog-v2}/dialog.spec.d.ts +0 -0
  235. /package/{experimental/dialog → core/feedback/dialog-v2}/remove-dialog.js +0 -0
  236. /package/{experimental → core/feedback}/loading/loading.spec.d.ts +0 -0
  237. /package/{experimental → core/feedback}/loading/styles.d.ts +0 -0
  238. /package/{experimental → core/feedback}/loading/styles.js +0 -0
  239. /package/{experimental → core/feedback}/nothing-found/nothing-found.spec.d.ts +0 -0
  240. /package/{experimental → core/feedback}/skeleton/index.d.ts +0 -0
  241. /package/{experimental → core/feedback}/skeleton/skeleton.spec.d.ts +0 -0
  242. /package/{experimental → core/feedback}/skeleton/skeleton.stories.d.ts +0 -0
  243. /package/core/{data-display/editable-table/editable-table-with-date.spec.d.ts → inputs/add-button/add-button.spec.d.ts} +0 -0
  244. /package/{experimental/button → core/inputs/add-button}/styles.d.ts +0 -0
  245. /package/{experimental → core/inputs}/auto-complete-lab/autocomplete-lab.spec.d.ts +0 -0
  246. /package/{experimental → core/navigation}/breadcrumbs/breadcrumbs.spec.d.ts +0 -0
  247. /package/{experimental → core/navigation}/breadcrumbs/index.d.ts +0 -0
  248. /package/{experimental → core/surfaces}/panel/index.d.ts +0 -0
  249. /package/{experimental → core/surfaces}/panel/index.js +0 -0
  250. /package/{experimental → core/surfaces}/panel/panel.spec.d.ts +0 -0
  251. /package/{core/context/theme-provider/index.d.ts → theme/ThemeProvider.d.ts} +0 -0
  252. /package/{core/context/theme-provider/index.js → theme/ThemeProvider.js} +0 -0
@@ -1,185 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- var _typeof3 = require("@babel/runtime/helpers/typeof");
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports["default"] = exports.AutoComplete = void 0;
9
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
10
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
11
- var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
12
- var _react = _interopRequireWildcard(require("react"));
13
- var _fade = require("../../feedback/fade");
14
- var _paper = require("../../surfaces/paper");
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
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof3(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 && {}.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; }
17
- function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
18
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
19
- var removeAccents = function removeAccents(text) {
20
- return text.normalize('NFD').replace(/[\u0300-\u036f]/g, '');
21
- };
22
- var AutoComplete = exports.AutoComplete = function AutoComplete(props) {
23
- var inputRef = (0, _react.useRef)(null);
24
- var index = props.suggestions.findIndex(function (suggestion) {
25
- if (props.value && (0, _typeof2["default"])(props.value) === 'object') {
26
- return props.value.value === suggestion.value;
27
- }
28
- return false;
29
- });
30
- var _useState = (0, _react.useState)(Math.max(0, index)),
31
- _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
32
- highlighted = _useState2[0],
33
- setHighlighted = _useState2[1];
34
- var _useState3 = (0, _react.useState)(Boolean(props.defaultIsOpen)),
35
- _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
36
- open = _useState4[0],
37
- setOpen = _useState4[1];
38
- (0, _react.useEffect)(function () {
39
- if (props.autoFocus) {
40
- var current = inputRef.current;
41
- if (current) {
42
- current.focus();
43
- if (props.openOnFocus) {
44
- setOpen(true);
45
- }
46
- }
47
- } else if (props.focusDelay) {
48
- var _current = inputRef.current;
49
- setTimeout(function () {
50
- if (_current) {
51
- _current.focus();
52
- }
53
- if (props.openOnFocus) {
54
- setOpen(true);
55
- }
56
- }, props.focusDelay);
57
- }
58
- }, [props.autoFocus, props.focusDelay, props.openOnFocus]);
59
- var inputValue = (0, _typeof2["default"])(props.value) === 'object' ? props.value.label : props.value || '';
60
- var handleSelect = function handleSelect(item) {
61
- if ((0, _typeof2["default"])(item) === 'object' && item.subheader) {
62
- return;
63
- }
64
- setOpen(false);
65
- props.onChange(item);
66
- };
67
- var getSuggestions = (0, _react.useCallback)(function () {
68
- var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : inputValue;
69
- if (props.openOnFocus && !value) {
70
- return props.suggestions;
71
- }
72
- var items = value.length ? props.suggestions : [];
73
- return items.filter(function (item) {
74
- if (!item.subheader) {
75
- return props.caseSensitive ? removeAccents(item.label).includes(removeAccents(value)) : removeAccents(item.label).toLocaleLowerCase().includes(removeAccents(value).toLocaleLowerCase());
76
- }
77
- return true;
78
- });
79
- }, [inputValue, props.caseSensitive, props.openOnFocus, props.suggestions]);
80
- (0, _react.useEffect)(function () {
81
- var isFocused = inputRef.current ? document.activeElement === inputRef.current : false;
82
- var isSearching = props.value && typeof props.value === 'string';
83
- var hasSuggestions = getSuggestions().length > 0;
84
- if (isSearching && hasSuggestions && isFocused) {
85
- setOpen(true);
86
- }
87
- }, [getSuggestions, props.value]);
88
- var getPaperPosition = function getPaperPosition() {
89
- if (inputRef.current !== null) {
90
- var height = props.maxHeight || getSuggestions().length * 48;
91
- var _inputRef$current$get = inputRef.current.getBoundingClientRect(),
92
- top = _inputRef$current$get.top;
93
- if (top + height > window.innerHeight) {
94
- return 'above';
95
- }
96
- }
97
- return 'below';
98
- };
99
- var getItemProps = function getItemProps(item) {
100
- return {
101
- onClick: function onClick(event) {
102
- event.preventDefault();
103
- event.stopPropagation();
104
- handleSelect(item);
105
- }
106
- };
107
- };
108
- var handleFocus = function handleFocus(event) {
109
- if (props.openOnFocus) {
110
- setOpen(true);
111
- }
112
- if (props.selectTextOnFocus) {
113
- var input = event.target;
114
- input.select();
115
- }
116
- if (props.onFocus) {
117
- props.onFocus(event);
118
- }
119
- };
120
- var handleBlur = function handleBlur(event) {
121
- setTimeout(function () {
122
- return setOpen(false);
123
- }, 200);
124
- if (props.onBlur) {
125
- props.onBlur(event);
126
- }
127
- };
128
- var handleChange = function handleChange(event) {
129
- setHighlighted(0);
130
- props.onChange(event.target.value);
131
- };
132
- var renderSuggestions = function renderSuggestions() {
133
- var paperStyle = {
134
- position: 'absolute',
135
- width: inputRef.current ? inputRef.current.offsetWidth : 256,
136
- bottom: getPaperPosition() === 'above' && inputRef.current ? inputRef.current.getBoundingClientRect().height + 1 : undefined,
137
- zIndex: 1099
138
- };
139
- return /*#__PURE__*/_react["default"].createElement(_paper.Paper, {
140
- square: true,
141
- style: paperStyle
142
- }, /*#__PURE__*/_react["default"].createElement("div", {
143
- style: {
144
- overflow: 'auto',
145
- maxHeight: props.maxHeight
146
- }
147
- }, getSuggestions().map(function (suggestion, index) {
148
- return /*#__PURE__*/_react["default"].createElement(_react.Fragment, {
149
- key: index
150
- }, props.renderSuggestion(suggestion, getItemProps(suggestion), highlighted === index));
151
- })), props.actions);
152
- };
153
- var renderPaper = function renderPaper() {
154
- return props.fade ? /*#__PURE__*/_react["default"].createElement(_fade.Fade, {
155
- "in": open
156
- }, renderSuggestions()) : renderSuggestions();
157
- };
158
- var handleNavigate = function handleNavigate(event) {
159
- if (event.key === 'ArrowDown' && highlighted < getSuggestions().length - 1) {
160
- setHighlighted(highlighted + 1);
161
- } else if (event.key === 'ArrowUp' && highlighted > 0) {
162
- setHighlighted(highlighted - 1);
163
- } else if (event.key === 'Escape') {
164
- setOpen(false);
165
- } else if (event.key === 'Enter') {
166
- var item = getSuggestions()[highlighted];
167
- handleSelect(item);
168
- }
169
- };
170
- return /*#__PURE__*/_react["default"].createElement("div", {
171
- style: _objectSpread({
172
- position: 'relative'
173
- }, props.style)
174
- }, props.renderInput({
175
- value: inputValue,
176
- inputProps: {
177
- ref: inputRef
178
- },
179
- onChange: handleChange,
180
- onFocus: handleFocus,
181
- onBlur: handleBlur,
182
- onKeyDown: handleNavigate
183
- }), open && renderPaper());
184
- };
185
- var _default = exports["default"] = AutoComplete;
@@ -1,28 +0,0 @@
1
- import React from 'react';
2
- import type { ChangeEvent, ReactNode } from 'react';
3
- import type { DefaultProps } from '../../types';
4
- import type { InputBaseProps as MuiInputBaseProps } from '@material-ui/core';
5
- export interface InputAdornmentProps extends DefaultProps, Omit<MuiInputBaseProps, 'margin'> {
6
- autoComplete?: string;
7
- autoFocus?: boolean;
8
- classes?: object;
9
- defaultValue?: string | number;
10
- disabled?: boolean;
11
- endAdornment?: ReactNode;
12
- error?: boolean;
13
- fullWidth?: boolean;
14
- id?: string;
15
- inputProps?: object;
16
- multiline?: boolean;
17
- onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
18
- placeholder?: string;
19
- readonly?: boolean;
20
- required?: boolean;
21
- rows?: string | number;
22
- rowsMax?: string | number;
23
- startAdornment?: ReactNode;
24
- type?: string;
25
- value?: string | number | boolean;
26
- }
27
- declare const InputBase: ({ margin, padding, style, autoComplete, ...otherProps }: InputAdornmentProps) => React.JSX.Element;
28
- export default InputBase;
@@ -1,33 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports["default"] = void 0;
8
- var _InputBase2 = _interopRequireDefault(require("@material-ui/core/InputBase"));
9
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
10
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
11
- var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
12
- var _react = _interopRequireDefault(require("react"));
13
- var _excluded = ["margin", "padding", "style", "autoComplete"];
14
- function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
15
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
16
- var InputBase = function InputBase(_ref) {
17
- var margin = _ref.margin,
18
- padding = _ref.padding,
19
- _ref$style = _ref.style,
20
- style = _ref$style === void 0 ? {} : _ref$style,
21
- _ref$autoComplete = _ref.autoComplete,
22
- autoComplete = _ref$autoComplete === void 0 ? 'off' : _ref$autoComplete,
23
- otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
24
- return /*#__PURE__*/_react["default"].createElement(_InputBase2["default"], (0, _extends2["default"])({
25
- autoComplete: autoComplete
26
- }, otherProps, {
27
- style: _objectSpread({
28
- padding: padding,
29
- margin: margin
30
- }, style)
31
- }));
32
- };
33
- var _default = exports["default"] = InputBase;
@@ -1 +0,0 @@
1
- export {};
@@ -1,3 +0,0 @@
1
- declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import(".").InputAdornmentProps>;
2
- export default _default;
3
- export declare const Default: any;
@@ -1 +0,0 @@
1
- export {};
@@ -1,13 +0,0 @@
1
- import React from 'react';
2
- declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, {
3
- children?: React.ReactNode;
4
- expandText?: string | undefined;
5
- itemsAfterCollapse?: number | undefined;
6
- itemsBeforeCollapse?: number | undefined;
7
- maxItems?: number | undefined;
8
- separator?: React.ReactNode;
9
- } & import("@material-ui/core/OverridableComponent").CommonProps<import("@material-ui/core").BreadcrumbsTypeMap<{}, "nav">> & Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
10
- ref?: ((instance: HTMLElement | null) => void) | React.RefObject<HTMLElement> | null | undefined;
11
- }, "ref" | "slot" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture">>;
12
- export default _default;
13
- export declare const Default: any;
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import type { BreadcrumbsProps } from '@material-ui/core/Breadcrumbs';
3
- declare const Breadcrumbs: (props: BreadcrumbsProps) => React.JSX.Element;
4
- export default Breadcrumbs;
@@ -1,13 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports["default"] = void 0;
8
- var _react = _interopRequireDefault(require("react"));
9
- var _Breadcrumbs = _interopRequireDefault(require("@material-ui/core/Breadcrumbs"));
10
- var Breadcrumbs = function Breadcrumbs(props) {
11
- return /*#__PURE__*/_react["default"].createElement(_Breadcrumbs["default"], props);
12
- };
13
- var _default = exports["default"] = Breadcrumbs;
@@ -1,2 +0,0 @@
1
- import Link from '@material-ui/core/Link';
2
- export default Link;
@@ -1,9 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports["default"] = void 0;
8
- var _Link = _interopRequireDefault(require("@material-ui/core/Link"));
9
- var _default = exports["default"] = _Link["default"];
@@ -1,11 +0,0 @@
1
- import React from 'react';
2
- import type { DefaultProps } from '../../types';
3
- export interface PaginationProps extends DefaultProps {
4
- pages?: number;
5
- active: number;
6
- onNext: () => void;
7
- onPrevious: () => void;
8
- onNavigate: (page: number) => void;
9
- }
10
- declare const Pagination: (props: PaginationProps) => React.JSX.Element;
11
- export default Pagination;
@@ -1,63 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports["default"] = void 0;
8
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
- var _KeyboardArrowRight2 = _interopRequireDefault(require("@mui/icons-material/KeyboardArrowRight"));
10
- var _KeyboardArrowLeft2 = _interopRequireDefault(require("@mui/icons-material/KeyboardArrowLeft"));
11
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
12
- var _inc2 = _interopRequireDefault(require("ramda/es/inc"));
13
- var _times2 = _interopRequireDefault(require("ramda/es/times"));
14
- var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
15
- var _react = _interopRequireDefault(require("react"));
16
- var _button = _interopRequireDefault(require("../../inputs/button"));
17
- var _styles = require("./styles");
18
- var _excluded = ["active", "style", "padding", "margin", "pages", "className", "onNavigate", "onNext", "onPrevious"];
19
- function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
20
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
21
- var Pagination = function Pagination(props) {
22
- var active = props.active,
23
- style = props.style,
24
- padding = props.padding,
25
- margin = props.margin,
26
- _props$pages = props.pages,
27
- pages = _props$pages === void 0 ? 1 : _props$pages,
28
- className = props.className,
29
- onNavigate = props.onNavigate,
30
- onNext = props.onNext,
31
- onPrevious = props.onPrevious,
32
- rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
33
- var allPages = (0, _times2["default"])(_inc2["default"], pages);
34
- return /*#__PURE__*/_react["default"].createElement(_styles.Content, (0, _extends2["default"])({}, rest, {
35
- className: className,
36
- style: _objectSpread({
37
- padding: padding,
38
- margin: margin
39
- }, style)
40
- }), /*#__PURE__*/_react["default"].createElement(_button["default"], {
41
- id: "prev-page-button",
42
- "data-testid": "prev-page-button",
43
- size: "small",
44
- onClick: onPrevious
45
- }, /*#__PURE__*/_react["default"].createElement(_KeyboardArrowLeft2["default"], null)), allPages.map(function (page) {
46
- return /*#__PURE__*/_react["default"].createElement(_button["default"], {
47
- size: "small",
48
- "data-testid": "pagination-page-".concat(page),
49
- key: page,
50
- id: "pagination-page-".concat(page),
51
- color: page === active ? 'primary' : 'default',
52
- onClick: function onClick() {
53
- return onNavigate(page);
54
- }
55
- }, page);
56
- }), /*#__PURE__*/_react["default"].createElement(_button["default"], {
57
- id: "next-page-button",
58
- "data-testid": "next-page-button",
59
- size: "small",
60
- onClick: onNext
61
- }, /*#__PURE__*/_react["default"].createElement(_KeyboardArrowRight2["default"], null)));
62
- };
63
- var _default = exports["default"] = Pagination;
@@ -1 +0,0 @@
1
- export {};
@@ -1,3 +0,0 @@
1
- declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import(".").PaginationProps>;
2
- export default _default;
3
- export declare const Default: any;
@@ -1,2 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const Content: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
@@ -1,11 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.Content = void 0;
8
- var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
9
- var _styledComponents = _interopRequireDefault(require("styled-components"));
10
- var _templateObject;
11
- var Content = exports.Content = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n display: flex;\n align-items: center;\n font-family: 'Roboto', sans-serif;\n justify-content: center;\n margin: 0.75em;\n"])));
@@ -1 +0,0 @@
1
- export {};
@@ -1,3 +0,0 @@
1
- declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import("../../types").DefaultProps>;
2
- export default _default;
3
- export declare const Default: any;
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import type { DefaultProps } from '../../types';
3
- declare const Container: ({ children, padding, margin, style, ...otherProps }: DefaultProps) => React.JSX.Element;
4
- export default Container;
@@ -1,28 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports["default"] = void 0;
8
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
- var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
10
- var _react = _interopRequireDefault(require("react"));
11
- var _excluded = ["children", "padding", "margin", "style"];
12
- var ContainerStyles = {
13
- display: 'flex',
14
- flex: 1
15
- };
16
- var Container = function Container(_ref) {
17
- var children = _ref.children,
18
- padding = _ref.padding,
19
- margin = _ref.margin,
20
- _ref$style = _ref.style,
21
- style = _ref$style === void 0 ? {} : _ref$style,
22
- otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
23
- var componentStyle = Object.assign({}, ContainerStyles, padding, margin, style);
24
- return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
25
- style: componentStyle
26
- }, otherProps), children);
27
- };
28
- var _default = exports["default"] = Container;
@@ -1 +0,0 @@
1
- export {};
@@ -1,3 +0,0 @@
1
- declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import("../../types").DefaultProps>;
2
- export default _default;
3
- export declare const Default: any;
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import type { DefaultProps } from '../../types';
3
- declare const Content: ({ children, padding, margin, style, ...otherProps }: DefaultProps) => React.JSX.Element;
4
- export default Content;
@@ -1,25 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports["default"] = void 0;
8
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
- var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
10
- var _react = _interopRequireDefault(require("react"));
11
- var _styles = require("./styles");
12
- var _excluded = ["children", "padding", "margin", "style"];
13
- var Content = function Content(_ref) {
14
- var children = _ref.children,
15
- padding = _ref.padding,
16
- margin = _ref.margin,
17
- _ref$style = _ref.style,
18
- style = _ref$style === void 0 ? {} : _ref$style,
19
- otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
20
- var componentStyle = Object.assign({}, _styles.ContainerStyles, padding, margin, style);
21
- return /*#__PURE__*/_react["default"].createElement(_styles.StyledContent, (0, _extends2["default"])({}, otherProps, {
22
- style: componentStyle
23
- }), children);
24
- };
25
- var _default = exports["default"] = Content;
@@ -1,3 +0,0 @@
1
- import type { CSSProperties } from 'react';
2
- export declare const StyledContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
3
- export declare const ContainerStyles: CSSProperties;
@@ -1,15 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.StyledContent = exports.ContainerStyles = void 0;
8
- var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
9
- var _styledComponents = _interopRequireDefault(require("styled-components"));
10
- var _templateObject;
11
- var StyledContent = exports.StyledContent = _styledComponents["default"].main(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n flex: 1;\n transition: all 500ms ease;\n"])));
12
- var ContainerStyles = exports.ContainerStyles = {
13
- flex: 1,
14
- transition: 'all 500ms ease'
15
- };
@@ -1,3 +0,0 @@
1
- declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import(".").IProps>;
2
- export default _default;
3
- export declare const Default: any;
@@ -1,39 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports["default"] = exports.Wrapper = exports.Actions = void 0;
8
- var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
9
- var _react = _interopRequireDefault(require("react"));
10
- var _styledComponents = _interopRequireDefault(require("styled-components"));
11
- var _ = require("../..");
12
- var _templateObject;
13
- var Wrapper = exports.Wrapper = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n grid-area: actions;\n display: flex;\n flex: 1;\n justify-content: flex-end;\n padding: ", ";\n margin: ", ";\n"])), function (props) {
14
- return props.padding;
15
- }, function (props) {
16
- return props.margin;
17
- });
18
- var Actions = exports.Actions = function Actions(props) {
19
- var showButton = !props.readonly && (!props.buttons || props.buttons.includes('confirm'));
20
- return /*#__PURE__*/_react["default"].createElement(Wrapper, {
21
- align: props.align || 'flex-end',
22
- padding: props.padding,
23
- margin: props.margin
24
- }, (!props.buttons || props.buttons.includes('cancel')) && /*#__PURE__*/_react["default"].createElement(_.Button, {
25
- margin: "0 16px",
26
- disabled: props.disabled,
27
- name: props.names ? props.names.cancel : 'cancel-action',
28
- "data-testid": "cancel-action",
29
- onClick: props.onCancel
30
- }, props.labels ? props.labels.cancel : 'Cancelar'), showButton && /*#__PURE__*/_react["default"].createElement(_.Button, {
31
- color: props.actionButtonColor || 'primary',
32
- variant: "contained",
33
- disabled: props.disabled,
34
- name: props.names ? props.names.confirm : 'confirm-action',
35
- "data-testid": "confirm-action",
36
- onClick: props.onConfirm
37
- }, props.labels ? props.labels.confirm : 'Confirmar'));
38
- };
39
- var _default = exports["default"] = Actions;
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import("@/core/inputs/auto-complete").AutoCompleteProps>;
3
- export default _default;
4
- export declare const Default: () => React.JSX.Element;
@@ -1,4 +0,0 @@
1
- import { default as MuiAutocomplete } from '@material-ui/lab/Autocomplete';
2
- export { AutocompleteRenderInputParams, AutocompleteProps, AutocompleteCloseReason, AutocompleteChangeReason, AutocompleteInputChangeReason, AutocompleteGetTagProps, AutocompleteRenderOptionState } from '@material-ui/lab/Autocomplete';
3
- export declare const Autocomplete: typeof MuiAutocomplete;
4
- export default Autocomplete;