@imposium-hub/components 2.5.11 → 2.5.12-0

package/dist/cjs/components/assets/AssetsTableAssetIdCell.d.ts

@@ -0,0 +1,2 @@
+declare const AssetsTableAssetIdCellMemoized: any;
+export default AssetsTableAssetIdCellMemoized;

package/dist/cjs/components/assets/AssetsTableAssetIdCell.js

@@ -0,0 +1,54 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var React = __importStar(require("react"));
+var copy_1 = require("../../constants/copy");
+var asset_filters_1 = require("../../redux/actions/asset-filters");
+var react_redux_1 = require("react-redux");
+var redux_1 = require("redux");
+var AssetsTableAssetIdCell = function (props) {
+    var onNotification = props.onNotification, onError = props.onError, id = props.cell.row.original.id;
+    var copyToClipboard = function (e) {
+        navigator.clipboard.writeText(e.target.textContent).then(function () {
+            if (onNotification) {
+                onNotification("".concat(copy_1.copying.copied));
+            }
+        }, function () {
+            if (onError) {
+                onError("".concat(copy_1.copying.error));
+            }
+        });
+    };
+    return (React.createElement("div", { key: id, className: 'imposium-asset-id', onClick: function (e) { return copyToClipboard(e); } }, id));
+};
+var mapDispatchToProps = function (dispatch) {
+    return (0, redux_1.bindActionCreators)({ updateFilters: asset_filters_1.updateFilters }, dispatch);
+};
+var mapStateToProps = function (state) {
+    return { assetFilters: state.assetFilters };
+};
+var AssetsTableAssetIdCellMemoized = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(React.memo(AssetsTableAssetIdCell));
+exports.default = AssetsTableAssetIdCellMemoized;
+//# sourceMappingURL=AssetsTableAssetIdCell.js.map

package/dist/cjs/components/assets/AssetsTableAssetIdCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetsTableAssetIdCell.js","sourceRoot":"","sources":["../../../../src/components/assets/AssetsTableAssetIdCell.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,6CAA+C;AAC/C,mEAAkE;AAClE,2CAAsC;AACtC,+BAA2C;AAQ3C,IAAM,sBAAsB,GAA2C,UACnE,KAAmC;IAG/B,IAAA,cAAc,GAOd,KAAK,eAPS,EACd,OAAO,GAMP,KAAK,QANE,EAGa,EAAE,GAGtB,KAAK,qBAHiB,CAGhB;IAEV,IAAM,eAAe,GAAG,UAAC,CAAC;QACtB,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,IAAI,CACpD;YACI,IAAI,cAAc,EAAE,CAAC;gBACjB,cAAc,CAAC,UAAG,cAAO,CAAC,MAAM,CAAE,CAAC,CAAC;YACxC,CAAC;QACL,CAAC,EACD;YACI,IAAI,OAAO,EAAE,CAAC;gBACV,OAAO,CAAC,UAAG,cAAO,CAAC,KAAK,CAAE,CAAC,CAAC;YAChC,CAAC;QACL,CAAC,CACJ,CAAC;IACN,CAAC,CAAC;IAEF,OAAO,CACH,6BACI,GAAG,EAAE,EAAE,EACP,SAAS,EAAC,mBAAmB,EAC7B,OAAO,EAAE,UAAC,CAAC,IAAK,OAAA,eAAe,CAAC,CAAC,CAAC,EAAlB,CAAkB,IACjC,EAAE,CACD,CACT,CAAC;AACN,CAAC,CAAC;AAEF,IAAM,kBAAkB,GAAG,UAAC,QAAQ;IAChC,OAAO,IAAA,0BAAkB,EAAC,EAAE,aAAa,+BAAA,EAAE,EAAE,QAAQ,CAAC,CAAC;AAC3D,CAAC,CAAC;AAEF,IAAM,eAAe,GAAG,UAAC,KAAK;IAC1B,OAAO,EAAE,YAAY,EAAE,KAAK,CAAC,YAAY,EAAE,CAAC;AAChD,CAAC,CAAC;AAEF,IAAM,8BAA8B,GAAG,IAAA,qBAAO,EAC1C,eAAe,EACf,kBAAkB,CACrB,CAAC,KAAK,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC,CAAC;AAEtC,kBAAe,8BAA8B,CAAC"}

package/dist/cjs/components/assets/AssetsTableAssetIdFilter.d.ts

