jamespot-react-components 1.0.9 → 1.0.66

package/.history/src/components/Form/Input/JRCFormColor/JRCFormColor_20210429154929.tsx

@@ -1,103 +0,0 @@
-import * as React from 'react';
-import { Field } from 'react-final-form';
-import JRCFormLabel from '../../JRCFormLabel/JRCFormLabel';
-import { JRCFormTextField } from '../JRCFormText/JRCFormText';
-import {
-    extraInfoProps,
-    JRCFormFielRenderProps,
-    StyledHelper,
-} from '../JRCFormFieldRender';
-import { ControlsProps, useControls } from '../ReduxFormControls';
-import classNames from 'classnames';
-import { StyledInputColor } from '../JRCStyledInput';
-import { useIntl } from 'react-intl';
-
-export type JRCFormColorInputProps = React.ComponentPropsWithoutRef<'input'>;
-
-export type JRCFormColorFieldProps = JRCFormColorInputProps & ControlsProps;
-
-export const JRCFormColorInput = (props: JRCFormColorInputProps) => {
-    return <StyledInputColor type="color">{props.children}</StyledInputColor>;
-};
-
-export interface JRCFormColorFieldRenderProps extends extraInfoProps {
-    className: string;
-    input: any;
-    children: React.ReactNode;
-    id?: string;
-    type: string;
-    meta: {
-        touched: any;
-        error: string;
-        warning: string;
-    };
-}
-const JRCFormColorFieldRender: React.FunctionComponent<
-    JRCFormColorFieldRenderProps & ControlsProps
-> = ({
-    className,
-    input,
-    label,
-    htmlFor,
-    helper,
-    meta: { touched, error, warning },
-}: JRCFormColorFieldRenderProps & ControlsProps) => {
-    const classes = classNames(
-        { error: touched && error },
-        { valid: touched && !error && input.value !== '' },
-        className
-    );
-    return (
-        <div>
-            <JRCFormLabel
-                htmlFor={htmlFor}
-                touched={touched}
-                error={error}
-                warning={warning}
-            >
-                {label}
-            </JRCFormLabel>
-            <div className={classes}>
-                <StyledInputColor type="color" {...input} />
-                {helper && <StyledHelper>{helper}</StyledHelper>}
-            </div>
-        </div>
-    );
-};
-
-export const JRCFormColorField = (
-    props: JRCFormColorFieldProps & JRCFormFielRenderProps
-) => {
-    const intl = useIntl();
-    const validate = useControls({ ...props, intl });
-    const userAgent = window.navigator.userAgent;
-    const isIE =
-        userAgent.indexOf('MSIE') != -1 || userAgent.indexOf('Trident') != -1;
-    // HTML5 input color does not work on IE
-    if (!isIE)
-        return (
-            <Field
-                component={JRCFormColorFieldRender}
-                validate={validate}
-                {...props}
-            >
-                {({ input, meta }: any) => (
-                    <JRCFormColorFieldRender
-                        type={props.type}
-                        className={props.className}
-                        input={input}
-                        label={props.label}
-                        htmlFor={props.htmlFor}
-                        helper={props.helper}
-                        placeholder={props.placeholder}
-                        meta={meta}
-                        maxLength={props.maxLength}
-                        renderInputFct={renderInput}
-                        {...props}
-                    />
-                )}
-            </Field>
-        );
-    // in that case, just provide an input text to capture the hexa css color code
-    else return <JRCFormTextField {...props} />;
-};

package/.history/src/components/Form/Input/JRCFormColor/JRCFormColor_20210429154941.tsx

