jamespot-react-components 1.0.202 → 1.0.204

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 (29) hide show
  1. package/build/jamespot-react-components.js +1179 -1199
  2. package/build/jamespot-react-components.js.LICENSE.txt +4 -4
  3. package/build/jamespot-react-components.js.map +1 -1
  4. package/build/src/components/Editors/components/EditorUploader.d.ts +1 -1
  5. package/build/src/components/Form/Input/JRCInputCheckbox/JRCInputCheckbox.d.ts +1 -0
  6. package/build/src/components/Form/Input/JRCInputCheckbox/components/JRCCheckbox.d.ts +3 -1
  7. package/build/src/components/Form/Input/JRCInputFileAdvanced/JRCInputFileAdvancedRaw.d.ts +7 -1
  8. package/build/src/components/Form/Input/JRCInputText/JRCInputText.style.d.ts +1 -0
  9. package/build/src/components/Form/Input/JRCSelect/SelectHierarchicalTreeModal.d.ts +1 -0
  10. package/build/src/components/JRCAppLeftColumn/JRCAppLeftColumn.styles.d.ts +1 -0
  11. package/build/src/components/JRCAttachments/JRCAttachments.d.ts +5 -4
  12. package/build/src/components/JRCAvatar/JRCAvatar.d.ts +1 -0
  13. package/build/src/components/JRCCommentsBloc/JRCCommentsBloc.d.ts +3 -2
  14. package/build/src/components/JRCFolders/JRCFolders.d.ts +3 -3
  15. package/build/src/components/JRCFolders/types.d.ts +5 -5
  16. package/build/src/components/JRCIconButton/JRCIconButton.d.ts +6 -0
  17. package/build/src/components/Widgets/JRCWidgetArticleText/JRCWidgetArticleText.stories.d.ts +6 -260
  18. package/build/src/components/Widgets/JRCWidgetAttachment/JRCWidgetAttachment.d.ts +4 -3
  19. package/build/src/components/Widgets/JRCWidgetTable/JRCWidgetDatasourceTableEditor.d.ts +4 -4
  20. package/build/src/components/Widgets/JRCWidgetTable/JRCWidgetTableEditor.d.ts +1 -21
  21. package/build/src/components/Widgets/JRCWidgetTable/JRCWidgetTableTdRenderer.d.ts +1 -1
  22. package/build/src/components/Widgets/JRCWidgetTable/components/WidgetDatasourceModelView.d.ts +1 -1
  23. package/build/src/components/Widgets/JRCWidgetTable/model/doc/DocEditor.d.ts +3 -3
  24. package/build/src/components/Widgets/JRCWidgetTable/model/excel/ExcelEditor.d.ts +3 -3
  25. package/build/src/components/Widgets/JRCWidgetTable/model/excel/ExcelEditorModel.d.ts +3 -3
  26. package/build/src/components/Widgets/JRCWidgetTable/model/excel/ExcelEditorSpreadSheets.d.ts +2 -2
  27. package/build/src/components/Widgets/JRCWidgetTable/model/excel/ExcelEditorUploader.d.ts +2 -2
  28. package/build/src/components/Widgets/JRCWidgetTable/model/studio/StudioEditor.d.ts +3 -3
  29. package/package.json +2 -3
