ingred-ui 33.2.0 → 33.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Accordion/styled.d.ts +2 -6
- package/dist/components/AdvancedFilter/hooks/useAdvancedFilterState.d.ts +1 -1
- package/dist/components/AdvancedFilter/hooks/useFilterMenuPosition.d.ts +1 -1
- package/dist/components/AdvancedFilter/styled.d.ts +8 -16
- package/dist/components/AdvancedFilter/utils/positionCalculator.d.ts +2 -2
- package/dist/components/Badge/styled.d.ts +4 -4
- package/dist/components/Button/Button.d.ts +1 -0
- package/dist/components/Button/styled.d.ts +4 -8
- package/dist/components/Calendar/Calendar/Calendar.d.ts +2 -2
- package/dist/components/Calendar/Calendar/internal/Day/styled.d.ts +6 -18
- package/dist/components/Calendar/CalendarRange/CalendarRange.d.ts +2 -2
- package/dist/components/Calendar/CalendarRange/internal/Day/styled.d.ts +34 -102
- package/dist/components/Calendar/hooks/useScrollCalendar.d.ts +1 -1
- package/dist/components/Calendar/styled.d.ts +9 -29
- package/dist/components/Card/Card.d.ts +2 -2
- package/dist/components/Checkbox/styled.d.ts +2 -2
- package/dist/components/ConfirmModal/styled.d.ts +4 -8
- package/dist/components/ContextMenu/styled.d.ts +3 -7
- package/dist/components/ContextMenu2/ContextMenu2.d.ts +1 -1
- package/dist/components/ContextMenu2/ContextMenu2ButtonItem.d.ts +3 -7
- package/dist/components/ContextMenu2/ContextMenu2CheckItem.d.ts +3 -7
- package/dist/components/ContextMenu2/ContextMenu2SwitchItem.d.ts +3 -7
- package/dist/components/ContextMenu2/ContextMenu2TextInputItem.d.ts +3 -7
- package/dist/components/ContextMenu2/ContextMenu2TriggerItem.d.ts +1 -5
- package/dist/components/DataTable2/DataTable2ActionButton.d.ts +1 -1
- package/dist/components/DataTable2/styled.d.ts +14 -38
- package/dist/components/DataTable2/utils/toolbarUtils.d.ts +3 -1
- package/dist/components/DateField/DateField/DateField.d.ts +1 -1
- package/dist/components/DateField/DateField2/DateField2.d.ts +1 -1
- package/dist/components/DateField/DateField2/useDateField2.d.ts +1 -1
- package/dist/components/DateField/DateRangeField/DateRangeField.d.ts +1 -1
- package/dist/components/DateField/DateRangeField2/DateRangeField2.d.ts +1 -1
- package/dist/components/DateField/useDateField.d.ts +1 -1
- package/dist/components/DatePicker/DatePicker.d.ts +1 -1
- package/dist/components/DateRangePicker/DateRangePicker.d.ts +1 -1
- package/dist/components/Divider/styled.d.ts +2 -2
- package/dist/components/DropdownButton/styled.d.ts +3 -220
- package/dist/components/DualListBox/internal/CandidateRenderer/styled.d.ts +5 -17
- package/dist/components/DualListBox2/styled.d.ts +1 -73
- package/dist/components/FilterComboBox/FilterComboBox.d.ts +1 -1
- package/dist/components/FilterComboBox/styled.d.ts +12 -28
- package/dist/components/FilterInputAbstract/styled.d.ts +8 -16
- package/dist/components/FilterSelectInput/FilterSelectInput.d.ts +1 -1
- package/dist/components/FilterSelectInput/styled.d.ts +12 -28
- package/dist/components/FilterTagInput/FilterTagInput.d.ts +1 -1
- package/dist/components/FullSizeConfirmModal/styled.d.ts +4 -8
- package/dist/components/IconText/IconText.d.ts +3 -3
- package/dist/components/Input/styled.d.ts +2 -2
- package/dist/components/LoadingBar/LoadingBar.d.ts +1 -5
- package/dist/components/MenuList/styled.d.ts +1 -5
- package/dist/components/Modal/Modal.d.ts +1 -1
- package/dist/components/MultipleFilter/internal/EditFilterCard/styled.d.ts +4 -8
- package/dist/components/MultipleFilter/internal/FilterCard/styled.d.ts +4 -8
- package/dist/components/NavigationRail/ExpansionMenu/styled.d.ts +1 -5
- package/dist/components/NavigationRail/ExpansionMenuItem/styled.d.ts +1 -5
- package/dist/components/NavigationRail/Menu/styled.d.ts +1 -5
- package/dist/components/NavigationRail/NavigationRail.d.ts +1 -1
- package/dist/components/RadioButton/styled.d.ts +2 -2
- package/dist/components/Select2/styled.d.ts +12 -28
- package/dist/components/SelectableCard/useSelectableCardHeaderClick.d.ts +1 -1
- package/dist/components/Slider/types.d.ts +2 -2
- package/dist/components/Spinner/styled.d.ts +2 -6
- package/dist/components/Table/Table.d.ts +1 -0
- package/dist/components/Tabs/Tabs.d.ts +3 -3
- package/dist/components/Tabs/styled.d.ts +1 -5
- package/dist/components/TextField/styled.d.ts +4 -12
- package/dist/components/TimeField/useTimeField2.d.ts +1 -1
- package/dist/components/ToggleButton/styled.d.ts +6 -14
- package/dist/components/Typography/Typography.d.ts +1 -0
- package/dist/components/WeekTime/internal/WeekTimeElement/styled.d.ts +6 -18
- package/dist/index.es.js +414 -416
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +414 -416
- package/dist/index.js.map +1 -1
- package/dist/lib/react-toast-notification/src/ToastElement.d.ts +6 -6
- package/dist/lib/react-toast-notification/src/ToastProvider.d.ts +2 -0
- package/dist/utils/renderWithThemeProvider.d.ts +1 -1
- package/package.json +9 -8
package/dist/index.js
CHANGED
|
@@ -665,19 +665,19 @@ var Wn=["input:not([inert])","select:not([inert])","textarea:not([inert])","a[hr
|
|
|
665
665
|
z-index: ${E.dropdown};
|
|
666
666
|
display: flex;
|
|
667
667
|
flex-direction: column;
|
|
668
|
-
overflow:
|
|
668
|
+
overflow: visible;
|
|
669
669
|
min-height: 0;
|
|
670
670
|
max-height: ${({$maxHeight:e})=>"number"==typeof e?`${e}px`:e||"80vh"};
|
|
671
|
-
border: 1px solid ${({theme:e})=>e.palette.neutral.softLight};
|
|
672
|
-
border-radius: 6px;
|
|
673
|
-
box-shadow: ${v.dropdown};
|
|
674
|
-
background: ${({theme:e})=>e.palette.white};
|
|
675
671
|
|
|
676
672
|
&:focus {
|
|
677
673
|
outline: none;
|
|
678
674
|
}
|
|
679
675
|
`,Di=d.default.div`
|
|
680
676
|
padding: 8px;
|
|
677
|
+
border: 1px solid ${({theme:e})=>e.palette.neutral.softLight};
|
|
678
|
+
border-radius: 6px;
|
|
679
|
+
box-shadow: ${v.dropdown};
|
|
680
|
+
background: ${({theme:e})=>e.palette.white};
|
|
681
681
|
animation: ${Oi} 0.1s ease-out;
|
|
682
682
|
transform-origin: top center;
|
|
683
683
|
flex: 1;
|
|
@@ -1151,7 +1151,7 @@ object-assign
|
|
|
1151
1151
|
z-index: 1;
|
|
1152
1152
|
`,rc=t=>{var{value:n,multiple:r=!1,disabled:a=!1,placeholder:i="選択してください",size:l="medium",variant:o="light",tagVariant:s,tagOverflow:d="truncate",showBulkActions:u=!1,selectAllLabel:f="すべて選択",clearAllLabel:m="すべてクリア",searchable:h=!1,searchPlaceholder:g="検索",noResultsMessage:b="見つかりませんでした",error:v=!1,applyButtonText:x="適用",cancelButtonText:y="キャンセル",children:w,onChange:C,onTempChange:E,width:I,minWidth:k,placement:M,middleware:$}=t,A=p(t,["value","multiple","disabled","placeholder","size","variant","tagVariant","tagOverflow","showBulkActions","selectAllLabel","clearAllLabel","searchable","searchPlaceholder","noResultsMessage","error","applyButtonText","cancelButtonText","children","onChange","onTempChange","width","minWidth","placement","middleware"]);const[S,L]=e.useState(!1),[V,O]=e.useState(""),[H,R]=e.useState([]),[N,z]=e.useState(!1),T=e.useRef(null),Z=e.useMemo((()=>s||("light"===o?"dark":"light")),[o,s]),B=e.useMemo((()=>r?Array.isArray(n)?n:[]:void 0!==n?[n]:[]),[n,r]),P=e.useMemo((()=>{if(!w)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,l=a.props.append;void 0!==e&&t.push({value:e,label:String(n),disabled:r,prepend:i,append:l})}else"Select2OptionGroup"===e&&a.props.children&&n(a.props.children)}}))};return n(w),t}),[w]),_=e.useCallback((e=>{null==C||C(e)}),[C]),G=e.useCallback((e=>{a||(L(e),e&&r&&R([...B]),e||O(""))}),[a,r,B]),F=e.useCallback((e=>{e.disabled||(_(e.value),L(!1),O(""))}),[_]),Y=e.useCallback(((e,t)=>{t.disabled||R((n=>e?[...n,t.value]:n.filter((e=>e!==t.value))))}),[]),j=e.useCallback((()=>{r&&_(H),L(!1),O("")}),[_,r,H]),W=e.useCallback((()=>{L(!1),O("")}),[]),X=e.useCallback((e=>{if(r&&Array.isArray(n)){const t=n.filter((t=>t!==e));_(t)}}),[r,n,_]),J=e.useCallback((e=>{O(e.target.value)}),[]),U=e.useCallback((e=>{e.stopPropagation(),O("")}),[]),Q=e.useCallback((()=>{a||G(!S)}),[a,G,S]),q=e.useMemo((()=>P.find((e=>e.value===n))),[P,n]),K=e.useMemo((()=>r&&Array.isArray(n)?P.filter((e=>n.includes(e.value))):[]),[r,P,n]),ee=e.useMemo((()=>{if(!h||!V)return P;const e=V.trim();if(!e)return P;const t=e.includes(","),n=e.startsWith('"')&&e.endsWith('"'),r=Mo(e);return P.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())}))}),[P,V,h]),te=e.useCallback((()=>{const e=ee.filter((e=>!e.disabled)).map((e=>e.value));R((t=>[...new Set([...t,...e])]))}),[ee]),ne=e.useCallback((()=>{R([])}),[]),re=e.useCallback((()=>{T.current&&"wrap"!==d&&z(T.current.scrollWidth>T.current.clientWidth)}),[d]);e.useEffect((()=>{if(!window.ResizeObserver)return;if(!T.current)return;re();const e=new window.ResizeObserver((()=>{T.current&&re()}));return e.observe(T.current),()=>{e.disconnect()}}),[re,K,d]),e.useEffect((()=>{r&&Array.isArray(n)&&R(n)}),[r,n]),e.useEffect((()=>{r&&"function"==typeof E&&E(H)}),[r,H]);const ae=e.useMemo((()=>u&&r?c.default.createElement(tc,null,c.default.createElement(Zs,{content:f,positionPriority:["top"],offset:[0,8],disabled:0===ee.length},c.default.createElement(ml,{icon:c.default.createElement(D,{name:"check_thin",color:"currentColor"}),size:"small",color:"secondaryDark",disabled:0===ee.length,onClick:te})),c.default.createElement(Zs,{content:m,positionPriority:["top"],offset:[0,8],disabled:0===ee.length},c.default.createElement(ml,{icon:c.default.createElement(D,{name:"close",color:"currentColor"}),size:"small",color:"secondaryDark",disabled:0===ee.length,onClick:ne}))):null),[u,r,f,m,ee,te,ne]),ie=e.useMemo((()=>h&&u&&r?c.default.createElement(Ks,null,c.default.createElement(ec,null,c.default.createElement(qs,{autoFocus:!0,placeholder:g,value:V,onChange:J}),V&&c.default.createElement(nc,{type:"button","aria-label":"検索をリセット",onClick:U},c.default.createElement(D,{name:"close_circle",type:"fill",color:"currentColor"}))),ae):h?c.default.createElement(Ks,null,c.default.createElement(ec,null,c.default.createElement(qs,{autoFocus:!0,placeholder:g,value:V,onChange:J}),V&&c.default.createElement(nc,{type:"button","aria-label":"検索をリセット",onClick:U},c.default.createElement(D,{name:"close_circle",type:"fill",color:"currentColor"})))):u&&r?ae:null),[h,u,r,V,g,J,U,ae]),le=e.useMemo((()=>r?c.default.createElement(ji,null,c.default.createElement(ml,{color:"clear",size:"small",onClick:W},y),c.default.createElement(ml,{color:"primary",size:"small",onClick:j},x)):null),[r,j,W,x,y]),oe=A,se="string"==typeof oe["aria-label"]||"string"==typeof oe["aria-labelledby"],ce=c.default.createElement(Gs,Object.assign({$disabled:a,$error:v,$hasValue:r?Array.isArray(n)&&n.length>0:!!q,$isOpen:S,$multiple:r,$size:l,$variant:o,"aria-expanded":S,"aria-invalid":v,"aria-label":se?void 0:i,disabled:a,role:"combobox",type:"button"},A),r&&Array.isArray(n)&&0===n.length?c.default.createElement(Us,{$disabled:a,$variant:o},i):!r&&c.default.createElement(Ys,null,q?c.default.createElement(c.default.Fragment,null,q.prepend&&c.default.createElement(Ws,{$size:l,$disabled:a},c.default.isValidElement(q.prepend)&&q.prepend.type===D?c.default.cloneElement(q.prepend,{size:parseInt(Bs[l].iconSize,10),color:q.prepend.props.color||"currentColor"}):q.prepend),c.default.createElement(js,null,q.label)):c.default.createElement(Us,{$disabled:a,$variant:o},i)),c.default.createElement(Qs,{$disabled:a,$size:l,$multiple:r},c.default.createElement(D,{name:"arrow_down",color:"currentColor"})));return c.default.createElement(Ps,null,c.default.createElement(_s,{$disabled:a,$error:v,$isOpen:S,$size:l,$variant:o,$tagOverflow:d,"data-disabled":a,"data-overflowing":"wrap"!==d&&N,style:{cursor:r||a?"default":"pointer"}},c.default.createElement(Pi,null,c.default.createElement(Bi,{noResultsMessage:h?b:void 0,open:S,stickyFooter:le,stickyHeader:ie,trigger:ce,width:I,minWidth:k,placement:M,middleware:$,onOpenChange:G},(()=>{const t=h&&!!V?new Set(ee.map((e=>e.value))):void 0;if(w){const a=((t,a)=>{const i=[];let l=null;const o=(e,t,i)=>{const l=e.props.value,o=!!e.props.disabled,s=e.props.children,d=e.props.prepend,u=e.props.append;if(a&&!a.has(l))return null;const p=r?H.includes(l):l===n;return c.default.createElement(_a,{key:`${t}-${i}`,checked:p,closeOnChange:!r,disabled:o,tabIndex:0,prepend:d,append:u,onChange:()=>{r?Y(!p,{value:l,label:String(s),disabled:o,prepend:d,append:u}):F({value:l,label:String(s),disabled:o,prepend:d,append:u})}},s)},s=()=>{if(null===l)return;const e=l,t=e.options.map(((t,n)=>o(t,`option-${e.label}`,n))).filter(Boolean);0!==t.length&&(i.push(c.default.createElement(_i,{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!==l&&s(),l={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!==l&&l.options.push(e)}}));else if("Select2Separator"===t)i.length>0&&i.push(c.default.createElement(Yi,{key:`separator-${i.length}`}));else if("Select2Option"===t)if(null!==l)l.options.push(n);else{const e=n.props.value;if(a&&!a.has(e))return;i.push(o(n,"option",i.length))}else i.push(n)}})),null!==l&&s(),i})(w,t);return 0===a.length?c.default.createElement(Li,{message:b}):a}return ee.length>0?ee.map((e=>{const t=r?H.includes(e.value):e.value===n;return c.default.createElement(_a,{key:e.value.toString(),checked:t,closeOnChange:!r,disabled:e.disabled,tabIndex:0,prepend:e.prepend,append:e.append,onChange:()=>{r?Y(!t,e):F(e)}},e.label)})):c.default.createElement(Li,{message:b})})())),r&&c.default.createElement(Fs,{$tagOverflow:d},c.default.createElement(Xs,{ref:T,$tagOverflow:d,"data-testid":"tag-container",onClick:Q},K.map((e=>{const t=a?void 0:()=>X(e.value);return c.default.createElement(Js,{key:e.value.toString(),disabled:a,label:e.label,size:l,variant:Z,onRemove:t})}))))))},ac=e=>null;ac.displayName="Select2Option";const ic=e=>null;ic.displayName="Select2OptionGroup";const lc=()=>null;lc.displayName="Select2Separator";const oc=d.default(q)`
|
|
1153
1153
|
${C}
|
|
1154
|
-
`,sc=c.forwardRef((function({children:e,size:t="md"},n){const r=S();return c.createElement(z,{ref:n,display:"flex",alignItems:"center"},c.createElement(tl,{pr:.5},c.createElement(D,{name:"alert",type:"fill",color:r.palette.danger.base,size:"sm"===t?"sm-md":t})),c.createElement(oc,{color:r.palette.danger.base,size:t},e))})),cc=e=>{const{inputType:t,selectedValues:n,selectedRadioValue:r,startDate:a,endDate:i,value:l,isRangeOperator:o}=e;return"checkbox"===t?n:"radio"===t?[r]:o?[a,i]:[l]},dc=(e,t)=>{const n=Le(e).find((e=>e.value===t));return(null==n?void 0:n.label)||t},uc=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=Ji(t,"YYYY-MM-DD");return n.isValid()?n.format(i):t}return String(e)}))},pc=e=>{const{inputType:t,operator:n,selectedValues:r,selectedRadioValue:a,startDate:i,endDate:l,value:o,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||!l)return{isValid:!1,errorMessage:"開始日と終了日の両方を選択してください"}}else if(!o||""===o.trim())return{isValid:!1,errorMessage:"date"===t?"日付を選択してください":"値を入力してください"};if(c){let e;return e="checkbox"===t?r:"radio"===t?[a]:s?[i,l]:[o],c(e,n)}return s&&new Date(i)>new Date(l)?{isValid:!1,errorMessage:"開始日は終了日より前である必要があります"}:{isValid:!0,errorMessage:""}},fc=e=>{const{inputType:t,selectedValues:n,selectedRadioValue:r,startDate:a,endDate:i,value:l,isRangeOperator:o}=e;return"checkbox"===t?n.length>0:"radio"===t?""!==r&&null!=r:o?!(!a||!i):!(!l||""===l.trim())},mc=e=>!1!==e.required,hc=(e,t)=>{const n=Ae(t,e.conditionKey);return n?{condition:e,conditionConfig:n}:null},gc=e=>{const{condition:t,conditionConfig:n}=e,r=Ve(n,t.operator),a=Oe(n,t.operator);return fc({inputType:r,selectedValues:t.selectedValues,selectedRadioValue:t.selectedRadioValue,startDate:t.startDate,endDate:t.endDate,value:t.value,isRangeOperator:a})},bc=e=>{const{condition:t,conditionConfig:n}=e,r=Ve(n,t.operator),a=Oe(n,t.operator);return pc({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})},vc={MENU_WIDTH:160,CONFIG_PANEL_WIDTH:264,DEFAULT_MENU_POSITION:24,TAG_SPACING:8,TAG_OFFSET_MULTIPLE:40,ESTIMATED_TAG_WIDTH:120,ICON_AREA_WIDTH:24,CLEAR_BUTTON_WIDTH:16,FALLBACK_POSITION_X:80,FALLBACK_POSITION_Y:148,CONFIG_PANEL_HEADER_HEIGHT:60,CONFIG_PANEL_BUTTON_HEIGHT:50,CONFIG_PANEL_PADDING:16,CONFIG_PANEL_MIN_CONTENT_HEIGHT:200,TRANSITION_DURATION:200,MIN_VALUE_LENGTH:1},xc="[data-tag]",yc='[role="menu"]',wc='[data-advanced-filter-trigger="true"]',Cc='[role="button"]',Ec=({options:e,selectedValues:t,onValueToggle:n})=>c.default.createElement(qe,null,e.map((e=>c.default.createElement(_a,{key:String(e.value),checked:t.includes(e.value),onChange:t=>n(e.value,t)},e.label))));Ec.displayName="CheckboxValueInput";const Ic=({options:e,selectedRadioValue:t,onRadioChange:n})=>c.default.createElement(qe,null,e.map((e=>c.default.createElement(_a,{key:String(e.value),checked:t===e.value,onChange:t=>{t&&n(e.value)}},e.label))));Ic.displayName="RadioValueInput";const kc=640,Mc=["日","月","火","水","木","金","土"],$c={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:[...Mc]}}},DateRangePicker:{defaultProps:{monthFormat:"YYYY年MM月",weekConfig:{start:0,labels:[...Mc]},applyButtonText:"適用",cancelButtonText:"キャンセル"}},WeekTime:{defaultProps:{weekList:["月","火","水","木","金","土","日"]}},WeekTimeSelector:{defaultProps:{weekList:["月","火","水","木","金","土","日"]}},DualListBox:{defaultProps:{selectedItemTitle:"個選択済み"}}}},Ac={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"}}}},Sc=c.createContext({locale:Ac});function Lc(e){var t,n;const{name:r,props:a}=e,i=c.default.useContext(Sc).locale,l=Object.assign({},a);if(!i||!i.components)return l;const o=null===(n=null===(t=i.components)||void 0===t?void 0:t[r])||void 0===n?void 0:n.defaultProps;for(const e in o)void 0===l[e]&&(l[e]=o[e]);return l}const Vc=e.forwardRef((function(t,n){const r=Lc({props:t,name:"DatePicker"}),{date:a,format:i="YYYY-MM-DD",disabled:l=!1,size:o="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=S(),[$,A]=e.useState(!1),{context:L,refs:V,strategy:O,x:H,y:R}=wa({placement:"bottom-start",open:$,onOpenChange:A,middleware:[En(10),Cn(),In({padding:8})]}),N=xa(L),T=La(L),{getReferenceProps:Z,getFloatingProps:B}=Ea([N,T]),P=e.useCallback((()=>{l||A((e=>!e))}),[l]),_=e.useCallback((e=>{E(e),A(!1)}),[E]),G=e.useMemo((()=>c.default.createElement(D,{name:"date_range",color:l?M.palette.neutral.base:M.palette.text.accent})),[l,M]),F=e.useMemo((()=>"100%"===d||"string"==typeof d&&d.includes("100%")?{width:"100%"}:{width:"fit-content"}),[d]);return c.default.createElement(z,{ref:n,style:F},c.default.createElement("div",Object.assign({ref:V.setReference},Z()),c.default.createElement(xy,{date:a,format:i,error:v,errorText:x,disabled:l,size:o,variant:s,width:d,append:G,onDateChange:E,onAppendClick:P})),$&&c.default.createElement(da,null,c.default.createElement(fa,{context:L,modal:!1,initialFocus:-1,returnFocus:!1},g?c.default.createElement(_u,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!=R?R: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(yu,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!=R?R:0,left:null!=H?H:0,zIndex:M.depth.calendar,overflow:"hidden",maxWidth:"min(640px, calc(100vw - 16px))"},onPresetButtonClick:C,onDateChange:_},B())))))}));var Oc=e.memo(Vc);const Hc=({startDate:t,endDate:n,onStartDateChange:r,onEndDateChange:a,format:i="YYYY-MM-DD"})=>{const l=e.useMemo((()=>{if(t&&""!==t.trim()){const e=Ji(t,"YYYY-MM-DD");return e.isValid()?e:Ji()}return Ji()}),[t]),o=e.useMemo((()=>{if(n&&""!==n.trim()){const e=Ji(n,"YYYY-MM-DD");return e.isValid()?e:Ji()}return Ji()}),[n]);return c.default.createElement(je,null,c.default.createElement(Xe,null,c.default.createElement(Qe,{htmlFor:"start-date-picker"},"開始日"),c.default.createElement(Oc,{date:l,format:i,variant:"dark",width:"100%",onDateChange:e=>{r(e.format("YYYY-MM-DD"))}})),c.default.createElement(Xe,null,c.default.createElement(Qe,{htmlFor:"end-date-picker"},"終了日"),c.default.createElement(Oc,{date:o,format:i,variant:"dark",width:"100%",onDateChange:e=>{a(e.format("YYYY-MM-DD"))}})))};Hc.displayName="DateRangeInput";const Dc=({inputType:t,value:n,placeholder:r,onValueChange:a,onKeyDown:i,format:l="YYYY-MM-DD",inputRef:o})=>{const s=e.useMemo((()=>{if("date"===t&&n&&""!==n.trim()){const e=Ji(n,"YYYY-MM-DD");return e.isValid()?e:Ji()}return Ji()}),[t,n]),d=e=>{const t=e.format("YYYY-MM-DD");a(t)};return"date"===t?c.default.createElement(Ue,null,c.default.createElement(Oc,{date:s,format:l,variant:"dark",width:"100%",onDateChange:d})):c.default.createElement(Je,null,c.default.createElement(Mi,{ref:o,type:"text",value:n,placeholder:r,fullWidth:!0,variant:"dark",onChange:e=>a(e.target.value),onKeyDown:i}))};Dc.displayName="TextValueInput";const Rc=({filterConfig:e,operator:t,value:n,selectedValues:r,selectedRadioValue:a,startDate:i,endDate:l,onValueChange:o,onValueToggle:s,onRadioChange:d,onStartDateChange:u,onEndDateChange:p,onKeyDown:f,isRangeOperator:m,textInputRef:h})=>{const g=be(e,t);return"checkbox"===g?c.default.createElement(Ec,{options:xe(e,t),selectedValues:r,onValueToggle:s}):"radio"===g?c.default.createElement(Ic,{options:xe(e,t),selectedRadioValue:a,onRadioChange:d}):m(t)?c.default.createElement(Hc,{startDate:i,endDate:l,format:ye(e),onStartDateChange:u,onEndDateChange:p}):c.default.createElement(Dc,{inputType:g,inputRef:"text"===g?h:void 0,value:n,placeholder:ve(e),format:"date"===g?ye(e):void 0,onValueChange:o,onKeyDown:f})};Rc.displayName="ConfigPanelValueInput";const Nc=(e,t,n)=>{if(!t)return((e,t)=>{const n=Se(e),r=Ve(e,n);let a="",i="",l="";return Oe(e,n)?(i=t,l=t):"date"===r&&(a=t),{id:`condition_${e.conditionKey}`,conditionKey:e.conditionKey,conditionLabel:e.conditionLabel,operator:n,value:a,selectedValues:[],selectedRadioValue:"",startDate:i,endDate:l}})(e,n);let r="",a=[],i="",l="",o="";if((t.isRange||!1)&&t.values.length>=2)l="string"==typeof t.values[0]?t.values[0]:"",o="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:l,endDate:o}},zc={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"}},Tc={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}},Zc={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}},Bc=(e,t,n)=>Tc[n][e](t),Pc=(e,t,n)=>Zc[n][e](t),_c={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},Gc=(e,t)=>_c[e](t),Fc={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},Yc=(e,t)=>Fc[e](t),jc=t.css`
|
|
1154
|
+
`,sc=c.forwardRef((function({children:e,size:t="md"},n){const r=S();return c.createElement(z,{ref:n,display:"flex",alignItems:"center"},c.createElement(tl,{pr:.5},c.createElement(D,{name:"alert",type:"fill",color:r.palette.danger.base,size:"sm"===t?"sm-md":t})),c.createElement(oc,{color:r.palette.danger.base,size:t},e))})),cc=e=>{const{inputType:t,selectedValues:n,selectedRadioValue:r,startDate:a,endDate:i,value:l,isRangeOperator:o}=e;return"checkbox"===t?n:"radio"===t?[r]:o?[a,i]:[l]},dc=(e,t)=>{const n=Le(e).find((e=>e.value===t));return(null==n?void 0:n.label)||t},uc=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=Ji(t,"YYYY-MM-DD");return n.isValid()?n.format(i):t}return String(e)}))},pc=e=>{const{inputType:t,operator:n,selectedValues:r,selectedRadioValue:a,startDate:i,endDate:l,value:o,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||!l)return{isValid:!1,errorMessage:"開始日と終了日の両方を選択してください"}}else if(!o||""===o.trim())return{isValid:!1,errorMessage:"date"===t?"日付を選択してください":"値を入力してください"};if(c){let e;return e="checkbox"===t?r:"radio"===t?[a]:s?[i,l]:[o],c(e,n)}return s&&new Date(i)>new Date(l)?{isValid:!1,errorMessage:"開始日は終了日より前である必要があります"}:{isValid:!0,errorMessage:""}},fc=e=>{const{inputType:t,selectedValues:n,selectedRadioValue:r,startDate:a,endDate:i,value:l,isRangeOperator:o}=e;return"checkbox"===t?n.length>0:"radio"===t?""!==r&&null!=r:o?!(!a||!i):!(!l||""===l.trim())},mc=e=>!1!==e.required,hc=(e,t)=>{const n=Ae(t,e.conditionKey);return n?{condition:e,conditionConfig:n}:null},gc=e=>{const{condition:t,conditionConfig:n}=e,r=Ve(n,t.operator),a=Oe(n,t.operator);return fc({inputType:r,selectedValues:t.selectedValues,selectedRadioValue:t.selectedRadioValue,startDate:t.startDate,endDate:t.endDate,value:t.value,isRangeOperator:a})},bc=e=>{const{condition:t,conditionConfig:n}=e,r=Ve(n,t.operator),a=Oe(n,t.operator);return pc({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})},vc={MENU_WIDTH:160,CONFIG_PANEL_WIDTH:264,DEFAULT_MENU_POSITION:24,TAG_SPACING:8,TAG_OFFSET_MULTIPLE:40,ESTIMATED_TAG_WIDTH:120,ICON_AREA_WIDTH:24,CLEAR_BUTTON_WIDTH:16,FALLBACK_POSITION_X:80,FALLBACK_POSITION_Y:148,CONFIG_PANEL_HEADER_HEIGHT:60,CONFIG_PANEL_BUTTON_HEIGHT:50,CONFIG_PANEL_PADDING:16,CONFIG_PANEL_MIN_CONTENT_HEIGHT:200,TRANSITION_DURATION:200,MIN_VALUE_LENGTH:1},xc="[data-tag]",yc='[role="menu"]',wc='[data-advanced-filter-trigger="true"]',Cc='[role="button"]',Ec=({options:e,selectedValues:t,onValueToggle:n})=>c.default.createElement(qe,null,e.map((e=>c.default.createElement(_a,{key:String(e.value),checked:t.includes(e.value),onChange:t=>n(e.value,t)},e.label))));Ec.displayName="CheckboxValueInput";const Ic=({options:e,selectedRadioValue:t,onRadioChange:n})=>c.default.createElement(qe,null,e.map((e=>c.default.createElement(_a,{key:String(e.value),checked:t===e.value,onChange:t=>{t&&n(e.value)}},e.label))));Ic.displayName="RadioValueInput";const kc=640,Mc=["日","月","火","水","木","金","土"],$c={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:[...Mc]}}},DateRangePicker:{defaultProps:{monthFormat:"YYYY年MM月",weekConfig:{start:0,labels:[...Mc]},applyButtonText:"適用",cancelButtonText:"キャンセル"}},WeekTime:{defaultProps:{weekList:["月","火","水","木","金","土","日"]}},WeekTimeSelector:{defaultProps:{weekList:["月","火","水","木","金","土","日"]}},DualListBox:{defaultProps:{selectedItemTitle:"個選択済み"}}}},Ac={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"}}}},Sc=c.createContext({locale:Ac});function Lc(e){var t,n;const{name:r,props:a}=e,i=c.default.useContext(Sc).locale,l=Object.assign({},a);if(!i||!i.components)return l;const o=null===(n=null===(t=i.components)||void 0===t?void 0:t[r])||void 0===n?void 0:n.defaultProps;for(const e in o)void 0===l[e]&&(l[e]=o[e]);return l}const Vc=e.forwardRef((function(t,n){const r=Lc({props:t,name:"DatePicker"}),{date:a,format:i="YYYY-MM-DD",disabled:l=!1,size:o="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=S(),[$,A]=e.useState(!1),{context:L,refs:V,strategy:O,x:H,y:R}=wa({placement:"bottom-start",open:$,onOpenChange:A,middleware:[En(10),Cn(),In({padding:8})]}),N=xa(L),T=La(L),{getReferenceProps:Z,getFloatingProps:B}=Ea([N,T]),P=e.useCallback((()=>{l||A((e=>!e))}),[l]),_=e.useCallback((e=>{E(e),A(!1)}),[E]),G=e.useMemo((()=>c.default.createElement(D,{name:"date_range",color:l?M.palette.neutral.base:M.palette.text.accent})),[l,M]),F=e.useMemo((()=>"100%"===d||"string"==typeof d&&d.includes("100%")?{width:"100%"}:{width:"fit-content"}),[d]);return c.default.createElement(z,{ref:n,style:F},c.default.createElement("div",Object.assign({ref:V.setReference},Z()),c.default.createElement(wy,{date:a,format:i,error:v,errorText:x,disabled:l,size:o,variant:s,width:d,append:G,onDateChange:E,onAppendClick:P})),$&&c.default.createElement(da,null,c.default.createElement(fa,{context:L,modal:!1,initialFocus:-1,returnFocus:!1},g?c.default.createElement(_u,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!=R?R: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(yu,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!=R?R:0,left:null!=H?H:0,zIndex:M.depth.calendar,overflow:"hidden",maxWidth:"min(640px, calc(100vw - 16px))"},onPresetButtonClick:C,onDateChange:_},B())))))}));var Oc=e.memo(Vc);const Hc=({startDate:t,endDate:n,onStartDateChange:r,onEndDateChange:a,format:i="YYYY-MM-DD"})=>{const l=e.useMemo((()=>{if(t&&""!==t.trim()){const e=Ji(t,"YYYY-MM-DD");return e.isValid()?e:Ji()}return Ji()}),[t]),o=e.useMemo((()=>{if(n&&""!==n.trim()){const e=Ji(n,"YYYY-MM-DD");return e.isValid()?e:Ji()}return Ji()}),[n]);return c.default.createElement(je,null,c.default.createElement(Xe,null,c.default.createElement(Qe,{htmlFor:"start-date-picker"},"開始日"),c.default.createElement(Oc,{date:l,format:i,variant:"dark",width:"100%",onDateChange:e=>{r(e.format("YYYY-MM-DD"))}})),c.default.createElement(Xe,null,c.default.createElement(Qe,{htmlFor:"end-date-picker"},"終了日"),c.default.createElement(Oc,{date:o,format:i,variant:"dark",width:"100%",onDateChange:e=>{a(e.format("YYYY-MM-DD"))}})))};Hc.displayName="DateRangeInput";const Dc=({inputType:t,value:n,placeholder:r,onValueChange:a,onKeyDown:i,format:l="YYYY-MM-DD",inputRef:o})=>{const s=e.useMemo((()=>{if("date"===t&&n&&""!==n.trim()){const e=Ji(n,"YYYY-MM-DD");return e.isValid()?e:Ji()}return Ji()}),[t,n]),d=e=>{const t=e.format("YYYY-MM-DD");a(t)};return"date"===t?c.default.createElement(Ue,null,c.default.createElement(Oc,{date:s,format:l,variant:"dark",width:"100%",onDateChange:d})):c.default.createElement(Je,null,c.default.createElement(Mi,{ref:o,type:"text",value:n,placeholder:r,fullWidth:!0,variant:"dark",onChange:e=>a(e.target.value),onKeyDown:i}))};Dc.displayName="TextValueInput";const Rc=({filterConfig:e,operator:t,value:n,selectedValues:r,selectedRadioValue:a,startDate:i,endDate:l,onValueChange:o,onValueToggle:s,onRadioChange:d,onStartDateChange:u,onEndDateChange:p,onKeyDown:f,isRangeOperator:m,textInputRef:h})=>{const g=be(e,t);return"checkbox"===g?c.default.createElement(Ec,{options:xe(e,t),selectedValues:r,onValueToggle:s}):"radio"===g?c.default.createElement(Ic,{options:xe(e,t),selectedRadioValue:a,onRadioChange:d}):m(t)?c.default.createElement(Hc,{startDate:i,endDate:l,format:ye(e),onStartDateChange:u,onEndDateChange:p}):c.default.createElement(Dc,{inputType:g,inputRef:"text"===g?h:void 0,value:n,placeholder:ve(e),format:"date"===g?ye(e):void 0,onValueChange:o,onKeyDown:f})};Rc.displayName="ConfigPanelValueInput";const Nc=(e,t,n)=>{if(!t)return((e,t)=>{const n=Se(e),r=Ve(e,n);let a="",i="",l="";return Oe(e,n)?(i=t,l=t):"date"===r&&(a=t),{id:`condition_${e.conditionKey}`,conditionKey:e.conditionKey,conditionLabel:e.conditionLabel,operator:n,value:a,selectedValues:[],selectedRadioValue:"",startDate:i,endDate:l}})(e,n);let r="",a=[],i="",l="",o="";if((t.isRange||!1)&&t.values.length>=2)l="string"==typeof t.values[0]?t.values[0]:"",o="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:l,endDate:o}},zc={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"}},Tc={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}},Zc={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}},Bc=(e,t,n)=>Tc[n][e](t),Pc=(e,t,n)=>Zc[n][e](t),_c={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},Gc=(e,t)=>_c[e](t),Fc={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},Yc=(e,t)=>Fc[e](t),jc=t.css`
|
|
1155
1155
|
display: inline-flex;
|
|
1156
1156
|
align-items: center;
|
|
1157
1157
|
text-align: center;
|
|
@@ -1284,7 +1284,7 @@ object-assign
|
|
|
1284
1284
|
border-bottom-left-radius: 0;
|
|
1285
1285
|
border-top-left-radius: 0;
|
|
1286
1286
|
}
|
|
1287
|
-
`,Ld={small:"md",medium:"md-lg",large:"md-lg"},Vd={"fit-content":"fit-content",small:"63px",medium:"71px",large:"71px"},Od=c.forwardRef((function(e,t){var{size:n="medium",color:r="secondaryLight",minSize:a="fit-content",disabled:i=!1,children:l}=e,o=p(e,["size","color","minSize","disabled","children"]);const s=c.Children.map(l,(e=>c.cloneElement(e,Object.assign(Object.assign(Object.assign({},e.props),i&&{disabled:!0}),{size:n,inline:!0,color:r,style:Object.assign({},e.props.style),icon:e.props.icon?c.cloneElement(e.props.icon,{size:Ld[n]}):void 0}))));return c.createElement(Sd,Object.assign({ref:t},o,{minSize:Vd[a]}),s)})),Hd=d.default(z)`
|
|
1287
|
+
`,Ld={small:"md",medium:"md-lg",large:"md-lg"},Vd={"fit-content":"fit-content",small:"63px",medium:"71px",large:"71px"},Od=c.forwardRef((function(e,t){var{size:n="medium",color:r="secondaryLight",minSize:a="fit-content",disabled:i=!1,children:l}=e,o=p(e,["size","color","minSize","disabled","children"]);const s=c.Children.map(l,(e=>{if(!e)return e;return c.cloneElement(e,Object.assign(Object.assign(Object.assign({},e.props),i&&{disabled:!0}),{size:n,inline:!0,color:r,style:Object.assign({},e.props.style),icon:e.props.icon?c.cloneElement(e.props.icon,{size:Ld[n]}):void 0}))}));return c.createElement(Sd,Object.assign({ref:t},o,{minSize:Vd[a]}),s)})),Hd=d.default(z)`
|
|
1288
1288
|
box-shadow: ${({theme:e})=>Fa(5,e.palette.action.shadowOpacity,e.palette.action.shadowBase)};
|
|
1289
1289
|
border-radius: 6px;
|
|
1290
1290
|
background-color: ${({theme:e})=>e.palette.white};
|
|
@@ -1551,7 +1551,7 @@ object-assign
|
|
|
1551
1551
|
background-color: transparent;
|
|
1552
1552
|
color: ${({theme:e})=>e.palette.neutral.lighter};
|
|
1553
1553
|
}
|
|
1554
|
-
`,ou=e.memo((function({selected:e,value:t,selectable:n,onClickDate:r,children:a,isSaturday:i=!1,isSundayOrHoliday:l=!1,isToday:o=!1}){return c.default.createElement(ru,{isToday:o},n?c.default.createElement(iu,{type:"button",selected:e,isSaturday:i,isSundayOrHoliday:l,onClick:()=>{null==r||r(t)}},a):c.default.createElement(lu,{type:"button",isSaturday:i,isSundayOrHoliday:l},a))})),su=e=>(e=>{try{const t=e.year(),n=bl(t),r=e.format("YYYY/M/D");return n.some((e=>e.date===r))}catch(e){return!1}})(e),cu=e=>e.format("YYYY-MM-DD")===Ji().format("YYYY-MM-DD"),du=(e,t)=>Ji(new Date(e.year(),e.month(),t)),uu=e=>(e=>{const t=e.day(),n=0===t,r=6===t,a=su(e);return{dayOfWeek:t,isSunday:n,isSaturday:r,isHoliday:a,isSundayOrHoliday:n||a}})(e),pu=(e,t)=>!t(e),fu=e=>Array.from(new Array(e.daysInMonth()),((e,t)=>t+1)),mu=(e,t=0)=>(e.startOf("month").day()-t+7)%7,hu=({date:e,weekList:t,weekStart:n=0,monthFormat:r,current:a,isOutsideRange:i,onDateChange:l,onPreviousMonth:o,onNextMonth:s})=>c.default.createElement(Rd,null,c.default.createElement(Pd,null,c.default.createElement(Bd,null,c.default.createElement(Zd,null,c.default.createElement(Td,{weight:"bold",size:"xl"},a.format(r))),c.default.createElement("div",{style:{display:"flex",gap:"8px"}},c.default.createElement(ml,{size:"small",color:"clear",icon:c.default.createElement(D,{name:"arrow_left",size:"md",color:"currentColor"}),type:"button","aria-label":"前の月",onClick:o}),c.default.createElement(Zs,{content:"今日を選択"},c.default.createElement(ml,{size:"small",color:"clear",icon:c.default.createElement(D,{name:"calendar",size:"md",color:"currentColor"}),type:"button","aria-label":"今日を選択",onClick:()=>l(Ji())})),c.default.createElement(ml,{size:"small",color:"clear",icon:c.default.createElement(D,{name:"arrow_right",size:"md",color:"currentColor"}),type:"button","aria-label":"次の月",onClick:s})))),c.default.createElement(Nd,null,null==t?void 0:t.map((e=>c.default.createElement(zd,{key:e},e))),Array.from(new Array(mu(a,n)),((e,t)=>c.default.createElement(zd,{key:`empty-${t}`}))),fu(a).map((t=>{const n=du(a,t),r=uu(n),o=e.format("YYYY-MM-DD")===n.format("YYYY-MM-DD"),s=pu(n,i);return c.default.createElement(ou,{key:t,value:n,selectable:s,selected:o,isSaturday:r.isSaturday,isSundayOrHoliday:r.isSundayOrHoliday,isToday:cu(n),onClickDate:l},t)})))),gu=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 bu(e){return(Math.trunc(e)%7+7)%7}function vu(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:bu(t.start)})}return{start:bu(r),labels:n}}const xu=e.forwardRef((function(t,n){var{date:r,monthFormat:a="YYYY年M月",weekConfig:i,defaultPresetButton:l,presetButtons:o,onPresetButtonClick:s,showDateFields:d=!1,dateFieldFormat:u="YYYY-MM-DD",showTimeFields:f=!1,timeFieldProps:m,labelSuffix:h,isOutsideRange:g=(()=>!1),onDateChange:b}=t,v=p(t,["date","monthFormat","weekConfig","defaultPresetButton","presetButtons","onPresetButtonClick","showDateFields","dateFieldFormat","showTimeFields","timeFieldProps","labelSuffix","isOutsideRange","onDateChange"]);const[x,y]=c.default.useState(0),{currentMonth:w,goToPreviousMonth:C,goToNextMonth:E,goToMonth:I}=gu(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(Kd,null,c.default.createElement(Qd,null,c.default.createElement(tu,null,c.default.createElement(eu,null,"日付"),h),c.default.createElement(qd,null,c.default.createElement(
|
|
1554
|
+
`,ou=e.memo((function({selected:e,value:t,selectable:n,onClickDate:r,children:a,isSaturday:i=!1,isSundayOrHoliday:l=!1,isToday:o=!1}){return c.default.createElement(ru,{isToday:o},n?c.default.createElement(iu,{type:"button",selected:e,isSaturday:i,isSundayOrHoliday:l,onClick:()=>{null==r||r(t)}},a):c.default.createElement(lu,{type:"button",isSaturday:i,isSundayOrHoliday:l},a))})),su=e=>(e=>{try{const t=e.year(),n=bl(t),r=e.format("YYYY/M/D");return n.some((e=>e.date===r))}catch(e){return!1}})(e),cu=e=>e.format("YYYY-MM-DD")===Ji().format("YYYY-MM-DD"),du=(e,t)=>Ji(new Date(e.year(),e.month(),t)),uu=e=>(e=>{const t=e.day(),n=0===t,r=6===t,a=su(e);return{dayOfWeek:t,isSunday:n,isSaturday:r,isHoliday:a,isSundayOrHoliday:n||a}})(e),pu=(e,t)=>!t(e),fu=e=>Array.from(new Array(e.daysInMonth()),((e,t)=>t+1)),mu=(e,t=0)=>(e.startOf("month").day()-t+7)%7,hu=({date:e,weekList:t,weekStart:n=0,monthFormat:r,current:a,isOutsideRange:i,onDateChange:l,onPreviousMonth:o,onNextMonth:s})=>c.default.createElement(Rd,null,c.default.createElement(Pd,null,c.default.createElement(Bd,null,c.default.createElement(Zd,null,c.default.createElement(Td,{weight:"bold",size:"xl"},a.format(r))),c.default.createElement("div",{style:{display:"flex",gap:"8px"}},c.default.createElement(ml,{size:"small",color:"clear",icon:c.default.createElement(D,{name:"arrow_left",size:"md",color:"currentColor"}),type:"button","aria-label":"前の月",onClick:o}),c.default.createElement(Zs,{content:"今日を選択"},c.default.createElement(ml,{size:"small",color:"clear",icon:c.default.createElement(D,{name:"calendar",size:"md",color:"currentColor"}),type:"button","aria-label":"今日を選択",onClick:()=>l(Ji())})),c.default.createElement(ml,{size:"small",color:"clear",icon:c.default.createElement(D,{name:"arrow_right",size:"md",color:"currentColor"}),type:"button","aria-label":"次の月",onClick:s})))),c.default.createElement(Nd,null,null==t?void 0:t.map((e=>c.default.createElement(zd,{key:e},e))),Array.from(new Array(mu(a,n)),((e,t)=>c.default.createElement(zd,{key:`empty-${t}`}))),fu(a).map((t=>{const n=du(a,t),r=uu(n),o=e.format("YYYY-MM-DD")===n.format("YYYY-MM-DD"),s=pu(n,i);return c.default.createElement(ou,{key:t,value:n,selectable:s,selected:o,isSaturday:r.isSaturday,isSundayOrHoliday:r.isSundayOrHoliday,isToday:cu(n),onClickDate:l},t)})))),gu=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 bu(e){return(Math.trunc(e)%7+7)%7}function vu(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:bu(t.start)})}return{start:bu(r),labels:n}}const xu=e.forwardRef((function(t,n){var{date:r,monthFormat:a="YYYY年M月",weekConfig:i,defaultPresetButton:l,presetButtons:o,onPresetButtonClick:s,showDateFields:d=!1,dateFieldFormat:u="YYYY-MM-DD",showTimeFields:f=!1,timeFieldProps:m,labelSuffix:h,isOutsideRange:g=(()=>!1),onDateChange:b}=t,v=p(t,["date","monthFormat","weekConfig","defaultPresetButton","presetButtons","onPresetButtonClick","showDateFields","dateFieldFormat","showTimeFields","timeFieldProps","labelSuffix","isOutsideRange","onDateChange"]);const[x,y]=c.default.useState(0),{currentMonth:w,goToPreviousMonth:C,goToNextMonth:E,goToMonth:I}=gu(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(Kd,null,c.default.createElement(Qd,null,c.default.createElement(tu,null,c.default.createElement(eu,null,"日付"),h),c.default.createElement(qd,null,c.default.createElement(wy,{date:r,format:u,size:"medium",variant:"dark",onDateChange:b}),f&&c.default.createElement(AM,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}=vu({weekConfig:i,fallbackLabels:[...Mc],fallbackStart:0});return c.default.createElement(Hd,Object.assign({ref:n},v),c.default.createElement(_d,null,c.default.createElement(Gd,null,c.default.createElement(Dd,null,c.default.createElement(hu,{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(nu,{key:x,defaultPresetButton:l,presetButtons:o,dateFields:M,onPresetButtonClick:s}))))}));var yu=e.memo(xu);const wu="none",Cu="start",Eu="start_only",Iu="end",ku="between",Mu="start",$u="end",Au=(e,t,n,r)=>{const a=((e,t,n)=>{const r=Ji(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=Ji(new Date(t.year(),t.month(),n));return e.format("YYYY-MM-DD")===r.format("YYYY-MM-DD")})(t,n,r),l=((e,t,n,r)=>{const a=Ji(new Date(n.year(),n.month(),r)),i=e.format("YYYY-MM-DD"),l=t.format("YYYY-MM-DD");return i!==l&&a.isAfter(i,"day")&&a.isBefore(l,"day")})(e,t,n,r),o=e.isSame(t,"day");switch(!0){case a&&o:return Eu;case a&&!o:return Cu;case i&&!o:return Iu;case l:return ku;default:return wu}},Su=d.default(Wd)``,Lu=d.default.button`
|
|
1555
1555
|
background-color: transparent;
|
|
1556
1556
|
border: none;
|
|
1557
1557
|
height: ${({theme:e})=>4*e.spacing}px;
|
|
@@ -1635,7 +1635,7 @@ object-assign
|
|
|
1635
1635
|
background-color: transparent;
|
|
1636
1636
|
color: ${({theme:e})=>e.palette.neutral.lighter};
|
|
1637
1637
|
}
|
|
1638
|
-
`,Zu=e.memo((function({state:e,value:t,selectable:n,onClickDate:r,children:a,isSaturday:i=!1,isSundayOrHoliday:l=!1,isToday:o=!1}){return c.default.createElement(Su,{"data-state":e,isToday:o},(({state:e,value:t,selectable:n,onClickDate:r,children:a,isSaturday:i=!1,isSundayOrHoliday:l=!1})=>{const o=()=>{null==r||r(t)};if(!n)return c.default.createElement(Tu,{type:"button",isSaturday:i,isSundayOrHoliday:l},a);switch(e){case Eu:return c.default.createElement(Du,{type:"button",isSaturday:i,isSundayOrHoliday:l,onClick:o},a);case Cu:return c.default.createElement(Ru,{type:"button",isSaturday:i,isSundayOrHoliday:l,onClick:o},a);case Iu:return c.default.createElement(Nu,{type:"button",isSaturday:i,isSundayOrHoliday:l,onClick:o},a);case ku:return c.default.createElement(zu,{type:"button",isSaturday:i,isSundayOrHoliday:l,onClick:o},a);default:return c.default.createElement(Vu,{type:"button",isSaturday:i,isSundayOrHoliday:l,onClick:o},a)}})({state:e,value:t,selectable:n,onClickDate:r,children:a,isSaturday:i,isSundayOrHoliday:l}))})),Bu=({startDate:t,endDate:n,monthFormat:r,weekList:a,weekStart:i=0,current:l,isOutsideRange:o,onDatesChange:s,onPreviousMonth:d,onNextMonth:u,onTodayClick:p})=>{const[f,m]=e.useState(Mu),h=e.useCallback((e=>{if(t&&n&&!t.isSame(n,"day"))return null==s||s({startDate:e,endDate:e}),void m($u);switch(f){case Mu:null==s||s({startDate:e,endDate:e}),m($u);break;case $u:t&&e.isBefore(t)?null==s||s({startDate:e,endDate:t}):null==s||s({startDate:t,endDate:e}),m(Mu)}}),[f,s,n,t]);return c.default.createElement(Rd,null,c.default.createElement(Pd,null,c.default.createElement(Bd,null,c.default.createElement(Zd,null,c.default.createElement(Td,{weight:"bold",size:"xl"},l.format(r))),c.default.createElement("div",{style:{display:"flex",gap:"8px"}},c.default.createElement(ml,{size:"small",color:"clear",type:"button",icon:c.default.createElement(D,{name:"arrow_left",size:"md",color:"currentColor"}),"aria-label":"前の月",onClick:d}),c.default.createElement(Zs,{content:"今日に戻る"},c.default.createElement(ml,{size:"small",color:"clear",type:"button",icon:c.default.createElement(D,{name:"calendar",size:"md",color:"currentColor"}),"aria-label":"今日に戻る",onClick:p})),c.default.createElement(ml,{size:"small",color:"clear",type:"button",icon:c.default.createElement(D,{name:"arrow_right",size:"md",color:"currentColor"}),"aria-label":"次の月",onClick:u})))),c.default.createElement(Nd,null,null==a?void 0:a.map((e=>c.default.createElement(zd,{key:e},e))),Array.from(new Array(mu(l,i)),((e,t)=>c.default.createElement(zd,{key:`empty-${t}`}))),fu(l).map((e=>{const r=du(l,e),a=uu(r),i=pu(r,o);return c.default.createElement(Zu,{key:e,value:r,state:Au(t,n,l,e),selectable:i,isSaturday:a.isSaturday,isSundayOrHoliday:a.isSundayOrHoliday,isToday:cu(r),onClickDate:h},e)}))))},Pu=e.forwardRef((function(t,n){var{startDate:r,endDate:a,monthFormat:i="YYYY年M月",weekConfig:l,defaultPresetButton:o,presetButtons:s,onPresetButtonClick:d,showDateFields:u=!1,dateFieldFormat:f="YYYY-MM-DD",showTimeFields:m=!1,timeFieldProps:h,startLabelSuffix:g,endLabelSuffix:b,onApply:v,onCancel:x,applyButtonText:y="適用",cancelButtonText:w="キャンセル",isOutsideRange:C=(()=>!1),onDatesChange:E}=t,I=p(t,["startDate","endDate","monthFormat","weekConfig","defaultPresetButton","presetButtons","onPresetButtonClick","showDateFields","dateFieldFormat","showTimeFields","timeFieldProps","startLabelSuffix","endLabelSuffix","onApply","onCancel","applyButtonText","cancelButtonText","isOutsideRange","onDatesChange"]);const[k,M]=c.default.useState(0),{currentMonth:$,goToPreviousMonth:A,goToNextMonth:S,goToMonth:L}=gu(r);e.useEffect((()=>{L(r)}),[r,L]);const V=e.useCallback((()=>{const e=Ji();null==E||E({startDate:e,endDate:e}),L(e),M((e=>e+1))}),[E,L]),O=e.useCallback((e=>{null==E||E({startDate:e,endDate:a})}),[a,E]),H=e.useCallback((e=>{null==E||E({startDate:r,endDate:e})}),[r,E]),D=e.useCallback((e=>{const t=r.hour(e.hour()).minute(e.minute()).second(0).millisecond(0);null==E||E({startDate:t,endDate:a})}),[r,a,E]),R=e.useCallback((e=>{const t=a.hour(e.hour()).minute(e.minute()).second(0).millisecond(0);null==E||E({startDate:r,endDate:t})}),[r,a,E]),N=e.useMemo((()=>u?c.default.createElement(Kd,null,c.default.createElement(Qd,null,c.default.createElement(tu,null,c.default.createElement(eu,null,"開始日時"),g),c.default.createElement(qd,null,c.default.createElement(
|
|
1638
|
+
`,Zu=e.memo((function({state:e,value:t,selectable:n,onClickDate:r,children:a,isSaturday:i=!1,isSundayOrHoliday:l=!1,isToday:o=!1}){return c.default.createElement(Su,{"data-state":e,isToday:o},(({state:e,value:t,selectable:n,onClickDate:r,children:a,isSaturday:i=!1,isSundayOrHoliday:l=!1})=>{const o=()=>{null==r||r(t)};if(!n)return c.default.createElement(Tu,{type:"button",isSaturday:i,isSundayOrHoliday:l},a);switch(e){case Eu:return c.default.createElement(Du,{type:"button",isSaturday:i,isSundayOrHoliday:l,onClick:o},a);case Cu:return c.default.createElement(Ru,{type:"button",isSaturday:i,isSundayOrHoliday:l,onClick:o},a);case Iu:return c.default.createElement(Nu,{type:"button",isSaturday:i,isSundayOrHoliday:l,onClick:o},a);case ku:return c.default.createElement(zu,{type:"button",isSaturday:i,isSundayOrHoliday:l,onClick:o},a);default:return c.default.createElement(Vu,{type:"button",isSaturday:i,isSundayOrHoliday:l,onClick:o},a)}})({state:e,value:t,selectable:n,onClickDate:r,children:a,isSaturday:i,isSundayOrHoliday:l}))})),Bu=({startDate:t,endDate:n,monthFormat:r,weekList:a,weekStart:i=0,current:l,isOutsideRange:o,onDatesChange:s,onPreviousMonth:d,onNextMonth:u,onTodayClick:p})=>{const[f,m]=e.useState(Mu),h=e.useCallback((e=>{if(t&&n&&!t.isSame(n,"day"))return null==s||s({startDate:e,endDate:e}),void m($u);switch(f){case Mu:null==s||s({startDate:e,endDate:e}),m($u);break;case $u:t&&e.isBefore(t)?null==s||s({startDate:e,endDate:t}):null==s||s({startDate:t,endDate:e}),m(Mu)}}),[f,s,n,t]);return c.default.createElement(Rd,null,c.default.createElement(Pd,null,c.default.createElement(Bd,null,c.default.createElement(Zd,null,c.default.createElement(Td,{weight:"bold",size:"xl"},l.format(r))),c.default.createElement("div",{style:{display:"flex",gap:"8px"}},c.default.createElement(ml,{size:"small",color:"clear",type:"button",icon:c.default.createElement(D,{name:"arrow_left",size:"md",color:"currentColor"}),"aria-label":"前の月",onClick:d}),c.default.createElement(Zs,{content:"今日に戻る"},c.default.createElement(ml,{size:"small",color:"clear",type:"button",icon:c.default.createElement(D,{name:"calendar",size:"md",color:"currentColor"}),"aria-label":"今日に戻る",onClick:p})),c.default.createElement(ml,{size:"small",color:"clear",type:"button",icon:c.default.createElement(D,{name:"arrow_right",size:"md",color:"currentColor"}),"aria-label":"次の月",onClick:u})))),c.default.createElement(Nd,null,null==a?void 0:a.map((e=>c.default.createElement(zd,{key:e},e))),Array.from(new Array(mu(l,i)),((e,t)=>c.default.createElement(zd,{key:`empty-${t}`}))),fu(l).map((e=>{const r=du(l,e),a=uu(r),i=pu(r,o);return c.default.createElement(Zu,{key:e,value:r,state:Au(t,n,l,e),selectable:i,isSaturday:a.isSaturday,isSundayOrHoliday:a.isSundayOrHoliday,isToday:cu(r),onClickDate:h},e)}))))},Pu=e.forwardRef((function(t,n){var{startDate:r,endDate:a,monthFormat:i="YYYY年M月",weekConfig:l,defaultPresetButton:o,presetButtons:s,onPresetButtonClick:d,showDateFields:u=!1,dateFieldFormat:f="YYYY-MM-DD",showTimeFields:m=!1,timeFieldProps:h,startLabelSuffix:g,endLabelSuffix:b,onApply:v,onCancel:x,applyButtonText:y="適用",cancelButtonText:w="キャンセル",isOutsideRange:C=(()=>!1),onDatesChange:E}=t,I=p(t,["startDate","endDate","monthFormat","weekConfig","defaultPresetButton","presetButtons","onPresetButtonClick","showDateFields","dateFieldFormat","showTimeFields","timeFieldProps","startLabelSuffix","endLabelSuffix","onApply","onCancel","applyButtonText","cancelButtonText","isOutsideRange","onDatesChange"]);const[k,M]=c.default.useState(0),{currentMonth:$,goToPreviousMonth:A,goToNextMonth:S,goToMonth:L}=gu(r);e.useEffect((()=>{L(r)}),[r,L]);const V=e.useCallback((()=>{const e=Ji();null==E||E({startDate:e,endDate:e}),L(e),M((e=>e+1))}),[E,L]),O=e.useCallback((e=>{null==E||E({startDate:e,endDate:a})}),[a,E]),H=e.useCallback((e=>{null==E||E({startDate:r,endDate:e})}),[r,E]),D=e.useCallback((e=>{const t=r.hour(e.hour()).minute(e.minute()).second(0).millisecond(0);null==E||E({startDate:t,endDate:a})}),[r,a,E]),R=e.useCallback((e=>{const t=a.hour(e.hour()).minute(e.minute()).second(0).millisecond(0);null==E||E({startDate:r,endDate:t})}),[r,a,E]),N=e.useMemo((()=>u?c.default.createElement(Kd,null,c.default.createElement(Qd,null,c.default.createElement(tu,null,c.default.createElement(eu,null,"開始日時"),g),c.default.createElement(qd,null,c.default.createElement(wy,{date:r,format:f,size:"medium",variant:"dark",onDateChange:O}),m&&c.default.createElement(AM,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(Qd,null,c.default.createElement(tu,null,c.default.createElement(eu,null,"終了日時"),b),c.default.createElement(qd,null,c.default.createElement(wy,{date:a,format:f,size:"medium",variant:"dark",onDateChange:H}),m&&c.default.createElement(AM,Object.assign({size:(null==h?void 0:h.size)||"medium",time:a,variant:"dark",width:(null==h?void 0:h.width)||"80px",onTimeChange:R},h))))):null),[u,m,h,r,a,f,g,b,O,H,D,R]),z=Boolean(s||N),{labels:T,start:Z}=vu({weekConfig:l,fallbackLabels:[...Mc],fallbackStart:0}),B=z?c.default.createElement(nu,{key:k,defaultPresetButton:o,presetButtons:s,dateFields:N,onPresetButtonClick:d}):null,P=c.default.createElement(Dd,null,c.default.createElement(Bu,{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:V}));return c.default.createElement(Hd,Object.assign({ref:n},I),c.default.createElement(_d,null,c.default.createElement(Gd,null,P,B,v?c.default.createElement(Fd,null,c.default.createElement(ji,null,x?c.default.createElement(ml,{color:"clear",size:"small",type:"button",onClick:x},w):null,c.default.createElement(ml,{color:"primary",size:"small",type:"button",onClick:v},y))):null)))}));var _u=e.memo(Pu);const Gu=d.default.div`
|
|
1639
1639
|
border-radius: ${({theme:e})=>e.radius}px;
|
|
1640
1640
|
background-color: ${({theme:e})=>e.palette.background.default};
|
|
1641
1641
|
width: ${({width:e})=>e||"auto"};
|
|
@@ -1975,10 +1975,10 @@ object-assign
|
|
|
1975
1975
|
cursor: ${({isDisabled:e})=>e?"not-allowed":"auto"};
|
|
1976
1976
|
`,kb=d.default.div`
|
|
1977
1977
|
${({maxHeight:e})=>cp({maxHeight:`${e}px`})}
|
|
1978
|
-
`;var Mb=e.forwardRef((function(e,t){var n=vb(e);return c.createElement(gb,Ao({ref:t},n))}));const $b=d.default.div``,Ab=e=>{const t=S();return c.createElement($b,null,c.createElement(
|
|
1978
|
+
`;var Mb=e.forwardRef((function(e,t){var n=vb(e);return c.createElement(gb,Ao({ref:t},n))}));const $b=d.default.div``,Ab=e=>{const t=S(),n=hg.ClearIndicator;return c.createElement($b,null,c.createElement(n,Object.assign({},e),c.createElement(D,{name:"close_circle",color:t.palette.black,type:"fill"})))},Sb=d.default.div`
|
|
1979
1979
|
transition: transform 150ms;
|
|
1980
1980
|
transform: ${({menuIsOpen:e})=>e?"rotate(180deg)":""};
|
|
1981
|
-
`,Lb=e=>{var{isDisabled:t,error:n}=e,r=p(e,["isDisabled","error"]);const a=S();let i="";
|
|
1981
|
+
`,Lb=e=>{var{isDisabled:t,error:n}=e,r=p(e,["isDisabled","error"]);const a=S();let i="";i=t?f.gray[400]:n?a.palette.danger.base:a.palette.black;const l=hg.DropdownIndicator;return l&&c.createElement(l,Object.assign({},r),c.createElement(Sb,{menuIsOpen:r.selectProps.menuIsOpen},c.createElement(D,{name:"arrow_bottom",size:"md",color:i})))},Vb=e=>{const t=S(),n=hg.MultiValueRemove;return c.createElement(n,Object.assign({},e),c.createElement(D,{name:"close_circle",color:t.palette.black}))},Ob=(e,t)=>{const n={control:(n,{menuIsOpen:r})=>Object.assign(Object.assign({},n),{boxShadow:"none",borderTopColor:e.palette.divider,borderRightColor:e.palette.divider,borderLeftColor:e.palette.divider,borderBottomColor:r?"transparent":e.palette.divider,borderColor:t?`${e.palette.danger.base}!important`:"",borderRadius:r?`${e.radius}px ${e.radius}px 0 0`:`${e.radius}px`,"&:hover":{}}),input:e=>Object.assign(Object.assign({},e),{margin:"0 2px",paddingBottom:0,paddingTop:0}),menu:n=>Object.assign(Object.assign({},n),{marginTop:"-1px",boxShadow:"none",borderRadius:`0 0 ${e.radius}px ${e.radius}px`,borderRight:`1px solid ${t?e.palette.danger.base:e.palette.divider}`,borderBottom:`1px solid ${t?e.palette.danger.base:e.palette.divider}`,borderLeft:`1px solid ${t?e.palette.danger.base:e.palette.divider}`}),menuPortal:e=>Object.assign(Object.assign({},e),{zIndex:E.dropdown}),menuList:e=>Object.assign(Object.assign({},e),{paddingTop:"12px",paddingBottom:"8px"}),noOptionsMessage:t=>Object.assign(Object.assign({},t),{fontSize:`${X.sm}px`,color:e.palette.text.hint}),option:(t,{isSelected:n,isFocused:r,isDisabled:a})=>{let i="transparent",l=n?e.palette.white:e.palette.black;return n?i=e.palette.primary.base:a?l=e.palette.text.disabled:r&&(i=e.palette.neutral.softLight),Object.assign(Object.assign({},t),{padding:"4px 8px 5px",color:l,fontSize:`${X.sm}px`,":active":{backgroundColor:e.palette.neutral.lighter},backgroundColor:i})},placeholder:(n,{isDisabled:r,isFocused:a})=>{let i=e.palette.black;switch(!0){case r:i=e.palette.text.disabled;break;case t:i=e.palette.danger.base;break;case a:i=e.palette.text.hint}return Object.assign(Object.assign({},n),{transition:"color 0.2s",color:i,fontSize:`${X.sm}px`})},singleValue:(n,{isDisabled:r})=>{let a=e.palette.black;return t?a=e.palette.danger.base:r&&(a=e.palette.text.disabled),Object.assign(Object.assign({},n),{color:`${a}`,fontSize:`${X.sm}px`})},multiValue:t=>Object.assign(Object.assign({},t),{backgroundColor:e.palette.neutral.highlight,padding:"2px 0px 3px 2px",margin:"0px 4px",border:`1px solid ${e.palette.divider}`,borderRadius:`${e.radius}px`}),multiValueLabel:(n,{isDisabled:r})=>{let a=e.palette.black;return t?a=e.palette.danger.base:r&&(a=e.palette.text.disabled),Object.assign(Object.assign({},n),{padding:0,color:`${a}`,fontSize:`${X.sm}px`})},multiValueRemove:e=>Object.assign(Object.assign({},e),{":hover":{backgroundColor:"transparent"},padding:"0px 8px"}),valueContainer:e=>Object.assign(Object.assign({},e),{minHeight:"40px"})};return n},Hb=({children:e,innerRef:t,innerProps:n,maxHeight:r})=>c.createElement(kb,Object.assign({ref:t,maxHeight:r},n),e);var Db=c.forwardRef(((e,t)=>{te("Select","Select は非推奨です。代わりに Select2 を使用してください。");const n=Lc({props:e,name:"Select"}),{onInputChange:r,minWidth:a,isDisabled:i,error:l=!1,closeMenuOnSelect:o=!0,placeholder:s,emptyMessage:d="Not found"}=n,u=p(n,["onInputChange","minWidth","isDisabled","error","closeMenuOnSelect","placeholder","emptyMessage"]),f=S();return c.createElement(Ib,{ref:t,minWidth:a,isDisabled:i},c.createElement(Mb,Object.assign({isClearable:!0,placeholder:s,closeMenuOnSelect:o,noOptionsMessage:()=>d,isDisabled:i,styles:Ob(f,l),maxMenuHeight:150,theme:e=>Object.assign(Object.assign({},e),{palette:f.palette})},u,{components:Object.assign({DropdownIndicator:e=>c.createElement(Lb,Object.assign({},e,{error:l})),ClearIndicator:Ab,IndicatorSeparator:null,MultiValueRemove:Vb,MenuList:Hb},u.components),menuPortalTarget:document.body,onInputChange:(e,t)=>{r&&r(e,t)}})))}));var Rb=c.forwardRef(((e,t)=>{te("CreatableSelect","CreatableSelect は非推奨です。代わりに Select2 を使用してください。");const n=Lc({props:e,name:"CreatableSelect"}),{onInputChange:r,minWidth:a,isDisabled:i,error:l=!1,closeMenuOnSelect:o=!0,placeholder:s,emptyMessage:d="Not found",addMessage:u="Create"}=n,f=p(n,["onInputChange","minWidth","isDisabled","error","closeMenuOnSelect","placeholder","emptyMessage","addMessage"]),m=S();return c.createElement(Ib,{ref:t,minWidth:a,isDisabled:i},c.createElement(Eb,Object.assign({isClearable:!0,placeholder:s,closeMenuOnSelect:o,noOptionsMessage:()=>d,formatCreateLabel:e=>`${u} "${e}"`,isDisabled:i,styles:Ob(m,l),maxMenuHeight:150,theme:e=>Object.assign(Object.assign({},e),{palette:m.palette})},f,{components:Object.assign({DropdownIndicator:e=>c.createElement(Lb,Object.assign({},e,{error:l})),ClearIndicator:Ab,IndicatorSeparator:null,MultiValueRemove:Vb,MenuList:Hb},f.components),menuPortalTarget:document.body,onInputChange:(e,t)=>{r&&r(e,t)}})))}));const Nb=d.default.div`
|
|
1982
1982
|
background-color: ${({theme:e})=>e.palette.background.default};
|
|
1983
1983
|
`,zb=d.default.div`
|
|
1984
1984
|
border: ${({fullWidth:e,theme:t})=>e?"none":`1px solid ${t.palette.divider}`};
|
|
@@ -2245,7 +2245,7 @@ object-assign
|
|
|
2245
2245
|
border-radius: ${({theme:e})=>`${e.radius}px ${e.radius}px`} 0 0;
|
|
2246
2246
|
background-color: ${({active:e,theme:t})=>e?t.palette.background.default:"none"};
|
|
2247
2247
|
cursor: pointer;
|
|
2248
|
-
`,Ev=({items:e,value:t,onChange:n})=>{const r=e=>()=>{n(e)};return c.createElement(yv,null,c.createElement(wv,null,e.map((e=>c.createElement(Cv,{key:e.value,active:e.value===t,onClick:r(e.value)},c.createElement(q,{size:"sm",color:e.value===t?"initial":"secondary",align:"center"},e.label))))))};function Iv(t,n){const r=e.useRef(!1);e.useEffect((()=>{r.current?t():r.current=!0}),n)}function kv(e,t){var n;return!!t&&!(null===(n=t[e])||void 0===n?void 0:n.disabledCheck)}function Mv(e,t,n,r){if(0===n)return!1;const a=e[n],i=null==r?void 0:r.selector(a),l=e[n-1],o=null==r?void 0:r.selector(l);return!(r&&!r.enableMergeCell||a[t]!==l[t]||i!==o)}function $v(e,t,n,r){if(r&&!r.enableMergeCell)return 1;const a=e[n],i=null==r?void 0:r.selector(a);let l=1;for(let o=n+1;o<e.length;o++){const n=e[o],s=null==r?void 0:r.selector(n);if(n[t]!==a[t]||s!==i)break;l++}return l}function Av({sourceData:e,tabs:t,currentTabIndex:n}){let r=e;return t&&t[n]&&(r=t[n].filter(r)),r}function Sv({sourceData:e,sortState:t,filterState:n,enablePagination:r,tabs:a,currentTabIndex:i}){const l=Av({sourceData:e,tabs:a,currentTabIndex:i}),o=lv(l,t);if(r){return hv(o,n)}return o}var Lv=c.forwardRef((({data:e,dataKey:t,columns:n,enablePagination:r=!1,onSelectRowsChange:a,onRadioChange:i,tabs:l,itemEmptyProps:o,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=!!l,[S,L]=c.useState(0),V=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]=(N={isDesc:"desc"===u,name:(null==H?void 0:H.name)||"",getValue:null==H?void 0:H.selector},c.useState(N));var N;const[T,Z]=gv(s),[B,P]=c.useState(Sv({sourceData:e,sortState:D,filterState:T,enablePagination:r,tabs:l,currentTabIndex:S})),_=c.useMemo((()=>Av({sourceData:e,tabs:l,currentTabIndex:S}).length),[e,l,S]);Iv((()=>{const t=Sv({sourceData:e,sortState:D,filterState:T,enablePagination:r,tabs:l,currentTabIndex:S});P(t)}),[e,D,T,r,A,l,S]),Iv((()=>{const t={index:1,per:T.per};Z(t);const n=Sv({sourceData:e,sortState:D,filterState:t,enablePagination:r,tabs:l,currentTabIndex:S});P(n)}),[e,S]);const G=(e,t)=>()=>{R(((e,t,n)=>({isDesc:e.name===n&&!e.isDesc,getValue:t,name:n}))(D,e,t))},F=e=>()=>{a&&(p.includes(e)?a(p.filter((t=>t!==e))):a([...p,e]))},Y=e=>()=>{i&&i(e)};return c.createElement(Nb,{ref:C},c.createElement(zb,{fullWidth:g},!!l&&c.createElement(Ev,{value:S,items:l.map(((e,t)=>({label:e.label,value:t}))),onChange:e=>{L(e)}}),c.createElement(Tb,{maxHeight:v,horizontalScrollable:x},c.createElement(av,{horizontalScrollable:x},c.createElement(av.Header,null,c.createElement(av.Row,{isStickyHeader:"none"!==v},(!A||kv(S,l))&&c.createElement(c.Fragment,null,E&&c.createElement(Yb,{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(Kb,{header:!0})),n.map((e=>{return c.createElement(_b,{key:e.name,sortable:e.sortable&&!V,order:(t=D,n=e.name,t.name===n?t.isDesc?"desc":"asc":null),width:e.width,enableRuledLine:m,onClick:e.sortable&&!V?G(e.selector,e.name):void 0},e.headerCell||e.name);var t,n})))),c.createElement(av.Body,null,B.length>0?B.map(((e,r)=>c.createElement(c.Fragment,{key:r},E||$?c.createElement(c.Fragment,null,E&&c.createElement(av.Row,Object.assign({verticalSpacing:h,highlighted:!e.selectDisabled&&(p.includes(e[t])||f===e[t]),disableHoverHighlight:V},!b&&{onClick:F(e[t])}),(!A||kv(S,l))&&!Mv(B,t,r)&&c.createElement(Yb,Object.assign({selected:p.includes(e[t]),rowSpan:$v(B,t,r)},b&&{onClick:F(e[t])})),n.map((n=>Mv(B,t,r,n)?null:c.createElement(av.Cell,{key:n.name,enableRuledLine:m,rowSpan:$v(B,t,r,n)},n.renderCell?n.renderCell(e):c.createElement(q,{align:n.align},n.selector(e)))))),$&&c.createElement(av.Row,Object.assign({verticalSpacing:h,highlighted:!e.selectDisabled&&(p.includes(e[t])||f===e[t]),disableHoverHighlight:V},!b&&{onClick:Y(e[t])}),(!A||kv(S,l))&&!Mv(B,t,r)&&c.createElement(Kb,{selected:e[t]===f,rowSpan:$v(B,t,r),onClick:Y(e[t])}),n.map((n=>Mv(B,t,r,n)?null:c.createElement(av.Cell,{key:n.name,enableRuledLine:m,rowSpan:$v(B,t,r,n)},n.renderCell?n.renderCell(e):c.createElement(q,{align:n.align},n.selector(e))))))):c.createElement(av.Row,{verticalSpacing:h,highlighted:!e.selectDisabled&&(p.includes(e[t])||f===e[t]),disableHoverHighlight:V},n.map((n=>Mv(B,t,r,n)?null:c.createElement(av.Cell,{key:n.name,enableRuledLine:m,rowSpan:$v(B,t,r,n)},n.renderCell?n.renderCell(e):c.createElement(q,{align:n.align},n.selector(e))))))))):c.createElement("tr",null,c.createElement("td",{colSpan:n.length+(!E&&!$||A&&!kv(S,l)?0:1)},c.createElement(xv,Object.assign({},o)))))))),r&&c.createElement(tl,{p:3},c.createElement(z,{display:"flex",alignItems:"center",justifyContent:"space-between"},c.createElement(mv,{per:T.per,total:_,index:T.index,onClick:e=>{Z({index:e,per:T.per})}}),c.createElement(Bb,{per:T.per,total:_,index:T.index,labelRowsPerPage:y,labelDisplayedRows:w,onChange:e=>{Z({index:1,per:e})}}))))}));const Vv=!0,Ov=!0;function Hv(e,t){return!!t.reorder&&(void 0!==e.reorderable?e.reorderable:e.sortable)}function Dv(e,t){return!!t.visibility&&(void 0!==e.visibilityEditable?e.visibilityEditable:e.sortable)}function Rv(e,t,n){const r=[...e].sort(((e,t)=>e.order-t.order));let a=0;const i=r.map((e=>(e=>!Hv(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 Nv=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:()=>{}}),zv=e.createContext({showStickyRightEdgeDecoration:!0}),Tv=e.createContext({registerColumnSticky:()=>{},getStickyRightOffset:()=>{},rightStickyColumnIndex:null,getRightStickyZIndexHead:e=>3,getRightStickyZIndexBody:e=>1}),Zv=e.createContext({index:0}),Bv=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")}))}),
|
|
2248
|
+
`,Ev=({items:e,value:t,onChange:n})=>{const r=e=>()=>{n(e)};return c.createElement(yv,null,c.createElement(wv,null,e.map((e=>c.createElement(Cv,{key:e.value,active:e.value===t,onClick:r(e.value)},c.createElement(q,{size:"sm",color:e.value===t?"initial":"secondary",align:"center"},e.label))))))};function Iv(t,n){const r=e.useRef(!1);e.useEffect((()=>{r.current?t():r.current=!0}),n)}function kv(e,t){var n;return!!t&&!(null===(n=t[e])||void 0===n?void 0:n.disabledCheck)}function Mv(e,t,n,r){if(0===n)return!1;const a=e[n],i=null==r?void 0:r.selector(a),l=e[n-1],o=null==r?void 0:r.selector(l);return!(r&&!r.enableMergeCell||a[t]!==l[t]||i!==o)}function $v(e,t,n,r){if(r&&!r.enableMergeCell)return 1;const a=e[n],i=null==r?void 0:r.selector(a);let l=1;for(let o=n+1;o<e.length;o++){const n=e[o],s=null==r?void 0:r.selector(n);if(n[t]!==a[t]||s!==i)break;l++}return l}function Av({sourceData:e,tabs:t,currentTabIndex:n}){let r=e;return t&&t[n]&&(r=t[n].filter(r)),r}function Sv({sourceData:e,sortState:t,filterState:n,enablePagination:r,tabs:a,currentTabIndex:i}){const l=Av({sourceData:e,tabs:a,currentTabIndex:i}),o=lv(l,t);if(r){return hv(o,n)}return o}var Lv=c.forwardRef((({data:e,dataKey:t,columns:n,enablePagination:r=!1,onSelectRowsChange:a,onRadioChange:i,tabs:l,itemEmptyProps:o,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=!!l,[S,L]=c.useState(0),V=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]=(N={isDesc:"desc"===u,name:(null==H?void 0:H.name)||"",getValue:null==H?void 0:H.selector},c.useState(N));var N;const[T,Z]=gv(s),[B,P]=c.useState(Sv({sourceData:e,sortState:D,filterState:T,enablePagination:r,tabs:l,currentTabIndex:S})),_=c.useMemo((()=>Av({sourceData:e,tabs:l,currentTabIndex:S}).length),[e,l,S]);Iv((()=>{const t=Sv({sourceData:e,sortState:D,filterState:T,enablePagination:r,tabs:l,currentTabIndex:S});P(t)}),[e,D,T,r,A,l,S]),Iv((()=>{const t={index:1,per:T.per};Z(t);const n=Sv({sourceData:e,sortState:D,filterState:t,enablePagination:r,tabs:l,currentTabIndex:S});P(n)}),[e,S]);const G=(e,t)=>()=>{R(((e,t,n)=>({isDesc:e.name===n&&!e.isDesc,getValue:t,name:n}))(D,e,t))},F=e=>()=>{a&&(p.includes(e)?a(p.filter((t=>t!==e))):a([...p,e]))},Y=e=>()=>{i&&i(e)};return c.createElement(Nb,{ref:C},c.createElement(zb,{fullWidth:g},!!l&&c.createElement(Ev,{value:S,items:l.map(((e,t)=>({label:e.label,value:t}))),onChange:e=>{L(e)}}),c.createElement(Tb,{maxHeight:v,horizontalScrollable:x},c.createElement(av,{horizontalScrollable:x},c.createElement(av.Header,null,c.createElement(av.Row,{isStickyHeader:"none"!==v},(!A||kv(S,l))&&c.createElement(c.Fragment,null,E&&c.createElement(Yb,{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(Kb,{header:!0})),n.map((e=>{return c.createElement(_b,{key:e.name,sortable:e.sortable&&!V,order:(t=D,n=e.name,t.name===n?t.isDesc?"desc":"asc":null),width:e.width,enableRuledLine:m,onClick:e.sortable&&!V?G(e.selector,e.name):void 0},e.headerCell||e.name);var t,n})))),c.createElement(av.Body,null,B.length>0?B.map(((e,r)=>c.createElement(c.Fragment,{key:r},E||$?c.createElement(c.Fragment,null,E&&c.createElement(av.Row,Object.assign({verticalSpacing:h,highlighted:!e.selectDisabled&&(p.includes(e[t])||f===e[t]),disableHoverHighlight:V},!b&&{onClick:F(e[t])}),(!A||kv(S,l))&&!Mv(B,t,r)&&c.createElement(Yb,Object.assign({selected:p.includes(e[t]),rowSpan:$v(B,t,r)},b&&{onClick:F(e[t])})),n.map((n=>Mv(B,t,r,n)?null:c.createElement(av.Cell,{key:n.name,enableRuledLine:m,rowSpan:$v(B,t,r,n)},n.renderCell?n.renderCell(e):c.createElement(q,{align:n.align},n.selector(e)))))),$&&c.createElement(av.Row,Object.assign({verticalSpacing:h,highlighted:!e.selectDisabled&&(p.includes(e[t])||f===e[t]),disableHoverHighlight:V},!b&&{onClick:Y(e[t])}),(!A||kv(S,l))&&!Mv(B,t,r)&&c.createElement(Kb,{selected:e[t]===f,rowSpan:$v(B,t,r),onClick:Y(e[t])}),n.map((n=>Mv(B,t,r,n)?null:c.createElement(av.Cell,{key:n.name,enableRuledLine:m,rowSpan:$v(B,t,r,n)},n.renderCell?n.renderCell(e):c.createElement(q,{align:n.align},n.selector(e))))))):c.createElement(av.Row,{verticalSpacing:h,highlighted:!e.selectDisabled&&(p.includes(e[t])||f===e[t]),disableHoverHighlight:V},n.map((n=>Mv(B,t,r,n)?null:c.createElement(av.Cell,{key:n.name,enableRuledLine:m,rowSpan:$v(B,t,r,n)},n.renderCell?n.renderCell(e):c.createElement(q,{align:n.align},n.selector(e))))))))):c.createElement("tr",null,c.createElement("td",{colSpan:n.length+(!E&&!$||A&&!kv(S,l)?0:1)},c.createElement(xv,Object.assign({},o)))))))),r&&c.createElement(tl,{p:3},c.createElement(z,{display:"flex",alignItems:"center",justifyContent:"space-between"},c.createElement(mv,{per:T.per,total:_,index:T.index,onClick:e=>{Z({index:e,per:T.per})}}),c.createElement(Bb,{per:T.per,total:_,index:T.index,labelRowsPerPage:y,labelDisplayedRows:w,onChange:e=>{Z({index:1,per:e})}}))))}));const Vv=!0,Ov=!0;function Hv(e,t){return!!t.reorder&&(void 0!==e.reorderable?e.reorderable:e.sortable)}function Dv(e,t){return!!t.visibility&&(void 0!==e.visibilityEditable?e.visibilityEditable:e.sortable)}function Rv(e,t,n){const r=[...e].sort(((e,t)=>e.order-t.order));let a=0;const i=r.map((e=>(e=>!Hv(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 Nv=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:()=>{}}),zv=e.createContext({showStickyRightEdgeDecoration:!0}),Tv=e.createContext({registerColumnSticky:()=>{},getStickyRightOffset:()=>{},rightStickyColumnIndex:null,getRightStickyZIndexHead:e=>3,getRightStickyZIndexBody:e=>1}),Zv=e.createContext({index:0}),Bv=e=>e<1e3?String(e):e.toLocaleString("en-US"),Pv=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")}))}),_v=(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},Gv=(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}`},Fv=(e,t,n)=>`group-${t}-item-${e.label||`item-${n}`}`,Yv=(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}`},jv=d.default.button`
|
|
2249
2249
|
display: flex;
|
|
2250
2250
|
gap: 4px;
|
|
2251
2251
|
box-sizing: border-box;
|
|
@@ -2280,7 +2280,7 @@ object-assign
|
|
|
2280
2280
|
background: ${({theme:e})=>e.palette.neutral.highlight};
|
|
2281
2281
|
box-shadow: ${v["3dShadowActive"]};
|
|
2282
2282
|
}
|
|
2283
|
-
`,
|
|
2283
|
+
`,Wv=d.default.div`
|
|
2284
2284
|
position: relative;
|
|
2285
2285
|
display: flex;
|
|
2286
2286
|
flex-direction: column;
|
|
@@ -2304,7 +2304,7 @@ object-assign
|
|
|
2304
2304
|
border-inline: 1px solid ${n.palette.divider};
|
|
2305
2305
|
}
|
|
2306
2306
|
`}
|
|
2307
|
-
`,
|
|
2307
|
+
`,Xv=c.default.forwardRef((function({className:e,children:t},n){return c.default.createElement("div",{ref:n,className:e},t)})),Jv=d.default(Xv)`
|
|
2308
2308
|
flex-grow: 1;
|
|
2309
2309
|
min-height: 0;
|
|
2310
2310
|
overflow: auto;
|
|
@@ -2321,14 +2321,14 @@ object-assign
|
|
|
2321
2321
|
/* separate + sticky は安全側だが tr の下線が出ない。collapse で行境界を tr に任せる */
|
|
2322
2322
|
border-collapse: collapse;
|
|
2323
2323
|
}
|
|
2324
|
-
`,
|
|
2324
|
+
`,Uv=d.default.div`
|
|
2325
2325
|
display: flex;
|
|
2326
2326
|
align-items: center;
|
|
2327
2327
|
gap: 8px;
|
|
2328
2328
|
justify-content: space-between;
|
|
2329
2329
|
padding: 8px ${({isSmallLayout:e})=>e?12:16}px;
|
|
2330
2330
|
background: ${({theme:e})=>e.palette.neutral.ultraLight};
|
|
2331
|
-
`;d.default(
|
|
2331
|
+
`;d.default(jv)`
|
|
2332
2332
|
display: flex;
|
|
2333
2333
|
|
|
2334
2334
|
em {
|
|
@@ -2346,25 +2346,25 @@ object-assign
|
|
|
2346
2346
|
margin: 0;
|
|
2347
2347
|
border: 0;
|
|
2348
2348
|
border-left: 1px dashed ${({theme:e})=>e.palette.divider};
|
|
2349
|
-
`;const
|
|
2349
|
+
`;const Qv=d.default.span`
|
|
2350
2350
|
display: inline-flex;
|
|
2351
2351
|
align-items: center;
|
|
2352
2352
|
flex-wrap: nowrap;
|
|
2353
2353
|
gap: 4px;
|
|
2354
2354
|
min-width: 0;
|
|
2355
|
-
`,
|
|
2355
|
+
`,qv=d.default.span`
|
|
2356
2356
|
${C}
|
|
2357
2357
|
font-variant-numeric: tabular-nums;
|
|
2358
2358
|
color: ${({theme:e})=>e.palette.black};
|
|
2359
|
-
`,
|
|
2359
|
+
`,Kv=d.default.span`
|
|
2360
2360
|
${C}
|
|
2361
2361
|
color: ${({theme:e})=>e.palette.text.secondary};
|
|
2362
|
-
`,
|
|
2362
|
+
`,ex=d.default.span`
|
|
2363
2363
|
display: inline-flex;
|
|
2364
2364
|
flex-shrink: 0;
|
|
2365
2365
|
align-items: center;
|
|
2366
2366
|
line-height: 0;
|
|
2367
|
-
`,
|
|
2367
|
+
`,tx=d.default.button`
|
|
2368
2368
|
display: flex;
|
|
2369
2369
|
align-items: center;
|
|
2370
2370
|
gap: 4px;
|
|
@@ -2389,15 +2389,15 @@ object-assign
|
|
|
2389
2389
|
&:where([aria-expanded="true"]) {
|
|
2390
2390
|
background: ${({theme:e})=>e.palette.primary.highlight};
|
|
2391
2391
|
}
|
|
2392
|
-
`,
|
|
2392
|
+
`,nx=d.default.div`
|
|
2393
2393
|
display: flex;
|
|
2394
2394
|
align-items: center;
|
|
2395
2395
|
gap: 8px;
|
|
2396
|
-
`,
|
|
2396
|
+
`,rx=d.default(jv)``,ax=d.default.thead`
|
|
2397
2397
|
position: relative;
|
|
2398
2398
|
z-index: 2;
|
|
2399
2399
|
background: transparent;
|
|
2400
|
-
`,
|
|
2400
|
+
`,ix=d.default.th`
|
|
2401
2401
|
height: 1px; /* 子要素の高さ 100% を有効にする。table-layout: fixed になっている必要がある */
|
|
2402
2402
|
text-align: left;
|
|
2403
2403
|
font-weight: 700;
|
|
@@ -2444,7 +2444,7 @@ object-assign
|
|
|
2444
2444
|
inset 0 -1px 0 0 ${n.palette.divider},
|
|
2445
2445
|
inset 1px 0 0 0 ${n.palette.divider};
|
|
2446
2446
|
`}
|
|
2447
|
-
`,
|
|
2447
|
+
`,lx=d.default.td`
|
|
2448
2448
|
${({$stickyRightOffset:e,theme:n,$stickyZIndex:r,$showStickyEdgeDecoration:a})=>void 0!==e&&t.css`
|
|
2449
2449
|
position: sticky;
|
|
2450
2450
|
right: ${e}px;
|
|
@@ -2454,7 +2454,7 @@ object-assign
|
|
|
2454
2454
|
box-shadow: inset 1px 0 0 0 ${n.palette.divider};
|
|
2455
2455
|
`}
|
|
2456
2456
|
`}
|
|
2457
|
-
`,
|
|
2457
|
+
`,ox=d.default.div`
|
|
2458
2458
|
position: relative;
|
|
2459
2459
|
display: flex;
|
|
2460
2460
|
flex-direction: column;
|
|
@@ -2466,7 +2466,7 @@ object-assign
|
|
|
2466
2466
|
${({isSmallLayout:e})=>(e?6:10)-3}px;
|
|
2467
2467
|
height: 100%;
|
|
2468
2468
|
margin: 0 5px;
|
|
2469
|
-
`,
|
|
2469
|
+
`,sx=d.default.button`
|
|
2470
2470
|
--color: ${({theme:e})=>e.palette.divider};
|
|
2471
2471
|
position: absolute;
|
|
2472
2472
|
inset: 0 -6px 0 auto;
|
|
@@ -2530,7 +2530,7 @@ object-assign
|
|
|
2530
2530
|
left: auto;
|
|
2531
2531
|
border-right: 0;
|
|
2532
2532
|
}
|
|
2533
|
-
`,
|
|
2533
|
+
`,cx=d.default.div`
|
|
2534
2534
|
position: fixed;
|
|
2535
2535
|
z-index: 100;
|
|
2536
2536
|
inset: 0;
|
|
@@ -2543,31 +2543,29 @@ object-assign
|
|
|
2543
2543
|
&[data-max="true"] {
|
|
2544
2544
|
cursor: w-resize;
|
|
2545
2545
|
}
|
|
2546
|
-
`,
|
|
2546
|
+
`,dx=t.css`
|
|
2547
2547
|
display: flex;
|
|
2548
|
+
align-items: center;
|
|
2548
2549
|
font-weight: 700;
|
|
2549
2550
|
font-size: 13px;
|
|
2550
2551
|
line-height: 16px;
|
|
2551
2552
|
color: ${({theme:e})=>e.palette.black};
|
|
2552
|
-
`,
|
|
2553
|
+
`,ux=d.default.div`
|
|
2554
|
+
${dx}
|
|
2555
|
+
`,px=d.default.button`
|
|
2556
|
+
${dx}
|
|
2557
|
+
width: fit-content;
|
|
2553
2558
|
padding: 0;
|
|
2554
2559
|
border: 0;
|
|
2555
2560
|
background: transparent;
|
|
2556
2561
|
cursor: pointer;
|
|
2562
|
+
text-align: left;
|
|
2563
|
+
gap: 2px;
|
|
2557
2564
|
|
|
2558
|
-
|
|
2559
|
-
|
|
2560
|
-
fill: ${({theme:e})=>e.palette.divider};
|
|
2561
|
-
}
|
|
2562
|
-
|
|
2563
|
-
&[data-sort-direction="asc"] path:nth-child(1) {
|
|
2564
|
-
fill: ${({theme:e})=>e.palette.black};
|
|
2565
|
-
}
|
|
2566
|
-
|
|
2567
|
-
&[data-sort-direction="desc"] path:nth-child(2) {
|
|
2568
|
-
fill: ${({theme:e})=>e.palette.black};
|
|
2565
|
+
> span {
|
|
2566
|
+
flex-shrink: 0;
|
|
2569
2567
|
}
|
|
2570
|
-
`,
|
|
2568
|
+
`,fx=d.default.tr`
|
|
2571
2569
|
background: ${({theme:e})=>e.palette.background.default};
|
|
2572
2570
|
transition: background 0.2s;
|
|
2573
2571
|
border-bottom: 1px solid ${({theme:e})=>e.palette.divider};
|
|
@@ -2603,9 +2601,9 @@ object-assign
|
|
|
2603
2601
|
padding-block: 20px;
|
|
2604
2602
|
}
|
|
2605
2603
|
}
|
|
2606
|
-
`,
|
|
2604
|
+
`,mx=d.default.td`
|
|
2607
2605
|
padding-right: 0;
|
|
2608
|
-
`,
|
|
2606
|
+
`,hx=d.default.th`
|
|
2609
2607
|
height: 1px;
|
|
2610
2608
|
position: sticky;
|
|
2611
2609
|
top: 0;
|
|
@@ -2614,9 +2612,9 @@ object-assign
|
|
|
2614
2612
|
box-shadow:
|
|
2615
2613
|
inset 0 1px 0 0 ${({theme:e})=>e.palette.divider},
|
|
2616
2614
|
inset 0 -1px 0 0 ${({theme:e})=>e.palette.divider};
|
|
2617
|
-
`,
|
|
2615
|
+
`,gx=d.default.div`
|
|
2618
2616
|
display: flex;
|
|
2619
|
-
`,
|
|
2617
|
+
`,bx=d.default.div`
|
|
2620
2618
|
display: grid;
|
|
2621
2619
|
/* td は横 sticky 用に position を触らない。スピナー等の absolute はここを基準に */
|
|
2622
2620
|
position: relative;
|
|
@@ -2626,20 +2624,20 @@ object-assign
|
|
|
2626
2624
|
grid-area: 1 / 1 / 2 / 2;
|
|
2627
2625
|
content: "${" "}";
|
|
2628
2626
|
}
|
|
2629
|
-
`,
|
|
2627
|
+
`,vx=d.default.div`
|
|
2630
2628
|
position: absolute;
|
|
2631
2629
|
inset: 0 auto 0 16px;
|
|
2632
2630
|
height: fit-content;
|
|
2633
2631
|
margin: auto 0;
|
|
2634
|
-
`,
|
|
2632
|
+
`,xx=d.default.div`
|
|
2635
2633
|
grid-area: 1 / 1 / 2 / 2;
|
|
2636
2634
|
overflow-wrap: anywhere;
|
|
2637
2635
|
word-break: normal;
|
|
2638
2636
|
line-break: strict;
|
|
2639
|
-
&:where(${
|
|
2637
|
+
&:where(${bx}:has( ${vx} ) *) {
|
|
2640
2638
|
visibility: hidden;
|
|
2641
2639
|
}
|
|
2642
|
-
`,
|
|
2640
|
+
`,yx=d.default.div`
|
|
2643
2641
|
display: flex;
|
|
2644
2642
|
justify-content: space-between;
|
|
2645
2643
|
align-items: center;
|
|
@@ -2649,7 +2647,7 @@ object-assign
|
|
|
2649
2647
|
a {
|
|
2650
2648
|
color: ${({theme:e})=>e.palette.primary.base};
|
|
2651
2649
|
}
|
|
2652
|
-
`,
|
|
2650
|
+
`,wx=d.default.div`
|
|
2653
2651
|
@media (any-hover: hover) {
|
|
2654
2652
|
visibility: hidden;
|
|
2655
2653
|
|
|
@@ -2657,32 +2655,32 @@ object-assign
|
|
|
2657
2655
|
visibility: visible;
|
|
2658
2656
|
}
|
|
2659
2657
|
|
|
2660
|
-
&:where(${
|
|
2658
|
+
&:where(${yx}:hover *) {
|
|
2661
2659
|
visibility: visible;
|
|
2662
2660
|
}
|
|
2663
2661
|
}
|
|
2664
|
-
`,
|
|
2662
|
+
`,Cx=d.default.div`
|
|
2665
2663
|
display: flex;
|
|
2666
2664
|
align-items: center;
|
|
2667
2665
|
gap: 8px;
|
|
2668
|
-
`,
|
|
2666
|
+
`,Ex=d.default.span`
|
|
2669
2667
|
font-size: 13px;
|
|
2670
2668
|
color: ${({theme:e})=>e.palette.black};
|
|
2671
2669
|
margin-inline: 4px 0;
|
|
2672
|
-
`,
|
|
2670
|
+
`,Ix=(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(jv)`
|
|
2673
2671
|
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)};
|
|
2674
|
-
color: ${({color:e,theme:t})=>
|
|
2672
|
+
color: ${({color:e,theme:t})=>Ix(e,t)};
|
|
2675
2673
|
&:hover:not(:disabled) {
|
|
2676
2674
|
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)};
|
|
2677
2675
|
}
|
|
2678
|
-
`,d.default(
|
|
2676
|
+
`,d.default(jv)``,d.default.button`
|
|
2679
2677
|
width: 100%;
|
|
2680
2678
|
text-align: left;
|
|
2681
2679
|
background: none;
|
|
2682
2680
|
border: none;
|
|
2683
2681
|
padding: 8px 12px;
|
|
2684
2682
|
font-size: 13px;
|
|
2685
|
-
color: ${({color:e,theme:t})=>
|
|
2683
|
+
color: ${({color:e,theme:t})=>Ix(e,t)};
|
|
2686
2684
|
cursor: pointer;
|
|
2687
2685
|
&:hover:not(:disabled) {
|
|
2688
2686
|
background: ${({theme:e})=>e.palette.neutral.highlight};
|
|
@@ -2691,16 +2689,16 @@ object-assign
|
|
|
2691
2689
|
color: ${({theme:e})=>e.palette.text.disabled};
|
|
2692
2690
|
cursor: not-allowed;
|
|
2693
2691
|
}
|
|
2694
|
-
`;const
|
|
2692
|
+
`;const kx=d.default.span`
|
|
2695
2693
|
display: inline-block;
|
|
2696
2694
|
height: 18px;
|
|
2697
2695
|
border-left: 1px dashed ${({theme:e})=>e.palette.divider};
|
|
2698
2696
|
vertical-align: middle;
|
|
2699
|
-
`,
|
|
2697
|
+
`,Mx=d.default.div`
|
|
2700
2698
|
display: flex;
|
|
2701
2699
|
align-items: center;
|
|
2702
2700
|
gap: 8px;
|
|
2703
|
-
|
|
2701
|
+
`,$x=d.default(jv)`
|
|
2704
2702
|
display: flex;
|
|
2705
2703
|
align-items: center;
|
|
2706
2704
|
gap: 4px;
|
|
@@ -2716,7 +2714,7 @@ object-assign
|
|
|
2716
2714
|
&:hover:not(:disabled) {
|
|
2717
2715
|
background: ${({theme:e})=>e.palette.neutral.highlight};
|
|
2718
2716
|
}
|
|
2719
|
-
`,Mx=()=>{const{columns:t,setColumns:n,isSmallLayout:r}=e.useContext(Nv),[a,i]=e.useState(!1),[l,o]=e.useState(t.map((e=>e.filtered||!1))),s=e.useMemo((()=>t.filter((e=>e.filtered)).length),[t]),d=e.useCallback((()=>{o(t.map((e=>e.filtered||!1)))}),[t]),u=e.useCallback(((e,t)=>{o((n=>n.map(((n,r)=>e===r?t:n))))}),[o]),p=e.useCallback((()=>{d(),i(!1)}),[d]),f=e.useCallback((()=>{const e=structuredClone(t).map(((e,t)=>Object.assign(Object.assign({},e),{filtered:l[t]})));n(e),i(!1)}),[t,n,l]),m=e.useCallback((e=>{i(e),e||d()}),[i,d]);return e.useEffect((()=>d()),[t,d]),c.default.createElement(Pi,null,c.default.createElement(Bi,{width:360,trigger:c.default.createElement(ex,{type:"button",disabled:0===s},c.default.createElement(D,{name:"filter",color:"currentColor"}),r?s:`${s}列に適用中`),open:a,onOpenChange:m},c.default.createElement(_i,null,"フィルタが適用されている列"),t.map(((e,t)=>!0===e.filtered?c.default.createElement(Ja,{key:e.id,checked:l[t],onChange:e=>u(t,e)},e.label):null)),c.default.createElement(Fi,{prepend:c.default.createElement(D,{name:"question"})},"リセットしたいフィルタのボタンをオフにしてください"),c.default.createElement(Yi,null),c.default.createElement(ji,null,c.default.createElement(ml,{type:"button",size:"small",color:"clear",onClick:p},"キャンセル"),c.default.createElement(ml,{type:"button",size:"small",onClick:f},"適用"))))},$x=()=>{const{columns:t,setColumns:n,columnEditFeatures:r}=e.useContext(Nv),a=e.useMemo((()=>[...t].sort(((e,t)=>e.order-t.order))),[t]),i=e.useMemo((()=>a.map((e=>e.id))),[a]),l=e.useMemo((()=>a.filter((e=>Hv(e,r))).map((e=>e.id))),[a,r]),o=e.useCallback((e=>{r.reorder&&n(Rv(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=Hv(e,r),n=Dv(e,r),a=d(e.id,n),i=c.default.createElement(Ja,{disabled:!n,checked:e.visible,onChange:a},e.label);return t?c.default.createElement(ui,{key:e.id,id:e.id},i):c.default.createElement(hi,{key:e.id,id:e.id},i)})(e)));return c.default.createElement(Bi,{width:328,trigger:c.default.createElement(ei,null,"カラムを編集")},r.reorder&&l.length>0?c.default.createElement(oi,{order:l,displayOrder:i,onOrderChange:o},f):f,c.default.createElement(Fi,{prepend:c.default.createElement(D,{name:"question"})},u))},Ax=()=>{const{pageSize:t,pageSizeOptions:n,setPageSize:r}=e.useContext(Nv);return c.default.createElement(Bi,{width:136,trigger:c.default.createElement(ei,{append:t},"件数を変更")},n.map((e=>c.default.createElement(_a,{key:e,closeOnChange:!0,checked:t===e,onChange:()=>r(e)},e,"件"))))},Sx=[{value:-2,label:"より狭くする"},{value:-1,label:"狭くする"},{value:0,label:"標準"},{value:1,label:"広くする"},{value:2,label:"より広くする"}],Lx=()=>{const{rowSpacing:t,setRowSpacing:n}=e.useContext(Nv),r=e.useMemo((()=>{var e;return(null===(e=Sx.find((e=>e.value===t)))||void 0===e?void 0:e.label)||"標準"}),[t]);return c.default.createElement(Bi,{width:168,trigger:c.default.createElement(ei,{append:r},"表示密度を変更")},Sx.map((({value:e,label:r})=>c.default.createElement(_a,{key:e,closeOnChange:!0,checked:t===e,onChange:()=>(e=>{n(e)})(e)},r))))},Vx="small",Ox="secondaryLight",Hx=()=>{const{isSmallLayout:t,totalCount:n,currentPage:r,pageSize:a,pageSizeOptions:i,setCurrentPage:l,setPageSize:o}=e.useContext(Nv),s=e.useCallback((e=>{l(0),o(e)}),[l,o]),d=e.useMemo((()=>Math.ceil(n/a)-1),[n,a]);return e.useEffect((()=>{r>d&&l(d)}),[r,d,l]),c.default.createElement(Sd,{minSize:"fit-content"},c.default.createElement(ml,{inline:!0,type:"button","aria-label":"前のページへ",size:Vx,color:Ox,disabled:0===r||0===n,icon:c.default.createElement(D,{name:"arrow_left",size:"md",color:"currentColor"}),onClick:()=>l(Math.max(r-1,0))}),!t&&c.default.createElement(Pi,null,c.default.createElement(Bi,{width:296,trigger:c.default.createElement(ml,{inline:!0,type:"button",size:Vx,color:Ox},c.default.createElement(Uv,null,0===n?c.default.createElement(c.default.Fragment,null,c.default.createElement(Qv,null,"0"),c.default.createElement(qv,null," / "),c.default.createElement(Qv,null,"0")):c.default.createElement(c.default.Fragment,null,c.default.createElement(Qv,null,Math.min(r*a+1,n)),c.default.createElement(qv,null,"-"),c.default.createElement(Qv,null,Math.min((r+1)*a,n)),c.default.createElement(qv,null,"/"),c.default.createElement(Qv,null,n)),c.default.createElement(Kv,null,c.default.createElement(D,{name:"arrow_down",size:"sm-md",color:"currentColor"}))))},c.default.createElement(_i,null,"表示件数を変更"),i.map((e=>c.default.createElement(_a,{key:e,checked:a===e,onChange:()=>s(e)},e))))),c.default.createElement(ml,{inline:!0,type:"button","aria-label":"次のページへ",size:Vx,color:Ox,disabled:r===d||0===n,icon:c.default.createElement(D,{name:"arrow_right",size:"md",color:"currentColor"}),onClick:()=>l(Math.min(r+1,d))}))},Dx=({tableActions:t,customTableActionArea:n})=>{const{isSmallLayout:r,columns:a,columnEditFeatures:i,rowIds:l,checkedRows:o,setCheckedRows:s,hasRowControls:d}=e.useContext(Nv),u=S(),p=e.useMemo((()=>l.length>0&&o.length===l.length),[o,l]),f=e.useMemo((()=>0!==o.length&&o.length!==l.length),[o,l]),[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?[]:l)}),[p,l,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,o.length>0,u)),[o.length,u]),E=e.useCallback(((e,t,n)=>{var r;return"singleButton"===e.type?c.default.createElement(ml,{key:_v(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:Pv(e,o),onClick:()=>e.onClick(o)},e.label):"groupButton"===e.type?c.default.createElement(Od,{key:_v(e,t),size:"small"},e.items.map(((e,n)=>{var r;return c.default.createElement(ml,{key:Gv(e,t,n),icon:C(e.icon,e.dynamicIconColor),color:null!==(r=e.color)&&void 0!==r?r:"secondaryLight",style:e.style,disabled:Pv(e,o),onClick:()=>e.onClick(o)},e.label)}))):"separator"===e.type?c.default.createElement(Ex,{key:_v(e,t)}):"heading"===e.type?c.default.createElement("span",{key:_v(e,t),style:{padding:"8px",fontSize:"14px",fontWeight:"bold"}},e.label):c.default.createElement(Ex,{key:_v(e,t)})}),[o,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(Yi,{key:`separator-${i}`})):"heading"===a.type?n.push(c.default.createElement(_i,{key:`heading-${a.label||i}`},a.label)):"divider"===a.type&&n.push(c.default.createElement(Yi,{key:`divider-${i}`})):"singleButton"===a.type?n.push(c.default.createElement(Fe,{key:`single-${a.label||i}`,prepend:C(a.icon,a.dynamicIconColor),disabled:Pv(a,o,t),onClick:()=>{a.onClick(o),t?x(!1):b(!1)}},a.label)):"groupButton"===a.type&&a.items.forEach(((e,r)=>{n.push(c.default.createElement(Fe,{key:Fv(e,"mobile-group",i,r),prepend:C(e.icon,e.dynamicIconColor),disabled:Pv(e,o,t),onClick:()=>{e.onClick(o),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(_i,{key:`group-${a.headingLabel}-heading`},a.headingLabel)),i.forEach(((e,r)=>{"singleButton"===e.type?n.push(c.default.createElement(Fe,{key:`group-${e.headingLabel}-${e.label||r}`,prepend:C(e.icon,e.dynamicIconColor),disabled:Pv(e,o,t),onClick:()=>{e.onClick(o),t?x(!1):b(!1)}},e.label)):"groupButton"===e.type&&e.items.forEach(((e,i)=>{n.push(c.default.createElement(Fe,{key:Fv(e,`group-${a.headingLabel}-group`,r,i),prepend:C(e.icon,e.dynamicIconColor),disabled:Pv(e,o,t),onClick:()=>{e.onClick(o),t?x(!1):b(!1)}},e.label))}))}))}})),n}),[o,b,x,C]);let k=null;if(n)k=n({isSmallLayout:r,checkedRows:o});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(Ix,null,e.length>0&&c.default.createElement(Pi,null,c.default.createElement(Bi,{open:g,trigger:c.default.createElement(kx,{type:"button",disabled:0===o.length},c.default.createElement("span",{style:{color:0===o.length?"inherit":u.palette.primary.base,fontWeight:700}},0===o.length?"-":o.length),"件を操作",c.default.createElement(D,{name:"arrow_down",size:"sm-md",color:"currentColor"})),width:200,onOpenChange:b},I(e))),n.length>0&&c.default.createElement(Pi,null,c.default.createElement(Bi,{open:v,trigger:c.default.createElement(ml,{type:"button",color:"secondaryLight",size:"small",icon:c.default.createElement(D,{name:"more_vert",color:"currentColor"}),disabled:o.length>0}),width:200,onOpenChange:x},I(n,!0))));else{const{dropdownActions:t}=Bv(e),{dropdownActions:r}=Bv(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(Pi,{key:"checked-dropdown"},c.default.createElement(Bi,{open:g,trigger:c.default.createElement(ml,{type:"button",color:"secondaryLight",size:"small",icon:c.default.createElement(D,{name:"more_vert",color:"currentColor"}),disabled:0===o.length}),width:200,onOpenChange:b},t.map(((e,t)=>"singleButton"===e.type?c.default.createElement(Fe,{key:`checked-single-${e.label||t}`,prepend:C(e.icon,e.dynamicIconColor),disabled:Pv(e,o),onClick:()=>{e.onClick(o),b(!1)}},e.label):"groupButton"===e.type?e.items.map(((e,n)=>c.default.createElement(Fe,{key:Fv(e,"checked-group",t,n),prepend:C(e.icon,e.dynamicIconColor),disabled:Pv(e,o),onClick:()=>{e.onClick(o),b(!1)}},e.label))):"separator"===e.type?c.default.createElement(Yi,{key:`checked-separator-sep-${t}`}):"heading"===e.type?c.default.createElement(_i,{key:`checked-heading-${e.label||`heading${t}`}`},e.label):c.default.createElement(Yi,{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(Pi,{key:"unchecked-dropdown"},c.default.createElement(Bi,{open:v,trigger:c.default.createElement(ml,{type:"button",color:"secondaryLight",size:"small",icon:c.default.createElement(D,{name:"more_vert",color:"currentColor"}),disabled:o.length>0}),width:200,onOpenChange:x},r.map(((e,t)=>"singleButton"===e.type?c.default.createElement(Fe,{key:`unchecked-single-${e.label||t}`,prepend:C(e.icon,e.dynamicIconColor),disabled:Pv(e,o,!0),onClick:()=>{e.onClick(o),x(!1)}},e.label):"groupButton"===e.type?e.items.map(((e,n)=>c.default.createElement(Fe,{key:Fv(e,"unchecked-group",t,n),prepend:C(e.icon,e.dynamicIconColor),disabled:Pv(e,o,!0),onClick:()=>{e.onClick(o),x(!1)}},e.label))):"separator"===e.type?c.default.createElement(Yi,{key:`unchecked-separator-sep-${t}`}):"heading"===e.type?c.default.createElement(_i,{key:`unchecked-heading-${e.label||`heading${t}`}`},e.label):c.default.createElement(Yi,{key:`unchecked-divider-div-${t}`}))))))}})),e};k=c.default.createElement(Ix,null,a(),e.length>0&&n.length>0&&c.default.createElement(Ex,null),i())}}var M;return c.default.createElement(Jv,{isSmallLayout:r},c.default.createElement(yx,null,d&&c.default.createElement(c.default.Fragment,null,c.default.createElement(Uu,{checked:p||f,indeterminate:f,disabled:0===l.length,"aria-label":"すべての行を選択",onChange:w}),!r&&c.default.createElement(wx,null,c.default.createElement("span",{style:{color:u.palette.primary.base,fontWeight:700}},0===o.length?"-":o.length),"件を")),k),c.default.createElement(tx,null,y&&c.default.createElement(Mx,null),c.default.createElement(Hx,null),c.default.createElement(Pi,null,c.default.createElement(Bi,{open:m,width:316,trigger:c.default.createElement(ml,{type:"button",color:"secondaryLight",size:"small",icon:c.default.createElement(D,{name:"setting",color:"currentColor"})}),onOpenChange:h},function(e,t){return!(!t.reorder&&!t.visibility)&&e.some((e=>Hv(e,t)||Dv(e,t)))}(a,i)&&c.default.createElement($x,null),c.default.createElement(Ax,null),c.default.createElement(Lx,null)))))},Rx=({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,l=Math.max(0,n-i),o=l>.5&&!(t>=l-1);r((e=>e===o?e:o))}),[]);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(zv.Provider,{value:{showStickyRightEdgeDecoration:n}},c.default.createElement(Xv,{ref:a},c.default.createElement("table",null,t)))},Nx=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],l=!isNaN(Number(i))&&" "!==i;l===r&&" "!==i&&a!==e.length||(t.push({start:n,end:a-1,value:e.slice(n,a),editable:r}),n=a,r=l)}return t},zx=e=>e.map((e=>e.value)).join(""),Tx=(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"},Zx=(e,t,n,r)=>{if(0===t){const t=parseInt(e);return"month"===n?t>=2:"day"===n&&t>=4}return t+1===r},Bx={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"},Px=["Numpad0","Numpad1","Numpad2","Numpad3","Numpad4","Numpad5","Numpad6","Numpad7","Numpad8","Numpad9"],_x=Object.keys(Bx).filter((e=>!isNaN(Number(e)))),Gx=Object.values(Bx),Fx=e=>Px.includes(e),Yx=e=>{const t=e.match(/Numpad(\d)/);return t?t[1]:null},jx=/(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|YYYY|YY?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g,Wx=/\d\d/,Xx=/-?\d\d?/,Jx=/\d*[^-_:/,()\s\d]+/;let Ux={},Qx=function(e){return(e=+e)+(e>68?1900:2e3)};const qx=function(e){return function(t){this[e]=+t}},Kx=[/[+-]\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)}],ey=e=>{const t=Ux[e];return t&&(t.indexOf?t:t.s.concat(t.f))},ty=(e,t)=>{let n;const{meridiem:r}=Ux;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},ny={A:[Jx,function(e){this.afternoon=ty(e,!1)}],a:[Jx,function(e){this.afternoon=ty(e,!0)}],S:[/\d/,function(e){this.milliseconds=100*+e}],SS:[Wx,function(e){this.milliseconds=10*+e}],SSS:[/\d{3}/,function(e){this.milliseconds=+e}],s:[Xx,qx("seconds")],ss:[Xx,qx("seconds")],m:[Xx,qx("minutes")],mm:[Xx,qx("minutes")],H:[Xx,qx("hours")],h:[Xx,qx("hours")],HH:[Xx,qx("hours")],hh:[Xx,qx("hours")],D:[Xx,qx("day")],DD:[Wx,qx("day")],Do:[Jx,function(e){const{ordinal:t}=Ux;if([this.day]=e.match(/\d+/),t)for(let n=1;n<=31;n+=1)t(n).replace(/\[|\]/g,"")===e&&(this.day=n)}],M:[Xx,qx("month")],MM:[Wx,qx("month")],MMM:[Jx,function(e){const t=ey("months"),n=(ey("monthsShort")||t.map((e=>e.slice(0,3)))).indexOf(e)+1;if(n<1)throw new Error;this.month=n%12||n}],MMMM:[Jx,function(e){const t=ey("months").indexOf(e)+1;if(t<1)throw new Error;this.month=t%12||t}],Y:[/[+-]?\d+/,qx("year")],YY:[Wx,function(e){this.year=Qx(e)}],YYYY:[/\d{4}/,qx("year")],Z:Kx,ZZ:Kx};const ry=(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(jx),{length:n}=t;for(let e=0;e<n;e+=1){const n=t[e],r=ny[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,l=e.slice(i),o=t.exec(l)[0];a.call(r,o),e=e.replace(o,"")}}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:l,hours:o,minutes:s,seconds:c,milliseconds:d,zone:u}=r(e),p=new Date,f=a||p.getFullYear(),m=i-1,h=o||0,g=s||0,b=c||0,v=d||0;return u?new Date(Date.UTC(f,m,l,h,g,b,v+60*u.offset*1e3)):n?new Date(Date.UTC(f,m,l,h,g,b,v)):new Date(f,m,l,h,g,b,v)}catch(e){return new Date("")}};var ay=(e,t,n)=>{n.p.customParseFormat=!0,e&&e.parseTwoDigitYear&&({parseTwoDigitYear:Qx}=e);const r=t.prototype,a=r.parse;r.parse=function(e){const{date:t,utc:r,args:i}=e;this.$u=r;const l=i[1];if("string"==typeof l){const e=!0===i[2],a=!0===i[3],o=e||a;let s=i[2];a&&([,,s]=i),Ux=this.$locale(),!e&&s&&(Ux=n.Ls[s]),this.$d=ry(t,l,r),this.init(),s&&!0!==s&&(this.$L=this.locale(s).$L),o&&t!=this.format(l)&&(this.$d=new Date("")),Ux={}}else if(l instanceof Array){const e=l.length;for(let t=1;t<=e;t+=1){i[1]=l[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 iy=({date:t,format:n="YYYY-MM-DD",onDateChange:r})=>{Ji.extend(ay);const a=e.useRef(null),[i,l]=e.useState(null==t?void 0:t.format(n)),[o,s]=e.useState(Nx(i)),[c,d]=e.useState({start:0,end:o.length-1,current:0}),[u,p]=e.useState(0),f=e.useCallback((()=>{setTimeout((()=>{var e,t,n;if(0===o.length)return;const r=null!==(t=null===(e=a.current)||void 0===e?void 0:e.selectionStart)&&void 0!==t?t:0,i=o[o.length-1].end+1,l=r>=i?i:r,s=o.findIndex((e=>l>=e.start&&l<=e.end+1));-1!==s&&(d((e=>o[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(o[s].start,o[s].end+1))}))}),[o]),m=e.useCallback((()=>{}),[]),h=e.useCallback((()=>{d((e=>Object.assign(Object.assign({},e),{current:0}))),p(0)}),[]),g=e.useCallback((e=>{if(0===o.length)return;const t=Fx(e.code),a=t?Yx(e.code):null;if(!Gx.includes(e.key)&&!t)return;if(e.key===Bx.ArrowLeft||e.key===Bx.ArrowRight){e.preventDefault();const t=e=>{const t=c.current;if(e===Bx.ArrowLeft){for(let e=t-1;e>=0;e--)if(o[e].editable)return e-t}else if(e===Bx.ArrowRight)for(let e=t+1;e<o.length;e++)if(o[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===Bx.ArrowUp||e.key===Bx.ArrowDown){e.preventDefault();const t=e.key===Bx.ArrowUp?1:-1,a=Number(o[c.current].value)+t,i=String(a).padStart(o[c.current].value.length,"0"),d=[...o];d[c.current].value=i,s(d);const u=zx(d),p=Ji(u,n);l(p.format(n)),p.isValid()&&r&&r(p)}const i=t?a:e.key;if((_x.includes(e.key)||t)&&i){e.preventDefault(),0===u&&(o[c.current].value="".padStart(o[c.current].value.length,"0"));const t=`${o[c.current].value.slice(1)}${i}`,a=[...o];a[c.current].value=t,s(a),p(u+1);const f=Tx(o[c.current].value.length,n,c.current);if(Zx(i,u,f,o[c.current].value.length)){p(0);for(let e=c.current+1;e<o.length;e++)if(o[e].editable){d((t=>Object.assign(Object.assign({},t),{current:e})));break}const e=zx(o),t=Ji(e,n);l(t.format(n)),r&&r(t)}else{const e=zx(o);if(!Ji(e,n,!0).isValid())return void l(e);const t=Ji(e,n);l(t.format(n)),r&&r(t)}}}),[o,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 l=t.match(/(\d{4})[-/年](\d{1,2})[-/月](\d{1,2})/);if(l){const e=parseInt(l[1],10),t=parseInt(l[2],10),n=parseInt(l[3],10);if(!(e>=1900&&e<=2100&&t>=1&&t<=12&&n>=1&&n<=31))return;if(n>Ji(`${e}-${t}-01`).daysInMonth())return}let o=null;const s=Ji(t);if(s.isValid())o=s;else for(const e of i){const n=Ji(t,e,!0);if(n.isValid()){o=n;break}}if(!o||!o.isValid())return;const c=o.year(),d=o.month()+1,u=o.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(o)}}),[n,r]);return e.useEffect((()=>{var e;if(0===o.length)return;const t=o[c.current];t&&(null===(e=a.current)||void 0===e||e.setSelectionRange(t.start,t.end+1))}),[c,o]),e.useEffect((()=>{l(null==t?void 0:t.format(n)),s(Nx(null==t?void 0:t.format(n)))}),[t,n]),{ref:a,value:i,onFocus:m,onBlur:h,onKeyDown:g,onMouseDown:b,onPaste:v}},ly=e=>[...e.split("")].reduce(((e,t)=>{const n=t.charCodeAt(0);return e+(n>=12288&&n<=65376?2:1)}),0),oy=e.forwardRef((function(t,n){var{error:r=!1,errorText:a,format:i="YYYY-MM-DD",disabled:l=!1,size:o="medium",variant:s="light",width:d,append:u,onAppendClick:f}=t,m=p(t,["error","errorText","format","disabled","size","variant","width","append","onAppendClick"]);te("DateField","DateField は非推奨です。代わりに DateField2 を使用してください。");const h=iy(Object.assign({format:i},m)),{ref:g}=h,b=p(h,["ref"]),v=Ns(n,g),x=e.useMemo((()=>9*ly(i)*(parseInt(gi[o].fontSize)/13)+"px"),[i,o]),y=null!=d?d:x;return c.default.createElement(c.default.Fragment,null,c.default.createElement(Mi,Object.assign({ref:v,readOnly:!0,error:r||!!a,disabled:l,size:o,variant:s,width:y,append:u,onAppendClick:f},b)),a&&c.default.createElement(tl,{pt:1},c.default.createElement(sc,null,a)))}));var sy=e.memo(oy);const cy=d.default.div`
|
|
2717
|
+
`,Ax=()=>{const{columns:t,setColumns:n,isSmallLayout:r}=e.useContext(Nv),[a,i]=e.useState(!1),[l,o]=e.useState(t.map((e=>e.filtered||!1))),s=e.useMemo((()=>t.filter((e=>e.filtered)).length),[t]),d=e.useCallback((()=>{o(t.map((e=>e.filtered||!1)))}),[t]),u=e.useCallback(((e,t)=>{o((n=>n.map(((n,r)=>e===r?t:n))))}),[o]),p=e.useCallback((()=>{d(),i(!1)}),[d]),f=e.useCallback((()=>{const e=structuredClone(t).map(((e,t)=>Object.assign(Object.assign({},e),{filtered:l[t]})));n(e),i(!1)}),[t,n,l]),m=e.useCallback((e=>{i(e),e||d()}),[i,d]);return e.useEffect((()=>d()),[t,d]),c.default.createElement(Pi,null,c.default.createElement(Bi,{width:360,trigger:c.default.createElement(tx,{type:"button",disabled:0===s},c.default.createElement(D,{name:"filter",color:"currentColor"}),r?s:`${s}列に適用中`),open:a,onOpenChange:m},c.default.createElement(_i,null,"フィルタが適用されている列"),t.map(((e,t)=>!0===e.filtered?c.default.createElement(Ja,{key:e.id,checked:l[t],onChange:e=>u(t,e)},e.label):null)),c.default.createElement(Fi,{prepend:c.default.createElement(D,{name:"question"})},"リセットしたいフィルタのボタンをオフにしてください"),c.default.createElement(Yi,null),c.default.createElement(ji,null,c.default.createElement(ml,{type:"button",size:"small",color:"clear",onClick:p},"キャンセル"),c.default.createElement(ml,{type:"button",size:"small",onClick:f},"適用"))))},Sx=()=>{const{columns:t,setColumns:n,columnEditFeatures:r}=e.useContext(Nv),a=e.useMemo((()=>[...t].sort(((e,t)=>e.order-t.order))),[t]),i=e.useMemo((()=>a.map((e=>e.id))),[a]),l=e.useMemo((()=>a.filter((e=>Hv(e,r))).map((e=>e.id))),[a,r]),o=e.useCallback((e=>{r.reorder&&n(Rv(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=Hv(e,r),n=Dv(e,r),a=d(e.id,n),i=c.default.createElement(Ja,{disabled:!n,checked:e.visible,onChange:a},e.label);return t?c.default.createElement(ui,{key:e.id,id:e.id},i):c.default.createElement(hi,{key:e.id,id:e.id},i)})(e)));return c.default.createElement(Bi,{width:328,trigger:c.default.createElement(ei,null,"カラムを編集")},r.reorder&&l.length>0?c.default.createElement(oi,{order:l,displayOrder:i,onOrderChange:o},f):f,c.default.createElement(Fi,{prepend:c.default.createElement(D,{name:"question"})},u))},Lx=()=>{const{pageSize:t,pageSizeOptions:n,setPageSize:r}=e.useContext(Nv);return c.default.createElement(Bi,{width:136,trigger:c.default.createElement(ei,{append:t},"件数を変更")},n.map((e=>c.default.createElement(_a,{key:e,closeOnChange:!0,checked:t===e,onChange:()=>r(e)},e,"件"))))},Vx=[{value:-2,label:"より狭くする"},{value:-1,label:"狭くする"},{value:0,label:"標準"},{value:1,label:"広くする"},{value:2,label:"より広くする"}],Ox=()=>{const{rowSpacing:t,setRowSpacing:n}=e.useContext(Nv),r=e.useMemo((()=>{var e;return(null===(e=Vx.find((e=>e.value===t)))||void 0===e?void 0:e.label)||"標準"}),[t]);return c.default.createElement(Bi,{width:168,trigger:c.default.createElement(ei,{append:r},"表示密度を変更")},Vx.map((({value:e,label:r})=>c.default.createElement(_a,{key:e,closeOnChange:!0,checked:t===e,onChange:()=>(e=>{n(e)})(e)},r))))},Hx="small",Dx="secondaryLight",Rx=()=>{const{isSmallLayout:t,totalCount:n,currentPage:r,pageSize:a,pageSizeOptions:i,setCurrentPage:l,setPageSize:o}=e.useContext(Nv),s=e.useCallback((e=>{l(0),o(e)}),[l,o]),d=e.useMemo((()=>Math.ceil(n/a)-1),[n,a]),u=Math.min(r*a+1,n),p=Math.min((r+1)*a,n);return e.useEffect((()=>{r>d&&l(d)}),[r,d,l]),c.default.createElement(Sd,{minSize:"fit-content"},c.default.createElement(ml,{inline:!0,type:"button","aria-label":"前のページへ",size:Hx,color:Dx,disabled:0===r||0===n,icon:c.default.createElement(D,{name:"arrow_left",size:"md",color:"currentColor"}),onClick:()=>l(Math.max(r-1,0))}),!t&&c.default.createElement(Pi,null,c.default.createElement(Bi,{width:296,trigger:c.default.createElement(ml,{inline:!0,type:"button",size:Hx,color:Dx},c.default.createElement(Qv,null,0===n?c.default.createElement(c.default.Fragment,null,c.default.createElement(qv,null,"0"),c.default.createElement(Kv,null," / "),c.default.createElement(qv,null,"0")):c.default.createElement(c.default.Fragment,null,c.default.createElement(qv,null,Bv(u)),c.default.createElement(Kv,null,"-"),c.default.createElement(qv,null,Bv(p)),c.default.createElement(Kv,null,"/"),c.default.createElement(qv,null,Bv(n))),c.default.createElement(ex,null,c.default.createElement(D,{name:"arrow_down",size:"sm-md",color:"currentColor"}))))},c.default.createElement(_i,null,"表示件数を変更"),i.map((e=>c.default.createElement(_a,{key:e,checked:a===e,onChange:()=>s(e)},e))))),c.default.createElement(ml,{inline:!0,type:"button","aria-label":"次のページへ",size:Hx,color:Dx,disabled:r===d||0===n,icon:c.default.createElement(D,{name:"arrow_right",size:"md",color:"currentColor"}),onClick:()=>l(Math.min(r+1,d))}))},Nx=({tableActions:t,customTableActionArea:n})=>{const{isSmallLayout:r,columns:a,columnEditFeatures:i,rowIds:l,checkedRows:o,setCheckedRows:s,hasRowControls:d}=e.useContext(Nv),u=S(),p=e.useMemo((()=>l.length>0&&o.length===l.length),[o,l]),f=e.useMemo((()=>0!==o.length&&o.length!==l.length),[o,l]),[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?[]:l)}),[p,l,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,o.length>0,u)),[o.length,u]),E=e.useCallback(((e,t,n)=>{var r;return"singleButton"===e.type?c.default.createElement(ml,{key:Gv(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:_v(e,o),onClick:()=>e.onClick(o)},e.label):"groupButton"===e.type?c.default.createElement(Od,{key:Gv(e,t),size:"small"},e.items.map(((e,n)=>{var r;return c.default.createElement(ml,{key:Fv(e,t,n),icon:C(e.icon,e.dynamicIconColor),color:null!==(r=e.color)&&void 0!==r?r:"secondaryLight",style:e.style,disabled:_v(e,o),onClick:()=>e.onClick(o)},e.label)}))):"separator"===e.type?c.default.createElement(kx,{key:Gv(e,t)}):"heading"===e.type?c.default.createElement("span",{key:Gv(e,t),style:{padding:"8px",fontSize:"14px",fontWeight:"bold"}},e.label):c.default.createElement(kx,{key:Gv(e,t)})}),[o,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(Yi,{key:`separator-${i}`})):"heading"===a.type?n.push(c.default.createElement(_i,{key:`heading-${a.label||i}`},a.label)):"divider"===a.type&&n.push(c.default.createElement(Yi,{key:`divider-${i}`})):"singleButton"===a.type?n.push(c.default.createElement(Fe,{key:`single-${a.label||i}`,prepend:C(a.icon,a.dynamicIconColor),disabled:_v(a,o,t),onClick:()=>{a.onClick(o),t?x(!1):b(!1)}},a.label)):"groupButton"===a.type&&a.items.forEach(((e,r)=>{n.push(c.default.createElement(Fe,{key:Yv(e,"mobile-group",i,r),prepend:C(e.icon,e.dynamicIconColor),disabled:_v(e,o,t),onClick:()=>{e.onClick(o),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(_i,{key:`group-${a.headingLabel}-heading`},a.headingLabel)),i.forEach(((e,r)=>{"singleButton"===e.type?n.push(c.default.createElement(Fe,{key:`group-${e.headingLabel}-${e.label||r}`,prepend:C(e.icon,e.dynamicIconColor),disabled:_v(e,o,t),onClick:()=>{e.onClick(o),t?x(!1):b(!1)}},e.label)):"groupButton"===e.type&&e.items.forEach(((e,i)=>{n.push(c.default.createElement(Fe,{key:Yv(e,`group-${a.headingLabel}-group`,r,i),prepend:C(e.icon,e.dynamicIconColor),disabled:_v(e,o,t),onClick:()=>{e.onClick(o),t?x(!1):b(!1)}},e.label))}))}))}})),n}),[o,b,x,C]);let k=null;if(n)k=n({isSmallLayout:r,checkedRows:o});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(Mx,null,e.length>0&&c.default.createElement(Pi,null,c.default.createElement(Bi,{open:g,trigger:c.default.createElement($x,{type:"button",disabled:0===o.length},c.default.createElement("span",{style:{color:0===o.length?"inherit":u.palette.primary.base,fontWeight:700}},0===o.length?"-":o.length),"件を操作",c.default.createElement(D,{name:"arrow_down",size:"sm-md",color:"currentColor"})),width:200,onOpenChange:b},I(e))),n.length>0&&c.default.createElement(Pi,null,c.default.createElement(Bi,{open:v,trigger:c.default.createElement(ml,{type:"button",color:"secondaryLight",size:"small",icon:c.default.createElement(D,{name:"more_vert",color:"currentColor"}),disabled:o.length>0}),width:200,onOpenChange:x},I(n,!0))));else{const{dropdownActions:t}=Pv(e),{dropdownActions:r}=Pv(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(Pi,{key:"checked-dropdown"},c.default.createElement(Bi,{open:g,trigger:c.default.createElement(ml,{type:"button",color:"secondaryLight",size:"small",icon:c.default.createElement(D,{name:"more_vert",color:"currentColor"}),disabled:0===o.length}),width:200,onOpenChange:b},t.map(((e,t)=>"singleButton"===e.type?c.default.createElement(Fe,{key:`checked-single-${e.label||t}`,prepend:C(e.icon,e.dynamicIconColor),disabled:_v(e,o),onClick:()=>{e.onClick(o),b(!1)}},e.label):"groupButton"===e.type?e.items.map(((e,n)=>c.default.createElement(Fe,{key:Yv(e,"checked-group",t,n),prepend:C(e.icon,e.dynamicIconColor),disabled:_v(e,o),onClick:()=>{e.onClick(o),b(!1)}},e.label))):"separator"===e.type?c.default.createElement(Yi,{key:`checked-separator-sep-${t}`}):"heading"===e.type?c.default.createElement(_i,{key:`checked-heading-${e.label||`heading${t}`}`},e.label):c.default.createElement(Yi,{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(Pi,{key:"unchecked-dropdown"},c.default.createElement(Bi,{open:v,trigger:c.default.createElement(ml,{type:"button",color:"secondaryLight",size:"small",icon:c.default.createElement(D,{name:"more_vert",color:"currentColor"}),disabled:o.length>0}),width:200,onOpenChange:x},r.map(((e,t)=>"singleButton"===e.type?c.default.createElement(Fe,{key:`unchecked-single-${e.label||t}`,prepend:C(e.icon,e.dynamicIconColor),disabled:_v(e,o,!0),onClick:()=>{e.onClick(o),x(!1)}},e.label):"groupButton"===e.type?e.items.map(((e,n)=>c.default.createElement(Fe,{key:Yv(e,"unchecked-group",t,n),prepend:C(e.icon,e.dynamicIconColor),disabled:_v(e,o,!0),onClick:()=>{e.onClick(o),x(!1)}},e.label))):"separator"===e.type?c.default.createElement(Yi,{key:`unchecked-separator-sep-${t}`}):"heading"===e.type?c.default.createElement(_i,{key:`unchecked-heading-${e.label||`heading${t}`}`},e.label):c.default.createElement(Yi,{key:`unchecked-divider-div-${t}`}))))))}})),e};k=c.default.createElement(Mx,null,a(),e.length>0&&n.length>0&&c.default.createElement(kx,null),i())}}var M;return c.default.createElement(Uv,{isSmallLayout:r},c.default.createElement(Cx,null,d&&c.default.createElement(c.default.Fragment,null,c.default.createElement(Uu,{checked:p||f,indeterminate:f,disabled:0===l.length,"aria-label":"すべての行を選択",onChange:w}),!r&&c.default.createElement(Ex,null,c.default.createElement("span",{style:{color:u.palette.primary.base,fontWeight:700}},0===o.length?"-":o.length),"件を")),k),c.default.createElement(nx,null,y&&c.default.createElement(Ax,null),c.default.createElement(Rx,null),c.default.createElement(Pi,null,c.default.createElement(Bi,{open:m,width:316,trigger:c.default.createElement(ml,{type:"button",color:"secondaryLight",size:"small",icon:c.default.createElement(D,{name:"setting",color:"currentColor"})}),onOpenChange:h},function(e,t){return!(!t.reorder&&!t.visibility)&&e.some((e=>Hv(e,t)||Dv(e,t)))}(a,i)&&c.default.createElement(Sx,null),c.default.createElement(Lx,null),c.default.createElement(Ox,null)))))},zx=({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,l=Math.max(0,n-i),o=l>.5&&!(t>=l-1);r((e=>e===o?e:o))}),[]);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(zv.Provider,{value:{showStickyRightEdgeDecoration:n}},c.default.createElement(Jv,{ref:a},c.default.createElement("table",null,t)))},Tx=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],l=!isNaN(Number(i))&&" "!==i;l===r&&" "!==i&&a!==e.length||(t.push({start:n,end:a-1,value:e.slice(n,a),editable:r}),n=a,r=l)}return t},Zx=e=>e.map((e=>e.value)).join(""),Bx=(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"},Px=(e,t,n,r)=>{if(0===t){const t=parseInt(e);return"month"===n?t>=2:"day"===n&&t>=4}return t+1===r},_x={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"},Gx=["Numpad0","Numpad1","Numpad2","Numpad3","Numpad4","Numpad5","Numpad6","Numpad7","Numpad8","Numpad9"],Fx=Object.keys(_x).filter((e=>!isNaN(Number(e)))),Yx=Object.values(_x),jx=e=>Gx.includes(e),Wx=e=>{const t=e.match(/Numpad(\d)/);return t?t[1]:null},Xx=/(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|YYYY|YY?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g,Jx=/\d\d/,Ux=/-?\d\d?/,Qx=/\d*[^-_:/,()\s\d]+/;let qx={},Kx=function(e){return(e=+e)+(e>68?1900:2e3)};const ey=function(e){return function(t){this[e]=+t}},ty=[/[+-]\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)}],ny=e=>{const t=qx[e];return t&&(t.indexOf?t:t.s.concat(t.f))},ry=(e,t)=>{let n;const{meridiem:r}=qx;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},ay={A:[Qx,function(e){this.afternoon=ry(e,!1)}],a:[Qx,function(e){this.afternoon=ry(e,!0)}],S:[/\d/,function(e){this.milliseconds=100*+e}],SS:[Jx,function(e){this.milliseconds=10*+e}],SSS:[/\d{3}/,function(e){this.milliseconds=+e}],s:[Ux,ey("seconds")],ss:[Ux,ey("seconds")],m:[Ux,ey("minutes")],mm:[Ux,ey("minutes")],H:[Ux,ey("hours")],h:[Ux,ey("hours")],HH:[Ux,ey("hours")],hh:[Ux,ey("hours")],D:[Ux,ey("day")],DD:[Jx,ey("day")],Do:[Qx,function(e){const{ordinal:t}=qx;if([this.day]=e.match(/\d+/),t)for(let n=1;n<=31;n+=1)t(n).replace(/\[|\]/g,"")===e&&(this.day=n)}],M:[Ux,ey("month")],MM:[Jx,ey("month")],MMM:[Qx,function(e){const t=ny("months"),n=(ny("monthsShort")||t.map((e=>e.slice(0,3)))).indexOf(e)+1;if(n<1)throw new Error;this.month=n%12||n}],MMMM:[Qx,function(e){const t=ny("months").indexOf(e)+1;if(t<1)throw new Error;this.month=t%12||t}],Y:[/[+-]?\d+/,ey("year")],YY:[Jx,function(e){this.year=Kx(e)}],YYYY:[/\d{4}/,ey("year")],Z:ty,ZZ:ty};const iy=(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(Xx),{length:n}=t;for(let e=0;e<n;e+=1){const n=t[e],r=ay[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,l=e.slice(i),o=t.exec(l)[0];a.call(r,o),e=e.replace(o,"")}}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:l,hours:o,minutes:s,seconds:c,milliseconds:d,zone:u}=r(e),p=new Date,f=a||p.getFullYear(),m=i-1,h=o||0,g=s||0,b=c||0,v=d||0;return u?new Date(Date.UTC(f,m,l,h,g,b,v+60*u.offset*1e3)):n?new Date(Date.UTC(f,m,l,h,g,b,v)):new Date(f,m,l,h,g,b,v)}catch(e){return new Date("")}};var ly=(e,t,n)=>{n.p.customParseFormat=!0,e&&e.parseTwoDigitYear&&({parseTwoDigitYear:Kx}=e);const r=t.prototype,a=r.parse;r.parse=function(e){const{date:t,utc:r,args:i}=e;this.$u=r;const l=i[1];if("string"==typeof l){const e=!0===i[2],a=!0===i[3],o=e||a;let s=i[2];a&&([,,s]=i),qx=this.$locale(),!e&&s&&(qx=n.Ls[s]),this.$d=iy(t,l,r),this.init(),s&&!0!==s&&(this.$L=this.locale(s).$L),o&&t!=this.format(l)&&(this.$d=new Date("")),qx={}}else if(l instanceof Array){const e=l.length;for(let t=1;t<=e;t+=1){i[1]=l[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 oy=({date:t,format:n="YYYY-MM-DD",onDateChange:r})=>{Ji.extend(ly);const a=e.useRef(null),[i,l]=e.useState(null==t?void 0:t.format(n)),[o,s]=e.useState(Tx(i)),[c,d]=e.useState({start:0,end:o.length-1,current:0}),[u,p]=e.useState(0),f=e.useCallback((()=>{setTimeout((()=>{var e,t,n;if(0===o.length)return;const r=null!==(t=null===(e=a.current)||void 0===e?void 0:e.selectionStart)&&void 0!==t?t:0,i=o[o.length-1].end+1,l=r>=i?i:r,s=o.findIndex((e=>l>=e.start&&l<=e.end+1));-1!==s&&(d((e=>o[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(o[s].start,o[s].end+1))}))}),[o]),m=e.useCallback((()=>{}),[]),h=e.useCallback((()=>{d((e=>Object.assign(Object.assign({},e),{current:0}))),p(0)}),[]),g=e.useCallback((e=>{if(0===o.length)return;const t=jx(e.code),a=t?Wx(e.code):null;if(!Yx.includes(e.key)&&!t)return;if(e.key===_x.ArrowLeft||e.key===_x.ArrowRight){e.preventDefault();const t=e=>{const t=c.current;if(e===_x.ArrowLeft){for(let e=t-1;e>=0;e--)if(o[e].editable)return e-t}else if(e===_x.ArrowRight)for(let e=t+1;e<o.length;e++)if(o[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===_x.ArrowUp||e.key===_x.ArrowDown){e.preventDefault();const t=e.key===_x.ArrowUp?1:-1,a=Number(o[c.current].value)+t,i=String(a).padStart(o[c.current].value.length,"0"),d=[...o];d[c.current].value=i,s(d);const u=Zx(d),p=Ji(u,n);l(p.format(n)),p.isValid()&&r&&r(p)}const i=t?a:e.key;if((Fx.includes(e.key)||t)&&i){e.preventDefault(),0===u&&(o[c.current].value="".padStart(o[c.current].value.length,"0"));const t=`${o[c.current].value.slice(1)}${i}`,a=[...o];a[c.current].value=t,s(a),p(u+1);const f=Bx(o[c.current].value.length,n,c.current);if(Px(i,u,f,o[c.current].value.length)){p(0);for(let e=c.current+1;e<o.length;e++)if(o[e].editable){d((t=>Object.assign(Object.assign({},t),{current:e})));break}const e=Zx(o),t=Ji(e,n);l(t.format(n)),r&&r(t)}else{const e=Zx(o);if(!Ji(e,n,!0).isValid())return void l(e);const t=Ji(e,n);l(t.format(n)),r&&r(t)}}}),[o,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 l=t.match(/(\d{4})[-/年](\d{1,2})[-/月](\d{1,2})/);if(l){const e=parseInt(l[1],10),t=parseInt(l[2],10),n=parseInt(l[3],10);if(!(e>=1900&&e<=2100&&t>=1&&t<=12&&n>=1&&n<=31))return;if(n>Ji(`${e}-${t}-01`).daysInMonth())return}let o=null;const s=Ji(t);if(s.isValid())o=s;else for(const e of i){const n=Ji(t,e,!0);if(n.isValid()){o=n;break}}if(!o||!o.isValid())return;const c=o.year(),d=o.month()+1,u=o.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(o)}}),[n,r]);return e.useEffect((()=>{var e;if(0===o.length)return;const t=o[c.current];t&&(null===(e=a.current)||void 0===e||e.setSelectionRange(t.start,t.end+1))}),[c,o]),e.useEffect((()=>{l(null==t?void 0:t.format(n)),s(Tx(null==t?void 0:t.format(n)))}),[t,n]),{ref:a,value:i,onFocus:m,onBlur:h,onKeyDown:g,onMouseDown:b,onPaste:v}},sy=e=>[...e.split("")].reduce(((e,t)=>{const n=t.charCodeAt(0);return e+(n>=12288&&n<=65376?2:1)}),0),cy=e.forwardRef((function(t,n){var{error:r=!1,errorText:a,format:i="YYYY-MM-DD",disabled:l=!1,size:o="medium",variant:s="light",width:d,append:u,onAppendClick:f}=t,m=p(t,["error","errorText","format","disabled","size","variant","width","append","onAppendClick"]);te("DateField","DateField は非推奨です。代わりに DateField2 を使用してください。");const h=oy(Object.assign({format:i},m)),{ref:g}=h,b=p(h,["ref"]),v=Ns(n,g),x=e.useMemo((()=>9*sy(i)*(parseInt(gi[o].fontSize)/13)+"px"),[i,o]),y=null!=d?d:x;return c.default.createElement(c.default.Fragment,null,c.default.createElement(Mi,Object.assign({ref:v,readOnly:!0,error:r||!!a,disabled:l,size:o,variant:s,width:y,append:u,onAppendClick:f},b)),a&&c.default.createElement(tl,{pt:1},c.default.createElement(sc,null,a)))}));var dy=e.memo(cy);const uy=d.default.div`
|
|
2720
2718
|
display: flex;
|
|
2721
2719
|
align-items: center;
|
|
2722
2720
|
width: fit-content;
|
|
@@ -2763,9 +2761,9 @@ object-assign
|
|
|
2763
2761
|
box-shadow: none !important;
|
|
2764
2762
|
}
|
|
2765
2763
|
}
|
|
2766
|
-
`,
|
|
2764
|
+
`,py=d.default.span`
|
|
2767
2765
|
${C}
|
|
2768
|
-
`,
|
|
2766
|
+
`,fy=e.forwardRef((function(t,n){var{format:r="YYYY-MM-DD",error:a=!1,errorText:i,disabled:l=!1,size:o="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"]);te("DateRangeField","DateRangeField は非推奨です。代わりに DateRangeField2 を使用してください。");const g=e.useMemo((()=>9*sy(r)*(parseInt(gi[o].fontSize)/13)+"px"),[r,o]),b=e.useMemo((()=>`${9*sy(r)*(parseInt(gi[o].fontSize)/13)+(f?32:0)}px`),[r,o,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===Mu?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=oy(Object.assign(Object.assign({},h),{format:r,date:h.date.startDate,onDateChange:y(Mu)})),{ref:C}=w,E=p(w,["ref"]),I=oy(Object.assign(Object.assign({},h),{format:r,date:h.date.endDate,onDateChange:y($u)})),{ref:k}=I,M=p(I,["ref"]),$=Ns(n,C),A=Ns(n,k);return c.default.createElement(c.default.Fragment,null,c.default.createElement(uy,{error:a||!!i,disabled:l,$size:o,$variant:s},c.default.createElement(Mi,Object.assign({ref:$,readOnly:!0,disabled:l,width:v,size:o,variant:s,error:a||!!i,style:{border:"none",background:"transparent",textAlign:"center",boxShadow:"none"}},E)),c.default.createElement(py,null,"-"),c.default.createElement(Mi,Object.assign({ref:A,readOnly:!0,disabled:l,width:x,size:o,variant:s,error:a||!!i,style:{border:"none",background:"transparent",textAlign:"center",boxShadow:"none"},append:f,onAppendClick:m},M))),i&&c.default.createElement(tl,{pt:1},c.default.createElement(sc,null,i)))}));var my=e.memo(fy);const hy=({date:t,format:n="YYYY-MM-DD",disabled:r=!1,onDateChange:a})=>{var i;Ji.extend(ly);const[l,o]=e.useState(null!==(i=null==t?void 0:t.format(n))&&void 0!==i?i:""),[s,c]=e.useState(Tx(l)),[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:"";o(r),c(Tx(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 l=r.value;0===i&&(l="".padStart(r.value.length,"0"));const d=`${l.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=Bx(r.value.length,n,h);if(Px(e,i,g,r.value.length)){const e=Zx(u);if(!Ji(e,n,!0).isValid())return void o(e);f.current=0;const r=y(t,1);null!==r&&x(r);const i=Ji(e,n,!0),l=i.format(n);o(l),c(Tx(l)),null==a||a(i)}else{const e=Zx(u);if(!Ji(e,n,!0).isValid())return void o(e);const t=Ji(e,n);o(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===_x.ArrowUp||t.key===_x.ArrowDown){t.preventDefault();const r=t.key===_x.ArrowUp?1:-1,i=Number(s[e].value)+r,l=String(i).padStart(s[e].value.length,"0"),d=[...s];d[e]=Object.assign(Object.assign({},d[e]),{value:l}),c(d);const u=Zx(d),p=Ji(u,n),f=p.format(n);return o(f),c(Tx(f)),void(p.isValid()&&(null==a||a(p)))}if(t.key===_x.Backspace||t.key===_x.Delete){t.preventDefault(),t.stopPropagation();const n=t.key===_x.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 o(Zx(i))}if(jx(t.code)){t.preventDefault();const e=Wx(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,l={year:"年",month:"月",day:"日",unknown:void 0}[Bx(null!==(t=null==a?void 0:a.value.length)&&void 0!==t?t:0,n,i)];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!==_x.ArrowLeft&&e.key!==_x.ArrowRight){if(e.key===_x.Tab){const n=e.shiftKey?-1:1,r=y(t,n);null!==r&&(e.preventDefault(),x(r))}}else{e.preventDefault();const n=e.key===_x.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 l=t.match(/(\d{4})[-/年](\d{1,2})[-/月](\d{1,2})/);if(l){const[,e,t,n]=l,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>Ji(`${r}-${a}-01`).daysInMonth())return}let o=null;const s=Ji(t);if(s.isValid())o=s;else for(const e of i){const n=Ji(t,e,!0);if(n.isValid()){o=n;break}}if(!(null==o?void 0:o.isValid()))return;const c=o.year(),d=o.month()+1,u=o.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(o)}}),[n,a]);return{value:l,sections:s,focusedIndex:d,isFocused:m,getSegmentProps:$,groupProps:{ref:b,onKeyDown:A,onPaste:S}}},gy=d.default.div`
|
|
2769
2767
|
position: relative;
|
|
2770
2768
|
display: inline-flex;
|
|
2771
2769
|
align-items: center;
|
|
@@ -2804,10 +2802,10 @@ object-assign
|
|
|
2804
2802
|
transition:
|
|
2805
2803
|
border-color 0.2s ease,
|
|
2806
2804
|
box-shadow 0.2s ease;
|
|
2807
|
-
`,
|
|
2805
|
+
`,by=d.default.div`
|
|
2808
2806
|
display: inline-flex;
|
|
2809
2807
|
align-items: center;
|
|
2810
|
-
`,
|
|
2808
|
+
`,vy=d.default.span`
|
|
2811
2809
|
${C}
|
|
2812
2810
|
display: inline-block;
|
|
2813
2811
|
padding: ${({$editable:e})=>e?"4px 2px":"4px 0"};
|
|
@@ -2823,13 +2821,13 @@ object-assign
|
|
|
2823
2821
|
`;d.default.span`
|
|
2824
2822
|
${C}
|
|
2825
2823
|
padding: 0 1px;
|
|
2826
|
-
`;const
|
|
2824
|
+
`;const xy=d.default.span`
|
|
2827
2825
|
display: inline-flex;
|
|
2828
2826
|
align-items: center;
|
|
2829
2827
|
margin-left: auto;
|
|
2830
2828
|
padding-left: 4px;
|
|
2831
2829
|
cursor: pointer;
|
|
2832
|
-
`,
|
|
2830
|
+
`,yy=e.forwardRef((function({date:t,error:n=!1,errorText:r,format:a="YYYY-MM-DD",name:i,disabled:l=!1,size:o="medium",variant:s="light",width:d,append:u,onAppendClick:p,onDateChange:f},m){const h=ki(),{value:g,sections:b,focusedIndex:v,isFocused:x,getSegmentProps:y,groupProps:w}=hy({date:t,format:a,disabled:l,onDateChange:f}),C=e.useCallback((e=>{e.stopPropagation(),null==p||p()}),[p]);return c.default.createElement(c.default.Fragment,null,c.default.createElement(gy,{ref:m,$disabled:l,$error:n||!!r,$focused:x,$isIOS:h,$size:o,$variant:s,$width:null!=d?d:"fit-content"},c.default.createElement(by,Object.assign({},w),b.map(((e,t)=>c.default.createElement(vy,Object.assign({key:`${e.start}-${e.end}`,$editable:e.editable,$focused:x&&v===t},y(t)),e.value)))),u&&c.default.createElement(xy,{onClick:C},u),c.default.createElement("input",{type:"hidden",name:i,value:g,disabled:l})),r&&c.default.createElement(tl,{pt:1},c.default.createElement(sc,null,r)))}));var wy=e.memo(yy);const Cy=d.default.div`
|
|
2833
2831
|
display: inline-flex;
|
|
2834
2832
|
align-items: center;
|
|
2835
2833
|
width: fit-content;
|
|
@@ -2863,10 +2861,10 @@ object-assign
|
|
|
2863
2861
|
transition:
|
|
2864
2862
|
border-color 0.2s ease,
|
|
2865
2863
|
box-shadow 0.2s ease;
|
|
2866
|
-
`,
|
|
2864
|
+
`,Ey=d.default.span`
|
|
2867
2865
|
${C}
|
|
2868
2866
|
padding: 4px 0;
|
|
2869
|
-
`,
|
|
2867
|
+
`,Iy=e.forwardRef((function({date:t,format:n="YYYY-MM-DD",error:r=!1,errorText:a,disabled:i=!1,size:l="medium",variant:o="light",startWidth:s,endWidth:d,startName:u,endName:p,append:f,onAppendClick:m,onDatesChange:h},g){const b=e.useCallback((e=>n=>{e===Mu?null==h||h({startDate:n,endDate:t.endDate}):null==h||h({startDate:t.startDate,endDate:n})}),[t,h]),v=hy({date:t.startDate,format:n,disabled:i,onDateChange:b(Mu)}),x=hy({date:t.endDate,format:n,disabled:i,onDateChange:b($u)}),y=null!=s?s:"fit-content",w=null!=d?d:"fit-content",C=r||!!a,E=ki(),I=e.useCallback((e=>{e.stopPropagation(),null==m||m()}),[m]);return c.default.createElement(c.default.Fragment,null,c.default.createElement(Cy,{ref:g,$disabled:i,$error:C,$focused:v.isFocused||x.isFocused,$isIOS:E,$size:l,$variant:o},c.default.createElement(gy,{$disabled:i,$error:!1,$focused:v.isFocused,$isIOS:E,$size:l,$variant:o,$width:y,style:{border:"none",background:"transparent",boxShadow:"none"}},c.default.createElement(by,Object.assign({},v.groupProps),v.sections.map(((e,t)=>c.default.createElement(vy,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(Ey,null,"-"),c.default.createElement(gy,{$disabled:i,$error:!1,$focused:x.isFocused,$isIOS:E,$size:l,$variant:o,$width:w,style:{border:"none",background:"transparent",boxShadow:"none"}},c.default.createElement(by,Object.assign({},x.groupProps),x.sections.map(((e,t)=>c.default.createElement(vy,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(xy,{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(tl,{pt:1},c.default.createElement(sc,null,a)))}));var ky=e.memo(Iy);const My=e.forwardRef((function(t,n){const r=Lc({props:t,name:"DateRangePicker"}),{startDate:a,endDate:i,error:l=!1,errorText:o,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:L,refs:V,strategy:O,x:H,y:R}=wa({placement:"bottom-start",open:k,onOpenChange:A,middleware:[En(10),Cn(),In({padding:20})]}),N=Ns(n,e.useRef(null)),T=xa(L),Z=La(L),{getReferenceProps:B,getFloatingProps:P}=Ea([T,Z]),_=S(),G=e.useCallback((()=>{s||A(!k)}),[s,A,k]),F=e.useCallback((()=>{M(!1)}),[]),Y=e.useCallback((()=>{const e=$.current;e&&I({startDate:e.startDate,endDate:e.endDate}),M(!1)}),[I]),j=e.useMemo((()=>c.createElement(D,{name:"date_range",color:s?_.palette.neutral.base:_.palette.text.accent})),[s,_]);return c.createElement(z,{ref:N},c.createElement("div",Object.assign({ref:V.setReference},B(),{style:{width:"fit-content"}}),c.createElement(ky,{date:{startDate:a,endDate:i},error:l,errorText:o,disabled:s,size:d,variant:u,format:b,append:j,onDatesChange:I,onAppendClick:G})),k&&c.createElement(da,null,c.createElement(fa,{context:L,modal:!1,initialFocus:-1,returnFocus:!1},c.createElement(_u,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!=R?R:0,left:null!=H?H:0,zIndex:_.depth.calendarRange,overflow:"hidden",maxWidth:"min(640px, calc(100vw - 32px))"},isOutsideRange:y,onApply:F,onCancel:Y,onDatesChange:I,onPresetButtonClick:E},P())))))}));var $y=c.memo(My);const Ay=(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)},Sy=d.default.div`
|
|
2870
2868
|
position: fixed;
|
|
2871
2869
|
top: 0;
|
|
2872
2870
|
left: 0;
|
|
@@ -2877,7 +2875,7 @@ object-assign
|
|
|
2877
2875
|
opacity: ${({shouldShow:e})=>e?1:0};
|
|
2878
2876
|
transition: opacity ${({transitionDuration:e})=>e}ms
|
|
2879
2877
|
ease-out;
|
|
2880
|
-
`,
|
|
2878
|
+
`,Ly=d.default.div`
|
|
2881
2879
|
position: fixed;
|
|
2882
2880
|
top: ${({direction:e})=>"bottom"===e?"auto":0};
|
|
2883
2881
|
bottom: ${({direction:e})=>0};
|
|
@@ -2894,7 +2892,7 @@ object-assign
|
|
|
2894
2892
|
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)};
|
|
2895
2893
|
transition: transform ${({transitionDuration:e})=>e}ms
|
|
2896
2894
|
cubic-bezier(0.23, 1, 0.32, 1);
|
|
2897
|
-
`,
|
|
2895
|
+
`,Vy=d.default.div`
|
|
2898
2896
|
position: absolute;
|
|
2899
2897
|
z-index: 10;
|
|
2900
2898
|
background-color: transparent;
|
|
@@ -2918,7 +2916,7 @@ object-assign
|
|
|
2918
2916
|
width: 32px;
|
|
2919
2917
|
}
|
|
2920
2918
|
`}
|
|
2921
|
-
`,
|
|
2919
|
+
`,Oy=d.default.div`
|
|
2922
2920
|
background: ${({theme:e,active:t})=>t?e.palette.neutral.base:e.palette.neutral.lighter};
|
|
2923
2921
|
border-radius: ${({theme:e})=>e.radius/4}px;
|
|
2924
2922
|
position: absolute;
|
|
@@ -2938,26 +2936,26 @@ object-assign
|
|
|
2938
2936
|
top: 50%;
|
|
2939
2937
|
transform: translateY(-50%);
|
|
2940
2938
|
`}
|
|
2941
|
-
`,
|
|
2939
|
+
`,Hy=d.default.div`
|
|
2942
2940
|
position: sticky;
|
|
2943
2941
|
top: 0;
|
|
2944
2942
|
background-color: ${({theme:e})=>e.palette.background.default};
|
|
2945
2943
|
z-index: 1;
|
|
2946
2944
|
border-bottom: 1px solid ${({theme:e})=>e.palette.neutral.softLight};
|
|
2947
2945
|
padding: ${({theme:e})=>2*e.spacing}px;
|
|
2948
|
-
`,
|
|
2946
|
+
`,Dy=d.default.div`
|
|
2949
2947
|
flex: 1;
|
|
2950
2948
|
overflow: auto;
|
|
2951
|
-
`,
|
|
2949
|
+
`,Ry=d.default.div`
|
|
2952
2950
|
position: sticky;
|
|
2953
2951
|
bottom: 0;
|
|
2954
2952
|
background-color: ${({theme:e})=>e.palette.background.default};
|
|
2955
2953
|
z-index: 1;
|
|
2956
2954
|
border-top: 1px solid ${({theme:e})=>e.palette.neutral.softLight};
|
|
2957
2955
|
padding: ${({theme:e})=>2*e.spacing}px;
|
|
2958
|
-
`,
|
|
2956
|
+
`,Ny={small:{arrowIconSize:16,arrowButtonPadding:"6px"},medium:{arrowIconSize:18,arrowButtonPadding:"8px"},large:{arrowIconSize:20,arrowButtonPadding:"10px"}},zy=d.default.div`
|
|
2959
2957
|
display: inline-flex;
|
|
2960
|
-
`,
|
|
2958
|
+
`,Ty=d.default(ml)`
|
|
2961
2959
|
border-top-right-radius: 0px;
|
|
2962
2960
|
border-bottom-right-radius: 0px;
|
|
2963
2961
|
border-right: 0;
|
|
@@ -2965,13 +2963,13 @@ object-assign
|
|
|
2965
2963
|
&:disabled {
|
|
2966
2964
|
border-right: 0;
|
|
2967
2965
|
}
|
|
2968
|
-
`,
|
|
2966
|
+
`,Zy=d.default(ml)`
|
|
2969
2967
|
border-top-left-radius: 0px;
|
|
2970
2968
|
border-bottom-left-radius: 0px;
|
|
2971
2969
|
border-left: 1px solid
|
|
2972
2970
|
${({theme:e,color:t})=>"primary"===t?e.palette.primary.darker:e.palette.divider};
|
|
2973
2971
|
padding: 0
|
|
2974
|
-
${({size:e="medium"})=>
|
|
2972
|
+
${({size:e="medium"})=>Ny[e].arrowButtonPadding};
|
|
2975
2973
|
min-width: auto;
|
|
2976
2974
|
|
|
2977
2975
|
&:active:not([disabled]) {
|
|
@@ -2982,68 +2980,68 @@ object-assign
|
|
|
2982
2980
|
&:disabled {
|
|
2983
2981
|
border-left: 1px solid ${({theme:e})=>e.palette.divider};
|
|
2984
2982
|
}
|
|
2985
|
-
`,
|
|
2986
|
-
padding-right: ${({size:e="medium"})=>
|
|
2983
|
+
`,By=d.default(ml)`
|
|
2984
|
+
padding-right: ${({size:e="medium"})=>Ny[e].arrowButtonPadding};
|
|
2987
2985
|
min-width: auto;
|
|
2988
|
-
`,
|
|
2986
|
+
`,Py=d.default.span`
|
|
2989
2987
|
display: flex;
|
|
2990
2988
|
align-items: center;
|
|
2991
2989
|
width: 100%;
|
|
2992
2990
|
justify-content: space-between;
|
|
2993
|
-
`,
|
|
2991
|
+
`,_y=d.default.span`
|
|
2994
2992
|
display: flex;
|
|
2995
2993
|
align-items: center;
|
|
2996
|
-
`,
|
|
2994
|
+
`,Gy=d.default.div`
|
|
2997
2995
|
background-color: ${({theme:e})=>e.palette.background.default};
|
|
2998
2996
|
border: 1px solid ${({theme:e})=>e.palette.divider};
|
|
2999
2997
|
border-radius: ${({theme:e})=>e.radius}px;
|
|
3000
2998
|
display: flex;
|
|
3001
2999
|
height: 512px;
|
|
3002
3000
|
overflow: hidden;
|
|
3003
|
-
`,
|
|
3001
|
+
`,Fy=d.default.ul`
|
|
3004
3002
|
flex: 1;
|
|
3005
3003
|
overflow-y: scroll;
|
|
3006
|
-
`,
|
|
3004
|
+
`,Yy=d.default.li`
|
|
3007
3005
|
border-bottom: ${({isLastIndex:e,theme:t})=>e&&void 0!==e?"none":`1px solid ${t.palette.divider}`};
|
|
3008
3006
|
list-style: none;
|
|
3009
|
-
`,
|
|
3007
|
+
`,jy=d.default(Yy)`
|
|
3010
3008
|
padding: ${({theme:e})=>2*e.spacing}px;
|
|
3011
|
-
`,
|
|
3009
|
+
`,Wy=d.default(Yy)`
|
|
3012
3010
|
border-bottom: 1px solid ${({theme:e})=>e.palette.divider};
|
|
3013
|
-
`,
|
|
3011
|
+
`,Xy=d.default(F)`
|
|
3014
3012
|
border-bottom: none;
|
|
3015
|
-
`,
|
|
3013
|
+
`,Jy=d.default.div`
|
|
3016
3014
|
padding-left: ${({theme:e})=>e.spacing/2}px;
|
|
3017
|
-
`,
|
|
3015
|
+
`,Uy=({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(Uu,{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))},Qy=({disableCheckbox:e,items:t,onAdd:n,onRemove:r})=>c.default.createElement(Fy,null,t.map(((a,i)=>c.default.createElement(c.default.Fragment,null,a.items?c.default.createElement(Wy,{key:a.id},c.default.createElement(Xy,{title:c.default.createElement(Jy,null,c.default.createElement(Uy,{item:a,onAdd:n,onRemove:r},a.content))},c.default.createElement(Qy,{disableCheckbox:e,items:a.items,onAdd:n,onRemove:r}))):c.default.createElement(jy,{key:a.id,isLastIndex:i+1===t.length},c.default.createElement(Uy,{disableCheckbox:e,item:a,onAdd:n,onRemove:r},a.content)))))),qy=d.default.div`
|
|
3018
3016
|
flex: 1;
|
|
3019
3017
|
overflow-y: scroll;
|
|
3020
|
-
`,
|
|
3018
|
+
`,Ky=d.default.div`
|
|
3021
3019
|
background-color: ${({theme:e})=>e.palette.neutral.softLight};
|
|
3022
3020
|
border-bottom: 1px solid ${({theme:e})=>e.palette.divider};
|
|
3023
3021
|
border-radius: ${({theme:e})=>`0 ${e.spacing}px 0 0`};
|
|
3024
3022
|
padding: ${({theme:e})=>`${1.5*e.spacing}px ${2*e.spacing}px`};
|
|
3025
3023
|
position: sticky;
|
|
3026
3024
|
top: 0;
|
|
3027
|
-
`,
|
|
3025
|
+
`,ew=d.default.ul``,tw=d.default.li`
|
|
3028
3026
|
border-bottom: ${({isLastIndex:e,theme:t})=>e?"none":`1px solid ${t.palette.divider}`};
|
|
3029
3027
|
padding: ${({theme:e})=>2*e.spacing}px;
|
|
3030
3028
|
list-style: none;
|
|
3031
3029
|
display: flex;
|
|
3032
3030
|
justify-content: space-between;
|
|
3033
|
-
`,
|
|
3031
|
+
`,nw=d.default.button`
|
|
3034
3032
|
background: transparent;
|
|
3035
3033
|
border: none;
|
|
3036
3034
|
cursor: pointer;
|
|
3037
|
-
`,
|
|
3035
|
+
`,rw=d.default.div`
|
|
3038
3036
|
display: flex;
|
|
3039
3037
|
align-items: center;
|
|
3040
3038
|
justify-content: center;
|
|
3041
3039
|
gap: ${({theme:e})=>2*e.spacing}px;
|
|
3042
|
-
`,
|
|
3040
|
+
`,aw=({items:e,selectedItemTitle:t,onRemove:n})=>{const r=S();return c.default.createElement(qy,null,c.default.createElement(Ky,null,c.default.createElement(q,{size:"sm",weight:"bold"},c.default.createElement(q,{color:"primary",component:"span",size:"sm",weight:"bold"},e.length," "),t)),c.default.createElement(ew,null,e.map(((t,a)=>c.default.createElement(tw,{key:t.id,isLastIndex:a+1===e.length},t.content,c.default.createElement(rw,null,n&&c.default.createElement(nw,{type:"button","aria-label":"選択を解除",onClick:()=>n(t)},c.default.createElement(D,{color:r.palette.black,name:"close_circle",type:"fill"}))))))))},iw=(e,t)=>{const n=[];return e.forEach((e=>{if(e.items)return void n.push(Object.assign(Object.assign({},e),{items:iw(e.items,t)}));t.find((t=>t.id===e.id))?n.push(Object.assign(Object.assign({},e),{selected:!0})):n.push(e)})),n},lw=c.forwardRef((function(e){const{candidateItems:t,selectedItems:n,selectedItemTitle:r,disableCheckbox:a,onAdd:i,onRemove:l}=Lc({props:e,name:"DualListBox"}),o=S(),s=c.useMemo((()=>iw(t,n)),[t,n]);return c.createElement(Gy,null,c.createElement(Qy,{disableCheckbox:a,items:s,onAdd:i,onRemove:l}),c.createElement(Ap,{color:o.palette.divider,orientation:"vertical"}),c.createElement(aw,{items:n,selectedItemTitle:r,onRemove:l}))})),ow=d.default.div`
|
|
3043
3041
|
container-type: inline-size;
|
|
3044
3042
|
line-break: anywhere;
|
|
3045
3043
|
height: 100%;
|
|
3046
|
-
`,
|
|
3044
|
+
`,sw=d.default.ul`
|
|
3047
3045
|
display: none;
|
|
3048
3046
|
padding: 0;
|
|
3049
3047
|
margin: 0;
|
|
@@ -3073,7 +3071,7 @@ object-assign
|
|
|
3073
3071
|
border-bottom-color: ${({theme:e})=>e.palette.primary.base};
|
|
3074
3072
|
}
|
|
3075
3073
|
}
|
|
3076
|
-
`,
|
|
3074
|
+
`,cw=d.default.span`
|
|
3077
3075
|
display: grid;
|
|
3078
3076
|
place-items: center;
|
|
3079
3077
|
min-width: 16px;
|
|
@@ -3085,7 +3083,7 @@ object-assign
|
|
|
3085
3083
|
border-radius: 999%;
|
|
3086
3084
|
color: ${({theme:e})=>e.palette.white};
|
|
3087
3085
|
background: ${({theme:e})=>e.palette.primary.base};
|
|
3088
|
-
`,
|
|
3086
|
+
`,dw=d.default.div`
|
|
3089
3087
|
position: relative;
|
|
3090
3088
|
display: grid;
|
|
3091
3089
|
grid-template-columns: repeat(2, 1fr);
|
|
@@ -3114,7 +3112,7 @@ object-assign
|
|
|
3114
3112
|
content: none;
|
|
3115
3113
|
}
|
|
3116
3114
|
}
|
|
3117
|
-
`,
|
|
3115
|
+
`,uw=d.default.div`
|
|
3118
3116
|
display: flex;
|
|
3119
3117
|
flex-direction: column;
|
|
3120
3118
|
height: 100%;
|
|
@@ -3124,14 +3122,14 @@ object-assign
|
|
|
3124
3122
|
display: ${({isShow:e})=>e?"block":"none"};
|
|
3125
3123
|
height: auto;
|
|
3126
3124
|
}
|
|
3127
|
-
`,
|
|
3125
|
+
`,pw=d.default.div`
|
|
3128
3126
|
flex-grow: 1;
|
|
3129
3127
|
overflow-y: auto;
|
|
3130
3128
|
|
|
3131
3129
|
@media (max-width: ${y.MOBILE}px) {
|
|
3132
3130
|
overflow: initial;
|
|
3133
3131
|
}
|
|
3134
|
-
`,
|
|
3132
|
+
`,fw=d.default.div`
|
|
3135
3133
|
display: grid;
|
|
3136
3134
|
grid-template:
|
|
3137
3135
|
${({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"'} /
|
|
@@ -3149,7 +3147,7 @@ object-assign
|
|
|
3149
3147
|
top: 36.5px;
|
|
3150
3148
|
z-index: 1;
|
|
3151
3149
|
}
|
|
3152
|
-
`,
|
|
3150
|
+
`,mw=d.default.div`
|
|
3153
3151
|
grid-area: search;
|
|
3154
3152
|
position: relative;
|
|
3155
3153
|
display: flex;
|
|
@@ -3180,7 +3178,7 @@ object-assign
|
|
|
3180
3178
|
color: ${({theme:e})=>e.palette.text.disabled};
|
|
3181
3179
|
}
|
|
3182
3180
|
}
|
|
3183
|
-
`,
|
|
3181
|
+
`,hw=d.default.button`
|
|
3184
3182
|
position: absolute;
|
|
3185
3183
|
right: 6px;
|
|
3186
3184
|
flex-shrink: 0;
|
|
@@ -3191,21 +3189,21 @@ object-assign
|
|
|
3191
3189
|
background: transparent;
|
|
3192
3190
|
color: ${({theme:e})=>e.palette.black};
|
|
3193
3191
|
cursor: pointer;
|
|
3194
|
-
`,
|
|
3192
|
+
`,gw=d.default.div`
|
|
3195
3193
|
grid-area: custom;
|
|
3196
3194
|
width: 100%;
|
|
3197
|
-
`,
|
|
3195
|
+
`,bw=d.default(ml)`
|
|
3198
3196
|
grid-area: menu;
|
|
3199
3197
|
width: 28px;
|
|
3200
3198
|
min-width: 28px;
|
|
3201
|
-
`,
|
|
3199
|
+
`,vw=d.default.div`
|
|
3202
3200
|
grid-area: count;
|
|
3203
3201
|
/* UI/Text 13 */
|
|
3204
3202
|
font-size: 13px;
|
|
3205
3203
|
line-height: 16px;
|
|
3206
3204
|
display: flex;
|
|
3207
3205
|
color: ${({theme:e})=>e.palette.black};
|
|
3208
|
-
`,
|
|
3206
|
+
`,xw=d.default.div`
|
|
3209
3207
|
grid-area: buttons;
|
|
3210
3208
|
display: flex;
|
|
3211
3209
|
`;d.default.button`
|
|
@@ -3218,7 +3216,7 @@ object-assign
|
|
|
3218
3216
|
color: ${({theme:e})=>e.palette.primary.base};
|
|
3219
3217
|
background: transparent;
|
|
3220
3218
|
cursor: pointer;
|
|
3221
|
-
`;const
|
|
3219
|
+
`;const yw=uw,ww=d.default.div`
|
|
3222
3220
|
@media (max-width: ${y.MOBILE}px) {
|
|
3223
3221
|
display: flex;
|
|
3224
3222
|
position: sticky;
|
|
@@ -3233,21 +3231,21 @@ object-assign
|
|
|
3233
3231
|
border-bottom: 1px solid ${({theme:e})=>e.palette.divider};
|
|
3234
3232
|
border-left: 1px solid ${({theme:e})=>e.palette.divider};
|
|
3235
3233
|
background: ${({theme:e})=>e.palette.neutral.highlight};
|
|
3236
|
-
`,
|
|
3234
|
+
`,Cw=pw,Ew=d.default.div`
|
|
3237
3235
|
display: flex;
|
|
3238
3236
|
align-items: center;
|
|
3239
3237
|
gap: 8px;
|
|
3240
|
-
`,
|
|
3241
|
-
${
|
|
3238
|
+
`,Iw="\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",kw=d.default.div`
|
|
3239
|
+
${Iw}
|
|
3242
3240
|
color: ${({theme:e})=>e.palette.primary.base};
|
|
3243
3241
|
background: ${({theme:e})=>e.palette.primary.highlight};
|
|
3244
|
-
`,
|
|
3245
|
-
${
|
|
3242
|
+
`,Mw=d.default.div`
|
|
3243
|
+
${Iw}
|
|
3246
3244
|
color: ${({theme:e})=>e.palette.danger.base};
|
|
3247
3245
|
background: ${({theme:e})=>e.palette.danger.highlight};
|
|
3248
|
-
|
|
3246
|
+
`,$w=d.default.div`
|
|
3249
3247
|
width: fit-content;
|
|
3250
|
-
`,
|
|
3248
|
+
`,Aw=d.default.p`
|
|
3251
3249
|
position: sticky;
|
|
3252
3250
|
top: 0;
|
|
3253
3251
|
z-index: 1;
|
|
@@ -3269,14 +3267,14 @@ object-assign
|
|
|
3269
3267
|
top: 81.5px;
|
|
3270
3268
|
z-index: 1;
|
|
3271
3269
|
}
|
|
3272
|
-
|
|
3270
|
+
`,Sw=d.default.div`
|
|
3273
3271
|
display: flex;
|
|
3274
3272
|
|
|
3275
3273
|
@media (any-hover: hover) {
|
|
3276
3274
|
opacity: 0;
|
|
3277
3275
|
visibility: hidden;
|
|
3278
3276
|
}
|
|
3279
|
-
`,
|
|
3277
|
+
`,Lw=d.default.div`
|
|
3280
3278
|
display: flex;
|
|
3281
3279
|
align-items: center;
|
|
3282
3280
|
justify-content: space-between;
|
|
@@ -3295,13 +3293,13 @@ object-assign
|
|
|
3295
3293
|
background: ${({theme:e})=>e.palette.neutral.highlight};
|
|
3296
3294
|
}
|
|
3297
3295
|
|
|
3298
|
-
&:hover ${
|
|
3296
|
+
&:hover ${Sw} {
|
|
3299
3297
|
visibility: visible;
|
|
3300
3298
|
opacity: 1;
|
|
3301
3299
|
}
|
|
3302
3300
|
|
|
3303
3301
|
@media (any-hover: hover) {
|
|
3304
|
-
&:not(:hover) ${
|
|
3302
|
+
&:not(:hover) ${Sw}:has(button[aria-pressed="true"]) {
|
|
3305
3303
|
visibility: visible;
|
|
3306
3304
|
opacity: 1;
|
|
3307
3305
|
|
|
@@ -3316,7 +3314,7 @@ object-assign
|
|
|
3316
3314
|
}
|
|
3317
3315
|
}
|
|
3318
3316
|
}
|
|
3319
|
-
`,
|
|
3317
|
+
`,Vw=d.default.div`
|
|
3320
3318
|
display: flex;
|
|
3321
3319
|
align-items: center;
|
|
3322
3320
|
justify-content: space-between;
|
|
@@ -3332,7 +3330,7 @@ object-assign
|
|
|
3332
3330
|
&:hover {
|
|
3333
3331
|
background: ${({theme:e})=>e.palette.neutral.highlight};
|
|
3334
3332
|
}
|
|
3335
|
-
`,
|
|
3333
|
+
`,Ow=d.default.button`
|
|
3336
3334
|
flex-shrink: 0;
|
|
3337
3335
|
aspect-ratio: 1;
|
|
3338
3336
|
padding: 0;
|
|
@@ -3340,7 +3338,7 @@ object-assign
|
|
|
3340
3338
|
background: transparent;
|
|
3341
3339
|
color: ${({theme:e})=>e.palette.black};
|
|
3342
3340
|
cursor: pointer;
|
|
3343
|
-
`,
|
|
3341
|
+
`,Hw=d.default.div`
|
|
3344
3342
|
padding: 8px 16px;
|
|
3345
3343
|
margin: -1px 0 0;
|
|
3346
3344
|
background: ${({theme:e})=>e.palette.neutral.highlight};
|
|
@@ -3348,7 +3346,7 @@ object-assign
|
|
|
3348
3346
|
font-size: 12px;
|
|
3349
3347
|
line-height: 14px;
|
|
3350
3348
|
color: ${({theme:e})=>e.palette.black};
|
|
3351
|
-
`,
|
|
3349
|
+
`,Dw=d.default.div`
|
|
3352
3350
|
position: sticky;
|
|
3353
3351
|
z-index: 1;
|
|
3354
3352
|
top: 0;
|
|
@@ -3365,10 +3363,10 @@ object-assign
|
|
|
3365
3363
|
background: ${({theme:e})=>e.palette.neutral.highlight};
|
|
3366
3364
|
}
|
|
3367
3365
|
|
|
3368
|
-
${
|
|
3366
|
+
${Lw} + & {
|
|
3369
3367
|
margin-top: -1px;
|
|
3370
3368
|
}
|
|
3371
|
-
`,
|
|
3369
|
+
`,Rw=d.default.button`
|
|
3372
3370
|
display: flex;
|
|
3373
3371
|
align-items: center;
|
|
3374
3372
|
gap: ${({theme:e})=>e.spacing/2}px;
|
|
@@ -3390,7 +3388,7 @@ object-assign
|
|
|
3390
3388
|
inset: 0;
|
|
3391
3389
|
display: block;
|
|
3392
3390
|
}
|
|
3393
|
-
`,
|
|
3391
|
+
`,Nw=d.default.div`
|
|
3394
3392
|
position: relative;
|
|
3395
3393
|
grid-area: buttons;
|
|
3396
3394
|
display: flex;
|
|
@@ -3405,27 +3403,27 @@ object-assign
|
|
|
3405
3403
|
opacity: 1;
|
|
3406
3404
|
transition: opacity 0.2s;
|
|
3407
3405
|
}
|
|
3408
|
-
`,
|
|
3406
|
+
`,zw=d.default.div`
|
|
3409
3407
|
transition: rotate 0.2s;
|
|
3410
3408
|
pointer-events: none;
|
|
3411
3409
|
|
|
3412
3410
|
[aria-expanded="true"] ~ & {
|
|
3413
3411
|
rotate: 180deg;
|
|
3414
3412
|
}
|
|
3415
|
-
`,
|
|
3413
|
+
`,Tw=d.default.span`
|
|
3416
3414
|
flex-shrink: 0;
|
|
3417
3415
|
width: 20px;
|
|
3418
3416
|
transition:
|
|
3419
3417
|
margin 0.2s,
|
|
3420
3418
|
opacity 0.2s;
|
|
3421
|
-
`,
|
|
3419
|
+
`,Zw=d.default.span`
|
|
3422
3420
|
flex-shrink: 0;
|
|
3423
3421
|
width: 20px;
|
|
3424
3422
|
margin-left: auto;
|
|
3425
3423
|
transition:
|
|
3426
3424
|
margin 0.2s,
|
|
3427
3425
|
opacity 0.2s;
|
|
3428
|
-
`,
|
|
3426
|
+
`,Bw=d.default.button`
|
|
3429
3427
|
position: sticky;
|
|
3430
3428
|
top: -1px;
|
|
3431
3429
|
z-index: 1;
|
|
@@ -3446,16 +3444,16 @@ object-assign
|
|
|
3446
3444
|
background: ${({theme:e})=>e.palette.neutral.highlight};
|
|
3447
3445
|
}
|
|
3448
3446
|
|
|
3449
|
-
&:not([aria-expanded="true"]) ${
|
|
3447
|
+
&:not([aria-expanded="true"]) ${Tw} {
|
|
3450
3448
|
margin-left: -20px;
|
|
3451
3449
|
opacity: 0;
|
|
3452
3450
|
}
|
|
3453
3451
|
|
|
3454
|
-
&[aria-expanded="true"] ${
|
|
3452
|
+
&[aria-expanded="true"] ${Zw} {
|
|
3455
3453
|
margin-right: -20px;
|
|
3456
3454
|
opacity: 0;
|
|
3457
3455
|
}
|
|
3458
|
-
`,
|
|
3456
|
+
`,Pw=d.default.div`
|
|
3459
3457
|
display: flex;
|
|
3460
3458
|
justify-content: center;
|
|
3461
3459
|
align-items: center;
|
|
@@ -3463,9 +3461,9 @@ object-assign
|
|
|
3463
3461
|
color: ${({theme:e})=>e.palette.neutral.base};
|
|
3464
3462
|
font-size: 13px;
|
|
3465
3463
|
line-height: 16px;
|
|
3466
|
-
`,
|
|
3464
|
+
`,_w=({id:t,children:n,isIncluded:r=!1,isExcluded:a=!1,disableInclude:i,disableExclude:l})=>{const{onIncludedChange:o,onExcludedChange:s,includedIds:d,excludedIds:u}=e.useContext(Gw),p=e.useContext(Yw),m=p>=2,h=(e,t)=>e?t:f.gray[900],g=!i&&c.default.createElement(ml,{type:"button",size:"small",color:"secondaryLight","aria-pressed":r,"aria-label":"追加",icon:c.default.createElement(D,{name:"check_thin",color:h(r,f.blue[500])}),onClick:()=>{r?o(d.filter((e=>e!==t))):a?(s(u.filter((e=>e!==t))),o([...d,t])):o([...d,t])}}),b=!l&&c.default.createElement(ml,{type:"button",size:"small",color:"secondaryLight","aria-pressed":a,"aria-label":"除外",icon:c.default.createElement(D,{name:"forbid",color:h(a,f.red[500])}),onClick:()=>{a?s(u.filter((e=>e!==t))):r?(o(d.filter((e=>e!==t))),s([...u,t])):s([...u,t])}});return c.default.createElement(Lw,{$depth:p,$nested:m},n,c.default.createElement(Sw,null,i||l?c.default.createElement(c.default.Fragment,null,g,b):c.default.createElement(Od,{size:"small",color:"secondaryLight"},g,b)))};_w.displayName="DualListBox2Item";const Gw=e.createContext({filterWords:[],includedIds:[],excludedIds:[],activeSection:null,onIncludedChange:e=>{},onExcludedChange:e=>{},setActiveSection:e=>{}}),Fw=e.createContext({groupName:""}),Yw=e.createContext(0),jw=(t,n)=>{e.Children.forEach(t,(t=>{if(n(t),!e.isValidElement(t))return;const r=t.props;r.children&&jw(r.children,n)}))},Ww=t=>{const n=[];return jw(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===_w.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},Xw=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}),[]),Jw=({label:t,children:n,onOpen:r,onClose:a})=>{const{activeSection:i,setActiveSection:l}=e.useContext(Gw),o=e.useMemo((()=>i===t),[t,i]),s=e.useMemo((()=>null!==i&&i!==t),[t,i]),d=e.useCallback((()=>{const e=!o;l(e?t:null),e&&r&&r(),!e&&a&&a()}),[t,o,l,r,a]);return s?null:c.default.createElement(Fw.Provider,{value:{groupName:t}},c.default.createElement(Bw,{type:"button","aria-label":`${t}を開く`,"aria-expanded":o,onClick:d},c.default.createElement(Tw,null,c.default.createElement(D,{name:"arrow_left",color:f.gray[900]})),c.default.createElement("div",null,t),c.default.createElement(Zw,null,c.default.createElement(D,{name:"arrow_right",color:f.gray[900]}))),o&&n)};Jw.displayName="DualListBox2Section";const Uw=d.default(ei)`
|
|
3467
3465
|
margin-right: 16px;
|
|
3468
|
-
`,Jw=({pageSize:e,pageSizeOptions:t,onPageSizeChange:n})=>c.default.createElement(Bi,{width:136,trigger:c.default.createElement(Xw,{append:e},"件数を変更")},t.map((t=>c.default.createElement(_a,{key:t,closeOnChange:!0,checked:e===t,onChange:()=>n(t)},t,"件")))),Uw=({label:t,disableInclude:n,disableExclude:r,children:a,onOpen:i,onClose:l,onInclude:o,onExclude:s})=>{const[d,u]=e.useState(!1),p=e.useCallback((()=>{const e=!d;u(e),e&&i&&i(),!e&&l&&l()}),[d,i,l]),m=e.useContext(Gw),{includedIds:h,excludedIds:g,onIncludedChange:b,onExcludedChange:v}=e.useContext(Pw),x=e.useMemo((()=>(e=>Yw(e).map((e=>e.id)))(a)),[a]),y=!(n||void 0===o&&x.every((e=>h.includes(e)))),w=!(r||void 0===s&&x.every((e=>g.includes(e)))),C=e.useCallback((()=>{o?o():x.every((e=>h.includes(e)))||(b(Array.from(new Set([...h,...x]))),v(g.filter((e=>!x.includes(e)))))}),[o,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(ml,{type:"button",size:"small",color:"secondaryLight","aria-label":"追加",icon:c.default.createElement(D,{name:"check_thin",color:f.blue[500]}),onClick:C}),k=w&&c.default.createElement(ml,{type:"button",size:"small",color:"secondaryLight","aria-label":"除外",icon:c.default.createElement(D,{name:"forbid",color:f.red[500]}),onClick:E});return c.default.createElement(c.default.Fragment,null,c.default.createElement(Ow,{$depth:m},c.default.createElement(Hw,{type:"button","aria-label":`${t}を開く`,"aria-expanded":d,onClick:p},m>=1&&c.default.createElement(D,{name:"corner_down_right",size:"md",color:f.gray[400]}),t),c.default.createElement(Dw,null,y&&w?c.default.createElement(Od,{size:"small",color:"secondaryLight"},I,k):c.default.createElement(c.default.Fragment,null,I,k)),c.default.createElement(Rw,null,c.default.createElement(D,{name:"arrow_down",color:f.gray[900]}))),d&&c.default.createElement(Gw.Provider,{value:m+1},a))};Uw.displayName="DualListBox2Accordion";const Qw=c.default.memo((({id:t,children:n})=>{const{includedIds:r,excludedIds:a,onIncludedChange:i,onExcludedChange:l}=e.useContext(Pw),o=e.useMemo((()=>r.includes(t)),[r,t]),s=e.useMemo((()=>a.includes(t)),[a,t]),d=e.useCallback((()=>{o&&i(r.filter((e=>e!==t))),s&&l(a.filter((e=>e!==t)))}),[o,s,r,a,i,l,t]);return c.default.createElement(Sw,null,n,c.default.createElement(Lw,{type:"button","aria-label":"解除",onClick:d},c.default.createElement(D,{name:"close_circle",type:"fill",color:"currentColor"})))}));Qw.displayName="DualListBox2SelectedItem";const qw=({label:e})=>c.default.createElement(Vw,null,e),Kw=[],eC=()=>!0,tC=e.forwardRef((({included:t,excluded:n,disableInclude:r,disableExclude:a,menuButtons:i,children:l,loading:o,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),L=!!x,V=e.useMemo((()=>Yw(l)),[l]),O=e.useMemo((()=>(t=>{const n={};return Fw(t,(t=>{e.isValidElement(t)&&"string"!=typeof t.type&&"symbol"!=typeof t.type&&t.type&&"function"==typeof t.type&&"displayName"in t.type&&t.type.displayName===Bw.displayName&&(n[t.props.id]=t.props.children)})),n})(l)),[l]),{currentFilter:H,filterWords:R,filteredChildren:N,matchesFilter:z,handleFilterChange:T,handleFilterReset:Z}=function({children:t,externalFilter:n,onFilterChange:r,allItems:a}){const[i,l]=e.useState(""),o=r?n:i,s=e.useCallback((e=>{const t=e.target.value;r?r(t):l(t)}),[r]),d=e.useCallback((()=>{r?r(""):l("")}),[r]),u=e.useMemo((()=>{const e=o.trim();return e?e.split(/\s+/):[]}),[o]),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!==Bw)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===Bw)return f(e);if("string"!=typeof e.type&&"symbol"!=typeof e.type&&"displayName"in e.type&&e.type.displayName===Uw.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===Ww.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:o,filterWords:u,filteredChildren:h,matchesFilter:p,handleFilterChange:s,handleFilterReset:d}}({children:l,externalFilter:b,onFilterChange:v,allItems:V}),B=L?l:N,P=L?Kw:R,_=L?eC:z,G=e.useCallback((e=>{M(e),null==u||u(e),null!==e||L||Z()}),[Z,L,u]),F=e.useMemo((()=>{let t=!1;return Fw(l,(n=>{e.isValidElement(n)&&"string"!=typeof n.type&&"symbol"!=typeof n.type&&"displayName"in n.type&&n.type.displayName===Ww.displayName&&(t=!0)})),t}),[l]),Y=e.useMemo((()=>t.map((e=>e.id))),[t]),j=e.useMemo((()=>n.map((e=>e.id))),[n]),W=e.useMemo((()=>V.map((e=>e.id))),[V]),X=e.useMemo((()=>W.filter((e=>{const t=V.find((t=>t.id===e));return!!t&&_(t.label)}))),[W,V,_]),J=e.useMemo((()=>{if(!F)return[];if(null===k)return[];const t=[];return Fw(l,(n=>{e.isValidElement(n)&&"string"!=typeof n.type&&"symbol"!=typeof n.type&&"displayName"in n.type&&n.type.displayName===Ww.displayName&&n.props.label===k&&Fw(n.props.children,(n=>{e.isValidElement(n)&&"string"!=typeof n.type&&"symbol"!=typeof n.type&&"displayName"in n.type&&n.type.displayName===Bw.displayName&&t.push(n.props.id)}))})),t}),[k,l,F]),U=e.useMemo((()=>J.filter((e=>{const t=V.find((t=>t.id===e));return!!t&&_(t.label)}))),[J,V,_]),Q=e.useMemo((()=>{if(F){if(null===k)return!0;return!!U.every((e=>Y.includes(e)))}return!!X.every((e=>Y.includes(e)))}),[F,k,X,U,Y]),q=e.useMemo((()=>{if(F){if(null===k)return!0;return!!U.every((e=>j.includes(e)))}return!!X.every((e=>j.includes(e)))}),[F,k,X,U,j]),K=e.useCallback((()=>{t.length&&s([]),n.length&&d([])}),[t,n,s,d]),ee=e.useCallback((()=>{if(F){if(null===k)return;return s(Array.from(new Set([...Y,...U]))),void d(j.filter((e=>!U.includes(e))))}s(Array.from(new Set([...Y,...X]))),d(j.filter((e=>!X.includes(e))))}),[X,s,d,F,k,Y,j,U]),te=e.useCallback((()=>{if(F){if(null===k)return;return d(Array.from(new Set([...j,...U]))),void s(Y.filter((e=>!U.includes(e))))}d(Array.from(new Set([...j,...X]))),s(Y.filter((e=>!X.includes(e))))}),[X,s,d,F,k,Y,j,U]),ne=!r&&c.default.createElement(ml,{type:"button",size:"small",color:"secondaryLight",icon:c.default.createElement(D,{name:"check_thin",color:Q?f.gray[400]:f.blue[500]}),disabled:Q,onClick:ee},"全て追加"),re=!a&&c.default.createElement(ml,{type:"button",size:"small",color:"secondaryLight",icon:c.default.createElement(D,{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(iw,{ref:C,role:"region","aria-label":"アイテムの追加、除外選択エリア"},c.default.createElement(lw,{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(ow,null,t.length+n.length)))),c.default.createElement(sw,null,c.default.createElement(Pw.Provider,{value:{filterWords:P,includedIds:Y,excludedIds:j,activeSection:k,onIncludedChange:s,onExcludedChange:d,setActiveSection:G}},c.default.createElement(cw,{isShow:0===E,id:"list-items-panel",role:"tabpanel","aria-labelledby":"list-items-tab"},c.default.createElement(uw,{hasMenu:!(!i&&!g),hasCustomFilterHeader:L},L?c.default.createElement(mw,null,x()):c.default.createElement(pw,null,c.default.createElement(D,{name:"search",size:"sm",color:f.gray[600]}),c.default.createElement("input",{"aria-label":"アイテムを検索",disabled:F&&null===k,placeholder:"検索",type:"text",value:H,onChange:T}),H&&c.default.createElement(fw,{type:"button","aria-label":"検索をリセット",onClick:Z},c.default.createElement(D,{name:"close_circle",type:"fill",color:"currentColor"}))),(i||g)&&c.default.createElement(Pi,null,c.default.createElement(Bi,{trigger:c.default.createElement(hw,{type:"button",size:"small",color:"secondaryLight",icon:c.default.createElement(D,{name:"more_vert",color:f.gray[900]})}),placement:y,middleware:w},g&&c.default.createElement(Jw,{pageSize:m,pageSizeOptions:h,onPageSizeChange:g}),i)),c.default.createElement(gw,null,o?c.default.createElement(sl,{width:"16px"}):c.default.createElement(c.default.Fragment,null,F&&null===k?"-":F?U.length.toLocaleString("en-US"):X.length.toLocaleString("en-US"),"件")),c.default.createElement(bw,null,r||a?c.default.createElement(c.default.Fragment,null,ne,re):c.default.createElement(Od,{size:"small",color:"secondaryLight"},ne,re))),c.default.createElement(dw,null,B,c.default.createElement("div",{ref:S,style:{height:"20px"}},o&&c.default.createElement(Zw,null,"読み込み中...")))),c.default.createElement(vw,{isShow:1===E},c.default.createElement(xw,null,c.default.createElement(ww,null,0!==t.length&&c.default.createElement(Ew,null,c.default.createElement(D,{name:"check_thin",color:f.blue[500]}),t.length),0!==n.length&&c.default.createElement(Iw,null,c.default.createElement(D,{name:"forbid",color:f.red[500]}),n.length)),c.default.createElement(kw,null,c.default.createElement(ml,{type:"button",color:"secondaryLight",size:"small",disabled:!t.length&&!n.length,onClick:K},"選択をクリア"))),c.default.createElement(yw,null,!!t.length&&c.default.createElement(Mw,null,c.default.createElement(D,{name:"check_thin",color:f.blue[500]}),"追加"),jw(t).map((t=>c.default.createElement(e.Fragment,{key:t.groupName||"_"},t.groupName&&c.default.createElement(qw,{label:t.groupName}),t.items.map((e=>c.default.createElement(Qw,{key:e.id,id:e.id},O[e.id]||e.selectedContent||e.label)))))),!!n.length&&c.default.createElement(Mw,null,c.default.createElement(D,{name:"forbid",color:f.red[500]}),"除外"),jw(n).map((t=>c.default.createElement(e.Fragment,{key:t.groupName||"_"},t.groupName&&c.default.createElement(qw,{label:t.groupName}),t.items.map((e=>c.default.createElement(Qw,{key:e.id,id:e.id},O[e.id]||e.selectedContent||e.label)))))))))))}));tC.displayName="DualListBox2";const nC=d.default.div`
|
|
3466
|
+
`,Qw=({pageSize:e,pageSizeOptions:t,onPageSizeChange:n})=>c.default.createElement(Bi,{width:136,trigger:c.default.createElement(Uw,{append:e},"件数を変更")},t.map((t=>c.default.createElement(_a,{key:t,closeOnChange:!0,checked:e===t,onChange:()=>n(t)},t,"件")))),qw=({label:t,disableInclude:n,disableExclude:r,children:a,onOpen:i,onClose:l,onInclude:o,onExclude:s})=>{const[d,u]=e.useState(!1),p=e.useCallback((()=>{const e=!d;u(e),e&&i&&i(),!e&&l&&l()}),[d,i,l]),m=e.useContext(Yw),{includedIds:h,excludedIds:g,onIncludedChange:b,onExcludedChange:v}=e.useContext(Gw),x=e.useMemo((()=>(e=>Ww(e).map((e=>e.id)))(a)),[a]),y=!(n||void 0===o&&x.every((e=>h.includes(e)))),w=!(r||void 0===s&&x.every((e=>g.includes(e)))),C=e.useCallback((()=>{o?o():x.every((e=>h.includes(e)))||(b(Array.from(new Set([...h,...x]))),v(g.filter((e=>!x.includes(e)))))}),[o,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(ml,{type:"button",size:"small",color:"secondaryLight","aria-label":"追加",icon:c.default.createElement(D,{name:"check_thin",color:f.blue[500]}),onClick:C}),k=w&&c.default.createElement(ml,{type:"button",size:"small",color:"secondaryLight","aria-label":"除外",icon:c.default.createElement(D,{name:"forbid",color:f.red[500]}),onClick:E});return c.default.createElement(c.default.Fragment,null,c.default.createElement(Dw,{$depth:m},c.default.createElement(Rw,{type:"button","aria-label":`${t}を開く`,"aria-expanded":d,onClick:p},m>=1&&c.default.createElement(D,{name:"corner_down_right",size:"md",color:f.gray[400]}),t),c.default.createElement(Nw,null,y&&w?c.default.createElement(Od,{size:"small",color:"secondaryLight"},I,k):c.default.createElement(c.default.Fragment,null,I,k)),c.default.createElement(zw,null,c.default.createElement(D,{name:"arrow_down",color:f.gray[900]}))),d&&c.default.createElement(Yw.Provider,{value:m+1},a))};qw.displayName="DualListBox2Accordion";const Kw=c.default.memo((({id:t,children:n})=>{const{includedIds:r,excludedIds:a,onIncludedChange:i,onExcludedChange:l}=e.useContext(Gw),o=e.useMemo((()=>r.includes(t)),[r,t]),s=e.useMemo((()=>a.includes(t)),[a,t]),d=e.useCallback((()=>{o&&i(r.filter((e=>e!==t))),s&&l(a.filter((e=>e!==t)))}),[o,s,r,a,i,l,t]);return c.default.createElement(Vw,null,n,c.default.createElement(Ow,{type:"button","aria-label":"解除",onClick:d},c.default.createElement(D,{name:"close_circle",type:"fill",color:"currentColor"})))}));Kw.displayName="DualListBox2SelectedItem";const eC=({label:e})=>c.default.createElement(Hw,null,e),tC=[],nC=()=>!0,rC=e.forwardRef((({included:t,excluded:n,disableInclude:r,disableExclude:a,menuButtons:i,children:l,loading:o,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),L=!!x,V=e.useMemo((()=>Ww(l)),[l]),O=e.useMemo((()=>(t=>{const n={};return jw(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===_w.displayName){const e=t.props;n[e.id]=e.children}})),n})(l)),[l]),{currentFilter:H,filterWords:R,filteredChildren:N,matchesFilter:z,handleFilterChange:T,handleFilterReset:Z}=function({children:t,externalFilter:n,onFilterChange:r,allItems:a}){const[i,l]=e.useState(""),o=r?n:i,s=e.useCallback((e=>{const t=e.target.value;r?r(t):l(t)}),[r]),d=e.useCallback((()=>{r?r(""):l("")}),[r]),u=e.useMemo((()=>{const e=o.trim();return e?e.split(/\s+/):[]}),[o]),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!==_w)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===_w)return f(e);if("string"!=typeof e.type&&"symbol"!=typeof e.type&&"displayName"in e.type&&e.type.displayName===qw.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===Jw.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:o,filterWords:u,filteredChildren:h,matchesFilter:p,handleFilterChange:s,handleFilterReset:d}}({children:l,externalFilter:b,onFilterChange:v,allItems:V}),B=L?l:N,P=L?tC:R,_=L?nC:z,G=e.useCallback((e=>{M(e),null==u||u(e),null!==e||L||Z()}),[Z,L,u]),F=e.useMemo((()=>{let t=!1;return jw(l,(n=>{e.isValidElement(n)&&"string"!=typeof n.type&&"symbol"!=typeof n.type&&"displayName"in n.type&&n.type.displayName===Jw.displayName&&(t=!0)})),t}),[l]),Y=e.useMemo((()=>t.map((e=>e.id))),[t]),j=e.useMemo((()=>n.map((e=>e.id))),[n]),W=e.useMemo((()=>V.map((e=>e.id))),[V]),X=e.useMemo((()=>W.filter((e=>{const t=V.find((t=>t.id===e));return!!t&&_(t.label)}))),[W,V,_]),J=e.useMemo((()=>{if(!F)return[];if(null===k)return[];const t=[];return jw(l,(n=>{if(!e.isValidElement(n)||"string"==typeof n.type||"symbol"==typeof n.type||!("displayName"in n.type)||n.type.displayName!==Jw.displayName)return;const r=n.props;r.label===k&&jw(r.children,(n=>{e.isValidElement(n)&&"string"!=typeof n.type&&"symbol"!=typeof n.type&&"displayName"in n.type&&n.type.displayName===_w.displayName&&t.push(n.props.id)}))})),t}),[k,l,F]),U=e.useMemo((()=>J.filter((e=>{const t=V.find((t=>t.id===e));return!!t&&_(t.label)}))),[J,V,_]),Q=e.useMemo((()=>{if(F){if(null===k)return!0;return!!U.every((e=>Y.includes(e)))}return!!X.every((e=>Y.includes(e)))}),[F,k,X,U,Y]),q=e.useMemo((()=>{if(F){if(null===k)return!0;return!!U.every((e=>j.includes(e)))}return!!X.every((e=>j.includes(e)))}),[F,k,X,U,j]),K=e.useCallback((()=>{t.length&&s([]),n.length&&d([])}),[t,n,s,d]),ee=e.useCallback((()=>{if(F){if(null===k)return;return s(Array.from(new Set([...Y,...U]))),void d(j.filter((e=>!U.includes(e))))}s(Array.from(new Set([...Y,...X]))),d(j.filter((e=>!X.includes(e))))}),[X,s,d,F,k,Y,j,U]),te=e.useCallback((()=>{if(F){if(null===k)return;return d(Array.from(new Set([...j,...U]))),void s(Y.filter((e=>!U.includes(e))))}d(Array.from(new Set([...j,...X]))),s(Y.filter((e=>!X.includes(e))))}),[X,s,d,F,k,Y,j,U]),ne=!r&&c.default.createElement(ml,{type:"button",size:"small",color:"secondaryLight",icon:c.default.createElement(D,{name:"check_thin",color:Q?f.gray[400]:f.blue[500]}),disabled:Q,onClick:ee},"全て追加"),re=!a&&c.default.createElement(ml,{type:"button",size:"small",color:"secondaryLight",icon:c.default.createElement(D,{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(ow,{ref:C,role:"region","aria-label":"アイテムの追加、除外選択エリア"},c.default.createElement(sw,{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(cw,null,t.length+n.length)))),c.default.createElement(dw,null,c.default.createElement(Gw.Provider,{value:{filterWords:P,includedIds:Y,excludedIds:j,activeSection:k,onIncludedChange:s,onExcludedChange:d,setActiveSection:G}},c.default.createElement(uw,{isShow:0===E,id:"list-items-panel",role:"tabpanel","aria-labelledby":"list-items-tab"},c.default.createElement(fw,{hasMenu:!(!i&&!g),hasCustomFilterHeader:L},L?c.default.createElement(gw,null,x()):c.default.createElement(mw,null,c.default.createElement(D,{name:"search",size:"sm",color:f.gray[600]}),c.default.createElement("input",{"aria-label":"アイテムを検索",disabled:F&&null===k,placeholder:"検索",type:"text",value:H,onChange:T}),H&&c.default.createElement(hw,{type:"button","aria-label":"検索をリセット",onClick:Z},c.default.createElement(D,{name:"close_circle",type:"fill",color:"currentColor"}))),(i||g)&&c.default.createElement(Pi,null,c.default.createElement(Bi,{trigger:c.default.createElement(bw,{type:"button",size:"small",color:"secondaryLight",icon:c.default.createElement(D,{name:"more_vert",color:f.gray[900]})}),placement:y,middleware:w},g&&c.default.createElement(Qw,{pageSize:m,pageSizeOptions:h,onPageSizeChange:g}),i)),c.default.createElement(vw,null,o?c.default.createElement(sl,{width:"16px"}):c.default.createElement(c.default.Fragment,null,F&&null===k?"-":F?U.length.toLocaleString("en-US"):X.length.toLocaleString("en-US"),"件")),c.default.createElement(xw,null,r||a?c.default.createElement(c.default.Fragment,null,ne,re):c.default.createElement(Od,{size:"small",color:"secondaryLight"},ne,re))),c.default.createElement(pw,null,B,c.default.createElement("div",{ref:S,style:{height:"20px"}},o&&c.default.createElement(Pw,null,"読み込み中...")))),c.default.createElement(yw,{isShow:1===E},c.default.createElement(ww,null,c.default.createElement(Ew,null,0!==t.length&&c.default.createElement(kw,null,c.default.createElement(D,{name:"check_thin",color:f.blue[500]}),t.length),0!==n.length&&c.default.createElement(Mw,null,c.default.createElement(D,{name:"forbid",color:f.red[500]}),n.length)),c.default.createElement($w,null,c.default.createElement(ml,{type:"button",color:"secondaryLight",size:"small",disabled:!t.length&&!n.length,onClick:K},"選択をクリア"))),c.default.createElement(Cw,null,!!t.length&&c.default.createElement(Aw,null,c.default.createElement(D,{name:"check_thin",color:f.blue[500]}),"追加"),Xw(t).map((t=>c.default.createElement(e.Fragment,{key:t.groupName||"_"},t.groupName&&c.default.createElement(eC,{label:t.groupName}),t.items.map((e=>c.default.createElement(Kw,{key:e.id,id:e.id},O[e.id]||e.selectedContent||e.label)))))),!!n.length&&c.default.createElement(Aw,null,c.default.createElement(D,{name:"forbid",color:f.red[500]}),"除外"),Xw(n).map((t=>c.default.createElement(e.Fragment,{key:t.groupName||"_"},t.groupName&&c.default.createElement(eC,{label:t.groupName}),t.items.map((e=>c.default.createElement(Kw,{key:e.id,id:e.id},O[e.id]||e.selectedContent||e.label)))))))))))}));rC.displayName="DualListBox2";const aC=d.default.div`
|
|
3469
3467
|
display: flex;
|
|
3470
3468
|
justify-content: center;
|
|
3471
3469
|
align-items: center;
|
|
@@ -3483,39 +3481,39 @@ object-assign
|
|
|
3483
3481
|
border: 2px solid ${({theme:e})=>e.palette.primary.base};
|
|
3484
3482
|
background-color: ${({theme:e})=>e.palette.background.hint};
|
|
3485
3483
|
}
|
|
3486
|
-
`,
|
|
3484
|
+
`,iC=d.default.div``,lC=c.forwardRef((function(e,t){const n=Lc({props:e,name:"FileUploader"}),{accept:r,title:a="Click or Drag & Drop file.",width:i,description:l,onSelectFiles:o}=n,s=c.useRef(null),[d,u]=c.useState(!1),p=c.useCallback((e=>{e.preventDefault(),e.stopPropagation(),u(!1),o(e,e.dataTransfer.files)}),[u,o]),f=c.useCallback((e=>{e.preventDefault(),e.stopPropagation(),u(!0)}),[u]),m=c.useCallback((()=>{u(!1)}),[u]),h=c.useCallback((e=>{o(e,e.target.files)}),[o]);return c.createElement(aC,{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(iC,null,c.createElement(z,{display:"flex"},c.createElement(D,{name:"folder_open",size:"md",color:"active"}),c.createElement(q,{weight:"bold",color:"primary"},a)),l&&c.createElement(c.Fragment,null,c.createElement(tl,{pt:2.5}),c.createElement(q,{weight:"bold",align:"center",size:"sm",color:"secondary"},l))))})),oC={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"}},sC=e=>({light:{background:e.palette.background.default},dark:{background:e.palette.neutral.ultraLight}}),cC=t.css`
|
|
3487
3485
|
border: 1px solid ${({theme:e})=>e.palette.divider};
|
|
3488
3486
|
background-color: ${({theme:e})=>e.palette.background.default};
|
|
3489
|
-
`,
|
|
3490
|
-
height: ${
|
|
3491
|
-
border-radius: ${
|
|
3492
|
-
`,
|
|
3487
|
+
`,dC=e=>t.css`
|
|
3488
|
+
height: ${oC[e].height};
|
|
3489
|
+
border-radius: ${oC[e].borderRadius};
|
|
3490
|
+
`,uC=e=>t.css`
|
|
3493
3491
|
/* 左側のアイコン */
|
|
3494
3492
|
span:first-child {
|
|
3495
|
-
width: ${
|
|
3496
|
-
height: ${
|
|
3493
|
+
width: ${oC[e].iconSize};
|
|
3494
|
+
height: ${oC[e].iconSize};
|
|
3497
3495
|
svg {
|
|
3498
|
-
width: ${
|
|
3499
|
-
height: ${
|
|
3496
|
+
width: ${oC[e].iconSize};
|
|
3497
|
+
height: ${oC[e].iconSize};
|
|
3500
3498
|
}
|
|
3501
3499
|
}
|
|
3502
3500
|
/* 右側の矢印アイコン */
|
|
3503
3501
|
span:last-child {
|
|
3504
|
-
width: ${
|
|
3505
|
-
height: ${
|
|
3502
|
+
width: ${oC[e].arrowIconSize};
|
|
3503
|
+
height: ${oC[e].arrowIconSize};
|
|
3506
3504
|
svg {
|
|
3507
|
-
width: ${
|
|
3508
|
-
height: ${
|
|
3505
|
+
width: ${oC[e].arrowIconSize};
|
|
3506
|
+
height: ${oC[e].arrowIconSize};
|
|
3509
3507
|
}
|
|
3510
3508
|
}
|
|
3511
|
-
padding: ${
|
|
3512
|
-
`,
|
|
3509
|
+
padding: ${oC[e].padding};
|
|
3510
|
+
`,pC=d.default.div`
|
|
3513
3511
|
position: relative;
|
|
3514
3512
|
display: grid;
|
|
3515
3513
|
grid-template-columns: auto 1fr;
|
|
3516
3514
|
align-items: center;
|
|
3517
3515
|
gap: 0;
|
|
3518
|
-
${
|
|
3516
|
+
${cC}
|
|
3519
3517
|
overflow: hidden;
|
|
3520
3518
|
transition:
|
|
3521
3519
|
border-color 0.2s ease,
|
|
@@ -3560,15 +3558,15 @@ object-assign
|
|
|
3560
3558
|
}
|
|
3561
3559
|
|
|
3562
3560
|
&[data-size="small"] {
|
|
3563
|
-
${
|
|
3561
|
+
${dC("small")}
|
|
3564
3562
|
}
|
|
3565
3563
|
|
|
3566
3564
|
&[data-size="medium"] {
|
|
3567
|
-
${
|
|
3565
|
+
${dC("medium")}
|
|
3568
3566
|
}
|
|
3569
3567
|
|
|
3570
3568
|
&[data-size="large"] {
|
|
3571
|
-
${
|
|
3569
|
+
${dC("large")}
|
|
3572
3570
|
}
|
|
3573
3571
|
|
|
3574
3572
|
&[data-small="true"] {
|
|
@@ -3577,7 +3575,7 @@ object-assign
|
|
|
3577
3575
|
border-radius: 0px;
|
|
3578
3576
|
background-color: transparent;
|
|
3579
3577
|
}
|
|
3580
|
-
`,
|
|
3578
|
+
`,fC=d.default.button`
|
|
3581
3579
|
flex-shrink: 0;
|
|
3582
3580
|
position: relative;
|
|
3583
3581
|
z-index: 1;
|
|
@@ -3589,7 +3587,7 @@ object-assign
|
|
|
3589
3587
|
border-right: 1px solid ${({theme:e})=>e.palette.divider};
|
|
3590
3588
|
outline-offset: -1px;
|
|
3591
3589
|
color: ${({disabled:e,theme:t})=>e?t.palette.text.disabled:t.palette.black};
|
|
3592
|
-
background: ${({disabled:e,$variant:t="light",theme:n})=>{if(e)return n.palette.neutral.softLight;return
|
|
3590
|
+
background: ${({disabled:e,$variant:t="light",theme:n})=>{if(e)return n.palette.neutral.softLight;return sC(n)[t].background}};
|
|
3593
3591
|
cursor: ${({disabled:e})=>e?"not-allowed":"pointer"};
|
|
3594
3592
|
transition: all 0.2s ease;
|
|
3595
3593
|
|
|
@@ -3600,19 +3598,19 @@ object-assign
|
|
|
3600
3598
|
}
|
|
3601
3599
|
|
|
3602
3600
|
/* サイズバリエーション */
|
|
3603
|
-
&:where(${
|
|
3604
|
-
${
|
|
3601
|
+
&:where(${pC}[data-size="small"] *) {
|
|
3602
|
+
${uC("small")}
|
|
3605
3603
|
}
|
|
3606
3604
|
|
|
3607
|
-
&:where(${
|
|
3608
|
-
${
|
|
3605
|
+
&:where(${pC}[data-size="medium"] *) {
|
|
3606
|
+
${uC("medium")}
|
|
3609
3607
|
}
|
|
3610
3608
|
|
|
3611
|
-
&:where(${
|
|
3612
|
-
${
|
|
3609
|
+
&:where(${pC}[data-size="large"] *) {
|
|
3610
|
+
${uC("large")}
|
|
3613
3611
|
}
|
|
3614
3612
|
|
|
3615
|
-
&:where(${
|
|
3613
|
+
&:where(${pC.toString()}[data-small="true"] *) {
|
|
3616
3614
|
display: none;
|
|
3617
3615
|
}
|
|
3618
3616
|
`;d.default(_a)`
|
|
@@ -3624,7 +3622,7 @@ object-assign
|
|
|
3624
3622
|
width: 22px;
|
|
3625
3623
|
height: 22px;
|
|
3626
3624
|
}
|
|
3627
|
-
`;const
|
|
3625
|
+
`;const mC=e.createContext({isSmall:!1,disabled:!1}),hC=({label:e,size:t="medium",variant:n="dark",onRemove:r})=>{const{disabled:a}=c.default.useContext(mC),i=a?void 0:r;return c.default.createElement(ce,{label:e,size:t,variant:n,disabled:a,onRemove:i})},gC=({selectedIndex:t,selectOptions:n,onSelectChange:r,children:a,size:i="medium",variant:l="light",disabled:o=!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===D?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((()=>{o||p(!u)}),[o,u,p]),x=e.useCallback((e=>{o||p(e)}),[o,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(pC,{ref:h,"data-small":f,"data-size":i,"data-disabled":o,$isOpen:d,$error:s,$disabled:o},c.default.createElement(Pi,null,c.default.createElement(Bi,{open:!o&&u,trigger:c.default.createElement(fC,{$variant:l,type:"button",disabled:o,"aria-label":"フィルターのタイプを選ぶ",onClick:v},g[t].icon,c.default.createElement(D,{name:"arrow_down",color:"currentColor"})),onOpenChange:x},g.map((({label:e,icon:n},r)=>c.default.createElement(_a,{key:e,prepend:n,checked:t===r,disabled:o,onChange:()=>b(r)},e))))),c.default.createElement(mC.Provider,{value:{isSmall:f,disabled:o}},a))};d.default.button`
|
|
3628
3626
|
box-sizing: border-box;
|
|
3629
3627
|
display: flex;
|
|
3630
3628
|
align-items: center;
|
|
@@ -3640,12 +3638,12 @@ object-assign
|
|
|
3640
3638
|
isolation: isolate;
|
|
3641
3639
|
z-index: 1;
|
|
3642
3640
|
}
|
|
3643
|
-
`;const
|
|
3641
|
+
`;const bC={small:"12px",medium:"13px",large:"14px"};d.default.span`
|
|
3644
3642
|
flex-grow: 1;
|
|
3645
3643
|
overflow: hidden;
|
|
3646
3644
|
text-overflow: ellipsis;
|
|
3647
3645
|
white-space: nowrap;
|
|
3648
|
-
font-size: ${({$size:e})=>
|
|
3646
|
+
font-size: ${({$size:e})=>bC[e]};
|
|
3649
3647
|
`,d.default.span`
|
|
3650
3648
|
flex-shrink: 0;
|
|
3651
3649
|
width: 18px;
|
|
@@ -3689,7 +3687,7 @@ object-assign
|
|
|
3689
3687
|
border-color: #007bff;
|
|
3690
3688
|
}
|
|
3691
3689
|
}
|
|
3692
|
-
`;const
|
|
3690
|
+
`;const vC=d.default.div`
|
|
3693
3691
|
position: relative;
|
|
3694
3692
|
display: flex;
|
|
3695
3693
|
align-items: center;
|
|
@@ -3697,7 +3695,7 @@ object-assign
|
|
|
3697
3695
|
width: calc(100% + 46px);
|
|
3698
3696
|
height: 100%;
|
|
3699
3697
|
margin-left: -46px;
|
|
3700
|
-
background-color: ${({$variant:e,theme:t})=>
|
|
3698
|
+
background-color: ${({$variant:e,theme:t})=>sC(t)[e].background};
|
|
3701
3699
|
|
|
3702
3700
|
&::before {
|
|
3703
3701
|
content: "";
|
|
@@ -3719,7 +3717,7 @@ object-assign
|
|
|
3719
3717
|
&:where([data-overflowing="true"])::before {
|
|
3720
3718
|
opacity: 1;
|
|
3721
3719
|
}
|
|
3722
|
-
`,
|
|
3720
|
+
`,xC=d.default.div`
|
|
3723
3721
|
position: relative;
|
|
3724
3722
|
display: flex;
|
|
3725
3723
|
align-items: center;
|
|
@@ -3737,7 +3735,7 @@ object-assign
|
|
|
3737
3735
|
&::-webkit-scrollbar {
|
|
3738
3736
|
display: none;
|
|
3739
3737
|
}
|
|
3740
|
-
`,
|
|
3738
|
+
`,yC=d.default.button`
|
|
3741
3739
|
position: absolute;
|
|
3742
3740
|
inset: 0;
|
|
3743
3741
|
box-sizing: border-box;
|
|
@@ -3748,7 +3746,7 @@ object-assign
|
|
|
3748
3746
|
height: 100%;
|
|
3749
3747
|
padding: 0 8px 0 54px;
|
|
3750
3748
|
border: 0;
|
|
3751
|
-
background-color: ${({$variant:e,theme:t})=>
|
|
3749
|
+
background-color: ${({$variant:e,theme:t})=>sC(t)[e].background};
|
|
3752
3750
|
outline-offset: -1px;
|
|
3753
3751
|
cursor: pointer;
|
|
3754
3752
|
transition: background-color 0.2s ease;
|
|
@@ -3756,10 +3754,10 @@ object-assign
|
|
|
3756
3754
|
svg {
|
|
3757
3755
|
transition: color 0.2s ease;
|
|
3758
3756
|
}
|
|
3759
|
-
`,
|
|
3757
|
+
`,wC=d.default.span`
|
|
3760
3758
|
flex-shrink: 0;
|
|
3761
3759
|
width: 18px;
|
|
3762
|
-
`,
|
|
3760
|
+
`,CC=d.default(Ai).attrs({$insetFocusRingPadding:!1})`
|
|
3763
3761
|
position: sticky;
|
|
3764
3762
|
top: 0;
|
|
3765
3763
|
z-index: 1;
|
|
@@ -3770,24 +3768,24 @@ object-assign
|
|
|
3770
3768
|
color: ${({theme:e})=>e.palette.icon.line};
|
|
3771
3769
|
}
|
|
3772
3770
|
}
|
|
3773
|
-
`,
|
|
3771
|
+
`,EC=d.default.div`
|
|
3774
3772
|
display: flex;
|
|
3775
3773
|
align-items: center;
|
|
3776
3774
|
gap: 8px;
|
|
3777
|
-
`,
|
|
3775
|
+
`,IC=d.default.div`
|
|
3778
3776
|
flex: 1;
|
|
3779
3777
|
position: relative;
|
|
3780
3778
|
display: flex;
|
|
3781
3779
|
align-items: center;
|
|
3782
3780
|
|
|
3783
|
-
${
|
|
3781
|
+
${CC} {
|
|
3784
3782
|
flex: 1;
|
|
3785
3783
|
}
|
|
3786
3784
|
|
|
3787
|
-
${
|
|
3785
|
+
${CC} input {
|
|
3788
3786
|
padding-right: 28px;
|
|
3789
3787
|
}
|
|
3790
|
-
`,
|
|
3788
|
+
`,kC=d.default.button`
|
|
3791
3789
|
position: absolute;
|
|
3792
3790
|
right: 8px;
|
|
3793
3791
|
flex-shrink: 0;
|
|
@@ -3799,7 +3797,7 @@ object-assign
|
|
|
3799
3797
|
color: ${({theme:e})=>e.palette.black};
|
|
3800
3798
|
cursor: pointer;
|
|
3801
3799
|
z-index: 1;
|
|
3802
|
-
`,
|
|
3800
|
+
`,MC=d.default.div`
|
|
3803
3801
|
display: inline-flex;
|
|
3804
3802
|
gap: 0;
|
|
3805
3803
|
|
|
@@ -3818,12 +3816,12 @@ object-assign
|
|
|
3818
3816
|
border-bottom-left-radius: 0;
|
|
3819
3817
|
border-top-left-radius: 0;
|
|
3820
3818
|
}
|
|
3821
|
-
|
|
3819
|
+
`,$C=d.default.div`
|
|
3822
3820
|
min-width: 0;
|
|
3823
3821
|
width: calc(100% + 46px);
|
|
3824
3822
|
height: 100%;
|
|
3825
3823
|
margin-left: -46px;
|
|
3826
|
-
`,
|
|
3824
|
+
`,AC=d.default.button`
|
|
3827
3825
|
box-sizing: border-box;
|
|
3828
3826
|
display: flex;
|
|
3829
3827
|
align-items: center;
|
|
@@ -3831,7 +3829,7 @@ object-assign
|
|
|
3831
3829
|
height: 100%;
|
|
3832
3830
|
padding: 0 8px 0 54px;
|
|
3833
3831
|
border: 0;
|
|
3834
|
-
background: ${({$variant:e,theme:t})=>
|
|
3832
|
+
background: ${({$variant:e,theme:t})=>sC(t)[e].background};
|
|
3835
3833
|
outline-offset: -1px;
|
|
3836
3834
|
text-align: left;
|
|
3837
3835
|
color: ${({theme:e})=>e.palette.black};
|
|
@@ -3841,16 +3839,16 @@ object-assign
|
|
|
3841
3839
|
isolation: isolate;
|
|
3842
3840
|
z-index: 1;
|
|
3843
3841
|
}
|
|
3844
|
-
|
|
3842
|
+
`,SC={small:"12px",medium:"13px",large:"14px"},LC=d.default.span`
|
|
3845
3843
|
flex-grow: 1;
|
|
3846
3844
|
overflow: hidden;
|
|
3847
3845
|
text-overflow: ellipsis;
|
|
3848
3846
|
white-space: nowrap;
|
|
3849
|
-
font-size: ${({$size:e})
|
|
3850
|
-
`,
|
|
3847
|
+
font-size: ${({$size:e})=>SC[e]};
|
|
3848
|
+
`,VC=d.default.span`
|
|
3851
3849
|
flex-shrink: 0;
|
|
3852
3850
|
width: 18px;
|
|
3853
|
-
`,
|
|
3851
|
+
`,OC=d.default(Ai).attrs({$insetFocusRingPadding:!1})`
|
|
3854
3852
|
input {
|
|
3855
3853
|
&::placeholder {
|
|
3856
3854
|
color: ${({$placeholderColor:e,theme:t})=>e||t.palette.icon.line};
|
|
@@ -3911,7 +3909,7 @@ object-assign
|
|
|
3911
3909
|
align-items: center;
|
|
3912
3910
|
pointer-events: none;
|
|
3913
3911
|
}
|
|
3914
|
-
`;const
|
|
3912
|
+
`;const HC=d.default.div`
|
|
3915
3913
|
max-height: 180px;
|
|
3916
3914
|
overflow: auto;
|
|
3917
3915
|
scrollbar-width: none;
|
|
@@ -3934,24 +3932,24 @@ object-assign
|
|
|
3934
3932
|
box-shadow: ${v.dropdown};
|
|
3935
3933
|
z-index: 1000;
|
|
3936
3934
|
|
|
3937
|
-
${
|
|
3935
|
+
${HC}:not(:last-child) {
|
|
3938
3936
|
border-top: 1px solid ${({theme:e})=>e.palette.neutral.lighter};
|
|
3939
3937
|
}
|
|
3940
|
-
`;const
|
|
3938
|
+
`;const DC=d.default.div`
|
|
3941
3939
|
position: relative;
|
|
3942
3940
|
display: flex;
|
|
3943
3941
|
align-items: center;
|
|
3944
3942
|
gap: 8px;
|
|
3945
3943
|
|
|
3946
|
-
${
|
|
3944
|
+
${OC} {
|
|
3947
3945
|
flex: 1;
|
|
3948
3946
|
position: relative;
|
|
3949
3947
|
}
|
|
3950
3948
|
|
|
3951
|
-
${
|
|
3949
|
+
${OC} input {
|
|
3952
3950
|
padding-right: 28px;
|
|
3953
3951
|
}
|
|
3954
|
-
`,
|
|
3952
|
+
`,RC=d.default.button`
|
|
3955
3953
|
position: absolute;
|
|
3956
3954
|
right: 8px;
|
|
3957
3955
|
flex-shrink: 0;
|
|
@@ -3963,7 +3961,7 @@ object-assign
|
|
|
3963
3961
|
color: ${({theme:e})=>e.palette.black};
|
|
3964
3962
|
cursor: pointer;
|
|
3965
3963
|
z-index: 1;
|
|
3966
|
-
`,
|
|
3964
|
+
`,NC=d.default.div`
|
|
3967
3965
|
display: flex;
|
|
3968
3966
|
align-items: center;
|
|
3969
3967
|
min-height: 100%;
|
|
@@ -3971,30 +3969,30 @@ object-assign
|
|
|
3971
3969
|
border-radius: 0 4px 4px 0;
|
|
3972
3970
|
overflow: auto;
|
|
3973
3971
|
scrollbar-width: none;
|
|
3974
|
-
background: ${({$variant:e,theme:t})=>
|
|
3972
|
+
background: ${({$variant:e,theme:t})=>sC(t)[e].background};
|
|
3975
3973
|
|
|
3976
3974
|
&::-webkit-scrollbar {
|
|
3977
3975
|
display: none;
|
|
3978
3976
|
}
|
|
3979
3977
|
|
|
3980
|
-
&:where(${
|
|
3978
|
+
&:where(${pC}[data-small="true"] *) {
|
|
3981
3979
|
display: none;
|
|
3982
3980
|
}
|
|
3983
|
-
`,
|
|
3981
|
+
`,zC=d.default.div`
|
|
3984
3982
|
flex-grow: 1;
|
|
3985
3983
|
display: flex;
|
|
3986
3984
|
gap: 5px;
|
|
3987
3985
|
white-space: nowrap;
|
|
3988
|
-
`,
|
|
3986
|
+
`,TC={small:"26px",medium:"30px",large:"38px"},ZC=d.default.button`
|
|
3989
3987
|
position: absolute;
|
|
3990
3988
|
inset: 0 0 0 auto;
|
|
3991
3989
|
display: none;
|
|
3992
3990
|
place-items: center;
|
|
3993
|
-
width: ${({$size:e="medium"})=>
|
|
3991
|
+
width: ${({$size:e="medium"})=>TC[e]};
|
|
3994
3992
|
border: 0;
|
|
3995
3993
|
outline-offset: -1px;
|
|
3996
3994
|
color: ${({theme:e})=>e.palette.black};
|
|
3997
|
-
background-color: ${({$variant:e,theme:t})=>
|
|
3995
|
+
background-color: ${({$variant:e,theme:t})=>sC(t)[e].background};
|
|
3998
3996
|
box-shadow: -2px 0px 4px rgba(4, 28, 51, 0.16);
|
|
3999
3997
|
cursor: pointer;
|
|
4000
3998
|
transition: background-color 0.2s ease;
|
|
@@ -4010,10 +4008,10 @@ object-assign
|
|
|
4010
4008
|
display: grid;
|
|
4011
4009
|
}
|
|
4012
4010
|
|
|
4013
|
-
&:where(${
|
|
4011
|
+
&:where(${pC}[data-small="true"] *) {
|
|
4014
4012
|
position: static;
|
|
4015
4013
|
display: grid;
|
|
4016
|
-
width: ${({$size:e="medium"})=>
|
|
4014
|
+
width: ${({$size:e="medium"})=>TC[e]};
|
|
4017
4015
|
aspect-ratio: 1;
|
|
4018
4016
|
border: 1px solid ${({theme:e})=>e.palette.divider};
|
|
4019
4017
|
border-radius: 4px;
|
|
@@ -4026,7 +4024,7 @@ object-assign
|
|
|
4026
4024
|
}
|
|
4027
4025
|
}
|
|
4028
4026
|
|
|
4029
|
-
&:where(${
|
|
4027
|
+
&:where(${pC}[data-small="true"] *:active:not(:disabled)) {
|
|
4030
4028
|
padding-top: 4px;
|
|
4031
4029
|
background: ${g.neutral.highlight};
|
|
4032
4030
|
box-shadow: ${Fa(2,.04,g.black)};
|
|
@@ -4041,7 +4039,7 @@ object-assign
|
|
|
4041
4039
|
background-color: transparent;
|
|
4042
4040
|
pointer-events: none;
|
|
4043
4041
|
}
|
|
4044
|
-
`,
|
|
4042
|
+
`,BC=d.default.div`
|
|
4045
4043
|
position: relative;
|
|
4046
4044
|
flex-grow: 1;
|
|
4047
4045
|
min-width: 100px;
|
|
@@ -4067,7 +4065,7 @@ object-assign
|
|
|
4067
4065
|
width: 20px;
|
|
4068
4066
|
color: ${({theme:e})=>e.palette.icon.line};
|
|
4069
4067
|
pointer-events: none;
|
|
4070
|
-
`;const
|
|
4068
|
+
`;const PC=d.default.div`
|
|
4071
4069
|
display: grid;
|
|
4072
4070
|
grid-template:
|
|
4073
4071
|
"title title"
|
|
@@ -4095,7 +4093,7 @@ object-assign
|
|
|
4095
4093
|
"bottom";
|
|
4096
4094
|
gap: 16px;
|
|
4097
4095
|
}
|
|
4098
|
-
`,
|
|
4096
|
+
`,_C=d.default((({className:e,children:t})=>c.default.createElement("div",{className:e},c.default.createElement(PC,null,t))))`
|
|
4099
4097
|
container-type: inline-size;
|
|
4100
4098
|
position: absolute;
|
|
4101
4099
|
inset: 20px;
|
|
@@ -4104,7 +4102,7 @@ object-assign
|
|
|
4104
4102
|
align-items: center;
|
|
4105
4103
|
justify-content: center;
|
|
4106
4104
|
pointer-events: none;
|
|
4107
|
-
`,
|
|
4105
|
+
`,GC=d.default.div`
|
|
4108
4106
|
grid-area: title;
|
|
4109
4107
|
padding: 8px 16px;
|
|
4110
4108
|
margin: 0 -16px;
|
|
@@ -4113,20 +4111,20 @@ object-assign
|
|
|
4113
4111
|
font-size: 16px;
|
|
4114
4112
|
color: ${({theme:e})=>e.palette.black};
|
|
4115
4113
|
background: ${({theme:e})=>e.palette.neutral.ultraLight};
|
|
4116
|
-
`,
|
|
4114
|
+
`,FC=d.default.div`
|
|
4117
4115
|
grid-area: left;
|
|
4118
4116
|
min-width: 0;
|
|
4119
|
-
`,
|
|
4117
|
+
`,YC=d.default.div`
|
|
4120
4118
|
grid-area: right;
|
|
4121
4119
|
min-width: 0;
|
|
4122
|
-
`,
|
|
4120
|
+
`,jC=d.default.p`
|
|
4123
4121
|
margin: 0 0 4px;
|
|
4124
4122
|
/* UI/Text 13 bold */
|
|
4125
4123
|
font-weight: 700;
|
|
4126
4124
|
font-size: 13px;
|
|
4127
4125
|
line-height: 16px;
|
|
4128
4126
|
color: ${({theme:e})=>e.palette.black};
|
|
4129
|
-
`,
|
|
4127
|
+
`,WC=d.default.button`
|
|
4130
4128
|
display: grid;
|
|
4131
4129
|
grid-template:
|
|
4132
4130
|
"spacer spacer" 0
|
|
@@ -4160,7 +4158,7 @@ object-assign
|
|
|
4160
4158
|
box-shadow: 0 0 0 3px
|
|
4161
4159
|
${({theme:e})=>`${e.palette.primary.softLight}66`};
|
|
4162
4160
|
}
|
|
4163
|
-
`,
|
|
4161
|
+
`,XC=d.default.div`
|
|
4164
4162
|
grid-area: spacer;
|
|
4165
4163
|
display: flex;
|
|
4166
4164
|
gap: 2px;
|
|
@@ -4171,7 +4169,7 @@ object-assign
|
|
|
4171
4169
|
font-size: 13px;
|
|
4172
4170
|
line-height: 16px;
|
|
4173
4171
|
text-align: left;
|
|
4174
|
-
`,
|
|
4172
|
+
`,JC=d.default.div`
|
|
4175
4173
|
grid-area: label;
|
|
4176
4174
|
display: flex;
|
|
4177
4175
|
gap: 2px;
|
|
@@ -4182,12 +4180,12 @@ object-assign
|
|
|
4182
4180
|
line-height: 16px;
|
|
4183
4181
|
text-align: left;
|
|
4184
4182
|
color: ${({theme:e})=>e.palette.black};
|
|
4185
|
-
`,
|
|
4183
|
+
`,UC=d.default.div`
|
|
4186
4184
|
grid-area: downArrow;
|
|
4187
4185
|
display: flex;
|
|
4188
4186
|
align-items: center;
|
|
4189
4187
|
justify-content: center;
|
|
4190
|
-
`,
|
|
4188
|
+
`,QC=d.default.div`
|
|
4191
4189
|
position: relative;
|
|
4192
4190
|
display: flex;
|
|
4193
4191
|
gap: 6px;
|
|
@@ -4206,14 +4204,14 @@ object-assign
|
|
|
4206
4204
|
box-shadow: 0 0 0 3px
|
|
4207
4205
|
${({theme:e})=>`${e.palette.primary.softLight}66`};
|
|
4208
4206
|
}
|
|
4209
|
-
`,
|
|
4207
|
+
`,qC=d.default.button`
|
|
4210
4208
|
position: absolute;
|
|
4211
4209
|
inset: 0;
|
|
4212
4210
|
border: 0;
|
|
4213
4211
|
padding: 0;
|
|
4214
4212
|
background: transparent;
|
|
4215
4213
|
cursor: text;
|
|
4216
|
-
`,
|
|
4214
|
+
`,KC=d.default.div`
|
|
4217
4215
|
isolation: isolate;
|
|
4218
4216
|
display: grid;
|
|
4219
4217
|
grid-template-columns: 0px min-content;
|
|
@@ -4231,12 +4229,12 @@ object-assign
|
|
|
4231
4229
|
outline: none;
|
|
4232
4230
|
background: transparent;
|
|
4233
4231
|
}
|
|
4234
|
-
`,
|
|
4232
|
+
`,eE=d.default.div`
|
|
4235
4233
|
visibility: hidden;
|
|
4236
4234
|
white-space: pre;
|
|
4237
4235
|
grid-area: 1 / 2;
|
|
4238
4236
|
font: inherit;
|
|
4239
|
-
`,
|
|
4237
|
+
`,tE=d.default.button`
|
|
4240
4238
|
position: absolute;
|
|
4241
4239
|
inset: 0 8px 0 auto;
|
|
4242
4240
|
display: grid;
|
|
@@ -4247,7 +4245,7 @@ object-assign
|
|
|
4247
4245
|
color: ${({theme:e})=>e.palette.black};
|
|
4248
4246
|
background: transparent;
|
|
4249
4247
|
cursor: pointer;
|
|
4250
|
-
`,
|
|
4248
|
+
`,nE=d.default.ul`
|
|
4251
4249
|
grid-area: bottom;
|
|
4252
4250
|
display: flex;
|
|
4253
4251
|
gap: 8px;
|
|
@@ -4255,7 +4253,7 @@ object-assign
|
|
|
4255
4253
|
padding: 16px 0 0;
|
|
4256
4254
|
border-top: 1px solid ${({theme:e})=>e.palette.neutral.softLight};
|
|
4257
4255
|
list-style: none;
|
|
4258
|
-
`,
|
|
4256
|
+
`,rE=({isOpen:n,title:r,values:a,selectedIndex:i,selectOptions:l,onApply:o,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((()=>l.map((e=>Object.assign(Object.assign({},e),{icon:c.default.cloneElement(e.icon,{size:d,color:w.palette.black})})))),[l,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]),L=e.useCallback((()=>{g([]),p(""),m(!1)}),[]),V=e.useCallback((()=>{s()}),[s]),O=e.useCallback((()=>{o(h,b),s()}),[h,b,o,s]),H=e.useCallback((e=>{p(e.target.value)}),[]),R=e.useCallback((()=>{m(!0)}),[]),N=e.useCallback((()=>{m(!1)}),[]),z=e.useCallback((()=>{C(u)}),[u,C]),T=e.useMemo((()=>h.map(((e,t)=>c.default.createElement(hC,{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(_a,{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(yp,{isOpen:n,onClose:s},c.default.createElement(Rs,{in:n},c.default.createElement(_C,null,c.default.createElement(GC,null,r),c.default.createElement(FC,null,c.default.createElement(jC,null,"条件"),c.default.createElement(Pi,null,c.default.createElement(Bi,{open:x,trigger:c.default.createElement(WC,null,c.default.createElement(XC,{role:"presentation"},I.icon,I.label),c.default.createElement(JC,null,B),c.default.createElement(UC,null,c.default.createElement(D,{name:"arrow_down",color:"currentColor"}))),onOpenChange:y},Z))),c.default.createElement(YC,null,c.default.createElement(jC,null,"値"),c.default.createElement(QC,null,c.default.createElement(qC,{type:"button",onClick:$}),T,c.default.createElement(KC,null,c.default.createElement("input",{ref:k,type:"text","aria-label":"フィルターする値",value:u,onChange:H,onCompositionStart:R,onCompositionEnd:N,onKeyDown:S,onBlur:z}),c.default.createElement(eE,null,u)),c.default.createElement(tE,{type:"button",onClick:L},c.default.createElement(D,{name:"close_circle",type:"fill",color:"currentColor"})))),c.default.createElement(nE,null,c.default.createElement("li",null,c.default.createElement(ml,{size:"small",color:"clear",onClick:V},"キャンセル")),c.default.createElement("li",null,c.default.createElement(ml,{size:"small",onClick:O},"適用"))))))},aE=d.default.div`
|
|
4259
4257
|
position: fixed;
|
|
4260
4258
|
${({isOpen:e,height:t,offset:n,placement:r})=>`${r}: ${e?`${n}px`:""+(0!==t?`calc(${-t}px - 10px)`:"-100vh")}`};
|
|
4261
4259
|
width: 100%;
|
|
@@ -4264,22 +4262,22 @@ object-assign
|
|
|
4264
4262
|
border-bottom: 1px solid ${({theme:e})=>e.palette.neutral.softLight};
|
|
4265
4263
|
transition: all 0.3s;
|
|
4266
4264
|
z-index: 1;
|
|
4267
|
-
`,
|
|
4265
|
+
`,iE=c.forwardRef((function({isOpen:e,placement:t="top",offset:n=0,children:r},a){const[i,l]=c.useState(null),o=Ns(a,l);return c.createElement(aE,{ref:o,height:(null==i?void 0:i.clientHeight)||0,offset:n,isOpen:e,placement:t},r)})),lE=d.default.div`
|
|
4268
4266
|
display: flex;
|
|
4269
4267
|
align-items: flex-start;
|
|
4270
|
-
`,
|
|
4268
|
+
`,oE=d.default.div`
|
|
4271
4269
|
padding: ${({theme:e})=>2*e.spacing}px;
|
|
4272
|
-
`,
|
|
4270
|
+
`,sE=d.default.div`
|
|
4273
4271
|
cursor: pointer;
|
|
4274
4272
|
padding: ${({theme:e})=>e.spacing}px;
|
|
4275
|
-
`,
|
|
4273
|
+
`,cE=c.forwardRef((function({baseElement:e,positionPriority:t=["right-start"],offset:n=[0,10],isOpen:r,onClose:a,popoverProps:i,children:l},o){const s=S();return c.createElement(Op,Object.assign({isOpen:r,baseElement:e,positionPriority:t,offset:n,onClose:a},i),c.createElement(lE,{ref:o},c.createElement(oE,null,l),c.createElement(sE,{onClick:e=>{a&&a(e,"clickCloseIcon")}},c.createElement(D,{name:"close",color:s.palette.black}))))})),dE=t.keyframes`
|
|
4276
4274
|
0% {
|
|
4277
4275
|
transform: translate(-50%, 0%);
|
|
4278
4276
|
}
|
|
4279
4277
|
100% {
|
|
4280
4278
|
transform: translate(-50%, -48%);
|
|
4281
4279
|
}
|
|
4282
|
-
`,
|
|
4280
|
+
`,uE=d.default(Gu)`
|
|
4283
4281
|
position: absolute;
|
|
4284
4282
|
top: 50%;
|
|
4285
4283
|
left: 50%;
|
|
@@ -4289,20 +4287,20 @@ object-assign
|
|
|
4289
4287
|
transform: translate(-50%, -48%);
|
|
4290
4288
|
border-radius: 8px 8px 0 0;
|
|
4291
4289
|
background-color: ${({theme:e})=>e.palette.background.default};
|
|
4292
|
-
animation: ${
|
|
4290
|
+
animation: ${dE} 0.4s;
|
|
4293
4291
|
overflow: hidden;
|
|
4294
|
-
`,
|
|
4292
|
+
`,pE=d.default.div`
|
|
4295
4293
|
display: flex;
|
|
4296
4294
|
justify-content: space-between;
|
|
4297
4295
|
align-items: center;
|
|
4298
4296
|
padding: ${({theme:e})=>2*e.spacing}px
|
|
4299
4297
|
${({theme:e})=>3*e.spacing}px;
|
|
4300
4298
|
border-bottom: 1px solid ${({theme:e})=>e.palette.neutral.softLight};
|
|
4301
|
-
`,
|
|
4299
|
+
`,fE=d.default.div`
|
|
4302
4300
|
display: flex;
|
|
4303
4301
|
align-items: center;
|
|
4304
4302
|
max-width: 70%;
|
|
4305
|
-
`,
|
|
4303
|
+
`,mE=d.default.div`
|
|
4306
4304
|
margin-bottom: ${({showFooter:e,theme:t})=>e?2*t.spacing*2+42:0}px;
|
|
4307
4305
|
${({overflowYScroll:e,showFooter:n,theme:r})=>e?cp({maxHeight:"auto",height:`calc(100vh - ${2*r.spacing*2+42+(n?61:0)}px)`}):t.css`
|
|
4308
4306
|
overflow-y: visible;
|
|
@@ -4311,7 +4309,7 @@ object-assign
|
|
|
4311
4309
|
100vh - ${2*r.spacing*2+42+(n?61:0)}px
|
|
4312
4310
|
);
|
|
4313
4311
|
`}
|
|
4314
|
-
`,
|
|
4312
|
+
`,hE=d.default.div`
|
|
4315
4313
|
position: fixed;
|
|
4316
4314
|
left: 0;
|
|
4317
4315
|
bottom: 0;
|
|
@@ -4324,9 +4322,9 @@ object-assign
|
|
|
4324
4322
|
background-color: ${({theme:e})=>e.palette.neutral.highlight};
|
|
4325
4323
|
border-radius: 0;
|
|
4326
4324
|
margin-bottom: 1.8vh;
|
|
4327
|
-
`,
|
|
4325
|
+
`,gE=d.default.div`
|
|
4328
4326
|
cursor: pointer;
|
|
4329
|
-
`,
|
|
4327
|
+
`,bE=d.default.div`
|
|
4330
4328
|
position: fixed;
|
|
4331
4329
|
top: 0;
|
|
4332
4330
|
left: 0;
|
|
@@ -4336,43 +4334,43 @@ object-assign
|
|
|
4336
4334
|
display: flex;
|
|
4337
4335
|
justify-content: center;
|
|
4338
4336
|
align-items: center;
|
|
4339
|
-
`,
|
|
4340
|
-
&.${
|
|
4337
|
+
`,vE=c.forwardRef((function(e,t){te("FullSizeConfirmModal","FullSizeConfirmModal は非推奨です。代わりに Drawer を使用してください。");const n=Lc({props:e,name:"FullSizeConfirmModal"}),{title:r,confirmText:a="Confirm",cancelText:i="Cancel",children:l,onClose:o,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=S(),y=!!s,w=e=>t=>{o&&o(t,e)};return c.createElement(yp,Object.assign({isOpen:u,onClose:o},b),c.createElement(Rs,Object.assign({in:u,unmountOnExit:!0},v),c.createElement(uE,{ref:t,role:"dialog","aria-modal":"true","aria-label":r},c.createElement("form",{onSubmit:s},c.createElement(pE,null,c.createElement(fE,null,c.createElement(q,{weight:"bold",size:"xxxl"},r),g&&c.createElement(tl,{pl:2},c.createElement(z,{display:"flex",alignItems:"center",gap:1},g.map(((e,t)=>c.createElement(c.Fragment,{key:t},e)))))),c.createElement(gE,{onClick:w("clickCloseIcon")},c.createElement(D,{name:"close",size:"lg",color:x.palette.black}))),c.createElement(mE,{overflowYScroll:m,showFooter:y},h?l:c.createElement(tl,{px:3,pb:3},l)),y&&c.createElement(hE,null,c.createElement(z,{display:"flex",alignItems:"center"},c.createElement(ml,{type:"button",color:"secondaryLight",inline:!0,onClick:w("clickCancelButton")},i),c.createElement(tl,{pr:2}),c.createElement(ml,{type:"submit",color:d,disabled:p,inline:!0},a)))),f&&c.createElement(bE,null,c.createElement(sl,null)))))})),xE="grow-transition",yE=d.default(bs)`
|
|
4338
|
+
&.${xE}-enter, &.${xE}-appear {
|
|
4341
4339
|
transform: scale(0);
|
|
4342
4340
|
}
|
|
4343
4341
|
|
|
4344
|
-
&.${
|
|
4342
|
+
&.${xE}-enter-active, &.${xE}-appear-active {
|
|
4345
4343
|
transform: none;
|
|
4346
4344
|
transition: transform ${({timeout:e})=>Os(e,"enter")}ms;
|
|
4347
4345
|
}
|
|
4348
4346
|
|
|
4349
|
-
&.${
|
|
4347
|
+
&.${xE}-exit {
|
|
4350
4348
|
transform: none;
|
|
4351
4349
|
}
|
|
4352
4350
|
|
|
4353
|
-
&.${
|
|
4351
|
+
&.${xE}-exit-active {
|
|
4354
4352
|
transform: scale(0);
|
|
4355
4353
|
transition: transform ${({timeout:e})=>Os(e,"exit")}ms;
|
|
4356
4354
|
}
|
|
4357
4355
|
|
|
4358
|
-
&.${
|
|
4356
|
+
&.${xE}-exit-done {
|
|
4359
4357
|
transform: scale(0);
|
|
4360
4358
|
}
|
|
4361
|
-
`,
|
|
4359
|
+
`,wE={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"}},CE=d.default.span`
|
|
4362
4360
|
color: ${({$color:e})=>e};
|
|
4363
4361
|
${C}
|
|
4364
|
-
`,
|
|
4362
|
+
`,EE=d.default.a`
|
|
4365
4363
|
display: inline-flex;
|
|
4366
4364
|
align-items: center;
|
|
4367
4365
|
vertical-align: middle;
|
|
4368
|
-
gap: ${({$size:e})=>
|
|
4369
|
-
font-size: ${({$size:e})=>`${
|
|
4366
|
+
gap: ${({$size:e})=>wE[e].gap};
|
|
4367
|
+
font-size: ${({$size:e})=>`${wE[e].fontSize}px`};
|
|
4370
4368
|
text-decoration: none;
|
|
4371
4369
|
|
|
4372
|
-
&:hover ${
|
|
4370
|
+
&:hover ${CE} {
|
|
4373
4371
|
text-decoration: ${({$isLink:e})=>e?"underline":"none"};
|
|
4374
4372
|
}
|
|
4375
|
-
`;function
|
|
4373
|
+
`;function IE(e,t,n){return c.default.isValidElement(e)?c.default.cloneElement(e,{size:wE[t].iconSize,color:n}):e}const kE=t.keyframes`
|
|
4376
4374
|
0% {
|
|
4377
4375
|
right: 100%;
|
|
4378
4376
|
left: -35%;
|
|
@@ -4387,7 +4385,7 @@ object-assign
|
|
|
4387
4385
|
right: -90%;
|
|
4388
4386
|
left: 100%;
|
|
4389
4387
|
}
|
|
4390
|
-
`,
|
|
4388
|
+
`,ME=t.keyframes`
|
|
4391
4389
|
0% {
|
|
4392
4390
|
right: 100%;
|
|
4393
4391
|
left: -200%;
|
|
@@ -4402,7 +4400,7 @@ object-assign
|
|
|
4402
4400
|
right: -8%;
|
|
4403
4401
|
left: 107%;
|
|
4404
4402
|
}
|
|
4405
|
-
|
|
4403
|
+
`,$E=d.default.span.attrs({role:"progressbar","aria-label":"読み込み中","aria-busy":!0})`
|
|
4406
4404
|
position: relative;
|
|
4407
4405
|
display: block;
|
|
4408
4406
|
overflow: hidden;
|
|
@@ -4423,21 +4421,21 @@ object-assign
|
|
|
4423
4421
|
}
|
|
4424
4422
|
|
|
4425
4423
|
&::before {
|
|
4426
|
-
animation: ${
|
|
4424
|
+
animation: ${kE} 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395)
|
|
4427
4425
|
infinite;
|
|
4428
4426
|
}
|
|
4429
4427
|
|
|
4430
4428
|
&::after {
|
|
4431
|
-
animation: ${
|
|
4429
|
+
animation: ${ME} 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s
|
|
4432
4430
|
infinite;
|
|
4433
4431
|
}
|
|
4434
|
-
`,
|
|
4432
|
+
`,AE=d.default.div`
|
|
4435
4433
|
border: 1px solid
|
|
4436
4434
|
${({theme:e,isFocused:t})=>t?e.palette.primary.base:e.palette.divider};
|
|
4437
4435
|
border-radius: ${({theme:e})=>e.radius}px;
|
|
4438
4436
|
display: flex;
|
|
4439
4437
|
background-color: ${({theme:e})=>e.palette.background.default};
|
|
4440
|
-
|
|
4438
|
+
`,SE=d.default.div`
|
|
4441
4439
|
display: flex;
|
|
4442
4440
|
align-items: center;
|
|
4443
4441
|
flex-wrap: wrap;
|
|
@@ -4449,48 +4447,48 @@ object-assign
|
|
|
4449
4447
|
flex-grow: 1;
|
|
4450
4448
|
margin-bottom: 8px;
|
|
4451
4449
|
}
|
|
4452
|
-
`,
|
|
4450
|
+
`,LE=d.default.div`
|
|
4453
4451
|
padding-left: 8px;
|
|
4454
4452
|
margin-bottom: 8px;
|
|
4455
|
-
`,
|
|
4453
|
+
`,VE=d.default.div`
|
|
4456
4454
|
display: flex;
|
|
4457
4455
|
justify-content: center;
|
|
4458
4456
|
align-items: center;
|
|
4459
4457
|
padding-left: 8px;
|
|
4460
4458
|
flex-grow: 0;
|
|
4461
|
-
`,
|
|
4459
|
+
`,OE=d.default.div`
|
|
4462
4460
|
padding-top: 8px;
|
|
4463
4461
|
padding-bottom: 8px;
|
|
4464
4462
|
flex-grow: 1;
|
|
4465
4463
|
min-height: 40px;
|
|
4466
4464
|
display: flex;
|
|
4467
4465
|
align-items: center;
|
|
4468
|
-
`,
|
|
4466
|
+
`,HE=d.default.div`
|
|
4469
4467
|
flex-grow: 0;
|
|
4470
4468
|
display: flex;
|
|
4471
4469
|
align-items: center;
|
|
4472
4470
|
padding-right: 19px;
|
|
4473
|
-
`,
|
|
4471
|
+
`,DE=d.default.div``,RE=d.default(Gu)`
|
|
4474
4472
|
box-shadow: ${({theme:e})=>Fa(5,e.palette.action.shadowOpacity,e.palette.action.shadowBase)};
|
|
4475
4473
|
min-width: 300px;
|
|
4476
4474
|
width: ${({width:e})=>e};
|
|
4477
4475
|
border-radius: ${({theme:e})=>`${e.radius}px`};
|
|
4478
4476
|
background-color: ${({theme:e})=>e.palette.background.default};
|
|
4479
|
-
`,
|
|
4477
|
+
`,NE=d.default.div`
|
|
4480
4478
|
display: flex;
|
|
4481
4479
|
justify-content: space-between;
|
|
4482
4480
|
align-items: center;
|
|
4483
4481
|
padding: ${({theme:e})=>2*e.spacing}px
|
|
4484
4482
|
${({theme:e})=>3*e.spacing}px;
|
|
4485
4483
|
border-bottom: 1px solid ${({theme:e})=>e.palette.neutral.lighter};
|
|
4486
|
-
`,
|
|
4484
|
+
`,zE=d.default.div`
|
|
4487
4485
|
cursor: pointer;
|
|
4488
|
-
`,
|
|
4486
|
+
`,TE=d.default.div`
|
|
4489
4487
|
padding: ${({theme:e})=>2*e.spacing}px
|
|
4490
4488
|
${({theme:e})=>3*e.spacing}px;
|
|
4491
|
-
`,
|
|
4489
|
+
`,ZE=d.default.div`
|
|
4492
4490
|
text-align: right;
|
|
4493
|
-
`,
|
|
4491
|
+
`,BE=d.default.div``,PE=d.default.div`
|
|
4494
4492
|
position: relative;
|
|
4495
4493
|
display: flex;
|
|
4496
4494
|
align-items: center;
|
|
@@ -4501,37 +4499,37 @@ object-assign
|
|
|
4501
4499
|
${({hasRightIcon:e})=>e?"padding-right: 32px":""};
|
|
4502
4500
|
${({hasLeftIcon:e})=>e?"padding-left: 35px":""};
|
|
4503
4501
|
}
|
|
4504
|
-
`,
|
|
4502
|
+
`,_E=d.default.div`
|
|
4505
4503
|
position: absolute;
|
|
4506
4504
|
top: 50%;
|
|
4507
4505
|
transform: translateY(-50%);
|
|
4508
4506
|
cursor: pointer;
|
|
4509
|
-
`,
|
|
4507
|
+
`,GE=d.default(_E)`
|
|
4510
4508
|
left: 10px;
|
|
4511
|
-
`,
|
|
4509
|
+
`,FE=d.default(_E)`
|
|
4512
4510
|
right: 10px;
|
|
4513
|
-
`,
|
|
4511
|
+
`,YE=c.forwardRef((function(e,t){var{errorText:n,icon:r,type:a,inputRef:i}=e,l=p(e,["errorText","icon","type","inputRef"]);te("TextField","TextField は非推奨です。代わりに Input(+必要なら ErrorText)を使用してください。");const[o,s]=c.useState(!1),d=S(),u=()=>{s(!o)};return c.createElement(BE,{ref:t},c.createElement(PE,{hasLeftIcon:null!=r,hasRightIcon:"password"===a},null!=r&&c.createElement(GE,{onClick:u},c.createElement(D,{name:r,size:"md",color:d.palette.neutral.base})),c.createElement(Mi,Object.assign({ref:i},l,{error:!!n,type:o?"text":a})),"password"===a&&c.createElement(FE,{onClick:u},c.createElement(D,{name:o?"eye":"eye_off",size:"md",color:d.palette.black}))),n&&c.createElement(tl,{pt:1},c.createElement(sc,null,n)))})),jE=e=>{var n,r;const a=Lc({props:e,name:"FilterCard"}),{onClose:i,onApply:l,selectedFilterPack:o,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==o?void 0:o.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==o?void 0:o.filters[0]),[I,k]=c.useState(""),M=null==o?void 0:o.filters.find((e=>e.filterName===(null==C?void 0:C.filterName))),$=null==o?void 0:o.filters.map((e=>({label:e.filterName,value:e.filterName}))),A=e=>{k(""),w(e.target.value)},S=e=>{e.target.value||k(d)},L=e=>{w(null==e?void 0:e.value)};return c.createElement(RE,{width:p},c.createElement(NE,null,c.createElement(q,{weight:"bold",size:"xxl"},null==o?void 0:o.categoryName),c.createElement(tl,{pr:2}),c.createElement(zE,{key:"close",onClick:i},c.createElement(D,{name:"close",size:"md",color:g.palette.black}))),c.createElement(TE,null,b&&c.createElement(c.Fragment,null,c.createElement(q,{weight:"bold",size:"lg"},(null==o?void 0:o.sectionTitle)||m),c.createElement(tl,{py:.5}),c.createElement(Db,{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==o?void 0:o.filters.find((t=>t.filterName===e.value));x(null==t?void 0:t.filterName),E(t)}}),c.createElement(tl,{py:1})),C&&c.createElement("div",null,c.createElement(q,{weight:"bold",size:"lg"},(null==M?void 0:M.conditionTitle)||h),c.createElement(tl,{py:.5}),M&&(e=>{switch(null==e?void 0:e.control.type){case"text":return c.createElement(YE,{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(Db,{options:t.map((e=>({label:e,value:e}))),autoFocus:!0,onChange:L});case"boolean":return c.createElement("div",null,c.createElement(qb,{name:"condition",value:"true",autoFocus:!0,onChange:A,onBlur:S},"true"),c.createElement("br",null),c.createElement(qb,{name:"condition",value:"false",autoFocus:!0,onChange:A,onBlur:S},"false"))}})(M),c.createElement(tl,{py:1})),c.createElement($p,{orientation:"horizontal",color:g.palette.neutral.softLight,my:2}),c.createElement(ZE,null,c.createElement(ml,{size:"small",inline:!0,disabled:b&&!v||!y,onClick:()=>{const e={categoryName:null==o?void 0:o.categoryName,filterName:b?null==C?void 0:C.filterName:null==o?void 0:o.categoryName,filterType:null==C?void 0:C.control.type,filterCondition:y};l(e)}},s))))},WE=d.default(Gu)`
|
|
4514
4512
|
box-shadow: 0px 0px 16px
|
|
4515
4513
|
${({theme:e})=>Ga(e.palette.neutral.lighter,.4)};
|
|
4516
4514
|
min-width: 300px;
|
|
4517
4515
|
width: ${({width:e})=>e};
|
|
4518
4516
|
border-radius: ${({theme:e})=>`${e.radius}px`};
|
|
4519
4517
|
background-color: ${({theme:e})=>e.palette.background.default};
|
|
4520
|
-
`,
|
|
4518
|
+
`,XE=d.default.div`
|
|
4521
4519
|
display: flex;
|
|
4522
4520
|
justify-content: space-between;
|
|
4523
4521
|
align-items: center;
|
|
4524
4522
|
padding: ${({theme:e})=>2*e.spacing}px
|
|
4525
4523
|
${({theme:e})=>3*e.spacing}px;
|
|
4526
4524
|
border-bottom: 1px solid ${({theme:e})=>e.palette.neutral.lighter};
|
|
4527
|
-
`,
|
|
4525
|
+
`,JE=d.default.div`
|
|
4528
4526
|
cursor: pointer;
|
|
4529
|
-
`,
|
|
4527
|
+
`,UE=d.default.div`
|
|
4530
4528
|
padding: ${({theme:e})=>2*e.spacing}px
|
|
4531
4529
|
${({theme:e})=>3*e.spacing}px;
|
|
4532
|
-
`,
|
|
4530
|
+
`,QE=d.default.div`
|
|
4533
4531
|
text-align: right;
|
|
4534
|
-
`,
|
|
4532
|
+
`,qE=e=>{var n,r;const a=Lc({props:e,name:"EditFilterCard"}),{onClose:i,onEdit:l,willEditFilter:o,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==o?void 0:o.filterCondition),[x,y]=c.useState(""),w=null==s?void 0:s.filters.find((e=>e.filterName===(null==o?void 0:o.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(WE,{width:h},c.createElement(XE,null,c.createElement(q,{weight:"bold",size:"xxl"},null==o?void 0:o.categoryName),c.createElement(tl,{pr:2}),c.createElement(JE,{key:"close",onClick:i},c.createElement(D,{name:"close",size:"md",color:g.palette.black}))),c.createElement(UE,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(q,{weight:"bold",size:"lg"},(null==s?void 0:s.sectionTitle)||f),c.createElement(tl,{py:.5}),c.createElement(YE,{readOnly:!0,value:null==o?void 0:o.filterName}),c.createElement(tl,{py:1})),c.createElement(q,{weight:"bold",size:"lg"},(null==w?void 0:w.conditionTitle)||m),c.createElement(tl,{py:.5}),w&&(e=>{switch(null==e?void 0:e.control.type){case"text":return c.createElement(YE,{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(Db,{maxMenuHeight:250,options:t.map((e=>({label:e,value:e}))),defaultValue:{label:null==o?void 0:o.filterCondition,value:null==o?void 0:o.filterCondition},onChange:I});case"boolean":return c.createElement("div",null,c.createElement(qb,{name:"condition",value:"true",defaultChecked:"true"===(null==o?void 0:o.filterCondition),onChange:C},"true"),c.createElement("br",null),c.createElement(qb,{name:"condition",value:"false",defaultChecked:"false"===(null==o?void 0:o.filterCondition),onChange:C},"false"))}})(w),c.createElement(tl,{py:1}),c.createElement($p,{orientation:"horizontal",color:g.palette.neutral.softLight,my:2}),c.createElement(QE,null,c.createElement(ml,{size:"small",inline:!0,disabled:!b,onClick:()=>{const e={filterCondition:b,filterType:null==o?void 0:o.filterType,filterName:null==o?void 0:o.filterName,categoryName:null==o?void 0:o.categoryName};l(e)}},d))))},KE=0,eI=1,tI=2,nI=3,rI=d.default.div`
|
|
4535
4533
|
padding: 2px 8px;
|
|
4536
4534
|
width: auto;
|
|
4537
4535
|
height: auto;
|
|
@@ -4547,40 +4545,40 @@ object-assign
|
|
|
4547
4545
|
cursor: pointer;
|
|
4548
4546
|
background-color: ${({theme:e})=>e.palette.neutral.softLight};
|
|
4549
4547
|
}
|
|
4550
|
-
`,
|
|
4548
|
+
`,aI=d.default.div`
|
|
4551
4549
|
display: flex;
|
|
4552
4550
|
justify-content: center;
|
|
4553
4551
|
align-items: center;
|
|
4554
|
-
`,
|
|
4552
|
+
`,iI=d.default.div`
|
|
4555
4553
|
padding-left: 8px;
|
|
4556
|
-
`,
|
|
4554
|
+
`,lI=d.default.div``,oI=({filter:e,onRemove:t,onClick:n})=>{const r=S();return c.createElement(rI,null,c.createElement(aI,{onClick:t=>{n(t,e)}},c.createElement(q,{size:"sm",component:"span"},e.filterName,": "),c.createElement(q,{size:"sm",component:"span",weight:"bold"},"boolean"==typeof(a=e.filterCondition)?a?"Yes":"No":a)),c.createElement(iI,null,c.createElement(lI,{onClick:()=>{t(e)}},c.createElement(D,{name:"close_circle",color:r.palette.black,type:"fill"}))));var a},sI=c.forwardRef((function(e,t){te("MultipleFilter","MultipleFilter は非推奨です。代わりに AdvancedFilter を使用してください。");const n=Lc({props:e,name:"MultipleFilter"}),{filterPacks:r,onChange:a,placeholder:i="Add a new filter",editButtonTitle:l,applyButtonTitle:o,inputErrorText:s,formPlaceholder:d,width:u}=n,[p,f]=c.useState(!1),[m,h]=c.useState(null),g=S(),[b,v]=c.useState(null),[x,y]=c.useState(null),[w,C]=c.useState(null),E=((e,t,n)=>e?n?nI:null===t?eI:null!==t?tI:KE:KE)(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(AE,{ref:t,isFocused:E!==KE},c.createElement(VE,null,c.createElement(D,{name:"search",size:"md",color:g.palette.neutral.base})),c.createElement(OE,null,c.createElement(SE,null,I.map((e=>c.createElement(LE,{key:e.filterName},c.createElement(oI,{filter:e,onRemove:$,onClick:A})))),c.createElement(Mi,{ref:v,readOnly:!0,type:"text",placeholder:i,onClick:()=>{f(!0)}})),E===eI&&c.createElement(Op,{baseElement:b},c.createElement(Hp,{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(HE,null,0!==I.length&&c.createElement(DE,{onClick:()=>{k([]),void 0!==a&&a([])}},c.createElement(D,{name:"close_circle",color:g.palette.black,type:"fill"})))),E===tI&&c.createElement(Op,{baseElement:b,positionPriority:["bottom-start"],onClose:M},c.createElement(jE,{applyButtonTitle:o,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===nI&&c.createElement(Op,{baseElement:x,positionPriority:["bottom-start"],onClose:M},c.createElement(qE,{editButtonTitle:l,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})))})),cI="64px",dI="256px",uI="72px",pI="72px",fI="56px",mI="48px",hI=.3,gI=d.default.div`
|
|
4557
4555
|
position: fixed;
|
|
4558
4556
|
display: flex;
|
|
4559
4557
|
flex-direction: column;
|
|
4560
4558
|
justify-content: ${({isMobile:e})=>e?"flex-start":"space-between"};
|
|
4561
4559
|
height: 100%;
|
|
4562
|
-
width: ${({isOpen:e,isFixed:t})=>e||t?
|
|
4560
|
+
width: ${({isOpen:e,isFixed:t})=>e||t?dI:cI};
|
|
4563
4561
|
background-color: ${({theme:e})=>e.palette.background.default};
|
|
4564
4562
|
border-right: ${({theme:e,isOpen:t,isFixed:n})=>t&&!n?"none":`1px solid ${e.palette.neutral.softLight}`};
|
|
4565
4563
|
box-shadow: ${({isOpen:e,isFixed:t,theme:n})=>e&&!t?`0px 0px ${2*n.spacing}px ${Ga(n.palette.neutral.base,4*n.palette.action.shadowOpacity)}`:"none"};
|
|
4566
4564
|
box-sizing: content-box;
|
|
4567
4565
|
overflow-x: hidden;
|
|
4568
4566
|
z-index: ${({theme:e})=>e.depth.drawer};
|
|
4569
|
-
transition: width ${
|
|
4567
|
+
transition: width ${hI}s;
|
|
4570
4568
|
|
|
4571
4569
|
/* Mobile styles */
|
|
4572
4570
|
@media (max-width: ${y.MOBILE}px) {
|
|
4573
|
-
width: ${
|
|
4571
|
+
width: ${dI};
|
|
4574
4572
|
right: 0;
|
|
4575
4573
|
transform: translateX(
|
|
4576
4574
|
${({isMobileMenuOpen:e})=>e?"0":"100%"}
|
|
4577
4575
|
);
|
|
4578
|
-
transition: transform ${
|
|
4576
|
+
transition: transform ${hI}s;
|
|
4579
4577
|
border-right: none;
|
|
4580
4578
|
border-left: 1px solid ${({theme:e})=>e.palette.neutral.softLight};
|
|
4581
4579
|
box-shadow: ${({isMobileMenuOpen:e,theme:t})=>e?`-4px 0px ${2*t.spacing}px ${Ga(t.palette.neutral.base,4*t.palette.action.shadowOpacity)}`:"none"};
|
|
4582
4580
|
}
|
|
4583
|
-
`,
|
|
4581
|
+
`,bI=d.default.div`
|
|
4584
4582
|
position: fixed;
|
|
4585
4583
|
top: 0;
|
|
4586
4584
|
left: 0;
|
|
@@ -4591,18 +4589,18 @@ object-assign
|
|
|
4591
4589
|
opacity: ${({isVisible:e})=>e?1:0};
|
|
4592
4590
|
visibility: ${({isVisible:e})=>e?"visible":"hidden"};
|
|
4593
4591
|
transition:
|
|
4594
|
-
opacity ${
|
|
4595
|
-
visibility ${
|
|
4592
|
+
opacity ${hI}s,
|
|
4593
|
+
visibility ${hI}s;
|
|
4596
4594
|
display: none;
|
|
4597
4595
|
|
|
4598
4596
|
@media (max-width: ${y.MOBILE}px) {
|
|
4599
4597
|
display: block;
|
|
4600
4598
|
}
|
|
4601
|
-
`;function
|
|
4599
|
+
`;function vI(){return e.useContext(xI)}const xI=c.createContext({isOpen:!1,isFixed:!1,isMobile:!1,isMobileMenuOpen:!1,notificationCount:0,slotNotificationCount:0}),yI=d.default.div`
|
|
4602
4600
|
display: flex;
|
|
4603
4601
|
width: 100vw;
|
|
4604
4602
|
height: 100%;
|
|
4605
|
-
`,
|
|
4603
|
+
`,wI=d.default.div`
|
|
4606
4604
|
position: fixed;
|
|
4607
4605
|
top: ${({theme:e})=>2*e.spacing}px;
|
|
4608
4606
|
right: ${({theme:e})=>2*e.spacing}px;
|
|
@@ -4612,7 +4610,7 @@ object-assign
|
|
|
4612
4610
|
@media (max-width: ${y.MOBILE}px) {
|
|
4613
4611
|
display: block;
|
|
4614
4612
|
}
|
|
4615
|
-
`,
|
|
4613
|
+
`,CI=d.default.div`
|
|
4616
4614
|
position: relative;
|
|
4617
4615
|
display: inline-flex;
|
|
4618
4616
|
align-items: center;
|
|
@@ -4620,13 +4618,13 @@ object-assign
|
|
|
4620
4618
|
flex-shrink: 0;
|
|
4621
4619
|
vertical-align: middle;
|
|
4622
4620
|
line-height: 0;
|
|
4623
|
-
`,
|
|
4621
|
+
`,EI=d.default.div`
|
|
4624
4622
|
display: flex;
|
|
4625
4623
|
width: 100%;
|
|
4626
4624
|
align-items: center;
|
|
4627
4625
|
justify-content: space-between;
|
|
4628
4626
|
gap: 4px;
|
|
4629
|
-
`,
|
|
4627
|
+
`,II=d.default.span`
|
|
4630
4628
|
position: absolute;
|
|
4631
4629
|
top: ${({position:e})=>["top-right","top-left"].includes(e)?0:"auto"};
|
|
4632
4630
|
bottom: ${({position:e})=>["bottom-right","bottom-left"].includes(e)?0:"auto"};
|
|
@@ -4635,7 +4633,7 @@ object-assign
|
|
|
4635
4633
|
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)})`};
|
|
4636
4634
|
transform-origin: ${({position:e})=>`${["top-right","bottom-right"].includes(e)?"100%":"0%"} ${["bottom-right","bottom-left"].includes(e)?"100%":"0%"}`};
|
|
4637
4635
|
transition: transform 0.3s;
|
|
4638
|
-
`,
|
|
4636
|
+
`,kI=d.default.span`
|
|
4639
4637
|
display: block;
|
|
4640
4638
|
border-radius: 50%;
|
|
4641
4639
|
background-color: ${({theme:e})=>e.palette.danger.base};
|
|
@@ -4643,12 +4641,12 @@ object-assign
|
|
|
4643
4641
|
height: ${({size:e})=>e};
|
|
4644
4642
|
transform: ${({invisible:e})=>e?"scale(0)":"scale(1)"};
|
|
4645
4643
|
transition: transform 0.3s;
|
|
4646
|
-
`,
|
|
4644
|
+
`,MI={small:"8px",medium:"12px",large:"16px"},$I=c.forwardRef((function({variant:e="normal",badgeContent:t="",position:n="top-right",overlayOffsetPercent:r=50,dotSize:a="medium",max:i=99,showZero:l=!1,invisible:o=!1,layout:s="overlay",color:d="danger",fontWeight:u="normal",fontSize:p,size:f="small",children:m},h){let g=o;(0===t&&!l||""===t&&"dot"!==e)&&(g=!0);let b="";return"dot"!==e&&(b="number"==typeof t&&t>i?`${i}+`:t),"inline"===s&&"normal"===e?c.createElement(EI,{ref:h},m,g?null:c.createElement(qc,{type:"pill",color:d,fontWeight:u,fontSize:p,size:f},b)):c.createElement(CI,{ref:h},m,c.createElement(II,{position:n,invisible:g,$overlayOffsetPercent:r},"dot"===e?c.createElement(kI,{size:MI[a],invisible:g}):c.createElement(qc,{type:"pill",color:d,fontWeight:u,fontSize:p,size:f},b)))})),AI=c.default.forwardRef((function(e,t){const{isMobile:n,isMobileMenuOpen:r,handleMobileMenuToggle:a,notificationCount:i}=vI();if(!n||r)return null;const l=c.default.createElement(ml,{ref:t,color:"clear",size:"medium","aria-label":"メニューを開く",icon:c.default.createElement(D,{name:"menu",color:"currentColor"}),onClick:a});return i>0?c.default.createElement($I,{variant:"dot",dotSize:"small",position:"top-right",overlayOffsetPercent:10},l):l})),SI=`(max-width: ${y.MOBILE}px)`,LI=c.default.forwardRef((function({defaultFixed:e=!1,onChangeOpen:t,onChangeFixed:n,notificationCount:r=0,slotNotificationCount:a=0,showMobileMenuButton:i=!0,children:l},o){const[s,d]=c.default.useState(e),[u,p]=c.default.useState(e),f=Na(SI),[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(xI.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(yI,{ref:o},l,y&&c.default.createElement(wI,null,c.default.createElement(AI,null))))})),VI=d.default.div`
|
|
4647
4645
|
flex-shrink: 0;
|
|
4648
|
-
flex-basis: ${
|
|
4646
|
+
flex-basis: ${uI};
|
|
4649
4647
|
display: flex;
|
|
4650
4648
|
align-items: center;
|
|
4651
|
-
`,
|
|
4649
|
+
`,OI=d.default.div`
|
|
4652
4650
|
flex-grow: 1;
|
|
4653
4651
|
overflow-x: hidden;
|
|
4654
4652
|
overflow-y: auto;
|
|
@@ -4656,9 +4654,9 @@ object-assign
|
|
|
4656
4654
|
& * {
|
|
4657
4655
|
text-decoration: none;
|
|
4658
4656
|
}
|
|
4659
|
-
`,
|
|
4657
|
+
`,HI=d.default.div`
|
|
4660
4658
|
flex-shrink: 0;
|
|
4661
|
-
flex-basis: ${
|
|
4659
|
+
flex-basis: ${pI};
|
|
4662
4660
|
display: flex;
|
|
4663
4661
|
align-items: center;
|
|
4664
4662
|
border-top: 1px solid ${({theme:e})=>e.palette.neutral.softLight};
|
|
@@ -4666,19 +4664,19 @@ object-assign
|
|
|
4666
4664
|
@media (max-width: ${y.MOBILE}px) {
|
|
4667
4665
|
display: none;
|
|
4668
4666
|
}
|
|
4669
|
-
`,
|
|
4670
|
-
padding-left: ${({isFixed:e})=>e?
|
|
4667
|
+
`,DI=d.default.div`
|
|
4668
|
+
padding-left: ${({isFixed:e})=>e?dI:cI};
|
|
4671
4669
|
width: 100%;
|
|
4672
4670
|
height: 100%;
|
|
4673
|
-
transition: padding-left ${
|
|
4671
|
+
transition: padding-left ${hI}s;
|
|
4674
4672
|
|
|
4675
4673
|
@media (max-width: ${y.MOBILE}px) {
|
|
4676
4674
|
padding-left: 0;
|
|
4677
4675
|
}
|
|
4678
|
-
`,
|
|
4676
|
+
`,RI=c.default.forwardRef((function({children:e},t){const{isFixed:n}=c.default.useContext(xI);return c.default.createElement(DI,{ref:t,isFixed:n},e)})),NI=d.default.span`
|
|
4679
4677
|
display: inline-flex;
|
|
4680
4678
|
line-height: 0;
|
|
4681
|
-
`,
|
|
4679
|
+
`,zI=c.default.forwardRef((function({labelFixtureTooltip:e=(e=>(e?"Unfix":"Fix")+" the side menu")},t){const n=S(),{isOpen:r,isFixed:a,isMobile:i,handleFixed:l,handleUnFixed:o,slotNotificationCount:s}=c.default.useContext(xI),d=e(a),u=!i&&!r&&!a&&s>0,p=c.default.useCallback((()=>{a?null==o||o():null==l||l()}),[a,l,o]),f=c.default.createElement(ml,{ref:t,isQuiet:!0,color:"clear",size:"medium","aria-label":d,icon:c.default.createElement(D,{name:a?"sidebar_fold":"sidebar_unfold",color:"currentColor"}),onClick:p});return c.default.createElement(Zs,{key:a?"fixed":"unfixed",content:d,positionPriority:["right"],offset:[0,2.5*n.spacing],enterDelay:hI},c.default.createElement(NI,null,u?c.default.createElement($I,{variant:"dot",dotSize:"small",position:"top-right",overlayOffsetPercent:10},f):f))})),TI=d.default.div`
|
|
4682
4680
|
cursor: pointer;
|
|
4683
4681
|
display: flex;
|
|
4684
4682
|
align-items: center;
|
|
@@ -4693,7 +4691,7 @@ object-assign
|
|
|
4693
4691
|
& > * {
|
|
4694
4692
|
flex-shrink: 0;
|
|
4695
4693
|
}
|
|
4696
|
-
`,
|
|
4694
|
+
`,ZI=d.default.div`
|
|
4697
4695
|
flex-shrink: 1;
|
|
4698
4696
|
flex-grow: 1;
|
|
4699
4697
|
display: flex;
|
|
@@ -4701,14 +4699,14 @@ object-assign
|
|
|
4701
4699
|
margin-left: ${({theme:e})=>1.5*e.spacing}px;
|
|
4702
4700
|
min-width: 0;
|
|
4703
4701
|
overflow: hidden;
|
|
4704
|
-
transition: opacity ${
|
|
4702
|
+
transition: opacity ${hI}s;
|
|
4705
4703
|
|
|
4706
4704
|
${({isOpen:e})=>e?t.css`
|
|
4707
4705
|
opacity: 1;
|
|
4708
4706
|
`:t.css`
|
|
4709
4707
|
display: none;
|
|
4710
4708
|
`}
|
|
4711
|
-
`,
|
|
4709
|
+
`,BI=d.default(q)`
|
|
4712
4710
|
white-space: nowrap;
|
|
4713
4711
|
overflow: hidden;
|
|
4714
4712
|
text-overflow: ellipsis;
|
|
@@ -4719,7 +4717,7 @@ object-assign
|
|
|
4719
4717
|
& > * + * {
|
|
4720
4718
|
margin-left: ${({theme:e})=>.5*e.spacing}px;
|
|
4721
4719
|
}
|
|
4722
|
-
`;const
|
|
4720
|
+
`;const PI=d.default.span`
|
|
4723
4721
|
display: flex;
|
|
4724
4722
|
align-items: center;
|
|
4725
4723
|
align-content: center;
|
|
@@ -4739,7 +4737,7 @@ object-assign
|
|
|
4739
4737
|
${({invisible:e})=>e&&t.css`
|
|
4740
4738
|
display: none;
|
|
4741
4739
|
`}
|
|
4742
|
-
`,
|
|
4740
|
+
`,_I=({notificationCount:e=0,invisible:t=!1,style:n})=>{const r=e>=100?"99+":e;return c.createElement(PI,{invisible:t,style:n},r)},GI=c.forwardRef((function(e,t){var{title:n,isActive:r=!1,iconName:a,notificationCount:i=0,badge:l}=e,o=p(e,["title","isActive","iconName","notificationCount","badge"]);const s=S(),{isOpen:d,isMobile:u,isMobileMenuOpen:f}=c.useContext(xI),m=void 0!==l,h=i>0,g=u?f:d;return c.createElement(TI,Object.assign({ref:t,isActive:r,$isMenuExpanded:g,"aria-current":r?"page":void 0},o),h?c.createElement($I,{badgeContent:i,position:"top-left",invisible:g},c.createElement(D,{name:a,size:"lg",type:r?"fill":"line",color:r?"active":s.palette.black})):c.createElement(D,{name:a,size:"lg",type:r?"fill":"line",color:r?"active":s.palette.black}),c.createElement(ZI,{isOpen:u?f:d},c.createElement(BI,{component:"span",color:r?"primary":"initial",weight:"bold",size:"sm"},n)),m&&(u?f:d)&&c.createElement(qc,Object.assign({},l,{size:l.size||"small"})),h&&c.createElement(_I,{notificationCount:i,invisible:0===i||!(u?f:d),style:{marginLeft:m&&(u?f:d)?"4px":"0"}}))})),FI=d.default.div`
|
|
4743
4741
|
cursor: pointer;
|
|
4744
4742
|
display: flex;
|
|
4745
4743
|
align-items: center;
|
|
@@ -4754,7 +4752,7 @@ object-assign
|
|
|
4754
4752
|
& > * {
|
|
4755
4753
|
flex-shrink: 0;
|
|
4756
4754
|
}
|
|
4757
|
-
`,
|
|
4755
|
+
`,YI=d.default.div`
|
|
4758
4756
|
flex-shrink: 1;
|
|
4759
4757
|
flex-grow: 1;
|
|
4760
4758
|
display: flex;
|
|
@@ -4762,18 +4760,18 @@ object-assign
|
|
|
4762
4760
|
margin-left: ${({theme:e})=>1.5*e.spacing}px;
|
|
4763
4761
|
min-width: 0;
|
|
4764
4762
|
overflow: hidden;
|
|
4765
|
-
transition: opacity ${
|
|
4763
|
+
transition: opacity ${hI}s;
|
|
4766
4764
|
|
|
4767
4765
|
${({isOpen:e})=>e?t.css`
|
|
4768
4766
|
opacity: 1;
|
|
4769
4767
|
`:t.css`
|
|
4770
4768
|
display: none;
|
|
4771
4769
|
`}
|
|
4772
|
-
`,
|
|
4770
|
+
`,jI=d.default(q)`
|
|
4773
4771
|
white-space: nowrap;
|
|
4774
4772
|
overflow: hidden;
|
|
4775
4773
|
text-overflow: ellipsis;
|
|
4776
|
-
`,
|
|
4774
|
+
`,WI=d.default.div`
|
|
4777
4775
|
flex-shrink: 0;
|
|
4778
4776
|
margin-right: ${({theme:e})=>e.spacing}px;
|
|
4779
4777
|
transform: rotate(${({isExpand:e})=>e?"180deg":"none"});
|
|
@@ -4784,12 +4782,12 @@ object-assign
|
|
|
4784
4782
|
`:t.css`
|
|
4785
4783
|
display: none;
|
|
4786
4784
|
`}
|
|
4787
|
-
`,
|
|
4785
|
+
`,XI=d.default.div`
|
|
4788
4786
|
overflow-y: hidden;
|
|
4789
4787
|
max-height: ${({isExpand:e,height:t})=>e?t:"0px"};
|
|
4790
4788
|
transition: max-height 0.3s
|
|
4791
|
-
${({delay:e})=>e?
|
|
4792
|
-
`,
|
|
4789
|
+
${({delay:e})=>e?hI:0}s;
|
|
4790
|
+
`,JI=c.forwardRef((function(e,t){var{title:n,isActive:r=!1,iconName:a,expansionList:i=[],defaultExpand:l=!1,notificationCount:o=0,onChangeExpand:s,onClick:d}=e,u=p(e,["title","isActive","iconName","expansionList","defaultExpand","notificationCount","onChangeExpand","onClick"]);const f=S(),{isOpen:m,isMobile:h,isMobileMenuOpen:g}=c.useContext(xI),[b,v]=c.useState(l),[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(FI,Object.assign({isActive:r,$isMenuExpanded:I,onClick:e=>{0!==i.length&&v(!b),d&&d(e)}},u),c.createElement($I,{badgeContent:o,position:"top-left"},c.createElement(D,{name:a,size:"lg",type:r?"fill":"line",color:r?"active":f.palette.black})),c.createElement(YI,{isOpen:I},c.createElement(jI,{component:"span",color:r?"primary":"initial",weight:"bold",size:"sm"},n)),c.createElement(WI,{isExpand:b,isOpen:I},c.createElement(D,{name:"arrow_bottom",color:r?"active":f.palette.black,size:"md"}))),c.createElement(XI,{ref:E,isExpand:b&&I||"auto"===w,height:w,delay:x},i.map(((e,t)=>c.createElement(c.Fragment,{key:t},e)))))})),UI=d.default.div`
|
|
4793
4791
|
cursor: pointer;
|
|
4794
4792
|
display: flex;
|
|
4795
4793
|
align-items: center;
|
|
@@ -4802,7 +4800,7 @@ object-assign
|
|
|
4802
4800
|
& > * {
|
|
4803
4801
|
flex-shrink: 0;
|
|
4804
4802
|
}
|
|
4805
|
-
`,
|
|
4803
|
+
`,QI=d.default(q)`
|
|
4806
4804
|
flex-shrink: 1;
|
|
4807
4805
|
flex-grow: 1;
|
|
4808
4806
|
display: flex;
|
|
@@ -4811,7 +4809,7 @@ object-assign
|
|
|
4811
4809
|
white-space: nowrap;
|
|
4812
4810
|
overflow: hidden;
|
|
4813
4811
|
text-overflow: ellipsis;
|
|
4814
|
-
`,
|
|
4812
|
+
`,qI=c.forwardRef((function(e,t){var{title:n,isActive:r=!1,notificationCount:a=0,badge:i}=e,l=p(e,["title","isActive","notificationCount","badge"]);const o=S();return c.createElement(UI,Object.assign({ref:t},l),c.createElement(QI,{component:"div",weight:r?"bold":"normal",color:r?"primary":o.palette.black,size:"sm"},n),i&&c.createElement(qc,Object.assign({},i,{size:i.size||"small"})),c.createElement(_I,{notificationCount:a,invisible:0===a,style:{marginLeft:i?"4px":"0"}}))})),KI=d.default.div`
|
|
4815
4813
|
flex-shrink: 0;
|
|
4816
4814
|
display: none;
|
|
4817
4815
|
flex-direction: column;
|
|
@@ -4831,12 +4829,12 @@ object-assign
|
|
|
4831
4829
|
display: none;
|
|
4832
4830
|
}
|
|
4833
4831
|
`}
|
|
4834
|
-
`,
|
|
4832
|
+
`,ek=d.default.div`
|
|
4835
4833
|
display: none;
|
|
4836
4834
|
flex-shrink: 0;
|
|
4837
4835
|
align-items: center;
|
|
4838
4836
|
justify-content: flex-end;
|
|
4839
|
-
min-height: ${
|
|
4837
|
+
min-height: ${mI};
|
|
4840
4838
|
padding: 0 ${({theme:e})=>2*e.spacing}px;
|
|
4841
4839
|
box-sizing: border-box;
|
|
4842
4840
|
|
|
@@ -4849,7 +4847,7 @@ object-assign
|
|
|
4849
4847
|
display: none;
|
|
4850
4848
|
}
|
|
4851
4849
|
`}
|
|
4852
|
-
`,
|
|
4850
|
+
`,tk=d.default.div`
|
|
4853
4851
|
flex-shrink: 0;
|
|
4854
4852
|
display: flex;
|
|
4855
4853
|
align-items: center;
|
|
@@ -4858,21 +4856,21 @@ object-assign
|
|
|
4858
4856
|
padding: 0 ${({theme:e})=>2*e.spacing}px;
|
|
4859
4857
|
border-bottom: 1px solid ${({theme:e})=>e.palette.neutral.softLight};
|
|
4860
4858
|
box-sizing: border-box;
|
|
4861
|
-
min-height: ${
|
|
4859
|
+
min-height: ${fI};
|
|
4862
4860
|
|
|
4863
4861
|
@media (max-width: ${y.MOBILE}px) {
|
|
4864
4862
|
align-items: flex-start;
|
|
4865
4863
|
padding: 0;
|
|
4866
4864
|
border-bottom: none;
|
|
4867
4865
|
}
|
|
4868
|
-
`,
|
|
4866
|
+
`,nk=d.default.div`
|
|
4869
4867
|
flex: 1;
|
|
4870
4868
|
min-width: 0;
|
|
4871
4869
|
display: flex;
|
|
4872
4870
|
align-items: center;
|
|
4873
4871
|
gap: ${({theme:e})=>2*e.spacing}px;
|
|
4874
4872
|
overflow: visible;
|
|
4875
|
-
transition: opacity ${
|
|
4873
|
+
transition: opacity ${hI}s;
|
|
4876
4874
|
|
|
4877
4875
|
${({$showCustom:e})=>!e&&t.css`
|
|
4878
4876
|
display: none;
|
|
@@ -4883,7 +4881,7 @@ object-assign
|
|
|
4883
4881
|
align-self: stretch;
|
|
4884
4882
|
width: 100%;
|
|
4885
4883
|
}
|
|
4886
|
-
`,
|
|
4884
|
+
`,rk=d.default.div`
|
|
4887
4885
|
flex-shrink: 0;
|
|
4888
4886
|
display: flex;
|
|
4889
4887
|
align-items: center;
|
|
@@ -4892,7 +4890,7 @@ object-assign
|
|
|
4892
4890
|
@media (max-width: ${y.MOBILE}px) {
|
|
4893
4891
|
display: none;
|
|
4894
4892
|
}
|
|
4895
|
-
`,
|
|
4893
|
+
`,ak=d.default.div`
|
|
4896
4894
|
display: flex;
|
|
4897
4895
|
align-items: center;
|
|
4898
4896
|
gap: inherit;
|
|
@@ -4917,20 +4915,20 @@ object-assign
|
|
|
4917
4915
|
width: 100%;
|
|
4918
4916
|
}
|
|
4919
4917
|
`}
|
|
4920
|
-
`,
|
|
4918
|
+
`,ik=c.default.forwardRef((function({children:e,actions:t},n){const{isOpen:r,isFixed:a,isMobile:i,handleMobileMenuToggle:l}=vI(),o=i||r||a,s=c.default.Children.count(e)>0,d=c.default.createElement(ml,{color:"clear",size:"medium","aria-label":"メニューを閉じる",icon:c.default.createElement(D,{name:"close",color:"currentColor"}),onClick:l}),u=i?d:null!=t?t:c.default.createElement(zI,null),p=c.default.createElement(nk,{$showCustom:o,"data-testid":"navigation-rail-slot-custom"},e);return i?c.default.createElement(KI,{ref:n,"data-testid":"navigation-rail-slot",$showCustom:o},c.default.createElement(ek,{$showCustom:o,"data-testid":"navigation-rail-slot-mobile-close"},d),s?c.default.createElement(tk,{$showCustom:o},p):null):c.default.createElement(tk,{ref:n,"data-testid":"navigation-rail-slot",$showCustom:o},p,c.default.createElement(rk,{$showCustom:o},u))})),lk=c.default.forwardRef((function({children:e,visibility:t="all"},n){return c.default.createElement(ak,{ref:n,$visibility:t,$passthrough:"all"===t},e)})),ok="undefined"!=typeof window?c.default.useLayoutEffect:c.default.useEffect,sk=c.default.forwardRef((function(e,t){const{registerMobileMenuButton:n,unregisterMobileMenuButton:r}=vI();return ok((()=>(null==n||n(),()=>null==r?void 0:r())),[n,r]),c.default.createElement(AI,{ref:t})}));function ck(e){let t=!1;return c.default.Children.forEach(e,(e=>{!t&&c.default.isValidElement(e)&&(e.type!==ik?e.type===c.default.Fragment&&(t=ck(e.props.children)):t=!0)})),t}const dk=c.default.forwardRef((function({children:e},t){const{isOpen:n,isFixed:r,handleOpen:a,handleClose:i,isMobile:l,isMobileMenuOpen:o,handleMobileMenuToggle:s}=c.default.useContext(xI),d=ck(e),u=l&&!d?c.default.createElement(ik,null):null;return c.default.createElement(c.default.Fragment,null,c.default.createElement(bI,{isVisible:l&&o,"data-testid":"navigation-rail-overlay",onClick:s}),c.default.createElement(gI,{ref:t,isOpen:n,isFixed:r,isMobile:l,isMobileMenuOpen:o,onMouseEnter:()=>{l||null==a||a()},onMouseLeave:()=>{l||null==i||i()}},u,e))}));dk.Container=LI,dk.Header=VI,dk.Content=OI,dk.Footer=HI,dk.Menu=GI,dk.ExpansionMenu=JI,dk.ExpansionMenuItem=qI,dk.Fixture=zI,dk.MainContent=RI,dk.Slot=ik,dk.SlotContent=lk,dk.MobileMenuButton=sk;const uk=c.forwardRef((function(e,t){var{title:n,description:r,slotContent:a,slotExpansion:i="whenChecked",disabled:l,error:o,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}=lp(l,d),b=c.createElement(rp,null,c.createElement(np,{ref:m},c.createElement(qb,Object.assign({},u,{checked:s,disabled:l,error:o,inputRef:h}),n)),op(r)?c.createElement(ap,{$disabled:!!l},r):null);return c.createElement(ip,{ref:t,checked:f,disabled:l,header:b,slot:a,slotExpansion:i,onHeaderClick:g})})),pk=d.default.div`
|
|
4921
4919
|
${({height:e,maxHeight:t,minHeight:n})=>cp({height:e,maxHeight:t,minHeight:n})}
|
|
4922
|
-
`,
|
|
4920
|
+
`,fk=c.forwardRef((function(e,t){var{height:n="auto",maxHeight:r="none",minHeight:a="none",children:i}=e,l=p(e,["height","maxHeight","minHeight","children"]);return c.createElement(pk,Object.assign({height:n,maxHeight:r,minHeight:a},l,{ref:t}),i)})),mk="24px",hk=d.default.div`
|
|
4923
4921
|
flex-direction: row;
|
|
4924
4922
|
width: 100%;
|
|
4925
|
-
min-height: ${
|
|
4923
|
+
min-height: ${mk};
|
|
4926
4924
|
display: flex;
|
|
4927
4925
|
align-items: center;
|
|
4928
4926
|
position: relative;
|
|
4929
4927
|
cursor: ${({disabled:e})=>e?"not-allowed":"default"};
|
|
4930
|
-
`,
|
|
4928
|
+
`,gk=d.default.div`
|
|
4931
4929
|
position: relative;
|
|
4932
4930
|
flex: 1;
|
|
4933
|
-
min-height: ${
|
|
4931
|
+
min-height: ${mk};
|
|
4934
4932
|
display: flex;
|
|
4935
4933
|
align-items: center;
|
|
4936
4934
|
min-width: 100px;
|
|
@@ -4948,7 +4946,7 @@ object-assign
|
|
|
4948
4946
|
background-color: ${({theme:e})=>e.palette.neutral.lighter};
|
|
4949
4947
|
pointer-events: none;
|
|
4950
4948
|
}
|
|
4951
|
-
`,
|
|
4949
|
+
`,bk=d.default.div`
|
|
4952
4950
|
position: absolute;
|
|
4953
4951
|
top: 50%;
|
|
4954
4952
|
left: 0;
|
|
@@ -4962,7 +4960,7 @@ object-assign
|
|
|
4962
4960
|
width: ${e}%;
|
|
4963
4961
|
left: ${n}%;
|
|
4964
4962
|
`}
|
|
4965
|
-
`,
|
|
4963
|
+
`,vk=d.default.div`
|
|
4966
4964
|
position: absolute;
|
|
4967
4965
|
width: 18px;
|
|
4968
4966
|
height: 18px;
|
|
@@ -4982,7 +4980,7 @@ object-assign
|
|
|
4982
4980
|
left: ${e}%;
|
|
4983
4981
|
transform: translate(-50%, -50%);
|
|
4984
4982
|
`}
|
|
4985
|
-
`,
|
|
4983
|
+
`,xk=d.default.div`
|
|
4986
4984
|
position: absolute;
|
|
4987
4985
|
top: 0;
|
|
4988
4986
|
left: 0;
|
|
@@ -4992,7 +4990,7 @@ object-assign
|
|
|
4992
4990
|
z-index: 1;
|
|
4993
4991
|
display: flex;
|
|
4994
4992
|
justify-content: space-between;
|
|
4995
|
-
`,
|
|
4993
|
+
`,yk=d.default.div`
|
|
4996
4994
|
position: absolute;
|
|
4997
4995
|
display: flex;
|
|
4998
4996
|
flex-direction: column;
|
|
@@ -5003,7 +5001,7 @@ object-assign
|
|
|
5003
5001
|
top: 50%;
|
|
5004
5002
|
transform: translateY(-50%);
|
|
5005
5003
|
`}
|
|
5006
|
-
`,
|
|
5004
|
+
`,wk=d.default.div`
|
|
5007
5005
|
border-radius: 50%;
|
|
5008
5006
|
position: absolute;
|
|
5009
5007
|
top: 50%;
|
|
@@ -5013,32 +5011,32 @@ object-assign
|
|
|
5013
5011
|
|
|
5014
5012
|
width: 8px;
|
|
5015
5013
|
height: 8px;
|
|
5016
|
-
`,
|
|
5017
|
-
&.${
|
|
5018
|
-
transform: ${({direction:e})=>
|
|
5014
|
+
`,Ck=(e,t,n)=>Math.max(t,Math.min(n,e)),Ek=(e,t,n,r)=>void 0===e?r?[t,n]:t:Array.isArray(e)?[Ck(e[0],t,n),Ck(e[1],t,n)]:Ck(e,t,n),Ik=(e,t,n)=>(e-t)/(n-t)*100,kk=(e,t,n,r,a)=>{const i=n+(e-t.left)/t.width*100/100*(r-n),l=Math.round(i/a)*a;return Ck(l,n,r)},Mk=(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},$k=(e,t,n,r,a,i,l)=>{const o="PageUp"===t||"PageDown"===t?10*a:a;let s;if(i&&Array.isArray(e)){const a=null!=l?l:0,i=e[a];switch(t){case"ArrowLeft":case"ArrowDown":case"PageDown":s=Ck(i-o,n,r);break;case"ArrowRight":case"ArrowUp":case"PageUp":s=Ck(i+o,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=Ck(a-o,n,r);break;case"ArrowRight":case"ArrowUp":case"PageUp":s=Ck(a+o,n,r);break;case"Home":s=n;break;case"End":s=r;break;default:return e}return s}},Ak=()=>{document.body.style.userSelect="none"},Sk=()=>{document.body.style.userSelect=""},Lk=e=>{e.preventDefault()};function Vk({value:e,defaultValue:t,onChange:n,min:r,max:a,step:i,disabled:l=!1}){const o=c.useCallback((n=>{const i=Array.isArray(e)||Array.isArray(t);return Ek(n,r,a,i)}),[r,a,e,t]),[s,d]=c.useState(o(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=o(t);d(e)}}),[e,t,o]);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 kk(e,t,r,a,i)}),[r,a,i]),I=c.useCallback((e=>{if(l)return;e.preventDefault(),p(!0),Ak(),document.addEventListener("wheel",Lk,{passive:!1}),document.addEventListener("touchmove",Lk,{passive:!1});const t=E(e.clientX);if(Array.isArray(w)){const e=Mk(t,w);m(e);const n=[...w];n[e]=t,C(n)}else m(0),C(t)}),[l,E,w,C]),k=c.useCallback((e=>{if(!u||l)return;const t=E(e.clientX);if(Array.isArray(w)&&null!==f){const e=[...w];e[f]=t,0===f?e[0]=Math.min(t,e[1]):e[1]=Math.max(t,e[0]),C(e)}else Array.isArray(w)||C(t)}),[u,l,E,w,f,C]),M=c.useCallback((()=>{p(!1),m(null),Sk(),document.removeEventListener("wheel",Lk),document.removeEventListener("touchmove",Lk)}),[]),$=c.useCallback((e=>{if(l)return;e.preventDefault(),p(!0),Ak(),document.addEventListener("wheel",Lk,{passive:!1}),document.addEventListener("touchmove",Lk,{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=Mk(r,w);n.set(e.identifier,t)}else n.set(e.identifier,0)})),g(t),v(n)}),[l,E,w]),A=c.useCallback((e=>{u&&!l&&(e.preventDefault(),Array.from(e.changedTouches).forEach((e=>{const t=b.get(e.identifier);if(void 0===t)return;const n=E(e.clientX);if(Array.isArray(w)){const e=[...w];e[t]=n,0===t?e[0]=Math.min(n,e[1]):e[1]=Math.max(n,e[0]),C(e)}else C(n)})))}),[u,l,E,w,b,C]),S=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),Sk(),document.removeEventListener("wheel",Lk),document.removeEventListener("touchmove",Lk))}),[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 Ok({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]),l=c.useCallback((e=>Array.isArray(a)?e>=a[0]&&e<=a[1]:e<=a),[a]),o=c.useCallback((()=>{if(!e)return null;const r=i();return c.createElement(xk,{},r.map((e=>c.createElement(yk,{key:e,percentage:(e-t)/(n-t)*100},c.createElement(wk,{isOnFill:l(e)})))))}),[e,i,t,n,l]);return{getScaleValues:i,isScaleOnFill:l,renderScale:o}}let Hk=0;const Dk={min:0,max:100,step:1,disabled:!1,showScale:!1},Rk=c.forwardRef((function(e,t){var{value:n,defaultValue:r,onChange:a,min:i=Dk.min,max:l=Dk.max,step:o=Dk.step,disabled:s=Dk.disabled,showScale:d=Dk.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=S(),y=c.useId(),w=c.useMemo((()=>"slider-"+ ++Hk),[]),C=u||y||w,{currentValue:E,isDragging:I,trackRef:k,thumbRef:M,handleChange:$,handleMouseDown:A,handleMouseMove:L,handleMouseUp:V,handleTouchStart:O,handleTouchMove:H,handleTouchEnd:D}=Vk({value:n,defaultValue:r,onChange:a,min:i,max:l,step:o,disabled:s}),{renderScale:R}=Ok({showScale:d,min:i,max:l,step:o,currentValue:E}),N=c.useCallback((e=>Ik(e,i,l)),[i,l]),z=c.useCallback((e=>{if(s)return;const t=Array.isArray(E),n=$k(E,e.key,i,l,o,t,null);n!==E&&(e.preventDefault(),$(n))}),[s,E,i,l,o,$]),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",L),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",L),document.removeEventListener("mouseup",V),document.removeEventListener("touchmove",H),document.removeEventListener("touchend",D),document.removeEventListener("contextmenu",e)}}}),[I,L,V,H,D]),c.createElement(hk,Object.assign({ref:t,theme:x,disabled:s,className:f,style:m},v),c.createElement(gk,{ref:k,id:C,tabIndex:s?-1:0,role:"slider","aria-valuemin":i,"aria-valuemax":l,"aria-valuenow":Array.isArray(E)?E[0]:E,"aria-valuetext":Array.isArray(E)?`${E[0]} to ${E[1]}`:void 0,"aria-disabled":s,"aria-label":h,"aria-labelledby":g,"aria-describedby":b,onMouseDown:A,onTouchStart:O,onKeyDown:z},Array.isArray(E)?c.createElement(c.Fragment,null,c.createElement(bk,{percentage:N(E[1])-N(E[0]),isDragging:I,startPercentage:N(E[0]),disabled:s}),c.createElement(vk,{ref:M,percentage:N(E[0]),isDragging:I,disabled:s}),c.createElement(vk,{percentage:N(E[1]),isDragging:I,disabled:s})):c.createElement(c.Fragment,null,c.createElement(bk,{percentage:N(E),isDragging:I,disabled:s}),c.createElement(vk,{ref:M,percentage:N(E),isDragging:I,disabled:s})),R()),Array.isArray(E)?c.createElement(c.Fragment,null,c.createElement("input",{type:"range",min:i,max:l,step:o,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:l,step:o,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:l,step:o,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}))})),Nk=e.createContext(null),zk=()=>{const t=e.useContext(Nk);if(!t)throw new Error("SliderField components must be used within a SliderField");return t},Tk=({children:t})=>{const n=e.useId(),r={fieldId:n,sliderId:`${n}-slider`,outputId:`${n}-output`};return c.default.createElement(Nk.Provider,{value:r},t)};Tk.Slider=e=>{const{sliderId:t,outputId:n}=zk(),r=e.id||t,a=e["aria-describedby"]||n;return c.default.createElement(Rk,Object.assign({},e,{id:r,"aria-describedby":a}))},Tk.Output=e=>{var{children:t,id:n}=e,r=p(e,["children","id"]);const{outputId:a}=zk();return c.default.createElement("div",Object.assign({},r,{id:n||a}),t)};const Zk=e=>{switch(e){case"down":default:return"translateY(100vh)";case"up":return"translateY(-100vh)";case"right":return"translateX(100vw)";case"left":return"translateX(-100vw)"}},Bk="slide-transition",Pk=d.default(bs)`
|
|
5015
|
+
&.${Bk}-enter, &.${Bk}-appear {
|
|
5016
|
+
transform: ${({direction:e})=>Zk(e)};
|
|
5019
5017
|
}
|
|
5020
|
-
&.${
|
|
5018
|
+
&.${Bk}-enter-active, &.${Bk}-appear-active {
|
|
5021
5019
|
transform: none;
|
|
5022
5020
|
transition: transform ${({timeout:e})=>Os(e,"enter")}ms;
|
|
5023
5021
|
}
|
|
5024
|
-
&.${
|
|
5022
|
+
&.${Bk}-exit {
|
|
5025
5023
|
transform: none;
|
|
5026
5024
|
}
|
|
5027
|
-
&.${
|
|
5028
|
-
transform: ${({direction:e})=>
|
|
5025
|
+
&.${Bk}-exit-active {
|
|
5026
|
+
transform: ${({direction:e})=>Zk(e)};
|
|
5029
5027
|
transition: transform ${({timeout:e})=>Os(e,"exit")}ms;
|
|
5030
5028
|
}
|
|
5031
|
-
&.${
|
|
5032
|
-
transform: ${({direction:e})=>
|
|
5029
|
+
&.${Bk}-exit-done {
|
|
5030
|
+
transform: ${({direction:e})=>Zk(e)};
|
|
5033
5031
|
}
|
|
5034
|
-
`,
|
|
5032
|
+
`,_k=d.default.div`
|
|
5035
5033
|
position: fixed;
|
|
5036
5034
|
left: ${({horizontal:e,theme:t})=>"left"===e?3*t.spacing+"px":"auto"};
|
|
5037
5035
|
right: ${({horizontal:e,theme:t})=>"right"===e?3*t.spacing+"px":"auto"};
|
|
5038
5036
|
top: ${({vertical:e,theme:t})=>"top"===e?3*t.spacing+"px":"auto"};
|
|
5039
5037
|
bottom: ${({vertical:e,theme:t})=>"bottom"===e?3*t.spacing+"px":"auto"};
|
|
5040
5038
|
z-index: ${({theme:e})=>e.depth.snackbar};
|
|
5041
|
-
`,
|
|
5039
|
+
`,Gk=d.default.div`
|
|
5042
5040
|
position: relative;
|
|
5043
5041
|
min-width: 320px;
|
|
5044
5042
|
max-width: 400px;
|
|
@@ -5050,104 +5048,104 @@ object-assign
|
|
|
5050
5048
|
box-shadow: ${({boxShadow:e})=>e};
|
|
5051
5049
|
border-radius: ${({theme:e})=>e.radius}px;
|
|
5052
5050
|
color: ${({textColor:e})=>e||"inherit"};
|
|
5053
|
-
`,
|
|
5051
|
+
`,Fk=d.default.div`
|
|
5054
5052
|
position: absolute;
|
|
5055
5053
|
top: ${({theme:e})=>e.spacing}px;
|
|
5056
5054
|
right: ${({theme:e})=>e.spacing}px;
|
|
5057
5055
|
cursor: pointer;
|
|
5058
|
-
`,
|
|
5056
|
+
`,Yk=({color:e,onClose:t,children:n})=>{const r=(e=>({default:{iconColor:e.palette.black,boxShadow:Fa(5,e.palette.action.shadowOpacity,e.palette.action.shadowBase),background:e.palette.background.default},dark:{iconColor:e.palette.white,boxShadow:Fa(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:Fa(5,e.palette.action.shadowOpacity,e.palette.warning.highlight),background:e.palette.warning.highlight}}))(S())[e];return c.createElement(Gk,Object.assign({},r),n,c.createElement(Fk,{onClick:t},c.createElement(D,{name:"close",color:r.iconColor})))},jk=c.forwardRef((function({color:e="default",anchorOrigin:{vertical:t,horizontal:n}={vertical:"bottom",horizontal:"right"},isOpen:r,onClose:a,children:i},l){return r?c.createElement(_k,{ref:l,vertical:t,horizontal:n,role:"warning"===e?"alert":"status"},c.createElement(Yk,{color:e,onClose:a},i)):null})),Wk=d.default.div`
|
|
5059
5057
|
display: block;
|
|
5060
|
-
`,
|
|
5058
|
+
`,Xk=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(tl,{pr:1}),c.createElement(Ap,{orientation:"vertical"}),c.createElement(tl,{pr:1}),c.createElement(Wk,null,n))})),Jk={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"}},Uk=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}}),Qk=d.default.div`
|
|
5061
5059
|
display: inline-flex;
|
|
5062
5060
|
align-items: center;
|
|
5063
|
-
height: ${({$size:e})=>
|
|
5064
|
-
padding: ${({$size:e})=>
|
|
5065
|
-
border-radius: ${({$size:e})=>
|
|
5066
|
-
background-color: ${({$variant:e,theme:t,$disabled:n})=>{if(n)return t.palette.neutral.softLight;return
|
|
5061
|
+
height: ${({$size:e})=>Jk[e].height};
|
|
5062
|
+
padding: ${({$size:e})=>Jk[e].padding};
|
|
5063
|
+
border-radius: ${({$size:e})=>Jk[e].borderRadius};
|
|
5064
|
+
background-color: ${({$variant:e,theme:t,$disabled:n})=>{if(n)return t.palette.neutral.softLight;return Uk(t)[e].containerBackground}};
|
|
5067
5065
|
border: 1px solid
|
|
5068
|
-
${({$variant:e,theme:t,$disabled:n})=>{if(n)return t.palette.text.disabled;return
|
|
5066
|
+
${({$variant:e,theme:t,$disabled:n})=>{if(n)return t.palette.text.disabled;return Uk(t)[e].borderColor}};
|
|
5069
5067
|
width: ${({$fullWidth:e,$width:t})=>e?"100%":t?`${isNaN(+t)?t:t+"px"}`:"auto"};
|
|
5070
5068
|
cursor: ${({$disabled:e})=>e?"not-allowed":"default"};
|
|
5071
5069
|
transition: all 0.3s ease-in-out;
|
|
5072
|
-
`,
|
|
5070
|
+
`,qk=d.default.div`
|
|
5073
5071
|
position: relative;
|
|
5074
5072
|
width: 100%;
|
|
5075
|
-
`,
|
|
5073
|
+
`,Kk=d.default.div`
|
|
5076
5074
|
position: relative;
|
|
5077
5075
|
width: 100%;
|
|
5078
5076
|
white-space: nowrap;
|
|
5079
5077
|
display: flex;
|
|
5080
5078
|
align-items: center;
|
|
5081
|
-
gap: ${({$size:e})=>
|
|
5079
|
+
gap: ${({$size:e})=>Jk[e].gap};
|
|
5082
5080
|
${({$fullWidth:e})=>e&&"\n & > * {\n flex: 1;\n }\n "}
|
|
5083
|
-
`,
|
|
5081
|
+
`,eM=d.default.div`
|
|
5084
5082
|
display: inline-flex;
|
|
5085
5083
|
align-items: center;
|
|
5086
5084
|
justify-content: center;
|
|
5087
|
-
width: ${({$size:e})=>
|
|
5088
|
-
height: ${({$size:e})=>
|
|
5089
|
-
border-radius: ${({$size:e})=>
|
|
5085
|
+
width: ${({$size:e})=>Jk[e].iconItemWidth};
|
|
5086
|
+
height: ${({$size:e})=>Jk[e].itemHeight};
|
|
5087
|
+
border-radius: ${({$size:e})=>Jk[e].itemRadius};
|
|
5090
5088
|
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
5091
5089
|
transition: all 0.3s ease-in-out;
|
|
5092
5090
|
background-color: transparent;
|
|
5093
5091
|
|
|
5094
5092
|
@media (any-hover: hover) {
|
|
5095
5093
|
&:hover:not([data-disabled="true"]) {
|
|
5096
|
-
background-color: ${({$variant:e,theme:t,$active:n,$disabled:r})=>{if(r)return"transparent";if(n)return"transparent";return
|
|
5094
|
+
background-color: ${({$variant:e,theme:t,$active:n,$disabled:r})=>{if(r)return"transparent";if(n)return"transparent";return Uk(t)[e].hoverBackground}};
|
|
5097
5095
|
}
|
|
5098
5096
|
}
|
|
5099
|
-
`,
|
|
5097
|
+
`,tM=d.default.div`
|
|
5100
5098
|
display: inline-flex;
|
|
5101
5099
|
align-items: center;
|
|
5102
5100
|
justify-content: center;
|
|
5103
|
-
height: ${({$size:e})=>
|
|
5104
|
-
padding: ${({$size:e})=>
|
|
5105
|
-
border-radius: ${({$size:e})=>
|
|
5101
|
+
height: ${({$size:e})=>Jk[e].itemHeight};
|
|
5102
|
+
padding: ${({$size:e})=>Jk[e].itemPadding};
|
|
5103
|
+
border-radius: ${({$size:e})=>Jk[e].itemRadius};
|
|
5106
5104
|
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
5107
5105
|
transition: all 0.3s ease-in-out;
|
|
5108
5106
|
background-color: transparent;
|
|
5109
5107
|
|
|
5110
5108
|
@media (any-hover: hover) {
|
|
5111
5109
|
&:hover:not([data-disabled="true"]) {
|
|
5112
|
-
background-color: ${({$variant:e,theme:t,$active:n,$disabled:r})=>{if(r)return"transparent";if(n)return"transparent";return
|
|
5110
|
+
background-color: ${({$variant:e,theme:t,$active:n,$disabled:r})=>{if(r)return"transparent";if(n)return"transparent";return Uk(t)[e].hoverBackground}};
|
|
5113
5111
|
}
|
|
5114
5112
|
}
|
|
5115
5113
|
|
|
5116
5114
|
span {
|
|
5117
|
-
color: ${({$variant:e,theme:t,$active:n,$disabled:r})=>{if(r&&n)return t.palette.background.default;if(r){return
|
|
5115
|
+
color: ${({$variant:e,theme:t,$active:n,$disabled:r})=>{if(r&&n)return t.palette.background.default;if(r){return Uk(t)[e].textColorDisabled}if(n){return Uk(t)[e].textColorActive}return Uk(t)[e].textColor}};
|
|
5118
5116
|
transition: color 0.5s ease-in-out;
|
|
5119
5117
|
}
|
|
5120
|
-
`,
|
|
5118
|
+
`,nM=d.default.div`
|
|
5121
5119
|
position: absolute;
|
|
5122
5120
|
top: 0;
|
|
5123
5121
|
height: 100%;
|
|
5124
5122
|
transition: all 0.3s ease-in-out; //インジケーターの動きだしタイミングを少しだけ速くする
|
|
5125
|
-
background-color: ${({$variant:e,theme:t,$disabled:n})=>{if(n)return t.palette.text.disabled;return
|
|
5126
|
-
border-radius: ${({$size:e})=>
|
|
5127
|
-
`,
|
|
5123
|
+
background-color: ${({$variant:e,theme:t,$disabled:n})=>{if(n)return t.palette.text.disabled;return Uk(t)[e].indicatorBackground}};
|
|
5124
|
+
border-radius: ${({$size:e})=>Jk[e].itemRadius};
|
|
5125
|
+
`,rM="undefined"!=typeof window?c.default.useLayoutEffect:c.default.useEffect;function aM(e){const t=c.default.useRef(e);return rM((()=>{t.current=e})),c.default.useCallback(((...e)=>t.current(...e)),[])}const iM=c.forwardRef((function({cases:e,value:t,onChange:n,size:r="medium",variant:a="light",disabled:i=!1,fullWidth:l=!1,width:o,showTooltip:s=!1,tooltipPosition:d=["top-start","bottom-start","auto"]},u){const p=S(),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:Uk(p)[a].iconColor),[p,a]),C=c.useMemo((()=>"small"===r?"xs":"sm"),[r]),E=aM((()=>{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(Qk,{ref:u,$size:r,$variant:a,$disabled:i,$fullWidth:l,$width:o,role:"tablist","aria-label":"Switch options"},c.createElement(qk,{ref:h},c.createElement(nM,{$size:r,$variant:a,$disabled:i,style:Object.assign({},b)}),c.createElement(Kk,{ref:g,$size:r,$fullWidth:l},f.map(((e,n)=>{const l=void 0===e.value?n:e.value;m.set(l,n);const o=l===t,u=e.disabled||i,p=null!=e.icon?c.createElement(eM,{$size:r,$variant:a,$active:o,$disabled:u,"data-disabled":u,role:"tab","aria-selected":o,tabIndex:u?-1:0,onClick:x(l,u)},c.createElement(D,{name:e.icon,size:y,color:w(u,o)})):c.createElement(tM,{key:e.name,$size:r,$variant:a,$active:o,$disabled:u,"data-disabled":u,role:"tab","aria-selected":o,tabIndex:u?-1:0,onClick:x(l,u)},c.createElement(q,{trimVertical:!0,component:"span",size:C,weight:"normal",color:"secondary"},e.name));return s?c.createElement(Zs,{key:e.name,content:e.name,positionPriority:d,offset:[0,15]},p):c.createElement(c.Fragment,{key:e.name},p)})))))})),lM=c.forwardRef((function(e,t){var{children:n}=e,r=p(e,["children"]);return c.createElement("tbody",Object.assign({ref:t},r),n)})),oM=d.default.td`
|
|
5128
5126
|
width: ${({width:e})=>e};
|
|
5129
5127
|
padding: ${({theme:e})=>2*e.spacing}px;
|
|
5130
|
-
`,
|
|
5128
|
+
`,sM=c.forwardRef((function(e,t){var{width:n="auto",children:r}=e,a=p(e,["width","children"]);return c.createElement(oM,Object.assign({ref:t,width:n},a),c.createElement(q,{component:"div"},r))})),cM=c.forwardRef((function({children:e},t){return c.createElement("thead",{ref:t},e)})),dM={small:"8px",medium:"12px",large:"16px"},uM=d.default.tr`
|
|
5131
5129
|
border: 1px solid ${({theme:e})=>e.palette.divider};
|
|
5132
5130
|
|
|
5133
5131
|
& > td,
|
|
5134
5132
|
th {
|
|
5135
|
-
padding-top: ${({verticalSpacing:e})=>
|
|
5136
|
-
padding-bottom: ${({verticalSpacing:e})=>
|
|
5133
|
+
padding-top: ${({verticalSpacing:e})=>dM[e]};
|
|
5134
|
+
padding-bottom: ${({verticalSpacing:e})=>dM[e]};
|
|
5137
5135
|
}
|
|
5138
|
-
`,
|
|
5136
|
+
`,pM=c.forwardRef((function(e,t){var{children:n,verticalSpacing:r="medium"}=e,a=p(e,["children","verticalSpacing"]);return c.createElement(uM,Object.assign({ref:t,verticalSpacing:r},a),n)})),fM=d.default.th`
|
|
5139
5137
|
width: ${({width:e})=>e};
|
|
5140
5138
|
padding: ${({theme:e})=>2*e.spacing}px;
|
|
5141
5139
|
background-color: ${({theme:e})=>e.palette.neutral.highlight};
|
|
5142
5140
|
border: 1px solid ${({theme:e})=>e.palette.divider};
|
|
5143
|
-
`,
|
|
5141
|
+
`,mM=c.default.forwardRef((function(e,t){var{width:n="auto",children:r}=e,a=p(e,["width","children"]);return c.default.createElement(fM,Object.assign({ref:t,width:n},a),c.default.createElement(q,{component:"div",weight:"bold",size:"md",lineHeight:"normal"},r))})),hM=d.default.table`
|
|
5144
5142
|
width: 100%;
|
|
5145
5143
|
border-collapse: collapse;
|
|
5146
5144
|
table-layout: auto;
|
|
5147
5145
|
background-color: ${({theme:e})=>e.palette.background.default};
|
|
5148
|
-
`,
|
|
5146
|
+
`,gM=c.forwardRef((function(e,t){var{children:n}=e,r=p(e,["children"]);return c.createElement(hM,Object.assign({ref:t},r),n)}));gM.Header=cM,gM.Body=lM,gM.Row=pM,gM.Cell=sM,gM.HeaderCell=mM;const bM=d.default.div`
|
|
5149
5147
|
position: relative;
|
|
5150
|
-
`,
|
|
5148
|
+
`,vM=d.default.div``,xM=d.default.button`
|
|
5151
5149
|
flex-irection: column;
|
|
5152
5150
|
flex-shrink: 0;
|
|
5153
5151
|
line-height: 1.25;
|
|
@@ -5168,32 +5166,32 @@ object-assign
|
|
|
5168
5166
|
background-color: ${({selected:e})=>e?"":({theme:e})=>e.palette.neutral.highlight};
|
|
5169
5167
|
transition: 0.5s;
|
|
5170
5168
|
}
|
|
5171
|
-
`,
|
|
5169
|
+
`,yM=d.default(q)`
|
|
5172
5170
|
padding-right: 2px;
|
|
5173
5171
|
font-weight: normal;
|
|
5174
5172
|
color: ${({selected:e})=>e?({theme:e})=>e.palette.primary.base:"secondary"};
|
|
5175
|
-
`,
|
|
5173
|
+
`,wM=d.default.div`
|
|
5176
5174
|
position: absolute;
|
|
5177
5175
|
top: 0;
|
|
5178
5176
|
height: 100%;
|
|
5179
5177
|
transition: all 0.3s ease-in-out;
|
|
5180
5178
|
border-bottom: ${({theme:e})=>`solid ${e.palette.primary.base} 2px`};
|
|
5181
|
-
`,
|
|
5179
|
+
`,CM=d.default.div`
|
|
5182
5180
|
height: 1px;
|
|
5183
5181
|
width: 100%;
|
|
5184
5182
|
background: ${({theme:e})=>e.palette.neutral.lighter};
|
|
5185
|
-
`,
|
|
5183
|
+
`,EM=c.forwardRef((function({text:e,count:t,countMax:n,value:r,selected:a,onChange:i,onClick:l},o){const s=S(),d=a?"primary":"secondaryDark";return c.createElement(xM,{ref:o,key:e,value:r,tabIndex:a?0:-1,role:"tab","aria-selected":a,theme:s,selected:a,onClick:e=>{!a&&i&&i(r),l&&l(e)}},c.createElement($I,{showZero:!0,layout:"inline",badgeContent:t,max:null!=n?n:99,color:d,size:"small"},c.createElement(yM,{selected:a},e)))})),IM=d.default.div`
|
|
5186
5184
|
cursor: ${({disabled:e})=>e?"not-allowed":"pointer"};
|
|
5187
|
-
`,IM=(e=15)=>{const t=[];for(let n=0;n<24;n++)for(let r=0;r<60;r+=e){const e=Ji().hour(n).minute(r).format("HH:mm");t.push(e)}return t},kM=(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 MM=e.memo((({time:t,error:r=!1,errorText:a,disabled:i=!1,onTimeChange:l,dropdownInterval:o=60,filterTimeOptions:s,size:d="medium",variant:u="light",width:p="120px",maxHeight:f=300,onFocus:m,onBlur:h})=>{var g,b,v,x;te("TimeField","TimeField は非推奨です。代わりに TimeField2 を使用してください。");const y=S(),[w,C]=e.useState(!1),E=e.useRef(null),I=e.useId(),k="HH:mm",M=t||Ji(),$=e.useMemo((()=>{const e=IM(o);return s&&s.length>0?e.filter((e=>s.every((t=>t(e))))):e}),[o,s]),[A,L]=e.useState(M.format(k)),[V,O]=e.useState(Nx(A)),[H,R]=e.useState({start:0,end:V.length-1,current:0}),[N,z]=e.useState(null);e.useEffect((()=>{const e=M.format(k);L(e),O(Nx(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,l=V.findIndex((e=>i>=e.start&&i<=e.end+1));R((e=>V[l].editable?e.current===l?e:Object.assign(Object.assign({},e),{current:l}):Object.assign(Object.assign({},e),{current:l+1}))),null===(n=E.current)||void 0===n||n.setSelectionRange(V[l].start,V[l].end+1)}))}),[V]),Z=e.useCallback((()=>{T(),null==m||m()}),[T,m]),B=e.useCallback((()=>{R((e=>Object.assign(Object.assign({},e),{current:0}))),z(null),null==h||h()}),[h]),P=e.useCallback(((e,t,n)=>{const r=kM(e,t,n,k);return r?r.newTime:null}),[k]),_=e.useCallback((e=>{const r=Fx(e.code),a=r?Yx(e.code):null;if(!Gx.includes(e.key)&&!r)return;if(e.key===Bx.ArrowLeft||e.key===Bx.ArrowRight){e.preventDefault();const t=((e,t,n)=>{if(t===Bx.ArrowLeft){for(let t=e-1;t>=0;t--)if(n[t].editable)return t-e}else if(t===Bx.ArrowRight)for(let t=e+1;t<n.length;t++)if(n[t].editable)return t-e;return 0})(H.current,e.key,V);R((e=>Object.assign(Object.assign({},e),{current:e.current+t}))),z(null)}if(e.key===Bx.ArrowUp||e.key===Bx.ArrowDown){e.preventDefault();const n=e.key===Bx.ArrowUp?1:-1,r=t||Ji(),a=P(r,H.current,n);if(a){const e=a.format(k);L(e),O(Nx(e)),l&&l(a)}}const i=r?a:e.key;if((_x.includes(e.key)||r)&&i){e.preventDefault();const r=((e,t,n,r)=>{const a=t.map((e=>Object.assign({},e)));let i=!1,l=null;if(r!==n){a[n].value=e.padStart(t[n].value.length,"0");const r=parseInt(e);(0===n?r<=2:r<=5)?l=n:(l=null,i=!0)}else{const r=(t[n].value.slice(1)+e).slice(-t[n].value.length);a[n].value=r,l=null,i=!0}return{newSections:a,shouldMoveToNextSection:i,newLastEditedSection:l}})(i,V,H.current,N),a=zx(r.newSections),o=t||Ji(),s=a,c=Ji(`${o.format("YYYY-MM-DD")} ${s}`),d=c.format(k);if(n.flushSync((()=>{L(d),O(Nx(d))})),c.isValid()&&l){const e=o.hour(c.hour()).minute(c.minute()).second(0).millisecond(0);l(e)}if(z(r.newLastEditedSection),r.shouldMoveToNextSection)for(let e=H.current+1;e<V.length;e++)if(V[e].editable){R((t=>Object.assign(Object.assign({},t),{current:e})));break}}if(e.key===Bx.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),z(null);const n=zx(t);L(n)}}),[V,H,N,k,l,t,P]),G=e.useCallback((()=>{T()}),[T]),F=e.useCallback((e=>{const[n,r]=e.split(":").map(Number),a=(t||Ji()).hour(n).minute(r).second(0).millisecond(0);l&&l(a),C(!1)}),[t,l]),Y=e.useCallback((e=>{e.preventDefault();const n=e.clipboardData.getData("text").trim(),[r,a]=n.split(":"),i=parseInt(r,10),o=parseInt(a,10);if(!(!isNaN(i)&&!isNaN(o)&&i>=0&&i<=23&&o>=0&&o<=59))return;const s=t||Ji(),c=Ji(`${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);L(t),O(Nx(t)),l&&l(e)}}),[t,k,l]);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(Mi,{ref:E,readOnly:!0,multiline:!1,error:r||!!a,disabled:i,width:p,size:d,variant:u,value:A,append:c.default.createElement(EM,{disabled:i,"aria-label":"時刻を選択",role:"button",tabIndex:i?-1:0,onClick:e=>{e.stopPropagation(),e.preventDefault(),i||C(!w)}},c.default.createElement(D,{name:"arrow_down",color:i?y.palette.text.disabled:y.palette.black})),onFocus:Z,onBlur:B,onKeyDown:_,onMouseDown:G,onPaste:Y}),c.default.createElement(Pi,null,c.default.createElement(Bi,{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(_a,{key:e,"data-timefield-item":`${I}-${e}`,checked:n,onChange:t=>{t&&F(e)}},e)})):c.default.createElement(Fe,{disabled:!0},"選択可能な時刻がありません"))),a&&c.default.createElement(c.default.Fragment,null,c.default.createElement(tl,{py:1}),c.default.createElement(sc,null,a)))}));var $M=e.memo((({time:t,name:n,error:r=!1,errorText:a,disabled:i=!1,onTimeChange:l,dropdownInterval:o=60,filterTimeOptions:s,size:d="medium",variant:u="light",width:p="120px",maxHeight:f=300,onFocus:m,onBlur:h})=>{var g,b,v,x;const y=S(),[w,C]=e.useState(!1),E=e.useRef(null),I=e.useId(),k="HH:mm",M=ki(),$=t||Ji(),A=e.useMemo((()=>{const e=IM(o);return s&&s.length>0?e.filter((e=>s.every((t=>t(e))))):e}),[o,s]),{value:L,sections:V,focusedIndex:O,isFocused:H,getSegmentProps:R,groupProps:N}=(({time:t,disabled:n=!1,onTimeChange:r})=>{const a="HH:mm",i=t||Ji(),[l,o]=e.useState(i.format(a)),s=e.useRef(l),[c,d]=e.useState(Nx(l)),[u,p]=e.useState(null),f=e.useRef(null),m=e.useRef(0),[h,g]=e.useState(!1),b=e.useRef([]),v=e.useRef(null),x=e.useCallback((e=>{f.current=e,p(e)}),[]),y=e.useCallback((e=>{x(e),m.current=0;const t=b.current[e];t&&t!==document.activeElement&&t.focus()}),[x]);e.useEffect((()=>{const e=(t||Ji()).format(a);o(e),s.current=e,d(Nx(e))}),[t]);const w=e.useCallback(((e,t)=>{for(let n=e+t;n>=0&&n<c.length;n+=t)if(c[n].editable)return n;return null}),[c]),C=e.useCallback((e=>{const n=f.current;if(null===n)return;const i=c[n];if(!(null==i?void 0:i.editable))return;const l=m.current;let u=i.value;0===l&&(u="".padStart(i.value.length,"0"));const p=`${u.slice(1)}${e}`,h=[...c];h[n]=Object.assign(Object.assign({},h[n]),{value:p}),d(h);const g=l+1;m.current=g;const b=0===n,v=parseInt(e);let x=!1;x=0===l?!(b?v<=2:v<=5):g>=i.value.length;const C=zx(h),E=t||Ji(),I=Ji(`${E.format("YYYY-MM-DD")} ${C}`),k=I.format(a);if(o(k),s.current=k,d(Nx(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!==Bx.ArrowUp&&n.key!==Bx.ArrowDown){if(n.key===Bx.Backspace||n.key===Bx.Delete){n.preventDefault(),n.stopPropagation();const t=n.key===Bx.Backspace,r="0".repeat(i.value.length);if(i.value===r&&0===m.current){if(t){const t=w(e,-1);null!==t&&y(t)}return}const a=[...c];a[e]=Object.assign(Object.assign({},a[e]),{value:r}),d(a),m.current=0;const l=zx(a);return o(l),void(s.current=l)}if(Fx(n.code)){n.preventDefault();const e=Yx(n.code);e&&C(e)}}else{n.preventDefault();const i=n.key===Bx.ArrowUp?1:-1,l=t||Ji(),[c,u]=s.current.split(":").map(Number),p=l.hour(c).minute(u).second(0).millisecond(0),f=kM(p,e,i,a);f&&(o(f.normalizedValue),s.current=f.normalizedValue,d(Nx(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!==Bx.ArrowLeft&&e.key!==Bx.ArrowRight){if(e.key===Bx.Tab){const n=e.shiftKey?-1:1,r=w(t,n);null!==r&&(e.preventDefault(),y(r))}}else{e.preventDefault();const n=e.key===Bx.ArrowLeft?-1:1,r=w(t,n);null!==r&&y(r)}}),[w,y]),L=e.useCallback((e=>{e.preventDefault();const n=e.clipboardData.getData("text").trim(),[i,l]=n.split(":"),c=parseInt(i,10),u=parseInt(l,10);if(isNaN(c)||isNaN(u)||c<0||c>23||u<0||u>59)return;const p=(t||Ji()).hour(c).minute(u).second(0).millisecond(0),f=p.format(a);o(f),s.current=f,d(Nx(f)),null==r||r(p)}),[t,a,r]);return{value:l,sections:c,focusedIndex:u,isFocused:h,getSegmentProps:A,groupProps:{ref:v,onKeyDown:S,onPaste:L}}})({time:$,disabled:i,onTimeChange:l}),z=e.useCallback((()=>{null==m||m()}),[m]),T=e.useCallback((e=>{const t=e.relatedTarget;E.current&&t&&E.current.contains(t)||null==h||h()}),[h]),Z=e.useCallback((e=>{const[n,r]=e.split(":").map(Number),a=(t||Ji()).hour(n).minute(r).second(0).millisecond(0);null==l||l(a),C(!1)}),[t,l]),B=e.useCallback((e=>{e.stopPropagation(),e.preventDefault(),i||C(!w)}),[i,w]),P=e.useCallback((e=>t=>{t&&Z(e)}),[Z]);return e.useEffect((()=>{if(w&&t){const e=t.format(k);requestAnimationFrame((()=>{const t=document.querySelector(`[data-timefield-item="${CSS.escape(I)}-${e}"]`);t&&"function"==typeof t.scrollIntoView&&t.scrollIntoView({block:"center"})}))}}),[w,t,I,k]),c.default.createElement(c.default.Fragment,null,c.default.createElement(my,{ref:E,$disabled:i,$error:r||!!a,$focused:H,$isIOS:M,$size:d,$variant:u,$width:p,onBlurCapture:T,onFocusCapture:z},c.default.createElement(hy,Object.assign({},N),V.map(((e,t)=>c.default.createElement(gy,Object.assign({key:`${e.start}-${e.end}`,$editable:e.editable,$focused:H&&O===t},R(t)),e.value)))),c.default.createElement(by,null,c.default.createElement(EM,{disabled:i,"aria-label":"時刻を選択",role:"button",tabIndex:i?-1:0,onClick:B},c.default.createElement(D,{color:i?y.palette.text.disabled:y.palette.black,name:"arrow_down"})))),c.default.createElement("input",{type:"hidden",name:n,value:L,disabled:i}),c.default.createElement(Pi,null,c.default.createElement(Bi,{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(_a,{key:e,checked:n,"data-timefield-item":`${I}-${e}`,onChange:P(e)},e)})):c.default.createElement(Fe,{disabled:!0},"選択可能な時刻がありません"))),a&&c.default.createElement(c.default.Fragment,null,c.default.createElement(tl,{py:1}),c.default.createElement(sc,null,a)))}));const AM="min(800px, calc(100vw - 16px))",SM=d.default.div`
|
|
5185
|
+
`,kM=(e=15)=>{const t=[];for(let n=0;n<24;n++)for(let r=0;r<60;r+=e){const e=Ji().hour(n).minute(r).format("HH:mm");t.push(e)}return t},MM=(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 $M=e.memo((({time:t,error:r=!1,errorText:a,disabled:i=!1,onTimeChange:l,dropdownInterval:o=60,filterTimeOptions:s,size:d="medium",variant:u="light",width:p="120px",maxHeight:f=300,onFocus:m,onBlur:h})=>{var g,b,v,x;te("TimeField","TimeField は非推奨です。代わりに TimeField2 を使用してください。");const y=S(),[w,C]=e.useState(!1),E=e.useRef(null),I=e.useId(),k="HH:mm",M=t||Ji(),$=e.useMemo((()=>{const e=kM(o);return s&&s.length>0?e.filter((e=>s.every((t=>t(e))))):e}),[o,s]),[A,L]=e.useState(M.format(k)),[V,O]=e.useState(Tx(A)),[H,R]=e.useState({start:0,end:V.length-1,current:0}),[N,z]=e.useState(null);e.useEffect((()=>{const e=M.format(k);L(e),O(Tx(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,l=V.findIndex((e=>i>=e.start&&i<=e.end+1));R((e=>V[l].editable?e.current===l?e:Object.assign(Object.assign({},e),{current:l}):Object.assign(Object.assign({},e),{current:l+1}))),null===(n=E.current)||void 0===n||n.setSelectionRange(V[l].start,V[l].end+1)}))}),[V]),Z=e.useCallback((()=>{T(),null==m||m()}),[T,m]),B=e.useCallback((()=>{R((e=>Object.assign(Object.assign({},e),{current:0}))),z(null),null==h||h()}),[h]),P=e.useCallback(((e,t,n)=>{const r=MM(e,t,n,k);return r?r.newTime:null}),[k]),_=e.useCallback((e=>{const r=jx(e.code),a=r?Wx(e.code):null;if(!Yx.includes(e.key)&&!r)return;if(e.key===_x.ArrowLeft||e.key===_x.ArrowRight){e.preventDefault();const t=((e,t,n)=>{if(t===_x.ArrowLeft){for(let t=e-1;t>=0;t--)if(n[t].editable)return t-e}else if(t===_x.ArrowRight)for(let t=e+1;t<n.length;t++)if(n[t].editable)return t-e;return 0})(H.current,e.key,V);R((e=>Object.assign(Object.assign({},e),{current:e.current+t}))),z(null)}if(e.key===_x.ArrowUp||e.key===_x.ArrowDown){e.preventDefault();const n=e.key===_x.ArrowUp?1:-1,r=t||Ji(),a=P(r,H.current,n);if(a){const e=a.format(k);L(e),O(Tx(e)),l&&l(a)}}const i=r?a:e.key;if((Fx.includes(e.key)||r)&&i){e.preventDefault();const r=((e,t,n,r)=>{const a=t.map((e=>Object.assign({},e)));let i=!1,l=null;if(r!==n){a[n].value=e.padStart(t[n].value.length,"0");const r=parseInt(e);(0===n?r<=2:r<=5)?l=n:(l=null,i=!0)}else{const r=(t[n].value.slice(1)+e).slice(-t[n].value.length);a[n].value=r,l=null,i=!0}return{newSections:a,shouldMoveToNextSection:i,newLastEditedSection:l}})(i,V,H.current,N),a=Zx(r.newSections),o=t||Ji(),s=a,c=Ji(`${o.format("YYYY-MM-DD")} ${s}`),d=c.format(k);if(n.flushSync((()=>{L(d),O(Tx(d))})),c.isValid()&&l){const e=o.hour(c.hour()).minute(c.minute()).second(0).millisecond(0);l(e)}if(z(r.newLastEditedSection),r.shouldMoveToNextSection)for(let e=H.current+1;e<V.length;e++)if(V[e].editable){R((t=>Object.assign(Object.assign({},t),{current:e})));break}}if(e.key===_x.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),z(null);const n=Zx(t);L(n)}}),[V,H,N,k,l,t,P]),G=e.useCallback((()=>{T()}),[T]),F=e.useCallback((e=>{const[n,r]=e.split(":").map(Number),a=(t||Ji()).hour(n).minute(r).second(0).millisecond(0);l&&l(a),C(!1)}),[t,l]),Y=e.useCallback((e=>{e.preventDefault();const n=e.clipboardData.getData("text").trim(),[r,a]=n.split(":"),i=parseInt(r,10),o=parseInt(a,10);if(!(!isNaN(i)&&!isNaN(o)&&i>=0&&i<=23&&o>=0&&o<=59))return;const s=t||Ji(),c=Ji(`${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);L(t),O(Tx(t)),l&&l(e)}}),[t,k,l]);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(Mi,{ref:E,readOnly:!0,multiline:!1,error:r||!!a,disabled:i,width:p,size:d,variant:u,value:A,append:c.default.createElement(IM,{disabled:i,"aria-label":"時刻を選択",role:"button",tabIndex:i?-1:0,onClick:e=>{e.stopPropagation(),e.preventDefault(),i||C(!w)}},c.default.createElement(D,{name:"arrow_down",color:i?y.palette.text.disabled:y.palette.black})),onFocus:Z,onBlur:B,onKeyDown:_,onMouseDown:G,onPaste:Y}),c.default.createElement(Pi,null,c.default.createElement(Bi,{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(_a,{key:e,"data-timefield-item":`${I}-${e}`,checked:n,onChange:t=>{t&&F(e)}},e)})):c.default.createElement(Fe,{disabled:!0},"選択可能な時刻がありません"))),a&&c.default.createElement(c.default.Fragment,null,c.default.createElement(tl,{py:1}),c.default.createElement(sc,null,a)))}));var AM=e.memo((({time:t,name:n,error:r=!1,errorText:a,disabled:i=!1,onTimeChange:l,dropdownInterval:o=60,filterTimeOptions:s,size:d="medium",variant:u="light",width:p="120px",maxHeight:f=300,onFocus:m,onBlur:h})=>{var g,b,v,x;const y=S(),[w,C]=e.useState(!1),E=e.useRef(null),I=e.useId(),k="HH:mm",M=ki(),$=t||Ji(),A=e.useMemo((()=>{const e=kM(o);return s&&s.length>0?e.filter((e=>s.every((t=>t(e))))):e}),[o,s]),{value:L,sections:V,focusedIndex:O,isFocused:H,getSegmentProps:R,groupProps:N}=(({time:t,disabled:n=!1,onTimeChange:r})=>{const a="HH:mm",i=t||Ji(),[l,o]=e.useState(i.format(a)),s=e.useRef(l),[c,d]=e.useState(Tx(l)),[u,p]=e.useState(null),f=e.useRef(null),m=e.useRef(0),[h,g]=e.useState(!1),b=e.useRef([]),v=e.useRef(null),x=e.useCallback((e=>{f.current=e,p(e)}),[]),y=e.useCallback((e=>{x(e),m.current=0;const t=b.current[e];t&&t!==document.activeElement&&t.focus()}),[x]);e.useEffect((()=>{const e=(t||Ji()).format(a);o(e),s.current=e,d(Tx(e))}),[t]);const w=e.useCallback(((e,t)=>{for(let n=e+t;n>=0&&n<c.length;n+=t)if(c[n].editable)return n;return null}),[c]),C=e.useCallback((e=>{const n=f.current;if(null===n)return;const i=c[n];if(!(null==i?void 0:i.editable))return;const l=m.current;let u=i.value;0===l&&(u="".padStart(i.value.length,"0"));const p=`${u.slice(1)}${e}`,h=[...c];h[n]=Object.assign(Object.assign({},h[n]),{value:p}),d(h);const g=l+1;m.current=g;const b=0===n,v=parseInt(e);let x=!1;x=0===l?!(b?v<=2:v<=5):g>=i.value.length;const C=Zx(h),E=t||Ji(),I=Ji(`${E.format("YYYY-MM-DD")} ${C}`),k=I.format(a);if(o(k),s.current=k,d(Tx(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!==_x.ArrowUp&&n.key!==_x.ArrowDown){if(n.key===_x.Backspace||n.key===_x.Delete){n.preventDefault(),n.stopPropagation();const t=n.key===_x.Backspace,r="0".repeat(i.value.length);if(i.value===r&&0===m.current){if(t){const t=w(e,-1);null!==t&&y(t)}return}const a=[...c];a[e]=Object.assign(Object.assign({},a[e]),{value:r}),d(a),m.current=0;const l=Zx(a);return o(l),void(s.current=l)}if(jx(n.code)){n.preventDefault();const e=Wx(n.code);e&&C(e)}}else{n.preventDefault();const i=n.key===_x.ArrowUp?1:-1,l=t||Ji(),[c,u]=s.current.split(":").map(Number),p=l.hour(c).minute(u).second(0).millisecond(0),f=MM(p,e,i,a);f&&(o(f.normalizedValue),s.current=f.normalizedValue,d(Tx(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!==_x.ArrowLeft&&e.key!==_x.ArrowRight){if(e.key===_x.Tab){const n=e.shiftKey?-1:1,r=w(t,n);null!==r&&(e.preventDefault(),y(r))}}else{e.preventDefault();const n=e.key===_x.ArrowLeft?-1:1,r=w(t,n);null!==r&&y(r)}}),[w,y]),L=e.useCallback((e=>{e.preventDefault();const n=e.clipboardData.getData("text").trim(),[i,l]=n.split(":"),c=parseInt(i,10),u=parseInt(l,10);if(isNaN(c)||isNaN(u)||c<0||c>23||u<0||u>59)return;const p=(t||Ji()).hour(c).minute(u).second(0).millisecond(0),f=p.format(a);o(f),s.current=f,d(Tx(f)),null==r||r(p)}),[t,a,r]);return{value:l,sections:c,focusedIndex:u,isFocused:h,getSegmentProps:A,groupProps:{ref:v,onKeyDown:S,onPaste:L}}})({time:$,disabled:i,onTimeChange:l}),z=e.useCallback((()=>{null==m||m()}),[m]),T=e.useCallback((e=>{const t=e.relatedTarget;E.current&&t&&E.current.contains(t)||null==h||h()}),[h]),Z=e.useCallback((e=>{const[n,r]=e.split(":").map(Number),a=(t||Ji()).hour(n).minute(r).second(0).millisecond(0);null==l||l(a),C(!1)}),[t,l]),B=e.useCallback((e=>{e.stopPropagation(),e.preventDefault(),i||C(!w)}),[i,w]),P=e.useCallback((e=>t=>{t&&Z(e)}),[Z]);return e.useEffect((()=>{if(w&&t){const e=t.format(k);requestAnimationFrame((()=>{const t=document.querySelector(`[data-timefield-item="${CSS.escape(I)}-${e}"]`);t&&"function"==typeof t.scrollIntoView&&t.scrollIntoView({block:"center"})}))}}),[w,t,I,k]),c.default.createElement(c.default.Fragment,null,c.default.createElement(gy,{ref:E,$disabled:i,$error:r||!!a,$focused:H,$isIOS:M,$size:d,$variant:u,$width:p,onBlurCapture:T,onFocusCapture:z},c.default.createElement(by,Object.assign({},N),V.map(((e,t)=>c.default.createElement(vy,Object.assign({key:`${e.start}-${e.end}`,$editable:e.editable,$focused:H&&O===t},R(t)),e.value)))),c.default.createElement(xy,null,c.default.createElement(IM,{disabled:i,"aria-label":"時刻を選択",role:"button",tabIndex:i?-1:0,onClick:B},c.default.createElement(D,{color:i?y.palette.text.disabled:y.palette.black,name:"arrow_down"})))),c.default.createElement("input",{type:"hidden",name:n,value:L,disabled:i}),c.default.createElement(Pi,null,c.default.createElement(Bi,{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(_a,{key:e,checked:n,"data-timefield-item":`${I}-${e}`,onChange:P(e)},e)})):c.default.createElement(Fe,{disabled:!0},"選択可能な時刻がありません"))),a&&c.default.createElement(c.default.Fragment,null,c.default.createElement(tl,{py:1}),c.default.createElement(sc,null,a)))}));const SM="min(800px, calc(100vw - 16px))",LM=d.default.div`
|
|
5188
5186
|
box-sizing: border-box;
|
|
5189
5187
|
/* 親 ToastContainer が shrink-to-fit のため 100% では広がらない */
|
|
5190
|
-
width: ${
|
|
5188
|
+
width: ${SM};
|
|
5191
5189
|
margin-inline: auto;
|
|
5192
5190
|
padding: ${({theme:e})=>2*e.spacing}px;
|
|
5193
5191
|
/* 退場時の height(実測値→0)縮小アニメ用。入場時は height: auto のため効かない */
|
|
5194
5192
|
transition: height ${({transitionDuration:e})=>e-100}ms
|
|
5195
5193
|
100ms;
|
|
5196
|
-
`,
|
|
5194
|
+
`,VM=d.default.div`
|
|
5197
5195
|
position: relative;
|
|
5198
5196
|
display: flex;
|
|
5199
5197
|
align-items: center;
|
|
@@ -5217,13 +5215,13 @@ object-assign
|
|
|
5217
5215
|
min-width: ${400}px;
|
|
5218
5216
|
max-width: ${800}px;
|
|
5219
5217
|
}
|
|
5220
|
-
`,
|
|
5218
|
+
`,OM=d.default.div`
|
|
5221
5219
|
display: flex;
|
|
5222
5220
|
align-items: center;
|
|
5223
5221
|
justify-content: space-between;
|
|
5224
5222
|
width: 100%;
|
|
5225
5223
|
min-height: ${64}px;
|
|
5226
|
-
`,
|
|
5224
|
+
`,HM=d.default.div`
|
|
5227
5225
|
flex: 1;
|
|
5228
5226
|
|
|
5229
5227
|
p {
|
|
@@ -5232,7 +5230,7 @@ object-assign
|
|
|
5232
5230
|
word-break: break-word;
|
|
5233
5231
|
overflow-wrap: anywhere;
|
|
5234
5232
|
}
|
|
5235
|
-
`,
|
|
5233
|
+
`,DM=d.default.div`
|
|
5236
5234
|
flex-shrink: 0;
|
|
5237
5235
|
display: flex;
|
|
5238
5236
|
align-items: center;
|
|
@@ -5241,20 +5239,20 @@ object-assign
|
|
|
5241
5239
|
width: 32px;
|
|
5242
5240
|
height: 32px;
|
|
5243
5241
|
margin-right: ${({theme:e})=>2*e.spacing}px;
|
|
5244
|
-
`,
|
|
5242
|
+
`,RM=d.default.div`
|
|
5245
5243
|
flex-shrink: 0;
|
|
5246
5244
|
align-self: center;
|
|
5247
5245
|
cursor: pointer;
|
|
5248
5246
|
margin-left: ${({theme:e})=>2*e.spacing}px;
|
|
5249
|
-
`,
|
|
5247
|
+
`,NM=t.keyframes`
|
|
5250
5248
|
from {
|
|
5251
5249
|
width: 100%;
|
|
5252
5250
|
}
|
|
5253
5251
|
to {
|
|
5254
5252
|
width: 0%
|
|
5255
5253
|
}
|
|
5256
|
-
`,
|
|
5257
|
-
animation: ${
|
|
5254
|
+
`,zM=d.default.div`
|
|
5255
|
+
animation: ${NM}
|
|
5258
5256
|
${({autoDismissTimeout:e})=>e}ms linear;
|
|
5259
5257
|
background-color: ${({backgroundColor:e})=>e};
|
|
5260
5258
|
top: 0;
|
|
@@ -5263,7 +5261,7 @@ object-assign
|
|
|
5263
5261
|
position: absolute;
|
|
5264
5262
|
width: 0;
|
|
5265
5263
|
height: 3px;
|
|
5266
|
-
`,
|
|
5264
|
+
`,TM={right:"translate3d(120%, 0, 0)",left:"translate3d(-120%, 0, 0)",bottom:"translate3d(0, 120%, 0)",top:"translate3d(0, -120%, 0)"};function ZM(e){const t=e.split("-"),n="center"===t[1]?t[0]:t[1];return TM[n]}const BM=({appearance:e,placement:t,transitionDuration:n,transitionState:r,onDismiss:a,children:i,autoDismiss:l,autoDismissTimeout:o,isRunning:s})=>{const d=(({palette:e})=>({info:{background:e.primary.highlight,boxShadow:Fa(5,e.action.shadowOpacity,e.primary.softLight),icon:c.createElement(D,{name:"information",type:"fill",size:"lg",color:e.primary.base}),countDownBackground:e.primary.base,titleColor:e.primary.ultraDark,contentColor:e.primary.base,closeColor:e.primary.base},success:{background:e.success.highlight,boxShadow:Fa(5,e.action.shadowOpacity,e.success.lighter),icon:c.createElement(D,{name:"checkbox_circle",type:"fill",size:"lg",color:e.success.base}),countDownBackground:e.success.base,titleColor:e.success.ultraDark,contentColor:e.success.base,closeColor:e.success.base},warning:{background:e.warning.highlight,boxShadow:Fa(5,e.action.shadowOpacity,e.warning.light),icon:c.createElement(D,{name:"alert",type:"fill",size:"lg",color:e.warning.base}),countDownBackground:e.warning.base,titleColor:e.warning.ultraDark,contentColor:e.warning.base,closeColor:e.warning.base},error:{background:e.danger.highlight,boxShadow:Fa(5,e.action.shadowOpacity,e.danger.lighter),icon:c.createElement(D,{name:"alert",type:"fill",size:"lg",color:e.danger.base}),countDownBackground:e.danger.base,titleColor:e.danger.ultraDark,contentColor:e.danger.base,closeColor:e.danger.base}}))(S())[e],[u,p]=c.useState("auto"),f=c.useRef(null);return c.useEffect((()=>{if("exiting"!==r)return;const e=f.current;e&&(p(e.offsetHeight),requestAnimationFrame((()=>p(0))))}),[r]),c.createElement(LM,{ref:f,style:{height:u},transitionDuration:n},c.createElement(VM,Object.assign({background:d.background,boxShadow:d.boxShadow,transitionDuration:n,role:"error"===e||"warning"===e?"alert":"status"},(e=>({entering:{transform:`${ZM(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(OM,null,c.createElement(z,{display:"flex",alignItems:"center",flex:1},c.createElement(DM,null,d.icon),c.createElement(HM,null,c.createElement(q,{color:d.titleColor,weight:"bold"},i))),c.createElement(RM,{onClick:()=>{a()}},c.createElement(D,{name:"close",color:d.closeColor}))),c.createElement(zM,{opacity:l?1:0,autoDismissTimeout:o,isRunning:s,backgroundColor:d.countDownBackground})))},PM=d.default.div`
|
|
5267
5265
|
border: 0;
|
|
5268
5266
|
clip: rect(1px, 1px, 1px, 1px);
|
|
5269
5267
|
height: 1;
|
|
@@ -5272,7 +5270,7 @@ object-assign
|
|
|
5272
5270
|
position: absolute;
|
|
5273
5271
|
white-space: nowrap;
|
|
5274
5272
|
width: 1;
|
|
5275
|
-
`,
|
|
5273
|
+
`,_M=d.default.div`
|
|
5276
5274
|
cursor: pointer;
|
|
5277
5275
|
flex-shrink: 0;
|
|
5278
5276
|
opacity: 0.5;
|
|
@@ -5281,14 +5279,14 @@ object-assign
|
|
|
5281
5279
|
&:hover {
|
|
5282
5280
|
opacity: 1;
|
|
5283
5281
|
}
|
|
5284
|
-
`,
|
|
5282
|
+
`,GM=d.default.div`
|
|
5285
5283
|
flex-grow: 1;
|
|
5286
5284
|
font-size: 14;
|
|
5287
5285
|
line-height: 1.4;
|
|
5288
5286
|
min-height: 40px;
|
|
5289
5287
|
padding: ${({gutter:e})=>`${e}px ${1.5*e}px`};
|
|
5290
|
-
`,
|
|
5291
|
-
animation: ${({autoDismissTimeout:e})=>`${
|
|
5288
|
+
`,FM=t.keyframes`from { height: 100%; } to { height: 0% }`,YM=d.default.div`
|
|
5289
|
+
animation: ${({autoDismissTimeout:e})=>`${FM} ${e}ms linear`};
|
|
5292
5290
|
animation-play-state: ${({isRunning:e})=>e?"running":"paused"};
|
|
5293
5291
|
background-color: rgba(0, 0, 0, 0.1);
|
|
5294
5292
|
bottom: 0;
|
|
@@ -5297,7 +5295,7 @@ object-assign
|
|
|
5297
5295
|
opacity: ${({opacity:e})=>e};
|
|
5298
5296
|
position: absolute;
|
|
5299
5297
|
width: 100%;
|
|
5300
|
-
`,
|
|
5298
|
+
`,jM=d.default.div`
|
|
5301
5299
|
background-color: ${({backgroundColor:e})=>e};
|
|
5302
5300
|
border-top-left-radius: ${({borderRadius:e})=>e}px;
|
|
5303
5301
|
border-bottom-left-radius: ${({borderRadius:e})=>e}px;
|
|
@@ -5309,11 +5307,11 @@ object-assign
|
|
|
5309
5307
|
overflow: hidden;
|
|
5310
5308
|
text-align: center;
|
|
5311
5309
|
width: 30px;
|
|
5312
|
-
`,
|
|
5310
|
+
`,WM=d.default.div`
|
|
5313
5311
|
height: ${({height:e})=>e};
|
|
5314
5312
|
transition: height
|
|
5315
5313
|
${({transitionDuration:e})=>`height ${e-100}ms 100ms`};
|
|
5316
|
-
`,
|
|
5314
|
+
`,XM=d.default.div`
|
|
5317
5315
|
background-color: ${({backgroundColor:e})=>e};
|
|
5318
5316
|
border-radius: ${({borderRadius:e})=>e}px;
|
|
5319
5317
|
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.175);
|
|
@@ -5324,7 +5322,7 @@ object-assign
|
|
|
5324
5322
|
transition: ${({transitionDuration:e})=>`transform ${e}ms cubic-bezier(0.2, 0, 0, 1), opacity ${e}ms`};
|
|
5325
5323
|
width: ${({width:e})=>e}px;
|
|
5326
5324
|
${({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""}}}
|
|
5327
|
-
`;function
|
|
5325
|
+
`;function JM(e){return{"aria-hidden":!0,height:16,width:e,viewBox:`0 0 ${e} 16`,style:{display:"inline-block",verticalAlign:"text-top",fill:"currentColor"}}}const UM=e=>c.default.createElement("svg",Object.assign({},JM(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"})),QM=()=>{};const qM=e=>{var{tag:t="span"}=e,n=p(e,["tag"]);return c.default.createElement(PM,Object.assign({as:t},n))},KM={success:{icon:e=>c.default.createElement("svg",Object.assign({},JM(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({},JM(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({},JM(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({},JM(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"}},e$=e=>{var{children:t}=e,n=p(e,["children"]);return c.default.createElement(_M,Object.assign({role:"button",className:"react-toast-notifications__toast__dismiss-button",gutter:8},n),t)},t$=e=>c.default.createElement(GM,Object.assign({className:"react-toast-notifications__toast__content",gutter:8},e)),n$=e=>{var{autoDismissTimeout:t,opacity:n,isRunning:r}=e,a=p(e,["autoDismissTimeout","opacity","isRunning"]);return c.default.createElement(YM,Object.assign({className:"react-toast-notifications__toast__countdown",autoDismissTimeout:t,isRunning:r,opacity:n},a))},r$=({appearance:e,autoDismiss:t,autoDismissTimeout:n,isRunning:r})=>{const a=KM[e],i=a.icon;return c.default.createElement(jM,{className:"react-toast-notifications__toast__icon-wrapper",color:a.bg,backgroundColor:a.fg,borderRadius:4,gutter:8},c.default.createElement(n$,{opacity:t?1:0,autoDismissTimeout:n,isRunning:r}),c.default.createElement(i,{className:"react-toast-notifications__toast__icon",css:{position:"relative",zIndex:1}}))},a$=t=>{var{appearance:n,placement:r,transitionDuration:a,transitionState:i}=t,l=p(t,["appearance","placement","transitionDuration","transitionState"]);const[o,s]=e.useState("auto"),d=e.useRef(null);return e.useEffect((()=>{if(d.current){if("entered"===i){const e=d.current;s(e.offsetHeight+8)}"exiting"===i&&s(0)}}),[i]),c.default.createElement(WM,{ref:d,height:o,transitionDuration:a},c.default.createElement(XM,Object.assign({className:`react-toast-notifications__toast react-toast-notifications__toast--${n}`,backgroundColor:KM[n].bg,borderRadius:4,color:KM[n].text,gutter:8,placement:r,width:360,transitionState:i,transitionDuration:a},l)))},i$=d.default.div`
|
|
5328
5326
|
box-sizing: border-box;
|
|
5329
5327
|
max-height: 100%;
|
|
5330
5328
|
max-width: 100%;
|
|
@@ -5334,18 +5332,18 @@ object-assign
|
|
|
5334
5332
|
position: fixed;
|
|
5335
5333
|
z-index: 1000;
|
|
5336
5334
|
${({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""}}}
|
|
5337
|
-
`,
|
|
5335
|
+
`,l$=e=>{var{hasToasts:t,placement:n}=e,r=p(e,["hasToasts","placement"]);return c.default.createElement(i$,Object.assign({className:"react-toast-notifications__container",hasToasts:t,placement:n},r))};class o${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 s$ 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 o$(n,t))},this.clearTimer=()=>{this.timeout&&this.timeout.clear()},this.onMouseEnter=()=>{this.setState({isRunning:!1},(()=>{this.timeout&&this.timeout.pause()}))},this.onMouseLeave=()=>{this.setState({isRunning:!0},(()=>{this.timeout&&this.timeout.resume()}))}}componentDidMount(){this.startTimer()}componentDidUpdate(e){if(e.autoDismiss!==this.props.autoDismiss){(this.props.autoDismiss?this.startTimer:this.clearTimer)()}}componentWillUnmount(){this.clearTimer()}render(){const e=this.props,{autoDismiss:t,autoDismissTimeout:n,component:r}=e,a=p(e,["autoDismiss","autoDismissTimeout","component"]),{isRunning:i}=this.state,l=t?this.onMouseEnter:QM,o=t?this.onMouseLeave:QM;return c.default.createElement(r,Object.assign({autoDismiss:t,autoDismissTimeout:n,isRunning:i,onMouseEnter:l,onMouseLeave:o},a))}}s$.defaultProps={autoDismiss:!1};const c$={Toast:e=>{var{appearance:t="info",autoDismiss:n,autoDismissTimeout:r,children:a,isRunning:i,onDismiss:l=QM,placement:o,transitionDuration:s,transitionState:d,onMouseEnter:u,onMouseLeave:f}=e,m=p(e,["appearance","autoDismiss","autoDismissTimeout","children","isRunning","onDismiss","placement","transitionDuration","transitionState","onMouseEnter","onMouseLeave"]);return c.default.createElement(a$,Object.assign({appearance:t,placement:o,transitionState:d,transitionDuration:s,onMouseEnter:u,onMouseLeave:f},m),c.default.createElement(r$,{appearance:t,autoDismiss:n,autoDismissTimeout:r,isRunning:i}),c.default.createElement(t$,null,a),l?c.default.createElement(e$,{onClick:l},c.default.createElement(UM,{className:"react-toast-notifications__toast__dismiss-icon"}),c.default.createElement(qM,{className:"react-toast-notifications__toast__dismiss-text"},"Close")):null)},ToastContainer:l$},d$=c.default.createContext({add:()=>"0",remove:QM,removeAll:QM,update:QM,toasts:[]}),{Consumer:u$,Provider:p$}=d$,f$=!("undefined"==typeof window||!window.document||!window.document.createElement);let m$=class extends e.Component{constructor(e){super(e),this.state={toasts:[]},this.has=e=>!!this.state.toasts.length&&Boolean(this.state.toasts.filter((t=>t.id===e)).length),this.onDismiss=(e,t=QM)=>()=>{t(e),this.remove(e)},this.add=(e,t,n=QM)=>{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=QM)=>{this.has(e)&&this.setState((t=>{const n=t.toasts.filter((t=>t.id!==e));return{toasts:n}}),(()=>t(e)))},this.removeAll=()=>{this.state.toasts.length&&this.state.toasts.forEach((e=>this.remove(e.id)))},this.update=(e,t,n=QM)=>{this.has(e)&&this.setState((n=>{const r=n.toasts,a=r.findIndex((t=>t.id===e)),i=Object.assign(Object.assign({},r[a]),t);return{toasts:[...r.slice(0,a),i,...r.slice(a+1)]}}),(()=>n(e)))},this.nodeRef=c.default.createRef()}render(){const{autoDismiss:e,autoDismissTimeout:t,children:r,components:a,placement:i,portalTargetSelector:l,transitionDuration:o}=this.props,{Toast:s,ToastContainer:d}=Object.assign(Object.assign({},c$),a),{add:u,remove:f,removeAll:m,update:h}=this,g=this.state.toasts,b=Boolean(g.length),v=f$?l?document.querySelector(l):document.body:null;return c.default.createElement(p$,{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(ks,{component:null},g.map((n=>{var{appearance:r,autoDismiss:a,content:l,id:d,onDismiss:u}=n,f=p(n,["appearance","autoDismiss","content","id","onDismiss"]);return c.default.createElement(fs,{key:d,appear:!0,mountOnEnter:!0,unmountOnExit:!0,nodeRef:this.nodeRef,timeout:o},(n=>c.default.createElement(s$,Object.assign({key:d,appearance:r,autoDismiss:void 0!==a?a:e,autoDismissTimeout:t,component:s,placement:i,transitionDuration:o,transitionState:n,onDismiss:this.onDismiss(d,u)},f),l)))})))),v):c.default.createElement(d,{placement:i,hasToasts:b}))}};m$.defaultProps={autoDismiss:!1,autoDismissTimeout:5e3,components:c$,newestOnTop:!1,placement:"top-right",transitionDuration:220};const h$=d.default(l$)`
|
|
5338
5336
|
z-index: ${({theme:e})=>e.depth.toast} !important;
|
|
5339
5337
|
|
|
5340
5338
|
${({placement:e})=>e.includes("center")&&t.css`
|
|
5341
|
-
width: ${
|
|
5339
|
+
width: ${SM};
|
|
5342
5340
|
box-sizing: border-box;
|
|
5343
5341
|
`}
|
|
5344
|
-
`,
|
|
5342
|
+
`,g$=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(h$,Object.assign({},n),c.createElement(tl,Object.assign({},r),t))},b$={appearance:"info",autoDismiss:!1,autoDismissTimeout:0,isRunning:!0,onDismiss:()=>{},onMouseEnter:()=>{},onMouseLeave:()=>{},placement:"top-center",transitionDuration:0,transitionState:"entered",children:null},v$=e=>c.default.createElement(BM,Object.assign({},b$,e));v$.Provider=e=>{var{children:t}=e,n=p(e,["children"]);return c.createElement(m$,Object.assign({},n,{components:Object.assign({Toast:BM,ToastContainer:g$},n.components)}),t)},v$.useToasts=()=>{const t=e.useContext(d$);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 x$=d.default.div`
|
|
5345
5343
|
position: relative;
|
|
5346
5344
|
width: 40px;
|
|
5347
5345
|
height: 22px;
|
|
5348
|
-
`,
|
|
5346
|
+
`,y$=d.default.span`
|
|
5349
5347
|
position: absolute;
|
|
5350
5348
|
top: 50%;
|
|
5351
5349
|
left: 3px;
|
|
@@ -5358,19 +5356,19 @@ object-assign
|
|
|
5358
5356
|
${({checked:e,disabled:t,theme:n})=>t&&e?Ga(n.palette.primary.base,.6):t&&!e?Ga(n.palette.divider,.6):e?n.palette.primary.dark:n.palette.divider};
|
|
5359
5357
|
box-shadow: ${({theme:e})=>Fa(3,e.palette.action.shadowOpacity,e.palette.action.shadowBase)};
|
|
5360
5358
|
transition: all 0.2s ease-in-out;
|
|
5361
|
-
`,
|
|
5359
|
+
`,w$=d.default.div`
|
|
5362
5360
|
position: absolute;
|
|
5363
5361
|
width: 100%;
|
|
5364
5362
|
word-break: break-all;
|
|
5365
5363
|
white-space: nowrap;
|
|
5366
5364
|
transition: all 0.2s ease-in-out;
|
|
5367
|
-
`,
|
|
5365
|
+
`,C$=d.default(w$)`
|
|
5368
5366
|
padding-left: 8px;
|
|
5369
5367
|
opacity: 0;
|
|
5370
|
-
`,
|
|
5368
|
+
`,E$=d.default(w$)`
|
|
5371
5369
|
padding-right: 8px;
|
|
5372
5370
|
opacity: 1;
|
|
5373
|
-
`,
|
|
5371
|
+
`,I$=d.default.label`
|
|
5374
5372
|
position: absolute;
|
|
5375
5373
|
top: 0;
|
|
5376
5374
|
left: 0;
|
|
@@ -5388,13 +5386,13 @@ object-assign
|
|
|
5388
5386
|
transition: all 0.2s ease-in-out;
|
|
5389
5387
|
|
|
5390
5388
|
${({checked:e})=>e&&t.css`
|
|
5391
|
-
& > ${
|
|
5389
|
+
& > ${y$} {
|
|
5392
5390
|
left: calc(100% - 14px - 5px);
|
|
5393
5391
|
}
|
|
5394
|
-
& > ${
|
|
5392
|
+
& > ${C$} {
|
|
5395
5393
|
opacity: 1;
|
|
5396
5394
|
}
|
|
5397
|
-
& > ${
|
|
5395
|
+
& > ${E$} {
|
|
5398
5396
|
opacity: 0;
|
|
5399
5397
|
}
|
|
5400
5398
|
`}
|
|
@@ -5404,11 +5402,11 @@ object-assign
|
|
|
5404
5402
|
border-color: ${({theme:e})=>e.palette.primary.base};
|
|
5405
5403
|
}
|
|
5406
5404
|
`}
|
|
5407
|
-
`,
|
|
5405
|
+
`,k$=d.default.input`
|
|
5408
5406
|
width: 0;
|
|
5409
5407
|
height: 0;
|
|
5410
5408
|
visibility: hidden;
|
|
5411
|
-
`,
|
|
5409
|
+
`,M$=c.forwardRef((function(e,t){const{checked:n=!1,disabled:r=!1,onChange:a,width:i="48px",checkedText:l="",unCheckedText:o="",inputRef:s,children:d}=e;return"production"!==process.env.NODE_ENV&&d&&console.warn("[ingred-ui] ToggleButton: childrenによるラベル指定は非推奨です。別の手段でラベルを指定してください。"),c.createElement(x$,{ref:t,width:i},c.createElement(I$,{checked:n,disabled:r,width:i},c.createElement(k$,{ref:s,checked:n,type:"checkbox",readOnly:null==a,disabled:r,onChange:a}),c.createElement(C$,null,c.createElement(q,{component:"div",color:r?"disabled":"primary",align:"left",size:"xs",weight:"bold"},l)),c.createElement(E$,null,c.createElement(q,{component:"div",color:r?"disabled":"secondary",align:"right",size:"xs",weight:"bold"},o)),c.createElement(y$,{checked:n,disabled:r})))})),$$=d.default.div``,A$=d.default.span`
|
|
5412
5410
|
background-color: ${({active:e,theme:t})=>e?t.palette.primary.base:t.palette.white};
|
|
5413
5411
|
border: 1px solid
|
|
5414
5412
|
${({theme:e,active:t})=>t?e.palette.primary.dark:e.palette.neutral.lighter};
|
|
@@ -5416,26 +5414,26 @@ object-assign
|
|
|
5416
5414
|
height: ${({theme:e})=>3*e.spacing}px;
|
|
5417
5415
|
width: ${({theme:e})=>3*e.spacing}px;
|
|
5418
5416
|
outline: none;
|
|
5419
|
-
`,
|
|
5417
|
+
`,S$=d.default.div`
|
|
5420
5418
|
display: grid;
|
|
5421
5419
|
grid-template-columns: 38px repeat(24, 1fr);
|
|
5422
5420
|
grid-gap: ${({theme:e})=>e.spacing/2}px;
|
|
5423
5421
|
align-items: center;
|
|
5424
5422
|
justify-items: center;
|
|
5425
5423
|
width: fit-content;
|
|
5426
|
-
`,
|
|
5424
|
+
`,L$=d.default.div`
|
|
5427
5425
|
height: 24px;
|
|
5428
5426
|
text-align: center;
|
|
5429
5427
|
background-color: ${({theme:e})=>e.palette.neutral.softLight};
|
|
5430
5428
|
border-radius: ${({theme:e})=>e.spacing/2}px;
|
|
5431
5429
|
border: 1px solid ${({theme:e})=>e.palette.neutral.lighter};
|
|
5432
|
-
`,
|
|
5430
|
+
`,V$=d.default(L$)`
|
|
5433
5431
|
width: 38px;
|
|
5434
|
-
`,
|
|
5432
|
+
`,O$=d.default(L$)`
|
|
5435
5433
|
width: 24px;
|
|
5436
|
-
`,
|
|
5434
|
+
`,H$=d.default(L$)`
|
|
5437
5435
|
border: none;
|
|
5438
|
-
`,
|
|
5436
|
+
`,D$=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},R$=Array.from(Array(24)).map(((e,t)=>t)),N$=({weekList:t,weekTime:n,WeekTimeItem:r,interactive:a=!1,isWithinHoverRange:i,onMouseOver:l,onMouseDown:o})=>{const s=e.useMemo((()=>D$(n)),[n]),d=(e,t)=>()=>{null==l||l(e,t)},u=(e,t,n)=>()=>{null==o||o(e,t,n)};return c.default.createElement(S$,null,c.default.createElement(H$,null),R$.map((e=>c.default.createElement(O$,{key:e},e))),s.map(((n,l)=>c.default.createElement(e.Fragment,{key:l},c.default.createElement(V$,null,t[l]),n.map(((e,n)=>c.default.createElement(r,Object.assign({key:`${l}-${n}`,active:"1"===e,hover:!!i&&i(l,n)},a?{"aria-label":`${t[l]} ${String(n).padStart(2,"0")}:00`,"aria-pressed":"1"===e}:{},{onMouseOver:d(l,n),onMouseDown:u(l,n,e)}))))))))},z$=c.default.forwardRef((function(e,t){const n=Lc({props:e,name:"WeekTime"}),{weekList:r,weekTime:a}=n;return c.default.createElement($$,{ref:t},c.default.createElement(N$,{weekTime:a,weekList:r,WeekTimeItem:A$}))})),T$=d.default.div``,Z$=d.default.button`
|
|
5439
5437
|
background-color: ${({active:e,hover:t,theme:n})=>t?n.palette.primary.highlight:e?n.palette.primary.base:n.palette.white};
|
|
5440
5438
|
border: 1px solid
|
|
5441
5439
|
${({theme:e,active:t,hover:n})=>n?e.palette.primary.softLight:t?e.palette.primary.dark:e.palette.neutral.lighter};
|
|
@@ -5444,5 +5442,5 @@ object-assign
|
|
|
5444
5442
|
height: ${({theme:e})=>3*e.spacing}px;
|
|
5445
5443
|
width: ${({theme:e})=>3*e.spacing}px;
|
|
5446
5444
|
outline: none;
|
|
5447
|
-
`,Z$=c.default.forwardRef((function(t,n){const r=Lc({props:t,name:"WeekTimeSelector"}),{weekList:a,weekTime:i,errorText:l,onChange:o}=r,s=e.useMemo((()=>H$(i)),[i]),[d,u]=e.useState({weekIndex:0,timeIndex:0}),[p,f]=e.useState({weekIndex:0,timeIndex:0}),[m,h]=e.useState("none"),[g,b]=e.useState("1"),v=(e,t,n)=>{if("choosing"===m){const r=((e,t,n,r,a,i)=>{const l=[...i],o=Math.min(e,n),s=Math.max(e,n),c=Math.min(t,r),d=Math.max(t,r);for(let e=o;e<=s;e++){const t=l[e].map(((t,n)=>e>=o&&e<=s&&n>=c&&n<=d?a:t));l[e]=t}return l})(d.weekIndex,d.timeIndex,e,t,n,[...s]);h("none"),null==o||o((e=>{let t="";for(let n=0;n<7;n++)for(let r=0;r<24;r++)t+=e[n][r];return(e=>{let t="";for(let n=0;n<e.length;n+=4)switch(e.substr(n,4)){case"0000":t+="0";break;case"0001":t+="1";break;case"0010":t+="2";break;case"0011":t+="3";break;case"0100":t+="4";break;case"0101":t+="5";break;case"0110":t+="6";break;case"0111":t+="7";break;case"1000":t+="8";break;case"1001":t+="9";break;case"1010":t+="a";break;case"1011":t+="b";break;case"1100":t+="c";break;case"1101":t+="d";break;case"1110":t+="e";break;case"1111":t+="f";break;default:return""}return t})(t)})(r))}else"none"===m&&(u({weekIndex:e,timeIndex:t}),f({weekIndex:e,timeIndex:t}),h("choosing"))},x=()=>{"choosing"===m&&v(p.weekIndex,p.timeIndex,g)};return e.useEffect((()=>(addEventListener("mouseup",x),()=>{removeEventListener("mouseup",x)}))),c.default.createElement(z$,{ref:n},c.default.createElement(R$,{weekTime:i,weekList:a,WeekTimeItem:T$,interactive:!0,isWithinHoverRange:(e,t)=>{if("choosing"===m){const n=Math.min(d.weekIndex,p.weekIndex),r=Math.max(d.weekIndex,p.weekIndex),a=Math.min(d.timeIndex,p.timeIndex),i=Math.max(d.timeIndex,p.timeIndex);return e>=n&&e<=r&&t>=a&&t<=i}return!1},onMouseOver:(e,t)=>{"none"!==m&&f({weekIndex:e,timeIndex:t})},onMouseDown:(e,t,n)=>{const r="1"===n?"0":"1";b(r),v(e,t,r)}}),l&&c.default.createElement(tl,{pt:1},c.default.createElement(sc,null,l)))}));exports.ADVANCED_FILTER_CONSTANTS=vc,exports.Accordion=F,exports.ActionButton=ne,exports.AdvancedFilter=id,exports.AdvancedFilterConfigPanel=td,exports.AdvancedFilterTrigger=bt,exports.Backdrop=wd,exports.Badge=qc,exports.Banner=Ad,exports.BreakPoint=y,exports.Button=ml,exports.ButtonGroup=Od,exports.Calendar=yu,exports.CalendarRange=_u,exports.Card=Gu,exports.Checkbox=Uu,exports.CheckboxCard=sp,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:Ns(n,t.ref)});return c.cloneElement(t,a)},exports.ConfirmModal=wp,exports.ContainerBreakPoint=w,exports.ContextMenu=Rp,exports.ContextMenu2=Bi,exports.ContextMenu2ButtonControlsItem=ji,exports.ContextMenu2ButtonItem=Fe,exports.ContextMenu2CheckItem=_a,exports.ContextMenu2Container=Pi,exports.ContextMenu2HeadingItem=_i,exports.ContextMenu2HelpTextItem=Fi,exports.ContextMenu2SeparatorItem=Yi,exports.ContextMenu2SortableFixedItem=hi,exports.ContextMenu2SortableGroup=oi,exports.ContextMenu2SortableItem=ui,exports.ContextMenu2SwitchItem=Ja,exports.ContextMenu2TextInputItem=Ai,exports.ContextMenu2TriggerItem=ei,exports.CreatableSelect=Rb,exports.DATE_OPERATORS=pd,exports.DataTable=Lv,exports.DataTable2=({bordered:t,currentPage:n,pageSize:r,pageSizeOptions:a,totalCount:i,columns:l,onPageChange:o,onPageSizeChange:s,onColumnsChange:d,onCheckedRowsChange:u,children:p,tableActions:f,customTableActionArea:m,enableRowSelection:h=!0,columnEditFeatures:g})=>{const b=e.useMemo((()=>{return{reorder:null!==(t=null==(e=g)?void 0:e.reorder)&&void 0!==t?t:Vv,visibility:null!==(n=null==e?void 0:e.visibility)&&void 0!==n?n:Ov};var e,t,n}),[g]),[v,x]=e.useState(!1),[w,C]=e.useState([]),[E,I]=e.useState([]),[k,M]=e.useState([]),[$,A]=e.useState(0),S=e.useRef(null),L=e.useCallback(((e,t)=>{const n=[...k];n[e]=t,M(n)}),[k,M]);e.useEffect((()=>{if(!S.current)return;const e=()=>{var e;S.current&&x((null===(e=S.current)||void 0===e?void 0:e.clientWidth)<y.TABLET)},t=new ResizeObserver(e);return e(),t.observe(S.current),()=>{t.disconnect()}}),[]);const V=e.useCallback((e=>{I(e),null==u||u(e)}),[I,u]),O=e.useRef(n);e.useEffect((()=>{O.current!==n&&V([]),O.current=n}),[n,V]),e.useEffect((()=>{if(0===E.length)return;const e=E.filter((e=>w.includes(e)));e.length!==E.length&&V(e)}),[w,E,V]);const H=h&&!!f,[D,R]=e.useState(null),N=e.useCallback(((e,t)=>{R((n=>void 0===t?n===e?null:n:null!==n&&n!==e?("production"!==process.env.NODE_ENV&&console.warn(`[DataTable2] sticky="right" は 1 列のみです。既に列 index ${String(n)} で使用されているため、列 ${String(e)} の登録は無視しました。`),n):e))}),[]),z=e.useMemo((()=>{const e=l.filter((e=>e.visible)).length;return{registerColumnSticky:N,getStickyRightOffset:t=>{var n;if(null===D||t!==D)return;let r=0;for(let a=t+1;a<e;a++)r+=null!==(n=k[a])&&void 0!==n?n:0;return r},rightStickyColumnIndex:D,getRightStickyZIndexHead:e=>3,getRightStickyZIndexBody:e=>1}}),[k,l,N,D]);return c.default.createElement(jv,{ref:S,bordered:t},c.default.createElement(Nv.Provider,{value:{isSmallLayout:v,rowIds:w,enableRowSelection:h,hasRowControls:H,checkedRows:E,totalCount:i,currentPage:n,pageSize:r,pageSizeOptions:a,columns:l,columnEditFeatures:b,columnWidths:k,rowSpacing:$,setRowIds:C,setCheckedRows:V,setCurrentPage:o,setPageSize:s,setColumns:d,setColumnWidth:L,setRowSpacing:A}},c.default.createElement(Tv.Provider,{value:z},c.default.createElement(Dx,{tableActions:f,customTableActionArea:m}),c.default.createElement(Rx,null,p))))},exports.DataTable2ActionButton=({prepend:t,children:n,onClick:r})=>{const{isSmallLayout:a}=e.useContext(Nv);return a?c.default.createElement(Fe,{prepend:t,onClick:r},n):c.default.createElement(nx,{type:"button",onClick:r},t,n)},exports.DataTable2Body=({children:t})=>{const{rowIds:n,setRowIds:r}=e.useContext(Nv);return e.useEffect((()=>{const a=[];e.Children.forEach(t,(t=>{e.isValidElement(t)&&"string"==typeof t.props.id&&a.push(t.props.id)})),a.length===n.length&&a.every((e=>n.includes(e)))||r(a)}),[t,n,r]),c.default.createElement("tbody",null,t)},exports.DataTable2Cell=({loading:t,sticky:n,children:r})=>{const{getStickyRightOffset:a,rightStickyColumnIndex:i,getRightStickyZIndexBody:l}=e.useContext(Tv),{showStickyRightEdgeDecoration:o}=e.useContext(zv),s=e.useContext(Zv),d=a(s.index),u=void 0!==d&&s.index===i&&o,p=void 0!==d?l(s.index):void 0;return c.default.createElement(ix,{$stickyRightOffset:d,$stickyZIndex:p,$showStickyEdgeDecoration:u},c.default.createElement(hx,null,c.default.createElement(bx,null,r),t&&c.default.createElement(gx,null,c.default.createElement(sl,{width:"20px"}))))},exports.DataTable2Column=({className:t,sticky:r,isResizable:a,width:i,minWidth:l=32,maxWidth:o=1/0,children:s,onWidthChange:d})=>{const{isSmallLayout:u,setColumnWidth:p}=e.useContext(Nv),{registerColumnSticky:f,getStickyRightOffset:m,rightStickyColumnIndex:h,getRightStickyZIndexHead:g}=e.useContext(Tv),{showStickyRightEdgeDecoration:b}=e.useContext(zv),v=e.useContext(Zv),[x,y]=e.useState(!1);e.useEffect((()=>(f(v.index,"right"===r?"right":void 0),()=>{f(v.index,void 0)})),[r,v.index,f]);const w=m(v.index),C=void 0!==w&&v.index===h&&b,E=void 0!==w?g(v.index):void 0,I=e.useRef(null),k=e.useRef(null),M=e.useRef(0),$=e.useRef(0),A=e.useCallback((e=>{y(!0),k.current&&null===I.current&&(I.current=e.pointerId,$.current=i||k.current.clientWidth,M.current=e.clientX)}),[i]),S=e.useCallback((e=>{if(!d)return;if(I.current!==e.pointerId)return;e.cancelable&&e.preventDefault();const t=e.clientX-M.current,n=((e,t,n)=>Math.min(Math.max(e,t),n))($.current+t,l,o);d(n),p(v.index,n)}),[d,l,o,p,v.index]),L=e.useCallback((()=>{y(!1),I.current=null}),[]);return e.useEffect((()=>{if(x)return document.addEventListener("pointermove",S),document.addEventListener("pointerup",L),()=>{document.removeEventListener("pointermove",S),document.removeEventListener("pointerup",L)}}),[x,S,L]),c.default.createElement(ax,{ref:k,className:t,"data-dragging":x,$stickyRightOffset:w,$stickyZIndex:E,$showStickyEdgeDecoration:C,style:{minWidth:isFinite(l)&&l<=o?l:void 0,maxWidth:isFinite(l)&&l<=o?o:void 0}},c.default.createElement(lx,{isSmallLayout:u},s,a&&c.default.createElement(ox,{type:"button","aria-label":"resize the column",onPointerDown:A}),x&&n.createPortal(c.default.createElement(sx,{"data-min":i&&l>=i,"data-max":i&&o<=i}),document.body)))},exports.DataTable2ColumnLabel=({showSortButton:t,sortButtonDirection:n,onSortChange:r,children:a})=>{const i=e.useMemo((()=>"asc"===n?"desc":"desc"!==n?"asc":void 0),[n]),l=e.useCallback((()=>{null==r||r(i)}),[r,i]);return c.default.createElement(cx,null,a,t&&c.default.createElement(dx,{type:"button","aria-label":"sort the column","data-sort-direction":n,onClick:l},c.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18"},c.default.createElement("path",{d:"M8.17 3.25a1 1 0 0 1 1.3-.33c.15.08.27.19.36.33l2.13 3.2c.1.15.16.33.17.51 0 .18-.03.36-.12.52s-.21.29-.37.39a1 1 0 0 1-.51.14H6.87a1 1 0 0 1-.83-1.56z"}),c.default.createElement("path",{d:"M9.83 14.75a1 1 0 0 1-1.3.33.95.95 0 0 1-.36-.33l-2.13-3.2c-.1-.15-.16-.33-.17-.51 0-.18.03-.36.12-.52s.21-.29.37-.39a1 1 0 0 1 .51-.14h4.26a1 1 0 0 1 .83 1.56z"}))))},exports.DataTable2Head=({children:t})=>{const{hasRowControls:n,columns:r}=e.useContext(Nv),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(rx,null,c.default.createElement("tr",null,n&&c.default.createElement(fx,{"aria-label":"empty cell"}),i.map((({id:e,index:t,child:n})=>c.default.createElement(Zv.Provider,{key:e,value:{index:t}},n))))))},exports.DataTable2InlineEditor=({label:t,value:n,children:r,onChange:a})=>{const[i,l]=e.useState(n),[o,s]=e.useState(!1),d=()=>{s(!1),a(i)};return e.useEffect((()=>{l(n)}),[n]),c.default.createElement(vx,null,r,c.default.createElement(xx,null,c.default.createElement(Pi,null,c.default.createElement(Bi,{width:252,trigger:c.default.createElement(ml,{type:"button",color:"primarySubtle",size:"small",inline:!0,icon:c.default.createElement(D,{name:"pencil",color:"currentColor"})}),open:o,onOpenChange:s},c.default.createElement(_i,null,t),c.default.createElement(Ai,{value:i,onChange:e=>l(e.target.value),onEnter:d}),c.default.createElement(Yi,null),c.default.createElement(ji,null,c.default.createElement(ml,{type:"button",color:"clear",size:"small",onClick:()=>{s(!1),l(n)}},"キャンセル"),c.default.createElement(ml,{type:"button",color:"primary",size:"small",onClick:d},"適用"))))))},exports.DataTable2InlineSelectEditor=({label:t,value:n,options:r,children:a,onChange:i})=>{const[l,o]=e.useState(!1);return c.default.createElement(vx,null,a,c.default.createElement(xx,null,c.default.createElement(Pi,null,c.default.createElement(Bi,{width:252,trigger:c.default.createElement(ml,{type:"button",color:"primarySubtle",size:"small",inline:!0,icon:c.default.createElement(D,{name:"pencil",color:"currentColor"})}),open:l,onOpenChange:o},c.default.createElement(_i,null,t),r.map((e=>c.default.createElement(_a,{key:e,closeOnChange:!0,checked:n===e,onChange:()=>i(e)},e)))))))},exports.DataTable2Row=({id:t,children:n})=>{const{isSmallLayout:r,columns:a,hasRowControls:i,checkedRows:l,setCheckedRows:o,rowSpacing:s}=e.useContext(Nv),d=e.useMemo((()=>l.includes(t)),[t,l]),u=e.useCallback((()=>{const e=l.includes(t)?l.filter((e=>e!==t)):[...l,t];o(e)}),[t,l,o]),p=e.useMemo((()=>e.Children.toArray(n).map(((e,t)=>{const n=a[t];return{id:n.id,index:t,order:n.order,visible:n.visible,child:e}})).filter((e=>void 0!==e.id))),[n,a]),f=e.useMemo((()=>p.sort(((e,t)=>e.order-t.order)).filter((e=>e.visible))),[p]);return c.default.createElement(ux,{"data-highlighted":d,"data-spacing":s,isSmallLayout:r},i&&c.default.createElement(px,null,c.default.createElement(mx,null,c.default.createElement(Uu,{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(Zv.Provider,{key:e,value:{index:t}},n))))},exports.DateField=sy,exports.DateField2=xy,exports.DatePicker=Oc,exports.DateRangeField=py,exports.DateRangeField2=Ey,exports.DateRangePicker=ky,exports.Divider=Ap,exports.Drawer=({isOpen:t,direction:n,onClose:r,size:a="40vw",resizable:i=!1,minSize:l="20vw",maxSize:o="90vw",onResize:s,stickyHeader:d,stickyFooter:u,confirmOnClose:p,allowBackgroundScroll:f=!1,children:m})=>{const h=300,g=My(a,n),b=My(l,n),v=My(o,n),x=Math.min(b,v),y=Math.max(b,v),w=Math.max(x,Math.min(g,y));"production"!==process.env.NODE_ENV&&(b>v&&console.warn(`Drawer: minSize (${b}px) が maxSize (${v}px) より大きいです。自動補正します。`),(g<x||g>y)&&console.warn(`Drawer: size (${g}px) が min/max の範囲外です。自動補正します。`));const[C,E]=e.useState(!1),[I,k]=e.useState(!1),[M,$]=e.useState(w),A=e.useRef(!1),S=e.useRef(0),L=e.useRef(0),V=e.useRef(!1),[O,H]=e.useState(!1),[D,R]=e.useState(null),[N,z]=e.useState(!1),T=c.default.useMemo((()=>{if(!p)return null;const e="string"==typeof p?{message:p}:p;return{title:e.title||"確認",message:e.message||"変更内容が保存されていません。閉じてもよろしいですか?",confirmText:e.confirmText||"変更を破棄して閉じる",cancelText:e.cancelText||"編集を続ける",buttonColor:e.buttonColor||"danger"}}),[p]);e.useEffect((()=>{const e=My(a,n),t=My(l,n),r=My(o,n),i=Math.min(t,r),s=Math.max(t,r),c=Math.max(i,Math.min(e,s));"production"!==process.env.NODE_ENV&&(t>r&&console.warn(`Drawer: minSize (${t}px) が maxSize (${r}px) より大きいです。自動補正します。`),(e<i||e>s)&&console.warn(`Drawer: size (${e}px) が min/max の範囲外です。自動補正します。`)),$(c)}),[a,l,o,n]),e.useEffect((()=>{if(t){E(!0);const e=setTimeout((()=>{k(!0)}),16);return()=>clearTimeout(e)}if(C){k(!1);const e=setTimeout((()=>{E(!1)}),h);return()=>clearTimeout(e)}}),[t,C]),e.useEffect((()=>{if(!f&&t){const e=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=e}}}),[t,f]);const Z=e.useCallback((e=>{if(!A.current)return;const t="left"===n||"right"===n;let r;if(e instanceof TouchEvent){const n=e.touches[0]||e.changedTouches[0];r=t?n.clientX:n.clientY}else r=t?e.clientX:e.clientY;let a=r-S.current;"right"===n&&(a=-a),"bottom"===n&&(a=-a);let i=L.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="",V.current=!0,setTimeout((()=>{V.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,L.current=M,document.body.style.userSelect="none",document.body.style.cursor=t?"ew-resize":"ns-resize"}),[i,n,M]),_=e.useCallback((e=>{P(e),z(!0)}),[P]),G=e.useCallback((()=>{z(!1)}),[]),F=e.useCallback((()=>{z(!1)}),[]);e.useEffect((()=>{if(!i)return;const e=e=>{A.current&&Z(e)},t=()=>{A.current&&B()},n=e=>{A.current&&Z(e)},r=()=>{A.current&&B()};return window.addEventListener("mousemove",e),window.addEventListener("mouseup",t),window.addEventListener("touchmove",n),window.addEventListener("touchend",r),()=>{window.removeEventListener("mousemove",e),window.removeEventListener("mouseup",t),window.removeEventListener("touchmove",n),window.removeEventListener("touchend",r)}}),[i,Z,B]);const Y=e.useCallback((e=>{T?(R(e),H(!0)):null==r||r(e)}),[T,r]);e.useEffect((()=>{const e=e=>{"Escape"===e.key&&t&&!O&&Y("escapeKey")};return t&&window.addEventListener("keydown",e),()=>{window.removeEventListener("keydown",e)}}),[t,O,Y]);return C?c.default.createElement(c.default.Fragment,null,T&&c.default.createElement(wp,{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(xp,null,f?c.default.createElement(Ay,{direction:n,currentSize:M,shouldShow:I,transitionDuration:h},i&&c.default.createElement(Ly,{direction:n,"data-testid":"resize-bar",active:N}),i&&c.default.createElement(Sy,{direction:n,"data-testid":"resize-handle",onMouseDown:P,onTouchStart:_,onTouchEnd:G,onTouchCancel:F,onMouseEnter:()=>z(!0),onMouseLeave:()=>z(!1)}),d&&c.default.createElement(Vy,null,d),c.default.createElement(Oy,null,m),u&&c.default.createElement(Hy,null,u)):c.default.createElement($y,{shouldShow:I,transitionDuration:h,onClick:e=>{A.current||V.current||e.target===e.currentTarget&&Y("backdropClick")}},c.default.createElement(Ay,{direction:n,currentSize:M,shouldShow:I,transitionDuration:h},i&&c.default.createElement(Ly,{direction:n,"data-testid":"resize-bar",active:N}),i&&c.default.createElement(Sy,{direction:n,"data-testid":"resize-handle",onMouseDown:P,onTouchStart:_,onTouchEnd:G,onTouchCancel:F,onMouseEnter:()=>z(!0),onMouseLeave:()=>z(!1)}),d&&c.default.createElement(Vy,null,d),c.default.createElement(Oy,null,m),u&&c.default.createElement(Hy,null,u))))):null},exports.DropdownButton=({size:e="medium",color:t="primary",onClick:n,split:r=!1,contents:a=[],disabled:i=!1,children:l,icon:o,selectedValue:s,menuWidth:d=200,loading:u=!1,toggleAriaLabel:p="メニューを開く"})=>{const f=S(),m=!!u,h="string"==typeof u?u:u?"Loading...":void 0,g=((e,t)=>e?f.palette.text.disabled:"primary"===t?f.palette.white:f.palette.black)(i||m,t),b=c.useMemo((()=>({small:"16px",medium:"18px",large:"20px"}[e])),[e]),v=void 0!==s?s:l,x=c.useMemo((()=>c.createElement(D,{name:"arrow_bottom",size:Dy[e].arrowIconSize,color:g})),[e,g]),y=c.useMemo((()=>m?c.createElement(sl,{width:b}):null),[m,b]),w=!!o,C=!!v,E=m?w?y:void 0:o,I=m?!w&&C||w&&C?h:void 0:v,k=m?w?y:void 0:o,M=(()=>{if(m&&(!w||C))return C?h:void 0})(),$=r?c.createElement(Ry,null,c.createElement(Ny,{size:e,color:t,inline:!0,disabled:i||m,icon:E,onClick:n},I),c.createElement(zy,{size:e,color:t,inline:!0,disabled:i||m,"data-testid":"menu-toggle","aria-label":p},x)):c.createElement(Ty,{size:e,color:t,disabled:i||m,"data-testid":"menu-toggle",icon:k,"aria-label":C?void 0:p},c.createElement(Zy,null,m?M?c.createElement(c.Fragment,null,"string"==typeof M?c.createElement(qi,null,M):M,c.createElement(By,null,c.createElement(tl,{pr:.5}),x)):c.createElement(By,null,c.createElement(tl,{pr:.5}),x):c.createElement(c.Fragment,null,v&&c.createElement(qi,null,v),c.createElement(By,null,c.createElement(tl,{pr:.5}),x))));return c.createElement(Pi,null,c.createElement(Bi,{trigger:$,width:d},a.map(((e,t)=>c.createElement(c.Fragment,{key:`${t}-${e.text}`},e.divideTop&&c.createElement(Yi,null),(e=>"heading"===e.type?c.createElement(_i,null,e.text):"helpText"===e.type?c.createElement(Fi,{prepend:e.prepend},e.text):void 0!==e.checked?c.createElement(_a,{closeOnChange:!0,checked:e.checked,color:e.color,disabled:e.disabled,prepend:e.icon,onChange:e.onChange},e.text):c.createElement(Fe,{closeOnClick:!0,color:e.color,disabled:e.disabled,prepend:e.icon,onClick:e.onClick},e.text))(e))))))},exports.DualListBox=aw,exports.DualListBox2=tC,exports.DualListBox2Accordion=Uw,exports.DualListBox2Item=Bw,exports.DualListBox2Section=Ww,exports.ErrorText=sc,exports.Fade=Rs,exports.FileUploader=aC,exports.FilterComboBox=({values:t,options:n,selectedIndex:r,selectOptions:a,onChange:i,onSelectChange:l,size:o="medium",variant:s="dark",tagVariant:d,searchPlaceholder:u="検索",noResultsMessage:p="見つかりませんでした",disabled:f=!1,applyButtonText:m="適用",cancelButtonText:h="キャンセル",error:g=!1,placement:b,middleware:v})=>{const[x,y]=e.useState(""),[w,C]=e.useState(!1),[E,I]=e.useState(t),[k,M]=e.useState(!1),$=e.useMemo((()=>d||("light"===s?"dark":"light")),[s,d]),[A,S]=e.useState(!1),L=e.useRef(null),V=e.useCallback((()=>{L.current&&S(L.current.clientWidth<L.current.scrollWidth)}),[]),O=e.useCallback((e=>{const t=e.trim();if(!t)return n.map((e=>Array.isArray(e)?e:[e]));const r=t.includes(","),a=t.startsWith('"')&&t.endsWith('"'),i=Mo(t);return n.filter((e=>{if(!Array.isArray(e)){const n=e.toLowerCase();return a?i.some((e=>n===e.toLowerCase())):r?i.some((e=>n.includes(e.toLowerCase()))):n.includes(t.toLowerCase())}return a?e.some((e=>i.some((t=>e.toLowerCase()===t.toLowerCase())))):r?e.some((e=>i.some((t=>e.toLowerCase().includes(t.toLowerCase()))))):e.some((e=>e.toLowerCase().includes(t.toLowerCase())))})).map((e=>Array.isArray(e)?e:[e]))}),[n]),H=e.useMemo((()=>O(x)),[x,O]),R=e.useCallback((e=>{E.includes(e)?I(E.filter((t=>t!==e))):I([...E,e])}),[E]),N=e.useCallback((()=>{if(w)return;if(!x.trim())return;const e=O(x);1===e.length&&(R(e[0][0]),y(""))}),[w,x,O,R]),z=e.useCallback((e=>{y(e.target.value)}),[y]),T=e.useRef(null),Z=e.useCallback((e=>{var t;e.stopPropagation(),y(""),null===(t=T.current)||void 0===t||t.focus()}),[]),B=e.useCallback((e=>{e.key}),[]),P=e.useCallback((e=>{const n=t.filter((t=>t!==e));i(n),I(n)}),[t,i]),_=e.useCallback((e=>{M(e),e&&I(t),y("")}),[t]),G=e.useCallback((()=>{i(E),M(!1)}),[i,E]),F=e.useCallback((()=>{I(t),M(!1)}),[t]),Y=e.useCallback((()=>{const e=H.map((e=>e[0])),t=[...new Set([...E,...e])];I(t)}),[H,E]),j=e.useCallback((()=>{I([])}),[]),W=e.useMemo((()=>c.default.createElement(wC,null,c.default.createElement(CC,null,c.default.createElement(yC,{ref:T,autoFocus:!0,value:x,placeholder:u,onChange:z,onKeyDown:B,onCompositionStart:()=>C(!0),onCompositionEnd:()=>C(!1),onEnter:N}),x&&c.default.createElement(EC,{type:"button","aria-label":"検索をリセット",onClick:Z},c.default.createElement(D,{name:"close_circle",type:"fill",color:"currentColor"}))),c.default.createElement(IC,null,c.default.createElement(Zs,{content:"すべて選択",positionPriority:["top"],offset:[0,8],disabled:0===H.length},c.default.createElement(ml,{icon:c.default.createElement(D,{name:"check_thin",color:"currentColor"}),size:"small",color:"secondaryDark",disabled:0===H.length,onClick:Y})),c.default.createElement(Zs,{content:"すべてクリア",positionPriority:["top"],offset:[0,8],disabled:0===H.length},c.default.createElement(ml,{icon:c.default.createElement(D,{name:"close",color:"currentColor"}),size:"small",color:"secondaryDark",disabled:0===H.length,onClick:j}))))),[x,u,z,B,N,Y,j,Z,H]),X=e.useMemo((()=>c.default.createElement(ji,null,c.default.createElement(ml,{size:"small",color:"clear",onClick:F},h),c.default.createElement(ml,{size:"small",onClick:G},m))),[F,G,m,h]);return e.useEffect((()=>{if(!window.ResizeObserver)return;if(!L.current)return;const e=new window.ResizeObserver((()=>{L.current&&V()}));return e.observe(L.current),V(),()=>{e.disconnect()}}),[V]),c.default.createElement(mC,{variant:s,size:o,selectedIndex:r,selectOptions:a,disabled:f,error:g,isOpen:k,onSelectChange:l},c.default.createElement(gC,{$variant:s,$size:o,"data-overflowing":A},c.default.createElement(Pi,null,c.default.createElement(Bi,{open:k&&!f,trigger:c.default.createElement(vC,{type:"button",$variant:s,$size:o,disabled:f,"aria-label":"タグを追加",onClick:()=>{f||M(!k)}},c.default.createElement(xC,null,c.default.createElement(D,{name:"arrow_down",color:"currentColor"}))),stickyHeader:W,stickyFooter:X,noResultsMessage:p,placement:b,middleware:v,onOpenChange:e=>!f&&_(e)},H.length>0?H.map((e=>c.default.createElement(_a,{key:e[0],checked:E.includes(e[0]),closeOnChange:!1,onChange:()=>R(e[0])},e[0]))):c.default.createElement(Li,{message:p}))),c.default.createElement(bC,{ref:L},t.map((e=>c.default.createElement(fC,{key:e,label:e,size:o,variant:$,onRemove:()=>P(e)}))))))},exports.FilterPositionCalculator=rd,exports.FilterSelectInput=({value:t,options:n,selectedIndex:r,selectOptions:a,onChange:i,onSelectChange:l,size:o="medium",variant:s="dark",searchPlaceholder:d="絞り込む",noResultsMessage:u="見つかりませんでした",disabled:p=!1,error:f=!1,placement:m,middleware:h})=>{const[g,b]=e.useState(0),[v,x]=e.useState(""),[y,w]=e.useState(""),[C,E]=e.useState(!1),[I,k]=e.useState(!1),M=e.useRef(null);e.useEffect((()=>{if(!window.ResizeObserver)return;if(!M.current)return;const e=new window.ResizeObserver((()=>{M.current&&b(M.current.offsetWidth)}));return e.observe(M.current),()=>{e.disconnect()}}),[]);const $=e.useMemo((()=>{const e=y.trim();return""===e?n:n.filter((t=>t.toLowerCase().includes(e.toLowerCase())))}),[n,y]),A=e.useCallback((e=>{x(e.target.value),C||w(e.target.value)}),[C]),S=e.useCallback((e=>{e.stopPropagation(),x(""),w("")}),[]),L=e.useCallback((e=>{"Enter"!==e.key||w(v)}),[v]),V=e.useCallback((e=>{k(e),e||(x(""),w(""))}),[]),O=e.useCallback((e=>{i(e),k(!1)}),[i]),H=e.useCallback((()=>{p||k(!I)}),[p,I]),R=e.useCallback((e=>{p||V(e)}),[p,V]),N=e.useMemo((()=>c.default.createElement(OC,null,c.default.createElement(LC,{autoFocus:!0,value:v,placeholder:d,disabled:p,onChange:A,onKeyDown:L,onCompositionStart:()=>E(!0),onCompositionEnd:()=>E(!1)}),v&&c.default.createElement(HC,{type:"button","aria-label":"検索をリセット",onClick:S},c.default.createElement(D,{name:"close_circle",type:"fill",color:"currentColor"})))),[v,d,p,A,L,S]);return c.default.createElement(mC,{variant:s,size:o,selectedIndex:r,selectOptions:a,disabled:p,error:f,isOpen:I,onSelectChange:l},c.default.createElement(kC,{ref:M},c.default.createElement(Pi,null,c.default.createElement(Bi,{open:I&&!p,minWidth:g,trigger:c.default.createElement(MC,{type:"button",$size:o,$variant:s,disabled:p,onClick:H},c.default.createElement(AC,{$size:o},t),c.default.createElement(SC,null,c.default.createElement(D,{name:"arrow_down",color:"currentColor"}))),stickyHeader:N,placement:m,middleware:h,onOpenChange:R},$.length>0?$.map((e=>c.default.createElement(_a,{key:e,checked:e===t,disabled:p,onChange:()=>O(e)},e))):c.default.createElement(Li,{message:u})))))},exports.FilterTagInput=({title:t,values:n,selectedIndex:r,selectOptions:a,onChange:i,onSelectChange:l,size:o="medium",variant:s="dark",tagVariant:d,menuIconSize:u=22,disabled:p=!1,error:f=!1})=>{const{isSmall:m}=e.useContext(pC),[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]),L=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}),[]),V=e.useCallback((e=>{const t=e.trim();""!==t?n.includes(t)?g(""):(i([...n,t],r),g(""),requestAnimationFrame((()=>{S(),L()}))):g("")}),[n,i,r,S,L]),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(),L()}))):void("Enter"===e.key&&V(e.target.value))}),[x,i,n,r,S,L,V]),H=e.useCallback((e=>{const t=[...n];t.splice(e,1),i(t,r),requestAnimationFrame((()=>{S(),L()}))}),[n,i,r]),R=e.useCallback(((e,t)=>{i(e,t),l(t),requestAnimationFrame((()=>{S(),L()}))}),[i,l]),N=e.useCallback((e=>{g(e.target.value)}),[]),z=e.useCallback((()=>{y(!0)}),[]),T=e.useCallback((()=>{y(!1)}),[]),Z=e.useCallback((()=>{C(!0)}),[]),B=e.useCallback((()=>{C(!1)}),[]),P=e.useCallback((()=>{p||I(!0)}),[p]),_=e.useCallback((()=>{I(!1)}),[]),G=e.useCallback((()=>{_(),V(h)}),[_,h,V]);e.useEffect((()=>{if(!window.ResizeObserver)return;if(!$.current)return;const e=new window.ResizeObserver((()=>{$.current&&(S(),L())}));return e.observe($.current),()=>{e.disconnect()}}),[S,L]);const F=e.useMemo((()=>n.map(((e,t)=>c.default.createElement(fC,{key:e,size:o,variant:M,label:e,onRemove:()=>H(t)})))),[n,o,M,H]),Y={small:18,medium:20,large:22}[o];return c.default.createElement(c.default.Fragment,null,c.default.createElement(mC,{variant:s,size:o,selectedIndex:r,selectOptions:a,disabled:p,error:f,isOpen:E,onSelectChange:l},c.default.createElement(DC,{ref:$,$size:o,$variant:s},c.default.createElement(RC,{ref:A},F,c.default.createElement(TC,null,c.default.createElement("input",{ref:k,"aria-label":"フィルターする値",disabled:p,type:"text",value:h,enterKeyHint:"enter",onChange:N,onCompositionEnd:T,onCompositionStart:z,onFocus:P,onKeyDown:O,onBlur:G})))),c.default.createElement(zC,{$size:o,$variant:s,"aria-label":"フィルター入力パネルを開く","data-overflowing":b,type:"button",disabled:p,onClick:Z},c.default.createElement(D,{name:m?"filter":"expand_diagonal_s_fill",color:"currentColor",size:Y}))),c.default.createElement(tE,{isOpen:w,menuIconSize:u,selectOptions:a,selectedIndex:r,title:t,values:n,onApply:R,onClose:B}))},exports.FixedPanel=rE,exports.Flex=z,exports.FloatingTip=oE,exports.FullSizeConfirmModal=gE,exports.Grow=e=>{var{timeout:t=300,children:n}=e,r=p(e,["timeout","children"]);const a=c.useRef(null);return c.createElement(vE,Object.assign({nodeRef:a,appear:!0,mountOnEnter:!0,timeout:t,classNames:bE},r),c.createElement("div",{ref:a},n))},exports.Icon=D,exports.IconText=e=>{var{icon:t,size:n="medium",pos:r="prepend",prependIcon:a,appendIcon:i,color:l,iconColor:o,textColor:s,children:d}=e,u=p(e,["icon","size","pos","prependIcon","appendIcon","color","iconColor","textColor","children"]);const f=S(),m=!!u.href,h=null!=s?s:m?f.palette.primary.base:null!=l?l:f.palette.black,g=null!=o?o:m?f.palette.primary.base:null!=l?l:f.palette.black;let b,v;return null!=a||null!=i?(b=a,v=i):"append"===r?(b=void 0,v=t):(b=t,v=void 0),c.default.createElement(wE,Object.assign({as:m?"a":"span",$size:n,$isLink:m},u),null!=b&&CE(b,n,g),c.default.createElement(yE,{$color:h},d),null!=v&&CE(v,n,g))},exports.Input=Mi,exports.ItemEmpty=xv,exports.LoadingBar=kE,exports.LocaleProvider=({locale:e,children:t})=>c.createElement(Sc.Provider,{value:{locale:e}},t),exports.Menu=Hp,exports.MenuList=Lp,exports.Modal=yp,exports.MultipleFilter=lI,exports.NUMBER_OPERATORS=ud,exports.NavigationRail=sk,exports.NavigationRailContext=bI,exports.NotificationBadge=kI,exports.PRESET_OPERATORS=md,exports.Pager=mv,exports.Popover=Op,exports.Portal=xp,exports.RadioButton=qb,exports.RadioCard=ck,exports.Radius=8,exports.SELECT2_SIZES=Bs,exports.SELECTION_OPERATORS=fd,exports.ScrollArea=uk,exports.Select=Db,exports.Select2=rc,exports.Select2Option=ac,exports.Select2OptionGroup=ic,exports.Select2Separator=lc,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(Zk,Object.assign({nodeRef:i,appear:!0,timeout:t,direction:r,classNames:Tk},a),c.createElement("div",{ref:i},n))},exports.Slider=Hk,exports.SliderField=Nk,exports.Snackbar=Fk,exports.Space=8,exports.Spacer=tl,exports.Spinner=sl,exports.SplitAnnotation=jk,exports.Switch=rM,exports.TEXT_OPERATORS=dd,exports.Table=mM,exports.Tabs=CM,exports.Tag=ce,exports.TextField=GE,exports.ThemeProvider=({children:e,theme:n})=>c.createElement(t.ThemeContext.Provider,{value:n},e),exports.TimeField=MM,exports.TimeField2=$M,exports.Toast=b$,exports.ToggleButton=k$,exports.Tooltip=Zs,exports.Typography=q,exports.WeekTime=N$,exports.WeekTimeSelector=Z$,exports.applyFilter=xd,exports.applyMultipleFilters=(e,t)=>t.reduce(((e,t)=>xd(e,t.field,t.operator,t.values)),e),exports.applyOperatorToValue=vd,exports.breakpointPrimitives=x,exports.buildFilterSlots=Ne,exports.changeOperatorLabel=(e,t)=>Object.assign(Object.assign({},e),{label:t}),exports.changeValueLabel=(e,t)=>Object.assign(Object.assign({},e),{label:t}),exports.clamp=yk,exports.colors=f,exports.combineOperators=(...e)=>e.flat(),exports.combineValues=(...e)=>e.flat(),exports.createOperator=(e,t)=>({value:e,label:t}),exports.createTheme=$,exports.createValue=(e,t)=>({value:e,label:t}),exports.defaultTheme=A,exports.enUS=Ac,exports.evaluateFilterConditions=(e,t,n,r)=>{const a=n.filter((e=>e.values&&e.values.length>0));return 0!==a.length&&a.every((n=>{var a;const{conditionKey:i,operator:l,values:o}=n,s=null==r?void 0:r[t],c=null===(a=null==s?void 0:s.multiConditionConfigs)||void 0===a?void 0:a.find((e=>e.conditionKey===i)),d=((e,t,n,r)=>{const a=e[r||`${t}Attr`];if(a&&"object"==typeof a&&n in a)return a[n]})(e,t,i,null==c?void 0:c.valueSource);return(null==c?void 0:c.customOperator)?c.customOperator(o,l,d):vd(d,l,o)}))},exports.fontSize=X,exports.generateTagText=Ee,exports.generateTagTitle=e=>{if(e.conditions&&e.conditions.length>0)return Ce(e);const{typeLabel:t,operatorLabel:n,valueLabels:r,isRange:a}=e,i=`が${n}`,l=we(r,a,"\n");return l?`${t} ${i}\n${l}`:`${t} ${i}`},exports.getAvailableTypes=Ie,exports.getClampedValue=wk,exports.getConfiguredFilters=e=>e.filter(Re),exports.getFilterTypeLabel=ke,exports.getFilteredItems=hv,exports.getKeyboardValue=kk,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=Ik,exports.getPercentage=Ck,exports.getPresetOperators=hd,exports.getPresetOperatorsWithLabels=(e,t)=>{const n=hd(e);return gd(n,t)},exports.getPresetSlotId=De,exports.getResponsiveFontSizeCss=W,exports.getTagBoldText=Me,exports.getValueFromPosition=Ek,exports.getValueLabels=e=>e.map((e=>e.label)),exports.getValueStrings=e=>e.map((e=>e.value)),exports.isConfiguredFilter=Re,exports.isCustomOperator=(e,t)=>{var n;const r=null===(n=null==t?void 0:t.operators)||void 0===n?void 0:n.find((t=>t.value===e));return(null==r?void 0:r.isCustom)||!1},exports.isRangeOperator=(e,t)=>{if(!t)return!1;const n=t.operators.find((t=>t.value===e));return(null==n?void 0:n.isRange)||!1},exports.isResponsiveObject=j,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=$c,exports.mergeValues=(...e)=>{const t=e.flat().filter(((e,t,n)=>t===n.findIndex((t=>t.value===e.value))));return t},exports.normalizeForSearch=bd,exports.overrideOperatorLabels=gd,exports.overrideValueLabels=(e,t)=>e.map((e=>Object.assign(Object.assign({},e),{label:t[e.value]||e.label}))),exports.palette=g,exports.preventScroll=Ak,exports.preventTextSelection=Mk,exports.resolveFontWeight=Q,exports.restoreTextSelection=$k,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=nd,exports.useContextMenu2Anchor=()=>{const[t,n]=e.useState({x:0,y:0});return{position:t,setPosition:n}},exports.useFilterMenuPosition=ad,exports.useFilterState=gv,exports.useNavigationRail=gI,exports.useSlider=Sk,exports.useSliderScale=Lk,exports.useTheme=S,exports.zhCN={components:{ConfirmModal:{defaultProps:{confirmText:"确认",cancelText:"取消"}},FullSizeConfirmModal:{defaultProps:{confirmText:"确认",cancelText:"取消"}},FileUploader:{defaultProps:{title:"把文件拖入, 同样支持点击上传。"}},ItemEmpty:{defaultProps:{title:"未找到。"}}}};
|
|
5445
|
+
`,B$=c.default.forwardRef((function(t,n){const r=Lc({props:t,name:"WeekTimeSelector"}),{weekList:a,weekTime:i,errorText:l,onChange:o}=r,s=e.useMemo((()=>D$(i)),[i]),[d,u]=e.useState({weekIndex:0,timeIndex:0}),[p,f]=e.useState({weekIndex:0,timeIndex:0}),[m,h]=e.useState("none"),[g,b]=e.useState("1"),v=(e,t,n)=>{if("choosing"===m){const r=((e,t,n,r,a,i)=>{const l=[...i],o=Math.min(e,n),s=Math.max(e,n),c=Math.min(t,r),d=Math.max(t,r);for(let e=o;e<=s;e++){const t=l[e].map(((t,n)=>e>=o&&e<=s&&n>=c&&n<=d?a:t));l[e]=t}return l})(d.weekIndex,d.timeIndex,e,t,n,[...s]);h("none"),null==o||o((e=>{let t="";for(let n=0;n<7;n++)for(let r=0;r<24;r++)t+=e[n][r];return(e=>{let t="";for(let n=0;n<e.length;n+=4)switch(e.substr(n,4)){case"0000":t+="0";break;case"0001":t+="1";break;case"0010":t+="2";break;case"0011":t+="3";break;case"0100":t+="4";break;case"0101":t+="5";break;case"0110":t+="6";break;case"0111":t+="7";break;case"1000":t+="8";break;case"1001":t+="9";break;case"1010":t+="a";break;case"1011":t+="b";break;case"1100":t+="c";break;case"1101":t+="d";break;case"1110":t+="e";break;case"1111":t+="f";break;default:return""}return t})(t)})(r))}else"none"===m&&(u({weekIndex:e,timeIndex:t}),f({weekIndex:e,timeIndex:t}),h("choosing"))},x=()=>{"choosing"===m&&v(p.weekIndex,p.timeIndex,g)};return e.useEffect((()=>(addEventListener("mouseup",x),()=>{removeEventListener("mouseup",x)}))),c.default.createElement(T$,{ref:n},c.default.createElement(N$,{weekTime:i,weekList:a,WeekTimeItem:Z$,interactive:!0,isWithinHoverRange:(e,t)=>{if("choosing"===m){const n=Math.min(d.weekIndex,p.weekIndex),r=Math.max(d.weekIndex,p.weekIndex),a=Math.min(d.timeIndex,p.timeIndex),i=Math.max(d.timeIndex,p.timeIndex);return e>=n&&e<=r&&t>=a&&t<=i}return!1},onMouseOver:(e,t)=>{"none"!==m&&f({weekIndex:e,timeIndex:t})},onMouseDown:(e,t,n)=>{const r="1"===n?"0":"1";b(r),v(e,t,r)}}),l&&c.default.createElement(tl,{pt:1},c.default.createElement(sc,null,l)))}));exports.ADVANCED_FILTER_CONSTANTS=vc,exports.Accordion=F,exports.ActionButton=ne,exports.AdvancedFilter=id,exports.AdvancedFilterConfigPanel=td,exports.AdvancedFilterTrigger=bt,exports.Backdrop=wd,exports.Badge=qc,exports.Banner=Ad,exports.BreakPoint=y,exports.Button=ml,exports.ButtonGroup=Od,exports.Calendar=yu,exports.CalendarRange=_u,exports.Card=Gu,exports.Checkbox=Uu,exports.CheckboxCard=sp,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:Ns(n,t.ref)});return c.cloneElement(t,a)},exports.ConfirmModal=wp,exports.ContainerBreakPoint=w,exports.ContextMenu=Rp,exports.ContextMenu2=Bi,exports.ContextMenu2ButtonControlsItem=ji,exports.ContextMenu2ButtonItem=Fe,exports.ContextMenu2CheckItem=_a,exports.ContextMenu2Container=Pi,exports.ContextMenu2HeadingItem=_i,exports.ContextMenu2HelpTextItem=Fi,exports.ContextMenu2SeparatorItem=Yi,exports.ContextMenu2SortableFixedItem=hi,exports.ContextMenu2SortableGroup=oi,exports.ContextMenu2SortableItem=ui,exports.ContextMenu2SwitchItem=Ja,exports.ContextMenu2TextInputItem=Ai,exports.ContextMenu2TriggerItem=ei,exports.CreatableSelect=Rb,exports.DATE_OPERATORS=pd,exports.DataTable=Lv,exports.DataTable2=({bordered:t,currentPage:n,pageSize:r,pageSizeOptions:a,totalCount:i,columns:l,onPageChange:o,onPageSizeChange:s,onColumnsChange:d,onCheckedRowsChange:u,children:p,tableActions:f,customTableActionArea:m,enableRowSelection:h=!0,columnEditFeatures:g})=>{const b=e.useMemo((()=>{return{reorder:null!==(t=null==(e=g)?void 0:e.reorder)&&void 0!==t?t:Vv,visibility:null!==(n=null==e?void 0:e.visibility)&&void 0!==n?n:Ov};var e,t,n}),[g]),[v,x]=e.useState(!1),[w,C]=e.useState([]),[E,I]=e.useState([]),[k,M]=e.useState([]),[$,A]=e.useState(0),S=e.useRef(null),L=e.useCallback(((e,t)=>{const n=[...k];n[e]=t,M(n)}),[k,M]);e.useEffect((()=>{if(!S.current)return;const e=()=>{var e;S.current&&x((null===(e=S.current)||void 0===e?void 0:e.clientWidth)<y.TABLET)},t=new ResizeObserver(e);return e(),t.observe(S.current),()=>{t.disconnect()}}),[]);const V=e.useCallback((e=>{I(e),null==u||u(e)}),[I,u]),O=e.useRef(n);e.useEffect((()=>{O.current!==n&&V([]),O.current=n}),[n,V]),e.useEffect((()=>{if(0===E.length)return;const e=E.filter((e=>w.includes(e)));e.length!==E.length&&V(e)}),[w,E,V]);const H=h&&!!f,[D,R]=e.useState(null),N=e.useCallback(((e,t)=>{R((n=>void 0===t?n===e?null:n:null!==n&&n!==e?("production"!==process.env.NODE_ENV&&console.warn(`[DataTable2] sticky="right" は 1 列のみです。既に列 index ${String(n)} で使用されているため、列 ${String(e)} の登録は無視しました。`),n):e))}),[]),z=e.useMemo((()=>{const e=l.filter((e=>e.visible)).length;return{registerColumnSticky:N,getStickyRightOffset:t=>{var n;if(null===D||t!==D)return;let r=0;for(let a=t+1;a<e;a++)r+=null!==(n=k[a])&&void 0!==n?n:0;return r},rightStickyColumnIndex:D,getRightStickyZIndexHead:e=>3,getRightStickyZIndexBody:e=>1}}),[k,l,N,D]);return c.default.createElement(Wv,{ref:S,bordered:t},c.default.createElement(Nv.Provider,{value:{isSmallLayout:v,rowIds:w,enableRowSelection:h,hasRowControls:H,checkedRows:E,totalCount:i,currentPage:n,pageSize:r,pageSizeOptions:a,columns:l,columnEditFeatures:b,columnWidths:k,rowSpacing:$,setRowIds:C,setCheckedRows:V,setCurrentPage:o,setPageSize:s,setColumns:d,setColumnWidth:L,setRowSpacing:A}},c.default.createElement(Tv.Provider,{value:z},c.default.createElement(Nx,{tableActions:f,customTableActionArea:m}),c.default.createElement(zx,null,p))))},exports.DataTable2ActionButton=({prepend:t,children:n,onClick:r})=>{const{isSmallLayout:a}=e.useContext(Nv);return a?c.default.createElement(Fe,{prepend:t,onClick:r},n):c.default.createElement(rx,{type:"button",onClick:r},t,n)},exports.DataTable2Body=({children:t})=>{const{rowIds:n,setRowIds:r}=e.useContext(Nv);return e.useEffect((()=>{const a=[];e.Children.forEach(t,(t=>{if(!e.isValidElement(t))return;const n=t.props;"string"==typeof n.id&&a.push(n.id)})),a.length===n.length&&a.every((e=>n.includes(e)))||r(a)}),[t,n,r]),c.default.createElement("tbody",null,t)},exports.DataTable2Cell=({loading:t,sticky:n,children:r})=>{const{getStickyRightOffset:a,rightStickyColumnIndex:i,getRightStickyZIndexBody:l}=e.useContext(Tv),{showStickyRightEdgeDecoration:o}=e.useContext(zv),s=e.useContext(Zv),d=a(s.index),u=void 0!==d&&s.index===i&&o,p=void 0!==d?l(s.index):void 0;return c.default.createElement(lx,{$stickyRightOffset:d,$stickyZIndex:p,$showStickyEdgeDecoration:u},c.default.createElement(bx,null,c.default.createElement(xx,null,r),t&&c.default.createElement(vx,null,c.default.createElement(sl,{width:"20px"}))))},exports.DataTable2Column=({className:t,sticky:r,isResizable:a,width:i,minWidth:l=32,maxWidth:o=1/0,children:s,onWidthChange:d})=>{const{isSmallLayout:u,setColumnWidth:p}=e.useContext(Nv),{registerColumnSticky:f,getStickyRightOffset:m,rightStickyColumnIndex:h,getRightStickyZIndexHead:g}=e.useContext(Tv),{showStickyRightEdgeDecoration:b}=e.useContext(zv),v=e.useContext(Zv),[x,y]=e.useState(!1);e.useEffect((()=>(f(v.index,"right"===r?"right":void 0),()=>{f(v.index,void 0)})),[r,v.index,f]);const w=m(v.index),C=void 0!==w&&v.index===h&&b,E=void 0!==w?g(v.index):void 0,I=e.useRef(null),k=e.useRef(null),M=e.useRef(0),$=e.useRef(0),A=e.useCallback((e=>{y(!0),k.current&&null===I.current&&(I.current=e.pointerId,$.current=i||k.current.clientWidth,M.current=e.clientX)}),[i]),S=e.useCallback((e=>{if(!d)return;if(I.current!==e.pointerId)return;e.cancelable&&e.preventDefault();const t=e.clientX-M.current,n=((e,t,n)=>Math.min(Math.max(e,t),n))($.current+t,l,o);d(n),p(v.index,n)}),[d,l,o,p,v.index]),L=e.useCallback((()=>{y(!1),I.current=null}),[]);return e.useEffect((()=>{if(x)return document.addEventListener("pointermove",S),document.addEventListener("pointerup",L),()=>{document.removeEventListener("pointermove",S),document.removeEventListener("pointerup",L)}}),[x,S,L]),c.default.createElement(ix,{ref:k,className:t,"data-dragging":x,$stickyRightOffset:w,$stickyZIndex:E,$showStickyEdgeDecoration:C,style:{minWidth:isFinite(l)&&l<=o?l:void 0,maxWidth:isFinite(l)&&l<=o?o:void 0}},c.default.createElement(ox,{isSmallLayout:u},s,a&&c.default.createElement(sx,{type:"button","aria-label":"resize the column",onPointerDown:A}),x&&n.createPortal(c.default.createElement(cx,{"data-min":i&&l>=i,"data-max":i&&o<=i}),document.body)))},exports.DataTable2ColumnLabel=({showSortButton:t,sortButtonDirection:n,onSortChange:r,children:a})=>{const i=e.useMemo((()=>"asc"===n?"desc":"desc"!==n?"asc":void 0),[n]),l=e.useCallback((()=>{null==r||r(i)}),[r,i]),o=e.useMemo((()=>"asc"===n?"sort_up":"desc"===n?"sort_down":"sort_inactive"),[n]);return t?c.default.createElement(px,{type:"button",onClick:l},a,c.default.createElement(D,{name:o,size:"md"})):c.default.createElement(ux,null,a)},exports.DataTable2Head=({children:t})=>{const{hasRowControls:n,columns:r}=e.useContext(Nv),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(ax,null,c.default.createElement("tr",null,n&&c.default.createElement(hx,{"aria-label":"empty cell"}),i.map((({id:e,index:t,child:n})=>c.default.createElement(Zv.Provider,{key:e,value:{index:t}},n))))))},exports.DataTable2InlineEditor=({label:t,value:n,children:r,onChange:a})=>{const[i,l]=e.useState(n),[o,s]=e.useState(!1),d=()=>{s(!1),a(i)};return e.useEffect((()=>{l(n)}),[n]),c.default.createElement(yx,null,r,c.default.createElement(wx,null,c.default.createElement(Pi,null,c.default.createElement(Bi,{width:252,trigger:c.default.createElement(ml,{type:"button",color:"primarySubtle",size:"small",inline:!0,icon:c.default.createElement(D,{name:"pencil",color:"currentColor"})}),open:o,onOpenChange:s},c.default.createElement(_i,null,t),c.default.createElement(Ai,{value:i,onChange:e=>l(e.target.value),onEnter:d}),c.default.createElement(Yi,null),c.default.createElement(ji,null,c.default.createElement(ml,{type:"button",color:"clear",size:"small",onClick:()=>{s(!1),l(n)}},"キャンセル"),c.default.createElement(ml,{type:"button",color:"primary",size:"small",onClick:d},"適用"))))))},exports.DataTable2InlineSelectEditor=({label:t,value:n,options:r,children:a,onChange:i})=>{const[l,o]=e.useState(!1);return c.default.createElement(yx,null,a,c.default.createElement(wx,null,c.default.createElement(Pi,null,c.default.createElement(Bi,{width:252,trigger:c.default.createElement(ml,{type:"button",color:"primarySubtle",size:"small",inline:!0,icon:c.default.createElement(D,{name:"pencil",color:"currentColor"})}),open:l,onOpenChange:o},c.default.createElement(_i,null,t),r.map((e=>c.default.createElement(_a,{key:e,closeOnChange:!0,checked:n===e,onChange:()=>i(e)},e)))))))},exports.DataTable2Row=({id:t,children:n})=>{const{isSmallLayout:r,columns:a,hasRowControls:i,checkedRows:l,setCheckedRows:o,rowSpacing:s}=e.useContext(Nv),d=e.useMemo((()=>l.includes(t)),[t,l]),u=e.useCallback((()=>{const e=l.includes(t)?l.filter((e=>e!==t)):[...l,t];o(e)}),[t,l,o]),p=e.useMemo((()=>e.Children.toArray(n).map(((e,t)=>{const n=a[t];return{id:n.id,index:t,order:n.order,visible:n.visible,child:e}})).filter((e=>void 0!==e.id))),[n,a]),f=e.useMemo((()=>p.sort(((e,t)=>e.order-t.order)).filter((e=>e.visible))),[p]);return c.default.createElement(fx,{"data-highlighted":d,"data-spacing":s,isSmallLayout:r},i&&c.default.createElement(mx,null,c.default.createElement(gx,null,c.default.createElement(Uu,{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(Zv.Provider,{key:e,value:{index:t}},n))))},exports.DateField=dy,exports.DateField2=wy,exports.DatePicker=Oc,exports.DateRangeField=my,exports.DateRangeField2=ky,exports.DateRangePicker=$y,exports.Divider=Ap,exports.Drawer=({isOpen:t,direction:n,onClose:r,size:a="40vw",resizable:i=!1,minSize:l="20vw",maxSize:o="90vw",onResize:s,stickyHeader:d,stickyFooter:u,confirmOnClose:p,allowBackgroundScroll:f=!1,children:m})=>{const h=300,g=Ay(a,n),b=Ay(l,n),v=Ay(o,n),x=Math.min(b,v),y=Math.max(b,v),w=Math.max(x,Math.min(g,y));"production"!==process.env.NODE_ENV&&(b>v&&console.warn(`Drawer: minSize (${b}px) が maxSize (${v}px) より大きいです。自動補正します。`),(g<x||g>y)&&console.warn(`Drawer: size (${g}px) が min/max の範囲外です。自動補正します。`));const[C,E]=e.useState(!1),[I,k]=e.useState(!1),[M,$]=e.useState(w),A=e.useRef(!1),S=e.useRef(0),L=e.useRef(0),V=e.useRef(!1),[O,H]=e.useState(!1),[D,R]=e.useState(null),[N,z]=e.useState(!1),T=c.default.useMemo((()=>{if(!p)return null;const e="string"==typeof p?{message:p}:p;return{title:e.title||"確認",message:e.message||"変更内容が保存されていません。閉じてもよろしいですか?",confirmText:e.confirmText||"変更を破棄して閉じる",cancelText:e.cancelText||"編集を続ける",buttonColor:e.buttonColor||"danger"}}),[p]);e.useEffect((()=>{const e=Ay(a,n),t=Ay(l,n),r=Ay(o,n),i=Math.min(t,r),s=Math.max(t,r),c=Math.max(i,Math.min(e,s));"production"!==process.env.NODE_ENV&&(t>r&&console.warn(`Drawer: minSize (${t}px) が maxSize (${r}px) より大きいです。自動補正します。`),(e<i||e>s)&&console.warn(`Drawer: size (${e}px) が min/max の範囲外です。自動補正します。`)),$(c)}),[a,l,o,n]),e.useEffect((()=>{if(t){E(!0);const e=setTimeout((()=>{k(!0)}),16);return()=>clearTimeout(e)}if(C){k(!1);const e=setTimeout((()=>{E(!1)}),h);return()=>clearTimeout(e)}}),[t,C]),e.useEffect((()=>{if(!f&&t){const e=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=e}}}),[t,f]);const Z=e.useCallback((e=>{if(!A.current)return;const t="left"===n||"right"===n;let r;if(e instanceof TouchEvent){const n=e.touches[0]||e.changedTouches[0];r=t?n.clientX:n.clientY}else r=t?e.clientX:e.clientY;let a=r-S.current;"right"===n&&(a=-a),"bottom"===n&&(a=-a);let i=L.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="",V.current=!0,setTimeout((()=>{V.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,L.current=M,document.body.style.userSelect="none",document.body.style.cursor=t?"ew-resize":"ns-resize"}),[i,n,M]),_=e.useCallback((e=>{P(e),z(!0)}),[P]),G=e.useCallback((()=>{z(!1)}),[]),F=e.useCallback((()=>{z(!1)}),[]);e.useEffect((()=>{if(!i)return;const e=e=>{A.current&&Z(e)},t=()=>{A.current&&B()},n=e=>{A.current&&Z(e)},r=()=>{A.current&&B()};return window.addEventListener("mousemove",e),window.addEventListener("mouseup",t),window.addEventListener("touchmove",n),window.addEventListener("touchend",r),()=>{window.removeEventListener("mousemove",e),window.removeEventListener("mouseup",t),window.removeEventListener("touchmove",n),window.removeEventListener("touchend",r)}}),[i,Z,B]);const Y=e.useCallback((e=>{T?(R(e),H(!0)):null==r||r(e)}),[T,r]);e.useEffect((()=>{const e=e=>{"Escape"===e.key&&t&&!O&&Y("escapeKey")};return t&&window.addEventListener("keydown",e),()=>{window.removeEventListener("keydown",e)}}),[t,O,Y]);return C?c.default.createElement(c.default.Fragment,null,T&&c.default.createElement(wp,{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(xp,null,f?c.default.createElement(Ly,{direction:n,currentSize:M,shouldShow:I,transitionDuration:h},i&&c.default.createElement(Oy,{direction:n,"data-testid":"resize-bar",active:N}),i&&c.default.createElement(Vy,{direction:n,"data-testid":"resize-handle",onMouseDown:P,onTouchStart:_,onTouchEnd:G,onTouchCancel:F,onMouseEnter:()=>z(!0),onMouseLeave:()=>z(!1)}),d&&c.default.createElement(Hy,null,d),c.default.createElement(Dy,null,m),u&&c.default.createElement(Ry,null,u)):c.default.createElement(Sy,{shouldShow:I,transitionDuration:h,onClick:e=>{A.current||V.current||e.target===e.currentTarget&&Y("backdropClick")}},c.default.createElement(Ly,{direction:n,currentSize:M,shouldShow:I,transitionDuration:h},i&&c.default.createElement(Oy,{direction:n,"data-testid":"resize-bar",active:N}),i&&c.default.createElement(Vy,{direction:n,"data-testid":"resize-handle",onMouseDown:P,onTouchStart:_,onTouchEnd:G,onTouchCancel:F,onMouseEnter:()=>z(!0),onMouseLeave:()=>z(!1)}),d&&c.default.createElement(Hy,null,d),c.default.createElement(Dy,null,m),u&&c.default.createElement(Ry,null,u))))):null},exports.DropdownButton=({size:e="medium",color:t="primary",onClick:n,split:r=!1,contents:a=[],disabled:i=!1,children:l,icon:o,selectedValue:s,menuWidth:d=200,loading:u=!1,toggleAriaLabel:p="メニューを開く"})=>{const f=S(),m=!!u,h="string"==typeof u?u:u?"Loading...":void 0,g=((e,t)=>e?f.palette.text.disabled:"primary"===t?f.palette.white:f.palette.black)(i||m,t),b=c.useMemo((()=>({small:"16px",medium:"18px",large:"20px"}[e])),[e]),v=void 0!==s?s:l,x=c.useMemo((()=>c.createElement(D,{name:"arrow_bottom",size:Ny[e].arrowIconSize,color:g})),[e,g]),y=c.useMemo((()=>m?c.createElement(sl,{width:b}):null),[m,b]),w=!!o,C=!!v,E=m?w?y:void 0:o,I=m?!w&&C||w&&C?h:void 0:v,k=m?w?y:void 0:o,M=(()=>{if(m&&(!w||C))return C?h:void 0})(),$=r?c.createElement(zy,null,c.createElement(Ty,{size:e,color:t,inline:!0,disabled:i||m,icon:E,onClick:n},I),c.createElement(Zy,{size:e,color:t,inline:!0,disabled:i||m,"data-testid":"menu-toggle","aria-label":p},x)):c.createElement(By,{size:e,color:t,disabled:i||m,"data-testid":"menu-toggle",icon:k,"aria-label":C?void 0:p},c.createElement(Py,null,m?M?c.createElement(c.Fragment,null,"string"==typeof M?c.createElement(qi,null,M):M,c.createElement(_y,null,c.createElement(tl,{pr:.5}),x)):c.createElement(_y,null,c.createElement(tl,{pr:.5}),x):c.createElement(c.Fragment,null,v&&c.createElement(qi,null,v),c.createElement(_y,null,c.createElement(tl,{pr:.5}),x))));return c.createElement(Pi,null,c.createElement(Bi,{trigger:$,width:d},a.map(((e,t)=>c.createElement(c.Fragment,{key:`${t}-${e.text}`},e.divideTop&&c.createElement(Yi,null),(e=>"heading"===e.type?c.createElement(_i,null,e.text):"helpText"===e.type?c.createElement(Fi,{prepend:e.prepend},e.text):void 0!==e.checked?c.createElement(_a,{closeOnChange:!0,checked:e.checked,color:e.color,disabled:e.disabled,prepend:e.icon,onChange:e.onChange},e.text):c.createElement(Fe,{closeOnClick:!0,color:e.color,disabled:e.disabled,prepend:e.icon,onClick:e.onClick},e.text))(e))))))},exports.DualListBox=lw,exports.DualListBox2=rC,exports.DualListBox2Accordion=qw,exports.DualListBox2Item=_w,exports.DualListBox2Section=Jw,exports.ErrorText=sc,exports.Fade=Rs,exports.FileUploader=lC,exports.FilterComboBox=({values:t,options:n,selectedIndex:r,selectOptions:a,onChange:i,onSelectChange:l,size:o="medium",variant:s="dark",tagVariant:d,searchPlaceholder:u="検索",noResultsMessage:p="見つかりませんでした",disabled:f=!1,applyButtonText:m="適用",cancelButtonText:h="キャンセル",error:g=!1,placement:b,middleware:v})=>{const[x,y]=e.useState(""),[w,C]=e.useState(!1),[E,I]=e.useState(t),[k,M]=e.useState(!1),$=e.useMemo((()=>d||("light"===s?"dark":"light")),[s,d]),[A,S]=e.useState(!1),L=e.useRef(null),V=e.useCallback((()=>{L.current&&S(L.current.clientWidth<L.current.scrollWidth)}),[]),O=e.useCallback((e=>{const t=e.trim();if(!t)return n.map((e=>Array.isArray(e)?e:[e]));const r=t.includes(","),a=t.startsWith('"')&&t.endsWith('"'),i=Mo(t);return n.filter((e=>{if(!Array.isArray(e)){const n=e.toLowerCase();return a?i.some((e=>n===e.toLowerCase())):r?i.some((e=>n.includes(e.toLowerCase()))):n.includes(t.toLowerCase())}return a?e.some((e=>i.some((t=>e.toLowerCase()===t.toLowerCase())))):r?e.some((e=>i.some((t=>e.toLowerCase().includes(t.toLowerCase()))))):e.some((e=>e.toLowerCase().includes(t.toLowerCase())))})).map((e=>Array.isArray(e)?e:[e]))}),[n]),H=e.useMemo((()=>O(x)),[x,O]),R=e.useCallback((e=>{E.includes(e)?I(E.filter((t=>t!==e))):I([...E,e])}),[E]),N=e.useCallback((()=>{if(w)return;if(!x.trim())return;const e=O(x);1===e.length&&(R(e[0][0]),y(""))}),[w,x,O,R]),z=e.useCallback((e=>{y(e.target.value)}),[y]),T=e.useRef(null),Z=e.useCallback((e=>{var t;e.stopPropagation(),y(""),null===(t=T.current)||void 0===t||t.focus()}),[]),B=e.useCallback((e=>{e.key}),[]),P=e.useCallback((e=>{const n=t.filter((t=>t!==e));i(n),I(n)}),[t,i]),_=e.useCallback((e=>{M(e),e&&I(t),y("")}),[t]),G=e.useCallback((()=>{i(E),M(!1)}),[i,E]),F=e.useCallback((()=>{I(t),M(!1)}),[t]),Y=e.useCallback((()=>{const e=H.map((e=>e[0])),t=[...new Set([...E,...e])];I(t)}),[H,E]),j=e.useCallback((()=>{I([])}),[]),W=e.useMemo((()=>c.default.createElement(EC,null,c.default.createElement(IC,null,c.default.createElement(CC,{ref:T,autoFocus:!0,value:x,placeholder:u,onChange:z,onKeyDown:B,onCompositionStart:()=>C(!0),onCompositionEnd:()=>C(!1),onEnter:N}),x&&c.default.createElement(kC,{type:"button","aria-label":"検索をリセット",onClick:Z},c.default.createElement(D,{name:"close_circle",type:"fill",color:"currentColor"}))),c.default.createElement(MC,null,c.default.createElement(Zs,{content:"すべて選択",positionPriority:["top"],offset:[0,8],disabled:0===H.length},c.default.createElement(ml,{icon:c.default.createElement(D,{name:"check_thin",color:"currentColor"}),size:"small",color:"secondaryDark",disabled:0===H.length,onClick:Y})),c.default.createElement(Zs,{content:"すべてクリア",positionPriority:["top"],offset:[0,8],disabled:0===H.length},c.default.createElement(ml,{icon:c.default.createElement(D,{name:"close",color:"currentColor"}),size:"small",color:"secondaryDark",disabled:0===H.length,onClick:j}))))),[x,u,z,B,N,Y,j,Z,H]),X=e.useMemo((()=>c.default.createElement(ji,null,c.default.createElement(ml,{size:"small",color:"clear",onClick:F},h),c.default.createElement(ml,{size:"small",onClick:G},m))),[F,G,m,h]);return e.useEffect((()=>{if(!window.ResizeObserver)return;if(!L.current)return;const e=new window.ResizeObserver((()=>{L.current&&V()}));return e.observe(L.current),V(),()=>{e.disconnect()}}),[V]),c.default.createElement(gC,{variant:s,size:o,selectedIndex:r,selectOptions:a,disabled:f,error:g,isOpen:k,onSelectChange:l},c.default.createElement(vC,{$variant:s,$size:o,"data-overflowing":A},c.default.createElement(Pi,null,c.default.createElement(Bi,{open:k&&!f,trigger:c.default.createElement(yC,{type:"button",$variant:s,$size:o,disabled:f,"aria-label":"タグを追加",onClick:()=>{f||M(!k)}},c.default.createElement(wC,null,c.default.createElement(D,{name:"arrow_down",color:"currentColor"}))),stickyHeader:W,stickyFooter:X,noResultsMessage:p,placement:b,middleware:v,onOpenChange:e=>!f&&_(e)},H.length>0?H.map((e=>c.default.createElement(_a,{key:e[0],checked:E.includes(e[0]),closeOnChange:!1,onChange:()=>R(e[0])},e[0]))):c.default.createElement(Li,{message:p}))),c.default.createElement(xC,{ref:L},t.map((e=>c.default.createElement(hC,{key:e,label:e,size:o,variant:$,onRemove:()=>P(e)}))))))},exports.FilterPositionCalculator=rd,exports.FilterSelectInput=({value:t,options:n,selectedIndex:r,selectOptions:a,onChange:i,onSelectChange:l,size:o="medium",variant:s="dark",searchPlaceholder:d="絞り込む",noResultsMessage:u="見つかりませんでした",disabled:p=!1,error:f=!1,placement:m,middleware:h})=>{const[g,b]=e.useState(0),[v,x]=e.useState(""),[y,w]=e.useState(""),[C,E]=e.useState(!1),[I,k]=e.useState(!1),M=e.useRef(null);e.useEffect((()=>{if(!window.ResizeObserver)return;if(!M.current)return;const e=new window.ResizeObserver((()=>{M.current&&b(M.current.offsetWidth)}));return e.observe(M.current),()=>{e.disconnect()}}),[]);const $=e.useMemo((()=>{const e=y.trim();return""===e?n:n.filter((t=>t.toLowerCase().includes(e.toLowerCase())))}),[n,y]),A=e.useCallback((e=>{x(e.target.value),C||w(e.target.value)}),[C]),S=e.useCallback((e=>{e.stopPropagation(),x(""),w("")}),[]),L=e.useCallback((e=>{"Enter"!==e.key||w(v)}),[v]),V=e.useCallback((e=>{k(e),e||(x(""),w(""))}),[]),O=e.useCallback((e=>{i(e),k(!1)}),[i]),H=e.useCallback((()=>{p||k(!I)}),[p,I]),R=e.useCallback((e=>{p||V(e)}),[p,V]),N=e.useMemo((()=>c.default.createElement(DC,null,c.default.createElement(OC,{autoFocus:!0,value:v,placeholder:d,disabled:p,onChange:A,onKeyDown:L,onCompositionStart:()=>E(!0),onCompositionEnd:()=>E(!1)}),v&&c.default.createElement(RC,{type:"button","aria-label":"検索をリセット",onClick:S},c.default.createElement(D,{name:"close_circle",type:"fill",color:"currentColor"})))),[v,d,p,A,L,S]);return c.default.createElement(gC,{variant:s,size:o,selectedIndex:r,selectOptions:a,disabled:p,error:f,isOpen:I,onSelectChange:l},c.default.createElement($C,{ref:M},c.default.createElement(Pi,null,c.default.createElement(Bi,{open:I&&!p,minWidth:g,trigger:c.default.createElement(AC,{type:"button",$size:o,$variant:s,disabled:p,onClick:H},c.default.createElement(LC,{$size:o},t),c.default.createElement(VC,null,c.default.createElement(D,{name:"arrow_down",color:"currentColor"}))),stickyHeader:N,placement:m,middleware:h,onOpenChange:R},$.length>0?$.map((e=>c.default.createElement(_a,{key:e,checked:e===t,disabled:p,onChange:()=>O(e)},e))):c.default.createElement(Li,{message:u})))))},exports.FilterTagInput=({title:t,values:n,selectedIndex:r,selectOptions:a,onChange:i,onSelectChange:l,size:o="medium",variant:s="dark",tagVariant:d,menuIconSize:u=22,disabled:p=!1,error:f=!1})=>{const{isSmall:m}=e.useContext(mC),[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]),L=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}),[]),V=e.useCallback((e=>{const t=e.trim();""!==t?n.includes(t)?g(""):(i([...n,t],r),g(""),requestAnimationFrame((()=>{S(),L()}))):g("")}),[n,i,r,S,L]),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(),L()}))):void("Enter"===e.key&&V(e.target.value))}),[x,i,n,r,S,L,V]),H=e.useCallback((e=>{const t=[...n];t.splice(e,1),i(t,r),requestAnimationFrame((()=>{S(),L()}))}),[n,i,r]),R=e.useCallback(((e,t)=>{i(e,t),l(t),requestAnimationFrame((()=>{S(),L()}))}),[i,l]),N=e.useCallback((e=>{g(e.target.value)}),[]),z=e.useCallback((()=>{y(!0)}),[]),T=e.useCallback((()=>{y(!1)}),[]),Z=e.useCallback((()=>{C(!0)}),[]),B=e.useCallback((()=>{C(!1)}),[]),P=e.useCallback((()=>{p||I(!0)}),[p]),_=e.useCallback((()=>{I(!1)}),[]),G=e.useCallback((()=>{_(),V(h)}),[_,h,V]);e.useEffect((()=>{if(!window.ResizeObserver)return;if(!$.current)return;const e=new window.ResizeObserver((()=>{$.current&&(S(),L())}));return e.observe($.current),()=>{e.disconnect()}}),[S,L]);const F=e.useMemo((()=>n.map(((e,t)=>c.default.createElement(hC,{key:e,size:o,variant:M,label:e,onRemove:()=>H(t)})))),[n,o,M,H]),Y={small:18,medium:20,large:22}[o];return c.default.createElement(c.default.Fragment,null,c.default.createElement(gC,{variant:s,size:o,selectedIndex:r,selectOptions:a,disabled:p,error:f,isOpen:E,onSelectChange:l},c.default.createElement(NC,{ref:$,$size:o,$variant:s},c.default.createElement(zC,{ref:A},F,c.default.createElement(BC,null,c.default.createElement("input",{ref:k,"aria-label":"フィルターする値",disabled:p,type:"text",value:h,enterKeyHint:"enter",onChange:N,onCompositionEnd:T,onCompositionStart:z,onFocus:P,onKeyDown:O,onBlur:G})))),c.default.createElement(ZC,{$size:o,$variant:s,"aria-label":"フィルター入力パネルを開く","data-overflowing":b,type:"button",disabled:p,onClick:Z},c.default.createElement(D,{name:m?"filter":"expand_diagonal_s_fill",color:"currentColor",size:Y}))),c.default.createElement(rE,{isOpen:w,menuIconSize:u,selectOptions:a,selectedIndex:r,title:t,values:n,onApply:R,onClose:B}))},exports.FixedPanel=iE,exports.Flex=z,exports.FloatingTip=cE,exports.FullSizeConfirmModal=vE,exports.Grow=e=>{var{timeout:t=300,children:n}=e,r=p(e,["timeout","children"]);const a=c.useRef(null);return c.createElement(yE,Object.assign({nodeRef:a,appear:!0,mountOnEnter:!0,timeout:t,classNames:xE},r),c.createElement("div",{ref:a},n))},exports.Icon=D,exports.IconText=e=>{var{icon:t,size:n="medium",pos:r="prepend",prependIcon:a,appendIcon:i,color:l,iconColor:o,textColor:s,children:d}=e,u=p(e,["icon","size","pos","prependIcon","appendIcon","color","iconColor","textColor","children"]);const f=S(),m=!!u.href,h=null!=s?s:m?f.palette.primary.base:null!=l?l:f.palette.black,g=null!=o?o:m?f.palette.primary.base:null!=l?l:f.palette.black;let b,v;return null!=a||null!=i?(b=a,v=i):"append"===r?(b=void 0,v=t):(b=t,v=void 0),c.default.createElement(EE,Object.assign({as:m?"a":"span",$size:n,$isLink:m},u),null!=b&&IE(b,n,g),c.default.createElement(CE,{$color:h},d),null!=v&&IE(v,n,g))},exports.Input=Mi,exports.ItemEmpty=xv,exports.LoadingBar=$E,exports.LocaleProvider=({locale:e,children:t})=>c.createElement(Sc.Provider,{value:{locale:e}},t),exports.Menu=Hp,exports.MenuList=Lp,exports.Modal=yp,exports.MultipleFilter=sI,exports.NUMBER_OPERATORS=ud,exports.NavigationRail=dk,exports.NavigationRailContext=xI,exports.NotificationBadge=$I,exports.PRESET_OPERATORS=md,exports.Pager=mv,exports.Popover=Op,exports.Portal=xp,exports.RadioButton=qb,exports.RadioCard=uk,exports.Radius=8,exports.SELECT2_SIZES=Bs,exports.SELECTION_OPERATORS=fd,exports.ScrollArea=fk,exports.Select=Db,exports.Select2=rc,exports.Select2Option=ac,exports.Select2OptionGroup=ic,exports.Select2Separator=lc,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(Pk,Object.assign({nodeRef:i,appear:!0,timeout:t,direction:r,classNames:Bk},a),c.createElement("div",{ref:i},n))},exports.Slider=Rk,exports.SliderField=Tk,exports.Snackbar=jk,exports.Space=8,exports.Spacer=tl,exports.Spinner=sl,exports.SplitAnnotation=Xk,exports.Switch=iM,exports.TEXT_OPERATORS=dd,exports.Table=gM,exports.Tabs=({ref:e,data:t,value:n,onChange:r,onClick:a})=>{const i=new Map,l=c.useRef(null),[o,s]=c.useState({}),[d,u]=c.useState(null),p=Ns(e,u),f=aM((()=>{const{tabsMeta:e,tabMeta:t}=(()=>{const e=null!=d?d:void 0;let t,r;if(e){const n=e.getBoundingClientRect();t={scrollLeft:e.scrollLeft,left:n.left}}if(e&&n&&l.current){const e=l.current.children;if(e.length>0){const t=e[i.get(n)];r=(null==t?void 0:t.getBoundingClientRect())||null}}return{tabsMeta:t,tabMeta:r}})();let r=0;if(t&&e){const n=e.scrollLeft;r=t.left-e.left+n}const a={left:r,width:t?t.width:0};if(void 0===o.left||void 0===o.width)s(a);else{const e=Math.abs(o.left-a.left),t=Math.abs(o.width-a.width);(e>=1||t>=1)&&s(a)}}));return c.useEffect((()=>{f()})),c.useEffect((()=>{const e=()=>{f()};return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)}),[f]),c.createElement(bM,{ref:p},c.createElement(wM,{style:Object.assign({},o)}),c.createElement(vM,{ref:l,role:"tablist"},t.map(((e,t)=>{const l=e.value,o=l===n;return i.set(l,t),c.createElement(EM,{key:t.toString(),selected:o,value:l,count:e.count,countMax:e.countMax,text:e.text,onChange:r,onClick:a})})),c.createElement(CM,null)))},exports.Tag=ce,exports.TextField=YE,exports.ThemeProvider=({children:e,theme:n})=>c.createElement(t.ThemeContext.Provider,{value:n},e),exports.TimeField=$M,exports.TimeField2=AM,exports.Toast=v$,exports.ToggleButton=M$,exports.Tooltip=Zs,exports.Typography=q,exports.WeekTime=z$,exports.WeekTimeSelector=B$,exports.applyFilter=xd,exports.applyMultipleFilters=(e,t)=>t.reduce(((e,t)=>xd(e,t.field,t.operator,t.values)),e),exports.applyOperatorToValue=vd,exports.breakpointPrimitives=x,exports.buildFilterSlots=Ne,exports.changeOperatorLabel=(e,t)=>Object.assign(Object.assign({},e),{label:t}),exports.changeValueLabel=(e,t)=>Object.assign(Object.assign({},e),{label:t}),exports.clamp=Ck,exports.colors=f,exports.combineOperators=(...e)=>e.flat(),exports.combineValues=(...e)=>e.flat(),exports.createOperator=(e,t)=>({value:e,label:t}),exports.createTheme=$,exports.createValue=(e,t)=>({value:e,label:t}),exports.defaultTheme=A,exports.enUS=Ac,exports.evaluateFilterConditions=(e,t,n,r)=>{const a=n.filter((e=>e.values&&e.values.length>0));return 0!==a.length&&a.every((n=>{var a;const{conditionKey:i,operator:l,values:o}=n,s=null==r?void 0:r[t],c=null===(a=null==s?void 0:s.multiConditionConfigs)||void 0===a?void 0:a.find((e=>e.conditionKey===i)),d=((e,t,n,r)=>{const a=e[r||`${t}Attr`];if(a&&"object"==typeof a&&n in a)return a[n]})(e,t,i,null==c?void 0:c.valueSource);return(null==c?void 0:c.customOperator)?c.customOperator(o,l,d):vd(d,l,o)}))},exports.fontSize=X,exports.generateTagText=Ee,exports.generateTagTitle=e=>{if(e.conditions&&e.conditions.length>0)return Ce(e);const{typeLabel:t,operatorLabel:n,valueLabels:r,isRange:a}=e,i=`が${n}`,l=we(r,a,"\n");return l?`${t} ${i}\n${l}`:`${t} ${i}`},exports.getAvailableTypes=Ie,exports.getClampedValue=Ek,exports.getConfiguredFilters=e=>e.filter(Re),exports.getFilterTypeLabel=ke,exports.getFilteredItems=hv,exports.getKeyboardValue=$k,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=Mk,exports.getPercentage=Ik,exports.getPresetOperators=hd,exports.getPresetOperatorsWithLabels=(e,t)=>{const n=hd(e);return gd(n,t)},exports.getPresetSlotId=De,exports.getResponsiveFontSizeCss=W,exports.getTagBoldText=Me,exports.getValueFromPosition=kk,exports.getValueLabels=e=>e.map((e=>e.label)),exports.getValueStrings=e=>e.map((e=>e.value)),exports.isConfiguredFilter=Re,exports.isCustomOperator=(e,t)=>{var n;const r=null===(n=null==t?void 0:t.operators)||void 0===n?void 0:n.find((t=>t.value===e));return(null==r?void 0:r.isCustom)||!1},exports.isRangeOperator=(e,t)=>{if(!t)return!1;const n=t.operators.find((t=>t.value===e));return(null==n?void 0:n.isRange)||!1},exports.isResponsiveObject=j,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=$c,exports.mergeValues=(...e)=>{const t=e.flat().filter(((e,t,n)=>t===n.findIndex((t=>t.value===e.value))));return t},exports.normalizeForSearch=bd,exports.overrideOperatorLabels=gd,exports.overrideValueLabels=(e,t)=>e.map((e=>Object.assign(Object.assign({},e),{label:t[e.value]||e.label}))),exports.palette=g,exports.preventScroll=Lk,exports.preventTextSelection=Ak,exports.resolveFontWeight=Q,exports.restoreTextSelection=Sk,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=nd,exports.useContextMenu2Anchor=()=>{const[t,n]=e.useState({x:0,y:0});return{position:t,setPosition:n}},exports.useFilterMenuPosition=ad,exports.useFilterState=gv,exports.useNavigationRail=vI,exports.useSlider=Vk,exports.useSliderScale=Ok,exports.useTheme=S,exports.zhCN={components:{ConfirmModal:{defaultProps:{confirmText:"确认",cancelText:"取消"}},FullSizeConfirmModal:{defaultProps:{confirmText:"确认",cancelText:"取消"}},FileUploader:{defaultProps:{title:"把文件拖入, 同样支持点击上传。"}},ItemEmpty:{defaultProps:{title:"未找到。"}}}};
|
|
5448
5446
|
//# sourceMappingURL=index.js.map
|