@@ -1,99 +0,0 @@
-import * as React from 'react';
-import { Field } from 'react-final-form';
-import JRCFormLabel from '../../JRCFormLabel/JRCFormLabel';
-import { JRCFormTextField } from '../JRCFormText/JRCFormText';
-import {
-    extraInfoProps,
-    JRCFormFielRenderProps,
-    StyledHelper,
-} from '../JRCFormFieldRender';
-import { ControlsProps, useControls } from '../ReduxFormControls';
-import classNames from 'classnames';
-import { StyledInputColor } from '../JRCStyledInput';
-import { useIntl } from 'react-intl';
-
-export type JRCFormColorInputProps = React.ComponentPropsWithoutRef<'input'>;
-
-export type JRCFormColorFieldProps = JRCFormColorInputProps & ControlsProps;
-
-export const JRCFormColorInput = (props: JRCFormColorInputProps) => {
-    return <StyledInputColor type="color">{props.children}</StyledInputColor>;
-};
-
-export interface JRCFormColorFieldRenderProps extends extraInfoProps {
-    className: string;
-    input: any;
-    children: React.ReactNode;
-    id?: string;
-    type: string;
-    meta: {
-        touched: any;
-        error: string;
-        warning: string;
-    };
-}
-const JRCFormColorFieldRender: React.FunctionComponent<
-    JRCFormColorFieldRenderProps & ControlsProps
-> = ({
-    className,
-    input,
-    label,
-    htmlFor,
-    helper,
-    meta: { touched, error, warning },
-}: JRCFormColorFieldRenderProps & ControlsProps) => {
-    const classes = classNames(
-        { error: touched && error },
-        { valid: touched && !error && input.value !== '' },
-        className
-    );
-    return (
-        <div>
-            <JRCFormLabel
-                htmlFor={htmlFor}
-                touched={touched}
-                error={error}
-                warning={warning}
-            >
-                {label}
-            </JRCFormLabel>
-            <div className={classes}>
-                <StyledInputColor type="color" {...input} />
-                {helper && <StyledHelper>{helper}</StyledHelper>}
-            </div>
-        </div>
-    );
-};
-
-export const JRCFormColorField = (
-    props: JRCFormColorFieldProps & JRCFormFielRenderProps
-) => {
-    const intl = useIntl();
-    const validate = useControls({ ...props, intl });
-    const userAgent = window.navigator.userAgent;
-    const isIE =
-        userAgent.indexOf('MSIE') != -1 || userAgent.indexOf('Trident') != -1;
-    // HTML5 input color does not work on IE
-    if (!isIE)
-        return (
-            <Field name={props.name} validate={validate} {...props}>
-                {({ input, meta }: any) => (
-                    <JRCFormColorFieldRender
-                        type={props.type}
-                        className={props.className}
-                        input={input}
-                        label={props.label}
-                        htmlFor={props.htmlFor}
-                        helper={props.helper}
-                        placeholder={props.placeholder}
-                        meta={meta}
-                        maxLength={props.maxLength}
-                        renderInputFct={renderInput}
-                        {...props}
-                    />
-                )}
-            </Field>
-        );
-    // in that case, just provide an input text to capture the hexa css color code
-    else return <JRCFormTextField {...props} />;
-};

package/.history/src/components/Form/Input/JRCFormColor/JRCFormColor_20210429155002.tsx

@@ -1,98 +0,0 @@
-import * as React from 'react';
-import { Field } from 'react-final-form';
-import JRCFormLabel from '../../JRCFormLabel/JRCFormLabel';
-import { JRCFormTextField } from '../JRCFormText/JRCFormText';
-import {
-    extraInfoProps,
-    JRCFormFielRenderProps,
-    StyledHelper,
-} from '../JRCFormFieldRender';
-import { ControlsProps, useControls } from '../ReduxFormControls';
-import classNames from 'classnames';
-import { StyledInputColor } from '../JRCStyledInput';
-import { useIntl } from 'react-intl';
-
-export type JRCFormColorInputProps = React.ComponentPropsWithoutRef<'input'>;
-
-export type JRCFormColorFieldProps = JRCFormColorInputProps & ControlsProps;
-
-export const JRCFormColorInput = (props: JRCFormColorInputProps) => {
-    return <StyledInputColor type="color">{props.children}</StyledInputColor>;
-};
-
-export interface JRCFormColorFieldRenderProps extends extraInfoProps {
-    className: string;
-    input: any;
-    children: React.ReactNode;
-    id?: string;
-    type: string;
-    meta: {
-        touched: any;
-        error: string;
-        warning: string;
-    };
-}
-const JRCFormColorFieldRender: React.FunctionComponent<
-    JRCFormColorFieldRenderProps & ControlsProps
-> = ({
-    className,
-    input,
-    label,
-    htmlFor,
-    helper,
-    meta: { touched, error, warning },
-}: JRCFormColorFieldRenderProps & ControlsProps) => {
-    const classes = classNames(
-        { error: touched && error },
-        { valid: touched && !error && input.value !== '' },
-        className
-    );
-    return (
-        <div>
-            <JRCFormLabel
-                htmlFor={htmlFor}
-                touched={touched}
-                error={error}
-                warning={warning}
-            >
-                {label}
-            </JRCFormLabel>
-            <div className={classes}>
-                <StyledInputColor type="color" {...input} />
-                {helper && <StyledHelper>{helper}</StyledHelper>}
-            </div>
-        </div>
-    );
-};
-
-export const JRCFormColorField = (
-    props: JRCFormColorFieldProps & JRCFormFielRenderProps
-) => {
-    const intl = useIntl();
-    const validate = useControls({ ...props, intl });
-    const userAgent = window.navigator.userAgent;
-    const isIE =
-        userAgent.indexOf('MSIE') != -1 || userAgent.indexOf('Trident') != -1;
-    // HTML5 input color does not work on IE
-    if (!isIE)
-        return (
-            <Field name={props.name} validate={validate} {...props}>
-                {({ input, meta }: any) => (
-                    <JRCFormColorFieldRender
-                        type={props.type}
-                        className={props.className}
-                        input={input}
-                        label={props.label}
-                        htmlFor={props.htmlFor}
-                        helper={props.helper}
-                        placeholder={props.placeholder}
-                        meta={meta}
-                        maxLength={props.maxLength}
-                        {...props}
-                    />
-                )}
-            </Field>
-        );
-    // in that case, just provide an input text to capture the hexa css color code
-    else return <JRCFormTextField {...props} />;
-};

