@orangelogic/design-system 2.106.0 → 2.107.0

package/library/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@orangelogic/design-system",
   "type": "module",
-  "version": "2.106.0",
+  "version": "2.107.0",
   "license": "UNLICENSED",
   "types": "library/types.d.ts",
   "scripts": {

package/library/packages/events/src/cx-gallery-lightbox-hide.d.ts

@@ -0,0 +1,6 @@
+export type CxGalleryLightboxHideEvent = CustomEvent<Record<PropertyKey, unknown>>;
+declare global {
+    interface GlobalEventHandlersEventMap {
+        'cx-gallery-lightbox-hide': CxGalleryLightboxHideEvent;
+    }
+}

package/library/packages/events/src/cx-gallery-lightbox-show.d.ts

@@ -0,0 +1,6 @@
+export type CxGalleryLightboxShowEvent = CustomEvent<Record<PropertyKey, unknown>>;
+declare global {
+    interface GlobalEventHandlersEventMap {
+        'cx-gallery-lightbox-show': CxGalleryLightboxShowEvent;
+    }
+}

package/library/packages/events/src/events.d.ts

@@ -84,6 +84,8 @@ export * from './cx-gallery-item-move-left';
 export * from './cx-gallery-item-move-right';
 export * from './cx-gallery-item-open-config';
 export * from './cx-gallery-item-select';
+export * from './cx-gallery-lightbox-hide';
+export * from './cx-gallery-lightbox-show';
 export * from './cx-hide';
 export * from './cx-hover';
 export * from './cx-hub-connection-disconnected';

package/library/packages/molecules/src/asset-data-display/asset-data-display.d.ts

@@ -30,6 +30,7 @@ export default class CxAssetDataDisplay extends CortexElement {
     position: AssetDataDisplayPosition;
     fetchMode: AssetDataDisplayFetchMode;
     token: string;
+    cms5Token: string;
     recordId: string;
     headerSourceField: string;
     detailsSourceField: string;

package/library/packages/organisms/src/content-builder/components/config-form/config-form.d.ts

@@ -269,6 +269,7 @@ export default class CxConfigForm extends CortexElement {
     showTemplateTab: boolean;
     dialogTitle: string;
     skipShowCheck: boolean;
+    enableAssetFormatControls: boolean;
     /**
      * The currently selected tab in the configuration manager.
      * This is used to switch between different tabs in the configuration manager.

package/library/packages/organisms/src/content-builder/plugins/plugin-factory.d.ts

@@ -4,6 +4,7 @@ import { LocalizeController } from '../../../../utils/src/custom-element/i18n';
 import { Component, ComponentDefinition, ComponentView, ComponentViewDefinition, Editor } from 'grapesjs';
 
 export type EditorPluginOptions = {
+    enableAssetFormatControls?: boolean;
     localize: LocalizeController;
     multiLanguage?: boolean;
     toolbarConfigs?: ToolbarConfiguration;

package/library/packages/organisms/src/content-builder/styleController.d.ts

@@ -128,6 +128,7 @@ export default class StyleController {
             accepts?: string[];
             multiple?: boolean;
             nameKey?: string;
+            recordIdKey?: string;
             representativeKey?: string;
         };
         radioGroupConfigs?: {

package/library/packages/services/src/api/asset/asset.d.ts

@@ -27,7 +27,7 @@ export declare const SEARCH_FIELDS: {
     ORIGINAL_VIEW_SIZE: string;
 };
 export declare function resolveAssetExtraFilters(selectedFacets?: Record<string, string[]>): Record<string, string[]>;
-export declare function apiSearchAssets({ countPerPage, fields, getPermanentAssetsPaths, pageNumber, query, siteUrl, sort, token, useSession, }: SearchAssetsParams): Promise<SearchAssetsResponse>;
+export declare function apiSearchAssets({ cms5Token, countPerPage, fields, getPermanentAssetsPaths, pageNumber, query, siteUrl, sort, token, useSession, }: SearchAssetsParams): Promise<SearchAssetsResponse>;
 export declare function apiGetTransformAssetLink({ assetId, extension, format, siteUrl, token, transformations, useSession, }: {
     assetId: string;
     extension?: string;
@@ -37,8 +37,8 @@ export declare function apiGetTransformAssetLink({ assetId, extension, format, s
     transformations?: string;
     useSession?: string;
 }): Promise<GetTransformAssetLinkResponse | null>;
-export declare function apiGetAssets({ extraFields, getPermanentAssetsPaths, recordIds, token, }: GetAssetsRequest): Promise<GetAssetsResponse>;
-export declare function apiGetAssetsInFolder({ countPerPage, extraFields, getPermanentAssetsPaths, limitedDocTypes, pageNumber, parentFolderIdentifier, searchTerm, sortOrder, token, }: GetAssetsInFolderRequest): Promise<GetAssetsInFolderResponse>;
+export declare function apiGetAssets({ cms5Token, extraFields, getPermanentAssetsPaths, recordIds, token, }: GetAssetsRequest): Promise<GetAssetsResponse>;
+export declare function apiGetAssetsInFolder({ cms5Token, countPerPage, extraFields, getPermanentAssetsPaths, limitedDocTypes, pageNumber, parentFolderIdentifier, searchTerm, sortOrder, token, }: GetAssetsInFolderRequest): Promise<GetAssetsInFolderResponse>;
 export declare function apiGetCropFocusMode({ autoCropMode, cropHeight, cropWidth, imageUrl, useSession, }: GetCropZoneSuggestionRequest): Promise<GetCropZoneSuggestionResponse | null>;
 export declare function apiGetAvailableProxies({ assetRecordId, siteUrl, token, useSession, }: {
     assetRecordId: string;

package/library/packages/tools/src/fetch-asset/fetch-asset.d.ts

@@ -4,7 +4,8 @@ export declare class FetchAssetController implements ReactiveController {
     private readonly host;
     private data;
     constructor(host: ReactiveElement);
-    fetchAssetByID({ extraFields, recordId, token, }: {
+    fetchAssetByID({ cms5Token, extraFields, recordId, token, }: {
+        cms5Token?: string;
         extraFields?: string[];
         recordId: string;
         token?: string;

package/library/packages/tools/src/fetch-image/fetch-image.d.ts

@@ -6,6 +6,7 @@ export type ExtendedGalleryItem = GalleryItem & {
     [key: string]: string | undefined;
 };
 type FetchImageControllerOptions = {
+    cms5Token?: string;
     maxEnd?: number;
     pageSize?: number;
     token?: string;
@@ -21,6 +22,7 @@ export declare class FetchImageController implements ReactiveController {
     private maxEnd;
     private pageSize;
     private readonly authToken;
+    private readonly cms5Token;
     constructor(host: ReactiveElement, options?: FetchImageControllerOptions);
     get totalDataCount(): number;
     fetchImages({ end, extraFields, format, start, transformations, }: {

package/library/packages/types/src/content-builder.d.ts

@@ -136,7 +136,10 @@ export type PropertyConfig<T = Record<string, any>> = Omit<TraitProperties, 'opt
     pickerConfigs?: {
         accepts?: string[];
         multiple?: boolean;
+        /** The block-attribute key that stores the asset name. Defaults to 'name'. */
         nameKey?: string;
+        /** The block-attribute key that stores the selected asset's record ID. Defaults to 'record-id'. */
+        recordIdKey?: string;
         representativeKey?: string;
     };
     placeholder?: string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@orangelogic/design-system",
   "type": "module",
-  "version": "2.106.0",
+  "version": "2.107.0",
   "license": "UNLICENSED",
   "types": "library/types.d.ts",
   "scripts": {

package/library/chunks/asset.Tjoo0ngC.js

@@ -1,437 +0,0 @@
-import { h as l, S as B, A as w, a as K, b as $ } from "./endpoints.DBlquU2-.js";
-import { M as R } from "./asset-link-format.B0c92pSs.js";
-import "./debounce.CIEhztrj.js";
-import "./lit-element.jLBm65_O.js";
-import "./form.Ch1cwYzO.js";
-import "./i18n.DmmFsjwP.js";
-import { a as q } from "./string.DUgD4c9f.js";
-import "./content-builder.B-bd8FaV.js";
-import "./unsafe-html.Dff7-rCx.js";
-import { b as V } from "./_baseUniq.HFKneygy.js";
-function Z(e) {
-  return e && e.length ? V(e) : [];
-}
-function X(e) {
-  return typeof e == "object" && e !== null && "URI" in e;
-}
-const z = {
-  artist: "Artist",
-  color: "Color",
-  createDate: "CreateDate",
-  docSubType: "DocSubType",
-  docType: "DocType",
-  editDate: "EditDate",
-  fileExtension: "Fileextension",
-  keyword: "Keyword",
-  mediaDate: "MediaDate",
-  mediaNumber: "MediaNumber",
-  nativeKeyword: "NativeKeyword",
-  orientation: "Orientation",
-  parentFolderIdentifier: "ParentFolderIdentifier",
-  path: "Path",
-  photographer: "Photographer",
-  purpose: "Purpose",
-  recordId: "RecordID",
-  systemIdentifier: "SystemIdentifier",
-  text: "Text",
-  title: "Title"
-}, Y = /* @__PURE__ */ new Set(["mediaDate", "createDate", "editDate"]);
-function Q(e) {
-  return !/[\s&+/*"\\:(),'<>~|[\]{}]/.test(e) && !/^(?:OR|AND|NOT)$/.test(e) ? e : `"${e.replace(/\\/g, "\\\\").replace(/"/g, '\\"')}"`;
-}
-function O(e, t) {
-  const o = (Array.isArray(t) ? t : [t]).map((s) => `${e}:${Q(s)}`);
-  return o.length > 1 ? `(${o.join(" OR ")})` : o[0] ?? "";
-}
-function J(e, t) {
-  return (Array.isArray(t) ? t : [t]).map((o) => `${e}${o.operator}${o.value}`).join(" AND ");
-}
-function ee(e) {
-  const t = [];
-  for (const r of Object.keys(e)) {
-    const o = r, s = e[o];
-    if (s == null)
-      continue;
-    if (o === "custom") {
-      for (const [a, p] of Object.entries(
-        s
-      ))
-        t.push(O(a, p));
-      continue;
-    }
-    const u = z[o];
-    if (u) {
-      if (Y.has(o)) {
-        t.push(
-          J(u, s)
-        );
-        continue;
-      }
-      if (o === "color") {
-        t.push(`${u}:${s}`);
-        continue;
-      }
-      t.push(O(u, s));
-    }
-  }
-  return t.join(" AND ");
-}
-function _(e) {
-  if ("and" in e)
-    return e.and.map(_).filter(Boolean).join(" AND ");
-  if ("or" in e) {
-    const t = e.or.map(_).filter(Boolean);
-    return t.length > 1 ? `(${t.join(" OR ")})` : t[0] ?? "";
-  }
-  if ("not" in e) {
-    const t = _(e.not);
-    return t ? `NOT (${t})` : "";
-  }
-  return ee(e);
-}
-const L = "CoreField.LargeSizePreview", P = "CoreField.DocType", te = "Document.Title", re = "Document.CaptionLong", b = "Document.FileExtension", G = "CoreField.FileSize", M = "CoreField.Identifier", U = "CoreField.Keywords", j = "CoreField.MaxHeight", v = "CoreField.MaxWidth", D = "Document.RecordID", W = "CoreField.DocSubType", H = "CoreField.TitleWithFallback", T = "CoreField.OriginalFileName", y = "CoreField.UpdatedFileName", E = "CoreField.OriginalPreview", F = {
-  DEFAULT_VIEW_SIZE: "Document.LargeSizePreview",
-  FIELD_TITLE_WITH_FALLBACK: "Document.TitleWithFallback",
-  ORIGINAL_VIEW_SIZE: "Document.OriginalPreview"
-}, k = {
-  [L]: F.DEFAULT_VIEW_SIZE,
-  [H]: F.FIELD_TITLE_WITH_FALLBACK,
-  [E]: F.ORIGINAL_VIEW_SIZE
-}, oe = Object.fromEntries(
-  Object.entries(k).map(([e, t]) => [
-    t,
-    e
-  ])
-);
-function ne(e) {
-  return k[e] ?? e;
-}
-function se(e) {
-  const t = {};
-  for (const [r, o] of Object.entries(e)) {
-    const s = oe[r] ?? r;
-    t[s] = o;
-  }
-  return t;
-}
-async function x({
-  countPerPage: e,
-  fields: t,
-  getPermanentAssetsPaths: r,
-  pageNumber: o,
-  query: s,
-  siteUrl: u,
-  sort: a,
-  token: p,
-  useSession: m
-}) {
-  const I = t?.map(ne);
-  try {
-    return (await l.request({
-      baseURL: u,
-      method: "GET",
-      params: {
-        CountPerPage: e,
-        Fields: Z(I),
-        Format: "json",
-        GetPermanentAssetsPaths: r || void 0,
-        PageNumber: o,
-        Query: _(s),
-        Sort: a || void 0,
-        Token: p || void 0,
-        UseSession: m || void 0
-      },
-      paramsSerializer: { indexes: null },
-      responseType: "json",
-      transformResponse: [
-        ...Array.isArray(l.defaults.transformResponse) ? l.defaults.transformResponse : [],
-        (n) => ({
-          items: (n.APIResponse?.Items ?? []).map(se),
-          sort: n.APIResponse?.GlobalInfo?.Sort ?? "",
-          totalCount: n.APIResponse?.GlobalInfo?.TotalCount ?? 0
-        })
-      ],
-      url: B["4.0"]
-    })).data;
-  } catch {
-    return { items: [], sort: "", totalCount: 0 };
-  }
-}
-async function _e({
-  assetId: e,
-  extension: t,
-  format: r,
-  siteUrl: o,
-  token: s,
-  transformations: u,
-  useSession: a
-}) {
-  try {
-    return (await l.request({
-      baseURL: o,
-      method: "GET",
-      params: {
-        SourceAssetFormat: r,
-        SourceAssetRecordID: e,
-        TargetExtension: q(t),
-        Token: s || void 0,
-        Transformations: u,
-        UseSession: a || void 0
-      },
-      /**
-       * https://link.orangelogic.com/Tasks/41S1XH
-       */
-      timeout: 3e5,
-      // 5 minutes
-      url: w.GET_TRANSFORM_ASSET_LINK
-    })).data;
-  } catch {
-    return null;
-  }
-}
-const ae = 50;
-function ie(e, t) {
-  const r = [];
-  for (let o = 0; o < e.length; o += t)
-    r.push(e.slice(o, o + t));
-  return r;
-}
-async function De({
-  extraFields: e,
-  getPermanentAssetsPaths: t,
-  recordIds: r,
-  token: o
-}) {
-  if (!Array.isArray(r) || r.length === 0)
-    return { facets: [], items: [], totalCount: 0 };
-  const s = e?.filter((n) => n && typeof n == "string") ?? [], u = [
-    ...s,
-    E,
-    y,
-    T,
-    te,
-    re,
-    D
-  ], a = ie(r, ae), p = await Promise.all(
-    a.map(
-      (n) => x({
-        countPerPage: n.length,
-        fields: u,
-        getPermanentAssetsPaths: t,
-        pageNumber: 1,
-        query: { recordId: n },
-        token: o
-      })
-    )
-  ), m = new Map(r.map((n, d) => [n, d])), I = p.flatMap((n) => n.items).map((n) => {
-    let d = c(n, y);
-    return d === "" && (d = c(n, T)), {
-      name: d,
-      originalUrl: c(n, E),
-      recordId: c(n, D),
-      ...s.reduce(
-        (i, f) => (i[f] = c(n, f), i),
-        {}
-      )
-    };
-  }).sort(
-    (n, d) => (m.get(n.recordId) ?? 1 / 0) - (m.get(d.recordId) ?? 1 / 0)
-  ), A = p.reduce(
-    (n, d) => n + d.totalCount,
-    0
-  );
-  return { facets: [], items: I, totalCount: A };
-}
-function c(e, t) {
-  const r = e[t];
-  return r == null ? "" : typeof r == "string" ? r : typeof r == "number" || typeof r == "boolean" ? String(r) : X(r) ? r.URI : "";
-}
-async function Te({
-  countPerPage: e,
-  extraFields: t,
-  getPermanentAssetsPaths: r,
-  limitedDocTypes: o,
-  pageNumber: s,
-  parentFolderIdentifier: u,
-  searchTerm: a,
-  sortOrder: p,
-  token: m
-}) {
-  if (!u)
-    return { facets: [], items: [], totalCount: 0 };
-  const I = (t?.filter((i) => i && typeof i == "string") ?? []).map((i) => i.replace("%20", " ")), A = {
-    parentFolderIdentifier: u,
-    ...o.length > 0 ? { docType: [R.Image, R.Audio] } : {}
-  }, n = await x({
-    countPerPage: e,
-    fields: [
-      ...I,
-      H,
-      L,
-      E,
-      U,
-      v,
-      j,
-      G,
-      P,
-      W,
-      M,
-      b,
-      D,
-      T,
-      y
-    ],
-    getPermanentAssetsPaths: r,
-    pageNumber: s,
-    query: A,
-    sort: void 0,
-    token: m
-  }), d = n.items.map((i) => {
-    let f = c(i, b), h = c(i, y), S = c(i, L);
-    f && !f.startsWith(".") && (f = "." + f), h === "" && (h = c(i, T)), f.toLowerCase() === ".gif" && (S = c(i, E));
-    const C = c(i, D);
-    return {
-      docSubType: c(i, W),
-      docType: c(i, P) || "",
-      extension: f,
-      height: c(i, j) || "0",
-      id: C,
-      identifier: c(i, M),
-      imageUrl: S,
-      name: h,
-      originalUrl: c(i, E),
-      recordId: C,
-      size: c(i, G) || "0 MB",
-      tags: c(i, U),
-      width: c(i, v) || "0",
-      ...I.reduce(
-        (g, N) => (g[N] = c(i, N), g),
-        {}
-      )
-    };
-  });
-  return {
-    facets: [],
-    items: d,
-    totalCount: n.totalCount
-  };
-}
-async function ye({
-  autoCropMode: e,
-  cropHeight: t,
-  cropWidth: r,
-  imageUrl: o,
-  useSession: s
-}) {
-  try {
-    return (await l.request({
-      method: "GET",
-      params: {
-        AutoCropMode: e,
-        CropHeight: t,
-        CropWidth: r,
-        ImageUrl: o && new URL(o, window.location.origin).href,
-        UseSession: s || void 0
-      },
-      responseType: "json",
-      timeout: 3e5,
-      // 5 minutes
-      transformResponse: [
-        ...Array.isArray(l.defaults.transformResponse) ? l.defaults.transformResponse : [],
-        (a) => ({
-          height: a.cropHeight,
-          width: a.cropWidth,
-          x: a.cropX,
-          y: a.cropY
-        })
-      ],
-      url: w.GET_CROP_ZONE_SUGGESTION
-    })).data;
-  } catch {
-    return null;
-  }
-}
-async function he({
-  assetRecordId: e,
-  siteUrl: t,
-  token: r,
-  useSession: o
-}) {
-  try {
-    return (await l.request({
-      baseURL: t,
-      method: "GET",
-      params: {
-        RecordId: e,
-        Token: r,
-        UseSession: o || void 0
-      },
-      responseType: "json",
-      transformResponse: [
-        ...Array.isArray(l.defaults.transformResponse) ? l.defaults.transformResponse : [],
-        (u) => !u || typeof u != "object" ? [] : u.proxies?.map((a) => ({
-          cdnName: a.cdnName,
-          extension: a.extension,
-          formatHeight: a.formatHeight,
-          formatWidth: a.formatWidth,
-          height: a.height,
-          permanentLink: a.permanentLink,
-          proxyLabel: a.proxyLabel,
-          proxyName: a.proxyName,
-          width: a.width
-        })) ?? []
-      ],
-      url: $
-    })).data;
-  } catch {
-    return [];
-  }
-}
-async function Fe({
-  siteUrl: e
-} = {}) {
-  try {
-    return (await l.request({
-      baseURL: e,
-      method: "GET",
-      responseType: "json",
-      transformResponse: [
-        ...Array.isArray(l.defaults.transformResponse) ? l.defaults.transformResponse : [],
-        (r) => !r || typeof r != "object" ? {
-          formatsByDocType: {
-            Audio: {},
-            Image: {},
-            Multimedia: {},
-            Video: {}
-          }
-        } : {
-          formatsByDocType: r.formatsByDocType ?? {}
-        }
-      ],
-      url: K
-    })).data;
-  } catch {
-    return { formatsByDocType: {} };
-  }
-}
-export {
-  L as D,
-  D as F,
-  E as O,
-  De as a,
-  _e as b,
-  ye as c,
-  Fe as d,
-  x as e,
-  Te as f,
-  j as g,
-  v as h,
-  X as i,
-  P as j,
-  b as k,
-  M as l,
-  he as m,
-  G as n,
-  W as o,
-  Z as u
-};