@bigbinary/neeto-molecules 1.0.97 → 1.0.99

package/dist/Settings.js

@@ -0,0 +1,381 @@
+import React, { memo, useEffect } from 'react';
+import { joinHyphenCase, getQueryParams } from '@bigbinary/neeto-commons-frontend/utils';
+import { Dropdown as Dropdown$1, Tag, Tooltip, Typography, Spinner, Button, NoData } from '@bigbinary/neetoui';
+import { isNotNil, isEmpty } from 'ramda';
+import { useTranslation } from 'react-i18next';
+import { noop, isNotEmpty } from '@bigbinary/neeto-commons-frontend/pure';
+import { MenuVertical, Warning, Check } from '@bigbinary/neeto-icons';
+import { withRouter, Link } from 'react-router-dom';
+
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+  return target;
+}
+
+function _objectWithoutProperties(source, excluded) {
+  if (source == null) return {};
+  var target = _objectWithoutPropertiesLoose(source, excluded);
+  var key, i;
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+    for (i = 0; i < sourceSymbolKeys.length; i++) {
+      key = sourceSymbolKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+      target[key] = source[key];
+    }
+  }
+  return target;
+}
+
+var classnames$1 = {exports: {}};
+
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+
+(function (module) {
+	/* global define */
+
+	(function () {
+
+		var hasOwn = {}.hasOwnProperty;
+
+		function classNames() {
+			var classes = [];
+
+			for (var i = 0; i < arguments.length; i++) {
+				var arg = arguments[i];
+				if (!arg) continue;
+
+				var argType = typeof arg;
+
+				if (argType === 'string' || argType === 'number') {
+					classes.push(arg);
+				} else if (Array.isArray(arg)) {
+					if (arg.length) {
+						var inner = classNames.apply(null, arg);
+						if (inner) {
+							classes.push(inner);
+						}
+					}
+				} else if (argType === 'object') {
+					if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {
+						classes.push(arg.toString());
+						continue;
+					}
+
+					for (var key in arg) {
+						if (hasOwn.call(arg, key) && arg[key]) {
+							classes.push(key);
+						}
+					}
+				}
+			}
+
+			return classes.join(' ');
+		}
+
+		if (module.exports) {
+			classNames.default = classNames;
+			module.exports = classNames;
+		} else {
+			window.classNames = classNames;
+		}
+	}());
+} (classnames$1));
+
+var classnames = classnames$1.exports;
+
+var Menu = Dropdown$1.Menu,
+  MenuItem = Dropdown$1.MenuItem;
+var Dropdown = function Dropdown(_ref) {
+  var customDropdown = _ref.customDropdown,
+    _ref$handleManage = _ref.handleManage,
+    handleManage = _ref$handleManage === void 0 ? noop : _ref$handleManage,
+    _ref$hideDisconnect = _ref.hideDisconnect,
+    hideDisconnect = _ref$hideDisconnect === void 0 ? false : _ref$hideDisconnect,
+    _ref$onDisconnect = _ref.onDisconnect,
+    onDisconnect = _ref$onDisconnect === void 0 ? noop : _ref$onDisconnect;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  if (isNotNil(customDropdown)) {
+    return /*#__PURE__*/React.createElement("div", {
+      onClick: function onClick(e) {
+        return e.stopPropagation();
+      }
+    }, customDropdown);
+  }
+  var isManageable = isNotNil(handleManage);
+  if (!isManageable && hideDisconnect) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    onClick: function onClick(e) {
+      return e.stopPropagation();
+    }
+  }, /*#__PURE__*/React.createElement(Dropdown$1, {
+    buttonStyle: "text",
+    icon: MenuVertical
+  }, /*#__PURE__*/React.createElement(Menu, null, isManageable && /*#__PURE__*/React.createElement(MenuItem.Button, {
+    onClick: handleManage
+  }, t("neetoMolecules.integrationCard.manage")), !hideDisconnect && /*#__PURE__*/React.createElement(MenuItem.Button, {
+    onClick: onDisconnect
+  }, t("neetoMolecules.integrationCard.disconnect")))));
+};
+
+var Status = function Status(_ref) {
+  var isExpired = _ref.isExpired;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var tagProps = isExpired ? {
+    icon: Warning,
+    label: t("neetoMolecules.integrationCard.tags.expired"),
+    style: "warning"
+  } : {
+    icon: Check,
+    label: t("neetoMolecules.integrationCard.tags.connected"),
+    style: "success"
+  };
+  return /*#__PURE__*/React.createElement(Tag, _extends({
+    className: "flex-row-reverse"
+  }, tagProps, {
+    "data-testid": "integration-status"
+  }));
+};
+
+var _excluded$1 = ["icon", "subIcons", "label", "description", "className", "onConnect", "onDisconnect", "onManage", "isLoading", "isConnected", "isFailed", "isExpired", "disabled", "hidden", "hideDisconnect", "onClick", "tooltipProps", "customDropdown", "dataCy", "children"];
+var IntegrationCard = function IntegrationCard(_ref) {
+  var Icon = _ref.icon,
+    _ref$subIcons = _ref.subIcons,
+    subIcons = _ref$subIcons === void 0 ? [] : _ref$subIcons,
+    _ref$label = _ref.label,
+    label = _ref$label === void 0 ? "" : _ref$label,
+    _ref$description = _ref.description,
+    description = _ref$description === void 0 ? "" : _ref$description,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    _ref$onConnect = _ref.onConnect,
+    onConnect = _ref$onConnect === void 0 ? noop : _ref$onConnect,
+    _ref$onDisconnect = _ref.onDisconnect,
+    onDisconnect = _ref$onDisconnect === void 0 ? noop : _ref$onDisconnect,
+    _ref$onManage = _ref.onManage,
+    onManage = _ref$onManage === void 0 ? undefined : _ref$onManage,
+    _ref$isLoading = _ref.isLoading,
+    isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
+    _ref$isConnected = _ref.isConnected,
+    isConnected = _ref$isConnected === void 0 ? false : _ref$isConnected,
+    _ref$isFailed = _ref.isFailed,
+    isFailed = _ref$isFailed === void 0 ? false : _ref$isFailed,
+    _ref$isExpired = _ref.isExpired,
+    isExpired = _ref$isExpired === void 0 ? false : _ref$isExpired,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$hidden = _ref.hidden,
+    hidden = _ref$hidden === void 0 ? false : _ref$hidden,
+    _ref$hideDisconnect = _ref.hideDisconnect,
+    hideDisconnect = _ref$hideDisconnect === void 0 ? false : _ref$hideDisconnect,
+    _ref$onClick = _ref.onClick,
+    onCardClick = _ref$onClick === void 0 ? undefined : _ref$onClick,
+    _ref$tooltipProps = _ref.tooltipProps,
+    tooltipProps = _ref$tooltipProps === void 0 ? {} : _ref$tooltipProps,
+    _ref$customDropdown = _ref.customDropdown,
+    customDropdown = _ref$customDropdown === void 0 ? null : _ref$customDropdown,
+    _ref$dataCy = _ref.dataCy,
+    dataCy = _ref$dataCy === void 0 ? "" : _ref$dataCy,
+    children = _ref.children,
+    otherProps = _objectWithoutProperties(_ref, _excluded$1);
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  if (hidden) return null;
+  var isCardClickable = isConnected && isNotNil(onCardClick);
+  var cardProps = isCardClickable ? {
+    onClick: onCardClick
+  } : {};
+  return /*#__PURE__*/React.createElement(Tooltip, _extends({
+    disabled: !disabled,
+    position: "top",
+    content: disabled && t("neetoMolecules.integrationCard.tooltip.integrationNotAvailable")
+  }, tooltipProps), /*#__PURE__*/React.createElement("div", _extends({
+    "data-cy": dataCy,
+    "data-testid": "integration-card",
+    className: classnames("outline-none neeto-ui-border-gray-300 neeto-ui-shadow-xs hover:neeto-ui-border-gray-500 focus:neeto-ui-border-gray-500 neeto-ui-rounded-lg flex flex-col border p-6 no-underline transition-colors", {
+      "hover:neeto-ui-bg-100 cursor-not-allowed opacity-50": disabled,
+      "cursor-pointer": isCardClickable
+    }, className)
+  }, cardProps, otherProps), /*#__PURE__*/React.createElement("div", {
+    className: "flex flex-grow justify-between",
+    "data-cy": "integration-tabs"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex min-w-0 flex-col justify-end"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "relative mb-4 flex h-8"
+  }, Icon && /*#__PURE__*/React.createElement(Icon, {
+    size: 32
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "my-auto"
+  }, /*#__PURE__*/React.createElement(Typography, {
+    className: "mb-2",
+    "data-cy": "integration-card-label",
+    style: "h4",
+    weight: "semibold"
+  }, label), /*#__PURE__*/React.createElement(Typography, {
+    className: "break-words",
+    "data-cy": "".concat(joinHyphenCase(label), "-integration-description"),
+    style: "body2"
+  }, description), children)), isNotEmpty(subIcons) && /*#__PURE__*/React.createElement("div", {
+    className: "flex h-24 flex-col gap-2"
+  }, subIcons.map(function (Icon, index) {
+    return /*#__PURE__*/React.createElement(Icon, {
+      className: "neeto-ui-text-gray-600",
+      key: index,
+      size: 24
+    });
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: "neeto-ui-border-gray-300 mt-4 w-full border-t pt-2"
+  }, isLoading ? /*#__PURE__*/React.createElement("div", {
+    className: "mt-3 flex items-center justify-start"
+  }, /*#__PURE__*/React.createElement(Spinner, null)) : /*#__PURE__*/React.createElement("div", {
+    className: "flex h-8 items-center justify-between"
+  }, isConnected && /*#__PURE__*/React.createElement(Status, {
+    isExpired: isExpired
+  }), isFailed && /*#__PURE__*/React.createElement(Button, {
+    className: "neeto-ui-text-warning-500",
+    "data-cy": "connect-button",
+    disabled: disabled || isLoading,
+    label: t("neetoMolecules.integrationCard.tryAgain"),
+    style: "link",
+    onClick: onConnect
+  }), !isConnected && !isFailed && /*#__PURE__*/React.createElement(Button, {
+    "data-cy": "connect-button",
+    "data-testid": "integraiton-card-connect-button",
+    disabled: disabled || isLoading,
+    label: t("neetoMolecules.integrationCard.connect"),
+    style: "link",
+    onClick: onConnect
+  }), (isConnected || isFailed) && /*#__PURE__*/React.createElement(Dropdown, {
+    customDropdown: customDropdown,
+    hideDisconnect: hideDisconnect,
+    onDisconnect: onDisconnect,
+    handleManage: onManage
+  })))));
+};
+
+var _excluded = ["label", "description", "icon", "path", "dataCy", "className"];
+var Item = function Item(_ref) {
+  var label = _ref.label,
+    description = _ref.description,
+    _ref$icon = _ref.icon,
+    Icon = _ref$icon === void 0 ? null : _ref$icon,
+    path = _ref.path,
+    dataCy = _ref.dataCy,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(Link, _extends({
+    "data-cy": dataCy,
+    to: path,
+    className: classnames("outline-none neeto-ui-border-gray-300 neeto-ui-shadow-xs hover:neeto-ui-border-gray-500 focus:neeto-ui-border-gray-500 neeto-ui-rounded-lg flex cursor-pointer flex-col border p-6 no-underline transition-colors", className)
+  }, otherProps), /*#__PURE__*/React.createElement("div", {
+    "data-testid": "settings-item-".concat(joinHyphenCase(label))
+  }, Icon && /*#__PURE__*/React.createElement(Icon, {
+    className: "neeto-ui-text-gray-600 mb-4",
+    size: 32
+  }), /*#__PURE__*/React.createElement(Typography, {
+    className: "mb-2",
+    "data-cy": "settings-item-heading",
+    style: "h4",
+    weight: "semibold"
+  }, label), /*#__PURE__*/React.createElement(Typography, {
+    "data-cy": "settings-item-description",
+    style: "body2"
+  }, description)));
+};
+var Item$1 = /*#__PURE__*/memo(withRouter(Item));
+
+var Category = function Category(_ref) {
+  var items = _ref.items,
+    label = _ref.label,
+    id = _ref.id,
+    isIntegration = _ref.isIntegration;
+  var SettingsCard = isIntegration ? IntegrationCard : Item$1;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "flex flex-col py-6",
+    id: id
+  }, isNotEmpty(items) && /*#__PURE__*/React.createElement(Typography, {
+    className: "mb-6",
+    component: "h2",
+    "data-cy": "settings-category-heading",
+    style: "h2",
+    weight: "semibold"
+  }, label), /*#__PURE__*/React.createElement("div", {
+    className: "grid grid-cols-1 gap-3 lg:grid-cols-2 lg:gap-6 xl:grid-cols-3 2xl:grid-cols-4"
+  }, items.map(function (item) {
+    return /*#__PURE__*/React.createElement(SettingsCard, _extends({
+      key: item.label
+    }, item));
+  })));
+};
+
+var scrollIntoSettingCategory = function scrollIntoSettingCategory(activeCategory) {
+  var _document$getElementB;
+  (_document$getElementB = document.getElementById(activeCategory)) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.scrollIntoView();
+};
+
+var Settings = function Settings(_ref) {
+  var _ref$categories = _ref.categories,
+    categories = _ref$categories === void 0 ? [] : _ref$categories;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _getQueryParams = getQueryParams(),
+    categoryParam = _getQueryParams.category;
+  useEffect(function () {
+    scrollIntoSettingCategory(categoryParam === null || categoryParam === void 0 ? void 0 : categoryParam.toUpperCase());
+  }, [categoryParam]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, isEmpty(categories) ? /*#__PURE__*/React.createElement("div", {
+    className: "flex h-full w-full flex-grow items-center justify-center",
+    "data-testid": "settings-no-data"
+  }, /*#__PURE__*/React.createElement(NoData, {
+    title: t("neetoMolecules.settingsPage.noData")
+  })) : categories.map(function (_ref2) {
+    var id = _ref2.id,
+      label = _ref2.label,
+      items = _ref2.items,
+      isIntegration = _ref2.isIntegration;
+    return /*#__PURE__*/React.createElement(Category, {
+      id: id,
+      isIntegration: isIntegration,
+      items: items,
+      label: label,
+      key: id
+    });
+  }));
+};
+
+export { Settings as default };
+//# sourceMappingURL=Settings.js.map

