jamespot-user-api 1.0.101 → 1.0.102

package/lib/src/types/widgets.d.ts

@@ -1,61 +1,92 @@
-export declare type WidgetWrapperProps<T = WidgetTypes> = {
+import { AudienceAutocomplete } from './autocomplete';
+import { jArticleLittle } from './utils';
+export declare type WidgetLayer = {
+    uniqid: string;
     title: string;
-    widget: T;
+    locked: boolean;
+    visible: boolean;
+    widgets: WidgetWrapperProps[];
     position?: WidgetVector;
 };
-export declare type WidgetWrapperExtendedProps = {
-    isMandatory?: boolean;
-    isMainTitle?: boolean;
-    isCover?: boolean;
-    doSomethingAfterIsMounted?: boolean;
+export declare type WidgetWrapperProps<T = CombinedWidgetType> = {
+    title: string;
+    widget: WidgetExtendedType & T;
 };
 export declare type WidgetDefaultProps = {
     width?: number | undefined;
     inplace: boolean;
     isComponentVisible?: boolean;
     mode: WidgetDisplayMode;
-    isMounted?: () => void;
     onClick?: () => void;
-    onChange: (content: CombinedWidgetContent) => void;
+    onChange: (content: CombinedWidgetContent, override?: boolean) => void;
     onStateChange?: (state: WidgetStateProps) => void;
 };
-export declare const widgetRefNames: readonly ["widget-article-button", "widget-article-gallery", "widget-article-title", "widget-article-text", "widget-article-attachment", "widget-article-image"];
-export declare type WidgetType<T = CombinedWidgetContent> = {
-    name: typeof widgetRefNames[number];
-    uniqid: string;
-    content: T;
-};
-export declare type WidgetArticleButtonType = WidgetType<WidgetButtonContent> & {
+export declare type CombinedWidgetType = WidgetTypeKeys[keyof WidgetTypeKeys];
+export declare type WidgetTypeKeys = {
+    'widget-article-button': WidgetArticleButtonType;
+    'widget-article-gallery': WidgetArticleGalleryType;
+    'widget-article-title': WidgetArticleTitleType;
+    'widget-article-text': WidgetArticleTextType;
+    'widget-article-image': WidgetArticleImageType;
+    'widget-article-attachment': WidgetArticleAttachmentType;
+};
+export declare type WidgetContentKeys = {
+    'widget-article-button': WidgetArticleButtonContent;
+    'widget-article-gallery': WidgetArticleGalleryContent;
+    'widget-article-title': WidgetArticleTitleContent;
+    'widget-article-text': WidgetArticleTextContent;
+    'widget-article-image': WidgetArticleImageContent;
+    'widget-article-attachment': WidgetArticleAttachmentContent;
+};
+export declare type WidgetKeys = keyof WidgetTypeKeys;
+export declare type WidgetExtendedType = {
+    layers?: string[];
+};
+export declare type WidgetArticleButtonType = {
     name: 'widget-article-button';
+    uniqid: string;
+    content: WidgetArticleButtonContent;
 };
-export declare type WidgetArticleGalleryType = WidgetType<WidgetArticleGalleryContent> & {
+export declare type WidgetArticleGalleryType = {
     name: 'widget-article-gallery';
+    uniqid: string;
+    content: WidgetArticleGalleryContent;
 };
-export declare type WidgetArticleTitleType = WidgetType<WidgetTitleContent> & {
+export declare type WidgetArticleTitleType = {
     name: 'widget-article-title';
+    uniqid: string;
+    content: WidgetArticleTitleContent;
 };
-export declare type WidgetArticleTextType = WidgetType<WidgetTextContent> & {
+export declare type WidgetArticleTextType = {
     name: 'widget-article-text';
+    uniqid: string;
+    content: WidgetArticleTextContent;
 };
-export declare type WidgetArticleImageType = WidgetType<WidgetImageContent> & {
+export declare type WidgetArticleImageType = {
     name: 'widget-article-image';
+    uniqid: string;
+    content: WidgetArticleImageContent;
 };
-export declare type WidgetArticleAttachmentType = WidgetType<WidgetArticleAttachmentContent> & {
+export declare type WidgetArticleAttachmentType = {
     name: 'widget-article-attachment';
+    uniqid: string;
+    content: WidgetArticleAttachmentContent;
 };
-export declare type WidgetTypes = WidgetArticleButtonType | WidgetArticleGalleryType | WidgetArticleTitleType | WidgetArticleTextType | WidgetArticleAttachmentType | WidgetArticleImageType;
 export declare type CSSTextAlignType = 'left' | 'right' | 'center' | 'justify';
 export declare type CSSBackgroundPosition = 'top' | 'bottom' | 'center' | 'left' | 'right';
 export declare type CSSBackgroundSize = 'auto' | 'contain' | 'cover';
 export declare type VariantSizeType = 'sm' | 'md' | 'lg';
 export declare type VariantType = 'contained' | 'outlined';
+export declare type OpeningType = 'link' | 'anchor' | 'popup';
 export declare type WidgetArticleGalleryContent = {
     gap?: string;
-    horizontalNumber?: string;
-    widgets?: WidgetWrapperProps<WidgetArticleImageType>[];
+    columnCount?: string;
+    files?: WidgetFileType[];
     galleryDisplay?: 'portrait' | 'landscape';
+    heightMode?: 'auto' | 'custom';
+    heightModeValue?: string;
 };
-export declare type WidgetTitleContent = {
+export declare type WidgetArticleTitleContent = {
     widgets?: WidgetWrapperProps[];
     text?: string;
     textAlign?: CSSTextAlignType;
@@ -63,14 +94,25 @@ export declare type WidgetTitleContent = {
     color?: string;
     backgroundColor?: string;
 };
-export declare type WidgetTextContent = {
+export declare type WidgetArticleTextContent = {
     text?: string;
     color?: string;
     fontSize?: string;
     lineHeight?: string;
     linkColor?: string;
 };
-export declare type WidgetButtonContent = {
+export declare type OpeningTypeLink = {
+    url: string;
+    target: string;
+};
+export declare type OpeningTypeAnchor = {
+    uniqid: string;
+};
+export declare type OpeningTypePopup = {
+    title: string;
+    widgets: WidgetWrapperProps[];
+};
+export declare type WidgetArticleButtonContent = {
     text?: string;
     color?: string;
     backgroundColor?: string;
@@ -78,8 +120,12 @@ export declare type WidgetButtonContent = {
     fontSize?: string;
     buttonSize?: VariantSizeType;
     variant?: VariantType;
+    openingType?: OpeningType;
+    openingTypeLink?: OpeningTypeLink;
+    openingTypeAnchor?: OpeningTypeAnchor;
+    openingTypePopup?: OpeningTypePopup;
 };
-export declare type WidgetImageContent = {
+export declare type WidgetArticleImageContent = {
     file?: WidgetFileType;
     useFilter?: boolean;
     displayAs?: 'image' | 'background';
@@ -94,18 +140,18 @@ export declare type WidgetArticleAttachmentContent = {
 };
 export declare type CombinedWidgetContent = {
     widgets?: WidgetWrapperProps[];
-} & (WidgetTextContent | WidgetImageContent | WidgetTitleContent | WidgetButtonContent | WidgetArticleGalleryContent | WidgetArticleAttachmentContent);
-export declare type WidgetContentKeys = keyof CombinedWidgetContent;
+} & (WidgetArticleTextContent | WidgetArticleImageContent | WidgetArticleTitleContent | WidgetArticleButtonContent | WidgetArticleGalleryContent | WidgetArticleAttachmentContent);
 export declare type WidgetStateProps = {
     busy?: boolean | undefined;
     loading?: boolean | undefined;
     initialized?: boolean | undefined;
     mounted?: boolean | undefined;
+    hover?: boolean | undefined;
 };
 export declare type WidgetDefinitionProps = {
     label: string;
     description: string;
-    name: typeof widgetRefNames[number];
+    name: WidgetKeys;
     img: string;
     available: boolean;
     panel: {
@@ -121,6 +167,7 @@ export declare type WidgetVector = {
 export declare type WidgetFileType = {
     id: number;
     filename: string;
+    name?: string;
     mimetype: string;
     dimension: {
         width: number;
@@ -138,6 +185,18 @@ export declare type WidgetsRootState = {
 export declare type WidgetsState = {
     token?: string | undefined;
     ids: Record<string, WidgetWrapperProps>;
+    layers: Record<string, WidgetLayer>;
     states: Record<string, WidgetStateProps>;
     modal: WidgetModalProps | undefined;
+    editableMap: Record<string, {
+        index: number;
+        uniqid: string;
+    }>;
+    currentEditableIndex: number;
+    currentEditableWidgetId: string | undefined;
+};
+export declare type ArticleWidgetType = jArticleLittle & {
+    articleWidgets: WidgetWrapperProps[];
+    articleWidgetsCover: number | undefined;
+    _audience: AudienceAutocomplete[];
 };

package/lib/src/util/file.d.ts

@@ -0,0 +1,7 @@
+import { FileResponse, WidgetFileType } from '../types';
+export declare const allowedFileExtensions: string[];
+export declare const mimetypeMap: Record<string, string>;
+export declare function getExtensionFromName(name: string | undefined): string | undefined;
+export declare function getFileFamily(mime: string): string | undefined;
+export declare function getMimetypeFromExtension(ext: string | undefined): string;
+export declare function apiFileToWidgetFile(fileResponse: FileResponse): WidgetFileType;

package/lib/src/util/file.test.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "jamespot-user-api",
-    "version": "1.0.101",
+    "version": "1.0.102",
     "scripts": {
         "build": "npx webpack --env NODE_ENV=production",
         "build-dev-vm": "npx webpack --env NODE_ENV=development --env NODE_BUILD=VM",