ingred-ui 23.2.0 → 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/components/Select2/styled.d.ts +1 -0
- package/dist/index.es.js +5 -4
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +4 -3
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -33,6 +33,7 @@ export declare const Placeholder: import("styled-components").StyledComponent<"s
|
|
|
33
33
|
export declare const IconArea: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
34
34
|
$size?: Select2Size | undefined;
|
|
35
35
|
$disabled?: boolean | undefined;
|
|
36
|
+
$multiple?: boolean | undefined;
|
|
36
37
|
}, never>;
|
|
37
38
|
export declare const StyledContextMenu2TextInputItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<{
|
|
38
39
|
onEnter?: (() => void) | undefined;
|
package/dist/index.es.js
CHANGED
|
@@ -1606,7 +1606,7 @@ var to=["input:not([inert])","select:not([inert])","textarea:not([inert])","a[hr
|
|
|
1606
1606
|
visibility: visible;
|
|
1607
1607
|
}
|
|
1608
1608
|
}
|
|
1609
|
-
`,jf=()=>{const{columns:e,setColumns:n}=g(gf),[i,a]=r(!1),[l,s]=r(e.map((e=>e.filtered||!1))),c=p((()=>e.filter((e=>e.filtered)).length),[e]),u=d((()=>{s(e.map((e=>e.filtered||!1)))}),[e]),m=d(((e,t)=>{s((n=>n.map(((n,r)=>e===r?t:n))))}),[s]),h=d((()=>{u(),a(!1)}),[u]),f=d((()=>{const t=structuredClone(e).map(((e,t)=>Object.assign(Object.assign({},e),{filtered:l[t]})));n(t),a(!1)}),[e,n,l]),b=d((e=>{a(e),e||u()}),[a,u]);return o((()=>u()),[e,u]),t.createElement(md,null,t.createElement(pd,{width:360,trigger:t.createElement(Af,{type:"button",disabled:0===c},t.createElement(X,{name:"filter",color:"currentColor"}),c,"列に適用中"),open:i,onOpenChange:b},t.createElement(gd,null,"フィルタが適用されている列"),e.map(((e,n)=>!0===e.filtered?t.createElement(ll,{key:e.id,checked:l[n],onChange:e=>m(n,e)},e.label):null)),t.createElement(fd,{prepend:t.createElement(X,{name:"question"})},"リセットしたいフィルタのボタンをオフにしてください"),t.createElement(bd,null),t.createElement(vd,null,t.createElement(Nt,{type:"button",size:"small",color:"clear",onClick:h},"キャンセル"),t.createElement(Nt,{type:"button",size:"small",onClick:f},"適用"))))},Ff=({onClose:e})=>{const{columns:n,setColumns:i}=g(gf),[o,a]=r(n),l=p((()=>[...o].sort(((e,t)=>e.order-t.order))),[o]),s=p((()=>l.reduce(((e,t)=>t.sortable||0!==e.sortable.length?t.sortable&&0===e.endFixed.length?(e.sortable.push(t),e):(e.endFixed.push(t),e):(e.startFixed.push(t),e)),{startFixed:[],sortable:[],endFixed:[]})),[l]),c=d((e=>{const t=structuredClone(n);t.forEach((t=>{if(s.startFixed.find((e=>e.id===t.id))||s.endFixed.find((e=>e.id===t.id)))return;const n=e.indexOf(t.id);-1!==n&&(t.order=s.startFixed.length+n)})),a(t)}),[n,s]),u=d((()=>{a(n),e()}),[n,e]),m=d((()=>{i(o),e()}),[i,o,e]);return t.createElement(pd,{width:328,trigger:t.createElement(pl,null,"カラムを編集")},s.startFixed.map((e=>t.createElement(td,{key:e.id,disabled:!0,id:e.id},t.createElement(ll,{disabled:!0,checked:e.visible},e.label)))),t.createElement(_c,{order:s.sortable.map((e=>e.id)),onOrderChange:c},s.sortable.map((e=>t.createElement(td,{key:e.id,id:e.id},t.createElement(ll,{checked:e.visible,onChange:()=>a(o.map((t=>t.id===e.id?Object.assign(Object.assign({},t),{visible:!t.visible}):t)))},e.label))))),s.endFixed.map((e=>t.createElement(td,{key:e.id,disabled:!0,id:e.id},t.createElement(ll,{key:e.id,disabled:!0,checked:e.visible},e.label)))),t.createElement(fd,{prepend:t.createElement(X,{name:"question"})},"カラムの並び順、表示・非表示を切り替えます。"),t.createElement(bd,null),t.createElement(vd,null,t.createElement(Nt,{size:"small",color:"clear",onClick:u},"キャンセル"),t.createElement(Nt,{size:"small",onClick:m},"適用")))},Xf=()=>{const{pageSize:e,pageSizeOptions:n,setPageSize:r}=g(gf);return t.createElement(pd,{width:136,trigger:t.createElement(pl,{append:e},"件数を変更")},n.map((n=>t.createElement(rl,{key:n,closeOnChange:!0,checked:e===n,onChange:()=>r(n)},n,"件"))))},Yf=[{value:-2,label:"より狭くする"},{value:-1,label:"狭くする"},{value:0,label:"標準"},{value:1,label:"広くする"},{value:2,label:"より広くする"}],Jf=()=>{const{rowSpacing:e,setRowSpacing:n}=g(gf),r=p((()=>{var t;return(null===(t=Yf.find((t=>t.value===e)))||void 0===t?void 0:t.label)||"標準"}),[e]);return t.createElement(pd,{width:168,trigger:t.createElement(pl,{append:r},"表示密度を変更")},Yf.map((({value:r,label:i})=>t.createElement(rl,{key:r,closeOnChange:!0,checked:e===r,onChange:()=>(e=>{n(e)})(r)},i))))},Uf=()=>{const{isSmallLayout:e,totalCount:n,currentPage:r,pageSize:i,pageSizeOptions:a,setCurrentPage:l,setPageSize:s}=g(gf),c=d((e=>{l(0),s(e)}),[l,s]),u=p((()=>Math.ceil(n/i)-1),[n,i]);return o((()=>{r>u&&l(u)}),[r,u,l]),t.createElement(Ef,null,t.createElement("button",{type:"button","aria-label":"前のページへ",disabled:0===r,onClick:()=>l(Math.max(r-1,0))},t.createElement(X,{name:"arrow_left",color:"currentColor"})),!e&&t.createElement(md,null,t.createElement(pd,{width:296,trigger:t.createElement("button",{type:"button"},Math.min(r*i+1,i*u),t.createElement(If,null,"-"),Math.min((r+1)*i,n),t.createElement(If,null,"/"),n,t.createElement(X,{name:"arrow_down",size:"sm",color:"currentColor"}))},t.createElement(gd,null,"表示件数を変更"),a.map((e=>t.createElement(rl,{key:e,checked:i===e,onChange:()=>c(e)},e))))),t.createElement("button",{type:"button","aria-label":"次のページへ",disabled:r===u,onClick:()=>l(Math.min(r+1,u))},t.createElement(X,{name:"arrow_right",color:"currentColor"})))},Qf=({children:e})=>{const{checkedRows:n}=g(gf);return t.createElement(md,null,t.createElement(pd,{width:200,trigger:t.createElement(wf,{type:"button",disabled:0===n.length},t.createElement("em",null,n.length),"件選択",t.createElement(X,{name:"arrow_down",color:"currentColor"}))},e))},_f=({rowControls:e,extraButtons:n})=>{const{isSmallLayout:i,columns:o,rowIds:a,checkedRows:l,setCheckedRows:s}=g(gf),c=p((()=>l.length===a.length),[l,a]),u=p((()=>0!==l.length&&l.length!==a.length),[l,a]),[m,h]=r(!1),f=p((()=>o.some((e=>void 0!==e.filtered))),[o]),b=d((()=>{s(c?[]:a)}),[c,a,s]);return t.createElement(yf,{isSmallLayout:i},e&&t.createElement(t.Fragment,null,t.createElement(Gn,{checked:c||u,indeterminate:u,onChange:b}),t.createElement(Qf,null,e),t.createElement(Cf,null)),t.createElement(Uf,null),f&&t.createElement(t.Fragment,null,t.createElement(Cf,null),t.createElement(jf,null)),t.createElement(kf,null,!i&&n,t.createElement(md,null,t.createElement(pd,{open:m,width:316,trigger:t.createElement(Hf,null,t.createElement(X,{name:"more_vert"})),onOpenChange:h},i&&n,o.some((e=>e.sortable))&&t.createElement(Ff,{onClose:()=>h(!1)}),t.createElement(Xf,null),t.createElement(Jf,null)))))},Kf=({bordered:e,rowControls:n,extraButtons:a,currentPage:l,pageSize:s,pageSizeOptions:c,totalCount:u,columns:p,onPageChange:m,onPageSizeChange:g,onColumnsChange:h,onCheckedRowsChange:f,children:b})=>{const[v,x]=r(!1),[y,w]=r([]),[C,E]=r([]),[I,A]=r([]),[k,M]=r(0),H=i(null),N=d(((e,t)=>{const n=[...I];n[e]=t,A(n)}),[I,A]);o((()=>{if(!H.current)return;const e=()=>{var e;H.current&&x((null===(e=H.current)||void 0===e?void 0:e.clientWidth)<640)},t=new ResizeObserver(e);return e(),t.observe(H.current),()=>{t.disconnect()}}),[]);const V=d((e=>{E(e),null==f||f(e)}),[E,f]),L=i(l);return o((()=>{L.current!==l&&V([]),L.current=l}),[l,V]),t.createElement(bf,{ref:H,bordered:e},t.createElement(gf.Provider,{value:{isSmallLayout:v,rowIds:y,hasRowControls:!!n,checkedRows:C,totalCount:u,currentPage:l,pageSize:s,pageSizeOptions:c,columns:p,columnWidths:I,rowSpacing:k,setRowIds:w,setCheckedRows:V,setCurrentPage:m,setPageSize:g,setColumns:h,setColumnWidth:N,setRowSpacing:M}},t.createElement(_f,{rowControls:n,extraButtons:a}),t.createElement(xf,null,t.createElement("table",null,b))))},qf=({children:e})=>{const{hasRowControls:n,columns:r}=g(gf),i=p((()=>s.toArray(e).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))),[e,r]),o=p((()=>i.sort(((e,t)=>e.order-t.order)).filter((e=>e.visible))),[i]);return t.createElement(t.Fragment,null,t.createElement("colgroup",null,n&&t.createElement("col",{style:{width:34}}),o.map((({id:e,child:n})=>a(n)?t.createElement("col",{key:e,style:{width:n.props.width}}):null))),t.createElement(Nf,null,t.createElement("tr",null,n&&t.createElement("th",{"aria-label":"empty cell"}),o.map((({id:e,index:n,child:r})=>t.createElement(hf.Provider,{key:e,value:{index:n}},r))))))},eb=({className:e,isResizable:n,width:a,minWidth:l=32,maxWidth:s=1/0,children:c,onWidthChange:u})=>{const{isSmallLayout:p,setColumnWidth:m}=g(gf),h=g(hf),[f,b]=r(!1),v=i(null),x=i(null),y=i(0),w=i(0),C=d((e=>{b(!0),x.current&&null===v.current&&(v.current=e.pointerId,w.current=a||x.current.clientWidth,y.current=e.clientX)}),[a]),E=d((e=>{if(!u)return;if(v.current!==e.pointerId)return;e.cancelable&&e.preventDefault();const t=e.clientX-y.current,n=((e,t,n)=>Math.min(Math.max(e,t),n))(w.current+t,l,s);u(n),m(h.index,n)}),[u,l,s,m,h.index]),I=d((()=>{b(!1),v.current=null}),[]);return o((()=>{if(f)return document.addEventListener("pointermove",E),document.addEventListener("pointerup",I),()=>{document.removeEventListener("pointermove",E),document.removeEventListener("pointerup",I)}}),[f,E,I]),t.createElement(Vf,{ref:x,className:e,"data-dragging":f,style:{minWidth:isFinite(l)&&l<=s?l:void 0,maxWidth:isFinite(s)&&l<=s?s:void 0}},t.createElement(Lf,{isSmallLayout:p},c,n&&t.createElement(Zf,{type:"button","aria-label":"resize the column",onPointerDown:C}),f&&A(t.createElement(Df,{"data-min":a&&l>=a,"data-max":a&&s<=a}),document.body)))},tb=({showSortButton:e,sortButtonDirection:n,onSortChange:r,children:i})=>{const o=p((()=>"asc"===n?"desc":"desc"!==n?"asc":void 0),[n]),a=d((()=>{null==r||r(o)}),[r,o]);return t.createElement(Of,null,i,e&&t.createElement(Rf,{type:"button","aria-label":"sort the column","data-sort-direction":n,onClick:a},t.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18"},t.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"}),t.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"}))))},nb=({children:e})=>{const{rowIds:n,setRowIds:r}=g(gf);return o((()=>{const t=[];s.forEach(e,(e=>{a(e)&&"string"==typeof e.props.id&&t.push(e.props.id)})),0!==t.filter((e=>!n.includes(e))).length&&r(t)}),[e,n,r]),t.createElement("tbody",null,e)},rb=({id:e,children:n})=>{const{isSmallLayout:r,columns:i,hasRowControls:o,checkedRows:a,setCheckedRows:l,rowSpacing:c}=g(gf),u=p((()=>a.includes(e)),[e,a]),m=d((()=>{const t=a.includes(e)?a.filter((t=>t!==e)):[...a,e];l(t)}),[e,a,l]),h=p((()=>s.toArray(n).map(((e,t)=>{const n=i[t];return{id:n.id,index:t,order:n.order,visible:n.visible,child:e}})).filter((e=>void 0!==e.id))),[n,i]),f=p((()=>h.sort(((e,t)=>e.order-t.order)).filter((e=>e.visible))),[h]);return t.createElement(Sf,{"data-highlighted":u,"data-spacing":c,isSmallLayout:r},o&&t.createElement($f,null,t.createElement(Tf,null,t.createElement(Gn,{checked:u,onChange:m}),t.createElement("input",{type:"checkbox","aria-label":"この行を選択"}))),f.map((({child:e})=>e)))},ib=({loading:e,children:n})=>t.createElement("td",null,t.createElement(zf,null,t.createElement(Gf,null,n),e&&t.createElement(Bf,null,t.createElement(ir,{width:"20px"})))),ob=({prepend:e,children:n,onClick:r})=>{const{isSmallLayout:i}=g(gf);return i?t.createElement(qa,{prepend:e,onClick:r},n):t.createElement(Mf,{type:"button",onClick:r},e,n)},ab=({label:e,value:n,children:i,onChange:a})=>{const[l,s]=r(n),[c,d]=r(!1),u=()=>{d(!1),a(l)};return o((()=>{s(n)}),[n]),t.createElement(Wf,null,i,t.createElement(Pf,null,t.createElement(md,null,t.createElement(pd,{width:252,trigger:t.createElement(le,{type:"button",color:"primary",icon:"pencil"}),open:c,onOpenChange:d},t.createElement(gd,null,e),t.createElement(rd,{value:l,onChange:e=>s(e.target.value),onEnter:u}),t.createElement(bd,null),t.createElement(vd,null,t.createElement(Nt,{type:"button",color:"clear",size:"small",onClick:()=>{d(!1),s(n)}},"キャンセル"),t.createElement(Nt,{type:"button",color:"primary",size:"small",onClick:u},"適用"))))))},lb=({label:e,value:n,options:i,children:o,onChange:a})=>{const[l,s]=r(!1);return t.createElement(Wf,null,o,t.createElement(Pf,null,t.createElement(md,null,t.createElement(pd,{width:252,trigger:t.createElement(le,{type:"button",color:"primary",icon:"pencil"}),open:l,onOpenChange:s},t.createElement(gd,null,e),i.map((e=>t.createElement(rl,{key:e,closeOnChange:!0,checked:n===e,onChange:()=>a(e)},e)))))))},sb=e=>{if(!e)return[];const t=[];let n=0,r=!isNaN(Number(e[0]));for(let i=1;i<=e.length;i++){const o=e[i],a=!isNaN(Number(o))&&" "!==o;a===r&&" "!==o&&i!==e.length||(t.push({start:n,end:i-1,value:e.slice(n,i),editable:r}),n=i,r=a)}return t},cb=e=>e.map((e=>e.value)).join(""),db={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"},ub=Object.keys(db).filter((e=>!isNaN(Number(e)))),pb=Object.values(db),mb=/(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|YYYY|YY?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g,gb=/\d\d/,hb=/-?\d\d?/,fb=/\d*[^-_:/,()\s\d]+/;let bb={},vb=function(e){return(e=+e)+(e>68?1900:2e3)};const xb=function(e){return function(t){this[e]=+t}},yb=[/[+-]\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)}],wb=e=>{const t=bb[e];return t&&(t.indexOf?t:t.s.concat(t.f))},Cb=(e,t)=>{let n;const{meridiem:r}=bb;if(r){for(let i=1;i<=24;i+=1)if(e.indexOf(r(i,0,t))>-1){n=i>12;break}}else n=e===(t?"pm":"PM");return n},Eb={A:[fb,function(e){this.afternoon=Cb(e,!1)}],a:[fb,function(e){this.afternoon=Cb(e,!0)}],S:[/\d/,function(e){this.milliseconds=100*+e}],SS:[gb,function(e){this.milliseconds=10*+e}],SSS:[/\d{3}/,function(e){this.milliseconds=+e}],s:[hb,xb("seconds")],ss:[hb,xb("seconds")],m:[hb,xb("minutes")],mm:[hb,xb("minutes")],H:[hb,xb("hours")],h:[hb,xb("hours")],HH:[hb,xb("hours")],hh:[hb,xb("hours")],D:[hb,xb("day")],DD:[gb,xb("day")],Do:[fb,function(e){const{ordinal:t}=bb;if([this.day]=e.match(/\d+/),t)for(let n=1;n<=31;n+=1)t(n).replace(/\[|\]/g,"")===e&&(this.day=n)}],M:[hb,xb("month")],MM:[gb,xb("month")],MMM:[fb,function(e){const t=wb("months"),n=(wb("monthsShort")||t.map((e=>e.slice(0,3)))).indexOf(e)+1;if(n<1)throw new Error;this.month=n%12||n}],MMMM:[fb,function(e){const t=wb("months").indexOf(e)+1;if(t<1)throw new Error;this.month=t%12||t}],Y:[/[+-]?\d+/,xb("year")],YY:[gb,function(e){this.year=vb(e)}],YYYY:[/\d{4}/,xb("year")],Z:yb,ZZ:yb};const Ib=(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(mb),{length:n}=t;for(let e=0;e<n;e+=1){const n=t[e],r=Eb[n],i=r&&r[0],o=r&&r[1];t[e]=o?{regex:i,parser:o}:n.replace(/^\[|\]$/g,"")}return function(e){const r={};for(let i=0,o=0;i<n;i+=1){const n=t[i];if("string"==typeof n)o+=n.length;else{const{regex:t,parser:i}=n,a=e.slice(o),l=t.exec(a)[0];i.call(r,l),e=e.replace(l,"")}}return function(e){const{afternoon:t}=e;if(void 0!==t){const{hours:n}=e;t?n<12&&(e.hours+=12):12===n&&(e.hours=0),delete e.afternoon}}(r),r}}(t),{year:i,month:o,day:a,hours:l,minutes:s,seconds:c,milliseconds:d,zone:u}=r(e),p=new Date,m=i||p.getFullYear(),g=o-1,h=l||0,f=s||0,b=c||0,v=d||0;return u?new Date(Date.UTC(m,g,a,h,f,b,v+60*u.offset*1e3)):n?new Date(Date.UTC(m,g,a,h,f,b,v)):new Date(m,g,a,h,f,b,v)}catch(e){return new Date("")}};var Ab=(e,t,n)=>{n.p.customParseFormat=!0,e&&e.parseTwoDigitYear&&({parseTwoDigitYear:vb}=e);const r=t.prototype,i=r.parse;r.parse=function(e){const{date:t,utc:r,args:o}=e;this.$u=r;const a=o[1];if("string"==typeof a){const e=!0===o[2],i=!0===o[3],l=e||i;let s=o[2];i&&([,,s]=o),bb=this.$locale(),!e&&s&&(bb=n.Ls[s]),this.$d=Ib(t,a,r),this.init(),s&&!0!==s&&(this.$L=this.locale(s).$L),l&&t!=this.format(a)&&(this.$d=new Date("")),bb={}}else if(a instanceof Array){const e=a.length;for(let t=1;t<=e;t+=1){o[1]=a[t-1];const r=n.apply(this,o);if(r.isValid()){this.$d=r.$d,this.$L=r.$L,this.init();break}t===e&&(this.$d=new Date(""))}}else i.call(this,e)}};const kb=({date:e,format:t="YYYY-MM-DD",onDateChange:n})=>{Kt.extend(Ab);const a=i(null),[l,s]=r(null==e?void 0:e.format(t)),[c,u]=r(sb(l)),[p,m]=r({start:0,end:c.length-1,current:0}),[g,h]=r(0),f=d((()=>{setTimeout((()=>{var e,t,n;const r=null!==(t=null===(e=a.current)||void 0===e?void 0:e.selectionStart)&&void 0!==t?t:0,i=c[c.length-1].end+1,o=r>=i?i:r,l=c.findIndex((e=>o>=e.start&&o<=e.end+1));m((e=>c[l].editable?e.current===l?e:Object.assign(Object.assign({},e),{current:l}):Object.assign(Object.assign({},e),{current:l+1}))),null===(n=a.current)||void 0===n||n.setSelectionRange(c[l].start,c[l].end+1)}))}),[c]),b=d((()=>{}),[]),v=d((()=>{m((e=>Object.assign(Object.assign({},e),{current:0}))),h(0)}),[]),x=d((e=>{if(pb.includes(e.key)){if(e.key===db.ArrowLeft||e.key===db.ArrowRight){e.preventDefault();const t=e=>{const t=p.current;if(e===db.ArrowLeft){for(let e=t-1;e>=0;e--)if(c[e].editable)return e-t}else if(e===db.ArrowRight)for(let e=t+1;e<c.length;e++)if(c[e].editable)return e-t;return 0},n=e.key;m((e=>Object.assign(Object.assign({},e),{current:e.current+t(n)})))}if(e.key===db.ArrowUp||e.key===db.ArrowDown){e.preventDefault();const r=e.key===db.ArrowUp?1:-1,i=Number(c[p.current].value)+r,o=String(i).padStart(c[p.current].value.length,"0"),a=[...c];a[p.current].value=o,u(a);const l=cb(a),d=Kt(l,t);s(d.format(t)),d.isValid()&&n&&n(d)}if(ub.includes(e.key)){e.preventDefault(),0===g&&(c[p.current].value="".padStart(c[p.current].value.length,"0"));const r=`${c[p.current].value.slice(1)}${e.key}`,i=[...c];if(i[p.current].value=r,u(i),h(g+1),g+1===c[p.current].value.length){h(0);const e=cb(c),r=Kt(e,t);s(r.format(t)),n&&n(r)}else{const e=cb(c);if(!Kt(e,t,!0).isValid())return void s(e);const r=Kt(e,t);s(r.format(t)),n&&n(r)}}}}),[c,t,n,p]),y=d((()=>{f()}),[f]),w=d((e=>{e.preventDefault();const t=e.clipboardData.getData("text"),r=Kt(t);n&&n(r)}),[n]);return o((()=>{var e;null===(e=a.current)||void 0===e||e.setSelectionRange(c[p.current].start,c[p.current].end+1)}),[p,c]),o((()=>{s(null==e?void 0:e.format(t)),u(sb(null==e?void 0:e.format(t)))}),[e,t]),{ref:a,value:l,onFocus:b,onBlur:v,onKeyDown:x,onMouseDown:y,onPaste:w}},Mb=v.div`
|
|
1609
|
+
`,jf=()=>{const{columns:e,setColumns:n}=g(gf),[i,a]=r(!1),[l,s]=r(e.map((e=>e.filtered||!1))),c=p((()=>e.filter((e=>e.filtered)).length),[e]),u=d((()=>{s(e.map((e=>e.filtered||!1)))}),[e]),m=d(((e,t)=>{s((n=>n.map(((n,r)=>e===r?t:n))))}),[s]),h=d((()=>{u(),a(!1)}),[u]),f=d((()=>{const t=structuredClone(e).map(((e,t)=>Object.assign(Object.assign({},e),{filtered:l[t]})));n(t),a(!1)}),[e,n,l]),b=d((e=>{a(e),e||u()}),[a,u]);return o((()=>u()),[e,u]),t.createElement(md,null,t.createElement(pd,{width:360,trigger:t.createElement(Af,{type:"button",disabled:0===c},t.createElement(X,{name:"filter",color:"currentColor"}),c,"列に適用中"),open:i,onOpenChange:b},t.createElement(gd,null,"フィルタが適用されている列"),e.map(((e,n)=>!0===e.filtered?t.createElement(ll,{key:e.id,checked:l[n],onChange:e=>m(n,e)},e.label):null)),t.createElement(fd,{prepend:t.createElement(X,{name:"question"})},"リセットしたいフィルタのボタンをオフにしてください"),t.createElement(bd,null),t.createElement(vd,null,t.createElement(Nt,{type:"button",size:"small",color:"clear",onClick:h},"キャンセル"),t.createElement(Nt,{type:"button",size:"small",onClick:f},"適用"))))},Ff=({onClose:e})=>{const{columns:n,setColumns:i}=g(gf),[o,a]=r(n),l=p((()=>[...o].sort(((e,t)=>e.order-t.order))),[o]),s=p((()=>l.reduce(((e,t)=>t.sortable||0!==e.sortable.length?t.sortable&&0===e.endFixed.length?(e.sortable.push(t),e):(e.endFixed.push(t),e):(e.startFixed.push(t),e)),{startFixed:[],sortable:[],endFixed:[]})),[l]),c=d((e=>{const t=structuredClone(n);t.forEach((t=>{if(s.startFixed.find((e=>e.id===t.id))||s.endFixed.find((e=>e.id===t.id)))return;const n=e.indexOf(t.id);-1!==n&&(t.order=s.startFixed.length+n)})),a(t)}),[n,s]),u=d((()=>{a(n),e()}),[n,e]),m=d((()=>{i(o),e()}),[i,o,e]);return t.createElement(pd,{width:328,trigger:t.createElement(pl,null,"カラムを編集")},s.startFixed.map((e=>t.createElement(td,{key:e.id,disabled:!0,id:e.id},t.createElement(ll,{disabled:!0,checked:e.visible},e.label)))),t.createElement(_c,{order:s.sortable.map((e=>e.id)),onOrderChange:c},s.sortable.map((e=>t.createElement(td,{key:e.id,id:e.id},t.createElement(ll,{checked:e.visible,onChange:()=>a(o.map((t=>t.id===e.id?Object.assign(Object.assign({},t),{visible:!t.visible}):t)))},e.label))))),s.endFixed.map((e=>t.createElement(td,{key:e.id,disabled:!0,id:e.id},t.createElement(ll,{key:e.id,disabled:!0,checked:e.visible},e.label)))),t.createElement(fd,{prepend:t.createElement(X,{name:"question"})},"カラムの並び順、表示・非表示を切り替えます。"),t.createElement(bd,null),t.createElement(vd,null,t.createElement(Nt,{size:"small",color:"clear",onClick:u},"キャンセル"),t.createElement(Nt,{size:"small",onClick:m},"適用")))},Xf=()=>{const{pageSize:e,pageSizeOptions:n,setPageSize:r}=g(gf);return t.createElement(pd,{width:136,trigger:t.createElement(pl,{append:e},"件数を変更")},n.map((n=>t.createElement(rl,{key:n,closeOnChange:!0,checked:e===n,onChange:()=>r(n)},n,"件"))))},Yf=[{value:-2,label:"より狭くする"},{value:-1,label:"狭くする"},{value:0,label:"標準"},{value:1,label:"広くする"},{value:2,label:"より広くする"}],Jf=()=>{const{rowSpacing:e,setRowSpacing:n}=g(gf),r=p((()=>{var t;return(null===(t=Yf.find((t=>t.value===e)))||void 0===t?void 0:t.label)||"標準"}),[e]);return t.createElement(pd,{width:168,trigger:t.createElement(pl,{append:r},"表示密度を変更")},Yf.map((({value:r,label:i})=>t.createElement(rl,{key:r,closeOnChange:!0,checked:e===r,onChange:()=>(e=>{n(e)})(r)},i))))},Uf=()=>{const{isSmallLayout:e,totalCount:n,currentPage:r,pageSize:i,pageSizeOptions:a,setCurrentPage:l,setPageSize:s}=g(gf),c=d((e=>{l(0),s(e)}),[l,s]),u=p((()=>Math.ceil(n/i)-1),[n,i]);return o((()=>{r>u&&l(u)}),[r,u,l]),t.createElement(Ef,null,t.createElement("button",{type:"button","aria-label":"前のページへ",disabled:0===r,onClick:()=>l(Math.max(r-1,0))},t.createElement(X,{name:"arrow_left",color:"currentColor"})),!e&&t.createElement(md,null,t.createElement(pd,{width:296,trigger:t.createElement("button",{type:"button"},Math.min(r*i+1,i*u),t.createElement(If,null,"-"),Math.min((r+1)*i,n),t.createElement(If,null,"/"),n,t.createElement(X,{name:"arrow_down",size:"sm",color:"currentColor"}))},t.createElement(gd,null,"表示件数を変更"),a.map((e=>t.createElement(rl,{key:e,checked:i===e,onChange:()=>c(e)},e))))),t.createElement("button",{type:"button","aria-label":"次のページへ",disabled:r===u,onClick:()=>l(Math.min(r+1,u))},t.createElement(X,{name:"arrow_right",color:"currentColor"})))},Qf=({children:e})=>{const{checkedRows:n}=g(gf);return t.createElement(md,null,t.createElement(pd,{width:200,trigger:t.createElement(wf,{type:"button",disabled:0===n.length},t.createElement("em",null,n.length),"件選択",t.createElement(X,{name:"arrow_down",color:"currentColor"}))},e))},_f=({rowControls:e,extraButtons:n})=>{const{isSmallLayout:i,columns:o,rowIds:a,checkedRows:l,setCheckedRows:s}=g(gf),c=p((()=>l.length===a.length),[l,a]),u=p((()=>0!==l.length&&l.length!==a.length),[l,a]),[m,h]=r(!1),f=p((()=>o.some((e=>void 0!==e.filtered))),[o]),b=d((()=>{s(c?[]:a)}),[c,a,s]);return t.createElement(yf,{isSmallLayout:i},e&&t.createElement(t.Fragment,null,t.createElement(Gn,{checked:c||u,indeterminate:u,onChange:b}),t.createElement(Qf,null,e),t.createElement(Cf,null)),t.createElement(Uf,null),f&&t.createElement(t.Fragment,null,t.createElement(Cf,null),t.createElement(jf,null)),t.createElement(kf,null,!i&&n,t.createElement(md,null,t.createElement(pd,{open:m,width:316,trigger:t.createElement(Hf,null,t.createElement(X,{name:"more_vert"})),onOpenChange:h},i&&n,o.some((e=>e.sortable))&&t.createElement(Ff,{onClose:()=>h(!1)}),t.createElement(Xf,null),t.createElement(Jf,null)))))},Kf=({bordered:e,rowControls:n,extraButtons:a,currentPage:l,pageSize:s,pageSizeOptions:c,totalCount:u,columns:p,onPageChange:m,onPageSizeChange:g,onColumnsChange:h,onCheckedRowsChange:f,children:b})=>{const[v,x]=r(!1),[y,w]=r([]),[C,E]=r([]),[I,A]=r([]),[k,M]=r(0),H=i(null),N=d(((e,t)=>{const n=[...I];n[e]=t,A(n)}),[I,A]);o((()=>{if(!H.current)return;const e=()=>{var e;H.current&&x((null===(e=H.current)||void 0===e?void 0:e.clientWidth)<640)},t=new ResizeObserver(e);return e(),t.observe(H.current),()=>{t.disconnect()}}),[]);const V=d((e=>{E(e),null==f||f(e)}),[E,f]),L=i(l);return o((()=>{L.current!==l&&V([]),L.current=l}),[l,V]),o((()=>{if(0===C.length)return;const e=C.filter((e=>y.includes(e)));e.length!==C.length&&V(e)}),[y,C,V]),t.createElement(bf,{ref:H,bordered:e},t.createElement(gf.Provider,{value:{isSmallLayout:v,rowIds:y,hasRowControls:!!n,checkedRows:C,totalCount:u,currentPage:l,pageSize:s,pageSizeOptions:c,columns:p,columnWidths:I,rowSpacing:k,setRowIds:w,setCheckedRows:V,setCurrentPage:m,setPageSize:g,setColumns:h,setColumnWidth:N,setRowSpacing:M}},t.createElement(_f,{rowControls:n,extraButtons:a}),t.createElement(xf,null,t.createElement("table",null,b))))},qf=({children:e})=>{const{hasRowControls:n,columns:r}=g(gf),i=p((()=>s.toArray(e).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))),[e,r]),o=p((()=>i.sort(((e,t)=>e.order-t.order)).filter((e=>e.visible))),[i]);return t.createElement(t.Fragment,null,t.createElement("colgroup",null,n&&t.createElement("col",{style:{width:34}}),o.map((({id:e,child:n})=>a(n)?t.createElement("col",{key:e,style:{width:n.props.width}}):null))),t.createElement(Nf,null,t.createElement("tr",null,n&&t.createElement("th",{"aria-label":"empty cell"}),o.map((({id:e,index:n,child:r})=>t.createElement(hf.Provider,{key:e,value:{index:n}},r))))))},eb=({className:e,isResizable:n,width:a,minWidth:l=32,maxWidth:s=1/0,children:c,onWidthChange:u})=>{const{isSmallLayout:p,setColumnWidth:m}=g(gf),h=g(hf),[f,b]=r(!1),v=i(null),x=i(null),y=i(0),w=i(0),C=d((e=>{b(!0),x.current&&null===v.current&&(v.current=e.pointerId,w.current=a||x.current.clientWidth,y.current=e.clientX)}),[a]),E=d((e=>{if(!u)return;if(v.current!==e.pointerId)return;e.cancelable&&e.preventDefault();const t=e.clientX-y.current,n=((e,t,n)=>Math.min(Math.max(e,t),n))(w.current+t,l,s);u(n),m(h.index,n)}),[u,l,s,m,h.index]),I=d((()=>{b(!1),v.current=null}),[]);return o((()=>{if(f)return document.addEventListener("pointermove",E),document.addEventListener("pointerup",I),()=>{document.removeEventListener("pointermove",E),document.removeEventListener("pointerup",I)}}),[f,E,I]),t.createElement(Vf,{ref:x,className:e,"data-dragging":f,style:{minWidth:isFinite(l)&&l<=s?l:void 0,maxWidth:isFinite(s)&&l<=s?s:void 0}},t.createElement(Lf,{isSmallLayout:p},c,n&&t.createElement(Zf,{type:"button","aria-label":"resize the column",onPointerDown:C}),f&&A(t.createElement(Df,{"data-min":a&&l>=a,"data-max":a&&s<=a}),document.body)))},tb=({showSortButton:e,sortButtonDirection:n,onSortChange:r,children:i})=>{const o=p((()=>"asc"===n?"desc":"desc"!==n?"asc":void 0),[n]),a=d((()=>{null==r||r(o)}),[r,o]);return t.createElement(Of,null,i,e&&t.createElement(Rf,{type:"button","aria-label":"sort the column","data-sort-direction":n,onClick:a},t.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18"},t.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"}),t.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"}))))},nb=({children:e})=>{const{rowIds:n,setRowIds:r}=g(gf);return o((()=>{const t=[];s.forEach(e,(e=>{a(e)&&"string"==typeof e.props.id&&t.push(e.props.id)})),0!==t.filter((e=>!n.includes(e))).length&&r(t)}),[e,n,r]),t.createElement("tbody",null,e)},rb=({id:e,children:n})=>{const{isSmallLayout:r,columns:i,hasRowControls:o,checkedRows:a,setCheckedRows:l,rowSpacing:c}=g(gf),u=p((()=>a.includes(e)),[e,a]),m=d((()=>{const t=a.includes(e)?a.filter((t=>t!==e)):[...a,e];l(t)}),[e,a,l]),h=p((()=>s.toArray(n).map(((e,t)=>{const n=i[t];return{id:n.id,index:t,order:n.order,visible:n.visible,child:e}})).filter((e=>void 0!==e.id))),[n,i]),f=p((()=>h.sort(((e,t)=>e.order-t.order)).filter((e=>e.visible))),[h]);return t.createElement(Sf,{"data-highlighted":u,"data-spacing":c,isSmallLayout:r},o&&t.createElement($f,null,t.createElement(Tf,null,t.createElement(Gn,{checked:u,onChange:m}),t.createElement("input",{type:"checkbox","aria-label":"この行を選択"}))),f.map((({child:e})=>e)))},ib=({loading:e,children:n})=>t.createElement("td",null,t.createElement(zf,null,t.createElement(Gf,null,n),e&&t.createElement(Bf,null,t.createElement(ir,{width:"20px"})))),ob=({prepend:e,children:n,onClick:r})=>{const{isSmallLayout:i}=g(gf);return i?t.createElement(qa,{prepend:e,onClick:r},n):t.createElement(Mf,{type:"button",onClick:r},e,n)},ab=({label:e,value:n,children:i,onChange:a})=>{const[l,s]=r(n),[c,d]=r(!1),u=()=>{d(!1),a(l)};return o((()=>{s(n)}),[n]),t.createElement(Wf,null,i,t.createElement(Pf,null,t.createElement(md,null,t.createElement(pd,{width:252,trigger:t.createElement(le,{type:"button",color:"primary",icon:"pencil"}),open:c,onOpenChange:d},t.createElement(gd,null,e),t.createElement(rd,{value:l,onChange:e=>s(e.target.value),onEnter:u}),t.createElement(bd,null),t.createElement(vd,null,t.createElement(Nt,{type:"button",color:"clear",size:"small",onClick:()=>{d(!1),s(n)}},"キャンセル"),t.createElement(Nt,{type:"button",color:"primary",size:"small",onClick:u},"適用"))))))},lb=({label:e,value:n,options:i,children:o,onChange:a})=>{const[l,s]=r(!1);return t.createElement(Wf,null,o,t.createElement(Pf,null,t.createElement(md,null,t.createElement(pd,{width:252,trigger:t.createElement(le,{type:"button",color:"primary",icon:"pencil"}),open:l,onOpenChange:s},t.createElement(gd,null,e),i.map((e=>t.createElement(rl,{key:e,closeOnChange:!0,checked:n===e,onChange:()=>a(e)},e)))))))},sb=e=>{if(!e)return[];const t=[];let n=0,r=!isNaN(Number(e[0]));for(let i=1;i<=e.length;i++){const o=e[i],a=!isNaN(Number(o))&&" "!==o;a===r&&" "!==o&&i!==e.length||(t.push({start:n,end:i-1,value:e.slice(n,i),editable:r}),n=i,r=a)}return t},cb=e=>e.map((e=>e.value)).join(""),db={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"},ub=Object.keys(db).filter((e=>!isNaN(Number(e)))),pb=Object.values(db),mb=/(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|YYYY|YY?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g,gb=/\d\d/,hb=/-?\d\d?/,fb=/\d*[^-_:/,()\s\d]+/;let bb={},vb=function(e){return(e=+e)+(e>68?1900:2e3)};const xb=function(e){return function(t){this[e]=+t}},yb=[/[+-]\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)}],wb=e=>{const t=bb[e];return t&&(t.indexOf?t:t.s.concat(t.f))},Cb=(e,t)=>{let n;const{meridiem:r}=bb;if(r){for(let i=1;i<=24;i+=1)if(e.indexOf(r(i,0,t))>-1){n=i>12;break}}else n=e===(t?"pm":"PM");return n},Eb={A:[fb,function(e){this.afternoon=Cb(e,!1)}],a:[fb,function(e){this.afternoon=Cb(e,!0)}],S:[/\d/,function(e){this.milliseconds=100*+e}],SS:[gb,function(e){this.milliseconds=10*+e}],SSS:[/\d{3}/,function(e){this.milliseconds=+e}],s:[hb,xb("seconds")],ss:[hb,xb("seconds")],m:[hb,xb("minutes")],mm:[hb,xb("minutes")],H:[hb,xb("hours")],h:[hb,xb("hours")],HH:[hb,xb("hours")],hh:[hb,xb("hours")],D:[hb,xb("day")],DD:[gb,xb("day")],Do:[fb,function(e){const{ordinal:t}=bb;if([this.day]=e.match(/\d+/),t)for(let n=1;n<=31;n+=1)t(n).replace(/\[|\]/g,"")===e&&(this.day=n)}],M:[hb,xb("month")],MM:[gb,xb("month")],MMM:[fb,function(e){const t=wb("months"),n=(wb("monthsShort")||t.map((e=>e.slice(0,3)))).indexOf(e)+1;if(n<1)throw new Error;this.month=n%12||n}],MMMM:[fb,function(e){const t=wb("months").indexOf(e)+1;if(t<1)throw new Error;this.month=t%12||t}],Y:[/[+-]?\d+/,xb("year")],YY:[gb,function(e){this.year=vb(e)}],YYYY:[/\d{4}/,xb("year")],Z:yb,ZZ:yb};const Ib=(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(mb),{length:n}=t;for(let e=0;e<n;e+=1){const n=t[e],r=Eb[n],i=r&&r[0],o=r&&r[1];t[e]=o?{regex:i,parser:o}:n.replace(/^\[|\]$/g,"")}return function(e){const r={};for(let i=0,o=0;i<n;i+=1){const n=t[i];if("string"==typeof n)o+=n.length;else{const{regex:t,parser:i}=n,a=e.slice(o),l=t.exec(a)[0];i.call(r,l),e=e.replace(l,"")}}return function(e){const{afternoon:t}=e;if(void 0!==t){const{hours:n}=e;t?n<12&&(e.hours+=12):12===n&&(e.hours=0),delete e.afternoon}}(r),r}}(t),{year:i,month:o,day:a,hours:l,minutes:s,seconds:c,milliseconds:d,zone:u}=r(e),p=new Date,m=i||p.getFullYear(),g=o-1,h=l||0,f=s||0,b=c||0,v=d||0;return u?new Date(Date.UTC(m,g,a,h,f,b,v+60*u.offset*1e3)):n?new Date(Date.UTC(m,g,a,h,f,b,v)):new Date(m,g,a,h,f,b,v)}catch(e){return new Date("")}};var Ab=(e,t,n)=>{n.p.customParseFormat=!0,e&&e.parseTwoDigitYear&&({parseTwoDigitYear:vb}=e);const r=t.prototype,i=r.parse;r.parse=function(e){const{date:t,utc:r,args:o}=e;this.$u=r;const a=o[1];if("string"==typeof a){const e=!0===o[2],i=!0===o[3],l=e||i;let s=o[2];i&&([,,s]=o),bb=this.$locale(),!e&&s&&(bb=n.Ls[s]),this.$d=Ib(t,a,r),this.init(),s&&!0!==s&&(this.$L=this.locale(s).$L),l&&t!=this.format(a)&&(this.$d=new Date("")),bb={}}else if(a instanceof Array){const e=a.length;for(let t=1;t<=e;t+=1){o[1]=a[t-1];const r=n.apply(this,o);if(r.isValid()){this.$d=r.$d,this.$L=r.$L,this.init();break}t===e&&(this.$d=new Date(""))}}else i.call(this,e)}};const kb=({date:e,format:t="YYYY-MM-DD",onDateChange:n})=>{Kt.extend(Ab);const a=i(null),[l,s]=r(null==e?void 0:e.format(t)),[c,u]=r(sb(l)),[p,m]=r({start:0,end:c.length-1,current:0}),[g,h]=r(0),f=d((()=>{setTimeout((()=>{var e,t,n;const r=null!==(t=null===(e=a.current)||void 0===e?void 0:e.selectionStart)&&void 0!==t?t:0,i=c[c.length-1].end+1,o=r>=i?i:r,l=c.findIndex((e=>o>=e.start&&o<=e.end+1));m((e=>c[l].editable?e.current===l?e:Object.assign(Object.assign({},e),{current:l}):Object.assign(Object.assign({},e),{current:l+1}))),null===(n=a.current)||void 0===n||n.setSelectionRange(c[l].start,c[l].end+1)}))}),[c]),b=d((()=>{}),[]),v=d((()=>{m((e=>Object.assign(Object.assign({},e),{current:0}))),h(0)}),[]),x=d((e=>{if(pb.includes(e.key)){if(e.key===db.ArrowLeft||e.key===db.ArrowRight){e.preventDefault();const t=e=>{const t=p.current;if(e===db.ArrowLeft){for(let e=t-1;e>=0;e--)if(c[e].editable)return e-t}else if(e===db.ArrowRight)for(let e=t+1;e<c.length;e++)if(c[e].editable)return e-t;return 0},n=e.key;m((e=>Object.assign(Object.assign({},e),{current:e.current+t(n)})))}if(e.key===db.ArrowUp||e.key===db.ArrowDown){e.preventDefault();const r=e.key===db.ArrowUp?1:-1,i=Number(c[p.current].value)+r,o=String(i).padStart(c[p.current].value.length,"0"),a=[...c];a[p.current].value=o,u(a);const l=cb(a),d=Kt(l,t);s(d.format(t)),d.isValid()&&n&&n(d)}if(ub.includes(e.key)){e.preventDefault(),0===g&&(c[p.current].value="".padStart(c[p.current].value.length,"0"));const r=`${c[p.current].value.slice(1)}${e.key}`,i=[...c];if(i[p.current].value=r,u(i),h(g+1),g+1===c[p.current].value.length){h(0);const e=cb(c),r=Kt(e,t);s(r.format(t)),n&&n(r)}else{const e=cb(c);if(!Kt(e,t,!0).isValid())return void s(e);const r=Kt(e,t);s(r.format(t)),n&&n(r)}}}}),[c,t,n,p]),y=d((()=>{f()}),[f]),w=d((e=>{e.preventDefault();const t=e.clipboardData.getData("text"),r=Kt(t);n&&n(r)}),[n]);return o((()=>{var e;null===(e=a.current)||void 0===e||e.setSelectionRange(c[p.current].start,c[p.current].end+1)}),[p,c]),o((()=>{s(null==e?void 0:e.format(t)),u(sb(null==e?void 0:e.format(t)))}),[e,t]),{ref:a,value:l,onFocus:b,onBlur:v,onKeyDown:x,onMouseDown:y,onPaste:w}},Mb=v.div`
|
|
1610
1610
|
display: flex;
|
|
1611
1611
|
align-items: center;
|
|
1612
1612
|
width: fit-content;
|
|
@@ -2263,7 +2263,7 @@ var to=["input:not([inert])","select:not([inert])","textarea:not([inert])","a[hr
|
|
|
2263
2263
|
padding-left: 48px;
|
|
2264
2264
|
`;const Qv=({label:e,children:n})=>{const{activeSection:r,setActiveSection:i}=g(dv),o=p((()=>r===e),[e,r]),a=p((()=>null!==r&&r!==e),[e,r]),l=d((()=>{i(o?null:e)}),[e,o,i]);return a?null:t.createElement(uv.Provider,{value:{groupName:e}},t.createElement(Jv,{type:"button","aria-label":`${e}を開く`,"aria-expanded":o,onClick:l},t.createElement(Xv,null,t.createElement(X,{name:"arrow_left",color:N.basic[900]})),t.createElement("div",null,e),t.createElement(Yv,null,t.createElement(X,{name:"arrow_right",color:N.basic[900]}))),o&&n)};Qv.displayName="DualListBox2Section";const _v=v(pl)`
|
|
2265
2265
|
margin-right: 16px;
|
|
2266
|
-
`,Kv=({pageSize:e,pageSizeOptions:n,onPageSizeChange:r})=>t.createElement(pd,{width:136,trigger:t.createElement(_v,{append:e},"件数を変更")},n.map((n=>t.createElement(rl,{key:n,closeOnChange:!0,checked:e===n,onChange:()=>r(n)},n,"件")))),qv=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}):e.push({groupName:t.groupName,items:[{id:t.id,label:t.label}]}),e}),[]),ex=t.memo((({id:e,children:n})=>{const{includedIds:r,excludedIds:i,onIncludedChange:o,onExcludedChange:a}=g(dv),l=p((()=>r.includes(e)),[r,e]),s=p((()=>i.includes(e)),[i,e]),c=d((()=>{l&&o(r.filter((t=>t!==e))),s&&a(i.filter((t=>t!==e)))}),[l,s,r,i,o,a,e]);return t.createElement(Bv,null,n,t.createElement("button",{type:"button","aria-label":"解除",onClick:c}))}));ex.displayName="DualListBox2SelectedItem";const tx=({label:e})=>t.createElement(Gv,null,e),nx=n((({included:e,excluded:n,disableInclude:l,disableExclude:s,menuButtons:c,children:u,loading:m,onIncludedChange:g,onExcludedChange:h,onLoadMore:f,pageSize:v=50,pageSizeOptions:x=[10,50,100,200],onPageSizeChange:y,filter:w="",onFilterChange:C},E)=>{const[I,A]=r(0),[k,M]=r(""),[H,V]=r(null),[L,Z]=r(!1),D=i(null),O=C?w:k,R=d((e=>{const t=e.target.value;C?C(t):M(t)}),[C]),S=d((()=>{C?C(""):M("")}),[C]),$=d((e=>{V(e),null===e&&S()}),[S]),T=p((()=>{let e=!1;return pv(u,(t=>{a(t)&&"string"!=typeof t.type&&"displayName"in t.type&&t.type.displayName===Qv.displayName&&(e=!0)})),e}),[u]),z=p((()=>{const e=O.trim();return e?e.split(/\s+/):[]}),[O]),B=p((()=>mv(u)),[u]),G=d((e=>{if(!a(e))return e;if(e.type!==cv)return e;const t=B.find((t=>t.id===e.props.id));return t&&z.every((e=>t.label.toLowerCase().includes(e.toLowerCase())))?e:null}),[z,B]),W=p((()=>z.length?t.Children.map(u,(e=>{if(!a(e))return e;if(e.type===cv)return G(e);if("string"!=typeof e.type&&"displayName"in e.type&&"DualListBox2Accordion"===e.type.displayName){const n=t.Children.toArray(e.props.children).filter(a).map((e=>G(e))).filter(Boolean);return 0===n.length?null:t.cloneElement(e,Object.assign(Object.assign({},e.props),{children:n}))}if("string"!=typeof e.type&&"displayName"in e.type&&"DualListBox2Section"===e.type.displayName){const n=t.Children.toArray(e.props.children).filter(a).map((e=>G(e))).filter(Boolean);return t.cloneElement(e,Object.assign(Object.assign({},e.props),{children:n}))}return e})):u),[u,z,G]),P=p((()=>e.map((e=>e.id))),[e]),j=p((()=>n.map((e=>e.id))),[n]),F=p((()=>B.map((e=>e.id))),[B]),Y=p((()=>0===z.length?F:F.filter((e=>{const t=B.find((t=>t.id===e));return!!t&&z.every((e=>t.label.includes(e)))}))),[F,B,z]),J=p((()=>{if(!T)return[];if(null===H)return[];const e=[];return pv(u,(t=>{a(t)&&"string"!=typeof t.type&&"displayName"in t.type&&t.type.displayName===Qv.displayName&&t.props.label===H&&pv(t.props.children,(t=>{a(t)&&"string"!=typeof t.type&&"displayName"in t.type&&t.type.displayName===cv.displayName&&e.push(t.props.id)}))})),e}),[H,u,T]),U=p((()=>0===z.length?J:J.filter((e=>{const t=B.find((t=>t.id===e));return!!t&&z.every((e=>t.label.includes(e)))}))),[J,B,z]),Q=p((()=>{if(T){if(null===H)return!0;return!!U.every((e=>P.includes(e)))}return!!Y.every((e=>P.includes(e)))}),[T,H,Y,U,P]),_=p((()=>{if(T){if(null===H)return!0;return!!U.every((e=>j.includes(e)))}return!!Y.every((e=>j.includes(e)))}),[T,H,Y,U,j]),K=d((()=>{e.length&&g([]),n.length&&h([])}),[e,n,g,h]),q=d((()=>{if(T){if(null===H)return;return g(Array.from(new Set([...P,...U]))),void h(j.filter((e=>!U.includes(e))))}g(Array.from(new Set([...P,...Y]))),h(j.filter((e=>!Y.includes(e))))}),[Y,g,h,T,H,P,j,U]),ee=d((()=>{if(T){if(null===H)return;return h(Array.from(new Set([...j,...U]))),void g(P.filter((e=>!U.includes(e))))}h(Array.from(new Set([...j,...Y]))),g(P.filter((e=>!Y.includes(e))))}),[Y,g,h,T,H,P,j,U]),te=d((async e=>{if(e[0].isIntersecting&&!L&&f){Z(!0);try{await f()}finally{Z(!1)}}}),[L,f]);return o((()=>{if("undefined"==typeof IntersectionObserver)return;const e=new IntersectionObserver(te,{root:null,rootMargin:"100px",threshold:.1}),t=D.current;return t&&e.observe(t),()=>{t&&e.unobserve(t)}}),[te]),t.createElement(bv,{ref:E,role:"region","aria-label":"デュアルリストボックス"},t.createElement(vv,{role:"tablist","aria-label":"リストの表示切り替え"},t.createElement("li",null,t.createElement("button",{type:"button",role:"tab","aria-selected":0===I,"aria-expanded":0===I,"aria-controls":"list-items-panel",onClick:()=>A(0)},"リストアイテム")),t.createElement("li",null,t.createElement("button",{type:"button",role:"tab","aria-selected":1===I,"aria-expanded":1===I,"aria-controls":"selected-items-panel",onClick:()=>A(1)},"選択済みアイテム",(e.length>0||n.length>0)&&t.createElement(xv,null,e.length+n.length)))),t.createElement(yv,null,t.createElement(dv.Provider,{value:{filterWords:z,includedIds:P,excludedIds:j,activeSection:H,onIncludedChange:g,onExcludedChange:h,setActiveSection:$}},t.createElement(wv,{isShow:0===I,id:"list-items-panel",role:"tabpanel","aria-labelledby":"list-items-tab"},t.createElement(Ev,{hasMenu:!(!c&&!y)},t.createElement(Iv,null,t.createElement(X,{name:"search",size:"sm",color:N.basic[600]}),t.createElement("input",{"aria-label":"アイテムを検索",disabled:T&&null===H,placeholder:"検索",type:"text",value:O,onChange:R}),O&&t.createElement(Av,{type:"button","aria-label":"検索をリセット",onClick:S})),(c||y)&&t.createElement(md,null,t.createElement(pd,{trigger:t.createElement(kv,{type:"button"},t.createElement(X,{name:"more_vert",color:N.basic[900]}))},y&&t.createElement(Kv,{pageSize:v,pageSizeOptions:x,onPageSizeChange:y}),c)),t.createElement(Mv,null,m?t.createElement(ir,{width:"16px"}):t.createElement(t.Fragment,null,T&&null===H?"-":T?U.length.toLocaleString("en-US"):Y.length.toLocaleString("en-US"),"件")),t.createElement(Hv,null,!l&&t.createElement("li",null,t.createElement("button",{type:"button",disabled:Q,onClick:q},t.createElement(X,{name:"check_thin",color:Q?N.basic[400]:N.blue[500]}),"全て追加")),!s&&t.createElement("li",null,t.createElement("button",{type:"button",disabled:_,onClick:ee},t.createElement(X,{name:"forbid",color:_?N.basic[400]:N.red[500]}),"全て除外")))),t.createElement(Cv,null,W,t.createElement("div",{ref:D,style:{height:"20px"}},m&&t.createElement(Uv,null,"読み込み中...")))),t.createElement(Nv,{isShow:1===I},t.createElement(Vv,null,t.createElement(Zv,null,0!==e.length&&t.createElement(Ov,null,t.createElement(X,{name:"check_thin",color:N.blue[500]}),e.length),0!==n.length&&t.createElement(Rv,null,t.createElement(X,{name:"forbid",color:N.red[500]}),n.length)),t.createElement(Sv,null,t.createElement(Nt,{type:"button",color:"basicLight",size:"small",disabled:!e.length&&!n.length,onClick:K},"選択をクリア"))),t.createElement(Lv,null,!!e.length&&t.createElement($v,null,t.createElement(X,{name:"check_thin",color:N.blue[500]}),"追加"),qv(e).map((e=>t.createElement(b,{key:e.groupName||"_"},e.groupName&&t.createElement(tx,{label:e.groupName}),e.items.map((e=>t.createElement(ex,{key:e.id,id:e.id},e.label)))))),!!n.length&&t.createElement($v,null,t.createElement(X,{name:"forbid",color:N.red[500]}),"除外"),qv(n).map((e=>t.createElement(b,{key:e.groupName||"_"},e.groupName&&t.createElement(tx,{label:e.groupName}),e.items.map((e=>t.createElement(ex,{key:e.id,id:e.id},e.label)))))))))))}));nx.displayName="DualListBox2";const rx=e.forwardRef((function({children:t},n){const r=G();return e.createElement(J,{ref:n,display:"flex",alignItems:"center"},e.createElement(It,{pr:.5},e.createElement(X,{name:"alert",color:r.palette.danger.main,size:"md"})),e.createElement(oe,{color:r.palette.danger.main},t))})),ix=v.div`
|
|
2266
|
+
`,Kv=({pageSize:e,pageSizeOptions:n,onPageSizeChange:r})=>t.createElement(pd,{width:136,trigger:t.createElement(_v,{append:e},"件数を変更")},n.map((n=>t.createElement(rl,{key:n,closeOnChange:!0,checked:e===n,onChange:()=>r(n)},n,"件")))),qv=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}):e.push({groupName:t.groupName,items:[{id:t.id,label:t.label}]}),e}),[]),ex=t.memo((({id:e,children:n})=>{const{includedIds:r,excludedIds:i,onIncludedChange:o,onExcludedChange:a}=g(dv),l=p((()=>r.includes(e)),[r,e]),s=p((()=>i.includes(e)),[i,e]),c=d((()=>{l&&o(r.filter((t=>t!==e))),s&&a(i.filter((t=>t!==e)))}),[l,s,r,i,o,a,e]);return t.createElement(Bv,null,n,t.createElement("button",{type:"button","aria-label":"解除",onClick:c}))}));ex.displayName="DualListBox2SelectedItem";const tx=({label:e})=>t.createElement(Gv,null,e),nx=n((({included:e,excluded:n,disableInclude:l,disableExclude:s,menuButtons:c,children:u,loading:m,onIncludedChange:g,onExcludedChange:h,onLoadMore:f,pageSize:v=50,pageSizeOptions:x=[10,50,100,200],onPageSizeChange:y,filter:w="",onFilterChange:C},E)=>{const[I,A]=r(0),[k,M]=r(""),[H,V]=r(null),[L,Z]=r(!1),D=i(null),O=C?w:k,R=d((e=>{const t=e.target.value;C?C(t):M(t)}),[C]),S=d((()=>{C?C(""):M("")}),[C]),$=d((e=>{V(e),null===e&&S()}),[S]),T=p((()=>{let e=!1;return pv(u,(t=>{a(t)&&"string"!=typeof t.type&&"displayName"in t.type&&t.type.displayName===Qv.displayName&&(e=!0)})),e}),[u]),z=p((()=>{const e=O.trim();return e?e.split(/\s+/):[]}),[O]),B=p((()=>mv(u)),[u]),G=d((e=>{if(!a(e))return e;if(e.type!==cv)return e;const t=B.find((t=>t.id===e.props.id));return t&&z.every((e=>t.label.toLowerCase().includes(e.toLowerCase())))?e:null}),[z,B]),W=p((()=>z.length?t.Children.map(u,(e=>{if(!a(e))return e;if(e.type===cv)return G(e);if("string"!=typeof e.type&&"displayName"in e.type&&"DualListBox2Accordion"===e.type.displayName){const n=t.Children.toArray(e.props.children).filter(a).map((e=>G(e))).filter(Boolean);return 0===n.length?null:t.cloneElement(e,Object.assign(Object.assign({},e.props),{children:n}))}if("string"!=typeof e.type&&"displayName"in e.type&&"DualListBox2Section"===e.type.displayName){const n=t.Children.toArray(e.props.children).filter(a).map((e=>G(e))).filter(Boolean);return t.cloneElement(e,Object.assign(Object.assign({},e.props),{children:n}))}return e})):u),[u,z,G]),P=p((()=>e.map((e=>e.id))),[e]),j=p((()=>n.map((e=>e.id))),[n]),F=p((()=>B.map((e=>e.id))),[B]),Y=p((()=>0===z.length?F:F.filter((e=>{const t=B.find((t=>t.id===e));return!!t&&z.every((e=>t.label.includes(e)))}))),[F,B,z]),J=p((()=>{if(!T)return[];if(null===H)return[];const e=[];return pv(u,(t=>{a(t)&&"string"!=typeof t.type&&"displayName"in t.type&&t.type.displayName===Qv.displayName&&t.props.label===H&&pv(t.props.children,(t=>{a(t)&&"string"!=typeof t.type&&"displayName"in t.type&&t.type.displayName===cv.displayName&&e.push(t.props.id)}))})),e}),[H,u,T]),U=p((()=>0===z.length?J:J.filter((e=>{const t=B.find((t=>t.id===e));return!!t&&z.every((e=>t.label.includes(e)))}))),[J,B,z]),Q=p((()=>{if(T){if(null===H)return!0;return!!U.every((e=>P.includes(e)))}return!!Y.every((e=>P.includes(e)))}),[T,H,Y,U,P]),_=p((()=>{if(T){if(null===H)return!0;return!!U.every((e=>j.includes(e)))}return!!Y.every((e=>j.includes(e)))}),[T,H,Y,U,j]),K=d((()=>{e.length&&g([]),n.length&&h([])}),[e,n,g,h]),q=d((()=>{if(T){if(null===H)return;return g(Array.from(new Set([...P,...U]))),void h(j.filter((e=>!U.includes(e))))}g(Array.from(new Set([...P,...Y]))),h(j.filter((e=>!Y.includes(e))))}),[Y,g,h,T,H,P,j,U]),ee=d((()=>{if(T){if(null===H)return;return h(Array.from(new Set([...j,...U]))),void g(P.filter((e=>!U.includes(e))))}h(Array.from(new Set([...j,...Y]))),g(P.filter((e=>!Y.includes(e))))}),[Y,g,h,T,H,P,j,U]),te=d((async e=>{if(e[0].isIntersecting&&!L&&f){Z(!0);try{await f()}finally{Z(!1)}}}),[L,f]);return o((()=>{if("undefined"==typeof IntersectionObserver)return;const e=new IntersectionObserver(te,{root:null,rootMargin:"100px",threshold:.1}),t=D.current;return t&&e.observe(t),()=>{t&&e.unobserve(t)}}),[te]),t.createElement(bv,{ref:E,role:"region","aria-label":"デュアルリストボックス"},t.createElement(vv,{role:"tablist","aria-label":"リストの表示切り替え"},t.createElement("li",null,t.createElement("button",{type:"button",role:"tab","aria-selected":0===I,"aria-expanded":0===I,"aria-controls":"list-items-panel",onClick:()=>A(0)},"リストアイテム")),t.createElement("li",null,t.createElement("button",{type:"button",role:"tab","aria-selected":1===I,"aria-expanded":1===I,"aria-controls":"selected-items-panel",onClick:()=>A(1)},"選択済みアイテム",(e.length>0||n.length>0)&&t.createElement(xv,null,e.length+n.length)))),t.createElement(yv,null,t.createElement(dv.Provider,{value:{filterWords:z,includedIds:P,excludedIds:j,activeSection:H,onIncludedChange:g,onExcludedChange:h,setActiveSection:$}},t.createElement(wv,{isShow:0===I,id:"list-items-panel",role:"tabpanel","aria-labelledby":"list-items-tab"},t.createElement(Ev,{hasMenu:!(!c&&!y)},t.createElement(Iv,null,t.createElement(X,{name:"search",size:"sm",color:N.basic[600]}),t.createElement("input",{"aria-label":"アイテムを検索",disabled:T&&null===H,placeholder:"検索",type:"text",value:O,onChange:R}),O&&t.createElement(Av,{type:"button","aria-label":"検索をリセット",onClick:S})),(c||y)&&t.createElement(md,null,t.createElement(pd,{trigger:t.createElement(kv,{type:"button"},t.createElement(X,{name:"more_vert",color:N.basic[900]}))},y&&t.createElement(Kv,{pageSize:v,pageSizeOptions:x,onPageSizeChange:y}),c)),t.createElement(Mv,null,m?t.createElement(ir,{width:"16px"}):t.createElement(t.Fragment,null,T&&null===H?"-":T?U.length.toLocaleString("en-US"):Y.length.toLocaleString("en-US"),"件")),t.createElement(Hv,null,!l&&t.createElement("li",null,t.createElement("button",{type:"button",disabled:Q,onClick:q},t.createElement(X,{name:"check_thin",color:Q?N.basic[400]:N.blue[500]}),"全て追加")),!s&&t.createElement("li",null,t.createElement("button",{type:"button",disabled:_,onClick:ee},t.createElement(X,{name:"forbid",color:_?N.basic[400]:N.red[500]}),"全て除外")))),t.createElement(Cv,null,W,t.createElement("div",{ref:D,style:{height:"20px"}},m&&t.createElement(Uv,null,"読み込み中...")))),t.createElement(Nv,{isShow:1===I},t.createElement(Vv,null,t.createElement(Zv,null,0!==e.length&&t.createElement(Ov,null,t.createElement(X,{name:"check_thin",color:N.blue[500]}),e.length),0!==n.length&&t.createElement(Rv,null,t.createElement(X,{name:"forbid",color:N.red[500]}),n.length)),t.createElement(Sv,null,t.createElement(Nt,{type:"button",color:"basicLight",size:"small",disabled:!e.length&&!n.length,onClick:K},"選択をクリア"))),t.createElement(Lv,null,!!e.length&&t.createElement($v,null,t.createElement(X,{name:"check_thin",color:N.blue[500]}),"追加"),qv(e).map((e=>t.createElement(b,{key:e.groupName||"_"},e.groupName&&t.createElement(tx,{label:e.groupName}),e.items.map((e=>t.createElement(ex,{key:e.id,id:e.id},e.label)))))),!!n.length&&t.createElement($v,null,t.createElement(X,{name:"forbid",color:N.red[500]}),"除外"),qv(n).map((e=>t.createElement(b,{key:e.groupName||"_"},e.groupName&&t.createElement(tx,{label:e.groupName}),e.items.map((e=>t.createElement(ex,{key:e.id,id:e.id},e.label)))))))))))}));nx.displayName="DualListBox2";const rx=e.forwardRef((function({children:t},n){const r=G();return e.createElement(J,{ref:n,display:"flex",alignItems:"center"},e.createElement(It,{pr:.5},e.createElement(X,{name:"alert",type:"fill",color:r.palette.danger.main,size:"md"})),e.createElement(oe,{color:r.palette.danger.main},t))})),ix=v.div`
|
|
2267
2267
|
display: flex;
|
|
2268
2268
|
justify-content: center;
|
|
2269
2269
|
align-items: center;
|
|
@@ -3439,7 +3439,7 @@ var to=["input:not([inert])","select:not([inert])","textarea:not([inert])","a[hr
|
|
|
3439
3439
|
position: absolute;
|
|
3440
3440
|
inset: 0;
|
|
3441
3441
|
display: flex;
|
|
3442
|
-
justify-content: ${({$multiple:e})=>e?"flex-
|
|
3442
|
+
justify-content: ${({$multiple:e})=>e?"flex-start":"space-between"};
|
|
3443
3443
|
align-items: center;
|
|
3444
3444
|
width: 100%;
|
|
3445
3445
|
height: 100%;
|
|
@@ -3504,6 +3504,7 @@ var to=["input:not([inert])","select:not([inert])","textarea:not([inert])","a[hr
|
|
|
3504
3504
|
width: ${({$size:e})=>e?Xw[e].iconSize:"18px"};
|
|
3505
3505
|
aspect-ratio: 1;
|
|
3506
3506
|
margin-right: 8px;
|
|
3507
|
+
margin-left: ${({$multiple:e})=>e?"auto":"0"};
|
|
3507
3508
|
position: relative;
|
|
3508
3509
|
z-index: 4;
|
|
3509
3510
|
svg {
|
|
@@ -3526,7 +3527,7 @@ var to=["input:not([inert])","select:not([inert])","textarea:not([inert])","a[hr
|
|
|
3526
3527
|
`;v.div`
|
|
3527
3528
|
max-height: 180px;
|
|
3528
3529
|
overflow-y: auto;
|
|
3529
|
-
`;const rC=e=>{var{value:n,multiple:l=!1,disabled:c=!1,placeholder:u="選択してください",size:m="medium",variant:g="light",tagVariant:h,searchable:f=!1,searchPlaceholder:b="検索",noResultsMessage:v="見つかりませんでした",error:x=!1,applyButtonText:y="適用",cancelButtonText:w="キャンセル",children:C,onChange:E,onTempChange:I}=e,A=M(e,["value","multiple","disabled","placeholder","size","variant","tagVariant","searchable","searchPlaceholder","noResultsMessage","error","applyButtonText","cancelButtonText","children","onChange","onTempChange"]);const[k,H]=r(!1),[N,V]=r(""),[L,Z]=r([]),[D,O]=r(!1),R=i(null),S=p((()=>h||("light"===g?"dark":"light")),[g,h]),$=p((()=>l?Array.isArray(n)?n:[]:void 0!==n?[n]:[]),[n,l]),T=p((()=>{if(!C)return[];const e=[],t=n=>{s.forEach(n,(n=>{if(!a(n))return;const r=n;if(r.type&&"string"!=typeof r.type){const n=r.type.displayName||r.type.name;if("Select2Option"===n){const t=r.props.value,n=r.props.children,i=!!r.props.disabled;void 0!==t&&e.push({value:t,label:String(n),disabled:i})}else"Select2OptionGroup"===n&&r.props.children&&t(r.props.children)}}))};return t(C),e}),[C]),z=d((e=>{null==E||E(e)}),[E]),B=d((e=>{c||(H(e),e&&l&&Z([...$]),e||V(""))}),[c,l,$]),G=d((e=>{e.disabled||(z(e.value),H(!1),V(""))}),[z]),W=d(((e,t)=>{t.disabled||Z((n=>e?[...n,t.value]:n.filter((e=>e!==t.value))))}),[]),P=d((()=>{l&&z(L),H(!1),V("")}),[z,l,L]),j=d((()=>{H(!1),V("")}),[]),F=d((e=>{if(l&&Array.isArray(n)){const t=n.filter((t=>t!==e));z(t)}}),[l,n,z]),Y=d((e=>{V(e.target.value)}),[]),J=d((e=>{e.stopPropagation()}),[]),U=p((()=>T.find((e=>e.value===n))),[T,n]),Q=p((()=>l&&Array.isArray(n)?T.filter((e=>n.includes(e.value))):[]),[l,T,n]),_=p((()=>f&&N?T.filter((e=>e.label.toLowerCase().includes(N.toLowerCase()))):T),[T,N,f]),K=d((()=>{R.current&&O(R.current.scrollWidth>R.current.clientWidth)}),[]);o((()=>{if(!window.ResizeObserver)return;if(!R.current)return;K();const e=new window.ResizeObserver((()=>{R.current&&K()}));return e.observe(R.current),()=>{e.disconnect()}}),[K,Q]),o((()=>{l&&Array.isArray(n)&&Z(n)}),[l,n]),o((()=>{l&&"function"==typeof I&&I(L)}),[l,L]);const q=p((()=>f?t.createElement(nC,{autoFocus:!0,placeholder:b,value:N,onChange:Y}):null),[f,N,b,Y]),ee=p((()=>l?t.createElement(vd,null,t.createElement(Nt,{color:"clear",size:"small",onClick:j},w),t.createElement(Nt,{color:"primary",disabled:0===L.length,size:"small",onClick:P},y)):null),[l,L,P,j,y,w]),te=t.createElement(Uw,Object.assign({$disabled:c,$error:x,$hasValue:l?Array.isArray(n)&&n.length>0:!!U,$isOpen:k,$multiple:l,$size:m,$variant:g,"aria-expanded":k,"aria-invalid":x,disabled:c,role:"combobox",type:"button"},A)
|
|
3530
|
+
`;const rC=e=>{var{value:n,multiple:l=!1,disabled:c=!1,placeholder:u="選択してください",size:m="medium",variant:g="light",tagVariant:h,searchable:f=!1,searchPlaceholder:b="検索",noResultsMessage:v="見つかりませんでした",error:x=!1,applyButtonText:y="適用",cancelButtonText:w="キャンセル",children:C,onChange:E,onTempChange:I}=e,A=M(e,["value","multiple","disabled","placeholder","size","variant","tagVariant","searchable","searchPlaceholder","noResultsMessage","error","applyButtonText","cancelButtonText","children","onChange","onTempChange"]);const[k,H]=r(!1),[N,V]=r(""),[L,Z]=r([]),[D,O]=r(!1),R=i(null),S=p((()=>h||("light"===g?"dark":"light")),[g,h]),$=p((()=>l?Array.isArray(n)?n:[]:void 0!==n?[n]:[]),[n,l]),T=p((()=>{if(!C)return[];const e=[],t=n=>{s.forEach(n,(n=>{if(!a(n))return;const r=n;if(r.type&&"string"!=typeof r.type){const n=r.type.displayName||r.type.name;if("Select2Option"===n){const t=r.props.value,n=r.props.children,i=!!r.props.disabled;void 0!==t&&e.push({value:t,label:String(n),disabled:i})}else"Select2OptionGroup"===n&&r.props.children&&t(r.props.children)}}))};return t(C),e}),[C]),z=d((e=>{null==E||E(e)}),[E]),B=d((e=>{c||(H(e),e&&l&&Z([...$]),e||V(""))}),[c,l,$]),G=d((e=>{e.disabled||(z(e.value),H(!1),V(""))}),[z]),W=d(((e,t)=>{t.disabled||Z((n=>e?[...n,t.value]:n.filter((e=>e!==t.value))))}),[]),P=d((()=>{l&&z(L),H(!1),V("")}),[z,l,L]),j=d((()=>{H(!1),V("")}),[]),F=d((e=>{if(l&&Array.isArray(n)){const t=n.filter((t=>t!==e));z(t)}}),[l,n,z]),Y=d((e=>{V(e.target.value)}),[]),J=d((e=>{e.stopPropagation()}),[]),U=p((()=>T.find((e=>e.value===n))),[T,n]),Q=p((()=>l&&Array.isArray(n)?T.filter((e=>n.includes(e.value))):[]),[l,T,n]),_=p((()=>f&&N?T.filter((e=>e.label.toLowerCase().includes(N.toLowerCase()))):T),[T,N,f]),K=d((()=>{R.current&&O(R.current.scrollWidth>R.current.clientWidth)}),[]);o((()=>{if(!window.ResizeObserver)return;if(!R.current)return;K();const e=new window.ResizeObserver((()=>{R.current&&K()}));return e.observe(R.current),()=>{e.disconnect()}}),[K,Q]),o((()=>{l&&Array.isArray(n)&&Z(n)}),[l,n]),o((()=>{l&&"function"==typeof I&&I(L)}),[l,L]);const q=p((()=>f?t.createElement(nC,{autoFocus:!0,placeholder:b,value:N,onChange:Y}):null),[f,N,b,Y]),ee=p((()=>l?t.createElement(vd,null,t.createElement(Nt,{color:"clear",size:"small",onClick:j},w),t.createElement(Nt,{color:"primary",disabled:0===L.length,size:"small",onClick:P},y)):null),[l,L,P,j,y,w]),te=t.createElement(Uw,Object.assign({$disabled:c,$error:x,$hasValue:l?Array.isArray(n)&&n.length>0:!!U,$isOpen:k,$multiple:l,$size:m,$variant:g,"aria-expanded":k,"aria-invalid":x,disabled:c,role:"combobox",type:"button"},A),l&&Array.isArray(n)&&0===n.length?t.createElement(eC,{$disabled:c,$variant:g},u):!l&&t.createElement(_w,null,U?U.label:t.createElement(eC,{$disabled:c,$variant:g},u)),t.createElement(tC,{$disabled:c,$size:m,$multiple:l},t.createElement(X,{name:"arrow_down",color:"currentColor"})));return t.createElement(Yw,null,t.createElement(Jw,{$disabled:c,$error:x,$isOpen:k,$size:m,$variant:g,"data-disabled":c,"data-overflowing":D,style:{cursor:l||c?"default":"pointer"}},t.createElement(md,null,t.createElement(pd,{noResultsMessage:f?v:void 0,open:k,stickyFooter:ee,stickyHeader:q,trigger:te,onOpenChange:B},(()=>{const e=f&&!!N?new Set(_.map((e=>e.value))):void 0;if(C){const r=((e,r)=>{const i=[];let o=null;const c=(e,i,o)=>{const a=e.props.value,s=!!e.props.disabled,c=e.props.children;if(r&&!r.has(a))return null;const d=l?L.includes(a):a===n;return t.createElement(rl,{key:`${i}-${o}`,checked:d,closeOnChange:!l,disabled:s,tabIndex:0,onChange:()=>{l?W(!d,{value:a,label:String(c),disabled:s}):G({value:a,label:String(c),disabled:s})}},c)},d=()=>{if(null===o)return;const e=o,n=e.options.map(((t,n)=>c(t,`option-${e.label}`,n))).filter(Boolean);0!==n.length&&(i.push(t.createElement(gd,{key:`heading-${e.label}`},e.label)),i.push(...n))};return s.forEach(e,(e=>{if(!a(e))return;const n=e;if(n.type&&"string"!=typeof n.type){const e=n.type.displayName||n.type.name;if("Select2OptionGroup"===e)null!==o&&d(),o={label:n.props.label,options:[]},n.props.children&&s.forEach(n.props.children,(e=>{if(a(e)){const t=e;"Select2Option"===(t.type.displayName||t.type.name)&&null!==o&&o.options.push(t)}}));else if("Select2Separator"===e)i.length>0&&i.push(t.createElement(bd,{key:`separator-${i.length}`}));else if("Select2Option"===e)if(null!==o)o.options.push(n);else{const e=n.props.value;if(r&&!r.has(e))return;i.push(c(n,"option",i.length))}else i.push(n)}})),null!==o&&d(),i})(C,e);return 0===r.length?t.createElement(od,{message:v}):r}return _.length>0?_.map((e=>{const r=l?L.includes(e.value):e.value===n;return t.createElement(rl,{key:e.value.toString(),checked:r,closeOnChange:!l,disabled:e.disabled,tabIndex:0,onChange:()=>{l?W(!r,e):G(e)}},e.label)})):t.createElement(od,{message:v})})())),l&&t.createElement(Qw,null,t.createElement(Kw,{ref:R,onClick:J},Q.map((e=>{const n=c?void 0:()=>F(e.value);return t.createElement(qw,{key:e.value.toString(),disabled:c,label:e.label,size:m,variant:S,onRemove:n})}))))))},iC=e=>null;iC.displayName="Select2Option";const oC=e=>null;oC.displayName="Select2OptionGroup";const aC=()=>null;aC.displayName="Select2Separator";const lC=e=>{switch(e){case"down":default:return"translateY(100vh)";case"up":return"translateY(-100vh)";case"right":return"translateX(100vw)";case"left":return"translateX(-100vw)"}},sC="slide-transition",cC=v(qe)`
|
|
3530
3531
|
&.${sC}-enter, &.${sC}-appear {
|
|
3531
3532
|
transform: ${({direction:e})=>lC(e)};
|
|
3532
3533
|
}
|