jamespot-react-components 1.0.246 → 1.0.247
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.
- package/build/jamespot-react-components.js +76 -70
- package/build/jamespot-react-components.js.map +1 -1
- package/build/src/components/Drives/components/DriveFiltererList.d.ts +3 -3
- package/build/src/components/Drives/components/EntityItem.d.ts +2 -2
- package/build/src/components/Form/Input/JRCInputFile/utils/file.api.d.ts +1 -1
- package/build/src/components/JRCEmptySpace/JRCEmptySpace.d.ts +2 -0
- package/build/src/components/JRCFileViewer/JRCFileViewer.d.ts +1 -1
- package/build/src/components/JRCFlex/JRCFlexBox.d.ts +2 -2
- package/build/src/components/Widgets/JRCWidgetArticleText/JRCWidgetArticleText.stories.d.ts +5 -5
- package/build/src/components/Widgets/JRCWidgetCheckList/JRCWidgetCheckList.d.ts +7 -8
- package/build/src/components/Widgets/JRCWidgetPresence/JRCWidgetPresence.styles.d.ts +4 -3
- package/build/src/components/Widgets/JRCWidgetQuickSurvey/JRCWidgetQuickSurveyResponse.d.ts +13 -0
- package/build/src/components/Widgets/JRCWidgetSlider/JRCWidgetArticleSliderEditor.d.ts +1 -1
- package/build/src/components/Widgets/JRCWidgetTable/JRCWidgetDatasourceTableEditor.d.ts +2 -2
- package/build/src/components/Widgets/JRCWidgetTable/JRCWidgetExcelDatasourceTableEditor.d.ts +2 -2
- package/build/src/components/Widgets/components/WidgetAvatarList.d.ts +11 -0
- package/build/src/components/Widgets/context/hooks.d.ts +5 -5
- package/build/src/utils/index.d.ts +1 -1
- package/package.json +2 -2
- package/build/src/components/Widgets/JRCWidgetPresence/PresenceAvatar.d.ts +0 -9
|
@@ -16,8 +16,8 @@ export declare const visibilityFilter: <T extends {
|
|
|
16
16
|
type: string;
|
|
17
17
|
id: string;
|
|
18
18
|
title: string;
|
|
19
|
-
mimetype?: string | undefined;
|
|
20
19
|
size?: number | undefined;
|
|
20
|
+
mimetype?: string | undefined;
|
|
21
21
|
webUrl?: string | undefined;
|
|
22
22
|
}>(array: T[], filters: Array<'public' | 'private'>) => T[];
|
|
23
23
|
export declare const typeFilter: <T extends {
|
|
@@ -29,8 +29,8 @@ export declare const typeFilter: <T extends {
|
|
|
29
29
|
type: string;
|
|
30
30
|
id: string;
|
|
31
31
|
title: string;
|
|
32
|
-
mimetype?: string | undefined;
|
|
33
32
|
size?: number | undefined;
|
|
33
|
+
mimetype?: string | undefined;
|
|
34
34
|
webUrl?: string | undefined;
|
|
35
35
|
}>(array: T[], filters: string[]) => T[];
|
|
36
36
|
export declare function useFilters<T extends MSUnifiedEntity>(initialEntities: T[], query: string): {
|
|
@@ -50,8 +50,8 @@ export declare const DriveFiltererList: <T extends {
|
|
|
50
50
|
type: string;
|
|
51
51
|
id: string;
|
|
52
52
|
title: string;
|
|
53
|
-
mimetype?: string | undefined;
|
|
54
53
|
size?: number | undefined;
|
|
54
|
+
mimetype?: string | undefined;
|
|
55
55
|
webUrl?: string | undefined;
|
|
56
56
|
}>({ initialEntities, renderItem, filters, }: {
|
|
57
57
|
initialEntities: T[];
|
|
@@ -11,8 +11,8 @@ export declare const EntityItem: <T extends ({
|
|
|
11
11
|
type: string;
|
|
12
12
|
id: string;
|
|
13
13
|
title: string;
|
|
14
|
-
mimetype?: string | undefined;
|
|
15
14
|
size?: number | undefined;
|
|
15
|
+
mimetype?: string | undefined;
|
|
16
16
|
webUrl?: string | undefined;
|
|
17
17
|
}) | {
|
|
18
18
|
type: string;
|
|
@@ -21,8 +21,8 @@ export declare const EntityItem: <T extends ({
|
|
|
21
21
|
_extend: {
|
|
22
22
|
path: string;
|
|
23
23
|
};
|
|
24
|
-
mimetype?: string | undefined;
|
|
25
24
|
size?: number | undefined;
|
|
25
|
+
mimetype?: string | undefined;
|
|
26
26
|
webUrl?: string | undefined;
|
|
27
27
|
}>({ entity, initialFolderColor, useNavigation, onSelect, onSelectDocument, onSelectMultiDocument, onClick, }: {
|
|
28
28
|
entity: T;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
type EmptySpaceBgColor = 'sandLight' | 'sky15' | 'transparent';
|
|
3
|
+
type Alignment = React.CSSProperties['justifyContent'];
|
|
3
4
|
export type JRCEmptySpaceProps = {
|
|
4
5
|
img?: string;
|
|
5
6
|
imgAlt?: string;
|
|
@@ -7,6 +8,7 @@ export type JRCEmptySpaceProps = {
|
|
|
7
8
|
description?: string;
|
|
8
9
|
actions?: React.ReactChild;
|
|
9
10
|
bgColor?: EmptySpaceBgColor;
|
|
11
|
+
alignment?: Alignment;
|
|
10
12
|
};
|
|
11
13
|
export declare const JRCEmptySpace: React.FC<JRCEmptySpaceProps>;
|
|
12
14
|
export {};
|
|
@@ -9,7 +9,7 @@ export declare const JRCFileViewer: <T extends {
|
|
|
9
9
|
dateModified: string | null;
|
|
10
10
|
title: string;
|
|
11
11
|
_url: string;
|
|
12
|
-
mimetype: string;
|
|
13
12
|
size: number;
|
|
13
|
+
mimetype: string;
|
|
14
14
|
path?: string | undefined;
|
|
15
15
|
}>({ files, size, children, openWithOptions, onReadFile, }: JRCFileViewerProps<T>) => React.JSX.Element;
|
|
@@ -14,8 +14,8 @@ export declare const JRCFlexBox: import("styled-components").StyledComponent<"di
|
|
|
14
14
|
inline?: boolean | undefined;
|
|
15
15
|
flex?: string | boolean | undefined;
|
|
16
16
|
gap?: number | undefined;
|
|
17
|
-
x?: "center" | "
|
|
18
|
-
y?: "center" | "
|
|
17
|
+
x?: "center" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start" | undefined;
|
|
18
|
+
y?: "center" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start" | undefined;
|
|
19
19
|
childFull?: boolean | undefined;
|
|
20
20
|
}, never>;
|
|
21
21
|
export type JRCFlexBoxProps = FlexBoxProps & {
|
|
@@ -35,8 +35,8 @@ export declare const Primary: Story<{
|
|
|
35
35
|
name: import("jamespot-user-api").WidgetsName.ExcelDatasourceTable;
|
|
36
36
|
uniqid: string;
|
|
37
37
|
content: {
|
|
38
|
-
uri?: string | undefined;
|
|
39
38
|
limit?: number | boolean | undefined;
|
|
39
|
+
uri?: string | undefined;
|
|
40
40
|
tableColumnsData?: {
|
|
41
41
|
name?: string | undefined;
|
|
42
42
|
label?: string | undefined;
|
|
@@ -78,10 +78,10 @@ export declare const Primary: Story<{
|
|
|
78
78
|
emailsPromptStatus?: string | undefined;
|
|
79
79
|
}>)>[] | undefined;
|
|
80
80
|
} & (import("jamespot-user-api").WidgetArticleAttachmentContent | import("jamespot-user-api").WidgetArticleGalleryContent | import("jamespot-user-api").WidgetArticleImageContent | WidgetArticleTextContent | import("jamespot-user-api").WidgetArticleTitleContent | import("jamespot-user-api").WidgetArticleSliderContent | {
|
|
81
|
-
url?: string | undefined;
|
|
82
81
|
target?: string | undefined;
|
|
83
82
|
text?: string | undefined;
|
|
84
83
|
color?: string | undefined;
|
|
84
|
+
url?: string | undefined;
|
|
85
85
|
backgroundColor?: string | undefined;
|
|
86
86
|
borderRadius?: string | undefined;
|
|
87
87
|
fontSize?: string | undefined;
|
|
@@ -89,8 +89,8 @@ export declare const Primary: Story<{
|
|
|
89
89
|
variant?: "contained" | "outlined" | undefined;
|
|
90
90
|
openingType?: "link" | "anchor" | "popup" | undefined;
|
|
91
91
|
openingTypeLink?: {
|
|
92
|
-
url: string;
|
|
93
92
|
target: string;
|
|
93
|
+
url: string;
|
|
94
94
|
} | undefined;
|
|
95
95
|
openingTypeAnchor?: {
|
|
96
96
|
uniqid: string;
|
|
@@ -105,8 +105,8 @@ export declare const Primary: Story<{
|
|
|
105
105
|
css?: Record<string, string> | undefined;
|
|
106
106
|
edit?: boolean | undefined;
|
|
107
107
|
} | {
|
|
108
|
-
uri?: string | undefined;
|
|
109
108
|
limit?: number | boolean | undefined;
|
|
109
|
+
uri?: string | undefined;
|
|
110
110
|
tableColumnsData?: {
|
|
111
111
|
name?: string | undefined;
|
|
112
112
|
label?: string | undefined;
|
|
@@ -124,8 +124,8 @@ export declare const Primary: Story<{
|
|
|
124
124
|
tableSizedColumns?: boolean | undefined;
|
|
125
125
|
tableSizedColumnsWidth?: number | undefined;
|
|
126
126
|
} | {
|
|
127
|
-
uri?: string | undefined;
|
|
128
127
|
limit?: number | boolean | undefined;
|
|
128
|
+
uri?: string | undefined;
|
|
129
129
|
tableColumnsData?: {
|
|
130
130
|
name?: string | undefined;
|
|
131
131
|
label?: string | undefined;
|
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { jFileLittle, jHref } from 'jamespot-user-api';
|
|
3
|
-
export declare const
|
|
4
|
-
export declare const
|
|
5
|
-
export declare const
|
|
6
|
-
export declare const
|
|
7
|
-
export declare const
|
|
8
|
-
export declare const
|
|
9
|
-
export declare const
|
|
10
|
-
export declare const CSSRowContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
3
|
+
export declare const CSSWidgetCheckListWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
4
|
+
export declare const CSSWidgetCheckList: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {}, never>;
|
|
5
|
+
export declare const CSSWidgetCheckListItem: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {}, never>;
|
|
6
|
+
export declare const CSSWidgetCheckListItemBtn: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
|
|
7
|
+
export declare const CSSWidgetCheckListItemData: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
8
|
+
export declare const CSSWidgetCheckListItemCheckBox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
9
|
+
export declare const CSSWidgetCheckListItemLabel: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
11
10
|
export declare const CSSCheckboxWrapper: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
|
|
12
11
|
export type JRCWidgetCheckListEntryUser = {
|
|
13
12
|
id: string | number;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
export declare const
|
|
2
|
-
export declare const
|
|
3
|
-
export declare const
|
|
1
|
+
export declare const CSSWidgetPresenceList: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {}, never>;
|
|
2
|
+
export declare const CSSWidgetPresenceListItem: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {}, never>;
|
|
3
|
+
export declare const CSSWidgetPresenceListItemProgressBar: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
4
|
+
export declare const CSSWidgetPresenceListItemBtn: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
|
|
4
5
|
isDisabled: boolean;
|
|
5
6
|
}, never>;
|
|
6
7
|
export declare const CSSWidgetPresenceLabel: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { jUserLittle, WidgetLegacyMixedBoolean } from 'jamespot-user-api';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
export declare const JRCWidgetQuickSurveyResponse: ({ anonymize, limit, userResponses, canSeeResponses, isClosed, setOpenUsersModal, }: {
|
|
4
|
+
anonymize?: boolean | 0 | 1 | undefined;
|
|
5
|
+
limit: number;
|
|
6
|
+
userResponses: {
|
|
7
|
+
counter: number;
|
|
8
|
+
userList: jUserLittle[];
|
|
9
|
+
};
|
|
10
|
+
canSeeResponses?: boolean | 0 | 1 | undefined;
|
|
11
|
+
isClosed?: boolean | 0 | 1 | undefined;
|
|
12
|
+
setOpenUsersModal: () => void;
|
|
13
|
+
}) => React.JSX.Element;
|
|
@@ -21,8 +21,8 @@ export declare const EditorSlide: ({ forceOpen, title, text, displayAs, backgrou
|
|
|
21
21
|
dateModified: string | null;
|
|
22
22
|
title: string;
|
|
23
23
|
_url: string;
|
|
24
|
-
mimetype: string;
|
|
25
24
|
size: number;
|
|
25
|
+
mimetype: string;
|
|
26
26
|
path?: string | undefined;
|
|
27
27
|
} | undefined;
|
|
28
28
|
token?: string | undefined;
|
|
@@ -13,8 +13,8 @@ export type WidgetDatasourceContext = EditorBaseContext<WidgetDatasourceTableCon
|
|
|
13
13
|
handlers: WidgetDatasourceHandlers;
|
|
14
14
|
};
|
|
15
15
|
export declare const JRCWidgetDatasourceTableEditor: ({ uri, limit, tableHeadColor, tableHeadTextColor, tableHeadIconColor, tableRowColor, tableRowTextColor, tableColumnsData, tableBorderRadius, tableSizedColumns, tableSizedColumnsWidth, hook, handlers, onChange, onSave, onStateChange, onError, }: {
|
|
16
|
-
uri?: string | undefined;
|
|
17
16
|
limit?: number | boolean | undefined;
|
|
17
|
+
uri?: string | undefined;
|
|
18
18
|
tableColumnsData?: {
|
|
19
19
|
name?: string | undefined;
|
|
20
20
|
label?: string | undefined;
|
|
@@ -38,8 +38,8 @@ export declare const JRCWidgetDatasourceTableEditor: ({ uri, limit, tableHeadCol
|
|
|
38
38
|
isActive: HookIsActive;
|
|
39
39
|
};
|
|
40
40
|
} & WidgetEditorActions<{
|
|
41
|
-
uri?: string | undefined;
|
|
42
41
|
limit?: number | boolean | undefined;
|
|
42
|
+
uri?: string | undefined;
|
|
43
43
|
tableColumnsData?: {
|
|
44
44
|
name?: string | undefined;
|
|
45
45
|
label?: string | undefined;
|
package/build/src/components/Widgets/JRCWidgetTable/JRCWidgetExcelDatasourceTableEditor.d.ts
CHANGED
|
@@ -13,8 +13,8 @@ export type WidgetExcelDatasourceContext = EditorBaseContext<WidgetExcelDatasour
|
|
|
13
13
|
handlers: WidgetExcelDatasourceHandlers;
|
|
14
14
|
};
|
|
15
15
|
export declare const JRCWidgetExcelDatasourceTableEditor: ({ uri, limit, tableHeadColor, tableHeadTextColor, tableHeadIconColor, tableRowColor, tableRowTextColor, tableColumnsData, tableSizedColumns, tableSizedColumnsWidth, tableBorderRadius, hook, handlers, onChange, onSave, onStateChange, onError, }: {
|
|
16
|
-
uri?: string | undefined;
|
|
17
16
|
limit?: number | boolean | undefined;
|
|
17
|
+
uri?: string | undefined;
|
|
18
18
|
tableColumnsData?: {
|
|
19
19
|
name?: string | undefined;
|
|
20
20
|
label?: string | undefined;
|
|
@@ -38,8 +38,8 @@ export declare const JRCWidgetExcelDatasourceTableEditor: ({ uri, limit, tableHe
|
|
|
38
38
|
isActive: HookIsActive;
|
|
39
39
|
};
|
|
40
40
|
} & WidgetEditorActions<{
|
|
41
|
-
uri?: string | undefined;
|
|
42
41
|
limit?: number | boolean | undefined;
|
|
42
|
+
uri?: string | undefined;
|
|
43
43
|
tableColumnsData?: {
|
|
44
44
|
name?: string | undefined;
|
|
45
45
|
label?: string | undefined;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { jUserLittle } from 'jamespot-user-api';
|
|
3
|
+
export declare const CSSAvatarList: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {}, never>;
|
|
4
|
+
export declare const CSSAvatarListItem: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {
|
|
5
|
+
overlap?: boolean | undefined;
|
|
6
|
+
small?: boolean | undefined;
|
|
7
|
+
}, never>;
|
|
8
|
+
export declare const WidgetAvatarList: ({ list, left }: {
|
|
9
|
+
list: jUserLittle[];
|
|
10
|
+
left: number;
|
|
11
|
+
}) => React.JSX.Element;
|
|
@@ -29,8 +29,8 @@ export declare const useEditorContext: <T = EditorBaseContext<{
|
|
|
29
29
|
name: import("jamespot-user-api").WidgetsName.ExcelDatasourceTable;
|
|
30
30
|
uniqid: string;
|
|
31
31
|
content: {
|
|
32
|
-
uri?: string | undefined;
|
|
33
32
|
limit?: number | boolean | undefined;
|
|
33
|
+
uri?: string | undefined;
|
|
34
34
|
tableColumnsData?: {
|
|
35
35
|
name?: string | undefined;
|
|
36
36
|
label?: string | undefined;
|
|
@@ -72,10 +72,10 @@ export declare const useEditorContext: <T = EditorBaseContext<{
|
|
|
72
72
|
emailsPromptStatus?: string | undefined;
|
|
73
73
|
}>)>[] | undefined;
|
|
74
74
|
} & (import("jamespot-user-api").WidgetArticleAttachmentContent | import("jamespot-user-api").WidgetArticleGalleryContent | import("jamespot-user-api").WidgetArticleImageContent | import("jamespot-user-api").WidgetArticleTextContent | import("jamespot-user-api").WidgetArticleTitleContent | {
|
|
75
|
-
url?: string | undefined;
|
|
76
75
|
target?: string | undefined;
|
|
77
76
|
text?: string | undefined;
|
|
78
77
|
color?: string | undefined;
|
|
78
|
+
url?: string | undefined;
|
|
79
79
|
backgroundColor?: string | undefined;
|
|
80
80
|
borderRadius?: string | undefined;
|
|
81
81
|
fontSize?: string | undefined;
|
|
@@ -83,8 +83,8 @@ export declare const useEditorContext: <T = EditorBaseContext<{
|
|
|
83
83
|
variant?: "contained" | "outlined" | undefined;
|
|
84
84
|
openingType?: "link" | "anchor" | "popup" | undefined;
|
|
85
85
|
openingTypeLink?: {
|
|
86
|
-
url: string;
|
|
87
86
|
target: string;
|
|
87
|
+
url: string;
|
|
88
88
|
} | undefined;
|
|
89
89
|
openingTypeAnchor?: {
|
|
90
90
|
uniqid: string;
|
|
@@ -99,8 +99,8 @@ export declare const useEditorContext: <T = EditorBaseContext<{
|
|
|
99
99
|
css?: Record<string, string> | undefined;
|
|
100
100
|
edit?: boolean | undefined;
|
|
101
101
|
} | {
|
|
102
|
-
uri?: string | undefined;
|
|
103
102
|
limit?: number | boolean | undefined;
|
|
103
|
+
uri?: string | undefined;
|
|
104
104
|
tableColumnsData?: {
|
|
105
105
|
name?: string | undefined;
|
|
106
106
|
label?: string | undefined;
|
|
@@ -118,8 +118,8 @@ export declare const useEditorContext: <T = EditorBaseContext<{
|
|
|
118
118
|
tableSizedColumns?: boolean | undefined;
|
|
119
119
|
tableSizedColumnsWidth?: number | undefined;
|
|
120
120
|
} | {
|
|
121
|
-
uri?: string | undefined;
|
|
122
121
|
limit?: number | boolean | undefined;
|
|
122
|
+
uri?: string | undefined;
|
|
123
123
|
tableColumnsData?: {
|
|
124
124
|
name?: string | undefined;
|
|
125
125
|
label?: string | undefined;
|
|
@@ -33,8 +33,8 @@ export declare const Utils: {
|
|
|
33
33
|
sandbox_iframes?: boolean | undefined;
|
|
34
34
|
sandbox_iframes_exclusions?: string[] | undefined;
|
|
35
35
|
}) => {
|
|
36
|
-
height: number;
|
|
37
36
|
language: string;
|
|
37
|
+
height: number;
|
|
38
38
|
cache_suffix: string;
|
|
39
39
|
toolbar: string;
|
|
40
40
|
content_css: string;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "jamespot-react-components",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.247",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "./build/jamespot-react-components.js",
|
|
6
6
|
"types": "./build/src/index.d.ts",
|
|
@@ -80,7 +80,7 @@
|
|
|
80
80
|
"chroma-js": "^2.1.1",
|
|
81
81
|
"classnames": "^2.3.1",
|
|
82
82
|
"dompurify": "^3.0.5",
|
|
83
|
-
"jamespot-user-api": "^1.0.
|
|
83
|
+
"jamespot-user-api": "^1.0.221",
|
|
84
84
|
"moment": "2.29.4",
|
|
85
85
|
"react": "^17.x",
|
|
86
86
|
"react-beautiful-dnd": "^13.1.1",
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export declare const CSSAvatarWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
3
|
-
overlap?: boolean | undefined;
|
|
4
|
-
}, never>;
|
|
5
|
-
export declare const PresenceAvatar: ({ title, uri, overlap }: {
|
|
6
|
-
title: string;
|
|
7
|
-
uri: string;
|
|
8
|
-
overlap?: boolean | undefined;
|
|
9
|
-
}) => React.JSX.Element;
|