flipper-ui 0.27.1 → 0.27.2

package/{core/Experimental/Sidebar/SidebarV2.js → Experimental/Sidebar/index.js}

@@ -9,22 +9,19 @@ exports["default"] = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _Sidebar = _interopRequireDefault(require("../../Sidebar"));
+var _index = require("@/index");
 var _react = _interopRequireWildcard(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _nginformaticaStyleguide = require("nginformatica-styleguide");
 var _times = _interopRequireDefault(require("ramda/es/times"));
 var _map = _interopRequireDefault(require("ramda/es/map"));
 var _lab = require("@material-ui/lab");
-var _Tooltip = _interopRequireDefault(require("../../Tooltip"));
-var _List = _interopRequireDefault(require("../../List"));
-var _ListItem = _interopRequireDefault(require("../../ListItem"));
 var _excluded = ["options", "loading", "handleGoTo", "extraOptions", "top"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-var StyledFlipperSidebar = (0, _styledComponents["default"])(_Sidebar["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    & > div {\n        border-right: 1px solid ", ";\n    }\n"])), _nginformaticaStyleguide.theme.colors.grays.g6);
-var MenuItem = (0, _styledComponents["default"])(_ListItem["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n    &&& {\n        & div {\n            padding: 0;\n        }\n    }\n"])));
+var StyledFlipperSidebar = (0, _styledComponents["default"])(_index.Sidebar)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    & > div {\n        border-right: 1px solid ", ";\n    }\n"])), _nginformaticaStyleguide.theme.colors.grays.g6);
+var MenuItem = (0, _styledComponents["default"])(_index.ListItem)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n    &&& {\n        & div {\n            padding: 0;\n        }\n    }\n"])));
 var Link = _styledComponents["default"].a(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n    color: ", ";\n    text-decoration: none;\n"])), _nginformaticaStyleguide.theme.colors.primary.main);
 var PaperBar = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n    flex-direction: column;\n    display: flex;\n    justify-content: space-between;\n    flex: 1;\n    padding-bottom: 16px;\n"])));
 var LABEL_TIMEOUT = 300;
@@ -99,7 +96,7 @@ var Sidebar = function Sidebar(props) {
     return /*#__PURE__*/_react["default"].createElement(Link, {
       "data-testid": "sidebar-option-".concat(option.route.replace('/', '')),
       key: option.name
-    }, /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
+    }, /*#__PURE__*/_react["default"].createElement(_index.Tooltip, {
       withWrapper: true,
       placement: "right",
       enterDelay: 500,
@@ -133,9 +130,9 @@ var Sidebar = function Sidebar(props) {
     expanded: expanded,
     onToggle: toggle,
     top: top || 0
-  }, /*#__PURE__*/_react["default"].createElement(PaperBar, otherProps, /*#__PURE__*/_react["default"].createElement(_List["default"], {
+  }, /*#__PURE__*/_react["default"].createElement(PaperBar, otherProps, /*#__PURE__*/_react["default"].createElement(_index.List, {
     dense: true
-  }, loading ? sidebarSkeleton : (0, _map["default"])(renderOption, options)), /*#__PURE__*/_react["default"].createElement(_List["default"], {
+  }, loading ? sidebarSkeleton : (0, _map["default"])(renderOption, options)), /*#__PURE__*/_react["default"].createElement(_index.List, {
     dense: true
   }, !loading && (0, _map["default"])(renderOption, extraOptions))));
 };

package/Experimental/Skeleton/index.d.ts

@@ -0,0 +1,4 @@
+import { SkeletonProps } from 'react-loading-skeleton';
+import 'react-loading-skeleton/dist/skeleton.css';
+declare const Skeleton: (props: SkeletonProps) => JSX.Element;
+export default Skeleton;

package/Experimental/Skeleton/index.js

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _nginformaticaStyleguide = require("nginformatica-styleguide");
+var _react = _interopRequireDefault(require("react"));
+var _reactLoadingSkeleton = _interopRequireDefault(require("react-loading-skeleton"));
+require("react-loading-skeleton/dist/skeleton.css");
+var mainColor = _nginformaticaStyleguide.theme.colors.grays.g7;
+var subColor = '#CFCFCF';
+var Skeleton = function Skeleton(props) {
+  return /*#__PURE__*/_react["default"].createElement(_reactLoadingSkeleton["default"], (0, _extends2["default"])({
+    containerTestId: "skeleton-container",
+    baseColor: mainColor,
+    highlightColor: subColor
+  }, props));
+};
+var _default = Skeleton;
+exports["default"] = _default;

package/Experimental/VisibilityIcon/index.d.ts

@@ -0,0 +1,7 @@
+interface IProps {
+    name?: string;
+    show: boolean;
+    onToggle(): void;
+}
+declare const VisibilityIcon: ({ show, onToggle, name, ...otherProps }: IProps) => JSX.Element;
+export default VisibilityIcon;

package/Experimental/VisibilityIcon/index.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _index = require("@/index");
+var _icons = require("@/icons");
+var _react = _interopRequireDefault(require("react"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _excluded = ["show", "onToggle", "name"];
+var _templateObject;
+var StyledButton = (0, _styledComponents["default"])(_index.IconButton)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    width: 36px !important;\n    height: 36px !important;\n"])));
+var VisibilityIcon = function VisibilityIcon(_ref) {
+  var show = _ref.show,
+    onToggle = _ref.onToggle,
+    name = _ref.name,
+    otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  return /*#__PURE__*/_react["default"].createElement(StyledButton, (0, _extends2["default"])({}, otherProps, {
+    padding: "0px",
+    name: name,
+    onClick: onToggle
+  }), show ? /*#__PURE__*/_react["default"].createElement(_icons.VisibilityOff, {
+    role: "icon-off"
+  }) : /*#__PURE__*/_react["default"].createElement(_icons.Visibility, {
+    role: "icon-on"
+  }));
+};
+var _default = VisibilityIcon;
+exports["default"] = _default;

package/Experimental/index.d.ts

@@ -0,0 +1,13 @@
+export { default as Sidebar } from './Sidebar';
+export * from './Fab';
+export { default as Card } from './Card';
+export { default as Button } from './Button';
+export * from './Dialog';
+export { default as Avatar } from './Avatar';
+export { default as Actions, Wrapper } from './Actions';
+export { default as Breadcrumbs } from './Breadcrumbs';
+export { default as Loading } from './Loading';
+export { default as Panel } from './Panel';
+export { default as Skeleton } from './Skeleton';
+export { default as VisibilityIcon } from './VisibilityIcon';
+export { default as NothingFound } from './NothingFound';

package/Experimental/index.js

@@ -0,0 +1,130 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  Sidebar: true,
+  Card: true,
+  Button: true,
+  Avatar: true,
+  Actions: true,
+  Wrapper: true,
+  Breadcrumbs: true,
+  Loading: true,
+  Panel: true,
+  Skeleton: true,
+  VisibilityIcon: true,
+  NothingFound: true
+};
+Object.defineProperty(exports, "Actions", {
+  enumerable: true,
+  get: function get() {
+    return _Actions["default"];
+  }
+});
+Object.defineProperty(exports, "Avatar", {
+  enumerable: true,
+  get: function get() {
+    return _Avatar["default"];
+  }
+});
+Object.defineProperty(exports, "Breadcrumbs", {
+  enumerable: true,
+  get: function get() {
+    return _Breadcrumbs["default"];
+  }
+});
+Object.defineProperty(exports, "Button", {
+  enumerable: true,
+  get: function get() {
+    return _Button["default"];
+  }
+});
+Object.defineProperty(exports, "Card", {
+  enumerable: true,
+  get: function get() {
+    return _Card["default"];
+  }
+});
+Object.defineProperty(exports, "Loading", {
+  enumerable: true,
+  get: function get() {
+    return _Loading["default"];
+  }
+});
+Object.defineProperty(exports, "NothingFound", {
+  enumerable: true,
+  get: function get() {
+    return _NothingFound["default"];
+  }
+});
+Object.defineProperty(exports, "Panel", {
+  enumerable: true,
+  get: function get() {
+    return _Panel["default"];
+  }
+});
+Object.defineProperty(exports, "Sidebar", {
+  enumerable: true,
+  get: function get() {
+    return _Sidebar["default"];
+  }
+});
+Object.defineProperty(exports, "Skeleton", {
+  enumerable: true,
+  get: function get() {
+    return _Skeleton["default"];
+  }
+});
+Object.defineProperty(exports, "VisibilityIcon", {
+  enumerable: true,
+  get: function get() {
+    return _VisibilityIcon["default"];
+  }
+});
+Object.defineProperty(exports, "Wrapper", {
+  enumerable: true,
+  get: function get() {
+    return _Actions.Wrapper;
+  }
+});
+var _Sidebar = _interopRequireDefault(require("./Sidebar"));
+var _Fab = require("./Fab");
+Object.keys(_Fab).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Fab[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Fab[key];
+    }
+  });
+});
+var _Card = _interopRequireDefault(require("./Card"));
+var _Button = _interopRequireDefault(require("./Button"));
+var _Dialog = require("./Dialog");
+Object.keys(_Dialog).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Dialog[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Dialog[key];
+    }
+  });
+});
+var _Avatar = _interopRequireDefault(require("./Avatar"));
+var _Actions = _interopRequireWildcard(require("./Actions"));
+var _Breadcrumbs = _interopRequireDefault(require("./Breadcrumbs"));
+var _Loading = _interopRequireDefault(require("./Loading"));
+var _Panel = _interopRequireDefault(require("./Panel"));
+var _Skeleton = _interopRequireDefault(require("./Skeleton"));
+var _VisibilityIcon = _interopRequireDefault(require("./VisibilityIcon"));
+var _NothingFound = _interopRequireDefault(require("./NothingFound"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

package/core/Button.d.ts

@@ -12,6 +12,7 @@ export interface ButtonProps extends DefaultProps {
     variant?: 'text' | 'outlined' | 'contained' | 'dashed';
     target?: string;
     children?: React.ReactNode;
+    'data-testid'?: string;
     onClick?(event: MouseEvent<HTMLButtonElement>): void;
 }
 declare const Button: ({ children, margin, padding, style, variant, ...otherProps }: ButtonProps) => JSX.Element;

package/core/ExpansionPanel.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import React, { ReactNode, MouseEvent } from 'react';
 import { PaperProps } from './Paper';
 import { HTMLElementWithDataCy } from './types';
 export interface ExpansionPanelProps extends PaperProps {
@@ -22,6 +22,7 @@ export interface ExpansionPanelProps extends PaperProps {
     onEditClick?: () => void;
     onSaveClick?: () => void;
     onChange?: (event?: React.ChangeEvent<Record<string, unknown>>, expanded?: boolean) => void;
+    onClick?: (event: MouseEvent<HTMLDivElement>) => void;
 }
-declare const ExpansionPanel: ({ actions, details, expandIcon, margin, padding, style, summary, summaryStyle, detailsStyle, actionsStyle, editStyle, onHelperClick, onEditClick, onSaveClick, helperIcon, editable, editing, headerProps, helperButtonPosition, ...otherProps }: ExpansionPanelProps) => JSX.Element;
+declare const ExpansionPanel: ({ actions, details, expandIcon, margin, padding, style, summary, summaryStyle, detailsStyle, actionsStyle, editStyle, onHelperClick, onEditClick, onSaveClick, onClick, helperIcon, editable, editing, headerProps, helperButtonPosition, ...otherProps }: ExpansionPanelProps) => JSX.Element;
 export default ExpansionPanel;

package/core/ExpansionPanel.js

@@ -9,14 +9,14 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _ExpansionPanel = _interopRequireDefault(require("@material-ui/core/ExpansionPanel"));
+var _Accordion = _interopRequireDefault(require("@material-ui/core/Accordion"));
 var _ExpansionPanelActions = _interopRequireDefault(require("@material-ui/core/ExpansionPanelActions"));
-var _ExpansionPanelDetails = _interopRequireDefault(require("@material-ui/core/ExpansionPanelDetails"));
-var _ExpansionPanelSummary = _interopRequireDefault(require("@material-ui/core/ExpansionPanelSummary"));
+var _AccordionDetails = _interopRequireDefault(require("@material-ui/core/AccordionDetails"));
+var _AccordionSummary = _interopRequireDefault(require("@material-ui/core/AccordionSummary"));
 var _react = _interopRequireDefault(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _TextField = require("./TextField");
-var _excluded = ["actions", "details", "expandIcon", "margin", "padding", "style", "summary", "summaryStyle", "detailsStyle", "actionsStyle", "editStyle", "onHelperClick", "onEditClick", "onSaveClick", "helperIcon", "editable", "editing", "headerProps", "helperButtonPosition"];
+var _excluded = ["actions", "details", "expandIcon", "margin", "padding", "style", "summary", "summaryStyle", "detailsStyle", "actionsStyle", "editStyle", "onHelperClick", "onEditClick", "onSaveClick", "onClick", "helperIcon", "editable", "editing", "headerProps", "helperButtonPosition"];
 var _templateObject;
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -36,6 +36,7 @@ var ExpansionPanel = function ExpansionPanel(_ref) {
     onHelperClick = _ref.onHelperClick,
     onEditClick = _ref.onEditClick,
     onSaveClick = _ref.onSaveClick,
+    onClick = _ref.onClick,
     helperIcon = _ref.helperIcon,
     editable = _ref.editable,
     editing = _ref.editing,
@@ -85,15 +86,16 @@ var ExpansionPanel = function ExpansionPanel(_ref) {
       'data-cy': 'edit-button'
     }
   }));
-  return /*#__PURE__*/_react["default"].createElement(_ExpansionPanel["default"], (0, _extends2["default"])({}, otherProps, {
+  return /*#__PURE__*/_react["default"].createElement(_Accordion["default"], (0, _extends2["default"])({}, otherProps, {
     style: _objectSpread({
       margin: margin,
       padding: padding
     }, style)
-  }), summary && /*#__PURE__*/_react["default"].createElement(_ExpansionPanelSummary["default"], {
+  }), summary && /*#__PURE__*/_react["default"].createElement(_AccordionSummary["default"], {
+    onClick: onClick,
     expandIcon: expandIcon,
     style: summaryStyle
-  }, /*#__PURE__*/_react["default"].createElement(ExpansionPanelHeaderWrapper, headerProps, helperButtonPosition === 'left' && renderHelper, summary, renderEdit, helperButtonPosition === 'right' && renderHelper)), details && /*#__PURE__*/_react["default"].createElement(_ExpansionPanelDetails["default"], {
+  }, /*#__PURE__*/_react["default"].createElement(ExpansionPanelHeaderWrapper, headerProps, helperButtonPosition === 'left' && renderHelper, summary, renderEdit, helperButtonPosition === 'right' && renderHelper)), details && /*#__PURE__*/_react["default"].createElement(_AccordionDetails["default"], {
     style: detailsStyle
   }, details), actions && /*#__PURE__*/_react["default"].createElement(_ExpansionPanelActions["default"], {
     style: actionsStyle

package/core/IconButton.d.ts

@@ -3,6 +3,7 @@ import { DefaultProps } from './types';
 export interface IconButtonProps extends DefaultProps {
     color?: 'default' | 'inherit' | 'primary' | 'secondary';
     disabled?: boolean;
+    'data-testid'?: string;
     onClick?(event: MouseEvent<HTMLButtonElement>): void;
 }
 declare const IconButton: ({ children, padding, margin, style, ...otherProps }: IconButtonProps) => JSX.Element;

package/core/IconButton.js

@@ -19,6 +19,9 @@ var IconButton = function IconButton(_ref) {
     margin = _ref.margin,
     style = _ref.style,
     otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  console.log({
+    otherProps: otherProps
+  });
   return /*#__PURE__*/_react["default"].createElement(_IconButton["default"], (0, _extends2["default"])({}, otherProps, {
     style: _objectSpread({
       margin: margin,

package/index.d.ts

@@ -62,4 +62,5 @@ export { default as Chapter } from './core/Chapter';
 export { default as DataTable } from './core/DataTable';
 export { default as StepCard } from './core/StepCard';
 export { default as StepCardSkeleton } from './core/StepCardSkeleton';
-export * as Experimental from './core/Experimental';
+export * as Experimental from './Experimental';
+export * as Icons from './icons';

package/index.js

@@ -168,6 +168,7 @@ Object.defineProperty(exports, "IconButton", {
     return _IconButton["default"];
   }
 });
+exports.Icons = void 0;
 Object.defineProperty(exports, "InputAdornment", {
   enumerable: true,
   get: function get() {
@@ -454,7 +455,9 @@ var _Chapter = _interopRequireDefault(require("./core/Chapter"));
 var _DataTable = _interopRequireDefault(require("./core/DataTable"));
 var _StepCard = _interopRequireDefault(require("./core/StepCard"));
 var _StepCardSkeleton = _interopRequireDefault(require("./core/StepCardSkeleton"));
-var _Experimental = _interopRequireWildcard(require("./core/Experimental"));
+var _Experimental = _interopRequireWildcard(require("./Experimental"));
 exports.Experimental = _Experimental;
+var _Icons = _interopRequireWildcard(require("./icons"));
+exports.Icons = _Icons;
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "flipper-ui",
-    "version": "0.27.1",
+    "version": "0.27.2",
     "description": "",
     "main": "dist/index.js",
     "homepage": "https://flipper-ui.ngi.com.br/",
@@ -9,7 +9,8 @@
         "url": "https://github.com/nginformatica/flipper-ui.git"
     },
     "scripts": {
-        "test": "jest --coverage",
+        "test": "jest --silent --passWithNoTests --noStackTrace --runInBand",
+        "test:ci": "yarn test --coverage",
         "start": "start-storybook -p 6006",
         "clean": "rm -rf ./dist/*",
         "copy:package": "cp package.json dist/",
@@ -17,7 +18,7 @@
         "build": "yarn clean && yarn build:ts && yarn build:babel",
         "build:link": "yarn build && yarn copy:package && yarn publish:yalc",
         "build:ts": "tsc --emitDeclarationOnly",
-        "build:babel": "babel src --out-dir dist --extensions \".ts,.tsx\"",
+        "build:babel": "babel src --out-dir dist --extensions \".ts,.tsx\" --ignore \"**/*.spec.tsx\" --ignore \"**/*.stories.tsx\"",
         "lint": "eslint -c .eslintrc.json 'src/**/*.{ts,tsx}'",
         "lint:fix": "eslint -c .eslintrc.json --fix 'src/**/*.{ts,tsx}'",
         "predeploy": "yarn build && yarn storybook:build",
@@ -40,10 +41,11 @@
         "faker": "5.5.3",
         "material-table": "1.69.3",
         "material-ui-chip-input": "2.0.0-beta.2",
-        "nginformatica-styleguide": "^1.0.2",
+        "nginformatica-styleguide": "1.0.2",
         "ramda": "0.25.0",
+        "react-loading-skeleton": "3.2.0",
         "react-number-format": "4.4.1",
-        "sprintf-js": "^1.1.2",
+        "sprintf-js": "1.1.2",
         "uuid": "9.0.0"
     },
     "devDependencies": {
@@ -62,18 +64,18 @@
         "@storybook/manager-webpack5": "6.5.13",
         "@storybook/react": "6.5.13",
         "@testing-library/cypress": "8.0.3",
-        "@testing-library/react": "^14.0.0",
-        "@testing-library/user-event": "^14.4.3",
+        "@testing-library/react": "14.0.0",
+        "@testing-library/user-event": "14.4.3",
         "@types/cypress-cucumber-preprocessor": "4.0.1",
         "@types/faker": "5.5.3",
         "@types/history": "4.7.11",
-        "@types/jest": "^29.5.0",
+        "@types/jest": "29.5.0",
         "@types/node": "10.9.4",
         "@types/ramda": "0.25.36",
         "@types/react": "18.0.26",
         "@types/react-router": "5.1.2",
         "@types/react-router-dom": "5.1.2",
-        "@types/sprintf-js": "^1.1.2",
+        "@types/sprintf-js": "1.1.2",
         "@types/styled-components": "4.4.2",
         "@types/uuid": "8.3.4",
         "@typescript-eslint/eslint-plugin": "5.44.0",
@@ -81,11 +83,12 @@
         "babel-loader": "8.2.5",
         "babel-plugin-transform-class-properties": "6.24.1",
         "babel-plugin-transform-imports": "2.0.0",
+        "canvas": "2.11.2",
         "cypress": "12.0.2",
         "cypress-cucumber-preprocessor": "4.3.1",
-        "cypress-plugin-tab": "^1.0.5",
-        "cypress-real-events": "^1.7.4",
-        "cypress-wait-until": "^1.7.2",
+        "cypress-plugin-tab": "1.0.5",
+        "cypress-real-events": "1.7.4",
+        "cypress-wait-until": "1.7.2",
         "date-fns": "2.4.1",
         "eslint": "8.28.0",
         "eslint-config-prettier": "8.5.0",
@@ -99,8 +102,9 @@
         "eslint-plugin-storybook": "0.6.7",
         "fs-extra": "7.0.0",
         "gh-pages": "2.0.0",
-        "jest": "^29.5.0",
-        "jest-environment-jsdom": "^29.5.0",
+        "identity-obj-proxy": "3.0.0",
+        "jest": "29.5.0",
+        "jest-environment-jsdom": "29.5.0",
         "node-fetch": "2.6.7",
         "node-polyfill-webpack-plugin": "2.0.1",
         "prettier": "2.8.0",
@@ -109,8 +113,8 @@
         "react-router": "5.1.2",
         "react-router-dom": "5.1.2",
         "styled-components": "5.0.0",
-        "ts-jest": "^29.1.0",
-        "ts-loader": "^9.4.2",
+        "ts-jest": "29.1.0",
+        "ts-loader": "9.4.2",
         "typescript": "^4.3.0",
         "webpack": "5"
     },

package/core/Experimental/Button/button.spec.d.ts

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

package/core/Experimental/Button/button.spec.js

@@ -1,32 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-var React = _interopRequireWildcard(require("react"));
-var _react2 = require("@testing-library/react");
-var _Button = _interopRequireDefault(require("./Button"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-describe('Button', function () {
-  var NAME = 'btnName';
-  var LABEL = 'Click Me';
-  it('should render', function () {
-    (0, _react2.render)( /*#__PURE__*/React.createElement(_Button["default"], {
-      name: NAME,
-      label: LABEL
-    }));
-    var button = _react2.screen.getByText(LABEL);
-    expect(button).toBeDefined();
-  });
-  it('should call onClick', function () {
-    var onClick = jest.fn();
-    (0, _react2.render)( /*#__PURE__*/React.createElement(_Button["default"], {
-      name: NAME,
-      label: LABEL,
-      onClick: onClick
-    }));
-    var button = _react2.screen.getByText(LABEL);
-    button.click();
-    expect(onClick).toHaveBeenCalled();
-  });
-});

package/core/Experimental/Button/button.stories.d.ts

@@ -1,6 +0,0 @@
-export declare const button: () => JSX.Element;
-declare const _default: {
-    title: string;
-    component: (props: import("./Button").Props) => JSX.Element;
-};
-export default _default;

package/core/Experimental/Button/button.stories.js

@@ -1,21 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.button = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Button = _interopRequireDefault(require("./Button"));
-var button = function button() {
-  return /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    name: "AddFoo",
-    label: "Add Foo"
-  });
-};
-exports.button = button;
-var _default = {
-  title: 'v2/Button',
-  component: _Button["default"]
-};
-exports["default"] = _default;

package/core/Experimental/Button/index.d.ts

@@ -1 +0,0 @@
-export { default as Button } from './Button';

package/core/Experimental/Button/index.js

@@ -1,13 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Button", {
-  enumerable: true,
-  get: function get() {
-    return _Button["default"];
-  }
-});
-var _Button = _interopRequireDefault(require("./Button"));

package/core/Experimental/Card/card.stories.d.ts

@@ -1,6 +0,0 @@
-export declare const card: () => JSX.Element;
-declare const _default: {
-    title: string;
-    component: (props: import("./Card").IProps) => JSX.Element;
-};
-export default _default;

package/core/Experimental/Card/card.stories.js

@@ -1,22 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.card = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Card = _interopRequireDefault(require("./Card"));
-var _Typography = _interopRequireDefault(require("../../Typography"));
-var card = function card() {
-  return /*#__PURE__*/_react["default"].createElement(_Card["default"], {
-    name: "Card",
-    title: "Foo Bar"
-  }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], null, "Dummy content"));
-};
-exports.card = card;
-var _default = {
-  title: 'experimental/Card',
-  component: _Card["default"]
-};
-exports["default"] = _default;

package/core/Experimental/Card/index.d.ts

@@ -1 +0,0 @@
-export { default as Card } from './Card';

package/core/Experimental/Card/index.js

@@ -1,13 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Card", {
-  enumerable: true,
-  get: function get() {
-    return _Card["default"];
-  }
-});
-var _Card = _interopRequireDefault(require("./Card"));