@akbarsafari00/bonyan-content-manager 5.52.1-fa.2

package/dist/admin/pages/EditView/components/FormInputs/Wysiwyg/PreviewWysiwyg.mjs

@@ -0,0 +1,176 @@
+import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { styled } from 'styled-components';
+import { md } from './utils/mdRenderer.mjs';
+import { sanitize } from './utils/sanitizer.mjs';
+
+const PreviewWysiwyg = ({ data })=>{
+    const html = React.useMemo(()=>sanitize(md.render((data ?? '').replaceAll('\\n', '\n'))), [
+        data
+    ]);
+    return /*#__PURE__*/ jsx(Wrapper, {
+        children: /*#__PURE__*/ jsx("div", {
+            dangerouslySetInnerHTML: {
+                __html: html
+            }
+        })
+    });
+};
+const Wrapper = styled.div`
+  position: absolute;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  overflow: auto;
+  padding: ${({ theme })=>`${theme.spaces[3]} ${theme.spaces[4]}`};
+  font-size: 1.4rem;
+  background-color: ${({ theme })=>theme.colors.neutral0};
+  color: ${({ theme })=>theme.colors.neutral800};
+  line-height: ${({ theme })=>theme.lineHeights[6]};
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    margin-block-start: ${({ theme })=>theme.spaces[2]};
+    margin-block-end: ${({ theme })=>theme.spaces[2]};
+  }
+
+  p {
+    margin-bottom: ${({ theme })=>theme.spaces[2]};
+  }
+
+  h1 {
+    font-size: 2.8rem;
+    ${({ theme })=>theme.breakpoints.medium} {
+      font-size: 3.6rem;
+    }
+    font-weight: 600;
+  }
+
+  h2 {
+    font-size: 2.2rem;
+    ${({ theme })=>theme.breakpoints.medium} {
+      font-size: 3rem;
+    }
+    font-weight: 600;
+  }
+
+  h3 {
+    font-size: 2rem;
+    ${({ theme })=>theme.breakpoints.medium} {
+      font-size: 2.4rem;
+    }
+    font-weight: 600;
+  }
+
+  h4 {
+    font-size: 1.8rem;
+    ${({ theme })=>theme.breakpoints.medium} {
+      font-size: 2.4rem;
+    }
+    font-weight: 600;
+  }
+
+  strong {
+    font-weight: 800;
+  }
+
+  em {
+    font-style: italic;
+  }
+
+  blockquote {
+    margin-top: ${({ theme })=>theme.spaces[8]};
+    margin-bottom: ${({ theme })=>theme.spaces[7]};
+    font-size: 1.4rem;
+    font-weight: 400;
+    border-left: 4px solid ${({ theme })=>theme.colors.neutral150};
+    font-style: italic;
+    padding: ${({ theme })=>theme.spaces[2]} ${({ theme })=>theme.spaces[5]};
+  }
+
+  img {
+    max-width: 100%;
+  }
+
+  table {
+    thead {
+      background: ${({ theme })=>theme.colors.neutral150};
+
+      th {
+        padding: ${({ theme })=>theme.spaces[4]};
+      }
+    }
+    tr {
+      border: 1px solid ${({ theme })=>theme.colors.neutral200};
+    }
+    th,
+    td {
+      padding: ${({ theme })=>theme.spaces[4]};
+      border: 1px solid ${({ theme })=>theme.colors.neutral200};
+      border-bottom: 0;
+      border-top: 0;
+    }
+  }
+
+  pre,
+  code {
+    font-size: 1.4rem;
+    border-radius: 4px;
+    /* 
+      Hard coded since the color is the same between themes,
+      theme.colors.neutral800 changes between themes.
+
+      Matches the color of the JSON Input component.
+    */
+    background-color: #32324d;
+    max-width: 100%;
+    overflow: auto;
+    padding: ${({ theme })=>theme.spaces[2]};
+  }
+
+  /* Inline code */
+  p,
+  pre,
+  td {
+    > code {
+      color: #839496;
+    }
+  }
+
+  ol {
+    list-style-type: decimal;
+    margin-block-start: ${({ theme })=>theme.spaces[4]};
+    margin-block-end: ${({ theme })=>theme.spaces[4]};
+    margin-inline-start: 0px;
+    margin-inline-end: 0px;
+    padding-inline-start: ${({ theme })=>theme.spaces[4]};
+
+    ol,
+    ul {
+      margin-block-start: 0px;
+      margin-block-end: 0px;
+    }
+  }
+
+  ul {
+    list-style-type: disc;
+    margin-block-start: ${({ theme })=>theme.spaces[4]};
+    margin-block-end: ${({ theme })=>theme.spaces[4]};
+    margin-inline-start: 0px;
+    margin-inline-end: 0px;
+    padding-inline-start: ${({ theme })=>theme.spaces[4]};
+
+    ul,
+    ol {
+      margin-block-start: 0px;
+      margin-block-end: 0px;
+    }
+  }
+`;
+
+export { PreviewWysiwyg };
+//# sourceMappingURL=PreviewWysiwyg.mjs.map

