@orangelogic/orange-dam-content-browser-sdk 2.1.48 → 2.1.49-pr61281.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/build/AppContext.d.ts +6 -0
  2. package/build/OrangeDAMContentBrowserSDK.min.css +1 -1
  3. package/build/OrangeDAMContentBrowserSDK.min.css.map +1 -1
  4. package/build/OrangeDAMContentBrowserSDK.min.js +541 -451
  5. package/build/OrangeDAMContentBrowserSDK.min.js.map +1 -1
  6. package/build/components/Browser/Browser.constants.d.ts +3 -0
  7. package/build/components/Browser/Browser.d.ts +3 -0
  8. package/build/index.d.ts +8 -0
  9. package/build/index.html +1 -1
  10. package/build/page/Home/Home.styled.d.ts +1 -0
  11. package/build/types/storage.d.ts +1 -1
  12. package/build/utils/icon.d.ts +2 -1
  13. package/build/utils/storage.d.ts +1 -1
  14. package/package.json +2 -2
package/build/components/Browser/Browser.constants.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ export declare const LeftPanelOpenIcon = "<svg\n xmlns=\"http://www.w3.org/2000/svg\"\n height=\"24px\"\n viewBox=\"0 -960 960 960\"\n width=\"24px\"\n fill=\"#52525B\"\n >\n <path d=\"M500-640v320l160-160-160-160ZM200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm120-80v-560H200v560h120Zm80 0h360v-560H400v560Zm-80 0H200h120Z\" />\n </svg>";
2
+ export declare const LeftPanelCloseIcon = "<svg\n xmlns=\"http://www.w3.org/2000/svg\"\n height=\"24px\"\n viewBox=\"0 -960 960 960\"\n width=\"24px\"\n fill=\"#52525B\"\n >\n <path d=\"M660-320v-320L500-480l160 160ZM200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm120-80v-560H200v560h120Zm80 0h360v-560H400v560Zm-80 0H200h120Z\" />\n </svg>";
3
+ export declare const FORCE_OVERLAY_THRESHOLD = 650;
package/build/components/Browser/Browser.d.ts CHANGED
@@ -13,6 +13,9 @@ type Props = {
13
13
  useSession?: string;
14
14
  onFolderSelect: (selectedFolder: Folder) => void;
15
15
  onClose: () => void;
16
+ isPersistent: boolean;
17
+ onChangePersistent: (persistent: boolean) => void;
18
+ forceOverlay: boolean;
16
19
  };
17
20
  declare const Browser: FC<Props>;
18
21
  export default Browser;
package/build/index.d.ts CHANGED
@@ -39,6 +39,10 @@ type OrangeDAMContentBrowser = {
39
39
  * https://www.canva.dev/docs/apps/design-guidelines/external-links/#only-open-links-with-requestopenexternalurl
40
40
  */
41
41
  onConnectClicked?: (url: string) => void;
42
+ /**
43
+ * Custom storage implementation for storing data
44
+ */
45
+ customStorage?: AppContextType['customStorage'];
42
46
  /**
43
47
  * Callback when the site url is changed
44
48
  * this is used to sync CBSDK site url with external integrations
@@ -204,6 +208,10 @@ type OrangeDAMContentBrowser = {
204
208
  * Global function which mirrored the behavior of onAssetAction
205
209
  */
206
210
  _onAssetAction?: AppContextType['onAssetAction'];
211
+ /**
212
+ * Global function which mirrored the behavior of customStorage
213
+ */
214
+ _customStorage?: AppContextType['customStorage'];
207
215
  };
