@wix/auto-patterns 1.45.0 → 1.46.0

package/dist/esm/cms-fields/components/object/form-json-input.js

@@ -0,0 +1,30 @@
+import React, { useRef, useImperativeHandle } from 'react';
+import { JsonInput } from './json-input';
+import { useAutoFocus } from '../../hooks';
+export const FormJsonInput = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+    data,
+    onChange,
+    onInput,
+    autoFocus,
+    readOnly,
+    dataHook
+  } = _ref;
+  const inputRef = useRef(null);
+  useAutoFocus(inputRef, autoFocus);
+
+  // Expose the internal input ref to the parent via forwarded ref
+  useImperativeHandle(ref, () => inputRef.current);
+  return /*#__PURE__*/React.createElement(JsonInput, {
+    dataHook: dataHook,
+    ref: inputRef,
+    value: data,
+    onChange: onChange,
+    onInput: onInput,
+    readOnly: readOnly,
+    rows: 5,
+    resizable: true
+  });
+});
+FormJsonInput.displayName = 'FormJsonInput';
+//# sourceMappingURL=form-json-input.js.map

package/dist/esm/cms-fields/components/object/form-json-input.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useRef","useImperativeHandle","JsonInput","useAutoFocus","FormJsonInput","forwardRef","_ref","ref","data","onChange","onInput","autoFocus","readOnly","dataHook","inputRef","current","createElement","value","rows","resizable","displayName"],"sources":["../../../../../src/cms-fields/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,OAAOA,KAAK,IAAIC,MAAM,EAAEC,mBAAmB,QAAQ,OAAO;AAI1D,SAASC,SAAS,QAAwB,cAAc;AAExD,SAASC,YAAY,QAAQ,aAAa;AAI1C,OAAO,MAAMC,aAAa,gBAAGL,KAAK,CAACM,UAAU,CAC3C,CAAAC,IAAA,EAA6DC,GAAG,KAAK;EAAA,IAApE;IAAEC,IAAI;IAAEC,QAAQ;IAAEC,OAAO;IAAEC,SAAS;IAAEC,QAAQ;IAAEC;EAAS,CAAC,GAAAP,IAAA;EACzD,MAAMQ,QAAQ,GAAGd,MAAM,CAAmB,IAAI,CAAC;EAC/CG,YAAY,CAACW,QAAQ,EAAEH,SAAS,CAAC;;EAEjC;EACAV,mBAAmB,CAACM,GAAG,EAAE,MAAMO,QAAQ,CAACC,OAAoB,CAAC;EAE7D,oBACEhB,KAAA,CAAAiB,aAAA,CAACd,SAAS;IACRW,QAAQ,EAAEA,QAAS;IACnBN,GAAG,EAAEO,QAAS;IACdG,KAAK,EAAET,IAAK;IACZC,QAAQ,EAAEA,QAAS;IACnBC,OAAO,EAAEA,OAAQ;IACjBE,QAAQ,EAAEA,QAAS;IACnBM,IAAI,EAAE,CAAE;IACRC,SAAS;EAAA,CACV,CAAC;AAEN,CACF,CAAC;AAEDf,aAAa,CAACgB,WAAW,GAAG,eAAe","ignoreList":[]}

package/dist/esm/cms-fields/components/object/index.js

@@ -0,0 +1,3 @@
+export * from './json-view';
+export * from './form-json-input';
+//# sourceMappingURL=index.js.map

package/dist/esm/cms-fields/components/object/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../../src/cms-fields/components/object/index.ts"],"sourcesContent":["export * from './json-view';\nexport * from './form-json-input';\n"],"mappings":"AAAA,cAAc,aAAa;AAC3B,cAAc,mBAAmB","ignoreList":[]}

package/dist/esm/cms-fields/components/object/json-input.js

@@ -0,0 +1,39 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React, { forwardRef, useCallback } from 'react';
+import { InputArea } from '@wix/design-system';
+import { useControlledInput, useSetSelectionOnFocus } from '../../hooks';
+import { safeParse, safeStringify } from '../../utils';
+export const JsonInput = /*#__PURE__*/forwardRef((_ref, ref) => {
+  let {
+    value,
+    onChange,
+    onInput,
+    onBlur,
+    readOnly,
+    disabled,
+    ...props
+  } = _ref;
+  const [json, setJson] = useControlledInput(safeStringify(value, true));
+  const onJsonChange = useCallback(() => !readOnly && !disabled ? onChange == null ? void 0 : onChange(json ? safeParse(json) : undefined) : undefined, [readOnly, disabled, json, onChange]);
+  const onInputChange = useCallback(event => {
+    setJson(event.target.value);
+    onInput == null || onInput();
+  }, [setJson, onInput]);
+  const onInputFocus = useSetSelectionOnFocus();
+  const onInputBlur = useCallback(event => {
+    onJsonChange();
+    onBlur == null || onBlur(event);
+  }, [onBlur, onJsonChange]);
+  return /*#__PURE__*/React.createElement(InputArea, _extends({}, props, {
+    ref: ref,
+    value: json ?? '',
+    onChange: onInputChange,
+    onFocus: onInputFocus,
+    onBlur: onInputBlur,
+    readOnly: readOnly,
+    disabled: disabled,
+    autoSelect: false
+  }));
+});
+JsonInput.displayName = 'JsonInput';
+//# sourceMappingURL=json-input.js.map

package/dist/esm/cms-fields/components/object/json-input.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","useCallback","InputArea","useControlledInput","useSetSelectionOnFocus","safeParse","safeStringify","JsonInput","_ref","ref","value","onChange","onInput","onBlur","readOnly","disabled","props","json","setJson","onJsonChange","undefined","onInputChange","event","target","onInputFocus","onInputBlur","createElement","_extends","onFocus","autoSelect","displayName"],"sources":["../../../../../src/cms-fields/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,OAAOA,KAAK,IAAIC,UAAU,EAAEC,WAAW,QAAQ,OAAO;AAGtD,SAASC,SAAS,QAAQ,oBAAoB;AAC9C,SAASC,kBAAkB,EAAEC,sBAAsB,QAAQ,aAAa;AACxE,SAASC,SAAS,EAAEC,aAAa,QAAQ,aAAa;AAStD,OAAO,MAAMC,SAAS,gBAAGP,UAAU,CACjC,CAAAQ,IAAA,EAAqEC,GAAG,KAAK;EAAA,IAA5E;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,OAAO;IAAEC,MAAM;IAAEC,QAAQ;IAAEC,QAAQ;IAAE,GAAGC;EAAM,CAAC,GAAAR,IAAA;EACjE,MAAM,CAACS,IAAI,EAAEC,OAAO,CAAC,GAAGf,kBAAkB,CAACG,aAAa,CAACI,KAAK,EAAE,IAAI,CAAC,CAAC;EACtE,MAAMS,YAAY,GAAGlB,WAAW,CAC9B,MACE,CAACa,QAAQ,IAAI,CAACC,QAAQ,GAClBJ,QAAQ,oBAARA,QAAQ,CAAGM,IAAI,GAAGZ,SAAS,CAACY,IAAI,CAAC,GAAGG,SAAS,CAAC,GAC9CA,SAAS,EACf,CAACN,QAAQ,EAAEC,QAAQ,EAAEE,IAAI,EAAEN,QAAQ,CACrC,CAAC;EAED,MAAMU,aAAa,GAAGpB,WAAW,CAC9BqB,KAA6C,IAAK;IACjDJ,OAAO,CAACI,KAAK,CAACC,MAAM,CAACb,KAAK,CAAC;IAC3BE,OAAO,YAAPA,OAAO,CAAG,CAAC;EACb,CAAC,EACD,CAACM,OAAO,EAAEN,OAAO,CACnB,CAAC;EAED,MAAMY,YAAY,GAAGpB,sBAAsB,CAAC,CAAC;EAC7C,MAAMqB,WAAW,GAAGxB,WAAW,CAC5BqB,KAA4C,IAAK;IAChDH,YAAY,CAAC,CAAC;IACdN,MAAM,YAANA,MAAM,CAAGS,KAAK,CAAC;EACjB,CAAC,EACD,CAACT,MAAM,EAAEM,YAAY,CACvB,CAAC;EAED,oBACEpB,KAAA,CAAA2B,aAAA,CAACxB,SAAS,EAAAyB,QAAA,KACJX,KAAK;IACTP,GAAG,EAAEA,GAAI;IACTC,KAAK,EAAEO,IAAI,IAAI,EAAG;IAClBN,QAAQ,EAAEU,aAAc;IACxBO,OAAO,EAAEJ,YAAa;IACtBX,MAAM,EAAEY,WAAY;IACpBX,QAAQ,EAAEA,QAAS;IACnBC,QAAQ,EAAEA,QAAS;IACnBc,UAAU,EAAE;EAAM,EACnB,CAAC;AAEN,CACF,CAAC;AAEDtB,SAAS,CAACuB,WAAW,GAAG,WAAW","ignoreList":[]}