package/dist/admin/pages/EditView/components/FormInputs/Wysiwyg/PreviewWysiwyg.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewWysiwyg.mjs","sources":["../../../../../../../admin/src/pages/EditView/components/FormInputs/Wysiwyg/PreviewWysiwyg.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport { styled } from 'styled-components';\r\n\r\nimport { md } from './utils/mdRenderer';\r\nimport { sanitize } from './utils/sanitizer';\r\n\r\ninterface PreviewWysiwygProps {\r\n  data?: string;\r\n}\r\n\r\nconst PreviewWysiwyg = ({ data }: PreviewWysiwygProps) => {\r\n  const html = React.useMemo(\r\n    () => sanitize(md.render((data ?? '').replaceAll('\\\\n', '\\n'))),\r\n    [data]\r\n  );\r\n\r\n  return (\r\n    <Wrapper>\r\n      <div dangerouslySetInnerHTML={{ __html: html }} />\r\n    </Wrapper>\r\n  );\r\n};\r\n\r\nconst Wrapper = styled.div`\r\n  position: absolute;\r\n  top: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  overflow: auto;\r\n  padding: ${({ theme }) => `${theme.spaces[3]} ${theme.spaces[4]}`};\r\n  font-size: 1.4rem;\r\n  background-color: ${({ theme }) => theme.colors.neutral0};\r\n  color: ${({ theme }) => theme.colors.neutral800};\r\n  line-height: ${({ theme }) => theme.lineHeights[6]};\r\n\r\n  h1,\r\n  h2,\r\n  h3,\r\n  h4,\r\n  h5,\r\n  h6 {\r\n    margin-block-start: ${({ theme }) => theme.spaces[2]};\r\n    margin-block-end: ${({ theme }) => theme.spaces[2]};\r\n  }\r\n\r\n  p {\r\n    margin-bottom: ${({ theme }) => theme.spaces[2]};\r\n  }\r\n\r\n  h1 {\r\n    font-size: 2.8rem;\r\n    ${({ theme }) => theme.breakpoints.medium} {\r\n      font-size: 3.6rem;\r\n    }\r\n    font-weight: 600;\r\n  }\r\n\r\n  h2 {\r\n    font-size: 2.2rem;\r\n    ${({ theme }) => theme.breakpoints.medium} {\r\n      font-size: 3rem;\r\n    }\r\n    font-weight: 600;\r\n  }\r\n\r\n  h3 {\r\n    font-size: 2rem;\r\n    ${({ theme }) => theme.breakpoints.medium} {\r\n      font-size: 2.4rem;\r\n    }\r\n    font-weight: 600;\r\n  }\r\n\r\n  h4 {\r\n    font-size: 1.8rem;\r\n    ${({ theme }) => theme.breakpoints.medium} {\r\n      font-size: 2.4rem;\r\n    }\r\n    font-weight: 600;\r\n  }\r\n\r\n  strong {\r\n    font-weight: 800;\r\n  }\r\n\r\n  em {\r\n    font-style: italic;\r\n  }\r\n\r\n  blockquote {\r\n    margin-top: ${({ theme }) => theme.spaces[8]};\r\n    margin-bottom: ${({ theme }) => theme.spaces[7]};\r\n    font-size: 1.4rem;\r\n    font-weight: 400;\r\n    border-left: 4px solid ${({ theme }) => theme.colors.neutral150};\r\n    font-style: italic;\r\n    padding: ${({ theme }) => theme.spaces[2]} ${({ theme }) => theme.spaces[5]};\r\n  }\r\n\r\n  img {\r\n    max-width: 100%;\r\n  }\r\n\r\n  table {\r\n    thead {\r\n      background: ${({ theme }) => theme.colors.neutral150};\r\n\r\n      th {\r\n        padding: ${({ theme }) => theme.spaces[4]};\r\n      }\r\n    }\r\n    tr {\r\n      border: 1px solid ${({ theme }) => theme.colors.neutral200};\r\n    }\r\n    th,\r\n    td {\r\n      padding: ${({ theme }) => theme.spaces[4]};\r\n      border: 1px solid ${({ theme }) => theme.colors.neutral200};\r\n      border-bottom: 0;\r\n      border-top: 0;\r\n    }\r\n  }\r\n\r\n  pre,\r\n  code {\r\n    font-size: 1.4rem;\r\n    border-radius: 4px;\r\n    /* \r\n      Hard coded since the color is the same between themes,\r\n      theme.colors.neutral800 changes between themes.\r\n\r\n      Matches the color of the JSON Input component.\r\n    */\r\n    background-color: #32324d;\r\n    max-width: 100%;\r\n    overflow: auto;\r\n    padding: ${({ theme }) => theme.spaces[2]};\r\n  }\r\n\r\n  /* Inline code */\r\n  p,\r\n  pre,\r\n  td {\r\n    > code {\r\n      color: #839496;\r\n    }\r\n  }\r\n\r\n  ol {\r\n    list-style-type: decimal;\r\n    margin-block-start: ${({ theme }) => theme.spaces[4]};\r\n    margin-block-end: ${({ theme }) => theme.spaces[4]};\r\n    margin-inline-start: 0px;\r\n    margin-inline-end: 0px;\r\n    padding-inline-start: ${({ theme }) => theme.spaces[4]};\r\n\r\n    ol,\r\n    ul {\r\n      margin-block-start: 0px;\r\n      margin-block-end: 0px;\r\n    }\r\n  }\r\n\r\n  ul {\r\n    list-style-type: disc;\r\n    margin-block-start: ${({ theme }) => theme.spaces[4]};\r\n    margin-block-end: ${({ theme }) => theme.spaces[4]};\r\n    margin-inline-start: 0px;\r\n    margin-inline-end: 0px;\r\n    padding-inline-start: ${({ theme }) => theme.spaces[4]};\r\n\r\n    ul,\r\n    ol {\r\n      margin-block-start: 0px;\r\n      margin-block-end: 0px;\r\n    }\r\n  }\r\n`;\r\n\r\nexport { PreviewWysiwyg };\r\n"],"names":["PreviewWysiwyg","data","html","React","useMemo","sanitize","md","render","replaceAll","_jsx","Wrapper","div","dangerouslySetInnerHTML","__html","styled","theme","spaces","colors","neutral0","neutral800","lineHeights","breakpoints","medium","neutral150","neutral200"],"mappings":"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"}

