@imposium-hub/components 2.13.0 → 2.13.1

package/dist/cjs/constants/fonts.js

@@ -0,0 +1,300 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DEFAULT_FONTS = void 0;
+exports.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
+    }
+];
+//# sourceMappingURL=fonts.js.map

package/dist/cjs/constants/fonts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fonts.js","sourceRoot":"","sources":["../../../src/constants/fonts.ts"],"names":[],"mappings":"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"}

package/dist/cjs/interfaces/field.js

@@ -0,0 +1 @@
+//# sourceMappingURL=field.js.map

package/dist/cjs/interfaces/field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field.js","sourceRoot":"","sources":["../../../src/interfaces/field.ts"],"names":[],"mappings":""}

package/dist/cjs/utils/override.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+interface IOverrideLabelProps {
+    label: string;
+    showCopyPropIds: boolean;
+    type: string;
+    inventory: any;
+    setOverride: (o: any) => void;
+    onClose: (o: boolean) => void;
+}
+declare const overrideLabel: React.FC<IOverrideLabelProps>;
+export default overrideLabel;

package/dist/cjs/utils/override.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var ConfigVariableButton_1 = __importDefault(require("../components/config-variable-button/ConfigVariableButton"));
+var overrideLabel = function (_a) {
+    var label = _a.label, showCopyPropIds = _a.showCopyPropIds, type = _a.type, inventory = _a.inventory, setOverride = _a.setOverride, onClose = _a.onClose;
+    return (react_1.default.createElement("span", null,
+        label,
+        (0, ConfigVariableButton_1.default)(showCopyPropIds, type, inventory, function (o) { return setOverride(o); }, function (o) { return onClose(o); })));
+};
+exports.default = overrideLabel;
+//# sourceMappingURL=override.js.map

package/dist/cjs/utils/override.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"override.js","sourceRoot":"","sources":["../../../src/utils/override.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAC1B,mHAA+F;AAU/F,IAAM,aAAa,GAAkC,UAAC,EAAiE;QAA/D,KAAK,WAAA,EAAE,eAAe,qBAAA,EAAE,IAAI,UAAA,EAAE,SAAS,eAAA,EAAE,WAAW,iBAAA,EAAE,OAAO,aAAA;IACjH,OAAO,CACH;QACK,KAAK;QACL,IAAA,8BAAuB,EACpB,eAAe,EACf,IAAI,EACJ,SAAS,EACT,UAAC,CAAC,IAAK,OAAA,WAAW,CAAC,CAAC,CAAC,EAAd,CAAc,EACrB,UAAC,CAAC,IAAK,OAAA,OAAO,CAAC,CAAC,CAAC,EAAV,CAAU,CACpB,CACE,CACV,CAAA;AACL,CAAC,CAAA;AAED,kBAAe,aAAa,CAAC"}

package/dist/esm/components/config-variable-button/ConfigVariableButton.d.ts

@@ -0,0 +1,2 @@
+export declare const getConfigVariableButton: any;
+export declare const fieldLabel: (labelText: any, propKey: any, showCopyPropIds: any, type: string, inventory: any, setOverride: any, onClose: any, activeOverride: any, removeOverride: any, icon?: any) => any;

package/dist/esm/components/config-variable-button/ConfigVariableButton.js

