@wix/auto-patterns 1.48.0 → 1.50.0

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Badge","Box","DocumentSmall","getMediaTitle","DocumentView","_ref","data","createElement","prefixIcon","size","skin"],"sources":["../../../../../src/cms-fields/components/document/document-view.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Badge, Box } from '@wix/design-system';\nimport { DocumentSmall } from '@wix/wix-ui-icons-common';\n\nimport { getMediaTitle } from '../../utils/media-utils';\n\nexport interface DocumentViewProps {\n  data: string;\n}\n\nexport const DocumentView: React.FC<DocumentViewProps> = ({ data }) => {\n  return data ? (\n    <Box>\n      <Badge prefixIcon={<DocumentSmall />} size=\"small\" skin=\"neutralStandard\">\n        {getMediaTitle(data)}\n      </Badge>\n    </Box>\n  ) : null;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,KAAK,EAAEC,GAAG,QAAQ,oBAAoB;AAC/C,SAASC,aAAa,QAAQ,0BAA0B;AAExD,SAASC,aAAa,QAAQ,yBAAyB;AAMvD,OAAO,MAAMC,YAAyC,GAAGC,IAAA,IAAc;EAAA,IAAb;IAAEC;EAAK,CAAC,GAAAD,IAAA;EAChE,OAAOC,IAAI,gBACTP,KAAA,CAAAQ,aAAA,CAACN,GAAG,qBACFF,KAAA,CAAAQ,aAAA,CAACP,KAAK;IAACQ,UAAU,eAAET,KAAA,CAAAQ,aAAA,CAACL,aAAa,MAAE,CAAE;IAACO,IAAI,EAAC,OAAO;IAACC,IAAI,EAAC;EAAiB,GACtEP,aAAa,CAACG,IAAI,CACd,CACJ,CAAC,GACJ,IAAI;AACV,CAAC","ignoreList":[]}

package/dist/esm/cms-fields/components/document/form/index.js

@@ -0,0 +1,6 @@
+export * from '../form-document-field';
+export * from '../document-control';
+export * from '../add-document-button';
+export * from '../form-document-input';
+export * from '../utils';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../../../src/cms-fields/components/document/form/index.ts"],"sourcesContent":["export * from '../form-document-field';\nexport * from '../document-control';\nexport * from '../add-document-button';\nexport * from '../form-document-input';\nexport * from '../utils';\n"],"mappings":"AAAA,cAAc,wBAAwB;AACtC,cAAc,qBAAqB;AACnC,cAAc,wBAAwB;AACtC,cAAc,wBAAwB;AACtC,cAAc,UAAU","ignoreList":[]}

package/dist/esm/cms-fields/components/document/form-document-field.js

@@ -0,0 +1,83 @@
+import React, { useRef } from 'react';
+import { MEDIA_TYPES } from '../../utils/media-utils';
+import { useTranslations, useWithCallback } from '../../hooks';
+import { PasteURLForm, useMediaControl, usePasteURLForm } from '../media-control';
+import { DocumentControl } from './document-control';
+import { classes } from './form-document-field.st.css.js';
+import { FormDocumentInput } from './form-document-input';
+export { classes as documentClasses } from './form-document-field.st.css.js';
+export const FormDocumentField = _ref => {
+  let {
+    data,
+    onChange: onChangeDocument,
+    onClear: onClearDocument,
+    onInput,
+    autoFocus,
+    readOnly,
+    invalid,
+    dataHook
+  } = _ref;
+  const {
+    t
+  } = useTranslations();
+  const onChange = useWithCallback(onChangeDocument, onInput);
+  const onClear = useWithCallback(onClearDocument, onInput);
+  const inputRef = useRef(null);
+  const viewRef = useRef(null);
+  const {
+    callMedia,
+    loading,
+    downloadMedia
+  } = useMediaControl({
+    mediaType: MEDIA_TYPES.ALL_MEDIA,
+    value: data,
+    onChange,
+    autoFocus,
+    readOnly,
+    inputRef,
+    viewRef
+  });
+  const {
+    isOpen,
+    title,
+    onOpen,
+    onClose,
+    onSave
+  } = usePasteURLForm({
+    onChange
+  });
+  return /*#__PURE__*/React.createElement(React.Fragment, null, !data ? /*#__PURE__*/React.createElement(FormDocumentInput, {
+    dataHook: dataHook,
+    ref: inputRef,
+    theme: "dashes",
+    disabled: readOnly,
+    loading: loading,
+    error: invalid,
+    loaderBorderStyle: "dashed",
+    onAddButtonClick: callMedia,
+    onPasteURLButtonClick: onOpen({
+      title: t('CMS.document.pasteUrl.title')
+    })
+  }) : /*#__PURE__*/React.createElement(DocumentControl, {
+    dataHook: dataHook,
+    ref: viewRef,
+    mediaURI: data,
+    readOnly: readOnly,
+    onReplace: callMedia,
+    onDelete: onClear,
+    onDownload: downloadMedia,
+    className: classes.viewWrapper,
+    loading: loading,
+    loaderBorderStyle: "solid",
+    onOpenPasteURLForm: onOpen({
+      title: t('CMS.document.replaceWithUrl.title')
+    })
+  }), /*#__PURE__*/React.createElement(PasteURLForm, {
+    title: title,
+    value: data,
+    show: isOpen,
+    closeModal: onClose,
+    onSave: onSave
+  }));
+};
+//# sourceMappingURL=form-document-field.js.map

package/dist/esm/cms-fields/components/document/form-document-field.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useRef","MEDIA_TYPES","useTranslations","useWithCallback","PasteURLForm","useMediaControl","usePasteURLForm","DocumentControl","classes","FormDocumentInput","documentClasses","FormDocumentField","_ref","data","onChange","onChangeDocument","onClear","onClearDocument","onInput","autoFocus","readOnly","invalid","dataHook","t","inputRef","viewRef","callMedia","loading","downloadMedia","mediaType","ALL_MEDIA","value","isOpen","title","onOpen","onClose","onSave","createElement","Fragment","ref","theme","disabled","error","loaderBorderStyle","onAddButtonClick","onPasteURLButtonClick","mediaURI","onReplace","onDelete","onDownload","className","viewWrapper","onOpenPasteURLForm","show","closeModal"],"sources":["../../../../../src/cms-fields/components/document/form-document-field.tsx"],"sourcesContent":["import React, { useRef } from 'react';\n\nimport { MEDIA_TYPES } from '../../utils/media-utils';\nimport { useTranslations, useWithCallback } from '../../hooks';\nimport type { AddItemActions } from '@wix/design-system';\n\nimport type { FormMediaControlProps } from '../media-control';\nimport {\n  PasteURLForm,\n  useMediaControl,\n  usePasteURLForm,\n} from '../media-control';\n\nimport { DocumentControl } from './document-control';\nimport { classes } from './form-document-field.st.css.js';\nimport { FormDocumentInput } from './form-document-input';\n\nexport { classes as documentClasses } from './form-document-field.st.css.js';\n\nexport const FormDocumentField: React.FC<FormMediaControlProps> = ({\n  data,\n  onChange: onChangeDocument,\n  onClear: onClearDocument,\n  onInput,\n  autoFocus,\n  readOnly,\n  invalid,\n  dataHook,\n}) => {\n  const { t } = useTranslations();\n\n  const onChange = useWithCallback(onChangeDocument, onInput);\n  const onClear = useWithCallback(onClearDocument, onInput);\n\n  const inputRef = useRef<AddItemActions>(null);\n  const viewRef = useRef<HTMLDivElement>(null);\n\n  const { callMedia, loading, downloadMedia } = useMediaControl({\n    mediaType: MEDIA_TYPES.ALL_MEDIA,\n    value: data,\n    onChange,\n    autoFocus,\n    readOnly,\n    inputRef,\n    viewRef,\n  });\n\n  const { isOpen, title, onOpen, onClose, onSave } = usePasteURLForm({\n    onChange,\n  });\n\n  return (\n    <>\n      {!data ? (\n        <FormDocumentInput\n          dataHook={dataHook}\n          ref={inputRef}\n          theme=\"dashes\"\n          disabled={readOnly}\n          loading={loading}\n          error={invalid}\n          loaderBorderStyle=\"dashed\"\n          onAddButtonClick={callMedia}\n          onPasteURLButtonClick={onOpen({\n            title: t('CMS.document.pasteUrl.title'),\n          })}\n        />\n      ) : (\n        <DocumentControl\n          dataHook={dataHook}\n          ref={viewRef}\n          mediaURI={data}\n          readOnly={readOnly}\n          onReplace={callMedia}\n          onDelete={onClear}\n          onDownload={downloadMedia}\n          className={classes.viewWrapper}\n          loading={loading}\n          loaderBorderStyle=\"solid\"\n          onOpenPasteURLForm={onOpen({\n            title: t('CMS.document.replaceWithUrl.title'),\n          })}\n        />\n      )}\n      <PasteURLForm\n        title={title}\n        value={data}\n        show={isOpen}\n        closeModal={onClose}\n        onSave={onSave}\n      />\n    </>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,MAAM,QAAQ,OAAO;AAErC,SAASC,WAAW,QAAQ,yBAAyB;AACrD,SAASC,eAAe,EAAEC,eAAe,QAAQ,aAAa;AAI9D,SACEC,YAAY,EACZC,eAAe,EACfC,eAAe,QACV,kBAAkB;AAEzB,SAASC,eAAe,QAAQ,oBAAoB;AACpD,SAASC,OAAO,QAAQ,iCAAiC;AACzD,SAASC,iBAAiB,QAAQ,uBAAuB;AAEzD,SAASD,OAAO,IAAIE,eAAe,QAAQ,iCAAiC;AAE5E,OAAO,MAAMC,iBAAkD,GAAGC,IAAA,IAS5D;EAAA,IAT6D;IACjEC,IAAI;IACJC,QAAQ,EAAEC,gBAAgB;IAC1BC,OAAO,EAAEC,eAAe;IACxBC,OAAO;IACPC,SAAS;IACTC,QAAQ;IACRC,OAAO;IACPC;EACF,CAAC,GAAAV,IAAA;EACC,MAAM;IAAEW;EAAE,CAAC,GAAGrB,eAAe,CAAC,CAAC;EAE/B,MAAMY,QAAQ,GAAGX,eAAe,CAACY,gBAAgB,EAAEG,OAAO,CAAC;EAC3D,MAAMF,OAAO,GAAGb,eAAe,CAACc,eAAe,EAAEC,OAAO,CAAC;EAEzD,MAAMM,QAAQ,GAAGxB,MAAM,CAAiB,IAAI,CAAC;EAC7C,MAAMyB,OAAO,GAAGzB,MAAM,CAAiB,IAAI,CAAC;EAE5C,MAAM;IAAE0B,SAAS;IAAEC,OAAO;IAAEC;EAAc,CAAC,GAAGvB,eAAe,CAAC;IAC5DwB,SAAS,EAAE5B,WAAW,CAAC6B,SAAS;IAChCC,KAAK,EAAElB,IAAI;IACXC,QAAQ;IACRK,SAAS;IACTC,QAAQ;IACRI,QAAQ;IACRC;EACF,CAAC,CAAC;EAEF,MAAM;IAAEO,MAAM;IAAEC,KAAK;IAAEC,MAAM;IAAEC,OAAO;IAAEC;EAAO,CAAC,GAAG9B,eAAe,CAAC;IACjEQ;EACF,CAAC,CAAC;EAEF,oBACEf,KAAA,CAAAsC,aAAA,CAAAtC,KAAA,CAAAuC,QAAA,QACG,CAACzB,IAAI,gBACJd,KAAA,CAAAsC,aAAA,CAAC5B,iBAAiB;IAChBa,QAAQ,EAAEA,QAAS;IACnBiB,GAAG,EAAEf,QAAS;IACdgB,KAAK,EAAC,QAAQ;IACdC,QAAQ,EAAErB,QAAS;IACnBO,OAAO,EAAEA,OAAQ;IACjBe,KAAK,EAAErB,OAAQ;IACfsB,iBAAiB,EAAC,QAAQ;IAC1BC,gBAAgB,EAAElB,SAAU;IAC5BmB,qBAAqB,EAAEX,MAAM,CAAC;MAC5BD,KAAK,EAAEV,CAAC,CAAC,6BAA6B;IACxC,CAAC;EAAE,CACJ,CAAC,gBAEFxB,KAAA,CAAAsC,aAAA,CAAC9B,eAAe;IACde,QAAQ,EAAEA,QAAS;IACnBiB,GAAG,EAAEd,OAAQ;IACbqB,QAAQ,EAAEjC,IAAK;IACfO,QAAQ,EAAEA,QAAS;IACnB2B,SAAS,EAAErB,SAAU;IACrBsB,QAAQ,EAAEhC,OAAQ;IAClBiC,UAAU,EAAErB,aAAc;IAC1BsB,SAAS,EAAE1C,OAAO,CAAC2C,WAAY;IAC/BxB,OAAO,EAAEA,OAAQ;IACjBgB,iBAAiB,EAAC,OAAO;IACzBS,kBAAkB,EAAElB,MAAM,CAAC;MACzBD,KAAK,EAAEV,CAAC,CAAC,mCAAmC;IAC9C,CAAC;EAAE,CACJ,CACF,eACDxB,KAAA,CAAAsC,aAAA,CAACjC,YAAY;IACX6B,KAAK,EAAEA,KAAM;IACbF,KAAK,EAAElB,IAAK;IACZwC,IAAI,EAAErB,MAAO;IACbsB,UAAU,EAAEnB,OAAQ;IACpBC,MAAM,EAAEA;EAAO,CAChB,CACD,CAAC;AAEP,CAAC","ignoreList":[]}

package/dist/esm/cms-fields/components/document/form-document-field.st.css.js

@@ -0,0 +1,40 @@
+// @ts-nocheck
+
+import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js";
+var _namespace_ = "formdocumentfield1636093287";
+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": "formdocumentfield1636093287__root",
+  "viewWrapper": "formdocumentfield1636093287__viewWrapper",
+  "textWidth": "formdocumentfield1636093287__textWidth",
+  "documentLoader": "formdocumentfield1636093287__documentLoader",
+  "addDocument": "formdocumentfield1636093287__addDocument",
+  "addItemWrapper": "formdocumentfield1636093287__addItemWrapper"
+};
+export var keyframes = {};
+export var layers = {};
+export var containers = {};
+export var stVars = {
+  "BorderRadius": "2px",
+  "documentViewBorderRadius": "var(--wds-border-radius-300, calc(2px * 3))",
+  "documentActionsWidth": "196px",
+  "addItemWSRBorderRadius": "var(--wds-border-radius-400, calc(2px * 4))",
+  "documentLoaderPadding": "21px",
+  "addDocumentPadding": "17px"
+};
+export var vars = {
+  "wds-border-radius-400": "--wds-border-radius-400",
+  "wds-border-radius-300": "--wds-border-radius-300",
+  "wds-color-blue-300": "--wds-color-blue-300",
+  "wds-color-blue-500": "--wds-color-blue-500",
+  "wsr-color-B30": "--wsr-color-B30",
+  "wsr-color-B50": "--wsr-color-B50",
+  "wds-input-shadow-focus-standard": "--wds-input-shadow-focus-standard",
+  "wsr-color-R10": "--wsr-color-R10",
+  "wds-color-red-100": "--wds-color-red-100"
+};
+//# sourceMappingURL=form-document-field.st.css.js.map

package/dist/esm/cms-fields/components/document/form-document-field.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/document/form-document-field.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"formdocumentfield1636093287\";\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\":\"formdocumentfield1636093287__root\",\"viewWrapper\":\"formdocumentfield1636093287__viewWrapper\",\"textWidth\":\"formdocumentfield1636093287__textWidth\",\"documentLoader\":\"formdocumentfield1636093287__documentLoader\",\"addDocument\":\"formdocumentfield1636093287__addDocument\",\"addItemWrapper\":\"formdocumentfield1636093287__addItemWrapper\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {\"BorderRadius\":\"2px\",\"documentViewBorderRadius\":\"var(--wds-border-radius-300, calc(2px * 3))\",\"documentActionsWidth\":\"196px\",\"addItemWSRBorderRadius\":\"var(--wds-border-radius-400, calc(2px * 4))\",\"documentLoaderPadding\":\"21px\",\"addDocumentPadding\":\"17px\"}; \nexport var vars = {\"wds-border-radius-400\":\"--wds-border-radius-400\",\"wds-border-radius-300\":\"--wds-border-radius-300\",\"wds-color-blue-300\":\"--wds-color-blue-300\",\"wds-color-blue-500\":\"--wds-color-blue-500\",\"wsr-color-B30\":\"--wsr-color-B30\",\"wsr-color-B50\":\"--wsr-color-B50\",\"wds-input-shadow-focus-standard\":\"--wds-input-shadow-focus-standard\",\"wsr-color-R10\":\"--wsr-color-R10\",\"wds-color-red-100\":\"--wds-color-red-100\"}; \n\n\n\n\n"],"mappings":"AAAA;;AAGA,SAASA,cAAc,EAAEC,aAAa,QAAQ,kCAAkC;AAIhF,IAAIC,WAAW,GAAG,6BAA6B;AAC/C,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,mCAAmC;EAAC,aAAa,EAAC,0CAA0C;EAAC,WAAW,EAAC,wCAAwC;EAAC,gBAAgB,EAAC,6CAA6C;EAAC,aAAa,EAAC,0CAA0C;EAAC,gBAAgB,EAAC;AAA6C,CAAC;AACtW,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;EAAC,cAAc,EAAC,KAAK;EAAC,0BAA0B,EAAC,6CAA6C;EAAC,sBAAsB,EAAC,OAAO;EAAC,wBAAwB,EAAC,6CAA6C;EAAC,uBAAuB,EAAC,MAAM;EAAC,oBAAoB,EAAC;AAAM,CAAC;AACpR,OAAO,IAAIC,IAAI,GAAG;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,eAAe,EAAC,iBAAiB;EAAC,mBAAmB,EAAC;AAAqB,CAAC","ignoreList":[]}

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

@@ -0,0 +1,28 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { useTranslations } from '../../hooks';
+import { AddDocumentButton } from './add-document-button';
+import { PasteURLButton } from '../media-control';
+export const FormDocumentInput = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+    dataHook,
+    disabled,
+    onPasteURLButtonClick,
+    onAddButtonClick,
+    ...addDocumentProps
+  } = _ref;
+  const {
+    t
+  } = useTranslations();
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(AddDocumentButton, _extends({
+    ref: ref,
+    disabled: disabled,
+    dataHook: dataHook,
+    onClick: onAddButtonClick
+  }, addDocumentProps)), /*#__PURE__*/React.createElement(PasteURLButton, {
+    title: t('CMS.document.pasteUrl.button'),
+    disabled: disabled,
+    onClick: onPasteURLButtonClick
+  }));
+});
+//# sourceMappingURL=form-document-input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useTranslations","AddDocumentButton","PasteURLButton","FormDocumentInput","forwardRef","_ref","ref","dataHook","disabled","onPasteURLButtonClick","onAddButtonClick","addDocumentProps","t","createElement","Fragment","_extends","onClick","title"],"sources":["../../../../../src/cms-fields/components/document/form-document-input.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useTranslations } from '../../hooks';\nimport type { AddItemActions } from '@wix/design-system';\n\nimport {\n  AddDocumentButton,\n  type AddDocumentButtonProps,\n} from './add-document-button';\nimport { PasteURLButton, type PasteURLButtonProps } from '../media-control';\n\ntype FormDocumentInputProps = Omit<\n  AddDocumentButtonProps,\n  'onClick' | 'disabled'\n> & {\n  onAddButtonClick: AddDocumentButtonProps['onClick'];\n  onPasteURLButtonClick: PasteURLButtonProps['onClick'];\n  disabled?: boolean;\n  error?: boolean;\n};\n\nexport const FormDocumentInput = React.forwardRef<\n  AddItemActions,\n  FormDocumentInputProps\n>(\n  (\n    {\n      dataHook,\n      disabled,\n      onPasteURLButtonClick,\n      onAddButtonClick,\n      ...addDocumentProps\n    },\n    ref,\n  ) => {\n    const { t } = useTranslations();\n\n    return (\n      <>\n        <AddDocumentButton\n          ref={ref}\n          disabled={disabled}\n          dataHook={dataHook}\n          onClick={onAddButtonClick}\n          {...addDocumentProps}\n        />\n        <PasteURLButton\n          title={t('CMS.document.pasteUrl.button')}\n          disabled={disabled}\n          onClick={onPasteURLButtonClick}\n        />\n      </>\n    );\n  },\n);\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,eAAe,QAAQ,aAAa;AAG7C,SACEC,iBAAiB,QAEZ,uBAAuB;AAC9B,SAASC,cAAc,QAAkC,kBAAkB;AAY3E,OAAO,MAAMC,iBAAiB,gBAAGJ,KAAK,CAACK,UAAU,CAI/C,CAAAC,IAAA,EAQEC,GAAG,KACA;EAAA,IARH;IACEC,QAAQ;IACRC,QAAQ;IACRC,qBAAqB;IACrBC,gBAAgB;IAChB,GAAGC;EACL,CAAC,GAAAN,IAAA;EAGD,MAAM;IAAEO;EAAE,CAAC,GAAGZ,eAAe,CAAC,CAAC;EAE/B,oBACED,KAAA,CAAAc,aAAA,CAAAd,KAAA,CAAAe,QAAA,qBACEf,KAAA,CAAAc,aAAA,CAACZ,iBAAiB,EAAAc,QAAA;IAChBT,GAAG,EAAEA,GAAI;IACTE,QAAQ,EAAEA,QAAS;IACnBD,QAAQ,EAAEA,QAAS;IACnBS,OAAO,EAAEN;EAAiB,GACtBC,gBAAgB,CACrB,CAAC,eACFZ,KAAA,CAAAc,aAAA,CAACX,cAAc;IACbe,KAAK,EAAEL,CAAC,CAAC,8BAA8B,CAAE;IACzCJ,QAAQ,EAAEA,QAAS;IACnBQ,OAAO,EAAEP;EAAsB,CAChC,CACD,CAAC;AAEP,CACF,CAAC","ignoreList":[]}

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

