ingred-ui 28.2.0 → 28.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/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.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";var e=require("react"),t=require("styled-components"),n=require("react-dom");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function a(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var i=a(e),o=r(t),l=a(n);function s(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 a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}"function"==typeof SuppressedError&&SuppressedError;const c={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 u(e){return e&&"object"==typeof e&&!Array.isArray(e)}function d(e,t,n={clone:!0}){const r=n.clone?Object.assign({},e):e;return u(e)&&u(t)&&Object.keys(t).forEach((a=>{"__proto__"!==a&&(u(t[a])&&a in e?r[a]=d(e[a],t[a],n):r[a]=t[a])})),r}const p={white:c.gray[0],black:c.gray[900],primary:{pure:c.blue[0],ultraLight:c.blue[50],highlight:c.blue[100],softLight:c.blue[200],lighter:c.blue[300],light:c.blue[400],base:c.blue[500],dark:c.blue[600],darker:c.blue[700],deepDark:c.blue[800],ultraDark:c.blue[900],deepest:c.blue[1e3]},success:{pure:c.green[0],ultraLight:c.green[50],highlight:c.green[100],softLight:c.green[200],lighter:c.green[300],light:c.green[400],base:c.green[500],dark:c.green[600],darker:c.green[700],deepDark:c.green[800],ultraDark:c.green[900],deepest:c.green[1e3]},warning:{pure:c.yellow[0],ultraLight:c.yellow[50],highlight:c.yellow[100],softLight:c.yellow[200],lighter:c.yellow[300],light:c.yellow[400],base:c.yellow[500],dark:c.yellow[600],darker:c.yellow[700],deepDark:c.yellow[800],ultraDark:c.yellow[900],deepest:c.yellow[1e3]},danger:{pure:c.red[0],ultraLight:c.red[50],highlight:c.red[100],softLight:c.red[200],lighter:c.red[300],light:c.red[400],base:c.red[500],dark:c.red[600],darker:c.red[700],deepDark:c.red[800],ultraDark:c.red[900],deepest:c.red[1e3]},neutral:{pure:c.gray[0],ultraLight:c.gray[50],highlight:c.gray[100],softLight:c.gray[200],lighter:c.gray[300],light:c.gray[400],base:c.gray[500],dark:c.gray[600],darker:c.gray[700],deepDark:c.gray[800],ultraDark:c.gray[900],deepest:c.gray[1e3]},text:{primary:c.blue[500],secondary:c.gray[700],disabled:c.gray[400],hint:c.gray[400],white:c.gray[0]},background:{default:c.gray[0],dark:c.blue[50],active:c.blue[100],hint:c.blue[50]},divider:c.gray[400],icon:{active:c.blue[500],fill:c.gray[700],line:c.gray[600]},action:{shadowOpacity:.08,shadowBase:c.gray[900]}};function f(e){return d(p,e)}const m={"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)"},h={xs:375,sm:576,md:768,lg:1024,xl:1280,xxl:1440},g={MOBILE_SMALL:h.xs,MOBILE:h.sm,TABLET:h.md,LAPTOP:h.lg,DESKTOP:h.xl,WIDE:h.xxl},b={X_SMALL:h.xs,SMALL:h.sm,MEDIUM:h.md,LARGE:h.lg,X_LARGE:h.xl,XX_LARGE:h.xxl},v=t.css`
|
|
1
|
+
"use strict";var e=require("react"),t=require("styled-components"),n=require("react-dom");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function a(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var i=a(e),o=r(t),l=a(n);function s(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 a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}"function"==typeof SuppressedError&&SuppressedError;const c={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 u(e){return e&&"object"==typeof e&&!Array.isArray(e)}function d(e,t,n={clone:!0}){const r=n.clone?Object.assign({},e):e;return u(e)&&u(t)&&Object.keys(t).forEach((a=>{"__proto__"!==a&&(u(t[a])&&a in e?r[a]=d(e[a],t[a],n):r[a]=t[a])})),r}const p={white:c.gray[0],black:c.gray[900],primary:{pure:c.blue[0],ultraLight:c.blue[50],highlight:c.blue[100],softLight:c.blue[200],lighter:c.blue[300],light:c.blue[400],base:c.blue[500],dark:c.blue[600],darker:c.blue[700],deepDark:c.blue[800],ultraDark:c.blue[900],deepest:c.blue[1e3]},success:{pure:c.green[0],ultraLight:c.green[50],highlight:c.green[100],softLight:c.green[200],lighter:c.green[300],light:c.green[400],base:c.green[500],dark:c.green[600],darker:c.green[700],deepDark:c.green[800],ultraDark:c.green[900],deepest:c.green[1e3]},warning:{pure:c.yellow[0],ultraLight:c.yellow[50],highlight:c.yellow[100],softLight:c.yellow[200],lighter:c.yellow[300],light:c.yellow[400],base:c.yellow[500],dark:c.yellow[600],darker:c.yellow[700],deepDark:c.yellow[800],ultraDark:c.yellow[900],deepest:c.yellow[1e3]},danger:{pure:c.red[0],ultraLight:c.red[50],highlight:c.red[100],softLight:c.red[200],lighter:c.red[300],light:c.red[400],base:c.red[500],dark:c.red[600],darker:c.red[700],deepDark:c.red[800],ultraDark:c.red[900],deepest:c.red[1e3]},neutral:{pure:c.gray[0],ultraLight:c.gray[50],highlight:c.gray[100],softLight:c.gray[200],lighter:c.gray[300],light:c.gray[400],base:c.gray[500],dark:c.gray[600],darker:c.gray[700],deepDark:c.gray[800],ultraDark:c.gray[900],deepest:c.gray[1e3]},text:{primary:c.gray[900],accent:c.blue[500],secondary:c.gray[700],disabled:c.gray[400],hint:c.gray[400],white:c.gray[0]},background:{default:c.gray[0],dark:c.blue[50],active:c.blue[100],hint:c.blue[50]},divider:c.gray[400],icon:{active:c.blue[500],fill:c.gray[700],line:c.gray[600]},action:{shadowOpacity:.08,shadowBase:c.gray[900]}};function f(e){return d(p,e)}const m={"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)"},h={xs:375,sm:576,md:768,lg:1024,xl:1280,xxl:1440},g={MOBILE_SMALL:h.xs,MOBILE:h.sm,TABLET:h.md,LAPTOP:h.lg,DESKTOP:h.xl,WIDE:h.xxl},b={X_SMALL:h.xs,SMALL:h.sm,MEDIUM:h.md,LARGE:h.lg,X_LARGE:h.xl,XX_LARGE:h.xxl},v=t.css`
|
|
2
2
|
text-box: trim-both cap alphabetic;
|
|
3
3
|
`,x={appBar:1100,drawer:1200,modal:1300,configPanel:1349,calendar:1350,calendarRange:1350,dropdown:1351,snackbar:1400,tooltip:1500,toast:1700},y=t.css`
|
|
4
4
|
border-color: ${({theme:e})=>e.palette.primary.base};
|
|
@@ -65,7 +65,7 @@
|
|
|
65
65
|
line-height: ${({lineHeight:e})=>e};
|
|
66
66
|
word-break: break-all;
|
|
67
67
|
${({$trimVertical:e})=>e&&v}
|
|
68
|
-
`,P={xs:12,sm:13,md:14,lg:15,xl:16,xxl:18,xxxl:20,xxxxl:24,xxxxxl:28,xxxxxxl:32,xxxxxxxl:40},_=(e,t)=>{switch(e){case"initial":return t.palette.black;case"primary":return t.palette.text.
|
|
68
|
+
`,P={xs:12,sm:13,md:14,lg:15,xl:16,xxl:18,xxxl:20,xxxxl:24,xxxxxl:28,xxxxxxl:32,xxxxxxxl:40},_=(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}},F=i.forwardRef((function({children:e,component:t="p",color:n="initial",align:r="left",size:a="md",weight:o="normal",lineHeight:l="1.4",trimVertical:s=!1,className:c},u){const d=k();return i.createElement(B,{ref:u,as:t,color:_(n,d),align:r,fontSize:`${P[a]}px`,weight:o,lineHeight:l,$trimVertical:s,className:c},e)})),G=o.default.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
|
`,Uu=t=>{var{value:n,multiple:r=!1,disabled:a=!1,placeholder:o="選択してください",size:l="medium",variant:c="light",tagVariant:u,tagOverflow:d="truncate",showBulkActions:p=!1,selectAllLabel:f="すべて選択",clearAllLabel:m="すべてクリア",searchable:h=!1,searchPlaceholder:g="検索",noResultsMessage:b="見つかりませんでした",error:v=!1,applyButtonText:x="適用",cancelButtonText:y="キャンセル",children:w,onChange:C,onTempChange:E,width:I,minWidth:k,placement:M,middleware:A}=t,L=s(t,["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[S,D]=e.useState(!1),[O,V]=e.useState(""),[H,R]=e.useState([]),[N,T]=e.useState(!1),z=e.useRef(null),Z=e.useMemo((()=>u||("light"===c?"dark":"light")),[c,u]),B=e.useMemo((()=>r?Array.isArray(n)?n:[]:void 0!==n?[n]:[]),[n,r]),P=e.useMemo((()=>{if(!w)return[];const t=[],n=r=>{e.Children.forEach(r,(r=>{if(!e.isValidElement(r))return;const a=r;if(a.type&&"string"!=typeof a.type){const e=a.type.displayName||a.type.name;if("Select2Option"===e){const e=a.props.value,n=a.props.children,r=!!a.props.disabled,i=a.props.prepend,o=a.props.append;void 0!==e&&t.push({value:e,label:String(n),disabled:r,prepend:i,append:o})}else"Select2OptionGroup"===e&&a.props.children&&n(a.props.children)}}))};return n(w),t}),[w]),_=e.useCallback((e=>{null==C||C(e)}),[C]),F=e.useCallback((e=>{a||(D(e),e&&r&&R([...B]),e||V(""))}),[a,r,B]),G=e.useCallback((e=>{e.disabled||(_(e.value),D(!1),V(""))}),[_]),j=e.useCallback(((e,t)=>{t.disabled||R((n=>e?[...n,t.value]:n.filter((e=>e!==t.value))))}),[]),W=e.useCallback((()=>{r&&_(H),D(!1),V("")}),[_,r,H]),Y=e.useCallback((()=>{D(!1),V("")}),[]),X=e.useCallback((e=>{if(r&&Array.isArray(n)){const t=n.filter((t=>t!==e));_(t)}}),[r,n,_]),J=e.useCallback((e=>{V(e.target.value)}),[]),U=e.useCallback((e=>{e.stopPropagation(),V("")}),[]),Q=e.useCallback((()=>{a||F(!S)}),[a,F,S]),q=e.useMemo((()=>P.find((e=>e.value===n))),[P,n]),K=e.useMemo((()=>r&&Array.isArray(n)?P.filter((e=>n.includes(e.value))):[]),[r,P,n]),ee=e.useMemo((()=>{if(!h||!O)return P;const e=O.trim();if(!e)return P;const t=e.includes(","),n=e.startsWith('"')&&e.endsWith('"'),r=xc(e);return P.filter((a=>{const i=a.label.toLowerCase();return n?r.some((e=>i===e.toLowerCase())):t?r.some((e=>i.includes(e.toLowerCase()))):i.includes(e.toLowerCase())}))}),[P,O,h]),te=e.useCallback((()=>{const e=ee.filter((e=>!e.disabled)).map((e=>e.value));R((t=>[...new Set([...t,...e])]))}),[ee]),ne=e.useCallback((()=>{R([])}),[]),re=e.useCallback((()=>{z.current&&"wrap"!==d&&T(z.current.scrollWidth>z.current.clientWidth)}),[d]);e.useEffect((()=>{if(!window.ResizeObserver)return;if(!z.current)return;re();const e=new window.ResizeObserver((()=>{z.current&&re()}));return e.observe(z.current),()=>{e.disconnect()}}),[re,K,d]),e.useEffect((()=>{r&&Array.isArray(n)&&R(n)}),[r,n]),e.useEffect((()=>{r&&"function"==typeof E&&E(H)}),[r,H]);const ae=e.useMemo((()=>p&&r?i.default.createElement(Xu,null,i.default.createElement(Ou,{content:f,positionPriority:["top"],offset:[0,8],disabled:0===ee.length},i.default.createElement(ss,{icon:i.default.createElement($,{name:"check_thin",color:"currentColor"}),size:"small",color:"secondaryDark",disabled:0===ee.length,onClick:te})),i.default.createElement(Ou,{content:m,positionPriority:["top"],offset:[0,8]},i.default.createElement(ss,{icon:i.default.createElement($,{name:"close",color:"currentColor"}),size:"small",color:"secondaryDark",onClick:ne}))):null),[p,r,f,m,ee,te,ne]),ie=e.useMemo((()=>h&&p&&r?i.default.createElement(Wu,null,i.default.createElement(Yu,null,i.default.createElement(ju,{autoFocus:!0,placeholder:g,value:O,onChange:J}),O&&i.default.createElement(Ju,{type:"button","aria-label":"検索をリセット",onClick:U},i.default.createElement($,{name:"close_circle",type:"fill",color:"currentColor"}))),ae):h?i.default.createElement(Wu,null,i.default.createElement(Yu,null,i.default.createElement(ju,{autoFocus:!0,placeholder:g,value:O,onChange:J}),O&&i.default.createElement(Ju,{type:"button","aria-label":"検索をリセット",onClick:U},i.default.createElement($,{name:"close_circle",type:"fill",color:"currentColor"})))):p&&r?ae:null),[h,p,r,O,g,J,U,ae]),oe=e.useMemo((()=>r?i.default.createElement(Bl,null,i.default.createElement(ss,{color:"clear",size:"small",onClick:Y},y),i.default.createElement(ss,{color:"primary",size:"small",onClick:W},x)):null),[r,W,Y,x,y]),le=i.default.createElement(Nu,Object.assign({$disabled:a,$error:v,$hasValue:r?Array.isArray(n)&&n.length>0:!!q,$isOpen:S,$multiple:r,$size:l,$variant:c,"aria-expanded":S,"aria-invalid":v,disabled:a,role:"combobox",type:"button"},L),r&&Array.isArray(n)&&0===n.length?i.default.createElement(Fu,{$disabled:a,$variant:c},o):!r&&i.default.createElement(zu,null,q?i.default.createElement(i.default.Fragment,null,q.prepend&&i.default.createElement(Bu,{$size:l,$disabled:a},i.default.isValidElement(q.prepend)&&q.prepend.type===$?i.default.cloneElement(q.prepend,{size:parseInt(Vu[l].iconSize,10),color:q.prepend.props.color||"currentColor"}):q.prepend),i.default.createElement(Zu,null,q.label)):i.default.createElement(Fu,{$disabled:a,$variant:c},o)),i.default.createElement(Gu,{$disabled:a,$size:l,$multiple:r},i.default.createElement($,{name:"arrow_down",color:"currentColor"})));return i.default.createElement(Hu,null,i.default.createElement(Ru,{$disabled:a,$error:v,$isOpen:S,$size:l,$variant:c,$tagOverflow:d,"data-disabled":a,"data-overflowing":"wrap"!==d&&N,style:{cursor:r||a?"default":"pointer"}},i.default.createElement(Rl,null,i.default.createElement(Hl,{noResultsMessage:h?b:void 0,open:S,stickyFooter:oe,stickyHeader:ie,trigger:le,width:I,minWidth:k,placement:M,middleware:A,onOpenChange:F},(()=>{const t=h&&!!O?new Set(ee.map((e=>e.value))):void 0;if(w){const a=((t,a)=>{const o=[];let l=null;const s=(e,t,o)=>{const l=e.props.value,s=!!e.props.disabled,c=e.props.children,u=e.props.prepend,d=e.props.append;if(a&&!a.has(l))return null;const p=r?H.includes(l):l===n;return i.default.createElement(ba,{key:`${t}-${o}`,checked:p,closeOnChange:!r,disabled:s,tabIndex:0,prepend:u,append:d,onChange:()=>{r?j(!p,{value:l,label:String(c),disabled:s,prepend:u,append:d}):G({value:l,label:String(c),disabled:s,prepend:u,append:d})}},c)},c=()=>{if(null===l)return;const e=l,t=e.options.map(((t,n)=>s(t,`option-${e.label}`,n))).filter(Boolean);0!==t.length&&(o.push(i.default.createElement(Nl,{key:`heading-${e.label}`},e.label)),o.push(...t))};return e.Children.forEach(t,(t=>{if(!e.isValidElement(t))return;const n=t;if(n.type&&"string"!=typeof n.type){const t=n.type.displayName||n.type.name;if("Select2OptionGroup"===t)null!==l&&c(),l={label:n.props.label,options:[]},n.props.children&&e.Children.forEach(n.props.children,(t=>{if(e.isValidElement(t)){const e=t;"Select2Option"===(e.type.displayName||e.type.name)&&null!==l&&l.options.push(e)}}));else if("Select2Separator"===t)o.length>0&&o.push(i.default.createElement(Zl,{key:`separator-${o.length}`}));else if("Select2Option"===t)if(null!==l)l.options.push(n);else{const e=n.props.value;if(a&&!a.has(e))return;o.push(s(n,"option",o.length))}else o.push(n)}})),null!==l&&c(),o})(w,t);return 0===a.length?i.default.createElement(kl,{message:b}):a}return ee.length>0?ee.map((e=>{const t=r?H.includes(e.value):e.value===n;return i.default.createElement(ba,{key:e.value.toString(),checked:t,closeOnChange:!r,disabled:e.disabled,tabIndex:0,prepend:e.prepend,append:e.append,onChange:()=>{r?j(!t,e):G(e)}},e.label)})):i.default.createElement(kl,{message:b})})())),r&&i.default.createElement(Tu,{$tagOverflow:d},i.default.createElement(Pu,{ref:z,$tagOverflow:d,"data-testid":"tag-container",onClick:Q},K.map((e=>{const t=a?void 0:()=>X(e.value);return i.default.createElement(_u,{key:e.value.toString(),disabled:a,label:e.label,size:l,variant:Z,onRemove:t})}))))))},Qu=e=>null;Qu.displayName="Select2Option";const qu=e=>null;qu.displayName="Select2OptionGroup";const Ku=()=>null;Ku.displayName="Select2Separator";const ed=o.default(F)`
|
|
1032
1032
|
${v}
|
|
1033
|
-
`,td=i.forwardRef((function({children:e,size:t="md"},n){const r=k();return i.createElement(O,{ref:n,display:"flex",alignItems:"center"},i.createElement(Jl,{pr:.5},i.createElement($,{name:"alert",type:"fill",color:r.palette.danger.base,size:"sm"===t?"sm-md":t})),i.createElement(ed,{color:r.palette.danger.base,size:t},e))})),nd=e=>{const{inputType:t,selectedValues:n,selectedRadioValue:r,startDate:a,endDate:i,value:o,isRangeOperator:l}=e;return"checkbox"===t?n:"radio"===t?[r]:l?[a,i]:[o]},rd=(e,t)=>{const n=be(e).find((e=>e.value===t));return(null==n?void 0:n.label)||t},ad=e=>{const{conditionConfig:t,inputType:n,operator:r,values:a,dateFormat:i}=e;return a.map((e=>{if("checkbox"===n||"radio"===n){const n=((e,t)=>{if(t){const n=e.operators.find((e=>e.value===t));if(null==n?void 0:n.options)return n.options}return e.options||[]})(t,r).find((t=>t.value===e));return(null==n?void 0:n.label)||String(e)}if("date"===n&&i){const t=String(e);if(!t||""===t.trim())return t;const n=Fl(t,"YYYY-MM-DD");return n.isValid()?n.format(i):t}return String(e)}))},id=e=>{const{inputType:t,operator:n,selectedValues:r,selectedRadioValue:a,startDate:i,endDate:o,value:l,isRangeOperator:s,customValidation:c}=e;if("checkbox"===t){if(0===r.length)return{isValid:!1,errorMessage:"少なくとも1つの項目を選択してください"}}else if("radio"===t){if(""===a||null==a)return{isValid:!1,errorMessage:"項目を選択してください"}}else if(s){if(!i||!o)return{isValid:!1,errorMessage:"開始日と終了日の両方を選択してください"}}else if(!l||""===l.trim())return{isValid:!1,errorMessage:"date"===t?"日付を選択してください":"値を入力してください"};if(c){let e;return e="checkbox"===t?r:"radio"===t?[a]:s?[i,o]:[l],c(e,n)}return s&&new Date(i)>new Date(o)?{isValid:!1,errorMessage:"開始日は終了日より前である必要があります"}:{isValid:!0,errorMessage:""}},od=e=>{const{inputType:t,selectedValues:n,selectedRadioValue:r,startDate:a,endDate:i,value:o,isRangeOperator:l}=e;return"checkbox"===t?n.length>0:"radio"===t?""!==r&&null!=r:l?!(!a||!i):!(!o||""===o.trim())},ld=e=>!1!==e.required,sd=(e,t)=>{const n=he(t,e.conditionKey);return n?{condition:e,conditionConfig:n}:null},cd=e=>{const{condition:t,conditionConfig:n}=e,r=ve(n,t.operator),a=xe(n,t.operator);return od({inputType:r,selectedValues:t.selectedValues,selectedRadioValue:t.selectedRadioValue,startDate:t.startDate,endDate:t.endDate,value:t.value,isRangeOperator:a})},ud=e=>{const{condition:t,conditionConfig:n}=e,r=ve(n,t.operator),a=xe(n,t.operator);return id({inputType:r,operator:t.operator,selectedValues:t.selectedValues,selectedRadioValue:t.selectedRadioValue,startDate:t.startDate,endDate:t.endDate,value:t.value,isRangeOperator:a,customValidation:n.customValidation})},dd={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},pd="[data-tag]",fd='[role="menu"]',md='[data-advanced-filter-trigger="true"]',hd='[role="button"]',gd=({options:e,selectedValues:t,onValueToggle:n})=>i.default.createElement(Me,null,e.map((e=>i.default.createElement(ba,{key:String(e.value),checked:t.includes(e.value),onChange:t=>n(e.value,t)},e.label))));gd.displayName="CheckboxValueInput";const bd=({options:e,selectedRadioValue:t,onRadioChange:n})=>i.default.createElement(Me,null,e.map((e=>i.default.createElement(ba,{key:String(e.value),checked:t===e.value,onChange:t=>{t&&n(e.value)}},e.label))));bd.displayName="RadioValueInput";const vd=640,xd={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"}}}},yd=i.createContext({locale:xd});function wd(e){var t,n;const{name:r,props:a}=e,o=i.default.useContext(yd).locale,l=Object.assign({},a);if(!o||!o.components)return l;const s=null===(n=null===(t=o.components)||void 0===t?void 0:t[r])||void 0===n?void 0:n.defaultProps;for(const e in s)void 0===l[e]&&(l[e]=s[e]);return l}const Cd={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}},Ed=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`}}),Id=e=>({borderColor:e.palette.danger.base,shadowColor:`${e.palette.danger.lighter}66`}),kd=e=>[...e.split("")].reduce(((e,t)=>{const n=t.charCodeAt(0);return e+(n>=12288&&n<=65376?2:1)}),0),Md=e.forwardRef((function(t,n){const r=wd({props:t,name:"DatePicker"}),{date:a,format:o="YYYY-MM-DD",disabled:l=!1,size:s="medium",variant:c="light",width:u,monthFormat:d,weekList:p,weekStart:f,showDateFields:m=!1,showTimeFields:h=!1,timeFieldProps:g,useCalendarRange:b=!1,isOutsideRange:v,error:x=!1,errorText:y,defaultPresetButton:w,presetButtons:C,onPresetButtonClick:E,onDateChange:I,onDatesChange:M,endDate:A}=r,L=k(),[S,D]=e.useState(!1),{context:V,refs:H,strategy:R,x:N,y:T}=Gr({placement:"bottom-start",open:S,onOpenChange:D,middleware:[jt(10),Gt(),Wt({padding:8})]}),z=_r(V),Z=Kr(V),{getReferenceProps:B,getFloatingProps:P}=Wr([z,Z]),_=e.useCallback((()=>{l||D((e=>!e))}),[l]),F=e.useCallback((e=>{I(e),D(!1)}),[I]),G=e.useMemo((()=>i.default.createElement($,{name:"date_range",color:l?L.palette.neutral.base:L.palette.text.
|
|
1033
|
+
`,td=i.forwardRef((function({children:e,size:t="md"},n){const r=k();return i.createElement(O,{ref:n,display:"flex",alignItems:"center"},i.createElement(Jl,{pr:.5},i.createElement($,{name:"alert",type:"fill",color:r.palette.danger.base,size:"sm"===t?"sm-md":t})),i.createElement(ed,{color:r.palette.danger.base,size:t},e))})),nd=e=>{const{inputType:t,selectedValues:n,selectedRadioValue:r,startDate:a,endDate:i,value:o,isRangeOperator:l}=e;return"checkbox"===t?n:"radio"===t?[r]:l?[a,i]:[o]},rd=(e,t)=>{const n=be(e).find((e=>e.value===t));return(null==n?void 0:n.label)||t},ad=e=>{const{conditionConfig:t,inputType:n,operator:r,values:a,dateFormat:i}=e;return a.map((e=>{if("checkbox"===n||"radio"===n){const n=((e,t)=>{if(t){const n=e.operators.find((e=>e.value===t));if(null==n?void 0:n.options)return n.options}return e.options||[]})(t,r).find((t=>t.value===e));return(null==n?void 0:n.label)||String(e)}if("date"===n&&i){const t=String(e);if(!t||""===t.trim())return t;const n=Fl(t,"YYYY-MM-DD");return n.isValid()?n.format(i):t}return String(e)}))},id=e=>{const{inputType:t,operator:n,selectedValues:r,selectedRadioValue:a,startDate:i,endDate:o,value:l,isRangeOperator:s,customValidation:c}=e;if("checkbox"===t){if(0===r.length)return{isValid:!1,errorMessage:"少なくとも1つの項目を選択してください"}}else if("radio"===t){if(""===a||null==a)return{isValid:!1,errorMessage:"項目を選択してください"}}else if(s){if(!i||!o)return{isValid:!1,errorMessage:"開始日と終了日の両方を選択してください"}}else if(!l||""===l.trim())return{isValid:!1,errorMessage:"date"===t?"日付を選択してください":"値を入力してください"};if(c){let e;return e="checkbox"===t?r:"radio"===t?[a]:s?[i,o]:[l],c(e,n)}return s&&new Date(i)>new Date(o)?{isValid:!1,errorMessage:"開始日は終了日より前である必要があります"}:{isValid:!0,errorMessage:""}},od=e=>{const{inputType:t,selectedValues:n,selectedRadioValue:r,startDate:a,endDate:i,value:o,isRangeOperator:l}=e;return"checkbox"===t?n.length>0:"radio"===t?""!==r&&null!=r:l?!(!a||!i):!(!o||""===o.trim())},ld=e=>!1!==e.required,sd=(e,t)=>{const n=he(t,e.conditionKey);return n?{condition:e,conditionConfig:n}:null},cd=e=>{const{condition:t,conditionConfig:n}=e,r=ve(n,t.operator),a=xe(n,t.operator);return od({inputType:r,selectedValues:t.selectedValues,selectedRadioValue:t.selectedRadioValue,startDate:t.startDate,endDate:t.endDate,value:t.value,isRangeOperator:a})},ud=e=>{const{condition:t,conditionConfig:n}=e,r=ve(n,t.operator),a=xe(n,t.operator);return id({inputType:r,operator:t.operator,selectedValues:t.selectedValues,selectedRadioValue:t.selectedRadioValue,startDate:t.startDate,endDate:t.endDate,value:t.value,isRangeOperator:a,customValidation:n.customValidation})},dd={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},pd="[data-tag]",fd='[role="menu"]',md='[data-advanced-filter-trigger="true"]',hd='[role="button"]',gd=({options:e,selectedValues:t,onValueToggle:n})=>i.default.createElement(Me,null,e.map((e=>i.default.createElement(ba,{key:String(e.value),checked:t.includes(e.value),onChange:t=>n(e.value,t)},e.label))));gd.displayName="CheckboxValueInput";const bd=({options:e,selectedRadioValue:t,onRadioChange:n})=>i.default.createElement(Me,null,e.map((e=>i.default.createElement(ba,{key:String(e.value),checked:t===e.value,onChange:t=>{t&&n(e.value)}},e.label))));bd.displayName="RadioValueInput";const vd=640,xd={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"}}}},yd=i.createContext({locale:xd});function wd(e){var t,n;const{name:r,props:a}=e,o=i.default.useContext(yd).locale,l=Object.assign({},a);if(!o||!o.components)return l;const s=null===(n=null===(t=o.components)||void 0===t?void 0:t[r])||void 0===n?void 0:n.defaultProps;for(const e in s)void 0===l[e]&&(l[e]=s[e]);return l}const Cd={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}},Ed=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`}}),Id=e=>({borderColor:e.palette.danger.base,shadowColor:`${e.palette.danger.lighter}66`}),kd=e=>[...e.split("")].reduce(((e,t)=>{const n=t.charCodeAt(0);return e+(n>=12288&&n<=65376?2:1)}),0),Md=e.forwardRef((function(t,n){const r=wd({props:t,name:"DatePicker"}),{date:a,format:o="YYYY-MM-DD",disabled:l=!1,size:s="medium",variant:c="light",width:u,monthFormat:d,weekList:p,weekStart:f,showDateFields:m=!1,showTimeFields:h=!1,timeFieldProps:g,useCalendarRange:b=!1,isOutsideRange:v,error:x=!1,errorText:y,defaultPresetButton:w,presetButtons:C,onPresetButtonClick:E,onDateChange:I,onDatesChange:M,endDate:A}=r,L=k(),[S,D]=e.useState(!1),{context:V,refs:H,strategy:R,x:N,y:T}=Gr({placement:"bottom-start",open:S,onOpenChange:D,middleware:[jt(10),Gt(),Wt({padding:8})]}),z=_r(V),Z=Kr(V),{getReferenceProps:B,getFloatingProps:P}=Wr([z,Z]),_=e.useCallback((()=>{l||D((e=>!e))}),[l]),F=e.useCallback((e=>{I(e),D(!1)}),[I]),G=e.useMemo((()=>i.default.createElement($,{name:"date_range",color:l?L.palette.neutral.base:L.palette.text.accent})),[l,L]),j=e.useMemo((()=>{if(void 0!==u)return u;return 8*kd(o)*(parseInt(Cd[s].fontSize)/13)+32+"px"}),[u,o,s]),W=e.useMemo((()=>"100%"===u||"string"==typeof u&&u.includes("100%")?{width:"100%"}:{width:"fit-content"}),[u]);return i.default.createElement(O,{ref:n,style:W},i.default.createElement("div",Object.assign({ref:H.setReference},B()),i.default.createElement(Qw,{date:a,format:o,error:x,errorText:y,disabled:l,size:s,variant:c,width:j,append:G,onDateChange:I,onAppendClick:_})),S&&i.default.createElement(Vr,null,i.default.createElement(Nr,{context:V,modal:!1,initialFocus:-1,returnFocus:!1},b?i.default.createElement(Yf,Object.assign({ref:H.setFloating,startDate:a,endDate:A||a,monthFormat:d,weekList:p,weekStart:f,defaultPresetButton:w,presetButtons:C,showDateFields:m,showTimeFields:h,timeFieldProps:g,dateFieldFormat:o,isOutsideRange:v,style:{position:R,top:null!=T?T:0,left:null!=N?N:0,zIndex:L.depth.calendarRange,overflow:"hidden",maxWidth:"min(640px, calc(100vw - 16px))"},onPresetButtonClick:E,onDatesChange:M},P())):i.default.createElement(kf,Object.assign({ref:H.setFloating,date:a,monthFormat:d,weekList:p,weekStart:f,defaultPresetButton:w,presetButtons:C,showDateFields:m,showTimeFields:h,timeFieldProps:g,dateFieldFormat:o,isOutsideRange:v,style:{position:R,top:null!=T?T:0,left:null!=N?N:0,zIndex:L.depth.calendar,overflow:"hidden",maxWidth:"min(640px, calc(100vw - 16px))"},onPresetButtonClick:E,onDateChange:F},P())))))}));var Ad=e.memo(Md);const Ld=({startDate:t,endDate:n,onStartDateChange:r,onEndDateChange:a,format:o="YYYY-MM-DD"})=>{const l=e.useMemo((()=>{if(t&&""!==t.trim()){const e=Fl(t,"YYYY-MM-DD");return e.isValid()?e:Fl()}return Fl()}),[t]),s=e.useMemo((()=>{if(n&&""!==n.trim()){const e=Fl(n,"YYYY-MM-DD");return e.isValid()?e:Fl()}return Fl()}),[n]);return i.default.createElement(ye,null,i.default.createElement(Ce,null,i.default.createElement(ke,{htmlFor:"start-date-picker"},"開始日"),i.default.createElement(Ad,{date:l,format:o,variant:"dark",width:"100%",onDateChange:e=>{r(e.format("YYYY-MM-DD"))}})),i.default.createElement(Ce,null,i.default.createElement(ke,{htmlFor:"end-date-picker"},"終了日"),i.default.createElement(Ad,{date:s,format:o,variant:"dark",width:"100%",onDateChange:e=>{a(e.format("YYYY-MM-DD"))}})))};Ld.displayName="DateRangeInput";const Sd=o.default.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&&t.css`
|
|
1141
1141
|
background-color: transparent;
|
|
1142
1142
|
`}
|
|
1143
|
-
`,rp=i.forwardRef((function(e,t){var{isOpen:n=!0,invisible:r=!1,transitionDuration:a,children:o,fadeProps:l}=e,c=s(e,["isOpen","invisible","transitionDuration","children","fadeProps"]);return i.createElement(Lu,Object.assign({in:n,timeout:a,unmountOnExit:!0},l),i.createElement(np,Object.assign({invisible:r},c,{ref:t}),o))})),ap={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"}},ip={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}},op={normal:{primary:e=>e.palette.text.
|
|
1143
|
+
`,rp=i.forwardRef((function(e,t){var{isOpen:n=!0,invisible:r=!1,transitionDuration:a,children:o,fadeProps:l}=e,c=s(e,["isOpen","invisible","transitionDuration","children","fadeProps"]);return i.createElement(Lu,Object.assign({in:n,timeout:a,unmountOnExit:!0},l),i.createElement(np,Object.assign({invisible:r},c,{ref:t}),o))})),ap={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"}},ip={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}},op={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}},lp=(e,t,n)=>ip[n][e](t),sp=(e,t,n)=>op[n][e](t),cp={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},up=(e,t)=>cp[e](t),dp={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},pp=(e,t)=>dp[e](t),fp=t.css`
|
|
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
|
`,Kw=o.default.span`
|
|
2721
2721
|
${v}
|
|
2722
|
-
`,eC=e.forwardRef((function(t,n){var{format:r="YYYY-MM-DD",error:a=!1,errorText:o,disabled:l=!1,size:c="medium",variant:u="light",startWidth:d,endWidth:p,append:f,onAppendClick:m}=t,h=s(t,["format","error","errorText","disabled","size","variant","startWidth","endWidth","append","onAppendClick"]);const g=e.useMemo((()=>9*kd(r)*(parseInt(Cd[c].fontSize)/13)+"px"),[r,c]),b=e.useMemo((()=>`${9*kd(r)*(parseInt(Cd[c].fontSize)/13)+(f?32:0)}px`),[r,c,f]),v=null!=d?d:g,x=null!=p?p:b,y=e=>t=>{var n,r;const{startDate:a,endDate:i}=h.date;e===Df?null===(n=h.onDatesChange)||void 0===n||n.call(h,{endDate:i,startDate:t}):null===(r=h.onDatesChange)||void 0===r||r.call(h,{startDate:a,endDate:t})},w=Jw(Object.assign(Object.assign({},h),{format:r,date:h.date.startDate,onDateChange:y(Df)})),{ref:C}=w,E=s(w,["ref"]),I=Jw(Object.assign(Object.assign({},h),{format:r,date:h.date.endDate,onDateChange:y(Of)})),{ref:k}=I,M=s(I,["ref"]),A=Su(n,C),L=Su(n,k);return i.default.createElement(i.default.Fragment,null,i.default.createElement(qw,{error:a||!!o,disabled:l,$size:c,$variant:u},i.default.createElement(Vd,Object.assign({ref:A,readOnly:!0,disabled:l,width:v,size:c,variant:u,error:a||!!o,style:{border:"none",background:"transparent",textAlign:"center",boxShadow:"none"}},E)),i.default.createElement(Kw,null,"-"),i.default.createElement(Vd,Object.assign({ref:L,readOnly:!0,disabled:l,width:x,size:c,variant:u,error:a||!!o,style:{border:"none",background:"transparent",textAlign:"center",boxShadow:"none"},append:f,onAppendClick:m},M))),o&&i.default.createElement(Jl,{pt:1},i.default.createElement(td,null,o)))}));var tC=e.memo(eC);const nC=e.forwardRef((function(t,n){const r=wd({props:t,name:"DateRangePicker"}),{startDate:a,endDate:o,error:l=!1,errorText:s,disabled:c=!1,size:u="medium",variant:d="light",monthFormat:p,weekList:f,weekStart:m,showDateFields:h=!1,showTimeFields:g=!1,timeFieldProps:b,format:v="YYYY-MM-DD",applyButtonText:x,cancelButtonText:y,isOutsideRange:w=(()=>!1),defaultPresetButton:C,presetButtons:E,onPresetButtonClick:I,onDatesChange:M}=r,[A,L]=e.useState(!1),S=e.useRef(null),D=e.useCallback((e=>{e&&!A&&(S.current={startDate:a.clone(),endDate:o.clone()}),L(e)}),[A,a,o]),{context:V,refs:H,strategy:R,x:N,y:T}=Gr({placement:"bottom-start",open:A,onOpenChange:D,middleware:[jt(10),Gt(),Wt({padding:20})]}),z=Su(n,e.useRef(null)),Z=_r(V),B=Kr(V),{getReferenceProps:P,getFloatingProps:_}=Wr([Z,B]),F=k(),G=e.useCallback((()=>{c||D(!A)}),[c,D,A]),j=e.useCallback((()=>{L(!1)}),[]),W=e.useCallback((()=>{const e=S.current;e&&M({startDate:e.startDate,endDate:e.endDate}),L(!1)}),[M]),Y=e.useMemo((()=>i.createElement($,{name:"date_range",color:c?F.palette.neutral.base:F.palette.text.
|
|
2722
|
+
`,eC=e.forwardRef((function(t,n){var{format:r="YYYY-MM-DD",error:a=!1,errorText:o,disabled:l=!1,size:c="medium",variant:u="light",startWidth:d,endWidth:p,append:f,onAppendClick:m}=t,h=s(t,["format","error","errorText","disabled","size","variant","startWidth","endWidth","append","onAppendClick"]);const g=e.useMemo((()=>9*kd(r)*(parseInt(Cd[c].fontSize)/13)+"px"),[r,c]),b=e.useMemo((()=>`${9*kd(r)*(parseInt(Cd[c].fontSize)/13)+(f?32:0)}px`),[r,c,f]),v=null!=d?d:g,x=null!=p?p:b,y=e=>t=>{var n,r;const{startDate:a,endDate:i}=h.date;e===Df?null===(n=h.onDatesChange)||void 0===n||n.call(h,{endDate:i,startDate:t}):null===(r=h.onDatesChange)||void 0===r||r.call(h,{startDate:a,endDate:t})},w=Jw(Object.assign(Object.assign({},h),{format:r,date:h.date.startDate,onDateChange:y(Df)})),{ref:C}=w,E=s(w,["ref"]),I=Jw(Object.assign(Object.assign({},h),{format:r,date:h.date.endDate,onDateChange:y(Of)})),{ref:k}=I,M=s(I,["ref"]),A=Su(n,C),L=Su(n,k);return i.default.createElement(i.default.Fragment,null,i.default.createElement(qw,{error:a||!!o,disabled:l,$size:c,$variant:u},i.default.createElement(Vd,Object.assign({ref:A,readOnly:!0,disabled:l,width:v,size:c,variant:u,error:a||!!o,style:{border:"none",background:"transparent",textAlign:"center",boxShadow:"none"}},E)),i.default.createElement(Kw,null,"-"),i.default.createElement(Vd,Object.assign({ref:L,readOnly:!0,disabled:l,width:x,size:c,variant:u,error:a||!!o,style:{border:"none",background:"transparent",textAlign:"center",boxShadow:"none"},append:f,onAppendClick:m},M))),o&&i.default.createElement(Jl,{pt:1},i.default.createElement(td,null,o)))}));var tC=e.memo(eC);const nC=e.forwardRef((function(t,n){const r=wd({props:t,name:"DateRangePicker"}),{startDate:a,endDate:o,error:l=!1,errorText:s,disabled:c=!1,size:u="medium",variant:d="light",monthFormat:p,weekList:f,weekStart:m,showDateFields:h=!1,showTimeFields:g=!1,timeFieldProps:b,format:v="YYYY-MM-DD",applyButtonText:x,cancelButtonText:y,isOutsideRange:w=(()=>!1),defaultPresetButton:C,presetButtons:E,onPresetButtonClick:I,onDatesChange:M}=r,[A,L]=e.useState(!1),S=e.useRef(null),D=e.useCallback((e=>{e&&!A&&(S.current={startDate:a.clone(),endDate:o.clone()}),L(e)}),[A,a,o]),{context:V,refs:H,strategy:R,x:N,y:T}=Gr({placement:"bottom-start",open:A,onOpenChange:D,middleware:[jt(10),Gt(),Wt({padding:20})]}),z=Su(n,e.useRef(null)),Z=_r(V),B=Kr(V),{getReferenceProps:P,getFloatingProps:_}=Wr([Z,B]),F=k(),G=e.useCallback((()=>{c||D(!A)}),[c,D,A]),j=e.useCallback((()=>{L(!1)}),[]),W=e.useCallback((()=>{const e=S.current;e&&M({startDate:e.startDate,endDate:e.endDate}),L(!1)}),[M]),Y=e.useMemo((()=>i.createElement($,{name:"date_range",color:c?F.palette.neutral.base:F.palette.text.accent})),[c,F]);return i.createElement(O,{ref:z},i.createElement("div",Object.assign({ref:H.setReference},P(),{style:{width:"fit-content"}}),i.createElement(tC,{date:{startDate:a,endDate:o},error:l,errorText:s,disabled:c,size:u,variant:d,format:v,append:Y,onDatesChange:M,onAppendClick:G})),A&&i.createElement(Vr,null,i.createElement(Nr,{context:V,modal:!1,initialFocus:-1,returnFocus:!1},i.createElement(Yf,Object.assign({ref:H.setFloating,startDate:a,endDate:o,applyButtonText:x,cancelButtonText:y,defaultPresetButton:C,presetButtons:E,showDateFields:h,showTimeFields:g,timeFieldProps:b,dateFieldFormat:"YYYY-MM-DD",monthFormat:p,weekList:f,weekStart:m,style:{position:R,top:null!=T?T:0,left:null!=N?N:0,zIndex:F.depth.calendarRange,overflow:"hidden",maxWidth:"min(640px, calc(100vw - 32px))"},isOutsideRange:w,onApply:j,onCancel:W,onDatesChange:M,onPresetButtonClick:I},_())))))}));var rC=i.memo(nC);const aC=(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)},iC=o.default.div`
|
|
2723
2723
|
position: fixed;
|
|
2724
2724
|
top: 0;
|
|
2725
2725
|
left: 0;
|