jamespot-react-components 1.0.236 → 1.0.238

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

@@ -42,6 +42,7 @@ export type JRCFormFieldRendererProps<T extends FieldValues = FieldValues> = Fie
     margin?: string | undefined;
     width?: string | undefined;
     readOnly?: boolean;
+    noLabel?: boolean;
 };
 /**
  * Prop types for an input rendered by react-hook-form
@@ -52,4 +53,5 @@ export type JRCInputFieldProps<T extends FieldValues = FieldValues> = FieldRende
     margin?: string | undefined;
     width?: string | undefined;
     readOnly?: boolean;
+    noLabel?: boolean;
 };

package/build/src/components/Form/Input/Deprecated/JRCFormFile/components/File.d.ts

@@ -1,7 +1,8 @@
-import React from 'react';
 import { jFileLittle } from 'jamespot-user-api';
+import React from 'react';
+import { FileWithId } from '../../../JRCInputFileAdvanced/JRCInputFileAdvancedRaw';
 export declare const File: ({ file, index, token, step, attrName, onUploadSuccess, onDeleteSuccess, }: {
-    file: File;
+    file: FileWithId;
     index: number;
     step: number;
     token: string | undefined;

package/build/src/components/Form/Input/JRCInputFileAdvanced/JRCInputFileAdvancedRaw.d.ts

@@ -1,7 +1,10 @@
 import { Drive, JFileApi, JFilebankApi, jFileLittle, Network } from 'jamespot-user-api';
+import { JDriveApi } from 'jamespot-user-api/lib/src/apis/drive/drive';
 import * as React from 'react';
 import { WrappedFieldInputProps } from 'redux-form';
-import { JDriveApi } from 'jamespot-user-api/lib/src/apis/drive/drive';
+export type FileWithId = File & {
+    id?: string;
+};
 export type DriveOrFilebank = Drive | 'fileBank';
 export interface JRCInputFileAdavancedProps extends React.ComponentPropsWithoutRef<'input'> {
     required?: boolean;

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

@@ -24,6 +24,7 @@ export type SelectProps = DataCy & {
     multiple?: boolean;
     getLabel?: ((option: any) => any) | string;
     getValue?: ((option: any) => any) | string;
+    getDescription?: (option: any) => any;
     disabled?: boolean;
     readOnly?: boolean;
     placeholder?: string;
@@ -58,6 +59,7 @@ export type SelectProps = DataCy & {
     allowCustomOptions?: boolean;
     loading?: boolean;
     limit?: number;
+    size?: 'md' | 's';
 };
 /**
  * Autocomplete

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

@@ -22,6 +22,7 @@ export declare const StyledInput: import("styled-components").StyledComponent<"i
 }, never>;
 export type StyledSelectProps = DataCy & IconsProps & {
     searchable?: boolean;
+    sizeVariant?: 's' | 'md';
 };
 export declare const StyledSelect: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, DataCy & {
     error?: boolean | undefined;
@@ -29,6 +30,7 @@ export declare const StyledSelect: import("styled-components").StyledComponent<"
     readOnly?: boolean | undefined;
 } & IconsProps & {
     searchable?: boolean | undefined;
+    sizeVariant?: "s" | "md" | undefined;
 }, never>;
 export declare const MaxLengthIndicatorContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const MaxLengthIndicator: ({ maxLength, actualLength }: {

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

@@ -7,6 +7,7 @@ export type ButtonColors = 'primary' | 'valid' | 'danger' | 'secondary' | 'cance
 export type JRCButtonProps = React.ComponentPropsWithoutRef<'button'> & DataCy & {
     /** Color of the background of the button */
     color?: ButtonColors;
+    themeCustom?: ButtonType;
     /** Indicates loading of content on the button */
     loader?: boolean;
     /** This Boolean attribute specifies that the button should have input focus when the page loads */