package/dist/esm/cms-fields/components/object/json-view.js

@@ -0,0 +1,11 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { TextView } from '../text';
+import { safeStringify } from '../../utils/safe-json';
+export const JsonView = props => {
+  return /*#__PURE__*/React.createElement(TextView, _extends({}, props, {
+    data: safeStringify(props.data, true, true)
+  }));
+};
+JsonView.displayName = 'JsonView';
+//# sourceMappingURL=json-view.js.map

package/dist/esm/cms-fields/components/object/json-view.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","TextView","safeStringify","JsonView","props","createElement","_extends","data","displayName"],"sources":["../../../../../src/cms-fields/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,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,QAAQ,QAAQ,SAAS;AAClC,SAASC,aAAa,QAAQ,uBAAuB;AAErD,OAAO,MAAMC,QAAQ,GAAIC,KAAyB,IAAK;EACrD,oBAAOJ,KAAA,CAAAK,aAAA,CAACJ,QAAQ,EAAAK,QAAA,KAAKF,KAAK;IAAEG,IAAI,EAAEL,aAAa,CAACE,KAAK,CAACG,IAAI,EAAE,IAAI,EAAE,IAAI;EAAE,EAAE,CAAC;AAC7E,CAAC;AAEDJ,QAAQ,CAACK,WAAW,GAAG,UAAU","ignoreList":[]}

package/dist/esm/cms-fields/components/rich-content/components/index.js

@@ -0,0 +1,2 @@
+export * from './input-loader';
+//# sourceMappingURL=index.js.map

package/dist/esm/cms-fields/components/rich-content/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../../../src/cms-fields/components/rich-content/components/index.ts"],"sourcesContent":["export * from './input-loader';\n"],"mappings":"AAAA,cAAc,gBAAgB","ignoreList":[]}

package/dist/esm/cms-fields/components/rich-content/components/input-loader/index.js

@@ -0,0 +1,2 @@
+export * from './input-loader';
+//# sourceMappingURL=index.js.map

package/dist/esm/cms-fields/components/rich-content/components/input-loader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../../../../src/cms-fields/components/rich-content/components/input-loader/index.ts"],"sourcesContent":["export * from './input-loader';\n"],"mappings":"AAAA,cAAc,gBAAgB","ignoreList":[]}

package/dist/esm/cms-fields/components/rich-content/components/input-loader/input-loader.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Box, Loader } from '@wix/design-system';
+export const InputLoader = props => {
+  return /*#__PURE__*/React.createElement(Box, props, /*#__PURE__*/React.createElement(Loader, {
+    dataHook: "input-loader.loader",
+    size: "tiny"
+  }));
+};
+InputLoader.displayName = 'InputLoader';
+//# sourceMappingURL=input-loader.js.map

package/dist/esm/cms-fields/components/rich-content/components/input-loader/input-loader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Box","Loader","InputLoader","props","createElement","dataHook","size","displayName"],"sources":["../../../../../../../src/cms-fields/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,OAAOA,KAAK,MAAM,OAAO;AAGzB,SAASC,GAAG,EAAEC,MAAM,QAAQ,oBAAoB;AAEhD,OAAO,MAAMC,WAA+B,GAAIC,KAAK,IAAK;EACxD,oBACEJ,KAAA,CAAAK,aAAA,CAACJ,GAAG,EAAKG,KAAK,eACZJ,KAAA,CAAAK,aAAA,CAACH,MAAM;IAACI,QAAQ,EAAC,qBAAqB;IAACC,IAAI,EAAC;EAAM,CAAE,CACjD,CAAC;AAEV,CAAC;AAEDJ,WAAW,CAACK,WAAW,GAAG,aAAa","ignoreList":[]}

package/dist/esm/cms-fields/components/rich-content/editor.js

@@ -0,0 +1,6 @@
+// Heavy exports - these pull in @wix/ricos editor/viewer (~300kb+ gzipped)
+// Only import this file when you actually need the rich content editor
+export { default as FormRichContentInput } from './rich-content-input/form-input';
+export * from './hooks';
+export * from './rich-content-input/rich-content-editor';
+//# sourceMappingURL=editor.js.map

package/dist/esm/cms-fields/components/rich-content/editor.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default","FormRichContentInput"],"sources":["../../../../../src/cms-fields/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":"AAAA;AACA;AACA,SAASA,OAAO,IAAIC,oBAAoB,QAAQ,iCAAiC;AACjF,cAAc,SAAS;AACvB,cAAc,0CAA0C","ignoreList":[]}

package/dist/esm/cms-fields/components/rich-content/hooks/index.js

@@ -0,0 +1,3 @@
+export * from './use-mounted-state';
+export * from './use-plain-text-rich-content';
+//# sourceMappingURL=index.js.map

package/dist/esm/cms-fields/components/rich-content/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../../../src/cms-fields/components/rich-content/hooks/index.ts"],"sourcesContent":["export * from './use-mounted-state';\nexport * from './use-plain-text-rich-content';\n"],"mappings":"AAAA,cAAc,qBAAqB;AACnC,cAAc,+BAA+B","ignoreList":[]}

package/dist/esm/cms-fields/components/rich-content/hooks/use-mounted-state.js

