@v-miniapp/ui-react 1.0.60 → 1.0.72

package/dist-storybook/assets/checkbox.stories-CG74gIlt.js

@@ -1,201 +0,0 @@
-import{j as o,r as i}from"./iframe-C0PGuV5s.js";import{T as g,S as v,M as f,P as j,a as N}from"./blocks-D4qvS4eZ.js";import{C as n}from"./checkbox-Bs8ghsWP.js";import{B as D}from"./button-CbLEqALK.js";import{t as e}from"./store-BmYgrUro.js";import"./preload-helper-PPVm8Dsz.js";import"./index-1AHvPexM.js";import"./index-DWjPAWoJ.js";import"./index-B-Ksafg0.js";import"./typography-BcLxefPi.js";import"./colors-_6nFGM3e.js";import"./icon-CgGksgRS.js";const S=()=>{const t=`
-## ${e("common.table.title")}
-
-| ${e("common.table.name")} | ${e("common.table.type")} | ${e("common.table.required")} | ${e("common.table.description")} |
-| :--- | :--- | :--- | :--- |
-| \`checked\` | \`boolean\` | ${e("common.table.no")} | ${e("components.checkbox.checkedDescription")} |
-| \`defaultChecked\` | \`boolean\` | ${e("common.table.no")} | ${e("components.checkbox.defaultCheckedDescription")} |
-| \`disabled\` | \`boolean\` | ${e("common.table.no")} | ${e("components.checkbox.disabledDescription")} |
-| \`theme\` | \`'brand' | 'inverse'\` | ${e("common.table.no")} | ${e("components.checkbox.themeDescription")} |
-| \`variant\` | \`'default' | 'number' | 'indeterminate'\` | ${e("common.table.no")} | ${e("components.checkbox.variantDescription")} |
-| \`number\` | \`number\` | ${e("common.table.no")} | ${e("components.checkbox.numberDescription")} |
-| \`defaultNumber\` | \`number\` | ${e("common.table.no")} | ${e("components.checkbox.defaultNumberDescription")} |
-| \`onChange\` | \`(checked: boolean) => void\` | ${e("common.table.no")} | ${e("components.checkbox.onChangeDescription")} |
-| \`onNumberChange\` | \`(number: number | undefined) => void\` | ${e("common.table.no")} | ${e("components.checkbox.onNumberChangeDescription")} |
-| \`children\` | \`ReactNode\` | ${e("common.table.no")} | ${e("components.checkbox.childrenDescription")} |
-| \`typography\` | \`Omit<ITypographyProps<'span'>, 'component' | 'children'>\` | ${e("common.table.no")} | ${e("components.checkbox.typographyDescription")} |
-| \`className\` | \`string\` | ${e("common.table.no")} | ${e("components.checkbox.classNameDescription")} |
-| \`...props\` | \`ComponentProps<'input'>\` | ${e("common.table.no")} | ${e("components.checkbox.propsDescription")} |
-  `;return o.jsxs(o.Fragment,{children:[o.jsx(g,{}),o.jsx(v,{}),o.jsx(f,{children:e("components.checkbox.description")}),o.jsx(j,{}),o.jsx(f,{children:t}),o.jsx(N,{})]})},R={title:"Components/Checkbox",component:n,parameters:{layout:"padded",docs:{page:S}},tags:["autodocs"],argTypes:{checked:{control:"boolean",description:e("components.checkbox.argTypes.checkedDescription"),table:{type:{summary:"boolean"}}},defaultChecked:{control:"boolean",description:e("components.checkbox.argTypes.defaultCheckedDescription"),table:{type:{summary:"boolean"},defaultValue:{summary:"false"}}},disabled:{control:"boolean",description:e("components.checkbox.argTypes.disabledDescription"),table:{type:{summary:"boolean"},defaultValue:{summary:"false"}}},theme:{control:"select",options:["default","brand","inverse"],description:e("components.checkbox.argTypes.themeDescription"),table:{type:{summary:"ICheckboxTheme"},defaultValue:{summary:"default"}}},variant:{control:"select",options:["default","number","indeterminate"],description:e("components.checkbox.argTypes.variantDescription"),table:{type:{summary:"ICheckboxVariant"},defaultValue:{summary:"default"}}},number:{control:{type:"number",min:0,max:99,step:1},description:e("components.checkbox.argTypes.numberDescription"),table:{type:{summary:"number"}}},defaultNumber:{control:{type:"number",min:0,max:99,step:1},description:e("components.checkbox.argTypes.defaultNumberDescription"),table:{type:{summary:"number"}}},children:{control:"text",description:e("components.checkbox.argTypes.childrenDescription"),table:{type:{summary:"ReactNode"}}}}},a={storyName:e("components.checkbox.stories.default.title"),args:{children:e("components.checkbox.stories.interactive.label")}},m={storyName:e("components.checkbox.stories.states.title"),render:()=>o.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[o.jsx(n,{checked:!1,children:e("components.checkbox.stories.states.notChecked")}),o.jsx(n,{checked:!0,children:e("components.checkbox.stories.states.checked")}),o.jsx(n,{checked:!0,disabled:!0,children:e("components.checkbox.stories.states.disabledChecked")}),o.jsx(n,{checked:!1,disabled:!0,children:e("components.checkbox.stories.states.disabledUnchecked")})]})},l={storyName:e("components.checkbox.stories.variants.title"),render:()=>{const[t,c]=i.useState(3);return o.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[o.jsx(n,{checked:!0,variant:"default",children:e("components.checkbox.stories.variants.defaultCheckbox")}),o.jsx(n,{checked:!0,variant:"indeterminate",children:e("components.checkbox.stories.variants.indeterminateCheckbox")}),o.jsx(n,{checked:t>0,variant:"number",number:t,onNumberChange:r=>c(r||0),children:e("components.checkbox.stories.variants.quantity",{count:t})})]})}},p={storyName:e("components.checkbox.stories.themes.title"),render:()=>o.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[o.jsx(n,{checked:!0,children:e("components.checkbox.stories.themes.brandTheme")}),o.jsx(n,{checked:!0,theme:"inverse",children:e("components.checkbox.stories.themes.inverseTheme")})]})},d={storyName:e("components.checkbox.stories.controlled.title"),render:()=>{const[t,c]=i.useState(!1);return o.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[o.jsx(n,{checked:t,onChange:c,children:e("components.checkbox.stories.controlled.currently",{state:t?e("components.checkbox.stories.controlled.checked"):e("components.checkbox.stories.controlled.unchecked")})}),o.jsx(D,{onClick:()=>c(!t),children:e("components.checkbox.stories.controlled.toggleButton")})]})}},h={storyName:e("components.checkbox.stories.numberVariant.title"),render:()=>{const[t,c]=i.useState(1);return o.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[o.jsx(n,{variant:"number",number:t,onNumberChange:r=>c(r||0),children:e("components.checkbox.stories.numberVariant.quantity")}),o.jsx("p",{style:{fontSize:"14px",color:"#666"},children:e("components.checkbox.stories.numberVariant.instructions",{count:t})})]})}},b={storyName:e("components.checkbox.stories.checkboxGroup.title"),render:()=>{const[t,c]=i.useState([]),r=["Option 1","Option 2","Option 3"],k=(s,y)=>{c(y?[...t,s]:t.filter(C=>C!==s))};return o.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"12px"},children:[r.map(s=>o.jsx(n,{checked:t.includes(s),onChange:y=>k(s,y),children:e(`components.checkbox.stories.checkboxGroup.options.${s}`)},s)),o.jsxs("p",{style:{fontSize:"14px",color:"#666",marginTop:"8px"},children:[e("components.checkbox.stories.checkboxGroup.selected")," ",t.join(", ")||e("components.checkbox.stories.checkboxGroup.none")]})]})}},x={storyName:e("components.checkbox.stories.completeExample.title"),render:()=>{const[t,c]=i.useState(!1),[r,k]=i.useState(2);return o.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"24px"},children:[o.jsxs("div",{children:[o.jsx("h3",{style:{marginBottom:"12px"},children:e("components.checkbox.stories.complete.termsTitle")}),o.jsx(n,{checked:t,onChange:c,children:e("components.checkbox.stories.complete.agreeTerms")})]}),o.jsxs("div",{children:[o.jsx("h3",{style:{marginBottom:"12px"},children:e("components.checkbox.stories.complete.quantityTitle")}),o.jsx(n,{variant:"number",number:r,onNumberChange:s=>k(s||0),children:e("components.checkbox.stories.complete.items")})]}),o.jsxs("div",{children:[o.jsx("h3",{style:{marginBottom:"12px"},children:e("components.checkbox.stories.complete.disabledTitle")}),o.jsx(n,{checked:!0,disabled:!0,children:e("components.checkbox.stories.complete.disabledOption")})]})]})}},u={storyName:e("components.checkbox.stories.interactive.title"),args:{children:e("components.checkbox.stories.interactive.label"),checked:!1,disabled:!1,variant:"default"}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{
-  storyName: t('components.checkbox.stories.default.title'),
-  args: {
-    children: t('components.checkbox.stories.interactive.label')
-  }
-}`,...a.parameters?.docs?.source}}};m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
-  storyName: t('components.checkbox.stories.states.title'),
-  render: () => <div style={{
-    display: 'flex',
-    flexDirection: 'column',
-    gap: '16px'
-  }}>
-      <Checkbox checked={false}>
-        {t('components.checkbox.stories.states.notChecked')}
-      </Checkbox>
-      <Checkbox checked>
-        {t('components.checkbox.stories.states.checked')}
-      </Checkbox>
-      <Checkbox checked disabled>
-        {t('components.checkbox.stories.states.disabledChecked')}
-      </Checkbox>
-      <Checkbox checked={false} disabled>
-        {t('components.checkbox.stories.states.disabledUnchecked')}
-      </Checkbox>
-    </div>
-}`,...m.parameters?.docs?.source}}};l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:`{
-  storyName: t('components.checkbox.stories.variants.title'),
-  render: () => {
-    const [number, setNumber] = useState(3);
-    return <div style={{
-      display: 'flex',
-      flexDirection: 'column',
-      gap: '16px'
-    }}>
-        <Checkbox checked variant="default">
-          {t('components.checkbox.stories.variants.defaultCheckbox')}
-        </Checkbox>
-        <Checkbox checked variant="indeterminate">
-          {t('components.checkbox.stories.variants.indeterminateCheckbox')}
-        </Checkbox>
-        <Checkbox checked={number > 0} variant="number" number={number} onNumberChange={number => setNumber(number || 0)}>
-          {t('components.checkbox.stories.variants.quantity', {
-          count: number
-        })}
-        </Checkbox>
-      </div>;
-  }
-}`,...l.parameters?.docs?.source}}};p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
-  storyName: t('components.checkbox.stories.themes.title'),
-  render: () => <div style={{
-    display: 'flex',
-    flexDirection: 'column',
-    gap: '16px'
-  }}>
-      <Checkbox checked>
-        {t('components.checkbox.stories.themes.brandTheme')}
-      </Checkbox>
-      <Checkbox checked theme="inverse">
-        {t('components.checkbox.stories.themes.inverseTheme')}
-      </Checkbox>
-    </div>
-}`,...p.parameters?.docs?.source}}};d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`{
-  storyName: t('components.checkbox.stories.controlled.title'),
-  render: () => {
-    const [checked, setChecked] = useState(false);
-    return <div style={{
-      display: 'flex',
-      flexDirection: 'column',
-      gap: '16px'
-    }}>
-        <Checkbox checked={checked} onChange={setChecked}>
-          {t('components.checkbox.stories.controlled.currently', {
-          state: checked ? t('components.checkbox.stories.controlled.checked') : t('components.checkbox.stories.controlled.unchecked')
-        })}
-        </Checkbox>
-        <Button onClick={() => setChecked(!checked)}>
-          {t('components.checkbox.stories.controlled.toggleButton')}
-        </Button>
-      </div>;
-  }
-}`,...d.parameters?.docs?.source}}};h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`{
-  storyName: t('components.checkbox.stories.numberVariant.title'),
-  render: () => {
-    const [quantity, setQuantity] = useState(1);
-    return <div style={{
-      display: 'flex',
-      flexDirection: 'column',
-      gap: '16px'
-    }}>
-        <Checkbox variant="number" number={quantity} onNumberChange={number => setQuantity(number || 0)}>
-          {t('components.checkbox.stories.numberVariant.quantity')}
-        </Checkbox>
-        <p style={{
-        fontSize: '14px',
-        color: '#666'
-      }}>
-          {t('components.checkbox.stories.numberVariant.instructions', {
-          count: quantity
-        })}
-        </p>
-      </div>;
-  }
-}`,...h.parameters?.docs?.source}}};b.parameters={...b.parameters,docs:{...b.parameters?.docs,source:{originalSource:`{
-  storyName: t('components.checkbox.stories.checkboxGroup.title'),
-  render: () => {
-    const [selected, setSelected] = useState<string[]>([]);
-    const options = ['Option 1', 'Option 2', 'Option 3'];
-    const handleChange = (option: string, checked: boolean) => {
-      if (checked) {
-        setSelected([...selected, option]);
-      } else {
-        setSelected(selected.filter(o => o !== option));
-      }
-    };
-    return <div style={{
-      display: 'flex',
-      flexDirection: 'column',
-      gap: '12px'
-    }}>
-        {options.map(option => <Checkbox key={option} checked={selected.includes(option)} onChange={checked => handleChange(option, checked)}>
-            {t(\`components.checkbox.stories.checkboxGroup.options.\${option}\`)}
-          </Checkbox>)}
-        <p style={{
-        fontSize: '14px',
-        color: '#666',
-        marginTop: '8px'
-      }}>
-          {t('components.checkbox.stories.checkboxGroup.selected')}{' '}
-          {selected.join(', ') || t('components.checkbox.stories.checkboxGroup.none')}
-        </p>
-      </div>;
-  }
-}`,...b.parameters?.docs?.source}}};x.parameters={...x.parameters,docs:{...x.parameters?.docs,source:{originalSource:`{
-  storyName: t('components.checkbox.stories.completeExample.title'),
-  render: () => {
-    const [terms, setTerms] = useState(false);
-    const [quantity, setQuantity] = useState(2);
-    return <div style={{
-      display: 'flex',
-      flexDirection: 'column',
-      gap: '24px'
-    }}>
-        <div>
-          <h3 style={{
-          marginBottom: '12px'
-        }}>
-            {t('components.checkbox.stories.complete.termsTitle')}
-          </h3>
-          <Checkbox checked={terms} onChange={setTerms}>
-            {t('components.checkbox.stories.complete.agreeTerms')}
-          </Checkbox>
-        </div>
-        <div>
-          <h3 style={{
-          marginBottom: '12px'
-        }}>
-            {t('components.checkbox.stories.complete.quantityTitle')}
-          </h3>
-          <Checkbox variant="number" number={quantity} onNumberChange={number => setQuantity(number || 0)}>
-            {t('components.checkbox.stories.complete.items')}
-          </Checkbox>
-        </div>
-        <div>
-          <h3 style={{
-          marginBottom: '12px'
-        }}>
-            {t('components.checkbox.stories.complete.disabledTitle')}
-          </h3>
-          <Checkbox checked disabled>
-            {t('components.checkbox.stories.complete.disabledOption')}
-          </Checkbox>
-        </div>
-      </div>;
-  }
-}`,...x.parameters?.docs?.source}}};u.parameters={...u.parameters,docs:{...u.parameters?.docs,source:{originalSource:`{
-  storyName: t('components.checkbox.stories.interactive.title'),
-  args: {
-    children: t('components.checkbox.stories.interactive.label'),
-    checked: false,
-    disabled: false,
-    variant: 'default'
-  }
-}`,...u.parameters?.docs?.source}}};const M=["Default","States","Variants","Themes","Controlled","NumberVariant","CheckboxGroup","CompleteExample","Interactive"];export{b as CheckboxGroup,x as CompleteExample,d as Controlled,a as Default,u as Interactive,h as NumberVariant,m as States,p as Themes,l as Variants,M as __namedExportsOrder,R as default};

package/dist-storybook/assets/chip-D4_ukvFv.js

@@ -1 +0,0 @@
-import{r as $,j as i}from"./iframe-C0PGuV5s.js";import{c as x,g as w}from"./store-BmYgrUro.js";import{I as N,r as y}from"./icon-CgGksgRS.js";import"./app-B__CxZQv.js";import"./navigation-bar-TpF0DSXB.js";import{T as C}from"./typography-BcLxefPi.js";import"./button-CbLEqALK.js";import"./bottom-tab-bar-UaYvPAic.js";import"./carousel-C1nQGnJZ.js";import"./pagination-MBP1YLhT.js";import"./sheet-footer-BL2JAvmb.js";import"./dialog-8K5u-kre.js";import"./section-content-dVOJuOaN.js";import"./option-item-Bmby544G.js";import{I}from"./image-BdsCB1je.js";import"./visibility-sensor-FN9n9CLs.js";import"./alert-D3VdqAYm.js";import"./skeleton-CmGRbWqE.js";import"./label-CHVpMhb5.js";import"./input-wrapper-DkEl0Eih.js";import"./text-field-DrODy0yz.js";import"./number-field-CvCF5adO.js";import"./checkbox-Bs8ghsWP.js";import"./radio-DRPO7cjx.js";import"./date-field-range-DSAQp9qR.js";import"./search-field-CophTGGH.js";import"./text-area-WRb8Dkvn.js";import"./dropdown-BeoO7m-R.js";import"./date-picker--PiU9sOL.js";import"./avatar-BVV1WSnD.js";import{B as b}from"./badge-DLt8CmDs.js";import"./switch-Cc-NvT4X.js";import"./tab-bar-DTyg7tFP.js";import"./rating-CTv8C1tH.js";import"./tooltip-CrxOWTXS.js";import"./calendar-C7tiySn0.js";import"./toast-provider-ChNGFQlt.js";import{u as F}from"./index-DWjPAWoJ.js";const k=(e={})=>new Promise((r,a)=>{vsf.chooseImage({...e,success:s=>{r(s)},fail:s=>{a(s)}})});async function D(e){try{const{count:r=1}=e||{},a=await k({count:r,includeBase64:!0}),s=[];return(a.tempFiles||[]).forEach(m=>{if(!m.data)return;const f={tempFile:m};s.push(f)}),s}catch(r){return console.error("Failed to upload image",r),[]}}const d=w("uploader"),T=({limit:e,disabled:r,showPreview:a,className:s,includeBase64:c,value:m,onChange:f,...g})=>{const[h,n]=F({...m!==void 0&&{value:m},...f!==void 0&&{onChange:f}},{defaultValue:[],trigger:"onChange"}),_=$.useCallback(async()=>{if(r||e&&(h??[]).length>=e)return;const l=await D({includeBase64:c});n(u=>{const o=[...u??[]];return l.forEach(v=>{e&&o.length>=e||o.unshift(v)}),o})},[e,r,c,h,n]),p=$.useCallback(l=>{n(u=>{const o=[...u];return o.splice(l,1),o})},[n]);return i.jsxs("div",{...g,className:x(d,{[`${d}--disabled`]:r},s),children:[i.jsx("div",{className:`${d}__trigger`,onClick:_,children:i.jsx(N,{name:"plus",type:"outline",size:40,color:r?"alias-object-disabled":"global-neutral-neutral-50"})}),a&&i.jsx("div",{className:`${d}__preview-list`,children:[...h??[]].reverse().map((l,u)=>i.jsx(j,{previewSrc:l.tempFile.data,onDelete:()=>p(u)},l.tempFile.path))})]})},j=({previewSrc:e,onDelete:r})=>i.jsxs("div",{className:`${d}__preview-item`,children:[i.jsx(I,{className:`${d}__preview-image`,fit:"cover",src:e}),i.jsx("div",{className:`${d}__delete-button`,onClick:r,children:i.jsx(N,{name:"xmark",size:16,color:"white"})})]});T.__docgenInfo={description:"",methods:[],displayName:"Uploader"};j.__docgenInfo={description:"",methods:[],displayName:"FilePreview",props:{previewSrc:{required:!1,tsType:{name:"string"},description:""},onDelete:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""}}};const t=w("chip"),q=({theme:e="default",type:r="selection",leadingIcon:a,trailingIcon:s,selected:c,label:m,style:f,className:g,disabled:h,count:n,..._})=>{e=e==="default"?"brand":e;const p=(o,v)=>o?i.jsx("span",{className:x(`${t}__icon`,v),children:y(o)}):null,l=()=>{if(a)return p(a,`${t}__icon--leading`);switch(r){case"selection":return c?p({name:"circle-check",type:"fill"},`${t}__icon--leading`):null;default:return null}},u=()=>{if(s)return p(s,`${t}__icon--trailing`);switch(r){case"dropdown":return p({name:"chevron-down"},`${t}__icon--trailing`);case"input":return c?p({name:"xmark"},`${t}__icon--trailing`):null;case"action":return n==null?null:i.jsx(b,{outline:!0,className:`${t}__badge`,children:n});default:return null}};return i.jsxs("div",{className:x(t,{[`${t}--${c?"selected":""}`]:!0,[`${t}--theme-${e}`]:!0,[`${t}--type-${r}`]:!0,[`${t}--disabled`]:h},g),onClick:_.onClick,..._,children:[i.jsx("span",{className:`${t}__overlay`}),l(),i.jsx(C,{component:"span",size:"base",weight:400,className:`${t}__label`,children:m||_.children}),u()]})};q.__docgenInfo={description:"",methods:[],displayName:"Chip",props:{theme:{defaultValue:{value:"'default'",computed:!1},required:!1},type:{defaultValue:{value:"'selection'",computed:!1},required:!1}}};export{q as C,T as U};

package/dist-storybook/assets/date-field-range-DSAQp9qR.js

@@ -1 +0,0 @@
-import{r,j as e}from"./iframe-C0PGuV5s.js";import{g as K,I as L}from"./input-wrapper-DkEl0Eih.js";import{c as y,g as k}from"./store-BmYgrUro.js";import{S as N}from"./skeleton-CmGRbWqE.js";import{B as I}from"./button-CbLEqALK.js";import{S as _,a as F,b as D,c as R}from"./sheet-footer-BL2JAvmb.js";import{C as v}from"./calendar-C7tiySn0.js";import{u as z}from"./index-DWjPAWoJ.js";import{d as H}from"./date-C1W0DfQy.js";import{I as X}from"./icon-CgGksgRS.js";import{D as A}from"./date-picker--PiU9sOL.js";import{o as w}from"./omit-D04qL5V_.js";const W=k("date-field-input"),b=r.forwardRef((c,p)=>{const{value:l,onChange:n,onCompleted:a,defaultValue:i,...C}=c,h=l!==void 0,[x,u]=r.useState(()=>l?j(l):c.defaultValue?j(c.defaultValue):""),t=r.useRef(null),o=r.useRef("");return r.useImperativeHandle(p,()=>t.current),r.useEffect(()=>{l!==void 0&&u(j(l))},[l?.getTime()]),e.jsx("input",{inputMode:"numeric",...C,className:y(W,c.className),value:x,onChange:d=>{let f=d.target.selectionEnd||0;const g=P(d.target.value),s=o.current.length>d.target.value.length;if(o.current=g,s||[2,3,5,6].includes(f)&&(f+=1),u(g),setTimeout(()=>{d.target.setSelectionRange(f,f)}),g.length===10){const m=T(g);m&&a?.(m,f)}},onBlur:d=>{const f=P(d.target.value),g=T(f);h?(u(l?j(l):""),o.current="",n?.(g)):H(g).isValid()?(u(j(g)),n?.(g)):(u(""),o.current="",l!==null&&n?.(null)),c.onBlur?.(d)},ref:t})}),P=c=>{const p=c.replace(/\D/g,""),l=p.slice(0,2),n=p.slice(2,4),a=p.slice(4,8);let i="";return l&&(i+=l+(l.length===2?"/":"")),n&&(i+=n+(n.length===2?"/":"")),a&&(i+=a),i},j=c=>c?H(c).format("DD/MM/YYYY"):"",T=c=>{if(!c||c.length!==10)return null;const[p,l,n]=c.split("/");try{return new Date(parseInt(n),parseInt(l)-1,parseInt(p))}catch{return null}};b.__docgenInfo={description:"",methods:[],displayName:"Input"};const S=({title:c,confirmButton:p,open:l,onCancel:n,value:a,defaultValue:i,onSelect:C,...h})=>{const x=a!==void 0,[u,t]=r.useState(a||i||new Date),o=r.useCallback(()=>{x&&u.getTime()!==a?.getTime()&&t(a||new Date)},[x,u,a]);return r.useEffect(()=>{a===null&&t(new Date),a&&t(a)},[a?.getTime()]),e.jsxs(_,{open:l,children:[e.jsx(F,{title:c,closeIcon:!0,onCloseClick:()=>{n?.(),o()}}),e.jsx(D,{children:l&&e.jsx(A,{...h,value:u,onChange:t})}),e.jsx(R,{children:e.jsx(I,{size:"large",children:"Xác nhận",theme:"neutral",...p,onClick:()=>{C?.(u),o()}})})]})};S.__docgenInfo={description:"",methods:[],displayName:"DatePickerSheet"};const B=k("calendar-sheet"),O=({title:c,confirmButton:p,open:l,onCancel:n,value:a,defaultValue:i,onSelect:C,className:h,...x})=>{const u=a!==void 0,[t,o]=r.useState(a||i||null),d=r.useCallback(()=>{u&&t?.getTime()!==a?.getTime()&&o(a||null)},[u,t,a]);return r.useEffect(()=>{a===null&&o(null),a&&o(a)},[a?.getTime()]),e.jsxs(_,{open:l,className:y(B,h),children:[e.jsx(F,{title:c,closeIcon:!0,onCloseClick:()=>{n?.(),d()}}),e.jsx(D,{className:`${B}__body`,children:l&&e.jsx(v,{type:"single",...x,onChange:o,value:t})}),e.jsx(R,{children:e.jsx(I,{size:"large",children:"Xác nhận",theme:"neutral",...p,disabled:!t,onClick:()=>{t&&(C?.(t),d())}})})]})};O.__docgenInfo={description:"",methods:[],displayName:"CalendarSingleSheet"};const V=k("date-field"),q=r.forwardRef((c,p)=>{const{wrapper:l,props:n}=K(c),{picker:a="date-picker",onChange:i,value:C,defaultValue:h,pickerProps:x}=n,[u,t]=r.useState(n.autoFocus),[o,d]=z(n,{trigger:"onChange",valuePropName:"value",defaultValuePropName:"defaultValue",defaultValue:null}),f=r.useRef(null),[g,s]=r.useState(!1);return r.useImperativeHandle(p,()=>({focus:()=>f.current?.focus?.(),blur:()=>f.current?.blur?.()})),e.jsxs(e.Fragment,{children:[e.jsx(L,{trailingIcon:{name:"calendar",color:"alias-object-secondary"},onTrailingIconClick:m=>{m.stopPropagation(),s(!0)},...l,className:l.className,isFocus:u,onClick:()=>f.current?.focus(),loadingNode:n.loading&&e.jsxs("div",{className:`${V}__loading`,children:[e.jsxs("div",{className:`${V}__loading__left`,children:[e.jsx(N,{width:40,height:13,shape:"pill"}),e.jsx(N,{width:128,height:13,shape:"pill"})]}),e.jsx(N,{width:40,height:13,shape:"pill"})]}),children:e.jsx(b,{...n,value:o,onChange:d,disabled:l.disabled,onFocus:m=>{t(!0),n.onFocus?.(m)},onBlur:m=>{t(!1),n.onBlur?.(m)},ref:f,className:y(V,n.inputClassName)})}),a==="date-picker"&&e.jsx(S,{open:g,value:o,onSelect:m=>{s(!1),d(m)},onCancel:()=>s(!1),title:l.label?.text,...x}),a==="calendar"&&e.jsx(O,{open:g,value:o,onSelect:m=>{s(!1),d(m)},onCancel:()=>s(!1),title:l.label?.text,...x})]})});q.__docgenInfo={description:"",methods:[{name:"focus",docblock:null,modifiers:[],params:[],returns:null},{name:"blur",docblock:null,modifiers:[],params:[],returns:null}],displayName:"DateField"};const $=k("calendar-sheet"),Y=({className:c,title:p,confirmButton:l,open:n,onCancel:a,value:i,defaultValue:C,onSelect:h,...x})=>{const u=i!==void 0,[t,o]=r.useState(i||C||[null,null]),d=r.useCallback(()=>{u&&o(i||[null,null])},[u,i]);return r.useEffect(()=>{i===null&&o([null,null]),i&&o(i)},[i]),e.jsxs(_,{open:n,className:y($,c),children:[e.jsx(F,{title:p,closeIcon:!0,onCloseClick:()=>{a?.(),d()}}),e.jsx(D,{className:`${$}__body`,children:n&&e.jsx(v,{type:"range",...x,value:t,onPick:o})}),e.jsx(R,{children:e.jsx(I,{size:"large",children:"Xác nhận",theme:"neutral",...l,disabled:!t||t[0]===null||t[1]===null,onClick:()=>{h?.(t),d()}})})]})};Y.__docgenInfo={description:"",methods:[],displayName:"CalendarRangeSheet"};const E=k("date-field-range"),G=r.forwardRef((c,p)=>{const{wrapper:l,props:n}=K(c),{picker:a="date-picker",pickerProps:i}=n,[C,h]=r.useState(-1),[x,u]=r.useState(n.autoFocus),[t,o]=z(n,{trigger:"onChange",valuePropName:"value",defaultValuePropName:"defaultValue",defaultValue:{from:null,to:null}}),d=r.useRef(null),f=r.useRef(null),g=()=>{x||(t?.from?f.current?.focus?.():d.current?.focus?.())};return r.useImperativeHandle(p,()=>({focus:g,blur:()=>{d.current?.blur?.(),f.current?.blur?.()}})),e.jsxs(e.Fragment,{children:[e.jsx(L,{trailingIcon:{name:"calendar",color:"alias-object-secondary"},onTrailingIconClick:s=>{s.stopPropagation(),h(0)},...l,className:l.className,isFocus:x,onClick:()=>g(),loadingNode:n.loading&&e.jsxs("div",{className:`${E}__loading`,children:[e.jsx(N,{width:128,height:13,shape:"pill"}),e.jsx(N,{width:128,height:13,shape:"pill"})]}),children:e.jsxs("div",{className:E,children:[e.jsx(b,{...w(n,["value","onChange","defaultValue"]),placeholder:n.placeholder?.from,value:t?.from,onChange:s=>o({...t,from:s}),onCompleted:(s,m)=>{m<10||(f.current?.focus?.(),f.current?.setSelectionRange(0,0))},disabled:l.disabled,onKeyDown:s=>{const m=s.key==="ArrowRight";d.current?.selectionStart===10&&m&&(f.current?.focus(),f.current?.setSelectionRange(0,0)),n.onKeyDown?.(s)},onFocus:s=>{u(!0),n.onFocus?.(s)},onBlur:s=>{u(!1),n.onBlur?.(s)},ref:d,className:n.inputClassName}),e.jsx(X,{name:"arrow-right",color:l.error?"alias-support-negative":l.success?"alias-support-positive":"alias-object-secondary",size:16}),e.jsx(b,{...w(n,["value","onChange","defaultValue"]),placeholder:n.placeholder?.to,value:t?.to,onChange:s=>o({...t,to:s}),disabled:l.disabled,onKeyDown:s=>{const m=s.key==="Delete",M=s.key==="ArrowLeft";f.current?.selectionStart===0&&(m||M)&&d.current?.focus(),n.onKeyDown?.(s)},onFocus:s=>{u(!0),n.onFocus?.(s)},onBlur:s=>{u(!1),n.onBlur?.(s)},ref:f,className:n.inputClassName})]})}),a==="date-picker"&&e.jsxs(e.Fragment,{children:[e.jsx(S,{open:C===0,value:t?.from,onSelect:s=>{h(1),o({...t,from:s})},onCancel:()=>h(-1),title:e.jsxs(e.Fragment,{children:[l.label?.text," từ ngày"]}),...i?.[0]}),e.jsx(S,{open:C===1,value:t?.to,onSelect:s=>{h(-1),o({...t,to:s})},min:t?.from,onCancel:()=>h(-1),title:e.jsxs(e.Fragment,{children:[l.label?.text," đến ngày"]}),...i?.[1]})]}),a==="calendar"&&e.jsx(Y,{open:C===0,value:[t?.from||null,t?.to||null],onSelect:s=>{h(-1),o({from:s[0],to:s[1]})},onCancel:()=>h(-1),title:e.jsx(e.Fragment,{children:l.label?.text}),...i})]})});G.__docgenInfo={description:"",methods:[{name:"focus",docblock:null,modifiers:[],params:[],returns:null},{name:"blur",docblock:null,modifiers:[],params:[],returns:null}],displayName:"DateFieldRange"};export{q as D,G as a};

package/dist-storybook/assets/date-field.stories-Dx6-qeWT.js

@@ -1,129 +0,0 @@
-import{j as t,r as h}from"./iframe-C0PGuV5s.js";import{T as g,S as D,M as u,P as b,a as f}from"./blocks-D4qvS4eZ.js";import{D as a,a as l}from"./date-field-range-DSAQp9qR.js";import{t as e}from"./store-BmYgrUro.js";import"./preload-helper-PPVm8Dsz.js";import"./index-1AHvPexM.js";import"./input-wrapper-DkEl0Eih.js";import"./icon-CgGksgRS.js";import"./colors-_6nFGM3e.js";import"./label-CHVpMhb5.js";import"./typography-BcLxefPi.js";import"./skeleton-CmGRbWqE.js";import"./omit-D04qL5V_.js";import"./_baseClone-4nOrhHpR.js";import"./button-CbLEqALK.js";import"./sheet-footer-BL2JAvmb.js";import"./navigation-bar-TpF0DSXB.js";import"./proxy-edvPwIiD.js";import"./visibility-sensor-FN9n9CLs.js";import"./index-B-Ksafg0.js";import"./index-BLzgbpm2.js";import"./react-zqqxT5R_.js";import"./app-B__CxZQv.js";import"./image-BdsCB1je.js";import"./toast-provider-ChNGFQlt.js";import"./bottom-tab-bar-UaYvPAic.js";import"./calendar-C7tiySn0.js";import"./date-C1W0DfQy.js";import"./index-DWjPAWoJ.js";import"./date-picker--PiU9sOL.js";import"./embla-carousel-react.esm-Pp2OIUrN.js";const x=()=>{const o=`
-## ${e("common.table.title")}
-
-| ${e("common.table.name")} | ${e("common.table.type")} | ${e("common.table.required")} | ${e("common.table.description")} |
-| :--- | :--- | :--- | :--- |
-| \`value\` | \`Date | null\` | ${e("common.table.no")} | ${e("components.dateField.valueDescription")} |
-| \`onChange\` | \`(value: Date | null) => void\` | ${e("common.table.no")} | ${e("components.dateField.onChangeDescription")} |
-| \`picker\` | \`boolean | IDatePickerSheetProps\` | ${e("common.table.no")} | ${e("components.dateField.pickerDescription")} |
-| \`loading\` | \`boolean\` | ${e("common.table.no")} | ${e("components.dateField.loadingDescription")} |
-| \`label\` | \`ILabelProps\` | ${e("common.table.no")} | ${e("components.dateField.labelDescription")} |
-| \`placeholder\` | \`string\` | ${e("common.table.no")} | ${e("components.dateField.placeholderDescription")} |
-| \`shape\` | \`'rounded' | 'pill'\` | ${e("common.table.no")} | ${e("components.dateField.shapeDescription")} |
-| \`disabled\` | \`boolean\` | ${e("common.table.no")} | ${e("components.dateField.disabledDescription")} |
-| \`error\` | \`boolean\` | ${e("common.table.no")} | ${e("components.dateField.errorDescription")} |
-| \`errorMessage\` | \`ReactNode\` | ${e("common.table.no")} | ${e("components.dateField.errorMessageDescription")} |
-| \`success\` | \`boolean\` | ${e("common.table.no")} | ${e("components.dateField.successDescription")} |
-| \`successMessage\` | \`ReactNode\` | ${e("common.table.no")} | ${e("components.dateField.successMessageDescription")} |
-| \`className\` | \`string\` | ${e("common.table.no")} | ${e("components.dateField.classNameDescription")} |
-| \`...props\` | \`ComponentPropsWithRef<'div'>\` | ${e("common.table.no")} | ${e("components.dateField.propsDescription")} |
-  `;return t.jsxs(t.Fragment,{children:[t.jsx(g,{}),t.jsx(D,{}),t.jsx(u,{children:e("components.dateField.description")}),t.jsx(b,{}),t.jsx(u,{children:o}),t.jsx(f,{})]})},Y={title:"Components/DateField",component:a,parameters:{layout:"padded",docs:{page:x}},tags:["autodocs"],argTypes:{value:{control:"date",description:e("components.dateField.valueDescription"),table:{type:{summary:"Date | null"}}},onChange:{action:"changed",description:e("components.dateField.onChangeDescription"),table:{type:{summary:"(value: Date | null) => void"}}},picker:{control:"boolean",description:e("components.dateField.pickerDescription"),table:{type:{summary:"boolean | IDatePickerSheetProps"},defaultValue:{summary:"true"}}},loading:{control:"boolean",description:e("components.dateField.loadingDescription"),table:{type:{summary:"boolean"}}},placeholder:{control:"text",description:e("components.dateField.placeholderDescription"),table:{type:{summary:"string"}}},shape:{control:"select",options:["rounded","pill"],description:e("components.dateField.shapeDescription"),table:{type:{summary:'"rounded" | "pill"'},defaultValue:{summary:"rounded"}}},disabled:{control:"boolean",description:e("components.dateField.disabledDescription"),table:{type:{summary:"boolean"}}},error:{control:"boolean",description:e("components.dateField.errorDescription"),table:{type:{summary:"boolean"}}},errorMessage:{control:"text",description:e("components.dateField.errorMessageDescription"),table:{type:{summary:"ReactNode"}}},success:{control:"boolean",description:e("components.dateField.successDescription"),table:{type:{summary:"boolean"}}},successMessage:{control:"text",description:e("components.dateField.successMessageDescription"),table:{type:{summary:"ReactNode"}}},className:{control:"text",description:e("components.dateField.classNameDescription"),table:{type:{summary:"string"}}}}},s={storyName:e("components.dateField.stories.default.title"),args:{defaultValue:new Date,picker:"calendar",placeholder:e("components.dateField.stories.default.placeholder")}},n={storyName:e("components.dateField.stories.controlled.title"),render:()=>{const[o,r]=h.useState(new Date);return t.jsx(a,{value:o,picker:"calendar",onChange:r,placeholder:e("components.dateField.stories.default.placeholder")})}},d={storyName:e("components.dateField.stories.withLabel.title"),args:{label:{text:e("components.dateField.stories.withLabel.label")},placeholder:e("components.dateField.stories.withLabel.placeholder")}},i={storyName:e("components.dateField.stories.withoutPicker.title"),args:{picker:!1,placeholder:e("components.dateField.stories.withoutPicker.placeholder")}},c={storyName:e("components.dateField.stories.states.title"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[t.jsx(a,{placeholder:e("components.dateField.stories.default.placeholder")}),t.jsx(a,{value:new Date}),t.jsx(a,{disabled:!0,placeholder:e("components.dateField.disabledDescription")}),t.jsx(a,{error:!0,errorMessage:e("components.dateField.stories.states.errorMessage"),placeholder:e("components.dateField.stories.default.placeholder")}),t.jsx(a,{loading:!0,placeholder:e("components.dateField.stories.states.loading")})]})},p={storyName:e("components.dateField.stories.shapes.title"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[t.jsx(a,{shape:"rounded",placeholder:e("components.dateField.stories.shapes.rounded")}),t.jsx(a,{shape:"pill",placeholder:e("components.dateField.stories.shapes.pill")})]})},m={storyName:e("components.dateField.stories.rangeDateField.title"),render:()=>{const[o,r]=h.useState({from:new Date("2025-01-01"),to:new Date("2025-01-10")});return t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[t.jsx(l,{label:{text:e("components.dateField.stories.rangeDateField.datePickerControlled.label")},placeholder:{from:e("components.dateField.stories.rangeDateField.placeholder.from"),to:e("components.dateField.stories.rangeDateField.placeholder.to")},value:o,onChange:r}),t.jsx(l,{label:{text:e("components.dateField.stories.rangeDateField.calendarControlled.label")},placeholder:{from:e("components.dateField.stories.rangeDateField.placeholder.from"),to:e("components.dateField.stories.rangeDateField.placeholder.to")},value:o,onChange:r,picker:"calendar"}),t.jsx(l,{label:{text:e("components.dateField.stories.rangeDateField.inputControlled.label")},placeholder:{from:e("components.dateField.stories.rangeDateField.placeholder.from"),to:e("components.dateField.stories.rangeDateField.placeholder.to")},value:o,onChange:r,picker:!1}),t.jsx(l,{label:{text:e("components.dateField.stories.rangeDateField.datePickerUncontrolled.label")},placeholder:{from:e("components.dateField.stories.rangeDateField.placeholder.from"),to:e("components.dateField.stories.rangeDateField.placeholder.to")},defaultValue:o}),t.jsx(l,{label:{text:e("components.dateField.stories.rangeDateField.calendarUncontrolled.label")},placeholder:{from:e("components.dateField.stories.rangeDateField.placeholder.from"),to:e("components.dateField.stories.rangeDateField.placeholder.to")},defaultValue:o,picker:"calendar"}),t.jsx(l,{label:{text:e("components.dateField.stories.rangeDateField.inputUncontrolled.label")},placeholder:{from:e("components.dateField.stories.rangeDateField.placeholder.from"),to:e("components.dateField.stories.rangeDateField.placeholder.to")},defaultValue:o,picker:!1})]})}},F={storyName:e("components.dateField.stories.interactive.title"),args:{placeholder:e("components.dateField.stories.default.placeholder")}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
-  storyName: t('components.dateField.stories.default.title'),
-  args: {
-    defaultValue: new Date(),
-    picker: 'calendar',
-    placeholder: t('components.dateField.stories.default.placeholder')
-  }
-}`,...s.parameters?.docs?.source}}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{
-  storyName: t('components.dateField.stories.controlled.title'),
-  render: () => {
-    const [date, setDate] = useState<Date | null>(new Date());
-    return <DateField value={date} picker="calendar" onChange={setDate} placeholder={t('components.dateField.stories.default.placeholder')} />;
-  }
-}`,...n.parameters?.docs?.source}}};d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`{
-  storyName: t('components.dateField.stories.withLabel.title'),
-  args: {
-    label: {
-      text: t('components.dateField.stories.withLabel.label')
-    },
-    placeholder: t('components.dateField.stories.withLabel.placeholder')
-  }
-}`,...d.parameters?.docs?.source}}};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:`{
-  storyName: t('components.dateField.stories.withoutPicker.title'),
-  args: {
-    picker: false,
-    placeholder: t('components.dateField.stories.withoutPicker.placeholder')
-  }
-}`,...i.parameters?.docs?.source}}};c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:`{
-  storyName: t('components.dateField.stories.states.title'),
-  render: () => <div style={{
-    display: 'flex',
-    flexDirection: 'column',
-    gap: '16px'
-  }}>
-      <DateField placeholder={t('components.dateField.stories.default.placeholder')} />
-      <DateField value={new Date()} />
-      <DateField disabled placeholder={t('components.dateField.disabledDescription')} />
-      <DateField error errorMessage={t('components.dateField.stories.states.errorMessage')} placeholder={t('components.dateField.stories.default.placeholder')} />
-      <DateField loading placeholder={t('components.dateField.stories.states.loading')} />
-    </div>
-}`,...c.parameters?.docs?.source}}};p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
-  storyName: t('components.dateField.stories.shapes.title'),
-  render: () => <div style={{
-    display: 'flex',
-    flexDirection: 'column',
-    gap: '16px'
-  }}>
-      <DateField shape="rounded" placeholder={t('components.dateField.stories.shapes.rounded')} />
-      <DateField shape="pill" placeholder={t('components.dateField.stories.shapes.pill')} />
-    </div>
-}`,...p.parameters?.docs?.source}}};m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
-  storyName: t('components.dateField.stories.rangeDateField.title'),
-  render: () => {
-    const [range, setRange] = useState<IDateFieldRangeValue>({
-      from: new Date('2025-01-01'),
-      to: new Date('2025-01-10')
-    });
-    return <div style={{
-      display: 'flex',
-      flexDirection: 'column',
-      gap: '16px'
-    }}>
-        <DateFieldRangeComponent label={{
-        text: t('components.dateField.stories.rangeDateField.datePickerControlled.label')
-      }} placeholder={{
-        from: t('components.dateField.stories.rangeDateField.placeholder.from'),
-        to: t('components.dateField.stories.rangeDateField.placeholder.to')
-      }} value={range} onChange={setRange} />
-        <DateFieldRangeComponent label={{
-        text: t('components.dateField.stories.rangeDateField.calendarControlled.label')
-      }} placeholder={{
-        from: t('components.dateField.stories.rangeDateField.placeholder.from'),
-        to: t('components.dateField.stories.rangeDateField.placeholder.to')
-      }} value={range} onChange={setRange} picker="calendar" />
-
-        <DateFieldRangeComponent label={{
-        text: t('components.dateField.stories.rangeDateField.inputControlled.label')
-      }} placeholder={{
-        from: t('components.dateField.stories.rangeDateField.placeholder.from'),
-        to: t('components.dateField.stories.rangeDateField.placeholder.to')
-      }} value={range} onChange={setRange} picker={false} />
-
-        <DateFieldRangeComponent label={{
-        text: t('components.dateField.stories.rangeDateField.datePickerUncontrolled.label')
-      }} placeholder={{
-        from: t('components.dateField.stories.rangeDateField.placeholder.from'),
-        to: t('components.dateField.stories.rangeDateField.placeholder.to')
-      }} defaultValue={range} />
-
-        <DateFieldRangeComponent label={{
-        text: t('components.dateField.stories.rangeDateField.calendarUncontrolled.label')
-      }} placeholder={{
-        from: t('components.dateField.stories.rangeDateField.placeholder.from'),
-        to: t('components.dateField.stories.rangeDateField.placeholder.to')
-      }} defaultValue={range} picker="calendar" />
-
-        <DateFieldRangeComponent label={{
-        text: t('components.dateField.stories.rangeDateField.inputUncontrolled.label')
-      }} placeholder={{
-        from: t('components.dateField.stories.rangeDateField.placeholder.from'),
-        to: t('components.dateField.stories.rangeDateField.placeholder.to')
-      }} defaultValue={range} picker={false} />
-      </div>;
-  }
-}`,...m.parameters?.docs?.source}}};F.parameters={...F.parameters,docs:{...F.parameters?.docs,source:{originalSource:`{
-  storyName: t('components.dateField.stories.interactive.title'),
-  args: {
-    placeholder: t('components.dateField.stories.default.placeholder')
-  }
-}`,...F.parameters?.docs?.source}}};const Z=["Default","Controlled","WithLabel","WithoutPicker","States","Shapes","DateFieldRange","Interactive"];export{n as Controlled,m as DateFieldRange,s as Default,F as Interactive,p as Shapes,c as States,d as WithLabel,i as WithoutPicker,Z as __namedExportsOrder,Y as default};

