jamespot-react-components 1.3.30 → 1.3.32

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,8 @@
1
+ import { ColorsOrShades } from '../../styles/theme';
2
+ export type OutlineProps = {
3
+ offset?: string;
4
+ color?: ColorsOrShades;
5
+ };
6
+ export declare const Outline: (args?: OutlineProps) => import('styled-components').RuleSet<object>;
7
+ export declare const FocusVisibleOutline: (args?: OutlineProps) => import('styled-components').RuleSet<object>;
8
+ export declare const FocusVisibleOutlineAbsolute: (args?: OutlineProps) => import('styled-components').RuleSet<object>;
@@ -0,0 +1,6 @@
1
+ import { Meta, StoryFn } from '@storybook/react-webpack5';
2
+ import { OutlineProps } from './Outline';
3
+ declare const meta: Meta;
4
+ export default meta;
5
+ export declare const CustomContainer: StoryFn<OutlineProps>;
6
+ export declare const OutlineAbsoluteBorder: StoryFn<OutlineProps>;
@@ -1,4 +1,13 @@
1
- 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>, {
1
+ 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 & {
2
+ error?: boolean;
3
+ valid?: boolean;
4
+ readOnly?: boolean;
5
+ } & {
6
+ hasIconBefore?: boolean;
7
+ hasIconAfter?: boolean;
8
+ } & {
9
+ $inputMargin?: string | undefined;
10
+ } & {
2
11
  disabled?: boolean;
3
12
  }>> & string;
4
13
  export declare const CSSColorPickerIcon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
@@ -20,7 +20,7 @@ export declare const RenderInput: import('react').ForwardRefExoticComponent<Data
20
20
  * validation props: required
21
21
  * @returns JSX.Element
22
22
  */
23
- export declare function JRCInputText<T extends FieldValues = FieldValues>({ htmlFor, ...props }: JRCInputFieldProps<T> & {
23
+ export declare function JRCInputText<T extends FieldValues = FieldValues>({ htmlFor, label, description, helper, rules, ...props }: JRCInputFieldProps<T> & {
24
24
  width?: string;
25
25
  disabled?: boolean;
26
26
  autoComplete?: 'on' | 'off';
@@ -44,26 +44,8 @@ export declare const IconAfter: import('styled-components/dist/types').IStyledCo
44
44
  href?: string;
45
45
  srOnly?: string;
46
46
  } & import('react').RefAttributes<HTMLButtonElement>>, keyof import('react').Component<any, {}, any>>;
47
- export declare const InputIconButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>>, import('../../../../types/dataAttributes').DataCy & {
48
- error?: boolean;
49
- valid?: boolean;
50
- readOnly?: boolean;
51
- } & {
52
- hasIconBefore?: boolean;
53
- hasIconAfter?: boolean;
54
- } & {
55
- $inputMargin?: string | undefined;
56
- }>, never>, {
47
+ export declare const InputIconButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>>, import('../JRCStyledInput').CommonStyledInputProps>, never>, {
57
48
  hasIconButtonAfter: boolean;
58
49
  }>> & string;
59
- export declare const InputTextStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>>, import('../../../../types/dataAttributes').DataCy & {
60
- error?: boolean;
61
- valid?: boolean;
62
- readOnly?: boolean;
63
- } & {
64
- hasIconBefore?: boolean;
65
- hasIconAfter?: boolean;
66
- } & {
67
- $inputMargin?: string | undefined;
68
- }>, never>, never>> & string;
50
+ export declare const InputTextStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>>, import('../JRCStyledInput').CommonStyledInputProps>, never>, never>> & string;
69
51
  export declare const ContainerInputTextIconButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
@@ -28,13 +28,4 @@ export declare const Required: import('styled-components/dist/types').IStyledCom
28
28
  error: boolean;
29
29
  }>> & string & Omit<({ variant, ellipsis, size, weight, color, align, hoverColor, ...props }: import('../../../..').JRCTypographyProps) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;
30
30
  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;
31
- export declare const InputTextRawStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>>, import('../../../../types/dataAttributes').DataCy & {
32
- error?: boolean;
33
- valid?: boolean;
34
- readOnly?: boolean;
35
- } & {
36
- hasIconBefore?: boolean;
37
- hasIconAfter?: boolean;
38
- } & {
39
- $inputMargin?: string | undefined;
40
- }>, never>, never>> & string;
31
+ export declare const InputTextRawStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>>, import('../JRCStyledInput').CommonStyledInputProps>, never>, never>> & string;
@@ -17,7 +17,7 @@ type IconsProps = {
17
17
  hasIconBefore?: boolean;
18
18
  hasIconAfter?: boolean;
19
19
  };
20
- type CommonStyledInputProps = InputState & IconsProps & {
20
+ export type CommonStyledInputProps = InputState & IconsProps & {
21
21
  $inputMargin?: string | undefined;
22
22
  };
23
23
  export declare const cssStyledInput: import('styled-components').RuleSet<CommonStyledInputProps>;
@@ -5,7 +5,10 @@ interface JRCAnimatedContainerProps {
5
5
  isVisible: boolean;
6
6
  animationType: AnimationType;
7
7
  timeout?: number;
8
+ enteringDelay?: number;
8
9
  className?: string;
10
+ unmountOnExit?: boolean;
11
+ forceInitialHidden?: boolean;
9
12
  }
10
13
  export declare const JRCAnimatedContainer: React.FC<JRCAnimatedContainerProps>;
11
14
  export {};
@@ -1,7 +1,7 @@
1
1
  import { ComponentPropsWithoutRef } from 'react';
2
2
  import { Colors, ColorsOrShades } from '../../styles/theme';
3
3
  import { DataCy } from '../../types/dataAttributes';
4
- import { DashedFocusBorderProps } from '../Common/DashedFocusBorder';
4
+ import { OutlineProps } from '../Common/Outline';
5
5
  export type ButtonType = {
6
6
  color: Colors;
7
7
  background: ColorsOrShades;
@@ -56,4 +56,4 @@ export type StyledButtonProps = {
56
56
  $noMargin?: ButtonProps['noMargin'];
57
57
  $borderRadius?: ButtonProps['borderRadius'];
58
58
  $borderRadiusMode?: ButtonProps['borderRadiusMode'];
59
- } & Omit<ButtonProps, 'noMargin' | 'borderRadius' | 'borderRadiusMode'> & DashedFocusBorderProps;
59
+ } & Omit<ButtonProps, 'noMargin' | 'borderRadius' | 'borderRadiusMode'> & OutlineProps;
@@ -0,0 +1,8 @@
1
+ export type JRCIconSelectionModalProps = {
2
+ open: boolean;
3
+ title?: string;
4
+ setOpen: (open: boolean) => void;
5
+ onClose?: () => void;
6
+ onSelectedIcon: (iconName: string) => void;
7
+ };
8
+ export declare const JRCIconSelectionModal: ({ open, title, setOpen, onClose, onSelectedIcon, }: JRCIconSelectionModalProps) => import("react/jsx-runtime").JSX.Element;
@@ -44,6 +44,8 @@ export declare const AppTabContainer: import('styled-components/dist/types').ISt
44
44
  export declare const AppTabContextContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Open & Closing>> & string;
45
45
  export declare const AppTab: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, Open & {
46
46
  active?: boolean;
47
+ $first?: boolean;
48
+ $last?: boolean;
47
49
  }>> & string;
48
50
  export declare const AppTabTooltip: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('../Common/JRCConditionalWrapper').JRCConditionalTooltipProps, never>> & string & Omit<({ condition, hasLicense, tooltip, children, className, }: import('../Common/JRCConditionalWrapper').JRCConditionalTooltipProps) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;
49
51
  export declare const AppTabCounter: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
@@ -79,4 +79,6 @@ export type JRCAppTabProps = Open & Closing & {
79
79
  target?: '_blank';
80
80
  active?: boolean;
81
81
  count?: number;
82
+ $first?: boolean;
83
+ $last?: boolean;
82
84
  };
@@ -5,7 +5,7 @@ export { default as Theme } from './styles/theme';
5
5
  export { default as Resources } from './translation';
6
6
  export * as components from './components';
7
7
  export { JRC404 } from './components/404';
8
- export { DashedFocusBorder } from './components/Common/DashedFocusBorder';
8
+ export { FocusVisibleOutline } from './components/Common/Outline';
9
9
  export { SkipToContent } from './components/Common/SkipToContent';
10
10
  export { SROnly } from './components/Common/SROnly';
11
11
  export { JTinyMCEExtensionsBuilders } from './components/Form/Input/JRCInputTinyMCERaw/extensions/JTinyMCEExtensions';
@@ -183,6 +183,7 @@ declare const _default: {
183
183
  "GLOBAL_Files": "Files",
184
184
  "GLOBAL_Filter": "Filter",
185
185
  "GLOBAL_Folders": "Folders",
186
+ "GLOBAL_Fontawesome": "Font Awesome",
186
187
  "GLOBAL_Form_Characters": "characters",
187
188
  "GLOBAL_Form_Controls_Date": "Date must be formatted dd/mm/yyyy",
188
189
  "GLOBAL_Form_Controls_MaxLength": "Must be {max} characters or less",
@@ -201,6 +202,7 @@ declare const _default: {
201
202
  "GLOBAL_Image": "Image",
202
203
  "GLOBAL_Import": "Import",
203
204
  "GLOBAL_Insert": "Insert",
205
+ "GLOBAL_Jamespot": "Jamespot",
204
206
  "GLOBAL_Load_More": "Load more results",
205
207
  "GLOBAL_Loading": "Loading",
206
208
  "GLOBAL_Login": "Login",
@@ -402,10 +404,6 @@ declare const _default: {
402
404
  "WIDGET_Welcome_Text": "Rendez vos pages plus personnelles en accueillant chaleureusement vos utilisateurs.",
403
405
  "WIDGET_Welcome_Default_Message": "Bienvenue",
404
406
  "WIDGET_Welcome_Linebreak_Label": "Saut de ligne (après le message)",
405
- "AUDIENCE_GROUPS_AND_USERS": "{groups} group(s) and {users} users(s)",
406
- "AUDIENCE_GROUPS_ONLY": "{groups} group(s)",
407
- "AUDIENCE_USERS_ONLY": "{users} user(s)",
408
- "AUDIENCE_ONLY_ME": "Only me",
409
407
  "PANEL_Widget_Extension_Name": "Nom de l'extension"
410
408
  }
411
409
  }
@@ -1 +1,2 @@
1
1
  export declare const list: string[];
2
+ export declare const jamespotIcons: string[];
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "jamespot-react-components",
3
- "version": "1.3.30",
3
+ "version": "1.3.32",
4
4
  "description": "",
5
5
  "main": "dist/jamespot-react-components.js",
6
6
  "module": "dist/jamespot-react-components.mjs",
@@ -78,7 +78,7 @@
78
78
  "globals": "^16.5.0",
79
79
  "html2canvas": "^1.4.1",
80
80
  "husky": "^9.1.7",
81
- "jamespot-user-api": "^1.3.30",
81
+ "jamespot-user-api": "^1.3.32",
82
82
  "jest": "^30.2.0",
83
83
  "jest-environment-jsdom": "^30.2.0",
84
84
  "knip": "^5.70.0",
@@ -1,15 +0,0 @@
1
- import { ColorsOrShades } from '../../styles/theme';
2
- export type DashedFocusBorderProps = {
3
- offset?: string;
4
- focusColor?: string;
5
- };
6
- export type DashedFocusBorderNormalProps = {
7
- offset?: string;
8
- color?: ColorsOrShades;
9
- };
10
- /**
11
- * The HTML element this styled is applied to should be selectable
12
- * @props offset offset of the dashed focus border, default to 2px
13
- */
14
- export declare const DashedFocusBorder: (args?: DashedFocusBorderNormalProps) => import('styled-components').RuleSet<object>;
15
- export declare const DashedFocusBorderAbsolute: import('styled-components').RuleSet<DashedFocusBorderProps>;
@@ -1,6 +0,0 @@
1
- import { Meta, StoryFn } from '@storybook/react-webpack5';
2
- import { DashedFocusBorderNormalProps, DashedFocusBorderProps } from './DashedFocusBorder';
3
- declare const meta: Meta;
4
- export default meta;
5
- export declare const CustomContainer: StoryFn<DashedFocusBorderNormalProps>;
6
- export declare const AbsoluteDashedBorder: StoryFn<DashedFocusBorderProps>;