jamespot-react-components 1.0.119 → 1.0.121

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
+import { FieldValues } from 'react-hook-form/dist/types';
+export declare type JRCInputAudienceProps<T extends FieldValues = FieldValues> = JRCInputFieldProps<T> & {
+    multiple?: boolean;
+    searchable?: boolean;
+};
+export declare function JRCInputAudience<T extends FieldValues = FieldValues>(props: JRCInputAudienceProps<T>): JSX.Element;

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

@@ -29,7 +29,7 @@ export declare const JRCIconButtonAppLeftColumn: import("styled-components").Sty
         value?: string | undefined;
         disabled?: boolean | undefined;
         type?: "button" | "reset" | "submit" | undefined;
-        bgBaseGrey?: 0 | 2 | 1 | undefined;
+        bgBaseGrey?: 0 | 1 | 2 | undefined;
         color?: import("../../styles/theme").Colors | import("../../styles/theme").Shades | "inherit" | undefined;
         tooltip?: Omit<import("../..").JRCTooltipProps, "children"> | undefined;
         variant?: "circle" | "square" | undefined;

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

@@ -1,9 +1,7 @@
 /// <reference types="react" />
-declare const _default: {
-    title: string;
-    component: ({ entries, activeItem, direction, callback, dataCy, }: import("./JRCTabs").JRCTabsProps) => JSX.Element;
-};
+import { JRCTabsProps } from './JRCTabs';
+import { Meta, Story } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
-export declare const TabHorizontal: () => JSX.Element;
-export declare const TabVertical: () => JSX.Element;
+export declare const Primary: Story<JRCTabsProps>;
 export declare const EmbeddedTab: () => JSX.Element;

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

@@ -1,3 +1,4 @@
+import { FastCssProps } from 'components/Common/FastCss';
 import React from 'react';
 import { Colors, FontWeight } from '../../styles/theme';
 export declare type TSizes = 's' | 'm' | 'l' | 'xl' | 'xxl' | 'xxxl';
@@ -11,7 +12,7 @@ export declare type TWeight = keyof FontWeight;
  * @member size You can change the font-size with the size property
  * @member variant You can change the semantic element with the variant property
  */
