@visitwonders/assembly 0.3.0 → 0.4.0

package/declarations/form/display-field.d.ts

@@ -0,0 +1,32 @@
+import Component from '@glimmer/component';
+export interface DisplayFieldSignature {
+    Element: HTMLDivElement;
+    Args: {
+        /** Label text (required) */
+        label: string;
+        /** Description text displayed below the value or input */
+        description?: string;
+        /** Whether the field is in edit mode */
+        editing?: boolean;
+        /** Info tooltip text shown next to the label */
+        labelInfo?: string;
+        /** Unique identifier (auto-generated if not provided) */
+        id?: string;
+    };
+    Blocks: {
+        /** Read-only value display (shown when not editing) */
+        value: [];
+        /** Inline action (e.g., "Change" link, shown when not editing) */
+        action: [];
+        /** Edit mode content (e.g., input field + actions, shown when editing) */
+        input: [];
+        /** Rich tooltip content shown next to the label */
+        info: [];
+    };
+}
+export default class DisplayField extends Component<DisplayFieldSignature> {
+    id: string;
+    get descriptionId(): string;
+    get isEditing(): boolean;
+}
+//# sourceMappingURL=display-field.d.ts.map

package/declarations/form/display-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"display-field.d.ts","sourceRoot":"","sources":["../../src/form/display-field.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,oBAAoB,CAAC;AAK3C,MAAM,WAAW,qBAAqB;IACpC,OAAO,EAAE,cAAc,CAAC;IACxB,IAAI,EAAE;QACJ,4BAA4B;QAC5B,KAAK,EAAE,MAAM,CAAC;QAEd,0DAA0D;QAC1D,WAAW,CAAC,EAAE,MAAM,CAAC;QAErB,wCAAwC;QACxC,OAAO,CAAC,EAAE,OAAO,CAAC;QAElB,gDAAgD;QAChD,SAAS,CAAC,EAAE,MAAM,CAAC;QAEnB,yDAAyD;QACzD,EAAE,CAAC,EAAE,MAAM,CAAC;KACb,CAAC;IACF,MAAM,EAAE;QACN,uDAAuD;QACvD,KAAK,EAAE,EAAE,CAAC;QACV,kEAAkE;QAClE,MAAM,EAAE,EAAE,CAAC;QACX,0EAA0E;QAC1E,KAAK,EAAE,EAAE,CAAC;QACV,mDAAmD;QACnD,IAAI,EAAE,EAAE,CAAC;KACV,CAAC;CACH;AAED,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,SAAS,CAAC,qBAAqB,CAAC;IACxE,EAAE,SAAiC;IAEnC,IAAI,aAAa,IAAI,MAAM,CAE1B;IAED,IAAI,SAAS,IAAI,OAAO,CAEvB;CAiGF"}

package/declarations/form/index.d.ts

@@ -5,6 +5,7 @@ export { default as Control } from './control';
 export { default as CountrySelect } from './country-select';
 export { default as CountrySelectField } from './country-select-field';
 export { default as DatePicker } from './date-picker';
+export { default as DisplayField } from './display-field';
 export { default as DatePickerField } from './date-picker-field';
 export { default as DateRangePicker } from './date-range-picker';
 export { default as DateRangePickerField } from './date-range-picker-field';

package/declarations/form/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/form/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,yBAAyB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,yBAAyB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAChF,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,yBAAyB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/form/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,yBAAyB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,yBAAyB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAChF,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/_app_/form/display-field.js

@@ -0,0 +1 @@
+export { default } from "@visitwonders/assembly/form/display-field";

package/dist/form/display-field-css-890d9be4b5da61613fd017071f330735.css

