flipper-ui 0.30.0 → 0.30.2
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/colors.js +12 -24
- package/core/context/styles-provider/index.js +1 -2
- package/core/context/theme-provider/index.d.ts +2 -2
- package/core/context/theme-provider/index.js +2 -3
- package/core/data-display/advertise/index.d.ts +1 -1
- package/core/data-display/advertise/index.js +3 -4
- package/core/data-display/avatar/index.d.ts +1 -1
- package/core/data-display/avatar/index.js +2 -4
- package/core/data-display/badge/index.d.ts +1 -1
- package/core/data-display/badge/index.js +4 -6
- package/core/data-display/chapter/index.d.ts +1 -1
- package/core/data-display/chapter/index.js +5 -7
- package/core/data-display/chip/index.d.ts +2 -1
- package/core/data-display/chip/index.js +4 -6
- package/core/data-display/data-table/data-table-action.d.ts +2 -2
- package/core/data-display/data-table/data-table-action.js +2 -3
- package/core/data-display/data-table/data-table-pagination-actions.d.ts +2 -2
- package/core/data-display/data-table/data-table-pagination-actions.js +7 -8
- package/core/data-display/data-table/data-table-query-paginated.d.ts +1 -1
- package/core/data-display/data-table/data-table-query-paginated.js +8 -10
- package/core/data-display/data-table/data-table-query-paginated.stories.d.ts +5 -4
- package/core/data-display/data-table/data-table.d.ts +1 -1
- package/core/data-display/data-table/data-table.js +8 -10
- package/core/data-display/data-table/data-table.stories.d.ts +7 -6
- package/core/data-display/data-table/rows.d.ts +3 -2
- package/core/data-display/data-table/rows.js +13 -14
- package/core/data-display/data-table/types.js +2 -3
- package/core/data-display/data-table/use-paginated.js +7 -7
- package/core/data-display/data-table/use-rows-state.js +5 -6
- package/core/data-display/divider/divider.stories.d.ts +4 -3
- package/core/data-display/divider/index.d.ts +2 -1
- package/core/data-display/divider/index.js +4 -6
- package/core/data-display/editable-table/index.d.ts +1 -1
- package/core/data-display/editable-table/index.js +10 -12
- package/core/data-display/fab/index.d.ts +1 -1
- package/core/data-display/fab/index.js +4 -6
- package/core/data-display/line/index.d.ts +2 -1
- package/core/data-display/line/index.js +4 -6
- package/core/data-display/list/index.d.ts +2 -1
- package/core/data-display/list/index.js +4 -6
- package/core/data-display/list-item/index.d.ts +2 -2
- package/core/data-display/list-item/index.js +5 -6
- package/core/data-display/node/index.d.ts +2 -1
- package/core/data-display/node/index.js +2 -4
- package/core/data-display/table/index.d.ts +2 -1
- package/core/data-display/table/index.js +4 -6
- package/core/data-display/table/table-body.d.ts +2 -1
- package/core/data-display/table/table-body.js +3 -4
- package/core/data-display/table/table-cell.d.ts +2 -1
- package/core/data-display/table/table-cell.js +5 -6
- package/core/data-display/table/table-head.js +6 -8
- package/core/data-display/table/table-row.d.ts +2 -2
- package/core/data-display/table/table-row.js +3 -4
- package/core/data-display/table/table.stories.d.ts +2 -2
- package/core/data-display/tree/index.d.ts +1 -0
- package/core/data-display/tree/index.js +2 -4
- package/core/data-display/typography/index.d.ts +2 -1
- package/core/data-display/typography/index.js +4 -6
- package/core/data-display/typography/typography.stories.d.ts +2 -2
- package/core/feedback/collapse/collapse.stories.d.ts +2 -1
- package/core/feedback/collapse/index.d.ts +1 -1
- package/core/feedback/collapse/index.js +4 -6
- package/core/feedback/dialog/dialog.stories.d.ts +5 -4
- package/core/feedback/dialog/index.d.ts +4 -4
- package/core/feedback/dialog/index.js +4 -6
- package/core/feedback/fade/fade.stories.d.ts +2 -1
- package/core/feedback/fade/index.d.ts +1 -1
- package/core/feedback/fade/index.js +4 -6
- package/core/feedback/grow/grow.stories.d.ts +2 -1
- package/core/feedback/grow/index.d.ts +1 -1
- package/core/feedback/grow/index.js +4 -6
- package/core/feedback/progress/index.d.ts +2 -1
- package/core/feedback/progress/index.js +4 -6
- package/core/feedback/slide/index.d.ts +1 -1
- package/core/feedback/slide/index.js +4 -6
- package/core/feedback/snackbar/index.d.ts +2 -2
- package/core/feedback/snackbar/index.js +4 -6
- package/core/feedback/tooltip/index.d.ts +1 -1
- package/core/feedback/tooltip/index.js +4 -6
- package/core/feedback/tooltip/tooltip.stories.d.ts +2 -1
- package/core/feedback/zoom/index.d.ts +1 -1
- package/core/feedback/zoom/index.js +4 -6
- package/core/feedback/zoom/zooms.stories.d.ts +2 -1
- package/core/inputs/auto-complete/auto-complete.stories.d.ts +5 -4
- package/core/inputs/auto-complete/index.d.ts +1 -1
- package/core/inputs/auto-complete/index.js +8 -10
- package/core/inputs/button/index.d.ts +1 -1
- package/core/inputs/button/index.js +4 -6
- package/core/inputs/checkbox/checkbox.stories.d.ts +2 -1
- package/core/inputs/checkbox/index.d.ts +1 -1
- package/core/inputs/checkbox/index.js +4 -6
- package/core/inputs/chip-field/index.d.ts +1 -1
- package/core/inputs/chip-field/index.js +4 -6
- package/core/inputs/date-time/date-time.stories.d.ts +1 -1
- package/core/inputs/date-time/index.d.ts +1 -1
- package/core/inputs/date-time/index.js +4 -6
- package/core/inputs/icon-button/index.d.ts +2 -2
- package/core/inputs/icon-button/index.js +4 -6
- package/core/inputs/input-adornment/index.d.ts +2 -1
- package/core/inputs/input-adornment/index.js +2 -4
- package/core/inputs/input-base/index.d.ts +2 -2
- package/core/inputs/input-base/index.js +4 -6
- package/core/inputs/mask-field/index.d.ts +10 -6
- package/core/inputs/mask-field/index.js +9 -8
- package/core/inputs/mask-field/mask-field.stories.d.ts +2 -1
- package/core/inputs/pin-input/index.d.ts +1 -1
- package/core/inputs/pin-input/index.js +6 -8
- package/core/inputs/pin-input/pin-input.stories.d.ts +3 -2
- package/core/inputs/radio/index.d.ts +2 -2
- package/core/inputs/radio/index.js +4 -6
- package/core/inputs/radio-group/index.d.ts +2 -2
- package/core/inputs/radio-group/index.js +4 -6
- package/core/inputs/radio-group/radio-group.stories.d.ts +2 -1
- package/core/inputs/select/index.d.ts +1 -1
- package/core/inputs/select/index.js +4 -6
- package/core/inputs/select/select.stories.d.ts +3 -2
- package/core/inputs/slider/index.d.ts +2 -1
- package/core/inputs/slider/index.js +4 -6
- package/core/inputs/slider/slider.stories.d.ts +2 -1
- package/core/inputs/text-field/index.d.ts +549 -7
- package/core/inputs/text-field/index.js +26 -32
- package/core/inputs/text-field/text-field.stories.d.ts +5 -4
- package/core/navigation/breadcrumb/breadcrumb.stories.d.ts +2 -2
- package/core/navigation/breadcrumb/index.d.ts +2 -1
- package/core/navigation/breadcrumb/index.js +4 -6
- package/core/navigation/drawer/drawer.stories.d.ts +2 -1
- package/core/navigation/drawer/index.d.ts +2 -1
- package/core/navigation/drawer/index.js +4 -6
- package/core/navigation/link/index.js +1 -2
- package/core/navigation/menu/index.d.ts +2 -1
- package/core/navigation/menu/index.js +4 -6
- package/core/navigation/pagination/index.d.ts +2 -1
- package/core/navigation/pagination/index.js +4 -6
- package/core/navigation/sidebar/index.d.ts +2 -1
- package/core/navigation/sidebar/index.js +4 -6
- package/core/navigation/stepper/index.d.ts +2 -1
- package/core/navigation/stepper/index.js +4 -6
- package/core/navigation/tab/index.d.ts +2 -1
- package/core/navigation/tab/index.js +3 -4
- package/core/navigation/tabs/index.d.ts +2 -2
- package/core/navigation/tabs/index.js +4 -6
- package/core/surfaces/box/index.d.ts +1 -1
- package/core/surfaces/box/index.js +4 -6
- package/core/surfaces/card/card.stories.d.ts +2 -1
- package/core/surfaces/card/index.d.ts +7 -6
- package/core/surfaces/card/index.js +9 -16
- package/core/surfaces/container/index.d.ts +2 -1
- package/core/surfaces/container/index.js +2 -4
- package/core/surfaces/content/index.d.ts +2 -1
- package/core/surfaces/content/index.js +2 -4
- package/core/surfaces/expansion-panel/index.d.ts +1 -1
- package/core/surfaces/expansion-panel/index.js +4 -6
- package/core/surfaces/header/index.d.ts +2 -1
- package/core/surfaces/header/index.js +4 -6
- package/core/surfaces/paper/index.d.ts +2 -1
- package/core/surfaces/paper/index.js +4 -6
- package/core/surfaces/paper/paper.stories.d.ts +2 -1
- package/core/surfaces/step-card/index.d.ts +1 -1
- package/core/surfaces/step-card/index.js +8 -4
- package/core/surfaces/step-card/step-card-details.d.ts +2 -1
- package/core/surfaces/step-card/step-card-details.js +2 -3
- package/core/surfaces/step-card/step-card-panel.d.ts +1 -1
- package/core/surfaces/step-card/step-card-panel.js +2 -3
- package/core/surfaces/step-card/step-card-skeleton.d.ts +1 -1
- package/core/surfaces/step-card/step-card-skeleton.js +1 -2
- package/core/surfaces/step-card/styles.d.ts +823 -8
- package/core/surfaces/step-card/styles.js +8 -16
- package/experimental/actions/index.d.ts +3 -2
- package/experimental/actions/index.js +3 -6
- package/experimental/auto-complete-lab/auto-complete-lab.stories.d.ts +2 -1
- package/experimental/auto-complete-lab/index.js +6 -8
- package/experimental/avatar/index.d.ts +2 -2
- package/experimental/avatar/index.js +2 -4
- package/experimental/breadcrumbs/index.d.ts +2 -2
- package/experimental/breadcrumbs/index.js +2 -4
- package/experimental/button/index.d.ts +2 -1
- package/experimental/button/index.js +2 -4
- package/experimental/card/index.d.ts +559 -5
- package/experimental/card/index.js +4 -8
- package/experimental/dialog/confirm-dialog.d.ts +2 -1
- package/experimental/dialog/confirm-dialog.js +1 -2
- package/experimental/dialog/dialog.d.ts +2 -2
- package/experimental/dialog/dialog.js +2 -4
- package/experimental/dialog/remove-dialog.d.ts +2 -1
- package/experimental/dialog/remove-dialog.js +1 -2
- package/experimental/fab/fab-wrapper.d.ts +2 -2
- package/experimental/fab/fab-wrapper.js +3 -4
- package/experimental/fab/fab.d.ts +2 -1
- package/experimental/fab/fab.js +6 -8
- package/experimental/index.js +2 -2
- package/experimental/loading/index.d.ts +2 -1
- package/experimental/loading/index.js +4 -6
- package/experimental/loading/loading.spec.d.ts +4 -3
- package/experimental/nothing-found/index.d.ts +2 -1
- package/experimental/nothing-found/index.js +2 -4
- package/experimental/panel/index.d.ts +1 -1
- package/experimental/panel/index.js +4 -6
- package/experimental/sidebar/index.d.ts +1 -1
- package/experimental/sidebar/index.js +4 -6
- package/experimental/skeleton/index.d.ts +2 -1
- package/experimental/skeleton/index.js +2 -4
- package/experimental/visibility-icon/index.d.ts +2 -1
- package/experimental/visibility-icon/index.js +2 -4
- package/index.js +2 -2
- package/lib/images.js +1 -2
- package/lib/localization.js +2 -3
- package/package.json +56 -55
- package/test/mocks/data-table-hidden-mock.d.ts +2 -1
- package/test/mocks/data-table-hidden-mock.js +13 -14
- package/test/mocks/data-table-mock.d.ts +2 -1
- package/test/mocks/data-table-mock.js +12 -13
- package/test/mocks/date-time-mock.d.ts +2 -1
- package/test/mocks/date-time-mock.js +3 -4
- package/test/mocks/editable-table-date-mock.d.ts +2 -1
- package/test/mocks/editable-table-date-mock.js +3 -4
- package/test/mocks/editable-table-mock.d.ts +4 -3
- package/test/mocks/editable-table-mock.js +5 -8
- package/test/mocks/pin-input-mock.d.ts +2 -1
- package/test/mocks/pin-input-mock.js +3 -4
- package/test/mocks/radio-group-mock.d.ts +2 -1
- package/test/mocks/radio-group-mock.js +3 -4
- package/test/mocks/select-mock.d.ts +2 -1
- package/test/mocks/select-mock.js +3 -4
- package/test/mocks/snackbar-mock.d.ts +2 -1
- package/test/mocks/snackbar-mock.js +3 -4
- package/test/mocks/step-card-mock.d.ts +2 -1
- package/test/mocks/step-card-mock.js +3 -4
- package/test/mocks/text-field-mock.d.ts +2 -1
- package/test/mocks/text-field-mock.js +3 -4
- package/test/mocks/text-field-options-mock.d.ts +2 -1
- package/test/mocks/text-field-options-mock.js +3 -4
|
@@ -11,9 +11,9 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
|
|
|
11
11
|
var _Zoom = _interopRequireDefault(require("@material-ui/core/Zoom"));
|
|
12
12
|
var _react = _interopRequireDefault(require("react"));
|
|
13
13
|
var _excluded = ["children", "padding", "margin", "style"];
|
|
14
|
-
function ownKeys(
|
|
15
|
-
function _objectSpread(
|
|
16
|
-
var Zoom = function Zoom(_ref) {
|
|
14
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
15
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
16
|
+
var Zoom = exports.Zoom = function Zoom(_ref) {
|
|
17
17
|
var children = _ref.children,
|
|
18
18
|
padding = _ref.padding,
|
|
19
19
|
margin = _ref.margin,
|
|
@@ -27,6 +27,4 @@ var Zoom = function Zoom(_ref) {
|
|
|
27
27
|
}, style)
|
|
28
28
|
}, otherProps), children);
|
|
29
29
|
};
|
|
30
|
-
exports
|
|
31
|
-
var _default = Zoom;
|
|
32
|
-
exports["default"] = _default;
|
|
30
|
+
var _default = exports["default"] = Zoom;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import(".").ZoomProps>;
|
|
2
3
|
export default _default;
|
|
3
|
-
export declare const Default: () => JSX.Element;
|
|
4
|
+
export declare const Default: () => React.JSX.Element;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import(".").AutoCompleteProps>;
|
|
2
3
|
export default _default;
|
|
3
|
-
export declare const Default: () => JSX.Element;
|
|
4
|
-
export declare const OpeningWhenFocused: () => JSX.Element;
|
|
5
|
-
export declare const WithSubheader: () => JSX.Element;
|
|
6
|
-
export declare const MockAtuoComplete: () => JSX.Element;
|
|
4
|
+
export declare const Default: () => React.JSX.Element;
|
|
5
|
+
export declare const OpeningWhenFocused: () => React.JSX.Element;
|
|
6
|
+
export declare const WithSubheader: () => React.JSX.Element;
|
|
7
|
+
export declare const MockAtuoComplete: () => React.JSX.Element;
|
|
@@ -38,5 +38,5 @@ export interface ISelected {
|
|
|
38
38
|
subheader?: boolean;
|
|
39
39
|
}
|
|
40
40
|
export type TSelected = ISelected | string;
|
|
41
|
-
export declare const AutoComplete: (props: AutoCompleteProps) => JSX.Element;
|
|
41
|
+
export declare const AutoComplete: (props: AutoCompleteProps) => React.JSX.Element;
|
|
42
42
|
export default AutoComplete;
|
|
@@ -12,14 +12,14 @@ var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
|
|
|
12
12
|
var _react = _interopRequireWildcard(require("react"));
|
|
13
13
|
var _paper = _interopRequireDefault(require("../../surfaces/paper"));
|
|
14
14
|
var _fade = _interopRequireDefault(require("../../feedback/fade"));
|
|
15
|
-
function _getRequireWildcardCache(
|
|
16
|
-
function _interopRequireWildcard(
|
|
17
|
-
function ownKeys(
|
|
18
|
-
function _objectSpread(
|
|
15
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
16
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof3(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && 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; }
|
|
17
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
18
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
19
19
|
var removeAccents = function removeAccents(text) {
|
|
20
20
|
return text.normalize('NFD').replace(/[\u0300-\u036f]/g, '');
|
|
21
21
|
};
|
|
22
|
-
var AutoComplete = function AutoComplete(props) {
|
|
22
|
+
var AutoComplete = exports.AutoComplete = function AutoComplete(props) {
|
|
23
23
|
var inputRef = (0, _react.useRef)(null);
|
|
24
24
|
var index = props.suggestions.findIndex(function (suggestion) {
|
|
25
25
|
if (props.value && (0, _typeof2["default"])(props.value) === 'object') {
|
|
@@ -88,8 +88,8 @@ var AutoComplete = function AutoComplete(props) {
|
|
|
88
88
|
var getPaperPosition = function getPaperPosition() {
|
|
89
89
|
if (inputRef.current !== null) {
|
|
90
90
|
var height = props.maxHeight || getSuggestions().length * 48;
|
|
91
|
-
var _inputRef$current$
|
|
92
|
-
top = _inputRef$current$
|
|
91
|
+
var _inputRef$current$get = inputRef.current.getBoundingClientRect(),
|
|
92
|
+
top = _inputRef$current$get.top;
|
|
93
93
|
if (top + height > window.innerHeight) {
|
|
94
94
|
return 'above';
|
|
95
95
|
}
|
|
@@ -184,6 +184,4 @@ var AutoComplete = function AutoComplete(props) {
|
|
|
184
184
|
onKeyDown: handleNavigate
|
|
185
185
|
}), open && renderPaper());
|
|
186
186
|
};
|
|
187
|
-
exports
|
|
188
|
-
var _default = AutoComplete;
|
|
189
|
-
exports["default"] = _default;
|
|
187
|
+
var _default = exports["default"] = AutoComplete;
|
|
@@ -15,5 +15,5 @@ export interface ButtonProps extends DefaultProps {
|
|
|
15
15
|
'data-testid'?: string;
|
|
16
16
|
onClick?(event: MouseEvent<HTMLButtonElement>): void;
|
|
17
17
|
}
|
|
18
|
-
export declare const Button: ({ children, margin, padding, style, variant, ...otherProps }: ButtonProps) => JSX.Element;
|
|
18
|
+
export declare const Button: ({ children, margin, padding, style, variant, ...otherProps }: ButtonProps) => React.JSX.Element;
|
|
19
19
|
export default Button;
|
|
@@ -11,9 +11,9 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
|
|
|
11
11
|
var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
|
|
12
12
|
var _react = _interopRequireDefault(require("react"));
|
|
13
13
|
var _excluded = ["children", "margin", "padding", "style", "variant"];
|
|
14
|
-
function ownKeys(
|
|
15
|
-
function _objectSpread(
|
|
16
|
-
var Button = function Button(_ref) {
|
|
14
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
15
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
16
|
+
var Button = exports.Button = function Button(_ref) {
|
|
17
17
|
var children = _ref.children,
|
|
18
18
|
margin = _ref.margin,
|
|
19
19
|
padding = _ref.padding,
|
|
@@ -31,6 +31,4 @@ var Button = function Button(_ref) {
|
|
|
31
31
|
})
|
|
32
32
|
}), children);
|
|
33
33
|
};
|
|
34
|
-
exports
|
|
35
|
-
var _default = Button;
|
|
36
|
-
exports["default"] = _default;
|
|
34
|
+
var _default = exports["default"] = Button;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import(".").CheckboxProps>;
|
|
2
3
|
export default _default;
|
|
3
|
-
export declare const Default: () => JSX.Element;
|
|
4
|
+
export declare const Default: () => React.JSX.Element;
|
|
4
5
|
export declare const WithHelper: any;
|
|
5
6
|
export declare const Primary: any;
|
|
6
7
|
export declare const WithoutLabel: any;
|
|
@@ -15,5 +15,5 @@ export interface CheckboxProps extends DefaultProps {
|
|
|
15
15
|
onChange?: (event: ChangeEvent<HTMLElement>) => void;
|
|
16
16
|
checkboxProps?: MuiCheckboxProps;
|
|
17
17
|
}
|
|
18
|
-
export declare const Checkbox: (props: CheckboxProps) => JSX.Element;
|
|
18
|
+
export declare const Checkbox: (props: CheckboxProps) => React.JSX.Element;
|
|
19
19
|
export default Checkbox;
|
|
@@ -13,13 +13,13 @@ var _Switch = _interopRequireDefault(require("@material-ui/core/Switch"));
|
|
|
13
13
|
var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
|
|
14
14
|
var _react = _interopRequireDefault(require("react"));
|
|
15
15
|
var _textField = require("../text-field");
|
|
16
|
-
function ownKeys(
|
|
17
|
-
function _objectSpread(
|
|
16
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
17
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
18
18
|
var DENSE = {
|
|
19
19
|
padding: '2px',
|
|
20
20
|
margin: '0px 7px'
|
|
21
21
|
};
|
|
22
|
-
var Checkbox = function Checkbox(props) {
|
|
22
|
+
var Checkbox = exports.Checkbox = function Checkbox(props) {
|
|
23
23
|
var _props$type = props.type,
|
|
24
24
|
type = _props$type === void 0 ? 'checkbox' : _props$type,
|
|
25
25
|
margin = props.margin,
|
|
@@ -74,6 +74,4 @@ var Checkbox = function Checkbox(props) {
|
|
|
74
74
|
control: renderControl(checkboxProps)
|
|
75
75
|
}) : renderControl(checkboxProps), renderHelper);
|
|
76
76
|
};
|
|
77
|
-
exports
|
|
78
|
-
var _default = Checkbox;
|
|
79
|
-
exports["default"] = _default;
|
|
77
|
+
var _default = exports["default"] = Checkbox;
|
|
@@ -20,5 +20,5 @@ export interface ChipFieldProps<T extends TChipValues> {
|
|
|
20
20
|
export type TChipValues = {
|
|
21
21
|
value: string | number;
|
|
22
22
|
};
|
|
23
|
-
export declare const ChipField: <T extends TChipValues>(props: ChipFieldProps<T>) => JSX.Element;
|
|
23
|
+
export declare const ChipField: <T extends TChipValues>(props: ChipFieldProps<T>) => React.JSX.Element;
|
|
24
24
|
export default ChipField;
|
|
@@ -12,10 +12,10 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
12
12
|
var _materialUiChipInput = _interopRequireDefault(require("material-ui-chip-input"));
|
|
13
13
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
14
14
|
var _templateObject;
|
|
15
|
-
function _getRequireWildcardCache(
|
|
16
|
-
function _interopRequireWildcard(
|
|
15
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
16
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _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; }
|
|
17
17
|
var StyledChipInput = (0, _styledComponents["default"])(_materialUiChipInput["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n & > div > div {\n padding: 0px !important;\n }\n & > div > div > div {\n margin: 2px;\n }\n & > label {\n top: -6px !important;\n font-size: 14px !important;\n }\n & > label.MuiInputLabel-shrink {\n top: 0px !important;\n }\n & > div > div > input {\n padding: 10px !important;\n font-size: 14px !important;\n }\n"])));
|
|
18
|
-
var ChipField = function ChipField(props) {
|
|
18
|
+
var ChipField = exports.ChipField = function ChipField(props) {
|
|
19
19
|
var values = (0, _react.useMemo)(function () {
|
|
20
20
|
return props.values.map(function (item) {
|
|
21
21
|
return item.value;
|
|
@@ -27,6 +27,4 @@ var ChipField = function ChipField(props) {
|
|
|
27
27
|
value: values
|
|
28
28
|
}));
|
|
29
29
|
};
|
|
30
|
-
exports
|
|
31
|
-
var _default = ChipField;
|
|
32
|
-
exports["default"] = _default;
|
|
30
|
+
var _default = exports["default"] = ChipField;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("ramda").Omit<import("@material-ui/pickers
|
|
1
|
+
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("ramda").Omit<import("@material-ui/pickers").KeyboardDatePickerProps, "onChange" | "margin"> & import("ramda").Omit<import("@material-ui/pickers").KeyboardDateTimePickerProps, "onChange" | "margin"> & import("ramda").Omit<import("@material-ui/pickers").KeyboardTimePickerProps, "onChange" | "margin"> & import(".").IProps & import("../../types").DefaultProps>;
|
|
2
2
|
export default _default;
|
|
3
3
|
export declare const Default: any;
|
|
4
4
|
export declare const WithTime: any;
|
|
@@ -15,5 +15,5 @@ export interface IProps {
|
|
|
15
15
|
onChange(date: MaterialUiPickersDate | null, value?: string): void;
|
|
16
16
|
}
|
|
17
17
|
export type DateTimeProps = Omit<KeyboardDatePickerProps, 'margin' | 'onChange'> & Omit<KeyboardDateTimePickerProps, 'margin' | 'onChange'> & Omit<KeyboardTimePickerProps, 'margin' | 'onChange'> & IProps & DefaultProps;
|
|
18
|
-
export declare const DateTime: ({ padding, margin, style, format, variant, inputVariant, ampm, invalidDateMessage, minDateMessage, maxDateMessage, locale, type, ...otherProps }: DateTimeProps) => JSX.Element;
|
|
18
|
+
export declare const DateTime: ({ padding, margin, style, format, variant, inputVariant, ampm, invalidDateMessage, minDateMessage, maxDateMessage, locale, type, ...otherProps }: DateTimeProps) => React.JSX.Element;
|
|
19
19
|
export default DateTime;
|
|
@@ -12,14 +12,14 @@ var _pickers = require("@material-ui/pickers");
|
|
|
12
12
|
var _dateFns = _interopRequireDefault(require("@date-io/date-fns"));
|
|
13
13
|
var _textField = require("../text-field");
|
|
14
14
|
var _excluded = ["padding", "margin", "style", "format", "variant", "inputVariant", "ampm", "invalidDateMessage", "minDateMessage", "maxDateMessage", "locale", "type"];
|
|
15
|
-
function ownKeys(
|
|
16
|
-
function _objectSpread(
|
|
15
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
16
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
17
17
|
var DEFAULT_FORMATS = {
|
|
18
18
|
date: 'dd/MM/yyyy',
|
|
19
19
|
time: 'HH:mm',
|
|
20
20
|
datetime: 'dd/MM/yyyy HH:mm'
|
|
21
21
|
};
|
|
22
|
-
var DateTime = function DateTime(_ref) {
|
|
22
|
+
var DateTime = exports.DateTime = function DateTime(_ref) {
|
|
23
23
|
var padding = _ref.padding,
|
|
24
24
|
margin = _ref.margin,
|
|
25
25
|
style = _ref.style,
|
|
@@ -97,6 +97,4 @@ var DateTime = function DateTime(_ref) {
|
|
|
97
97
|
locale: locale
|
|
98
98
|
}, renderChildren());
|
|
99
99
|
};
|
|
100
|
-
exports
|
|
101
|
-
var _default = DateTime;
|
|
102
|
-
exports["default"] = _default;
|
|
100
|
+
var _default = exports["default"] = DateTime;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { MouseEvent } from 'react';
|
|
1
|
+
import React, { MouseEvent } from 'react';
|
|
2
2
|
import { DefaultProps } from '../../types';
|
|
3
3
|
export interface IconButtonProps extends DefaultProps {
|
|
4
4
|
color?: 'default' | 'inherit' | 'primary' | 'secondary';
|
|
@@ -7,5 +7,5 @@ export interface IconButtonProps extends DefaultProps {
|
|
|
7
7
|
role?: string;
|
|
8
8
|
onClick?(event: MouseEvent<HTMLButtonElement>): void;
|
|
9
9
|
}
|
|
10
|
-
export declare const IconButton: ({ children, padding, margin, style, ...otherProps }: IconButtonProps) => JSX.Element;
|
|
10
|
+
export declare const IconButton: ({ children, padding, margin, style, ...otherProps }: IconButtonProps) => React.JSX.Element;
|
|
11
11
|
export default IconButton;
|
|
@@ -11,9 +11,9 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
|
|
|
11
11
|
var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
|
|
12
12
|
var _react = _interopRequireDefault(require("react"));
|
|
13
13
|
var _excluded = ["children", "padding", "margin", "style"];
|
|
14
|
-
function ownKeys(
|
|
15
|
-
function _objectSpread(
|
|
16
|
-
var IconButton = function IconButton(_ref) {
|
|
14
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
15
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
16
|
+
var IconButton = exports.IconButton = function IconButton(_ref) {
|
|
17
17
|
var children = _ref.children,
|
|
18
18
|
padding = _ref.padding,
|
|
19
19
|
margin = _ref.margin,
|
|
@@ -26,6 +26,4 @@ var IconButton = function IconButton(_ref) {
|
|
|
26
26
|
}, style)
|
|
27
27
|
}), children);
|
|
28
28
|
};
|
|
29
|
-
exports
|
|
30
|
-
var _default = IconButton;
|
|
31
|
-
exports["default"] = _default;
|
|
29
|
+
var _default = exports["default"] = IconButton;
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { InputAdornmentProps as MuiInputAdornmentProps } from '@material-ui/core';
|
|
2
|
+
import React from 'react';
|
|
2
3
|
import { DefaultProps } from '../../types';
|
|
3
4
|
export interface InputAdornmentProps extends DefaultProps, MuiInputAdornmentProps {
|
|
4
5
|
position: 'start' | 'end';
|
|
5
6
|
}
|
|
6
|
-
export declare const InputAdornment: ({ children, ...otherProps }: InputAdornmentProps) => JSX.Element;
|
|
7
|
+
export declare const InputAdornment: ({ children, ...otherProps }: InputAdornmentProps) => React.JSX.Element;
|
|
7
8
|
export default InputAdornment;
|
|
@@ -9,11 +9,9 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
|
|
|
9
9
|
var _InputAdornment = _interopRequireDefault(require("@material-ui/core/InputAdornment"));
|
|
10
10
|
var _react = _interopRequireDefault(require("react"));
|
|
11
11
|
var _excluded = ["children"];
|
|
12
|
-
var InputAdornment = function InputAdornment(_ref) {
|
|
12
|
+
var InputAdornment = exports.InputAdornment = function InputAdornment(_ref) {
|
|
13
13
|
var children = _ref.children,
|
|
14
14
|
otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
15
15
|
return /*#__PURE__*/_react["default"].createElement(_InputAdornment["default"], otherProps, children);
|
|
16
16
|
};
|
|
17
|
-
exports
|
|
18
|
-
var _default = InputAdornment;
|
|
19
|
-
exports["default"] = _default;
|
|
17
|
+
var _default = exports["default"] = InputAdornment;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { InputBaseProps as MuiInputBaseProps } from '@material-ui/core';
|
|
2
|
-
import { ChangeEvent, ReactNode } from 'react';
|
|
2
|
+
import React, { ChangeEvent, ReactNode } from 'react';
|
|
3
3
|
import { DefaultProps } from '../../types';
|
|
4
4
|
export interface InputAdornmentProps extends DefaultProps, Omit<MuiInputBaseProps, 'margin'> {
|
|
5
5
|
autoComplete?: string;
|
|
@@ -23,5 +23,5 @@ export interface InputAdornmentProps extends DefaultProps, Omit<MuiInputBaseProp
|
|
|
23
23
|
type?: string;
|
|
24
24
|
value?: string | number | boolean;
|
|
25
25
|
}
|
|
26
|
-
export declare const InputBase: ({ margin, padding, style, autoComplete, ...otherProps }: InputAdornmentProps) => JSX.Element;
|
|
26
|
+
export declare const InputBase: ({ margin, padding, style, autoComplete, ...otherProps }: InputAdornmentProps) => React.JSX.Element;
|
|
27
27
|
export default InputBase;
|
|
@@ -11,9 +11,9 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
|
|
|
11
11
|
var _InputBase = _interopRequireDefault(require("@material-ui/core/InputBase"));
|
|
12
12
|
var _react = _interopRequireDefault(require("react"));
|
|
13
13
|
var _excluded = ["margin", "padding", "style", "autoComplete"];
|
|
14
|
-
function ownKeys(
|
|
15
|
-
function _objectSpread(
|
|
16
|
-
var InputBase = function InputBase(_ref) {
|
|
14
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
15
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
16
|
+
var InputBase = exports.InputBase = function InputBase(_ref) {
|
|
17
17
|
var margin = _ref.margin,
|
|
18
18
|
padding = _ref.padding,
|
|
19
19
|
_ref$style = _ref.style,
|
|
@@ -30,6 +30,4 @@ var InputBase = function InputBase(_ref) {
|
|
|
30
30
|
}, style)
|
|
31
31
|
}));
|
|
32
32
|
};
|
|
33
|
-
exports
|
|
34
|
-
var _default = InputBase;
|
|
35
|
-
exports["default"] = _default;
|
|
33
|
+
var _default = exports["default"] = InputBase;
|
|
@@ -1,15 +1,19 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
|
|
2
|
+
import { NumericFormatProps } from 'react-number-format';
|
|
3
|
+
import { InputProps } from '@material-ui/core';
|
|
4
|
+
import { FormatInputValueFunction } from 'react-number-format/types/types';
|
|
5
|
+
interface MaskFieldInputProps extends InputProps {
|
|
6
|
+
}
|
|
7
|
+
export interface MaskFieldProps extends NumericFormatProps {
|
|
5
8
|
mask?: string;
|
|
6
9
|
type?: 'text' | 'tel' | 'password';
|
|
7
10
|
decimalSeparator?: string;
|
|
8
|
-
format?: string;
|
|
11
|
+
format?: string | FormatInputValueFunction;
|
|
9
12
|
decimalScale?: number;
|
|
10
13
|
thousandSeparator?: boolean | string;
|
|
11
14
|
fixedDecimalScale?: boolean;
|
|
12
|
-
|
|
15
|
+
color?: 'primary' | 'secondary' | undefined;
|
|
16
|
+
customInput?: React.ComponentType<MaskFieldInputProps>;
|
|
13
17
|
}
|
|
14
|
-
export declare const MaskField: (props: MaskFieldProps) => JSX.Element;
|
|
18
|
+
export declare const MaskField: (props: MaskFieldProps) => React.JSX.Element;
|
|
15
19
|
export default MaskField;
|
|
@@ -9,21 +9,22 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
|
|
|
9
9
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
10
10
|
var _react = _interopRequireDefault(require("react"));
|
|
11
11
|
var _textField = _interopRequireDefault(require("../text-field"));
|
|
12
|
-
var _reactNumberFormat =
|
|
12
|
+
var _reactNumberFormat = require("react-number-format");
|
|
13
13
|
var _excluded = ["customInput"];
|
|
14
|
-
|
|
14
|
+
// Interface para as propriedades de entrada específicas do MaskField
|
|
15
|
+
|
|
16
|
+
var MaskField = exports.MaskField = function MaskField(props) {
|
|
15
17
|
var customInput = props.customInput,
|
|
16
18
|
otherProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
|
|
17
19
|
return (
|
|
18
20
|
/*#__PURE__*/
|
|
19
21
|
// Although react-number-format allow use of additional props,
|
|
20
22
|
// shows problem with some props like have been do this
|
|
21
|
-
// actually on flipper-ui. (e.g. errors treatment
|
|
22
|
-
_react["default"].createElement(_reactNumberFormat
|
|
23
|
-
customInput: customInput || _textField["default"]
|
|
23
|
+
// actually on flipper-ui. (e.g. errors treatment
|
|
24
|
+
_react["default"].createElement(_reactNumberFormat.NumberFormatBase, (0, _extends2["default"])({}, otherProps, {
|
|
25
|
+
customInput: customInput || _textField["default"],
|
|
26
|
+
format: typeof otherProps.format === 'string' ? undefined : otherProps.format
|
|
24
27
|
}))
|
|
25
28
|
);
|
|
26
29
|
};
|
|
27
|
-
exports
|
|
28
|
-
var _default = MaskField;
|
|
29
|
-
exports["default"] = _default;
|
|
30
|
+
var _default = exports["default"] = MaskField;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import(".").MaskFieldProps>;
|
|
2
3
|
export default _default;
|
|
3
|
-
export declare const Default: () => JSX.Element;
|
|
4
|
+
export declare const Default: () => React.JSX.Element;
|
|
4
5
|
export declare const MaskFieldWithInputAdornment: any;
|
|
@@ -11,5 +11,5 @@ export interface PinInputGridProps {
|
|
|
11
11
|
inputProps?: React.CSSProperties;
|
|
12
12
|
variant?: 'outlined' | 'standard';
|
|
13
13
|
}
|
|
14
|
-
export declare const PinInput: ({ pinLength, pin, setPin, onPinChanged, validationResult, isValidating, size, style: styleProps, inputProps, variant, ...otherProps }: PinInputGridProps) => JSX.Element;
|
|
14
|
+
export declare const PinInput: ({ pinLength, pin, setPin, onPinChanged, validationResult, isValidating, size, style: styleProps, inputProps, variant, ...otherProps }: PinInputGridProps) => React.JSX.Element;
|
|
15
15
|
export default PinInput;
|
|
@@ -14,10 +14,10 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
14
14
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
15
15
|
var _excluded = ["pinLength", "pin", "setPin", "onPinChanged", "validationResult", "isValidating", "size", "style", "inputProps", "variant"];
|
|
16
16
|
var _templateObject;
|
|
17
|
-
function _getRequireWildcardCache(
|
|
18
|
-
function _interopRequireWildcard(
|
|
19
|
-
function ownKeys(
|
|
20
|
-
function _objectSpread(
|
|
17
|
+
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); }
|
|
18
|
+
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; }
|
|
19
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
20
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
21
21
|
function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
|
|
22
22
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
23
23
|
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
@@ -25,7 +25,7 @@ var Container = _styledComponents["default"].div(_templateObject || (_templateOb
|
|
|
25
25
|
var PIN_MIN_VALUE = 0;
|
|
26
26
|
var PIN_MAX_VALUE = 9;
|
|
27
27
|
var BACKSPACE_KEY = 'Backspace';
|
|
28
|
-
var PinInput = function PinInput(_ref) {
|
|
28
|
+
var PinInput = exports.PinInput = function PinInput(_ref) {
|
|
29
29
|
var pinLength = _ref.pinLength,
|
|
30
30
|
pin = _ref.pin,
|
|
31
31
|
setPin = _ref.setPin,
|
|
@@ -144,6 +144,4 @@ var PinInput = function PinInput(_ref) {
|
|
|
144
144
|
});
|
|
145
145
|
}));
|
|
146
146
|
};
|
|
147
|
-
exports
|
|
148
|
-
var _default = PinInput;
|
|
149
|
-
exports["default"] = _default;
|
|
147
|
+
var _default = exports["default"] = PinInput;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import(".").PinInputGridProps>;
|
|
2
3
|
export default _default;
|
|
3
|
-
export declare const Default: () => JSX.Element;
|
|
4
|
-
export declare const Large: () => JSX.Element;
|
|
4
|
+
export declare const Default: () => React.JSX.Element;
|
|
5
|
+
export declare const Large: () => React.JSX.Element;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { RadioProps as MuiRadioProps } from '@material-ui/core';
|
|
2
|
-
import { ChangeEvent } from 'react';
|
|
2
|
+
import React, { ChangeEvent } from 'react';
|
|
3
3
|
import { DefaultProps } from '../../types';
|
|
4
4
|
export interface RadioProps extends DefaultProps, MuiRadioProps {
|
|
5
5
|
checked?: boolean;
|
|
@@ -8,5 +8,5 @@ export interface RadioProps extends DefaultProps, MuiRadioProps {
|
|
|
8
8
|
disabled?: boolean;
|
|
9
9
|
onChange?: (event: ChangeEvent<HTMLElement>) => void;
|
|
10
10
|
}
|
|
11
|
-
export declare const Radio: ({ padding, margin, style, ...otherProps }: RadioProps) => JSX.Element;
|
|
11
|
+
export declare const Radio: ({ padding, margin, style, ...otherProps }: RadioProps) => React.JSX.Element;
|
|
12
12
|
export default Radio;
|
|
@@ -11,9 +11,9 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
|
|
|
11
11
|
var _Radio = _interopRequireDefault(require("@material-ui/core/Radio"));
|
|
12
12
|
var _react = _interopRequireDefault(require("react"));
|
|
13
13
|
var _excluded = ["padding", "margin", "style"];
|
|
14
|
-
function ownKeys(
|
|
15
|
-
function _objectSpread(
|
|
16
|
-
var Radio = function Radio(_ref) {
|
|
14
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
15
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
16
|
+
var Radio = exports.Radio = function Radio(_ref) {
|
|
17
17
|
var padding = _ref.padding,
|
|
18
18
|
margin = _ref.margin,
|
|
19
19
|
style = _ref.style,
|
|
@@ -25,6 +25,4 @@ var Radio = function Radio(_ref) {
|
|
|
25
25
|
}, style)
|
|
26
26
|
}));
|
|
27
27
|
};
|
|
28
|
-
exports
|
|
29
|
-
var _default = Radio;
|
|
30
|
-
exports["default"] = _default;
|
|
28
|
+
var _default = exports["default"] = Radio;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ChangeEvent, ReactNode } from 'react';
|
|
1
|
+
import React, { ChangeEvent, ReactNode } from 'react';
|
|
2
2
|
import { DefaultProps } from '../../types';
|
|
3
3
|
export interface RadioGroupProps extends DefaultProps {
|
|
4
4
|
row?: boolean;
|
|
@@ -15,5 +15,5 @@ interface IOption {
|
|
|
15
15
|
label?: ReactNode;
|
|
16
16
|
disabled?: boolean;
|
|
17
17
|
}
|
|
18
|
-
export declare const RadioGroup: ({ row, options, className, padding, margin, style, title, value, spacing, name, onChange, ...otherProps }: RadioGroupProps) => JSX.Element;
|
|
18
|
+
export declare const RadioGroup: ({ row, options, className, padding, margin, style, title, value, spacing, name, onChange, ...otherProps }: RadioGroupProps) => React.JSX.Element;
|
|
19
19
|
export default RadioGroup;
|
|
@@ -15,9 +15,9 @@ var _Radio = _interopRequireDefault(require("@material-ui/core/Radio"));
|
|
|
15
15
|
var _RadioGroup = _interopRequireDefault(require("@material-ui/core/RadioGroup"));
|
|
16
16
|
var _react = _interopRequireDefault(require("react"));
|
|
17
17
|
var _excluded = ["row", "options", "className", "padding", "margin", "style", "title", "value", "spacing", "name", "onChange"];
|
|
18
|
-
function ownKeys(
|
|
19
|
-
function _objectSpread(
|
|
20
|
-
var RadioGroup = function RadioGroup(_ref) {
|
|
18
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
19
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
20
|
+
var RadioGroup = exports.RadioGroup = function RadioGroup(_ref) {
|
|
21
21
|
var row = _ref.row,
|
|
22
22
|
_ref$options = _ref.options,
|
|
23
23
|
options = _ref$options === void 0 ? [] : _ref$options,
|
|
@@ -59,6 +59,4 @@ var RadioGroup = function RadioGroup(_ref) {
|
|
|
59
59
|
});
|
|
60
60
|
})));
|
|
61
61
|
};
|
|
62
|
-
exports
|
|
63
|
-
var _default = RadioGroup;
|
|
64
|
-
exports["default"] = _default;
|
|
62
|
+
var _default = exports["default"] = RadioGroup;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import(".").RadioGroupProps>;
|
|
2
3
|
export default _default;
|
|
3
|
-
export declare const Default: () => JSX.Element;
|
|
4
|
+
export declare const Default: () => React.JSX.Element;
|