jamespot-react-components 1.0.174 → 1.0.176

package/build/src/components/Form/Input/Common/JRCFormFieldRenderer.types.d.ts

@@ -19,7 +19,7 @@ export interface FieldRenderProps extends DataCy {
     htmlFor?: string;
     placeholder?: string;
     labelIsLegend?: boolean;
-    description?: string;
+    description?: string | React.ReactNode;
     helper?: Omit<JRCTooltipProps, 'children'>;
     className?: string;
 }

package/build/src/components/Form/Input/JRCInputCheckbox/JRCInputCheckbox.stories.d.ts

@@ -3,4 +3,5 @@ import { Meta, Story } from '@storybook/react';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
 export declare const InputCheckbox: Story<JRCInputCheckboxProps<any>>;
+export declare const InputCheckboxHelperWithComponent: Story<JRCInputCheckboxProps<any>>;
 export declare const InputRadio: Story<JRCInputCheckboxProps<any>>;

package/build/src/components/Widgets/JRCWidgetApi/JRCWidgetApi.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+export declare const CSSTable: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CSSRowWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CSSRow: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export type WidgetApiParam = {
+    label: string;
+    url: string;
+};
+export type WidgetApiParams = Record<string, WidgetApiParam>;
+export type JRCWidgetApiProps = {};
+export declare const extractAllKeys: (payload: Array<Record<string, unknown>>) => string[];
+type BuildTableProps = {
+    data: ApiPayload;
+    model: string[];
+    order: string;
+    orderBy: string;
+};
+export declare const BuildTable: ({ data, model, order, orderBy }: BuildTableProps) => React.JSX.Element;
+export type ApiSortBy = 'asc' | 'desc';
+export type ApiPayload = Array<Record<string, string>>;
+export declare const JRCWidgetApi: ({ data, keys, order, orderBy, }: {
+    data: Array<Record<string, unknown>>;
+    keys: string[];
+    order: string;
+    orderBy: string;
+}) => React.JSX.Element;
+export {};

package/build/src/components/Widgets/JRCWidgetApi/JRCWidgetApiEditor.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+export declare const CSSTable: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CSSRowWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CSSRow: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export type WidgetApiParam = {
+    label: string;
+    url: string;
+};
+export type WidgetApiParams = Record<string, WidgetApiParam>;
+export type JRCWidgetApiProps = {};
+export declare const extractAllKeys: (payload: Array<Record<string, unknown>>) => string[];
+export type ApiSortBy = 'asc' | 'desc';
+export type ApiPayload = Array<Record<string, string>>;
+export declare const CSSCheckboxWrapper: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
+export declare const JRCWidgetApiEditor: ({ initialUrl, order, orderBy, provider, onChange, }: {
+    initialUrl: string;
+    order: string;
+    orderBy: string;
+    provider: (url: string) => Promise<Array<Record<string, string>>>;
+    onChange: (content: Partial<{
+        url: string;
+        keys: string[];
+        order: string;
+        orderBy: string;
+    }>, override?: boolean) => void;
+}) => React.JSX.Element;

package/build/src/components/Widgets/JRCWidgetApi/JRCWidgetLabel.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { WidgetApiParams } from './JRCWidgetApi';
+export declare const JRCWidgetApiLabel: ({ keys, params }: {
+    keys: string[];
+    params: WidgetApiParams;
+}) => React.JSX.Element;

package/build/src/components/Widgets/JRCWidgetApi/components/HeaderLabel.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const HeaderLabel: ({ keys }: {
+    keys: string[];
+}) => React.JSX.Element;

package/build/src/components/Widgets/JRCWidgetApi/mock.d.ts

@@ -0,0 +1 @@
+export declare const mockApi_1: any;

package/build/src/components/Widgets/JRCWidgetApi/utils.d.ts