@@ -42,6 +43,7 @@ export declare const Button: import("styled-components").StyledComponent<"button
 } & Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & DataCy & {
     /** Color of the background of the button */
     color?: ButtonColors | undefined;
+    themeCustom?: ButtonType | undefined;
     /** Indicates loading of content on the button */
     loader?: boolean | undefined;
     /** This Boolean attribute specifies that the button should have input focus when the page loads */
@@ -71,6 +73,7 @@ export declare const Button: import("styled-components").StyledComponent<"button
 export declare const JRCButton: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & DataCy & {
     /** Color of the background of the button */
     color?: ButtonColors | undefined;
+    themeCustom?: ButtonType | undefined;
     /** Indicates loading of content on the button */
     loader?: boolean | undefined;
     /** This Boolean attribute specifies that the button should have input focus when the page loads */

package/build/src/components/JRCButton/JRCButtonConfig.d.ts

@@ -1,5 +1,6 @@
 import { Colors, ColorsOrShades } from '../../styles/theme';
 import { ButtonColors } from './JRCButton';
+export declare const defaultLinkStyle: ButtonType;
 export type ButtonType = {
     color: Colors;
     background: ColorsOrShades;

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

@@ -1,7 +1,9 @@
 import React from 'react';
 import type { ButtonProps, MenuWithTitleProps, DropdownOptionProps } from './JRCButtonDropdown.types';
+import { ButtonType } from '../JRCButton/JRCButtonConfig';
 export declare const MarginLessJRCButton: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & import("../../types/dataAttributes").DataCy & {
     color?: import("../JRCButton/JRCButton").ButtonColors | undefined;
+    themeCustom?: ButtonType | undefined;
     loader?: boolean | undefined;
     autofocus?: boolean | undefined;
     value?: string | undefined;

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

@@ -0,0 +1,8 @@
+import React from 'react';
+export type JRCCollapseProps = {
+    header: React.ReactNode;
+    content: React.ReactNode;
+    maxHeight?: number;
+    openByDefault?: boolean;
+};
+export declare const JRCCollapse: (props: JRCCollapseProps) => React.JSX.Element;

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

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { Story } from '@storybook/react';
+import { JRCCollapseProps } from './JRCCollapse';
+declare const _default: {
+    title: string;
+    component: (props: JRCCollapseProps) => React.JSX.Element;
+};
+export default _default;
+export declare const Default: Story<JRCCollapseProps>;

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

@@ -2,7 +2,8 @@ import React from 'react';
 type MessageVariants = 'success' | 'error' | 'warning' | 'info';
 export type JRCMessageProps = {
     variant: MessageVariants;
-    message: string | React.ReactNode;
+    message?: string | React.ReactNode;
+    messages?: string[];
 };
-export declare const JRCMessage: ({ variant, message }: JRCMessageProps) => React.JSX.Element;
+export declare const JRCMessage: ({ variant, message, messages }: JRCMessageProps) => React.JSX.Element;
 export {};

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

@@ -18,12 +18,12 @@ export declare const JRCModalContainer: import("styled-components").StyledCompon
 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 JRCModalBody: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    modalOverflow?: "hidden" | "scroll" | "visible" | undefined;
+    modalOverflow?: "hidden" | "auto" | "scroll" | "visible" | undefined;
 }, never>;
 export declare const JRCModalContentFull: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const JRCModalContentScrollbox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const JRCModalHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    modalOverflow?: "hidden" | "scroll" | "visible" | undefined;
+    modalOverflow?: "hidden" | "auto" | "scroll" | "visible" | undefined;
 }, never>;
 export declare const JRCModalFooter: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     modalOverflow?: "hidden" | "scroll" | "visible" | undefined;

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

@@ -85,7 +85,7 @@ export declare const Primary: Story<{
         backgroundColor?: string | undefined;
         borderRadius?: string | undefined;
         fontSize?: string | undefined;
-        buttonSize?: "sm" | "md" | "lg" | undefined;
+        buttonSize?: "md" | "sm" | "lg" | undefined;
         variant?: "contained" | "outlined" | undefined;
         openingType?: "link" | "anchor" | "popup" | undefined;
         openingTypeLink?: {

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

@@ -5,7 +5,7 @@ export type WidgetDatasourceHandlers = Handlers & {
     jamespot: {
         datasource: Omit<JDatasourceApi, 'jApi' | 'network'>;
         network: Pick<Network, 'token' | 'postFile'>;
-        application: Pick<JApplicationApi, 'get' | 'list'>;
+        application: Pick<JApplicationApi, 'studioGet' | 'studioList'>;
         filebank: JFilebankApi;
     };
 };

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

@@ -79,7 +79,7 @@ export declare const useEditorContext: <T = EditorBaseContext<{
     backgroundColor?: string | undefined;
     borderRadius?: string | undefined;
     fontSize?: string | undefined;
-    buttonSize?: "sm" | "md" | "lg" | undefined;
+    buttonSize?: "md" | "sm" | "lg" | undefined;
     variant?: "contained" | "outlined" | undefined;
     openingType?: "link" | "anchor" | "popup" | undefined;
     openingTypeLink?: {

package/build/src/components/api/jamespot/mock_jamespot.d.ts

@@ -12,4 +12,4 @@ export declare const mock_api_network_default: Pick<import("jamespot-user-api").
 export declare const mock_api_network_excel: Pick<import("jamespot-user-api").Network, "token" | "postFile" | "getUrl">;
 export declare const mock_api_datasource_excel: Omit<import("jamespot-user-api").JDatasourceApi, "jApi" | "network">;
 export declare const mock_api_datasource_studio: Omit<import("jamespot-user-api").JDatasourceApi, "jApi" | "network">;
-export declare const mock_api_application: Pick<import("jamespot-user-api").JApplicationApi, "list" | "get">;
+export declare const mock_api_application: Pick<import("jamespot-user-api").JApplicationApi, "studioGet" | "studioList">;

package/build/src/components/api/jamespot/mocks/application/application.d.ts

@@ -3,7 +3,7 @@ export type ApplicationMocks = {
     list: StudioApplicationBase[];
     app: StudioApplicationBase;
 };
-export declare function getApplicationApiMock(mocks: ApplicationMocks): Pick<JApplicationApi, 'get' | 'list'>;
+export declare function getApplicationApiMock(mocks: ApplicationMocks): Pick<JApplicationApi, 'studioGet' | 'studioList'>;
 export declare const mock_studio_datasource_model: DatasourceModel;
 export declare const mock_studio_datasource_data: any;
 export declare const mock_studio_datasource_result: DatasourceResult<any>;

package/build/src/index.d.ts

@@ -98,6 +98,7 @@ export { JRCButtonDropdown } from './components/JRCButtonDropdown/JRCButtonDropd
 export { JRCButtonFile } from './components/JRCButtonFile/JRCButtonFile';
 export { JRCCard } from './components/JRCCard/JRCCard';
 export { JRCCardImg } from './components/JRCCard/JRCCardImg';
+export { JRCCollapse } from './components/JRCCollapse/JRCCollapse';
 export { JRCColumnCenter } from './components/JRCColumnCenter/JRCColumnCenter';
 export { JRCColumnLeft } from './components/JRCColumnLeft/JRCColumnLeft';
 export { JRCColumnRight } from './components/JRCColumnRight/JRCColumnRight';

package/build/src/styles/theme.d.ts

@@ -59,6 +59,8 @@ export type ThemeType = {
         toaster: number;
         fullScreenContainer: number;
         tooltip: number;
+        dropdownModal: number;
+        dropDownModalIcon: number;
     };
     space: {
         xs: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jamespot-react-components",
-  "version": "1.0.236",
+  "version": "1.0.238",
   "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.212",
+    "jamespot-user-api": "^1.0.214",
     "moment": "2.29.4",
     "react": "^17.x",
     "react-beautiful-dnd": "^13.1.1",