@@ -0,0 +1,2 @@
+declare const AssetsTableAssetIdFilterMemoized: any;
+export default AssetsTableAssetIdFilterMemoized;

package/dist/cjs/components/assets/AssetsTableAssetIdFilter.js

@@ -0,0 +1,94 @@
+"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 __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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+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 TextField_1 = __importDefault(require("../text-field/TextField"));
+var asset_filters_1 = require("../../redux/actions/asset-filters");
+var react_redux_1 = require("react-redux");
+var redux_1 = require("redux");
+var AssetsTableAssetIdFilter = /** @class */ (function (_super) {
+    __extends(AssetsTableAssetIdFilter, _super);
+    function AssetsTableAssetIdFilter() {
+        var _this = _super.apply(this, __spreadArray([], __read(arguments), false)) || this;
+        _this.render = function () {
+            var assetFilters = _this.props.assetFilters;
+            return (React.createElement(TextField_1.default, { className: 'asset-id', submittable: true, submittableType: 'search', value: assetFilters.id, doSubmit: function (n) { return _this.props.updateFilters({ id: n }); } }));
+        };
+        return _this;
+    }
+    return AssetsTableAssetIdFilter;
+}(React.PureComponent));
+var mapDispatchToProps = function (dispatch) {
+    return (0, redux_1.bindActionCreators)({ updateFilters: asset_filters_1.updateFilters }, dispatch);
+};
+var mapStateToProps = function (state) {
+    return { assetFilters: state.assetFilters };
+};
+var AssetsTableAssetIdFilterMemoized = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(React.memo(AssetsTableAssetIdFilter));
+exports.default = AssetsTableAssetIdFilterMemoized;
+//# sourceMappingURL=AssetsTableAssetIdFilter.js.map

package/dist/cjs/components/assets/AssetsTableAssetIdFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetsTableAssetIdFilter.js","sourceRoot":"","sources":["../../../../src/components/assets/AssetsTableAssetIdFilter.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,sEAAgD;AAChD,mEAAkE;AAClE,2CAAsC;AACtC,+BAA2C;AAO3C;IAAuC,4CAAmD;IAA1F;;QACW,YAAM,GAAG;YACJ,IAAA,YAAY,GAAK,KAAI,CAAC,KAAK,aAAf,CAAgB;YAEpC,OAAO,CACH,oBAAC,mBAAS,IACN,SAAS,EAAC,UAAU,EACpB,WAAW,QACX,eAAe,EAAC,QAAQ,EACxB,KAAK,EAAE,YAAY,CAAC,EAAE,EACtB,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,KAAI,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAnC,CAAmC,GACtD,CACL,CAAC;QACN,CAAC,CAAC;;IACN,CAAC;IAAD,+BAAC;AAAD,CAAC,AAdD,CAAuC,KAAK,CAAC,aAAa,GAczD;AAED,IAAM,kBAAkB,GAAG,UAAC,QAAQ;IAChC,OAAO,IAAA,0BAAkB,EAAC,EAAE,aAAa,+BAAA,EAAE,EAAE,QAAQ,CAAC,CAAC;AAC3D,CAAC,CAAC;AAEF,IAAM,eAAe,GAAG,UAAC,KAAK;IAC1B,OAAO,EAAE,YAAY,EAAE,KAAK,CAAC,YAAY,EAAE,CAAC;AAChD,CAAC,CAAC;AAEF,IAAM,gCAAgC,GAAG,IAAA,qBAAO,EAC5C,eAAe,EACf,kBAAkB,CACrB,CAAC,KAAK,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC;AAExC,kBAAe,gCAAgC,CAAC"}

package/dist/cjs/components/assets/AssetsTableGlobalCell.js

@@ -26,7 +26,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var React = __importStar(require("react"));
 var icons_1 = require("../../constants/icons");
 var AssetsTableGlobalCell = function (p) {
-    return (React.createElement("div", { className: 'asset-global-cell' }, p.cell.row.original.story_id ? null : icons_1.ICON_GLOBE));
+    var story_id = p.cell.row.original.story_id;
+    return (React.createElement("div", { className: 'asset-global-cell' }, story_id || story_id === undefined ? null : icons_1.ICON_GLOBE));
 };
 var AssetsTableGlobalCellMemoized = React.memo(AssetsTableGlobalCell);
 exports.default = AssetsTableGlobalCellMemoized;

