jamespot-react-components 1.0.0

package/src/styles/theme.tsx

@@ -0,0 +1,201 @@
+import utils from './utils';
+
+export interface ITheme {
+    config: ThemeType;
+    get: () => ThemeType;
+    initTheme: (options: ThemeConfigOptions) => void;
+}
+
+export type ThemeConfigOptions = {
+    linkColor: string;
+    buttonColor: string;
+    headerColor: string;
+    headerTextColor: string;
+    headerUserBackground: string;
+    headerUserTextColor: string;
+    headerSearchBarTextColor: string;
+    headerSearchBarBackgroundColor: string;
+    navBackground: string;
+    navTextColor: string;
+    bgColorNotLogged: string;
+};
+
+export type Colors =
+    | 'primary'
+    | 'secondary'
+    | 'headerColor'
+    | 'headerTextColor'
+    | 'headerUserBackground'
+    | 'headerUserTextColor'
+    | 'headerSearchBarTextColor'
+    | 'headerSearchBarBackgroundColor'
+    | 'lavender'
+    | 'orange'
+    | 'yellow'
+    | 'green'
+    | 'navy'
+    | 'overseas'
+    | 'grey0'
+    | 'grey1'
+    | 'grey2'
+    | 'grey3'
+    | 'grey4'
+    | 'grey5'
+    | 'grey6'
+    | 'black'
+    | 'black10'
+    | 'black15'
+    | 'black20'
+    | 'white';
+type ThemeConfigColorType = { [color in Colors]: string };
+
+//                    contained hover | outlined pressed | outlined hover | contained pressed
+export type Shades =
+    | 'primaryL15'
+    | 'primaryL80'
+    | 'primaryL90'
+    | 'primaryD20'
+    | 'greenL20'
+    | 'greenL80'
+    | 'greenL90'
+    | 'greenD20'
+    | 'orangeL15'
+    | 'orangeL80'
+    | 'orangeL90'
+    | 'orangeD20';
+type ThemeConfigShadeType = { [color in Shades]: string };
+
+export type FontWeight = {
+    normal: number;
+    medium: number;
+    bold: number;
+};
+
+export type ThemeType = {
+    font: {
+        family: string;
+        color: string;
+        hrefColor: string;
+        size: string;
+        lineHeight: string;
+        fontWeight: number;
+        weight: FontWeight;
+    };
+    color: ThemeConfigColorType & ThemeConfigShadeType;
+};
+
+const Theme: ITheme = {
+    // FIXME TYPESCRIPT-STRICT
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    config: null,
+    get: function (): ThemeType {
+        if (this.config === null) {
+            // FIXME TYPESCRIPT-STRICT
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            // @ts-ignore
+            this.initTheme();
+        }
+        return this.config;
+    },
+    initTheme: function (options?: ThemeConfigOptions) {
+        const defaultColors: ThemeConfigColorType = {
+            primary: options && options.buttonColor ? options.buttonColor : '#8F7CEA',
+            secondary: options && options.linkColor ? options.linkColor : '#8F7CEA',
+
+            // FIXME TYPESCRIPT-STRICT
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            // @ts-ignore
+            headerColor: options && options.headerColor,
+
+            // FIXME TYPESCRIPT-STRICT
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            // @ts-ignore
+            headerTextColor: options && options.headerTextColor,
+
+            // FIXME TYPESCRIPT-STRICT
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            // @ts-ignore
+            headerUserBackground: options && options.headerUserBackground,
+
+            // FIXME TYPESCRIPT-STRICT
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            // @ts-ignore
+            headerUserTextColor: options && options.headerUserTextColor,
+
+            // FIXME TYPESCRIPT-STRICT
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            // @ts-ignore
+            // header
+            SearchBarTextColor: options && options.headerSearchBarTextColor,
+            headerSearchBarBackgroundColor:
+                options && options.headerSearchBarBackgroundColor
+                    ? options.headerSearchBarBackgroundColor
+                    : options && options.headerColor
+                    ? utils.colorContrast(options.headerColor)
+                    : '#313941',
+
+            lavender: '#8F7CEA',
+            orange: '#F86041',
+            yellow: '#FFBB54',
+            navy: '#131E4B',
+            overseas: '#392994',
+            green: '#50D0BC',
+
+            black: '#000000',
+            black10: '#00000019',
+            black15: '#00000026',
+            black20: '#00000033',
+
+            grey6: '#131E4B',
+            grey5: '#4A4A52',
+            grey4: '#848491',
+            grey3: '#BEBED1',
+            grey2: '#DADAF0',
+            grey1: '#EFEFFF',
+            grey0: '#F8F8FF',
+            white: '#FFFFFF',
+        };
+
+        const shades: ThemeConfigShadeType = {
+            primaryD20: utils.getDarkShade(defaultColors.primary, 0.2),
+            primaryL15: utils.getLightShade(defaultColors.primary, 0.15),
+            primaryL80: utils.getLightShade(defaultColors.primary, 0.8),
+            primaryL90: utils.getLightShade(defaultColors.primary, 0.9),
+
+            greenD20: '#40A696',
+            greenL20: '#73D9C9', // rq: L20 instead of L15 for other colors
+            greenL80: '#DCF6F2',
+            greenL90: '#EEFAF8',
+
+            orangeD20: '#C64D34',
+            orangeL15: '#F9785E',
+            orangeL80: '#FEDFD9',
+            orangeL90: '#FEEFEC',
+        };
+
+        this.config = {
+            font: {
+                // Before using these properties, check JRCTypo.tsx
+                family: "'Poppins',sans-serif",
+                color: defaultColors.grey5,
+                hrefColor: defaultColors.secondary,
+                size: '16px',
+                lineHeight: '1.5em',
+                // @deprecated
+                fontWeight: 400,
+                weight: {
+                    normal: 400,
+                    medium: 500,
+                    bold: 700,
+                },
+            },
+            color: {
+                ...defaultColors,
+                ...shades,
+            },
+        };
+    },
+};
+
+export default Theme;

