jamespot-react-components 1.0.234 → 1.0.235

package/build/src/components/Editors/components/EditorInputDatetime.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const EditorInputDatetime: ({ handleChange }: {
+    handleChange: (status: string) => void;
+}) => React.JSX.Element;

package/build/src/components/JRCDate/JRCDate.d.ts

@@ -1,7 +1,11 @@
-import * as React from 'react';
+import React from 'react';
 import { DateFormat } from 'utils/utils.date';
 export interface JRCDateProps {
     date?: string;
+    dateSeparator?: '/' | '-' | ' ';
+    timeSeparator?: ':' | ' ';
+    useHumanDisplay?: boolean;
     format?: DateFormat;
+    smartDate?: boolean;
 }
-export declare const JRCDate: (props: JRCDateProps) => React.JSX.Element | null;
+export declare const JRCDate: (props: JRCDateProps) => React.JSX.Element;

package/build/src/components/JRCDate/JRCDate.stories.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { JRCDateProps } from './JRCDate';
 declare const _default: {
     title: string;
-    component: (props: JRCDateProps) => React.JSX.Element | null;
+    component: (props: JRCDateProps) => React.JSX.Element;
 };
 export default _default;
 import { Story } from '@storybook/react';

package/build/src/components/JRCTypography/JRCTypography.d.d.ts

@@ -1,7 +1,7 @@
 import { FastCssProps } from 'components/Common/FastCss';
 import React from 'react';
 import { Colors, FontWeight } from '../../styles/theme';
-export type TSizes = 's' | 'm' | 'l' | 'xl' | 'xxl' | 'xxxl';
+export type TSizes = 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | 'xxxl';
 export type TVariants = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span';
 export type TWeight = keyof FontWeight;
 export type TAlignment = 'left' | 'right' | 'center';

package/build/src/components/JRCTypography/JRCTypography.styles.d.ts

@@ -2,6 +2,7 @@ import { FastCssProps } from 'components/Common/FastCss';
 import { JRCTypographyProps } from './JRCTypography.d';
 export declare const lineHeightRatio = 1.5;
 export declare const SIZES: Readonly<{
+    xs: 10;
     s: 12;
     m: 14;
     l: 16;

package/build/src/components/Widgets/JRCWidgetArticleText/JRCWidgetArticleText.stories.d.ts

@@ -58,7 +58,25 @@ export declare const Primary: Story<{
             layers?: string[] | undefined;
         } & import("jamespot-user-api").WidgetPresenceType) | ({
             layers?: string[] | undefined;
-        } & import("jamespot-user-api").WidgetQuickSurveyType)>[] | undefined;
+        } & import("jamespot-user-api").WidgetQuickSurveyType) | ({
+            layers?: string[] | undefined;
+        } & import("jamespot-user-api").WidgetType<{
+            calEventsLimit?: boolean | undefined;
+            calEventsLimitValue?: number | undefined;
+            calEventsPromptStatus?: string | undefined;
+        }>) | ({
+            layers?: string[] | undefined;
+        } & import("jamespot-user-api").WidgetType<{
+            contactLimit?: boolean | undefined;
+            contactLimitValue?: number | undefined;
+            contactPromptStatus?: string | undefined;
+        }>) | ({
+            layers?: string[] | undefined;
+        } & import("jamespot-user-api").WidgetType<{
+            emailsLimit?: boolean | undefined;
+            emailsLimitValue?: number | undefined;
+            emailsPromptStatus?: string | undefined;
+        }>)>[] | undefined;
     } & (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 | {
         url?: string | undefined;
         target?: string | undefined;
@@ -141,6 +159,18 @@ export declare const Primary: Story<{
         isNotDisabled?: boolean | 0 | 1 | undefined;
         seeResponseAfter?: boolean | 0 | 1 | undefined;
         anonymize?: boolean | 0 | 1 | undefined;
+    } | {
+        calEventsLimit?: boolean | undefined;
+        calEventsLimitValue?: number | undefined;
+        calEventsPromptStatus?: string | undefined;
+    } | {
+        contactLimit?: boolean | undefined;
+        contactLimitValue?: number | undefined;
+        contactPromptStatus?: string | undefined;
+    } | {
+        emailsLimit?: boolean | undefined;
+        emailsLimitValue?: number | undefined;
+        emailsPromptStatus?: string | undefined;
     }), args_1: boolean, ...args_2: unknown[]) => void;
     onStateChange: (args_0: {
         busy?: boolean | undefined;

package/build/src/components/Widgets/JRCWidgetCalendarCalDav/JRCWidgetCalendarCalDav.d.ts

@@ -0,0 +1,14 @@
+import React, { ReactNode } from 'react';
+import { DavCalendarEvent } from 'jamespot-user-api';
+export type JRCWidgetCalendarCalDavProps = {
+    calendarListEvent: DavCalendarEvent[];
+};
+export declare const JRCWidgetCalendarCalDav: ({ calendarListEvent }: JRCWidgetCalendarCalDavProps) => React.JSX.Element;
+export declare const EventItem: ({ event, children }: {
+    event: DavCalendarEvent;
+    children: ReactNode;
+}) => React.JSX.Element;
+export declare const EventItemDate: ({ dateStart, dateEnd }: {
+    dateStart: string;
+    dateEnd: string;
+}) => React.JSX.Element;

package/build/src/components/Widgets/JRCWidgetCalendarCalDav/JRCWidgetCalendarCalDavEditor.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const JRCWidgetCalendarCalDavEditor: () => React.JSX.Element;

package/build/src/components/Widgets/JRCWidgetCalendarCalDav/styles.d.ts

@@ -0,0 +1,12 @@
+export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const WidgetHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CSSEventItem: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    status: string;
+}, never>;
+export declare const CSSEventItemA: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, {
+    status: string;
+}, never>;
+export declare const CssEventItemStatus: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    status: string;
+}, never>;
+export declare const Status: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/build/src/components/Widgets/JRCWidgetContactCardDav/JRCWidgetContactCardDav.d.ts

