ingred-ui 33.5.1 → 33.6.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/Tabs/Tabs.d.ts +3 -1
- package/dist/components/Tabs/internal/Tab.d.ts +2 -0
- package/dist/components/Tabs/styled.d.ts +16 -4
- package/dist/index.es.js +189 -138
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +113 -62
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1635,7 +1635,7 @@ object-assign
|
|
|
1635
1635
|
background-color: transparent;
|
|
1636
1636
|
color: ${({theme:e})=>e.palette.neutral.lighter};
|
|
1637
1637
|
}
|
|
1638
|
-
`,Cu=e.memo((function({selected:e,value:t,selectable:n,onClickDate:r,children:a,isSaturday:i=!1,isSundayOrHoliday:l=!1,isToday:o=!1}){return c.default.createElement(vu,{isToday:o},n?c.default.createElement(yu,{type:"button",selected:e,isSaturday:i,isSundayOrHoliday:l,onClick:()=>{null==r||r(t)}},a):c.default.createElement(wu,{type:"button",isSaturday:i,isSundayOrHoliday:l},a))})),Eu=e=>(e=>{try{const t=e.year(),n=Al(t),r=e.format("YYYY/M/D");return n.some((e=>e.date===r))}catch(e){return!1}})(e),Iu=e=>e.format("YYYY-MM-DD")===ll().format("YYYY-MM-DD"),ku=(e,t)=>ll(new Date(e.year(),e.month(),t)),Mu=e=>(e=>{const t=e.day(),n=0===t,r=6===t,a=Eu(e);return{dayOfWeek:t,isSunday:n,isSaturday:r,isHoliday:a,isSundayOrHoliday:n||a}})(e),$u=(e,t)=>!t(e),Au=e=>Array.from(new Array(e.daysInMonth()),((e,t)=>t+1)),Su=(e,t=0)=>(e.startOf("month").day()-t+7)%7,Vu=({date:e,weekList:t,weekStart:n=0,monthFormat:r,current:a,isOutsideRange:i,onDateChange:l,onPreviousMonth:o,onNextMonth:s})=>c.default.createElement(Ud,null,c.default.createElement(nu,null,c.default.createElement(tu,null,c.default.createElement(eu,null,c.default.createElement(Kd,{weight:"bold",size:"xl"},a.format(r))),c.default.createElement("div",{style:{display:"flex",gap:"8px"}},c.default.createElement(kl,{size:"small",color:"clear",icon:c.default.createElement(D,{name:"arrow_left",size:"md",color:"currentColor"}),type:"button","aria-label":"前の月",onClick:o}),c.default.createElement(Us,{content:"今日を選択"},c.default.createElement(kl,{size:"small",color:"clear",icon:c.default.createElement(D,{name:"calendar",size:"md",color:"currentColor"}),type:"button","aria-label":"今日を選択",onClick:()=>l(ll())})),c.default.createElement(kl,{size:"small",color:"clear",icon:c.default.createElement(D,{name:"arrow_right",size:"md",color:"currentColor"}),type:"button","aria-label":"次の月",onClick:s})))),c.default.createElement(Qd,null,null==t?void 0:t.map((e=>c.default.createElement(qd,{key:e},e))),Array.from(new Array(Su(a,n)),((e,t)=>c.default.createElement(qd,{key:`empty-${t}`}))),Au(a).map((t=>{const n=ku(a,t),r=Mu(n),o=e.format("YYYY-MM-DD")===n.format("YYYY-MM-DD"),s=$u(n,i);return c.default.createElement(Cu,{key:t,value:n,selectable:s,selected:o,isSaturday:r.isSaturday,isSundayOrHoliday:r.isSundayOrHoliday,isToday:Iu(n),onClickDate:l},t)})))),Lu=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 Ou(e){return(Math.trunc(e)%7+7)%7}function Hu(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:Ou(t.start)})}return{start:Ou(r),labels:n}}const Du=e.forwardRef((function(t,n){var{date:r,monthFormat:a="YYYY年M月",weekConfig:i,defaultPresetButton:l,presetButtons:o,onPresetButtonClick:s,showDateFields:d=!1,dateFieldFormat:u="YYYY-MM-DD",showTimeFields:f=!1,timeFieldProps:m,labelSuffix:h,isOutsideRange:g=(()=>!1),onDateChange:b}=t,v=p(t,["date","monthFormat","weekConfig","defaultPresetButton","presetButtons","onPresetButtonClick","showDateFields","dateFieldFormat","showTimeFields","timeFieldProps","labelSuffix","isOutsideRange","onDateChange"]);const[x,y]=c.default.useState(0),{currentMonth:w,goToPreviousMonth:C,goToNextMonth:E,goToMonth:I}=Lu(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((()=>d?c.default.createElement(mu,null,c.default.createElement(pu,null,c.default.createElement(gu,null,c.default.createElement(hu,null,"日付"),h),c.default.createElement(fu,null,c.default.createElement(Sy,{date:r,format:u,size:"medium",variant:"dark",onDateChange:b}),f&&c.default.createElement(
|
|
1638
|
+
`,Cu=e.memo((function({selected:e,value:t,selectable:n,onClickDate:r,children:a,isSaturday:i=!1,isSundayOrHoliday:l=!1,isToday:o=!1}){return c.default.createElement(vu,{isToday:o},n?c.default.createElement(yu,{type:"button",selected:e,isSaturday:i,isSundayOrHoliday:l,onClick:()=>{null==r||r(t)}},a):c.default.createElement(wu,{type:"button",isSaturday:i,isSundayOrHoliday:l},a))})),Eu=e=>(e=>{try{const t=e.year(),n=Al(t),r=e.format("YYYY/M/D");return n.some((e=>e.date===r))}catch(e){return!1}})(e),Iu=e=>e.format("YYYY-MM-DD")===ll().format("YYYY-MM-DD"),ku=(e,t)=>ll(new Date(e.year(),e.month(),t)),Mu=e=>(e=>{const t=e.day(),n=0===t,r=6===t,a=Eu(e);return{dayOfWeek:t,isSunday:n,isSaturday:r,isHoliday:a,isSundayOrHoliday:n||a}})(e),$u=(e,t)=>!t(e),Au=e=>Array.from(new Array(e.daysInMonth()),((e,t)=>t+1)),Su=(e,t=0)=>(e.startOf("month").day()-t+7)%7,Vu=({date:e,weekList:t,weekStart:n=0,monthFormat:r,current:a,isOutsideRange:i,onDateChange:l,onPreviousMonth:o,onNextMonth:s})=>c.default.createElement(Ud,null,c.default.createElement(nu,null,c.default.createElement(tu,null,c.default.createElement(eu,null,c.default.createElement(Kd,{weight:"bold",size:"xl"},a.format(r))),c.default.createElement("div",{style:{display:"flex",gap:"8px"}},c.default.createElement(kl,{size:"small",color:"clear",icon:c.default.createElement(D,{name:"arrow_left",size:"md",color:"currentColor"}),type:"button","aria-label":"前の月",onClick:o}),c.default.createElement(Us,{content:"今日を選択"},c.default.createElement(kl,{size:"small",color:"clear",icon:c.default.createElement(D,{name:"calendar",size:"md",color:"currentColor"}),type:"button","aria-label":"今日を選択",onClick:()=>l(ll())})),c.default.createElement(kl,{size:"small",color:"clear",icon:c.default.createElement(D,{name:"arrow_right",size:"md",color:"currentColor"}),type:"button","aria-label":"次の月",onClick:s})))),c.default.createElement(Qd,null,null==t?void 0:t.map((e=>c.default.createElement(qd,{key:e},e))),Array.from(new Array(Su(a,n)),((e,t)=>c.default.createElement(qd,{key:`empty-${t}`}))),Au(a).map((t=>{const n=ku(a,t),r=Mu(n),o=e.format("YYYY-MM-DD")===n.format("YYYY-MM-DD"),s=$u(n,i);return c.default.createElement(Cu,{key:t,value:n,selectable:s,selected:o,isSaturday:r.isSaturday,isSundayOrHoliday:r.isSundayOrHoliday,isToday:Iu(n),onClickDate:l},t)})))),Lu=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 Ou(e){return(Math.trunc(e)%7+7)%7}function Hu(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:Ou(t.start)})}return{start:Ou(r),labels:n}}const Du=e.forwardRef((function(t,n){var{date:r,monthFormat:a="YYYY年M月",weekConfig:i,defaultPresetButton:l,presetButtons:o,onPresetButtonClick:s,showDateFields:d=!1,dateFieldFormat:u="YYYY-MM-DD",showTimeFields:f=!1,timeFieldProps:m,labelSuffix:h,isOutsideRange:g=(()=>!1),onDateChange:b}=t,v=p(t,["date","monthFormat","weekConfig","defaultPresetButton","presetButtons","onPresetButtonClick","showDateFields","dateFieldFormat","showTimeFields","timeFieldProps","labelSuffix","isOutsideRange","onDateChange"]);const[x,y]=c.default.useState(0),{currentMonth:w,goToPreviousMonth:C,goToNextMonth:E,goToMonth:I}=Lu(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((()=>d?c.default.createElement(mu,null,c.default.createElement(pu,null,c.default.createElement(gu,null,c.default.createElement(hu,null,"日付"),h),c.default.createElement(fu,null,c.default.createElement(Sy,{date:r,format:u,size:"medium",variant:"dark",onDateChange:b}),f&&c.default.createElement(BM,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),[d,f,m,r,u,h,b,k]);e.useEffect((()=>{I(r)}),[r,I]);const{labels:$,start:A}=Hu({weekConfig:i,fallbackLabels:[...Hc],fallbackStart:0});return c.default.createElement(Xd,Object.assign({ref:n},v),c.default.createElement(ru,null,c.default.createElement(au,null,c.default.createElement(Jd,null,c.default.createElement(Vu,{date:r,current:w,monthFormat:a,weekList:$,weekStart:A,isOutsideRange:g,onDateChange:e=>{b(e),y((e=>e+1))},onPreviousMonth:C,onNextMonth:E})),c.default.createElement(bu,{key:x,defaultPresetButton:l,presetButtons:o,dateFields:M,onPresetButtonClick:s}))))}));var Ru=e.memo(Du);const Nu="none",zu="start",Tu="start_only",Zu="end",Bu="between",Pu="start",_u="end",Gu=(e,t,n,r)=>{const a=((e,t,n)=>{const r=ll(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=ll(new Date(t.year(),t.month(),n));return e.format("YYYY-MM-DD")===r.format("YYYY-MM-DD")})(t,n,r),l=((e,t,n,r)=>{const a=ll(new Date(n.year(),n.month(),r)),i=e.format("YYYY-MM-DD"),l=t.format("YYYY-MM-DD");return i!==l&&a.isAfter(i,"day")&&a.isBefore(l,"day")})(e,t,n,r),o=e.isSame(t,"day");switch(!0){case a&&o:return Tu;case a&&!o:return zu;case i&&!o:return Zu;case l:return Bu;default:return Nu}},Fu=d.default(su)``,ju=d.default.button`
|
|
1639
1639
|
background-color: transparent;
|
|
1640
1640
|
border: none;
|
|
1641
1641
|
height: ${({theme:e})=>4*e.spacing}px;
|
|
@@ -1719,7 +1719,7 @@ object-assign
|
|
|
1719
1719
|
background-color: transparent;
|
|
1720
1720
|
color: ${({theme:e})=>e.palette.neutral.lighter};
|
|
1721
1721
|
}
|
|
1722
|
-
`,ep=e.memo((function({state:e,value:t,selectable:n,onClickDate:r,children:a,isSaturday:i=!1,isSundayOrHoliday:l=!1,isToday:o=!1}){return c.default.createElement(Fu,{"data-state":e,isToday:o},(({state:e,value:t,selectable:n,onClickDate:r,children:a,isSaturday:i=!1,isSundayOrHoliday:l=!1})=>{const o=()=>{null==r||r(t)};if(!n)return c.default.createElement(Ku,{type:"button",isSaturday:i,isSundayOrHoliday:l},a);switch(e){case Tu:return c.default.createElement(Ju,{type:"button",isSaturday:i,isSundayOrHoliday:l,onClick:o},a);case zu:return c.default.createElement(Uu,{type:"button",isSaturday:i,isSundayOrHoliday:l,onClick:o},a);case Zu:return c.default.createElement(Qu,{type:"button",isSaturday:i,isSundayOrHoliday:l,onClick:o},a);case Bu:return c.default.createElement(qu,{type:"button",isSaturday:i,isSundayOrHoliday:l,onClick:o},a);default:return c.default.createElement(Yu,{type:"button",isSaturday:i,isSundayOrHoliday:l,onClick:o},a)}})({state:e,value:t,selectable:n,onClickDate:r,children:a,isSaturday:i,isSundayOrHoliday:l}))})),tp=({startDate:t,endDate:n,monthFormat:r,weekList:a,weekStart:i=0,current:l,isOutsideRange:o,onDatesChange:s,onPreviousMonth:d,onNextMonth:u,onTodayClick:p})=>{const[f,m]=e.useState(Pu),h=e.useCallback((e=>{if(t&&n&&!t.isSame(n,"day"))return null==s||s({startDate:e,endDate:e}),void m(_u);switch(f){case Pu:null==s||s({startDate:e,endDate:e}),m(_u);break;case _u:t&&e.isBefore(t)?null==s||s({startDate:e,endDate:t}):null==s||s({startDate:t,endDate:e}),m(Pu)}}),[f,s,n,t]);return c.default.createElement(Ud,null,c.default.createElement(nu,null,c.default.createElement(tu,null,c.default.createElement(eu,null,c.default.createElement(Kd,{weight:"bold",size:"xl"},l.format(r))),c.default.createElement("div",{style:{display:"flex",gap:"8px"}},c.default.createElement(kl,{size:"small",color:"clear",type:"button",icon:c.default.createElement(D,{name:"arrow_left",size:"md",color:"currentColor"}),"aria-label":"前の月",onClick:d}),c.default.createElement(Us,{content:"今日に戻る"},c.default.createElement(kl,{size:"small",color:"clear",type:"button",icon:c.default.createElement(D,{name:"calendar",size:"md",color:"currentColor"}),"aria-label":"今日に戻る",onClick:p})),c.default.createElement(kl,{size:"small",color:"clear",type:"button",icon:c.default.createElement(D,{name:"arrow_right",size:"md",color:"currentColor"}),"aria-label":"次の月",onClick:u})))),c.default.createElement(Qd,null,null==a?void 0:a.map((e=>c.default.createElement(qd,{key:e},e))),Array.from(new Array(Su(l,i)),((e,t)=>c.default.createElement(qd,{key:`empty-${t}`}))),Au(l).map((e=>{const r=ku(l,e),a=Mu(r),i=$u(r,o);return c.default.createElement(ep,{key:e,value:r,state:Gu(t,n,l,e),selectable:i,isSaturday:a.isSaturday,isSundayOrHoliday:a.isSundayOrHoliday,isToday:Iu(r),onClickDate:h},e)}))))},np=e.forwardRef((function(t,n){var{startDate:r,endDate:a,monthFormat:i="YYYY年M月",weekConfig:l,defaultPresetButton:o,presetButtons:s,onPresetButtonClick:d,showDateFields:u=!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=p(t,["startDate","endDate","monthFormat","weekConfig","defaultPresetButton","presetButtons","onPresetButtonClick","showDateFields","dateFieldFormat","showTimeFields","timeFieldProps","startLabelSuffix","endLabelSuffix","onApply","onCancel","applyButtonText","cancelButtonText","isOutsideRange","onDatesChange"]);const[k,M]=c.default.useState(0),{currentMonth:$,goToPreviousMonth:A,goToNextMonth:S,goToMonth:V}=Lu(r);e.useEffect((()=>{V(r)}),[r,V]);const L=e.useCallback((()=>{const e=ll();null==E||E({startDate:e,endDate:e}),V(e),M((e=>e+1))}),[E,V]),O=e.useCallback((e=>{null==E||E({startDate:e,endDate:a})}),[a,E]),H=e.useCallback((e=>{null==E||E({startDate:r,endDate:e})}),[r,E]),D=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]),R=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((()=>u?c.default.createElement(mu,null,c.default.createElement(pu,null,c.default.createElement(gu,null,c.default.createElement(hu,null,"開始日時"),g),c.default.createElement(fu,null,c.default.createElement(Sy,{date:r,format:f,size:"medium",variant:"dark",onDateChange:O}),m&&c.default.createElement(
|
|
1722
|
+
`,ep=e.memo((function({state:e,value:t,selectable:n,onClickDate:r,children:a,isSaturday:i=!1,isSundayOrHoliday:l=!1,isToday:o=!1}){return c.default.createElement(Fu,{"data-state":e,isToday:o},(({state:e,value:t,selectable:n,onClickDate:r,children:a,isSaturday:i=!1,isSundayOrHoliday:l=!1})=>{const o=()=>{null==r||r(t)};if(!n)return c.default.createElement(Ku,{type:"button",isSaturday:i,isSundayOrHoliday:l},a);switch(e){case Tu:return c.default.createElement(Ju,{type:"button",isSaturday:i,isSundayOrHoliday:l,onClick:o},a);case zu:return c.default.createElement(Uu,{type:"button",isSaturday:i,isSundayOrHoliday:l,onClick:o},a);case Zu:return c.default.createElement(Qu,{type:"button",isSaturday:i,isSundayOrHoliday:l,onClick:o},a);case Bu:return c.default.createElement(qu,{type:"button",isSaturday:i,isSundayOrHoliday:l,onClick:o},a);default:return c.default.createElement(Yu,{type:"button",isSaturday:i,isSundayOrHoliday:l,onClick:o},a)}})({state:e,value:t,selectable:n,onClickDate:r,children:a,isSaturday:i,isSundayOrHoliday:l}))})),tp=({startDate:t,endDate:n,monthFormat:r,weekList:a,weekStart:i=0,current:l,isOutsideRange:o,onDatesChange:s,onPreviousMonth:d,onNextMonth:u,onTodayClick:p})=>{const[f,m]=e.useState(Pu),h=e.useCallback((e=>{if(t&&n&&!t.isSame(n,"day"))return null==s||s({startDate:e,endDate:e}),void m(_u);switch(f){case Pu:null==s||s({startDate:e,endDate:e}),m(_u);break;case _u:t&&e.isBefore(t)?null==s||s({startDate:e,endDate:t}):null==s||s({startDate:t,endDate:e}),m(Pu)}}),[f,s,n,t]);return c.default.createElement(Ud,null,c.default.createElement(nu,null,c.default.createElement(tu,null,c.default.createElement(eu,null,c.default.createElement(Kd,{weight:"bold",size:"xl"},l.format(r))),c.default.createElement("div",{style:{display:"flex",gap:"8px"}},c.default.createElement(kl,{size:"small",color:"clear",type:"button",icon:c.default.createElement(D,{name:"arrow_left",size:"md",color:"currentColor"}),"aria-label":"前の月",onClick:d}),c.default.createElement(Us,{content:"今日に戻る"},c.default.createElement(kl,{size:"small",color:"clear",type:"button",icon:c.default.createElement(D,{name:"calendar",size:"md",color:"currentColor"}),"aria-label":"今日に戻る",onClick:p})),c.default.createElement(kl,{size:"small",color:"clear",type:"button",icon:c.default.createElement(D,{name:"arrow_right",size:"md",color:"currentColor"}),"aria-label":"次の月",onClick:u})))),c.default.createElement(Qd,null,null==a?void 0:a.map((e=>c.default.createElement(qd,{key:e},e))),Array.from(new Array(Su(l,i)),((e,t)=>c.default.createElement(qd,{key:`empty-${t}`}))),Au(l).map((e=>{const r=ku(l,e),a=Mu(r),i=$u(r,o);return c.default.createElement(ep,{key:e,value:r,state:Gu(t,n,l,e),selectable:i,isSaturday:a.isSaturday,isSundayOrHoliday:a.isSundayOrHoliday,isToday:Iu(r),onClickDate:h},e)}))))},np=e.forwardRef((function(t,n){var{startDate:r,endDate:a,monthFormat:i="YYYY年M月",weekConfig:l,defaultPresetButton:o,presetButtons:s,onPresetButtonClick:d,showDateFields:u=!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=p(t,["startDate","endDate","monthFormat","weekConfig","defaultPresetButton","presetButtons","onPresetButtonClick","showDateFields","dateFieldFormat","showTimeFields","timeFieldProps","startLabelSuffix","endLabelSuffix","onApply","onCancel","applyButtonText","cancelButtonText","isOutsideRange","onDatesChange"]);const[k,M]=c.default.useState(0),{currentMonth:$,goToPreviousMonth:A,goToNextMonth:S,goToMonth:V}=Lu(r);e.useEffect((()=>{V(r)}),[r,V]);const L=e.useCallback((()=>{const e=ll();null==E||E({startDate:e,endDate:e}),V(e),M((e=>e+1))}),[E,V]),O=e.useCallback((e=>{null==E||E({startDate:e,endDate:a})}),[a,E]),H=e.useCallback((e=>{null==E||E({startDate:r,endDate:e})}),[r,E]),D=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]),R=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((()=>u?c.default.createElement(mu,null,c.default.createElement(pu,null,c.default.createElement(gu,null,c.default.createElement(hu,null,"開始日時"),g),c.default.createElement(fu,null,c.default.createElement(Sy,{date:r,format:f,size:"medium",variant:"dark",onDateChange:O}),m&&c.default.createElement(BM,Object.assign({size:(null==h?void 0:h.size)||"medium",time:r,variant:"dark",width:(null==h?void 0:h.width)||"80px",onTimeChange:D},h)))),c.default.createElement(pu,null,c.default.createElement(gu,null,c.default.createElement(hu,null,"終了日時"),b),c.default.createElement(fu,null,c.default.createElement(Sy,{date:a,format:f,size:"medium",variant:"dark",onDateChange:H}),m&&c.default.createElement(BM,Object.assign({size:(null==h?void 0:h.size)||"medium",time:a,variant:"dark",width:(null==h?void 0:h.width)||"80px",onTimeChange:R},h))))):null),[u,m,h,r,a,f,g,b,O,H,D,R]),z=Boolean(s||N),{labels:T,start:Z}=Hu({weekConfig:l,fallbackLabels:[...Hc],fallbackStart:0}),B=z?c.default.createElement(bu,{key:k,defaultPresetButton:o,presetButtons:s,dateFields:N,onPresetButtonClick:d}):null,P=c.default.createElement(Jd,null,c.default.createElement(tp,{startDate:r,endDate:a,monthFormat:i,weekList:T,weekStart:Z,current:$,isOutsideRange:C,onDatesChange:e=>{null==E||E(e),M((e=>e+1))},onPreviousMonth:A,onNextMonth:S,onTodayClick:L}));return c.default.createElement(Xd,Object.assign({ref:n},I),c.default.createElement(ru,null,c.default.createElement(au,null,P,B,v?c.default.createElement(iu,null,c.default.createElement(rl,null,x?c.default.createElement(kl,{color:"clear",size:"small",type:"button",onClick:x},w):null,c.default.createElement(kl,{color:"primary",size:"small",type:"button",onClick:v},y))):null)))}));var rp=e.memo(np);const ap=d.default.div`
|
|
1723
1723
|
border-radius: ${({theme:e})=>e.radius}px;
|
|
1724
1724
|
background-color: ${({theme:e})=>e.palette.background.default};
|
|
1725
1725
|
width: ${({width:e})=>e||"auto"};
|
|
@@ -5164,50 +5164,101 @@ object-assign
|
|
|
5164
5164
|
background-color: ${({theme:e})=>e.palette.background.default};
|
|
5165
5165
|
`,IM=c.forwardRef((function(e,t){var{children:n}=e,r=p(e,["children"]);return c.createElement(EM,Object.assign({ref:t},r),n)}));IM.Header=bM,IM.Body=mM,IM.Row=yM,IM.Cell=gM,IM.HeaderCell=CM;const kM=d.default.div`
|
|
5166
5166
|
position: relative;
|
|
5167
|
-
`,MM=d.default.div
|
|
5168
|
-
|
|
5167
|
+
`,MM=d.default.div`
|
|
5168
|
+
${({$orientation:e})=>"vertical"===e&&t.css`
|
|
5169
|
+
display: flex;
|
|
5170
|
+
flex-direction: column;
|
|
5171
|
+
align-items: stretch;
|
|
5172
|
+
`}
|
|
5173
|
+
`,$M=d.default.div`
|
|
5174
|
+
display: flex;
|
|
5175
|
+
flex-direction: column;
|
|
5176
|
+
`,AM=d.default.div`
|
|
5177
|
+
overflow-x: auto;
|
|
5178
|
+
-webkit-overflow-scrolling: touch;
|
|
5179
|
+
`,SM=d.default.div`
|
|
5180
|
+
position: relative;
|
|
5181
|
+
display: inline-flex;
|
|
5182
|
+
flex-wrap: nowrap;
|
|
5183
|
+
align-items: stretch;
|
|
5184
|
+
`,VM=d.default.button`
|
|
5169
5185
|
flex-shrink: 0;
|
|
5170
5186
|
line-height: 1.25;
|
|
5171
|
-
max-width: 360;
|
|
5172
|
-
min-height: 48;
|
|
5173
|
-
min-width: 90;
|
|
5174
5187
|
overflow: hidden;
|
|
5175
5188
|
margin: 0;
|
|
5176
|
-
padding: 12px 16px;
|
|
5177
|
-
position: relative;
|
|
5178
|
-
text-align: center;
|
|
5179
|
-
white-space: normal;
|
|
5180
5189
|
border: none;
|
|
5181
5190
|
outline: none;
|
|
5182
5191
|
background-color: transparent;
|
|
5183
|
-
cursor: ${({selected:e})=>e?"":"pointer"};
|
|
5192
|
+
cursor: ${({selected:e})=>e?"default":"pointer"};
|
|
5193
|
+
transition: background-color 0.3s;
|
|
5184
5194
|
&:hover {
|
|
5185
|
-
background-color: ${({selected:e})=>e?"":
|
|
5186
|
-
transition: 0.5s;
|
|
5195
|
+
background-color: ${({selected:e,theme:t})=>e?"transparent":t.palette.neutral.highlight};
|
|
5187
5196
|
}
|
|
5188
|
-
|
|
5197
|
+
|
|
5198
|
+
${({$orientation:e})=>"horizontal"===e&&t.css`
|
|
5199
|
+
display: inline-flex;
|
|
5200
|
+
align-items: center;
|
|
5201
|
+
justify-content: center;
|
|
5202
|
+
padding: 12px 16px;
|
|
5203
|
+
position: relative;
|
|
5204
|
+
text-align: center;
|
|
5205
|
+
white-space: nowrap;
|
|
5206
|
+
`}
|
|
5207
|
+
|
|
5208
|
+
${({$orientation:e,selected:n,theme:r})=>"vertical"===e&&t.css`
|
|
5209
|
+
position: relative;
|
|
5210
|
+
padding: ${r.spacing}px;
|
|
5211
|
+
text-align: left;
|
|
5212
|
+
white-space: normal;
|
|
5213
|
+
border-radius: 4px;
|
|
5214
|
+
|
|
5215
|
+
${n&&t.css`
|
|
5216
|
+
&::before {
|
|
5217
|
+
content: "";
|
|
5218
|
+
position: absolute;
|
|
5219
|
+
left: 0;
|
|
5220
|
+
top: 4px;
|
|
5221
|
+
bottom: 4px;
|
|
5222
|
+
width: 2px;
|
|
5223
|
+
background-color: ${r.palette.primary.base};
|
|
5224
|
+
}
|
|
5225
|
+
`}
|
|
5226
|
+
`}
|
|
5227
|
+
`,LM=d.default.div`
|
|
5228
|
+
display: flex;
|
|
5229
|
+
align-items: center;
|
|
5230
|
+
min-height: ${Fc.small.pillHeight};
|
|
5231
|
+
|
|
5232
|
+
${({$orientation:e})=>"vertical"===e&&t.css`
|
|
5233
|
+
width: 100%;
|
|
5234
|
+
`}
|
|
5235
|
+
`,OM=d.default(q).attrs({trimVertical:!0})`
|
|
5189
5236
|
padding-right: 2px;
|
|
5190
5237
|
font-weight: normal;
|
|
5191
|
-
color: ${({selected:e
|
|
5192
|
-
`,
|
|
5238
|
+
color: ${({selected:e,theme:t})=>e?t.palette.primary.base:t.palette.text.primary};
|
|
5239
|
+
`,HM=d.default.div`
|
|
5193
5240
|
position: absolute;
|
|
5194
5241
|
top: 0;
|
|
5195
5242
|
height: 100%;
|
|
5196
|
-
|
|
5197
|
-
|
|
5198
|
-
|
|
5243
|
+
pointer-events: none;
|
|
5244
|
+
transition:
|
|
5245
|
+
left 0.3s ease-in-out,
|
|
5246
|
+
width 0.3s ease-in-out;
|
|
5247
|
+
border-bottom: ${({theme:e})=>`2px solid ${e.palette.primary.base}`};
|
|
5248
|
+
`,DM=d.default.div`
|
|
5249
|
+
flex-shrink: 0;
|
|
5199
5250
|
height: 1px;
|
|
5200
5251
|
width: 100%;
|
|
5201
5252
|
background: ${({theme:e})=>e.palette.neutral.lighter};
|
|
5202
|
-
`,
|
|
5253
|
+
`,RM=c.forwardRef((function({text:e,count:t,countMax:n,value:r,selected:a,orientation:i,onChange:l,onClick:o},s){const d=a?"primary":"secondaryDark";return c.createElement(VM,{ref:s,value:r,tabIndex:a?0:-1,role:"tab","aria-selected":a,selected:a,$orientation:i,onClick:e=>{!a&&l&&l(r),o&&o(e)}},c.createElement(LM,{$orientation:i},c.createElement(RI,{showZero:!0,layout:"inline",badgeContent:t,max:null!=n?n:99,color:d,size:"small"},c.createElement(OM,{selected:a},e))))})),NM=d.default.div`
|
|
5203
5254
|
cursor: ${({disabled:e})=>e?"not-allowed":"pointer"};
|
|
5204
|
-
`,HM=(e=15)=>{const t=[];for(let n=0;n<24;n++)for(let r=0;r<60;r+=e){const e=ll().hour(n).minute(r).format("HH:mm");t.push(e)}return t},DM=(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 RM=e.memo((({time:t,error:r=!1,errorText:a,disabled:i=!1,onTimeChange:l,dropdownInterval:o=60,filterTimeOptions:s,size:d="medium",variant:u="light",width:p="120px",maxHeight:f=300,onFocus:m,onBlur:h})=>{var g,b,v,x;te("TimeField","TimeField は非推奨です。代わりに TimeField2 を使用してください。");const y=S(),[w,C]=e.useState(!1),E=e.useRef(null),I=e.useId(),k="HH:mm",M=t||ll(),$=e.useMemo((()=>{const e=HM(o);return s&&s.length>0?e.filter((e=>s.every((t=>t(e))))):e}),[o,s]),[A,V]=e.useState(M.format(k)),[L,O]=e.useState(Yx(A)),[H,R]=e.useState({start:0,end:L.length-1,current:0}),[N,z]=e.useState(null);e.useEffect((()=>{const e=M.format(k);V(e),O(Yx(e))}),[M,k]);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=L[L.length-1].end+1,i=r>=a?a:r,l=L.findIndex((e=>i>=e.start&&i<=e.end+1));R((e=>L[l].editable?e.current===l?e:Object.assign(Object.assign({},e),{current:l}):Object.assign(Object.assign({},e),{current:l+1}))),null===(n=E.current)||void 0===n||n.setSelectionRange(L[l].start,L[l].end+1)}))}),[L]),Z=e.useCallback((()=>{T(),null==m||m()}),[T,m]),B=e.useCallback((()=>{R((e=>Object.assign(Object.assign({},e),{current:0}))),z(null),null==h||h()}),[h]),P=e.useCallback(((e,t,n)=>{const r=DM(e,t,n,k);return r?r.newTime:null}),[k]),_=e.useCallback((e=>{const r=ey(e.code),a=r?ty(e.code):null;if(!Kx.includes(e.key)&&!r)return;if(e.key===Ux.ArrowLeft||e.key===Ux.ArrowRight){e.preventDefault();const t=((e,t,n)=>{if(t===Ux.ArrowLeft){for(let t=e-1;t>=0;t--)if(n[t].editable)return t-e}else if(t===Ux.ArrowRight)for(let t=e+1;t<n.length;t++)if(n[t].editable)return t-e;return 0})(H.current,e.key,L);R((e=>Object.assign(Object.assign({},e),{current:e.current+t}))),z(null)}if(e.key===Ux.ArrowUp||e.key===Ux.ArrowDown){e.preventDefault();const n=e.key===Ux.ArrowUp?1:-1,r=t||ll(),a=P(r,H.current,n);if(a){const e=a.format(k);V(e),O(Yx(e)),l&&l(a)}}const i=r?a:e.key;if((qx.includes(e.key)||r)&&i){e.preventDefault();const r=((e,t,n,r)=>{const a=t.map((e=>Object.assign({},e)));let i=!1,l=null;if(r!==n){a[n].value=e.padStart(t[n].value.length,"0");const r=parseInt(e);(0===n?r<=2:r<=5)?l=n:(l=null,i=!0)}else{const r=(t[n].value.slice(1)+e).slice(-t[n].value.length);a[n].value=r,l=null,i=!0}return{newSections:a,shouldMoveToNextSection:i,newLastEditedSection:l}})(i,L,H.current,N),a=Wx(r.newSections),o=t||ll(),s=a,c=ll(`${o.format("YYYY-MM-DD")} ${s}`),d=c.format(k);if(n.flushSync((()=>{V(d),O(Yx(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=H.current+1;e<L.length;e++)if(L[e].editable){R((t=>Object.assign(Object.assign({},t),{current:e})));break}}if(e.key===Ux.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})(L,H.current);O(t),z(null);const n=Wx(t);V(n)}}),[L,H,N,k,l,t,P]),G=e.useCallback((()=>{T()}),[T]),F=e.useCallback((e=>{const[n,r]=e.split(":").map(Number),a=(t||ll()).hour(n).minute(r).second(0).millisecond(0);l&&l(a),C(!1)}),[t,l]),j=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||ll(),c=ll(`${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(k);V(t),O(Yx(t)),l&&l(e)}}),[t,k,l]);return e.useEffect((()=>{var e;L[H.current]&&(null===(e=E.current)||void 0===e||e.setSelectionRange(L[H.current].start,L[H.current].end+1))}),[H,L]),e.useEffect((()=>{if(w&&t){const e=t.format(k);requestAnimationFrame((()=>{const t=document.querySelector(`[data-timefield-item="${CSS.escape(I)}-${e}"]`);t&&"function"==typeof t.scrollIntoView&&t.scrollIntoView({block:"center"})}))}}),[w,t,I,k]),c.default.createElement(c.default.Fragment,null,c.default.createElement(zi,{ref:E,readOnly:!0,multiline:!1,error:r||!!a,disabled:i,width:p,size:d,variant:u,value:A,append:c.default.createElement(OM,{disabled:i,"aria-label":"時刻を選択",role:"button",tabIndex:i?-1:0,onClick:e=>{e.stopPropagation(),e.preventDefault(),i||C(!w)}},c.default.createElement(D,{name:"arrow_down",color:i?y.palette.text.disabled:y.palette.black})),onFocus:Z,onBlur:B,onKeyDown:_,onMouseDown:G,onPaste:j}),c.default.createElement(qi,null,c.default.createElement(Qi,{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(k))===e;return c.default.createElement(Ka,{key:e,"data-timefield-item":`${I}-${e}`,checked:n,onChange:t=>{t&&F(e)}},e)})):c.default.createElement(et,{disabled:!0},"選択可能な時刻がありません"))),a&&c.default.createElement(c.default.Fragment,null,c.default.createElement(pl,{py:1}),c.default.createElement(xc,null,a)))}));var NM=e.memo((({time:t,name:n,error:r=!1,errorText:a,disabled:i=!1,onTimeChange:l,dropdownInterval:o=60,filterTimeOptions:s,size:d="medium",variant:u="light",width:p="120px",maxHeight:f=480,onFocus:m,onBlur:h})=>{var g,b,v,x;const y=S(),[w,C]=e.useState(!1),E=e.useRef(null),I=e.useId(),k="HH:mm",M=Ni(),$=t||ll(),A=e.useMemo((()=>{const e=HM(o);return s&&s.length>0?e.filter((e=>s.every((t=>t(e))))):e}),[o,s]),{value:V,sections:L,focusedIndex:O,isFocused:H,getSegmentProps:R,groupProps:N}=(({time:t,disabled:n=!1,onTimeChange:r})=>{const a="HH:mm",i=t||ll(),[l,o]=e.useState(i.format(a)),s=e.useRef(l),[c,d]=e.useState(Yx(l)),[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||ll()).format(a);o(e),s.current=e,d(Yx(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 l=m.current;let u=i.value;0===l&&(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=l+1;m.current=g;const b=0===n,v=parseInt(e);let x=!1;x=0===l?!(b?v<=2:v<=5):g>=i.value.length;const C=Wx(h),E=t||ll(),I=ll(`${E.format("YYYY-MM-DD")} ${C}`),k=I.format(a);if(o(k),s.current=k,d(Yx(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!==Ux.ArrowUp&&n.key!==Ux.ArrowDown){if(n.key===Ux.Backspace||n.key===Ux.Delete){n.preventDefault(),n.stopPropagation();const t=n.key===Ux.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 l=Wx(a);return o(l),void(s.current=l)}if(ey(n.code)){n.preventDefault();const e=ty(n.code);e&&C(e)}}else{n.preventDefault();const i=n.key===Ux.ArrowUp?1:-1,l=t||ll(),[c,u]=s.current.split(":").map(Number),p=l.hour(c).minute(u).second(0).millisecond(0),f=DM(p,e,i,a);f&&(o(f.normalizedValue),s.current=f.normalizedValue,d(Yx(f.normalizedValue)),null==r||r(f.newTime))}}),[c,t,a,r,C,w,y]),$=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]),A=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:$(e),onPointerDown(e){e.stopPropagation()},onMouseDown(e){e.stopPropagation()}}}),[c,n,E,I,k,M,$]),S=e.useCallback((e=>{const t=f.current;if(null!==t)if(e.key!==Ux.ArrowLeft&&e.key!==Ux.ArrowRight){if(e.key===Ux.Tab){const n=e.shiftKey?-1:1,r=w(t,n);null!==r&&(e.preventDefault(),y(r))}}else{e.preventDefault();const n=e.key===Ux.ArrowLeft?-1:1,r=w(t,n);null!==r&&y(r)}}),[w,y]),V=e.useCallback((e=>{e.preventDefault();const n=e.clipboardData.getData("text").trim(),[i,l]=n.split(":"),c=parseInt(i,10),u=parseInt(l,10);if(isNaN(c)||isNaN(u)||c<0||c>23||u<0||u>59)return;const p=(t||ll()).hour(c).minute(u).second(0).millisecond(0),f=p.format(a);o(f),s.current=f,d(Yx(f)),null==r||r(p)}),[t,a,r]);return{value:l,sections:c,focusedIndex:u,isFocused:h,getSegmentProps:A,groupProps:{ref:v,onKeyDown:S,onPaste:V}}})({time:$,disabled:i,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||ll()).hour(n).minute(r).second(0).millisecond(0);null==l||l(a),C(!1)}),[t,l]),B=e.useCallback((e=>{e.stopPropagation(),e.preventDefault(),i||C(!w)}),[i,w]),P=e.useCallback((e=>t=>{t&&Z(e)}),[Z]);return e.useEffect((()=>{if(w&&t){const e=t.format(k);requestAnimationFrame((()=>{const t=document.querySelector(`[data-timefield-item="${CSS.escape(I)}-${e}"]`);t&&"function"==typeof t.scrollIntoView&&t.scrollIntoView({block:"center"})}))}}),[w,t,I,k]),c.default.createElement(c.default.Fragment,null,c.default.createElement(Iy,{ref:E,$disabled:i,$error:r||!!a,$focused:H,$isIOS:M,$size:d,$variant:u,$width:p,onBlurCapture:T,onFocusCapture:z},c.default.createElement(ky,Object.assign({},N),L.map(((e,t)=>c.default.createElement(My,Object.assign({key:`${e.start}-${e.end}`,$editable:e.editable,$focused:H&&O===t},R(t)),e.value)))),c.default.createElement($y,null,c.default.createElement(OM,{disabled:i,"aria-label":"時刻を選択",role:"button",tabIndex:i?-1:0,onClick:B},c.default.createElement(D,{color:i?y.palette.text.disabled:y.palette.black,name:"arrow_down"})))),c.default.createElement("input",{type:"hidden",name:n,value:V,disabled:i}),c.default.createElement(qi,null,c.default.createElement(Qi,{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},A.length>0?A.map((e=>{const n=(null==t?void 0:t.format(k))===e;return c.default.createElement(Ka,{key:e,checked:n,"data-timefield-item":`${I}-${e}`,onChange:P(e)},e)})):c.default.createElement(et,{disabled:!0},"選択可能な時刻がありません"))),a&&c.default.createElement(c.default.Fragment,null,c.default.createElement(pl,{py:1}),c.default.createElement(xc,null,a)))}));const zM="calc(100vw - 24px)",TM="800px",ZM=d.default.div`
|
|
5255
|
+
`,zM=(e=15)=>{const t=[];for(let n=0;n<24;n++)for(let r=0;r<60;r+=e){const e=ll().hour(n).minute(r).format("HH:mm");t.push(e)}return t},TM=(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 ZM=e.memo((({time:t,error:r=!1,errorText:a,disabled:i=!1,onTimeChange:l,dropdownInterval:o=60,filterTimeOptions:s,size:d="medium",variant:u="light",width:p="120px",maxHeight:f=300,onFocus:m,onBlur:h})=>{var g,b,v,x;te("TimeField","TimeField は非推奨です。代わりに TimeField2 を使用してください。");const y=S(),[w,C]=e.useState(!1),E=e.useRef(null),I=e.useId(),k="HH:mm",M=t||ll(),$=e.useMemo((()=>{const e=zM(o);return s&&s.length>0?e.filter((e=>s.every((t=>t(e))))):e}),[o,s]),[A,V]=e.useState(M.format(k)),[L,O]=e.useState(Yx(A)),[H,R]=e.useState({start:0,end:L.length-1,current:0}),[N,z]=e.useState(null);e.useEffect((()=>{const e=M.format(k);V(e),O(Yx(e))}),[M,k]);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=L[L.length-1].end+1,i=r>=a?a:r,l=L.findIndex((e=>i>=e.start&&i<=e.end+1));R((e=>L[l].editable?e.current===l?e:Object.assign(Object.assign({},e),{current:l}):Object.assign(Object.assign({},e),{current:l+1}))),null===(n=E.current)||void 0===n||n.setSelectionRange(L[l].start,L[l].end+1)}))}),[L]),Z=e.useCallback((()=>{T(),null==m||m()}),[T,m]),B=e.useCallback((()=>{R((e=>Object.assign(Object.assign({},e),{current:0}))),z(null),null==h||h()}),[h]),P=e.useCallback(((e,t,n)=>{const r=TM(e,t,n,k);return r?r.newTime:null}),[k]),_=e.useCallback((e=>{const r=ey(e.code),a=r?ty(e.code):null;if(!Kx.includes(e.key)&&!r)return;if(e.key===Ux.ArrowLeft||e.key===Ux.ArrowRight){e.preventDefault();const t=((e,t,n)=>{if(t===Ux.ArrowLeft){for(let t=e-1;t>=0;t--)if(n[t].editable)return t-e}else if(t===Ux.ArrowRight)for(let t=e+1;t<n.length;t++)if(n[t].editable)return t-e;return 0})(H.current,e.key,L);R((e=>Object.assign(Object.assign({},e),{current:e.current+t}))),z(null)}if(e.key===Ux.ArrowUp||e.key===Ux.ArrowDown){e.preventDefault();const n=e.key===Ux.ArrowUp?1:-1,r=t||ll(),a=P(r,H.current,n);if(a){const e=a.format(k);V(e),O(Yx(e)),l&&l(a)}}const i=r?a:e.key;if((qx.includes(e.key)||r)&&i){e.preventDefault();const r=((e,t,n,r)=>{const a=t.map((e=>Object.assign({},e)));let i=!1,l=null;if(r!==n){a[n].value=e.padStart(t[n].value.length,"0");const r=parseInt(e);(0===n?r<=2:r<=5)?l=n:(l=null,i=!0)}else{const r=(t[n].value.slice(1)+e).slice(-t[n].value.length);a[n].value=r,l=null,i=!0}return{newSections:a,shouldMoveToNextSection:i,newLastEditedSection:l}})(i,L,H.current,N),a=Wx(r.newSections),o=t||ll(),s=a,c=ll(`${o.format("YYYY-MM-DD")} ${s}`),d=c.format(k);if(n.flushSync((()=>{V(d),O(Yx(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=H.current+1;e<L.length;e++)if(L[e].editable){R((t=>Object.assign(Object.assign({},t),{current:e})));break}}if(e.key===Ux.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})(L,H.current);O(t),z(null);const n=Wx(t);V(n)}}),[L,H,N,k,l,t,P]),G=e.useCallback((()=>{T()}),[T]),F=e.useCallback((e=>{const[n,r]=e.split(":").map(Number),a=(t||ll()).hour(n).minute(r).second(0).millisecond(0);l&&l(a),C(!1)}),[t,l]),j=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||ll(),c=ll(`${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(k);V(t),O(Yx(t)),l&&l(e)}}),[t,k,l]);return e.useEffect((()=>{var e;L[H.current]&&(null===(e=E.current)||void 0===e||e.setSelectionRange(L[H.current].start,L[H.current].end+1))}),[H,L]),e.useEffect((()=>{if(w&&t){const e=t.format(k);requestAnimationFrame((()=>{const t=document.querySelector(`[data-timefield-item="${CSS.escape(I)}-${e}"]`);t&&"function"==typeof t.scrollIntoView&&t.scrollIntoView({block:"center"})}))}}),[w,t,I,k]),c.default.createElement(c.default.Fragment,null,c.default.createElement(zi,{ref:E,readOnly:!0,multiline:!1,error:r||!!a,disabled:i,width:p,size:d,variant:u,value:A,append:c.default.createElement(NM,{disabled:i,"aria-label":"時刻を選択",role:"button",tabIndex:i?-1:0,onClick:e=>{e.stopPropagation(),e.preventDefault(),i||C(!w)}},c.default.createElement(D,{name:"arrow_down",color:i?y.palette.text.disabled:y.palette.black})),onFocus:Z,onBlur:B,onKeyDown:_,onMouseDown:G,onPaste:j}),c.default.createElement(qi,null,c.default.createElement(Qi,{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(k))===e;return c.default.createElement(Ka,{key:e,"data-timefield-item":`${I}-${e}`,checked:n,onChange:t=>{t&&F(e)}},e)})):c.default.createElement(et,{disabled:!0},"選択可能な時刻がありません"))),a&&c.default.createElement(c.default.Fragment,null,c.default.createElement(pl,{py:1}),c.default.createElement(xc,null,a)))}));var BM=e.memo((({time:t,name:n,error:r=!1,errorText:a,disabled:i=!1,onTimeChange:l,dropdownInterval:o=60,filterTimeOptions:s,size:d="medium",variant:u="light",width:p="120px",maxHeight:f=480,onFocus:m,onBlur:h})=>{var g,b,v,x;const y=S(),[w,C]=e.useState(!1),E=e.useRef(null),I=e.useId(),k="HH:mm",M=Ni(),$=t||ll(),A=e.useMemo((()=>{const e=zM(o);return s&&s.length>0?e.filter((e=>s.every((t=>t(e))))):e}),[o,s]),{value:V,sections:L,focusedIndex:O,isFocused:H,getSegmentProps:R,groupProps:N}=(({time:t,disabled:n=!1,onTimeChange:r})=>{const a="HH:mm",i=t||ll(),[l,o]=e.useState(i.format(a)),s=e.useRef(l),[c,d]=e.useState(Yx(l)),[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||ll()).format(a);o(e),s.current=e,d(Yx(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 l=m.current;let u=i.value;0===l&&(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=l+1;m.current=g;const b=0===n,v=parseInt(e);let x=!1;x=0===l?!(b?v<=2:v<=5):g>=i.value.length;const C=Wx(h),E=t||ll(),I=ll(`${E.format("YYYY-MM-DD")} ${C}`),k=I.format(a);if(o(k),s.current=k,d(Yx(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!==Ux.ArrowUp&&n.key!==Ux.ArrowDown){if(n.key===Ux.Backspace||n.key===Ux.Delete){n.preventDefault(),n.stopPropagation();const t=n.key===Ux.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 l=Wx(a);return o(l),void(s.current=l)}if(ey(n.code)){n.preventDefault();const e=ty(n.code);e&&C(e)}}else{n.preventDefault();const i=n.key===Ux.ArrowUp?1:-1,l=t||ll(),[c,u]=s.current.split(":").map(Number),p=l.hour(c).minute(u).second(0).millisecond(0),f=TM(p,e,i,a);f&&(o(f.normalizedValue),s.current=f.normalizedValue,d(Yx(f.normalizedValue)),null==r||r(f.newTime))}}),[c,t,a,r,C,w,y]),$=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]),A=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:$(e),onPointerDown(e){e.stopPropagation()},onMouseDown(e){e.stopPropagation()}}}),[c,n,E,I,k,M,$]),S=e.useCallback((e=>{const t=f.current;if(null!==t)if(e.key!==Ux.ArrowLeft&&e.key!==Ux.ArrowRight){if(e.key===Ux.Tab){const n=e.shiftKey?-1:1,r=w(t,n);null!==r&&(e.preventDefault(),y(r))}}else{e.preventDefault();const n=e.key===Ux.ArrowLeft?-1:1,r=w(t,n);null!==r&&y(r)}}),[w,y]),V=e.useCallback((e=>{e.preventDefault();const n=e.clipboardData.getData("text").trim(),[i,l]=n.split(":"),c=parseInt(i,10),u=parseInt(l,10);if(isNaN(c)||isNaN(u)||c<0||c>23||u<0||u>59)return;const p=(t||ll()).hour(c).minute(u).second(0).millisecond(0),f=p.format(a);o(f),s.current=f,d(Yx(f)),null==r||r(p)}),[t,a,r]);return{value:l,sections:c,focusedIndex:u,isFocused:h,getSegmentProps:A,groupProps:{ref:v,onKeyDown:S,onPaste:V}}})({time:$,disabled:i,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||ll()).hour(n).minute(r).second(0).millisecond(0);null==l||l(a),C(!1)}),[t,l]),B=e.useCallback((e=>{e.stopPropagation(),e.preventDefault(),i||C(!w)}),[i,w]),P=e.useCallback((e=>t=>{t&&Z(e)}),[Z]);return e.useEffect((()=>{if(w&&t){const e=t.format(k);requestAnimationFrame((()=>{const t=document.querySelector(`[data-timefield-item="${CSS.escape(I)}-${e}"]`);t&&"function"==typeof t.scrollIntoView&&t.scrollIntoView({block:"center"})}))}}),[w,t,I,k]),c.default.createElement(c.default.Fragment,null,c.default.createElement(Iy,{ref:E,$disabled:i,$error:r||!!a,$focused:H,$isIOS:M,$size:d,$variant:u,$width:p,onBlurCapture:T,onFocusCapture:z},c.default.createElement(ky,Object.assign({},N),L.map(((e,t)=>c.default.createElement(My,Object.assign({key:`${e.start}-${e.end}`,$editable:e.editable,$focused:H&&O===t},R(t)),e.value)))),c.default.createElement($y,null,c.default.createElement(NM,{disabled:i,"aria-label":"時刻を選択",role:"button",tabIndex:i?-1:0,onClick:B},c.default.createElement(D,{color:i?y.palette.text.disabled:y.palette.black,name:"arrow_down"})))),c.default.createElement("input",{type:"hidden",name:n,value:V,disabled:i}),c.default.createElement(qi,null,c.default.createElement(Qi,{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},A.length>0?A.map((e=>{const n=(null==t?void 0:t.format(k))===e;return c.default.createElement(Ka,{key:e,checked:n,"data-timefield-item":`${I}-${e}`,onChange:P(e)},e)})):c.default.createElement(et,{disabled:!0},"選択可能な時刻がありません"))),a&&c.default.createElement(c.default.Fragment,null,c.default.createElement(pl,{py:1}),c.default.createElement(xc,null,a)))}));const PM="calc(100vw - 24px)",_M="800px",GM=d.default.div`
|
|
5205
5256
|
box-sizing: border-box;
|
|
5206
5257
|
display: inline-flex;
|
|
5207
5258
|
flex-direction: column;
|
|
5208
5259
|
margin-inline: auto;
|
|
5209
5260
|
padding: ${({theme:e})=>2*e.spacing}px;
|
|
5210
|
-
`,
|
|
5261
|
+
`,FM=d.default.div`
|
|
5211
5262
|
position: relative;
|
|
5212
5263
|
display: flex;
|
|
5213
5264
|
align-items: center;
|
|
@@ -5215,7 +5266,7 @@ object-assign
|
|
|
5215
5266
|
overflow: hidden;
|
|
5216
5267
|
width: fit-content;
|
|
5217
5268
|
min-width: ${240}px;
|
|
5218
|
-
max-width: ${
|
|
5269
|
+
max-width: ${PM};
|
|
5219
5270
|
padding: ${({theme:e})=>2*e.spacing}px;
|
|
5220
5271
|
background: ${({background:e})=>e};
|
|
5221
5272
|
box-shadow: ${({boxShadow:e})=>e};
|
|
@@ -5228,9 +5279,9 @@ object-assign
|
|
|
5228
5279
|
|
|
5229
5280
|
@media (min-width: ${y.MOBILE}px) {
|
|
5230
5281
|
min-width: ${400}px;
|
|
5231
|
-
max-width: ${
|
|
5282
|
+
max-width: ${_M};
|
|
5232
5283
|
}
|
|
5233
|
-
`,
|
|
5284
|
+
`,jM=d.default.div`
|
|
5234
5285
|
position: relative;
|
|
5235
5286
|
z-index: 1;
|
|
5236
5287
|
display: flex;
|
|
@@ -5238,11 +5289,11 @@ object-assign
|
|
|
5238
5289
|
gap: ${({theme:e})=>2*e.spacing}px;
|
|
5239
5290
|
width: 100%;
|
|
5240
5291
|
min-width: 0;
|
|
5241
|
-
`,
|
|
5292
|
+
`,YM=d.default.span`
|
|
5242
5293
|
flex-shrink: 0;
|
|
5243
5294
|
display: flex;
|
|
5244
5295
|
align-items: center;
|
|
5245
|
-
`,
|
|
5296
|
+
`,WM=d.default.div`
|
|
5246
5297
|
flex: 1;
|
|
5247
5298
|
min-width: 0;
|
|
5248
5299
|
|
|
@@ -5251,19 +5302,19 @@ object-assign
|
|
|
5251
5302
|
word-break: break-word;
|
|
5252
5303
|
overflow-wrap: break-word;
|
|
5253
5304
|
}
|
|
5254
|
-
`,
|
|
5305
|
+
`,XM=d.default.div`
|
|
5255
5306
|
flex-shrink: 0;
|
|
5256
5307
|
align-self: center;
|
|
5257
5308
|
cursor: pointer;
|
|
5258
|
-
`,
|
|
5309
|
+
`,JM=t.keyframes`
|
|
5259
5310
|
from {
|
|
5260
5311
|
width: 100%;
|
|
5261
5312
|
}
|
|
5262
5313
|
to {
|
|
5263
5314
|
width: 0%
|
|
5264
5315
|
}
|
|
5265
|
-
`,
|
|
5266
|
-
animation: ${
|
|
5316
|
+
`,UM=d.default.div`
|
|
5317
|
+
animation: ${JM}
|
|
5267
5318
|
${({autoDismissTimeout:e})=>e}ms linear;
|
|
5268
5319
|
animation-play-state: ${({isRunning:e})=>e?"running":"paused"};
|
|
5269
5320
|
background-color: ${({backgroundColor:e})=>e};
|
|
@@ -5274,7 +5325,7 @@ object-assign
|
|
|
5274
5325
|
width: 0;
|
|
5275
5326
|
height: 100%;
|
|
5276
5327
|
pointer-events: none;
|
|
5277
|
-
`,
|
|
5328
|
+
`,QM={right:"translate3d(120%, 0, 0)",left:"translate3d(-120%, 0, 0)",bottom:"translate3d(0, 120%, 0)",top:"translate3d(0, -120%, 0)"};function qM(e){const t=e.split("-"),n="center"===t[1]?t[0]:t[1];return QM[n]}const KM=({appearance:e,placement:t,transitionDuration:n,transitionState:r,onDismiss:a,children:i,autoDismiss:l,autoDismissTimeout:o,isRunning:s})=>{const d=(({palette:e})=>({info:{background:e.primary.highlight,boxShadow:ti(5,e.action.shadowOpacity,e.primary.softLight),icon:c.createElement(D,{name:"information",type:"fill",size:"lg",color:e.primary.base}),countDownBackground:e.primary.base,titleColor:e.primary.ultraDark,contentColor:e.primary.base,closeColor:e.primary.base},success:{background:e.success.highlight,boxShadow:ti(5,e.action.shadowOpacity,e.success.lighter),icon:c.createElement(D,{name:"checkbox_circle",type:"fill",size:"lg",color:e.success.base}),countDownBackground:e.success.base,titleColor:e.success.ultraDark,contentColor:e.success.base,closeColor:e.success.base},warning:{background:e.warning.highlight,boxShadow:ti(5,e.action.shadowOpacity,e.warning.light),icon:c.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.base},error:{background:e.danger.highlight,boxShadow:ti(5,e.action.shadowOpacity,e.danger.lighter),icon:c.createElement(D,{name:"alert",type:"fill",size:"lg",color:e.danger.base}),countDownBackground:e.danger.base,titleColor:e.danger.ultraDark,contentColor:e.danger.base,closeColor:e.danger.base}}))(S())[e];return c.createElement(GM,null,c.createElement(FM,Object.assign({background:d.background,boxShadow:d.boxShadow,transitionDuration:n,role:"error"===e||"warning"===e?"alert":"status"},(e=>({entering:{transform:`${qM(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]),c.createElement(jM,null,c.createElement(YM,null,d.icon),c.createElement(WM,null,c.createElement(q,{color:d.titleColor,weight:"bold"},i)),c.createElement(XM,{onClick:()=>{a()}},c.createElement(D,{name:"close",color:d.closeColor}))),c.createElement(UM,{opacity:l?1:0,autoDismissTimeout:o,isRunning:s,backgroundColor:d.countDownBackground})))},e$=d.default.div`
|
|
5278
5329
|
border: 0;
|
|
5279
5330
|
clip: rect(1px, 1px, 1px, 1px);
|
|
5280
5331
|
height: 1;
|
|
@@ -5283,7 +5334,7 @@ object-assign
|
|
|
5283
5334
|
position: absolute;
|
|
5284
5335
|
white-space: nowrap;
|
|
5285
5336
|
width: 1;
|
|
5286
|
-
`,
|
|
5337
|
+
`,t$=d.default.div`
|
|
5287
5338
|
cursor: pointer;
|
|
5288
5339
|
flex-shrink: 0;
|
|
5289
5340
|
opacity: 0.5;
|
|
@@ -5292,14 +5343,14 @@ object-assign
|
|
|
5292
5343
|
&:hover {
|
|
5293
5344
|
opacity: 1;
|
|
5294
5345
|
}
|
|
5295
|
-
`,
|
|
5346
|
+
`,n$=d.default.div`
|
|
5296
5347
|
flex-grow: 1;
|
|
5297
5348
|
font-size: 14;
|
|
5298
5349
|
line-height: 1.4;
|
|
5299
5350
|
min-height: 40px;
|
|
5300
5351
|
padding: ${({gutter:e})=>`${e}px ${1.5*e}px`};
|
|
5301
|
-
`,
|
|
5302
|
-
animation: ${({autoDismissTimeout:e})=>`${
|
|
5352
|
+
`,r$=t.keyframes`from { height: 100%; } to { height: 0% }`,a$=d.default.div`
|
|
5353
|
+
animation: ${({autoDismissTimeout:e})=>`${r$} ${e}ms linear`};
|
|
5303
5354
|
animation-play-state: ${({isRunning:e})=>e?"running":"paused"};
|
|
5304
5355
|
background-color: rgba(0, 0, 0, 0.1);
|
|
5305
5356
|
bottom: 0;
|
|
@@ -5308,7 +5359,7 @@ object-assign
|
|
|
5308
5359
|
opacity: ${({opacity:e})=>e};
|
|
5309
5360
|
position: absolute;
|
|
5310
5361
|
width: 100%;
|
|
5311
|
-
`,
|
|
5362
|
+
`,i$=d.default.div`
|
|
5312
5363
|
background-color: ${({backgroundColor:e})=>e};
|
|
5313
5364
|
border-top-left-radius: ${({borderRadius:e})=>e}px;
|
|
5314
5365
|
border-bottom-left-radius: ${({borderRadius:e})=>e}px;
|
|
@@ -5320,11 +5371,11 @@ object-assign
|
|
|
5320
5371
|
overflow: hidden;
|
|
5321
5372
|
text-align: center;
|
|
5322
5373
|
width: 30px;
|
|
5323
|
-
`,
|
|
5374
|
+
`,l$=d.default.div`
|
|
5324
5375
|
height: ${({height:e})=>e};
|
|
5325
5376
|
transition: height
|
|
5326
5377
|
${({transitionDuration:e})=>`height ${e-100}ms 100ms`};
|
|
5327
|
-
`,
|
|
5378
|
+
`,o$=d.default.div`
|
|
5328
5379
|
background-color: ${({backgroundColor:e})=>e};
|
|
5329
5380
|
border-radius: ${({borderRadius:e})=>e}px;
|
|
5330
5381
|
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.175);
|
|
@@ -5335,7 +5386,7 @@ object-assign
|
|
|
5335
5386
|
transition: ${({transitionDuration:e})=>`transform ${e}ms cubic-bezier(0.2, 0, 0, 1), opacity ${e}ms`};
|
|
5336
5387
|
width: ${({width:e})=>e}px;
|
|
5337
5388
|
${({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""}}}
|
|
5338
|
-
`;function
|
|
5389
|
+
`;function s$(e){return{"aria-hidden":!0,height:16,width:e,viewBox:`0 0 ${e} 16`,style:{display:"inline-block",verticalAlign:"text-top",fill:"currentColor"}}}const c$=e=>c.default.createElement("svg",Object.assign({},s$(14),e),c.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"})),d$=()=>{};const u$=e=>{var{tag:t="span"}=e,n=p(e,["tag"]);return c.default.createElement(e$,Object.assign({as:t},n))},p$={success:{icon:e=>c.default.createElement("svg",Object.assign({},s$(12),e),c.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=>c.default.createElement("svg",Object.assign({},s$(12),e),c.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=>c.default.createElement("svg",Object.assign({},s$(16),e),c.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=>c.default.createElement("svg",Object.assign({},s$(14),e),c.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"}},f$=e=>{var{children:t}=e,n=p(e,["children"]);return c.default.createElement(t$,Object.assign({role:"button",className:"react-toast-notifications__toast__dismiss-button",gutter:8},n),t)},m$=e=>c.default.createElement(n$,Object.assign({className:"react-toast-notifications__toast__content",gutter:8},e)),h$=e=>{var{autoDismissTimeout:t,opacity:n,isRunning:r}=e,a=p(e,["autoDismissTimeout","opacity","isRunning"]);return c.default.createElement(a$,Object.assign({className:"react-toast-notifications__toast__countdown",autoDismissTimeout:t,isRunning:r,opacity:n},a))},g$=({appearance:e,autoDismiss:t,autoDismissTimeout:n,isRunning:r})=>{const a=p$[e],i=a.icon;return c.default.createElement(i$,{className:"react-toast-notifications__toast__icon-wrapper",color:a.bg,backgroundColor:a.fg,borderRadius:4,gutter:8},c.default.createElement(h$,{opacity:t?1:0,autoDismissTimeout:n,isRunning:r}),c.default.createElement(i,{className:"react-toast-notifications__toast__icon",css:{position:"relative",zIndex:1}}))},b$=t=>{var{appearance:n,placement:r,transitionDuration:a,transitionState:i}=t,l=p(t,["appearance","placement","transitionDuration","transitionState"]);const[o,s]=e.useState("auto"),d=e.useRef(null);return e.useEffect((()=>{if(d.current){if("entered"===i){const e=d.current;s(e.offsetHeight+8)}"exiting"===i&&s(0)}}),[i]),c.default.createElement(l$,{ref:d,height:o,transitionDuration:a},c.default.createElement(o$,Object.assign({className:`react-toast-notifications__toast react-toast-notifications__toast--${n}`,backgroundColor:p$[n].bg,borderRadius:4,color:p$[n].text,gutter:8,placement:r,width:360,transitionState:i,transitionDuration:a},l)))},v$=d.default.div`
|
|
5339
5390
|
box-sizing: border-box;
|
|
5340
5391
|
max-height: 100%;
|
|
5341
5392
|
max-width: 100%;
|
|
@@ -5345,22 +5396,22 @@ object-assign
|
|
|
5345
5396
|
position: fixed;
|
|
5346
5397
|
z-index: 1000;
|
|
5347
5398
|
${({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""}}}
|
|
5348
|
-
`,
|
|
5399
|
+
`,x$=e=>{var{hasToasts:t,placement:n}=e,r=p(e,["hasToasts","placement"]);return c.default.createElement(v$,Object.assign({className:"react-toast-notifications__container",hasToasts:t,placement:n},r))};class y${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 w$ 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 y$(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=p(e,["autoDismiss","autoDismissTimeout","component"]),{isRunning:i}=this.state,l=t?this.onMouseEnter:d$,o=t?this.onMouseLeave:d$;return c.default.createElement(r,Object.assign({autoDismiss:t,autoDismissTimeout:n,isRunning:i,onMouseEnter:l,onMouseLeave:o},a))}}w$.defaultProps={autoDismiss:!1};const C$={Toast:e=>{var{appearance:t="info",autoDismiss:n,autoDismissTimeout:r,children:a,isRunning:i,onDismiss:l=d$,placement:o,transitionDuration:s,transitionState:d,onMouseEnter:u,onMouseLeave:f}=e,m=p(e,["appearance","autoDismiss","autoDismissTimeout","children","isRunning","onDismiss","placement","transitionDuration","transitionState","onMouseEnter","onMouseLeave"]);return c.default.createElement(b$,Object.assign({appearance:t,placement:o,transitionState:d,transitionDuration:s,onMouseEnter:u,onMouseLeave:f},m),c.default.createElement(g$,{appearance:t,autoDismiss:n,autoDismissTimeout:r,isRunning:i}),c.default.createElement(m$,null,a),l?c.default.createElement(f$,{onClick:l},c.default.createElement(c$,{className:"react-toast-notifications__toast__dismiss-icon"}),c.default.createElement(u$,{className:"react-toast-notifications__toast__dismiss-text"},"Close")):null)},ToastContainer:x$},E$=c.default.createContext({add:()=>"0",remove:d$,removeAll:d$,update:d$,toasts:[]}),{Consumer:I$,Provider:k$}=E$,M$=!("undefined"==typeof window||!window.document||!window.document.createElement);let $$=class extends e.Component{constructor(){super(...arguments),this.toastNodeRefs=new Map,this.state={toasts:[]},this.getNodeRef=e=>(this.toastNodeRefs.has(e)||this.toastNodeRefs.set(e,c.default.createRef()),this.toastNodeRefs.get(e)),this.has=e=>!!this.state.toasts.length&&Boolean(this.state.toasts.filter((t=>t.id===e)).length),this.onDismiss=(e,t=d$)=>()=>{t(e),this.remove(e)},this.add=(e,t,n=d$)=>{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=d$)=>{this.has(e)&&this.setState((t=>{const n=t.toasts.filter((t=>t.id!==e));return{toasts:n}}),(()=>{this.toastNodeRefs.delete(e),t(e)}))},this.removeAll=()=>{this.state.toasts.length&&this.state.toasts.forEach((e=>this.remove(e.id)))},this.update=(e,t,n=d$)=>{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)))}}render(){const{autoDismiss:e,autoDismissTimeout:t,children:r,components:a,placement:i,portalTargetSelector:l,transitionDuration:o}=this.props,{Toast:s,ToastContainer:d}=Object.assign(Object.assign({},C$),a),{add:u,remove:f,removeAll:m,update:h}=this,g=this.state.toasts,b=Boolean(g.length),v=M$?l?document.querySelector(l):document.body:null;return c.default.createElement(k$,{value:{add:u,remove:f,removeAll:m,update:h,toasts:g}},r,v?n.createPortal(c.default.createElement(d,{placement:i,hasToasts:b},c.default.createElement(Ns,{component:null},g.map((n=>{var{appearance:r,autoDismiss:a,content:l,id:d,onDismiss:u}=n,f=p(n,["appearance","autoDismiss","content","id","onDismiss"]);const m=this.getNodeRef(d);return c.default.createElement(Is,{key:d,appear:!0,mountOnEnter:!0,unmountOnExit:!0,nodeRef:m,timeout:o},(n=>c.default.createElement("div",{ref:m},c.default.createElement(w$,Object.assign({appearance:r,autoDismiss:void 0!==a?a:e,autoDismissTimeout:t,component:s,placement:i,transitionDuration:o,transitionState:n,onDismiss:this.onDismiss(d,u)},f),l))))})))),v):c.default.createElement(d,{placement:i,hasToasts:b}))}};$$.defaultProps={autoDismiss:!1,autoDismissTimeout:5e3,components:C$,newestOnTop:!1,placement:"top-right",transitionDuration:220};const A$=d.default(x$)`
|
|
5349
5400
|
z-index: ${({theme:e})=>e.depth.toast} !important;
|
|
5350
5401
|
|
|
5351
5402
|
${({placement:e})=>e.includes("center")&&t.css`
|
|
5352
5403
|
box-sizing: border-box;
|
|
5353
|
-
max-width: ${
|
|
5404
|
+
max-width: ${PM};
|
|
5354
5405
|
|
|
5355
5406
|
@media (min-width: ${y.MOBILE}px) {
|
|
5356
|
-
max-width: ${
|
|
5407
|
+
max-width: ${_M};
|
|
5357
5408
|
}
|
|
5358
5409
|
`}
|
|
5359
|
-
`,
|
|
5410
|
+
`,S$=e=>{var{children:t}=e,n=p(e,["children"]);const r={pt:n.placement.includes("top")?3:0,pb:n.placement.includes("bottom")?3:0};return c.createElement(A$,Object.assign({},n),c.createElement(pl,Object.assign({},r),t))},V$={appearance:"info",autoDismiss:!1,autoDismissTimeout:0,isRunning:!0,onDismiss:()=>{},onMouseEnter:()=>{},onMouseLeave:()=>{},placement:"top-center",transitionDuration:0,transitionState:"entered",children:null},L$=e=>c.default.createElement(KM,Object.assign({},V$,e));L$.Provider=e=>{var{children:t}=e,n=p(e,["children"]);return c.createElement($$,Object.assign({},n,{components:Object.assign({Toast:KM,ToastContainer:S$},n.components)}),t)},L$.useToasts=()=>{const t=e.useContext(E$);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 O$=d.default.div`
|
|
5360
5411
|
position: relative;
|
|
5361
5412
|
width: 40px;
|
|
5362
5413
|
height: 22px;
|
|
5363
|
-
`,
|
|
5414
|
+
`,H$=d.default.span`
|
|
5364
5415
|
position: absolute;
|
|
5365
5416
|
top: 50%;
|
|
5366
5417
|
left: 3px;
|
|
@@ -5373,19 +5424,19 @@ object-assign
|
|
|
5373
5424
|
${({checked:e,disabled:t,theme:n})=>t&&e?ei(n.palette.primary.base,.6):t&&!e?ei(n.palette.divider,.6):e?n.palette.primary.dark:n.palette.divider};
|
|
5374
5425
|
box-shadow: ${({theme:e})=>ti(3,e.palette.action.shadowOpacity,e.palette.action.shadowBase)};
|
|
5375
5426
|
transition: all 0.2s ease-in-out;
|
|
5376
|
-
`,
|
|
5427
|
+
`,D$=d.default.div`
|
|
5377
5428
|
position: absolute;
|
|
5378
5429
|
width: 100%;
|
|
5379
5430
|
word-break: break-all;
|
|
5380
5431
|
white-space: nowrap;
|
|
5381
5432
|
transition: all 0.2s ease-in-out;
|
|
5382
|
-
`,
|
|
5433
|
+
`,R$=d.default(D$)`
|
|
5383
5434
|
padding-left: 8px;
|
|
5384
5435
|
opacity: 0;
|
|
5385
|
-
`,
|
|
5436
|
+
`,N$=d.default(D$)`
|
|
5386
5437
|
padding-right: 8px;
|
|
5387
5438
|
opacity: 1;
|
|
5388
|
-
`,
|
|
5439
|
+
`,z$=d.default.label`
|
|
5389
5440
|
position: absolute;
|
|
5390
5441
|
top: 0;
|
|
5391
5442
|
left: 0;
|
|
@@ -5403,13 +5454,13 @@ object-assign
|
|
|
5403
5454
|
transition: all 0.2s ease-in-out;
|
|
5404
5455
|
|
|
5405
5456
|
${({checked:e})=>e&&t.css`
|
|
5406
|
-
& > ${
|
|
5457
|
+
& > ${H$} {
|
|
5407
5458
|
left: calc(100% - 14px - 5px);
|
|
5408
5459
|
}
|
|
5409
|
-
& > ${
|
|
5460
|
+
& > ${R$} {
|
|
5410
5461
|
opacity: 1;
|
|
5411
5462
|
}
|
|
5412
|
-
& > ${
|
|
5463
|
+
& > ${N$} {
|
|
5413
5464
|
opacity: 0;
|
|
5414
5465
|
}
|
|
5415
5466
|
`}
|
|
@@ -5419,11 +5470,11 @@ object-assign
|
|
|
5419
5470
|
border-color: ${({theme:e})=>e.palette.primary.base};
|
|
5420
5471
|
}
|
|
5421
5472
|
`}
|
|
5422
|
-
`,
|
|
5473
|
+
`,T$=d.default.input`
|
|
5423
5474
|
width: 0;
|
|
5424
5475
|
height: 0;
|
|
5425
5476
|
visibility: hidden;
|
|
5426
|
-
`,
|
|
5477
|
+
`,Z$=c.forwardRef((function(e,t){const{checked:n=!1,disabled:r=!1,onChange:a,width:i="48px",checkedText:l="",unCheckedText:o="",inputRef:s,children:d}=e;return"production"!==process.env.NODE_ENV&&d&&console.warn("[ingred-ui] ToggleButton: childrenによるラベル指定は非推奨です。別の手段でラベルを指定してください。"),c.createElement(O$,{ref:t,width:i},c.createElement(z$,{checked:n,disabled:r,width:i},c.createElement(T$,{ref:s,checked:n,type:"checkbox",readOnly:null==a,disabled:r,onChange:a}),c.createElement(R$,null,c.createElement(q,{component:"div",color:r?"disabled":"primary",align:"left",size:"xs",weight:"bold"},l)),c.createElement(N$,null,c.createElement(q,{component:"div",color:r?"disabled":"secondary",align:"right",size:"xs",weight:"bold"},o)),c.createElement(H$,{checked:n,disabled:r})))})),B$=d.default.div``,P$=d.default.span`
|
|
5427
5478
|
background-color: ${({active:e,theme:t})=>e?t.palette.primary.base:t.palette.white};
|
|
5428
5479
|
border: 1px solid
|
|
5429
5480
|
${({theme:e,active:t})=>t?e.palette.primary.dark:e.palette.neutral.lighter};
|
|
@@ -5431,26 +5482,26 @@ object-assign
|
|
|
5431
5482
|
height: ${({theme:e})=>3*e.spacing}px;
|
|
5432
5483
|
width: ${({theme:e})=>3*e.spacing}px;
|
|
5433
5484
|
outline: none;
|
|
5434
|
-
`,
|
|
5485
|
+
`,_$=d.default.div`
|
|
5435
5486
|
display: grid;
|
|
5436
5487
|
grid-template-columns: 38px repeat(24, 1fr);
|
|
5437
5488
|
grid-gap: ${({theme:e})=>e.spacing/2}px;
|
|
5438
5489
|
align-items: center;
|
|
5439
5490
|
justify-items: center;
|
|
5440
5491
|
width: fit-content;
|
|
5441
|
-
`,
|
|
5492
|
+
`,G$=d.default.div`
|
|
5442
5493
|
height: 24px;
|
|
5443
5494
|
text-align: center;
|
|
5444
5495
|
background-color: ${({theme:e})=>e.palette.neutral.softLight};
|
|
5445
5496
|
border-radius: ${({theme:e})=>e.spacing/2}px;
|
|
5446
5497
|
border: 1px solid ${({theme:e})=>e.palette.neutral.lighter};
|
|
5447
|
-
`,
|
|
5498
|
+
`,F$=d.default(G$)`
|
|
5448
5499
|
width: 38px;
|
|
5449
|
-
`,
|
|
5500
|
+
`,j$=d.default(G$)`
|
|
5450
5501
|
width: 24px;
|
|
5451
|
-
`,
|
|
5502
|
+
`,Y$=d.default(G$)`
|
|
5452
5503
|
border: none;
|
|
5453
|
-
`,
|
|
5504
|
+
`,W$=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},X$=Array.from(Array(24)).map(((e,t)=>t)),J$=({weekList:t,weekTime:n,WeekTimeItem:r,interactive:a=!1,isWithinHoverRange:i,onMouseOver:l,onMouseDown:o})=>{const s=e.useMemo((()=>W$(n)),[n]),d=(e,t)=>()=>{null==l||l(e,t)},u=(e,t,n)=>()=>{null==o||o(e,t,n)};return c.default.createElement(_$,null,c.default.createElement(Y$,null),X$.map((e=>c.default.createElement(j$,{key:e},e))),s.map(((n,l)=>c.default.createElement(e.Fragment,{key:l},c.default.createElement(F$,null,t[l]),n.map(((e,n)=>c.default.createElement(r,Object.assign({key:`${l}-${n}`,active:"1"===e,hover:!!i&&i(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)}))))))))},U$=c.default.forwardRef((function(e,t){const n=zc({props:e,name:"WeekTime"}),{weekList:r,weekTime:a}=n;return c.default.createElement(B$,{ref:t},c.default.createElement(J$,{weekTime:a,weekList:r,WeekTimeItem:P$}))})),Q$=d.default.div``,q$=d.default.button`
|
|
5454
5505
|
background-color: ${({active:e,hover:t,theme:n})=>t?n.palette.primary.highlight:e?n.palette.primary.base:n.palette.white};
|
|
5455
5506
|
border: 1px solid
|
|
5456
5507
|
${({theme:e,active:t,hover:n})=>n?e.palette.primary.softLight:t?e.palette.primary.dark:e.palette.neutral.lighter};
|
|
@@ -5459,5 +5510,5 @@ object-assign
|
|
|
5459
5510
|
height: ${({theme:e})=>3*e.spacing}px;
|
|
5460
5511
|
width: ${({theme:e})=>3*e.spacing}px;
|
|
5461
5512
|
outline: none;
|
|
5462
|
-
`,J$=c.default.forwardRef((function(t,n){const r=zc({props:t,name:"WeekTimeSelector"}),{weekList:a,weekTime:i,errorText:l,onChange:o}=r,s=e.useMemo((()=>G$(i)),[i]),[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 l=[...i],o=Math.min(e,n),s=Math.max(e,n),c=Math.min(t,r),d=Math.max(t,r);for(let e=o;e<=s;e++){const t=l[e].map(((t,n)=>e>=o&&e<=s&&n>=c&&n<=d?a:t));l[e]=t}return l})(d.weekIndex,d.timeIndex,e,t,n,[...s]);h("none"),null==o||o((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)}))),c.default.createElement(W$,{ref:n},c.default.createElement(j$,{weekTime:i,weekList:a,WeekTimeItem:X$,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&&c.default.createElement(pl,{pt:1},c.default.createElement(xc,null,l)))}));exports.ADVANCED_FILTER_CONSTANTS=pe,exports.Accordion=F,exports.ActionButton=ne,exports.AdvancedFilter=yd,exports.AdvancedFilterConfigPanel=gd,exports.AdvancedFilterTrigger=At,exports.Backdrop=Nd,exports.Badge=id,exports.Banner=Gd,exports.BreakPoint=y,exports.Button=kl,exports.ButtonGroup=Wd,exports.Calendar=Ru,exports.CalendarRange=rp,exports.Card=ap,exports.Checkbox=md,exports.CheckboxCard=gp,exports.ClickAwayListener=({onClickAway:e,children:t})=>{const n=c.useRef(null),r=c.useRef(!1);c.useEffect((()=>(setTimeout((()=>{r.current=!0}),0),()=>{r.current=!1})),[]),c.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:Ws(n,t.ref)});return c.cloneElement(t,a)},exports.ConfirmModal=Sp,exports.ContainerBreakPoint=w,exports.ContextMenu=Gp,exports.ContextMenu2=Qi,exports.ContextMenu2ButtonControlsItem=rl,exports.ContextMenu2ButtonItem=et,exports.ContextMenu2CheckItem=Ka,exports.ContextMenu2Container=qi,exports.ContextMenu2HeadingItem=Ki,exports.ContextMenu2HelpTextItem=tl,exports.ContextMenu2SeparatorItem=nl,exports.ContextMenu2SortableFixedItem=$i,exports.ContextMenu2SortableGroup=xi,exports.ContextMenu2SortableItem=Ei,exports.ContextMenu2SwitchItem=li,exports.ContextMenu2TextInputItem=Zi,exports.ContextMenu2TriggerItem=ui,exports.CreatableSelect=Gb,exports.DATE_OPERATORS=$d,exports.DEFAULT_PERSIST_OPTION_LABEL=fe,exports.DataTable=Tv,exports.DataTable2=({bordered:t,currentPage:n,pageSize:r,pageSizeOptions:a,totalCount:i,columns:l,onPageChange:o,onPageSizeChange:s,onColumnsChange:d,onCheckedRowsChange:u,children:p,tableActions:f,customTableActionArea:m,enableRowSelection:h=!0,columnEditFeatures:g})=>{const b=e.useMemo((()=>{return{reorder:null!==(t=null==(e=g)?void 0:e.reorder)&&void 0!==t?t:Zv,visibility:null!==(n=null==e?void 0:e.visibility)&&void 0!==n?n:Bv};var e,t,n}),[g]),[v,x]=e.useState(!1),[w,C]=e.useState([]),[E,I]=e.useState([]),[k,M]=e.useState([]),[$,A]=e.useState(0),S=e.useRef(null),V=e.useCallback(((e,t)=>{const n=[...k];n[e]=t,M(n)}),[k,M]);e.useEffect((()=>{if(!S.current)return;const e=()=>{var e;S.current&&x((null===(e=S.current)||void 0===e?void 0:e.clientWidth)<y.TABLET)},t=new ResizeObserver(e);return e(),t.observe(S.current),()=>{t.disconnect()}}),[]);const L=e.useCallback((e=>{I(e),null==u||u(e)}),[I,u]),O=e.useRef(n);e.useEffect((()=>{O.current!==n&&L([]),O.current=n}),[n,L]),e.useEffect((()=>{if(0===E.length)return;const e=E.filter((e=>w.includes(e)));e.length!==E.length&&L(e)}),[w,E,L]);const H=h&&!!f,[D,R]=e.useState(null),N=e.useCallback(((e,t)=>{R((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))}),[]),z=e.useMemo((()=>{const e=l.filter((e=>e.visible)).length;return{registerColumnSticky:N,getStickyRightOffset:t=>{var n;if(null===D||t!==D)return;let r=0;for(let a=t+1;a<e;a++)r+=null!==(n=k[a])&&void 0!==n?n:0;return r},rightStickyColumnIndex:D,getRightStickyZIndexHead:e=>3,getRightStickyZIndexBody:e=>1}}),[k,l,N,D]);return c.default.createElement(tx,{ref:S,bordered:t},c.default.createElement(Fv.Provider,{value:{isSmallLayout:v,rowIds:w,enableRowSelection:h,hasRowControls:H,checkedRows:E,totalCount:i,currentPage:n,pageSize:r,pageSizeOptions:a,columns:l,columnEditFeatures:b,columnWidths:k,rowSpacing:$,setRowIds:C,setCheckedRows:L,setCurrentPage:o,setPageSize:s,setColumns:d,setColumnWidth:V,setRowSpacing:A}},c.default.createElement(Yv.Provider,{value:z},c.default.createElement(Fx,{tableActions:f,customTableActionArea:m}),c.default.createElement(jx,null,p))))},exports.DataTable2ActionButton=({prepend:t,children:n,onClick:r})=>{const{isSmallLayout:a}=e.useContext(Fv);return a?c.default.createElement(et,{prepend:t,onClick:r},n):c.default.createElement(ux,{type:"button",onClick:r},t,n)},exports.DataTable2Body=({children:t})=>{const{rowIds:n,setRowIds:r}=e.useContext(Fv);return e.useEffect((()=>{const a=[];e.Children.forEach(t,(t=>{if(!e.isValidElement(t))return;const n=t.props;"string"==typeof n.id&&a.push(n.id)})),a.length===n.length&&a.every((e=>n.includes(e)))||r(a)}),[t,n,r]),c.default.createElement("tbody",null,t)},exports.DataTable2Cell=({loading:t,sticky:n,children:r})=>{const{getStickyRightOffset:a,rightStickyColumnIndex:i,getRightStickyZIndexBody:l}=e.useContext(Yv),{showStickyRightEdgeDecoration:o}=e.useContext(jv),s=e.useContext(Wv),d=a(s.index),u=void 0!==d&&s.index===i&&o,p=void 0!==d?l(s.index):void 0;return c.default.createElement(mx,{$stickyRightOffset:d,$stickyZIndex:p,$showStickyEdgeDecoration:u},c.default.createElement(kx,null,c.default.createElement($x,null,r),t&&c.default.createElement(Mx,null,c.default.createElement(xl,{width:"20px"}))))},exports.DataTable2Column=({className:t,sticky:r,isResizable:a,width:i,minWidth:l=32,maxWidth:o=1/0,children:s,onWidthChange:d})=>{const{isSmallLayout:u,setColumnWidth:p}=e.useContext(Fv),{registerColumnSticky:f,getStickyRightOffset:m,rightStickyColumnIndex:h,getRightStickyZIndexHead:g}=e.useContext(Yv),{showStickyRightEdgeDecoration:b}=e.useContext(jv),v=e.useContext(Wv),[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),$=e.useRef(0),A=e.useCallback((e=>{y(!0),k.current&&null===I.current&&(I.current=e.pointerId,$.current=i||k.current.clientWidth,M.current=e.clientX)}),[i]),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))($.current+t,l,o);d(n),p(v.index,n)}),[d,l,o,p,v.index]),V=e.useCallback((()=>{y(!1),I.current=null}),[]);return e.useEffect((()=>{if(x)return document.addEventListener("pointermove",S),document.addEventListener("pointerup",V),()=>{document.removeEventListener("pointermove",S),document.removeEventListener("pointerup",V)}}),[x,S,V]),c.default.createElement(fx,{ref:k,className:t,"data-dragging":x,$stickyRightOffset:w,$stickyZIndex:E,$showStickyEdgeDecoration:C,style:{minWidth:isFinite(l)&&l<=o?l:void 0,maxWidth:isFinite(l)&&l<=o?o:void 0}},c.default.createElement(hx,{isSmallLayout:u},s,a&&c.default.createElement(gx,{type:"button","aria-label":"resize the column",onPointerDown:A}),x&&n.createPortal(c.default.createElement(bx,{"data-min":i&&l>=i,"data-max":i&&o<=i}),document.body)))},exports.DataTable2ColumnLabel=({showSortButton:t,sortButtonDirection:n,onSortChange:r,children:a})=>{const i=e.useMemo((()=>"asc"===n?"desc":"desc"!==n?"asc":void 0),[n]),l=e.useCallback((()=>{null==r||r(i)}),[r,i]),o=e.useMemo((()=>"asc"===n?"sort_up":"desc"===n?"sort_down":"sort_inactive"),[n]);return t?c.default.createElement(yx,{type:"button",onClick:l},a,c.default.createElement(D,{name:o,size:"md"})):c.default.createElement(xx,null,a)},exports.DataTable2Head=({children:t})=>{const{hasRowControls:n,columns:r}=e.useContext(Fv),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]),i=e.useMemo((()=>a.sort(((e,t)=>e.order-t.order)).filter((e=>e.visible))),[a]);return c.default.createElement(c.default.Fragment,null,c.default.createElement("colgroup",null,n&&c.default.createElement("col",{style:{width:34}}),i.map((({id:t,child:n})=>e.isValidElement(n)?c.default.createElement("col",{key:t,style:{width:n.props.width}}):null))),c.default.createElement(px,null,c.default.createElement("tr",null,n&&c.default.createElement(Ex,{"aria-label":"empty cell"}),i.map((({id:e,index:t,child:n})=>c.default.createElement(Wv.Provider,{key:e,value:{index:t}},n))))))},exports.DataTable2InlineEditor=({label:t,value:n,children:r,onChange:a})=>{const[i,l]=e.useState(n),[o,s]=e.useState(!1),d=()=>{s(!1),a(i)};return e.useEffect((()=>{l(n)}),[n]),c.default.createElement(Ax,null,r,c.default.createElement(Sx,null,c.default.createElement(qi,null,c.default.createElement(Qi,{width:252,trigger:c.default.createElement(kl,{type:"button",color:"primarySubtle",size:"small",inline:!0,icon:c.default.createElement(D,{name:"pencil",color:"currentColor"})}),open:o,onOpenChange:s},c.default.createElement(Ki,null,t),c.default.createElement(Zi,{value:i,onChange:e=>l(e.target.value),onEnter:d}),c.default.createElement(nl,null),c.default.createElement(rl,null,c.default.createElement(kl,{type:"button",color:"clear",size:"small",onClick:()=>{s(!1),l(n)}},"キャンセル"),c.default.createElement(kl,{type:"button",color:"primary",size:"small",onClick:d},"適用"))))))},exports.DataTable2InlineSelectEditor=({label:t,value:n,options:r,children:a,onChange:i})=>{const[l,o]=e.useState(!1);return c.default.createElement(Ax,null,a,c.default.createElement(Sx,null,c.default.createElement(qi,null,c.default.createElement(Qi,{width:252,trigger:c.default.createElement(kl,{type:"button",color:"primarySubtle",size:"small",inline:!0,icon:c.default.createElement(D,{name:"pencil",color:"currentColor"})}),open:l,onOpenChange:o},c.default.createElement(Ki,null,t),r.map((e=>c.default.createElement(Ka,{key:e,closeOnChange:!0,checked:n===e,onChange:()=>i(e)},e)))))))},exports.DataTable2Row=({id:t,children:n})=>{const{isSmallLayout:r,columns:a,hasRowControls:i,checkedRows:l,setCheckedRows:o,rowSpacing:s}=e.useContext(Fv),d=e.useMemo((()=>l.includes(t)),[t,l]),u=e.useCallback((()=>{const e=l.includes(t)?l.filter((e=>e!==t)):[...l,t];o(e)}),[t,l,o]),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 c.default.createElement(wx,{"data-highlighted":d,"data-spacing":s,isSmallLayout:r},i&&c.default.createElement(Cx,null,c.default.createElement(Ix,null,c.default.createElement(md,{checked:d,"aria-label":"この行を選択",onChange:u}),c.default.createElement("input",{type:"checkbox","aria-label":"この行を選択"}))),f.map((({id:e,index:t,child:n})=>c.default.createElement(Wv.Provider,{key:e,value:{index:t}},n))))},exports.DateField=vy,exports.DateField2=Sy,exports.DatePicker=Zc,exports.DateRangeField=Cy,exports.DateRangeField2=Hy,exports.DateRangePicker=Ry,exports.Divider=Np,exports.Drawer=({isOpen:t,direction:n,onClose:r,size:a="40vw",resizable:i=!1,minSize:l="20vw",maxSize:o="90vw",onResize:s,stickyHeader:d,stickyFooter:u,confirmOnClose:p,allowBackgroundScroll:f=!1,children:m})=>{const h=300,g=Ny(a,n),b=Ny(l,n),v=Ny(o,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,$]=e.useState(w),A=e.useRef(!1),S=e.useRef(0),V=e.useRef(0),L=e.useRef(!1),[O,H]=e.useState(!1),[D,R]=e.useState(null),[N,z]=e.useState(!1),T=c.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=Ny(a,n),t=Ny(l,n),r=Ny(o,n),i=Math.min(t,r),s=Math.max(t,r),c=Math.max(i,Math.min(e,s));"production"!==process.env.NODE_ENV&&(t>r&&console.warn(`Drawer: minSize (${t}px) が maxSize (${r}px) より大きいです。自動補正します。`),(e<i||e>s)&&console.warn(`Drawer: size (${e}px) が min/max の範囲外です。自動補正します。`)),$(c)}),[a,l,o,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(!A.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=V.current+a;i=Math.max(x,Math.min(y,i)),$(i),null==s||s(i)}),[n,x,y,s]),B=e.useCallback((()=>{A.current=!1,document.body.style.userSelect="",document.body.style.cursor="",L.current=!0,setTimeout((()=>{L.current=!1}),100)}),[]),P=e.useCallback((e=>{if(!i)return;e.preventDefault(),e.stopPropagation(),A.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,V.current=M,document.body.style.userSelect="none",document.body.style.cursor=t?"ew-resize":"ns-resize"}),[i,n,M]),_=e.useCallback((e=>{P(e),z(!0)}),[P]),G=e.useCallback((()=>{z(!1)}),[]),F=e.useCallback((()=>{z(!1)}),[]);e.useEffect((()=>{if(!i)return;const e=e=>{A.current&&Z(e)},t=()=>{A.current&&B()},n=e=>{A.current&&Z(e)},r=()=>{A.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)}}),[i,Z,B]);const j=e.useCallback((e=>{T?(R(e),H(!0)):null==r||r(e)}),[T,r]);e.useEffect((()=>{const e=e=>{"Escape"===e.key&&t&&!O&&j("escapeKey")};return t&&window.addEventListener("keydown",e),()=>{window.removeEventListener("keydown",e)}}),[t,O,j]);return C?c.default.createElement(c.default.Fragment,null,T&&c.default.createElement(Sp,{isOpen:O,title:T.title,confirmText:T.confirmText,cancelText:T.cancelText,buttonColor:T.buttonColor,onConfirm:()=>{H(!1),D&&r&&r(D),R(null)},onClose:()=>(H(!1),void R(null))},T.message),c.default.createElement($p,null,f?c.default.createElement(Ty,{direction:n,currentSize:M,shouldShow:I,transitionDuration:h},i&&c.default.createElement(By,{direction:n,"data-testid":"resize-bar",active:N}),i&&c.default.createElement(Zy,{direction:n,"data-testid":"resize-handle",onMouseDown:P,onTouchStart:_,onTouchEnd:G,onTouchCancel:F,onMouseEnter:()=>z(!0),onMouseLeave:()=>z(!1)}),d&&c.default.createElement(Py,null,d),c.default.createElement(_y,null,m),u&&c.default.createElement(Gy,null,u)):c.default.createElement(zy,{shouldShow:I,transitionDuration:h,onClick:e=>{A.current||L.current||e.target===e.currentTarget&&j("backdropClick")}},c.default.createElement(Ty,{direction:n,currentSize:M,shouldShow:I,transitionDuration:h},i&&c.default.createElement(By,{direction:n,"data-testid":"resize-bar",active:N}),i&&c.default.createElement(Zy,{direction:n,"data-testid":"resize-handle",onMouseDown:P,onTouchStart:_,onTouchEnd:G,onTouchCancel:F,onMouseEnter:()=>z(!0),onMouseLeave:()=>z(!1)}),d&&c.default.createElement(Py,null,d),c.default.createElement(_y,null,m),u&&c.default.createElement(Gy,null,u))))):null},exports.DropdownButton=({size:e="medium",color:t="primary",onClick:n,split:r=!1,contents:a=[],disabled:i=!1,children:l,icon:o,selectedValue:s,menuWidth:d=200,loading:u=!1,toggleAriaLabel:p="メニューを開く"})=>{const f=S(),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)(i||m,t),b=c.useMemo((()=>({small:"16px",medium:"18px",large:"20px"}[e])),[e]),v=void 0!==s?s:l,x=c.useMemo((()=>c.createElement(D,{name:"arrow_bottom",size:Fy[e].arrowIconSize,color:g})),[e,g]),y=c.useMemo((()=>m?c.createElement(xl,{width:b}):null),[m,b]),w=!!o,C=!!v,E=m?w?y:void 0:o,I=m?!w&&C||w&&C?h:void 0:v,k=m?w?y:void 0:o,M=(()=>{if(m&&(!w||C))return C?h:void 0})(),$=r?c.createElement(jy,null,c.createElement(Yy,{size:e,color:t,inline:!0,disabled:i||m,icon:E,onClick:n},I),c.createElement(Wy,{size:e,color:t,inline:!0,disabled:i||m,"data-testid":"menu-toggle","aria-label":p},x)):c.createElement(Xy,{size:e,color:t,disabled:i||m,"data-testid":"menu-toggle",icon:k,"aria-label":C?void 0:p},c.createElement(Jy,null,m?M?c.createElement(c.Fragment,null,"string"==typeof M?c.createElement(cl,null,M):M,c.createElement(Uy,null,c.createElement(pl,{pr:.5}),x)):c.createElement(Uy,null,c.createElement(pl,{pr:.5}),x):c.createElement(c.Fragment,null,v&&c.createElement(cl,null,v),c.createElement(Uy,null,c.createElement(pl,{pr:.5}),x))));return c.createElement(qi,null,c.createElement(Qi,{trigger:$,width:d},a.map(((e,t)=>c.createElement(c.Fragment,{key:`${t}-${e.text}`},e.divideTop&&c.createElement(nl,null),(e=>"heading"===e.type?c.createElement(Ki,null,e.text):"helpText"===e.type?c.createElement(tl,{prepend:e.prepend},e.text):void 0!==e.checked?c.createElement(Ka,{closeOnChange:!0,checked:e.checked,color:e.color,disabled:e.disabled,prepend:e.icon,onChange:e.onChange},e.text):c.createElement(et,{closeOnClick:!0,color:e.color,disabled:e.disabled,prepend:e.icon,onClick:e.onClick},e.text))(e))))))},exports.DualListBox=mw,exports.DualListBox2=uC,exports.DualListBox2Accordion=lC,exports.DualListBox2Item=Uw,exports.DualListBox2Section=rC,exports.ErrorText=xc,exports.Fade=Ys,exports.FileUploader=mC,exports.FilterComboBox=({values:t,options:n,selectedIndex:r,selectOptions:a,onChange:i,onSelectChange:l,size:o="medium",variant:s="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),$=e.useMemo((()=>d||("light"===s?"dark":"light")),[s,d]),[A,S]=e.useState(!1),V=e.useRef(null),L=e.useCallback((()=>{V.current&&S(V.current.clientWidth<V.current.scrollWidth)}),[]),O=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=zo(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]),H=e.useMemo((()=>O(x)),[x,O]),R=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=O(x);1===e.length&&(R(e[0][0]),y(""))}),[w,x,O,R]),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));i(n),I(n)}),[t,i]),_=e.useCallback((e=>{M(e),e&&I(t),y("")}),[t]),G=e.useCallback((()=>{i(E),M(!1)}),[i,E]),F=e.useCallback((()=>{I(t),M(!1)}),[t]),j=e.useCallback((()=>{const e=H.map((e=>e[0])),t=[...new Set([...E,...e])];I(t)}),[H,E]),Y=e.useCallback((()=>{I([])}),[]),W=e.useMemo((()=>c.default.createElement(LC,null,c.default.createElement(OC,null,c.default.createElement(VC,{ref:T,autoFocus:!0,value:x,placeholder:u,onChange:z,onKeyDown:B,onCompositionStart:()=>C(!0),onCompositionEnd:()=>C(!1),onEnter:N}),x&&c.default.createElement(HC,{type:"button","aria-label":"検索をリセット",onClick:Z},c.default.createElement(D,{name:"close_circle",type:"fill",color:"currentColor"}))),c.default.createElement(DC,null,c.default.createElement(Us,{content:"すべて選択",positionPriority:["top"],offset:[0,8],disabled:0===H.length},c.default.createElement(kl,{icon:c.default.createElement(D,{name:"check_thin",color:"currentColor"}),size:"small",color:"secondaryDark",disabled:0===H.length,onClick:j})),c.default.createElement(Us,{content:"すべてクリア",positionPriority:["top"],offset:[0,8],disabled:0===H.length},c.default.createElement(kl,{icon:c.default.createElement(D,{name:"close",color:"currentColor"}),size:"small",color:"secondaryDark",disabled:0===H.length,onClick:Y}))))),[x,u,z,B,N,j,Y,Z,H]),X=e.useMemo((()=>c.default.createElement(rl,null,c.default.createElement(kl,{size:"small",color:"clear",onClick:F},h),c.default.createElement(kl,{size:"small",onClick:G},m))),[F,G,m,h]);return e.useEffect((()=>{if(!window.ResizeObserver)return;if(!V.current)return;const e=new window.ResizeObserver((()=>{V.current&&L()}));return e.observe(V.current),L(),()=>{e.disconnect()}}),[L]),c.default.createElement(IC,{variant:s,size:o,selectedIndex:r,selectOptions:a,disabled:f,error:g,isOpen:k,onSelectChange:l},c.default.createElement(MC,{$variant:s,$size:o,"data-overflowing":A},c.default.createElement(qi,null,c.default.createElement(Qi,{open:k&&!f,trigger:c.default.createElement(AC,{type:"button",$variant:s,$size:o,disabled:f,"aria-label":"タグを追加",onClick:()=>{f||M(!k)}},c.default.createElement(SC,null,c.default.createElement(D,{name:"arrow_down",color:"currentColor"}))),stickyHeader:W,stickyFooter:X,noResultsMessage:p,placement:b,middleware:v,onOpenChange:e=>!f&&_(e)},H.length>0?H.map((e=>c.default.createElement(Ka,{key:e[0],checked:E.includes(e[0]),closeOnChange:!1,onChange:()=>R(e[0])},e[0]))):c.default.createElement(Pi,{message:p}))),c.default.createElement($C,{ref:V},t.map((e=>c.default.createElement(EC,{key:e,label:e,size:o,variant:$,onRemove:()=>P(e)}))))))},exports.FilterPositionCalculator=vd,exports.FilterSelectInput=({value:t,options:n,selectedIndex:r,selectOptions:a,onChange:i,onSelectChange:l,size:o="medium",variant:s="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 $=e.useMemo((()=>{const e=y.trim();return""===e?n:n.filter((t=>t.toLowerCase().includes(e.toLowerCase())))}),[n,y]),A=e.useCallback((e=>{x(e.target.value),C||w(e.target.value)}),[C]),S=e.useCallback((e=>{e.stopPropagation(),x(""),w("")}),[]),V=e.useCallback((e=>{"Enter"!==e.key||w(v)}),[v]),L=e.useCallback((e=>{k(e),e||(x(""),w(""))}),[]),O=e.useCallback((e=>{i(e),k(!1)}),[i]),H=e.useCallback((()=>{p||k(!I)}),[p,I]),R=e.useCallback((e=>{p||L(e)}),[p,L]),N=e.useMemo((()=>c.default.createElement(_C,null,c.default.createElement(BC,{autoFocus:!0,value:v,placeholder:d,disabled:p,onChange:A,onKeyDown:V,onCompositionStart:()=>E(!0),onCompositionEnd:()=>E(!1)}),v&&c.default.createElement(GC,{type:"button","aria-label":"検索をリセット",onClick:S},c.default.createElement(D,{name:"close_circle",type:"fill",color:"currentColor"})))),[v,d,p,A,V,S]);return c.default.createElement(IC,{variant:s,size:o,selectedIndex:r,selectOptions:a,disabled:p,error:f,isOpen:I,onSelectChange:l},c.default.createElement(RC,{ref:M},c.default.createElement(qi,null,c.default.createElement(Qi,{open:I&&!p,minWidth:g,trigger:c.default.createElement(NC,{type:"button",$size:o,$variant:s,disabled:p,onClick:H},c.default.createElement(TC,{$size:o},t),c.default.createElement(ZC,null,c.default.createElement(D,{name:"arrow_down",color:"currentColor"}))),stickyHeader:N,placement:m,middleware:h,onOpenChange:R},$.length>0?$.map((e=>c.default.createElement(Ka,{key:e,checked:e===t,disabled:p,onChange:()=>O(e)},e))):c.default.createElement(Pi,{message:u})))))},exports.FilterTagInput=({title:t,values:n,selectedIndex:r,selectOptions:a,onChange:i,onSelectChange:l,size:o="medium",variant:s="dark",tagVariant:d,menuIconSize:u=22,disabled:p=!1,error:f=!1})=>{const{isSmall:m}=e.useContext(CC),[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"===s?"dark":"light")),[s,d]),$=e.useRef(null),A=e.useRef(null),S=e.useCallback((()=>{$.current&&v($.current.clientWidth<$.current.scrollWidth)}),[v]),V=e.useCallback((()=>{if(!$.current||!k.current)return;const e=k.current.getBoundingClientRect(),t=$.current.getBoundingClientRect(),n=Number(window.getComputedStyle($.current).paddingRight.replace("px",""));return t.right-n-e.left}),[]),L=e.useCallback((e=>{const t=e.trim();""!==t?n.includes(t)?g(""):(i([...n,t],r),g(""),requestAnimationFrame((()=>{S(),V()}))):g("")}),[n,i,r,S,V]),O=e.useCallback((e=>{if(!x&&e.target instanceof HTMLInputElement)return"Backspace"===e.key&&0===e.target.selectionStart?(i(n.slice(0,-1),r),void requestAnimationFrame((()=>{S(),V()}))):void("Enter"===e.key&&L(e.target.value))}),[x,i,n,r,S,V,L]),H=e.useCallback((e=>{const t=[...n];t.splice(e,1),i(t,r),requestAnimationFrame((()=>{S(),V()}))}),[n,i,r]),R=e.useCallback(((e,t)=>{i(e,t),l(t),requestAnimationFrame((()=>{S(),V()}))}),[i,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)}),[]),G=e.useCallback((()=>{_(),L(h)}),[_,h,L]);e.useEffect((()=>{if(!window.ResizeObserver)return;if(!$.current)return;const e=new window.ResizeObserver((()=>{$.current&&(S(),V())}));return e.observe($.current),()=>{e.disconnect()}}),[S,V]);const F=e.useMemo((()=>n.map(((e,t)=>c.default.createElement(EC,{key:e,size:o,variant:M,label:e,onRemove:()=>H(t)})))),[n,o,M,H]),j={small:18,medium:20,large:22}[o];return c.default.createElement(c.default.Fragment,null,c.default.createElement(IC,{variant:s,size:o,selectedIndex:r,selectOptions:a,disabled:p,error:f,isOpen:E,onSelectChange:l},c.default.createElement(FC,{ref:$,$size:o,$variant:s},c.default.createElement(jC,{ref:A},F,c.default.createElement(XC,null,c.default.createElement("input",{ref:k,"aria-label":"フィルターする値",disabled:p,type:"text",value:h,enterKeyHint:"enter",onChange:N,onCompositionEnd:T,onCompositionStart:z,onFocus:P,onKeyDown:O,onBlur:G})))),c.default.createElement(WC,{$size:o,$variant:s,"aria-label":"フィルター入力パネルを開く","data-overflowing":b,type:"button",disabled:p,onClick:Z},c.default.createElement(D,{name:m?"filter":"expand_diagonal_s_fill",color:"currentColor",size:j}))),c.default.createElement(uE,{isOpen:w,menuIconSize:u,selectOptions:a,selectedIndex:r,title:t,values:n,onApply:R,onClose:B}))},exports.FixedPanel=fE,exports.Flex=z,exports.FloatingTip=bE,exports.FullSizeConfirmModal=ME,exports.Grow=e=>{var{timeout:t=300,children:n}=e,r=p(e,["timeout","children"]);const a=c.useRef(null);return c.createElement(AE,Object.assign({nodeRef:a,appear:!0,mountOnEnter:!0,timeout:t,classNames:$E},r),c.createElement("div",{ref:a},n))},exports.Icon=D,exports.IconText=e=>{var{icon:t,size:n="medium",pos:r="prepend",prependIcon:a,appendIcon:i,color:l,iconColor:o,textColor:s,children:d}=e,u=p(e,["icon","size","pos","prependIcon","appendIcon","color","iconColor","textColor","children"]);const f=S(),m=!!u.href,h=null!=s?s:m?f.palette.primary.base:null!=l?l:f.palette.black,g=null!=o?o:m?f.palette.primary.base:null!=l?l:f.palette.black;let b,v;return null!=a||null!=i?(b=a,v=i):"append"===r?(b=void 0,v=t):(b=t,v=void 0),c.default.createElement(LE,Object.assign({as:m?"a":"span",$size:n,$isLink:m},u),null!=b&&OE(b,n,g),c.default.createElement(VE,{$color:h},d),null!=v&&OE(v,n,g))},exports.Input=zi,exports.ItemEmpty=$v,exports.LoadingBar=RE,exports.LocaleProvider=({locale:e,children:t})=>c.createElement(Nc.Provider,{value:{locale:e}},t),exports.Menu=Pp,exports.MenuList=Tp,exports.Modal=Ap,exports.MultipleFilter=gI,exports.NUMBER_OPERATORS=Md,exports.NavigationRail=vk,exports.NavigationRailContext=$I,exports.NotificationBadge=RI,exports.PRESET_OPERATORS=Sd,exports.Pager=Cv,exports.Popover=Bp,exports.Portal=$p,exports.RadioButton=lv,exports.RadioCard=xk,exports.Radius=8,exports.SELECT2_SIZES=Qs,exports.SELECTION_OPERATORS=Ad,exports.ScrollArea=wk,exports.Select=_b,exports.Select2=mc,exports.Select2Option=hc,exports.Select2OptionGroup=gc,exports.Select2Separator=bc,exports.Shadow=v,exports.Slide=e=>{var{timeout:t=300,children:n,direction:r="down"}=e,a=p(e,["timeout","children","direction"]);const i=c.useRef(null);return c.createElement(Jk,Object.assign({nodeRef:i,appear:!0,timeout:t,direction:r,classNames:Xk},a),c.createElement("div",{ref:i},n))},exports.Slider=Gk,exports.SliderField=Yk,exports.Snackbar=eM,exports.Space=8,exports.Spacer=pl,exports.Spinner=xl,exports.SplitAnnotation=nM,exports.Switch=fM,exports.TEXT_OPERATORS=kd,exports.Table=IM,exports.Tabs=({ref:e,data:t,value:n,onChange:r,onClick:a})=>{const i=new Map,l=c.useRef(null),[o,s]=c.useState({}),[d,u]=c.useState(null),p=Ws(e,u),f=pM((()=>{const{tabsMeta:e,tabMeta:t}=(()=>{const e=null!=d?d:void 0;let t,r;if(e){const n=e.getBoundingClientRect();t={scrollLeft:e.scrollLeft,left:n.left}}if(e&&n&&l.current){const e=l.current.children;if(e.length>0){const t=e[i.get(n)];r=(null==t?void 0:t.getBoundingClientRect())||null}}return{tabsMeta:t,tabMeta:r}})();let r=0;if(t&&e){const n=e.scrollLeft;r=t.left-e.left+n}const a={left:r,width:t?t.width:0};if(void 0===o.left||void 0===o.width)s(a);else{const e=Math.abs(o.left-a.left),t=Math.abs(o.width-a.width);(e>=1||t>=1)&&s(a)}}));return c.useEffect((()=>{f()})),c.useEffect((()=>{const e=()=>{f()};return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)}),[f]),c.createElement(kM,{ref:p},c.createElement(SM,{style:Object.assign({},o)}),c.createElement(MM,{ref:l,role:"tablist"},t.map(((e,t)=>{const l=e.value,o=l===n;return i.set(l,t),c.createElement(LM,{key:t.toString(),selected:o,value:l,count:e.count,countMax:e.countMax,text:e.text,onChange:r,onClick:a})})),c.createElement(VM,null)))},exports.Tag=ce,exports.TextField=KE,exports.ThemeProvider=({children:e,theme:n})=>c.createElement(t.ThemeContext.Provider,{value:n},e),exports.TimeField=RM,exports.TimeField2=NM,exports.Toast=$$,exports.ToggleButton=R$,exports.Tooltip=Us,exports.Typography=q,exports.WeekTime=Y$,exports.WeekTimeSelector=J$,exports.applyFilter=Dd,exports.applyMultipleFilters=(e,t)=>t.reduce(((e,t)=>Dd(e,t.field,t.operator,t.values)),e),exports.applyOperatorToValue=Hd,exports.breakpointPrimitives=x,exports.buildFilterSlots=Ye,exports.changeOperatorLabel=(e,t)=>Object.assign(Object.assign({},e),{label:t}),exports.changeValueLabel=(e,t)=>Object.assign(Object.assign({},e),{label:t}),exports.clamp=Vk,exports.colors=f,exports.combineOperators=(...e)=>e.flat(),exports.combineValues=(...e)=>e.flat(),exports.createOperator=(e,t)=>({value:e,label:t}),exports.createTheme=$,exports.createValue=(e,t)=>({value:e,label:t}),exports.defaultTheme=A,exports.enUS=Rc,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:l,values:o}=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(o,l,d):Hd(d,l,o)}))},exports.fontSize=X,exports.generateTagText=He,exports.generateTagTitle=e=>{if(e.conditions&&e.conditions.length>0)return Oe(e);const{typeLabel:t,operatorLabel:n,valueLabels:r,isRange:a}=e,i=`が${n}`,l=Le(r,a,"\n");return l?`${t} ${i}\n${l}`:`${t} ${i}`},exports.getAvailableTypes=De,exports.getClampedValue=Lk,exports.getConfiguredFilters=e=>e.filter(je),exports.getFilterTypeLabel=Re,exports.getFilteredItems=Ev,exports.getInitialPersistValue=ye,exports.getKeyboardValue=Rk,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=Dk,exports.getPercentage=Ok,exports.getPersistOptionLabel=we,exports.getPresetOperators=Vd,exports.getPresetOperatorsWithLabels=(e,t)=>{const n=Vd(e);return Ld(n,t)},exports.getPresetSlotId=Fe,exports.getResponsiveFontSizeCss=W,exports.getTagBoldText=Ne,exports.getValueFromPosition=Hk,exports.getValueLabels=e=>e.map((e=>e.label)),exports.getValueStrings=e=>e.map((e=>e.value)),exports.isConfiguredFilter=je,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.isPersistOptionEnabled=xe,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=Y,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=Dc,exports.mergeValues=(...e)=>{const t=e.flat().filter(((e,t,n)=>t===n.findIndex((t=>t.value===e.value))));return t},exports.normalizeForSearch=Od,exports.overrideOperatorLabels=Ld,exports.overrideValueLabels=(e,t)=>e.map((e=>Object.assign(Object.assign({},e),{label:t[e.value]||e.label}))),exports.palette=g,exports.preventScroll=Tk,exports.preventTextSelection=Nk,exports.resolveFontWeight=Q,exports.restoreTextSelection=zk,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=C,exports.useAdvancedFilterState=bd,exports.useContextMenu2Anchor=()=>{const[t,n]=e.useState({x:0,y:0});return{position:t,setPosition:n}},exports.useFilterMenuPosition=xd,exports.useFilterState=Iv,exports.useNavigationRail=MI,exports.useSlider=Zk,exports.useSliderScale=Bk,exports.useTheme=S,exports.zhCN={components:{ConfirmModal:{defaultProps:{confirmText:"确认",cancelText:"取消"}},FullSizeConfirmModal:{defaultProps:{confirmText:"确认",cancelText:"取消"}},FileUploader:{defaultProps:{title:"把文件拖入, 同样支持点击上传。"}},ItemEmpty:{defaultProps:{title:"未找到。"}}}};
|
|
5513
|
+
`,K$=c.default.forwardRef((function(t,n){const r=zc({props:t,name:"WeekTimeSelector"}),{weekList:a,weekTime:i,errorText:l,onChange:o}=r,s=e.useMemo((()=>W$(i)),[i]),[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 l=[...i],o=Math.min(e,n),s=Math.max(e,n),c=Math.min(t,r),d=Math.max(t,r);for(let e=o;e<=s;e++){const t=l[e].map(((t,n)=>e>=o&&e<=s&&n>=c&&n<=d?a:t));l[e]=t}return l})(d.weekIndex,d.timeIndex,e,t,n,[...s]);h("none"),null==o||o((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)}))),c.default.createElement(Q$,{ref:n},c.default.createElement(J$,{weekTime:i,weekList:a,WeekTimeItem:q$,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&&c.default.createElement(pl,{pt:1},c.default.createElement(xc,null,l)))}));exports.ADVANCED_FILTER_CONSTANTS=pe,exports.Accordion=F,exports.ActionButton=ne,exports.AdvancedFilter=yd,exports.AdvancedFilterConfigPanel=gd,exports.AdvancedFilterTrigger=At,exports.Backdrop=Nd,exports.Badge=id,exports.Banner=Gd,exports.BreakPoint=y,exports.Button=kl,exports.ButtonGroup=Wd,exports.Calendar=Ru,exports.CalendarRange=rp,exports.Card=ap,exports.Checkbox=md,exports.CheckboxCard=gp,exports.ClickAwayListener=({onClickAway:e,children:t})=>{const n=c.useRef(null),r=c.useRef(!1);c.useEffect((()=>(setTimeout((()=>{r.current=!0}),0),()=>{r.current=!1})),[]),c.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:Ws(n,t.ref)});return c.cloneElement(t,a)},exports.ConfirmModal=Sp,exports.ContainerBreakPoint=w,exports.ContextMenu=Gp,exports.ContextMenu2=Qi,exports.ContextMenu2ButtonControlsItem=rl,exports.ContextMenu2ButtonItem=et,exports.ContextMenu2CheckItem=Ka,exports.ContextMenu2Container=qi,exports.ContextMenu2HeadingItem=Ki,exports.ContextMenu2HelpTextItem=tl,exports.ContextMenu2SeparatorItem=nl,exports.ContextMenu2SortableFixedItem=$i,exports.ContextMenu2SortableGroup=xi,exports.ContextMenu2SortableItem=Ei,exports.ContextMenu2SwitchItem=li,exports.ContextMenu2TextInputItem=Zi,exports.ContextMenu2TriggerItem=ui,exports.CreatableSelect=Gb,exports.DATE_OPERATORS=$d,exports.DEFAULT_PERSIST_OPTION_LABEL=fe,exports.DataTable=Tv,exports.DataTable2=({bordered:t,currentPage:n,pageSize:r,pageSizeOptions:a,totalCount:i,columns:l,onPageChange:o,onPageSizeChange:s,onColumnsChange:d,onCheckedRowsChange:u,children:p,tableActions:f,customTableActionArea:m,enableRowSelection:h=!0,columnEditFeatures:g})=>{const b=e.useMemo((()=>{return{reorder:null!==(t=null==(e=g)?void 0:e.reorder)&&void 0!==t?t:Zv,visibility:null!==(n=null==e?void 0:e.visibility)&&void 0!==n?n:Bv};var e,t,n}),[g]),[v,x]=e.useState(!1),[w,C]=e.useState([]),[E,I]=e.useState([]),[k,M]=e.useState([]),[$,A]=e.useState(0),S=e.useRef(null),V=e.useCallback(((e,t)=>{const n=[...k];n[e]=t,M(n)}),[k,M]);e.useEffect((()=>{if(!S.current)return;const e=()=>{var e;S.current&&x((null===(e=S.current)||void 0===e?void 0:e.clientWidth)<y.TABLET)},t=new ResizeObserver(e);return e(),t.observe(S.current),()=>{t.disconnect()}}),[]);const L=e.useCallback((e=>{I(e),null==u||u(e)}),[I,u]),O=e.useRef(n);e.useEffect((()=>{O.current!==n&&L([]),O.current=n}),[n,L]),e.useEffect((()=>{if(0===E.length)return;const e=E.filter((e=>w.includes(e)));e.length!==E.length&&L(e)}),[w,E,L]);const H=h&&!!f,[D,R]=e.useState(null),N=e.useCallback(((e,t)=>{R((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))}),[]),z=e.useMemo((()=>{const e=l.filter((e=>e.visible)).length;return{registerColumnSticky:N,getStickyRightOffset:t=>{var n;if(null===D||t!==D)return;let r=0;for(let a=t+1;a<e;a++)r+=null!==(n=k[a])&&void 0!==n?n:0;return r},rightStickyColumnIndex:D,getRightStickyZIndexHead:e=>3,getRightStickyZIndexBody:e=>1}}),[k,l,N,D]);return c.default.createElement(tx,{ref:S,bordered:t},c.default.createElement(Fv.Provider,{value:{isSmallLayout:v,rowIds:w,enableRowSelection:h,hasRowControls:H,checkedRows:E,totalCount:i,currentPage:n,pageSize:r,pageSizeOptions:a,columns:l,columnEditFeatures:b,columnWidths:k,rowSpacing:$,setRowIds:C,setCheckedRows:L,setCurrentPage:o,setPageSize:s,setColumns:d,setColumnWidth:V,setRowSpacing:A}},c.default.createElement(Yv.Provider,{value:z},c.default.createElement(Fx,{tableActions:f,customTableActionArea:m}),c.default.createElement(jx,null,p))))},exports.DataTable2ActionButton=({prepend:t,children:n,onClick:r})=>{const{isSmallLayout:a}=e.useContext(Fv);return a?c.default.createElement(et,{prepend:t,onClick:r},n):c.default.createElement(ux,{type:"button",onClick:r},t,n)},exports.DataTable2Body=({children:t})=>{const{rowIds:n,setRowIds:r}=e.useContext(Fv);return e.useEffect((()=>{const a=[];e.Children.forEach(t,(t=>{if(!e.isValidElement(t))return;const n=t.props;"string"==typeof n.id&&a.push(n.id)})),a.length===n.length&&a.every((e=>n.includes(e)))||r(a)}),[t,n,r]),c.default.createElement("tbody",null,t)},exports.DataTable2Cell=({loading:t,sticky:n,children:r})=>{const{getStickyRightOffset:a,rightStickyColumnIndex:i,getRightStickyZIndexBody:l}=e.useContext(Yv),{showStickyRightEdgeDecoration:o}=e.useContext(jv),s=e.useContext(Wv),d=a(s.index),u=void 0!==d&&s.index===i&&o,p=void 0!==d?l(s.index):void 0;return c.default.createElement(mx,{$stickyRightOffset:d,$stickyZIndex:p,$showStickyEdgeDecoration:u},c.default.createElement(kx,null,c.default.createElement($x,null,r),t&&c.default.createElement(Mx,null,c.default.createElement(xl,{width:"20px"}))))},exports.DataTable2Column=({className:t,sticky:r,isResizable:a,width:i,minWidth:l=32,maxWidth:o=1/0,children:s,onWidthChange:d})=>{const{isSmallLayout:u,setColumnWidth:p}=e.useContext(Fv),{registerColumnSticky:f,getStickyRightOffset:m,rightStickyColumnIndex:h,getRightStickyZIndexHead:g}=e.useContext(Yv),{showStickyRightEdgeDecoration:b}=e.useContext(jv),v=e.useContext(Wv),[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),$=e.useRef(0),A=e.useCallback((e=>{y(!0),k.current&&null===I.current&&(I.current=e.pointerId,$.current=i||k.current.clientWidth,M.current=e.clientX)}),[i]),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))($.current+t,l,o);d(n),p(v.index,n)}),[d,l,o,p,v.index]),V=e.useCallback((()=>{y(!1),I.current=null}),[]);return e.useEffect((()=>{if(x)return document.addEventListener("pointermove",S),document.addEventListener("pointerup",V),()=>{document.removeEventListener("pointermove",S),document.removeEventListener("pointerup",V)}}),[x,S,V]),c.default.createElement(fx,{ref:k,className:t,"data-dragging":x,$stickyRightOffset:w,$stickyZIndex:E,$showStickyEdgeDecoration:C,style:{minWidth:isFinite(l)&&l<=o?l:void 0,maxWidth:isFinite(l)&&l<=o?o:void 0}},c.default.createElement(hx,{isSmallLayout:u},s,a&&c.default.createElement(gx,{type:"button","aria-label":"resize the column",onPointerDown:A}),x&&n.createPortal(c.default.createElement(bx,{"data-min":i&&l>=i,"data-max":i&&o<=i}),document.body)))},exports.DataTable2ColumnLabel=({showSortButton:t,sortButtonDirection:n,onSortChange:r,children:a})=>{const i=e.useMemo((()=>"asc"===n?"desc":"desc"!==n?"asc":void 0),[n]),l=e.useCallback((()=>{null==r||r(i)}),[r,i]),o=e.useMemo((()=>"asc"===n?"sort_up":"desc"===n?"sort_down":"sort_inactive"),[n]);return t?c.default.createElement(yx,{type:"button",onClick:l},a,c.default.createElement(D,{name:o,size:"md"})):c.default.createElement(xx,null,a)},exports.DataTable2Head=({children:t})=>{const{hasRowControls:n,columns:r}=e.useContext(Fv),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]),i=e.useMemo((()=>a.sort(((e,t)=>e.order-t.order)).filter((e=>e.visible))),[a]);return c.default.createElement(c.default.Fragment,null,c.default.createElement("colgroup",null,n&&c.default.createElement("col",{style:{width:34}}),i.map((({id:t,child:n})=>e.isValidElement(n)?c.default.createElement("col",{key:t,style:{width:n.props.width}}):null))),c.default.createElement(px,null,c.default.createElement("tr",null,n&&c.default.createElement(Ex,{"aria-label":"empty cell"}),i.map((({id:e,index:t,child:n})=>c.default.createElement(Wv.Provider,{key:e,value:{index:t}},n))))))},exports.DataTable2InlineEditor=({label:t,value:n,children:r,onChange:a})=>{const[i,l]=e.useState(n),[o,s]=e.useState(!1),d=()=>{s(!1),a(i)};return e.useEffect((()=>{l(n)}),[n]),c.default.createElement(Ax,null,r,c.default.createElement(Sx,null,c.default.createElement(qi,null,c.default.createElement(Qi,{width:252,trigger:c.default.createElement(kl,{type:"button",color:"primarySubtle",size:"small",inline:!0,icon:c.default.createElement(D,{name:"pencil",color:"currentColor"})}),open:o,onOpenChange:s},c.default.createElement(Ki,null,t),c.default.createElement(Zi,{value:i,onChange:e=>l(e.target.value),onEnter:d}),c.default.createElement(nl,null),c.default.createElement(rl,null,c.default.createElement(kl,{type:"button",color:"clear",size:"small",onClick:()=>{s(!1),l(n)}},"キャンセル"),c.default.createElement(kl,{type:"button",color:"primary",size:"small",onClick:d},"適用"))))))},exports.DataTable2InlineSelectEditor=({label:t,value:n,options:r,children:a,onChange:i})=>{const[l,o]=e.useState(!1);return c.default.createElement(Ax,null,a,c.default.createElement(Sx,null,c.default.createElement(qi,null,c.default.createElement(Qi,{width:252,trigger:c.default.createElement(kl,{type:"button",color:"primarySubtle",size:"small",inline:!0,icon:c.default.createElement(D,{name:"pencil",color:"currentColor"})}),open:l,onOpenChange:o},c.default.createElement(Ki,null,t),r.map((e=>c.default.createElement(Ka,{key:e,closeOnChange:!0,checked:n===e,onChange:()=>i(e)},e)))))))},exports.DataTable2Row=({id:t,children:n})=>{const{isSmallLayout:r,columns:a,hasRowControls:i,checkedRows:l,setCheckedRows:o,rowSpacing:s}=e.useContext(Fv),d=e.useMemo((()=>l.includes(t)),[t,l]),u=e.useCallback((()=>{const e=l.includes(t)?l.filter((e=>e!==t)):[...l,t];o(e)}),[t,l,o]),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 c.default.createElement(wx,{"data-highlighted":d,"data-spacing":s,isSmallLayout:r},i&&c.default.createElement(Cx,null,c.default.createElement(Ix,null,c.default.createElement(md,{checked:d,"aria-label":"この行を選択",onChange:u}),c.default.createElement("input",{type:"checkbox","aria-label":"この行を選択"}))),f.map((({id:e,index:t,child:n})=>c.default.createElement(Wv.Provider,{key:e,value:{index:t}},n))))},exports.DateField=vy,exports.DateField2=Sy,exports.DatePicker=Zc,exports.DateRangeField=Cy,exports.DateRangeField2=Hy,exports.DateRangePicker=Ry,exports.Divider=Np,exports.Drawer=({isOpen:t,direction:n,onClose:r,size:a="40vw",resizable:i=!1,minSize:l="20vw",maxSize:o="90vw",onResize:s,stickyHeader:d,stickyFooter:u,confirmOnClose:p,allowBackgroundScroll:f=!1,children:m})=>{const h=300,g=Ny(a,n),b=Ny(l,n),v=Ny(o,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,$]=e.useState(w),A=e.useRef(!1),S=e.useRef(0),V=e.useRef(0),L=e.useRef(!1),[O,H]=e.useState(!1),[D,R]=e.useState(null),[N,z]=e.useState(!1),T=c.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=Ny(a,n),t=Ny(l,n),r=Ny(o,n),i=Math.min(t,r),s=Math.max(t,r),c=Math.max(i,Math.min(e,s));"production"!==process.env.NODE_ENV&&(t>r&&console.warn(`Drawer: minSize (${t}px) が maxSize (${r}px) より大きいです。自動補正します。`),(e<i||e>s)&&console.warn(`Drawer: size (${e}px) が min/max の範囲外です。自動補正します。`)),$(c)}),[a,l,o,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(!A.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=V.current+a;i=Math.max(x,Math.min(y,i)),$(i),null==s||s(i)}),[n,x,y,s]),B=e.useCallback((()=>{A.current=!1,document.body.style.userSelect="",document.body.style.cursor="",L.current=!0,setTimeout((()=>{L.current=!1}),100)}),[]),P=e.useCallback((e=>{if(!i)return;e.preventDefault(),e.stopPropagation(),A.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,V.current=M,document.body.style.userSelect="none",document.body.style.cursor=t?"ew-resize":"ns-resize"}),[i,n,M]),_=e.useCallback((e=>{P(e),z(!0)}),[P]),G=e.useCallback((()=>{z(!1)}),[]),F=e.useCallback((()=>{z(!1)}),[]);e.useEffect((()=>{if(!i)return;const e=e=>{A.current&&Z(e)},t=()=>{A.current&&B()},n=e=>{A.current&&Z(e)},r=()=>{A.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)}}),[i,Z,B]);const j=e.useCallback((e=>{T?(R(e),H(!0)):null==r||r(e)}),[T,r]);e.useEffect((()=>{const e=e=>{"Escape"===e.key&&t&&!O&&j("escapeKey")};return t&&window.addEventListener("keydown",e),()=>{window.removeEventListener("keydown",e)}}),[t,O,j]);return C?c.default.createElement(c.default.Fragment,null,T&&c.default.createElement(Sp,{isOpen:O,title:T.title,confirmText:T.confirmText,cancelText:T.cancelText,buttonColor:T.buttonColor,onConfirm:()=>{H(!1),D&&r&&r(D),R(null)},onClose:()=>(H(!1),void R(null))},T.message),c.default.createElement($p,null,f?c.default.createElement(Ty,{direction:n,currentSize:M,shouldShow:I,transitionDuration:h},i&&c.default.createElement(By,{direction:n,"data-testid":"resize-bar",active:N}),i&&c.default.createElement(Zy,{direction:n,"data-testid":"resize-handle",onMouseDown:P,onTouchStart:_,onTouchEnd:G,onTouchCancel:F,onMouseEnter:()=>z(!0),onMouseLeave:()=>z(!1)}),d&&c.default.createElement(Py,null,d),c.default.createElement(_y,null,m),u&&c.default.createElement(Gy,null,u)):c.default.createElement(zy,{shouldShow:I,transitionDuration:h,onClick:e=>{A.current||L.current||e.target===e.currentTarget&&j("backdropClick")}},c.default.createElement(Ty,{direction:n,currentSize:M,shouldShow:I,transitionDuration:h},i&&c.default.createElement(By,{direction:n,"data-testid":"resize-bar",active:N}),i&&c.default.createElement(Zy,{direction:n,"data-testid":"resize-handle",onMouseDown:P,onTouchStart:_,onTouchEnd:G,onTouchCancel:F,onMouseEnter:()=>z(!0),onMouseLeave:()=>z(!1)}),d&&c.default.createElement(Py,null,d),c.default.createElement(_y,null,m),u&&c.default.createElement(Gy,null,u))))):null},exports.DropdownButton=({size:e="medium",color:t="primary",onClick:n,split:r=!1,contents:a=[],disabled:i=!1,children:l,icon:o,selectedValue:s,menuWidth:d=200,loading:u=!1,toggleAriaLabel:p="メニューを開く"})=>{const f=S(),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)(i||m,t),b=c.useMemo((()=>({small:"16px",medium:"18px",large:"20px"}[e])),[e]),v=void 0!==s?s:l,x=c.useMemo((()=>c.createElement(D,{name:"arrow_bottom",size:Fy[e].arrowIconSize,color:g})),[e,g]),y=c.useMemo((()=>m?c.createElement(xl,{width:b}):null),[m,b]),w=!!o,C=!!v,E=m?w?y:void 0:o,I=m?!w&&C||w&&C?h:void 0:v,k=m?w?y:void 0:o,M=(()=>{if(m&&(!w||C))return C?h:void 0})(),$=r?c.createElement(jy,null,c.createElement(Yy,{size:e,color:t,inline:!0,disabled:i||m,icon:E,onClick:n},I),c.createElement(Wy,{size:e,color:t,inline:!0,disabled:i||m,"data-testid":"menu-toggle","aria-label":p},x)):c.createElement(Xy,{size:e,color:t,disabled:i||m,"data-testid":"menu-toggle",icon:k,"aria-label":C?void 0:p},c.createElement(Jy,null,m?M?c.createElement(c.Fragment,null,"string"==typeof M?c.createElement(cl,null,M):M,c.createElement(Uy,null,c.createElement(pl,{pr:.5}),x)):c.createElement(Uy,null,c.createElement(pl,{pr:.5}),x):c.createElement(c.Fragment,null,v&&c.createElement(cl,null,v),c.createElement(Uy,null,c.createElement(pl,{pr:.5}),x))));return c.createElement(qi,null,c.createElement(Qi,{trigger:$,width:d},a.map(((e,t)=>c.createElement(c.Fragment,{key:`${t}-${e.text}`},e.divideTop&&c.createElement(nl,null),(e=>"heading"===e.type?c.createElement(Ki,null,e.text):"helpText"===e.type?c.createElement(tl,{prepend:e.prepend},e.text):void 0!==e.checked?c.createElement(Ka,{closeOnChange:!0,checked:e.checked,color:e.color,disabled:e.disabled,prepend:e.icon,onChange:e.onChange},e.text):c.createElement(et,{closeOnClick:!0,color:e.color,disabled:e.disabled,prepend:e.icon,onClick:e.onClick},e.text))(e))))))},exports.DualListBox=mw,exports.DualListBox2=uC,exports.DualListBox2Accordion=lC,exports.DualListBox2Item=Uw,exports.DualListBox2Section=rC,exports.ErrorText=xc,exports.Fade=Ys,exports.FileUploader=mC,exports.FilterComboBox=({values:t,options:n,selectedIndex:r,selectOptions:a,onChange:i,onSelectChange:l,size:o="medium",variant:s="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),$=e.useMemo((()=>d||("light"===s?"dark":"light")),[s,d]),[A,S]=e.useState(!1),V=e.useRef(null),L=e.useCallback((()=>{V.current&&S(V.current.clientWidth<V.current.scrollWidth)}),[]),O=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=zo(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]),H=e.useMemo((()=>O(x)),[x,O]),R=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=O(x);1===e.length&&(R(e[0][0]),y(""))}),[w,x,O,R]),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));i(n),I(n)}),[t,i]),_=e.useCallback((e=>{M(e),e&&I(t),y("")}),[t]),G=e.useCallback((()=>{i(E),M(!1)}),[i,E]),F=e.useCallback((()=>{I(t),M(!1)}),[t]),j=e.useCallback((()=>{const e=H.map((e=>e[0])),t=[...new Set([...E,...e])];I(t)}),[H,E]),Y=e.useCallback((()=>{I([])}),[]),W=e.useMemo((()=>c.default.createElement(LC,null,c.default.createElement(OC,null,c.default.createElement(VC,{ref:T,autoFocus:!0,value:x,placeholder:u,onChange:z,onKeyDown:B,onCompositionStart:()=>C(!0),onCompositionEnd:()=>C(!1),onEnter:N}),x&&c.default.createElement(HC,{type:"button","aria-label":"検索をリセット",onClick:Z},c.default.createElement(D,{name:"close_circle",type:"fill",color:"currentColor"}))),c.default.createElement(DC,null,c.default.createElement(Us,{content:"すべて選択",positionPriority:["top"],offset:[0,8],disabled:0===H.length},c.default.createElement(kl,{icon:c.default.createElement(D,{name:"check_thin",color:"currentColor"}),size:"small",color:"secondaryDark",disabled:0===H.length,onClick:j})),c.default.createElement(Us,{content:"すべてクリア",positionPriority:["top"],offset:[0,8],disabled:0===H.length},c.default.createElement(kl,{icon:c.default.createElement(D,{name:"close",color:"currentColor"}),size:"small",color:"secondaryDark",disabled:0===H.length,onClick:Y}))))),[x,u,z,B,N,j,Y,Z,H]),X=e.useMemo((()=>c.default.createElement(rl,null,c.default.createElement(kl,{size:"small",color:"clear",onClick:F},h),c.default.createElement(kl,{size:"small",onClick:G},m))),[F,G,m,h]);return e.useEffect((()=>{if(!window.ResizeObserver)return;if(!V.current)return;const e=new window.ResizeObserver((()=>{V.current&&L()}));return e.observe(V.current),L(),()=>{e.disconnect()}}),[L]),c.default.createElement(IC,{variant:s,size:o,selectedIndex:r,selectOptions:a,disabled:f,error:g,isOpen:k,onSelectChange:l},c.default.createElement(MC,{$variant:s,$size:o,"data-overflowing":A},c.default.createElement(qi,null,c.default.createElement(Qi,{open:k&&!f,trigger:c.default.createElement(AC,{type:"button",$variant:s,$size:o,disabled:f,"aria-label":"タグを追加",onClick:()=>{f||M(!k)}},c.default.createElement(SC,null,c.default.createElement(D,{name:"arrow_down",color:"currentColor"}))),stickyHeader:W,stickyFooter:X,noResultsMessage:p,placement:b,middleware:v,onOpenChange:e=>!f&&_(e)},H.length>0?H.map((e=>c.default.createElement(Ka,{key:e[0],checked:E.includes(e[0]),closeOnChange:!1,onChange:()=>R(e[0])},e[0]))):c.default.createElement(Pi,{message:p}))),c.default.createElement($C,{ref:V},t.map((e=>c.default.createElement(EC,{key:e,label:e,size:o,variant:$,onRemove:()=>P(e)}))))))},exports.FilterPositionCalculator=vd,exports.FilterSelectInput=({value:t,options:n,selectedIndex:r,selectOptions:a,onChange:i,onSelectChange:l,size:o="medium",variant:s="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 $=e.useMemo((()=>{const e=y.trim();return""===e?n:n.filter((t=>t.toLowerCase().includes(e.toLowerCase())))}),[n,y]),A=e.useCallback((e=>{x(e.target.value),C||w(e.target.value)}),[C]),S=e.useCallback((e=>{e.stopPropagation(),x(""),w("")}),[]),V=e.useCallback((e=>{"Enter"!==e.key||w(v)}),[v]),L=e.useCallback((e=>{k(e),e||(x(""),w(""))}),[]),O=e.useCallback((e=>{i(e),k(!1)}),[i]),H=e.useCallback((()=>{p||k(!I)}),[p,I]),R=e.useCallback((e=>{p||L(e)}),[p,L]),N=e.useMemo((()=>c.default.createElement(_C,null,c.default.createElement(BC,{autoFocus:!0,value:v,placeholder:d,disabled:p,onChange:A,onKeyDown:V,onCompositionStart:()=>E(!0),onCompositionEnd:()=>E(!1)}),v&&c.default.createElement(GC,{type:"button","aria-label":"検索をリセット",onClick:S},c.default.createElement(D,{name:"close_circle",type:"fill",color:"currentColor"})))),[v,d,p,A,V,S]);return c.default.createElement(IC,{variant:s,size:o,selectedIndex:r,selectOptions:a,disabled:p,error:f,isOpen:I,onSelectChange:l},c.default.createElement(RC,{ref:M},c.default.createElement(qi,null,c.default.createElement(Qi,{open:I&&!p,minWidth:g,trigger:c.default.createElement(NC,{type:"button",$size:o,$variant:s,disabled:p,onClick:H},c.default.createElement(TC,{$size:o},t),c.default.createElement(ZC,null,c.default.createElement(D,{name:"arrow_down",color:"currentColor"}))),stickyHeader:N,placement:m,middleware:h,onOpenChange:R},$.length>0?$.map((e=>c.default.createElement(Ka,{key:e,checked:e===t,disabled:p,onChange:()=>O(e)},e))):c.default.createElement(Pi,{message:u})))))},exports.FilterTagInput=({title:t,values:n,selectedIndex:r,selectOptions:a,onChange:i,onSelectChange:l,size:o="medium",variant:s="dark",tagVariant:d,menuIconSize:u=22,disabled:p=!1,error:f=!1})=>{const{isSmall:m}=e.useContext(CC),[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"===s?"dark":"light")),[s,d]),$=e.useRef(null),A=e.useRef(null),S=e.useCallback((()=>{$.current&&v($.current.clientWidth<$.current.scrollWidth)}),[v]),V=e.useCallback((()=>{if(!$.current||!k.current)return;const e=k.current.getBoundingClientRect(),t=$.current.getBoundingClientRect(),n=Number(window.getComputedStyle($.current).paddingRight.replace("px",""));return t.right-n-e.left}),[]),L=e.useCallback((e=>{const t=e.trim();""!==t?n.includes(t)?g(""):(i([...n,t],r),g(""),requestAnimationFrame((()=>{S(),V()}))):g("")}),[n,i,r,S,V]),O=e.useCallback((e=>{if(!x&&e.target instanceof HTMLInputElement)return"Backspace"===e.key&&0===e.target.selectionStart?(i(n.slice(0,-1),r),void requestAnimationFrame((()=>{S(),V()}))):void("Enter"===e.key&&L(e.target.value))}),[x,i,n,r,S,V,L]),H=e.useCallback((e=>{const t=[...n];t.splice(e,1),i(t,r),requestAnimationFrame((()=>{S(),V()}))}),[n,i,r]),R=e.useCallback(((e,t)=>{i(e,t),l(t),requestAnimationFrame((()=>{S(),V()}))}),[i,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)}),[]),G=e.useCallback((()=>{_(),L(h)}),[_,h,L]);e.useEffect((()=>{if(!window.ResizeObserver)return;if(!$.current)return;const e=new window.ResizeObserver((()=>{$.current&&(S(),V())}));return e.observe($.current),()=>{e.disconnect()}}),[S,V]);const F=e.useMemo((()=>n.map(((e,t)=>c.default.createElement(EC,{key:e,size:o,variant:M,label:e,onRemove:()=>H(t)})))),[n,o,M,H]),j={small:18,medium:20,large:22}[o];return c.default.createElement(c.default.Fragment,null,c.default.createElement(IC,{variant:s,size:o,selectedIndex:r,selectOptions:a,disabled:p,error:f,isOpen:E,onSelectChange:l},c.default.createElement(FC,{ref:$,$size:o,$variant:s},c.default.createElement(jC,{ref:A},F,c.default.createElement(XC,null,c.default.createElement("input",{ref:k,"aria-label":"フィルターする値",disabled:p,type:"text",value:h,enterKeyHint:"enter",onChange:N,onCompositionEnd:T,onCompositionStart:z,onFocus:P,onKeyDown:O,onBlur:G})))),c.default.createElement(WC,{$size:o,$variant:s,"aria-label":"フィルター入力パネルを開く","data-overflowing":b,type:"button",disabled:p,onClick:Z},c.default.createElement(D,{name:m?"filter":"expand_diagonal_s_fill",color:"currentColor",size:j}))),c.default.createElement(uE,{isOpen:w,menuIconSize:u,selectOptions:a,selectedIndex:r,title:t,values:n,onApply:R,onClose:B}))},exports.FixedPanel=fE,exports.Flex=z,exports.FloatingTip=bE,exports.FullSizeConfirmModal=ME,exports.Grow=e=>{var{timeout:t=300,children:n}=e,r=p(e,["timeout","children"]);const a=c.useRef(null);return c.createElement(AE,Object.assign({nodeRef:a,appear:!0,mountOnEnter:!0,timeout:t,classNames:$E},r),c.createElement("div",{ref:a},n))},exports.Icon=D,exports.IconText=e=>{var{icon:t,size:n="medium",pos:r="prepend",prependIcon:a,appendIcon:i,color:l,iconColor:o,textColor:s,children:d}=e,u=p(e,["icon","size","pos","prependIcon","appendIcon","color","iconColor","textColor","children"]);const f=S(),m=!!u.href,h=null!=s?s:m?f.palette.primary.base:null!=l?l:f.palette.black,g=null!=o?o:m?f.palette.primary.base:null!=l?l:f.palette.black;let b,v;return null!=a||null!=i?(b=a,v=i):"append"===r?(b=void 0,v=t):(b=t,v=void 0),c.default.createElement(LE,Object.assign({as:m?"a":"span",$size:n,$isLink:m},u),null!=b&&OE(b,n,g),c.default.createElement(VE,{$color:h},d),null!=v&&OE(v,n,g))},exports.Input=zi,exports.ItemEmpty=$v,exports.LoadingBar=RE,exports.LocaleProvider=({locale:e,children:t})=>c.createElement(Nc.Provider,{value:{locale:e}},t),exports.Menu=Pp,exports.MenuList=Tp,exports.Modal=Ap,exports.MultipleFilter=gI,exports.NUMBER_OPERATORS=Md,exports.NavigationRail=vk,exports.NavigationRailContext=$I,exports.NotificationBadge=RI,exports.PRESET_OPERATORS=Sd,exports.Pager=Cv,exports.Popover=Bp,exports.Portal=$p,exports.RadioButton=lv,exports.RadioCard=xk,exports.Radius=8,exports.SELECT2_SIZES=Qs,exports.SELECTION_OPERATORS=Ad,exports.ScrollArea=wk,exports.Select=_b,exports.Select2=mc,exports.Select2Option=hc,exports.Select2OptionGroup=gc,exports.Select2Separator=bc,exports.Shadow=v,exports.Slide=e=>{var{timeout:t=300,children:n,direction:r="down"}=e,a=p(e,["timeout","children","direction"]);const i=c.useRef(null);return c.createElement(Jk,Object.assign({nodeRef:i,appear:!0,timeout:t,direction:r,classNames:Xk},a),c.createElement("div",{ref:i},n))},exports.Slider=Gk,exports.SliderField=Yk,exports.Snackbar=eM,exports.Space=8,exports.Spacer=pl,exports.Spinner=xl,exports.SplitAnnotation=nM,exports.Switch=fM,exports.TEXT_OPERATORS=kd,exports.Table=IM,exports.Tabs=({ref:e,data:t,value:n,orientation:r="horizontal",onChange:a,onClick:i})=>{const l="vertical"===r,o=new Map,s=c.useRef(null),[d,u]=c.useState({}),p=Ws(e),f=pM((()=>{var e,t;const r=(()=>{const e=s.current;if(!e||!n)return null;const t=o.get(n);return void 0===t?null:e.children[t]})(),a={left:null!==(e=null==r?void 0:r.offsetLeft)&&void 0!==e?e:0,width:null!==(t=null==r?void 0:r.offsetWidth)&&void 0!==t?t:0};if(void 0===d.left||void 0===d.width)u(a);else{const e=Math.abs(d.left-a.left),t=Math.abs(d.width-a.width);(e>=1||t>=1)&&u(a)}}));c.useEffect((()=>{l||f()})),c.useEffect((()=>{if(l)return;const e=()=>{f()};return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)}),[l,f]);const m=t.map(((e,t)=>{const l=e.value,s=l===n;return o.set(l,t),c.createElement(RM,{key:t.toString(),selected:s,orientation:r,value:l,count:e.count,countMax:e.countMax,text:e.text,onChange:a,onClick:i})}));return c.createElement(kM,{ref:p},l?c.createElement(MM,{ref:s,role:"tablist",$orientation:r,"aria-orientation":"vertical"},m):c.createElement($M,null,c.createElement(AM,null,c.createElement(SM,{ref:s,role:"tablist","aria-orientation":"horizontal"},m,c.createElement(HM,{"aria-hidden":"true",style:Object.assign({},d)}))),c.createElement(DM,null)))},exports.Tag=ce,exports.TextField=KE,exports.ThemeProvider=({children:e,theme:n})=>c.createElement(t.ThemeContext.Provider,{value:n},e),exports.TimeField=ZM,exports.TimeField2=BM,exports.Toast=L$,exports.ToggleButton=Z$,exports.Tooltip=Us,exports.Typography=q,exports.WeekTime=U$,exports.WeekTimeSelector=K$,exports.applyFilter=Dd,exports.applyMultipleFilters=(e,t)=>t.reduce(((e,t)=>Dd(e,t.field,t.operator,t.values)),e),exports.applyOperatorToValue=Hd,exports.breakpointPrimitives=x,exports.buildFilterSlots=Ye,exports.changeOperatorLabel=(e,t)=>Object.assign(Object.assign({},e),{label:t}),exports.changeValueLabel=(e,t)=>Object.assign(Object.assign({},e),{label:t}),exports.clamp=Vk,exports.colors=f,exports.combineOperators=(...e)=>e.flat(),exports.combineValues=(...e)=>e.flat(),exports.createOperator=(e,t)=>({value:e,label:t}),exports.createTheme=$,exports.createValue=(e,t)=>({value:e,label:t}),exports.defaultTheme=A,exports.enUS=Rc,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:l,values:o}=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(o,l,d):Hd(d,l,o)}))},exports.fontSize=X,exports.generateTagText=He,exports.generateTagTitle=e=>{if(e.conditions&&e.conditions.length>0)return Oe(e);const{typeLabel:t,operatorLabel:n,valueLabels:r,isRange:a}=e,i=`が${n}`,l=Le(r,a,"\n");return l?`${t} ${i}\n${l}`:`${t} ${i}`},exports.getAvailableTypes=De,exports.getClampedValue=Lk,exports.getConfiguredFilters=e=>e.filter(je),exports.getFilterTypeLabel=Re,exports.getFilteredItems=Ev,exports.getInitialPersistValue=ye,exports.getKeyboardValue=Rk,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=Dk,exports.getPercentage=Ok,exports.getPersistOptionLabel=we,exports.getPresetOperators=Vd,exports.getPresetOperatorsWithLabels=(e,t)=>{const n=Vd(e);return Ld(n,t)},exports.getPresetSlotId=Fe,exports.getResponsiveFontSizeCss=W,exports.getTagBoldText=Ne,exports.getValueFromPosition=Hk,exports.getValueLabels=e=>e.map((e=>e.label)),exports.getValueStrings=e=>e.map((e=>e.value)),exports.isConfiguredFilter=je,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.isPersistOptionEnabled=xe,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=Y,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=Dc,exports.mergeValues=(...e)=>{const t=e.flat().filter(((e,t,n)=>t===n.findIndex((t=>t.value===e.value))));return t},exports.normalizeForSearch=Od,exports.overrideOperatorLabels=Ld,exports.overrideValueLabels=(e,t)=>e.map((e=>Object.assign(Object.assign({},e),{label:t[e.value]||e.label}))),exports.palette=g,exports.preventScroll=Tk,exports.preventTextSelection=Nk,exports.resolveFontWeight=Q,exports.restoreTextSelection=zk,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=C,exports.useAdvancedFilterState=bd,exports.useContextMenu2Anchor=()=>{const[t,n]=e.useState({x:0,y:0});return{position:t,setPosition:n}},exports.useFilterMenuPosition=xd,exports.useFilterState=Iv,exports.useNavigationRail=MI,exports.useSlider=Zk,exports.useSliderScale=Bk,exports.useTheme=S,exports.zhCN={components:{ConfirmModal:{defaultProps:{confirmText:"确认",cancelText:"取消"}},FullSizeConfirmModal:{defaultProps:{confirmText:"确认",cancelText:"取消"}},FileUploader:{defaultProps:{title:"把文件拖入, 同样支持点击上传。"}},ItemEmpty:{defaultProps:{title:"未找到。"}}}};
|
|
5463
5514
|
//# sourceMappingURL=index.js.map
|