@@ -0,0 +1,5 @@
+export * from './document-view';
+
+// NOTE: Heavy exports (FormDocumentField, DocumentControl, etc.) have been moved to './form' to prevent bundle bloat.
+// Import them explicitly: import { FormDocumentField } from '../cms-fields/components/document/form';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../../src/cms-fields/components/document/index.ts"],"sourcesContent":["export * from './document-view';\n\n// NOTE: Heavy exports (FormDocumentField, DocumentControl, etc.) have been moved to './form' to prevent bundle bloat.\n// Import them explicitly: import { FormDocumentField } from '../cms-fields/components/document/form';\n"],"mappings":"AAAA,cAAc,iBAAiB;;AAE/B;AACA","ignoreList":[]}

package/dist/esm/cms-fields/components/document/utils.js

@@ -0,0 +1,9 @@
+export const openDocument = url => {
+  const link = document.createElement('a');
+  link.href = url;
+  link.target = '_blank';
+  document.body.appendChild(link);
+  link.click();
+  link.remove();
+};
+//# sourceMappingURL=utils.js.map

package/dist/esm/cms-fields/components/document/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["openDocument","url","link","document","createElement","href","target","body","appendChild","click","remove"],"sources":["../../../../../src/cms-fields/components/document/utils.ts"],"sourcesContent":["export const openDocument = (url: string) => {\n  const link = document.createElement('a');\n  link.href = url;\n  link.target = '_blank';\n  document.body.appendChild(link);\n\n  link.click();\n  link.remove();\n};\n"],"mappings":"AAAA,OAAO,MAAMA,YAAY,GAAIC,GAAW,IAAK;EAC3C,MAAMC,IAAI,GAAGC,QAAQ,CAACC,aAAa,CAAC,GAAG,CAAC;EACxCF,IAAI,CAACG,IAAI,GAAGJ,GAAG;EACfC,IAAI,CAACI,MAAM,GAAG,QAAQ;EACtBH,QAAQ,CAACI,IAAI,CAACC,WAAW,CAACN,IAAI,CAAC;EAE/BA,IAAI,CAACO,KAAK,CAAC,CAAC;EACZP,IAAI,CAACQ,MAAM,CAAC,CAAC;AACf,CAAC","ignoreList":[]}

