@v-miniapp/ui-react 1.0.59 → 1.0.71

package/dist-storybook/assets/{text-area.stories-DCt3RB3A.js → text-area.stories-Bpaw2_4A.js}

@@ -1,4 +1,4 @@
-import{j as t,r as g}from"./iframe-DfPay7Zl.js";import{T as o}from"./text-area-GKy5HL12.js";import{t as e}from"./store-Ce3Ikv5g.js";import{T as u,S as h,M as x,P as A,a as b}from"./blocks-DKR3P4qW.js";import"./preload-helper-PPVm8Dsz.js";import"./input-wrapper-CgaUwbbE.js";import"./icon-CdiFzFyf.js";import"./colors-_6nFGM3e.js";import"./label-D44azUgi.js";import"./typography-CB8hPDyK.js";import"./skeleton-B12XbNAJ.js";import"./omit-BWHsnDSR.js";import"./_baseClone-DQVxEhny.js";import"./index-EGt7xBnA.js";import"./index-B-Ksafg0.js";import"./index-cMNObl2z.js";const y=()=>{const r=`
+import{r,j as t}from"./iframe-Crg_lbde.js";import{c as $,g as j}from"./classname-Bl5epEs-.js";import{u as C}from"./index-hDlmuyu2.js";import{g as I,I as N}from"./input-wrapper-Gd3QJKqj.js";import{S as f}from"./skeleton-BVLpHxKT.js";import{T as S}from"./typography-CMIMyivt.js";import{t as e}from"./store-BwIebEt6.js";import{T as M,S as w,a as v,P as H,b as R}from"./blocks-CB7UwFa4.js";import"./preload-helper-PPVm8Dsz.js";import"./index-B-Ksafg0.js";import"./omit-CRXr8Lio.js";import"./label-zfqCJTGJ.js";import"./icon-Cc9W858e.js";import"./colors-_6nFGM3e.js";import"./index-CdnALcTP.js";const l=j("text-area"),a=r.forwardRef((s,n)=>{const{wrapper:b,props:o}=I(s),[D,y]=r.useState(o.autoFocus),p=r.useRef(null),[T,L]=C(o,{trigger:"onChange",valuePropName:"value"});return r.useImperativeHandle(n,()=>({focus:()=>p.current?.focus?.(),blur:()=>p.current?.blur?.()})),t.jsx(N,{...b,className:$(l,b.className),align:"start",isFocus:D,onClick:()=>p.current?.focus(),bottomInput:o.maxLength?t.jsxs(S,{size:"x-small",weight:400,color:"alias-object-secondary",className:`${l}__count`,children:["(",T?.length||0,"/",o.maxLength,")"]}):null,loadingNode:o.loading&&t.jsxs("div",{className:`${l}__loading`,children:[t.jsx(f,{width:128,height:12,shape:"pill"}),t.jsx(f,{width:40,height:12,shape:"pill"})]}),children:t.jsx("textarea",{rows:3,...o,maxLength:o.maxLength,value:T,onChange:c=>L?.(c.target.value),disabled:b.disabled,onFocus:c=>{y(!0),o.onFocus?.(c)},onBlur:c=>{y(!1),o.onBlur?.(c)},ref:p,className:$(`${l}__input`,{[`${l}__input--auto-height`]:o.autoHeight},o.inputClassName)})})});a.__docgenInfo={description:"",methods:[{name:"focus",docblock:null,modifiers:[],params:[],returns:null},{name:"blur",docblock:null,modifiers:[],params:[],returns:null}],displayName:"TextArea"};const _=()=>{const s=`
 ## ${e("common.table.title")}
 | ${e("common.table.name")} | ${e("common.table.type")} | ${e("common.table.required")} | ${e("common.table.description")} |
 | :--- | :--- | :--- | :--- |
@@ -23,18 +23,18 @@ import{j as t,r as g}from"./iframe-DfPay7Zl.js";import{T as o}from"./text-area-G
 | \`suffix\` | \`ReactNode\` | ${e("common.table.no")} | ${e("components.textArea.argTypes.suffixDescription")} |
 | \`className\` | \`string\` | ${e("common.table.no")} | ${e("components.textArea.argTypes.classNameDescription")} |
 | \`...props\` | \`ComponentProps<'textarea'>\` | ${e("common.table.no")} | ${e("components.textArea.argTypes.propsDescription")} |
-`;return t.jsxs(t.Fragment,{children:[t.jsx(u,{}),t.jsx(h,{}),t.jsx(x,{children:e("components.textArea.description")}),t.jsx(A,{}),t.jsx(x,{children:r}),t.jsx(b,{})]})},V={title:"Components/TextArea",component:o,parameters:{layout:"padded",docs:{page:y}},tags:["autodocs"],argTypes:{value:{control:"text",description:e("components.textArea.argTypes.valueDescription"),table:{type:{summary:"string"}}},onChange:{action:"changed",description:e("components.textArea.argTypes.onChangeDescription"),table:{type:{summary:"(value: string) => void"}}},placeholder:{control:"text",description:e("components.textArea.argTypes.placeholderDescription"),table:{type:{summary:"string"}}},label:{control:"text",description:e("components.textArea.argTypes.labelDescription"),table:{type:{summary:"ILabelProps"}}},shape:{control:"select",options:["rounded","pill"],description:e("components.textArea.argTypes.shapeDescription"),table:{type:{summary:'"rounded" | "pill"'},defaultValue:{summary:"rounded"}}},disabled:{control:"boolean",description:e("components.textArea.argTypes.disabledDescription"),table:{type:{summary:"boolean"}}},error:{control:"boolean",description:e("components.textArea.argTypes.errorDescription"),table:{type:{summary:"boolean"}}},errorMessage:{control:"text",description:e("components.textArea.argTypes.errorMessageDescription"),table:{type:{summary:"ReactNode"}}},maxLength:{control:{type:"number",min:0,max:1e3,step:10},description:e("components.textArea.argTypes.maxLengthDescription"),table:{type:{summary:"number"}}},autoHeight:{control:"boolean",description:e("components.textArea.argTypes.autoHeightDescription"),table:{type:{summary:"boolean"}}},loading:{control:"boolean",description:e("components.textArea.argTypes.loadingDescription"),table:{type:{summary:"boolean"}}},className:{description:e("components.textArea.argTypes.classNameDescription"),table:{type:{summary:"string"}}}}},a={name:e("components.textArea.stories.default.name"),args:{placeholder:e("components.textArea.stories.default.placeholder")}},s={name:e("components.textArea.stories.controlled.name"),render:()=>{const[r,d]=g.useState("");return t.jsx(o,{value:r,onChange:d,placeholder:e("components.textArea.stories.controlled.placeholder")})}},n={name:e("components.textArea.stories.withLabel.name"),args:{label:{text:e("components.textArea.stories.withLabel.label")},placeholder:e("components.textArea.stories.withLabel.placeholder")}},c={name:e("components.textArea.stories.states.name"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[t.jsx(o,{placeholder:e("components.textArea.stories.states.normal")}),t.jsx(o,{value:e("components.textArea.stories.states.filled")}),t.jsx(o,{disabled:!0,placeholder:e("components.textArea.states.disabled")}),t.jsx(o,{error:!0,errorMessage:e("components.textArea.stories.states.errorMessage"),placeholder:e("components.textArea.stories.states.error")}),t.jsx(o,{loading:!0,placeholder:e("components.textArea.states.loading")})]})},p={name:e("components.textArea.stories.withMaxLength.name"),render:()=>{const[r,d]=g.useState("");return t.jsx(o,{value:r,onChange:d,maxLength:100,placeholder:e("components.textArea.stories.withMaxLength.placeholder",{count:100})})}},l={name:e("components.textArea.stories.autoHeight.name"),args:{autoHeight:!0,placeholder:e("components.textArea.stories.autoHeight.placeholder")}},i={name:e("components.textArea.stories.shapes.name"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[t.jsx(o,{shape:"rounded",placeholder:e("components.textArea.stories.shapes.rounded")}),t.jsx(o,{shape:"pill",placeholder:e("components.textArea.stories.shapes.pill")})]})},m={name:e("components.textArea.stories.interactive.name"),args:{placeholder:e("components.textArea.stories.interactive.placeholder")}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{
+`;return t.jsxs(t.Fragment,{children:[t.jsx(M,{}),t.jsx(w,{}),t.jsx(v,{children:e("components.textArea.description")}),t.jsx(H,{}),t.jsx(v,{children:s}),t.jsx(R,{})]})},X={title:"Components/TextArea",component:a,parameters:{layout:"padded",docs:{page:_}},tags:["autodocs"],argTypes:{value:{control:"text",description:e("components.textArea.argTypes.valueDescription"),table:{type:{summary:"string"}}},onChange:{action:"changed",description:e("components.textArea.argTypes.onChangeDescription"),table:{type:{summary:"(value: string) => void"}}},placeholder:{control:"text",description:e("components.textArea.argTypes.placeholderDescription"),table:{type:{summary:"string"}}},label:{control:"text",description:e("components.textArea.argTypes.labelDescription"),table:{type:{summary:"ILabelProps"}}},shape:{control:"select",options:["rounded","pill"],description:e("components.textArea.argTypes.shapeDescription"),table:{type:{summary:'"rounded" | "pill"'},defaultValue:{summary:"rounded"}}},disabled:{control:"boolean",description:e("components.textArea.argTypes.disabledDescription"),table:{type:{summary:"boolean"}}},error:{control:"boolean",description:e("components.textArea.argTypes.errorDescription"),table:{type:{summary:"boolean"}}},errorMessage:{control:"text",description:e("components.textArea.argTypes.errorMessageDescription"),table:{type:{summary:"ReactNode"}}},maxLength:{control:{type:"number",min:0,max:1e3,step:10},description:e("components.textArea.argTypes.maxLengthDescription"),table:{type:{summary:"number"}}},autoHeight:{control:"boolean",description:e("components.textArea.argTypes.autoHeightDescription"),table:{type:{summary:"boolean"}}},loading:{control:"boolean",description:e("components.textArea.argTypes.loadingDescription"),table:{type:{summary:"boolean"}}},className:{description:e("components.textArea.argTypes.classNameDescription"),table:{type:{summary:"string"}}}}},i={name:e("components.textArea.stories.default.name"),args:{placeholder:e("components.textArea.stories.default.placeholder")}},m={name:e("components.textArea.stories.controlled.name"),render:()=>{const[s,n]=r.useState("");return t.jsx(a,{value:s,onChange:n,placeholder:e("components.textArea.stories.controlled.placeholder")})}},d={name:e("components.textArea.stories.withLabel.name"),args:{label:{text:e("components.textArea.stories.withLabel.label")},placeholder:e("components.textArea.stories.withLabel.placeholder")}},u={name:e("components.textArea.stories.states.name"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[t.jsx(a,{placeholder:e("components.textArea.stories.states.normal")}),t.jsx(a,{value:e("components.textArea.stories.states.filled")}),t.jsx(a,{disabled:!0,placeholder:e("components.textArea.states.disabled")}),t.jsx(a,{error:!0,errorMessage:e("components.textArea.stories.states.errorMessage"),placeholder:e("components.textArea.stories.states.error")}),t.jsx(a,{loading:!0,placeholder:e("components.textArea.states.loading")})]})},x={name:e("components.textArea.stories.withMaxLength.name"),render:()=>{const[s,n]=r.useState("");return t.jsx(a,{value:s,onChange:n,maxLength:100,placeholder:e("components.textArea.stories.withMaxLength.placeholder",{count:100})})}},g={name:e("components.textArea.stories.autoHeight.name"),args:{autoHeight:!0,placeholder:e("components.textArea.stories.autoHeight.placeholder")}},h={name:e("components.textArea.stories.shapes.name"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[t.jsx(a,{shape:"rounded",placeholder:e("components.textArea.stories.shapes.rounded")}),t.jsx(a,{shape:"pill",placeholder:e("components.textArea.stories.shapes.pill")})]})},A={name:e("components.textArea.stories.interactive.name"),args:{placeholder:e("components.textArea.stories.interactive.placeholder")}};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:`{
   name: t('components.textArea.stories.default.name'),
   args: {
     placeholder: t('components.textArea.stories.default.placeholder')
   }
-}`,...a.parameters?.docs?.source}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
+}`,...i.parameters?.docs?.source}}};m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
   name: t('components.textArea.stories.controlled.name'),
   render: () => {
     const [value, setValue] = useState('');
     return <TextArea value={value} onChange={setValue} placeholder={t('components.textArea.stories.controlled.placeholder')} />;
   }
