@bigbinary/neeto-molecules 3.15.31 → 3.15.32

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/README.md CHANGED
@@ -24,8 +24,6 @@ https://neeto-molecules.neeto.com/
24
24
  - [Container](./docs/components/Container.md)
25
25
  - [CopyToClipboardButton](./docs/components/CopyToClipboardButton.md)
26
26
  - [Currency](./docs/components/Currency.md)
27
- - [CustomDomain](./docs/components/CustomDomain.md)
28
- - [CustomDomainDashboard](./docs/components/CustomDomainDashboard.md)
29
27
  - [DateFormat/TimeFormat](./docs/components/DateFormatTimeFormat.md)
30
28
  - [DateRangeFilter](./docs/components/DateRangeFilter.md)
31
29
  - [DeleteArchiveModal](./docs/components/DeleteArchiveModal.md)
package/dist/Codeblock.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import _defineProperty from '@babel/runtime/helpers/defineProperty';
2
- import { PrismLight } from 'react-syntax-highlighter';
2
+ import CodeBlock from 'react-syntax-highlighter/dist/cjs/prism-light.js';
3
3
  import { dracula } from 'react-syntax-highlighter/dist/esm/styles/prism';
4
4
  import CopyToClipboardButton from './CopyToClipboardButton.js';
5
5
  import { jsxs, jsx } from 'react/jsx-runtime';
