@imposium-hub/components 1.43.5 → 1.44.0

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

@@ -0,0 +1,119 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var React = __importStar(require("react"));
+var FieldWrapper_1 = __importDefault(require("../field-wrapper/FieldWrapper"));
+var react_color_1 = require("react-color");
+var ColorField = /** @class */ (function (_super) {
+    __extends(ColorField, _super);
+    function ColorField(props) {
+        var _this = _super.call(this, props) || this;
+        _this.transparentBg = "url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMUlEQVQ4T2NkYGAQYcAP3uCTZhw1gGGYhAGBZIA/nYDCgBDAm9BGDWAAJyRCgLaBCAAgXwixzAS0pgAAAABJRU5ErkJggg==\") left center";
+        _this.state = {
+            pickerOpen: false
+        };
+        _this.picker = React.createRef();
+        _this.clickOutsideHandler = function (e) { return _this.handleClickOutside(e); };
+        return _this;
+    }
+    ColorField.prototype.togglePicker = function (e) {
+        var _this = this;
+        e.preventDefault();
+        e.stopPropagation();
+        var newState = !this.state.pickerOpen;
+        this.setState({
+            pickerOpen: newState
+        }, function () {
+            if (_this.state.pickerOpen) {
+                document.addEventListener('click', _this.clickOutsideHandler);
+            }
+            else {
+                document.removeEventListener('click', _this.clickOutsideHandler);
+            }
+        });
+    };
+    ColorField.prototype.handleClickOutside = function (e) {
+        var targetElement = e.target;
+        var ref = this.picker.current;
+        do {
+            if (targetElement === ref) {
+                return;
+            }
+            targetElement = targetElement.parentNode;
+        } while (targetElement);
+        document.removeEventListener('click', this.clickOutsideHandler);
+        this.setState({
+            pickerOpen: false
+        });
+    };
+    ColorField.prototype.handleChangeComplete = function (color, e) {
+        return this.props.onChange(color);
+    };
+    ColorField.prototype.render = function () {
+        var _this = this;
+        var _a = this.props, label = _a.label, placeholder = _a.placeholder, width = _a.width, readOnly = _a.readOnly, buttons = _a.buttons, tooltip = _a.tooltip, value = _a.value, enableAlpha = _a.enableAlpha, presetColors = _a.presetColors, info = _a.info, labelPosition = _a.labelPosition, pickerPosition = _a.pickerPosition;
+        var pickerOpen = this.state.pickerOpen;
+        var disableAlpha = !enableAlpha;
+        var pickerPos = pickerPosition || 'left';
+        var picker = (pickerOpen) ? React.createElement(react_color_1.SketchPicker, { color: value, disableAlpha: disableAlpha, presetColors: presetColors, onChangeComplete: function (c, e) { return _this.handleChangeComplete(c, e); } }) : null;
+        var swatchStyle;
+        if (value === 'transparent') {
+            swatchStyle = {
+                background: this.transparentBg,
+                border: '1px solid #1d1d1d',
+                boxSizing: 'border-box'
+            };
+        }
+        else {
+            swatchStyle = {
+                backgroundColor: value
+            };
+        }
+        return React.createElement(FieldWrapper_1.default, { customClass: 'color-field', label: label, tooltip: tooltip, buttons: buttons, info: info, labelPosition: labelPosition, width: width },
+            React.createElement("div", { className: 'swatch', style: swatchStyle, onClick: function (e) { return _this.togglePicker(e); } }),
+            React.createElement("div", { className: "picker picker-".concat(pickerPos), ref: this.picker }, picker));
+    };
+    return ColorField;
+}(React.PureComponent));
+exports.default = ColorField;
+//# sourceMappingURL=ColorField.js.map

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

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

package/dist/cjs/components/color-field/ColorFiled.stories.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import ColorField from './ColorField';
+declare const _default: {
+    title: string;
+    component: typeof ColorField;
+};
+export default _default;
+export declare const defaultColorField: () => JSX.Element;

package/dist/cjs/components/color-field/ColorFiled.stories.js

@@ -0,0 +1,59 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defaultColorField = void 0;
+var React = __importStar(require("react"));
+var react_1 = require("react");
+var ColorField_1 = __importDefault(require("./ColorField"));
+var addon_actions_1 = require("@storybook/addon-actions");
+exports.default = {
+    title: 'ColorField',
+    component: ColorField_1.default
+};
+var defaultColorField = function () {
+    var _a = __read((0, react_1.useState)('red'), 2), color = _a[0], setColor = _a[1];
+    return (React.createElement(ColorField_1.default, { label: 'Color Field', tooltip: 'TOOLTIP', width: '300px', value: color, onChange: (0, addon_actions_1.action)('CHANGED') }));
+};
+exports.defaultColorField = defaultColorField;
+//# sourceMappingURL=ColorFiled.stories.js.map

