@bigbinary/neeto-molecules 3.15.14 → 3.15.16

package/README.md

@@ -17,6 +17,7 @@ https://neeto-molecules.neeto.com/
 - [BrowserSupport](./docs/components/BrowserSupport.md)
 - [Builder](./docs/components/Builder.md)
 - [CalendarView](./docs/components/CalendarView.md)
+- [CardLayout](./docs/components/CardLayout.md)
 - [Codeblock](./docs/components/Codeblock.md)
 - [Columns](./docs/components/Columns.md)
 - [ConfirmationModal](./docs/components/ConfirmationModal.md)

package/dist/CardLayout.js

@@ -0,0 +1,42 @@
+import classnames from 'classnames';
+import Typography from '@bigbinary/neetoui/Typography';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var CardLayout = function CardLayout(_ref) {
+  var _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    _ref$containerClassNa = _ref.containerClassName,
+    containerClassName = _ref$containerClassNa === void 0 ? "" : _ref$containerClassNa,
+    _ref$title = _ref.title,
+    title = _ref$title === void 0 ? null : _ref$title,
+    _ref$description = _ref.description,
+    description = _ref$description === void 0 ? null : _ref$description,
+    actionBlock = _ref.actionBlock,
+    children = _ref.children;
+  return /*#__PURE__*/jsx("div", {
+    "data-testid": "neeto-molecules-card-container",
+    className: classnames(["neeto-molecules-card__container mx-auto w-full max-w-3xl", containerClassName]),
+    children: /*#__PURE__*/jsxs("div", {
+      "data-testid": "neeto-molecules-card",
+      className: classnames(["neeto-molecules-card neeto-ui-border-gray-300 neeto-ui-rounded-lg my-6 w-full border", className]),
+      children: [/*#__PURE__*/jsxs("div", {
+        className: "neeto-molecules-card__content p-4",
+        children: [title && /*#__PURE__*/jsx(Typography, {
+          className: "mb-2",
+          style: "h2",
+          children: title
+        }), description && /*#__PURE__*/jsx(Typography, {
+          className: "mb-3",
+          style: "body1",
+          children: description
+        }), children]
+      }), actionBlock && /*#__PURE__*/jsx("div", {
+        className: classnames(["neeto-molecules-card__action-block neeto-ui-bg-gray-50 neeto-ui-rounded-lg sticky bottom-0 w-full rounded-t-none p-4", className]),
+        children: actionBlock
+      })]
+    })
+  });
+};
+
+export { CardLayout as default };
+//# sourceMappingURL=CardLayout.js.map

