@hpcc-js/other 3.5.2 → 3.5.4

package/src/Persist.ts

@@ -1,151 +1,151 @@
-export function discover(widget) {
-    return widget.publishedProperties(false, true);
-}
-
-export function widgetArrayWalker(widgets, visitor) {
-    if (!widgets)
-        return;
-    widgets.forEach(function (widget) {
-        widget.widgetWalker(visitor);
-    });
-}
-
-export function widgetPropertyWalker(widget2, visitor, filter?) {
-    widget2.widgetWalker(function (widget) {
-        widget.propertyWalker(visitor, filter);
-    });
-}
-
-export function serializeTheme(widget, filter) {
-    return JSON.stringify(serializeThemeToObject(widget, filter));
-}
-
-export function serializeThemeToObject(widget2, filter?) {
-    filter = filter || ["surface", "Color", "Font", "palette"];
-
-    const propObj = {};
-    widgetPropertyWalker(widget2, null, function (widget, item) {
-        if (widget[item.id + "_modified"]() || widget.publishedProperty(item.id).origDefaultValue !== widget.publishedProperty(item.id).defaultValue) {
-            if (_isFilterMatch(item.id, filter)) {
-                const classParts = widget._class.trim().split(" ");
-                for (const i in classParts) {
-                    if (classParts.HasOwnProperty(i)) {
-                        if (propObj[classParts[i]] === undefined) {
-                            propObj[classParts[i]] = {};
-                        }
-                        if (propObj[classParts[i]][item.id] === undefined) {
-                            propObj[classParts[i]][item.id] = widget[item.id]();
-                            break;
-                        } else if (propObj[classParts[i]][item.id] === widget[item.id]()) {
-                            break;
-                        }
-                    }
-                }
-            }
-        }
-    });
-
-    function _isFilterMatch(str, arr) {
-        let ret = false;
-        for (const i in arr) {
-            if (str.indexOf(arr[i]) !== -1) {
-                ret = true;
-                break;
-            }
-        }
-        return ret;
-    }
-    return propObj;
-}
-export function removeTheme(widget2, callback) {
-    widgetPropertyWalker(widget2, null, function (widget, item) {
-        widget.publishedProperty(item.id).defaultValue = widget.publishedProperty(item.id).origDefaultValue;
-    });
-
-    if (typeof (callback) === "function") {
-        callback.call(this);
-    }
-}
-export function applyTheme(widget2, themeObj, callback) {
-    const context = this;
-    widgetPropertyWalker(widget2, null, function (widget3, item) {
-        switch (item.type) {
-            case "widget":
-                context.applyTheme(widget3[item.id](), themeObj);
-                return true;
-            case "widgetArray":
-                const widgetArray = widget3[item.id]();
-                widgetArray.forEach(function (widget) {
-                    context.applyTheme(widget, themeObj);
-                }, this);
-                return true;
-            default:
-                widget3.applyTheme(themeObj);
-                break;
-        }
-    });
-    if (typeof (callback) === "function") {
-        callback.call(this);
-    }
-}
-
-export function serializeToObject(widget, filter?, includeData?, includeState?) {
-    const retVal: any = {
-        __class: widget.classID()
-    };
-    if (widget._id.indexOf(widget._idSeed) !== 0) {
-        retVal.__id = widget._id;
-    }
-    if (widget.version) {
-        retVal.__version = widget.version();
-    }
-    retVal.__properties = {};
-
-    widget.propertyWalker((childWwidget2, item) => {
-        if (childWwidget2[item.id + "_modified"]()) {
-            switch (item.type) {
-                case "widget":
-                    retVal.__properties[item.id] = serializeToObject(childWwidget2[item.id](), null, includeData, includeState && !widget.serializeState);  //  Only include state once
-                    return true;
-                case "widgetArray":
-                case "propertyArray":
-                    retVal.__properties[item.id] = [];
-                    const widgetArray = childWwidget2[item.id]();
-                    widgetArray.forEach((childWwidget) => {
-                        retVal.__properties[item.id].push(serializeToObject(childWwidget, null, includeData, includeState && !widget.serializeState));  //  Only include state once
-                    });
-                    return true;
-                default:
-                    retVal.__properties[item.id] = childWwidget2[item.id]();
-                    break;
-            }
-        }
-    }, filter);
-
-    if (widget.classID() === "marshaller_Graph") {
-        const vertices = widget.data().vertices;
-        if (vertices) {
-            this.__vertices = vertices.map(item => {
-                return serializeToObject(item, null, includeData, includeState && !widget.serializeState);
-            });
-        }
-    }
-    if (includeData && widget.data) {
-        if (!retVal.__data) retVal.__data = {};
-        retVal.__data.data = widget.data();
-    }
-    if (includeState) {
-        if (widget.serializeState) {
-            retVal.__state = widget.serializeState();
-        } else if (widget.data) {
-            retVal.__state = {
-                data: widget.data()
-            };
-        }
-    }
-    return retVal;
-}
-
-export function serialize(widget, filter?, includeData?, includeState?) {
-    return JSON.stringify(serializeToObject(widget, filter, includeData, includeState));
-}
+export function discover(widget) {
+    return widget.publishedProperties(false, true);
+}
+
+export function widgetArrayWalker(widgets, visitor) {
+    if (!widgets)
+        return;
+    widgets.forEach(function (widget) {
+        widget.widgetWalker(visitor);
+    });
+}
+
+export function widgetPropertyWalker(widget2, visitor, filter?) {
+    widget2.widgetWalker(function (widget) {
+        widget.propertyWalker(visitor, filter);
+    });
+}
+
+export function serializeTheme(widget, filter) {
+    return JSON.stringify(serializeThemeToObject(widget, filter));
+}
+
+export function serializeThemeToObject(widget2, filter?) {
+    filter = filter || ["surface", "Color", "Font", "palette"];
+
+    const propObj = {};
+    widgetPropertyWalker(widget2, null, function (widget, item) {
+        if (widget[item.id + "_modified"]() || widget.publishedProperty(item.id).origDefaultValue !== widget.publishedProperty(item.id).defaultValue) {
+            if (_isFilterMatch(item.id, filter)) {
+                const classParts = widget._class.trim().split(" ");
+                for (const i in classParts) {
+                    if (classParts.HasOwnProperty(i)) {
+                        if (propObj[classParts[i]] === undefined) {
+                            propObj[classParts[i]] = {};
+                        }
+                        if (propObj[classParts[i]][item.id] === undefined) {
+                            propObj[classParts[i]][item.id] = widget[item.id]();
+                            break;
+                        } else if (propObj[classParts[i]][item.id] === widget[item.id]()) {
+                            break;
+                        }
+                    }
+                }
+            }
+        }
+    });
+
+    function _isFilterMatch(str, arr) {
+        let ret = false;
+        for (const i in arr) {
+            if (str.indexOf(arr[i]) !== -1) {
+                ret = true;
+                break;
+            }
+        }
+        return ret;
+    }
+    return propObj;
+}
+export function removeTheme(widget2, callback) {
+    widgetPropertyWalker(widget2, null, function (widget, item) {
+        widget.publishedProperty(item.id).defaultValue = widget.publishedProperty(item.id).origDefaultValue;
+    });
+
+    if (typeof (callback) === "function") {
+        callback.call(this);
+    }
+}
+export function applyTheme(widget2, themeObj, callback) {
+    const context = this;
+    widgetPropertyWalker(widget2, null, function (widget3, item) {
+        switch (item.type) {
+            case "widget":
+                context.applyTheme(widget3[item.id](), themeObj);
+                return true;
+            case "widgetArray":
+                const widgetArray = widget3[item.id]();
+                widgetArray.forEach(function (widget) {
+                    context.applyTheme(widget, themeObj);
+                }, this);
+                return true;
+            default:
+                widget3.applyTheme(themeObj);
+                break;
+        }
+    });
+    if (typeof (callback) === "function") {
+        callback.call(this);
+    }
+}
+
+export function serializeToObject(widget, filter?, includeData?, includeState?) {
+    const retVal: any = {
+        __class: widget.classID()
+    };
+    if (widget._id.indexOf(widget._idSeed) !== 0) {
+        retVal.__id = widget._id;
+    }
+    if (widget.version) {
+        retVal.__version = widget.version();
+    }
+    retVal.__properties = {};
+
+    widget.propertyWalker((childWwidget2, item) => {
+        if (childWwidget2[item.id + "_modified"]()) {
+            switch (item.type) {
+                case "widget":
+                    retVal.__properties[item.id] = serializeToObject(childWwidget2[item.id](), null, includeData, includeState && !widget.serializeState);  //  Only include state once
+                    return true;
+                case "widgetArray":
+                case "propertyArray":
+                    retVal.__properties[item.id] = [];
+                    const widgetArray = childWwidget2[item.id]();
+                    widgetArray.forEach((childWwidget) => {
+                        retVal.__properties[item.id].push(serializeToObject(childWwidget, null, includeData, includeState && !widget.serializeState));  //  Only include state once
+                    });
+                    return true;
+                default:
+                    retVal.__properties[item.id] = childWwidget2[item.id]();
+                    break;
+            }
+        }
+    }, filter);
+
+    if (widget.classID() === "marshaller_Graph") {
+        const vertices = widget.data().vertices;
+        if (vertices) {
+            this.__vertices = vertices.map(item => {
+                return serializeToObject(item, null, includeData, includeState && !widget.serializeState);
+            });
+        }
+    }
+    if (includeData && widget.data) {
+        if (!retVal.__data) retVal.__data = {};
+        retVal.__data.data = widget.data();
+    }
+    if (includeState) {
+        if (widget.serializeState) {
+            retVal.__state = widget.serializeState();
+        } else if (widget.data) {
+            retVal.__state = {
+                data: widget.data()
+            };
+        }
+    }
+    return retVal;
+}
+
+export function serialize(widget, filter?, includeData?, includeState?) {
+    return JSON.stringify(serializeToObject(widget, filter, includeData, includeState));
+}

