@wix/patterns-fields 1.0.0

package/dist/cjs/components/media-gallery/form-media-gallery-field.uni.driver.js

@@ -0,0 +1,14 @@
+"use strict";
+
+exports.__esModule = true;
+exports.FormMediaGalleryFieldUniDriver = FormMediaGalleryFieldUniDriver;
+function FormMediaGalleryFieldUniDriver(base, dataHook) {
+  return {
+    exists: () => base.exists(),
+    getAddButton: () => base.$(`[data-hook="${dataHook}-add"]`),
+    getManageButton: () => base.$(`[data-hook="${dataHook}-manage"]`),
+    getPreviewButton: () => base.$(`[data-hook="${dataHook}-preview"]`),
+    getClearButton: () => base.$(`[data-hook="${dataHook}-clear"]`)
+  };
+}
+//# sourceMappingURL=form-media-gallery-field.uni.driver.js.map

package/dist/cjs/components/media-gallery/form-media-gallery-field.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FormMediaGalleryFieldUniDriver","base","dataHook","exists","getAddButton","$","getManageButton","getPreviewButton","getClearButton"],"sources":["../../../../src/components/media-gallery/form-media-gallery-field.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\n\nexport function FormMediaGalleryFieldUniDriver(\n  base: UniDriver,\n  dataHook: string,\n) {\n  return {\n    exists: () => base.exists(),\n    getAddButton: () => base.$(`[data-hook=\"${dataHook}-add\"]`),\n    getManageButton: () => base.$(`[data-hook=\"${dataHook}-manage\"]`),\n    getPreviewButton: () => base.$(`[data-hook=\"${dataHook}-preview\"]`),\n    getClearButton: () => base.$(`[data-hook=\"${dataHook}-clear\"]`),\n  };\n}\n"],"mappings":";;;;AAEO,SAASA,8BAA8BA,CAC5CC,IAAe,EACfC,QAAgB,EAChB;EACA,OAAO;IACLC,MAAM,EAAEA,CAAA,KAAMF,IAAI,CAACE,MAAM,CAAC,CAAC;IAC3BC,YAAY,EAAEA,CAAA,KAAMH,IAAI,CAACI,CAAC,CAAC,eAAeH,QAAQ,QAAQ,CAAC;IAC3DI,eAAe,EAAEA,CAAA,KAAML,IAAI,CAACI,CAAC,CAAC,eAAeH,QAAQ,WAAW,CAAC;IACjEK,gBAAgB,EAAEA,CAAA,KAAMN,IAAI,CAACI,CAAC,CAAC,eAAeH,QAAQ,YAAY,CAAC;IACnEM,cAAc,EAAEA,CAAA,KAAMP,IAAI,CAACI,CAAC,CAAC,eAAeH,QAAQ,UAAU;EAChE,CAAC;AACH","ignoreList":[]}

package/dist/cjs/components/media-gallery/form-media-gallery-items-preview.js

