@jobber/components 7.14.2 → 7.14.3
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/DatePicker-cjs.js +2 -2
- package/dist/DatePicker-es.js +2 -2
- package/dist/styles.css +7 -2
- package/package.json +2 -2
package/dist/DatePicker-cjs.js
CHANGED
|
@@ -12758,7 +12758,7 @@ function DatePicker({ onChange, onMonthChange, onOpenChange, activator, inline,
|
|
|
12758
12758
|
const { pickerRef } = useEscapeKeyToCloseDatePicker(open, ref, focusOnSelectedDate, renderInsidePortal);
|
|
12759
12759
|
const { handleChange, handleCalendarOpen, handleCalendarClose } = useDatePickerHandlers(onChange, setOpen, onOpenChange, smartAutofocus !== null && smartAutofocus !== void 0 ? smartAutofocus : true, focusOnSelectedDate);
|
|
12760
12760
|
jobberHooks.useRefocusOnActivator(smartAutofocus ? open : false);
|
|
12761
|
-
return (React.createElement("div", { className: wrapperClassName, ref: ref,
|
|
12761
|
+
return (React.createElement("div", { className: wrapperClassName, ref: ref, onKeyDown: event => {
|
|
12762
12762
|
// Stop Escape from bubbling to parent floating elements (e.g. Modal).
|
|
12763
12763
|
if (event.key === "Escape" && open) {
|
|
12764
12764
|
event.stopPropagation();
|
|
@@ -12809,7 +12809,7 @@ function useEscapeKeyToCloseDatePicker(open, ref, focusOnSelectedDate, isPortall
|
|
|
12809
12809
|
function DatePickerPortal({ portalId }) {
|
|
12810
12810
|
const nodeId = floatingUi_react.useFloatingNodeId();
|
|
12811
12811
|
const parentNodeId = floatingUi_react.useFloatingParentNodeId();
|
|
12812
|
-
const portalDiv = React.createElement("div", { id: portalId, className: styles.portalContainer });
|
|
12812
|
+
const portalDiv = (React.createElement("div", { id: portalId, className: styles.portalContainer, "data-elevation": "elevated" }));
|
|
12813
12813
|
if (parentNodeId) {
|
|
12814
12814
|
return (React.createElement(floatingUi_react.FloatingTree, null,
|
|
12815
12815
|
React.createElement(floatingUi_react.FloatingNode, { id: nodeId },
|
package/dist/DatePicker-es.js
CHANGED
|
@@ -12756,7 +12756,7 @@ function DatePicker({ onChange, onMonthChange, onOpenChange, activator, inline,
|
|
|
12756
12756
|
const { pickerRef } = useEscapeKeyToCloseDatePicker(open, ref, focusOnSelectedDate, renderInsidePortal);
|
|
12757
12757
|
const { handleChange, handleCalendarOpen, handleCalendarClose } = useDatePickerHandlers(onChange, setOpen, onOpenChange, smartAutofocus !== null && smartAutofocus !== void 0 ? smartAutofocus : true, focusOnSelectedDate);
|
|
12758
12758
|
useRefocusOnActivator(smartAutofocus ? open : false);
|
|
12759
|
-
return (React__default.createElement("div", { className: wrapperClassName, ref: ref,
|
|
12759
|
+
return (React__default.createElement("div", { className: wrapperClassName, ref: ref, onKeyDown: event => {
|
|
12760
12760
|
// Stop Escape from bubbling to parent floating elements (e.g. Modal).
|
|
12761
12761
|
if (event.key === "Escape" && open) {
|
|
12762
12762
|
event.stopPropagation();
|
|
@@ -12807,7 +12807,7 @@ function useEscapeKeyToCloseDatePicker(open, ref, focusOnSelectedDate, isPortall
|
|
|
12807
12807
|
function DatePickerPortal({ portalId }) {
|
|
12808
12808
|
const nodeId = useFloatingNodeId();
|
|
12809
12809
|
const parentNodeId = useFloatingParentNodeId();
|
|
12810
|
-
const portalDiv = React__default.createElement("div", { id: portalId, className: styles.portalContainer });
|
|
12810
|
+
const portalDiv = (React__default.createElement("div", { id: portalId, className: styles.portalContainer, "data-elevation": "elevated" }));
|
|
12811
12811
|
if (parentNodeId) {
|
|
12812
12812
|
return (React__default.createElement(FloatingTree, null,
|
|
12813
12813
|
React__default.createElement(FloatingNode, { id: nodeId },
|
package/dist/styles.css
CHANGED
|
@@ -8788,8 +8788,7 @@ h2.react-datepicker__current-month {
|
|
|
8788
8788
|
.Ma55F5Y-XhE- .react-datepicker__header {
|
|
8789
8789
|
padding: 0;
|
|
8790
8790
|
border-bottom: none;
|
|
8791
|
-
background:
|
|
8792
|
-
background: var(--color-surface);
|
|
8791
|
+
background-color: transparent;
|
|
8793
8792
|
}
|
|
8794
8793
|
|
|
8795
8794
|
.Epg-Ub8Dn9A- {
|
|
@@ -8835,6 +8834,12 @@ h2.react-datepicker__current-month {
|
|
|
8835
8834
|
background: var(--color-interactive--background);
|
|
8836
8835
|
}
|
|
8837
8836
|
|
|
8837
|
+
.Ma55F5Y-XhE- .react-datepicker__day--outside-month:last-child,
|
|
8838
|
+
.Ma55F5Y-XhE- .react-datepicker__day--outside-month:last-child:hover {
|
|
8839
|
+
border-radius: 0 0 calc(4px + (4px / 2)) 0;
|
|
8840
|
+
border-radius: 0 0 calc(var(--radius-small) + (var(--radius-small) / 2)) 0;
|
|
8841
|
+
}
|
|
8842
|
+
|
|
8838
8843
|
.Ma55F5Y-XhE- .react-datepicker__day--disabled {
|
|
8839
8844
|
color: hsl(0, 0%, 58%);
|
|
8840
8845
|
color: var(--color-disabled);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jobber/components",
|
|
3
|
-
"version": "7.14.
|
|
3
|
+
"version": "7.14.3",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/index.cjs",
|
|
@@ -583,5 +583,5 @@
|
|
|
583
583
|
"> 1%",
|
|
584
584
|
"IE 10"
|
|
585
585
|
],
|
|
586
|
-
"gitHead": "
|
|
586
|
+
"gitHead": "f1b2b9d6af409fb6ba45e91396ca75d2ac223eac"
|
|
587
587
|
}
|