@wix/auto-patterns 1.49.0 → 1.51.0

package/dist/cjs/cms-fields/components/media-gallery/media-gallery-dialog/add-link-modal.js

@@ -0,0 +1,172 @@
+"use strict";
+
+exports.__esModule = true;
+exports.AddLinkModal = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _designSystem = require("@wix/design-system");
+var _hooks = require("../../../hooks");
+var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/cms-fields/components/media-gallery/media-gallery-dialog/add-link-modal.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+var LinkTarget = /*#__PURE__*/function (LinkTarget) {
+  LinkTarget["newTab"] = "_blank";
+  LinkTarget["currentTab"] = "_self";
+  return LinkTarget;
+}(LinkTarget || {});
+const AddLinkModal = ({
+  isOpen,
+  onClose,
+  link,
+  onSave,
+  mediaType
+}) => {
+  const {
+    t
+  } = (0, _hooks.useTranslations)();
+  const [url, setUrl] = (0, _react.useState)((link == null ? void 0 : link.url) ?? '');
+  const [target, setTarget] = (0, _react.useState)((link == null ? void 0 : link.target) ?? '_blank');
+  const [error, setError] = (0, _react.useState)(false);
+  const [animateUrlError, setAnimateUrlError] = (0, _react.useState)(false);
+  (0, _react.useEffect)(() => {
+    setUrl((link == null ? void 0 : link.url) ?? '');
+    setTarget((link == null ? void 0 : link.target) ?? '_blank');
+    setError(false);
+    setAnimateUrlError(false);
+  }, [link, isOpen]);
+  const handleOnSave = (0, _react.useCallback)(() => {
+    const normalizedUrl = normalizeUrl(url);
+    if (normalizedUrl && !isValidUrl(normalizedUrl)) {
+      setError(true);
+      setAnimateUrlError(true);
+      return;
+    }
+    onSave(normalizedUrl ? {
+      url: normalizedUrl,
+      text: normalizedUrl,
+      target: target
+    } : undefined);
+    onClose();
+  }, [url, target, onSave, onClose]);
+  const onEndAnimateUrlError = (0, _react.useCallback)(() => setAnimateUrlError(false), []);
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Modal, {
+    isOpen: isOpen,
+    onRequestClose: onClose,
+    screen: "desktop",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 70,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.CustomModalLayout, {
+    title: mediaType === 'Video' ? t('CMS.mediaGallery.addLink.titleVideo') : t('CMS.mediaGallery.addLink.titleImage'),
+    subtitle: mediaType === 'Video' ? t('CMS.mediaGallery.addLink.subtitleVideo') : t('CMS.mediaGallery.addLink.subtitleImage'),
+    onCloseButtonClick: onClose,
+    primaryButtonText: t('CMS.mediaGallery.addLink.save'),
+    primaryButtonOnClick: handleOnSave,
+    secondaryButtonText: t('CMS.mediaGallery.addLink.cancel'),
+    secondaryButtonOnClick: onClose,
+    width: "600px",
+    content: /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+      direction: "vertical",
+      gap: "SP2",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 89,
+        columnNumber: 11
+      }
+    }, /*#__PURE__*/_react.default.createElement(_designSystem.BounceAnimation, {
+      active: animateUrlError,
+      onEnd: onEndAnimateUrlError,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 90,
+        columnNumber: 13
+      }
+    }, /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
+      required: true,
+      label: t('CMS.mediaGallery.addLink.urlLabel'),
+      status: error ? 'error' : undefined,
+      statusMessage: error ? t('CMS.mediaGallery.addLink.invalidUrl') : undefined,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 94,
+        columnNumber: 15
+      }
+    }, /*#__PURE__*/_react.default.createElement(_designSystem.Input, {
+      value: url,
+      onChange: e => {
+        setUrl(e.target.value);
+        setError(false);
+      },
+      placeholder: "https://",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 102,
+        columnNumber: 17
+      }
+    }))), /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
+      label: t('CMS.mediaGallery.addLink.targetLabel'),
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 112,
+        columnNumber: 13
+      }
+    }, /*#__PURE__*/_react.default.createElement(_designSystem.RadioGroup, {
+      value: target,
+      onChange: value => setTarget(value),
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 113,
+        columnNumber: 15
+      }
+    }, /*#__PURE__*/_react.default.createElement(_designSystem.RadioGroup.Radio, {
+      value: LinkTarget.newTab,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 117,
+        columnNumber: 17
+      }
+    }, t('CMS.mediaGallery.addLink.newTab')), /*#__PURE__*/_react.default.createElement(_designSystem.RadioGroup.Radio, {
+      value: LinkTarget.currentTab,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 120,
+        columnNumber: 17
+      }
+    }, t('CMS.mediaGallery.addLink.currentTab'))))),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 71,
+      columnNumber: 7
+    }
+  }));
+};
+exports.AddLinkModal = AddLinkModal;
+function normalizeUrl(url) {
+  const trimmed = url.trim();
+  if (!trimmed) {
+    return '';
+  }
+  if (/^https?:\/\//i.test(trimmed)) {
+    return trimmed;
+  }
+  return `https://${trimmed}`;
+}
+function isValidUrl(url) {
+  try {
+    new URL(url);
+    return true;
+  } catch {
+    return false;
+  }
+}
+//# sourceMappingURL=add-link-modal.js.map