package/dist/esm/cms-fields/components/exclamation/exclamation.st.css.js

@@ -1,17 +1,17 @@
 // @ts-nocheck
 
 import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js";
-var _namespace_ = "exclamation1679643184";
+var _namespace_ = "exclamation49407646";
 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": "exclamation1679643184__root",
-  "exclamation": "exclamation1679643184__exclamation",
-  "actions": "exclamation1679643184__actions",
-  "action": "exclamation1679643184__action"
+  "root": "exclamation49407646__root",
+  "exclamation": "exclamation49407646__exclamation",
+  "actions": "exclamation49407646__actions",
+  "action": "exclamation49407646__action"
 };
 export var keyframes = {};
 export var layers = {};

package/dist/esm/cms-fields/components/exclamation/exclamation.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["classesRuntime","statesRuntime","_namespace_","_style_","bind","cssStates","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/cms-fields/components/exclamation/exclamation.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"exclamation1679643184\";\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\":\"exclamation1679643184__root\",\"exclamation\":\"exclamation1679643184__exclamation\",\"actions\":\"exclamation1679643184__actions\",\"action\":\"exclamation1679643184__action\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-fill-warning-primary\":\"--wds-color-fill-warning-primary\",\"wds-color-fill-destructive-primary\":\"--wds-color-fill-destructive-primary\",\"wds-color-blue-100\":\"--wds-color-blue-100\",\"wds-color-blue-200\":\"--wds-color-blue-200\"}; \n\n\n\n\n"],"mappings":"AAAA;;AAGA,SAASA,cAAc,EAAEC,aAAa,QAAQ,kCAAkC;AAIhF,IAAIC,WAAW,GAAG,uBAAuB;AACzC,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,6BAA6B;EAAC,aAAa,EAAC,oCAAoC;EAAC,SAAS,EAAC,gCAAgC;EAAC,QAAQ,EAAC;AAA+B,CAAC;AAClM,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,gCAAgC,EAAC,kCAAkC;EAAC,oCAAoC,EAAC,sCAAsC;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,oBAAoB,EAAC;AAAsB,CAAC","ignoreList":[]}
+{"version":3,"names":["classesRuntime","statesRuntime","_namespace_","_style_","bind","cssStates","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/cms-fields/components/exclamation/exclamation.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"exclamation49407646\";\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\":\"exclamation49407646__root\",\"exclamation\":\"exclamation49407646__exclamation\",\"actions\":\"exclamation49407646__actions\",\"action\":\"exclamation49407646__action\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-fill-warning-primary\":\"--wds-color-fill-warning-primary\",\"wds-color-fill-destructive-primary\":\"--wds-color-fill-destructive-primary\",\"wds-color-blue-100\":\"--wds-color-blue-100\",\"wds-color-blue-200\":\"--wds-color-blue-200\"}; \n\n\n\n\n"],"mappings":"AAAA;;AAGA,SAASA,cAAc,EAAEC,aAAa,QAAQ,kCAAkC;AAIhF,IAAIC,WAAW,GAAG,qBAAqB;AACvC,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,2BAA2B;EAAC,aAAa,EAAC,kCAAkC;EAAC,SAAS,EAAC,8BAA8B;EAAC,QAAQ,EAAC;AAA6B,CAAC;AAC1L,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,gCAAgC,EAAC,kCAAkC;EAAC,oCAAoC,EAAC,sCAAsC;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,oBAAoB,EAAC;AAAsB,CAAC","ignoreList":[]}

