npm - @imposium-hub/components - Versions diffs - 2.5.6-0 → 2.5.6-1 - Mend

@imposium-hub/components 2.5.6-0 → 2.5.6-1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (20) hide show

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

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

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

@@ -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 ADDED Viewed

@@ -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;AACxC,kBAAe,gCAAgC,CAAC"}

package/dist/cjs/components/assets/AssetsTableNameFilter copy.d.ts ADDED Viewed

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

package/dist/cjs/components/assets/AssetsTableNameFilter copy.js ADDED Viewed

@@ -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 AssetsTableNameFilter = /** @class */ (function (_super) {
+    __extends(AssetsTableNameFilter, _super);
+    function AssetsTableNameFilter() {
+        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-name', submittable: true, submittableType: 'search', value: assetFilters.name, doSubmit: function (n) { return _this.props.updateFilters({ name: n }); } }));
+        };
+        return _this;
+    }
+    return AssetsTableNameFilter;
+}(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 AssetsTableNameFilterMemoized = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(React.memo(AssetsTableNameFilter));
+exports.default = AssetsTableNameFilterMemoized;
+//# sourceMappingURL=AssetsTableNameFilter%20copy.js.map

package/dist/cjs/components/assets/AssetsTableNameFilter copy.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AssetsTableNameFilter copy.js","sourceRoot":"","sources":["../../../../src/components/assets/AssetsTableNameFilter copy.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,sEAAgD;AAChD,mEAAkE;AAClE,2CAAsC;AACtC,+BAA2C;AAO3C;IAAoC,yCAAgD;IAApF;;QACW,YAAM,GAAG;YACJ,IAAA,YAAY,GAAK,KAAI,CAAC,KAAK,aAAf,CAAgB;YAEpC,OAAO,CACH,oBAAC,mBAAS,IACN,SAAS,EAAC,YAAY,EACtB,WAAW,QACX,eAAe,EAAC,QAAQ,EACxB,KAAK,EAAE,YAAY,CAAC,IAAI,EACxB,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,KAAI,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,EAArC,CAAqC,GACxD,CACL,CAAC;QACN,CAAC,CAAC;;IACN,CAAC;IAAD,4BAAC;AAAD,CAAC,AAdD,CAAoC,KAAK,CAAC,aAAa,GActD;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,6BAA6B,GAAG,IAAA,qBAAO,EACzC,eAAe,EACf,kBAAkB,CACrB,CAAC,KAAK,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC;AACrC,kBAAe,6BAA6B,CAAC"}

package/dist/cjs/components/color-field/ColorField.d.ts CHANGED Viewed

@@ -28,6 +28,7 @@ declare class ColorField extends React.PureComponent<IColorFieldProps, IColorFie
     componentWillUnmount(): void;
     private handleClickOutside;
     private handleChangeComplete;
+    private isValidColor;
     render(): React.JSX.Element;
 }
 export default ColorField;

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

