@bigbinary/neeto-molecules 5.1.24 → 5.1.25

package/dist/v2/VersionHistory.js

@@ -0,0 +1,208 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { Typography, Badge, Avatar, Sheet, Button, Spinner } from '@bigbinary/neeto-atoms';
+import { isNotEmpty } from '@bigbinary/neeto-cist';
+import { withT } from '@bigbinary/neeto-commons-frontend/v2/react-utils';
+import { t } from 'i18next';
+import classnames from 'classnames';
+import DateFormat from './DateFormat.js';
+import MoreDropdown from './MoreDropdown.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { createElement } from 'react';
+import { c as createLucideIcon } from '../createLucideIcon-mNMhCCpf.js';
+import '@bigbinary/neeto-commons-frontend/v2/react-utils/useTimer';
+import '@bigbinary/neeto-commons-frontend/v2/utils/datetime';
+import 'ramda';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import 'react-i18next';
+import '../ellipsis-DpI9xqUK.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 = [
+  ["path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8", key: "v9h5vc" }],
+  ["path", { d: "M21 3v5h-5", key: "1q7to0" }],
+  ["path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16", key: "3uifl3" }],
+  ["path", { d: "M8 16H3v5", key: "1cv678" }]
+];
+const RefreshCw = createLucideIcon("refresh-cw", __iconNode);
+
+var REFRESH_BUTTON_TOOLTIP_PROPS = Object.freeze({
+  content: t("neetoMolecules.versionHistory.refreshButtonTooltip"),
+  position: "bottom"
+});
+
+function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Version = withT(function (_ref) {
+  var t = _ref.t,
+    id = _ref.id,
+    date = _ref.date,
+    user = _ref.user,
+    onClick = _ref.onClick,
+    _ref$isDraft = _ref.isDraft,
+    isDraft = _ref$isDraft === void 0 ? false : _ref$isDraft,
+    _ref$isPublished = _ref.isPublished,
+    isPublished = _ref$isPublished === void 0 ? false : _ref$isPublished,
+    _ref$showMoreDropdown = _ref.showMoreDropdown,
+    showMoreDropdown = _ref$showMoreDropdown === void 0 ? false : _ref$showMoreDropdown,
+    _ref$moreDropdownProp = _ref.moreDropdownProps,
+    moreDropdownProps = _ref$moreDropdownProp === void 0 ? {} : _ref$moreDropdownProp,
+    _ref$isLast = _ref.isLast,
+    isLast = _ref$isLast === void 0 ? false : _ref$isLast;
+  return /*#__PURE__*/jsxs("div", {
+    className: "flex w-full gap-2",
+    children: [/*#__PURE__*/jsxs("div", {
+      className: "relative mt-2.5 flex flex-col items-center",
+      children: [/*#__PURE__*/jsx("span", {
+        className: classnames("bg-border relative z-10 h-2 w-2 rounded-full", {
+          "bg-warning": isDraft
+        }, {
+          "bg-primary": isPublished
+        })
+      }), !isLast && /*#__PURE__*/jsx("span", {
+        "aria-hidden": "true",
+        className: "bg-border absolute start-1/2 top-[9px] z-0 h-full w-px -translate-x-1/2 rtl:translate-x-1/2"
+      })]
+    }), /*#__PURE__*/jsx("div", {
+      onClick: onClick,
+      className: classnames("w-full", {
+        "pb-3": !isDraft
+      }),
+      children: /*#__PURE__*/jsxs("div", {
+        className: "hover:bg-muted flex flex-grow cursor-pointer justify-between gap-4 rounded px-1.5 pt-1 pb-1.5 transition-all duration-300",
+        "data-testid": "version-history-event",
+        children: [/*#__PURE__*/jsxs("div", {
+          className: "flex flex-grow flex-col gap-2",
+          children: [/*#__PURE__*/jsxs("div", {
+            className: "flex items-center gap-2",
+            children: [/*#__PURE__*/jsx(Typography, {
+              variant: "h5",
+              weight: "medium",
+              children: /*#__PURE__*/jsx(DateFormat.DateWeekTime, {
+                date: date,
+                typographyProps: {
+                  variant: "body3"
+                }
+              })
+            }), isDraft && /*#__PURE__*/jsx(Badge, {
+              className: "float-start",
+              "data-testid": "version-history-draft-tag",
+              label: t("neetoMolecules.common.actions.draft"),
+              variant: "warning"
+            })]
+          }), /*#__PURE__*/jsxs("div", {
+            className: "flex items-center gap-2",
+            children: [/*#__PURE__*/jsx(Avatar, {
+              size: "sm",
+              user: {
+                name: user
+              }
+            }), /*#__PURE__*/jsx(Typography, {
+              variant: "body3",
+              children: user
+            })]
+          })]
+        }), showMoreDropdown && /*#__PURE__*/jsx("div", {
+          className: "flex-shrink-0",
+          onClick: function onClick(e) {
+            return e.stopPropagation();
+          },
+          children: /*#__PURE__*/jsx(MoreDropdown, _objectSpread$1({
+            dropdownButtonProps: {
+              className: "m-1",
+              disabled: moreDropdownProps.disabled
+            }
+          }, moreDropdownProps))
+        })]
+      })
+    })]
+  }, id);
+});
+
+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), true).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 VersionHistory = withT(function (_ref) {
+  var t = _ref.t,
+    isOpen = _ref.isOpen,
+    onClose = _ref.onClose,
+    isLoading = _ref.isLoading,
+    _ref$draftVersions = _ref.draftVersions,
+    draftVersions = _ref$draftVersions === void 0 ? [] : _ref$draftVersions,
+    _ref$publishedVersion = _ref.publishedVersions,
+    publishedVersions = _ref$publishedVersion === void 0 ? [] : _ref$publishedVersion,
+    paneTitle = _ref.paneTitle,
+    _ref$showRefreshButto = _ref.showRefreshButton,
+    showRefreshButton = _ref$showRefreshButto === void 0 ? false : _ref$showRefreshButto,
+    onRefreshClick = _ref.onRefreshClick;
+  return /*#__PURE__*/jsxs(Sheet, {
+    isOpen: isOpen,
+    onClose: onClose,
+    "aria-describedby": undefined,
+    children: [/*#__PURE__*/jsxs(Sheet.Header, {
+      className: "flex items-center justify-between",
+      children: [/*#__PURE__*/jsx(Sheet.Title, {
+        "data-testid": "version-history-pane-header",
+        children: paneTitle || t("neetoMolecules.versionHistory.paneTitle")
+      }), showRefreshButton && !isLoading && /*#__PURE__*/jsx(Button, {
+        "data-testid": "version-history-refresh-button",
+        icon: RefreshCw,
+        size: "sm",
+        tooltipProps: REFRESH_BUTTON_TOOLTIP_PROPS,
+        variant: "ghost",
+        onClick: onRefreshClick
+      })]
+    }), /*#__PURE__*/jsx(Sheet.Body, {
+      children: isLoading ? /*#__PURE__*/jsx("div", {
+        className: "flex h-full w-full items-center justify-center",
+        children: /*#__PURE__*/jsx(Spinner, {
+          "data-testid": "neeto-ui-spinner"
+        })
+      }) : /*#__PURE__*/jsxs("div", {
+        className: "flex w-full flex-col gap-y-4",
+        children: [isNotEmpty(draftVersions) && /*#__PURE__*/jsx("div", {
+          className: "flex flex-col",
+          children: draftVersions.map(function (version, index) {
+            var isLast = index === draftVersions.length - 1;
+            return /*#__PURE__*/createElement(Version, _objectSpread(_objectSpread({}, _objectSpread(_objectSpread({}, version), {}, {
+              isLast: isLast
+            })), {}, {
+              key: version.id
+            }));
+          })
+        }), isNotEmpty(publishedVersions) && /*#__PURE__*/jsxs("div", {
+          className: "flex items-center",
+          children: [/*#__PURE__*/jsx("hr", {
+            className: "border-border flex-grow"
+          }), /*#__PURE__*/jsx(Typography, {
+            className: "bg-muted text-foreground inline-block rounded px-3 py-1 leading-normal",
+            "data-testid": "version-history-published-title",
+            variant: "body3",
+            weight: "medium",
+            children: t("neetoMolecules.versionHistory.publishedVersions")
+          }), /*#__PURE__*/jsx("hr", {
+            className: "border-border flex-grow"
+          })]
+        }), /*#__PURE__*/jsx("div", {
+          className: "flex flex-col",
+          children: publishedVersions.map(function (version, index) {
+            var isLast = index === publishedVersions.length - 1;
+            return /*#__PURE__*/createElement(Version, _objectSpread(_objectSpread({}, _objectSpread(_objectSpread({}, version), {}, {
+              isLast: isLast
+            })), {}, {
+              key: version.id
+            }));
+          })
+        })]
+      })
+    })]
+  });
+});
+
+export { VersionHistory as default };
+//# sourceMappingURL=VersionHistory.js.map

