@rovula/ui 0.0.41 → 0.0.43

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 (12) hide show
  1. package/dist/cjs/bundle.js +1 -1
  2. package/dist/cjs/bundle.js.map +1 -1
  3. package/dist/cjs/types/components/DatePicker/DatePicker.d.ts +3 -1
  4. package/dist/cjs/types/components/DatePicker/DatePicker.stories.d.ts +8 -0
  5. package/dist/components/DatePicker/DatePicker.js +4 -4
  6. package/dist/esm/bundle.js +1 -1
  7. package/dist/esm/bundle.js.map +1 -1
  8. package/dist/esm/types/components/DatePicker/DatePicker.d.ts +3 -1
  9. package/dist/esm/types/components/DatePicker/DatePicker.stories.d.ts +8 -0
  10. package/dist/index.d.ts +6 -5
  11. package/package.json +1 -1
  12. package/src/components/DatePicker/DatePicker.tsx +5 -3
package/dist/esm/types/components/DatePicker/DatePicker.d.ts CHANGED
@@ -1,11 +1,13 @@
1
- import React, { FC } from "react";
1
+ import React, { ComponentPropsWithoutRef, FC } from "react";
2
2
  import { Calendar } from "../Calendar";
3
+ import { PopoverContent } from "../Popover/Popover";
3
4
  import { Modifiers } from "react-day-picker";
4
5
  import { InputProps } from "../TextInput/TextInput";
5
6
  type DatePickerProps = {
6
7
  date: Date | undefined;
7
8
  onSelect: (selected: Date | undefined, triggerDate: Date, modifiers: Modifiers, e: React.MouseEvent | React.KeyboardEvent) => void | undefined;
8
9
  textInputProps?: Partial<InputProps>;
10
+ popoverContentProps?: ComponentPropsWithoutRef<typeof PopoverContent>;
9
11
  } & React.ComponentPropsWithoutRef<typeof Calendar>;
10
12
  declare const DatePicker: FC<DatePickerProps>;
11
13
  export default DatePicker;
package/dist/esm/types/components/DatePicker/DatePicker.stories.d.ts CHANGED
@@ -5,6 +5,7 @@ declare const meta: {
5
5
  date: Date | undefined;
6
6
  onSelect: (selected: Date | undefined, triggerDate: Date, modifiers: import("react-day-picker").Modifiers, e: React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent<Element>) => void | undefined;
7
7
  textInputProps?: Partial<import("../..").InputProps> | undefined;
8
+ popoverContentProps?: Omit<Omit<import("@radix-ui/react-popover").PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> | undefined;
8
9
  } & import("react-day-picker").DayPickerProps>;
9
10
  tags: string[];
