@wix/auto-patterns 1.46.0 → 1.48.0

package/dist/esm/cms-fields/components/document/add-document-button.js

@@ -1,31 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
-import { AddItem, Box } from '@wix/design-system';
-import { DocumentLoader } from './document-loader';
-import { style, classes } from './form-document-field.st.css.js';
-import { useTranslations } from '../../hooks';
-export const AddDocumentButton = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  let {
-    loading,
-    error,
-    loaderBorderStyle,
-    className,
-    ...props
-  } = _ref;
-  const {
-    t
-  } = useTranslations();
-  return loading ? /*#__PURE__*/React.createElement(DocumentLoader, {
-    borderStyle: loaderBorderStyle
-  }) : /*#__PURE__*/React.createElement(Box, {
-    className: style(classes.addItemWrapper, className),
-    dataHook: "add-document-button"
-  }, /*#__PURE__*/React.createElement(AddItem, _extends({}, props, {
-    ref: ref,
-    className: style(classes.addDocument, {
-      error
-    }, className)
-  }), t('CMS.document.add.button.text')));
-});
-AddDocumentButton.displayName = 'AddDocumentButton';
-//# sourceMappingURL=add-document-button.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","AddItem","Box","DocumentLoader","style","classes","useTranslations","AddDocumentButton","forwardRef","_ref","ref","loading","error","loaderBorderStyle","className","props","t","createElement","borderStyle","addItemWrapper","dataHook","_extends","addDocument","displayName"],"sources":["../../../../../src/cms-fields/components/document/add-document-button.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { AddItemProps, AddItemActions } from '@wix/design-system';\nimport { AddItem, Box } from '@wix/design-system';\n\nimport { DocumentLoader } from './document-loader';\nimport { style, classes } from './form-document-field.st.css.js';\nimport { useTranslations } from '../../hooks';\n\nexport interface AddDocumentButtonProps extends AddItemProps {\n  loading?: boolean;\n  error?: boolean;\n  loaderBorderStyle?: 'solid' | 'dashed';\n}\n\nexport const AddDocumentButton = React.forwardRef<\n  AddItemActions,\n  AddDocumentButtonProps\n>(({ loading, error, loaderBorderStyle, className, ...props }, ref) => {\n  const { t } = useTranslations();\n\n  return loading ? (\n    <DocumentLoader borderStyle={loaderBorderStyle} />\n  ) : (\n    <Box\n      className={style(classes.addItemWrapper, className)}\n      dataHook=\"add-document-button\"\n    >\n      <AddItem\n        {...props}\n        ref={ref}\n        className={style(classes.addDocument, { error }, className)}\n      >\n        {t('CMS.document.add.button.text')}\n      </AddItem>\n    </Box>\n  );\n});\n\nAddDocumentButton.displayName = 'AddDocumentButton';\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,SAASC,OAAO,EAAEC,GAAG,QAAQ,oBAAoB;AAEjD,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,KAAK,EAAEC,OAAO,QAAQ,iCAAiC;AAChE,SAASC,eAAe,QAAQ,aAAa;AAQ7C,OAAO,MAAMC,iBAAiB,gBAAGP,KAAK,CAACQ,UAAU,CAG/C,CAAAC,IAAA,EAA6DC,GAAG,KAAK;EAAA,IAApE;IAAEC,OAAO;IAAEC,KAAK;IAAEC,iBAAiB;IAAEC,SAAS;IAAE,GAAGC;EAAM,CAAC,GAAAN,IAAA;EAC3D,MAAM;IAAEO;EAAE,CAAC,GAAGV,eAAe,CAAC,CAAC;EAE/B,OAAOK,OAAO,gBACZX,KAAA,CAAAiB,aAAA,CAACd,cAAc;IAACe,WAAW,EAAEL;EAAkB,CAAE,CAAC,gBAElDb,KAAA,CAAAiB,aAAA,CAACf,GAAG;IACFY,SAAS,EAAEV,KAAK,CAACC,OAAO,CAACc,cAAc,EAAEL,SAAS,CAAE;IACpDM,QAAQ,EAAC;EAAqB,gBAE9BpB,KAAA,CAAAiB,aAAA,CAAChB,OAAO,EAAAoB,QAAA,KACFN,KAAK;IACTL,GAAG,EAAEA,GAAI;IACTI,SAAS,EAAEV,KAAK,CAACC,OAAO,CAACiB,WAAW,EAAE;MAAEV;IAAM,CAAC,EAAEE,SAAS;EAAE,IAE3DE,CAAC,CAAC,8BAA8B,CAC1B,CACN,CACN;AACH,CAAC,CAAC;AAEFT,iBAAiB,CAACgB,WAAW,GAAG,mBAAmB","ignoreList":[]}

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