package/dist/cjs/components/color-field/ColorFiled.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorFiled.stories.js","sourceRoot":"","sources":["../../../../src/components/color-field/ColorFiled.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,+BAAiC;AACjC,4DAAsC;AACtC,0DAAkD;AAGlD,kBAAe;IACX,KAAK,EAAE,YAAY;IACnB,SAAS,EAAE,oBAAU;CACxB,CAAC;AAkBK,IAAM,iBAAiB,GAAG;IACvB,IAAA,KAAA,OAAoB,IAAA,gBAAQ,EAAC,KAAK,CAAC,IAAA,EAAlC,KAAK,QAAA,EAAE,QAAQ,QAAmB,CAAC;IAE1C,OAAO,CACH,oBAAC,oBAAU,IACP,KAAK,EAAI,aAAa,EACtB,OAAO,EAAI,SAAS,EACpB,KAAK,EAAI,OAAO,EAChB,KAAK,EAAI,KAAK,EACd,QAAQ,EAAI,IAAA,sBAAM,EAAC,SAAS,CAAC,GAAG,CACvC,CAAC;AACN,CAAC,CAAC;AAXW,QAAA,iBAAiB,qBAW5B"}

package/dist/cjs/components/compositions/TextLayer.d.ts

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import { ITextLayer } from '../../constants/compositions';
+interface ITextLayerProps {
+    inventory?: any;
+    onReady?(): void;
+    options: ITextLayer;
+}
+interface ITextLayerState {
+    fontLoaded: boolean;
+    fontError: boolean;
+}
+export default class TextLayer extends React.PureComponent<ITextLayerProps, ITextLayerState> {
+    private innerTextRef;
+    constructor(props: any);
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: any): void;
+    private fitElement;
+    private loadFont;
+    private formatContent;
+    private fitText;
+    private errorLoadingFont;
+    private fontReady;
+    private getFlexStart;
+    render(): JSX.Element;
+}
+export {};

package/dist/cjs/components/compositions/TextLayer.js

