jamespot-react-components 1.0.139 → 1.0.140

package/build/src/components/Form/Input/JRCFormRichText/JRCFormRichTextField.d.ts

@@ -3,14 +3,14 @@ import { Editor } from '@tiptap/react';
 import { JRCWritableFormInputProps } from '../JRCFormFieldRender';
 import { EventHandler, EventOrValueHandler } from 'redux-form';
 import { DataCy } from '../../../../types/dataAttributes';
-import { FormRichTextFieldOptionsProps, FormRichTextFieldToobarProps } from '../JRCInputRichText/JRCInputRichText';
+import { FormRichTextFieldOptionsProps, FormRichTextFieldToolbarProps } from '../JRCInputRichText/JRCInputRichText';
 /**
  * This component is used with redux-form (studio) and with react-hook-form!!
  * @deprecated Split react-hook-form version in a dedicated component and use it instead
  */
 export declare const MenuBar: ({ editor, toolbarOptions, isFixed, }: {
     editor: Editor | null;
-    toolbarOptions: FormRichTextFieldToobarProps[] | '*';
+    toolbarOptions: FormRichTextFieldToolbarProps[] | '*';
     isFixed: boolean;
 }) => JSX.Element | null;
 export declare type RichTextValue = {

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

@@ -7,10 +7,10 @@ import { FieldValues } from 'react-hook-form/dist/types';
  * validation props: required
  * @returns JSX.Element
  */
-export declare type FormRichTextFieldToobarProps = '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';
 export declare type FormRichTextFieldOptionsProps = {
     richTextFixedToolbar: boolean;
-    richTextCustomToolbar: Array<FormRichTextFieldToobarProps>;
+    richTextCustomToolbar: Array<FormRichTextFieldToolbarProps>;
     richTextHideCharactersCount: boolean;
     richTextDefaultFontSize: string;
     richTextFontSize?: string;

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

@@ -1,6 +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 & {
     displayModal?: boolean;
+    setValues: (name: string, values: BaseAutocomplete[]) => void;
 };
-export declare const JRCInputSelectList: ({ asyncPromise, displayModal, inPlace, width, placeholder, ...props }: JRCInputSelectListProps) => JSX.Element;
+export declare const JRCInputSelectList: ({ asyncPromise, displayModal, inPlace, width, placeholder, setValues, control, name, ...props }: JRCInputSelectListProps) => JSX.Element;

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

@@ -1,6 +1,8 @@
+import * as React from 'react';
 import { LimitLinesProps } from '../Common/LimitLines';
 export declare type JRCHtmlProps = LimitLinesProps & {
     className?: string;
-    html: string | undefined;
+    as?: React.ElementType | keyof JSX.IntrinsicElements;
+    __html: string | undefined;
 };
-export declare const JRCHtml: ({ html, ...props }: JRCHtmlProps) => JSX.Element | null;
+export declare const JRCHtml: ({ __html, ...props }: JRCHtmlProps) => JSX.Element | null;

package/build/src/components/JRCHtml/JRCHtml.test.d.ts

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

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

@@ -0,0 +1,2 @@
+export declare const ALLOWED_ATTR: string[];
+export declare function sanitizeHtml(dirtyHtml?: string): string;

package/build/src/utils/utils.html.test.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "jamespot-react-components",
-    "version": "1.0.139",
+    "version": "1.0.140",
     "description": "",
     "main": "./build/jamespot-react-components.js",
     "types": "./build/src/index.d.ts",
@@ -45,6 +45,7 @@
         "@testing-library/user-event": "^13.1.8",
         "@types/chroma-js": "^2.1.3",
         "@types/classnames": "^2.2.10",
+        "@types/dompurify": "^3.0.2",
         "@types/jest": "^27.0.2",
         "@types/node": "^20.3.1",
         "@types/react": "^17.0.2",
@@ -105,7 +106,8 @@
         "@tiptap/suggestion": "^2.0.3",
         "chroma-js": "^2.1.1",
         "classnames": "^2.3.1",
-        "jamespot-user-api": "^1.0.109",
+        "dompurify": "^3.0.5",
+        "jamespot-user-api": "^1.0.110",
         "moment": "^2.29.1",
         "react": "^17.x",
         "react-beautiful-dnd": "^13.1.1",

package/pnpm-lock.yaml

@@ -33,6 +33,7 @@ specifiers:
   '@tiptap/suggestion': ^2.0.3
   '@types/chroma-js': ^2.1.3
   '@types/classnames': ^2.2.10
+  '@types/dompurify': ^3.0.2
   '@types/jest': ^27.0.2
   '@types/node': ^20.3.1
   '@types/react': ^17.0.2
@@ -57,6 +58,7 @@ specifiers:
   classnames: ^2.3.1
   cross-env: ^6.0.3
   css-loader: ^4.2.1
+  dompurify: ^3.0.5
   eslint: ^8.2.0
   eslint-config-prettier: ^8.3.0
   eslint-plugin-react-hooks: ^4.6.0
@@ -117,6 +119,7 @@ dependencies:
   '@tiptap/suggestion': 2.0.3_7qxxgdyo6i4mk7xrbxa2xtsga4
   chroma-js: 2.4.2
   classnames: 2.3.2
+  dompurify: 3.0.5
   jamespot-user-api: link:../jamespot-user-api
   moment: 2.29.4
   react: 17.0.2
@@ -162,6 +165,7 @@ devDependencies:
   '@testing-library/user-event': 13.5.0_yxlyej73nftwmh2fiao7paxmlm
   '@types/chroma-js': 2.4.0
   '@types/classnames': 2.3.1
+  '@types/dompurify': 3.0.2
   '@types/jest': 27.5.2
   '@types/node': 20.3.1
   '@types/react': 17.0.62
@@ -4580,6 +4584,12 @@ packages:
       '@types/node': 20.3.1
     dev: true
 
+  /@types/dompurify/3.0.2:
+    resolution: {integrity: sha512-YBL4ziFebbbfQfH5mlC+QTJsvh0oJUrWbmxKMyEdL7emlHJqGR2Qb34TEFKj+VCayBvjKy3xczMFNhugThUsfQ==}
+    dependencies:
+      '@types/trusted-types': 2.0.3
+    dev: true
+
   /@types/eslint-scope/3.7.4:
     resolution: {integrity: sha512-9K4zoImiZc3HlIp6AVUDE4CWYx22a+lhSZMYNpbjW04+YF0KWj4pJXnEMjdnFTiQibFFmElcsasJXDbdI/EPhA==}
     dependencies:
@@ -4936,6 +4946,10 @@ packages:
     resolution: {integrity: sha512-5eQEtSCoESnh2FsiLTxE121IiE60hnMqcb435fShf4bpLRjEu1Eoekht23y6zXS9Ts3l+Szu3TARnTsA0GkOkQ==}
     dev: false
 
+  /@types/trusted-types/2.0.3:
+    resolution: {integrity: sha512-NfQ4gyz38SL8sDNrSixxU2Os1a5xcdFxipAFxYEuLUlvU2uDwS4NUpsImcf1//SlWItCVMMLiylsxbmNMToV/g==}
+    dev: true
+
   /@types/uglify-js/3.17.1:
     resolution: {integrity: sha512-GkewRA4i5oXacU/n4MA9+bLgt5/L3F1mKrYvFGm7r2ouLXhRKjuWwo9XHNnbx6WF3vlGW21S3fCvgqxvxXXc5g==}
     dependencies:
@@ -7555,6 +7569,10 @@ packages:
       domelementtype: 2.3.0
     dev: true
 
+  /dompurify/3.0.5:
+    resolution: {integrity: sha512-F9e6wPGtY+8KNMRAVfxeCOHU0/NPWMSENNq4pQctuXRqqdEPW7q3CrLbR5Nse044WwacyjHGOMlvNsBe1y6z9A==}
+    dev: false
+
   /domutils/2.8.0:
     resolution: {integrity: sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==}
     dependencies: