@wix/patterns-fields 1.0.0

package/dist/cjs/components/multi-document/multi-document-input/form-multi-document-view.js

@@ -0,0 +1,130 @@
+"use strict";
+
+exports.__esModule = true;
+exports.FormMultiDocumentView = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _designSystem = require("@wix/design-system");
+var _form = require("../../document/form");
+var _mediaControl = require("../../media-control");
+var _deleteDialog = require("../../delete-dialog");
+var _hooks = require("../../../hooks");
+var _formMultiDocumentStCss = require("./form-multi-document.st.css.js");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/multi-document/multi-document-input/form-multi-document-view.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const FormMultiDocumentView = exports.FormMultiDocumentView = /*#__PURE__*/_react.default.forwardRef(({
+  data,
+  readOnly,
+  onChange,
+  callMedia,
+  loading,
+  dataHook,
+  onOpenPasteURLForm,
+  onDownload
+}, ref) => {
+  const {
+    t
+  } = (0, _hooks.useTranslations)();
+  const [replacedDocumentIndex, setReplacedDocumentIndex] = (0, _react.useState)(null);
+  const {
+    isOpen,
+    onDelete,
+    onDeleteCancel,
+    onDeleteConfirm,
+    title,
+    text
+  } = (0, _mediaControl.useDocumentDelete)({
+    data,
+    onChange
+  });
+  const onReplace = (0, _react.useCallback)(index => async () => {
+    setReplacedDocumentIndex(index);
+    await callMedia(index);
+    setReplacedDocumentIndex(null);
+  }, [callMedia]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    "data-hook": dataHook,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 60,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "vertical",
+    className: _formMultiDocumentStCss.classes.viewRoot,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 61,
+      columnNumber: 9
+    }
+  }, data.map((mediaURI, index) => /*#__PURE__*/_react.default.createElement(_form.DocumentControl, {
+    dataHook: `multi-document-field-document-${index}`,
+    key: index,
+    ref: index === 0 ? ref : undefined,
+    mediaURI: mediaURI,
+    readOnly: readOnly,
+    onReplace: onReplace(index),
+    onDelete: onDelete(index),
+    onDownload: onDownload,
+    className: _formMultiDocumentStCss.classes.singleViewWrapper,
+    loading: index === replacedDocumentIndex ? loading : false,
+    loaderClassName: _formMultiDocumentStCss.classes.singleViewWrapper,
+    onOpenPasteURLForm: onOpenPasteURLForm({
+      index,
+      value: mediaURI,
+      title: t('CMS.document.replaceWithUrl.title')
+    }),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 63,
+      columnNumber: 13
+    }
+  })), /*#__PURE__*/_react.default.createElement(_form.AddDocumentButton, {
+    dataHook: "multi-document-field-add-document-button",
+    theme: "plain",
+    disabled: readOnly,
+    onClick: callMedia,
+    className: _formMultiDocumentStCss.classes.addDocumentButton,
+    loading: replacedDocumentIndex === null ? loading : false,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 82,
+      columnNumber: 11
+    }
+  })), /*#__PURE__*/_react.default.createElement(_mediaControl.PasteURLButton, {
+    title: t('CMS.document.pasteUrl.button'),
+    disabled: readOnly,
+    onClick: onOpenPasteURLForm({
+      title: t('CMS.document.pasteUrl.title')
+    }),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 91,
+      columnNumber: 9
+    }
+  }), /*#__PURE__*/_react.default.createElement(_deleteDialog.DeleteDialog, {
+    open: isOpen,
+    title: title,
+    onClose: onDeleteCancel,
+    onDelete: onDeleteConfirm,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 98,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 104,
+      columnNumber: 11
+    }
+  }, text)));
+});
+FormMultiDocumentView.displayName = 'FormMultiDocumentView';
+//# sourceMappingURL=form-multi-document-view.js.map

