@orangelogic/orange-dam-content-browser-sdk 2.2.0 → 2.2.1-pr73904.3

package/build/components/FormatDialog/FormatDialog.d.ts

@@ -1,4 +1,5 @@
 import { FC } from 'react';
+import { CtaTextTransform } from '@/GlobalConfigContext';
 import { TrackingParameter, Transformation } from '@/types/assets';
 import { Asset, AssetLinkInfo, AssetTransformationInfo, MediaType, Proxy } from '@/types/search';
 type Props = {
@@ -15,6 +16,7 @@ type Props = {
     }[]>;
     availableProxies?: Proxy[];
     ctaText?: string;
+    ctaTextTransform?: CtaTextTransform;
     extensions: string[];
     isFavorite?: boolean;
     maxHeight?: number;

package/build/components/LineClamp/LineClamp.d.ts

@@ -0,0 +1,4 @@
+import type { CxLineClamp } from '@orangelogic-private/design-system';
+import type { CxLineClampProps } from '@orangelogic-private/design-system/react-types';
+declare const LineClamp: import("react").ForwardRefExoticComponent<Omit<CxLineClampProps, "ref"> & import("react").RefAttributes<CxLineClamp>>;
+export default LineClamp;

package/build/components/LineClamp/index.d.ts

@@ -0,0 +1 @@
+export { default } from './LineClamp';

package/build/components/Result/AssetCard/AssetCardWrapper.d.ts

@@ -10,6 +10,10 @@ type Props = {
     selectedAsset: Asset | null;
     view: GridView;
     width: number;
+    scrollAnchor: {
+        id: string;
+        offset: number;
+    } | null;
     onItemSelect: (selectedAsset: Asset) => void;
     onLoadMore: () => void;
     onScroll: (e: MouseEvent) => void;

package/build/components/Result/AssetPreview/OtherPreview/OtherPreview.d.ts

@@ -1,6 +1,7 @@
 import { CSSProperties, FC, ReactNode } from 'react';
 import { MediaType } from '@/types/search';
 type Props = {
+    icon?: string;
     children?: ReactNode;
     type?: MediaType;
     style?: CSSProperties;

package/build/consts/data.d.ts

@@ -19,4 +19,5 @@ export declare const LIBRARY_NAME = "Library";
 export declare const MESSAGE_NEW_LINE = "\n";
 export declare const ORIGINAL_VIEW_SIZE = "CoreField.OriginalPreview";
 export declare const FIELD_ALLOW_ATS_LINK = "AllowATSLink";
+export declare const FIELD_STORAGE_GROUP = "CoreField.S6_StorageGroup";
 export declare const COMPUTED_FIELDS: string[];

package/build/index.d.ts

@@ -1,6 +1,6 @@
 import './styles.css';
 import { AppContextType } from '@/AppContext';
-import { ImageCardDisplayInfo } from '@/GlobalConfigContext';
+import { CtaTextTransform, ImageCardDisplayInfo } from '@/GlobalConfigContext';
 import { Asset, Facet, Folder, GetContentRequest, GetFoldersRequest } from './types/search';
 type OrangeDAMContentBrowser = {
     help: () => void;
@@ -107,6 +107,12 @@ type OrangeDAMContentBrowser = {
          * default to "Insert"
          */
         ctaText?: string;
+        /**
+         * The text transform for the CTA text
+         * Available values: 'none' | 'uppercase' | 'lowercase' | 'capitalize'
+         * Default: 'capitalize'
+         */
+        ctaTextTransform?: CtaTextTransform;
         /**
          * The persist mode for the content browser which will prevent the browser from closing after selecting asset
          * default to false

package/build/types/assets.d.ts

@@ -28,11 +28,17 @@ export type Transformation = {
     value: {
         width?: number;
         height?: number;
+        originalWidth?: number;
+        originalHeight?: number;
         x?: number;
         y?: number;
         rotation?: number;
         keepMetadata?: boolean;
         quality?: number;
+        percentageWidth?: number;
+        percentageHeight?: number;
+        percentageX?: number;
+        percentageY?: number;
     };
 };
 export type TrackingParameter = {

package/build/types/search.d.ts

@@ -25,6 +25,7 @@ export type Asset = {
     width?: string;
     allowATSLink?: boolean;
     recordId: string;
+    inColdStorage: boolean;
 };
 export type ContentItem = {
     fields: {

package/build/utils/dom.d.ts

@@ -0,0 +1,7 @@
+declare function captureAnchor(container: HTMLElement, options: {
+    itemSelector: string;
+}): {
+    id: string;
+    offset: number;
+} | undefined;
+export { captureAnchor };

package/build/utils/image.d.ts

@@ -1,3 +1,4 @@
+import { Transformation, Unit } from '@/types/assets';
 export declare const resizeImage: (image: string, width: number, height: number, maxWidth: number, maxHeight: number) => Promise<{
     url: string;
     width: number;
@@ -22,3 +23,47 @@ export declare const calculateAspectRatioFit: (srcWidth: number, srcHeight: numb
     width: number;
     height: number;
 };
+export declare const getCroppedImageUrl: ({ cropper, image, loadable, onLoadingChange, zoom, }: {
+    cropper: {
+        width: number;
+        height: number;
+        percentageWidth: number;
+        percentageHeight: number;
+        x: number;
+        y: number;
+        unit: Unit;
+    };
+    image: {
+        url: string;
+        width: number;
+        height: number;
+    };
+    loadable: boolean;
+    onLoadingChange: (loading: boolean) => void;
+    zoom: number;
+}) => Promise<string>;
+export declare const getRotatedImageUrl: ({ image, loadable, onLoadingChange, rotation, }: {
+    image: {
+        url: string;
+        width: number;
+        height: number;
+    };
+    loadable: boolean;
+    onLoadingChange: (loading: boolean) => void;
+    rotation: number;
+}) => Promise<string>;
+export declare const transformImage: ({ width, height, transformations, }: {
+    width: number;
+    height: number;
+    transformations: Transformation[];
+}) => {
+    rotation: number;
+    croppedWidth: number;
+    croppedHeight: number;
+    percentageWidth: number;
+    percentageHeight: number;
+    percentageX: number;
+    percentageY: number;
+    effectiveWidth: number;
+    effectiveHeight: number;
+};

package/build/utils/mergeRefs.d.ts

@@ -0,0 +1,14 @@
+/**
+ * A function that merges React refs into one.
+ * Supports both functions and ref objects created using createRef() and useRef().
+ *
+ * Usage:
+ * ```tsx
+ * <div ref={mergeRefs(ref1, ref2, ref3)} />
+ * ```
+ *
+ * @param {(React.Ref<T> | undefined)[]} inputRefs Array of refs
+ * @returns {React.Ref<T> | React.RefCallback<T>} Merged refs
+ */
+declare function mergeRefs<T>(...inputRefs: (React.Ref<T> | undefined)[]): React.Ref<T> | React.RefCallback<T>;
+export default mergeRefs;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orangelogic/orange-dam-content-browser-sdk",
-  "version": "2.2.0",
+  "version": "2.2.1-pr73904.3",
   "description": "OrangeDAM Content Browser SDK source code",
   "main": "build/OrangeDAMContentBrowserSDK.min.js",
   "types": "build/index.d.ts",
@@ -76,7 +76,7 @@
   "dependencies": {
     "@babel/core": "^7.16.0",
     "@craco/craco": "^7.1.0",
-    "@orangelogic-private/design-system": "1.0.396",
+    "@orangelogic-private/design-system": "1.0.427",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.3",
     "@reduxjs/toolkit": "^1.9.5",
     "@svgr/webpack": "^8.1.0",