@things-factory/attachment-ui 4.1.27 → 4.3.0-alpha.0

package/client/attachment-creation-card.js

@@ -1,4 +1,4 @@
-import { LitElement, html, css } from 'lit-element'
+import { LitElement, html, css } from 'lit'
 import { i18next, localize } from '@things-factory/i18n-base'
 import { FileDropHelper } from '@things-factory/utils'
 import './components/file-selector'
@@ -188,17 +188,11 @@ export class AttachmentCreationCard extends localize(i18next)(LitElement) {
           ></file-selector>
 
           <div id="thumbnail-area">
-            ${this._files.map(
-              file => html`
-                <image-upload-previewer .file=${file}></image-upload-previewer>
-              `
-            )}
+            ${this._files.map(file => html` <image-upload-previewer .file=${file}></image-upload-previewer> `)}
           </div>
 
           <!-- ${/^(video|image)/.test((this._files || {}).type)
-            ? html`
-                <image-upload-previewer .file=${this._files}></image-upload-previewer>
-              `
+            ? html` <image-upload-previewer .file=${this._files}></image-upload-previewer> `
             : html``} -->
 
           <input type="submit" value=${i18next.t('button.create')} />

package/client/attachment-selector.js

@@ -1,14 +1,14 @@
 import './attachment-creation-card'
 
 import gql from 'graphql-tag'
-import { css, html, LitElement } from 'lit-element'
+import { css, html, LitElement } from 'lit'
 
 import Headroom from '@operato/headroom'
 import InfiniteScrollable from '@operato/utils/mixins/infinite-scrollable.js'
 import { i18next, localize } from '@things-factory/i18n-base'
 import { client } from '@things-factory/shell'
 import { HeadroomStyles, ScrollbarStyles, TooltipStyles } from '@things-factory/styles'
-import { gqlBuilder, pulltorefresh, sleep } from '@things-factory/utils'
+import { copyToClipboard, gqlBuilder, pulltorefresh, sleep } from '@things-factory/utils'
 
 const FETCH_ATTACHMENT_LIST_GQL = listParam => {
   return gql`
@@ -471,7 +471,7 @@ export class AttachmentSelector extends InfiniteScrollable(localize(i18next)(Lit
   }
 
   async copy(copied) {
-    navigator.clipboard.writeText(copied)
+    await copyToClipboard(copied)
   }
 }
 

package/client/components/file-selector.js

@@ -1,6 +1,6 @@
 import '@material/mwc-icon'
 import '@material/mwc-icon-button'
-import { css, html, LitElement } from 'lit-element'
+import { css, html, LitElement } from 'lit'
 
 export class FileSelector extends LitElement {
   static get styles() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@things-factory/attachment-ui",
-  "version": "4.1.27",
+  "version": "4.3.0-alpha.0",
   "main": "dist-server/index.js",
   "browser": "client/index.js",
   "things-factory": true,
@@ -24,9 +24,9 @@
     "migration:create": "node ../../node_modules/typeorm/cli.js migration:create -d ./server/migrations"
   },
   "dependencies": {
-    "@operato/headroom": "^0.3.28",
-    "@things-factory/attachment-base": "^4.1.27",
-    "@things-factory/image-uploader-ui": "^4.1.27"
+    "@operato/headroom": "^0.4.5",
+    "@things-factory/attachment-base": "^4.3.0-alpha.0",
+    "@things-factory/image-uploader-ui": "^4.3.0-alpha.0"
   },
-  "gitHead": "d2bcc934a52e1a2f68738ec8b56ad72503172f6f"
+  "gitHead": "6467d1b2a5b2f8abb1bc3982e4651a5742ad4043"
 }