package/dist/esm/cms-fields/components/highlighted-text/highlighted-text.js

@@ -0,0 +1,29 @@
+import React from 'react';
+import { style, classes } from './highlighted-text.st.css.js';
+export const HighlightedText = _ref => {
+  let {
+    highlight,
+    highlightedBackground = true,
+    className,
+    dataHook
+  } = _ref;
+  return /*#__PURE__*/React.createElement("span", {
+    "data-hook": dataHook,
+    className: style(classes.root, {
+      highlightedBackground
+    }, className)
+  }, highlight.map((_ref2, key) => {
+    let {
+      substring,
+      isHighlighted
+    } = _ref2;
+    return /*#__PURE__*/React.createElement("span", {
+      key: key,
+      className: style(classes.substring, {
+        isHighlighted
+      }),
+      children: substring
+    });
+  }));
+};
+//# sourceMappingURL=highlighted-text.js.map

package/dist/esm/cms-fields/components/highlighted-text/highlighted-text.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","style","classes","HighlightedText","_ref","highlight","highlightedBackground","className","dataHook","createElement","root","map","_ref2","key","substring","isHighlighted","children"],"sources":["../../../../../src/cms-fields/components/highlighted-text/highlighted-text.tsx"],"sourcesContent":["import React from 'react';\n\nimport { style, classes } from './highlighted-text.st.css.js';\n\nimport type { HighlightDescriptor } from '../../utils';\n\nexport interface HighlightTextProps {\n  highlight: HighlightDescriptor;\n  highlightedBackground?: boolean;\n  className?: string;\n  dataHook?: string;\n}\n\nexport const HighlightedText: React.FC<HighlightTextProps> = ({\n  highlight,\n  highlightedBackground = true,\n  className,\n  dataHook,\n}) => (\n  <span\n    data-hook={dataHook}\n    className={style(classes.root, { highlightedBackground }, className)}\n  >\n    {highlight.map(({ substring, isHighlighted }, key) => (\n      <span\n        key={key}\n        className={style(classes.substring, { isHighlighted })}\n        children={substring}\n      />\n    ))}\n  </span>\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,KAAK,EAAEC,OAAO,QAAQ,8BAA8B;AAW7D,OAAO,MAAMC,eAA6C,GAAGC,IAAA;EAAA,IAAC;IAC5DC,SAAS;IACTC,qBAAqB,GAAG,IAAI;IAC5BC,SAAS;IACTC;EACF,CAAC,GAAAJ,IAAA;EAAA,oBACCJ,KAAA,CAAAS,aAAA;IACE,aAAWD,QAAS;IACpBD,SAAS,EAAEN,KAAK,CAACC,OAAO,CAACQ,IAAI,EAAE;MAAEJ;IAAsB,CAAC,EAAEC,SAAS;EAAE,GAEpEF,SAAS,CAACM,GAAG,CAAC,CAAAC,KAAA,EAA+BC,GAAG;IAAA,IAAjC;MAAEC,SAAS;MAAEC;IAAc,CAAC,GAAAH,KAAA;IAAA,oBAC1CZ,KAAA,CAAAS,aAAA;MACEI,GAAG,EAAEA,GAAI;MACTN,SAAS,EAAEN,KAAK,CAACC,OAAO,CAACY,SAAS,EAAE;QAAEC;MAAc,CAAC,CAAE;MACvDC,QAAQ,EAAEF;IAAU,CACrB,CAAC;EAAA,CACH,CACG,CAAC;AAAA,CACR","ignoreList":[]}

package/dist/esm/cms-fields/components/highlighted-text/highlighted-text.st.css.js

@@ -0,0 +1,27 @@
+// @ts-nocheck
+
+import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js";
+var _namespace_ = "highlightedtext2575703318";
+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": "highlightedtext2575703318__root",
+  "substring": "highlightedtext2575703318__substring"
+};
+export var keyframes = {
+  "highlighted": "highlightedtext2575703318__highlighted",
+  "highlighted-match": "highlightedtext2575703318__highlighted-match"
+};
+export var layers = {};
+export var containers = {};
+export var stVars = {};
+export var vars = {
+  "wds-color-yellow-200": "--wds-color-yellow-200",
+  "wds-color-yellow-400": "--wds-color-yellow-400",
+  "wsr-color-Y20": "--wsr-color-Y20",
+  "wsr-color-Y40": "--wsr-color-Y40"
+};
+//# sourceMappingURL=highlighted-text.st.css.js.map

