@simai-studio/view 1.1.0 → 1.2.0

package/dist/smart/view-properties/smart.manifest.json

@@ -1,7 +1,7 @@
 {
   "schema_version": 2,
   "id": "smart.view-properties",
-  "version": "1.10.0",
+  "version": "1.10.1",
   "title": "Property view",
   "summary": "One object's fields shown as sections, groups and fields, each drawn by the per-type field renderer set, behind a separate host port. A group is edited and saved as one revision by the button, and a reference field is picked from the host's own candidates a page at a time. The pair to the data view: that one is a set of records, this one is a single object.",
   "kind": "composite",
@@ -1545,7 +1545,7 @@
       },
       {
         "path": "src/smart/view-properties/js/templates/default.js",
-        "sha256": "9aaa4a7143ef16617609a2461ccaa5edbfdd5e6277f111dd83ced3d1736a9a24"
+        "sha256": "f279e28558ccf50841b59c311ac39f8861f78e43bcce333eb4501d38aac6048b"
       },
       {
         "path": "src/smart/view-properties/js/templates/default.css",
@@ -1555,6 +1555,10 @@
         "path": "src/smart/view-properties/js/conditions.js",
         "sha256": "bf48b0bf4d2affb43433d1142b1a0ca57e22dc26088c5bd0b28e3212fba7134b"
       },