@@ -0,0 +1,222 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var React = __importStar(require("react"));
+var assets_1 = require("../../constants/assets");
+var compositions_1 = require("../../constants/compositions");
+var Util_1 = require("../../Util");
+var TextLayer = /** @class */ (function (_super) {
+    __extends(TextLayer, _super);
+    function TextLayer(props) {
+        var _this = _super.call(this, props) || this;
+        _this.state = {
+            fontError: false,
+            fontLoaded: false
+        };
+        _this.innerTextRef = React.createRef();
+        return _this;
+    }
+    TextLayer.prototype.componentDidMount = function () {
+        this.loadFont();
+    };
+    TextLayer.prototype.componentDidUpdate = function (prevProps) {
+        var fontLoaded = this.state.fontLoaded;
+        var _a = this.props.options, font = _a.font, custom_font_id = _a.custom_font_id, content = _a.content;
+        if (prevProps.options.font !== font ||
+            prevProps.options.custom_font_id !== custom_font_id) {
+            this.loadFont();
+        }
+        if (prevProps.options.content !== content && fontLoaded) {
+            this.fitText();
+        }
+    };
+    TextLayer.prototype.fitElement = function (element, targWidth, targHeight) {
+        var computedStyle = window.getComputedStyle(element, null);
+        var fSize = parseFloat(computedStyle.getPropertyValue('font-size'));
+        var lSpace = parseFloat(computedStyle.getPropertyValue('letter-spacing'));
+        var lHeight = parseFloat(computedStyle.getPropertyValue('line-height'));
+        var wSpace = parseFloat(computedStyle.getPropertyValue('word-spacing'));
+        var lSpaceRatio = lSpace / fSize;
+        var lHeightRatio = lHeight / fSize;
+        var wSpaceRatio = wSpace / fSize;
+        var w = element.offsetWidth;
+        var h = element.offsetHeight;
+        while (w > targWidth || h > targHeight) {
+            fSize--;
+            lSpace = Math.round(fSize * lSpaceRatio);
+            lHeight = Math.round(fSize * lHeightRatio);
+            wSpace = Math.round(fSize * wSpaceRatio);
+            element.style.fontSize = "".concat(fSize, "px");
+            element.style.letterSpacing = "".concat(lSpace, "px");
+            element.style.wordSpacing = "".concat(wSpace, "px");
+            element.style.lineHeight = "".concat(lHeight, "px");
+            w = element.offsetWidth;
+            h = element.offsetHeight;
+        }
+    };
+    TextLayer.prototype.loadFont = function () {
+        var _this = this;
+        var _a = this.props.options, font = _a.font, font_size = _a.font_size, font_type = _a.font_type, custom_font_url = _a.custom_font_url;
+        if (font_type === compositions_1.FONT_TYPES.CUSTOM && font_size && custom_font_url) {
+            var fontOrigin_1 = (0, Util_1.s3Url)(custom_font_url, assets_1.ASSET_DISTRO, assets_1.ASSET_ORIGIN);
+            var fontLoaded = false;
+            // Not sure why you need to pass the size in here, but .check() throws an error without it.
+            try {
+                fontLoaded = document.fonts.check("".concat(font_size, "px ").concat(font));
+            }
+            catch (_b) {
+                this.errorLoadingFont();
+            }
+            if (!fontLoaded) {
+                this.setState({
+                    fontLoaded: false
+                }, function () {
+                    var fontObj = new FontFace(font, "url(".concat(fontOrigin_1, ")"), { style: 'normal', weight: 'normal' });
+                    fontObj.load().then(function (e) {
+                        var fonts = document.fonts; // to get rid of "Property 'add' does not exist on type 'FontFaceSet'." TSC error.
+                        fonts.add(fontObj);
+                        _this.fontReady();
+                    }).catch(function (e) {
+                        _this.errorLoadingFont();
+                    });
+                });
+            }
+            else {
+                this.fontReady();
+            }
+        }
+        else if (font_type === compositions_1.FONT_TYPES.STANDARD) {
+            // TODO: check this?
+            this.fontReady();
+        }
+    };
+    TextLayer.prototype.formatContent = function () {
+        var _a = this.props, content = _a.options.content, inventory = _a.inventory;
+        var contentStr = content || '';
+        if (inventory) {
+            // replce all instances of all inventory in the string
+            for (var key in inventory) {
+                if (inventory.hasOwnProperty(key)) {
+                    var regex = new RegExp("{{".concat(key, "}}"), 'g');
+                    var val = inventory[key];
+                    if (val) {
+                        val = val.toString();
+                        contentStr = contentStr.replace(regex, val);
+                    }
+                }
+            }
+        }
+        var pieces = contentStr.split('\n');
+        var sections = [];
+        for (var i = 0; i < pieces.length; i++) {
+            sections.push(React.createElement("span", { key: "s-".concat(i) }, pieces[i]));
+            if (pieces[i + 1]) {
+                sections.push(React.createElement("br", { key: "b-".concat(i) }));
+            }
+        }
+        return sections;
+    };
+    TextLayer.prototype.fitText = function () {
+        if (this.props.options.text_fit) {
+            var text = this.innerTextRef.current;
+            if (text) {
+                this.fitElement(text, this.props.options.width, this.props.options.height);
+            }
+        }
+    };
+    TextLayer.prototype.errorLoadingFont = function () {
+        var _this = this;
+        this.setState({
+            fontError: true
+        }, function () {
+            _this.fontReady();
+        });
+    };
+    TextLayer.prototype.fontReady = function () {
+        var _this = this;
+        this.setState({
+            fontLoaded: true
+        }, function () {
+            _this.fitText();
+            if (_this.props.onReady) {
+                _this.props.onReady();
+            }
+        });
+    };
+    TextLayer.prototype.getFlexStart = function (hAlign) {
+        switch (hAlign) {
+            case 'left': return 'flex-start';
+            case 'center': return 'center';
+            case 'right': return 'flex-end';
+        }
+    };
+    TextLayer.prototype.render = function () {
+        var _a = this.props.options, color = _a.color, background_color = _a.background_color, line_height = _a.line_height, word_spacing = _a.word_spacing, letter_spacing = _a.letter_spacing, font_size = _a.font_size, font_weight = _a.font_weight, font = _a.font, horizontal_alignment = _a.horizontal_alignment, vertical_alignment = _a.vertical_alignment, text_wrap = _a.text_wrap;
+        var fontError = this.state.fontError;
+        var whiteSpace = (text_wrap) ? 'normal' : 'nowrap';
+        var lS = (letter_spacing) ? "".concat(letter_spacing, "px") : 'normal';
+        var wS = (word_spacing) ? "".concat(word_spacing, "px") : 'normal';
+        var lH = (line_height) ? "".concat(line_height, "px") : 'normal';
+        var fS = (font_size) ? "".concat(font_size, "px") : '0px';
+        var fontWeight = (font_weight) ? font_weight : 400;
+        var innerTextStyle = {
+            color: color,
+            lineHeight: lH,
+            wordSpacing: wS,
+            letterSpacing: lS,
+            fontSize: fS,
+            fontWeight: fontWeight,
+            whiteSpace: whiteSpace,
+            fontFamily: (!fontError) ? font : 'Arial, helvetica, sans-serif'
+        };
+        var wrapperStyle = {
+            display: 'flex',
+            textAlign: horizontal_alignment,
+            justifyContent: this.getFlexStart(horizontal_alignment),
+            alignItems: vertical_alignment,
+            backgroundColor: background_color
+        };
+        return React.createElement("div", { className: 'composition-text-layer', style: wrapperStyle },
+            React.createElement("div", { className: 'inner-text', style: innerTextStyle, ref: this.innerTextRef }, this.formatContent()));
+    };
+    return TextLayer;
+}(React.PureComponent));
+exports.default = TextLayer;
+//# sourceMappingURL=TextLayer.js.map

