jamespot-react-components 1.2.37 → 1.2.39

package/build/src/components/Form/Common/FormMessageFeedback.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react-webpack5';
+import FormMessageFeedback from './FormMessageFeedback';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj<typeof FormMessageFeedback>;
+export declare const FormMessageFeedbackWithAllMessages: Story;
+export declare const FormMessageFeedbackErrorOnly: Story;

package/build/src/components/Form/Input/Common/JRCFormErrors.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react-webpack5';
+import { JRCFormErrors } from './JRCFormErrors';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj<typeof JRCFormErrors>;
+export declare const JRCFormErrorsWithErrors: Story;
+export declare const JRCFormErrorsWithRequired: Story;
+export declare const JRCFormErrorsNoError: Story;
+export declare const JRCFormErrorsNoTypes: Story;

package/build/src/components/Form/Input/Deprecated/JRCFormCheckbox/JRCFormCheckbox.types.d.ts

@@ -45,11 +45,12 @@ export interface JRCFormCheckboxProps extends ComponentPropsWithoutRef<'input'>
     reduxFormValueType?: 'array' | 'boolean';
 }
 export type CheckboxLabelProps = {
-    direction?: string;
-    variant?: string;
-    checked: boolean;
-    disabled?: boolean;
-    labelPosition?: string;
-    backgroundOnHover?: boolean;
-    backgroundOnSelect?: boolean;
+    $direction?: string;
+    $variant?: string;
+    $checked: boolean;
+    $disabled?: boolean;
+    $labelPosition?: string;
+    $backgroundOnHover?: boolean;
+    $backgroundOnSelect?: boolean;
+    $margin?: string;
 };

package/build/src/components/Form/Input/JRCInputCheckbox/JRCInputCheckbox.d.ts

@@ -4,6 +4,11 @@ import { DataCy } from '../../../../types/dataAttributes';
 import { PartialBy } from '../../../../types/utils';
 import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
 export declare const ReadOnlyBorder: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const DirectionContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    direction?: string;