package/dist/CardLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardLayout.js","sources":["../src/components/CardLayout/index.jsx"],"sourcesContent":["import classnames from \"classnames\";\nimport { Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nconst CardLayout = ({\n  className = \"\",\n  containerClassName = \"\",\n  title = null,\n  description = null,\n  actionBlock,\n  children,\n}) => (\n  <div\n    data-testid=\"neeto-molecules-card-container\"\n    className={classnames([\n      \"neeto-molecules-card__container mx-auto w-full max-w-3xl\",\n      containerClassName,\n    ])}\n  >\n    <div\n      data-testid=\"neeto-molecules-card\"\n      className={classnames([\n        \"neeto-molecules-card neeto-ui-border-gray-300 neeto-ui-rounded-lg my-6 w-full border\",\n        className,\n      ])}\n    >\n      <div className=\"neeto-molecules-card__content p-4\">\n        {title && (\n          <Typography className=\"mb-2\" style=\"h2\">\n            {title}\n          </Typography>\n        )}\n        {description && (\n          <Typography className=\"mb-3\" style=\"body1\">\n            {description}\n          </Typography>\n        )}\n        {children}\n      </div>\n      {actionBlock && (\n        <div\n          className={classnames([\n            \"neeto-molecules-card__action-block neeto-ui-bg-gray-50 neeto-ui-rounded-lg sticky bottom-0 w-full rounded-t-none p-4\",\n            className,\n          ])}\n        >\n          {actionBlock}\n        </div>\n      )}\n    </div>\n  </div>\n);\n\nCardLayout.propTypes = {\n  /**\n   * To set the title of the card.\n   */\n  title: PropTypes.string,\n  /**\n   * To set the description of the card.\n   */\n  description: PropTypes.node,\n  /**\n   * To set custom class name to the card.\n   */\n  className: PropTypes.string,\n  /**\n   * To set custom class name to the card container.\n   */\n  containerClassName: PropTypes.string,\n  /**\n   * To specify the content to be rendered in the card footer.\n   */\n  actionBlock: PropTypes.node,\n  /**\n   * To specify the components to be rendered inside the card.\n   */\n  children: PropTypes.node,\n};\n\nexport default CardLayout;\n"],"names":["CardLayout","_ref","_ref$className","className","_ref$containerClassNa","containerClassName","_ref$title","title","_ref$description","description","actionBlock","children","_jsx","classnames","_jsxs","Typography","style"],"mappings":";;;;AAIA,IAAMA,UAAU,GAAG,SAAbA,UAAUA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAAC,cAAA,GAAAD,IAAA,CACdE,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA;IAAAE,qBAAA,GAAAH,IAAA,CACdI,kBAAkB;AAAlBA,IAAAA,kBAAkB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,qBAAA;IAAAE,UAAA,GAAAL,IAAA,CACvBM,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,UAAA;IAAAE,gBAAA,GAAAP,IAAA,CACZQ,WAAW;AAAXA,IAAAA,WAAW,GAAAD,gBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,gBAAA;IAClBE,WAAW,GAAAT,IAAA,CAAXS,WAAW;IACXC,QAAQ,GAAAV,IAAA,CAARU,QAAQ,CAAA;AAAA,EAAA,oBAERC,GAAA,CAAA,KAAA,EAAA;AACE,IAAA,aAAA,EAAY,gCAAgC;IAC5CT,SAAS,EAAEU,UAAU,CAAC,CACpB,0DAA0D,EAC1DR,kBAAkB,CACnB,CAAE;AAAAM,IAAAA,QAAA,eAEHG,IAAA,CAAA,KAAA,EAAA;AACE,MAAA,aAAA,EAAY,sBAAsB;MAClCX,SAAS,EAAEU,UAAU,CAAC,CACpB,sFAAsF,EACtFV,SAAS,CACV,CAAE;AAAAQ,MAAAA,QAAA,gBAEHG,IAAA,CAAA,KAAA,EAAA;AAAKX,QAAAA,SAAS,EAAC,mCAAmC;AAAAQ,QAAAA,QAAA,EAC/CJ,CAAAA,KAAK,iBACJK,GAAA,CAACG,UAAU,EAAA;AAACZ,UAAAA,SAAS,EAAC,MAAM;AAACa,UAAAA,KAAK,EAAC,IAAI;AAAAL,UAAAA,QAAA,EACpCJ,KAAAA;AAAK,SACI,CACb,EACAE,WAAW,iBACVG,GAAA,CAACG,UAAU,EAAA;AAACZ,UAAAA,SAAS,EAAC,MAAM;AAACa,UAAAA,KAAK,EAAC,OAAO;AAAAL,UAAAA,QAAA,EACvCF,WAAAA;SACS,CACb,EACAE,QAAQ,CAAA;AAAA,OACN,CAAC,EACLD,WAAW,iBACVE,GAAA,CAAA,KAAA,EAAA;QACET,SAAS,EAAEU,UAAU,CAAC,CACpB,sHAAsH,EACtHV,SAAS,CACV,CAAE;AAAAQ,QAAAA,QAAA,EAEFD,WAAAA;AAAW,OACT,CACN,CAAA;KACE,CAAA;AAAC,GACH,CAAC,CAAA;AAAA;;;;"}

package/dist/ToggleFeatureCard.js