@@ -0,0 +1,18 @@
+import { useState, useEffect, useCallback, useRef } from 'react';
+export const useMountedState = initialState => {
+  const [state, setState] = useState(initialState);
+  const isMountedRef = useRef(false);
+  useEffect(() => {
+    isMountedRef.current = true;
+    return () => {
+      isMountedRef.current = false;
+    };
+  }, []);
+  const setMountedState = useCallback(state => {
+    if (isMountedRef.current) {
+      setState(state);
+    }
+  }, []);
+  return [state, setMountedState];
+};
+//# sourceMappingURL=use-mounted-state.js.map

package/dist/esm/cms-fields/components/rich-content/hooks/use-mounted-state.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useState","useEffect","useCallback","useRef","useMountedState","initialState","state","setState","isMountedRef","current","setMountedState"],"sources":["../../../../../../src/cms-fields/components/rich-content/hooks/use-mounted-state.ts"],"sourcesContent":["import { useState, useEffect, useCallback, useRef } from 'react';\n\ntype UseMountedState = <S>(initialState: S) => [S, (state: S) => void];\n\nexport const useMountedState: UseMountedState = (initialState) => {\n  const [state, setState] = useState(initialState);\n  const isMountedRef = useRef(false);\n\n  useEffect(() => {\n    isMountedRef.current = true;\n    return () => {\n      isMountedRef.current = false;\n    };\n  }, []);\n\n  const setMountedState = useCallback((state) => {\n    if (isMountedRef.current) {\n      setState(state);\n    }\n  }, []);\n\n  return [state, setMountedState];\n};\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,SAAS,EAAEC,WAAW,EAAEC,MAAM,QAAQ,OAAO;AAIhE,OAAO,MAAMC,eAAgC,GAAIC,YAAY,IAAK;EAChE,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGP,QAAQ,CAACK,YAAY,CAAC;EAChD,MAAMG,YAAY,GAAGL,MAAM,CAAC,KAAK,CAAC;EAElCF,SAAS,CAAC,MAAM;IACdO,YAAY,CAACC,OAAO,GAAG,IAAI;IAC3B,OAAO,MAAM;MACXD,YAAY,CAACC,OAAO,GAAG,KAAK;IAC9B,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,eAAe,GAAGR,WAAW,CAAEI,KAAK,IAAK;IAC7C,IAAIE,YAAY,CAACC,OAAO,EAAE;MACxBF,QAAQ,CAACD,KAAK,CAAC;IACjB;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,CAACA,KAAK,EAAEI,eAAe,CAAC;AACjC,CAAC","ignoreList":[]}

package/dist/esm/cms-fields/components/rich-content/hooks/use-plain-text-rich-content.js

@@ -0,0 +1,21 @@
+import { useEffect } from 'react';
+import { ensureRicosContent, toPlainText } from '@wix/ricos/content';
+import { safeStringify } from '../../../utils';
+import { useMountedState } from './use-mounted-state';
+export const usePlainTextRichContent = content => {
+  const [plainTextContent, setPlainTextContent] = useMountedState('');
+  const [isConverting, setIsConverting] = useMountedState(false);
+  useEffect(() => {
+    if (content) {
+      setIsConverting(true);
+      toPlainText(ensureRicosContent(content), {
+        delimiter: ' '
+      }).catch(() => safeStringify(content)).then(setPlainTextContent).finally(() => setIsConverting(false));
+    } else {
+      setIsConverting(false);
+      setPlainTextContent('');
+    }
+  }, [content, setIsConverting, setPlainTextContent]);
+  return [plainTextContent, isConverting];
+};
+//# sourceMappingURL=use-plain-text-rich-content.js.map

package/dist/esm/cms-fields/components/rich-content/hooks/use-plain-text-rich-content.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","ensureRicosContent","toPlainText","safeStringify","useMountedState","usePlainTextRichContent","content","plainTextContent","setPlainTextContent","isConverting","setIsConverting","delimiter","catch","then","finally"],"sources":["../../../../../../src/cms-fields/components/rich-content/hooks/use-plain-text-rich-content.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport type { RichContent } from '@wix/ricos/content';\nimport { ensureRicosContent, toPlainText } from '@wix/ricos/content';\n\nimport { safeStringify } from '../../../utils';\nimport { useMountedState } from './use-mounted-state';\n\nexport const usePlainTextRichContent = (content?: RichContent) => {\n  const [plainTextContent, setPlainTextContent] = useMountedState('');\n  const [isConverting, setIsConverting] = useMountedState(false);\n\n  useEffect(() => {\n    if (content) {\n      setIsConverting(true);\n      toPlainText(ensureRicosContent(content), { delimiter: ' ' })\n        .catch(() => safeStringify(content))\n        .then(setPlainTextContent)\n        .finally(() => setIsConverting(false));\n    } else {\n      setIsConverting(false);\n      setPlainTextContent('');\n    }\n  }, [content, setIsConverting, setPlainTextContent]);\n\n  return [plainTextContent, isConverting] as const;\n};\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,OAAO;AAGjC,SAASC,kBAAkB,EAAEC,WAAW,QAAQ,oBAAoB;AAEpE,SAASC,aAAa,QAAQ,gBAAgB;AAC9C,SAASC,eAAe,QAAQ,qBAAqB;AAErD,OAAO,MAAMC,uBAAuB,GAAIC,OAAqB,IAAK;EAChE,MAAM,CAACC,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGJ,eAAe,CAAC,EAAE,CAAC;EACnE,MAAM,CAACK,YAAY,EAAEC,eAAe,CAAC,GAAGN,eAAe,CAAC,KAAK,CAAC;EAE9DJ,SAAS,CAAC,MAAM;IACd,IAAIM,OAAO,EAAE;MACXI,eAAe,CAAC,IAAI,CAAC;MACrBR,WAAW,CAACD,kBAAkB,CAACK,OAAO,CAAC,EAAE;QAAEK,SAAS,EAAE;MAAI,CAAC,CAAC,CACzDC,KAAK,CAAC,MAAMT,aAAa,CAACG,OAAO,CAAC,CAAC,CACnCO,IAAI,CAACL,mBAAmB,CAAC,CACzBM,OAAO,CAAC,MAAMJ,eAAe,CAAC,KAAK,CAAC,CAAC;IAC1C,CAAC,MAAM;MACLA,eAAe,CAAC,KAAK,CAAC;MACtBF,mBAAmB,CAAC,EAAE,CAAC;IACzB;EACF,CAAC,EAAE,CAACF,OAAO,EAAEI,eAAe,EAAEF,mBAAmB,CAAC,CAAC;EAEnD,OAAO,CAACD,gBAAgB,EAAEE,YAAY,CAAC;AACzC,CAAC","ignoreList":[]}

package/dist/esm/cms-fields/components/rich-content/index.js

@@ -0,0 +1,4 @@
+export * from './rich-content-view';
+// NOTE: Heavy exports (FormRichContentInput, RichContentEditor, hooks) have been moved to './editor' to prevent bundle bloat.
+// Import them explicitly: import { FormRichContentInput } from '../cms-fields/components/rich-content/editor';
+//# sourceMappingURL=index.js.map

package/dist/esm/cms-fields/components/rich-content/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../../src/cms-fields/components/rich-content/index.ts"],"sourcesContent":["export * from './rich-content-view';\n// NOTE: Heavy exports (FormRichContentInput, RichContentEditor, hooks) have been moved to './editor' to prevent bundle bloat.\n// Import them explicitly: import { FormRichContentInput } from '../cms-fields/components/rich-content/editor';\n"],"mappings":"AAAA,cAAc,qBAAqB;AACnC;AACA","ignoreList":[]}

