flipper-ui 0.31.7 → 0.33.0

package/index.js

@@ -1,20 +1,88 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "Advertise", {
-  enumerable: true,
-  get: function get() {
-    return _advertise["default"];
+var _exportNames = {
+  Actions: true,
+  Advertise: true,
+  Avatar: true,
+  Badge: true,
+  Chapter: true,
+  Chip: true,
+  Divider: true,
+  Fab: true,
+  FabV2: true,
+  Line: true,
+  List: true,
+  ListItem: true,
+  MenuItem: true,
+  PasswordVisibility: true,
+  Table: true,
+  TableBody: true,
+  TableCell: true,
+  TableHead: true,
+  TableRow: true,
+  Typography: true,
+  Collapse: true,
+  Dialog: true,
+  Fade: true,
+  Grow: true,
+  Loading: true,
+  NothingFound: true,
+  Progress: true,
+  Skeleton: true,
+  Slide: true,
+  SnackBar: true,
+  Tooltip: true,
+  ValidationDialog: true,
+  AddButton: true,
+  Button: true,
+  Checkbox: true,
+  ChipField: true,
+  DateTime: true,
+  IconButton: true,
+  InputAdornment: true,
+  MaskField: true,
+  PinInput: true,
+  Radio: true,
+  RadioGroup: true,
+  Select: true,
+  Slider: true,
+  TextField: true,
+  Breadcrumbs: true,
+  Drawer: true,
+  Menu: true,
+  Sidebar: true,
+  Stepper: true,
+  Tab: true,
+  Tabs: true,
+  Box: true,
+  Card: true,
+  ExpansionPanel: true,
+  Header: true,
+  Panel: true,
+  Paper: true,
+  StepCard: true,
+  StepCardSkeleton: true
+};
+Object.defineProperty(exports, "Actions", {
+  enumerable: true,
+  get: function get() {
+    return _actions["default"];
+  }
+});
+Object.defineProperty(exports, "AddButton", {
+  enumerable: true,
+  get: function get() {
+    return _addButton["default"];
   }
 });
-Object.defineProperty(exports, "AutoComplete", {
+Object.defineProperty(exports, "Advertise", {
   enumerable: true,
   get: function get() {
-    return _autoComplete["default"];
+    return _advertise["default"];
   }
 });
 Object.defineProperty(exports, "Avatar", {
@@ -35,10 +103,10 @@ Object.defineProperty(exports, "Box", {
     return _box["default"];
   }
 });
-Object.defineProperty(exports, "Breadcrumb", {
+Object.defineProperty(exports, "Breadcrumbs", {
   enumerable: true,
   get: function get() {
-    return _breadcrumb["default"];
+    return _breadcrumbs["default"];
   }
 });
 Object.defineProperty(exports, "Button", {
@@ -77,42 +145,12 @@ Object.defineProperty(exports, "ChipField", {
     return _chipField["default"];
   }
 });
-Object.defineProperty(exports, "ClickAwayListener", {
-  enumerable: true,
-  get: function get() {
-    return _ClickAwayListener["default"];
-  }
-});
 Object.defineProperty(exports, "Collapse", {
   enumerable: true,
   get: function get() {
     return _collapse["default"];
   }
 });
-Object.defineProperty(exports, "Container", {
-  enumerable: true,
-  get: function get() {
-    return _container["default"];
-  }
-});
-Object.defineProperty(exports, "Content", {
-  enumerable: true,
-  get: function get() {
-    return _content["default"];
-  }
-});
-Object.defineProperty(exports, "DataTable", {
-  enumerable: true,
-  get: function get() {
-    return _dataTable["default"];
-  }
-});
-Object.defineProperty(exports, "DataTableField", {
-  enumerable: true,
-  get: function get() {
-    return _dataTableField["default"];
-  }
-});
 Object.defineProperty(exports, "DateTime", {
   enumerable: true,
   get: function get() {
@@ -137,25 +175,24 @@ Object.defineProperty(exports, "Drawer", {
     return _drawer["default"];
   }
 });
-Object.defineProperty(exports, "EditableTable", {
-  enumerable: true,
-  get: function get() {
-    return _editableTable["default"];
-  }
-});
 Object.defineProperty(exports, "ExpansionPanel", {
   enumerable: true,
   get: function get() {
     return _expansionPanel["default"];
   }
 });
-exports.Experimental = void 0;
 Object.defineProperty(exports, "Fab", {
   enumerable: true,
   get: function get() {
     return _fab["default"];
   }
 });
+Object.defineProperty(exports, "FabV2", {
+  enumerable: true,
+  get: function get() {
+    return _fabV["default"];
+  }
+});
 Object.defineProperty(exports, "Fade", {
   enumerable: true,
   get: function get() {
@@ -186,24 +223,12 @@ Object.defineProperty(exports, "InputAdornment", {
     return _inputAdornment["default"];
   }
 });
-Object.defineProperty(exports, "InputBase", {
-  enumerable: true,
-  get: function get() {
-    return _inputBase["default"];
-  }
-});
 Object.defineProperty(exports, "Line", {
   enumerable: true,
   get: function get() {
     return _line["default"];
   }
 });
-Object.defineProperty(exports, "Link", {
-  enumerable: true,
-  get: function get() {
-    return _link["default"];
-  }
-});
 Object.defineProperty(exports, "List", {
   enumerable: true,
   get: function get() {
@@ -216,6 +241,12 @@ Object.defineProperty(exports, "ListItem", {
     return _listItem["default"];
   }
 });
+Object.defineProperty(exports, "Loading", {
+  enumerable: true,
+  get: function get() {
+    return _loading["default"];
+  }
+});
 Object.defineProperty(exports, "MaskField", {
   enumerable: true,
   get: function get() {
@@ -234,16 +265,16 @@ Object.defineProperty(exports, "MenuItem", {
     return _menuItem["default"];
   }
 });
-Object.defineProperty(exports, "Node", {
+Object.defineProperty(exports, "NothingFound", {
   enumerable: true,
   get: function get() {
-    return _node["default"];
+    return _nothingFound["default"];
   }
 });
-Object.defineProperty(exports, "Pagination", {
+Object.defineProperty(exports, "Panel", {
   enumerable: true,
   get: function get() {
-    return _pagination["default"];
+    return _panel["default"];
   }
 });
 Object.defineProperty(exports, "Paper", {
@@ -252,6 +283,12 @@ Object.defineProperty(exports, "Paper", {
     return _paper["default"];
   }
 });
+Object.defineProperty(exports, "PasswordVisibility", {
+  enumerable: true,
+  get: function get() {
+    return _passwordVisibility["default"];
+  }
+});
 Object.defineProperty(exports, "PinInput", {
   enumerable: true,
   get: function get() {
@@ -288,6 +325,12 @@ Object.defineProperty(exports, "Sidebar", {
     return _sidebar["default"];
   }
 });
+Object.defineProperty(exports, "Skeleton", {
+  enumerable: true,
+  get: function get() {
+    return _skeleton["default"];
+  }
+});
 Object.defineProperty(exports, "Slide", {
   enumerable: true,
   get: function get() {
@@ -300,7 +343,7 @@ Object.defineProperty(exports, "Slider", {
     return _slider["default"];
   }
 });
-Object.defineProperty(exports, "Snackbar", {
+Object.defineProperty(exports, "SnackBar", {
   enumerable: true,
   get: function get() {
     return _snackbar["default"];
@@ -324,12 +367,6 @@ Object.defineProperty(exports, "Stepper", {
     return _stepper["default"];
   }
 });
-Object.defineProperty(exports, "StylesProvider", {
-  enumerable: true,
-  get: function get() {
-    return _stylesProvider["default"];
-  }
-});
 Object.defineProperty(exports, "Tab", {
   enumerable: true,
   get: function get() {
@@ -378,24 +415,12 @@ Object.defineProperty(exports, "TextField", {
     return _textField["default"];
   }
 });
-Object.defineProperty(exports, "ThemeProviderFlipper", {
-  enumerable: true,
-  get: function get() {
-    return _themeProvider["default"];
-  }
-});
 Object.defineProperty(exports, "Tooltip", {
   enumerable: true,
   get: function get() {
     return _tooltip["default"];
   }
 });
-Object.defineProperty(exports, "Tree", {
-  enumerable: true,
-  get: function get() {
-    return _tree["default"];
-  }
-});
 Object.defineProperty(exports, "Typography", {
   enumerable: true,
   get: function get() {
@@ -408,81 +433,100 @@ Object.defineProperty(exports, "ValidationDialog", {
     return _validationDialog["default"];
   }
 });
-Object.defineProperty(exports, "Zoom", {
-  enumerable: true,
-  get: function get() {
-    return _zoom["default"];
-  }
-});
+var _dataTable = require("./core/data-display/data-table");
+Object.keys(_dataTable).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _dataTable[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _dataTable[key];
+    }
+  });
+});
+var _dialogV = require("./core/feedback/dialog-v2");
+Object.keys(_dialogV).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _dialogV[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _dialogV[key];
+    }
+  });
+});
+var _autoCompleteLab = require("./core/inputs/auto-complete-lab");
+Object.keys(_autoCompleteLab).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _autoCompleteLab[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _autoCompleteLab[key];
+    }
+  });
+});
+var _actions = _interopRequireDefault(require("./core/data-display/actions"));
 var _advertise = _interopRequireDefault(require("./core/data-display/advertise"));
-var _autoComplete = _interopRequireDefault(require("./core/inputs/auto-complete"));
 var _avatar = _interopRequireDefault(require("./core/data-display/avatar"));
 var _badge = _interopRequireDefault(require("./core/data-display/badge"));
-var _breadcrumb = _interopRequireDefault(require("./core/navigation/breadcrumb"));
-var _box = _interopRequireDefault(require("./core/surfaces/box"));
-var _button = _interopRequireDefault(require("./core/inputs/button"));
-var _card = _interopRequireDefault(require("./core/surfaces/card"));
-var _checkbox = _interopRequireDefault(require("./core/inputs/checkbox"));
+var _chapter = _interopRequireDefault(require("./core/data-display/chapter"));
 var _chip = _interopRequireDefault(require("./core/data-display/chip"));
-var _chipField = _interopRequireDefault(require("./core/inputs/chip-field"));
-var _collapse = _interopRequireDefault(require("./core/feedback/collapse"));
-var _container = _interopRequireDefault(require("./core/surfaces/container"));
-var _content = _interopRequireDefault(require("./core/surfaces/content"));
-var _dateTime = _interopRequireDefault(require("./core/inputs/date-time"));
-var _editableTable = _interopRequireDefault(require("./core/data-display/editable-table"));
-var _dialog = _interopRequireDefault(require("./core/feedback/dialog"));
 var _divider = _interopRequireDefault(require("./core/data-display/divider"));
-var _drawer = _interopRequireDefault(require("./core/navigation/drawer"));
-var _expansionPanel = _interopRequireDefault(require("./core/surfaces/expansion-panel"));
 var _fab = _interopRequireDefault(require("./core/data-display/fab"));
-var _fade = _interopRequireDefault(require("./core/feedback/fade"));
-var _grow = _interopRequireDefault(require("./core/feedback/grow"));
-var _header = _interopRequireDefault(require("./core/surfaces/header"));
-var _iconButton = _interopRequireDefault(require("./core/inputs/icon-button"));
-var _inputBase = _interopRequireDefault(require("./core/inputs/input-base"));
-var _inputAdornment = _interopRequireDefault(require("./core/inputs/input-adornment"));
+var _fabV = _interopRequireDefault(require("./core/data-display/fab-v2"));
 var _line = _interopRequireDefault(require("./core/data-display/line"));
-var _link = _interopRequireDefault(require("./core/navigation/link"));
 var _list = _interopRequireDefault(require("./core/data-display/list"));
 var _listItem = _interopRequireDefault(require("./core/data-display/list-item"));
-var _menu = _interopRequireDefault(require("./core/navigation/menu"));
-var _maskField = _interopRequireDefault(require("./core/inputs/mask-field"));
-var _node = _interopRequireDefault(require("./core/data-display/node"));
 var _menuItem = _interopRequireDefault(require("./core/data-display/menu-item"));
-var _pagination = _interopRequireDefault(require("./core/navigation/pagination"));
-var _paper = _interopRequireDefault(require("./core/surfaces/paper"));
+var _passwordVisibility = _interopRequireDefault(require("./core/data-display/password-visibility"));
+var _table = _interopRequireDefault(require("./core/data-display/table"));
+var _tableBody = _interopRequireDefault(require("./core/data-display/table/table-body"));
+var _tableCell = _interopRequireDefault(require("./core/data-display/table/table-cell"));
+var _tableHead = _interopRequireDefault(require("./core/data-display/table/table-head"));
+var _tableRow = _interopRequireDefault(require("./core/data-display/table/table-row"));
+var _typography = _interopRequireDefault(require("./core/data-display/typography"));
+var _collapse = _interopRequireDefault(require("./core/feedback/collapse"));
+var _dialog = _interopRequireDefault(require("./core/feedback/dialog"));
+var _fade = _interopRequireDefault(require("./core/feedback/fade"));
+var _grow = _interopRequireDefault(require("./core/feedback/grow"));
+var _loading = _interopRequireDefault(require("./core/feedback/loading"));
+var _nothingFound = _interopRequireDefault(require("./core/feedback/nothing-found"));
 var _progress = _interopRequireDefault(require("./core/feedback/progress"));
+var _skeleton = _interopRequireDefault(require("./core/feedback/skeleton"));
+var _slide = _interopRequireDefault(require("./core/feedback/slide"));
+var _snackbar = _interopRequireDefault(require("./core/feedback/snackbar"));
+var _tooltip = _interopRequireDefault(require("./core/feedback/tooltip"));
+var _validationDialog = _interopRequireDefault(require("./core/feedback/validation-dialog/"));
+var _addButton = _interopRequireDefault(require("./core/inputs/add-button"));
+var _button = _interopRequireDefault(require("./core/inputs/button"));
+var _checkbox = _interopRequireDefault(require("./core/inputs/checkbox"));
+var _chipField = _interopRequireDefault(require("./core/inputs/chip-field"));
+var _dateTime = _interopRequireDefault(require("./core/inputs/date-time"));
+var _iconButton = _interopRequireDefault(require("./core/inputs/icon-button"));
+var _inputAdornment = _interopRequireDefault(require("./core/inputs/input-adornment"));
+var _maskField = _interopRequireDefault(require("./core/inputs/mask-field"));
+var _pinInput = _interopRequireDefault(require("./core/inputs/pin-input"));
 var _radio = _interopRequireDefault(require("./core/inputs/radio"));
 var _radioGroup = _interopRequireDefault(require("./core/inputs/radio-group"));
 var _select = _interopRequireDefault(require("./core/inputs/select"));
-var _sidebar = _interopRequireDefault(require("./core/navigation/sidebar"));
-var _slide = _interopRequireDefault(require("./core/feedback/slide"));
 var _slider = _interopRequireDefault(require("./core/inputs/slider"));
-var _snackbar = _interopRequireDefault(require("./core/feedback/snackbar"));
+var _textField = _interopRequireDefault(require("./core/inputs/text-field"));
+var _breadcrumbs = _interopRequireDefault(require("./core/navigation/breadcrumbs"));
+var _drawer = _interopRequireDefault(require("./core/navigation/drawer"));
+var _menu = _interopRequireDefault(require("./core/navigation/menu"));
+var _sidebar = _interopRequireDefault(require("./core/navigation/sidebar"));
 var _stepper = _interopRequireDefault(require("./core/navigation/stepper"));
-var _stylesProvider = _interopRequireDefault(require("./core/context/styles-provider"));
 var _tab = _interopRequireDefault(require("./core/navigation/tab"));
-var _table = _interopRequireDefault(require("./core/data-display/table"));
-var _tableBody = _interopRequireDefault(require("./core/data-display/table/table-body"));
-var _tableCell = _interopRequireDefault(require("./core/data-display/table/table-cell"));
-var _tableHead = _interopRequireDefault(require("./core/data-display/table/table-head"));
-var _tableRow = _interopRequireDefault(require("./core/data-display/table/table-row"));
 var _tabs = _interopRequireDefault(require("./core/navigation/tabs"));
-var _textField = _interopRequireDefault(require("./core/inputs/text-field"));
-var _themeProvider = _interopRequireDefault(require("./core/context/theme-provider"));
-var _tooltip = _interopRequireDefault(require("./core/feedback/tooltip"));
-var _tree = _interopRequireDefault(require("./core/data-display/tree"));
-var _typography = _interopRequireDefault(require("./core/data-display/typography"));
-var _zoom = _interopRequireDefault(require("./core/feedback/zoom"));
-var _pinInput = _interopRequireDefault(require("./core/inputs/pin-input"));
-var _chapter = _interopRequireDefault(require("./core/data-display/chapter"));
-var _dataTable = _interopRequireDefault(require("./core/data-display/data-table"));
-var _dataTableField = _interopRequireDefault(require("./core/data-display/data-table/data-table-field"));
+var _box = _interopRequireDefault(require("./core/surfaces/box"));
+var _card = _interopRequireDefault(require("./core/surfaces/card"));
+var _expansionPanel = _interopRequireDefault(require("./core/surfaces/expansion-panel"));
+var _header = _interopRequireDefault(require("./core/surfaces/header"));
+var _panel = _interopRequireDefault(require("./core/surfaces/panel"));
+var _paper = _interopRequireDefault(require("./core/surfaces/paper"));
 var _stepCard = _interopRequireDefault(require("./core/surfaces/step-card"));
-var _stepCardSkeleton = _interopRequireDefault(require("./core/surfaces/step-card/step-card-skeleton"));
-var _validationDialog = _interopRequireDefault(require("./core/feedback/validation-dialog/"));
-var _Experimental = _interopRequireWildcard(require("./experimental"));
-exports.Experimental = _Experimental;
-var _ClickAwayListener = _interopRequireDefault(require("@mui/material/ClickAwayListener"));
-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); }
-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 && {}.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; }
+var _stepCardSkeleton = _interopRequireDefault(require("./core/surfaces/step-card/step-card-skeleton"));

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "flipper-ui",
-    "version": "0.31.7",
+    "version": "0.33.0",
     "description": "",
     "main": "dist/index.js",
     "homepage": "https://flipper-ui.ngi.com.br/",
@@ -24,7 +24,7 @@
         "lint:quiet": "eslint --quiet .eslintrc.js 'src/**/*.{ts,tsx}'",
         "format": "prettier -w 'src/**/*.{ts,tsx}'",
         "docs:build": "storybook build -o docs",
-        "clean": "rm -rf ./dist/*",
+        "clean": "rm -rf ./dist",
         "type-check": "tsc --noEmit",
         "copy:package": "cp package.json dist/",
         "publish:yalc": "cd dist/ && yalc publish && cd ..",
@@ -35,31 +35,29 @@
     "dependencies": {
         "@date-io/date-fns": "1.3.6",
         "@emotion/react": "11.11.4",
-        "@emotion/styled": "11.11.0",
+        "@emotion/styled": "11.11.5",
         "@material-ui/core": "4.12.4",
         "@material-ui/lab": "4.0.0-alpha.61",
         "@material-ui/pickers": "3.3.11",
-        "@mui/icons-material": "5.15.17",
-        "@mui/material": "5.15.17",
+        "@mui/icons-material": "5.15.19",
+        "@mui/material": "5.15.19",
         "date-fns": "2.30.0",
-        "faker": "5.5.3",
-        "material-table": "1.69.3",
         "material-ui-chip-input": "2.0.0-beta.2",
         "ramda": "0.25.0",
         "react-loading-skeleton": "3.4.0",
         "react-number-format": "4.4.1",
         "sprintf-js": "1.1.3",
-        "stylis": "4.3.2",
         "uuid": "9.0.1"
     },
     "devDependencies": {
-        "@babel/cli": "7.24.5",
-        "@babel/core": "7.24.5",
-        "@babel/plugin-transform-runtime": "7.24.3",
-        "@babel/preset-env": "7.24.5",
-        "@babel/preset-typescript": "7.24.1",
+        "@babel/cli": "7.24.6",
+        "@babel/core": "7.24.6",
+        "@babel/plugin-transform-runtime": "7.24.6",
+        "@babel/preset-env": "7.24.6",
+        "@babel/preset-typescript": "7.24.6",
+        "@faker-js/faker": "8.4.1",
         "@storybook/addon-essentials": "7.6.17",
-        "@storybook/addon-styling-webpack": "0.0.6",
+        "@storybook/addon-styling-webpack": "1.0.0",
         "@storybook/react": "7.6.17",
         "@storybook/react-webpack5": "7.6.17",
         "@stylistic/eslint-plugin": "1.5.4",
@@ -67,11 +65,10 @@
         "@testing-library/jest-dom": "6.4.5",
         "@testing-library/react": "15.0.7",
         "@testing-library/user-event": "14.5.2",
-        "@types/faker": "5.5.3",
         "@types/jest": "29.5.12",
-        "@types/node": "20.12.11",
+        "@types/node": "20.12.12",
         "@types/ramda": "0.25.36",
-        "@types/react": "18.2.66",
+        "@types/react": "18.3.3",
         "@types/sprintf-js": "1.1.4",
         "@types/uuid": "9.0.8",
         "@typescript-eslint/eslint-plugin": "7.2.0",
@@ -84,19 +81,20 @@
         "eslint-import-resolver-typescript": "3.6.1",
         "eslint-plugin-import": "2.29.1",
         "eslint-plugin-prettier": "5.1.3",
-        "eslint-plugin-react": "7.34.1",
+        "eslint-plugin-react": "7.34.2",
         "eslint-plugin-react-hooks": "4.6.2",
         "fs-extra": "11.2.0",
         "identity-obj-proxy": "3.0.0",
         "jest": "29.7.0",
         "jest-environment-jsdom": "29.7.0",
-        "node-fetch": "3.3.2",
         "prettier": "3.2.5",
-        "react": "18.2.0",
-        "react-dom": "18.2.0",
+        "react": "18.3.1",
+        "react-dom": "18.3.1",
+        "react-router": "6.23.1",
+        "react-router-dom": "6.23.1",
         "storybook": "7.6.17",
         "styled-components": "6.1.11",
-        "ts-jest": "29.1.2",
+        "ts-jest": "29.1.4",
         "ts-loader": "9.5.1",
         "typescript": "5.4.5",
         "webpack": "5.91.0"
@@ -104,6 +102,8 @@
     "peerDependencies": {
         "react": ">=17.0.0",
         "react-dom": ">=17.0.0",
+        "react-router": ">=5.0.0",
+        "react-router-dom": ">=5.0.0",
         "styled-components": ">=5.0.0"
     },
     "publishConfig": {
@@ -111,5 +111,6 @@
             "!dist/",
             "!/node_modules/"
         ]
-    }
+    },
+    "packageManager": "yarn@4.3.1"
 }