@@ -0,0 +1,46 @@
+import React, { useState, useRef } from 'react';
+import { ICON_BRACKET_CURLY } from '../../constants/icons';
+import Button from '../button/Button';
+import ImposiumDropdown from '../dropdown/Dropdown';
+import moize from 'moize';
+import VariableDropDown from '../variables-dropdown/VariableDropdown';
+const ConfigVariableButton = ({ type, inventory, setOverride, onClose, activeOverride, removeOverride, icon }) => {
+    const [show, setShow] = useState(false);
+    const variablesButtonRef = useRef();
+    const close = () => {
+        setShow(!show);
+        if (onClose) {
+            onClose(!show);
+        }
+    };
+    const setOverrideHandler = (o) => {
+        setOverride(o);
+        close();
+    };
+    const removeOverrideHandler = () => {
+        removeOverride();
+        close();
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Button, { tooltip: 'Configure Variables', customClass: icon ? 'icon-toggle' : '', onClick: () => {
+                close();
+            }, buttonRef: variablesButtonRef, size: 'small', style: 'subtle' }, ICON_BRACKET_CURLY),
+        React.createElement(ImposiumDropdown, { key: 'variables-dropdown', position: 'bottomleft', show: show, toggleRef: variablesButtonRef, customClass: 'variables', onOutsideClick: () => close() },
+            React.createElement(VariableDropDown, { returnVariables: show, type: type, inventory: inventory, setOverride: setOverrideHandler, removeOverride: removeOverrideHandler, activeOverride: activeOverride }))));
+};
+const mGetConfigVariableButton = (enabled, type, inventory, setOverride, onClose, icon, activeOverride, removeOverride) => {
+    if (enabled || activeOverride !== undefined) {
+        return (React.createElement(ConfigVariableButton, { type: type, inventory: inventory, setOverride: (o) => setOverride(o), onClose: (o) => onClose(o), icon: icon, activeOverride: activeOverride, removeOverride: removeOverride }));
+    }
+    else {
+        return null;
+    }
+};
+export const getConfigVariableButton = moize(mGetConfigVariableButton);
+export const fieldLabel = (labelText, propKey, showCopyPropIds, type, inventory, setOverride, onClose, activeOverride, removeOverride, icon) => {
+    const label = propKey ? (React.createElement("span", null,
+        labelText,
+        getConfigVariableButton(showCopyPropIds, type, inventory, (o) => setOverride(o), (o) => onClose(o), icon, activeOverride, removeOverride))) : (labelText);
+    return label;
+};
+//# sourceMappingURL=ConfigVariableButton.js.map

package/dist/esm/components/config-variable-button/ConfigVariableButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigVariableButton.js","sourceRoot":"","sources":["../../../../src/components/config-variable-button/ConfigVariableButton.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/dropdown/dropdown.stories.js

@@ -12,4 +12,4 @@ export const defaultDropDown = () => {
         React.createElement(Button, { onClick: () => setToggle(!toggle), ref: dropdownToggleRef }, "Sample DropDown Toggle"),
         React.createElement(ImposiumDropdown, { toggleRef: dropdownToggleRef, show: toggle, position: 'bottomright', onOutsideClick: () => setToggle(!toggle) }, "Sample")));
 };
-//# sourceMappingURL=dropdown.stories.js.map
+//# sourceMappingURL=Dropdown.stories.js.map

package/dist/esm/components/dropdown/dropdown.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown.stories.js","sourceRoot":"","sources":["../../../../src/components/dropdown/dropdown.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,gBAAgB,MAAM,YAAY,CAAC;AAE1C,eAAe;IACX,KAAK,EAAE,UAAU;IACjB,SAAS,EAAE,gBAAgB;CAC9B,CAAC;AAeF,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE;IAChC,MAAM,iBAAiB,GAAG,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;IAClD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,OAAO,CACH;QACI,oBAAC,MAAM,IACH,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,EACjC,GAAG,EAAE,iBAAiB,6BAEjB;QACT,oBAAC,gBAAgB,IACb,SAAS,EAAE,iBAAiB,EAC5B,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAC,aAAa,EACtB,cAAc,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,aAEzB,CACpB,CACN,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":"Dropdown.stories.js","sourceRoot":"","sources":["../../../../src/components/dropdown/Dropdown.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,gBAAgB,MAAM,YAAY,CAAC;AAE1C,eAAe;IACX,KAAK,EAAE,UAAU;IACjB,SAAS,EAAE,gBAAgB;CAC9B,CAAC;AAeF,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE;IAChC,MAAM,iBAAiB,GAAG,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;IAClD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,OAAO,CACH;QACI,oBAAC,MAAM,IACH,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,EACjC,GAAG,EAAE,iBAAiB,6BAEjB;QACT,oBAAC,gBAAgB,IACb,SAAS,EAAE,iBAAiB,EAC5B,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAC,aAAa,EACtB,cAAc,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,aAEzB,CACpB,CACN,CAAC;AACN,CAAC,CAAC"}