package/dist/cjs/cms-fields/components/media-gallery/media-gallery-dialog/add-link-modal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_hooks","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","LinkTarget","AddLinkModal","isOpen","onClose","link","onSave","mediaType","useTranslations","url","setUrl","useState","target","setTarget","error","setError","animateUrlError","setAnimateUrlError","useEffect","handleOnSave","useCallback","normalizedUrl","normalizeUrl","isValidUrl","text","undefined","onEndAnimateUrlError","createElement","Modal","onRequestClose","screen","__self","__source","fileName","lineNumber","columnNumber","CustomModalLayout","title","subtitle","onCloseButtonClick","primaryButtonText","primaryButtonOnClick","secondaryButtonText","secondaryButtonOnClick","width","content","Box","direction","gap","BounceAnimation","active","onEnd","FormField","required","label","status","statusMessage","Input","value","onChange","placeholder","RadioGroup","Radio","newTab","currentTab","exports","trimmed","trim","test","URL"],"sources":["../../../../../../src/cms-fields/components/media-gallery/media-gallery-dialog/add-link-modal.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport {\n  Modal,\n  CustomModalLayout,\n  BounceAnimation,\n  Box,\n  FormField,\n  Input,\n  RadioGroup,\n} from '@wix/design-system';\nimport { useTranslations } from '../../../hooks';\nimport type { OrganizeMediaItem, OrganizeMediaItemLink } from './types';\n\nenum LinkTarget {\n  newTab = '_blank',\n  currentTab = '_self',\n}\n\nexport interface AddLinkModalProps {\n  mediaType?: OrganizeMediaItem['dataType'];\n  link?: OrganizeMediaItemLink;\n  onSave: (link?: OrganizeMediaItemLink) => void;\n  isOpen: boolean;\n  onClose: () => void;\n}\n\nexport const AddLinkModal: React.FC<AddLinkModalProps> = ({\n  isOpen,\n  onClose,\n  link,\n  onSave,\n  mediaType,\n}) => {\n  const { t } = useTranslations();\n\n  const [url, setUrl] = useState(link?.url ?? '');\n  const [target, setTarget] = useState<string>(link?.target ?? '_blank');\n  const [error, setError] = useState(false);\n  const [animateUrlError, setAnimateUrlError] = useState(false);\n\n  useEffect(() => {\n    setUrl(link?.url ?? '');\n    setTarget(link?.target ?? '_blank');\n    setError(false);\n    setAnimateUrlError(false);\n  }, [link, isOpen]);\n\n  const handleOnSave = useCallback(() => {\n    const normalizedUrl = normalizeUrl(url);\n    if (normalizedUrl && !isValidUrl(normalizedUrl)) {\n      setError(true);\n      setAnimateUrlError(true);\n      return;\n    }\n    onSave(\n      normalizedUrl\n        ? {\n            url: normalizedUrl,\n            text: normalizedUrl,\n            target: target as '_blank' | '_self',\n          }\n        : undefined,\n    );\n    onClose();\n  }, [url, target, onSave, onClose]);\n\n  const onEndAnimateUrlError = useCallback(() => setAnimateUrlError(false), []);\n\n  return (\n    <Modal isOpen={isOpen} onRequestClose={onClose} screen=\"desktop\">\n      <CustomModalLayout\n        title={\n          mediaType === 'Video'\n            ? t('CMS.mediaGallery.addLink.titleVideo')\n            : t('CMS.mediaGallery.addLink.titleImage')\n        }\n        subtitle={\n          mediaType === 'Video'\n            ? t('CMS.mediaGallery.addLink.subtitleVideo')\n            : t('CMS.mediaGallery.addLink.subtitleImage')\n        }\n        onCloseButtonClick={onClose}\n        primaryButtonText={t('CMS.mediaGallery.addLink.save')}\n        primaryButtonOnClick={handleOnSave}\n        secondaryButtonText={t('CMS.mediaGallery.addLink.cancel')}\n        secondaryButtonOnClick={onClose}\n        width=\"600px\"\n        content={\n          <Box direction=\"vertical\" gap=\"SP2\">\n            <BounceAnimation\n              active={animateUrlError}\n              onEnd={onEndAnimateUrlError}\n            >\n              <FormField\n                required\n                label={t('CMS.mediaGallery.addLink.urlLabel')}\n                status={error ? 'error' : undefined}\n                statusMessage={\n                  error ? t('CMS.mediaGallery.addLink.invalidUrl') : undefined\n                }\n              >\n                <Input\n                  value={url}\n                  onChange={(e) => {\n                    setUrl(e.target.value);\n                    setError(false);\n                  }}\n                  placeholder=\"https://\"\n                />\n              </FormField>\n            </BounceAnimation>\n            <FormField label={t('CMS.mediaGallery.addLink.targetLabel')}>\n              <RadioGroup\n                value={target}\n                onChange={(value) => setTarget(value as string)}\n              >\n                <RadioGroup.Radio value={LinkTarget.newTab}>\n                  {t('CMS.mediaGallery.addLink.newTab')}\n                </RadioGroup.Radio>\n                <RadioGroup.Radio value={LinkTarget.currentTab}>\n                  {t('CMS.mediaGallery.addLink.currentTab')}\n                </RadioGroup.Radio>\n              </RadioGroup>\n            </FormField>\n          </Box>\n        }\n      />\n    </Modal>\n  );\n};\n\nfunction normalizeUrl(url: string): string {\n  const trimmed = url.trim();\n  if (!trimmed) {\n    return '';\n  }\n  if (/^https?:\\/\\//i.test(trimmed)) {\n    return trimmed;\n  }\n  return `https://${trimmed}`;\n}\n\nfunction isValidUrl(url: string): boolean {\n  try {\n    new URL(url);\n    return true;\n  } catch {\n    return false;\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/cms-fields/components/media-gallery/media-gallery-dialog/add-media-button.js

@@ -0,0 +1,50 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.AddMediaButton = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _hooks = require("../../../hooks");
+var _hooks2 = require("./hooks");
+var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/cms-fields/components/media-gallery/media-gallery-dialog/add-media-button.tsx";
+const AddMediaButton = ({
+  onAddMedia
+}) => {
+  const {
+    t
+  } = (0, _hooks.useTranslations)();
+  const {
+    onOpen,
+    isLoading
+  } = (0, _hooks2.useAddMediaControl)(onAddMedia);
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Button, {
+    prefixIcon: isLoading ? undefined : /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Add, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 20,
+        columnNumber: 43
+      }
+    }),
+    onClick: onOpen,
+    dataHook: "media-gallery-add-media-button",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 19,
+      columnNumber: 5
+    }
+  }, isLoading ? /*#__PURE__*/_react.default.createElement(_designSystem.Loader, {
+    size: "tiny",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 24,
+      columnNumber: 20
+    }
+  }) : t('CMS.mediaGallery.addMedia'));
+};
+exports.AddMediaButton = AddMediaButton;
+//# sourceMappingURL=add-media-button.js.map

