npm - @operato/data-grist - Versions diffs - 7.1.31 → 7.1.32 - Mend

@operato/data-grist 7.1.31 → 7.1.32

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (173) hide show

package/CHANGELOG.md +10 -0
package/dist/tsconfig.tsbuildinfo +1 -1
package/package.json +10 -10
package/.storybook/main.js +0 -3
package/.storybook/preview.js +0 -52
package/.storybook/server.mjs +0 -8
package/demo/data-grist-test.html +0 -468
package/demo/favicon.ico +0 -0
package/demo/index.html +0 -541
package/demo/report-test.html +0 -249
package/dist/src/record-view/record-creator.d.ts +0 -17
package/dist/src/record-view/record-creator.js +0 -148
package/dist/src/record-view/record-creator.js.map +0 -1
package/src/accumulator/accumulator.ts +0 -63
package/src/configure/column-builder.ts +0 -114
package/src/configure/config-builder.ts +0 -40
package/src/configure/filters-option-builder.ts +0 -8
package/src/configure/imex-option-builder.ts +0 -5
package/src/configure/list-option-builder.ts +0 -9
package/src/configure/rows-option-builder.ts +0 -38
package/src/configure/tree-option-builder.ts +0 -22
package/src/configure/zero-config.ts +0 -83
package/src/const.ts +0 -1
package/src/data-card/data-card-field.ts +0 -94
package/src/data-card/data-card-gutter-menu.ts +0 -94
package/src/data-card/data-card-gutter.ts +0 -103
package/src/data-card/data-card.ts +0 -154
package/src/data-card/event-handlers/record-card-click-handler.ts +0 -34
package/src/data-card/event-handlers/record-card-dblclick-handler.ts +0 -34
package/src/data-card/record-card.ts +0 -289
package/src/data-consumer.ts +0 -11
package/src/data-grid/data-grid-accum-field.ts +0 -109
package/src/data-grid/data-grid-body-style.ts +0 -99
package/src/data-grid/data-grid-body.ts +0 -753
package/src/data-grid/data-grid-field.ts +0 -236
package/src/data-grid/data-grid-footer.ts +0 -117
package/src/data-grid/data-grid-header.ts +0 -574
package/src/data-grid/data-grid.ts +0 -293
package/src/data-grid/event-handlers/data-grid-body-click-handler.ts +0 -69
package/src/data-grid/event-handlers/data-grid-body-contextmenu-handler.ts +0 -32
package/src/data-grid/event-handlers/data-grid-body-dblclick-handler.ts +0 -42
package/src/data-grid/event-handlers/data-grid-body-focus-change-handler.ts +0 -24
package/src/data-grid/event-handlers/data-grid-body-keydown-handler.ts +0 -234
package/src/data-grist.ts +0 -1233
package/src/data-list/data-list-field.ts +0 -82
package/src/data-list/data-list-gutter.ts +0 -108
package/src/data-list/data-list.ts +0 -145
package/src/data-list/event-handlers/record-partial-click-handler.ts +0 -34
package/src/data-list/event-handlers/record-partial-dblclick-handler.ts +0 -33
package/src/data-list/event-handlers/record-partial-long-press-handler.ts +0 -33
package/src/data-list/record-partial.ts +0 -255
package/src/data-manipulator.ts +0 -426
package/src/data-provider.ts +0 -271
package/src/data-report/data-report-body-style.ts +0 -58
package/src/data-report/data-report-body.ts +0 -189
package/src/data-report/data-report-component.ts +0 -138
package/src/data-report/data-report-field.ts +0 -83
package/src/data-report/data-report-header.ts +0 -242
package/src/data-report/event-handlers/data-report-body-click-handler.ts +0 -38
package/src/data-report/event-handlers/data-report-body-dblclick-handler.ts +0 -25
package/src/data-report/event-handlers/data-report-body-keydown-handler.ts +0 -68
package/src/data-report.ts +0 -424
package/src/editors/index.ts +0 -4
package/src/editors/ox-grist-editor-checkbox.ts +0 -28
package/src/editors/ox-grist-editor-color.ts +0 -10
package/src/editors/ox-grist-editor-date.ts +0 -10
package/src/editors/ox-grist-editor-datetime.ts +0 -27
package/src/editors/ox-grist-editor-email.ts +0 -10
package/src/editors/ox-grist-editor-file.ts +0 -28
package/src/editors/ox-grist-editor-image.ts +0 -31
package/src/editors/ox-grist-editor-month.ts +0 -10
package/src/editors/ox-grist-editor-multiple-select.ts +0 -57
package/src/editors/ox-grist-editor-number.ts +0 -27
package/src/editors/ox-grist-editor-password.ts +0 -10
package/src/editors/ox-grist-editor-select.ts +0 -55
package/src/editors/ox-grist-editor-tel.ts +0 -10
package/src/editors/ox-grist-editor-text.ts +0 -14
package/src/editors/ox-grist-editor-textarea.ts +0 -16
package/src/editors/ox-grist-editor-time.ts +0 -10
package/src/editors/ox-grist-editor-tree.ts +0 -27
package/src/editors/ox-grist-editor-varname.ts +0 -36
package/src/editors/ox-grist-editor-week.ts +0 -10
package/src/editors/ox-grist-editor.ts +0 -207
package/src/editors/ox-input-tree.ts +0 -226
package/src/editors/registry.ts +0 -82
package/src/empty-note.ts +0 -46
package/src/filters/filter-checkbox.ts +0 -49
package/src/filters/filter-input-barcode.ts +0 -34
package/src/filters/filter-input.ts +0 -30
package/src/filters/filter-range-date.ts +0 -81
package/src/filters/filter-range-number.ts +0 -64
package/src/filters/filter-select-buttons.ts +0 -60
package/src/filters/filter-select.ts +0 -68
package/src/filters/filter-styles.ts +0 -119
package/src/filters/filters-form.ts +0 -476
package/src/filters/index.ts +0 -10
package/src/filters/registry.ts +0 -56
package/src/formatters/date-formatter.ts +0 -3
package/src/formatters/index.ts +0 -1
package/src/formatters/number-formatter.ts +0 -3
package/src/formatters/registry.ts +0 -30
package/src/formatters/text-formatter.ts +0 -3
package/src/gutters/gutter-button.ts +0 -51
package/src/gutters/gutter-dirty.ts +0 -96
package/src/gutters/gutter-row-selector.ts +0 -89
package/src/gutters/gutter-sequence.ts +0 -54
package/src/gutters/index.ts +0 -1
package/src/gutters/registry.ts +0 -32
package/src/handlers/contextmenu-tree-mutation.ts +0 -80
package/src/handlers/index.ts +0 -1
package/src/handlers/move-down.ts +0 -44
package/src/handlers/move-up.ts +0 -44
package/src/handlers/record-copy.ts +0 -38
package/src/handlers/record-delete.ts +0 -30
package/src/handlers/record-view-handler.ts +0 -27
package/src/handlers/registry.ts +0 -42
package/src/handlers/select-row-toggle.ts +0 -30
package/src/handlers/select-row.ts +0 -27
package/src/index.ts +0 -17
package/src/personalizer/index.ts +0 -1
package/src/personalizer/ox-grist-filter-personalizer.ts +0 -192
package/src/personalizer/ox-grist-personalizer.ts +0 -226
package/src/record-view/event-handlers/record-view-body-click-handler.ts +0 -33
package/src/record-view/event-handlers/record-view-body-keydown-handler.ts +0 -26
package/src/record-view/index.ts +0 -2
package/src/record-view/ox-record-creator.ts +0 -289
package/src/record-view/record-view-body.ts +0 -250
package/src/record-view/record-view-handler.ts +0 -86
package/src/record-view/record-view.ts +0 -122
package/src/renderers/index.ts +0 -14
package/src/renderers/ox-grist-renderer-boolean.ts +0 -43
package/src/renderers/ox-grist-renderer-color.ts +0 -15
package/src/renderers/ox-grist-renderer-date.ts +0 -62
package/src/renderers/ox-grist-renderer-file.ts +0 -31
package/src/renderers/ox-grist-renderer-image.ts +0 -27
package/src/renderers/ox-grist-renderer-json5.ts +0 -36
package/src/renderers/ox-grist-renderer-link.ts +0 -17
package/src/renderers/ox-grist-renderer-password.ts +0 -7
package/src/renderers/ox-grist-renderer-progress.ts +0 -45
package/src/renderers/ox-grist-renderer-select.ts +0 -58
package/src/renderers/ox-grist-renderer-text.ts +0 -16
package/src/renderers/ox-grist-renderer-textarea.ts +0 -7
package/src/renderers/ox-grist-renderer-tree.ts +0 -189
package/src/renderers/ox-grist-renderer.ts +0 -35
package/src/renderers/registry.ts +0 -111
package/src/sorters/sorters-control.ts +0 -143
package/src/types.ts +0 -813
package/src/utils/index.ts +0 -2
package/src/utils/list-param.ts +0 -72
package/src/utils/supports-passive.ts +0 -13
package/stories/accumulator-format.stories.ts +0 -276
package/stories/barcode-input-filter.stories.ts +0 -216
package/stories/bounded-select-filters.stories.ts +0 -333
package/stories/bounded-select-record.stories.ts +0 -336
package/stories/click-event-custom.stories.ts +0 -288
package/stories/click-event.stories.ts +0 -283
package/stories/creatable-only-column.stories.ts +0 -253
package/stories/default-filters.stories.ts +0 -241
package/stories/dynamic-editable.stories.ts +0 -313
package/stories/empty-sorters.stories.ts +0 -180
package/stories/explicit-fetch.stories.ts +0 -186
package/stories/fixed-column.stories.ts +0 -416
package/stories/grid-setting.stories.ts +0 -501
package/stories/grist-modes.stories.ts +0 -451
package/stories/group-header.stories.ts +0 -442
package/stories/record-view.stories.ts +0 -143
package/stories/textarea.stories.ts +0 -261
package/stories/tree-column-with-checkbox.stories.ts +0 -297
package/stories/tree-column.stories.ts +0 -296
package/tsconfig.json +0 -26
package/web-dev-server.config.mjs +0 -27
package/web-test-runner.config.mjs +0 -45
package/yarn-error.log +0 -16971