package/dist/esm/cms-fields/components/rich-content/rich-content-input/consts.js

@@ -0,0 +1,2 @@
+export const CMS_RICOS_APP_ID = '9f87f125-e7d5-4ed9-a16c-999d862e96ab';
+//# sourceMappingURL=consts.js.map

package/dist/esm/cms-fields/components/rich-content/rich-content-input/consts.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CMS_RICOS_APP_ID"],"sources":["../../../../../../src/cms-fields/components/rich-content/rich-content-input/consts.ts"],"sourcesContent":["export const CMS_RICOS_APP_ID = '9f87f125-e7d5-4ed9-a16c-999d862e96ab';\n"],"mappings":"AAAA,OAAO,MAAMA,gBAAgB,GAAG,sCAAsC","ignoreList":[]}

package/dist/esm/cms-fields/components/rich-content/rich-content-input/default-value-input/default-value-input.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import { InputLoader } from '../../components';
+import { RichContentDefaultValueReadOnlyInput } from '../default-value-read-only-input';
+import { RichContentDefaultValueInput } from './rich-content-default-value-input';
+const DefaultValueRichContentInput = _ref => {
+  let {
+    isSiteMetadataLoading,
+    ...props
+  } = _ref;
+  if (isSiteMetadataLoading) {
+    return /*#__PURE__*/React.createElement(InputLoader, null);
+  }
+  if (props.readOnly) {
+    return /*#__PURE__*/React.createElement(RichContentDefaultValueReadOnlyInput, props);
+  }
+  return /*#__PURE__*/React.createElement(RichContentDefaultValueInput, props);
+};
+export default DefaultValueRichContentInput;
+//# sourceMappingURL=default-value-input.js.map

package/dist/esm/cms-fields/components/rich-content/rich-content-input/default-value-input/default-value-input.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","InputLoader","RichContentDefaultValueReadOnlyInput","RichContentDefaultValueInput","DefaultValueRichContentInput","_ref","isSiteMetadataLoading","props","createElement","readOnly"],"sources":["../../../../../../../src/cms-fields/components/rich-content/rich-content-input/default-value-input/default-value-input.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport React from 'react';\n\nimport { InputLoader } from '../../components';\nimport { RichContentDefaultValueReadOnlyInput } from '../default-value-read-only-input';\n\nimport { RichContentDefaultValueInput } from './rich-content-default-value-input';\nimport type { RichContentDefaultValueInputProps } from './rich-content-default-value-input';\n\nexport type FormRichContentInputProps = RichContentDefaultValueInputProps & {\n  isSiteMetadataLoading: boolean;\n};\n\nconst DefaultValueRichContentInput: FC<FormRichContentInputProps> = ({\n  isSiteMetadataLoading,\n  ...props\n}) => {\n  if (isSiteMetadataLoading) {\n    return <InputLoader />;\n  }\n\n  if (props.readOnly) {\n    return <RichContentDefaultValueReadOnlyInput {...props} />;\n  }\n\n  return <RichContentDefaultValueInput {...props} />;\n};\n\nexport default DefaultValueRichContentInput;\n"],"mappings":"AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,WAAW,QAAQ,kBAAkB;AAC9C,SAASC,oCAAoC,QAAQ,kCAAkC;AAEvF,SAASC,4BAA4B,QAAQ,oCAAoC;AAOjF,MAAMC,4BAA2D,GAAGC,IAAA,IAG9D;EAAA,IAH+D;IACnEC,qBAAqB;IACrB,GAAGC;EACL,CAAC,GAAAF,IAAA;EACC,IAAIC,qBAAqB,EAAE;IACzB,oBAAON,KAAA,CAAAQ,aAAA,CAACP,WAAW,MAAE,CAAC;EACxB;EAEA,IAAIM,KAAK,CAACE,QAAQ,EAAE;IAClB,oBAAOT,KAAA,CAAAQ,aAAA,CAACN,oCAAoC,EAAKK,KAAQ,CAAC;EAC5D;EAEA,oBAAOP,KAAA,CAAAQ,aAAA,CAACL,4BAA4B,EAAKI,KAAQ,CAAC;AACpD,CAAC;AAED,eAAeH,4BAA4B","ignoreList":[]}

package/dist/esm/cms-fields/components/rich-content/rich-content-input/default-value-input/index.js

@@ -0,0 +1,2 @@
+export { default } from './default-value-input';
+//# sourceMappingURL=index.js.map

package/dist/esm/cms-fields/components/rich-content/rich-content-input/default-value-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default"],"sources":["../../../../../../../src/cms-fields/components/rich-content/rich-content-input/default-value-input/index.ts"],"sourcesContent":["export {default} from './default-value-input';\n"],"mappings":"AAAA,SAAQA,OAAO,QAAO,uBAAuB","ignoreList":[]}

package/dist/esm/cms-fields/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.js

@@ -0,0 +1,52 @@
+import React from 'react';
+import { RichContentEditor } from '../rich-content-editor';
+import { useRicosBISettings } from '../rich-content-common';
+import { useRichContentFormInput } from '../form-input/use-rich-content-form-input';
+import { classes as formInputClasses } from '../form-input/rich-content-form-input.st.css.js';
+import { classes } from './rich-content-default-value-input.st.css.js';
+export const RichContentDefaultValueInput = _ref => {
+  let {
+    data,
+    onChange,
+    onCustomEvent,
+    experiments,
+    theme,
+    colorScheme,
+    dataHook
+  } = _ref;
+  const {
+    localValue,
+    injectedValue,
+    autoFocus,
+    handlePublish,
+    handleOnChange,
+    onExitFullScreen,
+    onEnterFullScreen,
+    triggerOnChange
+  } = useRichContentFormInput({
+    data,
+    onChange,
+    onCustomEvent
+  });
+  const biSettings = useRicosBISettings('defaultValueModal');
+  return /*#__PURE__*/React.createElement("div", {
+    "data-hook": "rich-content.input",
+    className: classes.richContentEditorContainer
+  }, /*#__PURE__*/React.createElement(RichContentEditor, {
+    dataHook: dataHook,
+    className: formInputClasses.root,
+    autoFocus: autoFocus,
+    onEnterFullScreen: onEnterFullScreen,
+    onExitFullScreen: onExitFullScreen,
+    onBlur: triggerOnChange,
+    content: localValue,
+    injectedContent: injectedValue,
+    onChange: handleOnChange,
+    biSettings: biSettings,
+    wixExperiments: experiments,
+    theme: theme,
+    colorScheme: colorScheme,
+    onPublish: handlePublish
+  }));
+};
+//# sourceMappingURL=rich-content-default-value-input.js.map