package/dist/cjs/cms-fields/components/media-gallery/media-gallery-dialog/add-media-button.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_wixUiIconsCommon","_hooks","_hooks2","_jsxFileName","AddMediaButton","onAddMedia","t","useTranslations","onOpen","isLoading","useAddMediaControl","default","createElement","Button","prefixIcon","undefined","Add","__self","__source","fileName","lineNumber","columnNumber","onClick","dataHook","Loader","size","exports"],"sources":["../../../../../../src/cms-fields/components/media-gallery/media-gallery-dialog/add-media-button.tsx"],"sourcesContent":["import React from 'react';\nimport { Button, Loader } from '@wix/design-system';\nimport { Add as AddIcon } from '@wix/wix-ui-icons-common';\nimport { useTranslations } from '../../../hooks';\nimport { useAddMediaControl } from './hooks';\nimport type { OrganizeMediaItem } from './types';\n\nexport interface AddMediaButtonProps {\n  onAddMedia: (items: OrganizeMediaItem[]) => void;\n}\n\nexport const AddMediaButton: React.FC<AddMediaButtonProps> = ({\n  onAddMedia,\n}) => {\n  const { t } = useTranslations();\n  const { onOpen, isLoading } = useAddMediaControl(onAddMedia);\n\n  return (\n    <Button\n      prefixIcon={isLoading ? undefined : <AddIcon />}\n      onClick={onOpen}\n      dataHook=\"media-gallery-add-media-button\"\n    >\n      {isLoading ? <Loader size=\"tiny\" /> : t('CMS.mediaGallery.addMedia')}\n    </Button>\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAA6C,IAAAK,YAAA;AAOtC,MAAMC,cAA6C,GAAGA,CAAC;EAC5DC;AACF,CAAC,KAAK;EACJ,MAAM;IAAEC;EAAE,CAAC,GAAG,IAAAC,sBAAe,EAAC,CAAC;EAC/B,MAAM;IAAEC,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,0BAAkB,EAACL,UAAU,CAAC;EAE5D,oBACET,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAAc,MAAM;IACLC,UAAU,EAAEL,SAAS,GAAGM,SAAS,gBAAGnB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,iBAAA,CAAAgB,GAAO;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAhB,YAAA;QAAAiB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IAChDC,OAAO,EAAEd,MAAO;IAChBe,QAAQ,EAAC,gCAAgC;IAAAN,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAExCZ,SAAS,gBAAGb,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAAyB,MAAM;IAACC,IAAI,EAAC,MAAM;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,GAAGf,CAAC,CAAC,2BAA2B,CAC7D,CAAC;AAEb,CAAC;AAACoB,OAAA,CAAAtB,cAAA,GAAAA,cAAA","ignoreList":[]}

package/dist/cjs/cms-fields/components/media-gallery/media-gallery-dialog/content-keys.js

@@ -0,0 +1,44 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _default = exports.default = {
+  emptySearchResultsTitle: 'CMS.mediaGallery.dialog.emptySearchResultsTitle',
+  emptySearchResultsSubtitle: 'CMS.mediaGallery.dialog.emptySearchResultsSubtitle',
+  modalDone: 'CMS.mediaGallery.dialog.modalDone',
+  modalTitle: 'CMS.mediaGallery.dialog.modalTitle',
+  selectionSelectAll: 'CMS.mediaGallery.dialog.selectionSelectAll',
+  selectionDeselectAll: 'CMS.mediaGallery.dialog.selectionDeselectAll',
+  selectionDelete: 'CMS.mediaGallery.dialog.selectionDelete',
+  selectionSelected: 'CMS.mediaGallery.dialog.selectionSelected',
+  sortLabel: 'CMS.mediaGallery.dialog.sortLabel',
+  sortByTitleAsc: 'CMS.mediaGallery.dialog.sortByTitleAsc',
+  sortByTitleDesc: 'CMS.mediaGallery.dialog.sortByTitleDesc',
+  sortByFilenameAsc: 'CMS.mediaGallery.dialog.sortByFilenameAsc',
+  sortByFilenameDesc: 'CMS.mediaGallery.dialog.sortByFilenameDesc',
+  searchPlaceholder: 'CMS.mediaGallery.dialog.searchPlaceholder',
+  settingsTitle: 'CMS.mediaGallery.dialog.settingsTitle',
+  settingsNewItemsDirectionLabel: 'CMS.mediaGallery.dialog.settingsNewItemsDirectionLabel',
+  settingsNewItemsDirectionStart: 'CMS.mediaGallery.dialog.settingsNewItemsDirectionStart',
+  settingsNewItemsDirectionEnd: 'CMS.mediaGallery.dialog.settingsNewItemsDirectionEnd',
+  settingsNewItemsTitleLabel: 'CMS.mediaGallery.dialog.settingsNewItemsTitleLabel',
+  settingsNewItemsTitleEmpty: 'CMS.mediaGallery.dialog.settingsNewItemsTitleEmpty',
+  settingsNewItemsTitleFilename: 'CMS.mediaGallery.dialog.settingsNewItemsTitleFilename',
+  itemTitleLabel: 'CMS.mediaGallery.dialog.itemTitleLabel',
+  itemTitlePlaceholder: 'CMS.mediaGallery.dialog.itemTitlePlaceholder',
+  itemDescriptionLabel: 'CMS.mediaGallery.dialog.itemDescriptionLabel',
+  itemDescriptionPlaceholder: 'CMS.mediaGallery.dialog.itemDescriptionPlaceholder',
+  itemAltLabel: 'CMS.mediaGallery.dialog.itemAltLabel',
+  itemAltTooltip: 'CMS.mediaGallery.dialog.itemAltTooltip',
+  itemAltPlaceholder: 'CMS.mediaGallery.dialog.itemAltPlaceholder',
+  itemDeleteTooltip: 'CMS.mediaGallery.dialog.itemDeleteTooltip',
+  itemFocalPointTooltip: 'CMS.mediaGallery.dialog.itemFocalPointTooltip',
+  masonryLayoutTooltip: 'CMS.mediaGallery.dialog.masonryLayoutTooltip',
+  gridLayoutTooltip: 'CMS.mediaGallery.dialog.gridLayoutTooltip',
+  modalDoneEmpty: 'CMS.mediaGallery.dialog.modalDoneEmpty',
+  externalLinkLabel: 'CMS.mediaGallery.dialog.externalLinkLabel',
+  externalLinkButtonEdit: 'CMS.mediaGallery.dialog.externalLinkButtonEdit',
+  externalLinkButtonAdd: 'CMS.mediaGallery.dialog.externalLinkButtonAdd',
+  externalLinkTextPlaceholder: 'CMS.mediaGallery.dialog.externalLinkTextPlaceholder'
+};
+//# sourceMappingURL=content-keys.js.map

package/dist/cjs/cms-fields/components/media-gallery/media-gallery-dialog/content-keys.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["emptySearchResultsTitle","emptySearchResultsSubtitle","modalDone","modalTitle","selectionSelectAll","selectionDeselectAll","selectionDelete","selectionSelected","sortLabel","sortByTitleAsc","sortByTitleDesc","sortByFilenameAsc","sortByFilenameDesc","searchPlaceholder","settingsTitle","settingsNewItemsDirectionLabel","settingsNewItemsDirectionStart","settingsNewItemsDirectionEnd","settingsNewItemsTitleLabel","settingsNewItemsTitleEmpty","settingsNewItemsTitleFilename","itemTitleLabel","itemTitlePlaceholder","itemDescriptionLabel","itemDescriptionPlaceholder","itemAltLabel","itemAltTooltip","itemAltPlaceholder","itemDeleteTooltip","itemFocalPointTooltip","masonryLayoutTooltip","gridLayoutTooltip","modalDoneEmpty","externalLinkLabel","externalLinkButtonEdit","externalLinkButtonAdd","externalLinkTextPlaceholder"],"sources":["../../../../../../src/cms-fields/components/media-gallery/media-gallery-dialog/content-keys.ts"],"sourcesContent":["export default {\n  emptySearchResultsTitle: 'CMS.mediaGallery.dialog.emptySearchResultsTitle',\n  emptySearchResultsSubtitle:\n    'CMS.mediaGallery.dialog.emptySearchResultsSubtitle',\n  modalDone: 'CMS.mediaGallery.dialog.modalDone',\n  modalTitle: 'CMS.mediaGallery.dialog.modalTitle',\n  selectionSelectAll: 'CMS.mediaGallery.dialog.selectionSelectAll',\n  selectionDeselectAll: 'CMS.mediaGallery.dialog.selectionDeselectAll',\n  selectionDelete: 'CMS.mediaGallery.dialog.selectionDelete',\n  selectionSelected: 'CMS.mediaGallery.dialog.selectionSelected',\n  sortLabel: 'CMS.mediaGallery.dialog.sortLabel',\n  sortByTitleAsc: 'CMS.mediaGallery.dialog.sortByTitleAsc',\n  sortByTitleDesc: 'CMS.mediaGallery.dialog.sortByTitleDesc',\n  sortByFilenameAsc: 'CMS.mediaGallery.dialog.sortByFilenameAsc',\n  sortByFilenameDesc: 'CMS.mediaGallery.dialog.sortByFilenameDesc',\n  searchPlaceholder: 'CMS.mediaGallery.dialog.searchPlaceholder',\n  settingsTitle: 'CMS.mediaGallery.dialog.settingsTitle',\n  settingsNewItemsDirectionLabel:\n    'CMS.mediaGallery.dialog.settingsNewItemsDirectionLabel',\n  settingsNewItemsDirectionStart:\n    'CMS.mediaGallery.dialog.settingsNewItemsDirectionStart',\n  settingsNewItemsDirectionEnd:\n    'CMS.mediaGallery.dialog.settingsNewItemsDirectionEnd',\n  settingsNewItemsTitleLabel:\n    'CMS.mediaGallery.dialog.settingsNewItemsTitleLabel',\n  settingsNewItemsTitleEmpty:\n    'CMS.mediaGallery.dialog.settingsNewItemsTitleEmpty',\n  settingsNewItemsTitleFilename:\n    'CMS.mediaGallery.dialog.settingsNewItemsTitleFilename',\n  itemTitleLabel: 'CMS.mediaGallery.dialog.itemTitleLabel',\n  itemTitlePlaceholder: 'CMS.mediaGallery.dialog.itemTitlePlaceholder',\n  itemDescriptionLabel: 'CMS.mediaGallery.dialog.itemDescriptionLabel',\n  itemDescriptionPlaceholder:\n    'CMS.mediaGallery.dialog.itemDescriptionPlaceholder',\n  itemAltLabel: 'CMS.mediaGallery.dialog.itemAltLabel',\n  itemAltTooltip: 'CMS.mediaGallery.dialog.itemAltTooltip',\n  itemAltPlaceholder: 'CMS.mediaGallery.dialog.itemAltPlaceholder',\n  itemDeleteTooltip: 'CMS.mediaGallery.dialog.itemDeleteTooltip',\n  itemFocalPointTooltip: 'CMS.mediaGallery.dialog.itemFocalPointTooltip',\n  masonryLayoutTooltip: 'CMS.mediaGallery.dialog.masonryLayoutTooltip',\n  gridLayoutTooltip: 'CMS.mediaGallery.dialog.gridLayoutTooltip',\n  modalDoneEmpty: 'CMS.mediaGallery.dialog.modalDoneEmpty',\n  externalLinkLabel: 'CMS.mediaGallery.dialog.externalLinkLabel',\n  externalLinkButtonEdit: 'CMS.mediaGallery.dialog.externalLinkButtonEdit',\n  externalLinkButtonAdd: 'CMS.mediaGallery.dialog.externalLinkButtonAdd',\n  externalLinkTextPlaceholder:\n    'CMS.mediaGallery.dialog.externalLinkTextPlaceholder',\n};\n"],"mappings":";;;;iCAAe;EACbA,uBAAuB,EAAE,iDAAiD;EAC1EC,0BAA0B,EACxB,oDAAoD;EACtDC,SAAS,EAAE,mCAAmC;EAC9CC,UAAU,EAAE,oCAAoC;EAChDC,kBAAkB,EAAE,4CAA4C;EAChEC,oBAAoB,EAAE,8CAA8C;EACpEC,eAAe,EAAE,yCAAyC;EAC1DC,iBAAiB,EAAE,2CAA2C;EAC9DC,SAAS,EAAE,mCAAmC;EAC9CC,cAAc,EAAE,wCAAwC;EACxDC,eAAe,EAAE,yCAAyC;EAC1DC,iBAAiB,EAAE,2CAA2C;EAC9DC,kBAAkB,EAAE,4CAA4C;EAChEC,iBAAiB,EAAE,2CAA2C;EAC9DC,aAAa,EAAE,uCAAuC;EACtDC,8BAA8B,EAC5B,wDAAwD;EAC1DC,8BAA8B,EAC5B,wDAAwD;EAC1DC,4BAA4B,EAC1B,sDAAsD;EACxDC,0BAA0B,EACxB,oDAAoD;EACtDC,0BAA0B,EACxB,oDAAoD;EACtDC,6BAA6B,EAC3B,uDAAuD;EACzDC,cAAc,EAAE,wCAAwC;EACxDC,oBAAoB,EAAE,8CAA8C;EACpEC,oBAAoB,EAAE,8CAA8C;EACpEC,0BAA0B,EACxB,oDAAoD;EACtDC,YAAY,EAAE,sCAAsC;EACpDC,cAAc,EAAE,wCAAwC;EACxDC,kBAAkB,EAAE,4CAA4C;EAChEC,iBAAiB,EAAE,2CAA2C;EAC9DC,qBAAqB,EAAE,+CAA+C;EACtEC,oBAAoB,EAAE,8CAA8C;EACpEC,iBAAiB,EAAE,2CAA2C;EAC9DC,cAAc,EAAE,wCAAwC;EACxDC,iBAAiB,EAAE,2CAA2C;EAC9DC,sBAAsB,EAAE,gDAAgD;EACxEC,qBAAqB,EAAE,+CAA+C;EACtEC,2BAA2B,EACzB;AACJ,CAAC","ignoreList":[]}

