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.
@@ -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;
@@ -0,0 +1,5 @@
1
+ import { Meta, Story } from '@storybook/react';
2
+ import { BreadcrumbProps } from './JRCBreadcrumb';
3
+ declare const _default: Meta<import("@storybook/react").Args>;
4
+ export default _default;
5
+ export declare const Default: Story<BreadcrumbProps>;
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ import { JRCBasicAutoMarginContainerProps } from './template.type';
3
+ export declare const JRCBasicAutoMarginContainer: React.ForwardRefExoticComponent<JRCBasicAutoMarginContainerProps & React.RefAttributes<unknown>>;
@@ -3,3 +3,4 @@ import { JRCAppColumnProps } from './template.type';
3
3
  declare const _default: Meta<import("@storybook/react").Args>;
4
4
  export default _default;
5
5
  export declare const Primary: Story<JRCAppColumnProps>;
6
+ export declare const Secondary: Story<any>;
@@ -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;
@@ -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.173",
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.144",
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",