package/.history/src/components/Form/Input/JRCFormColor/JRCFormColor_20210429155402.tsx

@@ -1,99 +0,0 @@
-import * as React from 'react';
-import { Field } from 'react-final-form';
-import JRCFormLabel from '../../JRCFormLabel/JRCFormLabel';
-import { JRCFormTextField } from '../JRCFormText/JRCFormText';
-import {
-    extraInfoProps,
-    JRCFormFielRenderProps,
-    StyledHelper,
-} from '../JRCFormFieldRender';
-import { ControlsProps, useControls } from '../ReduxFormControls';
-import classNames from 'classnames';
-import { StyledInputColor } from '../JRCStyledInput';
-import { useIntl } from 'react-intl';
-
-export type JRCFormColorInputProps = React.ComponentPropsWithoutRef<'input'>;
-
-export type JRCFormColorFieldProps = JRCFormColorInputProps & ControlsProps;
-
-export const JRCFormColorInput = (props: JRCFormColorInputProps) => {
-    return <StyledInputColor type="color">{props.children}</StyledInputColor>;
-};
-
-export interface JRCFormColorFieldRenderProps extends extraInfoProps {
-    className: string;
-    input: any;
-    children: React.ReactNode;
-    id?: string;
-    type: string;
-    meta: {
-        touched: any;
-        error: string;
-        warning: string;
-    };
-}
-const JRCFormColorFieldRender: React.FunctionComponent<
-    JRCFormColorFieldRenderProps & ControlsProps
-> = ({
-    className,
-    input,
-    label,
-    htmlFor,
-    helper,
-    meta: { touched, error, warning },
-}: JRCFormColorFieldRenderProps & ControlsProps) => {
-    const classes = classNames(
-        { error: touched && error },
-        { valid: touched && !error && input.value !== '' },
-        className
-    );
-    return (
-        <div>
-            <JRCFormLabel
-                htmlFor={htmlFor}
-                touched={touched}
-                error={error}
-                warning={warning}
-            >
-                {label}
-            </JRCFormLabel>
-            <div className={classes}>
-                <StyledInputColor type="color" {...input} />
-                {helper && <StyledHelper>{helper}</StyledHelper>}
-            </div>
-        </div>
-    );
-};
-
-export const JRCFormColorField = (
-    props: JRCFormColorFieldProps & JRCFormFielRenderProps
-) => {
-    const intl = useIntl();
-    const validate = useControls({ ...props, intl });
-    const userAgent = window.navigator.userAgent;
-    const isIE =
-        userAgent.indexOf('MSIE') != -1 || userAgent.indexOf('Trident') != -1;
-    // HTML5 input color does not work on IE
-    if (!isIE)
-        return (
-            <Field name={props.name} validate={validate} {...props}>
-                {({ input, meta }: any) => (
-                    <JRCFormColorFieldRender
-                        type={props.type}
-                        className={props.className}
-                        input={input}
-                        label={props.label}
-                        htmlFor={props.htmlFor}
-                        helper={props.helper}
-                        placeholder={props.placeholder}
-                        meta={meta}
-                        maxLength={props.maxLength}
-                        children={props.children}
-                        {...props}
-                    />
-                )}
-            </Field>
-        );
-    // in that case, just provide an input text to capture the hexa css color code
-    else return <JRCFormTextField {...props} />;
-};