package/src/PropertyEditor.css

@@ -1,180 +1,180 @@
-.other_PropertyEditor {
-    overflow-y: scroll;
-    height: 100%;
-    width: 100%;
-}
-
-.other_PropertyEditor .other_PropertyEditor {
-    overflow: hidden;
-}
-
-.other_PropertyEditor .property-table {
-    width: 100%;
-    border: 1px solid #ddd;
-    border-width: 0 0 0 1px;
-}
-
-.other_PropertyEditor thead>tr>th {
-    background-color: #333;
-}
-
-.other_PropertyEditor .other_PropertyEditor th {
-    background-color: #444;
-}
-
-.other_PropertyEditor .other_PropertyEditor .other_PropertyEditor th {
-    background-color: #555;
-}
-
-.other_PropertyEditor .other_PropertyEditor .other_PropertyEditor .other_PropertyEditor th {
-    background-color: #666;
-}
-
-.other_PropertyEditor .other_PropertyEditor .other_PropertyEditor .other_PropertyEditor .other_PropertyEditor th {
-    background-color: #777;
-}
-
-.other_PropertyEditor .headerRow {
-    background-color: #eee;
-}
-
-.other_PropertyEditor .other_PropertyEditor .headerRow {
-    background-color: #ddd;
-}
-
-.other_PropertyEditor .other_PropertyEditor .other_PropertyEditor .headerRow {
-    background-color: #ccc;
-}
-
-.other_PropertyEditor .other_PropertyEditor .other_PropertyEditor .other_PropertyEditor .headerRow {
-    background-color: #bbb;
-}
-
-.other_PropertyEditor .other_PropertyEditor .other_PropertyEditor .other_PropertyEditor .other_PropertyEditor .headerRow {
-    background-color: #aaa;
-}
-
-.other_PropertyEditor .fa {
-    font-size: 14px;
-    width: 14px
-}
-
-.other_PropertyEditor div.property-table-collapsed {
-    display: none;
-}
-
-.other_PropertyEditor .headerRow>.peInput {
-    padding-top: 2px;
-}
-
-.other_PropertyEditor .headerRow>.peInput>span {
-    font-weight: bold;
-    padding-left: 2px;
-}
-
-.other_PropertyEditor .headerRow>.peInput>i {
-    float: right;
-    padding-top: 2px;
-    padding-bottom: 2px;
-}
-
-.other_PropertyEditor .headerRow>span>i:hover {
-    background-color: #555;
-    cursor: pointer;
-}
-
-.other_PropertyEditor .property-table thead>tr>th {
-    text-align: left;
-    background-color: #333;
-    color: #fff;
-    padding-top: 2px;
-    padding-left: 4px;
-}
-
-.other_PropertyEditor .property-table thead>tr>th>i {
-    float: right;
-    padding-top: 2px;
-    padding-right: 4px;
-    padding-bottom: 2px;
-}
-
-.other_PropertyEditor .property-table thead>tr>th>i:hover {
-    background-color: #555;
-    cursor: pointer;
-}
-
-.other_PropertyEditor .property-table tbody>tr:nth-child(even) {
-    background-color: #F9F9F9;
-}
-
-.other_PropertyEditor .property-table tbody>tr:nth-child(odd) {
-    background-color: #FFF;
-}
-
-.other_PropertyEditor .property-table tbody>tr>td {
-    text-align: left;
-    color: #333;
-    padding: 0 0 0 2px;
-}
-
-.other_PropertyEditor .property-table tbody>tr.disabled>td {
-    color: gray;
-}
-
-.other_PropertyEditor .property-table tbody>tr.invalid>td {
-    color: red;
-}
-
-.other_PropertyEditor .property-input-cell>div {
-    padding-left: 8px;
-}
-
-.other_PropertyEditor .property-label {
-    padding-right: 4px;
-    box-sizing: border-box;
-    height: 20px;
-}
-
-.other_PropertyEditor td.property-input-cell {
-    text-align: left;
-    height: 20px;
-    padding: 1px 0;
-    width: 80%
-}
-
-.other_PropertyEditor .property-input-cell>input,
-.other_PropertyEditor .property-input-cell>textarea {
-    width: 100%;
-    box-sizing: border-box;
-}
-
-.other_PropertyEditor .property-input-cell>input {
-    height: 20px;
-}
-
-.other_PropertyEditor .property-input-cell>textarea {
-    height: 120px;
-}
-
-.other_PropertyEditor .property-input-cell.boolean-cell {
-    width: auto;
-    margin: 0;
-    position: relative;
-}
-
-.other_PropertyEditor .property-input-cell>input[type="checkbox"] {
-    width: auto;
-    margin: 0;
-    position: absolute;
-    top: 0;
-}
-
-.other_PropertyEditor .html-color-cell>input {
-    width: 80%;
-}
-
-.other_PropertyEditor .html-color-cell>input[type="color"] {
-    width: 20%;
-    position: relative;
-    top: -1px;
+.other_PropertyEditor {
+    overflow-y: scroll;
+    height: 100%;
+    width: 100%;
+}
+
+.other_PropertyEditor .other_PropertyEditor {
+    overflow: hidden;
+}
+
+.other_PropertyEditor .property-table {
+    width: 100%;
+    border: 1px solid #ddd;
+    border-width: 0 0 0 1px;
+}
+
+.other_PropertyEditor thead>tr>th {
+    background-color: #333;
+}
+
+.other_PropertyEditor .other_PropertyEditor th {
+    background-color: #444;
+}
+
+.other_PropertyEditor .other_PropertyEditor .other_PropertyEditor th {
+    background-color: #555;
+}
+
+.other_PropertyEditor .other_PropertyEditor .other_PropertyEditor .other_PropertyEditor th {
+    background-color: #666;
+}
+
+.other_PropertyEditor .other_PropertyEditor .other_PropertyEditor .other_PropertyEditor .other_PropertyEditor th {
+    background-color: #777;
+}
+
+.other_PropertyEditor .headerRow {
+    background-color: #eee;
+}
+
+.other_PropertyEditor .other_PropertyEditor .headerRow {
+    background-color: #ddd;
+}
+
+.other_PropertyEditor .other_PropertyEditor .other_PropertyEditor .headerRow {
+    background-color: #ccc;
+}
+
+.other_PropertyEditor .other_PropertyEditor .other_PropertyEditor .other_PropertyEditor .headerRow {
+    background-color: #bbb;
+}
+
+.other_PropertyEditor .other_PropertyEditor .other_PropertyEditor .other_PropertyEditor .other_PropertyEditor .headerRow {
+    background-color: #aaa;
+}
+
+.other_PropertyEditor .fa {
+    font-size: 14px;
+    width: 14px
+}
+
+.other_PropertyEditor div.property-table-collapsed {
+    display: none;
+}
+
+.other_PropertyEditor .headerRow>.peInput {
+    padding-top: 2px;
+}
+
+.other_PropertyEditor .headerRow>.peInput>span {
+    font-weight: bold;
+    padding-left: 2px;
+}
+
+.other_PropertyEditor .headerRow>.peInput>i {
+    float: right;
+    padding-top: 2px;
+    padding-bottom: 2px;
+}
+
+.other_PropertyEditor .headerRow>span>i:hover {
+    background-color: #555;
+    cursor: pointer;
+}
+
+.other_PropertyEditor .property-table thead>tr>th {
+    text-align: left;
+    background-color: #333;
+    color: #fff;
+    padding-top: 2px;
+    padding-left: 4px;
+}
+
+.other_PropertyEditor .property-table thead>tr>th>i {
+    float: right;
+    padding-top: 2px;
+    padding-right: 4px;
+    padding-bottom: 2px;
+}
+
+.other_PropertyEditor .property-table thead>tr>th>i:hover {
+    background-color: #555;
+    cursor: pointer;
+}
+
+.other_PropertyEditor .property-table tbody>tr:nth-child(even) {
+    background-color: #F9F9F9;
+}
+
+.other_PropertyEditor .property-table tbody>tr:nth-child(odd) {
+    background-color: #FFF;
+}
+
+.other_PropertyEditor .property-table tbody>tr>td {
+    text-align: left;
+    color: #333;
+    padding: 0 0 0 2px;
+}
+
+.other_PropertyEditor .property-table tbody>tr.disabled>td {
+    color: gray;
+}
+
+.other_PropertyEditor .property-table tbody>tr.invalid>td {
+    color: red;
+}
+
+.other_PropertyEditor .property-input-cell>div {
+    padding-left: 8px;
+}
+
+.other_PropertyEditor .property-label {
+    padding-right: 4px;
+    box-sizing: border-box;
+    height: 20px;
+}
+
+.other_PropertyEditor td.property-input-cell {
+    text-align: left;
+    height: 20px;
+    padding: 1px 0;
+    width: 80%
+}
+
+.other_PropertyEditor .property-input-cell>input,
+.other_PropertyEditor .property-input-cell>textarea {
+    width: 100%;
+    box-sizing: border-box;
+}
+
+.other_PropertyEditor .property-input-cell>input {
+    height: 20px;
+}
+
+.other_PropertyEditor .property-input-cell>textarea {
+    height: 120px;
+}
+
+.other_PropertyEditor .property-input-cell.boolean-cell {
+    width: auto;
+    margin: 0;
+    position: relative;
+}
+
+.other_PropertyEditor .property-input-cell>input[type="checkbox"] {
+    width: auto;
+    margin: 0;
+    position: absolute;
+    top: 0;
+}
+
+.other_PropertyEditor .html-color-cell>input {
+    width: 80%;
+}
+
+.other_PropertyEditor .html-color-cell>input[type="color"] {
+    width: 20%;
+    position: relative;
+    top: -1px;
 }