@imposium-hub/components 2.11.6-0 → 2.12.0

package/src/components/icon-toggle/IconToggle.tsx

@@ -1,63 +0,0 @@
-import React from 'react';
-import { getConfigVariableButton } from '../config-variable-button/ConfigVariableButton';
-import { getOverrideHandler } from '../../constants/variables';
-
-interface IIconToggleProps {
-    selected: boolean;
-    onChange(selected: boolean): any;
-    icon: any;
-
-    override?: any;
-    showCopyPropIds?: boolean;
-    propKey?: string;
-    setOverride?(e): void;
-    removeOverride?(): void;
-    inventory?: any;
-    onClose?(e: boolean): void;
-    activeOverride?: string;
-}
-
-const IconToggle: React.FC<IIconToggleProps> = ({
-    icon,
-    selected,
-    onChange,
-    override,
-    showCopyPropIds,
-    propKey,
-    setOverride,
-    removeOverride,
-    inventory,
-    onClose,
-    activeOverride
-}) => {
-    const content = selected ? icon : null;
-
-    const { hasOverride } = getOverrideHandler(propKey, override, inventory);
-
-    const inputField = () => {
-        if (hasOverride || showCopyPropIds) {
-            return getConfigVariableButton(
-                showCopyPropIds,
-                'boolean',
-                inventory,
-                (o) => setOverride(o),
-                (o) => onClose(o),
-                icon,
-                activeOverride,
-                () => removeOverride()
-            );
-        } else {
-            return (
-                <div
-                    className='icon-toggle'
-                    onClick={() => onChange(!selected)}>
-                    {content}
-                </div>
-            );
-        }
-    };
-
-    return inputField();
-};
-
-export default IconToggle;

package/src/components/text-area-autocomplete/TextAreaAutocomplete.tsx

@@ -1,78 +0,0 @@
-import React from 'react';
-import ReactTextareaAutocomplete from '@imposium-hub/react-textarea-autocomplete';
-import FieldWrapper from '../field-wrapper/FieldWrapper';
-import Spinner from '../spinner/Spinner';
-
-interface ITextAreaAutocompleteProps {
-    options: any;
-    variables: any;
-    varsData: any;
-    variableItem: any;
-    onChange?(e: any): void;
-
-    override?: any;
-    showCopyPropIds?: boolean;
-    propKey?: string;
-    setOverride?(e): void;
-    removeOverride?(): void;
-    inventory?: any;
-    onClose?(e: boolean): void;
-    activeOverride?: string;
-}
-
-const TextAreaAutocomplete = (props: ITextAreaAutocompleteProps) => {
-    const {
-        options,
-        showCopyPropIds,
-        inventory,
-        override,
-        setOverride,
-        removeOverride,
-        onClose,
-        propKey,
-        varsData,
-        variableItem,
-        onChange,
-        activeOverride
-    } = props;
-
-    return (
-        <FieldWrapper
-            label='Content'
-            labelPosition='top'
-            customClass='text-area-field autocomplete'
-            propKey={propKey}
-            showCopyPropIds={showCopyPropIds}
-            inventory={inventory}
-            setOverride={setOverride}
-            onClose={onClose}
-            activeOverride={activeOverride}
-            removeOverride={removeOverride}
-            override={override}
-            type='textarea'>
-            <ReactTextareaAutocomplete
-                key='text-autocomplete'
-                onChange={(e) => onChange(e.target.value)}
-                value={options['content']}
-                loadingComponent={() => <Spinner />}
-                movePopupAsYouType
-                minChar={0}
-                tabOrEnter={true}
-                trigger={{
-                    '{': {
-                        dataProvider: (d) => {
-                            const filtered = varsData.filter((f) =>
-                                f.name.toLowerCase().startsWith(d)
-                            );
-                            return filtered;
-                        },
-                        component: variableItem,
-                        output: (value) => `{{${value.name}}}`
-                    }
-                }}
-            />
-        </FieldWrapper>
-    );
-};
-
-export default TextAreaAutocomplete;

package/src/components/variables-dropdown/VariableDropdown.tsx