package/dist/cjs/cms-fields/components/media-gallery/media-gallery-dialog/hooks.js

@@ -0,0 +1,89 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.useReplaceMediaControl = exports.useMediaGalleryDialog = exports.useContentKeys = exports.useAddMediaControl = void 0;
+var _react = require("react");
+var _mediaControl = require("../../media-control");
+var _mediaUtils = require("../../../utils/media-utils");
+var _utils = require("./utils");
+var _contentKeys = _interopRequireDefault(require("./content-keys"));
+const useMediaGalleryDialog = ({
+  initialOpen,
+  items,
+  ...rest
+}) => {
+  const [isOpen, setIsOpen] = (0, _react.useState)(Boolean(initialOpen));
+  const openMediaGalleryDialog = (0, _react.useCallback)(() => setIsOpen(true), []);
+  const mediaGalleryDialogItems = (0, _react.useMemo)(() => items || [], [items]);
+  const onMediaGalleryDialogClose = (0, _react.useCallback)(() => {
+    setIsOpen(false);
+    rest.onClose == null || rest.onClose();
+  }, [rest.onClose]);
+  return {
+    openMediaGalleryDialog,
+    isOpen,
+    onClose: onMediaGalleryDialogClose,
+    items: mediaGalleryDialogItems,
+    ...rest
+  };
+};
+
+/**
+ * Opens media manager (multi-select) to add new items to the gallery.
+ *
+ * Note: In cms-web, defaultNewItemName flows from Redux into this hook.
+ * In auto-cairo, we don't have Redux for preferences, so the conversion
+ * always uses mediaId for `name`. The dialog's `onAddMedia` callback
+ * handles the EMPTY case by calling `setItemsEmptyTitles`.
+ */
+exports.useMediaGalleryDialog = useMediaGalleryDialog;
+const useAddMediaControl = onAddMedia => {
+  const onChange = (0, _react.useCallback)(value => {
+    onAddMedia == null || onAddMedia(value.map(val => (0, _utils.convertMediaControlItemToOrganizeMediaItem)(val)).filter(Boolean));
+  }, [onAddMedia]);
+  const {
+    callMedia,
+    loading
+  } = (0, _mediaControl.useMediaControl)({
+    multiSelect: true,
+    mediaType: _mediaUtils.MEDIA_TYPES.GALLERY,
+    onChange
+  });
+  return {
+    onOpen: (0, _react.useCallback)(() => callMedia(), [callMedia]),
+    isLoading: loading
+  };
+};
+
+/** Opens media manager (single-select) to replace one item */
+exports.useAddMediaControl = useAddMediaControl;
+const useReplaceMediaControl = onMediaReplaced => {
+  const onChange = (0, _react.useCallback)(value => {
+    const newItem = (0, _utils.convertMediaControlItemToOrganizeMediaItem)(value);
+    if (newItem) {
+      onMediaReplaced == null || onMediaReplaced(newItem);
+    }
+  }, [onMediaReplaced]);
+  const {
+    callMedia,
+    loading
+  } = (0, _mediaControl.useMediaControl)({
+    multiSelect: false,
+    mediaType: _mediaUtils.MEDIA_TYPES.ALL_MEDIA,
+    onChange
+  });
+  return {
+    onOpen: (0, _react.useCallback)(() => callMedia(), [callMedia]),
+    isLoading: loading
+  };
+};
+
+/** Product requirement: show different text on Done button if there are no items yet */
+exports.useReplaceMediaControl = useReplaceMediaControl;
+const useContentKeys = items => (0, _react.useMemo)(() => ({
+  ..._contentKeys.default,
+  modalDone: items.length === 0 ? _contentKeys.default.modalDoneEmpty : _contentKeys.default.modalDone
+}), [items]);
+exports.useContentKeys = useContentKeys;
+//# sourceMappingURL=hooks.js.map

