flipper-ui 0.34.7 → 0.34.9

package/core/navigation/stepper/stepper.stories.d.ts

@@ -1,6 +1,7 @@
-import type { Meta } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 import Stepper from '.';
-declare const _default: Meta<typeof Stepper>;
-export default _default;
-export declare const Default: any;
-export declare const WithIcon: any;
+declare const meta: Meta<typeof Stepper>;
+export default meta;
+type Story = StoryObj<typeof Stepper>;
+export declare const stepper: Story;
+export declare const stepperWithIcon: Story;

package/core/navigation/tabs/tabs.stories.d.ts

@@ -1,5 +1,6 @@
-import type { Meta } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 import Tabs from '.';
-declare const _default: Meta<typeof Tabs>;
-export default _default;
-export declare const Default: any;
+declare const meta: Meta<typeof Tabs>;
+export default meta;
+type Story = StoryObj<typeof Tabs>;
+export declare const tabs: Story;

package/core/surfaces/box/box.stories.d.ts

@@ -1,5 +1,6 @@
-import type { Meta } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 import Box from '.';
-declare const _default: Meta<typeof Box>;
-export default _default;
-export declare const Default: any;
+declare const meta: Meta<typeof Box>;
+export default meta;
+type Story = StoryObj<typeof Box>;
+export declare const box: Story;

package/core/surfaces/expansion-panel/expansion-panel.stories.d.ts

@@ -1,7 +1,6 @@
-import type { Meta } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 import ExpansionPanel from '.';
-declare const _default: Meta<typeof ExpansionPanel>;
-export default _default;
-export declare const Default: any;
-export declare const Disabled: any;
-export declare const WithEditable: any;
+declare const meta: Meta<typeof ExpansionPanel>;
+export default meta;
+type Story = StoryObj<typeof ExpansionPanel>;
+export declare const expansionPanel: Story;

package/core/surfaces/header/header.stories.d.ts

@@ -1,7 +1,6 @@
-import type { Meta } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 import Header from '.';
-declare const _default: Meta<typeof Header>;
-export default _default;
-export declare const Default: any;
-export declare const Primary: any;
-export declare const Secondary: any;
+declare const meta: Meta<typeof Header>;
+export default meta;
+type Story = StoryObj<typeof Header>;
+export declare const header: Story;

package/core/surfaces/header/styles.d.ts

@@ -0,0 +1 @@
+export declare const StoriesWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/core/surfaces/header/styles.js

@@ -0,0 +1,11 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StoriesWrapper = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _styledComponents = require("styled-components");
+var _templateObject;
+var StoriesWrapper = exports.StoriesWrapper = _styledComponents.styled.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    height: 75px;\n"])));

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