package/dist/cjs/components/compositions/TextLayer.js.map

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

package/dist/cjs/components/controlled-list/ControlledList.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+interface IControlledListProps {
+    items?: any[];
+    removable?: boolean;
+    onRemove?(index: any): void;
+}
+declare class ControlledList extends React.PureComponent<IControlledListProps> {
+    private inputRef;
+    private submitHandler;
+    renderRemoveButton(index: any): JSX.Element;
+    render(): JSX.Element;
+}
+export default ControlledList;

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

@@ -0,0 +1,76 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var React = __importStar(require("react"));
+var Button_1 = __importDefault(require("../button/Button"));
+var icons_1 = require("../../constants/icons");
+var ControlledList = /** @class */ (function (_super) {
+    __extends(ControlledList, _super);
+    function ControlledList() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    ControlledList.prototype.renderRemoveButton = function (index) {
+        var _this = this;
+        var removable = this.props.removable;
+        if (removable) {
+            return React.createElement("div", { className: 'buttons' },
+                React.createElement(Button_1.default, { style: 'subtle', color: 'danger', onClick: function () { return _this.props.onRemove(index); } }, icons_1.ICON_TIMES));
+        }
+    };
+    ControlledList.prototype.render = function () {
+        var _this = this;
+        var items = this.props.items;
+        var buttons;
+        if (items) {
+            buttons = items.map(function (item, i) {
+                return React.createElement("div", { className: 'item', key: "item-".concat(i) },
+                    item,
+                    _this.renderRemoveButton(i));
+            });
+        }
+        return React.createElement("div", { className: 'controlled-list' }, buttons);
+    };
+    return ControlledList;
+}(React.PureComponent));
+exports.default = ControlledList;
+//# sourceMappingURL=ControlledList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ControlledList.js","sourceRoot":"","sources":["../../../../src/components/controlled-list/ControlledList.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,4DAAsC;AACtC,+CAAmD;AAQnD;IAA6B,kCAAyC;IAAtE;;IAsCA,CAAC;IAjCU,2CAAkB,GAAzB,UAA0B,KAAK;QAA/B,iBAcC;QAZU,IAAA,SAAS,GAAI,IAAI,CAAC,KAAK,UAAd,CAAe;QAE/B,IAAK,SAAS,EAAE;YACZ,OAAO,6BAAK,SAAS,EAAG,SAAS;gBAC7B,oBAAC,gBAAM,IACH,KAAK,EAAG,QAAQ,EAChB,KAAK,EAAG,QAAQ,EAChB,OAAO,EAAI,cAAM,OAAA,KAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAA1B,CAA0B,IAC1C,kBAAU,CACN,CACP,CAAC;SACV;IACL,CAAC;IACM,+BAAM,GAAb;QAAA,iBAiBC;QAfU,IAAA,KAAK,GAAI,IAAI,CAAC,KAAK,MAAd,CAAe;QAC3B,IAAI,OAAuB,CAAC;QAE5B,IAAI,KAAK,EAAE;YACP,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,CAAC;gBACxB,OAAO,6BAAK,SAAS,EAAG,MAAM,EAAC,GAAG,EAAI,eAAQ,CAAC,CAAE;oBAC5C,IAAI;oBACH,KAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAC1B,CAAC;YACX,CAAC,CAAC,CAAC;SACN;QAED,OAAO,6BAAK,SAAS,EAAG,iBAAiB,IACpC,OAAO,CACN,CAAC;IACX,CAAC;IACL,qBAAC;AAAD,CAAC,AAtCD,CAA6B,KAAK,CAAC,aAAa,GAsC/C;AAED,kBAAe,cAAc,CAAC"}

