ingred-ui 31.1.0 → 32.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/NavigationRail/Fixture/Fixture.d.ts +1 -1
- package/dist/components/NavigationRail/Fixture/styled.d.ts +2 -1
- package/dist/components/NavigationRail/NavigationRail.d.ts +5 -6
- package/dist/components/NavigationRail/NavigationRailContainer/NavigationRailContainer.d.ts +10 -0
- package/dist/components/NavigationRail/NavigationRailContainer/styled.d.ts +1 -1
- package/dist/components/NavigationRail/Slot/Slot.d.ts +13 -0
- package/dist/components/NavigationRail/Slot/SlotContent.d.ts +14 -0
- package/dist/components/NavigationRail/Slot/index.d.ts +4 -0
- package/dist/components/NavigationRail/Slot/styled.d.ts +6 -0
- package/dist/components/NavigationRail/constants.d.ts +6 -1
- package/dist/components/NavigationRail/hooks/useNavigationRail.d.ts +2 -0
- package/dist/components/NavigationRail/index.d.ts +2 -0
- package/dist/components/NavigationRail/styled.d.ts +0 -2
- package/dist/components/NavigationRail/utils.d.ts +9 -0
- package/dist/components/NotificationBadge/NotificationBadge.d.ts +12 -5
- package/dist/index.es.js +293 -202
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +293 -202
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1503,7 +1503,7 @@ object-assign
|
|
|
1503
1503
|
background-color: transparent;
|
|
1504
1504
|
color: ${({theme:e})=>e.palette.neutral.lighter};
|
|
1505
1505
|
}
|
|
1506
|
-
`,If=e.memo((function({selected:e,value:t,selectable:n,onClickDate:r,children:a,isSaturday:o=!1,isSundayOrHoliday:l=!1,isToday:s=!1}){return i.default.createElement(yf,{isToday:s},n?i.default.createElement(Cf,{type:"button",selected:e,isSaturday:o,isSundayOrHoliday:l,onClick:()=>{null==r||r(t)}},a):i.default.createElement(Ef,{type:"button",isSaturday:o,isSundayOrHoliday:l},a))})),kf=e=>(e=>{try{const t=e.year(),n=zs(t),r=e.format("YYYY/M/D");return n.some((e=>e.date===r))}catch(e){return!1}})(e),Mf=e=>e.format("YYYY-MM-DD")===hs().format("YYYY-MM-DD"),Af=(e,t)=>hs(new Date(e.year(),e.month(),t)),$f=e=>(e=>{const t=e.day(),n=0===t,r=6===t,a=kf(e);return{dayOfWeek:t,isSunday:n,isSaturday:r,isHoliday:a,isSundayOrHoliday:n||a}})(e),Sf=(e,t)=>!t(e),Df=e=>Array.from(new Array(e.daysInMonth()),((e,t)=>t+1)),Lf=(e,t=0)=>(e.startOf("month").day()-t+7)%7,Of=({date:e,weekList:t,weekStart:n=0,monthFormat:r,current:a,isOutsideRange:o,onDateChange:l,onPreviousMonth:s,onNextMonth:c})=>i.default.createElement(Qp,null,i.default.createElement(rf,null,i.default.createElement(nf,null,i.default.createElement(tf,null,i.default.createElement(ef,{weight:"bold",size:"xl"},a.format(r))),i.default.createElement("div",{style:{display:"flex",gap:"8px"}},i.default.createElement(Rs,{size:"small",color:"clear",icon:i.default.createElement(D,{name:"arrow_left",size:"md",color:"currentColor"}),type:"button","aria-label":"前の月",onClick:s}),i.default.createElement(au,{content:"今日を選択"},i.default.createElement(Rs,{size:"small",color:"clear",icon:i.default.createElement(D,{name:"calendar",size:"md",color:"currentColor"}),type:"button","aria-label":"今日を選択",onClick:()=>l(hs())})),i.default.createElement(Rs,{size:"small",color:"clear",icon:i.default.createElement(D,{name:"arrow_right",size:"md",color:"currentColor"}),type:"button","aria-label":"次の月",onClick:c})))),i.default.createElement(Kp,null,null==t?void 0:t.map((e=>i.default.createElement(qp,{key:e},e))),Array.from(new Array(Lf(a,n)),((e,t)=>i.default.createElement(qp,{key:`empty-${t}`}))),Df(a).map((t=>{const n=Af(a,t),r=$f(n),s=e.format("YYYY-MM-DD")===n.format("YYYY-MM-DD"),c=Sf(n,o);return i.default.createElement(If,{key:t,value:n,selectable:c,selected:s,isSaturday:r.isSaturday,isSundayOrHoliday:r.isSundayOrHoliday,isToday:Mf(n),onClickDate:l},t)})))),Vf=t=>{const[n,r]=e.useState(t),a=e.useCallback((()=>{r((e=>e.subtract(1,"month")))}),[]),i=e.useCallback((()=>{r((e=>e.add(1,"month")))}),[]);return{currentMonth:n,goToPreviousMonth:a,goToNextMonth:i,goToMonth:e.useCallback((e=>{r(e)}),[])}};function Rf(e){return(Math.trunc(e)%7+7)%7}function Hf(e){const{weekConfig:t,fallbackLabels:n,fallbackStart:r}=e;if(void 0!==t){if(7!==t.labels.length)throw new Error("ingred-ui Calendar: weekConfig.labels must contain exactly 7 entries");return Object.assign(Object.assign({},t),{start:Rf(t.start)})}return{start:Rf(r),labels:n}}const Nf=e.forwardRef((function(t,n){var{date:r,monthFormat:a="YYYY年M月",weekConfig:o,defaultPresetButton:l,presetButtons:c,onPresetButtonClick:d,showDateFields:u=!1,dateFieldFormat:p="YYYY-MM-DD",showTimeFields:f=!1,timeFieldProps:m,labelSuffix:h,isOutsideRange:g=(()=>!1),onDateChange:b}=t,v=s(t,["date","monthFormat","weekConfig","defaultPresetButton","presetButtons","onPresetButtonClick","showDateFields","dateFieldFormat","showTimeFields","timeFieldProps","labelSuffix","isOutsideRange","onDateChange"]);const[x,y]=i.default.useState(0),{currentMonth:w,goToPreviousMonth:C,goToNextMonth:E,goToMonth:I}=Vf(r),k=e.useCallback((e=>{const t=r.hour(e.hour()).minute(e.minute()).second(0).millisecond(0);b(t)}),[r,b]),M=e.useMemo((()=>u?i.default.createElement(gf,null,i.default.createElement(mf,null,i.default.createElement(vf,null,i.default.createElement(bf,null,"日付"),h),i.default.createElement(hf,null,i.default.createElement(DC,{date:r,format:p,size:"medium",variant:"dark",onDateChange:b}),f&&i.default.createElement(
|
|
1506
|
+
`,If=e.memo((function({selected:e,value:t,selectable:n,onClickDate:r,children:a,isSaturday:o=!1,isSundayOrHoliday:l=!1,isToday:s=!1}){return i.default.createElement(yf,{isToday:s},n?i.default.createElement(Cf,{type:"button",selected:e,isSaturday:o,isSundayOrHoliday:l,onClick:()=>{null==r||r(t)}},a):i.default.createElement(Ef,{type:"button",isSaturday:o,isSundayOrHoliday:l},a))})),kf=e=>(e=>{try{const t=e.year(),n=zs(t),r=e.format("YYYY/M/D");return n.some((e=>e.date===r))}catch(e){return!1}})(e),Mf=e=>e.format("YYYY-MM-DD")===hs().format("YYYY-MM-DD"),Af=(e,t)=>hs(new Date(e.year(),e.month(),t)),$f=e=>(e=>{const t=e.day(),n=0===t,r=6===t,a=kf(e);return{dayOfWeek:t,isSunday:n,isSaturday:r,isHoliday:a,isSundayOrHoliday:n||a}})(e),Sf=(e,t)=>!t(e),Df=e=>Array.from(new Array(e.daysInMonth()),((e,t)=>t+1)),Lf=(e,t=0)=>(e.startOf("month").day()-t+7)%7,Of=({date:e,weekList:t,weekStart:n=0,monthFormat:r,current:a,isOutsideRange:o,onDateChange:l,onPreviousMonth:s,onNextMonth:c})=>i.default.createElement(Qp,null,i.default.createElement(rf,null,i.default.createElement(nf,null,i.default.createElement(tf,null,i.default.createElement(ef,{weight:"bold",size:"xl"},a.format(r))),i.default.createElement("div",{style:{display:"flex",gap:"8px"}},i.default.createElement(Rs,{size:"small",color:"clear",icon:i.default.createElement(D,{name:"arrow_left",size:"md",color:"currentColor"}),type:"button","aria-label":"前の月",onClick:s}),i.default.createElement(au,{content:"今日を選択"},i.default.createElement(Rs,{size:"small",color:"clear",icon:i.default.createElement(D,{name:"calendar",size:"md",color:"currentColor"}),type:"button","aria-label":"今日を選択",onClick:()=>l(hs())})),i.default.createElement(Rs,{size:"small",color:"clear",icon:i.default.createElement(D,{name:"arrow_right",size:"md",color:"currentColor"}),type:"button","aria-label":"次の月",onClick:c})))),i.default.createElement(Kp,null,null==t?void 0:t.map((e=>i.default.createElement(qp,{key:e},e))),Array.from(new Array(Lf(a,n)),((e,t)=>i.default.createElement(qp,{key:`empty-${t}`}))),Df(a).map((t=>{const n=Af(a,t),r=$f(n),s=e.format("YYYY-MM-DD")===n.format("YYYY-MM-DD"),c=Sf(n,o);return i.default.createElement(If,{key:t,value:n,selectable:c,selected:s,isSaturday:r.isSaturday,isSundayOrHoliday:r.isSundayOrHoliday,isToday:Mf(n),onClickDate:l},t)})))),Vf=t=>{const[n,r]=e.useState(t),a=e.useCallback((()=>{r((e=>e.subtract(1,"month")))}),[]),i=e.useCallback((()=>{r((e=>e.add(1,"month")))}),[]);return{currentMonth:n,goToPreviousMonth:a,goToNextMonth:i,goToMonth:e.useCallback((e=>{r(e)}),[])}};function Rf(e){return(Math.trunc(e)%7+7)%7}function Hf(e){const{weekConfig:t,fallbackLabels:n,fallbackStart:r}=e;if(void 0!==t){if(7!==t.labels.length)throw new Error("ingred-ui Calendar: weekConfig.labels must contain exactly 7 entries");return Object.assign(Object.assign({},t),{start:Rf(t.start)})}return{start:Rf(r),labels:n}}const Nf=e.forwardRef((function(t,n){var{date:r,monthFormat:a="YYYY年M月",weekConfig:o,defaultPresetButton:l,presetButtons:c,onPresetButtonClick:d,showDateFields:u=!1,dateFieldFormat:p="YYYY-MM-DD",showTimeFields:f=!1,timeFieldProps:m,labelSuffix:h,isOutsideRange:g=(()=>!1),onDateChange:b}=t,v=s(t,["date","monthFormat","weekConfig","defaultPresetButton","presetButtons","onPresetButtonClick","showDateFields","dateFieldFormat","showTimeFields","timeFieldProps","labelSuffix","isOutsideRange","onDateChange"]);const[x,y]=i.default.useState(0),{currentMonth:w,goToPreviousMonth:C,goToNextMonth:E,goToMonth:I}=Vf(r),k=e.useCallback((e=>{const t=r.hour(e.hour()).minute(e.minute()).second(0).millisecond(0);b(t)}),[r,b]),M=e.useMemo((()=>u?i.default.createElement(gf,null,i.default.createElement(mf,null,i.default.createElement(vf,null,i.default.createElement(bf,null,"日付"),h),i.default.createElement(hf,null,i.default.createElement(DC,{date:r,format:p,size:"medium",variant:"dark",onDateChange:b}),f&&i.default.createElement(N$,Object.assign({size:(null==m?void 0:m.size)||"medium",time:r,variant:"dark",width:(null==m?void 0:m.width)||"80px",onTimeChange:k},m))))):null),[u,f,m,r,p,h,b,k]);e.useEffect((()=>{I(r)}),[r,I]);const{labels:A,start:$}=Hf({weekConfig:o,fallbackLabels:[...Yu],fallbackStart:0});return i.default.createElement(Jp,Object.assign({ref:n},v),i.default.createElement(af,null,i.default.createElement(of,null,i.default.createElement(Up,null,i.default.createElement(Of,{date:r,current:w,monthFormat:a,weekList:A,weekStart:$,isOutsideRange:g,onDateChange:e=>{b(e),y((e=>e+1))},onPreviousMonth:C,onNextMonth:E})),i.default.createElement(xf,{key:x,defaultPresetButton:l,presetButtons:c,dateFields:M,onPresetButtonClick:d}))))}));var zf=e.memo(Nf);const Tf="none",Zf="start",Bf="start_only",Pf="end",_f="between",Ff="start",Gf="end",Yf=(e,t,n,r)=>{const a=((e,t,n)=>{const r=hs(new Date(t.year(),t.month(),n));return e.format("YYYY-MM-DD")===r.format("YYYY-MM-DD")})(e,n,r),i=((e,t,n)=>{const r=hs(new Date(t.year(),t.month(),n));return e.format("YYYY-MM-DD")===r.format("YYYY-MM-DD")})(t,n,r),o=((e,t,n,r)=>{const a=hs(new Date(n.year(),n.month(),r)),i=e.format("YYYY-MM-DD"),o=t.format("YYYY-MM-DD");return i!==o&&a.isAfter(i,"day")&&a.isBefore(o,"day")})(e,t,n,r),l=e.isSame(t,"day");switch(!0){case a&&l:return Bf;case a&&!l:return Zf;case i&&!l:return Pf;case o:return _f;default:return Tf}},jf=o.default(df)``,Wf=o.default.button`
|
|
1507
1507
|
background-color: transparent;
|
|
1508
1508
|
border: none;
|
|
1509
1509
|
height: ${({theme:e})=>4*e.spacing}px;
|
|
@@ -1587,7 +1587,7 @@ object-assign
|
|
|
1587
1587
|
background-color: transparent;
|
|
1588
1588
|
color: ${({theme:e})=>e.palette.neutral.lighter};
|
|
1589
1589
|
}
|
|
1590
|
-
`,nm=e.memo((function({state:e,value:t,selectable:n,onClickDate:r,children:a,isSaturday:o=!1,isSundayOrHoliday:l=!1,isToday:s=!1}){return i.default.createElement(jf,{"data-state":e,isToday:s},(({state:e,value:t,selectable:n,onClickDate:r,children:a,isSaturday:o=!1,isSundayOrHoliday:l=!1})=>{const s=()=>{null==r||r(t)};if(!n)return i.default.createElement(tm,{type:"button",isSaturday:o,isSundayOrHoliday:l},a);switch(e){case Bf:return i.default.createElement(Qf,{type:"button",isSaturday:o,isSundayOrHoliday:l,onClick:s},a);case Zf:return i.default.createElement(Kf,{type:"button",isSaturday:o,isSundayOrHoliday:l,onClick:s},a);case Pf:return i.default.createElement(qf,{type:"button",isSaturday:o,isSundayOrHoliday:l,onClick:s},a);case _f:return i.default.createElement(em,{type:"button",isSaturday:o,isSundayOrHoliday:l,onClick:s},a);default:return i.default.createElement(Xf,{type:"button",isSaturday:o,isSundayOrHoliday:l,onClick:s},a)}})({state:e,value:t,selectable:n,onClickDate:r,children:a,isSaturday:o,isSundayOrHoliday:l}))})),rm=({startDate:t,endDate:n,monthFormat:r,weekList:a,weekStart:o=0,current:l,isOutsideRange:s,onDatesChange:c,onPreviousMonth:d,onNextMonth:u,onTodayClick:p})=>{const[f,m]=e.useState(Ff),h=e.useCallback((e=>{if(t&&n&&!t.isSame(n,"day"))return null==c||c({startDate:e,endDate:e}),void m(Gf);switch(f){case Ff:null==c||c({startDate:e,endDate:e}),m(Gf);break;case Gf:t&&e.isBefore(t)?null==c||c({startDate:e,endDate:t}):null==c||c({startDate:t,endDate:e}),m(Ff)}}),[f,c,n,t]);return i.default.createElement(Qp,null,i.default.createElement(rf,null,i.default.createElement(nf,null,i.default.createElement(tf,null,i.default.createElement(ef,{weight:"bold",size:"xl"},l.format(r))),i.default.createElement("div",{style:{display:"flex",gap:"8px"}},i.default.createElement(Rs,{size:"small",color:"clear",type:"button",icon:i.default.createElement(D,{name:"arrow_left",size:"md",color:"currentColor"}),"aria-label":"前の月",onClick:d}),i.default.createElement(au,{content:"今日に戻る"},i.default.createElement(Rs,{size:"small",color:"clear",type:"button",icon:i.default.createElement(D,{name:"calendar",size:"md",color:"currentColor"}),"aria-label":"今日に戻る",onClick:p})),i.default.createElement(Rs,{size:"small",color:"clear",type:"button",icon:i.default.createElement(D,{name:"arrow_right",size:"md",color:"currentColor"}),"aria-label":"次の月",onClick:u})))),i.default.createElement(Kp,null,null==a?void 0:a.map((e=>i.default.createElement(qp,{key:e},e))),Array.from(new Array(Lf(l,o)),((e,t)=>i.default.createElement(qp,{key:`empty-${t}`}))),Df(l).map((e=>{const r=Af(l,e),a=$f(r),o=Sf(r,s);return i.default.createElement(nm,{key:e,value:r,state:Yf(t,n,l,e),selectable:o,isSaturday:a.isSaturday,isSundayOrHoliday:a.isSundayOrHoliday,isToday:Mf(r),onClickDate:h},e)}))))},am=e.forwardRef((function(t,n){var{startDate:r,endDate:a,monthFormat:o="YYYY年M月",weekConfig:l,defaultPresetButton:c,presetButtons:d,onPresetButtonClick:u,showDateFields:p=!1,dateFieldFormat:f="YYYY-MM-DD",showTimeFields:m=!1,timeFieldProps:h,startLabelSuffix:g,endLabelSuffix:b,onApply:v,onCancel:x,applyButtonText:y="適用",cancelButtonText:w="キャンセル",isOutsideRange:C=(()=>!1),onDatesChange:E}=t,I=s(t,["startDate","endDate","monthFormat","weekConfig","defaultPresetButton","presetButtons","onPresetButtonClick","showDateFields","dateFieldFormat","showTimeFields","timeFieldProps","startLabelSuffix","endLabelSuffix","onApply","onCancel","applyButtonText","cancelButtonText","isOutsideRange","onDatesChange"]);const[k,M]=i.default.useState(0),{currentMonth:A,goToPreviousMonth:$,goToNextMonth:S,goToMonth:D}=Vf(r);e.useEffect((()=>{D(r)}),[r,D]);const L=e.useCallback((()=>{const e=hs();null==E||E({startDate:e,endDate:e}),D(e),M((e=>e+1))}),[E,D]),O=e.useCallback((e=>{null==E||E({startDate:e,endDate:a})}),[a,E]),V=e.useCallback((e=>{null==E||E({startDate:r,endDate:e})}),[r,E]),R=e.useCallback((e=>{const t=r.hour(e.hour()).minute(e.minute()).second(0).millisecond(0);null==E||E({startDate:t,endDate:a})}),[r,a,E]),H=e.useCallback((e=>{const t=a.hour(e.hour()).minute(e.minute()).second(0).millisecond(0);null==E||E({startDate:r,endDate:t})}),[r,a,E]),N=e.useMemo((()=>p?i.default.createElement(gf,null,i.default.createElement(mf,null,i.default.createElement(vf,null,i.default.createElement(bf,null,"開始日時"),g),i.default.createElement(hf,null,i.default.createElement(DC,{date:r,format:f,size:"medium",variant:"dark",onDateChange:O}),m&&i.default.createElement(
|
|
1590
|
+
`,nm=e.memo((function({state:e,value:t,selectable:n,onClickDate:r,children:a,isSaturday:o=!1,isSundayOrHoliday:l=!1,isToday:s=!1}){return i.default.createElement(jf,{"data-state":e,isToday:s},(({state:e,value:t,selectable:n,onClickDate:r,children:a,isSaturday:o=!1,isSundayOrHoliday:l=!1})=>{const s=()=>{null==r||r(t)};if(!n)return i.default.createElement(tm,{type:"button",isSaturday:o,isSundayOrHoliday:l},a);switch(e){case Bf:return i.default.createElement(Qf,{type:"button",isSaturday:o,isSundayOrHoliday:l,onClick:s},a);case Zf:return i.default.createElement(Kf,{type:"button",isSaturday:o,isSundayOrHoliday:l,onClick:s},a);case Pf:return i.default.createElement(qf,{type:"button",isSaturday:o,isSundayOrHoliday:l,onClick:s},a);case _f:return i.default.createElement(em,{type:"button",isSaturday:o,isSundayOrHoliday:l,onClick:s},a);default:return i.default.createElement(Xf,{type:"button",isSaturday:o,isSundayOrHoliday:l,onClick:s},a)}})({state:e,value:t,selectable:n,onClickDate:r,children:a,isSaturday:o,isSundayOrHoliday:l}))})),rm=({startDate:t,endDate:n,monthFormat:r,weekList:a,weekStart:o=0,current:l,isOutsideRange:s,onDatesChange:c,onPreviousMonth:d,onNextMonth:u,onTodayClick:p})=>{const[f,m]=e.useState(Ff),h=e.useCallback((e=>{if(t&&n&&!t.isSame(n,"day"))return null==c||c({startDate:e,endDate:e}),void m(Gf);switch(f){case Ff:null==c||c({startDate:e,endDate:e}),m(Gf);break;case Gf:t&&e.isBefore(t)?null==c||c({startDate:e,endDate:t}):null==c||c({startDate:t,endDate:e}),m(Ff)}}),[f,c,n,t]);return i.default.createElement(Qp,null,i.default.createElement(rf,null,i.default.createElement(nf,null,i.default.createElement(tf,null,i.default.createElement(ef,{weight:"bold",size:"xl"},l.format(r))),i.default.createElement("div",{style:{display:"flex",gap:"8px"}},i.default.createElement(Rs,{size:"small",color:"clear",type:"button",icon:i.default.createElement(D,{name:"arrow_left",size:"md",color:"currentColor"}),"aria-label":"前の月",onClick:d}),i.default.createElement(au,{content:"今日に戻る"},i.default.createElement(Rs,{size:"small",color:"clear",type:"button",icon:i.default.createElement(D,{name:"calendar",size:"md",color:"currentColor"}),"aria-label":"今日に戻る",onClick:p})),i.default.createElement(Rs,{size:"small",color:"clear",type:"button",icon:i.default.createElement(D,{name:"arrow_right",size:"md",color:"currentColor"}),"aria-label":"次の月",onClick:u})))),i.default.createElement(Kp,null,null==a?void 0:a.map((e=>i.default.createElement(qp,{key:e},e))),Array.from(new Array(Lf(l,o)),((e,t)=>i.default.createElement(qp,{key:`empty-${t}`}))),Df(l).map((e=>{const r=Af(l,e),a=$f(r),o=Sf(r,s);return i.default.createElement(nm,{key:e,value:r,state:Yf(t,n,l,e),selectable:o,isSaturday:a.isSaturday,isSundayOrHoliday:a.isSundayOrHoliday,isToday:Mf(r),onClickDate:h},e)}))))},am=e.forwardRef((function(t,n){var{startDate:r,endDate:a,monthFormat:o="YYYY年M月",weekConfig:l,defaultPresetButton:c,presetButtons:d,onPresetButtonClick:u,showDateFields:p=!1,dateFieldFormat:f="YYYY-MM-DD",showTimeFields:m=!1,timeFieldProps:h,startLabelSuffix:g,endLabelSuffix:b,onApply:v,onCancel:x,applyButtonText:y="適用",cancelButtonText:w="キャンセル",isOutsideRange:C=(()=>!1),onDatesChange:E}=t,I=s(t,["startDate","endDate","monthFormat","weekConfig","defaultPresetButton","presetButtons","onPresetButtonClick","showDateFields","dateFieldFormat","showTimeFields","timeFieldProps","startLabelSuffix","endLabelSuffix","onApply","onCancel","applyButtonText","cancelButtonText","isOutsideRange","onDatesChange"]);const[k,M]=i.default.useState(0),{currentMonth:A,goToPreviousMonth:$,goToNextMonth:S,goToMonth:D}=Vf(r);e.useEffect((()=>{D(r)}),[r,D]);const L=e.useCallback((()=>{const e=hs();null==E||E({startDate:e,endDate:e}),D(e),M((e=>e+1))}),[E,D]),O=e.useCallback((e=>{null==E||E({startDate:e,endDate:a})}),[a,E]),V=e.useCallback((e=>{null==E||E({startDate:r,endDate:e})}),[r,E]),R=e.useCallback((e=>{const t=r.hour(e.hour()).minute(e.minute()).second(0).millisecond(0);null==E||E({startDate:t,endDate:a})}),[r,a,E]),H=e.useCallback((e=>{const t=a.hour(e.hour()).minute(e.minute()).second(0).millisecond(0);null==E||E({startDate:r,endDate:t})}),[r,a,E]),N=e.useMemo((()=>p?i.default.createElement(gf,null,i.default.createElement(mf,null,i.default.createElement(vf,null,i.default.createElement(bf,null,"開始日時"),g),i.default.createElement(hf,null,i.default.createElement(DC,{date:r,format:f,size:"medium",variant:"dark",onDateChange:O}),m&&i.default.createElement(N$,Object.assign({size:(null==h?void 0:h.size)||"medium",time:r,variant:"dark",width:(null==h?void 0:h.width)||"80px",onTimeChange:R},h)))),i.default.createElement(mf,null,i.default.createElement(vf,null,i.default.createElement(bf,null,"終了日時"),b),i.default.createElement(hf,null,i.default.createElement(DC,{date:a,format:f,size:"medium",variant:"dark",onDateChange:V}),m&&i.default.createElement(N$,Object.assign({size:(null==h?void 0:h.size)||"medium",time:a,variant:"dark",width:(null==h?void 0:h.width)||"80px",onTimeChange:H},h))))):null),[p,m,h,r,a,f,g,b,O,V,R,H]),z=Boolean(d||N),{labels:T,start:Z}=Hf({weekConfig:l,fallbackLabels:[...Yu],fallbackStart:0}),B=z?i.default.createElement(xf,{key:k,defaultPresetButton:c,presetButtons:d,dateFields:N,onPresetButtonClick:u}):null,P=i.default.createElement(Up,null,i.default.createElement(rm,{startDate:r,endDate:a,monthFormat:o,weekList:T,weekStart:Z,current:A,isOutsideRange:C,onDatesChange:e=>{null==E||E(e),M((e=>e+1))},onPreviousMonth:$,onNextMonth:S,onTodayClick:L}));return i.default.createElement(Jp,Object.assign({ref:n},I),i.default.createElement(af,null,i.default.createElement(of,null,P,B,v?i.default.createElement(lf,null,i.default.createElement(ps,null,x?i.default.createElement(Rs,{color:"clear",size:"small",type:"button",onClick:x},w):null,i.default.createElement(Rs,{color:"primary",size:"small",type:"button",onClick:v},y))):null)))}));var im=e.memo(am);const om=o.default.div`
|
|
1591
1591
|
border-radius: ${({theme:e})=>e.radius}px;
|
|
1592
1592
|
background-color: ${({theme:e})=>e.palette.background.default};
|
|
1593
1593
|
width: ${({width:e})=>e||"auto"};
|
|
@@ -4505,7 +4505,7 @@ object-assign
|
|
|
4505
4505
|
align-items: center;
|
|
4506
4506
|
`,mM=o.default.div`
|
|
4507
4507
|
padding-left: 8px;
|
|
4508
|
-
`,hM=o.default.div``,gM=({filter:e,onRemove:t,onClick:n})=>{const r=k();return i.createElement(pM,null,i.createElement(fM,{onClick:t=>{n(t,e)}},i.createElement(X,{size:"sm",component:"span"},e.filterName,": "),i.createElement(X,{size:"sm",component:"span",weight:"bold"},"boolean"==typeof(a=e.filterCondition)?a?"Yes":"No":a)),i.createElement(mM,null,i.createElement(hM,{onClick:()=>{t(e)}},i.createElement(D,{name:"close_circle",color:r.palette.black,type:"fill"}))));var a},bM=i.forwardRef((function(e,t){Q("MultipleFilter","MultipleFilter は非推奨です。代わりに AdvancedFilter を使用してください。");const n=Ju({props:e,name:"MultipleFilter"}),{filterPacks:r,onChange:a,placeholder:o="Add a new filter",editButtonTitle:l,applyButtonTitle:s,inputErrorText:c,formPlaceholder:d,width:u}=n,[p,f]=i.useState(!1),[m,h]=i.useState(null),g=k(),[b,v]=i.useState(null),[x,y]=i.useState(null),[w,C]=i.useState(null),E=((e,t,n)=>e?n?uM:null===t?cM:null!==t?dM:sM:sM)(p,m,w),[I,M]=i.useState([]),A=()=>{h(null),f(!1),C(null)},$=e=>{const t=I.filter((t=>t.filterName!==e.filterName));M(t),void 0!==a&&a(t)},S=(e,t)=>{const n=null==r?void 0:r.find((e=>e.categoryName===t.categoryName));n&&(1===n.filters.length&&(n.filters[0].filterName=n.categoryName),y(e.currentTarget),f(!0),h(n),C(t))};return i.createElement(i.Fragment,null,i.createElement(zk,{ref:t,isFocused:E!==sM},i.createElement(Bk,null,i.createElement(D,{name:"search",size:"md",color:g.palette.neutral.base})),i.createElement(Pk,null,i.createElement(Tk,null,I.map((e=>i.createElement(Zk,{key:e.filterName},i.createElement(gM,{filter:e,onRemove:$,onClick:S})))),i.createElement(jl,{ref:v,readOnly:!0,type:"text",placeholder:o,onClick:()=>{f(!0)}})),E===cM&&i.createElement(Jm,{baseElement:b},i.createElement(Um,{contents:null==r?void 0:r.filter((e=>e.filters.length!==I.filter((t=>t.categoryName===e.categoryName)).length)).map((e=>{return{onClick:(t=e,()=>{h(t)}),text:e.categoryName};var t})),baseElement:b,onClose:(e,t)=>{"backdropClick"===t&&f(!1)}}))),i.createElement(_k,null,0!==I.length&&i.createElement(Fk,{onClick:()=>{M([]),void 0!==a&&a([])}},i.createElement(D,{name:"close_circle",color:g.palette.black,type:"fill"})))),E===dM&&i.createElement(Jm,{baseElement:b,positionPriority:["bottom-start"],onClose:A},i.createElement(tM,{applyButtonTitle:s,currentReferredFilters:I,selectedFilterPack:null==r?void 0:r.find((e=>e.categoryName===(null==m?void 0:m.categoryName))),inputErrorText:c,formPlaceholder:d,width:u,onApply:e=>{const t=I.concat([e]);M(t),void 0!==a&&a(t),h(null),f(!1)},onClose:A})),E===uM&&i.createElement(Jm,{baseElement:x,positionPriority:["bottom-start"],onClose:A},i.createElement(lM,{editButtonTitle:l,willEditFilter:w,selectedFilterPack:null==r?void 0:r.find((e=>e.categoryName===(null==w?void 0:w.categoryName))),inputErrorText:c,formPlaceholder:d,width:u,onEdit:e=>{const t=I.findIndex((t=>t.filterName===e.filterName));I[t].filterCondition!==e.filterCondition&&M((n=>{const r=[...n];return r[t]=e,null==a||a(r),r})),f(!1),h(null),C(null)},onClose:A})))})),vM="
|
|
4508
|
+
`,hM=o.default.div``,gM=({filter:e,onRemove:t,onClick:n})=>{const r=k();return i.createElement(pM,null,i.createElement(fM,{onClick:t=>{n(t,e)}},i.createElement(X,{size:"sm",component:"span"},e.filterName,": "),i.createElement(X,{size:"sm",component:"span",weight:"bold"},"boolean"==typeof(a=e.filterCondition)?a?"Yes":"No":a)),i.createElement(mM,null,i.createElement(hM,{onClick:()=>{t(e)}},i.createElement(D,{name:"close_circle",color:r.palette.black,type:"fill"}))));var a},bM=i.forwardRef((function(e,t){Q("MultipleFilter","MultipleFilter は非推奨です。代わりに AdvancedFilter を使用してください。");const n=Ju({props:e,name:"MultipleFilter"}),{filterPacks:r,onChange:a,placeholder:o="Add a new filter",editButtonTitle:l,applyButtonTitle:s,inputErrorText:c,formPlaceholder:d,width:u}=n,[p,f]=i.useState(!1),[m,h]=i.useState(null),g=k(),[b,v]=i.useState(null),[x,y]=i.useState(null),[w,C]=i.useState(null),E=((e,t,n)=>e?n?uM:null===t?cM:null!==t?dM:sM:sM)(p,m,w),[I,M]=i.useState([]),A=()=>{h(null),f(!1),C(null)},$=e=>{const t=I.filter((t=>t.filterName!==e.filterName));M(t),void 0!==a&&a(t)},S=(e,t)=>{const n=null==r?void 0:r.find((e=>e.categoryName===t.categoryName));n&&(1===n.filters.length&&(n.filters[0].filterName=n.categoryName),y(e.currentTarget),f(!0),h(n),C(t))};return i.createElement(i.Fragment,null,i.createElement(zk,{ref:t,isFocused:E!==sM},i.createElement(Bk,null,i.createElement(D,{name:"search",size:"md",color:g.palette.neutral.base})),i.createElement(Pk,null,i.createElement(Tk,null,I.map((e=>i.createElement(Zk,{key:e.filterName},i.createElement(gM,{filter:e,onRemove:$,onClick:S})))),i.createElement(jl,{ref:v,readOnly:!0,type:"text",placeholder:o,onClick:()=>{f(!0)}})),E===cM&&i.createElement(Jm,{baseElement:b},i.createElement(Um,{contents:null==r?void 0:r.filter((e=>e.filters.length!==I.filter((t=>t.categoryName===e.categoryName)).length)).map((e=>{return{onClick:(t=e,()=>{h(t)}),text:e.categoryName};var t})),baseElement:b,onClose:(e,t)=>{"backdropClick"===t&&f(!1)}}))),i.createElement(_k,null,0!==I.length&&i.createElement(Fk,{onClick:()=>{M([]),void 0!==a&&a([])}},i.createElement(D,{name:"close_circle",color:g.palette.black,type:"fill"})))),E===dM&&i.createElement(Jm,{baseElement:b,positionPriority:["bottom-start"],onClose:A},i.createElement(tM,{applyButtonTitle:s,currentReferredFilters:I,selectedFilterPack:null==r?void 0:r.find((e=>e.categoryName===(null==m?void 0:m.categoryName))),inputErrorText:c,formPlaceholder:d,width:u,onApply:e=>{const t=I.concat([e]);M(t),void 0!==a&&a(t),h(null),f(!1)},onClose:A})),E===uM&&i.createElement(Jm,{baseElement:x,positionPriority:["bottom-start"],onClose:A},i.createElement(lM,{editButtonTitle:l,willEditFilter:w,selectedFilterPack:null==r?void 0:r.find((e=>e.categoryName===(null==w?void 0:w.categoryName))),inputErrorText:c,formPlaceholder:d,width:u,onEdit:e=>{const t=I.findIndex((t=>t.filterName===e.filterName));I[t].filterCondition!==e.filterCondition&&M((n=>{const r=[...n];return r[t]=e,null==a||a(r),r})),f(!1),h(null),C(null)},onClose:A})))})),vM="64px",xM="256px",yM="72px",wM="72px",CM="56px",EM="48px",IM=.3,kM=o.default.div`
|
|
4509
4509
|
position: fixed;
|
|
4510
4510
|
display: flex;
|
|
4511
4511
|
flex-direction: column;
|
|
@@ -4518,7 +4518,7 @@ object-assign
|
|
|
4518
4518
|
box-sizing: content-box;
|
|
4519
4519
|
overflow-x: hidden;
|
|
4520
4520
|
z-index: ${({theme:e})=>e.depth.drawer};
|
|
4521
|
-
transition: width ${
|
|
4521
|
+
transition: width ${IM}s;
|
|
4522
4522
|
|
|
4523
4523
|
/* Mobile styles */
|
|
4524
4524
|
@media (max-width: ${g.MOBILE}px) {
|
|
@@ -4527,12 +4527,12 @@ object-assign
|
|
|
4527
4527
|
transform: translateX(
|
|
4528
4528
|
${({isMobileMenuOpen:e})=>e?"0":"100%"}
|
|
4529
4529
|
);
|
|
4530
|
-
transition: transform ${
|
|
4530
|
+
transition: transform ${IM}s;
|
|
4531
4531
|
border-right: none;
|
|
4532
4532
|
border-left: 1px solid ${({theme:e})=>e.palette.neutral.softLight};
|
|
4533
4533
|
box-shadow: ${({isMobileMenuOpen:e,theme:t})=>e?`-4px 0px ${2*t.spacing}px ${Ha(t.palette.neutral.base,4*t.palette.action.shadowOpacity)}`:"none"};
|
|
4534
4534
|
}
|
|
4535
|
-
`,
|
|
4535
|
+
`,MM=o.default.div`
|
|
4536
4536
|
position: fixed;
|
|
4537
4537
|
top: 0;
|
|
4538
4538
|
left: 0;
|
|
@@ -4543,48 +4543,64 @@ object-assign
|
|
|
4543
4543
|
opacity: ${({isVisible:e})=>e?1:0};
|
|
4544
4544
|
visibility: ${({isVisible:e})=>e?"visible":"hidden"};
|
|
4545
4545
|
transition:
|
|
4546
|
-
opacity ${
|
|
4547
|
-
visibility ${
|
|
4548
|
-
display: none;
|
|
4549
|
-
|
|
4550
|
-
@media (max-width: ${g.MOBILE}px) {
|
|
4551
|
-
display: block;
|
|
4552
|
-
}
|
|
4553
|
-
`,kM=o.default.div`
|
|
4554
|
-
position: absolute;
|
|
4555
|
-
top: ${({theme:e})=>2*e.spacing}px;
|
|
4556
|
-
right: ${({theme:e})=>2*e.spacing}px;
|
|
4557
|
-
display: none;
|
|
4558
|
-
|
|
4559
|
-
@media (max-width: ${g.MOBILE}px) {
|
|
4560
|
-
display: block;
|
|
4561
|
-
}
|
|
4562
|
-
`,MM=o.default.div`
|
|
4546
|
+
opacity ${IM}s,
|
|
4547
|
+
visibility ${IM}s;
|
|
4563
4548
|
display: none;
|
|
4564
|
-
padding-top: ${({theme:e})=>8*e.spacing}px; /* 閉じるボタンの下に配置 */
|
|
4565
4549
|
|
|
4566
4550
|
@media (max-width: ${g.MOBILE}px) {
|
|
4567
4551
|
display: block;
|
|
4568
4552
|
}
|
|
4569
|
-
|
|
4553
|
+
`;function AM(){return e.useContext($M)}const $M=i.createContext({isOpen:!1,isFixed:!1,isMobile:!1,isMobileMenuOpen:!1,notificationCount:0,slotNotificationCount:0}),SM=o.default.div`
|
|
4570
4554
|
display: flex;
|
|
4571
4555
|
width: 100vw;
|
|
4572
4556
|
height: 100%;
|
|
4573
|
-
`,
|
|
4557
|
+
`,DM=o.default.div`
|
|
4574
4558
|
position: fixed;
|
|
4575
4559
|
top: ${({theme:e})=>2*e.spacing}px;
|
|
4576
4560
|
right: ${({theme:e})=>2*e.spacing}px;
|
|
4561
|
+
z-index: ${({theme:e})=>e.depth.drawer};
|
|
4577
4562
|
display: none;
|
|
4578
4563
|
|
|
4579
4564
|
@media (max-width: ${g.MOBILE}px) {
|
|
4580
|
-
display: block;
|
|
4565
|
+
display: ${({$visible:e})=>e?"block":"none"};
|
|
4581
4566
|
}
|
|
4582
|
-
`,
|
|
4567
|
+
`,LM=o.default.div`
|
|
4568
|
+
position: relative;
|
|
4569
|
+
display: inline-flex;
|
|
4570
|
+
align-items: center;
|
|
4571
|
+
justify-content: center;
|
|
4572
|
+
flex-shrink: 0;
|
|
4573
|
+
vertical-align: middle;
|
|
4574
|
+
line-height: 0;
|
|
4575
|
+
`,OM=o.default.div`
|
|
4576
|
+
display: flex;
|
|
4577
|
+
width: 100%;
|
|
4578
|
+
align-items: center;
|
|
4579
|
+
justify-content: space-between;
|
|
4580
|
+
gap: 4px;
|
|
4581
|
+
`,VM=o.default.span`
|
|
4582
|
+
position: absolute;
|
|
4583
|
+
top: ${({position:e})=>["top-right","top-left"].includes(e)?0:"auto"};
|
|
4584
|
+
bottom: ${({position:e})=>["bottom-right","bottom-left"].includes(e)?0:"auto"};
|
|
4585
|
+
right: ${({position:e})=>["top-right","bottom-right"].includes(e)?0:"auto"};
|
|
4586
|
+
left: ${({position:e})=>["top-left","bottom-left"].includes(e)?0:"auto"};
|
|
4587
|
+
transform: ${({invisible:e,position:t,$overlayOffsetPercent:n})=>e?"scale(0)":`scale(1) translate(${((e,t)=>{const n=`${t}%`;return`${["top-right","bottom-right"].includes(e)?n:`-${n}`}, ${["bottom-right","bottom-left"].includes(e)?n:`-${n}`}`})(t,n)})`};
|
|
4588
|
+
transform-origin: ${({position:e})=>`${["top-right","bottom-right"].includes(e)?"100%":"0%"} ${["bottom-right","bottom-left"].includes(e)?"100%":"0%"}`};
|
|
4589
|
+
transition: transform 0.3s;
|
|
4590
|
+
`,RM=o.default.span`
|
|
4591
|
+
display: block;
|
|
4592
|
+
border-radius: 50%;
|
|
4593
|
+
background-color: ${({theme:e})=>e.palette.danger.base};
|
|
4594
|
+
width: ${({size:e})=>e};
|
|
4595
|
+
height: ${({size:e})=>e};
|
|
4596
|
+
transform: ${({invisible:e})=>e?"scale(0)":"scale(1)"};
|
|
4597
|
+
transition: transform 0.3s;
|
|
4598
|
+
`,HM={small:"8px",medium:"12px",large:"16px"},NM=i.forwardRef((function({variant:e="normal",badgeContent:t="",position:n="top-right",overlayOffsetPercent:r=50,dotSize:a="medium",max:o=99,showZero:l=!1,invisible:s=!1,layout:c="overlay",color:d="danger",fontWeight:u="normal",fontSize:p,size:f="small",children:m},h){let g=s;(0===t&&!l||""===t&&"dot"!==e)&&(g=!0);let b="";return"dot"!==e&&(b="number"==typeof t&&t>o?`${o}+`:t),"inline"===c&&"normal"===e?i.createElement(OM,{ref:h},m,g?null:i.createElement(Zp,{type:"pill",color:d,fontWeight:u,fontSize:p,size:f},b)):i.createElement(LM,{ref:h},m,i.createElement(VM,{position:n,invisible:g,$overlayOffsetPercent:r},"dot"===e?i.createElement(RM,{size:HM[a],invisible:g}):i.createElement(Zp,{type:"pill",color:d,fontWeight:u,fontSize:p,size:f},b)))})),zM=`(max-width: ${g.MOBILE}px)`,TM=i.default.forwardRef((function({defaultFixed:e=!1,onChangeOpen:t,onChangeFixed:n,notificationCount:r=0,slotNotificationCount:a=0,children:o},l){const[s,c]=i.default.useState(e),[d,u]=i.default.useState(e),p=$a(zM),[f,m]=i.default.useState(!1),h=()=>{m((e=>!e))},g=p&&!f&&r>0,b=i.default.createElement(Rs,{color:"clear",size:"medium","aria-label":"メニューを開く",icon:i.default.createElement(D,{name:"menu",color:"currentColor"}),onClick:h}),v=g?i.default.createElement(NM,{variant:"dot",dotSize:"small",position:"top-right",overlayOffsetPercent:10},b):b;return i.default.createElement($M.Provider,{value:{isOpen:s,isFixed:d,handleOpen:()=>{d||(c(!0),t&&t(!0))},handleClose:()=>{d||(c(!1),t&&t(!1))},handleFixed:()=>{c(!0),u(!0),n&&n(!0)},handleUnFixed:()=>{c(!1),u(!1),n&&n(!1)},isMobile:p,isMobileMenuOpen:f,handleMobileMenuToggle:h,notificationCount:r,slotNotificationCount:a}},i.default.createElement(SM,{ref:l},o,i.default.createElement(DM,{$visible:!p||!f},v)))})),ZM=o.default.div`
|
|
4583
4599
|
flex-shrink: 0;
|
|
4584
4600
|
flex-basis: ${yM};
|
|
4585
4601
|
display: flex;
|
|
4586
4602
|
align-items: center;
|
|
4587
|
-
`,
|
|
4603
|
+
`,BM=o.default.div`
|
|
4588
4604
|
flex-grow: 1;
|
|
4589
4605
|
overflow-x: hidden;
|
|
4590
4606
|
overflow-y: auto;
|
|
@@ -4592,7 +4608,7 @@ object-assign
|
|
|
4592
4608
|
& * {
|
|
4593
4609
|
text-decoration: none;
|
|
4594
4610
|
}
|
|
4595
|
-
`,
|
|
4611
|
+
`,PM=o.default.div`
|
|
4596
4612
|
flex-shrink: 0;
|
|
4597
4613
|
flex-basis: ${wM};
|
|
4598
4614
|
display: flex;
|
|
@@ -4602,43 +4618,23 @@ object-assign
|
|
|
4602
4618
|
@media (max-width: ${g.MOBILE}px) {
|
|
4603
4619
|
display: none;
|
|
4604
4620
|
}
|
|
4605
|
-
`,
|
|
4621
|
+
`,_M=o.default.div`
|
|
4606
4622
|
padding-left: ${({isFixed:e})=>e?xM:vM};
|
|
4607
4623
|
width: 100%;
|
|
4608
4624
|
height: 100%;
|
|
4609
|
-
transition: padding-left ${
|
|
4625
|
+
transition: padding-left ${IM}s;
|
|
4610
4626
|
|
|
4611
4627
|
@media (max-width: ${g.MOBILE}px) {
|
|
4612
4628
|
padding-left: 0;
|
|
4613
4629
|
}
|
|
4614
|
-
`,
|
|
4615
|
-
|
|
4616
|
-
|
|
4617
|
-
|
|
4618
|
-
font-weight: bold;
|
|
4619
|
-
transform: rotate(${({isFixed:e})=>e?"none":"180deg"});
|
|
4620
|
-
transition: transform ${CM}s;
|
|
4621
|
-
|
|
4622
|
-
&::before {
|
|
4623
|
-
content: "";
|
|
4624
|
-
position: absolute;
|
|
4625
|
-
top: 0;
|
|
4626
|
-
bottom: 0;
|
|
4627
|
-
left: 0;
|
|
4628
|
-
right: 0;
|
|
4629
|
-
background-color: ${({theme:e})=>e.palette.neutral.softLight};
|
|
4630
|
-
border-radius: 10rem;
|
|
4631
|
-
transform: scale(0);
|
|
4632
|
-
transition: transform 0.3s;
|
|
4633
|
-
}
|
|
4634
|
-
|
|
4635
|
-
&:hover::before {
|
|
4636
|
-
transform: scale(2);
|
|
4637
|
-
}
|
|
4638
|
-
`,TM=i.default.forwardRef((function({labelFixtureTooltip:e=(e=>(e?"Unfix":"Fix")+" the side menu")},t){const n=k(),{isFixed:r,handleFixed:a,handleUnFixed:o}=i.default.useContext(AM);return i.default.createElement(au,{content:e(r),positionPriority:["right"],offset:[0,2.5*n.spacing],enterDelay:CM},i.default.createElement(zM,{ref:t,isFixed:r,onClick:r?o:a},i.default.createElement(D,{name:"arrow_double_left"})))})),ZM=o.default.div`
|
|
4630
|
+
`,FM=i.default.forwardRef((function({children:e},t){const{isFixed:n}=i.default.useContext($M);return i.default.createElement(_M,{ref:t,isFixed:n},e)})),GM=o.default.span`
|
|
4631
|
+
display: inline-flex;
|
|
4632
|
+
line-height: 0;
|
|
4633
|
+
`,YM=i.default.forwardRef((function({labelFixtureTooltip:e=(e=>(e?"Unfix":"Fix")+" the side menu")},t){const n=k(),{isOpen:r,isFixed:a,isMobile:o,handleFixed:l,handleUnFixed:s,slotNotificationCount:c}=i.default.useContext($M),d=e(a),u=!o&&!r&&!a&&c>0,p=i.default.useCallback((()=>{a?null==s||s():null==l||l()}),[a,l,s]),f=i.default.createElement(Rs,{ref:t,isQuiet:!0,color:"clear",size:"medium","aria-label":d,icon:i.default.createElement(D,{name:a?"sidebar_fold":"sidebar_unfold",color:"currentColor"}),onClick:p});return i.default.createElement(au,{key:a?"fixed":"unfixed",content:d,positionPriority:["right"],offset:[0,2.5*n.spacing],enterDelay:IM},i.default.createElement(GM,null,u?i.default.createElement(NM,{variant:"dot",dotSize:"small",position:"top-right",overlayOffsetPercent:10},f):f))})),jM=o.default.div`
|
|
4639
4634
|
cursor: pointer;
|
|
4640
4635
|
display: flex;
|
|
4641
4636
|
align-items: center;
|
|
4637
|
+
justify-content: ${({$isMenuExpanded:e})=>e?"flex-start":"center"};
|
|
4642
4638
|
padding: ${({theme:e})=>2*e.spacing+"px"};
|
|
4643
4639
|
background-color: ${({isActive:e,theme:t})=>e?t.palette.background.hint:"none"};
|
|
4644
4640
|
|
|
@@ -4649,16 +4645,22 @@ object-assign
|
|
|
4649
4645
|
& > * {
|
|
4650
4646
|
flex-shrink: 0;
|
|
4651
4647
|
}
|
|
4652
|
-
`,
|
|
4648
|
+
`,WM=o.default.div`
|
|
4653
4649
|
flex-shrink: 1;
|
|
4654
4650
|
flex-grow: 1;
|
|
4655
4651
|
display: flex;
|
|
4656
4652
|
align-items: center;
|
|
4657
4653
|
margin-left: ${({theme:e})=>1.5*e.spacing}px;
|
|
4658
|
-
opacity: ${({isOpen:e})=>e?1:0};
|
|
4659
|
-
transition: opacity ${CM}s;
|
|
4660
4654
|
min-width: 0;
|
|
4661
|
-
|
|
4655
|
+
overflow: hidden;
|
|
4656
|
+
transition: opacity ${IM}s;
|
|
4657
|
+
|
|
4658
|
+
${({isOpen:e})=>e?t.css`
|
|
4659
|
+
opacity: 1;
|
|
4660
|
+
`:t.css`
|
|
4661
|
+
display: none;
|
|
4662
|
+
`}
|
|
4663
|
+
`,XM=o.default(X)`
|
|
4662
4664
|
white-space: nowrap;
|
|
4663
4665
|
overflow: hidden;
|
|
4664
4666
|
text-overflow: ellipsis;
|
|
@@ -4669,39 +4671,7 @@ object-assign
|
|
|
4669
4671
|
& > * + * {
|
|
4670
4672
|
margin-left: ${({theme:e})=>.5*e.spacing}px;
|
|
4671
4673
|
}
|
|
4672
|
-
`;const
|
|
4673
|
-
position: relative;
|
|
4674
|
-
display: inline-flex;
|
|
4675
|
-
flex-shrink: 0;
|
|
4676
|
-
vertical-align: middle;
|
|
4677
|
-
`,FM=o.default.div`
|
|
4678
|
-
display: flex;
|
|
4679
|
-
width: 100%;
|
|
4680
|
-
align-items: center;
|
|
4681
|
-
justify-content: space-between;
|
|
4682
|
-
gap: 4px;
|
|
4683
|
-
`,GM=o.default.span`
|
|
4684
|
-
position: absolute;
|
|
4685
|
-
top: ${({position:e})=>["top-right","top-left"].includes(e)?0:"auto"};
|
|
4686
|
-
bottom: ${({position:e})=>["bottom-right","bottom-left"].includes(e)?0:"auto"};
|
|
4687
|
-
right: ${({position:e})=>["top-right","bottom-right"].includes(e)?0:"auto"};
|
|
4688
|
-
left: ${({position:e})=>["top-left","bottom-left"].includes(e)?0:"auto"};
|
|
4689
|
-
transform: ${({invisible:e})=>e?"scale(0)":"scale(1)"}
|
|
4690
|
-
translate(
|
|
4691
|
-
${({position:e})=>["top-right","bottom-right"].includes(e)?"50%":"-50%"},
|
|
4692
|
-
${({position:e})=>["bottom-right","bottom-left"].includes(e)?"50%":"-50%"}
|
|
4693
|
-
);
|
|
4694
|
-
transform-origin: ${({position:e})=>`${["top-right","bottom-right"].includes(e)?"100%":"0%"} ${["bottom-right","bottom-left"].includes(e)?"100%":"0%"}`};
|
|
4695
|
-
transition: transform 0.3s;
|
|
4696
|
-
`,YM=o.default.span`
|
|
4697
|
-
display: block;
|
|
4698
|
-
border-radius: 50%;
|
|
4699
|
-
background-color: ${({theme:e})=>e.palette.danger.base};
|
|
4700
|
-
width: ${({size:e})=>e};
|
|
4701
|
-
height: ${({size:e})=>e};
|
|
4702
|
-
transform: ${({invisible:e})=>e?"scale(0)":"scale(1)"};
|
|
4703
|
-
transition: transform 0.3s;
|
|
4704
|
-
`,jM={small:"8px",medium:"12px",large:"16px"},WM=i.forwardRef((function({variant:e="normal",badgeContent:t="",position:n="top-right",dotSize:r="medium",max:a=99,showZero:o=!1,invisible:l=!1,layout:s="overlay",color:c="danger",fontWeight:d="normal",fontSize:u,size:p="small",children:f},m){let h=l;(0===t&&!o||""===t&&"dot"!==e)&&(h=!0);let g="";return"dot"!==e&&(g="number"==typeof t&&t>a?`${a}+`:t),"inline"===s&&"normal"===e?i.createElement(FM,{ref:m},f,h?null:i.createElement(Zp,{type:"pill",color:c,fontWeight:d,fontSize:u,size:p},g)):i.createElement(_M,{ref:m},f,i.createElement(GM,{position:n,invisible:h},"dot"===e?i.createElement(YM,{size:jM[r],invisible:h}):i.createElement(Zp,{type:"pill",color:c,fontWeight:d,fontSize:u,size:p},g)))})),XM=o.default.span`
|
|
4674
|
+
`;const JM=o.default.span`
|
|
4705
4675
|
display: flex;
|
|
4706
4676
|
align-items: center;
|
|
4707
4677
|
align-content: center;
|
|
@@ -4717,11 +4687,16 @@ object-assign
|
|
|
4717
4687
|
font-weight: bold;
|
|
4718
4688
|
transform: ${({invisible:e})=>e?"scale(0)":"scale(1)"};
|
|
4719
4689
|
transition: transform 0.3s;
|
|
4720
|
-
|
|
4690
|
+
|
|
4691
|
+
${({invisible:e})=>e&&t.css`
|
|
4692
|
+
display: none;
|
|
4693
|
+
`}
|
|
4694
|
+
`,UM=({notificationCount:e=0,invisible:t=!1,style:n})=>{const r=e>=100?"99+":e;return i.createElement(JM,{invisible:t,style:n},r)},QM=i.forwardRef((function(e,t){var{title:n,isActive:r=!1,iconName:a,notificationCount:o=0,badge:l}=e,c=s(e,["title","isActive","iconName","notificationCount","badge"]);const d=k(),{isOpen:u,isMobile:p,isMobileMenuOpen:f}=i.useContext($M),m=void 0!==l,h=o>0,g=p?f:u;return i.createElement(jM,Object.assign({ref:t,isActive:r,$isMenuExpanded:g,"aria-current":r?"page":void 0},c),h?i.createElement(NM,{badgeContent:o,position:"top-left",invisible:g},i.createElement(D,{name:a,size:"lg",type:r?"fill":"line",color:r?"active":d.palette.black})):i.createElement(D,{name:a,size:"lg",type:r?"fill":"line",color:r?"active":d.palette.black}),i.createElement(WM,{isOpen:p?f:u},i.createElement(XM,{component:"span",color:r?"primary":"initial",weight:"bold",size:"sm"},n)),m&&(p?f:u)&&i.createElement(Zp,Object.assign({},l,{size:l.size||"small"})),h&&i.createElement(UM,{notificationCount:o,invisible:0===o||!(p?f:u),style:{marginLeft:m&&(p?f:u)?"4px":"0"}}))})),KM=o.default.div`
|
|
4721
4695
|
cursor: pointer;
|
|
4722
4696
|
display: flex;
|
|
4723
4697
|
align-items: center;
|
|
4724
|
-
|
|
4698
|
+
justify-content: ${({$isMenuExpanded:e})=>e?"flex-start":"center"};
|
|
4699
|
+
padding: ${({theme:e,$isMenuExpanded:t})=>t?`${2*e.spacing}px 0 ${2*e.spacing}px ${2*e.spacing}px`:2*e.spacing+"px"};
|
|
4725
4700
|
background-color: ${({isActive:e,theme:t})=>e?t.palette.background.hint:"none"};
|
|
4726
4701
|
|
|
4727
4702
|
&:hover {
|
|
@@ -4731,32 +4706,42 @@ object-assign
|
|
|
4731
4706
|
& > * {
|
|
4732
4707
|
flex-shrink: 0;
|
|
4733
4708
|
}
|
|
4734
|
-
`,
|
|
4709
|
+
`,qM=o.default.div`
|
|
4735
4710
|
flex-shrink: 1;
|
|
4736
4711
|
flex-grow: 1;
|
|
4737
4712
|
display: flex;
|
|
4738
4713
|
align-items: center;
|
|
4739
4714
|
margin-left: ${({theme:e})=>1.5*e.spacing}px;
|
|
4740
|
-
opacity: ${({isOpen:e})=>e?1:0};
|
|
4741
|
-
transition: opacity ${CM}s;
|
|
4742
4715
|
min-width: 0;
|
|
4743
|
-
|
|
4716
|
+
overflow: hidden;
|
|
4717
|
+
transition: opacity ${IM}s;
|
|
4718
|
+
|
|
4719
|
+
${({isOpen:e})=>e?t.css`
|
|
4720
|
+
opacity: 1;
|
|
4721
|
+
`:t.css`
|
|
4722
|
+
display: none;
|
|
4723
|
+
`}
|
|
4724
|
+
`,eA=o.default(X)`
|
|
4744
4725
|
white-space: nowrap;
|
|
4745
4726
|
overflow: hidden;
|
|
4746
4727
|
text-overflow: ellipsis;
|
|
4747
|
-
`,
|
|
4728
|
+
`,tA=o.default.div`
|
|
4729
|
+
flex-shrink: 0;
|
|
4748
4730
|
margin-right: ${({theme:e})=>e.spacing}px;
|
|
4749
|
-
opacity: ${({isOpen:e})=>e?1:0};
|
|
4750
4731
|
transform: rotate(${({isExpand:e})=>e?"180deg":"none"});
|
|
4751
|
-
transition:
|
|
4752
|
-
|
|
4753
|
-
|
|
4754
|
-
|
|
4732
|
+
transition: transform 0.3s;
|
|
4733
|
+
|
|
4734
|
+
${({isOpen:e})=>e?t.css`
|
|
4735
|
+
opacity: 1;
|
|
4736
|
+
`:t.css`
|
|
4737
|
+
display: none;
|
|
4738
|
+
`}
|
|
4739
|
+
`,nA=o.default.div`
|
|
4755
4740
|
overflow-y: hidden;
|
|
4756
4741
|
max-height: ${({isExpand:e,height:t})=>e?t:"0px"};
|
|
4757
4742
|
transition: max-height 0.3s
|
|
4758
|
-
${({delay:e})=>e?
|
|
4759
|
-
`,
|
|
4743
|
+
${({delay:e})=>e?IM:0}s;
|
|
4744
|
+
`,rA=i.forwardRef((function(e,t){var{title:n,isActive:r=!1,iconName:a,expansionList:o=[],defaultExpand:l=!1,notificationCount:c=0,onChangeExpand:d,onClick:u}=e,p=s(e,["title","isActive","iconName","expansionList","defaultExpand","notificationCount","onChangeExpand","onClick"]);const f=k(),{isOpen:m,isMobile:h,isMobileMenuOpen:g}=i.useContext($M),[b,v]=i.useState(l),[x,y]=i.useState(!1),[w,C]=i.useState("auto"),E=i.useRef(null),I=m||h&&g;return i.useEffect((()=>{y(I)}),[I]),i.useEffect((()=>{y(!1),d&&d(b)}),[b,d]),i.useEffect((()=>{if(!E.current)return;const{height:e}=E.current.getBoundingClientRect();0!==e&&C(`${e}px`)}),[]),i.createElement("div",{ref:t},i.createElement(KM,Object.assign({isActive:r,$isMenuExpanded:I,onClick:e=>{0!==o.length&&v(!b),u&&u(e)}},p),i.createElement(NM,{badgeContent:c,position:"top-left"},i.createElement(D,{name:a,size:"lg",type:r?"fill":"line",color:r?"active":f.palette.black})),i.createElement(qM,{isOpen:I},i.createElement(eA,{component:"span",color:r?"primary":"initial",weight:"bold",size:"sm"},n)),i.createElement(tA,{isExpand:b,isOpen:I},i.createElement(D,{name:"arrow_bottom",color:r?"active":f.palette.black,size:"md"}))),i.createElement(nA,{ref:E,isExpand:b&&I||"auto"===w,height:w,delay:x},o.map(((e,t)=>i.createElement(i.Fragment,{key:t},e)))))})),aA=o.default.div`
|
|
4760
4745
|
cursor: pointer;
|
|
4761
4746
|
display: flex;
|
|
4762
4747
|
align-items: center;
|
|
@@ -4769,7 +4754,7 @@ object-assign
|
|
|
4769
4754
|
& > * {
|
|
4770
4755
|
flex-shrink: 0;
|
|
4771
4756
|
}
|
|
4772
|
-
`,
|
|
4757
|
+
`,iA=o.default(X)`
|
|
4773
4758
|
flex-shrink: 1;
|
|
4774
4759
|
flex-grow: 1;
|
|
4775
4760
|
display: flex;
|
|
@@ -4778,20 +4763,126 @@ object-assign
|
|
|
4778
4763
|
white-space: nowrap;
|
|
4779
4764
|
overflow: hidden;
|
|
4780
4765
|
text-overflow: ellipsis;
|
|
4781
|
-
`,
|
|
4766
|
+
`,oA=i.forwardRef((function(e,t){var{title:n,isActive:r=!1,notificationCount:a=0,badge:o}=e,l=s(e,["title","isActive","notificationCount","badge"]);const c=k();return i.createElement(aA,Object.assign({ref:t},l),i.createElement(iA,{component:"div",weight:r?"bold":"normal",color:r?"primary":c.palette.black,size:"sm"},n),o&&i.createElement(Zp,Object.assign({},o,{size:o.size||"small"})),i.createElement(UM,{notificationCount:a,invisible:0===a,style:{marginLeft:o?"4px":"0"}}))})),lA=o.default.div`
|
|
4767
|
+
flex-shrink: 0;
|
|
4768
|
+
display: none;
|
|
4769
|
+
flex-direction: column;
|
|
4770
|
+
box-sizing: border-box;
|
|
4771
|
+
|
|
4772
|
+
@media (max-width: ${g.MOBILE}px) {
|
|
4773
|
+
display: flex;
|
|
4774
|
+
position: sticky;
|
|
4775
|
+
top: 0;
|
|
4776
|
+
z-index: 1;
|
|
4777
|
+
background-color: ${({theme:e})=>e.palette.background.default};
|
|
4778
|
+
border-bottom: 1px solid ${({theme:e})=>e.palette.neutral.softLight};
|
|
4779
|
+
}
|
|
4780
|
+
|
|
4781
|
+
${({$showCustom:e})=>!e&&t.css`
|
|
4782
|
+
@media (max-width: ${g.MOBILE}px) {
|
|
4783
|
+
display: none;
|
|
4784
|
+
}
|
|
4785
|
+
`}
|
|
4786
|
+
`,sA=o.default.div`
|
|
4787
|
+
display: none;
|
|
4788
|
+
flex-shrink: 0;
|
|
4789
|
+
align-items: center;
|
|
4790
|
+
justify-content: flex-end;
|
|
4791
|
+
min-height: ${EM};
|
|
4792
|
+
padding: 0 ${({theme:e})=>2*e.spacing}px;
|
|
4793
|
+
box-sizing: border-box;
|
|
4794
|
+
|
|
4795
|
+
@media (max-width: ${g.MOBILE}px) {
|
|
4796
|
+
display: flex;
|
|
4797
|
+
}
|
|
4798
|
+
|
|
4799
|
+
${({$showCustom:e})=>!e&&t.css`
|
|
4800
|
+
@media (max-width: ${g.MOBILE}px) {
|
|
4801
|
+
display: none;
|
|
4802
|
+
}
|
|
4803
|
+
`}
|
|
4804
|
+
`,cA=o.default.div`
|
|
4805
|
+
flex-shrink: 0;
|
|
4806
|
+
display: flex;
|
|
4807
|
+
align-items: center;
|
|
4808
|
+
justify-content: ${({$showCustom:e})=>e?"space-between":"center"};
|
|
4809
|
+
gap: ${({theme:e})=>2*e.spacing}px;
|
|
4810
|
+
padding: 0 ${({theme:e})=>2*e.spacing}px;
|
|
4811
|
+
border-bottom: 1px solid ${({theme:e})=>e.palette.neutral.softLight};
|
|
4812
|
+
box-sizing: border-box;
|
|
4813
|
+
min-height: ${CM};
|
|
4814
|
+
|
|
4815
|
+
@media (max-width: ${g.MOBILE}px) {
|
|
4816
|
+
align-items: flex-start;
|
|
4817
|
+
padding: 0;
|
|
4818
|
+
border-bottom: none;
|
|
4819
|
+
}
|
|
4820
|
+
`,dA=o.default.div`
|
|
4821
|
+
flex: 1;
|
|
4822
|
+
min-width: 0;
|
|
4823
|
+
display: flex;
|
|
4824
|
+
align-items: center;
|
|
4825
|
+
gap: ${({theme:e})=>2*e.spacing}px;
|
|
4826
|
+
overflow: visible;
|
|
4827
|
+
transition: opacity ${IM}s;
|
|
4828
|
+
|
|
4829
|
+
${({$showCustom:e})=>!e&&t.css`
|
|
4830
|
+
display: none;
|
|
4831
|
+
`}
|
|
4832
|
+
|
|
4833
|
+
@media (max-width: ${g.MOBILE}px) {
|
|
4834
|
+
align-items: flex-start;
|
|
4835
|
+
align-self: stretch;
|
|
4836
|
+
width: 100%;
|
|
4837
|
+
}
|
|
4838
|
+
`,uA=o.default.div`
|
|
4839
|
+
flex-shrink: 0;
|
|
4840
|
+
display: flex;
|
|
4841
|
+
align-items: center;
|
|
4842
|
+
justify-content: ${({$showCustom:e})=>e?"flex-end":"center"};
|
|
4843
|
+
|
|
4844
|
+
@media (max-width: ${g.MOBILE}px) {
|
|
4845
|
+
display: none;
|
|
4846
|
+
}
|
|
4847
|
+
`,pA=o.default.div`
|
|
4848
|
+
display: flex;
|
|
4849
|
+
align-items: center;
|
|
4850
|
+
gap: inherit;
|
|
4851
|
+
|
|
4852
|
+
${({$passthrough:e})=>e&&t.css`
|
|
4853
|
+
display: contents;
|
|
4854
|
+
`}
|
|
4855
|
+
|
|
4856
|
+
${({$visibility:e})=>"desktop"===e&&t.css`
|
|
4857
|
+
@media (max-width: ${g.MOBILE}px) {
|
|
4858
|
+
display: none;
|
|
4859
|
+
}
|
|
4860
|
+
`}
|
|
4861
|
+
|
|
4862
|
+
${({$visibility:e})=>"mobile"===e&&t.css`
|
|
4863
|
+
display: none;
|
|
4864
|
+
|
|
4865
|
+
@media (max-width: ${g.MOBILE}px) {
|
|
4866
|
+
display: flex;
|
|
4867
|
+
align-items: flex-start;
|
|
4868
|
+
align-self: stretch;
|
|
4869
|
+
width: 100%;
|
|
4870
|
+
}
|
|
4871
|
+
`}
|
|
4872
|
+
`,fA=i.default.forwardRef((function({children:e,actions:t},n){const{isOpen:r,isFixed:a,isMobile:o,handleMobileMenuToggle:l}=AM(),s=o||r||a,c=i.default.Children.count(e)>0,d=i.default.createElement(Rs,{color:"clear",size:"medium","aria-label":"メニューを閉じる",icon:i.default.createElement(D,{name:"close",color:"currentColor"}),onClick:l}),u=o?d:null!=t?t:i.default.createElement(YM,null),p=i.default.createElement(dA,{$showCustom:s,"data-testid":"navigation-rail-slot-custom"},e);return o?i.default.createElement(lA,{ref:n,"data-testid":"navigation-rail-slot",$showCustom:s},i.default.createElement(sA,{$showCustom:s,"data-testid":"navigation-rail-slot-mobile-close"},d),c?i.default.createElement(cA,{$showCustom:s},p):null):i.default.createElement(cA,{ref:n,"data-testid":"navigation-rail-slot",$showCustom:s},p,i.default.createElement(uA,{$showCustom:s},u))})),mA=i.default.forwardRef((function({children:e,visibility:t="all"},n){return i.default.createElement(pA,{ref:n,$visibility:t,$passthrough:"all"===t},e)}));function hA(e){let t=!1;return i.default.Children.forEach(e,(e=>{!t&&i.default.isValidElement(e)&&(e.type!==fA?e.type===i.default.Fragment&&(t=hA(e.props.children)):t=!0)})),t}const gA=i.default.forwardRef((function({children:e},t){const{isOpen:n,isFixed:r,handleOpen:a,handleClose:o,isMobile:l,isMobileMenuOpen:s,handleMobileMenuToggle:c}=i.default.useContext($M),d=hA(e),u=l&&!d?i.default.createElement(fA,null):null;return i.default.createElement(i.default.Fragment,null,i.default.createElement(MM,{isVisible:l&&s,onClick:c}),i.default.createElement(kM,{ref:t,isOpen:n,isFixed:r,isMobile:l,isMobileMenuOpen:s,onMouseEnter:()=>{l||null==a||a()},onMouseLeave:()=>{l||null==o||o()}},u,e))})),bA=gA;bA.Container=TM,bA.Header=ZM,bA.Content=BM,bA.Footer=PM,bA.Menu=QM,bA.ExpansionMenu=rA,bA.ExpansionMenuItem=oA,bA.Fixture=YM,bA.MainContent=FM,bA.Slot=fA,bA.SlotContent=mA;const vA=i.forwardRef((function(e,t){var{title:n,description:r,slotContent:a,slotExpansion:o="whenChecked",disabled:l,error:c,checked:d,inputRef:u}=e,p=s(e,["title","description","slotContent","slotExpansion","disabled","error","checked","inputRef"]);const f=!!d,{controlWrapRef:m,assignInputRef:h,handleHeaderClick:g}=Em(l,u),b=i.createElement(ym,null,i.createElement(xm,{ref:m},i.createElement(my,Object.assign({},p,{checked:d,disabled:l,error:c,inputRef:h}),n)),Im(r)?i.createElement(wm,{$disabled:!!l},r):null);return i.createElement(Cm,{ref:t,checked:f,disabled:l,header:b,slot:a,slotExpansion:o,onHeaderClick:g})})),xA=o.default.div`
|
|
4782
4873
|
${({height:e,maxHeight:t,minHeight:n})=>Mm({height:e,maxHeight:t,minHeight:n})}
|
|
4783
|
-
`,
|
|
4874
|
+
`,yA=i.forwardRef((function(e,t){var{height:n="auto",maxHeight:r="none",minHeight:a="none",children:o}=e,l=s(e,["height","maxHeight","minHeight","children"]);return i.createElement(xA,Object.assign({height:n,maxHeight:r,minHeight:a},l,{ref:t}),o)})),wA="24px",CA=o.default.div`
|
|
4784
4875
|
flex-direction: row;
|
|
4785
4876
|
width: 100%;
|
|
4786
|
-
min-height: ${
|
|
4877
|
+
min-height: ${wA};
|
|
4787
4878
|
display: flex;
|
|
4788
4879
|
align-items: center;
|
|
4789
4880
|
position: relative;
|
|
4790
4881
|
cursor: ${({disabled:e})=>e?"not-allowed":"default"};
|
|
4791
|
-
`,
|
|
4882
|
+
`,EA=o.default.div`
|
|
4792
4883
|
position: relative;
|
|
4793
4884
|
flex: 1;
|
|
4794
|
-
min-height: ${
|
|
4885
|
+
min-height: ${wA};
|
|
4795
4886
|
display: flex;
|
|
4796
4887
|
align-items: center;
|
|
4797
4888
|
min-width: 100px;
|
|
@@ -4809,7 +4900,7 @@ object-assign
|
|
|
4809
4900
|
background-color: ${({theme:e})=>e.palette.neutral.lighter};
|
|
4810
4901
|
pointer-events: none;
|
|
4811
4902
|
}
|
|
4812
|
-
`,
|
|
4903
|
+
`,IA=o.default.div`
|
|
4813
4904
|
position: absolute;
|
|
4814
4905
|
top: 50%;
|
|
4815
4906
|
left: 0;
|
|
@@ -4823,7 +4914,7 @@ object-assign
|
|
|
4823
4914
|
width: ${e}%;
|
|
4824
4915
|
left: ${n}%;
|
|
4825
4916
|
`}
|
|
4826
|
-
`,
|
|
4917
|
+
`,kA=o.default.div`
|
|
4827
4918
|
position: absolute;
|
|
4828
4919
|
width: 18px;
|
|
4829
4920
|
height: 18px;
|
|
@@ -4843,7 +4934,7 @@ object-assign
|
|
|
4843
4934
|
left: ${e}%;
|
|
4844
4935
|
transform: translate(-50%, -50%);
|
|
4845
4936
|
`}
|
|
4846
|
-
`,
|
|
4937
|
+
`,MA=o.default.div`
|
|
4847
4938
|
position: absolute;
|
|
4848
4939
|
top: 0;
|
|
4849
4940
|
left: 0;
|
|
@@ -4853,7 +4944,7 @@ object-assign
|
|
|
4853
4944
|
z-index: 1;
|
|
4854
4945
|
display: flex;
|
|
4855
4946
|
justify-content: space-between;
|
|
4856
|
-
`,
|
|
4947
|
+
`,AA=o.default.div`
|
|
4857
4948
|
position: absolute;
|
|
4858
4949
|
display: flex;
|
|
4859
4950
|
flex-direction: column;
|
|
@@ -4864,7 +4955,7 @@ object-assign
|
|
|
4864
4955
|
top: 50%;
|
|
4865
4956
|
transform: translateY(-50%);
|
|
4866
4957
|
`}
|
|
4867
|
-
|
|
4958
|
+
`,$A=o.default.div`
|
|
4868
4959
|
border-radius: 50%;
|
|
4869
4960
|
position: absolute;
|
|
4870
4961
|
top: 50%;
|
|
@@ -4874,32 +4965,32 @@ object-assign
|
|
|
4874
4965
|
|
|
4875
4966
|
width: 8px;
|
|
4876
4967
|
height: 8px;
|
|
4877
|
-
`,
|
|
4878
|
-
&.${
|
|
4879
|
-
transform: ${({direction:e})=>
|
|
4968
|
+
`,SA=(e,t,n)=>Math.max(t,Math.min(n,e)),DA=(e,t,n,r)=>void 0===e?r?[t,n]:t:Array.isArray(e)?[SA(e[0],t,n),SA(e[1],t,n)]:SA(e,t,n),LA=(e,t,n)=>(e-t)/(n-t)*100,OA=(e,t,n,r,a)=>{const i=n+(e-t.left)/t.width*100/100*(r-n),o=Math.round(i/a)*a;return SA(o,n,r)},VA=(e,t)=>{if(1===t.length)return 0;const[n,r]=t,a=Math.abs(e-n),i=Math.abs(e-r);if(a!==i)return a<i?0:1;return e>=(n+r)/2?1:0},RA=(e,t,n,r,a,i,o)=>{const l="PageUp"===t||"PageDown"===t?10*a:a;let s;if(i&&Array.isArray(e)){const a=null!=o?o:0,i=e[a];switch(t){case"ArrowLeft":case"ArrowDown":case"PageDown":s=SA(i-l,n,r);break;case"ArrowRight":case"ArrowUp":case"PageUp":s=SA(i+l,n,r);break;case"Home":s=n;break;case"End":s=r;break;default:return e}const c=[...e];return c[a]=s,0===a?c[0]=Math.min(s,c[1]):c[1]=Math.max(s,c[0]),c}{const a=Array.isArray(e)?e[0]:e;switch(t){case"ArrowLeft":case"ArrowDown":case"PageDown":s=SA(a-l,n,r);break;case"ArrowRight":case"ArrowUp":case"PageUp":s=SA(a+l,n,r);break;case"Home":s=n;break;case"End":s=r;break;default:return e}return s}},HA=()=>{document.body.style.userSelect="none"},NA=()=>{document.body.style.userSelect=""},zA=e=>{e.preventDefault()};function TA({value:e,defaultValue:t,onChange:n,min:r,max:a,step:o,disabled:l=!1}){const s=i.useCallback((n=>{const i=Array.isArray(e)||Array.isArray(t);return DA(n,r,a,i)}),[r,a,e,t]),[c,d]=i.useState(s(t)),[u,p]=i.useState(!1),[f,m]=i.useState(null),[h,g]=i.useState(new Map),[b,v]=i.useState(new Map),x=i.useRef(null),y=i.useRef(null);i.useEffect((()=>{if(void 0===e&&void 0!==t){const e=s(t);d(e)}}),[e,t,s]);const w=void 0!==e?e:c,C=i.useCallback((e=>{n?n(e):d(e)}),[n]),E=i.useCallback((e=>{if(!x.current)return r;const t=x.current.getBoundingClientRect();return OA(e,t,r,a,o)}),[r,a,o]),I=i.useCallback((e=>{if(l)return;e.preventDefault(),p(!0),HA(),document.addEventListener("wheel",zA,{passive:!1}),document.addEventListener("touchmove",zA,{passive:!1});const t=E(e.clientX);if(Array.isArray(w)){const e=VA(t,w);m(e);const n=[...w];n[e]=t,C(n)}else m(0),C(t)}),[l,E,w,C]),k=i.useCallback((e=>{if(!u||l)return;const t=E(e.clientX);if(Array.isArray(w)&&null!==f){const e=[...w];e[f]=t,0===f?e[0]=Math.min(t,e[1]):e[1]=Math.max(t,e[0]),C(e)}else Array.isArray(w)||C(t)}),[u,l,E,w,f,C]),M=i.useCallback((()=>{p(!1),m(null),NA(),document.removeEventListener("wheel",zA),document.removeEventListener("touchmove",zA)}),[]),A=i.useCallback((e=>{if(l)return;e.preventDefault(),p(!0),HA(),document.addEventListener("wheel",zA,{passive:!1}),document.addEventListener("touchmove",zA,{passive:!1});const t=new Map,n=new Map;Array.from(e.changedTouches).forEach((e=>{const r=E(e.clientX);if(t.set(e.identifier,e),Array.isArray(w)){const t=VA(r,w);n.set(e.identifier,t)}else n.set(e.identifier,0)})),g(t),v(n)}),[l,E,w]),$=i.useCallback((e=>{u&&!l&&(e.preventDefault(),Array.from(e.changedTouches).forEach((e=>{const t=b.get(e.identifier);if(void 0===t)return;const n=E(e.clientX);if(Array.isArray(w)){const e=[...w];e[t]=n,0===t?e[0]=Math.min(n,e[1]):e[1]=Math.max(n,e[0]),C(e)}else C(n)})))}),[u,l,E,w,b,C]),S=i.useCallback((e=>{const t=new Map(h),n=new Map(b);Array.from(e.changedTouches).forEach((e=>{t.delete(e.identifier),n.delete(e.identifier)})),g(t),v(n),0===t.size&&(p(!1),NA(),document.removeEventListener("wheel",zA),document.removeEventListener("touchmove",zA))}),[h,b]);return{currentValue:w,isDragging:u,trackRef:x,thumbRef:y,handleChange:C,handleMouseDown:I,handleMouseMove:k,handleMouseUp:M,handleTouchStart:A,handleTouchMove:$,handleTouchEnd:S}}function ZA({showScale:e,min:t,max:n,step:r,currentValue:a}){const o=k(),l=i.useCallback((()=>{if(!e)return[];const a=[];for(let e=t;e<=n;e+=r)a.push(e);return a}),[e,t,n,r]),s=i.useCallback((e=>Array.isArray(a)?e>=a[0]&&e<=a[1]:e<=a),[a]),c=i.useCallback((()=>{if(!e)return null;const r=l();return i.createElement(MA,{},r.map((e=>i.createElement(AA,{key:e,percentage:(e-t)/(n-t)*100},i.createElement($A,{theme:o,isOnFill:s(e)})))))}),[e,l,t,n,s,o]);return{getScaleValues:l,isScaleOnFill:s,renderScale:c}}let BA=0;const PA={min:0,max:100,step:1,disabled:!1,showScale:!1},_A=i.forwardRef((function(e,t){var{value:n,defaultValue:r,onChange:a,min:o=PA.min,max:l=PA.max,step:c=PA.step,disabled:d=PA.disabled,showScale:u=PA.showScale,id:p,className:f,style:m,"aria-label":h,"aria-labelledby":g,"aria-describedby":b}=e,v=s(e,["value","defaultValue","onChange","min","max","step","disabled","showScale","id","className","style","aria-label","aria-labelledby","aria-describedby"]);const x=k(),y=i.useId(),w=i.useMemo((()=>"slider-"+ ++BA),[]),C=p||y||w,{currentValue:E,isDragging:I,trackRef:M,thumbRef:A,handleChange:$,handleMouseDown:S,handleMouseMove:D,handleMouseUp:L,handleTouchStart:O,handleTouchMove:V,handleTouchEnd:R}=TA({value:n,defaultValue:r,onChange:a,min:o,max:l,step:c,disabled:d}),{renderScale:H}=ZA({showScale:u,min:o,max:l,step:c,currentValue:E}),N=i.useCallback((e=>LA(e,o,l)),[o,l]),z=i.useCallback((e=>{if(d)return;const t=Array.isArray(E),n=RA(E,e.key,o,l,c,t,null);n!==E&&(e.preventDefault(),$(n))}),[d,E,o,l,c,$]),T=i.useCallback((e=>{const t=parseFloat(e.target.value);if(Array.isArray(E)){const e=[...E];e[0]=t,$(e)}else $(t)}),[E,$]),Z=i.useCallback((e=>{if(!Array.isArray(E))return;const t=parseFloat(e.target.value),n=[...E];n[0]=Math.min(t,n[1]),$(n)}),[E,$]),B=i.useCallback((e=>{if(!Array.isArray(E))return;const t=parseFloat(e.target.value),n=[...E];n[1]=Math.max(t,n[0]),$(n)}),[E,$]);return i.useEffect((()=>{if(I){document.addEventListener("mousemove",D),document.addEventListener("mouseup",L),document.addEventListener("touchmove",V),document.addEventListener("touchend",R);const e=e=>e.preventDefault();return document.addEventListener("contextmenu",e),()=>{document.removeEventListener("mousemove",D),document.removeEventListener("mouseup",L),document.removeEventListener("touchmove",V),document.removeEventListener("touchend",R),document.removeEventListener("contextmenu",e)}}}),[I,D,L,V,R]),i.createElement(CA,Object.assign({ref:t,theme:x,disabled:d,className:f,style:m},v),i.createElement(EA,{ref:M,id:C,tabIndex:d?-1:0,role:"slider","aria-valuemin":o,"aria-valuemax":l,"aria-valuenow":Array.isArray(E)?E[0]:E,"aria-valuetext":Array.isArray(E)?`${E[0]} to ${E[1]}`:void 0,"aria-disabled":d,"aria-label":h,"aria-labelledby":g,"aria-describedby":b,onMouseDown:S,onTouchStart:O,onKeyDown:z},Array.isArray(E)?i.createElement(i.Fragment,null,i.createElement(IA,{percentage:N(E[1])-N(E[0]),isDragging:I,startPercentage:N(E[0]),disabled:d}),i.createElement(kA,{ref:A,percentage:N(E[0]),isDragging:I,disabled:d}),i.createElement(kA,{percentage:N(E[1]),isDragging:I,disabled:d})):i.createElement(i.Fragment,null,i.createElement(IA,{percentage:N(E),isDragging:I,disabled:d}),i.createElement(kA,{ref:A,percentage:N(E),isDragging:I,disabled:d})),H()),Array.isArray(E)?i.createElement(i.Fragment,null,i.createElement("input",{type:"range",min:o,max:l,step:c,value:E[0],style:{position:"absolute",opacity:0,pointerEvents:"none",width:"1px",height:"1px",margin:"-1px",padding:0,border:"none",overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap"},"aria-label":"Slider minimum value","aria-labelledby":g,"aria-describedby":b,disabled:d,onChange:Z}),i.createElement("input",{type:"range",min:o,max:l,step:c,value:E[1],style:{position:"absolute",opacity:0,pointerEvents:"none",width:"1px",height:"1px",margin:"-1px",padding:0,border:"none",overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap"},"aria-label":"Slider maximum value","aria-labelledby":g,"aria-describedby":b,disabled:d,onChange:B})):i.createElement("input",{type:"range",min:o,max:l,step:c,value:E,style:{position:"absolute",opacity:0,pointerEvents:"none",width:"1px",height:"1px",margin:"-1px",padding:0,border:"none",overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap"},"aria-label":"Slider input","aria-labelledby":g,"aria-describedby":b,disabled:d,onChange:T}))})),FA=e.createContext(null),GA=()=>{const t=e.useContext(FA);if(!t)throw new Error("SliderField components must be used within a SliderField");return t},YA=({children:t})=>{const n=e.useId(),r={fieldId:n,sliderId:`${n}-slider`,outputId:`${n}-output`};return i.default.createElement(FA.Provider,{value:r},t)};YA.Slider=e=>{const{sliderId:t,outputId:n}=GA(),r=e.id||t,a=e["aria-describedby"]||n;return i.default.createElement(_A,Object.assign({},e,{id:r,"aria-describedby":a}))},YA.Output=e=>{var{children:t,id:n}=e,r=s(e,["children","id"]);const{outputId:a}=GA();return i.default.createElement("div",Object.assign({},r,{id:n||a}),t)};const jA=e=>{switch(e){case"down":default:return"translateY(100vh)";case"up":return"translateY(-100vh)";case"right":return"translateX(100vw)";case"left":return"translateX(-100vw)"}},WA="slide-transition",XA=o.default(Nd)`
|
|
4969
|
+
&.${WA}-enter, &.${WA}-appear {
|
|
4970
|
+
transform: ${({direction:e})=>jA(e)};
|
|
4880
4971
|
}
|
|
4881
|
-
&.${
|
|
4972
|
+
&.${WA}-enter-active, &.${WA}-appear-active {
|
|
4882
4973
|
transform: none;
|
|
4883
4974
|
transition: transform ${({timeout:e})=>Qd(e,"enter")}ms;
|
|
4884
4975
|
}
|
|
4885
|
-
&.${
|
|
4976
|
+
&.${WA}-exit {
|
|
4886
4977
|
transform: none;
|
|
4887
4978
|
}
|
|
4888
|
-
&.${
|
|
4889
|
-
transform: ${({direction:e})=>
|
|
4979
|
+
&.${WA}-exit-active {
|
|
4980
|
+
transform: ${({direction:e})=>jA(e)};
|
|
4890
4981
|
transition: transform ${({timeout:e})=>Qd(e,"exit")}ms;
|
|
4891
4982
|
}
|
|
4892
|
-
&.${
|
|
4893
|
-
transform: ${({direction:e})=>
|
|
4983
|
+
&.${WA}-exit-done {
|
|
4984
|
+
transform: ${({direction:e})=>jA(e)};
|
|
4894
4985
|
}
|
|
4895
|
-
`,
|
|
4986
|
+
`,JA=o.default.div`
|
|
4896
4987
|
position: fixed;
|
|
4897
4988
|
left: ${({horizontal:e,theme:t})=>"left"===e?3*t.spacing+"px":"auto"};
|
|
4898
4989
|
right: ${({horizontal:e,theme:t})=>"right"===e?3*t.spacing+"px":"auto"};
|
|
4899
4990
|
top: ${({vertical:e,theme:t})=>"top"===e?3*t.spacing+"px":"auto"};
|
|
4900
4991
|
bottom: ${({vertical:e,theme:t})=>"bottom"===e?3*t.spacing+"px":"auto"};
|
|
4901
4992
|
z-index: ${({theme:e})=>e.depth.snackbar};
|
|
4902
|
-
`,
|
|
4993
|
+
`,UA=o.default.div`
|
|
4903
4994
|
position: relative;
|
|
4904
4995
|
min-width: 320px;
|
|
4905
4996
|
max-width: 400px;
|
|
@@ -4911,104 +5002,104 @@ object-assign
|
|
|
4911
5002
|
box-shadow: ${({boxShadow:e})=>e};
|
|
4912
5003
|
border-radius: ${({theme:e})=>e.radius}px;
|
|
4913
5004
|
color: ${({textColor:e})=>e||"inherit"};
|
|
4914
|
-
`,
|
|
5005
|
+
`,QA=o.default.div`
|
|
4915
5006
|
position: absolute;
|
|
4916
5007
|
top: ${({theme:e})=>e.spacing}px;
|
|
4917
5008
|
right: ${({theme:e})=>e.spacing}px;
|
|
4918
5009
|
cursor: pointer;
|
|
4919
|
-
`,
|
|
5010
|
+
`,KA=({color:e,onClose:t,children:n})=>{const r=(e=>({default:{iconColor:e.palette.black,boxShadow:Na(5,e.palette.action.shadowOpacity,e.palette.action.shadowBase),background:e.palette.background.default},dark:{iconColor:e.palette.white,boxShadow:Na(5,e.palette.action.shadowOpacity,e.palette.action.shadowBase),background:e.palette.black,textColor:e.palette.text.white},warning:{iconColor:e.palette.warning.ultraDark,boxShadow:Na(5,e.palette.action.shadowOpacity,e.palette.warning.highlight),background:e.palette.warning.highlight}}))(k())[e];return i.createElement(UA,Object.assign({},r),n,i.createElement(QA,{onClick:t},i.createElement(D,{name:"close",color:r.iconColor})))},qA=i.forwardRef((function({color:e="default",anchorOrigin:{vertical:t,horizontal:n}={vertical:"bottom",horizontal:"right"},isOpen:r,onClose:a,children:o},l){return r?i.createElement(JA,{ref:l,vertical:t,horizontal:n,role:"warning"===e?"alert":"status"},i.createElement(KA,{color:e,onClose:a},o)):null})),e$=o.default.div`
|
|
4920
5011
|
display: block;
|
|
4921
|
-
`,
|
|
5012
|
+
`,t$=i.forwardRef((function(e,t){var{children:n}=e,r=s(e,["children"]);return i.createElement(V,Object.assign({ref:t,display:"flex"},r),i.createElement(ws,{pr:1}),i.createElement(Ym,{orientation:"vertical"}),i.createElement(ws,{pr:1}),i.createElement(e$,null,n))})),n$={small:{height:"28px",fontSize:"12px",padding:"0 4px",borderRadius:"4px",itemHeight:"20px",itemPadding:"0 4px",itemRadius:"2px",iconSize:"sm-md",iconItemWidth:"24px",gap:"4px"},medium:{height:"32px",fontSize:"12px",padding:"0 4px",borderRadius:"4px",itemHeight:"24px",itemPadding:"0 6px",itemRadius:"4px",iconSize:"sm-md",iconItemWidth:"24px",gap:"6px"},large:{height:"40px",fontSize:"13px",padding:"0 6px",borderRadius:"6px",itemHeight:"28px",itemPadding:"0 8px",itemRadius:"4px",iconSize:"md",iconItemWidth:"28px",gap:"8px"}},r$=e=>({light:{containerBackground:e.palette.background.default,indicatorBackground:e.palette.black,textColor:e.palette.black,textColorActive:e.palette.background.default,textColorDisabled:e.palette.text.disabled,iconColor:e.palette.black,iconColorActive:e.palette.background.default,iconColorDisabled:e.palette.neutral.lighter,borderColor:e.palette.divider,hoverBackground:e.palette.neutral.softLight},dark:{containerBackground:e.palette.neutral.ultraLight,indicatorBackground:e.palette.black,textColor:e.palette.black,textColorActive:e.palette.background.default,textColorDisabled:e.palette.text.disabled,iconColor:e.palette.black,iconColorActive:e.palette.background.default,iconColorDisabled:e.palette.neutral.lighter,borderColor:e.palette.divider,hoverBackground:e.palette.neutral.softLight},primary:{containerBackground:e.palette.primary.ultraLight,indicatorBackground:e.palette.primary.base,textColor:e.palette.primary.base,textColorActive:e.palette.background.default,textColorDisabled:e.palette.text.disabled,iconColor:e.palette.primary.base,iconColorActive:e.palette.background.default,iconColorDisabled:e.palette.neutral.lighter,borderColor:e.palette.primary.base,hoverBackground:e.palette.primary.highlight}}),a$=o.default.div`
|
|
4922
5013
|
display: inline-flex;
|
|
4923
5014
|
align-items: center;
|
|
4924
|
-
height: ${({$size:e})=>
|
|
4925
|
-
padding: ${({$size:e})=>
|
|
4926
|
-
border-radius: ${({$size:e})=>
|
|
4927
|
-
background-color: ${({$variant:e,theme:t,$disabled:n})=>{if(n)return t.palette.neutral.softLight;return
|
|
5015
|
+
height: ${({$size:e})=>n$[e].height};
|
|
5016
|
+
padding: ${({$size:e})=>n$[e].padding};
|
|
5017
|
+
border-radius: ${({$size:e})=>n$[e].borderRadius};
|
|
5018
|
+
background-color: ${({$variant:e,theme:t,$disabled:n})=>{if(n)return t.palette.neutral.softLight;return r$(t)[e].containerBackground}};
|
|
4928
5019
|
border: 1px solid
|
|
4929
|
-
${({$variant:e,theme:t,$disabled:n})=>{if(n)return t.palette.text.disabled;return
|
|
5020
|
+
${({$variant:e,theme:t,$disabled:n})=>{if(n)return t.palette.text.disabled;return r$(t)[e].borderColor}};
|
|
4930
5021
|
width: ${({$fullWidth:e,$width:t})=>e?"100%":t?`${isNaN(+t)?t:t+"px"}`:"auto"};
|
|
4931
5022
|
cursor: ${({$disabled:e})=>e?"not-allowed":"default"};
|
|
4932
5023
|
transition: all 0.3s ease-in-out;
|
|
4933
|
-
`,
|
|
5024
|
+
`,i$=o.default.div`
|
|
4934
5025
|
position: relative;
|
|
4935
5026
|
width: 100%;
|
|
4936
|
-
`,
|
|
5027
|
+
`,o$=o.default.div`
|
|
4937
5028
|
position: relative;
|
|
4938
5029
|
width: 100%;
|
|
4939
5030
|
white-space: nowrap;
|
|
4940
5031
|
display: flex;
|
|
4941
5032
|
align-items: center;
|
|
4942
|
-
gap: ${({$size:e})=>
|
|
5033
|
+
gap: ${({$size:e})=>n$[e].gap};
|
|
4943
5034
|
${({$fullWidth:e})=>e&&"\n & > * {\n flex: 1;\n }\n "}
|
|
4944
|
-
`,
|
|
5035
|
+
`,l$=o.default.div`
|
|
4945
5036
|
display: inline-flex;
|
|
4946
5037
|
align-items: center;
|
|
4947
5038
|
justify-content: center;
|
|
4948
|
-
width: ${({$size:e})=>
|
|
4949
|
-
height: ${({$size:e})=>
|
|
4950
|
-
border-radius: ${({$size:e})=>
|
|
5039
|
+
width: ${({$size:e})=>n$[e].iconItemWidth};
|
|
5040
|
+
height: ${({$size:e})=>n$[e].itemHeight};
|
|
5041
|
+
border-radius: ${({$size:e})=>n$[e].itemRadius};
|
|
4951
5042
|
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
4952
5043
|
transition: all 0.3s ease-in-out;
|
|
4953
5044
|
background-color: transparent;
|
|
4954
5045
|
|
|
4955
5046
|
@media (any-hover: hover) {
|
|
4956
5047
|
&:hover:not([data-disabled="true"]) {
|
|
4957
|
-
background-color: ${({$variant:e,theme:t,$active:n,$disabled:r})=>{if(r)return"transparent";if(n)return"transparent";return
|
|
5048
|
+
background-color: ${({$variant:e,theme:t,$active:n,$disabled:r})=>{if(r)return"transparent";if(n)return"transparent";return r$(t)[e].hoverBackground}};
|
|
4958
5049
|
}
|
|
4959
5050
|
}
|
|
4960
|
-
`,
|
|
5051
|
+
`,s$=o.default.div`
|
|
4961
5052
|
display: inline-flex;
|
|
4962
5053
|
align-items: center;
|
|
4963
5054
|
justify-content: center;
|
|
4964
|
-
height: ${({$size:e})=>
|
|
4965
|
-
padding: ${({$size:e})=>
|
|
4966
|
-
border-radius: ${({$size:e})=>
|
|
5055
|
+
height: ${({$size:e})=>n$[e].itemHeight};
|
|
5056
|
+
padding: ${({$size:e})=>n$[e].itemPadding};
|
|
5057
|
+
border-radius: ${({$size:e})=>n$[e].itemRadius};
|
|
4967
5058
|
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
4968
5059
|
transition: all 0.3s ease-in-out;
|
|
4969
5060
|
background-color: transparent;
|
|
4970
5061
|
|
|
4971
5062
|
@media (any-hover: hover) {
|
|
4972
5063
|
&:hover:not([data-disabled="true"]) {
|
|
4973
|
-
background-color: ${({$variant:e,theme:t,$active:n,$disabled:r})=>{if(r)return"transparent";if(n)return"transparent";return
|
|
5064
|
+
background-color: ${({$variant:e,theme:t,$active:n,$disabled:r})=>{if(r)return"transparent";if(n)return"transparent";return r$(t)[e].hoverBackground}};
|
|
4974
5065
|
}
|
|
4975
5066
|
}
|
|
4976
5067
|
|
|
4977
5068
|
span {
|
|
4978
|
-
color: ${({$variant:e,theme:t,$active:n,$disabled:r})=>{if(r&&n)return t.palette.background.default;if(r){return
|
|
5069
|
+
color: ${({$variant:e,theme:t,$active:n,$disabled:r})=>{if(r&&n)return t.palette.background.default;if(r){return r$(t)[e].textColorDisabled}if(n){return r$(t)[e].textColorActive}return r$(t)[e].textColor}};
|
|
4979
5070
|
transition: color 0.5s ease-in-out;
|
|
4980
5071
|
}
|
|
4981
|
-
`,
|
|
5072
|
+
`,c$=o.default.div`
|
|
4982
5073
|
position: absolute;
|
|
4983
5074
|
top: 0;
|
|
4984
5075
|
height: 100%;
|
|
4985
5076
|
transition: all 0.3s ease-in-out; //インジケーターの動きだしタイミングを少しだけ速くする
|
|
4986
|
-
background-color: ${({$variant:e,theme:t,$disabled:n})=>{if(n)return t.palette.text.disabled;return
|
|
4987
|
-
border-radius: ${({$size:e})=>
|
|
4988
|
-
`,
|
|
5077
|
+
background-color: ${({$variant:e,theme:t,$disabled:n})=>{if(n)return t.palette.text.disabled;return r$(t)[e].indicatorBackground}};
|
|
5078
|
+
border-radius: ${({$size:e})=>n$[e].itemRadius};
|
|
5079
|
+
`,d$="undefined"!=typeof window?i.default.useLayoutEffect:i.default.useEffect;function u$(e){const t=i.default.useRef(e);return d$((()=>{t.current=e})),i.default.useCallback(((...e)=>t.current(...e)),[])}const p$=i.forwardRef((function({cases:e,value:t,onChange:n,size:r="medium",variant:a="light",disabled:o=!1,fullWidth:l=!1,width:s,showTooltip:c=!1,tooltipPosition:d=["top-start","bottom-start","auto"]},u){const p=k(),f=e,m=new Map,h=i.useRef(null),g=i.useRef(null),[b,v]=i.useState({}),x=(e,t)=>()=>{!n||o||t||n(e)},y=i.useMemo((()=>"small"===r||"medium"===r?"sm-md":"md"),[r]),w=i.useCallback(((e,t)=>e&&t?p.palette.background.default:e?p.palette.text.disabled:t?p.palette.background.default:r$(p)[a].iconColor),[p,a]),C=i.useMemo((()=>"small"===r?"xs":"sm"),[r]),E=u$((()=>{const{tabsMeta:e,tabMeta:n}=(()=>{const e=h.current;let n,r;if(e){const t=e.getBoundingClientRect();n={clientWidth:e.clientWidth,scrollLeft:e.scrollLeft,scrollTop:e.scrollTop,scrollWidth:e.scrollWidth,top:t.top,bottom:t.bottom,left:t.left,right:t.right}}if(e&&null!=t&&g.current){const e=g.current.children;if(e.length>0){const n=e[m.get(t)];r=(null==n?void 0:n.getBoundingClientRect())||null}}return{tabsMeta:n,tabMeta:r}})();let r=0;if(n&&e){const t=e.scrollLeft;r=n.left-e.left+t}const a={left:r,width:n?n.width:0};if(void 0===b.left||void 0===b.width)v(a);else{const e=Math.abs(b.left-a.left),t=Math.abs((null==b?void 0:b.width)-a.width);(e>=1||t>=1)&&v(a)}}));return i.useEffect((()=>{E()}),[t,f.length,r,a,E]),i.useEffect((()=>{const e=()=>{E()};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[E]),i.createElement(a$,{ref:u,$size:r,$variant:a,$disabled:o,$fullWidth:l,$width:s,role:"tablist","aria-label":"Switch options"},i.createElement(i$,{ref:h},i.createElement(c$,{$size:r,$variant:a,$disabled:o,style:Object.assign({},b)}),i.createElement(o$,{ref:g,$size:r,$fullWidth:l},f.map(((e,n)=>{const l=void 0===e.value?n:e.value;m.set(l,n);const s=l===t,u=e.disabled||o,p=null!=e.icon?i.createElement(l$,{$size:r,$variant:a,$active:s,$disabled:u,"data-disabled":u,role:"tab","aria-selected":s,tabIndex:u?-1:0,onClick:x(l,u)},i.createElement(D,{name:e.icon,size:y,color:w(u,s)})):i.createElement(s$,{key:e.name,$size:r,$variant:a,$active:s,$disabled:u,"data-disabled":u,role:"tab","aria-selected":s,tabIndex:u?-1:0,onClick:x(l,u)},i.createElement(X,{trimVertical:!0,component:"span",size:C,weight:"normal",color:"secondary"},e.name));return c?i.createElement(au,{key:e.name,content:e.name,positionPriority:d,offset:[0,15]},p):i.createElement(i.Fragment,{key:e.name},p)})))))})),f$=i.forwardRef((function(e,t){var{children:n}=e,r=s(e,["children"]);return i.createElement("tbody",Object.assign({ref:t},r),n)})),m$=o.default.td`
|
|
4989
5080
|
width: ${({width:e})=>e};
|
|
4990
5081
|
padding: ${({theme:e})=>2*e.spacing}px;
|
|
4991
|
-
`,
|
|
5082
|
+
`,h$=i.forwardRef((function(e,t){var{width:n="auto",children:r}=e,a=s(e,["width","children"]);return i.createElement(m$,Object.assign({ref:t,width:n},a),i.createElement(X,{component:"div"},r))})),g$=i.forwardRef((function({children:e},t){return i.createElement("thead",{ref:t},e)})),b$={small:"8px",medium:"12px",large:"16px"},v$=o.default.tr`
|
|
4992
5083
|
border: 1px solid ${({theme:e})=>e.palette.divider};
|
|
4993
5084
|
|
|
4994
5085
|
& > td,
|
|
4995
5086
|
th {
|
|
4996
|
-
padding-top: ${({verticalSpacing:e})=>
|
|
4997
|
-
padding-bottom: ${({verticalSpacing:e})=>
|
|
5087
|
+
padding-top: ${({verticalSpacing:e})=>b$[e]};
|
|
5088
|
+
padding-bottom: ${({verticalSpacing:e})=>b$[e]};
|
|
4998
5089
|
}
|
|
4999
|
-
`,
|
|
5090
|
+
`,x$=i.forwardRef((function(e,t){var{children:n,verticalSpacing:r="medium"}=e,a=s(e,["children","verticalSpacing"]);return i.createElement(v$,Object.assign({ref:t,verticalSpacing:r},a),n)})),y$=o.default.th`
|
|
5000
5091
|
width: ${({width:e})=>e};
|
|
5001
5092
|
padding: ${({theme:e})=>2*e.spacing}px;
|
|
5002
5093
|
background-color: ${({theme:e})=>e.palette.neutral.highlight};
|
|
5003
5094
|
border: 1px solid ${({theme:e})=>e.palette.divider};
|
|
5004
|
-
`,
|
|
5095
|
+
`,w$=i.default.forwardRef((function(e,t){var{width:n="auto",children:r}=e,a=s(e,["width","children"]);return i.default.createElement(y$,Object.assign({ref:t,width:n},a),i.default.createElement(X,{component:"div",weight:"bold",size:"md",lineHeight:"normal"},r))})),C$=o.default.table`
|
|
5005
5096
|
width: 100%;
|
|
5006
5097
|
border-collapse: collapse;
|
|
5007
5098
|
table-layout: auto;
|
|
5008
5099
|
background-color: ${({theme:e})=>e.palette.background.default};
|
|
5009
|
-
`,
|
|
5100
|
+
`,E$=i.forwardRef((function(e,t){var{children:n}=e,r=s(e,["children"]);return i.createElement(C$,Object.assign({ref:t},r),n)}));E$.Header=g$,E$.Body=f$,E$.Row=x$,E$.Cell=h$,E$.HeaderCell=w$;const I$=o.default.div`
|
|
5010
5101
|
position: relative;
|
|
5011
|
-
`,
|
|
5102
|
+
`,k$=o.default.div``,M$=o.default.button`
|
|
5012
5103
|
flex-irection: column;
|
|
5013
5104
|
flex-shrink: 0;
|
|
5014
5105
|
line-height: 1.25;
|
|
@@ -5029,27 +5120,27 @@ object-assign
|
|
|
5029
5120
|
background-color: ${({selected:e})=>e?"":({theme:e})=>e.palette.neutral.highlight};
|
|
5030
5121
|
transition: 0.5s;
|
|
5031
5122
|
}
|
|
5032
|
-
`,
|
|
5123
|
+
`,A$=o.default(X)`
|
|
5033
5124
|
padding-right: 2px;
|
|
5034
5125
|
font-weight: normal;
|
|
5035
5126
|
color: ${({selected:e})=>e?({theme:e})=>e.palette.primary.base:"secondary"};
|
|
5036
|
-
|
|
5127
|
+
`,$$=o.default.div`
|
|
5037
5128
|
position: absolute;
|
|
5038
5129
|
top: 0;
|
|
5039
5130
|
height: 100%;
|
|
5040
5131
|
transition: all 0.3s ease-in-out;
|
|
5041
5132
|
border-bottom: ${({theme:e})=>`solid ${e.palette.primary.base} 2px`};
|
|
5042
|
-
`,
|
|
5133
|
+
`,S$=o.default.div`
|
|
5043
5134
|
height: 1px;
|
|
5044
5135
|
width: 100%;
|
|
5045
5136
|
background: ${({theme:e})=>e.palette.neutral.lighter};
|
|
5046
|
-
`,
|
|
5137
|
+
`,D$=i.forwardRef((function({text:e,count:t,countMax:n,value:r,selected:a,onChange:o,onClick:l},s){const c=k(),d=a?"primary":"secondaryDark";return i.createElement(M$,{ref:s,key:e,value:r,tabIndex:a?0:-1,role:"tab","aria-selected":a,theme:c,selected:a,onClick:e=>{!a&&o&&o(r),l&&l(e)}},i.createElement(NM,{showZero:!0,layout:"inline",badgeContent:t,max:null!=n?n:99,color:d,size:"small"},i.createElement(A$,{selected:a},e)))}));var L$=i.forwardRef(((e,t)=>{const{data:n,value:r,onChange:a,onClick:o}=e,l=new Map,s=i.useRef(null),[c,d]=i.useState({}),[u,p]=i.useState(null),f=tu(t,p),m=u$((()=>{const{tabsMeta:e,tabMeta:t}=(()=>{const e=null!=u?u:void 0;let t,n;if(e){const n=e.getBoundingClientRect();t={scrollLeft:e.scrollLeft,left:n.left}}if(e&&r&&s.current){const e=s.current.children;if(e.length>0){const t=e[l.get(r)];n=(null==t?void 0:t.getBoundingClientRect())||null}}return{tabsMeta:t,tabMeta:n}})();let n=0;if(t&&e){const r=e.scrollLeft;n=t.left-e.left+r}const a={left:n,width:t?t.width:0};if(void 0===c.left||void 0===c.width)d(a);else{const e=Math.abs(c.left-a.left),t=Math.abs(c.width-a.width);(e>=1||t>=1)&&d(a)}}));return i.useEffect((()=>{m()})),i.useEffect((()=>{const e=()=>{m()};return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)}),[m]),i.createElement(I$,{ref:f},i.createElement($$,{style:Object.assign({},c)}),i.createElement(k$,{ref:s,role:"tablist"},n.map(((e,t)=>{const n=e.value,s=n===r;return l.set(n,t),i.createElement(D$,{key:t.toString(),selected:s,value:n,count:e.count,countMax:e.countMax,text:e.text,onChange:a,onClick:o})})),i.createElement(S$,null)))}));const O$=o.default.div`
|
|
5047
5138
|
cursor: ${({disabled:e})=>e?"not-allowed":"pointer"};
|
|
5048
|
-
`,E$=(e=15)=>{const t=[];for(let n=0;n<24;n++)for(let r=0;r<60;r+=e){const e=hs().hour(n).minute(r).format("HH:mm");t.push(e)}return t},I$=(e,t,n,r)=>{let a;if(0===t)a=e.add(n,"hour").second(0).millisecond(0);else{if(2!==t)return null;a=e.add(n,"minute").second(0).millisecond(0)}const i=a.format(r);return{newTime:a,normalizedValue:i}};var k$=e.memo((({time:t,error:r=!1,errorText:a,disabled:o=!1,onTimeChange:l,dropdownInterval:s=60,filterTimeOptions:c,size:d="medium",variant:u="light",width:p="120px",maxHeight:f=300,onFocus:m,onBlur:h})=>{var g,b,v,x;Q("TimeField","TimeField は非推奨です。代わりに TimeField2 を使用してください。");const y=k(),[w,C]=e.useState(!1),E=e.useRef(null),I=e.useId(),M="HH:mm",A=t||hs(),$=e.useMemo((()=>{const e=E$(s);return c&&c.length>0?e.filter((e=>c.every((t=>t(e))))):e}),[s,c]),[S,L]=e.useState(A.format(M)),[O,V]=e.useState(Ww(S)),[R,H]=e.useState({start:0,end:O.length-1,current:0}),[N,z]=e.useState(null);e.useEffect((()=>{const e=A.format(M);L(e),V(Ww(e))}),[A,M]);const T=e.useCallback((()=>{setTimeout((()=>{var e,t,n;const r=null!==(t=null===(e=E.current)||void 0===e?void 0:e.selectionStart)&&void 0!==t?t:0,a=O[O.length-1].end+1,i=r>=a?a:r,o=O.findIndex((e=>i>=e.start&&i<=e.end+1));H((e=>O[o].editable?e.current===o?e:Object.assign(Object.assign({},e),{current:o}):Object.assign(Object.assign({},e),{current:o+1}))),null===(n=E.current)||void 0===n||n.setSelectionRange(O[o].start,O[o].end+1)}))}),[O]),Z=e.useCallback((()=>{T(),null==m||m()}),[T,m]),B=e.useCallback((()=>{H((e=>Object.assign(Object.assign({},e),{current:0}))),z(null),null==h||h()}),[h]),P=e.useCallback(((e,t,n)=>{const r=I$(e,t,n,M);return r?r.newTime:null}),[M]),_=e.useCallback((e=>{const r=tC(e.code),a=r?nC(e.code):null;if(!eC.includes(e.key)&&!r)return;if(e.key===Qw.ArrowLeft||e.key===Qw.ArrowRight){e.preventDefault();const t=((e,t,n)=>{if(t===Qw.ArrowLeft){for(let t=e-1;t>=0;t--)if(n[t].editable)return t-e}else if(t===Qw.ArrowRight)for(let t=e+1;t<n.length;t++)if(n[t].editable)return t-e;return 0})(R.current,e.key,O);H((e=>Object.assign(Object.assign({},e),{current:e.current+t}))),z(null)}if(e.key===Qw.ArrowUp||e.key===Qw.ArrowDown){e.preventDefault();const n=e.key===Qw.ArrowUp?1:-1,r=t||hs(),a=P(r,R.current,n);if(a){const e=a.format(M);L(e),V(Ww(e)),l&&l(a)}}const i=r?a:e.key;if((qw.includes(e.key)||r)&&i){e.preventDefault();const r=((e,t,n,r)=>{const a=t.map((e=>Object.assign({},e)));let i=!1,o=null;if(r!==n){a[n].value=e.padStart(t[n].value.length,"0");const r=parseInt(e);(0===n?r<=2:r<=5)?o=n:(o=null,i=!0)}else{const r=(t[n].value.slice(1)+e).slice(-t[n].value.length);a[n].value=r,o=null,i=!0}return{newSections:a,shouldMoveToNextSection:i,newLastEditedSection:o}})(i,O,R.current,N),a=Xw(r.newSections),o=t||hs(),s=a,c=hs(`${o.format("YYYY-MM-DD")} ${s}`),d=c.format(M);if(n.flushSync((()=>{L(d),V(Ww(d))})),c.isValid()&&l){const e=o.hour(c.hour()).minute(c.minute()).second(0).millisecond(0);l(e)}if(z(r.newLastEditedSection),r.shouldMoveToNextSection)for(let e=R.current+1;e<O.length;e++)if(O[e].editable){H((t=>Object.assign(Object.assign({},t),{current:e})));break}}if(e.key===Qw.Backspace){e.preventDefault();const t=((e,t)=>{const n=e.map((e=>Object.assign({},e)));return n[t].value="0".padStart(e[t].value.length,"0"),n})(O,R.current);V(t),z(null);const n=Xw(t);L(n)}}),[O,R,N,M,l,t,P]),F=e.useCallback((()=>{T()}),[T]),G=e.useCallback((e=>{const[n,r]=e.split(":").map(Number),a=(t||hs()).hour(n).minute(r).second(0).millisecond(0);l&&l(a),C(!1)}),[t,l]),Y=e.useCallback((e=>{e.preventDefault();const n=e.clipboardData.getData("text").trim(),[r,a]=n.split(":"),i=parseInt(r,10),o=parseInt(a,10);if(!(!isNaN(i)&&!isNaN(o)&&i>=0&&i<=23&&o>=0&&o<=59))return;const s=t||hs(),c=hs(`${s.format("YYYY-MM-DD")} ${n}`);if(c.isValid()){const e=s.hour(c.hour()).minute(c.minute()).second(0).millisecond(0),t=e.format(M);L(t),V(Ww(t)),l&&l(e)}}),[t,M,l]);return e.useEffect((()=>{var e;O[R.current]&&(null===(e=E.current)||void 0===e||e.setSelectionRange(O[R.current].start,O[R.current].end+1))}),[R,O]),e.useEffect((()=>{if(w&&t){const e=t.format(M);requestAnimationFrame((()=>{const t=document.querySelector(`[data-timefield-item="${CSS.escape(I)}-${e}"]`);t&&"function"==typeof t.scrollIntoView&&t.scrollIntoView({block:"center"})}))}}),[w,t,I,M]),i.default.createElement(i.default.Fragment,null,i.default.createElement(jl,{ref:E,readOnly:!0,multiline:!1,error:r||!!a,disabled:o,width:p,size:d,variant:u,value:S,append:i.default.createElement(C$,{disabled:o,"aria-label":"時刻を選択",role:"button",tabIndex:o?-1:0,onClick:e=>{e.stopPropagation(),e.preventDefault(),o||C(!w)}},i.default.createElement(D,{name:"arrow_down",color:o?y.palette.text.disabled:y.palette.black})),onFocus:Z,onBlur:B,onKeyDown:_,onMouseDown:F,onPaste:Y}),i.default.createElement(ls,null,i.default.createElement(os,{open:w,trigger:{x:null!==(b=null===(g=E.current)||void 0===g?void 0:g.getBoundingClientRect().left)&&void 0!==b?b:0,y:(null!==(x=null===(v=E.current)||void 0===v?void 0:v.getBoundingClientRect().bottom)&&void 0!==x?x:0)+5},placement:"bottom-start",width:120,maxHeight:f,onOpenChange:C},$.length>0?$.map((e=>{const n=(null==t?void 0:t.format(M))===e;return i.default.createElement(Ra,{key:e,"data-timefield-item":`${I}-${e}`,checked:n,onChange:t=>{t&&G(e)}},e)})):i.default.createElement(Be,{disabled:!0},"選択可能な時刻がありません"))),a&&i.default.createElement(i.default.Fragment,null,i.default.createElement(ws,{py:1}),i.default.createElement(Au,null,a)))}));var M$=e.memo((({time:t,name:n,error:r=!1,errorText:a,disabled:o=!1,onTimeChange:l,dropdownInterval:s=60,filterTimeOptions:c,size:d="medium",variant:u="light",width:p="120px",maxHeight:f=300,onFocus:m,onBlur:h})=>{var g,b,v,x;const y=k(),[w,C]=e.useState(!1),E=e.useRef(null),I=e.useId(),M="HH:mm",A=Yl(),$=t||hs(),S=e.useMemo((()=>{const e=E$(s);return c&&c.length>0?e.filter((e=>c.every((t=>t(e))))):e}),[s,c]),{value:L,sections:O,focusedIndex:V,isFocused:R,getSegmentProps:H,groupProps:N}=(({time:t,disabled:n=!1,onTimeChange:r})=>{const a="HH:mm",i=t||hs(),[o,l]=e.useState(i.format(a)),s=e.useRef(o),[c,d]=e.useState(Ww(o)),[u,p]=e.useState(null),f=e.useRef(null),m=e.useRef(0),[h,g]=e.useState(!1),b=e.useRef([]),v=e.useRef(null),x=e.useCallback((e=>{f.current=e,p(e)}),[]),y=e.useCallback((e=>{x(e),m.current=0;const t=b.current[e];t&&t!==document.activeElement&&t.focus()}),[x]);e.useEffect((()=>{const e=(t||hs()).format(a);l(e),s.current=e,d(Ww(e))}),[t]);const w=e.useCallback(((e,t)=>{for(let n=e+t;n>=0&&n<c.length;n+=t)if(c[n].editable)return n;return null}),[c]),C=e.useCallback((e=>{const n=f.current;if(null===n)return;const i=c[n];if(!(null==i?void 0:i.editable))return;const o=m.current;let u=i.value;0===o&&(u="".padStart(i.value.length,"0"));const p=`${u.slice(1)}${e}`,h=[...c];h[n]=Object.assign(Object.assign({},h[n]),{value:p}),d(h);const g=o+1;m.current=g;const b=0===n,v=parseInt(e);let x=!1;x=0===o?!(b?v<=2:v<=5):g>=i.value.length;const C=Xw(h),E=t||hs(),I=hs(`${E.format("YYYY-MM-DD")} ${C}`),k=I.format(a);if(l(k),s.current=k,d(Ww(k)),x){m.current=0;const e=w(n,1);null!==e&&y(e)}if(I.isValid()&&r){const e=E.hour(I.hour()).minute(I.minute()).second(0).millisecond(0);r(e)}}),[c,t,r,w,y]),E=e.useCallback((e=>t=>{b.current[e]=t}),[]),I=e.useCallback((e=>()=>{g(!0),x(e),m.current=0}),[x]),k=e.useCallback((e=>t=>{const n=t.relatedTarget;v.current&&n&&v.current.contains(n)||f.current===e&&(g(!1),x(null),m.current=0)}),[x]),M=e.useCallback((e=>n=>{const i=c[e];if((null==i?void 0:i.editable)&&!(n.ctrlKey||n.metaKey||n.altKey))if(n.key!==Qw.ArrowUp&&n.key!==Qw.ArrowDown){if(n.key===Qw.Backspace||n.key===Qw.Delete){n.preventDefault(),n.stopPropagation();const t=n.key===Qw.Backspace,r="0".repeat(i.value.length);if(i.value===r&&0===m.current){if(t){const t=w(e,-1);null!==t&&y(t)}return}const a=[...c];a[e]=Object.assign(Object.assign({},a[e]),{value:r}),d(a),m.current=0;const o=Xw(a);return l(o),void(s.current=o)}if(tC(n.code)){n.preventDefault();const e=nC(n.code);e&&C(e)}}else{n.preventDefault();const i=n.key===Qw.ArrowUp?1:-1,o=t||hs(),[c,u]=s.current.split(":").map(Number),p=o.hour(c).minute(u).second(0).millisecond(0),f=I$(p,e,i,a);f&&(l(f.normalizedValue),s.current=f.normalizedValue,d(Ww(f.normalizedValue)),null==r||r(f.newTime))}}),[c,t,a,r,C,w,y]),A=e.useCallback((e=>e=>{const t=e.nativeEvent;if(e.preventDefault(),"deleteContentBackward"!==t.inputType&&"deleteContentForward"!==t.inputType&&null!=t.data){const e=t.data;/^\d$/.test(e)&&C(e)}}),[C]),$=e.useCallback((e=>{const t=c[e];if(n||!(null==t?void 0:t.editable))return{ref:E(e),"aria-hidden":!0};const r=["時","分"][c.slice(0,e+1).filter((e=>e.editable)).length-1];return{ref:E(e),role:"spinbutton",contentEditable:!0,suppressContentEditableWarning:!0,inputMode:"numeric",tabIndex:0,enterKeyHint:"next",spellCheck:!1,autoCorrect:"off",style:{caretColor:"transparent"},"aria-label":r,onFocus:I(e),onBlur:k(e),onKeyDown:M(e),onBeforeInput:A(e),onPointerDown(e){e.stopPropagation()},onMouseDown(e){e.stopPropagation()}}}),[c,n,E,I,k,M,A]),S=e.useCallback((e=>{const t=f.current;if(null!==t)if(e.key!==Qw.ArrowLeft&&e.key!==Qw.ArrowRight){if(e.key===Qw.Tab){const n=e.shiftKey?-1:1,r=w(t,n);null!==r&&(e.preventDefault(),y(r))}}else{e.preventDefault();const n=e.key===Qw.ArrowLeft?-1:1,r=w(t,n);null!==r&&y(r)}}),[w,y]),D=e.useCallback((e=>{e.preventDefault();const n=e.clipboardData.getData("text").trim(),[i,o]=n.split(":"),c=parseInt(i,10),u=parseInt(o,10);if(isNaN(c)||isNaN(u)||c<0||c>23||u<0||u>59)return;const p=(t||hs()).hour(c).minute(u).second(0).millisecond(0),f=p.format(a);l(f),s.current=f,d(Ww(f)),null==r||r(p)}),[t,a,r]);return{value:o,sections:c,focusedIndex:u,isFocused:h,getSegmentProps:$,groupProps:{ref:v,onKeyDown:S,onPaste:D}}})({time:$,disabled:o,onTimeChange:l}),z=e.useCallback((()=>{null==m||m()}),[m]),T=e.useCallback((e=>{const t=e.relatedTarget;E.current&&t&&E.current.contains(t)||null==h||h()}),[h]),Z=e.useCallback((e=>{const[n,r]=e.split(":").map(Number),a=(t||hs()).hour(n).minute(r).second(0).millisecond(0);null==l||l(a),C(!1)}),[t,l]),B=e.useCallback((e=>{e.stopPropagation(),e.preventDefault(),o||C(!w)}),[o,w]),P=e.useCallback((e=>t=>{t&&Z(e)}),[Z]);return e.useEffect((()=>{if(w&&t){const e=t.format(M);requestAnimationFrame((()=>{const t=document.querySelector(`[data-timefield-item="${CSS.escape(I)}-${e}"]`);t&&"function"==typeof t.scrollIntoView&&t.scrollIntoView({block:"center"})}))}}),[w,t,I,M]),i.default.createElement(i.default.Fragment,null,i.default.createElement(kC,{ref:E,$disabled:o,$error:r||!!a,$focused:R,$isIOS:A,$size:d,$variant:u,$width:p,onBlurCapture:T,onFocusCapture:z},i.default.createElement(MC,Object.assign({},N),O.map(((e,t)=>i.default.createElement(AC,Object.assign({key:`${e.start}-${e.end}`,$editable:e.editable,$focused:R&&V===t},H(t)),e.value)))),i.default.createElement($C,null,i.default.createElement(C$,{disabled:o,"aria-label":"時刻を選択",role:"button",tabIndex:o?-1:0,onClick:B},i.default.createElement(D,{color:o?y.palette.text.disabled:y.palette.black,name:"arrow_down"})))),i.default.createElement("input",{type:"hidden",name:n,value:L,disabled:o}),i.default.createElement(ls,null,i.default.createElement(os,{maxHeight:f,open:w,placement:"bottom-start",trigger:{x:null!==(b=null===(g=E.current)||void 0===g?void 0:g.getBoundingClientRect().left)&&void 0!==b?b:0,y:(null!==(x=null===(v=E.current)||void 0===v?void 0:v.getBoundingClientRect().bottom)&&void 0!==x?x:0)+5},width:120,onOpenChange:C},S.length>0?S.map((e=>{const n=(null==t?void 0:t.format(M))===e;return i.default.createElement(Ra,{key:e,checked:n,"data-timefield-item":`${I}-${e}`,onChange:P(e)},e)})):i.default.createElement(Be,{disabled:!0},"選択可能な時刻がありません"))),a&&i.default.createElement(i.default.Fragment,null,i.default.createElement(ws,{py:1}),i.default.createElement(Au,null,a)))}));const A$=o.default.div`
|
|
5139
|
+
`,V$=(e=15)=>{const t=[];for(let n=0;n<24;n++)for(let r=0;r<60;r+=e){const e=hs().hour(n).minute(r).format("HH:mm");t.push(e)}return t},R$=(e,t,n,r)=>{let a;if(0===t)a=e.add(n,"hour").second(0).millisecond(0);else{if(2!==t)return null;a=e.add(n,"minute").second(0).millisecond(0)}const i=a.format(r);return{newTime:a,normalizedValue:i}};var H$=e.memo((({time:t,error:r=!1,errorText:a,disabled:o=!1,onTimeChange:l,dropdownInterval:s=60,filterTimeOptions:c,size:d="medium",variant:u="light",width:p="120px",maxHeight:f=300,onFocus:m,onBlur:h})=>{var g,b,v,x;Q("TimeField","TimeField は非推奨です。代わりに TimeField2 を使用してください。");const y=k(),[w,C]=e.useState(!1),E=e.useRef(null),I=e.useId(),M="HH:mm",A=t||hs(),$=e.useMemo((()=>{const e=V$(s);return c&&c.length>0?e.filter((e=>c.every((t=>t(e))))):e}),[s,c]),[S,L]=e.useState(A.format(M)),[O,V]=e.useState(Ww(S)),[R,H]=e.useState({start:0,end:O.length-1,current:0}),[N,z]=e.useState(null);e.useEffect((()=>{const e=A.format(M);L(e),V(Ww(e))}),[A,M]);const T=e.useCallback((()=>{setTimeout((()=>{var e,t,n;const r=null!==(t=null===(e=E.current)||void 0===e?void 0:e.selectionStart)&&void 0!==t?t:0,a=O[O.length-1].end+1,i=r>=a?a:r,o=O.findIndex((e=>i>=e.start&&i<=e.end+1));H((e=>O[o].editable?e.current===o?e:Object.assign(Object.assign({},e),{current:o}):Object.assign(Object.assign({},e),{current:o+1}))),null===(n=E.current)||void 0===n||n.setSelectionRange(O[o].start,O[o].end+1)}))}),[O]),Z=e.useCallback((()=>{T(),null==m||m()}),[T,m]),B=e.useCallback((()=>{H((e=>Object.assign(Object.assign({},e),{current:0}))),z(null),null==h||h()}),[h]),P=e.useCallback(((e,t,n)=>{const r=R$(e,t,n,M);return r?r.newTime:null}),[M]),_=e.useCallback((e=>{const r=tC(e.code),a=r?nC(e.code):null;if(!eC.includes(e.key)&&!r)return;if(e.key===Qw.ArrowLeft||e.key===Qw.ArrowRight){e.preventDefault();const t=((e,t,n)=>{if(t===Qw.ArrowLeft){for(let t=e-1;t>=0;t--)if(n[t].editable)return t-e}else if(t===Qw.ArrowRight)for(let t=e+1;t<n.length;t++)if(n[t].editable)return t-e;return 0})(R.current,e.key,O);H((e=>Object.assign(Object.assign({},e),{current:e.current+t}))),z(null)}if(e.key===Qw.ArrowUp||e.key===Qw.ArrowDown){e.preventDefault();const n=e.key===Qw.ArrowUp?1:-1,r=t||hs(),a=P(r,R.current,n);if(a){const e=a.format(M);L(e),V(Ww(e)),l&&l(a)}}const i=r?a:e.key;if((qw.includes(e.key)||r)&&i){e.preventDefault();const r=((e,t,n,r)=>{const a=t.map((e=>Object.assign({},e)));let i=!1,o=null;if(r!==n){a[n].value=e.padStart(t[n].value.length,"0");const r=parseInt(e);(0===n?r<=2:r<=5)?o=n:(o=null,i=!0)}else{const r=(t[n].value.slice(1)+e).slice(-t[n].value.length);a[n].value=r,o=null,i=!0}return{newSections:a,shouldMoveToNextSection:i,newLastEditedSection:o}})(i,O,R.current,N),a=Xw(r.newSections),o=t||hs(),s=a,c=hs(`${o.format("YYYY-MM-DD")} ${s}`),d=c.format(M);if(n.flushSync((()=>{L(d),V(Ww(d))})),c.isValid()&&l){const e=o.hour(c.hour()).minute(c.minute()).second(0).millisecond(0);l(e)}if(z(r.newLastEditedSection),r.shouldMoveToNextSection)for(let e=R.current+1;e<O.length;e++)if(O[e].editable){H((t=>Object.assign(Object.assign({},t),{current:e})));break}}if(e.key===Qw.Backspace){e.preventDefault();const t=((e,t)=>{const n=e.map((e=>Object.assign({},e)));return n[t].value="0".padStart(e[t].value.length,"0"),n})(O,R.current);V(t),z(null);const n=Xw(t);L(n)}}),[O,R,N,M,l,t,P]),F=e.useCallback((()=>{T()}),[T]),G=e.useCallback((e=>{const[n,r]=e.split(":").map(Number),a=(t||hs()).hour(n).minute(r).second(0).millisecond(0);l&&l(a),C(!1)}),[t,l]),Y=e.useCallback((e=>{e.preventDefault();const n=e.clipboardData.getData("text").trim(),[r,a]=n.split(":"),i=parseInt(r,10),o=parseInt(a,10);if(!(!isNaN(i)&&!isNaN(o)&&i>=0&&i<=23&&o>=0&&o<=59))return;const s=t||hs(),c=hs(`${s.format("YYYY-MM-DD")} ${n}`);if(c.isValid()){const e=s.hour(c.hour()).minute(c.minute()).second(0).millisecond(0),t=e.format(M);L(t),V(Ww(t)),l&&l(e)}}),[t,M,l]);return e.useEffect((()=>{var e;O[R.current]&&(null===(e=E.current)||void 0===e||e.setSelectionRange(O[R.current].start,O[R.current].end+1))}),[R,O]),e.useEffect((()=>{if(w&&t){const e=t.format(M);requestAnimationFrame((()=>{const t=document.querySelector(`[data-timefield-item="${CSS.escape(I)}-${e}"]`);t&&"function"==typeof t.scrollIntoView&&t.scrollIntoView({block:"center"})}))}}),[w,t,I,M]),i.default.createElement(i.default.Fragment,null,i.default.createElement(jl,{ref:E,readOnly:!0,multiline:!1,error:r||!!a,disabled:o,width:p,size:d,variant:u,value:S,append:i.default.createElement(O$,{disabled:o,"aria-label":"時刻を選択",role:"button",tabIndex:o?-1:0,onClick:e=>{e.stopPropagation(),e.preventDefault(),o||C(!w)}},i.default.createElement(D,{name:"arrow_down",color:o?y.palette.text.disabled:y.palette.black})),onFocus:Z,onBlur:B,onKeyDown:_,onMouseDown:F,onPaste:Y}),i.default.createElement(ls,null,i.default.createElement(os,{open:w,trigger:{x:null!==(b=null===(g=E.current)||void 0===g?void 0:g.getBoundingClientRect().left)&&void 0!==b?b:0,y:(null!==(x=null===(v=E.current)||void 0===v?void 0:v.getBoundingClientRect().bottom)&&void 0!==x?x:0)+5},placement:"bottom-start",width:120,maxHeight:f,onOpenChange:C},$.length>0?$.map((e=>{const n=(null==t?void 0:t.format(M))===e;return i.default.createElement(Ra,{key:e,"data-timefield-item":`${I}-${e}`,checked:n,onChange:t=>{t&&G(e)}},e)})):i.default.createElement(Be,{disabled:!0},"選択可能な時刻がありません"))),a&&i.default.createElement(i.default.Fragment,null,i.default.createElement(ws,{py:1}),i.default.createElement(Au,null,a)))}));var N$=e.memo((({time:t,name:n,error:r=!1,errorText:a,disabled:o=!1,onTimeChange:l,dropdownInterval:s=60,filterTimeOptions:c,size:d="medium",variant:u="light",width:p="120px",maxHeight:f=300,onFocus:m,onBlur:h})=>{var g,b,v,x;const y=k(),[w,C]=e.useState(!1),E=e.useRef(null),I=e.useId(),M="HH:mm",A=Yl(),$=t||hs(),S=e.useMemo((()=>{const e=V$(s);return c&&c.length>0?e.filter((e=>c.every((t=>t(e))))):e}),[s,c]),{value:L,sections:O,focusedIndex:V,isFocused:R,getSegmentProps:H,groupProps:N}=(({time:t,disabled:n=!1,onTimeChange:r})=>{const a="HH:mm",i=t||hs(),[o,l]=e.useState(i.format(a)),s=e.useRef(o),[c,d]=e.useState(Ww(o)),[u,p]=e.useState(null),f=e.useRef(null),m=e.useRef(0),[h,g]=e.useState(!1),b=e.useRef([]),v=e.useRef(null),x=e.useCallback((e=>{f.current=e,p(e)}),[]),y=e.useCallback((e=>{x(e),m.current=0;const t=b.current[e];t&&t!==document.activeElement&&t.focus()}),[x]);e.useEffect((()=>{const e=(t||hs()).format(a);l(e),s.current=e,d(Ww(e))}),[t]);const w=e.useCallback(((e,t)=>{for(let n=e+t;n>=0&&n<c.length;n+=t)if(c[n].editable)return n;return null}),[c]),C=e.useCallback((e=>{const n=f.current;if(null===n)return;const i=c[n];if(!(null==i?void 0:i.editable))return;const o=m.current;let u=i.value;0===o&&(u="".padStart(i.value.length,"0"));const p=`${u.slice(1)}${e}`,h=[...c];h[n]=Object.assign(Object.assign({},h[n]),{value:p}),d(h);const g=o+1;m.current=g;const b=0===n,v=parseInt(e);let x=!1;x=0===o?!(b?v<=2:v<=5):g>=i.value.length;const C=Xw(h),E=t||hs(),I=hs(`${E.format("YYYY-MM-DD")} ${C}`),k=I.format(a);if(l(k),s.current=k,d(Ww(k)),x){m.current=0;const e=w(n,1);null!==e&&y(e)}if(I.isValid()&&r){const e=E.hour(I.hour()).minute(I.minute()).second(0).millisecond(0);r(e)}}),[c,t,r,w,y]),E=e.useCallback((e=>t=>{b.current[e]=t}),[]),I=e.useCallback((e=>()=>{g(!0),x(e),m.current=0}),[x]),k=e.useCallback((e=>t=>{const n=t.relatedTarget;v.current&&n&&v.current.contains(n)||f.current===e&&(g(!1),x(null),m.current=0)}),[x]),M=e.useCallback((e=>n=>{const i=c[e];if((null==i?void 0:i.editable)&&!(n.ctrlKey||n.metaKey||n.altKey))if(n.key!==Qw.ArrowUp&&n.key!==Qw.ArrowDown){if(n.key===Qw.Backspace||n.key===Qw.Delete){n.preventDefault(),n.stopPropagation();const t=n.key===Qw.Backspace,r="0".repeat(i.value.length);if(i.value===r&&0===m.current){if(t){const t=w(e,-1);null!==t&&y(t)}return}const a=[...c];a[e]=Object.assign(Object.assign({},a[e]),{value:r}),d(a),m.current=0;const o=Xw(a);return l(o),void(s.current=o)}if(tC(n.code)){n.preventDefault();const e=nC(n.code);e&&C(e)}}else{n.preventDefault();const i=n.key===Qw.ArrowUp?1:-1,o=t||hs(),[c,u]=s.current.split(":").map(Number),p=o.hour(c).minute(u).second(0).millisecond(0),f=R$(p,e,i,a);f&&(l(f.normalizedValue),s.current=f.normalizedValue,d(Ww(f.normalizedValue)),null==r||r(f.newTime))}}),[c,t,a,r,C,w,y]),A=e.useCallback((e=>e=>{const t=e.nativeEvent;if(e.preventDefault(),"deleteContentBackward"!==t.inputType&&"deleteContentForward"!==t.inputType&&null!=t.data){const e=t.data;/^\d$/.test(e)&&C(e)}}),[C]),$=e.useCallback((e=>{const t=c[e];if(n||!(null==t?void 0:t.editable))return{ref:E(e),"aria-hidden":!0};const r=["時","分"][c.slice(0,e+1).filter((e=>e.editable)).length-1];return{ref:E(e),role:"spinbutton",contentEditable:!0,suppressContentEditableWarning:!0,inputMode:"numeric",tabIndex:0,enterKeyHint:"next",spellCheck:!1,autoCorrect:"off",style:{caretColor:"transparent"},"aria-label":r,onFocus:I(e),onBlur:k(e),onKeyDown:M(e),onBeforeInput:A(e),onPointerDown(e){e.stopPropagation()},onMouseDown(e){e.stopPropagation()}}}),[c,n,E,I,k,M,A]),S=e.useCallback((e=>{const t=f.current;if(null!==t)if(e.key!==Qw.ArrowLeft&&e.key!==Qw.ArrowRight){if(e.key===Qw.Tab){const n=e.shiftKey?-1:1,r=w(t,n);null!==r&&(e.preventDefault(),y(r))}}else{e.preventDefault();const n=e.key===Qw.ArrowLeft?-1:1,r=w(t,n);null!==r&&y(r)}}),[w,y]),D=e.useCallback((e=>{e.preventDefault();const n=e.clipboardData.getData("text").trim(),[i,o]=n.split(":"),c=parseInt(i,10),u=parseInt(o,10);if(isNaN(c)||isNaN(u)||c<0||c>23||u<0||u>59)return;const p=(t||hs()).hour(c).minute(u).second(0).millisecond(0),f=p.format(a);l(f),s.current=f,d(Ww(f)),null==r||r(p)}),[t,a,r]);return{value:o,sections:c,focusedIndex:u,isFocused:h,getSegmentProps:$,groupProps:{ref:v,onKeyDown:S,onPaste:D}}})({time:$,disabled:o,onTimeChange:l}),z=e.useCallback((()=>{null==m||m()}),[m]),T=e.useCallback((e=>{const t=e.relatedTarget;E.current&&t&&E.current.contains(t)||null==h||h()}),[h]),Z=e.useCallback((e=>{const[n,r]=e.split(":").map(Number),a=(t||hs()).hour(n).minute(r).second(0).millisecond(0);null==l||l(a),C(!1)}),[t,l]),B=e.useCallback((e=>{e.stopPropagation(),e.preventDefault(),o||C(!w)}),[o,w]),P=e.useCallback((e=>t=>{t&&Z(e)}),[Z]);return e.useEffect((()=>{if(w&&t){const e=t.format(M);requestAnimationFrame((()=>{const t=document.querySelector(`[data-timefield-item="${CSS.escape(I)}-${e}"]`);t&&"function"==typeof t.scrollIntoView&&t.scrollIntoView({block:"center"})}))}}),[w,t,I,M]),i.default.createElement(i.default.Fragment,null,i.default.createElement(kC,{ref:E,$disabled:o,$error:r||!!a,$focused:R,$isIOS:A,$size:d,$variant:u,$width:p,onBlurCapture:T,onFocusCapture:z},i.default.createElement(MC,Object.assign({},N),O.map(((e,t)=>i.default.createElement(AC,Object.assign({key:`${e.start}-${e.end}`,$editable:e.editable,$focused:R&&V===t},H(t)),e.value)))),i.default.createElement($C,null,i.default.createElement(O$,{disabled:o,"aria-label":"時刻を選択",role:"button",tabIndex:o?-1:0,onClick:B},i.default.createElement(D,{color:o?y.palette.text.disabled:y.palette.black,name:"arrow_down"})))),i.default.createElement("input",{type:"hidden",name:n,value:L,disabled:o}),i.default.createElement(ls,null,i.default.createElement(os,{maxHeight:f,open:w,placement:"bottom-start",trigger:{x:null!==(b=null===(g=E.current)||void 0===g?void 0:g.getBoundingClientRect().left)&&void 0!==b?b:0,y:(null!==(x=null===(v=E.current)||void 0===v?void 0:v.getBoundingClientRect().bottom)&&void 0!==x?x:0)+5},width:120,onOpenChange:C},S.length>0?S.map((e=>{const n=(null==t?void 0:t.format(M))===e;return i.default.createElement(Ra,{key:e,checked:n,"data-timefield-item":`${I}-${e}`,onChange:P(e)},e)})):i.default.createElement(Be,{disabled:!0},"選択可能な時刻がありません"))),a&&i.default.createElement(i.default.Fragment,null,i.default.createElement(ws,{py:1}),i.default.createElement(Au,null,a)))}));const z$=o.default.div`
|
|
5049
5140
|
padding: ${({theme:e})=>2*e.spacing}px;
|
|
5050
5141
|
transition: height ${({transitionDuration:e})=>e-100}ms
|
|
5051
5142
|
100ms;
|
|
5052
|
-
|
|
5143
|
+
`,T$=o.default.div`
|
|
5053
5144
|
position: relative;
|
|
5054
5145
|
display: flex;
|
|
5055
5146
|
align-items: center;
|
|
@@ -5066,7 +5157,7 @@ object-assign
|
|
|
5066
5157
|
opacity: ${({opacity:e})=>e};
|
|
5067
5158
|
border-radius: ${({theme:e})=>e.radius}px;
|
|
5068
5159
|
overflow: hidden;
|
|
5069
|
-
`,
|
|
5160
|
+
`,Z$=o.default.div`
|
|
5070
5161
|
flex-shrink: 0;
|
|
5071
5162
|
display: flex;
|
|
5072
5163
|
align-items: center;
|
|
@@ -5074,18 +5165,18 @@ object-assign
|
|
|
5074
5165
|
width: 28px;
|
|
5075
5166
|
height: 28px;
|
|
5076
5167
|
margin-right: ${({theme:e})=>2*e.spacing}px;
|
|
5077
|
-
`,
|
|
5168
|
+
`,B$=o.default.div`
|
|
5078
5169
|
cursor: pointer;
|
|
5079
5170
|
margin-left: ${({theme:e})=>2*e.spacing}px;
|
|
5080
|
-
`,
|
|
5171
|
+
`,P$=t.keyframes`
|
|
5081
5172
|
from {
|
|
5082
5173
|
width: 100%;
|
|
5083
5174
|
}
|
|
5084
5175
|
to {
|
|
5085
5176
|
width: 0%
|
|
5086
5177
|
}
|
|
5087
|
-
`,
|
|
5088
|
-
animation: ${
|
|
5178
|
+
`,_$=o.default.div`
|
|
5179
|
+
animation: ${P$}
|
|
5089
5180
|
${({autoDismissTimeout:e})=>e}ms linear;
|
|
5090
5181
|
background-color: ${({backgroundColor:e})=>e};
|
|
5091
5182
|
top: 0;
|
|
@@ -5094,7 +5185,7 @@ object-assign
|
|
|
5094
5185
|
position: absolute;
|
|
5095
5186
|
width: 0;
|
|
5096
5187
|
height: 3px;
|
|
5097
|
-
`,
|
|
5188
|
+
`,F$={right:"translate3d(120%, 0, 0)",left:"translate3d(-120%, 0, 0)",bottom:"translate3d(0, 120%, 0)",top:"translate3d(0, -120%, 0)"};function G$(e){const t=e.split("-"),n="center"===t[1]?t[0]:t[1];return F$[n]}const Y$=({appearance:e,placement:t,transitionDuration:n,transitionState:r,onDismiss:a,children:o,autoDismiss:l,autoDismissTimeout:s,isRunning:c})=>{const d=k(),u=(({palette:e})=>({info:{background:e.primary.highlight,boxShadow:Na(5,e.action.shadowOpacity,e.primary.softLight),icon:i.createElement(D,{name:"information",type:"fill",size:"lg",color:e.primary.base}),countDownBackground:e.primary.base,titleColor:e.primary.darker,contentColor:e.primary.base,closeColor:e.primary.softLight},success:{background:e.success.highlight,boxShadow:Na(5,e.action.shadowOpacity,e.success.lighter),icon:i.createElement(D,{name:"checkbox_circle",type:"fill",size:"lg",color:e.success.base}),countDownBackground:e.success.base,titleColor:e.success.darker,contentColor:e.success.base,closeColor:e.success.lighter},warning:{background:e.warning.highlight,boxShadow:Na(5,e.action.shadowOpacity,e.warning.light),icon:i.createElement(D,{name:"alert",type:"fill",size:"lg",color:e.warning.base}),countDownBackground:e.warning.base,titleColor:e.warning.ultraDark,contentColor:e.warning.base,closeColor:e.warning.light},error:{background:e.danger.highlight,boxShadow:Na(5,e.action.shadowOpacity,e.danger.lighter),icon:i.createElement(D,{name:"alert",type:"fill",size:"lg",color:e.danger.base}),countDownBackground:e.danger.base,titleColor:e.danger.darker,contentColor:e.danger.base,closeColor:e.danger.lighter}}))(d)[e],[p,f]=i.useState("auto"),m=i.useRef(null);return i.useEffect((()=>{if("entered"===r){const e=m.current;e&&f(e.offsetHeight+d.spacing)}"exiting"===r&&f(0)}),[r,d.spacing]),i.createElement(z$,{ref:m,style:{height:p},transitionDuration:n},i.createElement(T$,Object.assign({background:u.background,boxShadow:u.boxShadow,transitionDuration:n,role:"error"===e||"warning"===e?"alert":"status"},(e=>({entering:{transform:`${G$(e)}`,opacity:0},entered:{transform:"translate3d(0,0,0)",opacity:1},exiting:{transform:"scale(0.66)",opacity:0},exited:{transform:"scale(0.66)",opacity:0}}))(t)[r]),i.createElement(V,{display:"flex",flex:1,alignItems:"center",justifyContent:"space-between"},i.createElement(V,{display:"flex",alignItems:"center"},i.createElement(Z$,null,u.icon),i.createElement(X,{color:u.titleColor,weight:"bold"},o)),i.createElement(B$,{onClick:()=>{a()}},i.createElement(D,{name:"close",color:u.closeColor}))),i.createElement(_$,{opacity:l?1:0,autoDismissTimeout:s,isRunning:c,backgroundColor:u.countDownBackground})))},j$=o.default.div`
|
|
5098
5189
|
border: 0;
|
|
5099
5190
|
clip: rect(1px, 1px, 1px, 1px);
|
|
5100
5191
|
height: 1;
|
|
@@ -5103,7 +5194,7 @@ object-assign
|
|
|
5103
5194
|
position: absolute;
|
|
5104
5195
|
white-space: nowrap;
|
|
5105
5196
|
width: 1;
|
|
5106
|
-
`,
|
|
5197
|
+
`,W$=o.default.div`
|
|
5107
5198
|
cursor: pointer;
|
|
5108
5199
|
flex-shrink: 0;
|
|
5109
5200
|
opacity: 0.5;
|
|
@@ -5112,14 +5203,14 @@ object-assign
|
|
|
5112
5203
|
&:hover {
|
|
5113
5204
|
opacity: 1;
|
|
5114
5205
|
}
|
|
5115
|
-
`,
|
|
5206
|
+
`,X$=o.default.div`
|
|
5116
5207
|
flex-grow: 1;
|
|
5117
5208
|
font-size: 14;
|
|
5118
5209
|
line-height: 1.4;
|
|
5119
5210
|
min-height: 40px;
|
|
5120
5211
|
padding: ${({gutter:e})=>`${e}px ${1.5*e}px`};
|
|
5121
|
-
`,
|
|
5122
|
-
animation: ${({autoDismissTimeout:e})=>`${
|
|
5212
|
+
`,J$=t.keyframes`from { height: 100%; } to { height: 0% }`,U$=o.default.div`
|
|
5213
|
+
animation: ${({autoDismissTimeout:e})=>`${J$} ${e}ms linear`};
|
|
5123
5214
|
animation-play-state: ${({isRunning:e})=>e?"running":"paused"};
|
|
5124
5215
|
background-color: rgba(0, 0, 0, 0.1);
|
|
5125
5216
|
bottom: 0;
|
|
@@ -5128,7 +5219,7 @@ object-assign
|
|
|
5128
5219
|
opacity: ${({opacity:e})=>e};
|
|
5129
5220
|
position: absolute;
|
|
5130
5221
|
width: 100%;
|
|
5131
|
-
`,
|
|
5222
|
+
`,Q$=o.default.div`
|
|
5132
5223
|
background-color: ${({backgroundColor:e})=>e};
|
|
5133
5224
|
border-top-left-radius: ${({borderRadius:e})=>e}px;
|
|
5134
5225
|
border-bottom-left-radius: ${({borderRadius:e})=>e}px;
|
|
@@ -5140,11 +5231,11 @@ object-assign
|
|
|
5140
5231
|
overflow: hidden;
|
|
5141
5232
|
text-align: center;
|
|
5142
5233
|
width: 30px;
|
|
5143
|
-
`,
|
|
5234
|
+
`,K$=o.default.div`
|
|
5144
5235
|
height: ${({height:e})=>e};
|
|
5145
5236
|
transition: height
|
|
5146
5237
|
${({transitionDuration:e})=>`height ${e-100}ms 100ms`};
|
|
5147
|
-
`,
|
|
5238
|
+
`,q$=o.default.div`
|
|
5148
5239
|
background-color: ${({backgroundColor:e})=>e};
|
|
5149
5240
|
border-radius: ${({borderRadius:e})=>e}px;
|
|
5150
5241
|
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.175);
|
|
@@ -5155,7 +5246,7 @@ object-assign
|
|
|
5155
5246
|
transition: ${({transitionDuration:e})=>`transform ${e}ms cubic-bezier(0.2, 0, 0, 1), opacity ${e}ms`};
|
|
5156
5247
|
width: ${({width:e})=>e}px;
|
|
5157
5248
|
${({transitionState:e,placement:n})=>{switch(e){case"entered":return t.css({transform:"translate3d(0,0,0)"});case"exiting":case"exited":return t.css({transform:"scale(0.66)",opacity:0});case"entering":return t.css((e=>{const t=e.split("-");return{right:"translate3d(120%, 0, 0)",left:"translate3d(-120%, 0, 0)",bottom:"translate3d(0, 120%, 0)",top:"translate3d(0, -120%, 0)"}["center"===t[1]?t[0]:t[1]]})(n));default:return""}}}
|
|
5158
|
-
`;function
|
|
5249
|
+
`;function eS(e){return{"aria-hidden":!0,height:16,width:e,viewBox:`0 0 ${e} 16`,style:{display:"inline-block",verticalAlign:"text-top",fill:"currentColor"}}}const tS=e=>i.default.createElement("svg",Object.assign({},eS(14),e),i.default.createElement("path",{fillRule:"evenodd",d:"M7.71 8.23l3.75 3.75-1.48 1.48-3.75-3.75-3.75 3.75L1 11.98l3.75-3.75L1 4.48 2.48 3l3.75 3.75L9.98 3l1.48 1.48-3.75 3.75z"})),nS=()=>{};const rS=e=>{var{tag:t="span"}=e,n=s(e,["tag"]);return i.default.createElement(j$,Object.assign({as:t},n))},aS={success:{icon:e=>i.default.createElement("svg",Object.assign({},eS(12),e),i.default.createElement("path",{fillRule:"evenodd",d:"M12 5.5l-8 8-4-4L1.5 8 4 10.5 10.5 4 12 5.5z"})),text:"#006644",fg:"#36B37E",bg:"#E3FCEF"},error:{icon:e=>i.default.createElement("svg",Object.assign({},eS(12),e),i.default.createElement("path",{fillRule:"evenodd",d:"M5.05.01c.81 2.17.41 3.38-.52 4.31C3.55 5.37 1.98 6.15.9 7.68c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.01 8.68 2.15 5.05.02L5.03 0l.02.01z"})),text:"#BF2600",fg:"#FF5630",bg:"#FFEBE6"},warning:{icon:e=>i.default.createElement("svg",Object.assign({},eS(16),e),i.default.createElement("path",{fillRule:"evenodd",d:"M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"})),text:"#FF8B00",fg:"#FFAB00",bg:"#FFFAE6"},info:{icon:e=>i.default.createElement("svg",Object.assign({},eS(14),e),i.default.createElement("path",{fillRule:"evenodd",d:"M6.3 5.71a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 8.01c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V8v.01zM7 2.32C3.86 2.32 1.3 4.86 1.3 8c0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 1c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"})),text:"#505F79",fg:"#2684FF",bg:"white"}},iS=e=>{var{children:t}=e,n=s(e,["children"]);return i.default.createElement(W$,Object.assign({role:"button",className:"react-toast-notifications__toast__dismiss-button",gutter:8},n),t)},oS=e=>i.default.createElement(X$,Object.assign({className:"react-toast-notifications__toast__content",gutter:8},e)),lS=e=>{var{autoDismissTimeout:t,opacity:n,isRunning:r}=e,a=s(e,["autoDismissTimeout","opacity","isRunning"]);return i.default.createElement(U$,Object.assign({className:"react-toast-notifications__toast__countdown",autoDismissTimeout:t,isRunning:r,opacity:n},a))},sS=({appearance:e,autoDismiss:t,autoDismissTimeout:n,isRunning:r})=>{const a=aS[e],o=a.icon;return i.default.createElement(Q$,{className:"react-toast-notifications__toast__icon-wrapper",color:a.bg,backgroundColor:a.fg,borderRadius:4,gutter:8},i.default.createElement(lS,{opacity:t?1:0,autoDismissTimeout:n,isRunning:r}),i.default.createElement(o,{className:"react-toast-notifications__toast__icon",css:{position:"relative",zIndex:1}}))},cS=t=>{var{appearance:n,placement:r,transitionDuration:a,transitionState:o}=t,l=s(t,["appearance","placement","transitionDuration","transitionState"]);const[c,d]=e.useState("auto"),u=e.useRef(null);return e.useEffect((()=>{if(u.current){if("entered"===o){const e=u.current;d(e.offsetHeight+8)}"exiting"===o&&d(0)}}),[o]),i.default.createElement(K$,{ref:u,height:c,transitionDuration:a},i.default.createElement(q$,Object.assign({className:`react-toast-notifications__toast react-toast-notifications__toast--${n}`,backgroundColor:aS[n].bg,borderRadius:4,color:aS[n].text,gutter:8,placement:r,width:360,transitionState:o,transitionDuration:a},l)))},dS=e=>{var{appearance:t="info",autoDismiss:n,autoDismissTimeout:r,children:a,isRunning:o,onDismiss:l,placement:c,transitionDuration:d,transitionState:u,onMouseEnter:p,onMouseLeave:f}=e,m=s(e,["appearance","autoDismiss","autoDismissTimeout","children","isRunning","onDismiss","placement","transitionDuration","transitionState","onMouseEnter","onMouseLeave"]);return i.default.createElement(cS,Object.assign({appearance:t,placement:c,transitionState:u,transitionDuration:d,onMouseEnter:p,onMouseLeave:f},m),i.default.createElement(sS,{appearance:t,autoDismiss:n,autoDismissTimeout:r,isRunning:o}),i.default.createElement(oS,null,a),l?i.default.createElement(iS,{onClick:l},i.default.createElement(tS,{className:"react-toast-notifications__toast__dismiss-icon"}),i.default.createElement(rS,{className:"react-toast-notifications__toast__dismiss-text"},"Close")):null)};dS.defaultProps={onDismiss:nS};const uS=o.default.div`
|
|
5159
5250
|
box-sizing: border-box;
|
|
5160
5251
|
max-height: 100%;
|
|
5161
5252
|
max-width: 100%;
|
|
@@ -5165,13 +5256,13 @@ object-assign
|
|
|
5165
5256
|
position: fixed;
|
|
5166
5257
|
z-index: 1000;
|
|
5167
5258
|
${({placement:e})=>{switch(e){case"top-left":return t.css({top:0,left:0});case"top-center":return t.css({top:0,left:"50%",transform:"translateX(-50%)"});case"top-right":return t.css({top:0,right:0});case"bottom-left":return t.css({bottom:0,left:0});case"bottom-center":return t.css({bottom:0,left:"50%",transform:"translateX(-50%)"});case"bottom-right":return t.css({bottom:0,right:0});default:return""}}}
|
|
5168
|
-
`,
|
|
5259
|
+
`,pS=e=>{var{hasToasts:t,placement:n}=e,r=s(e,["hasToasts","placement"]);return i.default.createElement(uS,Object.assign({className:"react-toast-notifications__container",hasToasts:t,placement:n},r))};class fS{constructor(e,t){this.callback=e,this.start=t,this.remaining=t,this.resume()}clear(){clearTimeout(this.timerId)}pause(){clearTimeout(this.timerId),this.remaining-=Date.now()-this.start}resume(){this.start=Date.now(),clearTimeout(this.timerId),this.timerId=setTimeout(this.callback,this.remaining)}}class mS extends e.Component{constructor(){super(...arguments),this.state={isRunning:Boolean(this.props.autoDismiss)},this.startTimer=()=>{const{autoDismiss:e,autoDismissTimeout:t,onDismiss:n}=this.props;e&&(this.setState({isRunning:!0}),this.timeout=new fS(n,t))},this.clearTimer=()=>{this.timeout&&this.timeout.clear()},this.onMouseEnter=()=>{this.setState({isRunning:!1},(()=>{this.timeout&&this.timeout.pause()}))},this.onMouseLeave=()=>{this.setState({isRunning:!0},(()=>{this.timeout&&this.timeout.resume()}))}}componentDidMount(){this.startTimer()}componentDidUpdate(e){if(e.autoDismiss!==this.props.autoDismiss){(this.props.autoDismiss?this.startTimer:this.clearTimer)()}}componentWillUnmount(){this.clearTimer()}render(){const e=this.props,{autoDismiss:t,autoDismissTimeout:n,component:r}=e,a=s(e,["autoDismiss","autoDismissTimeout","component"]),{isRunning:o}=this.state,l=t?this.onMouseEnter:nS,c=t?this.onMouseLeave:nS;return i.default.createElement(r,Object.assign({autoDismiss:t,autoDismissTimeout:n,isRunning:o,onMouseEnter:l,onMouseLeave:c},a))}}mS.defaultProps={autoDismiss:!1};const hS={Toast:dS,ToastContainer:pS},gS=i.default.createContext({add:()=>"0",remove:nS,removeAll:nS,update:nS,toasts:[]}),{Consumer:bS,Provider:vS}=gS,xS=!("undefined"==typeof window||!window.document||!window.document.createElement);let yS=class extends e.Component{constructor(e){super(e),this.state={toasts:[]},this.has=e=>!!this.state.toasts.length&&Boolean(this.state.toasts.filter((t=>t.id===e)).length),this.onDismiss=(e,t=nS)=>()=>{t(e),this.remove(e)},this.add=(e,t,n=nS)=>{const r=(null==t?void 0:t.id)?t.id:function(){let e=46656*Math.random()|0,t=46656*Math.random()|0;return e=("000"+e.toString(36)).slice(-3),t=("000"+t.toString(36)).slice(-3),e+t}();if(!this.has(r))return this.setState((n=>{const a=Object.assign({content:e,id:r},t);return{toasts:this.props.newestOnTop?[a,...n.toasts]:[...n.toasts,a]}}),(()=>n(r))),r},this.remove=(e,t=nS)=>{this.has(e)&&this.setState((t=>{const n=t.toasts.filter((t=>t.id!==e));return{toasts:n}}),(()=>t(e)))},this.removeAll=()=>{this.state.toasts.length&&this.state.toasts.forEach((e=>this.remove(e.id)))},this.update=(e,t,n=nS)=>{this.has(e)&&this.setState((n=>{const r=n.toasts,a=r.findIndex((t=>t.id===e)),i=Object.assign(Object.assign({},r[a]),t);return{toasts:[...r.slice(0,a),i,...r.slice(a+1)]}}),(()=>n(e)))},this.nodeRef=i.default.createRef()}render(){const{autoDismiss:e,autoDismissTimeout:t,children:r,components:a,placement:o,portalTargetSelector:l,transitionDuration:c}=this.props,{Toast:d,ToastContainer:u}=Object.assign(Object.assign({},hS),a),{add:p,remove:f,removeAll:m,update:h}=this,g=this.state.toasts,b=Boolean(g.length),v=xS?l?document.querySelector(l):document.body:null;return i.default.createElement(vS,{value:{add:p,remove:f,removeAll:m,update:h,toasts:g}},r,v?n.createPortal(i.default.createElement(u,{placement:o,hasToasts:b},i.default.createElement(Gd,{component:null},g.map((n=>{var{appearance:r,autoDismiss:a,content:l,id:u,onDismiss:p}=n,f=s(n,["appearance","autoDismiss","content","id","onDismiss"]);return i.default.createElement(Od,{key:u,appear:!0,mountOnEnter:!0,unmountOnExit:!0,nodeRef:this.nodeRef,timeout:c},(n=>i.default.createElement(mS,Object.assign({key:u,appearance:r,autoDismiss:void 0!==a?a:e,autoDismissTimeout:t,component:d,placement:o,transitionDuration:c,transitionState:n,onDismiss:this.onDismiss(u,p)},f),l)))})))),v):i.default.createElement(u,{placement:o,hasToasts:b}))}};yS.defaultProps={autoDismiss:!1,autoDismissTimeout:5e3,components:hS,newestOnTop:!1,placement:"top-right",transitionDuration:220,nodeRef:null};const wS=o.default(pS)`
|
|
5169
5260
|
z-index: ${({theme:e})=>e.depth.toast} !important;
|
|
5170
|
-
`,
|
|
5261
|
+
`,CS=e=>{var{children:t}=e,n=s(e,["children"]);const r={pt:n.placement.includes("top")?3:0,pb:n.placement.includes("bottom")?3:0};return i.createElement(wS,Object.assign({},n),i.createElement(ws,Object.assign({},r),t))},ES={appearance:"info",autoDismiss:!1,autoDismissTimeout:0,isRunning:!0,onDismiss:()=>{},onMouseEnter:()=>{},onMouseLeave:()=>{},placement:"top-center",transitionDuration:0,transitionState:"entered",children:null},IS=e=>i.default.createElement(Y$,Object.assign({},ES,e));IS.Provider=e=>{var{children:t}=e,n=s(e,["children"]);return i.createElement(yS,Object.assign({},n,{components:Object.assign({Toast:Y$,ToastContainer:CS},n.components)}),t)},IS.useToasts=()=>{const t=e.useContext(gS);if(!t)throw Error("The `useToasts` hook must be called from a descendent of the `ToastProvider`.");return{addToast:t.add,removeToast:t.remove,removeAllToasts:t.removeAll,updateToast:t.update,toastStack:t.toasts}};const kS=o.default.div`
|
|
5171
5262
|
position: relative;
|
|
5172
5263
|
width: 40px;
|
|
5173
5264
|
height: 22px;
|
|
5174
|
-
`,
|
|
5265
|
+
`,MS=o.default.span`
|
|
5175
5266
|
position: absolute;
|
|
5176
5267
|
top: 50%;
|
|
5177
5268
|
left: 3px;
|
|
@@ -5184,19 +5275,19 @@ object-assign
|
|
|
5184
5275
|
${({checked:e,disabled:t,theme:n})=>t&&e?Ha(n.palette.primary.base,.6):t&&!e?Ha(n.palette.divider,.6):e?n.palette.primary.dark:n.palette.divider};
|
|
5185
5276
|
box-shadow: ${({theme:e})=>Na(3,e.palette.action.shadowOpacity,e.palette.action.shadowBase)};
|
|
5186
5277
|
transition: all 0.2s ease-in-out;
|
|
5187
|
-
`,
|
|
5278
|
+
`,AS=o.default.div`
|
|
5188
5279
|
position: absolute;
|
|
5189
5280
|
width: 100%;
|
|
5190
5281
|
word-break: break-all;
|
|
5191
5282
|
white-space: nowrap;
|
|
5192
5283
|
transition: all 0.2s ease-in-out;
|
|
5193
|
-
|
|
5284
|
+
`,$S=o.default(AS)`
|
|
5194
5285
|
padding-left: 8px;
|
|
5195
5286
|
opacity: 0;
|
|
5196
|
-
`,
|
|
5287
|
+
`,SS=o.default(AS)`
|
|
5197
5288
|
padding-right: 8px;
|
|
5198
5289
|
opacity: 1;
|
|
5199
|
-
`,
|
|
5290
|
+
`,DS=o.default.label`
|
|
5200
5291
|
position: absolute;
|
|
5201
5292
|
top: 0;
|
|
5202
5293
|
left: 0;
|
|
@@ -5214,13 +5305,13 @@ object-assign
|
|
|
5214
5305
|
transition: all 0.2s ease-in-out;
|
|
5215
5306
|
|
|
5216
5307
|
${({checked:e})=>e&&t.css`
|
|
5217
|
-
& > ${
|
|
5308
|
+
& > ${MS} {
|
|
5218
5309
|
left: calc(100% - 14px - 5px);
|
|
5219
5310
|
}
|
|
5220
|
-
& > ${
|
|
5311
|
+
& > ${$S} {
|
|
5221
5312
|
opacity: 1;
|
|
5222
5313
|
}
|
|
5223
|
-
& > ${
|
|
5314
|
+
& > ${SS} {
|
|
5224
5315
|
opacity: 0;
|
|
5225
5316
|
}
|
|
5226
5317
|
`}
|
|
@@ -5230,11 +5321,11 @@ object-assign
|
|
|
5230
5321
|
border-color: ${({theme:e})=>e.palette.primary.base};
|
|
5231
5322
|
}
|
|
5232
5323
|
`}
|
|
5233
|
-
`,
|
|
5324
|
+
`,LS=o.default.input`
|
|
5234
5325
|
width: 0;
|
|
5235
5326
|
height: 0;
|
|
5236
5327
|
visibility: hidden;
|
|
5237
|
-
`,
|
|
5328
|
+
`,OS=i.forwardRef((function(e,t){const{checked:n=!1,disabled:r=!1,onChange:a,width:o="48px",checkedText:l="",unCheckedText:s="",inputRef:c,children:d}=e;return"production"!==process.env.NODE_ENV&&d&&console.warn("[ingred-ui] ToggleButton: childrenによるラベル指定は非推奨です。別の手段でラベルを指定してください。"),i.createElement(kS,{ref:t,width:o},i.createElement(DS,{checked:n,disabled:r,width:o},i.createElement(LS,{ref:c,checked:n,type:"checkbox",readOnly:null==a,disabled:r,onChange:a}),i.createElement($S,null,i.createElement(X,{component:"div",color:r?"disabled":"primary",align:"left",size:"xs",weight:"bold"},l)),i.createElement(SS,null,i.createElement(X,{component:"div",color:r?"disabled":"secondary",align:"right",size:"xs",weight:"bold"},s)),i.createElement(MS,{checked:n,disabled:r})))})),VS=o.default.div``,RS=o.default.span`
|
|
5238
5329
|
background-color: ${({active:e,theme:t})=>e?t.palette.primary.base:t.palette.white};
|
|
5239
5330
|
border: 1px solid
|
|
5240
5331
|
${({theme:e,active:t})=>t?e.palette.primary.dark:e.palette.neutral.lighter};
|
|
@@ -5242,26 +5333,26 @@ object-assign
|
|
|
5242
5333
|
height: ${({theme:e})=>3*e.spacing}px;
|
|
5243
5334
|
width: ${({theme:e})=>3*e.spacing}px;
|
|
5244
5335
|
outline: none;
|
|
5245
|
-
`,
|
|
5336
|
+
`,HS=o.default.div`
|
|
5246
5337
|
display: grid;
|
|
5247
5338
|
grid-template-columns: 38px repeat(24, 1fr);
|
|
5248
5339
|
grid-gap: ${({theme:e})=>e.spacing/2}px;
|
|
5249
5340
|
align-items: center;
|
|
5250
5341
|
justify-items: center;
|
|
5251
5342
|
width: fit-content;
|
|
5252
|
-
`,
|
|
5343
|
+
`,NS=o.default.div`
|
|
5253
5344
|
height: 24px;
|
|
5254
5345
|
text-align: center;
|
|
5255
5346
|
background-color: ${({theme:e})=>e.palette.neutral.softLight};
|
|
5256
5347
|
border-radius: ${({theme:e})=>e.spacing/2}px;
|
|
5257
5348
|
border: 1px solid ${({theme:e})=>e.palette.neutral.lighter};
|
|
5258
|
-
`,
|
|
5349
|
+
`,zS=o.default(NS)`
|
|
5259
5350
|
width: 38px;
|
|
5260
|
-
|
|
5351
|
+
`,TS=o.default(NS)`
|
|
5261
5352
|
width: 24px;
|
|
5262
|
-
`,
|
|
5353
|
+
`,ZS=o.default(NS)`
|
|
5263
5354
|
border: none;
|
|
5264
|
-
`,
|
|
5355
|
+
`,BS=e=>{if(!e)return Array(7).fill(Array(24).fill("1"));const t=(e=>{if(!e)return Array(7).fill(Array(24).fill("1")).join("");let t="";for(const n of e)switch(n){case"0":t+="0000";break;case"1":t+="0001";break;case"2":t+="0010";break;case"3":t+="0011";break;case"4":t+="0100";break;case"5":t+="0101";break;case"6":t+="0110";break;case"7":t+="0111";break;case"8":t+="1000";break;case"9":t+="1001";break;case"a":t+="1010";break;case"b":t+="1011";break;case"c":t+="1100";break;case"d":t+="1101";break;case"e":t+="1110";break;case"f":t+="1111";break;default:return""}return t})(e),n=[];for(let e=0;e<7;e++){n[e]=[];for(let r=0;r<24;r++)n[e][r]=t.charAt(24*e+r)}return n},PS=Array.from(Array(24)).map(((e,t)=>t)),_S=({weekList:t,weekTime:n,WeekTimeItem:r,interactive:a=!1,isWithinHoverRange:o,onMouseOver:l,onMouseDown:s})=>{const c=e.useMemo((()=>BS(n)),[n]),d=(e,t)=>()=>{null==l||l(e,t)},u=(e,t,n)=>()=>{null==s||s(e,t,n)};return i.default.createElement(HS,null,i.default.createElement(ZS,null),PS.map((e=>i.default.createElement(TS,{key:e},e))),c.map(((n,l)=>i.default.createElement(e.Fragment,{key:l},i.default.createElement(zS,null,t[l]),n.map(((e,n)=>i.default.createElement(r,Object.assign({key:`${l}-${n}`,active:"1"===e,hover:!!o&&o(l,n)},a?{"aria-label":`${t[l]} ${String(n).padStart(2,"0")}:00`,"aria-pressed":"1"===e}:{},{onMouseOver:d(l,n),onMouseDown:u(l,n,e)}))))))))},FS=i.default.forwardRef((function(e,t){const n=Ju({props:e,name:"WeekTime"}),{weekList:r,weekTime:a}=n;return i.default.createElement(VS,{ref:t},i.default.createElement(_S,{weekTime:a,weekList:r,WeekTimeItem:RS}))})),GS=o.default.div``,YS=o.default.button`
|
|
5265
5356
|
background-color: ${({active:e,hover:t,theme:n})=>t?n.palette.primary.highlight:e?n.palette.primary.base:n.palette.white};
|
|
5266
5357
|
border: 1px solid
|
|
5267
5358
|
${({theme:e,active:t,hover:n})=>n?e.palette.primary.softLight:t?e.palette.primary.dark:e.palette.neutral.lighter};
|
|
@@ -5270,5 +5361,5 @@ object-assign
|
|
|
5270
5361
|
height: ${({theme:e})=>3*e.spacing}px;
|
|
5271
5362
|
width: ${({theme:e})=>3*e.spacing}px;
|
|
5272
5363
|
outline: none;
|
|
5273
|
-
`,NS=i.default.forwardRef((function(t,n){const r=Ju({props:t,name:"WeekTimeSelector"}),{weekList:a,weekTime:o,errorText:l,onChange:s}=r,c=e.useMemo((()=>DS(o)),[o]),[d,u]=e.useState({weekIndex:0,timeIndex:0}),[p,f]=e.useState({weekIndex:0,timeIndex:0}),[m,h]=e.useState("none"),[g,b]=e.useState("1"),v=(e,t,n)=>{if("choosing"===m){const r=((e,t,n,r,a,i)=>{const o=[...i],l=Math.min(e,n),s=Math.max(e,n),c=Math.min(t,r),d=Math.max(t,r);for(let e=l;e<=s;e++){const t=o[e].map(((t,n)=>e>=l&&e<=s&&n>=c&&n<=d?a:t));o[e]=t}return o})(d.weekIndex,d.timeIndex,e,t,n,[...c]);h("none"),null==s||s((e=>{let t="";for(let n=0;n<7;n++)for(let r=0;r<24;r++)t+=e[n][r];return(e=>{let t="";for(let n=0;n<e.length;n+=4)switch(e.substr(n,4)){case"0000":t+="0";break;case"0001":t+="1";break;case"0010":t+="2";break;case"0011":t+="3";break;case"0100":t+="4";break;case"0101":t+="5";break;case"0110":t+="6";break;case"0111":t+="7";break;case"1000":t+="8";break;case"1001":t+="9";break;case"1010":t+="a";break;case"1011":t+="b";break;case"1100":t+="c";break;case"1101":t+="d";break;case"1110":t+="e";break;case"1111":t+="f";break;default:return""}return t})(t)})(r))}else"none"===m&&(u({weekIndex:e,timeIndex:t}),f({weekIndex:e,timeIndex:t}),h("choosing"))},x=()=>{"choosing"===m&&v(p.weekIndex,p.timeIndex,g)};return e.useEffect((()=>(addEventListener("mouseup",x),()=>{removeEventListener("mouseup",x)}))),i.default.createElement(RS,{ref:n},i.default.createElement(OS,{weekTime:o,weekList:a,WeekTimeItem:HS,interactive:!0,isWithinHoverRange:(e,t)=>{if("choosing"===m){const n=Math.min(d.weekIndex,p.weekIndex),r=Math.max(d.weekIndex,p.weekIndex),a=Math.min(d.timeIndex,p.timeIndex),i=Math.max(d.timeIndex,p.timeIndex);return e>=n&&e<=r&&t>=a&&t<=i}return!1},onMouseOver:(e,t)=>{"none"!==m&&f({weekIndex:e,timeIndex:t})},onMouseDown:(e,t,n)=>{const r="1"===n?"0":"1";b(r),v(e,t,r)}}),l&&i.default.createElement(ws,{pt:1},i.default.createElement(Au,null,l)))}));exports.ADVANCED_FILTER_CONSTANTS=zu,exports.Accordion=B,exports.ActionButton=K,exports.AdvancedFilter=lp,exports.AdvancedFilterConfigPanel=rp,exports.AdvancedFilterTrigger=ct,exports.Backdrop=Ep,exports.Badge=Zp,exports.Banner=Gp,exports.BreakPoint=g,exports.Button=Rs,exports.ButtonGroup=Xp,exports.Calendar=zf,exports.CalendarRange=im,exports.Card=om,exports.Checkbox=fm,exports.CheckboxCard=km,exports.ClickAwayListener=({onClickAway:e,children:t})=>{const n=i.useRef(null),r=i.useRef(!1);i.useEffect((()=>(setTimeout((()=>{r.current=!0}),0),()=>{r.current=!1})),[]),i.useEffect((()=>{const t=t=>{r.current&&(null==n.current||n.current.contains(t.target)||e&&e(t))};return document.addEventListener("click",t),()=>{document.removeEventListener("click",t)}}),[n,e]);const a=Object.assign(Object.assign({},t.props),{ref:tu(n,t.ref)});return i.cloneElement(t,a)},exports.ConfirmModal=Tm,exports.ContainerBreakPoint=b,exports.ContextMenu=Km,exports.ContextMenu2=os,exports.ContextMenu2ButtonControlsItem=ps,exports.ContextMenu2ButtonItem=Be,exports.ContextMenu2CheckItem=Ra,exports.ContextMenu2Container=ls,exports.ContextMenu2HeadingItem=ss,exports.ContextMenu2HelpTextItem=ds,exports.ContextMenu2SeparatorItem=us,exports.ContextMenu2SortableGroup=Ol,exports.ContextMenu2SortableItem=Nl,exports.ContextMenu2SwitchItem=Pa,exports.ContextMenu2TextInputItem=Xl,exports.ContextMenu2TriggerItem=Ya,exports.CreatableSelect=Qx,exports.DATE_OPERATORS=mp,exports.DataTable=jy,exports.DataTable2=({bordered:t,currentPage:n,pageSize:r,pageSizeOptions:a,totalCount:o,columns:l,onPageChange:s,onPageSizeChange:c,onColumnsChange:d,onCheckedRowsChange:u,children:p,tableActions:f,customTableActionArea:m,enableRowSelection:h=!0})=>{const[b,v]=e.useState(!1),[x,y]=e.useState([]),[w,C]=e.useState([]),[E,I]=e.useState([]),[k,M]=e.useState(0),A=e.useRef(null),$=e.useCallback(((e,t)=>{const n=[...E];n[e]=t,I(n)}),[E,I]);e.useEffect((()=>{if(!A.current)return;const e=()=>{var e;A.current&&v((null===(e=A.current)||void 0===e?void 0:e.clientWidth)<g.TABLET)},t=new ResizeObserver(e);return e(),t.observe(A.current),()=>{t.disconnect()}}),[]);const S=e.useCallback((e=>{C(e),null==u||u(e)}),[C,u]),D=e.useRef(n);e.useEffect((()=>{D.current!==n&&S([]),D.current=n}),[n,S]),e.useEffect((()=>{if(0===w.length)return;const e=w.filter((e=>x.includes(e)));e.length!==w.length&&S(e)}),[x,w,S]);const L=h&&!!f,[O,V]=e.useState(null),R=e.useCallback(((e,t)=>{V((n=>void 0===t?n===e?null:n:null!==n&&n!==e?("production"!==process.env.NODE_ENV&&console.warn(`[DataTable2] sticky="right" は 1 列のみです。既に列 index ${String(n)} で使用されているため、列 ${String(e)} の登録は無視しました。`),n):e))}),[]),H=e.useMemo((()=>{const e=l.filter((e=>e.visible)).length;return{registerColumnSticky:R,getStickyRightOffset:t=>{var n;if(null===O||t!==O)return;let r=0;for(let a=t+1;a<e;a++)r+=null!==(n=E[a])&&void 0!==n?n:0;return r},rightStickyColumnIndex:O,getRightStickyZIndexHead:e=>3,getRightStickyZIndexBody:e=>1}}),[E,l,R,O]);return i.default.createElement(rw,{ref:A,bordered:t},i.default.createElement(Wy.Provider,{value:{isSmallLayout:b,rowIds:x,enableRowSelection:h,hasRowControls:L,checkedRows:w,totalCount:o,currentPage:n,pageSize:r,pageSizeOptions:a,columns:l,columnWidths:E,rowSpacing:k,setRowIds:y,setCheckedRows:S,setCurrentPage:s,setPageSize:c,setColumns:d,setColumnWidth:$,setRowSpacing:M}},i.default.createElement(Jy.Provider,{value:H},i.default.createElement(Yw,{tableActions:f,customTableActionArea:m}),i.default.createElement(jw,null,p))))},exports.DataTable2ActionButton=({prepend:t,children:n,onClick:r})=>{const{isSmallLayout:a}=e.useContext(Wy);return a?i.default.createElement(Be,{prepend:t,onClick:r},n):i.default.createElement(fw,{type:"button",onClick:r},t,n)},exports.DataTable2Body=({children:t})=>{const{rowIds:n,setRowIds:r}=e.useContext(Wy);return e.useEffect((()=>{const a=[];e.Children.forEach(t,(t=>{e.isValidElement(t)&&"string"==typeof t.props.id&&a.push(t.props.id)})),a.length===n.length&&a.every((e=>n.includes(e)))||r(a)}),[t,n,r]),i.default.createElement("tbody",null,t)},exports.DataTable2Cell=({loading:t,sticky:n,children:r})=>{const{getStickyRightOffset:a,rightStickyColumnIndex:o,getRightStickyZIndexBody:l}=e.useContext(Jy),{showStickyRightEdgeDecoration:s}=e.useContext(Xy),c=e.useContext(Uy),d=a(c.index),u=void 0!==d&&c.index===o&&s,p=void 0!==d?l(c.index):void 0;return i.default.createElement(gw,{$stickyRightOffset:d,$stickyZIndex:p,$showStickyEdgeDecoration:u},i.default.createElement(Mw,null,i.default.createElement($w,null,r),t&&i.default.createElement(Aw,null,i.default.createElement($s,{width:"20px"}))))},exports.DataTable2Column=({className:t,sticky:r,isResizable:a,width:o,minWidth:l=32,maxWidth:s=1/0,children:c,onWidthChange:d})=>{const{isSmallLayout:u,setColumnWidth:p}=e.useContext(Wy),{registerColumnSticky:f,getStickyRightOffset:m,rightStickyColumnIndex:h,getRightStickyZIndexHead:g}=e.useContext(Jy),{showStickyRightEdgeDecoration:b}=e.useContext(Xy),v=e.useContext(Uy),[x,y]=e.useState(!1);e.useEffect((()=>(f(v.index,"right"===r?"right":void 0),()=>{f(v.index,void 0)})),[r,v.index,f]);const w=m(v.index),C=void 0!==w&&v.index===h&&b,E=void 0!==w?g(v.index):void 0,I=e.useRef(null),k=e.useRef(null),M=e.useRef(0),A=e.useRef(0),$=e.useCallback((e=>{y(!0),k.current&&null===I.current&&(I.current=e.pointerId,A.current=o||k.current.clientWidth,M.current=e.clientX)}),[o]),S=e.useCallback((e=>{if(!d)return;if(I.current!==e.pointerId)return;e.cancelable&&e.preventDefault();const t=e.clientX-M.current,n=((e,t,n)=>Math.min(Math.max(e,t),n))(A.current+t,l,s);d(n),p(v.index,n)}),[d,l,s,p,v.index]),D=e.useCallback((()=>{y(!1),I.current=null}),[]);return e.useEffect((()=>{if(x)return document.addEventListener("pointermove",S),document.addEventListener("pointerup",D),()=>{document.removeEventListener("pointermove",S),document.removeEventListener("pointerup",D)}}),[x,S,D]),i.default.createElement(hw,{ref:k,className:t,"data-dragging":x,$stickyRightOffset:w,$stickyZIndex:E,$showStickyEdgeDecoration:C,style:{minWidth:isFinite(l)&&l<=s?l:void 0,maxWidth:isFinite(l)&&l<=s?s:void 0}},i.default.createElement(bw,{isSmallLayout:u},c,a&&i.default.createElement(vw,{type:"button","aria-label":"resize the column",onPointerDown:$}),x&&n.createPortal(i.default.createElement(xw,{"data-min":o&&l>=o,"data-max":o&&s<=o}),document.body)))},exports.DataTable2ColumnLabel=({showSortButton:t,sortButtonDirection:n,onSortChange:r,children:a})=>{const o=e.useMemo((()=>"asc"===n?"desc":"desc"!==n?"asc":void 0),[n]),l=e.useCallback((()=>{null==r||r(o)}),[r,o]);return i.default.createElement(yw,null,a,t&&i.default.createElement(ww,{type:"button","aria-label":"sort the column","data-sort-direction":n,onClick:l},i.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18"},i.default.createElement("path",{d:"M8.17 3.25a1 1 0 0 1 1.3-.33c.15.08.27.19.36.33l2.13 3.2c.1.15.16.33.17.51 0 .18-.03.36-.12.52s-.21.29-.37.39a1 1 0 0 1-.51.14H6.87a1 1 0 0 1-.83-1.56z"}),i.default.createElement("path",{d:"M9.83 14.75a1 1 0 0 1-1.3.33.95.95 0 0 1-.36-.33l-2.13-3.2c-.1-.15-.16-.33-.17-.51 0-.18.03-.36.12-.52s.21-.29.37-.39a1 1 0 0 1 .51-.14h4.26a1 1 0 0 1 .83 1.56z"}))))},exports.DataTable2Head=({children:t})=>{const{hasRowControls:n,columns:r}=e.useContext(Wy),a=e.useMemo((()=>e.Children.toArray(t).map(((e,t)=>{const n=r[t];return{id:n.id,index:t,order:n.order,visible:n.visible,child:e}})).filter((e=>void 0!==e.id))),[t,r]),o=e.useMemo((()=>a.sort(((e,t)=>e.order-t.order)).filter((e=>e.visible))),[a]);return i.default.createElement(i.default.Fragment,null,i.default.createElement("colgroup",null,n&&i.default.createElement("col",{style:{width:34}}),o.map((({id:t,child:n})=>e.isValidElement(n)?i.default.createElement("col",{key:t,style:{width:n.props.width}}):null))),i.default.createElement(mw,null,i.default.createElement("tr",null,n&&i.default.createElement(Iw,{"aria-label":"empty cell"}),o.map((({id:e,index:t,child:n})=>i.default.createElement(Uy.Provider,{key:e,value:{index:t}},n))))))},exports.DataTable2InlineEditor=({label:t,value:n,children:r,onChange:a})=>{const[o,l]=e.useState(n),[s,c]=e.useState(!1),d=()=>{c(!1),a(o)};return e.useEffect((()=>{l(n)}),[n]),i.default.createElement(Sw,null,r,i.default.createElement(Dw,null,i.default.createElement(ls,null,i.default.createElement(os,{width:252,trigger:i.default.createElement(Rs,{type:"button",color:"primarySubtle",size:"small",inline:!0,icon:i.default.createElement(D,{name:"pencil",color:"currentColor"})}),open:s,onOpenChange:c},i.default.createElement(ss,null,t),i.default.createElement(Xl,{value:o,onChange:e=>l(e.target.value),onEnter:d}),i.default.createElement(us,null),i.default.createElement(ps,null,i.default.createElement(Rs,{type:"button",color:"clear",size:"small",onClick:()=>{c(!1),l(n)}},"キャンセル"),i.default.createElement(Rs,{type:"button",color:"primary",size:"small",onClick:d},"適用"))))))},exports.DataTable2InlineSelectEditor=({label:t,value:n,options:r,children:a,onChange:o})=>{const[l,s]=e.useState(!1);return i.default.createElement(Sw,null,a,i.default.createElement(Dw,null,i.default.createElement(ls,null,i.default.createElement(os,{width:252,trigger:i.default.createElement(Rs,{type:"button",color:"primarySubtle",size:"small",inline:!0,icon:i.default.createElement(D,{name:"pencil",color:"currentColor"})}),open:l,onOpenChange:s},i.default.createElement(ss,null,t),r.map((e=>i.default.createElement(Ra,{key:e,closeOnChange:!0,checked:n===e,onChange:()=>o(e)},e)))))))},exports.DataTable2Row=({id:t,children:n})=>{const{isSmallLayout:r,columns:a,hasRowControls:o,checkedRows:l,setCheckedRows:s,rowSpacing:c}=e.useContext(Wy),d=e.useMemo((()=>l.includes(t)),[t,l]),u=e.useCallback((()=>{const e=l.includes(t)?l.filter((e=>e!==t)):[...l,t];s(e)}),[t,l,s]),p=e.useMemo((()=>e.Children.toArray(n).map(((e,t)=>{const n=a[t];return{id:n.id,index:t,order:n.order,visible:n.visible,child:e}})).filter((e=>void 0!==e.id))),[n,a]),f=e.useMemo((()=>p.sort(((e,t)=>e.order-t.order)).filter((e=>e.visible))),[p]);return i.default.createElement(Cw,{"data-highlighted":d,"data-spacing":c,isSmallLayout:r},o&&i.default.createElement(Ew,null,i.default.createElement(kw,null,i.default.createElement(fm,{checked:d,"aria-label":"この行を選択",onChange:u}),i.default.createElement("input",{type:"checkbox","aria-label":"この行を選択"}))),f.map((({id:e,index:t,child:n})=>i.default.createElement(Uy.Provider,{key:e,value:{index:t}},n))))},exports.DateField=xC,exports.DateField2=DC,exports.DatePicker=Qu,exports.DateRangeField=EC,exports.DateRangeField2=RC,exports.DateRangePicker=NC,exports.Divider=Ym,exports.Drawer=({isOpen:t,direction:n,onClose:r,size:a="40vw",resizable:o=!1,minSize:l="20vw",maxSize:s="90vw",onResize:c,stickyHeader:d,stickyFooter:u,confirmOnClose:p,allowBackgroundScroll:f=!1,children:m})=>{const h=300,g=zC(a,n),b=zC(l,n),v=zC(s,n),x=Math.min(b,v),y=Math.max(b,v),w=Math.max(x,Math.min(g,y));"production"!==process.env.NODE_ENV&&(b>v&&console.warn(`Drawer: minSize (${b}px) が maxSize (${v}px) より大きいです。自動補正します。`),(g<x||g>y)&&console.warn(`Drawer: size (${g}px) が min/max の範囲外です。自動補正します。`));const[C,E]=e.useState(!1),[I,k]=e.useState(!1),[M,A]=e.useState(w),$=e.useRef(!1),S=e.useRef(0),D=e.useRef(0),L=e.useRef(!1),[O,V]=e.useState(!1),[R,H]=e.useState(null),[N,z]=e.useState(!1),T=i.default.useMemo((()=>{if(!p)return null;const e="string"==typeof p?{message:p}:p;return{title:e.title||"確認",message:e.message||"変更内容が保存されていません。閉じてもよろしいですか？",confirmText:e.confirmText||"変更を破棄して閉じる",cancelText:e.cancelText||"編集を続ける",buttonColor:e.buttonColor||"danger"}}),[p]);e.useEffect((()=>{const e=zC(a,n),t=zC(l,n),r=zC(s,n),i=Math.min(t,r),o=Math.max(t,r),c=Math.max(i,Math.min(e,o));"production"!==process.env.NODE_ENV&&(t>r&&console.warn(`Drawer: minSize (${t}px) が maxSize (${r}px) より大きいです。自動補正します。`),(e<i||e>o)&&console.warn(`Drawer: size (${e}px) が min/max の範囲外です。自動補正します。`)),A(c)}),[a,l,s,n]),e.useEffect((()=>{if(t){E(!0);const e=setTimeout((()=>{k(!0)}),16);return()=>clearTimeout(e)}if(C){k(!1);const e=setTimeout((()=>{E(!1)}),h);return()=>clearTimeout(e)}}),[t,C]),e.useEffect((()=>{if(!f&&t){const e=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=e}}}),[t,f]);const Z=e.useCallback((e=>{if(!$.current)return;const t="left"===n||"right"===n;let r;if(e instanceof TouchEvent){const n=e.touches[0]||e.changedTouches[0];r=t?n.clientX:n.clientY}else r=t?e.clientX:e.clientY;let a=r-S.current;"right"===n&&(a=-a),"bottom"===n&&(a=-a);let i=D.current+a;i=Math.max(x,Math.min(y,i)),A(i),null==c||c(i)}),[n,x,y,c]),B=e.useCallback((()=>{$.current=!1,document.body.style.userSelect="",document.body.style.cursor="",L.current=!0,setTimeout((()=>{L.current=!1}),100)}),[]),P=e.useCallback((e=>{if(!o)return;e.preventDefault(),e.stopPropagation(),$.current=!0;const t="left"===n||"right"===n;let r;r="touches"in e&&e.touches.length>0?t?e.touches[0].clientX:e.touches[0].clientY:"changedTouches"in e&&e.changedTouches.length>0?t?e.changedTouches[0].clientX:e.changedTouches[0].clientY:t?e.clientX:e.clientY,S.current=r,D.current=M,document.body.style.userSelect="none",document.body.style.cursor=t?"ew-resize":"ns-resize"}),[o,n,M]),_=e.useCallback((e=>{P(e),z(!0)}),[P]),F=e.useCallback((()=>{z(!1)}),[]),G=e.useCallback((()=>{z(!1)}),[]);e.useEffect((()=>{if(!o)return;const e=e=>{$.current&&Z(e)},t=()=>{$.current&&B()},n=e=>{$.current&&Z(e)},r=()=>{$.current&&B()};return window.addEventListener("mousemove",e),window.addEventListener("mouseup",t),window.addEventListener("touchmove",n),window.addEventListener("touchend",r),()=>{window.removeEventListener("mousemove",e),window.removeEventListener("mouseup",t),window.removeEventListener("touchmove",n),window.removeEventListener("touchend",r)}}),[o,Z,B]);const Y=e.useCallback((e=>{T?(H(e),V(!0)):null==r||r(e)}),[T,r]);e.useEffect((()=>{const e=e=>{"Escape"===e.key&&t&&!O&&Y("escapeKey")};return t&&window.addEventListener("keydown",e),()=>{window.removeEventListener("keydown",e)}}),[t,O,Y]);return C?i.default.createElement(i.default.Fragment,null,T&&i.default.createElement(Tm,{isOpen:O,title:T.title,confirmText:T.confirmText,cancelText:T.cancelText,buttonColor:T.buttonColor,onConfirm:()=>{V(!1),R&&r&&r(R),H(null)},onClose:()=>(V(!1),void H(null))},T.message),i.default.createElement(Nm,null,f?i.default.createElement(ZC,{direction:n,currentSize:M,shouldShow:I,transitionDuration:h},o&&i.default.createElement(PC,{direction:n,"data-testid":"resize-bar",active:N}),o&&i.default.createElement(BC,{direction:n,"data-testid":"resize-handle",onMouseDown:P,onTouchStart:_,onTouchEnd:F,onTouchCancel:G,onMouseEnter:()=>z(!0),onMouseLeave:()=>z(!1)}),d&&i.default.createElement(_C,null,d),i.default.createElement(FC,null,m),u&&i.default.createElement(GC,null,u)):i.default.createElement(TC,{shouldShow:I,transitionDuration:h,onClick:e=>{$.current||L.current||e.target===e.currentTarget&&Y("backdropClick")}},i.default.createElement(ZC,{direction:n,currentSize:M,shouldShow:I,transitionDuration:h},o&&i.default.createElement(PC,{direction:n,"data-testid":"resize-bar",active:N}),o&&i.default.createElement(BC,{direction:n,"data-testid":"resize-handle",onMouseDown:P,onTouchStart:_,onTouchEnd:F,onTouchCancel:G,onMouseEnter:()=>z(!0),onMouseLeave:()=>z(!1)}),d&&i.default.createElement(_C,null,d),i.default.createElement(FC,null,m),u&&i.default.createElement(GC,null,u))))):null},exports.DropdownButton=({size:e="medium",color:t="primary",onClick:n,split:r=!1,contents:a=[],disabled:o=!1,children:l,icon:s,selectedValue:c,menuWidth:d=200,loading:u=!1,toggleAriaLabel:p="メニューを開く"})=>{const f=k(),m=!!u,h="string"==typeof u?u:u?"Loading...":void 0,g=((e,t)=>e?f.palette.text.disabled:"primary"===t?f.palette.white:f.palette.black)(o||m,t),b=i.useMemo((()=>({small:"16px",medium:"18px",large:"20px"}[e])),[e]),v=void 0!==c?c:l,x=i.useMemo((()=>i.createElement(D,{name:"arrow_bottom",size:YC[e].arrowIconSize,color:g})),[e,g]),y=i.useMemo((()=>m?i.createElement($s,{width:b}):null),[m,b]),w=!!s,C=!!v,E=m?w?y:void 0:s,I=m?!w&&C||w&&C?h:void 0:v,M=m?w?y:void 0:s,A=(()=>{if(m&&(!w||C))return C?h:void 0})(),$=r?i.createElement(jC,null,i.createElement(WC,{size:e,color:t,inline:!0,disabled:o||m,icon:E,onClick:n},I),i.createElement(XC,{size:e,color:t,inline:!0,disabled:o||m,"data-testid":"menu-toggle","aria-label":p},x)):i.createElement(JC,{size:e,color:t,disabled:o||m,"data-testid":"menu-toggle",icon:M,"aria-label":C?void 0:p},i.createElement(UC,null,m?A?i.createElement(i.Fragment,null,"string"==typeof A?i.createElement(vs,null,A):A,i.createElement(QC,null,i.createElement(ws,{pr:.5}),x)):i.createElement(QC,null,i.createElement(ws,{pr:.5}),x):i.createElement(i.Fragment,null,v&&i.createElement(vs,null,v),i.createElement(QC,null,i.createElement(ws,{pr:.5}),x))));return i.createElement(ls,null,i.createElement(os,{trigger:$,width:d},a.map(((e,t)=>i.createElement(i.Fragment,{key:`${t}-${e.text}`},e.divideTop&&i.createElement(us,null),(e=>"heading"===e.type?i.createElement(ss,null,e.text):"helpText"===e.type?i.createElement(ds,{prepend:e.prepend},e.text):void 0!==e.checked?i.createElement(Ra,{closeOnChange:!0,checked:e.checked,color:e.color,disabled:e.disabled,prepend:e.icon,onChange:e.onChange},e.text):i.createElement(Be,{closeOnClick:!0,color:e.color,disabled:e.disabled,prepend:e.icon,onClick:e.onClick},e.text))(e))))))},exports.DualListBox=hE,exports.DualListBox2=pI,exports.DualListBox2Accordion=lI,exports.DualListBox2Item=QE,exports.DualListBox2Section=aI,exports.ErrorText=Au,exports.Fade=eu,exports.FileUploader=hI,exports.FilterComboBox=({values:t,options:n,selectedIndex:r,selectOptions:a,onChange:o,onSelectChange:l,size:s="medium",variant:c="dark",tagVariant:d,searchPlaceholder:u="検索",noResultsMessage:p="見つかりませんでした",disabled:f=!1,applyButtonText:m="適用",cancelButtonText:h="キャンセル",error:g=!1,placement:b,middleware:v})=>{const[x,y]=e.useState(""),[w,C]=e.useState(!1),[E,I]=e.useState(t),[k,M]=e.useState(!1),A=e.useMemo((()=>d||("light"===c?"dark":"light")),[c,d]),[$,S]=e.useState(!1),L=e.useRef(null),O=e.useCallback((()=>{L.current&&S(L.current.clientWidth<L.current.scrollWidth)}),[]),V=e.useCallback((e=>{const t=e.trim();if(!t)return n.map((e=>Array.isArray(e)?e:[e]));const r=t.includes(","),a=t.startsWith('"')&&t.endsWith('"'),i=Yc(t);return n.filter((e=>{if(!Array.isArray(e)){const n=e.toLowerCase();return a?i.some((e=>n===e.toLowerCase())):r?i.some((e=>n.includes(e.toLowerCase()))):n.includes(t.toLowerCase())}return a?e.some((e=>i.some((t=>e.toLowerCase()===t.toLowerCase())))):r?e.some((e=>i.some((t=>e.toLowerCase().includes(t.toLowerCase()))))):e.some((e=>e.toLowerCase().includes(t.toLowerCase())))})).map((e=>Array.isArray(e)?e:[e]))}),[n]),R=e.useMemo((()=>V(x)),[x,V]),H=e.useCallback((e=>{E.includes(e)?I(E.filter((t=>t!==e))):I([...E,e])}),[E]),N=e.useCallback((()=>{if(w)return;if(!x.trim())return;const e=V(x);1===e.length&&(H(e[0][0]),y(""))}),[w,x,V,H]),z=e.useCallback((e=>{y(e.target.value)}),[y]),T=e.useRef(null),Z=e.useCallback((e=>{var t;e.stopPropagation(),y(""),null===(t=T.current)||void 0===t||t.focus()}),[]),B=e.useCallback((e=>{e.key}),[]),P=e.useCallback((e=>{const n=t.filter((t=>t!==e));o(n),I(n)}),[t,o]),_=e.useCallback((e=>{M(e),e&&I(t),y("")}),[t]),F=e.useCallback((()=>{o(E),M(!1)}),[o,E]),G=e.useCallback((()=>{I(t),M(!1)}),[t]),Y=e.useCallback((()=>{const e=R.map((e=>e[0])),t=[...new Set([...E,...e])];I(t)}),[R,E]),j=e.useCallback((()=>{I([])}),[]),W=e.useMemo((()=>i.default.createElement(OI,null,i.default.createElement(VI,null,i.default.createElement(LI,{ref:T,autoFocus:!0,value:x,placeholder:u,onChange:z,onKeyDown:B,onCompositionStart:()=>C(!0),onCompositionEnd:()=>C(!1),onEnter:N}),x&&i.default.createElement(RI,{type:"button","aria-label":"検索をリセット",onClick:Z},i.default.createElement(D,{name:"close_circle",type:"fill",color:"currentColor"}))),i.default.createElement(HI,null,i.default.createElement(au,{content:"すべて選択",positionPriority:["top"],offset:[0,8],disabled:0===R.length},i.default.createElement(Rs,{icon:i.default.createElement(D,{name:"check_thin",color:"currentColor"}),size:"small",color:"secondaryDark",disabled:0===R.length,onClick:Y})),i.default.createElement(au,{content:"すべてクリア",positionPriority:["top"],offset:[0,8],disabled:0===R.length},i.default.createElement(Rs,{icon:i.default.createElement(D,{name:"close",color:"currentColor"}),size:"small",color:"secondaryDark",disabled:0===R.length,onClick:j}))))),[x,u,z,B,N,Y,j,Z,R]),X=e.useMemo((()=>i.default.createElement(ps,null,i.default.createElement(Rs,{size:"small",color:"clear",onClick:G},h),i.default.createElement(Rs,{size:"small",onClick:F},m))),[G,F,m,h]);return e.useEffect((()=>{if(!window.ResizeObserver)return;if(!L.current)return;const e=new window.ResizeObserver((()=>{L.current&&O()}));return e.observe(L.current),O(),()=>{e.disconnect()}}),[O]),i.default.createElement(kI,{variant:c,size:s,selectedIndex:r,selectOptions:a,disabled:f,error:g,isOpen:k,onSelectChange:l},i.default.createElement(AI,{$variant:c,$size:s,"data-overflowing":$},i.default.createElement(ls,null,i.default.createElement(os,{open:k&&!f,trigger:i.default.createElement(SI,{type:"button",$variant:c,$size:s,disabled:f,"aria-label":"タグを追加",onClick:()=>{f||M(!k)}},i.default.createElement(DI,null,i.default.createElement(D,{name:"arrow_down",color:"currentColor"}))),stickyHeader:W,stickyFooter:X,noResultsMessage:p,placement:b,middleware:v,onOpenChange:e=>!f&&_(e)},R.length>0?R.map((e=>i.default.createElement(Ra,{key:e[0],checked:E.includes(e[0]),closeOnChange:!1,onChange:()=>H(e[0])},e[0]))):i.default.createElement(Ul,{message:p}))),i.default.createElement($I,{ref:L},t.map((e=>i.default.createElement(II,{key:e,label:e,size:s,variant:A,onRemove:()=>P(e)}))))))},exports.FilterPositionCalculator=ip,exports.FilterSelectInput=({value:t,options:n,selectedIndex:r,selectOptions:a,onChange:o,onSelectChange:l,size:s="medium",variant:c="dark",searchPlaceholder:d="絞り込む",noResultsMessage:u="見つかりませんでした",disabled:p=!1,error:f=!1,placement:m,middleware:h})=>{const[g,b]=e.useState(0),[v,x]=e.useState(""),[y,w]=e.useState(""),[C,E]=e.useState(!1),[I,k]=e.useState(!1),M=e.useRef(null);e.useEffect((()=>{if(!window.ResizeObserver)return;if(!M.current)return;const e=new window.ResizeObserver((()=>{M.current&&b(M.current.offsetWidth)}));return e.observe(M.current),()=>{e.disconnect()}}),[]);const A=e.useMemo((()=>{const e=y.trim();return""===e?n:n.filter((t=>t.toLowerCase().includes(e.toLowerCase())))}),[n,y]),$=e.useCallback((e=>{x(e.target.value),C||w(e.target.value)}),[C]),S=e.useCallback((e=>{e.stopPropagation(),x(""),w("")}),[]),L=e.useCallback((e=>{"Enter"!==e.key||w(v)}),[v]),O=e.useCallback((e=>{k(e),e||(x(""),w(""))}),[]),V=e.useCallback((e=>{o(e),k(!1)}),[o]),R=e.useCallback((()=>{p||k(!I)}),[p,I]),H=e.useCallback((e=>{p||O(e)}),[p,O]),N=e.useMemo((()=>i.default.createElement(FI,null,i.default.createElement(PI,{autoFocus:!0,value:v,placeholder:d,disabled:p,onChange:$,onKeyDown:L,onCompositionStart:()=>E(!0),onCompositionEnd:()=>E(!1)}),v&&i.default.createElement(GI,{type:"button","aria-label":"検索をリセット",onClick:S},i.default.createElement(D,{name:"close_circle",type:"fill",color:"currentColor"})))),[v,d,p,$,L,S]);return i.default.createElement(kI,{variant:c,size:s,selectedIndex:r,selectOptions:a,disabled:p,error:f,isOpen:I,onSelectChange:l},i.default.createElement(NI,{ref:M},i.default.createElement(ls,null,i.default.createElement(os,{open:I&&!p,minWidth:g,trigger:i.default.createElement(zI,{type:"button",$size:s,$variant:c,disabled:p,onClick:R},i.default.createElement(ZI,{$size:s},t),i.default.createElement(BI,null,i.default.createElement(D,{name:"arrow_down",color:"currentColor"}))),stickyHeader:N,placement:m,middleware:h,onOpenChange:H},A.length>0?A.map((e=>i.default.createElement(Ra,{key:e,checked:e===t,disabled:p,onChange:()=>V(e)},e))):i.default.createElement(Ul,{message:u})))))},exports.FilterTagInput=({title:t,values:n,selectedIndex:r,selectOptions:a,onChange:o,onSelectChange:l,size:s="medium",variant:c="dark",tagVariant:d,menuIconSize:u=22,disabled:p=!1,error:f=!1})=>{const{isSmall:m}=e.useContext(EI),[h,g]=e.useState(""),[b,v]=e.useState(!1),[x,y]=e.useState(!1),[w,C]=e.useState(!1),[E,I]=e.useState(!1),k=e.useRef(null),M=e.useMemo((()=>d||("light"===c?"dark":"light")),[c,d]),A=e.useRef(null),$=e.useRef(null),S=e.useCallback((()=>{A.current&&v(A.current.clientWidth<A.current.scrollWidth)}),[v]),L=e.useCallback((()=>{if(!A.current||!k.current)return;const e=k.current.getBoundingClientRect(),t=A.current.getBoundingClientRect(),n=Number(window.getComputedStyle(A.current).paddingRight.replace("px",""));return t.right-n-e.left}),[]),O=e.useCallback((e=>{const t=e.trim();""!==t?n.includes(t)?g(""):(o([...n,t],r),g(""),requestAnimationFrame((()=>{S(),L()}))):g("")}),[n,o,r,S,L]),V=e.useCallback((e=>{if(!x&&e.target instanceof HTMLInputElement)return"Backspace"===e.key&&0===e.target.selectionStart?(o(n.slice(0,-1),r),void requestAnimationFrame((()=>{S(),L()}))):void("Enter"===e.key&&O(e.target.value))}),[x,o,n,r,S,L,O]),R=e.useCallback((e=>{const t=[...n];t.splice(e,1),o(t,r),requestAnimationFrame((()=>{S(),L()}))}),[n,o,r]),H=e.useCallback(((e,t)=>{o(e,t),l(t),requestAnimationFrame((()=>{S(),L()}))}),[o,l]),N=e.useCallback((e=>{g(e.target.value)}),[]),z=e.useCallback((()=>{y(!0)}),[]),T=e.useCallback((()=>{y(!1)}),[]),Z=e.useCallback((()=>{C(!0)}),[]),B=e.useCallback((()=>{C(!1)}),[]),P=e.useCallback((()=>{p||I(!0)}),[p]),_=e.useCallback((()=>{I(!1)}),[]),F=e.useCallback((()=>{_(),O(h)}),[_,h,O]);e.useEffect((()=>{if(!window.ResizeObserver)return;if(!A.current)return;const e=new window.ResizeObserver((()=>{A.current&&(S(),L())}));return e.observe(A.current),()=>{e.disconnect()}}),[S,L]);const G=e.useMemo((()=>n.map(((e,t)=>i.default.createElement(II,{key:e,size:s,variant:M,label:e,onRemove:()=>R(t)})))),[n,s,M,R]),Y={small:18,medium:20,large:22}[s];return i.default.createElement(i.default.Fragment,null,i.default.createElement(kI,{variant:c,size:s,selectedIndex:r,selectOptions:a,disabled:p,error:f,isOpen:E,onSelectChange:l},i.default.createElement(YI,{ref:A,$size:s,$variant:c},i.default.createElement(jI,{ref:$},G,i.default.createElement(JI,null,i.default.createElement("input",{ref:k,"aria-label":"フィルターする値",disabled:p,type:"text",value:h,enterKeyHint:"enter",onChange:N,onCompositionEnd:T,onCompositionStart:z,onFocus:P,onKeyDown:V,onBlur:F})))),i.default.createElement(XI,{$size:s,$variant:c,"aria-label":"フィルター入力パネルを開く","data-overflowing":b,type:"button",disabled:p,onClick:Z},i.default.createElement(D,{name:m?"filter":"expand_diagonal_s_fill",color:"currentColor",size:Y}))),i.default.createElement(pk,{isOpen:w,menuIconSize:u,selectOptions:a,selectedIndex:r,title:t,values:n,onApply:H,onClose:B}))},exports.FixedPanel=mk,exports.Flex=V,exports.FloatingTip=vk,exports.FullSizeConfirmModal=Ak,exports.Grow=e=>{var{timeout:t=300,children:n}=e,r=s(e,["timeout","children"]);const a=i.useRef(null);return i.createElement(Sk,Object.assign({nodeRef:a,appear:!0,mountOnEnter:!0,timeout:t,classNames:$k},r),i.createElement("div",{ref:a},n))},exports.Icon=D,exports.IconText=e=>{var{icon:t,size:n="medium",pos:r="prepend",prependIcon:a,appendIcon:o,color:l,iconColor:c,textColor:d,children:u}=e,p=s(e,["icon","size","pos","prependIcon","appendIcon","color","iconColor","textColor","children"]);const f=k(),m=!!p.href,h=null!=d?d:m?f.palette.primary.base:null!=l?l:f.palette.black,g=null!=c?c:m?f.palette.primary.base:null!=l?l:f.palette.black;let b,v;return null!=a||null!=o?(b=a,v=o):"append"===r?(b=void 0,v=t):(b=t,v=void 0),i.default.createElement(Ok,Object.assign({as:m?"a":"span",$size:n,$isLink:m},p),null!=b&&Vk(b,n,g),i.default.createElement(Lk,{$color:h},u),null!=v&&Vk(v,n,g))},exports.Input=jl,exports.ItemEmpty=Hy,exports.LoadingBar=Nk,exports.LocaleProvider=({locale:e,children:t})=>i.createElement(Xu.Provider,{value:{locale:e}},t),exports.Menu=Um,exports.MenuList=Wm,exports.Modal=zm,exports.MultipleFilter=bM,exports.NUMBER_OPERATORS=fp,exports.NavigationRail=lA,exports.NavigationRailContext=AM,exports.NotificationBadge=WM,exports.PRESET_OPERATORS=gp,exports.Pager=Dy,exports.Popover=Jm,exports.Portal=Nm,exports.RadioButton=my,exports.RadioCard=sA,exports.Radius=8,exports.SELECT2_SIZES=iu,exports.SELECTION_OPERATORS=hp,exports.ScrollArea=dA,exports.Select=Ux,exports.Select2=Cu,exports.Select2Option=Eu,exports.Select2OptionGroup=Iu,exports.Select2Separator=ku,exports.Shadow=m,exports.Slide=e=>{var{timeout:t=300,children:n,direction:r="down"}=e,a=s(e,["timeout","children","direction"]);const o=i.useRef(null);return i.createElement(TA,Object.assign({nodeRef:o,appear:!0,timeout:t,direction:r,classNames:zA},a),i.createElement("div",{ref:o},n))},exports.Slider=OA,exports.SliderField=HA,exports.Snackbar=FA,exports.Space=8,exports.Spacer=ws,exports.Spinner=$s,exports.SplitAnnotation=YA,exports.Switch=n$,exports.TEXT_OPERATORS=pp,exports.Table=f$,exports.Tabs=w$,exports.Tag=ie,exports.TextField=eM,exports.ThemeProvider=({children:e,theme:n})=>i.createElement(t.ThemeContext.Provider,{value:n},e),exports.TimeField=k$,exports.TimeField2=M$,exports.Toast=mS,exports.ToggleButton=CS,exports.Tooltip=au,exports.Typography=X,exports.WeekTime=VS,exports.WeekTimeSelector=NS,exports.applyFilter=wp,exports.applyMultipleFilters=(e,t)=>t.reduce(((e,t)=>wp(e,t.field,t.operator,t.values)),e),exports.applyOperatorToValue=yp,exports.breakpointPrimitives=h,exports.buildFilterSlots=Oe,exports.changeOperatorLabel=(e,t)=>Object.assign(Object.assign({},e),{label:t}),exports.changeValueLabel=(e,t)=>Object.assign(Object.assign({},e),{label:t}),exports.clamp=xA,exports.colors=c,exports.combineOperators=(...e)=>e.flat(),exports.combineValues=(...e)=>e.flat(),exports.createOperator=(e,t)=>({value:e,label:t}),exports.createTheme=E,exports.createValue=(e,t)=>({value:e,label:t}),exports.defaultTheme=I,exports.enUS=Wu,exports.evaluateFilterConditions=(e,t,n,r)=>{const a=n.filter((e=>e.values&&e.values.length>0));return 0!==a.length&&a.every((n=>{var a;const{conditionKey:i,operator:o,values:l}=n,s=null==r?void 0:r[t],c=null===(a=null==s?void 0:s.multiConditionConfigs)||void 0===a?void 0:a.find((e=>e.conditionKey===i)),d=((e,t,n,r)=>{const a=e[r||`${t}Attr`];if(a&&"object"==typeof a&&n in a)return a[n]})(e,t,i,null==c?void 0:c.valueSource);return(null==c?void 0:c.customOperator)?c.customOperator(l,o,d):yp(d,o,l)}))},exports.fontSize=G,exports.generateTagText=xe,exports.generateTagTitle=e=>{if(e.conditions&&e.conditions.length>0)return ve(e);const{typeLabel:t,operatorLabel:n,valueLabels:r,isRange:a}=e,i=`が${n}`,o=be(r,a,"\n");return o?`${t} ${i}\n${o}`:`${t} ${i}`},exports.getAvailableTypes=ye,exports.getClampedValue=yA,exports.getConfiguredFilters=e=>e.filter(Le),exports.getFilterTypeLabel=we,exports.getFilteredItems=Ly,exports.getKeyboardValue=IA,exports.getLabelsForValues=(e,t)=>t.map((t=>{const n=e.find((e=>e.value===t));return(null==n?void 0:n.label)||t})),exports.getNearestThumbIndex=EA,exports.getPercentage=wA,exports.getPresetOperators=bp,exports.getPresetOperatorsWithLabels=(e,t)=>{const n=bp(e);return vp(n,t)},exports.getPresetSlotId=De,exports.getResponsiveFontSizeCss=F,exports.getTagBoldText=Ce,exports.getValueFromPosition=CA,exports.getValueLabels=e=>e.map((e=>e.label)),exports.getValueStrings=e=>e.map((e=>e.value)),exports.isConfiguredFilter=Le,exports.isCustomOperator=(e,t)=>{var n;const r=null===(n=null==t?void 0:t.operators)||void 0===n?void 0:n.find((t=>t.value===e));return(null==r?void 0:r.isCustom)||!1},exports.isRangeOperator=(e,t)=>{if(!t)return!1;const n=t.operators.find((t=>t.value===e));return(null==n?void 0:n.isRange)||!1},exports.isResponsiveObject=_,exports.isValidFilterConfig=e=>!!(e.operator.length>0&&e.operatorLabel.length>0&&e.values.length>0&&e.valueLabels.length>0&&e.values.length===e.valueLabels.length)&&(!e.isRange||2===e.values.length),exports.isValidFilterType=(e,t)=>t.some((t=>t.type===e)),exports.jaJP=ju,exports.mergeValues=(...e)=>{const t=e.flat().filter(((e,t,n)=>t===n.findIndex((t=>t.value===e.value))));return t},exports.normalizeForSearch=xp,exports.overrideOperatorLabels=vp,exports.overrideValueLabels=(e,t)=>e.map((e=>Object.assign(Object.assign({},e),{label:t[e.value]||e.label}))),exports.palette=p,exports.preventScroll=AA,exports.preventTextSelection=kA,exports.resolveFontWeight=W,exports.restoreTextSelection=MA,exports.selectOperators=(e,t)=>t.map((t=>e.find((e=>e.value===t)))).filter((e=>void 0!==e)),exports.selectOperatorsByIndex=(e,t)=>t.map((t=>e[t])).filter((e=>void 0!==e)),exports.selectValues=(e,t)=>t.map((t=>e.find((e=>e.value===t)))).filter((e=>void 0!==e)),exports.selectValuesByIndex=(e,t)=>t.map((t=>e[t])).filter((e=>void 0!==e)),exports.sortValues=(e,t="label")=>[...e].sort(((e,n)=>e[t].localeCompare(n[t]))),exports.toGroupedItems=e=>e.reduce(((e,t)=>{const n=e.find((e=>e.groupName===t.groupName));return n?n.items.push(t):e.push({groupName:t.groupName,items:[t]}),e}),[]),exports.trimVertical=v,exports.useAdvancedFilterState=ap,exports.useContextMenu2Anchor=()=>{const[t,n]=e.useState({x:0,y:0});return{position:t,setPosition:n}},exports.useFilterMenuPosition=op,exports.useFilterState=Oy,exports.useSlider=$A,exports.useSliderScale=SA,exports.useTheme=k,exports.zhCN={components:{ConfirmModal:{defaultProps:{confirmText:"确认",cancelText:"取消"}},FullSizeConfirmModal:{defaultProps:{confirmText:"确认",cancelText:"取消"}},FileUploader:{defaultProps:{title:"把文件拖入, 同样支持点击上传。"}},ItemEmpty:{defaultProps:{title:"未找到。"}}}};
|
|
5364
|
+
`,jS=i.default.forwardRef((function(t,n){const r=Ju({props:t,name:"WeekTimeSelector"}),{weekList:a,weekTime:o,errorText:l,onChange:s}=r,c=e.useMemo((()=>BS(o)),[o]),[d,u]=e.useState({weekIndex:0,timeIndex:0}),[p,f]=e.useState({weekIndex:0,timeIndex:0}),[m,h]=e.useState("none"),[g,b]=e.useState("1"),v=(e,t,n)=>{if("choosing"===m){const r=((e,t,n,r,a,i)=>{const o=[...i],l=Math.min(e,n),s=Math.max(e,n),c=Math.min(t,r),d=Math.max(t,r);for(let e=l;e<=s;e++){const t=o[e].map(((t,n)=>e>=l&&e<=s&&n>=c&&n<=d?a:t));o[e]=t}return o})(d.weekIndex,d.timeIndex,e,t,n,[...c]);h("none"),null==s||s((e=>{let t="";for(let n=0;n<7;n++)for(let r=0;r<24;r++)t+=e[n][r];return(e=>{let t="";for(let n=0;n<e.length;n+=4)switch(e.substr(n,4)){case"0000":t+="0";break;case"0001":t+="1";break;case"0010":t+="2";break;case"0011":t+="3";break;case"0100":t+="4";break;case"0101":t+="5";break;case"0110":t+="6";break;case"0111":t+="7";break;case"1000":t+="8";break;case"1001":t+="9";break;case"1010":t+="a";break;case"1011":t+="b";break;case"1100":t+="c";break;case"1101":t+="d";break;case"1110":t+="e";break;case"1111":t+="f";break;default:return""}return t})(t)})(r))}else"none"===m&&(u({weekIndex:e,timeIndex:t}),f({weekIndex:e,timeIndex:t}),h("choosing"))},x=()=>{"choosing"===m&&v(p.weekIndex,p.timeIndex,g)};return e.useEffect((()=>(addEventListener("mouseup",x),()=>{removeEventListener("mouseup",x)}))),i.default.createElement(GS,{ref:n},i.default.createElement(_S,{weekTime:o,weekList:a,WeekTimeItem:YS,interactive:!0,isWithinHoverRange:(e,t)=>{if("choosing"===m){const n=Math.min(d.weekIndex,p.weekIndex),r=Math.max(d.weekIndex,p.weekIndex),a=Math.min(d.timeIndex,p.timeIndex),i=Math.max(d.timeIndex,p.timeIndex);return e>=n&&e<=r&&t>=a&&t<=i}return!1},onMouseOver:(e,t)=>{"none"!==m&&f({weekIndex:e,timeIndex:t})},onMouseDown:(e,t,n)=>{const r="1"===n?"0":"1";b(r),v(e,t,r)}}),l&&i.default.createElement(ws,{pt:1},i.default.createElement(Au,null,l)))}));exports.ADVANCED_FILTER_CONSTANTS=zu,exports.Accordion=B,exports.ActionButton=K,exports.AdvancedFilter=lp,exports.AdvancedFilterConfigPanel=rp,exports.AdvancedFilterTrigger=ct,exports.Backdrop=Ep,exports.Badge=Zp,exports.Banner=Gp,exports.BreakPoint=g,exports.Button=Rs,exports.ButtonGroup=Xp,exports.Calendar=zf,exports.CalendarRange=im,exports.Card=om,exports.Checkbox=fm,exports.CheckboxCard=km,exports.ClickAwayListener=({onClickAway:e,children:t})=>{const n=i.useRef(null),r=i.useRef(!1);i.useEffect((()=>(setTimeout((()=>{r.current=!0}),0),()=>{r.current=!1})),[]),i.useEffect((()=>{const t=t=>{r.current&&(null==n.current||n.current.contains(t.target)||e&&e(t))};return document.addEventListener("click",t),()=>{document.removeEventListener("click",t)}}),[n,e]);const a=Object.assign(Object.assign({},t.props),{ref:tu(n,t.ref)});return i.cloneElement(t,a)},exports.ConfirmModal=Tm,exports.ContainerBreakPoint=b,exports.ContextMenu=Km,exports.ContextMenu2=os,exports.ContextMenu2ButtonControlsItem=ps,exports.ContextMenu2ButtonItem=Be,exports.ContextMenu2CheckItem=Ra,exports.ContextMenu2Container=ls,exports.ContextMenu2HeadingItem=ss,exports.ContextMenu2HelpTextItem=ds,exports.ContextMenu2SeparatorItem=us,exports.ContextMenu2SortableGroup=Ol,exports.ContextMenu2SortableItem=Nl,exports.ContextMenu2SwitchItem=Pa,exports.ContextMenu2TextInputItem=Xl,exports.ContextMenu2TriggerItem=Ya,exports.CreatableSelect=Qx,exports.DATE_OPERATORS=mp,exports.DataTable=jy,exports.DataTable2=({bordered:t,currentPage:n,pageSize:r,pageSizeOptions:a,totalCount:o,columns:l,onPageChange:s,onPageSizeChange:c,onColumnsChange:d,onCheckedRowsChange:u,children:p,tableActions:f,customTableActionArea:m,enableRowSelection:h=!0})=>{const[b,v]=e.useState(!1),[x,y]=e.useState([]),[w,C]=e.useState([]),[E,I]=e.useState([]),[k,M]=e.useState(0),A=e.useRef(null),$=e.useCallback(((e,t)=>{const n=[...E];n[e]=t,I(n)}),[E,I]);e.useEffect((()=>{if(!A.current)return;const e=()=>{var e;A.current&&v((null===(e=A.current)||void 0===e?void 0:e.clientWidth)<g.TABLET)},t=new ResizeObserver(e);return e(),t.observe(A.current),()=>{t.disconnect()}}),[]);const S=e.useCallback((e=>{C(e),null==u||u(e)}),[C,u]),D=e.useRef(n);e.useEffect((()=>{D.current!==n&&S([]),D.current=n}),[n,S]),e.useEffect((()=>{if(0===w.length)return;const e=w.filter((e=>x.includes(e)));e.length!==w.length&&S(e)}),[x,w,S]);const L=h&&!!f,[O,V]=e.useState(null),R=e.useCallback(((e,t)=>{V((n=>void 0===t?n===e?null:n:null!==n&&n!==e?("production"!==process.env.NODE_ENV&&console.warn(`[DataTable2] sticky="right" は 1 列のみです。既に列 index ${String(n)} で使用されているため、列 ${String(e)} の登録は無視しました。`),n):e))}),[]),H=e.useMemo((()=>{const e=l.filter((e=>e.visible)).length;return{registerColumnSticky:R,getStickyRightOffset:t=>{var n;if(null===O||t!==O)return;let r=0;for(let a=t+1;a<e;a++)r+=null!==(n=E[a])&&void 0!==n?n:0;return r},rightStickyColumnIndex:O,getRightStickyZIndexHead:e=>3,getRightStickyZIndexBody:e=>1}}),[E,l,R,O]);return i.default.createElement(rw,{ref:A,bordered:t},i.default.createElement(Wy.Provider,{value:{isSmallLayout:b,rowIds:x,enableRowSelection:h,hasRowControls:L,checkedRows:w,totalCount:o,currentPage:n,pageSize:r,pageSizeOptions:a,columns:l,columnWidths:E,rowSpacing:k,setRowIds:y,setCheckedRows:S,setCurrentPage:s,setPageSize:c,setColumns:d,setColumnWidth:$,setRowSpacing:M}},i.default.createElement(Jy.Provider,{value:H},i.default.createElement(Yw,{tableActions:f,customTableActionArea:m}),i.default.createElement(jw,null,p))))},exports.DataTable2ActionButton=({prepend:t,children:n,onClick:r})=>{const{isSmallLayout:a}=e.useContext(Wy);return a?i.default.createElement(Be,{prepend:t,onClick:r},n):i.default.createElement(fw,{type:"button",onClick:r},t,n)},exports.DataTable2Body=({children:t})=>{const{rowIds:n,setRowIds:r}=e.useContext(Wy);return e.useEffect((()=>{const a=[];e.Children.forEach(t,(t=>{e.isValidElement(t)&&"string"==typeof t.props.id&&a.push(t.props.id)})),a.length===n.length&&a.every((e=>n.includes(e)))||r(a)}),[t,n,r]),i.default.createElement("tbody",null,t)},exports.DataTable2Cell=({loading:t,sticky:n,children:r})=>{const{getStickyRightOffset:a,rightStickyColumnIndex:o,getRightStickyZIndexBody:l}=e.useContext(Jy),{showStickyRightEdgeDecoration:s}=e.useContext(Xy),c=e.useContext(Uy),d=a(c.index),u=void 0!==d&&c.index===o&&s,p=void 0!==d?l(c.index):void 0;return i.default.createElement(gw,{$stickyRightOffset:d,$stickyZIndex:p,$showStickyEdgeDecoration:u},i.default.createElement(Mw,null,i.default.createElement($w,null,r),t&&i.default.createElement(Aw,null,i.default.createElement($s,{width:"20px"}))))},exports.DataTable2Column=({className:t,sticky:r,isResizable:a,width:o,minWidth:l=32,maxWidth:s=1/0,children:c,onWidthChange:d})=>{const{isSmallLayout:u,setColumnWidth:p}=e.useContext(Wy),{registerColumnSticky:f,getStickyRightOffset:m,rightStickyColumnIndex:h,getRightStickyZIndexHead:g}=e.useContext(Jy),{showStickyRightEdgeDecoration:b}=e.useContext(Xy),v=e.useContext(Uy),[x,y]=e.useState(!1);e.useEffect((()=>(f(v.index,"right"===r?"right":void 0),()=>{f(v.index,void 0)})),[r,v.index,f]);const w=m(v.index),C=void 0!==w&&v.index===h&&b,E=void 0!==w?g(v.index):void 0,I=e.useRef(null),k=e.useRef(null),M=e.useRef(0),A=e.useRef(0),$=e.useCallback((e=>{y(!0),k.current&&null===I.current&&(I.current=e.pointerId,A.current=o||k.current.clientWidth,M.current=e.clientX)}),[o]),S=e.useCallback((e=>{if(!d)return;if(I.current!==e.pointerId)return;e.cancelable&&e.preventDefault();const t=e.clientX-M.current,n=((e,t,n)=>Math.min(Math.max(e,t),n))(A.current+t,l,s);d(n),p(v.index,n)}),[d,l,s,p,v.index]),D=e.useCallback((()=>{y(!1),I.current=null}),[]);return e.useEffect((()=>{if(x)return document.addEventListener("pointermove",S),document.addEventListener("pointerup",D),()=>{document.removeEventListener("pointermove",S),document.removeEventListener("pointerup",D)}}),[x,S,D]),i.default.createElement(hw,{ref:k,className:t,"data-dragging":x,$stickyRightOffset:w,$stickyZIndex:E,$showStickyEdgeDecoration:C,style:{minWidth:isFinite(l)&&l<=s?l:void 0,maxWidth:isFinite(l)&&l<=s?s:void 0}},i.default.createElement(bw,{isSmallLayout:u},c,a&&i.default.createElement(vw,{type:"button","aria-label":"resize the column",onPointerDown:$}),x&&n.createPortal(i.default.createElement(xw,{"data-min":o&&l>=o,"data-max":o&&s<=o}),document.body)))},exports.DataTable2ColumnLabel=({showSortButton:t,sortButtonDirection:n,onSortChange:r,children:a})=>{const o=e.useMemo((()=>"asc"===n?"desc":"desc"!==n?"asc":void 0),[n]),l=e.useCallback((()=>{null==r||r(o)}),[r,o]);return i.default.createElement(yw,null,a,t&&i.default.createElement(ww,{type:"button","aria-label":"sort the column","data-sort-direction":n,onClick:l},i.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18"},i.default.createElement("path",{d:"M8.17 3.25a1 1 0 0 1 1.3-.33c.15.08.27.19.36.33l2.13 3.2c.1.15.16.33.17.51 0 .18-.03.36-.12.52s-.21.29-.37.39a1 1 0 0 1-.51.14H6.87a1 1 0 0 1-.83-1.56z"}),i.default.createElement("path",{d:"M9.83 14.75a1 1 0 0 1-1.3.33.95.95 0 0 1-.36-.33l-2.13-3.2c-.1-.15-.16-.33-.17-.51 0-.18.03-.36.12-.52s.21-.29.37-.39a1 1 0 0 1 .51-.14h4.26a1 1 0 0 1 .83 1.56z"}))))},exports.DataTable2Head=({children:t})=>{const{hasRowControls:n,columns:r}=e.useContext(Wy),a=e.useMemo((()=>e.Children.toArray(t).map(((e,t)=>{const n=r[t];return{id:n.id,index:t,order:n.order,visible:n.visible,child:e}})).filter((e=>void 0!==e.id))),[t,r]),o=e.useMemo((()=>a.sort(((e,t)=>e.order-t.order)).filter((e=>e.visible))),[a]);return i.default.createElement(i.default.Fragment,null,i.default.createElement("colgroup",null,n&&i.default.createElement("col",{style:{width:34}}),o.map((({id:t,child:n})=>e.isValidElement(n)?i.default.createElement("col",{key:t,style:{width:n.props.width}}):null))),i.default.createElement(mw,null,i.default.createElement("tr",null,n&&i.default.createElement(Iw,{"aria-label":"empty cell"}),o.map((({id:e,index:t,child:n})=>i.default.createElement(Uy.Provider,{key:e,value:{index:t}},n))))))},exports.DataTable2InlineEditor=({label:t,value:n,children:r,onChange:a})=>{const[o,l]=e.useState(n),[s,c]=e.useState(!1),d=()=>{c(!1),a(o)};return e.useEffect((()=>{l(n)}),[n]),i.default.createElement(Sw,null,r,i.default.createElement(Dw,null,i.default.createElement(ls,null,i.default.createElement(os,{width:252,trigger:i.default.createElement(Rs,{type:"button",color:"primarySubtle",size:"small",inline:!0,icon:i.default.createElement(D,{name:"pencil",color:"currentColor"})}),open:s,onOpenChange:c},i.default.createElement(ss,null,t),i.default.createElement(Xl,{value:o,onChange:e=>l(e.target.value),onEnter:d}),i.default.createElement(us,null),i.default.createElement(ps,null,i.default.createElement(Rs,{type:"button",color:"clear",size:"small",onClick:()=>{c(!1),l(n)}},"キャンセル"),i.default.createElement(Rs,{type:"button",color:"primary",size:"small",onClick:d},"適用"))))))},exports.DataTable2InlineSelectEditor=({label:t,value:n,options:r,children:a,onChange:o})=>{const[l,s]=e.useState(!1);return i.default.createElement(Sw,null,a,i.default.createElement(Dw,null,i.default.createElement(ls,null,i.default.createElement(os,{width:252,trigger:i.default.createElement(Rs,{type:"button",color:"primarySubtle",size:"small",inline:!0,icon:i.default.createElement(D,{name:"pencil",color:"currentColor"})}),open:l,onOpenChange:s},i.default.createElement(ss,null,t),r.map((e=>i.default.createElement(Ra,{key:e,closeOnChange:!0,checked:n===e,onChange:()=>o(e)},e)))))))},exports.DataTable2Row=({id:t,children:n})=>{const{isSmallLayout:r,columns:a,hasRowControls:o,checkedRows:l,setCheckedRows:s,rowSpacing:c}=e.useContext(Wy),d=e.useMemo((()=>l.includes(t)),[t,l]),u=e.useCallback((()=>{const e=l.includes(t)?l.filter((e=>e!==t)):[...l,t];s(e)}),[t,l,s]),p=e.useMemo((()=>e.Children.toArray(n).map(((e,t)=>{const n=a[t];return{id:n.id,index:t,order:n.order,visible:n.visible,child:e}})).filter((e=>void 0!==e.id))),[n,a]),f=e.useMemo((()=>p.sort(((e,t)=>e.order-t.order)).filter((e=>e.visible))),[p]);return i.default.createElement(Cw,{"data-highlighted":d,"data-spacing":c,isSmallLayout:r},o&&i.default.createElement(Ew,null,i.default.createElement(kw,null,i.default.createElement(fm,{checked:d,"aria-label":"この行を選択",onChange:u}),i.default.createElement("input",{type:"checkbox","aria-label":"この行を選択"}))),f.map((({id:e,index:t,child:n})=>i.default.createElement(Uy.Provider,{key:e,value:{index:t}},n))))},exports.DateField=xC,exports.DateField2=DC,exports.DatePicker=Qu,exports.DateRangeField=EC,exports.DateRangeField2=RC,exports.DateRangePicker=NC,exports.Divider=Ym,exports.Drawer=({isOpen:t,direction:n,onClose:r,size:a="40vw",resizable:o=!1,minSize:l="20vw",maxSize:s="90vw",onResize:c,stickyHeader:d,stickyFooter:u,confirmOnClose:p,allowBackgroundScroll:f=!1,children:m})=>{const h=300,g=zC(a,n),b=zC(l,n),v=zC(s,n),x=Math.min(b,v),y=Math.max(b,v),w=Math.max(x,Math.min(g,y));"production"!==process.env.NODE_ENV&&(b>v&&console.warn(`Drawer: minSize (${b}px) が maxSize (${v}px) より大きいです。自動補正します。`),(g<x||g>y)&&console.warn(`Drawer: size (${g}px) が min/max の範囲外です。自動補正します。`));const[C,E]=e.useState(!1),[I,k]=e.useState(!1),[M,A]=e.useState(w),$=e.useRef(!1),S=e.useRef(0),D=e.useRef(0),L=e.useRef(!1),[O,V]=e.useState(!1),[R,H]=e.useState(null),[N,z]=e.useState(!1),T=i.default.useMemo((()=>{if(!p)return null;const e="string"==typeof p?{message:p}:p;return{title:e.title||"確認",message:e.message||"変更内容が保存されていません。閉じてもよろしいですか？",confirmText:e.confirmText||"変更を破棄して閉じる",cancelText:e.cancelText||"編集を続ける",buttonColor:e.buttonColor||"danger"}}),[p]);e.useEffect((()=>{const e=zC(a,n),t=zC(l,n),r=zC(s,n),i=Math.min(t,r),o=Math.max(t,r),c=Math.max(i,Math.min(e,o));"production"!==process.env.NODE_ENV&&(t>r&&console.warn(`Drawer: minSize (${t}px) が maxSize (${r}px) より大きいです。自動補正します。`),(e<i||e>o)&&console.warn(`Drawer: size (${e}px) が min/max の範囲外です。自動補正します。`)),A(c)}),[a,l,s,n]),e.useEffect((()=>{if(t){E(!0);const e=setTimeout((()=>{k(!0)}),16);return()=>clearTimeout(e)}if(C){k(!1);const e=setTimeout((()=>{E(!1)}),h);return()=>clearTimeout(e)}}),[t,C]),e.useEffect((()=>{if(!f&&t){const e=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=e}}}),[t,f]);const Z=e.useCallback((e=>{if(!$.current)return;const t="left"===n||"right"===n;let r;if(e instanceof TouchEvent){const n=e.touches[0]||e.changedTouches[0];r=t?n.clientX:n.clientY}else r=t?e.clientX:e.clientY;let a=r-S.current;"right"===n&&(a=-a),"bottom"===n&&(a=-a);let i=D.current+a;i=Math.max(x,Math.min(y,i)),A(i),null==c||c(i)}),[n,x,y,c]),B=e.useCallback((()=>{$.current=!1,document.body.style.userSelect="",document.body.style.cursor="",L.current=!0,setTimeout((()=>{L.current=!1}),100)}),[]),P=e.useCallback((e=>{if(!o)return;e.preventDefault(),e.stopPropagation(),$.current=!0;const t="left"===n||"right"===n;let r;r="touches"in e&&e.touches.length>0?t?e.touches[0].clientX:e.touches[0].clientY:"changedTouches"in e&&e.changedTouches.length>0?t?e.changedTouches[0].clientX:e.changedTouches[0].clientY:t?e.clientX:e.clientY,S.current=r,D.current=M,document.body.style.userSelect="none",document.body.style.cursor=t?"ew-resize":"ns-resize"}),[o,n,M]),_=e.useCallback((e=>{P(e),z(!0)}),[P]),F=e.useCallback((()=>{z(!1)}),[]),G=e.useCallback((()=>{z(!1)}),[]);e.useEffect((()=>{if(!o)return;const e=e=>{$.current&&Z(e)},t=()=>{$.current&&B()},n=e=>{$.current&&Z(e)},r=()=>{$.current&&B()};return window.addEventListener("mousemove",e),window.addEventListener("mouseup",t),window.addEventListener("touchmove",n),window.addEventListener("touchend",r),()=>{window.removeEventListener("mousemove",e),window.removeEventListener("mouseup",t),window.removeEventListener("touchmove",n),window.removeEventListener("touchend",r)}}),[o,Z,B]);const Y=e.useCallback((e=>{T?(H(e),V(!0)):null==r||r(e)}),[T,r]);e.useEffect((()=>{const e=e=>{"Escape"===e.key&&t&&!O&&Y("escapeKey")};return t&&window.addEventListener("keydown",e),()=>{window.removeEventListener("keydown",e)}}),[t,O,Y]);return C?i.default.createElement(i.default.Fragment,null,T&&i.default.createElement(Tm,{isOpen:O,title:T.title,confirmText:T.confirmText,cancelText:T.cancelText,buttonColor:T.buttonColor,onConfirm:()=>{V(!1),R&&r&&r(R),H(null)},onClose:()=>(V(!1),void H(null))},T.message),i.default.createElement(Nm,null,f?i.default.createElement(ZC,{direction:n,currentSize:M,shouldShow:I,transitionDuration:h},o&&i.default.createElement(PC,{direction:n,"data-testid":"resize-bar",active:N}),o&&i.default.createElement(BC,{direction:n,"data-testid":"resize-handle",onMouseDown:P,onTouchStart:_,onTouchEnd:F,onTouchCancel:G,onMouseEnter:()=>z(!0),onMouseLeave:()=>z(!1)}),d&&i.default.createElement(_C,null,d),i.default.createElement(FC,null,m),u&&i.default.createElement(GC,null,u)):i.default.createElement(TC,{shouldShow:I,transitionDuration:h,onClick:e=>{$.current||L.current||e.target===e.currentTarget&&Y("backdropClick")}},i.default.createElement(ZC,{direction:n,currentSize:M,shouldShow:I,transitionDuration:h},o&&i.default.createElement(PC,{direction:n,"data-testid":"resize-bar",active:N}),o&&i.default.createElement(BC,{direction:n,"data-testid":"resize-handle",onMouseDown:P,onTouchStart:_,onTouchEnd:F,onTouchCancel:G,onMouseEnter:()=>z(!0),onMouseLeave:()=>z(!1)}),d&&i.default.createElement(_C,null,d),i.default.createElement(FC,null,m),u&&i.default.createElement(GC,null,u))))):null},exports.DropdownButton=({size:e="medium",color:t="primary",onClick:n,split:r=!1,contents:a=[],disabled:o=!1,children:l,icon:s,selectedValue:c,menuWidth:d=200,loading:u=!1,toggleAriaLabel:p="メニューを開く"})=>{const f=k(),m=!!u,h="string"==typeof u?u:u?"Loading...":void 0,g=((e,t)=>e?f.palette.text.disabled:"primary"===t?f.palette.white:f.palette.black)(o||m,t),b=i.useMemo((()=>({small:"16px",medium:"18px",large:"20px"}[e])),[e]),v=void 0!==c?c:l,x=i.useMemo((()=>i.createElement(D,{name:"arrow_bottom",size:YC[e].arrowIconSize,color:g})),[e,g]),y=i.useMemo((()=>m?i.createElement($s,{width:b}):null),[m,b]),w=!!s,C=!!v,E=m?w?y:void 0:s,I=m?!w&&C||w&&C?h:void 0:v,M=m?w?y:void 0:s,A=(()=>{if(m&&(!w||C))return C?h:void 0})(),$=r?i.createElement(jC,null,i.createElement(WC,{size:e,color:t,inline:!0,disabled:o||m,icon:E,onClick:n},I),i.createElement(XC,{size:e,color:t,inline:!0,disabled:o||m,"data-testid":"menu-toggle","aria-label":p},x)):i.createElement(JC,{size:e,color:t,disabled:o||m,"data-testid":"menu-toggle",icon:M,"aria-label":C?void 0:p},i.createElement(UC,null,m?A?i.createElement(i.Fragment,null,"string"==typeof A?i.createElement(vs,null,A):A,i.createElement(QC,null,i.createElement(ws,{pr:.5}),x)):i.createElement(QC,null,i.createElement(ws,{pr:.5}),x):i.createElement(i.Fragment,null,v&&i.createElement(vs,null,v),i.createElement(QC,null,i.createElement(ws,{pr:.5}),x))));return i.createElement(ls,null,i.createElement(os,{trigger:$,width:d},a.map(((e,t)=>i.createElement(i.Fragment,{key:`${t}-${e.text}`},e.divideTop&&i.createElement(us,null),(e=>"heading"===e.type?i.createElement(ss,null,e.text):"helpText"===e.type?i.createElement(ds,{prepend:e.prepend},e.text):void 0!==e.checked?i.createElement(Ra,{closeOnChange:!0,checked:e.checked,color:e.color,disabled:e.disabled,prepend:e.icon,onChange:e.onChange},e.text):i.createElement(Be,{closeOnClick:!0,color:e.color,disabled:e.disabled,prepend:e.icon,onClick:e.onClick},e.text))(e))))))},exports.DualListBox=hE,exports.DualListBox2=pI,exports.DualListBox2Accordion=lI,exports.DualListBox2Item=QE,exports.DualListBox2Section=aI,exports.ErrorText=Au,exports.Fade=eu,exports.FileUploader=hI,exports.FilterComboBox=({values:t,options:n,selectedIndex:r,selectOptions:a,onChange:o,onSelectChange:l,size:s="medium",variant:c="dark",tagVariant:d,searchPlaceholder:u="検索",noResultsMessage:p="見つかりませんでした",disabled:f=!1,applyButtonText:m="適用",cancelButtonText:h="キャンセル",error:g=!1,placement:b,middleware:v})=>{const[x,y]=e.useState(""),[w,C]=e.useState(!1),[E,I]=e.useState(t),[k,M]=e.useState(!1),A=e.useMemo((()=>d||("light"===c?"dark":"light")),[c,d]),[$,S]=e.useState(!1),L=e.useRef(null),O=e.useCallback((()=>{L.current&&S(L.current.clientWidth<L.current.scrollWidth)}),[]),V=e.useCallback((e=>{const t=e.trim();if(!t)return n.map((e=>Array.isArray(e)?e:[e]));const r=t.includes(","),a=t.startsWith('"')&&t.endsWith('"'),i=Yc(t);return n.filter((e=>{if(!Array.isArray(e)){const n=e.toLowerCase();return a?i.some((e=>n===e.toLowerCase())):r?i.some((e=>n.includes(e.toLowerCase()))):n.includes(t.toLowerCase())}return a?e.some((e=>i.some((t=>e.toLowerCase()===t.toLowerCase())))):r?e.some((e=>i.some((t=>e.toLowerCase().includes(t.toLowerCase()))))):e.some((e=>e.toLowerCase().includes(t.toLowerCase())))})).map((e=>Array.isArray(e)?e:[e]))}),[n]),R=e.useMemo((()=>V(x)),[x,V]),H=e.useCallback((e=>{E.includes(e)?I(E.filter((t=>t!==e))):I([...E,e])}),[E]),N=e.useCallback((()=>{if(w)return;if(!x.trim())return;const e=V(x);1===e.length&&(H(e[0][0]),y(""))}),[w,x,V,H]),z=e.useCallback((e=>{y(e.target.value)}),[y]),T=e.useRef(null),Z=e.useCallback((e=>{var t;e.stopPropagation(),y(""),null===(t=T.current)||void 0===t||t.focus()}),[]),B=e.useCallback((e=>{e.key}),[]),P=e.useCallback((e=>{const n=t.filter((t=>t!==e));o(n),I(n)}),[t,o]),_=e.useCallback((e=>{M(e),e&&I(t),y("")}),[t]),F=e.useCallback((()=>{o(E),M(!1)}),[o,E]),G=e.useCallback((()=>{I(t),M(!1)}),[t]),Y=e.useCallback((()=>{const e=R.map((e=>e[0])),t=[...new Set([...E,...e])];I(t)}),[R,E]),j=e.useCallback((()=>{I([])}),[]),W=e.useMemo((()=>i.default.createElement(OI,null,i.default.createElement(VI,null,i.default.createElement(LI,{ref:T,autoFocus:!0,value:x,placeholder:u,onChange:z,onKeyDown:B,onCompositionStart:()=>C(!0),onCompositionEnd:()=>C(!1),onEnter:N}),x&&i.default.createElement(RI,{type:"button","aria-label":"検索をリセット",onClick:Z},i.default.createElement(D,{name:"close_circle",type:"fill",color:"currentColor"}))),i.default.createElement(HI,null,i.default.createElement(au,{content:"すべて選択",positionPriority:["top"],offset:[0,8],disabled:0===R.length},i.default.createElement(Rs,{icon:i.default.createElement(D,{name:"check_thin",color:"currentColor"}),size:"small",color:"secondaryDark",disabled:0===R.length,onClick:Y})),i.default.createElement(au,{content:"すべてクリア",positionPriority:["top"],offset:[0,8],disabled:0===R.length},i.default.createElement(Rs,{icon:i.default.createElement(D,{name:"close",color:"currentColor"}),size:"small",color:"secondaryDark",disabled:0===R.length,onClick:j}))))),[x,u,z,B,N,Y,j,Z,R]),X=e.useMemo((()=>i.default.createElement(ps,null,i.default.createElement(Rs,{size:"small",color:"clear",onClick:G},h),i.default.createElement(Rs,{size:"small",onClick:F},m))),[G,F,m,h]);return e.useEffect((()=>{if(!window.ResizeObserver)return;if(!L.current)return;const e=new window.ResizeObserver((()=>{L.current&&O()}));return e.observe(L.current),O(),()=>{e.disconnect()}}),[O]),i.default.createElement(kI,{variant:c,size:s,selectedIndex:r,selectOptions:a,disabled:f,error:g,isOpen:k,onSelectChange:l},i.default.createElement(AI,{$variant:c,$size:s,"data-overflowing":$},i.default.createElement(ls,null,i.default.createElement(os,{open:k&&!f,trigger:i.default.createElement(SI,{type:"button",$variant:c,$size:s,disabled:f,"aria-label":"タグを追加",onClick:()=>{f||M(!k)}},i.default.createElement(DI,null,i.default.createElement(D,{name:"arrow_down",color:"currentColor"}))),stickyHeader:W,stickyFooter:X,noResultsMessage:p,placement:b,middleware:v,onOpenChange:e=>!f&&_(e)},R.length>0?R.map((e=>i.default.createElement(Ra,{key:e[0],checked:E.includes(e[0]),closeOnChange:!1,onChange:()=>H(e[0])},e[0]))):i.default.createElement(Ul,{message:p}))),i.default.createElement($I,{ref:L},t.map((e=>i.default.createElement(II,{key:e,label:e,size:s,variant:A,onRemove:()=>P(e)}))))))},exports.FilterPositionCalculator=ip,exports.FilterSelectInput=({value:t,options:n,selectedIndex:r,selectOptions:a,onChange:o,onSelectChange:l,size:s="medium",variant:c="dark",searchPlaceholder:d="絞り込む",noResultsMessage:u="見つかりませんでした",disabled:p=!1,error:f=!1,placement:m,middleware:h})=>{const[g,b]=e.useState(0),[v,x]=e.useState(""),[y,w]=e.useState(""),[C,E]=e.useState(!1),[I,k]=e.useState(!1),M=e.useRef(null);e.useEffect((()=>{if(!window.ResizeObserver)return;if(!M.current)return;const e=new window.ResizeObserver((()=>{M.current&&b(M.current.offsetWidth)}));return e.observe(M.current),()=>{e.disconnect()}}),[]);const A=e.useMemo((()=>{const e=y.trim();return""===e?n:n.filter((t=>t.toLowerCase().includes(e.toLowerCase())))}),[n,y]),$=e.useCallback((e=>{x(e.target.value),C||w(e.target.value)}),[C]),S=e.useCallback((e=>{e.stopPropagation(),x(""),w("")}),[]),L=e.useCallback((e=>{"Enter"!==e.key||w(v)}),[v]),O=e.useCallback((e=>{k(e),e||(x(""),w(""))}),[]),V=e.useCallback((e=>{o(e),k(!1)}),[o]),R=e.useCallback((()=>{p||k(!I)}),[p,I]),H=e.useCallback((e=>{p||O(e)}),[p,O]),N=e.useMemo((()=>i.default.createElement(FI,null,i.default.createElement(PI,{autoFocus:!0,value:v,placeholder:d,disabled:p,onChange:$,onKeyDown:L,onCompositionStart:()=>E(!0),onCompositionEnd:()=>E(!1)}),v&&i.default.createElement(GI,{type:"button","aria-label":"検索をリセット",onClick:S},i.default.createElement(D,{name:"close_circle",type:"fill",color:"currentColor"})))),[v,d,p,$,L,S]);return i.default.createElement(kI,{variant:c,size:s,selectedIndex:r,selectOptions:a,disabled:p,error:f,isOpen:I,onSelectChange:l},i.default.createElement(NI,{ref:M},i.default.createElement(ls,null,i.default.createElement(os,{open:I&&!p,minWidth:g,trigger:i.default.createElement(zI,{type:"button",$size:s,$variant:c,disabled:p,onClick:R},i.default.createElement(ZI,{$size:s},t),i.default.createElement(BI,null,i.default.createElement(D,{name:"arrow_down",color:"currentColor"}))),stickyHeader:N,placement:m,middleware:h,onOpenChange:H},A.length>0?A.map((e=>i.default.createElement(Ra,{key:e,checked:e===t,disabled:p,onChange:()=>V(e)},e))):i.default.createElement(Ul,{message:u})))))},exports.FilterTagInput=({title:t,values:n,selectedIndex:r,selectOptions:a,onChange:o,onSelectChange:l,size:s="medium",variant:c="dark",tagVariant:d,menuIconSize:u=22,disabled:p=!1,error:f=!1})=>{const{isSmall:m}=e.useContext(EI),[h,g]=e.useState(""),[b,v]=e.useState(!1),[x,y]=e.useState(!1),[w,C]=e.useState(!1),[E,I]=e.useState(!1),k=e.useRef(null),M=e.useMemo((()=>d||("light"===c?"dark":"light")),[c,d]),A=e.useRef(null),$=e.useRef(null),S=e.useCallback((()=>{A.current&&v(A.current.clientWidth<A.current.scrollWidth)}),[v]),L=e.useCallback((()=>{if(!A.current||!k.current)return;const e=k.current.getBoundingClientRect(),t=A.current.getBoundingClientRect(),n=Number(window.getComputedStyle(A.current).paddingRight.replace("px",""));return t.right-n-e.left}),[]),O=e.useCallback((e=>{const t=e.trim();""!==t?n.includes(t)?g(""):(o([...n,t],r),g(""),requestAnimationFrame((()=>{S(),L()}))):g("")}),[n,o,r,S,L]),V=e.useCallback((e=>{if(!x&&e.target instanceof HTMLInputElement)return"Backspace"===e.key&&0===e.target.selectionStart?(o(n.slice(0,-1),r),void requestAnimationFrame((()=>{S(),L()}))):void("Enter"===e.key&&O(e.target.value))}),[x,o,n,r,S,L,O]),R=e.useCallback((e=>{const t=[...n];t.splice(e,1),o(t,r),requestAnimationFrame((()=>{S(),L()}))}),[n,o,r]),H=e.useCallback(((e,t)=>{o(e,t),l(t),requestAnimationFrame((()=>{S(),L()}))}),[o,l]),N=e.useCallback((e=>{g(e.target.value)}),[]),z=e.useCallback((()=>{y(!0)}),[]),T=e.useCallback((()=>{y(!1)}),[]),Z=e.useCallback((()=>{C(!0)}),[]),B=e.useCallback((()=>{C(!1)}),[]),P=e.useCallback((()=>{p||I(!0)}),[p]),_=e.useCallback((()=>{I(!1)}),[]),F=e.useCallback((()=>{_(),O(h)}),[_,h,O]);e.useEffect((()=>{if(!window.ResizeObserver)return;if(!A.current)return;const e=new window.ResizeObserver((()=>{A.current&&(S(),L())}));return e.observe(A.current),()=>{e.disconnect()}}),[S,L]);const G=e.useMemo((()=>n.map(((e,t)=>i.default.createElement(II,{key:e,size:s,variant:M,label:e,onRemove:()=>R(t)})))),[n,s,M,R]),Y={small:18,medium:20,large:22}[s];return i.default.createElement(i.default.Fragment,null,i.default.createElement(kI,{variant:c,size:s,selectedIndex:r,selectOptions:a,disabled:p,error:f,isOpen:E,onSelectChange:l},i.default.createElement(YI,{ref:A,$size:s,$variant:c},i.default.createElement(jI,{ref:$},G,i.default.createElement(JI,null,i.default.createElement("input",{ref:k,"aria-label":"フィルターする値",disabled:p,type:"text",value:h,enterKeyHint:"enter",onChange:N,onCompositionEnd:T,onCompositionStart:z,onFocus:P,onKeyDown:V,onBlur:F})))),i.default.createElement(XI,{$size:s,$variant:c,"aria-label":"フィルター入力パネルを開く","data-overflowing":b,type:"button",disabled:p,onClick:Z},i.default.createElement(D,{name:m?"filter":"expand_diagonal_s_fill",color:"currentColor",size:Y}))),i.default.createElement(pk,{isOpen:w,menuIconSize:u,selectOptions:a,selectedIndex:r,title:t,values:n,onApply:H,onClose:B}))},exports.FixedPanel=mk,exports.Flex=V,exports.FloatingTip=vk,exports.FullSizeConfirmModal=Ak,exports.Grow=e=>{var{timeout:t=300,children:n}=e,r=s(e,["timeout","children"]);const a=i.useRef(null);return i.createElement(Sk,Object.assign({nodeRef:a,appear:!0,mountOnEnter:!0,timeout:t,classNames:$k},r),i.createElement("div",{ref:a},n))},exports.Icon=D,exports.IconText=e=>{var{icon:t,size:n="medium",pos:r="prepend",prependIcon:a,appendIcon:o,color:l,iconColor:c,textColor:d,children:u}=e,p=s(e,["icon","size","pos","prependIcon","appendIcon","color","iconColor","textColor","children"]);const f=k(),m=!!p.href,h=null!=d?d:m?f.palette.primary.base:null!=l?l:f.palette.black,g=null!=c?c:m?f.palette.primary.base:null!=l?l:f.palette.black;let b,v;return null!=a||null!=o?(b=a,v=o):"append"===r?(b=void 0,v=t):(b=t,v=void 0),i.default.createElement(Ok,Object.assign({as:m?"a":"span",$size:n,$isLink:m},p),null!=b&&Vk(b,n,g),i.default.createElement(Lk,{$color:h},u),null!=v&&Vk(v,n,g))},exports.Input=jl,exports.ItemEmpty=Hy,exports.LoadingBar=Nk,exports.LocaleProvider=({locale:e,children:t})=>i.createElement(Xu.Provider,{value:{locale:e}},t),exports.Menu=Um,exports.MenuList=Wm,exports.Modal=zm,exports.MultipleFilter=bM,exports.NUMBER_OPERATORS=fp,exports.NavigationRail=bA,exports.NavigationRailContext=$M,exports.NotificationBadge=NM,exports.PRESET_OPERATORS=gp,exports.Pager=Dy,exports.Popover=Jm,exports.Portal=Nm,exports.RadioButton=my,exports.RadioCard=vA,exports.Radius=8,exports.SELECT2_SIZES=iu,exports.SELECTION_OPERATORS=hp,exports.ScrollArea=yA,exports.Select=Ux,exports.Select2=Cu,exports.Select2Option=Eu,exports.Select2OptionGroup=Iu,exports.Select2Separator=ku,exports.Shadow=m,exports.Slide=e=>{var{timeout:t=300,children:n,direction:r="down"}=e,a=s(e,["timeout","children","direction"]);const o=i.useRef(null);return i.createElement(XA,Object.assign({nodeRef:o,appear:!0,timeout:t,direction:r,classNames:WA},a),i.createElement("div",{ref:o},n))},exports.Slider=_A,exports.SliderField=YA,exports.Snackbar=qA,exports.Space=8,exports.Spacer=ws,exports.Spinner=$s,exports.SplitAnnotation=t$,exports.Switch=p$,exports.TEXT_OPERATORS=pp,exports.Table=E$,exports.Tabs=L$,exports.Tag=ie,exports.TextField=eM,exports.ThemeProvider=({children:e,theme:n})=>i.createElement(t.ThemeContext.Provider,{value:n},e),exports.TimeField=H$,exports.TimeField2=N$,exports.Toast=IS,exports.ToggleButton=OS,exports.Tooltip=au,exports.Typography=X,exports.WeekTime=FS,exports.WeekTimeSelector=jS,exports.applyFilter=wp,exports.applyMultipleFilters=(e,t)=>t.reduce(((e,t)=>wp(e,t.field,t.operator,t.values)),e),exports.applyOperatorToValue=yp,exports.breakpointPrimitives=h,exports.buildFilterSlots=Oe,exports.changeOperatorLabel=(e,t)=>Object.assign(Object.assign({},e),{label:t}),exports.changeValueLabel=(e,t)=>Object.assign(Object.assign({},e),{label:t}),exports.clamp=SA,exports.colors=c,exports.combineOperators=(...e)=>e.flat(),exports.combineValues=(...e)=>e.flat(),exports.createOperator=(e,t)=>({value:e,label:t}),exports.createTheme=E,exports.createValue=(e,t)=>({value:e,label:t}),exports.defaultTheme=I,exports.enUS=Wu,exports.evaluateFilterConditions=(e,t,n,r)=>{const a=n.filter((e=>e.values&&e.values.length>0));return 0!==a.length&&a.every((n=>{var a;const{conditionKey:i,operator:o,values:l}=n,s=null==r?void 0:r[t],c=null===(a=null==s?void 0:s.multiConditionConfigs)||void 0===a?void 0:a.find((e=>e.conditionKey===i)),d=((e,t,n,r)=>{const a=e[r||`${t}Attr`];if(a&&"object"==typeof a&&n in a)return a[n]})(e,t,i,null==c?void 0:c.valueSource);return(null==c?void 0:c.customOperator)?c.customOperator(l,o,d):yp(d,o,l)}))},exports.fontSize=G,exports.generateTagText=xe,exports.generateTagTitle=e=>{if(e.conditions&&e.conditions.length>0)return ve(e);const{typeLabel:t,operatorLabel:n,valueLabels:r,isRange:a}=e,i=`が${n}`,o=be(r,a,"\n");return o?`${t} ${i}\n${o}`:`${t} ${i}`},exports.getAvailableTypes=ye,exports.getClampedValue=DA,exports.getConfiguredFilters=e=>e.filter(Le),exports.getFilterTypeLabel=we,exports.getFilteredItems=Ly,exports.getKeyboardValue=RA,exports.getLabelsForValues=(e,t)=>t.map((t=>{const n=e.find((e=>e.value===t));return(null==n?void 0:n.label)||t})),exports.getNearestThumbIndex=VA,exports.getPercentage=LA,exports.getPresetOperators=bp,exports.getPresetOperatorsWithLabels=(e,t)=>{const n=bp(e);return vp(n,t)},exports.getPresetSlotId=De,exports.getResponsiveFontSizeCss=F,exports.getTagBoldText=Ce,exports.getValueFromPosition=OA,exports.getValueLabels=e=>e.map((e=>e.label)),exports.getValueStrings=e=>e.map((e=>e.value)),exports.isConfiguredFilter=Le,exports.isCustomOperator=(e,t)=>{var n;const r=null===(n=null==t?void 0:t.operators)||void 0===n?void 0:n.find((t=>t.value===e));return(null==r?void 0:r.isCustom)||!1},exports.isRangeOperator=(e,t)=>{if(!t)return!1;const n=t.operators.find((t=>t.value===e));return(null==n?void 0:n.isRange)||!1},exports.isResponsiveObject=_,exports.isValidFilterConfig=e=>!!(e.operator.length>0&&e.operatorLabel.length>0&&e.values.length>0&&e.valueLabels.length>0&&e.values.length===e.valueLabels.length)&&(!e.isRange||2===e.values.length),exports.isValidFilterType=(e,t)=>t.some((t=>t.type===e)),exports.jaJP=ju,exports.mergeValues=(...e)=>{const t=e.flat().filter(((e,t,n)=>t===n.findIndex((t=>t.value===e.value))));return t},exports.normalizeForSearch=xp,exports.overrideOperatorLabels=vp,exports.overrideValueLabels=(e,t)=>e.map((e=>Object.assign(Object.assign({},e),{label:t[e.value]||e.label}))),exports.palette=p,exports.preventScroll=zA,exports.preventTextSelection=HA,exports.resolveFontWeight=W,exports.restoreTextSelection=NA,exports.selectOperators=(e,t)=>t.map((t=>e.find((e=>e.value===t)))).filter((e=>void 0!==e)),exports.selectOperatorsByIndex=(e,t)=>t.map((t=>e[t])).filter((e=>void 0!==e)),exports.selectValues=(e,t)=>t.map((t=>e.find((e=>e.value===t)))).filter((e=>void 0!==e)),exports.selectValuesByIndex=(e,t)=>t.map((t=>e[t])).filter((e=>void 0!==e)),exports.sortValues=(e,t="label")=>[...e].sort(((e,n)=>e[t].localeCompare(n[t]))),exports.toGroupedItems=e=>e.reduce(((e,t)=>{const n=e.find((e=>e.groupName===t.groupName));return n?n.items.push(t):e.push({groupName:t.groupName,items:[t]}),e}),[]),exports.trimVertical=v,exports.useAdvancedFilterState=ap,exports.useContextMenu2Anchor=()=>{const[t,n]=e.useState({x:0,y:0});return{position:t,setPosition:n}},exports.useFilterMenuPosition=op,exports.useFilterState=Oy,exports.useNavigationRail=AM,exports.useSlider=TA,exports.useSliderScale=ZA,exports.useTheme=k,exports.zhCN={components:{ConfirmModal:{defaultProps:{confirmText:"确认",cancelText:"取消"}},FullSizeConfirmModal:{defaultProps:{confirmText:"确认",cancelText:"取消"}},FileUploader:{defaultProps:{title:"把文件拖入, 同样支持点击上传。"}},ItemEmpty:{defaultProps:{title:"未找到。"}}}};
|
|
5274
5365
|
//# sourceMappingURL=index.js.map
|