package/demo/report-test.html DELETED Viewed

@@ -1,249 +0,0 @@
-<!doctype html>
-<html lang="en-GB">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
-    <style>
-      body {
-        /* box-sizing: border-box; */
-        margin: 0;
-        padding: 0;
-        overflow: hidden;
-        /* This is a font-stack that tries to use the system-default sans-serifs first */
-        font-family: Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
-        line-height: 1.5;
-        -webkit-font-smoothing: antialiased;
-        width: 100vw;
-        height: 100dvh;
-        display: flex;
-        flex-direction: column;
-      }
-      #demo {
-        flex: 1;
-        overflow: hidden;
-        display: flex;
-        flex-direction: column;
-      }
-      ox-report {
-        flex: 1;
-      }
-    </style>
-    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet" />
-    <link
-      href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL@20..48,100..700,0..1"
-      rel="stylesheet"
-    />
-    <link
-      href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL@20..48,100..700,0..1"
-      rel="stylesheet"
-    />
-    <link
-      href="https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp:opsz,wght,FILL@20..48,100..700,0..1"
-      rel="stylesheet"
-    />
-    <link href="/themes/app-theme.css" rel="stylesheet" />
-    <link href="/themes/oops-theme.css" rel="stylesheet" />
-    <link href="/themes/report-theme.css" rel="stylesheet" />
-  </head>
-  <body>
-    <script type="module">
-      import { html, render } from 'lit'
-      import '../dist/index.js'
-      const fetchHandler = async ({ page, limit, sorters = [] }) => {
-        var limit = 500
-        var total = 120993
-        var start = (page - 1) * limit
-        await new Promise(resolve => setTimeout(resolve, 1000))
-        return {
-          total,
-          records: Array(limit * page > total ? total % limit : limit)
-            .fill()
-            .map((item, idx) => {
-              return {
-                id: idx,
-                name: idx % 2 ? `shnam-${start + idx + 1}` : `heartyoh-${start + idx + 1}`,
-                description: idx % 2 ? `hatiolab manager-${start + idx + 1}` : `hatiosea manager-${start + idx + 1}`,
-                email: idx % 2 ? `shnam@gmail.com` : `heartyoh@gmail.com`,
-                active: Math.round(Math.random() * 2) % 2 ? true : false,
-                company: idx % 5 ? 'HatioLAB' : 'HatioSEA',
-                role: ['admin', 'worker', 'tester'][idx % 3],
-                color: idx % 2 ? `#87f018` : `#180f87`,
-                height: Math.round(Math.random() * 100),
-                weight: Math.round(Math.random() * 100),
-                count: Math.round(Math.random() * 100),
-                homepage:
-                  idx % 2
-                    ? `http://hatiolab.com/${start + idx + 1}`
-                    : `http://deadpool.hatiolab.com/${start + idx + 1}`,
-                createdAt: Date.now(),
-                updatedAt: Date.now()
-              }
-            })
-        }
-      }
-      const config = {
-        columns: [
-          {
-            type: 'string',
-            name: 'company',
-            header: 'company',
-            record: {
-              align: 'center',
-              options: {}
-            },
-            sortable: false,
-            width: 240
-          },
-          {
-            type: 'email',
-            name: 'email',
-            header: 'email',
-            record: {
-              align: 'center'
-            },
-            sortable: false,
-            width: 130
-          },
-          {
-            type: 'string',
-            name: 'id',
-            hidden: true
-          },
-          {
-            type: 'link',
-            name: 'name',
-            header: 'name',
-            record: {
-              align: 'center',
-              editable: true,
-              options: {
-                // href: 'http://hatiolab.com',
-                href: function (column, record, rowIndex) {
-                  return record['homepage']
-                }
-                // target: '_blank'
-              }
-            },
-            sortable: false,
-            width: 120
-          },
-          {
-            type: 'string',
-            name: 'description',
-            header: 'description',
-            record: {
-              align: 'left'
-            },
-            width: 200,
-            handlers: {
-              dblclick: (columns, data, column, record, rowIndex) => {
-                alert(`${column.name} ${record[column.name]}, row : ${rowIndex}`)
-              }
-            }
-          },
-          {
-            type: 'boolean',
-            name: 'active',
-            header: 'active',
-            record: {
-              align: 'center'
-            },
-            handlers: {
-              dblclick: () => {
-                console.log(this.report.dirtyRecords)
-              }
-            },
-            sortable: false,
-            width: 60
-          },
-          {
-            type: 'string',
-            name: 'role',
-            header: 'role',
-            record: {
-              align: 'center'
-            },
-            sortable: false,
-            width: 120
-          },
-          {
-            type: 'number',
-            name: 'weight',
-            header: 'weight',
-            record: {},
-            sortable: false,
-            width: 50
-          },
-          {
-            type: 'number',
-            name: 'height',
-            header: 'height',
-            record: {},
-            sortable: false,
-            width: 50
-          },
-          {
-            type: 'number',
-            name: 'count',
-            header: 'count',
-            record: {},
-            sortable: false,
-            width: 50
-          },
-          {
-            type: 'datetime',
-            name: 'updatedAt',
-            header: 'updated_at',
-            record: {
-              align: 'center'
-            },
-            sortable: false,
-            width: 180
-          },
-          {
-            type: 'datetime',
-            name: 'createdAt',
-            header: 'created_at',
-            record: {
-              align: 'center'
-            },
-            sortable: false,
-            width: 180
-          }
-        ],
-        rows: {
-          groups: [{ column: 'company', title: 'company total', align: 'right' }, { column: 'email' }],
-          totals: ['weight', 'height', 'count']
-        },
-        sorters: [
-          {
-            name: 'company',
-            desc: true
-          },
-          {
-            name: 'email'
-          }
-        ]
-      }
-      render(
-        html` <ox-report .config=${config} .fetchHandler=${fetchHandler} auto-fetch></ox-report> `,
-        document.querySelector('#demo')
-      )
-    </script>
-    <a href="./index.html">Grist Test</a>
-    <div id="demo"></div>
-  </body>
-</html>

