@datagrok-libraries/utils 4.1.23 → 4.1.24

package/package.json

@@ -8,7 +8,7 @@
     "email": "amuzychyna@datagrok.ai"
   },
   "fullName": "Utils",
-  "version": "4.1.23",
+  "version": "4.1.24",
   "description": "Common utilities",
   "dependencies": {
     "cash-dom": "^8.1.1",

package/src/u2.css

@@ -0,0 +1,13 @@
+.ui-app-header {
+
+}
+
+.ui-app-header-icon {
+    width: 150px;
+    height: 150px;
+    margin-right: 20px;
+}
+
+.u2-panel {
+    gap: 10px;
+}

package/src/u2.d.ts

@@ -1,4 +1,17 @@
+import './u2.css';
 export declare namespace u2 {
-    function appHeader(iconPath: string, description: HTMLElement): HTMLElement;
+    /** */
+    namespace panels {
+        /** Vertically positioned items */
+        function vert(items: any[]): HTMLElement;
+        /** Horizontally positioned items */
+        function horz(items: any[]): HTMLElement;
+    }
+    interface IAppInfo {
+        iconPath: string;
+        description: string;
+        learnMoreUrl?: string;
+    }
+    function appHeader(header: IAppInfo): HTMLElement;
 }
 //# sourceMappingURL=u2.d.ts.map

package/src/u2.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"u2.d.ts","sourceRoot":"","sources":["u2.ts"],"names":[],"mappings":"AAIA,yBAAiB,EAAE,CAAC;IAElB,SAAgB,SAAS,CAAC,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,GAAG,WAAW,CAQjF;CAEF"}
+{"version":3,"file":"u2.d.ts","sourceRoot":"","sources":["u2.ts"],"names":[],"mappings":"AAEA,OAAO,UAAU,CAAC;AAGlB,yBAAiB,EAAE,CAAC;IAElB,MAAM;IACN,UAAiB,MAAM,CAAC;QAEtB,kCAAkC;QAClC,SAAgB,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,WAAW,CAE9C;QAED,oCAAoC;QACpC,SAAgB,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,WAAW,CAE9C;KAEF;IAED,UAAiB,QAAQ;QACvB,QAAQ,EAAE,MAAM,CAAC;QACjB,WAAW,EAAE,MAAM,CAAC;QACpB,YAAY,CAAC,EAAE,MAAM,CAAC;KACvB;IAED,SAAgB,SAAS,CAAC,MAAM,EAAE,QAAQ,GAAG,WAAW,CAWvD;CAEF"}

package/src/u2.js

@@ -1,15 +1,33 @@
 import * as ui from 'datagrok-api/ui';
 import $ from 'cash-dom';