-}`,...s.parameters?.docs?.source}}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{
+}`,...m.parameters?.docs?.source}}};d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`{
   name: t('components.textArea.stories.withLabel.name'),
   args: {
     label: {
@@ -42,7 +42,7 @@ import{j as t,r as g}from"./iframe-DfPay7Zl.js";import{T as o}from"./text-area-G
     },
     placeholder: t('components.textArea.stories.withLabel.placeholder')
   }
-}`,...n.parameters?.docs?.source}}};c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:`{
+}`,...d.parameters?.docs?.source}}};u.parameters={...u.parameters,docs:{...u.parameters?.docs,source:{originalSource:`{
   name: t('components.textArea.stories.states.name'),
   render: () => <div style={{
     display: 'flex',
@@ -55,7 +55,7 @@ import{j as t,r as g}from"./iframe-DfPay7Zl.js";import{T as o}from"./text-area-G
       <TextArea error errorMessage={t('components.textArea.stories.states.errorMessage')} placeholder={t('components.textArea.stories.states.error')} />
       <TextArea loading placeholder={t('components.textArea.states.loading')} />
     </div>
-}`,...c.parameters?.docs?.source}}};p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
+}`,...u.parameters?.docs?.source}}};x.parameters={...x.parameters,docs:{...x.parameters?.docs,source:{originalSource:`{
   name: t('components.textArea.stories.withMaxLength.name'),
   render: () => {
     const [value, setValue] = useState('');
@@ -63,13 +63,13 @@ import{j as t,r as g}from"./iframe-DfPay7Zl.js";import{T as o}from"./text-area-G
       count: 100
     })} />;
   }