@@ -0,0 +1,134 @@
+"use strict";
+
+exports.__esModule = true;
+exports.FormMediaGalleryItemsPreview = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _autoFieldTypes = require("../../auto-field-types");
+var _designSystem = require("@wix/design-system");
+var _mediaImage = require("../media-image");
+var _formMediaGalleryFieldStCss = require("./form-media-gallery-field.st.css.js");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/media-gallery/form-media-gallery-items-preview.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); }
+// --- Layout types and constants ---
+
+const IMAGE_HEIGHT = _autoFieldTypes.ThumbnailSize.M;
+const GAP = 3;
+const PLACEHOLDER_WIDTH = 69;
+
+// --- Layout hook ---
+
+const useFormMediaGalleryItems = (value, boxWidth = 0) => (0, _react.useMemo)(() => {
+  if (!(value != null && value.length && boxWidth)) {
+    return [];
+  }
+  const result = [];
+  for (let i = 0, usedWidth = 0; i < value.length; i++) {
+    const item = value[i];
+    if (!item) continue;
+    const {
+      width,
+      height
+    } = (0, _autoFieldTypes.getImageDimensions)(item.src);
+    const actualWidth = width * IMAGE_HEIGHT / height;
+    const offsetLeft = usedWidth % boxWidth;
+    let totalWidth = offsetLeft + actualWidth;
+
+    // Check if the image wraps to the second row
+    if (usedWidth < boxWidth && totalWidth > boxWidth) {
+      usedWidth = boxWidth;
+      totalWidth = actualWidth;
+    }
+    const isSecondRow = usedWidth / boxWidth >= 1;
+    const withMarginRight = totalWidth <= boxWidth - GAP && i !== value.length - 1;
+    const withMarginTop = isSecondRow;
+    usedWidth += actualWidth + (withMarginRight ? GAP : 0);
+
+    // Terminate if the image doesn't fit — show "+N" placeholder
+    if (usedWidth > boxWidth * 2 - PLACEHOLDER_WIDTH) {
+      result.push({
+        actualWidth: PLACEHOLDER_WIDTH,
+        morePlaceholder: value.length - i
+      });
+      return result;
+    }
+    result.push({
+      src: item.src,
+      actualWidth,
+      withMarginRight,
+      withMarginTop
+    });
+  }
+  return result;
+}, [value, boxWidth]);
+
+// --- Component ---
+
+const FormMediaGalleryItemsPreview = ({
+  width,
+  value
+}) => {
+  const images = useFormMediaGalleryItems(value, width);
+  if (!(images != null && images.length)) return null;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: _formMediaGalleryFieldStCss.classes.viewBox,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 101,
+      columnNumber: 5
+    }
+  }, images.map((item, index) => {
+    if (item.src) {
+      const {
+        src,
+        actualWidth,
+        withMarginTop = false,
+        withMarginRight = false
+      } = item;
+      return /*#__PURE__*/_react.default.createElement(_mediaImage.MediaImage, {
+        key: index,
+        className: (0, _formMediaGalleryFieldStCss.style)(_formMediaGalleryFieldStCss.classes.image, {
+          withMarginTop,
+          withMarginRight
+        }),
+        borderRadius: 0,
+        transparent: true,
+        src: src,
+        size: _mediaImage.MediaImage.Size.M,
+        width: `${actualWidth}px`,
+        height: IMAGE_HEIGHT,
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 111,
+          columnNumber: 13
+        }
+      });
+    }
+    return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+      key: "placeholder",
+      width: item.actualWidth,
+      height: IMAGE_HEIGHT,
+      marginTop: `${GAP}px`,
+      align: "center",
+      verticalAlign: "middle",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 128,
+        columnNumber: 11
+      }
+    }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+      size: "small",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 136,
+        columnNumber: 13
+      }
+    }, "+", item.morePlaceholder));
+  }));
+};
+exports.FormMediaGalleryItemsPreview = FormMediaGalleryItemsPreview;
+FormMediaGalleryItemsPreview.displayName = 'FormMediaGalleryItemsPreview';
+//# sourceMappingURL=form-media-gallery-items-preview.js.map