+    variant?: string;
+    noMargin?: boolean;
+}, never>;
 type CheckboxOption<TFieldValues> = {
     label: string | JSX.Element;
     value: string | number | TFieldValues;
@@ -19,9 +24,11 @@ export type CheckboxProps<TFieldValues> = DataCy & {
     variant?: 'default' | 'outlined';
     labelPosition?: 'before' | 'after';
     SortByChecked?: boolean;
+    noMargin?: boolean;
     backgroundOnHover?: boolean;
     backgroundOnSelect?: boolean;
     valueTypeIsBoolean?: boolean;
+    inverted?: boolean;
     readOnly?: boolean;
     getReadOnlyLabel?: (value: TFieldValues) => ReactNode;
     limit?: number;
@@ -35,7 +42,9 @@ export type NativeCheckboxProps<TFieldValues extends FieldValues = FieldValues>
 };
 export declare const ReadOnlyUl: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledDescription: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const JRCInputCheckboxRaw: <T extends FieldValues = FieldValues>(props: NativeCheckboxProps<T>) => JSX.Element;
+export declare const JRCInputCheckboxRaw: <T extends FieldValues = FieldValues>(props: NativeCheckboxProps<T> & {
+    margin?: string;
+}) => JSX.Element;
 export declare function JRCInputCheckbox<TFieldValues extends FieldValues = FieldValues>({ name, control, rules, label, htmlFor, labelIsLegend, description, helper, ...props }: JRCInputCheckboxProps<TFieldValues>): import("react/jsx-runtime").JSX.Element;
 export declare namespace JRCInputCheckbox {
     var defaultProps: {

package/build/src/components/Form/Input/JRCInputDate/JRCInputDate.d.ts

@@ -1,11 +1,7 @@
-import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
-import { DataCy } from '../../../../types/dataAttributes';
 import { FieldValues } from 'react-hook-form';
-import { ComponentPropsWithoutRef } from 'react';
-export type NativeInputProps = DataCy & ComponentPropsWithoutRef<'input'> & {
-    type?: 'date' | 'time' | 'datetime-local';
-};
-export type JRCInputDateProps<TFieldValues extends FieldValues = FieldValues> = NativeInputProps & JRCInputFieldProps<TFieldValues>;
+import { JRCInputDateTimeProps, NativeInputProps } from '../JRCInputDateTime/JRCInputDateTime';
+import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
+export type JRCInputDateProps<TFieldValues extends FieldValues = FieldValues> = NativeInputProps & JRCInputFieldProps<TFieldValues> & Pick<JRCInputDateTimeProps, 'openDirection'>;
 /**
  * Component used as a <input type="date"/>
  * @param props JRCInputFieldProps

package/build/src/components/Form/Input/JRCInputDateTime/DayPickerStyle.d.ts

@@ -0,0 +1,2 @@
+import 'react-day-picker/src/style.css';
+export declare const DayPickerStyle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/build/src/components/Form/Input/JRCInputDateTime/JRCInputDateTime.d.ts

@@ -1,11 +1,12 @@
 import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
 import { DataCy } from '../../../../types/dataAttributes';
 import { FieldValues } from 'react-hook-form';
-import { ComponentPropsWithoutRef } from 'react';
-export type NativeInputProps = DataCy & ComponentPropsWithoutRef<'input'> & {
-    type?: 'date' | 'time' | 'datetime-local';
+import { JRCDropDownProps } from '../../../JRCDropDown/JRCDropDown';
+export type NativeInputProps = DataCy & React.ComponentPropsWithoutRef<'input'>;
+export type JRCInputDateTimeProps<TFieldValues extends FieldValues = FieldValues> = NativeInputProps & JRCInputFieldProps<TFieldValues> & {
+    mode?: 'date' | 'datetime';
+    openDirection?: JRCDropDownProps['align'];
 };
-export type JRCInputDateTimeProps<TFieldValues extends FieldValues = FieldValues> = NativeInputProps & JRCInputFieldProps<TFieldValues>;
 /**
  * Component used as a <input type="date"/>
  * @param props JRCInputFieldProps

package/build/src/components/Form/Input/JRCInputImage/JRCInputImage.d.ts

@@ -1,5 +1,9 @@
 import { FieldValues } from 'react-hook-form';
 import { JRCInputImageProps } from './types';
+export type DropZoneDimensions = {
+    width: number | string;
+    height: number | string;
+};
 /**
  * Component used as a <input type="file"/>
  * @param props JRCInputFieldProps

package/build/src/components/Form/Input/JRCInputImage/JRCInputImage.styles.d.ts

@@ -11,7 +11,8 @@ export declare const DropZone: import("styled-components").StyledComponent<"div"
 }, never>;
 export declare const ReadOnlyImg: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, {}, never>;
 export declare const DropZoneButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
-    aspectRatio?: number | undefined;
+    $aspectRatio?: number | undefined;
+    $dzDimensions?: DropZoneDimensions;
 }, never>;
 export declare const DropZoneImage: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, {}, never>;
 export declare const ImageButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {

package/build/src/components/Form/Input/JRCInputImage/types.d.ts

@@ -4,8 +4,8 @@ import { FieldValues } from 'react-hook-form';
 import { DataCy } from '../../../../types/dataAttributes';
 import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
 export type DropZoneDimensions = {
-    width: number;
-    height: number;
+    width: number | string;
+    height: number | string;
 };
 export type NativeInputImageProps = DataCy & Omit<ComponentPropsWithoutRef<'input'>, 'value' | 'onChange'> & {
     token?: string | undefined;

package/build/src/components/Form/Input/JRCInputText/JRCInputText.stories.d.ts

@@ -1,9 +1,27 @@
-import { Meta } from '@storybook/react-webpack5';
+import { Meta, StoryObj } from '@storybook/react-webpack5';
 import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
-declare const _default: Meta;
-export default _default;
+import { JRCInputText } from './JRCInputText';
+declare const meta: Meta;
+export default meta;
 export declare const InputText: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-webpack5").ReactRenderer, JRCInputFieldProps<{
     text: string;
 }>>;
 export declare const InputTextIconButton: any;
 export declare const AllInputs: () => import("react/jsx-runtime").JSX.Element;
+type Story = StoryObj<typeof JRCInputText>;
+export declare const RenderInputTest: Story;
+export declare const JRCInputTextTest: Story;
+export declare const RenderNumberInputTest: Story;
+export declare const JRCInputNumberEmpty: Story;
+export declare const JRCInputNumberMinMax: Story;
+export declare const JRCInputNumberValid: Story;
+export declare const JRCInputNumberEmptyString: Story;
+export declare const JRCInputNumberMaxRule: Story;
+export declare const JRCInputTextPatternRule: Story;
+export declare const JRCInputTextEmailRule: Story;
+export declare const JRCInputNumberMinRule: Story;
+export declare const JRCInputTextWithLegend: Story;
+export declare const JRCInputTextSimpleTest: Story;
+export declare const MaxLengthIndicatorTest: Story;
+export declare const JRCInputTextIconButtonFocusTest: Story;
+export declare const JRCInputNumberLine64Coverage: Story;

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

@@ -19,6 +19,7 @@ export declare const IconAfter: import("styled-components").StyledComponent<impo
     badgeNumber?: number;
     colorVariant?: string;
     badgeInline?: boolean;
+    href?: string;
     srOnly?: string;
 } & import("react").RefAttributes<HTMLButtonElement>>, import("styled-components").DefaultTheme, {}, never>;
 export declare const InputIconButton: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, import("../../../../types/dataAttributes").DataCy & {

package/build/src/components/Form/Input/JRCSelect/JRCInputAutocomplete.d.ts

@@ -6,6 +6,7 @@ export declare function CustomOption({ option, }: {
         newOption?: boolean;
         custom?: boolean;
         icon?: string;
+        color?: string;
     };
 }): import("react/jsx-runtime").JSX.Element;
 export declare function CustomSelectedOption({ option }: {

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

@@ -71,6 +71,8 @@ export type SelectProps<T = any> = DataCy & {
     size?: 'md' | 's';
     minWidth?: string | false;
     noMargin?: boolean;
+    defaultOpen?: boolean;
+    onClose?: () => void;
 };
 /**
  * Autocomplete
@@ -87,4 +89,5 @@ export type AutocompleteInnerProps = Omit<SelectProps, 'options'> & DataCy & Ico
     }>;
     loading?: boolean;
     limit?: number;
+    noAvatar?: boolean;
 };

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

@@ -14,5 +14,9 @@ export interface JRCAlertProps extends ComponentPropsWithoutRef<'div'> {
     timeout?: number;
     /** Add buttons on the alert */
     buttons?: JRCButtonProps[];
+    link?: {
+        label: string;
+        url: string;
+    };
 }
-export declare const JRCAlert: ({ label, description, hasLoader, buttons, type, timeout, }: JRCAlertProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const JRCAlert: ({ label, description, hasLoader, buttons, type, timeout, link, }: JRCAlertProps) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -39,6 +39,7 @@ export declare const JRCIconButtonAppLeftColumn: import("styled-components").Sty
     badgeNumber?: number;
     colorVariant?: string;
     badgeInline?: boolean;
+    href?: string;
     srOnly?: string;
 } & import("react").RefAttributes<HTMLButtonElement>>, import("styled-components").DefaultTheme, {}, never>;
 export declare const AppLeftColumnIconWrapper: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {

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

@@ -1,2 +1,34 @@
-import { JRCCalendarProps } from './types';
-export declare const JRCCalendar: ({ events, loading, onChangeDates, onError, handler, onSuccess, defaultView, eventModalExtraComponent, onChangeView, fullScreen, deportedToolbar, }: JRCCalendarProps) => import("react/jsx-runtime").JSX.Element;
+import { CalendarApi } from '@fullcalendar/core';
+import { CalendarEventViewAbstractType, CalendarEventWithExtensions, JArticleApi, JCalendarApi, JGlobalApi } from 'jamespot-user-api';
+import { ReactNode } from 'react';
+export type JRCCalendarProps = {
+    events?: CalendarEventWithExtensions<CalendarEventViewAbstractType, ['socialEventRecord']>[];
+    loading?: boolean;
+    onChangeDates?: (start: Date, end: Date) => void;
+    onError: (errorMsg?: string) => void;
+    onSuccess: (message: string) => void;
+    handler: {
+        global: Pick<JGlobalApi, 'updateAction' | 'removeAction'>;
+        calendar: Pick<JCalendarApi, 'reviveSubmit'>;
+        article: Pick<JArticleApi, 'delete'>;
+    };
+    defaultView: CalendarView;
+    eventModalExtraComponent?: (event: CalendarEventWithExtensions<CalendarEventViewAbstractType, ['socialEventRecord']>) => ReactNode;
+    onChangeView?: (view: {
+        label: string;
+        value: CalendarView;
+    }) => void;
+    fullScreen?: boolean;
+    deportedToolbar?: {
+        onChangeLabel?: (label: string) => void;
+        onCalendarApiInit?: (api?: CalendarApi) => void;
+        view?: {
+            label: string;
+            value: CalendarView;
+        };
+    };
+    onDeleteEvent: () => void;
+    onClickUpdateEvent?: (event: CalendarEventWithExtensions<CalendarEventViewAbstractType, ['socialEventRecord']>) => void;
+};
+export type CalendarView = 'dayGridMonth' | 'timeGridWeek' | 'timeGridDay' | 'list';
+export declare const JRCCalendar: ({ events, loading, onChangeDates, onError, handler, onSuccess, defaultView, eventModalExtraComponent, onChangeView, fullScreen, deportedToolbar, onDeleteEvent, onClickUpdateEvent, }: JRCCalendarProps) => import("react/jsx-runtime").JSX.Element;

package/build/src/components/JRCCalendar/JRCCalendarEvent.d.ts

@@ -1,2 +1,33 @@
-import { JRCCalendarEventProps } from './types';
-export declare const JRCCalendarEvent: ({ status, title, start, end, display, id: stringId, onClick, audience, allDay, textColor, backgroundColor, address, image, type, isVisio, handler, onError, onSuccess, noGestion, setSubscriptionModifiers, uri, canSubscribe, subscriptionModifiers, }: JRCCalendarEventProps) => import("react/jsx-runtime").JSX.Element | null;
+import { Audience, JCalendarApi, JGlobalApi, UserResponseStatus } from 'jamespot-user-api';
+import { SubscriptionModifiers } from './JRCEventStatusButton';
+export type JRCCalendarEventProps = {
+    id: string;
+    title: string;
+    start: Date | null;
+    end: Date | null;
+    status: UserResponseStatus | null;
+    display: CalendarView;
+    onClick: (id: number) => void;
+    audience: Pick<Audience, '_url' | 'title' | 'uri'>[];
+    allDay?: boolean;
+    textColor?: string;
+    backgroundColor?: string;
+    address?: string;
+    image: boolean;
+    type: string;
+    isVisio?: boolean;
+    handler: {
+        global: Pick<JGlobalApi, 'updateAction' | 'removeAction'>;
+        calendar: Pick<JCalendarApi, 'reviveSubmit'>;
+    };
+    onError: (errMsg?: string) => void;
+    onSuccess: (message: string) => void;
+    noGestion: boolean;
+    setSubscriptionModifiers: (fn: (prev: SubscriptionModifiers) => SubscriptionModifiers) => void;
+    uri: string;
+    canSubscribe: boolean;
+    subscriptionModifiers: SubscriptionModifiers;
+    urlGestion?: string;
+};
+import { CalendarView } from './types';
+export declare const JRCCalendarEvent: ({ status, title, start, end, display, id: stringId, onClick, audience, allDay, textColor, backgroundColor, address, image, type, isVisio, handler, onError, onSuccess, noGestion, setSubscriptionModifiers, uri, canSubscribe, subscriptionModifiers, urlGestion, }: JRCCalendarEventProps) => import("react/jsx-runtime").JSX.Element | null;

package/build/src/components/JRCCalendar/JRCCalendarModal.d.ts

@@ -15,5 +15,7 @@ export type JRCCalendarModalProps = {
     extraComponent?: (event: CalendarEventWithExtensions<CalendarEventViewAbstractType, ['socialEventRecord']>) => ReactNode;
     setSubscriptionModifiers: (fn: (prev: SubscriptionModifiers) => SubscriptionModifiers) => void;
     subscriptionModifiers: SubscriptionModifiers;
+    onDeleteEvent: () => void;
+    onClickUpdateEvent?: (event: CalendarEventWithExtensions<CalendarEventViewAbstractType, ['socialEventRecord']>) => void;
 };
-export declare const JRCCalendarModal: ({ open, closeHandler, event, handler, onError, onSuccess, extraComponent, setSubscriptionModifiers, subscriptionModifiers, }: JRCCalendarModalProps) => import("react/jsx-runtime").JSX.Element;
+export declare const JRCCalendarModal: ({ open, closeHandler, event, handler, onError, onSuccess, extraComponent, setSubscriptionModifiers, subscriptionModifiers, onDeleteEvent, onClickUpdateEvent, }: JRCCalendarModalProps) => import("react/jsx-runtime").JSX.Element;

package/build/src/components/JRCCalendar/JRCEventStatusButton.d.ts

@@ -19,5 +19,7 @@ export type JRCEventStatusButtonProps = {
     setSubscriptionModifiers: (fn: (prev: SubscriptionModifiers) => SubscriptionModifiers) => void;
     eventUri: string;
     status: UserResponseStatus | null;
+    urlGestion?: string;
+    noGestion?: boolean;
 };
-export declare const JRCEventStatusButton: ({ onError, handler, onSuccess, eventId, eventUri, eventType, eventIsVisio, initialStatus, canSubscribe, setSubscriptionModifiers, status, }: JRCEventStatusButtonProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const JRCEventStatusButton: ({ onError, handler, onSuccess, eventId, eventUri, eventType, eventIsVisio, initialStatus, canSubscribe, setSubscriptionModifiers, status, urlGestion, noGestion, }: JRCEventStatusButtonProps) => import("react/jsx-runtime").JSX.Element | null;

package/build/src/components/JRCDragNDrop/DndProvider.d.ts

@@ -0,0 +1,5 @@
+interface DndProviderProps {
+    children: React.ReactNode;
+}
+export declare const DndProvider: React.FC<DndProviderProps>;
+export {};

package/build/src/components/JRCDragNDrop/Draggable.d.ts

@@ -0,0 +1,12 @@
+import { BaseDndItem, DndDragItem, ItemTypes } from './types';
+interface DraggableProps {
+    type: ItemTypes;
+    item: BaseDndItem;
+    index: number;
+    onMove: (dragIndex: number, hoverIndex: number) => void;
+    onMoveToSection?: (draggedItem: DndDragItem, targetIndex: number) => void;
+    sectionId?: string | number;
+    children: React.ReactNode;
+}
+export declare const Draggable: React.FC<DraggableProps>;
+export {};

package/build/src/components/JRCDragNDrop/Droppable.d.ts

@@ -0,0 +1,8 @@
+import { DndDragItem, ItemTypes } from './types';
+interface DroppableProps {
+    accept: ItemTypes;
+    onDrop: (item: DndDragItem) => void;
+    children: React.ReactNode;
+}
+export declare const Droppable: React.FC<DroppableProps>;
+export {};

package/build/src/components/JRCDragNDrop/JRCDndTwoLevelWithStack.d.ts

@@ -0,0 +1,2 @@
+import { BaseDndItem, JRCDndTwoLevelWithStackProps } from './types';
+export declare const JRCDndTwoLevelWithStack: import("react").MemoExoticComponent<(<T extends BaseDndItem = BaseDndItem>({ data, ItemComponent, EmptyStateComponent, onItemMove, onItemMoveToSection, onItemRemove, onSectionMove, onSectionAdd, onSectionRemove, onSectionLabelChange, canAddSections, canRemoveSections, canEditSectionLabels, canRemoveItems, addSectionText, emptyStateText, stackTitle: stackTitleProp, sectionsTitle: sectionsTitleProp, sectionErrors, sectionError, $maxHeight, }: JRCDndTwoLevelWithStackProps<T>) => import("react/jsx-runtime").JSX.Element)>;

package/build/src/components/JRCDragNDrop/JRCDndTwoLevelWithStack.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react-webpack5';
+import { BaseDndItem, JRCDndTwoLevelWithStackProps } from './types';
+declare const meta: Meta<JRCDndTwoLevelWithStackProps<BaseDndItem>>;
+export default meta;
+export declare const LoadingState: StoryObj<JRCDndTwoLevelWithStackProps<BaseDndItem>>;
+export declare const HasErrors: StoryObj<JRCDndTwoLevelWithStackProps<BaseDndItem>>;
+export declare const DragAndDropInteractions: StoryObj<JRCDndTwoLevelWithStackProps<BaseDndItem>>;
+export declare const IsAboveMiddleCovering: StoryObj<JRCDndTwoLevelWithStackProps<BaseDndItem>>;
+export declare const AddSection: StoryObj<JRCDndTwoLevelWithStackProps<BaseDndItem>>;

package/build/src/components/JRCDragNDrop/index.d.ts

@@ -0,0 +1,5 @@
+export { DndProvider } from './DndProvider';
+export { Draggable } from './Draggable';
+export { Droppable } from './Droppable';
+export { JRCDndTwoLevelWithStack } from './JRCDndTwoLevelWithStack';
+export type { BaseDndItem, DndData, DndDragItem, DndEmptyStateComponentProps, DndItemComponentProps, DndSection, DndSectionComponentProps, JRCDndTwoLevelWithStackProps, } from './types';

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

@@ -0,0 +1,50 @@
+export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    $maxHeight?: string;
+}, never>;
+export declare const StackContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StackContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const SectionsContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const SectionsHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const SectionsTitle: import("styled-components").StyledComponent<({ variant, ...props }: import("../..").JRCTypographyProps) => import("react/jsx-runtime").JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const SectionLabel: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+export declare const SectionsList: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const SectionWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const SectionHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    $hasItems: boolean;
+}, never>;
+export declare const SectionHeaderContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const DragHandle: import("styled-components").StyledComponent<({ color, variant, name, size, isMargin, className, faOptions, iconColor, role, label, }: import("../JRCIcon/JRCIcon").JRCIconProps) => import("react/jsx-runtime").JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const SectionLabelInput: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../types/dataAttributes").DataCy & Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
+    width?: string;
+    autocomplete?: "on" | "off";
+    inputmode?: "text" | "numeric";
+} & import("react").RefAttributes<HTMLInputElement>>, import("styled-components").DefaultTheme, {
+    $hasError: boolean;
+}, never>;
+export declare const RemoveButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "onClick"> & import("../../types/dataAttributes").DataCy & {
+    icon: string;
+    size?: "small" | "medium";
+    onClick?: (event?: import("react").MouseEvent<HTMLButtonElement>) => void;
+    name?: string;
+    value?: string;
+    disabled?: boolean;
+    type?: "submit" | "reset" | "button";
+    bgBaseGrey?: 0 | 1 | 2;
+    color?: import("../..").Colors | import("../..").Shades | "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;
+    iconSize?: number;
+    badgeNumber?: number;
+    colorVariant?: string;
+    badgeInline?: boolean;
+    href?: string;
+    srOnly?: string;
+} & import("react").RefAttributes<HTMLButtonElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const SectionContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const EmptyState: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const AddSectionButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
+export declare const ErrorMessage: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/build/src/components/JRCDragNDrop/types.d.ts

@@ -0,0 +1,65 @@
+export declare enum ItemTypes {
+    ITEM = "item",
+    SECTION = "section"
+}
+export interface BaseDndItem {
+    id: string | number;
+    content?: string;
+    label?: string;
+    type?: string;
+    [key: string]: unknown;
+}
+export interface DndDragItem extends BaseDndItem {
+    index: number;
+    sectionId?: string | number;
+    lastTargetIndex?: number;
+}
+export interface DndSection<T extends BaseDndItem = BaseDndItem> {
+    id: string;
+    label: string;
+    items: T[];
+}
+export interface DndData<T extends BaseDndItem = BaseDndItem> {
+    defaultSection: DndSection<T>;
+    customSections: DndSection<T>[];
+}
+export interface DndItemComponentProps<T extends BaseDndItem = BaseDndItem> {
+    item: T;
+    isDragging?: boolean;
+    dragHandleProps?: Record<string, unknown>;
+    onRemove?: (item: T, sectionId: string) => void;
+    sectionId?: string;
+    canRemove?: boolean;
+}
+export interface DndSectionComponentProps<T extends BaseDndItem = BaseDndItem> {
+    section: DndSection<T>;
+    isDragging?: boolean;
+    dragHandleProps?: Record<string, unknown>;
+}
+export interface DndEmptyStateComponentProps {
+    sectionId: string;
+}
+export interface JRCDndTwoLevelWithStackProps<T extends BaseDndItem = BaseDndItem> {
+    data: DndData<T>;
+    ItemComponent: React.FC<DndItemComponentProps<T>>;
+    SectionComponent?: React.FC<DndSectionComponentProps<T>>;
+    EmptyStateComponent?: React.FC<DndEmptyStateComponentProps>;
+    onItemMove: (dragIndex: number, hoverIndex: number, sectionId: string) => void;
+    onItemMoveToSection: (item: T, targetIndex: number, targetSectionId: string) => void;
+    onItemRemove?: (item: T, sectionId: string) => void;
+    onSectionMove: (dragIndex: number, hoverIndex: number) => void;
+    onSectionAdd: () => void;
+    onSectionRemove: (sectionId: string) => void;
+    onSectionLabelChange: (sectionId: string, newLabel: string) => void;
+    canAddSections?: boolean;
+    canRemoveSections?: boolean;
+    canEditSectionLabels?: boolean;
+    canRemoveItems?: boolean;
+    stackTitle?: string;
+    sectionsTitle?: string;
+    addSectionText?: string;
+    emptyStateText?: string;
+    sectionErrors?: Record<string, boolean>;
+    sectionError?: string;
+    $maxHeight?: string;
+}

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

@@ -7,5 +7,8 @@ export interface JRCDropDownProps {
     onToggle?: (isOpen: boolean) => void;
     withBorder?: boolean;
     borderColor?: Colors;
+    overflow?: 'visible' | 'auto';
+    width?: string;
+    offset?: number;
 }
-export declare const JRCDropDown: ({ trigger, dropdown, align, onToggle, withBorder, borderColor }: JRCDropDownProps) => import("react/jsx-runtime").JSX.Element;
+export declare const JRCDropDown: ({ trigger, dropdown, align, onToggle, withBorder, borderColor, overflow, width, offset, }: JRCDropDownProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,5 @@
-import { JRCIcon } from './JRCIcon';
 import { Meta, StoryObj } from '@storybook/react-webpack5';
+import { JRCIcon } from './JRCIcon';
 declare const meta: Meta;
 export default meta;
 type Story = StoryObj<typeof JRCIcon>;

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

@@ -42,6 +42,7 @@ export type JRCIconButtonProps = Omit<ComponentPropsWithoutRef<'button'>, 'onCli
     badgeNumber?: number;
     colorVariant?: keyof typeof colorVariants;
     badgeInline?: boolean;
+    href?: string;
     srOnly?: string;
 };
 export declare const JRCIconButton: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "onClick"> & DataCy & {
@@ -64,6 +65,7 @@ export declare const JRCIconButton: import("react").ForwardRefExoticComponent<Om
     badgeNumber?: number;
     colorVariant?: keyof typeof colorVariants;
     badgeInline?: boolean;
+    href?: string;
     srOnly?: string;
 } & import("react").RefAttributes<HTMLButtonElement>>;
 export {};

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

@@ -1,5 +1,11 @@
-import { JRCIconButtonProps } from './JRCIconButton';
-import { Meta } from '@storybook/react-webpack5';
+import { Meta, StoryObj } from '@storybook/react-webpack5';
+import { JRCIconButton, JRCIconButtonProps } from './JRCIconButton';
 declare const _default: Meta;
 export default _default;
 export declare const Primary: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-webpack5").ReactRenderer, JRCIconButtonProps>;
+type Story = StoryObj<typeof JRCIconButton>;
+export declare const IconButtonWithBadgeMedium: Story;
+export declare const IconButtonWithBadgeSmall: Story;
+export declare const IconButtonWithBadgeInline: Story;
+export declare const IconButtonWithBadgeInlineGrey: Story;
+export declare const IconButtonAsLink: Story;

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

@@ -2,7 +2,7 @@ import { ModalVariant } from './types';
 export type ModalBorderRadius = 'medium' | 'small';
 export declare const JRCModalBox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     isFullHeight?: boolean;
-    overflow?: "visible" | "hidden";
+    overflow?: "hidden" | "scroll" | "visible" | "auto";
     zIndex?: number;
 }, never>;
 export declare const JRCModalContainerFull: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
