@operato/app 7.0.56 → 7.0.58

package/package.json

@@ -2,7 +2,7 @@
   "name": "@operato/app",
   "description": "WebApplication production supporting components following open-wc recommendations",
   "author": "heartyoh",
-  "version": "7.0.56",
+  "version": "7.0.58",
   "main": "dist/src/index.js",
   "module": "dist/src/index.js",
   "exports": {
@@ -136,17 +136,17 @@
     "@graphql-tools/delegate": "^10.0.1",
     "@graphql-tools/wrap": "^8.5.0",
     "@material/web": "^1.5.0",
-    "@operato/attachment": "^7.0.56",
-    "@operato/data-grist": "^7.0.56",
-    "@operato/font": "^7.0.56",
-    "@operato/form": "^7.0.56",
+    "@operato/attachment": "^7.0.58",
+    "@operato/data-grist": "^7.0.58",
+    "@operato/font": "^7.0.58",
+    "@operato/form": "^7.0.58",
     "@operato/graphql": "^7.0.53",
     "@operato/i18n": "^7.0.53",
-    "@operato/input": "^7.0.56",
-    "@operato/layout": "^7.0.56",
-    "@operato/property-editor": "^7.0.56",
-    "@operato/shell": "^7.0.56",
-    "@operato/styles": "^7.0.56",
+    "@operato/input": "^7.0.58",
+    "@operato/layout": "^7.0.58",
+    "@operato/property-editor": "^7.0.58",
+    "@operato/shell": "^7.0.58",
+    "@operato/styles": "^7.0.58",
     "@operato/utils": "^7.0.53",
     "cm6-graphql": "^0.0.14",
     "codemirror": "^6.0.1",
@@ -188,5 +188,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "739d3191f3ceec33de0600958d434b9207864274"
+  "gitHead": "f6944ef198c07cda096dbc20c9d09c243fea54e2"
 }

package/src/grist-editor/ox-popup-code-input.ts

@@ -6,12 +6,12 @@ import { customElement, property } from 'lit/decorators.js'
 
 import { i18next } from '@operato/i18n'
 import { closePopup } from '@operato/popup'
