jamespot-react-components 1.3.100 → 1.3.102

package/dist/src/components/Filters/JRCFilterBar/JRCFilterBar.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+import { DataCy } from '../../../types/dataAttributes';
+export interface JRCFilterBarProps extends DataCy {
+    /**
+     * All children (primary search, chips, picker, clear-all button) rendered inline
+     * in a flex-wrap row. The ordering of children is the layout order.
+     */
+    children: ReactNode;
+}
+/**
+ * Dumb layout wrapper for a filter bar: a column with one flex-wrap row for the
+ * filter controls. Empty-state handling and content composition are the consumer's
+ * responsibility — this component only provides the spacing and flex container.
+ */
+export declare const JRCFilterBar: import('react').NamedExoticComponent<JRCFilterBarProps>;

package/dist/src/components/Filters/JRCFilterBar/JRCFilterBar.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react-vite';
+import { JRCFilterBarProps } from './JRCFilterBar';
+declare const _default: Meta;
+export default _default;
+export declare const Default: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react-vite').ReactRenderer, JRCFilterBarProps>;

package/dist/src/components/Filters/JRCFilterChip/JRCFilterChip.d.ts

@@ -0,0 +1,26 @@
+import { ReactNode } from 'react';
+import { DataCy } from '../../../types/dataAttributes';
+import { JRCFilterChipTag, JRCFilterField } from '../types';
+export interface JRCFilterChipProps extends DataCy {
+    field: JRCFilterField;
+    /** Non-null string if the filter carries a displayable summary ("A, B, C", "≥ 10"…). */
+    summary?: string | null;
+    /** Whether the popover is open (controlled by the parent). */
+    isOpen: boolean;
+    /** Operator caption shown next to the field label in the popover header (e.g. "contains"). */
+    operatorLabel?: string;
+    /** Removable pills representing the individual values selected inside this filter. */
+    selectedTags?: JRCFilterChipTag[];
+    /** Input(s) to render inside the popover body. Injected by the consumer. */
+    children: ReactNode;
+    onToggle: () => void;
+    onRemove: () => void;
+}
+/**
+ * Dumb filter chip: a pill button that opens a popover containing filter inputs.
+ *
+ * The popover body is fully controlled by `children` — this component does NOT know
+ * about widgetType, value shape, or rendering logic. The consumer (layer 2) injects
+ * whatever input matches the filter's semantics.
+ */
+export declare const JRCFilterChip: import('react').NamedExoticComponent<JRCFilterChipProps>;

package/dist/src/components/Filters/JRCFilterChip/JRCFilterChip.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { JRCFilterChip } from './JRCFilterChip';
+declare const meta: Meta<typeof JRCFilterChip>;
+export default meta;
+type Story = StoryObj<typeof JRCFilterChip>;
+export declare const Empty: Story;
+export declare const WithValueAndTags: Story;

package/dist/src/components/Filters/JRCFilterClearAll/JRCFilterClearAll.d.ts

@@ -0,0 +1,8 @@
+import { DataCy } from '../../../types/dataAttributes';
+export interface JRCFilterClearAllProps extends DataCy {
+    onClick: () => void;
+}
+/**
+ * Dumb "Clear all filters" button. Styled as a discrete inline action next to the pills.
+ */
+export declare const JRCFilterClearAll: import('react').NamedExoticComponent<JRCFilterClearAllProps>;

package/dist/src/components/Filters/JRCFilterClearAll/JRCFilterClearAll.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react-vite';
+import { JRCFilterClearAllProps } from './JRCFilterClearAll';
+declare const _default: Meta;
+export default _default;
+export declare const Default: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react-vite').ReactRenderer, JRCFilterClearAllProps>;

package/dist/src/components/Filters/JRCFilterPicker/JRCFilterPicker.d.ts