@@ -6,7 +6,7 @@ export declare const EditorUploader: ({ token, uniqid, label, accept, multiple,
6
6
  label: string;
7
7
  accept: string;
8
8
  multiple: boolean;
9
- name?: "attachment" | "editorFiles" | undefined;
9
+ name?: "editorFiles" | "attachment" | undefined;
10
10
  onUploadStart: (count?: number) => void;
11
11
  onUploadSuccess: (response: jFileLittle) => void;
12
12
  onUploadSucessEnd?: (() => void) | undefined;
@@ -25,6 +25,7 @@ export type CheckboxProps<TFieldValues> = DataCy & {
25
25
  valueTypeIsBoolean?: boolean;
26
26
  readOnly?: boolean;
27
27
  getReadOnlyLabel?: (value: TFieldValues) => React.ReactNode;
28
+ limit?: number;
28
29
  };
29
30
  export type JRCInputCheckboxProps<TFieldValues extends FieldValues = FieldValues> = CheckboxProps<TFieldValues> & JRCInputFieldProps<TFieldValues>;
30
31
  export type NativeCheckboxProps<TFieldValues extends FieldValues = FieldValues> = CheckboxProps<TFieldValues> & PartialBy<Omit<ControllerRenderProps<TFieldValues>, 'value' | 'ref'>, 'onBlur'> & {
@@ -1,4 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import { FormInputProps } from '../../Deprecated/JRCFormFieldRender';
3
- export declare const CheckboxWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
3
+ export declare const CheckboxWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
4
+ disabled?: boolean | undefined;
5
+ }, never>;
4
6
  export declare const JRCCheckbox: React.ForwardRefExoticComponent<FormInputProps & React.RefAttributes<HTMLInputElement>>;
@@ -1,4 +1,4 @@
1
- import { Drive, jFileLittle } from 'jamespot-user-api';
1
+ import jamespot, { Drive, FileCopyParams, jFileLittle } from 'jamespot-user-api';
2
2
  import * as React from 'react';
3
3
  import { WrappedFieldInputProps } from 'redux-form';
4
4
  export type DriveOrFilebank = Drive | 'fileBank';
@@ -19,5 +19,11 @@ export interface JRCInputFileAdavancedProps extends React.ComponentPropsWithoutR
19
19
  existingFiles?: Array<jFileLittle>;
20
20
  deleteFile?: (id: number) => Promise<void>;
21
21
  activeDrives?: DriveOrFilebank[];
22
+ fileBankRequests?: {
23
+ getBanks: () => ReturnType<typeof jamespot.filebank.getBanks>;
24
+ getFolders: (uri: string) => ReturnType<typeof jamespot.filebank.getFolders>;
25
+ getDocuments: (uri: string) => ReturnType<typeof jamespot.filebank.getDocuments>;
26
+ copyFile: (params: FileCopyParams) => ReturnType<typeof jamespot.file.copy>;
27
+ };
22
28
  }
23
29
  export declare const JRCInputFileAdvancedRaw: React.ForwardRefExoticComponent<JRCInputFileAdavancedProps & React.RefAttributes<HTMLInputElement>>;
@@ -18,6 +18,7 @@ export declare const IconAfter: import("styled-components").StyledComponent<{
18
18
  bgHover?: import("../../../../styles/theme").Colors | import("../../../../styles/theme").Shades | undefined;
19
19
  iconSize?: number | undefined;
20
20
  badgeNumber?: number | undefined;
21
+ colorVariant?: string | undefined;
21
22
  badgeInline?: boolean | undefined;
22
23
  } & {
23
24
  type: string;
@@ -6,6 +6,7 @@ type SelectHierarchicalTreeModalProps = {
6
6
  inPlace: boolean;
7
7
  options: any[];
8
8
  updateOptions: (options: any[]) => void;
9
+ limit?: number;
9
10
  };
10
11
  export type SKOSTree = {
11
12
  title: string;
@@ -38,6 +38,7 @@ export declare const JRCIconButtonAppLeftColumn: import("styled-components").Sty
38
38
  bgHover?: import("../../styles/theme").Colors | import("../../styles/theme").Shades | undefined;
39
39
  iconSize?: number | undefined;
40
40
  badgeNumber?: number | undefined;
41
+ colorVariant?: string | undefined;
41
42
  badgeInline?: boolean | undefined;
42
43
  } & {
43
44
  type: string;
@@ -2,9 +2,10 @@ import { jFileLittle } from 'jamespot-user-api';
2
2
  import React from 'react';
3
3
  export type JRCAttachmentsProps = {
4
4
  files: jFileLittle[];
5
- isWedocActive: boolean;
5
+ isWedocActive?: boolean;
6
6
  getAccessHash?: (fileId: number) => Promise<string>;
7
- onError: (message?: string) => void;
8
- onDelete?: (id: number) => void;
7
+ onError?: (message?: string) => void;
8
+ onDelete?: (id: number) => Promise<void>;
9
+ mode?: 'view' | 'edit';
9
10
  };
10
- export declare const JRCAttachments: ({ files, isWedocActive, getAccessHash, onError, onDelete }: JRCAttachmentsProps) => React.JSX.Element;
11
+ export declare const JRCAttachments: ({ files, isWedocActive, getAccessHash, onError, onDelete, mode, }: JRCAttachmentsProps) => React.JSX.Element;
@@ -27,6 +27,7 @@ export type JRCAvatarProps = Omit<JRCImgProps, 'size' | 'width' | 'height' | 'al
27
27
  cssColor?: string;
28
28
  iconWhite?: boolean;
29
29
  alt?: string;
30
+ testId?: string;
30
31
  onLoad?: () => void;
31
32
  };
32
33
  export declare const JRCAvatar: (props: JRCAvatarProps) => React.JSX.Element;
@@ -2,7 +2,7 @@ import jamespot, { AddCommentParams, AddRemoveActionParams, Model, UpdateComment
2
2
  import { jCommentList } from 'jamespot-user-api/lib/src/types/comment';
3
3
  import React from 'react';
4
4
  import { JRCInputTinyMCERawProps } from '../Form/Input/JRCInputTinyMCERaw/JRCInputTinyMCERaw';
5
- import { DriveOrFilebank } from '../Form/Input/JRCInputFileAdvanced/JRCInputFileAdvancedRaw';
5
+ import { DriveOrFilebank, JRCInputFileAdavancedProps } from '../Form/Input/JRCInputFileAdvanced/JRCInputFileAdvancedRaw';
6
6
  export type JRCCommentsBlocProps = {
7
7
  comments?: jCommentList[];
8
8
  initialCommentsNumber?: number;
@@ -33,6 +33,7 @@ export type JRCCommentsBlocProps = {
33
33
  socialActionAdd: ({ targetId, targetType, type, }: AddRemoveActionParams) => ReturnType<typeof jamespot.socialAction.add>;
34
34
  variant?: 'modal' | 'inline';
35
35
  canComment: boolean;
36
+ fileBankRequests: Required<JRCInputFileAdavancedProps>['fileBankRequests'];
36
37
  };
37
38
  export declare const AvatarWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
38
- export declare const JRCCommentsBloc: ({ comments, initialCommentsNumber, currentUser, tinyMCEConfig, onComment, isWidgetActive, widgetListComponent, newWidgetsWrapperComponent, existingWidgetsWrapperComponent, loading, token, onCommentDelete, onCommentUpdate, fetchUser, fetchUserFields, deleteFile, fetchSocialActionUserList, removeLike, onError, highlightFields, userModel, userAccountStatus, isWedocActive, getAccessHash, onGetHashError, activeDrives, socialActionAdd, variant, canComment, }: JRCCommentsBlocProps) => React.JSX.Element;
39
+ export declare const JRCCommentsBloc: ({ comments, initialCommentsNumber, currentUser, tinyMCEConfig, onComment, isWidgetActive, widgetListComponent, newWidgetsWrapperComponent, existingWidgetsWrapperComponent, loading, token, onCommentDelete, onCommentUpdate, fetchUser, fetchUserFields, deleteFile, fetchSocialActionUserList, removeLike, onError, highlightFields, userModel, userAccountStatus, isWedocActive, getAccessHash, onGetHashError, activeDrives, socialActionAdd, variant, canComment, fileBankRequests, }: JRCCommentsBlocProps) => React.JSX.Element;
@@ -1,9 +1,9 @@
1
1
  import * as React from 'react';
2
- import { FileBankDocument, FolderType } from 'jamespot-user-api';
2
+ import { jFolderList, jArticleView } from 'jamespot-user-api';
3
3
  import { JRCFoldersProps } from './types';
4
- export type EntryType = FolderType | FileBankDocument;
4
+ export type EntryType = jFolderList | jArticleView;
5
5
  export declare const JRCFolders: ({ loadDocuments, allowMultiSelection, asyncBanksPromise, asyncFoldersPromise, asyncDocumentsPromise, initialFolders, initialDocuments, onSelectFolder, onSelectDocument, }: JRCFoldersProps) => React.JSX.Element;
6
6
  export declare const ArticleNbSelection: ({ uris, document }: {
7
7
  uris: string[];
8
- document: FileBankDocument;
8
+ document: jArticleView;
9
9
  }) => React.JSX.Element;
@@ -1,14 +1,14 @@
1
- import { ApiPagingResults, ApiWrapper, FileBankDocument, FileBankProps, FolderType, jFileLittle } from 'jamespot-user-api';
1
+ import { ApiPagingResults, ApiWrapper, FileBankProps, jFolderList, jFileLittle, jArticleView } from 'jamespot-user-api';
2
2
  export type JRCFoldersProps = {
3
3
  loadDocuments?: boolean;
4
4
  initialFolders?: string[];
5
5
  initialDocuments?: string[];
6
- initialBankFolder?: FolderType;
6
+ initialBankFolder?: jFolderList;
7
7
  allowMultiSelection?: boolean;
8
8
  asyncBanksPromise: () => Promise<FileBankProps[]>;
9
- asyncFoldersPromise: (uri: string) => Promise<ApiWrapper<FolderType[]>>;
10
- asyncDocumentsPromise: (uri: string) => Promise<ApiPagingResults<FileBankDocument>>;
11
- onSelectFolder?: (folder: FolderType[]) => void;
9
+ asyncFoldersPromise: (uri: string) => Promise<ApiWrapper<jFolderList[]>>;
10
+ asyncDocumentsPromise: (uri: string) => Promise<ApiPagingResults<jArticleView>>;
11
+ onSelectFolder?: (folder: jFolderList[]) => void;
12
12
  onSelectDocument?: (document: jFileLittle[]) => void;
13
13
  };
14
14
  export interface JRCFolderProps {
@@ -2,6 +2,11 @@ import * as React from 'react';
2
2
  import { Colors, Shades } from 'styles/theme';
3
3
  import { JRCTooltipProps } from '../JRCTooltip/JRCTooltip';
4
4
  import { DataCy } from '../../types/dataAttributes';
5
+ declare const colorVariants: Record<string, {
6
+ color: Colors | Shades;
7
+ bg: Colors | Shades;
8
+ bgHover: Colors | Shades;
9
+ }>;
5
10
  /**
6
11
  * IconButton props
7
12
  * @member icon icon of the button
@@ -33,6 +38,7 @@ export type JRCIconButtonProps = Omit<React.ComponentPropsWithoutRef<'button'>,
33
38
  bgHover?: Colors | Shades;
34
39
  iconSize?: number;
35
40
  badgeNumber?: number;
41
+ colorVariant?: keyof typeof colorVariants;
36
42
  badgeInline?: boolean;
37
43
  };
38
44
  declare const defaultProps: {
@@ -8,122 +8,19 @@ export declare const Primary: Story<{
8
8
  onChange: (args_0: {
9
9
  widgets?: {
10
10
  title: string;
11
- widget: ({
11
+ widget: {
12
12
  layers?: string[] | undefined;
13
- } & import("jamespot-user-api").WidgetArticleButtonType) | ({
14
- layers?: string[] | undefined;
15
- } & import("jamespot-user-api").WidgetArticleGalleryType) | ({
16
- layers?: string[] | undefined;
17
- } & import("jamespot-user-api").WidgetArticleTitleType) | ({
18
- layers?: string[] | undefined;
19
- } & import("jamespot-user-api").WidgetArticleTextType) | ({
20
- layers?: string[] | undefined;
21
- } & import("jamespot-user-api").WidgetArticleImageType) | ({
22
- layers?: string[] | undefined;
23
- } & import("jamespot-user-api").WidgetArticleAttachmentType) | ({
24
- layers?: string[] | undefined;
25
- } & import("jamespot-user-api").WidgetApiType) | ({
26
- layers?: string[] | undefined;
27
- } & import("jamespot-user-api").WidgetArticleSliderType) | ({
28
- layers?: string[] | undefined;
29
- } & import("jamespot-user-api").WidgetType<import("jamespot-user-api").WidgetCheckListContent & import("jamespot-user-api").LegacyAngularJSType>) | ({
30
- layers?: string[] | undefined;
31
- } & import("jamespot-user-api").WidgetDatasourceTableType) | ({
32
- layers?: string[] | undefined;
33
- } & {
13
+ } & (import("jamespot-user-api").WidgetArticleButtonType | import("jamespot-user-api").WidgetArticleGalleryType | import("jamespot-user-api").WidgetArticleTitleType | import("jamespot-user-api").WidgetArticleTextType | import("jamespot-user-api").WidgetArticleImageType | import("jamespot-user-api").WidgetArticleAttachmentType | import("jamespot-user-api").WidgetApiType | import("jamespot-user-api").WidgetArticleSliderType | import("jamespot-user-api").WidgetType<import("jamespot-user-api").WidgetCheckListContent & import("jamespot-user-api").LegacyAngularJSType> | import("jamespot-user-api").WidgetDatasourceTableType | {
34
14
  name: import("jamespot-user-api").WidgetsName.ExcelDatasourceTable;
35
15
  uniqid: string;
36
16
  content: {
37
- limit?: number | undefined;
38
- tableColumnsData?: {
39
- name?: string | undefined;
40
- isVisible?: boolean | undefined;
41
- textEllipsis?: boolean | undefined;
42
- label?: string | undefined;
43
- dateFormat?: "time" | "date" | "date-time" | "date-time-sec" | "time-sec" | undefined;
44
- numberFormat?: "fr-FR" | "en-EN" | "filesize" | undefined;
45
- }[] | undefined;
46
- tableHeadColor?: string | undefined;
47
- tableHeadTextColor?: string | undefined;
48
- tableHeadIconColor?: string | undefined;
49
- tableRowColor?: string | undefined;
50
- tableRowTextColor?: string | undefined;
51
- tableBorderRadius?: number | undefined;
52
- tableSizedColumns?: boolean | undefined;
53
- tableSizedColumnsWidth?: number | undefined;
54
17
  uri?: string | undefined;
55
- };
56
- }) | ({
57
- layers?: string[] | undefined;
58
- } & {
59
- name: import("jamespot-user-api").WidgetsName.ExcelDatasourceTable;
60
- uniqid: string;
61
- content: {
62
18
  limit?: number | undefined;
63
19
  tableColumnsData?: {
64
20
  name?: string | undefined;
65
- isVisible?: boolean | undefined;
66
- textEllipsis?: boolean | undefined;
67
21
  label?: string | undefined;
68
- dateFormat?: "time" | "date" | "date-time" | "date-time-sec" | "time-sec" | undefined;
69
- numberFormat?: "fr-FR" | "en-EN" | "filesize" | undefined;
70
- }[] | undefined;
71
- tableHeadColor?: string | undefined;
72
- tableHeadTextColor?: string | undefined;
73
- tableHeadIconColor?: string | undefined;
74
- tableRowColor?: string | undefined;
75
- tableRowTextColor?: string | undefined;
76
- tableBorderRadius?: number | undefined;
77
- tableSizedColumns?: boolean | undefined;
78
- tableSizedColumnsWidth?: number | undefined;
79
- uri?: string | undefined;
80
- };
81
- }) | ({
82
- layers?: string[] | undefined;
83
- } & import("jamespot-user-api").WidgetArticleButtonType & import("jamespot-user-api").WidgetType<import("jamespot-user-api").WidgetCheckListContent & import("jamespot-user-api").LegacyAngularJSType>) | ({
84
- layers?: string[] | undefined;
85
- } & import("jamespot-user-api").WidgetArticleGalleryType & import("jamespot-user-api").WidgetType<import("jamespot-user-api").WidgetCheckListContent & import("jamespot-user-api").LegacyAngularJSType>) | ({
86
- layers?: string[] | undefined;
87
- } & import("jamespot-user-api").WidgetArticleTitleType & import("jamespot-user-api").WidgetType<import("jamespot-user-api").WidgetCheckListContent & import("jamespot-user-api").LegacyAngularJSType>) | ({
88
- layers?: string[] | undefined;
89
- } & import("jamespot-user-api").WidgetArticleTextType & import("jamespot-user-api").WidgetType<import("jamespot-user-api").WidgetCheckListContent & import("jamespot-user-api").LegacyAngularJSType>) | ({
90
- layers?: string[] | undefined;
91
- } & import("jamespot-user-api").WidgetArticleImageType & import("jamespot-user-api").WidgetType<import("jamespot-user-api").WidgetCheckListContent & import("jamespot-user-api").LegacyAngularJSType>) | ({
92
- layers?: string[] | undefined;
93
- } & import("jamespot-user-api").WidgetArticleAttachmentType & import("jamespot-user-api").WidgetType<import("jamespot-user-api").WidgetCheckListContent & import("jamespot-user-api").LegacyAngularJSType>) | ({
94
- layers?: string[] | undefined;
95
- } & import("jamespot-user-api").WidgetApiType & import("jamespot-user-api").WidgetType<import("jamespot-user-api").WidgetCheckListContent & import("jamespot-user-api").LegacyAngularJSType>) | ({
96
- layers?: string[] | undefined;
97
- } & import("jamespot-user-api").WidgetArticleSliderType & import("jamespot-user-api").WidgetType<import("jamespot-user-api").WidgetCheckListContent & import("jamespot-user-api").LegacyAngularJSType>) | ({
98
- layers?: string[] | undefined;
99
- } & import("jamespot-user-api").WidgetType<import("jamespot-user-api").WidgetCheckListContent & import("jamespot-user-api").LegacyAngularJSType> & import("jamespot-user-api").WidgetArticleButtonType) | ({
100
- layers?: string[] | undefined;
101
- } & import("jamespot-user-api").WidgetType<import("jamespot-user-api").WidgetCheckListContent & import("jamespot-user-api").LegacyAngularJSType> & import("jamespot-user-api").WidgetArticleGalleryType) | ({
102
- layers?: string[] | undefined;
103
- } & import("jamespot-user-api").WidgetType<import("jamespot-user-api").WidgetCheckListContent & import("jamespot-user-api").LegacyAngularJSType> & import("jamespot-user-api").WidgetArticleTitleType) | ({
104
- layers?: string[] | undefined;
105
- } & import("jamespot-user-api").WidgetType<import("jamespot-user-api").WidgetCheckListContent & import("jamespot-user-api").LegacyAngularJSType> & import("jamespot-user-api").WidgetArticleTextType) | ({
106
- layers?: string[] | undefined;
107
- } & import("jamespot-user-api").WidgetType<import("jamespot-user-api").WidgetCheckListContent & import("jamespot-user-api").LegacyAngularJSType> & import("jamespot-user-api").WidgetArticleImageType) | ({
108
- layers?: string[] | undefined;
109
- } & import("jamespot-user-api").WidgetType<import("jamespot-user-api").WidgetCheckListContent & import("jamespot-user-api").LegacyAngularJSType> & import("jamespot-user-api").WidgetArticleAttachmentType) | ({
110
- layers?: string[] | undefined;
111
- } & import("jamespot-user-api").WidgetType<import("jamespot-user-api").WidgetCheckListContent & import("jamespot-user-api").LegacyAngularJSType> & import("jamespot-user-api").WidgetApiType) | ({
112
- layers?: string[] | undefined;
113
- } & import("jamespot-user-api").WidgetType<import("jamespot-user-api").WidgetCheckListContent & import("jamespot-user-api").LegacyAngularJSType> & import("jamespot-user-api").WidgetArticleSliderType) | ({
114
- layers?: string[] | undefined;
115
- } & import("jamespot-user-api").WidgetType<import("jamespot-user-api").WidgetCheckListContent & import("jamespot-user-api").LegacyAngularJSType> & import("jamespot-user-api").WidgetDatasourceTableType) | ({
116
- layers?: string[] | undefined;
117
- } & import("jamespot-user-api").WidgetType<import("jamespot-user-api").WidgetCheckListContent & import("jamespot-user-api").LegacyAngularJSType> & {
118
- name: import("jamespot-user-api").WidgetsName.ExcelDatasourceTable;
119
- uniqid: string;
120
- content: {
121
- limit?: number | undefined;
122
- tableColumnsData?: {
123
- name?: string | undefined;
124
22
  isVisible?: boolean | undefined;
125
23
  textEllipsis?: boolean | undefined;
126
- label?: string | undefined;
127
24
  dateFormat?: "time" | "date" | "date-time" | "date-time-sec" | "time-sec" | undefined;
128
25
  numberFormat?: "fr-FR" | "en-EN" | "filesize" | undefined;
129
26
  }[] | undefined;
@@ -135,95 +32,18 @@ export declare const Primary: Story<{
135
32
  tableBorderRadius?: number | undefined;
136
33
  tableSizedColumns?: boolean | undefined;
137
34
  tableSizedColumnsWidth?: number | undefined;
138
- uri?: string | undefined;
139
35
  };
140
- }) | ({
141
- layers?: string[] | undefined;
142
- } & import("jamespot-user-api").WidgetType<import("jamespot-user-api").WidgetCheckListContent & import("jamespot-user-api").LegacyAngularJSType> & {
36
+ } | {
143
37
  name: import("jamespot-user-api").WidgetsName.ExcelDatasourceTable;
144
38
  uniqid: string;
145
39
  content: {
146
- limit?: number | undefined;
147
- tableColumnsData?: {
148
- name?: string | undefined;
149
- isVisible?: boolean | undefined;
150
- textEllipsis?: boolean | undefined;
151
- label?: string | undefined;
152
- dateFormat?: "time" | "date" | "date-time" | "date-time-sec" | "time-sec" | undefined;
153
- numberFormat?: "fr-FR" | "en-EN" | "filesize" | undefined;
154
- }[] | undefined;
155
- tableHeadColor?: string | undefined;
156
- tableHeadTextColor?: string | undefined;
157
- tableHeadIconColor?: string | undefined;
158
- tableRowColor?: string | undefined;
159
- tableRowTextColor?: string | undefined;
160
- tableBorderRadius?: number | undefined;
161
- tableSizedColumns?: boolean | undefined;
162
- tableSizedColumnsWidth?: number | undefined;
163
40
  uri?: string | undefined;
164
- };
165
- }) | ({
166
- layers?: string[] | undefined;
167
- } & import("jamespot-user-api").WidgetDatasourceTableType & import("jamespot-user-api").WidgetType<import("jamespot-user-api").WidgetCheckListContent & import("jamespot-user-api").LegacyAngularJSType>) | ({
168
- layers?: string[] | undefined;
169
- } & {
170
- name: import("jamespot-user-api").WidgetsName.ExcelDatasourceTable;
171
- uniqid: string;
172
- content: {
173
41
  limit?: number | undefined;
174
42
  tableColumnsData?: {
175
43
  name?: string | undefined;
176
- isVisible?: boolean | undefined;
177
- textEllipsis?: boolean | undefined;
178
44
  label?: string | undefined;
179
- dateFormat?: "time" | "date" | "date-time" | "date-time-sec" | "time-sec" | undefined;
180
- numberFormat?: "fr-FR" | "en-EN" | "filesize" | undefined;
181
- }[] | undefined;
182
- tableHeadColor?: string | undefined;
183
- tableHeadTextColor?: string | undefined;
184
- tableHeadIconColor?: string | undefined;
185
- tableRowColor?: string | undefined;
186
- tableRowTextColor?: string | undefined;
187
- tableBorderRadius?: number | undefined;
188
- tableSizedColumns?: boolean | undefined;
189
- tableSizedColumnsWidth?: number | undefined;
190
- uri?: string | undefined;
191
- };
192
- } & import("jamespot-user-api").WidgetType<import("jamespot-user-api").WidgetCheckListContent & import("jamespot-user-api").LegacyAngularJSType>) | ({
193
- layers?: string[] | undefined;
194
- } & {
195
- name: import("jamespot-user-api").WidgetsName.ExcelDatasourceTable;
196
- uniqid: string;
197
- content: {
198
- limit?: number | undefined;
199
- tableColumnsData?: {
200
- name?: string | undefined;
201
- isVisible?: boolean | undefined;
202
- textEllipsis?: boolean | undefined;
203
- label?: string | undefined;
204
- dateFormat?: "time" | "date" | "date-time" | "date-time-sec" | "time-sec" | undefined;
205
- numberFormat?: "fr-FR" | "en-EN" | "filesize" | undefined;
206
- }[] | undefined;
207
- tableHeadColor?: string | undefined;
208
- tableHeadTextColor?: string | undefined;
209
- tableHeadIconColor?: string | undefined;
210
- tableRowColor?: string | undefined;
211
- tableRowTextColor?: string | undefined;
212
- tableBorderRadius?: number | undefined;
213
- tableSizedColumns?: boolean | undefined;
214
- tableSizedColumnsWidth?: number | undefined;
215
- uri?: string | undefined;
216
- };
217
- } & {
218
- name: import("jamespot-user-api").WidgetsName.ExcelDatasourceTable;
219
- uniqid: string;
220
- content: {
221
- limit?: number | undefined;
222
- tableColumnsData?: {
223
- name?: string | undefined;
224
45
  isVisible?: boolean | undefined;
225
46
  textEllipsis?: boolean | undefined;
226
- label?: string | undefined;
227
47
  dateFormat?: "time" | "date" | "date-time" | "date-time-sec" | "time-sec" | undefined;
228
48
  numberFormat?: "fr-FR" | "en-EN" | "filesize" | undefined;
229
49
  }[] | undefined;
@@ -235,84 +55,10 @@ export declare const Primary: Story<{
235
55
  tableBorderRadius?: number | undefined;
236
56
  tableSizedColumns?: boolean | undefined;
237
57
  tableSizedColumnsWidth?: number | undefined;
238
- uri?: string | undefined;
239
- };
240
- }) | ({
241
- layers?: string[] | undefined;
242
- } & {
243
- name: import("jamespot-user-api").WidgetsName.ExcelDatasourceTable;
244
- uniqid: string;
245
- content: {
246
- limit?: number | undefined;
247
- tableColumnsData?: {
248
- name?: string | undefined;
249
- isVisible?: boolean | undefined;
250
- textEllipsis?: boolean | undefined;
251
- label?: string | undefined;
252
- dateFormat?: "time" | "date" | "date-time" | "date-time-sec" | "time-sec" | undefined;
253
- numberFormat?: "fr-FR" | "en-EN" | "filesize" | undefined;
254
- }[] | undefined;
255
- tableHeadColor?: string | undefined;
256
- tableHeadTextColor?: string | undefined;
257
- tableHeadIconColor?: string | undefined;
258
- tableRowColor?: string | undefined;
259
- tableRowTextColor?: string | undefined;
260
- tableBorderRadius?: number | undefined;
261
- tableSizedColumns?: boolean | undefined;
262
- tableSizedColumnsWidth?: number | undefined;
263
- uri?: string | undefined;
264
- };
265
- } & import("jamespot-user-api").WidgetType<import("jamespot-user-api").WidgetCheckListContent & import("jamespot-user-api").LegacyAngularJSType>) | ({
266
- layers?: string[] | undefined;
267
- } & {
268
- name: import("jamespot-user-api").WidgetsName.ExcelDatasourceTable;
269
- uniqid: string;
270
- content: {
271
- limit?: number | undefined;
272
- tableColumnsData?: {
273
- name?: string | undefined;
274
- isVisible?: boolean | undefined;
275
- textEllipsis?: boolean | undefined;
276
- label?: string | undefined;
277
- dateFormat?: "time" | "date" | "date-time" | "date-time-sec" | "time-sec" | undefined;
278
- numberFormat?: "fr-FR" | "en-EN" | "filesize" | undefined;
279
- }[] | undefined;
280
- tableHeadColor?: string | undefined;
281
- tableHeadTextColor?: string | undefined;
282
- tableHeadIconColor?: string | undefined;
283
- tableRowColor?: string | undefined;
284
- tableRowTextColor?: string | undefined;
285
- tableBorderRadius?: number | undefined;
286
- tableSizedColumns?: boolean | undefined;
287
- tableSizedColumnsWidth?: number | undefined;
288
- uri?: string | undefined;
289
- };
290
- } & {
291
- name: import("jamespot-user-api").WidgetsName.ExcelDatasourceTable;
292
- uniqid: string;
293
- content: {
294
- limit?: number | undefined;
295
- tableColumnsData?: {
296
- name?: string | undefined;
297
- isVisible?: boolean | undefined;
298
- textEllipsis?: boolean | undefined;
299
- label?: string | undefined;
300
- dateFormat?: "time" | "date" | "date-time" | "date-time-sec" | "time-sec" | undefined;
301
- numberFormat?: "fr-FR" | "en-EN" | "filesize" | undefined;
302
- }[] | undefined;
303
- tableHeadColor?: string | undefined;
304
- tableHeadTextColor?: string | undefined;
305
- tableHeadIconColor?: string | undefined;
306
- tableRowColor?: string | undefined;
307
- tableRowTextColor?: string | undefined;
308
- tableBorderRadius?: number | undefined;
309
- tableSizedColumns?: boolean | undefined;
310
- tableSizedColumnsWidth?: number | undefined;
311
- uri?: string | undefined;
312
58
  };
313
59
  });
314
60
  }[] | undefined;
315
- } & (import("jamespot-user-api").WidgetApiContent | import("jamespot-user-api").WidgetArticleAttachmentContent | import("jamespot-user-api").WidgetArticleGalleryContent | import("jamespot-user-api").WidgetArticleImageContent | import("jamespot-user-api").WidgetArticleTitleContent | WidgetArticleTextContent | import("jamespot-user-api").WidgetArticleSliderContent | import("jamespot-user-api").WidgetCheckListContent | {
61
+ } & (import("jamespot-user-api").WidgetCheckListContent | import("jamespot-user-api").WidgetApiContent | import("jamespot-user-api").WidgetArticleAttachmentContent | import("jamespot-user-api").WidgetArticleGalleryContent | import("jamespot-user-api").WidgetArticleImageContent | import("jamespot-user-api").WidgetArticleTitleContent | WidgetArticleTextContent | import("jamespot-user-api").WidgetArticleSliderContent | {
316
62
  url?: string | undefined;
317
63
  target?: string | undefined;
318
64
  text?: string | undefined;
@@ -335,12 +81,13 @@ export declare const Primary: Story<{
335
81
  widgets: import("jamespot-user-api").WidgetBaseType[];
336
82
  } | undefined;
337
83
  } | {
84
+ uri?: string | undefined;
338
85
  limit?: number | undefined;
339
86
  tableColumnsData?: {
340
87
  name?: string | undefined;
88
+ label?: string | undefined;
341
89
  isVisible?: boolean | undefined;
342
90
  textEllipsis?: boolean | undefined;
343
- label?: string | undefined;
344
91
  dateFormat?: "time" | "date" | "date-time" | "date-time-sec" | "time-sec" | undefined;
345
92
  numberFormat?: "fr-FR" | "en-EN" | "filesize" | undefined;
346
93
  }[] | undefined;
@@ -352,7 +99,6 @@ export declare const Primary: Story<{
352
99
  tableBorderRadius?: number | undefined;
353
100
  tableSizedColumns?: boolean | undefined;
354
101
  tableSizedColumnsWidth?: number | undefined;
355
- uri?: string | undefined;
356
102
  }), args_1: boolean, ...args_2: unknown[]) => void;
357
103
  onStateChange: (args_0: {
358
104
  busy?: boolean | undefined;
@@ -12,17 +12,18 @@ export type JRCWidgetAttachmentProps = {
12
12
  size: number;
13
13
  }[];
14
14
  fileDisplay?: 'list';
15
- onDelete?: (idFile: number) => void;
16
- onError: (message?: string) => void;
15
+ onDelete?: (idFile: number) => Promise<void>;
16
+ onError?: (message?: string) => void;
17
17
  mocks?: {
18
18
  fileGetDownloads: typeof jamespot.file.getDownload;
19
19
  fileGeneratePreview: typeof jamespot.file.generatePreview;
20
20
  };
21
+ mode?: 'view' | 'edit';
21
22
  };
22
23
  /**
23
24
  * TODO: resolveFileMimetype should be done before
24
25
  */
25
- export declare const JRCWidgetAttachment: ({ files, inline, onClick, onDelete, onError, mocks, }: JRCWidgetAttachmentProps & {
26
+ export declare const JRCWidgetAttachment: ({ files, inline, onClick, onDelete, onError, mocks, mode, }: JRCWidgetAttachmentProps & {
26
27
  onClick: (idFile: number) => void;
27
28
  inline?: boolean | undefined;
28
29
  }) => React.JSX.Element;
@@ -1,12 +1,13 @@
1
1
  import React from 'react';
2
2
  import { WidgetDatasourceTableContent, WidgetEditorActions, WidgetEditorErrorActions } from 'jamespot-user-api';
3
3
  export declare const JRCWidgetDatasourceTableEditor: ({ uri, limit, tableHeadColor, tableHeadTextColor, tableHeadIconColor, tableRowColor, tableRowTextColor, tableColumnsData, tableBorderRadius, tableSizedColumns, tableSizedColumnsWidth, editorAppDependencies, onChange, onSave, onStateChange, onError, }: {
4
+ uri?: string | undefined;
4
5
  limit?: number | undefined;
5
6
  tableColumnsData?: {
6
7
  name?: string | undefined;
8
+ label?: string | undefined;
7
9
  isVisible?: boolean | undefined;
8
10
  textEllipsis?: boolean | undefined;
9
- label?: string | undefined;
10
11
  dateFormat?: "time" | "date" | "date-time" | "date-time-sec" | "time-sec" | undefined;
11
12
  numberFormat?: "fr-FR" | "en-EN" | "filesize" | undefined;
12
13
  }[] | undefined;
@@ -18,19 +19,19 @@ export declare const JRCWidgetDatasourceTableEditor: ({ uri, limit, tableHeadCol
18
19
  tableBorderRadius?: number | undefined;
19
20
  tableSizedColumns?: boolean | undefined;
20
21
  tableSizedColumnsWidth?: number | undefined;
21
- uri?: string | undefined;
22
22
  } & {
23
23
  editorAppDependencies: {
24
24
  useStudio: boolean;
25
25
  useFileBank: boolean;
26
26
  };
27
27
  } & WidgetEditorActions<{
28
+ uri?: string | undefined;
28
29
  limit?: number | undefined;
29
30
  tableColumnsData?: {
30
31
  name?: string | undefined;
32
+ label?: string | undefined;
31
33
  isVisible?: boolean | undefined;
32
34
  textEllipsis?: boolean | undefined;
33
- label?: string | undefined;
34
35
  dateFormat?: "time" | "date" | "date-time" | "date-time-sec" | "time-sec" | undefined;
35
36
  numberFormat?: "fr-FR" | "en-EN" | "filesize" | undefined;
36
37
  }[] | undefined;
@@ -42,5 +43,4 @@ export declare const JRCWidgetDatasourceTableEditor: ({ uri, limit, tableHeadCol
42
43
  tableBorderRadius?: number | undefined;
43
44
  tableSizedColumns?: boolean | undefined;
44
45
  tableSizedColumnsWidth?: number | undefined;
45
- uri?: string | undefined;
46
46
  }> & WidgetEditorErrorActions) => React.JSX.Element;
@@ -4,9 +4,9 @@ export declare const JRCWidgetTableEditor: ({ limit, tableHeadColor, tableHeadTe
4
4
  limit?: number | undefined;
5
5
  tableColumnsData?: {
6
6
  name?: string | undefined;
7
+ label?: string | undefined;
7
8
  isVisible?: boolean | undefined;
8
9
  textEllipsis?: boolean | undefined;
9
- label?: string | undefined;
10
10
  dateFormat?: "time" | "date" | "date-time" | "date-time-sec" | "time-sec" | undefined;
11
11
  numberFormat?: "fr-FR" | "en-EN" | "filesize" | undefined;
12
12
  }[] | undefined;
@@ -33,26 +33,6 @@ export declare const JRCWidgetTableEditor: ({ limit, tableHeadColor, tableHeadTe
33
33
  type: "select";
34
34
  } | {
35
35
  type: "date";
36
- } | {
37
- type: "text";
38
- } | {
39
- options: {
40
- value: string;
41
- label: string;
42
- }[];
43
- type: "select";
44
- } | {
45
- type: "date";
46
- } | {
47
- type: "text";
48
- } | {
49
- options: {
50
- value: string;
51
- label: string;
52
- }[];
53
- type: "select";
54
- } | {
55
- type: "date";
56
36
  };
57
37
  sortable?: boolean | undefined;
58
38
  }[];
@@ -6,9 +6,9 @@ export declare const JRCWidgetTableTdRenderer: ({ value, name, type, backgroundC
6
6
  name: string;
7
7
  tableColumnsData: {
8
8
  name?: string | undefined;
9
+ label?: string | undefined;
9
10
  isVisible?: boolean | undefined;
10
11
  textEllipsis?: boolean | undefined;
11
- label?: string | undefined;
12
12
  dateFormat?: "time" | "date" | "date-time" | "date-time-sec" | "time-sec" | undefined;
13
13
  numberFormat?: "fr-FR" | "en-EN" | "filesize" | undefined;
14
14
  }[];
@@ -5,9 +5,9 @@ export declare const WidgetDatasourceModelView: ({ model, tableColumnsData, onCh
5
5
  model: WidgetTableColumn[];
6
6
  tableColumnsData: {
7
7
  name?: string | undefined;
8
+ label?: string | undefined;
8
9
  isVisible?: boolean | undefined;
9
10
  textEllipsis?: boolean | undefined;
10
- label?: string | undefined;
11
11
  dateFormat?: "time" | "date" | "date-time" | "date-time-sec" | "time-sec" | undefined;
12
12
  numberFormat?: "fr-FR" | "en-EN" | "filesize" | undefined;
13
13
  }[];