package/dist/src/record-view/record-creator.d.ts DELETED Viewed

@@ -1,17 +0,0 @@
-import '@material/web/icon/icon.js';
-import './record-view';
-import { LitElement } from 'lit';
-import { DataGrist } from '../data-grist';
-export declare class RecordCreator extends LitElement {
-    grist?: DataGrist;
-    callback?: (operation: {
-        [key: string]: any;
-    }) => boolean;
-    lightPopup: boolean;
-    preventCloseOnBlur: boolean;
-    constructor();
-    connectedCallback(): void;
-    render(): import("lit-html").TemplateResult<1>;
-    lightPopupRecordView(): void;
-    popupRecordView(): void;
-}

package/dist/src/record-view/record-creator.js DELETED Viewed

@@ -1,148 +0,0 @@
-import { __decorate } from "tslib";
-import '@material/web/icon/icon.js';
-import './record-view';
-import { html, LitElement } from 'lit';
-import { customElement, property, state } from 'lit/decorators.js';
-import { OxPopup } from '@operato/popup';
-let RecordCreator = class RecordCreator extends LitElement {
-    constructor() {
-        super();
-        this.lightPopup = false;
-        this.preventCloseOnBlur = false;
-        this.addEventListener('click', (e) => {
-            e.preventDefault();
-            e.stopPropagation();
-            if (this.lightPopup) {
-                this.lightPopupRecordView();
-            }
-            else {
-                this.popupRecordView();
-            }
-        });
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.grist = this.closest('ox-grist');
-    }
-    render() {
-        return html `<slot></slot>`;
-    }
-    lightPopupRecordView() {
-        const config = this.grist.compiledConfig;
-        var title = 'create';
-        const rowIndex = -1;
-        var record = {};
-        const columns = config.columns;
-        var popup = OxPopup.open({
-            template: html `
-        <div title>${title}</div>
-        <ox-record-view
-          @field-change=${(e) => {
-                const view = e.currentTarget;
-                var { after, before, column, record, row } = e.detail;
-                var validation = column.validation;
-                if (validation && typeof validation == 'function') {
-                    if (!validation.call(this, after, before, record, column)) {
-                        return;
-                    }
-                }
-                view.record = {
-                    ...record,
-                    [column.name]: after
-                };
-            }}
-          .columns=${columns}
-          .record=${record}
-          .rowIndex=${rowIndex}
-          @reset=${(e) => {
-                const view = e.currentTarget;
-                view.record = {};
-            }}
-          @cancel=${(e) => {
-                popup.close();
-            }}
-          @ok=${(e) => {
-                popup.close();
-                const view = e.currentTarget;
-                this.dispatchEvent(new CustomEvent('ok', {
-                    bubbles: true,
-                    composed: true,
-                    detail: view.record
-                }));
-            }}
-        ></ox-record-view>
-      `,
-            parent: document.body,
-            preventCloseOnBlur: this.preventCloseOnBlur
-        });
-    }
-    popupRecordView() {
-        const config = this.grist.compiledConfig;
-        const rowIndex = -1;
-        var record = {};
-        const columns = config.columns;
-        var title = 'create';
-        var recordView = document.createElement('ox-record-view');
-        recordView.columns = columns;
-        recordView.record = record;
-        recordView.rowIndex = rowIndex;
-        document.dispatchEvent(new CustomEvent('open-popup', {
-            detail: {
-                template: recordView,
-                options: {
-                    backdrop: true,
-                    size: 'large',
-                    title
-                },
-                callback: (popup) => {
-                    recordView.addEventListener('reset', (e) => {
-                        const view = e.currentTarget;
-                        view.record = {};
-                    });
-                    recordView.addEventListener('cancel', (e) => {
-                        popup.close();
-                    });
-                    recordView.addEventListener('ok', async (e) => {
-                        var _a;
-                        const view = e.currentTarget;
-                        if (await ((_a = this.callback) === null || _a === void 0 ? void 0 : _a.call(this, view.record))) {
-                            popup.close();
-                        }
-                    });
-                    recordView.addEventListener('field-change', async (e) => {
-                        const view = e.currentTarget;
-                        var { after, before, column, record, row } = e.detail;
-                        var validation = column.validation;
-                        if (validation && typeof validation == 'function') {
-                            if (!(await validation.call(this, after, before, record, column))) {
-                                return;
-                            }
-                        }
-                        view.record = {
-                            ...record,
-                            [column.name]: after
-                        };
-                    });
-                    popup.onclosed = () => { };
-                }
-            }
-        }));
-    }
-};
-__decorate([
-    state()
-], RecordCreator.prototype, "grist", void 0);
-__decorate([
-    property({ type: Object })
-], RecordCreator.prototype, "callback", void 0);
-__decorate([
-    property({ type: Boolean, attribute: 'light-popup' })
-], RecordCreator.prototype, "lightPopup", void 0);
-__decorate([
-    property({ type: Boolean, attribute: 'prevent-close-on-blur' })
-], RecordCreator.prototype, "preventCloseOnBlur", void 0);
-RecordCreator = __decorate([
-    customElement('ox-record-creator')
-], RecordCreator);
-export { RecordCreator };
-//# sourceMappingURL=record-creator.js.map

