jamespot-react-components 1.0.142 → 1.0.144

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

@@ -7,7 +7,7 @@ import { FieldValues } from 'react-hook-form/dist/types';
  * validation props: required
  * @returns JSX.Element
  */
-export declare type FormRichTextFieldToolbarProps = 'font-size' | 'text-color' | 'bold' | 'italic' | 'underline' | 'strikethrough' | 'list-ul' | 'list-ol' | 'align-left' | 'align-center' | 'align-right' | 'align-justify' | 'link' | 'undo' | 'redo';
+export declare type FormRichTextFieldToolbarProps = 'font-size' | 'text-color' | 'bold' | 'italic' | 'underline' | 'strikethrough' | 'list-ul' | 'list-ol' | 'align-left' | 'align-center' | 'align-right' | 'align-justify' | 'link' | 'undo' | 'redo' | 'edit-html';
 export declare type FormRichTextFieldOptionsProps = {
     richTextFixedToolbar: boolean;
     richTextCustomToolbar: Array<FormRichTextFieldToolbarProps>;

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

@@ -289,21 +289,12 @@ export declare const InputSelectSearch: import("styled-components").StyledCompon
 export declare const OptionSelectCell: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
     isSelected: boolean;
 }, never>;
-export declare const ModaContentInputSelectList: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const ModaContentInputSelect: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const ModalContentInputSelectList: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const ModalContentInputSelect: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const FlexBoxTreeDescription: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {}, never>;
-export declare const FlexBoxTree: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Omit<import("../../../Common/FastCss").FastCssProps, "display"> & {
-    direction?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
-    inline?: boolean | undefined;
-    flex?: string | boolean | undefined;
-    gap?: number | undefined;
-    x?: "space-around" | "space-between" | "space-evenly" | "center" | "flex-end" | "flex-start" | undefined;
-    y?: "space-around" | "space-between" | "space-evenly" | "center" | "flex-end" | "flex-start" | undefined;
-    childFull?: boolean | undefined;
-}, never>;
 export declare const NoResult: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const WrapperList: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const ModaContentList: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const ModalContentList: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const NoOptionList: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Omit<import("../../../Common/FastCss").FastCssProps, "display"> & {
     direction?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
     inline?: boolean | undefined;

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

@@ -1,59 +1,19 @@
 import * as React from 'react';
 import { JRCInputSelectProps } from './JRCInputSelect.types';
 import { JRCModalProps } from 'components/JRCModal/JRCModal';
-export declare type JRCInputSelectHierarchicalTreeProps = JRCInputSelectProps & JRCModalProps & {
-    hierarchicalTaxonomyPromise: (uriConcept: string) => Promise<any[]>;
+import { AutoCompeteConcept, PagingResults } from 'jamespot-user-api';
+export declare type JRCInputSelectHierarchicalTreeProps = Omit<JRCInputSelectProps, 'asyncPromise'> & JRCModalProps & {
+    asyncPromise?: (inputValue: string, page?: number) => Promise<PagingResults<any>>;
+    hierarchicalTaxonomyPromise: (uriConcept: string) => Promise<PagingResults<AutoCompeteConcept>>;
     displayModal?: boolean;
     checkboxOptions: Array<{
         label: string;
         value: any;
     }>;
 };
-export declare type SKOSTree = {
-    title: string;
-    uri: string;
-};
-export declare const JRCInputSelectHierarchicalTree: React.ForwardRefExoticComponent<import("../Common/JRCFormFieldRenderer.types").FieldRenderProps & Required<Pick<import("react-hook-form").UseControllerProps<import("react-hook-form").FieldValues, string>, "name" | "control">> & {
-    rules?: import("../Common/useFormControls").FormControls | undefined;
-    rulesValidate?: import("react-hook-form").Validate<any> | Record<string, import("react-hook-form").Validate<any>> | undefined;
-    margin?: string | undefined;
-    width?: string | undefined;
-    readOnly?: boolean | undefined;
-} & import("../../../../types/dataAttributes").DataCy & {
-    options?: any[] | undefined;
-    asyncPromise?: ((inputValue: string, page?: number | undefined) => Promise<any[]>) | undefined;
-    multiple?: boolean | undefined;
-    getLabel?: string | ((option: any) => any) | undefined;
-    getValue?: string | ((option: any) => any) | undefined;
-    disabled?: boolean | undefined;
-    readOnly?: boolean | undefined;
-    placeholder?: string | undefined;
-    searchable?: boolean | undefined;
-    getSearch?: string | ((option: any) => any) | undefined;
-    group?: boolean | undefined;
-    getGroup?: string | ((option: any) => any) | undefined;
-    views?: ("group" | "user" | "folder" | "community")[] | undefined;
-    onConfirm?: ((values: any) => void) | undefined;
-    hideSelectedOption?: boolean | undefined;
-    hideDeleteIcon?: boolean | undefined;
-    displayOption?: boolean | undefined;
-    displayIndicator?: boolean | undefined;
-    getOptionsSelected?: ((options: any) => void) | undefined;
-    setOptionsSelected?: any;
-    components?: {
-        Option?: React.ComponentType<{
-            option: any;
-        }> | undefined;
-        SelectedOption?: React.ComponentType<{
-            option: any;
-        }> | undefined;
-    } | undefined;
-    showAsyncResultOnEmptySearch?: boolean | undefined;
-    className?: string | undefined;
-    htmlFor?: string | undefined;
-    required?: boolean | undefined;
-} & import("./JRCInputSelect.types").IconsProp & JRCModalProps & {
-    hierarchicalTaxonomyPromise: (uriConcept: string) => Promise<any[]>;
+export declare const JRCInputSelectHierarchicalTree: React.ForwardRefExoticComponent<Omit<JRCInputSelectProps<import("react-hook-form").FieldValues>, "asyncPromise"> & JRCModalProps & {
+    asyncPromise?: ((inputValue: string, page?: number | undefined) => Promise<PagingResults<any>>) | undefined;
+    hierarchicalTaxonomyPromise: (uriConcept: string) => Promise<PagingResults<AutoCompeteConcept>>;
     displayModal?: boolean | undefined;
     checkboxOptions: Array<{
         label: string;

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

@@ -1,7 +1,8 @@
 import { JRCInputSelectProps } from './JRCInputSelect.types';
 import { JRCModalProps } from 'components/JRCModal/JRCModal';
-import { BaseAutocomplete } from 'jamespot-user-api';
-export declare type JRCInputSelectListProps = JRCInputSelectProps & JRCModalProps & {
+import { BaseAutocomplete, PagingResults } from 'jamespot-user-api';
+export declare type JRCInputSelectListProps = Omit<JRCInputSelectProps, 'asyncPromise'> & JRCModalProps & {
+    asyncPromise?: (inputValue: string, page?: number) => Promise<PagingResults<any>>;
     displayModal?: boolean;
     setValues: (name: string, values: BaseAutocomplete[]) => void;
 };

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

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { AutoCompeteConcept, PagingResults } from 'jamespot-user-api';
+declare type SelectHierarchicalTreeModalProps = {
+    hierarchicalTaxonomyPromise: (uriConcept: string) => Promise<PagingResults<AutoCompeteConcept>>;
+    close: () => void;
+    inPlace: boolean;
+    options: any[];
+    updateOptions: (options: any[]) => void;
+};
+export declare type SKOSTree = {
+    title: string;
+    uri: string;
+};
+declare const SelectHierarchicalTreeModal: React.FC<SelectHierarchicalTreeModalProps>;
+export default SelectHierarchicalTreeModal;

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

@@ -6,6 +6,7 @@ import { DataCy } from '../../../types/dataAttributes';
  */
 export declare type IconsProps = {
     hasIconBefore?: boolean;
+    hasIconAfter?: boolean;
 };
 export declare const cssCommonStyledInput: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<DataCy & {
     error?: boolean | undefined;

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

@@ -3,9 +3,9 @@ import { JRCButtonProps } from 'components/JRCButton/JRCButton';
 import { MessageType } from 'components/Common/util/getColor.util';
 export interface JRCAlertProps extends React.ComponentPropsWithoutRef<'div'> {
     /** Alert title */
-    label: string;
+    label: string | React.ReactNode;
     /** Main content of the alert */
-    description?: string;
+    description?: string | React.ReactNode;
     /** Define the type of alert */
     type?: MessageType;
     /** Add a loader which will make the alert disappear after the timeout */

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

@@ -4,9 +4,10 @@ import { ButtonType } from './JRCButtonConfig';
 import { DataCy } from '../../types/dataAttributes';
 import { DashedFocusBorderProps } from '../Common/DashedFocusBorder';
 import { JRCTooltipProps } from '../JRCTooltip/JRCTooltip';
+export declare type ButtonColors = 'primary' | 'valid' | 'danger' | 'secondary' | 'cancel';
 export declare type JRCButtonProps = React.ComponentPropsWithoutRef<'button'> & DataCy & {
     /** Color of the background of the button */
-    color?: 'primary' | 'valid' | 'danger' | 'secondary';
+    color?: ButtonColors;
     /** Indicates loading of content on the button */
     loader?: boolean;
     /** This Boolean attribute specifies that the button should have input focus when the page loads */
@@ -39,7 +40,7 @@ export declare const Button: import("styled-components").StyledComponent<"button
     hasLabel: boolean;
 } & Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>> & DataCy & {
     /** Color of the background of the button */
-    color?: "primary" | "secondary" | "valid" | "danger" | undefined;
+    color?: ButtonColors | 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 */
@@ -65,7 +66,7 @@ export declare const Button: import("styled-components").StyledComponent<"button
 } & DashedFocusBorderProps, never>;
 export declare const JRCButton: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>> & DataCy & {
     /** Color of the background of the button */
-    color?: "primary" | "secondary" | "valid" | "danger" | undefined;
+    color?: ButtonColors | 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

@@ -52,6 +52,19 @@ export declare const BUTTON_CONFIG: {
                 border: string;
             };
         };
+        cancel: {
+            color: string;
+            background: string;
+            border: string;
+            active: {
+                background: string;
+                border: string;
+            };
+            hover: {
+                background: string;
+                border: string;
+            };
+        };
         disabled: {
             color: string;
             background: string;
@@ -119,6 +132,19 @@ export declare const BUTTON_CONFIG: {
                 border: string;
             };
         };
+        cancel: {
+            color: string;
+            background: string;
+            border: string;
+            active: {
+                background: string;
+                border: string;
+            };
+            hover: {
+                background: string;
+                border: string;
+            };
+        };
         disabled: {
             color: string;
             background: string;
@@ -194,6 +220,21 @@ export declare const BUTTON_CONFIG: {
                 'text-decoration': string;
             };
         };
+        cancel: {
+            color: string;
+            background: string;
+            border: string;
+            active: {
+                background: string;
+                border: string;
+                'text-decoration': string;
+            };
+            hover: {
+                background: string;
+                border: string;
+                'text-decoration': string;
+            };
+        };
         disabled: {
             color: string;
             background: string;

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

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

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

@@ -1,18 +1,19 @@
 import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { ButtonColors } from '../JRCButton/JRCButton';
 import { ModalBorderRadius } from './JRCModal.styles';
 /**
  * Interface to provide Modal Buttons
- * @member color button color "primary" | "red" | "green" | "grey"
+ * @member color button color ButtonColors
  * @member isClosed optional boolean (default false). If true, when click on the button, the modal is closes
  * @member clickHandler optional, callback when the button is click
  * @member children default ReactNode children in the Modal content
  */
 export interface JRCModalButtonType extends ComponentPropsWithoutRef<'button'> {
     children: ReactNode;
-    color?: 'primary' | 'valid' | 'danger';
+    color?: ButtonColors;
     variant?: 'contained' | 'outlined';
     isClosed?: boolean;
-    clickHandler?: () => void;
+    clickHandler?: () => Promise<void>;
     dataCy?: string;
 }
 /**

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

@@ -22,7 +22,7 @@ export declare type Colors = 'primary' | 'secondary' | 'headerColor' | 'headerTe
 declare type ThemeConfigColorType = {
     [color in Colors]: string;
 };
-export declare type Shades = 'primaryL15' | 'primaryL80' | 'primaryL90' | 'primaryD20' | 'greenL20' | 'greenL80' | 'greenL90' | 'greenD20' | 'orangeL15' | 'orangeL80' | 'orangeL90' | 'orangeD20';
+export declare type Shades = 'primaryL15' | 'primaryL80' | 'primaryL90' | 'primaryD20' | 'secondaryL15' | 'secondaryL80' | 'secondaryL90' | 'secondaryD20' | 'greenL20' | 'greenL80' | 'greenL90' | 'greenD20' | 'orangeL15' | 'orangeL80' | 'orangeL90' | 'orangeD20';
 declare type ThemeConfigShadeType = {
     [color in Shades]: string;
 };

package/build/src/types.d.ts

@@ -49,7 +49,7 @@ export { JRCInputCheckboxProps, InputCheckboxProps, CheckboxValue, CheckboxOptio
 export { JRCInputDateProps } from './components/Form/Input/JRCInputDate/JRCInputDate';
 export { JRCInputFileProps } from './components/Form/Input/JRCInputFile/JRCInputFile';
 export { JRCInputImageProps } from './components/Form/Input/JRCInputImage/JRCInputImage';
-export { JRCInputFieldProps } from './components/Form/Input/Common/JRCFormFieldRenderer.types';
+export { JRCInputFieldProps, NameControl } from './components/Form/Input/Common/JRCFormFieldRenderer.types';
 export { JRCInputSelectProps } from './components/Form/Input/JRCSelect/JRCInputSelect.types';
 export { JRCInputTextareaProps } from './components/Form/Input/JRCInputTextarea/JRCInputTextarea';
 export { JRCInputTextProps } from './components/Form/Input/JRCInputText/JRCInputText';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "jamespot-react-components",
-    "version": "1.0.142",
+    "version": "1.0.144",
     "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.112",
+        "jamespot-user-api": "^1.0.114",
         "moment": "^2.29.1",
         "react": "^17.x",
         "react-beautiful-dnd": "^13.1.1",