@@ -0,0 +1,48 @@
+/* <inline>/src/form/display-field-css-890d9be4b5da61613fd017071f330735.css */
+
+  .display-field_e03c8ad71 {
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacing-1);
+    width: 100%;
+  }
+
+  .display-field-inline_e03c8ad71 {
+    display: flex;
+    align-items: baseline;
+    gap: var(--spacing-2);
+    flex-wrap: wrap;
+    font-size: var(--font-size-sm);
+    line-height: var(--line-height-normal);
+    color: var(--color-text);
+  }
+
+  .display-field-label_e03c8ad71 {
+    font-weight: var(--font-weight-regular);
+  }
+
+  .display-field-label_e03c8ad71::after {
+    content: ':';
+  }
+
+  .display-field-value_e03c8ad71 {
+    font-weight: var(--font-weight-medium);
+  }
+
+  .display-field-input_e03c8ad71 {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: var(--spacing-2);
+  }
+
+  .display-field-description_e03c8ad71 {
+    display: block;
+    font-size: var(--font-size-xs);
+    color: var(--color-text-secondary);
+    line-height: var(--line-height-normal);
+  }
+
+  .display-field-description_e03c8ad71:empty {
+    display: none;
+  }

package/dist/form/display-field.js

@@ -0,0 +1,29 @@
+import "./display-field-css-890d9be4b5da61613fd017071f330735.css"
+import Component from '@glimmer/component';
+import { guidFor } from '@ember/object/internals';
+import Label from './label.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+
+;
+
+class DisplayField extends Component {
+  id = this.args.id ?? guidFor(this);
+  get descriptionId() {
+    return `${this.id}-description`;
+  }
+  get isEditing() {
+    return this.args.editing ?? false;
+  }
+  static {
+    setComponentTemplate(precompileTemplate("\n\n<div class=\"display-field_e03c8ad71\" data-editing={{if this.isEditing \"true\" \"false\"}} data-test-display-field ...attributes>\n  {{#if this.isEditing}}\n    {{#if (has-block \"info\")}}\n      <Label @info={{@labelInfo}}>\n        <:default>{{@label}}</:default>\n        <:info>{{yield to=\"info\"}}</:info>\n      </Label>\n    {{else}}\n      <Label @info={{@labelInfo}}>\n        {{@label}}\n      </Label>\n    {{/if}}\n    <div class=\"display-field-input_e03c8ad71\">\n      {{yield to=\"input\"}}\n    </div>\n  {{else}}\n    <div class=\"display-field-inline_e03c8ad71\" data-test-display-field-content>\n      <span class=\"display-field-label_e03c8ad71\">{{@label}}</span>\n      <span class=\"display-field-value_e03c8ad71\" data-test-display-field-value>\n        {{yield to=\"value\"}}\n      </span>\n      {{#if (has-block \"action\")}}\n        <span data-test-display-field-action>\n          {{yield to=\"action\"}}\n        </span>\n      {{/if}}\n    </div>\n  {{/if}}\n\n  {{#if @description}}\n    <span class=\"display-field-description_e03c8ad71\" id={{this.descriptionId}} data-test-display-field-description>\n      {{@description}}\n    </span>\n  {{/if}}\n</div>", {
+      strictMode: true,
+      scope: () => ({
+        Label
+      })
+    }), this);
+  }
+}
+
+export { DisplayField as default };
+//# sourceMappingURL=display-field.js.map

package/dist/form/display-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"display-field.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/form/index.js

@@ -5,6 +5,7 @@ export { default as Control } from './control.js';
 export { default as CountrySelect } from './country-select.js';
 export { default as CountrySelectField } from './country-select-field.js';
 export { default as DatePicker } from './date-picker.js';
+export { default as DisplayField } from './display-field.js';
 export { default as DatePickerField } from './date-picker-field.js';
 export { default as DateRangePicker } from './date-range-picker.js';
 export { default as DateRangePickerField } from './date-range-picker-field.js';

package/dist/form/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@visitwonders/assembly",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "description": "The default blueprint for Embroider v2 addons.",
   "keywords": [
     "ember-addon"
@@ -170,6 +170,7 @@
       "./form/date-picker.js": "./dist/_app_/form/date-picker.js",
       "./form/date-range-picker-field.js": "./dist/_app_/form/date-range-picker-field.js",
       "./form/date-range-picker.js": "./dist/_app_/form/date-range-picker.js",
+      "./form/display-field.js": "./dist/_app_/form/display-field.js",
       "./form/error-message.js": "./dist/_app_/form/error-message.js",
       "./form/field.js": "./dist/_app_/form/field.js",
       "./form/fieldset.js": "./dist/_app_/form/fieldset.js",