@@ -1,98 +0,0 @@
-import React from 'react';
-import { ICON_TIMES, ICON_WARNING } from '../../constants/icons';
-import { ControlListType } from '../controlled-list/ControlledList';
-import Button from '../button/Button';
-import { renderTooltip, renderTooltipProps } from '../Tooltip';
-import { generateUUID } from '../../Util';
-
-interface IVariableDropDownProps {
-    returnVariables: boolean;
-    type: ControlListType;
-    inventory: any;
-    setOverride?(e): void;
-    removeOverride?(): void;
-    activeOverride?: string;
-}
-
-const VariableDropDown: React.FC<IVariableDropDownProps> = (props: IVariableDropDownProps) => {
-    const { returnVariables, inventory, setOverride, removeOverride, activeOverride } = props;
-
-    const type = props.type === 'textarea' ? 'text' : props.type;
-    const include = type ? [type.toLowerCase()] : [];
-
-    const variableOptions = [];
-
-    if (returnVariables) {
-        for (const key in inventory) {
-            if (inventory.hasOwnProperty(key)) {
-                const variable = inventory[key];
-
-                if (include.indexOf(variable.type.toLowerCase()) !== -1 || include.length === 0) {
-                    variableOptions.push(variable);
-                }
-            }
-        }
-
-        const warningTooltipId = `imposium-button-${generateUUID()}`;
-        const warning = (
-            <div
-                className='warning'
-                {...renderTooltipProps(warningTooltipId, 'No variable preview')}>
-                {ICON_WARNING}
-                {renderTooltip(warningTooltipId, 'No variable preview')}
-            </div>
-        );
-
-        const removeButton = (
-            <div className='buttons'>
-                <Button
-                    onClick={() => removeOverride()}
-                    size='small'
-                    style='subtle'
-                    color='danger'>
-                    {ICON_TIMES}
-                </Button>
-            </div>
-        );
-
-        const variableOption = () => {
-            const options = variableOptions.map((variable) => {
-                const hasPreviewItem =
-                    variable.previewItem.src !== null && variable.previewItem.src !== undefined;
-
-                const className = `variable-name ${
-                    activeOverride === variable.name ? 'active' : ''
-                }`;
-
-                const showRemoveButton = activeOverride === variable.name ? removeButton : null;
-                const showWarning = !hasPreviewItem && warning;
-
-                const onClickHandler = () => {
-                    if (activeOverride === variable.name) return;
-                    setOverride(variable);
-                };
-
-                return (
-                    <div
-                        className='color-options-menu'
-                        key={variable.id.toString()}>
-                        <div
-                            className='color-option-list'
-                            onClick={onClickHandler}>
-                            <div className={className}>
-                                <p>{variable.name}</p>
-                                {showRemoveButton}
-                                {showWarning}
-                            </div>
-                        </div>
-                    </div>
-                );
-            });
-
-            return options;
-        };
-        return <>{variableOption()}</>;
-    }
-};
-
-export default VariableDropDown;

package/src/constants/fonts.ts