@@ -0,0 +1,20 @@
+import { DataCy } from '../../../types/dataAttributes';
+import { JRCFilterField } from '../types';
+export interface JRCFilterPickerProps extends DataCy {
+    fields: JRCFilterField[];
+    activeFieldNames: Set<string>;
+    onSelect: (fieldName: string) => void;
+}
+/**
+ * Dumb filter picker: trigger + dropdown with searchable list of available fields.
+ *
+ * No dependency on widgetType, backend shape or i18n outside GLOBAL_Filter_*. The
+ * consumer passes a pre-built JRCFilterField[] (with icon/typeLabel already resolved)
+ * and a Set of names to mark as "already picked" (greyed out, not selectable).
+ *
+ * Open state, click-outside, Escape, and ARIA wiring (`aria-expanded`,
+ * `aria-controls`, `role="region"`) are delegated to `JRCDropDown`. The dynamic
+ * left/right alignment is computed on click before the dropdown mounts, so the
+ * initial render lands on the correct side without a flicker.
+ */
+export declare const JRCFilterPicker: import('react').NamedExoticComponent<JRCFilterPickerProps>;

package/dist/src/components/Filters/JRCFilterPicker/JRCFilterPicker.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { JRCFilterPicker } from './JRCFilterPicker';
+declare const meta: Meta<typeof JRCFilterPicker>;
+export default meta;
+type Story = StoryObj<typeof JRCFilterPicker>;
+export declare const Default: Story;
+export declare const WithActiveFields: Story;

package/dist/src/components/Filters/JRCPrimarySearch/JRCPrimarySearch.d.ts

@@ -0,0 +1,24 @@
+import { DataCy } from '../../../types/dataAttributes';
+export interface JRCPrimarySearchProps extends DataCy {
+    value: string;
+    onChange: (value: string) => void;
+    onSubmit?: () => void;
+    placeholder: string;
+    name?: string;
+}
+/**
+ * Controlled search input for filter bars (icon + Enter-to-submit). Wraps
+ * `JRCInputTextIconButtonRaw` which is itself controlled — needed because
+ * the surrounding `JFilterBar` syncs the value with its Redux state
+ * (`state.searchText`) and needs to reset/seed it programmatically (e.g.
+ * "Clear all filters", URL params hydration).
+ *
+ * Note: not replaceable by `JRCInputSearchRaw` which is non-controlled
+ * (state interne via `useDebouncedCallback`, no `value` prop). Switching
+ * would break the bidirectional sync with the filter bar state.
+ *
+ * The surrounding component decides what the input actually filters on
+ * (e.g. `title` in Studio View). `onChange` fires on every keystroke — the
+ * parent is expected to debounce if needed.
+ */
+export declare const JRCPrimarySearch: import('react').NamedExoticComponent<JRCPrimarySearchProps>;

package/dist/src/components/Filters/JRCPrimarySearch/JRCPrimarySearch.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react-vite';
+import { JRCPrimarySearchProps } from './JRCPrimarySearch';
+declare const _default: Meta;
+export default _default;
+export declare const Default: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react-vite').ReactRenderer, JRCPrimarySearchProps>;

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

@@ -0,0 +1,31 @@
+import { ReactNode } from 'react';
+import { DataCy } from '../../types/dataAttributes';
+/**
+ * Minimal field descriptor for the dumb Filter UI components.
+ *
+ * The layer-1 components have no knowledge of `widgetType` or any backend concept —
+ * they expose only what is needed for rendering: a stable `name`, a user-facing
+ * `label`, and optional presentation hints (`icon`, `typeLabel`). The upstream
+ * layer (react-core) maps a `widgetType` to these hints before passing the array in.
+ */
+export interface JRCFilterField {
+    /** Stable identifier used as key and passed back in callbacks. */
+    name: string;
+    /** Display label (already translated if applicable). */
+    label: string;
+    /** Optional icon name rendered in the picker/chip (e.g. 'icon-text'). */
+    icon?: string;
+    /** Optional "type" caption displayed next to the label in the picker (e.g. "Text"). */
+    typeLabel?: string;
+}
+/** Selected value summary displayed as small removable pills inside a JRCFilterChip popover. */
+export interface JRCFilterChipTag extends DataCy {
+    key: string;
+    label: string;
+    onRemove: () => void;
+}
+/** Props passed by a consumer that needs to render children inside the JRCFilterChip popover. */
+export interface JRCFilterChipRenderProps {
+    field: JRCFilterField;
+    children?: ReactNode;
+}

package/dist/src/components/Form/Input/JRCInputCheckbox/components/CheckboxOrToggle.d.ts

