jamespot-react-components 1.3.50 → 1.3.52

package/dist/src/components/Common/Outline.d.ts

@@ -1,7 +1,7 @@
-import { ColorsOrShades } from '../../styles/theme';
+import { Colors } from '../../styles/theme';
 export type OutlineProps = {
     offset?: string;
-    color?: ColorsOrShades;
+    color?: Colors;
 };
 export declare const Outline: (args?: OutlineProps) => import('styled-components').RuleSet<object>;
 export declare const FocusVisibleOutline: (args?: OutlineProps) => import('styled-components').RuleSet<object>;

package/dist/src/components/Editors/components/EditorPositionToggle.d.ts

@@ -1,11 +1,12 @@
 import { Position } from '../../Widgets/const';
 import { ButtonColors } from '../../JRCButton/types';
-import { Sizes } from '../../Form/Input/JRCInputCSSPosition/const';
-export declare const EditorPositionToggle: ({ label, initialValue, onChange, color, size, }: {
+import { Sizes } from '../../Form/Input/JRCInputPosition/const';
+export declare const EditorPositionToggle: ({ label, initialValue, onChange, color, size, disabled, }: {
     label?: string;
     initialValue?: Position;
     width?: string;
     onChange: (value: Position) => void;
     color?: ButtonColors;
     size?: Sizes;
+    disabled?: boolean;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Editors/components/EditorRichTextDialog.d.ts

@@ -0,0 +1,14 @@
+import { JFileApi } from 'jamespot-user-api';
+import { JRCInputTinyMCERawProps } from '../../Form/Input/JRCInputTinyMCERaw/JRCInputTinyMCERaw';
+import { TinyMCEExtension } from '../../Form/Input/JRCInputTinyMCERaw/types';
+export type EditorRichTextDialogProps = {
+    text: string;
+    onChange: (text: string) => void;
+    token?: string;
+    additionalExtensions?: Array<TinyMCEExtension>;
+    tinyMCECommonOptions?: Pick<JRCInputTinyMCERawProps, 'commonOptions' | 'mentionsQueries'> & Partial<Pick<JRCInputTinyMCERawProps, 'tinymceScriptSrc'>>;
+    handlers: {
+        file: Pick<JFileApi, 'upload'>;
+    };
+};
+export declare const EditorRichTextDialog: ({ text, onChange, token, additionalExtensions, tinyMCECommonOptions, handlers, }: EditorRichTextDialogProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Form/Input/{JRCInputCSSPosition/JRCInputCSSPosition.d.ts → JRCInputPosition/JRCInputPosition.d.ts}

@@ -1,7 +1,7 @@
 import { Position, Sizes } from './const';
 import { ButtonColors } from '../../../JRCButton/types';
 import { FieldPath, Control, FieldValues } from 'react-hook-form';
-export declare const JRCInputCSSPosition: <T extends FieldValues>({ label, initialValue, width, onChange, color, size, control, name, }: {
+export declare const JRCInputPosition: <T extends FieldValues>({ label, initialValue, width, onChange, color, size, control, name, disabled, }: {
     label?: string;
     initialValue?: Position;
     width?: string;
@@ -10,4 +10,5 @@ export declare const JRCInputCSSPosition: <T extends FieldValues>({ label, initi
     size?: Sizes;
     name: FieldPath<T>;
     control: Control<T>;
+    disabled?: boolean;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Form/Input/{JRCInputCSSPosition/JRCInputCSSPositionRaw.d.ts → JRCInputPosition/JRCInputPositionRaw.d.ts}

@@ -1,10 +1,11 @@
 import { ButtonColors } from '../../../JRCButton/types';
 import { Position, Sizes } from './const';
-export declare const JRCInputCSSPositionRaw: ({ value, onChange, color, size, }: {
+export declare const JRCInputCSSPositionRaw: ({ value, onChange, color, size, disabled, }: {
     label?: string;
     value?: Position;
     width?: string;
     onChange: (value: Position) => void;
     color?: ButtonColors;
     size?: Sizes;
+    disabled?: boolean;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Form/Input/JRCInputPosition/const.d.ts

@@ -0,0 +1,17 @@
+export declare enum Position {
+    TopLeft = "top-left",
+    TopCenter = "top-center",
+    TopRight = "top-right",
+    CenterLeft = "center-left",
+    Center = "center",
+    CenterRight = "center-right",
+    BottomLeft = "bottom-left",
+    BottomCenter = "bottom-center",
+    BottomRight = "bottom-right"
+}
+export declare const PositionOptions: {
+    label: string;
+    value: Position;
+    iconName: string;
+}[];
+export type Sizes = 's' | 'm' | 'l';

package/dist/src/components/Form/Input/JRCInputText/JRCInputText.style.d.ts

@@ -8,13 +8,13 @@ export declare const IconAfter: import('node_modules/styled-components/dist/type
     disabled?: boolean;
     type?: "submit" | "reset" | "button";
     bgBaseGrey?: 0 | 1 | 2;
-    color?: import('../../../..').Colors | import('../../../..').Shades | "inherit";
+    color?: import('../../../..').Colors | "inherit";
     tooltip?: Omit<import('../../../..').JRCTooltipProps, "children">;
     variant?: "circle" | "square";
     hasLicense?: boolean;
-    bg?: import('../../../..').Colors | import('../../../..').Shades;
-    bgHover?: import('../../../..').Colors | import('../../../..').Shades;
-    borderColor?: import('../../../..').Colors | import('../../../..').Shades;
+    bg?: import('../../../..').Colors;
+    bgHover?: import('../../../..').Colors;
+    borderColor?: import('../../../..').Colors;
     iconSize?: number;
     badgeNumber?: number;
     colorVariant?: string;
@@ -30,13 +30,13 @@ export declare const IconAfter: import('node_modules/styled-components/dist/type
     disabled?: boolean;
     type?: "submit" | "reset" | "button";
     bgBaseGrey?: 0 | 1 | 2;
-    color?: import('../../../..').Colors | import('../../../..').Shades | "inherit";
+    color?: import('../../../..').Colors | "inherit";
     tooltip?: Omit<import('../../../..').JRCTooltipProps, "children">;
     variant?: "circle" | "square";
     hasLicense?: boolean;
-    bg?: import('../../../..').Colors | import('../../../..').Shades;
-    bgHover?: import('../../../..').Colors | import('../../../..').Shades;
-    borderColor?: import('../../../..').Colors | import('../../../..').Shades;
+    bg?: import('../../../..').Colors;
+    bgHover?: import('../../../..').Colors;
+    borderColor?: import('../../../..').Colors;
     iconSize?: number;
     badgeNumber?: number;
     colorVariant?: string;

package/dist/src/components/Form/Input/JRCInputTextRaw/JRCInputTextRaw.style.d.ts

@@ -7,11 +7,11 @@ export declare const Required: import('node_modules/styled-components/dist/types
     className?: string;
     weight?: keyof import('../../../../styles/theme').FontWeight;
     size?: import('../../../JRCTypography/JRCTypography.d').TSizes;
-    color?: import('../../../..').ColorsOrShades;
+    color?: import('../../../..').Colors;
     children: string | import('react').ReactNode;
     variant?: import('../../../JRCTypography/JRCTypography.d').TVariants;
     align?: "center" | "left" | "right";
-    hoverColor?: import('../../../..').ColorsOrShades;
+    hoverColor?: import('../../../..').Colors;
     ellipsis?: boolean;
     maxWidth?: string | number;
 }, import('../../../Common/FastCss').FastCssProps & {
@@ -19,11 +19,11 @@ export declare const Required: import('node_modules/styled-components/dist/types
     className?: string;
     weight?: keyof import('../../../../styles/theme').FontWeight;
     size?: import('../../../JRCTypography/JRCTypography.d').TSizes;
-    color?: import('../../../..').ColorsOrShades;
+    color?: import('../../../..').Colors;
     children: string | import('react').ReactNode;
     variant?: import('../../../JRCTypography/JRCTypography.d').TVariants;
     align?: "center" | "left" | "right";
-    hoverColor?: import('../../../..').ColorsOrShades;
+    hoverColor?: import('../../../..').Colors;
     ellipsis?: boolean;
     maxWidth?: string | number;
 }>, never>, {

package/dist/src/components/Form/Input/JRCSelect/JRCInputSelect.types.d.ts

@@ -1,7 +1,7 @@
 import { AutocompleteLittle, JGroupApi, JUserApi } from 'jamespot-user-api';
 import { ComponentType, RefObject } from 'react';
 import { ControllerRenderProps, FieldValues } from 'react-hook-form';
-import { Colors, Shades } from '../../../../styles/theme';
+import { Colors } from '../../../../styles/theme';
 import { DataCy } from '../../../../types/dataAttributes';
 import { PartialBy } from '../../../../types/utils';
 import { FoldersHandlers } from '../../../JRCFolders/types';
@@ -14,7 +14,7 @@ export type NativeSelectProps<T extends FieldValues = FieldValues, U = any> = Pa
 export type JRCInputSelectProps<T extends FieldValues = FieldValues, U = any> = JRCInputFieldProps<T> & SelectProps<U> & IconsProp;
 type IconBase = {
     icon: string;
-    color?: Colors | Shades | 'inherit';
+    color?: Colors | 'inherit';
 };
 export type IconsProp = {
     iconBefore?: IconBase | (IconBase & {

package/dist/src/components/JRCAppLeftColumn/JRCAppLeftColumn.styles.d.ts

@@ -28,13 +28,13 @@ export declare const JRCIconButtonAppLeftColumn: import('node_modules/styled-com
     disabled?: boolean;
     type?: "submit" | "reset" | "button";
     bgBaseGrey?: 0 | 1 | 2;
-    color?: import('../..').Colors | import('../..').Shades | "inherit";
+    color?: import('../..').Colors | "inherit";
     tooltip?: Omit<import('../..').JRCTooltipProps, "children">;
     variant?: "circle" | "square";
     hasLicense?: boolean;
-    bg?: import('../..').Colors | import('../..').Shades;
-    bgHover?: import('../..').Colors | import('../..').Shades;
-    borderColor?: import('../..').Colors | import('../..').Shades;
+    bg?: import('../..').Colors;
+    bgHover?: import('../..').Colors;
+    borderColor?: import('../..').Colors;
     iconSize?: number;
     badgeNumber?: number;
     colorVariant?: string;
@@ -50,13 +50,13 @@ export declare const JRCIconButtonAppLeftColumn: import('node_modules/styled-com
     disabled?: boolean;
     type?: "submit" | "reset" | "button";
     bgBaseGrey?: 0 | 1 | 2;
-    color?: import('../..').Colors | import('../..').Shades | "inherit";
+    color?: import('../..').Colors | "inherit";
     tooltip?: Omit<import('../..').JRCTooltipProps, "children">;
     variant?: "circle" | "square";
     hasLicense?: boolean;
-    bg?: import('../..').Colors | import('../..').Shades;
-    bgHover?: import('../..').Colors | import('../..').Shades;
-    borderColor?: import('../..').Colors | import('../..').Shades;
+    bg?: import('../..').Colors;
+    bgHover?: import('../..').Colors;
+    borderColor?: import('../..').Colors;
     iconSize?: number;
     badgeNumber?: number;
     colorVariant?: string;

package/dist/src/components/JRCButton/types.d.ts

@@ -1,19 +1,19 @@
 import { ComponentPropsWithoutRef } from 'react';
-import { Colors, ColorsOrShades } from '../../styles/theme';
+import { Colors } from '../../styles/theme';
 import { DataCy } from '../../types/dataAttributes';
 import { OutlineProps } from '../Common/Outline';
 export type ButtonType = {
     color: Colors;
-    background: ColorsOrShades;
+    background: Colors;
     border: Colors;
     active: {
-        background: ColorsOrShades;
-        border: ColorsOrShades;
+        background: Colors;
+        border: Colors;
         'text-decoration'?: 'underline' | 'none';
     };
     hover: {
-        background: ColorsOrShades;
-        border: ColorsOrShades;
+        background: Colors;
+        border: Colors;
         'text-decoration'?: 'underline' | 'none';
     };
 };

package/dist/src/components/JRCButtonDownload/JRCButtonDownload.d.ts

@@ -1,4 +1,4 @@
-import { Colors, Shades } from '../../styles/theme';
+import { Colors } from '../../styles/theme';
 import { JRCButtonProps } from '../JRCButton/JRCButton';
 /**
  * Interface to provide JRCButtonDownloadProps props
@@ -9,7 +9,7 @@ export interface JRCButtonDownloadProps extends JRCButtonProps {
     data: object | string;
     isIconButton?: boolean;
     fileName?: string;
-    iconColor?: Colors | Shades | 'inherit';
+    iconColor?: Colors | 'inherit';
 }
 /**
  *

package/dist/src/components/JRCButtonDropdown/JRCButtonDropdown.types.d.ts

@@ -29,6 +29,7 @@ export type JRCButtonDropdownProps = {
     noMargin?: boolean;
     dataCy?: string;
     width?: number;
+    onOpen?: () => void;
 };
 export type ButtonProps = {
     $borderLeft?: boolean;

package/dist/src/components/JRCDragNDrop/OneLevelStyles.d.ts

@@ -14,11 +14,11 @@ export declare const OneLevelMainTitle: import('node_modules/styled-components/d
     className?: string;
     weight?: keyof import('../../styles/theme').FontWeight;
     size?: import('../JRCTypography/JRCTypography.d').TSizes;
-    color?: import('../..').ColorsOrShades;
+    color?: import('../..').Colors;
     children: string | import('react').ReactNode;
     variant?: import('../JRCTypography/JRCTypography.d').TVariants;
     align?: "center" | "left" | "right";
-    hoverColor?: import('../..').ColorsOrShades;
+    hoverColor?: import('../..').Colors;
     ellipsis?: boolean;
     maxWidth?: string | number;
 }, never>> & string & Omit<({ variant, ellipsis, size, weight, color, align, hoverColor, maxWidth, ...props }: import('../..').JRCTypographyProps) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;
@@ -32,11 +32,11 @@ export declare const OneLevelStackTitle: import('node_modules/styled-components/
     className?: string;
     weight?: keyof import('../../styles/theme').FontWeight;
     size?: import('../JRCTypography/JRCTypography.d').TSizes;
-    color?: import('../..').ColorsOrShades;
+    color?: import('../..').Colors;
     children: string | import('react').ReactNode;
     variant?: import('../JRCTypography/JRCTypography.d').TVariants;
     align?: "center" | "left" | "right";
-    hoverColor?: import('../..').ColorsOrShades;
+    hoverColor?: import('../..').Colors;
     ellipsis?: boolean;
     maxWidth?: string | number;
 }, never>> & string & Omit<({ variant, ellipsis, size, weight, color, align, hoverColor, maxWidth, ...props }: import('../..').JRCTypographyProps) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;

package/dist/src/components/JRCDragNDrop/styles.d.ts

@@ -10,11 +10,11 @@ export declare const SectionsTitle: import('node_modules/styled-components/dist/
     className?: string;
     weight?: keyof import('../../styles/theme').FontWeight;
     size?: import('../JRCTypography/JRCTypography.d').TSizes;
-    color?: import('../..').ColorsOrShades;
+    color?: import('../..').Colors;
     children: string | import('react').ReactNode;
     variant?: import('../JRCTypography/JRCTypography.d').TVariants;
     align?: "center" | "left" | "right";
-    hoverColor?: import('../..').ColorsOrShades;
+    hoverColor?: import('../..').Colors;
     ellipsis?: boolean;
     maxWidth?: string | number;
 }, never>> & string & Omit<({ variant, ellipsis, size, weight, color, align, hoverColor, maxWidth, ...props }: import('../..').JRCTypographyProps) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;
@@ -48,13 +48,13 @@ export declare const RemoveButton: import('node_modules/styled-components/dist/t
     disabled?: boolean;
     type?: "submit" | "reset" | "button";
     bgBaseGrey?: 0 | 1 | 2;
-    color?: import('../..').Colors | import('../..').Shades | "inherit";
+    color?: import('../..').Colors | "inherit";
     tooltip?: Omit<import('../..').JRCTooltipProps, "children">;
     variant?: "circle" | "square";
     hasLicense?: boolean;
-    bg?: import('../..').Colors | import('../..').Shades;
-    bgHover?: import('../..').Colors | import('../..').Shades;
-    borderColor?: import('../..').Colors | import('../..').Shades;
+    bg?: import('../..').Colors;
+    bgHover?: import('../..').Colors;
+    borderColor?: import('../..').Colors;
     iconSize?: number;
     badgeNumber?: number;
     colorVariant?: string;
@@ -70,13 +70,13 @@ export declare const RemoveButton: import('node_modules/styled-components/dist/t
     disabled?: boolean;
     type?: "submit" | "reset" | "button";
     bgBaseGrey?: 0 | 1 | 2;
-    color?: import('../..').Colors | import('../..').Shades | "inherit";
+    color?: import('../..').Colors | "inherit";
     tooltip?: Omit<import('../..').JRCTooltipProps, "children">;
     variant?: "circle" | "square";
     hasLicense?: boolean;
-    bg?: import('../..').Colors | import('../..').Shades;
-    bgHover?: import('../..').Colors | import('../..').Shades;
-    borderColor?: import('../..').Colors | import('../..').Shades;
+    bg?: import('../..').Colors;
+    bgHover?: import('../..').Colors;
+    borderColor?: import('../..').Colors;
     iconSize?: number;
     badgeNumber?: number;
     colorVariant?: string;
@@ -97,11 +97,11 @@ export declare const OneLevelTitle: import('node_modules/styled-components/dist/
     className?: string;
     weight?: keyof import('../../styles/theme').FontWeight;
     size?: import('../JRCTypography/JRCTypography.d').TSizes;
-    color?: import('../..').ColorsOrShades;
+    color?: import('../..').Colors;
     children: string | import('react').ReactNode;
     variant?: import('../JRCTypography/JRCTypography.d').TVariants;
     align?: "center" | "left" | "right";
-    hoverColor?: import('../..').ColorsOrShades;
+    hoverColor?: import('../..').Colors;
     ellipsis?: boolean;
     maxWidth?: string | number;
 }, never>> & string & Omit<({ variant, ellipsis, size, weight, color, align, hoverColor, maxWidth, ...props }: import('../..').JRCTypographyProps) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;

package/dist/src/components/JRCEmptySpace/JRCEmptySpace.d.ts

@@ -1,6 +1,6 @@
 import { FC, ReactNode } from 'react';
 import { CSSProperties } from 'styled-components';
-type EmptySpaceBgColor = 'sandLight' | 'sky15' | 'transparent';
+type EmptySpaceBgColor = 'sandLight' | 'skyLight' | 'transparent';
 type Alignment = CSSProperties['justifyContent'];
 type JRCEmptySpaceProps = {
     img?: string;

package/dist/src/components/JRCIconButton/JRCIconButton.d.ts

@@ -1,12 +1,12 @@
 import { ComponentPropsWithoutRef, MouseEvent } from 'react';
-import { Colors, Shades } from '../../styles/theme';
+import { Colors } from '../../styles/theme';
 import { DataCy } from '../../types/dataAttributes';
 import { JRCTooltipProps } from '../JRCTooltip/types';
 declare const colorVariants: Record<string, {
-    color: Colors | Shades;
-    bg: Colors | Shades;
-    bgHover: Colors | Shades;
-    borderColor: Colors | Shades;
+    color: Colors;
+    bg: Colors;
+    bgHover: Colors;
+    borderColor: Colors;
 }>;
 /**
  * IconButton props
@@ -31,13 +31,13 @@ export type JRCIconButtonProps = Omit<ComponentPropsWithoutRef<'button'>, 'onCli
     disabled?: boolean;
     type?: 'submit' | 'reset' | 'button';
     bgBaseGrey?: 0 | 1 | 2;
-    color?: Colors | Shades | 'inherit';
+    color?: Colors | 'inherit';
     tooltip?: Omit<JRCTooltipProps, 'children'>;
     variant?: 'circle' | 'square';
     hasLicense?: boolean;
-    bg?: Colors | Shades;
-    bgHover?: Colors | Shades;
-    borderColor?: Colors | Shades;
+    bg?: Colors;
+    bgHover?: Colors;
+    borderColor?: Colors;
     iconSize?: number;
     badgeNumber?: number;
     colorVariant?: keyof typeof colorVariants;
@@ -54,13 +54,13 @@ export declare const JRCIconButton: import('react').ForwardRefExoticComponent<Om
     disabled?: boolean;
     type?: "submit" | "reset" | "button";
     bgBaseGrey?: 0 | 1 | 2;
-    color?: Colors | Shades | "inherit";
+    color?: Colors | "inherit";
     tooltip?: Omit<JRCTooltipProps, "children">;
     variant?: "circle" | "square";
     hasLicense?: boolean;
-    bg?: Colors | Shades;
-    bgHover?: Colors | Shades;
-    borderColor?: Colors | Shades;
+    bg?: Colors;
+    bgHover?: Colors;
+    borderColor?: Colors;
     iconSize?: number;
     badgeNumber?: number;
     colorVariant?: keyof typeof colorVariants;

package/dist/src/components/JRCTooltip/JRCBaseTooltip.d.ts

@@ -23,6 +23,7 @@ export type JRCBaseTooltipProps = {
     events?: any;
     asBlock?: boolean;
     height?: string;
+    disabled?: boolean;
 };
 export declare const JRCBaseTooltip: import('react').ForwardRefExoticComponent<JRCBaseTooltipProps & import('react').RefAttributes<TooltipRefProps>>;
 export {};

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

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { ColorsOrShades, FontWeight } from '../../styles/theme';
+import { Colors, FontWeight } from '../../styles/theme';
 import { FastCssProps } from '../Common/FastCss';
 export type TSizes = 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | 'xxxl';
 export type TVariants = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span';
@@ -22,7 +22,7 @@ export type JRCTypographyProps = FastCssProps & {
     /** You can change the font-size with the size property */
     size?: TSizes;
     /** Text color */
-    color?: ColorsOrShades;
+    color?: Colors;
     /**ReactNode | text content of the button */
     children: string | ReactNode;
     /** You can change the semantic element with the variant property */
@@ -30,7 +30,7 @@ export type JRCTypographyProps = FastCssProps & {
     /** Horizontal alignment */
     align?: TAlignment;
     /** Text color on hover **/
-    hoverColor?: ColorsOrShades;
+    hoverColor?: Colors;
     ellipsis?: boolean;
     maxWidth?: string | number;
 };

package/dist/src/components/Widgets/JRCWidgetText/JRCWidgetText.d.ts

@@ -0,0 +1,16 @@
+export type JRCWidgetTextProps = {
+    css?: {
+        display?: string;
+        justifyContent?: string;
+        alignItems?: string;
+        background?: string;
+        textColor?: string;
+        fontWeight?: string;
+        fontSize?: string | number;
+        lineHeight?: string | number;
+        textAlign?: string;
+    };
+    text?: string;
+    padding?: number;
+};
+export declare const JRCWidgetText: ({ text, padding, css }: JRCWidgetTextProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Widgets/JRCWidgetText/JRCWidgetTextEditor.d.ts

@@ -0,0 +1,18 @@
+import { JFileApi, WidgetTextContent } from 'jamespot-user-api';
+import { TinyMCEExtension } from '../../Form/Input/JRCInputTinyMCERaw/types';
+import { JRCInputTinyMCERawProps } from '../../Form/Input/JRCInputTinyMCERaw/JRCInputTinyMCERaw';
+export interface JRCWidgetTextEditorProps extends WidgetTextContent {
+    uniqid: string;
+    content: WidgetTextContent;
+    onChangeContent: (uniqid: string, content: WidgetTextContent) => void;
+    token: string | undefined;
+    additionalExtensions?: Array<TinyMCEExtension>;
+    tinyMCECommonOptions?: Pick<JRCInputTinyMCERawProps, 'commonOptions' | 'mentionsQueries'> & Partial<Pick<JRCInputTinyMCERawProps, 'tinymceScriptSrc'>>;
+    handlers: {
+        file: Pick<JFileApi, 'upload'>;
+    };
+}
+/**
+ * Widget Text editor component
+ */
+export declare const JRCWidgetTextEditor: ({ uniqid, content, onChangeContent, token, additionalExtensions, tinyMCECommonOptions, handlers, }: JRCWidgetTextEditorProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Widgets/const.d.ts

@@ -75,6 +75,45 @@ export declare const PositionOptions: {
     value: Position;
     iconName: string;
 }[];
+export declare const cssFromPosition: {
+    readonly "top-left": {
+        readonly justifyContent: "flex-start";
+        readonly alignItems: "flex-start";
+    };
+    readonly "top-center": {
+        readonly justifyContent: "center";
+        readonly alignItems: "flex-start";
+    };
+    readonly "top-right": {
+        readonly justifyContent: "flex-end";
+        readonly alignItems: "flex-start";
+    };
+    readonly "center-left": {
+        readonly justifyContent: "flex-start";
+        readonly alignItems: "center";
+    };
+    readonly center: {
+        readonly justifyContent: "center";
+        readonly alignItems: "center";
+    };
+    readonly "center-right": {
+        readonly justifyContent: "flex-end";
+        readonly alignItems: "center";
+    };
+    readonly "bottom-left": {
+        readonly justifyContent: "flex-start";
+        readonly alignItems: "flex-end";
+    };
+    readonly "bottom-center": {
+        readonly justifyContent: "center";
+        readonly alignItems: "flex-end";
+    };
+    readonly "bottom-right": {
+        readonly justifyContent: "flex-end";
+        readonly alignItems: "flex-end";
+    };
+};
+export declare function getPositionFromCss(justifyContent: string | undefined, alignItems: string | undefined): Position;
 export declare enum ProfileDisplayType {
     OnlyPicture = "1",
     WithFirstName = "2",
@@ -96,6 +135,7 @@ export declare const ProfilePictureSizeOptions: {
 export declare enum TextFontWeight {
     Normal = 400,
     Medium = 500,
+    SemiBold = 600,
     Bold = 700
 }
 export declare const TextFontWeightOptions: {

package/dist/src/components/index.d.ts

@@ -6,6 +6,10 @@ export { JRCDraggingPlaceholder } from './Common/JRCDraggingPlaceholder';
 export { SkipToContent } from './Common/SkipToContent';
 export { Deprecated_ClickAwayListener } from './Deprecated/Deprecated_ClickAwayListener/Deprecated_ClickAwayListener';
 export { Deprecated_JRCEllipsis } from './Deprecated/Deprecated_JRCEllipsis/Deprecated_JRCEllipsis';
+export { EditorButtonToggle } from './Editors/components/EditorButtonToggle';
+export { EditorCheckbox } from './Editors/components/EditorCheckbox';
+export { CSSEditorComponentSeparator } from './Editors/components/Editor.style';
+export { TextFontWeightOptions, TextFontWeight, TextAlignOptions, TextAlign } from './Widgets/const';
 export { JRCDriveDropbox } from './Drives/JRCDriveDropbox';
 export { JRCDriveMSGraph } from './Drives/JRCDriveMSGraph';
 export { JRCCheckbox } from './Form/Input/JRCInputCheckbox/components/JRCCheckbox';
@@ -178,6 +182,8 @@ export { JRCWidgetDatasourceTableEditor } from './Widgets/JRCWidgetTable/JRCWidg
 export { JRCWidgetExcelDatasourceTableEditor } from './Widgets/JRCWidgetTable/JRCWidgetExcelDatasourceTableEditor';
 export { JRCWidgetTable } from './Widgets/JRCWidgetTable/JRCWidgetTable';
 export { JRCWidgetTableEditor } from './Widgets/JRCWidgetTable/JRCWidgetTableEditor';
+export { JRCWidgetText } from './Widgets/JRCWidgetText/JRCWidgetText';
+export { JRCWidgetTextEditor } from './Widgets/JRCWidgetText/JRCWidgetTextEditor';
 export { JRCWidgetUserProfile } from './Widgets/JRCWidgetUserProfile/JRCWidgetUserProfile';
 export { JRCWidgetUserProfileEditor } from './Widgets/JRCWidgetUserProfile/JRCWidgetUserProfileEditor';
 export { JRCWidgetWelcome } from './Widgets/JRCWidgetWelcome/JRCWidgetWelcome';

package/dist/src/styles/Theme.stories.d.ts

@@ -2,4 +2,4 @@ declare const _default: {
     title: string;
 };
 export default _default;
-export declare const Colors: () => import("react/jsx-runtime").JSX.Element;
+export declare const Palettes: () => import("react/jsx-runtime").JSX.Element;

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

@@ -19,16 +19,28 @@ export type ThemeConfigOptions = {
     bgColorNotLogged: string;
     forest: string;
 };
-export type Colors = 'primary' | 'primaryLight' | 'primaryTextLight' | 'secondary' | 'headerColor' | 'headerTextColor' | 'headerUserBackground' | 'headerUserTextColor' | 'headerSearchBarTextColor' | 'headerSearchBarBackgroundColor' | 'navBackground' | 'navTextColor' | 'lavender' | 'orange' | 'orangeLight' | 'orangeTextLight' | 'yellow' | 'green' | 'greenLight' | 'greenTextLight' | 'navy' | 'overseas' | 'night1' | 'night2' | 'sandLight' | 'raspberry' | 'sky' | 'sky15' | 'sand' | 'forest' | 'grey0' | 'grey1' | 'grey2' | 'grey3' | 'grey4' | 'grey5' | 'grey6' | 'black' | 'black10' | 'black15' | 'black20' | 'white' | 'transparent' | 'transparentHexa';
-export declare const Palettes: Colors[];
+export type ColorPalette = {
+    light: string;
+    medium: string;
+    base: string;
+    strong: string;
+    dark: string;
+};
+type PaletteVariants = Capitalize<keyof Omit<ColorPalette, 'base'>>;
+export type GeneratedPaletteKeys<T extends string> = `${T}${PaletteVariants}`;
+export declare const paletteColorsPrimary: readonly ["primary", "secondary", "green", "red"];
+type PaletteColorsPrimaryKey = (typeof paletteColorsPrimary)[number];
+type PaletteColorsPrimaryKeys = `${PaletteColorsPrimaryKey}${PaletteVariants}` | `${PaletteColorsPrimaryKey}`;
+export declare const paletteColorsSecondary: readonly ["lavender", "navy", "overseas", "night1", "night2", "sky", "sand", "yellow"];
+export type PaletteColorsSecondaryKey = (typeof paletteColorsSecondary)[number];
+type PaletteColorsSecondaryKeys = `${PaletteColorsSecondaryKey}${PaletteVariants}` | `${PaletteColorsSecondaryKey}`;
+export declare const paletteColorsGreys: readonly ["grey0", "grey1", "grey2", "grey3", "grey4", "grey5", "grey6"];
+export declare const paletteColorsUtils: readonly ["black", "black10", "black15", "black20", "white", "transparent", "transparentHexa"];
+export declare const paletteColorsPlatform: readonly ["headerColor", "headerTextColor", "headerUserBackground", "headerUserTextColor", "headerSearchBarTextColor", "headerSearchBarBackgroundColor", "navBackground", "navTextColor"];
+export type Colors = PaletteColorsPrimaryKeys | PaletteColorsSecondaryKeys | (typeof paletteColorsGreys)[number] | (typeof paletteColorsUtils)[number] | (typeof paletteColorsPlatform)[number];
 type ThemeConfigColorType = {
     [color in Colors]: string;
 };
-export type Shades = 'primaryL15' | 'primaryL80' | 'primaryL90' | 'primaryD20' | 'primaryLight' | 'primaryLightHover' | 'secondaryL15' | 'secondaryL80' | 'secondaryL90' | 'secondaryD20' | 'greenL20' | 'greenL80' | 'greenL90' | 'greenD20' | 'greenLight' | 'greenLightHover' | 'raspberryL95' | 'orangeL15' | 'orangeL80' | 'orangeL90' | 'orangeD20' | 'orangeLight' | 'orangeLightHover' | 'yellowL80' | 'yellowL90';
-type ThemeConfigShadeType = {
-    [color in Shades]: string;
-};
-export type ColorsOrShades = Colors | Shades;
 export type FontWeight = {
     light: number;
     normal: number;
@@ -49,7 +61,7 @@ export type ThemeType = {
         lineHeight: string;
         weight: FontWeight;
     };
-    color: ThemeConfigColorType & ThemeConfigShadeType;
+    color: ThemeConfigColorType;
     zIndex: {
         forceTop: number;
         tinyMCEModal: number;