ingred-ui 33.12.0 → 33.12.1
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/DataTable/internal/Table/Row.d.ts +6 -7
- package/dist/index.es.js +424 -424
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +424 -424
- package/dist/index.js.map +1 -1
- package/package.json +13 -6
package/dist/index.js
CHANGED
|
@@ -1170,7 +1170,7 @@ object-assign
|
|
|
1170
1170
|
z-index: 1;
|
|
1171
1171
|
`,xc=t=>{var{value:n,multiple:r=!1,disabled:a=!1,placeholder:i="選択してください",size:o="medium",variant:l="light",tagVariant:s,tagOverflow:d="truncate",showBulkActions:u=!1,selectAllLabel:f="すべて選択",clearAllLabel:m="すべてクリア",searchable:h=!1,searchPlaceholder:g="検索",noResultsMessage:b="見つかりませんでした",showOptionsOnlyWhenSearching:v=!1,searchPromptMessage:x="キーワードを入力してください",error:y=!1,applyButtonText:w="適用",cancelButtonText:C="キャンセル",children:E,onChange:I,onTempChange:k,width:M,minWidth:$,placement:A,middleware:S}=t,V=p(t,["value","multiple","disabled","placeholder","size","variant","tagVariant","tagOverflow","showBulkActions","selectAllLabel","clearAllLabel","searchable","searchPlaceholder","noResultsMessage","showOptionsOnlyWhenSearching","searchPromptMessage","error","applyButtonText","cancelButtonText","children","onChange","onTempChange","width","minWidth","placement","middleware"]);const[L,O]=e.useState(!1),[H,D]=e.useState(""),[R,N]=e.useState([]),[T,Z]=e.useState(!1),B=e.useRef(null),P=e.useMemo((()=>s||("light"===l?"dark":"light")),[l,s]),_=e.useMemo((()=>r?Array.isArray(n)?n:[]:void 0!==n?[n]:[]),[n,r]),F=e.useMemo((()=>{if(!E)return[];const t=[],n=r=>{e.Children.forEach(r,(r=>{if(!e.isValidElement(r))return;const a=r;if(a.type&&"string"!=typeof a.type){const e=a.type.displayName||a.type.name;if("Select2Option"===e){const e=a.props.value,n=a.props.children,r=!!a.props.disabled,i=a.props.prepend,o=a.props.append;void 0!==e&&t.push({value:e,label:String(n),disabled:r,prepend:i,append:o})}else"Select2OptionGroup"===e&&a.props.children&&n(a.props.children)}}))};return n(E),t}),[E]),G=e.useCallback((e=>{null==I||I(e)}),[I]),j=e.useCallback((e=>{a||(O(e),e&&r&&N([..._]),e||D(""))}),[a,r,_]),Y=e.useCallback((e=>{e.disabled||(G(e.value),O(!1),D(""))}),[G]),W=e.useCallback(((e,t)=>{t.disabled||N((n=>e?[...n,t.value]:n.filter((e=>e!==t.value))))}),[]),X=e.useCallback((()=>{r&&G(R),O(!1),D("")}),[G,r,R]),J=e.useCallback((()=>{O(!1),D("")}),[]),U=e.useCallback((e=>{if(r&&Array.isArray(n)){const t=n.filter((t=>t!==e));G(t)}}),[r,n,G]),Q=e.useCallback((e=>{D(e.target.value)}),[]),q=e.useCallback((e=>{e.stopPropagation(),D("")}),[]),K=e.useCallback((()=>{a||j(!L)}),[a,j,L]),ee=e.useMemo((()=>F.find((e=>e.value===n))),[F,n]),te=e.useMemo((()=>r&&Array.isArray(n)?F.filter((e=>n.includes(e.value))):[]),[r,F,n]),ne=v&&h&&""===H.trim(),re=e.useMemo((()=>new Set(r?[..._,...R]:_)),[r,_,R]),ae=e.useMemo((()=>{if(!h||!H)return F;const e=H.trim();if(!e)return F;const t=e.includes(","),n=e.startsWith('"')&&e.endsWith('"'),r=_l(e);return F.filter((a=>{const i=a.label.toLowerCase();return n?r.some((e=>i===e.toLowerCase())):t?r.some((e=>i.includes(e.toLowerCase()))):i.includes(e.toLowerCase())}))}),[F,H,h]),ie=e.useMemo((()=>F.filter((e=>re.has(e.value)))),[F,re]),oe=ne?ie:ae,le=e.useCallback((()=>{const e=oe.filter((e=>!e.disabled)).map((e=>e.value));N((t=>[...new Set([...t,...e])]))}),[oe]),se=e.useCallback((()=>{N([])}),[]),ce=e.useCallback((()=>{B.current&&"wrap"!==d&&Z(B.current.scrollWidth>B.current.clientWidth)}),[d]);e.useEffect((()=>{if(!window.ResizeObserver)return;if(!B.current)return;ce();const e=new window.ResizeObserver((()=>{B.current&&ce()}));return e.observe(B.current),()=>{e.disconnect()}}),[ce,te,d]),e.useEffect((()=>{r&&Array.isArray(n)&&N(n)}),[r,n]),e.useEffect((()=>{r&&"function"==typeof k&&k(R)}),[r,R]);const de=e.useMemo((()=>u&&r?c.default.createElement(bc,null,c.default.createElement(tc,{content:f,positionPriority:["top"],offset:[0,8],disabled:0===oe.length},c.default.createElement(Lo,{icon:c.default.createElement(z,{name:"check_thin",color:"currentColor"}),size:"small",color:"secondaryDark",disabled:0===oe.length,onClick:le})),c.default.createElement(tc,{content:m,positionPriority:["top"],offset:[0,8],disabled:0===oe.length},c.default.createElement(Lo,{icon:c.default.createElement(z,{name:"close",color:"currentColor"}),size:"small",color:"secondaryDark",disabled:0===oe.length,onClick:se}))):null),[u,r,f,m,oe,le,se]),ue=e.useMemo((()=>h&&u&&r?c.default.createElement(hc,null,c.default.createElement(gc,null,c.default.createElement(mc,{autoFocus:!0,placeholder:g,value:H,onChange:Q}),H&&c.default.createElement(vc,{type:"button","aria-label":"検索をリセット",onClick:q},c.default.createElement(z,{name:"close_circle",type:"fill",color:"currentColor"}))),de):h?c.default.createElement(hc,null,c.default.createElement(gc,null,c.default.createElement(mc,{autoFocus:!0,placeholder:g,value:H,onChange:Q}),H&&c.default.createElement(vc,{type:"button","aria-label":"検索をリセット",onClick:q},c.default.createElement(z,{name:"close_circle",type:"fill",color:"currentColor"})))):u&&r?de:null),[h,u,r,H,g,Q,q,de]),pe=e.useMemo((()=>r?c.default.createElement(oo,null,c.default.createElement(Lo,{color:"clear",size:"small",onClick:J},C),c.default.createElement(Lo,{color:"primary",size:"small",onClick:X},w)):null),[r,X,J,w,C]),fe=V,me="string"==typeof fe["aria-label"]||"string"==typeof fe["aria-labelledby"],he=c.default.createElement(ic,Object.assign({$disabled:a,$error:y,$hasValue:r?Array.isArray(n)&&n.length>0:!!ee,$isOpen:L,$multiple:r,$size:o,$variant:l,"aria-expanded":L,"aria-invalid":y,"aria-label":me?void 0:i,disabled:a,role:"combobox",type:"button"},V),r&&Array.isArray(n)&&0===n.length?c.default.createElement(pc,{$disabled:a,$variant:l},i):!r&&c.default.createElement(lc,null,ee?c.default.createElement(c.default.Fragment,null,ee.prepend&&c.default.createElement(cc,{$size:o,$disabled:a},c.default.isValidElement(ee.prepend)&&ee.prepend.type===z?c.default.cloneElement(ee.prepend,{size:parseInt(nc[o].iconSize,10),color:ee.prepend.props.color||"currentColor"}):ee.prepend),c.default.createElement(sc,null,ee.label)):c.default.createElement(pc,{$disabled:a,$variant:l},i)),c.default.createElement(fc,{$disabled:a,$size:o,$multiple:r},c.default.createElement(z,{name:"arrow_down",color:"currentColor"})));return c.default.createElement(rc,null,c.default.createElement(ac,{$disabled:a,$error:y,$isOpen:L,$size:o,$variant:l,$tagOverflow:d,"data-disabled":a,"data-overflowing":"wrap"!==d&&T,style:{cursor:r||a?"default":"pointer"}},c.default.createElement(to,null,c.default.createElement(eo,{noResultsMessage:h?b:void 0,open:L,stickyFooter:pe,stickyHeader:ue,trigger:he,width:M,minWidth:$,placement:A,middleware:S,onOpenChange:j},(()=>{if(ne&&0===oe.length)return c.default.createElement(Gi,{message:x});const t=ne||h&&!!H?new Set(oe.map((e=>e.value))):void 0;if(E){const a=((t,a)=>{const i=[];let o=null;const l=(e,t,i)=>{const o=e.props.value,l=!!e.props.disabled,s=e.props.children,d=e.props.prepend,u=e.props.append;if(a&&!a.has(o))return null;const p=r?R.includes(o):o===n;return c.default.createElement(ni,{key:`${t}-${i}`,checked:p,closeOnChange:!r,disabled:l,tabIndex:0,prepend:d,append:u,onChange:()=>{r?W(!p,{value:o,label:String(s),disabled:l,prepend:d,append:u}):Y({value:o,label:String(s),disabled:l,prepend:d,append:u})}},s)},s=()=>{if(null===o)return;const e=o,t=e.options.map(((t,n)=>l(t,`option-${e.label}`,n))).filter(Boolean);0!==t.length&&(i.push(c.default.createElement(no,{key:`heading-${e.label}`},e.label)),i.push(...t))};return e.Children.forEach(t,(t=>{if(!e.isValidElement(t))return;const n=t;if(n.type&&"string"!=typeof n.type){const t=n.type.displayName||n.type.name;if("Select2OptionGroup"===t)null!==o&&s(),o={label:n.props.label,options:[]},n.props.children&&e.Children.forEach(n.props.children,(t=>{if(e.isValidElement(t)){const e=t;"Select2Option"===(e.type.displayName||e.type.name)&&null!==o&&o.options.push(e)}}));else if("Select2Separator"===t)i.length>0&&i.push(c.default.createElement(io,{key:`separator-${i.length}`}));else if("Select2Option"===t)if(null!==o)o.options.push(n);else{const e=n.props.value;if(a&&!a.has(e))return;i.push(l(n,"option",i.length))}else i.push(n)}})),null!==o&&s(),i})(E,t);return 0===a.length?c.default.createElement(Gi,{message:b}):a}return oe.length>0?oe.map((e=>{const t=r?R.includes(e.value):e.value===n;return c.default.createElement(ni,{key:e.value.toString(),checked:t,closeOnChange:!r,disabled:e.disabled,tabIndex:0,prepend:e.prepend,append:e.append,onChange:()=>{r?W(!t,e):Y(e)}},e.label)})):c.default.createElement(Gi,{message:b})})())),r&&c.default.createElement(oc,{$tagOverflow:d},c.default.createElement(dc,{ref:B,$tagOverflow:d,"data-testid":"tag-container",onClick:K},te.map((e=>{const t=a?void 0:()=>U(e.value);return c.default.createElement(uc,{key:e.value.toString(),disabled:a,label:e.label,size:o,variant:P,onRemove:t})}))))))},yc=e=>null;yc.displayName="Select2Option";const wc=e=>null;wc.displayName="Select2OptionGroup";const Cc=()=>null;Cc.displayName="Select2Separator";const Ec=d.default(ee)`
|
|
1172
1172
|
${C}
|
|
1173
|
-
`,Ic=c.forwardRef((function({children:e,size:t="md"},n){const r=L();return c.createElement(Z,{ref:n,display:"flex",alignItems:"center"},c.createElement(vo,{pr:.5},c.createElement(z,{name:"alert",type:"fill",color:r.palette.danger.base,size:"sm"===t?"sm-md":t})),c.createElement(Ec,{color:r.palette.danger.base,size:t},e))})),kc=e=>{const{inputType:t,selectedValues:n,selectedRadioValue:r,startDate:a,endDate:i,value:o,isRangeOperator:l}=e;return"checkbox"===t?n:"radio"===t?[r]:l?[a,i]:[o]},Mc=(e,t)=>{const n=Fe(e).find((e=>e.value===t));return(null==n?void 0:n.label)||t},$c=e=>{const{conditionConfig:t,inputType:n,operator:r,values:a,dateFormat:i}=e;return a.map((e=>{if("checkbox"===n||"radio"===n){const n=((e,t)=>{if(t){const n=e.operators.find((e=>e.value===t));if(null==n?void 0:n.options)return n.options}return e.options||[]})(t,r).find((t=>t.value===e));return(null==n?void 0:n.label)||String(e)}if("date"===n&&i){const t=String(e);if(!t||""===t.trim())return t;const n=co(t,"YYYY-MM-DD");return n.isValid()?n.format(i):t}return String(e)}))},Ac=e=>{const{inputType:t,operator:n,selectedValues:r,selectedRadioValue:a,startDate:i,endDate:o,value:l,isRangeOperator:s,customValidation:c}=e;if("checkbox"===t){if(0===r.length)return{isValid:!1,errorMessage:"少なくとも1つの項目を選択してください"}}else if("radio"===t){if(""===a||null==a)return{isValid:!1,errorMessage:"項目を選択してください"}}else if(s){if(!i||!o)return{isValid:!1,errorMessage:"開始日と終了日の両方を選択してください"}}else if(!l||""===l.trim())return{isValid:!1,errorMessage:"date"===t?"日付を選択してください":"値を入力してください"};if(c){let e;return e="checkbox"===t?r:"radio"===t?[a]:s?[i,o]:[l],c(e,n)}return s&&new Date(i)>new Date(o)?{isValid:!1,errorMessage:"開始日は終了日より前である必要があります"}:{isValid:!0,errorMessage:""}},Sc=e=>{const{inputType:t,selectedValues:n,selectedRadioValue:r,startDate:a,endDate:i,value:o,isRangeOperator:l}=e;return"checkbox"===t?n.length>0:"radio"===t?""!==r&&null!=r:l?!(!a||!i):!(!o||""===o.trim())},Vc=e=>!1!==e.required,Lc=(e,t)=>{const n=Be(t,e.conditionKey);return n?{condition:e,conditionConfig:n}:null},Oc=e=>{const{condition:t,conditionConfig:n}=e,r=Ge(n,t.operator),a=je(n,t.operator);return Sc({inputType:r,selectedValues:t.selectedValues,selectedRadioValue:t.selectedRadioValue,startDate:t.startDate,endDate:t.endDate,value:t.value,isRangeOperator:a})},Hc=e=>{const{condition:t,conditionConfig:n}=e,r=Ge(n,t.operator),a=je(n,t.operator);return Ac({inputType:r,operator:t.operator,selectedValues:t.selectedValues,selectedRadioValue:t.selectedRadioValue,startDate:t.startDate,endDate:t.endDate,value:t.value,isRangeOperator:a,customValidation:n.customValidation})},Dc=({option:e})=>{var t;return e.icon?c.default.createElement(z,{name:e.icon,type:null!==(t=e.iconType)&&void 0!==t?t:"line",color:e.iconColor}):null};Dc.displayName="OptionValueIcon";const Rc=({options:e,selectedValues:t,onValueToggle:n,disabled:r=!1})=>c.default.createElement(ut,null,e.map((e=>c.default.createElement(ni,{key:String(e.value),checked:t.includes(e.value),disabled:r,prepend:e.icon?c.default.createElement(Dc,{option:e}):void 0,onChange:t=>n(e.value,t)},e.label))));Rc.displayName="CheckboxValueInput";const zc=({options:e,selectedRadioValue:t,onRadioChange:n,disabled:r=!1})=>c.default.createElement(ut,null,e.map((e=>c.default.createElement(ni,{key:String(e.value),checked:t===e.value,disabled:r,prepend:e.icon?c.default.createElement(Dc,{option:e}):void 0,onChange:t=>{r||t&&n(e.value)}},e.label))));zc.displayName="RadioValueInput";const Nc=640,Tc=["日","月","火","水","木","金","土"],Zc={components:{ConfirmModal:{defaultProps:{confirmText:"確認",cancelText:"キャンセル"}},FullSizeConfirmModal:{defaultProps:{confirmText:"確認",cancelText:"キャンセル"}},FileUploader:{defaultProps:{title:"ファイルをドラッグ&ドロップ、またはここをクリック"}},ItemEmpty:{defaultProps:{title:"見つかりませんでした。"}},Select:{defaultProps:{placeholder:"選択...",emptyMessage:"見つかりません"}},CreatableSelect:{defaultProps:{placeholder:"選択...",emptyMessage:"見つかりません",addMessage:"次の文字列を追加する"}},MultipleFilter:{defaultProps:{placeholder:"新しいフィルターを追加してください"}},FilterCard:{defaultProps:{applyButtonTitle:"適用",inputErrorText:"入力してください",formPlaceholder:"検索",sectionTitle:"セクション"}},EditFilterCard:{defaultProps:{}},DatePicker:{defaultProps:{monthFormat:"YYYY年MM月",weekConfig:{start:0,labels:[...Tc]}}},DateRangePicker:{defaultProps:{monthFormat:"YYYY年MM月",weekConfig:{start:0,labels:[...Tc]},applyButtonText:"適用",cancelButtonText:"キャンセル"}},WeekTime:{defaultProps:{weekList:["月","火","水","木","金","土","日"]}},WeekTimeSelector:{defaultProps:{weekList:["月","火","水","木","金","土","日"]}},DualListBox:{defaultProps:{selectedItemTitle:"個選択済み"}}}},Bc={components:{DatePicker:{defaultProps:{monthFormat:"MMM YYYY",weekConfig:{start:0,labels:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"]}}},DateRangePicker:{defaultProps:{monthFormat:"MMM YYYY",weekConfig:{start:0,labels:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"]},applyButtonText:"Apply",cancelButtonText:"Cancel"}},WeekTime:{defaultProps:{weekList:["Mon","Tue","Wed","Thu","Fri","Sat","Sun"]}},WeekTimeSelector:{defaultProps:{weekList:["Mon","Tue","Wed","Thu","Fri","Sat","Sun"]}},DualListBox:{defaultProps:{selectedItemTitle:"selected"}}}},Pc=c.createContext({locale:Bc});function _c(e){var t,n;const{name:r,props:a}=e,i=c.default.useContext(Pc).locale,o=Object.assign({},a);if(!i||!i.components)return o;const l=null===(n=null===(t=i.components)||void 0===t?void 0:t[r])||void 0===n?void 0:n.defaultProps;for(const e in l)void 0===o[e]&&(o[e]=l[e]);return o}const Fc=e.forwardRef((function(t,n){const r=_c({props:t,name:"DatePicker"}),{date:a,format:i="YYYY-MM-DD",disabled:o=!1,size:l="medium",variant:s="light",width:d,monthFormat:u,weekConfig:p,showDateFields:f=!1,showTimeFields:m=!1,timeFieldProps:h,useCalendarRange:g=!1,isOutsideRange:b,error:v=!1,errorText:x,defaultPresetButton:y,presetButtons:w,onPresetButtonClick:C,onDateChange:E,onDatesChange:I,endDate:k}=r,M=L(),[$,A]=e.useState(!1),{context:S,refs:V,strategy:O,x:H,y:D}=Ra({placement:"bottom-start",open:$,onOpenChange:A,middleware:[Nn(10),zn(),Tn({padding:8})]}),R=Ha(S),N=Ga(S),{getReferenceProps:T,getFloatingProps:B}=Na([R,N]),P=e.useCallback((()=>{o||A((e=>!e))}),[o]),_=e.useCallback((e=>{E(e),A(!1)}),[E]),F=e.useMemo((()=>c.default.createElement(z,{name:"date_range",color:o?M.palette.neutral.base:M.palette.text.accent})),[o,M]),G=e.useMemo((()=>"100%"===d||"string"==typeof d&&d.includes("100%")?{width:"100%"}:{width:"fit-content"}),[d]);return c.default.createElement(Z,{ref:n,style:G},c.default.createElement("div",Object.assign({ref:V.setReference},T()),c.default.createElement(Lw,{date:a,format:i,error:v,errorText:x,disabled:o,size:l,variant:s,width:d,append:F,onDateChange:E,onAppendClick:P})),$&&c.default.createElement(Ia,null,c.default.createElement($a,{context:S,modal:!1,initialFocus:-1,returnFocus:!1},g?c.default.createElement(sp,Object.assign({ref:V.setFloating,startDate:a,endDate:k||a,monthFormat:u,weekConfig:p,defaultPresetButton:y,presetButtons:w,showDateFields:f,showTimeFields:m,timeFieldProps:h,dateFieldFormat:i,isOutsideRange:b,style:{position:O,top:null!=D?D:0,left:null!=H?H:0,zIndex:M.depth.calendarRange,overflow:"hidden",maxWidth:"min(640px, calc(100vw - 16px))"},onPresetButtonClick:C,onDatesChange:I},B())):c.default.createElement(Bu,Object.assign({ref:V.setFloating,date:a,monthFormat:u,weekConfig:p,defaultPresetButton:y,presetButtons:w,showDateFields:f,showTimeFields:m,timeFieldProps:h,dateFieldFormat:i,isOutsideRange:b,style:{position:O,top:null!=D?D:0,left:null!=H?H:0,zIndex:M.depth.calendar,overflow:"hidden",maxWidth:"min(640px, calc(100vw - 16px))"},onPresetButtonClick:C,onDateChange:_},B())))))}));var Gc=e.memo(Fc);const jc=({startDate:t,endDate:n,onStartDateChange:r,onEndDateChange:a,format:i="YYYY-MM-DD",disabled:o=!1})=>{const l=e.useMemo((()=>{if(t&&""!==t.trim()){const e=co(t,"YYYY-MM-DD");return e.isValid()?e:co()}return co()}),[t]),s=e.useMemo((()=>{if(n&&""!==n.trim()){const e=co(n,"YYYY-MM-DD");return e.isValid()?e:co()}return co()}),[n]);return c.default.createElement(it,null,c.default.createElement(lt,null,c.default.createElement(dt,{htmlFor:"start-date-picker"},"開始日"),c.default.createElement(Gc,{date:l,format:i,variant:"dark",width:"100%",disabled:o,onDateChange:e=>{r(e.format("YYYY-MM-DD"))}})),c.default.createElement(lt,null,c.default.createElement(dt,{htmlFor:"end-date-picker"},"終了日"),c.default.createElement(Gc,{date:s,format:i,variant:"dark",width:"100%",disabled:o,onDateChange:e=>{a(e.format("YYYY-MM-DD"))}})))};jc.displayName="DateRangeInput";const Yc=({inputType:t,value:n,placeholder:r,onValueChange:a,onKeyDown:i,format:o="YYYY-MM-DD",inputRef:l,disabled:s=!1})=>{const d=e.useMemo((()=>{if("date"===t&&n&&""!==n.trim()){const e=co(n,"YYYY-MM-DD");return e.isValid()?e:co()}return co()}),[t,n]),u=e=>{const t=e.format("YYYY-MM-DD");a(t)};return"date"===t?c.default.createElement(ct,null,c.default.createElement(Gc,{date:d,format:o,variant:"dark",width:"100%",disabled:s,onDateChange:u})):c.default.createElement(st,null,c.default.createElement(Bi,{ref:l,type:"text",value:n,placeholder:r,fullWidth:!0,variant:"dark",disabled:s,onChange:e=>a(e.target.value),onKeyDown:i}))};Yc.displayName="TextValueInput";const Wc=({filterConfig:e,operator:t,value:n,selectedValues:r,selectedRadioValue:a,startDate:i,endDate:o,onValueChange:l,onValueToggle:s,onRadioChange:d,onStartDateChange:u,onEndDateChange:p,onKeyDown:f,isRangeOperator:m,textInputRef:h,disabled:g=!1})=>{const b=Se(e,t);return"checkbox"===b?c.default.createElement(Rc,{options:Le(e,t),selectedValues:r,disabled:g,onValueToggle:s}):"radio"===b?c.default.createElement(zc,{options:Le(e,t),selectedRadioValue:a,disabled:g,onRadioChange:d}):m(t)?c.default.createElement(jc,{startDate:i,endDate:o,format:Oe(e),disabled:g,onStartDateChange:u,onEndDateChange:p}):c.default.createElement(Yc,{inputType:b,inputRef:"text"===b?h:void 0,value:n,placeholder:Ve(e),format:"date"===b?Oe(e):void 0,disabled:g,onValueChange:l,onKeyDown:f})};Wc.displayName="ConfigPanelValueInput";const Xc=(e,t,n)=>{if(!t)return((e,t)=>{const n=_e(e),r=Ge(e,n);let a="",i="",o="";return je(e,n)?(i=t,o=t):"date"===r&&(a=t),{id:`condition_${e.conditionKey}`,conditionKey:e.conditionKey,conditionLabel:e.conditionLabel,operator:n,value:a,selectedValues:[],selectedRadioValue:"",startDate:i,endDate:o}})(e,n);let r="",a=[],i="",o="",l="";if((t.isRange||!1)&&t.values.length>=2)o="string"==typeof t.values[0]?t.values[0]:"",l="string"==typeof t.values[1]?t.values[1]:"";else if(t.values.length>0){const e=t.values[0];"string"==typeof e&&(r=e),a=t.values,i=e}return{id:`condition_${e.conditionKey}`,conditionKey:t.conditionKey,conditionLabel:t.conditionLabel,operator:t.operator,value:r,selectedValues:a,selectedRadioValue:i,startDate:o,endDate:l}},Jc={xs:{iconSize:12,height:"18px",pillHeight:"18px",gap:"2px",padding:e=>.5*e.spacing+"px",signalPaddingLeft:"2px",signalPaddingRight:"4px",dotSize:12,fontSize:"11px"},small:{iconSize:14,height:"22px",pillHeight:"20px",gap:"2px",padding:e=>.75*e.spacing+"px",signalPaddingLeft:"4px",signalPaddingRight:"6px",dotSize:14,fontSize:"12px"},medium:{iconSize:16,height:"24px",pillHeight:"24px",gap:"4px",padding:e=>`${e.spacing}px`,signalPaddingLeft:"4px",signalPaddingRight:"6px",dotSize:16,fontSize:"13px"}},Uc={normal:{primary:e=>e.palette.primary.highlight,secondaryDark:e=>e.palette.neutral.softLight,success:e=>e.palette.success.softLight||e.palette.success.lighter,warning:e=>e.palette.warning.highlight,danger:e=>e.palette.danger.highlight,inverse:e=>e.palette.black},pill:{primary:e=>e.palette.primary.base,secondaryDark:e=>e.palette.neutral.softLight,success:e=>e.palette.success.base,warning:e=>e.palette.warning.base,danger:e=>e.palette.danger.base,inverse:e=>e.palette.black},signal:{primary:e=>e.palette.primary.base,secondaryDark:e=>e.palette.neutral.base,success:e=>e.palette.success.base,warning:e=>e.palette.warning.base,danger:e=>e.palette.danger.base,inverse:e=>e.palette.black}},Qc={normal:{primary:e=>e.palette.text.accent,secondaryDark:e=>e.palette.text.secondary,success:e=>e.palette.success.darker,warning:e=>e.palette.warning.ultraDark,danger:e=>e.palette.danger.base,inverse:e=>e.palette.text.white},pill:{primary:e=>e.palette.text.white,secondaryDark:e=>e.palette.text.secondary,success:e=>e.palette.text.white,warning:e=>e.palette.warning.ultraDark,danger:e=>e.palette.text.white,inverse:e=>e.palette.text.white},signal:{primary:e=>e.palette.text.accent,secondaryDark:e=>e.palette.text.secondary,success:e=>e.palette.success.darker,warning:e=>e.palette.warning.ultraDark,danger:e=>e.palette.danger.darker,inverse:e=>e.palette.text.primary}},qc=(e,t,n)=>Uc[n][e](t),Kc=(e,t,n)=>Qc[n][e](t),ed={primary:e=>e.palette.primary.base,secondaryDark:e=>e.palette.neutral.light,success:e=>e.palette.success.base,warning:e=>e.palette.warning.base,danger:e=>e.palette.danger.base,inverse:e=>e.palette.neutral.light},td=(e,t)=>ed[e](t),nd={primary:e=>e.palette.primary.ultraLight,secondaryDark:e=>e.palette.neutral.ultraLight,success:e=>e.palette.success.ultraLight,warning:e=>e.palette.warning.ultraLight,danger:e=>e.palette.danger.ultraLight,inverse:e=>e.palette.neutral.pure},rd=(e,t)=>nd[e](t),ad=t.css`
|
|
1173
|
+
`,Ic=c.forwardRef((function({children:e,size:t="md"},n){const r=L();return c.createElement(Z,{ref:n,display:"flex",alignItems:"center"},c.createElement(vo,{pr:.5},c.createElement(z,{name:"alert",type:"fill",color:r.palette.danger.base,size:"sm"===t?"sm-md":t})),c.createElement(Ec,{color:r.palette.danger.base,size:t},e))})),kc=e=>{const{inputType:t,selectedValues:n,selectedRadioValue:r,startDate:a,endDate:i,value:o,isRangeOperator:l}=e;return"checkbox"===t?n:"radio"===t?[r]:l?[a,i]:[o]},Mc=(e,t)=>{const n=Fe(e).find((e=>e.value===t));return(null==n?void 0:n.label)||t},$c=e=>{const{conditionConfig:t,inputType:n,operator:r,values:a,dateFormat:i}=e;return a.map((e=>{if("checkbox"===n||"radio"===n){const n=((e,t)=>{if(t){const n=e.operators.find((e=>e.value===t));if(null==n?void 0:n.options)return n.options}return e.options||[]})(t,r).find((t=>t.value===e));return(null==n?void 0:n.label)||String(e)}if("date"===n&&i){const t=String(e);if(!t||""===t.trim())return t;const n=co(t,"YYYY-MM-DD");return n.isValid()?n.format(i):t}return String(e)}))},Ac=e=>{const{inputType:t,operator:n,selectedValues:r,selectedRadioValue:a,startDate:i,endDate:o,value:l,isRangeOperator:s,customValidation:c}=e;if("checkbox"===t){if(0===r.length)return{isValid:!1,errorMessage:"少なくとも1つの項目を選択してください"}}else if("radio"===t){if(""===a||null==a)return{isValid:!1,errorMessage:"項目を選択してください"}}else if(s){if(!i||!o)return{isValid:!1,errorMessage:"開始日と終了日の両方を選択してください"}}else if(!l||""===l.trim())return{isValid:!1,errorMessage:"date"===t?"日付を選択してください":"値を入力してください"};if(c){let e;return e="checkbox"===t?r:"radio"===t?[a]:s?[i,o]:[l],c(e,n)}return s&&new Date(i)>new Date(o)?{isValid:!1,errorMessage:"開始日は終了日より前である必要があります"}:{isValid:!0,errorMessage:""}},Sc=e=>{const{inputType:t,selectedValues:n,selectedRadioValue:r,startDate:a,endDate:i,value:o,isRangeOperator:l}=e;return"checkbox"===t?n.length>0:"radio"===t?""!==r&&null!=r:l?!(!a||!i):!(!o||""===o.trim())},Vc=e=>!1!==e.required,Lc=(e,t)=>{const n=Be(t,e.conditionKey);return n?{condition:e,conditionConfig:n}:null},Oc=e=>{const{condition:t,conditionConfig:n}=e,r=Ge(n,t.operator),a=je(n,t.operator);return Sc({inputType:r,selectedValues:t.selectedValues,selectedRadioValue:t.selectedRadioValue,startDate:t.startDate,endDate:t.endDate,value:t.value,isRangeOperator:a})},Hc=e=>{const{condition:t,conditionConfig:n}=e,r=Ge(n,t.operator),a=je(n,t.operator);return Ac({inputType:r,operator:t.operator,selectedValues:t.selectedValues,selectedRadioValue:t.selectedRadioValue,startDate:t.startDate,endDate:t.endDate,value:t.value,isRangeOperator:a,customValidation:n.customValidation})},Dc=({option:e})=>{var t;return e.icon?c.default.createElement(z,{name:e.icon,type:null!==(t=e.iconType)&&void 0!==t?t:"line",color:e.iconColor}):null};Dc.displayName="OptionValueIcon";const Rc=({options:e,selectedValues:t,onValueToggle:n,disabled:r=!1})=>c.default.createElement(ut,null,e.map((e=>c.default.createElement(ni,{key:String(e.value),checked:t.includes(e.value),disabled:r,prepend:e.icon?c.default.createElement(Dc,{option:e}):void 0,onChange:t=>n(e.value,t)},e.label))));Rc.displayName="CheckboxValueInput";const zc=({options:e,selectedRadioValue:t,onRadioChange:n,disabled:r=!1})=>c.default.createElement(ut,null,e.map((e=>c.default.createElement(ni,{key:String(e.value),checked:t===e.value,disabled:r,prepend:e.icon?c.default.createElement(Dc,{option:e}):void 0,onChange:t=>{r||t&&n(e.value)}},e.label))));zc.displayName="RadioValueInput";const Nc=640,Tc=["日","月","火","水","木","金","土"],Zc={components:{ConfirmModal:{defaultProps:{confirmText:"確認",cancelText:"キャンセル"}},FullSizeConfirmModal:{defaultProps:{confirmText:"確認",cancelText:"キャンセル"}},FileUploader:{defaultProps:{title:"ファイルをドラッグ&ドロップ、またはここをクリック"}},ItemEmpty:{defaultProps:{title:"見つかりませんでした。"}},Select:{defaultProps:{placeholder:"選択...",emptyMessage:"見つかりません"}},CreatableSelect:{defaultProps:{placeholder:"選択...",emptyMessage:"見つかりません",addMessage:"次の文字列を追加する"}},MultipleFilter:{defaultProps:{placeholder:"新しいフィルターを追加してください"}},FilterCard:{defaultProps:{applyButtonTitle:"適用",inputErrorText:"入力してください",formPlaceholder:"検索",sectionTitle:"セクション"}},EditFilterCard:{defaultProps:{}},DatePicker:{defaultProps:{monthFormat:"YYYY年MM月",weekConfig:{start:0,labels:[...Tc]}}},DateRangePicker:{defaultProps:{monthFormat:"YYYY年MM月",weekConfig:{start:0,labels:[...Tc]},applyButtonText:"適用",cancelButtonText:"キャンセル"}},WeekTime:{defaultProps:{weekList:["月","火","水","木","金","土","日"]}},WeekTimeSelector:{defaultProps:{weekList:["月","火","水","木","金","土","日"]}},DualListBox:{defaultProps:{selectedItemTitle:"個選択済み"}}}},Bc={components:{DatePicker:{defaultProps:{monthFormat:"MMM YYYY",weekConfig:{start:0,labels:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"]}}},DateRangePicker:{defaultProps:{monthFormat:"MMM YYYY",weekConfig:{start:0,labels:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"]},applyButtonText:"Apply",cancelButtonText:"Cancel"}},WeekTime:{defaultProps:{weekList:["Mon","Tue","Wed","Thu","Fri","Sat","Sun"]}},WeekTimeSelector:{defaultProps:{weekList:["Mon","Tue","Wed","Thu","Fri","Sat","Sun"]}},DualListBox:{defaultProps:{selectedItemTitle:"selected"}}}},Pc=c.createContext({locale:Bc});function _c(e){var t,n;const{name:r,props:a}=e,i=c.default.useContext(Pc).locale,o=Object.assign({},a);if(!i||!i.components)return o;const l=null===(n=null===(t=i.components)||void 0===t?void 0:t[r])||void 0===n?void 0:n.defaultProps;for(const e in l)void 0===o[e]&&(o[e]=l[e]);return o}const Fc=e.forwardRef((function(t,n){const r=_c({props:t,name:"DatePicker"}),{date:a,format:i="YYYY-MM-DD",disabled:o=!1,size:l="medium",variant:s="light",width:d,monthFormat:u,weekConfig:p,showDateFields:f=!1,showTimeFields:m=!1,timeFieldProps:h,useCalendarRange:g=!1,isOutsideRange:b,error:v=!1,errorText:x,defaultPresetButton:y,presetButtons:w,onPresetButtonClick:C,onDateChange:E,onDatesChange:I,endDate:k}=r,M=L(),[$,A]=e.useState(!1),{context:S,refs:V,strategy:O,x:H,y:D}=Ra({placement:"bottom-start",open:$,onOpenChange:A,middleware:[Nn(10),zn(),Tn({padding:8})]}),R=Ha(S),N=Ga(S),{getReferenceProps:T,getFloatingProps:B}=Na([R,N]),P=e.useCallback((()=>{o||A((e=>!e))}),[o]),_=e.useCallback((e=>{E(e),A(!1)}),[E]),F=e.useMemo((()=>c.default.createElement(z,{name:"date_range",color:o?M.palette.neutral.base:M.palette.text.accent})),[o,M]),G=e.useMemo((()=>"100%"===d||"string"==typeof d&&d.includes("100%")?{width:"100%"}:{width:"fit-content"}),[d]);return c.default.createElement(Z,{ref:n,style:G},c.default.createElement("div",Object.assign({ref:V.setReference},T()),c.default.createElement(Ow,{date:a,format:i,error:v,errorText:x,disabled:o,size:l,variant:s,width:d,append:F,onDateChange:E,onAppendClick:P})),$&&c.default.createElement(Ia,null,c.default.createElement($a,{context:S,modal:!1,initialFocus:-1,returnFocus:!1},g?c.default.createElement(sp,Object.assign({ref:V.setFloating,startDate:a,endDate:k||a,monthFormat:u,weekConfig:p,defaultPresetButton:y,presetButtons:w,showDateFields:f,showTimeFields:m,timeFieldProps:h,dateFieldFormat:i,isOutsideRange:b,style:{position:O,top:null!=D?D:0,left:null!=H?H:0,zIndex:M.depth.calendarRange,overflow:"hidden",maxWidth:"min(640px, calc(100vw - 16px))"},onPresetButtonClick:C,onDatesChange:I},B())):c.default.createElement(Bu,Object.assign({ref:V.setFloating,date:a,monthFormat:u,weekConfig:p,defaultPresetButton:y,presetButtons:w,showDateFields:f,showTimeFields:m,timeFieldProps:h,dateFieldFormat:i,isOutsideRange:b,style:{position:O,top:null!=D?D:0,left:null!=H?H:0,zIndex:M.depth.calendar,overflow:"hidden",maxWidth:"min(640px, calc(100vw - 16px))"},onPresetButtonClick:C,onDateChange:_},B())))))}));var Gc=e.memo(Fc);const jc=({startDate:t,endDate:n,onStartDateChange:r,onEndDateChange:a,format:i="YYYY-MM-DD",disabled:o=!1})=>{const l=e.useMemo((()=>{if(t&&""!==t.trim()){const e=co(t,"YYYY-MM-DD");return e.isValid()?e:co()}return co()}),[t]),s=e.useMemo((()=>{if(n&&""!==n.trim()){const e=co(n,"YYYY-MM-DD");return e.isValid()?e:co()}return co()}),[n]);return c.default.createElement(it,null,c.default.createElement(lt,null,c.default.createElement(dt,{htmlFor:"start-date-picker"},"開始日"),c.default.createElement(Gc,{date:l,format:i,variant:"dark",width:"100%",disabled:o,onDateChange:e=>{r(e.format("YYYY-MM-DD"))}})),c.default.createElement(lt,null,c.default.createElement(dt,{htmlFor:"end-date-picker"},"終了日"),c.default.createElement(Gc,{date:s,format:i,variant:"dark",width:"100%",disabled:o,onDateChange:e=>{a(e.format("YYYY-MM-DD"))}})))};jc.displayName="DateRangeInput";const Yc=({inputType:t,value:n,placeholder:r,onValueChange:a,onKeyDown:i,format:o="YYYY-MM-DD",inputRef:l,disabled:s=!1})=>{const d=e.useMemo((()=>{if("date"===t&&n&&""!==n.trim()){const e=co(n,"YYYY-MM-DD");return e.isValid()?e:co()}return co()}),[t,n]),u=e=>{const t=e.format("YYYY-MM-DD");a(t)};return"date"===t?c.default.createElement(ct,null,c.default.createElement(Gc,{date:d,format:o,variant:"dark",width:"100%",disabled:s,onDateChange:u})):c.default.createElement(st,null,c.default.createElement(Bi,{ref:l,type:"text",value:n,placeholder:r,fullWidth:!0,variant:"dark",disabled:s,onChange:e=>a(e.target.value),onKeyDown:i}))};Yc.displayName="TextValueInput";const Wc=({filterConfig:e,operator:t,value:n,selectedValues:r,selectedRadioValue:a,startDate:i,endDate:o,onValueChange:l,onValueToggle:s,onRadioChange:d,onStartDateChange:u,onEndDateChange:p,onKeyDown:f,isRangeOperator:m,textInputRef:h,disabled:g=!1})=>{const b=Se(e,t);return"checkbox"===b?c.default.createElement(Rc,{options:Le(e,t),selectedValues:r,disabled:g,onValueToggle:s}):"radio"===b?c.default.createElement(zc,{options:Le(e,t),selectedRadioValue:a,disabled:g,onRadioChange:d}):m(t)?c.default.createElement(jc,{startDate:i,endDate:o,format:Oe(e),disabled:g,onStartDateChange:u,onEndDateChange:p}):c.default.createElement(Yc,{inputType:b,inputRef:"text"===b?h:void 0,value:n,placeholder:Ve(e),format:"date"===b?Oe(e):void 0,disabled:g,onValueChange:l,onKeyDown:f})};Wc.displayName="ConfigPanelValueInput";const Xc=(e,t,n)=>{if(!t)return((e,t)=>{const n=_e(e),r=Ge(e,n);let a="",i="",o="";return je(e,n)?(i=t,o=t):"date"===r&&(a=t),{id:`condition_${e.conditionKey}`,conditionKey:e.conditionKey,conditionLabel:e.conditionLabel,operator:n,value:a,selectedValues:[],selectedRadioValue:"",startDate:i,endDate:o}})(e,n);let r="",a=[],i="",o="",l="";if((t.isRange||!1)&&t.values.length>=2)o="string"==typeof t.values[0]?t.values[0]:"",l="string"==typeof t.values[1]?t.values[1]:"";else if(t.values.length>0){const e=t.values[0];"string"==typeof e&&(r=e),a=t.values,i=e}return{id:`condition_${e.conditionKey}`,conditionKey:t.conditionKey,conditionLabel:t.conditionLabel,operator:t.operator,value:r,selectedValues:a,selectedRadioValue:i,startDate:o,endDate:l}},Jc={xs:{iconSize:12,height:"18px",pillHeight:"18px",gap:"2px",padding:e=>.5*e.spacing+"px",signalPaddingLeft:"2px",signalPaddingRight:"4px",dotSize:12,fontSize:"11px"},small:{iconSize:14,height:"22px",pillHeight:"20px",gap:"2px",padding:e=>.75*e.spacing+"px",signalPaddingLeft:"4px",signalPaddingRight:"6px",dotSize:14,fontSize:"12px"},medium:{iconSize:16,height:"24px",pillHeight:"24px",gap:"4px",padding:e=>`${e.spacing}px`,signalPaddingLeft:"4px",signalPaddingRight:"6px",dotSize:16,fontSize:"13px"}},Uc={normal:{primary:e=>e.palette.primary.highlight,secondaryDark:e=>e.palette.neutral.softLight,success:e=>e.palette.success.softLight||e.palette.success.lighter,warning:e=>e.palette.warning.highlight,danger:e=>e.palette.danger.highlight,inverse:e=>e.palette.black},pill:{primary:e=>e.palette.primary.base,secondaryDark:e=>e.palette.neutral.softLight,success:e=>e.palette.success.base,warning:e=>e.palette.warning.base,danger:e=>e.palette.danger.base,inverse:e=>e.palette.black},signal:{primary:e=>e.palette.primary.base,secondaryDark:e=>e.palette.neutral.base,success:e=>e.palette.success.base,warning:e=>e.palette.warning.base,danger:e=>e.palette.danger.base,inverse:e=>e.palette.black}},Qc={normal:{primary:e=>e.palette.text.accent,secondaryDark:e=>e.palette.text.secondary,success:e=>e.palette.success.darker,warning:e=>e.palette.warning.ultraDark,danger:e=>e.palette.danger.base,inverse:e=>e.palette.text.white},pill:{primary:e=>e.palette.text.white,secondaryDark:e=>e.palette.text.secondary,success:e=>e.palette.text.white,warning:e=>e.palette.warning.ultraDark,danger:e=>e.palette.text.white,inverse:e=>e.palette.text.white},signal:{primary:e=>e.palette.text.accent,secondaryDark:e=>e.palette.text.secondary,success:e=>e.palette.success.darker,warning:e=>e.palette.warning.ultraDark,danger:e=>e.palette.danger.darker,inverse:e=>e.palette.text.primary}},qc=(e,t,n)=>Uc[n][e](t),Kc=(e,t,n)=>Qc[n][e](t),ed={primary:e=>e.palette.primary.base,secondaryDark:e=>e.palette.neutral.light,success:e=>e.palette.success.base,warning:e=>e.palette.warning.base,danger:e=>e.palette.danger.base,inverse:e=>e.palette.neutral.light},td=(e,t)=>ed[e](t),nd={primary:e=>e.palette.primary.ultraLight,secondaryDark:e=>e.palette.neutral.ultraLight,success:e=>e.palette.success.ultraLight,warning:e=>e.palette.warning.ultraLight,danger:e=>e.palette.danger.ultraLight,inverse:e=>e.palette.neutral.pure},rd=(e,t)=>nd[e](t),ad=t.css`
|
|
1174
1174
|
display: inline-flex;
|
|
1175
1175
|
align-items: center;
|
|
1176
1176
|
justify-content: center;
|
|
@@ -1636,7 +1636,7 @@ object-assign
|
|
|
1636
1636
|
background-color: transparent;
|
|
1637
1637
|
color: ${({theme:e})=>e.palette.neutral.lighter};
|
|
1638
1638
|
}
|
|
1639
|
-
`,$u=e.memo((function({selected:e,value:t,selectable:n,onClickDate:r,children:a,isSaturday:i=!1,isSundayOrHoliday:o=!1,isToday:l=!1}){return c.default.createElement(Eu,{isToday:l},n?c.default.createElement(ku,{type:"button",selected:e,isSaturday:i,isSundayOrHoliday:o,onClick:()=>{null==r||r(t)}},a):c.default.createElement(Mu,{type:"button",isSaturday:i,isSundayOrHoliday:o},a))})),Au=e=>(e=>{try{const t=e.year(),n=Do(t),r=e.format("YYYY/M/D");return n.some((e=>e.date===r))}catch(e){return!1}})(e),Su=e=>e.format("YYYY-MM-DD")===co().format("YYYY-MM-DD"),Vu=(e,t)=>co(new Date(e.year(),e.month(),t)),Lu=e=>(e=>{const t=e.day(),n=0===t,r=6===t,a=Au(e);return{dayOfWeek:t,isSunday:n,isSaturday:r,isHoliday:a,isSundayOrHoliday:n||a}})(e),Ou=(e,t)=>!t(e),Hu=e=>Array.from(new Array(e.daysInMonth()),((e,t)=>t+1)),Du=(e,t=0)=>(e.startOf("month").day()-t+7)%7,Ru=({date:e,weekList:t,weekStart:n=0,monthFormat:r,current:a,isOutsideRange:i,onDateChange:o,onPreviousMonth:l,onNextMonth:s})=>c.default.createElement(tu,null,c.default.createElement(lu,null,c.default.createElement(ou,null,c.default.createElement(iu,null,c.default.createElement(au,{weight:"bold",size:"xl"},a.format(r))),c.default.createElement("div",{style:{display:"flex",gap:"8px"}},c.default.createElement(Lo,{size:"small",color:"clear",icon:c.default.createElement(z,{name:"arrow_left",size:"md",color:"currentColor"}),type:"button","aria-label":"前の月",onClick:l}),c.default.createElement(tc,{content:"今日を選択"},c.default.createElement(Lo,{size:"small",color:"clear",icon:c.default.createElement(z,{name:"calendar",size:"md",color:"currentColor"}),type:"button","aria-label":"今日を選択",onClick:()=>o(co())})),c.default.createElement(Lo,{size:"small",color:"clear",icon:c.default.createElement(z,{name:"arrow_right",size:"md",color:"currentColor"}),type:"button","aria-label":"次の月",onClick:s})))),c.default.createElement(nu,null,null==t?void 0:t.map((e=>c.default.createElement(ru,{key:e},e))),Array.from(new Array(Du(a,n)),((e,t)=>c.default.createElement(ru,{key:`empty-${t}`}))),Hu(a).map((t=>{const n=Vu(a,t),r=Lu(n),l=e.format("YYYY-MM-DD")===n.format("YYYY-MM-DD"),s=Ou(n,i);return c.default.createElement($u,{key:t,value:n,selectable:s,selected:l,isSaturday:r.isSaturday,isSundayOrHoliday:r.isSundayOrHoliday,isToday:Su(n),onClickDate:o},t)})))),zu=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 Nu(e){return(Math.trunc(e)%7+7)%7}function Tu(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:Nu(t.start)})}return{start:Nu(r),labels:n}}const Zu=e.forwardRef((function(t,n){var{date:r,monthFormat:a="YYYY年M月",weekConfig:i,defaultPresetButton:o,presetButtons:l,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}=zu(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(xu,null,c.default.createElement(bu,null,c.default.createElement(wu,null,c.default.createElement(yu,null,"日付"),h),c.default.createElement(vu,null,c.default.createElement(
|
|
1639
|
+
`,$u=e.memo((function({selected:e,value:t,selectable:n,onClickDate:r,children:a,isSaturday:i=!1,isSundayOrHoliday:o=!1,isToday:l=!1}){return c.default.createElement(Eu,{isToday:l},n?c.default.createElement(ku,{type:"button",selected:e,isSaturday:i,isSundayOrHoliday:o,onClick:()=>{null==r||r(t)}},a):c.default.createElement(Mu,{type:"button",isSaturday:i,isSundayOrHoliday:o},a))})),Au=e=>(e=>{try{const t=e.year(),n=Do(t),r=e.format("YYYY/M/D");return n.some((e=>e.date===r))}catch(e){return!1}})(e),Su=e=>e.format("YYYY-MM-DD")===co().format("YYYY-MM-DD"),Vu=(e,t)=>co(new Date(e.year(),e.month(),t)),Lu=e=>(e=>{const t=e.day(),n=0===t,r=6===t,a=Au(e);return{dayOfWeek:t,isSunday:n,isSaturday:r,isHoliday:a,isSundayOrHoliday:n||a}})(e),Ou=(e,t)=>!t(e),Hu=e=>Array.from(new Array(e.daysInMonth()),((e,t)=>t+1)),Du=(e,t=0)=>(e.startOf("month").day()-t+7)%7,Ru=({date:e,weekList:t,weekStart:n=0,monthFormat:r,current:a,isOutsideRange:i,onDateChange:o,onPreviousMonth:l,onNextMonth:s})=>c.default.createElement(tu,null,c.default.createElement(lu,null,c.default.createElement(ou,null,c.default.createElement(iu,null,c.default.createElement(au,{weight:"bold",size:"xl"},a.format(r))),c.default.createElement("div",{style:{display:"flex",gap:"8px"}},c.default.createElement(Lo,{size:"small",color:"clear",icon:c.default.createElement(z,{name:"arrow_left",size:"md",color:"currentColor"}),type:"button","aria-label":"前の月",onClick:l}),c.default.createElement(tc,{content:"今日を選択"},c.default.createElement(Lo,{size:"small",color:"clear",icon:c.default.createElement(z,{name:"calendar",size:"md",color:"currentColor"}),type:"button","aria-label":"今日を選択",onClick:()=>o(co())})),c.default.createElement(Lo,{size:"small",color:"clear",icon:c.default.createElement(z,{name:"arrow_right",size:"md",color:"currentColor"}),type:"button","aria-label":"次の月",onClick:s})))),c.default.createElement(nu,null,null==t?void 0:t.map((e=>c.default.createElement(ru,{key:e},e))),Array.from(new Array(Du(a,n)),((e,t)=>c.default.createElement(ru,{key:`empty-${t}`}))),Hu(a).map((t=>{const n=Vu(a,t),r=Lu(n),l=e.format("YYYY-MM-DD")===n.format("YYYY-MM-DD"),s=Ou(n,i);return c.default.createElement($u,{key:t,value:n,selectable:s,selected:l,isSaturday:r.isSaturday,isSundayOrHoliday:r.isSundayOrHoliday,isToday:Su(n),onClickDate:o},t)})))),zu=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 Nu(e){return(Math.trunc(e)%7+7)%7}function Tu(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:Nu(t.start)})}return{start:Nu(r),labels:n}}const Zu=e.forwardRef((function(t,n){var{date:r,monthFormat:a="YYYY年M月",weekConfig:i,defaultPresetButton:o,presetButtons:l,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}=zu(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(xu,null,c.default.createElement(bu,null,c.default.createElement(wu,null,c.default.createElement(yu,null,"日付"),h),c.default.createElement(vu,null,c.default.createElement(Ow,{date:r,format:u,size:"medium",variant:"dark",onDateChange:b}),f&&c.default.createElement(X$,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}=Tu({weekConfig:i,fallbackLabels:[...Tc],fallbackStart:0});return c.default.createElement(Kd,Object.assign({ref:n},v),c.default.createElement(su,null,c.default.createElement(cu,null,c.default.createElement(eu,null,c.default.createElement(Ru,{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(Cu,{key:x,defaultPresetButton:o,presetButtons:l,dateFields:M,onPresetButtonClick:s}))))}));var Bu=e.memo(Zu);const Pu="none",_u="start",Fu="start_only",Gu="end",ju="between",Yu="start",Wu="end",Xu=(e,t,n,r)=>{const a=((e,t,n)=>{const r=co(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=co(new Date(t.year(),t.month(),n));return e.format("YYYY-MM-DD")===r.format("YYYY-MM-DD")})(t,n,r),o=((e,t,n,r)=>{const a=co(new Date(n.year(),n.month(),r)),i=e.format("YYYY-MM-DD"),o=t.format("YYYY-MM-DD");return i!==o&&a.isAfter(i,"day")&&a.isBefore(o,"day")})(e,t,n,r),l=e.isSame(t,"day");switch(!0){case a&&l:return Fu;case a&&!l:return _u;case i&&!l:return Gu;case o:return ju;default:return Pu}},Ju=d.default(fu)``,Uu=d.default.button`
|
|
1640
1640
|
background-color: transparent;
|
|
1641
1641
|
border: none;
|
|
1642
1642
|
height: ${({theme:e})=>4*e.spacing}px;
|
|
@@ -1720,7 +1720,7 @@ object-assign
|
|
|
1720
1720
|
background-color: transparent;
|
|
1721
1721
|
color: ${({theme:e})=>e.palette.neutral.lighter};
|
|
1722
1722
|
}
|
|
1723
|
-
`,ip=e.memo((function({state:e,value:t,selectable:n,onClickDate:r,children:a,isSaturday:i=!1,isSundayOrHoliday:o=!1,isToday:l=!1}){return c.default.createElement(Ju,{"data-state":e,isToday:l},(({state:e,value:t,selectable:n,onClickDate:r,children:a,isSaturday:i=!1,isSundayOrHoliday:o=!1})=>{const l=()=>{null==r||r(t)};if(!n)return c.default.createElement(ap,{type:"button",isSaturday:i,isSundayOrHoliday:o},a);switch(e){case Fu:return c.default.createElement(ep,{type:"button",isSaturday:i,isSundayOrHoliday:o,onClick:l},a);case _u:return c.default.createElement(tp,{type:"button",isSaturday:i,isSundayOrHoliday:o,onClick:l},a);case Gu:return c.default.createElement(np,{type:"button",isSaturday:i,isSundayOrHoliday:o,onClick:l},a);case ju:return c.default.createElement(rp,{type:"button",isSaturday:i,isSundayOrHoliday:o,onClick:l},a);default:return c.default.createElement(Qu,{type:"button",isSaturday:i,isSundayOrHoliday:o,onClick:l},a)}})({state:e,value:t,selectable:n,onClickDate:r,children:a,isSaturday:i,isSundayOrHoliday:o}))})),op=({startDate:t,endDate:n,monthFormat:r,weekList:a,weekStart:i=0,current:o,isOutsideRange:l,onDatesChange:s,onPreviousMonth:d,onNextMonth:u,onTodayClick:p})=>{const[f,m]=e.useState(Yu),h=e.useCallback((e=>{if(t&&n&&!t.isSame(n,"day"))return null==s||s({startDate:e,endDate:e}),void m(Wu);switch(f){case Yu:null==s||s({startDate:e,endDate:e}),m(Wu);break;case Wu:t&&e.isBefore(t)?null==s||s({startDate:e,endDate:t}):null==s||s({startDate:t,endDate:e}),m(Yu)}}),[f,s,n,t]);return c.default.createElement(tu,null,c.default.createElement(lu,null,c.default.createElement(ou,null,c.default.createElement(iu,null,c.default.createElement(au,{weight:"bold",size:"xl"},o.format(r))),c.default.createElement("div",{style:{display:"flex",gap:"8px"}},c.default.createElement(Lo,{size:"small",color:"clear",type:"button",icon:c.default.createElement(z,{name:"arrow_left",size:"md",color:"currentColor"}),"aria-label":"前の月",onClick:d}),c.default.createElement(tc,{content:"今日に戻る"},c.default.createElement(Lo,{size:"small",color:"clear",type:"button",icon:c.default.createElement(z,{name:"calendar",size:"md",color:"currentColor"}),"aria-label":"今日に戻る",onClick:p})),c.default.createElement(Lo,{size:"small",color:"clear",type:"button",icon:c.default.createElement(z,{name:"arrow_right",size:"md",color:"currentColor"}),"aria-label":"次の月",onClick:u})))),c.default.createElement(nu,null,null==a?void 0:a.map((e=>c.default.createElement(ru,{key:e},e))),Array.from(new Array(Du(o,i)),((e,t)=>c.default.createElement(ru,{key:`empty-${t}`}))),Hu(o).map((e=>{const r=Vu(o,e),a=Lu(r),i=Ou(r,l);return c.default.createElement(ip,{key:e,value:r,state:Xu(t,n,o,e),selectable:i,isSaturday:a.isSaturday,isSundayOrHoliday:a.isSundayOrHoliday,isToday:Su(r),onClickDate:h},e)}))))},lp=e.forwardRef((function(t,n){var{startDate:r,endDate:a,monthFormat:i="YYYY年M月",weekConfig:o,defaultPresetButton:l,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}=zu(r);e.useEffect((()=>{V(r)}),[r,V]);const L=e.useCallback((()=>{const e=co();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]),z=e.useMemo((()=>u?c.default.createElement(xu,null,c.default.createElement(bu,null,c.default.createElement(wu,null,c.default.createElement(yu,null,"開始日時"),g),c.default.createElement(vu,null,c.default.createElement(
|
|
1723
|
+
`,ip=e.memo((function({state:e,value:t,selectable:n,onClickDate:r,children:a,isSaturday:i=!1,isSundayOrHoliday:o=!1,isToday:l=!1}){return c.default.createElement(Ju,{"data-state":e,isToday:l},(({state:e,value:t,selectable:n,onClickDate:r,children:a,isSaturday:i=!1,isSundayOrHoliday:o=!1})=>{const l=()=>{null==r||r(t)};if(!n)return c.default.createElement(ap,{type:"button",isSaturday:i,isSundayOrHoliday:o},a);switch(e){case Fu:return c.default.createElement(ep,{type:"button",isSaturday:i,isSundayOrHoliday:o,onClick:l},a);case _u:return c.default.createElement(tp,{type:"button",isSaturday:i,isSundayOrHoliday:o,onClick:l},a);case Gu:return c.default.createElement(np,{type:"button",isSaturday:i,isSundayOrHoliday:o,onClick:l},a);case ju:return c.default.createElement(rp,{type:"button",isSaturday:i,isSundayOrHoliday:o,onClick:l},a);default:return c.default.createElement(Qu,{type:"button",isSaturday:i,isSundayOrHoliday:o,onClick:l},a)}})({state:e,value:t,selectable:n,onClickDate:r,children:a,isSaturday:i,isSundayOrHoliday:o}))})),op=({startDate:t,endDate:n,monthFormat:r,weekList:a,weekStart:i=0,current:o,isOutsideRange:l,onDatesChange:s,onPreviousMonth:d,onNextMonth:u,onTodayClick:p})=>{const[f,m]=e.useState(Yu),h=e.useCallback((e=>{if(t&&n&&!t.isSame(n,"day"))return null==s||s({startDate:e,endDate:e}),void m(Wu);switch(f){case Yu:null==s||s({startDate:e,endDate:e}),m(Wu);break;case Wu:t&&e.isBefore(t)?null==s||s({startDate:e,endDate:t}):null==s||s({startDate:t,endDate:e}),m(Yu)}}),[f,s,n,t]);return c.default.createElement(tu,null,c.default.createElement(lu,null,c.default.createElement(ou,null,c.default.createElement(iu,null,c.default.createElement(au,{weight:"bold",size:"xl"},o.format(r))),c.default.createElement("div",{style:{display:"flex",gap:"8px"}},c.default.createElement(Lo,{size:"small",color:"clear",type:"button",icon:c.default.createElement(z,{name:"arrow_left",size:"md",color:"currentColor"}),"aria-label":"前の月",onClick:d}),c.default.createElement(tc,{content:"今日に戻る"},c.default.createElement(Lo,{size:"small",color:"clear",type:"button",icon:c.default.createElement(z,{name:"calendar",size:"md",color:"currentColor"}),"aria-label":"今日に戻る",onClick:p})),c.default.createElement(Lo,{size:"small",color:"clear",type:"button",icon:c.default.createElement(z,{name:"arrow_right",size:"md",color:"currentColor"}),"aria-label":"次の月",onClick:u})))),c.default.createElement(nu,null,null==a?void 0:a.map((e=>c.default.createElement(ru,{key:e},e))),Array.from(new Array(Du(o,i)),((e,t)=>c.default.createElement(ru,{key:`empty-${t}`}))),Hu(o).map((e=>{const r=Vu(o,e),a=Lu(r),i=Ou(r,l);return c.default.createElement(ip,{key:e,value:r,state:Xu(t,n,o,e),selectable:i,isSaturday:a.isSaturday,isSundayOrHoliday:a.isSundayOrHoliday,isToday:Su(r),onClickDate:h},e)}))))},lp=e.forwardRef((function(t,n){var{startDate:r,endDate:a,monthFormat:i="YYYY年M月",weekConfig:o,defaultPresetButton:l,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}=zu(r);e.useEffect((()=>{V(r)}),[r,V]);const L=e.useCallback((()=>{const e=co();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]),z=e.useMemo((()=>u?c.default.createElement(xu,null,c.default.createElement(bu,null,c.default.createElement(wu,null,c.default.createElement(yu,null,"開始日時"),g),c.default.createElement(vu,null,c.default.createElement(Ow,{date:r,format:f,size:"medium",variant:"dark",onDateChange:O}),m&&c.default.createElement(X$,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(bu,null,c.default.createElement(wu,null,c.default.createElement(yu,null,"終了日時"),b),c.default.createElement(vu,null,c.default.createElement(Ow,{date:a,format:f,size:"medium",variant:"dark",onDateChange:H}),m&&c.default.createElement(X$,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]),N=Boolean(s||z),{labels:T,start:Z}=Tu({weekConfig:o,fallbackLabels:[...Tc],fallbackStart:0}),B=N?c.default.createElement(Cu,{key:k,defaultPresetButton:l,presetButtons:s,dateFields:z,onPresetButtonClick:d}):null,P=c.default.createElement(eu,null,c.default.createElement(op,{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(Kd,Object.assign({ref:n},I),c.default.createElement(su,null,c.default.createElement(cu,null,P,B,v?c.default.createElement(du,null,c.default.createElement(oo,null,x?c.default.createElement(Lo,{color:"clear",size:"small",type:"button",onClick:x},w):null,c.default.createElement(Lo,{color:"primary",size:"small",type:"button",onClick:v},y))):null)))}));var sp=e.memo(lp);const cp=d.default.div`
|
|
1724
1724
|
border-radius: ${({theme:e})=>e.radius}px;
|
|
1725
1725
|
background-color: ${({theme:e})=>e.palette.background.default};
|
|
1726
1726
|
width: ${({width:e})=>e||"auto"};
|
|
@@ -2321,17 +2321,17 @@ object-assign
|
|
|
2321
2321
|
&:last-of-type {
|
|
2322
2322
|
border-right: none;
|
|
2323
2323
|
}
|
|
2324
|
-
`,sx={small:"8px",medium:"12px",large:"16px"},cx=d.default.tr`
|
|
2325
|
-
background-color: ${({highlighted:e,theme:t})=>e?t.palette.primary.highlight:"none"};
|
|
2324
|
+
`,sx={small:"8px",medium:"12px",large:"16px"},cx=e=>sx[e],dx=d.default.tr`
|
|
2325
|
+
background-color: ${({$highlighted:e,theme:t})=>e?t.palette.primary.highlight:"none"};
|
|
2326
2326
|
|
|
2327
2327
|
&:hover {
|
|
2328
|
-
${({disableHoverHighlight:e
|
|
2328
|
+
${({$disableHoverHighlight:e,$highlighted:n,theme:r})=>e?"":t.css`
|
|
2329
2329
|
background-color: ${n?"none":r.palette.neutral.highlight};
|
|
2330
2330
|
`}
|
|
2331
2331
|
}
|
|
2332
2332
|
|
|
2333
2333
|
& > th {
|
|
2334
|
-
${({isStickyHeader:e})=>e?t.css`
|
|
2334
|
+
${({$isStickyHeader:e})=>e?t.css`
|
|
2335
2335
|
position: sticky;
|
|
2336
2336
|
top: 0;
|
|
2337
2337
|
z-index: 1;
|
|
@@ -2339,10 +2339,10 @@ object-assign
|
|
|
2339
2339
|
}
|
|
2340
2340
|
|
|
2341
2341
|
& > td {
|
|
2342
|
-
padding-top: ${({verticalSpacing:e})=>
|
|
2343
|
-
padding-bottom: ${({verticalSpacing:e})=>
|
|
2342
|
+
padding-top: ${({$verticalSpacing:e})=>cx(e)};
|
|
2343
|
+
padding-bottom: ${({$verticalSpacing:e})=>cx(e)};
|
|
2344
2344
|
}
|
|
2345
|
-
`,
|
|
2345
|
+
`,ux=d.default.table`
|
|
2346
2346
|
width: 100%;
|
|
2347
2347
|
border-collapse: separate;
|
|
2348
2348
|
border-spacing: 0;
|
|
@@ -2359,7 +2359,7 @@ object-assign
|
|
|
2359
2359
|
& > tbody > tr:first-of-type > td {
|
|
2360
2360
|
border-top: none;
|
|
2361
2361
|
}
|
|
2362
|
-
`,
|
|
2362
|
+
`,px=({horizontalScrollable:e,children:t})=>c.createElement(ux,{horizontalScrollable:e},t);px.Header=({children:e})=>c.createElement("thead",null,e),px.Body=({children:e})=>c.createElement("tbody",null,e),px.Row=e=>{var{highlighted:t=!1,verticalSpacing:n="medium",isStickyHeader:r=!1,disableHoverHighlight:a=!1,children:i}=e,o=p(e,["highlighted","verticalSpacing","isStickyHeader","disableHoverHighlight","children"]);return c.createElement(dx,Object.assign({$highlighted:t,$verticalSpacing:n,$isStickyHeader:r,$disableHoverHighlight:a},o),i)},px.Cell=e=>{var{width:t="auto",enableRuledLine:n=!1,children:r}=e,a=p(e,["width","enableRuledLine","children"]);return c.createElement(lx,Object.assign({width:t,enableRuledLine:n},a),r)};const fx=e=>e,mx=(e,t)=>e.sort(((e,n)=>{const r=((e,t,n=fx)=>{const r=n(e),a=n(t);return a===r?0:a<r?-1:1})(e,n,t.getValue);return t.isDesc?r:-r})),hx=d.default.button`
|
|
2363
2363
|
width: 28px;
|
|
2364
2364
|
height: 28px;
|
|
2365
2365
|
margin: 0 4px;
|
|
@@ -2371,7 +2371,7 @@ object-assign
|
|
|
2371
2371
|
background-color: ${({active:e,theme:t})=>e?t.palette.primary.base:t.palette.primary.highlight};
|
|
2372
2372
|
cursor: ${({active:e})=>e?"default":"pointer"};
|
|
2373
2373
|
}
|
|
2374
|
-
`,
|
|
2374
|
+
`,gx=({index:e,isActiveIndex:t,onClick:n})=>c.createElement(hx,{disabled:t,active:t,type:"button","aria-label":`${e} ページ目`,"aria-current":t?"page":void 0,onClick:n},c.createElement(ee,{component:"span",weight:"bold",size:"xs",color:t?"white":"primary"},e)),bx=d.default.button`
|
|
2375
2375
|
width: 28px;
|
|
2376
2376
|
height: 28px;
|
|
2377
2377
|
padding: 0 5px;
|
|
@@ -2389,7 +2389,7 @@ object-assign
|
|
|
2389
2389
|
background-color: ${({disabled:e,theme:t})=>e?t.palette.neutral.softLight:t.palette.primary.highlight};
|
|
2390
2390
|
cursor: ${({disabled:e})=>e?"default":"pointer"};
|
|
2391
2391
|
}
|
|
2392
|
-
`,
|
|
2392
|
+
`,vx=({isRight:e,disabled:t,onClick:n})=>{const r=L();return c.createElement(bx,{disabled:t,type:"button","aria-label":e?"次のページへ":"前のページへ",onClick:n},c.createElement(z,{name:e?"arrow_right":"arrow_left",size:"md",color:t?r.palette.text.disabled:r.palette.icon.active}))},xx=d.default.div`
|
|
2393
2393
|
width: 28px;
|
|
2394
2394
|
height: 28px;
|
|
2395
2395
|
margin: 0 ${({theme:e})=>.5*e.spacing}px;
|
|
@@ -2399,26 +2399,26 @@ object-assign
|
|
|
2399
2399
|
letter-spacing: 1.5px;
|
|
2400
2400
|
font-size: 12px;
|
|
2401
2401
|
font-weight: bold;
|
|
2402
|
-
`,
|
|
2402
|
+
`,yx=()=>c.createElement(xx,null,"..."),wx=({pagerCount:e,index:t,onClick:n})=>{const r=((e,t)=>{switch(!0){case t<4:return 3;case e-3<t:return e-2;default:return t}})(e,t),a=e=>()=>n(e);return c.createElement(c.Fragment,null,c.createElement(gx,{index:1,isActiveIndex:1===t,onClick:a(1)}),3!==r&&c.createElement(yx,null),((e,t)=>{switch(e){case 3:return[e-1,e,e+1,e+2];case t-2:return[e-2,e-1,e,e+1];default:return[e-1,e,e+1]}})(r,e).map((e=>c.createElement(gx,{key:e,index:e,isActiveIndex:t===e,onClick:a(e)}))),r!==e-2&&c.createElement(yx,null),c.createElement(gx,{index:e,isActiveIndex:t===e,onClick:a(e)}))},Cx=c.forwardRef((function({per:e,total:t,index:n=1,onClick:r},a){const i=Math.ceil(t/e),o=1===n||0===t,l=n===i||0===t,s=e=>()=>r(e);return c.createElement(Z,{ref:a,display:"flex",alignItems:"center",role:"navigation","aria-label":"ページネーション"},c.createElement(vx,{isRight:!1,disabled:o,onClick:s(n-1)}),i<7?[...Array(i)].map(((e,t)=>c.createElement(gx,{key:t,index:t+1,isActiveIndex:n===t+1,onClick:s(t+1)}))):c.createElement(wx,{pagerCount:i,index:n,onClick:r}),c.createElement(vx,{isRight:!0,disabled:l,onClick:s(n+1)}))}));function Ex(e,{per:t,index:n}){return e.slice((n-1)*t,n*t)}const Ix=(e=100,t=1)=>c.useState({per:e,index:t}),kx=d.default.div`
|
|
2403
2403
|
display: flex;
|
|
2404
2404
|
flex-direction: column;
|
|
2405
2405
|
align-items: center;
|
|
2406
2406
|
width: 100%;
|
|
2407
2407
|
padding: ${({theme:e})=>5*e.spacing}px
|
|
2408
2408
|
${({theme:e})=>4*e.spacing}px ${({theme:e})=>7*e.spacing}px;
|
|
2409
|
-
`,
|
|
2409
|
+
`,Mx=d.default.img`
|
|
2410
2410
|
width: ${({width:e})=>e}px;
|
|
2411
2411
|
height: auto;
|
|
2412
|
-
`;const
|
|
2412
|
+
`;const $x=c.forwardRef((function(e,t){const n=_c({props:e,name:"ItemEmpty"}),{title:r="Not found.",subtitle:a,emptyImage:i,imageWidth:o=80}=n;return c.createElement(kx,{ref:t},c.createElement(Mx,{src:i||"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANoAAADvCAYAAACUqsrFAAAACXBIWXMAACxKAAAsSgF3enRNAAAUg0lEQVR4nO2df4wcR5XH3+6Md5d4Z3aOc3BErKwvhphcBE5O4hIdsWNAlmIpgaAz/xxIJAjp+AfwgcQPI5REkSLdHzkCJ51AgOxE8BcBwhnEjyCyDkGXBCGvc4KLgeS8xob4+DU7s4bd9a7n9No13p7u6pmp7qo31d3fjzSyp12eqamub7+qV69ejXU6HQKjodlqN4joRvXle9Wf4Wtd+P1MQiWPRd6fUi9mnr+G3zfqtVOa/wuEgNAECAmKxbRdvW4bQVVOKBHOd18QoAwQmgOarfbekLD4z1mPq7uoRDenXiy+pgf1KhQQmgWarXZXVPx6e+5/0KXhaCC8Rr0250F9cg+ElpJmq32XEtZdnlusrLDFe1y95mDt0gGhGaAs10ElriTnRNH5JhEdadRrj5f096cCQhtAs9Vmx8Xd6lVky2VK19I93KjX5vNVdXkgtATU0PDugsy5XMPezIdZeBha6oHQQig3PAvsPlivVCwqwR3BskEvENqGwA6qV1nnXrZ5hB9YENwlSi00CEyE0guOyio0CGwklFpwpRNas9W+W80jIDB5unO4h8vmNCmN0FRYFN/kXR5Up+yw4A426rUjZWmHwgtNDRNZYO/xoDqgl2NKcIVfhyu00DBMzA33F304WUihqWiOIyPaigLSscABAkUNYh73oA5WUVZsHiLLHRwg8GSz1b6viD+uMBZNzcWOIGSqEJxQ1q0wc7dCWDQVVT8PkRUG9gzPqdFJIci9RWu22rzo/GkPqgLc8IjyTObaUZJbocFtXyp4KHlXnqNKcik0JbI5LD6XCl7k3pvXeVvu5mhqPnYKIisdvBZ6PK/ztlwJTW3GnMMCdKk5nMclgNwMHdWT7LAHVQF+8EijXsuNdcuFRYPIgIb3NFvt3AQle2/Rmq02exY/5EFVgJ/kwv3vtdDUEwvuezCIE8oj6a3YvB06QmTAgG4kScPXRvNSaCraAyIDJuxSAQxe4t3QEY4PkBEvvZFeWTSIDFjAS2+kNxZNRXwc96AqoBj8S6Ne82Yo6YVFUyLD8UDAJp/2KVxr5BYNAcLAId4EIvtg0R6HyIAjZnxx+49UaCrqA7k9gEtmfJiWjExoKhIfoVVAgl3qoT4yRjJHU+ng5rHdBQjzjlGdVDoqi/Y4RAZGwBH1kBdHXGjKhMP5AUbBjEpJKI7o0FEdNPGkT11sZZ3o6TNVOvnHSvC+NtGh/ddeoC2v6G2XF/5YoR8uVHuuvWV2jV73yvWea2eXxoNy7dWxy9fK8pnclt95aRP9ZunS8/vV0xfp1m1rsc/zgPsb9ZroLm0xixZKcOoVYZEx3PG4s0ThcsNci3beMn0mX+uKjOG/6z7PA+5VQRJixFvLHV6eC/2/i5XYNe5wU5OTl9+vrBGtrseKBdei5dqr+u8p+mcy59f0n/f7v4z5aNX4oS8mNhGhqSGjl658XSeameLOFnoSV4hev3WN/vvcxZ5yr986TlOT1Z5yRAk9mLhjThT3M4noiglWWm85CoaUbDm9Exq7/O+TGkJKDR293SfE84gw3Hf27ei1clNVojtfVw06Vxf+O1+LlrtjZ5Ui/S94z9eL/JkMtxs/pMJMVIi2vCIuPk84KOWFdO4MUanB7nX6JRngYU13bsGdhDvLdVsKd8iOGOeWOvTEi2t0utkJnCvsDPmbGW+Fxhxr1Gt7XX+JU6HlaWGa5xs9QyaQibX1dVo6/+e8NOKbXZ/L5nqOdp8Lkf3XmbGBZeqTHbrhStvfDFzx6xbRmdbg+3rDlR2qT1qvBDtGnA4hnQlNOUCs5/1gkb3za4NvyC1Xj9FjB7wesoAQX/35GP3bs4Pv64dvJvrwLdZHYbOuHSMuLZqTSj/0zOCbYQIvxvIcjb2P7F3TTfLB8Dz/8sVgjsbLAjtfWaW3zmp8/hn4wvwYve8mJ1aNHSPOztF20quUNbO+/YWt2TNnhytbrVaoUd/ct8zyGtEPj2+4uS+5sCG2tHB7fuvkhrA4EGBi06ah2nNqku/DhYHl2itEXzw+5sKq8RTnoCsD4cq9lgtrpiO6XgT8a0+2aq0V6x9Lyqo52SRq/dGt8jSIWbNDe/QhPtc0Bj9DpmC4rJKlPXdvr9ChhH/78ok1Or24YcHyaNVcdDUnCVF01uxdu6p06Da7LvnwwiyQa8/ds5XgpYMfmu//z14Tlre5mtVeJT03O7Qnu8jCERJJEQ9gtO357l1VumYmEgCtrJoDulbNKlYXrJut9pwLoR14bDwmNLZmn3+b/ccZ8BMePkatWm2S6Nl7Lrqwapw9a7tNq2bNoqltB7myZiA/jMCq3WXzA20OHa2bW+ozN5ttuPdAAr/QzccdeiCtOkSsDB2VS/RPVmoUIikK5GcfuMKa0DgI9rGfrdHickdF7lfpDVfBIZIW1+35t5/9c48HkoJokY4LDyTZTOZjqwVEPY02rVm3U5Da5MgLrst2gxlKhev2FLZq1vq1LaFZHzZKzc26nSLMuSUsWqfFdXsKz9Xebmu/WmahKZe+9RQFmJuBJIStmhWniA2LZn3YKOlpvCYiXJ5XbJ3GHC0tEu0pbNWsjNZstIBVNygJW7M7d1Yvdw7eYf3uXZsQmpUBqfYUtGqzNjJmZfI6qvz538haiTASnkZQDAQ9kJ9p1GuZLFtWi+alNWMv13Nn1ulHp9ZpoQnHhs+w84TvE790jpR+CFq1zP08q0Vr2kxVYMOa/eL3FwMXc5ggYHV7b8BqeINil37rPkdf2Ei59qrpsWCItHVaX6dw2UHxfsOUNalrnn4XPwS/cqL3Xr3x6grte40+uFiHoFW7KcuBhqktmho2Ws0HYsOaPbUQT9T43Nnea90NiiuR9Z2VyMbFLuFOw/zfUoe+9NMLwVN4UFn+O1/TMUxZk7rm6XcxP9Lcq+fPrRutuwlatUxOvyxDR6spumx5GrmzRIl2PFOSNi/qOoqubNL/NynrAh9/F98rk3U3QQ9kpv6eRWhW52cuPY1RlzN7waKJPrvorkcTjSZ9blLZpP8/TFmTuubpdzGzM/ruN1U1u+dCVm1XlsXrVEJTX2htkdrmuhmP8cPwvOPADfFd2HfsjGfV5fcHbtBl4I1f486o+1xdWd01k7Imdc3T7+J5c3RjKN+vpDliEnmwaqmcISpdweG0XxrF9n4zdgh0g1rfcFUF62KeY+N+Ce1Xe6RRr6Waq6XtgtbmZy6iQBB9ny9s3C+2ag8eW3WdWyR1v0/7C60JDTGNwBYCc7XZtPM0Y6HZnJ+5sGY8DHnox6vB0y3J/Qz8web9EpqrpTIyaSyatcPbbFuz6DpSv7UeMHpc3C8Bq5aq/6cRmpVho1SEPhKi5ous90vAqokJzYpFczE3g3cxX7i6X46tWqoEVCMRmktrFl1DSlpUBX7g4n65tmppts0YCU05QjLHN7r0NEYXbJMWVYEfuLpfjq2asefRaMFapS140vRLwmC/GZDCYWT//aZnqZkOHTMPGyXWzdibxVswTPc3gdHg6n45tGrGOjC105kyAkl4Gjmv4JdPXLjsMuZc8IgU8ReX98thtIjx0U6iFk0qT2N4Wwyv08Cy+Yvr++XIqhl7HsUe9aPM09iE0LzF9f0SzpiViKnQUh9igZhGMCpcWDXlGBwaEYs26jyNs0Oc/glGg8T98sGqDf2LsuS2k7RmvGmRNxPyDbxuy3iQVxD4i9T9cmDVjByDJl7HVIdoS59vxmE9OLUzP0jdLwceSCOhOR9TYW4GfEE4Z38PToWG0zqBT4xyrmZis423x9jKOvyTM+v0/LlLkQM8judFzWjkN0cWfOtkb7bbblKaaLIXlM1nWeaJX63TL/5wkZbXOnTdX4/Tnu3xZET9YKsWzS3CVu19N3VMc4sY+SycWTRb1ixIF72wcSMuZSK+ECsXvVmk1miiWYtRNr9luS/85Oyl8rzIzXvXvqop1w+LVs3IZ+FMaLbmZpy5NsrpZu+NYauXFE0QvY6y+SzLLCzGN4VywtxzmqS5/RjFXM2J0GzOzXRZhrHHrJwkJVblYaQJo5irORGaTU+jbvwd3bPE8zWet0UFOKmuo2z+y5I6rET3kG0YzNG6SFu1ofejNVtt3n9z76BytvebIRofhLHZHzLuVzvWqNeGdhBaH4TZXjdjz9NH3jQReKf4iFbkBSk3NvuDRQ/kQKyaBpfrZhz/BpGBLjb6g+RczWrXdREFEl1nwdCx3NjuD1JWzVqPdWXNoussfJolKC+2+4OUVTMR2ql+/+jCmunWWbIeKgjyi6v+kNIDaXTMrhWhIaYR5JmUVq1p8pOtDB1dRejrJrvRg+tAeXDZH1yvq2WupWtrFl7QTDrdH5QHV/3B9VzNNIFqrLDt0zoBGBWGp4a+uVGvzQ1b1UwWDXMzUCRcWjVToS2E30jtnubD6njbxHNn1gPPEyg3LvuDwVytrxc+iqnQLn+4lDXjjX6cVJP3of3gxfUgzg2UF9f9YVir1qjXZIQmZc14o18Y3n/E0QGgnEj0hyGs2kKswABSCQ1zM1BkhrBqRtaMUggtWA2XzGyl23+UtAEQFB+p/jDAqhlFhVAaiyZtzaKbPHntRJe0BZQDqf4wwKoZWzSj1b5GvTb/0DPnY9dd5mnkyOyt05uCyS83KGfBAuVFsj8kRfa/ZXvnV3vrZp9ltGA9/cB57YmfOK0TFBXdLuzaJP3rbz+6+eMmP9n0cRA7ThRZh0GR0c3V2iv0/ukHzrtJN6esWezYprRzM3bJ4vhb4Jrusb38SrO4rZurcc4oIjpo8jlDDx2nHzg/FxVamphGXWbapF2ynIjl6Mm1YK2EhggiPfrCWpBU02XZV02P0Z079Vl0OWKBNyKG90ixl4wn8NHf56os2q23HcKJfLgcZ9L6+22VxDrr0MVAcupJPuhi6VObh9ouM5RFs2nNwlmHu+h2yXJW2i/99MLlzsLwTeObpyN8U12W5fpwvbh+YfhpyREL0Y2IK+q6RFm0Wy/c18Jl+e98zRQbVm3YoaO1uVk0yzAl7JJNapDwzRt03VXZfvUbNWi3DXSJVVfUUNIU3VyNhTbsXG2g0GzPzXRET32khGvUJ0ux7rqrsrr68abEpMMWotddldXVy3Vb+NpuzOyMPdd/Vqs2TE2sehqjO2K5ge7UZKXlkyB1nSa6YNnvuquyXC+uX5Q7dsZPNumejCJVFu22wRu3VWJtwWXTHt2bxar1dYa4WDfrHsPEBxbMTI4ZH7sDwCj7m25djYjuX/rU5phBCjNIaFY8jQAUhbQeyEQbKjE3AyBvpJ2r9RusIgoEAA1p5mpaocGaAZBMGquWZNGcWTNe2X/ox6v04LHVxMVOAGzhqr+ZWrWY0Fxas+jKfr/IAgB87m+mVk1n0UTnZkkRBAD43t9MrFqP0FzPzXC+GZDEdX8zsWpRiybuaUQufSCJ7f42rFW7/K1Snkbk0geSuO5vw1q1y5EhiAIBIB3DRIsEFg3rZgCkZxir1h06IgoEgAwMmquNw5oBkJ1BVm1c54p0ac14EZEXDTmXA58Icm4JyXmAOyT7W5JVIyW02OKaS2vGK/W8aMgpDTgJJv94AIrQ39iqbauPRVfE2arpYx1dzs34x4bhRD04HQa4Qrq/bf+rca2msFoMgADiQtNtI28glQFwhC/9TVxo+3ZUejIkcUJL5AwBrvClv3EVpqMXXefe+7tXV+j8aocm+VyrMX9yJHLyFl3mX2DGQrNDpxf9mXdL9rekFPcstB3Ri/sfXXZWEd/53NsmA+8RSAdvtLz90WVqrWDZJgwe3xE4Zo1j14A5EFkyLLQXfa3cqIDYzIHI+sNCW/K5gqMCYhseiGww2snIPTfH0zYXmV/+7iI9/VJ8gtzd+oA5WzL9RHbrtRV67ZXlmp185+dr9HI73hYQmuLBJ1bpu/8Tt2AQWzL9RHb79VU6tK98genHz6xrhQZniII7BXcOHRhGxoHIzIDQQkBswwGRmQOhRYDY+gORpQNC0wCx6YHI0gOhJQCx9QKRZQOutD50O0+SN5Lj2soQG9lcJvrnb65AZBmA0AbQT2wf+/6qV3WVBiIbHgwdh6DfMLKsQGRmQGhDArFtAJGZA6EZALFBZGnBI9oQ7mQcv7dUwgDa6ckxeueN6DJpQKulAJ0NmIKhIwACQGgACAChASAAhAaAABAaAAJAaAAIAKEBIACEBoAAEBoAAkBoAAgAoQEgAIQGgAAQGgACQGgACAChASAAhAaAABAaAAJgq7Bl+AiovKc5uGlbxYNaFAsIzTL//tQqzZ/156D0NDz1wSvyV2nPwdARAAEgNAAEgNAAEABzNAEO7fH3qGI+Fef0Ig55dw2EJsCh2/zN7PvUwkU6vRg/KB/YBUNHAASA0AAQAEIDQAAIDQABIDQABIDQABAAQgNAAAgNAAEgNAAEgNAAEABCA0AACA0AASA0AASA0AR4/mV/Uxv4XLciAaFZRpfYhvd8+cjRk+vUiiQSuvFqdAkXoFUtc+u1caH9x3MXvLMci8sd+tj3VmLXd+/AFkUXQGiWee2V43RVbSz2obc/uuyN2FhkXB/dzurdmgcFyA4eXw74wJ4J+uS3e60FD9H+4Qt/oXftqtIdO6vUmBpN3Y6+sB4MZaNDRubAjVW6qh5/SIDsQGgO2L2jEgwhn34pniLgKyfWgpdvvGbLOL33Zn9zm+QdDB0dcWjfRNB588DmiTH6xL4Jmp6ENXMFhOYI7rSf/cdJuv16vwcN/DA4/E9TwdwSuANDR4ew2Niy7b++QoefveBVqnB22Nxzyyba7/mDoCiglQXgtTV+vdzq0PGz68Gfo4LFz2tlsGCyQGiCsEdvfx1NXkbwWANAAAgNAAEgNAAEgNAAEABCA0AACA0AASA0AASA0AAQAEIDQAAIDQABIDQABIDQABAAQgNAAAgNAAEgNAAEgNAAEABCA0AACA0AASA0AASA0AAQAEIDQABtSqbjZ+KprAEAg1mKH9AToBXah76eUBoAkAoMHQEQAEIDQAAIDQABeI52hIjm0NgAOIKI/h/xGDgoob3NqwAAAABJRU5ErkJggg==",width:o,alt:""}),c.createElement(vo,{pt:2,pb:1},c.createElement(ee,{weight:"bold",size:"md",align:"center"},r)),a&&c.createElement(ee,{size:"sm"},a))})),Ax=d.default.div`
|
|
2413
2413
|
padding-top: ${({theme:e})=>1.5*e.spacing}px;
|
|
2414
2414
|
padding-left: ${({theme:e})=>3*e.spacing}px;
|
|
2415
2415
|
background-color: ${({theme:e})=>e.palette.neutral.highlight};
|
|
2416
2416
|
border-bottom: 1px solid ${({theme:e})=>e.palette.divider};
|
|
2417
2417
|
border-radius: ${({theme:e})=>`${e.radius}px ${e.radius}px`} 0 0;
|
|
2418
|
-
`,
|
|
2418
|
+
`,Sx=d.default.ul`
|
|
2419
2419
|
list-style: none;
|
|
2420
2420
|
display: flex;
|
|
2421
|
-
`,
|
|
2421
|
+
`,Vx=d.default.li`
|
|
2422
2422
|
min-width: ${({theme:e})=>10*e.spacing}px;
|
|
2423
2423
|
/* MEMO: Use negative margin to cover the border of Container */
|
|
2424
2424
|
margin-bottom: -1px;
|
|
@@ -2428,7 +2428,7 @@ object-assign
|
|
|
2428
2428
|
border-radius: ${({theme:e})=>`${e.radius}px ${e.radius}px`} 0 0;
|
|
2429
2429
|
background-color: ${({active:e,theme:t})=>e?t.palette.background.default:"none"};
|
|
2430
2430
|
cursor: pointer;
|
|
2431
|
-
`,
|
|
2431
|
+
`,Lx=({items:e,value:t,onChange:n})=>{const r=e=>()=>{n(e)};return c.createElement(Ax,null,c.createElement(Sx,null,e.map((e=>c.createElement(Vx,{key:e.value,active:e.value===t,onClick:r(e.value)},c.createElement(ee,{size:"sm",color:e.value===t?"initial":"secondary",align:"center"},e.label))))))};function Ox(t,n){const r=e.useRef(!1);e.useEffect((()=>{r.current?t():r.current=!0}),n)}function Hx(e,t){var n;return!!t&&!(null===(n=t[e])||void 0===n?void 0:n.disabledCheck)}function Dx(e,t,n,r){if(0===n)return!1;const a=e[n],i=null==r?void 0:r.selector(a),o=e[n-1],l=null==r?void 0:r.selector(o);return!(r&&!r.enableMergeCell||a[t]!==o[t]||i!==l)}function Rx(e,t,n,r){if(r&&!r.enableMergeCell)return 1;const a=e[n],i=null==r?void 0:r.selector(a);let o=1;for(let l=n+1;l<e.length;l++){const n=e[l],s=null==r?void 0:r.selector(n);if(n[t]!==a[t]||s!==i)break;o++}return o}function zx({sourceData:e,tabs:t,currentTabIndex:n}){let r=e;return t&&t[n]&&(r=t[n].filter(r)),r}function Nx({sourceData:e,sortState:t,filterState:n,enablePagination:r,tabs:a,currentTabIndex:i}){const o=zx({sourceData:e,tabs:a,currentTabIndex:i}),l=mx(o,t);if(r){return Ex(l,n)}return l}var Tx=c.forwardRef((({data:e,dataKey:t,columns:n,enablePagination:r=!1,onSelectRowsChange:a,onRadioChange:i,tabs:o,itemEmptyProps:l,per:s,defaultSortField:d,defaultSortOrder:u="desc",selectedRows:p=[],selectedRow:f,enableRuledLine:m=!1,verticalSpacing:h="medium",fullWidth:g=!1,disableCheckWhenClickRow:b=!1,tableMaxHeight:v="none",horizontalScrollable:x=!1,labelRowsPerPage:y="Rows per page:",labelDisplayedRows:w=(({from:e,to:t,total:n})=>`${e}-${t} of ${n}`)},C)=>{const E=!!a,[I,k]=c.useState(!1),M=p.length>0&&!I,$=!!i,A=!!o,[S,V]=c.useState(0),L=n.some((e=>e.enableMergeCell)),O=n.find((e=>e.name===d)),H=(null==O?void 0:O.sortable)?O:n.find((e=>!0===e.sortable)),[D,R]=(z={isDesc:"desc"===u,name:(null==H?void 0:H.name)||"",getValue:null==H?void 0:H.selector},c.useState(z));var z;const[N,T]=Ix(s),[B,P]=c.useState(Nx({sourceData:e,sortState:D,filterState:N,enablePagination:r,tabs:o,currentTabIndex:S})),_=c.useMemo((()=>zx({sourceData:e,tabs:o,currentTabIndex:S}).length),[e,o,S]);Ox((()=>{const t=Nx({sourceData:e,sortState:D,filterState:N,enablePagination:r,tabs:o,currentTabIndex:S});P(t)}),[e,D,N,r,A,o,S]),Ox((()=>{const t={index:1,per:N.per};T(t);const n=Nx({sourceData:e,sortState:D,filterState:t,enablePagination:r,tabs:o,currentTabIndex:S});P(n)}),[e,S]);const F=(e,t)=>()=>{R(((e,t,n)=>({isDesc:e.name===n&&!e.isDesc,getValue:t,name:n}))(D,e,t))},G=e=>()=>{a&&(p.includes(e)?a(p.filter((t=>t!==e))):a([...p,e]))},j=e=>()=>{i&&i(e)};return c.createElement(Fv,{ref:C},c.createElement(Gv,{fullWidth:g},!!o&&c.createElement(Lx,{value:S,items:o.map(((e,t)=>({label:e.label,value:t}))),onChange:e=>{V(e)}}),c.createElement(jv,{maxHeight:v,horizontalScrollable:x,tabIndex:"none"!==v||x?0:void 0},c.createElement(px,{horizontalScrollable:x},c.createElement(px.Header,null,c.createElement(px.Row,{isStickyHeader:"none"!==v},(!A||Hx(S,o))&&c.createElement(c.Fragment,null,E&&c.createElement(qv,{header:!0,selected:p.length>0,indeterminate:M,onClick:()=>{a&&(p.length>0?(a([]),k(!1)):(a(B.filter((e=>!e.selectDisabled)).map((e=>e[t]))),k(!0)))}}),$&&c.createElement(ox,{header:!0})),n.map((e=>{return c.createElement(Jv,{key:e.name,sortable:e.sortable&&!L,order:(t=D,n=e.name,t.name===n?t.isDesc?"desc":"asc":null),width:e.width,enableRuledLine:m,onClick:e.sortable&&!L?F(e.selector,e.name):void 0},e.headerCell||e.name);var t,n})))),c.createElement(px.Body,null,B.length>0?B.map(((e,r)=>c.createElement(c.Fragment,{key:r},E||$?c.createElement(c.Fragment,null,E&&c.createElement(px.Row,Object.assign({verticalSpacing:h,highlighted:!e.selectDisabled&&(p.includes(e[t])||f===e[t]),disableHoverHighlight:L},!b&&{onClick:G(e[t])}),(!A||Hx(S,o))&&!Dx(B,t,r)&&c.createElement(qv,Object.assign({selected:p.includes(e[t]),rowSpan:Rx(B,t,r)},b&&{onClick:G(e[t])})),n.map((n=>Dx(B,t,r,n)?null:c.createElement(px.Cell,{key:n.name,enableRuledLine:m,rowSpan:Rx(B,t,r,n)},n.renderCell?n.renderCell(e):c.createElement(ee,{align:n.align},n.selector(e)))))),$&&c.createElement(px.Row,Object.assign({verticalSpacing:h,highlighted:!e.selectDisabled&&(p.includes(e[t])||f===e[t]),disableHoverHighlight:L},!b&&{onClick:j(e[t])}),(!A||Hx(S,o))&&!Dx(B,t,r)&&c.createElement(ox,{selected:e[t]===f,rowSpan:Rx(B,t,r),onClick:j(e[t])}),n.map((n=>Dx(B,t,r,n)?null:c.createElement(px.Cell,{key:n.name,enableRuledLine:m,rowSpan:Rx(B,t,r,n)},n.renderCell?n.renderCell(e):c.createElement(ee,{align:n.align},n.selector(e))))))):c.createElement(px.Row,{verticalSpacing:h,highlighted:!e.selectDisabled&&(p.includes(e[t])||f===e[t]),disableHoverHighlight:L},n.map((n=>Dx(B,t,r,n)?null:c.createElement(px.Cell,{key:n.name,enableRuledLine:m,rowSpan:Rx(B,t,r,n)},n.renderCell?n.renderCell(e):c.createElement(ee,{align:n.align},n.selector(e))))))))):c.createElement("tr",null,c.createElement("td",{colSpan:n.length+(!E&&!$||A&&!Hx(S,o)?0:1)},c.createElement($x,Object.assign({},l)))))))),r&&c.createElement(vo,{p:3},c.createElement(Z,{display:"flex",alignItems:"center",justifyContent:"space-between"},c.createElement(Cx,{per:N.per,total:_,index:N.index,onClick:e=>{T({index:e,per:N.per})}}),c.createElement(Wv,{per:N.per,total:_,index:N.index,labelRowsPerPage:y,labelDisplayedRows:w,onChange:e=>{T({index:1,per:e})}}))))}));const Zx=!0,Bx=!0;function Px(e,t){return!!t.reorder&&(void 0!==e.reorderable?e.reorderable:e.sortable)}function _x(e,t){return!!t.visibility&&(void 0!==e.visibilityEditable?e.visibilityEditable:e.sortable)}function Fx(e,t,n){const r=[...e].sort(((e,t)=>e.order-t.order));let a=0;const i=r.map((e=>(e=>!Px(e,n))(e)?e.id:t[a++]));return e.map((e=>{const t=i.indexOf(e.id);return t>=0?Object.assign(Object.assign({},e),{order:t}):e}))}const Gx=e.createContext({rowIds:[],enableRowSelection:!0,hasRowControls:!1,checkedRows:[],isSmallLayout:!1,totalCount:0,currentPage:0,pageSize:100,pageSizeOptions:[10,50,100,200],columns:[],columnEditFeatures:{reorder:!0,visibility:!0},columnWidths:[],rowSpacing:0,setRowIds:()=>{},setCheckedRows:()=>{},setCurrentPage:()=>{},setPageSize:()=>{},setColumns:()=>{},setColumnWidth:()=>{},setRowSpacing:()=>{}}),jx=e.createContext({showStickyRightEdgeDecoration:!0}),Yx=e.createContext({registerColumnSticky:()=>{},getStickyRightOffset:()=>{},rightStickyColumnIndex:null,getRightStickyZIndexHead:e=>3,getRightStickyZIndexBody:e=>1}),Wx=e.createContext({index:0}),Xx=e=>e<1e3?String(e):e.toLocaleString("en-US"),Jx=e=>({toolbarActions:e.filter((e=>{const t="displayIn"in e?e.displayIn:void 0;return"toolbar"===(null!=t?t:"toolbar")})),dropdownActions:e.filter((e=>{const t="displayIn"in e?e.displayIn:void 0;return"dropdown"===(null!=t?t:"toolbar")}))}),Ux=(e,t,n=!1)=>{var r,a;if(n)return t.length>0;let i=!1;if("checked"===e.enabledWhen||void 0===e.enabledWhen)i=0===t.length;else if("unchecked"===e.enabledWhen)i=t.length>0;else if("custom"===e.enabledWhen)return null!==(a=null===(r=e.disabled)||void 0===r?void 0:r.call(e,t))&&void 0!==a&&a;return e.disabled&&(i=i||e.disabled(t)),i},Qx=(e,t)=>{var n;if("singleButton"===e.type)return`single-${e.label||`action-${t}`}`;if("groupButton"===e.type){return`group-${(null===(n=e.items[0])||void 0===n?void 0:n.label)||""||`action-${t}`}`}return"separator"===e.type?`separator-${t}`:"heading"===e.type?`heading-${e.label||`action-${t}`}`:"divider"===e.type?`divider-${t}`:`action-${t}`},qx=(e,t,n)=>`group-${t}-item-${e.label||`item-${n}`}`,Kx=(e,t,n,r)=>{var a;let i=e.label;if(!i&&e.icon&&"object"==typeof e.icon&&null!==e.icon){const t=null===(a=e.icon)||void 0===a?void 0:a.props;(null==t?void 0:t.name)&&(i=`icon-${t.name}`)}return i||(i=`item-${r}`),`${t}-${n}-${i}`},ey=d.default.button`
|
|
2432
2432
|
display: flex;
|
|
2433
2433
|
gap: 4px;
|
|
2434
2434
|
box-sizing: border-box;
|
|
@@ -2463,7 +2463,7 @@ object-assign
|
|
|
2463
2463
|
background: ${({theme:e})=>e.palette.neutral.highlight};
|
|
2464
2464
|
box-shadow: ${v["3dShadowActive"]};
|
|
2465
2465
|
}
|
|
2466
|
-
`,
|
|
2466
|
+
`,ty=d.default.div`
|
|
2467
2467
|
position: relative;
|
|
2468
2468
|
display: flex;
|
|
2469
2469
|
flex-direction: column;
|
|
@@ -2487,7 +2487,7 @@ object-assign
|
|
|
2487
2487
|
border-inline: 1px solid ${n.palette.divider};
|
|
2488
2488
|
}
|
|
2489
2489
|
`}
|
|
2490
|
-
`,
|
|
2490
|
+
`,ny=c.default.forwardRef((function({className:e,children:t},n){return c.default.createElement("div",{ref:n,className:e},t)})),ry=d.default(ny)`
|
|
2491
2491
|
flex-grow: 1;
|
|
2492
2492
|
min-height: 0;
|
|
2493
2493
|
overflow: auto;
|
|
@@ -2504,7 +2504,7 @@ object-assign
|
|
|
2504
2504
|
/* separate + sticky は安全側だが tr の下線が出ない。collapse で行境界を tr に任せる */
|
|
2505
2505
|
border-collapse: collapse;
|
|
2506
2506
|
}
|
|
2507
|
-
`,
|
|
2507
|
+
`,ay=d.default.div`
|
|
2508
2508
|
display: flex;
|
|
2509
2509
|
flex-wrap: wrap;
|
|
2510
2510
|
align-items: center;
|
|
@@ -2514,7 +2514,7 @@ object-assign
|
|
|
2514
2514
|
flex-shrink: 0;
|
|
2515
2515
|
padding: 8px ${({isSmallLayout:e})=>e?12:16}px;
|
|
2516
2516
|
background: ${({theme:e})=>e.palette.neutral.ultraLight};
|
|
2517
|
-
`;d.default(
|
|
2517
|
+
`;d.default(ey)`
|
|
2518
2518
|
display: flex;
|
|
2519
2519
|
|
|
2520
2520
|
em {
|
|
@@ -2532,25 +2532,25 @@ object-assign
|
|
|
2532
2532
|
margin: 0;
|
|
2533
2533
|
border: 0;
|
|
2534
2534
|
border-left: 1px dashed ${({theme:e})=>e.palette.divider};
|
|
2535
|
-
`;const
|
|
2535
|
+
`;const iy=d.default.span`
|
|
2536
2536
|
display: inline-flex;
|
|
2537
2537
|
align-items: center;
|
|
2538
2538
|
flex-wrap: nowrap;
|
|
2539
2539
|
gap: 4px;
|
|
2540
2540
|
min-width: 0;
|
|
2541
|
-
`,
|
|
2541
|
+
`,oy=d.default.span`
|
|
2542
2542
|
${C}
|
|
2543
2543
|
font-variant-numeric: tabular-nums;
|
|
2544
2544
|
color: ${({theme:e})=>e.palette.black};
|
|
2545
|
-
`,
|
|
2545
|
+
`,ly=d.default.span`
|
|
2546
2546
|
${C}
|
|
2547
2547
|
color: ${({theme:e})=>e.palette.text.secondary};
|
|
2548
|
-
`,
|
|
2548
|
+
`,sy=d.default.span`
|
|
2549
2549
|
display: inline-flex;
|
|
2550
2550
|
flex-shrink: 0;
|
|
2551
2551
|
align-items: center;
|
|
2552
2552
|
line-height: 0;
|
|
2553
|
-
`,
|
|
2553
|
+
`,cy=d.default.button`
|
|
2554
2554
|
display: flex;
|
|
2555
2555
|
align-items: center;
|
|
2556
2556
|
gap: 4px;
|
|
@@ -2575,24 +2575,24 @@ object-assign
|
|
|
2575
2575
|
&:where([aria-expanded="true"]) {
|
|
2576
2576
|
background: ${({theme:e})=>e.palette.primary.highlight};
|
|
2577
2577
|
}
|
|
2578
|
-
`,
|
|
2578
|
+
`,dy=d.default.div`
|
|
2579
2579
|
display: flex;
|
|
2580
2580
|
flex-wrap: nowrap;
|
|
2581
2581
|
align-items: center;
|
|
2582
2582
|
gap: 8px;
|
|
2583
2583
|
flex: 0 0 auto;
|
|
2584
|
-
`,
|
|
2584
|
+
`,uy=d.default.div`
|
|
2585
2585
|
display: flex;
|
|
2586
2586
|
justify-content: flex-end;
|
|
2587
2587
|
align-items: center;
|
|
2588
2588
|
flex-shrink: 0;
|
|
2589
2589
|
padding: 8px ${({isSmallLayout:e})=>e?12:16}px;
|
|
2590
2590
|
background: ${({theme:e})=>e.palette.neutral.ultraLight};
|
|
2591
|
-
`,
|
|
2591
|
+
`,py=d.default(ey)``,fy=d.default.thead`
|
|
2592
2592
|
position: relative;
|
|
2593
2593
|
z-index: 2;
|
|
2594
2594
|
background: transparent;
|
|
2595
|
-
`,
|
|
2595
|
+
`,my=d.default.th`
|
|
2596
2596
|
height: 1px; /* 子要素の高さ 100% を有効にする。table-layout: fixed になっている必要がある */
|
|
2597
2597
|
text-align: left;
|
|
2598
2598
|
font-weight: 700;
|
|
@@ -2639,7 +2639,7 @@ object-assign
|
|
|
2639
2639
|
inset 0 -1px 0 0 ${n.palette.divider},
|
|
2640
2640
|
inset 1px 0 0 0 ${n.palette.divider};
|
|
2641
2641
|
`}
|
|
2642
|
-
`,
|
|
2642
|
+
`,hy=d.default.td`
|
|
2643
2643
|
${({$stickyRightOffset:e,theme:n,$stickyZIndex:r,$showStickyEdgeDecoration:a})=>void 0!==e&&t.css`
|
|
2644
2644
|
position: sticky;
|
|
2645
2645
|
right: ${e}px;
|
|
@@ -2649,7 +2649,7 @@ object-assign
|
|
|
2649
2649
|
box-shadow: inset 1px 0 0 0 ${n.palette.divider};
|
|
2650
2650
|
`}
|
|
2651
2651
|
`}
|
|
2652
|
-
`,
|
|
2652
|
+
`,gy=d.default.div`
|
|
2653
2653
|
position: relative;
|
|
2654
2654
|
display: flex;
|
|
2655
2655
|
flex-direction: column;
|
|
@@ -2661,7 +2661,7 @@ object-assign
|
|
|
2661
2661
|
${({isSmallLayout:e})=>(e?6:10)-3}px;
|
|
2662
2662
|
height: 100%;
|
|
2663
2663
|
margin: 0 5px;
|
|
2664
|
-
`,
|
|
2664
|
+
`,by=d.default.button`
|
|
2665
2665
|
--color: ${({theme:e})=>e.palette.divider};
|
|
2666
2666
|
position: absolute;
|
|
2667
2667
|
inset: 0 -6px 0 auto;
|
|
@@ -2725,7 +2725,7 @@ object-assign
|
|
|
2725
2725
|
left: auto;
|
|
2726
2726
|
border-right: 0;
|
|
2727
2727
|
}
|
|
2728
|
-
`,
|
|
2728
|
+
`,vy=d.default.div`
|
|
2729
2729
|
position: fixed;
|
|
2730
2730
|
z-index: 100;
|
|
2731
2731
|
inset: 0;
|
|
@@ -2738,17 +2738,17 @@ object-assign
|
|
|
2738
2738
|
&[data-max="true"] {
|
|
2739
2739
|
cursor: w-resize;
|
|
2740
2740
|
}
|
|
2741
|
-
`,
|
|
2741
|
+
`,xy=t.css`
|
|
2742
2742
|
display: flex;
|
|
2743
2743
|
align-items: center;
|
|
2744
2744
|
font-weight: 700;
|
|
2745
2745
|
font-size: 13px;
|
|
2746
2746
|
line-height: 16px;
|
|
2747
2747
|
color: ${({theme:e})=>e.palette.black};
|
|
2748
|
-
`,
|
|
2749
|
-
${
|
|
2750
|
-
`,
|
|
2751
|
-
${
|
|
2748
|
+
`,yy=d.default.div`
|
|
2749
|
+
${xy}
|
|
2750
|
+
`,wy=d.default.button`
|
|
2751
|
+
${xy}
|
|
2752
2752
|
width: fit-content;
|
|
2753
2753
|
padding: 0;
|
|
2754
2754
|
border: 0;
|
|
@@ -2760,7 +2760,7 @@ object-assign
|
|
|
2760
2760
|
> span {
|
|
2761
2761
|
flex-shrink: 0;
|
|
2762
2762
|
}
|
|
2763
|
-
`,
|
|
2763
|
+
`,Cy=d.default.tr`
|
|
2764
2764
|
background: ${({theme:e})=>e.palette.background.default};
|
|
2765
2765
|
transition: background 0.2s;
|
|
2766
2766
|
border-bottom: 1px solid ${({theme:e})=>e.palette.divider};
|
|
@@ -2796,9 +2796,9 @@ object-assign
|
|
|
2796
2796
|
padding-block: 20px;
|
|
2797
2797
|
}
|
|
2798
2798
|
}
|
|
2799
|
-
`,
|
|
2799
|
+
`,Ey=d.default.td`
|
|
2800
2800
|
padding-right: 0;
|
|
2801
|
-
`,
|
|
2801
|
+
`,Iy=d.default.th`
|
|
2802
2802
|
height: 1px;
|
|
2803
2803
|
position: sticky;
|
|
2804
2804
|
top: 0;
|
|
@@ -2807,9 +2807,9 @@ object-assign
|
|
|
2807
2807
|
box-shadow:
|
|
2808
2808
|
inset 0 1px 0 0 ${({theme:e})=>e.palette.divider},
|
|
2809
2809
|
inset 0 -1px 0 0 ${({theme:e})=>e.palette.divider};
|
|
2810
|
-
`,Iy=d.default.div`
|
|
2811
|
-
display: flex;
|
|
2812
2810
|
`,ky=d.default.div`
|
|
2811
|
+
display: flex;
|
|
2812
|
+
`,My=d.default.div`
|
|
2813
2813
|
display: grid;
|
|
2814
2814
|
/* td は横 sticky 用に position を触らない。スピナー等の absolute はここを基準に */
|
|
2815
2815
|
position: relative;
|
|
@@ -2819,20 +2819,20 @@ object-assign
|
|
|
2819
2819
|
grid-area: 1 / 1 / 2 / 2;
|
|
2820
2820
|
content: "${" "}";
|
|
2821
2821
|
}
|
|
2822
|
-
|
|
2822
|
+
`,$y=d.default.div`
|
|
2823
2823
|
position: absolute;
|
|
2824
2824
|
inset: 0 auto 0 16px;
|
|
2825
2825
|
height: fit-content;
|
|
2826
2826
|
margin: auto 0;
|
|
2827
|
-
|
|
2827
|
+
`,Ay=d.default.div`
|
|
2828
2828
|
grid-area: 1 / 1 / 2 / 2;
|
|
2829
2829
|
overflow-wrap: anywhere;
|
|
2830
2830
|
word-break: normal;
|
|
2831
2831
|
line-break: strict;
|
|
2832
|
-
&:where(${
|
|
2832
|
+
&:where(${My}:has( ${$y} ) *) {
|
|
2833
2833
|
visibility: hidden;
|
|
2834
2834
|
}
|
|
2835
|
-
`,
|
|
2835
|
+
`,Sy=d.default.div`
|
|
2836
2836
|
display: flex;
|
|
2837
2837
|
justify-content: space-between;
|
|
2838
2838
|
align-items: center;
|
|
@@ -2842,7 +2842,7 @@ object-assign
|
|
|
2842
2842
|
a {
|
|
2843
2843
|
color: ${({theme:e})=>e.palette.primary.base};
|
|
2844
2844
|
}
|
|
2845
|
-
`,
|
|
2845
|
+
`,Vy=d.default.div`
|
|
2846
2846
|
@media (any-hover: hover) {
|
|
2847
2847
|
visibility: hidden;
|
|
2848
2848
|
|
|
@@ -2850,35 +2850,35 @@ object-assign
|
|
|
2850
2850
|
visibility: visible;
|
|
2851
2851
|
}
|
|
2852
2852
|
|
|
2853
|
-
&:where(${
|
|
2853
|
+
&:where(${Sy}:hover *) {
|
|
2854
2854
|
visibility: visible;
|
|
2855
2855
|
}
|
|
2856
2856
|
}
|
|
2857
|
-
`,
|
|
2857
|
+
`,Ly=d.default.div`
|
|
2858
2858
|
display: flex;
|
|
2859
2859
|
align-items: center;
|
|
2860
2860
|
gap: 8px;
|
|
2861
2861
|
flex: 0 1 auto;
|
|
2862
2862
|
min-width: min-content;
|
|
2863
2863
|
margin-inline-end: auto;
|
|
2864
|
-
`,
|
|
2864
|
+
`,Oy=d.default.span`
|
|
2865
2865
|
font-size: 13px;
|
|
2866
2866
|
color: ${({theme:e})=>e.palette.black};
|
|
2867
2867
|
margin-inline: 4px 0;
|
|
2868
|
-
`,
|
|
2868
|
+
`,Hy=(e,t)=>"danger"===e?null==t?void 0:t.palette.danger.dark:"primary"===e?null==t?void 0:t.palette.primary.dark:null==t?void 0:t.palette.text.secondary;d.default(ey)`
|
|
2869
2869
|
background: ${({color:e,theme:t})=>((e,t)=>"danger"===e?null==t?void 0:t.palette.danger.highlight:"primary"===e?null==t?void 0:t.palette.primary.highlight:null==t?void 0:t.palette.background.default)(e,t)};
|
|
2870
|
-
color: ${({color:e,theme:t})=>
|
|
2870
|
+
color: ${({color:e,theme:t})=>Hy(e,t)};
|
|
2871
2871
|
&:hover:not(:disabled) {
|
|
2872
2872
|
background: ${({color:e,theme:t})=>((e,t)=>"danger"===e?null==t?void 0:t.palette.danger.lighter:"primary"===e?null==t?void 0:t.palette.primary.softLight:null==t?void 0:t.palette.neutral.highlight)(e,t)};
|
|
2873
2873
|
}
|
|
2874
|
-
`,d.default(
|
|
2874
|
+
`,d.default(ey)``,d.default.button`
|
|
2875
2875
|
width: 100%;
|
|
2876
2876
|
text-align: left;
|
|
2877
2877
|
background: none;
|
|
2878
2878
|
border: none;
|
|
2879
2879
|
padding: 8px 12px;
|
|
2880
2880
|
font-size: 13px;
|
|
2881
|
-
color: ${({color:e,theme:t})=>
|
|
2881
|
+
color: ${({color:e,theme:t})=>Hy(e,t)};
|
|
2882
2882
|
cursor: pointer;
|
|
2883
2883
|
&:hover:not(:disabled) {
|
|
2884
2884
|
background: ${({theme:e})=>e.palette.neutral.highlight};
|
|
@@ -2887,16 +2887,16 @@ object-assign
|
|
|
2887
2887
|
color: ${({theme:e})=>e.palette.text.disabled};
|
|
2888
2888
|
cursor: not-allowed;
|
|
2889
2889
|
}
|
|
2890
|
-
`;const
|
|
2890
|
+
`;const Dy=d.default.span`
|
|
2891
2891
|
display: inline-block;
|
|
2892
2892
|
height: 18px;
|
|
2893
2893
|
border-left: 1px dashed ${({theme:e})=>e.palette.divider};
|
|
2894
2894
|
vertical-align: middle;
|
|
2895
|
-
`,
|
|
2895
|
+
`,Ry=d.default.div`
|
|
2896
2896
|
display: flex;
|
|
2897
2897
|
align-items: center;
|
|
2898
2898
|
gap: 8px;
|
|
2899
|
-
`,
|
|
2899
|
+
`,zy=d.default(ey)`
|
|
2900
2900
|
display: flex;
|
|
2901
2901
|
align-items: center;
|
|
2902
2902
|
gap: 4px;
|
|
@@ -2912,7 +2912,7 @@ object-assign
|
|
|
2912
2912
|
&:hover:not(:disabled) {
|
|
2913
2913
|
background: ${({theme:e})=>e.palette.neutral.highlight};
|
|
2914
2914
|
}
|
|
2915
|
-
`,zy=()=>{const{columns:t,setColumns:n,isSmallLayout:r}=e.useContext(Fx),[a,i]=e.useState(!1),[o,l]=e.useState(t.map((e=>e.filtered||!1))),s=e.useMemo((()=>t.filter((e=>e.filtered)).length),[t]),d=e.useCallback((()=>{l(t.map((e=>e.filtered||!1)))}),[t]),u=e.useCallback(((e,t)=>{l((n=>n.map(((n,r)=>e===r?t:n))))}),[l]),p=e.useCallback((()=>{d(),i(!1)}),[d]),f=e.useCallback((()=>{const e=structuredClone(t).map(((e,t)=>Object.assign(Object.assign({},e),{filtered:o[t]})));n(e),i(!1)}),[t,n,o]),m=e.useCallback((e=>{i(e),e||d()}),[i,d]);return e.useEffect((()=>d()),[t,d]),c.default.createElement(to,null,c.default.createElement(eo,{width:360,trigger:c.default.createElement(sy,{type:"button",disabled:0===s},c.default.createElement(z,{name:"filter",color:"currentColor"}),r?s:`${s}列に適用中`),open:a,onOpenChange:m},c.default.createElement(no,null,"フィルタが適用されている列"),t.map(((e,t)=>!0===e.filtered?c.default.createElement(ci,{key:e.id,checked:o[t],onChange:e=>u(t,e)},e.label):null)),c.default.createElement(ao,{prepend:c.default.createElement(z,{name:"question"})},"リセットしたいフィルタのボタンをオフにしてください"),c.default.createElement(io,null),c.default.createElement(oo,null,c.default.createElement(Lo,{type:"button",size:"small",color:"clear",onClick:p},"キャンセル"),c.default.createElement(Lo,{type:"button",size:"small",onClick:f},"適用"))))},Ny=()=>{const{columns:t,setColumns:n,columnEditFeatures:r}=e.useContext(Fx),a=e.useMemo((()=>[...t].sort(((e,t)=>e.order-t.order))),[t]),i=e.useMemo((()=>a.map((e=>e.id))),[a]),o=e.useMemo((()=>a.filter((e=>Bx(e,r))).map((e=>e.id))),[a,r]),l=e.useCallback((e=>{r.reorder&&n(_x(t,e,r))}),[r,t,n]),s=e.useCallback((e=>{r.visibility&&n(t.map((t=>t.id===e?Object.assign(Object.assign({},t),{visible:!t.visible}):t)))}),[r.visibility,t,n]),d=e.useCallback(((e,t)=>{if(t)return()=>s(e)}),[s]),u=(p=r).reorder&&p.visibility?"カラムの並び順、表示・非表示を切り替えます。":p.reorder?"カラムの並び順を変更します。":"カラムの表示・非表示を切り替えます。";var p;const f=a.map((e=>(e=>{const t=Bx(e,r),n=Px(e,r),a=d(e.id,n),i=c.default.createElement(ci,{disabled:!n,checked:e.visible,onChange:a},e.label);return t?c.default.createElement(Mi,{key:e.id,id:e.id},i):c.default.createElement(Vi,{key:e.id,id:e.id},i)})(e)));return c.default.createElement(eo,{width:328,trigger:c.default.createElement(mi,null,"カラムを編集")},r.reorder&&o.length>0?c.default.createElement(Ci,{order:o,displayOrder:i,onOrderChange:l},f):f,c.default.createElement(ao,{prepend:c.default.createElement(z,{name:"question"})},u))},Ty=()=>{const{pageSize:t,pageSizeOptions:n,setPageSize:r}=e.useContext(Fx);return c.default.createElement(eo,{width:136,trigger:c.default.createElement(mi,{append:t},"件数を変更")},n.map((e=>c.default.createElement(ni,{key:e,closeOnChange:!0,checked:t===e,onChange:()=>r(e)},e,"件"))))},Zy=[{value:-2,label:"より狭くする"},{value:-1,label:"狭くする"},{value:0,label:"標準"},{value:1,label:"広くする"},{value:2,label:"より広くする"}],By=()=>{const{rowSpacing:t,setRowSpacing:n}=e.useContext(Fx),r=e.useMemo((()=>{var e;return(null===(e=Zy.find((e=>e.value===t)))||void 0===e?void 0:e.label)||"標準"}),[t]);return c.default.createElement(eo,{width:168,trigger:c.default.createElement(mi,{append:r},"表示密度を変更")},Zy.map((({value:e,label:r})=>c.default.createElement(ni,{key:e,closeOnChange:!0,checked:t===e,onChange:()=>(e=>{n(e)})(e)},r))))},Py="small",_y="secondaryLight",Fy=({rangeStart:e,rangeEnd:t,totalCount:n,locationSuffix:r})=>c.default.createElement(Lo,{inline:!0,type:"button","aria-label":`表示件数を変更${r}`,size:Py,color:_y},c.default.createElement(ay,null,0===n?c.default.createElement(c.default.Fragment,null,c.default.createElement(iy,null,"0"),c.default.createElement(oy,null," / "),c.default.createElement(iy,null,"0")):c.default.createElement(c.default.Fragment,null,c.default.createElement(iy,null,Wx(e)),c.default.createElement(oy,null,"-"),c.default.createElement(iy,null,Wx(t)),c.default.createElement(oy,null,"/"),c.default.createElement(iy,null,Wx(n))),c.default.createElement(ly,null,c.default.createElement(z,{name:"arrow_down",size:"sm-md",color:"currentColor"})))),Gy=({location:t="toolbar"})=>{const n=(e=>"footer"===e?"（下部）":"")(t),{totalCount:r,currentPage:a,pageSize:i,pageSizeOptions:o,setCurrentPage:l,setPageSize:s}=e.useContext(Fx),d=e.useCallback((e=>{l(0),s(e)}),[l,s]),u=e.useMemo((()=>Math.ceil(r/i)-1),[r,i]),p=Math.min(a*i+1,r),f=Math.min((a+1)*i,r);return c.default.createElement(Jd,{minSize:"fit-content"},c.default.createElement(Lo,{inline:!0,type:"button","aria-label":`前のページへ${n}`,size:Py,color:_y,disabled:0===a||0===r,icon:c.default.createElement(z,{name:"arrow_left",size:"md",color:"currentColor"}),onClick:()=>l(Math.max(a-1,0))}),c.default.createElement(to,null,c.default.createElement(eo,{width:296,trigger:c.default.createElement(Fy,{rangeStart:p,rangeEnd:f,totalCount:r,locationSuffix:n})},c.default.createElement(no,null,"表示件数を変更"),o.map((e=>c.default.createElement(ni,{key:e,checked:i===e,onChange:()=>d(e)},e))))),c.default.createElement(Lo,{inline:!0,type:"button","aria-label":`次のページへ${n}`,size:Py,color:_y,disabled:a===u||0===r,icon:c.default.createElement(z,{name:"arrow_right",size:"md",color:"currentColor"}),onClick:()=>l(Math.min(a+1,u))}))},jy=({tableActions:t,customTableActionArea:n})=>{const{isSmallLayout:r,columns:a,columnEditFeatures:i,rowIds:o,checkedRows:l,setCheckedRows:s,hasRowControls:d}=e.useContext(Fx),u=L(),p=e.useMemo((()=>o.length>0&&l.length===o.length),[l,o]),f=e.useMemo((()=>0!==l.length&&l.length!==o.length),[l,o]),[m,h]=e.useState(!1),[g,b]=e.useState(!1),[v,x]=e.useState(!1),y=e.useMemo((()=>a.some((e=>void 0!==e.filtered))),[a]),w=e.useCallback((()=>{s(p?[]:o)}),[p,o,s]),C=e.useCallback(((e,t)=>((e,t,n,r)=>{if(t&&c.default.isValidElement(e)){let a=n?t.enabled:t.disabled||"currentColor";return"success"===a?a=r.palette.success.base:"danger"===a?a=r.palette.danger.base:"primary"===a?a=r.palette.primary.base:"warning"===a&&(a=r.palette.warning.base),c.default.cloneElement(e,Object.assign(Object.assign({},e.props),{color:a}))}return e})(e,t,l.length>0,u)),[l.length,u]),E=e.useCallback(((e,t,n)=>{var r;return"singleButton"===e.type?c.default.createElement(Lo,{key:Ux(e,t),icon:C(e.icon,e.dynamicIconColor),color:null!==(r=e.color)&&void 0!==r?r:"secondaryLight",size:"small",inline:n,style:e.style,disabled:Jx(e,l),onClick:()=>e.onClick(l)},e.label):"groupButton"===e.type?c.default.createElement(qd,{key:Ux(e,t),size:"small"},e.items.map(((e,n)=>{var r;return c.default.createElement(Lo,{key:Qx(e,t,n),icon:C(e.icon,e.dynamicIconColor),color:null!==(r=e.color)&&void 0!==r?r:"secondaryLight",style:e.style,disabled:Jx(e,l),onClick:()=>e.onClick(l)},e.label)}))):"separator"===e.type?c.default.createElement(Hy,{key:Ux(e,t)}):"heading"===e.type?c.default.createElement("span",{key:Ux(e,t),style:{padding:"8px",fontSize:"14px",fontWeight:"bold"}},e.label):c.default.createElement(Hy,{key:Ux(e,t)})}),[l,C]),I=e.useCallback(((e,t=!1)=>{const n=[],r=new Set;return e.forEach(((a,i)=>{if("singleButton"!==a.type&&"groupButton"!==a.type||!a.headingLabel||r.has(a.headingLabel))"singleButton"!==a.type&&"groupButton"!==a.type||a.headingLabel?"separator"===a.type?n.push(c.default.createElement(io,{key:`separator-${i}`})):"heading"===a.type?n.push(c.default.createElement(no,{key:`heading-${a.label||i}`},a.label)):"divider"===a.type&&n.push(c.default.createElement(io,{key:`divider-${i}`})):"singleButton"===a.type?n.push(c.default.createElement(rt,{key:`single-${a.label||i}`,prepend:C(a.icon,a.dynamicIconColor),disabled:Jx(a,l,t),onClick:()=>{a.onClick(l),t?x(!1):b(!1)}},a.label)):"groupButton"===a.type&&a.items.forEach(((e,r)=>{n.push(c.default.createElement(rt,{key:qx(e,"mobile-group",i,r),prepend:C(e.icon,e.dynamicIconColor),disabled:Jx(e,l,t),onClick:()=>{e.onClick(l),t?x(!1):b(!1)}},e.label))}));else{r.add(a.headingLabel);const i=e.filter((e=>("singleButton"===e.type||"groupButton"===e.type)&&e.headingLabel===a.headingLabel));n.push(c.default.createElement(no,{key:`group-${a.headingLabel}-heading`},a.headingLabel)),i.forEach(((e,r)=>{"singleButton"===e.type?n.push(c.default.createElement(rt,{key:`group-${e.headingLabel}-${e.label||r}`,prepend:C(e.icon,e.dynamicIconColor),disabled:Jx(e,l,t),onClick:()=>{e.onClick(l),t?x(!1):b(!1)}},e.label)):"groupButton"===e.type&&e.items.forEach(((e,i)=>{n.push(c.default.createElement(rt,{key:qx(e,`group-${a.headingLabel}-group`,r,i),prepend:C(e.icon,e.dynamicIconColor),disabled:Jx(e,l,t),onClick:()=>{e.onClick(l),t?x(!1):b(!1)}},e.label))}))}))}})),n}),[l,b,x,C]);let k=null;if(n)k=n({isSmallLayout:r,checkedRows:l});else if(t&&t.length>0){const{checkedActions:e,uncheckedActions:n}={checkedActions:(M=t).filter((e=>{const t="enabledWhen"in e?e.enabledWhen:void 0;return"checked"===t||void 0===t})),uncheckedActions:M.filter((e=>"unchecked"===("enabledWhen"in e?e.enabledWhen:void 0)))};if(r)k=c.default.createElement(Dy,null,e.length>0&&c.default.createElement(to,null,c.default.createElement(eo,{open:g,trigger:c.default.createElement(Ry,{type:"button",disabled:0===l.length},c.default.createElement("span",{style:{color:0===l.length?"inherit":u.palette.primary.base,fontWeight:700}},0===l.length?"-":l.length),"件を操作",c.default.createElement(z,{name:"arrow_down",size:"sm-md",color:"currentColor"})),width:200,onOpenChange:b},I(e))),n.length>0&&c.default.createElement(to,null,c.default.createElement(eo,{open:v,trigger:c.default.createElement(Lo,{type:"button",color:"secondaryLight",size:"small",icon:c.default.createElement(z,{name:"more_vert",color:"currentColor"}),disabled:l.length>0}),width:200,onOpenChange:x},I(n,!0))));else{const{dropdownActions:t}=Xx(e),{dropdownActions:r}=Xx(n),a=()=>{const n=[];return e.forEach(((e,r)=>{var a;const i=null!==(a=e.displayIn)&&void 0!==a?a:"toolbar";if("toolbar"===i)n.push(E(e,r,!0));else if("dropdown"===i){n.some((e=>c.default.isValidElement(e)&&"checked-dropdown"===e.key))||n.push(c.default.createElement(to,{key:"checked-dropdown"},c.default.createElement(eo,{open:g,trigger:c.default.createElement(Lo,{type:"button",color:"secondaryLight",size:"small",icon:c.default.createElement(z,{name:"more_vert",color:"currentColor"}),disabled:0===l.length}),width:200,onOpenChange:b},t.map(((e,t)=>"singleButton"===e.type?c.default.createElement(rt,{key:`checked-single-${e.label||t}`,prepend:C(e.icon,e.dynamicIconColor),disabled:Jx(e,l),onClick:()=>{e.onClick(l),b(!1)}},e.label):"groupButton"===e.type?e.items.map(((e,n)=>c.default.createElement(rt,{key:qx(e,"checked-group",t,n),prepend:C(e.icon,e.dynamicIconColor),disabled:Jx(e,l),onClick:()=>{e.onClick(l),b(!1)}},e.label))):"separator"===e.type?c.default.createElement(io,{key:`checked-separator-sep-${t}`}):"heading"===e.type?c.default.createElement(no,{key:`checked-heading-${e.label||`heading${t}`}`},e.label):c.default.createElement(io,{key:`checked-divider-div-${t}`}))))))}})),n},i=()=>{const e=[];return n.forEach(((t,n)=>{var a;const i=null!==(a=t.displayIn)&&void 0!==a?a:"toolbar";if("toolbar"===i)e.push(E(t,n,!0));else if("dropdown"===i){e.some((e=>c.default.isValidElement(e)&&"unchecked-dropdown"===e.key))||e.push(c.default.createElement(to,{key:"unchecked-dropdown"},c.default.createElement(eo,{open:v,trigger:c.default.createElement(Lo,{type:"button",color:"secondaryLight",size:"small",icon:c.default.createElement(z,{name:"more_vert",color:"currentColor"}),disabled:l.length>0}),width:200,onOpenChange:x},r.map(((e,t)=>"singleButton"===e.type?c.default.createElement(rt,{key:`unchecked-single-${e.label||t}`,prepend:C(e.icon,e.dynamicIconColor),disabled:Jx(e,l,!0),onClick:()=>{e.onClick(l),x(!1)}},e.label):"groupButton"===e.type?e.items.map(((e,n)=>c.default.createElement(rt,{key:qx(e,"unchecked-group",t,n),prepend:C(e.icon,e.dynamicIconColor),disabled:Jx(e,l,!0),onClick:()=>{e.onClick(l),x(!1)}},e.label))):"separator"===e.type?c.default.createElement(io,{key:`unchecked-separator-sep-${t}`}):"heading"===e.type?c.default.createElement(no,{key:`unchecked-heading-${e.label||`heading${t}`}`},e.label):c.default.createElement(io,{key:`unchecked-divider-div-${t}`}))))))}})),e};k=c.default.createElement(Dy,null,a(),e.length>0&&n.length>0&&c.default.createElement(Hy,null),i())}}var M;return c.default.createElement(ry,{isSmallLayout:r},c.default.createElement(Vy,null,d&&c.default.createElement(c.default.Fragment,null,c.default.createElement(xd,{checked:p||f,indeterminate:f,disabled:0===o.length,"aria-label":"すべての行を選択",onChange:w}),!r&&c.default.createElement(Ly,null,c.default.createElement("span",{style:{color:u.palette.primary.base,fontWeight:700}},0===l.length?"-":l.length),"件を")),k),c.default.createElement(cy,null,y&&c.default.createElement(zy,null),c.default.createElement(Gy,null),c.default.createElement(to,null,c.default.createElement(eo,{open:m,width:316,trigger:c.default.createElement(Lo,{type:"button",color:"secondaryLight",size:"small",icon:c.default.createElement(z,{name:"setting",color:"currentColor"})}),onOpenChange:h},function(e,t){return!(!t.reorder&&!t.visibility)&&e.some((e=>Bx(e,t)||Px(e,t)))}(a,i)&&c.default.createElement(Ny,null),c.default.createElement(Ty,null),c.default.createElement(By,null)))))},Yy=()=>{const{isSmallLayout:t}=e.useContext(Fx);return c.default.createElement(dy,{isSmallLayout:t},c.default.createElement(Gy,{location:"footer"}))},Wy=({children:t})=>{const[n,r]=e.useState(!0),a=e.useRef(null),i=e.useCallback((()=>{const e=a.current;if(!e)return;const{scrollLeft:t,scrollWidth:n,clientWidth:i}=e,o=Math.max(0,n-i),l=o>.5&&!(t>=o-1);r((e=>e===l?e:l))}),[]);return e.useEffect((()=>{const e=a.current;if(!e)return;i(),e.addEventListener("scroll",i,{passive:!0});const t=new ResizeObserver(i);t.observe(e);const n=e.firstElementChild;return n instanceof HTMLElement&&t.observe(n),()=>{e.removeEventListener("scroll",i),t.disconnect()}}),[i]),c.default.createElement(Gx.Provider,{value:{showStickyRightEdgeDecoration:n}},c.default.createElement(ny,{ref:a},c.default.createElement("table",null,t)))},Xy=e=>{if(!e)return[];const t=[];let n=0,r=!isNaN(Number(e[0]));for(let a=1;a<=e.length;a++){const i=e[a],o=!isNaN(Number(i))&&" "!==i;o===r&&" "!==i&&a!==e.length||(t.push({start:n,end:a-1,value:e.slice(n,a),editable:r}),n=a,r=o)}return t},Jy=e=>e.map((e=>e.value)).join(""),Uy=(e,t,n)=>{if(4===e)return"year";if(2===e){const e=(t.match(/[YMD]+/g)||[]).map(((e,t)=>({token:e,length:e.length,index:t}))),r=e[n];if(r){if(r.token.includes("Y"))return"year";if(r.token.includes("M"))return"month";if(r.token.includes("D"))return"day"}}return"unknown"},Qy=(e,t,n,r)=>{if(0===t){const t=parseInt(e);return"month"===n?t>=2:"day"===n&&t>=4}return t+1===r},qy={Backspace:"Backspace",Delete:"Delete",ArrowLeft:"ArrowLeft",ArrowRight:"ArrowRight",ArrowUp:"ArrowUp",ArrowDown:"ArrowDown",Tab:"Tab",0:"0",1:"1",2:"2",3:"3",4:"4",5:"5",6:"6",7:"7",8:"8",9:"9"},Ky=["Numpad0","Numpad1","Numpad2","Numpad3","Numpad4","Numpad5","Numpad6","Numpad7","Numpad8","Numpad9"],ew=Object.keys(qy).filter((e=>!isNaN(Number(e)))),tw=Object.values(qy),nw=e=>Ky.includes(e),rw=e=>{const t=e.match(/Numpad(\d)/);return t?t[1]:null},aw=/(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|YYYY|YY?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g,iw=/\d\d/,ow=/-?\d\d?/,lw=/\d*[^-_:/,()\s\d]+/;let sw={},cw=function(e){return(e=+e)+(e>68?1900:2e3)};const dw=function(e){return function(t){this[e]=+t}},uw=[/[+-]\d\d:?(\d\d)?|Z/,function(e){(this.zone||(this.zone={})).offset=function(e){if(!e)return 0;if("Z"===e)return 0;const t=e.match(/([+-]|\d\d)/g),n=60*t[1]+(+t[2]||0);return 0===n?0:"+"===t[0]?-n:n}(e)}],pw=e=>{const t=sw[e];return t&&(t.indexOf?t:t.s.concat(t.f))},fw=(e,t)=>{let n;const{meridiem:r}=sw;if(r){for(let a=1;a<=24;a+=1)if(e.indexOf(r(a,0,t))>-1){n=a>12;break}}else n=e===(t?"pm":"PM");return n},mw={A:[lw,function(e){this.afternoon=fw(e,!1)}],a:[lw,function(e){this.afternoon=fw(e,!0)}],S:[/\d/,function(e){this.milliseconds=100*+e}],SS:[iw,function(e){this.milliseconds=10*+e}],SSS:[/\d{3}/,function(e){this.milliseconds=+e}],s:[ow,dw("seconds")],ss:[ow,dw("seconds")],m:[ow,dw("minutes")],mm:[ow,dw("minutes")],H:[ow,dw("hours")],h:[ow,dw("hours")],HH:[ow,dw("hours")],hh:[ow,dw("hours")],D:[ow,dw("day")],DD:[iw,dw("day")],Do:[lw,function(e){const{ordinal:t}=sw;if([this.day]=e.match(/\d+/),t)for(let n=1;n<=31;n+=1)t(n).replace(/\[|\]/g,"")===e&&(this.day=n)}],M:[ow,dw("month")],MM:[iw,dw("month")],MMM:[lw,function(e){const t=pw("months"),n=(pw("monthsShort")||t.map((e=>e.slice(0,3)))).indexOf(e)+1;if(n<1)throw new Error;this.month=n%12||n}],MMMM:[lw,function(e){const t=pw("months").indexOf(e)+1;if(t<1)throw new Error;this.month=t%12||t}],Y:[/[+-]?\d+/,dw("year")],YY:[iw,function(e){this.year=cw(e)}],YYYY:[/\d{4}/,dw("year")],Z:uw,ZZ:uw};const hw=(e,t,n)=>{try{if(["x","X"].indexOf(t)>-1)return new Date(("X"===t?1e3:1)*e);const r=function(e){const t=e.match(aw),{length:n}=t;for(let e=0;e<n;e+=1){const n=t[e],r=mw[n],a=r&&r[0],i=r&&r[1];t[e]=i?{regex:a,parser:i}:n.replace(/^\[|\]$/g,"")}return function(e){const r={};for(let a=0,i=0;a<n;a+=1){const n=t[a];if("string"==typeof n)i+=n.length;else{const{regex:t,parser:a}=n,o=e.slice(i),l=t.exec(o)[0];a.call(r,l),e=e.replace(l,"")}}return function(e){const{afternoon:t}=e;if(void 0!==t){const{hours:n}=e;t?n<12&&(e.hours+=12):12===n&&(e.hours=0),delete e.afternoon}}(r),r}}(t),{year:a,month:i,day:o,hours:l,minutes:s,seconds:c,milliseconds:d,zone:u}=r(e),p=new Date,f=a||p.getFullYear(),m=i-1,h=l||0,g=s||0,b=c||0,v=d||0;return u?new Date(Date.UTC(f,m,o,h,g,b,v+60*u.offset*1e3)):n?new Date(Date.UTC(f,m,o,h,g,b,v)):new Date(f,m,o,h,g,b,v)}catch(e){return new Date("")}};var gw=(e,t,n)=>{n.p.customParseFormat=!0,e&&e.parseTwoDigitYear&&({parseTwoDigitYear:cw}=e);const r=t.prototype,a=r.parse;r.parse=function(e){const{date:t,utc:r,args:i}=e;this.$u=r;const o=i[1];if("string"==typeof o){const e=!0===i[2],a=!0===i[3],l=e||a;let s=i[2];a&&([,,s]=i),sw=this.$locale(),!e&&s&&(sw=n.Ls[s]),this.$d=hw(t,o,r),this.init(),s&&!0!==s&&(this.$L=this.locale(s).$L),l&&t!=this.format(o)&&(this.$d=new Date("")),sw={}}else if(o instanceof Array){const e=o.length;for(let t=1;t<=e;t+=1){i[1]=o[t-1];const r=n.apply(this,i);if(r.isValid()){this.$d=r.$d,this.$L=r.$L,this.init();break}t===e&&(this.$d=new Date(""))}}else a.call(this,e)}};const bw=({date:t,format:n="YYYY-MM-DD",onDateChange:r})=>{co.extend(gw);const a=e.useRef(null),[i,o]=e.useState(null==t?void 0:t.format(n)),[l,s]=e.useState(Xy(i)),[c,d]=e.useState({start:0,end:l.length-1,current:0}),[u,p]=e.useState(0),f=e.useCallback((()=>{setTimeout((()=>{var e,t,n;if(0===l.length)return;const r=null!==(t=null===(e=a.current)||void 0===e?void 0:e.selectionStart)&&void 0!==t?t:0,i=l[l.length-1].end+1,o=r>=i?i:r,s=l.findIndex((e=>o>=e.start&&o<=e.end+1));-1!==s&&(d((e=>l[s].editable?e.current===s?e:Object.assign(Object.assign({},e),{current:s}):Object.assign(Object.assign({},e),{current:s+1}))),null===(n=a.current)||void 0===n||n.setSelectionRange(l[s].start,l[s].end+1))}))}),[l]),m=e.useCallback((()=>{}),[]),h=e.useCallback((()=>{d((e=>Object.assign(Object.assign({},e),{current:0}))),p(0)}),[]),g=e.useCallback((e=>{if(0===l.length)return;const t=nw(e.code),a=t?rw(e.code):null;if(!tw.includes(e.key)&&!t)return;if(e.key===qy.ArrowLeft||e.key===qy.ArrowRight){e.preventDefault();const t=e=>{const t=c.current;if(e===qy.ArrowLeft){for(let e=t-1;e>=0;e--)if(l[e].editable)return e-t}else if(e===qy.ArrowRight)for(let e=t+1;e<l.length;e++)if(l[e].editable)return e-t;return 0},n=e.key;d((e=>Object.assign(Object.assign({},e),{current:e.current+t(n)})))}if(e.key===qy.ArrowUp||e.key===qy.ArrowDown){e.preventDefault();const t=e.key===qy.ArrowUp?1:-1,a=Number(l[c.current].value)+t,i=String(a).padStart(l[c.current].value.length,"0"),d=[...l];d[c.current].value=i,s(d);const u=Jy(d),p=co(u,n);o(p.format(n)),p.isValid()&&r&&r(p)}const i=t?a:e.key;if((ew.includes(e.key)||t)&&i){e.preventDefault(),0===u&&(l[c.current].value="".padStart(l[c.current].value.length,"0"));const t=`${l[c.current].value.slice(1)}${i}`,a=[...l];a[c.current].value=t,s(a),p(u+1);const f=Uy(l[c.current].value.length,n,c.current);if(Qy(i,u,f,l[c.current].value.length)){p(0);for(let e=c.current+1;e<l.length;e++)if(l[e].editable){d((t=>Object.assign(Object.assign({},t),{current:e})));break}const e=Jy(l),t=co(e,n);o(t.format(n)),r&&r(t)}else{const e=Jy(l);if(!co(e,n,!0).isValid())return void o(e);const t=co(e,n);o(t.format(n)),r&&r(t)}}}),[l,n,r,c]),b=e.useCallback((()=>{f()}),[f]),v=e.useCallback((e=>{e.preventDefault();const t=e.clipboardData.getData("text").trim(),a=/[Hh]|mm|ss/.test(n),i=[];i.push(n),i.push("YYYY年M月D日","YYYY年MM月DD日"),a&&i.push("YYYY年M月D日 HH:mm","YYYY年MM月DD日 HH:mm","YYYY年M月D日 HH:mm:ss","YYYY年MM月DD日 HH:mm:ss"),i.push("YYYY-MM-DD","YYYY-M-DD","YYYY-MM-D","YYYY-M-D"),a&&i.push("YYYY-MM-DD HH:mm","YYYY-M-DD HH:mm","YYYY-MM-D HH:mm","YYYY-M-D HH:mm","YYYY-MM-DD HH:mm:ss","YYYY-M-DD HH:mm:ss","YYYY-MM-D HH:mm:ss","YYYY-M-D HH:mm:ss"),i.push("YYYY/MM/DD","YYYY/M/DD","YYYY/MM/D","YYYY/M/D"),a&&i.push("YYYY/MM/DD HH:mm","YYYY/M/DD HH:mm","YYYY/MM/D HH:mm","YYYY/M/D HH:mm","YYYY/MM/DD HH:mm:ss","YYYY/M/DD HH:mm:ss","YYYY/MM/D HH:mm:ss","YYYY/M/D HH:mm:ss");const o=t.match(/(\d{4})[-/年](\d{1,2})[-/月](\d{1,2})/);if(o){const e=parseInt(o[1],10),t=parseInt(o[2],10),n=parseInt(o[3],10);if(!(e>=1900&&e<=2100&&t>=1&&t<=12&&n>=1&&n<=31))return;if(n>co(`${e}-${t}-01`).daysInMonth())return}let l=null;const s=co(t);if(s.isValid())l=s;else for(const e of i){const n=co(t,e,!0);if(n.isValid()){l=n;break}}if(!l||!l.isValid())return;const c=l.year(),d=l.month()+1,u=l.date();if(c>=1900&&c<=2100&&d>=1&&d<=12&&u>=1&&u<=31){if(a){const e=t.match(/(\d{1,2}):(\d{1,2})(?::(\d{1,2}))?/);if(e){const t=parseInt(e[1],10),n=parseInt(e[2],10),r=e[3]?parseInt(e[3],10):0;if(!(!isNaN(t)&&!isNaN(n)&&!isNaN(r)&&t>=0&&t<=23&&n>=0&&n<=59&&r>=0&&r<=59))return}}r&&r(l)}}),[n,r]);return e.useEffect((()=>{var e;if(0===l.length)return;const t=l[c.current];t&&(null===(e=a.current)||void 0===e||e.setSelectionRange(t.start,t.end+1))}),[c,l]),e.useEffect((()=>{o(null==t?void 0:t.format(n)),s(Xy(null==t?void 0:t.format(n)))}),[t,n]),{ref:a,value:i,onFocus:m,onBlur:h,onKeyDown:g,onMouseDown:b,onPaste:v}},vw=e=>[...e.split("")].reduce(((e,t)=>{const n=t.charCodeAt(0);return e+(n>=12288&&n<=65376?2:1)}),0),xw=e.forwardRef((function(t,n){var{error:r=!1,errorText:a,format:i="YYYY-MM-DD",disabled:o=!1,size:l="medium",variant:s="light",width:d,append:u,onAppendClick:f}=t,m=p(t,["error","errorText","format","disabled","size","variant","width","append","onAppendClick"]);re("DateField","DateField は非推奨です。代わりに DateField2 を使用してください。");const h=bw(Object.assign({format:i},m)),{ref:g}=h,b=p(h,["ref"]),v=qs(n,g),x=e.useMemo((()=>9*vw(i)*(parseInt(Li[l].fontSize)/13)+"px"),[i,l]),y=null!=d?d:x;return c.default.createElement(c.default.Fragment,null,c.default.createElement(Bi,Object.assign({ref:v,readOnly:!0,error:r||!!a,disabled:o,size:l,variant:s,width:y,append:u,onAppendClick:f},b)),a&&c.default.createElement(vo,{pt:1},c.default.createElement(Ic,null,a)))}));var yw=e.memo(xw);const ww=d.default.div`
|
|
2915
|
+
`,Ny=()=>{const{columns:t,setColumns:n,isSmallLayout:r}=e.useContext(Gx),[a,i]=e.useState(!1),[o,l]=e.useState(t.map((e=>e.filtered||!1))),s=e.useMemo((()=>t.filter((e=>e.filtered)).length),[t]),d=e.useCallback((()=>{l(t.map((e=>e.filtered||!1)))}),[t]),u=e.useCallback(((e,t)=>{l((n=>n.map(((n,r)=>e===r?t:n))))}),[l]),p=e.useCallback((()=>{d(),i(!1)}),[d]),f=e.useCallback((()=>{const e=structuredClone(t).map(((e,t)=>Object.assign(Object.assign({},e),{filtered:o[t]})));n(e),i(!1)}),[t,n,o]),m=e.useCallback((e=>{i(e),e||d()}),[i,d]);return e.useEffect((()=>d()),[t,d]),c.default.createElement(to,null,c.default.createElement(eo,{width:360,trigger:c.default.createElement(cy,{type:"button",disabled:0===s},c.default.createElement(z,{name:"filter",color:"currentColor"}),r?s:`${s}列に適用中`),open:a,onOpenChange:m},c.default.createElement(no,null,"フィルタが適用されている列"),t.map(((e,t)=>!0===e.filtered?c.default.createElement(ci,{key:e.id,checked:o[t],onChange:e=>u(t,e)},e.label):null)),c.default.createElement(ao,{prepend:c.default.createElement(z,{name:"question"})},"リセットしたいフィルタのボタンをオフにしてください"),c.default.createElement(io,null),c.default.createElement(oo,null,c.default.createElement(Lo,{type:"button",size:"small",color:"clear",onClick:p},"キャンセル"),c.default.createElement(Lo,{type:"button",size:"small",onClick:f},"適用"))))},Ty=()=>{const{columns:t,setColumns:n,columnEditFeatures:r}=e.useContext(Gx),a=e.useMemo((()=>[...t].sort(((e,t)=>e.order-t.order))),[t]),i=e.useMemo((()=>a.map((e=>e.id))),[a]),o=e.useMemo((()=>a.filter((e=>Px(e,r))).map((e=>e.id))),[a,r]),l=e.useCallback((e=>{r.reorder&&n(Fx(t,e,r))}),[r,t,n]),s=e.useCallback((e=>{r.visibility&&n(t.map((t=>t.id===e?Object.assign(Object.assign({},t),{visible:!t.visible}):t)))}),[r.visibility,t,n]),d=e.useCallback(((e,t)=>{if(t)return()=>s(e)}),[s]),u=(p=r).reorder&&p.visibility?"カラムの並び順、表示・非表示を切り替えます。":p.reorder?"カラムの並び順を変更します。":"カラムの表示・非表示を切り替えます。";var p;const f=a.map((e=>(e=>{const t=Px(e,r),n=_x(e,r),a=d(e.id,n),i=c.default.createElement(ci,{disabled:!n,checked:e.visible,onChange:a},e.label);return t?c.default.createElement(Mi,{key:e.id,id:e.id},i):c.default.createElement(Vi,{key:e.id,id:e.id},i)})(e)));return c.default.createElement(eo,{width:328,trigger:c.default.createElement(mi,null,"カラムを編集")},r.reorder&&o.length>0?c.default.createElement(Ci,{order:o,displayOrder:i,onOrderChange:l},f):f,c.default.createElement(ao,{prepend:c.default.createElement(z,{name:"question"})},u))},Zy=()=>{const{pageSize:t,pageSizeOptions:n,setPageSize:r}=e.useContext(Gx);return c.default.createElement(eo,{width:136,trigger:c.default.createElement(mi,{append:t},"件数を変更")},n.map((e=>c.default.createElement(ni,{key:e,closeOnChange:!0,checked:t===e,onChange:()=>r(e)},e,"件"))))},By=[{value:-2,label:"より狭くする"},{value:-1,label:"狭くする"},{value:0,label:"標準"},{value:1,label:"広くする"},{value:2,label:"より広くする"}],Py=()=>{const{rowSpacing:t,setRowSpacing:n}=e.useContext(Gx),r=e.useMemo((()=>{var e;return(null===(e=By.find((e=>e.value===t)))||void 0===e?void 0:e.label)||"標準"}),[t]);return c.default.createElement(eo,{width:168,trigger:c.default.createElement(mi,{append:r},"表示密度を変更")},By.map((({value:e,label:r})=>c.default.createElement(ni,{key:e,closeOnChange:!0,checked:t===e,onChange:()=>(e=>{n(e)})(e)},r))))},_y="small",Fy="secondaryLight",Gy=e.forwardRef((function(e,t){var{rangeStart:n,rangeEnd:r,totalCount:a,locationSuffix:i}=e,o=p(e,["rangeStart","rangeEnd","totalCount","locationSuffix"]);return c.default.createElement(Lo,Object.assign({},o,{ref:t,inline:!0,type:"button","aria-label":`表示件数を変更${i}`,size:_y,color:Fy}),c.default.createElement(iy,null,0===a?c.default.createElement(c.default.Fragment,null,c.default.createElement(oy,null,"0"),c.default.createElement(ly,null," / "),c.default.createElement(oy,null,"0")):c.default.createElement(c.default.Fragment,null,c.default.createElement(oy,null,Xx(n)),c.default.createElement(ly,null,"-"),c.default.createElement(oy,null,Xx(r)),c.default.createElement(ly,null,"/"),c.default.createElement(oy,null,Xx(a))),c.default.createElement(sy,null,c.default.createElement(z,{name:"arrow_down",size:"sm-md",color:"currentColor"}))))})),jy=({location:t="toolbar"})=>{const n=(e=>"footer"===e?"（下部）":"")(t),{totalCount:r,currentPage:a,pageSize:i,pageSizeOptions:o,setCurrentPage:l,setPageSize:s}=e.useContext(Gx),d=e.useCallback((e=>{l(0),s(e)}),[l,s]),u=e.useMemo((()=>Math.ceil(r/i)-1),[r,i]),p=Math.min(a*i+1,r),f=Math.min((a+1)*i,r);return c.default.createElement(Jd,{minSize:"fit-content"},c.default.createElement(Lo,{inline:!0,type:"button","aria-label":`前のページへ${n}`,size:_y,color:Fy,disabled:0===a||0===r,icon:c.default.createElement(z,{name:"arrow_left",size:"md",color:"currentColor"}),onClick:()=>l(Math.max(a-1,0))}),c.default.createElement(to,null,c.default.createElement(eo,{width:296,trigger:c.default.createElement(Gy,{rangeStart:p,rangeEnd:f,totalCount:r,locationSuffix:n})},c.default.createElement(no,null,"表示件数を変更"),o.map((e=>c.default.createElement(ni,{key:e,checked:i===e,onChange:()=>d(e)},e))))),c.default.createElement(Lo,{inline:!0,type:"button","aria-label":`次のページへ${n}`,size:_y,color:Fy,disabled:a===u||0===r,icon:c.default.createElement(z,{name:"arrow_right",size:"md",color:"currentColor"}),onClick:()=>l(Math.min(a+1,u))}))},Yy=({tableActions:t,customTableActionArea:n})=>{const{isSmallLayout:r,columns:a,columnEditFeatures:i,rowIds:o,checkedRows:l,setCheckedRows:s,hasRowControls:d}=e.useContext(Gx),u=L(),p=e.useMemo((()=>o.length>0&&l.length===o.length),[l,o]),f=e.useMemo((()=>0!==l.length&&l.length!==o.length),[l,o]),[m,h]=e.useState(!1),[g,b]=e.useState(!1),[v,x]=e.useState(!1),y=e.useMemo((()=>a.some((e=>void 0!==e.filtered))),[a]),w=e.useCallback((()=>{s(p?[]:o)}),[p,o,s]),C=e.useCallback(((e,t)=>((e,t,n,r)=>{if(t&&c.default.isValidElement(e)){let a=n?t.enabled:t.disabled||"currentColor";return"success"===a?a=r.palette.success.base:"danger"===a?a=r.palette.danger.base:"primary"===a?a=r.palette.primary.base:"warning"===a&&(a=r.palette.warning.base),c.default.cloneElement(e,Object.assign(Object.assign({},e.props),{color:a}))}return e})(e,t,l.length>0,u)),[l.length,u]),E=e.useCallback(((e,t,n)=>{var r;return"singleButton"===e.type?c.default.createElement(Lo,{key:Qx(e,t),icon:C(e.icon,e.dynamicIconColor),color:null!==(r=e.color)&&void 0!==r?r:"secondaryLight",size:"small",inline:n,style:e.style,disabled:Ux(e,l),onClick:()=>e.onClick(l)},e.label):"groupButton"===e.type?c.default.createElement(qd,{key:Qx(e,t),size:"small"},e.items.map(((e,n)=>{var r;return c.default.createElement(Lo,{key:qx(e,t,n),icon:C(e.icon,e.dynamicIconColor),color:null!==(r=e.color)&&void 0!==r?r:"secondaryLight",style:e.style,disabled:Ux(e,l),onClick:()=>e.onClick(l)},e.label)}))):"separator"===e.type?c.default.createElement(Dy,{key:Qx(e,t)}):"heading"===e.type?c.default.createElement("span",{key:Qx(e,t),style:{padding:"8px",fontSize:"14px",fontWeight:"bold"}},e.label):c.default.createElement(Dy,{key:Qx(e,t)})}),[l,C]),I=e.useCallback(((e,t=!1)=>{const n=[],r=new Set;return e.forEach(((a,i)=>{if("singleButton"!==a.type&&"groupButton"!==a.type||!a.headingLabel||r.has(a.headingLabel))"singleButton"!==a.type&&"groupButton"!==a.type||a.headingLabel?"separator"===a.type?n.push(c.default.createElement(io,{key:`separator-${i}`})):"heading"===a.type?n.push(c.default.createElement(no,{key:`heading-${a.label||i}`},a.label)):"divider"===a.type&&n.push(c.default.createElement(io,{key:`divider-${i}`})):"singleButton"===a.type?n.push(c.default.createElement(rt,{key:`single-${a.label||i}`,prepend:C(a.icon,a.dynamicIconColor),disabled:Ux(a,l,t),onClick:()=>{a.onClick(l),t?x(!1):b(!1)}},a.label)):"groupButton"===a.type&&a.items.forEach(((e,r)=>{n.push(c.default.createElement(rt,{key:Kx(e,"mobile-group",i,r),prepend:C(e.icon,e.dynamicIconColor),disabled:Ux(e,l,t),onClick:()=>{e.onClick(l),t?x(!1):b(!1)}},e.label))}));else{r.add(a.headingLabel);const i=e.filter((e=>("singleButton"===e.type||"groupButton"===e.type)&&e.headingLabel===a.headingLabel));n.push(c.default.createElement(no,{key:`group-${a.headingLabel}-heading`},a.headingLabel)),i.forEach(((e,r)=>{"singleButton"===e.type?n.push(c.default.createElement(rt,{key:`group-${e.headingLabel}-${e.label||r}`,prepend:C(e.icon,e.dynamicIconColor),disabled:Ux(e,l,t),onClick:()=>{e.onClick(l),t?x(!1):b(!1)}},e.label)):"groupButton"===e.type&&e.items.forEach(((e,i)=>{n.push(c.default.createElement(rt,{key:Kx(e,`group-${a.headingLabel}-group`,r,i),prepend:C(e.icon,e.dynamicIconColor),disabled:Ux(e,l,t),onClick:()=>{e.onClick(l),t?x(!1):b(!1)}},e.label))}))}))}})),n}),[l,b,x,C]);let k=null;if(n)k=n({isSmallLayout:r,checkedRows:l});else if(t&&t.length>0){const{checkedActions:e,uncheckedActions:n}={checkedActions:(M=t).filter((e=>{const t="enabledWhen"in e?e.enabledWhen:void 0;return"checked"===t||void 0===t})),uncheckedActions:M.filter((e=>"unchecked"===("enabledWhen"in e?e.enabledWhen:void 0)))};if(r)k=c.default.createElement(Ry,null,e.length>0&&c.default.createElement(to,null,c.default.createElement(eo,{open:g,trigger:c.default.createElement(zy,{type:"button",disabled:0===l.length},c.default.createElement("span",{style:{color:0===l.length?"inherit":u.palette.primary.base,fontWeight:700}},0===l.length?"-":l.length),"件を操作",c.default.createElement(z,{name:"arrow_down",size:"sm-md",color:"currentColor"})),width:200,onOpenChange:b},I(e))),n.length>0&&c.default.createElement(to,null,c.default.createElement(eo,{open:v,trigger:c.default.createElement(Lo,{type:"button",color:"secondaryLight",size:"small",icon:c.default.createElement(z,{name:"more_vert",color:"currentColor"}),disabled:l.length>0}),width:200,onOpenChange:x},I(n,!0))));else{const{dropdownActions:t}=Jx(e),{dropdownActions:r}=Jx(n),a=()=>{const n=[];return e.forEach(((e,r)=>{var a;const i=null!==(a=e.displayIn)&&void 0!==a?a:"toolbar";if("toolbar"===i)n.push(E(e,r,!0));else if("dropdown"===i){n.some((e=>c.default.isValidElement(e)&&"checked-dropdown"===e.key))||n.push(c.default.createElement(to,{key:"checked-dropdown"},c.default.createElement(eo,{open:g,trigger:c.default.createElement(Lo,{type:"button",color:"secondaryLight",size:"small",icon:c.default.createElement(z,{name:"more_vert",color:"currentColor"}),disabled:0===l.length}),width:200,onOpenChange:b},t.map(((e,t)=>"singleButton"===e.type?c.default.createElement(rt,{key:`checked-single-${e.label||t}`,prepend:C(e.icon,e.dynamicIconColor),disabled:Ux(e,l),onClick:()=>{e.onClick(l),b(!1)}},e.label):"groupButton"===e.type?e.items.map(((e,n)=>c.default.createElement(rt,{key:Kx(e,"checked-group",t,n),prepend:C(e.icon,e.dynamicIconColor),disabled:Ux(e,l),onClick:()=>{e.onClick(l),b(!1)}},e.label))):"separator"===e.type?c.default.createElement(io,{key:`checked-separator-sep-${t}`}):"heading"===e.type?c.default.createElement(no,{key:`checked-heading-${e.label||`heading${t}`}`},e.label):c.default.createElement(io,{key:`checked-divider-div-${t}`}))))))}})),n},i=()=>{const e=[];return n.forEach(((t,n)=>{var a;const i=null!==(a=t.displayIn)&&void 0!==a?a:"toolbar";if("toolbar"===i)e.push(E(t,n,!0));else if("dropdown"===i){e.some((e=>c.default.isValidElement(e)&&"unchecked-dropdown"===e.key))||e.push(c.default.createElement(to,{key:"unchecked-dropdown"},c.default.createElement(eo,{open:v,trigger:c.default.createElement(Lo,{type:"button",color:"secondaryLight",size:"small",icon:c.default.createElement(z,{name:"more_vert",color:"currentColor"}),disabled:l.length>0}),width:200,onOpenChange:x},r.map(((e,t)=>"singleButton"===e.type?c.default.createElement(rt,{key:`unchecked-single-${e.label||t}`,prepend:C(e.icon,e.dynamicIconColor),disabled:Ux(e,l,!0),onClick:()=>{e.onClick(l),x(!1)}},e.label):"groupButton"===e.type?e.items.map(((e,n)=>c.default.createElement(rt,{key:Kx(e,"unchecked-group",t,n),prepend:C(e.icon,e.dynamicIconColor),disabled:Ux(e,l,!0),onClick:()=>{e.onClick(l),x(!1)}},e.label))):"separator"===e.type?c.default.createElement(io,{key:`unchecked-separator-sep-${t}`}):"heading"===e.type?c.default.createElement(no,{key:`unchecked-heading-${e.label||`heading${t}`}`},e.label):c.default.createElement(io,{key:`unchecked-divider-div-${t}`}))))))}})),e};k=c.default.createElement(Ry,null,a(),e.length>0&&n.length>0&&c.default.createElement(Dy,null),i())}}var M;return c.default.createElement(ay,{isSmallLayout:r},c.default.createElement(Ly,null,d&&c.default.createElement(c.default.Fragment,null,c.default.createElement(xd,{checked:p||f,indeterminate:f,disabled:0===o.length,"aria-label":"すべての行を選択",onChange:w}),!r&&c.default.createElement(Oy,null,c.default.createElement("span",{style:{color:u.palette.primary.base,fontWeight:700}},0===l.length?"-":l.length),"件を")),k),c.default.createElement(dy,null,y&&c.default.createElement(Ny,null),c.default.createElement(jy,null),c.default.createElement(to,null,c.default.createElement(eo,{open:m,width:316,trigger:c.default.createElement(Lo,{type:"button",color:"secondaryLight",size:"small",icon:c.default.createElement(z,{name:"setting",color:"currentColor"})}),onOpenChange:h},function(e,t){return!(!t.reorder&&!t.visibility)&&e.some((e=>Px(e,t)||_x(e,t)))}(a,i)&&c.default.createElement(Ty,null),c.default.createElement(Zy,null),c.default.createElement(Py,null)))))},Wy=()=>{const{isSmallLayout:t}=e.useContext(Gx);return c.default.createElement(uy,{isSmallLayout:t},c.default.createElement(jy,{location:"footer"}))},Xy=({children:t})=>{const[n,r]=e.useState(!0),a=e.useRef(null),i=e.useCallback((()=>{const e=a.current;if(!e)return;const{scrollLeft:t,scrollWidth:n,clientWidth:i}=e,o=Math.max(0,n-i),l=o>.5&&!(t>=o-1);r((e=>e===l?e:l))}),[]);return e.useEffect((()=>{const e=a.current;if(!e)return;i(),e.addEventListener("scroll",i,{passive:!0});const t=new ResizeObserver(i);t.observe(e);const n=e.firstElementChild;return n instanceof HTMLElement&&t.observe(n),()=>{e.removeEventListener("scroll",i),t.disconnect()}}),[i]),c.default.createElement(jx.Provider,{value:{showStickyRightEdgeDecoration:n}},c.default.createElement(ry,{ref:a},c.default.createElement("table",null,t)))},Jy=e=>{if(!e)return[];const t=[];let n=0,r=!isNaN(Number(e[0]));for(let a=1;a<=e.length;a++){const i=e[a],o=!isNaN(Number(i))&&" "!==i;o===r&&" "!==i&&a!==e.length||(t.push({start:n,end:a-1,value:e.slice(n,a),editable:r}),n=a,r=o)}return t},Uy=e=>e.map((e=>e.value)).join(""),Qy=(e,t,n)=>{if(4===e)return"year";if(2===e){const e=(t.match(/[YMD]+/g)||[]).map(((e,t)=>({token:e,length:e.length,index:t}))),r=e[n];if(r){if(r.token.includes("Y"))return"year";if(r.token.includes("M"))return"month";if(r.token.includes("D"))return"day"}}return"unknown"},qy=(e,t,n,r)=>{if(0===t){const t=parseInt(e);return"month"===n?t>=2:"day"===n&&t>=4}return t+1===r},Ky={Backspace:"Backspace",Delete:"Delete",ArrowLeft:"ArrowLeft",ArrowRight:"ArrowRight",ArrowUp:"ArrowUp",ArrowDown:"ArrowDown",Tab:"Tab",0:"0",1:"1",2:"2",3:"3",4:"4",5:"5",6:"6",7:"7",8:"8",9:"9"},ew=["Numpad0","Numpad1","Numpad2","Numpad3","Numpad4","Numpad5","Numpad6","Numpad7","Numpad8","Numpad9"],tw=Object.keys(Ky).filter((e=>!isNaN(Number(e)))),nw=Object.values(Ky),rw=e=>ew.includes(e),aw=e=>{const t=e.match(/Numpad(\d)/);return t?t[1]:null},iw=/(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|YYYY|YY?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g,ow=/\d\d/,lw=/-?\d\d?/,sw=/\d*[^-_:/,()\s\d]+/;let cw={},dw=function(e){return(e=+e)+(e>68?1900:2e3)};const uw=function(e){return function(t){this[e]=+t}},pw=[/[+-]\d\d:?(\d\d)?|Z/,function(e){(this.zone||(this.zone={})).offset=function(e){if(!e)return 0;if("Z"===e)return 0;const t=e.match(/([+-]|\d\d)/g),n=60*t[1]+(+t[2]||0);return 0===n?0:"+"===t[0]?-n:n}(e)}],fw=e=>{const t=cw[e];return t&&(t.indexOf?t:t.s.concat(t.f))},mw=(e,t)=>{let n;const{meridiem:r}=cw;if(r){for(let a=1;a<=24;a+=1)if(e.indexOf(r(a,0,t))>-1){n=a>12;break}}else n=e===(t?"pm":"PM");return n},hw={A:[sw,function(e){this.afternoon=mw(e,!1)}],a:[sw,function(e){this.afternoon=mw(e,!0)}],S:[/\d/,function(e){this.milliseconds=100*+e}],SS:[ow,function(e){this.milliseconds=10*+e}],SSS:[/\d{3}/,function(e){this.milliseconds=+e}],s:[lw,uw("seconds")],ss:[lw,uw("seconds")],m:[lw,uw("minutes")],mm:[lw,uw("minutes")],H:[lw,uw("hours")],h:[lw,uw("hours")],HH:[lw,uw("hours")],hh:[lw,uw("hours")],D:[lw,uw("day")],DD:[ow,uw("day")],Do:[sw,function(e){const{ordinal:t}=cw;if([this.day]=e.match(/\d+/),t)for(let n=1;n<=31;n+=1)t(n).replace(/\[|\]/g,"")===e&&(this.day=n)}],M:[lw,uw("month")],MM:[ow,uw("month")],MMM:[sw,function(e){const t=fw("months"),n=(fw("monthsShort")||t.map((e=>e.slice(0,3)))).indexOf(e)+1;if(n<1)throw new Error;this.month=n%12||n}],MMMM:[sw,function(e){const t=fw("months").indexOf(e)+1;if(t<1)throw new Error;this.month=t%12||t}],Y:[/[+-]?\d+/,uw("year")],YY:[ow,function(e){this.year=dw(e)}],YYYY:[/\d{4}/,uw("year")],Z:pw,ZZ:pw};const gw=(e,t,n)=>{try{if(["x","X"].indexOf(t)>-1)return new Date(("X"===t?1e3:1)*e);const r=function(e){const t=e.match(iw),{length:n}=t;for(let e=0;e<n;e+=1){const n=t[e],r=hw[n],a=r&&r[0],i=r&&r[1];t[e]=i?{regex:a,parser:i}:n.replace(/^\[|\]$/g,"")}return function(e){const r={};for(let a=0,i=0;a<n;a+=1){const n=t[a];if("string"==typeof n)i+=n.length;else{const{regex:t,parser:a}=n,o=e.slice(i),l=t.exec(o)[0];a.call(r,l),e=e.replace(l,"")}}return function(e){const{afternoon:t}=e;if(void 0!==t){const{hours:n}=e;t?n<12&&(e.hours+=12):12===n&&(e.hours=0),delete e.afternoon}}(r),r}}(t),{year:a,month:i,day:o,hours:l,minutes:s,seconds:c,milliseconds:d,zone:u}=r(e),p=new Date,f=a||p.getFullYear(),m=i-1,h=l||0,g=s||0,b=c||0,v=d||0;return u?new Date(Date.UTC(f,m,o,h,g,b,v+60*u.offset*1e3)):n?new Date(Date.UTC(f,m,o,h,g,b,v)):new Date(f,m,o,h,g,b,v)}catch(e){return new Date("")}};var bw=(e,t,n)=>{n.p.customParseFormat=!0,e&&e.parseTwoDigitYear&&({parseTwoDigitYear:dw}=e);const r=t.prototype,a=r.parse;r.parse=function(e){const{date:t,utc:r,args:i}=e;this.$u=r;const o=i[1];if("string"==typeof o){const e=!0===i[2],a=!0===i[3],l=e||a;let s=i[2];a&&([,,s]=i),cw=this.$locale(),!e&&s&&(cw=n.Ls[s]),this.$d=gw(t,o,r),this.init(),s&&!0!==s&&(this.$L=this.locale(s).$L),l&&t!=this.format(o)&&(this.$d=new Date("")),cw={}}else if(o instanceof Array){const e=o.length;for(let t=1;t<=e;t+=1){i[1]=o[t-1];const r=n.apply(this,i);if(r.isValid()){this.$d=r.$d,this.$L=r.$L,this.init();break}t===e&&(this.$d=new Date(""))}}else a.call(this,e)}};const vw=({date:t,format:n="YYYY-MM-DD",onDateChange:r})=>{co.extend(bw);const a=e.useRef(null),[i,o]=e.useState(null==t?void 0:t.format(n)),[l,s]=e.useState(Jy(i)),[c,d]=e.useState({start:0,end:l.length-1,current:0}),[u,p]=e.useState(0),f=e.useCallback((()=>{setTimeout((()=>{var e,t,n;if(0===l.length)return;const r=null!==(t=null===(e=a.current)||void 0===e?void 0:e.selectionStart)&&void 0!==t?t:0,i=l[l.length-1].end+1,o=r>=i?i:r,s=l.findIndex((e=>o>=e.start&&o<=e.end+1));-1!==s&&(d((e=>l[s].editable?e.current===s?e:Object.assign(Object.assign({},e),{current:s}):Object.assign(Object.assign({},e),{current:s+1}))),null===(n=a.current)||void 0===n||n.setSelectionRange(l[s].start,l[s].end+1))}))}),[l]),m=e.useCallback((()=>{}),[]),h=e.useCallback((()=>{d((e=>Object.assign(Object.assign({},e),{current:0}))),p(0)}),[]),g=e.useCallback((e=>{if(0===l.length)return;const t=rw(e.code),a=t?aw(e.code):null;if(!nw.includes(e.key)&&!t)return;if(e.key===Ky.ArrowLeft||e.key===Ky.ArrowRight){e.preventDefault();const t=e=>{const t=c.current;if(e===Ky.ArrowLeft){for(let e=t-1;e>=0;e--)if(l[e].editable)return e-t}else if(e===Ky.ArrowRight)for(let e=t+1;e<l.length;e++)if(l[e].editable)return e-t;return 0},n=e.key;d((e=>Object.assign(Object.assign({},e),{current:e.current+t(n)})))}if(e.key===Ky.ArrowUp||e.key===Ky.ArrowDown){e.preventDefault();const t=e.key===Ky.ArrowUp?1:-1,a=Number(l[c.current].value)+t,i=String(a).padStart(l[c.current].value.length,"0"),d=[...l];d[c.current].value=i,s(d);const u=Uy(d),p=co(u,n);o(p.format(n)),p.isValid()&&r&&r(p)}const i=t?a:e.key;if((tw.includes(e.key)||t)&&i){e.preventDefault(),0===u&&(l[c.current].value="".padStart(l[c.current].value.length,"0"));const t=`${l[c.current].value.slice(1)}${i}`,a=[...l];a[c.current].value=t,s(a),p(u+1);const f=Qy(l[c.current].value.length,n,c.current);if(qy(i,u,f,l[c.current].value.length)){p(0);for(let e=c.current+1;e<l.length;e++)if(l[e].editable){d((t=>Object.assign(Object.assign({},t),{current:e})));break}const e=Uy(l),t=co(e,n);o(t.format(n)),r&&r(t)}else{const e=Uy(l);if(!co(e,n,!0).isValid())return void o(e);const t=co(e,n);o(t.format(n)),r&&r(t)}}}),[l,n,r,c]),b=e.useCallback((()=>{f()}),[f]),v=e.useCallback((e=>{e.preventDefault();const t=e.clipboardData.getData("text").trim(),a=/[Hh]|mm|ss/.test(n),i=[];i.push(n),i.push("YYYY年M月D日","YYYY年MM月DD日"),a&&i.push("YYYY年M月D日 HH:mm","YYYY年MM月DD日 HH:mm","YYYY年M月D日 HH:mm:ss","YYYY年MM月DD日 HH:mm:ss"),i.push("YYYY-MM-DD","YYYY-M-DD","YYYY-MM-D","YYYY-M-D"),a&&i.push("YYYY-MM-DD HH:mm","YYYY-M-DD HH:mm","YYYY-MM-D HH:mm","YYYY-M-D HH:mm","YYYY-MM-DD HH:mm:ss","YYYY-M-DD HH:mm:ss","YYYY-MM-D HH:mm:ss","YYYY-M-D HH:mm:ss"),i.push("YYYY/MM/DD","YYYY/M/DD","YYYY/MM/D","YYYY/M/D"),a&&i.push("YYYY/MM/DD HH:mm","YYYY/M/DD HH:mm","YYYY/MM/D HH:mm","YYYY/M/D HH:mm","YYYY/MM/DD HH:mm:ss","YYYY/M/DD HH:mm:ss","YYYY/MM/D HH:mm:ss","YYYY/M/D HH:mm:ss");const o=t.match(/(\d{4})[-/年](\d{1,2})[-/月](\d{1,2})/);if(o){const e=parseInt(o[1],10),t=parseInt(o[2],10),n=parseInt(o[3],10);if(!(e>=1900&&e<=2100&&t>=1&&t<=12&&n>=1&&n<=31))return;if(n>co(`${e}-${t}-01`).daysInMonth())return}let l=null;const s=co(t);if(s.isValid())l=s;else for(const e of i){const n=co(t,e,!0);if(n.isValid()){l=n;break}}if(!l||!l.isValid())return;const c=l.year(),d=l.month()+1,u=l.date();if(c>=1900&&c<=2100&&d>=1&&d<=12&&u>=1&&u<=31){if(a){const e=t.match(/(\d{1,2}):(\d{1,2})(?::(\d{1,2}))?/);if(e){const t=parseInt(e[1],10),n=parseInt(e[2],10),r=e[3]?parseInt(e[3],10):0;if(!(!isNaN(t)&&!isNaN(n)&&!isNaN(r)&&t>=0&&t<=23&&n>=0&&n<=59&&r>=0&&r<=59))return}}r&&r(l)}}),[n,r]);return e.useEffect((()=>{var e;if(0===l.length)return;const t=l[c.current];t&&(null===(e=a.current)||void 0===e||e.setSelectionRange(t.start,t.end+1))}),[c,l]),e.useEffect((()=>{o(null==t?void 0:t.format(n)),s(Jy(null==t?void 0:t.format(n)))}),[t,n]),{ref:a,value:i,onFocus:m,onBlur:h,onKeyDown:g,onMouseDown:b,onPaste:v}},xw=e=>[...e.split("")].reduce(((e,t)=>{const n=t.charCodeAt(0);return e+(n>=12288&&n<=65376?2:1)}),0),yw=e.forwardRef((function(t,n){var{error:r=!1,errorText:a,format:i="YYYY-MM-DD",disabled:o=!1,size:l="medium",variant:s="light",width:d,append:u,onAppendClick:f}=t,m=p(t,["error","errorText","format","disabled","size","variant","width","append","onAppendClick"]);re("DateField","DateField は非推奨です。代わりに DateField2 を使用してください。");const h=vw(Object.assign({format:i},m)),{ref:g}=h,b=p(h,["ref"]),v=qs(n,g),x=e.useMemo((()=>9*xw(i)*(parseInt(Li[l].fontSize)/13)+"px"),[i,l]),y=null!=d?d:x;return c.default.createElement(c.default.Fragment,null,c.default.createElement(Bi,Object.assign({ref:v,readOnly:!0,error:r||!!a,disabled:o,size:l,variant:s,width:y,append:u,onAppendClick:f},b)),a&&c.default.createElement(vo,{pt:1},c.default.createElement(Ic,null,a)))}));var ww=e.memo(yw);const Cw=d.default.div`
|
|
2916
2916
|
display: flex;
|
|
2917
2917
|
align-items: center;
|
|
2918
2918
|
width: fit-content;
|
|
@@ -2959,9 +2959,9 @@ object-assign
|
|
|
2959
2959
|
box-shadow: none !important;
|
|
2960
2960
|
}
|
|
2961
2961
|
}
|
|
2962
|
-
`,
|
|
2962
|
+
`,Ew=d.default.span`
|
|
2963
2963
|
${C}
|
|
2964
|
-
`,
|
|
2964
|
+
`,Iw=e.forwardRef((function(t,n){var{format:r="YYYY-MM-DD",error:a=!1,errorText:i,disabled:o=!1,size:l="medium",variant:s="light",startWidth:d,endWidth:u,append:f,onAppendClick:m}=t,h=p(t,["format","error","errorText","disabled","size","variant","startWidth","endWidth","append","onAppendClick"]);re("DateRangeField","DateRangeField は非推奨です。代わりに DateRangeField2 を使用してください。");const g=e.useMemo((()=>9*xw(r)*(parseInt(Li[l].fontSize)/13)+"px"),[r,l]),b=e.useMemo((()=>`${9*xw(r)*(parseInt(Li[l].fontSize)/13)+(f?32:0)}px`),[r,l,f]),v=null!=d?d:g,x=null!=u?u:b,y=e=>t=>{var n,r;const{startDate:a,endDate:i}=h.date;e===Yu?null===(n=h.onDatesChange)||void 0===n||n.call(h,{endDate:i,startDate:t}):null===(r=h.onDatesChange)||void 0===r||r.call(h,{startDate:a,endDate:t})},w=vw(Object.assign(Object.assign({},h),{format:r,date:h.date.startDate,onDateChange:y(Yu)})),{ref:C}=w,E=p(w,["ref"]),I=vw(Object.assign(Object.assign({},h),{format:r,date:h.date.endDate,onDateChange:y(Wu)})),{ref:k}=I,M=p(I,["ref"]),$=qs(n,C),A=qs(n,k);return c.default.createElement(c.default.Fragment,null,c.default.createElement(Cw,{error:a||!!i,disabled:o,$size:l,$variant:s},c.default.createElement(Bi,Object.assign({ref:$,readOnly:!0,disabled:o,width:v,size:l,variant:s,error:a||!!i,style:{border:"none",background:"transparent",textAlign:"center",boxShadow:"none"}},E)),c.default.createElement(Ew,null,"-"),c.default.createElement(Bi,Object.assign({ref:A,readOnly:!0,disabled:o,width:x,size:l,variant:s,error:a||!!i,style:{border:"none",background:"transparent",textAlign:"center",boxShadow:"none"},append:f,onAppendClick:m},M))),i&&c.default.createElement(vo,{pt:1},c.default.createElement(Ic,null,i)))}));var kw=e.memo(Iw);const Mw=({date:t,format:n="YYYY-MM-DD",disabled:r=!1,onDateChange:a})=>{var i;co.extend(bw);const[o,l]=e.useState(null!==(i=null==t?void 0:t.format(n))&&void 0!==i?i:""),[s,c]=e.useState(Jy(o)),[d,u]=e.useState(null),p=e.useRef(null),f=e.useRef(0),[m,h]=e.useState(!1),g=e.useRef([]),b=e.useRef(null),v=e.useCallback((e=>{p.current=e,u(e)}),[]),x=e.useCallback((e=>{v(e),f.current=0;const t=g.current[e];t&&t!==document.activeElement&&t.focus()}),[v]);e.useEffect((()=>{var e;const r=null!==(e=null==t?void 0:t.format(n))&&void 0!==e?e:"";l(r),c(Jy(r))}),[t,n]);const y=e.useCallback(((e,t)=>{for(let n=e+t;n>=0&&n<s.length;n+=t)if(s[n].editable)return n;return null}),[s]),w=e.useCallback((e=>{const t=p.current;if(null===t)return;const r=s[t];if(!(null==r?void 0:r.editable))return;const i=f.current;let o=r.value;0===i&&(o="".padStart(r.value.length,"0"));const d=`${o.slice(1)}${e}`,u=[...s];u[t]=Object.assign(Object.assign({},u[t]),{value:d}),c(u);const m=i+1;f.current=m;const h=s.slice(0,t+1).filter((e=>e.editable)).length-1,g=Qy(r.value.length,n,h);if(qy(e,i,g,r.value.length)){const e=Uy(u);if(!co(e,n,!0).isValid())return void l(e);f.current=0;const r=y(t,1);null!==r&&x(r);const i=co(e,n,!0),o=i.format(n);l(o),c(Jy(o)),null==a||a(i)}else{const e=Uy(u);if(!co(e,n,!0).isValid())return void l(e);const t=co(e,n);l(t.format(n)),null==a||a(t)}}),[s,n,a,y,x]),C=e.useCallback((e=>t=>{g.current[e]=t}),[]),E=e.useCallback((e=>()=>{h(!0),v(e),f.current=0}),[v]),I=e.useCallback((e=>t=>{const n=t.relatedTarget;b.current&&n&&b.current.contains(n)||p.current===e&&(h(!1),v(null),f.current=0)}),[v]),k=e.useCallback((e=>t=>{const r=s[e];if(!(null==r?void 0:r.editable))return;if(t.ctrlKey||t.metaKey||t.altKey)return;if(t.key===Ky.ArrowUp||t.key===Ky.ArrowDown){t.preventDefault();const r=t.key===Ky.ArrowUp?1:-1,i=Number(s[e].value)+r,o=String(i).padStart(s[e].value.length,"0"),d=[...s];d[e]=Object.assign(Object.assign({},d[e]),{value:o}),c(d);const u=Uy(d),p=co(u,n),f=p.format(n);return l(f),c(Jy(f)),void(p.isValid()&&(null==a||a(p)))}if(t.key===Ky.Backspace||t.key===Ky.Delete){t.preventDefault(),t.stopPropagation();const n=t.key===Ky.Backspace,a="0".repeat(r.value.length);if(r.value===a&&0===f.current){if(n){const t=y(e,-1);null!==t&&x(t)}return}const i=[...s];return i[e]=Object.assign(Object.assign({},i[e]),{value:a}),c(i),f.current=0,void l(Uy(i))}if(rw(t.code)){t.preventDefault();const e=aw(t.code);e&&w(e)}}),[s,n,a,w,y,x]),M=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)&&w(e)}}),[w]),$=e.useCallback((e=>{var t;const a=s[e];if(!(!r&&(null==a?void 0:a.editable)))return{ref:C(e),"aria-hidden":!0};const i=s.slice(0,e+1).filter((e=>e.editable)).length-1,o=(null!==(t=n.match(/[YMDHms]+/g))&&void 0!==t?t:[])[i],l=(()=>{if(o)return o.includes("Y")?"年":o.includes("M")?"月":o.includes("D")?"日":o.includes("H")||o.includes("h")?"時":o.includes("m")?"分":o.includes("s")?"秒":void 0})();return{ref:C(e),role:"spinbutton",contentEditable:!0,suppressContentEditableWarning:!0,inputMode:"numeric",tabIndex:0,enterKeyHint:"next",spellCheck:!1,autoCorrect:"off",style:{caretColor:"transparent"},"aria-label":l,onFocus:E(e),onBlur:I(e),onKeyDown:k(e),onBeforeInput:M(e),onPointerDown(e){e.stopPropagation()},onMouseDown(e){e.stopPropagation()}}}),[s,r,n,C,E,I,k,M]),A=e.useCallback((e=>{const t=p.current;if(null!==t)if(e.key!==Ky.ArrowLeft&&e.key!==Ky.ArrowRight){if(e.key===Ky.Tab){const n=e.shiftKey?-1:1,r=y(t,n);null!==r&&(e.preventDefault(),x(r))}}else{e.preventDefault();const n=e.key===Ky.ArrowLeft?-1:1,r=y(t,n);null!==r&&x(r)}}),[y,x]),S=e.useCallback((e=>{e.preventDefault();const t=e.clipboardData.getData("text").trim(),r=/[Hh]|mm|ss/.test(n),i=[n];i.push("YYYY年M月D日","YYYY年MM月DD日"),r&&i.push("YYYY年M月D日 HH:mm","YYYY年MM月DD日 HH:mm","YYYY年M月D日 HH:mm:ss","YYYY年MM月DD日 HH:mm:ss"),i.push("YYYY-MM-DD","YYYY-M-DD","YYYY-MM-D","YYYY-M-D","YYYY/MM/DD","YYYY/M/DD","YYYY/MM/D","YYYY/M/D"),r&&i.push("YYYY-MM-DD HH:mm","YYYY-M-DD HH:mm","YYYY-MM-D HH:mm","YYYY-M-D HH:mm","YYYY/MM/DD HH:mm","YYYY/M/DD HH:mm","YYYY/MM/D HH:mm","YYYY/M/D HH:mm");const o=t.match(/(\d{4})[-/年](\d{1,2})[-/月](\d{1,2})/);if(o){const[,e,t,n]=o,r=parseInt(e,10),a=parseInt(t,10),i=parseInt(n,10);if(r<1900||r>2100||a<1||a>12||i<1||i>31)return;if(i>co(`${r}-${a}-01`).daysInMonth())return}let l=null;const s=co(t);if(s.isValid())l=s;else for(const e of i){const n=co(t,e,!0);if(n.isValid()){l=n;break}}if(!(null==l?void 0:l.isValid()))return;const c=l.year(),d=l.month()+1,u=l.date();if(!(c<1900||c>2100||d<1||d>12||u<1||u>31)){if(r){const e=t.match(/(\d{1,2}):(\d{1,2})(?::(\d{1,2}))?/);if(e){const t=parseInt(e[1],10),n=parseInt(e[2],10),r=e[3]?parseInt(e[3],10):0;if(t<0||t>23||n<0||n>59||r<0||r>59)return}}null==a||a(l)}}),[n,a]);return{value:o,sections:s,focusedIndex:d,isFocused:m,getSegmentProps:$,groupProps:{ref:b,onKeyDown:A,onPaste:S}}},$w=d.default.div`
|
|
2965
2965
|
position: relative;
|
|
2966
2966
|
display: inline-flex;
|
|
2967
2967
|
align-items: center;
|
|
@@ -3000,10 +3000,10 @@ object-assign
|
|
|
3000
3000
|
transition:
|
|
3001
3001
|
border-color 0.2s ease,
|
|
3002
3002
|
box-shadow 0.2s ease;
|
|
3003
|
-
|
|
3003
|
+
`,Aw=d.default.div`
|
|
3004
3004
|
display: inline-flex;
|
|
3005
3005
|
align-items: center;
|
|
3006
|
-
`,
|
|
3006
|
+
`,Sw=d.default.span`
|
|
3007
3007
|
${C}
|
|
3008
3008
|
display: inline-block;
|
|
3009
3009
|
padding: ${({$editable:e})=>e?"4px 2px":"4px 0"};
|
|
@@ -3019,13 +3019,13 @@ object-assign
|
|
|
3019
3019
|
`;d.default.span`
|
|
3020
3020
|
${C}
|
|
3021
3021
|
padding: 0 1px;
|
|
3022
|
-
`;const
|
|
3022
|
+
`;const Vw=d.default.span`
|
|
3023
3023
|
display: inline-flex;
|
|
3024
3024
|
align-items: center;
|
|
3025
3025
|
margin-left: auto;
|
|
3026
3026
|
padding-left: 4px;
|
|
3027
3027
|
cursor: pointer;
|
|
3028
|
-
`,
|
|
3028
|
+
`,Lw=e.forwardRef((function({date:t,error:n=!1,errorText:r,format:a="YYYY-MM-DD",name:i,disabled:o=!1,size:l="medium",variant:s="light",width:d,append:u,onAppendClick:p,onDateChange:f},m){const h=Zi(),{value:g,sections:b,focusedIndex:v,isFocused:x,getSegmentProps:y,groupProps:w}=Mw({date:t,format:a,disabled:o,onDateChange:f}),C=e.useCallback((e=>{e.stopPropagation(),null==p||p()}),[p]);return c.default.createElement(c.default.Fragment,null,c.default.createElement($w,{ref:m,$disabled:o,$error:n||!!r,$focused:x,$isIOS:h,$size:l,$variant:s,$width:null!=d?d:"fit-content"},c.default.createElement(Aw,Object.assign({},w),b.map(((e,t)=>c.default.createElement(Sw,Object.assign({key:`${e.start}-${e.end}`,$editable:e.editable,$focused:x&&v===t},y(t)),e.value)))),u&&c.default.createElement(Vw,{onClick:C},u),c.default.createElement("input",{type:"hidden",name:i,value:g,disabled:o})),r&&c.default.createElement(vo,{pt:1},c.default.createElement(Ic,null,r)))}));var Ow=e.memo(Lw);const Hw=d.default.div`
|
|
3029
3029
|
display: inline-flex;
|
|
3030
3030
|
align-items: center;
|
|
3031
3031
|
width: fit-content;
|
|
@@ -3059,10 +3059,10 @@ object-assign
|
|
|
3059
3059
|
transition:
|
|
3060
3060
|
border-color 0.2s ease,
|
|
3061
3061
|
box-shadow 0.2s ease;
|
|
3062
|
-
`,
|
|
3062
|
+
`,Dw=d.default.span`
|
|
3063
3063
|
${C}
|
|
3064
3064
|
padding: 4px 0;
|
|
3065
|
-
`,
|
|
3065
|
+
`,Rw=e.forwardRef((function({date:t,format:n="YYYY-MM-DD",error:r=!1,errorText:a,disabled:i=!1,size:o="medium",variant:l="light",startWidth:s,endWidth:d,startName:u,endName:p,append:f,onAppendClick:m,onDatesChange:h},g){const b=e.useCallback((e=>n=>{e===Yu?null==h||h({startDate:n,endDate:t.endDate}):null==h||h({startDate:t.startDate,endDate:n})}),[t,h]),v=Mw({date:t.startDate,format:n,disabled:i,onDateChange:b(Yu)}),x=Mw({date:t.endDate,format:n,disabled:i,onDateChange:b(Wu)}),y=null!=s?s:"fit-content",w=null!=d?d:"fit-content",C=r||!!a,E=Zi(),I=e.useCallback((e=>{e.stopPropagation(),null==m||m()}),[m]);return c.default.createElement(c.default.Fragment,null,c.default.createElement(Hw,{ref:g,$disabled:i,$error:C,$focused:v.isFocused||x.isFocused,$isIOS:E,$size:o,$variant:l},c.default.createElement($w,{$disabled:i,$error:!1,$focused:v.isFocused,$isIOS:E,$size:o,$variant:l,$width:y,style:{border:"none",background:"transparent",boxShadow:"none"}},c.default.createElement(Aw,Object.assign({},v.groupProps),v.sections.map(((e,t)=>c.default.createElement(Sw,Object.assign({key:`s-${e.start}-${e.end}`,$editable:e.editable,$focused:v.isFocused&&v.focusedIndex===t},v.getSegmentProps(t)),e.value))))),c.default.createElement(Dw,null,"-"),c.default.createElement($w,{$disabled:i,$error:!1,$focused:x.isFocused,$isIOS:E,$size:o,$variant:l,$width:w,style:{border:"none",background:"transparent",boxShadow:"none"}},c.default.createElement(Aw,Object.assign({},x.groupProps),x.sections.map(((e,t)=>c.default.createElement(Sw,Object.assign({key:`e-${e.start}-${e.end}`,$editable:e.editable,$focused:x.isFocused&&x.focusedIndex===t},x.getSegmentProps(t)),e.value)))),f&&c.default.createElement(Vw,{onClick:I},f))),c.default.createElement("input",{type:"hidden",name:u,value:v.value,disabled:i}),c.default.createElement("input",{type:"hidden",name:p,value:x.value,disabled:i}),a&&c.default.createElement(vo,{pt:1},c.default.createElement(Ic,null,a)))}));var zw=e.memo(Rw);const Nw=e.forwardRef((function(t,n){const r=_c({props:t,name:"DateRangePicker"}),{startDate:a,endDate:i,error:o=!1,errorText:l,disabled:s=!1,size:d="medium",variant:u="light",monthFormat:p,weekConfig:f,showDateFields:m=!1,showTimeFields:h=!1,timeFieldProps:g,format:b="YYYY-MM-DD",applyButtonText:v,cancelButtonText:x,isOutsideRange:y=(()=>!1),defaultPresetButton:w,presetButtons:C,onPresetButtonClick:E,onDatesChange:I}=r,[k,M]=e.useState(!1),$=e.useRef(null),A=e.useCallback((e=>{e&&!k&&($.current={startDate:a.clone(),endDate:i.clone()}),M(e)}),[k,a,i]),{context:S,refs:V,strategy:O,x:H,y:D}=Ra({placement:"bottom-start",open:k,onOpenChange:A,middleware:[Nn(10),zn(),Tn({padding:20})]}),R=qs(n,e.useRef(null)),N=Ha(S),T=Ga(S),{getReferenceProps:B,getFloatingProps:P}=Na([N,T]),_=L(),F=e.useCallback((()=>{s||A(!k)}),[s,A,k]),G=e.useCallback((()=>{M(!1)}),[]),j=e.useCallback((()=>{const e=$.current;e&&I({startDate:e.startDate,endDate:e.endDate}),M(!1)}),[I]),Y=e.useMemo((()=>c.createElement(z,{name:"date_range",color:s?_.palette.neutral.base:_.palette.text.accent})),[s,_]);return c.createElement(Z,{ref:R},c.createElement("div",Object.assign({ref:V.setReference},B(),{style:{width:"fit-content"}}),c.createElement(zw,{date:{startDate:a,endDate:i},error:o,errorText:l,disabled:s,size:d,variant:u,format:b,append:Y,onDatesChange:I,onAppendClick:F})),k&&c.createElement(Ia,null,c.createElement($a,{context:S,modal:!1,initialFocus:-1,returnFocus:!1},c.createElement(sp,Object.assign({ref:V.setFloating,startDate:a,endDate:i,applyButtonText:v,cancelButtonText:x,defaultPresetButton:w,presetButtons:C,showDateFields:m,showTimeFields:h,timeFieldProps:g,dateFieldFormat:"YYYY-MM-DD",monthFormat:p,weekConfig:f,style:{position:O,top:null!=D?D:0,left:null!=H?H:0,zIndex:_.depth.calendarRange,overflow:"hidden",maxWidth:"min(640px, calc(100vw - 32px))"},isOutsideRange:y,onApply:G,onCancel:j,onDatesChange:I,onPresetButtonClick:E},P())))))}));var Tw=c.memo(Nw);const Zw=(e,t)=>{if("number"==typeof e)return e;const n=parseFloat(e);if(e.includes("vw"))return n/100*window.innerWidth;if(e.includes("vh"))return n/100*window.innerHeight;if(e.includes("%")){return n/100*("left"===t||"right"===t?window.innerWidth:window.innerHeight)}return e.includes("px")?n:isNaN(n)?("production"!==process.env.NODE_ENV&&console.error(`Drawer: 無効なサイズ値です: "${e}". デフォルト値を使用します。`),400):("production"!==process.env.NODE_ENV&&console.warn(`Drawer: 文字列サイズには単位を指定してください。"${e}" → "${e}px" を推奨`),n)},Bw=d.default.div`
|
|
3066
3066
|
position: fixed;
|
|
3067
3067
|
top: 0;
|
|
3068
3068
|
left: 0;
|
|
@@ -3073,7 +3073,7 @@ object-assign
|
|
|
3073
3073
|
opacity: ${({shouldShow:e})=>e?1:0};
|
|
3074
3074
|
transition: opacity ${({transitionDuration:e})=>e}ms
|
|
3075
3075
|
ease-out;
|
|
3076
|
-
`,
|
|
3076
|
+
`,Pw=d.default.div`
|
|
3077
3077
|
position: fixed;
|
|
3078
3078
|
top: ${({direction:e})=>"bottom"===e?"auto":0};
|
|
3079
3079
|
bottom: ${({direction:e})=>0};
|
|
@@ -3090,7 +3090,7 @@ object-assign
|
|
|
3090
3090
|
transform: ${({direction:e,shouldShow:t})=>((e,t)=>{if(t)return"translate3d(0, 0, 0)";switch(e){case"left":return"translate3d(-100%, 0, 0)";case"right":return"translate3d(100%, 0, 0)";case"bottom":return"translate3d(0, 100%, 0)";default:return"translate3d(0, 0, 0)"}})(e,t)};
|
|
3091
3091
|
transition: transform ${({transitionDuration:e})=>e}ms
|
|
3092
3092
|
cubic-bezier(0.23, 1, 0.32, 1);
|
|
3093
|
-
`,
|
|
3093
|
+
`,_w=d.default.div`
|
|
3094
3094
|
position: absolute;
|
|
3095
3095
|
z-index: 10;
|
|
3096
3096
|
background-color: transparent;
|
|
@@ -3114,7 +3114,7 @@ object-assign
|
|
|
3114
3114
|
width: 32px;
|
|
3115
3115
|
}
|
|
3116
3116
|
`}
|
|
3117
|
-
`,
|
|
3117
|
+
`,Fw=d.default.div`
|
|
3118
3118
|
background: ${({theme:e,active:t})=>t?e.palette.neutral.base:e.palette.neutral.lighter};
|
|
3119
3119
|
border-radius: ${({theme:e})=>e.radius/4}px;
|
|
3120
3120
|
position: absolute;
|
|
@@ -3134,26 +3134,26 @@ object-assign
|
|
|
3134
3134
|
top: 50%;
|
|
3135
3135
|
transform: translateY(-50%);
|
|
3136
3136
|
`}
|
|
3137
|
-
`,
|
|
3137
|
+
`,Gw=d.default.div`
|
|
3138
3138
|
position: sticky;
|
|
3139
3139
|
top: 0;
|
|
3140
3140
|
background-color: ${({theme:e})=>e.palette.background.default};
|
|
3141
3141
|
z-index: 1;
|
|
3142
3142
|
border-bottom: 1px solid ${({theme:e})=>e.palette.neutral.softLight};
|
|
3143
3143
|
padding: ${({theme:e})=>2*e.spacing}px;
|
|
3144
|
-
`,
|
|
3144
|
+
`,jw=d.default.div`
|
|
3145
3145
|
flex: 1;
|
|
3146
3146
|
overflow: auto;
|
|
3147
|
-
`,
|
|
3147
|
+
`,Yw=d.default.div`
|
|
3148
3148
|
position: sticky;
|
|
3149
3149
|
bottom: 0;
|
|
3150
3150
|
background-color: ${({theme:e})=>e.palette.background.default};
|
|
3151
3151
|
z-index: 1;
|
|
3152
3152
|
border-top: 1px solid ${({theme:e})=>e.palette.neutral.softLight};
|
|
3153
3153
|
padding: ${({theme:e})=>2*e.spacing}px;
|
|
3154
|
-
`,
|
|
3154
|
+
`,Ww={small:{arrowIconSize:16,arrowButtonPadding:"6px"},medium:{arrowIconSize:18,arrowButtonPadding:"8px"},large:{arrowIconSize:20,arrowButtonPadding:"10px"}},Xw=d.default.div`
|
|
3155
3155
|
display: inline-flex;
|
|
3156
|
-
`,
|
|
3156
|
+
`,Jw=d.default(Lo)`
|
|
3157
3157
|
border-top-right-radius: 0px;
|
|
3158
3158
|
border-bottom-right-radius: 0px;
|
|
3159
3159
|
border-right: 0;
|
|
@@ -3161,13 +3161,13 @@ object-assign
|
|
|
3161
3161
|
&:disabled {
|
|
3162
3162
|
border-right: 0;
|
|
3163
3163
|
}
|
|
3164
|
-
`,
|
|
3164
|
+
`,Uw=d.default(Lo)`
|
|
3165
3165
|
border-top-left-radius: 0px;
|
|
3166
3166
|
border-bottom-left-radius: 0px;
|
|
3167
3167
|
border-left: 1px solid
|
|
3168
3168
|
${({theme:e,color:t})=>"primary"===t?e.palette.primary.darker:e.palette.divider};
|
|
3169
3169
|
padding: 0
|
|
3170
|
-
${({size:e="medium"})=>
|
|
3170
|
+
${({size:e="medium"})=>Ww[e].arrowButtonPadding};
|
|
3171
3171
|
min-width: auto;
|
|
3172
3172
|
|
|
3173
3173
|
&:active:not([disabled]) {
|
|
@@ -3178,68 +3178,68 @@ object-assign
|
|
|
3178
3178
|
&:disabled {
|
|
3179
3179
|
border-left: 1px solid ${({theme:e})=>e.palette.divider};
|
|
3180
3180
|
}
|
|
3181
|
-
`,
|
|
3182
|
-
padding-right: ${({size:e="medium"})=>
|
|
3181
|
+
`,Qw=d.default(Lo)`
|
|
3182
|
+
padding-right: ${({size:e="medium"})=>Ww[e].arrowButtonPadding};
|
|
3183
3183
|
min-width: auto;
|
|
3184
|
-
`,
|
|
3184
|
+
`,qw=d.default.span`
|
|
3185
3185
|
display: flex;
|
|
3186
3186
|
align-items: center;
|
|
3187
3187
|
width: 100%;
|
|
3188
3188
|
justify-content: space-between;
|
|
3189
|
-
`,
|
|
3189
|
+
`,Kw=d.default.span`
|
|
3190
3190
|
display: flex;
|
|
3191
3191
|
align-items: center;
|
|
3192
|
-
`,
|
|
3192
|
+
`,eC=d.default.div`
|
|
3193
3193
|
background-color: ${({theme:e})=>e.palette.background.default};
|
|
3194
3194
|
border: 1px solid ${({theme:e})=>e.palette.divider};
|
|
3195
3195
|
border-radius: ${({theme:e})=>e.radius}px;
|
|
3196
3196
|
display: flex;
|
|
3197
3197
|
height: 512px;
|
|
3198
3198
|
overflow: hidden;
|
|
3199
|
-
`,
|
|
3199
|
+
`,tC=d.default.ul`
|
|
3200
3200
|
flex: 1;
|
|
3201
3201
|
overflow-y: scroll;
|
|
3202
|
-
`,
|
|
3202
|
+
`,nC=d.default.li`
|
|
3203
3203
|
border-bottom: ${({isLastIndex:e,theme:t})=>e&&void 0!==e?"none":`1px solid ${t.palette.divider}`};
|
|
3204
3204
|
list-style: none;
|
|
3205
|
-
`,
|
|
3205
|
+
`,rC=d.default(nC)`
|
|
3206
3206
|
padding: ${({theme:e})=>2*e.spacing}px;
|
|
3207
|
-
`,
|
|
3207
|
+
`,aC=d.default(nC)`
|
|
3208
3208
|
border-bottom: 1px solid ${({theme:e})=>e.palette.divider};
|
|
3209
|
-
`,
|
|
3209
|
+
`,iC=d.default(Y)`
|
|
3210
3210
|
border-bottom: none;
|
|
3211
|
-
`,
|
|
3211
|
+
`,oC=d.default.div`
|
|
3212
3212
|
padding-left: ${({theme:e})=>e.spacing/2}px;
|
|
3213
|
-
`,
|
|
3213
|
+
`,lC=({children:e,disableCheckbox:t=!1,item:n,onAdd:r,onRemove:a})=>{var i;return c.default.createElement(Z,{display:"flex",justifyContent:"space-between"},n.items||t?e:c.default.createElement(xd,{checked:null!==(i=null==n?void 0:n.selected)&&void 0!==i&&i,onClick:()=>{n.selected?null==a||a(n):null==r||r(n)}},e))},sC=({disableCheckbox:e,items:t,onAdd:n,onRemove:r})=>c.default.createElement(tC,null,t.map(((a,i)=>c.default.createElement(c.default.Fragment,null,a.items?c.default.createElement(aC,{key:a.id},c.default.createElement(iC,{title:c.default.createElement(oC,null,c.default.createElement(lC,{item:a,onAdd:n,onRemove:r},a.content))},c.default.createElement(sC,{disableCheckbox:e,items:a.items,onAdd:n,onRemove:r}))):c.default.createElement(rC,{key:a.id,isLastIndex:i+1===t.length},c.default.createElement(lC,{disableCheckbox:e,item:a,onAdd:n,onRemove:r},a.content)))))),cC=d.default.div`
|
|
3214
3214
|
flex: 1;
|
|
3215
3215
|
overflow-y: scroll;
|
|
3216
|
-
`,
|
|
3216
|
+
`,dC=d.default.div`
|
|
3217
3217
|
background-color: ${({theme:e})=>e.palette.neutral.softLight};
|
|
3218
3218
|
border-bottom: 1px solid ${({theme:e})=>e.palette.divider};
|
|
3219
3219
|
border-radius: ${({theme:e})=>`0 ${e.spacing}px 0 0`};
|
|
3220
3220
|
padding: ${({theme:e})=>`${1.5*e.spacing}px ${2*e.spacing}px`};
|
|
3221
3221
|
position: sticky;
|
|
3222
3222
|
top: 0;
|
|
3223
|
-
`,
|
|
3223
|
+
`,uC=d.default.ul``,pC=d.default.li`
|
|
3224
3224
|
border-bottom: ${({isLastIndex:e,theme:t})=>e?"none":`1px solid ${t.palette.divider}`};
|
|
3225
3225
|
padding: ${({theme:e})=>2*e.spacing}px;
|
|
3226
3226
|
list-style: none;
|
|
3227
3227
|
display: flex;
|
|
3228
3228
|
justify-content: space-between;
|
|
3229
|
-
`,
|
|
3229
|
+
`,fC=d.default.button`
|
|
3230
3230
|
background: transparent;
|
|
3231
3231
|
border: none;
|
|
3232
3232
|
cursor: pointer;
|
|
3233
|
-
`,
|
|
3233
|
+
`,mC=d.default.div`
|
|
3234
3234
|
display: flex;
|
|
3235
3235
|
align-items: center;
|
|
3236
3236
|
justify-content: center;
|
|
3237
3237
|
gap: ${({theme:e})=>2*e.spacing}px;
|
|
3238
|
-
`,
|
|
3238
|
+
`,hC=({items:e,selectedItemTitle:t,onRemove:n})=>{const r=L();return c.default.createElement(cC,null,c.default.createElement(dC,null,c.default.createElement(ee,{size:"sm",weight:"bold"},c.default.createElement(ee,{color:"primary",component:"span",size:"sm",weight:"bold"},e.length," "),t)),c.default.createElement(uC,null,e.map(((t,a)=>c.default.createElement(pC,{key:t.id,isLastIndex:a+1===e.length},t.content,c.default.createElement(mC,null,n&&c.default.createElement(fC,{type:"button","aria-label":"選択を解除",onClick:()=>n(t)},c.default.createElement(z,{color:r.palette.black,name:"close_circle",type:"fill"}))))))))},gC=(e,t)=>{const n=[];return e.forEach((e=>{if(e.items)return void n.push(Object.assign(Object.assign({},e),{items:gC(e.items,t)}));t.find((t=>t.id===e.id))?n.push(Object.assign(Object.assign({},e),{selected:!0})):n.push(e)})),n},bC=c.forwardRef((function(e,t){const{candidateItems:n,selectedItems:r,selectedItemTitle:a,disableCheckbox:i,onAdd:o,onRemove:l}=_c({props:e,name:"DualListBox"}),s=L(),d=c.useMemo((()=>gC(n,r)),[n,r]);return c.createElement(eC,{ref:t},c.createElement(sC,{disableCheckbox:i,items:d,onAdd:o,onRemove:l}),c.createElement(zf,{color:s.palette.divider,orientation:"vertical"}),c.createElement(hC,{items:r,selectedItemTitle:a,onRemove:l}))})),vC=d.default.div`
|
|
3239
3239
|
container-type: inline-size;
|
|
3240
3240
|
line-break: anywhere;
|
|
3241
3241
|
height: 100%;
|
|
3242
|
-
`,
|
|
3242
|
+
`,xC=d.default.ul`
|
|
3243
3243
|
display: none;
|
|
3244
3244
|
padding: 0;
|
|
3245
3245
|
margin: 0;
|
|
@@ -3269,7 +3269,7 @@ object-assign
|
|
|
3269
3269
|
border-bottom-color: ${({theme:e})=>e.palette.primary.base};
|
|
3270
3270
|
}
|
|
3271
3271
|
}
|
|
3272
|
-
`,
|
|
3272
|
+
`,yC=d.default.span`
|
|
3273
3273
|
display: grid;
|
|
3274
3274
|
place-items: center;
|
|
3275
3275
|
min-width: 16px;
|
|
@@ -3281,7 +3281,7 @@ object-assign
|
|
|
3281
3281
|
border-radius: 999%;
|
|
3282
3282
|
color: ${({theme:e})=>e.palette.white};
|
|
3283
3283
|
background: ${({theme:e})=>e.palette.primary.base};
|
|
3284
|
-
`,
|
|
3284
|
+
`,wC=d.default.div`
|
|
3285
3285
|
position: relative;
|
|
3286
3286
|
display: grid;
|
|
3287
3287
|
grid-template-columns: repeat(2, 1fr);
|
|
@@ -3310,7 +3310,7 @@ object-assign
|
|
|
3310
3310
|
content: none;
|
|
3311
3311
|
}
|
|
3312
3312
|
}
|
|
3313
|
-
`,
|
|
3313
|
+
`,CC=d.default.div`
|
|
3314
3314
|
display: flex;
|
|
3315
3315
|
flex-direction: column;
|
|
3316
3316
|
height: 100%;
|
|
@@ -3320,14 +3320,14 @@ object-assign
|
|
|
3320
3320
|
display: ${({isShow:e})=>e?"block":"none"};
|
|
3321
3321
|
height: auto;
|
|
3322
3322
|
}
|
|
3323
|
-
`,
|
|
3323
|
+
`,EC=d.default.div.attrs({tabIndex:0})`
|
|
3324
3324
|
flex-grow: 1;
|
|
3325
3325
|
overflow-y: auto;
|
|
3326
3326
|
|
|
3327
3327
|
@media (max-width: ${y.MOBILE}px) {
|
|
3328
3328
|
overflow: initial;
|
|
3329
3329
|
}
|
|
3330
|
-
`,
|
|
3330
|
+
`,IC=d.default.div`
|
|
3331
3331
|
display: grid;
|
|
3332
3332
|
grid-template:
|
|
3333
3333
|
${({hasMenu:e=!1,hasCustomFilterHeader:t=!1})=>t?e?'"custom custom menu"\n "count buttons buttons"':'"custom custom custom"\n "count buttons buttons"':e?'"search search menu"\n "count buttons buttons"':'"search search search"\n "count buttons buttons"'} /
|
|
@@ -3345,7 +3345,7 @@ object-assign
|
|
|
3345
3345
|
top: 36.5px;
|
|
3346
3346
|
z-index: 1;
|
|
3347
3347
|
}
|
|
3348
|
-
`,
|
|
3348
|
+
`,kC=d.default.div`
|
|
3349
3349
|
grid-area: search;
|
|
3350
3350
|
position: relative;
|
|
3351
3351
|
display: flex;
|
|
@@ -3376,7 +3376,7 @@ object-assign
|
|
|
3376
3376
|
color: ${({theme:e})=>e.palette.text.disabled};
|
|
3377
3377
|
}
|
|
3378
3378
|
}
|
|
3379
|
-
`,
|
|
3379
|
+
`,MC=d.default.button`
|
|
3380
3380
|
position: absolute;
|
|
3381
3381
|
right: 6px;
|
|
3382
3382
|
flex-shrink: 0;
|
|
@@ -3387,21 +3387,21 @@ object-assign
|
|
|
3387
3387
|
background: transparent;
|
|
3388
3388
|
color: ${({theme:e})=>e.palette.black};
|
|
3389
3389
|
cursor: pointer;
|
|
3390
|
-
|
|
3390
|
+
`,$C=d.default.div`
|
|
3391
3391
|
grid-area: custom;
|
|
3392
3392
|
width: 100%;
|
|
3393
|
-
|
|
3393
|
+
`,AC=d.default(Lo)`
|
|
3394
3394
|
grid-area: menu;
|
|
3395
3395
|
width: 28px;
|
|
3396
3396
|
min-width: 28px;
|
|
3397
|
-
`,
|
|
3397
|
+
`,SC=d.default.div`
|
|
3398
3398
|
grid-area: count;
|
|
3399
3399
|
/* UI/Text 13 */
|
|
3400
3400
|
font-size: 13px;
|
|
3401
3401
|
line-height: 16px;
|
|
3402
3402
|
display: flex;
|
|
3403
3403
|
color: ${({theme:e})=>e.palette.black};
|
|
3404
|
-
`,
|
|
3404
|
+
`,VC=d.default.div`
|
|
3405
3405
|
grid-area: buttons;
|
|
3406
3406
|
display: flex;
|
|
3407
3407
|
`;d.default.button`
|
|
@@ -3414,7 +3414,7 @@ object-assign
|
|
|
3414
3414
|
color: ${({theme:e})=>e.palette.primary.base};
|
|
3415
3415
|
background: transparent;
|
|
3416
3416
|
cursor: pointer;
|
|
3417
|
-
`;const
|
|
3417
|
+
`;const LC=CC,OC=d.default.div`
|
|
3418
3418
|
@media (max-width: ${y.MOBILE}px) {
|
|
3419
3419
|
display: flex;
|
|
3420
3420
|
position: sticky;
|
|
@@ -3429,21 +3429,21 @@ object-assign
|
|
|
3429
3429
|
border-bottom: 1px solid ${({theme:e})=>e.palette.divider};
|
|
3430
3430
|
border-left: 1px solid ${({theme:e})=>e.palette.divider};
|
|
3431
3431
|
background: ${({theme:e})=>e.palette.neutral.highlight};
|
|
3432
|
-
`,
|
|
3432
|
+
`,HC=EC,DC=d.default.div`
|
|
3433
3433
|
display: flex;
|
|
3434
3434
|
align-items: center;
|
|
3435
3435
|
gap: 8px;
|
|
3436
|
-
`,
|
|
3437
|
-
${
|
|
3436
|
+
`,RC="\n display: flex;\n align-items: center;\n gap: 2px;\n padding: 2px 4px;\n border-radius: 4px;\n /* UI/Text 12 bold */\n font-weight: 700;\n font-size: 12px;\n line-height: 14px;\n",zC=d.default.div`
|
|
3437
|
+
${RC}
|
|
3438
3438
|
color: ${({theme:e})=>e.palette.primary.base};
|
|
3439
3439
|
background: ${({theme:e})=>e.palette.primary.highlight};
|
|
3440
|
-
`,
|
|
3441
|
-
${
|
|
3440
|
+
`,NC=d.default.div`
|
|
3441
|
+
${RC}
|
|
3442
3442
|
color: ${({theme:e})=>e.palette.danger.base};
|
|
3443
3443
|
background: ${({theme:e})=>e.palette.danger.highlight};
|
|
3444
|
-
`,
|
|
3444
|
+
`,TC=d.default.div`
|
|
3445
3445
|
width: fit-content;
|
|
3446
|
-
`,
|
|
3446
|
+
`,ZC=d.default.p`
|
|
3447
3447
|
position: sticky;
|
|
3448
3448
|
top: 0;
|
|
3449
3449
|
z-index: 1;
|
|
@@ -3465,14 +3465,14 @@ object-assign
|
|
|
3465
3465
|
top: 81.5px;
|
|
3466
3466
|
z-index: 1;
|
|
3467
3467
|
}
|
|
3468
|
-
`,
|
|
3468
|
+
`,BC=d.default.div`
|
|
3469
3469
|
display: flex;
|
|
3470
3470
|
|
|
3471
3471
|
@media (any-hover: hover) {
|
|
3472
3472
|
opacity: 0;
|
|
3473
3473
|
visibility: hidden;
|
|
3474
3474
|
}
|
|
3475
|
-
`,
|
|
3475
|
+
`,PC=d.default.div`
|
|
3476
3476
|
display: flex;
|
|
3477
3477
|
align-items: center;
|
|
3478
3478
|
justify-content: space-between;
|
|
@@ -3491,13 +3491,13 @@ object-assign
|
|
|
3491
3491
|
background: ${({theme:e})=>e.palette.neutral.highlight};
|
|
3492
3492
|
}
|
|
3493
3493
|
|
|
3494
|
-
&:hover ${
|
|
3494
|
+
&:hover ${BC} {
|
|
3495
3495
|
visibility: visible;
|
|
3496
3496
|
opacity: 1;
|
|
3497
3497
|
}
|
|
3498
3498
|
|
|
3499
3499
|
@media (any-hover: hover) {
|
|
3500
|
-
&:not(:hover) ${
|
|
3500
|
+
&:not(:hover) ${BC}:has(button[aria-pressed="true"]) {
|
|
3501
3501
|
visibility: visible;
|
|
3502
3502
|
opacity: 1;
|
|
3503
3503
|
|
|
@@ -3512,7 +3512,7 @@ object-assign
|
|
|
3512
3512
|
}
|
|
3513
3513
|
}
|
|
3514
3514
|
}
|
|
3515
|
-
`,
|
|
3515
|
+
`,_C=d.default.div`
|
|
3516
3516
|
display: flex;
|
|
3517
3517
|
align-items: center;
|
|
3518
3518
|
justify-content: space-between;
|
|
@@ -3528,7 +3528,7 @@ object-assign
|
|
|
3528
3528
|
&:hover {
|
|
3529
3529
|
background: ${({theme:e})=>e.palette.neutral.highlight};
|
|
3530
3530
|
}
|
|
3531
|
-
`,
|
|
3531
|
+
`,FC=d.default.button`
|
|
3532
3532
|
flex-shrink: 0;
|
|
3533
3533
|
aspect-ratio: 1;
|
|
3534
3534
|
padding: 0;
|
|
@@ -3536,7 +3536,7 @@ object-assign
|
|
|
3536
3536
|
background: transparent;
|
|
3537
3537
|
color: ${({theme:e})=>e.palette.black};
|
|
3538
3538
|
cursor: pointer;
|
|
3539
|
-
`,
|
|
3539
|
+
`,GC=d.default.div`
|
|
3540
3540
|
padding: 8px 16px;
|
|
3541
3541
|
margin: -1px 0 0;
|
|
3542
3542
|
background: ${({theme:e})=>e.palette.neutral.highlight};
|
|
@@ -3544,7 +3544,7 @@ object-assign
|
|
|
3544
3544
|
font-size: 12px;
|
|
3545
3545
|
line-height: 14px;
|
|
3546
3546
|
color: ${({theme:e})=>e.palette.black};
|
|
3547
|
-
`,
|
|
3547
|
+
`,jC=d.default.div`
|
|
3548
3548
|
position: sticky;
|
|
3549
3549
|
z-index: 1;
|
|
3550
3550
|
top: 0;
|
|
@@ -3561,10 +3561,10 @@ object-assign
|
|
|
3561
3561
|
background: ${({theme:e})=>e.palette.neutral.highlight};
|
|
3562
3562
|
}
|
|
3563
3563
|
|
|
3564
|
-
${
|
|
3564
|
+
${PC} + & {
|
|
3565
3565
|
margin-top: -1px;
|
|
3566
3566
|
}
|
|
3567
|
-
`,
|
|
3567
|
+
`,YC=d.default.button`
|
|
3568
3568
|
display: flex;
|
|
3569
3569
|
align-items: center;
|
|
3570
3570
|
gap: ${({theme:e})=>e.spacing/2}px;
|
|
@@ -3586,7 +3586,7 @@ object-assign
|
|
|
3586
3586
|
inset: 0;
|
|
3587
3587
|
display: block;
|
|
3588
3588
|
}
|
|
3589
|
-
`,
|
|
3589
|
+
`,WC=d.default.div`
|
|
3590
3590
|
position: relative;
|
|
3591
3591
|
grid-area: buttons;
|
|
3592
3592
|
display: flex;
|
|
@@ -3601,27 +3601,27 @@ object-assign
|
|
|
3601
3601
|
opacity: 1;
|
|
3602
3602
|
transition: opacity 0.2s;
|
|
3603
3603
|
}
|
|
3604
|
-
`,
|
|
3604
|
+
`,XC=d.default.div`
|
|
3605
3605
|
transition: rotate 0.2s;
|
|
3606
3606
|
pointer-events: none;
|
|
3607
3607
|
|
|
3608
3608
|
[aria-expanded="true"] ~ & {
|
|
3609
3609
|
rotate: 180deg;
|
|
3610
3610
|
}
|
|
3611
|
-
`,
|
|
3611
|
+
`,JC=d.default.span`
|
|
3612
3612
|
flex-shrink: 0;
|
|
3613
3613
|
width: 20px;
|
|
3614
3614
|
transition:
|
|
3615
3615
|
margin 0.2s,
|
|
3616
3616
|
opacity 0.2s;
|
|
3617
|
-
`,
|
|
3617
|
+
`,UC=d.default.span`
|
|
3618
3618
|
flex-shrink: 0;
|
|
3619
3619
|
width: 20px;
|
|
3620
3620
|
margin-left: auto;
|
|
3621
3621
|
transition:
|
|
3622
3622
|
margin 0.2s,
|
|
3623
3623
|
opacity 0.2s;
|
|
3624
|
-
`,
|
|
3624
|
+
`,QC=d.default.button`
|
|
3625
3625
|
position: sticky;
|
|
3626
3626
|
top: -1px;
|
|
3627
3627
|
z-index: 1;
|
|
@@ -3642,16 +3642,16 @@ object-assign
|
|
|
3642
3642
|
background: ${({theme:e})=>e.palette.neutral.highlight};
|
|
3643
3643
|
}
|
|
3644
3644
|
|
|
3645
|
-
&:not([aria-expanded="true"]) ${
|
|
3645
|
+
&:not([aria-expanded="true"]) ${JC} {
|
|
3646
3646
|
margin-left: -20px;
|
|
3647
3647
|
opacity: 0;
|
|
3648
3648
|
}
|
|
3649
3649
|
|
|
3650
|
-
&[aria-expanded="true"] ${
|
|
3650
|
+
&[aria-expanded="true"] ${UC} {
|
|
3651
3651
|
margin-right: -20px;
|
|
3652
3652
|
opacity: 0;
|
|
3653
3653
|
}
|
|
3654
|
-
`,
|
|
3654
|
+
`,qC=d.default.div`
|
|
3655
3655
|
display: flex;
|
|
3656
3656
|
justify-content: center;
|
|
3657
3657
|
align-items: center;
|
|
@@ -3659,9 +3659,9 @@ object-assign
|
|
|
3659
3659
|
color: ${({theme:e})=>e.palette.neutral.base};
|
|
3660
3660
|
font-size: 13px;
|
|
3661
3661
|
line-height: 16px;
|
|
3662
|
-
`,
|
|
3662
|
+
`,KC=({id:t,children:n,isIncluded:r=!1,isExcluded:a=!1,disableInclude:i,disableExclude:o})=>{const{onIncludedChange:l,onExcludedChange:s,includedIds:d,excludedIds:u}=e.useContext(eE),p=e.useContext(nE),m=p>=2,h=(e,t)=>e?t:f.gray[900],g=!i&&c.default.createElement(Lo,{type:"button",size:"small",color:"secondaryLight","aria-pressed":r,"aria-label":"追加",icon:c.default.createElement(z,{name:"check_thin",color:h(r,f.blue[500])}),onClick:()=>{r?l(d.filter((e=>e!==t))):a?(s(u.filter((e=>e!==t))),l([...d,t])):l([...d,t])}}),b=!o&&c.default.createElement(Lo,{type:"button",size:"small",color:"secondaryLight","aria-pressed":a,"aria-label":"除外",icon:c.default.createElement(z,{name:"forbid",color:h(a,f.red[500])}),onClick:()=>{a?s(u.filter((e=>e!==t))):r?(l(d.filter((e=>e!==t))),s([...u,t])):s([...u,t])}});return c.default.createElement(PC,{$depth:p,$nested:m},n,c.default.createElement(BC,null,i||o?c.default.createElement(c.default.Fragment,null,g,b):c.default.createElement(qd,{size:"small",color:"secondaryLight"},g,b)))};KC.displayName="DualListBox2Item";const eE=e.createContext({filterWords:[],includedIds:[],excludedIds:[],activeSection:null,onIncludedChange:e=>{},onExcludedChange:e=>{},setActiveSection:e=>{}}),tE=e.createContext({groupName:""}),nE=e.createContext(0),rE=(t,n)=>{e.Children.forEach(t,(t=>{if(n(t),!e.isValidElement(t))return;const r=t.props;r.children&&rE(r.children,n)}))},aE=t=>{const n=[];return rE(t,(t=>{if(e.isValidElement(t)&&"string"!=typeof t.type&&"symbol"!=typeof t.type&&t.type&&"function"==typeof t.type&&"displayName"in t.type&&t.type.displayName===KC.displayName){const r=t.props,a=r.label||(t=>{let n="";const r=t=>{"string"==typeof t||"number"==typeof t?n+=String(t):e.isValidElement(t)&&t.props.children?r(t.props.children):Array.isArray(t)&&t.forEach(r)};return r(t),n})(r.children);n.push({id:r.id,label:a,groupName:r.groupName})}})),n},iE=e=>e.reduce(((e,t)=>{const n=e.find((e=>e.groupName===t.groupName));return n?n.items.push({id:t.id,label:t.label,selectedContent:t.selectedContent}):e.push({groupName:t.groupName,items:[{id:t.id,label:t.label,selectedContent:t.selectedContent}]}),e}),[]),oE=({label:t,children:n,onOpen:r,onClose:a})=>{const{activeSection:i,setActiveSection:o}=e.useContext(eE),l=e.useMemo((()=>i===t),[t,i]),s=e.useMemo((()=>null!==i&&i!==t),[t,i]),d=e.useCallback((()=>{const e=!l;o(e?t:null),e&&r&&r(),!e&&a&&a()}),[t,l,o,r,a]);return s?null:c.default.createElement(tE.Provider,{value:{groupName:t}},c.default.createElement(QC,{type:"button","aria-label":`${t}を開く`,"aria-expanded":l,onClick:d},c.default.createElement(JC,null,c.default.createElement(z,{name:"arrow_left",color:f.gray[900]})),c.default.createElement("div",null,t),c.default.createElement(UC,null,c.default.createElement(z,{name:"arrow_right",color:f.gray[900]}))),l&&n)};oE.displayName="DualListBox2Section";const lE=d.default(mi)`
|
|
3663
3663
|
margin-right: 16px;
|
|
3664
|
-
`,lE=({pageSize:e,pageSizeOptions:t,onPageSizeChange:n})=>c.default.createElement(eo,{width:136,trigger:c.default.createElement(oE,{append:e},"件数を変更")},t.map((t=>c.default.createElement(ni,{key:t,closeOnChange:!0,checked:e===t,onChange:()=>n(t)},t,"件")))),sE=({label:t,disableInclude:n,disableExclude:r,children:a,onOpen:i,onClose:o,onInclude:l,onExclude:s})=>{const[d,u]=e.useState(!1),p=e.useCallback((()=>{const e=!d;u(e),e&&i&&i(),!e&&o&&o()}),[d,i,o]),m=e.useContext(tE),{includedIds:h,excludedIds:g,onIncludedChange:b,onExcludedChange:v}=e.useContext(KC),x=e.useMemo((()=>(e=>rE(e).map((e=>e.id)))(a)),[a]),y=!(n||void 0===l&&x.every((e=>h.includes(e)))),w=!(r||void 0===s&&x.every((e=>g.includes(e)))),C=e.useCallback((()=>{l?l():x.every((e=>h.includes(e)))||(b(Array.from(new Set([...h,...x]))),v(g.filter((e=>!x.includes(e)))))}),[l,x,h,g,b,v]),E=e.useCallback((()=>{s?s():x.every((e=>g.includes(e)))||(v(Array.from(new Set([...g,...x]))),b(h.filter((e=>!x.includes(e)))))}),[s,x,h,g,b,v]),I=y&&c.default.createElement(Lo,{type:"button",size:"small",color:"secondaryLight","aria-label":"追加",icon:c.default.createElement(z,{name:"check_thin",color:f.blue[500]}),onClick:C}),k=w&&c.default.createElement(Lo,{type:"button",size:"small",color:"secondaryLight","aria-label":"除外",icon:c.default.createElement(z,{name:"forbid",color:f.red[500]}),onClick:E});return c.default.createElement(c.default.Fragment,null,c.default.createElement(GC,{$depth:m},c.default.createElement(jC,{type:"button","aria-label":`${t}を開く`,"aria-expanded":d,onClick:p},m>=1&&c.default.createElement(z,{name:"corner_down_right",size:"md",color:f.gray[400]}),t),c.default.createElement(YC,null,y&&w?c.default.createElement(qd,{size:"small",color:"secondaryLight"},I,k):c.default.createElement(c.default.Fragment,null,I,k)),c.default.createElement(WC,null,c.default.createElement(z,{name:"arrow_down",color:f.gray[900]}))),d&&c.default.createElement(tE.Provider,{value:m+1},a))};sE.displayName="DualListBox2Accordion";const cE=c.default.memo((({id:t,children:n})=>{const{includedIds:r,excludedIds:a,onIncludedChange:i,onExcludedChange:o}=e.useContext(KC),l=e.useMemo((()=>r.includes(t)),[r,t]),s=e.useMemo((()=>a.includes(t)),[a,t]),d=e.useCallback((()=>{l&&i(r.filter((e=>e!==t))),s&&o(a.filter((e=>e!==t)))}),[l,s,r,a,i,o,t]);return c.default.createElement(PC,null,n,c.default.createElement(_C,{type:"button","aria-label":"解除",onClick:d},c.default.createElement(z,{name:"close_circle",type:"fill",color:"currentColor"})))}));cE.displayName="DualListBox2SelectedItem";const dE=({label:e})=>c.default.createElement(FC,null,e),uE=[],pE=()=>!0,fE=e.forwardRef((({included:t,excluded:n,disableInclude:r,disableExclude:a,menuButtons:i,children:o,loading:l,onIncludedChange:s,onExcludedChange:d,onActiveSectionChange:u,onLoadMore:p,pageSize:m=50,pageSizeOptions:h=[10,50,100,200],onPageSizeChange:g,filter:b="",onFilterChange:v,renderFilterHeader:x,placement:y,middleware:w},C)=>{const[E,I]=e.useState(0),[k,M]=e.useState(null),[$,A]=e.useState(!1),S=e.useRef(null),V=!!x,L=e.useMemo((()=>rE(o)),[o]),O=e.useMemo((()=>(t=>{const n={};return nE(t,(t=>{if(e.isValidElement(t)&&"string"!=typeof t.type&&"symbol"!=typeof t.type&&t.type&&"function"==typeof t.type&&"displayName"in t.type&&t.type.displayName===qC.displayName){const e=t.props;n[e.id]=e.children}})),n})(o)),[o]),{currentFilter:H,filterWords:D,filteredChildren:R,matchesFilter:N,handleFilterChange:T,handleFilterReset:Z}=function({children:t,externalFilter:n,onFilterChange:r,allItems:a}){const[i,o]=e.useState(""),l=r?n:i,s=e.useCallback((e=>{const t=e.target.value;r?r(t):o(t)}),[r]),d=e.useCallback((()=>{r?r(""):o("")}),[r]),u=e.useMemo((()=>{const e=l.trim();return e?e.split(/\s+/):[]}),[l]),p=e.useCallback((e=>0===u.length||u.every((t=>e.toLowerCase().includes(t.toLowerCase())))),[u]),f=e.useCallback((t=>{if(!e.isValidElement(t))return t;if(t.type!==qC)return t;const n=a.find((e=>e.id===t.props.id));return n&&p(n.label)?t:null}),[a,p]),m=e.useCallback((t=>c.default.Children.toArray(t).filter(e.isValidElement).map((e=>{if(e.type===qC)return f(e);if("string"!=typeof e.type&&"symbol"!=typeof e.type&&"displayName"in e.type&&e.type.displayName===sE.displayName){const t=e,n=m(t.props.children);return 0===n.length?null:c.default.cloneElement(t,Object.assign(Object.assign({},t.props),{children:n}))}if("string"!=typeof e.type&&"symbol"!=typeof e.type&&"displayName"in e.type&&e.type.displayName===iE.displayName){const t=e,n=m(t.props.children);return c.default.cloneElement(t,Object.assign(Object.assign({},t.props),{children:n}))}return e})).filter(Boolean)),[f]),h=e.useMemo((()=>0===u.length?t:m(t)),[t,u,m]);return{currentFilter:l,filterWords:u,filteredChildren:h,matchesFilter:p,handleFilterChange:s,handleFilterReset:d}}({children:o,externalFilter:b,onFilterChange:v,allItems:L}),B=V?o:R,P=V?uE:D,_=V?pE:N,F=e.useCallback((e=>{M(e),null==u||u(e),null!==e||V||Z()}),[Z,V,u]),G=e.useMemo((()=>{let t=!1;return nE(o,(n=>{e.isValidElement(n)&&"string"!=typeof n.type&&"symbol"!=typeof n.type&&"displayName"in n.type&&n.type.displayName===iE.displayName&&(t=!0)})),t}),[o]),j=e.useMemo((()=>t.map((e=>e.id))),[t]),Y=e.useMemo((()=>n.map((e=>e.id))),[n]),W=e.useMemo((()=>L.map((e=>e.id))),[L]),X=e.useMemo((()=>W.filter((e=>{const t=L.find((t=>t.id===e));return!!t&&_(t.label)}))),[W,L,_]),J=e.useMemo((()=>{if(!G)return[];if(null===k)return[];const t=[];return nE(o,(n=>{if(!e.isValidElement(n)||"string"==typeof n.type||"symbol"==typeof n.type||!("displayName"in n.type)||n.type.displayName!==iE.displayName)return;const r=n.props;r.label===k&&nE(r.children,(n=>{e.isValidElement(n)&&"string"!=typeof n.type&&"symbol"!=typeof n.type&&"displayName"in n.type&&n.type.displayName===qC.displayName&&t.push(n.props.id)}))})),t}),[k,o,G]),U=e.useMemo((()=>J.filter((e=>{const t=L.find((t=>t.id===e));return!!t&&_(t.label)}))),[J,L,_]),Q=e.useMemo((()=>{if(G){if(null===k)return!0;return!!U.every((e=>j.includes(e)))}return!!X.every((e=>j.includes(e)))}),[G,k,X,U,j]),q=e.useMemo((()=>{if(G){if(null===k)return!0;return!!U.every((e=>Y.includes(e)))}return!!X.every((e=>Y.includes(e)))}),[G,k,X,U,Y]),K=e.useCallback((()=>{t.length&&s([]),n.length&&d([])}),[t,n,s,d]),ee=e.useCallback((()=>{if(G){if(null===k)return;return s(Array.from(new Set([...j,...U]))),void d(Y.filter((e=>!U.includes(e))))}s(Array.from(new Set([...j,...X]))),d(Y.filter((e=>!X.includes(e))))}),[X,s,d,G,k,j,Y,U]),te=e.useCallback((()=>{if(G){if(null===k)return;return d(Array.from(new Set([...Y,...U]))),void s(j.filter((e=>!U.includes(e))))}d(Array.from(new Set([...Y,...X]))),s(j.filter((e=>!X.includes(e))))}),[X,s,d,G,k,j,Y,U]),ne=!r&&c.default.createElement(Lo,{type:"button",size:"small",color:"secondaryLight",icon:c.default.createElement(z,{name:"check_thin",color:Q?f.gray[400]:f.blue[500]}),disabled:Q,onClick:ee},"全て追加"),re=!a&&c.default.createElement(Lo,{type:"button",size:"small",color:"secondaryLight",icon:c.default.createElement(z,{name:"forbid",color:q?f.gray[400]:f.red[500]}),disabled:q,onClick:te},"全て除外"),ae=e.useCallback((async e=>{if(e[0].isIntersecting&&!$&&p){A(!0);try{await p()}finally{A(!1)}}}),[$,p]);return e.useEffect((()=>{if("undefined"==typeof IntersectionObserver)return;const e=new IntersectionObserver(ae,{root:null,rootMargin:"100px",threshold:.1}),t=S.current;return t&&e.observe(t),()=>{t&&e.unobserve(t)}}),[ae]),c.default.createElement(bC,{ref:C,role:"region","aria-label":"アイテムの追加、除外選択エリア"},c.default.createElement(vC,{role:"tablist","aria-label":"リストの表示切り替え"},c.default.createElement("li",null,c.default.createElement("button",{type:"button",role:"tab","aria-selected":0===E,"aria-expanded":0===E,"aria-controls":"list-items-panel",onClick:()=>I(0)},"リストアイテム")),c.default.createElement("li",null,c.default.createElement("button",{type:"button",role:"tab","aria-selected":1===E,"aria-expanded":1===E,"aria-controls":"selected-items-panel",onClick:()=>I(1)},"選択済みアイテム",(t.length>0||n.length>0)&&c.default.createElement(xC,null,t.length+n.length)))),c.default.createElement(yC,null,c.default.createElement(KC.Provider,{value:{filterWords:P,includedIds:j,excludedIds:Y,activeSection:k,onIncludedChange:s,onExcludedChange:d,setActiveSection:F}},c.default.createElement(wC,{isShow:0===E,id:"list-items-panel",role:"tabpanel","aria-labelledby":"list-items-tab"},c.default.createElement(EC,{hasMenu:!(!i&&!g),hasCustomFilterHeader:V},V?c.default.createElement(MC,null,x()):c.default.createElement(IC,null,c.default.createElement(z,{name:"search",size:"sm",color:f.gray[600]}),c.default.createElement("input",{"aria-label":"アイテムを検索",disabled:G&&null===k,placeholder:"検索",type:"text",value:H,onChange:T}),H&&c.default.createElement(kC,{type:"button","aria-label":"検索をリセット",onClick:Z},c.default.createElement(z,{name:"close_circle",type:"fill",color:"currentColor"}))),(i||g)&&c.default.createElement(to,null,c.default.createElement(eo,{trigger:c.default.createElement($C,{type:"button",size:"small",color:"secondaryLight",icon:c.default.createElement(z,{name:"more_vert",color:f.gray[900]})}),placement:y,middleware:w},g&&c.default.createElement(lE,{pageSize:m,pageSizeOptions:h,onPageSizeChange:g}),i)),c.default.createElement(AC,null,l?c.default.createElement(ko,{width:"16px"}):c.default.createElement(c.default.Fragment,null,G&&null===k?"-":G?U.length.toLocaleString("en-US"):X.length.toLocaleString("en-US"),"件")),c.default.createElement(SC,null,r||a?c.default.createElement(c.default.Fragment,null,ne,re):c.default.createElement(qd,{size:"small",color:"secondaryLight"},ne,re))),c.default.createElement(CC,null,B,c.default.createElement("div",{ref:S,style:{height:"20px"}},l&&c.default.createElement(QC,null,"読み込み中...")))),c.default.createElement(VC,{isShow:1===E},c.default.createElement(LC,null,c.default.createElement(HC,null,0!==t.length&&c.default.createElement(RC,null,c.default.createElement(z,{name:"check_thin",color:f.blue[500]}),t.length),0!==n.length&&c.default.createElement(zC,null,c.default.createElement(z,{name:"forbid",color:f.red[500]}),n.length)),c.default.createElement(NC,null,c.default.createElement(Lo,{type:"button",color:"secondaryLight",size:"small",disabled:!t.length&&!n.length,onClick:K},"選択をクリア"))),c.default.createElement(OC,null,!!t.length&&c.default.createElement(TC,null,c.default.createElement(z,{name:"check_thin",color:f.blue[500]}),"追加"),aE(t).map((t=>c.default.createElement(e.Fragment,{key:t.groupName||"_"},t.groupName&&c.default.createElement(dE,{label:t.groupName}),t.items.map((e=>c.default.createElement(cE,{key:e.id,id:e.id},O[e.id]||e.selectedContent||e.label)))))),!!n.length&&c.default.createElement(TC,null,c.default.createElement(z,{name:"forbid",color:f.red[500]}),"除外"),aE(n).map((t=>c.default.createElement(e.Fragment,{key:t.groupName||"_"},t.groupName&&c.default.createElement(dE,{label:t.groupName}),t.items.map((e=>c.default.createElement(cE,{key:e.id,id:e.id},O[e.id]||e.selectedContent||e.label)))))))))))}));fE.displayName="DualListBox2";const mE=d.default.div`
|
|
3664
|
+
`,sE=({pageSize:e,pageSizeOptions:t,onPageSizeChange:n})=>c.default.createElement(eo,{width:136,trigger:c.default.createElement(lE,{append:e},"件数を変更")},t.map((t=>c.default.createElement(ni,{key:t,closeOnChange:!0,checked:e===t,onChange:()=>n(t)},t,"件")))),cE=({label:t,disableInclude:n,disableExclude:r,children:a,onOpen:i,onClose:o,onInclude:l,onExclude:s})=>{const[d,u]=e.useState(!1),p=e.useCallback((()=>{const e=!d;u(e),e&&i&&i(),!e&&o&&o()}),[d,i,o]),m=e.useContext(nE),{includedIds:h,excludedIds:g,onIncludedChange:b,onExcludedChange:v}=e.useContext(eE),x=e.useMemo((()=>(e=>aE(e).map((e=>e.id)))(a)),[a]),y=!(n||void 0===l&&x.every((e=>h.includes(e)))),w=!(r||void 0===s&&x.every((e=>g.includes(e)))),C=e.useCallback((()=>{l?l():x.every((e=>h.includes(e)))||(b(Array.from(new Set([...h,...x]))),v(g.filter((e=>!x.includes(e)))))}),[l,x,h,g,b,v]),E=e.useCallback((()=>{s?s():x.every((e=>g.includes(e)))||(v(Array.from(new Set([...g,...x]))),b(h.filter((e=>!x.includes(e)))))}),[s,x,h,g,b,v]),I=y&&c.default.createElement(Lo,{type:"button",size:"small",color:"secondaryLight","aria-label":"追加",icon:c.default.createElement(z,{name:"check_thin",color:f.blue[500]}),onClick:C}),k=w&&c.default.createElement(Lo,{type:"button",size:"small",color:"secondaryLight","aria-label":"除外",icon:c.default.createElement(z,{name:"forbid",color:f.red[500]}),onClick:E});return c.default.createElement(c.default.Fragment,null,c.default.createElement(jC,{$depth:m},c.default.createElement(YC,{type:"button","aria-label":`${t}を開く`,"aria-expanded":d,onClick:p},m>=1&&c.default.createElement(z,{name:"corner_down_right",size:"md",color:f.gray[400]}),t),c.default.createElement(WC,null,y&&w?c.default.createElement(qd,{size:"small",color:"secondaryLight"},I,k):c.default.createElement(c.default.Fragment,null,I,k)),c.default.createElement(XC,null,c.default.createElement(z,{name:"arrow_down",color:f.gray[900]}))),d&&c.default.createElement(nE.Provider,{value:m+1},a))};cE.displayName="DualListBox2Accordion";const dE=c.default.memo((({id:t,children:n})=>{const{includedIds:r,excludedIds:a,onIncludedChange:i,onExcludedChange:o}=e.useContext(eE),l=e.useMemo((()=>r.includes(t)),[r,t]),s=e.useMemo((()=>a.includes(t)),[a,t]),d=e.useCallback((()=>{l&&i(r.filter((e=>e!==t))),s&&o(a.filter((e=>e!==t)))}),[l,s,r,a,i,o,t]);return c.default.createElement(_C,null,n,c.default.createElement(FC,{type:"button","aria-label":"解除",onClick:d},c.default.createElement(z,{name:"close_circle",type:"fill",color:"currentColor"})))}));dE.displayName="DualListBox2SelectedItem";const uE=({label:e})=>c.default.createElement(GC,null,e),pE=[],fE=()=>!0,mE=e.forwardRef((({included:t,excluded:n,disableInclude:r,disableExclude:a,menuButtons:i,children:o,loading:l,onIncludedChange:s,onExcludedChange:d,onActiveSectionChange:u,onLoadMore:p,pageSize:m=50,pageSizeOptions:h=[10,50,100,200],onPageSizeChange:g,filter:b="",onFilterChange:v,renderFilterHeader:x,placement:y,middleware:w},C)=>{const[E,I]=e.useState(0),[k,M]=e.useState(null),[$,A]=e.useState(!1),S=e.useRef(null),V=!!x,L=e.useMemo((()=>aE(o)),[o]),O=e.useMemo((()=>(t=>{const n={};return rE(t,(t=>{if(e.isValidElement(t)&&"string"!=typeof t.type&&"symbol"!=typeof t.type&&t.type&&"function"==typeof t.type&&"displayName"in t.type&&t.type.displayName===KC.displayName){const e=t.props;n[e.id]=e.children}})),n})(o)),[o]),{currentFilter:H,filterWords:D,filteredChildren:R,matchesFilter:N,handleFilterChange:T,handleFilterReset:Z}=function({children:t,externalFilter:n,onFilterChange:r,allItems:a}){const[i,o]=e.useState(""),l=r?n:i,s=e.useCallback((e=>{const t=e.target.value;r?r(t):o(t)}),[r]),d=e.useCallback((()=>{r?r(""):o("")}),[r]),u=e.useMemo((()=>{const e=l.trim();return e?e.split(/\s+/):[]}),[l]),p=e.useCallback((e=>0===u.length||u.every((t=>e.toLowerCase().includes(t.toLowerCase())))),[u]),f=e.useCallback((t=>{if(!e.isValidElement(t))return t;if(t.type!==KC)return t;const n=a.find((e=>e.id===t.props.id));return n&&p(n.label)?t:null}),[a,p]),m=e.useCallback((t=>c.default.Children.toArray(t).filter(e.isValidElement).map((e=>{if(e.type===KC)return f(e);if("string"!=typeof e.type&&"symbol"!=typeof e.type&&"displayName"in e.type&&e.type.displayName===cE.displayName){const t=e,n=m(t.props.children);return 0===n.length?null:c.default.cloneElement(t,Object.assign(Object.assign({},t.props),{children:n}))}if("string"!=typeof e.type&&"symbol"!=typeof e.type&&"displayName"in e.type&&e.type.displayName===oE.displayName){const t=e,n=m(t.props.children);return c.default.cloneElement(t,Object.assign(Object.assign({},t.props),{children:n}))}return e})).filter(Boolean)),[f]),h=e.useMemo((()=>0===u.length?t:m(t)),[t,u,m]);return{currentFilter:l,filterWords:u,filteredChildren:h,matchesFilter:p,handleFilterChange:s,handleFilterReset:d}}({children:o,externalFilter:b,onFilterChange:v,allItems:L}),B=V?o:R,P=V?pE:D,_=V?fE:N,F=e.useCallback((e=>{M(e),null==u||u(e),null!==e||V||Z()}),[Z,V,u]),G=e.useMemo((()=>{let t=!1;return rE(o,(n=>{e.isValidElement(n)&&"string"!=typeof n.type&&"symbol"!=typeof n.type&&"displayName"in n.type&&n.type.displayName===oE.displayName&&(t=!0)})),t}),[o]),j=e.useMemo((()=>t.map((e=>e.id))),[t]),Y=e.useMemo((()=>n.map((e=>e.id))),[n]),W=e.useMemo((()=>L.map((e=>e.id))),[L]),X=e.useMemo((()=>W.filter((e=>{const t=L.find((t=>t.id===e));return!!t&&_(t.label)}))),[W,L,_]),J=e.useMemo((()=>{if(!G)return[];if(null===k)return[];const t=[];return rE(o,(n=>{if(!e.isValidElement(n)||"string"==typeof n.type||"symbol"==typeof n.type||!("displayName"in n.type)||n.type.displayName!==oE.displayName)return;const r=n.props;r.label===k&&rE(r.children,(n=>{e.isValidElement(n)&&"string"!=typeof n.type&&"symbol"!=typeof n.type&&"displayName"in n.type&&n.type.displayName===KC.displayName&&t.push(n.props.id)}))})),t}),[k,o,G]),U=e.useMemo((()=>J.filter((e=>{const t=L.find((t=>t.id===e));return!!t&&_(t.label)}))),[J,L,_]),Q=e.useMemo((()=>{if(G){if(null===k)return!0;return!!U.every((e=>j.includes(e)))}return!!X.every((e=>j.includes(e)))}),[G,k,X,U,j]),q=e.useMemo((()=>{if(G){if(null===k)return!0;return!!U.every((e=>Y.includes(e)))}return!!X.every((e=>Y.includes(e)))}),[G,k,X,U,Y]),K=e.useCallback((()=>{t.length&&s([]),n.length&&d([])}),[t,n,s,d]),ee=e.useCallback((()=>{if(G){if(null===k)return;return s(Array.from(new Set([...j,...U]))),void d(Y.filter((e=>!U.includes(e))))}s(Array.from(new Set([...j,...X]))),d(Y.filter((e=>!X.includes(e))))}),[X,s,d,G,k,j,Y,U]),te=e.useCallback((()=>{if(G){if(null===k)return;return d(Array.from(new Set([...Y,...U]))),void s(j.filter((e=>!U.includes(e))))}d(Array.from(new Set([...Y,...X]))),s(j.filter((e=>!X.includes(e))))}),[X,s,d,G,k,j,Y,U]),ne=!r&&c.default.createElement(Lo,{type:"button",size:"small",color:"secondaryLight",icon:c.default.createElement(z,{name:"check_thin",color:Q?f.gray[400]:f.blue[500]}),disabled:Q,onClick:ee},"全て追加"),re=!a&&c.default.createElement(Lo,{type:"button",size:"small",color:"secondaryLight",icon:c.default.createElement(z,{name:"forbid",color:q?f.gray[400]:f.red[500]}),disabled:q,onClick:te},"全て除外"),ae=e.useCallback((async e=>{if(e[0].isIntersecting&&!$&&p){A(!0);try{await p()}finally{A(!1)}}}),[$,p]);return e.useEffect((()=>{if("undefined"==typeof IntersectionObserver)return;const e=new IntersectionObserver(ae,{root:null,rootMargin:"100px",threshold:.1}),t=S.current;return t&&e.observe(t),()=>{t&&e.unobserve(t)}}),[ae]),c.default.createElement(vC,{ref:C,role:"region","aria-label":"アイテムの追加、除外選択エリア"},c.default.createElement(xC,{role:"tablist","aria-label":"リストの表示切り替え"},c.default.createElement("li",null,c.default.createElement("button",{type:"button",role:"tab","aria-selected":0===E,"aria-expanded":0===E,"aria-controls":"list-items-panel",onClick:()=>I(0)},"リストアイテム")),c.default.createElement("li",null,c.default.createElement("button",{type:"button",role:"tab","aria-selected":1===E,"aria-expanded":1===E,"aria-controls":"selected-items-panel",onClick:()=>I(1)},"選択済みアイテム",(t.length>0||n.length>0)&&c.default.createElement(yC,null,t.length+n.length)))),c.default.createElement(wC,null,c.default.createElement(eE.Provider,{value:{filterWords:P,includedIds:j,excludedIds:Y,activeSection:k,onIncludedChange:s,onExcludedChange:d,setActiveSection:F}},c.default.createElement(CC,{isShow:0===E,id:"list-items-panel",role:"tabpanel","aria-labelledby":"list-items-tab"},c.default.createElement(IC,{hasMenu:!(!i&&!g),hasCustomFilterHeader:V},V?c.default.createElement($C,null,x()):c.default.createElement(kC,null,c.default.createElement(z,{name:"search",size:"sm",color:f.gray[600]}),c.default.createElement("input",{"aria-label":"アイテムを検索",disabled:G&&null===k,placeholder:"検索",type:"text",value:H,onChange:T}),H&&c.default.createElement(MC,{type:"button","aria-label":"検索をリセット",onClick:Z},c.default.createElement(z,{name:"close_circle",type:"fill",color:"currentColor"}))),(i||g)&&c.default.createElement(to,null,c.default.createElement(eo,{trigger:c.default.createElement(AC,{type:"button",size:"small",color:"secondaryLight",icon:c.default.createElement(z,{name:"more_vert",color:f.gray[900]})}),placement:y,middleware:w},g&&c.default.createElement(sE,{pageSize:m,pageSizeOptions:h,onPageSizeChange:g}),i)),c.default.createElement(SC,null,l?c.default.createElement(ko,{width:"16px"}):c.default.createElement(c.default.Fragment,null,G&&null===k?"-":G?U.length.toLocaleString("en-US"):X.length.toLocaleString("en-US"),"件")),c.default.createElement(VC,null,r||a?c.default.createElement(c.default.Fragment,null,ne,re):c.default.createElement(qd,{size:"small",color:"secondaryLight"},ne,re))),c.default.createElement(EC,null,B,c.default.createElement("div",{ref:S,style:{height:"20px"}},l&&c.default.createElement(qC,null,"読み込み中...")))),c.default.createElement(LC,{isShow:1===E},c.default.createElement(OC,null,c.default.createElement(DC,null,0!==t.length&&c.default.createElement(zC,null,c.default.createElement(z,{name:"check_thin",color:f.blue[500]}),t.length),0!==n.length&&c.default.createElement(NC,null,c.default.createElement(z,{name:"forbid",color:f.red[500]}),n.length)),c.default.createElement(TC,null,c.default.createElement(Lo,{type:"button",color:"secondaryLight",size:"small",disabled:!t.length&&!n.length,onClick:K},"選択をクリア"))),c.default.createElement(HC,null,!!t.length&&c.default.createElement(ZC,null,c.default.createElement(z,{name:"check_thin",color:f.blue[500]}),"追加"),iE(t).map((t=>c.default.createElement(e.Fragment,{key:t.groupName||"_"},t.groupName&&c.default.createElement(uE,{label:t.groupName}),t.items.map((e=>c.default.createElement(dE,{key:e.id,id:e.id},O[e.id]||e.selectedContent||e.label)))))),!!n.length&&c.default.createElement(ZC,null,c.default.createElement(z,{name:"forbid",color:f.red[500]}),"除外"),iE(n).map((t=>c.default.createElement(e.Fragment,{key:t.groupName||"_"},t.groupName&&c.default.createElement(uE,{label:t.groupName}),t.items.map((e=>c.default.createElement(dE,{key:e.id,id:e.id},O[e.id]||e.selectedContent||e.label)))))))))))}));mE.displayName="DualListBox2";const hE=d.default.div`
|
|
3665
3665
|
display: flex;
|
|
3666
3666
|
justify-content: center;
|
|
3667
3667
|
align-items: center;
|
|
@@ -3679,39 +3679,39 @@ object-assign
|
|
|
3679
3679
|
border: 2px solid ${({theme:e})=>e.palette.primary.base};
|
|
3680
3680
|
background-color: ${({theme:e})=>e.palette.background.hint};
|
|
3681
3681
|
}
|
|
3682
|
-
`,
|
|
3682
|
+
`,gE=d.default.div``,bE=c.forwardRef((function(e,t){const n=_c({props:e,name:"FileUploader"}),{accept:r,title:a="Click or Drag & Drop file.",width:i,description:o,onSelectFiles:l}=n,s=c.useRef(null),[d,u]=c.useState(!1),p=c.useCallback((e=>{e.preventDefault(),e.stopPropagation(),u(!1),l(e,e.dataTransfer.files)}),[u,l]),f=c.useCallback((e=>{e.preventDefault(),e.stopPropagation(),u(!0)}),[u]),m=c.useCallback((()=>{u(!1)}),[u]),h=c.useCallback((e=>{l(e,e.target.files)}),[l]);return c.createElement(hE,{ref:t,width:i,filesDraggedOver:d,onDrop:p,onDragOver:f,onDragLeave:m,onClick:()=>{var e;null===(e=s.current)||void 0===e||e.click()}},c.createElement("input",{ref:s,multiple:!0,"aria-label":"file-uploader",type:"file",accept:r,onChange:h}),c.createElement(gE,null,c.createElement(Z,{display:"flex"},c.createElement(z,{name:"folder_open",size:"md",color:"active"}),c.createElement(ee,{weight:"bold",color:"primary"},a)),o&&c.createElement(c.Fragment,null,c.createElement(vo,{pt:2.5}),c.createElement(ee,{weight:"bold",align:"center",size:"sm",color:"secondary"},o))))})),vE={small:{height:"28px",borderRadius:"4px",iconSize:"20px",arrowIconSize:"16px",padding:"0 2px 0 6px"},medium:{height:"32px",borderRadius:"6px",iconSize:"22px",arrowIconSize:"18px",padding:"0 2px 0 6px"},large:{height:"40px",borderRadius:"6px",iconSize:"24px",arrowIconSize:"20px",padding:"0 4px 0 8px"}},xE=e=>({light:{background:e.palette.background.default},dark:{background:e.palette.neutral.ultraLight}}),yE=t.css`
|
|
3683
3683
|
border: 1px solid ${({theme:e})=>e.palette.divider};
|
|
3684
3684
|
background-color: ${({theme:e})=>e.palette.background.default};
|
|
3685
|
-
`,yE=e=>t.css`
|
|
3686
|
-
height: ${bE[e].height};
|
|
3687
|
-
border-radius: ${bE[e].borderRadius};
|
|
3688
3685
|
`,wE=e=>t.css`
|
|
3686
|
+
height: ${vE[e].height};
|
|
3687
|
+
border-radius: ${vE[e].borderRadius};
|
|
3688
|
+
`,CE=e=>t.css`
|
|
3689
3689
|
/* 左側のアイコン */
|
|
3690
3690
|
span:first-child {
|
|
3691
|
-
width: ${
|
|
3692
|
-
height: ${
|
|
3691
|
+
width: ${vE[e].iconSize};
|
|
3692
|
+
height: ${vE[e].iconSize};
|
|
3693
3693
|
svg {
|
|
3694
|
-
width: ${
|
|
3695
|
-
height: ${
|
|
3694
|
+
width: ${vE[e].iconSize};
|
|
3695
|
+
height: ${vE[e].iconSize};
|
|
3696
3696
|
}
|
|
3697
3697
|
}
|
|
3698
3698
|
/* 右側の矢印アイコン */
|
|
3699
3699
|
span:last-child {
|
|
3700
|
-
width: ${
|
|
3701
|
-
height: ${
|
|
3700
|
+
width: ${vE[e].arrowIconSize};
|
|
3701
|
+
height: ${vE[e].arrowIconSize};
|
|
3702
3702
|
svg {
|
|
3703
|
-
width: ${
|
|
3704
|
-
height: ${
|
|
3703
|
+
width: ${vE[e].arrowIconSize};
|
|
3704
|
+
height: ${vE[e].arrowIconSize};
|
|
3705
3705
|
}
|
|
3706
3706
|
}
|
|
3707
|
-
padding: ${
|
|
3708
|
-
`,
|
|
3707
|
+
padding: ${vE[e].padding};
|
|
3708
|
+
`,EE=d.default.div`
|
|
3709
3709
|
position: relative;
|
|
3710
3710
|
display: grid;
|
|
3711
3711
|
grid-template-columns: auto 1fr;
|
|
3712
3712
|
align-items: center;
|
|
3713
3713
|
gap: 0;
|
|
3714
|
-
${
|
|
3714
|
+
${yE}
|
|
3715
3715
|
overflow: hidden;
|
|
3716
3716
|
transition:
|
|
3717
3717
|
border-color 0.2s ease,
|
|
@@ -3756,15 +3756,15 @@ object-assign
|
|
|
3756
3756
|
}
|
|
3757
3757
|
|
|
3758
3758
|
&[data-size="small"] {
|
|
3759
|
-
${
|
|
3759
|
+
${wE("small")}
|
|
3760
3760
|
}
|
|
3761
3761
|
|
|
3762
3762
|
&[data-size="medium"] {
|
|
3763
|
-
${
|
|
3763
|
+
${wE("medium")}
|
|
3764
3764
|
}
|
|
3765
3765
|
|
|
3766
3766
|
&[data-size="large"] {
|
|
3767
|
-
${
|
|
3767
|
+
${wE("large")}
|
|
3768
3768
|
}
|
|
3769
3769
|
|
|
3770
3770
|
&[data-small="true"] {
|
|
@@ -3773,7 +3773,7 @@ object-assign
|
|
|
3773
3773
|
border-radius: 0px;
|
|
3774
3774
|
background-color: transparent;
|
|
3775
3775
|
}
|
|
3776
|
-
`,
|
|
3776
|
+
`,IE=d.default.button`
|
|
3777
3777
|
flex-shrink: 0;
|
|
3778
3778
|
position: relative;
|
|
3779
3779
|
z-index: 1;
|
|
@@ -3785,7 +3785,7 @@ object-assign
|
|
|
3785
3785
|
border-right: 1px solid ${({theme:e})=>e.palette.divider};
|
|
3786
3786
|
outline-offset: -1px;
|
|
3787
3787
|
color: ${({disabled:e,theme:t})=>e?t.palette.text.disabled:t.palette.black};
|
|
3788
|
-
background: ${({disabled:e,$variant:t="light",theme:n})=>{if(e)return n.palette.neutral.softLight;return
|
|
3788
|
+
background: ${({disabled:e,$variant:t="light",theme:n})=>{if(e)return n.palette.neutral.softLight;return xE(n)[t].background}};
|
|
3789
3789
|
cursor: ${({disabled:e})=>e?"not-allowed":"pointer"};
|
|
3790
3790
|
transition: all 0.2s ease;
|
|
3791
3791
|
|
|
@@ -3796,19 +3796,19 @@ object-assign
|
|
|
3796
3796
|
}
|
|
3797
3797
|
|
|
3798
3798
|
/* サイズバリエーション */
|
|
3799
|
-
&:where(${
|
|
3800
|
-
${
|
|
3799
|
+
&:where(${EE}[data-size="small"] *) {
|
|
3800
|
+
${CE("small")}
|
|
3801
3801
|
}
|
|
3802
3802
|
|
|
3803
|
-
&:where(${
|
|
3804
|
-
${
|
|
3803
|
+
&:where(${EE}[data-size="medium"] *) {
|
|
3804
|
+
${CE("medium")}
|
|
3805
3805
|
}
|
|
3806
3806
|
|
|
3807
|
-
&:where(${
|
|
3808
|
-
${
|
|
3807
|
+
&:where(${EE}[data-size="large"] *) {
|
|
3808
|
+
${CE("large")}
|
|
3809
3809
|
}
|
|
3810
3810
|
|
|
3811
|
-
&:where(${
|
|
3811
|
+
&:where(${EE.toString()}[data-small="true"] *) {
|
|
3812
3812
|
display: none;
|
|
3813
3813
|
}
|
|
3814
3814
|
`;d.default(ni)`
|
|
@@ -3820,7 +3820,7 @@ object-assign
|
|
|
3820
3820
|
width: 22px;
|
|
3821
3821
|
height: 22px;
|
|
3822
3822
|
}
|
|
3823
|
-
`;const
|
|
3823
|
+
`;const kE=e.createContext({isSmall:!1,disabled:!1}),ME=({label:e,size:t="medium",variant:n="dark",onRemove:r})=>{const{disabled:a}=c.default.useContext(kE),i=a?void 0:r;return c.default.createElement(ue,{label:e,size:t,variant:n,disabled:a,onRemove:i})},$E=({selectedIndex:t,selectOptions:n,onSelectChange:r,children:a,size:i="medium",variant:o="light",disabled:l=!1,error:s=!1,isOpen:d=!1})=>{const[u,p]=e.useState(!1),[f,m]=e.useState(!1),h=e.useRef(null),g=n.map((e=>Object.assign(Object.assign({},e),{icon:c.default.isValidElement(e.icon)&&e.icon.type===z?c.default.cloneElement(e.icon,{color:e.icon.props.color||"currentColor"}):e.icon}))),b=e.useCallback((e=>{r(e),p(!1)}),[r,p]),v=e.useCallback((()=>{l||p(!u)}),[l,u,p]),x=e.useCallback((e=>{l||p(e)}),[l,p]);return e.useEffect((()=>{if(!window.ResizeObserver)return;if(!h.current)return;const e=new window.ResizeObserver((()=>{h.current&&m(h.current.clientWidth<130)}));return e.observe(h.current),()=>{e.disconnect()}}),[m]),c.default.createElement(EE,{ref:h,"data-small":f,"data-size":i,"data-disabled":l,$isOpen:d,$error:s,$disabled:l},c.default.createElement(to,null,c.default.createElement(eo,{open:!l&&u,trigger:c.default.createElement(IE,{$variant:o,type:"button",disabled:l,"aria-label":"フィルターのタイプを選ぶ",onClick:v},g[t].icon,c.default.createElement(z,{name:"arrow_down",color:"currentColor"})),onOpenChange:x},g.map((({label:e,icon:n},r)=>c.default.createElement(ni,{key:e,prepend:n,checked:t===r,disabled:l,onChange:()=>b(r)},e))))),c.default.createElement(kE.Provider,{value:{isSmall:f,disabled:l}},a))};d.default.button`
|
|
3824
3824
|
box-sizing: border-box;
|
|
3825
3825
|
display: flex;
|
|
3826
3826
|
align-items: center;
|
|
@@ -3836,12 +3836,12 @@ object-assign
|
|
|
3836
3836
|
isolation: isolate;
|
|
3837
3837
|
z-index: 1;
|
|
3838
3838
|
}
|
|
3839
|
-
`;const
|
|
3839
|
+
`;const AE={small:"12px",medium:"13px",large:"14px"};d.default.span`
|
|
3840
3840
|
flex-grow: 1;
|
|
3841
3841
|
overflow: hidden;
|
|
3842
3842
|
text-overflow: ellipsis;
|
|
3843
3843
|
white-space: nowrap;
|
|
3844
|
-
font-size: ${({$size:e})
|
|
3844
|
+
font-size: ${({$size:e})=>AE[e]};
|
|
3845
3845
|
`,d.default.span`
|
|
3846
3846
|
flex-shrink: 0;
|
|
3847
3847
|
width: 18px;
|
|
@@ -3885,7 +3885,7 @@ object-assign
|
|
|
3885
3885
|
border-color: #007bff;
|
|
3886
3886
|
}
|
|
3887
3887
|
}
|
|
3888
|
-
`;const
|
|
3888
|
+
`;const SE=d.default.div`
|
|
3889
3889
|
position: relative;
|
|
3890
3890
|
display: flex;
|
|
3891
3891
|
align-items: center;
|
|
@@ -3893,7 +3893,7 @@ object-assign
|
|
|
3893
3893
|
width: calc(100% + 46px);
|
|
3894
3894
|
height: 100%;
|
|
3895
3895
|
margin-left: -46px;
|
|
3896
|
-
background-color: ${({$variant:e,theme:t})=>
|
|
3896
|
+
background-color: ${({$variant:e,theme:t})=>xE(t)[e].background};
|
|
3897
3897
|
|
|
3898
3898
|
&::before {
|
|
3899
3899
|
content: "";
|
|
@@ -3915,7 +3915,7 @@ object-assign
|
|
|
3915
3915
|
&:where([data-overflowing="true"])::before {
|
|
3916
3916
|
opacity: 1;
|
|
3917
3917
|
}
|
|
3918
|
-
`,
|
|
3918
|
+
`,VE=d.default.div`
|
|
3919
3919
|
position: relative;
|
|
3920
3920
|
display: flex;
|
|
3921
3921
|
align-items: center;
|
|
@@ -3933,7 +3933,7 @@ object-assign
|
|
|
3933
3933
|
&::-webkit-scrollbar {
|
|
3934
3934
|
display: none;
|
|
3935
3935
|
}
|
|
3936
|
-
`,
|
|
3936
|
+
`,LE=d.default.button`
|
|
3937
3937
|
position: absolute;
|
|
3938
3938
|
inset: 0;
|
|
3939
3939
|
box-sizing: border-box;
|
|
@@ -3944,7 +3944,7 @@ object-assign
|
|
|
3944
3944
|
height: 100%;
|
|
3945
3945
|
padding: 0 8px 0 54px;
|
|
3946
3946
|
border: 0;
|
|
3947
|
-
background-color: ${({$variant:e,theme:t})=>
|
|
3947
|
+
background-color: ${({$variant:e,theme:t})=>xE(t)[e].background};
|
|
3948
3948
|
outline-offset: -1px;
|
|
3949
3949
|
cursor: pointer;
|
|
3950
3950
|
transition: background-color 0.2s ease;
|
|
@@ -3952,10 +3952,10 @@ object-assign
|
|
|
3952
3952
|
svg {
|
|
3953
3953
|
transition: color 0.2s ease;
|
|
3954
3954
|
}
|
|
3955
|
-
`,
|
|
3955
|
+
`,OE=d.default.span`
|
|
3956
3956
|
flex-shrink: 0;
|
|
3957
3957
|
width: 18px;
|
|
3958
|
-
`,
|
|
3958
|
+
`,HE=d.default(_i).attrs({$insetFocusRingPadding:!1})`
|
|
3959
3959
|
position: sticky;
|
|
3960
3960
|
top: 0;
|
|
3961
3961
|
z-index: 1;
|
|
@@ -3966,29 +3966,29 @@ object-assign
|
|
|
3966
3966
|
color: ${({theme:e})=>e.palette.icon.line};
|
|
3967
3967
|
}
|
|
3968
3968
|
}
|
|
3969
|
-
`,
|
|
3969
|
+
`,DE=d.default.div`
|
|
3970
3970
|
display: flex;
|
|
3971
3971
|
justify-content: center;
|
|
3972
3972
|
align-items: center;
|
|
3973
3973
|
padding: 16px 0;
|
|
3974
|
-
`,
|
|
3974
|
+
`,RE=d.default.div`
|
|
3975
3975
|
display: flex;
|
|
3976
3976
|
align-items: center;
|
|
3977
3977
|
gap: 8px;
|
|
3978
|
-
`,
|
|
3978
|
+
`,zE=d.default.div`
|
|
3979
3979
|
flex: 1;
|
|
3980
3980
|
position: relative;
|
|
3981
3981
|
display: flex;
|
|
3982
3982
|
align-items: center;
|
|
3983
3983
|
|
|
3984
|
-
${
|
|
3984
|
+
${HE} {
|
|
3985
3985
|
flex: 1;
|
|
3986
3986
|
}
|
|
3987
3987
|
|
|
3988
|
-
${
|
|
3988
|
+
${HE} input {
|
|
3989
3989
|
padding-right: 28px;
|
|
3990
3990
|
}
|
|
3991
|
-
`,
|
|
3991
|
+
`,NE=d.default.button`
|
|
3992
3992
|
position: absolute;
|
|
3993
3993
|
right: 8px;
|
|
3994
3994
|
flex-shrink: 0;
|
|
@@ -4000,7 +4000,7 @@ object-assign
|
|
|
4000
4000
|
color: ${({theme:e})=>e.palette.black};
|
|
4001
4001
|
cursor: pointer;
|
|
4002
4002
|
z-index: 1;
|
|
4003
|
-
`,
|
|
4003
|
+
`,TE=d.default.div`
|
|
4004
4004
|
display: inline-flex;
|
|
4005
4005
|
gap: 0;
|
|
4006
4006
|
|
|
@@ -4019,12 +4019,12 @@ object-assign
|
|
|
4019
4019
|
border-bottom-left-radius: 0;
|
|
4020
4020
|
border-top-left-radius: 0;
|
|
4021
4021
|
}
|
|
4022
|
-
`,
|
|
4022
|
+
`,ZE=d.default.div`
|
|
4023
4023
|
min-width: 0;
|
|
4024
4024
|
width: calc(100% + 46px);
|
|
4025
4025
|
height: 100%;
|
|
4026
4026
|
margin-left: -46px;
|
|
4027
|
-
`,
|
|
4027
|
+
`,BE=d.default.button`
|
|
4028
4028
|
box-sizing: border-box;
|
|
4029
4029
|
display: flex;
|
|
4030
4030
|
align-items: center;
|
|
@@ -4032,7 +4032,7 @@ object-assign
|
|
|
4032
4032
|
height: 100%;
|
|
4033
4033
|
padding: 0 8px 0 54px;
|
|
4034
4034
|
border: 0;
|
|
4035
|
-
background: ${({$variant:e,theme:t})=>
|
|
4035
|
+
background: ${({$variant:e,theme:t})=>xE(t)[e].background};
|
|
4036
4036
|
outline-offset: -1px;
|
|
4037
4037
|
text-align: left;
|
|
4038
4038
|
color: ${({theme:e})=>e.palette.black};
|
|
@@ -4042,16 +4042,16 @@ object-assign
|
|
|
4042
4042
|
isolation: isolate;
|
|
4043
4043
|
z-index: 1;
|
|
4044
4044
|
}
|
|
4045
|
-
`,
|
|
4045
|
+
`,PE={small:"12px",medium:"13px",large:"14px"},_E=d.default.span`
|
|
4046
4046
|
flex-grow: 1;
|
|
4047
4047
|
overflow: hidden;
|
|
4048
4048
|
text-overflow: ellipsis;
|
|
4049
4049
|
white-space: nowrap;
|
|
4050
|
-
font-size: ${({$size:e})=>
|
|
4051
|
-
`,
|
|
4050
|
+
font-size: ${({$size:e})=>PE[e]};
|
|
4051
|
+
`,FE=d.default.span`
|
|
4052
4052
|
flex-shrink: 0;
|
|
4053
4053
|
width: 18px;
|
|
4054
|
-
`,
|
|
4054
|
+
`,GE=d.default(_i).attrs({$insetFocusRingPadding:!1})`
|
|
4055
4055
|
input {
|
|
4056
4056
|
&::placeholder {
|
|
4057
4057
|
color: ${({$placeholderColor:e,theme:t})=>e||t.palette.icon.line};
|
|
@@ -4112,7 +4112,7 @@ object-assign
|
|
|
4112
4112
|
align-items: center;
|
|
4113
4113
|
pointer-events: none;
|
|
4114
4114
|
}
|
|
4115
|
-
`;const
|
|
4115
|
+
`;const jE=d.default.div`
|
|
4116
4116
|
max-height: 180px;
|
|
4117
4117
|
overflow: auto;
|
|
4118
4118
|
scrollbar-width: none;
|
|
@@ -4135,24 +4135,24 @@ object-assign
|
|
|
4135
4135
|
box-shadow: ${v.dropdown};
|
|
4136
4136
|
z-index: 1000;
|
|
4137
4137
|
|
|
4138
|
-
${
|
|
4138
|
+
${jE}:not(:last-child) {
|
|
4139
4139
|
border-top: 1px solid ${({theme:e})=>e.palette.neutral.lighter};
|
|
4140
4140
|
}
|
|
4141
|
-
`;const
|
|
4141
|
+
`;const YE=d.default.div`
|
|
4142
4142
|
position: relative;
|
|
4143
4143
|
display: flex;
|
|
4144
4144
|
align-items: center;
|
|
4145
4145
|
gap: 8px;
|
|
4146
4146
|
|
|
4147
|
-
${
|
|
4147
|
+
${GE} {
|
|
4148
4148
|
flex: 1;
|
|
4149
4149
|
position: relative;
|
|
4150
4150
|
}
|
|
4151
4151
|
|
|
4152
|
-
${
|
|
4152
|
+
${GE} input {
|
|
4153
4153
|
padding-right: 28px;
|
|
4154
4154
|
}
|
|
4155
|
-
`,
|
|
4155
|
+
`,WE=d.default.button`
|
|
4156
4156
|
position: absolute;
|
|
4157
4157
|
right: 8px;
|
|
4158
4158
|
flex-shrink: 0;
|
|
@@ -4164,7 +4164,7 @@ object-assign
|
|
|
4164
4164
|
color: ${({theme:e})=>e.palette.black};
|
|
4165
4165
|
cursor: pointer;
|
|
4166
4166
|
z-index: 1;
|
|
4167
|
-
`,
|
|
4167
|
+
`,XE=d.default.div`
|
|
4168
4168
|
display: flex;
|
|
4169
4169
|
align-items: center;
|
|
4170
4170
|
min-height: 100%;
|
|
@@ -4172,30 +4172,30 @@ object-assign
|
|
|
4172
4172
|
border-radius: 0 4px 4px 0;
|
|
4173
4173
|
overflow: auto;
|
|
4174
4174
|
scrollbar-width: none;
|
|
4175
|
-
background: ${({$variant:e,theme:t})=>
|
|
4175
|
+
background: ${({$variant:e,theme:t})=>xE(t)[e].background};
|
|
4176
4176
|
|
|
4177
4177
|
&::-webkit-scrollbar {
|
|
4178
4178
|
display: none;
|
|
4179
4179
|
}
|
|
4180
4180
|
|
|
4181
|
-
&:where(${
|
|
4181
|
+
&:where(${EE}[data-small="true"] *) {
|
|
4182
4182
|
display: none;
|
|
4183
4183
|
}
|
|
4184
|
-
`,
|
|
4184
|
+
`,JE=d.default.div`
|
|
4185
4185
|
flex-grow: 1;
|
|
4186
4186
|
display: flex;
|
|
4187
4187
|
gap: 5px;
|
|
4188
4188
|
white-space: nowrap;
|
|
4189
|
-
`,
|
|
4189
|
+
`,UE={small:"26px",medium:"30px",large:"38px"},QE=d.default.button`
|
|
4190
4190
|
position: absolute;
|
|
4191
4191
|
inset: 0 0 0 auto;
|
|
4192
4192
|
display: none;
|
|
4193
4193
|
place-items: center;
|
|
4194
|
-
width: ${({$size:e="medium"})=>
|
|
4194
|
+
width: ${({$size:e="medium"})=>UE[e]};
|
|
4195
4195
|
border: 0;
|
|
4196
4196
|
outline-offset: -1px;
|
|
4197
4197
|
color: ${({theme:e})=>e.palette.black};
|
|
4198
|
-
background-color: ${({$variant:e,theme:t})=>
|
|
4198
|
+
background-color: ${({$variant:e,theme:t})=>xE(t)[e].background};
|
|
4199
4199
|
box-shadow: -2px 0px 4px rgba(4, 28, 51, 0.16);
|
|
4200
4200
|
cursor: pointer;
|
|
4201
4201
|
transition: background-color 0.2s ease;
|
|
@@ -4211,10 +4211,10 @@ object-assign
|
|
|
4211
4211
|
display: grid;
|
|
4212
4212
|
}
|
|
4213
4213
|
|
|
4214
|
-
&:where(${
|
|
4214
|
+
&:where(${EE}[data-small="true"] *) {
|
|
4215
4215
|
position: static;
|
|
4216
4216
|
display: grid;
|
|
4217
|
-
width: ${({$size:e="medium"})=>
|
|
4217
|
+
width: ${({$size:e="medium"})=>UE[e]};
|
|
4218
4218
|
aspect-ratio: 1;
|
|
4219
4219
|
border: 1px solid ${({theme:e})=>e.palette.divider};
|
|
4220
4220
|
border-radius: 4px;
|
|
@@ -4227,7 +4227,7 @@ object-assign
|
|
|
4227
4227
|
}
|
|
4228
4228
|
}
|
|
4229
4229
|
|
|
4230
|
-
&:where(${
|
|
4230
|
+
&:where(${EE}[data-small="true"] *:active:not(:disabled)) {
|
|
4231
4231
|
padding-top: 4px;
|
|
4232
4232
|
background: ${g.neutral.highlight};
|
|
4233
4233
|
box-shadow: ${ai(2,.04,g.black)};
|
|
@@ -4242,7 +4242,7 @@ object-assign
|
|
|
4242
4242
|
background-color: transparent;
|
|
4243
4243
|
pointer-events: none;
|
|
4244
4244
|
}
|
|
4245
|
-
`,
|
|
4245
|
+
`,qE=d.default.div`
|
|
4246
4246
|
position: relative;
|
|
4247
4247
|
flex-grow: 1;
|
|
4248
4248
|
min-width: 100px;
|
|
@@ -4268,7 +4268,7 @@ object-assign
|
|
|
4268
4268
|
width: 20px;
|
|
4269
4269
|
color: ${({theme:e})=>e.palette.icon.line};
|
|
4270
4270
|
pointer-events: none;
|
|
4271
|
-
`;const
|
|
4271
|
+
`;const KE=d.default.div`
|
|
4272
4272
|
display: grid;
|
|
4273
4273
|
grid-template:
|
|
4274
4274
|
"title title"
|
|
@@ -4296,7 +4296,7 @@ object-assign
|
|
|
4296
4296
|
"bottom";
|
|
4297
4297
|
gap: 16px;
|
|
4298
4298
|
}
|
|
4299
|
-
`,
|
|
4299
|
+
`,eI=d.default((({className:e,children:t})=>c.default.createElement("div",{className:e},c.default.createElement(KE,null,t))))`
|
|
4300
4300
|
container-type: inline-size;
|
|
4301
4301
|
position: absolute;
|
|
4302
4302
|
inset: 20px;
|
|
@@ -4305,7 +4305,7 @@ object-assign
|
|
|
4305
4305
|
align-items: center;
|
|
4306
4306
|
justify-content: center;
|
|
4307
4307
|
pointer-events: none;
|
|
4308
|
-
`,
|
|
4308
|
+
`,tI=d.default.div`
|
|
4309
4309
|
grid-area: title;
|
|
4310
4310
|
padding: 8px 16px;
|
|
4311
4311
|
margin: 0 -16px;
|
|
@@ -4314,20 +4314,20 @@ object-assign
|
|
|
4314
4314
|
font-size: 16px;
|
|
4315
4315
|
color: ${({theme:e})=>e.palette.black};
|
|
4316
4316
|
background: ${({theme:e})=>e.palette.neutral.ultraLight};
|
|
4317
|
-
`,
|
|
4317
|
+
`,nI=d.default.div`
|
|
4318
4318
|
grid-area: left;
|
|
4319
4319
|
min-width: 0;
|
|
4320
|
-
`,
|
|
4320
|
+
`,rI=d.default.div`
|
|
4321
4321
|
grid-area: right;
|
|
4322
4322
|
min-width: 0;
|
|
4323
|
-
`,
|
|
4323
|
+
`,aI=d.default.p`
|
|
4324
4324
|
margin: 0 0 4px;
|
|
4325
4325
|
/* UI/Text 13 bold */
|
|
4326
4326
|
font-weight: 700;
|
|
4327
4327
|
font-size: 13px;
|
|
4328
4328
|
line-height: 16px;
|
|
4329
4329
|
color: ${({theme:e})=>e.palette.black};
|
|
4330
|
-
`,
|
|
4330
|
+
`,iI=d.default.button`
|
|
4331
4331
|
display: grid;
|
|
4332
4332
|
grid-template:
|
|
4333
4333
|
"spacer spacer" 0
|
|
@@ -4361,7 +4361,7 @@ object-assign
|
|
|
4361
4361
|
box-shadow: 0 0 0 3px
|
|
4362
4362
|
${({theme:e})=>`${e.palette.primary.softLight}66`};
|
|
4363
4363
|
}
|
|
4364
|
-
`,
|
|
4364
|
+
`,oI=d.default.div`
|
|
4365
4365
|
grid-area: spacer;
|
|
4366
4366
|
display: flex;
|
|
4367
4367
|
gap: 2px;
|
|
@@ -4372,7 +4372,7 @@ object-assign
|
|
|
4372
4372
|
font-size: 13px;
|
|
4373
4373
|
line-height: 16px;
|
|
4374
4374
|
text-align: left;
|
|
4375
|
-
`,
|
|
4375
|
+
`,lI=d.default.div`
|
|
4376
4376
|
grid-area: label;
|
|
4377
4377
|
display: flex;
|
|
4378
4378
|
gap: 2px;
|
|
@@ -4383,12 +4383,12 @@ object-assign
|
|
|
4383
4383
|
line-height: 16px;
|
|
4384
4384
|
text-align: left;
|
|
4385
4385
|
color: ${({theme:e})=>e.palette.black};
|
|
4386
|
-
`,
|
|
4386
|
+
`,sI=d.default.div`
|
|
4387
4387
|
grid-area: downArrow;
|
|
4388
4388
|
display: flex;
|
|
4389
4389
|
align-items: center;
|
|
4390
4390
|
justify-content: center;
|
|
4391
|
-
`,
|
|
4391
|
+
`,cI=d.default.div`
|
|
4392
4392
|
position: relative;
|
|
4393
4393
|
display: flex;
|
|
4394
4394
|
gap: 6px;
|
|
@@ -4407,14 +4407,14 @@ object-assign
|
|
|
4407
4407
|
box-shadow: 0 0 0 3px
|
|
4408
4408
|
${({theme:e})=>`${e.palette.primary.softLight}66`};
|
|
4409
4409
|
}
|
|
4410
|
-
`,
|
|
4410
|
+
`,dI=d.default.button`
|
|
4411
4411
|
position: absolute;
|
|
4412
4412
|
inset: 0;
|
|
4413
4413
|
border: 0;
|
|
4414
4414
|
padding: 0;
|
|
4415
4415
|
background: transparent;
|
|
4416
4416
|
cursor: text;
|
|
4417
|
-
`,
|
|
4417
|
+
`,uI=d.default.div`
|
|
4418
4418
|
isolation: isolate;
|
|
4419
4419
|
display: grid;
|
|
4420
4420
|
grid-template-columns: 0px min-content;
|
|
@@ -4432,12 +4432,12 @@ object-assign
|
|
|
4432
4432
|
outline: none;
|
|
4433
4433
|
background: transparent;
|
|
4434
4434
|
}
|
|
4435
|
-
`,
|
|
4435
|
+
`,pI=d.default.div`
|
|
4436
4436
|
visibility: hidden;
|
|
4437
4437
|
white-space: pre;
|
|
4438
4438
|
grid-area: 1 / 2;
|
|
4439
4439
|
font: inherit;
|
|
4440
|
-
`,
|
|
4440
|
+
`,fI=d.default.button`
|
|
4441
4441
|
position: absolute;
|
|
4442
4442
|
inset: 0 8px 0 auto;
|
|
4443
4443
|
display: grid;
|
|
@@ -4448,7 +4448,7 @@ object-assign
|
|
|
4448
4448
|
color: ${({theme:e})=>e.palette.black};
|
|
4449
4449
|
background: transparent;
|
|
4450
4450
|
cursor: pointer;
|
|
4451
|
-
`,
|
|
4451
|
+
`,mI=d.default.ul`
|
|
4452
4452
|
grid-area: bottom;
|
|
4453
4453
|
display: flex;
|
|
4454
4454
|
gap: 8px;
|
|
@@ -4456,7 +4456,7 @@ object-assign
|
|
|
4456
4456
|
padding: 16px 0 0;
|
|
4457
4457
|
border-top: 1px solid ${({theme:e})=>e.palette.neutral.softLight};
|
|
4458
4458
|
list-style: none;
|
|
4459
|
-
`,
|
|
4459
|
+
`,hI=({isOpen:n,title:r,values:a,selectedIndex:i,selectOptions:o,onApply:l,onClose:s,menuIconSize:d})=>{const[u,p]=e.useState(""),[f,m]=e.useState(!1),[h,g]=e.useState([]),[b,v]=e.useState(0),[x,y]=e.useState(!1),w=t.useTheme(),C=e.useCallback((e=>{const t=e.trim();""===t||h.includes(t)||g([...h,t]),p("")}),[h]),E=e.useMemo((()=>o.map((e=>Object.assign(Object.assign({},e),{icon:c.default.cloneElement(e.icon,{size:d,color:w.palette.black})})))),[o,d,w.palette.black]),I=e.useMemo((()=>E.reduce(((e,t)=>t.label.length>e.label.length?t:e),E[0])),[E]),k=e.useRef(null),M=e.useCallback((e=>{v(e),y(!1)}),[]),$=e.useCallback((()=>{var e;null===(e=k.current)||void 0===e||e.focus()}),[]),A=e.useCallback((e=>{const t=[...h];t.splice(e,1),g(t)}),[h]),S=e.useCallback((e=>{f||e.target instanceof HTMLInputElement&&("Backspace"!==e.key||0!==e.target.selectionStart?"Enter"===e.key&&C(e.target.value):g(h.slice(0,-1)))}),[h,f,C]),V=e.useCallback((()=>{g([]),p(""),m(!1)}),[]),L=e.useCallback((()=>{s()}),[s]),O=e.useCallback((()=>{l(h,b),s()}),[h,b,l,s]),H=e.useCallback((e=>{p(e.target.value)}),[]),D=e.useCallback((()=>{m(!0)}),[]),R=e.useCallback((()=>{m(!1)}),[]),N=e.useCallback((()=>{C(u)}),[u,C]),T=e.useMemo((()=>h.map(((e,t)=>c.default.createElement(ME,{key:e,size:"medium",variant:"light",label:e,onRemove:()=>A(t)})))),[h,A]),Z=e.useMemo((()=>E.map((({label:e,icon:t},n)=>c.default.createElement(ni,{key:e,prepend:t,checked:b===n,onChange:()=>M(n)},e)))),[E,b,M]),B=e.useMemo((()=>c.default.createElement(c.default.Fragment,null,c.default.cloneElement(E[b].icon,{size:d}),E[b].label)),[E,b,d]);return e.useEffect((()=>{n&&(g(a),v(i))}),[n,i,a]),c.default.createElement($f,{isOpen:n,onClose:s},c.default.createElement(Qs,{in:n},c.default.createElement(eI,null,c.default.createElement(tI,null,r),c.default.createElement(nI,null,c.default.createElement(aI,null,"条件"),c.default.createElement(to,null,c.default.createElement(eo,{open:x,trigger:c.default.createElement(iI,null,c.default.createElement(oI,{role:"presentation"},I.icon,I.label),c.default.createElement(lI,null,B),c.default.createElement(sI,null,c.default.createElement(z,{name:"arrow_down",color:"currentColor"}))),onOpenChange:y},Z))),c.default.createElement(rI,null,c.default.createElement(aI,null,"値"),c.default.createElement(cI,null,c.default.createElement(dI,{type:"button",onClick:$}),T,c.default.createElement(uI,null,c.default.createElement("input",{ref:k,type:"text","aria-label":"フィルターする値",value:u,onChange:H,onCompositionStart:D,onCompositionEnd:R,onKeyDown:S,onBlur:N}),c.default.createElement(pI,null,u)),c.default.createElement(fI,{type:"button",onClick:V},c.default.createElement(z,{name:"close_circle",type:"fill",color:"currentColor"})))),c.default.createElement(mI,null,c.default.createElement("li",null,c.default.createElement(Lo,{size:"small",color:"clear",onClick:L},"キャンセル")),c.default.createElement("li",null,c.default.createElement(Lo,{size:"small",onClick:O},"適用"))))))},gI=d.default.div`
|
|
4460
4460
|
position: fixed;
|
|
4461
4461
|
${({isOpen:e,height:t,offset:n,placement:r})=>`${r}: ${e?`${n}px`:""+(0!==t?`calc(${-t}px - 10px)`:"-100vh")}`};
|
|
4462
4462
|
width: 100%;
|
|
@@ -4465,22 +4465,22 @@ object-assign
|
|
|
4465
4465
|
border-bottom: 1px solid ${({theme:e})=>e.palette.neutral.softLight};
|
|
4466
4466
|
transition: all 0.3s;
|
|
4467
4467
|
z-index: 1;
|
|
4468
|
-
`,
|
|
4468
|
+
`,bI=c.forwardRef((function({isOpen:e,placement:t="top",offset:n=0,children:r},a){const[i,o]=c.useState(null),l=qs(a,o);return c.createElement(gI,{ref:l,height:(null==i?void 0:i.clientHeight)||0,offset:n,isOpen:e,placement:t},r)})),vI=d.default.div`
|
|
4469
4469
|
display: flex;
|
|
4470
4470
|
align-items: flex-start;
|
|
4471
|
-
`,vI=d.default.div`
|
|
4472
|
-
padding: ${({theme:e})=>2*e.spacing}px;
|
|
4473
4471
|
`,xI=d.default.div`
|
|
4472
|
+
padding: ${({theme:e})=>2*e.spacing}px;
|
|
4473
|
+
`,yI=d.default.div`
|
|
4474
4474
|
cursor: pointer;
|
|
4475
4475
|
padding: ${({theme:e})=>e.spacing}px;
|
|
4476
|
-
`,
|
|
4476
|
+
`,wI=c.forwardRef((function({baseElement:e,positionPriority:t=["right-start"],offset:n=[0,10],isOpen:r,onClose:a,popoverProps:i,children:o},l){const s=L();return c.createElement(Bf,Object.assign({isOpen:r,baseElement:e,positionPriority:t,offset:n,onClose:a},i),c.createElement(vI,{ref:l},c.createElement(xI,null,o),c.createElement(yI,{onClick:e=>{a&&a(e,"clickCloseIcon")}},c.createElement(z,{name:"close",color:s.palette.black}))))})),CI=t.keyframes`
|
|
4477
4477
|
0% {
|
|
4478
4478
|
transform: translate(-50%, 0%);
|
|
4479
4479
|
}
|
|
4480
4480
|
100% {
|
|
4481
4481
|
transform: translate(-50%, -48%);
|
|
4482
4482
|
}
|
|
4483
|
-
`,
|
|
4483
|
+
`,EI=d.default(cp)`
|
|
4484
4484
|
position: absolute;
|
|
4485
4485
|
top: 50%;
|
|
4486
4486
|
left: 50%;
|
|
@@ -4490,20 +4490,20 @@ object-assign
|
|
|
4490
4490
|
transform: translate(-50%, -48%);
|
|
4491
4491
|
border-radius: 8px 8px 0 0;
|
|
4492
4492
|
background-color: ${({theme:e})=>e.palette.background.default};
|
|
4493
|
-
animation: ${
|
|
4493
|
+
animation: ${CI} 0.4s;
|
|
4494
4494
|
overflow: hidden;
|
|
4495
|
-
`,
|
|
4495
|
+
`,II=d.default.div`
|
|
4496
4496
|
display: flex;
|
|
4497
4497
|
justify-content: space-between;
|
|
4498
4498
|
align-items: center;
|
|
4499
4499
|
padding: ${({theme:e})=>2*e.spacing}px
|
|
4500
4500
|
${({theme:e})=>3*e.spacing}px;
|
|
4501
4501
|
border-bottom: 1px solid ${({theme:e})=>e.palette.neutral.softLight};
|
|
4502
|
-
`,
|
|
4502
|
+
`,kI=d.default.div`
|
|
4503
4503
|
display: flex;
|
|
4504
4504
|
align-items: center;
|
|
4505
4505
|
max-width: 70%;
|
|
4506
|
-
`,
|
|
4506
|
+
`,MI=d.default.div`
|
|
4507
4507
|
margin-bottom: ${({showFooter:e,theme:t})=>e?2*t.spacing*2+42:0}px;
|
|
4508
4508
|
${({overflowYScroll:e,showFooter:n,theme:r})=>e?Sf({maxHeight:"auto",height:`calc(100vh - ${2*r.spacing*2+42+(n?61:0)}px)`}):t.css`
|
|
4509
4509
|
overflow-y: visible;
|
|
@@ -4512,7 +4512,7 @@ object-assign
|
|
|
4512
4512
|
100vh - ${2*r.spacing*2+42+(n?61:0)}px
|
|
4513
4513
|
);
|
|
4514
4514
|
`}
|
|
4515
|
-
|
|
4515
|
+
`,$I=d.default.div`
|
|
4516
4516
|
position: fixed;
|
|
4517
4517
|
left: 0;
|
|
4518
4518
|
bottom: 0;
|
|
@@ -4525,9 +4525,9 @@ object-assign
|
|
|
4525
4525
|
background-color: ${({theme:e})=>e.palette.neutral.highlight};
|
|
4526
4526
|
border-radius: 0;
|
|
4527
4527
|
margin-bottom: 1.8vh;
|
|
4528
|
-
`,$I=d.default.div`
|
|
4529
|
-
cursor: pointer;
|
|
4530
4528
|
`,AI=d.default.div`
|
|
4529
|
+
cursor: pointer;
|
|
4530
|
+
`,SI=d.default.div`
|
|
4531
4531
|
position: fixed;
|
|
4532
4532
|
top: 0;
|
|
4533
4533
|
left: 0;
|
|
@@ -4537,38 +4537,38 @@ object-assign
|
|
|
4537
4537
|
display: flex;
|
|
4538
4538
|
justify-content: center;
|
|
4539
4539
|
align-items: center;
|
|
4540
|
-
`,
|
|
4541
|
-
&.${
|
|
4540
|
+
`,VI=c.forwardRef((function(e,t){re("FullSizeConfirmModal","FullSizeConfirmModal は非推奨です。代わりに Drawer を使用してください。");const n=_c({props:e,name:"FullSizeConfirmModal"}),{title:r,confirmText:a="Confirm",cancelText:i="Cancel",children:o,onClose:l,onSubmit:s,buttonColor:d="primary",isOpen:u=!0,disabled:p,loading:f,overflowYScroll:m=!0,disableHorizontalPadding:h=!1,subActions:g,modalProps:b,fadeProps:v}=n,x=L(),y=!!s,w=e=>t=>{l&&l(t,e)};return c.createElement($f,Object.assign({isOpen:u,onClose:l},b),c.createElement(Qs,Object.assign({in:u,unmountOnExit:!0},v),c.createElement(EI,{ref:t,role:"dialog","aria-modal":"true","aria-label":r},c.createElement("form",{onSubmit:s},c.createElement(II,null,c.createElement(kI,null,c.createElement(ee,{weight:"bold",size:"xxxl"},r),g&&c.createElement(vo,{pl:2},c.createElement(Z,{display:"flex",alignItems:"center",gap:1},g.map(((e,t)=>c.createElement(c.Fragment,{key:t},e)))))),c.createElement(AI,{onClick:w("clickCloseIcon")},c.createElement(z,{name:"close",size:"lg",color:x.palette.black}))),c.createElement(MI,{overflowYScroll:m,showFooter:y},h?o:c.createElement(vo,{px:3,pb:3},o)),y&&c.createElement($I,null,c.createElement(Z,{display:"flex",alignItems:"center"},c.createElement(Lo,{type:"button",color:"secondaryLight",inline:!0,onClick:w("clickCancelButton")},i),c.createElement(vo,{pr:2}),c.createElement(Lo,{type:"submit",color:d,disabled:p,inline:!0},a)))),f&&c.createElement(SI,null,c.createElement(ko,null)))))})),LI="grow-transition",OI=d.default(Hs)`
|
|
4541
|
+
&.${LI}-enter, &.${LI}-appear {
|
|
4542
4542
|
transform: scale(0);
|
|
4543
4543
|
}
|
|
4544
4544
|
|
|
4545
|
-
&.${
|
|
4545
|
+
&.${LI}-enter-active, &.${LI}-appear-active {
|
|
4546
4546
|
transform: none;
|
|
4547
4547
|
transition: transform ${({timeout:e})=>Xs(e,"enter")}ms;
|
|
4548
4548
|
}
|
|
4549
4549
|
|
|
4550
|
-
&.${
|
|
4550
|
+
&.${LI}-exit {
|
|
4551
4551
|
transform: none;
|
|
4552
4552
|
}
|
|
4553
4553
|
|
|
4554
|
-
&.${
|
|
4554
|
+
&.${LI}-exit-active {
|
|
4555
4555
|
transform: scale(0);
|
|
4556
4556
|
transition: transform ${({timeout:e})=>Xs(e,"exit")}ms;
|
|
4557
4557
|
}
|
|
4558
4558
|
|
|
4559
|
-
&.${
|
|
4559
|
+
&.${LI}-exit-done {
|
|
4560
4560
|
transform: scale(0);
|
|
4561
4561
|
}
|
|
4562
|
-
`,
|
|
4562
|
+
`,HI={xs:{iconSize:14,fontSize:12,gap:"2px"},small:{iconSize:16,fontSize:13,gap:"4px"},medium:{iconSize:18,fontSize:14,gap:"6px"},large:{iconSize:20,fontSize:16,gap:"6px"}},DI=d.default.span`
|
|
4563
4563
|
color: ${({$color:e})=>e};
|
|
4564
4564
|
${C}
|
|
4565
|
-
`,
|
|
4565
|
+
`,RI=d.default.a`
|
|
4566
4566
|
display: inline-flex;
|
|
4567
4567
|
width: fit-content;
|
|
4568
4568
|
align-items: center;
|
|
4569
4569
|
vertical-align: middle;
|
|
4570
|
-
gap: ${({$size:e})=>
|
|
4571
|
-
font-size: ${({$size:e})=>`${
|
|
4570
|
+
gap: ${({$size:e})=>HI[e].gap};
|
|
4571
|
+
font-size: ${({$size:e})=>`${HI[e].fontSize}px`};
|
|
4572
4572
|
text-decoration: none;
|
|
4573
4573
|
border-radius: ${({theme:e})=>e.radius/2}px;
|
|
4574
4574
|
transition: background-color 0.3s ease;
|
|
@@ -4581,7 +4581,7 @@ object-assign
|
|
|
4581
4581
|
background-color: ${n.palette.primary.highlight};
|
|
4582
4582
|
}
|
|
4583
4583
|
`}
|
|
4584
|
-
`;function
|
|
4584
|
+
`;function zI(e,t,n){return c.default.isValidElement(e)?c.default.cloneElement(e,{size:HI[t].iconSize,color:n}):e}const NI=t.keyframes`
|
|
4585
4585
|
0% {
|
|
4586
4586
|
right: 100%;
|
|
4587
4587
|
left: -35%;
|
|
@@ -4596,7 +4596,7 @@ object-assign
|
|
|
4596
4596
|
right: -90%;
|
|
4597
4597
|
left: 100%;
|
|
4598
4598
|
}
|
|
4599
|
-
`,
|
|
4599
|
+
`,TI=t.keyframes`
|
|
4600
4600
|
0% {
|
|
4601
4601
|
right: 100%;
|
|
4602
4602
|
left: -200%;
|
|
@@ -4611,7 +4611,7 @@ object-assign
|
|
|
4611
4611
|
right: -8%;
|
|
4612
4612
|
left: 107%;
|
|
4613
4613
|
}
|
|
4614
|
-
`,
|
|
4614
|
+
`,ZI=d.default.span.attrs({role:"progressbar","aria-label":"読み込み中","aria-busy":!0})`
|
|
4615
4615
|
position: relative;
|
|
4616
4616
|
display: block;
|
|
4617
4617
|
overflow: hidden;
|
|
@@ -4632,21 +4632,21 @@ object-assign
|
|
|
4632
4632
|
}
|
|
4633
4633
|
|
|
4634
4634
|
&::before {
|
|
4635
|
-
animation: ${
|
|
4635
|
+
animation: ${NI} 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395)
|
|
4636
4636
|
infinite;
|
|
4637
4637
|
}
|
|
4638
4638
|
|
|
4639
4639
|
&::after {
|
|
4640
|
-
animation: ${
|
|
4640
|
+
animation: ${TI} 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s
|
|
4641
4641
|
infinite;
|
|
4642
4642
|
}
|
|
4643
|
-
`,
|
|
4643
|
+
`,BI=d.default.div`
|
|
4644
4644
|
border: 1px solid
|
|
4645
4645
|
${({theme:e,isFocused:t})=>t?e.palette.primary.base:e.palette.divider};
|
|
4646
4646
|
border-radius: ${({theme:e})=>e.radius}px;
|
|
4647
4647
|
display: flex;
|
|
4648
4648
|
background-color: ${({theme:e})=>e.palette.background.default};
|
|
4649
|
-
`,
|
|
4649
|
+
`,PI=d.default.div`
|
|
4650
4650
|
display: flex;
|
|
4651
4651
|
align-items: center;
|
|
4652
4652
|
flex-wrap: wrap;
|
|
@@ -4658,48 +4658,48 @@ object-assign
|
|
|
4658
4658
|
flex-grow: 1;
|
|
4659
4659
|
margin-bottom: 8px;
|
|
4660
4660
|
}
|
|
4661
|
-
`,
|
|
4661
|
+
`,_I=d.default.div`
|
|
4662
4662
|
padding-left: 8px;
|
|
4663
4663
|
margin-bottom: 8px;
|
|
4664
|
-
`,
|
|
4664
|
+
`,FI=d.default.div`
|
|
4665
4665
|
display: flex;
|
|
4666
4666
|
justify-content: center;
|
|
4667
4667
|
align-items: center;
|
|
4668
4668
|
padding-left: 8px;
|
|
4669
4669
|
flex-grow: 0;
|
|
4670
|
-
`,
|
|
4670
|
+
`,GI=d.default.div`
|
|
4671
4671
|
padding-top: 8px;
|
|
4672
4672
|
padding-bottom: 8px;
|
|
4673
4673
|
flex-grow: 1;
|
|
4674
4674
|
min-height: 40px;
|
|
4675
4675
|
display: flex;
|
|
4676
4676
|
align-items: center;
|
|
4677
|
-
`,
|
|
4677
|
+
`,jI=d.default.div`
|
|
4678
4678
|
flex-grow: 0;
|
|
4679
4679
|
display: flex;
|
|
4680
4680
|
align-items: center;
|
|
4681
4681
|
padding-right: 19px;
|
|
4682
|
-
`,
|
|
4682
|
+
`,YI=d.default.div``,WI=d.default(cp)`
|
|
4683
4683
|
box-shadow: ${({theme:e})=>ai(5,e.palette.action.shadowOpacity,e.palette.action.shadowBase)};
|
|
4684
4684
|
min-width: 300px;
|
|
4685
4685
|
width: ${({width:e})=>e};
|
|
4686
4686
|
border-radius: ${({theme:e})=>`${e.radius}px`};
|
|
4687
4687
|
background-color: ${({theme:e})=>e.palette.background.default};
|
|
4688
|
-
`,
|
|
4688
|
+
`,XI=d.default.div`
|
|
4689
4689
|
display: flex;
|
|
4690
4690
|
justify-content: space-between;
|
|
4691
4691
|
align-items: center;
|
|
4692
4692
|
padding: ${({theme:e})=>2*e.spacing}px
|
|
4693
4693
|
${({theme:e})=>3*e.spacing}px;
|
|
4694
4694
|
border-bottom: 1px solid ${({theme:e})=>e.palette.neutral.lighter};
|
|
4695
|
-
`,XI=d.default.div`
|
|
4696
|
-
cursor: pointer;
|
|
4697
4695
|
`,JI=d.default.div`
|
|
4696
|
+
cursor: pointer;
|
|
4697
|
+
`,UI=d.default.div`
|
|
4698
4698
|
padding: ${({theme:e})=>2*e.spacing}px
|
|
4699
4699
|
${({theme:e})=>3*e.spacing}px;
|
|
4700
|
-
`,
|
|
4700
|
+
`,QI=d.default.div`
|
|
4701
4701
|
text-align: right;
|
|
4702
|
-
`,
|
|
4702
|
+
`,qI=d.default.div``,KI=d.default.div`
|
|
4703
4703
|
position: relative;
|
|
4704
4704
|
display: flex;
|
|
4705
4705
|
align-items: center;
|
|
@@ -4710,37 +4710,37 @@ object-assign
|
|
|
4710
4710
|
${({hasRightIcon:e})=>e?"padding-right: 32px":""};
|
|
4711
4711
|
${({hasLeftIcon:e})=>e?"padding-left: 35px":""};
|
|
4712
4712
|
}
|
|
4713
|
-
`,
|
|
4713
|
+
`,ek=d.default.div`
|
|
4714
4714
|
position: absolute;
|
|
4715
4715
|
top: 50%;
|
|
4716
4716
|
transform: translateY(-50%);
|
|
4717
4717
|
cursor: pointer;
|
|
4718
|
-
`,
|
|
4718
|
+
`,tk=d.default(ek)`
|
|
4719
4719
|
left: 10px;
|
|
4720
|
-
`,
|
|
4720
|
+
`,nk=d.default(ek)`
|
|
4721
4721
|
right: 10px;
|
|
4722
|
-
`,
|
|
4722
|
+
`,rk=c.forwardRef((function(e,t){var{errorText:n,icon:r,type:a,inputRef:i}=e,o=p(e,["errorText","icon","type","inputRef"]);re("TextField","TextField は非推奨です。代わりに Input（＋必要なら ErrorText）を使用してください。");const[l,s]=c.useState(!1),d=L(),u=()=>{s(!l)};return c.createElement(qI,{ref:t},c.createElement(KI,{hasLeftIcon:null!=r,hasRightIcon:"password"===a},null!=r&&c.createElement(tk,{onClick:u},c.createElement(z,{name:r,size:"md",color:d.palette.neutral.base})),c.createElement(Bi,Object.assign({ref:i},o,{error:!!n,type:l?"text":a})),"password"===a&&c.createElement(nk,{onClick:u},c.createElement(z,{name:l?"eye":"eye_off",size:"md",color:d.palette.black}))),n&&c.createElement(vo,{pt:1},c.createElement(Ic,null,n)))})),ak=e=>{var n,r;const a=_c({props:e,name:"FilterCard"}),{onClose:i,onApply:o,selectedFilterPack:l,applyButtonTitle:s="Apply",inputErrorText:d="Please input",formPlaceholder:u="search",width:p,currentReferredFilters:f,sectionTitle:m="Section",conditionTitle:h=""}=a,g=t.useTheme(),b=(null!==(r=null===(n=null==l?void 0:l.filters)||void 0===n?void 0:n.length)&&void 0!==r?r:0)>1,[v,x]=c.useState(),[y,w]=c.useState(),[C,E]=c.useState(b||null==l?void 0:l.filters[0]),[I,k]=c.useState(""),M=null==l?void 0:l.filters.find((e=>e.filterName===(null==C?void 0:C.filterName))),$=null==l?void 0:l.filters.map((e=>({label:e.filterName,value:e.filterName}))),A=e=>{k(""),w(e.target.value)},S=e=>{e.target.value||k(d)},V=e=>{w(null==e?void 0:e.value)};return c.createElement(WI,{width:p},c.createElement(XI,null,c.createElement(ee,{weight:"bold",size:"xxl"},null==l?void 0:l.categoryName),c.createElement(vo,{pr:2}),c.createElement(JI,{key:"close",onClick:i},c.createElement(z,{name:"close",size:"md",color:g.palette.black}))),c.createElement(UI,null,b&&c.createElement(c.Fragment,null,c.createElement(ee,{weight:"bold",size:"lg"},(null==l?void 0:l.sectionTitle)||m),c.createElement(vo,{py:.5}),c.createElement(Pv,{maxMenuHeight:250,options:(e=>{const t=f.map((e=>e.filterName));return null==e?void 0:e.filter((e=>!t.includes(e.label)))})($),autoFocus:!0,onChange:e=>{if(k(""),null===e)return x(void 0),w(void 0),void E(void 0);const t=null==l?void 0:l.filters.find((t=>t.filterName===e.value));x(null==t?void 0:t.filterName),E(t)}}),c.createElement(vo,{py:1})),C&&c.createElement("div",null,c.createElement(ee,{weight:"bold",size:"lg"},(null==M?void 0:M.conditionTitle)||h),c.createElement(vo,{py:.5}),M&&(e=>{switch(null==e?void 0:e.control.type){case"text":return c.createElement(rk,{placeholder:u,icon:"search",name:"condition",errorText:I,autoFocus:!0,onChange:A,onBlur:S});case"select":const t=null==e?void 0:e.control.options;return c.createElement(Pv,{options:t.map((e=>({label:e,value:e}))),autoFocus:!0,onChange:V});case"boolean":return c.createElement("div",null,c.createElement(ix,{name:"condition",value:"true",autoFocus:!0,onChange:A,onBlur:S},"true"),c.createElement("br",null),c.createElement(ix,{name:"condition",value:"false",autoFocus:!0,onChange:A,onBlur:S},"false"))}})(M),c.createElement(vo,{py:1})),c.createElement(Rf,{orientation:"horizontal",color:g.palette.neutral.softLight,my:2}),c.createElement(QI,null,c.createElement(Lo,{size:"small",inline:!0,disabled:b&&!v||!y,onClick:()=>{const e={categoryName:null==l?void 0:l.categoryName,filterName:b?null==C?void 0:C.filterName:null==l?void 0:l.categoryName,filterType:null==C?void 0:C.control.type,filterCondition:y};o(e)}},s))))},ik=d.default(cp)`
|
|
4723
4723
|
box-shadow: 0px 0px 16px
|
|
4724
4724
|
${({theme:e})=>ri(e.palette.neutral.lighter,.4)};
|
|
4725
4725
|
min-width: 300px;
|
|
4726
4726
|
width: ${({width:e})=>e};
|
|
4727
4727
|
border-radius: ${({theme:e})=>`${e.radius}px`};
|
|
4728
4728
|
background-color: ${({theme:e})=>e.palette.background.default};
|
|
4729
|
-
`,
|
|
4729
|
+
`,ok=d.default.div`
|
|
4730
4730
|
display: flex;
|
|
4731
4731
|
justify-content: space-between;
|
|
4732
4732
|
align-items: center;
|
|
4733
4733
|
padding: ${({theme:e})=>2*e.spacing}px
|
|
4734
4734
|
${({theme:e})=>3*e.spacing}px;
|
|
4735
4735
|
border-bottom: 1px solid ${({theme:e})=>e.palette.neutral.lighter};
|
|
4736
|
-
`,ok=d.default.div`
|
|
4737
|
-
cursor: pointer;
|
|
4738
4736
|
`,lk=d.default.div`
|
|
4737
|
+
cursor: pointer;
|
|
4738
|
+
`,sk=d.default.div`
|
|
4739
4739
|
padding: ${({theme:e})=>2*e.spacing}px
|
|
4740
4740
|
${({theme:e})=>3*e.spacing}px;
|
|
4741
|
-
`,
|
|
4741
|
+
`,ck=d.default.div`
|
|
4742
4742
|
text-align: right;
|
|
4743
|
-
`,
|
|
4743
|
+
`,dk=e=>{var n,r;const a=_c({props:e,name:"EditFilterCard"}),{onClose:i,onEdit:o,willEditFilter:l,selectedFilterPack:s,editButtonTitle:d="Edit",inputErrorText:u="Please input",formPlaceholder:p="search",sectionTitle:f="Section",conditionTitle:m="",width:h}=a,g=t.useTheme(),[b,v]=c.useState(null==l?void 0:l.filterCondition),[x,y]=c.useState(""),w=null==s?void 0:s.filters.find((e=>e.filterName===(null==l?void 0:l.filterName))),C=e=>{y(""),v(e.target.value)},E=e=>{e.target.value||y(u)},I=e=>{v(null==e?void 0:e.value)};return c.createElement(ik,{width:h},c.createElement(ok,null,c.createElement(ee,{weight:"bold",size:"xxl"},null==l?void 0:l.categoryName),c.createElement(vo,{pr:2}),c.createElement(lk,{key:"close",onClick:i},c.createElement(z,{name:"close",size:"md",color:g.palette.black}))),c.createElement(sk,null,(null!==(r=null===(n=null==s?void 0:s.filters)||void 0===n?void 0:n.length)&&void 0!==r?r:0)>1&&c.createElement(c.Fragment,null,c.createElement(ee,{weight:"bold",size:"lg"},(null==s?void 0:s.sectionTitle)||f),c.createElement(vo,{py:.5}),c.createElement(rk,{readOnly:!0,value:null==l?void 0:l.filterName}),c.createElement(vo,{py:1})),c.createElement(ee,{weight:"bold",size:"lg"},(null==w?void 0:w.conditionTitle)||m),c.createElement(vo,{py:.5}),w&&(e=>{switch(null==e?void 0:e.control.type){case"text":return c.createElement(rk,{icon:"search",placeholder:p,name:"condition",value:b,errorText:x,onChange:C,onBlur:E});case"select":const t=null==e?void 0:e.control.options;return c.createElement(Pv,{maxMenuHeight:250,options:t.map((e=>({label:e,value:e}))),defaultValue:{label:null==l?void 0:l.filterCondition,value:null==l?void 0:l.filterCondition},onChange:I});case"boolean":return c.createElement("div",null,c.createElement(ix,{name:"condition",value:"true",defaultChecked:"true"===(null==l?void 0:l.filterCondition),onChange:C},"true"),c.createElement("br",null),c.createElement(ix,{name:"condition",value:"false",defaultChecked:"false"===(null==l?void 0:l.filterCondition),onChange:C},"false"))}})(w),c.createElement(vo,{py:1}),c.createElement(Rf,{orientation:"horizontal",color:g.palette.neutral.softLight,my:2}),c.createElement(ck,null,c.createElement(Lo,{size:"small",inline:!0,disabled:!b,onClick:()=>{const e={filterCondition:b,filterType:null==l?void 0:l.filterType,filterName:null==l?void 0:l.filterName,categoryName:null==l?void 0:l.categoryName};o(e)}},d))))},uk=0,pk=1,fk=2,mk=3,hk=d.default.div`
|
|
4744
4744
|
padding: 2px 8px;
|
|
4745
4745
|
width: auto;
|
|
4746
4746
|
height: auto;
|
|
@@ -4756,40 +4756,40 @@ object-assign
|
|
|
4756
4756
|
cursor: pointer;
|
|
4757
4757
|
background-color: ${({theme:e})=>e.palette.neutral.softLight};
|
|
4758
4758
|
}
|
|
4759
|
-
`,
|
|
4759
|
+
`,gk=d.default.div`
|
|
4760
4760
|
display: flex;
|
|
4761
4761
|
justify-content: center;
|
|
4762
4762
|
align-items: center;
|
|
4763
|
-
`,
|
|
4763
|
+
`,bk=d.default.div`
|
|
4764
4764
|
padding-left: 8px;
|
|
4765
|
-
`,
|
|
4765
|
+
`,vk=d.default.div``,xk=({filter:e,onRemove:t,onClick:n})=>{const r=L();return c.createElement(hk,null,c.createElement(gk,{onClick:t=>{n(t,e)}},c.createElement(ee,{size:"sm",component:"span"},e.filterName,": "),c.createElement(ee,{size:"sm",component:"span",weight:"bold"},"boolean"==typeof(a=e.filterCondition)?a?"Yes":"No":a)),c.createElement(bk,null,c.createElement(vk,{onClick:()=>{t(e)}},c.createElement(z,{name:"close_circle",color:r.palette.black,type:"fill"}))));var a},yk=c.forwardRef((function(e,t){re("MultipleFilter","MultipleFilter は非推奨です。代わりに AdvancedFilter を使用してください。");const n=_c({props:e,name:"MultipleFilter"}),{filterPacks:r,onChange:a,placeholder:i="Add a new filter",editButtonTitle:o,applyButtonTitle:l,inputErrorText:s,formPlaceholder:d,width:u}=n,[p,f]=c.useState(!1),[m,h]=c.useState(null),g=L(),[b,v]=c.useState(null),[x,y]=c.useState(null),[w,C]=c.useState(null),E=((e,t,n)=>e?n?mk:null===t?pk:null!==t?fk:uk:uk)(p,m,w),[I,k]=c.useState([]),M=()=>{h(null),f(!1),C(null)},$=e=>{const t=I.filter((t=>t.filterName!==e.filterName));k(t),void 0!==a&&a(t)},A=(e,t)=>{const n=null==r?void 0:r.find((e=>e.categoryName===t.categoryName));n&&(1===n.filters.length&&(n.filters[0].filterName=n.categoryName),y(e.currentTarget),f(!0),h(n),C(t))};return c.createElement(c.Fragment,null,c.createElement(BI,{ref:t,isFocused:E!==uk},c.createElement(FI,null,c.createElement(z,{name:"search",size:"md",color:g.palette.neutral.base})),c.createElement(GI,null,c.createElement(PI,null,I.map((e=>c.createElement(_I,{key:e.filterName},c.createElement(xk,{filter:e,onRemove:$,onClick:A})))),c.createElement(Bi,{ref:v,readOnly:!0,type:"text",placeholder:i,onClick:()=>{f(!0)}})),E===pk&&c.createElement(Bf,{baseElement:b},c.createElement(Pf,{contents:null==r?void 0:r.filter((e=>e.filters.length!==I.filter((t=>t.categoryName===e.categoryName)).length)).map((e=>{return{onClick:(t=e,()=>{h(t)}),text:e.categoryName};var t})),baseElement:b,onClose:(e,t)=>{"backdropClick"===t&&f(!1)}}))),c.createElement(jI,null,0!==I.length&&c.createElement(YI,{onClick:()=>{k([]),void 0!==a&&a([])}},c.createElement(z,{name:"close_circle",color:g.palette.black,type:"fill"})))),E===fk&&c.createElement(Bf,{baseElement:b,positionPriority:["bottom-start"],onClose:M},c.createElement(ak,{applyButtonTitle:l,currentReferredFilters:I,selectedFilterPack:null==r?void 0:r.find((e=>e.categoryName===(null==m?void 0:m.categoryName))),inputErrorText:s,formPlaceholder:d,width:u,onApply:e=>{const t=I.concat([e]);k(t),void 0!==a&&a(t),h(null),f(!1)},onClose:M})),E===mk&&c.createElement(Bf,{baseElement:x,positionPriority:["bottom-start"],onClose:M},c.createElement(dk,{editButtonTitle:o,willEditFilter:w,selectedFilterPack:null==r?void 0:r.find((e=>e.categoryName===(null==w?void 0:w.categoryName))),inputErrorText:s,formPlaceholder:d,width:u,onEdit:e=>{const t=I.findIndex((t=>t.filterName===e.filterName));I[t].filterCondition!==e.filterCondition&&k((n=>{const r=[...n];return r[t]=e,null==a||a(r),r})),f(!1),h(null),C(null)},onClose:M})))})),wk="64px",Ck="256px",Ek="72px",Ik="72px",kk="56px",Mk="56px",$k=.3,Ak=d.default.div`
|
|
4766
4766
|
position: fixed;
|
|
4767
4767
|
display: flex;
|
|
4768
4768
|
flex-direction: column;
|
|
4769
4769
|
justify-content: ${({isMobile:e})=>e?"flex-start":"space-between"};
|
|
4770
4770
|
height: 100%;
|
|
4771
|
-
width: ${({isOpen:e,isFixed:t})=>e||t?wk
|
|
4771
|
+
width: ${({isOpen:e,isFixed:t})=>e||t?Ck:wk};
|
|
4772
4772
|
background-color: ${({theme:e})=>e.palette.background.default};
|
|
4773
4773
|
border-right: ${({theme:e,isOpen:t,isFixed:n})=>t&&!n?"none":`1px solid ${e.palette.neutral.softLight}`};
|
|
4774
4774
|
box-shadow: ${({isOpen:e,isFixed:t,theme:n})=>e&&!t?`0px 0px ${2*n.spacing}px ${ri(n.palette.neutral.base,4*n.palette.action.shadowOpacity)}`:"none"};
|
|
4775
4775
|
box-sizing: content-box;
|
|
4776
4776
|
overflow-x: hidden;
|
|
4777
4777
|
z-index: ${({theme:e})=>e.depth.drawer};
|
|
4778
|
-
transition: width ${
|
|
4778
|
+
transition: width ${$k}s;
|
|
4779
4779
|
|
|
4780
4780
|
/* Mobile styles */
|
|
4781
4781
|
@media (max-width: ${y.MOBILE}px) {
|
|
4782
|
-
width: ${
|
|
4782
|
+
width: ${Ck};
|
|
4783
4783
|
right: 0;
|
|
4784
4784
|
transform: translateX(
|
|
4785
4785
|
${({isMobileMenuOpen:e})=>e?"0":"100%"}
|
|
4786
4786
|
);
|
|
4787
|
-
transition: transform ${
|
|
4787
|
+
transition: transform ${$k}s;
|
|
4788
4788
|
border-right: none;
|
|
4789
4789
|
border-left: 1px solid ${({theme:e})=>e.palette.neutral.softLight};
|
|
4790
4790
|
box-shadow: ${({isMobileMenuOpen:e,theme:t})=>e?`-4px 0px ${2*t.spacing}px ${ri(t.palette.neutral.base,4*t.palette.action.shadowOpacity)}`:"none"};
|
|
4791
4791
|
}
|
|
4792
|
-
`,
|
|
4792
|
+
`,Sk=d.default.div`
|
|
4793
4793
|
position: fixed;
|
|
4794
4794
|
top: 0;
|
|
4795
4795
|
left: 0;
|
|
@@ -4800,18 +4800,18 @@ object-assign
|
|
|
4800
4800
|
opacity: ${({isVisible:e})=>e?1:0};
|
|
4801
4801
|
visibility: ${({isVisible:e})=>e?"visible":"hidden"};
|
|
4802
4802
|
transition:
|
|
4803
|
-
opacity ${
|
|
4804
|
-
visibility ${
|
|
4803
|
+
opacity ${$k}s,
|
|
4804
|
+
visibility ${$k}s;
|
|
4805
4805
|
display: none;
|
|
4806
4806
|
|
|
4807
4807
|
@media (max-width: ${y.MOBILE}px) {
|
|
4808
4808
|
display: block;
|
|
4809
4809
|
}
|
|
4810
|
-
`;function
|
|
4810
|
+
`;function Vk(){return e.useContext(Lk)}const Lk=c.createContext({isOpen:!1,isFixed:!1,isMobile:!1,isMobileMenuOpen:!1,notificationCount:0,slotNotificationCount:0}),Ok=d.default.div`
|
|
4811
4811
|
display: flex;
|
|
4812
4812
|
width: 100vw;
|
|
4813
4813
|
height: 100%;
|
|
4814
|
-
`,
|
|
4814
|
+
`,Hk=d.default.div`
|
|
4815
4815
|
position: fixed;
|
|
4816
4816
|
top: ${({theme:e})=>2*e.spacing}px;
|
|
4817
4817
|
right: ${({theme:e})=>2*e.spacing}px;
|
|
@@ -4821,7 +4821,7 @@ object-assign
|
|
|
4821
4821
|
@media (max-width: ${y.MOBILE}px) {
|
|
4822
4822
|
display: block;
|
|
4823
4823
|
}
|
|
4824
|
-
`,
|
|
4824
|
+
`,Dk=d.default.div`
|
|
4825
4825
|
position: relative;
|
|
4826
4826
|
display: inline-flex;
|
|
4827
4827
|
align-items: center;
|
|
@@ -4829,13 +4829,13 @@ object-assign
|
|
|
4829
4829
|
flex-shrink: 0;
|
|
4830
4830
|
vertical-align: middle;
|
|
4831
4831
|
line-height: 0;
|
|
4832
|
-
`,
|
|
4832
|
+
`,Rk=d.default.div`
|
|
4833
4833
|
display: flex;
|
|
4834
4834
|
width: 100%;
|
|
4835
4835
|
align-items: center;
|
|
4836
4836
|
justify-content: space-between;
|
|
4837
4837
|
gap: 4px;
|
|
4838
|
-
`,
|
|
4838
|
+
`,zk=d.default.span`
|
|
4839
4839
|
display: inline-flex;
|
|
4840
4840
|
align-items: center;
|
|
4841
4841
|
justify-content: center;
|
|
@@ -4847,7 +4847,7 @@ object-assign
|
|
|
4847
4847
|
transform: ${({invisible:e,position:t,$overlayOffsetPercent:n})=>e?"scale(0)":`scale(1) translate(${((e,t)=>{const n=`${t}%`;return`${["top-right","bottom-right"].includes(e)?n:`-${n}`}, ${["bottom-right","bottom-left"].includes(e)?n:`-${n}`}`})(t,n)})`};
|
|
4848
4848
|
transform-origin: ${({position:e})=>`${["top-right","bottom-right"].includes(e)?"100%":"0%"} ${["bottom-right","bottom-left"].includes(e)?"100%":"0%"}`};
|
|
4849
4849
|
transition: transform 0.3s;
|
|
4850
|
-
`,
|
|
4850
|
+
`,Nk=d.default.span`
|
|
4851
4851
|
display: block;
|
|
4852
4852
|
border-radius: 50%;
|
|
4853
4853
|
background-color: ${({theme:e})=>e.palette.danger.base};
|
|
@@ -4855,12 +4855,12 @@ object-assign
|
|
|
4855
4855
|
height: ${({size:e})=>e};
|
|
4856
4856
|
transform: ${({invisible:e})=>e?"scale(0)":"scale(1)"};
|
|
4857
4857
|
transition: transform 0.3s;
|
|
4858
|
-
`,
|
|
4858
|
+
`,Tk={small:"8px",medium:"12px",large:"16px"},Zk=c.forwardRef((function({variant:e="normal",badgeContent:t="",position:n="top-right",overlayOffsetPercent:r=50,dotSize:a="medium",max:i=99,showZero:o=!1,invisible:l=!1,layout:s="overlay",color:d="danger",fontWeight:u="normal",fontSize:p,size:f="small",children:m},h){let g=l;(0===t&&!o||""===t&&"dot"!==e)&&(g=!0);let b="";return"dot"!==e&&(b="number"==typeof t&&t>i?`${i}+`:t),"inline"===s&&"normal"===e?c.createElement(Rk,{ref:h},m,g?null:c.createElement(dd,{type:"pill",color:d,fontWeight:u,fontSize:p,size:f},b)):c.createElement(Dk,{ref:h},m,c.createElement(zk,{position:n,invisible:g,$overlayOffsetPercent:r},"dot"===e?c.createElement(Nk,{size:Tk[a],invisible:g}):c.createElement(dd,{type:"pill",color:d,fontWeight:u,fontSize:p,size:f},b)))})),Bk=c.default.forwardRef((function(e,t){const{isMobile:n,isMobileMenuOpen:r,handleMobileMenuToggle:a,notificationCount:i}=Vk();if(!n||r)return null;const o=c.default.createElement(Lo,{ref:t,color:"clear",size:"medium","aria-label":"メニューを開く",icon:c.default.createElement(z,{name:"menu",color:"currentColor"}),onClick:a});return i>0?c.default.createElement(Zk,{variant:"dot",dotSize:"small",position:"top-right",overlayOffsetPercent:10},o):o})),Pk=`(max-width: ${y.MOBILE}px)`,_k=c.default.forwardRef((function({defaultFixed:e=!1,onChangeOpen:t,onChangeFixed:n,notificationCount:r=0,slotNotificationCount:a=0,showMobileMenuButton:i=!0,children:o},l){const[s,d]=c.default.useState(e),[u,p]=c.default.useState(e),f=Ua(Pk),[m,h]=c.default.useState(!1),[g,b]=c.default.useState(0),v=c.default.useCallback((()=>{b((e=>e+1))}),[]),x=c.default.useCallback((()=>{b((e=>Math.max(0,e-1)))}),[]),y=i&&0===g&&f&&!m;return c.default.createElement(Lk.Provider,{value:{isOpen:s,isFixed:u,handleOpen:()=>{u||(d(!0),t&&t(!0))},handleClose:()=>{u||(d(!1),t&&t(!1))},handleFixed:()=>{d(!0),p(!0),n&&n(!0)},handleUnFixed:()=>{d(!1),p(!1),n&&n(!1)},isMobile:f,isMobileMenuOpen:m,handleMobileMenuToggle:()=>{h((e=>!e))},registerMobileMenuButton:v,unregisterMobileMenuButton:x,notificationCount:r,slotNotificationCount:a}},c.default.createElement(Ok,{ref:l},o,y&&c.default.createElement(Hk,null,c.default.createElement(Bk,null))))})),Fk=d.default.div`
|
|
4859
4859
|
flex-shrink: 0;
|
|
4860
|
-
flex-basis: ${
|
|
4860
|
+
flex-basis: ${Ek};
|
|
4861
4861
|
display: flex;
|
|
4862
4862
|
align-items: center;
|
|
4863
|
-
`,
|
|
4863
|
+
`,Gk=d.default.div`
|
|
4864
4864
|
flex-grow: 1;
|
|
4865
4865
|
overflow-x: hidden;
|
|
4866
4866
|
overflow-y: auto;
|
|
@@ -4868,9 +4868,9 @@ object-assign
|
|
|
4868
4868
|
& * {
|
|
4869
4869
|
text-decoration: none;
|
|
4870
4870
|
}
|
|
4871
|
-
`,
|
|
4871
|
+
`,jk=d.default.div`
|
|
4872
4872
|
flex-shrink: 0;
|
|
4873
|
-
flex-basis: ${
|
|
4873
|
+
flex-basis: ${Ik};
|
|
4874
4874
|
display: flex;
|
|
4875
4875
|
align-items: center;
|
|
4876
4876
|
border-top: 1px solid ${({theme:e})=>e.palette.neutral.softLight};
|
|
@@ -4878,19 +4878,19 @@ object-assign
|
|
|
4878
4878
|
@media (max-width: ${y.MOBILE}px) {
|
|
4879
4879
|
display: none;
|
|
4880
4880
|
}
|
|
4881
|
-
`,
|
|
4882
|
-
padding-left: ${({isFixed:e})=>e?wk
|
|
4881
|
+
`,Yk=d.default.div`
|
|
4882
|
+
padding-left: ${({isFixed:e})=>e?Ck:wk};
|
|
4883
4883
|
width: 100%;
|
|
4884
4884
|
height: 100%;
|
|
4885
|
-
transition: padding-left ${
|
|
4885
|
+
transition: padding-left ${$k}s;
|
|
4886
4886
|
|
|
4887
4887
|
@media (max-width: ${y.MOBILE}px) {
|
|
4888
4888
|
padding-left: 0;
|
|
4889
4889
|
}
|
|
4890
|
-
`,
|
|
4890
|
+
`,Wk=c.default.forwardRef((function({children:e},t){const{isFixed:n}=c.default.useContext(Lk);return c.default.createElement(Yk,{ref:t,isFixed:n},e)})),Xk=d.default.span`
|
|
4891
4891
|
display: inline-flex;
|
|
4892
4892
|
line-height: 0;
|
|
4893
|
-
`,
|
|
4893
|
+
`,Jk=c.default.forwardRef((function({labelFixtureTooltip:e=(e=>(e?"Unfix":"Fix")+" the side menu")},t){const n=L(),{isOpen:r,isFixed:a,isMobile:i,handleFixed:o,handleUnFixed:l,slotNotificationCount:s}=c.default.useContext(Lk),d=e(a),u=!i&&!r&&!a&&s>0,p=c.default.useCallback((()=>{a?null==l||l():null==o||o()}),[a,o,l]),f=c.default.createElement(Lo,{ref:t,isQuiet:!0,color:"clear",size:"medium","aria-label":d,icon:c.default.createElement(z,{name:a?"sidebar_fold":"sidebar_unfold",color:"currentColor"}),onClick:p});return c.default.createElement(tc,{key:a?"fixed":"unfixed",content:d,positionPriority:["right"],offset:[0,2.5*n.spacing],enterDelay:$k},c.default.createElement(Xk,null,u?c.default.createElement(Zk,{variant:"dot",dotSize:"small",position:"top-right",overlayOffsetPercent:10},f):f))})),Uk=d.default.div`
|
|
4894
4894
|
cursor: pointer;
|
|
4895
4895
|
display: flex;
|
|
4896
4896
|
align-items: center;
|
|
@@ -4905,7 +4905,7 @@ object-assign
|
|
|
4905
4905
|
& > * {
|
|
4906
4906
|
flex-shrink: 0;
|
|
4907
4907
|
}
|
|
4908
|
-
`,
|
|
4908
|
+
`,Qk=d.default.div`
|
|
4909
4909
|
flex-shrink: 1;
|
|
4910
4910
|
flex-grow: 1;
|
|
4911
4911
|
display: flex;
|
|
@@ -4913,14 +4913,14 @@ object-assign
|
|
|
4913
4913
|
margin-left: ${({theme:e})=>1.5*e.spacing}px;
|
|
4914
4914
|
min-width: 0;
|
|
4915
4915
|
overflow: hidden;
|
|
4916
|
-
transition: opacity ${
|
|
4916
|
+
transition: opacity ${$k}s;
|
|
4917
4917
|
|
|
4918
4918
|
${({isOpen:e})=>e?t.css`
|
|
4919
4919
|
opacity: 1;
|
|
4920
4920
|
`:t.css`
|
|
4921
4921
|
display: none;
|
|
4922
4922
|
`}
|
|
4923
|
-
`,
|
|
4923
|
+
`,qk=d.default(ee)`
|
|
4924
4924
|
white-space: nowrap;
|
|
4925
4925
|
overflow: hidden;
|
|
4926
4926
|
text-overflow: ellipsis;
|
|
@@ -4931,7 +4931,7 @@ object-assign
|
|
|
4931
4931
|
& > * + * {
|
|
4932
4932
|
margin-left: ${({theme:e})=>.5*e.spacing}px;
|
|
4933
4933
|
}
|
|
4934
|
-
`;const
|
|
4934
|
+
`;const Kk=d.default.span`
|
|
4935
4935
|
display: flex;
|
|
4936
4936
|
align-items: center;
|
|
4937
4937
|
align-content: center;
|
|
@@ -4951,7 +4951,7 @@ object-assign
|
|
|
4951
4951
|
${({invisible:e})=>e&&t.css`
|
|
4952
4952
|
display: none;
|
|
4953
4953
|
`}
|
|
4954
|
-
`,
|
|
4954
|
+
`,eM=({notificationCount:e=0,invisible:t=!1,style:n})=>{const r=e>=100?"99+":e;return c.createElement(Kk,{invisible:t,style:n},r)},tM=c.forwardRef((function(e,t){var{title:n,isActive:r=!1,iconName:a,notificationCount:i=0,badge:o}=e,l=p(e,["title","isActive","iconName","notificationCount","badge"]);const s=L(),{isOpen:d,isMobile:u,isMobileMenuOpen:f}=c.useContext(Lk),m=void 0!==o,h=i>0,g=u?f:d;return c.createElement(Uk,Object.assign({ref:t,isActive:r,$isMenuExpanded:g,"aria-current":r?"page":void 0},l),h?c.createElement(Zk,{badgeContent:i,position:"top-left",invisible:g},c.createElement(z,{name:a,size:"lg",type:r?"fill":"line",color:r?"active":s.palette.black})):c.createElement(z,{name:a,size:"lg",type:r?"fill":"line",color:r?"active":s.palette.black}),c.createElement(Qk,{isOpen:u?f:d},c.createElement(qk,{component:"span",color:r?"primary":"initial",weight:"bold",size:"sm"},n)),m&&(u?f:d)&&c.createElement(dd,Object.assign({},o,{size:o.size||"small"})),h&&c.createElement(eM,{notificationCount:i,invisible:0===i||!(u?f:d),style:{marginLeft:m&&(u?f:d)?"4px":"0"}}))})),nM=d.default.div`
|
|
4955
4955
|
cursor: pointer;
|
|
4956
4956
|
display: flex;
|
|
4957
4957
|
align-items: center;
|
|
@@ -4966,7 +4966,7 @@ object-assign
|
|
|
4966
4966
|
& > * {
|
|
4967
4967
|
flex-shrink: 0;
|
|
4968
4968
|
}
|
|
4969
|
-
`,
|
|
4969
|
+
`,rM=d.default.div`
|
|
4970
4970
|
flex-shrink: 1;
|
|
4971
4971
|
flex-grow: 1;
|
|
4972
4972
|
display: flex;
|
|
@@ -4974,18 +4974,18 @@ object-assign
|
|
|
4974
4974
|
margin-left: ${({theme:e})=>1.5*e.spacing}px;
|
|
4975
4975
|
min-width: 0;
|
|
4976
4976
|
overflow: hidden;
|
|
4977
|
-
transition: opacity ${
|
|
4977
|
+
transition: opacity ${$k}s;
|
|
4978
4978
|
|
|
4979
4979
|
${({isOpen:e})=>e?t.css`
|
|
4980
4980
|
opacity: 1;
|
|
4981
4981
|
`:t.css`
|
|
4982
4982
|
display: none;
|
|
4983
4983
|
`}
|
|
4984
|
-
`,
|
|
4984
|
+
`,aM=d.default(ee)`
|
|
4985
4985
|
white-space: nowrap;
|
|
4986
4986
|
overflow: hidden;
|
|
4987
4987
|
text-overflow: ellipsis;
|
|
4988
|
-
`,
|
|
4988
|
+
`,iM=d.default.div`
|
|
4989
4989
|
flex-shrink: 0;
|
|
4990
4990
|
margin-right: ${({theme:e})=>e.spacing}px;
|
|
4991
4991
|
transform: rotate(${({isExpand:e})=>e?"180deg":"none"});
|
|
@@ -4996,12 +4996,12 @@ object-assign
|
|
|
4996
4996
|
`:t.css`
|
|
4997
4997
|
display: none;
|
|
4998
4998
|
`}
|
|
4999
|
-
`,
|
|
4999
|
+
`,oM=d.default.div`
|
|
5000
5000
|
overflow-y: hidden;
|
|
5001
5001
|
max-height: ${({isExpand:e,height:t})=>e?t:"0px"};
|
|
5002
5002
|
transition: max-height 0.3s
|
|
5003
|
-
${({delay:e})=>e
|
|
5004
|
-
`,
|
|
5003
|
+
${({delay:e})=>e?$k:0}s;
|
|
5004
|
+
`,lM=c.forwardRef((function(e,t){var{title:n,isActive:r=!1,iconName:a,expansionList:i=[],defaultExpand:o=!1,notificationCount:l=0,onChangeExpand:s,onClick:d}=e,u=p(e,["title","isActive","iconName","expansionList","defaultExpand","notificationCount","onChangeExpand","onClick"]);const f=L(),{isOpen:m,isMobile:h,isMobileMenuOpen:g}=c.useContext(Lk),[b,v]=c.useState(o),[x,y]=c.useState(!1),[w,C]=c.useState("auto"),E=c.useRef(null),I=m||h&&g;return c.useEffect((()=>{y(I)}),[I]),c.useEffect((()=>{y(!1),s&&s(b)}),[b,s]),c.useEffect((()=>{if(!E.current)return;const{height:e}=E.current.getBoundingClientRect();0!==e&&C(`${e}px`)}),[]),c.createElement("div",{ref:t},c.createElement(nM,Object.assign({isActive:r,$isMenuExpanded:I,onClick:e=>{0!==i.length&&v(!b),d&&d(e)}},u),c.createElement(Zk,{badgeContent:l,position:"top-left"},c.createElement(z,{name:a,size:"lg",type:r?"fill":"line",color:r?"active":f.palette.black})),c.createElement(rM,{isOpen:I},c.createElement(aM,{component:"span",color:r?"primary":"initial",weight:"bold",size:"sm"},n)),c.createElement(iM,{isExpand:b,isOpen:I},c.createElement(z,{name:"arrow_bottom",color:r?"active":f.palette.black,size:"md"}))),c.createElement(oM,{ref:E,isExpand:b&&I||"auto"===w,height:w,delay:x},i.map(((e,t)=>c.createElement(c.Fragment,{key:t},e)))))})),sM=d.default.div`
|
|
5005
5005
|
cursor: pointer;
|
|
5006
5006
|
display: flex;
|
|
5007
5007
|
align-items: center;
|
|
@@ -5014,7 +5014,7 @@ object-assign
|
|
|
5014
5014
|
& > * {
|
|
5015
5015
|
flex-shrink: 0;
|
|
5016
5016
|
}
|
|
5017
|
-
`,
|
|
5017
|
+
`,cM=d.default(ee)`
|
|
5018
5018
|
flex-shrink: 1;
|
|
5019
5019
|
flex-grow: 1;
|
|
5020
5020
|
display: flex;
|
|
@@ -5023,7 +5023,7 @@ object-assign
|
|
|
5023
5023
|
white-space: nowrap;
|
|
5024
5024
|
overflow: hidden;
|
|
5025
5025
|
text-overflow: ellipsis;
|
|
5026
|
-
`,
|
|
5026
|
+
`,dM=c.forwardRef((function(e,t){var{title:n,isActive:r=!1,notificationCount:a=0,badge:i}=e,o=p(e,["title","isActive","notificationCount","badge"]);const l=L();return c.createElement(sM,Object.assign({ref:t},o),c.createElement(cM,{component:"div",weight:r?"bold":"normal",color:r?"primary":l.palette.black,size:"sm"},n),i&&c.createElement(dd,Object.assign({},i,{size:i.size||"small"})),c.createElement(eM,{notificationCount:a,invisible:0===a,style:{marginLeft:i?"4px":"0"}}))})),uM=d.default.div`
|
|
5027
5027
|
flex-shrink: 0;
|
|
5028
5028
|
display: none;
|
|
5029
5029
|
flex-direction: column;
|
|
@@ -5043,13 +5043,13 @@ object-assign
|
|
|
5043
5043
|
display: none;
|
|
5044
5044
|
}
|
|
5045
5045
|
`}
|
|
5046
|
-
`,
|
|
5046
|
+
`,pM=d.default.div`
|
|
5047
5047
|
display: none;
|
|
5048
5048
|
flex-shrink: 0;
|
|
5049
5049
|
align-items: center;
|
|
5050
5050
|
justify-content: ${({$hasLeadingActions:e})=>e?"space-between":"flex-end"};
|
|
5051
5051
|
gap: ${({theme:e})=>2*e.spacing}px;
|
|
5052
|
-
min-height: ${
|
|
5052
|
+
min-height: ${Mk};
|
|
5053
5053
|
padding: ${({theme:e})=>1.5*e.spacing}px;
|
|
5054
5054
|
box-sizing: border-box;
|
|
5055
5055
|
|
|
@@ -5062,17 +5062,17 @@ object-assign
|
|
|
5062
5062
|
display: none;
|
|
5063
5063
|
}
|
|
5064
5064
|
`}
|
|
5065
|
-
`,
|
|
5065
|
+
`,fM=d.default.div`
|
|
5066
5066
|
display: flex;
|
|
5067
5067
|
flex-shrink: 0;
|
|
5068
5068
|
align-items: center;
|
|
5069
5069
|
gap: ${({theme:e})=>e.spacing}px;
|
|
5070
5070
|
min-width: 0;
|
|
5071
|
-
`,
|
|
5071
|
+
`,mM=d.default.div`
|
|
5072
5072
|
display: flex;
|
|
5073
5073
|
flex-shrink: 0;
|
|
5074
5074
|
align-items: center;
|
|
5075
|
-
`,
|
|
5075
|
+
`,hM=d.default.div`
|
|
5076
5076
|
flex-shrink: 0;
|
|
5077
5077
|
display: flex;
|
|
5078
5078
|
align-items: center;
|
|
@@ -5081,21 +5081,21 @@ object-assign
|
|
|
5081
5081
|
padding: 0 ${({theme:e})=>2*e.spacing}px;
|
|
5082
5082
|
border-bottom: 1px solid ${({theme:e})=>e.palette.neutral.softLight};
|
|
5083
5083
|
box-sizing: border-box;
|
|
5084
|
-
min-height: ${
|
|
5084
|
+
min-height: ${kk};
|
|
5085
5085
|
|
|
5086
5086
|
@media (max-width: ${y.MOBILE}px) {
|
|
5087
5087
|
align-items: flex-start;
|
|
5088
5088
|
padding: 0;
|
|
5089
5089
|
border-bottom: none;
|
|
5090
5090
|
}
|
|
5091
|
-
`,
|
|
5091
|
+
`,gM=d.default.div`
|
|
5092
5092
|
flex: 1;
|
|
5093
5093
|
min-width: 0;
|
|
5094
5094
|
display: flex;
|
|
5095
5095
|
align-items: center;
|
|
5096
5096
|
gap: ${({theme:e})=>2*e.spacing}px;
|
|
5097
5097
|
overflow: visible;
|
|
5098
|
-
transition: opacity ${
|
|
5098
|
+
transition: opacity ${$k}s;
|
|
5099
5099
|
|
|
5100
5100
|
${({$showCustom:e})=>!e&&t.css`
|
|
5101
5101
|
display: none;
|
|
@@ -5106,7 +5106,7 @@ object-assign
|
|
|
5106
5106
|
align-self: stretch;
|
|
5107
5107
|
width: 100%;
|
|
5108
5108
|
}
|
|
5109
|
-
`,
|
|
5109
|
+
`,bM=d.default.div`
|
|
5110
5110
|
flex-shrink: 0;
|
|
5111
5111
|
display: flex;
|
|
5112
5112
|
align-items: center;
|
|
@@ -5115,7 +5115,7 @@ object-assign
|
|
|
5115
5115
|
@media (max-width: ${y.MOBILE}px) {
|
|
5116
5116
|
display: none;
|
|
5117
5117
|
}
|
|
5118
|
-
`,
|
|
5118
|
+
`,vM=d.default.div`
|
|
5119
5119
|
display: flex;
|
|
5120
5120
|
align-items: center;
|
|
5121
5121
|
gap: inherit;
|
|
@@ -5140,20 +5140,20 @@ object-assign
|
|
|
5140
5140
|
width: 100%;
|
|
5141
5141
|
}
|
|
5142
5142
|
`}
|
|
5143
|
-
`,
|
|
5143
|
+
`,xM=c.default.forwardRef((function({children:e,actions:t,mobileLeadingActions:n},r){const{isOpen:a,isFixed:i,isMobile:o,handleMobileMenuToggle:l}=Vk(),s=o||a||i,d=c.default.Children.count(e)>0,u=c.default.createElement(Lo,{color:"clear",size:"medium","aria-label":"メニューを閉じる",icon:c.default.createElement(z,{name:"close",color:"currentColor"}),onClick:l}),p=o?u:null!=t?t:c.default.createElement(Jk,null),f=c.default.createElement(gM,{$showCustom:s,"data-testid":"navigation-rail-slot-custom"},e),m=null!=n;return o?c.default.createElement(uM,{ref:r,"data-testid":"navigation-rail-slot",$showCustom:s},c.default.createElement(pM,{$showCustom:s,$hasLeadingActions:m,"data-testid":"navigation-rail-slot-mobile-close"},m?c.default.createElement(fM,{"data-testid":"navigation-rail-slot-mobile-leading"},n):null,c.default.createElement(mM,null,u)),d?c.default.createElement(hM,{$showCustom:s},f):null):c.default.createElement(hM,{ref:r,"data-testid":"navigation-rail-slot",$showCustom:s},f,c.default.createElement(bM,{$showCustom:s},p))})),yM=c.default.forwardRef((function({children:e,visibility:t="all"},n){return c.default.createElement(vM,{ref:n,$visibility:t,$passthrough:"all"===t},e)})),wM="undefined"!=typeof window?c.default.useLayoutEffect:c.default.useEffect,CM=c.default.forwardRef((function(e,t){const{registerMobileMenuButton:n,unregisterMobileMenuButton:r}=Vk();return wM((()=>(null==n||n(),()=>null==r?void 0:r())),[n,r]),c.default.createElement(Bk,{ref:t})}));function EM(e){let t=!1;return c.default.Children.forEach(e,(e=>{!t&&c.default.isValidElement(e)&&(e.type!==xM?e.type===c.default.Fragment&&(t=EM(e.props.children)):t=!0)})),t}const IM=c.default.forwardRef((function({children:e},t){const{isOpen:n,isFixed:r,handleOpen:a,handleClose:i,isMobile:o,isMobileMenuOpen:l,handleMobileMenuToggle:s}=c.default.useContext(Lk),d=EM(e),u=o&&!d?c.default.createElement(xM,null):null;return c.default.createElement(c.default.Fragment,null,c.default.createElement(Sk,{isVisible:o&&l,"data-testid":"navigation-rail-overlay",onClick:s}),c.default.createElement(Ak,{ref:t,isOpen:n,isFixed:r,isMobile:o,isMobileMenuOpen:l,onMouseEnter:()=>{o||null==a||a()},onMouseLeave:()=>{o||null==i||i()}},u,e))}));IM.Container=_k,IM.Header=Fk,IM.Content=Gk,IM.Footer=jk,IM.Menu=tM,IM.ExpansionMenu=lM,IM.ExpansionMenuItem=dM,IM.Fixture=Jk,IM.MainContent=Wk,IM.Slot=xM,IM.SlotContent=yM,IM.MobileMenuButton=CM;const kM=c.forwardRef((function(e,t){var{title:n,description:r,slotContent:a,slotExpansion:i="whenChecked",disabled:o,error:l,checked:s,inputRef:d}=e,u=p(e,["title","description","slotContent","slotExpansion","disabled","error","checked","inputRef"]);const f=!!s,{controlWrapRef:m,assignInputRef:h,handleHeaderClick:g}=mf(o,d),b=c.createElement(uf,null,c.createElement(df,{ref:m},c.createElement(ix,Object.assign({},u,{checked:s,disabled:o,error:l,inputRef:h}),n)),hf(r)?c.createElement(pf,{$disabled:!!o},r):null);return c.createElement(ff,{ref:t,checked:f,disabled:o,header:b,slot:a,slotExpansion:i,onHeaderClick:g})})),MM=new Set(["height","maxHeight","minHeight"]),$M=d.default.div.withConfig({shouldForwardProp:e=>!MM.has(e)})`
|
|
5144
5144
|
${({height:e,maxHeight:t,minHeight:n})=>Sf({height:e,maxHeight:t,minHeight:n})}
|
|
5145
|
-
|
|
5145
|
+
`,AM=c.forwardRef((function(e,t){var{height:n="auto",maxHeight:r="none",minHeight:a="none",children:i}=e,o=p(e,["height","maxHeight","minHeight","children"]);return c.createElement($M,Object.assign({height:n,maxHeight:r,minHeight:a,tabIndex:0},o,{ref:t}),i)})),SM="24px",VM=d.default.div`
|
|
5146
5146
|
flex-direction: row;
|
|
5147
5147
|
width: 100%;
|
|
5148
|
-
min-height: ${
|
|
5148
|
+
min-height: ${SM};
|
|
5149
5149
|
display: flex;
|
|
5150
5150
|
align-items: center;
|
|
5151
5151
|
position: relative;
|
|
5152
5152
|
cursor: ${({disabled:e})=>e?"not-allowed":"default"};
|
|
5153
|
-
`,
|
|
5153
|
+
`,LM=d.default.div`
|
|
5154
5154
|
position: relative;
|
|
5155
5155
|
flex: 1;
|
|
5156
|
-
min-height: ${
|
|
5156
|
+
min-height: ${SM};
|
|
5157
5157
|
display: flex;
|
|
5158
5158
|
align-items: center;
|
|
5159
5159
|
min-width: 100px;
|
|
@@ -5171,7 +5171,7 @@ object-assign
|
|
|
5171
5171
|
background-color: ${({theme:e})=>e.palette.neutral.lighter};
|
|
5172
5172
|
pointer-events: none;
|
|
5173
5173
|
}
|
|
5174
|
-
`,
|
|
5174
|
+
`,OM=d.default.div`
|
|
5175
5175
|
position: absolute;
|
|
5176
5176
|
top: 50%;
|
|
5177
5177
|
left: 0;
|
|
@@ -5185,7 +5185,7 @@ object-assign
|
|
|
5185
5185
|
width: ${e}%;
|
|
5186
5186
|
left: ${n}%;
|
|
5187
5187
|
`}
|
|
5188
|
-
`,
|
|
5188
|
+
`,HM=d.default.div`
|
|
5189
5189
|
position: absolute;
|
|
5190
5190
|
width: 18px;
|
|
5191
5191
|
height: 18px;
|
|
@@ -5205,7 +5205,7 @@ object-assign
|
|
|
5205
5205
|
left: ${e}%;
|
|
5206
5206
|
transform: translate(-50%, -50%);
|
|
5207
5207
|
`}
|
|
5208
|
-
`,
|
|
5208
|
+
`,DM=d.default.div`
|
|
5209
5209
|
position: absolute;
|
|
5210
5210
|
top: 0;
|
|
5211
5211
|
left: 0;
|
|
@@ -5215,7 +5215,7 @@ object-assign
|
|
|
5215
5215
|
z-index: 1;
|
|
5216
5216
|
display: flex;
|
|
5217
5217
|
justify-content: space-between;
|
|
5218
|
-
`,
|
|
5218
|
+
`,RM=d.default.div`
|
|
5219
5219
|
position: absolute;
|
|
5220
5220
|
display: flex;
|
|
5221
5221
|
flex-direction: column;
|
|
@@ -5226,7 +5226,7 @@ object-assign
|
|
|
5226
5226
|
top: 50%;
|
|
5227
5227
|
transform: translateY(-50%);
|
|
5228
5228
|
`}
|
|
5229
|
-
`,
|
|
5229
|
+
`,zM=d.default.div`
|
|
5230
5230
|
border-radius: 50%;
|
|
5231
5231
|
position: absolute;
|
|
5232
5232
|
top: 50%;
|
|
@@ -5236,32 +5236,32 @@ object-assign
|
|
|
5236
5236
|
|
|
5237
5237
|
width: 8px;
|
|
5238
5238
|
height: 8px;
|
|
5239
|
-
`,
|
|
5240
|
-
&.${
|
|
5241
|
-
transform: ${({direction:e})=>
|
|
5239
|
+
`,NM=(e,t,n)=>Math.max(t,Math.min(n,e)),TM=(e,t,n,r)=>void 0===e?r?[t,n]:t:Array.isArray(e)?[NM(e[0],t,n),NM(e[1],t,n)]:NM(e,t,n),ZM=(e,t,n)=>(e-t)/(n-t)*100,BM=(e,t,n,r,a)=>{const i=n+(e-t.left)/t.width*100/100*(r-n),o=Math.round(i/a)*a;return NM(o,n,r)},PM=(e,t)=>{if(1===t.length)return 0;const[n,r]=t,a=Math.abs(e-n),i=Math.abs(e-r);if(a!==i)return a<i?0:1;return e>=(n+r)/2?1:0},_M=(e,t,n,r,a,i,o)=>{const l="PageUp"===t||"PageDown"===t?10*a:a;let s;if(i&&Array.isArray(e)){const a=null!=o?o:0,i=e[a];switch(t){case"ArrowLeft":case"ArrowDown":case"PageDown":s=NM(i-l,n,r);break;case"ArrowRight":case"ArrowUp":case"PageUp":s=NM(i+l,n,r);break;case"Home":s=n;break;case"End":s=r;break;default:return e}const c=[...e];return c[a]=s,0===a?c[0]=Math.min(s,c[1]):c[1]=Math.max(s,c[0]),c}{const a=Array.isArray(e)?e[0]:e;switch(t){case"ArrowLeft":case"ArrowDown":case"PageDown":s=NM(a-l,n,r);break;case"ArrowRight":case"ArrowUp":case"PageUp":s=NM(a+l,n,r);break;case"Home":s=n;break;case"End":s=r;break;default:return e}return s}},FM=()=>{document.body.style.userSelect="none"},GM=()=>{document.body.style.userSelect=""},jM=e=>{e.preventDefault()};function YM({value:e,defaultValue:t,onChange:n,min:r,max:a,step:i,disabled:o=!1}){const l=c.useCallback((n=>{const i=Array.isArray(e)||Array.isArray(t);return TM(n,r,a,i)}),[r,a,e,t]),[s,d]=c.useState(l(t)),[u,p]=c.useState(!1),[f,m]=c.useState(null),[h,g]=c.useState(new Map),[b,v]=c.useState(new Map),x=c.useRef(null),y=c.useRef(null);c.useEffect((()=>{if(void 0===e&&void 0!==t){const e=l(t);d(e)}}),[e,t,l]);const w=void 0!==e?e:s,C=c.useCallback((e=>{n?n(e):d(e)}),[n]),E=c.useCallback((e=>{if(!x.current)return r;const t=x.current.getBoundingClientRect();return BM(e,t,r,a,i)}),[r,a,i]),I=c.useCallback((e=>{if(o)return;e.preventDefault(),p(!0),FM(),document.addEventListener("wheel",jM,{passive:!1}),document.addEventListener("touchmove",jM,{passive:!1});const t=E(e.clientX);if(Array.isArray(w)){const e=PM(t,w);m(e);const n=[...w];n[e]=t,C(n)}else m(0),C(t)}),[o,E,w,C]),k=c.useCallback((e=>{if(!u||o)return;const t=E(e.clientX);if(Array.isArray(w)&&null!==f){const e=[...w];e[f]=t,0===f?e[0]=Math.min(t,e[1]):e[1]=Math.max(t,e[0]),C(e)}else Array.isArray(w)||C(t)}),[u,o,E,w,f,C]),M=c.useCallback((()=>{p(!1),m(null),GM(),document.removeEventListener("wheel",jM),document.removeEventListener("touchmove",jM)}),[]),$=c.useCallback((e=>{if(o)return;e.preventDefault(),p(!0),FM(),document.addEventListener("wheel",jM,{passive:!1}),document.addEventListener("touchmove",jM,{passive:!1});const t=new Map,n=new Map;Array.from(e.changedTouches).forEach((e=>{const r=E(e.clientX);if(t.set(e.identifier,e),Array.isArray(w)){const t=PM(r,w);n.set(e.identifier,t)}else n.set(e.identifier,0)})),g(t),v(n)}),[o,E,w]),A=c.useCallback((e=>{u&&!o&&(e.preventDefault(),Array.from(e.changedTouches).forEach((e=>{const t=b.get(e.identifier);if(void 0===t)return;const n=E(e.clientX);if(Array.isArray(w)){const e=[...w];e[t]=n,0===t?e[0]=Math.min(n,e[1]):e[1]=Math.max(n,e[0]),C(e)}else C(n)})))}),[u,o,E,w,b,C]),S=c.useCallback((e=>{const t=new Map(h),n=new Map(b);Array.from(e.changedTouches).forEach((e=>{t.delete(e.identifier),n.delete(e.identifier)})),g(t),v(n),0===t.size&&(p(!1),GM(),document.removeEventListener("wheel",jM),document.removeEventListener("touchmove",jM))}),[h,b]);return{currentValue:w,isDragging:u,trackRef:x,thumbRef:y,handleChange:C,handleMouseDown:I,handleMouseMove:k,handleMouseUp:M,handleTouchStart:$,handleTouchMove:A,handleTouchEnd:S}}function WM({showScale:e,min:t,max:n,step:r,currentValue:a}){const i=c.useCallback((()=>{if(!e)return[];const a=[];for(let e=t;e<=n;e+=r)a.push(e);return a}),[e,t,n,r]),o=c.useCallback((e=>Array.isArray(a)?e>=a[0]&&e<=a[1]:e<=a),[a]),l=c.useCallback((()=>{if(!e)return null;const r=i();return c.createElement(DM,{},r.map((e=>c.createElement(RM,{key:e,percentage:(e-t)/(n-t)*100},c.createElement(zM,{isOnFill:o(e)})))))}),[e,i,t,n,o]);return{getScaleValues:i,isScaleOnFill:o,renderScale:l}}let XM=0;const JM={min:0,max:100,step:1,disabled:!1,showScale:!1},UM=c.forwardRef((function(e,t){var{value:n,defaultValue:r,onChange:a,min:i=JM.min,max:o=JM.max,step:l=JM.step,disabled:s=JM.disabled,showScale:d=JM.showScale,id:u,className:f,style:m,"aria-label":h,"aria-labelledby":g,"aria-describedby":b}=e,v=p(e,["value","defaultValue","onChange","min","max","step","disabled","showScale","id","className","style","aria-label","aria-labelledby","aria-describedby"]);const x=L(),y=c.useId(),w=c.useMemo((()=>"slider-"+ ++XM),[]),C=u||y||w,{currentValue:E,isDragging:I,trackRef:k,thumbRef:M,handleChange:$,handleMouseDown:A,handleMouseMove:S,handleMouseUp:V,handleTouchStart:O,handleTouchMove:H,handleTouchEnd:D}=YM({value:n,defaultValue:r,onChange:a,min:i,max:o,step:l,disabled:s}),{renderScale:R}=WM({showScale:d,min:i,max:o,step:l,currentValue:E}),z=c.useCallback((e=>ZM(e,i,o)),[i,o]),N=c.useCallback((e=>{if(s)return;const t=Array.isArray(E),n=_M(E,e.key,i,o,l,t,null);n!==E&&(e.preventDefault(),$(n))}),[s,E,i,o,l,$]),T=c.useCallback((e=>{const t=parseFloat(e.target.value);if(Array.isArray(E)){const e=[...E];e[0]=t,$(e)}else $(t)}),[E,$]),Z=c.useCallback((e=>{if(!Array.isArray(E))return;const t=parseFloat(e.target.value),n=[...E];n[0]=Math.min(t,n[1]),$(n)}),[E,$]),B=c.useCallback((e=>{if(!Array.isArray(E))return;const t=parseFloat(e.target.value),n=[...E];n[1]=Math.max(t,n[0]),$(n)}),[E,$]);return c.useEffect((()=>{if(I){document.addEventListener("mousemove",S),document.addEventListener("mouseup",V),document.addEventListener("touchmove",H),document.addEventListener("touchend",D);const e=e=>e.preventDefault();return document.addEventListener("contextmenu",e),()=>{document.removeEventListener("mousemove",S),document.removeEventListener("mouseup",V),document.removeEventListener("touchmove",H),document.removeEventListener("touchend",D),document.removeEventListener("contextmenu",e)}}}),[I,S,V,H,D]),c.createElement(VM,Object.assign({ref:t,theme:x,disabled:s,className:f,style:m},v),c.createElement(LM,{ref:k,id:C,tabIndex:s?-1:0,role:"slider","aria-valuemin":i,"aria-valuemax":o,"aria-valuenow":Array.isArray(E)?E[0]:E,"aria-valuetext":Array.isArray(E)?`${E[0]} to ${E[1]}`:void 0,"aria-disabled":s,"aria-label":h,"aria-labelledby":g,"aria-describedby":b,onMouseDown:A,onTouchStart:O,onKeyDown:N},Array.isArray(E)?c.createElement(c.Fragment,null,c.createElement(OM,{percentage:z(E[1])-z(E[0]),isDragging:I,startPercentage:z(E[0]),disabled:s}),c.createElement(HM,{ref:M,percentage:z(E[0]),isDragging:I,disabled:s}),c.createElement(HM,{percentage:z(E[1]),isDragging:I,disabled:s})):c.createElement(c.Fragment,null,c.createElement(OM,{percentage:z(E),isDragging:I,disabled:s}),c.createElement(HM,{ref:M,percentage:z(E),isDragging:I,disabled:s})),R()),Array.isArray(E)?c.createElement(c.Fragment,null,c.createElement("input",{type:"range",min:i,max:o,step:l,value:E[0],style:{position:"absolute",opacity:0,pointerEvents:"none",width:"1px",height:"1px",margin:"-1px",padding:0,border:"none",overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap"},"aria-label":"Slider minimum value","aria-labelledby":g,"aria-describedby":b,disabled:s,onChange:Z}),c.createElement("input",{type:"range",min:i,max:o,step:l,value:E[1],style:{position:"absolute",opacity:0,pointerEvents:"none",width:"1px",height:"1px",margin:"-1px",padding:0,border:"none",overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap"},"aria-label":"Slider maximum value","aria-labelledby":g,"aria-describedby":b,disabled:s,onChange:B})):c.createElement("input",{type:"range",min:i,max:o,step:l,value:E,style:{position:"absolute",opacity:0,pointerEvents:"none",width:"1px",height:"1px",margin:"-1px",padding:0,border:"none",overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap"},"aria-label":"Slider input","aria-labelledby":g,"aria-describedby":b,disabled:s,onChange:T}))})),QM=e.createContext(null),qM=()=>{const t=e.useContext(QM);if(!t)throw new Error("SliderField components must be used within a SliderField");return t},KM=({children:t})=>{const n=e.useId(),r={fieldId:n,sliderId:`${n}-slider`,outputId:`${n}-output`};return c.default.createElement(QM.Provider,{value:r},t)};KM.Slider=e=>{const{sliderId:t,outputId:n}=qM(),r=e.id||t,a=e["aria-describedby"]||n;return c.default.createElement(UM,Object.assign({},e,{id:r,"aria-describedby":a}))},KM.Output=e=>{var{children:t,id:n}=e,r=p(e,["children","id"]);const{outputId:a}=qM();return c.default.createElement("div",Object.assign({},r,{id:n||a}),t)};const e$=e=>{switch(e){case"down":default:return"translateY(100vh)";case"up":return"translateY(-100vh)";case"right":return"translateX(100vw)";case"left":return"translateX(-100vw)"}},t$="slide-transition",n$=d.default(Hs)`
|
|
5240
|
+
&.${t$}-enter, &.${t$}-appear {
|
|
5241
|
+
transform: ${({direction:e})=>e$(e)};
|
|
5242
5242
|
}
|
|
5243
|
-
&.${
|
|
5243
|
+
&.${t$}-enter-active, &.${t$}-appear-active {
|
|
5244
5244
|
transform: none;
|
|
5245
5245
|
transition: transform ${({timeout:e})=>Xs(e,"enter")}ms;
|
|
5246
5246
|
}
|
|
5247
|
-
&.${
|
|
5247
|
+
&.${t$}-exit {
|
|
5248
5248
|
transform: none;
|
|
5249
5249
|
}
|
|
5250
|
-
&.${
|
|
5251
|
-
transform: ${({direction:e})=>
|
|
5250
|
+
&.${t$}-exit-active {
|
|
5251
|
+
transform: ${({direction:e})=>e$(e)};
|
|
5252
5252
|
transition: transform ${({timeout:e})=>Xs(e,"exit")}ms;
|
|
5253
5253
|
}
|
|
5254
|
-
&.${
|
|
5255
|
-
transform: ${({direction:e})=>
|
|
5254
|
+
&.${t$}-exit-done {
|
|
5255
|
+
transform: ${({direction:e})=>e$(e)};
|
|
5256
5256
|
}
|
|
5257
|
-
`,
|
|
5257
|
+
`,r$=d.default.div`
|
|
5258
5258
|
position: fixed;
|
|
5259
5259
|
left: ${({horizontal:e,theme:t})=>"left"===e?3*t.spacing+"px":"auto"};
|
|
5260
5260
|
right: ${({horizontal:e,theme:t})=>"right"===e?3*t.spacing+"px":"auto"};
|
|
5261
5261
|
top: ${({vertical:e,theme:t})=>"top"===e?3*t.spacing+"px":"auto"};
|
|
5262
5262
|
bottom: ${({vertical:e,theme:t})=>"bottom"===e?3*t.spacing+"px":"auto"};
|
|
5263
5263
|
z-index: ${({theme:e})=>e.depth.snackbar};
|
|
5264
|
-
`,
|
|
5264
|
+
`,a$=d.default.div`
|
|
5265
5265
|
position: relative;
|
|
5266
5266
|
min-width: 320px;
|
|
5267
5267
|
max-width: 400px;
|
|
@@ -5273,121 +5273,121 @@ object-assign
|
|
|
5273
5273
|
box-shadow: ${({boxShadow:e})=>e};
|
|
5274
5274
|
border-radius: ${({theme:e})=>e.radius}px;
|
|
5275
5275
|
color: ${({textColor:e})=>e||"inherit"};
|
|
5276
|
-
`,
|
|
5276
|
+
`,i$=d.default.div`
|
|
5277
5277
|
position: absolute;
|
|
5278
5278
|
top: ${({theme:e})=>e.spacing}px;
|
|
5279
5279
|
right: ${({theme:e})=>e.spacing}px;
|
|
5280
5280
|
cursor: pointer;
|
|
5281
|
-
`,
|
|
5281
|
+
`,o$=({color:e,onClose:t,children:n})=>{const r=(e=>({default:{iconColor:e.palette.black,boxShadow:ai(5,e.palette.action.shadowOpacity,e.palette.action.shadowBase),background:e.palette.background.default},dark:{iconColor:e.palette.white,boxShadow:ai(5,e.palette.action.shadowOpacity,e.palette.action.shadowBase),background:e.palette.black,textColor:e.palette.text.white},warning:{iconColor:e.palette.warning.ultraDark,boxShadow:ai(5,e.palette.action.shadowOpacity,e.palette.warning.highlight),background:e.palette.warning.highlight}}))(L())[e];return c.createElement(a$,Object.assign({},r),n,c.createElement(i$,{onClick:t},c.createElement(z,{name:"close",color:r.iconColor})))},l$=c.forwardRef((function({color:e="default",anchorOrigin:{vertical:t,horizontal:n}={vertical:"bottom",horizontal:"right"},isOpen:r,onClose:a,children:i},o){return r?c.createElement(r$,{ref:o,vertical:t,horizontal:n,role:"warning"===e?"alert":"status"},c.createElement(o$,{color:e,onClose:a},i)):null})),s$=d.default.div`
|
|
5282
5282
|
display: block;
|
|
5283
|
-
`,
|
|
5283
|
+
`,c$=c.forwardRef((function(e,t){var{children:n}=e,r=p(e,["children"]);return c.createElement(Z,Object.assign({ref:t,display:"flex"},r),c.createElement(vo,{pr:1}),c.createElement(zf,{orientation:"vertical"}),c.createElement(vo,{pr:1}),c.createElement(s$,null,n))})),d$={small:{height:"28px",fontSize:"12px",padding:"0 4px",borderRadius:"4px",itemHeight:"20px",itemPadding:"0 4px",itemRadius:"2px",iconSize:"sm-md",iconItemWidth:"24px",gap:"4px"},medium:{height:"32px",fontSize:"12px",padding:"0 4px",borderRadius:"4px",itemHeight:"24px",itemPadding:"0 6px",itemRadius:"4px",iconSize:"sm-md",iconItemWidth:"24px",gap:"6px"},large:{height:"40px",fontSize:"13px",padding:"0 6px",borderRadius:"6px",itemHeight:"28px",itemPadding:"0 8px",itemRadius:"4px",iconSize:"md",iconItemWidth:"28px",gap:"8px"}},u$=e=>({light:{containerBackground:e.palette.background.default,indicatorBackground:e.palette.black,textColor:e.palette.black,textColorActive:e.palette.background.default,textColorDisabled:e.palette.text.disabled,iconColor:e.palette.black,iconColorActive:e.palette.background.default,iconColorDisabled:e.palette.neutral.lighter,borderColor:e.palette.divider,hoverBackground:e.palette.neutral.softLight},dark:{containerBackground:e.palette.neutral.ultraLight,indicatorBackground:e.palette.black,textColor:e.palette.black,textColorActive:e.palette.background.default,textColorDisabled:e.palette.text.disabled,iconColor:e.palette.black,iconColorActive:e.palette.background.default,iconColorDisabled:e.palette.neutral.lighter,borderColor:e.palette.divider,hoverBackground:e.palette.neutral.softLight},primary:{containerBackground:e.palette.primary.ultraLight,indicatorBackground:e.palette.primary.base,textColor:e.palette.primary.base,textColorActive:e.palette.background.default,textColorDisabled:e.palette.text.disabled,iconColor:e.palette.primary.base,iconColorActive:e.palette.background.default,iconColorDisabled:e.palette.neutral.lighter,borderColor:e.palette.primary.base,hoverBackground:e.palette.primary.highlight}}),p$=d.default.div`
|
|
5284
5284
|
display: inline-flex;
|
|
5285
5285
|
align-items: center;
|
|
5286
|
-
height: ${({$size:e})=>
|
|
5287
|
-
padding: ${({$size:e})=>
|
|
5288
|
-
border-radius: ${({$size:e})=>
|
|
5289
|
-
background-color: ${({$variant:e,theme:t,$disabled:n})=>{if(n)return t.palette.neutral.softLight;return
|
|
5286
|
+
height: ${({$size:e})=>d$[e].height};
|
|
5287
|
+
padding: ${({$size:e})=>d$[e].padding};
|
|
5288
|
+
border-radius: ${({$size:e})=>d$[e].borderRadius};
|
|
5289
|
+
background-color: ${({$variant:e,theme:t,$disabled:n})=>{if(n)return t.palette.neutral.softLight;return u$(t)[e].containerBackground}};
|
|
5290
5290
|
border: 1px solid
|
|
5291
|
-
${({$variant:e,theme:t,$disabled:n})=>{if(n)return t.palette.text.disabled;return
|
|
5291
|
+
${({$variant:e,theme:t,$disabled:n})=>{if(n)return t.palette.text.disabled;return u$(t)[e].borderColor}};
|
|
5292
5292
|
width: ${({$fullWidth:e,$width:t})=>e?"100%":t?`${isNaN(+t)?t:t+"px"}`:"auto"};
|
|
5293
5293
|
cursor: ${({$disabled:e})=>e?"not-allowed":"default"};
|
|
5294
5294
|
transition: all 0.3s ease-in-out;
|
|
5295
|
-
`,
|
|
5295
|
+
`,f$=d.default.div`
|
|
5296
5296
|
position: relative;
|
|
5297
5297
|
width: 100%;
|
|
5298
|
-
`,
|
|
5298
|
+
`,m$=d.default.div`
|
|
5299
5299
|
position: relative;
|
|
5300
5300
|
width: 100%;
|
|
5301
5301
|
white-space: nowrap;
|
|
5302
5302
|
display: flex;
|
|
5303
5303
|
align-items: center;
|
|
5304
|
-
gap: ${({$size:e})=>
|
|
5304
|
+
gap: ${({$size:e})=>d$[e].gap};
|
|
5305
5305
|
${({$fullWidth:e})=>e&&"\n & > * {\n flex: 1;\n }\n "}
|
|
5306
|
-
`,
|
|
5306
|
+
`,h$=d.default.div`
|
|
5307
5307
|
display: inline-flex;
|
|
5308
5308
|
align-items: center;
|
|
5309
5309
|
justify-content: center;
|
|
5310
|
-
width: ${({$size:e})=>
|
|
5311
|
-
height: ${({$size:e})=>
|
|
5312
|
-
border-radius: ${({$size:e})=>
|
|
5310
|
+
width: ${({$size:e})=>d$[e].iconItemWidth};
|
|
5311
|
+
height: ${({$size:e})=>d$[e].itemHeight};
|
|
5312
|
+
border-radius: ${({$size:e})=>d$[e].itemRadius};
|
|
5313
5313
|
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
5314
5314
|
transition: all 0.3s ease-in-out;
|
|
5315
5315
|
background-color: transparent;
|
|
5316
5316
|
|
|
5317
5317
|
@media (any-hover: hover) {
|
|
5318
5318
|
&:hover:not([data-disabled="true"]) {
|
|
5319
|
-
background-color: ${({$variant:e,theme:t,$active:n,$disabled:r})=>{if(r)return"transparent";if(n)return"transparent";return
|
|
5319
|
+
background-color: ${({$variant:e,theme:t,$active:n,$disabled:r})=>{if(r)return"transparent";if(n)return"transparent";return u$(t)[e].hoverBackground}};
|
|
5320
5320
|
}
|
|
5321
5321
|
}
|
|
5322
|
-
`,
|
|
5322
|
+
`,g$=d.default.div`
|
|
5323
5323
|
display: inline-flex;
|
|
5324
5324
|
align-items: center;
|
|
5325
5325
|
justify-content: center;
|
|
5326
|
-
height: ${({$size:e})=>
|
|
5327
|
-
padding: ${({$size:e})=>
|
|
5328
|
-
border-radius: ${({$size:e})=>
|
|
5326
|
+
height: ${({$size:e})=>d$[e].itemHeight};
|
|
5327
|
+
padding: ${({$size:e})=>d$[e].itemPadding};
|
|
5328
|
+
border-radius: ${({$size:e})=>d$[e].itemRadius};
|
|
5329
5329
|
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
5330
5330
|
transition: all 0.3s ease-in-out;
|
|
5331
5331
|
background-color: transparent;
|
|
5332
5332
|
|
|
5333
5333
|
@media (any-hover: hover) {
|
|
5334
5334
|
&:hover:not([data-disabled="true"]) {
|
|
5335
|
-
background-color: ${({$variant:e,theme:t,$active:n,$disabled:r})=>{if(r)return"transparent";if(n)return"transparent";return
|
|
5335
|
+
background-color: ${({$variant:e,theme:t,$active:n,$disabled:r})=>{if(r)return"transparent";if(n)return"transparent";return u$(t)[e].hoverBackground}};
|
|
5336
5336
|
}
|
|
5337
5337
|
}
|
|
5338
5338
|
|
|
5339
5339
|
span {
|
|
5340
|
-
color: ${({$variant:e,theme:t,$active:n,$disabled:r})=>{if(r&&n)return t.palette.background.default;if(r){return
|
|
5340
|
+
color: ${({$variant:e,theme:t,$active:n,$disabled:r})=>{if(r&&n)return t.palette.background.default;if(r){return u$(t)[e].textColorDisabled}if(n){return u$(t)[e].textColorActive}return u$(t)[e].textColor}};
|
|
5341
5341
|
transition: color 0.5s ease-in-out;
|
|
5342
5342
|
}
|
|
5343
|
-
`,
|
|
5343
|
+
`,b$=d.default.div`
|
|
5344
5344
|
position: absolute;
|
|
5345
5345
|
top: 0;
|
|
5346
5346
|
height: 100%;
|
|
5347
5347
|
transition: all 0.3s ease-in-out; //インジケーターの動きだしタイミングを少しだけ速くする
|
|
5348
|
-
background-color: ${({$variant:e,theme:t,$disabled:n})=>{if(n)return t.palette.text.disabled;return
|
|
5349
|
-
border-radius: ${({$size:e})=>
|
|
5350
|
-
`,
|
|
5348
|
+
background-color: ${({$variant:e,theme:t,$disabled:n})=>{if(n)return t.palette.text.disabled;return u$(t)[e].indicatorBackground}};
|
|
5349
|
+
border-radius: ${({$size:e})=>d$[e].itemRadius};
|
|
5350
|
+
`,v$="undefined"!=typeof window?c.default.useLayoutEffect:c.default.useEffect;function x$(e){const t=c.default.useRef(e);return v$((()=>{t.current=e})),c.default.useCallback(((...e)=>t.current(...e)),[])}const y$=c.forwardRef((function({cases:e,value:t,onChange:n,size:r="medium",variant:a="light",disabled:i=!1,fullWidth:o=!1,width:l,showTooltip:s=!1,tooltipPosition:d=["top-start","bottom-start","auto"]},u){const p=L(),f=e,m=new Map,h=c.useRef(null),g=c.useRef(null),[b,v]=c.useState({}),x=(e,t)=>()=>{!n||i||t||n(e)},y=c.useMemo((()=>"small"===r||"medium"===r?"sm-md":"md"),[r]),w=c.useCallback(((e,t)=>e&&t?p.palette.background.default:e?p.palette.text.disabled:t?p.palette.background.default:u$(p)[a].iconColor),[p,a]),C=c.useMemo((()=>"small"===r?"xs":"sm"),[r]),E=x$((()=>{const{tabsMeta:e,tabMeta:n}=(()=>{const e=h.current;let n,r;if(e){const t=e.getBoundingClientRect();n={clientWidth:e.clientWidth,scrollLeft:e.scrollLeft,scrollTop:e.scrollTop,scrollWidth:e.scrollWidth,top:t.top,bottom:t.bottom,left:t.left,right:t.right}}if(e&&null!=t&&g.current){const e=g.current.children;if(e.length>0){const n=e[m.get(t)];r=(null==n?void 0:n.getBoundingClientRect())||null}}return{tabsMeta:n,tabMeta:r}})();let r=0;if(n&&e){const t=e.scrollLeft;r=n.left-e.left+t}const a={left:r,width:n?n.width:0};if(void 0===b.left||void 0===b.width)v(a);else{const e=Math.abs(b.left-a.left),t=Math.abs((null==b?void 0:b.width)-a.width);(e>=1||t>=1)&&v(a)}}));return c.useEffect((()=>{E()}),[t,f.length,r,a,E]),c.useEffect((()=>{const e=()=>{E()};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[E]),c.createElement(p$,{ref:u,$size:r,$variant:a,$disabled:i,$fullWidth:o,$width:l,role:"tablist","aria-label":"Switch options"},c.createElement(f$,{ref:h},c.createElement(b$,{$size:r,$variant:a,$disabled:i,style:Object.assign({},b)}),c.createElement(m$,{ref:g,$size:r,$fullWidth:o},f.map(((e,n)=>{const o=void 0===e.value?n:e.value;m.set(o,n);const l=o===t,u=e.disabled||i,p=null!=e.icon?c.createElement(h$,{$size:r,$variant:a,$active:l,$disabled:u,"data-disabled":u,role:"tab","aria-selected":l,tabIndex:u?-1:0,onClick:x(o,u)},c.createElement(z,{name:e.icon,size:y,color:w(u,l)})):c.createElement(g$,{key:e.name,$size:r,$variant:a,$active:l,$disabled:u,"data-disabled":u,role:"tab","aria-selected":l,tabIndex:u?-1:0,onClick:x(o,u)},c.createElement(ee,{trimVertical:!0,component:"span",size:C,weight:"normal",color:"secondary"},e.name));return s?c.createElement(tc,{key:e.name,content:e.name,positionPriority:d,offset:[0,15]},p):c.createElement(c.Fragment,{key:e.name},p)})))))})),w$=c.forwardRef((function(e,t){var{children:n}=e,r=p(e,["children"]);return c.createElement("tbody",Object.assign({ref:t},r),n)})),C$=d.default.td`
|
|
5351
5351
|
width: ${({width:e})=>e};
|
|
5352
5352
|
padding: ${({theme:e})=>2*e.spacing}px;
|
|
5353
|
-
`,
|
|
5353
|
+
`,E$=c.forwardRef((function(e,t){var{width:n="auto",children:r}=e,a=p(e,["width","children"]);return c.createElement(C$,Object.assign({ref:t,width:n},a),c.createElement(ee,{component:"div"},r))})),I$=c.forwardRef((function({children:e},t){return c.createElement("thead",{ref:t},e)})),k$={small:"8px",medium:"12px",large:"16px"},M$=e=>k$[e],$$=d.default.tr`
|
|
5354
5354
|
border: 1px solid ${({theme:e})=>e.palette.divider};
|
|
5355
5355
|
|
|
5356
5356
|
& > td,
|
|
5357
5357
|
th {
|
|
5358
|
-
padding-top: ${({$verticalSpacing:e})=>
|
|
5359
|
-
padding-bottom: ${({$verticalSpacing:e})=>
|
|
5358
|
+
padding-top: ${({$verticalSpacing:e})=>M$(e)};
|
|
5359
|
+
padding-bottom: ${({$verticalSpacing:e})=>M$(e)};
|
|
5360
5360
|
}
|
|
5361
|
-
|
|
5361
|
+
`,A$=c.forwardRef((function(e,t){var{children:n,verticalSpacing:r="medium"}=e,a=p(e,["children","verticalSpacing"]);return c.createElement($$,Object.assign({ref:t,$verticalSpacing:r},a),n)})),S$=d.default.th`
|
|
5362
5362
|
width: ${({width:e})=>e};
|
|
5363
5363
|
padding: ${({theme:e})=>2*e.spacing}px;
|
|
5364
5364
|
background-color: ${({theme:e})=>e.palette.neutral.highlight};
|
|
5365
5365
|
border: 1px solid ${({theme:e})=>e.palette.divider};
|
|
5366
|
-
`,
|
|
5366
|
+
`,V$=c.default.forwardRef((function(e,t){var{width:n="auto",children:r}=e,a=p(e,["width","children"]);return c.default.createElement(S$,Object.assign({ref:t,width:n},a),c.default.createElement(ee,{component:"div",weight:"bold",size:"md",lineHeight:"normal"},r))})),L$=d.default.table`
|
|
5367
5367
|
width: 100%;
|
|
5368
5368
|
border-collapse: collapse;
|
|
5369
5369
|
table-layout: auto;
|
|
5370
5370
|
background-color: ${({theme:e})=>e.palette.background.default};
|
|
5371
|
-
`,
|
|
5371
|
+
`,O$=c.forwardRef((function(e,t){var{children:n}=e,r=p(e,["children"]);return c.createElement(L$,Object.assign({ref:t},r),n)}));O$.Header=I$,O$.Body=w$,O$.Row=A$,O$.Cell=E$,O$.HeaderCell=V$;const H$=d.default.div`
|
|
5372
5372
|
position: relative;
|
|
5373
|
-
`,
|
|
5373
|
+
`,D$=d.default.div`
|
|
5374
5374
|
${({$orientation:e})=>"vertical"===e&&t.css`
|
|
5375
5375
|
display: flex;
|
|
5376
5376
|
flex-direction: column;
|
|
5377
5377
|
align-items: stretch;
|
|
5378
5378
|
`}
|
|
5379
|
-
`,
|
|
5379
|
+
`,R$=d.default.div`
|
|
5380
5380
|
display: flex;
|
|
5381
5381
|
flex-direction: column;
|
|
5382
|
-
`,
|
|
5382
|
+
`,z$=d.default.div`
|
|
5383
5383
|
overflow-x: auto;
|
|
5384
5384
|
-webkit-overflow-scrolling: touch;
|
|
5385
|
-
`,
|
|
5385
|
+
`,N$=d.default.div`
|
|
5386
5386
|
position: relative;
|
|
5387
5387
|
display: inline-flex;
|
|
5388
5388
|
flex-wrap: nowrap;
|
|
5389
5389
|
align-items: stretch;
|
|
5390
|
-
`,
|
|
5390
|
+
`,T$=d.default.button`
|
|
5391
5391
|
flex-shrink: 0;
|
|
5392
5392
|
line-height: 1.25;
|
|
5393
5393
|
overflow: hidden;
|
|
@@ -5430,7 +5430,7 @@ object-assign
|
|
|
5430
5430
|
}
|
|
5431
5431
|
`}
|
|
5432
5432
|
`}
|
|
5433
|
-
`,
|
|
5433
|
+
`,Z$=d.default.div`
|
|
5434
5434
|
display: flex;
|
|
5435
5435
|
align-items: center;
|
|
5436
5436
|
min-height: ${Jc.small.pillHeight};
|
|
@@ -5438,11 +5438,11 @@ object-assign
|
|
|
5438
5438
|
${({$orientation:e})=>"vertical"===e&&t.css`
|
|
5439
5439
|
width: 100%;
|
|
5440
5440
|
`}
|
|
5441
|
-
`,
|
|
5441
|
+
`,B$=d.default(ee).attrs({trimVertical:!0})`
|
|
5442
5442
|
padding-right: 2px;
|
|
5443
5443
|
font-weight: normal;
|
|
5444
5444
|
color: ${({selected:e,theme:t})=>e?t.palette.primary.base:t.palette.text.primary};
|
|
5445
|
-
`,
|
|
5445
|
+
`,P$=d.default.div`
|
|
5446
5446
|
position: absolute;
|
|
5447
5447
|
top: 0;
|
|
5448
5448
|
height: 100%;
|
|
@@ -5451,20 +5451,20 @@ object-assign
|
|
|
5451
5451
|
left 0.3s ease-in-out,
|
|
5452
5452
|
width 0.3s ease-in-out;
|
|
5453
5453
|
border-bottom: ${({theme:e})=>`2px solid ${e.palette.primary.base}`};
|
|
5454
|
-
`,
|
|
5454
|
+
`,_$=d.default.div`
|
|
5455
5455
|
flex-shrink: 0;
|
|
5456
5456
|
height: 1px;
|
|
5457
5457
|
width: 100%;
|
|
5458
5458
|
background: ${({theme:e})=>e.palette.neutral.lighter};
|
|
5459
|
-
`,
|
|
5459
|
+
`,F$=c.forwardRef((function({text:e,count:t,countMax:n,value:r,selected:a,orientation:i,onChange:o,onClick:l},s){const d=a?"primary":"secondaryDark";return c.createElement(T$,{ref:s,value:r,tabIndex:a?0:-1,role:"tab","aria-selected":a,selected:a,$orientation:i,onClick:e=>{!a&&o&&o(r),l&&l(e)}},c.createElement(Z$,{$orientation:i},c.createElement(Zk,{showZero:!0,layout:"inline",badgeContent:t,max:null!=n?n:99,color:d,size:"small"},c.createElement(B$,{selected:a},e))))})),G$=d.default.div`
|
|
5460
5460
|
cursor: ${({disabled:e})=>e?"not-allowed":"pointer"};
|
|
5461
|
-
`,G$=(e=15)=>{const t=[];for(let n=0;n<24;n++)for(let r=0;r<60;r+=e){const e=co().hour(n).minute(r).format("HH:mm");t.push(e)}return t},j$=(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 Y$=e.memo((({time:t,error:r=!1,errorText:a,disabled:i=!1,onTimeChange:o,dropdownInterval:l=60,filterTimeOptions:s,size:d="medium",variant:u="light",width:p="120px",maxHeight:f=300,onFocus:m,onBlur:h})=>{var g,b,v,x;re("TimeField","TimeField は非推奨です。代わりに TimeField2 を使用してください。");const y=L(),[w,C]=e.useState(!1),E=e.useRef(null),I=e.useId(),k="HH:mm",M=t||co(),$=e.useMemo((()=>{const e=G$(l);return s&&s.length>0?e.filter((e=>s.every((t=>t(e))))):e}),[l,s]),[A,S]=e.useState(M.format(k)),[V,O]=e.useState(Xy(A)),[H,D]=e.useState({start:0,end:V.length-1,current:0}),[R,N]=e.useState(null);e.useEffect((()=>{const e=M.format(k);S(e),O(Xy(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=V[V.length-1].end+1,i=r>=a?a:r,o=V.findIndex((e=>i>=e.start&&i<=e.end+1));D((e=>V[o].editable?e.current===o?e:Object.assign(Object.assign({},e),{current:o}):Object.assign(Object.assign({},e),{current:o+1}))),null===(n=E.current)||void 0===n||n.setSelectionRange(V[o].start,V[o].end+1)}))}),[V]),Z=e.useCallback((()=>{T(),null==m||m()}),[T,m]),B=e.useCallback((()=>{D((e=>Object.assign(Object.assign({},e),{current:0}))),N(null),null==h||h()}),[h]),P=e.useCallback(((e,t,n)=>{const r=j$(e,t,n,k);return r?r.newTime:null}),[k]),_=e.useCallback((e=>{const r=nw(e.code),a=r?rw(e.code):null;if(!tw.includes(e.key)&&!r)return;if(e.key===qy.ArrowLeft||e.key===qy.ArrowRight){e.preventDefault();const t=((e,t,n)=>{if(t===qy.ArrowLeft){for(let t=e-1;t>=0;t--)if(n[t].editable)return t-e}else if(t===qy.ArrowRight)for(let t=e+1;t<n.length;t++)if(n[t].editable)return t-e;return 0})(H.current,e.key,V);D((e=>Object.assign(Object.assign({},e),{current:e.current+t}))),N(null)}if(e.key===qy.ArrowUp||e.key===qy.ArrowDown){e.preventDefault();const n=e.key===qy.ArrowUp?1:-1,r=t||co(),a=P(r,H.current,n);if(a){const e=a.format(k);S(e),O(Xy(e)),o&&o(a)}}const i=r?a:e.key;if((ew.includes(e.key)||r)&&i){e.preventDefault();const r=((e,t,n,r)=>{const a=t.map((e=>Object.assign({},e)));let i=!1,o=null;if(r!==n){a[n].value=e.padStart(t[n].value.length,"0");const r=parseInt(e);(0===n?r<=2:r<=5)?o=n:(o=null,i=!0)}else{const r=(t[n].value.slice(1)+e).slice(-t[n].value.length);a[n].value=r,o=null,i=!0}return{newSections:a,shouldMoveToNextSection:i,newLastEditedSection:o}})(i,V,H.current,R),a=Jy(r.newSections),l=t||co(),s=a,c=co(`${l.format("YYYY-MM-DD")} ${s}`),d=c.format(k);if(n.flushSync((()=>{S(d),O(Xy(d))})),c.isValid()&&o){const e=l.hour(c.hour()).minute(c.minute()).second(0).millisecond(0);o(e)}if(N(r.newLastEditedSection),r.shouldMoveToNextSection)for(let e=H.current+1;e<V.length;e++)if(V[e].editable){D((t=>Object.assign(Object.assign({},t),{current:e})));break}}if(e.key===qy.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})(V,H.current);O(t),N(null);const n=Jy(t);S(n)}}),[V,H,R,k,o,t,P]),F=e.useCallback((()=>{T()}),[T]),G=e.useCallback((e=>{const[n,r]=e.split(":").map(Number),a=(t||co()).hour(n).minute(r).second(0).millisecond(0);o&&o(a),C(!1)}),[t,o]),j=e.useCallback((e=>{e.preventDefault();const n=e.clipboardData.getData("text").trim(),[r,a]=n.split(":"),i=parseInt(r,10),l=parseInt(a,10);if(!(!isNaN(i)&&!isNaN(l)&&i>=0&&i<=23&&l>=0&&l<=59))return;const s=t||co(),c=co(`${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);S(t),O(Xy(t)),o&&o(e)}}),[t,k,o]);return e.useEffect((()=>{var e;V[H.current]&&(null===(e=E.current)||void 0===e||e.setSelectionRange(V[H.current].start,V[H.current].end+1))}),[H,V]),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(Bi,{ref:E,readOnly:!0,multiline:!1,error:r||!!a,disabled:i,width:p,size:d,variant:u,value:A,append:c.default.createElement(F$,{disabled:i,"aria-label":"時刻を選択",role:"button",tabIndex:i?-1:0,onClick:e=>{e.stopPropagation(),e.preventDefault(),i||C(!w)}},c.default.createElement(z,{name:"arrow_down",color:i?y.palette.text.disabled:y.palette.black})),onFocus:Z,onBlur:B,onKeyDown:_,onMouseDown:F,onPaste:j}),c.default.createElement(to,null,c.default.createElement(eo,{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(ni,{key:e,"data-timefield-item":`${I}-${e}`,checked:n,onChange:t=>{t&&G(e)}},e)})):c.default.createElement(rt,{disabled:!0},"選択可能な時刻がありません"))),a&&c.default.createElement(c.default.Fragment,null,c.default.createElement(vo,{py:1}),c.default.createElement(Ic,null,a)))}));var W$=e.memo((({time:t,name:n,error:r=!1,errorText:a,disabled:i=!1,onTimeChange:o,dropdownInterval:l=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=L(),[w,C]=e.useState(!1),E=e.useRef(null),I=e.useId(),k="HH:mm",M=Zi(),$=t||co(),A=e.useMemo((()=>{const e=G$(l);return s&&s.length>0?e.filter((e=>s.every((t=>t(e))))):e}),[l,s]),{value:S,sections:V,focusedIndex:O,isFocused:H,getSegmentProps:D,groupProps:R}=(({time:t,disabled:n=!1,onTimeChange:r})=>{const a="HH:mm",i=t||co(),[o,l]=e.useState(i.format(a)),s=e.useRef(o),[c,d]=e.useState(Xy(o)),[u,p]=e.useState(null),f=e.useRef(null),m=e.useRef(0),[h,g]=e.useState(!1),b=e.useRef([]),v=e.useRef(null),x=e.useCallback((e=>{f.current=e,p(e)}),[]),y=e.useCallback((e=>{x(e),m.current=0;const t=b.current[e];t&&t!==document.activeElement&&t.focus()}),[x]);e.useEffect((()=>{const e=(t||co()).format(a);l(e),s.current=e,d(Xy(e))}),[t]);const w=e.useCallback(((e,t)=>{for(let n=e+t;n>=0&&n<c.length;n+=t)if(c[n].editable)return n;return null}),[c]),C=e.useCallback((e=>{const n=f.current;if(null===n)return;const i=c[n];if(!(null==i?void 0:i.editable))return;const o=m.current;let u=i.value;0===o&&(u="".padStart(i.value.length,"0"));const p=`${u.slice(1)}${e}`,h=[...c];h[n]=Object.assign(Object.assign({},h[n]),{value:p}),d(h);const g=o+1;m.current=g;const b=0===n,v=parseInt(e);let x=!1;x=0===o?!(b?v<=2:v<=5):g>=i.value.length;const C=Jy(h),E=t||co(),I=co(`${E.format("YYYY-MM-DD")} ${C}`),k=I.format(a);if(l(k),s.current=k,d(Xy(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!==qy.ArrowUp&&n.key!==qy.ArrowDown){if(n.key===qy.Backspace||n.key===qy.Delete){n.preventDefault(),n.stopPropagation();const t=n.key===qy.Backspace,r="0".repeat(i.value.length);if(i.value===r&&0===m.current){if(t){const t=w(e,-1);null!==t&&y(t)}return}const a=[...c];a[e]=Object.assign(Object.assign({},a[e]),{value:r}),d(a),m.current=0;const o=Jy(a);return l(o),void(s.current=o)}if(nw(n.code)){n.preventDefault();const e=rw(n.code);e&&C(e)}}else{n.preventDefault();const i=n.key===qy.ArrowUp?1:-1,o=t||co(),[c,u]=s.current.split(":").map(Number),p=o.hour(c).minute(u).second(0).millisecond(0),f=j$(p,e,i,a);f&&(l(f.normalizedValue),s.current=f.normalizedValue,d(Xy(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!==qy.ArrowLeft&&e.key!==qy.ArrowRight){if(e.key===qy.Tab){const n=e.shiftKey?-1:1,r=w(t,n);null!==r&&(e.preventDefault(),y(r))}}else{e.preventDefault();const n=e.key===qy.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,o]=n.split(":"),c=parseInt(i,10),u=parseInt(o,10);if(isNaN(c)||isNaN(u)||c<0||c>23||u<0||u>59)return;const p=(t||co()).hour(c).minute(u).second(0).millisecond(0),f=p.format(a);l(f),s.current=f,d(Xy(f)),null==r||r(p)}),[t,a,r]);return{value:o,sections:c,focusedIndex:u,isFocused:h,getSegmentProps:A,groupProps:{ref:v,onKeyDown:S,onPaste:V}}})({time:$,disabled:i,onTimeChange:o}),N=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||co()).hour(n).minute(r).second(0).millisecond(0);null==o||o(a),C(!1)}),[t,o]),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(Mw,{ref:E,$disabled:i,$error:r||!!a,$focused:H,$isIOS:M,$size:d,$variant:u,$width:p,onBlurCapture:T,onFocusCapture:N},c.default.createElement($w,Object.assign({},R),V.map(((e,t)=>c.default.createElement(Aw,Object.assign({key:`${e.start}-${e.end}`,$editable:e.editable,$focused:H&&O===t},D(t)),e.value)))),c.default.createElement(Sw,null,c.default.createElement(F$,{disabled:i,"aria-label":"時刻を選択",role:"button",tabIndex:i?-1:0,onClick:B},c.default.createElement(z,{color:i?y.palette.text.disabled:y.palette.black,name:"arrow_down"})))),c.default.createElement("input",{type:"hidden",name:n,value:S,disabled:i}),c.default.createElement(to,null,c.default.createElement(eo,{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(ni,{key:e,checked:n,"data-timefield-item":`${I}-${e}`,onChange:P(e)},e)})):c.default.createElement(rt,{disabled:!0},"選択可能な時刻がありません"))),a&&c.default.createElement(c.default.Fragment,null,c.default.createElement(vo,{py:1}),c.default.createElement(Ic,null,a)))}));const X$="calc(100vw - 24px)",J$="800px",U$=d.default.div`
|
|
5461
|
+
`,j$=(e=15)=>{const t=[];for(let n=0;n<24;n++)for(let r=0;r<60;r+=e){const e=co().hour(n).minute(r).format("HH:mm");t.push(e)}return t},Y$=(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 W$=e.memo((({time:t,error:r=!1,errorText:a,disabled:i=!1,onTimeChange:o,dropdownInterval:l=60,filterTimeOptions:s,size:d="medium",variant:u="light",width:p="120px",maxHeight:f=300,onFocus:m,onBlur:h})=>{var g,b,v,x;re("TimeField","TimeField は非推奨です。代わりに TimeField2 を使用してください。");const y=L(),[w,C]=e.useState(!1),E=e.useRef(null),I=e.useId(),k="HH:mm",M=t||co(),$=e.useMemo((()=>{const e=j$(l);return s&&s.length>0?e.filter((e=>s.every((t=>t(e))))):e}),[l,s]),[A,S]=e.useState(M.format(k)),[V,O]=e.useState(Jy(A)),[H,D]=e.useState({start:0,end:V.length-1,current:0}),[R,N]=e.useState(null);e.useEffect((()=>{const e=M.format(k);S(e),O(Jy(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=V[V.length-1].end+1,i=r>=a?a:r,o=V.findIndex((e=>i>=e.start&&i<=e.end+1));D((e=>V[o].editable?e.current===o?e:Object.assign(Object.assign({},e),{current:o}):Object.assign(Object.assign({},e),{current:o+1}))),null===(n=E.current)||void 0===n||n.setSelectionRange(V[o].start,V[o].end+1)}))}),[V]),Z=e.useCallback((()=>{T(),null==m||m()}),[T,m]),B=e.useCallback((()=>{D((e=>Object.assign(Object.assign({},e),{current:0}))),N(null),null==h||h()}),[h]),P=e.useCallback(((e,t,n)=>{const r=Y$(e,t,n,k);return r?r.newTime:null}),[k]),_=e.useCallback((e=>{const r=rw(e.code),a=r?aw(e.code):null;if(!nw.includes(e.key)&&!r)return;if(e.key===Ky.ArrowLeft||e.key===Ky.ArrowRight){e.preventDefault();const t=((e,t,n)=>{if(t===Ky.ArrowLeft){for(let t=e-1;t>=0;t--)if(n[t].editable)return t-e}else if(t===Ky.ArrowRight)for(let t=e+1;t<n.length;t++)if(n[t].editable)return t-e;return 0})(H.current,e.key,V);D((e=>Object.assign(Object.assign({},e),{current:e.current+t}))),N(null)}if(e.key===Ky.ArrowUp||e.key===Ky.ArrowDown){e.preventDefault();const n=e.key===Ky.ArrowUp?1:-1,r=t||co(),a=P(r,H.current,n);if(a){const e=a.format(k);S(e),O(Jy(e)),o&&o(a)}}const i=r?a:e.key;if((tw.includes(e.key)||r)&&i){e.preventDefault();const r=((e,t,n,r)=>{const a=t.map((e=>Object.assign({},e)));let i=!1,o=null;if(r!==n){a[n].value=e.padStart(t[n].value.length,"0");const r=parseInt(e);(0===n?r<=2:r<=5)?o=n:(o=null,i=!0)}else{const r=(t[n].value.slice(1)+e).slice(-t[n].value.length);a[n].value=r,o=null,i=!0}return{newSections:a,shouldMoveToNextSection:i,newLastEditedSection:o}})(i,V,H.current,R),a=Uy(r.newSections),l=t||co(),s=a,c=co(`${l.format("YYYY-MM-DD")} ${s}`),d=c.format(k);if(n.flushSync((()=>{S(d),O(Jy(d))})),c.isValid()&&o){const e=l.hour(c.hour()).minute(c.minute()).second(0).millisecond(0);o(e)}if(N(r.newLastEditedSection),r.shouldMoveToNextSection)for(let e=H.current+1;e<V.length;e++)if(V[e].editable){D((t=>Object.assign(Object.assign({},t),{current:e})));break}}if(e.key===Ky.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})(V,H.current);O(t),N(null);const n=Uy(t);S(n)}}),[V,H,R,k,o,t,P]),F=e.useCallback((()=>{T()}),[T]),G=e.useCallback((e=>{const[n,r]=e.split(":").map(Number),a=(t||co()).hour(n).minute(r).second(0).millisecond(0);o&&o(a),C(!1)}),[t,o]),j=e.useCallback((e=>{e.preventDefault();const n=e.clipboardData.getData("text").trim(),[r,a]=n.split(":"),i=parseInt(r,10),l=parseInt(a,10);if(!(!isNaN(i)&&!isNaN(l)&&i>=0&&i<=23&&l>=0&&l<=59))return;const s=t||co(),c=co(`${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);S(t),O(Jy(t)),o&&o(e)}}),[t,k,o]);return e.useEffect((()=>{var e;V[H.current]&&(null===(e=E.current)||void 0===e||e.setSelectionRange(V[H.current].start,V[H.current].end+1))}),[H,V]),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(Bi,{ref:E,readOnly:!0,multiline:!1,error:r||!!a,disabled:i,width:p,size:d,variant:u,value:A,append:c.default.createElement(G$,{disabled:i,"aria-label":"時刻を選択",role:"button",tabIndex:i?-1:0,onClick:e=>{e.stopPropagation(),e.preventDefault(),i||C(!w)}},c.default.createElement(z,{name:"arrow_down",color:i?y.palette.text.disabled:y.palette.black})),onFocus:Z,onBlur:B,onKeyDown:_,onMouseDown:F,onPaste:j}),c.default.createElement(to,null,c.default.createElement(eo,{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(ni,{key:e,"data-timefield-item":`${I}-${e}`,checked:n,onChange:t=>{t&&G(e)}},e)})):c.default.createElement(rt,{disabled:!0},"選択可能な時刻がありません"))),a&&c.default.createElement(c.default.Fragment,null,c.default.createElement(vo,{py:1}),c.default.createElement(Ic,null,a)))}));var X$=e.memo((({time:t,name:n,error:r=!1,errorText:a,disabled:i=!1,onTimeChange:o,dropdownInterval:l=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=L(),[w,C]=e.useState(!1),E=e.useRef(null),I=e.useId(),k="HH:mm",M=Zi(),$=t||co(),A=e.useMemo((()=>{const e=j$(l);return s&&s.length>0?e.filter((e=>s.every((t=>t(e))))):e}),[l,s]),{value:S,sections:V,focusedIndex:O,isFocused:H,getSegmentProps:D,groupProps:R}=(({time:t,disabled:n=!1,onTimeChange:r})=>{const a="HH:mm",i=t||co(),[o,l]=e.useState(i.format(a)),s=e.useRef(o),[c,d]=e.useState(Jy(o)),[u,p]=e.useState(null),f=e.useRef(null),m=e.useRef(0),[h,g]=e.useState(!1),b=e.useRef([]),v=e.useRef(null),x=e.useCallback((e=>{f.current=e,p(e)}),[]),y=e.useCallback((e=>{x(e),m.current=0;const t=b.current[e];t&&t!==document.activeElement&&t.focus()}),[x]);e.useEffect((()=>{const e=(t||co()).format(a);l(e),s.current=e,d(Jy(e))}),[t]);const w=e.useCallback(((e,t)=>{for(let n=e+t;n>=0&&n<c.length;n+=t)if(c[n].editable)return n;return null}),[c]),C=e.useCallback((e=>{const n=f.current;if(null===n)return;const i=c[n];if(!(null==i?void 0:i.editable))return;const o=m.current;let u=i.value;0===o&&(u="".padStart(i.value.length,"0"));const p=`${u.slice(1)}${e}`,h=[...c];h[n]=Object.assign(Object.assign({},h[n]),{value:p}),d(h);const g=o+1;m.current=g;const b=0===n,v=parseInt(e);let x=!1;x=0===o?!(b?v<=2:v<=5):g>=i.value.length;const C=Uy(h),E=t||co(),I=co(`${E.format("YYYY-MM-DD")} ${C}`),k=I.format(a);if(l(k),s.current=k,d(Jy(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!==Ky.ArrowUp&&n.key!==Ky.ArrowDown){if(n.key===Ky.Backspace||n.key===Ky.Delete){n.preventDefault(),n.stopPropagation();const t=n.key===Ky.Backspace,r="0".repeat(i.value.length);if(i.value===r&&0===m.current){if(t){const t=w(e,-1);null!==t&&y(t)}return}const a=[...c];a[e]=Object.assign(Object.assign({},a[e]),{value:r}),d(a),m.current=0;const o=Uy(a);return l(o),void(s.current=o)}if(rw(n.code)){n.preventDefault();const e=aw(n.code);e&&C(e)}}else{n.preventDefault();const i=n.key===Ky.ArrowUp?1:-1,o=t||co(),[c,u]=s.current.split(":").map(Number),p=o.hour(c).minute(u).second(0).millisecond(0),f=Y$(p,e,i,a);f&&(l(f.normalizedValue),s.current=f.normalizedValue,d(Jy(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!==Ky.ArrowLeft&&e.key!==Ky.ArrowRight){if(e.key===Ky.Tab){const n=e.shiftKey?-1:1,r=w(t,n);null!==r&&(e.preventDefault(),y(r))}}else{e.preventDefault();const n=e.key===Ky.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,o]=n.split(":"),c=parseInt(i,10),u=parseInt(o,10);if(isNaN(c)||isNaN(u)||c<0||c>23||u<0||u>59)return;const p=(t||co()).hour(c).minute(u).second(0).millisecond(0),f=p.format(a);l(f),s.current=f,d(Jy(f)),null==r||r(p)}),[t,a,r]);return{value:o,sections:c,focusedIndex:u,isFocused:h,getSegmentProps:A,groupProps:{ref:v,onKeyDown:S,onPaste:V}}})({time:$,disabled:i,onTimeChange:o}),N=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||co()).hour(n).minute(r).second(0).millisecond(0);null==o||o(a),C(!1)}),[t,o]),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($w,{ref:E,$disabled:i,$error:r||!!a,$focused:H,$isIOS:M,$size:d,$variant:u,$width:p,onBlurCapture:T,onFocusCapture:N},c.default.createElement(Aw,Object.assign({},R),V.map(((e,t)=>c.default.createElement(Sw,Object.assign({key:`${e.start}-${e.end}`,$editable:e.editable,$focused:H&&O===t},D(t)),e.value)))),c.default.createElement(Vw,null,c.default.createElement(G$,{disabled:i,"aria-label":"時刻を選択",role:"button",tabIndex:i?-1:0,onClick:B},c.default.createElement(z,{color:i?y.palette.text.disabled:y.palette.black,name:"arrow_down"})))),c.default.createElement("input",{type:"hidden",name:n,value:S,disabled:i}),c.default.createElement(to,null,c.default.createElement(eo,{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(ni,{key:e,checked:n,"data-timefield-item":`${I}-${e}`,onChange:P(e)},e)})):c.default.createElement(rt,{disabled:!0},"選択可能な時刻がありません"))),a&&c.default.createElement(c.default.Fragment,null,c.default.createElement(vo,{py:1}),c.default.createElement(Ic,null,a)))}));const J$="calc(100vw - 24px)",U$="800px",Q$=d.default.div`
|
|
5462
5462
|
box-sizing: border-box;
|
|
5463
5463
|
display: inline-flex;
|
|
5464
5464
|
flex-direction: column;
|
|
5465
5465
|
margin-inline: auto;
|
|
5466
5466
|
padding: ${({theme:e})=>2*e.spacing}px;
|
|
5467
|
-
`,
|
|
5467
|
+
`,q$=d.default.div`
|
|
5468
5468
|
position: relative;
|
|
5469
5469
|
display: flex;
|
|
5470
5470
|
align-items: center;
|
|
@@ -5472,7 +5472,7 @@ object-assign
|
|
|
5472
5472
|
overflow: hidden;
|
|
5473
5473
|
width: fit-content;
|
|
5474
5474
|
min-width: ${240}px;
|
|
5475
|
-
max-width: ${
|
|
5475
|
+
max-width: ${J$};
|
|
5476
5476
|
padding: ${({theme:e})=>2*e.spacing}px;
|
|
5477
5477
|
background: ${({background:e})=>e};
|
|
5478
5478
|
box-shadow: ${({boxShadow:e})=>e};
|
|
@@ -5485,9 +5485,9 @@ object-assign
|
|
|
5485
5485
|
|
|
5486
5486
|
@media (min-width: ${y.MOBILE}px) {
|
|
5487
5487
|
min-width: ${400}px;
|
|
5488
|
-
max-width: ${
|
|
5488
|
+
max-width: ${U$};
|
|
5489
5489
|
}
|
|
5490
|
-
`,
|
|
5490
|
+
`,K$=d.default.div`
|
|
5491
5491
|
position: relative;
|
|
5492
5492
|
z-index: 1;
|
|
5493
5493
|
display: flex;
|
|
@@ -5495,11 +5495,11 @@ object-assign
|
|
|
5495
5495
|
gap: ${({theme:e})=>2*e.spacing}px;
|
|
5496
5496
|
width: 100%;
|
|
5497
5497
|
min-width: 0;
|
|
5498
|
-
`,
|
|
5498
|
+
`,eA=d.default.span`
|
|
5499
5499
|
flex-shrink: 0;
|
|
5500
5500
|
display: flex;
|
|
5501
5501
|
align-items: center;
|
|
5502
|
-
`,
|
|
5502
|
+
`,tA=d.default.div`
|
|
5503
5503
|
flex: 1;
|
|
5504
5504
|
min-width: 0;
|
|
5505
5505
|
|
|
@@ -5508,19 +5508,19 @@ object-assign
|
|
|
5508
5508
|
word-break: break-word;
|
|
5509
5509
|
overflow-wrap: break-word;
|
|
5510
5510
|
}
|
|
5511
|
-
`,
|
|
5511
|
+
`,nA=d.default.div`
|
|
5512
5512
|
flex-shrink: 0;
|
|
5513
5513
|
align-self: center;
|
|
5514
5514
|
cursor: pointer;
|
|
5515
|
-
`,
|
|
5515
|
+
`,rA=t.keyframes`
|
|
5516
5516
|
from {
|
|
5517
5517
|
width: 100%;
|
|
5518
5518
|
}
|
|
5519
5519
|
to {
|
|
5520
5520
|
width: 0%
|
|
5521
5521
|
}
|
|
5522
|
-
`,
|
|
5523
|
-
animation: ${
|
|
5522
|
+
`,aA=d.default.div`
|
|
5523
|
+
animation: ${rA}
|
|
5524
5524
|
${({autoDismissTimeout:e})=>e}ms linear;
|
|
5525
5525
|
animation-play-state: ${({isRunning:e})=>e?"running":"paused"};
|
|
5526
5526
|
background-color: ${({backgroundColor:e})=>e};
|
|
@@ -5531,7 +5531,7 @@ object-assign
|
|
|
5531
5531
|
width: 0;
|
|
5532
5532
|
height: 100%;
|
|
5533
5533
|
pointer-events: none;
|
|
5534
|
-
`,
|
|
5534
|
+
`,iA={right:"translate3d(120%, 0, 0)",left:"translate3d(-120%, 0, 0)",bottom:"translate3d(0, 120%, 0)",top:"translate3d(0, -120%, 0)"};function oA(e){const t=e.split("-"),n="center"===t[1]?t[0]:t[1];return iA[n]}const lA=({appearance:e,placement:t,transitionDuration:n,transitionState:r,onDismiss:a,children:i,autoDismiss:o,autoDismissTimeout:l,isRunning:s})=>{const d=(({palette:e})=>({info:{background:e.primary.highlight,boxShadow:ai(5,e.action.shadowOpacity,e.primary.softLight),icon:c.createElement(z,{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:ai(5,e.action.shadowOpacity,e.success.lighter),icon:c.createElement(z,{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:ai(5,e.action.shadowOpacity,e.warning.light),icon:c.createElement(z,{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:ai(5,e.action.shadowOpacity,e.danger.lighter),icon:c.createElement(z,{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}}))(L())[e];return c.createElement(Q$,null,c.createElement(q$,Object.assign({background:d.background,boxShadow:d.boxShadow,transitionDuration:n,role:"error"===e||"warning"===e?"alert":"status"},(e=>({entering:{transform:`${oA(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(K$,null,c.createElement(eA,null,d.icon),c.createElement(tA,null,c.createElement(ee,{color:d.titleColor,weight:"bold"},i)),c.createElement(nA,{onClick:()=>{a()}},c.createElement(z,{name:"close",color:d.closeColor}))),c.createElement(aA,{opacity:o?1:0,autoDismissTimeout:l,isRunning:s,backgroundColor:d.countDownBackground})))},sA=d.default.div`
|
|
5535
5535
|
border: 0;
|
|
5536
5536
|
clip: rect(1px, 1px, 1px, 1px);
|
|
5537
5537
|
height: 1;
|
|
@@ -5540,7 +5540,7 @@ object-assign
|
|
|
5540
5540
|
position: absolute;
|
|
5541
5541
|
white-space: nowrap;
|
|
5542
5542
|
width: 1;
|
|
5543
|
-
`,
|
|
5543
|
+
`,cA=d.default.div`
|
|
5544
5544
|
cursor: pointer;
|
|
5545
5545
|
flex-shrink: 0;
|
|
5546
5546
|
opacity: 0.5;
|
|
@@ -5549,14 +5549,14 @@ object-assign
|
|
|
5549
5549
|
&:hover {
|
|
5550
5550
|
opacity: 1;
|
|
5551
5551
|
}
|
|
5552
|
-
`,
|
|
5552
|
+
`,dA=d.default.div`
|
|
5553
5553
|
flex-grow: 1;
|
|
5554
5554
|
font-size: 14;
|
|
5555
5555
|
line-height: 1.4;
|
|
5556
5556
|
min-height: 40px;
|
|
5557
5557
|
padding: ${({gutter:e})=>`${e}px ${1.5*e}px`};
|
|
5558
|
-
`,
|
|
5559
|
-
animation: ${({autoDismissTimeout:e})=>`${
|
|
5558
|
+
`,uA=t.keyframes`from { height: 100%; } to { height: 0% }`,pA=d.default.div`
|
|
5559
|
+
animation: ${({autoDismissTimeout:e})=>`${uA} ${e}ms linear`};
|
|
5560
5560
|
animation-play-state: ${({isRunning:e})=>e?"running":"paused"};
|
|
5561
5561
|
background-color: rgba(0, 0, 0, 0.1);
|
|
5562
5562
|
bottom: 0;
|
|
@@ -5565,7 +5565,7 @@ object-assign
|
|
|
5565
5565
|
opacity: ${({opacity:e})=>e};
|
|
5566
5566
|
position: absolute;
|
|
5567
5567
|
width: 100%;
|
|
5568
|
-
`,
|
|
5568
|
+
`,fA=d.default.div`
|
|
5569
5569
|
background-color: ${({backgroundColor:e})=>e};
|
|
5570
5570
|
border-top-left-radius: ${({borderRadius:e})=>e}px;
|
|
5571
5571
|
border-bottom-left-radius: ${({borderRadius:e})=>e}px;
|
|
@@ -5577,11 +5577,11 @@ object-assign
|
|
|
5577
5577
|
overflow: hidden;
|
|
5578
5578
|
text-align: center;
|
|
5579
5579
|
width: 30px;
|
|
5580
|
-
`,
|
|
5580
|
+
`,mA=d.default.div`
|
|
5581
5581
|
height: ${({height:e})=>e};
|
|
5582
5582
|
transition: height
|
|
5583
5583
|
${({transitionDuration:e})=>`height ${e-100}ms 100ms`};
|
|
5584
|
-
`,
|
|
5584
|
+
`,hA=d.default.div`
|
|
5585
5585
|
background-color: ${({backgroundColor:e})=>e};
|
|
5586
5586
|
border-radius: ${({borderRadius:e})=>e}px;
|
|
5587
5587
|
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.175);
|
|
@@ -5592,7 +5592,7 @@ object-assign
|
|
|
5592
5592
|
transition: ${({transitionDuration:e})=>`transform ${e}ms cubic-bezier(0.2, 0, 0, 1), opacity ${e}ms`};
|
|
5593
5593
|
width: ${({width:e})=>e}px;
|
|
5594
5594
|
${({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""}}}
|
|
5595
|
-
`;function
|
|
5595
|
+
`;function gA(e){return{"aria-hidden":!0,height:16,width:e,viewBox:`0 0 ${e} 16`,style:{display:"inline-block",verticalAlign:"text-top",fill:"currentColor"}}}const bA=e=>c.default.createElement("svg",Object.assign({},gA(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"})),vA=()=>{};const xA=e=>{var{tag:t="span"}=e,n=p(e,["tag"]);return c.default.createElement(sA,Object.assign({as:t},n))},yA={success:{icon:e=>c.default.createElement("svg",Object.assign({},gA(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({},gA(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({},gA(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({},gA(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"}},wA=e=>{var{children:t}=e,n=p(e,["children"]);return c.default.createElement(cA,Object.assign({role:"button",className:"react-toast-notifications__toast__dismiss-button",gutter:8},n),t)},CA=e=>c.default.createElement(dA,Object.assign({className:"react-toast-notifications__toast__content",gutter:8},e)),EA=e=>{var{autoDismissTimeout:t,opacity:n,isRunning:r}=e,a=p(e,["autoDismissTimeout","opacity","isRunning"]);return c.default.createElement(pA,Object.assign({className:"react-toast-notifications__toast__countdown",autoDismissTimeout:t,isRunning:r,opacity:n},a))},IA=({appearance:e,autoDismiss:t,autoDismissTimeout:n,isRunning:r})=>{const a=yA[e],i=a.icon;return c.default.createElement(fA,{className:"react-toast-notifications__toast__icon-wrapper",color:a.bg,backgroundColor:a.fg,borderRadius:4,gutter:8},c.default.createElement(EA,{opacity:t?1:0,autoDismissTimeout:n,isRunning:r}),c.default.createElement(i,{className:"react-toast-notifications__toast__icon",css:{position:"relative",zIndex:1}}))},kA=t=>{var{appearance:n,placement:r,transitionDuration:a,transitionState:i}=t,o=p(t,["appearance","placement","transitionDuration","transitionState"]);const[l,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(mA,{ref:d,height:l,transitionDuration:a},c.default.createElement(hA,Object.assign({className:`react-toast-notifications__toast react-toast-notifications__toast--${n}`,backgroundColor:yA[n].bg,borderRadius:4,color:yA[n].text,gutter:8,placement:r,width:360,transitionState:i,transitionDuration:a},o)))},MA=d.default.div`
|
|
5596
5596
|
box-sizing: border-box;
|
|
5597
5597
|
max-height: 100%;
|
|
5598
5598
|
max-width: 100%;
|
|
@@ -5602,22 +5602,22 @@ object-assign
|
|
|
5602
5602
|
position: fixed;
|
|
5603
5603
|
z-index: 1000;
|
|
5604
5604
|
${({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""}}}
|
|
5605
|
-
|
|
5605
|
+
`,$A=e=>{var{hasToasts:t,placement:n}=e,r=p(e,["hasToasts","placement"]);return c.default.createElement(MA,Object.assign({className:"react-toast-notifications__container",hasToasts:t,placement:n},r))};class AA{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 SA 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 AA(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,o=t?this.onMouseEnter:vA,l=t?this.onMouseLeave:vA;return c.default.createElement(r,Object.assign({autoDismiss:t,autoDismissTimeout:n,isRunning:i,onMouseEnter:o,onMouseLeave:l},a))}}SA.defaultProps={autoDismiss:!1};const VA={Toast:e=>{var{appearance:t="info",autoDismiss:n,autoDismissTimeout:r,children:a,isRunning:i,onDismiss:o=vA,placement:l,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(kA,Object.assign({appearance:t,placement:l,transitionState:d,transitionDuration:s,onMouseEnter:u,onMouseLeave:f},m),c.default.createElement(IA,{appearance:t,autoDismiss:n,autoDismissTimeout:r,isRunning:i}),c.default.createElement(CA,null,a),o?c.default.createElement(wA,{onClick:o},c.default.createElement(bA,{className:"react-toast-notifications__toast__dismiss-icon"}),c.default.createElement(xA,{className:"react-toast-notifications__toast__dismiss-text"},"Close")):null)},ToastContainer:$A},LA=c.default.createContext({add:()=>"0",remove:vA,removeAll:vA,update:vA,toasts:[]}),{Consumer:OA,Provider:HA}=LA,DA=!("undefined"==typeof window||!window.document||!window.document.createElement);let RA=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=vA)=>()=>{t(e),this.remove(e)},this.add=(e,t,n=vA)=>{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=vA)=>{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=vA)=>{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:o,transitionDuration:l}=this.props,{Toast:s,ToastContainer:d}=Object.assign(Object.assign({},VA),a),{add:u,remove:f,removeAll:m,update:h}=this,g=this.state.toasts,b=Boolean(g.length),v=DA?o?document.querySelector(o):document.body:null;return c.default.createElement(HA,{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(Ps,{component:null},g.map((n=>{var{appearance:r,autoDismiss:a,content:o,id:d,onDismiss:u}=n,f=p(n,["appearance","autoDismiss","content","id","onDismiss"]);const m=this.getNodeRef(d);return c.default.createElement(Ss,{key:d,appear:!0,mountOnEnter:!0,unmountOnExit:!0,nodeRef:m,timeout:l},(n=>c.default.createElement("div",{ref:m},c.default.createElement(SA,Object.assign({appearance:r,autoDismiss:void 0!==a?a:e,autoDismissTimeout:t,component:s,placement:i,transitionDuration:l,transitionState:n,onDismiss:this.onDismiss(d,u)},f),o))))})))),v):c.default.createElement(d,{placement:i,hasToasts:b}))}};RA.defaultProps={autoDismiss:!1,autoDismissTimeout:5e3,components:VA,newestOnTop:!1,placement:"top-right",transitionDuration:220};const zA=d.default($A)`
|
|
5606
5606
|
z-index: ${({theme:e})=>e.depth.toast} !important;
|
|
5607
5607
|
|
|
5608
5608
|
${({placement:e})=>e.includes("center")&&t.css`
|
|
5609
5609
|
box-sizing: border-box;
|
|
5610
|
-
max-width: ${
|
|
5610
|
+
max-width: ${J$};
|
|
5611
5611
|
|
|
5612
5612
|
@media (min-width: ${y.MOBILE}px) {
|
|
5613
|
-
max-width: ${
|
|
5613
|
+
max-width: ${U$};
|
|
5614
5614
|
}
|
|
5615
5615
|
`}
|
|
5616
|
-
`,
|
|
5616
|
+
`,NA=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(zA,Object.assign({},n),c.createElement(vo,Object.assign({},r),t))},TA={appearance:"info",autoDismiss:!1,autoDismissTimeout:0,isRunning:!0,onDismiss:()=>{},onMouseEnter:()=>{},onMouseLeave:()=>{},placement:"top-center",transitionDuration:0,transitionState:"entered",children:null},ZA=e=>c.default.createElement(lA,Object.assign({},TA,e));ZA.Provider=e=>{var{children:t}=e,n=p(e,["children"]);return c.createElement(RA,Object.assign({},n,{components:Object.assign({Toast:lA,ToastContainer:NA},n.components)}),t)},ZA.useToasts=()=>{const t=e.useContext(LA);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 BA=d.default.div`
|
|
5617
5617
|
position: relative;
|
|
5618
5618
|
width: 40px;
|
|
5619
5619
|
height: 22px;
|
|
5620
|
-
`,
|
|
5620
|
+
`,PA=d.default.span`
|
|
5621
5621
|
position: absolute;
|
|
5622
5622
|
top: 50%;
|
|
5623
5623
|
left: 3px;
|
|
@@ -5630,19 +5630,19 @@ object-assign
|
|
|
5630
5630
|
${({checked:e,disabled:t,theme:n})=>t&&e?ri(n.palette.primary.base,.6):t&&!e?ri(n.palette.divider,.6):e?n.palette.primary.dark:n.palette.divider};
|
|
5631
5631
|
box-shadow: ${({theme:e})=>ai(3,e.palette.action.shadowOpacity,e.palette.action.shadowBase)};
|
|
5632
5632
|
transition: all 0.2s ease-in-out;
|
|
5633
|
-
`,
|
|
5633
|
+
`,_A=d.default.div`
|
|
5634
5634
|
position: absolute;
|
|
5635
5635
|
width: 100%;
|
|
5636
5636
|
word-break: break-all;
|
|
5637
5637
|
white-space: nowrap;
|
|
5638
5638
|
transition: all 0.2s ease-in-out;
|
|
5639
|
-
`,
|
|
5639
|
+
`,FA=d.default(_A)`
|
|
5640
5640
|
padding-left: 8px;
|
|
5641
5641
|
opacity: 0;
|
|
5642
|
-
`,
|
|
5642
|
+
`,GA=d.default(_A)`
|
|
5643
5643
|
padding-right: 8px;
|
|
5644
5644
|
opacity: 1;
|
|
5645
|
-
`,
|
|
5645
|
+
`,jA=d.default.label`
|
|
5646
5646
|
position: absolute;
|
|
5647
5647
|
top: 0;
|
|
5648
5648
|
left: 0;
|
|
@@ -5660,13 +5660,13 @@ object-assign
|
|
|
5660
5660
|
transition: all 0.2s ease-in-out;
|
|
5661
5661
|
|
|
5662
5662
|
${({checked:e})=>e&&t.css`
|
|
5663
|
-
& > ${
|
|
5663
|
+
& > ${PA} {
|
|
5664
5664
|
left: calc(100% - 14px - 5px);
|
|
5665
5665
|
}
|
|
5666
|
-
& > ${
|
|
5666
|
+
& > ${FA} {
|
|
5667
5667
|
opacity: 1;
|
|
5668
5668
|
}
|
|
5669
|
-
& > ${
|
|
5669
|
+
& > ${GA} {
|
|
5670
5670
|
opacity: 0;
|
|
5671
5671
|
}
|
|
5672
5672
|
`}
|
|
@@ -5676,11 +5676,11 @@ object-assign
|
|
|
5676
5676
|
border-color: ${({theme:e})=>e.palette.primary.base};
|
|
5677
5677
|
}
|
|
5678
5678
|
`}
|
|
5679
|
-
`,
|
|
5679
|
+
`,YA=d.default.input`
|
|
5680
5680
|
width: 0;
|
|
5681
5681
|
height: 0;
|
|
5682
5682
|
visibility: hidden;
|
|
5683
|
-
`,
|
|
5683
|
+
`,WA=c.forwardRef((function(e,t){const{checked:n=!1,disabled:r=!1,onChange:a,width:i="48px",checkedText:o="",unCheckedText:l="",inputRef:s,children:d}=e;return"production"!==process.env.NODE_ENV&&d&&console.warn("[ingred-ui] ToggleButton: childrenによるラベル指定は非推奨です。別の手段でラベルを指定してください。"),c.createElement(BA,{ref:t,width:i},c.createElement(jA,{checked:n,disabled:r,width:i},c.createElement(YA,{ref:s,checked:n,type:"checkbox",readOnly:null==a,disabled:r,onChange:a}),c.createElement(FA,null,c.createElement(ee,{component:"div",color:r?"disabled":"primary",align:"left",size:"xs",weight:"bold"},o)),c.createElement(GA,null,c.createElement(ee,{component:"div",color:r?"disabled":"secondary",align:"right",size:"xs",weight:"bold"},l)),c.createElement(PA,{checked:n,disabled:r})))})),XA=d.default.div``,JA=d.default.span`
|
|
5684
5684
|
background-color: ${({active:e,theme:t})=>e?t.palette.primary.base:t.palette.white};
|
|
5685
5685
|
border: 1px solid
|
|
5686
5686
|
${({theme:e,active:t})=>t?e.palette.primary.dark:e.palette.neutral.lighter};
|
|
@@ -5688,26 +5688,26 @@ object-assign
|
|
|
5688
5688
|
height: ${({theme:e})=>3*e.spacing}px;
|
|
5689
5689
|
width: ${({theme:e})=>3*e.spacing}px;
|
|
5690
5690
|
outline: none;
|
|
5691
|
-
`,
|
|
5691
|
+
`,UA=d.default.div`
|
|
5692
5692
|
display: grid;
|
|
5693
5693
|
grid-template-columns: 38px repeat(24, 1fr);
|
|
5694
5694
|
grid-gap: ${({theme:e})=>e.spacing/2}px;
|
|
5695
5695
|
align-items: center;
|
|
5696
5696
|
justify-items: center;
|
|
5697
5697
|
width: fit-content;
|
|
5698
|
-
`,
|
|
5698
|
+
`,QA=d.default.div`
|
|
5699
5699
|
height: 24px;
|
|
5700
5700
|
text-align: center;
|
|
5701
5701
|
background-color: ${({theme:e})=>e.palette.neutral.softLight};
|
|
5702
5702
|
border-radius: ${({theme:e})=>e.spacing/2}px;
|
|
5703
5703
|
border: 1px solid ${({theme:e})=>e.palette.neutral.lighter};
|
|
5704
|
-
`,
|
|
5704
|
+
`,qA=d.default(QA)`
|
|
5705
5705
|
width: 38px;
|
|
5706
|
-
`,
|
|
5706
|
+
`,KA=d.default(QA)`
|
|
5707
5707
|
width: 24px;
|
|
5708
|
-
`,
|
|
5708
|
+
`,eS=d.default(QA)`
|
|
5709
5709
|
border: none;
|
|
5710
|
-
`,
|
|
5710
|
+
`,tS=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},nS=Array.from(Array(24)).map(((e,t)=>t)),rS=({weekList:t,weekTime:n,WeekTimeItem:r,interactive:a=!1,isWithinHoverRange:i,onMouseOver:o,onMouseDown:l})=>{const s=e.useMemo((()=>tS(n)),[n]),d=(e,t)=>()=>{null==o||o(e,t)},u=(e,t,n)=>()=>{null==l||l(e,t,n)};return c.default.createElement(UA,null,c.default.createElement(eS,null),nS.map((e=>c.default.createElement(KA,{key:e},e))),s.map(((n,o)=>c.default.createElement(e.Fragment,{key:o},c.default.createElement(qA,null,t[o]),n.map(((e,n)=>c.default.createElement(r,Object.assign({key:`${o}-${n}`,active:"1"===e,hover:!!i&&i(o,n)},a?{"aria-label":`${t[o]} ${String(n).padStart(2,"0")}:00`,"aria-pressed":"1"===e}:{},{onMouseOver:d(o,n),onMouseDown:u(o,n,e)}))))))))},aS=c.default.forwardRef((function(e,t){const n=_c({props:e,name:"WeekTime"}),{weekList:r,weekTime:a}=n;return c.default.createElement(XA,{ref:t},c.default.createElement(rS,{weekTime:a,weekList:r,WeekTimeItem:JA}))})),iS=d.default.div``,oS=d.default.button`
|
|
5711
5711
|
background-color: ${({active:e,hover:t,theme:n})=>t?n.palette.primary.highlight:e?n.palette.primary.base:n.palette.white};
|
|
5712
5712
|
border: 1px solid
|
|
5713
5713
|
${({theme:e,active:t,hover:n})=>n?e.palette.primary.softLight:t?e.palette.primary.dark:e.palette.neutral.lighter};
|
|
@@ -5716,5 +5716,5 @@ object-assign
|
|
|
5716
5716
|
height: ${({theme:e})=>3*e.spacing}px;
|
|
5717
5717
|
width: ${({theme:e})=>3*e.spacing}px;
|
|
5718
5718
|
outline: none;
|
|
5719
|
-
`,oS=c.default.forwardRef((function(t,n){const r=_c({props:t,name:"WeekTimeSelector"}),{weekList:a,weekTime:i,errorText:o,onChange:l}=r,s=e.useMemo((()=>eS(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 o=[...i],l=Math.min(e,n),s=Math.max(e,n),c=Math.min(t,r),d=Math.max(t,r);for(let e=l;e<=s;e++){const t=o[e].map(((t,n)=>e>=l&&e<=s&&n>=c&&n<=d?a:t));o[e]=t}return o})(d.weekIndex,d.timeIndex,e,t,n,[...s]);h("none"),null==l||l((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(aS,{ref:n},c.default.createElement(nS,{weekTime:i,weekList:a,WeekTimeItem:iS,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)}}),o&&c.default.createElement(vo,{pt:1},c.default.createElement(Ic,null,o)))}));exports.ADVANCED_FILTER_CONSTANTS=me,exports.Accordion=Y,exports.ActionButton=ae,exports.AdvancedFilter=kd,exports.AdvancedFilterConfigPanel=wd,exports.AdvancedFilterTrigger=Lt,exports.Backdrop=Pd,exports.Badge=dd,exports.Banner=Xd,exports.BarChart=({categories:e,series:t,layout:n,orientation:r="vertical",colorScheme:a,valueFormatter:i=tf,showLegend:o=!0,showTotalInTooltip:l=!0,interactiveLegend:s=!0,barWidthRatio:d,loading:u=!1,emptyMessage:p="データがありません","aria-label":f,height:m,className:h})=>{var g;const b=L(),v=S(b),{containerRef:x,containerWidth:y}=function(){const e=c.useRef(null),[t,n]=c.useState(void 0);return c.useEffect((()=>{const t=e.current;if(!t)return;const r=()=>{n(t.getBoundingClientRect().width)};if(r(),"undefined"==typeof ResizeObserver)return;const a=new ResizeObserver((()=>{r()}));return a.observe(t),()=>{a.disconnect()}}),[]),{containerRef:e,containerWidth:t}}(),[w,C]=c.useState(null),[E,I]=c.useState((()=>new Set)),[k,M]=c.useState((()=>new Set)),$=c.useRef(new Map),A=c.useRef(!1),{durationMs:O,staggerMs:H}=v.motion,D=Math.round(.65*O),{reflowSegments:R,reflowProgress:z,startReflow:N,cancelReflow:T,isReflowing:Z}=function(e,t){const[n,r]=c.useState(null),[a,i]=c.useState(null),o=c.useRef(0),l=c.useRef(void 0),s=c.useCallback((()=>{var e;0!==o.current&&(cancelAnimationFrame(o.current),o.current=0),r(null),i(null),null===(e=l.current)||void 0===e||e.call(l),l.current=void 0}),[]),d=c.useCallback((()=>{s()}),[s]),u=c.useCallback(((n,a,l,s,c)=>{r(mp(n,a,0,t)),i({phaseIndex:l,phaseCount:s,progress:0});const d=performance.now(),u=p=>{const f=Math.min(1,(p-d)/e);r(mp(n,a,f,t)),i({phaseIndex:l,phaseCount:s,progress:f}),f<1?o.current=requestAnimationFrame(u):(o.current=0,c())};o.current=requestAnimationFrame(u)}),[e,t]),p=c.useCallback(((e,t,n)=>{0!==o.current&&(cancelAnimationFrame(o.current),o.current=0),l.current=n,u(e,t,0,1,(()=>{s()}))}),[s,u]);return c.useEffect((()=>()=>{d()}),[d]),{reflowSegments:n,reflowProgress:a,startReflow:p,cancelReflow:d,isReflowing:null!=a}}(O,r),[B,P]=c.useState(null);c.useEffect((()=>{const e=$.current;return()=>{e.forEach((e=>{window.clearTimeout(e)})),e.clear(),T()}}),[T]);const _=c.useMemo((()=>function(e,t,n){const r=V(t,n);return e.map(((e,t)=>({label:e.label,color:r[t%r.length],data:e.data})))}(t,b,a)),[t,b,a]),F=c.useMemo((()=>function(e,t){return JSON.stringify({categories:e,series:t.map((e=>({label:e.label,length:e.data.length})))})}(e,t)),[e,t]),G=c.useMemo((()=>_.map((e=>e.label))),[_]);c.useEffect((()=>{I(new Set),M(new Set),$.current.forEach((e=>{window.clearTimeout(e)})),$.current.clear(),A.current=!1,T(),P(null)}),[T,F]),c.useEffect((()=>{const n=t.length*e.length,r=window.setTimeout((()=>{A.current=!0}),O+Math.min(n*H,O+80)+16);return()=>{window.clearTimeout(r)}}),[e.length,F,O,t.length,H]);const j=c.useMemo((()=>zp(_,E)),[_,E]),Y=qp(j.length,n),W=o&&_.length>1,X=function(e,t){return!(e<=1||"stacked"!==t&&"grouped"!==t&&void 0!==t)}(_.length,n),J=c.useCallback(((t,a)=>{const i=zp(_,t),o=qp(i.length,n),l=Up({categoryCount:e.length,seriesCount:"grouped"===o?i.length:1,height:m,barWidthRatio:d,layout:o,orientation:r,layoutConfig:v.layout,containerWidth:y}),s=function(e,t){if("stacked"===t)return Zp(e.map((e=>e.data)));const n=e.flatMap((e=>e.data.filter((e=>null!=e))));return Math.max(...n,1)}(i,o),c=null!=a?a:s;return{visibleSeries:i,layout:o,chartLayout:l,maxValue:c,segments:Bp(i,o,l,c,r)}}),[d,e.length,v.layout,y,m,n,r,_]),U=J(E),{chartLayout:Q,maxValue:q,segments:K}=U,ee=null!=R?R:K,te=null!=B?function(e,t,n){return null==n?t:e+(t-e)*up(n.progress)}(B.fromMaxValue,B.toMaxValue,z):q,ne=Tp(te,4),re=c.useRef(K);re.current=ee;const ae=c.useCallback((()=>{P(null)}),[]),ie=c.useCallback(((e,t,n)=>{if(!X)return;const r=J(t);P({fromMaxValue:n,toMaxValue:r.maxValue}),N(e,r.segments,ae)}),[ae,J,N,X]),oe=()=>{C(null)},le=null!=m?m:Wp;if(u)return c.createElement(wp,{ref:x,className:h},c.createElement(Ap,{$minHeight:le,role:"status","aria-label":`${f}（読み込み中）`},c.createElement(ko,{width:"32px"})));if(!Qp(e,t))return c.createElement(wp,{ref:x,className:h},c.createElement(Ap,{$minHeight:le,role:"status","aria-live":"polite","aria-label":`${f}（${p}）`},p));const se=j.map((e=>({label:e.label,color:e.color,data:e.data})));return c.createElement(wp,{ref:x,className:h},c.createElement(Cp,{$overflowX:Q.overflowsHorizontally,$overflowY:Q.overflowsVertically,role:Q.overflowsHorizontally?"region":void 0,"aria-label":Q.overflowsHorizontally?`${f}（横スクロールで全体を表示）`:void 0,tabIndex:Q.overflowsHorizontally?0:void 0},c.createElement(Ep,{role:"img","aria-label":f,width:Q.width,height:Q.height,viewBox:`0 0 ${Q.width} ${Q.height}`,$minWidth:Q.minContentWidth,$minHeight:Q.minContentHeight},c.createElement(Kp,{orientation:r,width:Q.width,height:Q.height,paddingLeft:Q.paddingLeft,paddingRight:Q.paddingRight,paddingTop:Q.paddingTop,paddingBottom:Q.paddingBottom,chartWidth:Q.chartWidth,chartHeight:Q.chartHeight,ticks:ne,maxValue:te,valueFormatter:i}),ee.map(((e,t)=>{return c.createElement(yp,{key:`${e.categoryIndex}-${e.seriesLabel}`,segment:e,orientation:r,animation:(n=e.seriesLabel,Z?"none":k.has(n)?"exit":A.current?"none":"enter"),enterIndex:t,durationMs:k.has(e.seriesLabel)?D:O,staggerMs:H,onPointerMove:t=>((e,t)=>{C({categoryIndex:t,clientX:e.clientX,clientY:e.clientY})})(t,e.categoryIndex),onPointerLeave:oe});var n})),c.createElement(ef,{orientation:r,labels:e,height:Q.height,paddingBottom:Q.paddingBottom,paddingLeft:Q.paddingLeft,paddingTop:Q.paddingTop,slotWidth:Q.slotWidth,labelEvery:Q.labelEvery}))),W&&c.createElement(Dp,{interactive:s,items:_.map((e=>({label:e.label,color:e.color,hidden:E.has(e.label)||k.has(e.label)}))),onToggle:e=>{C(null),T(),ae();const t=$.current.get(e);if(null!=t&&(window.clearTimeout(t),$.current.delete(e)),E.has(e)){const t=re.current,n=J(E).maxValue,r=Np(E,e,G);return I(r),void ie(t,r,n)}if(Np(E,e,G)===E)return;const n=J(E).maxValue;M((t=>new Set(t).add(e)));const r=window.setTimeout((()=>{const t=re.current.filter((t=>t.seriesLabel!==e));let r=E;I((t=>(r=function(e,t){const n=new Set(e);return n.add(t),n}(t,e),r))),M((t=>{const n=new Set(t);return n.delete(e),n})),$.current.delete(e),ie(t,r,n)}),D);$.current.set(e,r)}}),null!=w&&se.length>0&&c.createElement(Rp,{showTotal:"stacked"===Y&&l,label:null!==(g=e[w.categoryIndex])&&void 0!==g?g:"",datasets:se,categoryIndex:w.categoryIndex,clientX:w.clientX,clientY:w.clientY,valueFormatter:i}))},exports.BreakPoint=y,exports.Button=Lo,exports.ButtonGroup=qd,exports.CHART_DEFAULT_HEIGHT=Wp,exports.Calendar=Bu,exports.CalendarRange=sp,exports.Card=cp,exports.Checkbox=xd,exports.CheckboxCard=gf,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:qs(n,t.ref)});return c.cloneElement(t,a)},exports.ConfirmModal=Af,exports.ContainerBreakPoint=w,exports.ContextMenu=Ff,exports.ContextMenu2=eo,exports.ContextMenu2ButtonControlsItem=oo,exports.ContextMenu2ButtonItem=rt,exports.ContextMenu2CheckItem=ni,exports.ContextMenu2Container=to,exports.ContextMenu2HeadingItem=no,exports.ContextMenu2HelpTextItem=ao,exports.ContextMenu2SeparatorItem=io,exports.ContextMenu2SortableFixedItem=Vi,exports.ContextMenu2SortableGroup=Ci,exports.ContextMenu2SortableItem=Mi,exports.ContextMenu2SwitchItem=ci,exports.ContextMenu2TextInputItem=_i,exports.ContextMenu2TriggerItem=mi,exports.CreatableSelect=_v,exports.DATE_OPERATORS=Od,exports.DEFAULT_PERSIST_OPTION_LABEL=he,exports.DataTable=Nx,exports.DataTable2=({bordered:t,currentPage:n,pageSize:r,pageSizeOptions:a,totalCount:i,columns:o,onPageChange:l,onPageSizeChange:s,onColumnsChange:d,onCheckedRowsChange:u,children:p,tableActions:f,customTableActionArea:m,enableRowSelection:h=!0,columnEditFeatures:g,showBottomPagination:b=!1})=>{const v=e.useMemo((()=>{return{reorder:null!==(t=null==(e=g)?void 0:e.reorder)&&void 0!==t?t:Tx,visibility:null!==(n=null==e?void 0:e.visibility)&&void 0!==n?n:Zx};var e,t,n}),[g]),[x,w]=e.useState(!1),[C,E]=e.useState([]),[I,k]=e.useState([]),[M,$]=e.useState([]),[A,S]=e.useState(0),V=e.useRef(null),L=e.useCallback(((e,t)=>{const n=[...M];n[e]=t,$(n)}),[M,$]);e.useEffect((()=>{if(!V.current)return;const e=()=>{var e;V.current&&w((null===(e=V.current)||void 0===e?void 0:e.clientWidth)<y.TABLET)},t=new ResizeObserver(e);return e(),t.observe(V.current),()=>{t.disconnect()}}),[]);const O=e.useCallback((e=>{k(e),null==u||u(e)}),[k,u]),H=e.useRef(n);e.useEffect((()=>{H.current!==n&&O([]),H.current=n}),[n,O]),e.useEffect((()=>{if(0===I.length)return;const e=I.filter((e=>C.includes(e)));e.length!==I.length&&O(e)}),[C,I,O]);const D=e.useMemo((()=>Math.ceil(i/r)-1),[i,r]);e.useEffect((()=>{n>D&&l(D)}),[n,D,l]);const R=h&&!!f,[z,N]=e.useState(null),T=e.useCallback(((e,t)=>{N((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=o.filter((e=>e.visible)).length;return{registerColumnSticky:T,getStickyRightOffset:t=>{var n;if(null===z||t!==z)return;let r=0;for(let a=t+1;a<e;a++)r+=null!==(n=M[a])&&void 0!==n?n:0;return r},rightStickyColumnIndex:z,getRightStickyZIndexHead:e=>3,getRightStickyZIndexBody:e=>1}}),[M,o,T,z]);return c.default.createElement(ey,{ref:V,bordered:t},c.default.createElement(Fx.Provider,{value:{isSmallLayout:x,rowIds:C,enableRowSelection:h,hasRowControls:R,checkedRows:I,totalCount:i,currentPage:n,pageSize:r,pageSizeOptions:a,columns:o,columnEditFeatures:v,columnWidths:M,rowSpacing:A,setRowIds:E,setCheckedRows:O,setCurrentPage:l,setPageSize:s,setColumns:d,setColumnWidth:L,setRowSpacing:S}},c.default.createElement(jx.Provider,{value:Z},c.default.createElement(jy,{tableActions:f,customTableActionArea:m}),c.default.createElement(Wy,null,p),b&&c.default.createElement(Yy,null))))},exports.DataTable2ActionButton=({prepend:t,children:n,onClick:r})=>{const{isSmallLayout:a}=e.useContext(Fx);return a?c.default.createElement(rt,{prepend:t,onClick:r},n):c.default.createElement(uy,{type:"button",onClick:r},t,n)},exports.DataTable2Body=({children:t})=>{const{rowIds:n,setRowIds:r}=e.useContext(Fx);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:o}=e.useContext(jx),{showStickyRightEdgeDecoration:l}=e.useContext(Gx),s=e.useContext(Yx),d=a(s.index),u=void 0!==d&&s.index===i&&l,p=void 0!==d?o(s.index):void 0;return c.default.createElement(my,{$stickyRightOffset:d,$stickyZIndex:p,$showStickyEdgeDecoration:u},c.default.createElement(ky,null,c.default.createElement($y,null,r),t&&c.default.createElement(My,null,c.default.createElement(ko,{width:"20px"}))))},exports.DataTable2Column=({className:t,sticky:r,isResizable:a,width:i,minWidth:o=32,maxWidth:l=1/0,children:s,onWidthChange:d})=>{const{isSmallLayout:u,setColumnWidth:p}=e.useContext(Fx),{registerColumnSticky:f,getStickyRightOffset:m,rightStickyColumnIndex:h,getRightStickyZIndexHead:g}=e.useContext(jx),{showStickyRightEdgeDecoration:b}=e.useContext(Gx),v=e.useContext(Yx),[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,o,l);d(n),p(v.index,n)}),[d,o,l,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(fy,{ref:k,className:t,"data-dragging":x,$stickyRightOffset:w,$stickyZIndex:E,$showStickyEdgeDecoration:C,style:{minWidth:isFinite(o)&&o<=l?o:void 0,maxWidth:isFinite(o)&&o<=l?l:void 0}},c.default.createElement(hy,{isSmallLayout:u},s,a&&c.default.createElement(gy,{type:"button","aria-label":"resize the column",onPointerDown:A}),x&&n.createPortal(c.default.createElement(by,{"data-min":i&&o>=i,"data-max":i&&l<=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]),o=e.useCallback((()=>{null==r||r(i)}),[r,i]),l=e.useMemo((()=>"asc"===n?"sort_up":"desc"===n?"sort_down":"sort_inactive"),[n]);return t?c.default.createElement(yy,{type:"button",onClick:o},a,c.default.createElement(z,{name:l,size:"md"})):c.default.createElement(xy,null,a)},exports.DataTable2Head=({children:t})=>{const{hasRowControls:n,columns:r}=e.useContext(Fx),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(py,null,c.default.createElement("tr",null,n&&c.default.createElement(Ey,{"aria-label":"empty cell"}),i.map((({id:e,index:t,child:n})=>c.default.createElement(Yx.Provider,{key:e,value:{index:t}},n))))))},exports.DataTable2InlineEditor=({label:t,value:n,children:r,onChange:a})=>{const[i,o]=e.useState(n),[l,s]=e.useState(!1),d=()=>{s(!1),a(i)};return e.useEffect((()=>{o(n)}),[n]),c.default.createElement(Ay,null,r,c.default.createElement(Sy,null,c.default.createElement(to,null,c.default.createElement(eo,{width:252,trigger:c.default.createElement(Lo,{type:"button",color:"primarySubtle",size:"small",inline:!0,icon:c.default.createElement(z,{name:"pencil",color:"currentColor"})}),open:l,onOpenChange:s},c.default.createElement(no,null,t),c.default.createElement(_i,{value:i,onChange:e=>o(e.target.value),onEnter:d}),c.default.createElement(io,null),c.default.createElement(oo,null,c.default.createElement(Lo,{type:"button",color:"clear",size:"small",onClick:()=>{s(!1),o(n)}},"キャンセル"),c.default.createElement(Lo,{type:"button",color:"primary",size:"small",onClick:d},"適用"))))))},exports.DataTable2InlineSelectEditor=({label:t,value:n,options:r,children:a,onChange:i})=>{const[o,l]=e.useState(!1);return c.default.createElement(Ay,null,a,c.default.createElement(Sy,null,c.default.createElement(to,null,c.default.createElement(eo,{width:252,trigger:c.default.createElement(Lo,{type:"button",color:"primarySubtle",size:"small",inline:!0,icon:c.default.createElement(z,{name:"pencil",color:"currentColor"})}),open:o,onOpenChange:l},c.default.createElement(no,null,t),r.map((e=>c.default.createElement(ni,{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:o,setCheckedRows:l,rowSpacing:s}=e.useContext(Fx),d=e.useMemo((()=>o.includes(t)),[t,o]),u=e.useCallback((()=>{const e=o.includes(t)?o.filter((e=>e!==t)):[...o,t];l(e)}),[t,o,l]),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(wy,{"data-highlighted":d,"data-spacing":s,isSmallLayout:r},i&&c.default.createElement(Cy,null,c.default.createElement(Iy,null,c.default.createElement(xd,{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(Yx.Provider,{key:e,value:{index:t}},n))))},exports.DateField=yw,exports.DateField2=Lw,exports.DatePicker=Gc,exports.DateRangeField=Iw,exports.DateRangeField2=Rw,exports.DateRangePicker=Nw,exports.Divider=zf,exports.Drawer=({isOpen:t,direction:n,onClose:r,size:a="40vw",resizable:i=!1,minSize:o="20vw",maxSize:l="90vw",onResize:s,stickyHeader:d,stickyFooter:u,confirmOnClose:p,allowBackgroundScroll:f=!1,children:m})=>{const h=300,g=Tw(a,n),b=Tw(o,n),v=Tw(l,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),[z,N]=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=Tw(a,n),t=Tw(o,n),r=Tw(l,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,o,l,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),N(!0)}),[P]),F=e.useCallback((()=>{N(!1)}),[]),G=e.useCallback((()=>{N(!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(Af,{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(Mf,null,f?c.default.createElement(Bw,{direction:n,currentSize:M,shouldShow:I,transitionDuration:h},i&&c.default.createElement(_w,{direction:n,"data-testid":"resize-bar",active:z}),i&&c.default.createElement(Pw,{direction:n,"data-testid":"resize-handle",onMouseDown:P,onTouchStart:_,onTouchEnd:F,onTouchCancel:G,onMouseEnter:()=>N(!0),onMouseLeave:()=>N(!1)}),d&&c.default.createElement(Fw,null,d),c.default.createElement(Gw,null,m),u&&c.default.createElement(jw,null,u)):c.default.createElement(Zw,{shouldShow:I,transitionDuration:h,onClick:e=>{A.current||L.current||e.target===e.currentTarget&&j("backdropClick")}},c.default.createElement(Bw,{direction:n,currentSize:M,shouldShow:I,transitionDuration:h},i&&c.default.createElement(_w,{direction:n,"data-testid":"resize-bar",active:z}),i&&c.default.createElement(Pw,{direction:n,"data-testid":"resize-handle",onMouseDown:P,onTouchStart:_,onTouchEnd:F,onTouchCancel:G,onMouseEnter:()=>N(!0),onMouseLeave:()=>N(!1)}),d&&c.default.createElement(Fw,null,d),c.default.createElement(Gw,null,m),u&&c.default.createElement(jw,null,u))))):null},exports.DropdownButton=({size:e="medium",color:t="primary",onClick:n,split:r=!1,contents:a=[],disabled:i=!1,children:o,icon:l,selectedValue:s,menuWidth:d=200,loading:u=!1,toggleAriaLabel:p="メニューを開く"})=>{const f=L(),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:o,x=c.useMemo((()=>c.createElement(z,{name:"arrow_bottom",size:Yw[e].arrowIconSize,color:g})),[e,g]),y=c.useMemo((()=>m?c.createElement(ko,{width:b}):null),[m,b]),w=!!l,C=!!v,E=m?w?y:void 0:l,I=m?!w&&C||w&&C?h:void 0:v,k=m?w?y:void 0:l,M=(()=>{if(m&&(!w||C))return C?h:void 0})(),$=r?c.createElement(Ww,null,c.createElement(Xw,{size:e,color:t,inline:!0,disabled:i||m,icon:E,onClick:n},I),c.createElement(Jw,{size:e,color:t,inline:!0,disabled:i||m,"data-testid":"menu-toggle","aria-label":p},x)):c.createElement(Uw,{size:e,color:t,disabled:i||m,"data-testid":"menu-toggle",icon:k,"aria-label":C?void 0:p},c.createElement(Qw,null,m?M?c.createElement(c.Fragment,null,"string"==typeof M?c.createElement(mo,null,M):M,c.createElement(qw,null,c.createElement(vo,{pr:.5}),x)):c.createElement(qw,null,c.createElement(vo,{pr:.5}),x):c.createElement(c.Fragment,null,v&&c.createElement(mo,null,v),c.createElement(qw,null,c.createElement(vo,{pr:.5}),x))));return c.createElement(to,null,c.createElement(eo,{trigger:$,width:d},a.map(((e,t)=>c.createElement(c.Fragment,{key:`${t}-${e.text}`},e.divideTop&&c.createElement(io,null),(e=>"heading"===e.type?c.createElement(no,null,e.text):"helpText"===e.type?c.createElement(ao,{prepend:e.prepend},e.text):void 0!==e.checked?c.createElement(ni,{closeOnChange:!0,checked:e.checked,color:e.color,disabled:e.disabled,prepend:e.icon,onChange:e.onChange},e.text):c.createElement(rt,{closeOnClick:!0,color:e.color,disabled:e.disabled,prepend:e.icon,onClick:e.onClick},e.text))(e))))))},exports.DualListBox=gC,exports.DualListBox2=fE,exports.DualListBox2Accordion=sE,exports.DualListBox2Item=qC,exports.DualListBox2Section=iE,exports.ErrorText=Ic,exports.Fade=Qs,exports.FileUploader=gE,exports.FilterComboBox=({values:t,options:n,selectedIndex:r,selectOptions:a,onChange:i,onSelectChange:o,size:l="medium",variant:s="dark",tagVariant:d,searchPlaceholder:u="検索",noResultsMessage:p="見つかりませんでした",showOptionsOnlyWhenSearching:f=!1,searchPromptMessage:m="キーワードを入力してください",filterLocally:h=!0,onSearchChange:g,isLoading:b=!1,disabled:v=!1,applyButtonText:x="適用",cancelButtonText:y="キャンセル",error:w=!1,placement:C,middleware:E})=>{const[I,k]=e.useState(""),[M,$]=e.useState(!1),[A,S]=e.useState(t),[V,L]=e.useState(!1),O=e.useMemo((()=>d||("light"===s?"dark":"light")),[s,d]),[H,D]=e.useState(!1),R=e.useRef(null),N=e.useCallback((()=>{R.current&&D(R.current.clientWidth<R.current.scrollWidth)}),[]),T=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=_l(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]),Z=f&&""===I.trim(),B=e.useMemo((()=>h?T(I):n.map((e=>Array.isArray(e)?e:[e]))),[I,T,h,n]),P=e.useMemo((()=>Array.from(new Set([...t,...A])).map((e=>[e]))),[t,A]),_=Z?P:B,F=e.useCallback((e=>{A.includes(e)?S(A.filter((t=>t!==e))):S([...A,e])}),[A]),G=e.useCallback((()=>{if(M)return;if(!I.trim())return;const e=h?T(I):_;1===e.length&&(F(e[0][0]),k(""),null==g||g(""))}),[M,I,T,F,h,_,g]),j=e.useCallback((e=>{k(e.target.value),null==g||g(e.target.value)}),[g]),Y=e.useRef(null),W=e.useCallback((e=>{var t;e.stopPropagation(),k(""),null==g||g(""),null===(t=Y.current)||void 0===t||t.focus()}),[g]),X=e.useCallback((e=>{e.key}),[]),J=e.useCallback((e=>{const n=t.filter((t=>t!==e));i(n),S(n)}),[t,i]),U=e.useCallback((e=>{L(e),e&&S(t),k(""),null==g||g("")}),[t,g]),Q=e.useCallback((()=>{i(A),L(!1)}),[i,A]),q=e.useCallback((()=>{S(t),L(!1)}),[t]),K=e.useCallback((()=>{const e=_.map((e=>e[0])),t=[...new Set([...A,...e])];S(t)}),[_,A]),ee=e.useCallback((()=>{S([])}),[]),te=e.useMemo((()=>c.default.createElement(DE,null,c.default.createElement(RE,null,c.default.createElement(OE,{ref:Y,autoFocus:!0,value:I,placeholder:u,onChange:j,onKeyDown:X,onCompositionStart:()=>$(!0),onCompositionEnd:()=>$(!1),onEnter:G}),I&&c.default.createElement(zE,{type:"button","aria-label":"検索をリセット",onClick:W},c.default.createElement(z,{name:"close_circle",type:"fill",color:"currentColor"}))),c.default.createElement(NE,null,c.default.createElement(tc,{content:"すべて選択",positionPriority:["top"],offset:[0,8],disabled:0===_.length},c.default.createElement(Lo,{"aria-label":"すべて選択",icon:c.default.createElement(z,{name:"check_thin",color:"currentColor"}),size:"small",color:"secondaryDark",disabled:0===_.length,onClick:K})),c.default.createElement(tc,{content:"すべてクリア",positionPriority:["top"],offset:[0,8],disabled:0===_.length},c.default.createElement(Lo,{"aria-label":"すべてクリア",icon:c.default.createElement(z,{name:"close",color:"currentColor"}),size:"small",color:"secondaryDark",disabled:0===_.length,onClick:ee}))))),[I,u,j,X,G,K,ee,W,_]),ne=e.useMemo((()=>c.default.createElement(oo,null,c.default.createElement(Lo,{size:"small",color:"clear",onClick:q},y),c.default.createElement(Lo,{size:"small",onClick:Q},x))),[q,Q,x,y]);e.useEffect((()=>{if(!window.ResizeObserver)return;if(!R.current)return;const e=new window.ResizeObserver((()=>{R.current&&N()}));return e.observe(R.current),N(),()=>{e.disconnect()}}),[N]);return c.default.createElement(ME,{variant:s,size:l,selectedIndex:r,selectOptions:a,disabled:v,error:w,isOpen:V,onSelectChange:o},c.default.createElement(AE,{$variant:s,$size:l,"data-overflowing":H},c.default.createElement(to,null,c.default.createElement(eo,{open:V&&!v,trigger:c.default.createElement(VE,{type:"button",$variant:s,$size:l,disabled:v,"aria-label":"タグを追加",onClick:()=>{v||L(!V)}},c.default.createElement(LE,null,c.default.createElement(z,{name:"arrow_down",color:"currentColor"}))),stickyHeader:te,stickyFooter:ne,noResultsMessage:p,placement:C,middleware:E,onOpenChange:e=>!v&&U(e)},Z&&0===_.length?c.default.createElement(Gi,{message:m}):!Z&&b?c.default.createElement(HE,{role:"status","aria-label":"読み込み中"},c.default.createElement(ko,{width:"24px"})):0===_.length?c.default.createElement(Gi,{message:p}):_.map((e=>c.default.createElement(ni,{key:e[0],checked:A.includes(e[0]),closeOnChange:!1,onChange:()=>F(e[0])},e[0]))))),c.default.createElement(SE,{ref:R},t.map((e=>c.default.createElement(kE,{key:e,label:e,size:l,variant:O,onRemove:()=>J(e)}))))))},exports.FilterPositionCalculator=Ed,exports.FilterSelectInput=({value:t,options:n,selectedIndex:r,selectOptions:a,onChange:i,onSelectChange:o,size:l="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]),D=e.useCallback((e=>{p||L(e)}),[p,L]),R=e.useMemo((()=>c.default.createElement(jE,null,c.default.createElement(FE,{autoFocus:!0,value:v,placeholder:d,disabled:p,onChange:A,onKeyDown:V,onCompositionStart:()=>E(!0),onCompositionEnd:()=>E(!1)}),v&&c.default.createElement(YE,{type:"button","aria-label":"検索をリセット",onClick:S},c.default.createElement(z,{name:"close_circle",type:"fill",color:"currentColor"})))),[v,d,p,A,V,S]);return c.default.createElement(ME,{variant:s,size:l,selectedIndex:r,selectOptions:a,disabled:p,error:f,isOpen:I,onSelectChange:o},c.default.createElement(TE,{ref:M},c.default.createElement(to,null,c.default.createElement(eo,{open:I&&!p,minWidth:g,trigger:c.default.createElement(ZE,{type:"button",$size:l,$variant:s,disabled:p,onClick:H},c.default.createElement(PE,{$size:l},t),c.default.createElement(_E,null,c.default.createElement(z,{name:"arrow_down",color:"currentColor"}))),stickyHeader:R,placement:m,middleware:h,onOpenChange:D},$.length>0?$.map((e=>c.default.createElement(ni,{key:e,checked:e===t,disabled:p,onChange:()=>O(e)},e))):c.default.createElement(Gi,{message:u})))))},exports.FilterTagInput=({title:t,values:n,selectedIndex:r,selectOptions:a,onChange:i,onSelectChange:o,size:l="medium",variant:s="dark",tagVariant:d,menuIconSize:u=22,disabled:p=!1,error:f=!1})=>{const{isSmall:m}=e.useContext(IE),[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]),D=e.useCallback(((e,t)=>{i(e,t),o(t),requestAnimationFrame((()=>{S(),V()}))}),[i,o]),R=e.useCallback((e=>{g(e.target.value)}),[]),N=e.useCallback((()=>{y(!0)}),[]),T=e.useCallback((()=>{y(!1)}),[]),Z=e.useCallback((()=>{C(!0)}),[]),B=e.useCallback((()=>{C(!1)}),[]),P=e.useCallback((()=>{p||I(!0)}),[p]),_=e.useCallback((()=>{I(!1)}),[]),F=e.useCallback((()=>{_(),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 G=e.useMemo((()=>n.map(((e,t)=>c.default.createElement(kE,{key:e,size:l,variant:M,label:e,onRemove:()=>H(t)})))),[n,l,M,H]),j={small:18,medium:20,large:22}[l];return c.default.createElement(c.default.Fragment,null,c.default.createElement(ME,{variant:s,size:l,selectedIndex:r,selectOptions:a,disabled:p,error:f,isOpen:E,onSelectChange:o},c.default.createElement(WE,{ref:$,$size:l,$variant:s},c.default.createElement(XE,{ref:A},G,c.default.createElement(QE,null,c.default.createElement("input",{ref:k,"aria-label":"フィルターする値",disabled:p,type:"text",value:h,enterKeyHint:"enter",onChange:R,onCompositionEnd:T,onCompositionStart:N,onFocus:P,onKeyDown:O,onBlur:F})))),c.default.createElement(UE,{$size:l,$variant:s,"aria-label":"フィルター入力パネルを開く","data-overflowing":b,type:"button",disabled:p,onClick:Z},c.default.createElement(z,{name:m?"filter":"expand_diagonal_s_fill",color:"currentColor",size:j}))),c.default.createElement(mI,{isOpen:w,menuIconSize:u,selectOptions:a,selectedIndex:r,title:t,values:n,onApply:D,onClose:B}))},exports.FixedPanel=gI,exports.Flex=Z,exports.FloatingTip=yI,exports.FullSizeConfirmModal=SI,exports.Grow=e=>{var{timeout:t=300,children:n}=e,r=p(e,["timeout","children"]);const a=c.useRef(null);return c.createElement(LI,Object.assign({nodeRef:a,appear:!0,mountOnEnter:!0,timeout:t,classNames:VI},r),c.createElement("div",{ref:a},n))},exports.Icon=z,exports.IconText=e=>{var{icon:t,size:n="medium",pos:r="prepend",prependIcon:a,appendIcon:i,color:o,iconColor:l,textColor:s,children:d}=e,u=p(e,["icon","size","pos","prependIcon","appendIcon","color","iconColor","textColor","children"]);const f=L(),m=!!u.href,h=null!=s?s:m?f.palette.primary.base:null!=o?o:f.palette.black,g=null!=l?l:m?f.palette.primary.base:null!=o?o: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(DI,Object.assign({as:m?"a":"span",$size:n,$isLink:m},u),null!=b&&RI(b,n,g),c.default.createElement(HI,{$color:h},d),null!=v&&RI(v,n,g))},exports.Input=Bi,exports.ItemEmpty=Mx,exports.LoadingBar=TI,exports.LocaleProvider=({locale:e,children:t})=>c.createElement(Pc.Provider,{value:{locale:e}},t),exports.Menu=Pf,exports.MenuList=Tf,exports.Modal=$f,exports.MultipleFilter=xk,exports.NUMBER_OPERATORS=Ld,exports.NavigationRail=EM,exports.NavigationRailContext=Vk,exports.NotificationBadge=Tk,exports.PRESET_OPERATORS=Dd,exports.Pager=wx,exports.Popover=Bf,exports.Portal=Mf,exports.RadioButton=ix,exports.RadioCard=IM,exports.Radius=8,exports.SELECT2_SIZES=nc,exports.SELECTION_OPERATORS=Hd,exports.ScrollArea=$M,exports.Select=Pv,exports.Select2=xc,exports.Select2Option=yc,exports.Select2OptionGroup=wc,exports.Select2Separator=Cc,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(t$,Object.assign({nodeRef:i,appear:!0,timeout:t,direction:r,classNames:e$},a),c.createElement("div",{ref:i},n))},exports.Slider=JM,exports.SliderField=qM,exports.Snackbar=o$,exports.Space=8,exports.Spacer=vo,exports.Spinner=ko,exports.SplitAnnotation=s$,exports.Switch=x$,exports.TEXT_OPERATORS=Vd,exports.Table=L$,exports.Tabs=({ref:e,data:t,value:n,orientation:r="horizontal",onChange:a,onClick:i})=>{const o="vertical"===r,l=new Map,s=c.useRef(null),[d,u]=c.useState({}),p=qs(e),f=v$((()=>{var e,t;const r=(()=>{const e=s.current;if(!e||!n)return null;const t=l.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((()=>{o||f()})),c.useEffect((()=>{if(o)return;const e=()=>{f()};return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)}),[o,f]);const m=t.map(((e,t)=>{const o=e.value,s=o===n;return l.set(o,t),c.createElement(_$,{key:t.toString(),selected:s,orientation:r,value:o,count:e.count,countMax:e.countMax,text:e.text,onChange:a,onClick:i})}));return c.createElement(O$,{ref:p},o?c.createElement(H$,{ref:s,role:"tablist",$orientation:r,"aria-orientation":"vertical"},m):c.createElement(D$,null,c.createElement(R$,null,c.createElement(z$,{ref:s,role:"tablist","aria-orientation":"horizontal"},m,c.createElement(B$,{"aria-hidden":"true",style:Object.assign({},d)}))),c.createElement(P$,null)))},exports.Tag=ue,exports.TextField=nk,exports.ThemeProvider=({children:e,theme:n})=>c.createElement(t.ThemeContext.Provider,{value:n},e),exports.TimeField=Y$,exports.TimeField2=W$,exports.Toast=TA,exports.ToggleButton=YA,exports.Tooltip=tc,exports.Typography=ee,exports.WeekTime=rS,exports.WeekTimeSelector=oS,exports.applyFilter=Zd,exports.applyMultipleFilters=(e,t)=>t.reduce(((e,t)=>Zd(e,t.field,t.operator,t.values)),e),exports.applyOperatorToValue=Td,exports.breakpointPrimitives=x,exports.buildFilterSlots=Je,exports.changeOperatorLabel=(e,t)=>Object.assign(Object.assign({},e),{label:t}),exports.changeValueLabel=(e,t)=>Object.assign(Object.assign({},e),{label:t}),exports.clamp=zM,exports.colors=f,exports.combineOperators=(...e)=>e.flat(),exports.combineValues=(...e)=>e.flat(),exports.computeMaxStackedTotal=Zp,exports.computeYTicks=Tp,exports.createOperator=(e,t)=>({value:e,label:t}),exports.createTheme=$,exports.createValue=(e,t)=>({value:e,label:t}),exports.defaultTheme=A,exports.enUS=Bc,exports.evaluateFilterConditions=(e,t,n,r)=>{const a=n.filter((e=>e.values&&e.values.length>0));return 0!==a.length&&a.every((n=>{var a;const{conditionKey:i,operator:o,values:l}=n,s=null==r?void 0:r[t],c=null===(a=null==s?void 0:s.multiConditionConfigs)||void 0===a?void 0:a.find((e=>e.conditionKey===i)),d=((e,t,n,r)=>{const a=e[r||`${t}Attr`];if(a&&"object"==typeof a&&n in a)return a[n]})(e,t,i,null==c?void 0:c.valueSource);return(null==c?void 0:c.customOperator)?c.customOperator(l,o,d):Td(d,o,l)}))},exports.fontSize=U,exports.formatDateAsMonthDay=nf,exports.generateTagText=Re,exports.generateTagTitle=e=>{if(e.conditions&&e.conditions.length>0)return De(e);const{typeLabel:t,operatorLabel:n,valueLabels:r,isRange:a}=e,i=`が${n}`,o=He(r,a,"\n");return o?`${t} ${i}\n${o}`:`${t} ${i}`},exports.getAvailableTypes=ze,exports.getChartPalette=S,exports.getChartSeriesColors=V,exports.getClampedValue=NM,exports.getConfiguredFilters=e=>e.filter(Xe),exports.getFilterTypeLabel=Ne,exports.getFilteredItems=Cx,exports.getInitialPersistValue=Ce,exports.getKeyboardValue=PM,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=BM,exports.getPercentage=TM,exports.getPersistOptionLabel=Ee,exports.getPresetOperators=Rd,exports.getPresetOperatorsWithLabels=(e,t)=>{const n=Rd(e);return zd(n,t)},exports.getPresetSlotId=We,exports.getResponsiveFontSizeCss=J,exports.getTagBoldText=Te,exports.getValueFromPosition=ZM,exports.getValueLabels=e=>e.map((e=>e.label)),exports.getValueStrings=e=>e.map((e=>e.value)),exports.hasChartData=Qp,exports.isConfiguredFilter=Xe,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=we,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=X,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=Zc,exports.mapTimeSeriesChartData=function(e,t=nf){const n=Array.from(new Set(e.flatMap((e=>e.data.map((e=>e.date)))))).sort(rf);return{categories:n.map(t),series:e.map((e=>{const t=new Map(e.data.map((e=>[e.date,e.value])));return{label:e.label,data:n.map((e=>{var n;return null!==(n=t.get(e))&&void 0!==n?n:null}))}}))}},exports.mergeValues=(...e)=>{const t=e.flat().filter(((e,t,n)=>t===n.findIndex((t=>t.value===e.value))));return t},exports.normalizeForSearch=Nd,exports.overrideOperatorLabels=zd,exports.overrideValueLabels=(e,t)=>e.map((e=>Object.assign(Object.assign({},e),{label:t[e.value]||e.label}))),exports.palette=g,exports.preventScroll=GM,exports.preventTextSelection=_M,exports.resolveFontWeight=K,exports.restoreTextSelection=FM,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=Cd,exports.useContextMenu2Anchor=()=>{const[t,n]=e.useState({x:0,y:0});return{position:t,setPosition:n}},exports.useFilterMenuPosition=Id,exports.useFilterState=Ex,exports.useNavigationRail=Sk,exports.useSlider=jM,exports.useSliderScale=YM,exports.useTheme=L,exports.zhCN={components:{ConfirmModal:{defaultProps:{confirmText:"确认",cancelText:"取消"}},FullSizeConfirmModal:{defaultProps:{confirmText:"确认",cancelText:"取消"}},FileUploader:{defaultProps:{title:"把文件拖入, 同样支持点击上传。"}},ItemEmpty:{defaultProps:{title:"未找到。"}}}};
|
|
5719
|
+
`,lS=c.default.forwardRef((function(t,n){const r=_c({props:t,name:"WeekTimeSelector"}),{weekList:a,weekTime:i,errorText:o,onChange:l}=r,s=e.useMemo((()=>tS(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 o=[...i],l=Math.min(e,n),s=Math.max(e,n),c=Math.min(t,r),d=Math.max(t,r);for(let e=l;e<=s;e++){const t=o[e].map(((t,n)=>e>=l&&e<=s&&n>=c&&n<=d?a:t));o[e]=t}return o})(d.weekIndex,d.timeIndex,e,t,n,[...s]);h("none"),null==l||l((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(iS,{ref:n},c.default.createElement(rS,{weekTime:i,weekList:a,WeekTimeItem:oS,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)}}),o&&c.default.createElement(vo,{pt:1},c.default.createElement(Ic,null,o)))}));exports.ADVANCED_FILTER_CONSTANTS=me,exports.Accordion=Y,exports.ActionButton=ae,exports.AdvancedFilter=kd,exports.AdvancedFilterConfigPanel=wd,exports.AdvancedFilterTrigger=Lt,exports.Backdrop=Pd,exports.Badge=dd,exports.Banner=Xd,exports.BarChart=({categories:e,series:t,layout:n,orientation:r="vertical",colorScheme:a,valueFormatter:i=tf,showLegend:o=!0,showTotalInTooltip:l=!0,interactiveLegend:s=!0,barWidthRatio:d,loading:u=!1,emptyMessage:p="データがありません","aria-label":f,height:m,className:h})=>{var g;const b=L(),v=S(b),{containerRef:x,containerWidth:y}=function(){const e=c.useRef(null),[t,n]=c.useState(void 0);return c.useEffect((()=>{const t=e.current;if(!t)return;const r=()=>{n(t.getBoundingClientRect().width)};if(r(),"undefined"==typeof ResizeObserver)return;const a=new ResizeObserver((()=>{r()}));return a.observe(t),()=>{a.disconnect()}}),[]),{containerRef:e,containerWidth:t}}(),[w,C]=c.useState(null),[E,I]=c.useState((()=>new Set)),[k,M]=c.useState((()=>new Set)),$=c.useRef(new Map),A=c.useRef(!1),{durationMs:O,staggerMs:H}=v.motion,D=Math.round(.65*O),{reflowSegments:R,reflowProgress:z,startReflow:N,cancelReflow:T,isReflowing:Z}=function(e,t){const[n,r]=c.useState(null),[a,i]=c.useState(null),o=c.useRef(0),l=c.useRef(void 0),s=c.useCallback((()=>{var e;0!==o.current&&(cancelAnimationFrame(o.current),o.current=0),r(null),i(null),null===(e=l.current)||void 0===e||e.call(l),l.current=void 0}),[]),d=c.useCallback((()=>{s()}),[s]),u=c.useCallback(((n,a,l,s,c)=>{r(mp(n,a,0,t)),i({phaseIndex:l,phaseCount:s,progress:0});const d=performance.now(),u=p=>{const f=Math.min(1,(p-d)/e);r(mp(n,a,f,t)),i({phaseIndex:l,phaseCount:s,progress:f}),f<1?o.current=requestAnimationFrame(u):(o.current=0,c())};o.current=requestAnimationFrame(u)}),[e,t]),p=c.useCallback(((e,t,n)=>{0!==o.current&&(cancelAnimationFrame(o.current),o.current=0),l.current=n,u(e,t,0,1,(()=>{s()}))}),[s,u]);return c.useEffect((()=>()=>{d()}),[d]),{reflowSegments:n,reflowProgress:a,startReflow:p,cancelReflow:d,isReflowing:null!=a}}(O,r),[B,P]=c.useState(null);c.useEffect((()=>{const e=$.current;return()=>{e.forEach((e=>{window.clearTimeout(e)})),e.clear(),T()}}),[T]);const _=c.useMemo((()=>function(e,t,n){const r=V(t,n);return e.map(((e,t)=>({label:e.label,color:r[t%r.length],data:e.data})))}(t,b,a)),[t,b,a]),F=c.useMemo((()=>function(e,t){return JSON.stringify({categories:e,series:t.map((e=>({label:e.label,length:e.data.length})))})}(e,t)),[e,t]),G=c.useMemo((()=>_.map((e=>e.label))),[_]);c.useEffect((()=>{I(new Set),M(new Set),$.current.forEach((e=>{window.clearTimeout(e)})),$.current.clear(),A.current=!1,T(),P(null)}),[T,F]),c.useEffect((()=>{const n=t.length*e.length,r=window.setTimeout((()=>{A.current=!0}),O+Math.min(n*H,O+80)+16);return()=>{window.clearTimeout(r)}}),[e.length,F,O,t.length,H]);const j=c.useMemo((()=>zp(_,E)),[_,E]),Y=qp(j.length,n),W=o&&_.length>1,X=function(e,t){return!(e<=1||"stacked"!==t&&"grouped"!==t&&void 0!==t)}(_.length,n),J=c.useCallback(((t,a)=>{const i=zp(_,t),o=qp(i.length,n),l=Up({categoryCount:e.length,seriesCount:"grouped"===o?i.length:1,height:m,barWidthRatio:d,layout:o,orientation:r,layoutConfig:v.layout,containerWidth:y}),s=function(e,t){if("stacked"===t)return Zp(e.map((e=>e.data)));const n=e.flatMap((e=>e.data.filter((e=>null!=e))));return Math.max(...n,1)}(i,o),c=null!=a?a:s;return{visibleSeries:i,layout:o,chartLayout:l,maxValue:c,segments:Bp(i,o,l,c,r)}}),[d,e.length,v.layout,y,m,n,r,_]),U=J(E),{chartLayout:Q,maxValue:q,segments:K}=U,ee=null!=R?R:K,te=null!=B?function(e,t,n){return null==n?t:e+(t-e)*up(n.progress)}(B.fromMaxValue,B.toMaxValue,z):q,ne=Tp(te,4),re=c.useRef(K);re.current=ee;const ae=c.useCallback((()=>{P(null)}),[]),ie=c.useCallback(((e,t,n)=>{if(!X)return;const r=J(t);P({fromMaxValue:n,toMaxValue:r.maxValue}),N(e,r.segments,ae)}),[ae,J,N,X]),oe=()=>{C(null)},le=null!=m?m:Wp;if(u)return c.createElement(wp,{ref:x,className:h},c.createElement(Ap,{$minHeight:le,role:"status","aria-label":`${f}（読み込み中）`},c.createElement(ko,{width:"32px"})));if(!Qp(e,t))return c.createElement(wp,{ref:x,className:h},c.createElement(Ap,{$minHeight:le,role:"status","aria-live":"polite","aria-label":`${f}（${p}）`},p));const se=j.map((e=>({label:e.label,color:e.color,data:e.data})));return c.createElement(wp,{ref:x,className:h},c.createElement(Cp,{$overflowX:Q.overflowsHorizontally,$overflowY:Q.overflowsVertically,role:Q.overflowsHorizontally?"region":void 0,"aria-label":Q.overflowsHorizontally?`${f}（横スクロールで全体を表示）`:void 0,tabIndex:Q.overflowsHorizontally?0:void 0},c.createElement(Ep,{role:"img","aria-label":f,width:Q.width,height:Q.height,viewBox:`0 0 ${Q.width} ${Q.height}`,$minWidth:Q.minContentWidth,$minHeight:Q.minContentHeight},c.createElement(Kp,{orientation:r,width:Q.width,height:Q.height,paddingLeft:Q.paddingLeft,paddingRight:Q.paddingRight,paddingTop:Q.paddingTop,paddingBottom:Q.paddingBottom,chartWidth:Q.chartWidth,chartHeight:Q.chartHeight,ticks:ne,maxValue:te,valueFormatter:i}),ee.map(((e,t)=>{return c.createElement(yp,{key:`${e.categoryIndex}-${e.seriesLabel}`,segment:e,orientation:r,animation:(n=e.seriesLabel,Z?"none":k.has(n)?"exit":A.current?"none":"enter"),enterIndex:t,durationMs:k.has(e.seriesLabel)?D:O,staggerMs:H,onPointerMove:t=>((e,t)=>{C({categoryIndex:t,clientX:e.clientX,clientY:e.clientY})})(t,e.categoryIndex),onPointerLeave:oe});var n})),c.createElement(ef,{orientation:r,labels:e,height:Q.height,paddingBottom:Q.paddingBottom,paddingLeft:Q.paddingLeft,paddingTop:Q.paddingTop,slotWidth:Q.slotWidth,labelEvery:Q.labelEvery}))),W&&c.createElement(Dp,{interactive:s,items:_.map((e=>({label:e.label,color:e.color,hidden:E.has(e.label)||k.has(e.label)}))),onToggle:e=>{C(null),T(),ae();const t=$.current.get(e);if(null!=t&&(window.clearTimeout(t),$.current.delete(e)),E.has(e)){const t=re.current,n=J(E).maxValue,r=Np(E,e,G);return I(r),void ie(t,r,n)}if(Np(E,e,G)===E)return;const n=J(E).maxValue;M((t=>new Set(t).add(e)));const r=window.setTimeout((()=>{const t=re.current.filter((t=>t.seriesLabel!==e));let r=E;I((t=>(r=function(e,t){const n=new Set(e);return n.add(t),n}(t,e),r))),M((t=>{const n=new Set(t);return n.delete(e),n})),$.current.delete(e),ie(t,r,n)}),D);$.current.set(e,r)}}),null!=w&&se.length>0&&c.createElement(Rp,{showTotal:"stacked"===Y&&l,label:null!==(g=e[w.categoryIndex])&&void 0!==g?g:"",datasets:se,categoryIndex:w.categoryIndex,clientX:w.clientX,clientY:w.clientY,valueFormatter:i}))},exports.BreakPoint=y,exports.Button=Lo,exports.ButtonGroup=qd,exports.CHART_DEFAULT_HEIGHT=Wp,exports.Calendar=Bu,exports.CalendarRange=sp,exports.Card=cp,exports.Checkbox=xd,exports.CheckboxCard=gf,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:qs(n,t.ref)});return c.cloneElement(t,a)},exports.ConfirmModal=Af,exports.ContainerBreakPoint=w,exports.ContextMenu=Ff,exports.ContextMenu2=eo,exports.ContextMenu2ButtonControlsItem=oo,exports.ContextMenu2ButtonItem=rt,exports.ContextMenu2CheckItem=ni,exports.ContextMenu2Container=to,exports.ContextMenu2HeadingItem=no,exports.ContextMenu2HelpTextItem=ao,exports.ContextMenu2SeparatorItem=io,exports.ContextMenu2SortableFixedItem=Vi,exports.ContextMenu2SortableGroup=Ci,exports.ContextMenu2SortableItem=Mi,exports.ContextMenu2SwitchItem=ci,exports.ContextMenu2TextInputItem=_i,exports.ContextMenu2TriggerItem=mi,exports.CreatableSelect=_v,exports.DATE_OPERATORS=Od,exports.DEFAULT_PERSIST_OPTION_LABEL=he,exports.DataTable=Tx,exports.DataTable2=({bordered:t,currentPage:n,pageSize:r,pageSizeOptions:a,totalCount:i,columns:o,onPageChange:l,onPageSizeChange:s,onColumnsChange:d,onCheckedRowsChange:u,children:p,tableActions:f,customTableActionArea:m,enableRowSelection:h=!0,columnEditFeatures:g,showBottomPagination:b=!1})=>{const v=e.useMemo((()=>{return{reorder:null!==(t=null==(e=g)?void 0:e.reorder)&&void 0!==t?t:Zx,visibility:null!==(n=null==e?void 0:e.visibility)&&void 0!==n?n:Bx};var e,t,n}),[g]),[x,w]=e.useState(!1),[C,E]=e.useState([]),[I,k]=e.useState([]),[M,$]=e.useState([]),[A,S]=e.useState(0),V=e.useRef(null),L=e.useCallback(((e,t)=>{const n=[...M];n[e]=t,$(n)}),[M,$]);e.useEffect((()=>{if(!V.current)return;const e=()=>{var e;V.current&&w((null===(e=V.current)||void 0===e?void 0:e.clientWidth)<y.TABLET)},t=new ResizeObserver(e);return e(),t.observe(V.current),()=>{t.disconnect()}}),[]);const O=e.useCallback((e=>{k(e),null==u||u(e)}),[k,u]),H=e.useRef(n);e.useEffect((()=>{H.current!==n&&O([]),H.current=n}),[n,O]),e.useEffect((()=>{if(0===I.length)return;const e=I.filter((e=>C.includes(e)));e.length!==I.length&&O(e)}),[C,I,O]);const D=e.useMemo((()=>Math.ceil(i/r)-1),[i,r]);e.useEffect((()=>{n>D&&l(D)}),[n,D,l]);const R=h&&!!f,[z,N]=e.useState(null),T=e.useCallback(((e,t)=>{N((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=o.filter((e=>e.visible)).length;return{registerColumnSticky:T,getStickyRightOffset:t=>{var n;if(null===z||t!==z)return;let r=0;for(let a=t+1;a<e;a++)r+=null!==(n=M[a])&&void 0!==n?n:0;return r},rightStickyColumnIndex:z,getRightStickyZIndexHead:e=>3,getRightStickyZIndexBody:e=>1}}),[M,o,T,z]);return c.default.createElement(ty,{ref:V,bordered:t},c.default.createElement(Gx.Provider,{value:{isSmallLayout:x,rowIds:C,enableRowSelection:h,hasRowControls:R,checkedRows:I,totalCount:i,currentPage:n,pageSize:r,pageSizeOptions:a,columns:o,columnEditFeatures:v,columnWidths:M,rowSpacing:A,setRowIds:E,setCheckedRows:O,setCurrentPage:l,setPageSize:s,setColumns:d,setColumnWidth:L,setRowSpacing:S}},c.default.createElement(Yx.Provider,{value:Z},c.default.createElement(Yy,{tableActions:f,customTableActionArea:m}),c.default.createElement(Xy,null,p),b&&c.default.createElement(Wy,null))))},exports.DataTable2ActionButton=({prepend:t,children:n,onClick:r})=>{const{isSmallLayout:a}=e.useContext(Gx);return a?c.default.createElement(rt,{prepend:t,onClick:r},n):c.default.createElement(py,{type:"button",onClick:r},t,n)},exports.DataTable2Body=({children:t})=>{const{rowIds:n,setRowIds:r}=e.useContext(Gx);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:o}=e.useContext(Yx),{showStickyRightEdgeDecoration:l}=e.useContext(jx),s=e.useContext(Wx),d=a(s.index),u=void 0!==d&&s.index===i&&l,p=void 0!==d?o(s.index):void 0;return c.default.createElement(hy,{$stickyRightOffset:d,$stickyZIndex:p,$showStickyEdgeDecoration:u},c.default.createElement(My,null,c.default.createElement(Ay,null,r),t&&c.default.createElement($y,null,c.default.createElement(ko,{width:"20px"}))))},exports.DataTable2Column=({className:t,sticky:r,isResizable:a,width:i,minWidth:o=32,maxWidth:l=1/0,children:s,onWidthChange:d})=>{const{isSmallLayout:u,setColumnWidth:p}=e.useContext(Gx),{registerColumnSticky:f,getStickyRightOffset:m,rightStickyColumnIndex:h,getRightStickyZIndexHead:g}=e.useContext(Yx),{showStickyRightEdgeDecoration:b}=e.useContext(jx),v=e.useContext(Wx),[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,o,l);d(n),p(v.index,n)}),[d,o,l,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(my,{ref:k,className:t,"data-dragging":x,$stickyRightOffset:w,$stickyZIndex:E,$showStickyEdgeDecoration:C,style:{minWidth:isFinite(o)&&o<=l?o:void 0,maxWidth:isFinite(o)&&o<=l?l:void 0}},c.default.createElement(gy,{isSmallLayout:u},s,a&&c.default.createElement(by,{type:"button","aria-label":"resize the column",onPointerDown:A}),x&&n.createPortal(c.default.createElement(vy,{"data-min":i&&o>=i,"data-max":i&&l<=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]),o=e.useCallback((()=>{null==r||r(i)}),[r,i]),l=e.useMemo((()=>"asc"===n?"sort_up":"desc"===n?"sort_down":"sort_inactive"),[n]);return t?c.default.createElement(wy,{type:"button",onClick:o},a,c.default.createElement(z,{name:l,size:"md"})):c.default.createElement(yy,null,a)},exports.DataTable2Head=({children:t})=>{const{hasRowControls:n,columns:r}=e.useContext(Gx),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(fy,null,c.default.createElement("tr",null,n&&c.default.createElement(Iy,{"aria-label":"empty cell"}),i.map((({id:e,index:t,child:n})=>c.default.createElement(Wx.Provider,{key:e,value:{index:t}},n))))))},exports.DataTable2InlineEditor=({label:t,value:n,children:r,onChange:a})=>{const[i,o]=e.useState(n),[l,s]=e.useState(!1),d=()=>{s(!1),a(i)};return e.useEffect((()=>{o(n)}),[n]),c.default.createElement(Sy,null,r,c.default.createElement(Vy,null,c.default.createElement(to,null,c.default.createElement(eo,{width:252,trigger:c.default.createElement(Lo,{type:"button",color:"primarySubtle",size:"small",inline:!0,icon:c.default.createElement(z,{name:"pencil",color:"currentColor"})}),open:l,onOpenChange:s},c.default.createElement(no,null,t),c.default.createElement(_i,{value:i,onChange:e=>o(e.target.value),onEnter:d}),c.default.createElement(io,null),c.default.createElement(oo,null,c.default.createElement(Lo,{type:"button",color:"clear",size:"small",onClick:()=>{s(!1),o(n)}},"キャンセル"),c.default.createElement(Lo,{type:"button",color:"primary",size:"small",onClick:d},"適用"))))))},exports.DataTable2InlineSelectEditor=({label:t,value:n,options:r,children:a,onChange:i})=>{const[o,l]=e.useState(!1);return c.default.createElement(Sy,null,a,c.default.createElement(Vy,null,c.default.createElement(to,null,c.default.createElement(eo,{width:252,trigger:c.default.createElement(Lo,{type:"button",color:"primarySubtle",size:"small",inline:!0,icon:c.default.createElement(z,{name:"pencil",color:"currentColor"})}),open:o,onOpenChange:l},c.default.createElement(no,null,t),r.map((e=>c.default.createElement(ni,{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:o,setCheckedRows:l,rowSpacing:s}=e.useContext(Gx),d=e.useMemo((()=>o.includes(t)),[t,o]),u=e.useCallback((()=>{const e=o.includes(t)?o.filter((e=>e!==t)):[...o,t];l(e)}),[t,o,l]),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(Cy,{"data-highlighted":d,"data-spacing":s,isSmallLayout:r},i&&c.default.createElement(Ey,null,c.default.createElement(ky,null,c.default.createElement(xd,{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(Wx.Provider,{key:e,value:{index:t}},n))))},exports.DateField=ww,exports.DateField2=Ow,exports.DatePicker=Gc,exports.DateRangeField=kw,exports.DateRangeField2=zw,exports.DateRangePicker=Tw,exports.Divider=zf,exports.Drawer=({isOpen:t,direction:n,onClose:r,size:a="40vw",resizable:i=!1,minSize:o="20vw",maxSize:l="90vw",onResize:s,stickyHeader:d,stickyFooter:u,confirmOnClose:p,allowBackgroundScroll:f=!1,children:m})=>{const h=300,g=Zw(a,n),b=Zw(o,n),v=Zw(l,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),[z,N]=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=Zw(a,n),t=Zw(o,n),r=Zw(l,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,o,l,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),N(!0)}),[P]),F=e.useCallback((()=>{N(!1)}),[]),G=e.useCallback((()=>{N(!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(Af,{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(Mf,null,f?c.default.createElement(Pw,{direction:n,currentSize:M,shouldShow:I,transitionDuration:h},i&&c.default.createElement(Fw,{direction:n,"data-testid":"resize-bar",active:z}),i&&c.default.createElement(_w,{direction:n,"data-testid":"resize-handle",onMouseDown:P,onTouchStart:_,onTouchEnd:F,onTouchCancel:G,onMouseEnter:()=>N(!0),onMouseLeave:()=>N(!1)}),d&&c.default.createElement(Gw,null,d),c.default.createElement(jw,null,m),u&&c.default.createElement(Yw,null,u)):c.default.createElement(Bw,{shouldShow:I,transitionDuration:h,onClick:e=>{A.current||L.current||e.target===e.currentTarget&&j("backdropClick")}},c.default.createElement(Pw,{direction:n,currentSize:M,shouldShow:I,transitionDuration:h},i&&c.default.createElement(Fw,{direction:n,"data-testid":"resize-bar",active:z}),i&&c.default.createElement(_w,{direction:n,"data-testid":"resize-handle",onMouseDown:P,onTouchStart:_,onTouchEnd:F,onTouchCancel:G,onMouseEnter:()=>N(!0),onMouseLeave:()=>N(!1)}),d&&c.default.createElement(Gw,null,d),c.default.createElement(jw,null,m),u&&c.default.createElement(Yw,null,u))))):null},exports.DropdownButton=({size:e="medium",color:t="primary",onClick:n,split:r=!1,contents:a=[],disabled:i=!1,children:o,icon:l,selectedValue:s,menuWidth:d=200,loading:u=!1,toggleAriaLabel:p="メニューを開く"})=>{const f=L(),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:o,x=c.useMemo((()=>c.createElement(z,{name:"arrow_bottom",size:Ww[e].arrowIconSize,color:g})),[e,g]),y=c.useMemo((()=>m?c.createElement(ko,{width:b}):null),[m,b]),w=!!l,C=!!v,E=m?w?y:void 0:l,I=m?!w&&C||w&&C?h:void 0:v,k=m?w?y:void 0:l,M=(()=>{if(m&&(!w||C))return C?h:void 0})(),$=r?c.createElement(Xw,null,c.createElement(Jw,{size:e,color:t,inline:!0,disabled:i||m,icon:E,onClick:n},I),c.createElement(Uw,{size:e,color:t,inline:!0,disabled:i||m,"data-testid":"menu-toggle","aria-label":p},x)):c.createElement(Qw,{size:e,color:t,disabled:i||m,"data-testid":"menu-toggle",icon:k,"aria-label":C?void 0:p},c.createElement(qw,null,m?M?c.createElement(c.Fragment,null,"string"==typeof M?c.createElement(mo,null,M):M,c.createElement(Kw,null,c.createElement(vo,{pr:.5}),x)):c.createElement(Kw,null,c.createElement(vo,{pr:.5}),x):c.createElement(c.Fragment,null,v&&c.createElement(mo,null,v),c.createElement(Kw,null,c.createElement(vo,{pr:.5}),x))));return c.createElement(to,null,c.createElement(eo,{trigger:$,width:d},a.map(((e,t)=>c.createElement(c.Fragment,{key:`${t}-${e.text}`},e.divideTop&&c.createElement(io,null),(e=>"heading"===e.type?c.createElement(no,null,e.text):"helpText"===e.type?c.createElement(ao,{prepend:e.prepend},e.text):void 0!==e.checked?c.createElement(ni,{closeOnChange:!0,checked:e.checked,color:e.color,disabled:e.disabled,prepend:e.icon,onChange:e.onChange},e.text):c.createElement(rt,{closeOnClick:!0,color:e.color,disabled:e.disabled,prepend:e.icon,onClick:e.onClick},e.text))(e))))))},exports.DualListBox=bC,exports.DualListBox2=mE,exports.DualListBox2Accordion=cE,exports.DualListBox2Item=KC,exports.DualListBox2Section=oE,exports.ErrorText=Ic,exports.Fade=Qs,exports.FileUploader=bE,exports.FilterComboBox=({values:t,options:n,selectedIndex:r,selectOptions:a,onChange:i,onSelectChange:o,size:l="medium",variant:s="dark",tagVariant:d,searchPlaceholder:u="検索",noResultsMessage:p="見つかりませんでした",showOptionsOnlyWhenSearching:f=!1,searchPromptMessage:m="キーワードを入力してください",filterLocally:h=!0,onSearchChange:g,isLoading:b=!1,disabled:v=!1,applyButtonText:x="適用",cancelButtonText:y="キャンセル",error:w=!1,placement:C,middleware:E})=>{const[I,k]=e.useState(""),[M,$]=e.useState(!1),[A,S]=e.useState(t),[V,L]=e.useState(!1),O=e.useMemo((()=>d||("light"===s?"dark":"light")),[s,d]),[H,D]=e.useState(!1),R=e.useRef(null),N=e.useCallback((()=>{R.current&&D(R.current.clientWidth<R.current.scrollWidth)}),[]),T=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=_l(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]),Z=f&&""===I.trim(),B=e.useMemo((()=>h?T(I):n.map((e=>Array.isArray(e)?e:[e]))),[I,T,h,n]),P=e.useMemo((()=>Array.from(new Set([...t,...A])).map((e=>[e]))),[t,A]),_=Z?P:B,F=e.useCallback((e=>{A.includes(e)?S(A.filter((t=>t!==e))):S([...A,e])}),[A]),G=e.useCallback((()=>{if(M)return;if(!I.trim())return;const e=h?T(I):_;1===e.length&&(F(e[0][0]),k(""),null==g||g(""))}),[M,I,T,F,h,_,g]),j=e.useCallback((e=>{k(e.target.value),null==g||g(e.target.value)}),[g]),Y=e.useRef(null),W=e.useCallback((e=>{var t;e.stopPropagation(),k(""),null==g||g(""),null===(t=Y.current)||void 0===t||t.focus()}),[g]),X=e.useCallback((e=>{e.key}),[]),J=e.useCallback((e=>{const n=t.filter((t=>t!==e));i(n),S(n)}),[t,i]),U=e.useCallback((e=>{L(e),e&&S(t),k(""),null==g||g("")}),[t,g]),Q=e.useCallback((()=>{i(A),L(!1)}),[i,A]),q=e.useCallback((()=>{S(t),L(!1)}),[t]),K=e.useCallback((()=>{const e=_.map((e=>e[0])),t=[...new Set([...A,...e])];S(t)}),[_,A]),ee=e.useCallback((()=>{S([])}),[]),te=e.useMemo((()=>c.default.createElement(RE,null,c.default.createElement(zE,null,c.default.createElement(HE,{ref:Y,autoFocus:!0,value:I,placeholder:u,onChange:j,onKeyDown:X,onCompositionStart:()=>$(!0),onCompositionEnd:()=>$(!1),onEnter:G}),I&&c.default.createElement(NE,{type:"button","aria-label":"検索をリセット",onClick:W},c.default.createElement(z,{name:"close_circle",type:"fill",color:"currentColor"}))),c.default.createElement(TE,null,c.default.createElement(tc,{content:"すべて選択",positionPriority:["top"],offset:[0,8],disabled:0===_.length},c.default.createElement(Lo,{"aria-label":"すべて選択",icon:c.default.createElement(z,{name:"check_thin",color:"currentColor"}),size:"small",color:"secondaryDark",disabled:0===_.length,onClick:K})),c.default.createElement(tc,{content:"すべてクリア",positionPriority:["top"],offset:[0,8],disabled:0===_.length},c.default.createElement(Lo,{"aria-label":"すべてクリア",icon:c.default.createElement(z,{name:"close",color:"currentColor"}),size:"small",color:"secondaryDark",disabled:0===_.length,onClick:ee}))))),[I,u,j,X,G,K,ee,W,_]),ne=e.useMemo((()=>c.default.createElement(oo,null,c.default.createElement(Lo,{size:"small",color:"clear",onClick:q},y),c.default.createElement(Lo,{size:"small",onClick:Q},x))),[q,Q,x,y]);e.useEffect((()=>{if(!window.ResizeObserver)return;if(!R.current)return;const e=new window.ResizeObserver((()=>{R.current&&N()}));return e.observe(R.current),N(),()=>{e.disconnect()}}),[N]);return c.default.createElement($E,{variant:s,size:l,selectedIndex:r,selectOptions:a,disabled:v,error:w,isOpen:V,onSelectChange:o},c.default.createElement(SE,{$variant:s,$size:l,"data-overflowing":H},c.default.createElement(to,null,c.default.createElement(eo,{open:V&&!v,trigger:c.default.createElement(LE,{type:"button",$variant:s,$size:l,disabled:v,"aria-label":"タグを追加",onClick:()=>{v||L(!V)}},c.default.createElement(OE,null,c.default.createElement(z,{name:"arrow_down",color:"currentColor"}))),stickyHeader:te,stickyFooter:ne,noResultsMessage:p,placement:C,middleware:E,onOpenChange:e=>!v&&U(e)},Z&&0===_.length?c.default.createElement(Gi,{message:m}):!Z&&b?c.default.createElement(DE,{role:"status","aria-label":"読み込み中"},c.default.createElement(ko,{width:"24px"})):0===_.length?c.default.createElement(Gi,{message:p}):_.map((e=>c.default.createElement(ni,{key:e[0],checked:A.includes(e[0]),closeOnChange:!1,onChange:()=>F(e[0])},e[0]))))),c.default.createElement(VE,{ref:R},t.map((e=>c.default.createElement(ME,{key:e,label:e,size:l,variant:O,onRemove:()=>J(e)}))))))},exports.FilterPositionCalculator=Ed,exports.FilterSelectInput=({value:t,options:n,selectedIndex:r,selectOptions:a,onChange:i,onSelectChange:o,size:l="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]),D=e.useCallback((e=>{p||L(e)}),[p,L]),R=e.useMemo((()=>c.default.createElement(YE,null,c.default.createElement(GE,{autoFocus:!0,value:v,placeholder:d,disabled:p,onChange:A,onKeyDown:V,onCompositionStart:()=>E(!0),onCompositionEnd:()=>E(!1)}),v&&c.default.createElement(WE,{type:"button","aria-label":"検索をリセット",onClick:S},c.default.createElement(z,{name:"close_circle",type:"fill",color:"currentColor"})))),[v,d,p,A,V,S]);return c.default.createElement($E,{variant:s,size:l,selectedIndex:r,selectOptions:a,disabled:p,error:f,isOpen:I,onSelectChange:o},c.default.createElement(ZE,{ref:M},c.default.createElement(to,null,c.default.createElement(eo,{open:I&&!p,minWidth:g,trigger:c.default.createElement(BE,{type:"button",$size:l,$variant:s,disabled:p,onClick:H},c.default.createElement(_E,{$size:l},t),c.default.createElement(FE,null,c.default.createElement(z,{name:"arrow_down",color:"currentColor"}))),stickyHeader:R,placement:m,middleware:h,onOpenChange:D},$.length>0?$.map((e=>c.default.createElement(ni,{key:e,checked:e===t,disabled:p,onChange:()=>O(e)},e))):c.default.createElement(Gi,{message:u})))))},exports.FilterTagInput=({title:t,values:n,selectedIndex:r,selectOptions:a,onChange:i,onSelectChange:o,size:l="medium",variant:s="dark",tagVariant:d,menuIconSize:u=22,disabled:p=!1,error:f=!1})=>{const{isSmall:m}=e.useContext(kE),[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]),D=e.useCallback(((e,t)=>{i(e,t),o(t),requestAnimationFrame((()=>{S(),V()}))}),[i,o]),R=e.useCallback((e=>{g(e.target.value)}),[]),N=e.useCallback((()=>{y(!0)}),[]),T=e.useCallback((()=>{y(!1)}),[]),Z=e.useCallback((()=>{C(!0)}),[]),B=e.useCallback((()=>{C(!1)}),[]),P=e.useCallback((()=>{p||I(!0)}),[p]),_=e.useCallback((()=>{I(!1)}),[]),F=e.useCallback((()=>{_(),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 G=e.useMemo((()=>n.map(((e,t)=>c.default.createElement(ME,{key:e,size:l,variant:M,label:e,onRemove:()=>H(t)})))),[n,l,M,H]),j={small:18,medium:20,large:22}[l];return c.default.createElement(c.default.Fragment,null,c.default.createElement($E,{variant:s,size:l,selectedIndex:r,selectOptions:a,disabled:p,error:f,isOpen:E,onSelectChange:o},c.default.createElement(XE,{ref:$,$size:l,$variant:s},c.default.createElement(JE,{ref:A},G,c.default.createElement(qE,null,c.default.createElement("input",{ref:k,"aria-label":"フィルターする値",disabled:p,type:"text",value:h,enterKeyHint:"enter",onChange:R,onCompositionEnd:T,onCompositionStart:N,onFocus:P,onKeyDown:O,onBlur:F})))),c.default.createElement(QE,{$size:l,$variant:s,"aria-label":"フィルター入力パネルを開く","data-overflowing":b,type:"button",disabled:p,onClick:Z},c.default.createElement(z,{name:m?"filter":"expand_diagonal_s_fill",color:"currentColor",size:j}))),c.default.createElement(hI,{isOpen:w,menuIconSize:u,selectOptions:a,selectedIndex:r,title:t,values:n,onApply:D,onClose:B}))},exports.FixedPanel=bI,exports.Flex=Z,exports.FloatingTip=wI,exports.FullSizeConfirmModal=VI,exports.Grow=e=>{var{timeout:t=300,children:n}=e,r=p(e,["timeout","children"]);const a=c.useRef(null);return c.createElement(OI,Object.assign({nodeRef:a,appear:!0,mountOnEnter:!0,timeout:t,classNames:LI},r),c.createElement("div",{ref:a},n))},exports.Icon=z,exports.IconText=e=>{var{icon:t,size:n="medium",pos:r="prepend",prependIcon:a,appendIcon:i,color:o,iconColor:l,textColor:s,children:d}=e,u=p(e,["icon","size","pos","prependIcon","appendIcon","color","iconColor","textColor","children"]);const f=L(),m=!!u.href,h=null!=s?s:m?f.palette.primary.base:null!=o?o:f.palette.black,g=null!=l?l:m?f.palette.primary.base:null!=o?o: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(RI,Object.assign({as:m?"a":"span",$size:n,$isLink:m},u),null!=b&&zI(b,n,g),c.default.createElement(DI,{$color:h},d),null!=v&&zI(v,n,g))},exports.Input=Bi,exports.ItemEmpty=$x,exports.LoadingBar=ZI,exports.LocaleProvider=({locale:e,children:t})=>c.createElement(Pc.Provider,{value:{locale:e}},t),exports.Menu=Pf,exports.MenuList=Tf,exports.Modal=$f,exports.MultipleFilter=yk,exports.NUMBER_OPERATORS=Ld,exports.NavigationRail=IM,exports.NavigationRailContext=Lk,exports.NotificationBadge=Zk,exports.PRESET_OPERATORS=Dd,exports.Pager=Cx,exports.Popover=Bf,exports.Portal=Mf,exports.RadioButton=ix,exports.RadioCard=kM,exports.Radius=8,exports.SELECT2_SIZES=nc,exports.SELECTION_OPERATORS=Hd,exports.ScrollArea=AM,exports.Select=Pv,exports.Select2=xc,exports.Select2Option=yc,exports.Select2OptionGroup=wc,exports.Select2Separator=Cc,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(n$,Object.assign({nodeRef:i,appear:!0,timeout:t,direction:r,classNames:t$},a),c.createElement("div",{ref:i},n))},exports.Slider=UM,exports.SliderField=KM,exports.Snackbar=l$,exports.Space=8,exports.Spacer=vo,exports.Spinner=ko,exports.SplitAnnotation=c$,exports.Switch=y$,exports.TEXT_OPERATORS=Vd,exports.Table=O$,exports.Tabs=({ref:e,data:t,value:n,orientation:r="horizontal",onChange:a,onClick:i})=>{const o="vertical"===r,l=new Map,s=c.useRef(null),[d,u]=c.useState({}),p=qs(e),f=x$((()=>{var e,t;const r=(()=>{const e=s.current;if(!e||!n)return null;const t=l.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((()=>{o||f()})),c.useEffect((()=>{if(o)return;const e=()=>{f()};return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)}),[o,f]);const m=t.map(((e,t)=>{const o=e.value,s=o===n;return l.set(o,t),c.createElement(F$,{key:t.toString(),selected:s,orientation:r,value:o,count:e.count,countMax:e.countMax,text:e.text,onChange:a,onClick:i})}));return c.createElement(H$,{ref:p},o?c.createElement(D$,{ref:s,role:"tablist",$orientation:r,"aria-orientation":"vertical"},m):c.createElement(R$,null,c.createElement(z$,null,c.createElement(N$,{ref:s,role:"tablist","aria-orientation":"horizontal"},m,c.createElement(P$,{"aria-hidden":"true",style:Object.assign({},d)}))),c.createElement(_$,null)))},exports.Tag=ue,exports.TextField=rk,exports.ThemeProvider=({children:e,theme:n})=>c.createElement(t.ThemeContext.Provider,{value:n},e),exports.TimeField=W$,exports.TimeField2=X$,exports.Toast=ZA,exports.ToggleButton=WA,exports.Tooltip=tc,exports.Typography=ee,exports.WeekTime=aS,exports.WeekTimeSelector=lS,exports.applyFilter=Zd,exports.applyMultipleFilters=(e,t)=>t.reduce(((e,t)=>Zd(e,t.field,t.operator,t.values)),e),exports.applyOperatorToValue=Td,exports.breakpointPrimitives=x,exports.buildFilterSlots=Je,exports.changeOperatorLabel=(e,t)=>Object.assign(Object.assign({},e),{label:t}),exports.changeValueLabel=(e,t)=>Object.assign(Object.assign({},e),{label:t}),exports.clamp=NM,exports.colors=f,exports.combineOperators=(...e)=>e.flat(),exports.combineValues=(...e)=>e.flat(),exports.computeMaxStackedTotal=Zp,exports.computeYTicks=Tp,exports.createOperator=(e,t)=>({value:e,label:t}),exports.createTheme=$,exports.createValue=(e,t)=>({value:e,label:t}),exports.defaultTheme=A,exports.enUS=Bc,exports.evaluateFilterConditions=(e,t,n,r)=>{const a=n.filter((e=>e.values&&e.values.length>0));return 0!==a.length&&a.every((n=>{var a;const{conditionKey:i,operator:o,values:l}=n,s=null==r?void 0:r[t],c=null===(a=null==s?void 0:s.multiConditionConfigs)||void 0===a?void 0:a.find((e=>e.conditionKey===i)),d=((e,t,n,r)=>{const a=e[r||`${t}Attr`];if(a&&"object"==typeof a&&n in a)return a[n]})(e,t,i,null==c?void 0:c.valueSource);return(null==c?void 0:c.customOperator)?c.customOperator(l,o,d):Td(d,o,l)}))},exports.fontSize=U,exports.formatDateAsMonthDay=nf,exports.generateTagText=Re,exports.generateTagTitle=e=>{if(e.conditions&&e.conditions.length>0)return De(e);const{typeLabel:t,operatorLabel:n,valueLabels:r,isRange:a}=e,i=`が${n}`,o=He(r,a,"\n");return o?`${t} ${i}\n${o}`:`${t} ${i}`},exports.getAvailableTypes=ze,exports.getChartPalette=S,exports.getChartSeriesColors=V,exports.getClampedValue=TM,exports.getConfiguredFilters=e=>e.filter(Xe),exports.getFilterTypeLabel=Ne,exports.getFilteredItems=Ex,exports.getInitialPersistValue=Ce,exports.getKeyboardValue=_M,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=PM,exports.getPercentage=ZM,exports.getPersistOptionLabel=Ee,exports.getPresetOperators=Rd,exports.getPresetOperatorsWithLabels=(e,t)=>{const n=Rd(e);return zd(n,t)},exports.getPresetSlotId=We,exports.getResponsiveFontSizeCss=J,exports.getTagBoldText=Te,exports.getValueFromPosition=BM,exports.getValueLabels=e=>e.map((e=>e.label)),exports.getValueStrings=e=>e.map((e=>e.value)),exports.hasChartData=Qp,exports.isConfiguredFilter=Xe,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=we,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=X,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=Zc,exports.mapTimeSeriesChartData=function(e,t=nf){const n=Array.from(new Set(e.flatMap((e=>e.data.map((e=>e.date)))))).sort(rf);return{categories:n.map(t),series:e.map((e=>{const t=new Map(e.data.map((e=>[e.date,e.value])));return{label:e.label,data:n.map((e=>{var n;return null!==(n=t.get(e))&&void 0!==n?n:null}))}}))}},exports.mergeValues=(...e)=>{const t=e.flat().filter(((e,t,n)=>t===n.findIndex((t=>t.value===e.value))));return t},exports.normalizeForSearch=Nd,exports.overrideOperatorLabels=zd,exports.overrideValueLabels=(e,t)=>e.map((e=>Object.assign(Object.assign({},e),{label:t[e.value]||e.label}))),exports.palette=g,exports.preventScroll=jM,exports.preventTextSelection=FM,exports.resolveFontWeight=K,exports.restoreTextSelection=GM,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=Cd,exports.useContextMenu2Anchor=()=>{const[t,n]=e.useState({x:0,y:0});return{position:t,setPosition:n}},exports.useFilterMenuPosition=Id,exports.useFilterState=Ix,exports.useNavigationRail=Vk,exports.useSlider=YM,exports.useSliderScale=WM,exports.useTheme=L,exports.zhCN={components:{ConfirmModal:{defaultProps:{confirmText:"确认",cancelText:"取消"}},FullSizeConfirmModal:{defaultProps:{confirmText:"确认",cancelText:"取消"}},FileUploader:{defaultProps:{title:"把文件拖入, 同样支持点击上传。"}},ItemEmpty:{defaultProps:{title:"未找到。"}}}};
|
|
5720
5720
|
//# sourceMappingURL=index.js.map
|