package/dist/cjs/cms-fields/components/media-gallery/media-gallery-dialog/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_mediaControl","_mediaUtils","_utils","_contentKeys","_interopRequireDefault","useMediaGalleryDialog","initialOpen","items","rest","isOpen","setIsOpen","useState","Boolean","openMediaGalleryDialog","useCallback","mediaGalleryDialogItems","useMemo","onMediaGalleryDialogClose","onClose","exports","useAddMediaControl","onAddMedia","onChange","value","map","val","convertMediaControlItemToOrganizeMediaItem","filter","callMedia","loading","useMediaControl","multiSelect","mediaType","MEDIA_TYPES","GALLERY","onOpen","isLoading","useReplaceMediaControl","onMediaReplaced","newItem","ALL_MEDIA","useContentKeys","contentKeys","modalDone","length","modalDoneEmpty"],"sources":["../../../../../../src/cms-fields/components/media-gallery/media-gallery-dialog/hooks.ts"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react';\nimport { useMediaControl } from '../../media-control';\nimport { MEDIA_TYPES } from '../../../utils/media-utils';\nimport { convertMediaControlItemToOrganizeMediaItem } from './utils';\nimport type { MediaGalleryDialogProps, OrganizeMediaItem } from './types';\nimport contentKeys from './content-keys';\n\nexport type MediaGalleryDialogHookParams = Partial<\n  Omit<MediaGalleryDialogProps, 'isOpen'> & { initialOpen: boolean }\n>;\n\nexport type MediaGalleryDialogHookPayload = MediaGalleryDialogProps & {\n  openMediaGalleryDialog: () => void;\n};\n\nexport const useMediaGalleryDialog = ({\n  initialOpen,\n  items,\n  ...rest\n}: MediaGalleryDialogHookParams): MediaGalleryDialogHookPayload => {\n  const [isOpen, setIsOpen] = useState(Boolean(initialOpen));\n\n  const openMediaGalleryDialog = useCallback(() => setIsOpen(true), []);\n  const mediaGalleryDialogItems = useMemo(() => items || [], [items]);\n  const onMediaGalleryDialogClose = useCallback(() => {\n    setIsOpen(false);\n    rest.onClose?.();\n  }, [rest.onClose]);\n\n  return {\n    openMediaGalleryDialog,\n    isOpen,\n    onClose: onMediaGalleryDialogClose,\n    items: mediaGalleryDialogItems,\n    ...rest,\n  };\n};\n\n/**\n * Opens media manager (multi-select) to add new items to the gallery.\n *\n * Note: In cms-web, defaultNewItemName flows from Redux into this hook.\n * In auto-cairo, we don't have Redux for preferences, so the conversion\n * always uses mediaId for `name`. The dialog's `onAddMedia` callback\n * handles the EMPTY case by calling `setItemsEmptyTitles`.\n */\nexport const useAddMediaControl = (\n  onAddMedia?: (newItems: OrganizeMediaItem[]) => void,\n) => {\n  const onChange = useCallback(\n    (value: string[]) => {\n      onAddMedia?.(\n        value\n          .map((val) => convertMediaControlItemToOrganizeMediaItem(val))\n          .filter(Boolean) as OrganizeMediaItem[],\n      );\n    },\n    [onAddMedia],\n  );\n\n  const { callMedia, loading } = useMediaControl({\n    multiSelect: true,\n    mediaType: MEDIA_TYPES.GALLERY,\n    onChange,\n  });\n\n  return {\n    onOpen: useCallback(() => callMedia(), [callMedia]),\n    isLoading: loading,\n  };\n};\n\n/** Opens media manager (single-select) to replace one item */\nexport const useReplaceMediaControl = (\n  onMediaReplaced?: (newItem: OrganizeMediaItem) => void,\n) => {\n  const onChange = useCallback(\n    (value: string) => {\n      const newItem = convertMediaControlItemToOrganizeMediaItem(value);\n      if (newItem) {\n        onMediaReplaced?.(newItem);\n      }\n    },\n    [onMediaReplaced],\n  );\n\n  const { callMedia, loading } = useMediaControl({\n    multiSelect: false,\n    mediaType: MEDIA_TYPES.ALL_MEDIA,\n    onChange,\n  });\n\n  return {\n    onOpen: useCallback(() => callMedia(), [callMedia]),\n    isLoading: loading,\n  };\n};\n\n/** Product requirement: show different text on Done button if there are no items yet */\nexport const useContentKeys = (items: OrganizeMediaItem[]) =>\n  useMemo(\n    () => ({\n      ...contentKeys,\n      modalDone:\n        items.length === 0 ? contentKeys.modalDoneEmpty : contentKeys.modalDone,\n    }),\n    [items],\n  );\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/cms-fields/components/media-gallery/media-gallery-dialog/item-actions.js