@@ -70,7 +70,9 @@ var TooltipSwitch = function TooltipSwitch(_ref) {
 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; }
 var ToggleFeatureCard = function ToggleFeatureCard(_ref) {
-  var _ref$title = _ref.title,
+  var _ref$isCardStyleEnabl = _ref.isCardStyleEnabled,
+    isCardStyleEnabled = _ref$isCardStyleEnabl === void 0 ? true : _ref$isCardStyleEnabl,
+    _ref$title = _ref.title,
     title = _ref$title === void 0 ? "" : _ref$title,
     _ref$description = _ref.description,
     description = _ref$description === void 0 ? null : _ref$description,
@@ -142,7 +144,9 @@ var ToggleFeatureCard = function ToggleFeatureCard(_ref) {
     "data-cy": "feature-card-container",
     "data-testid": "toggle-feature-card",
     ref: cardRef,
-    className: classnames("neeto-ui-bg-white  neeto-ui-rounded-lg flex flex-col space-y-2 border p-4", {
+    className: classnames("neeto-ui-bg-white  neeto-ui-rounded-lg flex flex-col space-y-2", {
+      "border p-4": isCardStyleEnabled
+    }, {
       "neeto-ui-border-gray-300": !shouldHighlight
     }, {
       "toggle-feature-card--highlighted": shouldHighlight

package/dist/ToggleFeatureCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleFeatureCard.js","sources":["../src/components/ToggleFeatureCard/hooks/useScrollIntoView.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 { Tooltip } from \"neetoui\";\nimport { Switch as FormikSwitch } from \"neetoui/formik\";\n\nconst TooltipSwitch = ({\n  enabledCondition,\n  name = \"\",\n  isDisabled = false,\n  switchDataCy,\n  tooltipProps = {},\n  ...otherProps\n}) => {\n  const { enabledSwitchText, disabledSwitchText, ...neetoUITooltipProps } =\n    tooltipProps;\n\n  const tooltipContent = enabledCondition\n    ? enabledSwitchText\n    : disabledSwitchText;\n\n  return (\n    <Tooltip\n      content={tooltipContent}\n      disabled={!tooltipContent}\n      position=\"top\"\n      {...neetoUITooltipProps}\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  );\n};\n\nexport default TooltipSwitch;\n","import { 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 { 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  editButtonProps = {},\n  className = \"\",\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-cy=\"feature-card-container\"\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        className\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            label={t(\"neetoMolecules.common.actions.edit\")}\n            size=\"small\"\n            style=\"link\"\n            type=\"button\"\n            onClick={() => setIsEditing(true)}\n            {...editButtonProps}\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   * Can be used to add props to the edit button component.\n   */\n  editButtonProps: PropTypes.shape({\n    onClick: PropTypes.func,\n    className: PropTypes.string,\n    style: PropTypes.string,\n    size: PropTypes.string,\n    type: PropTypes.string,\n    tooltipProps: PropTypes.object,\n  }),\n  /**\n   * To specify external classnames as overrides to the ToggleFeatureCard wrapper.\n   */\n  className: PropTypes.string,\n};\n\nexport default ToggleFeatureCard;\n"],"names":["useScrollIntoView","_ref","elementId","trigger","useEffect","_document$getElementB","document","getElementById","scrollIntoView","TooltipSwitch","enabledCondition","_ref$name","name","_ref$isDisabled","isDisabled","switchDataCy","_ref$tooltipProps","tooltipProps","otherProps","_objectWithoutProperties","_excluded","enabledSwitchText","disabledSwitchText","neetoUITooltipProps","_excluded2","tooltipContent","_jsx","Tooltip","_objectSpread","content","disabled","position","children","FormikSwitch","ToggleFeatureCard","_ref$title","title","_ref$description","description","_ref$switchName","switchName","_ref$titleDataCy","titleDataCy","_ref$switchDataCy","_ref$descriptionDataC","descriptionDataCy","_ref$children","inputProps","_ref$switchProps","switchProps","_ref$editButtonProps","editButtonProps","_ref$className","className","_useTranslation","useTranslation","t","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","_jsxs","ref","classnames","Label","Typography","component","style","weight","display","Button","editButtonDataCy","label","size","type","onClick","Input","autoFocus","dataCy","placeholder","suffix","icon","Close"],"mappings":"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"}
+{"version":3,"file":"ToggleFeatureCard.js","sources":["../src/components/ToggleFeatureCard/hooks/useScrollIntoView.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 { Tooltip } from \"neetoui\";\nimport { Switch as FormikSwitch } from \"neetoui/formik\";\n\nconst TooltipSwitch = ({\n  enabledCondition,\n  name = \"\",\n  isDisabled = false,\n  switchDataCy,\n  tooltipProps = {},\n  ...otherProps\n}) => {\n  const { enabledSwitchText, disabledSwitchText, ...neetoUITooltipProps } =\n    tooltipProps;\n\n  const tooltipContent = enabledCondition\n    ? enabledSwitchText\n    : disabledSwitchText;\n\n  return (\n    <Tooltip\n      content={tooltipContent}\n      disabled={!tooltipContent}\n      position=\"top\"\n      {...neetoUITooltipProps}\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  );\n};\n\nexport default TooltipSwitch;\n","import { 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 { 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  isCardStyleEnabled = true,\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  editButtonProps = {},\n  className = \"\",\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-cy=\"feature-card-container\"\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\",\n        { \"border p-4\": isCardStyleEnabled },\n        { \"neeto-ui-border-gray-300\": !shouldHighlight },\n        { \"toggle-feature-card--highlighted\": shouldHighlight },\n        className\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            label={t(\"neetoMolecules.common.actions.edit\")}\n            size=\"small\"\n            style=\"link\"\n            type=\"button\"\n            onClick={() => setIsEditing(true)}\n            {...editButtonProps}\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   * Can be used to enable the card appearance.\n   */\n  isCardStyleEnabled: 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   * Can be used to add props to the edit button component.\n   */\n  editButtonProps: PropTypes.shape({\n    onClick: PropTypes.func,\n    className: PropTypes.string,\n    style: PropTypes.string,\n    size: PropTypes.string,\n    type: PropTypes.string,\n    tooltipProps: PropTypes.object,\n  }),\n  /**\n   * To specify external classnames as overrides to the ToggleFeatureCard wrapper.\n   */\n  className: PropTypes.string,\n};\n\nexport default ToggleFeatureCard;\n"],"names":["useScrollIntoView","_ref","elementId","trigger","useEffect","_document$getElementB","document","getElementById","scrollIntoView","TooltipSwitch","enabledCondition","_ref$name","name","_ref$isDisabled","isDisabled","switchDataCy","_ref$tooltipProps","tooltipProps","otherProps","_objectWithoutProperties","_excluded","enabledSwitchText","disabledSwitchText","neetoUITooltipProps","_excluded2","tooltipContent","_jsx","Tooltip","_objectSpread","content","disabled","position","children","FormikSwitch","ToggleFeatureCard","_ref$isCardStyleEnabl","isCardStyleEnabled","_ref$title","title","_ref$description","description","_ref$switchName","switchName","_ref$titleDataCy","titleDataCy","_ref$switchDataCy","_ref$descriptionDataC","descriptionDataCy","_ref$children","inputProps","_ref$switchProps","switchProps","_ref$editButtonProps","editButtonProps","_ref$className","className","_useTranslation","useTranslation","t","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","_jsxs","ref","classnames","Label","Typography","component","style","weight","display","Button","editButtonDataCy","label","size","type","onClick","Input","autoFocus","dataCy","placeholder","suffix","icon","Close"],"mappings":"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"}

package/dist/cjs/CardLayout.js

@@ -0,0 +1,44 @@
+'use strict';
+
+var classnames = require('classnames');
+var Typography = require('@bigbinary/neetoui/Typography');
+var jsxRuntime = require('react/jsx-runtime');
+
+var CardLayout = function CardLayout(_ref) {
+  var _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    _ref$containerClassNa = _ref.containerClassName,
+    containerClassName = _ref$containerClassNa === void 0 ? "" : _ref$containerClassNa,
+    _ref$title = _ref.title,
+    title = _ref$title === void 0 ? null : _ref$title,
+    _ref$description = _ref.description,
+    description = _ref$description === void 0 ? null : _ref$description,
+    actionBlock = _ref.actionBlock,
+    children = _ref.children;
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    "data-testid": "neeto-molecules-card-container",
+    className: classnames(["neeto-molecules-card__container mx-auto w-full max-w-3xl", containerClassName]),
+    children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+      "data-testid": "neeto-molecules-card",
+      className: classnames(["neeto-molecules-card neeto-ui-border-gray-300 neeto-ui-rounded-lg my-6 w-full border", className]),
+      children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "neeto-molecules-card__content p-4",
+        children: [title && /*#__PURE__*/jsxRuntime.jsx(Typography, {
+          className: "mb-2",
+          style: "h2",
+          children: title
+        }), description && /*#__PURE__*/jsxRuntime.jsx(Typography, {
+          className: "mb-3",
+          style: "body1",
+          children: description
+        }), children]
+      }), actionBlock && /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: classnames(["neeto-molecules-card__action-block neeto-ui-bg-gray-50 neeto-ui-rounded-lg sticky bottom-0 w-full rounded-t-none p-4", className]),
+        children: actionBlock
+      })]
+    })
+  });
+};
+
+module.exports = CardLayout;
+//# sourceMappingURL=CardLayout.js.map