@@ -9,7 +9,7 @@ type CheckboxLabelProps = {
     $margin?: string;
 };
 export declare const FocusBackground: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    variant?: "default" | "outlined";
+    $variant?: "default" | "outlined";
 }>> & string;
 export declare const CheckboxLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, CheckboxLabelProps>> & string;
 export declare const CheckboxOrToggle: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "type"> & {

package/dist/src/components/Form/Input/JRCInputColor/JRCInputColor.styles.d.ts

@@ -1,10 +1,10 @@
 export declare const CSSColorPicker: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, import('../../../../types/dataAttributes').DataCy & {
-    error?: boolean;
-    valid?: boolean;
+    $error?: boolean;
+    $valid?: boolean;
     readOnly?: boolean;
 } & {
-    hasIconBefore?: boolean;
-    hasIconAfter?: boolean;
+    $hasIconBefore?: boolean;
+    $hasIconAfter?: boolean;
 } & {
     $inputMargin?: string | undefined;
 } & {

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

@@ -1,13 +1,13 @@
 import { DropZoneDimensions } from './types';
 export declare const InputFileWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const Grid: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    position?: "right" | "bottom";
-    columnCount: number;
+    $position?: "right" | "bottom";
+    $columnCount: number;
 }>> & string;
 export declare const DropZone: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    position?: "right" | "bottom";
-    columnCount: number;
-    dzDimensions?: DropZoneDimensions;
+    $position?: "right" | "bottom";
+    $columnCount: number;
+    $dzDimensions?: DropZoneDimensions;
 }>> & string;
 export declare const ReadOnlyImg: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>> & string;
 export declare const DropZoneButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
@@ -16,6 +16,6 @@ export declare const DropZoneButton: import('styled-components/dist/types').ISty
 }>> & string;
 export declare const DropZoneImage: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>> & string;
 export declare const ImageButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
-    aspectRatio?: number;
+    $aspectRatio?: number;
 }>> & string;
 export declare const Img: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>> & string;

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

@@ -20,7 +20,7 @@ export declare const RenderInput: import('react').ForwardRefExoticComponent<Data
  * validation props: required
  * @returns JSX.Element
  */