@@ -1,124 +0,0 @@
-import React, { useCallback, useRef } from 'react';
-import { getMediaTitle, getMediaURL } from '../../utils/media-utils';
-import { Text, Box, TableListItem, TableActionCell } from '@wix/design-system';
-import { Delete, Replace, Document, Link } from '@wix/wix-ui-icons-common';
-import { useTranslations } from '../../hooks';
-import { classes } from './form-document-field.st.css.js';
-import { DocumentLoader } from './document-loader';
-import { openDocument } from './utils';
-import { useWixPatternsContainer } from '@wix/patterns';
-const DOCUMENT_VIEW_ACTIONS_WIDTH = '196px';
-const DocumentComponent = _ref => {
-  let {
-    mediaURI
-  } = _ref;
-  return /*#__PURE__*/React.createElement(Box, {
-    gap: "SP2",
-    verticalAlign: "middle",
-    className: classes.textWidth
-  }, /*#__PURE__*/React.createElement(Box, {
-    width: "24px",
-    height: "24px",
-    children: /*#__PURE__*/React.createElement(Document, null)
-  }), /*#__PURE__*/React.createElement(Text, {
-    dataHook: "document-view-name",
-    secondary: true,
-    ellipsis: true,
-    children: getMediaTitle(mediaURI)
-  }));
-};
-export const DocumentControl = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
-  let {
-    mediaURI,
-    readOnly,
-    onReplace,
-    onDelete,
-    dataHook,
-    className,
-    loading,
-    loaderBorderStyle,
-    loaderClassName,
-    onOpenPasteURLForm
-  } = _ref2;
-  const {
-    t
-  } = useTranslations();
-  const {
-    environment
-  } = useWixPatternsContainer();
-  const metaSiteId = environment.msid;
-  const handleOpenDocument = useCallback(() => {
-    openDocument(getMediaURL(mediaURI, metaSiteId));
-  }, [mediaURI, metaSiteId]);
-  const containerRef = useRef(null);
-  const handleOnKeydown = useCallback(event => {
-    var _containerRef$current;
-    // TODO: find a better way how to handle keydown
-    const actions = containerRef == null || (_containerRef$current = containerRef.current) == null ? void 0 : _containerRef$current.querySelector(`[data-hook="document-view-actions-button"]`);
-    if (actions != null && actions.contains(document.activeElement)) {
-      return;
-    }
-    if (event.key === 'Enter') {
-      handleOpenDocument();
-    }
-  }, [handleOpenDocument, containerRef]);
-  return loading ? /*#__PURE__*/React.createElement(DocumentLoader, {
-    borderStyle: loaderBorderStyle,
-    className: loaderClassName
-  }) : /*#__PURE__*/React.createElement("div", {
-    ref: containerRef,
-    onKeyDown: handleOnKeydown
-  }, /*#__PURE__*/React.createElement(TableListItem, {
-    dataHook: dataHook,
-    ref: ref,
-    className: className,
-    onClick: handleOpenDocument,
-    verticalPadding: "tiny",
-    options: [{
-      value: /*#__PURE__*/React.createElement(DocumentComponent, {
-        mediaURI: mediaURI
-      }),
-      width: '75%'
-    }, {
-      value: /*#__PURE__*/React.createElement(TableActionCell, {
-        dataHook: "document-view-actions-button",
-        alwaysShowSecondaryActions: true,
-        numOfVisibleSecondaryActions: 1,
-        primaryAction: {
-          onClick: handleOpenDocument,
-          skin: 'standard',
-          text: t('CMS.document.action.open'),
-          dataHook: 'document-view-open-action'
-        },
-        popoverMenuProps: {
-          textSize: 'medium',
-          minWidth: '232px'
-        },
-        secondaryActions: [{
-          icon: /*#__PURE__*/React.createElement(Replace, null),
-          onClick: onReplace,
-          text: t('CMS.document.action.replace'),
-          dataHook: 'document-view-replace-action',
-          disabled: readOnly
-        }, {
-          icon: /*#__PURE__*/React.createElement(Link, null),
-          onClick: onOpenPasteURLForm,
-          text: t('CMS.document.action.replaceWithUrl'),
-          dataHook: 'document-view-replace-with-url-action',
-          disabled: readOnly
-        }, {
-          divider: true
-        }, {
-          icon: /*#__PURE__*/React.createElement(Delete, null),
-          onClick: onDelete,
-          text: t('CMS.document.action.delete'),
-          dataHook: 'document-view-delete-action',
-          disabled: readOnly
-        }]
-      }),
-      width: DOCUMENT_VIEW_ACTIONS_WIDTH,
-      align: 'right'
-    }]
-  }));
-});
-//# sourceMappingURL=document-control.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","useCallback","useRef","getMediaTitle","getMediaURL","Text","Box","TableListItem","TableActionCell","Delete","Replace","Document","Link","useTranslations","classes","DocumentLoader","openDocument","useWixPatternsContainer","DOCUMENT_VIEW_ACTIONS_WIDTH","DocumentComponent","_ref","mediaURI","createElement","gap","verticalAlign","className","textWidth","width","height","children","dataHook","secondary","ellipsis","DocumentControl","forwardRef","_ref2","ref","readOnly","onReplace","onDelete","loading","loaderBorderStyle","loaderClassName","onOpenPasteURLForm","t","environment","metaSiteId","msid","handleOpenDocument","containerRef","handleOnKeydown","event","_containerRef$current","actions","current","querySelector","contains","document","activeElement","key","borderStyle","onKeyDown","onClick","verticalPadding","options","value","alwaysShowSecondaryActions","numOfVisibleSecondaryActions","primaryAction","skin","text","popoverMenuProps","textSize","minWidth","secondaryActions","icon","disabled","divider","align"],"sources":["../../../../../src/cms-fields/components/document/document-control.tsx"],"sourcesContent":["import React, { useCallback, useRef } from 'react';\n\nimport { getMediaTitle, getMediaURL } from '../../utils/media-utils';\nimport type { TableListItemImperativeActions } from '@wix/design-system';\nimport { Text, Box, TableListItem, TableActionCell } from '@wix/design-system';\nimport { Delete, Replace, Document, Link } from '@wix/wix-ui-icons-common';\nimport { useTranslations } from '../../hooks';\n\nimport { classes } from './form-document-field.st.css.js';\nimport { DocumentLoader } from './document-loader';\nimport { openDocument } from './utils';\nimport { useWixPatternsContainer } from '@wix/patterns';\n\nconst DOCUMENT_VIEW_ACTIONS_WIDTH = '196px';\n\nconst DocumentComponent = ({ mediaURI }: { mediaURI: string }) => {\n  return (\n    <Box gap=\"SP2\" verticalAlign=\"middle\" className={classes.textWidth}>\n      <Box width=\"24px\" height=\"24px\" children={<Document />} />\n      <Text\n        dataHook=\"document-view-name\"\n        secondary\n        ellipsis\n        children={getMediaTitle(mediaURI)}\n      />\n    </Box>\n  );\n};\ninterface DocumentControl {\n  mediaURI: string;\n  readOnly?: boolean;\n  onReplace: () => void;\n  onDelete: () => void;\n  className?: string;\n  loading: boolean;\n  loaderBorderStyle?: 'solid' | 'dashed';\n  loaderClassName?: string;\n  dataHook?: string;\n  onOpenPasteURLForm: () => void;\n}\n\nexport const DocumentControl = React.forwardRef<\n  TableListItemImperativeActions,\n  DocumentControl\n>(\n  (\n    {\n      mediaURI,\n      readOnly,\n      onReplace,\n      onDelete,\n      dataHook,\n      className,\n      loading,\n      loaderBorderStyle,\n      loaderClassName,\n      onOpenPasteURLForm,\n    },\n    ref,\n  ) => {\n    const { t } = useTranslations();\n    const { environment } = useWixPatternsContainer();\n    const metaSiteId = environment.msid;\n\n    const handleOpenDocument = useCallback(() => {\n      openDocument(getMediaURL(mediaURI, metaSiteId));\n    }, [mediaURI, metaSiteId]);\n\n    const containerRef = useRef<HTMLDivElement>(null);\n\n    const handleOnKeydown = useCallback<React.KeyboardEventHandler>(\n      (event) => {\n        // TODO: find a better way how to handle keydown\n        const actions = containerRef?.current?.querySelector(\n          `[data-hook=\"document-view-actions-button\"]`,\n        );\n\n        if (actions?.contains(document.activeElement)) {\n          return;\n        }\n\n        if (event.key === 'Enter') {\n          handleOpenDocument();\n        }\n      },\n      [handleOpenDocument, containerRef],\n    );\n\n    return loading ? (\n      <DocumentLoader\n        borderStyle={loaderBorderStyle}\n        className={loaderClassName}\n      />\n    ) : (\n      <div ref={containerRef} onKeyDown={handleOnKeydown}>\n        <TableListItem\n          dataHook={dataHook}\n          ref={ref}\n          className={className}\n          onClick={handleOpenDocument}\n          verticalPadding=\"tiny\"\n          options={[\n            {\n              value: <DocumentComponent mediaURI={mediaURI} />,\n              width: '75%',\n            },\n            {\n              value: (\n                <TableActionCell\n                  dataHook=\"document-view-actions-button\"\n                  alwaysShowSecondaryActions\n                  numOfVisibleSecondaryActions={1}\n                  primaryAction={{\n                    onClick: handleOpenDocument,\n                    skin: 'standard',\n                    text: t('CMS.document.action.open'),\n                    dataHook: 'document-view-open-action',\n                  }}\n                  popoverMenuProps={{\n                    textSize: 'medium',\n                    minWidth: '232px',\n                  }}\n                  secondaryActions={[\n                    {\n                      icon: <Replace />,\n                      onClick: onReplace,\n                      text: t('CMS.document.action.replace'),\n                      dataHook: 'document-view-replace-action',\n                      disabled: readOnly,\n                    },\n                    {\n                      icon: <Link />,\n                      onClick: onOpenPasteURLForm,\n                      text: t('CMS.document.action.replaceWithUrl'),\n                      dataHook: 'document-view-replace-with-url-action',\n                      disabled: readOnly,\n                    },\n                    {\n                      divider: true,\n                    },\n                    {\n                      icon: <Delete />,\n                      onClick: onDelete,\n                      text: t('CMS.document.action.delete'),\n                      dataHook: 'document-view-delete-action',\n                      disabled: readOnly,\n                    },\n                  ]}\n                />\n              ),\n              width: DOCUMENT_VIEW_ACTIONS_WIDTH,\n              align: 'right',\n            },\n          ]}\n        />\n      </div>\n    );\n  },\n);\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,17 +0,0 @@
-import React from 'react';
-import { Box, Loader } from '@wix/design-system';
-import { style, classes } from './form-document-field.st.css.js';
-export const DocumentLoader = _ref => {
-  let {
-    className,
-    borderStyle: _borderStyle
-  } = _ref;
-  return /*#__PURE__*/React.createElement(Box, {
-    align: "center",
-    verticalAlign: "middle",
-    className: style(classes.documentLoader, className)
-  }, /*#__PURE__*/React.createElement(Loader, {
-    size: "tiny"
-  }));
-};
-//# sourceMappingURL=document-loader.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","Box","Loader","style","classes","DocumentLoader","_ref","className","borderStyle","_borderStyle","createElement","align","verticalAlign","documentLoader","size"],"sources":["../../../../../src/cms-fields/components/document/document-loader.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport React from 'react';\nimport { Box, Loader } from '@wix/design-system';\n\nimport { style, classes } from './form-document-field.st.css.js';\n\nexport interface DocumentLoaderProps {\n  borderStyle?: 'solid' | 'dashed';\n  className?: string;\n}\n\nexport const DocumentLoader: FC<DocumentLoaderProps> = ({\n  className,\n  borderStyle: _borderStyle,\n}) => (\n  <Box\n    align=\"center\"\n    verticalAlign=\"middle\"\n    className={style(classes.documentLoader, className)}\n  >\n    <Loader size=\"tiny\" />\n  </Box>\n);\n"],"mappings":"AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,GAAG,EAAEC,MAAM,QAAQ,oBAAoB;AAEhD,SAASC,KAAK,EAAEC,OAAO,QAAQ,iCAAiC;AAOhE,OAAO,MAAMC,cAAuC,GAAGC,IAAA;EAAA,IAAC;IACtDC,SAAS;IACTC,WAAW,EAAEC;EACf,CAAC,GAAAH,IAAA;EAAA,oBACCN,KAAA,CAAAU,aAAA,CAACT,GAAG;IACFU,KAAK,EAAC,QAAQ;IACdC,aAAa,EAAC,QAAQ;IACtBL,SAAS,EAAEJ,KAAK,CAACC,OAAO,CAACS,cAAc,EAAEN,SAAS;EAAE,gBAEpDP,KAAA,CAAAU,aAAA,CAACR,MAAM;IAACY,IAAI,EAAC;EAAM,CAAE,CAClB,CAAC;AAAA,CACP","ignoreList":[]}

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

