@es-joy/jsoe 0.17.0 → 0.19.0

package/CHANGES.md

@@ -1,7 +1,20 @@
 # CHANGES TO `@es-joy/jsoe`
 
+## 0.19.0
+
+- feat: change API for `$setFormat` to accept `schema` and change API to object with
+    `valueFormat`, `autoTrigger`, and `schema` properties.
+
+## 0.18.0
+
+- feat: give option to disable `autoTrigger` for building type choices, e.g.,
+    with `$setFormat(format, autoTrigger)`
+
 ## 0.17.0
 
+BREAKING CHANGES: API changes to `formatAndTypeChoices` and
+    `getFormatAndSchemaChoices`
+
 - feat: Zodex schema support
 
 ## 0.16.0

package/dist/formatAndTypeChoices.d.ts

@@ -56,22 +56,30 @@ export function formatAndTypeChoices({ schemas, getSchemaContent, hasValue, sing
         $setFormat: (this: HTMLSelectElement & {
             $buildTypeChoices: (this: HTMLSelectElement & {
                 $buildTypeChoices: any;
-            }) => Promise<void>;
-        }, valueFormat: string) => Promise<void>;
+            }, autoTrigger?: boolean | undefined) => Promise<void>;
+        }, cfg: {
+            valueFormat?: import("./formats.js").AvailableFormat;
+            autoTrigger: boolean;
+            schema?: string;
+        }) => Promise<void>;
         $buildTypeChoices: (this: HTMLSelectElement & {
             $buildTypeChoices: any;
-        }) => Promise<void>;
+        }, autoTrigger?: boolean | undefined) => Promise<void>;
     };
     typesHolder: HTMLDivElement;
     domArray: [formatChoices: HTMLSelectElement & {
         $setFormat: (this: HTMLSelectElement & {
             $buildTypeChoices: (this: HTMLSelectElement & {
                 $buildTypeChoices: any;
-            }) => Promise<void>;
-        }, valueFormat: string) => Promise<void>;
+            }, autoTrigger?: boolean | undefined) => Promise<void>;
+        }, cfg: {
+            valueFormat?: import("./formats.js").AvailableFormat;
+            autoTrigger: boolean;
+            schema?: string;
+        }) => Promise<void>;
         $buildTypeChoices: (this: HTMLSelectElement & {
             $buildTypeChoices: any;
-        }) => Promise<void>;
+        }, autoTrigger?: boolean | undefined) => Promise<void>;
     }, typesHolder: HTMLDivElement];
     getValue: (stateObj: import("./types.js").StateObject, currentPath: string) => import("./formats.js").StructuredCloneValue;
     getType: () => string;

