@bigbinary/neeto-molecules 1.0.73 → 1.0.75

package/dist/CustomDomainDashboard.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import React__default, { forwardRef, useRef, useState } from 'react';
-import { snakeToCamelCase, isNotEmpty } from '@bigbinary/neeto-commons-frontend/pure';
+import { noop, snakeToCamelCase, isNotEmpty } from '@bigbinary/neeto-commons-frontend/pure';
 import { useDebounce } from '@bigbinary/neeto-commons-frontend/react-utils';
 import { Typography, Button, Alert, Dropdown as Dropdown$1, Input, Tag, Callout, Pane, Label, Table, NoData } from '@bigbinary/neetoui';
 import { useTranslation, Trans } from 'react-i18next';
@@ -1432,11 +1432,11 @@ var SvgNeeto = function SvgNeeto(props) {
 var css$2 = ".neeto-molecules-pageloader__wrapper{height:100%;position:relative;width:100%}.neeto-molecules-pageloader__wrapper .neeto-molecules-pageloader{height:100%;left:0;position:absolute;top:0;width:100%}.neeto-molecules-pageloader__wrapper .neeto-molecules-pageloader__content{height:66px;margin-bottom:16px;overflow:hidden;padding:8px;position:relative;width:66px}.neeto-molecules-pageloader__wrapper .neeto-molecules-pageloader__text{color:rgb(var(--neeto-ui-gray-800));font-size:1.25rem;line-height:1.75rem;margin-bottom:4rem;text-align:center}.neeto-molecules-pageloader__spinner{display:flex;gap:2px;height:25px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.neeto-molecules-pageloader__spinner>div{animation:neeto-ui-stretch-delay 1.2s ease-in-out infinite;background-color:#fff;border-radius:2px;display:inline-flex;height:100%;width:2px}.neeto-molecules-pageloader__spinner .neeto-molecules-pageloader__rect2{animation-delay:-1.1s}.neeto-molecules-pageloader__spinner .neeto-molecules-pageloader__rect3{animation-delay:-1s}.neeto-molecules-pageloader__spinner .neeto-molecules-pageloader__rect4{animation-delay:-.9s}.neeto-molecules-pageloader__spinner .neeto-molecules-pageloader__rect5{animation-delay:-.8s}@keyframes neeto-ui-stretch-delay{0%,40%,to{transform:scaleY(.4);-webkit-transform:scaleY(.4)}20%{transform:scaleY(1);-webkit-transform:scaleY(1)}}";
 n(css$2,{});
 
-var _excluded$3 = ["text"];
+var _excluded$2 = ["text"];
 var PageLoader = function PageLoader(_ref) {
   var _ref$text = _ref.text,
     text = _ref$text === void 0 ? "" : _ref$text,
-    otherProps = _objectWithoutProperties(_ref, _excluded$3);
+    otherProps = _objectWithoutProperties(_ref, _excluded$2);
   return /*#__PURE__*/React__default.createElement("div", _extends$1({
     className: "neeto-molecules-pageloader__wrapper"
   }, otherProps), /*#__PURE__*/React__default.createElement("div", {
@@ -1506,33 +1506,28 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-var _excluded$2 = ["dropdownProps"],
-  _excluded2 = ["buttonProps"];
+var _excluded$1 = ["buttonProps"];
 function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Columns = function Columns(_ref) {
-  var _ref$dropdownProps = _ref.dropdownProps,
-    dropdownProps = _ref$dropdownProps === void 0 ? {} : _ref$dropdownProps,
-    props = _objectWithoutProperties(_ref, _excluded$2);
+  var _ref$buttonProps = _ref.buttonProps,
+    buttonProps = _ref$buttonProps === void 0 ? {} : _ref$buttonProps,
+    props = _objectWithoutProperties(_ref, _excluded$1);
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  var buttonProps = dropdownProps.buttonProps,
-    restDropdownProps = _objectWithoutProperties(dropdownProps, _excluded2);
   return /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-molecules-subheader__columns"
   }, /*#__PURE__*/React__default.createElement(ManageColumns, _extends$1({
-    dropdownProps: _objectSpread$2({
-      buttonProps: _objectSpread$2({
-        icon: Column,
-        label: null,
-        tooltipProps: {
-          content: t("neetoMolecules.columns.columns"),
-          position: "bottom"
-        },
-        "data-testid": "columns-button",
-        "data-cy": "columns-dropdown-button"
-      }, buttonProps)
-    }, restDropdownProps)
+    buttonProps: _objectSpread$2({
+      icon: Column,
+      label: null,
+      tooltipProps: {
+        content: t("neetoMolecules.columns.columns"),
+        position: "bottom"
+      },
+      "data-testid": "columns-button",
+      "data-cy": "columns-dropdown-button"
+    }, buttonProps)
   }, props)));
 };
 
@@ -1560,12 +1555,12 @@ var DownloadButton = function DownloadButton(_ref) {
   }, count));
 };
 
-var _excluded$1 = ["buttonProps"];
+var _excluded = ["buttonProps"];
 function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var FilterButton = function FilterButton(_ref) {
   var buttonProps = _ref.buttonProps,
-    props = _objectWithoutProperties(_ref, _excluded$1);
+    props = _objectWithoutProperties(_ref, _excluded);
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   return /*#__PURE__*/React__default.createElement("div", {
@@ -1669,11 +1664,7 @@ var Breadcrumbs = function Breadcrumbs(_ref) {
 };
 var Breadcrumbs$1 = /*#__PURE__*/React__default.memo(Breadcrumbs);
 
-var _excluded = ["children"];
-var Dropdown = function Dropdown(_ref) {
-  var _ref$dropdownProps = _ref.dropdownProps,
-    children = _ref$dropdownProps.children,
-    otherProps = _objectWithoutProperties(_ref$dropdownProps, _excluded);
+var Dropdown = function Dropdown(props) {
   return /*#__PURE__*/React__default.createElement(Dropdown$1, _extends$1({
     buttonProps: {
       className: "ml-1.5"
@@ -1682,7 +1673,7 @@ var Dropdown = function Dropdown(_ref) {
     className: "ml-3",
     icon: MenuVertical,
     position: "bottom-end"
-  }, otherProps), children);
+  }, props));
 };
 
 var Header$2 = function Header(_ref) {
@@ -1694,7 +1685,8 @@ var Header$2 = function Header(_ref) {
     actionBlock = _ref.actionBlock,
     _ref$breadcrumbs = _ref.breadcrumbs,
     breadcrumbs = _ref$breadcrumbs === void 0 ? [] : _ref$breadcrumbs,
-    dropdownProps = _ref.dropdownProps;
+    _ref$renderDropdown = _ref.renderDropdown,
+    renderDropdown = _ref$renderDropdown === void 0 ? noop : _ref$renderDropdown;
   var searchRef = useRef(null);
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
@@ -1723,9 +1715,7 @@ var Header$2 = function Header(_ref) {
     lineHeight: "tight",
     style: "h2",
     weight: "semibold"
-  }, title), dropdownProps && /*#__PURE__*/React__default.createElement(Dropdown, {
-    dropdownProps: dropdownProps
-  })))), /*#__PURE__*/React__default.createElement("div", {
+  }, title), renderDropdown(Dropdown)))), /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-ui-gap-3 neeto-molecules-header__right"
   }, searchProps && /*#__PURE__*/React__default.createElement(Input, _extends$1({
     placeholder: t("neetoMolecules.common.actions.search"),