package/.history/src/components/Form/Input/JRCFormDate/JRCFormDate_20210415092917.tsx

@@ -1,43 +0,0 @@
-import * as React from 'react';
-import { useIntl } from 'react-intl';
-import { Field } from 'redux-form';
-import JRCFormFieldRender, { entryProps } from '../JRCFormFieldRender';
-import { StyledInput } from '../JRCStyledInput';
-import { StyledDate } from '../JRCStyledInput';
-
-import { ControlsProps, useControls } from '../ReduxFormControls';
-
-export type JRCFormDateInputProps = React.ComponentPropsWithoutRef<'input'>;
-
-export type JRCFormDateFieldProps = JRCFormDateInputProps & ControlsProps;
-
-export const JRCFormDateInput = (props: JRCFormDateInputProps) => {
-    return (
-        <StyledInput type="date" {...props}>
-            {props.children}
-        </StyledInput>
-    );
-};
-
-const renderInputDate = ({ input, placeholder, classes }: entryProps) => {
-    return (
-        <StyledDate
-            {...input}
-            placeholder={placeholder}
-            type={'date'}
-            className={classes}
-        />
-    );
-};
-export const JRCFormDateField = (props: JRCFormDateFieldProps) => {
-    const intl = useIntl();
-    const validate = useControls({ ...props, intl });
-    return (
-        <Field
-            component={JRCFormFieldRender}
-            renderInputFct={renderInputDate}
-            validate={validate}
-            {...props}
-        />
-    );
-};

package/.history/src/components/Form/Input/JRCFormDate/JRCFormDate_20210429114401.tsx

@@ -1,43 +0,0 @@
-import * as React from 'react';
-import { useIntl } from 'react-intl';
-import { Field } from 'react-final-form';
-import JRCFormFieldRender, { entryProps } from '../JRCFormFieldRender';
-import { StyledInput } from '../JRCStyledInput';
-import { StyledDate } from '../JRCStyledInput';
-
-import { ControlsProps, useControls } from '../ReduxFormControls';
-
-export type JRCFormDateInputProps = React.ComponentPropsWithoutRef<'input'>;
-
-export type JRCFormDateFieldProps = JRCFormDateInputProps & ControlsProps;
-
-export const JRCFormDateInput = (props: JRCFormDateInputProps) => {
-    return (
-        <StyledInput type="date" {...props}>
-            {props.children}
-        </StyledInput>
-    );
-};
-
-const renderInputDate = ({ input, placeholder, classes }: entryProps) => {
-    return (
-        <StyledDate
-            {...input}
-            placeholder={placeholder}
-            type={'date'}
-            className={classes}
-        />
-    );
-};
-export const JRCFormDateField = (props: JRCFormDateFieldProps) => {
-    const intl = useIntl();
-    const validate = useControls({ ...props, intl });
-    return (
-        <Field
-            component={JRCFormFieldRender}
-            renderInputFct={renderInputDate}
-            validate={validate}
-            {...props}
-        />
-    );
-};

package/.history/src/components/Form/Input/JRCFormDate/JRCFormDate_20210429154559.tsx

@@ -1,43 +0,0 @@
-import * as React from 'react';
-import { useIntl } from 'react-intl';
-import { Field } from 'react-final-form';
-import JRCFormFieldRender, { entryProps } from '../JRCFormFieldRender';
-import { StyledInput } from '../JRCStyledInput';
-import { StyledDate } from '../JRCStyledInput';
-
-import { ControlsProps, useControls } from '../ReduxFormControls';
-
-export type JRCFormDateInputProps = React.ComponentPropsWithoutRef<'input'>;
-
-export type JRCFormDateFieldProps = JRCFormDateInputProps & ControlsProps;
-
-export const JRCFormDateInput = (props: JRCFormDateInputProps) => {
-    return (
-        <StyledInput type="date" {...props}>
-            {props.children}
-        </StyledInput>
-    );
-};
-
-const renderInputDate = ({ input, placeholder, classes }: entryProps) => {
-    return (
-        <StyledDate
-            {...input}
-            placeholder={placeholder}
-            type={'date'}
-            className={classes}
-        />
-    );
-};
-export const JRCFormDateField = (props: JRCFormDateFieldProps) => {
-    const intl = useIntl();
-    const validate = useControls({ ...props, intl });
-    return (
-        <Field
-            component={JRCFormFieldRender}
-            renderInputFct={renderInputDate}
-            validate={validate}
-            {...props}
-        ></Field>
-    );
-};

