flipper-ui 0.34.0 → 0.34.2

package/core/feedback/dialog/index.js

@@ -67,11 +67,12 @@ var Dialog = function Dialog(_ref) {
   };
   var renderContent = function renderContent(content) {
     return /*#__PURE__*/_react["default"].createElement(_DialogContent["default"], {
-      classes: {
-        root: classes.root
-      },
       style: contentStyle
-    }, content);
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      style: {
+        padding: '8px 0px 0px'
+      }
+    }, content));
   };
   var renderText = function renderText(text) {
     var content = /*#__PURE__*/_react["default"].createElement(_DialogContentText["default"], {
@@ -90,9 +91,9 @@ var Dialog = function Dialog(_ref) {
   var renderSnippet = function renderSnippet() {
     return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_styles.Snippet, {
       style: snippetStyle
-    }, /*#__PURE__*/_react["default"].createElement(_styles.SnippetContent, {
+    }, /*#__PURE__*/_react["default"].createElement(_styles.PaperContent, null, renderPaperContent()), /*#__PURE__*/_react["default"].createElement(_styles.SnippetContent, {
       style: snippetContentStyle
-    }, snippet)), /*#__PURE__*/_react["default"].createElement(_styles.PaperContent, null, renderPaperContent()));
+    }, snippet)));
   };
   return /*#__PURE__*/_react["default"].createElement(_Dialog["default"], (0, _extends2["default"])({}, otherProps, {
     open: open,

package/core/feedback/dialog/styles.js

@@ -11,5 +11,5 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
 var PaperContent = exports.PaperContent = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])([""])));
 var TitleWrapper = exports.TitleWrapper = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n    display: flex;\n"])));
 var TitleAction = exports.TitleAction = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n    padding: 16px 24px;\n    align-items: center;\n    display: flex;\n"])));
-var Snippet = exports.Snippet = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n    display: flex;\n    justify-content: flex-end;\n    padding: 6px 6px 0px 0px;\n"])));
+var Snippet = exports.Snippet = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n    display: flex;\n    justify-content: flex-end;\n"])));
 var SnippetContent = exports.SnippetContent = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n    position: relative;\n    height: inherit;\n    display: flex;\n"])));

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

@@ -12,5 +12,5 @@ export interface IProps {
     fullWidth?: boolean;
 }
 export type TDateTime = DatePickerProps<Date> & TimePickerProps<Date> & DateTimePickerProps<Date> & IProps & DefaultProps;
-declare const DateTime: ({ padding, margin, style, value, onChange, error, minDate, minDateTime, maxDate, maxDateTime, required, disabled, placeholder, fullWidth, type, ...otherProps }: TDateTime) => React.JSX.Element;
+declare const DateTime: ({ id, padding, margin, style, value, onChange, error, minDate, minDateTime, maxDate, maxDateTime, required, disabled, placeholder, fullWidth, type, ...otherProps }: TDateTime) => React.JSX.Element;
 export default DateTime;

package/core/inputs/date-time/index.js

@@ -20,7 +20,7 @@ var _format = _interopRequireDefault(require("date-fns/format"));
 var _ptBR = _interopRequireDefault(require("date-fns/locale/pt-BR"));
 var _styles = require("./styles");
 var _theme = require("../../../theme");
