flipper-ui 0.39.5 → 0.39.7

package/core/data-display/table-interactive/index.d.ts

@@ -1,3 +1,3 @@
 export { TableInteractive } from './TableInteractive';
-export { getInitialColumns, setVisibleColumns, generateHeader, getVisibleColumns, getOrderedVisibleColumns } from './utils';
+export { getDefaultColumns, getInitialColumns, setVisibleColumns, generateHeader, getVisibleColumns, getOrderedVisibleColumns } from './utils';
 export type { ITableInteractive } from './TableInteractive';

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

@@ -15,6 +15,12 @@ Object.defineProperty(exports, "generateHeader", {
     return _utils.generateHeader;
   }
 });
+Object.defineProperty(exports, "getDefaultColumns", {
+  enumerable: true,
+  get: function get() {
+    return _utils.getDefaultColumns;
+  }
+});
 Object.defineProperty(exports, "getInitialColumns", {
   enumerable: true,
   get: function get() {

package/core/inputs/text-field/index.d.ts

@@ -49,7 +49,7 @@ export interface ITextFieldProps extends DefaultProps, Omit<TextFieldProps, 'mar
 }
 interface IHelperProps {
     helperIcon?: ReactNode;
-    onHelperClick: (event: MouseEvent<HTMLButtonElement>) => void;
+    onHelperClick: (event: MouseEvent) => void;
 }
 export declare const HelperBox: (props: IHelperProps) => React.JSX.Element;
 export declare const renderOptions: (options: ITextFieldProps["options"]) => React.JSX.Element[] | undefined;

package/core/inputs/text-field/index.js

@@ -20,11 +20,9 @@ var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
 var _mui = require("../../../icons/mui");
 var _iconButton = _interopRequireDefault(require("../icon-button"));
 var _styles = require("./styles");
-var _theme = require("../../../theme");
 var _excluded = ["options", "size", "margin", "padding", "style", "error", "variant", "InputLabelProps", "InputProps", "SelectProps", "autoComplete", "onHelperClick", "helperIcon", "fullWidth", "hasClear", "onClear", "onChange", "characters", "children"];
 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; }
-var primary = _theme.theme.colors.primary;
 var coerceComboOptions = function coerceComboOptions(input) {
   return (0, _pipe2["default"])((0, _split2["default"])(';'), (0, _map2["default"])((0, _pipe2["default"])((0, _split2["default"])('='), function (_ref) {
     var _ref2 = (0, _slicedToArray2["default"])(_ref, 2),
@@ -46,11 +44,12 @@ var toLispCase = function toLispCase(name) {
 var HelperBox = exports.HelperBox = function HelperBox(props) {
   return /*#__PURE__*/_react["default"].createElement(_styles.Helper, {
     role: "helper-box"
-  }, /*#__PURE__*/_react["default"].createElement(_iconButton["default"], {
-    padding: "6px 2px",
-    onClick: props.onHelperClick
+  }, /*#__PURE__*/_react["default"].createElement(_styles.HelperButton, {
+    onClick: function onClick(e) {
+      return props.onHelperClick(e);
+    }
   }, props.helperIcon || /*#__PURE__*/_react["default"].createElement(_mui.IconHelp, {
-    htmlColor: primary.main
+    color: "primary"
   })));
 };
 

package/core/inputs/text-field/styles.d.ts

@@ -6,6 +6,10 @@ export declare const Helper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const HelperButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const TextFieldWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;

package/core/inputs/text-field/styles.js

@@ -4,14 +4,17 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Wrapper = exports.TextFieldWrapper = exports.StaticTextFieldWrapper = exports.Helper = exports.CharactersCount = void 0;
+exports.Wrapper = exports.TextFieldWrapper = exports.StaticTextFieldWrapper = exports.HelperButton = exports.Helper = exports.CharactersCount = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _theme = require("../../../theme");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-var gray = _theme.theme.colors.gray;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+var _theme$colors = _theme.theme.colors,
+  gray = _theme$colors.gray,
+  primary = _theme$colors.primary;
 var Wrapper = exports.Wrapper = _styled["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])([""])));
-var Helper = exports.Helper = _styled["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n    width: 42px;\n    height: 38px;\n"])));
-var TextFieldWrapper = exports.TextFieldWrapper = _styled["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n    width: 100%;\n    display: flex;\n    flex-direction: rows;\n    align-items: center;\n    button {\n        display: none;\n    }\n    :hover button {\n        display: flex;\n    }\n"])));
-var StaticTextFieldWrapper = exports.StaticTextFieldWrapper = _styled["default"].div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n    width: 100%;\n    display: flex;\n    flex-direction: rows;\n    align-items: center;\n"])));
-var CharactersCount = exports.CharactersCount = _styled["default"].span(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n    color: ", ";\n    font-size: 14px;\n    font-family:\n        Roboto,\n        Helvetica,\n        Arial,\n        sans- serif;\n"])), gray[600]);
+var Helper = exports.Helper = _styled["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n    width: 42px;\n    height: 38px;\n\n    display: flex;\n    align-items: center;\n"])));
+var HelperButton = exports.HelperButton = _styled["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n    opacity: 0;\n    padding: 4px;\n    display: flex;\n    border-radius: 100px;\n    transition:\n        opacity 0.2s ease,\n        background-color 0.2s ease;\n\n    &:hover {\n        opacity: 1;\n        cursor: pointer;\n        background-color: ", "0a;\n    }\n"])), primary.main);
+var TextFieldWrapper = exports.TextFieldWrapper = _styled["default"].div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n    width: 100%;\n    display: flex;\n    align-items: center;\n\n    button {\n        display: none;\n    }\n\n    :hover button {\n        display: flex;\n    }\n"])));
+var StaticTextFieldWrapper = exports.StaticTextFieldWrapper = _styled["default"].div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n    width: 100%;\n    display: flex;\n    align-items: center;\n"])));
+var CharactersCount = exports.CharactersCount = _styled["default"].span(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["\n    color: ", ";\n    font-size: 14px;\n    font-family:\n        Roboto,\n        Helvetica,\n        Arial,\n        sans- serif;\n"])), gray[600]);

