@things-factory/board-ui 6.1.32 → 6.1.40

package/client/bootstrap.ts

@@ -1,14 +1,21 @@
 import '@operato/board/ox-property-editor-board-selector.js'
 
 import { OxPropertyEditor } from '@operato/property-editor'
-import { registerEditor, registerRenderer } from '@operato/data-grist'
+import { OxGristRendererJson5, registerEditor, registerRenderer } from '@operato/data-grist'
 
 import { BoardEditor } from './data-grist/board-editor'
 import { BoardRenderer } from './data-grist/board-renderer'
+import { ColorMapEditor } from './data-grist/color-map-editor'
+import { ColorRangesEditor } from './data-grist/color-ranges-editor'
 
 export default function bootstrap() {
   registerRenderer('board', BoardRenderer)
+  registerRenderer('color-map', OxGristRendererJson5)
+  registerRenderer('color-ranges', OxGristRendererJson5)
+
   registerEditor('board', BoardEditor)
+  registerEditor('color-map', ColorMapEditor)
+  registerEditor('color-ranges', ColorRangesEditor)
 
   OxPropertyEditor.register({
     'board-selector': 'ox-property-editor-board-selector'

package/client/data-grist/color-map-editor.ts

@@ -0,0 +1,13 @@
+import { customElement } from 'lit/decorators.js'
+
+import { OxGristEditorValueMap } from '@operato/grist-editor/ox-grist-editor-value-map.js'
+
+@customElement('color-map-editor')
+export class ColorMapEditor extends OxGristEditorValueMap {
+  get options() {
+    return {
+      name: `Color Map : ${this.record.name}`,
+      valuetype: 'color'
+    }
+  }
+}

package/client/data-grist/color-ranges-editor.ts

@@ -0,0 +1,13 @@
+import { customElement } from 'lit/decorators.js'
+
+import { OxGristEditorValueRanges } from '@operato/grist-editor/ox-grist-editor-value-ranges.js'
+
+@customElement('color-ranges-editor')
+export class ColorRangesEditor extends OxGristEditorValueRanges {
+  get options() {
+    return {
+      name: `Color Ranges : ${this.record.name}`,
+      valuetype: 'color'
+    }
+  }
+}

package/client/pages/theme/theme-editors.ts

@@ -0,0 +1,56 @@
+import { getEditor, getRenderer } from '@operato/data-grist'
+
+export function buildThemeValueRecordConfig() {
+  return {
+    editor: function (value, column, record, rowIndex, field) {
+      return getEditor(record.type || 'text')(value, column, record, rowIndex, field)
+    },
+    renderer: function (value, column, record, rowIndex, field) {
+      return getRenderer(record.type || 'text')(value, column, record, rowIndex, field)
+    },
+    editable: true
+  }
+}
+
+function getEditorType(themeType: string): string {
+  switch (themeType) {
+    case 'legend':
+    case 'color-map':
+      return 'value-map'
+    case 'color-ranges':
+      return 'value-ranges'
+    case 'color':
+      return 'color'
+    default:
+      return 'text'
+  }
+}
+
+function getRendererType(themeType: string): string {
+  switch (themeType) {
+    case 'legend':
+    case 'color-map':
+    case 'color-ranges':
+      return 'json5'
+    case 'color':
+      return 'color'
+    default:
+      return 'text'
+  }
+}
+
+function getOptions(themeType: string, name: string): any {
+  switch (themeType) {
+    case 'color-map':
+    case 'color-ranges':
+      return {
+        name: `${themeType.toUpperCase()} : ${name}`,
+        valuetype: 'color'
+      }
+    case 'color':
+    default:
+      return {
+        name: `${themeType?.toUpperCase() || ''} : ${name}`
+      }
+  }
+}

package/client/pages/{share/share-list-page.ts → theme/theme-list-page.ts}

@@ -14,23 +14,22 @@ import { i18next, localize } from '@operato/i18n'
 import { notify, openPopup } from '@operato/layout'
 import { OxPopup } from '@operato/popup'
 import { isMobileDevice } from '@operato/utils'
+import { buildThemeValueRecordConfig } from './theme-editors'
 
-import { ShareImporter } from './share-importer'
-
-// export interface ShareType {
+// export interface ThemeType {
 //   name: string
 //   propType: string
 // }
 
-// var ShareTypes: { [name: string]: ShareType } = {
+// var ThemeTypes: { [name: string]: ThemeType } = {
 //   Legend: {
 //     name: 'Legend',
 //     propType: 'legend'
 //   }
 // }
 
-@customElement('share-list-page')
-export class ShareListPage extends connect(store)(localize(i18next)(ScopedElementsMixin(PageView))) {
+@customElement('theme-list-page')
+export class ThemeListPage extends connect(store)(localize(i18next)(ScopedElementsMixin(PageView))) {
   static styles = [
     ScrollbarStyles,
     CommonGristStyles,
@@ -46,12 +45,6 @@ export class ShareListPage extends connect(store)(localize(i18next)(ScopedElemen
     `
   ]
 
-  static get scopedElements() {
-    return {
-      'share-importer': ShareImporter
-    }
-  }
-
   @property({ type: Object }) gristConfig: any
   @property({ type: String }) mode: 'CARD' | 'GRID' | 'LIST' = isMobileDevice() ? 'CARD' : 'GRID'
 
@@ -64,7 +57,7 @@ export class ShareListPage extends connect(store)(localize(i18next)(ScopedElemen
         handler: (search: string) => {
           this.grist.searchText = search
         },
-        placeholder: i18next.t('title.share list'),
+        placeholder: i18next.t('title.theme list'),
         value: this.grist.searchText
       },
       filter: {
@@ -72,26 +65,19 @@ export class ShareListPage extends connect(store)(localize(i18next)(ScopedElemen
           this.grist.toggleHeadroom()
         }
       },
-      help: 'board-service/share',
+      help: 'board-service/theme',
       actions: [
         {
           title: i18next.t('button.save'),
-          action: this._updateShare.bind(this),
+          action: this._updateTheme.bind(this),
           ...CommonButtonStyles.save
         },
         {
           title: i18next.t('button.delete'),
-          action: this._deleteShare.bind(this),
+          action: this._deleteTheme.bind(this),
           ...CommonButtonStyles.delete
         }
-      ],
-      exportable: {
-        name: i18next.t('title.share list'),
-        data: this.exportHandler.bind(this)
-      },
-      importable: {
-        handler: this.importHandler.bind(this)
-      }
+      ]
     }
   }
 
@@ -102,7 +88,7 @@ export class ShareListPage extends connect(store)(localize(i18next)(ScopedElemen
       <ox-grist .mode=${mode} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)}>
         <div slot="headroom">
           <div id="filters">
-            <ox-filters-form autofocus></ox-filters-form>
+            <ox-filters-form autofocus without-search></ox-filters-form>
           </div>
 
           <div id="sorters">
@@ -136,7 +122,7 @@ export class ShareListPage extends connect(store)(localize(i18next)(ScopedElemen
     this.gristConfig = {
       list: {
         fields: ['name', 'description'],
-        details: ['active', 'updatedAt']
+        details: ['type', 'updatedAt']
       },
       columns: [
         { type: 'gutter', gutterName: 'sequence' },
@@ -167,7 +153,7 @@ export class ShareListPage extends connect(store)(localize(i18next)(ScopedElemen
           name: 'type',
           header: i18next.t('field.type'),
           record: {
-            options: ['', 'legend'],
+            options: ['', 'color-map', 'color-ranges', 'color', 'text'],
             editable: true
           },
           width: 120
@@ -178,10 +164,10 @@ export class ShareListPage extends connect(store)(localize(i18next)(ScopedElemen
           header: i18next.t('field.value'),
           record: {
             editor: function (value, column, record, rowIndex, field) {
-              return getEditor(record.category)(value, column, record, rowIndex, field)
+              return getEditor(record.type || 'text')(value, column, record, rowIndex, field)
             },
             renderer: function (value, column, record, rowIndex, field) {
-              return getRenderer(record.category)(value, column, record, rowIndex, field)
+              return getRenderer(record.type || 'text')(value, column, record, rowIndex, field)
             },
             editable: true
           },
@@ -232,12 +218,13 @@ export class ShareListPage extends connect(store)(localize(i18next)(ScopedElemen
     const response = await client.query({
       query: gql`
         query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {
-          responses: shares(filters: $filters, pagination: $pagination, sortings: $sortings) {
+          responses: themes(filters: $filters, pagination: $pagination, sortings: $sortings) {
             items {
               id
               name
               description
-              active
+              type
+              value
               updater {
                 id
                 name
@@ -261,14 +248,14 @@ export class ShareListPage extends connect(store)(localize(i18next)(ScopedElemen
     }
   }
 
-  async _deleteShare() {
+  async _deleteTheme() {
     if (confirm(i18next.t('text.sure_to_x', { x: i18next.t('text.delete') }))) {
       const ids = this.grist.selected.map(record => record.id)
       if (ids && ids.length > 0) {
         const response = await client.mutate({
           mutation: gql`
             mutation ($ids: [String!]!) {
-              deleteShares(ids: $ids)
+              deleteThemes(ids: $ids)
             }
           `,
           variables: {
@@ -286,7 +273,7 @@ export class ShareListPage extends connect(store)(localize(i18next)(ScopedElemen
     }
   }
 
-  async _updateShare() {
+  async _updateTheme() {
     let patches = this.grist.dirtyRecords
     if (patches && patches.length) {
       patches = patches.map(patch => {
@@ -302,8 +289,8 @@ export class ShareListPage extends connect(store)(localize(i18next)(ScopedElemen
 
       const response = await client.mutate({
         mutation: gql`
-          mutation ($patches: [SharePatch!]!) {
-            updateMultipleShare(patches: $patches) {
+          mutation ($patches: [ThemePatch!]!) {
+            updateMultipleTheme(patches: $patches) {
               name
             }
           }
@@ -318,41 +305,4 @@ export class ShareListPage extends connect(store)(localize(i18next)(ScopedElemen
       }
     }
   }
-
-  async exportHandler() {
-    const exportTargets = this.grist.selected.length ? this.grist.selected : this.grist.dirtyData.records
-    const targetFieldSet = new Set(['id', 'name', 'description', 'active'])
-
-    return exportTargets.map(share => {
-      let tempObj = {}
-      for (const field of targetFieldSet) {
-        tempObj[field] = share[field]
-      }
-
-      return tempObj
-    })
-  }
-
-  async importHandler(records) {
-    const popup = openPopup(
-      html`
-        <share-importer
-          .shares=${records}
-          @imported=${() => {
-            history.back()
-            this.grist.fetch()
-          }}
-        ></share-importer>
-      `,
-      {
-        backdrop: true,
-        size: 'large',
-        title: i18next.t('title.import share')
-      }
-    )
-
-    popup.onclosed = () => {
-      this.grist.fetch()
-    }
-  }
 }

package/client/route.ts

@@ -15,5 +15,9 @@ export default function route(page) {
     case 'printable-board-viewer':
       import('./pages/printable-board-viewer-page')
       return page
+
+    case 'theme-list':
+      import('./pages/theme/theme-list-page')
+      return page
   }
 }

package/dist-client/bootstrap.js

@@ -1,11 +1,17 @@
 import '@operato/board/ox-property-editor-board-selector.js';
 import { OxPropertyEditor } from '@operato/property-editor';
-import { registerEditor, registerRenderer } from '@operato/data-grist';
+import { OxGristRendererJson5, registerEditor, registerRenderer } from '@operato/data-grist';
 import { BoardEditor } from './data-grist/board-editor';
 import { BoardRenderer } from './data-grist/board-renderer';
+import { ColorMapEditor } from './data-grist/color-map-editor';
+import { ColorRangesEditor } from './data-grist/color-ranges-editor';
 export default function bootstrap() {
     registerRenderer('board', BoardRenderer);
+    registerRenderer('color-map', OxGristRendererJson5);
+    registerRenderer('color-ranges', OxGristRendererJson5);
     registerEditor('board', BoardEditor);
+    registerEditor('color-map', ColorMapEditor);
+    registerEditor('color-ranges', ColorRangesEditor);
     OxPropertyEditor.register({
         'board-selector': 'ox-property-editor-board-selector'
     });

package/dist-client/bootstrap.js.map

@@ -1 +1 @@
-{"version":3,"file":"bootstrap.js","sourceRoot":"","sources":["../client/bootstrap.ts"],"names":[],"mappings":"AAAA,OAAO,qDAAqD,CAAA;AAE5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAC3D,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAEtE,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAA;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAE3D,MAAM,CAAC,OAAO,UAAU,SAAS;IAC/B,gBAAgB,CAAC,OAAO,EAAE,aAAa,CAAC,CAAA;IACxC,cAAc,CAAC,OAAO,EAAE,WAAW,CAAC,CAAA;IAEpC,gBAAgB,CAAC,QAAQ,CAAC;QACxB,gBAAgB,EAAE,mCAAmC;KACtD,CAAC,CAAA;AACJ,CAAC","sourcesContent":["import '@operato/board/ox-property-editor-board-selector.js'\n\nimport { OxPropertyEditor } from '@operato/property-editor'\nimport { registerEditor, registerRenderer } from '@operato/data-grist'\n\nimport { BoardEditor } from './data-grist/board-editor'\nimport { BoardRenderer } from './data-grist/board-renderer'\n\nexport default function bootstrap() {\n  registerRenderer('board', BoardRenderer)\n  registerEditor('board', BoardEditor)\n\n  OxPropertyEditor.register({\n    'board-selector': 'ox-property-editor-board-selector'\n  })\n}\n"]}
+{"version":3,"file":"bootstrap.js","sourceRoot":"","sources":["../client/bootstrap.ts"],"names":[],"mappings":"AAAA,OAAO,qDAAqD,CAAA;AAE5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAC3D,OAAO,EAAE,oBAAoB,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAE5F,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAA;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAA;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAA;AAEpE,MAAM,CAAC,OAAO,UAAU,SAAS;IAC/B,gBAAgB,CAAC,OAAO,EAAE,aAAa,CAAC,CAAA;IACxC,gBAAgB,CAAC,WAAW,EAAE,oBAAoB,CAAC,CAAA;IACnD,gBAAgB,CAAC,cAAc,EAAE,oBAAoB,CAAC,CAAA;IAEtD,cAAc,CAAC,OAAO,EAAE,WAAW,CAAC,CAAA;IACpC,cAAc,CAAC,WAAW,EAAE,cAAc,CAAC,CAAA;IAC3C,cAAc,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAA;IAEjD,gBAAgB,CAAC,QAAQ,CAAC;QACxB,gBAAgB,EAAE,mCAAmC;KACtD,CAAC,CAAA;AACJ,CAAC","sourcesContent":["import '@operato/board/ox-property-editor-board-selector.js'\n\nimport { OxPropertyEditor } from '@operato/property-editor'\nimport { OxGristRendererJson5, registerEditor, registerRenderer } from '@operato/data-grist'\n\nimport { BoardEditor } from './data-grist/board-editor'\nimport { BoardRenderer } from './data-grist/board-renderer'\nimport { ColorMapEditor } from './data-grist/color-map-editor'\nimport { ColorRangesEditor } from './data-grist/color-ranges-editor'\n\nexport default function bootstrap() {\n  registerRenderer('board', BoardRenderer)\n  registerRenderer('color-map', OxGristRendererJson5)\n  registerRenderer('color-ranges', OxGristRendererJson5)\n\n  registerEditor('board', BoardEditor)\n  registerEditor('color-map', ColorMapEditor)\n  registerEditor('color-ranges', ColorRangesEditor)\n\n  OxPropertyEditor.register({\n    'board-selector': 'ox-property-editor-board-selector'\n  })\n}\n"]}

package/dist-client/data-grist/color-map-editor.d.ts

@@ -0,0 +1,7 @@
+import { OxGristEditorValueMap } from '@operato/grist-editor/ox-grist-editor-value-map.js';
+export declare class ColorMapEditor extends OxGristEditorValueMap {
+    get options(): {
+        name: string;
+        valuetype: string;
+    };
+}

package/dist-client/data-grist/color-map-editor.js

@@ -0,0 +1,16 @@
+import { __decorate } from "tslib";
+import { customElement } from 'lit/decorators.js';
+import { OxGristEditorValueMap } from '@operato/grist-editor/ox-grist-editor-value-map.js';
+let ColorMapEditor = class ColorMapEditor extends OxGristEditorValueMap {
+    get options() {
+        return {
+            name: `Color Map : ${this.record.name}`,
+            valuetype: 'color'
+        };
+    }
+};
+ColorMapEditor = __decorate([
+    customElement('color-map-editor')
+], ColorMapEditor);
+export { ColorMapEditor };
+//# sourceMappingURL=color-map-editor.js.map

package/dist-client/data-grist/color-map-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-map-editor.js","sourceRoot":"","sources":["../../client/data-grist/color-map-editor.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEjD,OAAO,EAAE,qBAAqB,EAAE,MAAM,oDAAoD,CAAA;AAGnF,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,qBAAqB;IACvD,IAAI,OAAO;QACT,OAAO;YACL,IAAI,EAAE,eAAe,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE;YACvC,SAAS,EAAE,OAAO;SACnB,CAAA;IACH,CAAC;CACF,CAAA;AAPY,cAAc;IAD1B,aAAa,CAAC,kBAAkB,CAAC;GACrB,cAAc,CAO1B;SAPY,cAAc","sourcesContent":["import { customElement } from 'lit/decorators.js'\n\nimport { OxGristEditorValueMap } from '@operato/grist-editor/ox-grist-editor-value-map.js'\n\n@customElement('color-map-editor')\nexport class ColorMapEditor extends OxGristEditorValueMap {\n  get options() {\n    return {\n      name: `Color Map : ${this.record.name}`,\n      valuetype: 'color'\n    }\n  }\n}\n"]}

package/dist-client/data-grist/color-ranges-editor.d.ts

@@ -0,0 +1,7 @@
+import { OxGristEditorValueRanges } from '@operato/grist-editor/ox-grist-editor-value-ranges.js';
+export declare class ColorRangesEditor extends OxGristEditorValueRanges {
+    get options(): {
+        name: string;
+        valuetype: string;
+    };
+}

package/dist-client/data-grist/color-ranges-editor.js

@@ -0,0 +1,16 @@
+import { __decorate } from "tslib";
+import { customElement } from 'lit/decorators.js';
+import { OxGristEditorValueRanges } from '@operato/grist-editor/ox-grist-editor-value-ranges.js';
+let ColorRangesEditor = class ColorRangesEditor extends OxGristEditorValueRanges {
+    get options() {
+        return {
+            name: `Color Ranges : ${this.record.name}`,
+            valuetype: 'color'
+        };
+    }
+};
+ColorRangesEditor = __decorate([
+    customElement('color-ranges-editor')
+], ColorRangesEditor);
+export { ColorRangesEditor };
+//# sourceMappingURL=color-ranges-editor.js.map

package/dist-client/data-grist/color-ranges-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-ranges-editor.js","sourceRoot":"","sources":["../../client/data-grist/color-ranges-editor.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEjD,OAAO,EAAE,wBAAwB,EAAE,MAAM,uDAAuD,CAAA;AAGzF,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,wBAAwB;IAC7D,IAAI,OAAO;QACT,OAAO;YACL,IAAI,EAAE,kBAAkB,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE;YAC1C,SAAS,EAAE,OAAO;SACnB,CAAA;IACH,CAAC;CACF,CAAA;AAPY,iBAAiB;IAD7B,aAAa,CAAC,qBAAqB,CAAC;GACxB,iBAAiB,CAO7B;SAPY,iBAAiB","sourcesContent":["import { customElement } from 'lit/decorators.js'\n\nimport { OxGristEditorValueRanges } from '@operato/grist-editor/ox-grist-editor-value-ranges.js'\n\n@customElement('color-ranges-editor')\nexport class ColorRangesEditor extends OxGristEditorValueRanges {\n  get options() {\n    return {\n      name: `Color Ranges : ${this.record.name}`,\n      valuetype: 'color'\n    }\n  }\n}\n"]}

package/dist-client/pages/theme/theme-editors.d.ts

@@ -0,0 +1,5 @@
+export declare function buildThemeValueRecordConfig(): {
+    editor: (value: any, column: any, record: any, rowIndex: any, field: any) => import("@operato/data-grist").OxGristEditor;
+    renderer: (value: any, column: any, record: any, rowIndex: any, field: any) => string | void | import("lit-html").TemplateResult<2 | 1> | import("@operato/data-grist/dist/src/renderers/ox-grist-renderer").OxGristRenderer;
+    editable: boolean;
+};

package/dist-client/pages/theme/theme-editors.js

@@ -0,0 +1,53 @@
+import { getEditor, getRenderer } from '@operato/data-grist';
+export function buildThemeValueRecordConfig() {
+    return {
+        editor: function (value, column, record, rowIndex, field) {
+            return getEditor(record.type || 'text')(value, column, record, rowIndex, field);
+        },
+        renderer: function (value, column, record, rowIndex, field) {
+            return getRenderer(record.type || 'text')(value, column, record, rowIndex, field);
+        },
+        editable: true
+    };
+}
+function getEditorType(themeType) {
+    switch (themeType) {
+        case 'legend':
+        case 'color-map':
+            return 'value-map';
+        case 'color-ranges':
+            return 'value-ranges';
+        case 'color':
+            return 'color';
+        default:
+            return 'text';
+    }
+}
+function getRendererType(themeType) {
+    switch (themeType) {
+        case 'legend':
+        case 'color-map':
+        case 'color-ranges':
+            return 'json5';
+        case 'color':
+            return 'color';
+        default:
+            return 'text';
+    }
+}
+function getOptions(themeType, name) {
+    switch (themeType) {
+        case 'color-map':
+        case 'color-ranges':
+            return {
+                name: `${themeType.toUpperCase()} : ${name}`,
+                valuetype: 'color'
+            };
+        case 'color':
+        default:
+            return {
+                name: `${(themeType === null || themeType === void 0 ? void 0 : themeType.toUpperCase()) || ''} : ${name}`
+            };
+    }
+}
+//# sourceMappingURL=theme-editors.js.map

package/dist-client/pages/theme/theme-editors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-editors.js","sourceRoot":"","sources":["../../../client/pages/theme/theme-editors.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAE5D,MAAM,UAAU,2BAA2B;IACzC,OAAO;QACL,MAAM,EAAE,UAAU,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK;YACtD,OAAO,SAAS,CAAC,MAAM,CAAC,IAAI,IAAI,MAAM,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAA;QACjF,CAAC;QACD,QAAQ,EAAE,UAAU,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK;YACxD,OAAO,WAAW,CAAC,MAAM,CAAC,IAAI,IAAI,MAAM,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAA;QACnF,CAAC;QACD,QAAQ,EAAE,IAAI;KACf,CAAA;AACH,CAAC;AAED,SAAS,aAAa,CAAC,SAAiB;IACtC,QAAQ,SAAS,EAAE;QACjB,KAAK,QAAQ,CAAC;QACd,KAAK,WAAW;YACd,OAAO,WAAW,CAAA;QACpB,KAAK,cAAc;YACjB,OAAO,cAAc,CAAA;QACvB,KAAK,OAAO;YACV,OAAO,OAAO,CAAA;QAChB;YACE,OAAO,MAAM,CAAA;KAChB;AACH,CAAC;AAED,SAAS,eAAe,CAAC,SAAiB;IACxC,QAAQ,SAAS,EAAE;QACjB,KAAK,QAAQ,CAAC;QACd,KAAK,WAAW,CAAC;QACjB,KAAK,cAAc;YACjB,OAAO,OAAO,CAAA;QAChB,KAAK,OAAO;YACV,OAAO,OAAO,CAAA;QAChB;YACE,OAAO,MAAM,CAAA;KAChB;AACH,CAAC;AAED,SAAS,UAAU,CAAC,SAAiB,EAAE,IAAY;IACjD,QAAQ,SAAS,EAAE;QACjB,KAAK,WAAW,CAAC;QACjB,KAAK,cAAc;YACjB,OAAO;gBACL,IAAI,EAAE,GAAG,SAAS,CAAC,WAAW,EAAE,MAAM,IAAI,EAAE;gBAC5C,SAAS,EAAE,OAAO;aACnB,CAAA;QACH,KAAK,OAAO,CAAC;QACb;YACE,OAAO;gBACL,IAAI,EAAE,GAAG,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW,EAAE,KAAI,EAAE,MAAM,IAAI,EAAE;aACpD,CAAA;KACJ;AACH,CAAC","sourcesContent":["import { getEditor, getRenderer } from '@operato/data-grist'\n\nexport function buildThemeValueRecordConfig() {\n  return {\n    editor: function (value, column, record, rowIndex, field) {\n      return getEditor(record.type || 'text')(value, column, record, rowIndex, field)\n    },\n    renderer: function (value, column, record, rowIndex, field) {\n      return getRenderer(record.type || 'text')(value, column, record, rowIndex, field)\n    },\n    editable: true\n  }\n}\n\nfunction getEditorType(themeType: string): string {\n  switch (themeType) {\n    case 'legend':\n    case 'color-map':\n      return 'value-map'\n    case 'color-ranges':\n      return 'value-ranges'\n    case 'color':\n      return 'color'\n    default:\n      return 'text'\n  }\n}\n\nfunction getRendererType(themeType: string): string {\n  switch (themeType) {\n    case 'legend':\n    case 'color-map':\n    case 'color-ranges':\n      return 'json5'\n    case 'color':\n      return 'color'\n    default:\n      return 'text'\n  }\n}\n\nfunction getOptions(themeType: string, name: string): any {\n  switch (themeType) {\n    case 'color-map':\n    case 'color-ranges':\n      return {\n        name: `${themeType.toUpperCase()} : ${name}`,\n        valuetype: 'color'\n      }\n    case 'color':\n    default:\n      return {\n        name: `${themeType?.toUpperCase() || ''} : ${name}`\n      }\n  }\n}\n"]}

package/dist-client/pages/theme/theme-list-page.d.ts

@@ -0,0 +1,49 @@
+import '@operato/data-grist';
+import { PageView } from '@operato/shell';
+import { FetchOption } from '@operato/data-grist';
+declare const ThemeListPage_base: (new (...args: any[]) => {
+    _storeUnsubscribe: import("redux").Unsubscribe;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    stateChanged(_state: unknown): void;
+    readonly isConnected: boolean;
+}) & (new (...args: any[]) => import("lit").LitElement) & typeof PageView & import("@open-wc/dedupe-mixin").Constructor<import("@open-wc/scoped-elements/types/src/types").ScopedElementsHost>;
+export declare class ThemeListPage extends ThemeListPage_base {
+    static styles: import("lit").CSSResult[];
+    gristConfig: any;
+    mode: 'CARD' | 'GRID' | 'LIST';
+    private grist;
+    private sortersControl;
+    get context(): {
+        search: {
+            handler: (search: string) => void;
+            placeholder: string;
+            value: string;
+        };
+        filter: {
+            handler: () => void;
+        };
+        help: string;
+        actions: {
+            icon: string;
+            emphasis: {
+                raised: boolean;
+                outlined: boolean;
+                dense: boolean;
+                danger: boolean;
+            };
+            title: string;
+            action: () => Promise<void>;
+        }[];
+    };
+    render(): import("lit-html").TemplateResult<1>;
+    pageInitialized(lifecycle: any): Promise<void>;
+    pageUpdated(changes: any, lifecycle: any): Promise<void>;
+    fetchHandler({ page, limit, sortings, filters }: FetchOption): Promise<{
+        total: any;
+        records: any;
+    }>;
+    _deleteTheme(): Promise<void>;
+    _updateTheme(): Promise<void>;
+}
+export {};