@bigbinary/neeto-molecules 1.6.8 → 1.6.9

package/dist/cjs/CustomDomainDashboard.js

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var neetoCist = require('@bigbinary/neeto-cist');
-var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
+var useDebounce = require('@bigbinary/neeto-commons-frontend/react-utils/useDebounce');
 var neetoui = require('@bigbinary/neetoui');
 var reactI18next = require('react-i18next');
 var classnames = require('classnames');
@@ -11,7 +11,8 @@ var neetoIcons = require('@bigbinary/neeto-icons');
 var ManageColumns = require('@bigbinary/neeto-molecules/Columns');
 var neetoFiltersFrontend = require('@bigbinary/neeto-filters-frontend');
 var constants = require('@bigbinary/neeto-commons-frontend/constants');
-var utils = require('@bigbinary/neeto-commons-frontend/utils');
+var withT = require('@bigbinary/neeto-commons-frontend/react-utils/withT');
+var general = require('@bigbinary/neeto-commons-frontend/utils/general');
 var Search = require('@bigbinary/neeto-molecules/Search');
 var reactRouterDom = require('react-router-dom');
 var formik = require('formik');
@@ -19,6 +20,7 @@ var formik$1 = require('@bigbinary/neetoui/formik');
 var CopyToClipboardButton = require('@bigbinary/neeto-molecules/CopyToClipboardButton');
 var i18next = require('i18next');
 var Yup = require('yup');
+var useMutationWithInvalidation = require('@bigbinary/neeto-commons-frontend/react-utils/useMutationWithInvalidation');
 var reactQuery = require('react-query');
 var axios = require('axios');
 
@@ -44,11 +46,14 @@ function _interopNamespace(e) {
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var useDebounce__default = /*#__PURE__*/_interopDefaultLegacy(useDebounce);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 var ManageColumns__default = /*#__PURE__*/_interopDefaultLegacy(ManageColumns);
+var withT__default = /*#__PURE__*/_interopDefaultLegacy(withT);
 var Search__default = /*#__PURE__*/_interopDefaultLegacy(Search);
 var CopyToClipboardButton__default = /*#__PURE__*/_interopDefaultLegacy(CopyToClipboardButton);
 var Yup__namespace = /*#__PURE__*/_interopNamespace(Yup);
+var useMutationWithInvalidation__default = /*#__PURE__*/_interopDefaultLegacy(useMutationWithInvalidation);
 var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
 
 function _arrayWithHoles(arr) {
@@ -1725,7 +1730,7 @@ var Header$2 = function Header(_ref) {
   }, actionBlock)));
 };
 
