@bigbinary/neeto-molecules 5.1.18 → 5.1.20

package/dist/v2/Codeblock.js

@@ -14,6 +14,7 @@ import '@bigbinary/neeto-commons-frontend/v2/utils/general';
 import 'react-i18next';
 import '../check-DvxzqR83.js';
 import '../createLucideIcon-mNMhCCpf.js';
+import '../copy-DhbOoOav.js';
 
 var _excluded = ["label"];
 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; }

package/dist/v2/Codeblock.js.map

@@ -1 +1 @@
-{"version":3,"file":"Codeblock.js","sources":["../../src/v2/components/Codeblock.jsx"],"sourcesContent":["import useBreakpoints from \"neetocommons/v2/react-utils/useBreakpoints\";\nimport PropTypes from \"prop-types\";\nimport javascript from \"react-syntax-highlighter/dist/esm/languages/prism/javascript\";\nimport CodeBlock from \"react-syntax-highlighter/dist/esm/prism-light.js\";\nimport { dracula } from \"react-syntax-highlighter/dist/esm/styles/prism\";\n\nimport CopyToClipboardButton from \"./CopyToClipboardButton\";\n\n// `prism-light` ships no languages by default; register the one we render so\n// the code is actually syntax-highlighted (otherwise it renders as plain text).\nCodeBlock.registerLanguage(\"javascript\", javascript);\n\nconst Codeblock = ({\n  code,\n  showCopyButton = true,\n  codeblockProps,\n  copyButtonProps = {},\n}) => {\n  const { isSize } = useBreakpoints();\n  const isLargerScreen = !isSize(\"mobile\");\n\n  const { label: copyLabel = \"Copy\", ...restCopyButtonProps } = copyButtonProps;\n\n  return (\n    <div className=\"relative\">\n      <CodeBlock\n        wrapLines\n        className=\"neeto-molecules-code-block p-4 pr-12 md:pr-4\"\n        codeTagProps={{ \"data-testid\": \"code-block-content\" }}\n        data-testid=\"code-block\"\n        language=\"javascript\"\n        style={dracula}\n        {...codeblockProps}\n      >\n        {code}\n      </CodeBlock>\n      {showCopyButton && (\n        <CopyToClipboardButton\n          className=\"absolute top-2 right-2\"\n          size=\"sm\"\n          value={code}\n          variant=\"secondary\"\n          {...restCopyButtonProps}\n          label={isLargerScreen ? copyLabel : \"\"}\n        />\n      )}\n    </div>\n  );\n};\n\nCodeblock.propTypes = {\n  /**\n   * The code to be displayed.\n   */\n  code: PropTypes.string,\n  /**\n   * Flag to determine whether the 'Copy' button is displayed.\n   */\n  showCopyButton: PropTypes.bool,\n  /**\n   * Additional props that can be passed on to the 'PrismLight' component from 'react-syntax-highlighter'.\n   */\n  codeblockProps: PropTypes.object,\n  /**\n   * Additional props that can be passed on to the 'CopyToClipboardButton' component from 'neeto-molecules'.\n   */\n  copyButtonProps: PropTypes.object,\n};\n\nexport default Codeblock;\n"],"names":["CodeBlock","registerLanguage","javascript","Codeblock","_ref","code","_ref$showCopyButton","showCopyButton","codeblockProps","_ref$copyButtonProps","copyButtonProps","_useBreakpoints","useBreakpoints","isSize","isLargerScreen","_copyButtonProps$labe","label","copyLabel","restCopyButtonProps","_objectWithoutProperties","_excluded","_jsxs","className","children","_jsx","_objectSpread","wrapLines","codeTagProps","language","style","dracula","CopyToClipboardButton","size","value","variant"],"mappings":";;;;;;;;;;;;;;;;;;;;AAUAA,SAAS,CAACC,gBAAgB,CAAC,YAAY,EAAEC,UAAU,CAAC;AAEpD,IAAMC,SAAS,GAAG,SAAZA,SAASA,CAAAC,IAAA,EAKT;AAAA,EAAA,IAJJC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAAC,mBAAA,GAAAF,IAAA,CACJG,cAAc;AAAdA,IAAAA,cAAc,GAAAD,mBAAA,KAAA,MAAA,GAAG,IAAI,GAAAA,mBAAA;IACrBE,cAAc,GAAAJ,IAAA,CAAdI,cAAc;IAAAC,oBAAA,GAAAL,IAAA,CACdM,eAAe;AAAfA,IAAAA,eAAe,GAAAD,oBAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,oBAAA;AAEpB,EAAA,IAAAE,eAAA,GAAmBC,cAAc,EAAE;IAA3BC,MAAM,GAAAF,eAAA,CAANE,MAAM;AACd,EAAA,IAAMC,cAAc,GAAG,CAACD,MAAM,CAAC,QAAQ,CAAC;AAExC,EAAA,IAAAE,qBAAA,GAA8DL,eAAe,CAArEM,KAAK;AAAEC,IAAAA,SAAS,GAAAF,qBAAA,KAAA,MAAA,GAAG,MAAM,GAAAA,qBAAA;AAAKG,IAAAA,mBAAmB,GAAAC,wBAAA,CAAKT,eAAe,EAAAU,SAAA,CAAA;AAE7E,EAAA,oBACEC,IAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,UAAU;AAAAC,IAAAA,QAAA,gBACvBC,GAAA,CAACxB,SAAS,EAAAyB,aAAA,CAAAA,aAAA,CAAA;MACRC,SAAS,EAAA,IAAA;AACTJ,MAAAA,SAAS,EAAC,8CAA8C;AACxDK,MAAAA,YAAY,EAAE;AAAE,QAAA,aAAa,EAAE;OAAuB;AACtD,MAAA,aAAA,EAAY,YAAY;AACxBC,MAAAA,QAAQ,EAAC,YAAY;AACrBC,MAAAA,KAAK,EAAEC;AAAQ,KAAA,EACXtB,cAAc,CAAA,EAAA,EAAA,EAAA;AAAAe,MAAAA,QAAA,EAEjBlB;KAAI,CACI,CAAC,EACXE,cAAc,iBACbiB,GAAA,CAACO,qBAAqB,EAAAN,aAAA,CAAAA,aAAA,CAAA;AACpBH,MAAAA,SAAS,EAAC,wBAAwB;AAClCU,MAAAA,IAAI,EAAC,IAAI;AACTC,MAAAA,KAAK,EAAE5B,IAAK;AACZ6B,MAAAA,OAAO,EAAC;AAAW,KAAA,EACfhB,mBAAmB,CAAA,EAAA,EAAA,EAAA;AACvBF,MAAAA,KAAK,EAAEF,cAAc,GAAGG,SAAS,GAAG;AAAG,KAAA,CACxC,CACF;AAAA,GACE,CAAC;AAEV;;;;"}
+{"version":3,"file":"Codeblock.js","sources":["../../src/v2/components/Codeblock.jsx"],"sourcesContent":["import useBreakpoints from \"neetocommons/v2/react-utils/useBreakpoints\";\nimport PropTypes from \"prop-types\";\nimport javascript from \"react-syntax-highlighter/dist/esm/languages/prism/javascript\";\nimport CodeBlock from \"react-syntax-highlighter/dist/esm/prism-light.js\";\nimport { dracula } from \"react-syntax-highlighter/dist/esm/styles/prism\";\n\nimport CopyToClipboardButton from \"./CopyToClipboardButton\";\n\n// `prism-light` ships no languages by default; register the one we render so\n// the code is actually syntax-highlighted (otherwise it renders as plain text).\nCodeBlock.registerLanguage(\"javascript\", javascript);\n\nconst Codeblock = ({\n  code,\n  showCopyButton = true,\n  codeblockProps,\n  copyButtonProps = {},\n}) => {\n  const { isSize } = useBreakpoints();\n  const isLargerScreen = !isSize(\"mobile\");\n\n  const { label: copyLabel = \"Copy\", ...restCopyButtonProps } = copyButtonProps;\n\n  return (\n    <div className=\"relative\">\n      <CodeBlock\n        wrapLines\n        className=\"neeto-molecules-code-block p-4 pr-12 md:pr-4\"\n        codeTagProps={{ \"data-testid\": \"code-block-content\" }}\n        data-testid=\"code-block\"\n        language=\"javascript\"\n        style={dracula}\n        {...codeblockProps}\n      >\n        {code}\n      </CodeBlock>\n      {showCopyButton && (\n        <CopyToClipboardButton\n          className=\"absolute top-2 right-2\"\n          size=\"sm\"\n          value={code}\n          variant=\"secondary\"\n          {...restCopyButtonProps}\n          label={isLargerScreen ? copyLabel : \"\"}\n        />\n      )}\n    </div>\n  );\n};\n\nCodeblock.propTypes = {\n  /**\n   * The code to be displayed.\n   */\n  code: PropTypes.string,\n  /**\n   * Flag to determine whether the 'Copy' button is displayed.\n   */\n  showCopyButton: PropTypes.bool,\n  /**\n   * Additional props that can be passed on to the 'PrismLight' component from 'react-syntax-highlighter'.\n   */\n  codeblockProps: PropTypes.object,\n  /**\n   * Additional props that can be passed on to the 'CopyToClipboardButton' component from 'neeto-molecules'.\n   */\n  copyButtonProps: PropTypes.object,\n};\n\nexport default Codeblock;\n"],"names":["CodeBlock","registerLanguage","javascript","Codeblock","_ref","code","_ref$showCopyButton","showCopyButton","codeblockProps","_ref$copyButtonProps","copyButtonProps","_useBreakpoints","useBreakpoints","isSize","isLargerScreen","_copyButtonProps$labe","label","copyLabel","restCopyButtonProps","_objectWithoutProperties","_excluded","_jsxs","className","children","_jsx","_objectSpread","wrapLines","codeTagProps","language","style","dracula","CopyToClipboardButton","size","value","variant"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAUAA,SAAS,CAACC,gBAAgB,CAAC,YAAY,EAAEC,UAAU,CAAC;AAEpD,IAAMC,SAAS,GAAG,SAAZA,SAASA,CAAAC,IAAA,EAKT;AAAA,EAAA,IAJJC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAAC,mBAAA,GAAAF,IAAA,CACJG,cAAc;AAAdA,IAAAA,cAAc,GAAAD,mBAAA,KAAA,MAAA,GAAG,IAAI,GAAAA,mBAAA;IACrBE,cAAc,GAAAJ,IAAA,CAAdI,cAAc;IAAAC,oBAAA,GAAAL,IAAA,CACdM,eAAe;AAAfA,IAAAA,eAAe,GAAAD,oBAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,oBAAA;AAEpB,EAAA,IAAAE,eAAA,GAAmBC,cAAc,EAAE;IAA3BC,MAAM,GAAAF,eAAA,CAANE,MAAM;AACd,EAAA,IAAMC,cAAc,GAAG,CAACD,MAAM,CAAC,QAAQ,CAAC;AAExC,EAAA,IAAAE,qBAAA,GAA8DL,eAAe,CAArEM,KAAK;AAAEC,IAAAA,SAAS,GAAAF,qBAAA,KAAA,MAAA,GAAG,MAAM,GAAAA,qBAAA;AAAKG,IAAAA,mBAAmB,GAAAC,wBAAA,CAAKT,eAAe,EAAAU,SAAA,CAAA;AAE7E,EAAA,oBACEC,IAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,UAAU;AAAAC,IAAAA,QAAA,gBACvBC,GAAA,CAACxB,SAAS,EAAAyB,aAAA,CAAAA,aAAA,CAAA;MACRC,SAAS,EAAA,IAAA;AACTJ,MAAAA,SAAS,EAAC,8CAA8C;AACxDK,MAAAA,YAAY,EAAE;AAAE,QAAA,aAAa,EAAE;OAAuB;AACtD,MAAA,aAAA,EAAY,YAAY;AACxBC,MAAAA,QAAQ,EAAC,YAAY;AACrBC,MAAAA,KAAK,EAAEC;AAAQ,KAAA,EACXtB,cAAc,CAAA,EAAA,EAAA,EAAA;AAAAe,MAAAA,QAAA,EAEjBlB;KAAI,CACI,CAAC,EACXE,cAAc,iBACbiB,GAAA,CAACO,qBAAqB,EAAAN,aAAA,CAAAA,aAAA,CAAA;AACpBH,MAAAA,SAAS,EAAC,wBAAwB;AAClCU,MAAAA,IAAI,EAAC,IAAI;AACTC,MAAAA,KAAK,EAAE5B,IAAK;AACZ6B,MAAAA,OAAO,EAAC;AAAW,KAAA,EACfhB,mBAAmB,CAAA,EAAA,EAAA,EAAA;AACvBF,MAAAA,KAAK,EAAEF,cAAc,GAAGG,SAAS,GAAG;AAAG,KAAA,CACxC,CACF;AAAA,GACE,CAAC;AAEV;;;;"}

package/dist/v2/CopyToClipboardButton.js

@@ -8,21 +8,8 @@ import { copyToClipboard } from '@bigbinary/neeto-commons-frontend/v2/utils/gene
 import { useTranslation } from 'react-i18next';
 import { jsx } from 'react/jsx-runtime';
 import { C as Check } from '../check-DvxzqR83.js';
-import { c as createLucideIcon } from '../createLucideIcon-mNMhCCpf.js';
-
-/**
- * @license lucide-react v1.7.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-
-
-const __iconNode = [
-  ["rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2", key: "17jyea" }],
-  ["path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2", key: "zix9uf" }]
-];
-const Copy = createLucideIcon("copy", __iconNode);
+import { C as Copy } from '../copy-DhbOoOav.js';
+import '../createLucideIcon-mNMhCCpf.js';
 
 var TIME_OUT = 2000;
 

package/dist/v2/CopyToClipboardButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"CopyToClipboardButton.js","sources":["../../node_modules/lucide-react/dist/esm/icons/copy.js","../../src/v2/components/CopyToClipboardButton/constants.js","../../src/v2/components/CopyToClipboardButton/index.jsx"],"sourcesContent":["/**\n * @license lucide-react v1.7.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"rect\", { width: \"14\", height: \"14\", x: \"8\", y: \"8\", rx: \"2\", ry: \"2\", key: \"17jyea\" }],\n  [\"path\", { d: \"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\", key: \"zix9uf\" }]\n];\nconst Copy = createLucideIcon(\"copy\", __iconNode);\n\nexport { __iconNode, Copy as default };\n//# sourceMappingURL=copy.js.map\n","const TIME_OUT = 2000;\n\nexport { TIME_OUT };\n","import { useState, useEffect, useLayoutEffect, useRef } from \"react\";\n\nimport { Button, Tooltip } from \"@bigbinary/neeto-atoms\";\nimport classnames from \"classnames\";\nimport { Copy, Check } from \"lucide-react\";\nimport { copyToClipboard } from \"neetocommons/v2/utils/general\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { TIME_OUT } from \"./constants\";\n\nconst CopyToClipboardButton = ({\n  className,\n  icon: Icon = Copy,\n  label = \"\",\n  successLabel,\n  tooltipContent,\n  successTooltipContent,\n  value,\n  variant = \"outline\",\n  size,\n  tooltipProps,\n  onClick,\n  ...otherProps\n}) => {\n  const { t } = useTranslation();\n\n  const [isChecked, setIsChecked] = useState(false);\n\n  const ref = useRef();\n  const timerRef = useRef();\n\n  const resolvedSize = size || (label ? \"default\" : \"icon\");\n\n  const onHandleClick = event => {\n    event.preventDefault();\n    event.stopPropagation();\n\n    if (onClick) onClick(event);\n    else copyToClipboard(value, { showToastr: false });\n\n    clearTimeout(timerRef.current);\n    setIsChecked(true);\n    timerRef.current = setTimeout(() => {\n      setIsChecked(false);\n    }, TIME_OUT);\n  };\n\n  useEffect(() => () => clearTimeout(timerRef.current), []);\n\n  useLayoutEffect(() => {\n    if (!ref.current) return;\n    ref.current.style.minWidth = \"\";\n    const buttonWidth = ref.current.clientWidth;\n    ref.current.style.minWidth = `${buttonWidth}px`;\n  }, [resolvedSize, label]);\n\n  const currentTooltipContent = isChecked\n    ? successTooltipContent || t(\"neetoMolecules.common.copied\")\n    : tooltipContent || t(\"neetoMolecules.common.copy\");\n\n  const buttonLabel =\n    isChecked && label\n      ? successLabel || t(\"neetoMolecules.common.copied\")\n      : label;\n  const ButtonIcon = isChecked ? Check : Icon;\n\n  const button = (\n    <Button\n      {...{ ref }}\n      className={classnames(isChecked && \"nv-copy-button-active\", className)}\n      data-testid=\"copy-to-clipboard-button\"\n      icon={ButtonIcon}\n      iconPosition=\"left\"\n      label={buttonLabel || undefined}\n      size={resolvedSize}\n      variant={isChecked ? \"default\" : variant}\n      onClick={onHandleClick}\n      {...otherProps}\n    />\n  );\n\n  if (label) return button;\n\n  return (\n    <Tooltip content={currentTooltipContent} position=\"top\" {...tooltipProps}>\n      {button}\n    </Tooltip>\n  );\n};\n\nCopyToClipboardButton.propTypes = {\n  className: PropTypes.string,\n  icon: PropTypes.oneOfType([\n    PropTypes.element,\n    PropTypes.func,\n    PropTypes.object,\n  ]),\n  label: PropTypes.string,\n  successLabel: PropTypes.string,\n  value: PropTypes.string,\n  variant: PropTypes.string,\n  size: PropTypes.string,\n  tooltipContent: PropTypes.string,\n  successTooltipContent: PropTypes.string,\n};\n\nexport default CopyToClipboardButton;\n"],"names":["TIME_OUT","CopyToClipboardButton","_ref","className","_ref$icon","icon","Icon","Copy","_ref$label","label","successLabel","tooltipContent","successTooltipContent","value","_ref$variant","variant","size","tooltipProps","onClick","otherProps","_objectWithoutProperties","_excluded","_useTranslation","useTranslation","t","_useState","useState","_useState2","_slicedToArray","isChecked","setIsChecked","ref","useRef","timerRef","resolvedSize","onHandleClick","event","preventDefault","stopPropagation","copyToClipboard","showToastr","clearTimeout","current","setTimeout","useEffect","useLayoutEffect","style","minWidth","buttonWidth","clientWidth","concat","currentTooltipContent","buttonLabel","ButtonIcon","Check","button","_jsx","Button","_objectSpread","classnames","iconPosition","undefined","Tooltip","content","position","children"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"CopyToClipboardButton.js","sources":["../../src/v2/components/CopyToClipboardButton/constants.js","../../src/v2/components/CopyToClipboardButton/index.jsx"],"sourcesContent":["const TIME_OUT = 2000;\n\nexport { TIME_OUT };\n","import { useState, useEffect, useLayoutEffect, useRef } from \"react\";\n\nimport { Button, Tooltip } from \"@bigbinary/neeto-atoms\";\nimport classnames from \"classnames\";\nimport { Copy, Check } from \"lucide-react\";\nimport { copyToClipboard } from \"neetocommons/v2/utils/general\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { TIME_OUT } from \"./constants\";\n\nconst CopyToClipboardButton = ({\n  className,\n  icon: Icon = Copy,\n  label = \"\",\n  successLabel,\n  tooltipContent,\n  successTooltipContent,\n  value,\n  variant = \"outline\",\n  size,\n  tooltipProps,\n  onClick,\n  ...otherProps\n}) => {\n  const { t } = useTranslation();\n\n  const [isChecked, setIsChecked] = useState(false);\n\n  const ref = useRef();\n  const timerRef = useRef();\n\n  const resolvedSize = size || (label ? \"default\" : \"icon\");\n\n  const onHandleClick = event => {\n    event.preventDefault();\n    event.stopPropagation();\n\n    if (onClick) onClick(event);\n    else copyToClipboard(value, { showToastr: false });\n\n    clearTimeout(timerRef.current);\n    setIsChecked(true);\n    timerRef.current = setTimeout(() => {\n      setIsChecked(false);\n    }, TIME_OUT);\n  };\n\n  useEffect(() => () => clearTimeout(timerRef.current), []);\n\n  useLayoutEffect(() => {\n    if (!ref.current) return;\n    ref.current.style.minWidth = \"\";\n    const buttonWidth = ref.current.clientWidth;\n    ref.current.style.minWidth = `${buttonWidth}px`;\n  }, [resolvedSize, label]);\n\n  const currentTooltipContent = isChecked\n    ? successTooltipContent || t(\"neetoMolecules.common.copied\")\n    : tooltipContent || t(\"neetoMolecules.common.copy\");\n\n  const buttonLabel =\n    isChecked && label\n      ? successLabel || t(\"neetoMolecules.common.copied\")\n      : label;\n  const ButtonIcon = isChecked ? Check : Icon;\n\n  const button = (\n    <Button\n      {...{ ref }}\n      className={classnames(isChecked && \"nv-copy-button-active\", className)}\n      data-testid=\"copy-to-clipboard-button\"\n      icon={ButtonIcon}\n      iconPosition=\"left\"\n      label={buttonLabel || undefined}\n      size={resolvedSize}\n      variant={isChecked ? \"default\" : variant}\n      onClick={onHandleClick}\n      {...otherProps}\n    />\n  );\n\n  if (label) return button;\n\n  return (\n    <Tooltip content={currentTooltipContent} position=\"top\" {...tooltipProps}>\n      {button}\n    </Tooltip>\n  );\n};\n\nCopyToClipboardButton.propTypes = {\n  className: PropTypes.string,\n  icon: PropTypes.oneOfType([\n    PropTypes.element,\n    PropTypes.func,\n    PropTypes.object,\n  ]),\n  label: PropTypes.string,\n  successLabel: PropTypes.string,\n  value: PropTypes.string,\n  variant: PropTypes.string,\n  size: PropTypes.string,\n  tooltipContent: PropTypes.string,\n  successTooltipContent: PropTypes.string,\n};\n\nexport default CopyToClipboardButton;\n"],"names":["TIME_OUT","CopyToClipboardButton","_ref","className","_ref$icon","icon","Icon","Copy","_ref$label","label","successLabel","tooltipContent","successTooltipContent","value","_ref$variant","variant","size","tooltipProps","onClick","otherProps","_objectWithoutProperties","_excluded","_useTranslation","useTranslation","t","_useState","useState","_useState2","_slicedToArray","isChecked","setIsChecked","ref","useRef","timerRef","resolvedSize","onHandleClick","event","preventDefault","stopPropagation","copyToClipboard","showToastr","clearTimeout","current","setTimeout","useEffect","useLayoutEffect","style","minWidth","buttonWidth","clientWidth","concat","currentTooltipContent","buttonLabel","ButtonIcon","Check","button","_jsx","Button","_objectSpread","classnames","iconPosition","undefined","Tooltip","content","position","children"],"mappings":"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"}

package/dist/v2/DeleteArchiveModal.js

@@ -0,0 +1,89 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState, useEffect } from 'react';
+import { Dialog, Typography, Checkbox, Button } from '@bigbinary/neeto-atoms';
+import { noop } from '@bigbinary/neeto-cist';
+import { not } from 'ramda';
+import { useTranslation } from 'react-i18next';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var DeleteArchiveModal = function DeleteArchiveModal(_ref) {
+  var _ref$checkboxLabel = _ref.checkboxLabel,
+    checkboxLabel = _ref$checkboxLabel === void 0 ? "" : _ref$checkboxLabel,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    _ref$description = _ref.description,
+    description = _ref$description === void 0 ? "" : _ref$description,
+    _ref$isArchiving = _ref.isArchiving,
+    isArchiving = _ref$isArchiving === void 0 ? false : _ref$isArchiving,
+    _ref$isDeleting = _ref.isDeleting,
+    isDeleting = _ref$isDeleting === void 0 ? false : _ref$isDeleting,
+    _ref$isOpen = _ref.isOpen,
+    isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
+    _ref$onArchive = _ref.onArchive,
+    onArchive = _ref$onArchive === void 0 ? noop : _ref$onArchive,
+    _ref$onClose = _ref.onClose,
+    onClose = _ref$onClose === void 0 ? noop : _ref$onClose,
+    _ref$onDelete = _ref.onDelete,
+    onDelete = _ref$onDelete === void 0 ? noop : _ref$onDelete,
+    _ref$title = _ref.title,
+    title = _ref$title === void 0 ? "" : _ref$title;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isChecked = _useState2[0],
+    setIsChecked = _useState2[1];
+  var handleClose = function handleClose() {
+    setIsChecked(false);
+    onClose();
+  };
+  useEffect(function () {
+    if (not(isOpen)) setIsChecked(false);
+  }, [isOpen]);
+  return /*#__PURE__*/jsxs(Dialog, {
+    className: className,
+    isOpen: isOpen,
+    "aria-describedby": undefined,
+    "data-testid": "alert-box",
+    onClose: handleClose,
+    children: [/*#__PURE__*/jsx(Dialog.Header, {
+      children: /*#__PURE__*/jsx(Dialog.Title, {
+        "data-testid": "delete-archive-alert-title",
+        children: title
+      })
+    }), /*#__PURE__*/jsxs(Dialog.Body, {
+      children: [/*#__PURE__*/jsx(Typography, {
+        className: "leading-normal",
+        "data-testid": "delete-archive-alert-message",
+        variant: "body2",
+        children: description
+      }), /*#__PURE__*/jsx(Checkbox, {
+        checked: isChecked,
+        className: "mt-4",
+        "data-testid": "delete-archive-alert-archive-checkbox",
+        label: checkboxLabel,
+        onCheckedChange: setIsChecked
+      })]
+    }), /*#__PURE__*/jsxs(Dialog.Footer, {
+      className: "flex items-center justify-end gap-2",
+      children: [/*#__PURE__*/jsx(Button, {
+        "data-testid": "delete-archive-alert-archive-button",
+        disabled: not(isOpen),
+        label: t("neetoMolecules.common.actions.archive"),
+        loading: isArchiving,
+        variant: "secondary",
+        onClick: onArchive
+      }), /*#__PURE__*/jsx(Button, {
+        "data-testid": "delete-archive-alert-delete-button",
+        disabled: not(isChecked),
+        label: t("neetoMolecules.common.actions.delete"),
+        loading: isDeleting,
+        variant: "destructive",
+        onClick: onDelete
+      })]
+    })]
+  });
+};
+
+export { DeleteArchiveModal as default };
+//# sourceMappingURL=DeleteArchiveModal.js.map

package/dist/v2/DeleteArchiveModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteArchiveModal.js","sources":["../../src/v2/components/DeleteArchiveModal/index.jsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\nimport { Button, Checkbox, Dialog, Typography } from \"@bigbinary/neeto-atoms\";\nimport { noop } from \"neetocist\";\nimport PropTypes from \"prop-types\";\nimport { not } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nconst DeleteArchiveModal = ({\n  checkboxLabel = \"\",\n  className = \"\",\n  description = \"\",\n  isArchiving = false,\n  isDeleting = false,\n  isOpen = false,\n  onArchive = noop,\n  onClose = noop,\n  onDelete = noop,\n  title = \"\",\n}) => {\n  const { t } = useTranslation();\n\n  const [isChecked, setIsChecked] = useState(false);\n\n  const handleClose = () => {\n    setIsChecked(false);\n    onClose();\n  };\n\n  useEffect(() => {\n    if (not(isOpen)) setIsChecked(false);\n  }, [isOpen]);\n\n  return (\n    <Dialog\n      {...{ className, isOpen }}\n      aria-describedby={undefined}\n      data-testid=\"alert-box\"\n      onClose={handleClose}\n    >\n      <Dialog.Header>\n        <Dialog.Title data-testid=\"delete-archive-alert-title\">\n          {title}\n        </Dialog.Title>\n      </Dialog.Header>\n      <Dialog.Body>\n        <Typography\n          className=\"leading-normal\"\n          data-testid=\"delete-archive-alert-message\"\n          variant=\"body2\"\n        >\n          {description}\n        </Typography>\n        <Checkbox\n          checked={isChecked}\n          className=\"mt-4\"\n          data-testid=\"delete-archive-alert-archive-checkbox\"\n          label={checkboxLabel}\n          onCheckedChange={setIsChecked}\n        />\n      </Dialog.Body>\n      <Dialog.Footer className=\"flex items-center justify-end gap-2\">\n        <Button\n          data-testid=\"delete-archive-alert-archive-button\"\n          disabled={not(isOpen)}\n          label={t(\"neetoMolecules.common.actions.archive\")}\n          loading={isArchiving}\n          variant=\"secondary\"\n          onClick={onArchive}\n        />\n        <Button\n          data-testid=\"delete-archive-alert-delete-button\"\n          disabled={not(isChecked)}\n          label={t(\"neetoMolecules.common.actions.delete\")}\n          loading={isDeleting}\n          variant=\"destructive\"\n          onClick={onDelete}\n        />\n      </Dialog.Footer>\n    </Dialog>\n  );\n};\n\nDeleteArchiveModal.propTypes = {\n  /**\n   * To specify whether the modal should be opened or closed.\n   */\n  isOpen: PropTypes.bool,\n  /**\n   * To be passed to loading prop of the archive button\n   */\n  isArchiving: PropTypes.bool,\n  /**\n   * To be passed to loading prop of the delete button\n   */\n  isDeleting: PropTypes.bool,\n  /**\n   * Additional classes to be added to the modal\n   */\n  className: PropTypes.string,\n  /**\n   * Function to be called when the modal is closed\n   */\n  onClose: PropTypes.func,\n  /**\n   * Function to be called when the archive button is clicked\n   */\n  onArchive: PropTypes.func,\n  /**\n   * Function to be called when the delete button is clicked\n   * */\n  onDelete: PropTypes.func,\n  /**\n   * Title of the modal\n   */\n  title: PropTypes.string,\n  /**\n   * Description of the modal\n   */\n  description: PropTypes.string,\n  /**\n   * Label for the checkbox\n   */\n  checkboxLabel: PropTypes.string,\n};\n\nexport default DeleteArchiveModal;\n"],"names":["DeleteArchiveModal","_ref","_ref$checkboxLabel","checkboxLabel","_ref$className","className","_ref$description","description","_ref$isArchiving","isArchiving","_ref$isDeleting","isDeleting","_ref$isOpen","isOpen","_ref$onArchive","onArchive","noop","_ref$onClose","onClose","_ref$onDelete","onDelete","_ref$title","title","_useTranslation","useTranslation","t","_useState","useState","_useState2","_slicedToArray","isChecked","setIsChecked","handleClose","useEffect","not","_jsxs","Dialog","undefined","children","_jsx","Header","Title","Body","Typography","variant","Checkbox","checked","label","onCheckedChange","Footer","Button","disabled","loading","onClick"],"mappings":"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"}

