@swan-io/shared-business 4.1.1 → 4.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swan-io/shared-business",
-  "version": "4.1.1",
+  "version": "4.2.0",
   "engines": {
     "node": ">=18.0.0",
     "yarn": "^1.22.0"
@@ -32,7 +32,7 @@
     "@formatjs/intl": "^2.9.9",
     "@googlemaps/js-api-loader": "1.16.2",
     "@placekit/client-js": "^2.2.0",
-    "@swan-io/boxed": "^1.2.0",
+    "@swan-io/boxed": "^2.0.0",
     "dayjs": "^1.11.10",
     "react": "^18.2.0",
     "react-atomic-state": "^1.2.7",

package/src/components/DatePicker.js

@@ -279,8 +279,8 @@ const isDateRange = (value) => {
 };
 const isSelectedDate = (date, value) => {
     return match(value)
-        .with(Option.pattern.Some(P.select()), value => isDateEquals(value, date))
-        .with(Option.pattern.None, () => false)
+        .with(Option.P.Some(P.select()), value => isDateEquals(value, date))
+        .with(Option.P.None, () => false)
         .with(P.when(isDateRange), ({ start, end }) => {
         // if range is invalid, we don't display any selection
         if (start.isSome() && end.isSome() && isDateAfter(start.value, end.value)) {
@@ -477,7 +477,7 @@ export const DatePicker = ({ label, value, error, format, firstWeekDay, isSelect
     const ref = useRef(null);
     const [isOpened, { open, close }] = useDisclosure(false);
     const popoverId = useId();
-    return (_jsxs(_Fragment, { children: [_jsx(Box, { direction: "row", alignItems: "end", children: _jsx(LakeLabel, { label: label, style: styles.label, actions: _jsx(LakeButton, { mode: "secondary", icon: "calendar-ltr-regular", size: "small", onPress: open, ariaLabel: t("common.open") }), render: id => (_jsx(Rifm, { value: value ?? "", onChange: onChange, ...rifmDateProps, children: ({ value, onChange }) => (_jsx(LakeTextInput, { ref: ref, id: id, placeholder: format, value: value, error: error, onChange: onChange, ariaExpanded: isOpened })) })) }) }), _jsx(Popover, { id: popoverId, role: "dialog", onDismiss: close, referenceRef: ref, visible: isOpened, children: _jsx(View, { style: desktop ? styles.popoverDesktop : styles.popover, children: _jsx(DatePickerPopoverContent, { value: value, format: format, firstWeekDay: firstWeekDay, desktop: desktop, isSelectable: isSelectable, onChange: onChange }) }) })] }));
+    return (_jsxs(_Fragment, { children: [_jsx(Box, { direction: "row", alignItems: "end", children: _jsx(LakeLabel, { label: label, style: styles.label, actions: _jsx(LakeButton, { mode: "secondary", icon: "calendar-ltr-regular", size: "small", onPress: open, ariaLabel: t("common.open") }), render: id => (_jsx(Rifm, { value: value ?? "", onChange: onChange, ...rifmDateProps, children: ({ value, onChange }) => (_jsx(LakeTextInput, { ref: ref, id: id, placeholder: format, value: value, error: error, onChange: onChange, ariaExpanded: isOpened })) })) }) }), _jsx(Popover, { id: popoverId, role: "dialog", onDismiss: close, referenceRef: ref, visible: isOpened, field: true, children: _jsx(View, { style: desktop ? styles.popoverDesktop : styles.popover, children: _jsx(DatePickerPopoverContent, { value: value, format: format, firstWeekDay: firstWeekDay, desktop: desktop, isSelectable: isSelectable, onChange: onChange }) }) })] }));
 };
 export const DatePickerModal = ({ value, format, firstWeekDay, isSelectable, onChange, visible, label, cancelLabel, confirmLabel, validate, onDissmiss, }) => {
     const { desktop } = useResponsive(DATE_PICKER_MOBILE_THRESHOLD);