@zag-js/editable - npm Package Compare versions

Comparing version 0.0.0-dev-20220407084218 to 0.0.0-dev-20220408111010

dist/index.js

@@ -1,2 +0,2 @@
-var L=Object.defineProperty;var M=Object.getOwnPropertyDescriptor;var B=Object.getOwnPropertyNames;var A=Object.prototype.hasOwnProperty;var D=e=>L(e,"__esModule",{value:!0});var V=(e,t)=>{for(var n in t)L(e,n,{get:t[n],enumerable:!0})},O=(e,t,n,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of B(t))!A.call(e,r)&&(n||r!=="default")&&L(e,r,{get:()=>t[r],enumerable:!(i=M(t,r))||i.enumerable});return e};var R=(e=>(t,n)=>e&&e.get(t)||(n=O(D({}),t,1),e&&e.set(t,n),n))(typeof WeakMap!="undefined"?new WeakMap:0);var _={};V(_,{connect:()=>I,machine:()=>S});var c=e=>e?"":void 0,y=e=>e?!0:void 0;function k(e){let t=new Set;function n(i){let r=globalThis.requestAnimationFrame(i);t.add(()=>globalThis.cancelAnimationFrame(r))}return n(()=>n(e)),function(){t.forEach(function(i){i()})}}var H=()=>{};var K=(()=>{let e=0;return()=>(e++,e.toString(36))})();var b=new Map,m=new Map;function F(e,t,n,i){var r;if(!e)return H;let a=JSON.stringify({type:t,options:i}),f=b.get(e);if(b.has(e))(f==null?void 0:f.has(a))?(r=f==null?void 0:f.get(a))==null||r.add(n):f==null||f.set(a,new Set([n]));else{let d=new Map([[a,new Set([n])]]);b.set(e,d)}function g(d){var s,p;function u(l){var v;let w=b.get(d);(v=w==null?void 0:w.get(a))==null||v.forEach(E=>E(l))}if(!(m==null?void 0:m.has(d))){m.set(d,new Map([[a,u]])),d.addEventListener(t,u,i);return}((s=m==null?void 0:m.get(d))==null?void 0:s.has(a))||((p=m.get(d))==null||p.set(a,u),d.addEventListener(t,u,i))}return g(e),function(){var d,s,p,u;if(!b.has(e))return;let l=b.get(e);if((d=l==null?void 0:l.get(a))==null||d.delete(n),((s=l==null?void 0:l.get(a))==null?void 0:s.size)===0){let v=(p=m.get(e))==null?void 0:p.get(a);e.removeEventListener(t,v,i),l==null||l.delete(a),(u=m.get(e))==null||u.delete(a),(l==null?void 0:l.size)===0&&(b.delete(e),m.delete(e))}}}var x=e=>Object.prototype.toString.call(e).slice(8,-1),N=e=>x(e)==="Object"&&"current"in e,U=e=>x(e)==="Function"?e():e;function q(e,t,n,i){let r=N(e)?e.current:U(e);return F(r,t,n,i)}function T(e,t){var n;let i=Array.isArray(t.exclude)?t.exclude:[t.exclude],r=(n=e.relatedTarget)!=null?n:t.fallback;return i.every(a=>!(a==null?void 0:a.contains(r)))}var j=["input:not([disabled]):not([type=hidden])","select:not([disabled])","textarea:not([disabled])","button:not([disabled])","embed","iframe","object","a[href]","area[href]","[tabindex]","audio[controls]","video[controls]","*[tabindex]:not([aria-disabled])","[contenteditable]:not([contenteditable=false])","details > summary:first-of-type"].join(",");function P(e,t){var n;let i=(n=e.defaultView)!=null?n:window;return q(e,"pointerdown",r=>{r.target instanceof i.HTMLElement&&t(r.target)})}function z(e){return{button:e,label:e,input:e,output:e,element:e}}var C=z(e=>e);var o={getDoc:e=>{var t;return(t=e.doc)!=null?t:document},getRootId:e=>`editable-${e.uid}`,getAreaId:e=>`editable-${e.uid}-area`,getLabelId:e=>`editable-${e.uid}-label`,getPreviewId:e=>`editable-${e.uid}-preview`,getInputId:e=>`editable-${e.uid}-input`,getControlGroupId:e=>`editable-${e.uid}-controls`,getSubmitBtnId:e=>`editable-${e.uid}-submit-btn`,getCancelBtnId:e=>`editable-${e.uid}-cancel-btn`,getEditBtnId:e=>`editable-${e.uid}-edit-btn`,getInputEl:e=>o.getDoc(e).getElementById(o.getInputId(e)),getPreviewEl:e=>o.getDoc(e).getElementById(o.getPreviewId(e)),getSubmitBtnEl:e=>o.getDoc(e).getElementById(o.getSubmitBtnId(e)),getCancelBtnEl:e=>o.getDoc(e).getElementById(o.getCancelBtnId(e)),getEditBtnEl:e=>o.getDoc(e).getElementById(o.getEditBtnId(e))};function I(e,t,n=C){let i=e.context.disabled,r=e.context.isInteractive,a=e.context.readonly,f=e.context.isValueEmpty,g=e.context.invalid,d=e.context.pointerdownNode,s=e.context.autoResize,p=e.context.messages,u=e.matches("edit");return{isEditing:u,isValueEmpty:f,value:e.context.value,setValue(l){t({type:"SET_VALUE",value:l})},clearValue(){t({type:"SET_VALUE",value:""})},edit(){!r||t("EDIT")},cancel(){!r||t("CANCEL")},submit(){!r||t("SUBMIT")},rootProps:n.element({"data-part":"root",id:o.getRootId(e.context)}),areaProps:n.element({"data-part":"area",id:o.getAreaId(e.context),style:s?{display:"inline-grid"}:void 0,"data-focus":c(u),"data-disabled":c(i),"data-placeholder-shown":c(f)}),labelProps:n.label({"data-part":"label",id:o.getLabelId(e.context),htmlFor:o.getInputId(e.context),"data-focus":c(u),"data-invalid":c(g),onPointerDown(l){var v;u||(l.preventDefault(),(v=o.getPreviewEl(e.context))==null||v.focus())}}),inputProps:n.input({"data-part":"input","aria-label":p.input,name:e.context.name,id:o.getInputId(e.context),hidden:s?void 0:!u,placeholder:e.context.placeholder,disabled:i,"data-disabled":c(i),readOnly:a,"data-readonly":c(a),"aria-invalid":y(g),"data-invalid":c(g),value:e.context.value,size:s?1:void 0,onBlur(l){T(l,{exclude:[o.getCancelBtnEl(e.context),o.getSubmitBtnEl(e.context)],fallback:d})&&t("BLUR")},onChange(l){t({type:"TYPE",value:l.currentTarget.value})},onKeyDown(l){let w={Escape(){t("CANCEL")},Enter(E){!E.shiftKey&&!E.metaKey&&t("ENTER")}}[l.key];w&&(l.preventDefault(),w(l))},style:s?{all:"unset",gridArea:"1 / 1 / auto / auto",visibility:u?void 0:"hidden"}:void 0}),previewProps:n.element({id:o.getPreviewId(e.context),"data-part":"preview","data-placeholder-shown":c(f),"aria-readonly":y(a),"data-readonly":c(i),"data-disabled":c(i),"aria-disabled":y(i),"aria-invalid":y(g),"data-invalid":c(g),children:f?e.context.placeholder:e.context.value,hidden:s?void 0:u,tabIndex:r&&e.context.isPreviewFocusable?0:void 0,onFocus(){!r||t("FOCUS")},onDoubleClick(){!r||t("DBLCLICK")},style:s?{whiteSpace:"pre",userSelect:"none",gridArea:"1 / 1 / auto / auto",visibility:u?"hidden":void 0,overflow:"hidden",textOverflow:"ellipsis"}:void 0}),editButtonProps:n.button({"data-part":"edit-button",id:o.getEditBtnId(e.context),"aria-label":p.edit,type:"button",disabled:i,onClick(){!r||t("EDIT")}}),controlGroupProps:n.element({id:o.getControlGroupId(e.context),"data-part":"control-group"}),submitButtonProps:n.button({"data-part":"submit-button",id:o.getSubmitBtnId(e.context),"aria-label":p.submit,disabled:i,type:"button",onClick(){!r||t("SUBMIT")}}),cancelButtonProps:n.button({"data-part":"cancel-button","aria-label":p.cancel,id:o.getCancelBtnId(e.context),type:"button",disabled:i,onClick(){!r||t("CANCEL")}})}}var h=require("@zag-js/core");var{not:W}=h.guards,S=(0,h.createMachine)({id:"editable-machine",initial:"unknown",context:{startWithEditView:!1,activationMode:"focus",submitMode:"both",uid:"",value:"",previousValue:"",selectOnFocus:!0,messages:{input:"editable input",edit:"edit",submit:"submit",cancel:"cancel"}},computed:{submitOnEnter:e=>["both","enter"].includes(e.submitMode),submitOnBlur:e=>["both","blur"].includes(e.submitMode),isInteractive:e=>!(e.disabled||e.readonly),isValueEmpty:e=>e.value==="",isPreviewFocusable:e=>e.activationMode==="focus"},on:{SET_VALUE:{actions:["setValue","invokeOnChange"]}},states:{unknown:{on:{SETUP:[{guard:"startWithEditView",target:"edit",actions:"setupDocument"},{target:"preview",actions:"setupDocument"}]}},preview:{entry:"clearPointerdownNode",on:{EDIT:"edit",DBLCLICK:{guard:"activateOnDblClick",target:"edit"},FOCUS:{guard:"activateOnFocus",target:"edit",actions:["setPreviousValue"]}}},edit:{activities:"trackPointerDown",entry:["focusInput","invokeOnEdit"],on:{TYPE:{guard:W("isAtMaxLength"),actions:["setValue","invokeOnChange"]},BLUR:[{guard:"submitOnBlur",target:"preview",actions:["focusEditButton","invokeOnSubmit"]},{target:"preview",actions:["revertValue","focusEditButton"]}],CANCEL:{target:"preview",actions:["focusEditButton","revertValue","invokeOnCancel"]},ENTER:{guard:"submitOnEnter",target:"preview",actions:["setPreviousValue","invokeOnSubmit","focusEditButton"]},SUBMIT:{target:"preview",actions:["setPreviousValue","invokeOnSubmit","focusEditButton"]}}}}},{guards:{submitOnBlur:e=>e.submitOnBlur,submitOnEnter:e=>e.submitOnEnter,isAtMaxLength:e=>e.maxLength!=null&&e.value.length===e.maxLength,activateOnDblClick:e=>e.activationMode==="dblclick",activateOnFocus:e=>e.activationMode==="focus",startWithEditView:e=>e.startWithEditView},activities:{trackPointerDown(e){return P(o.getDoc(e),t=>{e.pointerdownNode=(0,h.ref)(t)})}},actions:{setupDocument(e,t){t.doc&&(e.doc=(0,h.ref)(t.doc)),e.uid=t.id},focusEditButton(e){k(()=>{var t;(t=o.getEditBtnEl(e))==null||t.focus()})},focusInput(e){k(()=>{let t=o.getInputEl(e);!t||(e.selectOnFocus?t.select():t.focus())})},invokeOnCancel(e){var t;(t=e.onCancel)==null||t.call(e,e.previousValue)},invokeOnSubmit(e){var t;(t=e.onSubmit)==null||t.call(e,e.value)},invokeOnEdit(e){var t;(t=e.onEdit)==null||t.call(e)},invokeOnChange(e){var t;(t=e.onChange)==null||t.call(e,e.value)},setValue(e,t){e.value=t.value},setPreviousValue(e){e.previousValue=e.value},revertValue(e){e.value=e.previousValue},clearPointerdownNode(e){e.pointerdownNode=null}}});module.exports=R(_);
+var k=Object.defineProperty;var M=Object.getOwnPropertyDescriptor;var B=Object.getOwnPropertyNames;var A=Object.prototype.hasOwnProperty;var D=e=>k(e,"__esModule",{value:!0});var V=(e,t)=>{for(var n in t)k(e,n,{get:t[n],enumerable:!0})},O=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of B(t))!A.call(e,i)&&(n||i!=="default")&&k(e,i,{get:()=>t[i],enumerable:!(r=M(t,i))||r.enumerable});return e};var H=(e=>(t,n)=>e&&e.get(t)||(n=O(D({}),t,1),e&&e.set(t,n),n))(typeof WeakMap!="undefined"?new WeakMap:0);var z={};V(z,{connect:()=>I,machine:()=>S});var s=e=>e?"":void 0,w=e=>e?!0:void 0;function L(e){let t=new Set;function n(r){let i=globalThis.requestAnimationFrame(r);t.add(()=>globalThis.cancelAnimationFrame(i))}return n(()=>n(e)),function(){t.forEach(function(r){r()})}}var F=()=>{};var j=(()=>{let e=0;return()=>(e++,e.toString(36))})();var b=new Map,m=new Map;function R(e,t,n,r){var i;if(!e)return F;let a=JSON.stringify({type:t,options:r}),f=b.get(e);if(b.has(e))(f==null?void 0:f.has(a))?(i=f==null?void 0:f.get(a))==null||i.add(n):f==null||f.set(a,new Set([n]));else{let c=new Map([[a,new Set([n])]]);b.set(e,c)}function g(c){var d,p;function u(l){var v;let y=b.get(c);(v=y==null?void 0:y.get(a))==null||v.forEach(E=>E(l))}if(!(m==null?void 0:m.has(c))){m.set(c,new Map([[a,u]])),c.addEventListener(t,u,r);return}((d=m==null?void 0:m.get(c))==null?void 0:d.has(a))||((p=m.get(c))==null||p.set(a,u),c.addEventListener(t,u,r))}return g(e),function(){var c,d,p,u;if(!b.has(e))return;let l=b.get(e);if((c=l==null?void 0:l.get(a))==null||c.delete(n),((d=l==null?void 0:l.get(a))==null?void 0:d.size)===0){let v=(p=m.get(e))==null?void 0:p.get(a);e.removeEventListener(t,v,r),l==null||l.delete(a),(u=m.get(e))==null||u.delete(a),(l==null?void 0:l.size)===0&&(b.delete(e),m.delete(e))}}}var T=e=>Object.prototype.toString.call(e).slice(8,-1),N=e=>T(e)==="Object"&&"current"in e,U=e=>T(e)==="Function"?e():e;function q(e,t,n,r){let i=N(e)?e.current:U(e);return R(i,t,n,r)}function x(e,t){var n;let r=Array.isArray(t.exclude)?t.exclude:[t.exclude],i=(n=e.relatedTarget)!=null?n:t.fallback;return r.every(a=>!(a==null?void 0:a.contains(i)))}var K=["input:not([disabled]):not([type=hidden])","select:not([disabled])","textarea:not([disabled])","button:not([disabled])","embed","iframe","object","a[href]","area[href]","[tabindex]","audio[controls]","video[controls]","*[tabindex]:not([aria-disabled])","[contenteditable]:not([contenteditable=false])","details > summary:first-of-type"].join(",");function P(e,t){var n;let r=(n=e.defaultView)!=null?n:window;return q(e,"pointerdown",i=>{i.target instanceof r.HTMLElement&&t(i.target)})}function W(e){return{button:e,label:e,input:e,output:e,element:e}}var C=W(e=>e);var o={getDoc:e=>{var t;return(t=e.doc)!=null?t:document},getRootId:e=>`editable-${e.uid}`,getAreaId:e=>`editable-${e.uid}-area`,getLabelId:e=>`editable-${e.uid}-label`,getPreviewId:e=>`editable-${e.uid}-preview`,getInputId:e=>`editable-${e.uid}-input`,getControlGroupId:e=>`editable-${e.uid}-controls`,getSubmitBtnId:e=>`editable-${e.uid}-submit-btn`,getCancelBtnId:e=>`editable-${e.uid}-cancel-btn`,getEditBtnId:e=>`editable-${e.uid}-edit-btn`,getInputEl:e=>o.getDoc(e).getElementById(o.getInputId(e)),getPreviewEl:e=>o.getDoc(e).getElementById(o.getPreviewId(e)),getSubmitBtnEl:e=>o.getDoc(e).getElementById(o.getSubmitBtnId(e)),getCancelBtnEl:e=>o.getDoc(e).getElementById(o.getCancelBtnId(e)),getEditBtnEl:e=>o.getDoc(e).getElementById(o.getEditBtnId(e))};function I(e,t,n=C){let r=e.context.disabled,i=e.context.isInteractive,a=e.context.readonly,f=e.context.isValueEmpty,g=e.context.invalid,c=e.context.pointerdownNode,d=e.context.autoResize,p=e.context.messages,u=e.matches("edit");return{isEditing:u,isValueEmpty:f,value:e.context.value,setValue(l){t({type:"SET_VALUE",value:l})},clearValue(){t({type:"SET_VALUE",value:""})},edit(){!i||t("EDIT")},cancel(){!i||t("CANCEL")},submit(){!i||t("SUBMIT")},rootProps:n.element({"data-part":"root",id:o.getRootId(e.context)}),areaProps:n.element({"data-part":"area",id:o.getAreaId(e.context),style:d?{display:"inline-grid"}:void 0,"data-focus":s(u),"data-disabled":s(r),"data-placeholder-shown":s(f)}),labelProps:n.label({"data-part":"label",id:o.getLabelId(e.context),htmlFor:o.getInputId(e.context),"data-focus":s(u),"data-invalid":s(g),onPointerDown(l){var v;u||(l.preventDefault(),(v=o.getPreviewEl(e.context))==null||v.focus())}}),inputProps:n.input({"data-part":"input","aria-label":p.input,name:e.context.name,id:o.getInputId(e.context),hidden:d?void 0:!u,placeholder:e.context.placeholder,disabled:r,"data-disabled":s(r),readOnly:a,"data-readonly":s(a),"aria-invalid":w(g),"data-invalid":s(g),value:e.context.value,size:d?1:void 0,onBlur(l){x(l,{exclude:[o.getCancelBtnEl(e.context),o.getSubmitBtnEl(e.context)],fallback:c})&&t("BLUR")},onChange(l){t({type:"TYPE",value:l.currentTarget.value})},onKeyDown(l){let y={Escape(){t("CANCEL")},Enter(E){!E.shiftKey&&!E.metaKey&&t("ENTER")}}[l.key];y&&(l.preventDefault(),y(l))},style:d?{all:"unset",gridArea:"1 / 1 / auto / auto",visibility:u?void 0:"hidden"}:void 0}),previewProps:n.element({id:o.getPreviewId(e.context),"data-part":"preview","data-placeholder-shown":s(f),"aria-readonly":w(a),"data-readonly":s(r),"data-disabled":s(r),"aria-disabled":w(r),"aria-invalid":w(g),"data-invalid":s(g),children:f?e.context.placeholder:e.context.value,hidden:d?void 0:u,tabIndex:i&&e.context.isPreviewFocusable?0:void 0,onFocus(){!i||t("FOCUS")},onDoubleClick(){!i||t("DBLCLICK")},style:d?{whiteSpace:"pre",userSelect:"none",gridArea:"1 / 1 / auto / auto",visibility:u?"hidden":void 0,overflow:"hidden",textOverflow:"ellipsis"}:void 0}),editButtonProps:n.button({"data-part":"edit-button",id:o.getEditBtnId(e.context),"aria-label":p.edit,type:"button",disabled:r,onClick(){!i||t("EDIT")}}),controlGroupProps:n.element({id:o.getControlGroupId(e.context),"data-part":"control-group"}),submitButtonProps:n.button({"data-part":"submit-button",id:o.getSubmitBtnId(e.context),"aria-label":p.submit,disabled:r,type:"button",onClick(){!i||t("SUBMIT")}}),cancelButtonProps:n.button({"data-part":"cancel-button","aria-label":p.cancel,id:o.getCancelBtnId(e.context),type:"button",disabled:r,onClick(){!i||t("CANCEL")}})}}var h=require("@zag-js/core");var{not:_}=h.guards,S=(0,h.createMachine)({id:"editable-machine",initial:"unknown",context:{startWithEditView:!1,activationMode:"focus",submitMode:"both",uid:"",value:"",previousValue:"",selectOnFocus:!0,messages:{input:"editable input",edit:"edit",submit:"submit",cancel:"cancel"}},computed:{submitOnEnter:e=>["both","enter"].includes(e.submitMode),submitOnBlur:e=>["both","blur"].includes(e.submitMode),isInteractive:e=>!(e.disabled||e.readonly),isValueEmpty:e=>e.value==="",isPreviewFocusable:e=>e.activationMode==="focus"},on:{SET_VALUE:{actions:["setValue","invokeOnChange"]}},states:{unknown:{on:{SETUP:[{guard:"startWithEditView",target:"edit",actions:"setupDocument"},{target:"preview",actions:"setupDocument"}]}},preview:{entry:"clearPointerdownNode",on:{EDIT:"edit",DBLCLICK:{guard:"activateOnDblClick",target:"edit"},FOCUS:{guard:"activateOnFocus",target:"edit",actions:["setPreviousValue"]}}},edit:{activities:"trackPointerDown",entry:["focusInput","invokeOnEdit"],on:{TYPE:{guard:_("isAtMaxLength"),actions:["setValue","invokeOnChange"]},BLUR:[{guard:"submitOnBlur",target:"preview",actions:["focusEditButton","invokeOnSubmit"]},{target:"preview",actions:["revertValue","focusEditButton"]}],CANCEL:{target:"preview",actions:["focusEditButton","revertValue","invokeOnCancel"]},ENTER:{guard:"submitOnEnter",target:"preview",actions:["setPreviousValue","invokeOnSubmit","focusEditButton"]},SUBMIT:{target:"preview",actions:["setPreviousValue","invokeOnSubmit","focusEditButton"]}}}}},{guards:{submitOnBlur:e=>e.submitOnBlur,submitOnEnter:e=>e.submitOnEnter,isAtMaxLength:e=>e.maxLength!=null&&e.value.length===e.maxLength,activateOnDblClick:e=>e.activationMode==="dblclick",activateOnFocus:e=>e.activationMode==="focus",startWithEditView:e=>e.startWithEditView},activities:{trackPointerDown(e){return P(o.getDoc(e),t=>{e.pointerdownNode=(0,h.ref)(t)})}},actions:{setupDocument(e,t){t.doc&&(e.doc=(0,h.ref)(t.doc)),e.uid=t.id},focusEditButton(e){L(()=>{var t;(t=o.getEditBtnEl(e))==null||t.focus()})},focusInput(e){L(()=>{let t=o.getInputEl(e);!t||(e.selectOnFocus?t.select():t.focus())})},invokeOnCancel(e){var t;(t=e.onCancel)==null||t.call(e,e.previousValue)},invokeOnSubmit(e){var t;(t=e.onSubmit)==null||t.call(e,e.value)},invokeOnEdit(e){var t;(t=e.onEdit)==null||t.call(e)},invokeOnChange(e){var t;(t=e.onChange)==null||t.call(e,e.value)},setValue(e,t){e.value=t.value},setPreviousValue(e){e.previousValue=e.value},revertValue(e){e.value=e.previousValue},clearPointerdownNode(e){e.pointerdownNode=null}}});module.exports=H(z);
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "@zag-js/editable",
-  "version": "0.0.0-dev-20220407084218",
+  "version": "0.0.0-dev-20220408111010",
   "description": "Core logic for the editable widget implemented as a state machine",
@@ -32,6 +32,6 @@ "keywords": [
   "dependencies": {
-    "@zag-js/core": "^0.0.0-dev-20220407084218",
-    "@zag-js/dom-utils": "^0.0.0-dev-20220407084218",
-    "@zag-js/types": "^0.0.0-dev-20220407084218"
+    "@zag-js/core": "^0.0.0-dev-20220408111010",
+    "@zag-js/dom-utils": "^0.0.0-dev-20220408111010",
+    "@zag-js/types": "^0.0.0-dev-20220408111010"
   }
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

168291

increased by1.35%

Dependency changes

• Updated@zag-js/core@^0.0.0-dev-20220408111010

• Updated@zag-js/dom-utils@^0.0.0-dev-20220408111010

• Updated@zag-js/types@^0.0.0-dev-20220408111010