package/core/navigation/tab/index.d.ts

@@ -1,13 +1,14 @@
 import React from 'react';
+import type { ReactNode } from 'react';
 import type { DefaultProps } from '../../types';
 import type { TabOwnProps } from '@mui/material/Tab';
 interface TabProps extends Omit<DefaultProps, 'children'>, TabOwnProps {
     href?: string;
-    label?: string;
     value?: unknown;
     minWidth?: string;
     disabled?: boolean;
     disableRipple?: boolean;
+    label?: string | ReactNode;
     icon?: string | JSX.Element;
 }
 declare const Tab: ({ style, margin, disableRipple, padding, minWidth, href, ...otherProps }: TabProps) => React.JSX.Element;

package/icons/mui/index.d.ts

@@ -41,6 +41,7 @@ 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 IconEdit } from '@mui/icons-material/Edit';
+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';
 export { default as IconEqualizer } from '@mui/icons-material/Equalizer';

package/icons/mui/index.js

@@ -262,6 +262,12 @@ Object.defineProperty(exports, "IconEdit", {
     return _Edit["default"];
   }
 });
+Object.defineProperty(exports, "IconEditLocationAlt", {
+  enumerable: true,
+  get: function get() {
+    return _EditLocationAlt["default"];
+  }
+});
 Object.defineProperty(exports, "IconEmail", {
   enumerable: true,
   get: function get() {
@@ -929,6 +935,7 @@ 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 _Edit = _interopRequireDefault(require("@mui/icons-material/Edit"));
+var _EditLocationAlt = _interopRequireDefault(require("@mui/icons-material/EditLocationAlt"));
 var _Email = _interopRequireDefault(require("@mui/icons-material/Email"));
 var _EnhancedEncryption = _interopRequireDefault(require("@mui/icons-material/EnhancedEncryption"));
 var _Equalizer = _interopRequireDefault(require("@mui/icons-material/Equalizer"));

package/package.json

@@ -1,11 +1,11 @@
 {
     "name": "flipper-ui",
-    "version": "0.39.5",
-    "description": "React UI based on the @mui/material toolkit for the web",
-    "main": "dist/index.js",
+    "version": "0.39.7",
     "author": "NG",
     "license": "MIT",
+    "main": "dist/index.js",
     "homepage": "https://flipper-ui.ngi.com.br/",
+    "description": "React UI based on the @mui/material toolkit for the web",
     "repository": {
         "type": "git",
         "url": "https://github.com/nginformatica/flipper-ui.git"
@@ -40,10 +40,10 @@
         "react-number-format": "5.4.4"
     },
     "devDependencies": {
-        "@babel/cli": "7.28.3",
-        "@babel/core": "7.28.5",
-        "@babel/plugin-transform-runtime": "7.28.5",
-        "@babel/preset-env": "7.28.5",
+        "@babel/cli": "7.28.6",
+        "@babel/core": "7.29.0",
+        "@babel/plugin-transform-runtime": "7.29.0",
+        "@babel/preset-env": "7.29.0",
         "@babel/preset-react": "7.28.5",
         "@babel/preset-typescript": "7.28.5",
         "@faker-js/faker": "9.9.0",
@@ -52,17 +52,17 @@
         "@storybook/blocks": "8.6.12",
         "@storybook/react": "8.6.12",
         "@storybook/react-webpack5": "8.6.12",
-        "@stylistic/eslint-plugin": "5.6.1",
+        "@stylistic/eslint-plugin": "5.8.0",
         "@testing-library/dom": "10.4.1",
         "@testing-library/jest-dom": "6.9.1",
-        "@testing-library/react": "16.3.1",
+        "@testing-library/react": "16.3.2",
         "@testing-library/user-event": "14.6.1",
         "@types/jest": "30.0.0",
-        "@types/node": "24.10.0",
+        "@types/node": "25.2.3",
         "@types/ramda": "0.30.2",
         "@types/react": "18.3.12",
-        "@typescript-eslint/eslint-plugin": "8.50.0",
-        "@typescript-eslint/parser": "8.50.0",
+        "@typescript-eslint/eslint-plugin": "8.55.0",
+        "@typescript-eslint/parser": "8.55.0",
         "babel-loader": "10.0.0",
         "babel-plugin-import": "1.13.8",
         "babel-plugin-module-resolver": "5.0.2",
@@ -71,14 +71,14 @@
         "eslint-config-prettier": "10.1.8",
         "eslint-import-resolver-typescript": "4.4.4",
         "eslint-plugin-import": "2.32.0",
-        "eslint-plugin-prettier": "5.5.4",
+        "eslint-plugin-prettier": "5.5.5",
         "eslint-plugin-react": "7.37.5",
         "eslint-plugin-react-hooks": "7.0.1",
-        "fs-extra": "11.3.2",
+        "fs-extra": "11.3.3",
         "identity-obj-proxy": "3.0.0",
         "jest": "30.2.0",
         "jest-environment-jsdom": "30.2.0",
-        "prettier": "3.7.4",
+        "prettier": "3.8.1",
         "ramda": "0.30.1",
         "react": "18.3.1",
         "react-dom": "18.3.1",
@@ -86,9 +86,9 @@
         "ts-jest": "29.4.6",
         "ts-loader": "9.5.4",
         "typescript": "5.9.3",
-        "typescript-eslint": "8.50.0",
+        "typescript-eslint": "8.55.0",
         "uuid": "11.1.0",
-        "webpack": "5.104.0"
+        "webpack": "5.105.2"
     },
     "peerDependencies": {
         "date-fns": "^4.0.0",
@@ -103,4 +103,4 @@
             "!/node_modules/"
         ]
     }
-}
+}