@@ -1,15 +0,0 @@
-import React from 'react';
-import { Badge, Box } from '@wix/design-system';
-import { DocumentSmall } from '@wix/wix-ui-icons-common';
-import { getMediaTitle } from '../../utils/media-utils';
-export const DocumentView = _ref => {
-  let {
-    data
-  } = _ref;
-  return data ? /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Badge, {
-    prefixIcon: /*#__PURE__*/React.createElement(DocumentSmall, null),
-    size: "small",
-    skin: "neutralStandard"
-  }, getMediaTitle(data))) : null;
-};
-//# sourceMappingURL=document-view.js.map

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

@@ -1 +0,0 @@
-{"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

@@ -1,6 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,81 +0,0 @@
-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
-  } = 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,
-    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

@@ -1 +0,0 @@
-{"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","mediaType","ALL_MEDIA","value","isOpen","title","onOpen","onClose","onSave","createElement","Fragment","ref","theme","disabled","error","loaderBorderStyle","onAddButtonClick","onPasteURLButtonClick","mediaURI","onReplace","onDelete","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 } = 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          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;EAAQ,CAAC,GAAGtB,eAAe,CAAC;IAC7CuB,SAAS,EAAE3B,WAAW,CAAC4B,SAAS;IAChCC,KAAK,EAAEjB,IAAI;IACXC,QAAQ;IACRK,SAAS;IACTC,QAAQ;IACRI,QAAQ;IACRC;EACF,CAAC,CAAC;EAEF,MAAM;IAAEM,MAAM;IAAEC,KAAK;IAAEC,MAAM;IAAEC,OAAO;IAAEC;EAAO,CAAC,GAAG7B,eAAe,CAAC;IACjEQ;EACF,CAAC,CAAC;EAEF,oBACEf,KAAA,CAAAqC,aAAA,CAAArC,KAAA,CAAAsC,QAAA,QACG,CAACxB,IAAI,gBACJd,KAAA,CAAAqC,aAAA,CAAC3B,iBAAiB;IAChBa,QAAQ,EAAEA,QAAS;IACnBgB,GAAG,EAAEd,QAAS;IACde,KAAK,EAAC,QAAQ;IACdC,QAAQ,EAAEpB,QAAS;IACnBO,OAAO,EAAEA,OAAQ;IACjBc,KAAK,EAAEpB,OAAQ;IACfqB,iBAAiB,EAAC,QAAQ;IAC1BC,gBAAgB,EAAEjB,SAAU;IAC5BkB,qBAAqB,EAAEX,MAAM,CAAC;MAC5BD,KAAK,EAAET,CAAC,CAAC,6BAA6B;IACxC,CAAC;EAAE,CACJ,CAAC,gBAEFxB,KAAA,CAAAqC,aAAA,CAAC7B,eAAe;IACde,QAAQ,EAAEA,QAAS;IACnBgB,GAAG,EAAEb,OAAQ;IACboB,QAAQ,EAAEhC,IAAK;IACfO,QAAQ,EAAEA,QAAS;IACnB0B,SAAS,EAAEpB,SAAU;IACrBqB,QAAQ,EAAE/B,OAAQ;IAClBgC,SAAS,EAAExC,OAAO,CAACyC,WAAY;IAC/BtB,OAAO,EAAEA,OAAQ;IACjBe,iBAAiB,EAAC,OAAO;IACzBQ,kBAAkB,EAAEjB,MAAM,CAAC;MACzBD,KAAK,EAAET,CAAC,CAAC,mCAAmC;IAC9C,CAAC;EAAE,CACJ,CACF,eACDxB,KAAA,CAAAqC,aAAA,CAAChC,YAAY;IACX4B,KAAK,EAAEA,KAAM;IACbF,KAAK,EAAEjB,IAAK;IACZsC,IAAI,EAAEpB,MAAO;IACbqB,UAAU,EAAElB,OAAQ;IACpBC,MAAM,EAAEA;EAAO,CAChB,CACD,CAAC;AAEP,CAAC","ignoreList":[]}

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

