@bigbinary/neeto-molecules 2.0.4 → 2.0.5
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/PublishBlock.js
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
1
2
|
import _extends from '@babel/runtime/helpers/extends';
|
|
2
3
|
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
3
4
|
import React__default from 'react';
|
|
@@ -26,8 +27,10 @@ n(css,{});
|
|
|
26
27
|
|
|
27
28
|
var _excluded = ["t"],
|
|
28
29
|
_excluded2 = ["t"],
|
|
29
|
-
_excluded3 = ["t", "tooltipProps"],
|
|
30
|
+
_excluded3 = ["t", "tooltipProps", "showTooltipWhenDisabled", "disabled"],
|
|
30
31
|
_excluded4 = ["t"];
|
|
32
|
+
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; }
|
|
33
|
+
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; }
|
|
31
34
|
var ViewDraftButton = withT(function (_ref) {
|
|
32
35
|
var t = _ref.t,
|
|
33
36
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
@@ -60,14 +63,20 @@ var ResetDraftButton = withT(function (_ref2) {
|
|
|
60
63
|
var PublishButton = withT(function (_ref3) {
|
|
61
64
|
var t = _ref3.t,
|
|
62
65
|
tooltipProps = _ref3.tooltipProps,
|
|
66
|
+
_ref3$showTooltipWhen = _ref3.showTooltipWhenDisabled,
|
|
67
|
+
showTooltipWhenDisabled = _ref3$showTooltipWhen === void 0 ? false : _ref3$showTooltipWhen,
|
|
68
|
+
_ref3$disabled = _ref3.disabled,
|
|
69
|
+
disabled = _ref3$disabled === void 0 ? false : _ref3$disabled,
|
|
63
70
|
props = _objectWithoutProperties(_ref3, _excluded3);
|
|
64
71
|
return /*#__PURE__*/React__default.createElement(Tooltip, _extends({}, tooltipProps, {
|
|
65
|
-
disabled: !tooltipProps
|
|
72
|
+
disabled: !tooltipProps || !showTooltipWhenDisabled && disabled
|
|
66
73
|
}), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(Button, _extends({
|
|
67
74
|
"data-cy": "publish-button",
|
|
68
75
|
"data-testid": "publish-button",
|
|
69
76
|
label: t("neetoMolecules.common.actions.publish")
|
|
70
|
-
},
|
|
77
|
+
}, _objectSpread({
|
|
78
|
+
disabled: disabled
|
|
79
|
+
}, props)))));
|
|
71
80
|
});
|
|
72
81
|
var PublishPreviewButton = withT(function (_ref4) {
|
|
73
82
|
var t = _ref4.t,
|
package/dist/PublishBlock.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PublishBlock.js","sources":["../src/components/PublishBlock/AlertBlock.jsx","../src/components/PublishBlock/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { Alert } from \"neetoui\";\nimport { useTranslation } from \"react-i18next\";\n\nconst AlertBlock = props => {\n const { t } = useTranslation();\n\n return (\n <Alert\n data-cy=\"reset-alert\"\n data-testid=\"reset-alert\"\n submitButtonLabel={t(\"neetoMolecules.common.actions.reset\")}\n {...props}\n />\n );\n};\n\nexport default AlertBlock;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport withT from \"neetocommons/react-utils/withT\";\nimport { ExternalLink, Undo } from \"neetoicons\";\nimport { Button, Tooltip, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport AlertBlock from \"./AlertBlock\";\nimport \"./publish-block.scss\";\n\nconst ViewDraftButton = withT(({ t, ...props }) => (\n <Button\n data-cy=\"view-draft-button\"\n data-testid=\"view-draft-button\"\n icon={ExternalLink}\n style=\"secondary\"\n target=\"_blank\"\n tooltipProps={{\n content: t(\"neetoMolecules.publishBlock.viewDraftVersion\"),\n position: \"top\",\n }}\n {...props}\n />\n));\n\nconst ResetDraftButton = withT(({ t, ...props }) => (\n <Button\n data-cy=\"draft-button\"\n data-testid=\"draft-button\"\n icon={Undo}\n style=\"secondary\"\n tooltipProps={{\n content: t(\"neetoMolecules.publishBlock.deleteDraftVersion\"),\n position: \"top\",\n }}\n {...props}\n />\n));\n\nconst PublishButton = withT(({
|
|
1
|
+
{"version":3,"file":"PublishBlock.js","sources":["../src/components/PublishBlock/AlertBlock.jsx","../src/components/PublishBlock/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { Alert } from \"neetoui\";\nimport { useTranslation } from \"react-i18next\";\n\nconst AlertBlock = props => {\n const { t } = useTranslation();\n\n return (\n <Alert\n data-cy=\"reset-alert\"\n data-testid=\"reset-alert\"\n submitButtonLabel={t(\"neetoMolecules.common.actions.reset\")}\n {...props}\n />\n );\n};\n\nexport default AlertBlock;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport withT from \"neetocommons/react-utils/withT\";\nimport { ExternalLink, Undo } from \"neetoicons\";\nimport { Button, Tooltip, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport AlertBlock from \"./AlertBlock\";\nimport \"./publish-block.scss\";\n\nconst ViewDraftButton = withT(({ t, ...props }) => (\n <Button\n data-cy=\"view-draft-button\"\n data-testid=\"view-draft-button\"\n icon={ExternalLink}\n style=\"secondary\"\n target=\"_blank\"\n tooltipProps={{\n content: t(\"neetoMolecules.publishBlock.viewDraftVersion\"),\n position: \"top\",\n }}\n {...props}\n />\n));\n\nconst ResetDraftButton = withT(({ t, ...props }) => (\n <Button\n data-cy=\"draft-button\"\n data-testid=\"draft-button\"\n icon={Undo}\n style=\"secondary\"\n tooltipProps={{\n content: t(\"neetoMolecules.publishBlock.deleteDraftVersion\"),\n position: \"top\",\n }}\n {...props}\n />\n));\n\nconst PublishButton = withT(\n ({\n t,\n tooltipProps,\n showTooltipWhenDisabled = false,\n disabled = false,\n ...props\n }) => (\n <Tooltip\n {...tooltipProps}\n disabled={!tooltipProps || (!showTooltipWhenDisabled && disabled)}\n >\n <div>\n <Button\n data-cy=\"publish-button\"\n data-testid=\"publish-button\"\n label={t(\"neetoMolecules.common.actions.publish\")}\n {...{ disabled, ...props }}\n />\n </div>\n </Tooltip>\n )\n);\n\nconst PublishPreviewButton = withT(({ t, ...props }) => (\n <Button\n data-cy=\"publish-preview-button\"\n data-testid=\"publish-preview-button\"\n icon={ExternalLink}\n target=\"_blank\"\n className={classnames(\n { \"pointer-events-none\": props.disabled },\n props.className\n )}\n tooltipProps={{\n content: t(\"neetoMolecules.publishBlock.viewPublishedVersion\"),\n position: \"top\",\n }}\n {...props}\n />\n));\n\nconst PublishBlock = ({ renderDraftButtons, renderPublishButtons }) => {\n const { t } = useTranslation();\n\n const draftBlockButtons = renderDraftButtons({\n ViewDraftButton,\n ResetDraftButton,\n });\n\n return (\n <div\n className=\"neeto-molecules-publish-block\"\n data-cy=\"neeto-molecules-publish-block\"\n data-testid=\"neeto-molecules-publish-block\"\n >\n {draftBlockButtons && (\n <>\n <div className=\"flex items-center gap-2\">\n <Typography\n className=\"neeto-ui-text-gray-700\"\n data-cy=\"publish-block-draft-label\"\n lineHeight=\"normal\"\n style=\"body2\"\n >\n {t(\"neetoMolecules.common.actions.draft\")}\n </Typography>\n <div className=\"flex items-center gap-1\">{draftBlockButtons}</div>\n </div>\n <div className=\"neeto-ui-bg-gray-300 h-full w-px\" />\n </>\n )}\n <div className=\"neeto-molecules-publish-block__action-btn\">\n {renderPublishButtons({ PublishButton, PublishPreviewButton })}\n </div>\n </div>\n );\n};\n\nPublishBlock.Alert = AlertBlock;\n\nPublishBlock.propTypes = {\n /**\n * The function to render the draft buttons. It provides the `ViewDraftButton` and `ResetDraftButton` components as arguments.\n */\n renderDraftButtons: PropTypes.func,\n /**\n * The function to render the publish buttons. It provides the `PublishButton` and `PublishPreviewButton` components as arguments.\n */\n renderPublishButtons: PropTypes.func,\n};\nexport default PublishBlock;\n"],"names":["AlertBlock","props","_useTranslation","useTranslation","t","React","createElement","Alert","_extends","submitButtonLabel","ViewDraftButton","withT","_ref","_objectWithoutProperties","_excluded","Button","icon","ExternalLink","style","target","tooltipProps","content","position","ResetDraftButton","_ref2","_excluded2","Undo","PublishButton","_ref3","_ref3$showTooltipWhen","showTooltipWhenDisabled","_ref3$disabled","disabled","_excluded3","Tooltip","label","_objectSpread","PublishPreviewButton","_ref4","_excluded4","className","classnames","PublishBlock","_ref5","renderDraftButtons","renderPublishButtons","draftBlockButtons","Fragment","Typography","lineHeight"],"mappings":"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"}
|
package/dist/cjs/PublishBlock.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
+
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
3
4
|
var _extends = require('@babel/runtime/helpers/extends');
|
|
4
5
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
5
6
|
var React = require('react');
|
|
@@ -15,6 +16,7 @@ var injectCss = require('./inject-css-80a5faa3.js');
|
|
|
15
16
|
|
|
16
17
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
17
18
|
|
|
19
|
+
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
18
20
|
var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
|
|
19
21
|
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
20
22
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
@@ -40,8 +42,10 @@ injectCss.n(css,{});
|
|
|
40
42
|
|
|
41
43
|
var _excluded = ["t"],
|
|
42
44
|
_excluded2 = ["t"],
|
|
43
|
-
_excluded3 = ["t", "tooltipProps"],
|
|
45
|
+
_excluded3 = ["t", "tooltipProps", "showTooltipWhenDisabled", "disabled"],
|
|
44
46
|
_excluded4 = ["t"];
|
|
47
|
+
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; }
|
|
48
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
45
49
|
var ViewDraftButton = withT__default["default"](function (_ref) {
|
|
46
50
|
var t = _ref.t,
|
|
47
51
|
props = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
@@ -74,14 +78,20 @@ var ResetDraftButton = withT__default["default"](function (_ref2) {
|
|
|
74
78
|
var PublishButton = withT__default["default"](function (_ref3) {
|
|
75
79
|
var t = _ref3.t,
|
|
76
80
|
tooltipProps = _ref3.tooltipProps,
|
|
81
|
+
_ref3$showTooltipWhen = _ref3.showTooltipWhenDisabled,
|
|
82
|
+
showTooltipWhenDisabled = _ref3$showTooltipWhen === void 0 ? false : _ref3$showTooltipWhen,
|
|
83
|
+
_ref3$disabled = _ref3.disabled,
|
|
84
|
+
disabled = _ref3$disabled === void 0 ? false : _ref3$disabled,
|
|
77
85
|
props = _objectWithoutProperties__default["default"](_ref3, _excluded3);
|
|
78
86
|
return /*#__PURE__*/React__default["default"].createElement(Tooltip__default["default"], _extends__default["default"]({}, tooltipProps, {
|
|
79
|
-
disabled: !tooltipProps
|
|
87
|
+
disabled: !tooltipProps || !showTooltipWhenDisabled && disabled
|
|
80
88
|
}), /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], _extends__default["default"]({
|
|
81
89
|
"data-cy": "publish-button",
|
|
82
90
|
"data-testid": "publish-button",
|
|
83
91
|
label: t("neetoMolecules.common.actions.publish")
|
|
84
|
-
},
|
|
92
|
+
}, _objectSpread({
|
|
93
|
+
disabled: disabled
|
|
94
|
+
}, props)))));
|
|
85
95
|
});
|
|
86
96
|
var PublishPreviewButton = withT__default["default"](function (_ref4) {
|
|
87
97
|
var t = _ref4.t,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PublishBlock.js","sources":["../../src/components/PublishBlock/AlertBlock.jsx","../../src/components/PublishBlock/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { Alert } from \"neetoui\";\nimport { useTranslation } from \"react-i18next\";\n\nconst AlertBlock = props => {\n const { t } = useTranslation();\n\n return (\n <Alert\n data-cy=\"reset-alert\"\n data-testid=\"reset-alert\"\n submitButtonLabel={t(\"neetoMolecules.common.actions.reset\")}\n {...props}\n />\n );\n};\n\nexport default AlertBlock;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport withT from \"neetocommons/react-utils/withT\";\nimport { ExternalLink, Undo } from \"neetoicons\";\nimport { Button, Tooltip, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport AlertBlock from \"./AlertBlock\";\nimport \"./publish-block.scss\";\n\nconst ViewDraftButton = withT(({ t, ...props }) => (\n <Button\n data-cy=\"view-draft-button\"\n data-testid=\"view-draft-button\"\n icon={ExternalLink}\n style=\"secondary\"\n target=\"_blank\"\n tooltipProps={{\n content: t(\"neetoMolecules.publishBlock.viewDraftVersion\"),\n position: \"top\",\n }}\n {...props}\n />\n));\n\nconst ResetDraftButton = withT(({ t, ...props }) => (\n <Button\n data-cy=\"draft-button\"\n data-testid=\"draft-button\"\n icon={Undo}\n style=\"secondary\"\n tooltipProps={{\n content: t(\"neetoMolecules.publishBlock.deleteDraftVersion\"),\n position: \"top\",\n }}\n {...props}\n />\n));\n\nconst PublishButton = withT(({
|
|
1
|
+
{"version":3,"file":"PublishBlock.js","sources":["../../src/components/PublishBlock/AlertBlock.jsx","../../src/components/PublishBlock/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { Alert } from \"neetoui\";\nimport { useTranslation } from \"react-i18next\";\n\nconst AlertBlock = props => {\n const { t } = useTranslation();\n\n return (\n <Alert\n data-cy=\"reset-alert\"\n data-testid=\"reset-alert\"\n submitButtonLabel={t(\"neetoMolecules.common.actions.reset\")}\n {...props}\n />\n );\n};\n\nexport default AlertBlock;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport withT from \"neetocommons/react-utils/withT\";\nimport { ExternalLink, Undo } from \"neetoicons\";\nimport { Button, Tooltip, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport AlertBlock from \"./AlertBlock\";\nimport \"./publish-block.scss\";\n\nconst ViewDraftButton = withT(({ t, ...props }) => (\n <Button\n data-cy=\"view-draft-button\"\n data-testid=\"view-draft-button\"\n icon={ExternalLink}\n style=\"secondary\"\n target=\"_blank\"\n tooltipProps={{\n content: t(\"neetoMolecules.publishBlock.viewDraftVersion\"),\n position: \"top\",\n }}\n {...props}\n />\n));\n\nconst ResetDraftButton = withT(({ t, ...props }) => (\n <Button\n data-cy=\"draft-button\"\n data-testid=\"draft-button\"\n icon={Undo}\n style=\"secondary\"\n tooltipProps={{\n content: t(\"neetoMolecules.publishBlock.deleteDraftVersion\"),\n position: \"top\",\n }}\n {...props}\n />\n));\n\nconst PublishButton = withT(\n ({\n t,\n tooltipProps,\n showTooltipWhenDisabled = false,\n disabled = false,\n ...props\n }) => (\n <Tooltip\n {...tooltipProps}\n disabled={!tooltipProps || (!showTooltipWhenDisabled && disabled)}\n >\n <div>\n <Button\n data-cy=\"publish-button\"\n data-testid=\"publish-button\"\n label={t(\"neetoMolecules.common.actions.publish\")}\n {...{ disabled, ...props }}\n />\n </div>\n </Tooltip>\n )\n);\n\nconst PublishPreviewButton = withT(({ t, ...props }) => (\n <Button\n data-cy=\"publish-preview-button\"\n data-testid=\"publish-preview-button\"\n icon={ExternalLink}\n target=\"_blank\"\n className={classnames(\n { \"pointer-events-none\": props.disabled },\n props.className\n )}\n tooltipProps={{\n content: t(\"neetoMolecules.publishBlock.viewPublishedVersion\"),\n position: \"top\",\n }}\n {...props}\n />\n));\n\nconst PublishBlock = ({ renderDraftButtons, renderPublishButtons }) => {\n const { t } = useTranslation();\n\n const draftBlockButtons = renderDraftButtons({\n ViewDraftButton,\n ResetDraftButton,\n });\n\n return (\n <div\n className=\"neeto-molecules-publish-block\"\n data-cy=\"neeto-molecules-publish-block\"\n data-testid=\"neeto-molecules-publish-block\"\n >\n {draftBlockButtons && (\n <>\n <div className=\"flex items-center gap-2\">\n <Typography\n className=\"neeto-ui-text-gray-700\"\n data-cy=\"publish-block-draft-label\"\n lineHeight=\"normal\"\n style=\"body2\"\n >\n {t(\"neetoMolecules.common.actions.draft\")}\n </Typography>\n <div className=\"flex items-center gap-1\">{draftBlockButtons}</div>\n </div>\n <div className=\"neeto-ui-bg-gray-300 h-full w-px\" />\n </>\n )}\n <div className=\"neeto-molecules-publish-block__action-btn\">\n {renderPublishButtons({ PublishButton, PublishPreviewButton })}\n </div>\n </div>\n );\n};\n\nPublishBlock.Alert = AlertBlock;\n\nPublishBlock.propTypes = {\n /**\n * The function to render the draft buttons. It provides the `ViewDraftButton` and `ResetDraftButton` components as arguments.\n */\n renderDraftButtons: PropTypes.func,\n /**\n * The function to render the publish buttons. It provides the `PublishButton` and `PublishPreviewButton` components as arguments.\n */\n renderPublishButtons: PropTypes.func,\n};\nexport default PublishBlock;\n"],"names":["AlertBlock","props","_useTranslation","useTranslation","t","React","createElement","Alert","_extends","submitButtonLabel","ViewDraftButton","withT","_ref","_objectWithoutProperties","_excluded","Button","icon","ExternalLink","style","target","tooltipProps","content","position","ResetDraftButton","_ref2","_excluded2","Undo","PublishButton","_ref3","_ref3$showTooltipWhen","showTooltipWhenDisabled","_ref3$disabled","disabled","_excluded3","Tooltip","label","_objectSpread","PublishPreviewButton","_ref4","_excluded4","className","classnames","PublishBlock","_ref5","renderDraftButtons","renderPublishButtons","draftBlockButtons","Fragment","Typography","lineHeight"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bigbinary/neeto-molecules",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.5",
|
|
4
4
|
"description": "A package of reusable molecular components for neeto products.",
|
|
5
5
|
"repository": "git@github.com:bigbinary/neeto-molecules.git",
|
|
6
6
|
"author": "Amaljith K <amaljith.k@bigbinary.com>",
|
package/types/PublishBlock.d.ts
CHANGED
|
@@ -1,13 +1,15 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { AlertProps } from "@bigbinary/neetoui";
|
|
2
|
+
import { AlertProps, ButtonProps } from "@bigbinary/neetoui";
|
|
3
3
|
interface PublishBlockProps {
|
|
4
4
|
renderDraftButtons: (props: {
|
|
5
|
-
ViewDraftButton:
|
|
6
|
-
ResetDraftButton:
|
|
5
|
+
ViewDraftButton: React.FC<ButtonProps>;
|
|
6
|
+
ResetDraftButton: React.FC<ButtonProps>;
|
|
7
7
|
}) => React.ReactNode;
|
|
8
8
|
renderPublishButtons: (props: {
|
|
9
|
-
PublishButton:
|
|
10
|
-
|
|
9
|
+
PublishButton: React.FC<ButtonProps & {
|
|
10
|
+
showTooltipWhenDisabled?: boolean;
|
|
11
|
+
}>;
|
|
12
|
+
PublishPreviewButton: React.FC<ButtonProps>;
|
|
11
13
|
}) => React.ReactNode;
|
|
12
14
|
}
|
|
13
15
|
/**
|