@bigbinary/neeto-molecules 1.13.9 → 1.13.11
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/Breadcrumbs.js +4 -2
- package/dist/Breadcrumbs.js.map +1 -1
- package/dist/NavigationHeader.js +3 -2
- package/dist/NavigationHeader.js.map +1 -1
- package/dist/Rename.js +24 -10
- package/dist/Rename.js.map +1 -1
- package/dist/cjs/Breadcrumbs.js +5 -2
- package/dist/cjs/Breadcrumbs.js.map +1 -1
- package/dist/cjs/NavigationHeader.js +3 -2
- package/dist/cjs/NavigationHeader.js.map +1 -1
- package/dist/cjs/Rename.js +25 -12
- package/dist/cjs/Rename.js.map +1 -1
- package/package.json +1 -1
- package/types/Breadcrumbs.d.ts +1 -0
- package/types/Rename.d.ts +2 -0
package/dist/Breadcrumbs.js
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React__default from 'react';
|
|
2
|
+
import classnames from 'classnames';
|
|
2
3
|
import { Typography } from '@bigbinary/neetoui';
|
|
3
4
|
import { Link } from 'react-router-dom';
|
|
4
5
|
import { n } from './inject-css-c86de496.js';
|
|
@@ -9,9 +10,10 @@ n(css,{});
|
|
|
9
10
|
var Breadcrumbs = function Breadcrumbs(_ref) {
|
|
10
11
|
var breadcrumbs = _ref.breadcrumbs,
|
|
11
12
|
_ref$hasTrailingSepar = _ref.hasTrailingSeparator,
|
|
12
|
-
hasTrailingSeparator = _ref$hasTrailingSepar === void 0 ? false : _ref$hasTrailingSepar
|
|
13
|
+
hasTrailingSeparator = _ref$hasTrailingSepar === void 0 ? false : _ref$hasTrailingSepar,
|
|
14
|
+
className = _ref.className;
|
|
13
15
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
14
|
-
className: "neeto-molecules-breadcrumbs-wrap"
|
|
16
|
+
className: classnames("neeto-molecules-breadcrumbs-wrap", className)
|
|
15
17
|
}, breadcrumbs.map(function (_ref2, index) {
|
|
16
18
|
var text = _ref2.text,
|
|
17
19
|
_ref2$link = _ref2.link,
|
package/dist/Breadcrumbs.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Breadcrumbs.js","sources":["../src/components/Breadcrumbs/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { Link } from \"react-router-dom\";\n\nimport \"./breadcrumbs.scss\";\n\nconst Breadcrumbs = ({
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.js","sources":["../src/components/Breadcrumbs/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classNames from \"classnames\";\nimport { Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { Link } from \"react-router-dom\";\n\nimport \"./breadcrumbs.scss\";\n\nconst Breadcrumbs = ({\n breadcrumbs,\n hasTrailingSeparator = false,\n className,\n}) => (\n <div className={classNames(\"neeto-molecules-breadcrumbs-wrap\", className)}>\n {breadcrumbs.map(({ text, link = \"#\" }, index) => (\n <div\n className=\"neeto-molecules-breadcrumb\"\n data-cy=\"header-breadcrumb\"\n key={index}\n >\n <Link to={link}>\n <Typography\n className=\"neeto-ui-text-gray-700 hover:neeto-ui-text-gray-800 neeto-molecules-breadcrumb-link\"\n component=\"span\"\n data-cy={text}\n data-test-id={text}\n style=\"body2\"\n weight=\"normal\"\n >\n {text}\n </Typography>\n </Link>\n {(index + 1 !== breadcrumbs.length || hasTrailingSeparator) && (\n <span className=\"neeto-molecules-breadcrumb-separator neeto-ui-text-black\">\n /\n </span>\n )}\n </div>\n ))}\n </div>\n);\n\nBreadcrumbs.propTypes = {\n /**\n * To show breadcrumbs. `text` accepts a text string to be shown as the breadcrumb and `link` accepts relative URL path for the breadcrumb.\n */\n breadcrumbs: PropTypes.arrayOf(\n PropTypes.shape({\n text: PropTypes.string,\n link: PropTypes.string,\n })\n ),\n};\n\nexport default Breadcrumbs;\n"],"names":["Breadcrumbs","_ref","breadcrumbs","_ref$hasTrailingSepar","hasTrailingSeparator","className","React","createElement","classNames","map","_ref2","index","text","_ref2$link","link","key","Link","to","Typography","component","style","weight","length"],"mappings":";;;;;;;;;AASA,IAAMA,WAAW,GAAG,SAAdA,WAAWA,CAAAC,IAAA,EAAA;AAAA,EAAA,IACfC,WAAW,GAAAD,IAAA,CAAXC,WAAW;IAAAC,qBAAA,GAAAF,IAAA,CACXG,oBAAoB;AAApBA,IAAAA,oBAAoB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,qBAAA;IAC5BE,SAAS,GAAAJ,IAAA,CAATI,SAAS,CAAA;EAAA,oBAETC,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKF,IAAAA,SAAS,EAAEG,UAAU,CAAC,kCAAkC,EAAEH,SAAS,CAAA;AAAE,GAAA,EACvEH,WAAW,CAACO,GAAG,CAAC,UAAAC,KAAA,EAAuBC,KAAK,EAAA;AAAA,IAAA,IAAzBC,IAAI,GAAAF,KAAA,CAAJE,IAAI;MAAAC,UAAA,GAAAH,KAAA,CAAEI,IAAI;AAAJA,MAAAA,IAAI,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,GAAG,GAAAA,UAAA,CAAA;IAAA,oBAClCP,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEF,MAAAA,SAAS,EAAC,4BAA4B;AACtC,MAAA,SAAA,EAAQ,mBAAmB;AAC3BU,MAAAA,GAAG,EAAEJ,KAAAA;AAAM,KAAA,eAEXL,cAAA,CAAAC,aAAA,CAACS,IAAI,EAAA;AAACC,MAAAA,EAAE,EAAEH,IAAAA;AAAK,KAAA,eACbR,cAAA,CAAAC,aAAA,CAACW,UAAU,EAAA;AACTb,MAAAA,SAAS,EAAC,qFAAqF;AAC/Fc,MAAAA,SAAS,EAAC,MAAM;AAChB,MAAA,SAAA,EAASP,IAAK;AACd,MAAA,cAAA,EAAcA,IAAK;AACnBQ,MAAAA,KAAK,EAAC,OAAO;AACbC,MAAAA,MAAM,EAAC,QAAA;AAAQ,KAAA,EAEdT,IACS,CACR,CAAC,EACN,CAACD,KAAK,GAAG,CAAC,KAAKT,WAAW,CAACoB,MAAM,IAAIlB,oBAAoB,kBACxDE,cAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMF,MAAAA,SAAS,EAAC,0DAAA;KAA2D,EAAA,GAErE,CAEL,CAAC,CAAA;AAAA,GACP,CACE,CAAC,CAAA;AAAA;;;;"}
|
package/dist/NavigationHeader.js
CHANGED
|
@@ -18,10 +18,11 @@ import '@bigbinary/neeto-commons-frontend/react-utils/useStateWithDependency';
|
|
|
18
18
|
import './Breadcrumbs.js';
|
|
19
19
|
import '@bigbinary/neeto-hotkeys';
|
|
20
20
|
import './toConsumableArray-1cc38429.js';
|
|
21
|
-
import '
|
|
21
|
+
import './defineProperty-549061a7.js';
|
|
22
|
+
import '@bigbinary/neeto-commons-frontend/react-utils';
|
|
22
23
|
import './MoreDropdown.js';
|
|
23
24
|
import './objectWithoutProperties-a0edb288.js';
|
|
24
|
-
import '
|
|
25
|
+
import '@bigbinary/neeto-commons-frontend/react-utils/withT';
|
|
25
26
|
|
|
26
27
|
var DEFAULT_HOME_BUTTON_PROPS = {
|
|
27
28
|
tooltip: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavigationHeader.js","sources":["../src/components/NavigationHeader/constants.jsx","../src/components/NavigationHeader/LeftBlock.jsx","../src/components/NavigationHeader/Navigation.jsx","../src/components/NavigationHeader/RightBlock.jsx","../src/components/NavigationHeader/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { t } from \"i18next\";\nimport { Home } from \"neetoicons\";\n\nexport const DEFAULT_HOME_BUTTON_PROPS = {\n tooltip: {\n content: t(\"neetoMolecules.navigationHeader.home\"),\n position: \"bottom\",\n },\n homeUrl: \"/\",\n icon: <Home />,\n};\n","import React from \"react\";\n\nimport { isPresent } from \"neetocist\";\nimport { Tooltip } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { mergeDeepRight } from \"ramda\";\nimport { Link } from \"react-router-dom\";\n\nimport Rename from \"components/Rename\";\n\nimport { DEFAULT_HOME_BUTTON_PROPS } from \"./constants\";\n\nconst LeftBlock = ({\n homeButtonProps: customHomeButtonProps,\n homeUrl,\n renameProps,\n children,\n}) => {\n const homeButtonProps = mergeDeepRight(\n DEFAULT_HOME_BUTTON_PROPS,\n customHomeButtonProps\n );\n\n return (\n <div\n className=\"flex items-center gap-1 md:gap-2\"\n data-cy=\"navigation-header-left-block\"\n data-testid=\"navigation-header-left-block\"\n >\n <Tooltip\n content={homeButtonProps.tooltip.content}\n position={homeButtonProps.tooltip.position}\n >\n <Link data-cy=\"home-button\" data-testid=\"home-button\" to={homeUrl}>\n <div className=\"neeto-ui-rounded hover:neeto-ui-bg-gray-200 p-1\">\n {homeButtonProps.icon}\n </div>\n </Link>\n </Tooltip>\n {isPresent(renameProps) && (\n <Rename\n dropdownItems={renameProps.dropdownItems}\n value={renameProps.value}\n {...renameProps}\n />\n )}\n {children}\n </div>\n );\n};\n\nLeftBlock.propTypes = {\n /**\n * Object containing the home button icon and the props to be passed to the tooltip of the home button.\n */\n homeButtonProps: PropTypes.shape({\n tooltip: PropTypes.shape({\n content: PropTypes.string,\n postition: PropTypes.string,\n }),\n icon: PropTypes.node,\n }),\n /**\n * URL to navigate when the home button is clicked.\n */\n homeUrl: PropTypes.string.isRequired,\n /**\n * Props to be passed to the `Rename` component. Please check the `Rename` component props for more details\n */\n renameProps: PropTypes.object,\n /**\n * To render extra content in the block.\n */\n children: PropTypes.node,\n};\n\nexport default LeftBlock;\n","import React from \"react\";\n\nimport { joinHyphenCase } from \"neetocommons/utils/general\";\nimport { Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { NavLink } from \"react-router-dom\";\n\nconst NavigationLinks = ({ headerLinks }) => (\n <div\n className=\"flex w-full items-center justify-center gap-2 md:gap-3 lg:gap-6\"\n data-cy=\"navigation-header-navigation-links\"\n data-testid=\"navigation-header-navigation-links\"\n >\n {headerLinks.map(headerLink => (\n <NavLink\n activeClassName=\"active\"\n className=\"neeto-molecules-navigation-header__link capitalize no-underline\"\n data-cy={`${joinHyphenCase(headerLink.key)}-tab`}\n key={headerLink.key}\n {...headerLink}\n >\n <Typography lineHeight=\"normal\" style=\"h4\" weight=\"semibold\">\n {headerLink.label}\n </Typography>\n </NavLink>\n ))}\n </div>\n);\n\nNavigationLinks.propTypes = {\n /**\n * Links to be rendered in the center of the navigation header. It is an array of objects.\n * Each object should have the properties `key`, `to` and `label`. Other props will be passed on to the `Navlink` component from\n `react-router-dom`.\n */\n headerLinks: PropTypes.arrayOf(\n PropTypes.shape({\n key: PropTypes.string,\n to: PropTypes.string,\n label: PropTypes.string,\n })\n ),\n};\n\nexport default NavigationLinks;\n","import React from \"react\";\n\nimport classNames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport PublishBlock from \"components/PublishBlock\";\n\nimport \"./navigation-header.scss\";\n\nconst RightBlock = ({\n isDraftBlockHidden,\n previewDraftUrl,\n isResetDraftButtonVisible,\n onResetClick,\n isResetting,\n isPublishDisabled,\n isPublishing,\n handlePublish,\n isPublishPreviewDisabled,\n previewPublishedUrl,\n isPublishButtonVisible,\n isResetAlertOpen,\n setIsResetAlertOpen,\n handleReset,\n publishAlertTitle,\n publishAlertDescription,\n publishButtonProps = {},\n}) => {\n const { t } = useTranslation();\n\n const renderDraftButtons = ({ ViewDraftButton, ResetDraftButton }) =>\n !isDraftBlockHidden && (\n <>\n <ViewDraftButton to={previewDraftUrl} />\n {isResetDraftButtonVisible && (\n <ResetDraftButton\n loading={isResetting}\n onClick={() => onResetClick()}\n />\n )}\n </>\n );\n\n const renderPublishButtons = ({ PublishButton, PublishPreviewButton }) => (\n <>\n {isPublishButtonVisible && (\n <PublishButton\n disabled={isPublishDisabled}\n loading={isPublishing}\n onClick={() => handlePublish()}\n {...publishButtonProps}\n />\n )}\n <PublishPreviewButton\n disabled={isPublishPreviewDisabled}\n to={previewPublishedUrl}\n className={classNames({\n \"standalone-publish-preview-button\": !isPublishButtonVisible,\n })}\n />\n </>\n );\n\n return (\n <>\n <PublishBlock {...{ renderDraftButtons, renderPublishButtons }} />\n <PublishBlock.Alert\n isOpen={isResetAlertOpen}\n isSubmitting={isResetting}\n message={\n publishAlertDescription ||\n t(\"neetoMolecules.navigationHeader.resetDescription\")\n }\n title={\n publishAlertTitle || t(\"neetoMolecules.navigationHeader.resetTitle\")\n }\n onClose={() => setIsResetAlertOpen(false)}\n onSubmit={handleReset}\n />\n </>\n );\n};\n\nRightBlock.propTypes = {\n /**\n * To show/hide the draft block.\n */\n isDraftBlockHidden: PropTypes.bool,\n /**\n * Draft preview URL, when the draft button is clicked user will be redirected to this URL.\n */\n previewDraftUrl: PropTypes.string,\n /**\n * Boolean to control the visibility of reset draft button.\n */\n isResetDraftButtonVisible: PropTypes.bool,\n /**\n * Callback function that will be called when the reset button is clicked.\n */\n onResetClick: PropTypes.func,\n /**\n * Setting this to `true` will show a spinner on the reset button. Use when the reset process is in progress.\n */\n isResetting: PropTypes.bool,\n /**\n * To disable the publish button.\n */\n isPublishDisabled: PropTypes.bool,\n /**\n * Setting this to `true` will show a spinner on the publish button. Use when the publish process is in progress.\n */\n isPublishing: PropTypes.bool,\n /**\n * Callback function that will be called when the publish button is clicked.\n */\n handlePublish: PropTypes.func,\n /**\n * To disable the publish preview button.\n */\n isPublishPreviewDisabled: PropTypes.bool,\n /**\n * Publish preview URL, when the preview publish button is clicked user will be redirected to this URL.\n */\n previewPublishedUrl: PropTypes.string,\n /**\n * Boolean to control whether the user have the ability to publish.\n */\n isPublishButtonVisible: PropTypes.bool,\n /**\n * Boolean to control whether the reset alert is open.\n */\n isResetAlertOpen: PropTypes.bool,\n /**\n * Handler to control the `isResetAlert` state variable.\n */\n setIsResetAlertOpen: PropTypes.func,\n /**\n * Callback function that will be called when the reset button is clicked.\n */\n handleReset: PropTypes.func,\n /**\n * Description to be shown in the publish alert\n */\n publishAlertDescription: PropTypes.string,\n /**\n * Title of the publish alert\n */\n publishAlertTitle: PropTypes.string,\n /**\n * Props to be passed to the publish button\n */\n publishButtonProps: PropTypes.object,\n};\n\nexport default RightBlock;\n","import React from \"react\";\n\nimport { isPresent } from \"neetocist\";\nimport PropTypes from \"prop-types\";\nimport { filter, length } from \"ramda\";\n\nimport LeftBlock from \"./LeftBlock\";\nimport NavigationLinks from \"./Navigation\";\nimport RightBlock from \"./RightBlock\";\n\nconst NavigationHeader = ({\n leftActionBlock,\n navigationLinks,\n rightActionBlock,\n}) => {\n const numberOfChildren = length(\n filter(isPresent, [leftActionBlock, navigationLinks, rightActionBlock])\n );\n\n return (\n <div\n className=\"neeto-molecules-navigation-header neeto-ui-border-gray-200 neeto-ui-bg-white flex h-16 w-full flex-shrink-0 items-center overflow-x-auto border-b px-2 py-2 md:px-4 lg:px-6\"\n data-cy=\"navigation-header\"\n data-testid=\"navigation-header\"\n >\n <div\n className=\"grid w-full gap-4\"\n style={{ gridTemplateColumns: `repeat(${numberOfChildren}, 1fr)` }}\n >\n {leftActionBlock}\n {navigationLinks}\n {rightActionBlock}\n </div>\n </div>\n );\n};\n\nNavigationHeader.LeftActionBlock = LeftBlock;\nNavigationHeader.NavigationLinks = NavigationLinks;\nNavigationHeader.RightActionBlock = RightBlock;\n\nNavigationHeader.propTypes = {\n /**\n * To specify the content to be rendered in the left side of the `NavigationHeader`.\n */\n leftActionBlock: PropTypes.node,\n /**\n * To specify the content to be rendered at the center of the `NavigationHeader`.\n */\n navigationLinks: PropTypes.node,\n /**\n * To specify the content to be rendered in the right side of the `NavigationHeader`.\n */\n rightActionBlock: PropTypes.node,\n};\n\nexport default NavigationHeader;\n"],"names":["DEFAULT_HOME_BUTTON_PROPS","tooltip","content","t","position","homeUrl","icon","React","createElement","Home","LeftBlock","_ref","customHomeButtonProps","homeButtonProps","renameProps","children","mergeDeepRight","className","Tooltip","Link","to","isPresent","Rename","_extends","dropdownItems","value","NavigationLinks","headerLinks","map","headerLink","NavLink","activeClassName","concat","joinHyphenCase","key","Typography","lineHeight","style","weight","label","RightBlock","isDraftBlockHidden","previewDraftUrl","isResetDraftButtonVisible","onResetClick","isResetting","isPublishDisabled","isPublishing","handlePublish","isPublishPreviewDisabled","previewPublishedUrl","isPublishButtonVisible","isResetAlertOpen","setIsResetAlertOpen","handleReset","publishAlertTitle","publishAlertDescription","_ref$publishButtonPro","publishButtonProps","_useTranslation","useTranslation","renderDraftButtons","_ref2","ViewDraftButton","ResetDraftButton","Fragment","loading","onClick","renderPublishButtons","_ref3","PublishButton","PublishPreviewButton","disabled","classNames","PublishBlock","Alert","isOpen","isSubmitting","message","title","onClose","onSubmit","NavigationHeader","leftActionBlock","navigationLinks","rightActionBlock","numberOfChildren","length","filter","gridTemplateColumns","LeftActionBlock","RightActionBlock"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"NavigationHeader.js","sources":["../src/components/NavigationHeader/constants.jsx","../src/components/NavigationHeader/LeftBlock.jsx","../src/components/NavigationHeader/Navigation.jsx","../src/components/NavigationHeader/RightBlock.jsx","../src/components/NavigationHeader/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { t } from \"i18next\";\nimport { Home } from \"neetoicons\";\n\nexport const DEFAULT_HOME_BUTTON_PROPS = {\n tooltip: {\n content: t(\"neetoMolecules.navigationHeader.home\"),\n position: \"bottom\",\n },\n homeUrl: \"/\",\n icon: <Home />,\n};\n","import React from \"react\";\n\nimport { isPresent } from \"neetocist\";\nimport { Tooltip } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { mergeDeepRight } from \"ramda\";\nimport { Link } from \"react-router-dom\";\n\nimport Rename from \"components/Rename\";\n\nimport { DEFAULT_HOME_BUTTON_PROPS } from \"./constants\";\n\nconst LeftBlock = ({\n homeButtonProps: customHomeButtonProps,\n homeUrl,\n renameProps,\n children,\n}) => {\n const homeButtonProps = mergeDeepRight(\n DEFAULT_HOME_BUTTON_PROPS,\n customHomeButtonProps\n );\n\n return (\n <div\n className=\"flex items-center gap-1 md:gap-2\"\n data-cy=\"navigation-header-left-block\"\n data-testid=\"navigation-header-left-block\"\n >\n <Tooltip\n content={homeButtonProps.tooltip.content}\n position={homeButtonProps.tooltip.position}\n >\n <Link data-cy=\"home-button\" data-testid=\"home-button\" to={homeUrl}>\n <div className=\"neeto-ui-rounded hover:neeto-ui-bg-gray-200 p-1\">\n {homeButtonProps.icon}\n </div>\n </Link>\n </Tooltip>\n {isPresent(renameProps) && (\n <Rename\n dropdownItems={renameProps.dropdownItems}\n value={renameProps.value}\n {...renameProps}\n />\n )}\n {children}\n </div>\n );\n};\n\nLeftBlock.propTypes = {\n /**\n * Object containing the home button icon and the props to be passed to the tooltip of the home button.\n */\n homeButtonProps: PropTypes.shape({\n tooltip: PropTypes.shape({\n content: PropTypes.string,\n postition: PropTypes.string,\n }),\n icon: PropTypes.node,\n }),\n /**\n * URL to navigate when the home button is clicked.\n */\n homeUrl: PropTypes.string.isRequired,\n /**\n * Props to be passed to the `Rename` component. Please check the `Rename` component props for more details\n */\n renameProps: PropTypes.object,\n /**\n * To render extra content in the block.\n */\n children: PropTypes.node,\n};\n\nexport default LeftBlock;\n","import React from \"react\";\n\nimport { joinHyphenCase } from \"neetocommons/utils/general\";\nimport { Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { NavLink } from \"react-router-dom\";\n\nconst NavigationLinks = ({ headerLinks }) => (\n <div\n className=\"flex w-full items-center justify-center gap-2 md:gap-3 lg:gap-6\"\n data-cy=\"navigation-header-navigation-links\"\n data-testid=\"navigation-header-navigation-links\"\n >\n {headerLinks.map(headerLink => (\n <NavLink\n activeClassName=\"active\"\n className=\"neeto-molecules-navigation-header__link capitalize no-underline\"\n data-cy={`${joinHyphenCase(headerLink.key)}-tab`}\n key={headerLink.key}\n {...headerLink}\n >\n <Typography lineHeight=\"normal\" style=\"h4\" weight=\"semibold\">\n {headerLink.label}\n </Typography>\n </NavLink>\n ))}\n </div>\n);\n\nNavigationLinks.propTypes = {\n /**\n * Links to be rendered in the center of the navigation header. It is an array of objects.\n * Each object should have the properties `key`, `to` and `label`. Other props will be passed on to the `Navlink` component from\n `react-router-dom`.\n */\n headerLinks: PropTypes.arrayOf(\n PropTypes.shape({\n key: PropTypes.string,\n to: PropTypes.string,\n label: PropTypes.string,\n })\n ),\n};\n\nexport default NavigationLinks;\n","import React from \"react\";\n\nimport classNames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport PublishBlock from \"components/PublishBlock\";\n\nimport \"./navigation-header.scss\";\n\nconst RightBlock = ({\n isDraftBlockHidden,\n previewDraftUrl,\n isResetDraftButtonVisible,\n onResetClick,\n isResetting,\n isPublishDisabled,\n isPublishing,\n handlePublish,\n isPublishPreviewDisabled,\n previewPublishedUrl,\n isPublishButtonVisible,\n isResetAlertOpen,\n setIsResetAlertOpen,\n handleReset,\n publishAlertTitle,\n publishAlertDescription,\n publishButtonProps = {},\n}) => {\n const { t } = useTranslation();\n\n const renderDraftButtons = ({ ViewDraftButton, ResetDraftButton }) =>\n !isDraftBlockHidden && (\n <>\n <ViewDraftButton to={previewDraftUrl} />\n {isResetDraftButtonVisible && (\n <ResetDraftButton\n loading={isResetting}\n onClick={() => onResetClick()}\n />\n )}\n </>\n );\n\n const renderPublishButtons = ({ PublishButton, PublishPreviewButton }) => (\n <>\n {isPublishButtonVisible && (\n <PublishButton\n disabled={isPublishDisabled}\n loading={isPublishing}\n onClick={() => handlePublish()}\n {...publishButtonProps}\n />\n )}\n <PublishPreviewButton\n disabled={isPublishPreviewDisabled}\n to={previewPublishedUrl}\n className={classNames({\n \"standalone-publish-preview-button\": !isPublishButtonVisible,\n })}\n />\n </>\n );\n\n return (\n <>\n <PublishBlock {...{ renderDraftButtons, renderPublishButtons }} />\n <PublishBlock.Alert\n isOpen={isResetAlertOpen}\n isSubmitting={isResetting}\n message={\n publishAlertDescription ||\n t(\"neetoMolecules.navigationHeader.resetDescription\")\n }\n title={\n publishAlertTitle || t(\"neetoMolecules.navigationHeader.resetTitle\")\n }\n onClose={() => setIsResetAlertOpen(false)}\n onSubmit={handleReset}\n />\n </>\n );\n};\n\nRightBlock.propTypes = {\n /**\n * To show/hide the draft block.\n */\n isDraftBlockHidden: PropTypes.bool,\n /**\n * Draft preview URL, when the draft button is clicked user will be redirected to this URL.\n */\n previewDraftUrl: PropTypes.string,\n /**\n * Boolean to control the visibility of reset draft button.\n */\n isResetDraftButtonVisible: PropTypes.bool,\n /**\n * Callback function that will be called when the reset button is clicked.\n */\n onResetClick: PropTypes.func,\n /**\n * Setting this to `true` will show a spinner on the reset button. Use when the reset process is in progress.\n */\n isResetting: PropTypes.bool,\n /**\n * To disable the publish button.\n */\n isPublishDisabled: PropTypes.bool,\n /**\n * Setting this to `true` will show a spinner on the publish button. Use when the publish process is in progress.\n */\n isPublishing: PropTypes.bool,\n /**\n * Callback function that will be called when the publish button is clicked.\n */\n handlePublish: PropTypes.func,\n /**\n * To disable the publish preview button.\n */\n isPublishPreviewDisabled: PropTypes.bool,\n /**\n * Publish preview URL, when the preview publish button is clicked user will be redirected to this URL.\n */\n previewPublishedUrl: PropTypes.string,\n /**\n * Boolean to control whether the user have the ability to publish.\n */\n isPublishButtonVisible: PropTypes.bool,\n /**\n * Boolean to control whether the reset alert is open.\n */\n isResetAlertOpen: PropTypes.bool,\n /**\n * Handler to control the `isResetAlert` state variable.\n */\n setIsResetAlertOpen: PropTypes.func,\n /**\n * Callback function that will be called when the reset button is clicked.\n */\n handleReset: PropTypes.func,\n /**\n * Description to be shown in the publish alert\n */\n publishAlertDescription: PropTypes.string,\n /**\n * Title of the publish alert\n */\n publishAlertTitle: PropTypes.string,\n /**\n * Props to be passed to the publish button\n */\n publishButtonProps: PropTypes.object,\n};\n\nexport default RightBlock;\n","import React from \"react\";\n\nimport { isPresent } from \"neetocist\";\nimport PropTypes from \"prop-types\";\nimport { filter, length } from \"ramda\";\n\nimport LeftBlock from \"./LeftBlock\";\nimport NavigationLinks from \"./Navigation\";\nimport RightBlock from \"./RightBlock\";\n\nconst NavigationHeader = ({\n leftActionBlock,\n navigationLinks,\n rightActionBlock,\n}) => {\n const numberOfChildren = length(\n filter(isPresent, [leftActionBlock, navigationLinks, rightActionBlock])\n );\n\n return (\n <div\n className=\"neeto-molecules-navigation-header neeto-ui-border-gray-200 neeto-ui-bg-white flex h-16 w-full flex-shrink-0 items-center overflow-x-auto border-b px-2 py-2 md:px-4 lg:px-6\"\n data-cy=\"navigation-header\"\n data-testid=\"navigation-header\"\n >\n <div\n className=\"grid w-full gap-4\"\n style={{ gridTemplateColumns: `repeat(${numberOfChildren}, 1fr)` }}\n >\n {leftActionBlock}\n {navigationLinks}\n {rightActionBlock}\n </div>\n </div>\n );\n};\n\nNavigationHeader.LeftActionBlock = LeftBlock;\nNavigationHeader.NavigationLinks = NavigationLinks;\nNavigationHeader.RightActionBlock = RightBlock;\n\nNavigationHeader.propTypes = {\n /**\n * To specify the content to be rendered in the left side of the `NavigationHeader`.\n */\n leftActionBlock: PropTypes.node,\n /**\n * To specify the content to be rendered at the center of the `NavigationHeader`.\n */\n navigationLinks: PropTypes.node,\n /**\n * To specify the content to be rendered in the right side of the `NavigationHeader`.\n */\n rightActionBlock: PropTypes.node,\n};\n\nexport default NavigationHeader;\n"],"names":["DEFAULT_HOME_BUTTON_PROPS","tooltip","content","t","position","homeUrl","icon","React","createElement","Home","LeftBlock","_ref","customHomeButtonProps","homeButtonProps","renameProps","children","mergeDeepRight","className","Tooltip","Link","to","isPresent","Rename","_extends","dropdownItems","value","NavigationLinks","headerLinks","map","headerLink","NavLink","activeClassName","concat","joinHyphenCase","key","Typography","lineHeight","style","weight","label","RightBlock","isDraftBlockHidden","previewDraftUrl","isResetDraftButtonVisible","onResetClick","isResetting","isPublishDisabled","isPublishing","handlePublish","isPublishPreviewDisabled","previewPublishedUrl","isPublishButtonVisible","isResetAlertOpen","setIsResetAlertOpen","handleReset","publishAlertTitle","publishAlertDescription","_ref$publishButtonPro","publishButtonProps","_useTranslation","useTranslation","renderDraftButtons","_ref2","ViewDraftButton","ResetDraftButton","Fragment","loading","onClick","renderPublishButtons","_ref3","PublishButton","PublishPreviewButton","disabled","classNames","PublishBlock","Alert","isOpen","isSubmitting","message","title","onClose","onSubmit","NavigationHeader","leftActionBlock","navigationLinks","rightActionBlock","numberOfChildren","length","filter","gridTemplateColumns","LeftActionBlock","RightActionBlock"],"mappings":"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"}
|
package/dist/Rename.js
CHANGED
|
@@ -13,11 +13,11 @@ import { Check, Close } from '@bigbinary/neeto-icons';
|
|
|
13
13
|
import { Input, Button, Typography } from '@bigbinary/neetoui';
|
|
14
14
|
import { n } from './inject-css-c86de496.js';
|
|
15
15
|
import { _ as _toConsumableArray } from './toConsumableArray-1cc38429.js';
|
|
16
|
-
import
|
|
16
|
+
import { _ as _defineProperty } from './defineProperty-549061a7.js';
|
|
17
|
+
import { withT } from '@bigbinary/neeto-commons-frontend/react-utils';
|
|
17
18
|
import MoreDropdown from './MoreDropdown.js';
|
|
18
19
|
import 'react-router-dom';
|
|
19
20
|
import './objectWithoutProperties-a0edb288.js';
|
|
20
|
-
import './defineProperty-549061a7.js';
|
|
21
21
|
import 'react-i18next';
|
|
22
22
|
|
|
23
23
|
var mergeRefs = function mergeRefs() {
|
|
@@ -100,6 +100,8 @@ var Editor = function Editor(_ref) {
|
|
|
100
100
|
var css = ":root{--neeto-molecules-rename-font-size:var(--neeto-ui-text-sm);--neeto-molecules-rename-font-weight:400;--neeto-molecules-rename-letter-spacing:0;--neeto-molecules-rename-line-height:1.2;--neeto-molecules-rename-min-width:120px}.neeto-molecules-rename-common-styles,.neeto-molecules-rename__input .neeto-ui-input input,.neeto-molecules-rename__input-width-maker,.neeto-molecules-rename__text{font-size:var(--neeto-ui-text-sm)!important;font-size:var(--neeto-molecules-rename-font-size)!important;font-weight:400;font-weight:var(--neeto-molecules-rename-font-weight);letter-spacing:0;letter-spacing:var(--neeto-molecules-rename-letter-spacing);line-height:1.2;line-height:var(--neeto-molecules-rename-line-height);margin:0}.neeto-molecules-rename__input{height:100%;margin:0;max-width:100%;min-width:0;position:relative;transition:width .2s ease-in-out;width:100%}.neeto-molecules-rename__input .neeto-ui-input{height:100%}.neeto-molecules-rename__input .neeto-ui-input .neeto-ui-input__suffix{margin-right:0!important}.neeto-molecules-rename__input .neeto-ui-input input{min-width:0}.neeto-molecules-rename__text{background-color:rgb(var(--neeto-ui-white));border:thin solid rgb(var(--neeto-ui-white));border-radius:var(--neeto-ui-rounded);cursor:pointer;max-width:448px;padding:8px;transition:var(--neeto-ui-transition)}.neeto-molecules-rename__display-text{color:rgb(var(--neeto-ui-gray-800))}.neeto-molecules-rename__display-text:hover{border:thin solid rgb(var(--neeto-ui-gray-300))}.neeto-molecules-rename__input-width-maker{background-color:rgb(var(--neeto-ui-white));border:thin solid rgb(var(--neeto-ui-white));border-radius:var(--neeto-ui-rounded);cursor:pointer;display:inline-flex;margin-right:68px;max-width:100%;min-width:120px;overflow:hidden;padding:8px;position:relative;transition:var(--neeto-ui-transition);visibility:hidden;white-space:nowrap}";
|
|
101
101
|
n(css,{});
|
|
102
102
|
|
|
103
|
+
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; }
|
|
104
|
+
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; }
|
|
103
105
|
var RenameMenu = withT(function (_ref) {
|
|
104
106
|
var t = _ref.t,
|
|
105
107
|
handleRenameClick = _ref.handleRenameClick,
|
|
@@ -108,12 +110,14 @@ var RenameMenu = withT(function (_ref) {
|
|
|
108
110
|
onArchiveStatusToggle = _ref.onArchiveStatusToggle,
|
|
109
111
|
onClone = _ref.onClone,
|
|
110
112
|
onDelete = _ref.onDelete,
|
|
111
|
-
isArchived = _ref.isArchived
|
|
113
|
+
isArchived = _ref.isArchived,
|
|
114
|
+
dropdownButtonProps = _ref.dropdownButtonProps,
|
|
115
|
+
dropdownProps = _ref.dropdownProps;
|
|
112
116
|
return /*#__PURE__*/React__default.createElement(MoreDropdown, {
|
|
113
|
-
dropdownButtonProps: {
|
|
117
|
+
dropdownButtonProps: _objectSpread({
|
|
114
118
|
"data-testid": "neeto-molecules-menu-button"
|
|
115
|
-
},
|
|
116
|
-
dropdownProps: {
|
|
119
|
+
}, dropdownButtonProps),
|
|
120
|
+
dropdownProps: _objectSpread({
|
|
117
121
|
position: "bottom-start",
|
|
118
122
|
onClick: function onClick(event) {
|
|
119
123
|
return event.stopPropagation();
|
|
@@ -122,7 +126,7 @@ var RenameMenu = withT(function (_ref) {
|
|
|
122
126
|
appendTo: function appendTo() {
|
|
123
127
|
return document.body;
|
|
124
128
|
}
|
|
125
|
-
},
|
|
129
|
+
}, dropdownProps),
|
|
126
130
|
menuItems: [{
|
|
127
131
|
"data-cy": "form-rename-button",
|
|
128
132
|
onClick: handleRenameClick,
|
|
@@ -162,7 +166,9 @@ var ViewName = function ViewName(_ref) {
|
|
|
162
166
|
onClone = _ref.onClone,
|
|
163
167
|
onDelete = _ref.onDelete,
|
|
164
168
|
name = _ref.name,
|
|
165
|
-
isArchived = _ref.isArchived
|
|
169
|
+
isArchived = _ref.isArchived,
|
|
170
|
+
dropdownButtonProps = _ref.dropdownButtonProps,
|
|
171
|
+
dropdownProps = _ref.dropdownProps;
|
|
166
172
|
var isDefaultMenuCallbacksPresent = isPresent(onArchiveStatusToggle) || isPresent(onDelete) || isPresent(onClone);
|
|
167
173
|
var isMenuVisible = !hideMenu && (isNotEmpty(dropdownItems) || !disabled || isDefaultMenuCallbacksPresent);
|
|
168
174
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Typography, _extends({
|
|
@@ -177,7 +183,9 @@ var ViewName = function ViewName(_ref) {
|
|
|
177
183
|
onClick: handleRenameClick
|
|
178
184
|
}, textProps), typeof formatText === "function" ? formatText(name) : name), isMenuVisible && /*#__PURE__*/React__default.createElement(RenameMenu, {
|
|
179
185
|
disabled: disabled,
|
|
186
|
+
dropdownButtonProps: dropdownButtonProps,
|
|
180
187
|
dropdownItems: dropdownItems,
|
|
188
|
+
dropdownProps: dropdownProps,
|
|
181
189
|
handleRenameClick: handleRenameClick,
|
|
182
190
|
isArchived: isArchived,
|
|
183
191
|
onArchiveStatusToggle: onArchiveStatusToggle,
|
|
@@ -221,7 +229,11 @@ var Rename = function Rename(_ref) {
|
|
|
221
229
|
allowEmptySubmission = _ref$allowEmptySubmis === void 0 ? false : _ref$allowEmptySubmis,
|
|
222
230
|
_ref$defaultName = _ref.defaultName,
|
|
223
231
|
defaultName = _ref$defaultName === void 0 ? "" : _ref$defaultName,
|
|
224
|
-
formatText = _ref.formatText
|
|
232
|
+
formatText = _ref.formatText,
|
|
233
|
+
_ref$dropdownButtonPr = _ref.dropdownButtonProps,
|
|
234
|
+
dropdownButtonProps = _ref$dropdownButtonPr === void 0 ? {} : _ref$dropdownButtonPr,
|
|
235
|
+
_ref$dropdownProps = _ref.dropdownProps,
|
|
236
|
+
dropdownProps = _ref$dropdownProps === void 0 ? {} : _ref$dropdownProps;
|
|
225
237
|
var _useStateWithDependen = useStateWithDependency(value !== null && value !== void 0 ? value : ""),
|
|
226
238
|
_useStateWithDependen2 = _slicedToArray(_useStateWithDependen, 2),
|
|
227
239
|
name = _useStateWithDependen2[0],
|
|
@@ -274,7 +286,9 @@ var Rename = function Rename(_ref) {
|
|
|
274
286
|
onArchiveStatusToggle: onArchiveStatusToggle,
|
|
275
287
|
onClone: onClone,
|
|
276
288
|
onDelete: onDelete,
|
|
277
|
-
textProps: textProps
|
|
289
|
+
textProps: textProps,
|
|
290
|
+
dropdownButtonProps: dropdownButtonProps,
|
|
291
|
+
dropdownProps: dropdownProps
|
|
278
292
|
};
|
|
279
293
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
280
294
|
ref: renameRef,
|
package/dist/Rename.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Rename.js","sources":["../src/components/Rename/utils.js","../src/components/Rename/EditName.jsx","../src/components/Rename/RenameMenu.jsx","../src/components/Rename/ViewName.jsx","../src/components/Rename/index.jsx"],"sourcesContent":["export const mergeRefs =\n (...refs) =>\n node =>\n refs.forEach(ref =>\n typeof ref === \"function\" ? ref(node) : (ref.current = node)\n );\n","import React from \"react\";\n\nimport { withEventTargetValue } from \"neetocommons/utils/general\";\nimport useHotkeys from \"neetohotkeys\";\nimport { Check, Close } from \"neetoicons\";\nimport { Button, Input } from \"neetoui\";\nimport { isEmpty } from \"ramda\";\n\nimport { mergeRefs } from \"./utils\";\n\nconst Editor = ({\n placeholder,\n allowEmptySubmission,\n name,\n isLoading,\n handleRename,\n submitButtonProps,\n handleClose,\n cancelButtonProps,\n setName,\n inputProps,\n editMode,\n}) => {\n const closeRef = useHotkeys(\"escape\", handleClose, {\n mode: \"scoped\",\n enabled: editMode,\n });\n\n const submitRef = useHotkeys(\n [\"command+return\", \"return\"],\n event => {\n if (isEmpty(name) && !allowEmptySubmission) return;\n handleRename(event, name);\n },\n { mode: \"scoped\", enabled: editMode }\n );\n\n return (\n <div className=\"relative flex min-w-0 max-w-full flex-grow\">\n <span className=\"neeto-molecules-rename__input-width-maker\">\n {name.replace(/\\s/g, \".\") || placeholder}\n </span>\n <Input\n {...{ placeholder }}\n autoFocus\n className=\"neeto-molecules-rename__input absolute\"\n data-cy=\"form-rename-text-field\"\n data-testid=\"neeto-molecules-name-input\"\n ref={mergeRefs(closeRef, submitRef)}\n value={name}\n suffix={\n <div className=\"flex items-center justify-end\">\n <Button\n className=\"neeto-ui-rounded-none\"\n data-cy=\"form-rename-submit-button\"\n data-testid=\"neeto-molecules-rename-button\"\n disabled={(!allowEmptySubmission && isEmpty(name)) || isLoading}\n icon={Check}\n loading={isLoading}\n style=\"text\"\n onClick={event => handleRename(event, name)}\n {...submitButtonProps}\n />\n <Button\n className=\"neeto-ui-rounded-none\"\n data-cy=\"form-rename-close-button\"\n data-testid=\"neeto-molecules-cancel-button\"\n disabled={isLoading}\n icon={Close}\n style=\"text\"\n onClick={handleClose}\n {...cancelButtonProps}\n />\n </div>\n }\n onChange={withEventTargetValue(setName)}\n onClick={event => event.stopPropagation()}\n {...inputProps}\n label={null}\n />\n </div>\n );\n};\n\nexport default Editor;\n","import React from \"react\";\n\nimport { isPresent } from \"neetocist\";\nimport withT from \"neetocommons/react-utils/withT\";\n\nimport MoreDropdown from \"components/MoreDropdown\";\n\nconst RenameMenu = withT(\n ({\n t,\n handleRenameClick,\n disabled,\n dropdownItems,\n onArchiveStatusToggle,\n onClone,\n onDelete,\n isArchived,\n }) => (\n <MoreDropdown\n dropdownButtonProps={{\n \"data-testid\": \"neeto-molecules-menu-button\",\n }}\n dropdownProps={{\n position: \"bottom-start\",\n onClick: event => event.stopPropagation(),\n strategy: \"fixed\",\n appendTo: () => document.body,\n }}\n menuItems={[\n {\n \"data-cy\": \"form-rename-button\",\n onClick: handleRenameClick,\n label: t(\"neetoMolecules.common.actions.rename\"),\n isVisible: !disabled,\n key: \"edit-name-menu\",\n },\n {\n \"data-cy\": \"form-clone-button\",\n onClick: onClone,\n label: t(\"neetoMolecules.common.actions.clone\"),\n isVisible: isPresent(onClone),\n key: \"clone-entity-menu\",\n },\n {\n \"data-cy\": \"form-archive-button\",\n onClick: onArchiveStatusToggle,\n label: isArchived\n ? t(\"neetoMolecules.common.actions.unArchive\")\n : t(\"neetoMolecules.common.actions.archive\"),\n isVisible: isPresent(onArchiveStatusToggle),\n key: \"archive-entity-menu\",\n },\n {\n \"data-cy\": \"form-delete-button\",\n onClick: onDelete,\n label: t(\"neetoMolecules.common.actions.delete\"),\n isVisible: isPresent(onDelete),\n key: \"delete-entity-menu\",\n },\n ...dropdownItems,\n ]}\n />\n )\n);\n\nexport default RenameMenu;\n","import React from \"react\";\n\nimport classNames from \"classnames\";\nimport { isNotEmpty, isPresent } from \"neetocist\";\nimport { Typography } from \"neetoui\";\n\nimport RenameMenu from \"./RenameMenu\";\n\nconst ViewName = ({\n disabled,\n textProps,\n formatText,\n dropdownItems,\n hideMenu,\n handleRenameClick,\n onArchiveStatusToggle,\n onClone,\n onDelete,\n name,\n isArchived,\n}) => {\n const isDefaultMenuCallbacksPresent =\n isPresent(onArchiveStatusToggle) ||\n isPresent(onDelete) ||\n isPresent(onClone);\n\n const isMenuVisible =\n !hideMenu &&\n (isNotEmpty(dropdownItems) || !disabled || isDefaultMenuCallbacksPresent);\n\n return (\n <>\n <Typography\n component=\"p\"\n data-cy=\"form-title\"\n data-testid=\"neeto-molecules-value-display\"\n style=\"body2\"\n className={classNames(\n \"neeto-molecules-rename__text neeto-molecules-rename__display-text w-full truncate\",\n {\n \"cursor-pointer\": !disabled,\n \"pointer-events-none cursor-text\": disabled,\n }\n )}\n onClick={handleRenameClick}\n {...textProps}\n >\n {typeof formatText === \"function\" ? formatText(name) : name}\n </Typography>\n {isMenuVisible && (\n <RenameMenu\n {...{\n disabled,\n dropdownItems,\n handleRenameClick,\n isArchived,\n onArchiveStatusToggle,\n onClone,\n onDelete,\n }}\n />\n )}\n </>\n );\n};\n\nexport default ViewName;\n","import React, { useState, useRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport { isNotEmpty } from \"neetocist\";\nimport useOnClickOutside from \"neetocommons/react-utils/useOnClickOutside\";\nimport useStateWithDependency from \"neetocommons/react-utils/useStateWithDependency\";\nimport PropTypes from \"prop-types\";\nimport { isEmpty } from \"ramda\";\n\nimport Breadcrumbs from \"components/Breadcrumbs\";\n\nimport EditName from \"./EditName\";\nimport \"./rename.scss\";\nimport ViewName from \"./ViewName\";\n\nconst Rename = ({\n value,\n onRename,\n onClone,\n onArchiveStatusToggle,\n onDelete,\n isArchived,\n isOpen = false,\n isLoading = false,\n placeholder = \"\",\n hideMenu = false,\n disabled = false,\n dropdownItems = [],\n breadcrumbs = [],\n textProps = {},\n inputProps = {},\n submitButtonProps = {},\n cancelButtonProps = {},\n className = \"\",\n allowEmptySubmission = false,\n defaultName = \"\",\n formatText,\n}) => {\n const [name, setName] = useStateWithDependency(value ?? \"\");\n const [editMode, setEditMode] = useState(isOpen);\n const renameRef = useRef(null);\n\n useOnClickOutside(renameRef, () => editMode && handleClose());\n\n const handleRename = (event, name) => {\n event.stopPropagation();\n const newName = allowEmptySubmission && isEmpty(name) ? defaultName : name;\n setName(newName);\n onRename?.(newName);\n setEditMode(false);\n };\n\n const handleClose = event => {\n event?.stopPropagation();\n setName(value);\n setEditMode(false);\n };\n\n const handleRenameClick = event => {\n event.stopPropagation();\n !disabled && setEditMode(true);\n };\n\n const editNameProps = {\n allowEmptySubmission,\n cancelButtonProps,\n handleClose,\n handleRename,\n inputProps,\n isLoading,\n name,\n placeholder,\n setName,\n submitButtonProps,\n editMode,\n };\n\n const viewNameProps = {\n disabled,\n dropdownItems,\n formatText,\n handleRenameClick,\n hideMenu,\n name,\n isArchived,\n onArchiveStatusToggle,\n onClone,\n onDelete,\n textProps,\n };\n\n return (\n <div\n ref={renameRef}\n className={classnames(\n \"neeto-molecules-rename flex min-w-0 max-w-md flex-col items-start md:flex-row md:items-center\",\n className\n )}\n >\n {isNotEmpty(breadcrumbs) && (\n <Breadcrumbs {...{ breadcrumbs }} hasTrailingSeparator />\n )}\n <div className=\"relative flex max-w-full items-center gap-x-2\">\n {editMode ? (\n <EditName {...editNameProps} />\n ) : (\n <ViewName {...viewNameProps} />\n )}\n </div>\n </div>\n );\n};\n\nRename.propTypes = {\n /**\n * To provide additional classes to the component.\n */\n className: PropTypes.string,\n /**\n * To allow empty submission.\n */\n allowEmptySubmission: PropTypes.bool,\n /**\n * Default value to be used on empty submission.\n */\n defaultName: PropTypes.string,\n /**\n * To specify the text to be displayed in the component.\n */\n value: PropTypes.string,\n /**\n * To specify the function to be triggered when renamed.\n */\n onRename: PropTypes.func,\n /**\n * To specify the function to be triggered when Clone menu is clicked. The menu will be hidden if this prop is not set.\n */\n onClone: PropTypes.func,\n /**\n * To specify the function to be triggered when Archive menu is clicked. The menu will be hidden if this prop is not set.\n */\n onArchiveStatusToggle: PropTypes.func,\n /**\n * To specify whether the entity is archived or not. The text in the menu will be changed based on this to Archive or Unarchive.\n */\n isArchived: PropTypes.bool,\n /**\n * To specify the function to be triggered when Delete menu is clicked. The menu will be hidden if this prop is not set.\n */\n onDelete: PropTypes.func,\n /**\n * To specify whether edit mode is enabled or not.\n */\n isOpen: PropTypes.bool,\n /**\n * To specify whether the edit buttons are in loading state or not.\n */\n isLoading: PropTypes.bool,\n /**\n * To specify the placeholder for the input component in edit mode.\n */\n placeholder: PropTypes.string,\n /**\n * To specify whether the dropdown menu should be hidden or not.\n */\n hideMenu: PropTypes.bool,\n /**\n * To specify whether the rename option in dropdown should be enabled. If it is the only option in dropdown, the menu will be hidden.\n */\n disabled: PropTypes.bool,\n /**\n * To specify additional items for the dropdown menu.\n */\n dropdownItems: PropTypes.array,\n /**\n * To specify the breadcrumbs if used in the title of `Header` component.\n */\n breadcrumbs: PropTypes.arrayOf(\n PropTypes.shape({\n text: PropTypes.string,\n link: PropTypes.string,\n })\n ),\n /**\n * To override the properties of the Typography component that displays the `value`.\n */\n textProps: PropTypes.object,\n /**\n * To override the properties of the Input component in edit mode.\n */\n inputProps: PropTypes.object,\n /**\n * To format the value to display when not in edit mode.\n */\n formatText: PropTypes.func,\n /**\n * To override the properties of the submit button.\n */\n submitButtonProps: PropTypes.object,\n /**\n * To override the properties of the cancel button.\n */\n cancelButtonProps: PropTypes.object,\n};\n\nexport default Rename;\n"],"names":["mergeRefs","_len","arguments","length","refs","Array","_key","node","forEach","ref","current","Editor","_ref","placeholder","allowEmptySubmission","name","isLoading","handleRename","submitButtonProps","handleClose","cancelButtonProps","setName","inputProps","editMode","closeRef","useHotkeys","mode","enabled","submitRef","event","isEmpty","React","createElement","className","replace","Input","_extends","autoFocus","value","suffix","Button","disabled","icon","Check","loading","style","onClick","Close","onChange","withEventTargetValue","stopPropagation","label","RenameMenu","withT","t","handleRenameClick","dropdownItems","onArchiveStatusToggle","onClone","onDelete","isArchived","MoreDropdown","dropdownButtonProps","dropdownProps","position","strategy","appendTo","document","body","menuItems","isVisible","key","isPresent","concat","_toConsumableArray","ViewName","textProps","formatText","hideMenu","isDefaultMenuCallbacksPresent","isMenuVisible","isNotEmpty","Fragment","Typography","component","classNames","Rename","onRename","_ref$isOpen","isOpen","_ref$isLoading","_ref$placeholder","_ref$hideMenu","_ref$disabled","_ref$dropdownItems","_ref$breadcrumbs","breadcrumbs","_ref$textProps","_ref$inputProps","_ref$submitButtonProp","_ref$cancelButtonProp","_ref$className","_ref$allowEmptySubmis","_ref$defaultName","defaultName","_useStateWithDependen","useStateWithDependency","_useStateWithDependen2","_slicedToArray","_useState","useState","_useState2","setEditMode","renameRef","useRef","useOnClickOutside","newName","editNameProps","viewNameProps","classnames","Breadcrumbs","hasTrailingSeparator","EditName"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Rename.js","sources":["../src/components/Rename/utils.js","../src/components/Rename/EditName.jsx","../src/components/Rename/RenameMenu.jsx","../src/components/Rename/ViewName.jsx","../src/components/Rename/index.jsx"],"sourcesContent":["export const mergeRefs =\n (...refs) =>\n node =>\n refs.forEach(ref =>\n typeof ref === \"function\" ? ref(node) : (ref.current = node)\n );\n","import React from \"react\";\n\nimport { withEventTargetValue } from \"neetocommons/utils/general\";\nimport useHotkeys from \"neetohotkeys\";\nimport { Check, Close } from \"neetoicons\";\nimport { Button, Input } from \"neetoui\";\nimport { isEmpty } from \"ramda\";\n\nimport { mergeRefs } from \"./utils\";\n\nconst Editor = ({\n placeholder,\n allowEmptySubmission,\n name,\n isLoading,\n handleRename,\n submitButtonProps,\n handleClose,\n cancelButtonProps,\n setName,\n inputProps,\n editMode,\n}) => {\n const closeRef = useHotkeys(\"escape\", handleClose, {\n mode: \"scoped\",\n enabled: editMode,\n });\n\n const submitRef = useHotkeys(\n [\"command+return\", \"return\"],\n event => {\n if (isEmpty(name) && !allowEmptySubmission) return;\n handleRename(event, name);\n },\n { mode: \"scoped\", enabled: editMode }\n );\n\n return (\n <div className=\"relative flex min-w-0 max-w-full flex-grow\">\n <span className=\"neeto-molecules-rename__input-width-maker\">\n {name.replace(/\\s/g, \".\") || placeholder}\n </span>\n <Input\n {...{ placeholder }}\n autoFocus\n className=\"neeto-molecules-rename__input absolute\"\n data-cy=\"form-rename-text-field\"\n data-testid=\"neeto-molecules-name-input\"\n ref={mergeRefs(closeRef, submitRef)}\n value={name}\n suffix={\n <div className=\"flex items-center justify-end\">\n <Button\n className=\"neeto-ui-rounded-none\"\n data-cy=\"form-rename-submit-button\"\n data-testid=\"neeto-molecules-rename-button\"\n disabled={(!allowEmptySubmission && isEmpty(name)) || isLoading}\n icon={Check}\n loading={isLoading}\n style=\"text\"\n onClick={event => handleRename(event, name)}\n {...submitButtonProps}\n />\n <Button\n className=\"neeto-ui-rounded-none\"\n data-cy=\"form-rename-close-button\"\n data-testid=\"neeto-molecules-cancel-button\"\n disabled={isLoading}\n icon={Close}\n style=\"text\"\n onClick={handleClose}\n {...cancelButtonProps}\n />\n </div>\n }\n onChange={withEventTargetValue(setName)}\n onClick={event => event.stopPropagation()}\n {...inputProps}\n label={null}\n />\n </div>\n );\n};\n\nexport default Editor;\n","import React from \"react\";\n\nimport { isPresent } from \"neetocist\";\nimport { withT } from \"neetocommons/react-utils\";\n\nimport MoreDropdown from \"components/MoreDropdown\";\n\nconst RenameMenu = withT(\n ({\n t,\n handleRenameClick,\n disabled,\n dropdownItems,\n onArchiveStatusToggle,\n onClone,\n onDelete,\n isArchived,\n dropdownButtonProps,\n dropdownProps,\n }) => (\n <MoreDropdown\n dropdownButtonProps={{\n \"data-testid\": \"neeto-molecules-menu-button\",\n ...dropdownButtonProps,\n }}\n dropdownProps={{\n position: \"bottom-start\",\n onClick: event => event.stopPropagation(),\n strategy: \"fixed\",\n appendTo: () => document.body,\n ...dropdownProps,\n }}\n menuItems={[\n {\n \"data-cy\": \"form-rename-button\",\n onClick: handleRenameClick,\n label: t(\"neetoMolecules.common.actions.rename\"),\n isVisible: !disabled,\n key: \"edit-name-menu\",\n },\n {\n \"data-cy\": \"form-clone-button\",\n onClick: onClone,\n label: t(\"neetoMolecules.common.actions.clone\"),\n isVisible: isPresent(onClone),\n key: \"clone-entity-menu\",\n },\n {\n \"data-cy\": \"form-archive-button\",\n onClick: onArchiveStatusToggle,\n label: isArchived\n ? t(\"neetoMolecules.common.actions.unArchive\")\n : t(\"neetoMolecules.common.actions.archive\"),\n isVisible: isPresent(onArchiveStatusToggle),\n key: \"archive-entity-menu\",\n },\n {\n \"data-cy\": \"form-delete-button\",\n onClick: onDelete,\n label: t(\"neetoMolecules.common.actions.delete\"),\n isVisible: isPresent(onDelete),\n key: \"delete-entity-menu\",\n },\n ...dropdownItems,\n ]}\n />\n )\n);\n\nexport default RenameMenu;\n","import React from \"react\";\n\nimport classNames from \"classnames\";\nimport { isNotEmpty, isPresent } from \"neetocist\";\nimport { Typography } from \"neetoui\";\n\nimport RenameMenu from \"./RenameMenu\";\n\nconst ViewName = ({\n disabled,\n textProps,\n formatText,\n dropdownItems,\n hideMenu,\n handleRenameClick,\n onArchiveStatusToggle,\n onClone,\n onDelete,\n name,\n isArchived,\n dropdownButtonProps,\n dropdownProps,\n}) => {\n const isDefaultMenuCallbacksPresent =\n isPresent(onArchiveStatusToggle) ||\n isPresent(onDelete) ||\n isPresent(onClone);\n\n const isMenuVisible =\n !hideMenu &&\n (isNotEmpty(dropdownItems) || !disabled || isDefaultMenuCallbacksPresent);\n\n return (\n <>\n <Typography\n component=\"p\"\n data-cy=\"form-title\"\n data-testid=\"neeto-molecules-value-display\"\n style=\"body2\"\n className={classNames(\n \"neeto-molecules-rename__text neeto-molecules-rename__display-text w-full truncate\",\n {\n \"cursor-pointer\": !disabled,\n \"pointer-events-none cursor-text\": disabled,\n }\n )}\n onClick={handleRenameClick}\n {...textProps}\n >\n {typeof formatText === \"function\" ? formatText(name) : name}\n </Typography>\n {isMenuVisible && (\n <RenameMenu\n {...{\n disabled,\n dropdownButtonProps,\n dropdownItems,\n dropdownProps,\n handleRenameClick,\n isArchived,\n onArchiveStatusToggle,\n onClone,\n onDelete,\n }}\n />\n )}\n </>\n );\n};\n\nexport default ViewName;\n","import React, { useState, useRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport { isNotEmpty } from \"neetocist\";\nimport useOnClickOutside from \"neetocommons/react-utils/useOnClickOutside\";\nimport useStateWithDependency from \"neetocommons/react-utils/useStateWithDependency\";\nimport PropTypes from \"prop-types\";\nimport { isEmpty } from \"ramda\";\n\nimport Breadcrumbs from \"components/Breadcrumbs\";\n\nimport EditName from \"./EditName\";\nimport \"./rename.scss\";\nimport ViewName from \"./ViewName\";\n\nconst Rename = ({\n value,\n onRename,\n onClone,\n onArchiveStatusToggle,\n onDelete,\n isArchived,\n isOpen = false,\n isLoading = false,\n placeholder = \"\",\n hideMenu = false,\n disabled = false,\n dropdownItems = [],\n breadcrumbs = [],\n textProps = {},\n inputProps = {},\n submitButtonProps = {},\n cancelButtonProps = {},\n className = \"\",\n allowEmptySubmission = false,\n defaultName = \"\",\n formatText,\n dropdownButtonProps = {},\n dropdownProps = {},\n}) => {\n const [name, setName] = useStateWithDependency(value ?? \"\");\n const [editMode, setEditMode] = useState(isOpen);\n const renameRef = useRef(null);\n\n useOnClickOutside(renameRef, () => editMode && handleClose());\n\n const handleRename = (event, name) => {\n event.stopPropagation();\n const newName = allowEmptySubmission && isEmpty(name) ? defaultName : name;\n setName(newName);\n onRename?.(newName);\n setEditMode(false);\n };\n\n const handleClose = event => {\n event?.stopPropagation();\n setName(value);\n setEditMode(false);\n };\n\n const handleRenameClick = event => {\n event.stopPropagation();\n !disabled && setEditMode(true);\n };\n\n const editNameProps = {\n allowEmptySubmission,\n cancelButtonProps,\n handleClose,\n handleRename,\n inputProps,\n isLoading,\n name,\n placeholder,\n setName,\n submitButtonProps,\n editMode,\n };\n\n const viewNameProps = {\n disabled,\n dropdownItems,\n formatText,\n handleRenameClick,\n hideMenu,\n name,\n isArchived,\n onArchiveStatusToggle,\n onClone,\n onDelete,\n textProps,\n dropdownButtonProps,\n dropdownProps,\n };\n\n return (\n <div\n ref={renameRef}\n className={classnames(\n \"neeto-molecules-rename flex min-w-0 max-w-md flex-col items-start md:flex-row md:items-center\",\n className\n )}\n >\n {isNotEmpty(breadcrumbs) && (\n <Breadcrumbs {...{ breadcrumbs }} hasTrailingSeparator />\n )}\n <div className=\"relative flex max-w-full items-center gap-x-2\">\n {editMode ? (\n <EditName {...editNameProps} />\n ) : (\n <ViewName {...viewNameProps} />\n )}\n </div>\n </div>\n );\n};\n\nRename.propTypes = {\n /**\n * To provide additional classes to the component.\n */\n className: PropTypes.string,\n /**\n * To allow empty submission.\n */\n allowEmptySubmission: PropTypes.bool,\n /**\n * Default value to be used on empty submission.\n */\n defaultName: PropTypes.string,\n /**\n * To specify the text to be displayed in the component.\n */\n value: PropTypes.string,\n /**\n * To specify the function to be triggered when renamed.\n */\n onRename: PropTypes.func,\n /**\n * To specify the function to be triggered when Clone menu is clicked. The menu will be hidden if this prop is not set.\n */\n onClone: PropTypes.func,\n /**\n * To specify the function to be triggered when Archive menu is clicked. The menu will be hidden if this prop is not set.\n */\n onArchiveStatusToggle: PropTypes.func,\n /**\n * To specify whether the entity is archived or not. The text in the menu will be changed based on this to Archive or Unarchive.\n */\n isArchived: PropTypes.bool,\n /**\n * To specify the function to be triggered when Delete menu is clicked. The menu will be hidden if this prop is not set.\n */\n onDelete: PropTypes.func,\n /**\n * To specify whether edit mode is enabled or not.\n */\n isOpen: PropTypes.bool,\n /**\n * To specify whether the edit buttons are in loading state or not.\n */\n isLoading: PropTypes.bool,\n /**\n * To specify the placeholder for the input component in edit mode.\n */\n placeholder: PropTypes.string,\n /**\n * To specify whether the dropdown menu should be hidden or not.\n */\n hideMenu: PropTypes.bool,\n /**\n * To specify whether the rename option in dropdown should be enabled. If it is the only option in dropdown, the menu will be hidden.\n */\n disabled: PropTypes.bool,\n /**\n * To specify additional items for the dropdown menu.\n */\n dropdownItems: PropTypes.array,\n /**\n * To specify the breadcrumbs if used in the title of `Header` component.\n */\n breadcrumbs: PropTypes.arrayOf(\n PropTypes.shape({\n text: PropTypes.string,\n link: PropTypes.string,\n })\n ),\n /**\n * To override the properties of the Typography component that displays the `value`.\n */\n textProps: PropTypes.object,\n /**\n * To override the properties of the Input component in edit mode.\n */\n inputProps: PropTypes.object,\n /**\n * To format the value to display when not in edit mode.\n */\n formatText: PropTypes.func,\n /**\n * To override the properties of the submit button.\n */\n submitButtonProps: PropTypes.object,\n /**\n * To override the properties of the cancel button.\n */\n cancelButtonProps: PropTypes.object,\n};\n\nexport default Rename;\n"],"names":["mergeRefs","_len","arguments","length","refs","Array","_key","node","forEach","ref","current","Editor","_ref","placeholder","allowEmptySubmission","name","isLoading","handleRename","submitButtonProps","handleClose","cancelButtonProps","setName","inputProps","editMode","closeRef","useHotkeys","mode","enabled","submitRef","event","isEmpty","React","createElement","className","replace","Input","_extends","autoFocus","value","suffix","Button","disabled","icon","Check","loading","style","onClick","Close","onChange","withEventTargetValue","stopPropagation","label","RenameMenu","withT","t","handleRenameClick","dropdownItems","onArchiveStatusToggle","onClone","onDelete","isArchived","dropdownButtonProps","dropdownProps","MoreDropdown","_objectSpread","position","strategy","appendTo","document","body","menuItems","isVisible","key","isPresent","concat","_toConsumableArray","ViewName","textProps","formatText","hideMenu","isDefaultMenuCallbacksPresent","isMenuVisible","isNotEmpty","Fragment","Typography","component","classNames","Rename","onRename","_ref$isOpen","isOpen","_ref$isLoading","_ref$placeholder","_ref$hideMenu","_ref$disabled","_ref$dropdownItems","_ref$breadcrumbs","breadcrumbs","_ref$textProps","_ref$inputProps","_ref$submitButtonProp","_ref$cancelButtonProp","_ref$className","_ref$allowEmptySubmis","_ref$defaultName","defaultName","_ref$dropdownButtonPr","_ref$dropdownProps","_useStateWithDependen","useStateWithDependency","_useStateWithDependen2","_slicedToArray","_useState","useState","_useState2","setEditMode","renameRef","useRef","useOnClickOutside","newName","editNameProps","viewNameProps","classnames","Breadcrumbs","hasTrailingSeparator","EditName"],"mappings":"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"}
|
package/dist/cjs/Breadcrumbs.js
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var React = require('react');
|
|
4
|
+
var classnames = require('classnames');
|
|
4
5
|
var neetoui = require('@bigbinary/neetoui');
|
|
5
6
|
var reactRouterDom = require('react-router-dom');
|
|
6
7
|
var injectCss = require('./inject-css-80a5faa3.js');
|
|
@@ -8,6 +9,7 @@ var injectCss = require('./inject-css-80a5faa3.js');
|
|
|
8
9
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
9
10
|
|
|
10
11
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
12
|
+
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
11
13
|
|
|
12
14
|
var css = ".neeto-molecules-breadcrumb{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;line-height:1}.neeto-molecules-breadcrumb a{text-decoration:none;transition:all .3s ease-in-out}.neeto-molecules-breadcrumb a:focus-visible{border-radius:var(--neeto-ui-rounded-sm);outline:3px solid rgba(var(--neeto-ui-primary-500),50%)}.neeto-molecules-breadcrumb-separator{font-size:12px;line-height:16px;margin:0 12px}.neeto-molecules-breadcrumbs-wrap{display:flex;margin:0 0 40px}@media screen and (max-width:768px){.neeto-molecules-breadcrumbs-wrap{margin:0 0 16px}}";
|
|
13
15
|
injectCss.n(css,{});
|
|
@@ -15,9 +17,10 @@ injectCss.n(css,{});
|
|
|
15
17
|
var Breadcrumbs = function Breadcrumbs(_ref) {
|
|
16
18
|
var breadcrumbs = _ref.breadcrumbs,
|
|
17
19
|
_ref$hasTrailingSepar = _ref.hasTrailingSeparator,
|
|
18
|
-
hasTrailingSeparator = _ref$hasTrailingSepar === void 0 ? false : _ref$hasTrailingSepar
|
|
20
|
+
hasTrailingSeparator = _ref$hasTrailingSepar === void 0 ? false : _ref$hasTrailingSepar,
|
|
21
|
+
className = _ref.className;
|
|
19
22
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
20
|
-
className: "neeto-molecules-breadcrumbs-wrap"
|
|
23
|
+
className: classnames__default["default"]("neeto-molecules-breadcrumbs-wrap", className)
|
|
21
24
|
}, breadcrumbs.map(function (_ref2, index) {
|
|
22
25
|
var text = _ref2.text,
|
|
23
26
|
_ref2$link = _ref2.link,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Breadcrumbs.js","sources":["../../src/components/Breadcrumbs/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { Link } from \"react-router-dom\";\n\nimport \"./breadcrumbs.scss\";\n\nconst Breadcrumbs = ({
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.js","sources":["../../src/components/Breadcrumbs/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classNames from \"classnames\";\nimport { Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { Link } from \"react-router-dom\";\n\nimport \"./breadcrumbs.scss\";\n\nconst Breadcrumbs = ({\n breadcrumbs,\n hasTrailingSeparator = false,\n className,\n}) => (\n <div className={classNames(\"neeto-molecules-breadcrumbs-wrap\", className)}>\n {breadcrumbs.map(({ text, link = \"#\" }, index) => (\n <div\n className=\"neeto-molecules-breadcrumb\"\n data-cy=\"header-breadcrumb\"\n key={index}\n >\n <Link to={link}>\n <Typography\n className=\"neeto-ui-text-gray-700 hover:neeto-ui-text-gray-800 neeto-molecules-breadcrumb-link\"\n component=\"span\"\n data-cy={text}\n data-test-id={text}\n style=\"body2\"\n weight=\"normal\"\n >\n {text}\n </Typography>\n </Link>\n {(index + 1 !== breadcrumbs.length || hasTrailingSeparator) && (\n <span className=\"neeto-molecules-breadcrumb-separator neeto-ui-text-black\">\n /\n </span>\n )}\n </div>\n ))}\n </div>\n);\n\nBreadcrumbs.propTypes = {\n /**\n * To show breadcrumbs. `text` accepts a text string to be shown as the breadcrumb and `link` accepts relative URL path for the breadcrumb.\n */\n breadcrumbs: PropTypes.arrayOf(\n PropTypes.shape({\n text: PropTypes.string,\n link: PropTypes.string,\n })\n ),\n};\n\nexport default Breadcrumbs;\n"],"names":["Breadcrumbs","_ref","breadcrumbs","_ref$hasTrailingSepar","hasTrailingSeparator","className","React","createElement","classNames","map","_ref2","index","text","_ref2$link","link","key","Link","to","Typography","component","style","weight","length"],"mappings":";;;;;;;;;;;;;;;;AASA,IAAMA,WAAW,GAAG,SAAdA,WAAWA,CAAAC,IAAA,EAAA;AAAA,EAAA,IACfC,WAAW,GAAAD,IAAA,CAAXC,WAAW;IAAAC,qBAAA,GAAAF,IAAA,CACXG,oBAAoB;AAApBA,IAAAA,oBAAoB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,qBAAA;IAC5BE,SAAS,GAAAJ,IAAA,CAATI,SAAS,CAAA;EAAA,oBAETC,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKF,IAAAA,SAAS,EAAEG,8BAAU,CAAC,kCAAkC,EAAEH,SAAS,CAAA;AAAE,GAAA,EACvEH,WAAW,CAACO,GAAG,CAAC,UAAAC,KAAA,EAAuBC,KAAK,EAAA;AAAA,IAAA,IAAzBC,IAAI,GAAAF,KAAA,CAAJE,IAAI;MAAAC,UAAA,GAAAH,KAAA,CAAEI,IAAI;AAAJA,MAAAA,IAAI,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,GAAG,GAAAA,UAAA,CAAA;IAAA,oBAClCP,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEF,MAAAA,SAAS,EAAC,4BAA4B;AACtC,MAAA,SAAA,EAAQ,mBAAmB;AAC3BU,MAAAA,GAAG,EAAEJ,KAAAA;AAAM,KAAA,eAEXL,yBAAA,CAAAC,aAAA,CAACS,mBAAI,EAAA;AAACC,MAAAA,EAAE,EAAEH,IAAAA;AAAK,KAAA,eACbR,yBAAA,CAAAC,aAAA,CAACW,kBAAU,EAAA;AACTb,MAAAA,SAAS,EAAC,qFAAqF;AAC/Fc,MAAAA,SAAS,EAAC,MAAM;AAChB,MAAA,SAAA,EAASP,IAAK;AACd,MAAA,cAAA,EAAcA,IAAK;AACnBQ,MAAAA,KAAK,EAAC,OAAO;AACbC,MAAAA,MAAM,EAAC,QAAA;AAAQ,KAAA,EAEdT,IACS,CACR,CAAC,EACN,CAACD,KAAK,GAAG,CAAC,KAAKT,WAAW,CAACoB,MAAM,IAAIlB,oBAAoB,kBACxDE,yBAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMF,MAAAA,SAAS,EAAC,0DAAA;KAA2D,EAAA,GAErE,CAEL,CAAC,CAAA;AAAA,GACP,CACE,CAAC,CAAA;AAAA;;;;"}
|
|
@@ -20,10 +20,11 @@ require('@bigbinary/neeto-commons-frontend/react-utils/useStateWithDependency');
|
|
|
20
20
|
require('./Breadcrumbs.js');
|
|
21
21
|
require('@bigbinary/neeto-hotkeys');
|
|
22
22
|
require('./toConsumableArray-9abb3858.js');
|
|
23
|
-
require('
|
|
23
|
+
require('./defineProperty-886ed289.js');
|
|
24
|
+
require('@bigbinary/neeto-commons-frontend/react-utils');
|
|
24
25
|
require('./MoreDropdown.js');
|
|
25
26
|
require('./objectWithoutProperties-2fed2d7d.js');
|
|
26
|
-
require('
|
|
27
|
+
require('@bigbinary/neeto-commons-frontend/react-utils/withT');
|
|
27
28
|
|
|
28
29
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
29
30
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavigationHeader.js","sources":["../../src/components/NavigationHeader/constants.jsx","../../src/components/NavigationHeader/LeftBlock.jsx","../../src/components/NavigationHeader/Navigation.jsx","../../src/components/NavigationHeader/RightBlock.jsx","../../src/components/NavigationHeader/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { t } from \"i18next\";\nimport { Home } from \"neetoicons\";\n\nexport const DEFAULT_HOME_BUTTON_PROPS = {\n tooltip: {\n content: t(\"neetoMolecules.navigationHeader.home\"),\n position: \"bottom\",\n },\n homeUrl: \"/\",\n icon: <Home />,\n};\n","import React from \"react\";\n\nimport { isPresent } from \"neetocist\";\nimport { Tooltip } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { mergeDeepRight } from \"ramda\";\nimport { Link } from \"react-router-dom\";\n\nimport Rename from \"components/Rename\";\n\nimport { DEFAULT_HOME_BUTTON_PROPS } from \"./constants\";\n\nconst LeftBlock = ({\n homeButtonProps: customHomeButtonProps,\n homeUrl,\n renameProps,\n children,\n}) => {\n const homeButtonProps = mergeDeepRight(\n DEFAULT_HOME_BUTTON_PROPS,\n customHomeButtonProps\n );\n\n return (\n <div\n className=\"flex items-center gap-1 md:gap-2\"\n data-cy=\"navigation-header-left-block\"\n data-testid=\"navigation-header-left-block\"\n >\n <Tooltip\n content={homeButtonProps.tooltip.content}\n position={homeButtonProps.tooltip.position}\n >\n <Link data-cy=\"home-button\" data-testid=\"home-button\" to={homeUrl}>\n <div className=\"neeto-ui-rounded hover:neeto-ui-bg-gray-200 p-1\">\n {homeButtonProps.icon}\n </div>\n </Link>\n </Tooltip>\n {isPresent(renameProps) && (\n <Rename\n dropdownItems={renameProps.dropdownItems}\n value={renameProps.value}\n {...renameProps}\n />\n )}\n {children}\n </div>\n );\n};\n\nLeftBlock.propTypes = {\n /**\n * Object containing the home button icon and the props to be passed to the tooltip of the home button.\n */\n homeButtonProps: PropTypes.shape({\n tooltip: PropTypes.shape({\n content: PropTypes.string,\n postition: PropTypes.string,\n }),\n icon: PropTypes.node,\n }),\n /**\n * URL to navigate when the home button is clicked.\n */\n homeUrl: PropTypes.string.isRequired,\n /**\n * Props to be passed to the `Rename` component. Please check the `Rename` component props for more details\n */\n renameProps: PropTypes.object,\n /**\n * To render extra content in the block.\n */\n children: PropTypes.node,\n};\n\nexport default LeftBlock;\n","import React from \"react\";\n\nimport { joinHyphenCase } from \"neetocommons/utils/general\";\nimport { Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { NavLink } from \"react-router-dom\";\n\nconst NavigationLinks = ({ headerLinks }) => (\n <div\n className=\"flex w-full items-center justify-center gap-2 md:gap-3 lg:gap-6\"\n data-cy=\"navigation-header-navigation-links\"\n data-testid=\"navigation-header-navigation-links\"\n >\n {headerLinks.map(headerLink => (\n <NavLink\n activeClassName=\"active\"\n className=\"neeto-molecules-navigation-header__link capitalize no-underline\"\n data-cy={`${joinHyphenCase(headerLink.key)}-tab`}\n key={headerLink.key}\n {...headerLink}\n >\n <Typography lineHeight=\"normal\" style=\"h4\" weight=\"semibold\">\n {headerLink.label}\n </Typography>\n </NavLink>\n ))}\n </div>\n);\n\nNavigationLinks.propTypes = {\n /**\n * Links to be rendered in the center of the navigation header. It is an array of objects.\n * Each object should have the properties `key`, `to` and `label`. Other props will be passed on to the `Navlink` component from\n `react-router-dom`.\n */\n headerLinks: PropTypes.arrayOf(\n PropTypes.shape({\n key: PropTypes.string,\n to: PropTypes.string,\n label: PropTypes.string,\n })\n ),\n};\n\nexport default NavigationLinks;\n","import React from \"react\";\n\nimport classNames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport PublishBlock from \"components/PublishBlock\";\n\nimport \"./navigation-header.scss\";\n\nconst RightBlock = ({\n isDraftBlockHidden,\n previewDraftUrl,\n isResetDraftButtonVisible,\n onResetClick,\n isResetting,\n isPublishDisabled,\n isPublishing,\n handlePublish,\n isPublishPreviewDisabled,\n previewPublishedUrl,\n isPublishButtonVisible,\n isResetAlertOpen,\n setIsResetAlertOpen,\n handleReset,\n publishAlertTitle,\n publishAlertDescription,\n publishButtonProps = {},\n}) => {\n const { t } = useTranslation();\n\n const renderDraftButtons = ({ ViewDraftButton, ResetDraftButton }) =>\n !isDraftBlockHidden && (\n <>\n <ViewDraftButton to={previewDraftUrl} />\n {isResetDraftButtonVisible && (\n <ResetDraftButton\n loading={isResetting}\n onClick={() => onResetClick()}\n />\n )}\n </>\n );\n\n const renderPublishButtons = ({ PublishButton, PublishPreviewButton }) => (\n <>\n {isPublishButtonVisible && (\n <PublishButton\n disabled={isPublishDisabled}\n loading={isPublishing}\n onClick={() => handlePublish()}\n {...publishButtonProps}\n />\n )}\n <PublishPreviewButton\n disabled={isPublishPreviewDisabled}\n to={previewPublishedUrl}\n className={classNames({\n \"standalone-publish-preview-button\": !isPublishButtonVisible,\n })}\n />\n </>\n );\n\n return (\n <>\n <PublishBlock {...{ renderDraftButtons, renderPublishButtons }} />\n <PublishBlock.Alert\n isOpen={isResetAlertOpen}\n isSubmitting={isResetting}\n message={\n publishAlertDescription ||\n t(\"neetoMolecules.navigationHeader.resetDescription\")\n }\n title={\n publishAlertTitle || t(\"neetoMolecules.navigationHeader.resetTitle\")\n }\n onClose={() => setIsResetAlertOpen(false)}\n onSubmit={handleReset}\n />\n </>\n );\n};\n\nRightBlock.propTypes = {\n /**\n * To show/hide the draft block.\n */\n isDraftBlockHidden: PropTypes.bool,\n /**\n * Draft preview URL, when the draft button is clicked user will be redirected to this URL.\n */\n previewDraftUrl: PropTypes.string,\n /**\n * Boolean to control the visibility of reset draft button.\n */\n isResetDraftButtonVisible: PropTypes.bool,\n /**\n * Callback function that will be called when the reset button is clicked.\n */\n onResetClick: PropTypes.func,\n /**\n * Setting this to `true` will show a spinner on the reset button. Use when the reset process is in progress.\n */\n isResetting: PropTypes.bool,\n /**\n * To disable the publish button.\n */\n isPublishDisabled: PropTypes.bool,\n /**\n * Setting this to `true` will show a spinner on the publish button. Use when the publish process is in progress.\n */\n isPublishing: PropTypes.bool,\n /**\n * Callback function that will be called when the publish button is clicked.\n */\n handlePublish: PropTypes.func,\n /**\n * To disable the publish preview button.\n */\n isPublishPreviewDisabled: PropTypes.bool,\n /**\n * Publish preview URL, when the preview publish button is clicked user will be redirected to this URL.\n */\n previewPublishedUrl: PropTypes.string,\n /**\n * Boolean to control whether the user have the ability to publish.\n */\n isPublishButtonVisible: PropTypes.bool,\n /**\n * Boolean to control whether the reset alert is open.\n */\n isResetAlertOpen: PropTypes.bool,\n /**\n * Handler to control the `isResetAlert` state variable.\n */\n setIsResetAlertOpen: PropTypes.func,\n /**\n * Callback function that will be called when the reset button is clicked.\n */\n handleReset: PropTypes.func,\n /**\n * Description to be shown in the publish alert\n */\n publishAlertDescription: PropTypes.string,\n /**\n * Title of the publish alert\n */\n publishAlertTitle: PropTypes.string,\n /**\n * Props to be passed to the publish button\n */\n publishButtonProps: PropTypes.object,\n};\n\nexport default RightBlock;\n","import React from \"react\";\n\nimport { isPresent } from \"neetocist\";\nimport PropTypes from \"prop-types\";\nimport { filter, length } from \"ramda\";\n\nimport LeftBlock from \"./LeftBlock\";\nimport NavigationLinks from \"./Navigation\";\nimport RightBlock from \"./RightBlock\";\n\nconst NavigationHeader = ({\n leftActionBlock,\n navigationLinks,\n rightActionBlock,\n}) => {\n const numberOfChildren = length(\n filter(isPresent, [leftActionBlock, navigationLinks, rightActionBlock])\n );\n\n return (\n <div\n className=\"neeto-molecules-navigation-header neeto-ui-border-gray-200 neeto-ui-bg-white flex h-16 w-full flex-shrink-0 items-center overflow-x-auto border-b px-2 py-2 md:px-4 lg:px-6\"\n data-cy=\"navigation-header\"\n data-testid=\"navigation-header\"\n >\n <div\n className=\"grid w-full gap-4\"\n style={{ gridTemplateColumns: `repeat(${numberOfChildren}, 1fr)` }}\n >\n {leftActionBlock}\n {navigationLinks}\n {rightActionBlock}\n </div>\n </div>\n );\n};\n\nNavigationHeader.LeftActionBlock = LeftBlock;\nNavigationHeader.NavigationLinks = NavigationLinks;\nNavigationHeader.RightActionBlock = RightBlock;\n\nNavigationHeader.propTypes = {\n /**\n * To specify the content to be rendered in the left side of the `NavigationHeader`.\n */\n leftActionBlock: PropTypes.node,\n /**\n * To specify the content to be rendered at the center of the `NavigationHeader`.\n */\n navigationLinks: PropTypes.node,\n /**\n * To specify the content to be rendered in the right side of the `NavigationHeader`.\n */\n rightActionBlock: PropTypes.node,\n};\n\nexport default NavigationHeader;\n"],"names":["DEFAULT_HOME_BUTTON_PROPS","tooltip","content","t","position","homeUrl","icon","React","createElement","Home","LeftBlock","_ref","customHomeButtonProps","homeButtonProps","renameProps","children","mergeDeepRight","className","Tooltip","Link","to","isPresent","Rename","_extends","dropdownItems","value","NavigationLinks","headerLinks","map","headerLink","NavLink","activeClassName","concat","joinHyphenCase","key","Typography","lineHeight","style","weight","label","RightBlock","isDraftBlockHidden","previewDraftUrl","isResetDraftButtonVisible","onResetClick","isResetting","isPublishDisabled","isPublishing","handlePublish","isPublishPreviewDisabled","previewPublishedUrl","isPublishButtonVisible","isResetAlertOpen","setIsResetAlertOpen","handleReset","publishAlertTitle","publishAlertDescription","_ref$publishButtonPro","publishButtonProps","_useTranslation","useTranslation","renderDraftButtons","_ref2","ViewDraftButton","ResetDraftButton","Fragment","loading","onClick","renderPublishButtons","_ref3","PublishButton","PublishPreviewButton","disabled","classNames","PublishBlock","Alert","isOpen","isSubmitting","message","title","onClose","onSubmit","NavigationHeader","leftActionBlock","navigationLinks","rightActionBlock","numberOfChildren","length","filter","gridTemplateColumns","LeftActionBlock","RightActionBlock"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"NavigationHeader.js","sources":["../../src/components/NavigationHeader/constants.jsx","../../src/components/NavigationHeader/LeftBlock.jsx","../../src/components/NavigationHeader/Navigation.jsx","../../src/components/NavigationHeader/RightBlock.jsx","../../src/components/NavigationHeader/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { t } from \"i18next\";\nimport { Home } from \"neetoicons\";\n\nexport const DEFAULT_HOME_BUTTON_PROPS = {\n tooltip: {\n content: t(\"neetoMolecules.navigationHeader.home\"),\n position: \"bottom\",\n },\n homeUrl: \"/\",\n icon: <Home />,\n};\n","import React from \"react\";\n\nimport { isPresent } from \"neetocist\";\nimport { Tooltip } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { mergeDeepRight } from \"ramda\";\nimport { Link } from \"react-router-dom\";\n\nimport Rename from \"components/Rename\";\n\nimport { DEFAULT_HOME_BUTTON_PROPS } from \"./constants\";\n\nconst LeftBlock = ({\n homeButtonProps: customHomeButtonProps,\n homeUrl,\n renameProps,\n children,\n}) => {\n const homeButtonProps = mergeDeepRight(\n DEFAULT_HOME_BUTTON_PROPS,\n customHomeButtonProps\n );\n\n return (\n <div\n className=\"flex items-center gap-1 md:gap-2\"\n data-cy=\"navigation-header-left-block\"\n data-testid=\"navigation-header-left-block\"\n >\n <Tooltip\n content={homeButtonProps.tooltip.content}\n position={homeButtonProps.tooltip.position}\n >\n <Link data-cy=\"home-button\" data-testid=\"home-button\" to={homeUrl}>\n <div className=\"neeto-ui-rounded hover:neeto-ui-bg-gray-200 p-1\">\n {homeButtonProps.icon}\n </div>\n </Link>\n </Tooltip>\n {isPresent(renameProps) && (\n <Rename\n dropdownItems={renameProps.dropdownItems}\n value={renameProps.value}\n {...renameProps}\n />\n )}\n {children}\n </div>\n );\n};\n\nLeftBlock.propTypes = {\n /**\n * Object containing the home button icon and the props to be passed to the tooltip of the home button.\n */\n homeButtonProps: PropTypes.shape({\n tooltip: PropTypes.shape({\n content: PropTypes.string,\n postition: PropTypes.string,\n }),\n icon: PropTypes.node,\n }),\n /**\n * URL to navigate when the home button is clicked.\n */\n homeUrl: PropTypes.string.isRequired,\n /**\n * Props to be passed to the `Rename` component. Please check the `Rename` component props for more details\n */\n renameProps: PropTypes.object,\n /**\n * To render extra content in the block.\n */\n children: PropTypes.node,\n};\n\nexport default LeftBlock;\n","import React from \"react\";\n\nimport { joinHyphenCase } from \"neetocommons/utils/general\";\nimport { Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { NavLink } from \"react-router-dom\";\n\nconst NavigationLinks = ({ headerLinks }) => (\n <div\n className=\"flex w-full items-center justify-center gap-2 md:gap-3 lg:gap-6\"\n data-cy=\"navigation-header-navigation-links\"\n data-testid=\"navigation-header-navigation-links\"\n >\n {headerLinks.map(headerLink => (\n <NavLink\n activeClassName=\"active\"\n className=\"neeto-molecules-navigation-header__link capitalize no-underline\"\n data-cy={`${joinHyphenCase(headerLink.key)}-tab`}\n key={headerLink.key}\n {...headerLink}\n >\n <Typography lineHeight=\"normal\" style=\"h4\" weight=\"semibold\">\n {headerLink.label}\n </Typography>\n </NavLink>\n ))}\n </div>\n);\n\nNavigationLinks.propTypes = {\n /**\n * Links to be rendered in the center of the navigation header. It is an array of objects.\n * Each object should have the properties `key`, `to` and `label`. Other props will be passed on to the `Navlink` component from\n `react-router-dom`.\n */\n headerLinks: PropTypes.arrayOf(\n PropTypes.shape({\n key: PropTypes.string,\n to: PropTypes.string,\n label: PropTypes.string,\n })\n ),\n};\n\nexport default NavigationLinks;\n","import React from \"react\";\n\nimport classNames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport PublishBlock from \"components/PublishBlock\";\n\nimport \"./navigation-header.scss\";\n\nconst RightBlock = ({\n isDraftBlockHidden,\n previewDraftUrl,\n isResetDraftButtonVisible,\n onResetClick,\n isResetting,\n isPublishDisabled,\n isPublishing,\n handlePublish,\n isPublishPreviewDisabled,\n previewPublishedUrl,\n isPublishButtonVisible,\n isResetAlertOpen,\n setIsResetAlertOpen,\n handleReset,\n publishAlertTitle,\n publishAlertDescription,\n publishButtonProps = {},\n}) => {\n const { t } = useTranslation();\n\n const renderDraftButtons = ({ ViewDraftButton, ResetDraftButton }) =>\n !isDraftBlockHidden && (\n <>\n <ViewDraftButton to={previewDraftUrl} />\n {isResetDraftButtonVisible && (\n <ResetDraftButton\n loading={isResetting}\n onClick={() => onResetClick()}\n />\n )}\n </>\n );\n\n const renderPublishButtons = ({ PublishButton, PublishPreviewButton }) => (\n <>\n {isPublishButtonVisible && (\n <PublishButton\n disabled={isPublishDisabled}\n loading={isPublishing}\n onClick={() => handlePublish()}\n {...publishButtonProps}\n />\n )}\n <PublishPreviewButton\n disabled={isPublishPreviewDisabled}\n to={previewPublishedUrl}\n className={classNames({\n \"standalone-publish-preview-button\": !isPublishButtonVisible,\n })}\n />\n </>\n );\n\n return (\n <>\n <PublishBlock {...{ renderDraftButtons, renderPublishButtons }} />\n <PublishBlock.Alert\n isOpen={isResetAlertOpen}\n isSubmitting={isResetting}\n message={\n publishAlertDescription ||\n t(\"neetoMolecules.navigationHeader.resetDescription\")\n }\n title={\n publishAlertTitle || t(\"neetoMolecules.navigationHeader.resetTitle\")\n }\n onClose={() => setIsResetAlertOpen(false)}\n onSubmit={handleReset}\n />\n </>\n );\n};\n\nRightBlock.propTypes = {\n /**\n * To show/hide the draft block.\n */\n isDraftBlockHidden: PropTypes.bool,\n /**\n * Draft preview URL, when the draft button is clicked user will be redirected to this URL.\n */\n previewDraftUrl: PropTypes.string,\n /**\n * Boolean to control the visibility of reset draft button.\n */\n isResetDraftButtonVisible: PropTypes.bool,\n /**\n * Callback function that will be called when the reset button is clicked.\n */\n onResetClick: PropTypes.func,\n /**\n * Setting this to `true` will show a spinner on the reset button. Use when the reset process is in progress.\n */\n isResetting: PropTypes.bool,\n /**\n * To disable the publish button.\n */\n isPublishDisabled: PropTypes.bool,\n /**\n * Setting this to `true` will show a spinner on the publish button. Use when the publish process is in progress.\n */\n isPublishing: PropTypes.bool,\n /**\n * Callback function that will be called when the publish button is clicked.\n */\n handlePublish: PropTypes.func,\n /**\n * To disable the publish preview button.\n */\n isPublishPreviewDisabled: PropTypes.bool,\n /**\n * Publish preview URL, when the preview publish button is clicked user will be redirected to this URL.\n */\n previewPublishedUrl: PropTypes.string,\n /**\n * Boolean to control whether the user have the ability to publish.\n */\n isPublishButtonVisible: PropTypes.bool,\n /**\n * Boolean to control whether the reset alert is open.\n */\n isResetAlertOpen: PropTypes.bool,\n /**\n * Handler to control the `isResetAlert` state variable.\n */\n setIsResetAlertOpen: PropTypes.func,\n /**\n * Callback function that will be called when the reset button is clicked.\n */\n handleReset: PropTypes.func,\n /**\n * Description to be shown in the publish alert\n */\n publishAlertDescription: PropTypes.string,\n /**\n * Title of the publish alert\n */\n publishAlertTitle: PropTypes.string,\n /**\n * Props to be passed to the publish button\n */\n publishButtonProps: PropTypes.object,\n};\n\nexport default RightBlock;\n","import React from \"react\";\n\nimport { isPresent } from \"neetocist\";\nimport PropTypes from \"prop-types\";\nimport { filter, length } from \"ramda\";\n\nimport LeftBlock from \"./LeftBlock\";\nimport NavigationLinks from \"./Navigation\";\nimport RightBlock from \"./RightBlock\";\n\nconst NavigationHeader = ({\n leftActionBlock,\n navigationLinks,\n rightActionBlock,\n}) => {\n const numberOfChildren = length(\n filter(isPresent, [leftActionBlock, navigationLinks, rightActionBlock])\n );\n\n return (\n <div\n className=\"neeto-molecules-navigation-header neeto-ui-border-gray-200 neeto-ui-bg-white flex h-16 w-full flex-shrink-0 items-center overflow-x-auto border-b px-2 py-2 md:px-4 lg:px-6\"\n data-cy=\"navigation-header\"\n data-testid=\"navigation-header\"\n >\n <div\n className=\"grid w-full gap-4\"\n style={{ gridTemplateColumns: `repeat(${numberOfChildren}, 1fr)` }}\n >\n {leftActionBlock}\n {navigationLinks}\n {rightActionBlock}\n </div>\n </div>\n );\n};\n\nNavigationHeader.LeftActionBlock = LeftBlock;\nNavigationHeader.NavigationLinks = NavigationLinks;\nNavigationHeader.RightActionBlock = RightBlock;\n\nNavigationHeader.propTypes = {\n /**\n * To specify the content to be rendered in the left side of the `NavigationHeader`.\n */\n leftActionBlock: PropTypes.node,\n /**\n * To specify the content to be rendered at the center of the `NavigationHeader`.\n */\n navigationLinks: PropTypes.node,\n /**\n * To specify the content to be rendered in the right side of the `NavigationHeader`.\n */\n rightActionBlock: PropTypes.node,\n};\n\nexport default NavigationHeader;\n"],"names":["DEFAULT_HOME_BUTTON_PROPS","tooltip","content","t","position","homeUrl","icon","React","createElement","Home","LeftBlock","_ref","customHomeButtonProps","homeButtonProps","renameProps","children","mergeDeepRight","className","Tooltip","Link","to","isPresent","Rename","_extends","dropdownItems","value","NavigationLinks","headerLinks","map","headerLink","NavLink","activeClassName","concat","joinHyphenCase","key","Typography","lineHeight","style","weight","label","RightBlock","isDraftBlockHidden","previewDraftUrl","isResetDraftButtonVisible","onResetClick","isResetting","isPublishDisabled","isPublishing","handlePublish","isPublishPreviewDisabled","previewPublishedUrl","isPublishButtonVisible","isResetAlertOpen","setIsResetAlertOpen","handleReset","publishAlertTitle","publishAlertDescription","_ref$publishButtonPro","publishButtonProps","_useTranslation","useTranslation","renderDraftButtons","_ref2","ViewDraftButton","ResetDraftButton","Fragment","loading","onClick","renderPublishButtons","_ref3","PublishButton","PublishPreviewButton","disabled","classNames","PublishBlock","Alert","isOpen","isSubmitting","message","title","onClose","onSubmit","NavigationHeader","leftActionBlock","navigationLinks","rightActionBlock","numberOfChildren","length","filter","gridTemplateColumns","LeftActionBlock","RightActionBlock"],"mappings":"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"}
|
package/dist/cjs/Rename.js
CHANGED
|
@@ -15,11 +15,11 @@ var neetoIcons = require('@bigbinary/neeto-icons');
|
|
|
15
15
|
var neetoui = require('@bigbinary/neetoui');
|
|
16
16
|
var injectCss = require('./inject-css-80a5faa3.js');
|
|
17
17
|
var toConsumableArray = require('./toConsumableArray-9abb3858.js');
|
|
18
|
-
var
|
|
18
|
+
var defineProperty = require('./defineProperty-886ed289.js');
|
|
19
|
+
var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
|
|
19
20
|
var MoreDropdown = require('./MoreDropdown.js');
|
|
20
21
|
require('react-router-dom');
|
|
21
22
|
require('./objectWithoutProperties-2fed2d7d.js');
|
|
22
|
-
require('./defineProperty-886ed289.js');
|
|
23
23
|
require('react-i18next');
|
|
24
24
|
|
|
25
25
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
@@ -29,7 +29,6 @@ var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
|
29
29
|
var useOnClickOutside__default = /*#__PURE__*/_interopDefaultLegacy(useOnClickOutside);
|
|
30
30
|
var useStateWithDependency__default = /*#__PURE__*/_interopDefaultLegacy(useStateWithDependency);
|
|
31
31
|
var useHotkeys__default = /*#__PURE__*/_interopDefaultLegacy(useHotkeys);
|
|
32
|
-
var withT__default = /*#__PURE__*/_interopDefaultLegacy(withT);
|
|
33
32
|
|
|
34
33
|
var mergeRefs = function mergeRefs() {
|
|
35
34
|
for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
@@ -111,7 +110,9 @@ var Editor = function Editor(_ref) {
|
|
|
111
110
|
var css = ":root{--neeto-molecules-rename-font-size:var(--neeto-ui-text-sm);--neeto-molecules-rename-font-weight:400;--neeto-molecules-rename-letter-spacing:0;--neeto-molecules-rename-line-height:1.2;--neeto-molecules-rename-min-width:120px}.neeto-molecules-rename-common-styles,.neeto-molecules-rename__input .neeto-ui-input input,.neeto-molecules-rename__input-width-maker,.neeto-molecules-rename__text{font-size:var(--neeto-ui-text-sm)!important;font-size:var(--neeto-molecules-rename-font-size)!important;font-weight:400;font-weight:var(--neeto-molecules-rename-font-weight);letter-spacing:0;letter-spacing:var(--neeto-molecules-rename-letter-spacing);line-height:1.2;line-height:var(--neeto-molecules-rename-line-height);margin:0}.neeto-molecules-rename__input{height:100%;margin:0;max-width:100%;min-width:0;position:relative;transition:width .2s ease-in-out;width:100%}.neeto-molecules-rename__input .neeto-ui-input{height:100%}.neeto-molecules-rename__input .neeto-ui-input .neeto-ui-input__suffix{margin-right:0!important}.neeto-molecules-rename__input .neeto-ui-input input{min-width:0}.neeto-molecules-rename__text{background-color:rgb(var(--neeto-ui-white));border:thin solid rgb(var(--neeto-ui-white));border-radius:var(--neeto-ui-rounded);cursor:pointer;max-width:448px;padding:8px;transition:var(--neeto-ui-transition)}.neeto-molecules-rename__display-text{color:rgb(var(--neeto-ui-gray-800))}.neeto-molecules-rename__display-text:hover{border:thin solid rgb(var(--neeto-ui-gray-300))}.neeto-molecules-rename__input-width-maker{background-color:rgb(var(--neeto-ui-white));border:thin solid rgb(var(--neeto-ui-white));border-radius:var(--neeto-ui-rounded);cursor:pointer;display:inline-flex;margin-right:68px;max-width:100%;min-width:120px;overflow:hidden;padding:8px;position:relative;transition:var(--neeto-ui-transition);visibility:hidden;white-space:nowrap}";
|
|
112
111
|
injectCss.n(css,{});
|
|
113
112
|
|
|
114
|
-
var
|
|
113
|
+
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; }
|
|
114
|
+
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._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; }
|
|
115
|
+
var RenameMenu = reactUtils.withT(function (_ref) {
|
|
115
116
|
var t = _ref.t,
|
|
116
117
|
handleRenameClick = _ref.handleRenameClick,
|
|
117
118
|
disabled = _ref.disabled,
|
|
@@ -119,12 +120,14 @@ var RenameMenu = withT__default["default"](function (_ref) {
|
|
|
119
120
|
onArchiveStatusToggle = _ref.onArchiveStatusToggle,
|
|
120
121
|
onClone = _ref.onClone,
|
|
121
122
|
onDelete = _ref.onDelete,
|
|
122
|
-
isArchived = _ref.isArchived
|
|
123
|
+
isArchived = _ref.isArchived,
|
|
124
|
+
dropdownButtonProps = _ref.dropdownButtonProps,
|
|
125
|
+
dropdownProps = _ref.dropdownProps;
|
|
123
126
|
return /*#__PURE__*/React__default["default"].createElement(MoreDropdown, {
|
|
124
|
-
dropdownButtonProps: {
|
|
127
|
+
dropdownButtonProps: _objectSpread({
|
|
125
128
|
"data-testid": "neeto-molecules-menu-button"
|
|
126
|
-
},
|
|
127
|
-
dropdownProps: {
|
|
129
|
+
}, dropdownButtonProps),
|
|
130
|
+
dropdownProps: _objectSpread({
|
|
128
131
|
position: "bottom-start",
|
|
129
132
|
onClick: function onClick(event) {
|
|
130
133
|
return event.stopPropagation();
|
|
@@ -133,7 +136,7 @@ var RenameMenu = withT__default["default"](function (_ref) {
|
|
|
133
136
|
appendTo: function appendTo() {
|
|
134
137
|
return document.body;
|
|
135
138
|
}
|
|
136
|
-
},
|
|
139
|
+
}, dropdownProps),
|
|
137
140
|
menuItems: [{
|
|
138
141
|
"data-cy": "form-rename-button",
|
|
139
142
|
onClick: handleRenameClick,
|
|
@@ -173,7 +176,9 @@ var ViewName = function ViewName(_ref) {
|
|
|
173
176
|
onClone = _ref.onClone,
|
|
174
177
|
onDelete = _ref.onDelete,
|
|
175
178
|
name = _ref.name,
|
|
176
|
-
isArchived = _ref.isArchived
|
|
179
|
+
isArchived = _ref.isArchived,
|
|
180
|
+
dropdownButtonProps = _ref.dropdownButtonProps,
|
|
181
|
+
dropdownProps = _ref.dropdownProps;
|
|
177
182
|
var isDefaultMenuCallbacksPresent = neetoCist.isPresent(onArchiveStatusToggle) || neetoCist.isPresent(onDelete) || neetoCist.isPresent(onClone);
|
|
178
183
|
var isMenuVisible = !hideMenu && (neetoCist.isNotEmpty(dropdownItems) || !disabled || isDefaultMenuCallbacksPresent);
|
|
179
184
|
return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, _extends._extends({
|
|
@@ -188,7 +193,9 @@ var ViewName = function ViewName(_ref) {
|
|
|
188
193
|
onClick: handleRenameClick
|
|
189
194
|
}, textProps), typeof formatText === "function" ? formatText(name) : name), isMenuVisible && /*#__PURE__*/React__default["default"].createElement(RenameMenu, {
|
|
190
195
|
disabled: disabled,
|
|
196
|
+
dropdownButtonProps: dropdownButtonProps,
|
|
191
197
|
dropdownItems: dropdownItems,
|
|
198
|
+
dropdownProps: dropdownProps,
|
|
192
199
|
handleRenameClick: handleRenameClick,
|
|
193
200
|
isArchived: isArchived,
|
|
194
201
|
onArchiveStatusToggle: onArchiveStatusToggle,
|
|
@@ -232,7 +239,11 @@ var Rename = function Rename(_ref) {
|
|
|
232
239
|
allowEmptySubmission = _ref$allowEmptySubmis === void 0 ? false : _ref$allowEmptySubmis,
|
|
233
240
|
_ref$defaultName = _ref.defaultName,
|
|
234
241
|
defaultName = _ref$defaultName === void 0 ? "" : _ref$defaultName,
|
|
235
|
-
formatText = _ref.formatText
|
|
242
|
+
formatText = _ref.formatText,
|
|
243
|
+
_ref$dropdownButtonPr = _ref.dropdownButtonProps,
|
|
244
|
+
dropdownButtonProps = _ref$dropdownButtonPr === void 0 ? {} : _ref$dropdownButtonPr,
|
|
245
|
+
_ref$dropdownProps = _ref.dropdownProps,
|
|
246
|
+
dropdownProps = _ref$dropdownProps === void 0 ? {} : _ref$dropdownProps;
|
|
236
247
|
var _useStateWithDependen = useStateWithDependency__default["default"](value !== null && value !== void 0 ? value : ""),
|
|
237
248
|
_useStateWithDependen2 = slicedToArray._slicedToArray(_useStateWithDependen, 2),
|
|
238
249
|
name = _useStateWithDependen2[0],
|
|
@@ -285,7 +296,9 @@ var Rename = function Rename(_ref) {
|
|
|
285
296
|
onArchiveStatusToggle: onArchiveStatusToggle,
|
|
286
297
|
onClone: onClone,
|
|
287
298
|
onDelete: onDelete,
|
|
288
|
-
textProps: textProps
|
|
299
|
+
textProps: textProps,
|
|
300
|
+
dropdownButtonProps: dropdownButtonProps,
|
|
301
|
+
dropdownProps: dropdownProps
|
|
289
302
|
};
|
|
290
303
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
291
304
|
ref: renameRef,
|
package/dist/cjs/Rename.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Rename.js","sources":["../../src/components/Rename/utils.js","../../src/components/Rename/EditName.jsx","../../src/components/Rename/RenameMenu.jsx","../../src/components/Rename/ViewName.jsx","../../src/components/Rename/index.jsx"],"sourcesContent":["export const mergeRefs =\n (...refs) =>\n node =>\n refs.forEach(ref =>\n typeof ref === \"function\" ? ref(node) : (ref.current = node)\n );\n","import React from \"react\";\n\nimport { withEventTargetValue } from \"neetocommons/utils/general\";\nimport useHotkeys from \"neetohotkeys\";\nimport { Check, Close } from \"neetoicons\";\nimport { Button, Input } from \"neetoui\";\nimport { isEmpty } from \"ramda\";\n\nimport { mergeRefs } from \"./utils\";\n\nconst Editor = ({\n placeholder,\n allowEmptySubmission,\n name,\n isLoading,\n handleRename,\n submitButtonProps,\n handleClose,\n cancelButtonProps,\n setName,\n inputProps,\n editMode,\n}) => {\n const closeRef = useHotkeys(\"escape\", handleClose, {\n mode: \"scoped\",\n enabled: editMode,\n });\n\n const submitRef = useHotkeys(\n [\"command+return\", \"return\"],\n event => {\n if (isEmpty(name) && !allowEmptySubmission) return;\n handleRename(event, name);\n },\n { mode: \"scoped\", enabled: editMode }\n );\n\n return (\n <div className=\"relative flex min-w-0 max-w-full flex-grow\">\n <span className=\"neeto-molecules-rename__input-width-maker\">\n {name.replace(/\\s/g, \".\") || placeholder}\n </span>\n <Input\n {...{ placeholder }}\n autoFocus\n className=\"neeto-molecules-rename__input absolute\"\n data-cy=\"form-rename-text-field\"\n data-testid=\"neeto-molecules-name-input\"\n ref={mergeRefs(closeRef, submitRef)}\n value={name}\n suffix={\n <div className=\"flex items-center justify-end\">\n <Button\n className=\"neeto-ui-rounded-none\"\n data-cy=\"form-rename-submit-button\"\n data-testid=\"neeto-molecules-rename-button\"\n disabled={(!allowEmptySubmission && isEmpty(name)) || isLoading}\n icon={Check}\n loading={isLoading}\n style=\"text\"\n onClick={event => handleRename(event, name)}\n {...submitButtonProps}\n />\n <Button\n className=\"neeto-ui-rounded-none\"\n data-cy=\"form-rename-close-button\"\n data-testid=\"neeto-molecules-cancel-button\"\n disabled={isLoading}\n icon={Close}\n style=\"text\"\n onClick={handleClose}\n {...cancelButtonProps}\n />\n </div>\n }\n onChange={withEventTargetValue(setName)}\n onClick={event => event.stopPropagation()}\n {...inputProps}\n label={null}\n />\n </div>\n );\n};\n\nexport default Editor;\n","import React from \"react\";\n\nimport { isPresent } from \"neetocist\";\nimport withT from \"neetocommons/react-utils/withT\";\n\nimport MoreDropdown from \"components/MoreDropdown\";\n\nconst RenameMenu = withT(\n ({\n t,\n handleRenameClick,\n disabled,\n dropdownItems,\n onArchiveStatusToggle,\n onClone,\n onDelete,\n isArchived,\n }) => (\n <MoreDropdown\n dropdownButtonProps={{\n \"data-testid\": \"neeto-molecules-menu-button\",\n }}\n dropdownProps={{\n position: \"bottom-start\",\n onClick: event => event.stopPropagation(),\n strategy: \"fixed\",\n appendTo: () => document.body,\n }}\n menuItems={[\n {\n \"data-cy\": \"form-rename-button\",\n onClick: handleRenameClick,\n label: t(\"neetoMolecules.common.actions.rename\"),\n isVisible: !disabled,\n key: \"edit-name-menu\",\n },\n {\n \"data-cy\": \"form-clone-button\",\n onClick: onClone,\n label: t(\"neetoMolecules.common.actions.clone\"),\n isVisible: isPresent(onClone),\n key: \"clone-entity-menu\",\n },\n {\n \"data-cy\": \"form-archive-button\",\n onClick: onArchiveStatusToggle,\n label: isArchived\n ? t(\"neetoMolecules.common.actions.unArchive\")\n : t(\"neetoMolecules.common.actions.archive\"),\n isVisible: isPresent(onArchiveStatusToggle),\n key: \"archive-entity-menu\",\n },\n {\n \"data-cy\": \"form-delete-button\",\n onClick: onDelete,\n label: t(\"neetoMolecules.common.actions.delete\"),\n isVisible: isPresent(onDelete),\n key: \"delete-entity-menu\",\n },\n ...dropdownItems,\n ]}\n />\n )\n);\n\nexport default RenameMenu;\n","import React from \"react\";\n\nimport classNames from \"classnames\";\nimport { isNotEmpty, isPresent } from \"neetocist\";\nimport { Typography } from \"neetoui\";\n\nimport RenameMenu from \"./RenameMenu\";\n\nconst ViewName = ({\n disabled,\n textProps,\n formatText,\n dropdownItems,\n hideMenu,\n handleRenameClick,\n onArchiveStatusToggle,\n onClone,\n onDelete,\n name,\n isArchived,\n}) => {\n const isDefaultMenuCallbacksPresent =\n isPresent(onArchiveStatusToggle) ||\n isPresent(onDelete) ||\n isPresent(onClone);\n\n const isMenuVisible =\n !hideMenu &&\n (isNotEmpty(dropdownItems) || !disabled || isDefaultMenuCallbacksPresent);\n\n return (\n <>\n <Typography\n component=\"p\"\n data-cy=\"form-title\"\n data-testid=\"neeto-molecules-value-display\"\n style=\"body2\"\n className={classNames(\n \"neeto-molecules-rename__text neeto-molecules-rename__display-text w-full truncate\",\n {\n \"cursor-pointer\": !disabled,\n \"pointer-events-none cursor-text\": disabled,\n }\n )}\n onClick={handleRenameClick}\n {...textProps}\n >\n {typeof formatText === \"function\" ? formatText(name) : name}\n </Typography>\n {isMenuVisible && (\n <RenameMenu\n {...{\n disabled,\n dropdownItems,\n handleRenameClick,\n isArchived,\n onArchiveStatusToggle,\n onClone,\n onDelete,\n }}\n />\n )}\n </>\n );\n};\n\nexport default ViewName;\n","import React, { useState, useRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport { isNotEmpty } from \"neetocist\";\nimport useOnClickOutside from \"neetocommons/react-utils/useOnClickOutside\";\nimport useStateWithDependency from \"neetocommons/react-utils/useStateWithDependency\";\nimport PropTypes from \"prop-types\";\nimport { isEmpty } from \"ramda\";\n\nimport Breadcrumbs from \"components/Breadcrumbs\";\n\nimport EditName from \"./EditName\";\nimport \"./rename.scss\";\nimport ViewName from \"./ViewName\";\n\nconst Rename = ({\n value,\n onRename,\n onClone,\n onArchiveStatusToggle,\n onDelete,\n isArchived,\n isOpen = false,\n isLoading = false,\n placeholder = \"\",\n hideMenu = false,\n disabled = false,\n dropdownItems = [],\n breadcrumbs = [],\n textProps = {},\n inputProps = {},\n submitButtonProps = {},\n cancelButtonProps = {},\n className = \"\",\n allowEmptySubmission = false,\n defaultName = \"\",\n formatText,\n}) => {\n const [name, setName] = useStateWithDependency(value ?? \"\");\n const [editMode, setEditMode] = useState(isOpen);\n const renameRef = useRef(null);\n\n useOnClickOutside(renameRef, () => editMode && handleClose());\n\n const handleRename = (event, name) => {\n event.stopPropagation();\n const newName = allowEmptySubmission && isEmpty(name) ? defaultName : name;\n setName(newName);\n onRename?.(newName);\n setEditMode(false);\n };\n\n const handleClose = event => {\n event?.stopPropagation();\n setName(value);\n setEditMode(false);\n };\n\n const handleRenameClick = event => {\n event.stopPropagation();\n !disabled && setEditMode(true);\n };\n\n const editNameProps = {\n allowEmptySubmission,\n cancelButtonProps,\n handleClose,\n handleRename,\n inputProps,\n isLoading,\n name,\n placeholder,\n setName,\n submitButtonProps,\n editMode,\n };\n\n const viewNameProps = {\n disabled,\n dropdownItems,\n formatText,\n handleRenameClick,\n hideMenu,\n name,\n isArchived,\n onArchiveStatusToggle,\n onClone,\n onDelete,\n textProps,\n };\n\n return (\n <div\n ref={renameRef}\n className={classnames(\n \"neeto-molecules-rename flex min-w-0 max-w-md flex-col items-start md:flex-row md:items-center\",\n className\n )}\n >\n {isNotEmpty(breadcrumbs) && (\n <Breadcrumbs {...{ breadcrumbs }} hasTrailingSeparator />\n )}\n <div className=\"relative flex max-w-full items-center gap-x-2\">\n {editMode ? (\n <EditName {...editNameProps} />\n ) : (\n <ViewName {...viewNameProps} />\n )}\n </div>\n </div>\n );\n};\n\nRename.propTypes = {\n /**\n * To provide additional classes to the component.\n */\n className: PropTypes.string,\n /**\n * To allow empty submission.\n */\n allowEmptySubmission: PropTypes.bool,\n /**\n * Default value to be used on empty submission.\n */\n defaultName: PropTypes.string,\n /**\n * To specify the text to be displayed in the component.\n */\n value: PropTypes.string,\n /**\n * To specify the function to be triggered when renamed.\n */\n onRename: PropTypes.func,\n /**\n * To specify the function to be triggered when Clone menu is clicked. The menu will be hidden if this prop is not set.\n */\n onClone: PropTypes.func,\n /**\n * To specify the function to be triggered when Archive menu is clicked. The menu will be hidden if this prop is not set.\n */\n onArchiveStatusToggle: PropTypes.func,\n /**\n * To specify whether the entity is archived or not. The text in the menu will be changed based on this to Archive or Unarchive.\n */\n isArchived: PropTypes.bool,\n /**\n * To specify the function to be triggered when Delete menu is clicked. The menu will be hidden if this prop is not set.\n */\n onDelete: PropTypes.func,\n /**\n * To specify whether edit mode is enabled or not.\n */\n isOpen: PropTypes.bool,\n /**\n * To specify whether the edit buttons are in loading state or not.\n */\n isLoading: PropTypes.bool,\n /**\n * To specify the placeholder for the input component in edit mode.\n */\n placeholder: PropTypes.string,\n /**\n * To specify whether the dropdown menu should be hidden or not.\n */\n hideMenu: PropTypes.bool,\n /**\n * To specify whether the rename option in dropdown should be enabled. If it is the only option in dropdown, the menu will be hidden.\n */\n disabled: PropTypes.bool,\n /**\n * To specify additional items for the dropdown menu.\n */\n dropdownItems: PropTypes.array,\n /**\n * To specify the breadcrumbs if used in the title of `Header` component.\n */\n breadcrumbs: PropTypes.arrayOf(\n PropTypes.shape({\n text: PropTypes.string,\n link: PropTypes.string,\n })\n ),\n /**\n * To override the properties of the Typography component that displays the `value`.\n */\n textProps: PropTypes.object,\n /**\n * To override the properties of the Input component in edit mode.\n */\n inputProps: PropTypes.object,\n /**\n * To format the value to display when not in edit mode.\n */\n formatText: PropTypes.func,\n /**\n * To override the properties of the submit button.\n */\n submitButtonProps: PropTypes.object,\n /**\n * To override the properties of the cancel button.\n */\n cancelButtonProps: PropTypes.object,\n};\n\nexport default Rename;\n"],"names":["mergeRefs","_len","arguments","length","refs","Array","_key","node","forEach","ref","current","Editor","_ref","placeholder","allowEmptySubmission","name","isLoading","handleRename","submitButtonProps","handleClose","cancelButtonProps","setName","inputProps","editMode","closeRef","useHotkeys","mode","enabled","submitRef","event","isEmpty","React","createElement","className","replace","Input","_extends","autoFocus","value","suffix","Button","disabled","icon","Check","loading","style","onClick","Close","onChange","withEventTargetValue","stopPropagation","label","RenameMenu","withT","t","handleRenameClick","dropdownItems","onArchiveStatusToggle","onClone","onDelete","isArchived","MoreDropdown","dropdownButtonProps","dropdownProps","position","strategy","appendTo","document","body","menuItems","isVisible","key","isPresent","concat","_toConsumableArray","ViewName","textProps","formatText","hideMenu","isDefaultMenuCallbacksPresent","isMenuVisible","isNotEmpty","Fragment","Typography","component","classNames","Rename","onRename","_ref$isOpen","isOpen","_ref$isLoading","_ref$placeholder","_ref$hideMenu","_ref$disabled","_ref$dropdownItems","_ref$breadcrumbs","breadcrumbs","_ref$textProps","_ref$inputProps","_ref$submitButtonProp","_ref$cancelButtonProp","_ref$className","_ref$allowEmptySubmis","_ref$defaultName","defaultName","_useStateWithDependen","useStateWithDependency","_useStateWithDependen2","_slicedToArray","_useState","useState","_useState2","setEditMode","renameRef","useRef","useOnClickOutside","newName","editNameProps","viewNameProps","classnames","Breadcrumbs","hasTrailingSeparator","EditName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAO,IAAMA,SAAS,GACpB,SADWA,SAASA,GAAA;AAAA,EAAA,KAAA,IAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAChBC,IAAI,GAAAC,IAAAA,KAAA,CAAAJ,IAAA,GAAAK,IAAA,GAAA,CAAA,EAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,EAAA,EAAA;AAAJF,IAAAA,IAAI,CAAAE,IAAA,CAAAJ,GAAAA,SAAA,CAAAI,IAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,OACR,UAAAC,IAAI,EAAA;AAAA,IAAA,OACFH,IAAI,CAACI,OAAO,CAAC,UAAAC,GAAG,EAAA;AAAA,MAAA,OACd,OAAOA,GAAG,KAAK,UAAU,GAAGA,GAAG,CAACF,IAAI,CAAC,GAAIE,GAAG,CAACC,OAAO,GAAGH,IAAK,CAAA;AAAA,KAC9D,CAAC,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA;;ACKL,IAAMI,MAAM,GAAG,SAATA,MAAMA,CAAAC,IAAA,EAYN;AAAA,EAAA,IAXJC,WAAW,GAAAD,IAAA,CAAXC,WAAW;IACXC,oBAAoB,GAAAF,IAAA,CAApBE,oBAAoB;IACpBC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IACJC,SAAS,GAAAJ,IAAA,CAATI,SAAS;IACTC,YAAY,GAAAL,IAAA,CAAZK,YAAY;IACZC,iBAAiB,GAAAN,IAAA,CAAjBM,iBAAiB;IACjBC,WAAW,GAAAP,IAAA,CAAXO,WAAW;IACXC,iBAAiB,GAAAR,IAAA,CAAjBQ,iBAAiB;IACjBC,OAAO,GAAAT,IAAA,CAAPS,OAAO;IACPC,UAAU,GAAAV,IAAA,CAAVU,UAAU;IACVC,QAAQ,GAAAX,IAAA,CAARW,QAAQ,CAAA;AAER,EAAA,IAAMC,QAAQ,GAAGC,8BAAU,CAAC,QAAQ,EAAEN,WAAW,EAAE;AACjDO,IAAAA,IAAI,EAAE,QAAQ;AACdC,IAAAA,OAAO,EAAEJ,QAAAA;AACX,GAAC,CAAC,CAAA;AAEF,EAAA,IAAMK,SAAS,GAAGH,8BAAU,CAC1B,CAAC,gBAAgB,EAAE,QAAQ,CAAC,EAC5B,UAAAI,KAAK,EAAI;AACP,IAAA,IAAIC,aAAO,CAACf,IAAI,CAAC,IAAI,CAACD,oBAAoB,EAAE,OAAA;AAC5CG,IAAAA,YAAY,CAACY,KAAK,EAAEd,IAAI,CAAC,CAAA;AAC3B,GAAC,EACD;AAAEW,IAAAA,IAAI,EAAE,QAAQ;AAAEC,IAAAA,OAAO,EAAEJ,QAAAA;AAAS,GACtC,CAAC,CAAA;EAED,oBACEQ,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,4CAAA;GACbF,eAAAA,yBAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMC,IAAAA,SAAS,EAAC,2CAAA;AAA2C,GAAA,EACxDlB,IAAI,CAACmB,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,IAAIrB,WACzB,CAAC,eACPkB,yBAAA,CAAAC,aAAA,CAACG,aAAK,EAAAC,iBAAA,CAAA;AACEvB,IAAAA,WAAW,EAAXA,WAAW;IACjBwB,SAAS,EAAA,IAAA;AACTJ,IAAAA,SAAS,EAAC,wCAAwC;AAClD,IAAA,SAAA,EAAQ,wBAAwB;AAChC,IAAA,aAAA,EAAY,4BAA4B;AACxCxB,IAAAA,GAAG,EAAET,SAAS,CAACwB,QAAQ,EAAEI,SAAS,CAAE;AACpCU,IAAAA,KAAK,EAAEvB,IAAK;IACZwB,MAAM,eACJR,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,MAAAA,SAAS,EAAC,+BAAA;AAA+B,KAAA,eAC5CF,yBAAA,CAAAC,aAAA,CAACQ,cAAM,EAAAJ,iBAAA,CAAA;AACLH,MAAAA,SAAS,EAAC,uBAAuB;AACjC,MAAA,SAAA,EAAQ,2BAA2B;AACnC,MAAA,aAAA,EAAY,+BAA+B;MAC3CQ,QAAQ,EAAG,CAAC3B,oBAAoB,IAAIgB,aAAO,CAACf,IAAI,CAAC,IAAKC,SAAU;AAChE0B,MAAAA,IAAI,EAAEC,gBAAM;AACZC,MAAAA,OAAO,EAAE5B,SAAU;AACnB6B,MAAAA,KAAK,EAAC,MAAM;MACZC,OAAO,EAAE,SAAAA,OAAAA,CAAAjB,KAAK,EAAA;AAAA,QAAA,OAAIZ,YAAY,CAACY,KAAK,EAAEd,IAAI,CAAC,CAAA;AAAA,OAAA;KACvCG,EAAAA,iBAAiB,CACtB,CAAC,eACFa,yBAAA,CAAAC,aAAA,CAACQ,cAAM,EAAAJ,iBAAA,CAAA;AACLH,MAAAA,SAAS,EAAC,uBAAuB;AACjC,MAAA,SAAA,EAAQ,0BAA0B;AAClC,MAAA,aAAA,EAAY,+BAA+B;AAC3CQ,MAAAA,QAAQ,EAAEzB,SAAU;AACpB0B,MAAAA,IAAI,EAAEK,gBAAM;AACZF,MAAAA,KAAK,EAAC,MAAM;AACZC,MAAAA,OAAO,EAAE3B,WAAAA;KACLC,EAAAA,iBAAiB,CACtB,CACE,CACN;AACD4B,IAAAA,QAAQ,EAAEC,4BAAoB,CAAC5B,OAAO,CAAE;IACxCyB,OAAO,EAAE,SAAAA,OAAAA,CAAAjB,KAAK,EAAA;AAAA,MAAA,OAAIA,KAAK,CAACqB,eAAe,EAAE,CAAA;AAAA,KAAA;AAAC,GAAA,EACtC5B,UAAU,EAAA;AACd6B,IAAAA,KAAK,EAAE,IAAA;AAAK,GAAA,CACb,CACE,CAAC,CAAA;AAEV,CAAC;;;;;AC3ED,IAAMC,UAAU,GAAGC,yBAAK,CACtB,UAAAzC,IAAA,EAAA;AAAA,EAAA,IACE0C,CAAC,GAAA1C,IAAA,CAAD0C,CAAC;IACDC,iBAAiB,GAAA3C,IAAA,CAAjB2C,iBAAiB;IACjBd,QAAQ,GAAA7B,IAAA,CAAR6B,QAAQ;IACRe,aAAa,GAAA5C,IAAA,CAAb4C,aAAa;IACbC,qBAAqB,GAAA7C,IAAA,CAArB6C,qBAAqB;IACrBC,OAAO,GAAA9C,IAAA,CAAP8C,OAAO;IACPC,QAAQ,GAAA/C,IAAA,CAAR+C,QAAQ;IACRC,UAAU,GAAAhD,IAAA,CAAVgD,UAAU,CAAA;AAAA,EAAA,oBAEV7B,yBAAA,CAAAC,aAAA,CAAC6B,YAAY,EAAA;AACXC,IAAAA,mBAAmB,EAAE;AACnB,MAAA,aAAa,EAAE,6BAAA;KACf;AACFC,IAAAA,aAAa,EAAE;AACbC,MAAAA,QAAQ,EAAE,cAAc;MACxBlB,OAAO,EAAE,SAAAA,OAAAA,CAAAjB,KAAK,EAAA;AAAA,QAAA,OAAIA,KAAK,CAACqB,eAAe,EAAE,CAAA;AAAA,OAAA;AACzCe,MAAAA,QAAQ,EAAE,OAAO;MACjBC,QAAQ,EAAE,SAAAA,QAAA,GAAA;QAAA,OAAMC,QAAQ,CAACC,IAAI,CAAA;AAAA,OAAA;KAC7B;AACFC,IAAAA,SAAS,EACP,CAAA;AACE,MAAA,SAAS,EAAE,oBAAoB;AAC/BvB,MAAAA,OAAO,EAAES,iBAAiB;AAC1BJ,MAAAA,KAAK,EAAEG,CAAC,CAAC,sCAAsC,CAAC;MAChDgB,SAAS,EAAE,CAAC7B,QAAQ;AACpB8B,MAAAA,GAAG,EAAE,gBAAA;AACP,KAAC,EACD;AACE,MAAA,SAAS,EAAE,mBAAmB;AAC9BzB,MAAAA,OAAO,EAAEY,OAAO;AAChBP,MAAAA,KAAK,EAAEG,CAAC,CAAC,qCAAqC,CAAC;AAC/CgB,MAAAA,SAAS,EAAEE,mBAAS,CAACd,OAAO,CAAC;AAC7Ba,MAAAA,GAAG,EAAE,mBAAA;AACP,KAAC,EACD;AACE,MAAA,SAAS,EAAE,qBAAqB;AAChCzB,MAAAA,OAAO,EAAEW,qBAAqB;MAC9BN,KAAK,EAAES,UAAU,GACbN,CAAC,CAAC,yCAAyC,CAAC,GAC5CA,CAAC,CAAC,uCAAuC,CAAC;AAC9CgB,MAAAA,SAAS,EAAEE,mBAAS,CAACf,qBAAqB,CAAC;AAC3Cc,MAAAA,GAAG,EAAE,qBAAA;AACP,KAAC,EACD;AACE,MAAA,SAAS,EAAE,oBAAoB;AAC/BzB,MAAAA,OAAO,EAAEa,QAAQ;AACjBR,MAAAA,KAAK,EAAEG,CAAC,CAAC,sCAAsC,CAAC;AAChDgB,MAAAA,SAAS,EAAEE,mBAAS,CAACb,QAAQ,CAAC;AAC9BY,MAAAA,GAAG,EAAE,oBAAA;AACP,KAAC,CAAAE,CAAAA,MAAA,CAAAC,oCAAA,CACElB,aAAa,CAAA,CAAA;AAChB,GACH,CAAC,CAAA;AAAA,CAEN,CAAC;;ACvDD,IAAMmB,QAAQ,GAAG,SAAXA,QAAQA,CAAA/D,IAAA,EAYR;AAAA,EAAA,IAXJ6B,QAAQ,GAAA7B,IAAA,CAAR6B,QAAQ;IACRmC,SAAS,GAAAhE,IAAA,CAATgE,SAAS;IACTC,UAAU,GAAAjE,IAAA,CAAViE,UAAU;IACVrB,aAAa,GAAA5C,IAAA,CAAb4C,aAAa;IACbsB,QAAQ,GAAAlE,IAAA,CAARkE,QAAQ;IACRvB,iBAAiB,GAAA3C,IAAA,CAAjB2C,iBAAiB;IACjBE,qBAAqB,GAAA7C,IAAA,CAArB6C,qBAAqB;IACrBC,OAAO,GAAA9C,IAAA,CAAP8C,OAAO;IACPC,QAAQ,GAAA/C,IAAA,CAAR+C,QAAQ;IACR5C,IAAI,GAAAH,IAAA,CAAJG,IAAI;IACJ6C,UAAU,GAAAhD,IAAA,CAAVgD,UAAU,CAAA;AAEV,EAAA,IAAMmB,6BAA6B,GACjCP,mBAAS,CAACf,qBAAqB,CAAC,IAChCe,mBAAS,CAACb,QAAQ,CAAC,IACnBa,mBAAS,CAACd,OAAO,CAAC,CAAA;AAEpB,EAAA,IAAMsB,aAAa,GACjB,CAACF,QAAQ,KACRG,oBAAU,CAACzB,aAAa,CAAC,IAAI,CAACf,QAAQ,IAAIsC,6BAA6B,CAAC,CAAA;AAE3E,EAAA,oBACEhD,yBAAA,CAAAC,aAAA,CAAAD,yBAAA,CAAAmD,QAAA,EACEnD,IAAAA,eAAAA,yBAAA,CAAAC,aAAA,CAACmD,kBAAU,EAAA/C,iBAAA,CAAA;AACTgD,IAAAA,SAAS,EAAC,GAAG;AACb,IAAA,SAAA,EAAQ,YAAY;AACpB,IAAA,aAAA,EAAY,+BAA+B;AAC3CvC,IAAAA,KAAK,EAAC,OAAO;AACbZ,IAAAA,SAAS,EAAEoD,8BAAU,CACnB,mFAAmF,EACnF;MACE,gBAAgB,EAAE,CAAC5C,QAAQ;AAC3B,MAAA,iCAAiC,EAAEA,QAAAA;AACrC,KACF,CAAE;AACFK,IAAAA,OAAO,EAAES,iBAAAA;GACLqB,EAAAA,SAAS,GAEZ,OAAOC,UAAU,KAAK,UAAU,GAAGA,UAAU,CAAC9D,IAAI,CAAC,GAAGA,IAC7C,CAAC,EACZiE,aAAa,iBACZjD,yBAAA,CAAAC,aAAA,CAACoB,UAAU,EAAA;AAEPX,IAAAA,QAAQ,EAARA,QAAQ;AACRe,IAAAA,aAAa,EAAbA,aAAa;AACbD,IAAAA,iBAAiB,EAAjBA,iBAAiB;AACjBK,IAAAA,UAAU,EAAVA,UAAU;AACVH,IAAAA,qBAAqB,EAArBA,qBAAqB;AACrBC,IAAAA,OAAO,EAAPA,OAAO;AACPC,IAAAA,QAAQ,EAARA,QAAAA;AAAQ,GAEX,CAEH,CAAC,CAAA;AAEP,CAAC;;ACjDD,IAAM2B,MAAM,GAAG,SAATA,MAAMA,CAAA1E,IAAA,EAsBN;AAAA,EAAA,IArBJ0B,KAAK,GAAA1B,IAAA,CAAL0B,KAAK;IACLiD,QAAQ,GAAA3E,IAAA,CAAR2E,QAAQ;IACR7B,OAAO,GAAA9C,IAAA,CAAP8C,OAAO;IACPD,qBAAqB,GAAA7C,IAAA,CAArB6C,qBAAqB;IACrBE,QAAQ,GAAA/C,IAAA,CAAR+C,QAAQ;IACRC,UAAU,GAAAhD,IAAA,CAAVgD,UAAU;IAAA4B,WAAA,GAAA5E,IAAA,CACV6E,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,WAAA;IAAAE,cAAA,GAAA9E,IAAA,CACdI,SAAS;AAATA,IAAAA,SAAS,GAAA0E,cAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,cAAA;IAAAC,gBAAA,GAAA/E,IAAA,CACjBC,WAAW;AAAXA,IAAAA,WAAW,GAAA8E,gBAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,gBAAA;IAAAC,aAAA,GAAAhF,IAAA,CAChBkE,QAAQ;AAARA,IAAAA,QAAQ,GAAAc,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA;IAAAC,aAAA,GAAAjF,IAAA,CAChB6B,QAAQ;AAARA,IAAAA,QAAQ,GAAAoD,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA;IAAAC,kBAAA,GAAAlF,IAAA,CAChB4C,aAAa;AAAbA,IAAAA,aAAa,GAAAsC,kBAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,kBAAA;IAAAC,gBAAA,GAAAnF,IAAA,CAClBoF,WAAW;AAAXA,IAAAA,WAAW,GAAAD,gBAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,gBAAA;IAAAE,cAAA,GAAArF,IAAA,CAChBgE,SAAS;AAATA,IAAAA,SAAS,GAAAqB,cAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,cAAA;IAAAC,eAAA,GAAAtF,IAAA,CACdU,UAAU;AAAVA,IAAAA,UAAU,GAAA4E,eAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,eAAA;IAAAC,qBAAA,GAAAvF,IAAA,CACfM,iBAAiB;AAAjBA,IAAAA,iBAAiB,GAAAiF,qBAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,qBAAA;IAAAC,qBAAA,GAAAxF,IAAA,CACtBQ,iBAAiB;AAAjBA,IAAAA,iBAAiB,GAAAgF,qBAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,qBAAA;IAAAC,cAAA,GAAAzF,IAAA,CACtBqB,SAAS;AAATA,IAAAA,SAAS,GAAAoE,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA;IAAAC,qBAAA,GAAA1F,IAAA,CACdE,oBAAoB;AAApBA,IAAAA,oBAAoB,GAAAwF,qBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,qBAAA;IAAAC,gBAAA,GAAA3F,IAAA,CAC5B4F,WAAW;AAAXA,IAAAA,WAAW,GAAAD,gBAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,gBAAA;IAChB1B,UAAU,GAAAjE,IAAA,CAAViE,UAAU,CAAA;EAEV,IAAA4B,qBAAA,GAAwBC,0CAAsB,CAACpE,KAAK,KAALA,IAAAA,IAAAA,KAAK,KAALA,KAAAA,CAAAA,GAAAA,KAAK,GAAI,EAAE,CAAC;IAAAqE,sBAAA,GAAAC,4BAAA,CAAAH,qBAAA,EAAA,CAAA,CAAA;AAApD1F,IAAAA,IAAI,GAAA4F,sBAAA,CAAA,CAAA,CAAA;AAAEtF,IAAAA,OAAO,GAAAsF,sBAAA,CAAA,CAAA,CAAA,CAAA;AACpB,EAAA,IAAAE,SAAA,GAAgCC,cAAQ,CAACrB,MAAM,CAAC;IAAAsB,UAAA,GAAAH,4BAAA,CAAAC,SAAA,EAAA,CAAA,CAAA;AAAzCtF,IAAAA,QAAQ,GAAAwF,UAAA,CAAA,CAAA,CAAA;AAAEC,IAAAA,WAAW,GAAAD,UAAA,CAAA,CAAA,CAAA,CAAA;AAC5B,EAAA,IAAME,SAAS,GAAGC,YAAM,CAAC,IAAI,CAAC,CAAA;EAE9BC,qCAAiB,CAACF,SAAS,EAAE,YAAA;AAAA,IAAA,OAAM1F,QAAQ,IAAIJ,WAAW,EAAE,CAAA;GAAC,CAAA,CAAA;EAE7D,IAAMF,YAAY,GAAG,SAAfA,YAAYA,CAAIY,KAAK,EAAEd,IAAI,EAAK;IACpCc,KAAK,CAACqB,eAAe,EAAE,CAAA;IACvB,IAAMkE,OAAO,GAAGtG,oBAAoB,IAAIgB,aAAO,CAACf,IAAI,CAAC,GAAGyF,WAAW,GAAGzF,IAAI,CAAA;IAC1EM,OAAO,CAAC+F,OAAO,CAAC,CAAA;AAChB7B,IAAAA,QAAQ,aAARA,QAAQ,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAARA,QAAQ,CAAG6B,OAAO,CAAC,CAAA;IACnBJ,WAAW,CAAC,KAAK,CAAC,CAAA;GACnB,CAAA;AAED,EAAA,IAAM7F,WAAW,GAAG,SAAdA,WAAWA,CAAGU,KAAK,EAAI;AAC3BA,IAAAA,KAAK,aAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEqB,eAAe,EAAE,CAAA;IACxB7B,OAAO,CAACiB,KAAK,CAAC,CAAA;IACd0E,WAAW,CAAC,KAAK,CAAC,CAAA;GACnB,CAAA;AAED,EAAA,IAAMzD,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAG1B,KAAK,EAAI;IACjCA,KAAK,CAACqB,eAAe,EAAE,CAAA;AACvB,IAAA,CAACT,QAAQ,IAAIuE,WAAW,CAAC,IAAI,CAAC,CAAA;GAC/B,CAAA;AAED,EAAA,IAAMK,aAAa,GAAG;AACpBvG,IAAAA,oBAAoB,EAApBA,oBAAoB;AACpBM,IAAAA,iBAAiB,EAAjBA,iBAAiB;AACjBD,IAAAA,WAAW,EAAXA,WAAW;AACXF,IAAAA,YAAY,EAAZA,YAAY;AACZK,IAAAA,UAAU,EAAVA,UAAU;AACVN,IAAAA,SAAS,EAATA,SAAS;AACTD,IAAAA,IAAI,EAAJA,IAAI;AACJF,IAAAA,WAAW,EAAXA,WAAW;AACXQ,IAAAA,OAAO,EAAPA,OAAO;AACPH,IAAAA,iBAAiB,EAAjBA,iBAAiB;AACjBK,IAAAA,QAAQ,EAARA,QAAAA;GACD,CAAA;AAED,EAAA,IAAM+F,aAAa,GAAG;AACpB7E,IAAAA,QAAQ,EAARA,QAAQ;AACRe,IAAAA,aAAa,EAAbA,aAAa;AACbqB,IAAAA,UAAU,EAAVA,UAAU;AACVtB,IAAAA,iBAAiB,EAAjBA,iBAAiB;AACjBuB,IAAAA,QAAQ,EAARA,QAAQ;AACR/D,IAAAA,IAAI,EAAJA,IAAI;AACJ6C,IAAAA,UAAU,EAAVA,UAAU;AACVH,IAAAA,qBAAqB,EAArBA,qBAAqB;AACrBC,IAAAA,OAAO,EAAPA,OAAO;AACPC,IAAAA,QAAQ,EAARA,QAAQ;AACRiB,IAAAA,SAAS,EAATA,SAAAA;GACD,CAAA;EAED,oBACE7C,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEvB,IAAAA,GAAG,EAAEwG,SAAU;AACfhF,IAAAA,SAAS,EAAEsF,8BAAU,CACnB,+FAA+F,EAC/FtF,SACF,CAAA;GAECgD,EAAAA,oBAAU,CAACe,WAAW,CAAC,iBACtBjE,yBAAA,CAAAC,aAAA,CAACwF,WAAW,EAAA;AAAOxB,IAAAA,WAAW,EAAXA,WAAW;IAAIyB,oBAAoB,EAAA,IAAA;AAAA,GAAE,CACzD,eACD1F,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,+CAAA;GACZV,EAAAA,QAAQ,gBACPQ,yBAAA,CAAAC,aAAA,CAAC0F,MAAQ,EAAKL,aAAgB,CAAC,gBAE/BtF,yBAAA,CAAAC,aAAA,CAAC2C,QAAQ,EAAK2C,aAAgB,CAE7B,CACF,CAAC,CAAA;AAEV;;;;"}
|
|
1
|
+
{"version":3,"file":"Rename.js","sources":["../../src/components/Rename/utils.js","../../src/components/Rename/EditName.jsx","../../src/components/Rename/RenameMenu.jsx","../../src/components/Rename/ViewName.jsx","../../src/components/Rename/index.jsx"],"sourcesContent":["export const mergeRefs =\n (...refs) =>\n node =>\n refs.forEach(ref =>\n typeof ref === \"function\" ? ref(node) : (ref.current = node)\n );\n","import React from \"react\";\n\nimport { withEventTargetValue } from \"neetocommons/utils/general\";\nimport useHotkeys from \"neetohotkeys\";\nimport { Check, Close } from \"neetoicons\";\nimport { Button, Input } from \"neetoui\";\nimport { isEmpty } from \"ramda\";\n\nimport { mergeRefs } from \"./utils\";\n\nconst Editor = ({\n placeholder,\n allowEmptySubmission,\n name,\n isLoading,\n handleRename,\n submitButtonProps,\n handleClose,\n cancelButtonProps,\n setName,\n inputProps,\n editMode,\n}) => {\n const closeRef = useHotkeys(\"escape\", handleClose, {\n mode: \"scoped\",\n enabled: editMode,\n });\n\n const submitRef = useHotkeys(\n [\"command+return\", \"return\"],\n event => {\n if (isEmpty(name) && !allowEmptySubmission) return;\n handleRename(event, name);\n },\n { mode: \"scoped\", enabled: editMode }\n );\n\n return (\n <div className=\"relative flex min-w-0 max-w-full flex-grow\">\n <span className=\"neeto-molecules-rename__input-width-maker\">\n {name.replace(/\\s/g, \".\") || placeholder}\n </span>\n <Input\n {...{ placeholder }}\n autoFocus\n className=\"neeto-molecules-rename__input absolute\"\n data-cy=\"form-rename-text-field\"\n data-testid=\"neeto-molecules-name-input\"\n ref={mergeRefs(closeRef, submitRef)}\n value={name}\n suffix={\n <div className=\"flex items-center justify-end\">\n <Button\n className=\"neeto-ui-rounded-none\"\n data-cy=\"form-rename-submit-button\"\n data-testid=\"neeto-molecules-rename-button\"\n disabled={(!allowEmptySubmission && isEmpty(name)) || isLoading}\n icon={Check}\n loading={isLoading}\n style=\"text\"\n onClick={event => handleRename(event, name)}\n {...submitButtonProps}\n />\n <Button\n className=\"neeto-ui-rounded-none\"\n data-cy=\"form-rename-close-button\"\n data-testid=\"neeto-molecules-cancel-button\"\n disabled={isLoading}\n icon={Close}\n style=\"text\"\n onClick={handleClose}\n {...cancelButtonProps}\n />\n </div>\n }\n onChange={withEventTargetValue(setName)}\n onClick={event => event.stopPropagation()}\n {...inputProps}\n label={null}\n />\n </div>\n );\n};\n\nexport default Editor;\n","import React from \"react\";\n\nimport { isPresent } from \"neetocist\";\nimport { withT } from \"neetocommons/react-utils\";\n\nimport MoreDropdown from \"components/MoreDropdown\";\n\nconst RenameMenu = withT(\n ({\n t,\n handleRenameClick,\n disabled,\n dropdownItems,\n onArchiveStatusToggle,\n onClone,\n onDelete,\n isArchived,\n dropdownButtonProps,\n dropdownProps,\n }) => (\n <MoreDropdown\n dropdownButtonProps={{\n \"data-testid\": \"neeto-molecules-menu-button\",\n ...dropdownButtonProps,\n }}\n dropdownProps={{\n position: \"bottom-start\",\n onClick: event => event.stopPropagation(),\n strategy: \"fixed\",\n appendTo: () => document.body,\n ...dropdownProps,\n }}\n menuItems={[\n {\n \"data-cy\": \"form-rename-button\",\n onClick: handleRenameClick,\n label: t(\"neetoMolecules.common.actions.rename\"),\n isVisible: !disabled,\n key: \"edit-name-menu\",\n },\n {\n \"data-cy\": \"form-clone-button\",\n onClick: onClone,\n label: t(\"neetoMolecules.common.actions.clone\"),\n isVisible: isPresent(onClone),\n key: \"clone-entity-menu\",\n },\n {\n \"data-cy\": \"form-archive-button\",\n onClick: onArchiveStatusToggle,\n label: isArchived\n ? t(\"neetoMolecules.common.actions.unArchive\")\n : t(\"neetoMolecules.common.actions.archive\"),\n isVisible: isPresent(onArchiveStatusToggle),\n key: \"archive-entity-menu\",\n },\n {\n \"data-cy\": \"form-delete-button\",\n onClick: onDelete,\n label: t(\"neetoMolecules.common.actions.delete\"),\n isVisible: isPresent(onDelete),\n key: \"delete-entity-menu\",\n },\n ...dropdownItems,\n ]}\n />\n )\n);\n\nexport default RenameMenu;\n","import React from \"react\";\n\nimport classNames from \"classnames\";\nimport { isNotEmpty, isPresent } from \"neetocist\";\nimport { Typography } from \"neetoui\";\n\nimport RenameMenu from \"./RenameMenu\";\n\nconst ViewName = ({\n disabled,\n textProps,\n formatText,\n dropdownItems,\n hideMenu,\n handleRenameClick,\n onArchiveStatusToggle,\n onClone,\n onDelete,\n name,\n isArchived,\n dropdownButtonProps,\n dropdownProps,\n}) => {\n const isDefaultMenuCallbacksPresent =\n isPresent(onArchiveStatusToggle) ||\n isPresent(onDelete) ||\n isPresent(onClone);\n\n const isMenuVisible =\n !hideMenu &&\n (isNotEmpty(dropdownItems) || !disabled || isDefaultMenuCallbacksPresent);\n\n return (\n <>\n <Typography\n component=\"p\"\n data-cy=\"form-title\"\n data-testid=\"neeto-molecules-value-display\"\n style=\"body2\"\n className={classNames(\n \"neeto-molecules-rename__text neeto-molecules-rename__display-text w-full truncate\",\n {\n \"cursor-pointer\": !disabled,\n \"pointer-events-none cursor-text\": disabled,\n }\n )}\n onClick={handleRenameClick}\n {...textProps}\n >\n {typeof formatText === \"function\" ? formatText(name) : name}\n </Typography>\n {isMenuVisible && (\n <RenameMenu\n {...{\n disabled,\n dropdownButtonProps,\n dropdownItems,\n dropdownProps,\n handleRenameClick,\n isArchived,\n onArchiveStatusToggle,\n onClone,\n onDelete,\n }}\n />\n )}\n </>\n );\n};\n\nexport default ViewName;\n","import React, { useState, useRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport { isNotEmpty } from \"neetocist\";\nimport useOnClickOutside from \"neetocommons/react-utils/useOnClickOutside\";\nimport useStateWithDependency from \"neetocommons/react-utils/useStateWithDependency\";\nimport PropTypes from \"prop-types\";\nimport { isEmpty } from \"ramda\";\n\nimport Breadcrumbs from \"components/Breadcrumbs\";\n\nimport EditName from \"./EditName\";\nimport \"./rename.scss\";\nimport ViewName from \"./ViewName\";\n\nconst Rename = ({\n value,\n onRename,\n onClone,\n onArchiveStatusToggle,\n onDelete,\n isArchived,\n isOpen = false,\n isLoading = false,\n placeholder = \"\",\n hideMenu = false,\n disabled = false,\n dropdownItems = [],\n breadcrumbs = [],\n textProps = {},\n inputProps = {},\n submitButtonProps = {},\n cancelButtonProps = {},\n className = \"\",\n allowEmptySubmission = false,\n defaultName = \"\",\n formatText,\n dropdownButtonProps = {},\n dropdownProps = {},\n}) => {\n const [name, setName] = useStateWithDependency(value ?? \"\");\n const [editMode, setEditMode] = useState(isOpen);\n const renameRef = useRef(null);\n\n useOnClickOutside(renameRef, () => editMode && handleClose());\n\n const handleRename = (event, name) => {\n event.stopPropagation();\n const newName = allowEmptySubmission && isEmpty(name) ? defaultName : name;\n setName(newName);\n onRename?.(newName);\n setEditMode(false);\n };\n\n const handleClose = event => {\n event?.stopPropagation();\n setName(value);\n setEditMode(false);\n };\n\n const handleRenameClick = event => {\n event.stopPropagation();\n !disabled && setEditMode(true);\n };\n\n const editNameProps = {\n allowEmptySubmission,\n cancelButtonProps,\n handleClose,\n handleRename,\n inputProps,\n isLoading,\n name,\n placeholder,\n setName,\n submitButtonProps,\n editMode,\n };\n\n const viewNameProps = {\n disabled,\n dropdownItems,\n formatText,\n handleRenameClick,\n hideMenu,\n name,\n isArchived,\n onArchiveStatusToggle,\n onClone,\n onDelete,\n textProps,\n dropdownButtonProps,\n dropdownProps,\n };\n\n return (\n <div\n ref={renameRef}\n className={classnames(\n \"neeto-molecules-rename flex min-w-0 max-w-md flex-col items-start md:flex-row md:items-center\",\n className\n )}\n >\n {isNotEmpty(breadcrumbs) && (\n <Breadcrumbs {...{ breadcrumbs }} hasTrailingSeparator />\n )}\n <div className=\"relative flex max-w-full items-center gap-x-2\">\n {editMode ? (\n <EditName {...editNameProps} />\n ) : (\n <ViewName {...viewNameProps} />\n )}\n </div>\n </div>\n );\n};\n\nRename.propTypes = {\n /**\n * To provide additional classes to the component.\n */\n className: PropTypes.string,\n /**\n * To allow empty submission.\n */\n allowEmptySubmission: PropTypes.bool,\n /**\n * Default value to be used on empty submission.\n */\n defaultName: PropTypes.string,\n /**\n * To specify the text to be displayed in the component.\n */\n value: PropTypes.string,\n /**\n * To specify the function to be triggered when renamed.\n */\n onRename: PropTypes.func,\n /**\n * To specify the function to be triggered when Clone menu is clicked. The menu will be hidden if this prop is not set.\n */\n onClone: PropTypes.func,\n /**\n * To specify the function to be triggered when Archive menu is clicked. The menu will be hidden if this prop is not set.\n */\n onArchiveStatusToggle: PropTypes.func,\n /**\n * To specify whether the entity is archived or not. The text in the menu will be changed based on this to Archive or Unarchive.\n */\n isArchived: PropTypes.bool,\n /**\n * To specify the function to be triggered when Delete menu is clicked. The menu will be hidden if this prop is not set.\n */\n onDelete: PropTypes.func,\n /**\n * To specify whether edit mode is enabled or not.\n */\n isOpen: PropTypes.bool,\n /**\n * To specify whether the edit buttons are in loading state or not.\n */\n isLoading: PropTypes.bool,\n /**\n * To specify the placeholder for the input component in edit mode.\n */\n placeholder: PropTypes.string,\n /**\n * To specify whether the dropdown menu should be hidden or not.\n */\n hideMenu: PropTypes.bool,\n /**\n * To specify whether the rename option in dropdown should be enabled. If it is the only option in dropdown, the menu will be hidden.\n */\n disabled: PropTypes.bool,\n /**\n * To specify additional items for the dropdown menu.\n */\n dropdownItems: PropTypes.array,\n /**\n * To specify the breadcrumbs if used in the title of `Header` component.\n */\n breadcrumbs: PropTypes.arrayOf(\n PropTypes.shape({\n text: PropTypes.string,\n link: PropTypes.string,\n })\n ),\n /**\n * To override the properties of the Typography component that displays the `value`.\n */\n textProps: PropTypes.object,\n /**\n * To override the properties of the Input component in edit mode.\n */\n inputProps: PropTypes.object,\n /**\n * To format the value to display when not in edit mode.\n */\n formatText: PropTypes.func,\n /**\n * To override the properties of the submit button.\n */\n submitButtonProps: PropTypes.object,\n /**\n * To override the properties of the cancel button.\n */\n cancelButtonProps: PropTypes.object,\n};\n\nexport default Rename;\n"],"names":["mergeRefs","_len","arguments","length","refs","Array","_key","node","forEach","ref","current","Editor","_ref","placeholder","allowEmptySubmission","name","isLoading","handleRename","submitButtonProps","handleClose","cancelButtonProps","setName","inputProps","editMode","closeRef","useHotkeys","mode","enabled","submitRef","event","isEmpty","React","createElement","className","replace","Input","_extends","autoFocus","value","suffix","Button","disabled","icon","Check","loading","style","onClick","Close","onChange","withEventTargetValue","stopPropagation","label","RenameMenu","withT","t","handleRenameClick","dropdownItems","onArchiveStatusToggle","onClone","onDelete","isArchived","dropdownButtonProps","dropdownProps","MoreDropdown","_objectSpread","position","strategy","appendTo","document","body","menuItems","isVisible","key","isPresent","concat","_toConsumableArray","ViewName","textProps","formatText","hideMenu","isDefaultMenuCallbacksPresent","isMenuVisible","isNotEmpty","Fragment","Typography","component","classNames","Rename","onRename","_ref$isOpen","isOpen","_ref$isLoading","_ref$placeholder","_ref$hideMenu","_ref$disabled","_ref$dropdownItems","_ref$breadcrumbs","breadcrumbs","_ref$textProps","_ref$inputProps","_ref$submitButtonProp","_ref$cancelButtonProp","_ref$className","_ref$allowEmptySubmis","_ref$defaultName","defaultName","_ref$dropdownButtonPr","_ref$dropdownProps","_useStateWithDependen","useStateWithDependency","_useStateWithDependen2","_slicedToArray","_useState","useState","_useState2","setEditMode","renameRef","useRef","useOnClickOutside","newName","editNameProps","viewNameProps","classnames","Breadcrumbs","hasTrailingSeparator","EditName"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bigbinary/neeto-molecules",
|
|
3
|
-
"version": "1.13.
|
|
3
|
+
"version": "1.13.11",
|
|
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/Breadcrumbs.d.ts
CHANGED