ingred-ui 33.14.2 → 33.15.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Select2/types.d.ts +6 -0
- package/dist/index.es.js +63 -63
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +2 -2
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -741,7 +741,7 @@ var lr=["input:not([inert])","select:not([inert])","textarea:not([inert])","a[hr
|
|
|
741
741
|
transparent 100%
|
|
742
742
|
);
|
|
743
743
|
z-index: 1;
|
|
744
|
-
`,to=e.forwardRef((({open:t,trigger:n,width:r,minWidth:a,maxHeight:i,children:o,onOpenChange:l,stickyHeader:s,stickyFooter:d,placement:u,middleware:p},f)=>{const m=L(),{isRoot:h,close:g}=e.useContext(Ue),[b,v]=e.useState(!1),x=e.useRef(null),w=e.useRef(null),[C,E]=e.useState(!1),[I,k]=e.useState(!1),M=Ua(`(max-width: ${y.MOBILE}px)`),$=e.useCallback((()=>{const e=x.current;e&&E((({scrollTop:e,scrollHeight:t,clientHeight:n,epsilon:r=1})=>!(n<=0)&&t>n&&e<t-n-r)({scrollTop:e.scrollTop,scrollHeight:e.scrollHeight,clientHeight:e.clientHeight}))}),[]),A=$,S=e.useMemo((()=>!!I||(void 0!==t?t:b)),[t,b,I]),V=e.useCallback((()=>{g(),v(!1),k(!1),null==l||l(!1)}),[g,v,k,l]),H=function(e){const t=Fr(),n=Jr(),r=Xr();return Tr((()=>{const e={id:t,parentId:r};return null==n||n.addNode(e),()=>{null==n||n.removeNode(e)}}),[n,t,r]),t}(),{refs:O,floatingStyles:D,context:R}=Ra({nodeId:H,open:S,onOpenChange:e=>{v(e),null==l||l(e)},placement:u,middleware:null!=p?p:[Nn({mainAxis:5,crossAxis:0}),Rn((()=>h?{allowedPlacements:["bottom-start","bottom-end","top-start","top-end"]}:{allowedPlacements:M?["bottom-start"]:["right-start","left-start"],autoAlignment:!1})),Zn({apply({availableWidth:e,availableHeight:t,elements:n}){let a=Math.max(0,t);if(i)if("number"==typeof i)a=Math.min(a,i);else{if(!/[a-z%]+$/i.test(i)){const e=parseFloat(i);isNaN(e)||(a=Math.min(a,e))}}Object.assign(n.floating.style,Object.assign({maxWidth:`${Math.max(0,e)}px`,maxHeight:`${a}px`},null!=r&&{width:`${r}px`}))}})],whileElementsMounted:Kn}),N=function(e,t){void 0===t&&(t={});const{open:n,onOpenChange:r,dataRef:a,elements:{domReference:i}}=e,{enabled:o=!0,event:l="click",toggle:s=!0,ignoreMouse:d=!1,keyboardHandlers:u=!0}=t,p=c.useRef(),f=c.useRef(!1);return c.useMemo((()=>o?{reference:{onPointerDown(e){p.current=e.pointerType},onMouseDown(e){0===e.button&&(nn(p.current,!0)&&d||"click"!==l&&(!n||!s||a.current.openEvent&&"mousedown"!==a.current.openEvent.type?(e.preventDefault(),r(!0,e.nativeEvent,"click")):r(!1,e.nativeEvent,"click")))},onClick(e){"mousedown"===l&&p.current?p.current=void 0:nn(p.current,!0)&&d||(!n||!s||a.current.openEvent&&"click"!==a.current.openEvent.type?r(!0,e.nativeEvent,"click"):r(!1,e.nativeEvent,"click"))},onKeyDown(e){p.current=void 0,e.defaultPrevented||!u||Aa(e)||(" "!==e.key||Sa(i)||(e.preventDefault(),f.current=!0),"Enter"===e.key&&r(!n||!s,e.nativeEvent,"click"))},onKeyUp(e){e.defaultPrevented||!u||Aa(e)||Sa(i)||" "===e.key&&f.current&&(f.current=!1,r(!n||!s,e.nativeEvent,"click"))}}}:{}),[o,a,l,d,u,i,s,n,r])}(R),T=na(R,{enabled:!h,mouseOnly:!0,delay:{open:100,close:I?999999:100},restMs:100,handleClose:Ya()}),Z=Oa(R),[B,P]=e.useState(null),_=Ga(R),F=e.useRef([]),G=Fa(R,{listRef:F,activeIndex:B,onNavigate:P,loop:!0,nested:!h}),j=Xa(F,[]),{getReferenceProps:Y,getFloatingProps:W,getItemProps:X}=Na([N,T,Z,_,G]),J=[to.displayName,rt.displayName,ni.displayName,ci.displayName,mi.displayName,_i.displayName,Gi.displayName];e.useEffect((()=>{ji(n)&&O.setPositionReference({getBoundingClientRect:()=>({width:0,height:0,x:n.x,y:n.y,top:n.y,left:n.x,right:n.x,bottom:n.y})})}),[n,f,O]),e.useLayoutEffect((()=>{if(!S)return
|
|
744
|
+
`,to=e.forwardRef((({open:t,trigger:n,width:r,minWidth:a,maxHeight:i,children:o,onOpenChange:l,stickyHeader:s,stickyFooter:d,placement:u,middleware:p},f)=>{const m=L(),{isRoot:h,close:g}=e.useContext(Ue),[b,v]=e.useState(!1),x=e.useRef(null),w=e.useRef(null),[C,E]=e.useState(!1),[I,k]=e.useState(!1),M=Ua(`(max-width: ${y.MOBILE}px)`),$=e.useCallback((()=>{const e=x.current;e&&E((({scrollTop:e,scrollHeight:t,clientHeight:n,epsilon:r=1})=>!(n<=0)&&t>n&&e<t-n-r)({scrollTop:e.scrollTop,scrollHeight:e.scrollHeight,clientHeight:e.clientHeight}))}),[]),A=$,S=e.useMemo((()=>!!I||(void 0!==t?t:b)),[t,b,I]),V=e.useCallback((()=>{g(),v(!1),k(!1),null==l||l(!1)}),[g,v,k,l]),H=function(e){const t=Fr(),n=Jr(),r=Xr();return Tr((()=>{const e={id:t,parentId:r};return null==n||n.addNode(e),()=>{null==n||n.removeNode(e)}}),[n,t,r]),t}(),{refs:O,floatingStyles:D,context:R}=Ra({nodeId:H,open:S,onOpenChange:e=>{v(e),null==l||l(e)},placement:u,middleware:null!=p?p:[Nn({mainAxis:5,crossAxis:0}),Rn((()=>h?{allowedPlacements:["bottom-start","bottom-end","top-start","top-end"]}:{allowedPlacements:M?["bottom-start"]:["right-start","left-start"],autoAlignment:!1})),Zn({apply({availableWidth:e,availableHeight:t,elements:n}){let a=Math.max(0,t);if(i)if("number"==typeof i)a=Math.min(a,i);else{if(!/[a-z%]+$/i.test(i)){const e=parseFloat(i);isNaN(e)||(a=Math.min(a,e))}}Object.assign(n.floating.style,Object.assign({maxWidth:`${Math.max(0,e)}px`,maxHeight:`${a}px`},null!=r&&{width:`${r}px`}))}})],whileElementsMounted:Kn}),N=function(e,t){void 0===t&&(t={});const{open:n,onOpenChange:r,dataRef:a,elements:{domReference:i}}=e,{enabled:o=!0,event:l="click",toggle:s=!0,ignoreMouse:d=!1,keyboardHandlers:u=!0}=t,p=c.useRef(),f=c.useRef(!1);return c.useMemo((()=>o?{reference:{onPointerDown(e){p.current=e.pointerType},onMouseDown(e){0===e.button&&(nn(p.current,!0)&&d||"click"!==l&&(!n||!s||a.current.openEvent&&"mousedown"!==a.current.openEvent.type?(e.preventDefault(),r(!0,e.nativeEvent,"click")):r(!1,e.nativeEvent,"click")))},onClick(e){"mousedown"===l&&p.current?p.current=void 0:nn(p.current,!0)&&d||(!n||!s||a.current.openEvent&&"click"!==a.current.openEvent.type?r(!0,e.nativeEvent,"click"):r(!1,e.nativeEvent,"click"))},onKeyDown(e){p.current=void 0,e.defaultPrevented||!u||Aa(e)||(" "!==e.key||Sa(i)||(e.preventDefault(),f.current=!0),"Enter"===e.key&&r(!n||!s,e.nativeEvent,"click"))},onKeyUp(e){e.defaultPrevented||!u||Aa(e)||Sa(i)||" "===e.key&&f.current&&(f.current=!1,r(!n||!s,e.nativeEvent,"click"))}}}:{}),[o,a,l,d,u,i,s,n,r])}(R),T=na(R,{enabled:!h,mouseOnly:!0,delay:{open:100,close:I?999999:100},restMs:100,handleClose:Ya()}),Z=Oa(R),[B,P]=e.useState(null),_=Ga(R),F=e.useRef([]),G=Fa(R,{listRef:F,activeIndex:B,onNavigate:P,loop:!0,nested:!h}),j=Xa(F,[]),{getReferenceProps:Y,getFloatingProps:W,getItemProps:X}=Na([N,T,Z,_,G]),J=[to.displayName,rt.displayName,ni.displayName,ci.displayName,mi.displayName,_i.displayName,Gi.displayName];e.useEffect((()=>{ji(n)&&O.setPositionReference({getBoundingClientRect:()=>({width:0,height:0,x:n.x,y:n.y,top:n.y,left:n.x,right:n.x,bottom:n.y})})}),[n,f,O]),e.useLayoutEffect((()=>{S||E((e=>!e&&e))}),[S]),e.useLayoutEffect((()=>{if(!S)return;const e=requestAnimationFrame((()=>{$()}));return()=>cancelAnimationFrame(e)}),[S,o,$]),e.useEffect((()=>{if(!S)return;if(!window.ResizeObserver)return;const e=x.current,t=w.current;if(!e)return;const n=new window.ResizeObserver((()=>{$()}));return n.observe(e),t&&n.observe(t),()=>{n.disconnect()}}),[S,$]);const U=e.isValidElement(n)?n.props.ref:void 0,Q=function(e){return c.useMemo((()=>e.every((e=>null==e))?null:t=>{e.forEach((e=>{"function"==typeof e?e(t):null!=e&&(e.current=t)}))}),e)}([f,O.setReference,U]),q=!ji(n)&&e.isValidElement(n)?(()=>{const e=Object.assign({},n.props);return delete e.ref,e})():{};return c.default.createElement(c.default.Fragment,null,ji(n)?null:e.cloneElement(n,Object.assign(Object.assign(Object.assign({},q),Y()),{ref:Q})),c.default.createElement(Ur,{id:H},S&&c.default.createElement(Ia,null,c.default.createElement($a,{context:R,modal:!1,initialFocus:-1,returnFocus:!1},c.default.createElement(Wi,Object.assign({ref:O.setFloating,$maxHeight:i,style:Object.assign(Object.assign(Object.assign({},D),null!=p&&null!=r&&{width:`${r}px`}),{minWidth:null!=a?a:"auto"})},W()),c.default.createElement(Xi,null,c.default.createElement(Ue.Provider,{value:{isRoot:!1,activeIndex:B,maxActiveIndex:j,setActiveIndex:P,close:V}},c.default.createElement(hi.Provider,{value:{isSorting:I,setIsSorting:k}},s&&c.default.createElement(Ji,null,s),c.default.createElement(Qi,null,c.default.createElement(qi,{ref:x,onScroll:A},c.default.createElement(Ki,{ref:w,$hasStickyHeader:!!s,$hasStickyFooter:!!d},((e,t=!0)=>c.default.Children.toArray(e).filter((e=>{if(!c.default.isValidElement(e))return!1;const n=e.type;if(n===c.default.Fragment)return!0;const r="function"==typeof n||"object"==typeof n?n.displayName:void 0;return"ContextMenu2TriggerItem"===r||"DataTable2MenuCountControl"===r||"DataTable2MenuSpaceControl"===r||"DataTable2MenuOrderControl"===r||("ContextMenu2Container"===r||(t||("function"==typeof n||"object"==typeof n)&&J.includes(n.displayName)))})).map((e=>c.default.isValidElement(e)?c.default.cloneElement(e,Object.assign(Object.assign(Object.assign({tabIndex:B===e.key?0:-1,ref:t=>{F.current[e.key]=t}},X()),e.props),{key:e.key})):e)))(o))),C&&c.default.createElement(eo,{"aria-hidden":"true"},c.default.createElement(z,{name:"skip_down",type:"fill",size:"md",color:m.palette.black}))),d&&c.default.createElement(Ui,null,d)))))))))}));to.displayName="ContextMenu2";const no=({children:t})=>{if(!e.isValidElement(t)||"string"==typeof t.type||"function"!=typeof t.type&&"object"!=typeof t.type||!("displayName"in t.type)||t.type.displayName!==to.displayName)throw new Error("ContextMenu2Container には 1 つの ContextMenu2 しか入れられません");return c.default.createElement(Ue.Provider,{value:{isRoot:!0,close:()=>{},activeIndex:null,maxActiveIndex:-1,setActiveIndex:()=>{}}},c.default.createElement(Qr,null,t))},ro=d.default.p`
|
|
745
745
|
border-radius: 4px;
|
|
746
746
|
padding: 4px 8px;
|
|
747
747
|
margin-bottom: 8px;
|
|
@@ -1169,7 +1169,7 @@ object-assign
|
|
|
1169
1169
|
color: ${({theme:e})=>e.palette.black};
|
|
1170
1170
|
cursor: pointer;
|
|
1171
1171
|
z-index: 1;
|
|
1172
|
-
`,yc=t=>{var{value:n,multiple:r=!1,disabled:a=!1,placeholder:i="選択してください",size:o="medium",variant:l="light",tagVariant:s,tagOverflow:d="truncate",
|
|
1172
|
+
`,yc=t=>{var{value:n,multiple:r=!1,disabled:a=!1,placeholder:i="選択してください",size:o="medium",variant:l="light",tagVariant:s,tagOverflow:d="truncate",commitOnSelect:u=!1,showBulkActions:f=!1,selectAllLabel:m="すべて選択",clearAllLabel:h="すべてクリア",searchable:g=!1,searchPlaceholder:b="検索",noResultsMessage:v="見つかりませんでした",showOptionsOnlyWhenSearching:x=!1,searchPromptMessage:y="キーワードを入力してください",error:w=!1,applyButtonText:C="適用",cancelButtonText:E="キャンセル",children:I,onChange:k,onTempChange:M,width:$,minWidth:A,placement:S,middleware:V}=t,L=p(t,["value","multiple","disabled","placeholder","size","variant","tagVariant","tagOverflow","commitOnSelect","showBulkActions","selectAllLabel","clearAllLabel","searchable","searchPlaceholder","noResultsMessage","showOptionsOnlyWhenSearching","searchPromptMessage","error","applyButtonText","cancelButtonText","children","onChange","onTempChange","width","minWidth","placement","middleware"]);const[H,O]=e.useState(!1),[D,R]=e.useState(""),[N,T]=e.useState([]),[Z,B]=e.useState(!1),P=e.useRef(null),_=e.useMemo((()=>s||("light"===l?"dark":"light")),[l,s]),F=e.useMemo((()=>r?Array.isArray(n)?n:[]:void 0!==n?[n]:[]),[n,r]),G=e.useMemo((()=>{if(!I)return[];const t=[],n=r=>{e.Children.forEach(r,(r=>{if(!e.isValidElement(r))return;const a=r;if(a.type&&"string"!=typeof a.type){const e=a.type.displayName||a.type.name;if("Select2Option"===e){const e=a.props.value,n=a.props.children,r=!!a.props.disabled,i=a.props.prepend,o=a.props.append;void 0!==e&&t.push({value:e,label:String(n),disabled:r,prepend:i,append:o})}else"Select2OptionGroup"===e&&a.props.children&&n(a.props.children)}}))};return n(I),t}),[I]),j=e.useCallback((e=>{null==k||k(e)}),[k]),Y=e.useCallback((e=>{a||(O(e),e&&r&&T([...F]),e||R(""))}),[a,r,F]),W=e.useCallback((e=>{e.disabled||(j(e.value),O(!1),R(""))}),[j]),X=r&&u,J=e.useCallback(((e,t)=>{if(!t.disabled)if(X){const n=e?[...new Set([...F,t.value])]:F.filter((e=>e!==t.value));j(n)}else T((n=>e?[...n,t.value]:n.filter((e=>e!==t.value))))}),[j,X,F]),U=e.useCallback((()=>{r&&j(N),O(!1),R("")}),[j,r,N]),Q=e.useCallback((()=>{O(!1),R("")}),[]),q=e.useCallback((e=>{if(r&&Array.isArray(n)){const t=n.filter((t=>t!==e));j(t)}}),[r,n,j]),K=e.useCallback((e=>{R(e.target.value)}),[]),ee=e.useCallback((e=>{e.stopPropagation(),R("")}),[]),te=e.useCallback((()=>{a||Y(!H)}),[a,Y,H]),ne=e.useMemo((()=>G.find((e=>e.value===n))),[G,n]),re=e.useMemo((()=>r&&Array.isArray(n)?G.filter((e=>n.includes(e.value))):[]),[r,G,n]),ae=x&&g&&""===D.trim(),ie=e.useMemo((()=>new Set(r?[...F,...N]:F)),[r,F,N]),oe=e.useMemo((()=>{if(!g||!D)return G;const e=D.trim();if(!e)return G;const t=e.includes(","),n=e.startsWith('"')&&e.endsWith('"'),r=Fl(e);return G.filter((a=>{const i=a.label.toLowerCase();return n?r.some((e=>i===e.toLowerCase())):t?r.some((e=>i.includes(e.toLowerCase()))):i.includes(e.toLowerCase())}))}),[G,D,g]),le=e.useMemo((()=>G.filter((e=>ie.has(e.value)))),[G,ie]),se=ae?le:oe,ce=e.useCallback((()=>{const e=se.filter((e=>!e.disabled)).map((e=>e.value));X?j([...new Set([...F,...e])]):T((t=>[...new Set([...t,...e])]))}),[se,j,X,F]),de=e.useCallback((()=>{X?j([]):T([])}),[j,X]),ue=e.useCallback((()=>{P.current&&"wrap"!==d&&B(P.current.scrollWidth>P.current.clientWidth)}),[d]);e.useEffect((()=>{if(!window.ResizeObserver)return;if(!P.current)return;ue();const e=new window.ResizeObserver((()=>{P.current&&ue()}));return e.observe(P.current),()=>{e.disconnect()}}),[ue,re,d]),e.useEffect((()=>{r&&Array.isArray(n)&&T(n)}),[r,n]),e.useEffect((()=>{X||r&&"function"==typeof M&&M(N)}),[X,r,N]);const pe=e.useMemo((()=>f&&r?c.default.createElement(vc,null,c.default.createElement(nc,{content:m,positionPriority:["top"],offset:[0,8],disabled:0===se.length},c.default.createElement(Ho,{"aria-label":m,icon:c.default.createElement(z,{name:"check_thin",color:"currentColor"}),size:"small",color:"secondaryDark",disabled:0===se.length,onClick:ce})),c.default.createElement(nc,{content:h,positionPriority:["top"],offset:[0,8],disabled:0===se.length},c.default.createElement(Ho,{"aria-label":h,icon:c.default.createElement(z,{name:"close",color:"currentColor"}),size:"small",color:"secondaryDark",disabled:0===se.length,onClick:de}))):null),[f,r,m,h,se,ce,de]),fe=e.useMemo((()=>g&&f&&r?c.default.createElement(gc,null,c.default.createElement(bc,null,c.default.createElement(hc,{autoFocus:!0,placeholder:b,value:D,onChange:K}),D&&c.default.createElement(xc,{type:"button","aria-label":"検索をリセット",onClick:ee},c.default.createElement(z,{name:"close_circle",type:"fill",color:"currentColor"}))),pe):g?c.default.createElement(gc,null,c.default.createElement(bc,null,c.default.createElement(hc,{autoFocus:!0,placeholder:b,value:D,onChange:K}),D&&c.default.createElement(xc,{type:"button","aria-label":"検索をリセット",onClick:ee},c.default.createElement(z,{name:"close_circle",type:"fill",color:"currentColor"})))):f&&r?pe:null),[g,f,r,D,b,K,ee,pe]),me=e.useMemo((()=>!r||u?null:c.default.createElement(lo,null,c.default.createElement(Ho,{color:"clear",size:"small",onClick:Q},E),c.default.createElement(Ho,{color:"primary",size:"small",onClick:U},C))),[r,u,U,Q,C,E]),he=L,ge="string"==typeof he["aria-label"]||"string"==typeof he["aria-labelledby"],be=c.default.createElement(oc,Object.assign({$disabled:a,$error:w,$hasValue:r?Array.isArray(n)&&n.length>0:!!ne,$isOpen:H,$multiple:r,$size:o,$variant:l,"aria-expanded":H,"aria-invalid":w,"aria-label":ge?void 0:i,disabled:a,role:"combobox",type:"button"},L),r&&Array.isArray(n)&&0===n.length?c.default.createElement(fc,{$disabled:a,$variant:l},i):!r&&c.default.createElement(sc,null,ne?c.default.createElement(c.default.Fragment,null,ne.prepend&&c.default.createElement(dc,{$size:o,$disabled:a},c.default.isValidElement(ne.prepend)&&ne.prepend.type===z?c.default.cloneElement(ne.prepend,{size:parseInt(rc[o].iconSize,10),color:ne.prepend.props.color||"currentColor"}):ne.prepend),c.default.createElement(cc,null,ne.label)):c.default.createElement(fc,{$disabled:a,$variant:l},i)),c.default.createElement(mc,{$disabled:a,$size:o,$multiple:r},c.default.createElement(z,{name:"arrow_down",color:"currentColor"})));return c.default.createElement(ac,null,c.default.createElement(ic,{$disabled:a,$error:w,$isOpen:H,$size:o,$variant:l,$tagOverflow:d,"data-disabled":a,"data-overflowing":"wrap"!==d&&Z,style:{cursor:r||a?"default":"pointer"}},c.default.createElement(no,null,c.default.createElement(to,{noResultsMessage:g?v:void 0,open:H,stickyFooter:me,stickyHeader:fe,trigger:be,width:$,minWidth:A,placement:S,middleware:V,onOpenChange:Y},(()=>{if(ae&&0===se.length)return c.default.createElement(Gi,{message:y});const t=ae||g&&!!D?new Set(se.map((e=>e.value))):void 0;if(I){const a=((t,a)=>{const i=[];let o=null;const l=(e,t,i)=>{const o=e.props.value,l=!!e.props.disabled,s=e.props.children,d=e.props.prepend,u=e.props.append;if(a&&!a.has(o))return null;const p=r?(X?F:N).includes(o):o===n;return c.default.createElement(ni,{key:`${t}-${i}`,checked:p,closeOnChange:!r,disabled:l,tabIndex:0,prepend:d,append:u,onChange:()=>{r?J(!p,{value:o,label:String(s),disabled:l,prepend:d,append:u}):W({value:o,label:String(s),disabled:l,prepend:d,append:u})}},s)},s=()=>{if(null===o)return;const e=o,t=e.options.map(((t,n)=>l(t,`option-${e.label}`,n))).filter(Boolean);0!==t.length&&(i.push(c.default.createElement(ro,{key:`heading-${e.label}`},e.label)),i.push(...t))};return e.Children.forEach(t,(t=>{if(!e.isValidElement(t))return;const n=t;if(n.type&&"string"!=typeof n.type){const t=n.type.displayName||n.type.name;if("Select2OptionGroup"===t)null!==o&&s(),o={label:n.props.label,options:[]},n.props.children&&e.Children.forEach(n.props.children,(t=>{if(e.isValidElement(t)){const e=t;"Select2Option"===(e.type.displayName||e.type.name)&&null!==o&&o.options.push(e)}}));else if("Select2Separator"===t)i.length>0&&i.push(c.default.createElement(oo,{key:`separator-${i.length}`}));else if("Select2Option"===t)if(null!==o)o.options.push(n);else{const e=n.props.value;if(a&&!a.has(e))return;i.push(l(n,"option",i.length))}else i.push(n)}})),null!==o&&s(),i})(I,t);return 0===a.length?c.default.createElement(Gi,{message:v}):a}return se.length>0?se.map((e=>{const t=r?(X?F:N).includes(e.value):e.value===n;return c.default.createElement(ni,{key:e.value.toString(),checked:t,closeOnChange:!r,disabled:e.disabled,tabIndex:0,prepend:e.prepend,append:e.append,onChange:()=>{r?J(!t,e):W(e)}},e.label)})):c.default.createElement(Gi,{message:v})})())),r&&c.default.createElement(lc,{$tagOverflow:d},c.default.createElement(uc,{ref:P,$tagOverflow:d,"data-testid":"tag-container",onClick:te},re.map((e=>{const t=a?void 0:()=>q(e.value);return c.default.createElement(pc,{key:e.value.toString(),disabled:a,label:e.label,size:o,variant:_,onRemove:t})}))))))},wc=e=>null;wc.displayName="Select2Option";const Cc=e=>null;Cc.displayName="Select2OptionGroup";const Ec=()=>null;Ec.displayName="Select2Separator";const Ic=d.default(ee)`
|
|
1173
1173
|
${C}
|
|
1174
1174
|
`,kc=c.forwardRef((function({children:e,size:t="md"},n){const r=L();return c.createElement(Z,{ref:n,display:"flex",alignItems:"center"},c.createElement(xo,{pr:.5},c.createElement(z,{name:"alert",type:"fill",color:r.palette.danger.base,size:"sm"===t?"sm-md":t})),c.createElement(Ic,{color:r.palette.danger.base,size:t},e))})),Mc=e=>{const{inputType:t,selectedValues:n,selectedRadioValue:r,startDate:a,endDate:i,value:o,isRangeOperator:l}=e;return"checkbox"===t?n:"radio"===t?[r]:l?[a,i]:[o]},$c=(e,t)=>{const n=Fe(e).find((e=>e.value===t));return(null==n?void 0:n.label)||t},Ac=e=>{const{conditionConfig:t,inputType:n,operator:r,values:a,dateFormat:i}=e;return a.map((e=>{if("checkbox"===n||"radio"===n){const n=((e,t)=>{if(t){const n=e.operators.find((e=>e.value===t));if(null==n?void 0:n.options)return n.options}return e.options||[]})(t,r).find((t=>t.value===e));return(null==n?void 0:n.label)||String(e)}if("date"===n&&i){const t=String(e);if(!t||""===t.trim())return t;const n=uo(t,"YYYY-MM-DD");return n.isValid()?n.format(i):t}return String(e)}))},Sc=e=>{const{inputType:t,operator:n,selectedValues:r,selectedRadioValue:a,startDate:i,endDate:o,value:l,isRangeOperator:s,customValidation:c}=e;if("checkbox"===t){if(0===r.length)return{isValid:!1,errorMessage:"少なくとも1つの項目を選択してください"}}else if("radio"===t){if(""===a||null==a)return{isValid:!1,errorMessage:"項目を選択してください"}}else if(s){if(!i||!o)return{isValid:!1,errorMessage:"開始日と終了日の両方を選択してください"}}else if(!l||""===l.trim())return{isValid:!1,errorMessage:"date"===t?"日付を選択してください":"値を入力してください"};if(c){let e;return e="checkbox"===t?r:"radio"===t?[a]:s?[i,o]:[l],c(e,n)}return s&&new Date(i)>new Date(o)?{isValid:!1,errorMessage:"開始日は終了日より前である必要があります"}:{isValid:!0,errorMessage:""}},Vc=e=>{const{inputType:t,selectedValues:n,selectedRadioValue:r,startDate:a,endDate:i,value:o,isRangeOperator:l}=e;return"checkbox"===t?n.length>0:"radio"===t?""!==r&&null!=r:l?!(!a||!i):!(!o||""===o.trim())},Lc=e=>!1!==e.required,Hc=(e,t)=>{const n=Be(t,e.conditionKey);return n?{condition:e,conditionConfig:n}:null},Oc=e=>{const{condition:t,conditionConfig:n}=e,r=Ge(n,t.operator),a=je(n,t.operator);return Vc({inputType:r,selectedValues:t.selectedValues,selectedRadioValue:t.selectedRadioValue,startDate:t.startDate,endDate:t.endDate,value:t.value,isRangeOperator:a})},Dc=e=>{const{condition:t,conditionConfig:n}=e,r=Ge(n,t.operator),a=je(n,t.operator);return Sc({inputType:r,operator:t.operator,selectedValues:t.selectedValues,selectedRadioValue:t.selectedRadioValue,startDate:t.startDate,endDate:t.endDate,value:t.value,isRangeOperator:a,customValidation:n.customValidation})},Rc=({option:e})=>{var t;return e.icon?c.default.createElement(z,{name:e.icon,type:null!==(t=e.iconType)&&void 0!==t?t:"line",color:e.iconColor}):null};Rc.displayName="OptionValueIcon";const zc=({options:e,selectedValues:t,onValueToggle:n,disabled:r=!1})=>c.default.createElement(ut,null,e.map((e=>c.default.createElement(ni,{key:String(e.value),checked:t.includes(e.value),disabled:r,prepend:e.icon?c.default.createElement(Rc,{option:e}):void 0,onChange:t=>n(e.value,t)},e.label))));zc.displayName="CheckboxValueInput";const Nc=({options:e,selectedRadioValue:t,onRadioChange:n,disabled:r=!1})=>c.default.createElement(ut,null,e.map((e=>c.default.createElement(ni,{key:String(e.value),checked:t===e.value,disabled:r,prepend:e.icon?c.default.createElement(Rc,{option:e}):void 0,onChange:t=>{r||t&&n(e.value)}},e.label))));Nc.displayName="RadioValueInput";const Tc=640,Zc=["日","月","火","水","木","金","土"],Bc={components:{ConfirmModal:{defaultProps:{confirmText:"確認",cancelText:"キャンセル"}},FullSizeConfirmModal:{defaultProps:{confirmText:"確認",cancelText:"キャンセル"}},FileUploader:{defaultProps:{title:"ファイルをドラッグ&ドロップ、またはここをクリック"}},ItemEmpty:{defaultProps:{title:"見つかりませんでした。"}},Select:{defaultProps:{placeholder:"選択...",emptyMessage:"見つかりません"}},CreatableSelect:{defaultProps:{placeholder:"選択...",emptyMessage:"見つかりません",addMessage:"次の文字列を追加する"}},MultipleFilter:{defaultProps:{placeholder:"新しいフィルターを追加してください"}},FilterCard:{defaultProps:{applyButtonTitle:"適用",inputErrorText:"入力してください",formPlaceholder:"検索",sectionTitle:"セクション"}},EditFilterCard:{defaultProps:{}},DatePicker:{defaultProps:{monthFormat:"YYYY年MM月",weekConfig:{start:0,labels:[...Zc]}}},DateRangePicker:{defaultProps:{monthFormat:"YYYY年MM月",weekConfig:{start:0,labels:[...Zc]},applyButtonText:"適用",cancelButtonText:"キャンセル"}},WeekTime:{defaultProps:{weekList:["月","火","水","木","金","土","日"]}},WeekTimeSelector:{defaultProps:{weekList:["月","火","水","木","金","土","日"]}},DualListBox:{defaultProps:{selectedItemTitle:"個選択済み"}}}},Pc={components:{DatePicker:{defaultProps:{monthFormat:"MMM YYYY",weekConfig:{start:0,labels:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"]}}},DateRangePicker:{defaultProps:{monthFormat:"MMM YYYY",weekConfig:{start:0,labels:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"]},applyButtonText:"Apply",cancelButtonText:"Cancel"}},WeekTime:{defaultProps:{weekList:["Mon","Tue","Wed","Thu","Fri","Sat","Sun"]}},WeekTimeSelector:{defaultProps:{weekList:["Mon","Tue","Wed","Thu","Fri","Sat","Sun"]}},DualListBox:{defaultProps:{selectedItemTitle:"selected"}}}},_c=c.createContext({locale:Pc});function Fc(e){var t,n;const{name:r,props:a}=e,i=c.default.useContext(_c).locale,o=Object.assign({},a);if(!i||!i.components)return o;const l=null===(n=null===(t=i.components)||void 0===t?void 0:t[r])||void 0===n?void 0:n.defaultProps;for(const e in l)void 0===o[e]&&(o[e]=l[e]);return o}const Gc=e.forwardRef((function(t,n){const r=Fc({props:t,name:"DatePicker"}),{date:a,format:i="YYYY-MM-DD",disabled:o=!1,size:l="medium",variant:s="light",width:d,monthFormat:u,weekConfig:p,showDateFields:f=!1,showTimeFields:m=!1,timeFieldProps:h,useCalendarRange:g=!1,isOutsideRange:b,error:v=!1,errorText:x,defaultPresetButton:y,presetButtons:w,onPresetButtonClick:C,onDateChange:E,onDatesChange:I,endDate:k}=r,M=L(),[$,A]=e.useState(!1),{context:S,refs:V,strategy:H,x:O,y:D}=Ra({placement:"bottom-start",open:$,onOpenChange:A,middleware:[Nn(10),zn(),Tn({padding:8})]}),R=Oa(S),N=Ga(S),{getReferenceProps:T,getFloatingProps:B}=Na([R,N]),P=e.useCallback((()=>{o||A((e=>!e))}),[o]),_=e.useCallback((e=>{E(e),A(!1)}),[E]),F=e.useMemo((()=>c.default.createElement(z,{name:"date_range",color:o?M.palette.neutral.base:M.palette.text.accent})),[o,M]),G=e.useMemo((()=>"100%"===d||"string"==typeof d&&d.includes("100%")?{width:"100%"}:{width:"fit-content"}),[d]);return c.default.createElement(Z,{ref:n,style:G},c.default.createElement("div",Object.assign({ref:V.setReference},T()),c.default.createElement(Qw,{date:a,format:i,error:v,errorText:x,disabled:o,size:l,variant:s,width:d,append:F,onDateChange:E,onAppendClick:P})),$&&c.default.createElement(Ia,null,c.default.createElement($a,{context:S,modal:!1,initialFocus:-1,returnFocus:!1},g?c.default.createElement(cp,Object.assign({ref:V.setFloating,startDate:a,endDate:k||a,monthFormat:u,weekConfig:p,defaultPresetButton:y,presetButtons:w,showDateFields:f,showTimeFields:m,timeFieldProps:h,dateFieldFormat:i,isOutsideRange:b,style:{position:H,top:null!=D?D:0,left:null!=O?O:0,zIndex:M.depth.calendarRange,overflow:"hidden",maxWidth:"min(640px, calc(100vw - 16px))"},onPresetButtonClick:C,onDatesChange:I},B())):c.default.createElement(Pu,Object.assign({ref:V.setFloating,date:a,monthFormat:u,weekConfig:p,defaultPresetButton:y,presetButtons:w,showDateFields:f,showTimeFields:m,timeFieldProps:h,dateFieldFormat:i,isOutsideRange:b,style:{position:H,top:null!=D?D:0,left:null!=O?O:0,zIndex:M.depth.calendar,overflow:"hidden",maxWidth:"min(640px, calc(100vw - 16px))"},onPresetButtonClick:C,onDateChange:_},B())))))}));var jc=e.memo(Gc);const Yc=({startDate:t,endDate:n,onStartDateChange:r,onEndDateChange:a,format:i="YYYY-MM-DD",disabled:o=!1})=>{const l=e.useMemo((()=>{if(t&&""!==t.trim()){const e=uo(t,"YYYY-MM-DD");return e.isValid()?e:uo()}return uo()}),[t]),s=e.useMemo((()=>{if(n&&""!==n.trim()){const e=uo(n,"YYYY-MM-DD");return e.isValid()?e:uo()}return uo()}),[n]);return c.default.createElement(it,null,c.default.createElement(lt,null,c.default.createElement(dt,{htmlFor:"start-date-picker"},"開始日"),c.default.createElement(jc,{date:l,format:i,variant:"dark",width:"100%",disabled:o,onDateChange:e=>{r(e.format("YYYY-MM-DD"))}})),c.default.createElement(lt,null,c.default.createElement(dt,{htmlFor:"end-date-picker"},"終了日"),c.default.createElement(jc,{date:s,format:i,variant:"dark",width:"100%",disabled:o,onDateChange:e=>{a(e.format("YYYY-MM-DD"))}})))};Yc.displayName="DateRangeInput";const Wc=({inputType:t,value:n,placeholder:r,onValueChange:a,onKeyDown:i,format:o="YYYY-MM-DD",inputRef:l,disabled:s=!1})=>{const d=e.useMemo((()=>{if("date"===t&&n&&""!==n.trim()){const e=uo(n,"YYYY-MM-DD");return e.isValid()?e:uo()}return uo()}),[t,n]),u=e=>{const t=e.format("YYYY-MM-DD");a(t)};return"date"===t?c.default.createElement(ct,null,c.default.createElement(jc,{date:d,format:o,variant:"dark",width:"100%",disabled:s,onDateChange:u})):c.default.createElement(st,null,c.default.createElement(Bi,{ref:l,type:"text",value:n,placeholder:r,fullWidth:!0,variant:"dark",disabled:s,onChange:e=>a(e.target.value),onKeyDown:i}))};Wc.displayName="TextValueInput";const Xc=({filterConfig:e,operator:t,value:n,selectedValues:r,selectedRadioValue:a,startDate:i,endDate:o,onValueChange:l,onValueToggle:s,onRadioChange:d,onStartDateChange:u,onEndDateChange:p,onKeyDown:f,isRangeOperator:m,textInputRef:h,disabled:g=!1})=>{const b=Se(e,t);return"checkbox"===b?c.default.createElement(zc,{options:Le(e,t),selectedValues:r,disabled:g,onValueToggle:s}):"radio"===b?c.default.createElement(Nc,{options:Le(e,t),selectedRadioValue:a,disabled:g,onRadioChange:d}):m(t)?c.default.createElement(Yc,{startDate:i,endDate:o,format:He(e),disabled:g,onStartDateChange:u,onEndDateChange:p}):c.default.createElement(Wc,{inputType:b,inputRef:"text"===b?h:void 0,value:n,placeholder:Ve(e),format:"date"===b?He(e):void 0,disabled:g,onValueChange:l,onKeyDown:f})};Xc.displayName="ConfigPanelValueInput";const Jc=(e,t,n)=>{if(!t)return((e,t)=>{const n=_e(e),r=Ge(e,n);let a="",i="",o="";return je(e,n)?(i=t,o=t):"date"===r&&(a=t),{id:`condition_${e.conditionKey}`,conditionKey:e.conditionKey,conditionLabel:e.conditionLabel,operator:n,value:a,selectedValues:[],selectedRadioValue:"",startDate:i,endDate:o}})(e,n);let r="",a=[],i="",o="",l="";if((t.isRange||!1)&&t.values.length>=2)o="string"==typeof t.values[0]?t.values[0]:"",l="string"==typeof t.values[1]?t.values[1]:"";else if(t.values.length>0){const e=t.values[0];"string"==typeof e&&(r=e),a=t.values,i=e}return{id:`condition_${e.conditionKey}`,conditionKey:t.conditionKey,conditionLabel:t.conditionLabel,operator:t.operator,value:r,selectedValues:a,selectedRadioValue:i,startDate:o,endDate:l}},Uc={xs:{iconSize:12,height:"18px",pillHeight:"18px",gap:"2px",padding:e=>.5*e.spacing+"px",signalPaddingLeft:"2px",signalPaddingRight:"4px",dotSize:12,fontSize:"11px"},small:{iconSize:14,height:"22px",pillHeight:"20px",gap:"2px",padding:e=>.75*e.spacing+"px",signalPaddingLeft:"4px",signalPaddingRight:"6px",dotSize:14,fontSize:"12px"},medium:{iconSize:16,height:"24px",pillHeight:"24px",gap:"4px",padding:e=>`${e.spacing}px`,signalPaddingLeft:"4px",signalPaddingRight:"6px",dotSize:16,fontSize:"13px"}},Qc={normal:{primary:e=>e.palette.primary.highlight,secondaryDark:e=>e.palette.neutral.softLight,success:e=>e.palette.success.softLight||e.palette.success.lighter,warning:e=>e.palette.warning.highlight,danger:e=>e.palette.danger.highlight,inverse:e=>e.palette.black},pill:{primary:e=>e.palette.primary.base,secondaryDark:e=>e.palette.neutral.softLight,success:e=>e.palette.success.base,warning:e=>e.palette.warning.base,danger:e=>e.palette.danger.base,inverse:e=>e.palette.black},signal:{primary:e=>e.palette.primary.base,secondaryDark:e=>e.palette.neutral.base,success:e=>e.palette.success.base,warning:e=>e.palette.warning.base,danger:e=>e.palette.danger.base,inverse:e=>e.palette.black}},qc={normal:{primary:e=>e.palette.text.accent,secondaryDark:e=>e.palette.text.secondary,success:e=>e.palette.success.darker,warning:e=>e.palette.warning.ultraDark,danger:e=>e.palette.danger.base,inverse:e=>e.palette.text.white},pill:{primary:e=>e.palette.text.white,secondaryDark:e=>e.palette.text.secondary,success:e=>e.palette.text.white,warning:e=>e.palette.warning.ultraDark,danger:e=>e.palette.text.white,inverse:e=>e.palette.text.white},signal:{primary:e=>e.palette.text.accent,secondaryDark:e=>e.palette.text.secondary,success:e=>e.palette.success.darker,warning:e=>e.palette.warning.ultraDark,danger:e=>e.palette.danger.darker,inverse:e=>e.palette.text.primary}},Kc=(e,t,n)=>Qc[n][e](t),ed=(e,t,n)=>qc[n][e](t),td={primary:e=>e.palette.primary.base,secondaryDark:e=>e.palette.neutral.light,success:e=>e.palette.success.base,warning:e=>e.palette.warning.base,danger:e=>e.palette.danger.base,inverse:e=>e.palette.neutral.light},nd=(e,t)=>td[e](t),rd={primary:e=>e.palette.primary.ultraLight,secondaryDark:e=>e.palette.neutral.ultraLight,success:e=>e.palette.success.ultraLight,warning:e=>e.palette.warning.ultraLight,danger:e=>e.palette.danger.ultraLight,inverse:e=>e.palette.neutral.pure},ad=(e,t)=>rd[e](t),id=t.css`
|
|
1175
1175
|
display: inline-flex;
|