linear-react-components-ui 1.1.20-beta.28 → 1.1.20-beta.29

package/lib/assets/styles/wizard.scss

@@ -5,9 +5,6 @@
     .wizard-content {
       display: flex !important;
       flex-direction: column;
-      .wizard-body{
-        overflow: auto;
-      }
       .wizard-progresbar {
         width: 100%;
         display: grid;
@@ -18,6 +15,7 @@
         margin-bottom: 20px;
         border-bottom: 2px solid $component-border-color;
         gap: 10px;
+        overflow: hidden;
         > .title {
           font-size: 16px;
           font-weight: 600;

package/lib/dialog/types.d.ts

@@ -81,8 +81,6 @@ interface WizardComponentProps extends Omit<IFormProps, 'content'> {
     title?: string;
     handlerClose?: () => void;
     controls: WizardControls;
-    customStyleForProgressBar?: CSSProperties;
-    customStyleForBody?: CSSProperties;
 }
 interface WizardStepComponentProps {
     children: React.ReactNode;

package/lib/dialog/wizard/index.d.ts

@@ -8,6 +8,6 @@ import '../../icons/helper.js';
 
 declare const WizardContext: React__default.Context<WizardControls | null>;
 declare const useWizardContext: () => WizardControls | null;
-declare function Wizard({ children, controls, showProgressbar, customStyleForProgressBar, customStyleForBody, ...dialogProps }: Readonly<WizardComponentProps>): JSX.Element;
+declare function Wizard({ children, controls, showProgressbar, ...dialogProps }: Readonly<WizardComponentProps>): JSX.Element;
 
 export { Wizard as Container, WizardContext, Wizard as default, useWizardContext };

package/lib/dialog/wizard/index.js

@@ -25,7 +25,7 @@ var _progressbar = require("./progressbar");
 require("../../assets/styles/wizard.scss");
 var _step = require("./step");
 var _useWizard = require("./useWizard");
-const _excluded = ["children", "controls", "showProgressbar", "customStyleForProgressBar", "customStyleForBody"];
+const _excluded = ["children", "controls", "showProgressbar"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -39,9 +39,7 @@ function Wizard(_ref) {
   let {
       children,
       controls,
-      showProgressbar = true,
-      customStyleForProgressBar,
-      customStyleForBody
+      showProgressbar = true
     } = _ref,
     dialogProps = _objectWithoutProperties(_ref, _excluded);
   const {
@@ -68,11 +66,9 @@ function Wizard(_ref) {
     wrapperClassName: "wizard-wrapper",
     contentClassName: "wizard-content"
   }, dialogProps), showProgressbar && /*#__PURE__*/_react.default.createElement(_progressbar.Progressbar, {
-    stepsTitle: stepsTitle,
-    customStyle: customStyleForProgressBar
+    stepsTitle: stepsTitle
   }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "wizard-body",
-    style: customStyleForBody
+    className: "wizard-body"
   }, currentStepElement)));
 }
 var _default = exports.default = Wizard;

package/lib/inputs/mask/helpers.d.ts

@@ -42,7 +42,7 @@ declare const getMaskOptions: ({ isDateField, placeholderChar, min, max, lazy, p
     mask?: any;
     hint?: string | string[] | undefined;
     hintPosition?: "below" | "onLabelRight" | undefined;
-    themePopover?: "light" | "dark" | undefined;
+    themePopover?: "dark" | "light" | undefined;
     popoverAlign?: "left" | "right" | undefined;
     placeholderChar: string;
     min: any;

package/lib/inputs/number/index.js

@@ -50,7 +50,7 @@ const NumberField = props => {
     if (props.onChange) props.onChange(event);
   };
   (0, _react.useEffect)(() => {
-    setNumberValue(value.toString());
+    setNumberValue(value?.toString() ?? '');
   }, [value]);
   return /*#__PURE__*/_react.default.createElement(_InputTextBase.default, _extends({}, props, {
     value: numberValue,

package/lib/menus/sidenav/index.js

@@ -42,7 +42,11 @@ var _popup_menu_search = _interopRequireDefault(require("./popup_menu_search"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+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) { _defineProperty(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; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 const SideNav = props => {
   const {
     customClass,
@@ -52,7 +56,8 @@ const SideNav = props => {
     menuSize = 'medium',
     onExpandMenuClick,
     children,
-    enableMenuSearch
+    enableMenuSearch,
+    menuSearchCustomComponent
   } = props;
   const [isExpanded, setIsExpanded] = (0, _react.useState)(expanded);
   const [menuItemsContent, setMenuItemsContent] = (0, _react.useState)([]);
@@ -126,31 +131,34 @@ const SideNav = props => {
     setIsExpanded(expanded);
   }, [expanded]);
   const returnMenuItems = () => menuItemsContent.filter(item => item.content !== '');
-  const getPopupMenuSearch = () => /*#__PURE__*/_react.default.createElement(_NavMenuGroup.default, {
-    key: `popup-menusearch-${uuid.v1()}`
-  }, /*#__PURE__*/_react.default.createElement(_NavMenuItem.default, {
-    childrenIsSubMenu: false,
-    customClass: "-customsidenavitem",
-    tooltip: "Pesquisar funcionalidades (CTRL+SHIFT+F)",
-    tooltipPosition: "right"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    key: "searchMenuIcon",
-    className: "searchmenubutton",
-    role: "button",
-    tabIndex: -1,
-    onKeyDown: () => {},
-    onClick: () => {
-      openSearchMenu();
-    }
-  }, /*#__PURE__*/_react.default.createElement(_icons.default, {
-    name: "search",
-    customClass: "searchmenuicon",
-    size: menuSize === 'small' && 16 || menuSize === 'medium' && 22 || menuSize === 'large' && 32 || 16
-  })), openSearchMenuPopup && /*#__PURE__*/_react.default.createElement(_popup_menu_search.default, _extends({}, props, {
-    style: getPopupMenuSearchStyle(),
-    handlerClose: closeSearchMenuPopup,
-    menuItemsContent: menuItemsContent && returnMenuItems()
-  }))));
+  const getPopupMenuSearch = () => {
+    const searchProps = _objectSpread(_objectSpread({}, props), {}, {
+      style: getPopupMenuSearchStyle(),
+      handlerClose: closeSearchMenuPopup,
+      menuItemsContent: menuItemsContent && returnMenuItems()
+    });
+    return /*#__PURE__*/_react.default.createElement(_NavMenuGroup.default, {
+      key: `popup-menusearch-${uuid.v1()}`
+    }, /*#__PURE__*/_react.default.createElement(_NavMenuItem.default, {
+      childrenIsSubMenu: false,
+      customClass: "-customsidenavitem",
+      tooltip: "Pesquisar funcionalidades (CTRL+SHIFT+F)",
+      tooltipPosition: "right"
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      key: "searchMenuIcon",
+      className: "searchmenubutton",
+      role: "button",
+      tabIndex: -1,
+      onKeyDown: () => {},
+      onClick: () => {
+        openSearchMenu();
+      }
+    }, /*#__PURE__*/_react.default.createElement(_icons.default, {
+      name: "search",
+      customClass: "searchmenuicon",
+      size: menuSize === 'small' && 16 || menuSize === 'medium' && 22 || menuSize === 'large' && 32 || 16
+    })), openSearchMenuPopup && (menuSearchCustomComponent ? menuSearchCustomComponent(searchProps) : /*#__PURE__*/_react.default.createElement(_popup_menu_search.default, searchProps))));
+  };
   const getSideNavContent = () => {
     if (!enableMenuSearch) return children;
     const items = [...children];

package/lib/menus/sidenav/types.d.ts

@@ -17,6 +17,7 @@ interface ISideNavProps {
     enableMenuSearch?: boolean;
     menuSearchEmptyMessage?: string;
     menuSearchPlaceholder?: string;
+    menuSearchCustomComponent?: (props: IPopupMenuSearchProps) => ReactElement;
 }
 interface ISideNavDimensions {
     left: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "linear-react-components-ui",
-  "version": "1.1.20-beta.28",
+  "version": "1.1.20-beta.29",
   "description": "Linear Sistemas ReactJs Components",
   "main": "lib/index.js",
   "module": "lib/index.cjs",