+      {
+        "path": "src/smart/view-properties/js/field-value.js",
+        "sha256": "18194d28683ab6dc3f876cd4f39928745017b5e03f2abd310876c079ffe74188"
+      },
       {
         "path": "src/smart/view-properties/rule.js",
         "sha256": "e23c095e11f5f42de3bad05a8d347f668c947dad90018994e3ef334832e1b887"

package/dist/smart/view-properties/template/default.js

@@ -1,6 +1,7 @@
 import {html, nothing} from 'lit';
 import "./default.css";
 import {renderViewField, renderEditField} from '../../../field-renderers/index.js';
+import {renderFieldValue} from '../field-value.js';
 
 // The arrangement, drawn in the component's own light DOM. Not in a shadow root:
 // the field controls are Smart elements whose stylesheets are document-level, and
@@ -9,83 +10,6 @@ import {renderViewField, renderEditField} from '../../../field-renderers/index.j
 // of this composite built them inside a shadow root and every control came out
 // with its markup and none of its CSS.
 
-function renderFieldValue(context, field, editing, {disabled = false} = {}) {
-    const key = String(field.key ?? '');
-    const editHost = {
-        setFieldValue: (target, value) => context.component.changeField(target, value),
-        // A control that knows its entry is not a value yet says so here (port
-        // 1.16.0: a masked string that does not fill its mask); the view holds
-        // both saves until it is completed or cleared.
-        setFieldError: (target, message) => context.component.reportFieldError(target, message),
-        ...(context.canUploadFiles
-            ? {
-                getFieldUploads: (target) => context.component.getFieldUploads(target),
-                startFieldUpload: (target, items) => context.component.startFieldUpload(target, items),
-                retryFieldUpload: (target, index) => context.component.retryFieldUpload(target, index),
-            }
-            : {}),
-        ...(context.canPickRecords
-            ? {
-                getFieldOptionsPage: (target) => context.component.getFieldOptionsPage(target),
-                getFieldOptionSearch: (target) => context.component.getFieldOptionSearch(target),
-                setFieldOptionSearch: (target, text) => context.component.setFieldOptionSearch(target, text),
-                loadFieldOptions: (target, request) => context.component.loadFieldOptions(target, request),
-            }
-            : {}),
-    };
-    // A datetime and a time of day are the renderer set's: sf-input-date in
-    // mode datetime and time, one control each (SIMAI Framework duplication
-    // audit A-14). This view drew its own pair -- the day in a datepicker and
-    // the time in a masked field -- which cut the day short in a half-width
-    // field and held half-typed entries of its own.
-    const content = editing
-        ? renderEditField(
-            field,
-            context.changed.has(key) ? context.changed.get(key) : field.value,
-            editHost,
-            // A field its condition turns off is drawn disabled where the set
-            // draws disabled apart from read-only (a choice as buttons).
-            {size: context.size, ...(disabled ? {disabled: true} : {})},
-        )
-        : renderViewField(field, field.value, context.viewHost, {size: context.size});
-
-    const reference = ['record', 'relation', 'user'].includes(field.propertyType || field.type)
-        && field.value && typeof field.value === 'object';
-    if (!editing && reference && content) {
-        return html`<span
-                class="sf-property-view-reference"
-                @click=${(event) => {
-                    event.preventDefault();
-                    // And no further: the field in view is a button that opens
-                    // the group for editing, so a press that reached it put the
-                    // whole group into edit behind the record that had just
-                    // opened (owner, 2026-10-08). Following a reference is one
-                    // intent, not two.
-                    event.stopPropagation();
-                    context.component.openReference(field, field.value);
-                }}
-        >${content}</span>`;
-    }
-
-    // An edit control the set cannot build is not an empty value. record and
-    // relation have no editor until the picker's host methods exist, and the
-    // first version showed «не заполнено» over a field that had a value -- a
-    // consumer read it as the value having been lost. Fall back to the view, so
-    // the value is shown and plainly not editable yet.
-    if (editing && (content === null || typeof content === 'undefined' || content === nothing)) {
-        const shown = renderViewField(field, field.value, context.viewHost, {size: context.size});
-        if (shown !== null && typeof shown !== 'undefined' && shown !== nothing) {
-            return html`<span class="sf-property-view-readonly color-on-surface-variant" data-readonly="true">${shown}</span>`;
-        }
-    }
-
-    if (content === null || typeof content === 'undefined' || content === nothing) {
-        return html`<span class="sf-property-view-empty color-on-surface-variant">${context.emptyText}</span>`;
-    }
-
-    return content;
-}
-
 // While the view is being configured every entry is listed, hidden and rare ones
 // included: a hidden field a person cannot see is a field they cannot show again,
 // and «показать редкие поля» is a reading choice rather than part of the

package/dist/smart/view-table/js/view-table.js

@@ -2268,6 +2268,7 @@ function renderChoiceEdit(field, value, host) {
                 name=${fieldName(field)}
                 ?required=${Boolean(field.required)}
                 value=${value ?? ''}
+                placeholder=${field.placeholder || lit__WEBPACK_IMPORTED_MODULE_0__.nothing}
                 aria-label=${field.label || field.key || ''}
                 .options=${editOptions(field, value, false)}
                 @change=${event => host.setFieldValue(field, event.detail?.value ?? null)}
@@ -2321,6 +2322,7 @@ function renderChoicesEdit(field, value, host) {
                 search="false"
                 name=${fieldName(field)}
                 ?required=${Boolean(field.required)}
+                placeholder=${field.placeholder || lit__WEBPACK_IMPORTED_MODULE_0__.nothing}
                 aria-label=${field.label || field.key || ''}
                 .options=${editOptions(field, value, true)}
                 @change=${event => {

package/dist/smart/view-table/js/view-table.min.js

@@ -380,6 +380,7 @@
                 name=${J(e)}
                 ?required=${Boolean(e.required)}
                 value=${t??""}
+                placeholder=${e.placeholder||i.nothing}
                 aria-label=${e.label||e.key||""}
                 .options=${ke(e,t,!1)}
                 @change=${t=>n.setFieldValue(e,t.detail?.value??null)}
@@ -402,6 +403,7 @@
                 search="false"
                 name=${J(e)}
                 ?required=${Boolean(e.required)}
+                placeholder=${e.placeholder||i.nothing}
                 aria-label=${e.label||e.key||""}
                 .options=${ke(e,t,!0)}
                 @change=${t=>{const s=t.detail?.values??t.detail?.value;n.setFieldValue(e,Array.isArray(s)?s:s?[s]:[])}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simai-studio/view",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "description": "SIMAI View, the component set view of SIMAI Framework: the data view sf-view, the smart table sf-view-table and the record card sf-view-properties.",
   "license": "PolyForm-Small-Business-1.0.0 OR PolyForm-Noncommercial-1.0.0 OR LicenseRef-SIMAI-Commercial",
   "author": "Rim Zabarov",