package/dist/cjs/components/multi-document/multi-document-input/form-multi-document-view.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_form","_mediaControl","_deleteDialog","_hooks","_formMultiDocumentStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FormMultiDocumentView","exports","React","forwardRef","data","readOnly","onChange","callMedia","loading","dataHook","onOpenPasteURLForm","onDownload","ref","useTranslations","replacedDocumentIndex","setReplacedDocumentIndex","useState","isOpen","onDelete","onDeleteCancel","onDeleteConfirm","title","text","useDocumentDelete","onReplace","useCallback","index","createElement","__self","__source","fileName","lineNumber","columnNumber","Box","direction","className","classes","viewRoot","map","mediaURI","DocumentControl","key","undefined","singleViewWrapper","loaderClassName","value","AddDocumentButton","theme","disabled","onClick","addDocumentButton","PasteURLButton","DeleteDialog","open","onClose","Text","displayName"],"sources":["../../../../../src/components/multi-document/multi-document-input/form-multi-document-view.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\n\nimport { Box, Text } from '@wix/design-system';\n\nimport { DocumentControl, AddDocumentButton } from '../../document/form';\nimport type { OpenPasteURLFormParams } from '../../media-control';\nimport { PasteURLButton, useDocumentDelete } from '../../media-control';\nimport { DeleteDialog } from '../../delete-dialog';\nimport { useTranslations } from '../../../hooks';\n\nimport { classes } from './form-multi-document.st.css.js';\n\ninterface FormMultiDocumentViewProps {\n  data: string[];\n  readOnly?: boolean;\n  onChange: (value: string[]) => void;\n  callMedia: (index?: number) => Promise<void>;\n  onDownload: (mediaURI?: string) => void;\n  loading: boolean;\n  dataHook?: string;\n  onOpenPasteURLForm: (params: OpenPasteURLFormParams) => () => void;\n}\n\nexport const FormMultiDocumentView = React.forwardRef<\n  HTMLDivElement,\n  FormMultiDocumentViewProps\n>(\n  (\n    {\n      data,\n      readOnly,\n      onChange,\n      callMedia,\n      loading,\n      dataHook,\n      onOpenPasteURLForm,\n      onDownload,\n    },\n    ref,\n  ) => {\n    const { t } = useTranslations();\n\n    const [replacedDocumentIndex, setReplacedDocumentIndex] = useState<\n      number | null\n    >(null);\n\n    const { isOpen, onDelete, onDeleteCancel, onDeleteConfirm, title, text } =\n      useDocumentDelete({ data, onChange });\n\n    const onReplace = useCallback(\n      (index: number) => async () => {\n        setReplacedDocumentIndex(index);\n        await callMedia(index);\n        setReplacedDocumentIndex(null);\n      },\n      [callMedia],\n    );\n\n    return (\n      <div data-hook={dataHook}>\n        <Box direction=\"vertical\" className={classes.viewRoot}>\n          {data.map((mediaURI, index) => (\n            <DocumentControl\n              dataHook={`multi-document-field-document-${index}`}\n              key={index}\n              ref={index === 0 ? ref : undefined}\n              mediaURI={mediaURI}\n              readOnly={readOnly}\n              onReplace={onReplace(index)}\n              onDelete={onDelete(index)}\n              onDownload={onDownload}\n              className={classes.singleViewWrapper}\n              loading={index === replacedDocumentIndex ? loading : false}\n              loaderClassName={classes.singleViewWrapper}\n              onOpenPasteURLForm={onOpenPasteURLForm({\n                index,\n                value: mediaURI,\n                title: t('CMS.document.replaceWithUrl.title'),\n              })}\n            />\n          ))}\n          <AddDocumentButton\n            dataHook=\"multi-document-field-add-document-button\"\n            theme=\"plain\"\n            disabled={readOnly}\n            onClick={callMedia as () => Promise<void>}\n            className={classes.addDocumentButton}\n            loading={replacedDocumentIndex === null ? loading : false}\n          />\n        </Box>\n        <PasteURLButton\n          title={t('CMS.document.pasteUrl.button')}\n          disabled={readOnly}\n          onClick={onOpenPasteURLForm({\n            title: t('CMS.document.pasteUrl.title'),\n          })}\n        />\n        <DeleteDialog\n          open={isOpen}\n          title={title}\n          onClose={onDeleteCancel}\n          onDelete={onDeleteConfirm}\n        >\n          <Text>{text}</Text>\n        </DeleteDialog>\n      </div>\n    );\n  },\n);\n\nFormMultiDocumentView.displayName = 'FormMultiDocumentView';\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/multi-document/multi-document-input/form-multi-document.st.css

@@ -0,0 +1,50 @@
+@property st-global(--wds-border-radius-300);
+@property st-global(--wds-color-blue-300);
+@property st-global(--wds-color-blue-500);
+@property st-global(--wds-color-neutral-600);
+@property st-global(--wsr-color-B30);
+@property st-global(--wsr-color-B50);
+@property st-global(--wsr-color-D60);
+
+:vars {
+    BorderRadius: 2px;
+    documentViewBorderRadius: var(--wds-border-radius-300, calc(value(BorderRadius) * 3));
+}
+
+.viewRoot {
+    border-radius: value(documentViewBorderRadius);
+    border: 1px solid var(--wds-color-blue-300, var(--wsr-color-B30));
+}
+
+.singleViewWrapper {
+    border-radius: 0;
+    border-bottom: 1px solid var(--wds-color-neutral-600, var(--wsr-color-D60));
+    background-color: transparent !important;
+}
+
+.viewRoot > div:first-child .singleViewWrapper {
+    border-top-left-radius: value(documentViewBorderRadius);
+    border-top-right-radius: value(documentViewBorderRadius);
+}
+
+.singleViewWrapper:hover {
+    background-color: var(--wds-color-blue-500, var(--wsr-color-B50)) !important;
+}
+
+.singleViewWrapper:focus-visible {
+    border-bottom: 1px solid transparent;
+    position: relative;
+    z-index: 1;
+}
+
+.addDocumentButton {
+    border-bottom-left-radius: value(documentViewBorderRadius);
+    border-bottom-right-radius: value(documentViewBorderRadius);
+}
+
+.addDocumentButton:focus-within {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+    border-bottom-left-radius: value(documentViewBorderRadius);
+    border-bottom-right-radius: value(documentViewBorderRadius);
+}

package/dist/cjs/components/multi-document/multi-document-input/form-multi-document.st.css.js

@@ -0,0 +1,36 @@
+"use strict";
+
+exports.__esModule = true;
+exports.vars = exports.style = exports.stVars = exports.st = exports.namespace = exports.layers = exports.keyframes = exports.cssStates = exports.containers = exports.classes = void 0;
+var _stylableEsmRuntime = require("../../../stylable-esm-runtime.js");
+// @ts-nocheck
+
+var _namespace_ = "formmultidocument2604366581";
+var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
+var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
+var style = exports.style = _style_;
+var st = exports.st = _style_;
+var namespace = exports.namespace = _namespace_;
+var classes = exports.classes = {
+  "root": "formmultidocument2604366581__root",
+  "viewRoot": "formmultidocument2604366581__viewRoot",
+  "singleViewWrapper": "formmultidocument2604366581__singleViewWrapper",
+  "addDocumentButton": "formmultidocument2604366581__addDocumentButton"
+};
+var keyframes = exports.keyframes = {};
+var layers = exports.layers = {};
+var containers = exports.containers = {};
+var stVars = exports.stVars = {
+  "BorderRadius": "2px",
+  "documentViewBorderRadius": "var(--wds-border-radius-300, calc(2px * 3))"
+};
+var vars = exports.vars = {
+  "wds-border-radius-300": "--wds-border-radius-300",
+  "wds-color-blue-300": "--wds-color-blue-300",
+  "wds-color-blue-500": "--wds-color-blue-500",
+  "wds-color-neutral-600": "--wds-color-neutral-600",
+  "wsr-color-B30": "--wsr-color-B30",
+  "wsr-color-B50": "--wsr-color-B50",
+  "wsr-color-D60": "--wsr-color-D60"
+};
+//# sourceMappingURL=form-multi-document.st.css.js.map

package/dist/cjs/components/multi-document/multi-document-input/form-multi-document.st.css.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/components/multi-document/multi-document-input/form-multi-document.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"formmultidocument2604366581\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"formmultidocument2604366581__root\",\"viewRoot\":\"formmultidocument2604366581__viewRoot\",\"singleViewWrapper\":\"formmultidocument2604366581__singleViewWrapper\",\"addDocumentButton\":\"formmultidocument2604366581__addDocumentButton\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {\"BorderRadius\":\"2px\",\"documentViewBorderRadius\":\"var(--wds-border-radius-300, calc(2px * 3))\"}; \nexport var vars = {\"wds-border-radius-300\":\"--wds-border-radius-300\",\"wds-color-blue-300\":\"--wds-color-blue-300\",\"wds-color-blue-500\":\"--wds-color-blue-500\",\"wds-color-neutral-600\":\"--wds-color-neutral-600\",\"wsr-color-B30\":\"--wsr-color-B30\",\"wsr-color-B50\":\"--wsr-color-B50\",\"wsr-color-D60\":\"--wsr-color-D60\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,6BAA6B;AAC/C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,mCAAmC;EAAC,UAAU,EAAC,uCAAuC;EAAC,mBAAmB,EAAC,gDAAgD;EAAC,mBAAmB,EAAC;AAAgD,CAAC;AACvP,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG;EAAC,cAAc,EAAC,KAAK;EAAC,0BAA0B,EAAC;AAA6C,CAAC;AAC5G,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/cjs/components/multi-document/multi-document-view/multi-document-tags.js

@@ -0,0 +1,39 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.MultiDocumentTags = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _document = require("../../document");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/multi-document/multi-document-view/multi-document-tags.tsx";
+const MultiDocumentTags = ({
+  documents,
+  ...props
+}) => {
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, (0, _extends2.default)({
+    width: "100%",
+    gap: "SP1",
+    verticalAlign: "top"
+  }, props, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 15,
+      columnNumber: 5
+    }
+  }), documents == null ? void 0 : documents.map((document, index) => /*#__PURE__*/_react.default.createElement(_document.DocumentView, {
+    data: document,
+    key: `${index}_${document}`,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 17,
+      columnNumber: 9
+    }
+  })));
+};
+exports.MultiDocumentTags = MultiDocumentTags;
+MultiDocumentTags.displayName = 'MultiDocumentTags';
+//# sourceMappingURL=multi-document-tags.js.map

