@bigbinary/neeto-molecules 1.1.78 → 1.2.0-beta2

package/dist/cjs/ToggleFeatureCard.js

@@ -0,0 +1,213 @@
+'use strict';
+
+var _extends = require('@babel/runtime/helpers/extends');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var React = require('react');
+var classnames = require('classnames');
+var formik$1 = require('formik');
+var neetoCist = require('@bigbinary/neeto-cist');
+var useOnClickOutside = require('@bigbinary/neeto-commons-frontend/react-utils/useOnClickOutside');
+var useHotkeys = require('@bigbinary/neeto-hotkeys');
+var neetoIcons = require('@bigbinary/neeto-icons');
+var neetoui = require('@bigbinary/neetoui');
+var formik = require('@bigbinary/neetoui/formik');
+var ramda = require('ramda');
+var reactI18next = require('react-i18next');
+var injectCss = require('./inject-css-80a5faa3.js');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var i18next = require('i18next');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
+var useOnClickOutside__default = /*#__PURE__*/_interopDefaultLegacy(useOnClickOutside);
+var useHotkeys__default = /*#__PURE__*/_interopDefaultLegacy(useHotkeys);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
+
+var useScrollIntoView = function useScrollIntoView(_ref) {
+  var elementId = _ref.elementId,
+    trigger = _ref.trigger;
+  React.useEffect(function () {
+    var _document$getElementB;
+    if (!trigger) return;
+    (_document$getElementB = document.getElementById(elementId)) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.scrollIntoView();
+  }, [trigger]);
+};
+
+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))}";
+injectCss.n(css,{});
+
+var getTooltipContent = function getTooltipContent(_ref) {
+  var enabledCondition = _ref.enabledCondition,
+    tooltipProps = _ref.tooltipProps;
+  if (enabledCondition) {
+    return tooltipProps.enabledSwitchText || i18next.t("neetoMolecules.toggleFeatureCard.switchTooltip.enabled");
+  }
+  return tooltipProps.disabledSwitchText || i18next.t("neetoMolecules.toggleFeatureCard.switchTooltip.disabled");
+};
+
+var _excluded = ["enabledCondition", "name", "isDisabled", "switchDataCy", "tooltipProps"];
+function ownKeys$1(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$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var TooltipSwitch = function TooltipSwitch(_ref) {
+  var enabledCondition = _ref.enabledCondition,
+    _ref$name = _ref.name,
+    name = _ref$name === void 0 ? "" : _ref$name,
+    _ref$isDisabled = _ref.isDisabled,
+    isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
+    switchDataCy = _ref.switchDataCy,
+    _ref$tooltipProps = _ref.tooltipProps,
+    tooltipProps = _ref$tooltipProps === void 0 ? {} : _ref$tooltipProps,
+    otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
+  return /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, _extends__default["default"]({
+    content: getTooltipContent({
+      enabledCondition: enabledCondition,
+      tooltipProps: tooltipProps
+    }),
+    position: "top"
+  }, tooltipProps), /*#__PURE__*/React__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].createElement(formik.Switch, _extends__default["default"]({
+    "data-cy": switchDataCy,
+    "data-testid": "toggle-feature-card-switch",
+    disabled: isDisabled
+  }, _objectSpread$1({
+    name: name
+  }, otherProps)))));
+};
+
+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__default["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 ToggleFeatureCard = function ToggleFeatureCard(_ref) {
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? "" : _ref$title,
+    _ref$description = _ref.description,
+    description = _ref$description === void 0 ? null : _ref$description,
+    _ref$switchName = _ref.switchName,
+    switchName = _ref$switchName === void 0 ? "switch" : _ref$switchName,
+    _ref$titleDataCy = _ref.titleDataCy,
+    titleDataCy = _ref$titleDataCy === void 0 ? "" : _ref$titleDataCy,
+    _ref$switchDataCy = _ref.switchDataCy,
+    switchDataCy = _ref$switchDataCy === void 0 ? "" : _ref$switchDataCy,
+    _ref$descriptionDataC = _ref.descriptionDataCy,
+    descriptionDataCy = _ref$descriptionDataC === void 0 ? "" : _ref$descriptionDataC,
+    _ref$isDisabled = _ref.isDisabled,
+    isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
+    _ref$children = _ref.children,
+    children = _ref$children === void 0 ? null : _ref$children,
+    inputProps = _ref.inputProps,
+    _ref$switchProps = _ref.switchProps,
+    switchProps = _ref$switchProps === void 0 ? {} : _ref$switchProps;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var cardRef = React.useRef();
+  var id = neetoCist.slugify(title);
+  var _useState = React.useState(false),
+    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    isEditing = _useState2[0],
+    setIsEditing = _useState2[1];
+  var _useFormikContext = formik$1.useFormikContext(),
+    setFieldValue = _useFormikContext.setFieldValue,
+    values = _useFormikContext.values,
+    submitCount = _useFormikContext.submitCount,
+    errors = _useFormikContext.errors,
+    initialValues = _useFormikContext.initialValues;
+  React.useEffect(function () {
+    if (!(submitCount >= 1 && ramda.isEmpty(errors))) return;
+    setIsEditing(false);
+  }, [submitCount]);
+  React.useEffect(function () {
+    if (ramda.isEmpty(errors)) return;
+    setIsEditing(true);
+  }, [values, errors]);
+  var _useState3 = React.useState(location.hash.split("#")[1] === id),
+    _useState4 = _slicedToArray__default["default"](_useState3, 2),
+    shouldHighlight = _useState4[0],
+    setShouldHighlight = _useState4[1];
+  var hasInput = (values === null || values === void 0 ? void 0 : values[switchName]) && (inputProps === null || inputProps === void 0 ? void 0 : inputProps.name);
+  var enabledCondition = values === null || values === void 0 ? void 0 : values[switchName];
+  var handleInputReset = function handleInputReset() {
+    setIsEditing(false);
+    hasInput && setFieldValue(inputProps === null || inputProps === void 0 ? void 0 : inputProps.name, initialValues === null || initialValues === void 0 ? void 0 : initialValues[inputProps === null || inputProps === void 0 ? void 0 : inputProps.name]);
+  };
+  useOnClickOutside__default["default"](cardRef, function () {
+    return setShouldHighlight(false);
+  });
+  useScrollIntoView({
+    elementId: id,
+    trigger: shouldHighlight
+  });
+  var inputRef = useHotkeys__default["default"]("enter", function () {
+    return setIsEditing(false);
+  }, {
+    mode: "scoped"
+  });
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    id: id,
+    "data-testid": "toggle-feature-card",
+    ref: cardRef,
+    className: classnames__default["default"]("neeto-ui-bg-white  neeto-ui-rounded-lg flex flex-col space-y-2 border p-4", {
+      "neeto-ui-border-gray-300": !shouldHighlight
+    }, {
+      "toggle-feature-card--highlighted": shouldHighlight
+    })
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Label, {
+    className: "flex flex-row items-center gap-2"
+  }, /*#__PURE__*/React__default["default"].createElement(TooltipSwitch, _extends__default["default"]({}, _objectSpread({
+    enabledCondition: enabledCondition,
+    isDisabled: isDisabled,
+    switchDataCy: switchDataCy
+  }, switchProps), {
+    name: switchName
+  })), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+    component: "span",
+    "data-cy": titleDataCy,
+    "data-testid": "toggle-feature-card-title",
+    style: "h4",
+    weight: "semibold"
+  }, title)), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+    className: "mb-4 whitespace-pre-line",
+    "data-cy": descriptionDataCy,
+    "data-testid": "toggle-feature-card-description",
+    style: "body2"
+  }, description), hasInput && !isEditing && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "m-0 flex flex-row items-center space-x-2"
+  }, inputProps === null || inputProps === void 0 ? void 0 : inputProps.display, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+    "data-cy": inputProps === null || inputProps === void 0 ? void 0 : inputProps.editButtonDataCy,
+    "data-testid": "toggle-feature-card-input-display-edit",
+    icon: neetoIcons.Edit,
+    size: "small",
+    style: "text",
+    type: "button",
+    tooltipProps: {
+      content: (inputProps === null || inputProps === void 0 ? void 0 : inputProps.editButtonTooltip) || t("neetoMolecules.toggleFeatureCard.input.editButtonDefaultTooltip"),
+      position: "right"
+    },
+    onClick: function onClick() {
+      return setIsEditing(true);
+    }
+  })), hasInput && isEditing && /*#__PURE__*/React__default["default"].createElement(formik.Input, _extends__default["default"]({
+    autoFocus: true,
+    "data-cy": inputProps === null || inputProps === void 0 ? void 0 : inputProps.dataCy,
+    "data-testid": "toggle-feature-card-input-field",
+    label: inputProps === null || inputProps === void 0 ? void 0 : inputProps.label,
+    name: inputProps === null || inputProps === void 0 ? void 0 : inputProps.name,
+    placeholder: inputProps === null || inputProps === void 0 ? void 0 : inputProps.placeholder,
+    ref: inputRef,
+    size: "medium",
+    suffix: /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+      "data-testid": "toggle-feature-card-input-reset",
+      icon: neetoIcons.Close,
+      size: "small",
+      style: "text",
+      type: "button",
+      onClick: handleInputReset
+    })
+  }, inputProps)), children);
+};
+
+module.exports = ToggleFeatureCard;
+//# sourceMappingURL=ToggleFeatureCard.js.map

