@operato/app 10.8.1 → 10.9.0

package/package.json

@@ -2,7 +2,7 @@
   "name": "@operato/app",
   "description": "WebApplication production supporting components following open-wc recommendations",
   "author": "heartyoh",
-  "version": "10.8.1",
+  "version": "10.9.0",
   "type": "module",
   "main": "dist/src/index.js",
   "module": "dist/src/index.js",
@@ -31,37 +31,51 @@
     "./filters-form/filter-resource-code.js": "./dist/src/filters-form/filter-resource-code.js",
     "./filters-form/filter-resource-object.js": "./dist/src/filters-form/filter-resource-object.js",
     "./filter-renderer.js": "./dist/src/filter-renderer/index.js",
-    "./filters-form.js": "./dist/src/filters-form/index.js"
+    "./filters-form.js": "./dist/src/filters-form/index.js",
+    "./relation/ox-relation-view.js": "./dist/src/relation/ox-relation-view.js",
+    "./relation/relation-groups.js": "./dist/src/relation/relation-groups.js"
   },
   "typesVersions": {
     "*": {
-      "input.js": [
-        "dist/src/input/index.d.ts"
+      "filter-renderer.js": [
+        "dist/src/filter-renderer/index.d.ts"
       ],
-      "input/ox-input-graphql.js": [
-        "dist/src/input/ox-input-graphql.d.ts"
+      "filters-form.js": [
+        "dist/src/filters-form/index.d.ts"
       ],
-      "selector/ox-selector-resource-id.js": [
-        "dist/src/selector/ox-selector-resource-id.d.ts"
+      "filters-form/filter-resource-code.js": [
+        "./dist/src/filters-form/filter-resource-code.d.ts"
       ],
-      "selector/ox-selector-resource-object.js": [
-        "dist/src/selector/ox-selector-resource-object.d.ts"
+      "filters-form/filter-resource-object.js": [
+        "./dist/src/filters-form/filter-resource-object.d.ts"
       ],
-      "property-editor.js": [
-        "dist/src/property-editor/index.d.ts"
+      "grist-editor.js": [
+        "dist/src/grist-editor/index.d.ts"
       ],
-      "property-editor/ox-property-editor-graphql.js": [
-        "dist/src/property-editor/ox-property-editor-graphql.d.ts"
+      "grist-editor/ox-grist-editor-code.js": [
+        "dist/src/grist-editor/ox-grist-editor-code.d.ts"
       ],
-      "property-editor/ox-property-editor-resource-object.js": [
-        "dist/src/property-editor/ox-property-editor-resource-object.d.ts"
+      "grist-editor/ox-grist-editor-json.js": [
+        "dist/src/grist-editor/ox-grist-editor-json.d.ts"
       ],
-      "grist-editor.js": [
-        "dist/src/grist-editor/index.d.ts"
+      "grist-editor/ox-grist-editor-privilege.js": [
+        "dist/src/grist-editor/ox-grist-editor-privilege.d.ts"
+      ],
+      "grist-editor/ox-grist-editor-resource-code.js": [
+        "dist/src/grist-editor/ox-grist-editor-resource-code.d.ts"
       ],
       "grist-editor/ox-grist-editor-resource-id.js": [
         "dist/src/grist-editor/ox-grist-editor-resource-id.d.ts"
       ],
+      "grist-editor/ox-grist-editor-resource-object-legacy.js": [
+        "dist/src/grist-editor/ox-grist-editor-resource-object-legacy.d.ts"
+      ],
+      "grist-editor/ox-grist-editor-resource-object.js": [
+        "dist/src/grist-editor/ox-grist-editor-resource-object.d.ts"
+      ],
+      "grist-editor/ox-grist-renderer-crontab.js": [
+        "dist/src/grist-editor/ox-grist-renderer-crontab.d.ts"
+      ],
       "grist-editor/ox-grist-renderer-resource-code.js": [
         "dist/src/grist-editor/ox-grist-renderer-resource-code.d.ts"
       ],
@@ -71,38 +85,32 @@
       "grist-editor/ox-grist-renderer-resource-object.js": [
         "dist/src/grist-editor/ox-grist-renderer-resource-object.d.ts"
       ],
-      "grist-editor/ox-grist-renderer-crontab.js": [
-        "dist/src/grist-editor/ox-grist-renderer-crontab.d.ts"
-      ],
-      "grist-editor/ox-grist-editor-json.js": [
-        "dist/src/grist-editor/ox-grist-editor-json.d.ts"
-      ],
-      "grist-editor/ox-grist-editor-code.js": [
-        "dist/src/grist-editor/ox-grist-editor-code.d.ts"
+      "input.js": [
+        "dist/src/input/index.d.ts"
       ],
-      "grist-editor/ox-grist-editor-privilege.js": [
-        "dist/src/grist-editor/ox-grist-editor-privilege.d.ts"
+      "input/ox-input-graphql.js": [
+        "dist/src/input/ox-input-graphql.d.ts"
       ],
-      "grist-editor/ox-grist-editor-resource-object.js": [
-        "dist/src/grist-editor/ox-grist-editor-resource-object.d.ts"
+      "property-editor.js": [
+        "dist/src/property-editor/index.d.ts"
       ],
-      "grist-editor/ox-grist-editor-resource-object-legacy.js": [
-        "dist/src/grist-editor/ox-grist-editor-resource-object-legacy.d.ts"
+      "property-editor/ox-property-editor-graphql.js": [
+        "dist/src/property-editor/ox-property-editor-graphql.d.ts"
       ],
-      "grist-editor/ox-grist-editor-resource-code.js": [
-        "dist/src/grist-editor/ox-grist-editor-resource-code.d.ts"
+      "property-editor/ox-property-editor-resource-object.js": [
+        "dist/src/property-editor/ox-property-editor-resource-object.d.ts"
       ],
-      "filters-form/filter-resource-code.js": [
-        "./dist/src/filters-form/filter-resource-code.d.ts"
+      "relation/ox-relation-view.js": [
+        "dist/src/relation/ox-relation-view.d.ts"
       ],
-      "filters-form/filter-resource-object.js": [
-        "./dist/src/filters-form/filter-resource-object.d.ts"
+      "relation/relation-groups.js": [
+        "dist/src/relation/relation-groups.d.ts"
       ],
-      "filters-form.js": [
-        "dist/src/filters-form/index.d.ts"
+      "selector/ox-selector-resource-id.js": [
+        "dist/src/selector/ox-selector-resource-id.d.ts"
       ],
-      "filter-renderer.js": [
-        "dist/src/filter-renderer/index.d.ts"
+      "selector/ox-selector-resource-object.js": [
+        "dist/src/selector/ox-selector-resource-object.d.ts"
       ]
     }
   },
@@ -140,18 +148,18 @@
     "@graphql-tools/delegate": "^10.0.1",
     "@graphql-tools/wrap": "^10.0.0",
     "@material/web": "^2.0.0",
-    "@operato/attachment": "^10.8.1",
-    "@operato/data-grist": "^10.8.1",
-    "@operato/font": "^10.8.1",
-    "@operato/form": "^10.8.1",
+    "@operato/attachment": "^10.9.0",
+    "@operato/data-grist": "^10.9.0",
+    "@operato/font": "^10.9.0",
+    "@operato/form": "^10.9.0",
     "@operato/graphql": "^10.7.0",
     "@operato/i18n": "^10.0.0",
-    "@operato/input": "^10.8.1",
-    "@operato/layout": "^10.8.1",
-    "@operato/property-editor": "^10.8.1",
-    "@operato/property-panel": "^10.8.1",
-    "@operato/shell": "^10.8.1",
-    "@operato/styles": "^10.8.1",
+    "@operato/input": "^10.9.0",
+    "@operato/layout": "^10.9.0",
+    "@operato/property-editor": "^10.9.0",
+    "@operato/property-panel": "^10.9.0",
+    "@operato/shell": "^10.9.0",
+    "@operato/styles": "^10.9.0",
     "@operato/utils": "^10.7.0",
     "cm6-graphql": "^0.0.14",
     "codemirror": "^6.0.1",
@@ -193,5 +201,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "fab8f4d2205af38c407507213746ccca0210efa5"
+  "gitHead": "5282356a0fbf7601a1bd023cf65ba5dc60986337"
 }

package/test/selector-confirm-keeps-value.test.ts

@@ -0,0 +1,127 @@
+import { expect } from '@open-wc/testing'
+
+/**
+ * 참조 팝업의 **확인이 값을 지우지 않는다.**
+ *
+ * ## 무엇을 지키나
+ *
+ * `ox-selector-resource-object` 의 확인은 「이 고른 것으로 한다」다. 고른 것이 없으면 확인할 것이
+ * 없으므로 닫기와 같아야 한다. **값을 지우는 길은 「지정 안 함」 하나다.**
+ *
+ * ## 왜 이 시험이 있나 (2026-09-05)
+ *
+ * 전에는 `confirmCallback(this.selected)` 를 조건 없이 불렀다. 고른 것이 없으면 `selected` 가
+ * undefined 이고, 그것은 `onEmpty` 가 넘기는 것과 **똑같다** — 확인이 「지정 안 함」과 같은 일을
+ * 했다. 값을 지우는 단추가 둘이었고 그중 하나가 주 동작(채운 단추)이었다.
+ *
+ * 고른 표시는 목록을 받아올 때 그 쪽에서 값을 찾으면 켜진다. 그래서 목록이 한 쪽에 다 들어가는
+ * 표에서는 안 드러났고, 여러 쪽이면 값이 2쪽에 있을 때 빈 채였다.
+ *
+ * ```
+ * [재봤음] 제조법 · 만드는 품목 · 총 106건 · value=MT10097283 은 1쪽에 없다
+ *          팝업을 열고 아무것도 만지지 않고 확인 → 칸이 빈 값이 되었다
+ * ```
+ *
+ * ## 왜 부품을 세우지 않고 원문을 보나
+ *
+ * 이 부품은 `@operato/graphql` 의 클라이언트를 모듈 적재 시점에 끌어온다. 시험 안에서 그것을 세우면
+ * 서버가 필요하고, 그 무거움이 이 한 줄의 규칙을 지키는 값보다 크다.
+ *
+ * 대신 **그 규칙이 코드에 남아 있는지**를 본다. 조건 없이 부르는 모양으로 되돌아가면 빨갛게 난다.
+ * 부품을 세우는 시험은 그래프가 가벼워지면 그때 더한다.
+ */
+/**
+ * `onConfirm` 의 본문만 떼어 낸다.
+ *
+ * 처음에 `indexOf('fetchHandler')` 를 끝 경계로 썼다가 빈 문자열이 나왔다 — 그 낱말은 render 의
+ * 템플릿(`.fetchHandler=…`)에 **먼저** 나온다. 메서드 선언을 경계로 삼는다.
+ */
+function onConfirmBody(source: string): string {
+  const start = source.indexOf('  onConfirm() {')
+  if (start < 0) return ''
+  const rest = source.slice(start)
+  const end = rest.indexOf('\n  }')
+  return end < 0 ? rest : rest.slice(0, end + 4)
+}
+
+describe('참조 선택기 · 확인은 값을 지우지 않는다', () => {
+  let source: string
+
+  before(async () => {
+    const response = await fetch('/src/selector/ox-selector-resource-object.ts')
+    expect(response.ok, '원문을 읽을 수 있어야 한다').to.be.true
+    source = await response.text()
+  })
+
+  it('확인은 고른 것이 없으면 콜백을 부르지 않는다', () => {
+    const body = onConfirmBody(source)
+
+    expect(body, 'onConfirm 을 찾아야 한다').to.include('onConfirm')
+
+    /*
+     * 고른 것이 없을 때 빠져나가는 길이 있어야 한다.
+     *
+     * 조건 안에 다른 절이 더 붙어도 통과시킨다 — 여럿 고르기가 들어오면서 빈 배열도 함께 봐야
+     * 했다. 지키려는 것은 「!selected 를 보고 닫고 끝낸다」이지 조건의 글자 수가 아니다.
+     */
+    expect(body.replace(/\s+/g, ' '), '고른 것이 없으면 닫고 끝낸다').to.match(
+      /if\s*\([^)]*!\s*selected[^{]*\)\s*\{\s*closePopup\(this\)\s*;?\s*return/
+    )
+  })
+
+  it('확인이 넘기는 것은 고른 것 하나다 — this.selected 를 조건 없이 넘기지 않는다', () => {
+    const body = onConfirmBody(source).replace(/\s+/g, ' ')
+
+    /*
+     * 되돌아간 모양을 직접 막는다. 주석 안에 같은 글자가 있어도 걸리지 않도록 앞의 주석을 걷는다.
+     */
+    const code = body.replace(/\/\*[\s\S]*?\*\//g, '')
+
+    expect(code, '조건 없이 this.selected 를 넘기는 모양으로 돌아가면 안 된다').to.not.include(
+      'confirmCallback(this.selected)'
+    )
+  })
+
+  it('값을 지우는 길은 지정 안 함 하나다', () => {
+    const empty = source.slice(source.indexOf('onEmpty()'), source.indexOf('onCancel()')).replace(/\s+/g, ' ')
+
+    /* 인자 없이 부르는 것이 「지우기」의 뜻이다. */
+    expect(empty, '지정 안 함은 빈 값을 넘긴다').to.include('confirmCallback()')
+  })
+
+  /**
+   * 그리스트에 **빈 data 를 넘기지 않는다.**
+   *
+   * data-grist 는 data 가 설정되면 reset() 한다. 이 부품은 fetchHandler 로 목록을 채우면서
+   * `.data` 로 늘 ZERO_DATA 를 함께 넘기고 있었다. 그래서 이 부품이 다시 그려지는 순간 빈 값이
+   * 내려가 목록이 통째로 사라졌다.
+   *
+   * ```
+   * [재봤음] 2026-09-05 · 라디오 클릭 → reset() 1회(DataGrist.updated) → 20건 → 0건
+   * ```
+   *
+   * 첫 렌더 뒤로 다시 그릴 일이 없어서 여태 안 드러났다. 바닥 단추를 고른 상태에 묶으면서
+   * 드러났고, 그것을 되돌리는 대신 이 바인딩을 걷었다.
+   */
+  it('ox-grist 에 .data 를 넘기지 않는다', () => {
+    const template = source.slice(source.indexOf('<ox-grist'), source.indexOf('</ox-grist>'))
+
+    expect(template, 'ox-grist 를 찾아야 한다').to.include('.fetchHandler=')
+    expect(template.replace(/<!--[\s\S]*?-->/g, ''), '.data 를 다시 넘기면 목록이 사라진다').to.not.include(
+      '.data='
+    )
+  })
+
+  /**
+   * **여럿 고르기에서 빈 배열도 막는다.**
+   *
+   * multiple 을 켜면 `selected` 가 배열이다. 아무것도 안 고른 상태는 undefined 가 아니라 `[]` 이고,
+   * 그것은 truthy 다 — `!selected` 만으로는 빠져나가지 못하고 빈 배열이 그대로 넘어간다. 받는 쪽이
+   * 그것을 「전부 지워라」로 읽으면 하나만 고르기 때와 같은 데이터 손실이 난다.
+   */
+  it('여럿 고르기에서 빈 배열을 넘기지 않는다', () => {
+    const body = onConfirmBody(source).replace(/\s+/g, ' ')
+
+    expect(body, '빈 배열도 걸러야 한다').to.match(/Array\.isArray\(selected\)\s*&&\s*selected\.length\s*===?\s*0/)
+  })
+})

package/translations/en.json

@@ -1,4 +1,22 @@
 {
+  "ops.rel.area": "sits in",
+  "ops.rel.asset": "carried on",
+  "ops.rel.at": "performed at",
+  "ops.rel.by": "performed by",
+  "ops.rel.class": "belongs to class",
+  "ops.rel.crew": "crew",
+  "ops.rel.from": "from place",
+  "ops.rel.home": "based at",
+  "ops.rel.input": "consumes",
+  "ops.rel.item": "item",
+  "ops.rel.operation": "operation",
+  "ops.rel.order": "order",
+  "ops.rel.output": "produces",
+  "ops.rel.parent": "packed in",
+  "ops.rel.route": "follows route",
+  "ops.rel.step": "includes step",
+  "ops.rel.test": "verified by test",
+  "ops.rel.type": "is of type",
   "title.edit code": "edit code",
   "title.edit json": "edit json"
 }

package/translations/es.json

@@ -0,0 +1,20 @@
+{
+  "ops.rel.area": "ubicado en",
+  "ops.rel.asset": "transportado en",
+  "ops.rel.at": "se realiza en",
+  "ops.rel.by": "realizado por",
+  "ops.rel.class": "pertenece a la clase",
+  "ops.rel.crew": "personal",
+  "ops.rel.from": "lugar de origen",
+  "ops.rel.home": "con base en",
+  "ops.rel.input": "consume",
+  "ops.rel.item": "artículo",
+  "ops.rel.operation": "operación",
+  "ops.rel.order": "pedido",
+  "ops.rel.output": "produce",
+  "ops.rel.parent": "empaquetado en",
+  "ops.rel.route": "sigue la ruta",
+  "ops.rel.step": "incluye el paso",
+  "ops.rel.test": "verified by test",
+  "ops.rel.type": "es del tipo"
+}

package/translations/ja.json

@@ -0,0 +1,20 @@
+{
+  "ops.rel.area": "所属エリア",
+  "ops.rel.asset": "積載資産",
+  "ops.rel.at": "実施場所",
+  "ops.rel.by": "実施資源",
+  "ops.rel.class": "所属クラス",
+  "ops.rel.crew": "投入人員",
+  "ops.rel.from": "出発の場所",
+  "ops.rel.home": "基準場所",
+  "ops.rel.input": "投入",
+  "ops.rel.item": "扱う品目",
+  "ops.rel.operation": "実行工程",
+  "ops.rel.order": "所属オーダー",
+  "ops.rel.output": "産出",
+  "ops.rel.parent": "梱包単位",
+  "ops.rel.route": "従うルート",
+  "ops.rel.step": "含む工程",
+  "ops.rel.test": "verified by test",
+  "ops.rel.type": "タイプ"
+}

package/translations/ko.json

@@ -1,4 +1,22 @@
 {
+  "ops.rel.area": "속한 구역",
+  "ops.rel.asset": "실린 자산",
+  "ops.rel.at": "수행 로케이션",
+  "ops.rel.by": "수행 자원",
+  "ops.rel.class": "속한 등급",
+  "ops.rel.crew": "투입 인원",
+  "ops.rel.from": "출발 로케이션",
+  "ops.rel.home": "기준 로케이션",
+  "ops.rel.input": "투입",
+  "ops.rel.item": "다루는 품목",
+  "ops.rel.operation": "수행 공정",
+  "ops.rel.order": "속한 오더",
+  "ops.rel.output": "산출",
+  "ops.rel.parent": "담긴 물류단위",
+  "ops.rel.route": "따르는 라우트",
+  "ops.rel.step": "포함 공정",
+  "ops.rel.test": "검증한 시험",
+  "ops.rel.type": "타입",
   "title.edit code": "코드 편집",
   "title.edit json": "JSON 편집"
 }

package/translations/zh.json

@@ -1,4 +1,22 @@
 {
+  "ops.rel.area": "所属区域",
+  "ops.rel.asset": "承载资产",
+  "ops.rel.at": "执行位置",
+  "ops.rel.by": "执行资源",
+  "ops.rel.class": "所属等级",
+  "ops.rel.crew": "投入人员",
+  "ops.rel.from": "起始位置",
+  "ops.rel.home": "基准位置",
+  "ops.rel.input": "投入",
+  "ops.rel.item": "处理品目",
+  "ops.rel.operation": "执行工序",
+  "ops.rel.order": "所属工单",
+  "ops.rel.output": "产出",
+  "ops.rel.parent": "包装单元",
+  "ops.rel.route": "所遵路线",
+  "ops.rel.step": "包含工序",
+  "ops.rel.test": "verified by test",
+  "ops.rel.type": "类型",
   "title.edit code": "代码编辑",
   "title.edit json": "JSON编辑"
 }