npm - bits-ui - Versions diffs - 0.21.13 → 0.21.15 - Mend

bits-ui 0.21.13 → 0.21.15

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.

Files changed (401) hide show

package/dist/bits/date-range-picker/components/date-range-picker-field.svelte CHANGED Viewed

@@ -42,28 +42,17 @@ const {
     return next;
   }
 });
-$:
-  value !== void 0 && localValue.set(value);
-$:
-  placeholder !== void 0 && localPlaceholder.set(placeholder);
-$:
-  updateOption("disabled", disabled);
-$:
-  updateOption("isDateUnavailable", isDateUnavailable);
-$:
-  updateOption("granularity", granularity);
-$:
-  updateOption("hideTimeZone", hideTimeZone);
-$:
-  updateOption("hourCycle", hourCycle);
-$:
-  updateOption("locale", locale);
-$:
-  updateOption("maxValue", maxValue);
-$:
-  updateOption("minValue", minValue);
-$:
-  updateOption("readonly", readonly);
+$: value !== void 0 && localValue.set(value);
+$: placeholder !== void 0 && localPlaceholder.set(placeholder);
+$: updateOption("disabled", disabled);
+$: updateOption("isDateUnavailable", isDateUnavailable);
+$: updateOption("granularity", granularity);
+$: updateOption("hideTimeZone", hideTimeZone);
+$: updateOption("hourCycle", hourCycle);
+$: updateOption("locale", locale);
+$: updateOption("maxValue", maxValue);
+$: updateOption("minValue", minValue);
+$: updateOption("readonly", readonly);
 </script>
 <slot isInvalid={$localIsInvalid} />

package/dist/bits/date-range-picker/components/date-range-picker-field.svelte.d.ts CHANGED Viewed

@@ -44,6 +44,8 @@ declare const __propDef: {
             isInvalid: boolean;
         };
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type DateRangePickerFieldProps = typeof __propDef.props;
 export type DateRangePickerFieldEvents = typeof __propDef.events;

package/dist/bits/date-range-picker/components/date-range-picker-grid-body.svelte.d.ts CHANGED Viewed

@@ -8,6 +8,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type DateRangePickerGridBodyProps = typeof __propDef.props;
 export type DateRangePickerGridBodyEvents = typeof __propDef.events;

package/dist/bits/date-range-picker/components/date-range-picker-grid-head.svelte.d.ts CHANGED Viewed

@@ -8,6 +8,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type DateRangePickerGridHeadProps = typeof __propDef.props;
 export type DateRangePickerGridHeadEvents = typeof __propDef.events;

package/dist/bits/date-range-picker/components/date-range-picker-grid-row.svelte.d.ts CHANGED Viewed

@@ -10,6 +10,8 @@ declare const __propDef: {
             attrs: Record<string, string> | undefined;
         };
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type DateRangePickerGridRowProps = typeof __propDef.props;
 export type DateRangePickerGridRowEvents = typeof __propDef.events;

package/dist/bits/date-range-picker/components/date-range-picker-grid.svelte CHANGED Viewed

@@ -7,10 +7,8 @@ const {
   getCalendarAttrs
 } = getCtx();
 const attrs = getCalendarAttrs("grid");
-$:
-  builder = $grid;
-$:
-  Object.assign(builder, attrs);
+$: builder = $grid;
+$: Object.assign(builder, attrs);
 </script>
 {#if asChild}

package/dist/bits/date-range-picker/components/date-range-picker-grid.svelte.d.ts CHANGED Viewed

@@ -21,6 +21,8 @@ declare const __propDef: {
             };
         };
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type DateRangePickerGridProps = typeof __propDef.props;
 export type DateRangePickerGridEvents = typeof __propDef.events;

package/dist/bits/date-range-picker/components/date-range-picker-head-cell.svelte.d.ts CHANGED Viewed

@@ -8,6 +8,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type DateRangePickerHeadCellProps = typeof __propDef.props;
 export type DateRangePickerHeadCellEvents = typeof __propDef.events;

package/dist/bits/date-range-picker/components/date-range-picker-header.svelte.d.ts CHANGED Viewed