package/dist/esm/cms-fields/components/highlighted-text/highlighted-text.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/highlighted-text/highlighted-text.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"highlightedtext2575703318\";\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\":\"highlightedtext2575703318__root\",\"substring\":\"highlightedtext2575703318__substring\"};\nexport var keyframes = {\"highlighted\":\"highlightedtext2575703318__highlighted\",\"highlighted-match\":\"highlightedtext2575703318__highlighted-match\"}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-yellow-200\":\"--wds-color-yellow-200\",\"wds-color-yellow-400\":\"--wds-color-yellow-400\",\"wsr-color-Y20\":\"--wsr-color-Y20\",\"wsr-color-Y40\":\"--wsr-color-Y40\"}; \n\n\n\n\n"],"mappings":"AAAA;;AAGA,SAASA,cAAc,EAAEC,aAAa,QAAQ,kCAAkC;AAIhF,IAAIC,WAAW,GAAG,2BAA2B;AAC7C,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,iCAAiC;EAAC,WAAW,EAAC;AAAsC,CAAC;AAClH,OAAO,IAAIC,SAAS,GAAG;EAAC,aAAa,EAAC,wCAAwC;EAAC,mBAAmB,EAAC;AAA8C,CAAC;AAClJ,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,sBAAsB,EAAC,wBAAwB;EAAC,sBAAsB,EAAC,wBAAwB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/esm/cms-fields/components/highlighted-text/index.js

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

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

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

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

@@ -1,15 +1,15 @@
 export * from './address';
-// export * from './audio'; // disabled: CAIRO-3977
+export * from './audio';
 export * from './common';
 export * from './exclamation';
 export * from './time-input';
 export * from './time-view';
 export * from './object';
-// export * from './media-gallery'; // disabled: CAIRO-3977
-// export * from './rich-content'; // disabled: CAIRO-3977
-// export * from './rich-text'; // disabled: CAIRO-3977
+export * from './media-gallery';
+export * from './rich-content';
+export * from './rich-text';
 export * from './text';
-// export * from './document'; // disabled: CAIRO-3977
-// export * from './multi-document'; // disabled: CAIRO-3977
-// export * from './delete-dialog'; // disabled: CAIRO-3977
+export * from './document';
+export * from './multi-document';
+export * from './delete-dialog';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../../src/cms-fields/components/index.ts"],"sourcesContent":["export * from './address';\n// export * from './audio'; // disabled: CAIRO-3977\nexport * from './common';\nexport * from './exclamation';\nexport * from './time-input';\nexport * from './time-view';\nexport * from './object';\n// export * from './media-gallery'; // disabled: CAIRO-3977\n// export * from './rich-content'; // disabled: CAIRO-3977\n// export * from './rich-text'; // disabled: CAIRO-3977\nexport * from './text';\n// export * from './document'; // disabled: CAIRO-3977\n// export * from './multi-document'; // disabled: CAIRO-3977\n// export * from './delete-dialog'; // disabled: CAIRO-3977\n"],"mappings":"AAAA,cAAc,WAAW;AACzB;AACA,cAAc,UAAU;AACxB,cAAc,eAAe;AAC7B,cAAc,cAAc;AAC5B,cAAc,aAAa;AAC3B,cAAc,UAAU;AACxB;AACA;AACA;AACA,cAAc,QAAQ;AACtB;AACA;AACA","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../../../src/cms-fields/components/index.ts"],"sourcesContent":["export * from './address';\nexport * from './audio';\nexport * from './common';\nexport * from './exclamation';\nexport * from './time-input';\nexport * from './time-view';\nexport * from './object';\nexport * from './media-gallery';\nexport * from './rich-content';\nexport * from './rich-text';\nexport * from './text';\nexport * from './document';\nexport * from './multi-document';\nexport * from './delete-dialog';\n"],"mappings":"AAAA,cAAc,WAAW;AACzB,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,eAAe;AAC7B,cAAc,cAAc;AAC5B,cAAc,aAAa;AAC3B,cAAc,UAAU;AACxB,cAAc,iBAAiB;AAC/B,cAAc,gBAAgB;AAC9B,cAAc,aAAa;AAC3B,cAAc,QAAQ;AACtB,cAAc,YAAY;AAC1B,cAAc,kBAAkB;AAChC,cAAc,iBAAiB","ignoreList":[]}

package/dist/esm/cms-fields/components/media-control/index.js

@@ -0,0 +1,7 @@
+export * from './types';
+export * from './use-media-control';
+export * from './use-paste-url-form';
+export * from './use-document-delete';
+export * from './paste-url-button';
+export * from './paste-url-form';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../../src/cms-fields/components/media-control/index.ts"],"sourcesContent":["export * from './types';\nexport * from './use-media-control';\nexport * from './use-paste-url-form';\nexport * from './use-document-delete';\nexport * from './paste-url-button';\nexport * from './paste-url-form';\n"],"mappings":"AAAA,cAAc,SAAS;AACvB,cAAc,qBAAqB;AACnC,cAAc,sBAAsB;AACpC,cAAc,uBAAuB;AACrC,cAAc,oBAAoB;AAClC,cAAc,kBAAkB","ignoreList":[]}