package/dist/esm/components/font-field/FontField.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+interface IFontFieldProps {
+    font: string;
+    availableFonts: any[];
+    apiKey: string;
+    onChange: (font: string) => void;
+    width?: string | number;
+    labelPosition?: string;
+    label?: string;
+    override?: any;
+    showCopyPropIds?: boolean;
+    propKey?: string;
+    setOverride?(e: any): void;
+    removeOverride?(): void;
+    inventory?: any;
+    onClose?(e: boolean): void;
+    activeOverride: string;
+}
+declare const FontField: (props: IFontFieldProps) => React.JSX.Element;
+export default FontField;

package/dist/esm/components/font-field/FontField.js

@@ -0,0 +1,17 @@
+import FieldWrapper from '../field-wrapper/FieldWrapper';
+import React from 'react';
+import FontPicker from '../font-picker/FontPicker';
+import { fontField } from '../../constants/copy';
+import { DEFAULT_FONTS } from '../../constants/fonts';
+const FontField = (props) => {
+    const { font, availableFonts, apiKey, onChange, width, labelPosition, label, override, showCopyPropIds, propKey, setOverride, removeOverride, inventory, onClose, activeOverride } = props;
+    const customAvailableFonts = availableFonts.map((asset) => asset.name);
+    const standardFonts = DEFAULT_FONTS.map((f) => f.name);
+    const availableAssets = [...standardFonts, ...customAvailableFonts].sort();
+    const fontCheck = availableAssets.includes(font);
+    const fontValue = fontCheck ? font : fontField.fontNotFound;
+    return (React.createElement(FieldWrapper, { customClass: 'font-field', label: label, labelPosition: labelPosition, width: width, propKey: propKey, showCopyPropIds: showCopyPropIds, inventory: inventory, setOverride: setOverride, onClose: onClose, activeOverride: activeOverride, removeOverride: removeOverride, override: override, type: 'text' },
+        React.createElement(FontPicker, { apiKey: apiKey, activeFontFamily: fontValue, families: availableAssets, defaultFonts: DEFAULT_FONTS, customFonts: availableFonts, onChange: onChange })));
+};
+export default FontField;
+//# sourceMappingURL=FontField.js.map

package/dist/esm/components/font-field/FontField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FontField.js","sourceRoot":"","sources":["../../../../src/components/font-field/FontField.tsx"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,+BAA+B,CAAC;AACzD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAqBtD,MAAM,SAAS,GAAG,CAAC,KAAsB,EAAE,EAAE;IACzC,MAAM,EACF,IAAI,EACJ,cAAc,EACd,MAAM,EACN,QAAQ,EACR,KAAK,EACL,aAAa,EACb,KAAK,EACL,QAAQ,EACR,eAAe,EACf,OAAO,EACP,WAAW,EACX,cAAc,EACd,SAAS,EACT,OAAO,EACP,cAAc,EACjB,GAAG,KAAK,CAAC;IAEV,MAAM,oBAAoB,GAAG,cAAc,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACvE,MAAM,aAAa,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IACvD,MAAM,eAAe,GAAG,CAAC,GAAG,aAAa,EAAE,GAAG,oBAAoB,CAAC,CAAC,IAAI,EAAE,CAAC;IAC3E,MAAM,SAAS,GAAG,eAAe,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IACjD,MAAM,SAAS,GAAG,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,YAAY,CAAC;IAE5D,OAAO,CACH,oBAAC,YAAY,IACT,WAAW,EAAC,YAAY,EACxB,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,MAAM;QACX,oBAAC,UAAU,IACP,MAAM,EAAE,MAAM,EACd,gBAAgB,EAAE,SAAS,EAC3B,QAAQ,EAAE,eAAe,EACzB,YAAY,EAAE,aAAa,EAC3B,WAAW,EAAE,cAAc,EAC3B,QAAQ,EAAE,QAAQ,GACpB,CACS,CAClB,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/esm/components/icon-toggle/IconToggle.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+interface IIconToggleProps {
+    selected: boolean;
+    onChange(selected: boolean): any;
+    icon: any;
+    override?: any;
+    showCopyPropIds?: boolean;
+    propKey?: string;
+    setOverride?(e: any): void;
+    removeOverride?(): void;
+    inventory?: any;
+    onClose?(e: boolean): void;
+    activeOverride?: string;
+}
+declare const IconToggle: React.FC<IIconToggleProps>;
+export default IconToggle;

