ingred-ui 33.14.3 → 33.15.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.js
CHANGED
|
@@ -1169,7 +1169,7 @@ object-assign
|
|
|
1169
1169
|
color: ${({theme:e})=>e.palette.black};
|
|
1170
1170
|
cursor: pointer;
|
|
1171
1171
|
z-index: 1;
|
|
1172
|
-
`,yc=t=>{var{value:n,multiple:r=!1,disabled:a=!1,placeholder:i="選択してください",size:o="medium",variant:l="light",tagVariant:s,tagOverflow:d="truncate",
|
|
1172
|
+
`,yc=t=>{var{value:n,multiple:r=!1,disabled:a=!1,placeholder:i="選択してください",size:o="medium",variant:l="light",tagVariant:s,tagOverflow:d="truncate",commitOnSelect:u=!1,showBulkActions:f=!1,selectAllLabel:m="すべて選択",clearAllLabel:h="すべてクリア",searchable:g=!1,searchPlaceholder:b="検索",noResultsMessage:v="見つかりませんでした",showOptionsOnlyWhenSearching:x=!1,searchPromptMessage:y="キーワードを入力してください",error:w=!1,applyButtonText:C="適用",cancelButtonText:E="キャンセル",children:I,onChange:k,onTempChange:M,width:$,minWidth:A,placement:S,middleware:V}=t,L=p(t,["value","multiple","disabled","placeholder","size","variant","tagVariant","tagOverflow","commitOnSelect","showBulkActions","selectAllLabel","clearAllLabel","searchable","searchPlaceholder","noResultsMessage","showOptionsOnlyWhenSearching","searchPromptMessage","error","applyButtonText","cancelButtonText","children","onChange","onTempChange","width","minWidth","placement","middleware"]);const[H,O]=e.useState(!1),[D,R]=e.useState(""),[N,T]=e.useState([]),[Z,B]=e.useState(!1),P=e.useRef(null),_=e.useMemo((()=>s||("light"===l?"dark":"light")),[l,s]),F=e.useMemo((()=>r?Array.isArray(n)?n:[]:void 0!==n?[n]:[]),[n,r]),G=e.useMemo((()=>{if(!I)return[];const t=[],n=r=>{e.Children.forEach(r,(r=>{if(!e.isValidElement(r))return;const a=r;if(a.type&&"string"!=typeof a.type){const e=a.type.displayName||a.type.name;if("Select2Option"===e){const e=a.props.value,n=a.props.children,r=!!a.props.disabled,i=a.props.prepend,o=a.props.append;void 0!==e&&t.push({value:e,label:String(n),disabled:r,prepend:i,append:o})}else"Select2OptionGroup"===e&&a.props.children&&n(a.props.children)}}))};return n(I),t}),[I]),j=e.useCallback((e=>{null==k||k(e)}),[k]),Y=e.useCallback((e=>{a||(O(e),e&&r&&T([...F]),e||R(""))}),[a,r,F]),W=e.useCallback((e=>{e.disabled||(j(e.value),O(!1),R(""))}),[j]),X=r&&u,J=e.useCallback(((e,t)=>{if(!t.disabled)if(X){const n=e?[...new Set([...F,t.value])]:F.filter((e=>e!==t.value));j(n)}else T((n=>e?[...n,t.value]:n.filter((e=>e!==t.value))))}),[j,X,F]),U=e.useCallback((()=>{r&&j(N),O(!1),R("")}),[j,r,N]),Q=e.useCallback((()=>{O(!1),R("")}),[]),q=e.useCallback((e=>{if(r&&Array.isArray(n)){const t=n.filter((t=>t!==e));j(t)}}),[r,n,j]),K=e.useCallback((e=>{R(e.target.value)}),[]),ee=e.useCallback((e=>{e.stopPropagation(),R("")}),[]),te=e.useCallback((()=>{a||Y(!H)}),[a,Y,H]),ne=e.useMemo((()=>G.find((e=>e.value===n))),[G,n]),re=e.useMemo((()=>r&&Array.isArray(n)?G.filter((e=>n.includes(e.value))):[]),[r,G,n]),ae=x&&g&&""===D.trim(),ie=e.useMemo((()=>new Set(r?[...F,...N]:F)),[r,F,N]),oe=e.useMemo((()=>{if(!g||!D)return G;const e=D.trim();if(!e)return G;const t=e.includes(","),n=e.startsWith('"')&&e.endsWith('"'),r=Fl(e);return G.filter((a=>{const i=a.label.toLowerCase();return n?r.some((e=>i===e.toLowerCase())):t?r.some((e=>i.includes(e.toLowerCase()))):i.includes(e.toLowerCase())}))}),[G,D,g]),le=e.useMemo((()=>G.filter((e=>ie.has(e.value)))),[G,ie]),se=ae?le:oe,ce=e.useCallback((()=>{const e=se.filter((e=>!e.disabled)).map((e=>e.value));X?j([...new Set([...F,...e])]):T((t=>[...new Set([...t,...e])]))}),[se,j,X,F]),de=e.useCallback((()=>{X?j([]):T([])}),[j,X]),ue=e.useCallback((()=>{P.current&&"wrap"!==d&&B(P.current.scrollWidth>P.current.clientWidth)}),[d]);e.useEffect((()=>{if(!window.ResizeObserver)return;if(!P.current)return;ue();const e=new window.ResizeObserver((()=>{P.current&&ue()}));return e.observe(P.current),()=>{e.disconnect()}}),[ue,re,d]),e.useEffect((()=>{r&&Array.isArray(n)&&T(n)}),[r,n]),e.useEffect((()=>{X||r&&"function"==typeof M&&M(N)}),[X,r,N]);const pe=e.useMemo((()=>f&&r?c.default.createElement(vc,null,c.default.createElement(nc,{content:m,positionPriority:["top"],offset:[0,8],disabled:0===se.length},c.default.createElement(Ho,{"aria-label":m,icon:c.default.createElement(z,{name:"check_thin",color:"currentColor"}),size:"small",color:"secondaryDark",disabled:0===se.length,onClick:ce})),c.default.createElement(nc,{content:h,positionPriority:["top"],offset:[0,8],disabled:0===se.length},c.default.createElement(Ho,{"aria-label":h,icon:c.default.createElement(z,{name:"close",color:"currentColor"}),size:"small",color:"secondaryDark",disabled:0===se.length,onClick:de}))):null),[f,r,m,h,se,ce,de]),fe=e.useMemo((()=>g&&f&&r?c.default.createElement(gc,null,c.default.createElement(bc,null,c.default.createElement(hc,{autoFocus:!0,placeholder:b,value:D,onChange:K}),D&&c.default.createElement(xc,{type:"button","aria-label":"検索をリセット",onClick:ee},c.default.createElement(z,{name:"close_circle",type:"fill",color:"currentColor"}))),pe):g?c.default.createElement(gc,null,c.default.createElement(bc,null,c.default.createElement(hc,{autoFocus:!0,placeholder:b,value:D,onChange:K}),D&&c.default.createElement(xc,{type:"button","aria-label":"検索をリセット",onClick:ee},c.default.createElement(z,{name:"close_circle",type:"fill",color:"currentColor"})))):f&&r?pe:null),[g,f,r,D,b,K,ee,pe]),me=e.useMemo((()=>!r||u?null:c.default.createElement(lo,null,c.default.createElement(Ho,{color:"clear",size:"small",onClick:Q},E),c.default.createElement(Ho,{color:"primary",size:"small",onClick:U},C))),[r,u,U,Q,C,E]),he=L,ge="string"==typeof he["aria-label"]||"string"==typeof he["aria-labelledby"],be=c.default.createElement(oc,Object.assign({$disabled:a,$error:w,$hasValue:r?Array.isArray(n)&&n.length>0:!!ne,$isOpen:H,$multiple:r,$size:o,$variant:l,"aria-expanded":H,"aria-invalid":w,"aria-label":ge?void 0:i,disabled:a,role:"combobox",type:"button"},L),r&&Array.isArray(n)&&0===n.length?c.default.createElement(fc,{$disabled:a,$variant:l},i):!r&&c.default.createElement(sc,null,ne?c.default.createElement(c.default.Fragment,null,ne.prepend&&c.default.createElement(dc,{$size:o,$disabled:a},c.default.isValidElement(ne.prepend)&&ne.prepend.type===z?c.default.cloneElement(ne.prepend,{size:parseInt(rc[o].iconSize,10),color:ne.prepend.props.color||"currentColor"}):ne.prepend),c.default.createElement(cc,null,ne.label)):c.default.createElement(fc,{$disabled:a,$variant:l},i)),c.default.createElement(mc,{$disabled:a,$size:o,$multiple:r},c.default.createElement(z,{name:"arrow_down",color:"currentColor"})));return c.default.createElement(ac,null,c.default.createElement(ic,{$disabled:a,$error:w,$isOpen:H,$size:o,$variant:l,$tagOverflow:d,"data-disabled":a,"data-overflowing":"wrap"!==d&&Z,style:{cursor:r||a?"default":"pointer"}},c.default.createElement(no,null,c.default.createElement(to,{noResultsMessage:g?v:void 0,open:H,stickyFooter:me,stickyHeader:fe,trigger:be,width:$,minWidth:A,placement:S,middleware:V,onOpenChange:Y},(()=>{if(ae&&0===se.length)return c.default.createElement(Gi,{message:y});const t=ae||g&&!!D?new Set(se.map((e=>e.value))):void 0;if(I){const a=((t,a)=>{const i=[];let o=null;const l=(e,t,i)=>{const o=e.props.value,l=!!e.props.disabled,s=e.props.children,d=e.props.prepend,u=e.props.append;if(a&&!a.has(o))return null;const p=r?(X?F:N).includes(o):o===n;return c.default.createElement(ni,{key:`${t}-${i}`,checked:p,closeOnChange:!r,disabled:l,tabIndex:0,prepend:d,append:u,onChange:()=>{r?J(!p,{value:o,label:String(s),disabled:l,prepend:d,append:u}):W({value:o,label:String(s),disabled:l,prepend:d,append:u})}},s)},s=()=>{if(null===o)return;const e=o,t=e.options.map(((t,n)=>l(t,`option-${e.label}`,n))).filter(Boolean);0!==t.length&&(i.push(c.default.createElement(ro,{key:`heading-${e.label}`},e.label)),i.push(...t))};return e.Children.forEach(t,(t=>{if(!e.isValidElement(t))return;const n=t;if(n.type&&"string"!=typeof n.type){const t=n.type.displayName||n.type.name;if("Select2OptionGroup"===t)null!==o&&s(),o={label:n.props.label,options:[]},n.props.children&&e.Children.forEach(n.props.children,(t=>{if(e.isValidElement(t)){const e=t;"Select2Option"===(e.type.displayName||e.type.name)&&null!==o&&o.options.push(e)}}));else if("Select2Separator"===t)i.length>0&&i.push(c.default.createElement(oo,{key:`separator-${i.length}`}));else if("Select2Option"===t)if(null!==o)o.options.push(n);else{const e=n.props.value;if(a&&!a.has(e))return;i.push(l(n,"option",i.length))}else i.push(n)}})),null!==o&&s(),i})(I,t);return 0===a.length?c.default.createElement(Gi,{message:v}):a}return se.length>0?se.map((e=>{const t=r?(X?F:N).includes(e.value):e.value===n;return c.default.createElement(ni,{key:e.value.toString(),checked:t,closeOnChange:!r,disabled:e.disabled,tabIndex:0,prepend:e.prepend,append:e.append,onChange:()=>{r?J(!t,e):W(e)}},e.label)})):c.default.createElement(Gi,{message:v})})())),r&&c.default.createElement(lc,{$tagOverflow:d},c.default.createElement(uc,{ref:P,$tagOverflow:d,"data-testid":"tag-container",onClick:te},re.map((e=>{const t=a?void 0:()=>q(e.value);return c.default.createElement(pc,{key:e.value.toString(),disabled:a,label:e.label,size:o,variant:_,onRemove:t})}))))))},wc=e=>null;wc.displayName="Select2Option";const Cc=e=>null;Cc.displayName="Select2OptionGroup";const Ec=()=>null;Ec.displayName="Select2Separator";const Ic=d.default(ee)`
|
|
1173
1173
|
${C}
|
|
1174
1174
|
`,kc=c.forwardRef((function({children:e,size:t="md"},n){const r=L();return c.createElement(Z,{ref:n,display:"flex",alignItems:"center"},c.createElement(xo,{pr:.5},c.createElement(z,{name:"alert",type:"fill",color:r.palette.danger.base,size:"sm"===t?"sm-md":t})),c.createElement(Ic,{color:r.palette.danger.base,size:t},e))})),Mc=e=>{const{inputType:t,selectedValues:n,selectedRadioValue:r,startDate:a,endDate:i,value:o,isRangeOperator:l}=e;return"checkbox"===t?n:"radio"===t?[r]:l?[a,i]:[o]},$c=(e,t)=>{const n=Fe(e).find((e=>e.value===t));return(null==n?void 0:n.label)||t},Ac=e=>{const{conditionConfig:t,inputType:n,operator:r,values:a,dateFormat:i}=e;return a.map((e=>{if("checkbox"===n||"radio"===n){const n=((e,t)=>{if(t){const n=e.operators.find((e=>e.value===t));if(null==n?void 0:n.options)return n.options}return e.options||[]})(t,r).find((t=>t.value===e));return(null==n?void 0:n.label)||String(e)}if("date"===n&&i){const t=String(e);if(!t||""===t.trim())return t;const n=uo(t,"YYYY-MM-DD");return n.isValid()?n.format(i):t}return String(e)}))},Sc=e=>{const{inputType:t,operator:n,selectedValues:r,selectedRadioValue:a,startDate:i,endDate:o,value:l,isRangeOperator:s,customValidation:c}=e;if("checkbox"===t){if(0===r.length)return{isValid:!1,errorMessage:"少なくとも1つの項目を選択してください"}}else if("radio"===t){if(""===a||null==a)return{isValid:!1,errorMessage:"項目を選択してください"}}else if(s){if(!i||!o)return{isValid:!1,errorMessage:"開始日と終了日の両方を選択してください"}}else if(!l||""===l.trim())return{isValid:!1,errorMessage:"date"===t?"日付を選択してください":"値を入力してください"};if(c){let e;return e="checkbox"===t?r:"radio"===t?[a]:s?[i,o]:[l],c(e,n)}return s&&new Date(i)>new Date(o)?{isValid:!1,errorMessage:"開始日は終了日より前である必要があります"}:{isValid:!0,errorMessage:""}},Vc=e=>{const{inputType:t,selectedValues:n,selectedRadioValue:r,startDate:a,endDate:i,value:o,isRangeOperator:l}=e;return"checkbox"===t?n.length>0:"radio"===t?""!==r&&null!=r:l?!(!a||!i):!(!o||""===o.trim())},Lc=e=>!1!==e.required,Hc=(e,t)=>{const n=Be(t,e.conditionKey);return n?{condition:e,conditionConfig:n}:null},Oc=e=>{const{condition:t,conditionConfig:n}=e,r=Ge(n,t.operator),a=je(n,t.operator);return Vc({inputType:r,selectedValues:t.selectedValues,selectedRadioValue:t.selectedRadioValue,startDate:t.startDate,endDate:t.endDate,value:t.value,isRangeOperator:a})},Dc=e=>{const{condition:t,conditionConfig:n}=e,r=Ge(n,t.operator),a=je(n,t.operator);return Sc({inputType:r,operator:t.operator,selectedValues:t.selectedValues,selectedRadioValue:t.selectedRadioValue,startDate:t.startDate,endDate:t.endDate,value:t.value,isRangeOperator:a,customValidation:n.customValidation})},Rc=({option:e})=>{var t;return e.icon?c.default.createElement(z,{name:e.icon,type:null!==(t=e.iconType)&&void 0!==t?t:"line",color:e.iconColor}):null};Rc.displayName="OptionValueIcon";const zc=({options:e,selectedValues:t,onValueToggle:n,disabled:r=!1})=>c.default.createElement(ut,null,e.map((e=>c.default.createElement(ni,{key:String(e.value),checked:t.includes(e.value),disabled:r,prepend:e.icon?c.default.createElement(Rc,{option:e}):void 0,onChange:t=>n(e.value,t)},e.label))));zc.displayName="CheckboxValueInput";const Nc=({options:e,selectedRadioValue:t,onRadioChange:n,disabled:r=!1})=>c.default.createElement(ut,null,e.map((e=>c.default.createElement(ni,{key:String(e.value),checked:t===e.value,disabled:r,prepend:e.icon?c.default.createElement(Rc,{option:e}):void 0,onChange:t=>{r||t&&n(e.value)}},e.label))));Nc.displayName="RadioValueInput";const Tc=640,Zc=["日","月","火","水","木","金","土"],Bc={components:{ConfirmModal:{defaultProps:{confirmText:"確認",cancelText:"キャンセル"}},FullSizeConfirmModal:{defaultProps:{confirmText:"確認",cancelText:"キャンセル"}},FileUploader:{defaultProps:{title:"ファイルをドラッグ&ドロップ、またはここをクリック"}},ItemEmpty:{defaultProps:{title:"見つかりませんでした。"}},Select:{defaultProps:{placeholder:"選択...",emptyMessage:"見つかりません"}},CreatableSelect:{defaultProps:{placeholder:"選択...",emptyMessage:"見つかりません",addMessage:"次の文字列を追加する"}},MultipleFilter:{defaultProps:{placeholder:"新しいフィルターを追加してください"}},FilterCard:{defaultProps:{applyButtonTitle:"適用",inputErrorText:"入力してください",formPlaceholder:"検索",sectionTitle:"セクション"}},EditFilterCard:{defaultProps:{}},DatePicker:{defaultProps:{monthFormat:"YYYY年MM月",weekConfig:{start:0,labels:[...Zc]}}},DateRangePicker:{defaultProps:{monthFormat:"YYYY年MM月",weekConfig:{start:0,labels:[...Zc]},applyButtonText:"適用",cancelButtonText:"キャンセル"}},WeekTime:{defaultProps:{weekList:["月","火","水","木","金","土","日"]}},WeekTimeSelector:{defaultProps:{weekList:["月","火","水","木","金","土","日"]}},DualListBox:{defaultProps:{selectedItemTitle:"個選択済み"}}}},Pc={components:{DatePicker:{defaultProps:{monthFormat:"MMM YYYY",weekConfig:{start:0,labels:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"]}}},DateRangePicker:{defaultProps:{monthFormat:"MMM YYYY",weekConfig:{start:0,labels:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"]},applyButtonText:"Apply",cancelButtonText:"Cancel"}},WeekTime:{defaultProps:{weekList:["Mon","Tue","Wed","Thu","Fri","Sat","Sun"]}},WeekTimeSelector:{defaultProps:{weekList:["Mon","Tue","Wed","Thu","Fri","Sat","Sun"]}},DualListBox:{defaultProps:{selectedItemTitle:"selected"}}}},_c=c.createContext({locale:Pc});function Fc(e){var t,n;const{name:r,props:a}=e,i=c.default.useContext(_c).locale,o=Object.assign({},a);if(!i||!i.components)return o;const l=null===(n=null===(t=i.components)||void 0===t?void 0:t[r])||void 0===n?void 0:n.defaultProps;for(const e in l)void 0===o[e]&&(o[e]=l[e]);return o}const Gc=e.forwardRef((function(t,n){const r=Fc({props:t,name:"DatePicker"}),{date:a,format:i="YYYY-MM-DD",disabled:o=!1,size:l="medium",variant:s="light",width:d,monthFormat:u,weekConfig:p,showDateFields:f=!1,showTimeFields:m=!1,timeFieldProps:h,useCalendarRange:g=!1,isOutsideRange:b,error:v=!1,errorText:x,defaultPresetButton:y,presetButtons:w,onPresetButtonClick:C,onDateChange:E,onDatesChange:I,endDate:k}=r,M=L(),[$,A]=e.useState(!1),{context:S,refs:V,strategy:H,x:O,y:D}=Ra({placement:"bottom-start",open:$,onOpenChange:A,middleware:[Nn(10),zn(),Tn({padding:8})]}),R=Oa(S),N=Ga(S),{getReferenceProps:T,getFloatingProps:B}=Na([R,N]),P=e.useCallback((()=>{o||A((e=>!e))}),[o]),_=e.useCallback((e=>{E(e),A(!1)}),[E]),F=e.useMemo((()=>c.default.createElement(z,{name:"date_range",color:o?M.palette.neutral.base:M.palette.text.accent})),[o,M]),G=e.useMemo((()=>"100%"===d||"string"==typeof d&&d.includes("100%")?{width:"100%"}:{width:"fit-content"}),[d]);return c.default.createElement(Z,{ref:n,style:G},c.default.createElement("div",Object.assign({ref:V.setReference},T()),c.default.createElement(Qw,{date:a,format:i,error:v,errorText:x,disabled:o,size:l,variant:s,width:d,append:F,onDateChange:E,onAppendClick:P})),$&&c.default.createElement(Ia,null,c.default.createElement($a,{context:S,modal:!1,initialFocus:-1,returnFocus:!1},g?c.default.createElement(cp,Object.assign({ref:V.setFloating,startDate:a,endDate:k||a,monthFormat:u,weekConfig:p,defaultPresetButton:y,presetButtons:w,showDateFields:f,showTimeFields:m,timeFieldProps:h,dateFieldFormat:i,isOutsideRange:b,style:{position:H,top:null!=D?D:0,left:null!=O?O:0,zIndex:M.depth.calendarRange,overflow:"hidden",maxWidth:"min(640px, calc(100vw - 16px))"},onPresetButtonClick:C,onDatesChange:I},B())):c.default.createElement(Pu,Object.assign({ref:V.setFloating,date:a,monthFormat:u,weekConfig:p,defaultPresetButton:y,presetButtons:w,showDateFields:f,showTimeFields:m,timeFieldProps:h,dateFieldFormat:i,isOutsideRange:b,style:{position:H,top:null!=D?D:0,left:null!=O?O:0,zIndex:M.depth.calendar,overflow:"hidden",maxWidth:"min(640px, calc(100vw - 16px))"},onPresetButtonClick:C,onDateChange:_},B())))))}));var jc=e.memo(Gc);const Yc=({startDate:t,endDate:n,onStartDateChange:r,onEndDateChange:a,format:i="YYYY-MM-DD",disabled:o=!1})=>{const l=e.useMemo((()=>{if(t&&""!==t.trim()){const e=uo(t,"YYYY-MM-DD");return e.isValid()?e:uo()}return uo()}),[t]),s=e.useMemo((()=>{if(n&&""!==n.trim()){const e=uo(n,"YYYY-MM-DD");return e.isValid()?e:uo()}return uo()}),[n]);return c.default.createElement(it,null,c.default.createElement(lt,null,c.default.createElement(dt,{htmlFor:"start-date-picker"},"開始日"),c.default.createElement(jc,{date:l,format:i,variant:"dark",width:"100%",disabled:o,onDateChange:e=>{r(e.format("YYYY-MM-DD"))}})),c.default.createElement(lt,null,c.default.createElement(dt,{htmlFor:"end-date-picker"},"終了日"),c.default.createElement(jc,{date:s,format:i,variant:"dark",width:"100%",disabled:o,onDateChange:e=>{a(e.format("YYYY-MM-DD"))}})))};Yc.displayName="DateRangeInput";const Wc=({inputType:t,value:n,placeholder:r,onValueChange:a,onKeyDown:i,format:o="YYYY-MM-DD",inputRef:l,disabled:s=!1})=>{const d=e.useMemo((()=>{if("date"===t&&n&&""!==n.trim()){const e=uo(n,"YYYY-MM-DD");return e.isValid()?e:uo()}return uo()}),[t,n]),u=e=>{const t=e.format("YYYY-MM-DD");a(t)};return"date"===t?c.default.createElement(ct,null,c.default.createElement(jc,{date:d,format:o,variant:"dark",width:"100%",disabled:s,onDateChange:u})):c.default.createElement(st,null,c.default.createElement(Bi,{ref:l,type:"text",value:n,placeholder:r,fullWidth:!0,variant:"dark",disabled:s,onChange:e=>a(e.target.value),onKeyDown:i}))};Wc.displayName="TextValueInput";const Xc=({filterConfig:e,operator:t,value:n,selectedValues:r,selectedRadioValue:a,startDate:i,endDate:o,onValueChange:l,onValueToggle:s,onRadioChange:d,onStartDateChange:u,onEndDateChange:p,onKeyDown:f,isRangeOperator:m,textInputRef:h,disabled:g=!1})=>{const b=Se(e,t);return"checkbox"===b?c.default.createElement(zc,{options:Le(e,t),selectedValues:r,disabled:g,onValueToggle:s}):"radio"===b?c.default.createElement(Nc,{options:Le(e,t),selectedRadioValue:a,disabled:g,onRadioChange:d}):m(t)?c.default.createElement(Yc,{startDate:i,endDate:o,format:He(e),disabled:g,onStartDateChange:u,onEndDateChange:p}):c.default.createElement(Wc,{inputType:b,inputRef:"text"===b?h:void 0,value:n,placeholder:Ve(e),format:"date"===b?He(e):void 0,disabled:g,onValueChange:l,onKeyDown:f})};Xc.displayName="ConfigPanelValueInput";const Jc=(e,t,n)=>{if(!t)return((e,t)=>{const n=_e(e),r=Ge(e,n);let a="",i="",o="";return je(e,n)?(i=t,o=t):"date"===r&&(a=t),{id:`condition_${e.conditionKey}`,conditionKey:e.conditionKey,conditionLabel:e.conditionLabel,operator:n,value:a,selectedValues:[],selectedRadioValue:"",startDate:i,endDate:o}})(e,n);let r="",a=[],i="",o="",l="";if((t.isRange||!1)&&t.values.length>=2)o="string"==typeof t.values[0]?t.values[0]:"",l="string"==typeof t.values[1]?t.values[1]:"";else if(t.values.length>0){const e=t.values[0];"string"==typeof e&&(r=e),a=t.values,i=e}return{id:`condition_${e.conditionKey}`,conditionKey:t.conditionKey,conditionLabel:t.conditionLabel,operator:t.operator,value:r,selectedValues:a,selectedRadioValue:i,startDate:o,endDate:l}},Uc={xs:{iconSize:12,height:"18px",pillHeight:"18px",gap:"2px",padding:e=>.5*e.spacing+"px",signalPaddingLeft:"2px",signalPaddingRight:"4px",dotSize:12,fontSize:"11px"},small:{iconSize:14,height:"22px",pillHeight:"20px",gap:"2px",padding:e=>.75*e.spacing+"px",signalPaddingLeft:"4px",signalPaddingRight:"6px",dotSize:14,fontSize:"12px"},medium:{iconSize:16,height:"24px",pillHeight:"24px",gap:"4px",padding:e=>`${e.spacing}px`,signalPaddingLeft:"4px",signalPaddingRight:"6px",dotSize:16,fontSize:"13px"}},Qc={normal:{primary:e=>e.palette.primary.highlight,secondaryDark:e=>e.palette.neutral.softLight,success:e=>e.palette.success.softLight||e.palette.success.lighter,warning:e=>e.palette.warning.highlight,danger:e=>e.palette.danger.highlight,inverse:e=>e.palette.black},pill:{primary:e=>e.palette.primary.base,secondaryDark:e=>e.palette.neutral.softLight,success:e=>e.palette.success.base,warning:e=>e.palette.warning.base,danger:e=>e.palette.danger.base,inverse:e=>e.palette.black},signal:{primary:e=>e.palette.primary.base,secondaryDark:e=>e.palette.neutral.base,success:e=>e.palette.success.base,warning:e=>e.palette.warning.base,danger:e=>e.palette.danger.base,inverse:e=>e.palette.black}},qc={normal:{primary:e=>e.palette.text.accent,secondaryDark:e=>e.palette.text.secondary,success:e=>e.palette.success.darker,warning:e=>e.palette.warning.ultraDark,danger:e=>e.palette.danger.base,inverse:e=>e.palette.text.white},pill:{primary:e=>e.palette.text.white,secondaryDark:e=>e.palette.text.secondary,success:e=>e.palette.text.white,warning:e=>e.palette.warning.ultraDark,danger:e=>e.palette.text.white,inverse:e=>e.palette.text.white},signal:{primary:e=>e.palette.text.accent,secondaryDark:e=>e.palette.text.secondary,success:e=>e.palette.success.darker,warning:e=>e.palette.warning.ultraDark,danger:e=>e.palette.danger.darker,inverse:e=>e.palette.text.primary}},Kc=(e,t,n)=>Qc[n][e](t),ed=(e,t,n)=>qc[n][e](t),td={primary:e=>e.palette.primary.base,secondaryDark:e=>e.palette.neutral.light,success:e=>e.palette.success.base,warning:e=>e.palette.warning.base,danger:e=>e.palette.danger.base,inverse:e=>e.palette.neutral.light},nd=(e,t)=>td[e](t),rd={primary:e=>e.palette.primary.ultraLight,secondaryDark:e=>e.palette.neutral.ultraLight,success:e=>e.palette.success.ultraLight,warning:e=>e.palette.warning.ultraLight,danger:e=>e.palette.danger.ultraLight,inverse:e=>e.palette.neutral.pure},ad=(e,t)=>rd[e](t),id=t.css`
|
|
1175
1175
|
display: inline-flex;
|
|
@@ -5157,9 +5157,11 @@ object-assign
|
|
|
5157
5157
|
`,TM=c.default.forwardRef((function({children:e,actions:t,mobileLeadingActions:n},r){const{isOpen:a,isFixed:i,isMobile:o,handleMobileMenuToggle:l}=Jk(),s=o||a||i,d=c.default.Children.count(e)>0,u=c.default.createElement(Ho,{color:"clear",size:"medium","aria-label":"メニューを閉じる",icon:c.default.createElement(z,{name:"close",color:"currentColor"}),onClick:l}),p=o?u:null!=t?t:c.default.createElement(mM,null),f=c.default.createElement(RM,{$showCustom:s,"data-testid":"navigation-rail-slot-custom"},e),m=null!=n;return o?c.default.createElement(VM,{ref:r,"data-testid":"navigation-rail-slot",$showCustom:s},c.default.createElement(LM,{$showCustom:s,$hasLeadingActions:m,"data-testid":"navigation-rail-slot-mobile-close"},m?c.default.createElement(HM,{"data-testid":"navigation-rail-slot-mobile-leading"},n):null,c.default.createElement(OM,null,u)),d?c.default.createElement(DM,{$showCustom:s},f):null):c.default.createElement(DM,{ref:r,"data-testid":"navigation-rail-slot",$showCustom:s},f,c.default.createElement(zM,{$showCustom:s},p))})),ZM=c.default.forwardRef((function({children:e,visibility:t="all"},n){return c.default.createElement(NM,{ref:n,$visibility:t,$passthrough:"all"===t},e)})),BM="undefined"!=typeof window?c.default.useLayoutEffect:c.default.useEffect,PM=c.default.forwardRef((function(e,t){const{registerMobileMenuButton:n,unregisterMobileMenuButton:r}=Jk();return BM((()=>(null==n||n(),()=>null==r?void 0:r())),[n,r]),c.default.createElement(iM,{ref:t})}));function _M(e){let t=!1;return c.default.Children.forEach(e,(e=>{!t&&c.default.isValidElement(e)&&(e.type!==TM?e.type===c.default.Fragment&&(t=_M(e.props.children)):t=!0)})),t}const FM=c.default.forwardRef((function({children:e},t){const{isOpen:n,isFixed:r,handleOpen:a,handleClose:i,isMobile:o,isMobileMenuOpen:l,handleMobileMenuToggle:s}=c.default.useContext(Uk),d=_M(e),u=o&&!d?c.default.createElement(TM,null):null;return c.default.createElement(c.default.Fragment,null,c.default.createElement(Xk,{isVisible:o&&l,"data-testid":"navigation-rail-overlay",onClick:s}),c.default.createElement(Wk,{ref:t,isOpen:n,isFixed:r,isMobile:o,isMobileMenuOpen:l,onMouseEnter:()=>{o||null==a||a()},onMouseLeave:()=>{o||null==i||i()}},u,e))}));FM.Container=lM,FM.Header=sM,FM.Content=cM,FM.Footer=dM,FM.Menu=yM,FM.ExpansionMenu=MM,FM.ExpansionMenuItem=SM,FM.Fixture=mM,FM.MainContent=pM,FM.Slot=TM,FM.SlotContent=ZM,FM.MobileMenuButton=PM;const GM=c.forwardRef((function(e,t){var{title:n,description:r,slotContent:a,slotExpansion:i="whenChecked",disabled:o,error:l,checked:s,inputRef:d}=e,u=p(e,["title","description","slotContent","slotExpansion","disabled","error","checked","inputRef"]);const f=!!s,{controlWrapRef:m,assignInputRef:h,handleHeaderClick:g}=Of(o,d),b=c.createElement(Vf,null,c.createElement(Sf,{ref:m},c.createElement(Ix,Object.assign({},u,{checked:s,disabled:o,error:l,inputRef:h}),n)),Df(r)?c.createElement(Lf,{$disabled:!!o},r):null);return c.createElement(Hf,{ref:t,checked:f,disabled:o,header:b,slot:a,slotExpansion:i,onHeaderClick:g})})),jM=new Set(["height","maxHeight","minHeight"]),YM=d.default.div.withConfig({shouldForwardProp:e=>!jM.has(e)})`
|
|
5158
5158
|
${({height:e,maxHeight:t,minHeight:n})=>Xf({height:e,maxHeight:t,minHeight:n})}
|
|
5159
5159
|
`,WM=c.forwardRef((function(e,t){var{height:n="auto",maxHeight:r="none",minHeight:a="none",children:i}=e,o=p(e,["height","maxHeight","minHeight","children"]);return c.createElement(YM,Object.assign({height:n,maxHeight:r,minHeight:a,tabIndex:0},o,{ref:t}),i)})),XM="24px",JM=d.default.div`
|
|
5160
|
+
box-sizing: border-box;
|
|
5160
5161
|
flex-direction: row;
|
|
5161
5162
|
width: 100%;
|
|
5162
5163
|
min-height: ${XM};
|
|
5164
|
+
padding: 0 ${"9px"};
|
|
5163
5165
|
display: flex;
|
|
5164
5166
|
align-items: center;
|
|
5165
5167
|
position: relative;
|
|
@@ -5173,7 +5175,7 @@ object-assign
|
|
|
5173
5175
|
min-width: 100px;
|
|
5174
5176
|
outline: none;
|
|
5175
5177
|
|
|
5176
|
-
/* 見た目のトラック（4px
|
|
5178
|
+
/* 見た目のトラック（4px）。クリック判定は親コンテナの左右余白を含む領域 */
|
|
5177
5179
|
&::before {
|
|
5178
5180
|
content: "";
|
|
5179
5181
|
position: absolute;
|
|
@@ -5201,8 +5203,8 @@ object-assign
|
|
|
5201
5203
|
`}
|
|
5202
5204
|
`,qM=d.default.div`
|
|
5203
5205
|
position: absolute;
|
|
5204
|
-
width:
|
|
5205
|
-
height:
|
|
5206
|
+
width: ${18}px;
|
|
5207
|
+
height: ${18}px;
|
|
5206
5208
|
background-color: ${({theme:e,disabled:t})=>t?e.palette.divider:e.palette.primary.base};
|
|
5207
5209
|
border: 2px solid white;
|
|
5208
5210
|
border-radius: 50%;
|
|
@@ -5248,9 +5250,9 @@ object-assign
|
|
|
5248
5250
|
transform: translate(-50%, -50%);
|
|
5249
5251
|
background-color: ${({theme:e,isOnFill:t})=>t?e.palette.primary.base:e.palette.neutral.lighter};
|
|
5250
5252
|
|
|
5251
|
-
width:
|
|
5252
|
-
height:
|
|
5253
|
-
`,n$=(e,t,n)=>Math.max(t,Math.min(n,e)),r$=(e,t,n,r)=>void 0===e?r?[t,n]:t:Array.isArray(e)?[n$(e[0],t,n),n$(e[1],t,n)]:n$(e,t,n),a$=(e,t,n)=>(e-t)/(n-t)*100,i$=(e,t,n,r,a)=>{const i=n+(e-t.left)/t.width*100/100*(r-n),o=Math.round(i/a)*a;return n$(o,n,r)},o$=(e,t)=>{if(1===t.length)return 0;const[n,r]=t,a=Math.abs(e-n),i=Math.abs(e-r);if(a!==i)return a<i?0:1;return e>=(n+r)/2?1:0},l$=(e,t,n,r,a,i,o)=>{const l="PageUp"===t||"PageDown"===t?10*a:a;let s;if(i&&Array.isArray(e)){const a=null!=o?o:0,i=e[a];switch(t){case"ArrowLeft":case"ArrowDown":case"PageDown":s=n$(i-l,n,r);break;case"ArrowRight":case"ArrowUp":case"PageUp":s=n$(i+l,n,r);break;case"Home":s=n;break;case"End":s=r;break;default:return e}const c=[...e];return c[a]=s,0===a?c[0]=Math.min(s,c[1]):c[1]=Math.max(s,c[0]),c}{const a=Array.isArray(e)?e[0]:e;switch(t){case"ArrowLeft":case"ArrowDown":case"PageDown":s=n$(a-l,n,r);break;case"ArrowRight":case"ArrowUp":case"PageUp":s=n$(a+l,n,r);break;case"Home":s=n;break;case"End":s=r;break;default:return e}return s}},s$=()=>{document.body.style.userSelect="none"},c$=()=>{document.body.style.userSelect=""},d$=e=>{e.preventDefault()};function u$({value:e,defaultValue:t,onChange:n,min:r,max:a,step:i,disabled:o=!1}){const l=c.useCallback((n=>{const i=Array.isArray(e)||Array.isArray(t);return r$(n,r,a,i)}),[r,a,e,t]),[s,d]=c.useState(l(t)),[u,p]=c.useState(!1),[f,m]=c.useState(null),[h,g]=c.useState(new Map),[b,v]=c.useState(new Map),x=c.useRef(null),y=c.useRef(null);c.useEffect((()=>{if(void 0===e&&void 0!==t){const e=l(t);d(e)}}),[e,t,l]);const w=void 0!==e?e:s,C=c.useCallback((e=>{n?n(e):d(e)}),[n]),E=c.useCallback((e=>{if(!x.current)return r;const t=x.current.getBoundingClientRect();return i$(e,t,r,a,i)}),[r,a,i]),I=c.useCallback((e=>{if(o)return;e.preventDefault(),p(!0),s$(),document.addEventListener("wheel",d$,{passive:!1}),document.addEventListener("touchmove",d$,{passive:!1});const
|
|
5253
|
+
width: ${8}px;
|
|
5254
|
+
height: ${8}px;
|
|
5255
|
+
`,n$=(e,t,n)=>Math.max(t,Math.min(n,e)),r$=(e,t,n,r)=>void 0===e?r?[t,n]:t:Array.isArray(e)?[n$(e[0],t,n),n$(e[1],t,n)]:n$(e,t,n),a$=(e,t,n)=>(e-t)/(n-t)*100,i$=(e,t,n,r,a)=>{const i=n+(e-t.left)/t.width*100/100*(r-n),o=Math.round(i/a)*a;return n$(o,n,r)},o$=(e,t)=>{if(1===t.length)return 0;const[n,r]=t,a=Math.abs(e-n),i=Math.abs(e-r);if(a!==i)return a<i?0:1;return e>=(n+r)/2?1:0},l$=(e,t,n,r,a,i,o)=>{const l="PageUp"===t||"PageDown"===t?10*a:a;let s;if(i&&Array.isArray(e)){const a=null!=o?o:0,i=e[a];switch(t){case"ArrowLeft":case"ArrowDown":case"PageDown":s=n$(i-l,n,r);break;case"ArrowRight":case"ArrowUp":case"PageUp":s=n$(i+l,n,r);break;case"Home":s=n;break;case"End":s=r;break;default:return e}const c=[...e];return c[a]=s,0===a?c[0]=Math.min(s,c[1]):c[1]=Math.max(s,c[0]),c}{const a=Array.isArray(e)?e[0]:e;switch(t){case"ArrowLeft":case"ArrowDown":case"PageDown":s=n$(a-l,n,r);break;case"ArrowRight":case"ArrowUp":case"PageUp":s=n$(a+l,n,r);break;case"Home":s=n;break;case"End":s=r;break;default:return e}return s}},s$=()=>{document.body.style.userSelect="none"},c$=()=>{document.body.style.userSelect=""},d$=e=>{e.preventDefault()};function u$({value:e,defaultValue:t,onChange:n,min:r,max:a,step:i,disabled:o=!1}){const l=c.useCallback((n=>{const i=Array.isArray(e)||Array.isArray(t);return r$(n,r,a,i)}),[r,a,e,t]),[s,d]=c.useState(l(t)),[u,p]=c.useState(!1),[f,m]=c.useState(null),[h,g]=c.useState(new Map),[b,v]=c.useState(new Map),x=c.useRef(null),y=c.useRef(null);c.useEffect((()=>{if(void 0===e&&void 0!==t){const e=l(t);d(e)}}),[e,t,l]);const w=void 0!==e?e:s,C=c.useCallback((e=>{n?n(e):d(e)}),[n]),E=c.useCallback((e=>{if(!x.current)return r;const t=x.current.getBoundingClientRect();return i$(e,t,r,a,i)}),[r,a,i]),I=c.useCallback((e=>{var t;if(o)return;e.preventDefault(),null===(t=x.current)||void 0===t||t.focus(),p(!0),s$(),document.addEventListener("wheel",d$,{passive:!1}),document.addEventListener("touchmove",d$,{passive:!1});const n=E(e.clientX);if(Array.isArray(w)){const e=o$(n,w);m(e);const t=[...w];t[e]=n,C(t)}else m(0),C(n)}),[o,E,w,C]),k=c.useCallback((e=>{if(!u||o)return;const t=E(e.clientX);if(Array.isArray(w)&&null!==f){const e=[...w];e[f]=t,0===f?e[0]=Math.min(t,e[1]):e[1]=Math.max(t,e[0]),C(e)}else Array.isArray(w)||C(t)}),[u,o,E,w,f,C]),M=c.useCallback((()=>{p(!1),m(null),c$(),document.removeEventListener("wheel",d$),document.removeEventListener("touchmove",d$)}),[]),$=c.useCallback((e=>{var t;if(o)return;e.preventDefault(),null===(t=x.current)||void 0===t||t.focus(),p(!0),s$(),document.addEventListener("wheel",d$,{passive:!1}),document.addEventListener("touchmove",d$,{passive:!1});const n=new Map,r=new Map;Array.from(e.changedTouches).forEach((e=>{const t=E(e.clientX);if(n.set(e.identifier,e),Array.isArray(w)){const n=o$(t,w);r.set(e.identifier,n)}else r.set(e.identifier,0)})),g(n),v(r)}),[o,E,w]),A=c.useCallback((e=>{u&&!o&&(e.preventDefault(),Array.from(e.changedTouches).forEach((e=>{const t=b.get(e.identifier);if(void 0===t)return;const n=E(e.clientX);if(Array.isArray(w)){const e=[...w];e[t]=n,0===t?e[0]=Math.min(n,e[1]):e[1]=Math.max(n,e[0]),C(e)}else C(n)})))}),[u,o,E,w,b,C]),S=c.useCallback((e=>{const t=new Map(h),n=new Map(b);Array.from(e.changedTouches).forEach((e=>{t.delete(e.identifier),n.delete(e.identifier)})),g(t),v(n),0===t.size&&(p(!1),c$(),document.removeEventListener("wheel",d$),document.removeEventListener("touchmove",d$))}),[h,b]);return{currentValue:w,isDragging:u,trackRef:x,thumbRef:y,handleChange:C,handleMouseDown:I,handleMouseMove:k,handleMouseUp:M,handleTouchStart:$,handleTouchMove:A,handleTouchEnd:S}}function p$({showScale:e,min:t,max:n,step:r,currentValue:a}){const i=c.useCallback((()=>{if(!e)return[];const a=[];for(let e=t;e<=n;e+=r)a.push(e);return a}),[e,t,n,r]),o=c.useCallback((e=>Array.isArray(a)?e>=a[0]&&e<=a[1]:e<=a),[a]),l=c.useCallback((()=>{if(!e)return null;const r=i();return c.createElement(KM,{},r.map((e=>c.createElement(e$,{key:e,percentage:(e-t)/(n-t)*100},c.createElement(t$,{isOnFill:o(e)})))))}),[e,i,t,n,o]);return{getScaleValues:i,isScaleOnFill:o,renderScale:l}}let f$=0;const m$={min:0,max:100,step:1,disabled:!1,showScale:!1},h$=c.forwardRef((function(e,t){var{value:n,defaultValue:r,onChange:a,min:i=m$.min,max:o=m$.max,step:l=m$.step,disabled:s=m$.disabled,showScale:d=m$.showScale,id:u,className:f,style:m,"aria-label":h,"aria-labelledby":g,"aria-describedby":b}=e,v=p(e,["value","defaultValue","onChange","min","max","step","disabled","showScale","id","className","style","aria-label","aria-labelledby","aria-describedby"]);const x=L(),y=c.useId(),w=c.useMemo((()=>"slider-"+ ++f$),[]),C=u||y||w,{currentValue:E,isDragging:I,trackRef:k,thumbRef:M,handleChange:$,handleMouseDown:A,handleMouseMove:S,handleMouseUp:V,handleTouchStart:H,handleTouchMove:O,handleTouchEnd:D}=u$({value:n,defaultValue:r,onChange:a,min:i,max:o,step:l,disabled:s}),{renderScale:R}=p$({showScale:d,min:i,max:o,step:l,currentValue:E}),z=c.useCallback((e=>a$(e,i,o)),[i,o]),N=c.useCallback((e=>{if(s)return;const t=Array.isArray(E),n=l$(E,e.key,i,o,l,t,null);n!==E&&(e.preventDefault(),$(n))}),[s,E,i,o,l,$]),T=c.useCallback((e=>{const t=parseFloat(e.target.value);if(Array.isArray(E)){const e=[...E];e[0]=t,$(e)}else $(t)}),[E,$]),Z=c.useCallback((e=>{if(!Array.isArray(E))return;const t=parseFloat(e.target.value),n=[...E];n[0]=Math.min(t,n[1]),$(n)}),[E,$]),B=c.useCallback((e=>{if(!Array.isArray(E))return;const t=parseFloat(e.target.value),n=[...E];n[1]=Math.max(t,n[0]),$(n)}),[E,$]);return c.useEffect((()=>{if(I){document.addEventListener("mousemove",S),document.addEventListener("mouseup",V),document.addEventListener("touchmove",O),document.addEventListener("touchend",D);const e=e=>e.preventDefault();return document.addEventListener("contextmenu",e),()=>{document.removeEventListener("mousemove",S),document.removeEventListener("mouseup",V),document.removeEventListener("touchmove",O),document.removeEventListener("touchend",D),document.removeEventListener("contextmenu",e)}}}),[I,S,V,O,D]),c.createElement(JM,Object.assign({ref:t,theme:x,disabled:s,className:f,style:m},v,{onMouseDown:A,onTouchStart:H}),c.createElement(UM,{ref:k,id:C,tabIndex:s?-1:0,role:"slider","aria-valuemin":i,"aria-valuemax":o,"aria-valuenow":Array.isArray(E)?E[0]:E,"aria-valuetext":Array.isArray(E)?`${E[0]} to ${E[1]}`:void 0,"aria-disabled":s,"aria-label":h,"aria-labelledby":g,"aria-describedby":b,onKeyDown:N},Array.isArray(E)?c.createElement(c.Fragment,null,c.createElement(QM,{percentage:z(E[1])-z(E[0]),isDragging:I,startPercentage:z(E[0]),disabled:s}),c.createElement(qM,{ref:M,percentage:z(E[0]),isDragging:I,disabled:s}),c.createElement(qM,{percentage:z(E[1]),isDragging:I,disabled:s})):c.createElement(c.Fragment,null,c.createElement(QM,{percentage:z(E),isDragging:I,disabled:s}),c.createElement(qM,{ref:M,percentage:z(E),isDragging:I,disabled:s})),R()),Array.isArray(E)?c.createElement(c.Fragment,null,c.createElement("input",{type:"range",min:i,max:o,step:l,value:E[0],style:{position:"absolute",opacity:0,pointerEvents:"none",width:"1px",height:"1px",margin:"-1px",padding:0,border:"none",overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap"},"aria-label":"Slider minimum value","aria-labelledby":g,"aria-describedby":b,disabled:s,onChange:Z}),c.createElement("input",{type:"range",min:i,max:o,step:l,value:E[1],style:{position:"absolute",opacity:0,pointerEvents:"none",width:"1px",height:"1px",margin:"-1px",padding:0,border:"none",overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap"},"aria-label":"Slider maximum value","aria-labelledby":g,"aria-describedby":b,disabled:s,onChange:B})):c.createElement("input",{type:"range",min:i,max:o,step:l,value:E,style:{position:"absolute",opacity:0,pointerEvents:"none",width:"1px",height:"1px",margin:"-1px",padding:0,border:"none",overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap"},"aria-label":"Slider input","aria-labelledby":g,"aria-describedby":b,disabled:s,onChange:T}))})),g$=e.createContext(null),b$=()=>{const t=e.useContext(g$);if(!t)throw new Error("SliderField components must be used within a SliderField");return t},v$=({children:t})=>{const n=e.useId(),r={fieldId:n,sliderId:`${n}-slider`,outputId:`${n}-output`};return c.default.createElement(g$.Provider,{value:r},t)};v$.Slider=e=>{const{sliderId:t,outputId:n}=b$(),r=e.id||t,a=e["aria-describedby"]||n;return c.default.createElement(h$,Object.assign({},e,{id:r,"aria-describedby":a}))},v$.Output=e=>{var{children:t,id:n}=e,r=p(e,["children","id"]);const{outputId:a}=b$();return c.default.createElement("div",Object.assign({},r,{id:n||a}),t)};const x$=e=>{switch(e){case"down":default:return"translateY(100vh)";case"up":return"translateY(-100vh)";case"right":return"translateX(100vw)";case"left":return"translateX(-100vw)"}},y$="slide-transition",w$=d.default(Ds)`
|
|
5254
5256
|
&.${y$}-enter, &.${y$}-appear {
|
|
5255
5257
|
transform: ${({direction:e})=>x$(e)};
|
|
5256
5258
|
}
|