package/dist/src/record-view/record-creator.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"record-creator.js","sourceRoot":"","sources":["../../../src/record-view/record-creator.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport './record-view'\n\nimport { html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { OxPopup } from '@operato/popup'\n\nimport { DataGrist } from '../data-grist'\nimport { ColumnConfig, GristRecord } from '../types'\nimport { RecordView } from './record-view'\n\n@customElement('ox-record-creator')\nexport class RecordCreator extends LitElement {\n @state() grist?: DataGrist\n\n @property({ type: Object }) callback?: (operation: { [key: string]: any }) => boolean\n @property({ type: Boolean, attribute: 'light-popup' }) lightPopup: boolean = false\n @property({ type: Boolean, attribute: 'prevent-close-on-blur' }) preventCloseOnBlur = false\n\n constructor() {\n super()\n\n this.addEventListener('click', (e: Event) => {\n e.preventDefault()\n e.stopPropagation()\n\n if (this.lightPopup) {\n this.lightPopupRecordView()\n } else {\n this.popupRecordView()\n }\n })\n }\n\n connectedCallback(): void {\n super.connectedCallback()\n\n this.grist = this.closest('ox-grist') as DataGrist\n }\n\n render() {\n return html`<slot></slot>`\n }\n\n lightPopupRecordView() {\n const config = this.grist!.compiledConfig\n var title = 'create'\n const rowIndex = -1\n var record: GristRecord = {}\n const columns = config.columns\n\n var popup = OxPopup.open({\n template: html`\n <div title>${title}</div>\n <ox-record-view\n @field-change=${(e: CustomEvent) => {\n const view = e.currentTarget as RecordView\n\n var { after, before, column, record, row } = (e as CustomEvent).detail as {\n after: any\n before: any\n column: ColumnConfig\n record: GristRecord\n row: number\n }\n\n var validation = column.validation\n if (validation && typeof validation == 'function') {\n if (!validation.call(this, after, before, record, column)) {\n return\n }\n }\n\n view.record = {\n ...record,\n [column.name]: after\n }\n }}\n .columns=${columns}\n .record=${record}\n .rowIndex=${rowIndex}\n @reset=${(e: Event) => {\n const view = e.currentTarget as RecordView\n view.record = {}\n }}\n @cancel=${(e: Event) => {\n popup.close()\n }}\n @ok=${(e: Event) => {\n popup.close()\n\n const view = e.currentTarget as RecordView\n\n this.dispatchEvent(\n new CustomEvent('ok', {\n bubbles: true,\n composed: true,\n detail: view.record\n })\n )\n }}\n ></ox-record-view>\n `,\n parent: document.body,\n preventCloseOnBlur: this.preventCloseOnBlur\n })\n }\n\n popupRecordView() {\n const config = this.grist!.compiledConfig\n const rowIndex = -1\n var record: GristRecord = {}\n const columns = config.columns\n\n var title = 'create'\n\n var recordView = document.createElement('ox-record-view') as RecordView\n\n recordView.columns = columns\n recordView.record = record\n recordView.rowIndex = rowIndex\n\n document.dispatchEvent(\n new CustomEvent('open-popup', {\n detail: {\n template: recordView,\n options: {\n backdrop: true,\n size: 'large',\n title\n },\n callback: (popup: any) => {\n recordView.addEventListener('reset', (e: Event) => {\n const view = e.currentTarget as RecordView\n view.record = {}\n })\n\n recordView.addEventListener('cancel', (e: Event) => {\n popup.close()\n })\n\n recordView.addEventListener('ok', async (e: Event) => {\n const view = e.currentTarget as RecordView\n if (await this.callback?.(view.record)) {\n popup.close()\n }\n })\n\n recordView.addEventListener('field-change', async (e: Event) => {\n const view = e.currentTarget as RecordView\n\n var { after, before, column, record, row } = (e as CustomEvent).detail as {\n after: any\n before: any\n column: ColumnConfig\n record: GristRecord\n row: number\n }\n\n var validation = column.validation\n if (validation && typeof validation == 'function') {\n if (!(await validation.call(this, after, before, record, column))) {\n return\n }\n }\n\n view.record = {\n ...record,\n [column.name]: after\n }\n })\n\n popup.onclosed = () => {}\n }\n }\n })\n )\n }\n}\n"]}

