@tatamicks/text 0.1.3 → 0.1.4

package/dist/index.js

@@ -19,5 +19,5 @@
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`,i,l,w,l),Q[l+i]=!0)}if(l=null,o!==void 0&&(h(o),l=""+o),g(n)&&(h(n.key),l=""+n.key),"key"in n){o={};for(var J in n)J!=="key"&&(o[J]=n[J])}else o=n;return l&&x(o,typeof e=="function"?e.displayName||e.name||"Unknown":e),$(e,l,o,u(),L,q)}function R(e){A(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===p&&(e._payload.status==="fulfilled"?A(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function A(e){return typeof e=="object"&&e!==null&&e.$$typeof===O}var E=f,O=Symbol.for("react.transitional.element"),v=Symbol.for("react.portal"),j=Symbol.for("react.fragment"),z=Symbol.for("react.strict_mode"),Y=Symbol.for("react.profiler"),y=Symbol.for("react.consumer"),H=Symbol.for("react.context"),M=Symbol.for("react.forward_ref"),r=Symbol.for("react.suspense"),c=Symbol.for("react.suspense_list"),_=Symbol.for("react.memo"),p=Symbol.for("react.lazy"),b=Symbol.for("react.activity"),V=Symbol.for("react.client.reference"),N=E.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,S=Object.prototype.hasOwnProperty,U=Array.isArray,k=console.createTask?console.createTask:function(){return null};E={react_stack_bottom_frame:function(e){return e()}};var T,G={},X=E.react_stack_bottom_frame.bind(E,d)(),Z=k(m(d)),Q={};I.Fragment=j,I.jsx=function(e,n,o){var i=1e4>N.recentlyCreatedOwnerStacks++;return P(e,n,o,!1,i?Error("react-stack-top-frame"):X,i?k(m(e)):Z)},I.jsxs=function(e,n,o){var i=1e4>N.recentlyCreatedOwnerStacks++;return P(e,n,o,!0,i?Error("react-stack-top-frame"):X,i?k(m(e)):Z)}})()),I}var te;function ie(){return te||(te=1,process.env.NODE_ENV==="production"?W.exports=oe():W.exports=ae()),W.exports}var F=ie();const le="_ghost_1acb7_15",se={ghost:le},B=f.forwardRef(({props:t,value:s,onChange:h,onBlur:m,readOnly:u},d)=>{const g=f.useRef(null),x=f.useRef(null),D=f.useRef(null),$=f.useRef(null),[P,R]=f.useState({top:0,bottom:0}),[A,E]=f.useState(null);f.useEffect(()=>{if(!t.multiline)return;const r=$.current,c=D.current;if(!r||!c)return;r.value=s??"";const _=window.getComputedStyle(c),p=Number.parseFloat(_.paddingTop),b=Number.parseFloat(_.paddingBottom),V=Number.parseFloat(_.paddingLeft),N=Number.parseFloat(_.paddingRight),S=c.clientHeight-p-b,U=c.clientWidth-V-N;r.style.width=`${U}px`,r.style.paddingTop="0px",r.style.paddingBottom="0px";const k=r.scrollHeight;if(E(S),k<S){const T=S-k;switch(t.alignItems){case a.VerticalAlign.top:R({top:0,bottom:T});break;case a.VerticalAlign.bottom:R({top:T,bottom:0});break;default:R({top:T/2,bottom:T/2});break}}else R({top:0,bottom:0})},[t,s]),f.useImperativeHandle(d,()=>({focus:()=>{var r;(r=g.current)==null||r.focus()}}),[]);const O=f.useMemo(()=>{const r={width:"100%",height:"100%",display:"flex",boxSizing:"border-box",overflow:"hidden"};switch(t.justifyContent){case a.HorizontalAlign.center:r.justifyContent="center";break;case a.HorizontalAlign.right:r.justifyContent="flex-end";break;default:r.justifyContent="flex-start";break}switch(t.alignItems){case a.VerticalAlign.top:r.alignItems="flex-start";break;case a.VerticalAlign.bottom:r.alignItems="flex-end";break;default:r.alignItems="center";break}if(t.isIndividual)t.top&&(r.paddingTop=a.toPx.fromDim(t.top)),t.right&&(r.paddingRight=a.toPx.fromDim(t.right)),t.bottom&&(r.paddingBottom=a.toPx.fromDim(t.bottom)),t.left&&(r.paddingLeft=a.toPx.fromDim(t.left));else if(t.all){const c=a.toPx.fromDim(t.all);r.padding=`${c}px`}return r},[t]),v=f.useMemo(()=>{const r={background:"transparent",border:"none",outline:"none",resize:"none",padding:0,margin:0,width:"100%",boxSizing:"border-box",fontFamily:"inherit",color:"inherit"};t.fontSize&&(r.fontSize=`${a.toPx.fromDim(t.fontSize)}px`),t.fontFamily&&(r.fontFamily=t.fontFamily),t.color&&(r.color=t.color),r.fontWeight=t.fontWeight?"bold":"normal",r.fontStyle=t.italic?"italic":"normal";const c=[];switch(t.underline&&c.push("underline"),t.lineThrough&&c.push("line-through"),r.textDecoration=c.length>0?c.join(" "):"none",t.lineHeight&&(r.lineHeight=t.lineHeight),t.justifyContent){case a.HorizontalAlign.center:r.textAlign="center";break;case a.HorizontalAlign.right:r.textAlign="right";break;default:r.textAlign="left";break}return r},[t]),j=f.useMemo(()=>({...v,position:"absolute",top:0,left:0,width:"100%",height:"auto",visibility:"hidden",pointerEvents:"none",overflow:"hidden",whiteSpace:"pre-wrap",wordWrap:"break-word",overflowWrap:"break-word",padding:0,border:"none",boxSizing:"border-box",resize:"none"}),[v]),z=r=>{h(r.target.value)},Y=()=>{m==null||m(s)},y=!u;if(t.multiline){const r={...v,resize:"none",overflow:"auto",height:A!==null?`${A}px`:"100%",paddingTop:`${P.top}px`,paddingBottom:`${P.bottom}px`},p={ref:b=>{x.current=b,g.current=b},value:s??"",onChange:b=>{z(b)},onBlur:Y,style:r,placeholder:t.placeholder,readOnly:!y,tabIndex:y?0:-1};return F.jsxs("div",{ref:D,style:O,children:[F.jsx("textarea",{ref:$,className:se.ghost,style:j,"aria-hidden":"true",readOnly:!0,tabIndex:-1,rows:1,value:s??""}),F.jsx("textarea",{...p})]})}const H={...v,height:"100%"},M={ref:g,value:s??"",onChange:z,onBlur:Y,style:H,placeholder:t.placeholder,readOnly:!y,tabIndex:y?0:-1};return F.jsx("div",{style:O,children:F.jsx("input",{type:"text",...M})})});B.displayName="TextRenderer";function re(t=a.DEFAULT_FONT_FAMILY){return{kind:"text",meta:{displayName:"テキスト",description:"リッチなテキスト編集ブロック",defaultSize:{w:4,h:2}},Renderer:B,properties:{...a.universalProperties,...a.placeholderDefinition,...a.fontStyleDefinition,...a.multilineDefinition,...a.validationDefinition,fontFamily:{defaultValue:"sans-serif",label:"フォント",group:"フォント",Component:a.Select,config:{placeholder:"フォントを選択",options:t}}},validateProps:s=>s,validateValue:s=>typeof s=="string"?s:typeof s=="number"?String(s):null}}const ce=re();exports.TextPlugin=ce;exports.TextRenderer=B;exports.createTextPlugin=re;
+  <%s key={someKey} {...props} />`,i,l,w,l),Q[l+i]=!0)}if(l=null,o!==void 0&&(h(o),l=""+o),g(n)&&(h(n.key),l=""+n.key),"key"in n){o={};for(var J in n)J!=="key"&&(o[J]=n[J])}else o=n;return l&&x(o,typeof e=="function"?e.displayName||e.name||"Unknown":e),$(e,l,o,u(),L,q)}function R(e){A(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===p&&(e._payload.status==="fulfilled"?A(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function A(e){return typeof e=="object"&&e!==null&&e.$$typeof===O}var E=f,O=Symbol.for("react.transitional.element"),v=Symbol.for("react.portal"),j=Symbol.for("react.fragment"),z=Symbol.for("react.strict_mode"),Y=Symbol.for("react.profiler"),y=Symbol.for("react.consumer"),H=Symbol.for("react.context"),M=Symbol.for("react.forward_ref"),r=Symbol.for("react.suspense"),c=Symbol.for("react.suspense_list"),_=Symbol.for("react.memo"),p=Symbol.for("react.lazy"),b=Symbol.for("react.activity"),V=Symbol.for("react.client.reference"),N=E.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,S=Object.prototype.hasOwnProperty,U=Array.isArray,k=console.createTask?console.createTask:function(){return null};E={react_stack_bottom_frame:function(e){return e()}};var T,G={},X=E.react_stack_bottom_frame.bind(E,d)(),Z=k(m(d)),Q={};I.Fragment=j,I.jsx=function(e,n,o){var i=1e4>N.recentlyCreatedOwnerStacks++;return P(e,n,o,!1,i?Error("react-stack-top-frame"):X,i?k(m(e)):Z)},I.jsxs=function(e,n,o){var i=1e4>N.recentlyCreatedOwnerStacks++;return P(e,n,o,!0,i?Error("react-stack-top-frame"):X,i?k(m(e)):Z)}})()),I}var te;function ie(){return te||(te=1,process.env.NODE_ENV==="production"?W.exports=oe():W.exports=ae()),W.exports}var F=ie();const le="_ghost_tf9uv_15",se={ghost:le},B=f.forwardRef(({props:t,value:s,onChange:h,onBlur:m,readOnly:u},d)=>{const g=f.useRef(null),x=f.useRef(null),D=f.useRef(null),$=f.useRef(null),[P,R]=f.useState({top:0,bottom:0}),[A,E]=f.useState(null);f.useEffect(()=>{if(!t.multiline)return;const r=$.current,c=D.current;if(!r||!c)return;r.value=s??"";const _=window.getComputedStyle(c),p=Number.parseFloat(_.paddingTop),b=Number.parseFloat(_.paddingBottom),V=Number.parseFloat(_.paddingLeft),N=Number.parseFloat(_.paddingRight),S=c.clientHeight-p-b,U=c.clientWidth-V-N;r.style.width=`${U}px`,r.style.paddingTop="0px",r.style.paddingBottom="0px";const k=r.scrollHeight;if(E(S),k<S){const T=S-k;switch(t.alignItems){case a.VerticalAlign.top:R({top:0,bottom:T});break;case a.VerticalAlign.bottom:R({top:T,bottom:0});break;default:R({top:T/2,bottom:T/2});break}}else R({top:0,bottom:0})},[t,s]),f.useImperativeHandle(d,()=>({focus:()=>{var r;(r=g.current)==null||r.focus()}}),[]);const O=f.useMemo(()=>{const r={width:"100%",height:"100%",display:"flex",boxSizing:"border-box",overflow:"hidden"};switch(t.justifyContent){case a.HorizontalAlign.center:r.justifyContent="center";break;case a.HorizontalAlign.right:r.justifyContent="flex-end";break;default:r.justifyContent="flex-start";break}switch(t.alignItems){case a.VerticalAlign.top:r.alignItems="flex-start";break;case a.VerticalAlign.bottom:r.alignItems="flex-end";break;default:r.alignItems="center";break}if(t.isIndividual)t.top&&(r.paddingTop=a.toPx.fromDim(t.top)),t.right&&(r.paddingRight=a.toPx.fromDim(t.right)),t.bottom&&(r.paddingBottom=a.toPx.fromDim(t.bottom)),t.left&&(r.paddingLeft=a.toPx.fromDim(t.left));else if(t.all){const c=a.toPx.fromDim(t.all);r.padding=`${c}px`}return r},[t]),v=f.useMemo(()=>{const r={background:"transparent",border:"none",outline:"none",resize:"none",padding:0,margin:0,width:"100%",boxSizing:"border-box",fontFamily:"inherit",color:"inherit"};t.fontSize&&(r.fontSize=`${a.toPx.fromDim(t.fontSize)}px`),t.fontFamily&&(r.fontFamily=t.fontFamily),t.color&&(r.color=t.color),r.fontWeight=t.fontWeight?"bold":"normal",r.fontStyle=t.italic?"italic":"normal";const c=[];switch(t.underline&&c.push("underline"),t.lineThrough&&c.push("line-through"),r.textDecoration=c.length>0?c.join(" "):"none",t.lineHeight&&(r.lineHeight=t.lineHeight),t.justifyContent){case a.HorizontalAlign.center:r.textAlign="center";break;case a.HorizontalAlign.right:r.textAlign="right";break;default:r.textAlign="left";break}return r},[t]),j=f.useMemo(()=>({...v,position:"absolute",top:0,left:0,width:"100%",height:"auto",visibility:"hidden",pointerEvents:"none",overflow:"hidden",whiteSpace:"pre-wrap",wordWrap:"break-word",overflowWrap:"break-word",padding:0,border:"none",boxSizing:"border-box",resize:"none"}),[v]),z=r=>{h(r.target.value)},Y=()=>{m==null||m(s)},y=!u;if(t.multiline){const r={...v,resize:"none",overflow:"auto",height:A!==null?`${A}px`:"100%",paddingTop:`${P.top}px`,paddingBottom:`${P.bottom}px`},p={ref:b=>{x.current=b,g.current=b},value:s??"",onChange:b=>{z(b)},onBlur:Y,style:r,placeholder:t.placeholder,readOnly:!y,tabIndex:y?0:-1};return F.jsxs("div",{ref:D,style:O,children:[F.jsx("textarea",{ref:$,className:se.ghost,style:j,"aria-hidden":"true",readOnly:!0,tabIndex:-1,rows:1,value:s??""}),F.jsx("textarea",{...p})]})}const H={...v,height:"100%"},M={ref:g,value:s??"",onChange:z,onBlur:Y,style:H,placeholder:t.placeholder,readOnly:!y,tabIndex:y?0:-1};return F.jsx("div",{style:O,children:F.jsx("input",{type:"text",...M})})});B.displayName="TextRenderer";function re(t=a.DEFAULT_FONT_FAMILY){return{kind:"text",meta:{displayName:"テキスト",description:"リッチなテキスト編集ブロック",defaultSize:{w:4,h:2}},Renderer:B,properties:{...a.universalProperties,...a.placeholderDefinition,...a.fontStyleDefinition,...a.multilineDefinition,...a.validationDefinition,fontFamily:{defaultValue:"sans-serif",label:"フォント",group:"フォント",Component:a.Select,config:{placeholder:"フォントを選択",options:t}}},validateProps:s=>s,validateValue:s=>typeof s=="string"?s:typeof s=="number"?String(s):null}}const ce=re();exports.TextPlugin=ce;exports.TextRenderer=B;exports.createTextPlugin=re;
 //# sourceMappingURL=index.js.map