package/dist/cjs/components/multi-document/multi-document-view/multi-document-tags.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_document","_jsxFileName","MultiDocumentTags","documents","props","default","createElement","Box","_extends2","width","gap","verticalAlign","__self","__source","fileName","lineNumber","columnNumber","map","document","index","DocumentView","data","key","exports","displayName"],"sources":["../../../../../src/components/multi-document/multi-document-view/multi-document-tags.tsx"],"sourcesContent":["import type { CSSProperties } from 'react';\nimport React from 'react';\nimport type { BoxProps } from '@wix/design-system';\nimport { Box } from '@wix/design-system';\nimport { DocumentView } from '../../document';\n\nexport interface MultiDocumentTagsProps extends BoxProps {\n  documents?: string[];\n}\n\nexport const MultiDocumentTags: React.FC<\n  MultiDocumentTagsProps & CSSProperties\n> = ({ documents, ...props }) => {\n  return (\n    <Box width=\"100%\" gap=\"SP1\" verticalAlign=\"top\" {...props}>\n      {documents?.map((document, index) => (\n        <DocumentView data={document} key={`${index}_${document}`} />\n      ))}\n    </Box>\n  );\n};\n\nMultiDocumentTags.displayName = 'MultiDocumentTags';\n"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AAA8C,IAAAG,YAAA;AAMvC,MAAMC,iBAEZ,GAAGA,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAAM,CAAC,KAAK;EAC/B,oBACER,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,aAAA,CAAAQ,GAAG,MAAAC,SAAA,CAAAH,OAAA;IAACI,KAAK,EAAC,MAAM;IAACC,GAAG,EAAC,KAAK;IAACC,aAAa,EAAC;EAAK,GAAKP,KAAK;IAAAQ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,IACtDb,SAAS,oBAATA,SAAS,CAAEc,GAAG,CAAC,CAACC,QAAQ,EAAEC,KAAK,kBAC9BvB,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,SAAA,CAAAoB,YAAY;IAACC,IAAI,EAAEH,QAAS;IAACI,GAAG,EAAE,GAAGH,KAAK,IAAID,QAAQ,EAAG;IAAAN,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC7D,CACE,CAAC;AAEV,CAAC;AAACO,OAAA,CAAArB,iBAAA,GAAAA,iBAAA;AAEFA,iBAAiB,CAACsB,WAAW,GAAG,mBAAmB","ignoreList":[]}

package/dist/cjs/components/multi-document/multi-document-view/multi-document-view.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.MultiDocumentView = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _multiDocumentTags = require("./multi-document-tags");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/multi-document/multi-document-view/multi-document-view.tsx";
+const MultiDocumentView = ({
+  data
+}) => {
+  return /*#__PURE__*/_react.default.createElement(_multiDocumentTags.MultiDocumentTags, {
+    overflow: "hidden",
+    documents: data,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 12,
+      columnNumber: 10
+    }
+  });
+};
+exports.MultiDocumentView = MultiDocumentView;
+MultiDocumentView.displayName = 'MultiDocumentView';
+//# sourceMappingURL=multi-document-view.js.map

package/dist/cjs/components/multi-document/multi-document-view/multi-document-view.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_multiDocumentTags","_jsxFileName","MultiDocumentView","data","default","createElement","MultiDocumentTags","overflow","documents","__self","__source","fileName","lineNumber","columnNumber","exports","displayName"],"sources":["../../../../../src/components/multi-document/multi-document-view/multi-document-view.tsx"],"sourcesContent":["import React from 'react';\n\nimport { MultiDocumentTags } from './multi-document-tags';\n\nexport interface MultiDocumentViewProps {\n  data?: string[];\n}\n\nexport const MultiDocumentView: React.FC<MultiDocumentViewProps> = ({\n  data,\n}) => {\n  return <MultiDocumentTags overflow=\"hidden\" documents={data} />;\n};\n\nMultiDocumentView.displayName = 'MultiDocumentView';\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,kBAAA,GAAAD,OAAA;AAA0D,IAAAE,YAAA;AAMnD,MAAMC,iBAAmD,GAAGA,CAAC;EAClEC;AACF,CAAC,KAAK;EACJ,oBAAON,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACL,kBAAA,CAAAM,iBAAiB;IAACC,QAAQ,EAAC,QAAQ;IAACC,SAAS,EAAEL,IAAK;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAV,YAAA;MAAAW,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC;AACjE,CAAC;AAACC,OAAA,CAAAZ,iBAAA,GAAAA,iBAAA;AAEFA,iBAAiB,CAACa,WAAW,GAAG,mBAAmB","ignoreList":[]}

package/dist/cjs/components/object/form-json-input.js

@@ -0,0 +1,41 @@
+"use strict";
+
+exports.__esModule = true;
+exports.FormJsonInput = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _jsonInput = require("./json-input");
+var _hooks = require("../../hooks");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/object/form-json-input.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const FormJsonInput = exports.FormJsonInput = /*#__PURE__*/_react.default.forwardRef(({
+  data,
+  onChange,
+  onInput,
+  autoFocus,
+  readOnly,
+  dataHook
+}, ref) => {
+  const inputRef = (0, _react.useRef)(null);
+  (0, _hooks.useAutoFocus)(inputRef, autoFocus);
+
+  // Expose the internal input ref to the parent via forwarded ref
+  (0, _react.useImperativeHandle)(ref, () => inputRef.current);
+  return /*#__PURE__*/_react.default.createElement(_jsonInput.JsonInput, {
+    dataHook: dataHook,
+    ref: inputRef,
+    value: data,
+    onChange: onChange,
+    onInput: onInput,
+    readOnly: readOnly,
+    rows: 5,
+    resizable: true,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 20,
+      columnNumber: 7
+    }
+  });
+});
+FormJsonInput.displayName = 'FormJsonInput';
+//# sourceMappingURL=form-json-input.js.map