package/dist/Settings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Settings.js","sources":["../node_modules/@babel/runtime/helpers/esm/extends.js","../node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js","../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js","../node_modules/classnames/index.js","../src/components/IntegrationCard/Dropdown.jsx","../src/components/IntegrationCard/Status.jsx","../src/components/IntegrationCard/index.jsx","../src/components/Settings/Item.jsx","../src/components/Settings/Category.jsx","../src/components/Settings/utils.js","../src/components/Settings/index.jsx"],"sourcesContent":["export default function _extends() {\n  _extends = Object.assign ? Object.assign.bind() : function (target) {\n    for (var i = 1; i < arguments.length; i++) {\n      var source = arguments[i];\n      for (var key in source) {\n        if (Object.prototype.hasOwnProperty.call(source, key)) {\n          target[key] = source[key];\n        }\n      }\n    }\n    return target;\n  };\n  return _extends.apply(this, arguments);\n}","export default function _objectWithoutPropertiesLoose(source, excluded) {\n  if (source == null) return {};\n  var target = {};\n  var sourceKeys = Object.keys(source);\n  var key, i;\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i];\n    if (excluded.indexOf(key) >= 0) continue;\n    target[key] = source[key];\n  }\n  return target;\n}","import objectWithoutPropertiesLoose from \"./objectWithoutPropertiesLoose.js\";\nexport default function _objectWithoutProperties(source, excluded) {\n  if (source == null) return {};\n  var target = objectWithoutPropertiesLoose(source, excluded);\n  var key, i;\n  if (Object.getOwnPropertySymbols) {\n    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);\n    for (i = 0; i < sourceSymbolKeys.length; i++) {\n      key = sourceSymbolKeys[i];\n      if (excluded.indexOf(key) >= 0) continue;\n      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;\n      target[key] = source[key];\n    }\n  }\n  return target;\n}","/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\tvar nativeCodeString = '[native code]';\n\n\tfunction classNames() {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg)) {\n\t\t\t\tif (arg.length) {\n\t\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\t\tif (inner) {\n\t\t\t\t\t\tclasses.push(inner);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\t\t\tclasses.push(arg.toString());\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tfor (var key in arg) {\n\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import React from \"react\";\n\nimport { noop } from \"neetocommons/pure\";\nimport { MenuVertical } from \"neetoicons\";\nimport { Dropdown as NeetoUIDropdown } from \"neetoui\";\nimport { isNotNil } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nconst { Menu, MenuItem } = NeetoUIDropdown;\n\nconst Dropdown = ({\n  customDropdown,\n  handleManage = noop,\n  hideDisconnect = false,\n  onDisconnect = noop,\n}) => {\n  const { t } = useTranslation();\n\n  if (isNotNil(customDropdown)) {\n    return <div onClick={e => e.stopPropagation()}>{customDropdown}</div>;\n  }\n\n  const isManageable = isNotNil(handleManage);\n\n  if (!isManageable && hideDisconnect) {\n    return null;\n  }\n\n  return (\n    <div onClick={e => e.stopPropagation()}>\n      <NeetoUIDropdown buttonStyle=\"text\" icon={MenuVertical}>\n        <Menu>\n          {isManageable && (\n            <MenuItem.Button onClick={handleManage}>\n              {t(\"neetoMolecules.integrationCard.manage\")}\n            </MenuItem.Button>\n          )}\n          {!hideDisconnect && (\n            <MenuItem.Button onClick={onDisconnect}>\n              {t(\"neetoMolecules.integrationCard.disconnect\")}\n            </MenuItem.Button>\n          )}\n        </Menu>\n      </NeetoUIDropdown>\n    </div>\n  );\n};\n\nexport default Dropdown;\n","import React from \"react\";\n\nimport { Check, Warning } from \"neetoicons\";\nimport { Tag } from \"neetoui\";\nimport { useTranslation } from \"react-i18next\";\n\nconst Status = ({ isExpired }) => {\n  const { t } = useTranslation();\n\n  const tagProps = isExpired\n    ? {\n        icon: Warning,\n        label: t(\"neetoMolecules.integrationCard.tags.expired\"),\n        style: \"warning\",\n      }\n    : {\n        icon: Check,\n        label: t(\"neetoMolecules.integrationCard.tags.connected\"),\n        style: \"success\",\n      };\n\n  return (\n    <Tag\n      className=\"flex-row-reverse\"\n      {...tagProps}\n      data-testid=\"integration-status\"\n    />\n  );\n};\n\nexport default Status;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { isNotEmpty, noop } from \"neetocommons/pure\";\nimport { joinHyphenCase } from \"neetocommons/utils\";\nimport { Typography, Button, Spinner, Tooltip } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { isNotNil } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport Dropdown from \"./Dropdown\";\nimport Status from \"./Status\";\n\nconst IntegrationCard = ({\n  icon: Icon,\n  subIcons = [],\n  label = \"\",\n  description = \"\",\n  className = \"\",\n  onConnect = noop,\n  onDisconnect = noop,\n  onManage = undefined,\n  isLoading = false,\n  isConnected = false,\n  isFailed = false,\n  isExpired = false,\n  disabled = false,\n  hidden = false,\n  hideDisconnect = false,\n  onClick: onCardClick = undefined,\n  tooltipProps = {},\n  customDropdown = null,\n  dataCy = \"\",\n  children,\n  ...otherProps\n}) => {\n  const { t } = useTranslation();\n\n  if (hidden) return null;\n\n  const isCardClickable = isConnected && isNotNil(onCardClick);\n\n  const cardProps = isCardClickable ? { onClick: onCardClick } : {};\n\n  return (\n    <Tooltip\n      disabled={!disabled}\n      position=\"top\"\n      content={\n        disabled &&\n        t(\"neetoMolecules.integrationCard.tooltip.integrationNotAvailable\")\n      }\n      {...tooltipProps}\n    >\n      <div\n        data-cy={dataCy}\n        data-testid=\"integration-card\"\n        className={classnames(\n          \"outline-none neeto-ui-border-gray-300 neeto-ui-shadow-xs hover:neeto-ui-border-gray-500 focus:neeto-ui-border-gray-500 neeto-ui-rounded-lg flex flex-col border p-6 no-underline transition-colors\",\n          {\n            \"hover:neeto-ui-bg-100 cursor-not-allowed opacity-50\": disabled,\n            \"cursor-pointer\": isCardClickable,\n          },\n          className\n        )}\n        {...cardProps}\n        {...otherProps}\n      >\n        <div\n          className=\"flex flex-grow justify-between\"\n          data-cy=\"integration-tabs\"\n        >\n          <div className=\"flex min-w-0 flex-col justify-end\">\n            <div className=\"relative mb-4 flex h-8\">\n              {Icon && <Icon size={32} />}\n            </div>\n            <div className=\"my-auto\">\n              <Typography\n                className=\"mb-2\"\n                data-cy=\"integration-card-label\"\n                style=\"h4\"\n                weight=\"semibold\"\n              >\n                {label}\n              </Typography>\n              <Typography\n                className=\"break-words\"\n                data-cy={`${joinHyphenCase(label)}-integration-description`}\n                style=\"body2\"\n              >\n                {description}\n              </Typography>\n              {children}\n            </div>\n          </div>\n          {isNotEmpty(subIcons) && (\n            <div className=\"flex h-24 flex-col gap-2\">\n              {subIcons.map((Icon, index) => (\n                <Icon\n                  className=\"neeto-ui-text-gray-600\"\n                  key={index}\n                  size={24}\n                />\n              ))}\n            </div>\n          )}\n        </div>\n        <div className=\"neeto-ui-border-gray-300 mt-4 w-full border-t pt-2\">\n          {isLoading ? (\n            <div className=\"mt-3 flex items-center justify-start\">\n              <Spinner />\n            </div>\n          ) : (\n            <div className=\"flex h-8 items-center justify-between\">\n              {isConnected && <Status {...{ isExpired }} />}\n              {isFailed && (\n                <Button\n                  className=\"neeto-ui-text-warning-500\"\n                  data-cy=\"connect-button\"\n                  disabled={disabled || isLoading}\n                  label={t(\"neetoMolecules.integrationCard.tryAgain\")}\n                  style=\"link\"\n                  onClick={onConnect}\n                />\n              )}\n              {!isConnected && !isFailed && (\n                <Button\n                  data-cy=\"connect-button\"\n                  data-testid=\"integraiton-card-connect-button\"\n                  disabled={disabled || isLoading}\n                  label={t(\"neetoMolecules.integrationCard.connect\")}\n                  style=\"link\"\n                  onClick={onConnect}\n                />\n              )}\n              {(isConnected || isFailed) && (\n                <Dropdown\n                  {...{ customDropdown, hideDisconnect, onDisconnect }}\n                  handleManage={onManage}\n                />\n              )}\n            </div>\n          )}\n        </div>\n      </div>\n    </Tooltip>\n  );\n};\n\nIntegrationCard.propTypes = {\n  /**\n   * The icon component to be displayed on the card.\n   */\n  icon: PropTypes.elementType,\n  /**\n   * Array of sub-icons to be displayed on the card.\n   */\n  subIcons: PropTypes.arrayOf(PropTypes.elementType),\n  /**\n   * The label to be displayed on the card.\n   */\n  label: PropTypes.string,\n  /**\n   * The description of the card.\n   */\n  description: PropTypes.string,\n  /**\n   * Additional class names for styling the card.\n   */\n  className: PropTypes.string,\n  /**\n   * Handler function called when the integration is connected.\n   */\n  onConnect: PropTypes.func,\n  /**\n   * Handler function called when the manage dropdown is clicked.\n   */\n  onManage: PropTypes.func,\n  /**\n   * Handler function called when clicked on integration card.\n   */\n  onClick: PropTypes.func,\n  /**\n   * Handler function called when the disconnect dropdown is clicked.\n   */\n  onDisconnect: PropTypes.func,\n  /**\n   * Flag indicating if the integration is currently loading.\n   */\n  isLoading: PropTypes.bool,\n  /**\n   * Flag indicating if the integration is connected.\n   */\n  isConnected: PropTypes.bool,\n  /**\n   * Flag indicating if the integration has failed.\n   */\n  isFailed: PropTypes.bool,\n  /**\n   * Flag indicating if the integration has expired.\n   */\n  isExpired: PropTypes.bool,\n  /**\n   * Flag indicating if the integration is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Flag indicating if the card should be hidden.\n   */\n  hidden: PropTypes.bool,\n  /**\n   * Flag indicating if the disconnect button should be hidden.\n   */\n  hideDisconnect: PropTypes.bool,\n  /**\n   * Additional props for customizing the tooltip wrapper.\n   */\n  tooltipProps: PropTypes.object,\n  /**\n   * Custom dropdown component to be rendered.\n   */\n  customDropdown: PropTypes.element,\n  /**\n   * Additional children elements to be rendered within the card.\n   */\n  children: PropTypes.node,\n};\n\nexport default IntegrationCard;\n","import React, { memo } from \"react\";\n\nimport classnames from \"classnames\";\nimport { joinHyphenCase } from \"neetocommons/utils\";\nimport { Typography } from \"neetoui\";\nimport { withRouter, Link } from \"react-router-dom\";\n\nconst Item = ({\n  label,\n  description,\n  icon: Icon = null,\n  path,\n  dataCy,\n  className = \"\",\n  ...otherProps\n}) => (\n  <Link\n    data-cy={dataCy}\n    to={path}\n    className={classnames(\n      \"outline-none neeto-ui-border-gray-300 neeto-ui-shadow-xs hover:neeto-ui-border-gray-500 focus:neeto-ui-border-gray-500 neeto-ui-rounded-lg flex cursor-pointer flex-col border p-6 no-underline transition-colors\",\n      className\n    )}\n    {...otherProps}\n  >\n    <div data-testid={`settings-item-${joinHyphenCase(label)}`}>\n      {Icon && <Icon className=\"neeto-ui-text-gray-600 mb-4\" size={32} />}\n      <Typography\n        className=\"mb-2\"\n        data-cy=\"settings-item-heading\"\n        style=\"h4\"\n        weight=\"semibold\"\n      >\n        {label}\n      </Typography>\n      <Typography data-cy=\"settings-item-description\" style=\"body2\">\n        {description}\n      </Typography>\n    </div>\n  </Link>\n);\n\nexport default memo(withRouter(Item));\n","import React from \"react\";\n\nimport { isNotEmpty } from \"neetocommons/pure\";\nimport { Typography } from \"neetoui\";\n\nimport IntegrationCard from \"components/IntegrationCard\";\n\nimport Item from \"./Item\";\n\nconst Category = ({ items, label, id, isIntegration }) => {\n  const SettingsCard = isIntegration ? IntegrationCard : Item;\n\n  return (\n    <div className=\"flex flex-col py-6\" {...{ id }}>\n      {isNotEmpty(items) && (\n        <Typography\n          className=\"mb-6\"\n          component=\"h2\"\n          data-cy=\"settings-category-heading\"\n          style=\"h2\"\n          weight=\"semibold\"\n        >\n          {label}\n        </Typography>\n      )}\n      <div className=\"grid grid-cols-1 gap-3 lg:grid-cols-2 lg:gap-6 xl:grid-cols-3 2xl:grid-cols-4\">\n        {items.map(item => (\n          <SettingsCard key={item.label} {...item} />\n        ))}\n      </div>\n    </div>\n  );\n};\n\nexport default Category;\n","export const scrollIntoSettingCategory = activeCategory => {\n  document.getElementById(activeCategory)?.scrollIntoView();\n};\n","import React, { useEffect } from \"react\";\n\nimport { getQueryParams } from \"neetocommons/utils\";\nimport { NoData } from \"neetoui\";\nimport propTypes from \"prop-types\";\nimport { isEmpty } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport Category from \"./Category\";\nimport { scrollIntoSettingCategory } from \"./utils\";\n\nconst Settings = ({ categories = [] }) => {\n  const { t } = useTranslation();\n\n  const { category: categoryParam } = getQueryParams();\n\n  useEffect(() => {\n    scrollIntoSettingCategory(categoryParam?.toUpperCase());\n  }, [categoryParam]);\n\n  return (\n    <>\n      {isEmpty(categories) ? (\n        <div\n          className=\"flex h-full w-full flex-grow items-center justify-center\"\n          data-testid=\"settings-no-data\"\n        >\n          <NoData title={t(\"neetoMolecules.settingsPage.noData\")} />\n        </div>\n      ) : (\n        categories.map(({ id, label, items, isIntegration }) => (\n          <Category {...{ id, isIntegration, items, label }} key={id} />\n        ))\n      )}\n    </>\n  );\n};\n\nSettings.propTypes = {\n  /**\n   * An array of setting categories to be displayed.\n   */\n  categories: propTypes.array,\n};\n\nexport default Settings;\n"],"names":["objectWithoutPropertiesLoose","Menu","NeetoUIDropdown","MenuItem","Dropdown","_ref","customDropdown","_ref$handleManage","handleManage","noop","_ref$hideDisconnect","hideDisconnect","_ref$onDisconnect","onDisconnect","_useTranslation","useTranslation","t","isNotNil","React","createElement","onClick","e","stopPropagation","isManageable","buttonStyle","icon","MenuVertical","Button","Status","isExpired","tagProps","Warning","label","style","Check","Tag","_extends","className","IntegrationCard","Icon","_ref$subIcons","subIcons","_ref$label","_ref$description","description","_ref$className","_ref$onConnect","onConnect","_ref$onManage","onManage","undefined","_ref$isLoading","isLoading","_ref$isConnected","isConnected","_ref$isFailed","isFailed","_ref$isExpired","_ref$disabled","disabled","_ref$hidden","hidden","_ref$onClick","onCardClick","_ref$tooltipProps","tooltipProps","_ref$customDropdown","_ref$dataCy","dataCy","children","otherProps","_objectWithoutProperties","_excluded","isCardClickable","cardProps","Tooltip","position","content","classnames","size","Typography","weight","concat","joinHyphenCase","isNotEmpty","map","index","key","Spinner","Item","_ref$icon","path","Link","to","memo","withRouter","Category","items","id","isIntegration","SettingsCard","component","item","scrollIntoSettingCategory","activeCategory","_document$getElementB","document","getElementById","scrollIntoView","Settings","_ref$categories","categories","_getQueryParams","getQueryParams","categoryParam","category","useEffect","toUpperCase","Fragment","isEmpty","NoData","title","_ref2"],"mappings":"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"}

