@operato/data-grist 8.0.0-beta.0 → 8.0.0-beta.1

package/CHANGELOG.md

@@ -3,6 +3,15 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [8.0.0-beta.1](https://github.com/hatiolab/operato/compare/v8.0.0-beta.0...v8.0.0-beta.1) (2025-01-08)
+
+
+### :bug: Bug Fix
+
+* missing .npmignore ([be05985](https://github.com/hatiolab/operato/commit/be05985abfae4af53501f718dd52932099f7fbcb))
+
+
+
 ## [8.0.0-beta.0](https://github.com/hatiolab/operato/compare/v8.0.0-alpha.56...v8.0.0-beta.0) (2025-01-07)
 
 **Note:** Version bump only for package @operato/data-grist

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@operato/data-grist",
-  "version": "8.0.0-beta.0",
+  "version": "8.0.0-beta.1",
   "description": "User interface for grid (desktop) and list (mobile)",
   "author": "heartyoh",
   "main": "dist/index.js",
@@ -62,14 +62,14 @@
   },
   "dependencies": {
     "@material/web": "^2.0.0",
-    "@operato/headroom": "^8.0.0-beta.0",
-    "@operato/input": "^8.0.0-beta.0",
-    "@operato/p13n": "^8.0.0-beta.0",
-    "@operato/popup": "^8.0.0-beta.0",
-    "@operato/pull-to-refresh": "^8.0.0-beta.0",
-    "@operato/styles": "^8.0.0-beta.0",
-    "@operato/time-calculator": "^8.0.0-beta.0",
-    "@operato/utils": "^8.0.0-beta.0",
+    "@operato/headroom": "^8.0.0-beta.1",
+    "@operato/input": "^8.0.0-beta.1",
+    "@operato/p13n": "^8.0.0-beta.1",
+    "@operato/popup": "^8.0.0-beta.1",
+    "@operato/pull-to-refresh": "^8.0.0-beta.1",
+    "@operato/styles": "^8.0.0-beta.1",
+    "@operato/time-calculator": "^8.0.0-beta.1",
+    "@operato/utils": "^8.0.0-beta.1",
     "i18next": "^23.11.5",
     "json5": "^2.2.0",
     "lit": "^3.1.2",
@@ -108,5 +108,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "c4e9cc245659d050a9ffd66542083a6daad4bcb9"
+  "gitHead": "d5b28a2e9deb632c0dc80132f6a7196dd6fe4220"
 }

package/.storybook/main.js

@@ -1,3 +0,0 @@
-module.exports = {
-  stories: ['../dist/stories/**/*.stories.{js,md,mdx}'],
-};

package/.storybook/preview.js

@@ -1,52 +0,0 @@
-import { i18next } from '@operato/i18n'
-
-export const globalTypes = {
-  locale: {
-    name: 'Locale',
-    description: 'Internationalization locale',
-    toolbar: {
-      icon: 'globe',
-      items: [
-        { value: 'en', right: '🇺🇸', title: 'English' },
-        { value: 'ko', right: '🇰🇷', title: '한국어' },
-        { value: 'zh', right: '🇨🇳', title: '中文' },
-        { value: 'ja', right: '🇯🇵', title: '日本語' },
-        { value: 'ms', right: '🇲🇾', title: 'Bahasa Melayu' }
-      ],
-      showName: true
-    }
-  },
-  theme: {
-    name: 'Theme',
-    description: 'Global theme for components',
-    toolbar: {
-      icon: 'paintbrush',
-      items: [
-        { value: 'light', title: 'Light' },
-        { value: 'dark', title: 'Dark' }
-      ],
-      showName: true
-    }
-  }
-}
-
-export const decorators = [
-  (Story, context) => {
-    const { locale, theme } = context.globals
-
-    if (locale) {
-      i18next.changeLanguage(locale)
-    }
-
-    // Set the theme class for the document
-    if (theme === 'dark') {
-      document.documentElement.classList.add('dark')
-      document.documentElement.classList.remove('light')
-    } else {
-      document.documentElement.classList.add('light')
-      document.documentElement.classList.remove('dark')
-    }
-
-    return Story()
-  }
-]

package/.storybook/server.mjs

@@ -1,8 +0,0 @@
-import { storybookPlugin } from '@web/dev-server-storybook';
-import baseConfig from '../web-dev-server.config.mjs';
-
-export default /** @type {import('@web/dev-server').DevServerConfig} */ ({
-  ...baseConfig,
-  open: '/',
-  plugins: [storybookPlugin({ type: 'web-components' }), ...baseConfig.plugins],
-});

package/src/accumulator/accumulator.ts

@@ -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

@@ -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

@@ -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

@@ -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

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

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

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

package/src/configure/rows-option-builder.ts

@@ -1,38 +0,0 @@
-import { NOOP } from '../const'
-import { RowsConfig } from '../types'
-import { getGristEventHandler } from '../handlers'
-
-export const buildRowsOptions = (rows: any): RowsConfig => {
-  var {
-    appendable = true,
-    editable = true,
-    insertable = false,
-    selectable,
-    groups = [],
-    totals = [],
-    classifier,
-    accumulator
-  } = rows
-
-  /* handler */
-  var { click, dblclick, focus } = rows.handlers || {}
-  if (typeof classifier !== 'function') {
-    classifier = NOOP
-  }
-
-  return {
-    accumulator,
-    appendable,
-    editable,
-    insertable,
-    selectable,
-    groups,
-    totals,
-    handlers: {
-      click: getGristEventHandler(click),
-      dblclick: getGristEventHandler(dblclick),
-      focus: getGristEventHandler(focus)
-    },
-    classifier
-  }
-}

package/src/configure/tree-option-builder.ts

@@ -1,22 +0,0 @@
-import { TreeConfig } from '../types'
-
-const CollapsedAll = () => false
-const ExpandedAll = () => true
-
-export const buildTreeOptions = (tree: TreeConfig | undefined): TreeConfig => {
-  var { expanded = CollapsedAll } = tree || {}
-
-  switch (expanded) {
-    case true:
-      expanded = ExpandedAll
-      break
-    case false:
-      expanded = CollapsedAll
-      break
-  }
-
-  return {
-    ...tree,
-    expanded
-  }
-}

package/src/configure/zero-config.ts

@@ -1,83 +0,0 @@
-import {
-  ColumnConfig,
-  FieldRenderer,
-  GristClassifier,
-  GristConfig,
-  GristData,
-  GristEventHandlerSet,
-  GristRecord,
-  GroupConfig,
-  LabelConfig,
-  ListConfig,
-  TreeConfig,
-  RowsConfig
-} from '../types'
-
-export const ZERO_CLASSIFIER: GristClassifier = (record, rowIndex) => {}
-export const ZERO_FIELD_RENDERER: FieldRenderer = (value, column, record, rowIndex, owner) => {}
-
-export const ZERO_EVENTHANDLERSET: GristEventHandlerSet = {
-  click: undefined,
-  dblclick: undefined,
-  focus: undefined,
-  contextmenu: undefined
-}
-export const ZERO_COLUMNS: ColumnConfig[] = []
-export const ZERO_GROUPS: GroupConfig[] = []
-export const ZERO_TOTALS: [] = []
-export const ZERO_LABEL: LabelConfig = false
-
-export const ZERO_COLUMN: ColumnConfig = {
-  type: '',
-  name: '',
-  header: {
-    renderer: column => {}
-  },
-  record: {
-    renderer: ZERO_FIELD_RENDERER,
-    classifier: ZERO_CLASSIFIER,
-    options: {}
-  },
-  handlers: ZERO_EVENTHANDLERSET,
-  label: ZERO_LABEL
-}
-
-export const ZERO_ROWS: RowsConfig = {
-  appendable: false,
-  insertable: false,
-  editable: false,
-  groups: ZERO_GROUPS,
-  totals: ZERO_TOTALS,
-  classifier: ZERO_CLASSIFIER,
-  handlers: ZERO_EVENTHANDLERSET
-}
-
-export const ZERO_LIST: ListConfig = {
-  fields: ['name', 'description', 'updatedAt'],
-  details: []
-}
-
-export const ZERO_TREE: TreeConfig = {}
-
-export const ZERO_CONFIG: GristConfig = {
-  columns: ZERO_COLUMNS,
-  rows: ZERO_ROWS,
-  list: ZERO_LIST,
-  tree: ZERO_TREE
-}
-
-export const ZERO_RECORD: GristRecord = {}
-export const ZERO_RECORDS: GristRecord[] = []
-
-export const ZERO_DATA: GristData = {
-  records: ZERO_RECORDS
-}
-
-export const ZERO_PAGES = [20, 30, 50, 100]
-
-export const ZERO_PAGINATION = {
-  page: 1,
-  limit: 20,
-  total: 0,
-  pages: ZERO_PAGES
-}

package/src/const.ts

@@ -1 +0,0 @@
-export const NOOP = function () {}

package/src/data-card/data-card-field.ts

@@ -1,94 +0,0 @@
-import { css, html, LitElement, TemplateResult } from 'lit'
-import { customElement, property } from 'lit/decorators.js'
-
-import { ZERO_COLUMN, ZERO_RECORD } from '../configure/zero-config'
-import { ColumnConfig, GristRecord } from '../types'
-
-@customElement('ox-card-field')
-export class DataCardField extends LitElement {
-  static styles = [
-    css`
-      :host {
-        display: flex;
-        align-items: center;
-        justify-content: flex-start;
-        position: relative;
-
-        white-space: nowrap;
-
-        font: inherit;
-      }
-
-      :host([thumbnail]) {
-        flex-direction: column;
-        justify-content: center;
-      }
-
-      :host([thumbnail]) > * {
-        object-fit: contain;
-        max-width: 100%;
-        max-height: 100%;
-      }
-
-      :host > * {
-        margin: var(--spacing-none);
-
-        overflow: hidden;
-
-        text-overflow: ellipsis;
-        text-align: left;
-      }
-
-      :host > *[center] {
-        flex: none;
-        margin: var(--spacing-none) auto;
-      }
-
-      :host([name]) label {
-        display: none;
-      }
-
-      label {
-        flex: none;
-        width: 33%;
-        padding-bottom: 2px;
-        font: var(--data-card-item-etc-label-font);
-        text-transform: capitalize;
-      }
-
-      :host([name]) > span,
-      label + a {
-        display: block;
-        min-width: 100%;
-      }
-
-      @media only screen and (max-width: 460px) {
-        *[center] {
-          margin: initial;
-        }
-      }
-    `
-  ]
-
-  @property({ attribute: true }) align?: string
-  @property({ type: Object }) record: GristRecord = ZERO_RECORD
-  @property({ type: Object }) column: ColumnConfig = ZERO_COLUMN
-  @property({ type: Number }) rowIndex: number = -1
-  @property({ type: Object }) value?: object
-
-  render(): TemplateResult {
-    var { value, column, record, rowIndex } = this
-
-    var {
-      label,
-      record: { renderer: recordRenderer }
-    } = column
-
-    if (typeof label == 'object') {
-      let { renderer: labelRenderer } = label
-      return html`<label>${labelRenderer(column)}</label>${recordRenderer(value, column, record, rowIndex, this)}`
-    } else {
-      return html`${recordRenderer(value, column, record, rowIndex, this)}`
-    }
-  }
-}