package/dist/cjs/components/object/form-json-input.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_jsonInput","_hooks","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FormJsonInput","exports","React","forwardRef","data","onChange","onInput","autoFocus","readOnly","dataHook","ref","inputRef","useRef","useAutoFocus","useImperativeHandle","current","createElement","JsonInput","value","rows","resizable","__self","__source","fileName","lineNumber","columnNumber","displayName"],"sources":["../../../../src/components/object/form-json-input.tsx"],"sourcesContent":["import React, { useRef, useImperativeHandle } from 'react';\n\nimport type { InputArea } from '@wix/design-system';\n\nimport { JsonInput, JsonInputProps } from './json-input';\nimport { FormInputProps } from '../../types';\nimport { useAutoFocus } from '../../hooks';\n\nexport type FormJsonInputProps = FormInputProps<any> & JsonInputProps;\n\nexport const FormJsonInput = React.forwardRef<InputArea, FormJsonInputProps>(\n  ({ data, onChange, onInput, autoFocus, readOnly, dataHook }, ref) => {\n    const inputRef = useRef<InputArea | null>(null);\n    useAutoFocus(inputRef, autoFocus);\n\n    // Expose the internal input ref to the parent via forwarded ref\n    useImperativeHandle(ref, () => inputRef.current as InputArea);\n\n    return (\n      <JsonInput\n        dataHook={dataHook}\n        ref={inputRef}\n        value={data}\n        onChange={onChange}\n        onInput={onInput}\n        readOnly={readOnly}\n        rows={5}\n        resizable\n      />\n    );\n  },\n);\n\nFormJsonInput.displayName = 'FormJsonInput';\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAIA,IAAAC,UAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AAA2C,IAAAG,YAAA;AAAA,SAAAJ,wBAAAK,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAP,uBAAA,YAAAA,CAAAK,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAIpC,MAAMkB,aAAa,GAAAC,OAAA,CAAAD,aAAA,gBAAGE,cAAK,CAACC,UAAU,CAC3C,CAAC;EAAEC,IAAI;EAAEC,QAAQ;EAAEC,OAAO;EAAEC,SAAS;EAAEC,QAAQ;EAAEC;AAAS,CAAC,EAAEC,GAAG,KAAK;EACnE,MAAMC,QAAQ,GAAG,IAAAC,aAAM,EAAmB,IAAI,CAAC;EAC/C,IAAAC,mBAAY,EAACF,QAAQ,EAAEJ,SAAS,CAAC;;EAEjC;EACA,IAAAO,0BAAmB,EAACJ,GAAG,EAAE,MAAMC,QAAQ,CAACI,OAAoB,CAAC;EAE7D,oBACExC,MAAA,CAAAgB,OAAA,CAAAyB,aAAA,CAACtC,UAAA,CAAAuC,SAAS;IACRR,QAAQ,EAAEA,QAAS;IACnBC,GAAG,EAAEC,QAAS;IACdO,KAAK,EAAEd,IAAK;IACZC,QAAQ,EAAEA,QAAS;IACnBC,OAAO,EAAEA,OAAQ;IACjBE,QAAQ,EAAEA,QAAS;IACnBW,IAAI,EAAE,CAAE;IACRC,SAAS;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,CACV,CAAC;AAEN,CACF,CAAC;AAEDzB,aAAa,CAAC0B,WAAW,GAAG,eAAe","ignoreList":[]}

package/dist/cjs/components/object/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+exports.__esModule = true;
+var _jsonView = require("./json-view");
+Object.keys(_jsonView).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _jsonView[key]) return;
+  exports[key] = _jsonView[key];
+});
+var _formJsonInput = require("./form-json-input");
+Object.keys(_formJsonInput).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _formJsonInput[key]) return;
+  exports[key] = _formJsonInput[key];
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/object/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_jsonView","require","Object","keys","forEach","key","exports","_formJsonInput"],"sources":["../../../../src/components/object/index.ts"],"sourcesContent":["export * from './json-view';\nexport * from './form-json-input';\n"],"mappings":";;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,SAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,SAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,SAAA,CAAAK,GAAA;AAAA;AACA,IAAAE,cAAA,GAAAN,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAI,cAAA,EAAAH,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAE,cAAA,CAAAF,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAE,cAAA,CAAAF,GAAA;AAAA","ignoreList":[]}

