ingred-ui 33.7.0-canary.3 → 33.7.0

package/dist/index.es.js

@@ -1173,6 +1173,7 @@ object-assign
 `,Qc=e.forwardRef((function({children:t,size:n="md"},r){const i=ee();return e.createElement(se,{ref:r,display:"flex",alignItems:"center"},e.createElement(ja,{pr:.5},e.createElement(oe,{name:"alert",type:"fill",color:i.palette.danger.base,size:"sm"===n?"sm-md":n})),e.createElement(Uc,{color:i.palette.danger.base,size:n},t))})),qc=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]},Kc=(e,t)=>{const n=ft(e).find((e=>e.value===t));return(null==n?void 0:n.label)||t},ed=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=Ta(t,"YYYY-MM-DD");return n.isValid()?n.format(o):t}return String(e)}))},td=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:""}},nd=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())},rd=e=>!1!==e.required,id=(e,t)=>{const n=ht(t,e.conditionKey);return n?{condition:e,conditionConfig:n}:null},od=e=>{const{condition:t,conditionConfig:n}=e,r=bt(n,t.operator),i=vt(n,t.operator);return nd({inputType:r,selectedValues:t.selectedValues,selectedRadioValue:t.selectedRadioValue,startDate:t.startDate,endDate:t.endDate,value:t.value,isRangeOperator:i})},ad=e=>{const{condition:t,conditionConfig:n}=e,r=bt(n,t.operator),i=vt(n,t.operator);return td({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})},ld=({option:e})=>{var n;return e.icon?t.createElement(oe,{name:e.icon,type:null!==(n=e.iconType)&&void 0!==n?n:"line",color:e.iconColor}):null};ld.displayName="OptionValueIcon";const sd=({options:e,selectedValues:n,onValueToggle:r})=>t.createElement(Tt,null,e.map((e=>t.createElement(Oo,{key:String(e.value),checked:n.includes(e.value),prepend:e.icon?t.createElement(ld,{option:e}):void 0,onChange:t=>r(e.value,t)},e.label))));sd.displayName="CheckboxValueInput";const cd=({options:e,selectedRadioValue:n,onRadioChange:r})=>t.createElement(Tt,null,e.map((e=>t.createElement(Oo,{key:String(e.value),checked:n===e.value,prepend:e.icon?t.createElement(ld,{option:e}):void 0,onChange:t=>{t&&r(e.value)}},e.label))));cd.displayName="RadioValueInput";const dd=640,ud=["日","月","火","水","木","金","土"],pd={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:[...ud]}}},DateRangePicker:{defaultProps:{monthFormat:"YYYY年MM月",weekConfig:{start:0,labels:[...ud]},applyButtonText:"適用",cancelButtonText:"キャンセル"}},WeekTime:{defaultProps:{weekList:["月","火","水","木","金","土","日"]}},WeekTimeSelector:{defaultProps:{weekList:["月","火","水","木","金","土","日"]}},DualListBox:{defaultProps:{selectedItemTitle:"個選択済み"}}}},md={components:{ConfirmModal:{defaultProps:{confirmText:"确认",cancelText:"取消"}},FullSizeConfirmModal:{defaultProps:{confirmText:"确认",cancelText:"取消"}},FileUploader:{defaultProps:{title:"把文件拖入,  同样支持点击上传。"}},ItemEmpty:{defaultProps:{title:"未找到。"}}}},hd={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"}}}},gd=e.createContext({locale:hd}),fd=({locale:t,children:n})=>e.createElement(gd.Provider,{value:{locale:t}},n);function bd(e){var n,r;const{name:i,props:o}=e,a=t.useContext(gd).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 vd=n((function(e,n){const r=bd({props:e,name:"DatePicker"}),{date:o,format:a="YYYY-MM-DD",disabled:s=!1,size:c="medium",variant:u="light",width:p,monthFormat:m,weekConfig:h,showDateFields:g=!1,showTimeFields:f=!1,timeFieldProps:b,useCalendarRange:v=!1,isOutsideRange:x,error:y=!1,errorText:w,defaultPresetButton:C,presetButtons:E,onPresetButtonClick:I,onDateChange:k,onDatesChange:M,endDate:$}=r,A=ee(),[L,V]=i(!1),{context:H,refs:O,strategy:S,x:D,y:R}=uo({placement:"bottom-start",open:L,onOpenChange:V,middleware:[ur(10),dr(),pr({padding:8})]}),N=so(H),z=yo(H),{getReferenceProps:Z,getFloatingProps:T}=mo([N,z]),B=d((()=>{s||V((e=>!e))}),[s]),P=d((e=>{k(e),V(!1)}),[k]),_=l((()=>t.createElement(oe,{name:"date_range",color:s?A.palette.neutral.base:A.palette.text.accent})),[s,A]),G=l((()=>"100%"===p||"string"==typeof p&&p.includes("100%")?{width:"100%"}:{width:"fit-content"}),[p]);return t.createElement(se,{ref:n,style:G},t.createElement("div",Object.assign({ref:O.setReference},Z()),t.createElement(zw,{date:o,format:a,error:y,errorText:w,disabled:s,size:c,variant:u,width:p,append:_,onDateChange:k,onAppendClick:B})),L&&t.createElement(Ki,null,t.createElement(no,{context:H,modal:!1,initialFocus:-1,returnFocus:!1},v?t.createElement(tm,Object.assign({ref:O.setFloating,startDate:o,endDate:$||o,monthFormat:m,weekConfig:h,defaultPresetButton:C,presetButtons:E,showDateFields:g,showTimeFields:f,timeFieldProps:b,dateFieldFormat:a,isOutsideRange:x,style:{position:S,top:null!=R?R:0,left:null!=D?D:0,zIndex:A.depth.calendarRange,overflow:"hidden",maxWidth:"min(640px, calc(100vw - 16px))"},onPresetButtonClick:I,onDatesChange:M},T())):t.createElement(Sp,Object.assign({ref:O.setFloating,date:o,monthFormat:m,weekConfig:h,defaultPresetButton:C,presetButtons:E,showDateFields:g,showTimeFields:f,timeFieldProps:b,dateFieldFormat:a,isOutsideRange:x,style:{position:S,top:null!=R?R:0,left:null!=D?D:0,zIndex:A.depth.calendar,overflow:"hidden",maxWidth:"min(640px, calc(100vw - 16px))"},onPresetButtonClick:I,onDateChange:P},T())))))}));var xd=g(vd);const yd=({startDate:e,endDate:n,onStartDateChange:r,onEndDateChange:i,format:o="YYYY-MM-DD"})=>{const a=l((()=>{if(e&&""!==e.trim()){const t=Ta(e,"YYYY-MM-DD");return t.isValid()?t:Ta()}return Ta()}),[e]),s=l((()=>{if(n&&""!==n.trim()){const e=Ta(n,"YYYY-MM-DD");return e.isValid()?e:Ta()}return Ta()}),[n]);return t.createElement(St,null,t.createElement(Rt,null,t.createElement(Zt,{htmlFor:"start-date-picker"},"開始日"),t.createElement(xd,{date:a,format:o,variant:"dark",width:"100%",onDateChange:e=>{r(e.format("YYYY-MM-DD"))}})),t.createElement(Rt,null,t.createElement(Zt,{htmlFor:"end-date-picker"},"終了日"),t.createElement(xd,{date:s,format:o,variant:"dark",width:"100%",onDateChange:e=>{i(e.format("YYYY-MM-DD"))}})))};yd.displayName="DateRangeInput";const wd=({inputType:e,value:n,placeholder:r,onValueChange:i,onKeyDown:o,format:a="YYYY-MM-DD",inputRef:s})=>{const c=l((()=>{if("date"===e&&n&&""!==n.trim()){const e=Ta(n,"YYYY-MM-DD");return e.isValid()?e:Ta()}return Ta()}),[e,n]),d=e=>{const t=e.format("YYYY-MM-DD");i(t)};return"date"===e?t.createElement(zt,null,t.createElement(xd,{date:c,format:a,variant:"dark",width:"100%",onDateChange:d})):t.createElement(Nt,null,t.createElement(ga,{ref:s,type:"text",value:n,placeholder:r,fullWidth:!0,variant:"dark",onChange:e=>i(e.target.value),onKeyDown:o}))};wd.displayName="TextValueInput";const Cd=({filterConfig:e,operator:n,value:r,selectedValues:i,selectedRadioValue:o,startDate:a,endDate:l,onValueChange:s,onValueToggle:c,onRadioChange:d,onStartDateChange:u,onEndDateChange:p,onKeyDown:m,isRangeOperator:h,textInputRef:g})=>{const f=et(e,n);return"checkbox"===f?t.createElement(sd,{options:nt(e,n),selectedValues:i,onValueToggle:c}):"radio"===f?t.createElement(cd,{options:nt(e,n),selectedRadioValue:o,onRadioChange:d}):h(n)?t.createElement(yd,{startDate:a,endDate:l,format:rt(e),onStartDateChange:u,onEndDateChange:p}):t.createElement(wd,{inputType:f,inputRef:"text"===f?g:void 0,value:r,placeholder:tt(e),format:"date"===f?rt(e):void 0,onValueChange:s,onKeyDown:m})};Cd.displayName="ConfigPanelValueInput";const Ed=(e,t,n)=>{if(!t)return((e,t)=>{const n=gt(e),r=bt(e,n);let i="",o="",a="";return vt(e,n)?(o=t,a=t):"date"===r&&(i=t),{id:`condition_${e.conditionKey}`,conditionKey:e.conditionKey,conditionLabel:e.conditionLabel,operator:n,value:i,selectedValues:[],selectedRadioValue:"",startDate:o,endDate:a}})(e,n);let r="",i=[],o="",a="",l="";if((t.isRange||!1)&&t.values.length>=2)a="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),i=t.values,o=e}return{id:`condition_${e.conditionKey}`,conditionKey:t.conditionKey,conditionLabel:t.conditionLabel,operator:t.operator,value:r,selectedValues:i,selectedRadioValue:o,startDate:a,endDate:l}},Id={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"}},kd={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}},Md={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}},$d=(e,t,n)=>kd[n][e](t),Ad=(e,t,n)=>Md[n][e](t),Ld={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},Vd=(e,t)=>Ld[e](t),Hd={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},Od=(e,t)=>Hd[e](t),Sd=y`
   display: inline-flex;
   align-items: center;
+  justify-content: center;
   text-align: center;
   font-size: ${({size:e="medium",fontSize:t})=>t||Id[e].fontSize};
   font-weight: ${({fontWeight:e="normal"})=>e};
@@ -4651,6 +4652,9 @@ object-assign
   justify-content: space-between;
   gap: 4px;
 `,Xk=v.span`
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
   position: absolute;
   top: ${({position:e})=>["top-right","top-left"].includes(e)?0:"auto"};
   bottom: ${({position:e})=>["bottom-right","bottom-left"].includes(e)?0:"auto"};