package/dist/ToggleFeatureCard.cjs.js

@@ -14,6 +14,62 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
+}
+
+function _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
+}
+
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
 }
@@ -145,6 +201,38 @@ var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r
 var css = ".toggle-feature-card--highlighted{border-color:rgb(var(--neeto-ui-primary-800))!important;box-shadow:0 0 0 1px rgb(var(--neeto-ui-primary-800))}";
 n(css,{});
 
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+  return target;
+}
+
+function _objectWithoutProperties(source, excluded) {
+  if (source == null) return {};
+  var target = _objectWithoutPropertiesLoose(source, excluded);
+  var key, i;
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+    for (i = 0; i < sourceSymbolKeys.length; i++) {
+      key = sourceSymbolKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+      target[key] = source[key];
+    }
+  }
+  return target;
+}
+
+var _excluded = ["t", "enabledCondition", "name", "isDisabled", "switchDataCy"];
+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 TooltipSwitch = reactUtils.withT(function (_ref) {
   var t = _ref.t,
     enabledCondition = _ref.enabledCondition,
@@ -152,18 +240,22 @@ var TooltipSwitch = reactUtils.withT(function (_ref) {
     name = _ref$name === void 0 ? "" : _ref$name,
     _ref$isDisabled = _ref.isDisabled,
     isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
-    switchDataCy = _ref.switchDataCy;
+    switchDataCy = _ref.switchDataCy,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
     position: "top",
     content: enabledCondition ? t("neetoMolecules.toggleFeatureCard.switchTooltip.enabled") : t("neetoMolecules.toggleFeatureCard.switchTooltip.disabled")
-  }, /*#__PURE__*/React__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].createElement(formik.Switch, {
+  }, /*#__PURE__*/React__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].createElement(formik.Switch, _extends({
     "data-cy": switchDataCy,
     "data-testid": "toggle-feature-card-switch",
-    disabled: isDisabled,
+    disabled: isDisabled
+  }, _objectSpread$1({
     name: name
-  })));
+  }, otherProps)))));
 });
 