package/dist/cjs/components/object/json-input.js

@@ -0,0 +1,51 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.JsonInput = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _designSystem = require("@wix/design-system");
+var _hooks = require("../../hooks");
+var _utils = require("../../utils");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/object/json-input.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const JsonInput = exports.JsonInput = /*#__PURE__*/(0, _react.forwardRef)(({
+  value,
+  onChange,
+  onInput,
+  onBlur,
+  readOnly,
+  disabled,
+  ...props
+}, ref) => {
+  const [json, setJson] = (0, _hooks.useControlledInput)((0, _utils.safeStringify)(value, true));
+  const onJsonChange = (0, _react.useCallback)(() => !readOnly && !disabled ? onChange == null ? void 0 : onChange(json ? (0, _utils.safeParse)(json) : undefined) : undefined, [readOnly, disabled, json, onChange]);
+  const onInputChange = (0, _react.useCallback)(event => {
+    setJson(event.target.value);
+    onInput == null || onInput();
+  }, [setJson, onInput]);
+  const onInputFocus = (0, _hooks.useSetSelectionOnFocus)();
+  const onInputBlur = (0, _react.useCallback)(event => {
+    onJsonChange();
+    onBlur == null || onBlur(event);
+  }, [onBlur, onJsonChange]);
+  return /*#__PURE__*/_react.default.createElement(_designSystem.InputArea, (0, _extends2.default)({}, props, {
+    ref: ref,
+    value: json ?? '',
+    onChange: onInputChange,
+    onFocus: onInputFocus,
+    onBlur: onInputBlur,
+    readOnly: readOnly,
+    disabled: disabled,
+    autoSelect: false,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 44,
+      columnNumber: 7
+    }
+  }));
+});
+JsonInput.displayName = 'JsonInput';
+//# sourceMappingURL=json-input.js.map

