@operato/app 7.0.56 → 7.0.57

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.57",
   "main": "dist/src/index.js",
   "module": "dist/src/index.js",
   "exports": {
@@ -188,5 +188,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "739d3191f3ceec33de0600958d434b9207864274"
+  "gitHead": "1ea3b02ce5b2644d54c8588638b4d74c683335a7"
 }

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) {