jamespot-react-components 1.0.173 → 1.0.174
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.
- package/build/jamespot-react-components.js +472 -445
- package/build/jamespot-react-components.js.map +1 -1
- package/build/src/components/Form/Input/JRCInputText/JRCInputPassword.d.ts +23 -0
- package/build/src/components/Form/Input/JRCInputTextRaw/JRCInputTextRaw.d.ts +30 -0
- package/build/src/components/Form/Input/JRCInputTextRaw/JRCInputTextRaw.style.d.ts +18 -0
- package/build/src/components/JRCBreadcrumb/JRCBreadcrumb.d.ts +13 -0
- package/build/src/components/JRCBreadcrumb/JRCBreadcrumb.stories.d.ts +5 -0
- package/build/src/components/Templates/JRCBasicAutoMarginContainer.d.ts +3 -0
- package/build/src/components/Templates/JRCTemplate.stories.d.ts +1 -0
- package/build/src/components/Templates/template.type.d.ts +3 -0
- package/build/src/index.d.ts +4 -1
- package/build/src/styles/theme.d.ts +8 -0
- package/package.json +2 -2
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
|
|
3
|
+
import { DataCy } from '../../../../types/dataAttributes';
|
|
4
|
+
import { FieldValues } from 'react-hook-form/dist/types';
|
|
5
|
+
export type JRCInputTextProps = DataCy & Omit<React.ComponentPropsWithoutRef<'input'>, 'type'> & {
|
|
6
|
+
width?: string;
|
|
7
|
+
};
|
|
8
|
+
type AutoCompletePassword = 'on' | 'off' | 'current-password' | 'new-password';
|
|
9
|
+
export declare const RenderPasswordInput: React.ForwardRefExoticComponent<DataCy & Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "type"> & {
|
|
10
|
+
width?: string | undefined;
|
|
11
|
+
} & React.RefAttributes<HTMLInputElement>>;
|
|
12
|
+
/**
|
|
13
|
+
* Component used as a <input type="password"/>
|
|
14
|
+
* @param props JRCInputFieldProps
|
|
15
|
+
* validation props: required
|
|
16
|
+
* @returns JSX.Element
|
|
17
|
+
*/
|
|
18
|
+
export declare function JRCInputPassword<T extends FieldValues = FieldValues>(props: JRCInputFieldProps<T> & {
|
|
19
|
+
autocomplete?: AutoCompletePassword;
|
|
20
|
+
width?: string;
|
|
21
|
+
disabled?: boolean;
|
|
22
|
+
}): React.JSX.Element;
|
|
23
|
+
export {};
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { FieldError } from 'react-hook-form';
|
|
3
|
+
import { JRCTooltipProps } from 'types';
|
|
4
|
+
export type JRCInputTextRawProps = React.ComponentPropsWithoutRef<'input'> & {
|
|
5
|
+
margin?: string | undefined;
|
|
6
|
+
width?: string | undefined;
|
|
7
|
+
readOnly?: boolean;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
isRequired?: boolean;
|
|
10
|
+
label?: string;
|
|
11
|
+
htmlFor?: string;
|
|
12
|
+
labelIsLegend?: boolean;
|
|
13
|
+
description?: string;
|
|
14
|
+
helper?: Omit<JRCTooltipProps, 'children'>;
|
|
15
|
+
errors?: FieldError;
|
|
16
|
+
};
|
|
17
|
+
export declare const RenderInput: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
|
|
18
|
+
margin?: string | undefined;
|
|
19
|
+
width?: string | undefined;
|
|
20
|
+
readOnly?: boolean | undefined;
|
|
21
|
+
disabled?: boolean | undefined;
|
|
22
|
+
isRequired?: boolean | undefined;
|
|
23
|
+
label?: string | undefined;
|
|
24
|
+
htmlFor?: string | undefined;
|
|
25
|
+
labelIsLegend?: boolean | undefined;
|
|
26
|
+
description?: string | undefined;
|
|
27
|
+
helper?: Omit<JRCTooltipProps, "children"> | undefined;
|
|
28
|
+
errors?: FieldError | undefined;
|
|
29
|
+
} & React.RefAttributes<HTMLInputElement>>;
|
|
30
|
+
export declare function JRCInputTextRaw(props: JRCInputTextRawProps): React.JSX.Element;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const StyledFieldWrapper: import("styled-components").StyledComponent<"fieldset", import("styled-components").DefaultTheme, {
|
|
3
|
+
margin?: string | undefined;
|
|
4
|
+
width?: string | undefined;
|
|
5
|
+
}, never>;
|
|
6
|
+
export declare const Required: import("styled-components").StyledComponent<({ variant, ...props }: import("../../../..").JRCTypographyProps) => import("react").JSX.Element, import("styled-components").DefaultTheme, {
|
|
7
|
+
size: "s";
|
|
8
|
+
} & {
|
|
9
|
+
error: boolean;
|
|
10
|
+
}, "size">;
|
|
11
|
+
export declare const LabelWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
12
|
+
reducedWidth: boolean;
|
|
13
|
+
}, never>;
|
|
14
|
+
export declare const InputTextRawStyled: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, import("../../../../types/dataAttributes").DataCy & {
|
|
15
|
+
error?: boolean | undefined;
|
|
16
|
+
valid?: boolean | undefined;
|
|
17
|
+
readOnly?: boolean | undefined;
|
|
18
|
+
}, never>;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export type BreadcrumbProps = {
|
|
3
|
+
currentLabel: string;
|
|
4
|
+
paths: Array<{
|
|
5
|
+
to: string;
|
|
6
|
+
label: string;
|
|
7
|
+
} | {
|
|
8
|
+
href: string;
|
|
9
|
+
label: string;
|
|
10
|
+
}>;
|
|
11
|
+
};
|
|
12
|
+
declare const Breadcrumb: ({ currentLabel, paths }: BreadcrumbProps) => React.JSX.Element;
|
|
13
|
+
export default Breadcrumb;
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
export type LayoutMode = 'fluid' | 'center';
|
|
3
3
|
export type ColumnPosition = 'left' | 'right';
|
|
4
|
+
export type JRCBasicAutoMarginContainerProps = {
|
|
5
|
+
children: React.ReactNode;
|
|
6
|
+
};
|
|
4
7
|
export type JRCContainerProps = {
|
|
5
8
|
children: React.ReactNode;
|
|
6
9
|
className?: string;
|
package/build/src/index.d.ts
CHANGED
|
@@ -55,6 +55,7 @@ export { JRCColumnRight } from './components/JRCColumnRight/JRCColumnRight';
|
|
|
55
55
|
export { JRCCommentsBloc } from './components/JRCCommentsBloc/JRCCommentsBloc';
|
|
56
56
|
export { JRCConditionalWrapper } from './components/Common/JRCConditionalWrapper';
|
|
57
57
|
export { JRCContainer } from './components/Templates/JRCContainer';
|
|
58
|
+
export { JRCBasicAutoMarginContainer } from './components/Templates/JRCBasicAutoMarginContainer';
|
|
58
59
|
export { JRCDate } from './components/JRCDate/JRCDate';
|
|
59
60
|
export { JRCDraggingPlaceholder } from './components/Common/JRCDraggingPlaceholder';
|
|
60
61
|
export { JRCDropDown } from './components/JRCDropDown/JRCDropDown';
|
|
@@ -106,9 +107,11 @@ export { JRCInputSelectHierarchicalTree } from './components/Form/Input/JRCSelec
|
|
|
106
107
|
export { JRCInputSelectList } from './components/Form/Input/JRCSelect/JRCInputSelectList';
|
|
107
108
|
export { JRCInputSelectRaw } from './components/Form/Input/JRCSelect/JRCInputSelect';
|
|
108
109
|
export { JRCInputTaxonomy } from './components/Form/Input/JRCSelect/JRCInputTaxonomy';
|
|
110
|
+
export { JRCInputPassword } from './components/Form/Input/JRCInputText/JRCInputPassword';
|
|
111
|
+
export { JRCInputTextIconButton } from './components/Form/Input/JRCInputText/JRCInputTextIconButton';
|
|
109
112
|
export { JRCInputText, JRCInputNumber } from './components/Form/Input/JRCInputText/JRCInputText';
|
|
113
|
+
export { JRCInputTextRaw } from './components/Form/Input/JRCInputTextRaw/JRCInputTextRaw';
|
|
110
114
|
export { JRCInputTextarea } from './components/Form/Input/JRCInputTextarea/JRCInputTextarea';
|
|
111
|
-
export { JRCInputTextIconButton } from './components/Form/Input/JRCInputText/JRCInputTextIconButton';
|
|
112
115
|
export { JRCInputTime } from './components/Form/Input/JRCInputTime/JRCInputTime';
|
|
113
116
|
export { JRCInputTinyMCE } from './components/Form/Input/JRCInputTinyMCE/JRCInputTinyMCE';
|
|
114
117
|
export { JRCInputTinyMCERaw } from './components/Form/Input/JRCInputTinyMCERaw/JRCInputTinyMCERaw';
|
|
@@ -54,6 +54,14 @@ export type ThemeType = {
|
|
|
54
54
|
tinyMCEModal: number;
|
|
55
55
|
modal: number;
|
|
56
56
|
dropdown: number;
|
|
57
|
+
toaster: number;
|
|
58
|
+
};
|
|
59
|
+
space: {
|
|
60
|
+
xs: number;
|
|
61
|
+
sm: number;
|
|
62
|
+
md: number;
|
|
63
|
+
l: number;
|
|
64
|
+
xl: number;
|
|
57
65
|
};
|
|
58
66
|
};
|
|
59
67
|
export declare function getColor(theme: ThemeType, color: string): string;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "jamespot-react-components",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.174",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "./build/jamespot-react-components.js",
|
|
6
6
|
"types": "./build/src/index.d.ts",
|
|
@@ -92,7 +92,7 @@
|
|
|
92
92
|
"chroma-js": "^2.1.1",
|
|
93
93
|
"classnames": "^2.3.1",
|
|
94
94
|
"dompurify": "^3.0.5",
|
|
95
|
-
"jamespot-user-api": "^1.0.
|
|
95
|
+
"jamespot-user-api": "^1.0.145",
|
|
96
96
|
"moment": "2.29.4",
|
|
97
97
|
"react": "^17.x",
|
|
98
98
|
"react-beautiful-dnd": "^13.1.1",
|