jamespot-react-components 1.0.245 → 1.0.247

package/build/src/components/Drives/components/DriveFiltererList.d.ts

@@ -16,8 +16,8 @@ export declare const visibilityFilter: <T extends {
     type: string;
     id: string;
     title: string;
-    mimetype?: string | undefined;
     size?: number | undefined;
+    mimetype?: string | undefined;
     webUrl?: string | undefined;
 }>(array: T[], filters: Array<'public' | 'private'>) => T[];
 export declare const typeFilter: <T extends {
@@ -29,8 +29,8 @@ export declare const typeFilter: <T extends {
     type: string;
     id: string;
     title: string;
-    mimetype?: string | undefined;
     size?: number | undefined;
+    mimetype?: string | undefined;
     webUrl?: string | undefined;
 }>(array: T[], filters: string[]) => T[];
 export declare function useFilters<T extends MSUnifiedEntity>(initialEntities: T[], query: string): {
@@ -50,8 +50,8 @@ export declare const DriveFiltererList: <T extends {
     type: string;
     id: string;
     title: string;
-    mimetype?: string | undefined;
     size?: number | undefined;
+    mimetype?: string | undefined;
     webUrl?: string | undefined;
 }>({ initialEntities, renderItem, filters, }: {
     initialEntities: T[];

package/build/src/components/Drives/components/EntityItem.d.ts

@@ -11,8 +11,8 @@ export declare const EntityItem: <T extends ({
     type: string;
     id: string;
     title: string;
-    mimetype?: string | undefined;
     size?: number | undefined;
+    mimetype?: string | undefined;
     webUrl?: string | undefined;
 }) | {
     type: string;
@@ -21,8 +21,8 @@ export declare const EntityItem: <T extends ({
     _extend: {
         path: string;
     };
-    mimetype?: string | undefined;
     size?: number | undefined;
+    mimetype?: string | undefined;
     webUrl?: string | undefined;
 }>({ entity, initialFolderColor, useNavigation, onSelect, onSelectDocument, onSelectMultiDocument, onClick, }: {
     entity: T;

package/build/src/components/Form/Input/JRCInputFile/utils/file.api.d.ts

@@ -8,8 +8,8 @@ export declare function fileSend(file: File, token: string | undefined, name: st
         dateModified: string | null;
         title: string;
         _url: string;
-        mimetype: string;
         size: number;
+        mimetype: string;
         path?: string | undefined;
     };
     token: string;

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import { JRCInputSelectProps } from './JRCInputSelect.types';
+import type { FieldValues } from 'react-hook-form';
+type SelectOption = {
+    label: string;
+    value: any;
+    resetOptions?: boolean;
+};
+export declare function JRCInputSelect<T extends FieldValues = FieldValues>(props: Omit<JRCInputSelectProps<T, SelectOption>, 'getLabel' | 'getValue'>): React.JSX.Element;
+export {};

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

@@ -9,4 +9,4 @@ type Data = {
 export declare const InputSelect: Story<JRCInputSelectProps<{
     select: Data;
     select2: Array<Data>;
-}>>;
+}, any>>;

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

@@ -8,8 +8,8 @@ import { PartialBy } from '../../../../types/utils';
 /**
  * Select
  */
-export type NativeSelectProps<T extends FieldValues = FieldValues> = PartialBy<ControllerRenderProps<T>, 'onBlur'> & SelectProps & IconsProp;
-export type JRCInputSelectProps<T extends FieldValues = FieldValues> = JRCInputFieldProps<T> & SelectProps & IconsProp;
+export type NativeSelectProps<T extends FieldValues = FieldValues, U = any> = PartialBy<ControllerRenderProps<T>, 'onBlur'> & SelectProps<U> & IconsProp;
+export type JRCInputSelectProps<T extends FieldValues = FieldValues, U = any> = JRCInputFieldProps<T> & SelectProps<U> & IconsProp;
 export type Getter = ((option: any) => any) | string;
 export type IconsProp = {
     iconBefore?: {
@@ -18,34 +18,34 @@ export type IconsProp = {
         onClick?: () => void;
     };
 };
-export type SelectProps = DataCy & {
-    options?: Array<any>;
+export type SelectProps<T = any> = DataCy & {
+    options?: Array<T>;
     asyncPromise?: (inputValue: string, page?: number) => Promise<any[]>;
     multiple?: boolean;
-    getLabel?: ((option: any) => any) | string;
-    getValue?: ((option: any) => any) | string;
-    getDescription?: (option: any) => any;
+    getLabel?: ((option: T) => string) | string;
+    getValue?: ((option: T) => string) | string;
+    getDescription?: (option: T) => T;
     disabled?: boolean;
     readOnly?: boolean;
     placeholder?: string;
     searchable?: boolean;
-    getSearch?: ((option: any) => any) | string;
+    getSearch?: ((option: T) => string) | string;
     group?: boolean;
-    getGroup?: ((option: any) => any) | string;
+    getGroup?: ((option: T) => string) | string;
     views?: Array<'folder' | 'user' | 'group' | 'community'>;
     onConfirm?: (values: any) => void;
     hideSelectedOption?: boolean;
     hideDeleteIcon?: boolean;
     displayOption?: boolean;
     displayIndicator?: boolean;
-    getOptionsSelected?: (options: any) => void;
-    setOptionsSelected?: any;
+    getOptionsSelected?: (options: T) => void;
+    setOptionsSelected?: T;
     components?: {
         Option?: React.ComponentType<{
-            option: any;
+            option: T;
         }>;
         SelectedOption?: React.ComponentType<{
-            option: any;
+            option: T;
         }>;
     };
     /**

package/build/src/components/Form/Input/JRCSelect/JRCInputSelectAsync.stories.d.ts

@@ -8,4 +8,4 @@ type Data = {
 };
 export declare const AsyncSelect: Story<JRCInputSelectProps<{
     select: Array<Data>;
-}>>;
+}, any>>;

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

@@ -11,7 +11,7 @@ export type JRCInputSelectHierarchicalTreeProps = Omit<JRCInputSelectProps, 'asy
         value: any;
     }>;
 };
-export declare const JRCInputSelectHierarchicalTree: React.ForwardRefExoticComponent<Omit<JRCInputSelectProps<import("react-hook-form").FieldValues>, "asyncPromise"> & JRCModalLayoutProps & {
+export declare const JRCInputSelectHierarchicalTree: React.ForwardRefExoticComponent<Omit<JRCInputSelectProps<import("react-hook-form").FieldValues, any>, "asyncPromise"> & JRCModalLayoutProps & {
     asyncPromise?: ((inputValue: string, page?: number) => Promise<PagingResults<any>>) | undefined;
     hierarchicalTaxonomyPromise: (uriConcept: string) => Promise<PagingResults<jObjectAutocomplete>>;
     displayModal?: boolean | undefined;

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

@@ -1,3 +1,3 @@
 import { NativeSelectProps } from './JRCInputSelect.types';
 import type { FieldValues } from 'react-hook-form';
-export declare const JRCInputSelectRaw: <T extends FieldValues = FieldValues>(props: Pick<Partial<NativeSelectProps<T>>, "ref"> & Omit<NativeSelectProps<T>, "ref">) => JSX.Element;
+export declare const JRCInputSelectRaw: <T extends FieldValues = FieldValues, U = any>(props: Pick<Partial<NativeSelectProps<T, U>>, "ref"> & Omit<NativeSelectProps<T, U>, "ref">) => JSX.Element;

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

@@ -1,5 +1,6 @@
 import * as React from 'react';
 type EmptySpaceBgColor = 'sandLight' | 'sky15' | 'transparent';
+type Alignment = React.CSSProperties['justifyContent'];
 export type JRCEmptySpaceProps = {
     img?: string;
     imgAlt?: string;
@@ -7,6 +8,7 @@ export type JRCEmptySpaceProps = {
     description?: string;
     actions?: React.ReactChild;
     bgColor?: EmptySpaceBgColor;
+    alignment?: Alignment;
 };
 export declare const JRCEmptySpace: React.FC<JRCEmptySpaceProps>;
 export {};

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

@@ -9,7 +9,7 @@ export declare const JRCFileViewer: <T extends {
     dateModified: string | null;
     title: string;
     _url: string;
-    mimetype: string;
     size: number;
+    mimetype: string;
     path?: string | undefined;
 }>({ files, size, children, openWithOptions, onReadFile, }: JRCFileViewerProps<T>) => React.JSX.Element;

package/build/src/components/JRCFlex/JRCFlexBox.d.ts

@@ -14,8 +14,8 @@ export declare const JRCFlexBox: import("styled-components").StyledComponent<"di
     inline?: boolean | undefined;
     flex?: string | boolean | undefined;
     gap?: number | undefined;
-    x?: "center" | "flex-start" | "flex-end" | "space-around" | "space-between" | "space-evenly" | undefined;
-    y?: "center" | "flex-start" | "flex-end" | "space-around" | "space-between" | "space-evenly" | undefined;
+    x?: "center" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start" | undefined;
+    y?: "center" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start" | undefined;
     childFull?: boolean | undefined;
 }, never>;
 export type JRCFlexBoxProps = FlexBoxProps & {

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

@@ -35,8 +35,8 @@ export declare const Primary: Story<{
             name: import("jamespot-user-api").WidgetsName.ExcelDatasourceTable;
             uniqid: string;
             content: {
-                uri?: string | undefined;
                 limit?: number | boolean | undefined;
+                uri?: string | undefined;
                 tableColumnsData?: {
                     name?: string | undefined;
                     label?: string | undefined;
@@ -78,10 +78,10 @@ export declare const Primary: Story<{
             emailsPromptStatus?: string | undefined;
         }>)>[] | undefined;
     } & (import("jamespot-user-api").WidgetArticleAttachmentContent | import("jamespot-user-api").WidgetArticleGalleryContent | import("jamespot-user-api").WidgetArticleImageContent | WidgetArticleTextContent | import("jamespot-user-api").WidgetArticleTitleContent | import("jamespot-user-api").WidgetArticleSliderContent | {
-        url?: string | undefined;
         target?: string | undefined;
         text?: string | undefined;
         color?: string | undefined;
+        url?: string | undefined;
         backgroundColor?: string | undefined;
         borderRadius?: string | undefined;
         fontSize?: string | undefined;
@@ -89,8 +89,8 @@ export declare const Primary: Story<{
         variant?: "contained" | "outlined" | undefined;
         openingType?: "link" | "anchor" | "popup" | undefined;
         openingTypeLink?: {
-            url: string;
             target: string;
+            url: string;
         } | undefined;
         openingTypeAnchor?: {
             uniqid: string;
@@ -105,8 +105,8 @@ export declare const Primary: Story<{
         css?: Record<string, string> | undefined;
         edit?: boolean | undefined;
     } | {
-        uri?: string | undefined;
         limit?: number | boolean | undefined;
+        uri?: string | undefined;
         tableColumnsData?: {
             name?: string | undefined;
             label?: string | undefined;
@@ -124,8 +124,8 @@ export declare const Primary: Story<{
         tableSizedColumns?: boolean | undefined;
         tableSizedColumnsWidth?: number | undefined;
     } | {
-        uri?: string | undefined;
         limit?: number | boolean | undefined;
+        uri?: string | undefined;
         tableColumnsData?: {
             name?: string | undefined;
             label?: string | undefined;

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

@@ -1,13 +1,12 @@
 import React from 'react';
 import { jFileLittle, jHref } from 'jamespot-user-api';
-export declare const CSSWidgetWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const CSSList: 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 CSSRowImageWrapper: 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 declare const CSSRowExtend: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const CSSRowBox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const CSSRowContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CSSWidgetCheckListWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CSSWidgetCheckList: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {}, never>;
+export declare const CSSWidgetCheckListItem: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {}, never>;
+export declare const CSSWidgetCheckListItemBtn: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
+export declare const CSSWidgetCheckListItemData: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CSSWidgetCheckListItemCheckBox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CSSWidgetCheckListItemLabel: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const CSSCheckboxWrapper: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
 export type JRCWidgetCheckListEntryUser = {
     id: string | number;

package/build/src/components/Widgets/JRCWidgetPresence/JRCWidgetPresence.styles.d.ts

@@ -1,6 +1,7 @@
-export declare const CSSWidgetPresence: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const CSSProgressBarWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const CSSWidgetPresenceEntry: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
+export declare const CSSWidgetPresenceList: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {}, never>;
+export declare const CSSWidgetPresenceListItem: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {}, never>;
+export declare const CSSWidgetPresenceListItemProgressBar: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CSSWidgetPresenceListItemBtn: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
     isDisabled: boolean;
 }, never>;
 export declare const CSSWidgetPresenceLabel: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {

package/build/src/components/Widgets/JRCWidgetQuickSurvey/JRCWidgetQuickSurveyResponse.d.ts

@@ -0,0 +1,13 @@
+import { jUserLittle, WidgetLegacyMixedBoolean } from 'jamespot-user-api';
+import React from 'react';
+export declare const JRCWidgetQuickSurveyResponse: ({ anonymize, limit, userResponses, canSeeResponses, isClosed, setOpenUsersModal, }: {
+    anonymize?: boolean | 0 | 1 | undefined;
+    limit: number;
+    userResponses: {
+        counter: number;
+        userList: jUserLittle[];
+    };
+    canSeeResponses?: boolean | 0 | 1 | undefined;
+    isClosed?: boolean | 0 | 1 | undefined;
+    setOpenUsersModal: () => void;
+}) => React.JSX.Element;

package/build/src/components/Widgets/JRCWidgetSlider/JRCWidgetArticleSliderEditor.d.ts

@@ -21,8 +21,8 @@ export declare const EditorSlide: ({ forceOpen, title, text, displayAs, backgrou
         dateModified: string | null;
         title: string;
         _url: string;
-        mimetype: string;
         size: number;
+        mimetype: string;
         path?: string | undefined;
     } | undefined;
     token?: string | undefined;

package/build/src/components/Widgets/JRCWidgetTable/JRCWidgetDatasourceTableEditor.d.ts

@@ -13,8 +13,8 @@ export type WidgetDatasourceContext = EditorBaseContext<WidgetDatasourceTableCon
     handlers: WidgetDatasourceHandlers;
 };
 export declare const JRCWidgetDatasourceTableEditor: ({ uri, limit, tableHeadColor, tableHeadTextColor, tableHeadIconColor, tableRowColor, tableRowTextColor, tableColumnsData, tableBorderRadius, tableSizedColumns, tableSizedColumnsWidth, hook, handlers, onChange, onSave, onStateChange, onError, }: {
-    uri?: string | undefined;
     limit?: number | boolean | undefined;
+    uri?: string | undefined;
     tableColumnsData?: {
         name?: string | undefined;
         label?: string | undefined;
@@ -38,8 +38,8 @@ export declare const JRCWidgetDatasourceTableEditor: ({ uri, limit, tableHeadCol
         isActive: HookIsActive;
     };
 } & WidgetEditorActions<{
-    uri?: string | undefined;
     limit?: number | boolean | undefined;
+    uri?: string | undefined;
     tableColumnsData?: {
         name?: string | undefined;
         label?: string | undefined;

package/build/src/components/Widgets/JRCWidgetTable/JRCWidgetExcelDatasourceTableEditor.d.ts

@@ -13,8 +13,8 @@ export type WidgetExcelDatasourceContext = EditorBaseContext<WidgetExcelDatasour
     handlers: WidgetExcelDatasourceHandlers;
 };
 export declare const JRCWidgetExcelDatasourceTableEditor: ({ uri, limit, tableHeadColor, tableHeadTextColor, tableHeadIconColor, tableRowColor, tableRowTextColor, tableColumnsData, tableSizedColumns, tableSizedColumnsWidth, tableBorderRadius, hook, handlers, onChange, onSave, onStateChange, onError, }: {
-    uri?: string | undefined;
     limit?: number | boolean | undefined;
+    uri?: string | undefined;
     tableColumnsData?: {
         name?: string | undefined;
         label?: string | undefined;
@@ -38,8 +38,8 @@ export declare const JRCWidgetExcelDatasourceTableEditor: ({ uri, limit, tableHe
         isActive: HookIsActive;
     };
 } & WidgetEditorActions<{
-    uri?: string | undefined;
     limit?: number | boolean | undefined;
+    uri?: string | undefined;
     tableColumnsData?: {
         name?: string | undefined;
         label?: string | undefined;

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { jUserLittle } from 'jamespot-user-api';
+export declare const CSSAvatarList: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {}, never>;
+export declare const CSSAvatarListItem: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {
+    overlap?: boolean | undefined;
+    small?: boolean | undefined;
+}, never>;
+export declare const WidgetAvatarList: ({ list, left }: {
+    list: jUserLittle[];
+    left: number;
+}) => React.JSX.Element;

package/build/src/components/Widgets/context/hooks.d.ts

@@ -29,8 +29,8 @@ export declare const useEditorContext: <T = EditorBaseContext<{
         name: import("jamespot-user-api").WidgetsName.ExcelDatasourceTable;
         uniqid: string;
         content: {
-            uri?: string | undefined;
             limit?: number | boolean | undefined;
+            uri?: string | undefined;
             tableColumnsData?: {
                 name?: string | undefined;
                 label?: string | undefined;
@@ -72,10 +72,10 @@ export declare const useEditorContext: <T = EditorBaseContext<{
         emailsPromptStatus?: string | undefined;
     }>)>[] | undefined;
 } & (import("jamespot-user-api").WidgetArticleAttachmentContent | import("jamespot-user-api").WidgetArticleGalleryContent | import("jamespot-user-api").WidgetArticleImageContent | import("jamespot-user-api").WidgetArticleTextContent | import("jamespot-user-api").WidgetArticleTitleContent | {
-    url?: string | undefined;
     target?: string | undefined;
     text?: string | undefined;
     color?: string | undefined;
+    url?: string | undefined;
     backgroundColor?: string | undefined;
     borderRadius?: string | undefined;
     fontSize?: string | undefined;
@@ -83,8 +83,8 @@ export declare const useEditorContext: <T = EditorBaseContext<{
     variant?: "contained" | "outlined" | undefined;
     openingType?: "link" | "anchor" | "popup" | undefined;
     openingTypeLink?: {
-        url: string;
         target: string;
+        url: string;
     } | undefined;
     openingTypeAnchor?: {
         uniqid: string;
@@ -99,8 +99,8 @@ export declare const useEditorContext: <T = EditorBaseContext<{
     css?: Record<string, string> | undefined;
     edit?: boolean | undefined;
 } | {
-    uri?: string | undefined;
     limit?: number | boolean | undefined;
+    uri?: string | undefined;
     tableColumnsData?: {
         name?: string | undefined;
         label?: string | undefined;
@@ -118,8 +118,8 @@ export declare const useEditorContext: <T = EditorBaseContext<{
     tableSizedColumns?: boolean | undefined;
     tableSizedColumnsWidth?: number | undefined;
 } | {
-    uri?: string | undefined;
     limit?: number | boolean | undefined;
+    uri?: string | undefined;
     tableColumnsData?: {
         name?: string | undefined;
         label?: string | undefined;

package/build/src/index.d.ts

@@ -82,6 +82,7 @@ export { JRCInputUrl } from './components/Form/Input/JRCInputUrl/JRCInputUrl';
 export { JRCInputCommunity } from './components/Form/Input/JRCSelect/JRCAutocompleteCommunity';
 export { JRCInputAudience } from './components/Form/Input/JRCSelect/JRCInputAudience';
 export { JRCInputAutocomplete } from './components/Form/Input/JRCSelect/JRCInputAutocomplete';
+export { JRCInputSelect } from './components/Form/Input/JRCSelect/JRCInputSelect';
 export { JRCInputSelectExtended } from './components/Form/Input/JRCSelect/JRCInputSelectExtended';
 export { JRCInputSelectRaw } from './components/Form/Input/JRCSelect/JRCInputSelectRaw';
 export { JRCInputSelectHierarchicalTree } from './components/Form/Input/JRCSelect/JRCInputSelectHierarchicalTree';

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

@@ -33,8 +33,8 @@ export declare const Utils: {
             sandbox_iframes?: boolean | undefined;
             sandbox_iframes_exclusions?: string[] | undefined;
         }) => {
-            height: number;
             language: string;
+            height: number;
             cache_suffix: string;
             toolbar: string;
             content_css: string;

package/package.json

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

package/build/src/components/Widgets/JRCWidgetPresence/PresenceAvatar.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-export declare const CSSAvatarWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    overlap?: boolean | undefined;
-}, never>;
-export declare const PresenceAvatar: ({ title, uri, overlap }: {
-    title: string;
-    uri: string;
-    overlap?: boolean | undefined;
-}) => React.JSX.Element;