-export declare function JRCInputText<T extends FieldValues = FieldValues>({ htmlFor, label, description, helper, rules, ...props }: JRCInputFieldProps<T> & {
+export declare function JRCInputText<T extends FieldValues = FieldValues>({ htmlFor, label, description, helper, rules, srOnly, labelIsLegend, ...props }: JRCInputFieldProps<T> & {
     width?: string;
     disabled?: boolean;
     autoComplete?: 'on' | 'off';

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

@@ -45,42 +45,43 @@ export declare const IconAfter: import('styled-components/dist/types').IStyledCo
     srOnly?: string;
 } & import('react').RefAttributes<HTMLButtonElement>>, keyof import('react').Component<any, {}, any>>;
 export declare const InputIconButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<import('react').InputHTMLAttributes<HTMLInputElement>, "css"> & import('../../../../types/dataAttributes').DataCy & {
-    error?: boolean;
-    valid?: boolean;
+    $error?: boolean;
+    $valid?: boolean;
     readOnly?: boolean;
 } & {
-    hasIconBefore?: boolean;
-    hasIconAfter?: boolean;
+    $hasIconBefore?: boolean;
+    $hasIconAfter?: boolean;
 } & {
     $inputMargin?: string | undefined;
 } & import('react').RefAttributes<HTMLInputElement>, {
     hasIconButtonAfter: boolean;
+    $inputMargin?: string;
 }>> & string & Omit<import('react').ForwardRefExoticComponent<Omit<import('react').InputHTMLAttributes<HTMLInputElement>, "css"> & import('../../../../types/dataAttributes').DataCy & {
-    error?: boolean;
-    valid?: boolean;
+    $error?: boolean;
+    $valid?: boolean;
     readOnly?: boolean;
 } & {
-    hasIconBefore?: boolean;
-    hasIconAfter?: boolean;
+    $hasIconBefore?: boolean;
+    $hasIconAfter?: boolean;
 } & {
     $inputMargin?: string | undefined;
 } & import('react').RefAttributes<HTMLInputElement>>, keyof import('react').Component<any, {}, any>>;
 export declare const InputTextStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<import('react').InputHTMLAttributes<HTMLInputElement>, "css"> & import('../../../../types/dataAttributes').DataCy & {
-    error?: boolean;
-    valid?: boolean;
+    $error?: boolean;
+    $valid?: boolean;
     readOnly?: boolean;
 } & {
-    hasIconBefore?: boolean;
-    hasIconAfter?: boolean;
+    $hasIconBefore?: boolean;
+    $hasIconAfter?: boolean;
 } & {
     $inputMargin?: string | undefined;
 } & import('react').RefAttributes<HTMLInputElement>, never>> & string & Omit<import('react').ForwardRefExoticComponent<Omit<import('react').InputHTMLAttributes<HTMLInputElement>, "css"> & import('../../../../types/dataAttributes').DataCy & {
-    error?: boolean;
-    valid?: boolean;
+    $error?: boolean;
+    $valid?: boolean;
     readOnly?: boolean;
 } & {
-    hasIconBefore?: boolean;
-    hasIconAfter?: boolean;
+    $hasIconBefore?: boolean;
+    $hasIconAfter?: boolean;
 } & {
     $inputMargin?: string | undefined;
 } & import('react').RefAttributes<HTMLInputElement>>, keyof import('react').Component<any, {}, any>>;

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

@@ -2,6 +2,7 @@ import { ComponentPropsWithoutRef } from 'react';
 import { DataCy } from '../../../../types/dataAttributes';
 export type JRCInputTextIconButtonProps = DataCy & ComponentPropsWithoutRef<'input'> & {
     iconBefore: string;
+    inputMargin?: string;
     iconButtonAfter?: {
         icon: string;
         onClick: () => void;
@@ -10,4 +11,15 @@ export type JRCInputTextIconButtonProps = DataCy & ComponentPropsWithoutRef<'inp
         srOnly?: string;
     };
 };
+export declare const JRCInputTextIconButtonRaw: import('react').ForwardRefExoticComponent<DataCy & Omit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
+    iconBefore: string;
+    inputMargin?: string;
+    iconButtonAfter?: {
+        icon: string;
+        onClick: () => void;
+        ariaExpanded?: boolean;
+        ariaControls?: string;
+        srOnly?: string;
+    };
+} & import('react').RefAttributes<HTMLInputElement>>;
 export declare function JRCInputTextIconButton(props: any): import("react/jsx-runtime").JSX.Element;

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

@@ -3,6 +3,7 @@ import { FieldError } from 'react-hook-form';
 import { JRCTooltipProps } from '../../../JRCTooltip/types';
 type JRCInputTextRawProps = ComponentPropsWithoutRef<'input'> & {
     margin?: string | undefined;
+    inputMargin?: string | undefined;
     width?: string | undefined;
     readOnly?: boolean;
     disabled?: boolean;
@@ -15,5 +16,5 @@ type JRCInputTextRawProps = ComponentPropsWithoutRef<'input'> & {
     errors?: FieldError;
     customRef?: Ref<HTMLInputElement>;
 };
-export declare function JRCInputTextRaw(props: JRCInputTextRawProps): import("react/jsx-runtime").JSX.Element;
+export declare function JRCInputTextRaw({ margin, width, isRequired, label, htmlFor, labelIsLegend, description, helper, errors, customRef, className, ...inputProps }: JRCInputTextRawProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -3,6 +3,7 @@ declare const _default: Meta;
 export default _default;
 export declare const InputTextRaw: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react-vite').ReactRenderer, Omit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
     margin?: string | undefined;
+    inputMargin?: string | undefined;
     width?: string | undefined;
     readOnly?: boolean;
     disabled?: boolean;
@@ -17,6 +18,7 @@ export declare const InputTextRaw: import('storybook/internal/csf').AnnotatedSto
 }>;
 export declare const InputTextRawDisabled: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react-vite').ReactRenderer, Omit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
     margin?: string | undefined;
+    inputMargin?: string | undefined;
     width?: string | undefined;
     readOnly?: boolean;
     disabled?: boolean;
@@ -31,6 +33,7 @@ export declare const InputTextRawDisabled: import('storybook/internal/csf').Anno
 }>;
 export declare const InputTextRawWithError: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react-vite').ReactRenderer, Omit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
     margin?: string | undefined;
+    inputMargin?: string | undefined;
     width?: string | undefined;
     readOnly?: boolean;
     disabled?: boolean;

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

@@ -1,6 +1,6 @@
 export declare const StyledFieldWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, {
-    margin?: string;
-    width?: string;
+    $margin?: string;
+    $width?: string;
 }>> & string;
 export declare const Required: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<import('../../../Common/FastCss').FastCssProps & {
     id?: string;
@@ -29,25 +29,25 @@ export declare const Required: import('styled-components/dist/types').IStyledCom
     maxWidth?: string | number;
     whiteSpace?: import('react').CSSProperties["whiteSpace"];
 }>, never>, {
-    error: boolean;
-}>> & string & Omit<({ variant, ellipsis, size, weight, color, align, hoverColor, maxWidth, whiteSpace, ...props }: import('../../../..').JRCTypographyProps) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;
+    $error: boolean;
+}>> & string & Omit<({ variant, ellipsis, size, weight, color, align, textAlign, hoverColor, maxWidth, whiteSpace, ...props }: import('../../../..').JRCTypographyProps) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;
 export declare const LabelWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const InputTextRawStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<import('react').InputHTMLAttributes<HTMLInputElement>, "css"> & import('../../../../types/dataAttributes').DataCy & {
-    error?: boolean;
-    valid?: boolean;
+    $error?: boolean;
+    $valid?: boolean;
     readOnly?: boolean;
 } & {
-    hasIconBefore?: boolean;
-    hasIconAfter?: boolean;
+    $hasIconBefore?: boolean;
+    $hasIconAfter?: boolean;
 } & {
     $inputMargin?: string | undefined;
 } & import('react').RefAttributes<HTMLInputElement>, never>> & string & Omit<import('react').ForwardRefExoticComponent<Omit<import('react').InputHTMLAttributes<HTMLInputElement>, "css"> & import('../../../../types/dataAttributes').DataCy & {
-    error?: boolean;
-    valid?: boolean;
+    $error?: boolean;
+    $valid?: boolean;
     readOnly?: boolean;
 } & {
-    hasIconBefore?: boolean;
-    hasIconAfter?: boolean;
+    $hasIconBefore?: boolean;
+    $hasIconAfter?: boolean;
 } & {
     $inputMargin?: string | undefined;
 } & import('react').RefAttributes<HTMLInputElement>>, keyof import('react').Component<any, {}, any>>;

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

@@ -13,8 +13,8 @@ export declare const RelativeClickAwayListener: import('styled-components/dist/t
     className?: string;
 }) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;
 export declare const OptionWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
