flipper-ui 0.31.6 → 0.32.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 (301) 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 +6 -6
  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/badge/index.js +2 -2
  12. package/core/data-display/chapter/styles.d.ts +2 -2
  13. package/core/data-display/chip/index.js +2 -2
  14. package/core/data-display/data-table/data-table-field.js +15 -11
  15. package/core/data-display/data-table/data-table-pagination-actions.js +8 -5
  16. package/core/data-display/data-table/data-table-query-paginated.js +3 -3
  17. package/core/data-display/data-table/data-table.d.ts +3 -0
  18. package/core/data-display/data-table/data-table.js +28 -11
  19. package/core/data-display/data-table/data-table.stories.d.ts +2 -1
  20. package/core/data-display/data-table/index.d.ts +1 -1
  21. package/core/data-display/data-table/index.js +6 -6
  22. package/core/data-display/data-table/rows.js +7 -13
  23. package/core/data-display/data-table/styles.d.ts +5 -5
  24. package/core/data-display/data-table/styles.js +4 -3
  25. package/core/data-display/data-table/use-paginated.js +9 -13
  26. package/core/data-display/data-table/use-rows-state.js +3 -5
  27. package/core/data-display/divider/divider.stories.d.ts +6 -6
  28. package/core/data-display/divider/index.d.ts +1 -1
  29. package/core/data-display/divider/index.js +4 -4
  30. package/core/data-display/fab/index.js +2 -2
  31. package/core/data-display/fab-v2/fab.stories.d.ts +6 -0
  32. package/{experimental/fab/fab.d.ts → core/data-display/fab-v2/index.d.ts} +1 -1
  33. package/{experimental/fab/fab.js → core/data-display/fab-v2/index.js} +7 -6
  34. package/core/data-display/line/index.d.ts +1 -1
  35. package/core/data-display/line/index.js +2 -2
  36. package/core/data-display/line/line.stories.d.ts +6 -5
  37. package/core/data-display/list/index.js +4 -4
  38. package/core/data-display/list-item/index.d.ts +0 -1
  39. package/core/data-display/list-item/index.js +11 -11
  40. package/core/data-display/list-item/list-item.spec.d.ts +1 -1
  41. package/core/data-display/menu-item/index.d.ts +2 -3
  42. package/core/data-display/menu-item/styles.d.ts +2 -2
  43. package/core/data-display/menu-item/styles.js +2 -2
  44. package/core/data-display/password-visibility/index.d.ts +8 -0
  45. package/{experimental/visibility-icon → core/data-display/password-visibility}/index.js +7 -6
  46. package/core/data-display/password-visibility/password-visibility.stories.d.ts +6 -0
  47. package/core/data-display/password-visibility/styles.d.ts +2 -0
  48. package/{experimental/visibility-icon → core/data-display/password-visibility}/styles.js +2 -2
  49. package/core/data-display/table/table-cell.d.ts +1 -2
  50. package/core/data-display/table/table-cell.js +1 -1
  51. package/core/data-display/table/table-head.d.ts +3 -9
  52. package/core/data-display/table/table-head.js +6 -26
  53. package/core/data-display/table/table.spec.d.ts +1 -1
  54. package/core/data-display/table/table.stories.d.ts +1 -1
  55. package/core/data-display/typography/typography.stories.d.ts +2 -2
  56. package/core/feedback/collapse/collapse.stories.d.ts +6 -6
  57. package/core/feedback/collapse/index.d.ts +1 -1
  58. package/core/feedback/collapse/index.js +4 -4
  59. package/core/feedback/dialog/dialog.stories.d.ts +6 -7
  60. package/core/feedback/dialog/index.d.ts +1 -1
  61. package/core/feedback/dialog/index.js +2 -2
  62. package/core/feedback/dialog/styles.d.ts +5 -5
  63. package/{experimental/dialog → core/feedback/dialog-v2}/confirm-dialog.d.ts +1 -1
  64. package/{experimental/dialog → core/feedback/dialog-v2}/dialog.d.ts +2 -1
  65. package/{experimental/dialog → core/feedback/dialog-v2}/dialog.js +7 -6
  66. package/core/feedback/dialog-v2/dialog.stories.d.ts +8 -0
  67. package/{experimental/dialog → core/feedback/dialog-v2}/index.d.ts +1 -1
  68. package/{experimental/dialog → core/feedback/dialog-v2}/index.js +1 -1
  69. package/{experimental/dialog → core/feedback/dialog-v2}/remove-dialog.d.ts +1 -1
  70. package/{experimental/dialog → core/feedback/dialog-v2}/remove-dialog.js +2 -2
  71. package/core/feedback/fade/fade.stories.d.ts +6 -4
  72. package/core/feedback/fade/index.d.ts +1 -1
  73. package/core/feedback/fade/index.js +4 -4
  74. package/core/feedback/grow/index.js +2 -2
  75. package/{experimental → core/feedback}/loading/index.d.ts +1 -1
  76. package/{experimental → core/feedback}/loading/index.js +6 -5
  77. package/core/feedback/loading/loading.stories.d.ts +6 -0
  78. package/core/feedback/loading/styles.d.ts +2 -0
  79. package/{experimental → core/feedback}/nothing-found/index.d.ts +1 -1
  80. package/{experimental → core/feedback}/nothing-found/index.js +2 -2
  81. package/core/feedback/nothing-found/nothing-found.stories.d.ts +6 -0
  82. package/core/feedback/nothing-found/styles.d.ts +26 -0
  83. package/{experimental → core/feedback}/nothing-found/styles.js +1 -1
  84. package/core/feedback/progress/index.d.ts +11 -1
  85. package/core/feedback/progress/index.js +47 -6
  86. package/core/feedback/progress/progress.stories.d.ts +1 -0
  87. package/{experimental → core/feedback}/skeleton/index.js +1 -1
  88. package/core/feedback/slide/index.js +2 -2
  89. package/core/feedback/snackbar/index.js +16 -12
  90. package/core/feedback/tooltip/index.js +2 -2
  91. package/core/feedback/validation-dialog/index.d.ts +3 -2
  92. package/core/feedback/validation-dialog/index.js +2 -2
  93. package/core/feedback/validation-dialog/styles.d.ts +7 -7
  94. package/core/feedback/validation-dialog/styles.js +2 -2
  95. package/core/inputs/add-button/add-button.stories.d.ts +6 -0
  96. package/{experimental/button → core/inputs/add-button}/index.d.ts +3 -1
  97. package/{experimental/button → core/inputs/add-button}/index.js +7 -5
  98. package/core/inputs/add-button/styles.d.ts +2 -0
  99. package/{experimental/button → core/inputs/add-button}/styles.js +1 -1
  100. package/core/inputs/auto-complete-lab/autocomplete-lab.stories.d.ts +4 -0
  101. package/core/inputs/auto-complete-lab/index.d.ts +3 -0
  102. package/core/{feedback/zoom → inputs/auto-complete-lab}/index.js +21 -18
  103. package/core/inputs/button/index.js +2 -2
  104. package/core/inputs/checkbox/index.js +8 -8
  105. package/core/inputs/checkbox/styles.d.ts +1 -1
  106. package/core/inputs/chip-field/index.js +1 -1
  107. package/core/inputs/chip-field/styles.d.ts +1 -1
  108. package/core/inputs/date-time/date-time.stories.d.ts +6 -5
  109. package/core/inputs/date-time/index.d.ts +1 -2
  110. package/core/inputs/date-time/index.js +2 -2
  111. package/core/inputs/input-adornment/index.js +2 -2
  112. package/core/inputs/mask-field/index.js +2 -2
  113. package/core/inputs/pin-input/index.d.ts +1 -1
  114. package/core/inputs/pin-input/index.js +8 -11
  115. package/core/inputs/pin-input/pin-input.stories.d.ts +6 -5
  116. package/core/inputs/pin-input/styles.d.ts +3 -3
  117. package/core/inputs/radio/index.js +2 -2
  118. package/core/inputs/radio-group/index.js +10 -10
  119. package/core/inputs/select/index.js +8 -8
  120. package/core/inputs/text-field/index.d.ts +1 -1
  121. package/core/inputs/text-field/index.js +27 -24
  122. package/core/inputs/text-field/styles.d.ts +5 -5
  123. package/core/inputs/text-field/text-field.stories.d.ts +9 -10
  124. package/core/navigation/breadcrumbs/breadcrumbs.stories.d.ts +6 -0
  125. package/{experimental → core/navigation}/breadcrumbs/index.js +9 -9
  126. package/core/navigation/breadcrumbs/styles.d.ts +30 -0
  127. package/core/navigation/breadcrumbs/styles.js +17 -0
  128. package/core/navigation/drawer/drawer.stories.d.ts +6 -4
  129. package/core/navigation/drawer/index.d.ts +1 -1
  130. package/core/navigation/drawer/index.js +2 -2
  131. package/core/navigation/menu/index.js +2 -2
  132. package/core/navigation/sidebar/index.js +4 -3
  133. package/core/navigation/sidebar/styles.d.ts +1 -1
  134. package/core/navigation/stepper/index.js +7 -7
  135. package/core/navigation/tab/index.js +2 -2
  136. package/core/navigation/tabs/index.js +2 -2
  137. package/core/surfaces/box/index.js +2 -2
  138. package/core/surfaces/card/card.spec.d.ts +1 -1
  139. package/core/surfaces/card/card.stories.d.ts +6 -4
  140. package/core/surfaces/card/index.d.ts +21 -13
  141. package/core/surfaces/card/index.js +58 -87
  142. package/core/surfaces/card/styles.d.ts +31 -0
  143. package/core/surfaces/card/styles.js +22 -0
  144. package/core/surfaces/expansion-panel/styles.d.ts +1 -1
  145. package/core/surfaces/header/index.js +4 -4
  146. package/{experimental → core/surfaces}/panel/index.js +5 -5
  147. package/core/surfaces/panel/panel.stories.d.ts +6 -0
  148. package/core/surfaces/panel/styles.d.ts +28 -0
  149. package/core/surfaces/panel/styles.js +15 -0
  150. package/core/surfaces/paper/index.d.ts +1 -1
  151. package/core/surfaces/paper/index.js +4 -4
  152. package/core/surfaces/paper/paper.stories.d.ts +6 -8
  153. package/core/surfaces/step-card/index.js +2 -2
  154. package/core/surfaces/step-card/step-card-details.js +6 -5
  155. package/core/surfaces/step-card/step-card-panel.js +7 -6
  156. package/core/surfaces/step-card/step-card-skeleton.js +11 -11
  157. package/core/surfaces/step-card/styles.d.ts +14 -12
  158. package/core/surfaces/step-card/styles.js +2 -2
  159. package/index.d.ts +44 -49
  160. package/index.js +184 -136
  161. package/package.json +33 -39
  162. package/test/mocks/data-table-hidden-mock.js +49 -42
  163. package/test/mocks/data-table-mock.js +46 -41
  164. package/test/mocks/date-time-mock.js +7 -7
  165. package/test/mocks/pin-input-mock.js +5 -5
  166. package/test/mocks/radio-group-mock.js +1 -1
  167. package/test/mocks/select-mock.js +1 -1
  168. package/test/mocks/snackbar-mock.js +9 -8
  169. package/test/mocks/step-card-mock.js +1 -1
  170. package/test/mocks/text-field-mock.js +3 -3
  171. package/test/mocks/text-field-options-mock.js +3 -3
  172. package/test/util.js +0 -2
  173. package/theme/index.d.ts +1 -0
  174. package/theme/index.js +14 -1
  175. package/core/context/styles-provider/index.d.ts +0 -2
  176. package/core/context/styles-provider/index.js +0 -8
  177. package/core/data-display/editable-table/editable-table.spec.d.ts +0 -1
  178. package/core/data-display/editable-table/editable-table.stories.d.ts +0 -4
  179. package/core/data-display/editable-table/index.d.ts +0 -70
  180. package/core/data-display/editable-table/index.js +0 -274
  181. package/core/data-display/editable-table/styles.d.ts +0 -35
  182. package/core/data-display/editable-table/styles.js +0 -27
  183. package/core/data-display/node/index.d.ts +0 -7
  184. package/core/data-display/node/index.js +0 -41
  185. package/core/data-display/node/node.spec.d.ts +0 -1
  186. package/core/data-display/node/node.stories.d.ts +0 -3
  187. package/core/data-display/node/styles.d.ts +0 -17
  188. package/core/data-display/node/styles.js +0 -19
  189. package/core/data-display/tree/index.d.ts +0 -10
  190. package/core/data-display/tree/index.js +0 -40
  191. package/core/data-display/tree/tree.spec.d.ts +0 -1
  192. package/core/data-display/tree/tree.stories.d.ts +0 -3
  193. package/core/feedback/zoom/index.d.ts +0 -13
  194. package/core/feedback/zoom/zoom.spec.d.ts +0 -1
  195. package/core/feedback/zoom/zooms.stories.d.ts +0 -4
  196. package/core/inputs/auto-complete/auto-complete.spec.d.ts +0 -1
  197. package/core/inputs/auto-complete/auto-complete.stories.d.ts +0 -7
  198. package/core/inputs/auto-complete/index.d.ts +0 -43
  199. package/core/inputs/auto-complete/index.js +0 -185
  200. package/core/inputs/input-base/index.d.ts +0 -28
  201. package/core/inputs/input-base/index.js +0 -33
  202. package/core/inputs/input-base/input-base.spec.d.ts +0 -1
  203. package/core/inputs/input-base/input-base.stories.d.ts +0 -3
  204. package/core/navigation/breadcrumb/breadcrumb.spec.d.ts +0 -1
  205. package/core/navigation/breadcrumb/breadcrumb.stories.d.ts +0 -13
  206. package/core/navigation/breadcrumb/index.d.ts +0 -4
  207. package/core/navigation/breadcrumb/index.js +0 -13
  208. package/core/navigation/link/index.d.ts +0 -2
  209. package/core/navigation/link/index.js +0 -9
  210. package/core/navigation/pagination/index.d.ts +0 -11
  211. package/core/navigation/pagination/index.js +0 -62
  212. package/core/navigation/pagination/pagination.spec.d.ts +0 -1
  213. package/core/navigation/pagination/pagination.stories.d.ts +0 -3
  214. package/core/navigation/pagination/styles.d.ts +0 -2
  215. package/core/navigation/pagination/styles.js +0 -11
  216. package/core/surfaces/container/container.spec.d.ts +0 -1
  217. package/core/surfaces/container/container.stories.d.ts +0 -3
  218. package/core/surfaces/container/index.d.ts +0 -4
  219. package/core/surfaces/container/index.js +0 -28
  220. package/core/surfaces/content/content.spec.d.ts +0 -1
  221. package/core/surfaces/content/content.stories.d.ts +0 -3
  222. package/core/surfaces/content/index.d.ts +0 -4
  223. package/core/surfaces/content/index.js +0 -25
  224. package/core/surfaces/content/styles.d.ts +0 -3
  225. package/core/surfaces/content/styles.js +0 -15
  226. package/experimental/actions/actions.stories.d.ts +0 -3
  227. package/experimental/actions/index.js +0 -39
  228. package/experimental/auto-complete-lab/autocomplete-lab.stories.d.ts +0 -4
  229. package/experimental/auto-complete-lab/index.d.ts +0 -4
  230. package/experimental/auto-complete-lab/index.js +0 -80
  231. package/experimental/avatar/avatar.spec.d.ts +0 -1
  232. package/experimental/avatar/avatar.stories.d.ts +0 -5
  233. package/experimental/avatar/index.d.ts +0 -10
  234. package/experimental/avatar/index.js +0 -20
  235. package/experimental/breadcrumbs/breadcrumbs.stories.d.ts +0 -9
  236. package/experimental/breadcrumbs/styles.d.ts +0 -27
  237. package/experimental/breadcrumbs/styles.js +0 -20
  238. package/experimental/button/button.spec.d.ts +0 -1
  239. package/experimental/button/button.stories.d.ts +0 -3
  240. package/experimental/button/styles.d.ts +0 -2
  241. package/experimental/card/card.spec.d.ts +0 -1
  242. package/experimental/card/card.stories.d.ts +0 -6
  243. package/experimental/card/index.d.ts +0 -35
  244. package/experimental/card/index.js +0 -50
  245. package/experimental/card/styles.d.ts +0 -30
  246. package/experimental/card/styles.js +0 -20
  247. package/experimental/dialog/dialog.stories.d.ts +0 -5
  248. package/experimental/fab/fab-wrapper.d.ts +0 -11
  249. package/experimental/fab/fab-wrapper.js +0 -28
  250. package/experimental/fab/fab.stories.d.ts +0 -3
  251. package/experimental/fab/index.d.ts +0 -2
  252. package/experimental/fab/index.js +0 -20
  253. package/experimental/fab/styles.d.ts +0 -2
  254. package/experimental/index.d.ts +0 -13
  255. package/experimental/index.js +0 -130
  256. package/experimental/loading/loading.stories.d.ts +0 -5
  257. package/experimental/loading/styles.d.ts +0 -2
  258. package/experimental/nothing-found/nothing-found.stories.d.ts +0 -7
  259. package/experimental/nothing-found/styles.d.ts +0 -26
  260. package/experimental/panel/panel.stories.d.ts +0 -5
  261. package/experimental/panel/styles.d.ts +0 -28
  262. package/experimental/panel/styles.js +0 -14
  263. package/experimental/sidebar/index.d.ts +0 -20
  264. package/experimental/sidebar/index.js +0 -128
  265. package/experimental/sidebar/sidebar.spec.d.ts +0 -1
  266. package/experimental/sidebar/sidebar.stories.d.ts +0 -4
  267. package/experimental/sidebar/styles.d.ts +0 -6
  268. package/experimental/sidebar/styles.js +0 -20
  269. package/experimental/visibility-icon/index.d.ts +0 -8
  270. package/experimental/visibility-icon/styles.d.ts +0 -2
  271. package/experimental/visibility-icon/visibility-icon.spec.d.ts +0 -1
  272. package/experimental/visibility-icon/visibility-icon.stories.d.ts +0 -3
  273. package/icons/index.d.ts +0 -1
  274. package/icons/index.js +0 -16
  275. package/lib/images.d.ts +0 -1
  276. package/lib/images.js +0 -9
  277. package/lib/localization.d.ts +0 -31
  278. package/lib/localization.js +0 -42
  279. package/test/mocks/editable-table-date-mock.d.ts +0 -11
  280. package/test/mocks/editable-table-date-mock.js +0 -14
  281. package/test/mocks/editable-table-mock.d.ts +0 -17
  282. package/test/mocks/editable-table-mock.js +0 -22
  283. /package/{experimental → core/data-display}/actions/actions.spec.d.ts +0 -0
  284. /package/{experimental/fab → core/data-display/fab-v2}/fab.spec.d.ts +0 -0
  285. /package/core/{context/theme-provider/theme-provider.spec.d.ts → data-display/password-visibility/password-visibility.spec.d.ts} +0 -0
  286. /package/{experimental/dialog → core/feedback/dialog-v2}/confirm-dialog.js +0 -0
  287. /package/{experimental/dialog → core/feedback/dialog-v2}/dialog.spec.d.ts +0 -0
  288. /package/{experimental → core/feedback}/loading/loading.spec.d.ts +0 -0
  289. /package/{experimental → core/feedback}/loading/styles.js +0 -0
  290. /package/{experimental → core/feedback}/nothing-found/nothing-found.spec.d.ts +0 -0
  291. /package/{experimental → core/feedback}/skeleton/index.d.ts +0 -0
  292. /package/{experimental → core/feedback}/skeleton/skeleton.spec.d.ts +0 -0
  293. /package/{experimental → core/feedback}/skeleton/skeleton.stories.d.ts +0 -0
  294. /package/core/{data-display/editable-table/editable-table-with-date.spec.d.ts → inputs/add-button/add-button.spec.d.ts} +0 -0
  295. /package/{experimental → core/inputs}/auto-complete-lab/autocomplete-lab.spec.d.ts +0 -0
  296. /package/{experimental → core/navigation}/breadcrumbs/breadcrumbs.spec.d.ts +0 -0
  297. /package/{experimental → core/navigation}/breadcrumbs/index.d.ts +0 -0
  298. /package/{experimental → core/surfaces}/panel/index.d.ts +0 -0
  299. /package/{experimental → core/surfaces}/panel/panel.spec.d.ts +0 -0
  300. /package/{core/context/theme-provider/index.d.ts → theme/ThemeProvider.d.ts} +0 -0
  301. /package/{core/context/theme-provider/index.js → theme/ThemeProvider.js} +0 -0
@@ -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;
@@ -1,17 +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 IData {
7
- name: string;
8
- value: number;
9
- }
10
- interface IDate {
11
- date: Date;
12
- position: number;
13
- }
14
- declare const Default: ({ tableProps }: IProps<IData>) => React.JSX.Element;
15
- export declare const WithDate: ({ tableProps }: IProps<IDate>) => React.JSX.Element;
16
- export declare const WithDate2: ({ tableProps }: IProps<IDate>) => React.JSX.Element;
17
- export default Default;
@@ -1,22 +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.WithDate2 = exports.WithDate = 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 WithDate = exports.WithDate = function WithDate(_ref2) {
15
- var tableProps = _ref2.tableProps;
16
- return /*#__PURE__*/_react["default"].createElement(_editableTable["default"], tableProps);
17
- };
18
- var WithDate2 = exports.WithDate2 = function WithDate2(_ref3) {
19
- var tableProps = _ref3.tableProps;
20
- return /*#__PURE__*/_react["default"].createElement(_editableTable["default"], tableProps);
21
- };
22
- var _default = exports["default"] = Default;