ingred-ui 33.4.0 → 33.4.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Toast/DefaultToast/styled.d.ts +7 -7
- package/dist/components/Toast/constants.d.ts +5 -4
- package/dist/index.es.js +64 -66
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +64 -66
- package/dist/index.js.map +1 -1
- package/dist/lib/react-toast-notification/src/ToastProvider.d.ts +2 -2
- package/package.json +1 -1
|
@@ -1,9 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "transitionDuration"> & {
|
|
5
|
-
transitionDuration: number;
|
|
6
|
-
}, never>>> & string;
|
|
2
|
+
/** 退場アニメ用の余白。横幅は Container に任せる */
|
|
3
|
+
export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
|
|
7
4
|
type ContainerProps = {
|
|
8
5
|
background: string;
|
|
9
6
|
boxShadow: string;
|
|
@@ -11,11 +8,14 @@ type ContainerProps = {
|
|
|
11
8
|
transform: string;
|
|
12
9
|
opacity: number;
|
|
13
10
|
};
|
|
11
|
+
/**
|
|
12
|
+
* 横幅: fit-content + min/max のみ(Wrapper には付けない)
|
|
13
|
+
* - 短い: min まで / 中: 中身に追従 / 長い: max で折り返し
|
|
14
|
+
*/
|
|
14
15
|
export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ContainerProps> & ContainerProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ContainerProps> & ContainerProps, never>>> & string;
|
|
15
|
-
/** アイコン・文言・閉じるボタン行(master の行高基準) */
|
|
16
16
|
export declare const Body: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
|
|
17
|
+
export declare const IconSlot: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>> & string;
|
|
17
18
|
export declare const Message: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
|
|
18
|
-
export declare const IconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
|
|
19
19
|
export declare const CloseIconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
|
|
20
20
|
type CountdownProps = {
|
|
21
21
|
autoDismissTimeout: number;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
/**
|
|
1
|
+
/** ビューポート左右 12px ずつの余白 */
|
|
2
2
|
export declare const TOAST_VIEWPORT_INLINE_INSET_PX: number;
|
|
3
|
+
export declare const TOAST_MOBILE_MIN_WIDTH_PX = 240;
|
|
4
|
+
export declare const TOAST_DESKTOP_MIN_WIDTH_PX = 400;
|
|
3
5
|
export declare const TOAST_MAX_WIDTH_PX = 800;
|
|
4
|
-
export declare const
|
|
5
|
-
export declare const
|
|
6
|
-
export declare const toastInlineMaxWidth = "min(800px, calc(100vw - 16px))";
|
|
6
|
+
export declare const toastMobileMaxWidth = "calc(100vw - 24px)";
|
|
7
|
+
export declare const toastDesktopMaxWidth = "800px";
|
package/dist/index.es.js
CHANGED
|
@@ -729,7 +729,7 @@ var Ir=["input:not([inert])","select:not([inert])","textarea:not([inert])","a[hr
|
|
|
729
729
|
transparent 100%
|
|
730
730
|
);
|
|
731
731
|
z-index: 1;
|
|
732
|
-
`,xa=n((({open:n,trigger:r,width:s,minWidth:p,maxHeight:
|
|
732
|
+
`,xa=n((({open:n,trigger:r,width:s,minWidth:p,maxHeight:g,children:f,onOpenChange:b,stickyHeader:v,stickyFooter:x,placement:y,middleware:w},C)=>{const E=ee(),{isRoot:I,close:k}=c(ht),[M,$]=i(!1),A=o(null),[L,V]=i(!1),[O,H]=i(!1),S=go(`(max-width: ${F.MOBILE}px)`),D=d((()=>{const e=A.current;if(!e)return;const{scrollTop:t,scrollHeight:n,clientHeight:r}=e;V(n>r&&t<n-r-1)}),[]),R=D,N=l((()=>!!O||(void 0!==n?n:M)),[n,M,O]),z=d((()=>{k(),$(!1),H(!1),null==b||b(!1)}),[k,$,H,b]),Z=function(e){const t=ai(),n=pi(),r=ui();return ti((()=>{const e={id:t,parentId:r};return null==n||n.addNode(e),()=>{null==n||n.removeNode(e)}}),[n,t,r]),t}(),{refs:T,floatingStyles:B,context:P}=Ki({nodeId:Z,open:N,onOpenChange:e=>{$(e),null==b||b(e)},placement:y,middleware:null!=w?w:[er({mainAxis:5,crossAxis:0}),qn((()=>I?{allowedPlacements:["bottom-start","bottom-end","top-start","top-end"]}:{allowedPlacements:S?["bottom-start"]:["right-start","left-start"],autoAlignment:!1})),nr({apply({availableWidth:e,availableHeight:t,elements:n}){let r=Math.max(0,t);if(g)if("number"==typeof g)r=Math.min(r,g);else{if(!/[a-z%]+$/i.test(g)){const e=parseFloat(g);isNaN(e)||(r=Math.min(r,e))}}Object.assign(n.floating.style,Object.assign({maxWidth:`${Math.max(0,e)}px`,maxHeight:`${r}px`},null!=s&&{width:`${s}px`}))}})],whileElementsMounted:fr}),_=function(t,n){void 0===n&&(n={});const{open:r,onOpenChange:i,dataRef:o,elements:{domReference:a}}=t,{enabled:l=!0,event:s="click",toggle:c=!0,ignoreMouse:d=!1,keyboardHandlers:u=!0}=n,p=e.useRef(),m=e.useRef(!1);return e.useMemo((()=>l?{reference:{onPointerDown(e){p.current=e.pointerType},onMouseDown(e){0===e.button&&(yn(p.current,!0)&&d||"click"!==s&&(!r||!c||o.current.openEvent&&"mousedown"!==o.current.openEvent.type?(e.preventDefault(),i(!0,e.nativeEvent,"click")):i(!1,e.nativeEvent,"click")))},onClick(e){"mousedown"===s&&p.current?p.current=void 0:yn(p.current,!0)&&d||(!r||!c||o.current.openEvent&&"click"!==o.current.openEvent.type?i(!0,e.nativeEvent,"click"):i(!1,e.nativeEvent,"click"))},onKeyDown(e){p.current=void 0,e.defaultPrevented||!u||ji(e)||(" "!==e.key||Wi(a)||(e.preventDefault(),m.current=!0),"Enter"===e.key&&i(!r||!c,e.nativeEvent,"click"))},onKeyUp(e){e.defaultPrevented||!u||ji(e)||Wi(a)||" "===e.key&&m.current&&(m.current=!1,i(!r||!c,e.nativeEvent,"click"))}}}:{}),[l,o,s,d,u,a,c,r,i])}(P),G=yi(P,{enabled:!I,mouseOnly:!0,delay:{open:100,close:O?999999:100},restMs:100,handleClose:uo()}),Y=Qi(P),[j,W]=i(null),X=so(P),J=o([]),U=lo(P,{listRef:J,activeIndex:j,onNavigate:W,loop:!0,nested:!I}),Q=mo(J,[]),{getReferenceProps:q,getFloatingProps:K,getItemProps:te}=to([_,G,Y,X,U]),ne=[xa.displayName,wt.displayName,wo.displayName,Ao.displayName,So.displayName,aa.displayName,sa.displayName];a((()=>{da(r)&&T.setPositionReference({getBoundingClientRect:()=>({width:0,height:0,x:r.x,y:r.y,top:r.y,left:r.x,right:r.x,bottom:r.y})})}),[r,C,T]),u((()=>{if(!N)return void V(!1);const e=requestAnimationFrame((()=>{D()}));return()=>cancelAnimationFrame(e)}),[N,D]),a((()=>{if(!N)return;const e=A.current;if(!e)return;const t=new ResizeObserver((()=>{D()}));return t.observe(e),()=>{t.disconnect()}}),[N,D]);const re=m(r)?r.props.ref:void 0,ie=function(t){return e.useMemo((()=>t.every((e=>null==e))?null:e=>{t.forEach((t=>{"function"==typeof t?t(e):null!=t&&(t.current=e)}))}),t)}([C,T.setReference,re]),ae=!da(r)&&m(r)?(()=>{const e=Object.assign({},r.props);return delete e.ref,e})():{};return t.createElement(t.Fragment,null,da(r)?null:h(r,Object.assign(Object.assign(Object.assign({},ae),q()),{ref:ie})),t.createElement(mi,{id:Z},N&&t.createElement(_i,null,t.createElement(Fi,{context:P,modal:!1,initialFocus:-1,returnFocus:!1},t.createElement(pa,Object.assign({ref:T.setFloating,$maxHeight:g,style:Object.assign(Object.assign(Object.assign({},B),null!=w&&null!=s&&{width:`${s}px`}),{minWidth:null!=p?p:"auto"})},K()),t.createElement(ma,null,t.createElement(ht.Provider,{value:{isRoot:!1,activeIndex:j,maxActiveIndex:Q,setActiveIndex:W,close:z}},t.createElement(Do.Provider,{value:{isSorting:O,setIsSorting:H}},v&&t.createElement(ha,null,v),t.createElement(fa,null,t.createElement(ba,{ref:A,$hasStickyHeader:!!v,$hasStickyFooter:!!x,onScroll:R},((e,n=!0)=>t.Children.toArray(e).filter((e=>{if(!t.isValidElement(e))return!1;const r=e.type;if(r===t.Fragment)return!0;const i="function"==typeof r||"object"==typeof r?r.displayName:void 0;return"ContextMenu2TriggerItem"===i||"DataTable2MenuCountControl"===i||"DataTable2MenuSpaceControl"===i||"DataTable2MenuOrderControl"===i||("ContextMenu2Container"===i||(n||("function"==typeof r||"object"==typeof r)&&ne.includes(r.displayName)))})).map((e=>t.isValidElement(e)?t.cloneElement(e,Object.assign(Object.assign(Object.assign({tabIndex:j===e.key?0:-1,ref:t=>{J.current[e.key]=t}},te()),e.props),{key:e.key})):e)))(f)),L&&t.createElement(va,{"aria-hidden":"true"},t.createElement(oe,{name:"skip_down",type:"fill",size:"md",color:E.palette.black}))),x&&t.createElement(ga,null,x)))))))))}));xa.displayName="ContextMenu2";const ya=({children:e})=>{if(!m(e)||"string"==typeof e.type||"function"!=typeof e.type&&"object"!=typeof e.type||!("displayName"in e.type)||e.type.displayName!==xa.displayName)throw new Error("ContextMenu2Container には 1 つの ContextMenu2 しか入れられません");return t.createElement(ht.Provider,{value:{isRoot:!0,close:()=>{},activeIndex:null,maxActiveIndex:-1,setActiveIndex:()=>{}}},t.createElement(hi,null,e))},wa=v.p`
|
|
733
733
|
border-radius: 4px;
|
|
734
734
|
padding: 4px 8px;
|
|
735
735
|
margin-bottom: 8px;
|
|
@@ -5182,26 +5182,22 @@ object-assign
|
|
|
5182
5182
|
background: ${({theme:e})=>e.palette.neutral.lighter};
|
|
5183
5183
|
`,P$=e.forwardRef((function({text:t,count:n,countMax:r,value:i,selected:o,onChange:a,onClick:l},s){const c=ee(),d=o?"primary":"secondaryDark";return e.createElement(z$,{ref:s,key:t,value:i,tabIndex:o?0:-1,role:"tab","aria-selected":o,theme:c,selected:o,onClick:e=>{!o&&a&&a(i),l&&l(e)}},e.createElement(Yk,{showZero:!0,layout:"inline",badgeContent:n,max:null!=r?r:99,color:d,size:"small"},e.createElement(Z$,{selected:o},t)))})),_$=({ref:t,data:n,value:r,onChange:i,onClick:o})=>{const a=new Map,l=e.useRef(null),[s,c]=e.useState({}),[d,u]=e.useState(null),p=hc(t,u),m=C$((()=>{const{tabsMeta:e,tabMeta:t}=(()=>{const e=null!=d?d:void 0;let t,n;if(e){const n=e.getBoundingClientRect();t={scrollLeft:e.scrollLeft,left:n.left}}if(e&&r&&l.current){const e=l.current.children;if(e.length>0){const t=e[a.get(r)];n=(null==t?void 0:t.getBoundingClientRect())||null}}return{tabsMeta:t,tabMeta:n}})();let n=0;if(t&&e){const r=e.scrollLeft;n=t.left-e.left+r}const i={left:n,width:t?t.width:0};if(void 0===s.left||void 0===s.width)c(i);else{const e=Math.abs(s.left-i.left),t=Math.abs(s.width-i.width);(e>=1||t>=1)&&c(i)}}));return e.useEffect((()=>{m()})),e.useEffect((()=>{const e=()=>{m()};return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)}),[m]),e.createElement(R$,{ref:p},e.createElement(T$,{style:Object.assign({},s)}),e.createElement(N$,{ref:l,role:"tablist"},n.map(((t,n)=>{const l=t.value,s=l===r;return a.set(l,n),e.createElement(P$,{key:n.toString(),selected:s,value:l,count:t.count,countMax:t.countMax,text:t.text,onChange:i,onClick:o})})),e.createElement(B$,null)))},G$=v.div`
|
|
5184
5184
|
cursor: ${({disabled:e})=>e?"not-allowed":"pointer"};
|
|
5185
|
-
`,Y$=(e=15)=>{const t=[];for(let n=0;n<24;n++)for(let r=0;r<60;r+=e){const e=Aa().hour(n).minute(r).format("HH:mm");t.push(e)}return t},F$=(e,t,n,r)=>{let i;if(0===t)i=e.add(n,"hour").second(0).millisecond(0);else{if(2!==t)return null;i=e.add(n,"minute").second(0).millisecond(0)}const o=i.format(r);return{newTime:i,normalizedValue:o}};var j$=g((({time:e,error:n=!1,errorText:s,disabled:c=!1,onTimeChange:u,dropdownInterval:p=60,filterTimeOptions:m,size:h="medium",variant:g="light",width:f="120px",maxHeight:b=300,onFocus:v,onBlur:x})=>{var y,w,C,E;Me("TimeField","TimeField は非推奨です。代わりに TimeField2 を使用してください。");const I=ee(),[k,$]=i(!1),A=o(null),L=r(),V="HH:mm",O=e||Aa(),H=l((()=>{const e=Y$(p);return m&&m.length>0?e.filter((e=>m.every((t=>t(e))))):e}),[p,m]),[S,D]=i(O.format(V)),[R,N]=i(Wy(S)),[z,Z]=i({start:0,end:R.length-1,current:0}),[T,B]=i(null);a((()=>{const e=O.format(V);D(e),N(Wy(e))}),[O,V]);const P=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=R[R.length-1].end+1,o=r>=i?i:r,a=R.findIndex((e=>o>=e.start&&o<=e.end+1));Z((e=>R[a].editable?e.current===a?e:Object.assign(Object.assign({},e),{current:a}):Object.assign(Object.assign({},e),{current:a+1}))),null===(n=A.current)||void 0===n||n.setSelectionRange(R[a].start,R[a].end+1)}))}),[R]),_=d((()=>{P(),null==v||v()}),[P,v]),G=d((()=>{Z((e=>Object.assign(Object.assign({},e),{current:0}))),B(null),null==x||x()}),[x]),Y=d(((e,t,n)=>{const r=F$(e,t,n,V);return r?r.newTime:null}),[V]),F=d((t=>{const n=tw(t.code),r=n?nw(t.code):null;if(!ew.includes(t.key)&&!n)return;if(t.key===Qy.ArrowLeft||t.key===Qy.ArrowRight){t.preventDefault();const e=((e,t,n)=>{if(t===Qy.ArrowLeft){for(let t=e-1;t>=0;t--)if(n[t].editable)return t-e}else if(t===Qy.ArrowRight)for(let t=e+1;t<n.length;t++)if(n[t].editable)return t-e;return 0})(z.current,t.key,R);Z((t=>Object.assign(Object.assign({},t),{current:t.current+e}))),B(null)}if(t.key===Qy.ArrowUp||t.key===Qy.ArrowDown){t.preventDefault();const n=t.key===Qy.ArrowUp?1:-1,r=e||Aa(),i=Y(r,z.current,n);if(i){const e=i.format(V);D(e),N(Wy(e)),u&&u(i)}}const i=n?r:t.key;if((Ky.includes(t.key)||n)&&i){t.preventDefault();const n=((e,t,n,r)=>{const i=t.map((e=>Object.assign({},e)));let o=!1,a=null;if(r!==n){i[n].value=e.padStart(t[n].value.length,"0");const r=parseInt(e);(0===n?r<=2:r<=5)?a=n:(a=null,o=!0)}else{const r=(t[n].value.slice(1)+e).slice(-t[n].value.length);i[n].value=r,a=null,o=!0}return{newSections:i,shouldMoveToNextSection:o,newLastEditedSection:a}})(i,R,z.current,T),r=Xy(n.newSections),o=e||Aa(),a=r,l=Aa(`${o.format("YYYY-MM-DD")} ${a}`),s=l.format(V);if(M((()=>{D(s),N(Wy(s))})),l.isValid()&&u){const e=o.hour(l.hour()).minute(l.minute()).second(0).millisecond(0);u(e)}if(B(n.newLastEditedSection),n.shouldMoveToNextSection)for(let e=z.current+1;e<R.length;e++)if(R[e].editable){Z((t=>Object.assign(Object.assign({},t),{current:e})));break}}if(t.key===Qy.Backspace){t.preventDefault();const e=((e,t)=>{const n=e.map((e=>Object.assign({},e)));return n[t].value="0".padStart(e[t].value.length,"0"),n})(R,z.current);N(e),B(null);const n=Xy(e);D(n)}}),[R,z,T,V,u,e,Y]),j=d((()=>{P()}),[P]),W=d((t=>{const[n,r]=t.split(":").map(Number),i=(e||Aa()).hour(n).minute(r).second(0).millisecond(0);u&&u(i),$(!1)}),[e,u]),X=d((t=>{t.preventDefault();const n=t.clipboardData.getData("text").trim(),[r,i]=n.split(":"),o=parseInt(r,10),a=parseInt(i,10);if(!(!isNaN(o)&&!isNaN(a)&&o>=0&&o<=23&&a>=0&&a<=59))return;const l=e||Aa(),s=Aa(`${l.format("YYYY-MM-DD")} ${n}`);if(s.isValid()){const e=l.hour(s.hour()).minute(s.minute()).second(0).millisecond(0),t=e.format(V);D(t),N(Wy(t)),u&&u(e)}}),[e,V,u]);return a((()=>{var e;R[z.current]&&(null===(e=A.current)||void 0===e||e.setSelectionRange(R[z.current].start,R[z.current].end+1))}),[z,R]),a((()=>{if(k&&e){const t=e.format(V);requestAnimationFrame((()=>{const e=document.querySelector(`[data-timefield-item="${CSS.escape(L)}-${t}"]`);e&&"function"==typeof e.scrollIntoView&&e.scrollIntoView({block:"center"})}))}}),[k,e,L,V]),t.createElement(t.Fragment,null,t.createElement(ia,{ref:A,readOnly:!0,multiline:!1,error:n||!!s,disabled:c,width:f,size:h,variant:g,value:S,append:t.createElement(G$,{disabled:c,"aria-label":"時刻を選択",role:"button",tabIndex:c?-1:0,onClick:e=>{e.stopPropagation(),e.preventDefault(),c||$(!k)}},t.createElement(oe,{name:"arrow_down",color:c?I.palette.text.disabled:I.palette.black})),onFocus:_,onBlur:G,onKeyDown:F,onMouseDown:j,onPaste:X}),t.createElement(ya,null,t.createElement(xa,{open:k,trigger:{x:null!==(w=null===(y=A.current)||void 0===y?void 0:y.getBoundingClientRect().left)&&void 0!==w?w:0,y:(null!==(E=null===(C=A.current)||void 0===C?void 0:C.getBoundingClientRect().bottom)&&void 0!==E?E:0)+5},placement:"bottom-start",width:120,maxHeight:b,onOpenChange:$},H.length>0?H.map((n=>{const r=(null==e?void 0:e.format(V))===n;return t.createElement(wo,{key:n,"data-timefield-item":`${L}-${n}`,checked:r,onChange:e=>{e&&W(n)}},n)})):t.createElement(wt,{disabled:!0},"選択可能な時刻がありません"))),s&&t.createElement(t.Fragment,null,t.createElement(Da,{py:1}),t.createElement(Bc,null,s)))}));var W$=g((({time:e,name:n,error:s=!1,errorText:c,disabled:u=!1,onTimeChange:p,dropdownInterval:m=60,filterTimeOptions:h,size:g="medium",variant:f="light",width:b="120px",maxHeight:v=300,onFocus:x,onBlur:y})=>{var w,C,E,I;const k=ee(),[M,$]=i(!1),A=o(null),L=r(),V="HH:mm",O=ra(),H=e||Aa(),S=l((()=>{const e=Y$(m);return h&&h.length>0?e.filter((e=>h.every((t=>t(e))))):e}),[m,h]),{value:D,sections:R,focusedIndex:N,isFocused:z,getSegmentProps:Z,groupProps:T}=(({time:e,disabled:t=!1,onTimeChange:n})=>{const r="HH:mm",l=e||Aa(),[s,c]=i(l.format(r)),u=o(s),[p,m]=i(Wy(s)),[h,g]=i(null),f=o(null),b=o(0),[v,x]=i(!1),y=o([]),w=o(null),C=d((e=>{f.current=e,g(e)}),[]),E=d((e=>{C(e),b.current=0;const t=y.current[e];t&&t!==document.activeElement&&t.focus()}),[C]);a((()=>{const t=(e||Aa()).format(r);c(t),u.current=t,m(Wy(t))}),[e]);const I=d(((e,t)=>{for(let n=e+t;n>=0&&n<p.length;n+=t)if(p[n].editable)return n;return null}),[p]),k=d((t=>{const i=f.current;if(null===i)return;const o=p[i];if(!(null==o?void 0:o.editable))return;const a=b.current;let l=o.value;0===a&&(l="".padStart(o.value.length,"0"));const s=`${l.slice(1)}${t}`,d=[...p];d[i]=Object.assign(Object.assign({},d[i]),{value:s}),m(d);const h=a+1;b.current=h;const g=0===i,v=parseInt(t);let x=!1;x=0===a?!(g?v<=2:v<=5):h>=o.value.length;const y=Xy(d),w=e||Aa(),C=Aa(`${w.format("YYYY-MM-DD")} ${y}`),k=C.format(r);if(c(k),u.current=k,m(Wy(k)),x){b.current=0;const e=I(i,1);null!==e&&E(e)}if(C.isValid()&&n){const e=w.hour(C.hour()).minute(C.minute()).second(0).millisecond(0);n(e)}}),[p,e,n,I,E]),M=d((e=>t=>{y.current[e]=t}),[]),$=d((e=>()=>{x(!0),C(e),b.current=0}),[C]),A=d((e=>t=>{const n=t.relatedTarget;w.current&&n&&w.current.contains(n)||f.current===e&&(x(!1),C(null),b.current=0)}),[C]),L=d((t=>i=>{const o=p[t];if((null==o?void 0:o.editable)&&!(i.ctrlKey||i.metaKey||i.altKey))if(i.key!==Qy.ArrowUp&&i.key!==Qy.ArrowDown){if(i.key===Qy.Backspace||i.key===Qy.Delete){i.preventDefault(),i.stopPropagation();const e=i.key===Qy.Backspace,n="0".repeat(o.value.length);if(o.value===n&&0===b.current){if(e){const e=I(t,-1);null!==e&&E(e)}return}const r=[...p];r[t]=Object.assign(Object.assign({},r[t]),{value:n}),m(r),b.current=0;const a=Xy(r);return c(a),void(u.current=a)}if(tw(i.code)){i.preventDefault();const e=nw(i.code);e&&k(e)}}else{i.preventDefault();const o=i.key===Qy.ArrowUp?1:-1,a=e||Aa(),[l,s]=u.current.split(":").map(Number),d=a.hour(l).minute(s).second(0).millisecond(0),p=F$(d,t,o,r);p&&(c(p.normalizedValue),u.current=p.normalizedValue,m(Wy(p.normalizedValue)),null==n||n(p.newTime))}}),[p,e,r,n,k,I,E]),V=d((e=>e=>{const t=e.nativeEvent;if(e.preventDefault(),"deleteContentBackward"!==t.inputType&&"deleteContentForward"!==t.inputType&&null!=t.data){const e=t.data;/^\d$/.test(e)&&k(e)}}),[k]),O=d((e=>{const n=p[e];if(t||!(null==n?void 0:n.editable))return{ref:M(e),"aria-hidden":!0};const r=["時","分"][p.slice(0,e+1).filter((e=>e.editable)).length-1];return{ref:M(e),role:"spinbutton",contentEditable:!0,suppressContentEditableWarning:!0,inputMode:"numeric",tabIndex:0,enterKeyHint:"next",spellCheck:!1,autoCorrect:"off",style:{caretColor:"transparent"},"aria-label":r,onFocus:$(e),onBlur:A(e),onKeyDown:L(e),onBeforeInput:V(e),onPointerDown(e){e.stopPropagation()},onMouseDown(e){e.stopPropagation()}}}),[p,t,M,$,A,L,V]),H=d((e=>{const t=f.current;if(null!==t)if(e.key!==Qy.ArrowLeft&&e.key!==Qy.ArrowRight){if(e.key===Qy.Tab){const n=e.shiftKey?-1:1,r=I(t,n);null!==r&&(e.preventDefault(),E(r))}}else{e.preventDefault();const n=e.key===Qy.ArrowLeft?-1:1,r=I(t,n);null!==r&&E(r)}}),[I,E]),S=d((t=>{t.preventDefault();const i=t.clipboardData.getData("text").trim(),[o,a]=i.split(":"),l=parseInt(o,10),s=parseInt(a,10);if(isNaN(l)||isNaN(s)||l<0||l>23||s<0||s>59)return;const d=(e||Aa()).hour(l).minute(s).second(0).millisecond(0),p=d.format(r);c(p),u.current=p,m(Wy(p)),null==n||n(d)}),[e,r,n]);return{value:s,sections:p,focusedIndex:h,isFocused:v,getSegmentProps:O,groupProps:{ref:w,onKeyDown:H,onPaste:S}}})({time:H,disabled:u,onTimeChange:p}),B=d((()=>{null==x||x()}),[x]),P=d((e=>{const t=e.relatedTarget;A.current&&t&&A.current.contains(t)||null==y||y()}),[y]),_=d((t=>{const[n,r]=t.split(":").map(Number),i=(e||Aa()).hour(n).minute(r).second(0).millisecond(0);null==p||p(i),$(!1)}),[e,p]),G=d((e=>{e.stopPropagation(),e.preventDefault(),u||$(!M)}),[u,M]),Y=d((e=>t=>{t&&_(e)}),[_]);return a((()=>{if(M&&e){const t=e.format(V);requestAnimationFrame((()=>{const e=document.querySelector(`[data-timefield-item="${CSS.escape(L)}-${t}"]`);e&&"function"==typeof e.scrollIntoView&&e.scrollIntoView({block:"center"})}))}}),[M,e,L,V]),t.createElement(t.Fragment,null,t.createElement(kw,{ref:A,$disabled:u,$error:s||!!c,$focused:z,$isIOS:O,$size:g,$variant:f,$width:b,onBlurCapture:P,onFocusCapture:B},t.createElement(Mw,Object.assign({},T),R.map(((e,n)=>t.createElement($w,Object.assign({key:`${e.start}-${e.end}`,$editable:e.editable,$focused:z&&N===n},Z(n)),e.value)))),t.createElement(Aw,null,t.createElement(G$,{disabled:u,"aria-label":"時刻を選択",role:"button",tabIndex:u?-1:0,onClick:G},t.createElement(oe,{color:u?k.palette.text.disabled:k.palette.black,name:"arrow_down"})))),t.createElement("input",{type:"hidden",name:n,value:D,disabled:u}),t.createElement(ya,null,t.createElement(xa,{maxHeight:v,open:M,placement:"bottom-start",trigger:{x:null!==(C=null===(w=A.current)||void 0===w?void 0:w.getBoundingClientRect().left)&&void 0!==C?C:0,y:(null!==(I=null===(E=A.current)||void 0===E?void 0:E.getBoundingClientRect().bottom)&&void 0!==I?I:0)+5},width:120,onOpenChange:$},S.length>0?S.map((n=>{const r=(null==e?void 0:e.format(V))===n;return t.createElement(wo,{key:n,checked:r,"data-timefield-item":`${L}-${n}`,onChange:Y(n)},n)})):t.createElement(wt,{disabled:!0},"選択可能な時刻がありません"))),c&&t.createElement(t.Fragment,null,t.createElement(Da,{py:1}),t.createElement(Bc,null,c)))}));const X$="min(800px, calc(100vw - 16px))",J$=v.div`
|
|
5185
|
+
`,Y$=(e=15)=>{const t=[];for(let n=0;n<24;n++)for(let r=0;r<60;r+=e){const e=Aa().hour(n).minute(r).format("HH:mm");t.push(e)}return t},F$=(e,t,n,r)=>{let i;if(0===t)i=e.add(n,"hour").second(0).millisecond(0);else{if(2!==t)return null;i=e.add(n,"minute").second(0).millisecond(0)}const o=i.format(r);return{newTime:i,normalizedValue:o}};var j$=g((({time:e,error:n=!1,errorText:s,disabled:c=!1,onTimeChange:u,dropdownInterval:p=60,filterTimeOptions:m,size:h="medium",variant:g="light",width:f="120px",maxHeight:b=300,onFocus:v,onBlur:x})=>{var y,w,C,E;Me("TimeField","TimeField は非推奨です。代わりに TimeField2 を使用してください。");const I=ee(),[k,$]=i(!1),A=o(null),L=r(),V="HH:mm",O=e||Aa(),H=l((()=>{const e=Y$(p);return m&&m.length>0?e.filter((e=>m.every((t=>t(e))))):e}),[p,m]),[S,D]=i(O.format(V)),[R,N]=i(Wy(S)),[z,Z]=i({start:0,end:R.length-1,current:0}),[T,B]=i(null);a((()=>{const e=O.format(V);D(e),N(Wy(e))}),[O,V]);const P=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=R[R.length-1].end+1,o=r>=i?i:r,a=R.findIndex((e=>o>=e.start&&o<=e.end+1));Z((e=>R[a].editable?e.current===a?e:Object.assign(Object.assign({},e),{current:a}):Object.assign(Object.assign({},e),{current:a+1}))),null===(n=A.current)||void 0===n||n.setSelectionRange(R[a].start,R[a].end+1)}))}),[R]),_=d((()=>{P(),null==v||v()}),[P,v]),G=d((()=>{Z((e=>Object.assign(Object.assign({},e),{current:0}))),B(null),null==x||x()}),[x]),Y=d(((e,t,n)=>{const r=F$(e,t,n,V);return r?r.newTime:null}),[V]),F=d((t=>{const n=tw(t.code),r=n?nw(t.code):null;if(!ew.includes(t.key)&&!n)return;if(t.key===Qy.ArrowLeft||t.key===Qy.ArrowRight){t.preventDefault();const e=((e,t,n)=>{if(t===Qy.ArrowLeft){for(let t=e-1;t>=0;t--)if(n[t].editable)return t-e}else if(t===Qy.ArrowRight)for(let t=e+1;t<n.length;t++)if(n[t].editable)return t-e;return 0})(z.current,t.key,R);Z((t=>Object.assign(Object.assign({},t),{current:t.current+e}))),B(null)}if(t.key===Qy.ArrowUp||t.key===Qy.ArrowDown){t.preventDefault();const n=t.key===Qy.ArrowUp?1:-1,r=e||Aa(),i=Y(r,z.current,n);if(i){const e=i.format(V);D(e),N(Wy(e)),u&&u(i)}}const i=n?r:t.key;if((Ky.includes(t.key)||n)&&i){t.preventDefault();const n=((e,t,n,r)=>{const i=t.map((e=>Object.assign({},e)));let o=!1,a=null;if(r!==n){i[n].value=e.padStart(t[n].value.length,"0");const r=parseInt(e);(0===n?r<=2:r<=5)?a=n:(a=null,o=!0)}else{const r=(t[n].value.slice(1)+e).slice(-t[n].value.length);i[n].value=r,a=null,o=!0}return{newSections:i,shouldMoveToNextSection:o,newLastEditedSection:a}})(i,R,z.current,T),r=Xy(n.newSections),o=e||Aa(),a=r,l=Aa(`${o.format("YYYY-MM-DD")} ${a}`),s=l.format(V);if(M((()=>{D(s),N(Wy(s))})),l.isValid()&&u){const e=o.hour(l.hour()).minute(l.minute()).second(0).millisecond(0);u(e)}if(B(n.newLastEditedSection),n.shouldMoveToNextSection)for(let e=z.current+1;e<R.length;e++)if(R[e].editable){Z((t=>Object.assign(Object.assign({},t),{current:e})));break}}if(t.key===Qy.Backspace){t.preventDefault();const e=((e,t)=>{const n=e.map((e=>Object.assign({},e)));return n[t].value="0".padStart(e[t].value.length,"0"),n})(R,z.current);N(e),B(null);const n=Xy(e);D(n)}}),[R,z,T,V,u,e,Y]),j=d((()=>{P()}),[P]),W=d((t=>{const[n,r]=t.split(":").map(Number),i=(e||Aa()).hour(n).minute(r).second(0).millisecond(0);u&&u(i),$(!1)}),[e,u]),X=d((t=>{t.preventDefault();const n=t.clipboardData.getData("text").trim(),[r,i]=n.split(":"),o=parseInt(r,10),a=parseInt(i,10);if(!(!isNaN(o)&&!isNaN(a)&&o>=0&&o<=23&&a>=0&&a<=59))return;const l=e||Aa(),s=Aa(`${l.format("YYYY-MM-DD")} ${n}`);if(s.isValid()){const e=l.hour(s.hour()).minute(s.minute()).second(0).millisecond(0),t=e.format(V);D(t),N(Wy(t)),u&&u(e)}}),[e,V,u]);return a((()=>{var e;R[z.current]&&(null===(e=A.current)||void 0===e||e.setSelectionRange(R[z.current].start,R[z.current].end+1))}),[z,R]),a((()=>{if(k&&e){const t=e.format(V);requestAnimationFrame((()=>{const e=document.querySelector(`[data-timefield-item="${CSS.escape(L)}-${t}"]`);e&&"function"==typeof e.scrollIntoView&&e.scrollIntoView({block:"center"})}))}}),[k,e,L,V]),t.createElement(t.Fragment,null,t.createElement(ia,{ref:A,readOnly:!0,multiline:!1,error:n||!!s,disabled:c,width:f,size:h,variant:g,value:S,append:t.createElement(G$,{disabled:c,"aria-label":"時刻を選択",role:"button",tabIndex:c?-1:0,onClick:e=>{e.stopPropagation(),e.preventDefault(),c||$(!k)}},t.createElement(oe,{name:"arrow_down",color:c?I.palette.text.disabled:I.palette.black})),onFocus:_,onBlur:G,onKeyDown:F,onMouseDown:j,onPaste:X}),t.createElement(ya,null,t.createElement(xa,{open:k,trigger:{x:null!==(w=null===(y=A.current)||void 0===y?void 0:y.getBoundingClientRect().left)&&void 0!==w?w:0,y:(null!==(E=null===(C=A.current)||void 0===C?void 0:C.getBoundingClientRect().bottom)&&void 0!==E?E:0)+5},placement:"bottom-start",width:120,maxHeight:b,onOpenChange:$},H.length>0?H.map((n=>{const r=(null==e?void 0:e.format(V))===n;return t.createElement(wo,{key:n,"data-timefield-item":`${L}-${n}`,checked:r,onChange:e=>{e&&W(n)}},n)})):t.createElement(wt,{disabled:!0},"選択可能な時刻がありません"))),s&&t.createElement(t.Fragment,null,t.createElement(Da,{py:1}),t.createElement(Bc,null,s)))}));var W$=g((({time:e,name:n,error:s=!1,errorText:c,disabled:u=!1,onTimeChange:p,dropdownInterval:m=60,filterTimeOptions:h,size:g="medium",variant:f="light",width:b="120px",maxHeight:v=300,onFocus:x,onBlur:y})=>{var w,C,E,I;const k=ee(),[M,$]=i(!1),A=o(null),L=r(),V="HH:mm",O=ra(),H=e||Aa(),S=l((()=>{const e=Y$(m);return h&&h.length>0?e.filter((e=>h.every((t=>t(e))))):e}),[m,h]),{value:D,sections:R,focusedIndex:N,isFocused:z,getSegmentProps:Z,groupProps:T}=(({time:e,disabled:t=!1,onTimeChange:n})=>{const r="HH:mm",l=e||Aa(),[s,c]=i(l.format(r)),u=o(s),[p,m]=i(Wy(s)),[h,g]=i(null),f=o(null),b=o(0),[v,x]=i(!1),y=o([]),w=o(null),C=d((e=>{f.current=e,g(e)}),[]),E=d((e=>{C(e),b.current=0;const t=y.current[e];t&&t!==document.activeElement&&t.focus()}),[C]);a((()=>{const t=(e||Aa()).format(r);c(t),u.current=t,m(Wy(t))}),[e]);const I=d(((e,t)=>{for(let n=e+t;n>=0&&n<p.length;n+=t)if(p[n].editable)return n;return null}),[p]),k=d((t=>{const i=f.current;if(null===i)return;const o=p[i];if(!(null==o?void 0:o.editable))return;const a=b.current;let l=o.value;0===a&&(l="".padStart(o.value.length,"0"));const s=`${l.slice(1)}${t}`,d=[...p];d[i]=Object.assign(Object.assign({},d[i]),{value:s}),m(d);const h=a+1;b.current=h;const g=0===i,v=parseInt(t);let x=!1;x=0===a?!(g?v<=2:v<=5):h>=o.value.length;const y=Xy(d),w=e||Aa(),C=Aa(`${w.format("YYYY-MM-DD")} ${y}`),k=C.format(r);if(c(k),u.current=k,m(Wy(k)),x){b.current=0;const e=I(i,1);null!==e&&E(e)}if(C.isValid()&&n){const e=w.hour(C.hour()).minute(C.minute()).second(0).millisecond(0);n(e)}}),[p,e,n,I,E]),M=d((e=>t=>{y.current[e]=t}),[]),$=d((e=>()=>{x(!0),C(e),b.current=0}),[C]),A=d((e=>t=>{const n=t.relatedTarget;w.current&&n&&w.current.contains(n)||f.current===e&&(x(!1),C(null),b.current=0)}),[C]),L=d((t=>i=>{const o=p[t];if((null==o?void 0:o.editable)&&!(i.ctrlKey||i.metaKey||i.altKey))if(i.key!==Qy.ArrowUp&&i.key!==Qy.ArrowDown){if(i.key===Qy.Backspace||i.key===Qy.Delete){i.preventDefault(),i.stopPropagation();const e=i.key===Qy.Backspace,n="0".repeat(o.value.length);if(o.value===n&&0===b.current){if(e){const e=I(t,-1);null!==e&&E(e)}return}const r=[...p];r[t]=Object.assign(Object.assign({},r[t]),{value:n}),m(r),b.current=0;const a=Xy(r);return c(a),void(u.current=a)}if(tw(i.code)){i.preventDefault();const e=nw(i.code);e&&k(e)}}else{i.preventDefault();const o=i.key===Qy.ArrowUp?1:-1,a=e||Aa(),[l,s]=u.current.split(":").map(Number),d=a.hour(l).minute(s).second(0).millisecond(0),p=F$(d,t,o,r);p&&(c(p.normalizedValue),u.current=p.normalizedValue,m(Wy(p.normalizedValue)),null==n||n(p.newTime))}}),[p,e,r,n,k,I,E]),V=d((e=>e=>{const t=e.nativeEvent;if(e.preventDefault(),"deleteContentBackward"!==t.inputType&&"deleteContentForward"!==t.inputType&&null!=t.data){const e=t.data;/^\d$/.test(e)&&k(e)}}),[k]),O=d((e=>{const n=p[e];if(t||!(null==n?void 0:n.editable))return{ref:M(e),"aria-hidden":!0};const r=["時","分"][p.slice(0,e+1).filter((e=>e.editable)).length-1];return{ref:M(e),role:"spinbutton",contentEditable:!0,suppressContentEditableWarning:!0,inputMode:"numeric",tabIndex:0,enterKeyHint:"next",spellCheck:!1,autoCorrect:"off",style:{caretColor:"transparent"},"aria-label":r,onFocus:$(e),onBlur:A(e),onKeyDown:L(e),onBeforeInput:V(e),onPointerDown(e){e.stopPropagation()},onMouseDown(e){e.stopPropagation()}}}),[p,t,M,$,A,L,V]),H=d((e=>{const t=f.current;if(null!==t)if(e.key!==Qy.ArrowLeft&&e.key!==Qy.ArrowRight){if(e.key===Qy.Tab){const n=e.shiftKey?-1:1,r=I(t,n);null!==r&&(e.preventDefault(),E(r))}}else{e.preventDefault();const n=e.key===Qy.ArrowLeft?-1:1,r=I(t,n);null!==r&&E(r)}}),[I,E]),S=d((t=>{t.preventDefault();const i=t.clipboardData.getData("text").trim(),[o,a]=i.split(":"),l=parseInt(o,10),s=parseInt(a,10);if(isNaN(l)||isNaN(s)||l<0||l>23||s<0||s>59)return;const d=(e||Aa()).hour(l).minute(s).second(0).millisecond(0),p=d.format(r);c(p),u.current=p,m(Wy(p)),null==n||n(d)}),[e,r,n]);return{value:s,sections:p,focusedIndex:h,isFocused:v,getSegmentProps:O,groupProps:{ref:w,onKeyDown:H,onPaste:S}}})({time:H,disabled:u,onTimeChange:p}),B=d((()=>{null==x||x()}),[x]),P=d((e=>{const t=e.relatedTarget;A.current&&t&&A.current.contains(t)||null==y||y()}),[y]),_=d((t=>{const[n,r]=t.split(":").map(Number),i=(e||Aa()).hour(n).minute(r).second(0).millisecond(0);null==p||p(i),$(!1)}),[e,p]),G=d((e=>{e.stopPropagation(),e.preventDefault(),u||$(!M)}),[u,M]),Y=d((e=>t=>{t&&_(e)}),[_]);return a((()=>{if(M&&e){const t=e.format(V);requestAnimationFrame((()=>{const e=document.querySelector(`[data-timefield-item="${CSS.escape(L)}-${t}"]`);e&&"function"==typeof e.scrollIntoView&&e.scrollIntoView({block:"center"})}))}}),[M,e,L,V]),t.createElement(t.Fragment,null,t.createElement(kw,{ref:A,$disabled:u,$error:s||!!c,$focused:z,$isIOS:O,$size:g,$variant:f,$width:b,onBlurCapture:P,onFocusCapture:B},t.createElement(Mw,Object.assign({},T),R.map(((e,n)=>t.createElement($w,Object.assign({key:`${e.start}-${e.end}`,$editable:e.editable,$focused:z&&N===n},Z(n)),e.value)))),t.createElement(Aw,null,t.createElement(G$,{disabled:u,"aria-label":"時刻を選択",role:"button",tabIndex:u?-1:0,onClick:G},t.createElement(oe,{color:u?k.palette.text.disabled:k.palette.black,name:"arrow_down"})))),t.createElement("input",{type:"hidden",name:n,value:D,disabled:u}),t.createElement(ya,null,t.createElement(xa,{maxHeight:v,open:M,placement:"bottom-start",trigger:{x:null!==(C=null===(w=A.current)||void 0===w?void 0:w.getBoundingClientRect().left)&&void 0!==C?C:0,y:(null!==(I=null===(E=A.current)||void 0===E?void 0:E.getBoundingClientRect().bottom)&&void 0!==I?I:0)+5},width:120,onOpenChange:$},S.length>0?S.map((n=>{const r=(null==e?void 0:e.format(V))===n;return t.createElement(wo,{key:n,checked:r,"data-timefield-item":`${L}-${n}`,onChange:Y(n)},n)})):t.createElement(wt,{disabled:!0},"選択可能な時刻がありません"))),c&&t.createElement(t.Fragment,null,t.createElement(Da,{py:1}),t.createElement(Bc,null,c)))}));const X$="calc(100vw - 24px)",J$="800px",U$=v.div`
|
|
5186
5186
|
box-sizing: border-box;
|
|
5187
|
-
|
|
5188
|
-
|
|
5187
|
+
display: inline-flex;
|
|
5188
|
+
flex-direction: column;
|
|
5189
5189
|
margin-inline: auto;
|
|
5190
5190
|
padding: ${({theme:e})=>2*e.spacing}px;
|
|
5191
|
-
|
|
5192
|
-
transition: height ${({transitionDuration:e})=>e-100}ms
|
|
5193
|
-
100ms;
|
|
5194
|
-
`,U$=v.div`
|
|
5191
|
+
`,Q$=v.div`
|
|
5195
5192
|
position: relative;
|
|
5196
5193
|
display: flex;
|
|
5197
5194
|
align-items: center;
|
|
5198
5195
|
box-sizing: border-box;
|
|
5199
|
-
|
|
5200
|
-
|
|
5201
|
-
min-
|
|
5202
|
-
|
|
5203
|
-
|
|
5204
|
-
padding: 0 ${({theme:e})=>2*e.spacing}px;
|
|
5196
|
+
overflow: hidden;
|
|
5197
|
+
width: fit-content;
|
|
5198
|
+
min-width: ${240}px;
|
|
5199
|
+
max-width: ${X$};
|
|
5200
|
+
padding: ${({theme:e})=>2*e.spacing}px;
|
|
5205
5201
|
background: ${({background:e})=>e};
|
|
5206
5202
|
box-shadow: ${({boxShadow:e})=>e};
|
|
5207
5203
|
transition:
|
|
@@ -5213,55 +5209,53 @@ object-assign
|
|
|
5213
5209
|
|
|
5214
5210
|
@media (min-width: ${F.MOBILE}px) {
|
|
5215
5211
|
min-width: ${400}px;
|
|
5216
|
-
max-width: ${
|
|
5212
|
+
max-width: ${J$};
|
|
5217
5213
|
}
|
|
5218
|
-
`,
|
|
5214
|
+
`,q$=v.div`
|
|
5215
|
+
position: relative;
|
|
5216
|
+
z-index: 1;
|
|
5219
5217
|
display: flex;
|
|
5220
5218
|
align-items: center;
|
|
5221
|
-
|
|
5219
|
+
gap: ${({theme:e})=>2*e.spacing}px;
|
|
5222
5220
|
width: 100%;
|
|
5223
|
-
min-
|
|
5224
|
-
`,
|
|
5221
|
+
min-width: 0;
|
|
5222
|
+
`,K$=v.span`
|
|
5223
|
+
flex-shrink: 0;
|
|
5224
|
+
display: flex;
|
|
5225
|
+
align-items: center;
|
|
5226
|
+
`,eA=v.div`
|
|
5225
5227
|
flex: 1;
|
|
5228
|
+
min-width: 0;
|
|
5226
5229
|
|
|
5227
5230
|
p {
|
|
5228
5231
|
margin: 0;
|
|
5229
|
-
/* Typography の break-all は Toast では1〜2文字折り返しになる */
|
|
5230
5232
|
word-break: break-word;
|
|
5231
|
-
overflow-wrap:
|
|
5233
|
+
overflow-wrap: break-word;
|
|
5232
5234
|
}
|
|
5233
|
-
`,
|
|
5234
|
-
flex-shrink: 0;
|
|
5235
|
-
display: flex;
|
|
5236
|
-
align-items: center;
|
|
5237
|
-
justify-content: center;
|
|
5238
|
-
/* size="lg"(24px)のアイコンを行の中央に収める */
|
|
5239
|
-
width: 32px;
|
|
5240
|
-
height: 32px;
|
|
5241
|
-
margin-right: ${({theme:e})=>2*e.spacing}px;
|
|
5242
|
-
`,eA=v.div`
|
|
5235
|
+
`,tA=v.div`
|
|
5243
5236
|
flex-shrink: 0;
|
|
5244
5237
|
align-self: center;
|
|
5245
5238
|
cursor: pointer;
|
|
5246
|
-
|
|
5247
|
-
`,tA=w`
|
|
5239
|
+
`,nA=w`
|
|
5248
5240
|
from {
|
|
5249
5241
|
width: 100%;
|
|
5250
5242
|
}
|
|
5251
5243
|
to {
|
|
5252
5244
|
width: 0%
|
|
5253
5245
|
}
|
|
5254
|
-
`,
|
|
5255
|
-
animation: ${
|
|
5246
|
+
`,rA=v.div`
|
|
5247
|
+
animation: ${nA}
|
|
5256
5248
|
${({autoDismissTimeout:e})=>e}ms linear;
|
|
5249
|
+
animation-play-state: ${({isRunning:e})=>e?"running":"paused"};
|
|
5257
5250
|
background-color: ${({backgroundColor:e})=>e};
|
|
5258
5251
|
top: 0;
|
|
5259
5252
|
left: 0;
|
|
5260
|
-
opacity: ${({opacity:e})=>e};
|
|
5253
|
+
opacity: ${({opacity:e})=>e?.08:0};
|
|
5261
5254
|
position: absolute;
|
|
5262
5255
|
width: 0;
|
|
5263
|
-
height:
|
|
5264
|
-
|
|
5256
|
+
height: 100%;
|
|
5257
|
+
pointer-events: none;
|
|
5258
|
+
`,iA={right:"translate3d(120%, 0, 0)",left:"translate3d(-120%, 0, 0)",bottom:"translate3d(0, 120%, 0)",top:"translate3d(0, -120%, 0)"};function oA(e){const t=e.split("-"),n="center"===t[1]?t[0]:t[1];return iA[n]}const aA=({appearance:t,placement:n,transitionDuration:r,transitionState:i,onDismiss:o,children:a,autoDismiss:l,autoDismissTimeout:s,isRunning:c})=>{const d=(({palette:t})=>({info:{background:t.primary.highlight,boxShadow:Eo(5,t.action.shadowOpacity,t.primary.softLight),icon:e.createElement(oe,{name:"information",type:"fill",size:"lg",color:t.primary.base}),countDownBackground:t.primary.base,titleColor:t.primary.ultraDark,contentColor:t.primary.base,closeColor:t.primary.base},success:{background:t.success.highlight,boxShadow:Eo(5,t.action.shadowOpacity,t.success.lighter),icon:e.createElement(oe,{name:"checkbox_circle",type:"fill",size:"lg",color:t.success.base}),countDownBackground:t.success.base,titleColor:t.success.ultraDark,contentColor:t.success.base,closeColor:t.success.base},warning:{background:t.warning.highlight,boxShadow:Eo(5,t.action.shadowOpacity,t.warning.light),icon:e.createElement(oe,{name:"alert",type:"fill",size:"lg",color:t.warning.base}),countDownBackground:t.warning.base,titleColor:t.warning.ultraDark,contentColor:t.warning.base,closeColor:t.warning.base},error:{background:t.danger.highlight,boxShadow:Eo(5,t.action.shadowOpacity,t.danger.lighter),icon:e.createElement(oe,{name:"alert",type:"fill",size:"lg",color:t.danger.base}),countDownBackground:t.danger.base,titleColor:t.danger.ultraDark,contentColor:t.danger.base,closeColor:t.danger.base}}))(ee())[t];return e.createElement(U$,null,e.createElement(Q$,Object.assign({background:d.background,boxShadow:d.boxShadow,transitionDuration:r,role:"error"===t||"warning"===t?"alert":"status"},(e=>({entering:{transform:`${oA(e)}`,opacity:0},entered:{transform:"translate3d(0,0,0)",opacity:1},exiting:{transform:"scale(0.66)",opacity:0},exited:{transform:"scale(0.66)",opacity:0}}))(n)[i]),e.createElement(q$,null,e.createElement(K$,null,d.icon),e.createElement(eA,null,e.createElement(Ee,{color:d.titleColor,weight:"bold"},a)),e.createElement(tA,{onClick:()=>{o()}},e.createElement(oe,{name:"close",color:d.closeColor}))),e.createElement(rA,{opacity:l?1:0,autoDismissTimeout:s,isRunning:c,backgroundColor:d.countDownBackground})))},lA=v.div`
|
|
5265
5259
|
border: 0;
|
|
5266
5260
|
clip: rect(1px, 1px, 1px, 1px);
|
|
5267
5261
|
height: 1;
|
|
@@ -5270,7 +5264,7 @@ object-assign
|
|
|
5270
5264
|
position: absolute;
|
|
5271
5265
|
white-space: nowrap;
|
|
5272
5266
|
width: 1;
|
|
5273
|
-
`,
|
|
5267
|
+
`,sA=v.div`
|
|
5274
5268
|
cursor: pointer;
|
|
5275
5269
|
flex-shrink: 0;
|
|
5276
5270
|
opacity: 0.5;
|
|
@@ -5279,14 +5273,14 @@ object-assign
|
|
|
5279
5273
|
&:hover {
|
|
5280
5274
|
opacity: 1;
|
|
5281
5275
|
}
|
|
5282
|
-
`,
|
|
5276
|
+
`,cA=v.div`
|
|
5283
5277
|
flex-grow: 1;
|
|
5284
5278
|
font-size: 14;
|
|
5285
5279
|
line-height: 1.4;
|
|
5286
5280
|
min-height: 40px;
|
|
5287
5281
|
padding: ${({gutter:e})=>`${e}px ${1.5*e}px`};
|
|
5288
|
-
`,
|
|
5289
|
-
animation: ${({autoDismissTimeout:e})=>`${
|
|
5282
|
+
`,dA=w`from { height: 100%; } to { height: 0% }`,uA=v.div`
|
|
5283
|
+
animation: ${({autoDismissTimeout:e})=>`${dA} ${e}ms linear`};
|
|
5290
5284
|
animation-play-state: ${({isRunning:e})=>e?"running":"paused"};
|
|
5291
5285
|
background-color: rgba(0, 0, 0, 0.1);
|
|
5292
5286
|
bottom: 0;
|
|
@@ -5295,7 +5289,7 @@ object-assign
|
|
|
5295
5289
|
opacity: ${({opacity:e})=>e};
|
|
5296
5290
|
position: absolute;
|
|
5297
5291
|
width: 100%;
|
|
5298
|
-
`,
|
|
5292
|
+
`,pA=v.div`
|
|
5299
5293
|
background-color: ${({backgroundColor:e})=>e};
|
|
5300
5294
|
border-top-left-radius: ${({borderRadius:e})=>e}px;
|
|
5301
5295
|
border-bottom-left-radius: ${({borderRadius:e})=>e}px;
|
|
@@ -5307,11 +5301,11 @@ object-assign
|
|
|
5307
5301
|
overflow: hidden;
|
|
5308
5302
|
text-align: center;
|
|
5309
5303
|
width: 30px;
|
|
5310
|
-
`,
|
|
5304
|
+
`,mA=v.div`
|
|
5311
5305
|
height: ${({height:e})=>e};
|
|
5312
5306
|
transition: height
|
|
5313
5307
|
${({transitionDuration:e})=>`height ${e-100}ms 100ms`};
|
|
5314
|
-
`,
|
|
5308
|
+
`,hA=v.div`
|
|
5315
5309
|
background-color: ${({backgroundColor:e})=>e};
|
|
5316
5310
|
border-radius: ${({borderRadius:e})=>e}px;
|
|
5317
5311
|
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.175);
|
|
@@ -5322,7 +5316,7 @@ object-assign
|
|
|
5322
5316
|
transition: ${({transitionDuration:e})=>`transform ${e}ms cubic-bezier(0.2, 0, 0, 1), opacity ${e}ms`};
|
|
5323
5317
|
width: ${({width:e})=>e}px;
|
|
5324
5318
|
${({transitionState:e,placement:t})=>{switch(e){case"entered":return y({transform:"translate3d(0,0,0)"});case"exiting":case"exited":return y({transform:"scale(0.66)",opacity:0});case"entering":return y((e=>{const t=e.split("-");return{right:"translate3d(120%, 0, 0)",left:"translate3d(-120%, 0, 0)",bottom:"translate3d(0, 120%, 0)",top:"translate3d(0, -120%, 0)"}["center"===t[1]?t[0]:t[1]]})(t));default:return""}}}
|
|
5325
|
-
`;function
|
|
5319
|
+
`;function gA(e){return{"aria-hidden":!0,height:16,width:e,viewBox:`0 0 ${e} 16`,style:{display:"inline-block",verticalAlign:"text-top",fill:"currentColor"}}}const fA=e=>t.createElement("svg",Object.assign({},gA(14),e),t.createElement("path",{fillRule:"evenodd",d:"M7.71 8.23l3.75 3.75-1.48 1.48-3.75-3.75-3.75 3.75L1 11.98l3.75-3.75L1 4.48 2.48 3l3.75 3.75L9.98 3l1.48 1.48-3.75 3.75z"})),bA=()=>{};const vA=e=>{var{tag:n="span"}=e,r=D(e,["tag"]);return t.createElement(lA,Object.assign({as:n},r))},xA={success:{icon:e=>t.createElement("svg",Object.assign({},gA(12),e),t.createElement("path",{fillRule:"evenodd",d:"M12 5.5l-8 8-4-4L1.5 8 4 10.5 10.5 4 12 5.5z"})),text:"#006644",fg:"#36B37E",bg:"#E3FCEF"},error:{icon:e=>t.createElement("svg",Object.assign({},gA(12),e),t.createElement("path",{fillRule:"evenodd",d:"M5.05.01c.81 2.17.41 3.38-.52 4.31C3.55 5.37 1.98 6.15.9 7.68c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.01 8.68 2.15 5.05.02L5.03 0l.02.01z"})),text:"#BF2600",fg:"#FF5630",bg:"#FFEBE6"},warning:{icon:e=>t.createElement("svg",Object.assign({},gA(16),e),t.createElement("path",{fillRule:"evenodd",d:"M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"})),text:"#FF8B00",fg:"#FFAB00",bg:"#FFFAE6"},info:{icon:e=>t.createElement("svg",Object.assign({},gA(14),e),t.createElement("path",{fillRule:"evenodd",d:"M6.3 5.71a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 8.01c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V8v.01zM7 2.32C3.86 2.32 1.3 4.86 1.3 8c0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 1c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"})),text:"#505F79",fg:"#2684FF",bg:"white"}},yA=e=>{var{children:n}=e,r=D(e,["children"]);return t.createElement(sA,Object.assign({role:"button",className:"react-toast-notifications__toast__dismiss-button",gutter:8},r),n)},wA=e=>t.createElement(cA,Object.assign({className:"react-toast-notifications__toast__content",gutter:8},e)),CA=e=>{var{autoDismissTimeout:n,opacity:r,isRunning:i}=e,o=D(e,["autoDismissTimeout","opacity","isRunning"]);return t.createElement(uA,Object.assign({className:"react-toast-notifications__toast__countdown",autoDismissTimeout:n,isRunning:i,opacity:r},o))},EA=({appearance:e,autoDismiss:n,autoDismissTimeout:r,isRunning:i})=>{const o=xA[e],a=o.icon;return t.createElement(pA,{className:"react-toast-notifications__toast__icon-wrapper",color:o.bg,backgroundColor:o.fg,borderRadius:4,gutter:8},t.createElement(CA,{opacity:n?1:0,autoDismissTimeout:r,isRunning:i}),t.createElement(a,{className:"react-toast-notifications__toast__icon",css:{position:"relative",zIndex:1}}))},IA=e=>{var{appearance:n,placement:r,transitionDuration:l,transitionState:s}=e,c=D(e,["appearance","placement","transitionDuration","transitionState"]);const[d,u]=i("auto"),p=o(null);return a((()=>{if(p.current){if("entered"===s){const e=p.current;u(e.offsetHeight+8)}"exiting"===s&&u(0)}}),[s]),t.createElement(mA,{ref:p,height:d,transitionDuration:l},t.createElement(hA,Object.assign({className:`react-toast-notifications__toast react-toast-notifications__toast--${n}`,backgroundColor:xA[n].bg,borderRadius:4,color:xA[n].text,gutter:8,placement:r,width:360,transitionState:s,transitionDuration:l},c)))},kA=v.div`
|
|
5326
5320
|
box-sizing: border-box;
|
|
5327
5321
|
max-height: 100%;
|
|
5328
5322
|
max-width: 100%;
|
|
@@ -5332,18 +5326,22 @@ object-assign
|
|
|
5332
5326
|
position: fixed;
|
|
5333
5327
|
z-index: 1000;
|
|
5334
5328
|
${({placement:e})=>{switch(e){case"top-left":return y({top:0,left:0});case"top-center":return y({top:0,left:"50%",transform:"translateX(-50%)"});case"top-right":return y({top:0,right:0});case"bottom-left":return y({bottom:0,left:0});case"bottom-center":return y({bottom:0,left:"50%",transform:"translateX(-50%)"});case"bottom-right":return y({bottom:0,right:0});default:return""}}}
|
|
5335
|
-
`,
|
|
5329
|
+
`,MA=e=>{var{hasToasts:n,placement:r}=e,i=D(e,["hasToasts","placement"]);return t.createElement(kA,Object.assign({className:"react-toast-notifications__container",hasToasts:n,placement:r},i))};class $A{constructor(e,t){this.callback=e,this.start=t,this.remaining=t,this.resume()}clear(){clearTimeout(this.timerId)}pause(){clearTimeout(this.timerId),this.remaining-=Date.now()-this.start}resume(){this.start=Date.now(),clearTimeout(this.timerId),this.timerId=setTimeout(this.callback,this.remaining)}}class AA extends f{constructor(){super(...arguments),this.state={isRunning:Boolean(this.props.autoDismiss)},this.startTimer=()=>{const{autoDismiss:e,autoDismissTimeout:t,onDismiss:n}=this.props;e&&(this.setState({isRunning:!0}),this.timeout=new $A(n,t))},this.clearTimer=()=>{this.timeout&&this.timeout.clear()},this.onMouseEnter=()=>{this.setState({isRunning:!1},(()=>{this.timeout&&this.timeout.pause()}))},this.onMouseLeave=()=>{this.setState({isRunning:!0},(()=>{this.timeout&&this.timeout.resume()}))}}componentDidMount(){this.startTimer()}componentDidUpdate(e){if(e.autoDismiss!==this.props.autoDismiss){(this.props.autoDismiss?this.startTimer:this.clearTimer)()}}componentWillUnmount(){this.clearTimer()}render(){const e=this.props,{autoDismiss:n,autoDismissTimeout:r,component:i}=e,o=D(e,["autoDismiss","autoDismissTimeout","component"]),{isRunning:a}=this.state,l=n?this.onMouseEnter:bA,s=n?this.onMouseLeave:bA;return t.createElement(i,Object.assign({autoDismiss:n,autoDismissTimeout:r,isRunning:a,onMouseEnter:l,onMouseLeave:s},o))}}AA.defaultProps={autoDismiss:!1};const LA={Toast:e=>{var{appearance:n="info",autoDismiss:r,autoDismissTimeout:i,children:o,isRunning:a,onDismiss:l=bA,placement:s,transitionDuration:c,transitionState:d,onMouseEnter:u,onMouseLeave:p}=e,m=D(e,["appearance","autoDismiss","autoDismissTimeout","children","isRunning","onDismiss","placement","transitionDuration","transitionState","onMouseEnter","onMouseLeave"]);return t.createElement(IA,Object.assign({appearance:n,placement:s,transitionState:d,transitionDuration:c,onMouseEnter:u,onMouseLeave:p},m),t.createElement(EA,{appearance:n,autoDismiss:r,autoDismissTimeout:i,isRunning:a}),t.createElement(wA,null,o),l?t.createElement(yA,{onClick:l},t.createElement(fA,{className:"react-toast-notifications__toast__dismiss-icon"}),t.createElement(vA,{className:"react-toast-notifications__toast__dismiss-text"},"Close")):null)},ToastContainer:MA},VA=t.createContext({add:()=>"0",remove:bA,removeAll:bA,update:bA,toasts:[]}),{Consumer:OA,Provider:HA}=VA,SA=!("undefined"==typeof window||!window.document||!window.document.createElement);let DA=class extends f{constructor(){super(...arguments),this.toastNodeRefs=new Map,this.state={toasts:[]},this.getNodeRef=e=>(this.toastNodeRefs.has(e)||this.toastNodeRefs.set(e,t.createRef()),this.toastNodeRefs.get(e)),this.has=e=>!!this.state.toasts.length&&Boolean(this.state.toasts.filter((t=>t.id===e)).length),this.onDismiss=(e,t=bA)=>()=>{t(e),this.remove(e)},this.add=(e,t,n=bA)=>{const r=(null==t?void 0:t.id)?t.id:function(){let e=46656*Math.random()|0,t=46656*Math.random()|0;return e=("000"+e.toString(36)).slice(-3),t=("000"+t.toString(36)).slice(-3),e+t}();if(!this.has(r))return this.setState((n=>{const i=Object.assign({content:e,id:r},t);return{toasts:this.props.newestOnTop?[i,...n.toasts]:[...n.toasts,i]}}),(()=>n(r))),r},this.remove=(e,t=bA)=>{this.has(e)&&this.setState((t=>{const n=t.toasts.filter((t=>t.id!==e));return{toasts:n}}),(()=>{this.toastNodeRefs.delete(e),t(e)}))},this.removeAll=()=>{this.state.toasts.length&&this.state.toasts.forEach((e=>this.remove(e.id)))},this.update=(e,t,n=bA)=>{this.has(e)&&this.setState((n=>{const r=n.toasts,i=r.findIndex((t=>t.id===e)),o=Object.assign(Object.assign({},r[i]),t);return{toasts:[...r.slice(0,i),o,...r.slice(i+1)]}}),(()=>n(e)))}}render(){const{autoDismiss:e,autoDismissTimeout:n,children:r,components:i,placement:o,portalTargetSelector:a,transitionDuration:l}=this.props,{Toast:s,ToastContainer:c}=Object.assign(Object.assign({},LA),i),{add:d,remove:u,removeAll:p,update:m}=this,h=this.state.toasts,g=Boolean(h.length),f=SA?a?document.querySelector(a):document.body:null;return t.createElement(HA,{value:{add:d,remove:u,removeAll:p,update:m,toasts:h}},r,f?k(t.createElement(c,{placement:o,hasToasts:g},t.createElement(rc,{component:null},h.map((r=>{var{appearance:i,autoDismiss:a,content:c,id:d,onDismiss:u}=r,p=D(r,["appearance","autoDismiss","content","id","onDismiss"]);const m=this.getNodeRef(d);return t.createElement(Fs,{key:d,appear:!0,mountOnEnter:!0,unmountOnExit:!0,nodeRef:m,timeout:l},(r=>t.createElement("div",{ref:m},t.createElement(AA,Object.assign({appearance:i,autoDismiss:void 0!==a?a:e,autoDismissTimeout:n,component:s,placement:o,transitionDuration:l,transitionState:r,onDismiss:this.onDismiss(d,u)},p),c))))})))),f):t.createElement(c,{placement:o,hasToasts:g}))}};DA.defaultProps={autoDismiss:!1,autoDismissTimeout:5e3,components:LA,newestOnTop:!1,placement:"top-right",transitionDuration:220};const RA=v(MA)`
|
|
5336
5330
|
z-index: ${({theme:e})=>e.depth.toast} !important;
|
|
5337
5331
|
|
|
5338
5332
|
${({placement:e})=>e.includes("center")&&y`
|
|
5339
|
-
width: ${X$};
|
|
5340
5333
|
box-sizing: border-box;
|
|
5334
|
+
max-width: ${X$};
|
|
5335
|
+
|
|
5336
|
+
@media (min-width: ${F.MOBILE}px) {
|
|
5337
|
+
max-width: ${J$};
|
|
5338
|
+
}
|
|
5341
5339
|
`}
|
|
5342
|
-
`,
|
|
5340
|
+
`,NA=t=>{var{children:n}=t,r=D(t,["children"]);const i={pt:r.placement.includes("top")?3:0,pb:r.placement.includes("bottom")?3:0};return e.createElement(RA,Object.assign({},r),e.createElement(Da,Object.assign({},i),n))},zA={appearance:"info",autoDismiss:!1,autoDismissTimeout:0,isRunning:!0,onDismiss:()=>{},onMouseEnter:()=>{},onMouseLeave:()=>{},placement:"top-center",transitionDuration:0,transitionState:"entered",children:null},ZA=e=>t.createElement(aA,Object.assign({},zA,e));ZA.Provider=t=>{var{children:n}=t,r=D(t,["children"]);return e.createElement(DA,Object.assign({},r,{components:Object.assign({Toast:aA,ToastContainer:NA},r.components)}),n)},ZA.useToasts=()=>{const e=c(VA);if(!e)throw Error("The `useToasts` hook must be called from a descendent of the `ToastProvider`.");return{addToast:e.add,removeToast:e.remove,removeAllToasts:e.removeAll,updateToast:e.update,toastStack:e.toasts}};const TA=v.div`
|
|
5343
5341
|
position: relative;
|
|
5344
5342
|
width: 40px;
|
|
5345
5343
|
height: 22px;
|
|
5346
|
-
`,
|
|
5344
|
+
`,BA=v.span`
|
|
5347
5345
|
position: absolute;
|
|
5348
5346
|
top: 50%;
|
|
5349
5347
|
left: 3px;
|
|
@@ -5356,19 +5354,19 @@ object-assign
|
|
|
5356
5354
|
${({checked:e,disabled:t,theme:n})=>t&&e?Co(n.palette.primary.base,.6):t&&!e?Co(n.palette.divider,.6):e?n.palette.primary.dark:n.palette.divider};
|
|
5357
5355
|
box-shadow: ${({theme:e})=>Eo(3,e.palette.action.shadowOpacity,e.palette.action.shadowBase)};
|
|
5358
5356
|
transition: all 0.2s ease-in-out;
|
|
5359
|
-
`,
|
|
5357
|
+
`,PA=v.div`
|
|
5360
5358
|
position: absolute;
|
|
5361
5359
|
width: 100%;
|
|
5362
5360
|
word-break: break-all;
|
|
5363
5361
|
white-space: nowrap;
|
|
5364
5362
|
transition: all 0.2s ease-in-out;
|
|
5365
|
-
`,
|
|
5363
|
+
`,_A=v(PA)`
|
|
5366
5364
|
padding-left: 8px;
|
|
5367
5365
|
opacity: 0;
|
|
5368
|
-
`,
|
|
5366
|
+
`,GA=v(PA)`
|
|
5369
5367
|
padding-right: 8px;
|
|
5370
5368
|
opacity: 1;
|
|
5371
|
-
`,
|
|
5369
|
+
`,YA=v.label`
|
|
5372
5370
|
position: absolute;
|
|
5373
5371
|
top: 0;
|
|
5374
5372
|
left: 0;
|
|
@@ -5386,13 +5384,13 @@ object-assign
|
|
|
5386
5384
|
transition: all 0.2s ease-in-out;
|
|
5387
5385
|
|
|
5388
5386
|
${({checked:e})=>e&&y`
|
|
5389
|
-
& > ${
|
|
5387
|
+
& > ${BA} {
|
|
5390
5388
|
left: calc(100% - 14px - 5px);
|
|
5391
5389
|
}
|
|
5392
|
-
& > ${
|
|
5390
|
+
& > ${_A} {
|
|
5393
5391
|
opacity: 1;
|
|
5394
5392
|
}
|
|
5395
|
-
& > ${
|
|
5393
|
+
& > ${GA} {
|
|
5396
5394
|
opacity: 0;
|
|
5397
5395
|
}
|
|
5398
5396
|
`}
|
|
@@ -5402,11 +5400,11 @@ object-assign
|
|
|
5402
5400
|
border-color: ${({theme:e})=>e.palette.primary.base};
|
|
5403
5401
|
}
|
|
5404
5402
|
`}
|
|
5405
|
-
`,
|
|
5403
|
+
`,FA=v.input`
|
|
5406
5404
|
width: 0;
|
|
5407
5405
|
height: 0;
|
|
5408
5406
|
visibility: hidden;
|
|
5409
|
-
`,
|
|
5407
|
+
`,jA=e.forwardRef((function(t,n){const{checked:r=!1,disabled:i=!1,onChange:o,width:a="48px",checkedText:l="",unCheckedText:s="",inputRef:c,children:d}=t;return"production"!==process.env.NODE_ENV&&d&&console.warn("[ingred-ui] ToggleButton: childrenによるラベル指定は非推奨です。別の手段でラベルを指定してください。"),e.createElement(TA,{ref:n,width:a},e.createElement(YA,{checked:r,disabled:i,width:a},e.createElement(FA,{ref:c,checked:r,type:"checkbox",readOnly:null==o,disabled:i,onChange:o}),e.createElement(_A,null,e.createElement(Ee,{component:"div",color:i?"disabled":"primary",align:"left",size:"xs",weight:"bold"},l)),e.createElement(GA,null,e.createElement(Ee,{component:"div",color:i?"disabled":"secondary",align:"right",size:"xs",weight:"bold"},s)),e.createElement(BA,{checked:r,disabled:i})))})),WA=v.div``,XA=v.span`
|
|
5410
5408
|
background-color: ${({active:e,theme:t})=>e?t.palette.primary.base:t.palette.white};
|
|
5411
5409
|
border: 1px solid
|
|
5412
5410
|
${({theme:e,active:t})=>t?e.palette.primary.dark:e.palette.neutral.lighter};
|
|
@@ -5414,26 +5412,26 @@ object-assign
|
|
|
5414
5412
|
height: ${({theme:e})=>3*e.spacing}px;
|
|
5415
5413
|
width: ${({theme:e})=>3*e.spacing}px;
|
|
5416
5414
|
outline: none;
|
|
5417
|
-
`,
|
|
5415
|
+
`,JA=v.div`
|
|
5418
5416
|
display: grid;
|
|
5419
5417
|
grid-template-columns: 38px repeat(24, 1fr);
|
|
5420
5418
|
grid-gap: ${({theme:e})=>e.spacing/2}px;
|
|
5421
5419
|
align-items: center;
|
|
5422
5420
|
justify-items: center;
|
|
5423
5421
|
width: fit-content;
|
|
5424
|
-
`,
|
|
5422
|
+
`,UA=v.div`
|
|
5425
5423
|
height: 24px;
|
|
5426
5424
|
text-align: center;
|
|
5427
5425
|
background-color: ${({theme:e})=>e.palette.neutral.softLight};
|
|
5428
5426
|
border-radius: ${({theme:e})=>e.spacing/2}px;
|
|
5429
5427
|
border: 1px solid ${({theme:e})=>e.palette.neutral.lighter};
|
|
5430
|
-
`,
|
|
5428
|
+
`,QA=v(UA)`
|
|
5431
5429
|
width: 38px;
|
|
5432
|
-
`,
|
|
5430
|
+
`,qA=v(UA)`
|
|
5433
5431
|
width: 24px;
|
|
5434
|
-
`,
|
|
5432
|
+
`,KA=v(UA)`
|
|
5435
5433
|
border: none;
|
|
5436
|
-
`,
|
|
5434
|
+
`,eL=e=>{if(!e)return Array(7).fill(Array(24).fill("1"));const t=(e=>{if(!e)return Array(7).fill(Array(24).fill("1")).join("");let t="";for(const n of e)switch(n){case"0":t+="0000";break;case"1":t+="0001";break;case"2":t+="0010";break;case"3":t+="0011";break;case"4":t+="0100";break;case"5":t+="0101";break;case"6":t+="0110";break;case"7":t+="0111";break;case"8":t+="1000";break;case"9":t+="1001";break;case"a":t+="1010";break;case"b":t+="1011";break;case"c":t+="1100";break;case"d":t+="1101";break;case"e":t+="1110";break;case"f":t+="1111";break;default:return""}return t})(e),n=[];for(let e=0;e<7;e++){n[e]=[];for(let r=0;r<24;r++)n[e][r]=t.charAt(24*e+r)}return n},tL=Array.from(Array(24)).map(((e,t)=>t)),nL=({weekList:e,weekTime:n,WeekTimeItem:r,interactive:i=!1,isWithinHoverRange:o,onMouseOver:a,onMouseDown:s})=>{const c=l((()=>eL(n)),[n]),d=(e,t)=>()=>{null==a||a(e,t)},u=(e,t,n)=>()=>{null==s||s(e,t,n)};return t.createElement(JA,null,t.createElement(KA,null),tL.map((e=>t.createElement(qA,{key:e},e))),c.map(((n,a)=>t.createElement(b,{key:a},t.createElement(QA,null,e[a]),n.map(((n,l)=>t.createElement(r,Object.assign({key:`${a}-${l}`,active:"1"===n,hover:!!o&&o(a,l)},i?{"aria-label":`${e[a]} ${String(l).padStart(2,"0")}:00`,"aria-pressed":"1"===n}:{},{onMouseOver:d(a,l),onMouseDown:u(a,l,n)}))))))))},rL=t.forwardRef((function(e,n){const r=ud({props:e,name:"WeekTime"}),{weekList:i,weekTime:o}=r;return t.createElement(WA,{ref:n},t.createElement(nL,{weekTime:o,weekList:i,WeekTimeItem:XA}))})),iL=v.div``,oL=v.button`
|
|
5437
5435
|
background-color: ${({active:e,hover:t,theme:n})=>t?n.palette.primary.highlight:e?n.palette.primary.base:n.palette.white};
|
|
5438
5436
|
border: 1px solid
|
|
5439
5437
|
${({theme:e,active:t,hover:n})=>n?e.palette.primary.softLight:t?e.palette.primary.dark:e.palette.neutral.lighter};
|
|
@@ -5442,5 +5440,5 @@ object-assign
|
|
|
5442
5440
|
height: ${({theme:e})=>3*e.spacing}px;
|
|
5443
5441
|
width: ${({theme:e})=>3*e.spacing}px;
|
|
5444
5442
|
outline: none;
|
|
5445
|
-
`,
|
|
5443
|
+
`,aL=t.forwardRef((function(e,n){const r=ud({props:e,name:"WeekTimeSelector"}),{weekList:o,weekTime:s,errorText:c,onChange:d}=r,u=l((()=>eL(s)),[s]),[p,m]=i({weekIndex:0,timeIndex:0}),[h,g]=i({weekIndex:0,timeIndex:0}),[f,b]=i("none"),[v,x]=i("1"),y=(e,t,n)=>{if("choosing"===f){const r=((e,t,n,r,i,o)=>{const a=[...o],l=Math.min(e,n),s=Math.max(e,n),c=Math.min(t,r),d=Math.max(t,r);for(let e=l;e<=s;e++){const t=a[e].map(((t,n)=>e>=l&&e<=s&&n>=c&&n<=d?i:t));a[e]=t}return a})(p.weekIndex,p.timeIndex,e,t,n,[...u]);b("none"),null==d||d((e=>{let t="";for(let n=0;n<7;n++)for(let r=0;r<24;r++)t+=e[n][r];return(e=>{let t="";for(let n=0;n<e.length;n+=4)switch(e.substr(n,4)){case"0000":t+="0";break;case"0001":t+="1";break;case"0010":t+="2";break;case"0011":t+="3";break;case"0100":t+="4";break;case"0101":t+="5";break;case"0110":t+="6";break;case"0111":t+="7";break;case"1000":t+="8";break;case"1001":t+="9";break;case"1010":t+="a";break;case"1011":t+="b";break;case"1100":t+="c";break;case"1101":t+="d";break;case"1110":t+="e";break;case"1111":t+="f";break;default:return""}return t})(t)})(r))}else"none"===f&&(m({weekIndex:e,timeIndex:t}),g({weekIndex:e,timeIndex:t}),b("choosing"))},w=()=>{"choosing"===f&&y(h.weekIndex,h.timeIndex,v)};return a((()=>(addEventListener("mouseup",w),()=>{removeEventListener("mouseup",w)}))),t.createElement(iL,{ref:n},t.createElement(nL,{weekTime:s,weekList:o,WeekTimeItem:oL,interactive:!0,isWithinHoverRange:(e,t)=>{if("choosing"===f){const n=Math.min(p.weekIndex,h.weekIndex),r=Math.max(p.weekIndex,h.weekIndex),i=Math.min(p.timeIndex,h.timeIndex),o=Math.max(p.timeIndex,h.timeIndex);return e>=n&&e<=r&&t>=i&&t<=o}return!1},onMouseOver:(e,t)=>{"none"!==f&&g({weekIndex:e,timeIndex:t})},onMouseDown:(e,t,n)=>{const r="1"===n?"0":"1";x(r),y(e,t,r)}}),c&&t.createElement(Da,{pt:1},t.createElement(Bc,null,c)))}));export{Uc as ADVANCED_FILTER_CONSTANTS,ge as Accordion,$e as ActionButton,Bd as AdvancedFilter,Nd as AdvancedFilterConfigPanel,Xt as AdvancedFilterTrigger,wu as Backdrop,Sd as Badge,Au as Banner,F as BreakPoint,Wa as Button,Hu as ButtonGroup,xp as Calendar,Pp as CalendarRange,_p as Card,Jp as Checkbox,lm as CheckboxCard,sm as ClickAwayListener,wm as ConfirmModal,j as ContainerBreakPoint,Rm as ContextMenu,xa as ContextMenu2,ka as ContextMenu2ButtonControlsItem,wt as ContextMenu2ButtonItem,wo as ContextMenu2CheckItem,ya as ContextMenu2Container,wa as ContextMenu2HeadingItem,Ea as ContextMenu2HelpTextItem,Ia as ContextMenu2SeparatorItem,Xo as ContextMenu2SortableFixedItem,Bo as ContextMenu2SortableGroup,Yo as ContextMenu2SortableItem,Ao as ContextMenu2SwitchItem,aa as ContextMenu2TextInputItem,So as ContextMenu2TriggerItem,Rv as CreatableSelect,Wd as DATE_OPERATORS,Vx as DataTable,zy as DataTable2,Yy as DataTable2ActionButton,Py as DataTable2Body,Gy as DataTable2Cell,Ty as DataTable2Column,By as DataTable2ColumnLabel,Zy as DataTable2Head,Fy as DataTable2InlineEditor,jy as DataTable2InlineSelectEditor,_y as DataTable2Row,xw as DateField,Vw as DateField2,md as DatePicker,Ew as DateRangeField,Dw as DateRangeField2,Nw as DateRangePicker,Am as Divider,Fw as Drawer,Kw as DropdownButton,bC as DualListBox,gE as DualListBox2,dE as DualListBox2Accordion,KC as DualListBox2Item,lE as DualListBox2Section,Bc as ErrorText,mc as Fade,vE as FileUploader,TE as FilterComboBox,Zd as FilterPositionCalculator,JE as FilterSelectInput,vI as FilterTagInput,yI as FixedPanel,se as Flex,II as FloatingTip,SI as FullSizeConfirmModal,NI as Grow,oe as Icon,PI as IconText,ia as Input,xx as ItemEmpty,YI as LoadingBar,dd as LocaleProvider,Sm as Menu,Vm as MenuList,ym as Modal,kk as MultipleFilter,jd as NUMBER_OPERATORS,$M as NavigationRail,Nk as NavigationRailContext,Yk as NotificationBadge,Jd as PRESET_OPERATORS,hx as Pager,Hm as Popover,xm as Portal,qv as RadioButton,AM as RadioCard,_ as Radius,vc as SELECT2_SIZES,Xd as SELECTION_OPERATORS,VM as ScrollArea,Dv as Select,Rc as Select2,Nc as Select2Option,zc as Select2OptionGroup,Zc as Select2Separator,P as Shadow,o$ as Slide,qM as Slider,t$ as SliderField,d$ as Snackbar,G as Space,Da as Spacer,Pa as Spinner,p$ as SplitAnnotation,E$ as Switch,Fd as TEXT_OPERATORS,D$ as Table,_$ as Tabs,De as Tag,sk as TextField,R as ThemeProvider,j$ as TimeField,W$ as TimeField2,ZA as Toast,jA as ToggleButton,bc as Tooltip,Ee as Typography,rL as WeekTime,aL as WeekTimeSelector,au as applyFilter,lu as applyMultipleFilters,ou as applyOperatorToValue,Y as breakpointPrimitives,mt as buildFilterSlots,eu as changeOperatorLabel,pu as changeValueLabel,TM as clamp,N as colors,qd as combineOperators,du as combineValues,Qd as createOperator,q as createTheme,cu as createValue,K as defaultTheme,sd as enUS,su as evaluateFilterConditions,xe as fontSize,Ue as generateTagText,Qe as generateTagTitle,et as getAvailableTypes,BM as getClampedValue,pt as getConfiguredFilters,tt as getFilterTypeLabel,gx as getFilteredItems,YM as getKeyboardValue,bu as getLabelsForValues,GM as getNearestThumbIndex,PM as getPercentage,Ud as getPresetOperators,tu as getPresetOperatorsWithLabels,dt as getPresetSlotId,ve as getResponsiveFontSizeCss,nt as getTagBoldText,_M as getValueFromPosition,fu as getValueLabels,gu as getValueStrings,ut as isConfiguredFilter,Ze as isCustomOperator,ze as isRangeOperator,be as isResponsiveObject,qe as isValidFilterConfig,Ke as isValidFilterType,ad as jaJP,vu as mergeValues,iu as normalizeForSearch,Kd as overrideOperatorLabels,uu as overrideValueLabels,T as palette,WM as preventScroll,FM as preventTextSelection,Ce as resolveFontWeight,jM as restoreTextSelection,nu as selectOperators,ru as selectOperatorsByIndex,mu as selectValues,hu as selectValuesByIndex,xu as sortValues,aE as toGroupedItems,W as trimVertical,zd as useAdvancedFilterState,ca as useContextMenu2Anchor,Td as useFilterMenuPosition,fx as useFilterState,Rk as useNavigationRail,XM as useSlider,JM as useSliderScale,ee as useTheme,ld as zhCN};
|
|
5446
5444
|
//# sourceMappingURL=index.es.js.map
|