package/dist/esm/cms-fields/components/media-control/paste-url-button.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import { classes } from './paste-url-button.st.css.js';
+import { TextButton } from '@wix/design-system';
+export const PasteURLButton = _ref => {
+  let {
+    disabled,
+    onClick,
+    title,
+    dataHook = 'paste-url-button'
+  } = _ref;
+  return /*#__PURE__*/React.createElement(TextButton, {
+    size: "small",
+    underline: "always",
+    className: classes.root,
+    disabled: disabled,
+    onClick: onClick,
+    dataHook: dataHook
+  }, title);
+};
+PasteURLButton.displayName = 'PasteURLButton';
+//# sourceMappingURL=paste-url-button.js.map

package/dist/esm/cms-fields/components/media-control/paste-url-button.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","classes","TextButton","PasteURLButton","_ref","disabled","onClick","title","dataHook","createElement","size","underline","className","root","displayName"],"sources":["../../../../../src/cms-fields/components/media-control/paste-url-button.tsx"],"sourcesContent":["import React from 'react';\nimport { classes } from './paste-url-button.st.css.js';\nimport { TextButton } from '@wix/design-system';\n\nexport interface PasteURLButtonProps {\n  disabled?: boolean;\n  onClick: () => void;\n  title: string;\n  dataHook?: string;\n}\n\nexport const PasteURLButton: React.FC<PasteURLButtonProps> = ({\n  disabled,\n  onClick,\n  title,\n  dataHook = 'paste-url-button',\n}) => {\n  return (\n    <TextButton\n      size=\"small\"\n      underline=\"always\"\n      className={classes.root}\n      disabled={disabled}\n      onClick={onClick}\n      dataHook={dataHook}\n    >\n      {title}\n    </TextButton>\n  );\n};\n\nPasteURLButton.displayName = 'PasteURLButton';\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,OAAO,QAAQ,8BAA8B;AACtD,SAASC,UAAU,QAAQ,oBAAoB;AAS/C,OAAO,MAAMC,cAA6C,GAAGC,IAAA,IAKvD;EAAA,IALwD;IAC5DC,QAAQ;IACRC,OAAO;IACPC,KAAK;IACLC,QAAQ,GAAG;EACb,CAAC,GAAAJ,IAAA;EACC,oBACEJ,KAAA,CAAAS,aAAA,CAACP,UAAU;IACTQ,IAAI,EAAC,OAAO;IACZC,SAAS,EAAC,QAAQ;IAClBC,SAAS,EAAEX,OAAO,CAACY,IAAK;IACxBR,QAAQ,EAAEA,QAAS;IACnBC,OAAO,EAAEA,OAAQ;IACjBE,QAAQ,EAAEA;EAAS,GAElBD,KACS,CAAC;AAEjB,CAAC;AAEDJ,cAAc,CAACW,WAAW,GAAG,gBAAgB","ignoreList":[]}

package/dist/esm/cms-fields/components/media-control/paste-url-button.st.css.js

@@ -0,0 +1,20 @@
+// @ts-nocheck
+
+import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js";
+var _namespace_ = "pasteurlbutton1433933189";
+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": "pasteurlbutton1433933189__root",
+  "iconButtonTooltip": "pasteurlbutton1433933189__iconButtonTooltip",
+  "iconButton": "pasteurlbutton1433933189__iconButton"
+};
+export var keyframes = {};
+export var layers = {};
+export var containers = {};
+export var stVars = {};
+export var vars = {};
+//# sourceMappingURL=paste-url-button.st.css.js.map

package/dist/esm/cms-fields/components/media-control/paste-url-button.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/media-control/paste-url-button.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"pasteurlbutton1433933189\";\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\":\"pasteurlbutton1433933189__root\",\"iconButtonTooltip\":\"pasteurlbutton1433933189__iconButtonTooltip\",\"iconButton\":\"pasteurlbutton1433933189__iconButton\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":"AAAA;;AAGA,SAASA,cAAc,EAAEC,aAAa,QAAQ,kCAAkC;AAIhF,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,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,gCAAgC;EAAC,mBAAmB,EAAC,6CAA6C;EAAC,YAAY,EAAC;AAAsC,CAAC;AACpL,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,CAAC,CAAC","ignoreList":[]}

package/dist/esm/cms-fields/components/media-control/paste-url-form.js

@@ -0,0 +1,39 @@
+import React, { useCallback, useMemo } from 'react';
+import { isDataValidOrNotSet } from '../../utils/media-utils';
+import { useTranslations } from '../../hooks';
+import { PasteURLModal } from './paste-url-modal';
+export let MediaFieldType = /*#__PURE__*/function (MediaFieldType) {
+  MediaFieldType["image"] = "image";
+  MediaFieldType["document"] = "document";
+  return MediaFieldType;
+}({});
+export const PasteURLForm = _ref => {
+  let {
+    show,
+    closeModal,
+    onSave,
+    value,
+    title,
+    fieldType = MediaFieldType.document
+  } = _ref;
+  const {
+    t
+  } = useTranslations();
+  const onSaveURL = useCallback(url => url && onSave(url), [onSave]);
+  const urlValidator = useMemo(() => inputValue => isDataValidOrNotSet(inputValue || undefined, fieldType), [fieldType]);
+  return /*#__PURE__*/React.createElement(PasteURLModal, {
+    dataHook: "paste-url-form",
+    show: show,
+    value: value,
+    onSave: onSaveURL,
+    onClose: closeModal,
+    validator: urlValidator,
+    title: title,
+    primaryButtonText: t('CMS.mediaControl.pasteUrl.button.save'),
+    secondaryButtonText: t('CMS.mediaControl.pasteUrl.button.cancel'),
+    inputPlaceholder: fieldType === MediaFieldType.document ? t('CMS.mediaControl.pasteUrl.placeholder.document') : t('CMS.mediaControl.pasteUrl.placeholder.image'),
+    errorStatusMessage: fieldType === MediaFieldType.document ? t('CMS.mediaControl.pasteUrl.error.document') : t('CMS.mediaControl.pasteUrl.error.image')
+  });
+};
+PasteURLForm.displayName = 'PasteURLForm';
+//# sourceMappingURL=paste-url-form.js.map

