flipper-ui 0.39.5 → 0.39.6

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/package.json

@@ -1,6 +1,6 @@
 {
     "name": "flipper-ui",
-    "version": "0.39.5",
+    "version": "0.39.6",
     "description": "React UI based on the @mui/material toolkit for the web",
     "main": "dist/index.js",
     "author": "NG",