@@ -10,6 +10,8 @@ declare const __propDef: {
             attrs: Record<string, string> | undefined;
         };
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type DateRangePickerHeaderProps = typeof __propDef.props;
 export type DateRangePickerHeaderEvents = typeof __propDef.events;

package/dist/bits/date-range-picker/components/date-range-picker-heading.svelte CHANGED Viewed

@@ -8,10 +8,8 @@ const {
   getCalendarAttrs
 } = getCtx();
 const attrs = getCalendarAttrs("heading");
-$:
-  builder = $heading;
-$:
-  Object.assign(builder, attrs);
+$: builder = $heading;
+$: Object.assign(builder, attrs);
 </script>
 {#if asChild}

package/dist/bits/date-range-picker/components/date-range-picker-heading.svelte.d.ts CHANGED Viewed

@@ -18,6 +18,8 @@ declare const __propDef: {
             headingValue: string;
         };
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type DateRangePickerHeadingProps = typeof __propDef.props;
 export type DateRangePickerHeadingEvents = typeof __propDef.events;

package/dist/bits/date-range-picker/components/date-range-picker-input.svelte CHANGED Viewed

@@ -9,15 +9,12 @@ const {
   ids,
   getFieldAttrs
 } = getCtx();
-$:
-  if (id) {
-    ids.rangeField.field.field.set(id);
-  }
+$: if (id) {
+  ids.rangeField.field.field.set(id);
+}
 const attrs = getFieldAttrs("input");
-$:
-  builder = $field;
-$:
-  Object.assign(builder, attrs);
+$: builder = $field;
+$: Object.assign(builder, attrs);
 </script>
 {#if asChild}

package/dist/bits/date-range-picker/components/date-range-picker-input.svelte.d.ts CHANGED Viewed

@@ -32,6 +32,8 @@ declare const __propDef: {
             };
         };
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type DateRangePickerInputProps = typeof __propDef.props;
 export type DateRangePickerInputEvents = typeof __propDef.events;

package/dist/bits/date-range-picker/components/date-range-picker-label.svelte CHANGED Viewed

@@ -12,10 +12,8 @@ if (id) {
   ids.rangeField.field.label.set(id);
 }
 const attrs = getFieldAttrs("label");
-$:
-  builder = $label;
-$:
-  Object.assign(builder, attrs);
+$: builder = $label;
+$: Object.assign(builder, attrs);
 </script>
 {#if asChild}

package/dist/bits/date-range-picker/components/date-range-picker-label.svelte.d.ts CHANGED Viewed

@@ -20,6 +20,8 @@ declare const __propDef: {
             };
         };
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type DateRangePickerLabelProps = typeof __propDef.props;
 export type DateRangePickerLabelEvents = typeof __propDef.events;

package/dist/bits/date-range-picker/components/date-range-picker-next-button.svelte CHANGED Viewed

@@ -7,10 +7,8 @@ const {
   getCalendarAttrs
 } = getCtx();
 const attrs = getCalendarAttrs("next-button");
-$:
-  builder = $nextButton;
-$:
-  Object.assign(builder, attrs);
+$: builder = $nextButton;
+$: Object.assign(builder, attrs);
 </script>
 {#if asChild}

package/dist/bits/date-range-picker/components/date-range-picker-next-button.svelte.d.ts CHANGED Viewed

@@ -21,6 +21,8 @@ declare const __propDef: {
             };
         };
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type DateRangePickerNextButtonProps = typeof __propDef.props;
 export type DateRangePickerNextButtonEvents = typeof __propDef.events;

package/dist/bits/date-range-picker/components/date-range-picker-prev-button.svelte CHANGED Viewed

@@ -7,10 +7,8 @@ const {
   getCalendarAttrs
 } = getCtx();
 const attrs = getCalendarAttrs("prev-button");
-$:
-  builder = $prevButton;
-$:
-  Object.assign(builder, attrs);
+$: builder = $prevButton;
+$: Object.assign(builder, attrs);
 </script>
 {#if asChild}

package/dist/bits/date-range-picker/components/date-range-picker-prev-button.svelte.d.ts CHANGED Viewed

@@ -21,6 +21,8 @@ declare const __propDef: {
             };
         };
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type DateRangePickerPrevButtonProps = typeof __propDef.props;
 export type DateRangePickerPrevButtonEvents = typeof __propDef.events;

package/dist/bits/date-range-picker/components/date-range-picker-segment.svelte CHANGED Viewed

@@ -10,19 +10,16 @@ const {
   ids,
   getFieldAttrs
 } = getCtx();
-$:
-  if (id && part !== "literal") {
-    if (type === "start") {
-      ids.rangeField.start[part].set(id);
-    } else {
-      ids.rangeField.end[part].set(id);
-    }
+$: if (id && part !== "literal") {
+  if (type === "start") {
+    ids.rangeField.start[part].set(id);
+  } else {
+    ids.rangeField.end[part].set(id);
   }
+}
 const attrs = getFieldAttrs("segment");
-$:
-  builder = type === "start" ? $startSegment(part) : $endSegment(part);
-$:
-  Object.assign(builder, attrs);
+$: builder = type === "start" ? $startSegment(part) : $endSegment(part);
+$: Object.assign(builder, attrs);
 </script>
 {#if asChild}

package/dist/bits/date-range-picker/components/date-range-picker-segment.svelte.d.ts CHANGED Viewed

@@ -17,10 +17,12 @@ declare const __propDef: {
             } & {
                 [x: `data-melt-${string}`]: "";
             } & {
-                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusout">;
+                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "focusout" | "keydown">;
             };
         };
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type DateRangePickerSegmentProps = typeof __propDef.props;
 export type DateRangePickerSegmentEvents = typeof __propDef.events;

package/dist/bits/date-range-picker/components/date-range-picker-trigger.svelte CHANGED Viewed

@@ -11,14 +11,11 @@ const {
 } = getCtx();
 const dispatch = createDispatcher();
 const attrs = getPopoverAttrs("trigger");
-$:
-  if (id) {
-    ids.popover.trigger.set(id);
-  }
-$:
-  builder = $trigger;
-$:
-  Object.assign(builder, attrs);
+$: if (id) {
+  ids.popover.trigger.set(id);
+}
+$: builder = $trigger;
+$: Object.assign(builder, attrs);
 </script>
 {#if asChild}

package/dist/bits/date-range-picker/components/date-range-picker-trigger.svelte.d.ts CHANGED Viewed

@@ -17,7 +17,7 @@ declare const __propDef: {
             } & {
                 "data-melt-popover-trigger": "";
             } & {
-                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">;
+                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<import("@melt-ui/svelte/dist/builders/date-range-picker/events.js").DateRangePickerEvents["trigger"]>;
             };
         };
     };

package/dist/bits/date-range-picker/components/date-range-picker.svelte CHANGED Viewed

@@ -1,5 +1,8 @@
 <script>import { derived } from "svelte/store";
 import { setCtx } from "../ctx.js";
+export let open = void 0;
+export let onOpenChange = void 0;
+export let portal = void 0;
 export let value = void 0;
 export let onValueChange = void 0;
 export let placeholder = void 0;
@@ -27,6 +30,7 @@ export let numberOfMonths = void 0;
 export let onOutsideClick = void 0;
 const {
   states: {
+    open: localOpen,
     value: localValue,
     placeholder: localPlaceholder,
     isInvalid: localIsInvalid,
@@ -36,6 +40,7 @@ const {
   updateOption,
   ids
 } = setCtx({
+  defaultOpen: open,
   defaultValue: value,
   defaultPlaceholder: placeholder,
   preventDeselect,
@@ -44,6 +49,7 @@ const {
   isDateDisabled,
   fixedWeeks,
   calendarLabel,
+  portal,
   disabled,
   granularity,
   hideTimeZone,
@@ -69,6 +75,13 @@ const {
       placeholder = next;
     }
     return next;
+  },
+  onOpenChange: ({ next }) => {
+    if (open !== next) {
+      onOpenChange?.(next);
+      open = next;
+    }
+    return next;
   }
 });
 const startFieldIds = derived(
@@ -169,63 +182,40 @@ const idValues = derived(
     endField: $endFieldIds
   })
 );
-$:
-  if (validationId) {
-    ids.rangeField.field.validation.set(validationId);
-  }
-$:
-  if (descriptionId) {
-    ids.rangeField.field.description.set(descriptionId);
-  }
-$:
-  startValue = $localStartValue;
-$:
-  if (value !== $localValue) {
-    const nextValue = { start: value?.start, end: value?.end };
-    if (nextValue.start !== $localStartValue)
-      localStartValue.set(nextValue.start);
-    if (nextValue.end !== $localEndValue)
-      localEndValue.set(nextValue.end);
-    localValue.set(nextValue);
-  }
-$:
-  placeholder !== void 0 && localPlaceholder.set(placeholder);
-$:
-  updateOption("disabled", disabled);
-$:
-  updateOption("isDateUnavailable", isDateUnavailable);
-$:
-  updateOption("granularity", granularity);
-$:
-  updateOption("hideTimeZone", hideTimeZone);
-$:
-  updateOption("hourCycle", hourCycle);
-$:
-  updateOption("locale", locale);
-$:
-  updateOption("maxValue", maxValue);
-$:
-  updateOption("minValue", minValue);
-$:
-  updateOption("readonly", readonly);
-$:
-  updateOption("fixedWeeks", fixedWeeks);
-$:
-  updateOption("preventDeselect", preventDeselect);
-$:
-  updateOption("pagedNavigation", pagedNavigation);
-$:
-  updateOption("weekStartsOn", weekStartsOn);
-$:
-  updateOption("isDateDisabled", isDateDisabled);
-$:
-  updateOption("calendarLabel", calendarLabel);
-$:
-  updateOption("weekdayFormat", weekdayFormat);
-$:
-  updateOption("numberOfMonths", numberOfMonths);
-$:
-  updateOption("onOutsideClick", onOutsideClick);
+$: if (validationId) {
+  ids.rangeField.field.validation.set(validationId);
+}
+$: if (descriptionId) {
+  ids.rangeField.field.description.set(descriptionId);
+}
+$: startValue = $localStartValue;
+$: if (value !== $localValue) {
+  const nextValue = { start: value?.start, end: value?.end };
+  if (nextValue.start !== $localStartValue) localStartValue.set(nextValue.start);
+  if (nextValue.end !== $localEndValue) localEndValue.set(nextValue.end);
+  localValue.set(nextValue);
+}
+$: placeholder !== void 0 && localPlaceholder.set(placeholder);
+$: open !== void 0 && localOpen.set(open);
+$: updateOption("disabled", disabled);
+$: updateOption("isDateUnavailable", isDateUnavailable);
+$: updateOption("granularity", granularity);
+$: updateOption("hideTimeZone", hideTimeZone);
+$: updateOption("hourCycle", hourCycle);
+$: updateOption("locale", locale);
+$: updateOption("maxValue", maxValue);
+$: updateOption("minValue", minValue);
+$: updateOption("readonly", readonly);
+$: updateOption("fixedWeeks", fixedWeeks);
+$: updateOption("preventDeselect", preventDeselect);
+$: updateOption("pagedNavigation", pagedNavigation);
+$: updateOption("weekStartsOn", weekStartsOn);
+$: updateOption("isDateDisabled", isDateDisabled);
+$: updateOption("calendarLabel", calendarLabel);
+$: updateOption("weekdayFormat", weekdayFormat);
+$: updateOption("numberOfMonths", numberOfMonths);
+$: updateOption("onOutsideClick", onOutsideClick);
+$: updateOption("portal", portal);
 </script>
 <slot

package/dist/bits/date-range-picker/components/date-range-picker.svelte.d.ts CHANGED Viewed

@@ -75,6 +75,8 @@ declare const __propDef: {
             endValue: import("@internationalized/date").DateValue | undefined;
         };
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type DateRangePickerProps = typeof __propDef.props;
 export type DateRangePickerEvents = typeof __propDef.events;