-var _excluded = ["padding", "margin", "style", "value", "onChange", "error", "minDate", "minDateTime", "maxDate", "maxDateTime", "required", "disabled", "placeholder", "fullWidth", "type"];
+var _excluded = ["id", "padding", "margin", "style", "value", "onChange", "error", "minDate", "minDateTime", "maxDate", "maxDateTime", "required", "disabled", "placeholder", "fullWidth", "type"];
 /* eslint-disable import/no-duplicates */
 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; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -137,7 +137,8 @@ var CustomStaticDateTimePicker = function CustomStaticDateTimePicker(props) {
   }));
 };
 var DateTime = function DateTime(_ref) {
-  var padding = _ref.padding,
+  var id = _ref.id,
+    padding = _ref.padding,
     margin = _ref.margin,
     style = _ref.style,
     value = _ref.value,
@@ -183,6 +184,7 @@ var DateTime = function DateTime(_ref) {
         },
         slotProps: {
           textField: {
+            id: id,
             size: 'small',
             error: error,
             required: required,
@@ -229,6 +231,7 @@ var DateTime = function DateTime(_ref) {
         },
         slotProps: {
           textField: {
+            id: id,
             size: 'small',
             error: error,
             required: required,
@@ -281,6 +284,7 @@ var DateTime = function DateTime(_ref) {
       },
       slotProps: {
         textField: {
+          id: id,
           size: 'small',
           error: error,
           required: required,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "flipper-ui",
-    "version": "0.34.0",
+    "version": "0.34.2",
     "description": "React UI based on the @mui/material toolkit for the web",
     "main": "dist/index.js",
     "author": "NG",
@@ -30,15 +30,15 @@
         "publish:yalc": "cd dist/ && yalc publish && cd ..",
         "release": "yarn build && node pre-publish.js && npm publish ./dist --access public",
         "test:ci": "yarn test --coverage",
-        "test": "jest --verbose --silent --passWithNoTests --noStackTrace --runInBand"
+        "test": "jest --verbose --silent --passWithNoTests --noStackTrace --runInBand --updateSnapshot"
     },
     "dependencies": {
         "@emotion/react": "11.11.4",
         "@emotion/styled": "11.11.5",
-        "@mui/icons-material": "5.15.21",
-        "@mui/material": "5.15.21",
-        "@mui/styles": "5.15.21",
-        "@mui/x-date-pickers": "7.8.0",
+        "@mui/icons-material": "5.16.0",
+        "@mui/material": "5.16.0",
+        "@mui/styles": "5.16.0",
+        "@mui/x-date-pickers": "7.10.0",
         "date-fns": "2.30.0",
         "ramda": "0.25.0",
         "react-loading-skeleton": "3.4.0",
@@ -47,10 +47,10 @@
         "uuid": "10.0.0"
     },
     "devDependencies": {
-        "@babel/cli": "7.24.7",
-        "@babel/core": "7.24.7",
+        "@babel/cli": "7.24.8",
+        "@babel/core": "7.24.8",
         "@babel/plugin-transform-runtime": "7.24.7",
-        "@babel/preset-env": "7.24.7",
+        "@babel/preset-env": "7.24.8",
         "@babel/preset-typescript": "7.24.7",
         "@faker-js/faker": "8.4.1",
         "@storybook/addon-essentials": "7.6.17",
@@ -58,18 +58,18 @@
         "@storybook/react": "7.6.17",
         "@storybook/react-webpack5": "7.6.17",
         "@stylistic/eslint-plugin": "2.3.0",
-        "@testing-library/dom": "10.3.0",
+        "@testing-library/dom": "10.3.1",
         "@testing-library/jest-dom": "6.4.6",
         "@testing-library/react": "16.0.0",
         "@testing-library/user-event": "14.5.2",
         "@types/jest": "29.5.12",
-        "@types/node": "20.14.9",
+        "@types/node": "20.14.10",
         "@types/ramda": "0.25.36",
         "@types/react": "18.3.3",
         "@types/sprintf-js": "1.1.4",
         "@types/uuid": "10.0.0",
-        "@typescript-eslint/eslint-plugin": "7.15.0",
-        "@typescript-eslint/parser": "7.15.0",
+        "@typescript-eslint/eslint-plugin": "7.16.0",
+        "@typescript-eslint/parser": "7.16.0",
         "babel-loader": "9.1.3",
         "babel-plugin-import": "1.13.8",
         "babel-plugin-module-resolver": "5.0.2",
@@ -89,7 +89,7 @@
         "react-dom": "18.3.1",
         "storybook": "7.6.17",
         "styled-components": "6.1.11",
-        "ts-jest": "29.1.5",
+        "ts-jest": "29.2.2",
         "ts-loader": "9.5.1",
         "typescript": "5.5.3",
         "webpack": "5.92.1"