@veltdev/react 3.0.16 → 3.0.17
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/cjs/index.js +3 -3
- package/cjs/index.js.map +1 -1
- package/cjs/types/components/VeltNotificationsPanel/VeltNotificationsPanel.d.ts +11 -1
- package/cjs/types/components/VeltNotificationsTool/VeltNotificationsTool.d.ts +11 -1
- package/cjs/types/constants.d.ts +1 -1
- package/esm/index.js +3 -3
- package/esm/index.js.map +1 -1
- package/esm/types/components/VeltNotificationsPanel/VeltNotificationsPanel.d.ts +11 -1
- package/esm/types/components/VeltNotificationsTool/VeltNotificationsTool.d.ts +11 -1
- package/esm/types/constants.d.ts +1 -1
- package/index.d.ts +22 -2
- package/package.json +1 -1
|
@@ -1,10 +1,20 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
export declare class NotificationTabConfigItem {
|
|
3
|
+
name?: string;
|
|
4
|
+
enable?: boolean;
|
|
5
|
+
}
|
|
6
|
+
export declare class NotificationTabConfig {
|
|
7
|
+
forYou?: NotificationTabConfigItem;
|
|
8
|
+
documents?: NotificationTabConfigItem;
|
|
9
|
+
all?: NotificationTabConfigItem;
|
|
10
|
+
people?: NotificationTabConfigItem;
|
|
11
|
+
}
|
|
2
12
|
export interface IVeltNotificationsPanelProps {
|
|
3
13
|
darkMode?: boolean;
|
|
4
14
|
onNotificationClick?: Function;
|
|
5
15
|
shadowDom?: boolean;
|
|
6
16
|
variant?: string;
|
|
7
|
-
tabConfig?:
|
|
17
|
+
tabConfig?: NotificationTabConfig;
|
|
8
18
|
}
|
|
9
19
|
declare const VeltNotificationsPanel: React.FC<IVeltNotificationsPanelProps>;
|
|
10
20
|
export default VeltNotificationsPanel;
|
|
@@ -1,11 +1,21 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
export declare class NotificationTabConfigItem {
|
|
3
|
+
name?: string;
|
|
4
|
+
enable?: boolean;
|
|
5
|
+
}
|
|
6
|
+
export declare class NotificationTabConfig {
|
|
7
|
+
forYou?: NotificationTabConfigItem;
|
|
8
|
+
documents?: NotificationTabConfigItem;
|
|
9
|
+
all?: NotificationTabConfigItem;
|
|
10
|
+
people?: NotificationTabConfigItem;
|
|
11
|
+
}
|
|
2
12
|
export interface IVeltNotificationsToolProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
|
|
3
13
|
darkMode?: boolean;
|
|
4
14
|
onNotificationClick?: Function;
|
|
5
15
|
shadowDom?: boolean;
|
|
6
16
|
panelShadowDom?: boolean;
|
|
7
17
|
variant?: string;
|
|
8
|
-
tabConfig?:
|
|
18
|
+
tabConfig?: NotificationTabConfig;
|
|
9
19
|
panelOpenMode?: 'popover' | 'sidebar';
|
|
10
20
|
panelVariant?: string;
|
|
11
21
|
maxDays?: number;
|
package/cjs/types/constants.d.ts
CHANGED
package/esm/index.js
CHANGED
|
@@ -132,7 +132,7 @@ var loadVelt = function (callback, version, staging, develop, proxyDomain) {
|
|
|
132
132
|
}
|
|
133
133
|
};
|
|
134
134
|
|
|
135
|
-
var VELT_SDK_VERSION = '3.0.
|
|
135
|
+
var VELT_SDK_VERSION = '3.0.17';
|
|
136
136
|
var VELT_SDK_INIT_EVENT = 'onVeltInit';
|
|
137
137
|
var VELT_TAB_ID = 'veltTabId';
|
|
138
138
|
|
|
@@ -830,7 +830,7 @@ var VeltNotificationsTool = function (props) {
|
|
|
830
830
|
}
|
|
831
831
|
};
|
|
832
832
|
}, []);
|
|
833
|
-
return (React.createElement("velt-notifications-tool", { ref: ref, "panel-open-mode": panelOpenMode, panelVariant: panelVariant, "tab-config": tabConfig, variant: variant, "max-days": (maxDays && maxDays > 0) ? maxDays + '' : undefined, "panel-shadow-dom": [true, false].includes(panelShadowDom) ? (panelShadowDom ? 'true' : 'false') : undefined, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined }, children));
|
|
833
|
+
return (React.createElement("velt-notifications-tool", { ref: ref, "panel-open-mode": panelOpenMode, panelVariant: panelVariant, "tab-config": JSON.stringify(tabConfig), variant: variant, "max-days": (maxDays && maxDays > 0) ? maxDays + '' : undefined, "panel-shadow-dom": [true, false].includes(panelShadowDom) ? (panelShadowDom ? 'true' : 'false') : undefined, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined }, children));
|
|
834
834
|
};
|
|
835
835
|
|
|
836
836
|
var VeltNotificationsPanel = function (props) {
|
|
@@ -860,7 +860,7 @@ var VeltNotificationsPanel = function (props) {
|
|
|
860
860
|
}
|
|
861
861
|
};
|
|
862
862
|
}, []);
|
|
863
|
-
return (React.createElement("velt-notifications-panel", { ref: ref, variant: variant, "tab-config": tabConfig, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined }));
|
|
863
|
+
return (React.createElement("velt-notifications-panel", { ref: ref, variant: variant, "tab-config": JSON.stringify(tabConfig), "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined }));
|
|
864
864
|
};
|
|
865
865
|
|
|
866
866
|
var VeltNotificationsHistoryPanel = function (props) {
|