10
11
  parameters: {
@@ -14,6 +15,7 @@ declare const meta: {
14
15
  date: Date | undefined;
15
16
  onSelect: ((selected: Date | undefined, triggerDate: Date, modifiers: import("react-day-picker").Modifiers, e: React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent<Element>) => void | undefined) & ((selected: Date | undefined, triggerDate: Date, modifiers: import("react-day-picker").Modifiers, e: React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent<Element>) => void);
16
17
  textInputProps?: Partial<import("../..").InputProps> | undefined;
18
+ popoverContentProps?: Omit<Omit<import("@radix-ui/react-popover").PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> | undefined;
17
19
  mode: "single";
18
20
  required?: false | undefined;
19
21
  className?: string | undefined;
@@ -116,6 +118,7 @@ declare const meta: {
116
118
  date: Date | undefined;
117
119
  onSelect: ((selected: Date | undefined, triggerDate: Date, modifiers: import("react-day-picker").Modifiers, e: React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent<Element>) => void | undefined) & ((selected: Date, triggerDate: Date, modifiers: import("react-day-picker").Modifiers, e: React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent<Element>) => void | undefined);
118
120
  textInputProps?: Partial<import("../..").InputProps> | undefined;
121
+ popoverContentProps?: Omit<Omit<import("@radix-ui/react-popover").PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> | undefined;
119
122
  mode: "single";
120
123
  required: true;
121
124
  className?: string | undefined;
@@ -218,6 +221,7 @@ declare const meta: {
218
221
  date: Date | undefined;
219
222
  onSelect: ((selected: Date | undefined, triggerDate: Date, modifiers: import("react-day-picker").Modifiers, e: React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent<Element>) => void | undefined) & ((selected: Date[] | undefined, triggerDate: Date, modifiers: import("react-day-picker").Modifiers, e: React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent<Element>) => void);
220
223
  textInputProps?: Partial<import("../..").InputProps> | undefined;
224
+ popoverContentProps?: Omit<Omit<import("@radix-ui/react-popover").PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> | undefined;
221
225
  mode: "multiple";
222
226
  required?: false | undefined;
223
227
  className?: string | undefined;
@@ -322,6 +326,7 @@ declare const meta: {
322
326
  date: Date | undefined;
323
327
  onSelect: ((selected: Date | undefined, triggerDate: Date, modifiers: import("react-day-picker").Modifiers, e: React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent<Element>) => void | undefined) & ((selected: Date[], triggerDate: Date, modifiers: import("react-day-picker").Modifiers, e: React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent<Element>) => void);
324
328
  textInputProps?: Partial<import("../..").InputProps> | undefined;
329
+ popoverContentProps?: Omit<Omit<import("@radix-ui/react-popover").PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> | undefined;
325
330
  mode: "multiple";
326
331
  required: true;
327
332
  className?: string | undefined;
@@ -426,6 +431,7 @@ declare const meta: {
426
431
  date: Date | undefined;
427
432
  onSelect: ((selected: Date | undefined, triggerDate: Date, modifiers: import("react-day-picker").Modifiers, e: React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent<Element>) => void | undefined) & ((selected: import("react-day-picker").DateRange | undefined, triggerDate: Date, modifiers: import("react-day-picker").Modifiers, e: React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent<Element>) => void | undefined);
428
433
  textInputProps?: Partial<import("../..").InputProps> | undefined;
434
+ popoverContentProps?: Omit<Omit<import("@radix-ui/react-popover").PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> | undefined;
429
435
  mode: "range";
430
436
  required?: false | undefined;
431
437
  className?: string | undefined;
@@ -531,6 +537,7 @@ declare const meta: {
531
537
  date: Date | undefined;
532
538
  onSelect: ((selected: Date | undefined, triggerDate: Date, modifiers: import("react-day-picker").Modifiers, e: React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent<Element>) => void | undefined) & ((selected: import("react-day-picker").DateRange, triggerDate: Date, modifiers: import("react-day-picker").Modifiers, e: React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent<Element>) => void);
533
539
  textInputProps?: Partial<import("../..").InputProps> | undefined;
540
+ popoverContentProps?: Omit<Omit<import("@radix-ui/react-popover").PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> | undefined;
534
541
  mode: "range";
535
542
  required: true;
536
543
  className?: string | undefined;
@@ -636,6 +643,7 @@ declare const meta: {
636
643
  date: Date | undefined;
637
644
  onSelect: (selected: Date | undefined, triggerDate: Date, modifiers: import("react-day-picker").Modifiers, e: React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent<Element>) => void | undefined;
638
645
  textInputProps?: Partial<import("../..").InputProps> | undefined;
646
+ popoverContentProps?: Omit<Omit<import("@radix-ui/react-popover").PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> | undefined;
639
647
  mode?: undefined;
640
648
  required?: undefined;
641
649
  className?: string | undefined;
package/dist/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as React from 'react';
2
- import React__default, { ReactElement, ReactNode, FC } from 'react';
2
+ import React__default, { ReactElement, ReactNode, FC, ComponentPropsWithoutRef } from 'react';
3
3
  import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
4
4
  import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
5
5
  import * as LabelPrimitive from '@radix-ui/react-label';
@@ -299,17 +299,18 @@ declare namespace Calendar {
299
299
  var displayName: string;
300
300
  }
301
301
 
302
+ declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
303
+ declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
304
+ declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
305
+
302
306
  type DatePickerProps = {
303
307
  date: Date | undefined;
304
308
  onSelect: (selected: Date | undefined, triggerDate: Date, modifiers: Modifiers, e: React__default.MouseEvent | React__default.KeyboardEvent) => void | undefined;
305
309
  textInputProps?: Partial<InputProps>;
310
+ popoverContentProps?: ComponentPropsWithoutRef<typeof PopoverContent>;
306
311
  } & React__default.ComponentPropsWithoutRef<typeof Calendar>;
307
312
  declare const DatePicker: FC<DatePickerProps>;
308
313
 
309
- declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
310
- declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
311
- declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
312
-
313
314
  type LoadingProps = {
314
315
  size?: number;
315
316
  color?: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rovula/ui",
3
- "version": "0.0.41",
3
+ "version": "0.0.43",
4
4
  "main": "dist/cjs/bundle.js",
5
5
  "module": "dist/esm/bundle.js",
6
6
  "types": "dist/index.d.ts",
package/src/components/DatePicker/DatePicker.tsx CHANGED
@@ -1,6 +1,6 @@
1
1
  "use client";
2
2
 
3
- import React, { FC, useState } from "react";
3
+ import React, { ComponentPropsWithoutRef, FC, useState } from "react";
4
4
  import { CalendarIcon } from "@heroicons/react/16/solid";
5
5
 
6
6
  import { Calendar } from "../Calendar";
@@ -18,19 +18,21 @@ type DatePickerProps = {
18
18
  e: React.MouseEvent | React.KeyboardEvent
19
19
  ) => void | undefined;
20
20
  textInputProps?: Partial<InputProps>;
21
+ popoverContentProps?: ComponentPropsWithoutRef<typeof PopoverContent>;
21
22
  } & React.ComponentPropsWithoutRef<typeof Calendar>;
22
23
 
23
24
  const DatePicker: FC<DatePickerProps> = ({
24
25
  date,
25
26
  onSelect,
26
27
  textInputProps,
28
+ popoverContentProps,
27
29
  ...props
28
30
  }) => {
29
31
  const [isOpen, setIsOpen] = useState(false);
30
32
 
31
33
  return (
32
34
  <div>
33
- <Popover open={isOpen} onOpenChange={setIsOpen}>
35
+ <Popover modal open={isOpen} onOpenChange={setIsOpen}>
34
36
  <PopoverTrigger asChild>
35
37
  <div className="flex">
36
38
  <TextInput
@@ -48,7 +50,7 @@ const DatePicker: FC<DatePickerProps> = ({
48
50
  />
49
51
  </div>
50
52
  </PopoverTrigger>
51
- <PopoverContent className="w-auto p-0">
53
+ <PopoverContent className="w-auto p-0 z-[100]" {...popoverContentProps}>
52
54
  <Calendar
53
55
  defaultMonth={date}
54
56
  {...props}