-    isSelected?: boolean;
-    isFocused?: boolean;
+    $isSelected?: boolean;
+    $isFocused?: boolean;
 }>> & string;
 export declare const NoOption: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const OptionGroup: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
@@ -35,7 +35,7 @@ export declare const InputSelectCheckboxWrapper: import('styled-components/dist/
 export declare const CheckboxLabelButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
 export declare const InputSelectSearch: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const OptionSelectCell: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
-    isSelected: boolean;
+    $isSelected: boolean;
 }>> & string;
 export declare const ModalContentInputSelectList: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const ModalContentInputSelect: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
@@ -43,9 +43,9 @@ export declare const FlexBoxTreeDescription: import('styled-components/dist/type
 export declare const NoResult: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const WrapperList: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const ModalContentList: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const NoOptionList: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "inline" | "flex" | "position" | "x" | "y" | "padding" | "margin" | "textAlign" | "data-testid" | "direction" | "gap" | "childFull"> & Omit<import('../../../Common/FastCss').FastCssProps, "display"> & {
+export declare const NoOptionList: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "flex" | "position" | "x" | "y" | "padding" | "margin" | "textAlign" | "data-testid" | "$inline" | "direction" | "gap" | "childFull"> & Omit<import('../../../Common/FastCss').FastCssProps, "display"> & {
     direction?: import('../../../JRCFlex/JRCFlexBox').FlexDirection;
-    inline?: boolean;
+    $inline?: boolean;
     flex?: boolean | string;
     gap?: number;
     x?: "flex-start" | "center" | "flex-end" | "space-around" | "space-between" | "space-evenly";

package/dist/src/components/Form/Input/JRCStyledInput.d.ts

@@ -1,13 +1,13 @@
-import { DataCy } from '../../../types/dataAttributes';
 import { InputHTMLAttributes } from 'react';
+import { DataCy } from '../../../types/dataAttributes';
 /**
  * Input state, if both booleans are false, the input is considered untouched or empty
  * @member error, the input is error regarding the validate hook
  * @member valid, the input is valid regarding the validate hook
  */
 type InputState = DataCy & {
-    error?: boolean;
-    valid?: boolean;
+    $error?: boolean;
+    $valid?: boolean;
     readOnly?: boolean;
 };
 /**
@@ -15,34 +15,34 @@ type InputState = DataCy & {
  * and the not-reset legacy style set with input[type="toto"]
  */
 type IconsProps = {
-    hasIconBefore?: boolean;
-    hasIconAfter?: boolean;
+    $hasIconBefore?: boolean;
+    $hasIconAfter?: boolean;
 };
 export type CommonStyledInputProps = InputState & IconsProps & {
     $inputMargin?: string | undefined;
 };
 export declare const cssStyledInput: import('styled-components').RuleSet<CommonStyledInputProps>;
 export declare const StyledInput: import('react').ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "css"> & DataCy & {
-    error?: boolean;
-    valid?: boolean;
+    $error?: boolean;
+    $valid?: boolean;
     readOnly?: boolean;
 } & IconsProps & {
     $inputMargin?: string | undefined;
 } & import('react').RefAttributes<HTMLInputElement>>;
 type StyledSelectProps = DataCy & IconsProps & {
-    searchable?: boolean;
-    sizeVariant?: 's' | 'md';
-    noMargin?: boolean;
+    $searchable?: boolean;
+    $sizeVariant?: 's' | 'md';
+    $noMargin?: boolean;
 };
 export declare const StyledSelect: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<InputHTMLAttributes<HTMLInputElement>, "css"> & DataCy & {
-    error?: boolean;
-    valid?: boolean;
+    $error?: boolean;
+    $valid?: boolean;
     readOnly?: boolean;
 } & IconsProps & {
     $inputMargin?: string | undefined;
 } & import('react').RefAttributes<HTMLInputElement>, StyledSelectProps>> & string & Omit<import('react').ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "css"> & DataCy & {
-    error?: boolean;
-    valid?: boolean;
+    $error?: boolean;
+    $valid?: boolean;
     readOnly?: boolean;
 } & IconsProps & {
     $inputMargin?: string | undefined;

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

@@ -1,23 +1,23 @@
 export declare const JRCAppLeftColumnWrapperTop: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const ColumnRelativeWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    isMinimized: boolean;
+    $isMinimized: boolean;
 }>> & string;
 export declare const ColumnRelativeSticky: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    isMinimized: boolean;
-    isClosed: boolean;
+    $isMinimized: boolean;
+    $isClosed: boolean;
 }>> & string;
 export declare const ColumnRelativeTransition: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    isMinimized: boolean;
+    $isMinimized: boolean;
 }>> & string;
 export declare const ColumnAppDefault: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    isMinimized: boolean;
-    isClosed: boolean;
+    $isMinimized: boolean;
+    $isClosed: boolean;
 }>> & string;
 export declare const ColumnAppMinimize: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const MenuWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    isMinimized: boolean;