package/dist/cjs/components/controlled-list/ControlledList.stories.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import ControlledList from './ControlledList';
+declare const _default: {
+    title: string;
+    componenet: typeof ControlledList;
+};
+export default _default;
+export declare const ControlledListWithTags: () => JSX.Element;

package/dist/cjs/components/controlled-list/ControlledList.stories.js

@@ -0,0 +1,41 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ControlledListWithTags = void 0;
+var React = __importStar(require("react"));
+var addon_actions_1 = require("@storybook/addon-actions");
+var ControlledList_1 = __importDefault(require("./ControlledList"));
+var Tag_1 = __importDefault(require("../Tag/Tag"));
+exports.default = {
+    title: 'ControlledList',
+    componenet: ControlledList_1.default
+};
+var ControlledListWithTags = function () { return (React.createElement("div", { style: { width: '8%' } },
+    React.createElement(ControlledList_1.default, { items: [React.createElement(Tag_1.default, { key: "tag1", copy: 'Sample Tag' }), React.createElement(Tag_1.default, { key: "tag2", copy: 'Sample Tag' })], removable: true, onRemove: (0, addon_actions_1.action)('REMOVED') }))); };
+exports.ControlledListWithTags = ControlledListWithTags;
+//# sourceMappingURL=ControlledList.stories.js.map

package/dist/cjs/components/controlled-list/ControlledList.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ControlledList.stories.js","sourceRoot":"","sources":["../../../../src/components/controlled-list/ControlledList.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0DAAkD;AAClD,oEAA8C;AAC9C,mDAA6B;AAE7B,kBAAe;IACX,KAAK,EAAE,gBAAgB;IACvB,UAAU,EAAE,wBAAc;CAC7B,CAAC;AASK,IAAM,sBAAsB,GAAG,cAAM,OAAA,CACxC,6BAAK,KAAK,EAAE,EAAC,KAAK,EAAE,IAAI,EAAC;IACrB,oBAAC,wBAAc,IACX,KAAK,EAAI,CAAC,oBAAC,aAAG,IAAC,GAAG,EAAI,MAAM,EAAE,IAAI,EAAG,YAAY,GAAG,EAAE,oBAAC,aAAG,IAAC,GAAG,EAAI,MAAM,EAAE,IAAI,EAAG,YAAY,GAAG,CAAC,EACjG,SAAS,EAAI,IAAI,EACjB,QAAQ,EAAI,IAAA,sBAAM,EAAC,SAAS,CAAC,GAC3B,CACJ,CACT,EAR2C,CAQ3C,CAAC;AARW,QAAA,sBAAsB,0BAQjC"}

package/dist/cjs/components/data-table/DataTable.d.ts

@@ -0,0 +1,37 @@
+import * as React from 'react';
+interface IDataTableProps {
+    defaultPageSize?: number;
+    sortState?: any[];
+    noDataText?: string;
+    minRows?: number;
+    simple?: boolean;
+    paginated?: boolean;
+    disableMultisort?: boolean;
+    showInterstitial?: boolean;
+    freezeWhenExpanded?: boolean;
+    customPaginator?: boolean;
+    pages?: number;
+    tightRows: boolean;
+    dndType: string;
+    dndName: string;
+    dnd: boolean;
+    onFetchData?: (...args: any[]) => any;
+    data: any[];
+    columns: any | any[];
+    hiddenColumns: string[];
+    hidePaginator?: boolean;
+    currentPage?: number;
+    totalPages?: number;
+    itemsPerPage?: number;
+    totalItems?: number;
+    onPage?: (pageIndex: number, pageSize: number) => void;
+    sortBy?: any[];
+    onSort?: (sortBy: any[]) => void;
+    highlightBy?: any;
+    onRowClick?: (row: any) => void;
+    onRowDoubleClick?: (row: any) => void;
+    renderPivotComponent?: (row: any) => JSX.Element;
+    disableKeyScroll?: boolean;
+}
+declare const DataTable: React.FC<IDataTableProps>;
+export default DataTable;