package/dist/formatAndTypeChoices.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"formatAndTypeChoices.d.ts","sourceRoot":"","sources":["../src/formatAndTypeChoices.js"],"names":[],"mappings":"AAuDA;;;;;GAKG;AAEH;;GAEG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,sJA/BG;IAAuB,OAAO;IACyB,gBAAgB,aAAtD,MAAM,KAAK,OAAO,CAAC,WAAW,CAAC;IAE1B,QAAQ;IAGR,WAAW;IACX,UAAU;IAKX,aAAa;IAEb,cAAc;IACU,OAAO;IACT,KAAK;CAChD,GAAU,OAAO,CAAC;IACpB,aAAiB;;;;kBA8CC,OAAO,CAAC,IAAI,CAAC;wBAbf,MAAM,KAIJ,OAAO,CAAC,IAAI,CAAC;;;cASb,OAAO,CAAC,IAAI,CAAC;MA9CE;IACjC,WAAe,iBAAc;IAC7B,QAAY,EAAE,CAAC,aAAa;;;;kBA4CV,OAAO,CAAC,IAAI,CAAC;wBAbf,MAAM,KAIJ,OAAO,CAAC,IAAI,CAAC;;;cASb,OAAO,CAAC,IAAI,CAAC;KA5CY,EAAE,WAAW,gBAAa,CAAC,CAAC;IACvE,QAAY,EAAE,CAAC,QAAQ,EAAE,OAAO,YAAY,EAAE,WAAW,EACnD,WAAW,EAAE,MAAM,KAAK,OAAO,cAAc,EAAE,oBAAoB,CAAC;IAC1E,OAAW,EAAE,MAAM,MAAM,CAAC;IAC1B,cAAkB,EAAE,MAAM,OAAO,CAAC;IAClC,QAAY,EAAE,QAAQ,CAAC;IACvB,OAAW,EAAE,OAAO,cAAc,EAAE,OAAO,CAAC;IAC5C,KAAS,EAAE,OAAO,YAAY,EAAE,OAAO,CAAA;CACpC,CAAC,CA8NJ;AAzSM,oFAPJ;IAAuB,OAAO;IACT,cAAc;IACb,UAAU;CAGhC,GAAU,gBAAgB,CAiC5B;+BAIU,OAAO,cAAc,EAAE,oBAAoB,YAC3C,OAAO,YAAY,EAAE,WAAW,KAC9B,OAAO,CAAC,IAAI,CAAC;0BAIb,OAAO,qBAAqB,EAAE,WAAW;mCAvDzC,cAAc,GAAC,IAAI;oBALZ,cAAc;kBADhB,YAAY"}
+{"version":3,"file":"formatAndTypeChoices.d.ts","sourceRoot":"","sources":["../src/formatAndTypeChoices.js"],"names":[],"mappings":"AAuDA;;;;;GAKG;AAEH;;GAEG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,sJA/BG;IAAuB,OAAO;IACyB,gBAAgB,aAAtD,MAAM,KAAK,OAAO,CAAC,WAAW,CAAC;IAE1B,QAAQ;IAGR,WAAW;IACX,UAAU;IAKX,aAAa;IAEb,cAAc;IACU,OAAO;IACT,KAAK;CAChD,GAAU,OAAO,CAAC;IACpB,aAAiB;;;;qDAmDC,OAAO,CAAC,IAAI,CAAC;gBAlBf;YACV,WAAe,CAAC,EAAE,OAAO,cAAc,EAAE,eAAe,CAAC;YACzD,WAAe,EAAE,OAAO,CAAC;YACzB,MAAU,CAAC,EAAE,MAAM,CAAA;SAChB,KAIS,OAAO,CAAC,IAAI,CAAC;;;iDAUb,OAAO,CAAC,IAAI,CAAC;MAnDE;IACjC,WAAe,iBAAc;IAC7B,QAAY,EAAE,CAAC,aAAa;;;;qDAiDV,OAAO,CAAC,IAAI,CAAC;gBAlBf;YACV,WAAe,CAAC,EAAE,OAAO,cAAc,EAAE,eAAe,CAAC;YACzD,WAAe,EAAE,OAAO,CAAC;YACzB,MAAU,CAAC,EAAE,MAAM,CAAA;SAChB,KAIS,OAAO,CAAC,IAAI,CAAC;;;iDAUb,OAAO,CAAC,IAAI,CAAC;KAjDY,EAAE,WAAW,gBAAa,CAAC,CAAC;IACvE,QAAY,EAAE,CAAC,QAAQ,EAAE,OAAO,YAAY,EAAE,WAAW,EACnD,WAAW,EAAE,MAAM,KAAK,OAAO,cAAc,EAAE,oBAAoB,CAAC;IAC1E,OAAW,EAAE,MAAM,MAAM,CAAC;IAC1B,cAAkB,EAAE,MAAM,OAAO,CAAC;IAClC,QAAY,EAAE,QAAQ,CAAC;IACvB,OAAW,EAAE,OAAO,cAAc,EAAE,OAAO,CAAC;IAC5C,KAAS,EAAE,OAAO,YAAY,EAAE,OAAO,CAAA;CACpC,CAAC,CA2OJ;AAtTM,oFAPJ;IAAuB,OAAO;IACT,cAAc;IACb,UAAU;CAGhC,GAAU,gBAAgB,CAiC5B;+BAIU,OAAO,cAAc,EAAE,oBAAoB,YAC3C,OAAO,YAAY,EAAE,WAAW,KAC9B,OAAO,CAAC,IAAI,CAAC;0BAIb,OAAO,qBAAqB,EAAE,WAAW;mCAvDzC,cAAc,GAAC,IAAI;oBALZ,cAAc;kBADhB,YAAY"}