package/dist/admin/pages/EditView/components/FormInputs/Wysiwyg/WysiwygFooter.js

@@ -0,0 +1,43 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var designSystem = require('@strapi/design-system');
+var Icons = require('@strapi/icons');
+var reactIntl = require('react-intl');
+var WysiwygStyles = require('./WysiwygStyles.js');
+
+const WysiwygFooter = ({ onToggleExpand })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+        padding: 2,
+        background: "neutral100",
+        borderRadius: `0 0 0.4rem 0.4rem`,
+        children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+            justifyContent: "flex-end",
+            alignItems: "flex-end",
+            gap: {
+                initial: 2,
+                medium: 0
+            },
+            children: /*#__PURE__*/ jsxRuntime.jsxs(WysiwygStyles.ExpandButton, {
+                id: "expand",
+                onClick: onToggleExpand,
+                variant: "tertiary",
+                size: "M",
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                        textColor: "neutral800",
+                        children: formatMessage({
+                            id: 'components.WysiwygBottomControls.fullscreen',
+                            defaultMessage: 'Expand'
+                        })
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(Icons.Expand, {})
+                ]
+            })
+        })
+    });
+};
+
+exports.WysiwygFooter = WysiwygFooter;
+//# sourceMappingURL=WysiwygFooter.js.map