-import { ButtonContainerStyles, ScrollbarStyles } from '@operato/styles'
+import { CommonHeaderStyles, ScrollbarStyles } from '@operato/styles'
 
 @customElement('ox-popup-code-input')
 export class OxPopupCodeInput extends LitElement {
   static styles = [
-    ButtonContainerStyles,
+    CommonHeaderStyles,
     ScrollbarStyles,
     css`
       :host {
@@ -42,11 +42,12 @@ export class OxPopupCodeInput extends LitElement {
       <ox-input-code .value=${this.value} @change=${this.onChange.bind(this)} .language=${this.language}>
       </ox-input-code>
 
-      <div class="button-container">
+      <div class="footer">
+        <div filler></div>
         <button @click=${this.onCancel.bind(this)} danger>
           <md-icon>cancel</md-icon>${i18next.t('button.cancel')}
         </button>
-        <button @click=${this.onConfirm.bind(this)}><md-icon>done</md-icon>${i18next.t('button.confirm')}</button>
+        <button @click=${this.onConfirm.bind(this)} done><md-icon>done</md-icon>${i18next.t('button.confirm')}</button>
       </div>
     `
   }

package/src/grist-editor/ox-popup-privilege-input.ts

@@ -7,13 +7,13 @@ import { customElement, property, state } from 'lit/decorators.js'
 
 import { i18next } from '@operato/i18n'
 import { closePopup } from '@operato/popup'
-import { ButtonContainerStyles, ScrollbarStyles } from '@operato/styles'
+import { CommonHeaderStyles, ScrollbarStyles } from '@operato/styles'
 import { client } from '@operato/graphql'
 
 @customElement('ox-popup-privilege-input')
 export class OxPopupPrivilegeInput extends LitElement {
   static styles = [
-    ButtonContainerStyles,
+    CommonHeaderStyles,
     ScrollbarStyles,
     css`
       :host {
@@ -44,11 +44,11 @@ export class OxPopupPrivilegeInput extends LitElement {
       <ox-input-privilege .value=${this.value} .privileges=${this.privileges} @change=${this.onChange.bind(this)}>
       </ox-input-privilege>
 
-      <div class="button-container" style="margin-left: unset;">
+      <div class="footer">
         <button @click=${this.onReset.bind(this)}><md-icon>restart_alt</md-icon>${i18next.t('button.reset')}</button>
         <div filler></div>
         <button @click=${this.onCancel.bind(this)}><md-icon>cancel</md-icon>${i18next.t('button.cancel')}</button>
-        <button @click=${this.onConfirm.bind(this)}><md-icon>done</md-icon>${i18next.t('button.confirm')}</button>
+        <button @click=${this.onConfirm.bind(this)} done><md-icon>done</md-icon>${i18next.t('button.confirm')}</button>
       </div>
     `
   }

package/src/selector/ox-selector-resource-id.ts

@@ -10,12 +10,12 @@ import { client } from '@operato/graphql'
 import { i18next } from '@operato/i18n'
 import { closePopup } from '@operato/popup'
 import { isMobileDevice } from '@operato/utils'
-import { ButtonContainerStyles } from '@operato/styles'
+import { CommonHeaderStyles } from '@operato/styles'
 
 @customElement('ox-selector-resource-id')
 export class OxSelectorResourceId extends LitElement {
   static styles = [
-    ButtonContainerStyles,
+    CommonHeaderStyles,
     css`
       :host {
         display: flex;
@@ -67,13 +67,13 @@ export class OxSelectorResourceId extends LitElement {
         </div>
       </ox-grist>
 
-      <div class="button-container" style="margin-left: unset;">
+      <div class="footer">
         <button @click=${this.onEmpty.bind(this)}>
           <md-icon>check_box_outline_blank</md-icon>${i18next.t('button.empty')}
         </button>
         <div filler></div>
         <button @click=${this.onCancel.bind(this)}><md-icon>cancel</md-icon>${i18next.t('button.cancel')}</button>
-        <button @click=${this.onConfirm.bind(this)}><md-icon>done</md-icon>${i18next.t('button.confirm')}</button>
+        <button @click=${this.onConfirm.bind(this)} done><md-icon>done</md-icon>${i18next.t('button.confirm')}</button>
       </div>
     `
   }

package/src/selector/ox-selector-resource-object-legacy.ts

@@ -18,16 +18,16 @@ import {
   ZERO_DATA
 } from '@operato/data-grist'
 import { MultiColumnFormStyles, OxSearchForm } from '@operato/form'
-import { buildArgs, client, gqlContext } from '@operato/graphql'
+import { client } from '@operato/graphql'
 import { i18next } from '@operato/i18n'
 import { closePopup } from '@operato/popup'
 import { isMobileDevice } from '@operato/utils'
-import { ButtonContainerStyles } from '@operato/styles'
+import { CommonHeaderStyles } from '@operato/styles'
 
 @customElement('ox-selector-resource-object-legacy')
 export class OxSelectorResourceObjectLegacy extends LitElement {
   static styles = [
-    ButtonContainerStyles,
+    CommonHeaderStyles,
     MultiColumnFormStyles,
     css`
       :host {
@@ -106,7 +106,7 @@ export class OxSelectorResourceObjectLegacy extends LitElement {
         </div>
       </ox-grist>
 
-      <div class="button-container" style="margin-left: unset;">
+      <div class="footer">
         <button @click=${this.onEmpty.bind(this)}>
           <md-icon>check_box_outline_blank</md-icon>${i18next.t('button.empty')}
         </button>
@@ -143,8 +143,7 @@ export class OxSelectorResourceObjectLegacy extends LitElement {
           }
         }
       `,
-      variables: await this._buildConditions({ filters, page, limit, sorters, inherited: inherited || this.inherited }),
-      context: gqlContext()
+      variables: await this._buildConditions({ filters, page, limit, sorters, inherited: inherited || this.inherited })
     })
 
     if (!response.errors) {