ingred-ui 28.2.0 → 28.3.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/index.es.js +5 -5
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +5 -5
- package/dist/index.js.map +1 -1
- package/dist/themes/palette.d.ts +3 -0
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import*as e from"react";import t,{forwardRef as n,useState as r,useRef as i,useEffect as o,useMemo as a,useLayoutEffect as l,createContext as s,useContext as c,useCallback as d,memo as u,useReducer as p,cloneElement as m,Children as h,isValidElement as g,useId as f,Component as b,Fragment as v}from"react";import x,{ThemeContext as y,css as w,keyframes as C,useTheme as E}from"styled-components";import*as I from"react-dom";import k,{createPortal as M,unstable_batchedUpdates as A,flushSync as L}from"react-dom";function $(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(e);i<r.length;i++)t.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(e,r[i])&&(n[r[i]]=e[r[i]])}return n}"function"==typeof SuppressedError&&SuppressedError;const D=({children:t,theme:n})=>e.createElement(y.Provider,{value:n},t),O={red:{0:"#FFF5F5",50:"#FFF0F1",100:"#FFE2E5",200:"#FFBAC3",300:"#F96979",400:"#F1365C",500:"#EB0A4E",600:"#CA0755",700:"#A90556",800:"#880352",900:"#70014E",1e3:"#380027"},blue:{0:"#F4F8FA",50:"#F2F9FC",100:"#CDF0FE",200:"#9CDDFD",300:"#6AC3FB",400:"#46AAF8",500:"#0B82F4",600:"#0864D1",700:"#054BAF",800:"#03348D",900:"#022575",1e3:"#02194F"},yellow:{0:"#FFFEF5",50:"#FFFCE4",100:"#FEFACF",200:"#FEF4A0",300:"#FEED71",400:"#FDE54E",500:"#FCD914",600:"#D8BA0E",700:"#B59B0A",800:"#927D06",900:"#695A02",1e3:"#2D2601"},green:{0:"#FBFFF5",50:"#F4FFE2",100:"#ECFCD3",200:"#D6F9A9",300:"#B4ED7B",400:"#92DB57",500:"#63C427",600:"#49A81C",700:"#338D13",800:"#20710C",900:"#135E07",1e3:"#072102"},gray:{0:"#FFFFFF",50:"#F8F9FA",100:"#F2F4F5",200:"#E2E8EA",300:"#D1D5DA",400:"#B3BAC1",500:"#959FA9",600:"#778490",700:"#596978",800:"#1F3449",900:"#041C33",1e3:"#001326"}};function S(e){return e&&"object"==typeof e&&!Array.isArray(e)}function V(e,t,n={clone:!0}){const r=n.clone?Object.assign({},e):e;return S(e)&&S(t)&&Object.keys(t).forEach((i=>{"__proto__"!==i&&(S(t[i])&&i in e?r[i]=V(e[i],t[i],n):r[i]=t[i])})),r}const H={white:O.gray[0],black:O.gray[900],primary:{pure:O.blue[0],ultraLight:O.blue[50],highlight:O.blue[100],softLight:O.blue[200],lighter:O.blue[300],light:O.blue[400],base:O.blue[500],dark:O.blue[600],darker:O.blue[700],deepDark:O.blue[800],ultraDark:O.blue[900],deepest:O.blue[1e3]},success:{pure:O.green[0],ultraLight:O.green[50],highlight:O.green[100],softLight:O.green[200],lighter:O.green[300],light:O.green[400],base:O.green[500],dark:O.green[600],darker:O.green[700],deepDark:O.green[800],ultraDark:O.green[900],deepest:O.green[1e3]},warning:{pure:O.yellow[0],ultraLight:O.yellow[50],highlight:O.yellow[100],softLight:O.yellow[200],lighter:O.yellow[300],light:O.yellow[400],base:O.yellow[500],dark:O.yellow[600],darker:O.yellow[700],deepDark:O.yellow[800],ultraDark:O.yellow[900],deepest:O.yellow[1e3]},danger:{pure:O.red[0],ultraLight:O.red[50],highlight:O.red[100],softLight:O.red[200],lighter:O.red[300],light:O.red[400],base:O.red[500],dark:O.red[600],darker:O.red[700],deepDark:O.red[800],ultraDark:O.red[900],deepest:O.red[1e3]},neutral:{pure:O.gray[0],ultraLight:O.gray[50],highlight:O.gray[100],softLight:O.gray[200],lighter:O.gray[300],light:O.gray[400],base:O.gray[500],dark:O.gray[600],darker:O.gray[700],deepDark:O.gray[800],ultraDark:O.gray[900],deepest:O.gray[1e3]},text:{primary:O.blue[500],secondary:O.gray[700],disabled:O.gray[400],hint:O.gray[400],white:O.gray[0]},background:{default:O.gray[0],dark:O.blue[50],active:O.blue[100],hint:O.blue[50]},divider:O.gray[400],icon:{active:O.blue[500],fill:O.gray[700],line:O.gray[600]},action:{shadowOpacity:.08,shadowBase:O.gray[900]}};function N(e){return V(H,e)}const R={"3dShadowActive":"0px 3px rgba(4, 28, 51, 0.16) inset","3dShadowPrimary":"0px -3px 0px 0px rgba(2, 37, 117, 0.06) inset, 0px 1px 0px 0px rgba(4, 28, 51, 0.04)","3dShadowPrimarySubtle":"0px -3px 0px 0px rgba(11, 130, 244, 0.06) inset, 0px 1px 0px 0px rgba(4, 28, 51, 0.04)","3dShadowPrimarySubtleActive":"0px 3px 0px 0px rgba(11, 130, 244, 0.06) inset","3dShadowBasic":"0px -3px 0px 0px rgba(4, 28, 51, 0.06) inset, 0px 1px 0px 0px rgba(4, 28, 51, 0.04)","3dShadowBasicActive":"0px 3px 0px 0px rgba(4, 28, 51, 0.06) inset","3dShadowDanger":"0px -3px 0px 0px rgba(112, 1, 78, 0.06) inset, 0px 1px 0px 0px rgba(4, 28, 51, 0.04)",dropdown:"0px 0px 16px rgba(4, 28, 51, 0.08)"},T=8,Z=8,z={xs:375,sm:576,md:768,lg:1024,xl:1280,xxl:1440},B={MOBILE_SMALL:z.xs,MOBILE:z.sm,TABLET:z.md,LAPTOP:z.lg,DESKTOP:z.xl,WIDE:z.xxl},_={X_SMALL:z.xs,SMALL:z.sm,MEDIUM:z.md,LARGE:z.lg,X_LARGE:z.xl,XX_LARGE:z.xxl},P=w`
|
|
1
|
+
import*as e from"react";import t,{forwardRef as n,useState as r,useRef as i,useEffect as o,useMemo as a,useLayoutEffect as l,createContext as s,useContext as c,useCallback as d,memo as u,useReducer as p,cloneElement as m,Children as h,isValidElement as g,useId as f,Component as b,Fragment as v}from"react";import x,{ThemeContext as y,css as w,keyframes as C,useTheme as E}from"styled-components";import*as I from"react-dom";import k,{createPortal as M,unstable_batchedUpdates as A,flushSync as L}from"react-dom";function $(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(e);i<r.length;i++)t.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(e,r[i])&&(n[r[i]]=e[r[i]])}return n}"function"==typeof SuppressedError&&SuppressedError;const D=({children:t,theme:n})=>e.createElement(y.Provider,{value:n},t),O={red:{0:"#FFF5F5",50:"#FFF0F1",100:"#FFE2E5",200:"#FFBAC3",300:"#F96979",400:"#F1365C",500:"#EB0A4E",600:"#CA0755",700:"#A90556",800:"#880352",900:"#70014E",1e3:"#380027"},blue:{0:"#F4F8FA",50:"#F2F9FC",100:"#CDF0FE",200:"#9CDDFD",300:"#6AC3FB",400:"#46AAF8",500:"#0B82F4",600:"#0864D1",700:"#054BAF",800:"#03348D",900:"#022575",1e3:"#02194F"},yellow:{0:"#FFFEF5",50:"#FFFCE4",100:"#FEFACF",200:"#FEF4A0",300:"#FEED71",400:"#FDE54E",500:"#FCD914",600:"#D8BA0E",700:"#B59B0A",800:"#927D06",900:"#695A02",1e3:"#2D2601"},green:{0:"#FBFFF5",50:"#F4FFE2",100:"#ECFCD3",200:"#D6F9A9",300:"#B4ED7B",400:"#92DB57",500:"#63C427",600:"#49A81C",700:"#338D13",800:"#20710C",900:"#135E07",1e3:"#072102"},gray:{0:"#FFFFFF",50:"#F8F9FA",100:"#F2F4F5",200:"#E2E8EA",300:"#D1D5DA",400:"#B3BAC1",500:"#959FA9",600:"#778490",700:"#596978",800:"#1F3449",900:"#041C33",1e3:"#001326"}};function S(e){return e&&"object"==typeof e&&!Array.isArray(e)}function V(e,t,n={clone:!0}){const r=n.clone?Object.assign({},e):e;return S(e)&&S(t)&&Object.keys(t).forEach((i=>{"__proto__"!==i&&(S(t[i])&&i in e?r[i]=V(e[i],t[i],n):r[i]=t[i])})),r}const H={white:O.gray[0],black:O.gray[900],primary:{pure:O.blue[0],ultraLight:O.blue[50],highlight:O.blue[100],softLight:O.blue[200],lighter:O.blue[300],light:O.blue[400],base:O.blue[500],dark:O.blue[600],darker:O.blue[700],deepDark:O.blue[800],ultraDark:O.blue[900],deepest:O.blue[1e3]},success:{pure:O.green[0],ultraLight:O.green[50],highlight:O.green[100],softLight:O.green[200],lighter:O.green[300],light:O.green[400],base:O.green[500],dark:O.green[600],darker:O.green[700],deepDark:O.green[800],ultraDark:O.green[900],deepest:O.green[1e3]},warning:{pure:O.yellow[0],ultraLight:O.yellow[50],highlight:O.yellow[100],softLight:O.yellow[200],lighter:O.yellow[300],light:O.yellow[400],base:O.yellow[500],dark:O.yellow[600],darker:O.yellow[700],deepDark:O.yellow[800],ultraDark:O.yellow[900],deepest:O.yellow[1e3]},danger:{pure:O.red[0],ultraLight:O.red[50],highlight:O.red[100],softLight:O.red[200],lighter:O.red[300],light:O.red[400],base:O.red[500],dark:O.red[600],darker:O.red[700],deepDark:O.red[800],ultraDark:O.red[900],deepest:O.red[1e3]},neutral:{pure:O.gray[0],ultraLight:O.gray[50],highlight:O.gray[100],softLight:O.gray[200],lighter:O.gray[300],light:O.gray[400],base:O.gray[500],dark:O.gray[600],darker:O.gray[700],deepDark:O.gray[800],ultraDark:O.gray[900],deepest:O.gray[1e3]},text:{primary:O.gray[900],accent:O.blue[500],secondary:O.gray[700],disabled:O.gray[400],hint:O.gray[400],white:O.gray[0]},background:{default:O.gray[0],dark:O.blue[50],active:O.blue[100],hint:O.blue[50]},divider:O.gray[400],icon:{active:O.blue[500],fill:O.gray[700],line:O.gray[600]},action:{shadowOpacity:.08,shadowBase:O.gray[900]}};function N(e){return V(H,e)}const R={"3dShadowActive":"0px 3px rgba(4, 28, 51, 0.16) inset","3dShadowPrimary":"0px -3px 0px 0px rgba(2, 37, 117, 0.06) inset, 0px 1px 0px 0px rgba(4, 28, 51, 0.04)","3dShadowPrimarySubtle":"0px -3px 0px 0px rgba(11, 130, 244, 0.06) inset, 0px 1px 0px 0px rgba(4, 28, 51, 0.04)","3dShadowPrimarySubtleActive":"0px 3px 0px 0px rgba(11, 130, 244, 0.06) inset","3dShadowBasic":"0px -3px 0px 0px rgba(4, 28, 51, 0.06) inset, 0px 1px 0px 0px rgba(4, 28, 51, 0.04)","3dShadowBasicActive":"0px 3px 0px 0px rgba(4, 28, 51, 0.06) inset","3dShadowDanger":"0px -3px 0px 0px rgba(112, 1, 78, 0.06) inset, 0px 1px 0px 0px rgba(4, 28, 51, 0.04)",dropdown:"0px 0px 16px rgba(4, 28, 51, 0.08)"},T=8,Z=8,z={xs:375,sm:576,md:768,lg:1024,xl:1280,xxl:1440},B={MOBILE_SMALL:z.xs,MOBILE:z.sm,TABLET:z.md,LAPTOP:z.lg,DESKTOP:z.xl,WIDE:z.xxl},_={X_SMALL:z.xs,SMALL:z.sm,MEDIUM:z.md,LARGE:z.lg,X_LARGE:z.xl,XX_LARGE:z.xxl},P=w`
|
|
2
2
|
text-box: trim-both cap alphabetic;
|
|
3
3
|
`,F={appBar:1100,drawer:1200,modal:1300,configPanel:1349,calendar:1350,calendarRange:1350,dropdown:1351,snackbar:1400,tooltip:1500,toast:1700},G=w`
|
|
4
4
|
border-color: ${({theme:e})=>e.palette.primary.base};
|
|
@@ -65,7 +65,7 @@ import*as e from"react";import t,{forwardRef as n,useState as r,useRef as i,useE
|
|
|
65
65
|
line-height: ${({lineHeight:e})=>e};
|
|
66
66
|
word-break: break-all;
|
|
67
67
|
${({$trimVertical:e})=>e&&P}
|
|
68
|
-
`,ue={xs:12,sm:13,md:14,lg:15,xl:16,xxl:18,xxxl:20,xxxxl:24,xxxxxl:28,xxxxxxl:32,xxxxxxxl:40},pe=(e,t)=>{switch(e){case"initial":return t.palette.black;case"primary":return t.palette.text.
|
|
68
|
+
`,ue={xs:12,sm:13,md:14,lg:15,xl:16,xxl:18,xxxl:20,xxxxl:24,xxxxxl:28,xxxxxxl:32,xxxxxxxl:40},pe=(e,t)=>{switch(e){case"initial":return t.palette.black;case"primary":return t.palette.text.accent;case"secondary":return t.palette.text.secondary;case"disabled":return t.palette.text.disabled;case"hint":return t.palette.text.hint;case"white":return t.palette.text.white;default:return e}},me=e.forwardRef((function({children:t,component:n="p",color:r="initial",align:i="left",size:o="md",weight:a="normal",lineHeight:l="1.4",trimVertical:s=!1,className:c},d){const u=J();return e.createElement(de,{ref:d,as:n,color:pe(r,u),align:i,fontSize:`${ue[o]}px`,weight:a,lineHeight:l,$trimVertical:s,className:c},t)})),he=x.button`
|
|
69
69
|
display: flex;
|
|
70
70
|
align-items: center;
|
|
71
71
|
gap: ${({theme:e})=>.25*e.spacing}px;
|
|
@@ -1030,7 +1030,7 @@ object-assign
|
|
|
1030
1030
|
z-index: 1;
|
|
1031
1031
|
`,Mu=e=>{var{value:n,multiple:l=!1,disabled:s=!1,placeholder:c="選択してください",size:u="medium",variant:p="light",tagVariant:m,tagOverflow:f="truncate",showBulkActions:b=!1,selectAllLabel:v="すべて選択",clearAllLabel:x="すべてクリア",searchable:y=!1,searchPlaceholder:w="検索",noResultsMessage:C="見つかりませんでした",error:E=!1,applyButtonText:I="適用",cancelButtonText:k="キャンセル",children:M,onChange:A,onTempChange:L,width:D,minWidth:O,placement:S,middleware:V}=e,H=$(e,["value","multiple","disabled","placeholder","size","variant","tagVariant","tagOverflow","showBulkActions","selectAllLabel","clearAllLabel","searchable","searchPlaceholder","noResultsMessage","error","applyButtonText","cancelButtonText","children","onChange","onTempChange","width","minWidth","placement","middleware"]);const[N,R]=r(!1),[T,Z]=r(""),[z,B]=r([]),[_,P]=r(!1),F=i(null),G=a((()=>m||("light"===p?"dark":"light")),[p,m]),j=a((()=>l?Array.isArray(n)?n:[]:void 0!==n?[n]:[]),[n,l]),W=a((()=>{if(!M)return[];const e=[],t=n=>{h.forEach(n,(n=>{if(!g(n))return;const r=n;if(r.type&&"string"!=typeof r.type){const n=r.type.displayName||r.type.name;if("Select2Option"===n){const t=r.props.value,n=r.props.children,i=!!r.props.disabled,o=r.props.prepend,a=r.props.append;void 0!==t&&e.push({value:t,label:String(n),disabled:i,prepend:o,append:a})}else"Select2OptionGroup"===n&&r.props.children&&t(r.props.children)}}))};return t(M),e}),[M]),Y=d((e=>{null==A||A(e)}),[A]),X=d((e=>{s||(R(e),e&&l&&B([...j]),e||Z(""))}),[s,l,j]),J=d((e=>{e.disabled||(Y(e.value),R(!1),Z(""))}),[Y]),U=d(((e,t)=>{t.disabled||B((n=>e?[...n,t.value]:n.filter((e=>e!==t.value))))}),[]),Q=d((()=>{l&&Y(z),R(!1),Z("")}),[Y,l,z]),q=d((()=>{R(!1),Z("")}),[]),K=d((e=>{if(l&&Array.isArray(n)){const t=n.filter((t=>t!==e));Y(t)}}),[l,n,Y]),te=d((e=>{Z(e.target.value)}),[]),ne=d((e=>{e.stopPropagation(),Z("")}),[]),re=d((()=>{s||X(!N)}),[s,X,N]),ie=a((()=>W.find((e=>e.value===n))),[W,n]),oe=a((()=>l&&Array.isArray(n)?W.filter((e=>n.includes(e.value))):[]),[l,W,n]),ae=a((()=>{if(!y||!T)return W;const e=T.trim();if(!e)return W;const t=e.includes(","),n=e.startsWith('"')&&e.endsWith('"'),r=Jc(e);return W.filter((i=>{const o=i.label.toLowerCase();return n?r.some((e=>o===e.toLowerCase())):t?r.some((e=>o.includes(e.toLowerCase()))):o.includes(e.toLowerCase())}))}),[W,T,y]),le=d((()=>{const e=ae.filter((e=>!e.disabled)).map((e=>e.value));B((t=>[...new Set([...t,...e])]))}),[ae]),se=d((()=>{B([])}),[]),ce=d((()=>{F.current&&"wrap"!==f&&P(F.current.scrollWidth>F.current.clientWidth)}),[f]);o((()=>{if(!window.ResizeObserver)return;if(!F.current)return;ce();const e=new window.ResizeObserver((()=>{F.current&&ce()}));return e.observe(F.current),()=>{e.disconnect()}}),[ce,oe,f]),o((()=>{l&&Array.isArray(n)&&B(n)}),[l,n]),o((()=>{l&&"function"==typeof L&&L(z)}),[l,z]);const de=a((()=>b&&l?t.createElement(Iu,null,t.createElement(su,{content:v,positionPriority:["top"],offset:[0,8],disabled:0===ae.length},t.createElement(Zs,{icon:t.createElement(ee,{name:"check_thin",color:"currentColor"}),size:"small",color:"secondaryDark",disabled:0===ae.length,onClick:le})),t.createElement(su,{content:x,positionPriority:["top"],offset:[0,8]},t.createElement(Zs,{icon:t.createElement(ee,{name:"close",color:"currentColor"}),size:"small",color:"secondaryDark",onClick:se}))):null),[b,l,v,x,ae,le,se]),ue=a((()=>y&&b&&l?t.createElement(Cu,null,t.createElement(Eu,null,t.createElement(wu,{autoFocus:!0,placeholder:w,value:T,onChange:te}),T&&t.createElement(ku,{type:"button","aria-label":"検索をリセット",onClick:ne},t.createElement(ee,{name:"close_circle",type:"fill",color:"currentColor"}))),de):y?t.createElement(Cu,null,t.createElement(Eu,null,t.createElement(wu,{autoFocus:!0,placeholder:w,value:T,onChange:te}),T&&t.createElement(ku,{type:"button","aria-label":"検索をリセット",onClick:ne},t.createElement(ee,{name:"close_circle",type:"fill",color:"currentColor"})))):b&&l?de:null),[y,b,l,T,w,te,ne,de]),pe=a((()=>l?t.createElement(fs,null,t.createElement(Zs,{color:"clear",size:"small",onClick:q},k),t.createElement(Zs,{color:"primary",size:"small",onClick:Q},I)):null),[l,Q,q,I,k]),me=t.createElement(pu,Object.assign({$disabled:s,$error:E,$hasValue:l?Array.isArray(n)&&n.length>0:!!ie,$isOpen:N,$multiple:l,$size:u,$variant:p,"aria-expanded":N,"aria-invalid":E,disabled:s,role:"combobox",type:"button"},H),l&&Array.isArray(n)&&0===n.length?t.createElement(xu,{$disabled:s,$variant:p},c):!l&&t.createElement(hu,null,ie?t.createElement(t.Fragment,null,ie.prepend&&t.createElement(fu,{$size:u,$disabled:s},t.isValidElement(ie.prepend)&&ie.prepend.type===ee?t.cloneElement(ie.prepend,{size:parseInt(cu[u].iconSize,10),color:ie.prepend.props.color||"currentColor"}):ie.prepend),t.createElement(gu,null,ie.label)):t.createElement(xu,{$disabled:s,$variant:p},c)),t.createElement(yu,{$disabled:s,$size:u,$multiple:l},t.createElement(ee,{name:"arrow_down",color:"currentColor"})));return t.createElement(du,null,t.createElement(uu,{$disabled:s,$error:E,$isOpen:N,$size:u,$variant:p,$tagOverflow:f,"data-disabled":s,"data-overflowing":"wrap"!==f&&_,style:{cursor:l||s?"default":"pointer"}},t.createElement(us,null,t.createElement(ds,{noResultsMessage:y?C:void 0,open:N,stickyFooter:pe,stickyHeader:ue,trigger:me,width:D,minWidth:O,placement:S,middleware:V,onOpenChange:X},(()=>{const e=y&&!!T?new Set(ae.map((e=>e.value))):void 0;if(M){const r=((e,r)=>{const i=[];let o=null;const a=(e,i,o)=>{const a=e.props.value,s=!!e.props.disabled,c=e.props.children,d=e.props.prepend,u=e.props.append;if(r&&!r.has(a))return null;const p=l?z.includes(a):a===n;return t.createElement(Yi,{key:`${i}-${o}`,checked:p,closeOnChange:!l,disabled:s,tabIndex:0,prepend:d,append:u,onChange:()=>{l?U(!p,{value:a,label:String(c),disabled:s,prepend:d,append:u}):J({value:a,label:String(c),disabled:s,prepend:d,append:u})}},c)},s=()=>{if(null===o)return;const e=o,n=e.options.map(((t,n)=>a(t,`option-${e.label}`,n))).filter(Boolean);0!==n.length&&(i.push(t.createElement(ps,{key:`heading-${e.label}`},e.label)),i.push(...n))};return h.forEach(e,(e=>{if(!g(e))return;const n=e;if(n.type&&"string"!=typeof n.type){const e=n.type.displayName||n.type.name;if("Select2OptionGroup"===e)null!==o&&s(),o={label:n.props.label,options:[]},n.props.children&&h.forEach(n.props.children,(e=>{if(g(e)){const t=e;"Select2Option"===(t.type.displayName||t.type.name)&&null!==o&&o.options.push(t)}}));else if("Select2Separator"===e)i.length>0&&i.push(t.createElement(gs,{key:`separator-${i.length}`}));else if("Select2Option"===e)if(null!==o)o.options.push(n);else{const e=n.props.value;if(r&&!r.has(e))return;i.push(a(n,"option",i.length))}else i.push(n)}})),null!==o&&s(),i})(M,e);return 0===r.length?t.createElement(es,{message:C}):r}return ae.length>0?ae.map((e=>{const r=l?z.includes(e.value):e.value===n;return t.createElement(Yi,{key:e.value.toString(),checked:r,closeOnChange:!l,disabled:e.disabled,tabIndex:0,prepend:e.prepend,append:e.append,onChange:()=>{l?U(!r,e):J(e)}},e.label)})):t.createElement(es,{message:C})})())),l&&t.createElement(mu,{$tagOverflow:f},t.createElement(bu,{ref:F,$tagOverflow:f,"data-testid":"tag-container",onClick:re},oe.map((e=>{const n=s?void 0:()=>K(e.value);return t.createElement(vu,{key:e.value.toString(),disabled:s,label:e.label,size:u,variant:G,onRemove:n})}))))))},Au=e=>null;Au.displayName="Select2Option";const Lu=e=>null;Lu.displayName="Select2OptionGroup";const $u=()=>null;$u.displayName="Select2Separator";const Du=x(me)`
|
|
1032
1032
|
${P}
|
|
1033
|
-
`,Ou=e.forwardRef((function({children:t,size:n="md"},r){const i=J();return e.createElement(ne,{ref:r,display:"flex",alignItems:"center"},e.createElement(ks,{pr:.5},e.createElement(ee,{name:"alert",type:"fill",color:i.palette.danger.base,size:"sm"===n?"sm-md":n})),e.createElement(Du,{color:i.palette.danger.base,size:n},t))})),Su=e=>{const{inputType:t,selectedValues:n,selectedRadioValue:r,startDate:i,endDate:o,value:a,isRangeOperator:l}=e;return"checkbox"===t?n:"radio"===t?[r]:l?[i,o]:[a]},Vu=(e,t)=>{const n=We(e).find((e=>e.value===t));return(null==n?void 0:n.label)||t},Hu=e=>{const{conditionConfig:t,inputType:n,operator:r,values:i,dateFormat:o}=e;return i.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&&o){const t=String(e);if(!t||""===t.trim())return t;const n=xs(t,"YYYY-MM-DD");return n.isValid()?n.format(o):t}return String(e)}))},Nu=e=>{const{inputType:t,operator:n,selectedValues:r,selectedRadioValue:i,startDate:o,endDate:a,value:l,isRangeOperator:s,customValidation:c}=e;if("checkbox"===t){if(0===r.length)return{isValid:!1,errorMessage:"少なくとも1つの項目を選択してください"}}else if("radio"===t){if(""===i||null==i)return{isValid:!1,errorMessage:"項目を選択してください"}}else if(s){if(!o||!a)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?[i]:s?[o,a]:[l],c(e,n)}return s&&new Date(o)>new Date(a)?{isValid:!1,errorMessage:"開始日は終了日より前である必要があります"}:{isValid:!0,errorMessage:""}},Ru=e=>{const{inputType:t,selectedValues:n,selectedRadioValue:r,startDate:i,endDate:o,value:a,isRangeOperator:l}=e;return"checkbox"===t?n.length>0:"radio"===t?""!==r&&null!=r:l?!(!i||!o):!(!a||""===a.trim())},Tu=e=>!1!==e.required,Zu=(e,t)=>{const n=Ge(t,e.conditionKey);return n?{condition:e,conditionConfig:n}:null},zu=e=>{const{condition:t,conditionConfig:n}=e,r=Ye(n,t.operator),i=Xe(n,t.operator);return Ru({inputType:r,selectedValues:t.selectedValues,selectedRadioValue:t.selectedRadioValue,startDate:t.startDate,endDate:t.endDate,value:t.value,isRangeOperator:i})},Bu=e=>{const{condition:t,conditionConfig:n}=e,r=Ye(n,t.operator),i=Xe(n,t.operator);return Nu({inputType:r,operator:t.operator,selectedValues:t.selectedValues,selectedRadioValue:t.selectedRadioValue,startDate:t.startDate,endDate:t.endDate,value:t.value,isRangeOperator:i,customValidation:n.customValidation})},_u={MENU_WIDTH:160,CONFIG_PANEL_WIDTH:264,DEFAULT_MENU_POSITION:24,TAG_SPACING:8,TAG_OFFSET_MULTIPLE:40,ESTIMATED_TAG_WIDTH:120,ICON_AREA_WIDTH:24,CLEAR_BUTTON_WIDTH:16,FALLBACK_POSITION_X:80,FALLBACK_POSITION_Y:148,CONFIG_PANEL_HEADER_HEIGHT:60,CONFIG_PANEL_BUTTON_HEIGHT:50,CONFIG_PANEL_PADDING:16,CONFIG_PANEL_MIN_CONTENT_HEIGHT:200,TRANSITION_DURATION:200,MIN_VALUE_LENGTH:1},Pu="[data-tag]",Fu='[role="menu"]',Gu='[data-advanced-filter-trigger="true"]',ju='[role="button"]',Wu=({options:e,selectedValues:n,onValueToggle:r})=>t.createElement(tt,null,e.map((e=>t.createElement(Yi,{key:String(e.value),checked:n.includes(e.value),onChange:t=>r(e.value,t)},e.label))));Wu.displayName="CheckboxValueInput";const Yu=({options:e,selectedRadioValue:n,onRadioChange:r})=>t.createElement(tt,null,e.map((e=>t.createElement(Yi,{key:String(e.value),checked:n===e.value,onChange:t=>{t&&r(e.value)}},e.label))));Yu.displayName="RadioValueInput";const Xu=640,Ju={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月",weekList:["日","月","火","水","木","金","土"],weekStart:0}},DateRangePicker:{defaultProps:{monthFormat:"YYYY年MM月",weekList:["日","月","火","水","木","金","土"],weekStart:0,applyButtonText:"適用",cancelButtonText:"キャンセル"}},WeekTime:{defaultProps:{weekList:["月","火","水","木","金","土","日"]}},WeekTimeSelector:{defaultProps:{weekList:["月","火","水","木","金","土","日"]}},DualListBox:{defaultProps:{selectedItemTitle:"個選択済み"}}}},Uu={components:{ConfirmModal:{defaultProps:{confirmText:"确认",cancelText:"取消"}},FullSizeConfirmModal:{defaultProps:{confirmText:"确认",cancelText:"取消"}},FileUploader:{defaultProps:{title:"把文件拖入, 同样支持点击上传。"}},ItemEmpty:{defaultProps:{title:"未找到。"}}}},Qu={components:{DatePicker:{defaultProps:{monthFormat:"MMM YYYY",weekList:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],weekStart:0}},DateRangePicker:{defaultProps:{monthFormat:"MMM YYYY",weekList:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],weekStart:0,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"}}}},qu=e.createContext({locale:Qu}),Ku=({locale:t,children:n})=>e.createElement(qu.Provider,{value:{locale:t}},n);function ep(e){var n,r;const{name:i,props:o}=e,a=t.useContext(qu).locale,l=Object.assign({},o);if(!a||!a.components)return l;const s=null===(r=null===(n=a.components)||void 0===n?void 0:n[i])||void 0===r?void 0:r.defaultProps;for(const e in s)void 0===l[e]&&(l[e]=s[e]);return l}const tp={small:{height:"28px",fontSize:"12px",padding:"0 6px",borderRadius:"4px",iconSize:14},medium:{height:"32px",fontSize:"13px",padding:"0 8px",borderRadius:"6px",iconSize:16},large:{height:"40px",fontSize:"14px",padding:"0 10px",borderRadius:"6px",iconSize:18}},np=e=>({light:{background:e.palette.background.default,borderColor:e.palette.divider,hoverBorderColor:e.palette.primary.base,focusBorderColor:e.palette.primary.base,focusShadowColor:`${e.palette.primary.softLight}66`},dark:{background:e.palette.neutral.ultraLight,borderColor:e.palette.divider,hoverBorderColor:e.palette.primary.base,focusBorderColor:e.palette.primary.base,focusShadowColor:`${e.palette.primary.softLight}66`}}),rp=e=>({borderColor:e.palette.danger.base,shadowColor:`${e.palette.danger.lighter}66`}),ip=e=>[...e.split("")].reduce(((e,t)=>{const n=t.charCodeAt(0);return e+(n>=12288&&n<=65376?2:1)}),0),op=n((function(e,n){const i=ep({props:e,name:"DatePicker"}),{date:o,format:l="YYYY-MM-DD",disabled:s=!1,size:c="medium",variant:u="light",width:p,monthFormat:m,weekList:h,weekStart:g,showDateFields:f=!1,showTimeFields:b=!1,timeFieldProps:v,useCalendarRange:x=!1,isOutsideRange:y,error:w=!1,errorText:C,defaultPresetButton:E,presetButtons:I,onPresetButtonClick:k,onDateChange:M,onDatesChange:A,endDate:L}=i,$=J(),[D,O]=r(!1),{context:S,refs:V,strategy:H,x:N,y:R}=yi({placement:"bottom-start",open:D,onOpenChange:O,middleware:[wn(10),yn(),Cn({padding:8})]}),T=bi(S),Z=$i(S),{getReferenceProps:z,getFloatingProps:B}=Ci([T,Z]),_=d((()=>{s||O((e=>!e))}),[s]),P=d((e=>{M(e),O(!1)}),[M]),F=a((()=>t.createElement(ee,{name:"date_range",color:s?$.palette.neutral.base:$.palette.text.
|
|
1033
|
+
`,Ou=e.forwardRef((function({children:t,size:n="md"},r){const i=J();return e.createElement(ne,{ref:r,display:"flex",alignItems:"center"},e.createElement(ks,{pr:.5},e.createElement(ee,{name:"alert",type:"fill",color:i.palette.danger.base,size:"sm"===n?"sm-md":n})),e.createElement(Du,{color:i.palette.danger.base,size:n},t))})),Su=e=>{const{inputType:t,selectedValues:n,selectedRadioValue:r,startDate:i,endDate:o,value:a,isRangeOperator:l}=e;return"checkbox"===t?n:"radio"===t?[r]:l?[i,o]:[a]},Vu=(e,t)=>{const n=We(e).find((e=>e.value===t));return(null==n?void 0:n.label)||t},Hu=e=>{const{conditionConfig:t,inputType:n,operator:r,values:i,dateFormat:o}=e;return i.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&&o){const t=String(e);if(!t||""===t.trim())return t;const n=xs(t,"YYYY-MM-DD");return n.isValid()?n.format(o):t}return String(e)}))},Nu=e=>{const{inputType:t,operator:n,selectedValues:r,selectedRadioValue:i,startDate:o,endDate:a,value:l,isRangeOperator:s,customValidation:c}=e;if("checkbox"===t){if(0===r.length)return{isValid:!1,errorMessage:"少なくとも1つの項目を選択してください"}}else if("radio"===t){if(""===i||null==i)return{isValid:!1,errorMessage:"項目を選択してください"}}else if(s){if(!o||!a)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?[i]:s?[o,a]:[l],c(e,n)}return s&&new Date(o)>new Date(a)?{isValid:!1,errorMessage:"開始日は終了日より前である必要があります"}:{isValid:!0,errorMessage:""}},Ru=e=>{const{inputType:t,selectedValues:n,selectedRadioValue:r,startDate:i,endDate:o,value:a,isRangeOperator:l}=e;return"checkbox"===t?n.length>0:"radio"===t?""!==r&&null!=r:l?!(!i||!o):!(!a||""===a.trim())},Tu=e=>!1!==e.required,Zu=(e,t)=>{const n=Ge(t,e.conditionKey);return n?{condition:e,conditionConfig:n}:null},zu=e=>{const{condition:t,conditionConfig:n}=e,r=Ye(n,t.operator),i=Xe(n,t.operator);return Ru({inputType:r,selectedValues:t.selectedValues,selectedRadioValue:t.selectedRadioValue,startDate:t.startDate,endDate:t.endDate,value:t.value,isRangeOperator:i})},Bu=e=>{const{condition:t,conditionConfig:n}=e,r=Ye(n,t.operator),i=Xe(n,t.operator);return Nu({inputType:r,operator:t.operator,selectedValues:t.selectedValues,selectedRadioValue:t.selectedRadioValue,startDate:t.startDate,endDate:t.endDate,value:t.value,isRangeOperator:i,customValidation:n.customValidation})},_u={MENU_WIDTH:160,CONFIG_PANEL_WIDTH:264,DEFAULT_MENU_POSITION:24,TAG_SPACING:8,TAG_OFFSET_MULTIPLE:40,ESTIMATED_TAG_WIDTH:120,ICON_AREA_WIDTH:24,CLEAR_BUTTON_WIDTH:16,FALLBACK_POSITION_X:80,FALLBACK_POSITION_Y:148,CONFIG_PANEL_HEADER_HEIGHT:60,CONFIG_PANEL_BUTTON_HEIGHT:50,CONFIG_PANEL_PADDING:16,CONFIG_PANEL_MIN_CONTENT_HEIGHT:200,TRANSITION_DURATION:200,MIN_VALUE_LENGTH:1},Pu="[data-tag]",Fu='[role="menu"]',Gu='[data-advanced-filter-trigger="true"]',ju='[role="button"]',Wu=({options:e,selectedValues:n,onValueToggle:r})=>t.createElement(tt,null,e.map((e=>t.createElement(Yi,{key:String(e.value),checked:n.includes(e.value),onChange:t=>r(e.value,t)},e.label))));Wu.displayName="CheckboxValueInput";const Yu=({options:e,selectedRadioValue:n,onRadioChange:r})=>t.createElement(tt,null,e.map((e=>t.createElement(Yi,{key:String(e.value),checked:n===e.value,onChange:t=>{t&&r(e.value)}},e.label))));Yu.displayName="RadioValueInput";const Xu=640,Ju={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月",weekList:["日","月","火","水","木","金","土"],weekStart:0}},DateRangePicker:{defaultProps:{monthFormat:"YYYY年MM月",weekList:["日","月","火","水","木","金","土"],weekStart:0,applyButtonText:"適用",cancelButtonText:"キャンセル"}},WeekTime:{defaultProps:{weekList:["月","火","水","木","金","土","日"]}},WeekTimeSelector:{defaultProps:{weekList:["月","火","水","木","金","土","日"]}},DualListBox:{defaultProps:{selectedItemTitle:"個選択済み"}}}},Uu={components:{ConfirmModal:{defaultProps:{confirmText:"确认",cancelText:"取消"}},FullSizeConfirmModal:{defaultProps:{confirmText:"确认",cancelText:"取消"}},FileUploader:{defaultProps:{title:"把文件拖入, 同样支持点击上传。"}},ItemEmpty:{defaultProps:{title:"未找到。"}}}},Qu={components:{DatePicker:{defaultProps:{monthFormat:"MMM YYYY",weekList:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],weekStart:0}},DateRangePicker:{defaultProps:{monthFormat:"MMM YYYY",weekList:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],weekStart:0,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"}}}},qu=e.createContext({locale:Qu}),Ku=({locale:t,children:n})=>e.createElement(qu.Provider,{value:{locale:t}},n);function ep(e){var n,r;const{name:i,props:o}=e,a=t.useContext(qu).locale,l=Object.assign({},o);if(!a||!a.components)return l;const s=null===(r=null===(n=a.components)||void 0===n?void 0:n[i])||void 0===r?void 0:r.defaultProps;for(const e in s)void 0===l[e]&&(l[e]=s[e]);return l}const tp={small:{height:"28px",fontSize:"12px",padding:"0 6px",borderRadius:"4px",iconSize:14},medium:{height:"32px",fontSize:"13px",padding:"0 8px",borderRadius:"6px",iconSize:16},large:{height:"40px",fontSize:"14px",padding:"0 10px",borderRadius:"6px",iconSize:18}},np=e=>({light:{background:e.palette.background.default,borderColor:e.palette.divider,hoverBorderColor:e.palette.primary.base,focusBorderColor:e.palette.primary.base,focusShadowColor:`${e.palette.primary.softLight}66`},dark:{background:e.palette.neutral.ultraLight,borderColor:e.palette.divider,hoverBorderColor:e.palette.primary.base,focusBorderColor:e.palette.primary.base,focusShadowColor:`${e.palette.primary.softLight}66`}}),rp=e=>({borderColor:e.palette.danger.base,shadowColor:`${e.palette.danger.lighter}66`}),ip=e=>[...e.split("")].reduce(((e,t)=>{const n=t.charCodeAt(0);return e+(n>=12288&&n<=65376?2:1)}),0),op=n((function(e,n){const i=ep({props:e,name:"DatePicker"}),{date:o,format:l="YYYY-MM-DD",disabled:s=!1,size:c="medium",variant:u="light",width:p,monthFormat:m,weekList:h,weekStart:g,showDateFields:f=!1,showTimeFields:b=!1,timeFieldProps:v,useCalendarRange:x=!1,isOutsideRange:y,error:w=!1,errorText:C,defaultPresetButton:E,presetButtons:I,onPresetButtonClick:k,onDateChange:M,onDatesChange:A,endDate:L}=i,$=J(),[D,O]=r(!1),{context:S,refs:V,strategy:H,x:N,y:R}=yi({placement:"bottom-start",open:D,onOpenChange:O,middleware:[wn(10),yn(),Cn({padding:8})]}),T=bi(S),Z=$i(S),{getReferenceProps:z,getFloatingProps:B}=Ci([T,Z]),_=d((()=>{s||O((e=>!e))}),[s]),P=d((e=>{M(e),O(!1)}),[M]),F=a((()=>t.createElement(ee,{name:"date_range",color:s?$.palette.neutral.base:$.palette.text.accent})),[s,$]),G=a((()=>{if(void 0!==p)return p;return 8*ip(l)*(parseInt(tp[c].fontSize)/13)+32+"px"}),[p,l,c]),j=a((()=>"100%"===p||"string"==typeof p&&p.includes("100%")?{width:"100%"}:{width:"fit-content"}),[p]);return t.createElement(ne,{ref:n,style:j},t.createElement("div",Object.assign({ref:V.setReference},z()),t.createElement(iE,{date:o,format:l,error:w,errorText:C,disabled:s,size:c,variant:u,width:G,append:F,onDateChange:M,onAppendClick:_})),D&&t.createElement(si,null,t.createElement(ui,{context:S,modal:!1,initialFocus:-1,returnFocus:!1},x?t.createElement(Fh,Object.assign({ref:V.setFloating,startDate:o,endDate:L||o,monthFormat:m,weekList:h,weekStart:g,defaultPresetButton:E,presetButtons:I,showDateFields:f,showTimeFields:b,timeFieldProps:v,dateFieldFormat:l,isOutsideRange:y,style:{position:H,top:null!=R?R:0,left:null!=N?N:0,zIndex:$.depth.calendarRange,overflow:"hidden",maxWidth:"min(640px, calc(100vw - 16px))"},onPresetButtonClick:k,onDatesChange:A},B())):t.createElement(wh,Object.assign({ref:V.setFloating,date:o,monthFormat:m,weekList:h,weekStart:g,defaultPresetButton:E,presetButtons:I,showDateFields:f,showTimeFields:b,timeFieldProps:v,dateFieldFormat:l,isOutsideRange:y,style:{position:H,top:null!=R?R:0,left:null!=N?N:0,zIndex:$.depth.calendar,overflow:"hidden",maxWidth:"min(640px, calc(100vw - 16px))"},onPresetButtonClick:k,onDateChange:P},B())))))}));var ap=u(op);const lp=({startDate:e,endDate:n,onStartDateChange:r,onEndDateChange:i,format:o="YYYY-MM-DD"})=>{const l=a((()=>{if(e&&""!==e.trim()){const t=xs(e,"YYYY-MM-DD");return t.isValid()?t:xs()}return xs()}),[e]),s=a((()=>{if(n&&""!==n.trim()){const e=xs(n,"YYYY-MM-DD");return e.isValid()?e:xs()}return xs()}),[n]);return t.createElement(Je,null,t.createElement(Qe,null,t.createElement(et,{htmlFor:"start-date-picker"},"開始日"),t.createElement(ap,{date:l,format:o,variant:"dark",width:"100%",onDateChange:e=>{r(e.format("YYYY-MM-DD"))}})),t.createElement(Qe,null,t.createElement(et,{htmlFor:"end-date-picker"},"終了日"),t.createElement(ap,{date:s,format:o,variant:"dark",width:"100%",onDateChange:e=>{i(e.format("YYYY-MM-DD"))}})))};lp.displayName="DateRangeInput";const sp=x.div`
|
|
1034
1034
|
position: relative;
|
|
1035
1035
|
isolation: isolate;
|
|
1036
1036
|
display: ${({$width:e})=>"100%"===e||"string"==typeof e&&e.includes("100%")?"block":"inline-block"};
|
|
@@ -1140,7 +1140,7 @@ object-assign
|
|
|
1140
1140
|
${({invisible:e})=>e&&w`
|
|
1141
1141
|
background-color: transparent;
|
|
1142
1142
|
`}
|
|
1143
|
-
`,tm=e.forwardRef((function(t,n){var{isOpen:r=!0,invisible:i=!1,transitionDuration:o,children:a,fadeProps:l}=t,s=$(t,["isOpen","invisible","transitionDuration","children","fadeProps"]);return e.createElement(iu,Object.assign({in:r,timeout:o,unmountOnExit:!0},l),e.createElement(em,Object.assign({invisible:i},s,{ref:n}),a))})),nm={xs:{iconSize:12,height:"18px",pillHeight:"18px",gap:"2px",padding:e=>.5*e.spacing+"px",signalPadding:e=>.5*e.spacing+"px",signalGap:e=>.375*e.spacing+"px",dotSize:"8px",fontSize:"11px"},small:{iconSize:14,height:"22px",pillHeight:"20px",gap:"2px",padding:e=>.75*e.spacing+"px",signalPadding:e=>e.spacing/2+"px",signalGap:e=>e.spacing/2+"px",dotSize:"10px",fontSize:"12px"},medium:{iconSize:16,height:"24px",pillHeight:"24px",gap:"4px",padding:e=>`${e.spacing}px`,signalPadding:e=>.75*e.spacing+"px",signalGap:e=>.75*e.spacing+"px",dotSize:"12px",fontSize:"13px"}},rm={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}},im={normal:{primary:e=>e.palette.text.
|
|
1143
|
+
`,tm=e.forwardRef((function(t,n){var{isOpen:r=!0,invisible:i=!1,transitionDuration:o,children:a,fadeProps:l}=t,s=$(t,["isOpen","invisible","transitionDuration","children","fadeProps"]);return e.createElement(iu,Object.assign({in:r,timeout:o,unmountOnExit:!0},l),e.createElement(em,Object.assign({invisible:i},s,{ref:n}),a))})),nm={xs:{iconSize:12,height:"18px",pillHeight:"18px",gap:"2px",padding:e=>.5*e.spacing+"px",signalPadding:e=>.5*e.spacing+"px",signalGap:e=>.375*e.spacing+"px",dotSize:"8px",fontSize:"11px"},small:{iconSize:14,height:"22px",pillHeight:"20px",gap:"2px",padding:e=>.75*e.spacing+"px",signalPadding:e=>e.spacing/2+"px",signalGap:e=>e.spacing/2+"px",dotSize:"10px",fontSize:"12px"},medium:{iconSize:16,height:"24px",pillHeight:"24px",gap:"4px",padding:e=>`${e.spacing}px`,signalPadding:e=>.75*e.spacing+"px",signalGap:e=>.75*e.spacing+"px",dotSize:"12px",fontSize:"13px"}},rm={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}},im={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.accent}},om=(e,t,n)=>rm[n][e](t),am=(e,t,n)=>im[n][e](t),lm={primary:e=>e.palette.primary.light,secondaryDark:e=>e.palette.neutral.light,success:e=>e.palette.success.light,warning:e=>e.palette.warning.light,danger:e=>e.palette.danger.light,inverse:e=>e.palette.neutral.light},sm=(e,t)=>lm[e](t),cm={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},dm=(e,t)=>cm[e](t),um=w`
|
|
1144
1144
|
display: inline-flex;
|
|
1145
1145
|
align-items: center;
|
|
1146
1146
|
text-align: center;
|
|
@@ -2719,7 +2719,7 @@ object-assign
|
|
|
2719
2719
|
}
|
|
2720
2720
|
`,aE=x.span`
|
|
2721
2721
|
${P}
|
|
2722
|
-
`,lE=n((function(e,n){var{format:r="YYYY-MM-DD",error:i=!1,errorText:o,disabled:l=!1,size:s="medium",variant:c="light",startWidth:d,endWidth:u,append:p,onAppendClick:m}=e,h=$(e,["format","error","errorText","disabled","size","variant","startWidth","endWidth","append","onAppendClick"]);const g=a((()=>9*ip(r)*(parseInt(tp[s].fontSize)/13)+"px"),[r,s]),f=a((()=>`${9*ip(r)*(parseInt(tp[s].fontSize)/13)+(p?32:0)}px`),[r,s,p]),b=null!=d?d:g,v=null!=u?u:f,x=e=>t=>{var n,r;const{startDate:i,endDate:o}=h.date;e===Ah?null===(n=h.onDatesChange)||void 0===n||n.call(h,{endDate:o,startDate:t}):null===(r=h.onDatesChange)||void 0===r||r.call(h,{startDate:i,endDate:t})},y=nE(Object.assign(Object.assign({},h),{format:r,date:h.date.startDate,onDateChange:x(Ah)})),{ref:w}=y,C=$(y,["ref"]),E=nE(Object.assign(Object.assign({},h),{format:r,date:h.date.endDate,onDateChange:x(Lh)})),{ref:I}=E,k=$(E,["ref"]),M=ou(n,w),A=ou(n,I);return t.createElement(t.Fragment,null,t.createElement(oE,{error:i||!!o,disabled:l,$size:s,$variant:c},t.createElement(pp,Object.assign({ref:M,readOnly:!0,disabled:l,width:b,size:s,variant:c,error:i||!!o,style:{border:"none",background:"transparent",textAlign:"center",boxShadow:"none"}},C)),t.createElement(aE,null,"-"),t.createElement(pp,Object.assign({ref:A,readOnly:!0,disabled:l,width:v,size:s,variant:c,error:i||!!o,style:{border:"none",background:"transparent",textAlign:"center",boxShadow:"none"},append:p,onAppendClick:m},k))),o&&t.createElement(ks,{pt:1},t.createElement(Ou,null,o)))}));var sE=u(lE);const cE=n((function(t,n){const o=ep({props:t,name:"DateRangePicker"}),{startDate:l,endDate:s,error:c=!1,errorText:u,disabled:p=!1,size:m="medium",variant:h="light",monthFormat:g,weekList:f,weekStart:b,showDateFields:v=!1,showTimeFields:x=!1,timeFieldProps:y,format:w="YYYY-MM-DD",applyButtonText:C,cancelButtonText:E,isOutsideRange:I=(()=>!1),defaultPresetButton:k,presetButtons:M,onPresetButtonClick:A,onDatesChange:L}=o,[$,D]=r(!1),O=i(null),S=d((e=>{e&&!$&&(O.current={startDate:l.clone(),endDate:s.clone()}),D(e)}),[$,l,s]),{context:V,refs:H,strategy:N,x:R,y:T}=yi({placement:"bottom-start",open:$,onOpenChange:S,middleware:[wn(10),yn(),Cn({padding:20})]}),Z=ou(n,i(null)),z=bi(V),B=$i(V),{getReferenceProps:_,getFloatingProps:P}=Ci([z,B]),F=J(),G=d((()=>{p||S(!$)}),[p,S,$]),j=d((()=>{D(!1)}),[]),W=d((()=>{const e=O.current;e&&L({startDate:e.startDate,endDate:e.endDate}),D(!1)}),[L]),Y=a((()=>e.createElement(ee,{name:"date_range",color:p?F.palette.neutral.base:F.palette.text.
|
|
2722
|
+
`,lE=n((function(e,n){var{format:r="YYYY-MM-DD",error:i=!1,errorText:o,disabled:l=!1,size:s="medium",variant:c="light",startWidth:d,endWidth:u,append:p,onAppendClick:m}=e,h=$(e,["format","error","errorText","disabled","size","variant","startWidth","endWidth","append","onAppendClick"]);const g=a((()=>9*ip(r)*(parseInt(tp[s].fontSize)/13)+"px"),[r,s]),f=a((()=>`${9*ip(r)*(parseInt(tp[s].fontSize)/13)+(p?32:0)}px`),[r,s,p]),b=null!=d?d:g,v=null!=u?u:f,x=e=>t=>{var n,r;const{startDate:i,endDate:o}=h.date;e===Ah?null===(n=h.onDatesChange)||void 0===n||n.call(h,{endDate:o,startDate:t}):null===(r=h.onDatesChange)||void 0===r||r.call(h,{startDate:i,endDate:t})},y=nE(Object.assign(Object.assign({},h),{format:r,date:h.date.startDate,onDateChange:x(Ah)})),{ref:w}=y,C=$(y,["ref"]),E=nE(Object.assign(Object.assign({},h),{format:r,date:h.date.endDate,onDateChange:x(Lh)})),{ref:I}=E,k=$(E,["ref"]),M=ou(n,w),A=ou(n,I);return t.createElement(t.Fragment,null,t.createElement(oE,{error:i||!!o,disabled:l,$size:s,$variant:c},t.createElement(pp,Object.assign({ref:M,readOnly:!0,disabled:l,width:b,size:s,variant:c,error:i||!!o,style:{border:"none",background:"transparent",textAlign:"center",boxShadow:"none"}},C)),t.createElement(aE,null,"-"),t.createElement(pp,Object.assign({ref:A,readOnly:!0,disabled:l,width:v,size:s,variant:c,error:i||!!o,style:{border:"none",background:"transparent",textAlign:"center",boxShadow:"none"},append:p,onAppendClick:m},k))),o&&t.createElement(ks,{pt:1},t.createElement(Ou,null,o)))}));var sE=u(lE);const cE=n((function(t,n){const o=ep({props:t,name:"DateRangePicker"}),{startDate:l,endDate:s,error:c=!1,errorText:u,disabled:p=!1,size:m="medium",variant:h="light",monthFormat:g,weekList:f,weekStart:b,showDateFields:v=!1,showTimeFields:x=!1,timeFieldProps:y,format:w="YYYY-MM-DD",applyButtonText:C,cancelButtonText:E,isOutsideRange:I=(()=>!1),defaultPresetButton:k,presetButtons:M,onPresetButtonClick:A,onDatesChange:L}=o,[$,D]=r(!1),O=i(null),S=d((e=>{e&&!$&&(O.current={startDate:l.clone(),endDate:s.clone()}),D(e)}),[$,l,s]),{context:V,refs:H,strategy:N,x:R,y:T}=yi({placement:"bottom-start",open:$,onOpenChange:S,middleware:[wn(10),yn(),Cn({padding:20})]}),Z=ou(n,i(null)),z=bi(V),B=$i(V),{getReferenceProps:_,getFloatingProps:P}=Ci([z,B]),F=J(),G=d((()=>{p||S(!$)}),[p,S,$]),j=d((()=>{D(!1)}),[]),W=d((()=>{const e=O.current;e&&L({startDate:e.startDate,endDate:e.endDate}),D(!1)}),[L]),Y=a((()=>e.createElement(ee,{name:"date_range",color:p?F.palette.neutral.base:F.palette.text.accent})),[p,F]);return e.createElement(ne,{ref:Z},e.createElement("div",Object.assign({ref:H.setReference},_(),{style:{width:"fit-content"}}),e.createElement(sE,{date:{startDate:l,endDate:s},error:c,errorText:u,disabled:p,size:m,variant:h,format:w,append:Y,onDatesChange:L,onAppendClick:G})),$&&e.createElement(si,null,e.createElement(ui,{context:V,modal:!1,initialFocus:-1,returnFocus:!1},e.createElement(Fh,Object.assign({ref:H.setFloating,startDate:l,endDate:s,applyButtonText:C,cancelButtonText:E,defaultPresetButton:k,presetButtons:M,showDateFields:v,showTimeFields:x,timeFieldProps:y,dateFieldFormat:"YYYY-MM-DD",monthFormat:g,weekList:f,weekStart:b,style:{position:N,top:null!=T?T:0,left:null!=R?R:0,zIndex:F.depth.calendarRange,overflow:"hidden",maxWidth:"min(640px, calc(100vw - 32px))"},isOutsideRange:I,onApply:j,onCancel:W,onDatesChange:L,onPresetButtonClick:A},P())))))}));var dE=e.memo(cE);const uE=(e,t)=>{if("number"==typeof e)return e;const n=parseFloat(e);if(e.includes("vw"))return n/100*window.innerWidth;if(e.includes("vh"))return n/100*window.innerHeight;if(e.includes("%")){return n/100*("left"===t||"right"===t?window.innerWidth:window.innerHeight)}return e.includes("px")?n:isNaN(n)?("production"!==process.env.NODE_ENV&&console.error(`Drawer: 無効なサイズ値です: "${e}". デフォルト値を使用します。`),400):("production"!==process.env.NODE_ENV&&console.warn(`Drawer: 文字列サイズには単位を指定してください。"${e}" → "${e}px" を推奨`),n)},pE=x.div`
|
|
2723
2723
|
position: fixed;
|
|
2724
2724
|
top: 0;
|
|
2725
2725
|
left: 0;
|