package/src/styles/utils.tsx

@@ -0,0 +1,221 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+/* eslint-disable prefer-const */
+type Rgb = { r: number; g: number; b: number };
+
+const hexToDec = (hex: string) => parseInt(hex, 16);
+const decToHex = (dec: number) => Math.round(dec).toString(16).padStart(2, '0');
+
+const hexToRgb = (hex: string) => {
+    return {
+        r: hexToDec(hex.substring(1, 3)),
+        g: hexToDec(hex.substring(3, 5)),
+        b: hexToDec(hex.substring(5, 7)),
+    };
+};
+
+const getDarkShadeFromRgb = ({ r, g, b }: Rgb, i: number) =>
+    `#${decToHex((1 - i) * r)}${decToHex((1 - i) * g)}${decToHex((1 - i) * b)}`;
+const getLightShadeFromRgb = ({ r, g, b }: Rgb, i: number) =>
+    `#${decToHex(r + (255 - r) * i)}${decToHex(g + (255 - g) * i)}${decToHex(b + (255 - b) * i)}`;
+
+/**
+ * Darkens the color following a linear distorsion
+ * @param hex Color in hexadecimal format, beginning with the # character
+ * @param darkPercentage dark percentage (bewteen 0 and 1, 0 beeing the same color, 1 beeing black)
+ * @returns hexadecimal color
+ */
+const getDarkShade = (hex: string, darkPercentage: number) => getDarkShadeFromRgb(hexToRgb(hex), darkPercentage);
+
+/**
+ * Lightens the color following a linear distorsion
+ * @param hex Color in hexadecimal format, beginning with the # character
+ * @param lightPercentage light percentage (bewteen 0 and 1, 0 beeing the same color, 1 beeing white)
+ * @returns hexadecimal color
+ */
+const getLightShade = (hex: string, lightPercentage: number) => getLightShadeFromRgb(hexToRgb(hex), lightPercentage);
+
+const hexToHSL = (H: any) => {
+    let r: any = 0,
+        g: any = 0,
+        b: any = 0;
+    if (H.length == 4) {
+        r = '0x' + H[1] + H[1];
+        g = '0x' + H[2] + H[2];
+        b = '0x' + H[3] + H[3];
+    } else if (H.length == 7) {
+        r = '0x' + H[1] + H[2];
+        g = '0x' + H[3] + H[4];
+        b = '0x' + H[5] + H[6];
+    }
+    r /= 255;
+    g /= 255;
+    b /= 255;
+    let cmin = Math.min(r, g, b),
+        cmax = Math.max(r, g, b),
+        delta = cmax - cmin,
+        h = 0,
+        s = 0,
+        l = 0;
+
+    if (delta == 0) {
+        h = 0;
+    } else if (cmax == r) {
+        h = ((g - b) / delta) % 6;
+    } else if (cmax == g) {
+        h = (b - r) / delta + 2;
+    } else {
+        h = (r - g) / delta + 4;
+    }
+
+    h = Math.round(h * 60);
+
+    if (h < 0) {
+        h += 360;
+    }
+
+    l = (cmax + cmin) / 2;
+    s = delta == 0 ? 0 : delta / (1 - Math.abs(2 * l - 1));
+    s = +(s * 100).toFixed(1);
+    l = +(l * 100).toFixed(1);
+
+    // return "hsl(" + h + "," + s + "%," + l + "%)";
+    return [h, s, l];
+};
+
+export const hexAToHSLA = (H: any) => {
+    let r: any = 0,
+        g: any = 0,
+        b: any = 0,
+        a: any = 1;
+
+    if (H.length == 5) {
+        r = '0x' + H[1] + H[1];
+        g = '0x' + H[2] + H[2];
+        b = '0x' + H[3] + H[3];
+        a = '0x' + H[4] + H[4];
+    } else if (H.length == 9) {
+        r = '0x' + H[1] + H[2];
+        g = '0x' + H[3] + H[4];
+        b = '0x' + H[5] + H[6];
+        a = '0x' + H[7] + H[8];
+    }
+
+    r /= 255;
+    g /= 255;
+    b /= 255;
+    let cmin = Math.min(r, g, b),
+        cmax = Math.max(r, g, b),
+        delta = cmax - cmin,
+        h = 0,
+        s = 0,
+        l = 0;
+
+    if (delta == 0) {
+        h = 0;
+    } else if (cmax == r) {
+        h = ((g - b) / delta) % 6;
+    } else if (cmax == g) {
+        h = (b - r) / delta + 2;
+    } else {
+        h = (r - g) / delta + 4;
+    }
+
+    h = Math.round(h * 60);
+
+    if (h < 0) {
+        h += 360;
+    }
+
+    l = (cmax + cmin) / 2;
+    s = delta == 0 ? 0 : delta / (1 - Math.abs(2 * l - 1));
+    s = +(s * 100).toFixed(1);
+    l = +(l * 100).toFixed(1);
+
+    a = (a / 255).toFixed(3);
+
+    // return "hsla("+ h + "," + s + "%," + l + "%," + a + ")";
+    return [h, s, l];
+};
+
+const RGBToHSL = (rgb: any) => {
+    const sep = rgb.indexOf(',') > -1 ? ',' : ' ';
+    rgb = rgb.substr(4).split(')')[0].split(sep);
+
+    for (const R in rgb) {
+        const r = rgb[R];
+        if (r.indexOf('%') > -1) {
+            rgb[R] = Math.round((r.substr(0, r.length - 1) / 100) * 255);
+        }
+    }
+
+    const r = rgb[0] / 255,
+        g = rgb[1] / 255,
+        b = rgb[2] / 255;
+
+    let cmin = Math.min(r, g, b),
+        cmax = Math.max(r, g, b),
+        delta = cmax - cmin,
+        h = 0,
+        s = 0,
+        l = 0;
+
+    l = (cmax + cmin) / 2;
+
+    s = delta == 0 ? 0 : delta / (1 - Math.abs(2 * l - 1));
+
+    s = +(s * 100).toFixed(1);
+    l = +(l * 100).toFixed(1);
+
+    // return "hsl(" + h + "," + s + "%," + l + "%)";
+    return [h, s, l];
+};
+
+const colorContrast = (color: string): string => {
+    const regexHEX = new RegExp('^#(?:[A-Fa-f0-9]{3}){1,2}$');
+    const regexRGB = new RegExp(
+        '^rgb[(](?:s*0*(?:dd?(?:.d+)?(?:s*%)?|.d+s*%|100(?:.0*)?s*%|(?:1dd|2[0-4]d|25[0-5])(?:.d+)?)s*(?:,(?![)])|(?=[)]))){3}[)]$',
+    );
+    const regexHSL = new RegExp(
+        '^hsl[(]s*0*(?:[12]?d{1,2}|3(?:[0-5]d|60))s*(?:s*,s*0*(?:dd?(?:.d+)?s*%|.d+s*%|100(?:.0*)?s*%)){2}s*[)]$',
+    );
+    const regexHSLFromString = /hsl\(\s*(\d+)\s*,\s*(\d+(?:\.\d+)?%)\s*,\s*(\d+(?:\.\d+)?%)\)/g;
+
+    const hsl: undefined | boolean | any[] = regexHEX.test(color)
+        ? hexToHSL(color)
+        : regexRGB.test(color)
+        ? RGBToHSL(color)
+        : regexHSL.test(color) && regexHSLFromString.exec(color)?.slice(1);
+    let newHsl = '';
+
+    if (hsl && hsl[2] && hsl[2] > 50) {
+        newHsl = 'hsl(' + hsl[0] + ',' + hsl[1] + '%,' + (parseInt(hsl[2]) - 10) + '%)';
+    } else if (hsl && hsl[2] && hsl[2] < 50) {
+        newHsl = 'hsl(' + hsl[0] + ',' + hsl[1] + '%,' + (parseInt(hsl[2]) + 10) + '%)';
+    } else if (hsl && hsl[2] && hsl[2] === 50) {
+        newHsl = 'hsl(' + hsl[0] + ',' + hsl[1] + '%,' + (parseInt(hsl[2]) + 10) + '%)';
+    } else if (hsl) {
+        newHsl = newHsl = 'hsl(' + hsl[0] + ',' + hsl[1] + '%,' + hsl[2] + '%)';
+    }
+    return newHsl;
+};
+
+const brightness = (color: string): number => {
+    const regexHEX = new RegExp('^#(?:[A-Fa-f0-9]{3}){1,2}$');
+    const regexRGB = new RegExp(
+        '^rgb[(](?:s*0*(?:dd?(?:.d+)?(?:s*%)?|.d+s*%|100(?:.0*)?s*%|(?:1dd|2[0-4]d|25[0-5])(?:.d+)?)s*(?:,(?![)])|(?=[)]))){3}[)]$',
+    );
+    const regexHSL = new RegExp(
+        '^hsl[(]s*0*(?:[12]?d{1,2}|3(?:[0-5]d|60))s*(?:s*,s*0*(?:dd?(?:.d+)?s*%|.d+s*%|100(?:.0*)?s*%)){2}s*[)]$',
+    );
+    const regexHSLFromString = /hsl\(\s*(\d+)\s*,\s*(\d+(?:\.\d+)?%)\s*,\s*(\d+(?:\.\d+)?%)\)/g;
+
+    const hsl: undefined | boolean | any[] = regexHEX.test(color)
+        ? hexToHSL(color)
+        : regexRGB.test(color)
+        ? RGBToHSL(color)
+        : regexHSL.test(color) && regexHSLFromString.exec(color)?.slice(1);
+
+    return hsl && hsl[2];
+};
+
+export default { getLightShade, getDarkShade, colorContrast, brightness };

