@dotglitch/ngx-common 1.0.28 → 1.0.30

package/fesm2020/{dotglitch-ngx-common-folder-rename.component-ba3ebd0a.mjs → dotglitch-ngx-common-folder-rename.component-31a34e6e.mjs}

@@ -29,6 +29,8 @@ import 'tabulator-tables';
 import '@angular/material/progress-bar';
 import '@angular/material/expansion';
 import 'path-browserify';
+import 'react';
+import 'react-dom/client';
 
 class FolderRenameComponent {
     constructor(dialog, fetch) {
@@ -75,4 +77,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
             }] } });
 
 export { FolderRenameComponent };
-//# sourceMappingURL=dotglitch-ngx-common-folder-rename.component-ba3ebd0a.mjs.map
+//# sourceMappingURL=dotglitch-ngx-common-folder-rename.component-31a34e6e.mjs.map

package/fesm2020/dotglitch-ngx-common-folder-rename.component-31a34e6e.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dotglitch-ngx-common-folder-rename.component-31a34e6e.mjs","sources":["../../../packages/common/src/components/filemanager/folder-rename/folder-rename.component.ts","../../../packages/common/src/components/filemanager/folder-rename/folder-rename.component.html"],"sourcesContent":["import { Component, Input, OnInit } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatDialogRef } from '@angular/material/dialog';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatInputModule } from '@angular/material/input';\nimport { NgxFileManagerConfiguration } from '../filemanager.component';\nimport { Fetch } from '../../../public-api';\n\n@Component({\n    selector: 'app-folder-rename',\n    templateUrl: './folder-rename.component.html',\n    styleUrls: ['./folder-rename.component.scss'],\n    imports: [\n        MatInputModule,\n        MatIconModule,\n        MatButtonModule,\n        FormsModule\n    ],\n    standalone: true\n})\nexport class FolderRenameComponent implements OnInit {\n\n    @Input() path: string;\n    @Input() name: string = '';\n    @Input() config: NgxFileManagerConfiguration;\n\n    isRename = false;\n\n    constructor(\n        public dialog: MatDialogRef<any>,\n        private fetch: Fetch\n    ) { }\n\n    ngOnInit() {\n        this.isRename = this.name.length > 0;\n    }\n\n    onSave() {\n        if (this.isRename) {\n            const url = this.config.apiSettings.renameEntryUrlTemplate\n                ? this.config.apiSettings.renameEntryUrlTemplate(this.path + this.name)\n                : this.config.apiSettings.renameEntryUrl\n\n            this.fetch.post(url, { path: this.path + '/' + this.name });\n        }\n        else {\n            const url = this.config.apiSettings.createDirectoryUrlTemplate\n                      ? this.config.apiSettings.createDirectoryUrlTemplate(this.path + this.name)\n                      : this.config.apiSettings.createDirectoryUrl\n\n            this.fetch.post(url, {path: this.path +'/'+ this.name});\n        }\n        this.dialog.close(true);\n    }\n}\n","<mat-form-field style=\"width: 280px;\">\n    <mat-label>Name</mat-label>\n    <input matInput type=\"text\" [(ngModel)]=\"name\" (keyup)=\"$event.key == 'Enter' && onSave()\">\n</mat-form-field>\n\n<div style=\"align-self: end;\">\n    <button mat-flat-button (click)=\"onSave()\"><mat-icon>check</mat-icon>Ok</button>\n    <button mat-flat-button (click)=\"dialog.close()\"><mat-icon>cancel</mat-icon>Cancel</button>\n</div>\n"],"names":["i2.Fetch","i6"],"mappings":"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"}

package/fesm2020/dotglitch-ngx-common.mjs

@@ -37,6 +37,8 @@ import { MatButtonModule } from '@angular/material/button';
 import * as i2$3 from '@angular/material/expansion';
 import { MatExpansionModule } from '@angular/material/expansion';
 import * as path from 'path-browserify';