package/dist/esm/cms-fields/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","RichContentEditor","useRicosBISettings","useRichContentFormInput","classes","formInputClasses","RichContentDefaultValueInput","_ref","data","onChange","onCustomEvent","experiments","theme","colorScheme","dataHook","localValue","injectedValue","autoFocus","handlePublish","handleOnChange","onExitFullScreen","onEnterFullScreen","triggerOnChange","biSettings","createElement","className","richContentEditorContainer","root","onBlur","content","injectedContent","wixExperiments","onPublish"],"sources":["../../../../../../../src/cms-fields/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport React from 'react';\n\nimport type { RichContent } from '@wix/ricos';\n\nimport type { FormInputProps } from '../../../../types';\nimport { RichContentEditor } from '../rich-content-editor';\nimport type { RichContentInputProps } from '../rich-content-common';\nimport { useRicosBISettings } from '../rich-content-common';\nimport { useRichContentFormInput } from '../form-input/use-rich-content-form-input';\nimport { classes as formInputClasses } from '../form-input/rich-content-form-input.st.css.js';\n\nimport { classes } from './rich-content-default-value-input.st.css.js';\n\nexport type RichContentDefaultValueInputProps = FormInputProps<RichContent> &\n  RichContentInputProps;\n\nexport const RichContentDefaultValueInput: FC<\n  RichContentDefaultValueInputProps\n> = ({\n  data,\n  onChange,\n  onCustomEvent,\n  experiments,\n  theme,\n  colorScheme,\n  dataHook,\n}) => {\n  const {\n    localValue,\n    injectedValue,\n    autoFocus,\n    handlePublish,\n    handleOnChange,\n    onExitFullScreen,\n    onEnterFullScreen,\n    triggerOnChange,\n  } = useRichContentFormInput({\n    data,\n    onChange,\n    onCustomEvent,\n  });\n\n  const biSettings = useRicosBISettings('defaultValueModal');\n\n  return (\n    <div\n      data-hook=\"rich-content.input\"\n      className={classes.richContentEditorContainer}\n    >\n      <RichContentEditor\n        dataHook={dataHook}\n        className={formInputClasses.root}\n        autoFocus={autoFocus}\n        onEnterFullScreen={onEnterFullScreen}\n        onExitFullScreen={onExitFullScreen}\n        onBlur={triggerOnChange}\n        content={localValue}\n        injectedContent={injectedValue}\n        onChange={handleOnChange}\n        biSettings={biSettings}\n        wixExperiments={experiments}\n        theme={theme}\n        colorScheme={colorScheme}\n        onPublish={handlePublish}\n      />\n    </div>\n  );\n};\n"],"mappings":"AACA,OAAOA,KAAK,MAAM,OAAO;AAKzB,SAASC,iBAAiB,QAAQ,wBAAwB;AAE1D,SAASC,kBAAkB,QAAQ,wBAAwB;AAC3D,SAASC,uBAAuB,QAAQ,2CAA2C;AACnF,SAASC,OAAO,IAAIC,gBAAgB,QAAQ,iDAAiD;AAE7F,SAASD,OAAO,QAAQ,8CAA8C;AAKtE,OAAO,MAAME,4BAEZ,GAAGC,IAAA,IAQE;EAAA,IARD;IACHC,IAAI;IACJC,QAAQ;IACRC,aAAa;IACbC,WAAW;IACXC,KAAK;IACLC,WAAW;IACXC;EACF,CAAC,GAAAP,IAAA;EACC,MAAM;IACJQ,UAAU;IACVC,aAAa;IACbC,SAAS;IACTC,aAAa;IACbC,cAAc;IACdC,gBAAgB;IAChBC,iBAAiB;IACjBC;EACF,CAAC,GAAGnB,uBAAuB,CAAC;IAC1BK,IAAI;IACJC,QAAQ;IACRC;EACF,CAAC,CAAC;EAEF,MAAMa,UAAU,GAAGrB,kBAAkB,CAAC,mBAAmB,CAAC;EAE1D,oBACEF,KAAA,CAAAwB,aAAA;IACE,aAAU,oBAAoB;IAC9BC,SAAS,EAAErB,OAAO,CAACsB;EAA2B,gBAE9C1B,KAAA,CAAAwB,aAAA,CAACvB,iBAAiB;IAChBa,QAAQ,EAAEA,QAAS;IACnBW,SAAS,EAAEpB,gBAAgB,CAACsB,IAAK;IACjCV,SAAS,EAAEA,SAAU;IACrBI,iBAAiB,EAAEA,iBAAkB;IACrCD,gBAAgB,EAAEA,gBAAiB;IACnCQ,MAAM,EAAEN,eAAgB;IACxBO,OAAO,EAAEd,UAAW;IACpBe,eAAe,EAAEd,aAAc;IAC/BP,QAAQ,EAAEU,cAAe;IACzBI,UAAU,EAAEA,UAAW;IACvBQ,cAAc,EAAEpB,WAAY;IAC5BC,KAAK,EAAEA,KAAM;IACbC,WAAW,EAAEA,WAAY;IACzBmB,SAAS,EAAEd;EAAc,CAC1B,CACE,CAAC;AAEV,CAAC","ignoreList":[]}

package/dist/esm/cms-fields/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css

@@ -0,0 +1,6 @@
+@import "../variables.css";
+@import "../rich-content-editor/rich-content-editor.st.css";
+
+.richContentEditorContainer .editor {
+    max-height: calc(40vh - var(--topToolbarHeight) - var(--bottomToolbarHeight));
+}

package/dist/esm/cms-fields/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.js

@@ -0,0 +1,23 @@
+// @ts-nocheck
+
+import { classesRuntime, statesRuntime } from "../../../../../stylable-esm-runtime.js";
+var _namespace_ = "richcontentdefaultvalueinput3846461530";
+var _style_ = classesRuntime.bind(null, _namespace_);
+export var cssStates = statesRuntime.bind(null, _namespace_);
+export var style = _style_;
+export var st = _style_;
+export var namespace = _namespace_;
+export var classes = {
+  "root": "richcontentdefaultvalueinput3846461530__root",
+  "richContentEditorContainer": "richcontentdefaultvalueinput3846461530__richContentEditorContainer",
+  "editor": "richcontentdefaultvalueinput3846461530__editor"
+};
+export var keyframes = {};
+export var layers = {};
+export var containers = {};
+export var stVars = {};
+export var vars = {
+  "topToolbarHeight": "--richcontentdefaultvalueinput3846461530-topToolbarHeight",
+  "bottomToolbarHeight": "--richcontentdefaultvalueinput3846461530-bottomToolbarHeight"
+};
+//# sourceMappingURL=rich-content-default-value-input.st.css.js.map

package/dist/esm/cms-fields/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["classesRuntime","statesRuntime","_namespace_","_style_","bind","cssStates","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../../src/cms-fields/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"richcontentdefaultvalueinput3846461530\";\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\":\"richcontentdefaultvalueinput3846461530__root\",\"richContentEditorContainer\":\"richcontentdefaultvalueinput3846461530__richContentEditorContainer\",\"editor\":\"richcontentdefaultvalueinput3846461530__editor\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"topToolbarHeight\":\"--richcontentdefaultvalueinput3846461530-topToolbarHeight\",\"bottomToolbarHeight\":\"--richcontentdefaultvalueinput3846461530-bottomToolbarHeight\"}; \n\n\n\n\n"],"mappings":"AAAA;;AAGA,SAASA,cAAc,EAAEC,aAAa,QAAQ,wCAAwC;AAItF,IAAIC,WAAW,GAAG,wCAAwC;AAC1D,IAAIC,OAAO,GAAGH,cAAc,CAACI,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAEpD,OAAO,IAAIG,SAAS,GAAGJ,aAAa,CAACG,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAC5D,OAAO,IAAII,KAA6C,GAAGH,OAAO;AAClE,OAAO,IAAII,EAA0C,GAAGJ,OAAO;AAE/D,OAAO,IAAIK,SAAS,GAAGN,WAAW;AAClC,OAAO,IAAIO,OAAO,GAAG;EAAC,MAAM,EAAC,8CAA8C;EAAC,4BAA4B,EAAC,oEAAoE;EAAC,QAAQ,EAAC;AAAgD,CAAC;AACxO,OAAO,IAAIC,SAAS,GAAG,CAAC,CAAC;AACzB,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,UAAU,GAAG,CAAC,CAAC;AAC1B,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,IAAI,GAAG;EAAC,kBAAkB,EAAC,2DAA2D;EAAC,qBAAqB,EAAC;AAA8D,CAAC","ignoreList":[]}