-export interface JRCTypographyProps {
+export declare type JRCTypographyProps = FastCssProps & {
     /** Additional className for override the component: */
     className?: string;
     /** You can custom the font-weight with the weight property */
@@ -24,4 +25,4 @@ export interface JRCTypographyProps {
     children: string | React.ReactNode;
     /** You can change the semantic element with the variant property */
     variant?: TVariants;
-}
+};

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

@@ -1,3 +1,4 @@
+import { FastCssProps } from 'components/Common/FastCss';
 import { JRCTypographyProps } from './JRCTypography.d';
 export declare const lineHeightRatio = 1.5;
 export declare const SIZES: Readonly<{
@@ -8,4 +9,4 @@ export declare const SIZES: Readonly<{
     xxl: number;
     xxxl: number;
 }>;
-export declare const Typography: import("styled-components").StyledComponent<"p", any, Pick<JRCTypographyProps, "color" | "size" | "weight">, never>;
+export declare const Typography: import("styled-components").StyledComponent<"p", any, Pick<JRCTypographyProps, "color" | "size" | "weight"> & FastCssProps, never>;

package/build/src/components/Stepper/JRCFadeStepper.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+/**
+ * @member activeStep active step of the stepper. Starts at 0.
+ * @member children iterable of the steps (!!)
+ * @member onPrevious on previous click callback
+ * @member onNext on next click callback
+ */
+export declare type JRCFadeStepperProps = {
+    activeStep: number;
+    children: Iterable<React.ReactNode>;
+    onPrevious: (step: number) => void;
+    onNext: (step: number) => void;
+};
+export declare function JRCFadeStepper(props: JRCFadeStepperProps): JSX.Element | null;

package/build/src/components/Stepper/JRCImageStepper.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+/**
+ * @member stepNumber step number. Like an array, if there are two items, the stepNumber should be initialized to 2
+ * @member activeStep active step of the stepper. Starts at 0.
+ * @member src image source
+ * @member alt image alternative text
+ */
+export declare type JRCImageStepperProps = {
+    stepNumber: number;
+    activeStep: number;
+    src: string;
+    alt: string;
+};
+export declare function JRCImageStepper(props: JRCImageStepperProps): JSX.Element;

package/build/src/components/Stepper/JRCStepper.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+/**
+ * @member steps array of steps
+ * @member activeStep active step of the stepper. Starts at 0.
+ */
+export declare type JRCStepperProps = {
+    steps: Array<string>;
+    activeStep: number;
+};
+export declare function JRCStepper(props: JRCStepperProps): JSX.Element;

package/build/src/components/Stepper/JRCStepper.stories.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { Meta } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const FadeStepper: () => JSX.Element;

package/build/src/components/Stepper/JRCStepper.style.d.ts

@@ -0,0 +1,5 @@
+export declare const Relative: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Animation: import("styled-components").StyledComponent<"div", any, {
+    animation?: string | undefined;
+    height: number | undefined;
+}, never>;

package/build/src/hooks/useWindowSize.d.ts

@@ -0,0 +1 @@
+export declare function useWindowSize(): number[];

package/build/src/index.d.ts

@@ -52,6 +52,7 @@ export { JRCDate } from './components/JRCDate/JRCDate';
 export { JRCDraggingPlaceholder } from './components/Common/JRCDraggingPlaceholder';
 export { JRCDropDown } from './components/JRCDropDown/JRCDropDown';
 export { JRCEllipsis } from './components/JRCEllipsis/JRCEllipsis';
+export { JRCFadeStepper } from './components/Stepper/JRCFadeStepper';
 export { JRCFileOpen } from './components/JRCFileOpen/JRCFileOpen';
 export { JRCFlexBox } from './components/JRCFlex/JRCFlexBox';
 export { JRCFolders } from './components/JRCFolders/JRCFolders';
@@ -76,7 +77,9 @@ export { JRCH1, JRCH2, JRCH3, JRCH4, JRCH5, JRCText } from './components/JRCTypo
 export { JRCHtml } from './components/JRCHtml/JRCHtml';
 export { JRCIcon } from './components/JRCIcon/JRCIcon';
 export { JRCIconButton } from './components/JRCIconButton/JRCIconButton';
+export { JRCImageStepper } from './components/Stepper/JRCImageStepper';
 export { JRCImg } from './components/JRCImg/JRCImg';
+export { JRCInputAudience } from './components/Form/Input/JRCSelect/JRCInputAudience';
 export { JRCInputAutocomplete } from './components/Form/Input/JRCSelect/JRCInputAutocomplete';
 export { JRCInputCheckbox } from './components/Form/Input/JRCInputCheckbox/JRCInputCheckbox';
 export { JRCInputCommunity } from './components/Form/Input/JRCSelect/JRCAutocompleteCommunity';
@@ -96,6 +99,7 @@ export { JRCModalImg } from './components/JRCModalImg/JRCModalImg';
 export { JRCPagination } from './components/JRCPagination/JRCPagination';
 export { JRCSkeletonLine } from './components/JRCSkeleton/JRCSkeletonLine';
 export { JRCSkeletonSquare } from './components/JRCSkeleton/JRCSkeletonSquare';
+export { JRCStepper } from './components/Stepper/JRCStepper';
 export { JRCStyledHref } from './components/JRCHref/JRCHref';
 export { JRCTabs, JRCTabPanel } from './components/JRCTabs/JRCTabs';
 export { JRCTag } from './components/JRCTag/JRCTag';

package/build/src/types.d.ts

@@ -23,6 +23,7 @@ export { JRCConditionalWrapperProps } from './components/Common/JRCConditionalWr
 export { JRCDateProps } from './components/JRCDate/JRCDate';
 export { JRCDropDownProps } from './components/JRCDropDown/JRCDropDown';
 export { JRCEllipsisProps } from './components/JRCEllipsis/JRCEllipsis';
+export { JRCFadeStepper } from './components/Stepper/JRCFadeStepper';
 export { JRCFileOpenProps } from './components/JRCFileOpen/JRCFileOpen';
 export { JRCFlexBoxProps } from './components/JRCFlex/JRCFlexBox';
 export { JRCFormCheckboxProps } from './components/Form/Input/JRCFormCheckbox/JRCFormCheckbox.types';
@@ -38,6 +39,7 @@ export { JRCH1Props, JRCH2Props, JRCH3Props, JRCH4Props, JRCH5Props, JRCTextProp
 export { JRCHtmlProps } from './components/JRCHtml/JRCHtml';
 export { JRCIconButtonProps } from './components/JRCIconButton/JRCIconButton';
 export { JRCIconProps } from './components/JRCIcon/JRCIcon';
+export { JRCImageStepper } from './components/Stepper/JRCImageStepper';
 export { JRCImgProps } from './components/JRCImg/JRCImg';
 export { JRCInputCheckboxProps, InputCheckboxProps, CheckboxValue, CheckboxOption, InnerProps, } from './components/Form/Input/JRCInputCheckbox/JRCInputCheckbox.types';
 export { JRCInputDateProps } from './components/Form/Input/JRCInputDate/JRCInputDate';
@@ -55,6 +57,7 @@ export { JRCModalImgButtonType, JRCModalImgProps } from './components/JRCModalIm
 export { JRCPaginationProps } from './components/JRCPagination/JRCPagination';
 export { JRCSkeletonLineProps } from './components/JRCSkeleton/JRCSkeletonLine';
 export { JRCSkeletonSquareProps } from './components/JRCSkeleton/JRCSkeletonSquare';
+export { JRCStepper } from './components/Stepper/JRCStepper';
 export { JRCTabsProps, JRCTabPanelProps } from './components/JRCTabs/JRCTabs';
 export { JRCTagProps } from './components/JRCTag/JRCTag';
 export { JRCTemplateBaseProps } from './components/Templates/JRCBase.template';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "jamespot-react-components",
-    "version": "1.0.119",
+    "version": "1.0.121",
     "description": "",
     "main": "./build/jamespot-react-components.js",
     "types": "./build/src/index.d.ts",
@@ -98,7 +98,7 @@
         "@tiptap/starter-kit": "^2.0.0-beta.203",
         "chroma-js": "^2.1.1",
         "classnames": "^2.3.1",
-        "jamespot-user-api": "^1.0.91",
+        "jamespot-user-api": "^1.0.93",
         "moment": "^2.29.1",
         "react": "^17.x",
         "react-dnd": "^14.0.4",