flipper-ui 0.31.0 → 0.31.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/core/data-display/advertise/index.d.ts +1 -1
- package/core/data-display/advertise/index.js +6 -18
- package/core/data-display/advertise/styles.d.ts +27 -0
- package/core/data-display/advertise/styles.js +16 -0
- package/core/data-display/badge/index.d.ts +1 -1
- package/core/data-display/badge/index.js +2 -2
- package/core/data-display/chapter/index.d.ts +1 -1
- package/core/data-display/chapter/index.js +17 -26
- package/core/data-display/chapter/styles.d.ts +4 -0
- package/core/data-display/chapter/styles.js +16 -0
- package/core/data-display/chip/index.d.ts +1 -1
- package/core/data-display/chip/index.js +2 -2
- package/core/data-display/data-table/data-table-action.d.ts +1 -1
- package/core/data-display/data-table/data-table-field.d.ts +1 -1
- package/core/data-display/data-table/data-table-field.js +14 -12
- package/core/data-display/data-table/data-table-pagination-actions.js +6 -11
- package/core/data-display/data-table/data-table-query-paginated.js +1 -1
- package/core/data-display/data-table/data-table.js +1 -1
- package/core/data-display/data-table/index.d.ts +4 -4
- package/core/data-display/data-table/index.js +3 -3
- package/core/data-display/data-table/rows.js +10 -4
- package/core/data-display/data-table/styles.d.ts +8 -0
- package/core/data-display/data-table/styles.js +15 -0
- package/core/data-display/data-table/use-paginated.d.ts +2 -2
- package/core/data-display/data-table/use-paginated.js +4 -4
- package/core/data-display/data-table/use-rows-state.js +2 -0
- package/core/data-display/editable-table/index.d.ts +1 -3
- package/core/data-display/editable-table/index.js +34 -70
- package/core/data-display/editable-table/styles.d.ts +35 -0
- package/core/data-display/editable-table/styles.js +27 -0
- package/core/data-display/fab/index.d.ts +1 -1
- package/core/data-display/fab/index.js +2 -2
- package/core/data-display/list/index.d.ts +1 -1
- package/core/data-display/list/index.js +2 -2
- package/core/data-display/list-item/index.d.ts +1 -1
- package/core/data-display/menu-item/index.js +2 -6
- package/core/data-display/menu-item/styles.d.ts +4 -0
- package/core/data-display/menu-item/styles.js +12 -0
- package/core/data-display/node/index.d.ts +1 -1
- package/core/data-display/node/index.js +6 -25
- package/core/data-display/node/styles.d.ts +17 -0
- package/core/data-display/node/styles.js +19 -0
- package/core/data-display/table/index.d.ts +1 -1
- package/core/data-display/table/index.js +2 -2
- package/core/data-display/tree/index.d.ts +1 -2
- package/core/data-display/tree/index.js +5 -5
- package/core/data-display/typography/index.d.ts +1 -1
- package/core/data-display/typography/index.js +2 -2
- package/core/feedback/dialog/index.js +15 -13
- package/core/feedback/dialog/styles.d.ts +6 -0
- package/core/feedback/dialog/styles.js +15 -0
- package/core/feedback/grow/index.d.ts +1 -1
- package/core/feedback/grow/index.js +2 -2
- package/core/feedback/progress/index.d.ts +1 -1
- package/core/feedback/progress/index.js +2 -2
- package/core/feedback/slide/index.d.ts +1 -1
- package/core/feedback/slide/index.js +2 -2
- package/core/feedback/snackbar/index.d.ts +1 -1
- package/core/feedback/snackbar/index.js +2 -2
- package/core/feedback/tooltip/index.d.ts +1 -1
- package/core/feedback/tooltip/index.js +2 -2
- package/core/feedback/validation-dialog/index.js +8 -15
- package/core/feedback/validation-dialog/styles.d.ts +28 -0
- package/core/feedback/validation-dialog/styles.js +15 -0
- package/core/inputs/auto-complete/index.js +7 -9
- package/core/inputs/button/index.d.ts +1 -1
- package/core/inputs/button/index.js +2 -2
- package/core/inputs/checkbox/index.d.ts +1 -1
- package/core/inputs/checkbox/index.js +5 -8
- package/core/inputs/checkbox/styles.d.ts +6 -0
- package/core/inputs/checkbox/styles.js +15 -0
- package/core/inputs/chip-field/index.d.ts +1 -1
- package/core/inputs/chip-field/index.js +4 -8
- package/core/inputs/chip-field/styles.d.ts +2 -0
- package/core/inputs/chip-field/styles.js +12 -0
- package/core/inputs/date-time/index.js +1 -1
- package/core/inputs/icon-button/index.d.ts +1 -1
- package/core/inputs/icon-button/index.js +2 -2
- package/core/inputs/input-adornment/index.d.ts +1 -1
- package/core/inputs/input-adornment/index.js +2 -2
- package/core/inputs/input-base/index.d.ts +1 -1
- package/core/inputs/input-base/index.js +2 -2
- package/core/inputs/mask-field/index.d.ts +1 -1
- package/core/inputs/mask-field/index.js +2 -2
- package/core/inputs/pin-input/index.js +6 -6
- package/core/inputs/pin-input/styles.d.ts +4 -0
- package/core/inputs/pin-input/styles.js +13 -0
- package/core/inputs/radio/index.d.ts +1 -1
- package/core/inputs/radio/index.js +2 -2
- package/core/inputs/radio-group/index.d.ts +1 -1
- package/core/inputs/radio-group/index.js +2 -2
- package/core/inputs/select/index.d.ts +1 -1
- package/core/inputs/select/index.js +2 -2
- package/core/inputs/slider/index.d.ts +1 -1
- package/core/inputs/slider/index.js +2 -2
- package/core/inputs/text-field/index.d.ts +4 -5
- package/core/inputs/text-field/index.js +15 -17
- package/core/inputs/text-field/styles.d.ts +6 -0
- package/core/inputs/text-field/styles.js +17 -0
- package/core/inputs/text-field/text-field.stories.d.ts +1 -0
- package/core/navigation/breadcrumb/index.d.ts +1 -1
- package/core/navigation/breadcrumb/index.js +2 -2
- package/core/navigation/menu/index.d.ts +1 -1
- package/core/navigation/menu/index.js +2 -2
- package/core/navigation/pagination/index.d.ts +1 -1
- package/core/navigation/pagination/index.js +8 -11
- package/core/navigation/pagination/styles.d.ts +2 -0
- package/core/navigation/pagination/styles.js +11 -0
- package/core/navigation/sidebar/index.d.ts +1 -1
- package/core/navigation/sidebar/index.js +6 -11
- package/core/navigation/sidebar/styles.d.ts +7 -0
- package/core/navigation/sidebar/styles.js +13 -0
- package/core/navigation/stepper/index.d.ts +1 -1
- package/core/navigation/stepper/index.js +2 -2
- package/core/navigation/tabs/index.d.ts +1 -1
- package/core/navigation/tabs/index.js +2 -2
- package/core/surfaces/box/index.d.ts +1 -1
- package/core/surfaces/box/index.js +2 -2
- package/core/surfaces/container/index.d.ts +1 -1
- package/core/surfaces/container/index.js +2 -2
- package/core/surfaces/content/index.d.ts +1 -1
- package/core/surfaces/content/index.js +5 -12
- package/core/surfaces/content/styles.d.ts +3 -0
- package/core/surfaces/content/styles.js +15 -0
- package/core/surfaces/expansion-panel/index.d.ts +1 -1
- package/core/surfaces/expansion-panel/index.js +4 -7
- package/core/surfaces/expansion-panel/styles.d.ts +2 -0
- package/core/surfaces/expansion-panel/styles.js +11 -0
- package/core/surfaces/header/index.d.ts +1 -1
- package/core/surfaces/header/index.js +2 -2
- package/core/surfaces/step-card/index.d.ts +2 -2
- package/core/surfaces/step-card/index.js +2 -2
- package/core/surfaces/step-card/step-card-details.js +42 -40
- package/core/surfaces/step-card/step-card-panel.js +66 -94
- package/core/surfaces/step-card/step-card-skeleton.js +33 -27
- package/core/surfaces/step-card/styles.js +2 -1
- package/experimental/avatar/index.d.ts +2 -2
- package/experimental/avatar/index.js +2 -2
- package/experimental/breadcrumbs/index.d.ts +2 -2
- package/experimental/breadcrumbs/index.js +7 -18
- package/experimental/breadcrumbs/styles.d.ts +27 -0
- package/experimental/breadcrumbs/styles.js +20 -0
- package/experimental/button/index.js +2 -6
- package/experimental/button/styles.d.ts +2 -0
- package/experimental/button/styles.js +12 -0
- package/experimental/card/index.d.ts +1 -27
- package/experimental/card/index.js +8 -20
- package/experimental/card/styles.d.ts +30 -0
- package/experimental/card/styles.js +20 -0
- package/experimental/dialog/confirm-dialog.js +2 -2
- package/experimental/dialog/dialog.d.ts +1 -1
- package/experimental/dialog/dialog.js +2 -2
- package/experimental/dialog/dialog.stories.d.ts +2 -2
- package/experimental/dialog/remove-dialog.js +2 -2
- package/experimental/fab/fab-wrapper.d.ts +1 -1
- package/experimental/fab/fab-wrapper.js +2 -5
- package/experimental/fab/fab.d.ts +1 -1
- package/experimental/fab/fab.js +2 -2
- package/experimental/fab/styles.d.ts +2 -0
- package/experimental/fab/styles.js +11 -0
- package/experimental/index.d.ts +4 -4
- package/experimental/index.js +9 -9
- package/experimental/loading/index.js +2 -6
- package/experimental/loading/styles.d.ts +2 -0
- package/experimental/loading/styles.js +11 -0
- package/experimental/nothing-found/index.js +5 -8
- package/experimental/nothing-found/styles.d.ts +26 -0
- package/experimental/nothing-found/styles.js +12 -0
- package/experimental/panel/index.d.ts +1 -1
- package/experimental/panel/index.js +5 -11
- package/experimental/panel/styles.d.ts +28 -0
- package/experimental/panel/styles.js +14 -0
- package/experimental/sidebar/index.d.ts +1 -1
- package/experimental/sidebar/index.js +11 -22
- package/experimental/sidebar/styles.d.ts +6 -0
- package/experimental/sidebar/styles.js +20 -0
- package/experimental/skeleton/index.d.ts +1 -1
- package/experimental/skeleton/index.js +2 -2
- package/experimental/visibility-icon/index.d.ts +1 -1
- package/experimental/visibility-icon/index.js +4 -8
- package/experimental/visibility-icon/styles.d.ts +2 -0
- package/experimental/visibility-icon/styles.js +12 -0
- package/index.d.ts +1 -0
- package/index.js +7 -0
- package/lib/localization.js +1 -1
- package/package.json +26 -27
- package/test/mocks/data-table-hidden-mock.js +4 -4
- package/test/mocks/data-table-mock.js +4 -4
- package/test/mocks/editable-table-date-mock.js +3 -2
- package/test/mocks/editable-table-mock.js +5 -4
- package/test/mocks/radio-group-mock.js +2 -2
- package/test/mocks/select-mock.js +2 -2
- package/test/mocks/snackbar-mock.js +18 -13
- package/test/mocks/step-card-mock.js +2 -2
- package/test/mocks/text-field-mock.d.ts +2 -1
- package/test/mocks/text-field-mock.js +8 -3
- /package/core/data-display/editable-table/{editTable.stories.d.ts → editable-table.stories.d.ts} +0 -0
|
@@ -10,7 +10,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
|
|
|
10
10
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
11
11
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
12
12
|
var React = _interopRequireWildcard(require("react"));
|
|
13
|
-
var _stepCard = require("../../core/surfaces/step-card");
|
|
13
|
+
var _stepCard = _interopRequireDefault(require("../../core/surfaces/step-card"));
|
|
14
14
|
var _excluded = ["percentage", "summary", "title"];
|
|
15
15
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
16
16
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
@@ -29,7 +29,7 @@ var Default = function Default(_ref) {
|
|
|
29
29
|
setTimeout(function () {
|
|
30
30
|
setLoading(false);
|
|
31
31
|
}, 1500);
|
|
32
|
-
return /*#__PURE__*/React.createElement(_stepCard
|
|
32
|
+
return /*#__PURE__*/React.createElement(_stepCard["default"], (0, _extends2["default"])({
|
|
33
33
|
percentage: percentage || 0,
|
|
34
34
|
summary: summary || '',
|
|
35
35
|
title: title || '',
|
|
@@ -3,6 +3,7 @@ import type { TextFieldProps } from '@/core/inputs/text-field';
|
|
|
3
3
|
interface IProps {
|
|
4
4
|
initialOption?: string;
|
|
5
5
|
inputProps?: TextFieldProps;
|
|
6
|
+
characters?: boolean;
|
|
6
7
|
}
|
|
7
|
-
declare const Default: ({ inputProps, initialOption }: IProps) => React.JSX.Element;
|
|
8
|
+
declare const Default: ({ inputProps, initialOption, characters }: IProps) => React.JSX.Element;
|
|
8
9
|
export default Default;
|
|
@@ -30,8 +30,10 @@ var LIST = [{
|
|
|
30
30
|
value: 'fable'
|
|
31
31
|
}];
|
|
32
32
|
var Default = function Default(_ref) {
|
|
33
|
+
var _inputProps$inputProp;
|
|
33
34
|
var inputProps = _ref.inputProps,
|
|
34
|
-
initialOption = _ref.initialOption
|
|
35
|
+
initialOption = _ref.initialOption,
|
|
36
|
+
characters = _ref.characters;
|
|
35
37
|
var _React$useState = React.useState(initialOption ? initialOption : ''),
|
|
36
38
|
_React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
|
|
37
39
|
value = _React$useState2[0],
|
|
@@ -42,8 +44,9 @@ var Default = function Default(_ref) {
|
|
|
42
44
|
var handleClear = function handleClear() {
|
|
43
45
|
setValue('');
|
|
44
46
|
};
|
|
45
|
-
return /*#__PURE__*/React.createElement(_textField.TextField, (0, _extends2["default"])({
|
|
47
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_textField.TextField, (0, _extends2["default"])({
|
|
46
48
|
value: value,
|
|
49
|
+
characters: characters,
|
|
47
50
|
onChange: handleChange,
|
|
48
51
|
onClear: handleClear
|
|
49
52
|
}, inputProps), inputProps !== null && inputProps !== void 0 && inputProps.select ? LIST.map(function (_ref2) {
|
|
@@ -53,6 +56,8 @@ var Default = function Default(_ref) {
|
|
|
53
56
|
key: value,
|
|
54
57
|
value: value
|
|
55
58
|
}, label);
|
|
56
|
-
}) : undefined)
|
|
59
|
+
}) : undefined), characters && /*#__PURE__*/React.createElement("span", {
|
|
60
|
+
"data-testid": "characters-counter"
|
|
61
|
+
}, value.toString().length, "/", inputProps === null || inputProps === void 0 || (_inputProps$inputProp = inputProps.inputProps) === null || _inputProps$inputProp === void 0 ? void 0 : _inputProps$inputProp.maxLength));
|
|
57
62
|
};
|
|
58
63
|
var _default = exports["default"] = Default;
|
/package/core/data-display/editable-table/{editTable.stories.d.ts → editable-table.stories.d.ts}
RENAMED
|
File without changes
|