@northlight/ui 2.43.2 → 2.43.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/es/northlight.d.ts +1 -0
- package/dist/es/northlight.js +10 -8
- package/dist/es/northlight.js.map +1 -1
- package/dist/sandbox/index.cjs +9 -7
- package/dist/sandbox/index.cjs.map +1 -1
- package/dist/sandbox/index.js +9 -7
- package/dist/sandbox/index.js.map +1 -1
- package/dist/umd/northlight.cjs +10 -8
- 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/lib/components/date-picker/components/date-field/types.ts +3 -8
- package/lib/components/date-picker/date-picker/date-picker.tsx +4 -2
- package/lib/components/date-picker/date-picker/date-range-picker.tsx +3 -4
- package/lib/components/date-picker/types.ts +3 -1
- package/package.json +2 -2
package/dist/es/northlight.d.ts
CHANGED
|
@@ -1274,6 +1274,7 @@ interface DatePickerSettings {
|
|
|
1274
1274
|
variant?: 'outline' | 'filled';
|
|
1275
1275
|
}
|
|
1276
1276
|
interface DatePickerProps extends Omit<AriaDatePickerProps<DateValue>, 'firstDayOfWeek'>, DatePickerSettings {
|
|
1277
|
+
'data-testid': string;
|
|
1277
1278
|
}
|
|
1278
1279
|
interface DateRangePickerProps extends Omit<AriaDateRangePickerProps<DateValue>, 'firstDayOfWeek' | 'onChange' | 'value' | 'minValue' | 'maxValue'>, DatePickerSettings {
|
|
1279
1280
|
/**
|
package/dist/es/northlight.js
CHANGED
|
@@ -7328,6 +7328,7 @@ var __objRest$1h = (source, exclude) => {
|
|
|
7328
7328
|
};
|
|
7329
7329
|
const DatePicker = (props) => {
|
|
7330
7330
|
const {
|
|
7331
|
+
"data-testid": dataTestId,
|
|
7331
7332
|
isDisabled,
|
|
7332
7333
|
isClearable = true,
|
|
7333
7334
|
resetDate,
|
|
@@ -7524,7 +7525,7 @@ const DatePicker = (props) => {
|
|
|
7524
7525
|
closeOnBlur: false,
|
|
7525
7526
|
placement: "bottom-end"
|
|
7526
7527
|
},
|
|
7527
|
-
/* @__PURE__ */ React.createElement(PopoverAnchor, null, /* @__PURE__ */ React.createElement(HStack, { minW: 56 }, /* @__PURE__ */ React.createElement(
|
|
7528
|
+
/* @__PURE__ */ React.createElement(PopoverAnchor, null, /* @__PURE__ */ React.createElement(HStack, { minW: 56, "data-testid": dataTestId }, /* @__PURE__ */ React.createElement(
|
|
7528
7529
|
InputGroup,
|
|
7529
7530
|
{
|
|
7530
7531
|
role: groupRole,
|
|
@@ -7548,7 +7549,7 @@ const DatePicker = (props) => {
|
|
|
7548
7549
|
isInvalid,
|
|
7549
7550
|
variant
|
|
7550
7551
|
},
|
|
7551
|
-
/* @__PURE__ */ React.createElement(Box, { paddingInlineStart: "1a", paddingInlineEnd: 10 }, /* @__PURE__ */ React.createElement(
|
|
7552
|
+
/* @__PURE__ */ React.createElement(Box, { paddingInlineStart: "1a", "data-testid": "date-picker-input-field", paddingInlineEnd: 10 }, /* @__PURE__ */ React.createElement(
|
|
7552
7553
|
DateField,
|
|
7553
7554
|
__spreadProps$h(__spreadValues$1v({}, restFieldProps), {
|
|
7554
7555
|
id: fieldId,
|
|
@@ -7577,7 +7578,8 @@ const DatePicker = (props) => {
|
|
|
7577
7578
|
InputRightElement,
|
|
7578
7579
|
{
|
|
7579
7580
|
sx: { height: "100%", paddingRight: "1" },
|
|
7580
|
-
zIndex: 0
|
|
7581
|
+
zIndex: 0,
|
|
7582
|
+
"data-testid": "date-picker-trigger"
|
|
7581
7583
|
},
|
|
7582
7584
|
/* @__PURE__ */ React.createElement(
|
|
7583
7585
|
Trigger,
|
|
@@ -8369,7 +8371,7 @@ const DateRangePicker = (props) => {
|
|
|
8369
8371
|
dialogProps,
|
|
8370
8372
|
calendarProps
|
|
8371
8373
|
} = useDateRangePicker(
|
|
8372
|
-
|
|
8374
|
+
{
|
|
8373
8375
|
onChange: (date) => {
|
|
8374
8376
|
onChangeCallback({
|
|
8375
8377
|
startDate: date == null ? void 0 : date.start.toString(),
|
|
@@ -8387,7 +8389,7 @@ const DateRangePicker = (props) => {
|
|
|
8387
8389
|
startName,
|
|
8388
8390
|
endName,
|
|
8389
8391
|
"aria-label": "Date range picker"
|
|
8390
|
-
},
|
|
8392
|
+
},
|
|
8391
8393
|
state,
|
|
8392
8394
|
ref
|
|
8393
8395
|
);
|
|
@@ -8567,7 +8569,7 @@ const DateRangePicker = (props) => {
|
|
|
8567
8569
|
closeOnBlur: false,
|
|
8568
8570
|
placement: "bottom-start"
|
|
8569
8571
|
},
|
|
8570
|
-
/* @__PURE__ */ React.createElement(PopoverAnchor, null, /* @__PURE__ */ React.createElement(HStack,
|
|
8572
|
+
/* @__PURE__ */ React.createElement(PopoverAnchor, null, /* @__PURE__ */ React.createElement(HStack, { "data-testid": dataTestId }, /* @__PURE__ */ React.createElement(
|
|
8571
8573
|
InputGroup,
|
|
8572
8574
|
{
|
|
8573
8575
|
role: groupRole,
|
|
@@ -8591,7 +8593,7 @@ const DateRangePicker = (props) => {
|
|
|
8591
8593
|
isInvalid,
|
|
8592
8594
|
variant
|
|
8593
8595
|
},
|
|
8594
|
-
/* @__PURE__ */ React.createElement(HStack, { paddingInlineStart: "1a", paddingInlineEnd: 10 }, /* @__PURE__ */ React.createElement(
|
|
8596
|
+
/* @__PURE__ */ React.createElement(HStack, { paddingInlineStart: "1a", "data-test-id": "daterange-picker-input-field", paddingInlineEnd: 10 }, /* @__PURE__ */ React.createElement(
|
|
8595
8597
|
DateField,
|
|
8596
8598
|
__spreadProps$g(__spreadValues$1r({}, restStartFieldProps), {
|
|
8597
8599
|
id: startFieldId,
|
|
@@ -8638,7 +8640,7 @@ const DateRangePicker = (props) => {
|
|
|
8638
8640
|
})
|
|
8639
8641
|
))
|
|
8640
8642
|
),
|
|
8641
|
-
/* @__PURE__ */ React.createElement(InputRightElement, { sx: { height: "100%", paddingRight: "1" } }, /* @__PURE__ */ React.createElement(
|
|
8643
|
+
/* @__PURE__ */ React.createElement(InputRightElement, { "data-test-id": "daterange-picker-trigger", sx: { height: "100%", paddingRight: "1" } }, /* @__PURE__ */ React.createElement(
|
|
8642
8644
|
Trigger,
|
|
8643
8645
|
{
|
|
8644
8646
|
id: buttonId,
|