@@ -92,13 +92,25 @@ var ColorField = /** @class */ (function (_super) {
     ColorField.prototype.handleChangeComplete = function (color, e) {
         return this.props.onChange(color);
     };
+    ColorField.prototype.isValidColor = function (color) {
+        var el = document.createElement('div');
+        el.style.backgroundColor = color;
+        if (el.style.backgroundColor) {
+            return true;
+        }
+        else {
+            this.props.onChange('rgba(0,0,0,1)');
+            return false;
+        }
+    };
     ColorField.prototype.render = function () {
         var _this = this;
         var _a = this.props, label = _a.label, width = _a.width, buttons = _a.buttons, tooltip = _a.tooltip, value = _a.value, enableAlpha = _a.enableAlpha, presetColors = _a.presetColors, info = _a.info, labelPosition = _a.labelPosition, pickerPosition = _a.pickerPosition, labelWidth = _a.labelWidth;
         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 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 = {

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

	@@ -1 +1 @@
1	- {"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;IAEM,2BAAM,GAAb;QAAA,iBA8DC;QA7DS,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;~~QAE3C~~,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,IAAI,WAAW,CAAC;QAChB,IAAI,KAAK,KAAK,aAAa,IAAI,KAAK,KAAK,eAAe,EAAE,CAAC;YACvD,WAAW,GAAG;gBACV,UAAU,EAAE,IAAI,CAAC,aAAa;gBAC9B,MAAM,EAAE,mBAAmB;gBAC3B,SAAS,EAAE,YAAY;aAC1B,CAAC;QACN,CAAC;aAAM,CAAC;YACJ,WAAW,GAAG;gBACV,eAAe,EAAE,KAAK;aACzB,CAAC;QACN,CAAC;QAED,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,6BACI,SAAS,EAAC,QAAQ,EAClB,KAAK,EAAE,WAAW,EAClB,OAAO,EAAE,UAAC,CAAC,IAAK,OAAA,KAAI,CAAC,YAAY,CAAC,CAAC,CAAC,EAApB,CAAoB,GACtC;YACF,6BACI,SAAS,EAAE,wBAAiB,SAAS,CAAE,EACvC,GAAG,EAAE,IAAI,CAAC,MAAM,IACf,MAAM,CACL,CACK,CAClB,CAAC;IACN,CAAC;IACL,iBAAC;AAAD,CAAC,~~AAhID~~,CAAyB,KAAK,CAAC,aAAa,~~GAgI3C~~;AAED,kBAAe,UAAU,CAAC"}
1	+ {"version":3,"file":"ColorField.js","sourceRoot":"","sources":["../../../../src/components/color-field/ColorField.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/assets/AssetsTableAssetIdFilter.d.ts ADDED Viewed

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

package/dist/esm/components/assets/AssetsTableAssetIdFilter.js ADDED Viewed

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import TextField from '../text-field/TextField';
+import { updateFilters } from '../../redux/actions/asset-filters';
+import { connect } from 'react-redux';
+import { bindActionCreators } from 'redux';
+class AssetsTableAssetIdFilter extends React.PureComponent {
+    render = () => {
+        const { assetFilters } = this.props;
+        return (React.createElement(TextField, { className: 'asset-id', submittable: true, submittableType: 'search', value: assetFilters.id, doSubmit: (n) => this.props.updateFilters({ id: n }) }));
+    };
+}
+const mapDispatchToProps = (dispatch) => {
+    return bindActionCreators({ updateFilters }, dispatch);
+};
+const mapStateToProps = (state) => {
+    return { assetFilters: state.assetFilters };
+};
+const AssetsTableAssetIdFilterMemoized = connect(mapStateToProps, mapDispatchToProps)(React.memo(AssetsTableAssetIdFilter));
+export default AssetsTableAssetIdFilterMemoized;
+//# sourceMappingURL=AssetsTableAssetIdFilter.js.map

package/dist/esm/components/assets/AssetsTableAssetIdFilter.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AssetsTableAssetIdFilter.js","sourceRoot":"","sources":["../../../../src/components/assets/AssetsTableAssetIdFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAC;AAO3C,MAAM,wBAAyB,SAAQ,KAAK,CAAC,aAA6C;IAC/E,MAAM,GAAG,GAAgB,EAAE;QAC9B,MAAM,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAEpC,OAAO,CACH,oBAAC,SAAS,IACN,SAAS,EAAC,UAAU,EACpB,WAAW,QACX,eAAe,EAAC,QAAQ,EACxB,KAAK,EAAE,YAAY,CAAC,EAAE,EACtB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,GACtD,CACL,CAAC;IACN,CAAC,CAAC;CACL;AAED,MAAM,kBAAkB,GAAG,CAAC,QAAQ,EAAO,EAAE;IACzC,OAAO,kBAAkB,CAAC,EAAE,aAAa,EAAE,EAAE,QAAQ,CAAC,CAAC;AAC3D,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,KAAK,EAAO,EAAE;IACnC,OAAO,EAAE,YAAY,EAAE,KAAK,CAAC,YAAY,EAAE,CAAC;AAChD,CAAC,CAAC;AAEF,MAAM,gCAAgC,GAAG,OAAO,CAC5C,eAAe,EACf,kBAAkB,CACrB,CAAC,KAAK,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC;AACxC,eAAe,gCAAgC,CAAC"}

package/dist/esm/components/assets/AssetsTableNameFilter copy.d.ts ADDED Viewed

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

package/dist/esm/components/assets/AssetsTableNameFilter copy.js ADDED Viewed

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import TextField from '../text-field/TextField';
+import { updateFilters } from '../../redux/actions/asset-filters';
+import { connect } from 'react-redux';
+import { bindActionCreators } from 'redux';
+class AssetsTableNameFilter extends React.PureComponent {
+    render = () => {
+        const { assetFilters } = this.props;
+        return (React.createElement(TextField, { className: 'asset-name', submittable: true, submittableType: 'search', value: assetFilters.name, doSubmit: (n) => this.props.updateFilters({ name: n }) }));
+    };
+}
+const mapDispatchToProps = (dispatch) => {
+    return bindActionCreators({ updateFilters }, dispatch);
+};
+const mapStateToProps = (state) => {
+    return { assetFilters: state.assetFilters };
+};
+const AssetsTableNameFilterMemoized = connect(mapStateToProps, mapDispatchToProps)(React.memo(AssetsTableNameFilter));
+export default AssetsTableNameFilterMemoized;
+//# sourceMappingURL=AssetsTableNameFilter%20copy.js.map

package/dist/esm/components/assets/AssetsTableNameFilter copy.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AssetsTableNameFilter copy.js","sourceRoot":"","sources":["../../../../src/components/assets/AssetsTableNameFilter copy.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAC;AAO3C,MAAM,qBAAsB,SAAQ,KAAK,CAAC,aAA0C;IACzE,MAAM,GAAG,GAAgB,EAAE;QAC9B,MAAM,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAEpC,OAAO,CACH,oBAAC,SAAS,IACN,SAAS,EAAC,YAAY,EACtB,WAAW,QACX,eAAe,EAAC,QAAQ,EACxB,KAAK,EAAE,YAAY,CAAC,IAAI,EACxB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,GACxD,CACL,CAAC;IACN,CAAC,CAAC;CACL;AAED,MAAM,kBAAkB,GAAG,CAAC,QAAQ,EAAO,EAAE;IACzC,OAAO,kBAAkB,CAAC,EAAE,aAAa,EAAE,EAAE,QAAQ,CAAC,CAAC;AAC3D,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,KAAK,EAAO,EAAE;IACnC,OAAO,EAAE,YAAY,EAAE,KAAK,CAAC,YAAY,EAAE,CAAC;AAChD,CAAC,CAAC;AAEF,MAAM,6BAA6B,GAAG,OAAO,CACzC,eAAe,EACf,kBAAkB,CACrB,CAAC,KAAK,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC;AACrC,eAAe,6BAA6B,CAAC"}

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

@@ -28,6 +28,7 @@ declare class ColorField extends React.PureComponent<IColorFieldProps, IColorFie
     componentWillUnmount(): void;
     private handleClickOutside;
     private handleChangeComplete;
+    private isValidColor;
     render(): React.JSX.Element;
 }
 export default ColorField;

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

@@ -48,12 +48,24 @@ class ColorField extends React.PureComponent {
     handleChangeComplete(color, e) {
         return this.props.onChange(color);
     }
+    isValidColor(color) {
+        const el = document.createElement('div');
+        el.style.backgroundColor = color;
+        if (el.style.backgroundColor) {
+            return true;
+        }
+        else {
+            this.props.onChange('rgba(0,0,0,1)');
+            return false;
+        }
+    }
     render() {
         const { label, width, buttons, tooltip, value, enableAlpha, presetColors, info, labelPosition, pickerPosition, labelWidth } = this.props;
         const { pickerOpen } = this.state;
         const disableAlpha = !enableAlpha;
         const pickerPos = pickerPosition || 'left';
-        const picker = pickerOpen ? (React.createElement(SketchPicker, { color: value, disableAlpha: disableAlpha, presetColors: presetColors, onChangeComplete: (c, e) => this.handleChangeComplete(c, e) })) : null;
+        const color = this.isValidColor(value) ? value : 'rgba(0,0,0,1)';
+        const picker = pickerOpen ? (React.createElement(SketchPicker, { color: color, disableAlpha: disableAlpha, presetColors: presetColors, onChangeComplete: (c, e) => this.handleChangeComplete(c, e) })) : null;
         let swatchStyle;
         if (value === 'transparent' || value === 'rgba(0,0,0,0)') {
             swatchStyle = {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ColorField.js","sourceRoot":"","sources":["../../../../src/components/color-field/ColorField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,YAAY,MAAM,+BAA+B,CAAC;AAEzD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAuBzD,MAAM,UAAW,SAAQ,KAAK,CAAC,aAAiD;IACpE,mBAAmB,CAAM;IAEzB,MAAM,CAAM;IAEZ,aAAa,GAAG,2MAA2M,CAAC;IAEpO,YAAY,KAAK;QACb,KAAK,CAAC,KAAK,CAAC,CAAC;QAEb,IAAI,CAAC,KAAK,GAAG;YACT,UAAU,EAAE,KAAK;SACpB,CAAC;QAEF,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;QAEhC,IAAI,CAAC,mBAAmB,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC;IACjE,CAAC;IAEO,YAAY,CAAC,CAAC;QAClB,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QAEpB,MAAM,QAAQ,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC;QAExC,IAAI,CAAC,QAAQ,CACT;YACI,UAAU,EAAE,QAAQ;SACvB,EACD,GAAG,EAAE;YACD,IAAI,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC;gBACxB,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;YACjE,CAAC;iBAAM,CAAC;gBACJ,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;YACpE,CAAC;QACL,CAAC,CACJ,CAAC;IACN,CAAC;IAEM,oBAAoB;QACvB,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;IACpE,CAAC;IAEO,kBAAkB,CAAC,CAAC;QACxB,IAAI,aAAa,GAAG,CAAC,CAAC,MAAM,CAAC;QAC7B,MAAM,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,oBAAoB,CAAC,KAAK,EAAE,CAAC;QACjC,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtC,CAAC;IAEM,MAAM;QACT,MAAM,EACF,KAAK,EACL,KAAK,EACL,OAAO,EACP,OAAO,EACP,KAAK,EACL,WAAW,EACX,YAAY,EACZ,IAAI,EACJ,aAAa,EACb,cAAc,EACd,UAAU,EACb,GAAG,IAAI,CAAC,KAAK,CAAC;QACf,MAAM,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAClC,MAAM,YAAY,GAAG,CAAC,WAAW,CAAC;QAClC,MAAM,SAAS,GAAG,cAAc,IAAI,MAAM,CAAC;~~QAE3C~~,MAAM,MAAM,GAAG,UAAU,CAAC,CAAC,CAAC,CACxB,oBAAC,YAAY,IACT,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,gBAAgB,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC,EAAE,CAAC,CAAC,GAC7D,CACL,CAAC,CAAC,CAAC,IAAI,CAAC;QAET,IAAI,WAAW,CAAC;QAChB,IAAI,KAAK,KAAK,aAAa,IAAI,KAAK,KAAK,eAAe,EAAE,CAAC;YACvD,WAAW,GAAG;gBACV,UAAU,EAAE,IAAI,CAAC,aAAa;gBAC9B,MAAM,EAAE,mBAAmB;gBAC3B,SAAS,EAAE,YAAY;aAC1B,CAAC;QACN,CAAC;aAAM,CAAC;YACJ,WAAW,GAAG;gBACV,eAAe,EAAE,KAAK;aACzB,CAAC;QACN,CAAC;QAED,OAAO,CACH,oBAAC,YAAY,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,6BACI,SAAS,EAAC,QAAQ,EAClB,KAAK,EAAE,WAAW,EAClB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,GACtC;YACF,6BACI,SAAS,EAAE,iBAAiB,SAAS,EAAE,EACvC,GAAG,EAAE,IAAI,CAAC,MAAM,IACf,MAAM,CACL,CACK,CAClB,CAAC;IACN,CAAC;CACJ;AAED,eAAe,UAAU,CAAC"}
1	+ {"version":3,"file":"ColorField.js","sourceRoot":"","sources":["../../../../src/components/color-field/ColorField.tsx"],"names":[],"mappings":"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"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
     "name": "@imposium-hub/components",
-    "version": "2.5.6-0",
+    "version": "2.5.6-1",
     "description": "React & Typescript component / asset library for Imposium front-ends",
     "main": "./dist/cjs/index.js",
     "module": "./dist/esm/index.js",

package/src/components/color-field/ColorField.tsx CHANGED Viewed

@@ -89,6 +89,17 @@ class ColorField extends React.PureComponent<IColorFieldProps, IColorFieldState>
         return this.props.onChange(color);
     }
+    private isValidColor(color) {
+        const el = document.createElement('div');
+        el.style.backgroundColor = color;
+        if (el.style.backgroundColor) {
+            return true;
+        } else {
+            this.props.onChange('rgba(0,0,0,1)');
+            return false;
+        }
+    }
     public render() {
         const {
             label,
@@ -106,10 +117,10 @@ class ColorField extends React.PureComponent<IColorFieldProps, IColorFieldState>
         const { pickerOpen } = this.state;
         const disableAlpha = !enableAlpha;
         const pickerPos = pickerPosition || 'left';
+        const color = this.isValidColor(value) ? value : 'rgba(0,0,0,1)';
         const picker = pickerOpen ? (
             <SketchPicker
-                color={value}
+                color={color}
                 disableAlpha={disableAlpha}
                 presetColors={presetColors}
                 onChangeComplete={(c, e) => this.handleChangeComplete(c, e)}