package/src/translation/index.tsx

@@ -0,0 +1,2 @@
+import lang from './lang.json';
+export default lang;

package/src/translation/lang.json

@@ -0,0 +1,28 @@
+{
+    "en": {
+        "GLOBAL_Form_Controls_Required": "Required",
+        "GLOBAL_Form_Controls_MaxLength": "Must be {max} characters or less",
+        "GLOBAL_Form_Controls_MinLength": "Must be {min} characters or more",
+        "GLOBAL_Form_Controls_Number": "Must be a number",
+        "GLOBAL_Form_Controls_MinValue": "Must be at least {min}",
+        "GLOBAL_Form_Controls_MaxValue": "Must be at max {max}",
+        "GLOBAL_Form_Controls_Pattern": "Must follow the specified pattern {pattern}",
+        "GLOBAL_Form_No_Options": "No options",
+        "GLOBAL_Form_Characters": "characters",
+        "GLOBAL_Loading": "Loading",
+        "GLOBAL_Validation": "Confirm",
+        "GROUP_more": "More",
+        "GLOBAL_Select": "Select",
+        "ERROR_Mail_Invalid": "Must be a valid email",
+        "GLOBAL_Form_Controls_Url": "Invalid url address",
+        "GLOBAL_Form_Controls_Date": "Date must be formatted dd/mm/yyyy",
+        "GLOBAL_Form_SendAlert": "Send the alert email to those who have requested it",
+        "SPOTIT_Receive_A_Copy": "Receive a copy",
+        "AppLeftColumn_Close_Panel": "Close panel",
+        "AppLeftColumn_Open_Panel": "Open panel",
+        "AppLeftColumn_App_Navigation": "App navigation",
+        "GLOBAL_Today": "Today",
+        "GLOBAL_Yesterday": "Yesterday",
+        "GLOBAL_Unsuported_File_Format": "Unsuported file format"
+    }
+}