package/dist/v2/DownloadMobileAppCallout.js

@@ -0,0 +1,41 @@
+import { Callout } from '@bigbinary/neeto-atoms';
+import { globalProps } from '@bigbinary/neeto-commons-frontend/v2/initializers';
+import { Trans } from 'react-i18next';
+import { useLocation } from 'react-router-dom';
+import { U as UAParser } from '../ua-parser-OzUiuIwt.js';
+import { jsx } from 'react/jsx-runtime';
+
+var MOBILE_PLATFORMS = ["Android", "iOS", "Windows Phone"];
+
+var DownloadMobileAppCallout = function DownloadMobileAppCallout(_ref) {
+  var _globalProps$appName;
+  var excludePathRegex = _ref.excludePathRegex;
+  var _useLocation = useLocation(),
+    pathname = _useLocation.pathname;
+  var parser = new UAParser(navigator.userAgent);
+  var result = parser.getResult();
+  var isMobilePlatform = MOBILE_PLATFORMS.includes(result.os.name);
+  if (!isMobilePlatform) return null;
+  var shouldExcludePath = excludePathRegex && excludePathRegex.test(pathname);
+  if (shouldExcludePath) return null;
+  var appName = (_globalProps$appName = globalProps.appName) === null || _globalProps$appName === void 0 ? void 0 : _globalProps$appName.toLowerCase();
+  var mobileAppDownloadUrl = "https://www.neeto.com/".concat(appName, "/mobile");
+  return /*#__PURE__*/jsx(Callout, {
+    className: "m-4",
+    variant: "warning",
+    children: /*#__PURE__*/jsx(Trans, {
+      i18nKey: "neetoMolecules.downloadMobileAppCallout.message",
+      components: {
+        a: /*#__PURE__*/jsx("a", {
+          className: "text-primary decoration-primary/40 hover:decoration-primary underline underline-offset-4",
+          href: mobileAppDownloadUrl,
+          rel: "noreferrer",
+          target: "_blank"
+        })
+      }
+    })
+  });
+};
+
+export { DownloadMobileAppCallout as default };
+//# sourceMappingURL=DownloadMobileAppCallout.js.map