@@ -0,0 +1,61 @@
+"use strict";
+
+exports.__esModule = true;
+exports.ItemActions = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _designSystem = require("@wix/design-system");
+var _hooks = require("../../../hooks");
+var _hooks2 = require("./hooks");
+var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/cms-fields/components/media-gallery/media-gallery-dialog/item-actions.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const ItemActions = ({
+  item,
+  onReplace
+}) => {
+  const {
+    t
+  } = (0, _hooks.useTranslations)();
+  const onMediaReplaced = (0, _react.useCallback)(newItem => {
+    onReplace({
+      itemId: item.id ?? '',
+      data: newItem
+    });
+  }, [item.id, onReplace]);
+  const {
+    onOpen,
+    isLoading
+  } = (0, _hooks2.useReplaceMediaControl)(onMediaReplaced);
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    align: "center",
+    verticalAlign: "middle",
+    gap: "SP1",
+    paddingRight: "SP1",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 28,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Button, {
+    priority: "secondary",
+    size: "small",
+    onClick: onOpen,
+    dataHook: "media-gallery-replace-item",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 29,
+      columnNumber: 7
+    }
+  }, isLoading ? /*#__PURE__*/_react.default.createElement(_designSystem.Loader, {
+    size: "tiny",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 35,
+      columnNumber: 22
+    }
+  }) : t('CMS.mediaGallery.replaceItem')));
+};
+exports.ItemActions = ItemActions;
+//# sourceMappingURL=item-actions.js.map

