@things-factory/setting-ui 7.0.0-alpha.8 → 7.0.0

package/client/bootstrap.ts

@@ -1 +1,8 @@
-export default function bootstrap() {}
+import { clientSettingStore } from '@operato/shell'
+import { setThemeMode } from './set-theme-mode.js'
+
+export default async function bootstrap() {
+  const themeMode = ((await clientSettingStore.get('theme'))?.value || {}).mode || 'light'
+
+  setThemeMode(themeMode)
+}

package/client/components/partner-selector.ts

@@ -1,4 +1,4 @@
-import '@material/mwc-button'
+import '@material/web/icon/icon.js'
 import '@things-factory/form-ui'
 import '@operato/data-grist'
 
@@ -10,24 +10,19 @@ import { CommonGristStyles } from '@operato/styles'
 import gql from 'graphql-tag'
 import { css, html, LitElement } from 'lit'
 import { customElement, query, state } from 'lit/decorators.js'
+import { ButtonContainerStyles } from '@operato/styles'
 
 @customElement('partner-selector')
 class PartnerSelector extends LitElement {
   static styles = [
+    ButtonContainerStyles,
     CommonGristStyles,
     css`
       :host {
         display: flex;
         flex-direction: column;
         overflow: hidden;
-        background-color: white;
-      }
-      .button-container {
-        padding: var(--button-container-padding);
-        margin: var(--button-container-margin);
-        text-align: var(--button-container-align);
-        background-color: var(--button-container-background);
-        height: var(--button-container-height);
+        background-color: var(--md-sys-color-surface);
       }
     `
   ]
@@ -49,7 +44,9 @@ class PartnerSelector extends LitElement {
       </ox-grist>
 
       <div class="button-container">
-        <mwc-button raised @click="${this.select.bind(this)}">${i18next.t('button.select')}</mwc-button>
+        <button @click="${this.select.bind(this)}">
+          <md-icon>select_check_box</md-icon>${i18next.t('button.select')}
+        </button>
       </div>
     `
   }

package/client/index.ts

@@ -4,3 +4,4 @@ export { SettingList } from './pages/setting-list'
 
 export * from './setting-lets/domain-switch-let'
 export * from './setting-lets/secure-iplist-setting-let'
+export * from './setting-lets/theme-mode-setting-let'

package/client/pages/partner-setting-list.ts

@@ -3,7 +3,7 @@ import '../components/partner-selector'
 
 import gql from 'graphql-tag'
 import { css, html } from 'lit'
-import { customElement, property, query, state } from 'lit/decorators.js'
+import { customElement, query, state } from 'lit/decorators.js'
 import { connect } from 'pwa-helpers/connect-mixin'
 
 import { openPopup } from '@operato/layout'
@@ -12,11 +12,9 @@ import { PageView, store } from '@operato/shell'
 import { client, gqlContext } from '@operato/graphql'
 import { ScrollbarStyles, CommonButtonStyles, CommonGristStyles } from '@operato/styles'
 import { OxPrompt } from '@operato/popup/ox-prompt.js'
-import { getEditor, getRenderer } from '@operato/data-grist'
+import { FetchOption, getEditor, getRenderer } from '@operato/data-grist'
 import { isMobileDevice } from '@operato/utils'
 
-import { MultiColumnFormStyles } from '@things-factory/form-ui'
-
 @customElement('partner-setting-list')
 export class PartnerSettingList extends connect(store)(localize(i18next)(PageView)) {
   static styles = [
@@ -34,15 +32,15 @@ export class PartnerSettingList extends connect(store)(localize(i18next)(PageVie
       }
       label {
         font: var(--label-font);
-        color: var(--label-color);
+        color: var(--label-color, var(--md-sys-color-on-surface));
         text-transform: var(--label-text-transform);
       }
       input {
-        border: var(--border-dark-color);
+        border: var(--border-dim-color);
         border-radius: var(--border-radius);
         margin: var(--input-margin);
         padding: var(--input-padding);
-        background-color: var(--theme-white-color);
+        background-color: var(--md-sys-color-surface);
         font: var(--input-font);
       }
     `
@@ -50,8 +48,7 @@ export class PartnerSettingList extends connect(store)(localize(i18next)(PageVie
 
   @state() private config: any
   @state() private partnerDomain: any
-  @state() private mode: string = isMobileDevice() ? 'LIST' : 'GRID'
-  @state() private refreshHandlers: any[] = []
+  @state() private mode: 'GRID' | 'LIST' | 'CARD' = isMobileDevice() ? 'LIST' : 'GRID'
 
   @query('ox-grist') private dataGrist: any
 
@@ -65,7 +62,7 @@ export class PartnerSettingList extends connect(store)(localize(i18next)(PageVie
             name="partnerDomain"
             value="${this.partnerDomain?.name ? this.partnerDomain.name : ''}"
             @click="${this.openPartnerSelector.bind(this)}"
-            placeholder=${i18next.t('text.please_choose_partner') || ''}
+            placeholder=${String(i18next.t('text.please_choose_partner') || '')}
           />
         </fieldset>
       </form>
@@ -202,7 +199,7 @@ export class PartnerSettingList extends connect(store)(localize(i18next)(PageVie
     }
   }
 
-  async fetchHandler({ filters, page, limit, sorters = [] }) {
+  async fetchHandler({ filters, page, limit, sorters = [] }: FetchOption) {
     if (!this.partnerDomain) return { total: 0, records: [] }
 
     const pagination = { page, limit }

package/client/pages/setting.ts

@@ -11,7 +11,7 @@ export class SettingPage extends connect(store)(localize(i18next)(PageView)) {
     css`
       :host {
         overflow-y: auto;
-        background-color: var(--setting-background);
+        background-color: var(--md-sys-color-background);
       }
       div {
         margin: var(--setting-icon-margin);

package/client/set-theme-mode.ts

@@ -0,0 +1,50 @@
+import { clientSettingStore } from '@operato/shell'
+
+var prefersColorSchemeMedia
+
+function getPrefersColorSchemeMedia() {
+  if (!prefersColorSchemeMedia) {
+    prefersColorSchemeMedia = window.matchMedia('(prefers-color-scheme: dark)')
+  }
+  return prefersColorSchemeMedia
+}
+
+async function onPreferColorSchemeChanged() {
+  const themeMode = ((await clientSettingStore.get('theme'))?.value || {}).mode || 'light'
+
+  if (themeMode !== 'auto') {
+    getPrefersColorSchemeMedia().removeEventListener('change', onPreferColorSchemeChanged)
+
+    return
+  }
+
+  if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
+    document.body.classList.add('dark')
+    document.body.classList.remove('light')
+  } else {
+    document.body.classList.add('light')
+    document.body.classList.remove('dark')
+  }
+}
+
+export function setThemeMode(mode) {
+  getPrefersColorSchemeMedia().removeEventListener('change', onPreferColorSchemeChanged)
+
+  if (mode === 'dark') {
+    document.body.classList.add('dark')
+    document.body.classList.remove('light')
+  } else if (mode === 'light') {
+    document.body.classList.add('light')
+    document.body.classList.remove('dark')
+  } else {
+    if (getPrefersColorSchemeMedia().matches) {
+      document.body.classList.add('dark')
+      document.body.classList.remove('light')
+    } else {
+      document.body.classList.add('light')
+      document.body.classList.remove('dark')
+    }
+
+    getPrefersColorSchemeMedia().addEventListener('change', onPreferColorSchemeChanged)
+  }
+}

package/client/setting-lets/secure-iplist-setting-let.ts

@@ -1,5 +1,4 @@
-import '@material/mwc-formfield'
-import '@material/mwc-textfield'
+import '@material/web/textfield/filled-text-field.js'
 import '@things-factory/setting-base'
 import '@operato/i18n/ox-i18n.js'
 
@@ -22,14 +21,14 @@ export class SecureIPListSettingLet extends LitElement {
 
       ul {
         flex: 1;
-        background-color: var(--theme-white-color);
+        background-color: var(--md-sys-color-surface);
         overflow: auto;
         display: grid;
         grid-template-columns: 1fr 1fr;
         margin: 0;
-        padding: var(--padding-default);
+        padding: var(--spacing-medium);
         list-style: none;
-        border: 1px dashed rgba(0, 0, 0, 0.1);
+        border: 1px dashed var(--md-sys-color-outline);
         border-width: 1px 0;
       }
 
@@ -58,9 +57,9 @@ export class SecureIPListSettingLet extends LitElement {
     description: string
   }[] = []
 
-  @query('mwc-textfield[name="whitelist"]') whitelist
-  @query('mwc-textfield[name="blacklist"]') blacklist
-  @query('mwc-textfield[name="protectedlist"]') protectedlist
+  @query('[name="whitelist"]') whitelist
+  @query('[name="blacklist"]') blacklist
+  @query('[name="protectedlist"]') protectedlist
   @queryAll('ul[privileges] input[type=checkbox]:checked') protectedPrivileges
 
   render() {
@@ -73,30 +72,37 @@ export class SecureIPListSettingLet extends LitElement {
         >
 
         <div slot="content" @change=${() => this.onSave()}>
-          <mwc-textfield
+          <md-filled-text-field
             type="text"
             name="whitelist"
             .label=${String(i18next.t('label.whitelist'))}
             icon="health_and_safety"
             value=${whitelist.join(', ')}
+            supporting-text=${String(i18next.t('text.supporting text for whitelist'))}
             hidden
-          ></mwc-textfield>
+          >
+            <md-icon slot="leading-icon">health_and_safety</md-icon>
+          </md-filled-text-field>
 
-          <mwc-textfield
+          <md-filled-text-field
             type="text"
             name="blacklist"
             .label=${String(i18next.t('label.blacklist'))}
-            icon="block"
             value=${blacklist.join(', ')}
-          ></mwc-textfield>
+            supporting-text=${String(i18next.t('text.supporting text for blacklist'))}
+          >
+            <md-icon slot="leading-icon">block</md-icon>
+          </md-filled-text-field>
 
-          <mwc-textfield
+          <md-filled-text-field
             type="text"
             name="protectedlist"
             .label=${String(i18next.t('label.protectedlist'))}
-            icon="security"
             value=${protectedlist.join(', ')}
-          ></mwc-textfield>
+            supporting-text=${String(i18next.t('text.supporting text for protected ip-list'))}
+          >
+            <md-icon slot="leading-icon">security</md-icon>
+          </md-filled-text-field>
 
           <div>
             <h3><ox-i18n msgid="title.protected-privileges"></ox-i18n></h3>

package/client/setting-lets/theme-mode-setting-let.ts

@@ -0,0 +1,80 @@
+import '@operato/i18n/ox-i18n.js'
+import '@material/web/radio/radio.js'
+
+import { css, html, LitElement } from 'lit'
+import { customElement, property } from 'lit/decorators.js'
+
+import { i18next, localize } from '@operato/i18n'
+import { clientSettingStore } from '@operato/shell'
+import { MdRadio } from '@material/web/radio/radio.js'
+import { setThemeMode } from '../set-theme-mode.js'
+
+@customElement('theme-mode-setting-let')
+export class ThemeModeSettingLet extends localize(i18next)(LitElement) {
+  static styles = [
+    css`
+      label {
+        display: flex;
+        gap: 10px;
+        align-items: center;
+
+        font: var(--label-font);
+        color: var(--md-sys-color-on-surface);
+        text-transform: var(--label-text-transform);
+      }
+
+      div[slot='content'] {
+        display: flex;
+        gap: 10px;
+      }
+    `
+  ]
+
+  @property({ type: String, attribute: 'theme-mode' }) themeMode: 'dark' | 'light' | 'auto' = 'light'
+
+  render() {
+    const themeMode = this.themeMode
+
+    return html`
+      <setting-let>
+        <ox-i18n slot="title" msgid="title.theme setting"></ox-i18n>
+
+        <div slot="content" @change=${(e: Event) => this.onChangeThemeMode(e)}>
+          <md-radio id="dark-mode" name="theme-mode" value="dark" ?checked=${themeMode == 'dark'}></md-radio>
+          <label for="dark-mode">dark mode</label>
+
+          <md-radio id="light-mode" name="theme-mode" value="light" ?checked=${themeMode == 'light'}></md-radio>
+          <label for="light-mode">light mode</label>
+
+          <md-radio id="auto-mode" name="theme-mode" value="auto" ?checked=${themeMode == 'auto'}></md-radio>
+          <label for="auto-mode">auto mode</label>
+        </div>
+      </setting-let>
+    `
+  }
+
+  async firstUpdated() {
+    this.themeMode = ((await clientSettingStore.get('theme'))?.value || {}).mode || 'light'
+  }
+
+  async onChangeThemeMode(e: Event) {
+    const target = e.target as MdRadio
+    const value = target.value
+    const mode = (this.querySelector('md-radio[checked]') as MdRadio)?.value || value
+
+    if (mode) {
+      try {
+        await clientSettingStore.put({
+          key: 'theme',
+          value: {
+            mode
+          }
+        })
+
+        setThemeMode(mode)
+      } catch (e) {
+        console.error(e)
+      }
+    }
+  }
+}

package/client/themes/setting-theme.css

@@ -1,23 +1,23 @@
 body {
-  --setting-background: var(--main-section-background-color);
+  --setting-background: var(--md-sys-color-background);
 
-  --setting-let-background: var(--theme-white-color);
+  --setting-let-background: var(--md-sys-color-on-primary);
   --setting-let-margin: var(--margin-wide);
   --setting-let-border-radius: var(--border-radius);
-  --setting-let-border: var(--border-dark-color);
+  --setting-let-border: var(--border-dim-color);
 
   --setting-title-font: var(--subtitle-font);
   --setting-title-color: var(--subtitle-text-color);
 
   --setting-content-padding: var(--padding-wide);
   --setting-content-font: normal 0.9em var(--theme-font);
-  --setting-content-color: var(--secondary-color);
+  --setting-content-color: var(--md-sys-color-secondary);
 
   --setting-info-content-padding: 10px 15px;
   --setting-info-background-color: #f0f0f0;
   --setting-info-font: normal 14px/14px var(--theme-font);
   --setting-info-color: #666;
-  --setting-info-appname-color: var(--primary-color);
+  --setting-info-appname-color: var(--md-sys-color-primary);
 
   --setting-icon-height: 170px;
   --setting-icon-margin: 40px 0 5px 0;

package/dist-client/bootstrap.d.ts

@@ -1 +1 @@
-export default function bootstrap(): void;
+export default function bootstrap(): Promise<void>;

package/dist-client/bootstrap.js

@@ -1,2 +1,8 @@
-export default function bootstrap() { }
+import { clientSettingStore } from '@operato/shell';
+import { setThemeMode } from './set-theme-mode.js';
+export default async function bootstrap() {
+    var _a;
+    const themeMode = (((_a = (await clientSettingStore.get('theme'))) === null || _a === void 0 ? void 0 : _a.value) || {}).mode || 'light';
+    setThemeMode(themeMode);
+}
 //# sourceMappingURL=bootstrap.js.map

package/dist-client/bootstrap.js.map

@@ -1 +1 @@
-{"version":3,"file":"bootstrap.js","sourceRoot":"","sources":["../client/bootstrap.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,SAAS,KAAI,CAAC","sourcesContent":["export default function bootstrap() {}\n"]}
+{"version":3,"file":"bootstrap.js","sourceRoot":"","sources":["../client/bootstrap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAA;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAElD,MAAM,CAAC,OAAO,CAAC,KAAK,UAAU,SAAS;;IACrC,MAAM,SAAS,GAAG,CAAC,CAAA,MAAA,CAAC,MAAM,kBAAkB,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,0CAAE,KAAK,KAAI,EAAE,CAAC,CAAC,IAAI,IAAI,OAAO,CAAA;IAExF,YAAY,CAAC,SAAS,CAAC,CAAA;AACzB,CAAC","sourcesContent":["import { clientSettingStore } from '@operato/shell'\nimport { setThemeMode } from './set-theme-mode.js'\n\nexport default async function bootstrap() {\n  const themeMode = ((await clientSettingStore.get('theme'))?.value || {}).mode || 'light'\n\n  setThemeMode(themeMode)\n}\n"]}

package/dist-client/components/partner-selector.d.ts

@@ -1,3 +1,3 @@
-import '@material/mwc-button';
+import '@material/web/icon/icon.js';
 import '@things-factory/form-ui';
 import '@operato/data-grist';

package/dist-client/components/partner-selector.js

@@ -1,5 +1,5 @@
 import { __decorate, __metadata } from "tslib";
-import '@material/mwc-button';
+import '@material/web/icon/icon.js';
 import '@things-factory/form-ui';
 import '@operato/data-grist';
 import { i18next } from '@operato/i18n';
@@ -9,6 +9,7 @@ import { CommonGristStyles } from '@operato/styles';
 import gql from 'graphql-tag';
 import { css, html, LitElement } from 'lit';
 import { customElement, query, state } from 'lit/decorators.js';
+import { ButtonContainerStyles } from '@operato/styles';
 let PartnerSelector = class PartnerSelector extends LitElement {
     constructor() {
         super(...arguments);
@@ -25,7 +26,9 @@ let PartnerSelector = class PartnerSelector extends LitElement {
       </ox-grist>
 
       <div class="button-container">
-        <mwc-button raised @click="${this.select.bind(this)}">${i18next.t('button.select')}</mwc-button>
+        <button @click="${this.select.bind(this)}">
+          <md-icon>select_check_box</md-icon>${i18next.t('button.select')}
+        </button>
       </div>
     `;
     }
@@ -97,20 +100,14 @@ let PartnerSelector = class PartnerSelector extends LitElement {
     }
 };
 PartnerSelector.styles = [
+    ButtonContainerStyles,
     CommonGristStyles,
     css `
       :host {
         display: flex;
         flex-direction: column;
         overflow: hidden;
-        background-color: white;
-      }
-      .button-container {
-        padding: var(--button-container-padding);
-        margin: var(--button-container-margin);
-        text-align: var(--button-container-align);
-        background-color: var(--button-container-background);
-        height: var(--button-container-height);
+        background-color: var(--md-sys-color-surface);
       }
     `
 ];

package/dist-client/components/partner-selector.js.map

@@ -1 +1 @@
-{"version":3,"file":"partner-selector.js","sourceRoot":"","sources":["../../client/components/partner-selector.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/mwc-button'\nimport '@things-factory/form-ui'\nimport '@operato/data-grist'\n\nimport { i18next } from '@operato/i18n'\nimport { client, gqlContext } from '@operato/graphql'\nimport { isMobileDevice } from '@operato/utils'\nimport { CommonGristStyles } from '@operato/styles'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, query, state } from 'lit/decorators.js'\n\n@customElement('partner-selector')\nclass PartnerSelector extends LitElement {\n  static styles = [\n    CommonGristStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n        overflow: hidden;\n        background-color: white;\n      }\n      .button-container {\n        padding: var(--button-container-padding);\n        margin: var(--button-container-margin);\n        text-align: var(--button-container-align);\n        background-color: var(--button-container-background);\n        height: var(--button-container-height);\n      }\n    `\n  ]\n\n  @state() private config: any\n  @state() private data: any\n  @state() private mode: string = isMobileDevice() ? 'LIST' : 'GRID'\n\n  @query('ox-grist') private dataGrist: any\n\n  render() {\n    return html`\n      <ox-grist .mode=${this.mode} auto-fetch .config=${this.config} .fetchHandler=${this.fetchHandler.bind(this)}>\n        <div slot=\"headroom\">\n          <div id=\"filters\">\n            <ox-filters-form></ox-filters-form>\n          </div>\n        </div>\n      </ox-grist>\n\n      <div class=\"button-container\">\n        <mwc-button raised @click=\"${this.select.bind(this)}\">${i18next.t('button.select')}</mwc-button>\n      </div>\n    `\n  }\n\n  firstUpdated() {\n    this.config = {\n      list: { fields: ['name', 'description'] },\n      rows: { selectable: { multiple: true }, appendable: false, handlers: { click: 'select-row-toggle' } },\n      columns: [\n        { type: 'gutter', gutterName: 'sequence' },\n        { type: 'gutter', gutterName: 'row-selector', multiple: false },\n        {\n          type: 'string',\n          name: 'name',\n          header: i18next.t('field.name'),\n          record: { editable: false, align: 'left' },\n          sortable: true,\n          filter: 'search',\n          width: 100\n        },\n        {\n          type: 'string',\n          name: 'description',\n          header: i18next.t('field.description'),\n          record: { editable: false, align: 'left' },\n          sortable: true,\n          filter: 'search',\n          width: 200\n        }\n      ]\n    }\n  }\n\n  async fetchHandler({ filters, page, limit, sorters = [] }) {\n    const pagination = { page, limit }\n    const sortings = sorters\n\n    const response = await client.query({\n      query: gql`\n        query searchCustomers($filters: [Filter!]!, $pagination: Pagination!, $sortings: [Sorting!]!) {\n          searchCustomers(filters: $filters, pagination: $pagination, sortings: $sortings) {\n            items {\n              id\n              name\n              description\n            }\n            total\n          }\n        }\n      `,\n      variables: { filters, pagination, sortings },\n      context: gqlContext()\n    })\n\n    return {\n      records: response.data.searchCustomers.items || [],\n      total: response.data.searchCustomers.total || 0\n    }\n  }\n\n  select() {\n    const selectedItems = this.dataGrist.selected\n    if (!selectedItems.length) {\n      this.showToast(i18next.t('text.nothing_selected'))\n      return\n    }\n\n    history.back()\n\n    this.dispatchEvent(\n      new CustomEvent('select', {\n        detail: selectedItems[0]\n      })\n    )\n  }\n\n  showToast(message) {\n    document.dispatchEvent(new CustomEvent('notify', { detail: { message, option: { timer: 1000 } } }))\n  }\n}\n"]}
+{"version":3,"file":"partner-selector.js","sourceRoot":"","sources":["../../client/components/partner-selector.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@things-factory/form-ui'\nimport '@operato/data-grist'\n\nimport { i18next } from '@operato/i18n'\nimport { client, gqlContext } from '@operato/graphql'\nimport { isMobileDevice } from '@operato/utils'\nimport { CommonGristStyles } from '@operato/styles'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, query, state } from 'lit/decorators.js'\nimport { ButtonContainerStyles } from '@operato/styles'\n\n@customElement('partner-selector')\nclass PartnerSelector extends LitElement {\n  static styles = [\n    ButtonContainerStyles,\n    CommonGristStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n        overflow: hidden;\n        background-color: var(--md-sys-color-surface);\n      }\n    `\n  ]\n\n  @state() private config: any\n  @state() private data: any\n  @state() private mode: string = isMobileDevice() ? 'LIST' : 'GRID'\n\n  @query('ox-grist') private dataGrist: any\n\n  render() {\n    return html`\n      <ox-grist .mode=${this.mode} auto-fetch .config=${this.config} .fetchHandler=${this.fetchHandler.bind(this)}>\n        <div slot=\"headroom\">\n          <div id=\"filters\">\n            <ox-filters-form></ox-filters-form>\n          </div>\n        </div>\n      </ox-grist>\n\n      <div class=\"button-container\">\n        <button @click=\"${this.select.bind(this)}\">\n          <md-icon>select_check_box</md-icon>${i18next.t('button.select')}\n        </button>\n      </div>\n    `\n  }\n\n  firstUpdated() {\n    this.config = {\n      list: { fields: ['name', 'description'] },\n      rows: { selectable: { multiple: true }, appendable: false, handlers: { click: 'select-row-toggle' } },\n      columns: [\n        { type: 'gutter', gutterName: 'sequence' },\n        { type: 'gutter', gutterName: 'row-selector', multiple: false },\n        {\n          type: 'string',\n          name: 'name',\n          header: i18next.t('field.name'),\n          record: { editable: false, align: 'left' },\n          sortable: true,\n          filter: 'search',\n          width: 100\n        },\n        {\n          type: 'string',\n          name: 'description',\n          header: i18next.t('field.description'),\n          record: { editable: false, align: 'left' },\n          sortable: true,\n          filter: 'search',\n          width: 200\n        }\n      ]\n    }\n  }\n\n  async fetchHandler({ filters, page, limit, sorters = [] }) {\n    const pagination = { page, limit }\n    const sortings = sorters\n\n    const response = await client.query({\n      query: gql`\n        query searchCustomers($filters: [Filter!]!, $pagination: Pagination!, $sortings: [Sorting!]!) {\n          searchCustomers(filters: $filters, pagination: $pagination, sortings: $sortings) {\n            items {\n              id\n              name\n              description\n            }\n            total\n          }\n        }\n      `,\n      variables: { filters, pagination, sortings },\n      context: gqlContext()\n    })\n\n    return {\n      records: response.data.searchCustomers.items || [],\n      total: response.data.searchCustomers.total || 0\n    }\n  }\n\n  select() {\n    const selectedItems = this.dataGrist.selected\n    if (!selectedItems.length) {\n      this.showToast(i18next.t('text.nothing_selected'))\n      return\n    }\n\n    history.back()\n\n    this.dispatchEvent(\n      new CustomEvent('select', {\n        detail: selectedItems[0]\n      })\n    )\n  }\n\n  showToast(message) {\n    document.dispatchEvent(new CustomEvent('notify', { detail: { message, option: { timer: 1000 } } }))\n  }\n}\n"]}

package/dist-client/fetch-setting-value.js.map

@@ -1 +1 @@
-{"version":3,"file":"fetch-setting-value.js","sourceRoot":"","sources":["../client/fetch-setting-value.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAEzC,MAAM,CAAC,KAAK,UAAU,gBAAgB,CAAC,IAAY;;IACjD,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;QAClC,KAAK,EAAE,GAAG,CAAA;;;;;;KAMT;QACD,SAAS,EAAE,EAAE,IAAI,EAAE;KACpB,CAAC,CAAA;IAEF,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE;QACpB,IAAI,MAAA,QAAQ,CAAC,IAAI,CAAC,OAAO,0CAAE,KAAK,EAAE;YAChC,QAAQ,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,IAAI,EAAE,EAAE;gBACxD,KAAK,MAAM;oBACT,OAAO,IAAI,CAAA;gBACb,KAAK,OAAO;oBACV,OAAO,KAAK,CAAA;gBACd;oBACE,OAAO,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,EAAE,CAAA;aAC5C;SACF;QAED,OAAO,KAAK,CAAA;KACb;AACH,CAAC","sourcesContent":["import gql from 'graphql-tag'\nimport { client } from '@operato/graphql'\n\nexport async function fetchSettingRule(name: string) {\n  const response = await client.query({\n    query: gql`\n      query ($name: String!) {\n        setting(name: $name) {\n          value\n        }\n      }\n    `,\n    variables: { name }\n  })\n\n  if (!response.errors) {\n    if (response.data.setting?.value) {\n      switch (response.data.setting.value.toLowerCase().trim()) {\n        case 'true':\n          return true\n        case 'false':\n          return false\n        default:\n          return response.data.setting.value.trim()\n      }\n    }\n\n    return false\n  }\n}\n"]}
+{"version":3,"file":"fetch-setting-value.js","sourceRoot":"","sources":["../client/fetch-setting-value.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAEzC,MAAM,CAAC,KAAK,UAAU,gBAAgB,CAAC,IAAY;;IACjD,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;QAClC,KAAK,EAAE,GAAG,CAAA;;;;;;KAMT;QACD,SAAS,EAAE,EAAE,IAAI,EAAE;KACpB,CAAC,CAAA;IAEF,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;QACrB,IAAI,MAAA,QAAQ,CAAC,IAAI,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;YACjC,QAAQ,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC;gBACzD,KAAK,MAAM;oBACT,OAAO,IAAI,CAAA;gBACb,KAAK,OAAO;oBACV,OAAO,KAAK,CAAA;gBACd;oBACE,OAAO,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,EAAE,CAAA;YAC7C,CAAC;QACH,CAAC;QAED,OAAO,KAAK,CAAA;IACd,CAAC;AACH,CAAC","sourcesContent":["import gql from 'graphql-tag'\nimport { client } from '@operato/graphql'\n\nexport async function fetchSettingRule(name: string) {\n  const response = await client.query({\n    query: gql`\n      query ($name: String!) {\n        setting(name: $name) {\n          value\n        }\n      }\n    `,\n    variables: { name }\n  })\n\n  if (!response.errors) {\n    if (response.data.setting?.value) {\n      switch (response.data.setting.value.toLowerCase().trim()) {\n        case 'true':\n          return true\n        case 'false':\n          return false\n        default:\n          return response.data.setting.value.trim()\n      }\n    }\n\n    return false\n  }\n}\n"]}

package/dist-client/index.d.ts

@@ -3,3 +3,4 @@ export { SettingPage } from './pages/setting';
 export { SettingList } from './pages/setting-list';
 export * from './setting-lets/domain-switch-let';
 export * from './setting-lets/secure-iplist-setting-let';
+export * from './setting-lets/theme-mode-setting-let';

package/dist-client/index.js

@@ -3,4 +3,5 @@ export { SettingPage } from './pages/setting';
 export { SettingList } from './pages/setting-list';
 export * from './setting-lets/domain-switch-let';
 export * from './setting-lets/secure-iplist-setting-let';
+export * from './setting-lets/theme-mode-setting-let';
 //# sourceMappingURL=index.js.map

package/dist-client/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../client/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAElD,cAAc,kCAAkC,CAAA;AAChD,cAAc,0CAA0C,CAAA","sourcesContent":["export * from './fetch-setting-value'\nexport { SettingPage } from './pages/setting'\nexport { SettingList } from './pages/setting-list'\n\nexport * from './setting-lets/domain-switch-let'\nexport * from './setting-lets/secure-iplist-setting-let'\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../client/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAElD,cAAc,kCAAkC,CAAA;AAChD,cAAc,0CAA0C,CAAA;AACxD,cAAc,uCAAuC,CAAA","sourcesContent":["export * from './fetch-setting-value'\nexport { SettingPage } from './pages/setting'\nexport { SettingList } from './pages/setting-list'\n\nexport * from './setting-lets/domain-switch-let'\nexport * from './setting-lets/secure-iplist-setting-let'\nexport * from './setting-lets/theme-mode-setting-let'\n"]}

package/dist-client/pages/partner-setting-list.d.ts

@@ -1,6 +1,7 @@
 import '@things-factory/form-ui';
 import '../components/partner-selector';
 import { PageView } from '@operato/shell';
+import { FetchOption } from '@operato/data-grist';
 declare const PartnerSettingList_base: (new (...args: any[]) => {
     _storeUnsubscribe: import("redux").Unsubscribe;
     connectedCallback(): void;
@@ -13,7 +14,6 @@ export declare class PartnerSettingList extends PartnerSettingList_base {
     private config;
     private partnerDomain;
     private mode;
-    private refreshHandlers;
     private dataGrist;
     render(): import("lit-html").TemplateResult<1>;
     get context(): {
@@ -33,12 +33,7 @@ export declare class PartnerSettingList extends PartnerSettingList_base {
     };
     pageInitialized(): void;
     pageUpdated(): void;
-    fetchHandler({ filters, page, limit, sorters }: {
-        filters: any;
-        page: any;
-        limit: any;
-        sorters?: never[] | undefined;
-    }): Promise<{
+    fetchHandler({ filters, page, limit, sorters }: FetchOption): Promise<{
         records: any;
         total: any;
     }>;

package/dist-client/pages/partner-setting-list.js

@@ -17,7 +17,6 @@ let PartnerSettingList = class PartnerSettingList extends connect(store)(localiz
     constructor() {
         super(...arguments);
         this.mode = isMobileDevice() ? 'LIST' : 'GRID';
-        this.refreshHandlers = [];
     }
     render() {
         var _a;
@@ -30,7 +29,7 @@ let PartnerSettingList = class PartnerSettingList extends connect(store)(localiz
             name="partnerDomain"
             value="${((_a = this.partnerDomain) === null || _a === void 0 ? void 0 : _a.name) ? this.partnerDomain.name : ''}"
             @click="${this.openPartnerSelector.bind(this)}"
-            placeholder=${i18next.t('text.please_choose_partner') || ''}
+            placeholder=${String(i18next.t('text.please_choose_partner') || '')}
           />
         </fieldset>
       </form>
@@ -316,15 +315,15 @@ PartnerSettingList.styles = [
       }
       label {
         font: var(--label-font);
-        color: var(--label-color);
+        color: var(--label-color, var(--md-sys-color-on-surface));
         text-transform: var(--label-text-transform);
       }
       input {
-        border: var(--border-dark-color);
+        border: var(--border-dim-color);
         border-radius: var(--border-radius);
         margin: var(--input-margin);
         padding: var(--input-padding);
-        background-color: var(--theme-white-color);
+        background-color: var(--md-sys-color-surface);
         font: var(--input-font);
       }
     `
@@ -341,10 +340,6 @@ __decorate([
     state(),
     __metadata("design:type", String)
 ], PartnerSettingList.prototype, "mode", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Array)
-], PartnerSettingList.prototype, "refreshHandlers", void 0);
 __decorate([
     query('ox-grist'),
     __metadata("design:type", Object)