@@ -0,0 +1,4 @@
+export declare const flattenObject: (obj: Record<string, unknown>, parentKey?: string) => Record<string, string>;
+export declare const cleanPayload: (payload: Array<Record<string, unknown>>) => Record<string, string>[];
+export declare const extractObjectKeys: (obj: Record<string, unknown>) => string[];
+export declare const toggle: (arr: string[], el: string) => string[];

package/build/src/components/Widgets/JRCWidgetApi/utils.test.d.ts

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

package/build/src/components/Widgets/JRCWidgetAttachment/JRCWidgetAttachment.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+export declare const CSSWidgetAttachment: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    inline?: boolean | undefined;
+}, never>;
+export type JRCWidgetAttachmentProps = {
+    files: {
+        id: number;
+        uri: string | undefined;
+        mimetype: string;
+        title: string;
+    }[];
+    fileDisplay?: 'list';
+};
+/**
+ * TODO: resolveFileMimetype should be done before
+ */
+export declare const JRCWidgetAttachment: ({ files, inline, onClick, }: JRCWidgetAttachmentProps & {
+    onClick: (idFile: number) => void;
+    inline?: boolean | undefined;
+}) => React.JSX.Element;

package/build/src/components/Widgets/{JRCWidgetArticleAttachment/JRCWidgetArticleAttachment.stories.d.ts → JRCWidgetAttachment/JRCWidgetAttachment.stories.d.ts}

@@ -1,7 +1,7 @@
 import { Meta, Story } from '@storybook/react';
