@northlight/ui 2.24.5 → 2.25.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/es/northlight.d.ts +8 -1
- package/dist/es/northlight.js +15 -3
- package/dist/es/northlight.js.map +1 -1
- package/dist/umd/northlight.cjs +15 -3
- package/dist/umd/northlight.cjs.map +1 -1
- package/dist/umd/northlight.min.cjs +3 -3
- package/dist/umd/northlight.min.cjs.map +1 -1
- package/package.json +2 -2
package/dist/umd/northlight.cjs
CHANGED
|
@@ -7196,6 +7196,15 @@
|
|
|
7196
7196
|
return null;
|
|
7197
7197
|
return { start: date.parseDate(value.startDate), end: date.parseDate(value.endDate) };
|
|
7198
7198
|
};
|
|
7199
|
+
const PortalWrapper = ({
|
|
7200
|
+
renderInPortal,
|
|
7201
|
+
children
|
|
7202
|
+
}) => {
|
|
7203
|
+
if (renderInPortal) {
|
|
7204
|
+
return /* @__PURE__ */ React.createElement(react.Portal, null, children);
|
|
7205
|
+
}
|
|
7206
|
+
return /* @__PURE__ */ React.createElement(React.Fragment, null, children);
|
|
7207
|
+
};
|
|
7199
7208
|
const DateRangePicker = (props) => {
|
|
7200
7209
|
const {
|
|
7201
7210
|
isDisabled,
|
|
@@ -7209,7 +7218,8 @@
|
|
|
7209
7218
|
onChange: onChangeCallback = ramda.identity,
|
|
7210
7219
|
value,
|
|
7211
7220
|
minValue = "1994-03-08",
|
|
7212
|
-
maxValue
|
|
7221
|
+
maxValue,
|
|
7222
|
+
renderInPortal = false
|
|
7213
7223
|
} = props;
|
|
7214
7224
|
const ref = React.useRef();
|
|
7215
7225
|
const { group } = react.useMultiStyleConfig("DatePicker");
|
|
@@ -7280,7 +7290,7 @@
|
|
|
7280
7290
|
icon: /* @__PURE__ */ React.createElement(Icon$1, { as: icons.XCloseSolid })
|
|
7281
7291
|
}
|
|
7282
7292
|
))),
|
|
7283
|
-
/* @__PURE__ */ React.createElement(
|
|
7293
|
+
/* @__PURE__ */ React.createElement(PortalWrapper, { renderInPortal }, state.isOpen && /* @__PURE__ */ React.createElement(react.PopoverContent, __spreadProps$d(__spreadValues$1o({}, dialogProps), { ref, w: "max-content" }), /* @__PURE__ */ React.createElement(focus.FocusScope, { contain: true, restoreFocus: true }, /* @__PURE__ */ React.createElement(
|
|
7284
7294
|
RangeCalendar,
|
|
7285
7295
|
__spreadProps$d(__spreadValues$1o({}, calendarProps), {
|
|
7286
7296
|
resetDate,
|
|
@@ -13852,7 +13862,8 @@
|
|
|
13852
13862
|
onOptionChange,
|
|
13853
13863
|
width = "100%",
|
|
13854
13864
|
variant = "outline",
|
|
13855
|
-
initialValue
|
|
13865
|
+
initialValue,
|
|
13866
|
+
menuPlacement = "bottom"
|
|
13856
13867
|
}) => {
|
|
13857
13868
|
const initialSelectedOption = React.useMemo(
|
|
13858
13869
|
() => {
|
|
@@ -13925,6 +13936,7 @@
|
|
|
13925
13936
|
return /* @__PURE__ */ React.createElement(react.Box, { ref }, /* @__PURE__ */ React.createElement(
|
|
13926
13937
|
chakraReactSelect.CreatableSelect,
|
|
13927
13938
|
{
|
|
13939
|
+
menuPlacement,
|
|
13928
13940
|
chakraStyles: __spreadProps(__spreadValues({}, customSelectStyles), {
|
|
13929
13941
|
container: (provided) => __spreadProps(__spreadValues({}, provided), {
|
|
13930
13942
|
width
|