package/dist/admin/pages/EditView/components/FormInputs/Wysiwyg/WysiwygFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WysiwygFooter.js","sources":["../../../../../../../admin/src/pages/EditView/components/FormInputs/Wysiwyg/WysiwygFooter.tsx"],"sourcesContent":["import { ButtonProps, Box, Flex, Typography } from '@strapi/design-system';\r\nimport { Expand } from '@strapi/icons';\r\nimport { useIntl } from 'react-intl';\r\n\r\nimport { ExpandButton } from './WysiwygStyles';\r\n\r\ninterface WysiwygFooterProps {\r\n  onToggleExpand: ButtonProps['onClick'];\r\n}\r\n\r\nconst WysiwygFooter = ({ onToggleExpand }: WysiwygFooterProps) => {\r\n  const { formatMessage } = useIntl();\r\n\r\n  return (\r\n    <Box padding={2} background=\"neutral100\" borderRadius={`0 0 0.4rem 0.4rem`}>\r\n      <Flex justifyContent=\"flex-end\" alignItems=\"flex-end\" gap={{ initial: 2, medium: 0 }}>\r\n        <ExpandButton id=\"expand\" onClick={onToggleExpand} variant=\"tertiary\" size=\"M\">\r\n          <Typography textColor=\"neutral800\">\r\n            {formatMessage({\r\n              id: 'components.WysiwygBottomControls.fullscreen',\r\n              defaultMessage: 'Expand',\r\n            })}\r\n          </Typography>\r\n          <Expand />\r\n        </ExpandButton>\r\n      </Flex>\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport { WysiwygFooter };\r\nexport type { WysiwygFooterProps };\r\n"],"names":["WysiwygFooter","onToggleExpand","formatMessage","useIntl","_jsx","Box","padding","background","borderRadius","Flex","justifyContent","alignItems","gap","initial","medium","_jsxs","ExpandButton","id","onClick","variant","size","Typography","textColor","defaultMessage","Expand"],"mappings":";;;;;;;;AAUA,MAAMA,aAAAA,GAAgB,CAAC,EAAEC,cAAc,EAAsB,GAAA;IAC3D,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAE1B,IAAA,qBACEC,cAAA,CAACC,gBAAAA,EAAAA;QAAIC,OAAAA,EAAS,CAAA;QAAGC,UAAAA,EAAW,YAAA;QAAaC,YAAAA,EAAc,CAAC,iBAAiB,CAAC;AACxE,QAAA,QAAA,gBAAAJ,cAAA,CAACK,iBAAAA,EAAAA;YAAKC,cAAAA,EAAe,UAAA;YAAWC,UAAAA,EAAW,UAAA;YAAWC,GAAAA,EAAK;gBAAEC,OAAAA,EAAS,CAAA;gBAAGC,MAAAA,EAAQ;AAAE,aAAA;AACjF,YAAA,QAAA,gBAAAC,eAAA,CAACC,0BAAAA,EAAAA;gBAAaC,EAAAA,EAAG,QAAA;gBAASC,OAAAA,EAASjB,cAAAA;gBAAgBkB,OAAAA,EAAQ,UAAA;gBAAWC,IAAAA,EAAK,GAAA;;kCACzEhB,cAAA,CAACiB,uBAAAA,EAAAA;wBAAWC,SAAAA,EAAU,YAAA;kCACnBpB,aAAAA,CAAc;4BACbe,EAAAA,EAAI,6CAAA;4BACJM,cAAAA,EAAgB;AAClB,yBAAA;;kCAEFnB,cAAA,CAACoB,YAAAA,EAAAA,EAAAA;;;;;AAKX;;;;"}

package/dist/admin/pages/EditView/components/FormInputs/Wysiwyg/WysiwygFooter.mjs