package/dist/cjs/components/object/json-input.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_hooks","_utils","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","JsonInput","exports","forwardRef","value","onChange","onInput","onBlur","readOnly","disabled","props","ref","json","setJson","useControlledInput","safeStringify","onJsonChange","useCallback","safeParse","undefined","onInputChange","event","target","onInputFocus","useSetSelectionOnFocus","onInputBlur","createElement","InputArea","_extends2","onFocus","autoSelect","__self","__source","fileName","lineNumber","columnNumber","displayName"],"sources":["../../../../src/components/object/json-input.tsx"],"sourcesContent":["import React, { forwardRef, useCallback } from 'react';\n\nimport type { InputAreaProps } from '@wix/design-system';\nimport { InputArea } from '@wix/design-system';\nimport { useControlledInput, useSetSelectionOnFocus } from '../../hooks';\nimport { safeParse, safeStringify } from '../../utils';\n\nexport interface JsonInputProps\n  extends Omit<InputAreaProps, 'value' | 'onChange'> {\n  value?: any;\n  onChange?: (value?: any) => void;\n  onInput?: () => void;\n}\n\nexport const JsonInput = forwardRef<InputArea, JsonInputProps>(\n  ({ value, onChange, onInput, onBlur, readOnly, disabled, ...props }, ref) => {\n    const [json, setJson] = useControlledInput(safeStringify(value, true));\n    const onJsonChange = useCallback(\n      () =>\n        !readOnly && !disabled\n          ? onChange?.(json ? safeParse(json) : undefined)\n          : undefined,\n      [readOnly, disabled, json, onChange],\n    );\n\n    const onInputChange = useCallback(\n      (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n        setJson(event.target.value);\n        onInput?.();\n      },\n      [setJson, onInput],\n    );\n\n    const onInputFocus = useSetSelectionOnFocus();\n    const onInputBlur = useCallback(\n      (event: React.FocusEvent<HTMLTextAreaElement>) => {\n        onJsonChange();\n        onBlur?.(event);\n      },\n      [onBlur, onJsonChange],\n    );\n\n    return (\n      <InputArea\n        {...props}\n        ref={ref}\n        value={json ?? ''}\n        onChange={onInputChange}\n        onFocus={onInputFocus}\n        onBlur={onInputBlur}\n        readOnly={readOnly}\n        disabled={disabled}\n        autoSelect={false}\n      />\n    );\n  },\n);\n\nJsonInput.displayName = 'JsonInput';\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAGA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAAuD,IAAAI,YAAA;AAAA,SAAAL,wBAAAM,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAR,uBAAA,YAAAA,CAAAM,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAShD,MAAMkB,SAAS,GAAAC,OAAA,CAAAD,SAAA,gBAAG,IAAAE,iBAAU,EACjC,CAAC;EAAEC,KAAK;EAAEC,QAAQ;EAAEC,OAAO;EAAEC,MAAM;EAAEC,QAAQ;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC3E,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAG,IAAAC,yBAAkB,EAAC,IAAAC,oBAAa,EAACX,KAAK,EAAE,IAAI,CAAC,CAAC;EACtE,MAAMY,YAAY,GAAG,IAAAC,kBAAW,EAC9B,MACE,CAACT,QAAQ,IAAI,CAACC,QAAQ,GAClBJ,QAAQ,oBAARA,QAAQ,CAAGO,IAAI,GAAG,IAAAM,gBAAS,EAACN,IAAI,CAAC,GAAGO,SAAS,CAAC,GAC9CA,SAAS,EACf,CAACX,QAAQ,EAAEC,QAAQ,EAAEG,IAAI,EAAEP,QAAQ,CACrC,CAAC;EAED,MAAMe,aAAa,GAAG,IAAAH,kBAAW,EAC9BI,KAA6C,IAAK;IACjDR,OAAO,CAACQ,KAAK,CAACC,MAAM,CAAClB,KAAK,CAAC;IAC3BE,OAAO,YAAPA,OAAO,CAAG,CAAC;EACb,CAAC,EACD,CAACO,OAAO,EAAEP,OAAO,CACnB,CAAC;EAED,MAAMiB,YAAY,GAAG,IAAAC,6BAAsB,EAAC,CAAC;EAC7C,MAAMC,WAAW,GAAG,IAAAR,kBAAW,EAC5BI,KAA4C,IAAK;IAChDL,YAAY,CAAC,CAAC;IACdT,MAAM,YAANA,MAAM,CAAGc,KAAK,CAAC;EACjB,CAAC,EACD,CAACd,MAAM,EAAES,YAAY,CACvB,CAAC;EAED,oBACEzC,MAAA,CAAAiB,OAAA,CAAAkC,aAAA,CAAChD,aAAA,CAAAiD,SAAS,MAAAC,SAAA,CAAApC,OAAA,MACJkB,KAAK;IACTC,GAAG,EAAEA,GAAI;IACTP,KAAK,EAAEQ,IAAI,IAAI,EAAG;IAClBP,QAAQ,EAAEe,aAAc;IACxBS,OAAO,EAAEN,YAAa;IACtBhB,MAAM,EAAEkB,WAAY;IACpBjB,QAAQ,EAAEA,QAAS;IACnBC,QAAQ,EAAEA,QAAS;IACnBqB,UAAU,EAAE,KAAM;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApD,YAAA;MAAAqD,UAAA;MAAAC,YAAA;IAAA;EAAA,EACnB,CAAC;AAEN,CACF,CAAC;AAEDlC,SAAS,CAACmC,WAAW,GAAG,WAAW","ignoreList":[]}