+function ownKeys(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(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var ToggleFeatureCard = function ToggleFeatureCard(_ref) {
   var _ref$title = _ref.title,
     title = _ref$title === void 0 ? "" : _ref$title,
@@ -181,16 +273,8 @@ var ToggleFeatureCard = function ToggleFeatureCard(_ref) {
     isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
     _ref$children = _ref.children,
     children = _ref$children === void 0 ? null : _ref$children,
-    _ref$inputProps = _ref.inputProps,
-    inputProps = _ref$inputProps === void 0 ? {
-      name: null,
-      display: null,
-      label: null,
-      editButtonTooltip: null,
-      editButtonDataCy: "",
-      placeholder: null,
-      dataCy: ""
-    } : _ref$inputProps;
+    inputProps = _ref.inputProps,
+    switchProps = _ref.switchProps;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var cardRef = React.useRef();
@@ -248,12 +332,13 @@ var ToggleFeatureCard = function ToggleFeatureCard(_ref) {
     })
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.Label, {
     className: "flex flex-row items-center gap-2"
-  }, /*#__PURE__*/React__default["default"].createElement(TooltipSwitch, {
+  }, /*#__PURE__*/React__default["default"].createElement(TooltipSwitch, _extends({}, _objectSpread({
     enabledCondition: enabledCondition,
     isDisabled: isDisabled,
-    switchDataCy: switchDataCy,
+    switchDataCy: switchDataCy
+  }, switchProps), {
     name: switchName
-  }), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+  })), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
     component: "span",
     "data-cy": titleDataCy,
     "data-testid": "toggle-feature-card-title",
@@ -280,7 +365,7 @@ var ToggleFeatureCard = function ToggleFeatureCard(_ref) {
     onClick: function onClick() {
       return setIsEditing(true);
     }
-  })), hasInput && isEditing && /*#__PURE__*/React__default["default"].createElement(formik.Input, {
+  })), hasInput && isEditing && /*#__PURE__*/React__default["default"].createElement(formik.Input, _extends({
     autoFocus: true,
     "data-cy": inputProps === null || inputProps === void 0 ? void 0 : inputProps.dataCy,
     "data-testid": "toggle-feature-card-input-field",
@@ -297,7 +382,7 @@ var ToggleFeatureCard = function ToggleFeatureCard(_ref) {
       type: "button",
       onClick: handleInputReset
     })
-  }), children);
+  }, inputProps)), children);
 };
 
 module.exports = ToggleFeatureCard;