-var Header = reactUtils.withT(function (_ref) {
+var Header = withT__default["default"](function (_ref) {
   var t = _ref.t,
     setIsPaneOpen = _ref.setIsPaneOpen,
     searchTerm = _ref.searchTerm,
@@ -1743,7 +1748,7 @@ var Header = reactUtils.withT(function (_ref) {
     }),
     searchProps: {
       value: searchTerm,
-      onChange: utils.withEventTargetValue(setSearchTerm),
+      onChange: general.withEventTargetValue(setSearchTerm),
       placeholder: t("neetoMolecules.customDomain.search"),
       "data-cy": "custom-domain-search-field",
       className: "w-56"
@@ -1892,7 +1897,7 @@ var TagBlock = function TagBlock(_ref) {
     label: t("neetoMolecules.customDomain.status.".concat(camelCasedStatus)),
     style: "secondary"
   }) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Tag, {
-    "data-cy": "".concat(utils.hyphenize(status), "-tag-container"),
+    "data-cy": "".concat(general.hyphenize(status), "-tag-container"),
     indicatorStyle: isDomainValidated ? "success" : "warning",
     style: "secondary",
     label: t("neetoMolecules.customDomain.status.domain.".concat(camelCasedStatus))
@@ -1901,7 +1906,7 @@ var TagBlock = function TagBlock(_ref) {
       "w-full": stacked
     })
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.Tag, {
-    "data-cy": "".concat(utils.hyphenize(status), "-tag-container"),
+    "data-cy": "".concat(general.hyphenize(status), "-tag-container"),
     indicatorStyle: status === "active" ? "success" : "warning",
     style: "secondary",
     label: t("neetoMolecules.customDomain.status.cname.".concat(camelCasedStatus))
@@ -2003,7 +2008,7 @@ var Record = function Record(_ref) {
     style: "info"
   }, recordDescription), /*#__PURE__*/React__default["default"].createElement(neetoui.Input, {
     disabled: true,
-    "data-cy": utils.joinHyphenCase(recordNameLabel),
+    "data-cy": general.joinHyphenCase(recordNameLabel),
     label: recordNameLabel,
     value: recordName,
     suffix: /*#__PURE__*/React__default["default"].createElement(CopyToClipboardButton__default["default"], {
@@ -2013,7 +2018,7 @@ var Record = function Record(_ref) {
     })
   }), /*#__PURE__*/React__default["default"].createElement(neetoui.Input, {
     disabled: true,
-    "data-cy": utils.joinHyphenCase(recordValueLabel),
+    "data-cy": general.joinHyphenCase(recordValueLabel),
     label: recordValueLabel,
     value: recordValue,
     suffix: /*#__PURE__*/React__default["default"].createElement(CopyToClipboardButton__default["default"], {
@@ -2091,7 +2096,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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; }
 var useCreateCustomDomain = function useCreateCustomDomain(url) {
   var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  return reactUtils.useMutationWithInvalidation(function (payload) {
+  return useMutationWithInvalidation__default["default"](function (payload) {
     return customDomainApi.createCustomDomain(url, payload);
   }, _objectSpread({
     keysToInvalidate: [DOMAIN_QUERY_KEY]
@@ -2099,7 +2104,7 @@ var useCreateCustomDomain = function useCreateCustomDomain(url) {
 };
 var useDeleteCustomDomain = function useDeleteCustomDomain(url) {
   var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  return reactUtils.useMutationWithInvalidation(function (id) {
+  return useMutationWithInvalidation__default["default"](function (id) {
     return customDomainApi.deleteCustomDomain(url, id);
   }, _objectSpread({
     keysToInvalidate: [DOMAIN_QUERY_KEY]
@@ -2112,7 +2117,7 @@ var useFetchCustomDomains = function useFetchCustomDomains(params) {
 };
 var useValidateDomain = function useValidateDomain(url) {
   var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  return reactUtils.useMutationWithInvalidation(function (id) {
+  return useMutationWithInvalidation__default["default"](function (id) {
     return customDomainApi.validateDomain(url, id);
   }, _objectSpread({
     keysToInvalidate: [DOMAIN_QUERY_KEY]
@@ -2120,7 +2125,7 @@ var useValidateDomain = function useValidateDomain(url) {
 };
 var useValidateCname = function useValidateCname(url) {
   var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  return reactUtils.useMutationWithInvalidation(function (id) {
+  return useMutationWithInvalidation__default["default"](function (id) {
     return customDomainApi.validateCname(url, id);
   }, _objectSpread({
     keysToInvalidate: [DOMAIN_QUERY_KEY]
@@ -2128,7 +2133,7 @@ var useValidateCname = function useValidateCname(url) {
 };
 var useUpdateCustomDomain = function useUpdateCustomDomain(url) {
   var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  return reactUtils.useMutationWithInvalidation(function (id) {
+  return useMutationWithInvalidation__default["default"](function (id) {
     return customDomainApi.updateCustomDomain(url, id);
   }, _objectSpread({
     keysToInvalidate: [DOMAIN_QUERY_KEY]
@@ -2268,7 +2273,7 @@ var CustomDomainDashboard = function CustomDomainDashboard(_ref) {
     setIsAlertOpen = _useState8[1];
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  var debouncedSearchTerm = reactUtils.useDebounce(searchTerm, 500);
+  var debouncedSearchTerm = useDebounce__default["default"](searchTerm, 500);
   var _useFetchCustomDomain = useFetchCustomDomains({
       url: url,
       params: {