flipper-ui 0.30.6 → 0.30.8

package/core/feedback/snackbar/snackbar.stories.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import(".").SnackBarProps>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import(".").SnackBarProps>;
 export default _default;
 export declare const Default: any;
 export declare const Success: any;

package/core/feedback/tooltip/tooltip.stories.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import(".").TooltipProps>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import(".").TooltipProps>;
 export default _default;
 export declare const Default: any;
 export declare const Positioned: () => React.JSX.Element;

package/core/feedback/validation-dialog/index.d.ts

@@ -0,0 +1,37 @@
+import React from 'react';
+export interface IValidateProps {
+    open: boolean;
+    failed: boolean;
+    success: boolean;
+    title: ITitles;
+    responses: string[];
+    validations: IValidations[];
+    icons: {
+        success: React.ReactNode;
+        error: React.ReactNode;
+        loading: React.ReactNode;
+    };
+    onClose(): void;
+    onCancel(): void;
+    handleCreate(): void;
+}
+export interface ITitles {
+    success: string;
+    error: string;
+    loading: string;
+}
+export interface IValidations {
+    description: {
+        loading: string;
+        success: string;
+        error: string;
+    };
+    status: string;
+}
+export declare enum ValidationStatus {
+    Loading = "Loading",
+    Success = "Success",
+    Error = "Error"
+}
+declare const ValidationDialog: React.FC<IValidateProps>;
+export default ValidationDialog;

package/core/feedback/validation-dialog/index.js

@@ -0,0 +1,105 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.ValidationStatus = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireDefault(require("react"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _dialog = _interopRequireDefault(require("../dialog"));
+var _button = _interopRequireDefault(require("../../inputs/button"));
+var _actions = _interopRequireDefault(require("../../../experimental/actions"));
+var _typography = _interopRequireDefault(require("../../data-display/typography"));
+var _templateObject, _templateObject2, _templateObject3;
+var ValidationStatus = exports.ValidationStatus = /*#__PURE__*/function (ValidationStatus) {
+  ValidationStatus["Loading"] = "Loading";
+  ValidationStatus["Success"] = "Success";
+  ValidationStatus["Error"] = "Error";
+  return ValidationStatus;
+}({});
+var MuiDialog = (0, _styledComponents["default"])(_dialog["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    div > div > h2 {\n        margin-top: 20px;\n    }\n"])));
+var DialogTypography = (0, _styledComponents["default"])(_typography["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n    && {\n        font-size: 16px;\n    }\n"])));
+var ValidationWrapper = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n    display: flex;\n    align-items: center;\n    padding: 15px 0;\n    gap: 15px;\n"])));
+var ValidationDialog = function ValidationDialog(_ref) {
+  var open = _ref.open,
+    failed = _ref.failed,
+    success = _ref.success,
+    title = _ref.title,
+    responses = _ref.responses,
+    validations = _ref.validations,
+    icons = _ref.icons,
+    onClose = _ref.onClose,
+    onCancel = _ref.onCancel,
+    handleCreate = _ref.handleCreate;
+  var renderTitle = function renderTitle(stepsTitle, responses) {
+    if (responses.every(function (item) {
+      return item === 'Success';
+    })) {
+      return stepsTitle.success;
+    }
+    if (responses.some(function (item) {
+      return item === 'Loading';
+    })) {
+      return stepsTitle.loading;
+    }
+    if (responses.includes('Error')) {
+      return stepsTitle.error;
+    }
+    return stepsTitle.loading;
+  };
+  var renderIcon = function renderIcon(_ref2) {
+    var status = _ref2.status,
+      icons = _ref2.icons;
+    if (status === 'Success') {
+      return icons.success;
+    }
+    if (status === 'Error') {
+      return icons.error;
+    }
+    return icons.loading;
+  };
+  var renderDescription = function renderDescription(status, description) {
+    if (status === 'Success') {
+      return /*#__PURE__*/_react["default"].createElement(DialogTypography, null, description.success);
+    }
+    if (status === 'Error') {
+      return /*#__PURE__*/_react["default"].createElement(DialogTypography, null, description.error);
+    }
+    return /*#__PURE__*/_react["default"].createElement(DialogTypography, null, description.loading);
+  };
+  var renderContent = function renderContent(validations, icons) {
+    return validations.map(function (item, i) {
+      return /*#__PURE__*/_react["default"].createElement(ValidationWrapper, {
+        key: i
+      }, renderIcon({
+        status: item.status,
+        icons: icons
+      }), renderDescription(item.status, item.description));
+    });
+  };
+  return /*#__PURE__*/_react["default"].createElement(MuiDialog, {
+    fullWidth: true,
+    open: open,
+    title: renderTitle(title, responses),
+    maxWidth: "sm",
+    scroll: "unset-body",
+    actions: failed ? /*#__PURE__*/_react["default"].createElement(_button["default"], {
+      color: "primary",
+      variant: "contained",
+      margin: "0 12px 12px 0",
+      padding: "6px 31.1px",
+      onClick: onClose
+    }, "VOLTAR") : /*#__PURE__*/_react["default"].createElement(_actions["default"], {
+      disabled: !success,
+      margin: "0 10px 10px",
+      actionButtonColor: "secondary",
+      onCancel: onCancel,
+      onConfirm: handleCreate
+    }),
+    content: renderContent(validations, icons),
+    onClose: onClose
+  });
+};
+var _default = exports["default"] = ValidationDialog;