+import './u2.css';
 export var u2;
 (function (u2) {
-    function appHeader(iconPath, description) {
-        const icon = ui.iconImage('', iconPath);
+    /** */
+    let panels;
+    (function (panels) {
+        /** Vertically positioned items */
+        function vert(items) {
+            return ui.divV(items.map((item) => ui.render(item)), { classes: 'u2-panel' });
+        }
+        panels.vert = vert;
+        /** Horizontally positioned items */
+        function horz(items) {
+            return ui.divH(items.map((item) => ui.render(item)), { classes: 'u2-panel' });
+        }
+        panels.horz = horz;
+    })(panels = u2.panels || (u2.panels = {}));
+    function appHeader(header) {
+        const icon = ui.iconImage('', header.iconPath);
         $(icon).addClass('ui-app-header-icon').css('margin-right', '20px');
-        return ui.divH([
+        return panels.horz([
             icon,
-            description
+            panels.vert([
+                ui.markdown(header.description),
+                header.learnMoreUrl ? ui.link('Learn more', header.learnMoreUrl) : null
+            ])
         ]);
     }
     u2.appHeader = appHeader;
 })(u2 || (u2 = {}));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidTIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyJ1Mi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3RDLE9BQU8sQ0FBQyxNQUFNLFVBQVUsQ0FBQztBQUd6QixNQUFNLEtBQVcsRUFBRSxDQVlsQjtBQVpELFdBQWlCLEVBQUU7SUFFakIsU0FBZ0IsU0FBUyxDQUFDLFFBQWdCLEVBQUUsV0FBd0I7UUFDbEUsTUFBTSxJQUFJLEdBQUcsRUFBRSxDQUFDLFNBQVMsQ0FBQyxFQUFFLEVBQUUsUUFBUSxDQUFDLENBQUM7UUFDeEMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLFFBQVEsQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxjQUFjLEVBQUUsTUFBTSxDQUFDLENBQUM7UUFFbkUsT0FBTyxFQUFFLENBQUMsSUFBSSxDQUFDO1lBQ2IsSUFBSTtZQUNKLFdBQVc7U0FDWixDQUFDLENBQUM7SUFDTCxDQUFDO0lBUmUsWUFBUyxZQVF4QixDQUFBO0FBRUgsQ0FBQyxFQVpnQixFQUFFLEtBQUYsRUFBRSxRQVlsQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCAqIGFzIHVpIGZyb20gJ2RhdGFncm9rLWFwaS91aSc7XG5pbXBvcnQgJCBmcm9tICdjYXNoLWRvbSc7XG5cblxuZXhwb3J0IG5hbWVzcGFjZSB1MiB7XG5cbiAgZXhwb3J0IGZ1bmN0aW9uIGFwcEhlYWRlcihpY29uUGF0aDogc3RyaW5nLCBkZXNjcmlwdGlvbjogSFRNTEVsZW1lbnQpOiBIVE1MRWxlbWVudCB7XG4gICAgY29uc3QgaWNvbiA9IHVpLmljb25JbWFnZSgnJywgaWNvblBhdGgpO1xuICAgICQoaWNvbikuYWRkQ2xhc3MoJ3VpLWFwcC1oZWFkZXItaWNvbicpLmNzcygnbWFyZ2luLXJpZ2h0JywgJzIwcHgnKTtcblxuICAgIHJldHVybiB1aS5kaXZIKFtcbiAgICAgIGljb24sXG4gICAgICBkZXNjcmlwdGlvblxuICAgIF0pO1xuICB9XG5cbn0iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidTIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyJ1Mi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3RDLE9BQU8sQ0FBQyxNQUFNLFVBQVUsQ0FBQztBQUN6QixPQUFPLFVBQVUsQ0FBQztBQUdsQixNQUFNLEtBQVcsRUFBRSxDQW9DbEI7QUFwQ0QsV0FBaUIsRUFBRTtJQUVqQixNQUFNO0lBQ04sSUFBaUIsTUFBTSxDQVl0QjtJQVpELFdBQWlCLE1BQU07UUFFckIsa0NBQWtDO1FBQ2xDLFNBQWdCLElBQUksQ0FBQyxLQUFZO1lBQy9CLE9BQU8sRUFBRSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQyxFQUFFLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDLEVBQUUsRUFBRSxPQUFPLEVBQUUsVUFBVSxFQUFDLENBQUMsQ0FBQztRQUMvRSxDQUFDO1FBRmUsV0FBSSxPQUVuQixDQUFBO1FBRUQsb0NBQW9DO1FBQ3BDLFNBQWdCLElBQUksQ0FBQyxLQUFZO1lBQy9CLE9BQU8sRUFBRSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQyxFQUFFLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDLEVBQUUsRUFBRSxPQUFPLEVBQUUsVUFBVSxFQUFDLENBQUMsQ0FBQztRQUMvRSxDQUFDO1FBRmUsV0FBSSxPQUVuQixDQUFBO0lBRUgsQ0FBQyxFQVpnQixNQUFNLEdBQU4sU0FBTSxLQUFOLFNBQU0sUUFZdEI7SUFRRCxTQUFnQixTQUFTLENBQUMsTUFBZ0I7UUFDeEMsTUFBTSxJQUFJLEdBQUcsRUFBRSxDQUFDLFNBQVMsQ0FBQyxFQUFFLEVBQUUsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBQy9DLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxRQUFRLENBQUMsb0JBQW9CLENBQUMsQ0FBQyxHQUFHLENBQUMsY0FBYyxFQUFFLE1BQU0sQ0FBQyxDQUFDO1FBRW5FLE9BQU8sTUFBTSxDQUFDLElBQUksQ0FBQztZQUNqQixJQUFJO1lBQ0osTUFBTSxDQUFDLElBQUksQ0FBQztnQkFDVixFQUFFLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxXQUFXLENBQUM7Z0JBQy9CLE1BQU0sQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsWUFBWSxFQUFFLE1BQU0sQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSTthQUN4RSxDQUFDO1NBQ0gsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQVhlLFlBQVMsWUFXeEIsQ0FBQTtBQUVILENBQUMsRUFwQ2dCLEVBQUUsS0FBRixFQUFFLFFBb0NsQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCAqIGFzIHVpIGZyb20gJ2RhdGFncm9rLWFwaS91aSc7XG5pbXBvcnQgJCBmcm9tICdjYXNoLWRvbSc7XG5pbXBvcnQgJy4vdTIuY3NzJztcblxuXG5leHBvcnQgbmFtZXNwYWNlIHUyIHtcblxuICAvKiogKi9cbiAgZXhwb3J0IG5hbWVzcGFjZSBwYW5lbHMge1xuXG4gICAgLyoqIFZlcnRpY2FsbHkgcG9zaXRpb25lZCBpdGVtcyAqL1xuICAgIGV4cG9ydCBmdW5jdGlvbiB2ZXJ0KGl0ZW1zOiBhbnlbXSk6IEhUTUxFbGVtZW50IHtcbiAgICAgIHJldHVybiB1aS5kaXZWKGl0ZW1zLm1hcCgoaXRlbSkgPT4gdWkucmVuZGVyKGl0ZW0pKSwgeyBjbGFzc2VzOiAndTItcGFuZWwnfSk7XG4gICAgfVxuXG4gICAgLyoqIEhvcml6b250YWxseSBwb3NpdGlvbmVkIGl0ZW1zICovXG4gICAgZXhwb3J0IGZ1bmN0aW9uIGhvcnooaXRlbXM6IGFueVtdKTogSFRNTEVsZW1lbnQge1xuICAgICAgcmV0dXJuIHVpLmRpdkgoaXRlbXMubWFwKChpdGVtKSA9PiB1aS5yZW5kZXIoaXRlbSkpLCB7IGNsYXNzZXM6ICd1Mi1wYW5lbCd9KTtcbiAgICB9XG5cbiAgfVxuXG4gIGV4cG9ydCBpbnRlcmZhY2UgSUFwcEluZm8ge1xuICAgIGljb25QYXRoOiBzdHJpbmc7XG4gICAgZGVzY3JpcHRpb246IHN0cmluZztcbiAgICBsZWFybk1vcmVVcmw/OiBzdHJpbmc7XG4gIH1cblxuICBleHBvcnQgZnVuY3Rpb24gYXBwSGVhZGVyKGhlYWRlcjogSUFwcEluZm8pOiBIVE1MRWxlbWVudCB7XG4gICAgY29uc3QgaWNvbiA9IHVpLmljb25JbWFnZSgnJywgaGVhZGVyLmljb25QYXRoKTtcbiAgICAkKGljb24pLmFkZENsYXNzKCd1aS1hcHAtaGVhZGVyLWljb24nKS5jc3MoJ21hcmdpbi1yaWdodCcsICcyMHB4Jyk7XG5cbiAgICByZXR1cm4gcGFuZWxzLmhvcnooW1xuICAgICAgaWNvbixcbiAgICAgIHBhbmVscy52ZXJ0KFtcbiAgICAgICAgdWkubWFya2Rvd24oaGVhZGVyLmRlc2NyaXB0aW9uKSxcbiAgICAgICAgaGVhZGVyLmxlYXJuTW9yZVVybCA/IHVpLmxpbmsoJ0xlYXJuIG1vcmUnLCBoZWFkZXIubGVhcm5Nb3JlVXJsKSA6IG51bGxcbiAgICAgIF0pXG4gICAgXSk7XG4gIH1cblxufSJdfQ==