package/src/types/dataAttributes.ts

@@ -0,0 +1,7 @@
+/**
+ * Interface to expose a data-cy attribute to the DOM
+ * Used for cypress selection
+ */
+export interface DataCy {
+    dataCy?: string;
+}

package/src/types/react-table-config.d.ts

@@ -0,0 +1,123 @@
+/* eslint-disable @typescript-eslint/ban-ts-comment */
+import {
+    UseColumnOrderInstanceProps,
+    UseColumnOrderState,
+    UseExpandedHooks,
+    UseExpandedInstanceProps,
+    UseExpandedOptions,
+    UseExpandedRowProps,
+    UseExpandedState,
+    UseFiltersColumnOptions,
+    UseFiltersColumnProps,
+    UseFiltersInstanceProps,
+    UseFiltersState,
+    UseGlobalFiltersColumnOptions,
+    UseGlobalFiltersInstanceProps,
+    UseGlobalFiltersState,
+    UseGroupByCellProps,
+    UseGroupByColumnOptions,
+    UseGroupByColumnProps,
+    UseGroupByHooks,
+    UseGroupByInstanceProps,
+    UseGroupByRowProps,
+    UseGroupByState,
+    UsePaginationInstanceProps,
+    UsePaginationState,
+    UseResizeColumnsColumnOptions,
+    UseResizeColumnsColumnProps,
+    UseResizeColumnsState,
+    UseRowSelectHooks,
+    UseRowSelectInstanceProps,
+    UseRowSelectRowProps,
+    UseRowSelectState,
+    UseRowStateCellProps,
+    UseRowStateInstanceProps,
+    UseRowStateRowProps,
+    UseRowStateState,
+    UseSortByColumnOptions,
+    UseSortByColumnProps,
+    UseSortByHooks,
+    UseSortByInstanceProps,
+    UseSortByOptions,
+    UseSortByState,
+} from 'react-table';
+
+declare module 'react-table' {
+    // take this file as-is, or comment out the sections that don't apply to your plugin configuration
+
+    // @ts-ignore
+    export interface TableOptions<D extends Record<string, unknown>>
+        extends UseExpandedOptions<D>,
+            // UseFiltersOptions<D>,
+            // UseGlobalFiltersOptions<D>,
+            // UseGroupByOptions<D>,
+            // UsePaginationOptions<D>,
+            // UseResizeColumnsOptions<D>,
+            // UseRowSelectOptions<D>,
+            // UseRowStateOptions<D>,
+            UseSortByOptions<D>,
+            // note that having Record here allows you to add anything to the options, this matches the spirit of the
+            // underlying js library, but might be cleaner if it's replaced by a more specific type that matches your
+            // feature set, this is a safe default.
+            Record<string, any> {}
+
+    // @ts-ignore
+    export interface Hooks<D extends Record<string, unknown> = Record<string, unknown>>
+        extends UseExpandedHooks<D>,
+            UseGroupByHooks<D>,
+            UseRowSelectHooks<D>,
+            UseSortByHooks<D> {}
+
+    // @ts-ignore
+    export interface TableInstance<D extends Record<string, unknown> = Record<string, unknown>>
+        extends UseColumnOrderInstanceProps<D>,
+            UseExpandedInstanceProps<D>,
+            UseFiltersInstanceProps<D>,
+            UseGlobalFiltersInstanceProps<D>,
+            UseGroupByInstanceProps<D>,
+            UsePaginationInstanceProps<D>,
+            UseRowSelectInstanceProps<D>,
+            UseRowStateInstanceProps<D>,
+            UseSortByInstanceProps<D> {}
+
+    // @ts-ignore
+    export interface TableState<D extends Record<string, unknown> = Record<string, unknown>>
+        extends UseColumnOrderState<D>,
+            UseExpandedState<D>,
+            UseFiltersState<D>,
+            UseGlobalFiltersState<D>,
+            UseGroupByState<D>,
+            UsePaginationState<D>,
+            UseResizeColumnsState<D>,
+            UseRowSelectState<D>,
+            UseRowStateState<D>,
+            UseSortByState<D> {}
+
+    // @ts-ignore
+    export interface ColumnInterface<D extends Record<string, unknown> = Record<string, unknown>>
+        extends UseFiltersColumnOptions<D>,
+            UseGlobalFiltersColumnOptions<D>,
+            UseGroupByColumnOptions<D>,
+            UseResizeColumnsColumnOptions<D>,
+            UseSortByColumnOptions<D> {}
+
+    // @ts-ignore
+    export interface ColumnInstance<D extends Record<string, unknown> = Record<string, unknown>>
+        extends UseFiltersColumnProps<D>,
+            UseGroupByColumnProps<D>,
+            UseResizeColumnsColumnProps<D>,
+            UseSortByColumnProps<D> {}
+
+    // @ts-ignore
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    export interface Cell<D extends Record<string, unknown> = Record<string, unknown>, V = any>
+        extends UseGroupByCellProps<D>,
+            UseRowStateCellProps<D> {}
+
+    // @ts-ignore
+    export interface Row<D extends Record<string, unknown> = Record<string, unknown>>
+        extends UseExpandedRowProps<D>,
+            UseGroupByRowProps<D>,
+            UseRowSelectRowProps<D>,
+            UseRowStateRowProps<D> {}
+}