@@ -0,0 +1,10 @@
+import React, { ReactNode } from 'react';
+import { DavAddressBookContact } from 'jamespot-user-api';
+export type JRCWidgetContactCardDavProps = {
+    contactCardList: DavAddressBookContact[];
+};
+export declare const JRCWidgetContactCardDav: ({ contactCardList }: JRCWidgetContactCardDavProps) => React.JSX.Element;
+export declare const ContactItem: ({ contact, children }: {
+    contact: DavAddressBookContact;
+    children: ReactNode;
+}) => React.JSX.Element;

package/build/src/components/Widgets/JRCWidgetContactCardDav/JRCWidgetContactCardDavEditor.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const JRCWidgetContactCardDavEditor: () => React.JSX.Element;

package/build/src/components/Widgets/JRCWidgetContactCardDav/styles.d.ts

@@ -0,0 +1,6 @@
+export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CSSContactItem: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CSSContactItemA: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, {}, never>;
+export declare const ContactImg: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    color: string;
+}, never>;

package/build/src/components/Widgets/JRCWidgetEmailsImap/JRCWidgetEmailsImap.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { ImapInboxMail } from 'jamespot-user-api';
+export type JRCWidgetEmailsImapProps = {
+    emailList: ImapInboxMail[];
+};
+export declare const JRCWidgetEmailsImap: ({ emailList }: JRCWidgetEmailsImapProps) => React.JSX.Element;

package/build/src/components/Widgets/JRCWidgetEmailsImap/JRCWidgetEmailsImapAttachments.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const CSSMailItemCount: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const WidgetEmailsImapAttachments: ({ count }: {
+    count: number;
+}) => React.JSX.Element;

package/build/src/components/Widgets/JRCWidgetEmailsImap/JRCWidgetEmailsImapDate.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const WidgetEmailsImapDate: ({ date, read }: {
+    date: string;
+    read: boolean;
+}) => React.JSX.Element;