package/.history/src/components/Form/Input/JRCFormDate/JRCFormDate_20210429154606.tsx

@@ -1,59 +0,0 @@
-import * as React from 'react';
-import { useIntl } from 'react-intl';
-import { Field } from 'react-final-form';
-import JRCFormFieldRender, { entryProps } from '../JRCFormFieldRender';
-import { StyledInput } from '../JRCStyledInput';
-import { StyledDate } from '../JRCStyledInput';
-
-import { ControlsProps, useControls } from '../ReduxFormControls';
-
-export type JRCFormDateInputProps = React.ComponentPropsWithoutRef<'input'>;
-
-export type JRCFormDateFieldProps = JRCFormDateInputProps & ControlsProps;
-
-export const JRCFormDateInput = (props: JRCFormDateInputProps) => {
-    return (
-        <StyledInput type="date" {...props}>
-            {props.children}
-        </StyledInput>
-    );
-};
-
-const renderInputDate = ({ input, placeholder, classes }: entryProps) => {
-    return (
-        <StyledDate
-            {...input}
-            placeholder={placeholder}
-            type={'date'}
-            className={classes}
-        />
-    );
-};
-export const JRCFormDateField = (props: JRCFormDateFieldProps) => {
-    const intl = useIntl();
-    const validate = useControls({ ...props, intl });
-    return (
-        <Field
-            component={JRCFormFieldRender}
-            renderInputFct={renderInputDate}
-            validate={validate}
-            {...props}
-        >
-            {({ input, meta }: any) => (
-                <JRCFormFieldRender
-                    type={props.type}
-                    className={props.className}
-                    input={input}
-                    label={props.label}
-                    htmlFor={props.htmlFor}
-                    helper={props.helper}
-                    placeholder={props.placeholder}
-                    meta={meta}
-                    maxLength={props.maxLength}
-                    renderInputFct={renderInput}
-                    {...props}
-                />
-            )}
-        </Field>
-    );
-};

package/.history/src/components/Form/Input/JRCFormDate/JRCFormDate_20210429154624.tsx

@@ -1,54 +0,0 @@
-import * as React from 'react';
-import { useIntl } from 'react-intl';
-import { Field } from 'react-final-form';
-import JRCFormFieldRender, { entryProps } from '../JRCFormFieldRender';
-import { StyledInput } from '../JRCStyledInput';
-import { StyledDate } from '../JRCStyledInput';
-
-import { ControlsProps, useControls } from '../ReduxFormControls';
-
-export type JRCFormDateInputProps = React.ComponentPropsWithoutRef<'input'>;
-
-export type JRCFormDateFieldProps = JRCFormDateInputProps & ControlsProps;
-
-export const JRCFormDateInput = (props: JRCFormDateInputProps) => {
-    return (
-        <StyledInput type="date" {...props}>
-            {props.children}
-        </StyledInput>
-    );
-};
-
-const renderInputDate = ({ input, placeholder, classes }: entryProps) => {
-    return (
-        <StyledDate
-            {...input}
-            placeholder={placeholder}
-            type={'date'}
-            className={classes}
-        />
-    );
-};
-export const JRCFormDateField = (props: JRCFormDateFieldProps) => {
-    const intl = useIntl();
-    const validate = useControls({ ...props, intl });
-    return (
-        <Field name={props.name} validate={validate} {...props}>
-            {({ input, meta }: any) => (
-                <JRCFormFieldRender
-                    type={props.type}
-                    className={props.className}
-                    input={input}
-                    label={props.label}
-                    htmlFor={props.htmlFor}
-                    helper={props.helper}
-                    placeholder={props.placeholder}
-                    meta={meta}
-                    maxLength={props.maxLength}
-                    renderInputFct={renderInput}
-                    {...props}
-                />
-            )}
-        </Field>
-    );
-};