+    $isMinimized: boolean;
 }>> & string;
-export declare const ItemsIcon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "isActive"> & import('../JRCTabs/JRCTabs').ItemProps, never>> & string;
+export declare const ItemsIcon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "$isActive"> & import('../JRCTabs/JRCTabs').ItemProps, never>> & string;
 export declare const TitleMenu: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "key" | keyof import('react').HTMLAttributes<HTMLHeadingElement>> & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref">, never>> & string;
 export declare const JRCIconButtonAppLeftColumn: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "onClick"> & import('../../types/dataAttributes').DataCy & {
     icon: string;
@@ -65,10 +65,10 @@ export declare const JRCIconButtonAppLeftColumn: import('styled-components/dist/
     srOnly?: string;
 } & import('react').RefAttributes<HTMLButtonElement>>, keyof import('react').Component<any, {}, any>>;
 export declare const AppLeftColumnIconWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {
-    isMinimized: boolean;
+    $isMinimized: boolean;
 }>> & string;
 export declare const AbsoluteContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const AbsoluteContainerMinimized: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    isMinimized: boolean;
+    $isMinimized: boolean;
 }>> & string;
 export declare const SectionMinimizesWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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

@@ -56,4 +56,8 @@ export type StyledButtonProps = {
     $noMargin?: ButtonProps['noMargin'];
     $borderRadius?: ButtonProps['borderRadius'];
     $borderRadiusMode?: ButtonProps['borderRadiusMode'];
-} & Omit<ButtonProps, 'noMargin' | 'borderRadius' | 'borderRadiusMode'> & OutlineProps;
+    $iconRight?: ButtonProps['iconRight'];
+    $loader?: ButtonProps['loader'];
+    $float?: ButtonProps['float'];
+    $minWidth?: ButtonProps['minWidth'];
+} & Omit<ButtonProps, 'noMargin' | 'borderRadius' | 'borderRadiusMode' | 'iconRight' | 'loader' | 'float' | 'minWidth'> & OutlineProps;