package/dist/cjs/components/assets/AssetsTableGlobalCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetsTableGlobalCell.js","sourceRoot":"","sources":["../../../../src/components/assets/AssetsTableGlobalCell.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,+CAAmD;AAMnD,IAAM,qBAAqB,GAAqC,UAAC,CAAyB;IACtF,OAAO,CACH,6BAAK,SAAS,EAAC,mBAAmB,IAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,kBAAU,CAAO,CAC9F,CAAC;AACN,CAAC,CAAC;AAEF,IAAM,6BAA6B,GAAG,KAAK,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;AACxE,kBAAe,6BAA6B,CAAC"}
+{"version":3,"file":"AssetsTableGlobalCell.js","sourceRoot":"","sources":["../../../../src/components/assets/AssetsTableGlobalCell.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,+CAAmD;AAMnD,IAAM,qBAAqB,GAAqC,UAAC,CAAyB;IAI9D,IAAA,QAAQ,GAG5B,CAAC,2BAH2B,CAG1B;IAEN,OAAO,CACH,6BAAK,SAAS,EAAC,mBAAmB,IAC7B,QAAQ,IAAI,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,kBAAU,CACrD,CACT,CAAC;AACN,CAAC,CAAC;AAEF,IAAM,6BAA6B,GAAG,KAAK,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;AACxE,kBAAe,6BAA6B,CAAC"}

package/dist/cjs/components/assets/StoryTableNameFilter.d.ts

@@ -0,0 +1,2 @@
+declare const StoryTableNameFilterMemoized: any;
+export default StoryTableNameFilterMemoized;

package/dist/cjs/components/{error-message-preview/ErrorMessagePreview.js → assets/StoryTableNameFilter.js}

@@ -14,17 +14,6 @@ var __extends = (this && this.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -48,44 +37,58 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 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 Portal_1 = __importDefault(require("../portal/Portal"));
-var Button_1 = __importDefault(require("../button/Button"));
-var copy_1 = require("../../constants/copy");
-var icons_1 = require("../../constants/icons");
-var ErrorMessagePreview = /** @class */ (function (_super) {
-    __extends(ErrorMessagePreview, _super);
-    function ErrorMessagePreview(props) {
-        var _this = _super.call(this, props) || this;
-        _this.errorMsgNode = null;
-        _this.errorMsgNode = React.createRef();
-        _this.evtHandlers = {
-            onClose: function (e) { return _this.onClose(e); }
+var TextField_1 = __importDefault(require("../text-field/TextField"));
+var react_redux_1 = require("react-redux");
+var redux_1 = require("redux");
+var story_filter_1 = require("../../redux/actions/story-filter");
+var StoryTableNameFilter = /** @class */ (function (_super) {
+    __extends(StoryTableNameFilter, _super);
+    function StoryTableNameFilter() {
+        var _this = _super.apply(this, __spreadArray([], __read(arguments), false)) || this;
+        _this.render = function () {
+            var storyFilter = _this.props.storyFilter;
+            return (React.createElement(TextField_1.default, { className: 'story-name', focusOnMount: true, value: storyFilter, onChange: function (n) { return _this.props.updateStoryFilter({ name: n }); } }));
         };
         return _this;
     }
-    ErrorMessagePreview.prototype.onClose = function (e) {
-        var onRequestClose = this.props.onRequestClose;
-        e.stopPropagation();
-        onRequestClose();
-    };
-    ErrorMessagePreview.prototype.render = function () {
-        var _a = this.props, showMedia = _a.showMedia, style = _a.style, message = _a.message;
-        if (showMedia) {
-            return (React.createElement(Portal_1.default, { id: 'portal-root' },
-                React.createElement("div", { style: __assign({}, style), className: 'close-icon-preview' },
-                    React.createElement(Button_1.default, { key: 'btn-filter', onClick: this.evtHandlers.onClose, size: 'large', style: 'subtle', tooltip: copy_1.assets.field.tooltipFilter }, icons_1.ICON_TIMES)),
-                React.createElement("p", { style: style, ref: this.errorMsgNode, className: 'asset-preview-background media-preview' }, message)));
-        }
-        else {
-            return null;
-        }
-    };
-    return ErrorMessagePreview;
+    return StoryTableNameFilter;
 }(React.PureComponent));
-exports.default = ErrorMessagePreview;
-//# sourceMappingURL=ErrorMessagePreview.js.map
+var mapDispatchToProps = function (dispatch) {
+    return (0, redux_1.bindActionCreators)({ updateStoryFilter: story_filter_1.updateStoryFilter }, dispatch);
+};
+var mapStateToProps = function (state) {
+    return { storyFilter: state.storyFilter.name };
+};
+var StoryTableNameFilterMemoized = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(React.memo(StoryTableNameFilter));
+exports.default = StoryTableNameFilterMemoized;
+//# sourceMappingURL=StoryTableNameFilter.js.map

package/dist/cjs/components/assets/StoryTableNameFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StoryTableNameFilter.js","sourceRoot":"","sources":["../../../../src/components/assets/StoryTableNameFilter.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,sEAAgD;AAChD,2CAAsC;AACtC,+BAA2C;AAC3C,iEAAqE;AAOrE;IAAmC,wCAA+C;IAAlF;;QACW,YAAM,GAAG;YACJ,IAAA,WAAW,GAAK,KAAI,CAAC,KAAK,YAAf,CAAgB;YAEnC,OAAO,CACH,oBAAC,mBAAS,IACN,SAAS,EAAC,YAAY,EACtB,YAAY,QACZ,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,KAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,EAAzC,CAAyC,GAC5D,CACL,CAAC;QACN,CAAC,CAAC;;IACN,CAAC;IAAD,2BAAC;AAAD,CAAC,AAbD,CAAmC,KAAK,CAAC,aAAa,GAarD;AAED,IAAM,kBAAkB,GAAG,UAAC,QAAQ;IAChC,OAAO,IAAA,0BAAkB,EAAC,EAAE,iBAAiB,kCAAA,EAAE,EAAE,QAAQ,CAAC,CAAC;AAC/D,CAAC,CAAC;AAEF,IAAM,eAAe,GAAG,UAAC,KAAK;IAC1B,OAAO,EAAE,WAAW,EAAE,KAAK,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;AACnD,CAAC,CAAC;AAEF,IAAM,4BAA4B,GAAG,IAAA,qBAAO,EACxC,eAAe,EACf,kBAAkB,CACrB,CAAC,KAAK,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC;AAEpC,kBAAe,4BAA4B,CAAC"}

package/dist/cjs/components/card/Card.d.ts

@@ -8,6 +8,7 @@ interface ICardProps {
     onOpen?: (e: any) => any;
     onClose?: (e: any) => any;
     onToggle?: (toggle: boolean) => any;
+    buttons?: any[];
 }
 interface ICardState {
     open: boolean;

package/dist/cjs/components/card/Card.js

@@ -110,19 +110,32 @@ var Card = /** @class */ (function (_super) {
         var openClass = !open && collapsable ? 'closed' : '';
         var styleClass = style ? style : 'default';
         return (React.createElement("div", { className: "card ".concat(openClass, " ").concat(collapsableClass, " ").concat(styleClass) },
-            React.createElement("div", { className: 'card-header', onClick: this.evtHandlers.toggleOpen },
+            React.createElement("div", { className: 'card-header' },
                 this.renderTitle(styleClass),
                 this.renderButtons()),
             this.renderContent()));
     };
     Card.prototype.renderButtons = function () {
-        var collapsable = this.props.collapsable;
+        var _this = this;
+        var _a = this.props, collapsable = _a.collapsable, buttons = _a.buttons;
         var open = this.state.open;
         var buttonIcon = open ? icons_1.ICON_CARET_UP : icons_1.ICON_CARET_DOWN;
+        var buttonArray;
+        var toggleBtn = (React.createElement(Button_1.default, { key: 'toggleOpen', style: 'subtle', onClick: function (e) { return _this.toggleOpen(e); } }, buttonIcon));
+        if (buttons && buttons.length > 0) {
+            buttonArray = buttons.map(function (button) {
+                return button;
+            });
+        }
         if (collapsable) {
-            return (React.createElement("div", { className: 'header-buttons' },
-                React.createElement(Button_1.default, { style: 'subtle', onClick: this.evtHandlers.toggleOpen }, buttonIcon)));
+            if (buttonArray && buttonArray.length > 0) {
+                buttonArray.push(toggleBtn);
+            }
+            else {
+                buttonArray = [toggleBtn];
+            }
         }
+        return React.createElement("div", { className: 'header-buttons' }, buttonArray);
     };
     return Card;
 }(React.PureComponent));

package/dist/cjs/components/card/Card.js.map

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

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

@@ -111,21 +111,16 @@ var ColorField = /** @class */ (function (_super) {
         var pickerPos = pickerPosition || 'left';
         var color = this.isValidColor(value) ? value : 'rgba(0,0,0,1)';
         var picker = pickerOpen ? (React.createElement(react_color_1.SketchPicker, { color: color, disableAlpha: disableAlpha, presetColors: presetColors, onChangeComplete: function (c, e) { return _this.handleChangeComplete(c, e); } })) : null;
-        var swatchStyle;
-        if (value === 'transparent' || value === 'rgba(0,0,0,0)') {
-            swatchStyle = {
-                background: this.transparentBg,
-                border: '1px solid #1d1d1d',
-                boxSizing: 'border-box'
-            };
-        }
-        else {
-            swatchStyle = {
-                backgroundColor: value
-            };
-        }
+        var swatchStyle = {
+            backgroundColor: value
+        };
+        var transparentBg = {
+            background: this.transparentBg,
+            height: '20px'
+        };
         return (React.createElement(FieldWrapper_1.default, { customClass: 'color-field', label: label, tooltip: tooltip, buttons: buttons, info: info, labelPosition: labelPosition, labelWidth: labelWidth, width: width },
-            React.createElement("div", { className: 'swatch', style: swatchStyle, onClick: function (e) { return _this.togglePicker(e); } }),
+            React.createElement("div", { style: transparentBg },
+                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;

package/dist/cjs/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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,+EAAyD;AAEzD,yDAAyD;AAuBzD;IAAyB,8BAAuD;IAO5E,oBAAY,KAAK;QACb,YAAA,MAAK,YAAC,KAAK,CAAC,SAAC;QAHT,mBAAa,GAAG,6MAA2M,CAAC;QAKhO,KAAI,CAAC,KAAK,GAAG;YACT,UAAU,EAAE,KAAK;SACpB,CAAC;QAEF,KAAI,CAAC,MAAM,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;QAEhC,KAAI,CAAC,mBAAmB,GAAG,UAAC,CAAC,IAAK,OAAA,KAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAA1B,CAA0B,CAAC;;IACjE,CAAC;IAEO,iCAAY,GAApB,UAAqB,CAAC;QAAtB,iBAkBC;QAjBG,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QAEpB,IAAM,QAAQ,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC;QAExC,IAAI,CAAC,QAAQ,CACT;YACI,UAAU,EAAE,QAAQ;SACvB,EACD;YACI,IAAI,KAAI,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC;gBACxB,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,KAAI,CAAC,mBAAmB,CAAC,CAAC;YACjE,CAAC;iBAAM,CAAC;gBACJ,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,KAAI,CAAC,mBAAmB,CAAC,CAAC;YACpE,CAAC;QACL,CAAC,CACJ,CAAC;IACN,CAAC;IAEM,yCAAoB,GAA3B;QACI,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;IACpE,CAAC;IAEO,uCAAkB,GAA1B,UAA2B,CAAC;QACxB,IAAI,aAAa,GAAG,CAAC,CAAC,MAAM,CAAC;QAC7B,IAAM,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC;QAEhC,GAAG,CAAC;YACA,IAAI,aAAa,KAAK,GAAG,EAAE,CAAC;gBACxB,OAAO;YACX,CAAC;YACD,aAAa,GAAG,aAAa,CAAC,UAAU,CAAC;QAC7C,CAAC,QAAQ,aAAa,EAAE;QAExB,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;QAEhE,IAAI,CAAC,QAAQ,CAAC;YACV,UAAU,EAAE,KAAK;SACpB,CAAC,CAAC;IACP,CAAC;IAEO,yCAAoB,GAA5B,UAA6B,KAAK,EAAE,CAAC;QACjC,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtC,CAAC;IAEO,iCAAY,GAApB,UAAqB,KAAK;QACtB,IAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACzC,EAAE,CAAC,KAAK,CAAC,eAAe,GAAG,KAAK,CAAC;QACjC,IAAI,EAAE,CAAC,KAAK,CAAC,eAAe,EAAE,CAAC;YAC3B,OAAO,IAAI,CAAC;QAChB,CAAC;aAAM,CAAC;YACJ,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC;YACrC,OAAO,KAAK,CAAC;QACjB,CAAC;IACL,CAAC;IAEM,2BAAM,GAAb;QAAA,iBA6DC;QA5DS,IAAA,KAYF,IAAI,CAAC,KAAK,EAXV,KAAK,WAAA,EACL,KAAK,WAAA,EACL,OAAO,aAAA,EACP,OAAO,aAAA,EACP,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,YAAY,kBAAA,EACZ,IAAI,UAAA,EACJ,aAAa,mBAAA,EACb,cAAc,oBAAA,EACd,UAAU,gBACA,CAAC;QACP,IAAA,UAAU,GAAK,IAAI,CAAC,KAAK,WAAf,CAAgB;QAClC,IAAM,YAAY,GAAG,CAAC,WAAW,CAAC;QAClC,IAAM,SAAS,GAAG,cAAc,IAAI,MAAM,CAAC;QAC3C,IAAM,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,eAAe,CAAC;QACjE,IAAM,MAAM,GAAG,UAAU,CAAC,CAAC,CAAC,CACxB,oBAAC,0BAAY,IACT,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,gBAAgB,EAAE,UAAC,CAAC,EAAE,CAAC,IAAK,OAAA,KAAI,CAAC,oBAAoB,CAAC,CAAC,EAAE,CAAC,CAAC,EAA/B,CAA+B,GAC7D,CACL,CAAC,CAAC,CAAC,IAAI,CAAC;QAET,IAAM,WAAW,GAAG;YAChB,eAAe,EAAE,KAAK;SACzB,CAAC;QAEF,IAAM,aAAa,GAAG;YAClB,UAAU,EAAE,IAAI,CAAC,aAAa;YAC9B,MAAM,EAAE,MAAM;SACjB,CAAC;QAEF,OAAO,CACH,oBAAC,sBAAY,IACT,WAAW,EAAC,aAAa,EACzB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK;YACZ,6BAAK,KAAK,EAAE,aAAa;gBACrB,6BACI,SAAS,EAAC,QAAQ,EAClB,KAAK,EAAE,WAAW,EAClB,OAAO,EAAE,UAAC,CAAC,IAAK,OAAA,KAAI,CAAC,YAAY,CAAC,CAAC,CAAC,EAApB,CAAoB,GACtC,CACA;YAEN,6BACI,SAAS,EAAE,wBAAiB,SAAS,CAAE,EACvC,GAAG,EAAE,IAAI,CAAC,MAAM,IACf,MAAM,CACL,CACK,CAClB,CAAC;IACN,CAAC;IACL,iBAAC;AAAD,CAAC,AA1ID,CAAyB,KAAK,CAAC,aAAa,GA0I3C;AAED,kBAAe,UAAU,CAAC"}

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

@@ -28,11 +28,12 @@ interface IDataTableProps {
     sortBy?: any[];
     onSort?: (sortBy: any[]) => void;
     highlightBy?: any;
-    onRowClick?: (row: any) => void;
-    onRowDoubleClick?: (row: any) => void;
+    onRowClick?: (row: any, shiftKey?: any) => void;
+    onRowDoubleClick?: (row: any, shiftKey?: any) => void;
     renderPivotComponent?: (row: any) => JSX.Element;
     disableKeyScroll?: boolean;
     expandTags?: boolean;
+    keyboardNav?: boolean;
 }
 declare const DataTable: React.FC<IDataTableProps>;
 export default DataTable;

package/dist/cjs/components/data-table/DataTable.js

@@ -93,6 +93,7 @@ var DataTable = function (props) {
     var _a = __read(React.useState(false), 2), didMount = _a[0], setDidMount = _a[1];
     var _b = __read(React.useState([]), 2), data = _b[0], setData = _b[1];
     var _c = __read(React.useState([]), 2), columns = _c[0], setColumns = _c[1];
+    var _d = __read(React.useState(null), 2), selectedRowId = _d[0], setSelectedRowId = _d[1];
     var manualPagination = Number.isInteger(props.currentPage) && typeof props.onPage === 'function';
     var manualSortBy = typeof props.onSort === 'function' && typeof props.sortBy !== 'undefined';
     var canPivot = typeof props.renderPivotComponent === 'function';
@@ -106,7 +107,7 @@ var DataTable = function (props) {
         pageSize: props.itemsPerPage,
         autoResetExpanded: false
     };
-    var _d = (0, react_table_1.useTable)({
+    var _e = (0, react_table_1.useTable)({
         columns: columns,
         data: data,
         manualSortBy: manualSortBy,
@@ -126,7 +127,7 @@ var DataTable = function (props) {
         disableSortRemove: true,
         pageCount: props.totalPages,
         pageSize: props.itemsPerPage
-    }, react_table_1.useFlexLayout, react_table_1.useFilters, react_table_1.useSortBy, react_table_1.useExpanded, react_table_1.usePagination, react_table_1.useResizeColumns), getTableProps = _d.getTableProps, getTableBodyProps = _d.getTableBodyProps, headerGroups = _d.headerGroups, page = _d.page, rows = _d.rows, prepareRow = _d.prepareRow, canPreviousPage = _d.canPreviousPage, canNextPage = _d.canNextPage, pageOptions = _d.pageOptions, pageCount = _d.pageCount, gotoPage = _d.gotoPage, nextPage = _d.nextPage, previousPage = _d.previousPage, setPageSize = _d.setPageSize, visibleColumns = _d.visibleColumns, totalColumnsWidth = _d.totalColumnsWidth, toggleAllRowsExpanded = _d.toggleAllRowsExpanded, _e = _d.state, pageIndex = _e.pageIndex, pageSize = _e.pageSize, sortBy = _e.sortBy;
+    }, react_table_1.useFlexLayout, react_table_1.useFilters, react_table_1.useSortBy, react_table_1.useExpanded, react_table_1.usePagination, react_table_1.useResizeColumns), getTableProps = _e.getTableProps, getTableBodyProps = _e.getTableBodyProps, headerGroups = _e.headerGroups, page = _e.page, rows = _e.rows, prepareRow = _e.prepareRow, canPreviousPage = _e.canPreviousPage, canNextPage = _e.canNextPage, pageOptions = _e.pageOptions, pageCount = _e.pageCount, gotoPage = _e.gotoPage, nextPage = _e.nextPage, previousPage = _e.previousPage, setPageSize = _e.setPageSize, visibleColumns = _e.visibleColumns, totalColumnsWidth = _e.totalColumnsWidth, toggleAllRowsExpanded = _e.toggleAllRowsExpanded, _f = _e.state, pageIndex = _f.pageIndex, pageSize = _f.pageSize, sortBy = _f.sortBy;
     var rowData = manualPagination ? rows : page;
     var hidePaginatorClass = props.hidePaginator ? 'hide-paginator' : '';
     var horizontalScrollClass = wrapperRef.current && totalColumnsWidth > wrapperRef.current.clientWidth
@@ -143,6 +144,8 @@ var DataTable = function (props) {
     React.useEffect(function () {
         if (Array.isArray(props.data)) {
             setData(props.data);
+            setSelectedRowId(null);
+            scrollToTop();
         }
     }, [props.data]);
     React.useEffect(function () {
@@ -160,13 +163,74 @@ var DataTable = function (props) {
             props.onSort(sortBy);
         }
     }, [sortBy]);
+    var getRowElem = function () {
+        return document.getElementsByClassName('ip-table-row selected keyboardNav')[0];
+    };
+    var getBodyEle = function () {
+        return document.querySelector('tbody.ip-table-body.keyboardNav');
+    };
+    var scrollIntoView = function () {
+        getRowElem().scrollIntoView({ behavior: 'smooth', block: 'center' });
+    };
+    var scrollToTop = function () {
+        if (getBodyEle()) {
+            getBodyEle().scrollTo({ top: 0, behavior: 'smooth' });
+        }
+    };
+    var scrollToBottom = function () {
+        var y = getRowElem().scrollHeight * rowData.length;
+        getBodyEle().scrollTo({ top: y, behavior: 'smooth' });
+    };
+    var rowSelector = function (e) {
+        e.preventDefault();
+        e.stopPropagation();
+        var rowId = 0;
+        var maxRowId = rowData.length - 1;
+        if (e.code === 'ArrowUp') {
+            if (selectedRowId === 0 || selectedRowId === null) {
+                setSelectedRowId(maxRowId);
+                scrollToBottom();
+            }
+            if (selectedRowId !== 0 && selectedRowId !== null) {
+                setSelectedRowId(selectedRowId - 1);
+                scrollIntoView();
+            }
+        }
+        if (e.code === 'ArrowDown') {
+            if (selectedRowId === null) {
+                setSelectedRowId(0);
+            }
+            else {
+                rowId = selectedRowId === maxRowId ? 0 : selectedRowId + 1;
+                setSelectedRowId(rowId);
+                if (rowId === 0) {
+                    scrollToTop();
+                }
+                else {
+                    scrollIntoView();
+                }
+            }
+        }
+        if (e.code === 'Enter' &&
+            typeof props.onRowClick === 'function' &&
+            selectedRowId !== null) {
+            props.onRowClick(rows[selectedRowId], e.shiftKey);
+        }
+    };
     return (React.createElement("section", { ref: wrapperRef, className: 'ip-table-wrapper', tabIndex: props.disableKeyScroll ? 0 : undefined, onKeyDown: props.disableKeyScroll ? preventKeyScroll : null },
         props.showInterstitial && React.createElement(DataTableLoader, null),
         didMount && !props.showInterstitial && data.length === 0 && (React.createElement(NoDataComponent, { copy: props.noDataText })),
         React.createElement("table", __assign({}, getTableProps(), { className: "ip-table ".concat(horizontalScrollClass, " ").concat(hidePaginatorClass, " ").concat(rowClass) }),
             React.createElement("thead", { className: 'ip-table-head' }, headerGroups.map(function (headerGroup) {
                 return (React.createElement(React.Fragment, { key: 'head-fragment' },
-                    React.createElement("tr", __assign({}, headerGroup.getHeaderGroupProps(), { className: 'ip-table-head-row' }), headerGroup.headers.map(function (column) {
+                    React.createElement("tr", __assign({}, headerGroup.getHeaderGroupProps(), { className: 'ip-table-head-row', onKeyDown: function (e) {
+                            if ((e.code === 'ArrowUp' ||
+                                e.code === 'ArrowDown' ||
+                                e.code === 'Enter') &&
+                                props.keyboardNav) {
+                                rowSelector(e);
+                            }
+                        } }), headerGroup.headers.map(function (column) {
                         var searchable = column.hasOwnProperty('Search');
                         var toggleProps = column.getSortByToggleProps();
                         var sortSpan = (React.createElement("span", { className: 'sort-status' }, column.isSorted
@@ -194,7 +258,7 @@ var DataTable = function (props) {
                         ? column.render('Filter')
                         : null)); })))));
             })),
-            React.createElement("tbody", __assign({}, getTableBodyProps(), { className: 'ip-table-body' }), rowData.map(function (row, i) {
+            React.createElement("tbody", __assign({}, getTableBodyProps(), { className: "ip-table-body ".concat(props.keyboardNav ? 'keyboardNav' : '') }), rowData.map(function (row, i) {
                 var _a;
                 var selectedClass = '';
                 var activeRef;
@@ -209,27 +273,33 @@ var DataTable = function (props) {
                     }
                 }
                 prepareRow(row);
+                if (i === selectedRowId) {
+                    selectedClass = 'selected';
+                }
                 var rowProps = row.getRowProps();
-                rowProps.className = "ip-table-row ".concat(selectedClass);
+                rowProps.className = "ip-table-row ".concat(selectedClass, " ").concat(props.keyboardNav ? 'keyboardNav' : '');
                 rowProps.onClick = function (e) {
-                    var onClick = function () {
+                    var onClick = function (shift) {
                         if (typeof props.onRowClick === 'function') {
-                            props.onRowClick(row);
+                            props.onRowClick(row, shift);
                         }
                     };
                     if (!doubleClickEnabled) {
-                        onClick();
+                        onClick(e.shiftKey);
                     }
                     if (e.detail === 1 && doubleClickEnabled) {
-                        doubleClickTimeout = window.setTimeout(onClick, 200);
+                        doubleClickTimeout = window.setTimeout(function () { return onClick(e.shiftKey); }, 200);
                     }
                 };
                 rowProps.onDoubleClick = function (e) {
                     clearTimeout(doubleClickTimeout);
                     if (doubleClickEnabled) {
-                        props.onRowDoubleClick(row);
+                        props.onRowDoubleClick(row, e.shiftKey);
                     }
                 };
+                rowProps.onMouseMove = function () {
+                    setSelectedRowId(i);
+                };
                 var rowContent = row.cells.map(function (cell) { return (React.createElement("td", __assign({}, cell.getCellProps(), { className: "ip-table-col ".concat(cell.column.overflowVisible ? 'overflow-visible' : '', " ").concat(cell.column.pin ? 'pin' : '').trim() }), cell.render('Cell'))); });
                 var rowId = ((_a = row === null || row === void 0 ? void 0 : row.original) === null || _a === void 0 ? void 0 : _a.id) || i;
                 var rowKey = "row-".concat(rowId);