package/build/src/components/Widgets/JRCWidgetEmailsImap/JRCWidgetEmailsImapEditor.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const JRCWidgetEmailsImapEditor: () => React.JSX.Element;

package/build/src/components/Widgets/JRCWidgetEmailsImap/JRCWidgetEmailsImapLevel2.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export declare const CSSIconAbsolute: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CSSIconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CSSIconCount: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CSSIcon: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const JRCWidgetEmailsImapLevel2: ({ count, img, label, maxValue, }: {
+    count: number;
+    img: string;
+    label: string;
+    maxValue?: number | undefined;
+}) => React.JSX.Element;

package/build/src/components/Widgets/JRCWidgetEmailsImap/WidgetEmailsImapStatus.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const CSSMailItemHeaderStatus: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const WidgetEmailsImapStatus: ({ read }: {
+    read: boolean;
+}) => React.JSX.Element;

package/build/src/components/Widgets/JRCWidgetEmailsImap/components/WidgetEmailsItemBody.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare const WidgetEmailsItemBody: ({ text, read, maxHeight, }: {
+    text: string;
+    read: boolean;
+    maxHeight?: number | undefined;
+}) => React.JSX.Element;

package/build/src/components/Widgets/JRCWidgetEmailsImap/components/WidgetEmailsItemFooter.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const WidgetEmailsItemFooter: ({ count }: {
+    count: number;
+}) => React.JSX.Element;

package/build/src/components/Widgets/JRCWidgetEmailsImap/components/WidgetEmailsItemHeader.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare const WidgetEmailsItemHeader: ({ read, fromName, date }: {
+    read: boolean;
+    fromName: string;
+    date: string;
+}) => React.JSX.Element;

package/build/src/components/Widgets/JRCWidgetEmailsImap/components/WidgetEmailsItemSubject.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const WidgetEmailsItemSubject: ({ subject, read }: {
+    subject: string;
+    read: boolean;
+}) => React.JSX.Element;

package/build/src/components/Widgets/JRCWidgetEmailsImap/styles.d.ts

@@ -0,0 +1,11 @@
+export declare const CSSMailItemWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    read: boolean;
+}, never>;
+export declare const CSSMailItemHref: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, {}, never>;
+export declare const CSSMailItemHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CSSMailItemHeaderFrom: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CSSMailItemFooter: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CSSMailItemSubject: import("styled-components").StyledComponent<"h3", import("styled-components").DefaultTheme, {}, never>;
+export declare const CSSMailItemBody: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    maxHeight: number;
+}, never>;

package/build/src/components/Widgets/JRCWidgetIcon.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export declare const CSSIconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CSSIconCount: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CSSIcon: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export type JRCWidgetIconProps = {
+    count: number;
+    img: string;
+    label: string;
+    url?: string;
+    maxValue?: number;
+};
+export declare const JRCWidgetIcon: ({ count, img, label, maxValue }: JRCWidgetIconProps) => React.JSX.Element;

package/build/src/components/Widgets/context/hooks.d.ts