208
216
  declare global {
209
217
  interface Window {
package/build/index.html CHANGED
@@ -1 +1 @@
1
- <!doctype html><html lang="en"><head><meta charset="utf-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="OrangeDAM Content Browser SDK"/><link rel="manifest" href="/manifest.json"/><title>OrangeDAM Content Browser SDK</title><style>body{background-color:#fff;margin:0}#react-app-root{width:100vw;height:100vh}</style><script defer="defer" src="OrangeDAMContentBrowserSDK.min.js"></script><link href="OrangeDAMContentBrowserSDK.min.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="react-app-root"></div><script>const debugCBSDK=()=>{const e={onAssetSelected:function(e){return new Promise((o=>{console.log("Asset selected:",e),setTimeout((()=>{console.log("Timeout completed, returning to Content Browser"),o()}),5e3)}))},onError:console.error,availableDocTypes:["DO_DOCUMENTS.Image_DbBO.*","DO_DOCUMENTS.Audio_DbBO.*","DO_DOCUMENTS.Multimedia_DbBO.*","DO_DOCUMENTS.Video_DbBO.*"],availableRepresentativeSubtypes:["Other"],containerId:"react-app-root",extraFields:["coreField.OriginalFileName","document.CortexPath","ScrubUrl"],persistMode:!0,searchInDrive:!1,showCollections:!0,allowTracking:!0,allowFavorites:!0,showVersions:!0,loadExternalFonts:!1,lastLocationMode:!0,onClose:(()=>{},()=>{console.log("Content Browser closed, reopening ..."),window.OrangeDAMContentBrowser.open(e)}),onTokenChanged:e=>{console.log("Token changed:",e)}};window.OrangeDAMContentBrowser.open(e)};document.addEventListener("DOMContentLoaded",debugCBSDK)</script></body></html>
1
+ <!doctype html><html lang="en"><head><meta charset="utf-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="OrangeDAM Content Browser SDK"/><link rel="manifest" href="/manifest.json"/><title>OrangeDAM Content Browser SDK</title><style>body{background-color:#fff;margin:0}#react-app-root{width:100vw;height:100vh}</style><script defer="defer" src="OrangeDAMContentBrowserSDK.min.js"></script><link href="OrangeDAMContentBrowserSDK.min.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="react-app-root"></div><script>const debugCBSDK=()=>{const e={onAssetSelected:function(e){return new Promise((o=>{console.log("Asset selected:",e),setTimeout((()=>{console.log("Timeout completed, returning to Content Browser"),o()}),5e3)}))},onError:console.error,availableDocTypes:["DO_DOCUMENTS.Image_DbBO.*","DO_DOCUMENTS.Audio_DbBO.*","DO_DOCUMENTS.Multimedia_DbBO.*","DO_DOCUMENTS.Video_DbBO.*"],availableRepresentativeSubtypes:["Other"],containerId:"react-app-root",extraFields:["coreField.OriginalFileName","document.CortexPath","ScrubUrl"],persistMode:!0,searchInDrive:!1,showCollections:!0,allowTracking:!0,allowFavorites:!0,showVersions:!0,loadExternalFonts:!1,lastLocationMode:!0,onClose:(()=>{},()=>{console.log("Content Browser closed, reopening ..."),window.OrangeDAMContentBrowser.open(e)}),onTokenChanged:e=>{console.log("Token changed:",e)},customStorage:{get:e=>(console.log("Get key from custom storage: "+e),localStorage.getItem("custom_storage_"+e)),set:(e,o)=>(console.log("Set key from custom storage: "+e+":"+o),localStorage.setItem("custom_storage_"+e,o)),delete:e=>(console.log("Delete key from custom storage: "+e),localStorage.removeItem("custom_storage_"+e))}};window.OrangeDAMContentBrowser.open(e)};document.addEventListener("DOMContentLoaded",debugCBSDK)</script></body></html>
package/build/page/Home/Home.styled.d.ts CHANGED
@@ -1 +1,2 @@
1
1
  export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
2
+ export declare const Content: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
package/build/types/storage.d.ts CHANGED
@@ -1 +1 @@
1
- export type StorageType = 'SessionStorage' | 'LocalStorage' | 'Cookies';
1
+ export type StorageType = 'SessionStorage' | 'LocalStorage' | 'Cookies' | 'CustomStorage';
package/build/utils/icon.d.ts CHANGED
@@ -1,2 +1,3 @@
1
1
  import { MediaType } from '@/types/search';
2
- export declare const getMediaIcon: (type?: MediaType) => "article" | "file" | "audio_file" | "album" | "widgets" | "perm_media" | "video_file" | "photo";
2
+ export declare const getMediaIcon: (type?: MediaType) => "article" | "audio_file" | "album" | "widgets" | "perm_media" | "video_file" | "photo" | "file";
3
+ export declare const constructIconDataUrl: (svgString: string) => string;
package/build/utils/storage.d.ts CHANGED
@@ -15,7 +15,7 @@ export declare const getData: (key: string, storageType?: StorageType) => Promis
15
15
  * @param {StorageType} storageType
16
16
  * @param {number} ttl Time to live in miliseconds
17
17
  */
18
- export declare const storeData: (key: string, value: string, storageType?: StorageType, ttl?: number) => void | null;
18
+ export declare const storeData: (key: string, value: string, storageType?: StorageType, ttl?: number) => void;
19
19
  /**
20
20
  * Delete data from all storage
21
21
  * @param {string} key
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@orangelogic/orange-dam-content-browser-sdk",
3
- "version": "2.1.48",
3
+ "version": "2.1.49-pr61281.2",
4
4
  "description": "OrangeDAM Content Browser SDK source code",
5
5
  "main": "build/OrangeDAMContentBrowserSDK.min.js",
6
6
  "types": "build/index.d.ts",
@@ -76,7 +76,7 @@
76
76
  "dependencies": {
77
77
  "@babel/core": "^7.16.0",
78
78
  "@craco/craco": "^7.1.0",
79
- "@orangelogic-private/design-system": "1.0.333",
79
+ "@orangelogic-private/design-system": "1.0.346",
80
80
  "@pmmmwh/react-refresh-webpack-plugin": "^0.5.3",
81
81
  "@reduxjs/toolkit": "^1.9.5",
82
82
  "@svgr/webpack": "^8.1.0",