jamespot-react-components 1.0.140 → 1.0.141

package/build/src/components/Form/Input/JRCInputDate/JRCInputDate.d.ts

@@ -2,11 +2,14 @@ import * as React from 'react';
 import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
 import { DataCy } from '../../../../types/dataAttributes';
 import { FieldValues } from 'react-hook-form/dist/types';
-export declare type JRCInputDateProps = DataCy & React.ComponentPropsWithoutRef<'input'>;
+export declare type NativeInputProps = DataCy & React.ComponentPropsWithoutRef<'input'> & {
+    type?: 'date' | 'time' | 'datetime-local';
+};
+export declare type JRCInputDateProps<TFieldValues extends FieldValues = FieldValues> = NativeInputProps & JRCInputFieldProps<TFieldValues>;
 /**
  * Component used as a <input type="date"/>
  * @param props JRCInputFieldProps
  * validation props: required
  * @returns JSX.Element
  */
-export declare function JRCInputDate<T extends FieldValues = FieldValues>(props: JRCInputFieldProps<T>): JSX.Element;
+export declare function JRCInputDate<T extends FieldValues = FieldValues>(props: JRCInputDateProps<T>): JSX.Element;

package/build/src/components/Form/Input/JRCInputFile/JRCInputFile.d.ts

@@ -5,6 +5,7 @@ import { FieldValues } from 'react-hook-form/dist/types';
 import { ApiWrapper, FileResponse } from 'jamespot-user-api';
 export declare type NativeInputFileProps = DataCy & Omit<React.ComponentPropsWithoutRef<'input'>, 'value' | 'onChange'> & {
     token?: string | undefined;
+    attrName?: string;
     onLoading?: (state: boolean) => void;
     value: ApiWrapper<FileResponse>[];
     onChange: (files: ApiWrapper<FileResponse>[]) => void;
@@ -12,6 +13,7 @@ export declare type NativeInputFileProps = DataCy & Omit<React.ComponentPropsWit
 export declare type JRCInputFileProps<T extends FieldValues = FieldValues> = JRCInputFieldProps<T> & Omit<NativeInputFileProps, 'value' | 'onChange'>;
 export declare const InputFile: React.ForwardRefExoticComponent<DataCy & Omit<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "value"> & {
     token?: string | undefined;
+    attrName?: string | undefined;
     onLoading?: ((state: boolean) => void) | undefined;
     value: ApiWrapper<FileResponse>[];
     onChange: (files: ApiWrapper<FileResponse>[]) => void;

package/build/src/components/Form/Input/JRCInputImage/JRCInputImage.d.ts

@@ -5,9 +5,10 @@ import { FieldValues } from 'react-hook-form/dist/types';
 import { FileResponse } from 'jamespot-user-api';
 export declare type NativeInputImageProps = DataCy & Omit<React.ComponentPropsWithoutRef<'input'>, 'value' | 'onChange'> & {
     token?: string | undefined;
+    attrName?: string;
     onLoading?: (state: boolean) => void;
     aspectRatio?: number | undefined;
-    defaultImages: {
+    defaultImages?: {
         imgs: Array<{
             src: string;
             alt: string;
@@ -21,6 +22,7 @@ export declare type NativeInputImageProps = DataCy & Omit<React.ComponentPropsWi
         timestamp?: string | number;
     });
     onChange: (files: undefined | FileResponse) => void;
+    disableCrop?: boolean;
 };
 export declare type JRCInputImageProps<T extends FieldValues = FieldValues> = JRCInputFieldProps<T> & Omit<NativeInputImageProps, 'value' | 'onChange'>;
 /**

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

@@ -273,7 +273,8 @@ export declare const OptionMenu: import("styled-components").StyledComponent<"di
 export declare const SelectedOptionWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const SelectedOption: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
     type: "button";
-}, "type">;
+    readOnly: boolean;
+}, "type" | "readOnly">;
 export declare const JRCDefaultSelectedOption: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const TimesIcon: import("styled-components").StyledComponent<"i", import("styled-components").DefaultTheme, {
     className: "react-icon icon-times";

package/build/src/components/JRCCard/JRCCardImg.d.ts

@@ -1,4 +1,4 @@
-import { ImgUrlProps } from 'components/JRCImg/JRCImg.utils';
+import { ImgUrlProps } from 'jamespot-user-api';
 import * as React from 'react';
 declare const ASPECTS: {
     '4:3': number;

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

@@ -5,4 +5,8 @@ export declare type JRCHtmlProps = LimitLinesProps & {
     as?: React.ElementType | keyof JSX.IntrinsicElements;
     __html: string | undefined;
 };
-export declare const JRCHtml: ({ __html, ...props }: JRCHtmlProps) => JSX.Element | null;
+export declare const JRCHtml: React.ForwardRefExoticComponent<LimitLinesProps & {
+    className?: string | undefined;
+    as?: "symbol" | "object" | "g" | "b" | "div" | "big" | "link" | "small" | "sub" | "sup" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "slot" | "script" | "section" | "select" | "source" | "span" | "strong" | "style" | "summary" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | React.ComponentClass<any, any> | React.FunctionComponent<any> | undefined;
+    __html: string | undefined;
+} & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,4 +1,4 @@
-import { ImgUrlProps } from './JRCImg.utils';
+import { ImgUrlProps } from 'jamespot-user-api';
 /**
  * @see ImgUrlProps
  * @property loading - img loading attribute - default is lazy

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

@@ -0,0 +1,15 @@
+import React, { ReactNode } from 'react';
+/**
+ * Type for JRCSidePanelModal props
+ */
+export declare type JRCSidePanelModalProps = {
+    open: boolean;
+    closeHandler: () => void;
+    children?: ReactNode;
+    title?: React.ReactNode;
+    showIconClose?: boolean;
+    enableClickAwayCloseModal?: boolean;
+    position: 'left' | 'right';
+    footer?: ReactNode;
+};
+export declare const JRCSidePanelModal: React.ForwardRefExoticComponent<JRCSidePanelModalProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,5 @@
+import { JRCSidePanelModalProps } from './JRCSidePanelModal';
+import { Meta, Story } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const SidePanelModal: Story<JRCSidePanelModalProps>;

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

@@ -0,0 +1,11 @@
+export declare type ModalBorderRadius = 'medium' | 'small';
+export declare const JRCModalBox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    position?: "left" | "right" | undefined;
+    open?: boolean | undefined;
+}, never>;
+export declare const JRCModalTitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const JRCModalOptions: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const JRCModalContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const JRCModalHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const JRCModalFooter: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const JRCModalClose: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

@@ -0,0 +1 @@
+export declare function useCancelOnUnmount(): (<K>(p: Promise<K>) => Promise<K>)[];

package/build/src/index.d.ts

@@ -25,6 +25,7 @@ declare global {
  */
 export { default as Resources } from './translation';
 export { default as Theme } from './styles/theme';
+export { ClickAwayListener } from './components/Form/Common/ClickAwayListener';
 export { JRC404 } from './components/404';
 export { JRCAlert } from './components/JRCAlert/JRCAlert';
 export { JRCAppColumn } from './components/Templates/JRCAppColumn';
@@ -111,6 +112,7 @@ export { JRCModal } from './components/JRCModal/JRCModal';
 export { JRCModalImg } from './components/JRCModalImg/JRCModalImg';
 export { JRCPagination } from './components/JRCPagination/JRCPagination';
 export { JRCPanel } from './components/Templates/JRCPanel';
+export { JRCSidePanelModal } from './components/JRCSidePanelModal/JRCSidePanelModal';
 export { JRCSkeletonLine } from './components/JRCSkeleton/JRCSkeletonLine';
 export { JRCSkeletonList } from './components/JRCSkeleton/JRCSkeletonList';
 export { JRCSkeletonSquare } from './components/JRCSkeleton/JRCSkeletonSquare';
@@ -145,6 +147,7 @@ export { useDidMountEffect } from './hooks/UseDidMountEffect';
 export { useImageLoader } from './hooks/UseImageLoader';
 export { useKeyPress } from './hooks/UseKeyPress';
 export { useTimeout } from './hooks/UseTimeout';
+export { useCancelOnUnmount } from './hooks/useCancelOnUnmount';
 /****
  *
  * PLEASE RESPECT ALPHABETICAL ORDER

package/build/src/utils/index.d.ts

@@ -6,6 +6,5 @@ import * as object from './utils.object';
 import * as regexp from './utils.regexp';
 import * as string from './utils.string';
 import * as time from './utils.time';
-import * as uri from './utils.uri';
 import * as image from './utils.image';
-export { array, date, document, misc, object, regexp, string, time, uri, image };
+export { array, date, document, misc, object, regexp, string, time, image };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "jamespot-react-components",
-    "version": "1.0.140",
+    "version": "1.0.141",
     "description": "",
     "main": "./build/jamespot-react-components.js",
     "types": "./build/src/index.d.ts",
@@ -107,7 +107,7 @@
         "chroma-js": "^2.1.1",
         "classnames": "^2.3.1",
         "dompurify": "^3.0.5",
-        "jamespot-user-api": "^1.0.110",
+        "jamespot-user-api": "^1.0.111",
         "moment": "^2.29.1",
         "react": "^17.x",
         "react-beautiful-dnd": "^13.1.1",

package/build/src/components/JRCImg/JRCImg.utils.d.ts

@@ -1,68 +0,0 @@
-/**
- * @see JRCImgProps
- */
-declare type WidthHeight = {
-    width?: number;
-    height?: number;
-};
-/**
- * @see JRCImgProps
- */
-declare type Size = {
-    size?: string;
-};
-/**
- * @see JRCImgProps
- */
-declare type Format = {
-    format?: string;
-};
-/**
- * @see JRCImgProps
- */
-declare type Timestamp = {
-    timestamp?: string | number;
-};
-declare type Args = Timestamp & {
-    iconColor?: 'white';
-};
-/**
- * @see JRCImgProps
- */
-export declare type ImgUrlProps = {
-    url?: string;
-    fallbackUrl?: string;
-    size?: string;
-    width?: number;
-    height?: number;
-    maxWidth?: string;
-    from?: string;
-    uri?: string;
-    recordId?: string | number;
-    type?: string;
-    format?: string;
-    iconColor?: 'white';
-    timestamp?: string | number;
-};
-export declare function getFrom(arg: Pick<ImgUrlProps, 'from'>): string;
-export declare function getTimestamp(arg: Timestamp): string;
-export declare function getArgs(arg: Args): string;
-export declare function getSize(arg: Size & WidthHeight, dpr?: number): string;
-export declare function getFormat(arg: Format): string;
-export declare function getUrl(url: string): URL | undefined;
-/**
- * Format an img url
- * If url arg is provided, it is used, in addition with an optional timestamp
- * If not parsable or not passed, one should provide:
- *   - optional from
- *   - size in either size or width/height argument.
- *     If width & height are provided, the downloaded image take car of the screen resolution
- *   - uri or type/recordId
- *   - optional format, default png
- *   - optional timestamp
- *   The final url is {from}/{size}/{uri}.{format}?_={timestamp}
- * @param arg
- * @param dpr device pixel ratio
- */
-export declare function formatImgUrl(arg: ImgUrlProps, dpr?: number): string;
-export {};

package/build/src/components/JRCImg/JRCImg.utils.test.d.ts

@@ -1 +0,0 @@
-export {};

package/build/src/utils/utils.uri.d.ts

@@ -1,2 +0,0 @@
-import { UriOrTypeId } from '../components/Form/Common/types';
-export declare function getUri(arg: UriOrTypeId): string;

package/build/src/utils/utils.uri.test.d.ts

@@ -1 +0,0 @@
-export {};