@@ -11,20 +11,22 @@ export declare const JRCModalContainerFull: import("styled-components").StyledCo
 }, never>;
 export declare const JRCModalContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     variant?: ModalVariant;
-    overflow?: "hidden" | "visible";
+    overflow?: "hidden" | "visible" | "scroll" | "auto";
     radius?: ModalBorderRadius;
     maxHeight?: string;
+    maxWidth?: string;
 }, never>;
 export declare const JRCModalTitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const JRCModalOptions: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const JRCModalBody: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     modalOverflow?: "hidden" | "scroll" | "visible" | "auto";
+    contentBackgroundColor?: boolean;
 }, never>;
 export declare const JRCModalContentFull: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const JRCModalHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     modalOverflow?: "hidden" | "scroll" | "visible" | "auto";
 }, never>;
 export declare const JRCModalFooter: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    modalOverflow?: "hidden" | "scroll" | "visible";
+    modalOverflow?: "hidden" | "scroll" | "visible" | "auto";
 }, never>;
 export declare const JRCModalClose: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/build/src/components/JRCModal/JRCModalContent.d.ts

@@ -2,15 +2,17 @@ import { ReactNode } from 'react';
 import { ButtonColors } from '../JRCButton/types';
 export type JRCModalContentBase = {
     title?: ReactNode;
+    subTitle?: ReactNode;
     children?: ReactNode;
     options?: ReactNode;
-    overflow?: 'visible' | 'hidden' | 'scroll';
+    overflow?: 'visible' | 'hidden' | 'scroll' | 'auto';
     onClickIconClose?: () => void;
     dataCy?: string;
 };
 export type JRCModalContentProps = JRCModalContentBase & {
     isFull?: boolean;
     buttons?: JRCModalButtonType[];
+    contentBackgroundColor?: boolean;
 };
 export interface JRCModalButtonType {
     children: ReactNode;
@@ -24,7 +26,11 @@ export interface JRCModalButtonType {
 export declare const ModalOptions: ({ children }: {
     children?: ReactNode;
 }) => import("react/jsx-runtime").JSX.Element;
-export declare const ModalTitle: ({ children }: {
-    children?: ReactNode;
+export declare const ModalTitle: ({ title, subTitle }: {
+    title?: ReactNode;
+    subTitle?: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const ModalDescription: ({ children }: {
+    children?: React.ReactNode;
 }) => import("react/jsx-runtime").JSX.Element;
-export declare const JRCModalContent: ({ title, onClickIconClose, overflow, options, children, buttons, isFull, dataCy, }: JRCModalContentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const JRCModalContent: ({ title, subTitle, onClickIconClose, overflow, options, children, buttons, isFull, dataCy, contentBackgroundColor, }: JRCModalContentProps) => import("react/jsx-runtime").JSX.Element;