@@ -29,7 +29,7 @@ var Codeblock = function Codeblock(_ref) {
29
29
  var isLargerScreen = window.innerWidth > 768;
30
30
  return /*#__PURE__*/jsxs("div", {
31
31
  className: "relative",
32
- children: [/*#__PURE__*/jsx(PrismLight, _objectSpread(_objectSpread({
32
+ children: [/*#__PURE__*/jsx(CodeBlock, _objectSpread(_objectSpread({
33
33
  wrapLines: true,
34
34
  className: "neeto-molecules-code-block p-4 pr-12 md:pr-4",
35
35
  codeTagProps: {
@@ -1 +1 @@
1
- {"version":3,"file":"Codeblock.js","sources":["../src/components/Codeblock.jsx"],"sourcesContent":["import PropTypes from \"prop-types\";\nimport { PrismLight as CodeBlock } from \"react-syntax-highlighter\";\nimport { dracula } from \"react-syntax-highlighter/dist/esm/styles/prism\";\n\nimport CopyCode from \"components/CopyToClipboardButton\";\n\nconst Codeblock = ({\n code,\n showCopyButton = true,\n codeblockProps,\n copyButtonProps = { label: \"Copy\" },\n}) => {\n const isLargerScreen = window.innerWidth > 768;\n\n return (\n <div className=\"relative\">\n <CodeBlock\n wrapLines\n className=\"neeto-molecules-code-block p-4 pr-12 md:pr-4\"\n codeTagProps={{ \"data-cy\": \"code-block-content\" }}\n data-cy=\"code-block\"\n data-testid=\"codeblock-react-highlighter\"\n language=\"javascript\"\n style={dracula}\n {...codeblockProps}\n >\n {code}\n </CodeBlock>\n {showCopyButton && (\n <CopyCode\n className=\"absolute right-2 top-2\"\n data-cy=\"copy-button\"\n data-testid=\"codeblock-copy-button\"\n size=\"small\"\n style=\"secondary\"\n value={code}\n {...copyButtonProps}\n label={isLargerScreen ? copyButtonProps.label : \"\"}\n />\n )}\n </div>\n );\n};\n\nCodeblock.propTypes = {\n /**\n * The code to be displayed.\n */\n code: PropTypes.string,\n /**\n * Flag to determine whether the 'Copy' button is displayed.\n */\n showCopyButton: PropTypes.bool,\n /**\n * Additional props that can be passed on to the 'PrismLight' component from 'react-syntax-highlighter'.\n */\n codeblockProps: PropTypes.object,\n /**\n * Additional props that can be passed on to the 'CopyToClipboardButton' component from 'neeto-molecules'.\n */\n copyButtonProps: PropTypes.object,\n};\n\nexport default Codeblock;\n"],"names":["Codeblock","_ref","code","_ref$showCopyButton","showCopyButton","codeblockProps","_ref$copyButtonProps","copyButtonProps","label","isLargerScreen","window","innerWidth","_jsxs","className","children","_jsx","CodeBlock","_objectSpread","wrapLines","codeTagProps","language","style","dracula","CopyCode","size","value"],"mappings":";;;;;;;;;;;;;;;;;;;AAMA,IAAMA,SAAS,GAAG,SAAZA,SAASA,CAAAC,IAAA,EAKT;AAAA,EAAA,IAJJC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAAC,mBAAA,GAAAF,IAAA,CACJG,cAAc;AAAdA,IAAAA,cAAc,GAAAD,mBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,mBAAA;IACrBE,cAAc,GAAAJ,IAAA,CAAdI,cAAc;IAAAC,oBAAA,GAAAL,IAAA,CACdM,eAAe;IAAfA,eAAe,GAAAD,oBAAA,KAAG,KAAA,CAAA,GAAA;AAAEE,MAAAA,KAAK,EAAE,MAAA;AAAO,KAAC,GAAAF,oBAAA,CAAA;AAEnC,EAAA,IAAMG,cAAc,GAAGC,MAAM,CAACC,UAAU,GAAG,GAAG,CAAA;AAE9C,EAAA,oBACEC,IAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,UAAU;AAAAC,IAAAA,QAAA,gBACvBC,GAAA,CAACC,UAAS,EAAAC,aAAA,CAAAA,aAAA,CAAA;MACRC,SAAS,EAAA,IAAA;AACTL,MAAAA,SAAS,EAAC,8CAA8C;AACxDM,MAAAA,YAAY,EAAE;AAAE,QAAA,SAAS,EAAE,oBAAA;OAAuB;AAClD,MAAA,SAAA,EAAQ,YAAY;AACpB,MAAA,aAAA,EAAY,6BAA6B;AACzCC,MAAAA,QAAQ,EAAC,YAAY;AACrBC,MAAAA,KAAK,EAAEC,OAAAA;AAAQ,KAAA,EACXjB,cAAc,CAAA,EAAA,EAAA,EAAA;AAAAS,MAAAA,QAAA,EAEjBZ,IAAAA;KACQ,CAAA,CAAC,EACXE,cAAc,iBACbW,GAAA,CAACQ,qBAAQ,EAAAN,aAAA,CAAAA,aAAA,CAAA;AACPJ,MAAAA,SAAS,EAAC,wBAAwB;AAClC,MAAA,SAAA,EAAQ,aAAa;AACrB,MAAA,aAAA,EAAY,uBAAuB;AACnCW,MAAAA,IAAI,EAAC,OAAO;AACZH,MAAAA,KAAK,EAAC,WAAW;AACjBI,MAAAA,KAAK,EAAEvB,IAAAA;AAAK,KAAA,EACRK,eAAe,CAAA,EAAA,EAAA,EAAA;AACnBC,MAAAA,KAAK,EAAEC,cAAc,GAAGF,eAAe,CAACC,KAAK,GAAG,EAAA;AAAG,KAAA,CACpD,CACF,CAAA;AAAA,GACE,CAAC,CAAA;AAEV;;;;"}
1
+ {"version":3,"file":"Codeblock.js","sources":["../src/components/Codeblock.jsx"],"sourcesContent":["import PropTypes from \"prop-types\";\nimport CodeBlock from \"react-syntax-highlighter/dist/cjs/prism-light.js\";\nimport { dracula } from \"react-syntax-highlighter/dist/esm/styles/prism\";\n\nimport CopyCode from \"components/CopyToClipboardButton\";\n\nconst Codeblock = ({\n code,\n showCopyButton = true,\n codeblockProps,\n copyButtonProps = { label: \"Copy\" },\n}) => {\n const isLargerScreen = window.innerWidth > 768;\n\n return (\n <div className=\"relative\">\n <CodeBlock\n wrapLines\n className=\"neeto-molecules-code-block p-4 pr-12 md:pr-4\"\n codeTagProps={{ \"data-cy\": \"code-block-content\" }}\n data-cy=\"code-block\"\n data-testid=\"codeblock-react-highlighter\"\n language=\"javascript\"\n style={dracula}\n {...codeblockProps}\n >\n {code}\n </CodeBlock>\n {showCopyButton && (\n <CopyCode\n className=\"absolute right-2 top-2\"\n data-cy=\"copy-button\"\n data-testid=\"codeblock-copy-button\"\n size=\"small\"\n style=\"secondary\"\n value={code}\n {...copyButtonProps}\n label={isLargerScreen ? copyButtonProps.label : \"\"}\n />\n )}\n </div>\n );\n};\n\nCodeblock.propTypes = {\n /**\n * The code to be displayed.\n */\n code: PropTypes.string,\n /**\n * Flag to determine whether the 'Copy' button is displayed.\n */\n showCopyButton: PropTypes.bool,\n /**\n * Additional props that can be passed on to the 'PrismLight' component from 'react-syntax-highlighter'.\n */\n codeblockProps: PropTypes.object,\n /**\n * Additional props that can be passed on to the 'CopyToClipboardButton' component from 'neeto-molecules'.\n */\n copyButtonProps: PropTypes.object,\n};\n\nexport default Codeblock;\n"],"names":["Codeblock","_ref","code","_ref$showCopyButton","showCopyButton","codeblockProps","_ref$copyButtonProps","copyButtonProps","label","isLargerScreen","window","innerWidth","_jsxs","className","children","_jsx","CodeBlock","_objectSpread","wrapLines","codeTagProps","language","style","dracula","CopyCode","size","value"],"mappings":";;;;;;;;;;;;;;;;;;;AAMA,IAAMA,SAAS,GAAG,SAAZA,SAASA,CAAAC,IAAA,EAKT;AAAA,EAAA,IAJJC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAAC,mBAAA,GAAAF,IAAA,CACJG,cAAc;AAAdA,IAAAA,cAAc,GAAAD,mBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,mBAAA;IACrBE,cAAc,GAAAJ,IAAA,CAAdI,cAAc;IAAAC,oBAAA,GAAAL,IAAA,CACdM,eAAe;IAAfA,eAAe,GAAAD,oBAAA,KAAG,KAAA,CAAA,GAAA;AAAEE,MAAAA,KAAK,EAAE,MAAA;AAAO,KAAC,GAAAF,oBAAA,CAAA;AAEnC,EAAA,IAAMG,cAAc,GAAGC,MAAM,CAACC,UAAU,GAAG,GAAG,CAAA;AAE9C,EAAA,oBACEC,IAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,UAAU;AAAAC,IAAAA,QAAA,gBACvBC,GAAA,CAACC,SAAS,EAAAC,aAAA,CAAAA,aAAA,CAAA;MACRC,SAAS,EAAA,IAAA;AACTL,MAAAA,SAAS,EAAC,8CAA8C;AACxDM,MAAAA,YAAY,EAAE;AAAE,QAAA,SAAS,EAAE,oBAAA;OAAuB;AAClD,MAAA,SAAA,EAAQ,YAAY;AACpB,MAAA,aAAA,EAAY,6BAA6B;AACzCC,MAAAA,QAAQ,EAAC,YAAY;AACrBC,MAAAA,KAAK,EAAEC,OAAAA;AAAQ,KAAA,EACXjB,cAAc,CAAA,EAAA,EAAA,EAAA;AAAAS,MAAAA,QAAA,EAEjBZ,IAAAA;KACQ,CAAA,CAAC,EACXE,cAAc,iBACbW,GAAA,CAACQ,qBAAQ,EAAAN,aAAA,CAAAA,aAAA,CAAA;AACPJ,MAAAA,SAAS,EAAC,wBAAwB;AAClC,MAAA,SAAA,EAAQ,aAAa;AACrB,MAAA,aAAA,EAAY,uBAAuB;AACnCW,MAAAA,IAAI,EAAC,OAAO;AACZH,MAAAA,KAAK,EAAC,WAAW;AACjBI,MAAAA,KAAK,EAAEvB,IAAAA;AAAK,KAAA,EACRK,eAAe,CAAA,EAAA,EAAA,EAAA;AACnBC,MAAAA,KAAK,EAAEC,cAAc,GAAGF,eAAe,CAACC,KAAK,GAAG,EAAA;AAAG,KAAA,CACpD,CACF,CAAA;AAAA,GACE,CAAC,CAAA;AAEV;;;;"}
@@ -27,7 +27,7 @@ import Radio from '@bigbinary/neetoui/Radio';
27
27
  import Spinner from '@bigbinary/neetoui/Spinner';
28
28
  import BrowserPreview from './BrowserPreview.js';
29
29
  import { n } from './inject-css-DmrvuTKK.js';
30
- import 'react-syntax-highlighter';
30
+ import 'react-syntax-highlighter/dist/cjs/prism-light.js';
31
31
  import 'react-syntax-highlighter/dist/esm/styles/prism';
32
32
  import './CopyToClipboardButton.js';
33
33
  import '@bigbinary/neeto-commons-frontend/utils/general';
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  var _defineProperty = require('@babel/runtime/helpers/defineProperty');
4
- var reactSyntaxHighlighter = require('react-syntax-highlighter');
4
+ var CodeBlock = require('react-syntax-highlighter/dist/cjs/prism-light.js');
5
5
  var prism = require('react-syntax-highlighter/dist/esm/styles/prism');
6
6
  var CopyToClipboardButton = require('./CopyToClipboardButton.js');
7
7
  var jsxRuntime = require('react/jsx-runtime');
@@ -31,7 +31,7 @@ var Codeblock = function Codeblock(_ref) {
31
31
  var isLargerScreen = window.innerWidth > 768;
32
32
  return /*#__PURE__*/jsxRuntime.jsxs("div", {
33
33
  className: "relative",
34
- children: [/*#__PURE__*/jsxRuntime.jsx(reactSyntaxHighlighter.PrismLight, _objectSpread(_objectSpread({
34
+ children: [/*#__PURE__*/jsxRuntime.jsx(CodeBlock, _objectSpread(_objectSpread({
35
35
  wrapLines: true,
36
36
  className: "neeto-molecules-code-block p-4 pr-12 md:pr-4",
37
37
  codeTagProps: {
@@ -1 +1 @@
1
- {"version":3,"file":"Codeblock.js","sources":["../../src/components/Codeblock.jsx"],"sourcesContent":["import PropTypes from \"prop-types\";\nimport { PrismLight as CodeBlock } from \"react-syntax-highlighter\";\nimport { dracula } from \"react-syntax-highlighter/dist/esm/styles/prism\";\n\nimport CopyCode from \"components/CopyToClipboardButton\";\n\nconst Codeblock = ({\n code,\n showCopyButton = true,\n codeblockProps,\n copyButtonProps = { label: \"Copy\" },\n}) => {\n const isLargerScreen = window.innerWidth > 768;\n\n return (\n <div className=\"relative\">\n <CodeBlock\n wrapLines\n className=\"neeto-molecules-code-block p-4 pr-12 md:pr-4\"\n codeTagProps={{ \"data-cy\": \"code-block-content\" }}\n data-cy=\"code-block\"\n data-testid=\"codeblock-react-highlighter\"\n language=\"javascript\"\n style={dracula}\n {...codeblockProps}\n >\n {code}\n </CodeBlock>\n {showCopyButton && (\n <CopyCode\n className=\"absolute right-2 top-2\"\n data-cy=\"copy-button\"\n data-testid=\"codeblock-copy-button\"\n size=\"small\"\n style=\"secondary\"\n value={code}\n {...copyButtonProps}\n label={isLargerScreen ? copyButtonProps.label : \"\"}\n />\n )}\n </div>\n );\n};\n\nCodeblock.propTypes = {\n /**\n * The code to be displayed.\n */\n code: PropTypes.string,\n /**\n * Flag to determine whether the 'Copy' button is displayed.\n */\n showCopyButton: PropTypes.bool,\n /**\n * Additional props that can be passed on to the 'PrismLight' component from 'react-syntax-highlighter'.\n */\n codeblockProps: PropTypes.object,\n /**\n * Additional props that can be passed on to the 'CopyToClipboardButton' component from 'neeto-molecules'.\n */\n copyButtonProps: PropTypes.object,\n};\n\nexport default Codeblock;\n"],"names":["Codeblock","_ref","code","_ref$showCopyButton","showCopyButton","codeblockProps","_ref$copyButtonProps","copyButtonProps","label","isLargerScreen","window","innerWidth","_jsxs","className","children","_jsx","CodeBlock","_objectSpread","wrapLines","codeTagProps","language","style","dracula","CopyCode","size","value"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAMA,IAAMA,SAAS,GAAG,SAAZA,SAASA,CAAAC,IAAA,EAKT;AAAA,EAAA,IAJJC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAAC,mBAAA,GAAAF,IAAA,CACJG,cAAc;AAAdA,IAAAA,cAAc,GAAAD,mBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,mBAAA;IACrBE,cAAc,GAAAJ,IAAA,CAAdI,cAAc;IAAAC,oBAAA,GAAAL,IAAA,CACdM,eAAe;IAAfA,eAAe,GAAAD,oBAAA,KAAG,KAAA,CAAA,GAAA;AAAEE,MAAAA,KAAK,EAAE,MAAA;AAAO,KAAC,GAAAF,oBAAA,CAAA;AAEnC,EAAA,IAAMG,cAAc,GAAGC,MAAM,CAACC,UAAU,GAAG,GAAG,CAAA;AAE9C,EAAA,oBACEC,eAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,UAAU;AAAAC,IAAAA,QAAA,gBACvBC,cAAA,CAACC,iCAAS,EAAAC,aAAA,CAAAA,aAAA,CAAA;MACRC,SAAS,EAAA,IAAA;AACTL,MAAAA,SAAS,EAAC,8CAA8C;AACxDM,MAAAA,YAAY,EAAE;AAAE,QAAA,SAAS,EAAE,oBAAA;OAAuB;AAClD,MAAA,SAAA,EAAQ,YAAY;AACpB,MAAA,aAAA,EAAY,6BAA6B;AACzCC,MAAAA,QAAQ,EAAC,YAAY;AACrBC,MAAAA,KAAK,EAAEC,aAAAA;AAAQ,KAAA,EACXjB,cAAc,CAAA,EAAA,EAAA,EAAA;AAAAS,MAAAA,QAAA,EAEjBZ,IAAAA;KACQ,CAAA,CAAC,EACXE,cAAc,iBACbW,cAAA,CAACQ,qBAAQ,EAAAN,aAAA,CAAAA,aAAA,CAAA;AACPJ,MAAAA,SAAS,EAAC,wBAAwB;AAClC,MAAA,SAAA,EAAQ,aAAa;AACrB,MAAA,aAAA,EAAY,uBAAuB;AACnCW,MAAAA,IAAI,EAAC,OAAO;AACZH,MAAAA,KAAK,EAAC,WAAW;AACjBI,MAAAA,KAAK,EAAEvB,IAAAA;AAAK,KAAA,EACRK,eAAe,CAAA,EAAA,EAAA,EAAA;AACnBC,MAAAA,KAAK,EAAEC,cAAc,GAAGF,eAAe,CAACC,KAAK,GAAG,EAAA;AAAG,KAAA,CACpD,CACF,CAAA;AAAA,GACE,CAAC,CAAA;AAEV;;;;"}
1
+ {"version":3,"file":"Codeblock.js","sources":["../../src/components/Codeblock.jsx"],"sourcesContent":["import PropTypes from \"prop-types\";\nimport CodeBlock from \"react-syntax-highlighter/dist/cjs/prism-light.js\";\nimport { dracula } from \"react-syntax-highlighter/dist/esm/styles/prism\";\n\nimport CopyCode from \"components/CopyToClipboardButton\";\n\nconst Codeblock = ({\n code,\n showCopyButton = true,\n codeblockProps,\n copyButtonProps = { label: \"Copy\" },\n}) => {\n const isLargerScreen = window.innerWidth > 768;\n\n return (\n <div className=\"relative\">\n <CodeBlock\n wrapLines\n className=\"neeto-molecules-code-block p-4 pr-12 md:pr-4\"\n codeTagProps={{ \"data-cy\": \"code-block-content\" }}\n data-cy=\"code-block\"\n data-testid=\"codeblock-react-highlighter\"\n language=\"javascript\"\n style={dracula}\n {...codeblockProps}\n >\n {code}\n </CodeBlock>\n {showCopyButton && (\n <CopyCode\n className=\"absolute right-2 top-2\"\n data-cy=\"copy-button\"\n data-testid=\"codeblock-copy-button\"\n size=\"small\"\n style=\"secondary\"\n value={code}\n {...copyButtonProps}\n label={isLargerScreen ? copyButtonProps.label : \"\"}\n />\n )}\n </div>\n );\n};\n\nCodeblock.propTypes = {\n /**\n * The code to be displayed.\n */\n code: PropTypes.string,\n /**\n * Flag to determine whether the 'Copy' button is displayed.\n */\n showCopyButton: PropTypes.bool,\n /**\n * Additional props that can be passed on to the 'PrismLight' component from 'react-syntax-highlighter'.\n */\n codeblockProps: PropTypes.object,\n /**\n * Additional props that can be passed on to the 'CopyToClipboardButton' component from 'neeto-molecules'.\n */\n copyButtonProps: PropTypes.object,\n};\n\nexport default Codeblock;\n"],"names":["Codeblock","_ref","code","_ref$showCopyButton","showCopyButton","codeblockProps","_ref$copyButtonProps","copyButtonProps","label","isLargerScreen","window","innerWidth","_jsxs","className","children","_jsx","CodeBlock","_objectSpread","wrapLines","codeTagProps","language","style","dracula","CopyCode","size","value"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAMA,IAAMA,SAAS,GAAG,SAAZA,SAASA,CAAAC,IAAA,EAKT;AAAA,EAAA,IAJJC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAAC,mBAAA,GAAAF,IAAA,CACJG,cAAc;AAAdA,IAAAA,cAAc,GAAAD,mBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,mBAAA;IACrBE,cAAc,GAAAJ,IAAA,CAAdI,cAAc;IAAAC,oBAAA,GAAAL,IAAA,CACdM,eAAe;IAAfA,eAAe,GAAAD,oBAAA,KAAG,KAAA,CAAA,GAAA;AAAEE,MAAAA,KAAK,EAAE,MAAA;AAAO,KAAC,GAAAF,oBAAA,CAAA;AAEnC,EAAA,IAAMG,cAAc,GAAGC,MAAM,CAACC,UAAU,GAAG,GAAG,CAAA;AAE9C,EAAA,oBACEC,eAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,UAAU;AAAAC,IAAAA,QAAA,gBACvBC,cAAA,CAACC,SAAS,EAAAC,aAAA,CAAAA,aAAA,CAAA;MACRC,SAAS,EAAA,IAAA;AACTL,MAAAA,SAAS,EAAC,8CAA8C;AACxDM,MAAAA,YAAY,EAAE;AAAE,QAAA,SAAS,EAAE,oBAAA;OAAuB;AAClD,MAAA,SAAA,EAAQ,YAAY;AACpB,MAAA,aAAA,EAAY,6BAA6B;AACzCC,MAAAA,QAAQ,EAAC,YAAY;AACrBC,MAAAA,KAAK,EAAEC,aAAAA;AAAQ,KAAA,EACXjB,cAAc,CAAA,EAAA,EAAA,EAAA;AAAAS,MAAAA,QAAA,EAEjBZ,IAAAA;KACQ,CAAA,CAAC,EACXE,cAAc,iBACbW,cAAA,CAACQ,qBAAQ,EAAAN,aAAA,CAAAA,aAAA,CAAA;AACPJ,MAAAA,SAAS,EAAC,wBAAwB;AAClC,MAAA,SAAA,EAAQ,aAAa;AACrB,MAAA,aAAA,EAAY,uBAAuB;AACnCW,MAAAA,IAAI,EAAC,OAAO;AACZH,MAAAA,KAAK,EAAC,WAAW;AACjBI,MAAAA,KAAK,EAAEvB,IAAAA;AAAK,KAAA,EACRK,eAAe,CAAA,EAAA,EAAA,EAAA;AACnBC,MAAAA,KAAK,EAAEC,cAAc,GAAGF,eAAe,CAACC,KAAK,GAAG,EAAA;AAAG,KAAA,CACpD,CACF,CAAA;AAAA,GACE,CAAC,CAAA;AAEV;;;;"}
@@ -29,7 +29,7 @@ var Radio = require('@bigbinary/neetoui/Radio');
29
29
  var Spinner = require('@bigbinary/neetoui/Spinner');
30
30
  var BrowserPreview = require('./BrowserPreview.js');
31
31
  var injectCss = require('./inject-css-vQvjPR2x.js');
32
- require('react-syntax-highlighter');
32
+ require('react-syntax-highlighter/dist/cjs/prism-light.js');
33
33
  require('react-syntax-highlighter/dist/esm/styles/prism');
34
34
  require('./CopyToClipboardButton.js');
35
35
  require('@bigbinary/neeto-commons-frontend/utils/general');
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bigbinary/neeto-molecules",
3
- "version": "3.15.31",
3
+ "version": "3.15.32",
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>",
@@ -209,53 +209,6 @@
209
209
  "productIsDisabled": "The product '{{productName, anyCase}}' is disabled for this workspace. Please enable the product to enable this widget."
210
210
  }
211
211
  },
212
- "customDomain": {
213
- "customDomain_one": "Custom domain",
214
- "customDomain_other": "Custom domains",
215
- "customDomainWithCount_one": "{{count}} custom domain",
216
- "customDomainWithCount_other": "{{count}} custom domains",
217
- "settings": "Custom domain settings",
218
- "yourDomain": "Your domain",
219
- "addNew": "Add new custom domain",
220
- "delete": "Delete custom domain?",
221
- "search": "Search custom domains",
222
- "notFound": "There are no custom domains to show.",
223
- "placeholder": "help.neeto.com",
224
- "cname": "CNAME",
225
- "label": "Enter domain",
226
- "domainValidation": "Domain validation",
227
- "domainRedirection": "Domain redirection",
228
- "cnameRecordInfo": "Go to your domain host's DNS settings to add the following CNAME record.{{proxyMessage, anyCase}} <Link>View help article</Link> for more information.",
229
- "proxyMessage": " Do not enable proxy for the record.",
230
- "domainRedirectionInfo": "It can take up to 2-24 hours for your custom domain to start working. Please visit your site in 24 hours from now and if after 24 hours <strong>{{hostname}}</strong> is not working then please view <Link>help article</Link> for more information and contact us.",
231
- "domainValidationInfo": "CNAME record not found, if you added CNAME record in last 24 hours then please wait sometime and try it again. Verifying your domain usually only takes a few hours, but in some cases can take up to 24-48 hours. View <Link>help article</Link> for more information.",
232
- "learnMoreMessage": "Learn about <button>how to setup custom domains</button>",
233
- "cnameAdded": "I have added redirection CNAME record",
234
- "description": "Add domain of your choice in case you do not prefer to use the default neeto domain.",
235
- "validation": {
236
- "successMessage": "Custom domain successfully validated.",
237
- "buttonLabel": {
238
- "domain": "Validate"
239
- }
240
- },
241
- "status": {
242
- "domain": {
243
- "active": "Domain validated",
244
- "pendingCnameValidation": "Domain validated",
245
- "pendingDomainValidation": "Domain validation pending"
246
- },
247
- "cname": {
248
- "active": "Domain redirected",
249
- "pendingCnameValidation": "Domain redirection pending"
250
- },
251
- "failed": "Failed"
252
- },
253
- "alertMessage": "You are permanently deleting the custom domain <strong>{{hostname}}</strong> and will no longer point to your default domain. This can't be undone.",
254
- "formikValidation": {
255
- "required": "Domain is required",
256
- "valid": "Please add valid domain or URL"
257
- }
258
- },
259
212
  "downloadMobileAppCallout": {
260
213
  "message": "Noticed that you're on a mobile device. For the best experience, <a>download our mobile app</a>."
261
214
  },
@@ -1,137 +0,0 @@
1
- import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
2
- import { useState } from 'react';
3
- import { isNotEmpty, noop } from '@bigbinary/neeto-cist';
4
- import { SINGULAR } from '@bigbinary/neeto-commons-frontend/constants';
5
- import { hyphenize } from '@bigbinary/neeto-commons-frontend/utils/general';
6
- import NeetoUICustomDomainIcon from '@bigbinary/neeto-icons/CustomDomain';
7
- import Button from '@bigbinary/neetoui/Button';
8
- import Tag from '@bigbinary/neetoui/Tag';
9
- import Spinner from '@bigbinary/neetoui/Spinner';
10
- import { useTranslation } from 'react-i18next';
11
- import { u as useFetchCustomDomains, a as useDeleteCustomDomain, M as Manage, D as DeleteAlert } from './index-7O-LlcxR.js';
12
- import MoreDropdown from './MoreDropdown.js';
13
- import { jsx, jsxs } from 'react/jsx-runtime';
14
- import '@bigbinary/neeto-commons-frontend/react-utils';
15
- import '@bigbinary/neetoui/Alert';
16
- import '@bigbinary/neetoui/Pane';
17
- import './inject-css-DmrvuTKK.js';
18
- import '@bigbinary/neetoui/Typography';
19
- import '@bigbinary/neetoui/formik/ActionBlock';
20
- import '@bigbinary/neetoui/formik/Input';
21
- import '@bigbinary/neetoui/formik/Form';
22
- import 'i18next';
23
- import 'yup';
24
- import '@babel/runtime/helpers/defineProperty';
25
- import '@tanstack/react-query';
26
- import '@bigbinary/neeto-commons-frontend/react-utils/useMutationWithInvalidation';
27
- import 'axios';
28
- import '@bigbinary/neetoui/Table';
29
- import '@bigbinary/neetoui/Checkbox';
30
- import '@bigbinary/neetoui/Callout';
31
- import './TableWrapper.js';
32
- import 'classnames';
33
- import '@bigbinary/neetoui/Stepper';
34
- import './CopyToClipboardButton.js';
35
- import '@babel/runtime/helpers/objectWithoutProperties';
36
- import '@bigbinary/neeto-icons/Copy';
37
- import '@bigbinary/neeto-icons/Check';
38
- import 'ramda';
39
- import '@bigbinary/neetoui/Toastr';
40
- import '@bigbinary/neeto-icons/MenuHorizontal';
41
- import '@bigbinary/neeto-icons/MenuVertical';
42
- import '@bigbinary/neetoui/Dropdown';
43
- import '@bigbinary/neetoui/Tooltip';
44
-
45
- var CustomDomain = function CustomDomain(_ref) {
46
- var url = _ref.url,
47
- iconOnly = _ref.iconOnly,
48
- onCreate = _ref.onCreate;
49
- var _useState = useState(false),
50
- _useState2 = _slicedToArray(_useState, 2),
51
- isPaneOpen = _useState2[0],
52
- setIsPaneOpen = _useState2[1];
53
- var _useState3 = useState(false),
54
- _useState4 = _slicedToArray(_useState3, 2),
55
- isAlertOpen = _useState4[0],
56
- setIsAlertOpen = _useState4[1];
57
- var _useTranslation = useTranslation(),
58
- t = _useTranslation.t;
59
- var _useFetchCustomDomain = useFetchCustomDomains({
60
- url: url
61
- }),
62
- customDomain = _useFetchCustomDomain.data,
63
- isLoading = _useFetchCustomDomain.isLoading;
64
- var _useDeleteCustomDomai = useDeleteCustomDomain(url, {
65
- onSettled: function onSettled() {
66
- return setIsAlertOpen(false);
67
- }
68
- }),
69
- deleteCustomDomain = _useDeleteCustomDomai.mutate,
70
- isDeleting = _useDeleteCustomDomai.isPending;
71
- var actions = [{
72
- key: "edit",
73
- label: t("neetoMolecules.common.actions.edit"),
74
- onClick: function onClick() {
75
- return setIsPaneOpen(true);
76
- }
77
- }, {
78
- key: "delete",
79
- label: t("neetoMolecules.common.actions.delete"),
80
- onClick: function onClick() {
81
- return setIsAlertOpen(true);
82
- }
83
- }];
84
- if (isLoading) return /*#__PURE__*/jsx(Spinner, {});
85
- return /*#__PURE__*/jsxs("div", {
86
- children: [isNotEmpty(customDomain) ? /*#__PURE__*/jsxs("div", {
87
- className: "flex flex-row items-center",
88
- children: [/*#__PURE__*/jsx(Tag, {
89
- "data-cy": "".concat(hyphenize(customDomain.status), "-tag-container"),
90
- label: customDomain === null || customDomain === void 0 ? void 0 : customDomain.hostname,
91
- style: customDomain.status === "active" ? "success" : "warning"
92
- }), /*#__PURE__*/jsx(MoreDropdown, {
93
- menuItems: actions,
94
- dropdownButtonProps: {
95
- "data-testid": "nui-dropdown-icon",
96
- strategy: "fixed",
97
- "data-cy": "custom-domain-menu-button"
98
- }
99
- })]
100
- }) : /*#__PURE__*/jsx(Button, {
101
- icon: iconOnly && NeetoUICustomDomainIcon,
102
- style: "text",
103
- label: iconOnly ? "" : t("neetoMolecules.common.actions.add", {
104
- entity: t("neetoMolecules.customDomain.customDomain", SINGULAR)
105
- }),
106
- tooltipProps: iconOnly && {
107
- content: t("neetoMolecules.customDomain.customDomain", SINGULAR)
108
- },
109
- onClick: function onClick() {
110
- return setIsPaneOpen(true);
111
- }
112
- }), /*#__PURE__*/jsx(Manage, {
113
- customDomain: customDomain,
114
- onCreate: onCreate,
115
- url: url,
116
- hasOne: true,
117
- isOpen: isPaneOpen,
118
- setCustomDomain: noop,
119
- onClose: function onClose() {
120
- return setIsPaneOpen(false);
121
- }
122
- }), /*#__PURE__*/jsx(DeleteAlert, {
123
- hostname: customDomain === null || customDomain === void 0 ? void 0 : customDomain.hostname,
124
- isOpen: isAlertOpen,
125
- isSubmitting: isDeleting,
126
- onClose: function onClose() {
127
- return setIsAlertOpen(false);
128
- },
129
- onSubmit: function onSubmit() {
130
- return deleteCustomDomain();
131
- }
132
- })]
133
- });
134
- };
135
-
136
- export { CustomDomain as default };
137
- //# sourceMappingURL=CustomDomain.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CustomDomain.js","sources":["../src/components/CustomDomain/index.jsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport { isNotEmpty, noop } from \"neetocist\";\nimport { SINGULAR } from \"neetocommons/constants\";\nimport { hyphenize } from \"neetocommons/utils/general\";\nimport { CustomDomain as NeetoUICustomDomainIcon } from \"neetoicons\";\nimport { Button, Tag, Spinner } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport DeleteAlert from \"components/CustomDomainDashboard/DeleteAlert\";\nimport ManageDomain from \"components/CustomDomainDashboard/Manage\";\nimport {\n useFetchCustomDomains,\n useDeleteCustomDomain,\n} from \"components/CustomDomainDashboard/useCustomDomainApi\";\nimport MoreDropdown from \"components/MoreDropdown\";\n\nconst CustomDomain = ({ url, iconOnly, onCreate }) => {\n const [isPaneOpen, setIsPaneOpen] = useState(false);\n const [isAlertOpen, setIsAlertOpen] = useState(false);\n const { t } = useTranslation();\n\n const { data: customDomain, isLoading } = useFetchCustomDomains({ url });\n\n const { mutate: deleteCustomDomain, isPending: isDeleting } =\n useDeleteCustomDomain(url, { onSettled: () => setIsAlertOpen(false) });\n\n const actions = [\n {\n key: \"edit\",\n label: t(\"neetoMolecules.common.actions.edit\"),\n onClick: () => setIsPaneOpen(true),\n },\n {\n key: \"delete\",\n label: t(\"neetoMolecules.common.actions.delete\"),\n onClick: () => setIsAlertOpen(true),\n },\n ];\n\n if (isLoading) return <Spinner />;\n\n return (\n <div>\n {isNotEmpty(customDomain) ? (\n <div className=\"flex flex-row items-center\">\n <Tag\n data-cy={`${hyphenize(customDomain.status)}-tag-container`}\n label={customDomain?.hostname}\n style={customDomain.status === \"active\" ? \"success\" : \"warning\"}\n />\n <MoreDropdown\n menuItems={actions}\n dropdownButtonProps={{\n \"data-testid\": \"nui-dropdown-icon\",\n strategy: \"fixed\",\n \"data-cy\": \"custom-domain-menu-button\",\n }}\n />\n </div>\n ) : (\n <Button\n icon={iconOnly && NeetoUICustomDomainIcon}\n style=\"text\"\n label={\n iconOnly\n ? \"\"\n : t(\"neetoMolecules.common.actions.add\", {\n entity: t(\n \"neetoMolecules.customDomain.customDomain\",\n SINGULAR\n ),\n })\n }\n tooltipProps={\n iconOnly && {\n content: t(\"neetoMolecules.customDomain.customDomain\", SINGULAR),\n }\n }\n onClick={() => setIsPaneOpen(true)}\n />\n )}\n <ManageDomain\n {...{ customDomain, onCreate, url }}\n hasOne\n isOpen={isPaneOpen}\n setCustomDomain={noop}\n onClose={() => setIsPaneOpen(false)}\n />\n <DeleteAlert\n hostname={customDomain?.hostname}\n isOpen={isAlertOpen}\n isSubmitting={isDeleting}\n onClose={() => setIsAlertOpen(false)}\n onSubmit={() => deleteCustomDomain()}\n />\n </div>\n );\n};\n\nCustomDomain.propTypes = {\n /**\n * API path to manage custom domain records.\n */\n url: PropTypes.string,\n /**\n * Pass this prop if you need a icon button without label.\n */\n iconOnly: PropTypes.bool,\n /**\n * Callback function will be invoked with new domain values after successfully creating the domain.\n */\n onCreate: PropTypes.func,\n};\n\nexport default CustomDomain;\n"],"names":["CustomDomain","_ref","url","iconOnly","onCreate","_useState","useState","_useState2","_slicedToArray","isPaneOpen","setIsPaneOpen","_useState3","_useState4","isAlertOpen","setIsAlertOpen","_useTranslation","useTranslation","t","_useFetchCustomDomain","useFetchCustomDomains","customDomain","data","isLoading","_useDeleteCustomDomai","useDeleteCustomDomain","onSettled","deleteCustomDomain","mutate","isDeleting","isPending","actions","key","label","onClick","_jsx","Spinner","_jsxs","children","isNotEmpty","className","Tag","concat","hyphenize","status","hostname","style","MoreDropdown","menuItems","dropdownButtonProps","strategy","Button","icon","NeetoUICustomDomainIcon","entity","SINGULAR","tooltipProps","content","ManageDomain","hasOne","isOpen","setCustomDomain","noop","onClose","DeleteAlert","isSubmitting","onSubmit"],"mappings":"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"}
@@ -1,325 +0,0 @@
1
- import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
2
- import { memo, useState } from 'react';
3
- import { snakeToCamelCase, isNotEmpty, isPresent } from '@bigbinary/neeto-cist';
4
- import useDebounce from '@bigbinary/neeto-commons-frontend/react-utils/useDebounce';
5
- import Table from '@bigbinary/neetoui/Table';
6
- import Typography from '@bigbinary/neetoui/Typography';
7
- import NoData from '@bigbinary/neetoui/NoData';
8
- import Button from '@bigbinary/neetoui/Button';
9
- import Spinner from '@bigbinary/neetoui/Spinner';
10
- import { mergeRight, path } from 'ramda';
11
- import { useTranslation, Trans } from 'react-i18next';
12
- import Container from './Container.js';
13
- import SubHeader from './SubHeader.js';
14
- import TableWrapper from './TableWrapper.js';
15
- import { b as DEFAULT_HELP_POPOVER_PROPS, u as useFetchCustomDomains, a as useDeleteCustomDomain, M as Manage, D as DeleteAlert } from './index-7O-LlcxR.js';
16
- import _defineProperty from '@babel/runtime/helpers/defineProperty';
17
- import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
18
- import { PLURAL, SINGULAR } from '@bigbinary/neeto-commons-frontend/constants';
19
- import { withEventTargetValue, hyphenize } from '@bigbinary/neeto-commons-frontend/utils/general';
20
- import Header$2 from './Header.js';
21
- import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
22
- import { t } from 'i18next';
23
- import MoreDropdown from './MoreDropdown.js';
24
- import classnames from 'classnames';
25
- import Tag from '@bigbinary/neetoui/Tag';
26
- import './index-DAYCJu79.js';
27
- import './_commonjsHelpers-BFTU3MAI.js';
28
- import './inject-css-DmrvuTKK.js';
29
- import '@bigbinary/neeto-icons/Column';
30
- import './useColumns-Db5uic1-.js';
31
- import '@bigbinary/neeto-icons/Search';
32
- import '@bigbinary/neetoui/Checkbox';
33
- import '@bigbinary/neetoui/Dropdown';
34
- import '@bigbinary/neetoui/Input';
35
- import '@bigbinary/neetoui/Label';
36
- import 'zustand';
37
- import 'zustand/middleware';
38
- import '@bigbinary/neeto-commons-frontend/react-utils';
39
- import '@bigbinary/neeto-icons/Download';
40
- import '@bigbinary/neeto-filters-frontend/Filters';
41
- import '@bigbinary/neeto-icons/Filter';
42
- import '@bigbinary/neetoui/Alert';
43
- import '@bigbinary/neetoui/Pane';
44
- import '@bigbinary/neetoui/formik/ActionBlock';
45
- import '@bigbinary/neetoui/formik/Input';
46
- import '@bigbinary/neetoui/formik/Form';
47
- import 'yup';
48
- import '@tanstack/react-query';
49
- import '@bigbinary/neeto-commons-frontend/react-utils/useMutationWithInvalidation';
50
- import 'axios';
51
- import '@bigbinary/neetoui/Callout';
52
- import '@bigbinary/neetoui/Stepper';
53
- import './CopyToClipboardButton.js';
54
- import '@bigbinary/neeto-icons/Copy';
55
- import '@bigbinary/neeto-icons/Check';
56
- import '@bigbinary/neetoui/Toastr';
57
- import './Breadcrumbs.js';
58
- import 'react-router-dom';
59
- import './HelpPopover.js';
60
- import '@bigbinary/neeto-icons/Help';
61
- import '@bigbinary/neetoui/Popover';
62
- import './Search.js';
63
- import '@bigbinary/neeto-commons-frontend/react-utils/useFuncDebounce';
64
- import '@bigbinary/neeto-commons-frontend/react-utils/useQueryParams';
65
- import '@bigbinary/neeto-commons-frontend/react-utils/useUpdateEffect';
66
- import '@bigbinary/neeto-commons-frontend/utils';
67
- import '@bigbinary/neeto-icons/MenuHorizontal';
68
- import '@bigbinary/neeto-icons/MenuVertical';
69
- import '@bigbinary/neetoui/Tooltip';
70
-
71
- var _excluded = ["titleHelpPopoverProps"];
72
- 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; }
73
- 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; }
74
- var Header = function Header(_ref) {
75
- var setIsPaneOpen = _ref.setIsPaneOpen,
76
- searchTerm = _ref.searchTerm,
77
- setSearchTerm = _ref.setSearchTerm,
78
- _ref$headerProps = _ref.headerProps,
79
- headerProps = _ref$headerProps === void 0 ? {} : _ref$headerProps,
80
- isFiltersVisible = _ref.isFiltersVisible;
81
- var _useTranslation = useTranslation(),
82
- t = _useTranslation.t;
83
- var _headerProps$titleHel = headerProps.titleHelpPopoverProps,
84
- titleHelpPopoverProps = _headerProps$titleHel === void 0 ? {} : _headerProps$titleHel,
85
- restHeaderProps = _objectWithoutProperties(headerProps, _excluded);
86
- var updatedTitleHelpPopoverProps = mergeRight(DEFAULT_HELP_POPOVER_PROPS, titleHelpPopoverProps);
87
- return /*#__PURE__*/jsx(Header$2, _objectSpread({
88
- "data-testid": "custom-domain-header",
89
- title: t("neetoMolecules.customDomain.customDomain", PLURAL),
90
- titleHelpPopoverProps: updatedTitleHelpPopoverProps,
91
- actionBlock: /*#__PURE__*/jsx(Button, {
92
- "data-cy": "add-new-custom-domain-button",
93
- label: t("neetoMolecules.customDomain.addNew"),
94
- onClick: function onClick() {
95
- return setIsPaneOpen(true);
96
- }
97
- }),
98
- searchProps: isFiltersVisible && {
99
- value: searchTerm,
100
- onChange: withEventTargetValue(setSearchTerm),
101
- placeholder: t("neetoMolecules.customDomain.search"),
102
- "data-cy": "custom-domain-search-field",
103
- className: "w-56"
104
- }
105
- }, restHeaderProps));
106
- };
107
- var Header$1 = /*#__PURE__*/memo(Header);
108
-
109
- var TagBlock = function TagBlock(_ref) {
110
- var status = _ref.status,
111
- _ref$stacked = _ref.stacked,
112
- stacked = _ref$stacked === void 0 ? false : _ref$stacked;
113
- var _useTranslation = useTranslation(),
114
- t = _useTranslation.t;
115
- var isDomainValidated = status === "active" || status === "pending_cname_validation";
116
- var camelCasedStatus = snakeToCamelCase(status || "");
117
- return /*#__PURE__*/jsx("div", {
118
- className: classnames("flex gap-2", {
119
- "flex-col items-start": stacked
120
- }),
121
- children: status === "failed" ? /*#__PURE__*/jsx(Tag, {
122
- label: t("neetoMolecules.customDomain.status.".concat(camelCasedStatus)),
123
- style: "danger"
124
- }) : /*#__PURE__*/jsxs(Fragment, {
125
- children: [/*#__PURE__*/jsx(Tag, {
126
- "data-cy": "".concat(hyphenize(status), "-tag-container"),
127
- style: isDomainValidated ? "success" : "warning",
128
- label: t("neetoMolecules.customDomain.status.domain.".concat(camelCasedStatus))
129
- }), isDomainValidated && /*#__PURE__*/jsx("div", {
130
- className: classnames("flex items-center justify-between gap-2", {
131
- "w-full": stacked
132
- }),
133
- children: /*#__PURE__*/jsx(Tag, {
134
- "data-cy": "".concat(hyphenize(status), "-tag-container"),
135
- style: status === "active" ? "success" : "warning",
136
- label: t("neetoMolecules.customDomain.status.cname.".concat(camelCasedStatus))
137
- })
138
- })]
139
- })
140
- });
141
- };
142
- var TagBlock$1 = /*#__PURE__*/memo(TagBlock);
143
-
144
- var renderColumnData = function renderColumnData(enableManagePane, enableDeleteAlert) {
145
- return [{
146
- title: t("neetoMolecules.customDomain.customDomain", SINGULAR),
147
- dataIndex: "hostname",
148
- key: "hostname",
149
- render: function render(hostName, customDomain) {
150
- return /*#__PURE__*/jsxs("div", {
151
- className: "flex items-center justify-between gap-x-3",
152
- children: [/*#__PURE__*/jsx(Button, {
153
- "data-cy": "hostname-button",
154
- label: hostName,
155
- style: "link",
156
- onClick: function onClick() {
157
- return enableManagePane(customDomain);
158
- }
159
- }), /*#__PURE__*/jsx(MoreDropdown, {
160
- dropdownButtonProps: {
161
- "data-testid": "nui-dropdown-icon-".concat(customDomain.id)
162
- },
163
- dropdownProps: {
164
- position: "bottom-end",
165
- strategy: "fixed"
166
- },
167
- menuItems: [{
168
- label: t("neetoMolecules.common.actions.edit"),
169
- onClick: function onClick() {
170
- return enableManagePane(customDomain);
171
- },
172
- key: "edit-custom-domain-button"
173
- }, {
174
- label: t("neetoMolecules.common.actions.delete"),
175
- onClick: function onClick() {
176
- return enableDeleteAlert(customDomain);
177
- },
178
- key: "delete-custom-domain"
179
- }]
180
- })]
181
- });
182
- }
183
- }, {
184
- title: t("neetoMolecules.common.status"),
185
- dataIndex: "status",
186
- key: "status",
187
- render: function render(status) {
188
- return /*#__PURE__*/jsx(TagBlock$1, {
189
- status: status
190
- });
191
- }
192
- }];
193
- };
194
-
195
- var CustomDomainDashboard = function CustomDomainDashboard(_ref) {
196
- var _data$customDomains, _data$customDomains2;
197
- var headerProps = _ref.headerProps,
198
- url = _ref.url,
199
- onCreate = _ref.onCreate;
200
- var _useState = useState(""),
201
- _useState2 = _slicedToArray(_useState, 2),
202
- searchTerm = _useState2[0],
203
- setSearchTerm = _useState2[1];
204
- var _useState3 = useState(false),
205
- _useState4 = _slicedToArray(_useState3, 2),
206
- isPaneOpen = _useState4[0],
207
- setIsPaneOpen = _useState4[1];
208
- var _useState5 = useState({}),
209
- _useState6 = _slicedToArray(_useState5, 2),
210
- customDomain = _useState6[0],
211
- setCustomDomain = _useState6[1];
212
- var _useState7 = useState(false),
213
- _useState8 = _slicedToArray(_useState7, 2),
214
- isAlertOpen = _useState8[0],
215
- setIsAlertOpen = _useState8[1];
216
- var _useTranslation = useTranslation(),
217
- t = _useTranslation.t;
218
- var debouncedSearchTerm = useDebounce(searchTerm, 500);
219
- var _useFetchCustomDomain = useFetchCustomDomains({
220
- url: url,
221
- params: {
222
- searchTerm: debouncedSearchTerm
223
- }
224
- }),
225
- data = _useFetchCustomDomain.data,
226
- isLoading = _useFetchCustomDomain.isLoading;
227
- var isFiltersVisible = isNotEmpty(data === null || data === void 0 ? void 0 : data.customDomains) || isPresent(searchTerm);
228
- var helpLink = path(["titleHelpPopoverProps", "helpLinkProps", "href"], headerProps) || "https://help.neetosite.com/p/a-95ad5b03";
229
- var _useDeleteCustomDomai = useDeleteCustomDomain(url, {
230
- onSettled: function onSettled() {
231
- setIsAlertOpen(false);
232
- setCustomDomain({});
233
- }
234
- }),
235
- deleteCustomDomain = _useDeleteCustomDomai.mutate,
236
- isDeleting = _useDeleteCustomDomai.isPending;
237
- var enableManagePane = function enableManagePane(customDomain) {
238
- setCustomDomain(customDomain);
239
- setIsPaneOpen(true);
240
- };
241
- var enableDeleteAlert = function enableDeleteAlert(customDomain) {
242
- setCustomDomain(customDomain);
243
- setIsAlertOpen(true);
244
- };
245
- var disableManagePane = function disableManagePane() {
246
- setIsPaneOpen(false);
247
- setCustomDomain({});
248
- };
249
- var disableDeleteAlert = function disableDeleteAlert() {
250
- setIsAlertOpen(false);
251
- setCustomDomain({});
252
- };
253
- return /*#__PURE__*/jsxs(Fragment, {
254
- children: [/*#__PURE__*/jsxs(Container, {
255
- children: [/*#__PURE__*/jsx(Header$1, {
256
- headerProps: headerProps,
257
- isFiltersVisible: isFiltersVisible,
258
- searchTerm: searchTerm,
259
- setIsPaneOpen: setIsPaneOpen,
260
- setSearchTerm: setSearchTerm
261
- }), isLoading && /*#__PURE__*/jsx("div", {
262
- className: "flex h-full w-full items-center justify-center",
263
- children: /*#__PURE__*/jsx(Spinner, {})
264
- }), !isLoading && /*#__PURE__*/jsxs(Fragment, {
265
- children: [/*#__PURE__*/jsx(SubHeader, {
266
- leftActionBlock: !!(data !== null && data !== void 0 && (_data$customDomains = data.customDomains) !== null && _data$customDomains !== void 0 && _data$customDomains.length) && /*#__PURE__*/jsx(Typography, {
267
- className: "neeto-ui-gray-800 font-semibold",
268
- component: "h4",
269
- children: t("neetoMolecules.customDomain.customDomainWithCount", {
270
- count: data === null || data === void 0 || (_data$customDomains2 = data.customDomains) === null || _data$customDomains2 === void 0 ? void 0 : _data$customDomains2.length
271
- })
272
- })
273
- }), isNotEmpty(data === null || data === void 0 ? void 0 : data.customDomains) ? /*#__PURE__*/jsx(TableWrapper, {
274
- children: /*#__PURE__*/jsx(Table, {
275
- fixedHeight: true,
276
- allowRowClick: false,
277
- rowData: data === null || data === void 0 ? void 0 : data.customDomains,
278
- rowSelection: false,
279
- columnData: renderColumnData(enableManagePane, enableDeleteAlert)
280
- })
281
- }) : /*#__PURE__*/jsx("div", {
282
- className: "flex h-full w-full flex-grow items-center justify-center",
283
- children: /*#__PURE__*/jsx(NoData, {
284
- title: t("neetoMolecules.customDomain.notFound"),
285
- helpText: /*#__PURE__*/jsx(Trans, {
286
- i18nKey: "neetoMolecules.customDomain.learnMoreMessage",
287
- components: {
288
- button: /*#__PURE__*/jsx(Button, {
289
- href: helpLink,
290
- style: "link",
291
- target: "_blank"
292
- })
293
- }
294
- }),
295
- primaryButtonProps: {
296
- label: t("neetoMolecules.customDomain.addNew"),
297
- onClick: function onClick() {
298
- return setIsPaneOpen(true);
299
- }
300
- }
301
- })
302
- })]
303
- })]
304
- }), /*#__PURE__*/jsx(Manage, {
305
- customDomain: customDomain,
306
- onCreate: onCreate,
307
- setCustomDomain: setCustomDomain,
308
- url: url,
309
- hasOne: false,
310
- isOpen: isPaneOpen,
311
- onClose: disableManagePane
312
- }), /*#__PURE__*/jsx(DeleteAlert, {
313
- hostname: customDomain === null || customDomain === void 0 ? void 0 : customDomain.hostname,
314
- isOpen: isAlertOpen,
315
- isSubmitting: isDeleting,
316
- onClose: disableDeleteAlert,
317
- onSubmit: function onSubmit() {
318
- return deleteCustomDomain(customDomain === null || customDomain === void 0 ? void 0 : customDomain.id);
319
- }
320
- })]
321
- });
322
- };
323
-
324
- export { CustomDomainDashboard as default };
325
- //# sourceMappingURL=CustomDomainDashboard.js.map