@@ -11,7 +11,6 @@ var _CheckCircle2 = _interopRequireDefault(require("@mui/icons-material/CheckCir
 var _react = _interopRequireDefault(require("react"));
 var _AccordionSummary = _interopRequireDefault(require("@mui/material/AccordionSummary"));
 var _LinearProgress = _interopRequireDefault(require("@mui/material/LinearProgress"));
-var _sprintfJs = require("sprintf-js");
 var _typography = _interopRequireDefault(require("../../data-display/typography"));
 var _styles = require("./styles");
 var _theme = require("../../../theme");
@@ -71,7 +70,7 @@ var StepCardPanel = exports.StepCardPanel = function StepCardPanel(props) {
     })
   }, /*#__PURE__*/_react["default"].createElement(_typography["default"], (0, _extends2["default"])({
     variant: "h6"
-  }, summaryProps), (0, _sprintfJs.sprintf)(summary, remainingSteps, time))) : /*#__PURE__*/_react["default"].createElement(_styles.NormalProgressContainer, {
+  }, summaryProps), summary.replace('%i', remainingSteps.toString()).replace('%i', time.toString()))) : /*#__PURE__*/_react["default"].createElement(_styles.NormalProgressContainer, {
     "data-testid": "normal-progress"
   }, /*#__PURE__*/_react["default"].createElement(_styles.NormalProgressContent, null, /*#__PURE__*/_react["default"].createElement(_typography["default"], (0, _extends2["default"])({
     variant: "h6"

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

@@ -1,7 +1,8 @@
-import type { Meta } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 import StepCard from '.';
-declare const _default: Meta<typeof StepCard>;
-export default _default;
-export declare const Default: any;
-export declare const WithoutExpandable: any;
-export declare const WithLoading: any;
+declare const meta: Meta<typeof StepCard>;
+export default meta;
+type Story = StoryObj<typeof StepCard>;
+export declare const stepCard: Story;
+export declare const stepCardWithoutExpandable: Story;
+export declare const stepCardWithLoading: Story;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "flipper-ui",
-    "version": "0.34.7",
+    "version": "0.34.9",
     "description": "React UI based on the @mui/material toolkit for the web",
     "main": "dist/index.js",
     "author": "NG",
@@ -32,41 +32,40 @@
     "dependencies": {
         "@emotion/react": "11.13.3",
         "@emotion/styled": "11.13.0",
-        "@mui/icons-material": "6.1.2",
-        "@mui/material": "6.1.2",
-        "@mui/styles": "6.1.2",
-        "@mui/system": "6.1.2",
-        "@mui/x-date-pickers": "7.18.0",
-        "date-fns": "2.30.0",
+        "@mui/icons-material": "6.1.6",
+        "@mui/material": "6.1.6",
+        "@mui/system": "6.1.6",
+        "@mui/x-date-pickers": "7.22.2",
+        "date-fns": "4.1.0",
         "ramda": "0.30.1",
         "react-loading-skeleton": "3.5.0",
-        "react-number-format": "5.4.2",
-        "sprintf-js": "1.1.3",
-        "uuid": "10.0.0"
+        "react-number-format": "5.4.2"
     },
     "devDependencies": {
-        "@babel/cli": "7.25.7",
-        "@babel/core": "7.25.7",
-        "@babel/plugin-transform-runtime": "7.25.7",
-        "@babel/preset-env": "7.25.7",
-        "@babel/preset-typescript": "7.25.7",
-        "@faker-js/faker": "9.0.3",
-        "@storybook/addon-essentials": "7.6.17",
-        "@storybook/react": "7.6.17",
-        "@storybook/react-webpack5": "7.6.17",
-        "@stylistic/eslint-plugin": "2.8.0",
+        "@babel/cli": "7.25.9",
+        "@babel/core": "7.26.0",
+        "@babel/plugin-transform-runtime": "7.25.9",
+        "@babel/preset-env": "7.26.0",
+        "@babel/preset-react": "7.25.9",
+        "@babel/preset-typescript": "7.26.0",
+        "@faker-js/faker": "9.2.0",
+        "@storybook/addon-essentials": "8.4.2",
+        "@storybook/addon-webpack5-compiler-babel": "3.0.3",
+        "@storybook/blocks": "8.4.2",
+        "@storybook/react": "8.4.2",
+        "@storybook/react-webpack5": "8.4.2",
+        "@stylistic/eslint-plugin": "2.10.1",
         "@testing-library/dom": "10.4.0",
-        "@testing-library/jest-dom": "6.5.0",
+        "@testing-library/jest-dom": "6.6.3",
         "@testing-library/react": "16.0.1",
         "@testing-library/user-event": "14.5.2",
-        "@types/jest": "29.5.13",
-        "@types/node": "22.7.4",
+        "@types/jest": "29.5.14",
+        "@types/node": "22.9.0",
         "@types/ramda": "0.30.2",
-        "@types/react": "18.3.11",
-        "@types/sprintf-js": "1.1.4",
+        "@types/react": "18.3.12",
         "@types/uuid": "10.0.0",
-        "@typescript-eslint/eslint-plugin": "8.8.0",
-        "@typescript-eslint/parser": "8.8.0",
+        "@typescript-eslint/eslint-plugin": "8.13.0",
+        "@typescript-eslint/parser": "8.13.0",
         "babel-loader": "9.2.1",
         "babel-plugin-import": "1.13.8",
         "babel-plugin-module-resolver": "5.0.2",
@@ -75,8 +74,8 @@
         "eslint-import-resolver-typescript": "3.6.3",
         "eslint-plugin-import": "2.31.0",
         "eslint-plugin-prettier": "5.2.1",
-        "eslint-plugin-react": "7.37.1",
-        "eslint-plugin-react-hooks": "4.6.2",
+        "eslint-plugin-react": "7.37.2",
+        "eslint-plugin-react-hooks": "5.0.0",
         "fs-extra": "11.2.0",
         "identity-obj-proxy": "3.0.0",
         "jest": "29.7.0",
@@ -84,12 +83,13 @@
         "prettier": "3.3.3",
         "react": "18.3.1",
         "react-dom": "18.3.1",
-        "storybook": "7.6.17",
+        "storybook": "8.4.2",
         "styled-components": "6.1.13",
         "ts-jest": "29.2.5",
         "ts-loader": "9.5.1",
-        "typescript": "5.6.2",
-        "webpack": "5.95.0"
+        "typescript": "5.6.3",
+        "uuid": "11.0.2",
+        "webpack": "5.96.1"
     },
     "peerDependencies": {
         "react": "^17.0.0 || ^18.0.0",

package/test/mocks/chip-field-mock.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { SyntheticEvent } from 'react';
+import type { AutocompleteChangeReason } from '@/core/inputs/autocomplete';
+interface IMultiple {
+    onChange?: (_event: SyntheticEvent<Element, Event>, value: string[], reason?: AutocompleteChangeReason) => void;
+}
+export declare const MultipleField: ({ onChange }: IMultiple) => React.JSX.Element;
+export {};

package/test/mocks/chip-field-mock.js

@@ -0,0 +1,26 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MultipleField = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _chipField = _interopRequireDefault(require("../../core/inputs/chip-field"));
+var MultipleField = exports.MultipleField = function MultipleField(_ref) {
+  var onChange = _ref.onChange;
+  return /*#__PURE__*/_react["default"].createElement(_chipField["default"], {
+    label: "Emails *",
+    list: [{
+      value: 'email@1.com',
+      label: 'email@1.com'
+    }, {
+      value: 'email@2.com',
+      label: 'email@2.com'
+    }],
+    error: false,
+    disabled: false,
+    value: [],
+    onChange: onChange
+  });
+};