jamespot-react-components 1.0.128 → 1.0.129

package/build/src/components/Form/Input/JRCFormAutocomplete/JRCFormAutocompleteCommunity.d.ts

@@ -4,6 +4,7 @@ import { JRCFormSelectProps } from '../JRCFormSelect/JRCFormSelect';
  * @param props JRCWritableFormInputProps
  * validation props: required
  * @returns JSX.Element
+ * @deprecated use JRCInputAutocomplete and its variants instead
  */
 declare const JRCAutocompleteCommunityField: (props: JRCFormSelectProps<any>) => JSX.Element;
 export { JRCAutocompleteCommunityField };

package/build/src/components/Form/Input/JRCFormAutocomplete/JRCFormAutocompleteTaxonomy.d.ts

@@ -7,6 +7,7 @@ export interface JRCAutocompleteTaxonomyProps extends JRCFormSelectProps<any> {
  * @param props JRCAutocompleteTaxonomyProps
  * validation props: required
  * @returns JSX.Element
+ * @deprecated use JRCInputAutocomplete and its variants instead
  */
 declare const JRCAutocompleteTaxonomyField: (props: JRCAutocompleteTaxonomyProps) => JSX.Element;
 export { JRCAutocompleteTaxonomyField };

package/build/src/components/Form/Input/JRCFormCheckbox/JRCToggle.d.ts

@@ -1,3 +1,6 @@
 import * as React from 'react';
 import { FormInputProps } from '../JRCFormFieldRender';
+/**
+ * @deprecated use JRCInputCheckbox instead
+ */
 export declare const JRCToggle: React.ForwardRefExoticComponent<FormInputProps & React.RefAttributes<HTMLInputElement>>;

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

@@ -4,5 +4,6 @@ import { JRCWritableFormInputProps } from '../JRCFormFieldRender';
  * @param props JRCWritableFormInputProps
  * validation props: required
  * @returns JSX.Element
+ * @deprecated Create a JRCInputColor instead
  */
 export declare const JRCFormColorField: (props: JRCWritableFormInputProps) => JSX.Element;

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

@@ -19,7 +19,13 @@ export interface JRCFormDateTimeCustomProps {
     name?: string;
     id?: string;
 }
+/**
+ * @deprecated Use JRCInputDate instead
+ */
 export declare const JRCFormDateTimeCustomMulti: (props: any) => JSX.Element;
+/**
+ * @deprecated Use JRCInputDate instead
+ */
 export declare const JRCFormDateTimeCustom: (props: JRCFormDateTimeCustomProps) => JSX.Element;
 export interface JRCFormDateProps extends JRCWritableFormInputProps {
     range?: boolean;
@@ -33,5 +39,6 @@ export interface JRCFormDateProps extends JRCWritableFormInputProps {
  * @param props JRCFormDateProps
  * validation props: minValue, maxValue, required
  * @returns JSX.Element
+ * @deprecated Use JRCInputDate instead
  */
 export declare const JRCFormDatetimeField: (props: JRCFormDateProps) => JSX.Element;

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

@@ -4,5 +4,6 @@ import { JRCWritableFormInputProps } from '../JRCFormFieldRender';
  * @param props JRCWritableFormInputProps
  * validation props: required
  * @returns JSX.Element
+ * @deprecated use JRCInputEmail instead
  */
 export declare const JRCFormEmailField: (props: JRCWritableFormInputProps) => JSX.Element;

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

@@ -64,6 +64,7 @@ export declare const StyledDescription: import("styled-components").StyledCompon
  * This render is used for all kin of inputs.
  * @params props FormFieldRenderProps
  * @returns JSX.Element
+ * @deprecated Build component compatible with react-hook-form and using the field renderer from Input/Common instead
  */
 declare const JRCFormFieldRender: (props: FormFieldRenderProps) => JSX.Element;
 export default JRCFormFieldRender;

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

@@ -19,5 +19,11 @@ export interface JRCFormInputFileFieldProps extends React.ComponentPropsWithoutR
     accept?: 'image/png' | 'image/jpg' | 'image/png, image/jpg' | 'image/pdf' | 'image/doc' | 'image/pdf, image/doc';
     input?: WrappedFieldInputProps;
 }
+/**
+ * @deprecated Build a component compatible with react-hook-form instead
+ */
 export declare const JRCFormInputFile: ({ id, required, loading, name, accept, content, icon, multiple, }: JRCFormInputFileProps) => JSX.Element;
+/**
+ * @deprecated Build a component compatible with react-hook-form instead
+ */
 export declare const JRCFormInputFileField: (props: JRCFormInputFileFieldProps) => JSX.Element;

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

@@ -11,6 +11,10 @@ export interface JRCFormInputImageFieldProps extends React.ComponentPropsWithout
 }
 /**
  * Placeholder field used in studio to edit forms. No logic to transfer images is implemented.
+ * @deprecated Use JRCInputImage instead
  */
 export declare const JRCFormInputImage: ({ id, content }: JRCFormInputImageProps) => JSX.Element;
+/**
+ * @deprecated Use JRCInputImage instead
+ */
 export declare const JRCFormInputImageField: (props: JRCFormInputImageFieldProps) => JSX.Element;

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

@@ -4,5 +4,6 @@ import { JRCWritableFormInputProps } from '../JRCFormFieldRender';
  * @param props JRCWritableFormInputProps
  * validation props: minValue, maxValue, required
  * @returns JSX.Element
+ * @deprecated Create a JRCInput alternative compatible with react-hook-form
  */
 export declare const JRCFormNumberField: (props: JRCWritableFormInputProps) => JSX.Element;

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

@@ -10,5 +10,6 @@ export interface JRCFormRangeProps extends JRCWritableFormInputProps {
  * @param props JRCFormRangeProps
  * validation props: minValue, maxValue required
  * @returns JSX.Element
+ * @deprecated use JRCInputRange instead
  */
 export declare const JRCFormRangeField: (props: JRCFormRangeProps) => JSX.Element;

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

@@ -1,5 +1,8 @@
 import * as React from 'react';
 export declare type JRCFormReceiveACopyInputProps = React.ComponentPropsWithoutRef<'input'>;
+/**
+ * @deprecated Create a JRCInput alternative compatible with react-hook-form
+ */
 export declare const JRCFormReceiveACopyField: (props: {
     name: string;
 }) => JSX.Element;

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

@@ -5,6 +5,7 @@ import { EventHandler, EventOrValueHandler } from 'redux-form';
 import { DataCy } from '../../../../types/dataAttributes';
 /**
  * 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 }: {
     editor: Editor | null;

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

@@ -4,8 +4,17 @@ import { ExternalFormFieldRenderProps, InputState } from '../JRCFormFieldRender'
 import { JRCValueLabelProps } from 'components/Form/Common/types';
 import { SelectComponentsConfig } from 'react-select/src/components';
 import { FieldValues } from 'react-hook-form/dist/types';
+/**
+ * @deprecated Use JRCInputSelect alternatives instead
+ */
 export declare const JRCFormSelectInput: (props: any) => JSX.Element;
+/**
+ * @deprecated Use JRCInputSelect alternatives instead
+ */
 export declare const JRCFormSelectAsyncInput: (props: any) => JSX.Element;
+/**
+ * @deprecated Use JRCInputSelect alternatives instead
+ */
 export declare const JRCFormSelectFieldRender: <TValue extends FieldValues = FieldValues>(props: JRCFormSelectProps<TValue> & {
     input: WrappedFieldInputProps;
     inputState: InputState;

package/build/src/components/Form/Input/JRCFormSelect/JRCFormSelectTag.d.ts

@@ -6,6 +6,7 @@ import { FieldValues } from 'react-hook-form/dist/types';
  * @param props JRCFormSelectProps
  * validation props: required
  * @returns JSX.Element
+ * @deprecated Use JRCInputSelect alternatives instead
  */
 declare const JRCFormSelectTagField: <TValue extends FieldValues = FieldValues>(props: JRCFormSelectProps<TValue>) => JSX.Element;
 export { JRCFormSelectTagField };

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

@@ -1,5 +1,8 @@
 import * as React from 'react';
 export declare type JRCFormSendAlertInputProps = React.ComponentPropsWithoutRef<'input'>;
+/**
+ * @deprecated Create or use a JRCInput alternative compatible with react-hook-form instead
+ */
 export declare const JRCFormSendAlertField: (props: {
     name: string;
 }) => JSX.Element;

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

@@ -4,5 +4,6 @@ import { JRCWritableFormInputProps } from '../JRCFormFieldRender';
  * @param props JRCWritableFormInputProps
  * validation props: minLength, maxLength, required
  * @returns JSX.Element
+ * @deprecated Use JRCInputText or JRCInputTextArea instead
  */
 export declare const JRCFormTextField: (props: JRCWritableFormInputProps) => JSX.Element;

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

@@ -20,5 +20,6 @@ export declare const JRCFormTextarea: import("styled-components").StyledComponen
  * @param props TextareaFormInputProps
  * validation props: minLength, maxLength, required
  * @returns JSX.Element
+ * @deprecated Use JRCInputText or JRCInputTextArea instead
  */
 export declare const JRCFormTextareaField: (props: TextareaFormInputProps) => JSX.Element;

package/build/src/components/Form/Input/JRCFormURL/JRCFormUrl.d.ts

@@ -4,5 +4,6 @@ import { JRCWritableFormInputProps } from '../JRCFormFieldRender';
  * @param props JRCWritableFormInputProps
  * validation props: required
  * @returns JSX.Element
+ * @deprecated Create / use a JRCInputAlternative compatible with react-hook-form instead
  */
 export declare const JRCFormUrlField: (props: JRCWritableFormInputProps) => JSX.Element;

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

@@ -278,6 +278,29 @@ export declare const JRCDefaultSelectedOption: import("styled-components").Style
 export declare const TimesIcon: import("styled-components").StyledComponent<"i", any, {
     className: "react-icon icon-times";
 }, "className">;
+export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const InputSelectSearch: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const OptionSelectCell: import("styled-components").StyledComponent<"button", any, {
+    isSelected: boolean;
+}, never>;
+export declare const ModaContentInputSelectList: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ModaContentInputSelect: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const WrapperList: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ModaContentList: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const NoOptionList: import("styled-components").StyledComponent<"div", any, 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?: "center" | "flex-end" | "flex-start" | undefined;
+    y?: "center" | "flex-end" | "flex-start" | undefined;
+    childFull?: boolean | undefined;
+}, never>;
+export declare const IconBefore: import("styled-components").StyledComponent<({ color, variant, name, size, isMargin, className, }: import("../../../JRCIcon/JRCIcon").JRCIconProps) => JSX.Element, any, {
+    left?: number | undefined;
+    top?: number | undefined;
+    height?: number | undefined;
+}, never>;
 export declare const DropdownIndicator: ({ loading, open, onClick, }: {
     loading: boolean;
     open: boolean;

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

@@ -3,15 +3,23 @@ import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
 import { ControllerRenderProps } from 'react-hook-form/dist/types/controller';
 import { DataCy } from '../../../../types/dataAttributes';
 import { FieldValues } from 'react-hook-form/dist/types';
+import { Colors, Shades } from 'styles/theme';
 /**
  * Select
  */
-export declare type NativeSelectProps<T extends FieldValues = FieldValues> = ControllerRenderProps<T> & SelectProps;
-export declare type JRCInputSelectProps<T extends FieldValues = FieldValues> = JRCInputFieldProps<T> & SelectProps;
+export declare type NativeSelectProps<T extends FieldValues = FieldValues> = ControllerRenderProps<T> & SelectProps & IconsProp;
+export declare type JRCInputSelectProps<T extends FieldValues = FieldValues> = JRCInputFieldProps<T> & SelectProps & IconsProp;
 export declare type Getter = ((option: any) => any) | string;
+export declare type IconsProp = {
+    iconBefore?: {
+        icon: string;
+        color?: Colors | Shades | 'inherit';
+        onClick?: () => void;
+    };
+};
 export declare type SelectProps = DataCy & {
     options?: Array<any>;
-    asyncPromise?: (inputValue: string) => Promise<any[]>;
+    asyncPromise?: (inputValue: string, page?: number) => Promise<any[]>;
     multiple?: boolean;
     getLabel?: ((option: any) => any) | string;
     getValue?: ((option: any) => any) | string;
@@ -24,6 +32,10 @@ export declare type SelectProps = DataCy & {
     views?: Array<'folder' | 'user' | 'group' | 'community'>;
     onConfirm?: (values: any) => void;
     hideSelectedOption?: boolean;
+    displayOption?: boolean;
+    displayIndicator?: boolean;
+    getOptionsSelected?: (options: any) => void;
+    setOptionsSelected?: any;
     components?: {
         Option?: React.ComponentType<{
             option: any;

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

@@ -0,0 +1,6 @@
+import { JRCInputSelectProps } from './JRCInputSelect.types';
+import { JRCModalProps } from 'components/JRCModal/JRCModal';
+export declare type JRCInputSelectListProps = JRCInputSelectProps & JRCModalProps & {
+    displayModal?: boolean;
+};
+export declare const JRCInputSelectList: ({ asyncPromise, displayModal, inPlace, width, placeholder, ...props }: JRCInputSelectListProps) => JSX.Element;

package/build/src/components/Form/Input/JRCSelect/JRCInputSelectList.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 InputSelectList: Story<any>;

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

@@ -4,19 +4,25 @@ import { DataCy } from '../../../types/dataAttributes';
  * Input styles are &&& encapsulated in order to go over the reset styles
  * and the not-resseted legacy style set with input[type="toto"]
  */
-export declare const cssCommonStyledInput: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<InputState, any>>;
+export declare type IconsProps = {
+    hasIconBefore?: boolean;
+};
+export declare const cssCommonStyledInput: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<DataCy & {
+    error?: boolean | undefined;
+    valid?: boolean | undefined;
+} & IconsProps, any>>;
 export declare const cssStyledInput: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<InputState, any>>;
 export declare const StyledInput: import("styled-components").StyledComponent<"input", any, DataCy & {
     error?: boolean | undefined;
     valid?: boolean | undefined;
 }, never>;
-export declare type StyledSelectProps = DataCy & {
+export declare type StyledSelectProps = DataCy & IconsProps & {
     searchable?: boolean;
 };
 export declare const StyledSelect: import("styled-components").StyledComponent<"input", any, DataCy & {
     error?: boolean | undefined;
     valid?: boolean | undefined;
-} & {
+} & IconsProps & {
     searchable?: boolean | undefined;
 }, never>;
 export declare const MaxLengthIndicatorContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -10,9 +10,15 @@ export declare type ControlsProps = {
     url?: boolean;
     date?: boolean;
 };
+/**
+ * @deprecated Use react-hook-form instead of redux-form
+ */
 export declare const getControls: (props: ControlsProps & {
     intl: IntlShape;
 }) => (((value: boolean) => string | undefined) | ((value: string) => string | undefined) | ((value: number) => string | undefined))[];
+/**
+ * @deprecated Use react-hook-foorm instead of redux-form
+ */
 export declare const useControls: (props: ControlsProps & {
     intl: IntlShape;
 }) => (((value: boolean) => string | undefined) | ((value: string) => string | undefined) | ((value: number) => string | undefined))[];

package/build/src/index.d.ts

@@ -89,6 +89,7 @@ export { JRCInputFile } from './components/Form/Input/JRCInputFile/JRCInputFile'
 export { JRCInputImage } from './components/Form/Input/JRCInputImage/JRCInputImage';
 export { JRCInputRichText } from './components/Form/Input/JRCInputRichText/JRCInputRichText';
 export { JRCInputSelect } from './components/Form/Input/JRCSelect/JRCInputSelect';
+export { JRCInputSelectList } from './components/Form/Input/JRCSelect/JRCInputSelectList';
 export { JRCInputText } from './components/Form/Input/JRCInputText/JRCInputText';
 export { JRCInputTextIconButton } from './components/Form/Input/JRCInputText/JRCInputTextIconButton';
 export { JRCInputTextarea } from './components/Form/Input/JRCInputTextarea/JRCInputTextarea';

package/build/src/types.d.ts

@@ -7,6 +7,7 @@ export { JRCAppLeftColumnProps, SectionEntry } from './components/JRCAppLeftColu
 export { JRCAutocompleteAudienceProps } from './components/Form/Input/JRCFormAutocomplete/JRCFormAutocompleteAudience';
 export { JRCAutocompleteCommunityProps } from './components/Form/Input/JRCSelect/JRCAutocompleteCommunity';
 export { JRCAutocompleteProps } from './components/Form/Input/JRCSelect/JRCInputSelect.types';
+export { JRCInputSelectListProps } from './components/Form/Input/JRCSelect/JRCInputSelectList';
 export { JRCAutocompleteTaxonomyProps } from './components/Form/Input/JRCFormAutocomplete/JRCFormAutocompleteTaxonomy';
 export { JRCAvatarProps } from './components/JRCAvatar/JRCAvatar';
 export { JRCBaseTooltipProps } from './components/JRCTooltip/JRCBaseTooltip';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "jamespot-react-components",
-    "version": "1.0.128",
+    "version": "1.0.129",
     "description": "",
     "main": "./build/jamespot-react-components.js",
     "types": "./build/src/index.d.ts",