@imposium-hub/components 2.11.5-4 → 2.11.6-0

package/dist/esm/components/button-group-field/ButtonGroupField.js

@@ -1,6 +1,9 @@
 import * as React from 'react';
 import FieldWrapper from '../field-wrapper/FieldWrapper';
 import { renderTooltip, renderTooltipProps } from '../Tooltip';
+import { getOverrideHandler } from '../../constants/variables';
+import Button from '../button/Button';
+import { ICON_TIMES } from '../../constants/icons';
 class ButtonGroupField extends React.PureComponent {
     clickTimeout;
     clickCounter = 0;
@@ -21,28 +24,43 @@ class ButtonGroupField extends React.PureComponent {
             doubleClick();
         }
     };
+    renderRemoveButton() {
+        const { removeOverride } = this.props;
+        return (React.createElement("div", { className: 'item' },
+            React.createElement("div", { className: 'buttons' },
+                React.createElement(Button, { style: 'subtle', color: 'danger', onClick: () => removeOverride() }, ICON_TIMES))));
+    }
     render = () => {
-        const { value, label, options, width, tooltip, info, labelPosition, labelWidth, disabled } = this.props;
+        const { options, width, tooltip, info, labelPosition, labelWidth, disabled, propKey, showCopyPropIds, inventory, override, setOverride, onClose, onChange, activeOverride, removeOverride } = this.props;
         const optionStyle = { width: `${100 / options.length}%` };
-        return (React.createElement(FieldWrapper, { customClass: 'button-group-field', label: label, tooltip: tooltip, info: info, labelPosition: labelPosition, width: width, labelWidth: labelWidth },
-            React.createElement("div", { className: 'button-group' }, options.map((option, i) => {
-                const optionKey = option.value;
-                const optionLabel = option.label;
-                const icon = option.icon ? option.icon : null;
-                const tooltipId = `${optionKey}-${i}`;
-                const activeOption = optionKey === value;
-                const activeClass = activeOption ? 'active' : disabled ? 'disabled' : '';
-                const onClick = !activeOption
-                    ? () => {
-                        this.props.onChange(optionKey);
-                    }
-                    : null;
-                return (React.createElement("div", { key: `option-${optionKey}`, style: optionStyle, className: `button-group-option ${activeClass}`, ...renderTooltipProps(tooltipId, option.tooltip), onClick: typeof option.onDoubleClick === 'function'
-                        ? () => this.handleMultipleClicks(onClick, option.onDoubleClick)
-                        : onClick },
-                    !icon ? optionLabel : icon,
-                    renderTooltip(tooltipId, option.tooltip)));
-            }))));
+        const inputField = () => {
+            const { hasOverride, previewItem } = getOverrideHandler(propKey, override, inventory);
+            const value = hasOverride ? previewItem : this.props.value;
+            return (React.createElement("div", { className: `${hasOverride ? 'override_variable text' : ''}` },
+                React.createElement("div", { className: 'button-group' }, options.map((option, i) => {
+                    const optionKey = option.value;
+                    const optionLabel = option.label;
+                    const icon = option.icon ? option.icon : null;
+                    const tooltipId = `${optionKey}-${i}`;
+                    const activeOption = optionKey === value;
+                    const activeClass = activeOption
+                        ? 'active'
+                        : disabled
+                            ? 'disabled'
+                            : '';
+                    const onClick = !activeOption
+                        ? () => {
+                            onChange(optionKey);
+                        }
+                        : null;
+                    return (React.createElement("div", { key: `option-${optionKey}`, style: optionStyle, className: `button-group-option ${activeClass} ${hasOverride ? 'disabled' : ''}`, ...renderTooltipProps(tooltipId, option.tooltip), onClick: typeof option.onDoubleClick === 'function'
+                            ? () => this.handleMultipleClicks(onClick, option.onDoubleClick)
+                            : onClick },
+                        !icon ? optionLabel : icon,
+                        renderTooltip(tooltipId, option.tooltip)));
+                }))));
+        };
+        return (React.createElement(FieldWrapper, { customClass: 'button-group-field', label: this.props.label, tooltip: tooltip, info: info, labelPosition: labelPosition, width: width, labelWidth: labelWidth, propKey: propKey, showCopyPropIds: showCopyPropIds, inventory: inventory, setOverride: setOverride, onClose: onClose, activeOverride: activeOverride, removeOverride: removeOverride, override: override, type: 'text', buttonGroup: true }, inputField()));
     };
 }
 export default ButtonGroupField;