+import * as React from 'react';
+import { createRoot } from 'react-dom/client';
 
 /**
  * This utils file exists outside of the strict angular DI zone
@@ -528,8 +530,8 @@ class MenuComponent {
             typeof i['shortcut'] == "string" &&
             i['shortcut'].length > 2);
         if (this.ownerCords) {
-            const selfY = parseInt(this.selfCords.top.replace('px', ''));
-            const selfX = parseInt(this.selfCords.left.replace('px', ''));
+            const selfY = parseInt(this.selfCords.top?.replace('px', '') || '0');
+            const selfX = parseInt(this.selfCords.left?.replace('px', '') || '0');
             this.coverRectCords = {
                 top: this.ownerCords.y - selfY - 16,
                 left: this.ownerCords.x - selfX - 16,
@@ -9383,7 +9385,7 @@ class FilemanagerComponent {
         lazyLoader.registerComponent({
             id: "folder-rename",
             group: "@dotglitch/ngx-web-components",
-            load: () => import('./dotglitch-ngx-common-folder-rename.component-ba3ebd0a.mjs')
+            load: () => import('./dotglitch-ngx-common-folder-rename.component-31a34e6e.mjs')
         });
         this.iconResolver = new IconResolver(libConfig.assetPath);
     }
@@ -10440,6 +10442,74 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                 args: ['window:resize', ['$event']]
             }] } });
 
+/**
+ * Extend this component to automatically generate
+ * bindings to a React component.
+ *
+ * ! You _must_ override the property `ngReactComponent`
+ * Failure to do so will result in errors
+ * `override readonly ngReactComponent = ReactFlowWrappableComponent;`
+ */
+class ReactMagicWrapperComponent {
+    constructor(ngContainer, ngTheme) {
+        this.ngContainer = ngContainer;
+        this.ngTheme = ngTheme;
+        this.ngSubscriptions = [
+            this.ngTheme.subscribe(t => {
+                this.theme = t;
+                this.ngOnChanges();
+            })
+        ];
+        if (!this.ngReactComponent)
+            throw new Error("ReactMagicWrapperComponent cannot start without a provided ngReactComponent!");
+    }
+    ngOnInit() {
+        if (!this.ngReactComponent)
+            throw new Error("ReactMagicWrapperComponent cannot start without a provided ngReactComponent!");
+    }
+    ngOnChanges(changes) {
+        this._render();
+    }
+    ngAfterViewInit() {
+        this._render();
+    }
+    ngOnDestroy() {
+        this._root.unmount();
+        this.ngSubscriptions.forEach(s => s.unsubscribe());
+    }
+    _render() {
+        if (!this.ngReactComponent)
+            return;
+        if (!this._root) {
+            this._root = createRoot(this.ngContainer.element.nativeElement);
+        }
+        // List all keys that do not start with `_` nor `ng`
+        const keys = Object.keys(this).filter(k => !/^(?:_|ng)/.test(k));
+        // Get all property keys from the class
+        const propKeys = keys.filter(k => !k.startsWith("on"));
+        // Get all event handler keys from the class
+        const evtKeys = keys.filter(k => k.startsWith("on"));
+        const props = {};
+        // Project all key properties onto `props`
+        propKeys.forEach(k => props[k] = this[k]);
+        // Bind all event handlers.
+        // ! important Angular uses EventEmitter, React uses
+        // a different method of event binding
+        evtKeys.forEach(k => props[k] = (...args) => this[k].next(args));
+        this._root.render(React.createElement(this.ngReactComponent, { props: props }));
+    }
+}
+ReactMagicWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ReactMagicWrapperComponent, deps: [{ token: i0.ViewContainerRef }, { token: ThemeService }], target: i0.ɵɵFactoryTarget.Component });
+ReactMagicWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ReactMagicWrapperComponent, isStandalone: true, selector: "app-react-magic-wrapper", usesOnChanges: true, ngImport: i0, template: ``, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ReactMagicWrapperComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'app-react-magic-wrapper',
+                    template: ``,
+                    standalone: true
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: ThemeService }]; } });
+
 /*
  * Public API Surface of package
  */
@@ -10451,5 +10521,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ComponentResolveStrategy, DependencyService, DialogService, DynamicHTMLComponent, DynamicHTMLOptions, DynamicHTMLRenderer, Fetch, FileService, FilemanagerComponent, HtmlBypass, KeyboardService, LazyLoaderComponent, LazyLoaderModule, LazyLoaderService, MenuDirective, NGX_DYNAMIC_CONFIG, NGX_LAZY_LOADER_CONFIG, NGX_WEB_COMPONENTS_CONFIG, NavigationService, NgxDynamicHTMLModule, OnMount, ResourceBypass, ScriptBypass, StyleBypass, TabulatorComponent, ThemeService, TooltipDirective, UrlBypass, VscodeComponent, openMenu, openTooltip };
+export { ComponentResolveStrategy, DependencyService, DialogService, DynamicHTMLComponent, DynamicHTMLOptions, DynamicHTMLRenderer, Fetch, FileService, FilemanagerComponent, HtmlBypass, KeyboardService, LazyLoaderComponent, LazyLoaderModule, LazyLoaderService, MenuDirective, NGX_DYNAMIC_CONFIG, NGX_LAZY_LOADER_CONFIG, NGX_WEB_COMPONENTS_CONFIG, NavigationService, NgxDynamicHTMLModule, OnMount, ReactMagicWrapperComponent, ResourceBypass, ScriptBypass, StyleBypass, TabulatorComponent, ThemeService, TooltipDirective, UrlBypass, VscodeComponent, openMenu, openTooltip };
 //# sourceMappingURL=dotglitch-ngx-common.mjs.map