@@ -52,7 +52,25 @@ export declare const useEditorContext: <T = EditorBaseContext<{
         layers?: string[] | undefined;
     } & import("jamespot-user-api").WidgetPresenceType) | ({
         layers?: string[] | undefined;
-    } & import("jamespot-user-api").WidgetQuickSurveyType)>[] | undefined;
+    } & import("jamespot-user-api").WidgetQuickSurveyType) | ({
+        layers?: string[] | undefined;
+    } & import("jamespot-user-api").WidgetType<{
+        calEventsLimit?: boolean | undefined;
+        calEventsLimitValue?: number | undefined;
+        calEventsPromptStatus?: string | undefined;
+    }>) | ({
+        layers?: string[] | undefined;
+    } & import("jamespot-user-api").WidgetType<{
+        contactLimit?: boolean | undefined;
+        contactLimitValue?: number | undefined;
+        contactPromptStatus?: string | undefined;
+    }>) | ({
+        layers?: string[] | undefined;
+    } & import("jamespot-user-api").WidgetType<{
+        emailsLimit?: boolean | undefined;
+        emailsLimitValue?: number | undefined;
+        emailsPromptStatus?: string | undefined;
+    }>)>[] | undefined;
 } & (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 | {
     url?: string | undefined;
     target?: string | undefined;
@@ -135,4 +153,16 @@ export declare const useEditorContext: <T = EditorBaseContext<{
     isNotDisabled?: boolean | 0 | 1 | undefined;
     seeResponseAfter?: boolean | 0 | 1 | undefined;
     anonymize?: boolean | 0 | 1 | undefined;
+} | {
+    calEventsLimit?: boolean | undefined;
+    calEventsLimitValue?: number | undefined;
+    calEventsPromptStatus?: string | undefined;
+} | {
+    contactLimit?: boolean | undefined;
+    contactLimitValue?: number | undefined;
+    contactPromptStatus?: string | undefined;
+} | {
+    emailsLimit?: boolean | undefined;
+    emailsLimitValue?: number | undefined;
+    emailsPromptStatus?: string | undefined;
 })>>() => T;

package/build/src/hooks/useMoment.d.ts

@@ -0,0 +1,4 @@
+import moment from 'moment';
+export declare function useMoment(): {
+    moment: typeof moment;
+};

package/build/src/index.d.ts

@@ -183,6 +183,14 @@ export { JRCWidgetPresence } from './components/Widgets/JRCWidgetPresence/JRCWid
 export { JRCWidgetPresenceEditor } from './components/Widgets/JRCWidgetPresence/JRCWidgetPresenceEditor';
 export { JRCWidgetQuickSurvey } from './components/Widgets/JRCWidgetQuickSurvey/JRCWidgetQuickSurvey';
 export { JRCWidgetQuickSurveyEditor } from './components/Widgets/JRCWidgetQuickSurvey/JRCWidgetQuickSurveyEditor';
+export { JRCWidgetContactCardDav } from './components/Widgets/JRCWidgetContactCardDav/JRCWidgetContactCardDav';
+export { JRCWidgetContactCardDavEditor } from './components/Widgets/JRCWidgetContactCardDav/JRCWidgetContactCardDavEditor';
+export { JRCWidgetEmailsImap } from './components/Widgets/JRCWidgetEmailsImap/JRCWidgetEmailsImap';
+export { JRCWidgetEmailsImapLevel2 } from './components/Widgets/JRCWidgetEmailsImap/JRCWidgetEmailsImapLevel2';
+export { JRCWidgetEmailsImapEditor } from './components/Widgets/JRCWidgetEmailsImap/JRCWidgetEmailsImapEditor';
+export { JRCWidgetCalendarCalDav } from './components/Widgets/JRCWidgetCalendarCalDav/JRCWidgetCalendarCalDav';
+export { JRCWidgetCalendarCalDavEditor } from './components/Widgets/JRCWidgetCalendarCalDav/JRCWidgetCalendarCalDavEditor';
+export { JRCWidgetIcon } from './components/Widgets/JRCWidgetIcon';
 export { JRCModalUserList } from './components/JRCModalUserList/JRCModalUserList';
 export { LabelDescriptionOption } from './components/Form/Input/JRCSelect/JRCInputSelect.defaults';
 export { StyledInput } from './components/Form/Input/JRCStyledInput';
@@ -191,6 +199,7 @@ export { useDidMountEffect } from './hooks/UseDidMountEffect';
 export { useImageLoader } from './hooks/UseImageLoader';
 export { useKeyPress } from './hooks/UseKeyPress';
 export { useTimeout } from './hooks/UseTimeout';
+export { useMoment } from './hooks/useMoment';
 export { useCancelOnUnmount } from './hooks/useCancelOnUnmount';
 export { useRefSize } from './hooks/useRefSize';
 export { useWindowSize } from './hooks/useWindowSize';

package/build/src/styles/theme.d.ts

@@ -17,12 +17,13 @@ export type ThemeConfigOptions = {
     navBackground: string;
     navTextColor: string;
     bgColorNotLogged: string;
+    forest: string;
 };
-export type Colors = 'primary' | 'secondary' | 'headerColor' | 'headerTextColor' | 'headerUserBackground' | 'headerUserTextColor' | 'headerSearchBarTextColor' | 'headerSearchBarBackgroundColor' | 'navBackground' | 'navTextColor' | 'lavender' | 'orange' | 'yellow' | 'green' | 'navy' | 'overseas' | 'night1' | 'night2' | 'sandLight' | 'sky' | 'sky15' | 'sand' | 'grey0' | 'grey1' | 'grey2' | 'grey3' | 'grey4' | 'grey5' | 'grey6' | 'black' | 'black10' | 'black15' | 'black20' | 'white' | 'transparent';
+export type Colors = 'primary' | 'secondary' | 'headerColor' | 'headerTextColor' | 'headerUserBackground' | 'headerUserTextColor' | 'headerSearchBarTextColor' | 'headerSearchBarBackgroundColor' | 'navBackground' | 'navTextColor' | 'lavender' | 'orange' | 'yellow' | 'green' | 'navy' | 'overseas' | 'night1' | 'night2' | 'sandLight' | 'raspberry' | 'sky' | 'sky15' | 'sand' | 'forest' | 'grey0' | 'grey1' | 'grey2' | 'grey3' | 'grey4' | 'grey5' | 'grey6' | 'black' | 'black10' | 'black15' | 'black20' | 'white' | 'transparent';
 type ThemeConfigColorType = {
     [color in Colors]: string;
 };
-export type Shades = 'primaryL15' | 'primaryL80' | 'primaryL90' | 'primaryD20' | 'secondaryL15' | 'secondaryL80' | 'secondaryL90' | 'secondaryD20' | 'greenL20' | 'greenL80' | 'greenL90' | 'greenD20' | 'orangeL15' | 'orangeL80' | 'orangeL90' | 'orangeD20';
+export type Shades = 'primaryL15' | 'primaryL80' | 'primaryL90' | 'primaryD20' | 'secondaryL15' | 'secondaryL80' | 'secondaryL90' | 'secondaryD20' | 'greenL20' | 'greenL80' | 'greenL90' | 'greenD20' | 'raspberryL95' | 'orangeL15' | 'orangeL80' | 'orangeL90' | 'orangeD20';
 type ThemeConfigShadeType = {
     [color in Shades]: string;
 };

package/build/src/utils/utils.date.d.ts

@@ -7,7 +7,12 @@ export interface extractDateProps {
     seconds: number;
 }
 export type DateFormat = 'date' | 'date-time' | 'date-time-sec' | 'time' | 'time-sec';
-export declare const extractDate: (str: string) => extractDateProps;
+export declare const extractDate: (str?: string | Date) => extractDateProps;
+export declare const isSameDay: (d1: string, d2: string) => boolean;
+export declare const isToday: (datetime: string) => boolean;
+export declare const isYesterday: (datetime: string) => boolean;
+export declare const isTomorrow: (datetime: string) => boolean;
+export declare const dateLabel: (date: string) => "GLOBAL_Today" | "GLOBAL_Yesterday" | "GLOBAL_Tomorrow" | null;
 /**
  * Convert date string to timestamp
  * @param {string} str - Date format Y-m-d H:i:s

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jamespot-react-components",
-  "version": "1.0.234",
+  "version": "1.0.235",
   "description": "",
   "main": "./build/jamespot-react-components.js",
   "types": "./build/src/index.d.ts",
@@ -80,7 +80,7 @@
     "chroma-js": "^2.1.1",
     "classnames": "^2.3.1",
     "dompurify": "^3.0.5",
-    "jamespot-user-api": "^1.0.210",
+    "jamespot-user-api": "^1.0.211",
     "moment": "2.29.4",
     "react": "^17.x",
     "react-beautiful-dnd": "^13.1.1",