package/dist-storybook/assets/date-picker--PiU9sOL.js

@@ -1 +0,0 @@
-import{r as n,j as p}from"./iframe-C0PGuV5s.js";import{u as Y}from"./index-DWjPAWoJ.js";import{o as ae}from"./omit-D04qL5V_.js";import{g as se,c as A}from"./store-BmYgrUro.js";import{u as ne}from"./embla-carousel-react.esm-Pp2OIUrN.js";import{T as oe}from"./typography-BcLxefPi.js";import{d as E}from"./date-C1W0DfQy.js";const F=se("date-picker"),re={CIRCLE_DEGREES:360,WHEEL_ITEM_SIZE:24,WHEEL_ITEM_COUNT:80,WHEEL_ITEMS_IN_VIEW:4},T=`${F}-item`,{CIRCLE_DEGREES:$,WHEEL_ITEM_COUNT:U,WHEEL_ITEMS_IN_VIEW:le,WHEEL_ITEM_SIZE:q}=re,L=$/U,ce=L*le,Z=Math.round(q/2/Math.tan(Math.PI/U)),R=(e,o)=>Math.abs(e-o)<ce,ie=(e,o,a,r,s)=>{const f=e.slideNodes()[o],l=e.scrollProgress()*s,i=e.scrollSnapList()[o]*s,t=i+s,u=i-s;let O=!1,d=o*-L;if(R(l,i)&&(O=!0),R(l,u)&&(O=!0,d=-$+(r-o)*L),R(l,t)&&(O=!0,d=-(s%$)-o*L),O){const c=Math.abs(l-i)<L/2;f.style.opacity=c?"1":"0.25",f.style.transform=`translateY(-${o*100}%) rotateX(${d}deg) translateZ(${Z}px)`}else f.style.opacity="0",f.style.transform="none"},ue=(e,o)=>{e.containerNode().style.transform=`translateZ(${Z}px) rotateX(${o}deg)`},k=e=>{const{className:o,items:a,activeIndex:r=0,renderLabel:s,onChange:f}=e,l=!0,[i,t]=ne({loop:l,axis:"y",dragFree:!0,containScroll:!1,watchSlides:!1,startIndex:r}),u=a.length,O=n.useRef(null),d=u*L,c=0,g=n.useCallback(h=>{if(!h)return;const{translate:y,slideLooper:I}=h.internalEngine();y.clear(),y.toggleActive(!1),I.loopPoints.forEach(({translate:M})=>{M.clear(),M.toggleActive(!1)})},[]),C=n.useCallback(h=>{const I=(u*L-c)*h.scrollProgress();ue(h,I),h.slideNodes().forEach((M,D)=>{ie(h,D,l,u,d)})},[u,c,d,l]);return n.useEffect(()=>{if(!t)return;t.on("pointerUp",y=>{const{scrollTo:I,target:M,location:D}=y.internalEngine(),j=M.get()-D.get(),H=Math.abs(j)<q/2.5?10:.1,x=j*H;I.distance(x,!0)}),t.on("scroll",C),t.on("reInit",y=>{g(y),C(y)}),g(t),C(t);const h=()=>{f&&f(t.selectedScrollSnap())};return t.on("select",h),()=>{t.off("select",h)}},[t,g,C,f]),p.jsx("div",{className:A(T,o),children:p.jsx("div",{className:`${T}__scene`,ref:O,children:p.jsx("div",{className:`${T}__viewport`,ref:i,children:p.jsx("div",{className:`${T}__container`,children:a.map(h=>p.jsx("div",{className:`${T}__slide`,children:p.jsx(oe,{size:"base",weight:"600",children:s?.(h)||h})},h))})})})})};k.__docgenInfo={description:"",methods:[],displayName:"DatePickerItem"};const de=e=>{const{type:o,value:a,max:r,min:s,hasHour:f,renderLabels:l}=e;let i,t,u;switch(o){case"day":{u=l?.days||ge,i=r&&E(r).startOf("month").valueOf()===E(a).startOf("month").valueOf()?r.getDate():void 0,t=s&&E(s).startOf("month").valueOf()===E(a).startOf("month").valueOf()?s.getDate():void 0;break}case"month":{u=l?.months||(f?ye:he),i=r&&E(r).startOf("year").valueOf()===E(a).startOf("year").valueOf()?r.getMonth():void 0,t=s&&E(s).startOf("year").valueOf()===E(a).startOf("year").valueOf()?s.getMonth():void 0;break}case"year":{u=l?.years||ve,i=r?r.getFullYear():void 0,t=s?s.getFullYear():void 0;break}case"hour":{u=l?.hours||me,i=r&&E(r).startOf("day").valueOf()===E(a).startOf("day").valueOf()?r.getHours():void 0,t=s&&E(s).startOf("day").valueOf()===E(a).startOf("day").valueOf()?s.getHours():void 0;break}case"minute":{u=l?.minutes||fe,i=r&&E(r).startOf("hour").valueOf()===E(a).startOf("hour").valueOf()?r.getMinutes():void 0,t=s&&E(s).startOf("hour").valueOf()===E(a).startOf("hour").valueOf()?s.getMinutes():void 0;break}case"dayOfWeek":{u=l?.dayOfWeeks||Ee;break}}return{renderLabel:u,max:i,min:t}},W=(e,o,a)=>Array.from({length:Math.floor((o-e+1)/a)},(r,s)=>e+s*a),w=(e,o)=>{let a=0;for(;a<e.length;a++){if(e[a]===o)return a;if(e[a]>o)return Math.max(a,0)}return a-1},me=e=>e.toString().padStart(2,"0"),fe=e=>e.toString().padStart(2,"0"),ge=e=>e.toString().padStart(2,"0"),he=e=>"tháng "+(e+1).toString().padStart(2,"0"),ye=e=>"thg "+(e+1).toString().padStart(2,"0"),ve=e=>e.toString().padStart(4,"0"),Ee=e=>["chủ nhật","thứ 2","thứ 3","thứ 4","thứ 5","thứ 6","thứ 7"][e%7],B=({className:e,hour:o,day:a,month:r,year:s,minutesProps:f,hoursProps:l,daysProps:i,monthsProps:t,yearsProps:u,dayOfWeeksProps:O,...d})=>{const[c,g]=Y(d,{trigger:"onChange",valuePropName:"value",defaultValue:{years:new Date().getFullYear(),minutes:new Date().getMinutes(),hours:new Date().getHours(),days:new Date().getDate(),months:new Date().getMonth(),dayOfWeeks:new Date().getDay()}});let C=!1;a=a||o&&(r||s),r=r||(o||a)&&s,a&&!o&&!r&&!s&&(C=!0,a=!1);const h=o,y=n.useMemo(()=>W(0,59,f?.step||1),[f?.step]),I=n.useMemo(()=>w(y,c.minutes),[y,c.minutes]),M=n.useCallback(v=>{g(m=>({...m,minutes:y[v%y.length]}))},[y,g]),D=n.useMemo(()=>W(0,23,l?.step||1),[l?.step]),j=n.useMemo(()=>w(D,c.hours),[D,c.hours]),H=n.useCallback(v=>{g(m=>({...m,hours:D[v%D.length]}))},[D,g]),x=n.useMemo(()=>{const v=new Date(c.years,c.months+1,0).getDate();return W(1,v,i?.step||1)},[i?.step,c.months,c.years]),G=n.useMemo(()=>w(x,c.days),[x,c.days]),X=n.useCallback(v=>{g(m=>({...m,days:x[v%x.length],dayOfWeeks:new Date(m.years,m.months,x[v%x.length]).getDay()}))},[x,g]),b=n.useMemo(()=>W(0,11,t?.step||1),[t?.step]),z=n.useMemo(()=>w(b,c.months),[b,c.months]),J=n.useCallback(v=>{g(m=>({...m,months:b[v%b.length],dayOfWeeks:new Date(m.years,b[v%b.length],m.days).getDay()}))},[b,g]),_=n.useMemo(()=>W(1900,2300,u?.step||1),[u?.step]),K=n.useMemo(()=>w(_,c.years),[_,c.years]),Q=n.useCallback(v=>{g(m=>({...m,years:_[v%_.length],dayOfWeeks:new Date(_[v%_.length],m.months,m.days).getDay()}))},[_,g]),S=n.useMemo(()=>W(0,59,O?.step||1),[O?.step]),P=n.useMemo(()=>w(S,c.dayOfWeeks),[S,c.dayOfWeeks]),ee=n.useCallback(v=>{g(m=>{const N=new Date(m.years,m.months,m.days),V=S[v%S.length],te=N.getDay()-V;return N.setDate(N.getDate()-te),{...m,years:N.getFullYear(),months:N.getMonth(),days:N.getDate(),dayOfWeeks:V}})},[S,g]);return p.jsxs("div",{className:A(`${F}-base`,e),children:[a&&p.jsx(k,{items:x,activeIndex:G,onChange:X,renderLabel:i.renderLabel,min:i.min,max:i.max},x.length),r&&p.jsx(k,{items:b,activeIndex:z,onChange:J,renderLabel:t.renderLabel,min:t.min,max:t.max}),s&&p.jsx(k,{items:_,activeIndex:K,onChange:Q,renderLabel:u.renderLabel,min:u.min,max:u.max}),C&&p.jsx(k,{items:S,activeIndex:P,onChange:ee,renderLabel:O.renderLabel,min:O.min,max:O.max}),o&&p.jsx(k,{items:D,activeIndex:j,onChange:H,renderLabel:l.renderLabel,min:l.min,max:l.max}),h&&p.jsx(k,{items:y,activeIndex:I,onChange:M,renderLabel:f.renderLabel,min:f.min,max:f.max})]})};B.__docgenInfo={description:"",methods:[],displayName:"DatePickerBase"};const Me=({min:e,max:o,renderLabels:a,year:r=!0,month:s=!0,day:f=!0,hour:l=!1,...i})=>{const[t,u]=Y(i,{trigger:"onChange",valuePropName:"value",defaultValue:new Date}),O=n.useMemo(()=>({years:t.getFullYear(),months:t.getMonth(),days:t.getDate(),dayOfWeeks:t.getDay(),hours:t.getHours(),minutes:t.getMinutes()}),[t]),d=n.useCallback(M=>de({type:M,value:t,max:o,min:e,hasHour:l,renderLabels:a}),[t,o,e,l,a]),c=n.useMemo(()=>d("year"),[d]),g=n.useMemo(()=>d("month"),[d]),C=n.useMemo(()=>d("day"),[d]),h=n.useMemo(()=>d("hour"),[d]),y=n.useMemo(()=>d("minute"),[d]),I=n.useMemo(()=>d("dayOfWeek"),[d]);return p.jsx(B,{...ae(i,["value","onChange"]),year:r,month:s,day:f,hour:l,yearsProps:c,monthsProps:g,daysProps:C,hoursProps:h,minutesProps:y,dayOfWeeksProps:I,value:O,onChange:M=>{u(new Date(M.years,M.months,M.days,M.hours,M.minutes))}})};Me.__docgenInfo={description:"",methods:[],displayName:"DatePicker",props:{year:{defaultValue:{value:"true",computed:!1},required:!1},month:{defaultValue:{value:"true",computed:!1},required:!1},day:{defaultValue:{value:"true",computed:!1},required:!1},hour:{defaultValue:{value:"false",computed:!1},required:!1}}};export{Me as D};