package/dist/esm/cms-fields/components/rich-content/rich-content-input/default-value-read-only-input/index.js

@@ -0,0 +1,2 @@
+export * from './rich-content-form-read-only-input';
+//# sourceMappingURL=index.js.map

package/dist/esm/cms-fields/components/rich-content/rich-content-input/default-value-read-only-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../../../../src/cms-fields/components/rich-content/rich-content-input/default-value-read-only-input/index.ts"],"sourcesContent":["export * from './rich-content-form-read-only-input';\n"],"mappings":"AAAA,cAAc,qCAAqC","ignoreList":[]}

package/dist/esm/cms-fields/components/rich-content/rich-content-input/default-value-read-only-input/rich-content-form-read-only-input.js

@@ -0,0 +1,26 @@
+import React from 'react';
+import { RichContentViewer } from '../rich-content-viewer';
+import { useRicosBISettings } from '../rich-content-common';
+import { classes } from '../form-read-only-input/rich-content-form-read-only-input.st.css.js';
+export const RichContentDefaultValueReadOnlyInput = _ref => {
+  let {
+    data,
+    theme,
+    experiments,
+    dataHook
+  } = _ref;
+  const biSettings = useRicosBISettings('defaultValueModal');
+  return /*#__PURE__*/React.createElement("div", {
+    "data-hook": "rich-content.input.readOnly"
+  }, /*#__PURE__*/React.createElement(RichContentViewer, {
+    dataHook: dataHook,
+    className: classes.root,
+    content: data,
+    wixExperiments: experiments,
+    biSettings: biSettings,
+    theme: theme,
+    tabIndex: 0
+  }));
+};
+RichContentDefaultValueReadOnlyInput.displayName = 'RichContentDefaultValueReadOnlyInput';
+//# sourceMappingURL=rich-content-form-read-only-input.js.map