package/dist/cjs/components/object/json-view.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.JsonView = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _text = require("../text");
+var _safeJson = require("../../utils/safe-json");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/object/json-view.tsx";
+const JsonView = props => {
+  return /*#__PURE__*/_react.default.createElement(_text.TextView, (0, _extends2.default)({}, props, {
+    data: (0, _safeJson.safeStringify)(props.data, true, true),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 7,
+      columnNumber: 10
+    }
+  }));
+};
+exports.JsonView = JsonView;
+JsonView.displayName = 'JsonView';
+//# sourceMappingURL=json-view.js.map

package/dist/cjs/components/object/json-view.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_text","_safeJson","_jsxFileName","JsonView","props","default","createElement","TextView","_extends2","data","safeStringify","__self","__source","fileName","lineNumber","columnNumber","exports","displayName"],"sources":["../../../../src/components/object/json-view.tsx"],"sourcesContent":["import React from 'react';\n\nimport { TextView } from '../text';\nimport { safeStringify } from '../../utils/safe-json';\n\nexport const JsonView = (props: { data?: unknown }) => {\n  return <TextView {...props} data={safeStringify(props.data, true, true)} />;\n};\n\nJsonView.displayName = 'JsonView';\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AAAsD,IAAAG,YAAA;AAE/C,MAAMC,QAAQ,GAAIC,KAAyB,IAAK;EACrD,oBAAOP,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACN,KAAA,CAAAO,QAAQ,MAAAC,SAAA,CAAAH,OAAA,MAAKD,KAAK;IAAEK,IAAI,EAAE,IAAAC,uBAAa,EAACN,KAAK,CAACK,IAAI,EAAE,IAAI,EAAE,IAAI,CAAE;IAAAE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAX,YAAA;MAAAY,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAE,CAAC;AAC7E,CAAC;AAACC,OAAA,CAAAb,QAAA,GAAAA,QAAA;AAEFA,QAAQ,CAACc,WAAW,GAAG,UAAU","ignoreList":[]}

package/dist/cjs/components/rich-content/components/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+var _inputLoader = require("./input-loader");
+Object.keys(_inputLoader).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _inputLoader[key]) return;
+  exports[key] = _inputLoader[key];
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/rich-content/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_inputLoader","require","Object","keys","forEach","key","exports"],"sources":["../../../../../src/components/rich-content/components/index.ts"],"sourcesContent":["export * from './input-loader';\n"],"mappings":";;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,YAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,YAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,YAAA,CAAAK,GAAA;AAAA","ignoreList":[]}

package/dist/cjs/components/rich-content/components/input-loader/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+var _inputLoader = require("./input-loader");
+Object.keys(_inputLoader).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _inputLoader[key]) return;
+  exports[key] = _inputLoader[key];
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/rich-content/components/input-loader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_inputLoader","require","Object","keys","forEach","key","exports"],"sources":["../../../../../../src/components/rich-content/components/input-loader/index.ts"],"sourcesContent":["export * from './input-loader';\n"],"mappings":";;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,YAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,YAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,YAAA,CAAAK,GAAA;AAAA","ignoreList":[]}

package/dist/cjs/components/rich-content/components/input-loader/input-loader.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.InputLoader = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/rich-content/components/input-loader/input-loader.tsx";
+const InputLoader = props => {
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, (0, _extends2.default)({}, props, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 8,
+      columnNumber: 5
+    }
+  }), /*#__PURE__*/_react.default.createElement(_designSystem.Loader, {
+    dataHook: "input-loader.loader",
+    size: "tiny",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 9,
+      columnNumber: 7
+    }
+  }));
+};
+exports.InputLoader = InputLoader;
+InputLoader.displayName = 'InputLoader';
+//# sourceMappingURL=input-loader.js.map