package/src/accumulator/accumulator.ts DELETED Viewed

@@ -1,63 +0,0 @@
-import { AccumulatorObject, ColumnConfig, GristData } from '../types'
-function sum(data: GristData, column: ColumnConfig): number {
-  const name = column.name
-  return data.records
-    .filter(record => !Number.isNaN(record[name]))
-    .reduce((sum, record) => {
-      return sum + Number(record[name] || 0)
-    }, 0)
-}
-function avg(data: GristData, column: ColumnConfig): number {
-  const name = column.name
-  const effectiveRecords = data.records.filter(record => !Number.isNaN(record[name]))
-  return (
-    effectiveRecords.reduce((sum, record) => {
-      return sum + Number(record[name] || 0)
-    }, 0) / effectiveRecords.length
-  )
-}
-function count(data: GristData, column: ColumnConfig): number {
-  return data.records.length
-}
-function min(data: GristData, column: ColumnConfig): number {
-  const name = column.name
-  return Math.min.apply(
-    null,
-    data.records.filter(record => !Number.isNaN(record[name])).map(record => Number(record[name] || 0))
-  )
-}
-function max(data: GristData, column: ColumnConfig): number {
-  const name = column.name
-  return Math.max.apply(
-    null,
-    data.records.filter(record => !Number.isNaN(record[name])).map(record => Number(record[name] || 0))
-  )
-}
-const Accumulators: { [name: string]: (data: GristData, column: ColumnConfig) => string | number } = {
-  sum,
-  avg,
-  count,
-  min,
-  max
-}
-export function accumulate(data: GristData, column: ColumnConfig, accumulator: AccumulatorObject) {
-  accumulator = typeof accumulator === 'object' ? accumulator.type : accumulator
-  var func = accumulator as (data: GristData, column: ColumnConfig) => string | number
-  if (typeof accumulator == 'string') {
-    func = Accumulators[accumulator]
-  }
-  return func.call(null, data, column)
-}

