jamespot-react-components 1.0.1 → 1.0.9

package/src/components/Form/Input/JRCFormTextEditor/JRCFormTextEditor.stories.tsx

@@ -1,30 +0,0 @@
-import * as React from 'react';
-import { withReduxForm } from '../../../../storybook/decorators';
-import { JRCWritableFormInputProps } from '../JRCFormFieldRender';
-import { JRCFormTextEditorField } from './JRCFormTextEditor';
-import { Meta, Story } from '@storybook/react';
-
-export default {
-    title: 'Inputs/old',
-    component: JRCFormTextEditorField,
-    decorators: [withReduxForm],
-} as Meta;
-
-const Template: Story<JRCWritableFormInputProps> = (args) => (
-    <>
-        <h1>Deprecated: use RichTextEditor</h1>
-        <JRCFormTextEditorField {...args} />
-    </>
-);
-
-export const InputTextEditor = Template.bind({});
-InputTextEditor.args = {
-    name: 'name-storybook',
-    label: 'Article',
-    description: 'Ecrivez un article captivant pour vos auditeurs, ni trop long, ni trop court, juste suffisant.',
-    placeholder: "Moi, j'aime les haricots",
-    helper: { description: 'Si vis pacem, para bellum', title: 'Indication' },
-    minLength: 3,
-    maxLength: 2500,
-    required: false,
-};

package/src/components/Form/Input/JRCFormTextEditor/JRCFormTextEditor.tsx

@@ -1,36 +0,0 @@
-import * as React from 'react';
-import { Field, WrappedFieldInputProps } from 'redux-form';
-import JRCFormFieldRender, { JRCWritableFormInputProps } from '../JRCFormFieldRender';
-import { useControls } from '../ReduxFormControls';
-import ReactQuill from 'react-quill';
-import 'react-quill/dist/quill.snow.css';
-import { useIntl } from 'react-intl';
-
-const renderInput = (input: WrappedFieldInputProps) => {
-    return <ReactQuill theme="snow" value={input.value} onChange={input.onChange} />;
-};
-
-/**
- * @deprecated The component @link JRCFormRichTextField must be used to replace JRCFormTextEditorField
- * Component used as a rich text editor
- * @param props JRCWritableFormInputProps
- * validation props: minValue, maxValue, required
- * @returns JSX.Element
- */
-export const JRCFormTextEditorField = (props: JRCWritableFormInputProps) => {
-    const validate = useControls({
-        intl: useIntl(),
-        minLength: props.minLength,
-        maxLength: props.maxLength,
-        required: props.required,
-    });
-    return (
-        <Field
-            component={JRCFormFieldRender}
-            renderInputFct={(input: WrappedFieldInputProps) => renderInput(input)}
-            validate={validate}
-            htmlFor={props.name}
-            {...props}
-        />
-    );
-};

package/src/variables.scss

@@ -1,67 +0,0 @@
-//     COLORS     //
-
-//  Primary Color
-$linkColor: rgb(52, 230, 243);
-
-// Originals colors
-$grey: #a7a7a7;
-$blue: #3ec3ef;
-$blueDark: #0064cd;
-$green: #4dbf96;
-$red: #f67370;
-$yellow: #f8d120;
-$orange: #f89406;
-$pink: #c3325f;
-$purple: #7a43b6;
-
-// black to white
-$black: #000000;
-$white: #ffffff;
-
-// --------------------------------- //
-
-//     TEXT     //
-
-// Fonts
-$sansSerif: sans-serif;
-
-// Line height
-$lineHeightBase: 18px;
-
-// Text Color
-$textColor: #3f3f3f;
-$textColorBlur: #858585;
-
-// Text Weights
-$fontWeightLight: 300;
-$fontWeightBase: 400;
-$fontWeightBold: 700;
-
-// Text Sizes
-$fontSizeHeader: 22px;
-$fontSizeTitle: 18px;
-$fontSizeBase: 14.5px;
-$fontSizeSmall: 12px;
-
-// Text Modal Window
-$fontSizeTitleModal: 18px;
-
-// --------------------------------- //
-
-//     PADDINGS & MARGINS (En cours de réflexion)    //
-
-// Paddings
-$paddingLight: 4px;
-$paddingBase: 8px;
-$paddingMedium: 16px;
-$paddingBold: 24px;
-$paddingExtraBold: 32px;
-$paddingBlack: 48px;
-
-// Margins
-$marginLight: 4px;
-$marginBase: 8px;
-$marginMedium: 16px;
-$marginBold: 24px;
-$marginExtraBold: 32px;
-$marginBlack: 48px;