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,130 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- var _typeof = require("@babel/runtime/helpers/typeof");
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- var _exportNames = {
9
- Avatar: true,
10
- Actions: true,
11
- Wrapper: true,
12
- Breadcrumbs: true,
13
- Button: true,
14
- Card: true,
15
- Loading: true,
16
- NothingFound: true,
17
- Panel: true,
18
- Sidebar: true,
19
- Skeleton: true,
20
- VisibilityIcon: true
21
- };
22
- Object.defineProperty(exports, "Actions", {
23
- enumerable: true,
24
- get: function get() {
25
- return _actions["default"];
26
- }
27
- });
28
- Object.defineProperty(exports, "Avatar", {
29
- enumerable: true,
30
- get: function get() {
31
- return _avatar["default"];
32
- }
33
- });
34
- Object.defineProperty(exports, "Breadcrumbs", {
35
- enumerable: true,
36
- get: function get() {
37
- return _breadcrumbs["default"];
38
- }
39
- });
40
- Object.defineProperty(exports, "Button", {
41
- enumerable: true,
42
- get: function get() {
43
- return _button["default"];
44
- }
45
- });
46
- Object.defineProperty(exports, "Card", {
47
- enumerable: true,
48
- get: function get() {
49
- return _card["default"];
50
- }
51
- });
52
- Object.defineProperty(exports, "Loading", {
53
- enumerable: true,
54
- get: function get() {
55
- return _loading["default"];
56
- }
57
- });
58
- Object.defineProperty(exports, "NothingFound", {
59
- enumerable: true,
60
- get: function get() {
61
- return _nothingFound["default"];
62
- }
63
- });
64
- Object.defineProperty(exports, "Panel", {
65
- enumerable: true,
66
- get: function get() {
67
- return _panel["default"];
68
- }
69
- });
70
- Object.defineProperty(exports, "Sidebar", {
71
- enumerable: true,
72
- get: function get() {
73
- return _sidebar["default"];
74
- }
75
- });
76
- Object.defineProperty(exports, "Skeleton", {
77
- enumerable: true,
78
- get: function get() {
79
- return _skeleton["default"];
80
- }
81
- });
82
- Object.defineProperty(exports, "VisibilityIcon", {
83
- enumerable: true,
84
- get: function get() {
85
- return _visibilityIcon["default"];
86
- }
87
- });
88
- Object.defineProperty(exports, "Wrapper", {
89
- enumerable: true,
90
- get: function get() {
91
- return _actions.Wrapper;
92
- }
93
- });
94
- var _fab = require("./fab");
95
- Object.keys(_fab).forEach(function (key) {
96
- if (key === "default" || key === "__esModule") return;
97
- if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
98
- if (key in exports && exports[key] === _fab[key]) return;
99
- Object.defineProperty(exports, key, {
100
- enumerable: true,
101
- get: function get() {
102
- return _fab[key];
103
- }
104
- });
105
- });
106
- var _dialog = require("./dialog");
107
- Object.keys(_dialog).forEach(function (key) {
108
- if (key === "default" || key === "__esModule") return;
109
- if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
110
- if (key in exports && exports[key] === _dialog[key]) return;
111
- Object.defineProperty(exports, key, {
112
- enumerable: true,
113
- get: function get() {
114
- return _dialog[key];
115
- }
116
- });
117
- });
118
- var _avatar = _interopRequireDefault(require("./avatar"));
119
- var _actions = _interopRequireWildcard(require("./actions"));
120
- var _breadcrumbs = _interopRequireDefault(require("./breadcrumbs"));
121
- var _button = _interopRequireDefault(require("./button"));
122
- var _card = _interopRequireDefault(require("./card"));
123
- var _loading = _interopRequireDefault(require("./loading"));
124
- var _nothingFound = _interopRequireDefault(require("./nothing-found"));
125
- var _panel = _interopRequireDefault(require("./panel"));
126
- var _sidebar = _interopRequireDefault(require("./sidebar"));
127
- var _skeleton = _interopRequireDefault(require("./skeleton"));
128
- var _visibilityIcon = _interopRequireDefault(require("./visibility-icon"));
129
- 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); }
130
- 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 && {}.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; }
@@ -1,5 +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;
4
- export declare const CustomSize: any;
5
- export declare const CustomMargin: any;
@@ -1,7 +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;
4
- export declare const WithCustomTest: any;
5
- export declare const ReadOnly: any;
6
- export declare const WithButtonLabel: any;
7
- export declare const WithSearchText: any;
@@ -1,26 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const TextTypography: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<{
3
- align?: import("@material-ui/core").PropTypes.Alignment | undefined;
4
- children?: import("react").ReactNode;
5
- color?: "inherit" | "initial" | "primary" | "secondary" | "textPrimary" | "textSecondary" | "error" | undefined;
6
- display?: "initial" | "block" | "inline" | undefined;
7
- gutterBottom?: boolean | undefined;
8
- noWrap?: boolean | undefined;
9
- paragraph?: boolean | undefined;
10
- variant?: "inherit" | (import("@material-ui/core").TypographyVariant | "srOnly") | undefined;
11
- variantMapping?: Partial<Record<import("@material-ui/core").TypographyVariant | "srOnly", string>> | undefined;
12
- } & import("@material-ui/core/OverridableComponent").CommonProps<import("@material-ui/core").TypographyTypeMap<{}, "span">> & Pick<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
13
- ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
14
- }, "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"> & import("../../core/types").DefaultProps, never>> & string & Omit<({ children, margin, padding, style, variant, ...otherProps }: {
15
- align?: import("@material-ui/core").PropTypes.Alignment | undefined;
16
- children?: import("react").ReactNode;
17
- color?: "inherit" | "initial" | "primary" | "secondary" | "textPrimary" | "textSecondary" | "error" | undefined;
18
- display?: "initial" | "block" | "inline" | undefined;
19
- gutterBottom?: boolean | undefined;
20
- noWrap?: boolean | undefined;
21
- paragraph?: boolean | undefined;
22
- variant?: "inherit" | (import("@material-ui/core").TypographyVariant | "srOnly") | undefined;
23
- variantMapping?: Partial<Record<import("@material-ui/core").TypographyVariant | "srOnly", string>> | undefined;
24
- } & import("@material-ui/core/OverridableComponent").CommonProps<import("@material-ui/core").TypographyTypeMap<{}, "span">> & Pick<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
25
- ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
26
- }, "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"> & import("../../core/types").DefaultProps) => import("react").JSX.Element, keyof import("react").Component<any, {}, any>>;
@@ -1,5 +0,0 @@
1
- declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import(".").PaperProps>;
2
- export default _default;
3
- export declare const Default: any;
4
- export declare const Nested: any;
5
- export declare const WithOmittedIcon: any;
@@ -1,28 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const Paper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../../core/surfaces/expansion-panel").ExpansionPanelProps, never>> & string & Omit<({ actions, details, expandIcon, margin, padding, style, summary, summaryStyle, detailsStyle, actionsStyle, editStyle, onHelperClick, onEditClick, onSaveClick, onClick, helperIcon, editable, editing, headerProps, helperButtonPosition, ...otherProps }: import("../../core/surfaces/expansion-panel").ExpansionPanelProps) => import("react").JSX.Element, keyof import("react").Component<any, {}, any>>;
3
- export declare const Summary: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
4
- export declare const Title: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<{
5
- align?: import("@material-ui/core").PropTypes.Alignment | undefined;
6
- children?: import("react").ReactNode;
7
- color?: "inherit" | "initial" | "primary" | "secondary" | "textPrimary" | "textSecondary" | "error" | undefined;
8
- display?: "initial" | "block" | "inline" | undefined;
9
- gutterBottom?: boolean | undefined;
10
- noWrap?: boolean | undefined;
11
- paragraph?: boolean | undefined;
12
- variant?: "inherit" | (import("@material-ui/core").TypographyVariant | "srOnly") | undefined;
13
- variantMapping?: Partial<Record<import("@material-ui/core").TypographyVariant | "srOnly", string>> | undefined;
14
- } & import("@material-ui/core/OverridableComponent").CommonProps<import("@material-ui/core").TypographyTypeMap<{}, "span">> & Pick<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
15
- ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
16
- }, "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"> & import("../../core/types").DefaultProps, never>> & string & Omit<({ children, margin, padding, style, variant, ...otherProps }: {
17
- align?: import("@material-ui/core").PropTypes.Alignment | undefined;
18
- children?: import("react").ReactNode;
19
- color?: "inherit" | "initial" | "primary" | "secondary" | "textPrimary" | "textSecondary" | "error" | undefined;
20
- display?: "initial" | "block" | "inline" | undefined;
21
- gutterBottom?: boolean | undefined;
22
- noWrap?: boolean | undefined;
23
- paragraph?: boolean | undefined;
24
- variant?: "inherit" | (import("@material-ui/core").TypographyVariant | "srOnly") | undefined;
25
- variantMapping?: Partial<Record<import("@material-ui/core").TypographyVariant | "srOnly", string>> | undefined;
26
- } & import("@material-ui/core/OverridableComponent").CommonProps<import("@material-ui/core").TypographyTypeMap<{}, "span">> & Pick<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
27
- ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
28
- }, "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"> & import("../../core/types").DefaultProps) => import("react").JSX.Element, keyof import("react").Component<any, {}, any>>;
@@ -1,14 +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.Title = exports.Summary = exports.Paper = void 0;
8
- var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
9
- var _styledComponents = _interopRequireDefault(require("styled-components"));
10
- var _ = require("../..");
11
- var _templateObject, _templateObject2, _templateObject3;
12
- var Paper = exports.Paper = (0, _styledComponents["default"])(_.ExpansionPanel)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n && {\n border-radius: 4px;\n ::before {\n height: 0px;\n background-color: transparent;\n }\n }\n"])));
13
- var Summary = exports.Summary = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n display: flex;\n flex: 1;\n align-items: center;\n"])));
14
- var Title = exports.Title = (0, _styledComponents["default"])(_.Typography)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n && {\n flex: 1;\n }\n"])));
@@ -1,20 +0,0 @@
1
- import React from 'react';
2
- import type { ReactElement } from 'react';
3
- export interface ISidebarOption {
4
- icon: ReactElement;
5
- label: string;
6
- name: string;
7
- route: string;
8
- }
9
- export interface IProps {
10
- options: ISidebarOption[];
11
- top?: number;
12
- loading?: boolean;
13
- handleGoTo?: (name: string, route: string) => () => void;
14
- extraOptions?: ISidebarOption[];
15
- }
16
- /**
17
- * Sidebar component V2
18
- */
19
- declare const Sidebar: (props: IProps) => React.JSX.Element;
20
- export default Sidebar;
@@ -1,128 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- var _typeof = require("@babel/runtime/helpers/typeof");
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports["default"] = void 0;
9
- var _map2 = _interopRequireDefault(require("ramda/es/map"));
10
- var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
11
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
12
- var _times2 = _interopRequireDefault(require("ramda/es/times"));
13
- var _Skeleton2 = _interopRequireDefault(require("@mui/material/Skeleton"));
14
- var _react = _interopRequireWildcard(require("react"));
15
- var _ = require("../..");
16
- var _styles = require("./styles");
17
- var _excluded = ["options", "loading", "handleGoTo", "extraOptions", "top"];
18
- 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); }
19
- 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 && {}.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; }
20
- var renderSkeleton = function renderSkeleton(index) {
21
- return /*#__PURE__*/_react["default"].createElement(_styles.SkeletonWrapper, {
22
- className: "skeleton-container",
23
- role: "skeleton",
24
- key: "sidebar-skeleton-".concat(index)
25
- }, /*#__PURE__*/_react["default"].createElement(_Skeleton2["default"], {
26
- width: 36,
27
- height: 36
28
- }));
29
- };
30
- var LABEL_TIMEOUT = 300;
31
- var SIDEBAR_SKELETON_SIZE = 6;
32
- var sidebarSkeleton = (0, _times2["default"])(renderSkeleton, SIDEBAR_SKELETON_SIZE);
33
-
34
- // create a function that extract path from location.pathname
35
- // and return the route
36
- var extract = function extract(location) {
37
- var lastSlashIndex = location.lastIndexOf('/');
38
- return '/' + location.slice(lastSlashIndex + 1);
39
- };
40
- var useSidebar = function useSidebar() {
41
- var _useState = (0, _react.useState)(false),
42
- _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
43
- expanded = _useState2[0],
44
- setExpanded = _useState2[1];
45
- var route = extract(location.pathname);
46
- var toggle = (0, _react.useCallback)(function () {
47
- setExpanded(!expanded);
48
- }, [expanded]);
49
- return {
50
- toggle: toggle,
51
- expanded: expanded,
52
- route: route
53
- };
54
- };
55
-
56
- /**
57
- * Sidebar component V2
58
- */
59
- var Sidebar = function Sidebar(props) {
60
- var options = props.options,
61
- loading = props.loading,
62
- handleGoTo = props.handleGoTo,
63
- _props$extraOptions = props.extraOptions,
64
- extraOptions = _props$extraOptions === void 0 ? [] : _props$extraOptions,
65
- top = props.top,
66
- otherProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
67
- var _useSidebar = useSidebar(),
68
- expanded = _useSidebar.expanded,
69
- route = _useSidebar.route,
70
- toggle = _useSidebar.toggle;
71
- var _useState3 = (0, _react.useState)(expanded),
72
- _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
73
- showLabel = _useState4[0],
74
- setShowLabel = _useState4[1];
75
- (0, _react.useEffect)(function () {
76
- if (expanded) {
77
- setTimeout(function () {
78
- return setShowLabel(true);
79
- }, LABEL_TIMEOUT);
80
- } else {
81
- setShowLabel(false);
82
- }
83
- }, [expanded]);
84
- var renderOption = function renderOption(option) {
85
- return /*#__PURE__*/_react["default"].createElement(_styles.Link, {
86
- "data-testid": "sidebar-option-".concat(option.route.replace('/', '')),
87
- key: option.name
88
- }, /*#__PURE__*/_react["default"].createElement(_.Tooltip, {
89
- withWrapper: true,
90
- placement: "right",
91
- enterDelay: 500,
92
- title: expanded ? '' : option.label
93
- }, /*#__PURE__*/_react["default"].createElement(_styles.MenuItem, {
94
- key: option.name,
95
- selected: option.name === route,
96
- icon: option.icon,
97
- style: {
98
- minHeight: '42px'
99
- },
100
- padding: "0 18px",
101
- subtitle: showLabel ? option.label : '',
102
- onClick: handleGoTo === null || handleGoTo === void 0 ? void 0 : handleGoTo(option.name, option.route)
103
- })));
104
- };
105
- return /*#__PURE__*/_react["default"].createElement(_styles.StyledFlipperSidebar, {
106
- open: true,
107
- docked: true,
108
- name: "sidebar",
109
- id: "sidebar",
110
- ButtonProps: {
111
- id: 'sidebar-toggle-button'
112
- },
113
- minWidth: 56,
114
- maxWidth: 228,
115
- style: {
116
- transition: 'width 100ms ease-in-out',
117
- zIndex: 1199
118
- },
119
- expanded: expanded,
120
- top: top || 0,
121
- onToggle: toggle
122
- }, /*#__PURE__*/_react["default"].createElement(_styles.PaperBar, otherProps, /*#__PURE__*/_react["default"].createElement(_.List, {
123
- dense: true
124
- }, loading ? sidebarSkeleton : (0, _map2["default"])(renderOption, options)), /*#__PURE__*/_react["default"].createElement(_.List, {
125
- dense: true
126
- }, !loading && (0, _map2["default"])(renderOption, extraOptions))));
127
- };
128
- var _default = exports["default"] = Sidebar;
@@ -1 +0,0 @@
1
- export {};
@@ -1,4 +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;
4
- export declare const Loading: any;
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const StyledFlipperSidebar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../../core/navigation/sidebar").SidebarProps, never>> & string & Omit<({ id, anchor, className, color, docked, expanded, margin, maxWidth, minWidth, top, open, padding, paperClasses, showButton, style, variant, ButtonProps, onToggle, children, name, ...otherProps }: import("../../core/navigation/sidebar").SidebarProps) => import("react").JSX.Element, keyof import("react").Component<any, {}, any>>;
3
- export declare const MenuItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../../core/data-display/list-item").ListItemProps, never>> & string & Omit<(props: import("../../core/data-display/list-item").ListItemProps) => import("react").JSX.Element, keyof import("react").Component<any, {}, any>>;
4
- export declare const Link: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, never>> & string;
5
- export declare const PaperBar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
6
- export declare const SkeletonWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
@@ -1,20 +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.StyledFlipperSidebar = exports.SkeletonWrapper = exports.PaperBar = exports.MenuItem = exports.Link = void 0;
8
- var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
9
- var _styledComponents = _interopRequireDefault(require("styled-components"));
10
- var _ = require("../..");
11
- var _theme = require("../../theme");
12
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
13
- var _theme$colors = _theme.theme.colors,
14
- grays = _theme$colors.grays,
15
- primary = _theme$colors.primary;
16
- var StyledFlipperSidebar = exports.StyledFlipperSidebar = (0, _styledComponents["default"])(_.Sidebar)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n & > div {\n border-right: 1px solid ", ";\n }\n"])), grays.g6);
17
- var MenuItem = exports.MenuItem = (0, _styledComponents["default"])(_.ListItem)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n &&& {\n & div {\n padding: 0;\n }\n }\n"])));
18
- var Link = exports.Link = _styledComponents["default"].a(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n color: ", ";\n text-decoration: none;\n"])), primary.main);
19
- var PaperBar = exports.PaperBar = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n flex-direction: column;\n display: flex;\n justify-content: space-between;\n flex: 1;\n padding-bottom: 16px;\n"])));
20
- var SkeletonWrapper = exports.SkeletonWrapper = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n padding: 2px 10px;\n"])));
@@ -1,8 +0,0 @@
1
- import React from 'react';
2
- export interface IProps {
3
- name?: string;
4
- show: boolean;
5
- onToggle(): void;
6
- }
7
- declare const VisibilityIcon: ({ show, onToggle, name, ...otherProps }: IProps) => React.JSX.Element;
8
- export default VisibilityIcon;
@@ -1,2 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const StyledButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../../core/inputs/icon-button").IconButtonProps, never>> & string & Omit<({ children, padding, margin, style, ...otherProps }: import("../../core/inputs/icon-button").IconButtonProps) => import("react").JSX.Element, keyof import("react").Component<any, {}, any>>;
@@ -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;
package/lib/images.d.ts DELETED
@@ -1 +0,0 @@
1
- export declare const stepCardImageUrl: any;
package/lib/images.js DELETED
@@ -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.stepCardImageUrl = void 0;
8
- var _stepCardImage = _interopRequireDefault(require("../images/step-card-image.svg"));
9
- var stepCardImageUrl = exports.stepCardImageUrl = _stepCardImage["default"];
@@ -1,31 +0,0 @@
1
- export declare const getLocalization: (title?: string) => {
2
- body: {
3
- dateTimePickerLocalization: {
4
- locale: Locale;
5
- };
6
- emptyDataSourceMessage: string;
7
- editRow: {
8
- saveTooltip: string;
9
- cancelTooltip: string;
10
- deleteText: string;
11
- };
12
- addTooltip: string;
13
- deleteTooltip: string;
14
- editTooltip: string;
15
- };
16
- header: {
17
- actions: string;
18
- };
19
- pagination: {
20
- firstTooltip: string;
21
- firstAriaLabel: string;
22
- previousTooltip: string;
23
- previousAriaLabel: string;
24
- nextTooltip: string;
25
- nextAriaLabel: string;
26
- lastTooltip: string;
27
- lastAriaLabel: string;
28
- labelRowsSelect: string;
29
- labelDisplayedRows: string;
30
- };
31
- };
@@ -1,42 +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.getLocalization = void 0;
8
- var _ptBR = _interopRequireDefault(require("date-fns/locale/pt-BR"));
9
- var getLocalization = exports.getLocalization = function getLocalization() {
10
- var title = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
11
- return {
12
- body: {
13
- dateTimePickerLocalization: {
14
- locale: _ptBR["default"]
15
- },
16
- emptyDataSourceMessage: 'Não há dados para serem exibidos no momento',
17
- editRow: {
18
- saveTooltip: 'Salvar',
19
- cancelTooltip: 'Cancelar',
20
- deleteText: title !== '' ? "Voc\xEA tem certeza que deseja excluir esse ".concat(title, "?") : "Voc\xEA tem certeza que deseja excluir esse item?"
21
- },
22
- addTooltip: "Adicionar ".concat(title),
23
- deleteTooltip: "Remover ".concat(title),
24
- editTooltip: "Editar ".concat(title)
25
- },
26
- header: {
27
- actions: ''
28
- },
29
- pagination: {
30
- firstTooltip: 'Primeira',
31
- firstAriaLabel: 'Primeira',
32
- previousTooltip: 'Anterior',
33
- previousAriaLabel: 'Anterior',
34
- nextTooltip: 'Próxima',
35
- nextAriaLabel: 'Próxima',
36
- lastTooltip: 'Ultima',
37
- lastAriaLabel: 'Ulima',
38
- labelRowsSelect: 'Linhas',
39
- labelDisplayedRows: '{from}-{to} de {count}'
40
- }
41
- };
42
- };
@@ -1,11 +0,0 @@
1
- import React from 'react';
2
- import type { EditableTableProps } from '@/core/data-display/editable-table';
3
- interface IProps<T extends object> {
4
- tableProps?: Partial<EditableTableProps<T>>;
5
- }
6
- interface IDate {
7
- date: Date;
8
- position: number;
9
- }
10
- declare const Default: ({ tableProps }: IProps<IDate>) => React.JSX.Element;
11
- export default Default;
@@ -1,14 +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 _editableTable = _interopRequireDefault(require("../../core/data-display/editable-table"));
10
- var Default = function Default(_ref) {
11
- var tableProps = _ref.tableProps;
12
- return /*#__PURE__*/_react["default"].createElement(_editableTable["default"], tableProps);
13
- };
14
- var _default = exports["default"] = Default;