package/dist/esm/cms-fields/components/rich-content/rich-content-input/default-value-read-only-input/rich-content-form-read-only-input.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","RichContentViewer","useRicosBISettings","classes","RichContentDefaultValueReadOnlyInput","_ref","data","theme","experiments","dataHook","biSettings","createElement","className","root","content","wixExperiments","tabIndex","displayName"],"sources":["../../../../../../../src/cms-fields/components/rich-content/rich-content-input/default-value-read-only-input/rich-content-form-read-only-input.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { RichContent } from '@wix/ricos';\n\nimport type { FormInputProps } from '../../../../types';\nimport { RichContentViewer } from '../rich-content-viewer';\nimport type { RichContentInputProps } from '../rich-content-common';\nimport { useRicosBISettings } from '../rich-content-common';\nimport { classes } from '../form-read-only-input/rich-content-form-read-only-input.st.css.js';\n\nexport type RichContentDefaultValueInputProps = FormInputProps<RichContent> &\n  RichContentInputProps;\n\nexport const RichContentDefaultValueReadOnlyInput: React.FC<\n  RichContentDefaultValueInputProps\n> = ({ data, theme, experiments, dataHook }) => {\n  const biSettings = useRicosBISettings('defaultValueModal');\n\n  return (\n    <div data-hook=\"rich-content.input.readOnly\">\n      <RichContentViewer\n        dataHook={dataHook}\n        className={classes.root}\n        content={data}\n        wixExperiments={experiments}\n        biSettings={biSettings}\n        theme={theme}\n        tabIndex={0}\n      />\n    </div>\n  );\n};\n\nRichContentDefaultValueReadOnlyInput.displayName =\n  'RichContentDefaultValueReadOnlyInput';\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAKzB,SAASC,iBAAiB,QAAQ,wBAAwB;AAE1D,SAASC,kBAAkB,QAAQ,wBAAwB;AAC3D,SAASC,OAAO,QAAQ,qEAAqE;AAK7F,OAAO,MAAMC,oCAEZ,GAAGC,IAAA,IAA4C;EAAA,IAA3C;IAAEC,IAAI;IAAEC,KAAK;IAAEC,WAAW;IAAEC;EAAS,CAAC,GAAAJ,IAAA;EACzC,MAAMK,UAAU,GAAGR,kBAAkB,CAAC,mBAAmB,CAAC;EAE1D,oBACEF,KAAA,CAAAW,aAAA;IAAK,aAAU;EAA6B,gBAC1CX,KAAA,CAAAW,aAAA,CAACV,iBAAiB;IAChBQ,QAAQ,EAAEA,QAAS;IACnBG,SAAS,EAAET,OAAO,CAACU,IAAK;IACxBC,OAAO,EAAER,IAAK;IACdS,cAAc,EAAEP,WAAY;IAC5BE,UAAU,EAAEA,UAAW;IACvBH,KAAK,EAAEA,KAAM;IACbS,QAAQ,EAAE;EAAE,CACb,CACE,CAAC;AAEV,CAAC;AAEDZ,oCAAoC,CAACa,WAAW,GAC9C,sCAAsC","ignoreList":[]}

package/dist/esm/cms-fields/components/rich-content/rich-content-input/form-input/form-input.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import { InputLoader } from '../../components';
+import { RichContentFormReadOnlyInput } from '../form-read-only-input';
+import { RichContentFormInput } from './rich-content-form-input';
+const FormRichContentInput = _ref => {
+  let {
+    isSiteMetadataLoading,
+    ...props
+  } = _ref;
+  if (isSiteMetadataLoading) {
+    return /*#__PURE__*/React.createElement(InputLoader, null);
+  }
+  if (props.readOnly) {
+    return /*#__PURE__*/React.createElement(RichContentFormReadOnlyInput, props);
+  }
+  return /*#__PURE__*/React.createElement(RichContentFormInput, props);
+};
+export default FormRichContentInput;
+//# sourceMappingURL=form-input.js.map

package/dist/esm/cms-fields/components/rich-content/rich-content-input/form-input/form-input.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","InputLoader","RichContentFormReadOnlyInput","RichContentFormInput","FormRichContentInput","_ref","isSiteMetadataLoading","props","createElement","readOnly"],"sources":["../../../../../../../src/cms-fields/components/rich-content/rich-content-input/form-input/form-input.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport React from 'react';\n\nimport { InputLoader } from '../../components';\nimport { RichContentFormReadOnlyInput } from '../form-read-only-input';\n\nimport type { RichContentFormInputProps } from './rich-content-form-input';\nimport { RichContentFormInput } from './rich-content-form-input';\n\nexport type FormRichContentInputProps = RichContentFormInputProps & {\n  isSiteMetadataLoading: boolean;\n};\n\nconst FormRichContentInput: FC<FormRichContentInputProps> = ({\n  isSiteMetadataLoading,\n  ...props\n}) => {\n  if (isSiteMetadataLoading) {\n    return <InputLoader />;\n  }\n\n  if (props.readOnly) {\n    return <RichContentFormReadOnlyInput {...props} />;\n  }\n\n  return <RichContentFormInput {...props} />;\n};\n\nexport default FormRichContentInput;\n"],"mappings":"AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,WAAW,QAAQ,kBAAkB;AAC9C,SAASC,4BAA4B,QAAQ,yBAAyB;AAGtE,SAASC,oBAAoB,QAAQ,2BAA2B;AAMhE,MAAMC,oBAAmD,GAAGC,IAAA,IAGtD;EAAA,IAHuD;IAC3DC,qBAAqB;IACrB,GAAGC;EACL,CAAC,GAAAF,IAAA;EACC,IAAIC,qBAAqB,EAAE;IACzB,oBAAON,KAAA,CAAAQ,aAAA,CAACP,WAAW,MAAE,CAAC;EACxB;EAEA,IAAIM,KAAK,CAACE,QAAQ,EAAE;IAClB,oBAAOT,KAAA,CAAAQ,aAAA,CAACN,4BAA4B,EAAKK,KAAQ,CAAC;EACpD;EAEA,oBAAOP,KAAA,CAAAQ,aAAA,CAACL,oBAAoB,EAAKI,KAAQ,CAAC;AAC5C,CAAC;AAED,eAAeH,oBAAoB","ignoreList":[]}

package/dist/esm/cms-fields/components/rich-content/rich-content-input/form-input/index.js

@@ -0,0 +1,2 @@
+export { default } from './form-input';
+//# sourceMappingURL=index.js.map

package/dist/esm/cms-fields/components/rich-content/rich-content-input/form-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default"],"sources":["../../../../../../../src/cms-fields/components/rich-content/rich-content-input/form-input/index.ts"],"sourcesContent":["export {default} from './form-input';\n"],"mappings":"AAAA,SAAQA,OAAO,QAAO,cAAc","ignoreList":[]}

package/dist/esm/cms-fields/components/rich-content/rich-content-input/form-input/rich-content-form-input.js

@@ -0,0 +1,59 @@
+import React, { useEffect, useState } from 'react';
+import { RichContentEditor } from '../rich-content-editor';
+import { useRicosBISettings } from '../rich-content-common';
+import { classes } from './rich-content-form-input.st.css.js';
+import { useRichContentFormInput } from './use-rich-content-form-input';
+export const RichContentFormInput = _ref => {
+  let {
+    data,
+    onChange,
+    onCustomEvent,
+    experiments,
+    theme,
+    colorScheme,
+    dataHook,
+    autoFocus: autoFocusDefault,
+    itemId: itemIdProp
+  } = _ref;
+  const {
+    localValue,
+    injectedValue,
+    autoFocus,
+    handlePublish,
+    handleOnChange,
+    onExitFullScreen,
+    onEnterFullScreen,
+    triggerOnChange
+  } = useRichContentFormInput({
+    data,
+    onChange,
+    onCustomEvent,
+    autoFocusDefault
+  });
+  const [itemId, setItemId] = useState(itemIdProp ?? '$new');
+  useEffect(() => {
+    if (itemIdProp !== undefined) {
+      setItemId(itemIdProp);
+    }
+  }, [itemIdProp]);
+  const biSettings = useRicosBISettings('form', itemId);
+  return /*#__PURE__*/React.createElement("div", {
+    "data-hook": "rich-content.input"
+  }, /*#__PURE__*/React.createElement(RichContentEditor, {
+    dataHook: dataHook,
+    className: classes.root,
+    autoFocus: autoFocus,
+    onEnterFullScreen: onEnterFullScreen,
+    onExitFullScreen: onExitFullScreen,
+    onBlur: triggerOnChange,
+    content: localValue,
+    injectedContent: injectedValue,
+    onChange: handleOnChange,
+    biSettings: biSettings,
+    wixExperiments: experiments,
+    theme: theme,
+    colorScheme: colorScheme,
+    onPublish: handlePublish
+  }));
+};
+//# sourceMappingURL=rich-content-form-input.js.map

package/dist/esm/cms-fields/components/rich-content/rich-content-input/form-input/rich-content-form-input.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useState","RichContentEditor","useRicosBISettings","classes","useRichContentFormInput","RichContentFormInput","_ref","data","onChange","onCustomEvent","experiments","theme","colorScheme","dataHook","autoFocus","autoFocusDefault","itemId","itemIdProp","localValue","injectedValue","handlePublish","handleOnChange","onExitFullScreen","onEnterFullScreen","triggerOnChange","setItemId","undefined","biSettings","createElement","className","root","onBlur","content","injectedContent","wixExperiments","onPublish"],"sources":["../../../../../../../src/cms-fields/components/rich-content/rich-content-input/form-input/rich-content-form-input.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport React, { useEffect, useState } from 'react';\n\nimport type { RichContent } from '@wix/ricos';\n\nimport type { FormInputProps } from '../../../../types';\n\nimport { RichContentEditor } from '../rich-content-editor';\nimport type { RichContentInputProps } from '../rich-content-common';\nimport { useRicosBISettings } from '../rich-content-common';\n\nimport { classes } from './rich-content-form-input.st.css.js';\nimport { useRichContentFormInput } from './use-rich-content-form-input';\n\nexport type RichContentFormInputProps = FormInputProps<RichContent> &\n  RichContentInputProps & {\n    itemId?: string;\n  };\n\nexport const RichContentFormInput: FC<RichContentFormInputProps> = ({\n  data,\n  onChange,\n  onCustomEvent,\n  experiments,\n  theme,\n  colorScheme,\n  dataHook,\n  autoFocus: autoFocusDefault,\n  itemId: itemIdProp,\n}) => {\n  const {\n    localValue,\n    injectedValue,\n    autoFocus,\n    handlePublish,\n    handleOnChange,\n    onExitFullScreen,\n    onEnterFullScreen,\n    triggerOnChange,\n  } = useRichContentFormInput({\n    data,\n    onChange,\n    onCustomEvent,\n    autoFocusDefault,\n  });\n\n  const [itemId, setItemId] = useState(itemIdProp ?? '$new');\n  useEffect(() => {\n    if (itemIdProp !== undefined) {\n      setItemId(itemIdProp);\n    }\n  }, [itemIdProp]);\n  const biSettings = useRicosBISettings('form', itemId);\n\n  return (\n    <div data-hook=\"rich-content.input\">\n      <RichContentEditor\n        dataHook={dataHook}\n        className={classes.root}\n        autoFocus={autoFocus}\n        onEnterFullScreen={onEnterFullScreen}\n        onExitFullScreen={onExitFullScreen}\n        onBlur={triggerOnChange}\n        content={localValue}\n        injectedContent={injectedValue}\n        onChange={handleOnChange}\n        biSettings={biSettings}\n        wixExperiments={experiments}\n        theme={theme}\n        colorScheme={colorScheme}\n        onPublish={handlePublish}\n      />\n    </div>\n  );\n};\n"],"mappings":"AACA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAMlD,SAASC,iBAAiB,QAAQ,wBAAwB;AAE1D,SAASC,kBAAkB,QAAQ,wBAAwB;AAE3D,SAASC,OAAO,QAAQ,qCAAqC;AAC7D,SAASC,uBAAuB,QAAQ,+BAA+B;AAOvE,OAAO,MAAMC,oBAAmD,GAAGC,IAAA,IAU7D;EAAA,IAV8D;IAClEC,IAAI;IACJC,QAAQ;IACRC,aAAa;IACbC,WAAW;IACXC,KAAK;IACLC,WAAW;IACXC,QAAQ;IACRC,SAAS,EAAEC,gBAAgB;IAC3BC,MAAM,EAAEC;EACV,CAAC,GAAAX,IAAA;EACC,MAAM;IACJY,UAAU;IACVC,aAAa;IACbL,SAAS;IACTM,aAAa;IACbC,cAAc;IACdC,gBAAgB;IAChBC,iBAAiB;IACjBC;EACF,CAAC,GAAGpB,uBAAuB,CAAC;IAC1BG,IAAI;IACJC,QAAQ;IACRC,aAAa;IACbM;EACF,CAAC,CAAC;EAEF,MAAM,CAACC,MAAM,EAAES,SAAS,CAAC,GAAGzB,QAAQ,CAACiB,UAAU,IAAI,MAAM,CAAC;EAC1DlB,SAAS,CAAC,MAAM;IACd,IAAIkB,UAAU,KAAKS,SAAS,EAAE;MAC5BD,SAAS,CAACR,UAAU,CAAC;IACvB;EACF,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;EAChB,MAAMU,UAAU,GAAGzB,kBAAkB,CAAC,MAAM,EAAEc,MAAM,CAAC;EAErD,oBACElB,KAAA,CAAA8B,aAAA;IAAK,aAAU;EAAoB,gBACjC9B,KAAA,CAAA8B,aAAA,CAAC3B,iBAAiB;IAChBY,QAAQ,EAAEA,QAAS;IACnBgB,SAAS,EAAE1B,OAAO,CAAC2B,IAAK;IACxBhB,SAAS,EAAEA,SAAU;IACrBS,iBAAiB,EAAEA,iBAAkB;IACrCD,gBAAgB,EAAEA,gBAAiB;IACnCS,MAAM,EAAEP,eAAgB;IACxBQ,OAAO,EAAEd,UAAW;IACpBe,eAAe,EAAEd,aAAc;IAC/BX,QAAQ,EAAEa,cAAe;IACzBM,UAAU,EAAEA,UAAW;IACvBO,cAAc,EAAExB,WAAY;IAC5BC,KAAK,EAAEA,KAAM;IACbC,WAAW,EAAEA,WAAY;IACzBuB,SAAS,EAAEf;EAAc,CAC1B,CACE,CAAC;AAEV,CAAC","ignoreList":[]}

package/dist/esm/cms-fields/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css

@@ -0,0 +1,24 @@
+@import "../variables.css";
+@import "../rich-content-editor/rich-content-editor.st.css";
+
+@property st-global(--wds-color-blue-300);
+@property st-global(--wds-border-radius-300);
+@property st-global(--wds-color-blue-100);
+@property st-global(--wds-input-shadow-focus-standard);
+
+.root {
+    outline: 0;
+    box-sizing: border-box;
+    border: 1px solid var(--wds-color-blue-300);
+    border-radius: var(--wds-border-radius-300);
+}
+
+.root:focus-within {
+    border: 1px solid var(--wds-color-blue-100);
+    box-shadow: var(--wds-input-shadow-focus-standard);
+}
+
+.root .editor {
+    overflow-y: auto;
+    max-height: calc(80vh - var(--topToolbarHeight) - var(--bottomToolbarHeight));
+}

package/dist/esm/cms-fields/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.js

@@ -0,0 +1,26 @@
+// @ts-nocheck
+
+import { classesRuntime, statesRuntime } from "../../../../../stylable-esm-runtime.js";
+var _namespace_ = "richcontentforminput395246317";
+var _style_ = classesRuntime.bind(null, _namespace_);
+export var cssStates = statesRuntime.bind(null, _namespace_);
+export var style = _style_;
+export var st = _style_;
+export var namespace = _namespace_;
+export var classes = {
+  "root": "richcontentforminput395246317__root",
+  "editor": "richcontentforminput395246317__editor"
+};
+export var keyframes = {};
+export var layers = {};
+export var containers = {};
+export var stVars = {};
+export var vars = {
+  "wds-color-blue-300": "--wds-color-blue-300",
+  "wds-border-radius-300": "--wds-border-radius-300",
+  "wds-color-blue-100": "--wds-color-blue-100",
+  "wds-input-shadow-focus-standard": "--wds-input-shadow-focus-standard",
+  "topToolbarHeight": "--richcontentforminput395246317-topToolbarHeight",
+  "bottomToolbarHeight": "--richcontentforminput395246317-bottomToolbarHeight"
+};
+//# sourceMappingURL=rich-content-form-input.st.css.js.map

package/dist/esm/cms-fields/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["classesRuntime","statesRuntime","_namespace_","_style_","bind","cssStates","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../../src/cms-fields/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"richcontentforminput395246317\";\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\":\"richcontentforminput395246317__root\",\"editor\":\"richcontentforminput395246317__editor\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-blue-300\":\"--wds-color-blue-300\",\"wds-border-radius-300\":\"--wds-border-radius-300\",\"wds-color-blue-100\":\"--wds-color-blue-100\",\"wds-input-shadow-focus-standard\":\"--wds-input-shadow-focus-standard\",\"topToolbarHeight\":\"--richcontentforminput395246317-topToolbarHeight\",\"bottomToolbarHeight\":\"--richcontentforminput395246317-bottomToolbarHeight\"}; \n\n\n\n\n"],"mappings":"AAAA;;AAGA,SAASA,cAAc,EAAEC,aAAa,QAAQ,wCAAwC;AAItF,IAAIC,WAAW,GAAG,+BAA+B;AACjD,IAAIC,OAAO,GAAGH,cAAc,CAACI,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAEpD,OAAO,IAAIG,SAAS,GAAGJ,aAAa,CAACG,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAC5D,OAAO,IAAII,KAA6C,GAAGH,OAAO;AAClE,OAAO,IAAII,EAA0C,GAAGJ,OAAO;AAE/D,OAAO,IAAIK,SAAS,GAAGN,WAAW;AAClC,OAAO,IAAIO,OAAO,GAAG;EAAC,MAAM,EAAC,qCAAqC;EAAC,QAAQ,EAAC;AAAuC,CAAC;AACpH,OAAO,IAAIC,SAAS,GAAG,CAAC,CAAC;AACzB,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,UAAU,GAAG,CAAC,CAAC;AAC1B,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,IAAI,GAAG;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,kBAAkB,EAAC,kDAAkD;EAAC,qBAAqB,EAAC;AAAqD,CAAC","ignoreList":[]}