@zag-js/editable - npm Package Compare versions

Comparing version 1.41.1 to 2.0.0-next.0

dist/editable.connect.js

@@ -79,4 +79,3 @@ "use strict";
       return normalize.element({
-        ...import_editable.parts.root.attrs,
-        id: dom.getRootId(scope),
+        ...import_editable.parts.root.attrs(scope.id),
         dir: prop("dir")
@@ -87,4 +86,3 @@ });
       return normalize.element({
-        ...import_editable.parts.area.attrs,
-        id: dom.getAreaId(scope),
+        ...import_editable.parts.area.attrs(scope.id),
         dir: prop("dir"),
@@ -99,3 +97,3 @@ style: autoResize ? { display: "inline-grid" } : void 0,
       return normalize.label({
-        ...import_editable.parts.label.attrs,
+        ...import_editable.parts.label.attrs(scope.id),
         id: dom.getLabelId(scope),
@@ -116,3 +114,3 @@ dir: prop("dir"),
       return normalize.input({
-        ...import_editable.parts.input.attrs,
+        ...import_editable.parts.input.attrs(scope.id),
         dir: prop("dir"),
@@ -180,3 +178,3 @@ "aria-label": translations?.input,
         id: dom.getPreviewId(scope),
-        ...import_editable.parts.preview.attrs,
+        ...import_editable.parts.preview.attrs(scope.id),
         dir: prop("dir"),
@@ -223,3 +221,3 @@ "data-placeholder-shown": (0, import_dom_query.dataAttr)(empty),
       return normalize.button({
-        ...import_editable.parts.editTrigger.attrs,
+        ...import_editable.parts.editTrigger.attrs(scope.id),
         id: dom.getEditTriggerId(scope),
@@ -240,4 +238,3 @@ dir: prop("dir"),
       return normalize.element({
-        id: dom.getControlId(scope),
-        ...import_editable.parts.control.attrs,
+        ...import_editable.parts.control.attrs(scope.id),
         dir: prop("dir")
@@ -248,3 +245,3 @@ });
       return normalize.button({
-        ...import_editable.parts.submitTrigger.attrs,
+        ...import_editable.parts.submitTrigger.attrs(scope.id),
         dir: prop("dir"),
@@ -265,3 +262,3 @@ id: dom.getSubmitTriggerId(scope),
       return normalize.button({
-        ...import_editable.parts.cancelTrigger.attrs,
+        ...import_editable.parts.cancelTrigger.attrs(scope.id),
         dir: prop("dir"),
@@ -268,0 +265,0 @@ "aria-label": translations?.cancel,

dist/editable.connect.mjs

@@ -45,4 +45,3 @@ // src/editable.connect.ts
       return normalize.element({
-        ...parts.root.attrs,
-        id: dom.getRootId(scope),
+        ...parts.root.attrs(scope.id),
         dir: prop("dir")
@@ -53,4 +52,3 @@ });
       return normalize.element({
-        ...parts.area.attrs,
-        id: dom.getAreaId(scope),
+        ...parts.area.attrs(scope.id),
         dir: prop("dir"),
@@ -65,3 +63,3 @@ style: autoResize ? { display: "inline-grid" } : void 0,
       return normalize.label({
-        ...parts.label.attrs,
+        ...parts.label.attrs(scope.id),
         id: dom.getLabelId(scope),
@@ -82,3 +80,3 @@ dir: prop("dir"),
       return normalize.input({
-        ...parts.input.attrs,
+        ...parts.input.attrs(scope.id),
         dir: prop("dir"),
@@ -146,3 +144,3 @@ "aria-label": translations?.input,
         id: dom.getPreviewId(scope),
-        ...parts.preview.attrs,
+        ...parts.preview.attrs(scope.id),
         dir: prop("dir"),
@@ -189,3 +187,3 @@ "data-placeholder-shown": dataAttr(empty),
       return normalize.button({
-        ...parts.editTrigger.attrs,
+        ...parts.editTrigger.attrs(scope.id),
         id: dom.getEditTriggerId(scope),
@@ -206,4 +204,3 @@ dir: prop("dir"),
       return normalize.element({
-        id: dom.getControlId(scope),
-        ...parts.control.attrs,
+        ...parts.control.attrs(scope.id),
         dir: prop("dir")
@@ -214,3 +211,3 @@ });
       return normalize.button({
-        ...parts.submitTrigger.attrs,
+        ...parts.submitTrigger.attrs(scope.id),
         dir: prop("dir"),
@@ -231,3 +228,3 @@ id: dom.getSubmitTriggerId(scope),
       return normalize.button({
-        ...parts.cancelTrigger.attrs,
+        ...parts.cancelTrigger.attrs(scope.id),
         dir: prop("dir"),
@@ -234,0 +231,0 @@ "aria-label": translations?.cancel,

dist/editable.dom.js

@@ -39,16 +39,17 @@ "use strict";
 module.exports = __toCommonJS(editable_dom_exports);
-var getRootId = (ctx) => ctx.ids?.root ?? `editable:${ctx.id}`;
-var getAreaId = (ctx) => ctx.ids?.area ?? `editable:${ctx.id}:area`;
-var getLabelId = (ctx) => ctx.ids?.label ?? `editable:${ctx.id}:label`;
-var getPreviewId = (ctx) => ctx.ids?.preview ?? `editable:${ctx.id}:preview`;
-var getInputId = (ctx) => ctx.ids?.input ?? `editable:${ctx.id}:input`;
-var getControlId = (ctx) => ctx.ids?.control ?? `editable:${ctx.id}:control`;
-var getSubmitTriggerId = (ctx) => ctx.ids?.submitTrigger ?? `editable:${ctx.id}:submit`;
-var getCancelTriggerId = (ctx) => ctx.ids?.cancelTrigger ?? `editable:${ctx.id}:cancel`;
-var getEditTriggerId = (ctx) => ctx.ids?.editTrigger ?? `editable:${ctx.id}:edit`;
-var getInputEl = (ctx) => ctx.getById(getInputId(ctx));
-var getPreviewEl = (ctx) => ctx.getById(getPreviewId(ctx));
-var getSubmitTriggerEl = (ctx) => ctx.getById(getSubmitTriggerId(ctx));
-var getCancelTriggerEl = (ctx) => ctx.getById(getCancelTriggerId(ctx));
-var getEditTriggerEl = (ctx) => ctx.getById(getEditTriggerId(ctx));
+var import_editable = require("./editable.anatomy.js");
+var getRootId = (ctx) => ctx.ids?.root ?? `${ctx.id}`;
+var getAreaId = (ctx) => ctx.ids?.area ?? `${ctx.id}:area`;
+var getLabelId = (ctx) => ctx.ids?.label ?? `${ctx.id}:label`;
+var getPreviewId = (ctx) => ctx.ids?.preview ?? `${ctx.id}:preview`;
+var getInputId = (ctx) => ctx.ids?.input ?? `${ctx.id}:input`;
+var getControlId = (ctx) => ctx.ids?.control ?? `${ctx.id}:control`;
+var getSubmitTriggerId = (ctx) => ctx.ids?.submitTrigger ?? `${ctx.id}:submit`;
+var getCancelTriggerId = (ctx) => ctx.ids?.cancelTrigger ?? `${ctx.id}:cancel`;
+var getEditTriggerId = (ctx) => ctx.ids?.editTrigger ?? `${ctx.id}:edit`;
+var getInputEl = (ctx) => ctx.query(ctx.selector(import_editable.parts.input));
+var getPreviewEl = (ctx) => ctx.query(ctx.selector(import_editable.parts.preview));
+var getSubmitTriggerEl = (ctx) => ctx.query(ctx.selector(import_editable.parts.submitTrigger));
+var getCancelTriggerEl = (ctx) => ctx.query(ctx.selector(import_editable.parts.cancelTrigger));
+var getEditTriggerEl = (ctx) => ctx.query(ctx.selector(import_editable.parts.editTrigger));
 // Annotate the CommonJS export names for ESM import in node:
@@ -55,0 +56,0 @@ 0 && (module.exports = {

dist/editable.dom.mjs

 // src/editable.dom.ts
-var getRootId = (ctx) => ctx.ids?.root ?? `editable:${ctx.id}`;
-var getAreaId = (ctx) => ctx.ids?.area ?? `editable:${ctx.id}:area`;
-var getLabelId = (ctx) => ctx.ids?.label ?? `editable:${ctx.id}:label`;
-var getPreviewId = (ctx) => ctx.ids?.preview ?? `editable:${ctx.id}:preview`;
-var getInputId = (ctx) => ctx.ids?.input ?? `editable:${ctx.id}:input`;
-var getControlId = (ctx) => ctx.ids?.control ?? `editable:${ctx.id}:control`;
-var getSubmitTriggerId = (ctx) => ctx.ids?.submitTrigger ?? `editable:${ctx.id}:submit`;
-var getCancelTriggerId = (ctx) => ctx.ids?.cancelTrigger ?? `editable:${ctx.id}:cancel`;
-var getEditTriggerId = (ctx) => ctx.ids?.editTrigger ?? `editable:${ctx.id}:edit`;
-var getInputEl = (ctx) => ctx.getById(getInputId(ctx));
-var getPreviewEl = (ctx) => ctx.getById(getPreviewId(ctx));
-var getSubmitTriggerEl = (ctx) => ctx.getById(getSubmitTriggerId(ctx));
-var getCancelTriggerEl = (ctx) => ctx.getById(getCancelTriggerId(ctx));
-var getEditTriggerEl = (ctx) => ctx.getById(getEditTriggerId(ctx));
+import { parts } from "./editable.anatomy.mjs";
+var getRootId = (ctx) => ctx.ids?.root ?? `${ctx.id}`;
+var getAreaId = (ctx) => ctx.ids?.area ?? `${ctx.id}:area`;
+var getLabelId = (ctx) => ctx.ids?.label ?? `${ctx.id}:label`;
+var getPreviewId = (ctx) => ctx.ids?.preview ?? `${ctx.id}:preview`;
+var getInputId = (ctx) => ctx.ids?.input ?? `${ctx.id}:input`;
+var getControlId = (ctx) => ctx.ids?.control ?? `${ctx.id}:control`;
+var getSubmitTriggerId = (ctx) => ctx.ids?.submitTrigger ?? `${ctx.id}:submit`;
+var getCancelTriggerId = (ctx) => ctx.ids?.cancelTrigger ?? `${ctx.id}:cancel`;
+var getEditTriggerId = (ctx) => ctx.ids?.editTrigger ?? `${ctx.id}:edit`;
+var getInputEl = (ctx) => ctx.query(ctx.selector(parts.input));
+var getPreviewEl = (ctx) => ctx.query(ctx.selector(parts.preview));
+var getSubmitTriggerEl = (ctx) => ctx.query(ctx.selector(parts.submitTrigger));
+var getCancelTriggerEl = (ctx) => ctx.query(ctx.selector(parts.cancelTrigger));
+var getEditTriggerEl = (ctx) => ctx.query(ctx.selector(parts.editTrigger));
 export {
@@ -17,0 +18,0 @@ getAreaId,

package.json

 {
   "name": "@zag-js/editable",
-  "version": "1.41.1",
+  "version": "2.0.0-next.0",
   "description": "Core logic for the editable widget implemented as a state machine",
@@ -29,8 +29,8 @@ "keywords": [
   "dependencies": {
-    "@zag-js/anatomy": "1.41.1",
-    "@zag-js/core": "1.41.1",
-    "@zag-js/interact-outside": "1.41.1",
-    "@zag-js/utils": "1.41.1",
-    "@zag-js/dom-query": "1.41.1",
-    "@zag-js/types": "1.41.1"
+    "@zag-js/anatomy": "2.0.0-next.0",
+    "@zag-js/core": "2.0.0-next.0",
+    "@zag-js/interact-outside": "2.0.0-next.0",
+    "@zag-js/utils": "2.0.0-next.0",
+    "@zag-js/dom-query": "2.0.0-next.0",
+    "@zag-js/types": "2.0.0-next.0"
   },
@@ -37,0 +37,0 @@ "devDependencies": {

New alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

65530

0.17%

Worsened metrics

Lines of code

1583

-0.25%

Number of low quality alerts

1

Infinity%

Dependency changes

• + Added

  @zag-js/anatomy@2.0.0-next.0
  (transitive)

• + Added

  @zag-js/core@2.0.0-next.0
  (transitive)

• + Added

  @zag-js/dom-query@2.0.0-next.0
  (transitive)

• + Added

  @zag-js/interact-outside@2.0.0-next.0
  (transitive)

• + Added

  @zag-js/types@2.0.0-next.0
  (transitive)

• + Added

  @zag-js/utils@2.0.0-next.0
  (transitive)

• - Removed

  @zag-js/anatomy@1.41.1
  (transitive)

• - Removed

  @zag-js/core@1.41.1
  (transitive)

• - Removed

  @zag-js/dom-query@1.41.1
  (transitive)

• - Removed

  @zag-js/interact-outside@1.41.1
  (transitive)

• - Removed

  @zag-js/types@1.41.1
  (transitive)

• - Removed

  @zag-js/utils@1.41.1
  (transitive)

• Updated

  @zag-js/anatomy@2.0.0-next.0

• Updated

  @zag-js/core@2.0.0-next.0

• Updated

  @zag-js/dom-query@2.0.0-next.0

• Updated

  @zag-js/interact-outside@2.0.0-next.0

• Updated

  @zag-js/types@2.0.0-next.0

• Updated

  @zag-js/utils@2.0.0-next.0