package/dist/index.mjs

@@ -100,11 +100,11 @@ function Re() {
       }
       if (n) {
         n = console;
-        var a = n.error, o = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return a.call(
+        var o = n.error, a = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return o.call(
           n,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          o
+          a
         ), l(e);
       }
     }
@@ -134,14 +134,14 @@ function Re() {
       return e.key !== void 0;
     }
     function b(e, n) {
-      function a() {
+      function o() {
         R || (R = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
           n
         ));
       }
-      a.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: a,
+      o.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: o,
         configurable: !0
       });
     }
@@ -151,14 +151,14 @@ function Re() {
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), e = this.props.ref, e !== void 0 ? e : null;
     }
-    function D(e, n, a, o, z, B) {
-      var i = a.ref;
+    function D(e, n, o, a, z, B) {
+      var i = o.ref;
       return e = {
         $$typeof: P,
         type: e,
         key: n,
-        props: a,
-        _owner: o
+        props: o,
+        _owner: a
       }, (i !== void 0 ? i : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
         get: F
@@ -184,13 +184,13 @@ function Re() {
         value: B
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function w(e, n, a, o, z, B) {
+    function w(e, n, o, a, z, B) {
       var i = n.children;
       if (i !== void 0)
-        if (o)
+        if (a)
           if (J(i)) {
-            for (o = 0; o < i.length; o++)
-              h(i[o]);
+            for (a = 0; a < i.length; a++)
+              h(i[a]);
             Object.freeze && Object.freeze(i);
           } else
             console.error(
@@ -202,31 +202,31 @@ function Re() {
         var k = Object.keys(n).filter(function(ie) {
           return ie !== "key";
         });
-        o = 0 < k.length ? "{key: someKey, " + k.join(": ..., ") + ": ...}" : "{key: someKey}", ee[i + o] || (k = 0 < k.length ? "{" + k.join(": ..., ") + ": ...}" : "{}", console.error(
+        a = 0 < k.length ? "{key: someKey, " + k.join(": ..., ") + ": ...}" : "{key: someKey}", ee[i + a] || (k = 0 < k.length ? "{" + k.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          o,
+          a,
           i,
           k,
           i
-        ), ee[i + o] = !0);
+        ), ee[i + a] = !0);
       }
-      if (i = null, a !== void 0 && (g(a), i = "" + a), d(n) && (g(n.key), i = "" + n.key), "key" in n) {
-        a = {};
+      if (i = null, o !== void 0 && (g(o), i = "" + o), d(n) && (g(n.key), i = "" + n.key), "key" in n) {
+        o = {};
         for (var G in n)
-          G !== "key" && (a[G] = n[G]);
-      } else a = n;
+          G !== "key" && (o[G] = n[G]);
+      } else o = n;
       return i && b(
-        a,
+        o,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
       ), D(
         e,
         i,
-        a,
+        o,
         c(),
         z,
         B
@@ -250,37 +250,37 @@ React keys must be passed directly to JSX without using spread:
       _,
       u
     )(), K = y(f(u)), ee = {};
-    C.Fragment = O, C.jsx = function(e, n, a) {
-      var o = 1e4 > j.recentlyCreatedOwnerStacks++;
+    C.Fragment = O, C.jsx = function(e, n, o) {
+      var a = 1e4 > j.recentlyCreatedOwnerStacks++;
       return w(
         e,
         n,
-        a,
+        o,
         !1,
-        o ? Error("react-stack-top-frame") : Q,
-        o ? y(f(e)) : K
+        a ? Error("react-stack-top-frame") : Q,
+        a ? y(f(e)) : K
       );
-    }, C.jsxs = function(e, n, a) {
-      var o = 1e4 > j.recentlyCreatedOwnerStacks++;
+    }, C.jsxs = function(e, n, o) {
+      var a = 1e4 > j.recentlyCreatedOwnerStacks++;
       return w(
         e,
         n,
-        a,
+        o,
         !0,
-        o ? Error("react-stack-top-frame") : Q,
-        o ? y(f(e)) : K
+        a ? Error("react-stack-top-frame") : Q,
+        a ? y(f(e)) : K
       );
     };
   })()), C;
 }
-var ae;
+var oe;
 function _e() {
-  return ae || (ae = 1, process.env.NODE_ENV === "production" ? M.exports = pe() : M.exports = Re()), M.exports;
+  return oe || (oe = 1, process.env.NODE_ENV === "production" ? M.exports = pe() : M.exports = Re()), M.exports;
 }
 var I = _e();
-const Ee = "_ghost_1acb7_15", ve = {
+const Ee = "_ghost_tf9uv_15", ve = {
   ghost: Ee
-}, oe = be(({ props: t, value: l, onChange: g, onBlur: f, readOnly: c }, u) => {
+}, ae = be(({ props: t, value: l, onChange: g, onBlur: f, readOnly: c }, u) => {
   const d = H(null), b = H(null), F = H(null), D = H(null), [w, h] = te({ top: 0, bottom: 0 }), [A, _] = te(null);
   he(() => {
     if (!t.multiline) return;
@@ -458,7 +458,7 @@ const Ee = "_ghost_1acb7_15", ve = {
   };
   return /* @__PURE__ */ I.jsx("div", { style: P, children: /* @__PURE__ */ I.jsx("input", { type: "text", ...V }) });
 });
-oe.displayName = "TextRenderer";
+ae.displayName = "TextRenderer";
 function Te(t = le) {
   return {
     kind: "text",
@@ -468,7 +468,7 @@ function Te(t = le) {
       defaultSize: { w: 4, h: 2 }
       // デフォルトサイズ
     },
-    Renderer: oe,
+    Renderer: ae,
     properties: {
       ...me,
       ...de,
@@ -495,7 +495,7 @@ function Te(t = le) {
 const Se = Te();
 export {
   Se as TextPlugin,
-  oe as TextRenderer,
+  ae as TextRenderer,
   Te as createTextPlugin
 };
 //# sourceMappingURL=index.mjs.map

package/dist/text.css

@@ -1 +1 @@
-[contenteditable][data-placeholder]:empty:before{content:attr(data-placeholder);color:#999;pointer-events:none;position:absolute}[contenteditable=false]{cursor:default}@media print{._ghost_1acb7_15{display:none}}
+[contenteditable][data-placeholder]:empty:before{content:attr(data-placeholder);color:#999;pointer-events:none;position:absolute}[contenteditable=false]{cursor:default}._ghost_tf9uv_15{visibility:hidden;position:absolute;pointer-events:none}@media print{._ghost_tf9uv_15{display:none}}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@tatamicks/text",
-	"version": "0.1.3",
+	"version": "0.1.4",
 	"private": false,
 	"description": "Text plugin for @tatamicks/core",
 	"keywords": [