package/dist/v2/VersionHistory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VersionHistory.js","sources":["../../node_modules/lucide-react/dist/esm/icons/refresh-cw.js","../../src/v2/components/VersionHistory/constants.js","../../src/v2/components/VersionHistory/Version.jsx","../../src/v2/components/VersionHistory/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  [\"path\", { d: \"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\", key: \"v9h5vc\" }],\n  [\"path\", { d: \"M21 3v5h-5\", key: \"1q7to0\" }],\n  [\"path\", { d: \"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\", key: \"3uifl3\" }],\n  [\"path\", { d: \"M8 16H3v5\", key: \"1cv678\" }]\n];\nconst RefreshCw = createLucideIcon(\"refresh-cw\", __iconNode);\n\nexport { __iconNode, RefreshCw as default };\n//# sourceMappingURL=refresh-cw.js.map\n","import { t } from \"i18next\";\n\nexport const REFRESH_BUTTON_TOOLTIP_PROPS = Object.freeze({\n  content: t(\"neetoMolecules.versionHistory.refreshButtonTooltip\"),\n  position: \"bottom\",\n});\n","import { Typography, Badge, Avatar } from \"@bigbinary/neeto-atoms\";\nimport classnames from \"classnames\";\nimport { withT } from \"neetocommons/v2/react-utils\";\n\nimport DateFormat from \"../DateFormat\";\nimport MoreDropdown from \"../MoreDropdown\";\n\nconst Version = withT(\n  ({\n    t,\n    id,\n    date,\n    user,\n    onClick,\n    isDraft = false,\n    isPublished = false,\n    showMoreDropdown = false,\n    moreDropdownProps = {},\n    isLast = false,\n  }) => (\n    <div className=\"flex w-full gap-2\" key={id}>\n      <div className=\"relative mt-2.5 flex flex-col items-center\">\n        <span\n          className={classnames(\n            \"bg-border relative z-10 h-2 w-2 rounded-full\",\n            { \"bg-warning\": isDraft },\n            { \"bg-primary\": isPublished }\n          )}\n        />\n        {!isLast && (\n          <span\n            aria-hidden=\"true\"\n            className=\"bg-border absolute start-1/2 top-[9px] z-0 h-full w-px -translate-x-1/2 rtl:translate-x-1/2\"\n          />\n        )}\n      </div>\n      <div\n        {...{ onClick }}\n        className={classnames(\"w-full\", { \"pb-3\": !isDraft })}\n      >\n        <div\n          className=\"hover:bg-muted flex flex-grow cursor-pointer justify-between gap-4 rounded px-1.5 pt-1 pb-1.5 transition-all duration-300\"\n          data-testid=\"version-history-event\"\n        >\n          <div className=\"flex flex-grow flex-col gap-2\">\n            <div className=\"flex items-center gap-2\">\n              <Typography variant=\"h5\" weight=\"medium\">\n                <DateFormat.DateWeekTime\n                  {...{ date }}\n                  typographyProps={{ variant: \"body3\" }}\n                />\n              </Typography>\n              {isDraft && (\n                <Badge\n                  className=\"float-start\"\n                  data-testid=\"version-history-draft-tag\"\n                  label={t(\"neetoMolecules.common.actions.draft\")}\n                  variant=\"warning\"\n                />\n              )}\n            </div>\n            <div className=\"flex items-center gap-2\">\n              <Avatar size=\"sm\" user={{ name: user }} />\n              <Typography variant=\"body3\">{user}</Typography>\n            </div>\n          </div>\n          {showMoreDropdown && (\n            <div className=\"flex-shrink-0\" onClick={e => e.stopPropagation()}>\n              <MoreDropdown\n                dropdownButtonProps={{\n                  className: \"m-1\",\n                  disabled: moreDropdownProps.disabled,\n                }}\n                {...moreDropdownProps}\n              />\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  )\n);\n\nexport default Version;\n","import { Button, Typography, Sheet, Spinner } from \"@bigbinary/neeto-atoms\";\nimport { RefreshCw } from \"lucide-react\";\nimport { isNotEmpty } from \"neetocist\";\nimport { withT } from \"neetocommons/v2/react-utils\";\nimport PropTypes from \"prop-types\";\n\nimport { REFRESH_BUTTON_TOOLTIP_PROPS } from \"./constants\";\nimport Version from \"./Version\";\n\nconst VersionHistory = withT(\n  ({\n    t,\n    isOpen,\n    onClose,\n    isLoading,\n    draftVersions = [],\n    publishedVersions = [],\n    paneTitle,\n    showRefreshButton = false,\n    onRefreshClick,\n  }) => (\n    <Sheet {...{ isOpen, onClose }} aria-describedby={undefined}>\n      <Sheet.Header className=\"flex items-center justify-between\">\n        <Sheet.Title data-testid=\"version-history-pane-header\">\n          {paneTitle || t(\"neetoMolecules.versionHistory.paneTitle\")}\n        </Sheet.Title>\n        {showRefreshButton && !isLoading && (\n          <Button\n            data-testid=\"version-history-refresh-button\"\n            icon={RefreshCw}\n            size=\"sm\"\n            tooltipProps={REFRESH_BUTTON_TOOLTIP_PROPS}\n            variant=\"ghost\"\n            onClick={onRefreshClick}\n          />\n        )}\n      </Sheet.Header>\n      <Sheet.Body>\n        {isLoading ? (\n          <div className=\"flex h-full w-full items-center justify-center\">\n            <Spinner data-testid=\"neeto-ui-spinner\" />\n          </div>\n        ) : (\n          <div className=\"flex w-full flex-col gap-y-4\">\n            {isNotEmpty(draftVersions) && (\n              <div className=\"flex flex-col\">\n                {draftVersions.map((version, index) => {\n                  const isLast = index === draftVersions.length - 1;\n\n                  return (\n                    <Version {...{ ...version, isLast }} key={version.id} />\n                  );\n                })}\n              </div>\n            )}\n            {isNotEmpty(publishedVersions) && (\n              <div className=\"flex items-center\">\n                <hr className=\"border-border flex-grow\" />\n                <Typography\n                  className=\"bg-muted text-foreground inline-block rounded px-3 py-1 leading-normal\"\n                  data-testid=\"version-history-published-title\"\n                  variant=\"body3\"\n                  weight=\"medium\"\n                >\n                  {t(\"neetoMolecules.versionHistory.publishedVersions\")}\n                </Typography>\n                <hr className=\"border-border flex-grow\" />\n              </div>\n            )}\n            <div className=\"flex flex-col\">\n              {publishedVersions.map((version, index) => {\n                const isLast = index === publishedVersions.length - 1;\n\n                return <Version {...{ ...version, isLast }} key={version.id} />;\n              })}\n            </div>\n          </div>\n        )}\n      </Sheet.Body>\n    </Sheet>\n  )\n);\n\nVersionHistory.propTypes = {\n  /**\n   * To specify whether the version history pane should be opened or closed.\n   */\n  isOpen: PropTypes.bool.isRequired,\n  /**\n   * Handler function that is triggered when the close button is clicked.\n   */\n  onClose: PropTypes.func.isRequired,\n  /**\n   * Boolean flag to show loading state with spinner.\n   */\n  isLoading: PropTypes.bool,\n  /**\n   * Array of draft version objects to be displayed in the version history.\n   */\n  draftVersions: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      date: PropTypes.instanceOf(Date).isRequired,\n      user: PropTypes.string.isRequired,\n      onClick: PropTypes.func,\n      isDraft: PropTypes.bool,\n      isPublished: PropTypes.bool,\n      showMoreDropdown: PropTypes.bool,\n      moreDropdownProps: PropTypes.object,\n    })\n  ),\n  /**\n   * Array of published version objects to be displayed in the version history.\n   */\n  publishedVersions: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      date: PropTypes.instanceOf(Date).isRequired,\n      user: PropTypes.string.isRequired,\n      onClick: PropTypes.func,\n      isDraft: PropTypes.bool,\n      isPublished: PropTypes.bool,\n      showMoreDropdown: PropTypes.bool,\n      moreDropdownProps: PropTypes.object,\n    })\n  ),\n  /**\n   * Custom title to be displayed in the pane header. If not provided, a default title will be used.\n   */\n  paneTitle: PropTypes.string,\n  /**\n   * Boolean flag to show or hide the refresh button in the pane header.\n   */\n  showRefreshButton: PropTypes.bool,\n  /**\n   * Handler function that is triggered when the refresh button is clicked.\n   */\n  onRefreshClick: PropTypes.func,\n};\n\nexport default VersionHistory;\n"],"names":["REFRESH_BUTTON_TOOLTIP_PROPS","Object","freeze","content","t","position","Version","withT","_ref","id","date","user","onClick","_ref$isDraft","isDraft","_ref$isPublished","isPublished","_ref$showMoreDropdown","showMoreDropdown","_ref$moreDropdownProp","moreDropdownProps","_ref$isLast","isLast","_jsxs","className","children","_jsx","classnames","Typography","variant","weight","DateFormat","DateWeekTime","typographyProps","Badge","label","Avatar","size","name","e","stopPropagation","MoreDropdown","_objectSpread","dropdownButtonProps","disabled","VersionHistory","isOpen","onClose","isLoading","_ref$draftVersions","draftVersions","_ref$publishedVersion","publishedVersions","paneTitle","_ref$showRefreshButto","showRefreshButton","onRefreshClick","Sheet","undefined","Header","Title","Button","icon","RefreshCw","tooltipProps","Body","Spinner","isNotEmpty","map","version","index","length","_createElement","key"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;;;AAIA,MAAM,UAAU,GAAG;AACnB,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,oDAAoD,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC;AACtF,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,YAAY,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC;AAC9C,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,qDAAqD,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC;AACvF,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,WAAW,EAAE,GAAG,EAAE,QAAQ,EAAE;AAC5C,CAAC;AACD,MAAM,SAAS,GAAG,gBAAgB,CAAC,YAAY,EAAE,UAAU,CAAC;;ACbrD,IAAMA,4BAA4B,GAAGC,MAAM,CAACC,MAAM,CAAC;AACxDC,EAAAA,OAAO,EAAEC,CAAC,CAAC,oDAAoD,CAAC;AAChEC,EAAAA,QAAQ,EAAE;AACZ,CAAC,CAAC;;;;ACEF,IAAMC,OAAO,GAAGC,KAAK,CACnB,UAAAC,IAAA,EAAA;AAAA,EAAA,IACEJ,CAAC,GAAAI,IAAA,CAADJ,CAAC;IACDK,EAAE,GAAAD,IAAA,CAAFC,EAAE;IACFC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IACJC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IAAAC,YAAA,GAAAL,IAAA,CACPM,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,YAAA;IAAAE,gBAAA,GAAAP,IAAA,CACfQ,WAAW;AAAXA,IAAAA,WAAW,GAAAD,gBAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,gBAAA;IAAAE,qBAAA,GAAAT,IAAA,CACnBU,gBAAgB;AAAhBA,IAAAA,gBAAgB,GAAAD,qBAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,qBAAA;IAAAE,qBAAA,GAAAX,IAAA,CACxBY,iBAAiB;AAAjBA,IAAAA,iBAAiB,GAAAD,qBAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,qBAAA;IAAAE,WAAA,GAAAb,IAAA,CACtBc,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,WAAA;AAAA,EAAA,oBAEdE,IAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,mBAAmB;AAAAC,IAAAA,QAAA,gBAChCF,IAAA,CAAA,KAAA,EAAA;AAAKC,MAAAA,SAAS,EAAC,4CAA4C;AAAAC,MAAAA,QAAA,gBACzDC,GAAA,CAAA,MAAA,EAAA;AACEF,QAAAA,SAAS,EAAEG,UAAU,CACnB,8CAA8C,EAC9C;AAAE,UAAA,YAAY,EAAEb;AAAQ,SAAC,EACzB;AAAE,UAAA,YAAY,EAAEE;SAClB;AAAE,OACH,CAAC,EACD,CAACM,MAAM,iBACNI,GAAA,CAAA,MAAA,EAAA;AACE,QAAA,aAAA,EAAY,MAAM;AAClBF,QAAAA,SAAS,EAAC;AAA6F,OACxG,CACF;KACE,CAAC,eACNE,GAAA,CAAA,KAAA,EAAA;AACQd,MAAAA,OAAO,EAAPA,OAAO;AACbY,MAAAA,SAAS,EAAEG,UAAU,CAAC,QAAQ,EAAE;AAAE,QAAA,MAAM,EAAE,CAACb;AAAQ,OAAC,CAAE;AAAAW,MAAAA,QAAA,eAEtDF,IAAA,CAAA,KAAA,EAAA;AACEC,QAAAA,SAAS,EAAC,2HAA2H;AACrI,QAAA,aAAA,EAAY,uBAAuB;AAAAC,QAAAA,QAAA,gBAEnCF,IAAA,CAAA,KAAA,EAAA;AAAKC,UAAAA,SAAS,EAAC,+BAA+B;AAAAC,UAAAA,QAAA,gBAC5CF,IAAA,CAAA,KAAA,EAAA;AAAKC,YAAAA,SAAS,EAAC,yBAAyB;YAAAC,QAAA,EAAA,cACtCC,GAAA,CAACE,UAAU,EAAA;AAACC,cAAAA,OAAO,EAAC,IAAI;AAACC,cAAAA,MAAM,EAAC,QAAQ;AAAAL,cAAAA,QAAA,eACtCC,GAAA,CAACK,UAAU,CAACC,YAAY,EAAA;AAChBtB,gBAAAA,IAAI,EAAJA,IAAI;AACVuB,gBAAAA,eAAe,EAAE;AAAEJ,kBAAAA,OAAO,EAAE;AAAQ;eACrC;AAAC,aACQ,CAAC,EACZf,OAAO,iBACNY,GAAA,CAACQ,KAAK,EAAA;AACJV,cAAAA,SAAS,EAAC,aAAa;AACvB,cAAA,aAAA,EAAY,2BAA2B;AACvCW,cAAAA,KAAK,EAAE/B,CAAC,CAAC,qCAAqC,CAAE;AAChDyB,cAAAA,OAAO,EAAC;AAAS,aAClB,CACF;WACE,CAAC,eACNN,IAAA,CAAA,KAAA,EAAA;AAAKC,YAAAA,SAAS,EAAC,yBAAyB;YAAAC,QAAA,EAAA,cACtCC,GAAA,CAACU,MAAM,EAAA;AAACC,cAAAA,IAAI,EAAC,IAAI;AAAC1B,cAAAA,IAAI,EAAE;AAAE2B,gBAAAA,IAAI,EAAE3B;AAAK;AAAE,aAAE,CAAC,eAC1Ce,GAAA,CAACE,UAAU,EAAA;AAACC,cAAAA,OAAO,EAAC,OAAO;AAAAJ,cAAAA,QAAA,EAAEd;AAAI,aAAa,CAAC;AAAA,WAC5C,CAAC;AAAA,SACH,CAAC,EACLO,gBAAgB,iBACfQ,GAAA,CAAA,KAAA,EAAA;AAAKF,UAAAA,SAAS,EAAC,eAAe;AAACZ,UAAAA,OAAO,EAAE,SAATA,OAAOA,CAAE2B,CAAC,EAAA;AAAA,YAAA,OAAIA,CAAC,CAACC,eAAe,EAAE;UAAA,CAAC;AAAAf,UAAAA,QAAA,eAC/DC,GAAA,CAACe,YAAY,EAAAC,eAAA,CAAA;AACXC,YAAAA,mBAAmB,EAAE;AACnBnB,cAAAA,SAAS,EAAE,KAAK;cAChBoB,QAAQ,EAAExB,iBAAiB,CAACwB;AAC9B;AAAE,WAAA,EACExB,iBAAiB,CACtB;AAAC,SACC,CACN;OACE;AAAC,KACH,CAAC;AAAA,GAAA,EA1DgCX,EA2DnC,CAAC;AAAA,CAEV,CAAC;;;;ACxED,IAAMoC,cAAc,GAAGtC,KAAK,CAC1B,UAAAC,IAAA,EAAA;AAAA,EAAA,IACEJ,CAAC,GAAAI,IAAA,CAADJ,CAAC;IACD0C,MAAM,GAAAtC,IAAA,CAANsC,MAAM;IACNC,OAAO,GAAAvC,IAAA,CAAPuC,OAAO;IACPC,SAAS,GAAAxC,IAAA,CAATwC,SAAS;IAAAC,kBAAA,GAAAzC,IAAA,CACT0C,aAAa;AAAbA,IAAAA,aAAa,GAAAD,kBAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,kBAAA;IAAAE,qBAAA,GAAA3C,IAAA,CAClB4C,iBAAiB;AAAjBA,IAAAA,iBAAiB,GAAAD,qBAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,qBAAA;IACtBE,SAAS,GAAA7C,IAAA,CAAT6C,SAAS;IAAAC,qBAAA,GAAA9C,IAAA,CACT+C,iBAAiB;AAAjBA,IAAAA,iBAAiB,GAAAD,qBAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,qBAAA;IACzBE,cAAc,GAAAhD,IAAA,CAAdgD,cAAc;EAAA,oBAEdjC,IAAA,CAACkC,KAAK,EAAA;AAAOX,IAAAA,MAAM,EAANA,MAAM;AAAEC,IAAAA,OAAO,EAAPA,OAAO;AAAI,IAAA,kBAAA,EAAkBW,SAAU;AAAAjC,IAAAA,QAAA,EAAA,cAC1DF,IAAA,CAACkC,KAAK,CAACE,MAAM,EAAA;AAACnC,MAAAA,SAAS,EAAC,mCAAmC;AAAAC,MAAAA,QAAA,EAAA,cACzDC,GAAA,CAAC+B,KAAK,CAACG,KAAK,EAAA;AAAC,QAAA,aAAA,EAAY,6BAA6B;AAAAnC,QAAAA,QAAA,EACnD4B,SAAS,IAAIjD,CAAC,CAAC,yCAAyC;OAC9C,CAAC,EACbmD,iBAAiB,IAAI,CAACP,SAAS,iBAC9BtB,GAAA,CAACmC,MAAM,EAAA;AACL,QAAA,aAAA,EAAY,gCAAgC;AAC5CC,QAAAA,IAAI,EAAEC,SAAU;AAChB1B,QAAAA,IAAI,EAAC,IAAI;AACT2B,QAAAA,YAAY,EAAEhE,4BAA6B;AAC3C6B,QAAAA,OAAO,EAAC,OAAO;AACfjB,QAAAA,OAAO,EAAE4C;AAAe,OACzB,CACF;AAAA,KACW,CAAC,eACf9B,GAAA,CAAC+B,KAAK,CAACQ,IAAI,EAAA;MAAAxC,QAAA,EACRuB,SAAS,gBACRtB,GAAA,CAAA,KAAA,EAAA;AAAKF,QAAAA,SAAS,EAAC,gDAAgD;QAAAC,QAAA,eAC7DC,GAAA,CAACwC,OAAO,EAAA;UAAC,aAAA,EAAY;SAAoB;OACtC,CAAC,gBAEN3C,IAAA,CAAA,KAAA,EAAA;AAAKC,QAAAA,SAAS,EAAC,8BAA8B;AAAAC,QAAAA,QAAA,GAC1C0C,UAAU,CAACjB,aAAa,CAAC,iBACxBxB,GAAA,CAAA,KAAA,EAAA;AAAKF,UAAAA,SAAS,EAAC,eAAe;UAAAC,QAAA,EAC3ByB,aAAa,CAACkB,GAAG,CAAC,UAACC,OAAO,EAAEC,KAAK,EAAK;YACrC,IAAMhD,MAAM,GAAGgD,KAAK,KAAKpB,aAAa,CAACqB,MAAM,GAAG,CAAC;AAEjD,YAAA,oBACEC,aAAA,CAAClE,OAAO,EAAAoC,aAAA,CAAAA,aAAA,CAAA,EAAA,EAAAA,aAAA,CAAAA,aAAA,CAAA,EAAA,EAAU2B,OAAO,CAAA,EAAA,EAAA,EAAA;AAAE/C,cAAAA,MAAM,EAANA;AAAM,aAAA,CAAA,CAAA,EAAA,EAAA,EAAA;cAAImD,GAAG,EAAEJ,OAAO,CAAC5D;AAAG,aAAA,CAAE,CAAC;UAE5D,CAAC;AAAC,SACC,CACN,EACA0D,UAAU,CAACf,iBAAiB,CAAC,iBAC5B7B,IAAA,CAAA,KAAA,EAAA;AAAKC,UAAAA,SAAS,EAAC,mBAAmB;AAAAC,UAAAA,QAAA,gBAChCC,GAAA,CAAA,IAAA,EAAA;AAAIF,YAAAA,SAAS,EAAC;AAAyB,WAAE,CAAC,eAC1CE,GAAA,CAACE,UAAU,EAAA;AACTJ,YAAAA,SAAS,EAAC,wEAAwE;AAClF,YAAA,aAAA,EAAY,iCAAiC;AAC7CK,YAAAA,OAAO,EAAC,OAAO;AACfC,YAAAA,MAAM,EAAC,QAAQ;YAAAL,QAAA,EAEdrB,CAAC,CAAC,iDAAiD;WAC1C,CAAC,eACbsB,GAAA,CAAA,IAAA,EAAA;AAAIF,YAAAA,SAAS,EAAC;AAAyB,WAAE,CAAC;SACvC,CACN,eACDE,GAAA,CAAA,KAAA,EAAA;AAAKF,UAAAA,SAAS,EAAC,eAAe;UAAAC,QAAA,EAC3B2B,iBAAiB,CAACgB,GAAG,CAAC,UAACC,OAAO,EAAEC,KAAK,EAAK;YACzC,IAAMhD,MAAM,GAAGgD,KAAK,KAAKlB,iBAAiB,CAACmB,MAAM,GAAG,CAAC;AAErD,YAAA,oBAAOC,aAAA,CAAClE,OAAO,EAAAoC,aAAA,CAAAA,aAAA,CAAA,EAAA,EAAAA,aAAA,CAAAA,aAAA,CAAA,EAAA,EAAU2B,OAAO,CAAA,EAAA,EAAA,EAAA;AAAE/C,cAAAA,MAAM,EAANA;AAAM,aAAA,CAAA,CAAA,EAAA,EAAA,EAAA;cAAImD,GAAG,EAAEJ,OAAO,CAAC5D;AAAG,aAAA,CAAE,CAAC;UACjE,CAAC;AAAC,SACC,CAAC;OACH;AACN,KACS,CAAC;AAAA,GACR,CAAC;AAAA,CAEZ;;;;","x_google_ignoreList":[0]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-molecules",
-  "version": "5.1.24",
+  "version": "5.1.25",
   "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/v2/ImageWithFallback.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+
+const ImageWithFallback: React.FC<{
+  src: string;
+  fallback?: React.ReactNode;
+
+}>;
+
+export default ImageWithFallback;

package/types/v2/ShareRecordingPane.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+
+declare const ShareRecordingPane: React.FC<{
+  recordingUrl: string;
+  recordingUrls?: Array<string>;
+  totalDuration: number;
+  getCurrentTimestamp: () => number;
+  isOpen: boolean;
+  onClose: Function;
+  isLoading?: boolean;
+  preview?: React.ElementType;
+  size?: "extraLarge" | "large" | "small";
+  enableAutoplayAndMuteFlags?: boolean;
+}>;
+
+export default ShareRecordingPane;

package/types/v2/ShareViaEmail.d.ts

@@ -0,0 +1,34 @@
+import React from "react";
+
+const ShareViaEmail: React.FC<{
+  backToUrl?: string;
+  children?: React.ReactNode;
+  description?: string;
+  disableReplyTo?: boolean;
+  showSendFromField?: boolean;
+  defaultValues?: {
+    sendFromEmail?: string;
+    replyToEmail?: string;
+    emailSubject?: string;
+    emailBody?: string;
+    actionButtonText?: string;
+  };
+  handleSubmit: (data: {
+    sendFromEmail: string;
+    replyToEmail: string;
+    notifyEmails: {
+      label: string;
+      value: string;
+      valid: boolean;
+    }[];
+    emailSubject: string;
+    emailBody: string;
+    isSendLaterEnabled: boolean;
+    sendEmailDatetime: string;
+    category: string;
+    actionButtonText: string;
+  }) => void;
+  showVideoEmbedInEditor?: boolean;
+  title?: string;
+}>;
+export default ShareViaEmail;

package/types/v2/StatusDropdown.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+
+const StatusDropdown: React.FC<{
+  disabled?: boolean;
+  hiddenStatuses?: Array<string>;
+  isLoading?: boolean;
+  onItemClick: (status: object) => void;
+  options: Array<object>;
+  placeholder?: string;
+  selectedValue: string;
+  shouldShowAllOptions?: boolean;
+  isClearable?: boolean;
+  onClear?: () => void;
+}>;
+
+export default StatusDropdown;

package/types/v2/SubscriptionNotificationsContainer.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+
+const SubscriptionNotificationsContainer: React.FC<{}>;
+
+export default SubscriptionNotificationsContainer;

package/types/v2/SubscriptionUpgradeRequestModal.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+
+const SubscriptionUpgradeRequestModal: React.FC<{
+  isOpen: boolean;
+  onClose: () => void;
+}>;
+
+export default SubscriptionUpgradeRequestModal;

package/types/v2/SuffixedInput.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+
+const SuffixedInput: React.FC<{
+  placeholder?: string;
+  helpUrl?: string;
+  helpIconTooltipContent?: string;
+  label: string;
+  value: string;
+  getInputRef?: (ref: HTMLInputElement | null) => void;
+  suffix: string;
+  isCopyToClipboardEnabled?: boolean;
+  name?: string;
+  inputProps?: object;
+}>;
+
+export default SuffixedInput;

package/types/v2/TimezoneMismatchModal.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+
+const TimezoneMismatchModal: React.FC<{
+  isOpen?: boolean;
+  onClose?: Function;
+}>;
+
+export default TimezoneMismatchModal;

package/types/v2/VersionHistory.d.ts

@@ -0,0 +1,44 @@
+import React from "react";
+
+import { ButtonProps, PaneProps, TypographyProps } from "@bigbinary/neetoui";
+
+type Version = {
+  id: string;
+  date: Date;
+  user: string;
+  onClick?: () => void;
+  isDraft?: boolean;
+  isPublished?: boolean;
+  showMoreDropdown?: boolean;
+  moreDropdownProps?: MoreDropdownProps;
+};
+
+type MoreDropdownProps = {
+  menuItems: MenuItem[];
+  disabled?: boolean;
+  dropdownButtonProps?: Record<string, any>;
+  dropdownProps?: Record<string, any>;
+};
+
+type MenuItem = {
+  key: string;
+  label: string;
+  onClick: () => void;
+  prefix?: React.ReactNode;
+  suffix?: React.ReactNode;
+  disabled?: boolean;
+  [key: string]: any;
+};
+
+const VersionHistory: React.FC<{
+  isOpen: boolean;
+  onClose: () => void;
+  isLoading?: boolean;
+  draftVersions?: Version[];
+  publishedVersions?: Version[];
+  paneTitle?: string;
+  showRefreshButton?: boolean;
+  onRefreshClick?: () => void;
+}>;
+
+export default VersionHistory;