package/dist/esm/components/icon-toggle/IconToggle.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import { getConfigVariableButton } from '../config-variable-button/ConfigVariableButton';
+import { getOverrideHandler } from '../../constants/variables';
+const IconToggle = ({ 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 (React.createElement("div", { className: 'icon-toggle', onClick: () => onChange(!selected) }, content));
+        }
+    };
+    return inputField();
+};
+export default IconToggle;
+//# sourceMappingURL=IconToggle.js.map

package/dist/esm/components/icon-toggle/IconToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconToggle.js","sourceRoot":"","sources":["../../../../src/components/icon-toggle/IconToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,uBAAuB,EAAE,MAAM,gDAAgD,CAAC;AACzF,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAiB/D,MAAM,UAAU,GAA+B,CAAC,EAC5C,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,eAAe,EACf,OAAO,EACP,WAAW,EACX,cAAc,EACd,SAAS,EACT,OAAO,EACP,cAAc,EACjB,EAAE,EAAE;IACD,MAAM,OAAO,GAAG,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IAEvC,MAAM,EAAE,WAAW,EAAE,GAAG,kBAAkB,CAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC;IAEzE,MAAM,UAAU,GAAG,GAAG,EAAE;QACpB,IAAI,WAAW,IAAI,eAAe,EAAE,CAAC;YACjC,OAAO,uBAAuB,CAC1B,eAAe,EACf,SAAS,EACT,SAAS,EACT,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,EACrB,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EACjB,IAAI,EACJ,cAAc,EACd,GAAG,EAAE,CAAC,cAAc,EAAE,CACzB,CAAC;QACN,CAAC;aAAM,CAAC;YACJ,OAAO,CACH,6BACI,SAAS,EAAC,aAAa,EACvB,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,IACjC,OAAO,CACN,CACT,CAAC;QACN,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,UAAU,EAAE,CAAC;AACxB,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/esm/components/text-area-autocomplete/TextAreaAutocomplete.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+interface ITextAreaAutocompleteProps {
+    options: any;
+    variables: any;
+    varsData: any;
+    variableItem: any;
+    onChange?(e: any): void;
+    override?: any;
+    showCopyPropIds?: boolean;
+    propKey?: string;
+    setOverride?(e: any): void;
+    removeOverride?(): void;
+    inventory?: any;
+    onClose?(e: boolean): void;
+    activeOverride?: string;
+}
+declare const TextAreaAutocomplete: (props: ITextAreaAutocompleteProps) => React.JSX.Element;
+export default TextAreaAutocomplete;

