ingred-ui 23.2.1 → 23.2.2
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/index.es.js +1 -1
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -3888,5 +3888,5 @@ var La=["input:not([inert])","select:not([inert])","textarea:not([inert])","a[hr
|
|
|
3888
3888
|
height: ${({theme:e})=>3*e.spacing}px;
|
|
3889
3889
|
width: ${({theme:e})=>3*e.spacing}px;
|
|
3890
3890
|
outline: none;
|
|
3891
|
-
`,hE=i.default.forwardRef((function(t,n){const r=Fn({props:t,name:"WeekTimeSelector"}),{weekList:a,weekTime:o,errorText:l,onChange:s}=r,c=e.useMemo((()=>uE(o)),[o]),[u,d]=e.useState({weekIndex:0,timeIndex:0}),[p,f]=e.useState({weekIndex:0,timeIndex:0}),[m,g]=e.useState("none"),[h,b]=e.useState("1"),v=(e,t,n)=>{if("choosing"===m){const r=((e,t,n,r,a,i)=>{const o=[...i],l=Math.min(e,n),s=Math.max(e,n),c=Math.min(t,r),u=Math.max(t,r);for(let e=l;e<=s;e++){const t=o[e].map(((t,n)=>e>=l&&e<=s&&n>=c&&n<=u?a:t));o[e]=t}return o})(u.weekIndex,u.timeIndex,e,t,n,[...c]);g("none"),null==s||s((e=>{let t="";for(let n=0;n<7;n++)for(let r=0;r<24;r++)t+=e[n][r];return(e=>{let t="";for(let n=0;n<e.length;n+=4)switch(e.substr(n,4)){case"0000":t+="0";break;case"0001":t+="1";break;case"0010":t+="2";break;case"0011":t+="3";break;case"0100":t+="4";break;case"0101":t+="5";break;case"0110":t+="6";break;case"0111":t+="7";break;case"1000":t+="8";break;case"1001":t+="9";break;case"1010":t+="a";break;case"1011":t+="b";break;case"1100":t+="c";break;case"1101":t+="d";break;case"1110":t+="e";break;case"1111":t+="f";break;default:return""}return t})(t)})(r))}else"none"===m&&(d({weekIndex:e,timeIndex:t}),f({weekIndex:e,timeIndex:t}),g("choosing"))},x=()=>{"choosing"===m&&v(p.weekIndex,p.timeIndex,h)};return e.useEffect((()=>(addEventListener("mouseup",x),()=>{removeEventListener("mouseup",x)}))),i.default.createElement(mE,{ref:n},i.default.createElement(pE,{weekTime:o,weekList:a,WeekTimeItem:gE,isWithinHoverRange:(e,t)=>{if("choosing"===m){const n=Math.min(u.weekIndex,p.weekIndex),r=Math.max(u.weekIndex,p.weekIndex),a=Math.min(u.timeIndex,p.timeIndex),i=Math.max(u.timeIndex,p.timeIndex);return e>=n&&e<=r&&t>=a&&t<=i}return!1},onMouseOver:(e,t)=>{"none"!==m&&f({weekIndex:e,timeIndex:t})},onMouseDown:(e,t,n)=>{const r="1"===n?"0":"1";b(r),v(e,t,r)}}),l&&i.default.createElement(rt,{pt:1},i.default.createElement(Ev,null,l)))}));exports.Accordion=D,exports.ActionButton=z,exports.Backdrop=Qe,exports.Badge=Ke,exports.BreakPoint=g,exports.Button=st,exports.ButtonGroup=pt,exports.Calendar=Qt,exports.CalendarRange=hn,exports.Card=bn,exports.Checkbox=Cn,exports.ClickAwayListener=({onClickAway:e,children:t})=>{const n=i.useRef(null),r=i.useRef(!1);i.useEffect((()=>(setTimeout((()=>{r.current=!0}),0),()=>{r.current=!1})),[]),i.useEffect((()=>{const t=t=>{r.current&&(null==n.current||n.current.contains(t.target)||e&&e(t))};return document.addEventListener("click",t),()=>{document.removeEventListener("click",t)}}),[n,e]);const a=Object.assign(Object.assign({},t.props),{ref:En(n,t.ref)});return i.cloneElement(t,a)},exports.ConfirmModal=Xn,exports.ContextMenu=Io,exports.ContextMenu2=Pc,exports.ContextMenu2ButtonControlsItem=Jc,exports.ContextMenu2ButtonItem=Vo,exports.ContextMenu2CheckItem=Zo,exports.ContextMenu2Container=Wc,exports.ContextMenu2HeadingItem=jc,exports.ContextMenu2HelpTextItem=Xc,exports.ContextMenu2SeparatorItem=Yc,exports.ContextMenu2SortableGroup=Hc,exports.ContextMenu2SortableItem=Sc,exports.ContextMenu2SwitchItem=To,exports.ContextMenu2TextInputItem=Zc,exports.ContextMenu2TriggerItem=Wo,exports.CreatableSelect=Ym,exports.DataTable=Wg,exports.DataTable2=({bordered:t,rowControls:n,extraButtons:r,currentPage:a,pageSize:o,pageSizeOptions:l,totalCount:s,columns:c,onPageChange:u,onPageSizeChange:d,onColumnsChange:p,onCheckedRowsChange:f,children:m})=>{const[g,h]=e.useState(!1),[b,v]=e.useState([]),[x,y]=e.useState([]),[w,C]=e.useState([]),[E,I]=e.useState(0),k=e.useRef(null),A=e.useCallback(((e,t)=>{const n=[...w];n[e]=t,C(n)}),[w,C]);e.useEffect((()=>{if(!k.current)return;const e=()=>{var e;k.current&&h((null===(e=k.current)||void 0===e?void 0:e.clientWidth)<640)},t=new ResizeObserver(e);return e(),t.observe(k.current),()=>{t.disconnect()}}),[]);const M=e.useCallback((e=>{y(e),null==f||f(e)}),[y,f]),H=e.useRef(a);return e.useEffect((()=>{H.current!==a&&M([]),H.current=a}),[a,M]),i.default.createElement(Yg,{ref:k,bordered:t},i.default.createElement(jg.Provider,{value:{isSmallLayout:g,rowIds:b,hasRowControls:!!n,checkedRows:x,totalCount:s,currentPage:a,pageSize:o,pageSizeOptions:l,columns:c,columnWidths:w,rowSpacing:E,setRowIds:v,setCheckedRows:M,setCurrentPage:u,setPageSize:d,setColumns:p,setColumnWidth:A,setRowSpacing:I}},i.default.createElement(Mh,{rowControls:n,extraButtons:r}),i.default.createElement(Ug,null,i.default.createElement("table",null,m))))},exports.DataTable2ActionButton=({prepend:t,children:n,onClick:r})=>{const{isSmallLayout:a}=e.useContext(jg);return a?i.default.createElement(Vo,{prepend:t,onClick:r},n):i.default.createElement(rh,{type:"button",onClick:r},t,n)},exports.DataTable2Body=({children:t})=>{const{rowIds:n,setRowIds:r}=e.useContext(jg);return e.useEffect((()=>{const a=[];e.Children.forEach(t,(t=>{e.isValidElement(t)&&"string"==typeof t.props.id&&a.push(t.props.id)})),0!==a.filter((e=>!n.includes(e))).length&&r(a)}),[t,n,r]),i.default.createElement("tbody",null,t)},exports.DataTable2Cell=({loading:e,children:t})=>i.default.createElement("td",null,i.default.createElement(gh,null,i.default.createElement(bh,null,t),e&&i.default.createElement(hh,null,i.default.createElement(Tn,{width:"20px"})))),exports.DataTable2Column=({className:t,isResizable:r,width:a,minWidth:o=32,maxWidth:l=1/0,children:s,onWidthChange:c})=>{const{isSmallLayout:u,setColumnWidth:d}=e.useContext(jg),p=e.useContext(Fg),[f,m]=e.useState(!1),g=e.useRef(null),h=e.useRef(null),b=e.useRef(0),v=e.useRef(0),x=e.useCallback((e=>{m(!0),h.current&&null===g.current&&(g.current=e.pointerId,v.current=a||h.current.clientWidth,b.current=e.clientX)}),[a]),y=e.useCallback((e=>{if(!c)return;if(g.current!==e.pointerId)return;e.cancelable&&e.preventDefault();const t=e.clientX-b.current,n=((e,t,n)=>Math.min(Math.max(e,t),n))(v.current+t,o,l);c(n),d(p.index,n)}),[c,o,l,d,p.index]),w=e.useCallback((()=>{m(!1),g.current=null}),[]);return e.useEffect((()=>{if(f)return document.addEventListener("pointermove",y),document.addEventListener("pointerup",w),()=>{document.removeEventListener("pointermove",y),document.removeEventListener("pointerup",w)}}),[f,y,w]),i.default.createElement(oh,{ref:h,className:t,"data-dragging":f,style:{minWidth:isFinite(o)&&o<=l?o:void 0,maxWidth:isFinite(l)&&o<=l?l:void 0}},i.default.createElement(lh,{isSmallLayout:u},s,r&&i.default.createElement(sh,{type:"button","aria-label":"resize the column",onPointerDown:x}),f&&n.createPortal(i.default.createElement(ch,{"data-min":a&&o>=a,"data-max":a&&l<=a}),document.body)))},exports.DataTable2ColumnLabel=({showSortButton:t,sortButtonDirection:n,onSortChange:r,children:a})=>{const o=e.useMemo((()=>"asc"===n?"desc":"desc"!==n?"asc":void 0),[n]),l=e.useCallback((()=>{null==r||r(o)}),[r,o]);return i.default.createElement(uh,null,a,t&&i.default.createElement(dh,{type:"button","aria-label":"sort the column","data-sort-direction":n,onClick:l},i.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18"},i.default.createElement("path",{d:"M8.17 3.25a1 1 0 0 1 1.3-.33c.15.08.27.19.36.33l2.13 3.2c.1.15.16.33.17.51 0 .18-.03.36-.12.52s-.21.29-.37.39a1 1 0 0 1-.51.14H6.87a1 1 0 0 1-.83-1.56z"}),i.default.createElement("path",{d:"M9.83 14.75a1 1 0 0 1-1.3.33.95.95 0 0 1-.36-.33l-2.13-3.2c-.1-.15-.16-.33-.17-.51 0-.18.03-.36.12-.52s.21-.29.37-.39a1 1 0 0 1 .51-.14h4.26a1 1 0 0 1 .83 1.56z"}))))},exports.DataTable2Head=({children:t})=>{const{hasRowControls:n,columns:r}=e.useContext(jg),a=e.useMemo((()=>e.Children.toArray(t).map(((e,t)=>{const n=r[t];return{id:n.id,index:t,order:n.order,visible:n.visible,child:e}})).filter((e=>void 0!==e.id))),[t,r]),o=e.useMemo((()=>a.sort(((e,t)=>e.order-t.order)).filter((e=>e.visible))),[a]);return i.default.createElement(i.default.Fragment,null,i.default.createElement("colgroup",null,n&&i.default.createElement("col",{style:{width:34}}),o.map((({id:t,child:n})=>e.isValidElement(n)?i.default.createElement("col",{key:t,style:{width:n.props.width}}):null))),i.default.createElement(ih,null,i.default.createElement("tr",null,n&&i.default.createElement("th",{"aria-label":"empty cell"}),o.map((({id:e,index:t,child:n})=>i.default.createElement(Fg.Provider,{key:e,value:{index:t}},n))))))},exports.DataTable2InlineEditor=({label:t,value:n,children:r,onChange:a})=>{const[o,l]=e.useState(n),[s,c]=e.useState(!1),u=()=>{c(!1),a(o)};return e.useEffect((()=>{l(n)}),[n]),i.default.createElement(vh,null,r,i.default.createElement(xh,null,i.default.createElement(Wc,null,i.default.createElement(Pc,{width:252,trigger:i.default.createElement(z,{type:"button",color:"primary",icon:"pencil"}),open:s,onOpenChange:c},i.default.createElement(jc,null,t),i.default.createElement(Zc,{value:o,onChange:e=>l(e.target.value),onEnter:u}),i.default.createElement(Yc,null),i.default.createElement(Jc,null,i.default.createElement(st,{type:"button",color:"clear",size:"small",onClick:()=>{c(!1),l(n)}},"キャンセル"),i.default.createElement(st,{type:"button",color:"primary",size:"small",onClick:u},"適用"))))))},exports.DataTable2InlineSelectEditor=({label:t,value:n,options:r,children:a,onChange:o})=>{const[l,s]=e.useState(!1);return i.default.createElement(vh,null,a,i.default.createElement(xh,null,i.default.createElement(Wc,null,i.default.createElement(Pc,{width:252,trigger:i.default.createElement(z,{type:"button",color:"primary",icon:"pencil"}),open:l,onOpenChange:s},i.default.createElement(jc,null,t),r.map((e=>i.default.createElement(Zo,{key:e,closeOnChange:!0,checked:n===e,onChange:()=>o(e)},e)))))))},exports.DataTable2Row=({id:t,children:n})=>{const{isSmallLayout:r,columns:a,hasRowControls:o,checkedRows:l,setCheckedRows:s,rowSpacing:c}=e.useContext(jg),u=e.useMemo((()=>l.includes(t)),[t,l]),d=e.useCallback((()=>{const e=l.includes(t)?l.filter((e=>e!==t)):[...l,t];s(e)}),[t,l,s]),p=e.useMemo((()=>e.Children.toArray(n).map(((e,t)=>{const n=a[t];return{id:n.id,index:t,order:n.order,visible:n.visible,child:e}})).filter((e=>void 0!==e.id))),[n,a]),f=e.useMemo((()=>p.sort(((e,t)=>e.order-t.order)).filter((e=>e.visible))),[p]);return i.default.createElement(ph,{"data-highlighted":u,"data-spacing":c,isSmallLayout:r},o&&i.default.createElement(fh,null,i.default.createElement(mh,null,i.default.createElement(Cn,{checked:u,onChange:d}),i.default.createElement("input",{type:"checkbox","aria-label":"この行を選択"}))),f.map((({child:e})=>e)))},exports.DateField=_h,exports.DatePicker=rb,exports.DateRangeField=tb,exports.DateRangePicker=ib,exports.Divider=Kn,exports.DropdownButton=db,exports.DualListBox=Nb,exports.DualListBox2=Cv,exports.DualListBox2Accordion=Ob,exports.DualListBox2Item=Vb,exports.DualListBox2Section=hv,exports.ErrorText=Ev,exports.Fade=Ue,exports.FileUploader=Av,exports.FilterComboBox=({values:t,options:n,selectedIndex:r,selectOptions:a,onChange:o,onSelectChange:l,size:s="medium",variant:c="dark",tagVariant:u,searchPlaceholder:d="検索",noResultsMessage:p="見つかりませんでした",disabled:f=!1,applyButtonText:m="適用",cancelButtonText:g="キャンセル",error:h=!1})=>{const[b,v]=e.useState(""),[x,y]=e.useState(!1),[w,C]=e.useState(t),[E,k]=e.useState(!1),A=e.useMemo((()=>u||("light"===c?"dark":"light")),[c,u]),[M,H]=e.useState(!1),N=e.useRef(null),V=e.useCallback((()=>{N.current&&H(N.current.clientWidth<N.current.scrollWidth)}),[]),L=e.useCallback((e=>{const t=e.trim();if(!t)return n.map((e=>Array.isArray(e)?e:[e]));return n.filter((e=>Array.isArray(e)?e.some((e=>e.includes(t))):e.includes(t))).map((e=>Array.isArray(e)?e:[e]))}),[n]),S=e.useMemo((()=>L(b)),[b,L]),D=e.useCallback((e=>{w.includes(e)?C(w.filter((t=>t!==e))):C([...w,e])}),[w]),Z=e.useCallback((()=>{if(x)return;if(!b.trim())return;const e=L(b);1===e.length&&(D(e[0][0]),v(""))}),[x,b,L,D]),O=e.useCallback((e=>{v(e.target.value)}),[v]),R=e.useCallback((e=>{e.key}),[]),$=e.useCallback((e=>{const n=t.filter((t=>t!==e));o(n),C(n)}),[t,o]),T=e.useCallback((e=>{k(e),e&&C(t),v("")}),[t]),z=e.useCallback((()=>{o(w),k(!1)}),[o,w]),B=e.useCallback((()=>{C(t),k(!1)}),[t]),G=e.useMemo((()=>i.default.createElement(Yv,{autoFocus:!0,value:b,placeholder:d,onChange:O,onKeyDown:R,onCompositionStart:()=>y(!0),onCompositionEnd:()=>y(!1),onEnter:Z})),[b,d,O,R,Z]),P=e.useMemo((()=>i.default.createElement(Jc,null,i.default.createElement(st,{size:"small",color:"clear",onClick:B},g),i.default.createElement(st,{size:"small",onClick:z},m))),[B,z,m,g]);return e.useEffect((()=>{if(!window.ResizeObserver)return;if(!N.current)return;const e=new window.ResizeObserver((()=>{N.current&&V()}));return e.observe(N.current),V(),()=>{e.disconnect()}}),[V]),i.default.createElement(Pv,{variant:c,size:s,selectedIndex:r,selectOptions:a,disabled:f,error:h,isOpen:E,onSelectChange:l},i.default.createElement(Wv,{$variant:c,"data-overflowing":M},i.default.createElement(Wc,null,i.default.createElement(Pc,{open:E&&!f,trigger:i.default.createElement(Fv,{type:"button",$variant:c,disabled:f,"aria-label":"タグを追加",onClick:()=>{f||k(!E)}},i.default.createElement(Xv,null,i.default.createElement(I,{name:"arrow_down",color:"currentColor"}))),stickyHeader:G,stickyFooter:P,noResultsMessage:p,onOpenChange:e=>!f&&T(e)},S.length>0?S.map((e=>i.default.createElement(Zo,{key:e[0],checked:w.includes(e[0]),closeOnChange:!1,onChange:()=>D(e[0])},e[0]))):i.default.createElement(Rc,{message:p}))),i.default.createElement(jv,{ref:N},t.map((e=>i.default.createElement(Gv,{key:e,label:e,size:s,variant:A,onRemove:()=>$(e)}))))))},exports.FilterSelectInput=({value:t,options:n,selectedIndex:r,selectOptions:a,onChange:o,onSelectChange:l,size:s="medium",variant:c="dark",searchPlaceholder:u="絞り込む",noResultsMessage:d="見つかりませんでした",disabled:p=!1,error:f=!1})=>{const[m,g]=e.useState(0),[h,b]=e.useState(""),[v,x]=e.useState(""),[y,w]=e.useState(!1),[C,E]=e.useState(!1),k=e.useRef(null);e.useEffect((()=>{if(!window.ResizeObserver)return;if(!k.current)return;const e=new window.ResizeObserver((()=>{k.current&&g(k.current.offsetWidth)}));return e.observe(k.current),()=>{e.disconnect()}}),[]);const A=e.useMemo((()=>{const e=v.trim();return""===e?n:n.filter((t=>t.includes(e)))}),[n,v]),M=e.useCallback((e=>{b(e.target.value),y||x(e.target.value)}),[y]),H=e.useCallback((e=>{"Enter"!==e.key||x(h)}),[h]),N=e.useCallback((e=>{E(e),e||(b(""),x(""))}),[]),V=e.useCallback((e=>{o(e),E(!1)}),[o]),L=e.useCallback((()=>{p||E(!C)}),[p,C]),S=e.useCallback((e=>{p||N(e)}),[p,N]),D=e.useMemo((()=>i.default.createElement(qv,{autoFocus:!0,value:h,placeholder:u,disabled:p,onChange:M,onKeyDown:H,onCompositionStart:()=>w(!0),onCompositionEnd:()=>w(!1)})),[h,u,p,M,H]);return i.default.createElement(Pv,{variant:c,size:s,selectedIndex:r,selectOptions:a,disabled:p,error:f,isOpen:C,onSelectChange:l},i.default.createElement(Jv,{ref:k},i.default.createElement(Wc,null,i.default.createElement(Pc,{open:C&&!p,minWidth:m,trigger:i.default.createElement(Uv,{type:"button",$size:s,$variant:c,disabled:p,onClick:L},i.default.createElement(Qv,{$size:s},t),i.default.createElement(_v,null,i.default.createElement(I,{name:"arrow_down",color:"currentColor"}))),stickyHeader:D,onOpenChange:S},A.length>0?A.map((e=>i.default.createElement(Zo,{key:e,checked:e===t,disabled:p,onChange:()=>V(e)},e))):i.default.createElement(Rc,{message:d})))))},exports.FilterTagInput=({title:t,values:n,selectedIndex:r,selectOptions:a,onChange:o,onSelectChange:l,size:s="medium",variant:c="dark",tagVariant:u,menuIconSize:d=22,disabled:p=!1,error:f=!1})=>{const{isSmall:m}=e.useContext(Bv),[g,h]=e.useState(""),[b,v]=e.useState(!1),[x,y]=e.useState(!1),[w,C]=e.useState(!1),[E,k]=e.useState(!1),A=e.useRef(null),M=e.useMemo((()=>u||("light"===c?"dark":"light")),[c,u]),H=e.useRef(null),N=e.useRef(null),V=e.useCallback((()=>{H.current&&v(H.current.clientWidth<H.current.scrollWidth)}),[v]),L=e.useCallback((()=>{if(!H.current||!A.current)return;const e=A.current.getBoundingClientRect(),t=H.current.getBoundingClientRect(),n=Number(window.getComputedStyle(H.current).paddingRight.replace("px",""));return t.right-n-e.left}),[]),S=e.useCallback((e=>{if(x)return;if(!(e.target instanceof HTMLInputElement))return;if("Backspace"===e.key&&0===e.target.selectionStart)return o(n.slice(0,-1),r),void requestAnimationFrame((()=>{V(),L()}));const t=e.target.value.trim();""===t||n.includes(t)||"Enter"===e.key&&(o([...n,t],r),h(""),requestAnimationFrame((()=>{V(),L()})))}),[n,o,h,x,r]),D=e.useCallback((e=>{const t=[...n];t.splice(e,1),o(t,r),requestAnimationFrame((()=>{V(),L()}))}),[n,o,r]),Z=e.useCallback(((e,t)=>{o(e,t),l(t),requestAnimationFrame((()=>{V(),L()}))}),[o,l]),O=e.useCallback((e=>{h(e.target.value)}),[]),R=e.useCallback((()=>{y(!0)}),[]),$=e.useCallback((()=>{y(!1)}),[]),T=e.useCallback((()=>{C(!0)}),[]),z=e.useCallback((()=>{C(!1)}),[]),B=e.useCallback((()=>{p||k(!0)}),[p]),G=e.useCallback((()=>{k(!1)}),[]),P=e.useCallback((()=>{G(),h("")}),[G]);e.useEffect((()=>{if(!window.ResizeObserver)return;if(!H.current)return;const e=new window.ResizeObserver((()=>{H.current&&(V(),L())}));return e.observe(H.current),()=>{e.disconnect()}}),[V,L]);const W=e.useMemo((()=>n.map(((e,t)=>i.default.createElement(Gv,{key:e,size:s,variant:M,label:e,onRemove:()=>D(t)})))),[n,s,M,D]),j={small:18,medium:20,large:22}[s];return i.default.createElement(i.default.Fragment,null,i.default.createElement(Pv,{variant:c,size:s,selectedIndex:r,selectOptions:a,disabled:p,error:f,isOpen:E,onSelectChange:l},i.default.createElement(Kv,{ref:H,$size:s,$variant:c},i.default.createElement(ex,{ref:N},W,i.default.createElement(nx,null,i.default.createElement("input",{ref:A,type:"text","aria-label":"フィルターする値",value:g,disabled:p,onChange:O,onKeyDown:S,onCompositionStart:R,onCompositionEnd:$,onFocus:B,onBlur:P})))),i.default.createElement(tx,{$size:s,$variant:c,"aria-label":"フィルター入力パネルを開く","data-overflowing":b,type:"button",disabled:p,onClick:T},i.default.createElement(I,{name:m?"filter":"expand_diagonal_s_fill",color:"currentColor",size:j}))),i.default.createElement(xx,{isOpen:w,menuIconSize:d,selectOptions:a,selectedIndex:r,title:t,values:n,onApply:Z,onClose:z}))},exports.FixedPanel=wx,exports.Flex=A,exports.FloatingTip=kx,exports.FullSizeConfirmModal=Zx,exports.Grow=e=>{var{timeout:t=300,children:n}=e,r=s(e,["timeout","children"]);const a=i.useRef(null);return i.createElement(Rx,Object.assign({nodeRef:a,appear:!0,mountOnEnter:!0,timeout:t,classNames:Ox},r),i.createElement("div",{ref:a},n))},exports.Icon=I,exports.Input=Tx,exports.ItemEmpty=Sg,exports.LoadingBar=Gx,exports.LocaleProvider=({locale:e,children:t})=>i.createElement(jn.Provider,{value:{locale:e}},t),exports.Menu=Co,exports.MenuList=tr,exports.Modal=Pn,exports.MultipleFilter=Cy,exports.NavigationRail=lw,exports.NavigationRailContext=Ny,exports.NotificationBadge=Yy,exports.Pager=Mg,exports.Popover=wo,exports.Portal=Bn,exports.RadioButton=dg,exports.Radius=8,exports.SELECT2_SIZES=sw,exports.ScrollArea=At,exports.Select=Xm,exports.Select2=t=>{var{value:n,multiple:r=!1,disabled:a=!1,placeholder:o="選択してください",size:l="medium",variant:c="light",tagVariant:u,searchable:d=!1,searchPlaceholder:p="検索",noResultsMessage:f="見つかりませんでした",error:m=!1,applyButtonText:g="適用",cancelButtonText:h="キャンセル",children:b,onChange:v,onTempChange:x}=t,y=s(t,["value","multiple","disabled","placeholder","size","variant","tagVariant","searchable","searchPlaceholder","noResultsMessage","error","applyButtonText","cancelButtonText","children","onChange","onTempChange"]);const[w,C]=e.useState(!1),[E,k]=e.useState(""),[A,M]=e.useState([]),[H,N]=e.useState(!1),V=e.useRef(null),L=e.useMemo((()=>u||("light"===c?"dark":"light")),[c,u]),S=e.useMemo((()=>r?Array.isArray(n)?n:[]:void 0!==n?[n]:[]),[n,r]),D=e.useMemo((()=>{if(!b)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;void 0!==e&&t.push({value:e,label:String(n),disabled:r})}else"Select2OptionGroup"===e&&a.props.children&&n(a.props.children)}}))};return n(b),t}),[b]),Z=e.useCallback((e=>{null==v||v(e)}),[v]),O=e.useCallback((e=>{a||(C(e),e&&r&&M([...S]),e||k(""))}),[a,r,S]),R=e.useCallback((e=>{e.disabled||(Z(e.value),C(!1),k(""))}),[Z]),$=e.useCallback(((e,t)=>{t.disabled||M((n=>e?[...n,t.value]:n.filter((e=>e!==t.value))))}),[]),T=e.useCallback((()=>{r&&Z(A),C(!1),k("")}),[Z,r,A]),z=e.useCallback((()=>{C(!1),k("")}),[]),B=e.useCallback((e=>{if(r&&Array.isArray(n)){const t=n.filter((t=>t!==e));Z(t)}}),[r,n,Z]),G=e.useCallback((e=>{k(e.target.value)}),[]),P=e.useCallback((e=>{e.stopPropagation()}),[]),W=e.useMemo((()=>D.find((e=>e.value===n))),[D,n]),j=e.useMemo((()=>r&&Array.isArray(n)?D.filter((e=>n.includes(e.value))):[]),[r,D,n]),F=e.useMemo((()=>d&&E?D.filter((e=>e.label.toLowerCase().includes(E.toLowerCase()))):D),[D,E,d]),X=e.useCallback((()=>{V.current&&N(V.current.scrollWidth>V.current.clientWidth)}),[]);e.useEffect((()=>{if(!window.ResizeObserver)return;if(!V.current)return;X();const e=new window.ResizeObserver((()=>{V.current&&X()}));return e.observe(V.current),()=>{e.disconnect()}}),[X,j]),e.useEffect((()=>{r&&Array.isArray(n)&&M(n)}),[r,n]),e.useEffect((()=>{r&&"function"==typeof x&&x(A)}),[r,A]);const Y=e.useMemo((()=>d?i.default.createElement(vw,{autoFocus:!0,placeholder:p,value:E,onChange:G}):null),[d,E,p,G]),J=e.useMemo((()=>r?i.default.createElement(Jc,null,i.default.createElement(st,{color:"clear",size:"small",onClick:z},h),i.default.createElement(st,{color:"primary",disabled:0===A.length,size:"small",onClick:T},g)):null),[r,A,T,z,g,h]),U=i.default.createElement(dw,Object.assign({$disabled:a,$error:m,$hasValue:r?Array.isArray(n)&&n.length>0:!!W,$isOpen:w,$multiple:r,$size:l,$variant:c,"aria-expanded":w,"aria-invalid":m,disabled:a,role:"combobox",type:"button"},y),r&&Array.isArray(n)&&0===n.length?i.default.createElement(hw,{$disabled:a,$variant:c},o):!r&&i.default.createElement(fw,null,W?W.label:i.default.createElement(hw,{$disabled:a,$variant:c},o)),i.default.createElement(bw,{$disabled:a,$size:l,$multiple:r},i.default.createElement(I,{name:"arrow_down",color:"currentColor"})));return i.default.createElement(cw,null,i.default.createElement(uw,{$disabled:a,$error:m,$isOpen:w,$size:l,$variant:c,"data-disabled":a,"data-overflowing":H,style:{cursor:r||a?"default":"pointer"}},i.default.createElement(Wc,null,i.default.createElement(Pc,{noResultsMessage:d?f:void 0,open:w,stickyFooter:J,stickyHeader:Y,trigger:U,onOpenChange:O},(()=>{const t=d&&!!E?new Set(F.map((e=>e.value))):void 0;if(b){const a=((t,a)=>{const o=[];let l=null;const s=(e,t,o)=>{const l=e.props.value,s=!!e.props.disabled,c=e.props.children;if(a&&!a.has(l))return null;const u=r?A.includes(l):l===n;return i.default.createElement(Zo,{key:`${t}-${o}`,checked:u,closeOnChange:!r,disabled:s,tabIndex:0,onChange:()=>{r?$(!u,{value:l,label:String(c),disabled:s}):R({value:l,label:String(c),disabled:s})}},c)},c=()=>{if(null===l)return;const e=l,t=e.options.map(((t,n)=>s(t,`option-${e.label}`,n))).filter(Boolean);0!==t.length&&(o.push(i.default.createElement(jc,{key:`heading-${e.label}`},e.label)),o.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&&c(),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)o.length>0&&o.push(i.default.createElement(Yc,{key:`separator-${o.length}`}));else if("Select2Option"===t)if(null!==l)l.options.push(n);else{const e=n.props.value;if(a&&!a.has(e))return;o.push(s(n,"option",o.length))}else o.push(n)}})),null!==l&&c(),o})(b,t);return 0===a.length?i.default.createElement(Rc,{message:f}):a}return F.length>0?F.map((e=>{const t=r?A.includes(e.value):e.value===n;return i.default.createElement(Zo,{key:e.value.toString(),checked:t,closeOnChange:!r,disabled:e.disabled,tabIndex:0,onChange:()=>{r?$(!t,e):R(e)}},e.label)})):i.default.createElement(Rc,{message:f})})())),r&&i.default.createElement(pw,null,i.default.createElement(mw,{ref:V,onClick:P},j.map((e=>{const t=a?void 0:()=>B(e.value);return i.default.createElement(gw,{key:e.value.toString(),disabled:a,label:e.label,size:l,variant:L,onRemove:t})}))))))},exports.Select2Option=xw,exports.Select2OptionGroup=yw,exports.Select2Separator=ww,exports.Shadow=m,exports.Slide=kw,exports.Snackbar=Vw,exports.Space=8,exports.Spacer=rt,exports.Spinner=Tn,exports.SplitAnnotation=Sw,exports.Switch=Gw,exports.Table=qw,exports.Tabs=oC,exports.TextField=iy,exports.ThemeProvider=({children:e,theme:n})=>i.createElement(t.ThemeContext.Provider,{value:n},e),exports.Toast=JC,exports.ToggleButton=nE,exports.Tooltip=zy,exports.Typography=$,exports.WeekTime=fE,exports.WeekTimeSelector=hE,exports.colors=c,exports.createTheme=b,exports.defaultTheme=v,exports.enUS=Wn,exports.getFilteredItems=Hg,exports.jaJP={components:{ToggleButton:{defaultProps:{checkedText:"オン",unCheckedText:"オフ"}},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月",weekList:["日","月","火","水","木","金","土"]}},DateRangePicker:{defaultProps:{monthFormat:"YYYY年MM月",weekList:["日","月","火","水","木","金","土"]}},WeekTime:{defaultProps:{weekList:["月","火","水","木","金","土","日"]}},WeekTimeSelector:{defaultProps:{weekList:["月","火","水","木","金","土","日"]}},DualListBox:{defaultProps:{selectedItemTitle:"個選択済み"}}}},exports.palette=p,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.useContextMenu2Anchor=()=>{const[t,n]=e.useState({x:0,y:0});return{position:t,setPosition:n}},exports.useFilterState=Ng,exports.useTheme=x,exports.zhCN={components:{ToggleButton:{defaultProps:{checkedText:"开",unCheckedText:"关"}},ConfirmModal:{defaultProps:{confirmText:"确认",cancelText:"取消"}},FullSizeConfirmModal:{defaultProps:{confirmText:"确认",cancelText:"取消"}},FileUploader:{defaultProps:{title:"把文件拖入, 同样支持点击上传。"}},ItemEmpty:{defaultProps:{title:"未找到。"}}}};
|
|
3891
|
+
`,hE=i.default.forwardRef((function(t,n){const r=Fn({props:t,name:"WeekTimeSelector"}),{weekList:a,weekTime:o,errorText:l,onChange:s}=r,c=e.useMemo((()=>uE(o)),[o]),[u,d]=e.useState({weekIndex:0,timeIndex:0}),[p,f]=e.useState({weekIndex:0,timeIndex:0}),[m,g]=e.useState("none"),[h,b]=e.useState("1"),v=(e,t,n)=>{if("choosing"===m){const r=((e,t,n,r,a,i)=>{const o=[...i],l=Math.min(e,n),s=Math.max(e,n),c=Math.min(t,r),u=Math.max(t,r);for(let e=l;e<=s;e++){const t=o[e].map(((t,n)=>e>=l&&e<=s&&n>=c&&n<=u?a:t));o[e]=t}return o})(u.weekIndex,u.timeIndex,e,t,n,[...c]);g("none"),null==s||s((e=>{let t="";for(let n=0;n<7;n++)for(let r=0;r<24;r++)t+=e[n][r];return(e=>{let t="";for(let n=0;n<e.length;n+=4)switch(e.substr(n,4)){case"0000":t+="0";break;case"0001":t+="1";break;case"0010":t+="2";break;case"0011":t+="3";break;case"0100":t+="4";break;case"0101":t+="5";break;case"0110":t+="6";break;case"0111":t+="7";break;case"1000":t+="8";break;case"1001":t+="9";break;case"1010":t+="a";break;case"1011":t+="b";break;case"1100":t+="c";break;case"1101":t+="d";break;case"1110":t+="e";break;case"1111":t+="f";break;default:return""}return t})(t)})(r))}else"none"===m&&(d({weekIndex:e,timeIndex:t}),f({weekIndex:e,timeIndex:t}),g("choosing"))},x=()=>{"choosing"===m&&v(p.weekIndex,p.timeIndex,h)};return e.useEffect((()=>(addEventListener("mouseup",x),()=>{removeEventListener("mouseup",x)}))),i.default.createElement(mE,{ref:n},i.default.createElement(pE,{weekTime:o,weekList:a,WeekTimeItem:gE,isWithinHoverRange:(e,t)=>{if("choosing"===m){const n=Math.min(u.weekIndex,p.weekIndex),r=Math.max(u.weekIndex,p.weekIndex),a=Math.min(u.timeIndex,p.timeIndex),i=Math.max(u.timeIndex,p.timeIndex);return e>=n&&e<=r&&t>=a&&t<=i}return!1},onMouseOver:(e,t)=>{"none"!==m&&f({weekIndex:e,timeIndex:t})},onMouseDown:(e,t,n)=>{const r="1"===n?"0":"1";b(r),v(e,t,r)}}),l&&i.default.createElement(rt,{pt:1},i.default.createElement(Ev,null,l)))}));exports.Accordion=D,exports.ActionButton=z,exports.Backdrop=Qe,exports.Badge=Ke,exports.BreakPoint=g,exports.Button=st,exports.ButtonGroup=pt,exports.Calendar=Qt,exports.CalendarRange=hn,exports.Card=bn,exports.Checkbox=Cn,exports.ClickAwayListener=({onClickAway:e,children:t})=>{const n=i.useRef(null),r=i.useRef(!1);i.useEffect((()=>(setTimeout((()=>{r.current=!0}),0),()=>{r.current=!1})),[]),i.useEffect((()=>{const t=t=>{r.current&&(null==n.current||n.current.contains(t.target)||e&&e(t))};return document.addEventListener("click",t),()=>{document.removeEventListener("click",t)}}),[n,e]);const a=Object.assign(Object.assign({},t.props),{ref:En(n,t.ref)});return i.cloneElement(t,a)},exports.ConfirmModal=Xn,exports.ContextMenu=Io,exports.ContextMenu2=Pc,exports.ContextMenu2ButtonControlsItem=Jc,exports.ContextMenu2ButtonItem=Vo,exports.ContextMenu2CheckItem=Zo,exports.ContextMenu2Container=Wc,exports.ContextMenu2HeadingItem=jc,exports.ContextMenu2HelpTextItem=Xc,exports.ContextMenu2SeparatorItem=Yc,exports.ContextMenu2SortableGroup=Hc,exports.ContextMenu2SortableItem=Sc,exports.ContextMenu2SwitchItem=To,exports.ContextMenu2TextInputItem=Zc,exports.ContextMenu2TriggerItem=Wo,exports.CreatableSelect=Ym,exports.DataTable=Wg,exports.DataTable2=({bordered:t,rowControls:n,extraButtons:r,currentPage:a,pageSize:o,pageSizeOptions:l,totalCount:s,columns:c,onPageChange:u,onPageSizeChange:d,onColumnsChange:p,onCheckedRowsChange:f,children:m})=>{const[g,h]=e.useState(!1),[b,v]=e.useState([]),[x,y]=e.useState([]),[w,C]=e.useState([]),[E,I]=e.useState(0),k=e.useRef(null),A=e.useCallback(((e,t)=>{const n=[...w];n[e]=t,C(n)}),[w,C]);e.useEffect((()=>{if(!k.current)return;const e=()=>{var e;k.current&&h((null===(e=k.current)||void 0===e?void 0:e.clientWidth)<640)},t=new ResizeObserver(e);return e(),t.observe(k.current),()=>{t.disconnect()}}),[]);const M=e.useCallback((e=>{y(e),null==f||f(e)}),[y,f]),H=e.useRef(a);return e.useEffect((()=>{H.current!==a&&M([]),H.current=a}),[a,M]),e.useEffect((()=>{if(0===x.length)return;const e=x.filter((e=>b.includes(e)));e.length!==x.length&&M(e)}),[b,x,M]),i.default.createElement(Yg,{ref:k,bordered:t},i.default.createElement(jg.Provider,{value:{isSmallLayout:g,rowIds:b,hasRowControls:!!n,checkedRows:x,totalCount:s,currentPage:a,pageSize:o,pageSizeOptions:l,columns:c,columnWidths:w,rowSpacing:E,setRowIds:v,setCheckedRows:M,setCurrentPage:u,setPageSize:d,setColumns:p,setColumnWidth:A,setRowSpacing:I}},i.default.createElement(Mh,{rowControls:n,extraButtons:r}),i.default.createElement(Ug,null,i.default.createElement("table",null,m))))},exports.DataTable2ActionButton=({prepend:t,children:n,onClick:r})=>{const{isSmallLayout:a}=e.useContext(jg);return a?i.default.createElement(Vo,{prepend:t,onClick:r},n):i.default.createElement(rh,{type:"button",onClick:r},t,n)},exports.DataTable2Body=({children:t})=>{const{rowIds:n,setRowIds:r}=e.useContext(jg);return e.useEffect((()=>{const a=[];e.Children.forEach(t,(t=>{e.isValidElement(t)&&"string"==typeof t.props.id&&a.push(t.props.id)})),0!==a.filter((e=>!n.includes(e))).length&&r(a)}),[t,n,r]),i.default.createElement("tbody",null,t)},exports.DataTable2Cell=({loading:e,children:t})=>i.default.createElement("td",null,i.default.createElement(gh,null,i.default.createElement(bh,null,t),e&&i.default.createElement(hh,null,i.default.createElement(Tn,{width:"20px"})))),exports.DataTable2Column=({className:t,isResizable:r,width:a,minWidth:o=32,maxWidth:l=1/0,children:s,onWidthChange:c})=>{const{isSmallLayout:u,setColumnWidth:d}=e.useContext(jg),p=e.useContext(Fg),[f,m]=e.useState(!1),g=e.useRef(null),h=e.useRef(null),b=e.useRef(0),v=e.useRef(0),x=e.useCallback((e=>{m(!0),h.current&&null===g.current&&(g.current=e.pointerId,v.current=a||h.current.clientWidth,b.current=e.clientX)}),[a]),y=e.useCallback((e=>{if(!c)return;if(g.current!==e.pointerId)return;e.cancelable&&e.preventDefault();const t=e.clientX-b.current,n=((e,t,n)=>Math.min(Math.max(e,t),n))(v.current+t,o,l);c(n),d(p.index,n)}),[c,o,l,d,p.index]),w=e.useCallback((()=>{m(!1),g.current=null}),[]);return e.useEffect((()=>{if(f)return document.addEventListener("pointermove",y),document.addEventListener("pointerup",w),()=>{document.removeEventListener("pointermove",y),document.removeEventListener("pointerup",w)}}),[f,y,w]),i.default.createElement(oh,{ref:h,className:t,"data-dragging":f,style:{minWidth:isFinite(o)&&o<=l?o:void 0,maxWidth:isFinite(l)&&o<=l?l:void 0}},i.default.createElement(lh,{isSmallLayout:u},s,r&&i.default.createElement(sh,{type:"button","aria-label":"resize the column",onPointerDown:x}),f&&n.createPortal(i.default.createElement(ch,{"data-min":a&&o>=a,"data-max":a&&l<=a}),document.body)))},exports.DataTable2ColumnLabel=({showSortButton:t,sortButtonDirection:n,onSortChange:r,children:a})=>{const o=e.useMemo((()=>"asc"===n?"desc":"desc"!==n?"asc":void 0),[n]),l=e.useCallback((()=>{null==r||r(o)}),[r,o]);return i.default.createElement(uh,null,a,t&&i.default.createElement(dh,{type:"button","aria-label":"sort the column","data-sort-direction":n,onClick:l},i.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18"},i.default.createElement("path",{d:"M8.17 3.25a1 1 0 0 1 1.3-.33c.15.08.27.19.36.33l2.13 3.2c.1.15.16.33.17.51 0 .18-.03.36-.12.52s-.21.29-.37.39a1 1 0 0 1-.51.14H6.87a1 1 0 0 1-.83-1.56z"}),i.default.createElement("path",{d:"M9.83 14.75a1 1 0 0 1-1.3.33.95.95 0 0 1-.36-.33l-2.13-3.2c-.1-.15-.16-.33-.17-.51 0-.18.03-.36.12-.52s.21-.29.37-.39a1 1 0 0 1 .51-.14h4.26a1 1 0 0 1 .83 1.56z"}))))},exports.DataTable2Head=({children:t})=>{const{hasRowControls:n,columns:r}=e.useContext(jg),a=e.useMemo((()=>e.Children.toArray(t).map(((e,t)=>{const n=r[t];return{id:n.id,index:t,order:n.order,visible:n.visible,child:e}})).filter((e=>void 0!==e.id))),[t,r]),o=e.useMemo((()=>a.sort(((e,t)=>e.order-t.order)).filter((e=>e.visible))),[a]);return i.default.createElement(i.default.Fragment,null,i.default.createElement("colgroup",null,n&&i.default.createElement("col",{style:{width:34}}),o.map((({id:t,child:n})=>e.isValidElement(n)?i.default.createElement("col",{key:t,style:{width:n.props.width}}):null))),i.default.createElement(ih,null,i.default.createElement("tr",null,n&&i.default.createElement("th",{"aria-label":"empty cell"}),o.map((({id:e,index:t,child:n})=>i.default.createElement(Fg.Provider,{key:e,value:{index:t}},n))))))},exports.DataTable2InlineEditor=({label:t,value:n,children:r,onChange:a})=>{const[o,l]=e.useState(n),[s,c]=e.useState(!1),u=()=>{c(!1),a(o)};return e.useEffect((()=>{l(n)}),[n]),i.default.createElement(vh,null,r,i.default.createElement(xh,null,i.default.createElement(Wc,null,i.default.createElement(Pc,{width:252,trigger:i.default.createElement(z,{type:"button",color:"primary",icon:"pencil"}),open:s,onOpenChange:c},i.default.createElement(jc,null,t),i.default.createElement(Zc,{value:o,onChange:e=>l(e.target.value),onEnter:u}),i.default.createElement(Yc,null),i.default.createElement(Jc,null,i.default.createElement(st,{type:"button",color:"clear",size:"small",onClick:()=>{c(!1),l(n)}},"キャンセル"),i.default.createElement(st,{type:"button",color:"primary",size:"small",onClick:u},"適用"))))))},exports.DataTable2InlineSelectEditor=({label:t,value:n,options:r,children:a,onChange:o})=>{const[l,s]=e.useState(!1);return i.default.createElement(vh,null,a,i.default.createElement(xh,null,i.default.createElement(Wc,null,i.default.createElement(Pc,{width:252,trigger:i.default.createElement(z,{type:"button",color:"primary",icon:"pencil"}),open:l,onOpenChange:s},i.default.createElement(jc,null,t),r.map((e=>i.default.createElement(Zo,{key:e,closeOnChange:!0,checked:n===e,onChange:()=>o(e)},e)))))))},exports.DataTable2Row=({id:t,children:n})=>{const{isSmallLayout:r,columns:a,hasRowControls:o,checkedRows:l,setCheckedRows:s,rowSpacing:c}=e.useContext(jg),u=e.useMemo((()=>l.includes(t)),[t,l]),d=e.useCallback((()=>{const e=l.includes(t)?l.filter((e=>e!==t)):[...l,t];s(e)}),[t,l,s]),p=e.useMemo((()=>e.Children.toArray(n).map(((e,t)=>{const n=a[t];return{id:n.id,index:t,order:n.order,visible:n.visible,child:e}})).filter((e=>void 0!==e.id))),[n,a]),f=e.useMemo((()=>p.sort(((e,t)=>e.order-t.order)).filter((e=>e.visible))),[p]);return i.default.createElement(ph,{"data-highlighted":u,"data-spacing":c,isSmallLayout:r},o&&i.default.createElement(fh,null,i.default.createElement(mh,null,i.default.createElement(Cn,{checked:u,onChange:d}),i.default.createElement("input",{type:"checkbox","aria-label":"この行を選択"}))),f.map((({child:e})=>e)))},exports.DateField=_h,exports.DatePicker=rb,exports.DateRangeField=tb,exports.DateRangePicker=ib,exports.Divider=Kn,exports.DropdownButton=db,exports.DualListBox=Nb,exports.DualListBox2=Cv,exports.DualListBox2Accordion=Ob,exports.DualListBox2Item=Vb,exports.DualListBox2Section=hv,exports.ErrorText=Ev,exports.Fade=Ue,exports.FileUploader=Av,exports.FilterComboBox=({values:t,options:n,selectedIndex:r,selectOptions:a,onChange:o,onSelectChange:l,size:s="medium",variant:c="dark",tagVariant:u,searchPlaceholder:d="検索",noResultsMessage:p="見つかりませんでした",disabled:f=!1,applyButtonText:m="適用",cancelButtonText:g="キャンセル",error:h=!1})=>{const[b,v]=e.useState(""),[x,y]=e.useState(!1),[w,C]=e.useState(t),[E,k]=e.useState(!1),A=e.useMemo((()=>u||("light"===c?"dark":"light")),[c,u]),[M,H]=e.useState(!1),N=e.useRef(null),V=e.useCallback((()=>{N.current&&H(N.current.clientWidth<N.current.scrollWidth)}),[]),L=e.useCallback((e=>{const t=e.trim();if(!t)return n.map((e=>Array.isArray(e)?e:[e]));return n.filter((e=>Array.isArray(e)?e.some((e=>e.includes(t))):e.includes(t))).map((e=>Array.isArray(e)?e:[e]))}),[n]),S=e.useMemo((()=>L(b)),[b,L]),D=e.useCallback((e=>{w.includes(e)?C(w.filter((t=>t!==e))):C([...w,e])}),[w]),Z=e.useCallback((()=>{if(x)return;if(!b.trim())return;const e=L(b);1===e.length&&(D(e[0][0]),v(""))}),[x,b,L,D]),O=e.useCallback((e=>{v(e.target.value)}),[v]),R=e.useCallback((e=>{e.key}),[]),$=e.useCallback((e=>{const n=t.filter((t=>t!==e));o(n),C(n)}),[t,o]),T=e.useCallback((e=>{k(e),e&&C(t),v("")}),[t]),z=e.useCallback((()=>{o(w),k(!1)}),[o,w]),B=e.useCallback((()=>{C(t),k(!1)}),[t]),G=e.useMemo((()=>i.default.createElement(Yv,{autoFocus:!0,value:b,placeholder:d,onChange:O,onKeyDown:R,onCompositionStart:()=>y(!0),onCompositionEnd:()=>y(!1),onEnter:Z})),[b,d,O,R,Z]),P=e.useMemo((()=>i.default.createElement(Jc,null,i.default.createElement(st,{size:"small",color:"clear",onClick:B},g),i.default.createElement(st,{size:"small",onClick:z},m))),[B,z,m,g]);return e.useEffect((()=>{if(!window.ResizeObserver)return;if(!N.current)return;const e=new window.ResizeObserver((()=>{N.current&&V()}));return e.observe(N.current),V(),()=>{e.disconnect()}}),[V]),i.default.createElement(Pv,{variant:c,size:s,selectedIndex:r,selectOptions:a,disabled:f,error:h,isOpen:E,onSelectChange:l},i.default.createElement(Wv,{$variant:c,"data-overflowing":M},i.default.createElement(Wc,null,i.default.createElement(Pc,{open:E&&!f,trigger:i.default.createElement(Fv,{type:"button",$variant:c,disabled:f,"aria-label":"タグを追加",onClick:()=>{f||k(!E)}},i.default.createElement(Xv,null,i.default.createElement(I,{name:"arrow_down",color:"currentColor"}))),stickyHeader:G,stickyFooter:P,noResultsMessage:p,onOpenChange:e=>!f&&T(e)},S.length>0?S.map((e=>i.default.createElement(Zo,{key:e[0],checked:w.includes(e[0]),closeOnChange:!1,onChange:()=>D(e[0])},e[0]))):i.default.createElement(Rc,{message:p}))),i.default.createElement(jv,{ref:N},t.map((e=>i.default.createElement(Gv,{key:e,label:e,size:s,variant:A,onRemove:()=>$(e)}))))))},exports.FilterSelectInput=({value:t,options:n,selectedIndex:r,selectOptions:a,onChange:o,onSelectChange:l,size:s="medium",variant:c="dark",searchPlaceholder:u="絞り込む",noResultsMessage:d="見つかりませんでした",disabled:p=!1,error:f=!1})=>{const[m,g]=e.useState(0),[h,b]=e.useState(""),[v,x]=e.useState(""),[y,w]=e.useState(!1),[C,E]=e.useState(!1),k=e.useRef(null);e.useEffect((()=>{if(!window.ResizeObserver)return;if(!k.current)return;const e=new window.ResizeObserver((()=>{k.current&&g(k.current.offsetWidth)}));return e.observe(k.current),()=>{e.disconnect()}}),[]);const A=e.useMemo((()=>{const e=v.trim();return""===e?n:n.filter((t=>t.includes(e)))}),[n,v]),M=e.useCallback((e=>{b(e.target.value),y||x(e.target.value)}),[y]),H=e.useCallback((e=>{"Enter"!==e.key||x(h)}),[h]),N=e.useCallback((e=>{E(e),e||(b(""),x(""))}),[]),V=e.useCallback((e=>{o(e),E(!1)}),[o]),L=e.useCallback((()=>{p||E(!C)}),[p,C]),S=e.useCallback((e=>{p||N(e)}),[p,N]),D=e.useMemo((()=>i.default.createElement(qv,{autoFocus:!0,value:h,placeholder:u,disabled:p,onChange:M,onKeyDown:H,onCompositionStart:()=>w(!0),onCompositionEnd:()=>w(!1)})),[h,u,p,M,H]);return i.default.createElement(Pv,{variant:c,size:s,selectedIndex:r,selectOptions:a,disabled:p,error:f,isOpen:C,onSelectChange:l},i.default.createElement(Jv,{ref:k},i.default.createElement(Wc,null,i.default.createElement(Pc,{open:C&&!p,minWidth:m,trigger:i.default.createElement(Uv,{type:"button",$size:s,$variant:c,disabled:p,onClick:L},i.default.createElement(Qv,{$size:s},t),i.default.createElement(_v,null,i.default.createElement(I,{name:"arrow_down",color:"currentColor"}))),stickyHeader:D,onOpenChange:S},A.length>0?A.map((e=>i.default.createElement(Zo,{key:e,checked:e===t,disabled:p,onChange:()=>V(e)},e))):i.default.createElement(Rc,{message:d})))))},exports.FilterTagInput=({title:t,values:n,selectedIndex:r,selectOptions:a,onChange:o,onSelectChange:l,size:s="medium",variant:c="dark",tagVariant:u,menuIconSize:d=22,disabled:p=!1,error:f=!1})=>{const{isSmall:m}=e.useContext(Bv),[g,h]=e.useState(""),[b,v]=e.useState(!1),[x,y]=e.useState(!1),[w,C]=e.useState(!1),[E,k]=e.useState(!1),A=e.useRef(null),M=e.useMemo((()=>u||("light"===c?"dark":"light")),[c,u]),H=e.useRef(null),N=e.useRef(null),V=e.useCallback((()=>{H.current&&v(H.current.clientWidth<H.current.scrollWidth)}),[v]),L=e.useCallback((()=>{if(!H.current||!A.current)return;const e=A.current.getBoundingClientRect(),t=H.current.getBoundingClientRect(),n=Number(window.getComputedStyle(H.current).paddingRight.replace("px",""));return t.right-n-e.left}),[]),S=e.useCallback((e=>{if(x)return;if(!(e.target instanceof HTMLInputElement))return;if("Backspace"===e.key&&0===e.target.selectionStart)return o(n.slice(0,-1),r),void requestAnimationFrame((()=>{V(),L()}));const t=e.target.value.trim();""===t||n.includes(t)||"Enter"===e.key&&(o([...n,t],r),h(""),requestAnimationFrame((()=>{V(),L()})))}),[n,o,h,x,r]),D=e.useCallback((e=>{const t=[...n];t.splice(e,1),o(t,r),requestAnimationFrame((()=>{V(),L()}))}),[n,o,r]),Z=e.useCallback(((e,t)=>{o(e,t),l(t),requestAnimationFrame((()=>{V(),L()}))}),[o,l]),O=e.useCallback((e=>{h(e.target.value)}),[]),R=e.useCallback((()=>{y(!0)}),[]),$=e.useCallback((()=>{y(!1)}),[]),T=e.useCallback((()=>{C(!0)}),[]),z=e.useCallback((()=>{C(!1)}),[]),B=e.useCallback((()=>{p||k(!0)}),[p]),G=e.useCallback((()=>{k(!1)}),[]),P=e.useCallback((()=>{G(),h("")}),[G]);e.useEffect((()=>{if(!window.ResizeObserver)return;if(!H.current)return;const e=new window.ResizeObserver((()=>{H.current&&(V(),L())}));return e.observe(H.current),()=>{e.disconnect()}}),[V,L]);const W=e.useMemo((()=>n.map(((e,t)=>i.default.createElement(Gv,{key:e,size:s,variant:M,label:e,onRemove:()=>D(t)})))),[n,s,M,D]),j={small:18,medium:20,large:22}[s];return i.default.createElement(i.default.Fragment,null,i.default.createElement(Pv,{variant:c,size:s,selectedIndex:r,selectOptions:a,disabled:p,error:f,isOpen:E,onSelectChange:l},i.default.createElement(Kv,{ref:H,$size:s,$variant:c},i.default.createElement(ex,{ref:N},W,i.default.createElement(nx,null,i.default.createElement("input",{ref:A,type:"text","aria-label":"フィルターする値",value:g,disabled:p,onChange:O,onKeyDown:S,onCompositionStart:R,onCompositionEnd:$,onFocus:B,onBlur:P})))),i.default.createElement(tx,{$size:s,$variant:c,"aria-label":"フィルター入力パネルを開く","data-overflowing":b,type:"button",disabled:p,onClick:T},i.default.createElement(I,{name:m?"filter":"expand_diagonal_s_fill",color:"currentColor",size:j}))),i.default.createElement(xx,{isOpen:w,menuIconSize:d,selectOptions:a,selectedIndex:r,title:t,values:n,onApply:Z,onClose:z}))},exports.FixedPanel=wx,exports.Flex=A,exports.FloatingTip=kx,exports.FullSizeConfirmModal=Zx,exports.Grow=e=>{var{timeout:t=300,children:n}=e,r=s(e,["timeout","children"]);const a=i.useRef(null);return i.createElement(Rx,Object.assign({nodeRef:a,appear:!0,mountOnEnter:!0,timeout:t,classNames:Ox},r),i.createElement("div",{ref:a},n))},exports.Icon=I,exports.Input=Tx,exports.ItemEmpty=Sg,exports.LoadingBar=Gx,exports.LocaleProvider=({locale:e,children:t})=>i.createElement(jn.Provider,{value:{locale:e}},t),exports.Menu=Co,exports.MenuList=tr,exports.Modal=Pn,exports.MultipleFilter=Cy,exports.NavigationRail=lw,exports.NavigationRailContext=Ny,exports.NotificationBadge=Yy,exports.Pager=Mg,exports.Popover=wo,exports.Portal=Bn,exports.RadioButton=dg,exports.Radius=8,exports.SELECT2_SIZES=sw,exports.ScrollArea=At,exports.Select=Xm,exports.Select2=t=>{var{value:n,multiple:r=!1,disabled:a=!1,placeholder:o="選択してください",size:l="medium",variant:c="light",tagVariant:u,searchable:d=!1,searchPlaceholder:p="検索",noResultsMessage:f="見つかりませんでした",error:m=!1,applyButtonText:g="適用",cancelButtonText:h="キャンセル",children:b,onChange:v,onTempChange:x}=t,y=s(t,["value","multiple","disabled","placeholder","size","variant","tagVariant","searchable","searchPlaceholder","noResultsMessage","error","applyButtonText","cancelButtonText","children","onChange","onTempChange"]);const[w,C]=e.useState(!1),[E,k]=e.useState(""),[A,M]=e.useState([]),[H,N]=e.useState(!1),V=e.useRef(null),L=e.useMemo((()=>u||("light"===c?"dark":"light")),[c,u]),S=e.useMemo((()=>r?Array.isArray(n)?n:[]:void 0!==n?[n]:[]),[n,r]),D=e.useMemo((()=>{if(!b)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;void 0!==e&&t.push({value:e,label:String(n),disabled:r})}else"Select2OptionGroup"===e&&a.props.children&&n(a.props.children)}}))};return n(b),t}),[b]),Z=e.useCallback((e=>{null==v||v(e)}),[v]),O=e.useCallback((e=>{a||(C(e),e&&r&&M([...S]),e||k(""))}),[a,r,S]),R=e.useCallback((e=>{e.disabled||(Z(e.value),C(!1),k(""))}),[Z]),$=e.useCallback(((e,t)=>{t.disabled||M((n=>e?[...n,t.value]:n.filter((e=>e!==t.value))))}),[]),T=e.useCallback((()=>{r&&Z(A),C(!1),k("")}),[Z,r,A]),z=e.useCallback((()=>{C(!1),k("")}),[]),B=e.useCallback((e=>{if(r&&Array.isArray(n)){const t=n.filter((t=>t!==e));Z(t)}}),[r,n,Z]),G=e.useCallback((e=>{k(e.target.value)}),[]),P=e.useCallback((e=>{e.stopPropagation()}),[]),W=e.useMemo((()=>D.find((e=>e.value===n))),[D,n]),j=e.useMemo((()=>r&&Array.isArray(n)?D.filter((e=>n.includes(e.value))):[]),[r,D,n]),F=e.useMemo((()=>d&&E?D.filter((e=>e.label.toLowerCase().includes(E.toLowerCase()))):D),[D,E,d]),X=e.useCallback((()=>{V.current&&N(V.current.scrollWidth>V.current.clientWidth)}),[]);e.useEffect((()=>{if(!window.ResizeObserver)return;if(!V.current)return;X();const e=new window.ResizeObserver((()=>{V.current&&X()}));return e.observe(V.current),()=>{e.disconnect()}}),[X,j]),e.useEffect((()=>{r&&Array.isArray(n)&&M(n)}),[r,n]),e.useEffect((()=>{r&&"function"==typeof x&&x(A)}),[r,A]);const Y=e.useMemo((()=>d?i.default.createElement(vw,{autoFocus:!0,placeholder:p,value:E,onChange:G}):null),[d,E,p,G]),J=e.useMemo((()=>r?i.default.createElement(Jc,null,i.default.createElement(st,{color:"clear",size:"small",onClick:z},h),i.default.createElement(st,{color:"primary",disabled:0===A.length,size:"small",onClick:T},g)):null),[r,A,T,z,g,h]),U=i.default.createElement(dw,Object.assign({$disabled:a,$error:m,$hasValue:r?Array.isArray(n)&&n.length>0:!!W,$isOpen:w,$multiple:r,$size:l,$variant:c,"aria-expanded":w,"aria-invalid":m,disabled:a,role:"combobox",type:"button"},y),r&&Array.isArray(n)&&0===n.length?i.default.createElement(hw,{$disabled:a,$variant:c},o):!r&&i.default.createElement(fw,null,W?W.label:i.default.createElement(hw,{$disabled:a,$variant:c},o)),i.default.createElement(bw,{$disabled:a,$size:l,$multiple:r},i.default.createElement(I,{name:"arrow_down",color:"currentColor"})));return i.default.createElement(cw,null,i.default.createElement(uw,{$disabled:a,$error:m,$isOpen:w,$size:l,$variant:c,"data-disabled":a,"data-overflowing":H,style:{cursor:r||a?"default":"pointer"}},i.default.createElement(Wc,null,i.default.createElement(Pc,{noResultsMessage:d?f:void 0,open:w,stickyFooter:J,stickyHeader:Y,trigger:U,onOpenChange:O},(()=>{const t=d&&!!E?new Set(F.map((e=>e.value))):void 0;if(b){const a=((t,a)=>{const o=[];let l=null;const s=(e,t,o)=>{const l=e.props.value,s=!!e.props.disabled,c=e.props.children;if(a&&!a.has(l))return null;const u=r?A.includes(l):l===n;return i.default.createElement(Zo,{key:`${t}-${o}`,checked:u,closeOnChange:!r,disabled:s,tabIndex:0,onChange:()=>{r?$(!u,{value:l,label:String(c),disabled:s}):R({value:l,label:String(c),disabled:s})}},c)},c=()=>{if(null===l)return;const e=l,t=e.options.map(((t,n)=>s(t,`option-${e.label}`,n))).filter(Boolean);0!==t.length&&(o.push(i.default.createElement(jc,{key:`heading-${e.label}`},e.label)),o.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&&c(),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)o.length>0&&o.push(i.default.createElement(Yc,{key:`separator-${o.length}`}));else if("Select2Option"===t)if(null!==l)l.options.push(n);else{const e=n.props.value;if(a&&!a.has(e))return;o.push(s(n,"option",o.length))}else o.push(n)}})),null!==l&&c(),o})(b,t);return 0===a.length?i.default.createElement(Rc,{message:f}):a}return F.length>0?F.map((e=>{const t=r?A.includes(e.value):e.value===n;return i.default.createElement(Zo,{key:e.value.toString(),checked:t,closeOnChange:!r,disabled:e.disabled,tabIndex:0,onChange:()=>{r?$(!t,e):R(e)}},e.label)})):i.default.createElement(Rc,{message:f})})())),r&&i.default.createElement(pw,null,i.default.createElement(mw,{ref:V,onClick:P},j.map((e=>{const t=a?void 0:()=>B(e.value);return i.default.createElement(gw,{key:e.value.toString(),disabled:a,label:e.label,size:l,variant:L,onRemove:t})}))))))},exports.Select2Option=xw,exports.Select2OptionGroup=yw,exports.Select2Separator=ww,exports.Shadow=m,exports.Slide=kw,exports.Snackbar=Vw,exports.Space=8,exports.Spacer=rt,exports.Spinner=Tn,exports.SplitAnnotation=Sw,exports.Switch=Gw,exports.Table=qw,exports.Tabs=oC,exports.TextField=iy,exports.ThemeProvider=({children:e,theme:n})=>i.createElement(t.ThemeContext.Provider,{value:n},e),exports.Toast=JC,exports.ToggleButton=nE,exports.Tooltip=zy,exports.Typography=$,exports.WeekTime=fE,exports.WeekTimeSelector=hE,exports.colors=c,exports.createTheme=b,exports.defaultTheme=v,exports.enUS=Wn,exports.getFilteredItems=Hg,exports.jaJP={components:{ToggleButton:{defaultProps:{checkedText:"オン",unCheckedText:"オフ"}},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月",weekList:["日","月","火","水","木","金","土"]}},DateRangePicker:{defaultProps:{monthFormat:"YYYY年MM月",weekList:["日","月","火","水","木","金","土"]}},WeekTime:{defaultProps:{weekList:["月","火","水","木","金","土","日"]}},WeekTimeSelector:{defaultProps:{weekList:["月","火","水","木","金","土","日"]}},DualListBox:{defaultProps:{selectedItemTitle:"個選択済み"}}}},exports.palette=p,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.useContextMenu2Anchor=()=>{const[t,n]=e.useState({x:0,y:0});return{position:t,setPosition:n}},exports.useFilterState=Ng,exports.useTheme=x,exports.zhCN={components:{ToggleButton:{defaultProps:{checkedText:"开",unCheckedText:"关"}},ConfirmModal:{defaultProps:{confirmText:"确认",cancelText:"取消"}},FullSizeConfirmModal:{defaultProps:{confirmText:"确认",cancelText:"取消"}},FileUploader:{defaultProps:{title:"把文件拖入, 同样支持点击上传。"}},ItemEmpty:{defaultProps:{title:"未找到。"}}}};
|
|
3892
3892
|
//# sourceMappingURL=index.js.map
|