@@ -1,40 +0,0 @@
-// @ts-nocheck
-
-import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js";
-var _namespace_ = "formdocumentfield744204928";
-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": "formdocumentfield744204928__root",
-  "viewWrapper": "formdocumentfield744204928__viewWrapper",
-  "textWidth": "formdocumentfield744204928__textWidth",
-  "documentLoader": "formdocumentfield744204928__documentLoader",
-  "addDocument": "formdocumentfield744204928__addDocument",
-  "addItemWrapper": "formdocumentfield744204928__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

@@ -1 +0,0 @@
-{"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_ = \"formdocumentfield744204928\";\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\":\"formdocumentfield744204928__root\",\"viewWrapper\":\"formdocumentfield744204928__viewWrapper\",\"textWidth\":\"formdocumentfield744204928__textWidth\",\"documentLoader\":\"formdocumentfield744204928__documentLoader\",\"addDocument\":\"formdocumentfield744204928__addDocument\",\"addItemWrapper\":\"formdocumentfield744204928__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,4BAA4B;AAC9C,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,kCAAkC;EAAC,aAAa,EAAC,yCAAyC;EAAC,WAAW,EAAC,uCAAuC;EAAC,gBAAgB,EAAC,4CAA4C;EAAC,aAAa,EAAC,yCAAyC;EAAC,gBAAgB,EAAC;AAA4C,CAAC;AAChW,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

@@ -1,28 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,5 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,9 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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/media-control/index.js

@@ -1,7 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,21 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,20 +0,0 @@
-// @ts-nocheck
-
-import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js";
-var _namespace_ = "pasteurlbutton3909766312";
-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": "pasteurlbutton3909766312__root",
-  "iconButtonTooltip": "pasteurlbutton3909766312__iconButtonTooltip",
-  "iconButton": "pasteurlbutton3909766312__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

@@ -1 +0,0 @@
-{"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_ = \"pasteurlbutton3909766312\";\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\":\"pasteurlbutton3909766312__root\",\"iconButtonTooltip\":\"pasteurlbutton3909766312__iconButtonTooltip\",\"iconButton\":\"pasteurlbutton3909766312__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

@@ -1,39 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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":[]}