package/dist/src/components/JRCCommentsBloc/components/{NewComment.d.ts → JRCNewComment.d.ts}

@@ -3,7 +3,7 @@ import { ReactNode } from 'react';
 import { DriveOrFilebank } from '../../Form/Input/JRCInputFileAdvanced/JRCInputFileAdvancedRaw';
 import { JRCInputTinyMCERawProps } from '../../Form/Input/JRCInputTinyMCERaw/JRCInputTinyMCERaw';
 import { TinyMCEExtension } from '../../Form/Input/JRCInputTinyMCERaw/types';
-type NewCommentProps = {
+export type JRCNewCommentProps = {
     currentUser: jUserList;
     widgetListComponent: ReactNode;
     newWidgetsWrapperComponent: ReactNode;
@@ -18,6 +18,9 @@ type NewCommentProps = {
     socialQuestion?: boolean;
     deleteFile?: (id: number) => Promise<void>;
     additionalExtensions: Array<TinyMCEExtension>;
+    /** Open the TinyMCE editor on mount instead of waiting for a click on the placeholder. */
+    defaultExpanded?: boolean;
+    /** When false, the publish button is enabled even with empty content. Default true. */
+    requireContent?: boolean;
 };
-export declare const NewComment: ({ newWidgetsWrapperComponent, widgetListComponent, canComment, loading, currentUser, onComment, onError, tinyMCEConfig, token, activeDrives, canCreateWidget, socialQuestion, deleteFile, additionalExtensions, }: NewCommentProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+export declare const JRCNewComment: ({ newWidgetsWrapperComponent, widgetListComponent, canComment, loading, currentUser, onComment, onError, tinyMCEConfig, token, activeDrives, canCreateWidget, socialQuestion, deleteFile, additionalExtensions, defaultExpanded, requireContent, }: JRCNewCommentProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -13,4 +13,4 @@ export type JRCDisplayCardProps = {
     href?: string;
     onClick?: () => void;
 };
-export declare const JRCDisplayCard: ({ children, href, onClick, ...props }: JRCDisplayCardProps) => import("react/jsx-runtime").JSX.Element;
+export declare const JRCDisplayCard: ({ children, href, onClick, loading, skeleton, width, height, aspectRatio, }: JRCDisplayCardProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/JRCDisplayCard/JRCDisplayCard.stories.d.ts

@@ -1,7 +1,7 @@
 import { JRCDisplayCardProps } from './JRCDisplayCard';
 declare const _default: {
     title: string;
-    component: ({ children, href, onClick, ...props }: JRCDisplayCardProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ children, href, onClick, loading, skeleton, width, height, aspectRatio, }: JRCDisplayCardProps) => import("react/jsx-runtime").JSX.Element;
 };
 export default _default;
 export declare const Default: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react-vite').ReactRenderer, JRCDisplayCardProps>;