flipper-ui 0.31.6 → 0.32.0

package/core/surfaces/step-card/step-card-panel.js

@@ -5,14 +5,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StepCardPanel = void 0;
+var _LinearProgress2 = _interopRequireDefault(require("@material-ui/core/LinearProgress"));
+var _ExpandMore2 = _interopRequireDefault(require("@mui/icons-material/ExpandMore"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _CheckCircle2 = _interopRequireDefault(require("@mui/icons-material/CheckCircle"));
 var _react = _interopRequireDefault(require("react"));
-var _LinearProgress = _interopRequireDefault(require("@material-ui/core/LinearProgress"));
 var _AccordionSummary = _interopRequireDefault(require("@material-ui/core/AccordionSummary"));
 var _sprintfJs = require("sprintf-js");
 var _typography = _interopRequireDefault(require("../../data-display/typography"));
 var _styles = require("./styles");
-var _icons = require("../../../icons");
 var _theme = require("../../../theme");
 var _theme$colors = _theme.theme.colors,
   feedback = _theme$colors.feedback,
@@ -40,7 +41,7 @@ var StepCardPanel = exports.StepCardPanel = function StepCardPanel(props) {
     minHeight: expandable ? '100px' : '100%'
   }, /*#__PURE__*/_react["default"].createElement(_styles.StepCardColumn, {
     justifyContent: "start"
-  }, showIcon && /*#__PURE__*/_react["default"].createElement(_icons.CheckCircle, {
+  }, showIcon && /*#__PURE__*/_react["default"].createElement(_CheckCircle2["default"], {
     "data-testid": "step-card-title-icon",
     style: {
       fontSize: 40,
@@ -65,7 +66,7 @@ var StepCardPanel = exports.StepCardPanel = function StepCardPanel(props) {
     style: {
       textAlign: 'center'
     },
-    expandIcon: /*#__PURE__*/_react["default"].createElement(_icons.ExpandMore, {
+    expandIcon: /*#__PURE__*/_react["default"].createElement(_ExpandMore2["default"], {
       fontSize: "large"
     })
   }, /*#__PURE__*/_react["default"].createElement(_typography["default"], (0, _extends2["default"])({
@@ -80,7 +81,7 @@ var StepCardPanel = exports.StepCardPanel = function StepCardPanel(props) {
       position: 'absolute',
       right: 8
     }
-  }, "".concat(percentage, "%")), /*#__PURE__*/_react["default"].createElement(_styles.BarWrapper, null, /*#__PURE__*/_react["default"].createElement(_LinearProgress["default"], (0, _extends2["default"])({
+  }, "".concat(percentage, "%")), /*#__PURE__*/_react["default"].createElement(_styles.BarWrapper, null, /*#__PURE__*/_react["default"].createElement(_LinearProgress2["default"], (0, _extends2["default"])({
     variant: "determinate",
     value: percentage,
     color: "primary",
@@ -95,7 +96,7 @@ var StepCardPanel = exports.StepCardPanel = function StepCardPanel(props) {
   }, summaryLinearProgressBarProps)))))), showBottomPercentage && /*#__PURE__*/_react["default"].createElement(_styles.StepCardRow, {
     fullWidth: fullWidth,
     minHeight: "15px"
-  }, /*#__PURE__*/_react["default"].createElement(_styles.BarWrapper, null, /*#__PURE__*/_react["default"].createElement(_LinearProgress["default"], (0, _extends2["default"])({
+  }, /*#__PURE__*/_react["default"].createElement(_styles.BarWrapper, null, /*#__PURE__*/_react["default"].createElement(_LinearProgress2["default"], (0, _extends2["default"])({
     variant: "determinate",
     value: percentage,
     color: "primary",

package/core/surfaces/step-card/step-card-skeleton.js

@@ -5,10 +5,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+var _Box2 = _interopRequireDefault(require("@mui/material/Box"));
+var _Skeleton2 = _interopRequireDefault(require("@mui/material/Skeleton"));
 var _react = _interopRequireDefault(require("react"));
-var _Box = _interopRequireDefault(require("@material-ui/core/Box"));
 var _Accordion = _interopRequireDefault(require("@material-ui/core/Accordion"));
-var _material = require("@mui/material");
 var _styles = require("./styles");
 var StepCardSkeleton = function StepCardSkeleton(props) {
   var expandable = props.expandable,
@@ -29,17 +29,17 @@ var StepCardSkeleton = function StepCardSkeleton(props) {
     minHeight: expandable ? '100px' : '100%'
   }, /*#__PURE__*/_react["default"].createElement(_styles.StepCardColumn, {
     justifyContent: "start"
-  }, showIcon && /*#__PURE__*/_react["default"].createElement(_material.Skeleton, {
+  }, showIcon && /*#__PURE__*/_react["default"].createElement(_Skeleton2["default"], {
     variant: "circular",
     width: 40,
     height: 40
-  }), /*#__PURE__*/_react["default"].createElement(_styles.TitleContainer, null, /*#__PURE__*/_react["default"].createElement(_material.Skeleton, {
+  }), /*#__PURE__*/_react["default"].createElement(_styles.TitleContainer, null, /*#__PURE__*/_react["default"].createElement(_Skeleton2["default"], {
     variant: "text",
     style: {
       minWidth: '400px'
     },
     height: 40
-  }), subTitleSkeleton && /*#__PURE__*/_react["default"].createElement(_material.Skeleton, {
+  }), subTitleSkeleton && /*#__PURE__*/_react["default"].createElement(_Skeleton2["default"], {
     variant: "text",
     style: {
       minWidth: '400px'
@@ -47,33 +47,33 @@ var StepCardSkeleton = function StepCardSkeleton(props) {
     height: 40
   }))), /*#__PURE__*/_react["default"].createElement(_styles.StepCardColumn, {
     justifyContent: "end"
-  }, expandable ? /*#__PURE__*/_react["default"].createElement(_material.Skeleton, {
+  }, expandable ? /*#__PURE__*/_react["default"].createElement(_Skeleton2["default"], {
     variant: "text",
     style: {
       minWidth: '400px'
     },
     height: 40
-  }) : /*#__PURE__*/_react["default"].createElement(_styles.NormalProgressContainer, null, /*#__PURE__*/_react["default"].createElement(_material.Skeleton, {
+  }) : /*#__PURE__*/_react["default"].createElement(_styles.NormalProgressContainer, null, /*#__PURE__*/_react["default"].createElement(_Skeleton2["default"], {
     variant: "text",
     height: 40,
     style: {
       minWidth: '100px',
       margin: '4px 0px'
     }
-  }), /*#__PURE__*/_react["default"].createElement(_Box["default"], {
+  }), /*#__PURE__*/_react["default"].createElement(_Box2["default"], {
     style: {
       width: '100%'
     }
-  }, /*#__PURE__*/_react["default"].createElement(_material.Skeleton, {
+  }, /*#__PURE__*/_react["default"].createElement(_Skeleton2["default"], {
     variant: "text"
   }))))), showBottomPercentage && /*#__PURE__*/_react["default"].createElement(_styles.StepCardRow, {
     minHeight: "15px",
     fullWidth: fullWidth
-  }, /*#__PURE__*/_react["default"].createElement(_Box["default"], {
+  }, /*#__PURE__*/_react["default"].createElement(_Box2["default"], {
     style: {
       width: '100%'
     }
-  }, /*#__PURE__*/_react["default"].createElement(_material.Skeleton, {
+  }, /*#__PURE__*/_react["default"].createElement(_Skeleton2["default"], {
     variant: "text"
   }))))));
 };

package/core/surfaces/step-card/styles.d.ts

@@ -1,24 +1,26 @@
 /// <reference types="react" />
 interface IStepContainerProps {
-    padding?: React.CSSProperties['padding'];
+    padding?: string | number;
 }
 interface IRowProps {
-    minHeight: React.CSSProperties['minHeight'];
+    minHeight: string | number;
     fullWidth?: boolean;
 }
 interface IContainerProps {
     fullWidth?: boolean;
-    margin?: React.CSSProperties['margin'];
+    margin?: string | number;
 }
 interface IColumnProps {
-    justifyContent: React.CSSProperties['justifyContent'];
+    justifyContent: string | number;
 }
-export declare const Container: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IContainerProps>>;
-export declare const StepCardRow: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IRowProps>>;
-export declare const StepContainer: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IStepContainerProps>>;
-export declare const StepCardColumn: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IColumnProps>>;
-export declare const ListItemContainer: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never>>;
-export declare const TitleContainer: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const NormalProgressContainer: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const BarWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("@material-ui/core").BoxProps | (import("@material-ui/core").BoxProps & import("react").RefAttributes<import("react").Component<import("@material-ui/core").BoxProps, any, any>>), import("styled-components/dist/types").BaseObject>> & (Omit<import("react").ComponentClass<import("@material-ui/core").BoxProps, any>, keyof import("react").Component<any, {}, any>> | Omit<import("react").FunctionComponent<import("@material-ui/core").BoxProps>, keyof import("react").Component<any, {}, any>>);
+export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IContainerProps>> & string;
+export declare const StepCardRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IRowProps>> & string;
+export declare const StepContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IStepContainerProps>> & string;
+export declare const StepCardColumn: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IColumnProps>> & string;
+export declare const ListItemContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never>> & string;
+export declare const TitleContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const NormalProgressContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const BarWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>>, never>> & string & Omit<import("@mui/types").OverridableComponent<import("@mui/system").BoxTypeMap<{}, "div", import("@mui/material").Theme>>, keyof import("react").Component<any, {}, any>>;
 export {};

package/core/surfaces/step-card/styles.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TitleContainer = exports.StepContainer = exports.StepCardRow = exports.StepCardColumn = exports.NormalProgressContainer = exports.ListItemContainer = exports.Container = exports.BarWrapper = void 0;
+var _Box2 = _interopRequireDefault(require("@mui/material/Box"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _Box = _interopRequireDefault(require("@material-ui/core/Box"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _theme = require("../../../theme");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
@@ -35,4 +35,4 @@ var StepCardColumn = exports.StepCardColumn = _styledComponents["default"].div(_
 var ListItemContainer = exports.ListItemContainer = _styledComponents["default"].li(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    height: 30px;\n    margin: 16px 0;\n\n    svg:first-child {\n        margin-right: 16px;\n    }\n"])));
 var TitleContainer = exports.TitleContainer = _styledComponents["default"].div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["\n    h6:first-child {\n        padding-inline: 20px;\n    }\n\n    span {\n        margin-left: 20px;\n    }\n"])));
 var NormalProgressContainer = exports.NormalProgressContainer = _styledComponents["default"].div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n\n    h6:first-child {\n        margin-bottom: 8px;\n    }\n"])));
-var BarWrapper = exports.BarWrapper = (0, _styledComponents["default"])(_Box["default"])(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["\n    width: 100%;\n\n    & .barColorPrimary {\n        background-color: ", ";\n    }\n"])), feedback.success);
+var BarWrapper = exports.BarWrapper = (0, _styledComponents["default"])(_Box2["default"])(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["\n    width: 100%;\n\n    & .barColorPrimary {\n        background-color: ", ";\n    }\n"])), feedback.success);

package/index.d.ts

@@ -1,69 +1,64 @@
+export * from './core/data-display/data-table';
+export * from './core/feedback/dialog-v2';
+export * from './core/inputs/auto-complete-lab';
+export { default as Actions } from './core/data-display/actions';
 export { default as Advertise } from './core/data-display/advertise';
-export { default as AutoComplete } from './core/inputs/auto-complete';
 export { default as Avatar } from './core/data-display/avatar';
 export { default as Badge } from './core/data-display/badge';
-export { default as Breadcrumb } from './core/navigation/breadcrumb';
-export { default as Box } from './core/surfaces/box';
-export { default as Button } from './core/inputs/button';
-export { default as Card } from './core/surfaces/card';
-export { default as Checkbox } from './core/inputs/checkbox';
+export { default as Chapter } from './core/data-display/chapter';
 export { default as Chip } from './core/data-display/chip';
-export { default as ChipField } from './core/inputs/chip-field';
-export { default as Collapse } from './core/feedback/collapse';
-export { default as Container } from './core/surfaces/container';
-export { default as Content } from './core/surfaces/content';
-export { default as DateTime } from './core/inputs/date-time';
-export { default as EditableTable } from './core/data-display/editable-table';
-export { default as Dialog } from './core/feedback/dialog';
 export { default as Divider } from './core/data-display/divider';
-export { default as Drawer } from './core/navigation/drawer';
-export { default as ExpansionPanel } from './core/surfaces/expansion-panel';
 export { default as Fab } from './core/data-display/fab';
-export { default as Fade } from './core/feedback/fade';
-export { default as Grow } from './core/feedback/grow';
-export { default as Header } from './core/surfaces/header';
-export { default as IconButton } from './core/inputs/icon-button';
-export { default as InputBase } from './core/inputs/input-base';
-export { default as InputAdornment } from './core/inputs/input-adornment';
+export { default as FabV2 } from './core/data-display/fab-v2';
 export { default as Line } from './core/data-display/line';
-export { default as Link } from './core/navigation/link';
 export { default as List } from './core/data-display/list';
 export { default as ListItem } from './core/data-display/list-item';
-export { default as Menu } from './core/navigation/menu';
-export { default as MaskField } from './core/inputs/mask-field';
-export { default as Node } from './core/data-display/node';
 export { default as MenuItem } from './core/data-display/menu-item';
-export { default as Pagination } from './core/navigation/pagination';
-export { default as Paper } from './core/surfaces/paper';
+export { default as PasswordVisibility } from './core/data-display/password-visibility';
+export { default as Table } from './core/data-display/table';
+export { default as TableBody } from './core/data-display/table/table-body';
+export { default as TableCell } from './core/data-display/table/table-cell';
+export { default as TableHead } from './core/data-display/table/table-head';
+export { default as TableRow } from './core/data-display/table/table-row';
+export { default as Typography } from './core/data-display/typography';
+export { default as Collapse } from './core/feedback/collapse';
+export { default as Dialog } from './core/feedback/dialog';
+export { default as Fade } from './core/feedback/fade';
+export { default as Grow } from './core/feedback/grow';
+export { default as Loading } from './core/feedback/loading';
+export { default as NothingFound } from './core/feedback/nothing-found';
 export { default as Progress } from './core/feedback/progress';
+export { default as Skeleton } from './core/feedback/skeleton';
+export { default as Slide } from './core/feedback/slide';
+export { default as SnackBar } from './core/feedback/snackbar';
+export { default as Tooltip } from './core/feedback/tooltip';
+export { default as ValidationDialog } from './core/feedback/validation-dialog/';
+export { default as AddButton } from './core/inputs/add-button';
+export { default as Button } from './core/inputs/button';
+export { default as Checkbox } from './core/inputs/checkbox';
+export { default as ChipField } from './core/inputs/chip-field';
+export { default as DateTime } from './core/inputs/date-time';
+export { default as IconButton } from './core/inputs/icon-button';
+export { default as InputAdornment } from './core/inputs/input-adornment';
+export { default as MaskField } from './core/inputs/mask-field';
+export { default as PinInput } from './core/inputs/pin-input';
 export { default as Radio } from './core/inputs/radio';
 export { default as RadioGroup } from './core/inputs/radio-group';
 export { default as Select } from './core/inputs/select';
-export { default as Sidebar } from './core/navigation/sidebar';
-export { default as Slide } from './core/feedback/slide';
 export { default as Slider } from './core/inputs/slider';
-export { default as Snackbar } from './core/feedback/snackbar';
+export { default as TextField } from './core/inputs/text-field';
+export { default as Breadcrumbs } from './core/navigation/breadcrumbs';
+export { default as Drawer } from './core/navigation/drawer';
+export { default as Menu } from './core/navigation/menu';
+export { default as Sidebar } from './core/navigation/sidebar';
 export { default as Stepper } from './core/navigation/stepper';
-export { default as StylesProvider } from './core/context/styles-provider';
 export { default as Tab } from './core/navigation/tab';
-export { default as Table } from './core/data-display/table';
-export { default as TableBody } from './core/data-display/table/table-body';
-export { default as TableCell } from './core/data-display/table/table-cell';
-export { default as TableHead } from './core/data-display/table/table-head';
-export { default as TableRow } from './core/data-display/table/table-row';
 export { default as Tabs } from './core/navigation/tabs';
-export { default as TextField } from './core/inputs/text-field';
-export { default as ThemeProviderFlipper } from './core/context/theme-provider';
-export { default as Tooltip } from './core/feedback/tooltip';
-export { default as Tree } from './core/data-display/tree';
-export { default as Typography } from './core/data-display/typography';
-export { default as Zoom } from './core/feedback/zoom';
-export { default as PinInput } from './core/inputs/pin-input';
-export { default as Chapter } from './core/data-display/chapter';
-export { default as DataTable } from './core/data-display/data-table';
-export { default as DataTableField } from './core/data-display/data-table/data-table-field';
+export { default as Box } from './core/surfaces/box';
+export { default as Card } from './core/surfaces/card';
+export { default as ExpansionPanel } from './core/surfaces/expansion-panel';
+export { default as Header } from './core/surfaces/header';
+export { default as Panel } from './core/surfaces/panel';
+export { default as Paper } from './core/surfaces/paper';
 export { default as StepCard } from './core/surfaces/step-card';
 export { default as StepCardSkeleton } from './core/surfaces/step-card/step-card-skeleton';
-export { default as ValidationDialog } from './core/feedback/validation-dialog/';
-export * as Experimental from './experimental';
-export * as Icons from './icons';