package/src/types.ts

@@ -0,0 +1,94 @@
+//// Export only types
+export { JRCAppHeaderProps } from './components/JRCAppHeader/JRCAppHeader.types';
+export { JRCAppLeftColumnProps, SectionEntry } from './components/JRCAppLeftColumn/JRCAppLeftColumn.types';
+export { JRCAppContainerProps } from './components/JRCAppContainer/JRCAppContainer';
+import { JRCAutocompleteAudienceProps } from './components/Form/Input/JRCFormAutocomplete/JRCFormAutocompleteAudience';
+export { JRCAutocompleteAudienceProps };
+import { JRCAutocompleteTaxonomyProps } from './components/Form/Input/JRCFormAutocomplete/JRCFormAutocompleteTaxonomy';
+export { JRCAutocompleteTaxonomyProps };
+export { JRCCardProps } from './components/JRCCard/JRCCard';
+export { JRCConditionalWrapperProps } from './components/Common/JRCConditionalWrapper';
+export { JRCFormCheckboxProps } from './components/Form/Input/JRCFormCheckbox/JRCFormCheckbox.types';
+import { JRCFormDateProps } from './components/Form/Input/JRCFormDateTime/JRCFormDateTime';
+export { JRCFormDateProps };
+import { JRCFormInputFileProps, JRCFormInputFileFieldProps } from './components/Form/Input/JRCFormFile/JRCFormFile';
+export { JRCFormInputFileProps, JRCFormInputFileFieldProps };
+import { JRCFormReceiveACopyInputProps } from './components/Form/Input/JRCFormReceiveACopy/JRCFormReceiveACopy';
+export { JRCFormReceiveACopyInputProps };
+import { JRCFormRangeProps } from './components/Form/Input/JRCFormRange/JRCFormRange';
+export { JRCFormRangeProps };
+import { JRCFormSelectProps } from './components/Form/Input/JRCFormSelect/JRCFormSelect';
+export { JRCFormSelectProps };
+import { JRCFormSendAlertInputProps } from './components/Form/Input/JRCFormSendAlert/JRCFormSendAlert';
+export { JRCFormSendAlertInputProps };
+import { TextareaFormInputProps } from './components/Form/Input/JRCFormTextarea/JRCFormTextarea';
+export { TextareaFormInputProps };
+
+export { JRCAlertProps, AlertType } from './components/JRCAlert/JRCAlert';
+import { JRCAvatarProps } from './components/JRCAvatar/JRCAvatar';
+export { JRCAvatarProps };
+import { JRCButtonProps } from './components/JRCButton/JRCButton';
+export { JRCButtonProps };
+export { JRCButtonDropdownProps } from './components/JRCButtonDropdown/JRCButtonDropdown';
+import { JRCColumnCenterProps } from './components/JRCColumnCenter/JRCColumnCenter';
+export { JRCColumnCenterProps };
+import { JRCColumnCenterTitleProps } from './components/JRCColumnCenterTitle/JRCColumnCenterTitle';
+export { JRCColumnCenterTitleProps };
+import { JRCColumnLeftProps } from './components/JRCColumnLeft/JRCColumnLeft';
+export { JRCColumnLeftProps };
+import { JRCColumnRightProps } from './components/JRCColumnRight/JRCColumnRight';
+export { JRCColumnRightProps };
+export { JRCDateProps } from './components/JRCDate/JRCDate';
+export { JRCDropDownProps } from './components/JRCDropDown/JRCDropDown';
+export { JRCFileOpenProps } from './components/JRCFileOpen/JRCFileOpen';
+import { JRCGridProps } from './components/JRCGrid/JRCGrid';
+export { JRCGridProps };
+import { JRCH1Props, JRCH2Props, JRCH3Props, JRCH4Props, JRCH5Props, JRCTextProps } from './components/JRCTypo/JRCTypo';
+export { JRCH1Props, JRCH2Props, JRCH3Props, JRCH4Props, JRCH5Props, JRCTextProps };
+import { JRCIconProps } from './components/JRCIcon/JRCIcon';
+export { JRCIconProps };
+import { JRCListProps } from './components/JRCList/JRCList';
+export { JRCListProps };
+import { JRCIconButtonProps } from './components/JRCIconButton/JRCIconButton';
+export { JRCIconButtonProps };
+import { JRCImgProps } from './components/JRCImg/JRCImg';
+export { JRCImgProps };
+import { JRCLoaderProps } from './components/JRCLoader/JRCLoader';
+export { JRCLoaderProps };
+import { JRCLinkToProps, JRCStyledHrefProps } from './components/JRCHref/JRCHref';
+export { JRCLinkToProps, JRCStyledHrefProps };
+import { JRCMenuProps, JRCMenuItemProps } from './components/JRCMenu/JRCMenu';
+export { JRCMenuProps, JRCMenuItemProps };
+import { JRCModalButtonType, JRCModalProps } from './components/JRCModal/JRCModal';
+export { JRCModalButtonType, JRCModalProps };
+import { JRCModalImgButtonType, JRCModalImgProps } from './components/JRCModalImg/JRCModalImg';
+export { JRCModalImgButtonType, JRCModalImgProps };
+import { JRCPaginationProps } from './components/JRCPagination/JRCPagination';
+export { JRCPaginationProps };
+export { JRCTabsProps, JRCTabPanelProps } from './components/JRCTabs/JRCTabs';
+export { JRCTagProps } from './components/JRCTag/JRCTag';
+import { JRCThemeProviderProps } from './components/JRCThemeProvider/JRCThemeProvider';
+export { JRCThemeProviderProps };
+import { JRCTooltipProps } from './components/JRCTooltip/JRCTooltip';
+export { JRCTooltipProps };
+import { ThemeConfigOptions } from './styles/theme';
+export { ThemeConfigOptions };
+import { JRCValueLabelProps } from './components/Form/Common/types';
+export { JRCValueLabelProps };
+import { JRCWritableFormInputProps } from './components/Form/Input/JRCFormFieldRender';
+export { JRCWritableFormInputProps };
+import { JRCTypographyProps } from './components/JRCTypography/JRCTypography.d';
+export { JRCTypographyProps };
+export { JRCValidationButtonProps } from './components/JRCButton/JRCValidationButton';
+
+export * from './components/Form/Input/JRCInputCheckbox/JRCInputCheckbox.types';
+export { JRCInputFieldProps } from './components/Form/Input/Common/JRCFormFieldRenderer.types';
+export { JRCInputSelectProps } from './components/Form/Input/JRCSelect/JRCInputSelect.types';
+export { JRCAutocompleteProps } from './components/Form/Input/JRCSelect/JRCInputSelect.types';
+export { JRCAutocompleteCommunityProps } from './components/Form/Input/JRCSelect/JRCAutocompleteCommunity';
+
+/****
+ *
+ * PLEASE RESPECT ALPHABETICAL ORDER
+ *
+ */

package/src/utils/const.ts

@@ -0,0 +1,9 @@
+/**
+ * delay of a double click, in ms
+ */
+export const DB_CLICK_DELAY = 250;
+
+/**
+ * delay after which the event is reset
+ */
+export const RESET_CLICK_DELAY = 6666;