@bigbinary/neeto-molecules 4.1.6 → 4.1.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/CopyToClipboardButton.js +1 -1
- package/dist/CopyToClipboardButton.js.map +1 -1
- package/dist/ShareViaLink.js +2 -0
- package/dist/ShareViaLink.js.map +1 -1
- package/dist/cjs/CopyToClipboardButton.js +1 -1
- package/dist/cjs/CopyToClipboardButton.js.map +1 -1
- package/dist/cjs/ShareViaLink.js +2 -0
- package/dist/cjs/ShareViaLink.js.map +1 -1
- package/package.json +1 -1
- package/src/translations/en.json +1 -1
|
@@ -70,7 +70,7 @@ var CopyToClipboardButton = function CopyToClipboardButton(_ref) {
|
|
|
70
70
|
ref.current.style.minWidth = "".concat(buttonWidth, "px");
|
|
71
71
|
}, [size]);
|
|
72
72
|
var tooltipOptions = label ? null : ramda.mergeAll([TOOLTIP_CONFIG, {
|
|
73
|
-
content: isChecked ? successTooltipContent || t("neetoMolecules.common.copied") : tooltipContent || t("neetoMolecules.common.
|
|
73
|
+
content: isChecked ? successTooltipContent || t("neetoMolecules.common.copied") : tooltipContent || t("neetoMolecules.common.copy")
|
|
74
74
|
}, tooltipProps]);
|
|
75
75
|
var buttonLabel = isChecked && label ? successLabel || t("neetoMolecules.common.copied") : label;
|
|
76
76
|
var buttonIcon = isChecked ? Check : icon;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CopyToClipboardButton.js","sources":["../../src/components/CopyToClipboardButton/constants.js","../../src/components/CopyToClipboardButton/index.jsx"],"sourcesContent":["const TIME_OUT = 2000;\n\nconst TOOLTIP_CONFIG = {\n trigger: \"click mouseenter\",\n hideAfter: TIME_OUT,\n position: \"top\",\n};\n\nconst BUTTON_STYLES = {\n primary: \"primary\",\n secondary: \"secondary\",\n text: \"text\",\n};\n\nconst BUTTON_SIZES = {\n small: \"small\",\n medium: \"medium\",\n large: \"large\",\n};\n\nexport { TOOLTIP_CONFIG, TIME_OUT, BUTTON_STYLES, BUTTON_SIZES };\n","import { useState, useLayoutEffect, useRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport { copyToClipboard } from \"neetocommons/utils/general\";\nimport { Copy, Check } from \"neetoicons\";\nimport { Button } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { mergeAll } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport {\n TOOLTIP_CONFIG,\n TIME_OUT,\n BUTTON_STYLES,\n BUTTON_SIZES,\n} from \"./constants\";\nimport \"./copyToClipboard.scss\";\n\nconst CopyToClipboardButton = ({\n className,\n icon = Copy,\n label = \"\",\n successLabel,\n tooltipContent,\n successTooltipContent,\n value,\n style,\n size = BUTTON_SIZES.medium,\n tooltipProps,\n onClick,\n ...otherProps\n}) => {\n const { t } = useTranslation();\n\n const [isChecked, setIsChecked] = useState(false);\n\n const ref = useRef();\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 setIsChecked(true);\n setTimeout(() => {\n setIsChecked(false);\n }, TIME_OUT); // Reset copied state after 2 seconds\n };\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 }, [size]);\n\n const tooltipOptions = label\n ? null\n : mergeAll([\n TOOLTIP_CONFIG,\n {\n content: isChecked\n ? successTooltipContent || t(\"neetoMolecules.common.copied\")\n : tooltipContent || t(\"neetoMolecules.common.
|
|
1
|
+
{"version":3,"file":"CopyToClipboardButton.js","sources":["../../src/components/CopyToClipboardButton/constants.js","../../src/components/CopyToClipboardButton/index.jsx"],"sourcesContent":["const TIME_OUT = 2000;\n\nconst TOOLTIP_CONFIG = {\n trigger: \"click mouseenter\",\n hideAfter: TIME_OUT,\n position: \"top\",\n};\n\nconst BUTTON_STYLES = {\n primary: \"primary\",\n secondary: \"secondary\",\n text: \"text\",\n};\n\nconst BUTTON_SIZES = {\n small: \"small\",\n medium: \"medium\",\n large: \"large\",\n};\n\nexport { TOOLTIP_CONFIG, TIME_OUT, BUTTON_STYLES, BUTTON_SIZES };\n","import { useState, useLayoutEffect, useRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport { copyToClipboard } from \"neetocommons/utils/general\";\nimport { Copy, Check } from \"neetoicons\";\nimport { Button } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { mergeAll } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport {\n TOOLTIP_CONFIG,\n TIME_OUT,\n BUTTON_STYLES,\n BUTTON_SIZES,\n} from \"./constants\";\nimport \"./copyToClipboard.scss\";\n\nconst CopyToClipboardButton = ({\n className,\n icon = Copy,\n label = \"\",\n successLabel,\n tooltipContent,\n successTooltipContent,\n value,\n style,\n size = BUTTON_SIZES.medium,\n tooltipProps,\n onClick,\n ...otherProps\n}) => {\n const { t } = useTranslation();\n\n const [isChecked, setIsChecked] = useState(false);\n\n const ref = useRef();\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 setIsChecked(true);\n setTimeout(() => {\n setIsChecked(false);\n }, TIME_OUT); // Reset copied state after 2 seconds\n };\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 }, [size]);\n\n const tooltipOptions = label\n ? null\n : mergeAll([\n TOOLTIP_CONFIG,\n {\n content: isChecked\n ? successTooltipContent || t(\"neetoMolecules.common.copied\")\n : tooltipContent || t(\"neetoMolecules.common.copy\"),\n },\n tooltipProps,\n ]);\n\n const buttonLabel =\n isChecked && label\n ? successLabel || t(\"neetoMolecules.common.copied\")\n : label;\n const buttonIcon = isChecked ? Check : icon;\n\n return (\n <Button\n {...{ ref, size, style }}\n data-testid=\"copy-to-clipboard-button\"\n icon={buttonIcon}\n label={buttonLabel}\n tooltipProps={tooltipOptions}\n className={classnames(\"neeto-molecules-copy-button\", {\n [className]: className,\n \"neeto-molecules-copy-button--active\": isChecked,\n [`neeto-molecules-copy-button--${size}`]: size,\n })}\n onClick={onHandleClick}\n {...otherProps}\n />\n );\n};\n\nCopyToClipboardButton.propTypes = {\n /**\n * To provide additional classnames to the button.\n */\n className: PropTypes.string,\n /**\n * To provide the icon to be passed to the button. Defaults to the Copy icon.\n */\n icon: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n /**\n * To provide the label to the button. By default there is no label.\n */\n label: PropTypes.string,\n /**\n * The label of button when the value is copied to clipboard. Defaults to 'Copied'.\n */\n successLabel: PropTypes.string,\n /**\n * The value to be copied to clipboard. (required)\n */\n value: PropTypes.string,\n /**\n * To specify the style of the Button.\n */\n style: PropTypes.oneOf(Object.values(BUTTON_STYLES)),\n /**\n * To specify the size of the Button. Defaults to 'medium'.\n */\n size: PropTypes.oneOf(Object.values(BUTTON_SIZES)),\n /**\n * The content of the tooltip when the value is copied to clipboard. Defaults to 'Copy'.\n */\n tooltipContent: PropTypes.string,\n /**\n * The content of the tooltip when the value is copied to clipboard. Defaults to 'Copied'.\n */\n successTooltipContent: PropTypes.string,\n};\n\nexport default CopyToClipboardButton;\n"],"names":["TIME_OUT","TOOLTIP_CONFIG","trigger","hideAfter","position","BUTTON_SIZES","small","medium","CopyToClipboardButton","_ref","className","_ref$icon","icon","Copy","_ref$label","label","successLabel","tooltipContent","successTooltipContent","value","style","_ref$size","size","tooltipProps","onClick","otherProps","_objectWithoutProperties","_excluded","_useTranslation","useTranslation","t","_useState","useState","_useState2","_slicedToArray","isChecked","setIsChecked","ref","useRef","onHandleClick","event","preventDefault","stopPropagation","copyToClipboard","showToastr","setTimeout","useLayoutEffect","current","minWidth","buttonWidth","clientWidth","concat","tooltipOptions","mergeAll","content","buttonLabel","buttonIcon","Check","_jsx","Button","_objectSpread","classnames","_defineProperty"],"mappings":";;;;;;;;;;;;;;;;AAAA,IAAMA,QAAQ,GAAG,IAAI;AAErB,IAAMC,cAAc,GAAG;AACrBC,EAAAA,OAAO,EAAE,kBAAkB;AAC3BC,EAAAA,SAAS,EAAEH,QAAQ;AACnBI,EAAAA,QAAQ,EAAE;AACZ,CAAC;AAQD,IAAMC,YAAY,GAAG;AACnBC,EACAC,MAAM,EAAE,QAEV,CAAC;;;;;;;;ACAD,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAAC,IAAA,EAarB;AAAA,EAAA,IAZJC,SAAS,GAAAD,IAAA,CAATC,SAAS;IAAAC,SAAA,GAAAF,IAAA,CACTG,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAA,MAAA,GAAGE,IAAI,GAAAF,SAAA;IAAAG,UAAA,GAAAL,IAAA,CACXM,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,UAAA;IACVE,YAAY,GAAAP,IAAA,CAAZO,YAAY;IACZC,cAAc,GAAAR,IAAA,CAAdQ,cAAc;IACdC,qBAAqB,GAAAT,IAAA,CAArBS,qBAAqB;IACrBC,KAAK,GAAAV,IAAA,CAALU,KAAK;IACLC,KAAK,GAAAX,IAAA,CAALW,KAAK;IAAAC,SAAA,GAAAZ,IAAA,CACLa,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAA,MAAA,GAAGhB,YAAY,CAACE,MAAM,GAAAc,SAAA;IAC1BE,YAAY,GAAAd,IAAA,CAAZc,YAAY;IACZC,OAAO,GAAAf,IAAA,CAAPe,OAAO;AACJC,IAAAA,UAAU,GAAAC,wBAAA,CAAAjB,IAAA,EAAAkB,SAAA,CAAA;AAEb,EAAA,IAAAC,eAAA,GAAcC,2BAAc,EAAE;IAAtBC,CAAC,GAAAF,eAAA,CAADE,CAAC;AAET,EAAA,IAAAC,SAAA,GAAkCC,cAAQ,CAAC,KAAK,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA1CI,IAAAA,SAAS,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,YAAY,GAAAH,UAAA,CAAA,CAAA,CAAA;AAE9B,EAAA,IAAMI,GAAG,GAAGC,YAAM,EAAE;AAEpB,EAAA,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAGC,KAAK,EAAI;IAC7BA,KAAK,CAACC,cAAc,EAAE;IACtBD,KAAK,CAACE,eAAe,EAAE;IAEvB,IAAIlB,OAAO,EAAEA,OAAO,CAACgB,KAAK,CAAC,CAAC,KACvBG,uBAAe,CAACxB,KAAK,EAAE;AAAEyB,MAAAA,UAAU,EAAE;AAAM,KAAC,CAAC;IAElDR,YAAY,CAAC,IAAI,CAAC;AAClBS,IAAAA,UAAU,CAAC,YAAM;MACfT,YAAY,CAAC,KAAK,CAAC;AACrB,IAAA,CAAC,EAAEpC,QAAQ,CAAC,CAAC;EACf,CAAC;AAED8C,EAAAA,qBAAe,CAAC,YAAM;AACpB,IAAA,IAAI,CAACT,GAAG,CAACU,OAAO,EAAE;AAClBV,IAAAA,GAAG,CAACU,OAAO,CAAC3B,KAAK,CAAC4B,QAAQ,GAAG,EAAE;AAC/B,IAAA,IAAMC,WAAW,GAAGZ,GAAG,CAACU,OAAO,CAACG,WAAW;IAC3Cb,GAAG,CAACU,OAAO,CAAC3B,KAAK,CAAC4B,QAAQ,GAAA,EAAA,CAAAG,MAAA,CAAMF,WAAW,EAAA,IAAA,CAAI;AACjD,EAAA,CAAC,EAAE,CAAC3B,IAAI,CAAC,CAAC;EAEV,IAAM8B,cAAc,GAAGrC,KAAK,GACxB,IAAI,GACJsC,cAAQ,CAAC,CACPpD,cAAc,EACd;AACEqD,IAAAA,OAAO,EAAEnB,SAAS,GACdjB,qBAAqB,IAAIY,CAAC,CAAC,8BAA8B,CAAC,GAC1Db,cAAc,IAAIa,CAAC,CAAC,4BAA4B;GACrD,EACDP,YAAY,CACb,CAAC;AAEN,EAAA,IAAMgC,WAAW,GACfpB,SAAS,IAAIpB,KAAK,GACdC,YAAY,IAAIc,CAAC,CAAC,8BAA8B,CAAC,GACjDf,KAAK;AACX,EAAA,IAAMyC,UAAU,GAAGrB,SAAS,GAAGsB,KAAK,GAAG7C,IAAI;AAE3C,EAAA,oBACE8C,cAAA,CAACC,MAAM,EAAAC,aAAA,CAAA;AACCvB,IAAAA,GAAG,EAAHA,GAAG;AAAEf,IAAAA,IAAI,EAAJA,IAAI;AAAEF,IAAAA,KAAK,EAALA,KAAK;AACtB,IAAA,aAAA,EAAY,0BAA0B;AACtCR,IAAAA,IAAI,EAAE4C,UAAW;AACjBzC,IAAAA,KAAK,EAAEwC,WAAY;AACnBhC,IAAAA,YAAY,EAAE6B,cAAe;IAC7B1C,SAAS,EAAEmD,UAAU,CAAC,6BAA6B,EAAAC,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAA,EAAA,EAChDpD,SAAS,EAAGA,SAAS,CAAA,EACtB,qCAAqC,EAAEyB,SAAS,CAAA,EAAA,+BAAA,CAAAgB,MAAA,CACf7B,IAAI,CAAA,EAAKA,IAAI,CAC/C,CAAE;AACHE,IAAAA,OAAO,EAAEe;GAAc,EACnBd,UAAU,CACf,CAAC;AAEN;;;;"}
|
package/dist/cjs/ShareViaLink.js
CHANGED
|
@@ -599,6 +599,7 @@ var Card = function Card(_ref) {
|
|
|
599
599
|
size: 24
|
|
600
600
|
}), /*#__PURE__*/jsxRuntime.jsxs(Typography, {
|
|
601
601
|
className: "neeto-molecules-share-landing__card-title min-w-0 flex-grow break-words",
|
|
602
|
+
"data-testid": "share-card-title",
|
|
602
603
|
style: "h4",
|
|
603
604
|
children: [title, helpPopoverProps && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
604
605
|
children: [" ", /*#__PURE__*/jsxRuntime.jsx(HelpPopover, _objectSpread({}, helpPopoverProps))]
|
|
@@ -606,6 +607,7 @@ var Card = function Card(_ref) {
|
|
|
606
607
|
})]
|
|
607
608
|
}), description && /*#__PURE__*/jsxRuntime.jsx(Typography, {
|
|
608
609
|
className: "neeto-molecules-share-landing__card-desc break-words",
|
|
610
|
+
"data-testid": "share-card-description",
|
|
609
611
|
lineHeight: "normal",
|
|
610
612
|
style: "body2",
|
|
611
613
|
children: description
|