package/dist/index.js

@@ -21822,7 +21822,11 @@ async function formatAndTypeChoices ({
       /**
        * Sets the desired format and rebuilds the type choices.
        * @callback SetFormat
-       * @param {string} valueFormat
+       * @param {{
+       *   valueFormat?: import('./formats.js').AvailableFormat,
+       *   autoTrigger: boolean,
+       *   schema?: string
+       * }} cfg
        * @this {HTMLSelectElement & {
        *   $buildTypeChoices: TypeChoiceBuilder
        * }}
@@ -21832,6 +21836,7 @@ async function formatAndTypeChoices ({
       /**
        * Rebuilds the type choices.
        * @callback TypeChoiceBuilder
+       * @param {boolean} [autoTrigger]
        * @this {HTMLSelectElement & {
        *   $buildTypeChoices: TypeChoiceBuilder
        * }}
@@ -21848,18 +21853,26 @@ async function formatAndTypeChoices ({
       /**
        * @type {SetFormat}
        */
-      async $setFormat (valueFormat) {
-        this.value = valueFormat;
-        await this.$buildTypeChoices();
+      async $setFormat ({valueFormat, autoTrigger, schema}) {
+        if (schema) {
+          const idx = [...this.options].findIndex((option) => {
+            return option.dataset.schema === schema;
+          });
+          this.selectedIndex = idx === -1 ? 0 : idx;
+        } else if (valueFormat) {
+          this.value = valueFormat;
+        }
+        await this.$buildTypeChoices(autoTrigger);
       },
 
       /**
        * @type {TypeChoiceBuilder}
        */
-      async $buildTypeChoices () {
+      async $buildTypeChoices (autoTrigger) {
         DOM.removeChildren(typesHolder);
         const {schema} = this.selectedOptions[0].dataset;
         jml({'#': buildTypeChoices({
+          autoTrigger,
           topRoot: /** @type {HTMLDivElement} */ (
             $e(typesHolder, 'div[data-type]')
           ),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@es-joy/jsoe",
-  "version": "0.17.0",
+  "version": "0.19.0",
   "type": "module",
   "types": "./dist/index.d.ts",
   "main": "./src/index.js",

package/src/formatAndTypeChoices.js

@@ -118,7 +118,11 @@ export async function formatAndTypeChoices ({
       /**
        * Sets the desired format and rebuilds the type choices.
        * @callback SetFormat
-       * @param {string} valueFormat
+       * @param {{
+       *   valueFormat?: import('./formats.js').AvailableFormat,
+       *   autoTrigger: boolean,
+       *   schema?: string
+       * }} cfg
        * @this {HTMLSelectElement & {
        *   $buildTypeChoices: TypeChoiceBuilder
        * }}
@@ -128,6 +132,7 @@ export async function formatAndTypeChoices ({
       /**
        * Rebuilds the type choices.
        * @callback TypeChoiceBuilder
+       * @param {boolean} [autoTrigger]
        * @this {HTMLSelectElement & {
        *   $buildTypeChoices: TypeChoiceBuilder
        * }}
@@ -144,18 +149,26 @@ export async function formatAndTypeChoices ({
       /**
        * @type {SetFormat}
        */
-      async $setFormat (valueFormat) {
-        this.value = valueFormat;
-        await this.$buildTypeChoices();
+      async $setFormat ({valueFormat, autoTrigger, schema}) {
+        if (schema) {
+          const idx = [...this.options].findIndex((option) => {
+            return option.dataset.schema === schema;
+          });
+          this.selectedIndex = idx === -1 ? 0 : idx;
+        } else if (valueFormat) {
+          this.value = valueFormat;
+        }
+        await this.$buildTypeChoices(autoTrigger);
       },
 
       /**
        * @type {TypeChoiceBuilder}
        */
-      async $buildTypeChoices () {
+      async $buildTypeChoices (autoTrigger) {
         DOM.removeChildren(typesHolder);
         const {schema} = this.selectedOptions[0].dataset;
         jml({'#': buildTypeChoices({
+          autoTrigger,
           topRoot: /** @type {HTMLDivElement} */ (
             $e(typesHolder, 'div[data-type]')
           ),