@@ -1,296 +0,0 @@
-export const DEFAULT_FONTS = [
-    {
-        name: 'Arial',
-        family: 'Arial',
-        file: 'Arial.ttf',
-        weight: 400
-    },
-    {
-        name: 'Abril Fatface',
-        family: 'Abril Fatface',
-        file: 'AbrilFatface-Regular.ttf',
-        weight: 400
-    },
-    {
-        name: 'Alfa Slab One',
-        family: 'Alfa Slab One',
-        file: 'AlfaSlabOne-Regular.ttf',
-        weight: 400
-    },
-    {
-        name: 'Amatic SC',
-        family: 'Amatic SC',
-        file: 'AmaticSC-Regular.ttf',
-        weight: 400
-    },
-    {
-        name: 'Anton',
-        family: 'Anton',
-        file: 'Anton-Regular.ttf',
-        weight: 400
-    },
-    {
-        name: 'Assistant',
-        family: 'Assistant',
-        file: 'Assistant-VariableFont_wght.ttf',
-        weight: 400
-    },
-    {
-        name: 'Assistant Bold',
-        family: 'Assistant',
-        file: 'Assistant-VariableFont_wght.ttf',
-        weight: 700
-    },
-    {
-        name: 'Bangers',
-        family: 'Bangers',
-        file: 'Bangers-Regular.ttf',
-        weight: 400
-    },
-    {
-        name: 'Cabin Sketch',
-        family: 'Cabin Sketch',
-        file: 'CabinSketch-Regular.ttf',
-        weight: 400
-    },
-    {
-        name: 'Caveat Brush',
-        family: 'Caveat Brush',
-        file: 'CaveatBrush-Regular.ttf',
-        weight: 400
-    },
-    {
-        name: 'Creepster',
-        family: 'Creepster',
-        file: 'Creepster-Regular.ttf',
-        weight: 400
-    },
-    {
-        name: 'Crete Round',
-        family: 'Crete Round',
-        file: 'CreteRound-Regular.ttf',
-        weight: 400
-    },
-    {
-        name: 'Fjalla One',
-        family: 'Fjalla One',
-        file: 'FjallaOne-Regular.ttf',
-        weight: 400
-    },
-    {
-        name: 'Fredericka the Great',
-        family: 'Fredericka the Great',
-        file: 'FrederickatheGreat-Regular.ttf',
-        weight: 400
-    },
-    {
-        name: 'Gentium Basic',
-        family: 'Gentium Basic',
-        file: 'GentiumBasic-Regular.ttf',
-        weight: 400
-    },
-    {
-        name: 'Lato',
-        family: 'Lato',
-        file: 'Lato-Regular.ttf',
-        weight: 400
-    },
-    {
-        name: 'Lobster',
-        family: 'Lobster',
-        file: 'Lobster-Regular.ttf',
-        weight: 400
-    },
-    {
-        name: 'Love Ya Like A Sister',
-        family: 'Love Ya Like A Sister',
-        file: 'LoveYaLikeASister-Regular.ttf',
-        weight: 400
-    },
-    {
-        name: 'Monoton',
-        family: 'Monoton',
-        file: 'Monoton-Regular.ttf',
-        weight: 400
-    },
-    {
-        name: 'Merriweather',
-        family: 'Merriweather',
-        file: 'Merriweather-Regular.ttf',
-        weight: 400
-    },
-    {
-        name: 'Montserrat',
-        family: 'Montserrat',
-        file: 'Montserrat-VariableFont_wght.ttf',
-        weight: 400
-    },
-    {
-        name: 'Montserrat Bold',
-        family: 'Montserrat',
-        file: 'Montserrat-VariableFont_wght.ttf',
-        weight: 700
-    },
-    {
-        name: 'Montserrat ExtraBold',
-        family: 'Montserrat',
-        file: 'Montserrat-VariableFont_wght.ttf',
-        weight: 800
-    },
-    {
-        name: 'Noto Sans',
-        family: 'Noto Sans',
-        file: 'NotoSans-Regular.ttf',
-        weight: 400
-    },
-    {
-        name: 'Noto Serif',
-        family: 'Noto Serif',
-        file: 'NotoSerif-Regular.ttf',
-        weight: 400
-    },
-    {
-        name: 'Open Sans',
-        family: 'Open Sans',
-        file: 'OpenSans-VariableFont_wdth,wght.ttf',
-        weight: 400
-    },
-    {
-        name: 'Open Sans Condensed',
-        family: 'Open Sans Condensed',
-        file: 'OpenSansCondensed-Light.ttf',
-        weight: 300
-    },
-    {
-        name: 'Oswald',
-        family: 'Oswald',
-        file: 'Oswald-VariableFont_wght.ttf',
-        weight: 400
-    },
-    {
-        name: 'Patua One',
-        family: 'Patua One',
-        file: 'PatuaOne-Regular.ttf',
-        weight: 400
-    },
-    {
-        name: 'Playfair Display',
-        family: 'Playfair Display',
-        file: 'PlayfairDisplay-VariableFont_wght.ttf',
-        weight: 400
-    },
-    {
-        name: 'Poor Story',
-        family: 'Poor Story',
-        file: 'PoorStory-Regular.ttf',
-        weight: 400
-    },
-    {
-        name: 'Poppins',
-        family: 'Poppins',
-        file: 'Poppins-Regular.ttf',
-        weight: 400
-    },
-    {
-        name: 'Poppins Bold',
-        family: 'Poppins',
-        file: 'Poppins-Bold.ttf',
-        weight: 700
-    },
-    {
-        name: 'PT Sans Narrow',
-        family: 'PT Sans Narrow',
-        file: 'PTSansNarrow-Regular.ttf',
-        weight: 400
-    },
-    {
-        name: 'Quicksand',
-        family: 'Quicksand',
-        file: 'Quicksand-VariableFont_wght.ttf',
-        weight: 400
-    },
-    {
-        name: 'Raleway',
-        family: 'Raleway',
-        file: 'Raleway-VariableFont_wght.ttf',
-        weight: 400
-    },
-    {
-        name: 'Raleway Bold',
-        family: 'Raleway',
-        file: 'Raleway-VariableFont_wght.ttf',
-        weight: 700
-    },
-    {
-        name: 'Raleway Black',
-        family: 'Raleway',
-        file: 'Raleway-VariableFont_wght.ttf',
-        weight: 900
-    },
-    {
-        name: 'Roboto',
-        family: 'Roboto',
-        file: 'Roboto-Regular.ttf',
-        weight: 400
-    },
-    {
-        name: 'Roboto Condensed',
-        family: 'Roboto Condensed',
-        file: 'RobotoCondensed-Regular.ttf',
-        weight: 400
-    },
-    {
-        name: 'Rubik',
-        family: 'Rubik',
-        file: 'Rubik-VariableFont_wght.ttf',
-        weight: 400
-    },
-    {
-        name: 'Rubik Bold',
-        family: 'Rubik',
-        file: 'Rubik-VariableFont_wght.ttf',
-        weight: 700
-    },
-    // {
-    //     name: 'Rubik Black',
-    //     family: 'Rubik',
-    //     file: 'Rubik-VariableFont_wght.ttf',
-    //     weight: 900,
-    // },
-    {
-        name: 'Shrikhand',
-        family: 'Shrikhand',
-        file: 'Shrikhand-Regular.ttf',
-        weight: 400
-    },
-    {
-        name: 'Source Sans Pro',
-        family: 'Source Sans Pro',
-        file: 'SourceSansPro-Regular.ttf',
-        weight: 400
-    },
-    {
-        name: 'Suez One',
-        family: 'Suez One',
-        file: 'SuezOne-Regular.ttf',
-        weight: 400
-    },
-    {
-        name: 'Titillium Web',
-        family: 'Titillium Web',
-        file: 'TitilliumWeb-Regular.ttf',
-        weight: 400
-    },
-    {
-        name: 'Titillium Web Black',
-        family: 'Titillium Web',
-        file: 'TitilliumWeb-Black.ttf',
-        weight: 900
-    },
-    {
-        name: 'Varela Round',
-        family: 'Varela Round',
-        file: 'VarelaRound-Regular.ttf',
-        weight: 400
-    }
-];