package/dist-storybook/assets/dialog-8K5u-kre.js

@@ -1 +0,0 @@
-import{j as s,r as i}from"./iframe-C0PGuV5s.js";import{c,g as N}from"./store-BmYgrUro.js";import{I as $}from"./image-BdsCB1je.js";import{T as d}from"./typography-BcLxefPi.js";import{B as v}from"./button-CbLEqALK.js";import{r as p}from"./blocks-D4qvS4eZ.js";import{j as E,I as D}from"./navigation-bar-TpF0DSXB.js";import{A as n}from"./app-B__CxZQv.js";const r=N("dialog"),u=i.forwardRef(({topImageUrl:e,top:l,title:a,description:t,children:o,closeAction:m,footer:f,open:x,onBackdropClick:g,onCloseClick:_,overlay:j="default",className:h,...y},b)=>s.jsxs("div",{ref:b,className:c(r,{[`${r}--open`]:x},h),...y,children:[s.jsx("div",{className:c(`${r}__overlay`,{[`${r}__overlay--blur`]:j==="blur"}),onClick:g}),!!m&&s.jsx(v,{className:`${r}__close`,leadingIcon:{name:"xmark"},size:"large",theme:"neutral",type:"outline",shape:"pill",onClick:_}),s.jsxs("div",{className:c(`${r}__box`,!!m&&`${r}__box--close`),children:[e&&s.jsx($,{src:e,className:`${r}__image`}),l,(!!a||!!t)&&s.jsxs("div",{className:`${r}__title-group`,children:[!!a&&s.jsx(d,{size:"large",weight:600,children:a}),!!t&&s.jsx(d,{size:"base",weight:400,children:t})]}),!!o&&s.jsx("div",{className:`${r}__body`,children:o}),!!f&&s.jsx("div",{className:`${r}__footer`,children:f})]})]})),R=({open:e,...l})=>{const[a,t]=i.useState(e),o=i.useRef(null);return E(()=>{e&&t(e)}),D(()=>{t(!1)}),i.useEffect(()=>{t(e)},[e]),i.useEffect(()=>{a&&o.current&&document.body.appendChild(o.current)},[a]),p.createPortal(s.jsx(u,{ref:o,open:a,...l}),document.body)},C=({open:e,...l})=>{const[a,t]=i.useState(e),o=i.useRef(null);return i.useEffect(()=>()=>{t(!1)},[]),i.useEffect(()=>{t(e)},[e]),i.useEffect(()=>{a&&o.current&&document.body.appendChild(o.current)},[a]),p.createPortal(s.jsx(u,{ref:o,open:a,...l}),document.body)},I=({portal:e=!0,...l})=>e&&n.isUsingApp&&n.isUsingRouter?s.jsx(R,{...l}):e&&(!n.isUsingApp||!n.isUsingRouter)?s.jsx(C,{...l}):s.jsx(u,{...l});I.__docgenInfo={description:"",methods:[],displayName:"Dialog",props:{portal:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}}}};export{I as D};