package/dist/esm/components/button-group-field/ButtonGroupField.js.map

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

package/dist/esm/components/checkbox-field/CheckboxField.d.ts

@@ -10,6 +10,14 @@ interface ICheckboxFieldProps {
     info?: string;
     labelPosition?: string;
     labelWidth?: string | number;
+    override?: any;
+    showCopyPropIds?: boolean;
+    propKey?: string;
+    setOverride?(e: any): void;
+    removeOverride?(): void;
+    inventory?: any;
+    onClose?(e: boolean): void;
+    activeOverride?: string;
 }
 declare class CheckboxField extends React.PureComponent<ICheckboxFieldProps> {
     constructor(props: any);

package/dist/esm/components/checkbox-field/CheckboxField.js

@@ -12,9 +12,9 @@ class CheckboxField extends React.PureComponent {
         this.props.onChange(!this.props.value, e);
     }
     render() {
-        const { value, label, width, tooltip, info, labelPosition, labelWidth } = this.props;
+        const { value, width, tooltip, info, labelPosition, labelWidth, showCopyPropIds, propKey, override, inventory, setOverride, removeOverride, onClose, activeOverride } = this.props;
         const icon = value === true ? ICON_CHECK : null;
-        return (React.createElement(FieldWrapper, { customClass: 'checkbox-field', label: label, tooltip: tooltip, info: info, labelPosition: labelPosition, labelWidth: labelWidth, width: width },
+        return (React.createElement(FieldWrapper, { customClass: 'checkbox-field', label: this.props.label, tooltip: tooltip, info: info, labelPosition: labelPosition, labelWidth: labelWidth, width: width, propKey: propKey, showCopyPropIds: showCopyPropIds, inventory: inventory, setOverride: setOverride, onClose: onClose, activeOverride: activeOverride, removeOverride: removeOverride, override: override, type: 'boolean' },
             React.createElement("div", { className: 'checkbox', onClick: (e) => this.toggle(e) }, icon)));
     }
 }

package/dist/esm/components/checkbox-field/CheckboxField.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxField.js","sourceRoot":"","sources":["../../../../src/components/checkbox-field/CheckboxField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,YAAY,MAAM,+BAA+B,CAAC;AAEzD,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAcnD,MAAM,aAAc,SAAQ,KAAK,CAAC,aAAkC;IAChE,YAAY,KAAK;QACb,KAAK,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC;IAEO,MAAM,CAAC,CAAC;QACZ,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC;YACxB,CAAC,CAAC,eAAe,EAAE,CAAC;QACxB,CAAC;QACD,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;IAC9C,CAAC;IAEM,MAAM;QACT,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACrF,MAAM,IAAI,GAAG,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC;QAEhD,OAAO,CACH,oBAAC,YAAY,IACT,WAAW,EAAC,gBAAgB,EAC5B,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK;YACZ,6BACI,SAAS,EAAC,UAAU,EACpB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAC7B,IAAI,CACH,CACK,CAClB,CAAC;IACN,CAAC;CACJ;AAED,eAAe,aAAa,CAAC"}
+{"version":3,"file":"CheckboxField.js","sourceRoot":"","sources":["../../../../src/components/checkbox-field/CheckboxField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,YAAY,MAAM,+BAA+B,CAAC;AAEzD,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAuBnD,MAAM,aAAc,SAAQ,KAAK,CAAC,aAAkC;IAChE,YAAY,KAAK;QACb,KAAK,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC;IAEO,MAAM,CAAC,CAAC;QACZ,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC;YACxB,CAAC,CAAC,eAAe,EAAE,CAAC;QACxB,CAAC;QACD,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;IAC9C,CAAC;IAEM,MAAM;QACT,MAAM,EACF,KAAK,EACL,KAAK,EACL,OAAO,EACP,IAAI,EACJ,aAAa,EACb,UAAU,EACV,eAAe,EACf,OAAO,EACP,QAAQ,EACR,SAAS,EACT,WAAW,EACX,cAAc,EACd,OAAO,EACP,cAAc,EACjB,GAAG,IAAI,CAAC,KAAK,CAAC;QACf,MAAM,IAAI,GAAG,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC;QAEhD,OAAO,CACH,oBAAC,YAAY,IACT,WAAW,EAAC,gBAAgB,EAC5B,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,UAAU,EACtB,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,SAAS;YACd,6BACI,SAAS,EAAC,UAAU,EACpB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAC7B,IAAI,CACH,CACK,CAClB,CAAC;IACN,CAAC;CACJ;AAED,eAAe,aAAa,CAAC"}

package/dist/esm/components/color-field/ColorField.d.ts

@@ -16,6 +16,14 @@ interface IColorFieldProps {
     pickerPosition?: string;
     labelWidth?: string | number;
     disabled?: boolean;
+    override?: any;
+    showCopyPropIds?: boolean;
+    propKey?: string;
+    setOverride?(e: any): void;
+    removeOverride?(): void;
+    inventory?: any;
+    onClose?(e: boolean): void;
+    activeOverride?: string;
 }
 interface IColorFieldState {
     pickerOpen: boolean;

package/dist/esm/components/color-field/ColorField.js

@@ -60,7 +60,7 @@ class ColorField extends React.PureComponent {
         }
     }
     render() {
-        const { label, width, buttons, tooltip, value, enableAlpha, presetColors, info, labelPosition, pickerPosition, labelWidth, disabled } = this.props;
+        const { width, buttons, tooltip, value, enableAlpha, presetColors, info, labelPosition, pickerPosition, labelWidth, disabled, override, showCopyPropIds, propKey, inventory, setOverride, removeOverride, onClose, activeOverride } = this.props;
         const { pickerOpen } = this.state;
         const disableAlpha = !enableAlpha;
         const pickerPos = pickerPosition || 'left';
@@ -73,7 +73,7 @@ class ColorField extends React.PureComponent {
             background: this.transparentBg,
             height: '20px'
         };
-        return (React.createElement(FieldWrapper, { customClass: 'color-field', label: label, tooltip: tooltip, buttons: buttons, info: info, labelPosition: labelPosition, labelWidth: labelWidth, width: width },
+        return (React.createElement(FieldWrapper, { customClass: 'color-field', label: this.props.label, tooltip: tooltip, buttons: buttons, info: info, labelPosition: labelPosition, labelWidth: labelWidth, width: width, propKey: propKey, showCopyPropIds: showCopyPropIds, inventory: inventory, setOverride: setOverride, onClose: onClose, activeOverride: activeOverride, removeOverride: removeOverride, override: override, type: 'color' },
             React.createElement("div", { style: transparentBg },
                 React.createElement("div", { className: 'swatch', style: swatchStyle, onClick: (e) => this.togglePicker(e) })),
             !disabled && (React.createElement("div", { className: `picker picker-${pickerPos}`, ref: this.picker }, picker))));

package/dist/esm/components/color-field/ColorField.js.map

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

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

@@ -0,0 +1,43 @@
+import React from 'react';
+export declare const getConfigVariableButton: import("moize").Moized<(enabled: any, type: any, inventory: any, setOverride: any, onClose: any, icon: any, activeOverride: any, removeOverride: any) => React.JSX.Element, Partial<{
+    isDeepEqual: boolean;
+    isPromise: boolean;
+    isReact: boolean;
+    isSerialized: boolean;
+    isShallowEqual: boolean;
+    matchesArg: import("moize").IsEqual;
+    matchesKey: import("moize").IsMatchingKey;
+    maxAge: number;
+    maxArgs: number;
+    maxSize: number;
+    onCacheAdd: import("moize").OnCacheOperation<(enabled: any, type: any, inventory: any, setOverride: any, onClose: any, icon: any, activeOverride: any, removeOverride: any) => React.JSX.Element>;
+    onCacheChange: import("moize").OnCacheOperation<(enabled: any, type: any, inventory: any, setOverride: any, onClose: any, icon: any, activeOverride: any, removeOverride: any) => React.JSX.Element>;
+    onCacheHit: import("moize").OnCacheOperation<(enabled: any, type: any, inventory: any, setOverride: any, onClose: any, icon: any, activeOverride: any, removeOverride: any) => React.JSX.Element>;
+    onExpire: import("moize").OnExpire;
+    profileName: string;
+    serializer: import("moize").Serialize;
+    transformArgs: import("moize").TransformKey;
+    updateCacheForKey: import("moize").UpdateCacheForKey;
+    updateExpire: boolean;
+}> & Partial<{
+    isDeepEqual: boolean;
+    isPromise: boolean;
+    isReact: boolean;
+    isSerialized: boolean;
+    isShallowEqual: boolean;
+    matchesArg: import("moize").IsEqual;
+    matchesKey: import("moize").IsMatchingKey;
+    maxAge: number;
+    maxArgs: number;
+    maxSize: number;
+    onCacheAdd: import("moize").OnCacheOperation<import("moize").Moizeable>;
+    onCacheChange: import("moize").OnCacheOperation<import("moize").Moizeable>;
+    onCacheHit: import("moize").OnCacheOperation<import("moize").Moizeable>;
+    onExpire: import("moize").OnExpire;
+    profileName: string;
+    serializer: import("moize").Serialize;
+    transformArgs: import("moize").TransformKey;
+    updateCacheForKey: import("moize").UpdateCacheForKey;
+    updateExpire: boolean;
+}>>;
+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/controlled-list/ControlledList.d.ts

@@ -1,12 +1,16 @@
 import * as React from 'react';
+export type ControlListType = 'text' | 'number' | 'color' | 'textarea' | 'boolean' | 'icon';
 interface IControlledListProps {
     items?: any[];
     removable?: boolean;
     onRemove?(index: any): void;
+    type?: ControlListType;
+    content?: any;
+    propKey?: string;
+    previewMultiplier?: number;
 }
 declare class ControlledList extends React.PureComponent<IControlledListProps> {
-    private inputRef;
-    private submitHandler;
+    constructor(props: IControlledListProps);
     renderRemoveButton(index: any): React.JSX.Element;
     render(): React.JSX.Element;
 }

package/dist/esm/components/controlled-list/ControlledList.js

@@ -1,9 +1,10 @@
 import * as React from 'react';
 import Button from '../button/Button';
-import { ICON_TIMES } from '../../constants/icons';
+import { ICON_BRACKET_CURLY, ICON_CHECK, ICON_TIMES } from '../../constants/icons';
 class ControlledList extends React.PureComponent {
-    inputRef;
-    submitHandler;
+    constructor(props) {
+        super(props);
+    }
     renderRemoveButton(index) {
         const { removable } = this.props;
         if (removable) {
@@ -12,13 +13,29 @@ class ControlledList extends React.PureComponent {
         }
     }
     render() {
-        const { items } = this.props;
+        const { items, type, content, previewMultiplier } = this.props;
         let buttons;
         if (items) {
             buttons = items.map((item, i) => {
-                return (React.createElement("div", { className: 'item', key: `item-${i}` },
-                    item,
-                    this.renderRemoveButton(i)));
+                switch (type) {
+                    case 'text':
+                    case 'number':
+                        const previewValue = typeof item === 'number' ? `${item * previewMultiplier}` : item;
+                        return (React.createElement("div", { className: 'item', key: `item-${i}` },
+                            React.createElement("p", null, previewValue ? `{{ ${previewValue} }}` : 'PREVIEW NOT SET')));
+                    case 'textarea':
+                        return (React.createElement("div", { className: 'item textarea rta', key: `item-${i}` },
+                            React.createElement("textarea", { className: 'rta__textarea', value: item, disabled: true })));
+                    case 'boolean':
+                        const icon = content ? ICON_BRACKET_CURLY : item ? ICON_CHECK : null;
+                        return (React.createElement("div", { className: `item ${content ? 'icon-toggle' : 'checkbox'}`, key: `item-${i}` }, icon));
+                    case 'color':
+                        return (React.createElement("div", { className: 'item color', key: `item-${i}`, style: { backgroundColor: item } }));
+                    default:
+                        return (React.createElement("div", { className: 'item', key: `item-${i}` },
+                            item,
+                            this.renderRemoveButton(i)));
+                }
             });
         }
         return React.createElement("div", { className: 'controlled-list' }, buttons);

package/dist/esm/components/controlled-list/ControlledList.js.map

@@ -1 +1 @@
-{"version":3,"file":"ControlledList.js","sourceRoot":"","sources":["../../../../src/components/controlled-list/ControlledList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAQnD,MAAM,cAAe,SAAQ,KAAK,CAAC,aAAmC;IAC1D,QAAQ,CAAM;IAEd,aAAa,CAAM;IAEpB,kBAAkB,CAAC,KAAK;QAC3B,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAEjC,IAAI,SAAS,EAAE,CAAC;YACZ,OAAO,CACH,6BAAK,SAAS,EAAC,SAAS;gBACpB,oBAAC,MAAM,IACH,KAAK,EAAC,QAAQ,EACd,KAAK,EAAC,QAAQ,EACd,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,IACxC,UAAU,CACN,CACP,CACT,CAAC;QACN,CAAC;IACL,CAAC;IAEM,MAAM;QACT,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAC7B,IAAI,OAAsB,CAAC;QAE3B,IAAI,KAAK,EAAE,CAAC;YACR,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;gBAC5B,OAAO,CACH,6BACI,SAAS,EAAC,MAAM,EAChB,GAAG,EAAE,QAAQ,CAAC,EAAE;oBACf,IAAI;oBACJ,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,CACzB,CACT,CAAC;YACN,CAAC,CAAC,CAAC;QACP,CAAC;QAED,OAAO,6BAAK,SAAS,EAAC,iBAAiB,IAAE,OAAO,CAAO,CAAC;IAC5D,CAAC;CACJ;AAED,eAAe,cAAc,CAAC"}
+{"version":3,"file":"ControlledList.js","sourceRoot":"","sources":["../../../../src/components/controlled-list/ControlledList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,kBAAkB,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAcnF,MAAM,cAAe,SAAQ,KAAK,CAAC,aAAmC;IAClE,YAAY,KAA2B;QACnC,KAAK,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC;IAEM,kBAAkB,CAAC,KAAK;QAC3B,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAEjC,IAAI,SAAS,EAAE,CAAC;YACZ,OAAO,CACH,6BAAK,SAAS,EAAC,SAAS;gBACpB,oBAAC,MAAM,IACH,KAAK,EAAC,QAAQ,EACd,KAAK,EAAC,QAAQ,EACd,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,IACxC,UAAU,CACN,CACP,CACT,CAAC;QACN,CAAC;IACL,CAAC;IAEM,MAAM;QACT,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,iBAAiB,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAC/D,IAAI,OAAsB,CAAC;QAC3B,IAAI,KAAK,EAAE,CAAC;YACR,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;gBAC5B,QAAQ,IAAI,EAAE,CAAC;oBACX,KAAK,MAAM,CAAC;oBACZ,KAAK,QAAQ;wBACT,MAAM,YAAY,GACd,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,iBAAiB,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;wBACpE,OAAO,CACH,6BACI,SAAS,EAAC,MAAM,EAChB,GAAG,EAAE,QAAQ,CAAC,EAAE;4BAChB,+BAAI,YAAY,CAAC,CAAC,CAAC,MAAM,YAAY,KAAK,CAAC,CAAC,CAAC,iBAAiB,CAAK,CACjE,CACT,CAAC;oBACN,KAAK,UAAU;wBACX,OAAO,CACH,6BACI,SAAS,EAAC,mBAAmB,EAC7B,GAAG,EAAE,QAAQ,CAAC,EAAE;4BAChB,kCACI,SAAS,EAAC,eAAe,EACzB,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,IAAI,GAChB,CACA,CACT,CAAC;oBACN,KAAK,SAAS;wBACV,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC;wBACrE,OAAO,CACH,6BACI,SAAS,EAAE,QAAQ,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,UAAU,EAAE,EACzD,GAAG,EAAE,QAAQ,CAAC,EAAE,IACf,IAAI,CACH,CACT,CAAC;oBACN,KAAK,OAAO;wBACR,OAAO,CACH,6BACI,SAAS,EAAC,YAAY,EACtB,GAAG,EAAE,QAAQ,CAAC,EAAE,EAChB,KAAK,EAAE,EAAE,eAAe,EAAE,IAAI,EAAE,GAClC,CACL,CAAC;oBACN;wBACI,OAAO,CACH,6BACI,SAAS,EAAC,MAAM,EAChB,GAAG,EAAE,QAAQ,CAAC,EAAE;4BACf,IAAI;4BACJ,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,CACzB,CACT,CAAC;gBACV,CAAC;YACL,CAAC,CAAC,CAAC;QACP,CAAC;QAED,OAAO,6BAAK,SAAS,EAAC,iBAAiB,IAAE,OAAO,CAAO,CAAC;IAC5D,CAAC;CACJ;AAED,eAAe,cAAc,CAAC"}

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/field-wrapper/FieldWrapper.d.ts

@@ -11,6 +11,17 @@ interface IFieldWrapperProps {
     labelPosition?: string;
     labelWidth?: string | number;
     header?: boolean;
+    type?: any;
+    override?: any;
+    showCopyPropIds?: boolean;
+    propKey?: string;
+    setOverride?(e: any): void;
+    removeOverride?(): void;
+    inventory?: any;
+    onClose?(e: boolean): void;
+    activeOverride?: string;
+    buttonGroup?: boolean;
+    previewMultiplier?: number;
 }
 interface IFieldWrapperState {
     showInfo: boolean;

package/dist/esm/components/field-wrapper/FieldWrapper.js

@@ -3,6 +3,9 @@ import { generateUUID } from '../../Util';
 import { renderTooltipProps, renderTooltip } from '../Tooltip';
 import { ICON_TIMES_CIRCLE, ICON_INFO_CIRCLE } from '../../constants/icons';
 import Button from '../button/Button';
+import { fieldLabel } from '../config-variable-button/ConfigVariableButton';
+import ControlledList from '../controlled-list/ControlledList';
+import { getOverrideHandler } from '../../constants/variables';
 class FieldWrapper extends React.PureComponent {
     tooltipId;
     toggleIDInfo;
@@ -19,17 +22,22 @@ class FieldWrapper extends React.PureComponent {
         };
     }
     getLabelClass() {
-        if (!this.props.label) {
+        const { propKey, label, labelPosition } = this.props;
+        if (!label && propKey) {
+            return 'label-left';
+        }
+        else if (!label) {
             return 'no-label';
         }
         else {
-            const labelPos = this.props.labelPosition ? this.props.labelPosition : 'left';
+            const labelPos = labelPosition ? labelPosition : 'left';
             return `label-${labelPos}`;
         }
     }
     renderLabel() {
         const { showInfo } = this.state;
-        const { info, label, labelWidth } = this.props;
+        const { info, labelWidth, propKey, showCopyPropIds, inventory, setOverride, onClose, activeOverride, removeOverride, type } = this.props;
+        const label = fieldLabel(this.props.label, propKey, showCopyPropIds, type, inventory, (o) => setOverride(o), (o) => onClose(o), activeOverride, () => removeOverride());
         const iconInfo = showInfo ? ICON_TIMES_CIRCLE : ICON_INFO_CIRCLE;
         const style = {};
         if (labelWidth) {
@@ -47,8 +55,18 @@ class FieldWrapper extends React.PureComponent {
         }
     }
     render() {
-        const { label, width, customClass, header } = this.props;
+        const { label, width, header, propKey, override, inventory, type, customClass, buttonGroup, previewMultiplier } = this.props;
         const labelJSX = this.renderLabel();
+        const { hasOverride, previewItem } = getOverrideHandler(propKey, override, inventory);
+        const className = hasOverride ? `${customClass} override_variable ${type}` : customClass;
+        const children = () => {
+            if (hasOverride && !buttonGroup) {
+                return (React.createElement(ControlledList, { items: [previewItem], removable: true, type: type, previewMultiplier: previewMultiplier }));
+            }
+            else {
+                return this.props.children;
+            }
+        };
         const style = {};
         let fieldProps = {};
         if (!label) {
@@ -59,10 +77,10 @@ class FieldWrapper extends React.PureComponent {
         }
         return (React.createElement(React.Fragment, null,
             header && this.renderButtons(),
-            React.createElement("div", { className: `form-field ${customClass} ${this.getLabelClass()}`, style: style },
+            React.createElement("div", { className: `form-field ${className} ${this.getLabelClass()}`, style: style },
                 labelJSX,
                 React.createElement("div", { className: `form-field-content ${this.getLabelClass()}`, ...fieldProps },
-                    this.props.children,
+                    children(),
                     !header && this.renderButtons()),
                 renderTooltip(this.tooltipId, this.props.tooltip),
                 this.renderInfo())));

package/dist/esm/components/field-wrapper/FieldWrapper.js.map

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

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/header/Header.js

@@ -297,9 +297,10 @@ class ImposiumHeader extends React.PureComponent {
                     React.createElement("div", { className: 'title' }, logo),
                     serviceDropdownToggle),
                 React.createElement("span", { className: 'inner-right' },
-                    CrMLink,
                     storyToggle,
-                    React.createElement("div", { className: 'additional-buttons' }, additionalButtons),
+                    React.createElement("div", { className: 'additional-buttons' },
+                        additionalButtons,
+                        CrMLink),
                     accountDropdownToggle,
                     React.createElement("a", { href: 'https://support.flashtalking.com/hc/en-us/sections/25515903148819-Imposium', target: '_blank' },
                         React.createElement("div", { className: 'btn-help' }, ICON_HELP)))),