@@ -0,0 +1,41 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Box, Flex, Typography } from '@strapi/design-system';
+import { Expand } from '@strapi/icons';
+import { useIntl } from 'react-intl';
+import { ExpandButton } from './WysiwygStyles.mjs';
+
+const WysiwygFooter = ({ onToggleExpand })=>{
+    const { formatMessage } = useIntl();
+    return /*#__PURE__*/ jsx(Box, {
+        padding: 2,
+        background: "neutral100",
+        borderRadius: `0 0 0.4rem 0.4rem`,
+        children: /*#__PURE__*/ jsx(Flex, {
+            justifyContent: "flex-end",
+            alignItems: "flex-end",
+            gap: {
+                initial: 2,
+                medium: 0
+            },
+            children: /*#__PURE__*/ jsxs(ExpandButton, {
+                id: "expand",
+                onClick: onToggleExpand,
+                variant: "tertiary",
+                size: "M",
+                children: [
+                    /*#__PURE__*/ jsx(Typography, {
+                        textColor: "neutral800",
+                        children: formatMessage({
+                            id: 'components.WysiwygBottomControls.fullscreen',
+                            defaultMessage: 'Expand'
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(Expand, {})
+                ]
+            })
+        })
+    });
+};
+
+export { WysiwygFooter };
+//# sourceMappingURL=WysiwygFooter.mjs.map

package/dist/admin/pages/EditView/components/FormInputs/Wysiwyg/WysiwygFooter.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"WysiwygFooter.mjs","sources":["../../../../../../../admin/src/pages/EditView/components/FormInputs/Wysiwyg/WysiwygFooter.tsx"],"sourcesContent":["import { ButtonProps, Box, Flex, Typography } from '@strapi/design-system';\r\nimport { Expand } from '@strapi/icons';\r\nimport { useIntl } from 'react-intl';\r\n\r\nimport { ExpandButton } from './WysiwygStyles';\r\n\r\ninterface WysiwygFooterProps {\r\n  onToggleExpand: ButtonProps['onClick'];\r\n}\r\n\r\nconst WysiwygFooter = ({ onToggleExpand }: WysiwygFooterProps) => {\r\n  const { formatMessage } = useIntl();\r\n\r\n  return (\r\n    <Box padding={2} background=\"neutral100\" borderRadius={`0 0 0.4rem 0.4rem`}>\r\n      <Flex justifyContent=\"flex-end\" alignItems=\"flex-end\" gap={{ initial: 2, medium: 0 }}>\r\n        <ExpandButton id=\"expand\" onClick={onToggleExpand} variant=\"tertiary\" size=\"M\">\r\n          <Typography textColor=\"neutral800\">\r\n            {formatMessage({\r\n              id: 'components.WysiwygBottomControls.fullscreen',\r\n              defaultMessage: 'Expand',\r\n            })}\r\n          </Typography>\r\n          <Expand />\r\n        </ExpandButton>\r\n      </Flex>\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport { WysiwygFooter };\r\nexport type { WysiwygFooterProps };\r\n"],"names":["WysiwygFooter","onToggleExpand","formatMessage","useIntl","_jsx","Box","padding","background","borderRadius","Flex","justifyContent","alignItems","gap","initial","medium","_jsxs","ExpandButton","id","onClick","variant","size","Typography","textColor","defaultMessage","Expand"],"mappings":";;;;;;AAUA,MAAMA,aAAAA,GAAgB,CAAC,EAAEC,cAAc,EAAsB,GAAA;IAC3D,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAE1B,IAAA,qBACEC,GAAA,CAACC,GAAAA,EAAAA;QAAIC,OAAAA,EAAS,CAAA;QAAGC,UAAAA,EAAW,YAAA;QAAaC,YAAAA,EAAc,CAAC,iBAAiB,CAAC;AACxE,QAAA,QAAA,gBAAAJ,GAAA,CAACK,IAAAA,EAAAA;YAAKC,cAAAA,EAAe,UAAA;YAAWC,UAAAA,EAAW,UAAA;YAAWC,GAAAA,EAAK;gBAAEC,OAAAA,EAAS,CAAA;gBAAGC,MAAAA,EAAQ;AAAE,aAAA;AACjF,YAAA,QAAA,gBAAAC,IAAA,CAACC,YAAAA,EAAAA;gBAAaC,EAAAA,EAAG,QAAA;gBAASC,OAAAA,EAASjB,cAAAA;gBAAgBkB,OAAAA,EAAQ,UAAA;gBAAWC,IAAAA,EAAK,GAAA;;kCACzEhB,GAAA,CAACiB,UAAAA,EAAAA;wBAAWC,SAAAA,EAAU,YAAA;kCACnBpB,aAAAA,CAAc;4BACbe,EAAAA,EAAI,6CAAA;4BACJM,cAAAA,EAAgB;AAClB,yBAAA;;kCAEFnB,GAAA,CAACoB,MAAAA,EAAAA,EAAAA;;;;;AAKX;;;;"}