-import { WidgetArticleAttachmentContent } from 'jamespot-user-api';
+import { JRCWidgetAttachmentProps } from './JRCWidgetAttachment';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
-export declare const Primary: Story<WidgetArticleAttachmentContent & {
+export declare const Primary: Story<JRCWidgetAttachmentProps & {
     onClick: (idFile: number) => void;
 }>;

package/build/src/components/Widgets/JRCWidgetButton/JRCWidgetButton.d.ts

@@ -0,0 +1,3 @@
+import { WidgetButtonProps } from 'jamespot-user-api';
+import React from 'react';
+export declare const JRCWidgetButton: ({ text, buttonSize, color, borderRadius, variant, backgroundColor, url, target, }: WidgetButtonProps) => React.JSX.Element;

package/build/src/components/Widgets/{JRCWidgetArticleImage/JRCWidgetArticleImage.stories.d.ts → JRCWidgetButton/JRCWidgetButton.stories.d.ts}

@@ -1,7 +1,4 @@
 import { Meta, Story } from '@storybook/react';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
-export declare const Primary: Story<{
-    maxWidth: number;
-    uri: string;
-}>;
+export declare const Primary: Story<import("@storybook/react").Args>;

package/build/src/components/Widgets/JRCWidgetButton/JRCWidgetButtonEditor.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { WidgetButtonProps } from 'jamespot-user-api';
+/**
+ * Default widget button editor
+ */
+export declare const JRCWidgetButtonEditor: <T extends {}>({ text, color, backgroundColor, borderRadius, variant, buttonSize, url, target, onChange, onSave, extendProperties, }: WidgetButtonProps & T & {
+    onChange: (content: Partial<WidgetButtonProps>) => void;
+    onSave: (content?: Partial<WidgetButtonProps>) => void;
+    extendProperties?: ((onChange: (content: Partial<WidgetButtonProps & T>) => void) => React.ReactNode) | undefined;
+}) => React.JSX.Element;

package/build/src/components/Widgets/{JRCWidgetArticleImage → JRCWidgetImage}/JRCWidgetArticleImageEditor.d.ts

@@ -1,6 +1,9 @@
 import React from 'react';
 import { WidgetArticleImageContent } from 'jamespot-user-api';
 import { WidgetStateProps } from 'jamespot-user-api';
+/**
+ * Custom widget image editor for article widget image
+ */
 export declare const JRCWidgetArticleImageEditor: ({ token, content, onSave, onStateChange, }: {
     token: string | undefined;
     content: WidgetArticleImageContent;

package/build/src/components/Widgets/JRCWidgetImage/JRCWidgetImage.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export type JRCWidgetImageProps = {
+    useFilter?: boolean;
+    maxWidth: number;
+    maxHeight?: number;
+    uri?: string;
+    loadWithDelay?: number;
+};
+export declare const JRCWidgetImage: ({ useFilter, maxWidth, maxHeight, uri, loadWithDelay, }: JRCWidgetImageProps) => React.JSX.Element;

package/build/src/components/Widgets/JRCWidgetImage/JRCWidgetImage.stories.d.ts

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

package/build/src/components/Widgets/JRCWidgetImage/JRCWidgetImageEditor.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { JRCWidgetImageProps } from './JRCWidgetImage';
+/**
+ * This is the default image editor
+ */
+export declare const JRCWidgetImageEditor: ({ uri, maxWidth, onChange, }: JRCWidgetImageProps & {
+    onChange: (content: Partial<JRCWidgetImageProps>, override?: boolean) => void;
+}) => React.JSX.Element;

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

@@ -1,6 +1,7 @@
-export declare const useImageLoader: (url: string, maxWidth?: number) => {
+export declare const useImageLoader: (url: string, maxWidth?: number, loadWithDelay?: number) => {
     loading: boolean;
     error: boolean;
     width: number;
     height: number;
+    load: () => void;
 };

package/build/src/index.d.ts

@@ -149,18 +149,21 @@ export { JRCTypography } from './components/JRCTypography/JRCTypography';
 export { JRCUserPopup } from './components/JRCUserPopup/JRCUserPopup';
 export { JRCValidationButton } from './components/JRCButton/JRCValidationButton';
 export { JRCInputDateTime } from './components/Form/Input/JRCInputDateTime/JRCInputDateTime';
-export { JRCWidgetArticleAttachment } from './components/Widgets/JRCWidgetArticleAttachment/JRCWidgetArticleAttachment';
-export { JRCWidgetArticleAttachmentEditor } from './components/Widgets/JRCWidgetArticleAttachment/JRCWidgetArticleAttachmentEditor';
-export { JRCWidgetArticleButton } from './components/Widgets/JRCWidgetArticleButton/JRCWidgetArticleButton';
-export { JRCWidgetArticleButtonEditor } from './components/Widgets/JRCWidgetArticleButton/JRCWidgetArticleButtonEditor';
+export { JRCWidgetAttachment } from './components/Widgets/JRCWidgetAttachment/JRCWidgetAttachment';
+export { JRCWidgetArticleAttachmentEditor } from './components/Widgets/JRCWidgetAttachment/JRCWidgetArticleAttachmentEditor';
+export { JRCWidgetButton } from './components/Widgets/JRCWidgetButton/JRCWidgetButton';
+export { JRCWidgetButtonEditor } from './components/Widgets/JRCWidgetButton/JRCWidgetButtonEditor';
 export { JRCWidgetArticleGallery } from './components/Widgets/JRCWidgetArticleGallery/JRCWidgetArticleGallery';
 export { JRCWidgetArticleGalleryEditor } from './components/Widgets/JRCWidgetArticleGallery/JRCWidgetArticleGalleryEditor';
-export { JRCWidgetArticleImage } from './components/Widgets/JRCWidgetArticleImage/JRCWidgetArticleImage';
-export { JRCWidgetArticleImageEditor } from './components/Widgets/JRCWidgetArticleImage/JRCWidgetArticleImageEditor';
+export { JRCWidgetImage } from './components/Widgets/JRCWidgetImage/JRCWidgetImage';
+export { JRCWidgetImageEditor } from './components/Widgets/JRCWidgetImage/JRCWidgetImageEditor';
+export { JRCWidgetArticleImageEditor } from './components/Widgets/JRCWidgetImage/JRCWidgetArticleImageEditor';
 export { JRCWidgetArticleText } from './components/Widgets/JRCWidgetArticleText/JRCWidgetArticleText';
 export { JRCWidgetArticleTextEditor } from './components/Widgets/JRCWidgetArticleText/JRCWidgetArticleTextEditor';
 export { JRCWidgetArticleTitle } from './components/Widgets/JRCWidgetArticleTitle/JRCWidgetArticleTitle';
 export { JRCWidgetArticleTitleEditor } from './components/Widgets/JRCWidgetArticleTitle/JRCWidgetArticleTitleEditor';
+export { JRCWidgetApi } from './components/Widgets/JRCWidgetApi/JRCWidgetApi';
+export { JRCWidgetApiEditor } from './components/Widgets/JRCWidgetApi/JRCWidgetApiEditor';
 export { JRCWidgetSlider } from './components/Widgets/JRCWidgetSlider/JRCWidgetSlider';
 export { JRCWidgetArticleSliderEditor } from './components/Widgets/JRCWidgetSlider/JRCWidgetArticleSliderEditor';
 export { JRCWidgetEmptyInplace } from './components/Widgets/JRCWidgetEmptyInplace';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jamespot-react-components",
-  "version": "1.0.174",
+  "version": "1.0.176",
   "description": "",
   "main": "./build/jamespot-react-components.js",
   "types": "./build/src/index.d.ts",
@@ -92,7 +92,7 @@
     "chroma-js": "^2.1.1",
     "classnames": "^2.3.1",
     "dompurify": "^3.0.5",
-    "jamespot-user-api": "^1.0.145",
+    "jamespot-user-api": "^1.0.147",
     "moment": "2.29.4",
     "react": "^17.x",
     "react-beautiful-dnd": "^13.1.1",

package/build/src/components/Widgets/JRCWidgetArticleAttachment/JRCWidgetArticleAttachment.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { WidgetArticleAttachmentContent } from 'jamespot-user-api';
-export declare const CSSWidgetAttachment: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    inline?: boolean | undefined;
-}, never>;
-export declare const JRCWidgetArticleAttachment: ({ files, onClick, inline, }: WidgetArticleAttachmentContent & {
-    onClick: (idFile: number) => void;
-    inline?: boolean | undefined;
-}) => React.JSX.Element;

package/build/src/components/Widgets/JRCWidgetArticleButton/JRCWidgetArticleButton.d.ts

@@ -1,14 +0,0 @@
-import { VariantSizeType, VariantType } from 'jamespot-user-api';
-import React from 'react';
-export type JRCWidgetArticleButtonProps = {
-    text?: string;
-    color?: string;
-    backgroundColor?: string;
-    borderRadius?: string;
-    fontSize?: string;
-    buttonSize?: VariantSizeType;
-    variant?: VariantType;
-    url?: string;
-    target?: string;
-};
-export declare const JRCWidgetArticleButton: ({ text, buttonSize, color, borderRadius, variant, backgroundColor, url, target, }: JRCWidgetArticleButtonProps) => React.JSX.Element;

package/build/src/components/Widgets/JRCWidgetArticleButton/JRCWidgetArticleButtonEditor.d.ts

@@ -1,11 +0,0 @@
-import { WidgetArticleButtonContent, WidgetStateProps } from 'jamespot-user-api';
-import React from 'react';
-type JRCWidgetArticleButtonEditorProps = {
-    content: WidgetArticleButtonContent;
-    onChange: (content: Partial<WidgetArticleButtonContent>, override?: boolean) => void;
-    onSave: (content: Partial<WidgetArticleButtonContent>) => void;
-    onStateChange?: (state: WidgetStateProps) => void;
-};
-export declare function useFirstRender(): boolean;
-export declare const JRCWidgetArticleButtonEditor: ({ content, onChange, onSave }: JRCWidgetArticleButtonEditorProps) => React.JSX.Element;
-export {};

package/build/src/components/Widgets/JRCWidgetArticleImage/JRCWidgetArticleImage.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-export declare const JRCWidgetArticleImage: ({ useFilter, maxWidth, maxHeight, uri, }: {
-    useFilter?: boolean | undefined;
-    maxWidth: number;
-    maxHeight?: number | undefined;
-    uri?: string | undefined;
-}) => React.JSX.Element;