package/dist/cjs/CardLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardLayout.js","sources":["../../src/components/CardLayout/index.jsx"],"sourcesContent":["import classnames from \"classnames\";\nimport { Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nconst CardLayout = ({\n  className = \"\",\n  containerClassName = \"\",\n  title = null,\n  description = null,\n  actionBlock,\n  children,\n}) => (\n  <div\n    data-testid=\"neeto-molecules-card-container\"\n    className={classnames([\n      \"neeto-molecules-card__container mx-auto w-full max-w-3xl\",\n      containerClassName,\n    ])}\n  >\n    <div\n      data-testid=\"neeto-molecules-card\"\n      className={classnames([\n        \"neeto-molecules-card neeto-ui-border-gray-300 neeto-ui-rounded-lg my-6 w-full border\",\n        className,\n      ])}\n    >\n      <div className=\"neeto-molecules-card__content p-4\">\n        {title && (\n          <Typography className=\"mb-2\" style=\"h2\">\n            {title}\n          </Typography>\n        )}\n        {description && (\n          <Typography className=\"mb-3\" style=\"body1\">\n            {description}\n          </Typography>\n        )}\n        {children}\n      </div>\n      {actionBlock && (\n        <div\n          className={classnames([\n            \"neeto-molecules-card__action-block neeto-ui-bg-gray-50 neeto-ui-rounded-lg sticky bottom-0 w-full rounded-t-none p-4\",\n            className,\n          ])}\n        >\n          {actionBlock}\n        </div>\n      )}\n    </div>\n  </div>\n);\n\nCardLayout.propTypes = {\n  /**\n   * To set the title of the card.\n   */\n  title: PropTypes.string,\n  /**\n   * To set the description of the card.\n   */\n  description: PropTypes.node,\n  /**\n   * To set custom class name to the card.\n   */\n  className: PropTypes.string,\n  /**\n   * To set custom class name to the card container.\n   */\n  containerClassName: PropTypes.string,\n  /**\n   * To specify the content to be rendered in the card footer.\n   */\n  actionBlock: PropTypes.node,\n  /**\n   * To specify the components to be rendered inside the card.\n   */\n  children: PropTypes.node,\n};\n\nexport default CardLayout;\n"],"names":["CardLayout","_ref","_ref$className","className","_ref$containerClassNa","containerClassName","_ref$title","title","_ref$description","description","actionBlock","children","_jsx","classnames","_jsxs","Typography","style"],"mappings":";;;;;;AAIA,IAAMA,UAAU,GAAG,SAAbA,UAAUA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAAC,cAAA,GAAAD,IAAA,CACdE,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA;IAAAE,qBAAA,GAAAH,IAAA,CACdI,kBAAkB;AAAlBA,IAAAA,kBAAkB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,qBAAA;IAAAE,UAAA,GAAAL,IAAA,CACvBM,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,UAAA;IAAAE,gBAAA,GAAAP,IAAA,CACZQ,WAAW;AAAXA,IAAAA,WAAW,GAAAD,gBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,gBAAA;IAClBE,WAAW,GAAAT,IAAA,CAAXS,WAAW;IACXC,QAAQ,GAAAV,IAAA,CAARU,QAAQ,CAAA;AAAA,EAAA,oBAERC,cAAA,CAAA,KAAA,EAAA;AACE,IAAA,aAAA,EAAY,gCAAgC;IAC5CT,SAAS,EAAEU,UAAU,CAAC,CACpB,0DAA0D,EAC1DR,kBAAkB,CACnB,CAAE;AAAAM,IAAAA,QAAA,eAEHG,eAAA,CAAA,KAAA,EAAA;AACE,MAAA,aAAA,EAAY,sBAAsB;MAClCX,SAAS,EAAEU,UAAU,CAAC,CACpB,sFAAsF,EACtFV,SAAS,CACV,CAAE;AAAAQ,MAAAA,QAAA,gBAEHG,eAAA,CAAA,KAAA,EAAA;AAAKX,QAAAA,SAAS,EAAC,mCAAmC;AAAAQ,QAAAA,QAAA,EAC/CJ,CAAAA,KAAK,iBACJK,cAAA,CAACG,UAAU,EAAA;AAACZ,UAAAA,SAAS,EAAC,MAAM;AAACa,UAAAA,KAAK,EAAC,IAAI;AAAAL,UAAAA,QAAA,EACpCJ,KAAAA;AAAK,SACI,CACb,EACAE,WAAW,iBACVG,cAAA,CAACG,UAAU,EAAA;AAACZ,UAAAA,SAAS,EAAC,MAAM;AAACa,UAAAA,KAAK,EAAC,OAAO;AAAAL,UAAAA,QAAA,EACvCF,WAAAA;SACS,CACb,EACAE,QAAQ,CAAA;AAAA,OACN,CAAC,EACLD,WAAW,iBACVE,cAAA,CAAA,KAAA,EAAA;QACET,SAAS,EAAEU,UAAU,CAAC,CACpB,sHAAsH,EACtHV,SAAS,CACV,CAAE;AAAAQ,QAAAA,QAAA,EAEFD,WAAAA;AAAW,OACT,CACN,CAAA;KACE,CAAA;AAAC,GACH,CAAC,CAAA;AAAA;;;;"}