package/dist/cjs/cms-fields/components/media-gallery/media-gallery-dialog/item-actions.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_hooks","_hooks2","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ItemActions","item","onReplace","useTranslations","onMediaReplaced","useCallback","newItem","itemId","id","data","onOpen","isLoading","useReplaceMediaControl","createElement","Box","align","verticalAlign","gap","paddingRight","__self","__source","fileName","lineNumber","columnNumber","Button","priority","size","onClick","dataHook","Loader","exports"],"sources":["../../../../../../src/cms-fields/components/media-gallery/media-gallery-dialog/item-actions.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { Box, Button, Loader } from '@wix/design-system';\nimport { useTranslations } from '../../../hooks';\nimport { useReplaceMediaControl } from './hooks';\nimport type { OrganizeMediaItem, OrganizeMediaItemChange } from './types';\n\nexport interface ItemActionsProps {\n  item: OrganizeMediaItem;\n  onReplace: (change: OrganizeMediaItemChange) => void;\n}\n\nexport const ItemActions: React.FC<ItemActionsProps> = ({\n  item,\n  onReplace,\n}) => {\n  const { t } = useTranslations();\n\n  const onMediaReplaced = useCallback(\n    (newItem: OrganizeMediaItem) => {\n      onReplace({ itemId: item.id ?? '', data: newItem });\n    },\n    [item.id, onReplace],\n  );\n\n  const { onOpen, isLoading } = useReplaceMediaControl(onMediaReplaced);\n\n  return (\n    <Box align=\"center\" verticalAlign=\"middle\" gap=\"SP1\" paddingRight=\"SP1\">\n      <Button\n        priority=\"secondary\"\n        size=\"small\"\n        onClick={onOpen}\n        dataHook=\"media-gallery-replace-item\"\n      >\n        {isLoading ? <Loader size=\"tiny\" /> : t('CMS.mediaGallery.replaceItem')}\n      </Button>\n    </Box>\n  );\n};\n"],"mappings":"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","ignoreList":[]}