-}`,...p.parameters?.docs?.source}}};l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:`{
+}`,...x.parameters?.docs?.source}}};g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`{
   name: t('components.textArea.stories.autoHeight.name'),
   args: {
     autoHeight: true,
     placeholder: t('components.textArea.stories.autoHeight.placeholder')
   }
-}`,...l.parameters?.docs?.source}}};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:`{
+}`,...g.parameters?.docs?.source}}};h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`{
   name: t('components.textArea.stories.shapes.name'),
   render: () => <div style={{
     display: 'flex',
@@ -79,9 +79,9 @@ import{j as t,r as g}from"./iframe-DfPay7Zl.js";import{T as o}from"./text-area-G
       <TextArea shape="rounded" placeholder={t('components.textArea.stories.shapes.rounded')} />
       <TextArea shape="pill" placeholder={t('components.textArea.stories.shapes.pill')} />
     </div>
-}`,...i.parameters?.docs?.source}}};m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
+}`,...h.parameters?.docs?.source}}};A.parameters={...A.parameters,docs:{...A.parameters?.docs,source:{originalSource:`{
   name: t('components.textArea.stories.interactive.name'),
   args: {
     placeholder: t('components.textArea.stories.interactive.placeholder')
   }
-}`,...m.parameters?.docs?.source}}};const k=["Default","Controlled","WithLabel","States","WithMaxLength","AutoHeight","Shapes","Interactive"];export{l as AutoHeight,s as Controlled,a as Default,m as Interactive,i as Shapes,c as States,n as WithLabel,p as WithMaxLength,k as __namedExportsOrder,V as default};
+}`,...A.parameters?.docs?.source}}};const Y=["Default","Controlled","WithLabel","States","WithMaxLength","AutoHeight","Shapes","Interactive"];export{g as AutoHeight,m as Controlled,i as Default,A as Interactive,h as Shapes,u as States,d as WithLabel,x as WithMaxLength,Y as __namedExportsOrder,X as default};

package/dist-storybook/assets/text-field-CqJG0bIl.js

@@ -0,0 +1 @@
+import{r,j as o}from"./iframe-Crg_lbde.js";import{c as d,g as m}from"./classname-Bl5epEs-.js";import{o as f}from"./omit-CRXr8Lio.js";import{g,I as h}from"./input-wrapper-Gd3QJKqj.js";import{S as i}from"./skeleton-BVLpHxKT.js";const l=m("text-field"),x=r.forwardRef((u,p)=>{const{wrapper:n,props:e}=g(u),[c,t]=r.useState(e.autoFocus),a=r.useRef(null);return r.useImperativeHandle(p,()=>({focus:()=>a.current?.focus?.(),blur:()=>a.current?.blur?.()})),o.jsx(h,{...n,isFocus:c,onClick:()=>a.current?.focus(),loadingNode:e.loading&&o.jsxs("div",{className:`${l}__loading ${l}__loading--${e.loadingType}`,children:[o.jsx(i,{width:e.loadingType==="search"?24:40,height:e.loadingType==="search"?24:13,shape:"pill"}),o.jsx(i,{width:128,height:13,shape:"pill"})]}),children:o.jsx("input",{...f(e,["loadingType"]),onChange:s=>e.onChange?.(s.target.value),disabled:n.disabled,onFocus:s=>{t(!0),e.onFocus?.(s)},onBlur:s=>{t(!1),e.onBlur?.(s)},ref:a,className:d(l,e.inputClassName)})})});x.__docgenInfo={description:"",methods:[{name:"focus",docblock:null,modifiers:[],params:[],returns:null},{name:"blur",docblock:null,modifiers:[],params:[],returns:null}],displayName:"TextField"};export{x as T};

package/dist-storybook/assets/{text-field.stories-Bqv7f948.js → text-field.stories-PQoP3DbL.js}

@@ -1,4 +1,4 @@
-import{j as t,r as x}from"./iframe-DfPay7Zl.js";import{T as o}from"./text-field-CGWNqitB.js";import{t as e}from"./store-Ce3Ikv5g.js";import{T as g,S as u,M as d,P as h,a as F}from"./blocks-DKR3P4qW.js";import"./preload-helper-PPVm8Dsz.js";import"./input-wrapper-CgaUwbbE.js";import"./icon-CdiFzFyf.js";import"./colors-_6nFGM3e.js";import"./label-D44azUgi.js";import"./typography-CB8hPDyK.js";import"./skeleton-B12XbNAJ.js";import"./omit-BWHsnDSR.js";import"./_baseClone-DQVxEhny.js";import"./index-cMNObl2z.js";const b=()=>{const p=`
+import{r as x,j as t}from"./iframe-Crg_lbde.js";import{T as o}from"./text-field-CqJG0bIl.js";import{t as e}from"./store-BwIebEt6.js";import{T as g,S as u,a as d,P as h,b as F}from"./blocks-CB7UwFa4.js";import"./preload-helper-PPVm8Dsz.js";import"./classname-Bl5epEs-.js";import"./omit-CRXr8Lio.js";import"./input-wrapper-Gd3QJKqj.js";import"./label-zfqCJTGJ.js";import"./skeleton-BVLpHxKT.js";import"./typography-CMIMyivt.js";import"./colors-_6nFGM3e.js";import"./icon-Cc9W858e.js";import"./index-CdnALcTP.js";const b=()=>{const p=`
 ## ${e("common.table.title")}
 | ${e("common.table.name")} | ${e("common.table.type")} | ${e("common.table.required")} | ${e("common.table.description")} |
 | :--- | :--- | :---: | :--- |