flipper-ui 0.39.7 → 0.39.8

package/core/data-display/table-interactive/TableInteractiveHeader.js

@@ -11,7 +11,7 @@ var _mui = require("../../../icons/mui");
 var _styles = require("./styles");
 var TableInteractiveHeader = exports.TableInteractiveHeader = function TableInteractiveHeader(props) {
   return /*#__PURE__*/_react["default"].createElement(_styles.TableHeaderContent, null, /*#__PURE__*/_react["default"].createElement("div", null, props.headerActions), /*#__PURE__*/_react["default"].createElement(_iconButton["default"], {
-    padding: "4px",
+    padding: "4px 6px",
     onClick: props.handleOpen
   }, /*#__PURE__*/_react["default"].createElement(_mui.IconSettings, {
     color: "primary"

package/core/data-display/table-interactive/styles.js

@@ -12,7 +12,7 @@ var _theme = require("../../../theme");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 var gray = _theme.theme.colors.gray;
 var ContentWrapper = exports.ContentWrapper = _styled["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    border-bottom: 2px solid ", ";\n"])), gray[300]);
-var TableHeaderContent = exports.TableHeaderContent = _styled["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n    display: flex;\n    justify-content: flex-end;\n    gap: 8px;\n    margin: 0 0 8px 0;\n\n    & > div {\n        display: flex;\n        justify-content: flex-end;\n        gap: 8px;\n    }\n"])));
+var TableHeaderContent = exports.TableHeaderContent = _styled["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n    display: flex;\n    justify-content: flex-end;\n    gap: 4px;\n    margin: 0 0 8px 0;\n\n    & > div {\n        display: flex;\n        align-items: center;\n        justify-content: flex-end;\n        gap: 8px;\n    }\n"])));
 var ActionsWrapper = exports.ActionsWrapper = _styled["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    width: 100%;\n"])));
 var TableCellInteractive = exports.TableCellInteractive = (0, _styled["default"])(_tableCell["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n    && {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n        min-width: 60px;\n        max-width: ", ";\n\n        @media (max-width: 1440px) {\n            padding: 16px 8px;\n        }\n    }\n"])), function (props) {
   return props.fixed ? props.width : 'none';

package/icons/mui/index.d.ts

@@ -40,7 +40,9 @@ export { default as IconDoneAll } from '@mui/icons-material/DoneAll';
 export { default as IconDonutLarge } from '@mui/icons-material/DonutLarge';
 export { default as IconDragHandle } from '@mui/icons-material/DragHandle';
 export { default as IconDragIndicator } from '@mui/icons-material/DragIndicator';
+export { default as IconDraw } from '@mui/icons-material/Draw';
 export { default as IconEdit } from '@mui/icons-material/Edit';
+export { default as IconEditNote } from '@mui/icons-material/EditNote';
 export { default as IconEditLocationAlt } from '@mui/icons-material/EditLocationAlt';
 export { default as IconEmail } from '@mui/icons-material/Email';
 export { default as IconEnhancedEncryption } from '@mui/icons-material/EnhancedEncryption';
@@ -75,6 +77,7 @@ export { default as IconHourglassFull } from '@mui/icons-material/HourglassFull'
 export { default as IconVote } from '@mui/icons-material/HowToVote';
 export { default as IconImportantDevices } from '@mui/icons-material/ImportantDevices';
 export { default as IconInfo } from '@mui/icons-material/Info';
+export { default as IconInfoOutlined } from '@mui/icons-material/InfoOutlined';
 export { default as IconInsertDriveFile } from '@mui/icons-material/InsertDriveFile';
 export { default as IconLabelImportant } from '@mui/icons-material/LabelImportant';
 export { default as IconLastPage } from '@mui/icons-material/LastPage';
@@ -138,11 +141,13 @@ export { default as IconTableView } from '@mui/icons-material/TableRows';
 export { default as IconTextFields } from '@mui/icons-material/TextFields';
 export { default as IconTimeline } from '@mui/icons-material/Timeline';
 export { default as IconToday } from '@mui/icons-material/Today';
+export { default as IconTokenRounded } from '@mui/icons-material/TokenRounded';
 export { default as IconUpdate } from '@mui/icons-material/Update';
 export { default as IconVisibility } from '@mui/icons-material/Visibility';
 export { default as IconVisibilityOff } from '@mui/icons-material/VisibilityOff';
 export { default as IconVpnKey } from '@mui/icons-material/VpnKey';
 export { default as IconWarning } from '@mui/icons-material/Warning';
+export { default as IconWarningOutlined } from '@mui/icons-material/WarningAmberOutlined';
 export { default as IconWaterDrop } from '@mui/icons-material/WaterDrop';
 export { default as IconWebhook } from '@mui/icons-material/Webhook';
 export { default as IconWifiOff } from '@mui/icons-material/WifiOff';

package/icons/mui/index.js

@@ -256,6 +256,12 @@ Object.defineProperty(exports, "IconDragIndicator", {
     return _DragIndicator["default"];
   }
 });