package/dist/esm/components/text-area-autocomplete/TextAreaAutocomplete.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import ReactTextareaAutocomplete from '@imposium-hub/react-textarea-autocomplete';
+import FieldWrapper from '../field-wrapper/FieldWrapper';
+import Spinner from '../spinner/Spinner';
+const TextAreaAutocomplete = (props) => {
+    const { options, showCopyPropIds, inventory, override, setOverride, removeOverride, onClose, propKey, varsData, variableItem, onChange, activeOverride } = props;
+    return (React.createElement(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' },
+        React.createElement(ReactTextareaAutocomplete, { key: 'text-autocomplete', onChange: (e) => onChange(e.target.value), value: options['content'], loadingComponent: () => React.createElement(Spinner, null), movePopupAsYouType: true, 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}}}`
+                }
+            } })));
+};
+export default TextAreaAutocomplete;
+//# sourceMappingURL=TextAreaAutocomplete.js.map

package/dist/esm/components/text-area-autocomplete/TextAreaAutocomplete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextAreaAutocomplete.js","sourceRoot":"","sources":["../../../../src/components/text-area-autocomplete/TextAreaAutocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,yBAAyB,MAAM,2CAA2C,CAAC;AAClF,OAAO,YAAY,MAAM,+BAA+B,CAAC;AACzD,OAAO,OAAO,MAAM,oBAAoB,CAAC;AAmBzC,MAAM,oBAAoB,GAAG,CAAC,KAAiC,EAAE,EAAE;IAC/D,MAAM,EACF,OAAO,EACP,eAAe,EACf,SAAS,EACT,QAAQ,EACR,WAAW,EACX,cAAc,EACd,OAAO,EACP,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,cAAc,EACjB,GAAG,KAAK,CAAC;IAEV,OAAO,CACH,oBAAC,YAAY,IACT,KAAK,EAAC,SAAS,EACf,aAAa,EAAC,KAAK,EACnB,WAAW,EAAC,8BAA8B,EAC1C,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,UAAU;QACf,oBAAC,yBAAyB,IACtB,GAAG,EAAC,mBAAmB,EACvB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACzC,KAAK,EAAE,OAAO,CAAC,SAAS,CAAC,EACzB,gBAAgB,EAAE,GAAG,EAAE,CAAC,oBAAC,OAAO,OAAG,EACnC,kBAAkB,QAClB,OAAO,EAAE,CAAC,EACV,UAAU,EAAE,IAAI,EAChB,OAAO,EAAE;gBACL,GAAG,EAAE;oBACD,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE;wBAChB,MAAM,QAAQ,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CACnC,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,CACrC,CAAC;wBACF,OAAO,QAAQ,CAAC;oBACpB,CAAC;oBACD,SAAS,EAAE,YAAY;oBACvB,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,KAAK,CAAC,IAAI,IAAI;iBACzC;aACJ,GACH,CACS,CAClB,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/esm/components/variables-dropdown/VariableDropdown.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { ControlListType } from '../controlled-list/ControlledList';
+interface IVariableDropDownProps {
+    returnVariables: boolean;
+    type: ControlListType;
+    inventory: any;
+    setOverride?(e: any): void;
+    removeOverride?(): void;
+    activeOverride?: string;
+}
+declare const VariableDropDown: React.FC<IVariableDropDownProps>;
+export default VariableDropDown;

package/dist/esm/components/variables-dropdown/VariableDropdown.js

@@ -0,0 +1,50 @@
+import React from 'react';
+import { ICON_TIMES, ICON_WARNING } from '../../constants/icons';
+import Button from '../button/Button';
+import { renderTooltip, renderTooltipProps } from '../Tooltip';
+import { generateUUID } from '../../Util';
+const VariableDropDown = (props) => {
+    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 = (React.createElement("div", { className: 'warning', ...renderTooltipProps(warningTooltipId, 'No variable preview') },
+            ICON_WARNING,
+            renderTooltip(warningTooltipId, 'No variable preview')));
+        const removeButton = (React.createElement("div", { className: 'buttons' },
+            React.createElement(Button, { onClick: () => removeOverride(), size: 'small', style: 'subtle', color: 'danger' }, ICON_TIMES)));
+        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 (React.createElement("div", { className: 'color-options-menu', key: variable.id.toString() },
+                    React.createElement("div", { className: 'color-option-list', onClick: onClickHandler },
+                        React.createElement("div", { className: className },
+                            React.createElement("p", null, variable.name),
+                            showRemoveButton,
+                            showWarning))));
+            });
+            return options;
+        };
+        return React.createElement(React.Fragment, null, variableOption());
+    }
+};
+export default VariableDropDown;
+//# sourceMappingURL=VariableDropdown.js.map

package/dist/esm/components/variables-dropdown/VariableDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VariableDropdown.js","sourceRoot":"","sources":["../../../../src/components/variables-dropdown/VariableDropdown.tsx"],"names":[],"mappings":"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"}

package/dist/esm/constants/copy.js

@@ -246,7 +246,7 @@ export const ERROR = {
 export const copying = {
     copied: 'Copied to clipboard!',
     error: 'Error copying to clipboard.',
-    tooltip: 'Copy to clipboard!'
+    tooltip: 'Copied to Clipboard'
 };
 export const confirm = {
     yes: 'Yes',