package/dist/esm/cms-fields/components/media-control/paste-url-form.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useMemo","isDataValidOrNotSet","useTranslations","PasteURLModal","MediaFieldType","PasteURLForm","_ref","show","closeModal","onSave","value","title","fieldType","document","t","onSaveURL","url","urlValidator","inputValue","undefined","createElement","dataHook","onClose","validator","primaryButtonText","secondaryButtonText","inputPlaceholder","errorStatusMessage","displayName"],"sources":["../../../../../src/cms-fields/components/media-control/paste-url-form.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from 'react';\n\nimport { isDataValidOrNotSet } from '../../utils/media-utils';\n\nimport { useTranslations } from '../../hooks';\nimport { PasteURLModal } from './paste-url-modal';\n\nexport enum MediaFieldType {\n  image = 'image',\n  document = 'document',\n}\n\nexport interface PasteURLFormProps {\n  value?: string;\n  title: string;\n  show: boolean;\n  closeModal: () => void;\n  onSave: (value: string) => void;\n  fieldType?: MediaFieldType;\n}\n\nexport const PasteURLForm: React.FC<PasteURLFormProps> = ({\n  show,\n  closeModal,\n  onSave,\n  value,\n  title,\n  fieldType = MediaFieldType.document,\n}) => {\n  const { t } = useTranslations();\n\n  const onSaveURL = useCallback((url?: string) => url && onSave(url), [onSave]);\n\n  const urlValidator = useMemo(\n    () => (inputValue?: string) =>\n      isDataValidOrNotSet(inputValue || undefined, fieldType),\n    [fieldType],\n  );\n\n  return (\n    <PasteURLModal\n      dataHook=\"paste-url-form\"\n      show={show}\n      value={value}\n      onSave={onSaveURL}\n      onClose={closeModal}\n      validator={urlValidator}\n      title={title}\n      primaryButtonText={t('CMS.mediaControl.pasteUrl.button.save')}\n      secondaryButtonText={t('CMS.mediaControl.pasteUrl.button.cancel')}\n      inputPlaceholder={\n        fieldType === MediaFieldType.document\n          ? t('CMS.mediaControl.pasteUrl.placeholder.document')\n          : t('CMS.mediaControl.pasteUrl.placeholder.image')\n      }\n      errorStatusMessage={\n        fieldType === MediaFieldType.document\n          ? t('CMS.mediaControl.pasteUrl.error.document')\n          : t('CMS.mediaControl.pasteUrl.error.image')\n      }\n    />\n  );\n};\n\nPasteURLForm.displayName = 'PasteURLForm';\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AAEnD,SAASC,mBAAmB,QAAQ,yBAAyB;AAE7D,SAASC,eAAe,QAAQ,aAAa;AAC7C,SAASC,aAAa,QAAQ,mBAAmB;AAEjD,WAAYC,cAAc,0BAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAA,OAAdA,cAAc;AAAA;AAc1B,OAAO,MAAMC,YAAyC,GAAGC,IAAA,IAOnD;EAAA,IAPoD;IACxDC,IAAI;IACJC,UAAU;IACVC,MAAM;IACNC,KAAK;IACLC,KAAK;IACLC,SAAS,GAAGR,cAAc,CAACS;EAC7B,CAAC,GAAAP,IAAA;EACC,MAAM;IAAEQ;EAAE,CAAC,GAAGZ,eAAe,CAAC,CAAC;EAE/B,MAAMa,SAAS,GAAGhB,WAAW,CAAEiB,GAAY,IAAKA,GAAG,IAAIP,MAAM,CAACO,GAAG,CAAC,EAAE,CAACP,MAAM,CAAC,CAAC;EAE7E,MAAMQ,YAAY,GAAGjB,OAAO,CAC1B,MAAOkB,UAAmB,IACxBjB,mBAAmB,CAACiB,UAAU,IAAIC,SAAS,EAAEP,SAAS,CAAC,EACzD,CAACA,SAAS,CACZ,CAAC;EAED,oBACEd,KAAA,CAAAsB,aAAA,CAACjB,aAAa;IACZkB,QAAQ,EAAC,gBAAgB;IACzBd,IAAI,EAAEA,IAAK;IACXG,KAAK,EAAEA,KAAM;IACbD,MAAM,EAAEM,SAAU;IAClBO,OAAO,EAAEd,UAAW;IACpBe,SAAS,EAAEN,YAAa;IACxBN,KAAK,EAAEA,KAAM;IACba,iBAAiB,EAAEV,CAAC,CAAC,uCAAuC,CAAE;IAC9DW,mBAAmB,EAAEX,CAAC,CAAC,yCAAyC,CAAE;IAClEY,gBAAgB,EACdd,SAAS,KAAKR,cAAc,CAACS,QAAQ,GACjCC,CAAC,CAAC,gDAAgD,CAAC,GACnDA,CAAC,CAAC,6CAA6C,CACpD;IACDa,kBAAkB,EAChBf,SAAS,KAAKR,cAAc,CAACS,QAAQ,GACjCC,CAAC,CAAC,0CAA0C,CAAC,GAC7CA,CAAC,CAAC,uCAAuC;EAC9C,CACF,CAAC;AAEN,CAAC;AAEDT,YAAY,CAACuB,WAAW,GAAG,cAAc","ignoreList":[]}

package/dist/esm/cms-fields/components/media-control/paste-url-modal.js

@@ -0,0 +1,70 @@
+import React, { useState, useEffect, useMemo } from 'react';
+import { Modal, CustomModalLayout, Input } from '@wix/design-system';
+export const PasteURLModal = _ref => {
+  let {
+    show,
+    onClose,
+    onSave,
+    value = '',
+    title = 'Insert Link',
+    inputPlaceholder = 'Enter URL',
+    primaryButtonText = 'Save',
+    secondaryButtonText = 'Cancel',
+    dataHook = 'paste-url-modal',
+    validator,
+    errorStatusMessage
+  } = _ref;
+  const [url, setUrl] = useState(value);
+  const [touched, setTouched] = useState(false);
+  useEffect(() => {
+    setUrl(value);
+    setTouched(false);
+  }, [value, show]);
+  const isValid = useMemo(() => {
+    if (!validator) {
+      return true;
+    }
+    return validator(url || undefined);
+  }, [url, validator]);
+  const showError = touched && !isValid && url !== '';
+  const handleConfirm = () => {
+    if (!isValid) {
+      setTouched(true);
+      return;
+    }
+    onSave(url);
+    onClose();
+  };
+  const handleChange = e => {
+    setUrl(e.target.value);
+    setTouched(true);
+  };
+  return /*#__PURE__*/React.createElement(Modal, {
+    isOpen: show,
+    onRequestClose: onClose,
+    screen: "desktop",
+    dataHook: dataHook
+  }, /*#__PURE__*/React.createElement(CustomModalLayout, {
+    dataHook: `${dataHook}.layout`,
+    title: title,
+    closeButtonProps: {
+      onClick: onClose
+    },
+    primaryButtonOnClick: handleConfirm,
+    secondaryButtonOnClick: onClose,
+    primaryButtonText: primaryButtonText,
+    secondaryButtonText: secondaryButtonText,
+    overflowY: "none",
+    width: "600px",
+    content: /*#__PURE__*/React.createElement(Input, {
+      dataHook: `${dataHook}.urlInput`,
+      placeholder: inputPlaceholder,
+      value: url,
+      onChange: handleChange,
+      autoFocus: true,
+      status: showError ? 'error' : undefined,
+      statusMessage: showError ? errorStatusMessage : undefined
+    })
+  }));
+};
+//# sourceMappingURL=paste-url-modal.js.map

package/dist/esm/cms-fields/components/media-control/paste-url-modal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","useEffect","useMemo","Modal","CustomModalLayout","Input","PasteURLModal","_ref","show","onClose","onSave","value","title","inputPlaceholder","primaryButtonText","secondaryButtonText","dataHook","validator","errorStatusMessage","url","setUrl","touched","setTouched","isValid","undefined","showError","handleConfirm","handleChange","e","target","createElement","isOpen","onRequestClose","screen","closeButtonProps","onClick","primaryButtonOnClick","secondaryButtonOnClick","overflowY","width","content","placeholder","onChange","autoFocus","status","statusMessage"],"sources":["../../../../../src/cms-fields/components/media-control/paste-url-modal.tsx"],"sourcesContent":["import React, { useState, useEffect, useMemo } from 'react';\nimport { Modal, CustomModalLayout, Input } from '@wix/design-system';\n\nexport interface PasteURLModalProps {\n  show: boolean;\n  onClose: () => void;\n  onSave: (url?: string) => void;\n  value?: string;\n  title?: string;\n  inputPlaceholder?: string;\n  primaryButtonText?: string;\n  secondaryButtonText?: string;\n  keepMounted?: boolean;\n  dataHook?: string;\n  validator?: (value?: string) => boolean;\n  errorStatusMessage?: string;\n}\n\nexport const PasteURLModal: React.FC<PasteURLModalProps> = ({\n  show,\n  onClose,\n  onSave,\n  value = '',\n  title = 'Insert Link',\n  inputPlaceholder = 'Enter URL',\n  primaryButtonText = 'Save',\n  secondaryButtonText = 'Cancel',\n  dataHook = 'paste-url-modal',\n  validator,\n  errorStatusMessage,\n}) => {\n  const [url, setUrl] = useState(value);\n  const [touched, setTouched] = useState(false);\n\n  useEffect(() => {\n    setUrl(value);\n    setTouched(false);\n  }, [value, show]);\n\n  const isValid = useMemo(() => {\n    if (!validator) {\n      return true;\n    }\n    return validator(url || undefined);\n  }, [url, validator]);\n\n  const showError = touched && !isValid && url !== '';\n\n  const handleConfirm = () => {\n    if (!isValid) {\n      setTouched(true);\n      return;\n    }\n    onSave(url);\n    onClose();\n  };\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    setUrl(e.target.value);\n    setTouched(true);\n  };\n\n  return (\n    <Modal\n      isOpen={show}\n      onRequestClose={onClose}\n      screen=\"desktop\"\n      dataHook={dataHook}\n    >\n      <CustomModalLayout\n        dataHook={`${dataHook}.layout`}\n        title={title}\n        closeButtonProps={{ onClick: onClose }}\n        primaryButtonOnClick={handleConfirm}\n        secondaryButtonOnClick={onClose}\n        primaryButtonText={primaryButtonText}\n        secondaryButtonText={secondaryButtonText}\n        overflowY=\"none\"\n        width=\"600px\"\n        content={\n          <Input\n            dataHook={`${dataHook}.urlInput`}\n            placeholder={inputPlaceholder}\n            value={url}\n            onChange={handleChange}\n            autoFocus\n            status={showError ? 'error' : undefined}\n            statusMessage={showError ? errorStatusMessage : undefined}\n          />\n        }\n      />\n    </Modal>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,SAAS,EAAEC,OAAO,QAAQ,OAAO;AAC3D,SAASC,KAAK,EAAEC,iBAAiB,EAAEC,KAAK,QAAQ,oBAAoB;AAiBpE,OAAO,MAAMC,aAA2C,GAAGC,IAAA,IAYrD;EAAA,IAZsD;IAC1DC,IAAI;IACJC,OAAO;IACPC,MAAM;IACNC,KAAK,GAAG,EAAE;IACVC,KAAK,GAAG,aAAa;IACrBC,gBAAgB,GAAG,WAAW;IAC9BC,iBAAiB,GAAG,MAAM;IAC1BC,mBAAmB,GAAG,QAAQ;IAC9BC,QAAQ,GAAG,iBAAiB;IAC5BC,SAAS;IACTC;EACF,CAAC,GAAAX,IAAA;EACC,MAAM,CAACY,GAAG,EAAEC,MAAM,CAAC,GAAGpB,QAAQ,CAACW,KAAK,CAAC;EACrC,MAAM,CAACU,OAAO,EAAEC,UAAU,CAAC,GAAGtB,QAAQ,CAAC,KAAK,CAAC;EAE7CC,SAAS,CAAC,MAAM;IACdmB,MAAM,CAACT,KAAK,CAAC;IACbW,UAAU,CAAC,KAAK,CAAC;EACnB,CAAC,EAAE,CAACX,KAAK,EAAEH,IAAI,CAAC,CAAC;EAEjB,MAAMe,OAAO,GAAGrB,OAAO,CAAC,MAAM;IAC5B,IAAI,CAACe,SAAS,EAAE;MACd,OAAO,IAAI;IACb;IACA,OAAOA,SAAS,CAACE,GAAG,IAAIK,SAAS,CAAC;EACpC,CAAC,EAAE,CAACL,GAAG,EAAEF,SAAS,CAAC,CAAC;EAEpB,MAAMQ,SAAS,GAAGJ,OAAO,IAAI,CAACE,OAAO,IAAIJ,GAAG,KAAK,EAAE;EAEnD,MAAMO,aAAa,GAAGA,CAAA,KAAM;IAC1B,IAAI,CAACH,OAAO,EAAE;MACZD,UAAU,CAAC,IAAI,CAAC;MAChB;IACF;IACAZ,MAAM,CAACS,GAAG,CAAC;IACXV,OAAO,CAAC,CAAC;EACX,CAAC;EAED,MAAMkB,YAAY,GAAIC,CAAsC,IAAK;IAC/DR,MAAM,CAACQ,CAAC,CAACC,MAAM,CAAClB,KAAK,CAAC;IACtBW,UAAU,CAAC,IAAI,CAAC;EAClB,CAAC;EAED,oBACEvB,KAAA,CAAA+B,aAAA,CAAC3B,KAAK;IACJ4B,MAAM,EAAEvB,IAAK;IACbwB,cAAc,EAAEvB,OAAQ;IACxBwB,MAAM,EAAC,SAAS;IAChBjB,QAAQ,EAAEA;EAAS,gBAEnBjB,KAAA,CAAA+B,aAAA,CAAC1B,iBAAiB;IAChBY,QAAQ,EAAE,GAAGA,QAAQ,SAAU;IAC/BJ,KAAK,EAAEA,KAAM;IACbsB,gBAAgB,EAAE;MAAEC,OAAO,EAAE1B;IAAQ,CAAE;IACvC2B,oBAAoB,EAAEV,aAAc;IACpCW,sBAAsB,EAAE5B,OAAQ;IAChCK,iBAAiB,EAAEA,iBAAkB;IACrCC,mBAAmB,EAAEA,mBAAoB;IACzCuB,SAAS,EAAC,MAAM;IAChBC,KAAK,EAAC,OAAO;IACbC,OAAO,eACLzC,KAAA,CAAA+B,aAAA,CAACzB,KAAK;MACJW,QAAQ,EAAE,GAAGA,QAAQ,WAAY;MACjCyB,WAAW,EAAE5B,gBAAiB;MAC9BF,KAAK,EAAEQ,GAAI;MACXuB,QAAQ,EAAEf,YAAa;MACvBgB,SAAS;MACTC,MAAM,EAAEnB,SAAS,GAAG,OAAO,GAAGD,SAAU;MACxCqB,aAAa,EAAEpB,SAAS,GAAGP,kBAAkB,GAAGM;IAAU,CAC3D;EACF,CACF,CACI,CAAC;AAEZ,CAAC","ignoreList":[]}

package/dist/esm/cms-fields/components/media-control/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/cms-fields/components/media-control/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../../src/cms-fields/components/media-control/types.ts"],"sourcesContent":["import type { FormInputProps } from '../../types';\n\ntype WithPreviewCallbacks = {\n  previewCallbacks?: { onOpen: () => void; onClose: () => void };\n};\n\nexport type FormMediaControlProps<T = string> = Omit<\n  FormInputProps<T>,\n  'field'\n> &\n  WithPreviewCallbacks;\n"],"mappings":"","ignoreList":[]}