package/src/configure/column-builder.ts DELETED Viewed

@@ -1,114 +0,0 @@
-import { FilterConfigObject, FilterOperator } from '..'
-import { NOOP } from '../const'
-import { getEditor } from '../editors'
-import { generateGutterColumn } from '../gutters'
-import { getGristEventHandler } from '../handlers'
-import { getRenderer } from '../renderers'
-import { ColumnConfig } from '../types'
-export const buildColumn = (column: any): ColumnConfig => {
-  var compiled: ColumnConfig = { ...column }
-  if (column.type == 'gutter') {
-    compiled = generateGutterColumn(column)
-  }
-  var { name, header, record, handlers, label, filter } = compiled
-  /* header */
-  if (typeof header == 'string') {
-    compiled.header = {
-      renderer: () => header
-    }
-  }
-  if (typeof compiled.header?.renderer == 'string') {
-    const text = compiled.header.renderer
-    compiled.header = {
-      ...compiled.header,
-      renderer: () => text
-    }
-  }
-  /* label */
-  if (label) {
-    let type = typeof label
-    switch (type) {
-      case 'boolean':
-        compiled.label = {
-          renderer: compiled.header?.renderer || (() => name)
-        }
-        break
-      case 'string':
-        compiled.label = {
-          renderer: () => label
-        }
-        break
-      default:
-        compiled.label = label
-    }
-  } else {
-    compiled.label = false
-  }
-  /*
-   * record
-   */
-  var { renderer: recordRenderer, editor, editable, classifier } = record || {}
-  recordRenderer = getRenderer(recordRenderer || column.type)
-  if (editable !== false && typeof editor !== 'function') {
-    editor = getEditor(column.type)
-  }
-  if (typeof classifier !== 'function') {
-    classifier = NOOP
-  }
-  compiled.record = {
-    ...record,
-    classifier,
-    renderer: recordRenderer,
-    editor
-  }
-  /* filter */
-  if (filter) {
-    let type = typeof filter
-    switch (type) {
-      case 'boolean':
-        compiled.filter = {
-          type: column.type,
-          operator: 'eq'
-        }
-        break
-      case 'string':
-        compiled.filter = {
-          type: column.type,
-          operator: filter as FilterOperator
-        }
-        break
-      default:
-        compiled.filter = {
-          //@ts-ignore
-          type: column.type,
-          operator: 'eq',
-          ...(filter as FilterConfigObject)
-        }
-    }
-  }
-  /* handler */
-  var { click, dblclick, focus, contextmenu } = handlers || {}
-  compiled.handlers = {
-    click: click && getGristEventHandler(click),
-    dblclick: dblclick && getGristEventHandler(dblclick),
-    focus: focus && getGristEventHandler(focus),
-    contextmenu: contextmenu && getGristEventHandler(contextmenu)
-  }
-  return compiled
-}