package/dist/cjs/ToggleFeatureCard.js

@@ -72,7 +72,9 @@ var TooltipSwitch = function TooltipSwitch(_ref) {
 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; }
 var ToggleFeatureCard = function ToggleFeatureCard(_ref) {
-  var _ref$title = _ref.title,
+  var _ref$isCardStyleEnabl = _ref.isCardStyleEnabled,
+    isCardStyleEnabled = _ref$isCardStyleEnabl === void 0 ? true : _ref$isCardStyleEnabl,
+    _ref$title = _ref.title,
     title = _ref$title === void 0 ? "" : _ref$title,
     _ref$description = _ref.description,
     description = _ref$description === void 0 ? null : _ref$description,
@@ -144,7 +146,9 @@ var ToggleFeatureCard = function ToggleFeatureCard(_ref) {
     "data-cy": "feature-card-container",
     "data-testid": "toggle-feature-card",
     ref: cardRef,
-    className: classnames("neeto-ui-bg-white  neeto-ui-rounded-lg flex flex-col space-y-2 border p-4", {
+    className: classnames("neeto-ui-bg-white  neeto-ui-rounded-lg flex flex-col space-y-2", {
+      "border p-4": isCardStyleEnabled
+    }, {
       "neeto-ui-border-gray-300": !shouldHighlight
     }, {
       "toggle-feature-card--highlighted": shouldHighlight

package/dist/cjs/ToggleFeatureCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleFeatureCard.js","sources":["../../src/components/ToggleFeatureCard/hooks/useScrollIntoView.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 { Tooltip } from \"neetoui\";\nimport { Switch as FormikSwitch } from \"neetoui/formik\";\n\nconst TooltipSwitch = ({\n  enabledCondition,\n  name = \"\",\n  isDisabled = false,\n  switchDataCy,\n  tooltipProps = {},\n  ...otherProps\n}) => {\n  const { enabledSwitchText, disabledSwitchText, ...neetoUITooltipProps } =\n    tooltipProps;\n\n  const tooltipContent = enabledCondition\n    ? enabledSwitchText\n    : disabledSwitchText;\n\n  return (\n    <Tooltip\n      content={tooltipContent}\n      disabled={!tooltipContent}\n      position=\"top\"\n      {...neetoUITooltipProps}\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  );\n};\n\nexport default TooltipSwitch;\n","import { 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 { 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  editButtonProps = {},\n  className = \"\",\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-cy=\"feature-card-container\"\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        className\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            label={t(\"neetoMolecules.common.actions.edit\")}\n            size=\"small\"\n            style=\"link\"\n            type=\"button\"\n            onClick={() => setIsEditing(true)}\n            {...editButtonProps}\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   * Can be used to add props to the edit button component.\n   */\n  editButtonProps: PropTypes.shape({\n    onClick: PropTypes.func,\n    className: PropTypes.string,\n    style: PropTypes.string,\n    size: PropTypes.string,\n    type: PropTypes.string,\n    tooltipProps: PropTypes.object,\n  }),\n  /**\n   * To specify external classnames as overrides to the ToggleFeatureCard wrapper.\n   */\n  className: PropTypes.string,\n};\n\nexport default ToggleFeatureCard;\n"],"names":["useScrollIntoView","_ref","elementId","trigger","useEffect","_document$getElementB","document","getElementById","scrollIntoView","TooltipSwitch","enabledCondition","_ref$name","name","_ref$isDisabled","isDisabled","switchDataCy","_ref$tooltipProps","tooltipProps","otherProps","_objectWithoutProperties","_excluded","enabledSwitchText","disabledSwitchText","neetoUITooltipProps","_excluded2","tooltipContent","_jsx","Tooltip","_objectSpread","content","disabled","position","children","FormikSwitch","ToggleFeatureCard","_ref$title","title","_ref$description","description","_ref$switchName","switchName","_ref$titleDataCy","titleDataCy","_ref$switchDataCy","_ref$descriptionDataC","descriptionDataCy","_ref$children","inputProps","_ref$switchProps","switchProps","_ref$editButtonProps","editButtonProps","_ref$className","className","_useTranslation","useTranslation","t","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","_jsxs","ref","classnames","Label","Typography","component","style","weight","display","Button","editButtonDataCy","label","size","type","onClick","Input","autoFocus","dataCy","placeholder","suffix","icon","Close"],"mappings":"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"}
+{"version":3,"file":"ToggleFeatureCard.js","sources":["../../src/components/ToggleFeatureCard/hooks/useScrollIntoView.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 { Tooltip } from \"neetoui\";\nimport { Switch as FormikSwitch } from \"neetoui/formik\";\n\nconst TooltipSwitch = ({\n  enabledCondition,\n  name = \"\",\n  isDisabled = false,\n  switchDataCy,\n  tooltipProps = {},\n  ...otherProps\n}) => {\n  const { enabledSwitchText, disabledSwitchText, ...neetoUITooltipProps } =\n    tooltipProps;\n\n  const tooltipContent = enabledCondition\n    ? enabledSwitchText\n    : disabledSwitchText;\n\n  return (\n    <Tooltip\n      content={tooltipContent}\n      disabled={!tooltipContent}\n      position=\"top\"\n      {...neetoUITooltipProps}\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  );\n};\n\nexport default TooltipSwitch;\n","import { 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 { 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  isCardStyleEnabled = true,\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  editButtonProps = {},\n  className = \"\",\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-cy=\"feature-card-container\"\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\",\n        { \"border p-4\": isCardStyleEnabled },\n        { \"neeto-ui-border-gray-300\": !shouldHighlight },\n        { \"toggle-feature-card--highlighted\": shouldHighlight },\n        className\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            label={t(\"neetoMolecules.common.actions.edit\")}\n            size=\"small\"\n            style=\"link\"\n            type=\"button\"\n            onClick={() => setIsEditing(true)}\n            {...editButtonProps}\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   * Can be used to enable the card appearance.\n   */\n  isCardStyleEnabled: 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   * Can be used to add props to the edit button component.\n   */\n  editButtonProps: PropTypes.shape({\n    onClick: PropTypes.func,\n    className: PropTypes.string,\n    style: PropTypes.string,\n    size: PropTypes.string,\n    type: PropTypes.string,\n    tooltipProps: PropTypes.object,\n  }),\n  /**\n   * To specify external classnames as overrides to the ToggleFeatureCard wrapper.\n   */\n  className: PropTypes.string,\n};\n\nexport default ToggleFeatureCard;\n"],"names":["useScrollIntoView","_ref","elementId","trigger","useEffect","_document$getElementB","document","getElementById","scrollIntoView","TooltipSwitch","enabledCondition","_ref$name","name","_ref$isDisabled","isDisabled","switchDataCy","_ref$tooltipProps","tooltipProps","otherProps","_objectWithoutProperties","_excluded","enabledSwitchText","disabledSwitchText","neetoUITooltipProps","_excluded2","tooltipContent","_jsx","Tooltip","_objectSpread","content","disabled","position","children","FormikSwitch","ToggleFeatureCard","_ref$isCardStyleEnabl","isCardStyleEnabled","_ref$title","title","_ref$description","description","_ref$switchName","switchName","_ref$titleDataCy","titleDataCy","_ref$switchDataCy","_ref$descriptionDataC","descriptionDataCy","_ref$children","inputProps","_ref$switchProps","switchProps","_ref$editButtonProps","editButtonProps","_ref$className","className","_useTranslation","useTranslation","t","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","_jsxs","ref","classnames","Label","Typography","component","style","weight","display","Button","editButtonDataCy","label","size","type","onClick","Input","autoFocus","dataCy","placeholder","suffix","icon","Close"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-molecules",
-  "version": "3.15.14",
+  "version": "3.15.16",
   "description": "A package of reusable molecular components for neeto products.",
   "repository": "git@github.com:bigbinary/neeto-molecules.git",
   "author": "Amaljith K <amaljith.k@bigbinary.com>",

package/types/CardLayout.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+
+/**
+ *
+ * The CardLayout component is used to render the content wrapped in the card
+ *
+ * layout.
+ *
+ * @example 
+ *
+ * import CardLayout from "@bigbinary/neeto-molecules/CardLayout";
+ * 
+ * const Component = () => (
+ *   <CardLayout
+ *     title="Set start day of the week"
+ *     description="Choose your preferred start day of the week. This setting will be applied to all calendars."
+ *     actionBlock={<Button label="Primary action" />}
+ *   >
+ *     {children}
+ *   </CardLayout>
+ * );
+ * @endexample
+*/
+declare const CardLayout: React.FC<{
+  title?: string;
+  description?: React.ReactNode;
+  className?: string;
+  containerClassName?: string;
+  children?: React.ReactNode;
+  actionBlock?: React.ReactNode;
+}>;
+
+export { CardLayout as default };

package/types/ToggleFeatureCard.d.ts

@@ -27,6 +27,7 @@ declare const ToggleFeatureCard: React.FC<{
   switchDataCy?: string;
   descriptionDataCy?: string;
   isDisabled?: boolean;
+  isCardStyleEnabled?: boolean;
   children?: React.ReactNode | null;
   inputProps?: InputProps;
   switchProps?: SwitchProps;