package/dist/cjs/ToggleFeatureCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleFeatureCard.js","sources":["../../src/components/ToggleFeatureCard/hooks/useScrollIntoView.js","../../src/components/ToggleFeatureCard/utils.js","../../src/components/ToggleFeatureCard/ToolTipSwitch.jsx","../../src/components/ToggleFeatureCard/index.jsx"],"sourcesContent":["import { useEffect } from \"react\";\n\nconst useScrollIntoView = ({ elementId, trigger }) => {\n  useEffect(() => {\n    if (!trigger) return;\n    document.getElementById(elementId)?.scrollIntoView();\n  }, [trigger]);\n};\n\nexport default useScrollIntoView;\n","import { t } from \"i18next\";\n\nexport const getTooltipContent = ({ enabledCondition, tooltipProps }) => {\n  if (enabledCondition) {\n    return (\n      tooltipProps.enabledSwitchText ||\n      t(\"neetoMolecules.toggleFeatureCard.switchTooltip.enabled\")\n    );\n  }\n\n  return (\n    tooltipProps.disabledSwitchText ||\n    t(\"neetoMolecules.toggleFeatureCard.switchTooltip.disabled\")\n  );\n};\n","import React from \"react\";\n\nimport { Tooltip } from \"neetoui\";\nimport { Switch as FormikSwitch } from \"neetoui/formik\";\n\nimport { getTooltipContent } from \"./utils\";\n\nconst TooltipSwitch = ({\n  enabledCondition,\n  name = \"\",\n  isDisabled = false,\n  switchDataCy,\n  tooltipProps = {},\n  ...otherProps\n}) => (\n  <Tooltip\n    content={getTooltipContent({ enabledCondition, tooltipProps })}\n    position=\"top\"\n    {...tooltipProps}\n  >\n    <span>\n      <FormikSwitch\n        data-cy={switchDataCy}\n        data-testid=\"toggle-feature-card-switch\"\n        disabled={isDisabled}\n        {...{ name, ...otherProps }}\n      />\n    </span>\n  </Tooltip>\n);\nexport default TooltipSwitch;\n","import React, { useRef, useState, useEffect } from \"react\";\n\nimport classnames from \"classnames\";\nimport { useFormikContext } from \"formik\";\nimport { slugify } from \"neetocist\";\nimport useOnClickOutside from \"neetocommons/react-utils/useOnClickOutside\";\nimport useHotkeys from \"neetohotkeys\";\nimport { Edit, Close } from \"neetoicons\";\nimport { Typography, Label, Button } from \"neetoui\";\nimport { Input } from \"neetoui/formik\";\nimport PropTypes from \"prop-types\";\nimport { isEmpty } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { SIZES } from \"./constants\";\nimport useScrollIntoView from \"./hooks/useScrollIntoView\";\nimport \"./toggleFeatureCard.scss\";\nimport TooltipSwitch from \"./ToolTipSwitch\";\n\nconst ToggleFeatureCard = ({\n  title = \"\",\n  description = null,\n  switchName = \"switch\",\n  titleDataCy = \"\",\n  switchDataCy = \"\",\n  descriptionDataCy = \"\",\n  isDisabled = false,\n  children = null,\n  inputProps,\n  switchProps = {},\n}) => {\n  const { t } = useTranslation();\n  const cardRef = useRef();\n  const id = slugify(title);\n\n  const [isEditing, setIsEditing] = useState(false);\n\n  const { setFieldValue, values, submitCount, errors, initialValues } =\n    useFormikContext();\n\n  useEffect(() => {\n    if (!(submitCount >= 1 && isEmpty(errors))) return;\n    setIsEditing(false);\n  }, [submitCount]);\n\n  useEffect(() => {\n    if (isEmpty(errors)) return;\n    setIsEditing(true);\n  }, [values, errors]);\n\n  const [shouldHighlight, setShouldHighlight] = useState(\n    location.hash.split(\"#\")[1] === id\n  );\n\n  const hasInput = values?.[switchName] && inputProps?.name;\n  const enabledCondition = values?.[switchName];\n\n  const handleInputReset = () => {\n    setIsEditing(false);\n    hasInput &&\n      setFieldValue(inputProps?.name, initialValues?.[inputProps?.name]);\n  };\n\n  useOnClickOutside(cardRef, () => setShouldHighlight(false));\n\n  useScrollIntoView({ elementId: id, trigger: shouldHighlight });\n\n  const inputRef = useHotkeys(\"enter\", () => setIsEditing(false), {\n    mode: \"scoped\",\n  });\n\n  return (\n    <div\n      {...{ id }}\n      data-testid=\"toggle-feature-card\"\n      ref={cardRef}\n      className={classnames(\n        \"neeto-ui-bg-white  neeto-ui-rounded-lg flex flex-col space-y-2 border p-4\",\n        { \"neeto-ui-border-gray-300\": !shouldHighlight },\n        { \"toggle-feature-card--highlighted\": shouldHighlight }\n      )}\n    >\n      <Label className=\"flex flex-row items-center gap-2\">\n        <TooltipSwitch\n          {...{\n            enabledCondition,\n            isDisabled,\n            switchDataCy,\n            ...switchProps,\n          }}\n          name={switchName}\n        />\n        <Typography\n          component=\"span\"\n          data-cy={titleDataCy}\n          data-testid=\"toggle-feature-card-title\"\n          style=\"h4\"\n          weight=\"semibold\"\n        >\n          {title}\n        </Typography>\n      </Label>\n      <Typography\n        className=\"mb-4 whitespace-pre-line\"\n        data-cy={descriptionDataCy}\n        data-testid=\"toggle-feature-card-description\"\n        style=\"body2\"\n      >\n        {description}\n      </Typography>\n      {hasInput && !isEditing && (\n        <div className=\"m-0 flex flex-row items-center space-x-2\">\n          {inputProps?.display}\n          <Button\n            data-cy={inputProps?.editButtonDataCy}\n            data-testid=\"toggle-feature-card-input-display-edit\"\n            icon={Edit}\n            size=\"small\"\n            style=\"text\"\n            type=\"button\"\n            tooltipProps={{\n              content:\n                inputProps?.editButtonTooltip ||\n                t(\n                  \"neetoMolecules.toggleFeatureCard.input.editButtonDefaultTooltip\"\n                ),\n              position: \"right\",\n            }}\n            onClick={() => setIsEditing(true)}\n          />\n        </div>\n      )}\n      {hasInput && isEditing && (\n        <Input\n          autoFocus\n          data-cy={inputProps?.dataCy}\n          data-testid=\"toggle-feature-card-input-field\"\n          label={inputProps?.label}\n          name={inputProps?.name}\n          placeholder={inputProps?.placeholder}\n          ref={inputRef}\n          size=\"medium\"\n          suffix={\n            <Button\n              data-testid=\"toggle-feature-card-input-reset\"\n              icon={Close}\n              size=\"small\"\n              style=\"text\"\n              type=\"button\"\n              onClick={handleInputReset}\n            />\n          }\n          {...inputProps}\n        />\n      )}\n      {children}\n    </div>\n  );\n};\n\nToggleFeatureCard.propTypes = {\n  /**\n   * The title that will be displayed for the card.\n   */\n  title: PropTypes.string,\n  /**\n   * The descripton text for the particular feature or setting.\n   */\n  description: PropTypes.string,\n  /**\n   * The formik name of the feature or setting to be toggled. eg:\n  {switchName: \"enableEmails\"}.\n   */\n  switchName: PropTypes.string,\n  /**\n   * Can be used to disable the toggle switch conditionally.\n   */\n  isDisabled: PropTypes.bool,\n  /**\n   * Custom child components to be displayed in the card.\n   */\n  children: PropTypes.node,\n  /**\n   * Can be used to add an input field for a setting or a feature.\n    For example, `Enable email notifications` card can have an email input field.\n   */\n  inputProps: PropTypes.shape({\n    name: PropTypes.string,\n    display: PropTypes.node,\n    label: PropTypes.string,\n    editButtonTooltip: PropTypes.string,\n    editButtonDataCy: PropTypes.string,\n    placeholder: PropTypes.string,\n    dataCy: PropTypes.string,\n    onChange: PropTypes.func,\n    suffix: PropTypes.node,\n    prefix: PropTypes.node,\n    className: PropTypes.string,\n    nakedInput: PropTypes.bool,\n    size: PropTypes.oneOf(Object.values(SIZES)),\n    type: PropTypes.string,\n    maxLength: PropTypes.number,\n    contentSize: PropTypes.number,\n    unlimitedChars: PropTypes.bool,\n  }),\n  /**\n   * Can be used to add props to the switch component.\n   */\n  switchProps: PropTypes.shape({\n    onChange: PropTypes.func,\n    className: PropTypes.string,\n    checked: PropTypes.bool,\n    tooltipProps: PropTypes.shape({\n      enabledSwitchText: PropTypes.string,\n      disabledSwitchText: PropTypes.string,\n    }),\n  }),\n};\n\nexport default ToggleFeatureCard;\n"],"names":["useScrollIntoView","_ref","elementId","trigger","useEffect","_document$getElementB","document","getElementById","scrollIntoView","getTooltipContent","enabledCondition","tooltipProps","enabledSwitchText","t","disabledSwitchText","TooltipSwitch","_ref$name","name","_ref$isDisabled","isDisabled","switchDataCy","_ref$tooltipProps","otherProps","_objectWithoutProperties","_excluded","React","createElement","Tooltip","_extends","content","position","FormikSwitch","disabled","_objectSpread","ToggleFeatureCard","_ref$title","title","_ref$description","description","_ref$switchName","switchName","_ref$titleDataCy","titleDataCy","_ref$switchDataCy","_ref$descriptionDataC","descriptionDataCy","_ref$children","children","inputProps","_ref$switchProps","switchProps","_useTranslation","useTranslation","cardRef","useRef","id","slugify","_useState","useState","_useState2","_slicedToArray","isEditing","setIsEditing","_useFormikContext","useFormikContext","setFieldValue","values","submitCount","errors","initialValues","isEmpty","_useState3","location","hash","split","_useState4","shouldHighlight","setShouldHighlight","hasInput","handleInputReset","useOnClickOutside","inputRef","useHotkeys","mode","ref","className","classnames","Label","Typography","component","style","weight","display","Button","editButtonDataCy","icon","Edit","size","type","editButtonTooltip","onClick","Input","autoFocus","dataCy","label","placeholder","suffix","Close"],"mappings":"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"}