package/dist/cjs/components/rich-content/components/input-loader/input-loader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_jsxFileName","InputLoader","props","default","createElement","Box","_extends2","__self","__source","fileName","lineNumber","columnNumber","Loader","dataHook","size","exports","displayName"],"sources":["../../../../../../src/components/rich-content/components/input-loader/input-loader.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { BoxProps } from '@wix/design-system';\nimport { Box, Loader } from '@wix/design-system';\n\nexport const InputLoader: React.FC<BoxProps> = (props) => {\n  return (\n    <Box {...props}>\n      <Loader dataHook=\"input-loader.loader\" size=\"tiny\" />\n    </Box>\n  );\n};\n\nInputLoader.displayName = 'InputLoader';\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,aAAA,GAAAD,OAAA;AAAiD,IAAAE,YAAA;AAE1C,MAAMC,WAA+B,GAAIC,KAAK,IAAK;EACxD,oBACEN,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACL,aAAA,CAAAM,GAAG,MAAAC,SAAA,CAAAH,OAAA,MAAKD,KAAK;IAAAK,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAT,YAAA;MAAAU,UAAA;MAAAC,YAAA;IAAA;EAAA,iBACZf,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACL,aAAA,CAAAa,MAAM;IAACC,QAAQ,EAAC,qBAAqB;IAACC,IAAI,EAAC,MAAM;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAT,YAAA;MAAAU,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACjD,CAAC;AAEV,CAAC;AAACI,OAAA,CAAAd,WAAA,GAAAA,WAAA;AAEFA,WAAW,CAACe,WAAW,GAAG,aAAa","ignoreList":[]}

package/dist/cjs/components/rich-content/editor.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+var _exportNames = {
+  FormRichContentInput: true
+};
+exports.FormRichContentInput = void 0;
+var _formInput = _interopRequireDefault(require("./rich-content-input/form-input"));
+exports.FormRichContentInput = _formInput.default;
+var _hooks = require("./hooks");
+Object.keys(_hooks).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _hooks[key]) return;
+  exports[key] = _hooks[key];
+});
+var _richContentEditor = require("./rich-content-input/rich-content-editor");
+Object.keys(_richContentEditor).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _richContentEditor[key]) return;
+  exports[key] = _richContentEditor[key];
+});
+//# sourceMappingURL=editor.js.map

package/dist/cjs/components/rich-content/editor.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_formInput","_interopRequireDefault","require","exports","FormRichContentInput","default","_hooks","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","_richContentEditor"],"sources":["../../../../src/components/rich-content/editor.ts"],"sourcesContent":["// Heavy exports - these pull in @wix/ricos editor/viewer (~300kb+ gzipped)\n// Only import this file when you actually need the rich content editor\nexport { default as FormRichContentInput } from './rich-content-input/form-input';\nexport * from './hooks';\nexport * from './rich-content-input/rich-content-editor';\n"],"mappings":";;;;;;;;AAEA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAkFC,OAAA,CAAAC,oBAAA,GAAAJ,UAAA,CAAAK,OAAA;AAClF,IAAAC,MAAA,GAAAJ,OAAA;AAAAK,MAAA,CAAAC,IAAA,CAAAF,MAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAP,OAAA,IAAAA,OAAA,CAAAO,GAAA,MAAAJ,MAAA,CAAAI,GAAA;EAAAP,OAAA,CAAAO,GAAA,IAAAJ,MAAA,CAAAI,GAAA;AAAA;AACA,IAAAK,kBAAA,GAAAb,OAAA;AAAAK,MAAA,CAAAC,IAAA,CAAAO,kBAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAP,OAAA,IAAAA,OAAA,CAAAO,GAAA,MAAAK,kBAAA,CAAAL,GAAA;EAAAP,OAAA,CAAAO,GAAA,IAAAK,kBAAA,CAAAL,GAAA;AAAA","ignoreList":[]}

package/dist/cjs/components/rich-content/hooks/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+exports.__esModule = true;
+var _useMountedState = require("./use-mounted-state");
+Object.keys(_useMountedState).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useMountedState[key]) return;
+  exports[key] = _useMountedState[key];
+});
+var _usePlainTextRichContent = require("./use-plain-text-rich-content");
+Object.keys(_usePlainTextRichContent).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _usePlainTextRichContent[key]) return;
+  exports[key] = _usePlainTextRichContent[key];
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/rich-content/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_useMountedState","require","Object","keys","forEach","key","exports","_usePlainTextRichContent"],"sources":["../../../../../src/components/rich-content/hooks/index.ts"],"sourcesContent":["export * from './use-mounted-state';\nexport * from './use-plain-text-rich-content';\n"],"mappings":";;;AAAA,IAAAA,gBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,gBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,gBAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,gBAAA,CAAAK,GAAA;AAAA;AACA,IAAAE,wBAAA,GAAAN,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAI,wBAAA,EAAAH,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAE,wBAAA,CAAAF,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAE,wBAAA,CAAAF,GAAA;AAAA","ignoreList":[]}