package/dist/cjs/components/media-gallery/form-media-gallery-items-preview.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_autoFieldTypes","_designSystem","_mediaImage","_formMediaGalleryFieldStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","IMAGE_HEIGHT","ThumbnailSize","M","GAP","PLACEHOLDER_WIDTH","useFormMediaGalleryItems","value","boxWidth","useMemo","length","result","usedWidth","item","width","height","getImageDimensions","src","actualWidth","offsetLeft","totalWidth","isSecondRow","withMarginRight","withMarginTop","push","morePlaceholder","FormMediaGalleryItemsPreview","images","createElement","className","classes","viewBox","__self","__source","fileName","lineNumber","columnNumber","map","index","MediaImage","key","style","image","borderRadius","transparent","size","Size","Box","marginTop","align","verticalAlign","Text","exports","displayName"],"sources":["../../../../src/components/media-gallery/form-media-gallery-items-preview.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport type { WixCodeGalleryItem } from '../../auto-field-types';\nimport { getImageDimensions, ThumbnailSize } from '../../auto-field-types';\nimport { Box, Text } from '@wix/design-system';\nimport { MediaImage } from '../media-image';\nimport { style, classes } from './form-media-gallery-field.st.css.js';\n\n// --- Layout types and constants ---\n\ntype GalleryImageItem = {\n  src: string;\n  actualWidth: number;\n  withMarginRight?: boolean;\n  withMarginTop?: boolean;\n  morePlaceholder?: never;\n};\n\ntype GalleryPlaceholderItem = {\n  src?: undefined;\n  actualWidth: number;\n  morePlaceholder: number;\n};\n\ntype GalleryItem = GalleryImageItem | GalleryPlaceholderItem;\n\nconst IMAGE_HEIGHT = ThumbnailSize.M;\nconst GAP = 3;\nconst PLACEHOLDER_WIDTH = 69;\n\n// --- Layout hook ---\n\nconst useFormMediaGalleryItems = (\n  value?: WixCodeGalleryItem[],\n  boxWidth = 0,\n): GalleryItem[] =>\n  useMemo(() => {\n    if (!(value?.length && boxWidth)) {\n      return [];\n    }\n\n    const result: GalleryItem[] = [];\n\n    for (let i = 0, usedWidth = 0; i < value.length; i++) {\n      const item = value[i];\n      if (!item) continue;\n\n      const { width, height } = getImageDimensions(item.src);\n      const actualWidth = (width * IMAGE_HEIGHT) / height;\n\n      const offsetLeft = usedWidth % boxWidth;\n      let totalWidth = offsetLeft + actualWidth;\n\n      // Check if the image wraps to the second row\n      if (usedWidth < boxWidth && totalWidth > boxWidth) {\n        usedWidth = boxWidth;\n        totalWidth = actualWidth;\n      }\n\n      const isSecondRow = usedWidth / boxWidth >= 1;\n      const withMarginRight =\n        totalWidth <= boxWidth - GAP && i !== value.length - 1;\n      const withMarginTop = isSecondRow;\n\n      usedWidth += actualWidth + (withMarginRight ? GAP : 0);\n\n      // Terminate if the image doesn't fit — show \"+N\" placeholder\n      if (usedWidth > boxWidth * 2 - PLACEHOLDER_WIDTH) {\n        result.push({\n          actualWidth: PLACEHOLDER_WIDTH,\n          morePlaceholder: value.length - i,\n        });\n        return result;\n      }\n\n      result.push({\n        src: item.src,\n        actualWidth,\n        withMarginRight,\n        withMarginTop,\n      });\n    }\n\n    return result;\n  }, [value, boxWidth]);\n\n// --- Component ---\n\nexport interface FormMediaGalleryViewProps {\n  width: number;\n  value?: WixCodeGalleryItem[];\n}\n\nexport const FormMediaGalleryItemsPreview: React.FC<\n  FormMediaGalleryViewProps\n> = ({ width, value }) => {\n  const images = useFormMediaGalleryItems(value, width);\n\n  if (!images?.length) return null;\n\n  return (\n    <div className={classes.viewBox}>\n      {images.map((item: GalleryItem, index: number) => {\n        if (item.src) {\n          const {\n            src,\n            actualWidth,\n            withMarginTop = false,\n            withMarginRight = false,\n          } = item;\n          return (\n            <MediaImage\n              key={index}\n              className={style(classes.image, {\n                withMarginTop,\n                withMarginRight,\n              })}\n              borderRadius={0}\n              transparent\n              src={src}\n              size={MediaImage.Size.M}\n              width={`${actualWidth}px`}\n              height={IMAGE_HEIGHT}\n            />\n          );\n        }\n\n        return (\n          <Box\n            key=\"placeholder\"\n            width={item.actualWidth}\n            height={IMAGE_HEIGHT}\n            marginTop={`${GAP}px`}\n            align=\"center\"\n            verticalAlign=\"middle\"\n          >\n            <Text size=\"small\">+{item.morePlaceholder}</Text>\n          </Box>\n        );\n      })}\n    </div>\n  );\n};\n\nFormMediaGalleryItemsPreview.displayName = 'FormMediaGalleryItemsPreview';\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,2BAAA,GAAAJ,OAAA;AAAsE,IAAAK,YAAA;AAAA,SAAAN,wBAAAO,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAT,uBAAA,YAAAA,CAAAO,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAEtE;;AAkBA,MAAMkB,YAAY,GAAGC,6BAAa,CAACC,CAAC;AACpC,MAAMC,GAAG,GAAG,CAAC;AACb,MAAMC,iBAAiB,GAAG,EAAE;;AAE5B;;AAEA,MAAMC,wBAAwB,GAAGA,CAC/BC,KAA4B,EAC5BC,QAAQ,GAAG,CAAC,KAEZ,IAAAC,cAAO,EAAC,MAAM;EACZ,IAAI,EAAEF,KAAK,YAALA,KAAK,CAAEG,MAAM,IAAIF,QAAQ,CAAC,EAAE;IAChC,OAAO,EAAE;EACX;EAEA,MAAMG,MAAqB,GAAG,EAAE;EAEhC,KAAK,IAAItB,CAAC,GAAG,CAAC,EAAEuB,SAAS,GAAG,CAAC,EAAEvB,CAAC,GAAGkB,KAAK,CAACG,MAAM,EAAErB,CAAC,EAAE,EAAE;IACpD,MAAMwB,IAAI,GAAGN,KAAK,CAAClB,CAAC,CAAC;IACrB,IAAI,CAACwB,IAAI,EAAE;IAEX,MAAM;MAAEC,KAAK;MAAEC;IAAO,CAAC,GAAG,IAAAC,kCAAkB,EAACH,IAAI,CAACI,GAAG,CAAC;IACtD,MAAMC,WAAW,GAAIJ,KAAK,GAAGb,YAAY,GAAIc,MAAM;IAEnD,MAAMI,UAAU,GAAGP,SAAS,GAAGJ,QAAQ;IACvC,IAAIY,UAAU,GAAGD,UAAU,GAAGD,WAAW;;IAEzC;IACA,IAAIN,SAAS,GAAGJ,QAAQ,IAAIY,UAAU,GAAGZ,QAAQ,EAAE;MACjDI,SAAS,GAAGJ,QAAQ;MACpBY,UAAU,GAAGF,WAAW;IAC1B;IAEA,MAAMG,WAAW,GAAGT,SAAS,GAAGJ,QAAQ,IAAI,CAAC;IAC7C,MAAMc,eAAe,GACnBF,UAAU,IAAIZ,QAAQ,GAAGJ,GAAG,IAAIf,CAAC,KAAKkB,KAAK,CAACG,MAAM,GAAG,CAAC;IACxD,MAAMa,aAAa,GAAGF,WAAW;IAEjCT,SAAS,IAAIM,WAAW,IAAII,eAAe,GAAGlB,GAAG,GAAG,CAAC,CAAC;;IAEtD;IACA,IAAIQ,SAAS,GAAGJ,QAAQ,GAAG,CAAC,GAAGH,iBAAiB,EAAE;MAChDM,MAAM,CAACa,IAAI,CAAC;QACVN,WAAW,EAAEb,iBAAiB;QAC9BoB,eAAe,EAAElB,KAAK,CAACG,MAAM,GAAGrB;MAClC,CAAC,CAAC;MACF,OAAOsB,MAAM;IACf;IAEAA,MAAM,CAACa,IAAI,CAAC;MACVP,GAAG,EAAEJ,IAAI,CAACI,GAAG;MACbC,WAAW;MACXI,eAAe;MACfC;IACF,CAAC,CAAC;EACJ;EAEA,OAAOZ,MAAM;AACf,CAAC,EAAE,CAACJ,KAAK,EAAEC,QAAQ,CAAC,CAAC;;AAEvB;;AAOO,MAAMkB,4BAEZ,GAAGA,CAAC;EAAEZ,KAAK;EAAEP;AAAM,CAAC,KAAK;EACxB,MAAMoB,MAAM,GAAGrB,wBAAwB,CAACC,KAAK,EAAEO,KAAK,CAAC;EAErD,IAAI,EAACa,MAAM,YAANA,MAAM,CAAEjB,MAAM,GAAE,OAAO,IAAI;EAEhC,oBACEpC,MAAA,CAAAkB,OAAA,CAAAoC,aAAA;IAAKC,SAAS,EAAEC,mCAAO,CAACC,OAAQ;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArD,YAAA;MAAAsD,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC7BT,MAAM,CAACU,GAAG,CAAC,CAACxB,IAAiB,EAAEyB,KAAa,KAAK;IAChD,IAAIzB,IAAI,CAACI,GAAG,EAAE;MACZ,MAAM;QACJA,GAAG;QACHC,WAAW;QACXK,aAAa,GAAG,KAAK;QACrBD,eAAe,GAAG;MACpB,CAAC,GAAGT,IAAI;MACR,oBACEvC,MAAA,CAAAkB,OAAA,CAAAoC,aAAA,CAACjD,WAAA,CAAA4D,UAAU;QACTC,GAAG,EAAEF,KAAM;QACXT,SAAS,EAAE,IAAAY,iCAAK,EAACX,mCAAO,CAACY,KAAK,EAAE;UAC9BnB,aAAa;UACbD;QACF,CAAC,CAAE;QACHqB,YAAY,EAAE,CAAE;QAChBC,WAAW;QACX3B,GAAG,EAAEA,GAAI;QACT4B,IAAI,EAAEN,sBAAU,CAACO,IAAI,CAAC3C,CAAE;QACxBW,KAAK,EAAE,GAAGI,WAAW,IAAK;QAC1BH,MAAM,EAAEd,YAAa;QAAA+B,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAArD,YAAA;UAAAsD,UAAA;UAAAC,YAAA;QAAA;MAAA,CACtB,CAAC;IAEN;IAEA,oBACE9D,MAAA,CAAAkB,OAAA,CAAAoC,aAAA,CAAClD,aAAA,CAAAqE,GAAG;MACFP,GAAG,EAAC,aAAa;MACjB1B,KAAK,EAAED,IAAI,CAACK,WAAY;MACxBH,MAAM,EAAEd,YAAa;MACrB+C,SAAS,EAAE,GAAG5C,GAAG,IAAK;MACtB6C,KAAK,EAAC,QAAQ;MACdC,aAAa,EAAC,QAAQ;MAAAlB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAArD,YAAA;QAAAsD,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAEtB9D,MAAA,CAAAkB,OAAA,CAAAoC,aAAA,CAAClD,aAAA,CAAAyE,IAAI;MAACN,IAAI,EAAC,OAAO;MAAAb,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAArD,YAAA;QAAAsD,UAAA;QAAAC,YAAA;MAAA;IAAA,GAAC,GAAC,EAACvB,IAAI,CAACY,eAAsB,CAC7C,CAAC;EAEV,CAAC,CACE,CAAC;AAEV,CAAC;AAAC2B,OAAA,CAAA1B,4BAAA,GAAAA,4BAAA;AAEFA,4BAA4B,CAAC2B,WAAW,GAAG,8BAA8B","ignoreList":[]}

package/dist/cjs/components/media-gallery/index.js

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

package/dist/cjs/components/media-gallery/index.js.map

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

package/dist/cjs/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/843658b9f44192f0/packages/fields/dist/cjs/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/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/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/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/843658b9f44192f0/packages/fields/dist/cjs/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/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/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/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/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/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/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 patterns-fields, 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/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/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 patterns-fields, 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":[]}