carbon-react 158.7.0 → 158.7.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/esm/components/badge/badge.style.js +1 -1
- package/esm/components/date/__internal__/date-picker/date-picker.component.js +1 -1
- package/esm/hooks/__internal__/useFloating/useFloating.js +1 -1
- package/lib/components/badge/badge.style.js +1 -1
- package/lib/components/date/__internal__/date-picker/date-picker.component.js +1 -1
- package/lib/hooks/__internal__/useFloating/useFloating.js +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
1
|
+
import e,{css as r}from"styled-components";import{margin as o}from"styled-system";import a from"../icon/icon.style.js";import t from"../button/button.component.js";import l from"../../style/themes/apply-base-theme.js";import{toColor as i}from"../../style/utils/color.js";const s=(e,r)=>"subtle"===e?`\n ${r?"var(--badge-inverse-bg-alt, #007FD9)":"var(--badge-bg-alt, #0071C3)"};\n `:`\n ${r?"var(--badge-inverse-bg-default, #F50059)":"var(--badge-bg-default, #DB004E)"};\n `,d=e.div.withConfig({displayName:"badge.style__StyledBadgeWrapper",componentId:"sc-a94db209-0"})([""," position:relative;display:inline-block;"],o),n=e.div.withConfig({displayName:"badge.style__StyledCounter",componentId:"sc-a94db209-1"})(["font-weight:500;font-size:13px;line-height:150%;"]),b=e.span.attrs(l).attrs((({onClick:e})=>({as:e?t:void 0}))).withConfig({displayName:"badge.style__StyledBadge",componentId:"sc-a94db209-2"})([""," box-sizing:content-box;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--global-radius-container-circle,999px);border:solid var(--global-borderwidth-s,2px);",""],o,(({size:e,variant:o,inverse:t,hasChildren:l,customColor:d,theme:n,onClick:b})=>r(["",";background-color:",";border-color:",";color:",";"," "," ",""],(e=>{switch(e){case"small":return r(["width:var(--global-size4xs,8px);height:var(--global-size4xs,8px);"]);case"large":return r(["min-width:var(--global-size2xs,20px);height:var(--global-size-xs,24px);padding:0 var(--global-space-comp2xs,2px);"]);default:return r(["min-width:var(--global-size3xs,16px);height:var(--global-size2xs,20px);padding:0 var(--global-space-comp2xs,2px);"])}})(e),s(o,t),t?"var(--badge-inverse-border-default, #000)":"var(--badge-border-default, #FFF)",t?"var(--badge-inverse-label-default, #000)":"var(--badge-label-default, #FFF)",l&&r(["position:absolute;z-index:2;",";"],(e=>{switch(e){case"small":return r(["top:-3px;right:-2px;"]);case"large":return r(["top:-12px;right:-8px;"]);default:return r(["top:-10px;right:-6px;"])}})(e)),b&&r(["min-height:0;:hover,:focus{padding:0;border-color:",";background-color:",";","{margin:0;color:",";}}"],s(o,t),s(o,t),a,t?"var(--badge-inverse-label-default, #000)":"var(--badge-label-default, #FFF)"),d&&r(["background-color:var(--badge-border-default,#fff);border-color:",";color:",";",""],i(n,d),i(n,d),b&&r([":hover,:focus{background-color:",";border-color:",";}"],i(n,d),i(n,d))))));export{b as StyledBadge,d as StyledBadgeWrapper,n as StyledCounter};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,Fragment as t,jsxs as r}from"react/jsx-runtime";import{offset as o,flip as n}from"@floating-ui/dom";import{useState as l,useMemo as a,useRef as i,useCallback as c,useContext as s,useEffect as u}from"react";import{DayPicker as d,defaultLocale as p}from"react-day-picker";import m from"../../../../hooks/__internal__/useLocale/useLocale.js";import y from"../../../../__internal__/popover/popover.component.js";import{Navbar as f}from"../navbar/navbar.component.js";import{Weekday as b}from"../weekday/weekday.component.js";import{getDisabledDays as v}from"../utils.js";import{defaultFocusableSelectors as
|
|
1
|
+
import{jsx as e,Fragment as t,jsxs as r}from"react/jsx-runtime";import{offset as o,flip as n}from"@floating-ui/dom";import{useState as l,useMemo as a,useRef as i,useCallback as c,useContext as s,useEffect as u}from"react";import{DayPicker as d,defaultLocale as p}from"react-day-picker";import m from"../../../../hooks/__internal__/useLocale/useLocale.js";import y from"../../../../__internal__/popover/popover.component.js";import{Navbar as f}from"../navbar/navbar.component.js";import{Weekday as b}from"../weekday/weekday.component.js";import{getDisabledDays as v}from"../utils.js";import{defaultFocusableSelectors as g}from"../../../../__internal__/focus-trap/focus-trap-utils.js";import O from"../../../../__internal__/utils/helpers/events/events.js";import h from"../../../flat-table/__internal__/flat-table.context.js";import j from"../../../../__internal__/utils/logger/index.js";import w from"./day-picker.style.js";function _(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function k(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),o.forEach((function(t){_(e,t,r[t])}))}return e}const D=[o(3),n({fallbackStrategy:"initialPlacement"})],P=f;let S=!1;const x=({inputElement:o,minDate:n,maxDate:f,selectedDays:_,disablePortal:x=!0,onDayClick:q,pickerMouseDown:K,pickerProps:M,open:T,setOpen:A,pickerTabGuardId:I,onPickerClose:C,ariaLabel:E,ariaLabelledBy:F})=>{!S&&x&&(S=!0,j.deprecate("`disablePortal` is deprecated in DateInput and DateRange, and support will soon be removed."));const[L,N]=l(_||new Date),z=m(),{localize:W,options:B}=z.date.dateFnsLocale(),{weekStartsOn:U}=B||{},$=a((()=>Array.from({length:7}).map(((e,t)=>null==W?void 0:W.day(t)))),[W]),G=a((()=>{const e=e=>z.locale().includes(e);return Array.from({length:7}).map(((t,r)=>null==W?void 0:W.day(r,["de","pl"].some(e)?{width:"wide"}:{width:"abbreviated"}).substring(0,e("de")?2:3)))}),[z,W]),H=i(null),R=c((e=>{var t,r;T&&O.isEscKey(e)&&(N(_),null===(r=o.current)||void 0===r||null===(t=r.querySelector("input"))||void 0===t||t.focus(),A(!1),null==C||C(),e.stopPropagation())}),[o,C,T,_,A]),{isInFlatTable:Y,setHasOpenDatePicker:J}=s(h);return u((()=>{null==J||J(!!T)}),[T,J]),u((()=>{_&&N(_)}),[_]),u((()=>{!T&&_&&(null==L?void 0:L.getMonth())!==(null==_?void 0:_.getMonth())&&N(_)}),[L,T,_]),T?e(t,{children:e(y,{placement:"bottom-start",reference:o,middleware:D,disablePortal:x,disableBackgroundUI:Y,popoverStrategy:"fixed",children:r(w,{id:"styled-day-picker","data-role":"date-picker",ref:H,onMouseDown:K,onKeyUp:R,onKeyDown:e=>{var t,r,n;(null===(t=H.current)||void 0===t?void 0:t.querySelector(".rdp-nav button"))===document.activeElement&&O.isTabKey(e)&&O.isShiftKey(e)&&(e.preventDefault(),A(!1),null==C||C(),null===(n=o.current)||void 0===n||null===(r=n.querySelector("input"))||void 0===r||r.focus())},role:"region","aria-label":E,"aria-labelledby":F,children:[e("div",{id:I,tabIndex:0,onFocus:()=>{var e,t;null===(t=H.current)||void 0===t||null===(e=t.querySelector("button"))||void 0===e||e.focus()}}),e(d,(Q=k({formatters:{formatCaption:e=>`${null==W?void 0:W.month(e.getMonth())} ${e.getFullYear()}`},required:!1,weekStartsOn:U,onMonthChange:N,disabled:v(n,f),locale:{localize:k({},p.localize)},selected:_,month:L||new Date,onDayClick:(e,t,r)=>{((e,t)=>{e&&(null==q||q(e,t)),null==C||C()})(e,r)},components:{Nav:P,Weekday:t=>{const{className:r,"aria-label":o}=t,n={Sunday:0,Monday:1,Tuesday:2,Wednesday:3,Thursday:4,Friday:5,Saturday:6}[o];return e(b,{className:r,title:$[n],children:G[n]})}},fixedWeeks:!0,defaultMonth:_||void 0,onDayKeyDown:(e,t,r)=>{var n;n=r,setTimeout((()=>{if(O.isTabKey(n)&&!O.isShiftKey(n)){var e;n.preventDefault(),A(!1),null==C||C();const l=null===(e=o.current)||void 0===e?void 0:e.querySelector("input");if(l){var t,r;const e=Array.from(document.querySelectorAll(g)||[]),o=Array.from((null===(t=H.current)||void 0===t?void 0:t.querySelectorAll("button, [tabindex]"))||[]),n=e.filter((e=>-1!==Number(e.tabIndex)&&!o.includes(e))),a=n.indexOf(l)+1;null===(r=n[a])||void 0===r||r.focus()}}}),0)}},M),V={showOutsideDays:!0,mode:"single"},V=null!=V?V:{},Object.getOwnPropertyDescriptors?Object.defineProperties(Q,Object.getOwnPropertyDescriptors(V)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(V)).forEach((function(e){Object.defineProperty(Q,e,Object.getOwnPropertyDescriptor(V,e))})),Q))]})})}):null;var Q,V};x.displayName="DatePicker";export{x as DatePicker,x as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useRef as t,useLayoutEffect as e}from"react";import{autoUpdate as n,computePosition as i}from"@floating-ui/dom";const o=({isOpen:o,reference:a,floating:r,strategy:l="absolute",placement:s,middleware:c,animationFrame:p})=>{const m=t(null);e((()=>{let t;const e=a.current,f=r.current;if(e&&f&&o){const{left:o,top:a,position:r,width:u,height:
|
|
1
|
+
import{useRef as t,useLayoutEffect as e}from"react";import{autoUpdate as n,computePosition as i}from"@floating-ui/dom";const o=({isOpen:o,reference:a,floating:r,strategy:l="absolute",placement:s,middleware:c,animationFrame:p})=>{const m=t(null);e((()=>{let t;const e=a.current,f=r.current;if(e&&f&&o){const{left:o,top:a,position:r,width:u,height:d}=f.style;m.current={left:o,top:a,position:r,width:u,height:d},Object.assign(f.style,{position:l,top:0,left:0});const g=()=>{i(e,f,{strategy:l,middleware:c,placement:s}).then((({x:t,y:e,placement:n})=>{Object.assign(f.style,{left:`${t}px`,top:`${e}px`,position:l,"z-index":1001}),f.setAttribute("data-floating-placement",n)}))};t=n(e,f,g,{animationFrame:p})}return()=>{t&&f&&(t(),t=null,Object.assign(f.style,m.current),f.removeAttribute("data-floating-placement"))}}),[o,a,r,l,c,s,p])};export{o as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("styled-components"),
|
|
1
|
+
"use strict";var e=require("styled-components"),r=require("styled-system"),a=require("../icon/icon.style.js"),o=require("../button/button.component.js"),t=require("../../style/themes/apply-base-theme.js"),l=require("../../style/utils/color.js");function s(e){return e&&e.__esModule?e:{default:e}}var d=s(e);const i=(e,r)=>"subtle"===e?`\n ${r?"var(--badge-inverse-bg-alt, #007FD9)":"var(--badge-bg-alt, #0071C3)"};\n `:`\n ${r?"var(--badge-inverse-bg-default, #F50059)":"var(--badge-bg-default, #DB004E)"};\n `,n=d.default.div.withConfig({displayName:"badge.style__StyledBadgeWrapper",componentId:"sc-a94db209-0"})([""," position:relative;display:inline-block;"],r.margin),c=d.default.div.withConfig({displayName:"badge.style__StyledCounter",componentId:"sc-a94db209-1"})(["font-weight:500;font-size:13px;line-height:150%;"]),g=d.default.span.attrs(t.default).attrs((({onClick:e})=>({as:e?o.default:void 0}))).withConfig({displayName:"badge.style__StyledBadge",componentId:"sc-a94db209-2"})([""," box-sizing:content-box;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--global-radius-container-circle,999px);border:solid var(--global-borderwidth-s,2px);",""],r.margin,(({size:r,variant:o,inverse:t,hasChildren:s,customColor:d,theme:n,onClick:c})=>e.css(["",";background-color:",";border-color:",";color:",";"," "," ",""],(r=>{switch(r){case"small":return e.css(["width:var(--global-size4xs,8px);height:var(--global-size4xs,8px);"]);case"large":return e.css(["min-width:var(--global-size2xs,20px);height:var(--global-size-xs,24px);padding:0 var(--global-space-comp2xs,2px);"]);default:return e.css(["min-width:var(--global-size3xs,16px);height:var(--global-size2xs,20px);padding:0 var(--global-space-comp2xs,2px);"])}})(r),i(o,t),t?"var(--badge-inverse-border-default, #000)":"var(--badge-border-default, #FFF)",t?"var(--badge-inverse-label-default, #000)":"var(--badge-label-default, #FFF)",s&&e.css(["position:absolute;z-index:2;",";"],(r=>{switch(r){case"small":return e.css(["top:-3px;right:-2px;"]);case"large":return e.css(["top:-12px;right:-8px;"]);default:return e.css(["top:-10px;right:-6px;"])}})(r)),c&&e.css(["min-height:0;:hover,:focus{padding:0;border-color:",";background-color:",";","{margin:0;color:",";}}"],i(o,t),i(o,t),a.default,t?"var(--badge-inverse-label-default, #000)":"var(--badge-label-default, #FFF)"),d&&e.css(["background-color:var(--badge-border-default,#fff);border-color:",";color:",";",""],l.toColor(n,d),l.toColor(n,d),c&&e.css([":hover,:focus{background-color:",";border-color:",";}"],l.toColor(n,d),l.toColor(n,d))))));exports.StyledBadge=g,exports.StyledBadgeWrapper=n,exports.StyledCounter=c;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@floating-ui/dom"),r=require("react"),a=require("react-day-picker"),l=require("../../../../hooks/__internal__/useLocale/useLocale.js"),n=require("../../../../__internal__/popover/popover.component.js"),o=require("../navbar/navbar.component.js"),i=require("../weekday/weekday.component.js"),u=require("../utils.js"),s=require("../../../../__internal__/focus-trap/focus-trap-utils.js"),c=require("../../../../__internal__/utils/helpers/events/events.js"),d=require("../../../flat-table/__internal__/flat-table.context.js"),f=require("../../../../__internal__/utils/logger/index.js"),p=require("./day-picker.style.js");function y(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function b(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},a=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),a.forEach((function(t){y(e,t,r[t])}))}return e}const v=[t.offset(3),t.flip({fallbackStrategy:"initialPlacement"})],m=o.Navbar;let j=!1;const g=({inputElement:t,minDate:o,maxDate:y,selectedDays:g,disablePortal:O=!0,onDayClick:k,pickerMouseDown:D,pickerProps:h,open:_,setOpen:w,pickerTabGuardId:P,onPickerClose:q,ariaLabel:S,ariaLabelledBy:x})=>{!j&&O&&(j=!0,f.default.deprecate("`disablePortal` is deprecated in DateInput and DateRange, and support will soon be removed."));const[M,E]=r.useState(g||new Date),K=l.default(),{localize:C,options:F}=K.date.dateFnsLocale(),{weekStartsOn:T}=F||{},A=r.useMemo((()=>Array.from({length:7}).map(((e,t)=>null==C?void 0:C.day(t)))),[C]),I=r.useMemo((()=>{const e=e=>K.locale().includes(e);return Array.from({length:7}).map(((t,r)=>null==C?void 0:C.day(r,["de","pl"].some(e)?{width:"wide"}:{width:"abbreviated"}).substring(0,e("de")?2:3)))}),[K,C]),L=r.useRef(null),N=r.useCallback((e=>{var r,a;_&&c.default.isEscKey(e)&&(E(g),null===(a=t.current)||void 0===a||null===(r=a.querySelector("input"))||void 0===r||r.focus(),w(!1),null==q||q(),e.stopPropagation())}),[t,q,_,g,w]),{isInFlatTable:W,setHasOpenDatePicker:z}=r.useContext(d.default);return r.useEffect((()=>{null==z||z(!!_)}),[_,z]),r.useEffect((()=>{g&&E(g)}),[g]),r.useEffect((()=>{!_&&g&&(null==M?void 0:M.getMonth())!==(null==g?void 0:g.getMonth())&&E(g)}),[M,_,g]),_?e.jsx(e.Fragment,{children:e.jsx(n.default,{placement:"bottom-start",reference:t,middleware:v,disablePortal:O,disableBackgroundUI:W,children:e.jsxs(p.default,{id:"styled-day-picker","data-role":"date-picker",ref:L,onMouseDown:D,onKeyUp:N,onKeyDown:e=>{var r,a,l;(null===(r=L.current)||void 0===r?void 0:r.querySelector(".rdp-nav button"))===document.activeElement&&c.default.isTabKey(e)&&c.default.isShiftKey(e)&&(e.preventDefault(),w(!1),null==q||q(),null===(l=t.current)||void 0===l||null===(a=l.querySelector("input"))||void 0===a||a.focus())},role:"region","aria-label":S,"aria-labelledby":x,children:[e.jsx("div",{id:P,tabIndex:0,onFocus:()=>{var e,t;null===(t=L.current)||void 0===t||null===(e=t.querySelector("button"))||void 0===e||e.focus()}}),e.jsx(a.DayPicker,(B=b({formatters:{formatCaption:e=>`${null==C?void 0:C.month(e.getMonth())} ${e.getFullYear()}`},required:!1,weekStartsOn:T,onMonthChange:E,disabled:u.getDisabledDays(o,y),locale:{localize:b({},a.defaultLocale.localize)},selected:g,month:M||new Date,onDayClick:(e,t,r)=>{((e,t)=>{e&&(null==k||k(e,t)),null==q||q()})(e,r)},components:{Nav:m,Weekday:t=>{const{className:r,"aria-label":a}=t,l={Sunday:0,Monday:1,Tuesday:2,Wednesday:3,Thursday:4,Friday:5,Saturday:6}[a];return e.jsx(i.Weekday,{className:r,title:A[l],children:I[l]})}},fixedWeeks:!0,defaultMonth:g||void 0,onDayKeyDown:(e,r,a)=>{var l;l=a,setTimeout((()=>{if(c.default.isTabKey(l)&&!c.default.isShiftKey(l)){var e;l.preventDefault(),w(!1),null==q||q();const n=null===(e=t.current)||void 0===e?void 0:e.querySelector("input");if(n){var r,a;const e=Array.from(document.querySelectorAll(s.defaultFocusableSelectors)||[]),t=Array.from((null===(r=L.current)||void 0===r?void 0:r.querySelectorAll("button, [tabindex]"))||[]),l=e.filter((e=>-1!==Number(e.tabIndex)&&!t.includes(e))),o=l.indexOf(n)+1;null===(a=l[o])||void 0===a||a.focus()}}}),0)}},h),R={showOutsideDays:!0,mode:"single"},R=null!=R?R:{},Object.getOwnPropertyDescriptors?Object.defineProperties(B,Object.getOwnPropertyDescriptors(R)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(R)).forEach((function(e){Object.defineProperty(B,e,Object.getOwnPropertyDescriptor(R,e))})),B))]})})}):null;var B,R};g.displayName="DatePicker",exports.DatePicker=g,exports.default=g;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@floating-ui/dom"),r=require("react"),a=require("react-day-picker"),l=require("../../../../hooks/__internal__/useLocale/useLocale.js"),n=require("../../../../__internal__/popover/popover.component.js"),o=require("../navbar/navbar.component.js"),i=require("../weekday/weekday.component.js"),u=require("../utils.js"),s=require("../../../../__internal__/focus-trap/focus-trap-utils.js"),c=require("../../../../__internal__/utils/helpers/events/events.js"),d=require("../../../flat-table/__internal__/flat-table.context.js"),f=require("../../../../__internal__/utils/logger/index.js"),p=require("./day-picker.style.js");function y(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function b(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},a=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),a.forEach((function(t){y(e,t,r[t])}))}return e}const v=[t.offset(3),t.flip({fallbackStrategy:"initialPlacement"})],m=o.Navbar;let j=!1;const g=({inputElement:t,minDate:o,maxDate:y,selectedDays:g,disablePortal:O=!0,onDayClick:k,pickerMouseDown:D,pickerProps:h,open:_,setOpen:w,pickerTabGuardId:P,onPickerClose:q,ariaLabel:S,ariaLabelledBy:x})=>{!j&&O&&(j=!0,f.default.deprecate("`disablePortal` is deprecated in DateInput and DateRange, and support will soon be removed."));const[M,E]=r.useState(g||new Date),K=l.default(),{localize:C,options:F}=K.date.dateFnsLocale(),{weekStartsOn:T}=F||{},A=r.useMemo((()=>Array.from({length:7}).map(((e,t)=>null==C?void 0:C.day(t)))),[C]),I=r.useMemo((()=>{const e=e=>K.locale().includes(e);return Array.from({length:7}).map(((t,r)=>null==C?void 0:C.day(r,["de","pl"].some(e)?{width:"wide"}:{width:"abbreviated"}).substring(0,e("de")?2:3)))}),[K,C]),L=r.useRef(null),N=r.useCallback((e=>{var r,a;_&&c.default.isEscKey(e)&&(E(g),null===(a=t.current)||void 0===a||null===(r=a.querySelector("input"))||void 0===r||r.focus(),w(!1),null==q||q(),e.stopPropagation())}),[t,q,_,g,w]),{isInFlatTable:W,setHasOpenDatePicker:z}=r.useContext(d.default);return r.useEffect((()=>{null==z||z(!!_)}),[_,z]),r.useEffect((()=>{g&&E(g)}),[g]),r.useEffect((()=>{!_&&g&&(null==M?void 0:M.getMonth())!==(null==g?void 0:g.getMonth())&&E(g)}),[M,_,g]),_?e.jsx(e.Fragment,{children:e.jsx(n.default,{placement:"bottom-start",reference:t,middleware:v,disablePortal:O,disableBackgroundUI:W,popoverStrategy:"fixed",children:e.jsxs(p.default,{id:"styled-day-picker","data-role":"date-picker",ref:L,onMouseDown:D,onKeyUp:N,onKeyDown:e=>{var r,a,l;(null===(r=L.current)||void 0===r?void 0:r.querySelector(".rdp-nav button"))===document.activeElement&&c.default.isTabKey(e)&&c.default.isShiftKey(e)&&(e.preventDefault(),w(!1),null==q||q(),null===(l=t.current)||void 0===l||null===(a=l.querySelector("input"))||void 0===a||a.focus())},role:"region","aria-label":S,"aria-labelledby":x,children:[e.jsx("div",{id:P,tabIndex:0,onFocus:()=>{var e,t;null===(t=L.current)||void 0===t||null===(e=t.querySelector("button"))||void 0===e||e.focus()}}),e.jsx(a.DayPicker,(B=b({formatters:{formatCaption:e=>`${null==C?void 0:C.month(e.getMonth())} ${e.getFullYear()}`},required:!1,weekStartsOn:T,onMonthChange:E,disabled:u.getDisabledDays(o,y),locale:{localize:b({},a.defaultLocale.localize)},selected:g,month:M||new Date,onDayClick:(e,t,r)=>{((e,t)=>{e&&(null==k||k(e,t)),null==q||q()})(e,r)},components:{Nav:m,Weekday:t=>{const{className:r,"aria-label":a}=t,l={Sunday:0,Monday:1,Tuesday:2,Wednesday:3,Thursday:4,Friday:5,Saturday:6}[a];return e.jsx(i.Weekday,{className:r,title:A[l],children:I[l]})}},fixedWeeks:!0,defaultMonth:g||void 0,onDayKeyDown:(e,r,a)=>{var l;l=a,setTimeout((()=>{if(c.default.isTabKey(l)&&!c.default.isShiftKey(l)){var e;l.preventDefault(),w(!1),null==q||q();const n=null===(e=t.current)||void 0===e?void 0:e.querySelector("input");if(n){var r,a;const e=Array.from(document.querySelectorAll(s.defaultFocusableSelectors)||[]),t=Array.from((null===(r=L.current)||void 0===r?void 0:r.querySelectorAll("button, [tabindex]"))||[]),l=e.filter((e=>-1!==Number(e.tabIndex)&&!t.includes(e))),o=l.indexOf(n)+1;null===(a=l[o])||void 0===a||a.focus()}}}),0)}},h),R={showOutsideDays:!0,mode:"single"},R=null!=R?R:{},Object.getOwnPropertyDescriptors?Object.defineProperties(B,Object.getOwnPropertyDescriptors(R)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(R)).forEach((function(e){Object.defineProperty(B,e,Object.getOwnPropertyDescriptor(R,e))})),B))]})})}):null;var B,R};g.displayName="DatePicker",exports.DatePicker=g,exports.default=g;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),e=require("@floating-ui/dom");exports.default=({isOpen:i,reference:n,floating:a,strategy:o="absolute",placement:r,middleware:s,animationFrame:l})=>{const c=t.useRef(null);t.useLayoutEffect((()=>{let t;const u=n.current,p=a.current;if(u&&p&&i){const{left:i,top:n,position:a,width:f,height:
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),e=require("@floating-ui/dom");exports.default=({isOpen:i,reference:n,floating:a,strategy:o="absolute",placement:r,middleware:s,animationFrame:l})=>{const c=t.useRef(null);t.useLayoutEffect((()=>{let t;const u=n.current,p=a.current;if(u&&p&&i){const{left:i,top:n,position:a,width:f,height:d}=p.style;c.current={left:i,top:n,position:a,width:f,height:d},Object.assign(p.style,{position:o,top:0,left:0});const m=()=>{e.computePosition(u,p,{strategy:o,middleware:s,placement:r}).then((({x:t,y:e,placement:i})=>{Object.assign(p.style,{left:`${t}px`,top:`${e}px`,position:o,"z-index":1001}),p.setAttribute("data-floating-placement",i)}))};t=e.autoUpdate(u,p,m,{animationFrame:l})}return()=>{t&&p&&(t(),t=null,Object.assign(p.style,c.current),p.removeAttribute("data-floating-placement"))}}),[i,n,a,o,s,r,l])};
|