package/dist/v2/DownloadMobileAppCallout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DownloadMobileAppCallout.js","sources":["../../src/v2/components/DownloadMobileAppCallout/constants.js","../../src/v2/components/DownloadMobileAppCallout/index.jsx"],"sourcesContent":["export const MOBILE_PLATFORMS = [\"Android\", \"iOS\", \"Windows Phone\"];\n","import { Callout } from \"@bigbinary/neeto-atoms\";\nimport { globalProps } from \"neetocommons/v2/initializers\";\nimport PropTypes from \"prop-types\";\nimport { Trans } from \"react-i18next\";\nimport { useLocation } from \"react-router-dom\";\nimport { UAParser } from \"ua-parser-js\";\n\nimport { MOBILE_PLATFORMS } from \"./constants\";\n\nconst DownloadMobileAppCallout = ({ excludePathRegex }) => {\n  const { pathname } = useLocation();\n\n  const parser = new UAParser(navigator.userAgent);\n  const result = parser.getResult();\n  const isMobilePlatform = MOBILE_PLATFORMS.includes(result.os.name);\n  if (!isMobilePlatform) return null;\n\n  const shouldExcludePath = excludePathRegex && excludePathRegex.test(pathname);\n  if (shouldExcludePath) return null;\n\n  const appName = globalProps.appName?.toLowerCase();\n  const mobileAppDownloadUrl = `https://www.neeto.com/${appName}/mobile`;\n\n  return (\n    <Callout className=\"m-4\" variant=\"warning\">\n      <Trans\n        i18nKey=\"neetoMolecules.downloadMobileAppCallout.message\"\n        components={{\n          a: (\n            <a\n              className=\"text-primary decoration-primary/40 hover:decoration-primary underline underline-offset-4\"\n              href={mobileAppDownloadUrl}\n              rel=\"noreferrer\"\n              target=\"_blank\"\n            />\n          ),\n        }}\n      />\n    </Callout>\n  );\n};\n\nDownloadMobileAppCallout.propTypes = {\n  /**\n   * To exclude specific paths where download mobile app callout should be hidden.\n   */\n  excludePathRegex: PropTypes.instanceOf(RegExp),\n};\n\nexport default DownloadMobileAppCallout;\n"],"names":["MOBILE_PLATFORMS","DownloadMobileAppCallout","_ref","_globalProps$appName","excludePathRegex","_useLocation","useLocation","pathname","parser","UAParser","navigator","userAgent","result","getResult","isMobilePlatform","includes","os","name","shouldExcludePath","test","appName","globalProps","toLowerCase","mobileAppDownloadUrl","concat","_jsx","Callout","className","variant","children","Trans","i18nKey","components","a","href","rel","target"],"mappings":";;;;;;;AAAO,IAAMA,gBAAgB,GAAG,CAAC,SAAS,EAAE,KAAK,EAAE,eAAe,CAAC;;ACSnE,IAAMC,wBAAwB,GAAG,SAA3BA,wBAAwBA,CAAAC,IAAA,EAA6B;AAAA,EAAA,IAAAC,oBAAA;AAAA,EAAA,IAAvBC,gBAAgB,GAAAF,IAAA,CAAhBE,gBAAgB;AAClD,EAAA,IAAAC,YAAA,GAAqBC,WAAW,EAAE;IAA1BC,QAAQ,GAAAF,YAAA,CAARE,QAAQ;EAEhB,IAAMC,MAAM,GAAG,IAAIC,QAAQ,CAACC,SAAS,CAACC,SAAS,CAAC;AAChD,EAAA,IAAMC,MAAM,GAAGJ,MAAM,CAACK,SAAS,EAAE;EACjC,IAAMC,gBAAgB,GAAGd,gBAAgB,CAACe,QAAQ,CAACH,MAAM,CAACI,EAAE,CAACC,IAAI,CAAC;AAClE,EAAA,IAAI,CAACH,gBAAgB,EAAE,OAAO,IAAI;EAElC,IAAMI,iBAAiB,GAAGd,gBAAgB,IAAIA,gBAAgB,CAACe,IAAI,CAACZ,QAAQ,CAAC;EAC7E,IAAIW,iBAAiB,EAAE,OAAO,IAAI;AAElC,EAAA,IAAME,OAAO,GAAA,CAAAjB,oBAAA,GAAGkB,WAAW,CAACD,OAAO,MAAA,IAAA,IAAAjB,oBAAA,KAAA,MAAA,GAAA,MAAA,GAAnBA,oBAAA,CAAqBmB,WAAW,EAAE;AAClD,EAAA,IAAMC,oBAAoB,GAAA,wBAAA,CAAAC,MAAA,CAA4BJ,OAAO,EAAA,SAAA,CAAS;EAEtE,oBACEK,GAAA,CAACC,OAAO,EAAA;AAACC,IAAAA,SAAS,EAAC,KAAK;AAACC,IAAAA,OAAO,EAAC,SAAS;IAAAC,QAAA,eACxCJ,GAAA,CAACK,KAAK,EAAA;AACJC,MAAAA,OAAO,EAAC,iDAAiD;AACzDC,MAAAA,UAAU,EAAE;AACVC,QAAAA,CAAC,eACCR,GAAA,CAAA,GAAA,EAAA;AACEE,UAAAA,SAAS,EAAC,0FAA0F;AACpGO,UAAAA,IAAI,EAAEX,oBAAqB;AAC3BY,UAAAA,GAAG,EAAC,YAAY;AAChBC,UAAAA,MAAM,EAAC;SACR;AAEL;KACD;AAAC,GACK,CAAC;AAEd;;;;"}