package/src/configure/config-builder.ts DELETED Viewed

@@ -1,40 +0,0 @@
-import { GristConfig, ColumnConfig } from '../types'
-import { buildColumn } from './column-builder'
-import { buildImexOptions } from './imex-option-builder'
-import { buildListOptions } from './list-option-builder'
-import { buildTreeOptions } from './tree-option-builder'
-import { buildRowsOptions } from './rows-option-builder'
-import { buildFiltersOptions } from './filters-option-builder'
-function findLastIndexWithCondition(arr: ColumnConfig[], condition: (x: ColumnConfig) => boolean) {
-  for (let i = arr.length - 1; i >= 0; i--) {
-    if (condition(arr[i])) {
-      return i
-    }
-  }
-  return -1
-}
-export const buildConfig = (config: any): GristConfig => {
-  var { columns = [], rows = {}, pagination, sorters, filters, list, tree, imex } = config
-  /* 마지막 fixed 컬럼 앞의 모든 컬럼의 fixed를 true로 설정한다. */
-  const lastFixedIndex = findLastIndexWithCondition(columns, x => !!x.fixed)
-  if (lastFixedIndex >= 0) {
-    for (let i = 0; i < lastFixedIndex; i++) {
-      columns[i].fixed = true
-    }
-  }
-  return {
-    ...config,
-    columns: columns.map((column: any) => buildColumn(column)),
-    rows: buildRowsOptions(rows),
-    pagination,
-    sorters,
-    filters: buildFiltersOptions(filters),
-    list: buildListOptions(list),
-    tree: buildTreeOptions(tree),
-    imex: buildImexOptions(imex)
-  }
-}

package/src/configure/filters-option-builder.ts DELETED Viewed

@@ -1,8 +0,0 @@
-import { FiltersConfig } from '../types'
-export const buildFiltersOptions = (filtersConfig: FiltersConfig | undefined): FiltersConfig => {
-  return {
-    header: false,
-    ...filtersConfig
-  }
-}

package/src/configure/imex-option-builder.ts DELETED Viewed

@@ -1,5 +0,0 @@
-import { ImexConfig } from '../types'
-export const buildImexOptions = (imex: any): ImexConfig | undefined => {
-  return imex
-}

package/src/configure/list-option-builder.ts DELETED Viewed

@@ -1,9 +0,0 @@
-import { ListConfig } from '../types'
-export const buildListOptions = (list: ListConfig | undefined): ListConfig => {
-  return {
-    fields: ['name', 'description', 'updatedAt'],
-    details: [],
-    ...list
-  }
-}