+Object.defineProperty(exports, "IconDraw", {
+  enumerable: true,
+  get: function get() {
+    return _Draw["default"];
+  }
+});
 Object.defineProperty(exports, "IconEdit", {
   enumerable: true,
   get: function get() {
@@ -268,6 +274,12 @@ Object.defineProperty(exports, "IconEditLocationAlt", {
     return _EditLocationAlt["default"];
   }
 });
+Object.defineProperty(exports, "IconEditNote", {
+  enumerable: true,
+  get: function get() {
+    return _EditNote["default"];
+  }
+});
 Object.defineProperty(exports, "IconEmail", {
   enumerable: true,
   get: function get() {
@@ -460,6 +472,12 @@ Object.defineProperty(exports, "IconInfo", {
     return _Info["default"];
   }
 });
+Object.defineProperty(exports, "IconInfoOutlined", {
+  enumerable: true,
+  get: function get() {
+    return _InfoOutlined["default"];
+  }
+});
 Object.defineProperty(exports, "IconInsertDriveFile", {
   enumerable: true,
   get: function get() {
@@ -838,6 +856,12 @@ Object.defineProperty(exports, "IconToday", {
     return _Today["default"];
   }
 });
+Object.defineProperty(exports, "IconTokenRounded", {
+  enumerable: true,
+  get: function get() {
+    return _TokenRounded["default"];
+  }
+});
 Object.defineProperty(exports, "IconUpdate", {
   enumerable: true,
   get: function get() {
@@ -874,6 +898,12 @@ Object.defineProperty(exports, "IconWarning", {
     return _Warning["default"];
   }
 });
+Object.defineProperty(exports, "IconWarningOutlined", {
+  enumerable: true,
+  get: function get() {
+    return _WarningAmberOutlined["default"];
+  }
+});
 Object.defineProperty(exports, "IconWaterDrop", {
   enumerable: true,
   get: function get() {
@@ -934,7 +964,9 @@ var _DoneAll = _interopRequireDefault(require("@mui/icons-material/DoneAll"));
 var _DonutLarge = _interopRequireDefault(require("@mui/icons-material/DonutLarge"));
 var _DragHandle = _interopRequireDefault(require("@mui/icons-material/DragHandle"));
 var _DragIndicator = _interopRequireDefault(require("@mui/icons-material/DragIndicator"));
+var _Draw = _interopRequireDefault(require("@mui/icons-material/Draw"));
 var _Edit = _interopRequireDefault(require("@mui/icons-material/Edit"));
+var _EditNote = _interopRequireDefault(require("@mui/icons-material/EditNote"));
 var _EditLocationAlt = _interopRequireDefault(require("@mui/icons-material/EditLocationAlt"));
 var _Email = _interopRequireDefault(require("@mui/icons-material/Email"));
 var _EnhancedEncryption = _interopRequireDefault(require("@mui/icons-material/EnhancedEncryption"));
@@ -969,6 +1001,7 @@ var _HourglassFull = _interopRequireDefault(require("@mui/icons-material/Hourgla
 var _HowToVote = _interopRequireDefault(require("@mui/icons-material/HowToVote"));
 var _ImportantDevices = _interopRequireDefault(require("@mui/icons-material/ImportantDevices"));
 var _Info = _interopRequireDefault(require("@mui/icons-material/Info"));
+var _InfoOutlined = _interopRequireDefault(require("@mui/icons-material/InfoOutlined"));
 var _InsertDriveFile = _interopRequireDefault(require("@mui/icons-material/InsertDriveFile"));
 var _LabelImportant = _interopRequireDefault(require("@mui/icons-material/LabelImportant"));
 var _LastPage = _interopRequireDefault(require("@mui/icons-material/LastPage"));
@@ -1032,11 +1065,13 @@ var _TableRows = _interopRequireDefault(require("@mui/icons-material/TableRows")
 var _TextFields = _interopRequireDefault(require("@mui/icons-material/TextFields"));
 var _Timeline = _interopRequireDefault(require("@mui/icons-material/Timeline"));
 var _Today = _interopRequireDefault(require("@mui/icons-material/Today"));
+var _TokenRounded = _interopRequireDefault(require("@mui/icons-material/TokenRounded"));
 var _Update = _interopRequireDefault(require("@mui/icons-material/Update"));
 var _Visibility = _interopRequireDefault(require("@mui/icons-material/Visibility"));
 var _VisibilityOff = _interopRequireDefault(require("@mui/icons-material/VisibilityOff"));
 var _VpnKey = _interopRequireDefault(require("@mui/icons-material/VpnKey"));
 var _Warning = _interopRequireDefault(require("@mui/icons-material/Warning"));
+var _WarningAmberOutlined = _interopRequireDefault(require("@mui/icons-material/WarningAmberOutlined"));
 var _WaterDrop = _interopRequireDefault(require("@mui/icons-material/WaterDrop"));
 var _Webhook = _interopRequireDefault(require("@mui/icons-material/Webhook"));
 var _WifiOff = _interopRequireDefault(require("@mui/icons-material/WifiOff"));

package/icons/specific/IconCancelNote.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { IIconProps } from '../utils';
+export declare const IconCancelNote: ({ color, width, height, viewBox }: IIconProps) => React.JSX.Element;

package/icons/specific/IconCancelNote.js

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.IconCancelNote = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _theme = require("../../theme");
+var primary = _theme.theme.colors.primary;
+var IconCancelNote = exports.IconCancelNote = function IconCancelNote(_ref) {
+  var color = _ref.color,
+    width = _ref.width,
+    height = _ref.height,
+    viewBox = _ref.viewBox;
+  return /*#__PURE__*/_react["default"].createElement("svg", {
+    fill: "none",
+    width: width || 24,
+    height: height || 24,
+    viewBox: viewBox || '0 0 24 24',
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    fill: color || primary.main,
+    d: "M20 15.1665L17.916 17.2498L20 19.3335L18.3334 21L16.2494 18.9163L14.1666 20.9996L12.5 19.3332L14.5829 17.2498L12.5 15.1668L14.1666 13.5004L16.2494 15.5834L18.333 13.5L20 15.1665Z"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    fill: color || primary.main,
+    d: "M3.5 10H14.5V12H3.5V10ZM3.5 8H14.5V6H3.5V8ZM3.5 16H10.5V14H3.5V16Z"
+  }));
+};

package/icons/specific/IconPendingNote.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { IIconProps } from '../utils';
+export declare const IconPendingNote: ({ color, width, height, viewBox }: IIconProps) => React.JSX.Element;

package/icons/specific/IconPendingNote.js

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.IconPendingNote = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _theme = require("../../theme");
+var primary = _theme.theme.colors.primary;
+var IconPendingNote = exports.IconPendingNote = function IconPendingNote(_ref) {
+  var color = _ref.color,
+    width = _ref.width,
+    height = _ref.height,
+    viewBox = _ref.viewBox;
+  return /*#__PURE__*/_react["default"].createElement("svg", {
+    fill: "none",
+    width: width || 24,
+    height: height || 24,
+    viewBox: viewBox || '0 0 24 24',
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    fill: color || primary.main,
+    d: "M3 10H14V12H3V10ZM3 8H14V6H3V8ZM3 16H10V14H3V16Z"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    fill: color || primary.main,
+    d: "M19.6102 16.6487L20.1191 16.154C20.4936 15.79 20.4936 15.1973 20.1191 14.8333L19.4421 14.1753C19.0676 13.8113 18.4578 13.8113 18.0833 14.1753L17.5744 14.67L19.6102 16.6487ZM16.8926 15.328L12.4801 19.6213V21.6H14.5159L18.9284 17.3113L16.8926 15.328ZM19.6822 19.9667C19.6822 20.9887 18.4626 21.6 17.2815 21.6C17.0174 21.6 16.8014 21.39 16.8014 21.1333C16.8014 20.8767 17.0174 20.6667 17.2815 20.6667C18.0209 20.6667 18.7219 20.326 18.7219 19.9667C18.7219 19.7473 18.4915 19.5607 18.1314 19.4067L18.842 18.716C19.3557 19.01 19.6822 19.402 19.6822 19.9667ZM12.7586 18.03C12.2929 17.7687 12 17.428 12 16.9333C12 16.0933 12.9075 15.706 13.7093 15.3653C14.2038 15.1507 14.8808 14.8613 14.8808 14.6C14.8808 14.4087 14.5063 14.1333 13.9205 14.1333C13.3156 14.1333 13.0563 14.418 13.0419 14.432C12.8738 14.6233 12.5714 14.6467 12.3697 14.488C12.1728 14.3293 12.1344 14.0447 12.2977 13.844C12.3505 13.7787 12.845 13.2 13.9205 13.2C14.9961 13.2 15.8411 13.816 15.8411 14.6C15.8411 15.4727 14.9144 15.8693 14.0934 16.2193C13.6421 16.4107 12.9603 16.7 12.9603 16.9333C12.9603 17.078 13.1667 17.2133 13.474 17.3347L12.7586 18.03Z"
+  }));
+};

package/icons/specific/IconViewNote.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { IIconProps } from '../utils';
+export declare const IconViewNote: ({ color, width, height, viewBox }: IIconProps) => React.JSX.Element;

package/icons/specific/IconViewNote.js

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.IconViewNote = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _theme = require("../../theme");
+var primary = _theme.theme.colors.primary;
+var IconViewNote = exports.IconViewNote = function IconViewNote(_ref) {
+  var color = _ref.color,
+    width = _ref.width,
+    height = _ref.height,
+    viewBox = _ref.viewBox;
+  return /*#__PURE__*/_react["default"].createElement("svg", {
+    fill: "none",
+    width: width || 24,
+    height: height || 24,
+    viewBox: viewBox || '0 0 24 24',
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    fill: color || primary.main,
+    d: "M3.5 10H14.5V12H3.5V10ZM3.5 8H14.5V6H3.5V8ZM3.5 16H10.5V14H3.5V16Z"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    fill: color || primary.main,
+    d: "M16.5 14.5C14.4545 14.5 12.7077 15.8477 12 17.75C12.7077 19.6523 14.4545 21 16.5 21C18.5455 21 20.2923 19.6523 21 17.75C20.2923 15.8477 18.5455 14.5 16.5 14.5ZM16.5 19.9167C15.3709 19.9167 14.4545 18.946 14.4545 17.75C14.4545 16.554 15.3709 15.5833 16.5 15.5833C17.6291 15.5833 18.5455 16.554 18.5455 17.75C18.5455 18.946 17.6291 19.9167 16.5 19.9167ZM16.5 16.45C15.8209 16.45 15.2727 17.0307 15.2727 17.75C15.2727 18.4693 15.8209 19.05 16.5 19.05C17.1791 19.05 17.7273 18.4693 17.7273 17.75C17.7273 17.0307 17.1791 16.45 16.5 16.45Z"
+  }));
+};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "flipper-ui",
-    "version": "0.39.7",
+    "version": "0.39.8",
     "author": "NG",
     "license": "MIT",
     "main": "dist/index.js",
@@ -52,18 +52,18 @@
         "@storybook/blocks": "8.6.12",
         "@storybook/react": "8.6.12",
         "@storybook/react-webpack5": "8.6.12",
-        "@stylistic/eslint-plugin": "5.8.0",
+        "@stylistic/eslint-plugin": "5.10.0",
         "@testing-library/dom": "10.4.1",
         "@testing-library/jest-dom": "6.9.1",
         "@testing-library/react": "16.3.2",
         "@testing-library/user-event": "14.6.1",
         "@types/jest": "30.0.0",
-        "@types/node": "25.2.3",
+        "@types/node": "25.3.5",
         "@types/ramda": "0.30.2",
         "@types/react": "18.3.12",
-        "@typescript-eslint/eslint-plugin": "8.55.0",
-        "@typescript-eslint/parser": "8.55.0",
-        "babel-loader": "10.0.0",
+        "@typescript-eslint/eslint-plugin": "8.56.1",
+        "@typescript-eslint/parser": "8.56.1",
+        "babel-loader": "10.1.0",
         "babel-plugin-import": "1.13.8",
         "babel-plugin-module-resolver": "5.0.2",
         "date-fns": "4.1.0",
@@ -74,7 +74,7 @@
         "eslint-plugin-prettier": "5.5.5",
         "eslint-plugin-react": "7.37.5",
         "eslint-plugin-react-hooks": "7.0.1",
-        "fs-extra": "11.3.3",
+        "fs-extra": "11.3.4",
         "identity-obj-proxy": "3.0.0",
         "jest": "30.2.0",
         "jest-environment-jsdom": "30.2.0",
@@ -86,9 +86,9 @@
         "ts-jest": "29.4.6",
         "ts-loader": "9.5.4",
         "typescript": "5.9.3",
-        "typescript-eslint": "8.55.0",
+        "typescript-eslint": "8.56.1",
         "uuid": "11.1.0",
-        "webpack": "5.105.2"
+        "webpack": "5.105.4"
     },
     "peerDependencies": {
         "date-fns": "^4.0.0",