package/core/feedback/validation-dialog/validation-dialog.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/core/feedback/validation-dialog/validaton-dialog.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import ValidationDialog from '.';
+declare const meta: Meta<typeof ValidationDialog>;
+export default meta;
+type Story = StoryObj<typeof ValidationDialog>;
+export declare const validationDialog: Story;

package/core/feedback/zoom/zooms.stories.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import(".").ZoomProps>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import(".").ZoomProps>;
 export default _default;
 export declare const Default: () => React.JSX.Element;

package/core/inputs/auto-complete/auto-complete.stories.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import(".").AutoCompleteProps>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import(".").AutoCompleteProps>;
 export default _default;
 export declare const Default: () => React.JSX.Element;
 export declare const OpeningWhenFocused: () => React.JSX.Element;

package/core/inputs/button/button.stories.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import(".").ButtonProps>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import(".").ButtonProps>;
 export default _default;
 export declare const Default: any;
 export declare const Primary: any;

package/core/inputs/checkbox/checkbox.stories.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import(".").CheckboxProps>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import(".").CheckboxProps>;
 export default _default;
 export declare const Default: () => React.JSX.Element;
 export declare const WithHelper: any;

package/core/inputs/chip-field/chip-field.stories.d.ts

@@ -1,3 +1,3 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import(".").ChipFieldProps<import(".").TChipValues>>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import(".").ChipFieldProps<import(".").TChipValues>>;
 export default _default;
 export declare const Default: any;

package/core/inputs/date-time/date-time.stories.d.ts

@@ -1,4 +1,4 @@
-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>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").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>;
 export default _default;
 export declare const Default: any;
 export declare const WithTime: any;

package/core/inputs/icon-button/icon-button.stories.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import(".").IconButtonProps>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import(".").IconButtonProps>;
 export default _default;
 export declare const Default: any;
 export declare const Primary: any;

package/core/inputs/input-adornment/input-adornment.stories.d.ts

@@ -1,3 +1,3 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import(".").InputAdornmentProps>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import(".").InputAdornmentProps>;
 export default _default;
 export declare const Default: any;

package/core/inputs/input-base/input-base.stories.d.ts

@@ -1,3 +1,3 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import(".").InputAdornmentProps>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import(".").InputAdornmentProps>;
 export default _default;
 export declare const Default: any;

package/core/inputs/mask-field/mask-field.stories.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import(".").MaskFieldProps>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import(".").MaskFieldProps>;
 export default _default;
 export declare const Default: () => React.JSX.Element;
 export declare const MaskFieldWithInputAdornment: any;

package/core/inputs/pin-input/pin-input.stories.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import(".").PinInputGridProps>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import(".").PinInputGridProps>;
 export default _default;
 export declare const Default: () => React.JSX.Element;
 export declare const Large: () => React.JSX.Element;

package/core/inputs/radio/radio.stories.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import(".").RadioProps>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import(".").RadioProps>;
 export default _default;
 export declare const Default: any;
 export declare const Checked: any;

package/core/inputs/radio-group/radio-group.stories.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import(".").RadioGroupProps>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import(".").RadioGroupProps>;
 export default _default;
 export declare const Default: () => React.JSX.Element;

package/core/inputs/select/index.js

@@ -12,7 +12,7 @@ var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton")
 var _InputAdornment = _interopRequireDefault(require("@material-ui/core/InputAdornment"));
 var _Select = _interopRequireDefault(require("@material-ui/core/Select"));
 var _styles = require("@material-ui/core/styles");
-var _Clear = _interopRequireDefault(require("@material-ui/icons/Clear"));
+var _icons = require("../../../icons");
 var _react = _interopRequireDefault(require("react"));
 var _excluded = ["children", "style", "margin", "padding", "hasClear", "onClear", "onChange", "variant"];
 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; }
@@ -27,7 +27,7 @@ var renderEndAdornment = function renderEndAdornment(onClear) {
     role: "end-adornment-component",
     onClick: onClear,
     size: "small"
-  }, /*#__PURE__*/_react["default"].createElement(_Clear["default"], {
+  }, /*#__PURE__*/_react["default"].createElement(_icons.Clear, {
     style: {
       fontSize: '15px'
     }

package/core/inputs/select/select.stories.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import(".").SelectProps>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import(".").SelectProps>;
 export default _default;
 export declare const Default: () => React.JSX.Element;
 export declare const WithClear: () => React.JSX.Element;

package/core/inputs/slider/slider.stories.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, Omit<import("@material-ui/core").SliderProps, "defaultValue"> & import("../../types").DefaultProps & import(".").ISliderProps>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, Omit<import("@material-ui/core").SliderProps, "defaultValue"> & import("../../types").DefaultProps & import(".").ISliderProps>;
 export default _default;
 export declare const Default: () => React.JSX.Element;
 export declare const Primary: any;