jamespot-react-components 1.0.140 → 1.0.142

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

@@ -0,0 +1,11 @@
+export declare const CSSTitleAccessor: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CSSTitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CSSActionAccessor: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const ListWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CSSEmptyWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CSSOpacityFilter: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    opacity?: number | undefined;
+}, never>;
+export declare const CSSPool: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CSSListNoHead: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CSSLoader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/build/src/components/JRCFolders/types.d.ts

@@ -1,20 +1,15 @@
-/**
- * Props type for JRCFolders
- * @property getBanks, optional: Override getBanks api
- * @property getFolders, optional: Override getFolders api
- * @property preSelect, optional: Array of preselected object
- * @property onSelect, optional: Display a selection button
- * @property onPress, optional: FUTURE DEV
- * @property extendedListColumns, optional: FUTURE DEV
- */
-export interface JRCFoldersProps {
-    getBanks?: () => Promise<any>;
-    getFolders?: () => Promise<any>;
-    preSelect?: Array<any>;
-    onSelect?: (folder: any) => void;
-    onPress?: (folder: any) => void;
-    extendedListColumns?: any;
-}
+import { ApiPagingResults, ApiWrapper, FileBankDocument, FileBankProps, FolderType } from 'jamespot-user-api';
+export declare type JRCFoldersProps = {
+    loadDocuments?: boolean;
+    initialFolders?: string[];
+    initialDocuments?: string[];
+    allowMultiSelection?: boolean;
+    asyncBanksPromise: () => Promise<FileBankProps[]>;
+    asyncFoldersPromise: (uri: string) => Promise<ApiWrapper<FolderType[]>>;
+    asyncDocumentsPromise: (uri: string) => Promise<ApiPagingResults<FileBankDocument>>;
+    onSelectFolder?: (folder: FolderType[]) => void;
+    onSelectDocument?: (document: FileBankDocument[]) => void;
+};
 export interface JRCFolderBreadcrumbProps {
     color: string;
     size: 'sm' | 'md' | 'lg';

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.142",
     "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.112",
         "moment": "^2.29.1",
         "react": "^17.x",
         "react-beautiful-dnd": "^13.1.1",

package/build/src/components/JRCFolders/mock.folders.d.ts

@@ -1,16 +0,0 @@
-declare const rootFoldersMockup: {
-    id: number;
-    uri: string;
-    nbDocuments: number;
-    title: string;
-    type: string;
-    folderColor: string;
-}[];
-declare const foldersMockup: {
-    uri: string;
-    title: string;
-    type: string;
-    parentURI: string;
-    folderColor: string;
-}[];
-export { rootFoldersMockup, foldersMockup };

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 {};