@lets-events/react 12.0.0 → 12.1.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.
Files changed (19) hide show
  1. package/.turbo/turbo-build.log +8 -8
  2. package/CHANGELOG.md +6 -0
  3. package/dist/index.d.mts +21 -9
  4. package/dist/index.d.ts +21 -9
  5. package/dist/index.js +327 -167
  6. package/dist/index.mjs +324 -164
  7. package/package.json +1 -1
  8. package/src/components/Button/styledComponents.ts +1 -0
  9. package/src/components/Calendar/index.tsx +14 -7
  10. package/src/components/Calendar/styledComponents.ts +247 -206
  11. package/src/components/Drawer/index.tsx +76 -2
  12. package/src/components/FormFields/CalendarFormField.tsx +4 -1
  13. package/src/components/FormFields/IdentityDocumentNumberFormField.tsx +4 -7
  14. package/src/components/FormFields/MultiSelectFormField.tsx +3 -0
  15. package/src/components/FormFields/TimePickerFormField.tsx +1 -1
  16. package/src/components/MultiSelect.tsx +100 -55
  17. package/src/components/RichEditor/QuillComponent.tsx +1 -3
  18. package/src/components/TimePicker.tsx +32 -8
  19. package/src/hooks/useOnClickOutside.tsx +25 -3
package/.turbo/turbo-build.log CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
 
3
- > @lets-events/react@12.0.0 build
3
+ > @lets-events/react@12.1.0 build
4
4
  > tsup src/index.tsx --format esm,cjs --dts --external react
5
5
 
6
6
  CLI Building entry: src/index.tsx
@@ -10,12 +10,12 @@
10
10
  CLI Target: es6
11
11
  ESM Build start
12
12
  CJS Build start
13
- CJS dist/index.js 358.73 KB
14
- CJS ⚡️ Build success in 264ms
15
- ESM dist/index.mjs 345.15 KB
16
- ESM ⚡️ Build success in 265ms
13
+ ESM dist/index.mjs 350.46 KB
14
+ ESM ⚡️ Build success in 306ms
15
+ CJS dist/index.js 364.05 KB
16
+ CJS ⚡️ Build success in 316ms
17
17
  DTS Build start
18
- DTS ⚡️ Build success in 4971ms
19
- DTS dist/index.d.mts 378.77 KB
20
- DTS dist/index.d.ts 378.77 KB
18
+ DTS ⚡️ Build success in 6185ms
19
+ DTS dist/index.d.mts 379.16 KB
20
+ DTS dist/index.d.ts 379.16 KB
21
21
  ⠙
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @lets-events/react
2
2
 
3
+ ## 12.1.0
4
+
5
+ ### Minor Changes
6
+
7
+ - MultSelect, RG and RichEditor adjustment
8
+
3
9
  ## 12.0.0
4
10
 
5
11
  ### Major Changes
package/dist/index.d.mts CHANGED
@@ -4290,7 +4290,9 @@ type MenuDropdownProps = HTMLAttributes<HTMLDivElement> & {
4290
4290
  };
4291
4291
  declare function MenuDropdown({ children, isOpen, setIsOpen, }: MenuDropdownProps): react_jsx_runtime.JSX.Element;
4292
4292
 
4293
- declare const CalendarStyled: _stitches_react_types_styled_component.StyledComponent<"div", {}, {}, _stitches_react_types_css_util.CSS<{}, {
4293
+ declare const CalendarStyled: _stitches_react_types_styled_component.StyledComponent<"div", {
4294
+ expand?: boolean | "true" | undefined;
4295
+ }, {}, _stitches_react_types_css_util.CSS<{}, {
4294
4296
  colors: {
4295
4297
  brand50: string;
4296
4298
  brand100: string;
@@ -4665,12 +4667,14 @@ type CalendarProps = ComponentProps<typeof CalendarStyled> & {
4665
4667
  calendarLayout?: "label" | "dropdown" | "dropdown-months" | "dropdown-years";
4666
4668
  selected: Date | undefined;
4667
4669
  setSelected: React__default.Dispatch<React__default.SetStateAction<Date | undefined>>;
4668
- position?: "top" | "bottom";
4670
+ position?: "top" | "bottom" | "top-right" | "bottom-right";
4669
4671
  action?: boolean;
4670
4672
  actionText?: string;
4671
4673
  hasError?: boolean;
4674
+ expand?: boolean;
4675
+ allowPastDates?: boolean;
4672
4676
  };
4673
- declare function Calendar({ action, actionText, calendarLayout, selected, setSelected, position, hasError, ...props }: CalendarProps): react_jsx_runtime.JSX.Element;
4677
+ declare function Calendar({ action, actionText, calendarLayout, selected, setSelected, position, hasError, expand, allowPastDates, ...props }: CalendarProps): react_jsx_runtime.JSX.Element;
4674
4678
 
4675
4679
  declare const DrawerOverlayStyled: _stitches_react_types_styled_component.StyledComponent<"div", {}, {}, _stitches_react_types_css_util.CSS<{}, {
4676
4680
  colors: {
@@ -5053,7 +5057,9 @@ type DrawerProps = ComponentProps<typeof DrawerOverlayStyled> & {
5053
5057
  };
5054
5058
  declare function Drawer({ isOpen, onClose, width, backgroundColor, title, children, }: DrawerProps): react_jsx_runtime.JSX.Element | null;
5055
5059
 
5056
- declare const TimePickerStyled: _stitches_react_types_styled_component.StyledComponent<"div", {}, {}, _stitches_react_types_css_util.CSS<{}, {
5060
+ declare const TimePickerStyled: _stitches_react_types_styled_component.StyledComponent<"div", {
5061
+ expand?: boolean | "true" | undefined;
5062
+ }, {}, _stitches_react_types_css_util.CSS<{}, {
5057
5063
  colors: {
5058
5064
  brand50: string;
5059
5065
  brand100: string;
@@ -6903,7 +6909,9 @@ declare const InputStyled: _stitches_react_types_styled_component.StyledComponen
6903
6909
  transition: "transitions";
6904
6910
  zIndex: "zIndices";
6905
6911
  }, {}>>;
6906
- declare const TimePickerButtonStyled: _stitches_react_types_styled_component.StyledComponent<"button", {}, {}, _stitches_react_types_css_util.CSS<{}, {
6912
+ declare const TimePickerButtonStyled: _stitches_react_types_styled_component.StyledComponent<"button", {
6913
+ expand?: boolean | "true" | undefined;
6914
+ }, {}, _stitches_react_types_css_util.CSS<{}, {
6907
6915
  colors: {
6908
6916
  brand50: string;
6909
6917
  brand100: string;
@@ -7276,10 +7284,11 @@ declare const TimePickerButtonStyled: _stitches_react_types_styled_component.Sty
7276
7284
  type TimePickerProps = {
7277
7285
  selected: string | undefined;
7278
7286
  setSelected: React__default.Dispatch<React__default.SetStateAction<string | undefined>>;
7279
- position?: "bottom" | "top";
7287
+ position?: "bottom" | "top" | "top-right" | "bottom-right";
7280
7288
  hasError?: boolean;
7289
+ expand?: boolean;
7281
7290
  };
7282
- declare function TimePicker({ selected, setSelected, position, hasError, }: TimePickerProps): react_jsx_runtime.JSX.Element;
7291
+ declare function TimePicker({ selected, setSelected, position, hasError, expand, }: TimePickerProps): react_jsx_runtime.JSX.Element;
7283
7292
 
7284
7293
  declare const AlertDialogSimpleStyled: _stitches_react_types_styled_component.StyledComponent<React$1.ForwardRefExoticComponent<AlertDialog.ContentProps & React$1.RefAttributes<HTMLDivElement>>, {
7285
7294
  color?: "info" | "warning" | "error" | "success" | undefined;
@@ -12603,6 +12612,7 @@ type MultiSelectProps = ComponentProps<typeof StyledTrigger> & {
12603
12612
  singleSelect?: boolean;
12604
12613
  selectedOrientation?: "row" | "column";
12605
12614
  disabled?: boolean;
12615
+ maxHeight?: string;
12606
12616
  };
12607
12617
  declare const MultiSelect: React__default.ForwardRefExoticComponent<Omit<MultiSelectProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
12608
12618
 
@@ -14188,8 +14198,9 @@ type MultiSelectFormFieldProps = MultiSelectProps & {
14188
14198
  required?: boolean;
14189
14199
  selectedOrientation?: "row" | "column";
14190
14200
  zIndex?: string;
14201
+ maxHeight?: string;
14191
14202
  };
14192
- declare const MultiSelectFormField: ({ name, label, required, selectedOrientation, zIndex, ...rest }: MultiSelectFormFieldProps) => react_jsx_runtime.JSX.Element;
14203
+ declare const MultiSelectFormField: ({ name, label, required, selectedOrientation, zIndex, maxHeight, ...rest }: MultiSelectFormFieldProps) => react_jsx_runtime.JSX.Element;
14193
14204
 
14194
14205
  type PhoneFormFieldProps = {
14195
14206
  name: string;
@@ -14357,8 +14368,9 @@ type CalendarFormFieldProps = Omit<CalendarProps, "selected" | "setSelected"> &
14357
14368
  validate?: (value: Date | undefined) => boolean | string;
14358
14369
  validationErrorMessage?: string;
14359
14370
  rules?: Omit<RegisterOptions<FieldValues, string>, "valueAsNumber" | "valueAsDate" | "setValueAs" | "disabled">;
14371
+ allowPastDates?: boolean;
14360
14372
  };
14361
- declare const CalendarFormField: ({ name, label, required, validate, validationErrorMessage, rules, onChange, ...calendarProps }: CalendarFormFieldProps) => react_jsx_runtime.JSX.Element;
14373
+ declare const CalendarFormField: ({ name, label, required, validate, validationErrorMessage, rules, onChange, allowPastDates, ...calendarProps }: CalendarFormFieldProps) => react_jsx_runtime.JSX.Element;
14362
14374
 
14363
14375
  type TimePickerFormFieldProps = Omit<TimePickerProps, "selected" | "setSelected"> & {
14364
14376
  name: string;
package/dist/index.d.ts CHANGED
@@ -4290,7 +4290,9 @@ type MenuDropdownProps = HTMLAttributes<HTMLDivElement> & {
4290
4290
  };
4291
4291
  declare function MenuDropdown({ children, isOpen, setIsOpen, }: MenuDropdownProps): react_jsx_runtime.JSX.Element;
4292
4292
 
4293
- declare const CalendarStyled: _stitches_react_types_styled_component.StyledComponent<"div", {}, {}, _stitches_react_types_css_util.CSS<{}, {
4293
+ declare const CalendarStyled: _stitches_react_types_styled_component.StyledComponent<"div", {
4294
+ expand?: boolean | "true" | undefined;
4295
+ }, {}, _stitches_react_types_css_util.CSS<{}, {
4294
4296
  colors: {
4295
4297
  brand50: string;
4296
4298
  brand100: string;
@@ -4665,12 +4667,14 @@ type CalendarProps = ComponentProps<typeof CalendarStyled> & {
4665
4667
  calendarLayout?: "label" | "dropdown" | "dropdown-months" | "dropdown-years";
4666
4668
  selected: Date | undefined;
4667
4669
  setSelected: React__default.Dispatch<React__default.SetStateAction<Date | undefined>>;
4668
- position?: "top" | "bottom";
4670
+ position?: "top" | "bottom" | "top-right" | "bottom-right";
4669
4671
  action?: boolean;
4670
4672
  actionText?: string;
4671
4673
  hasError?: boolean;
4674
+ expand?: boolean;
4675
+ allowPastDates?: boolean;
4672
4676
  };
4673
- declare function Calendar({ action, actionText, calendarLayout, selected, setSelected, position, hasError, ...props }: CalendarProps): react_jsx_runtime.JSX.Element;
4677
+ declare function Calendar({ action, actionText, calendarLayout, selected, setSelected, position, hasError, expand, allowPastDates, ...props }: CalendarProps): react_jsx_runtime.JSX.Element;
4674
4678
 
4675
4679
  declare const DrawerOverlayStyled: _stitches_react_types_styled_component.StyledComponent<"div", {}, {}, _stitches_react_types_css_util.CSS<{}, {
4676
4680
  colors: {
@@ -5053,7 +5057,9 @@ type DrawerProps = ComponentProps<typeof DrawerOverlayStyled> & {
5053
5057
  };
5054
5058
  declare function Drawer({ isOpen, onClose, width, backgroundColor, title, children, }: DrawerProps): react_jsx_runtime.JSX.Element | null;
5055
5059
 
5056
- declare const TimePickerStyled: _stitches_react_types_styled_component.StyledComponent<"div", {}, {}, _stitches_react_types_css_util.CSS<{}, {
5060
+ declare const TimePickerStyled: _stitches_react_types_styled_component.StyledComponent<"div", {
5061
+ expand?: boolean | "true" | undefined;
5062
+ }, {}, _stitches_react_types_css_util.CSS<{}, {
5057
5063
  colors: {
5058
5064
  brand50: string;
5059
5065
  brand100: string;
@@ -6903,7 +6909,9 @@ declare const InputStyled: _stitches_react_types_styled_component.StyledComponen
6903
6909
  transition: "transitions";
6904
6910
  zIndex: "zIndices";
6905
6911
  }, {}>>;
6906
- declare const TimePickerButtonStyled: _stitches_react_types_styled_component.StyledComponent<"button", {}, {}, _stitches_react_types_css_util.CSS<{}, {
6912
+ declare const TimePickerButtonStyled: _stitches_react_types_styled_component.StyledComponent<"button", {
6913
+ expand?: boolean | "true" | undefined;
6914
+ }, {}, _stitches_react_types_css_util.CSS<{}, {
6907
6915
  colors: {
6908
6916
  brand50: string;
6909
6917
  brand100: string;
@@ -7276,10 +7284,11 @@ declare const TimePickerButtonStyled: _stitches_react_types_styled_component.Sty
7276
7284
  type TimePickerProps = {
7277
7285
  selected: string | undefined;
7278
7286
  setSelected: React__default.Dispatch<React__default.SetStateAction<string | undefined>>;
7279
- position?: "bottom" | "top";
7287
+ position?: "bottom" | "top" | "top-right" | "bottom-right";
7280
7288
  hasError?: boolean;
7289
+ expand?: boolean;
7281
7290
  };
7282
- declare function TimePicker({ selected, setSelected, position, hasError, }: TimePickerProps): react_jsx_runtime.JSX.Element;
7291
+ declare function TimePicker({ selected, setSelected, position, hasError, expand, }: TimePickerProps): react_jsx_runtime.JSX.Element;
7283
7292
 
7284
7293
  declare const AlertDialogSimpleStyled: _stitches_react_types_styled_component.StyledComponent<React$1.ForwardRefExoticComponent<AlertDialog.ContentProps & React$1.RefAttributes<HTMLDivElement>>, {
7285
7294
  color?: "info" | "warning" | "error" | "success" | undefined;
@@ -12603,6 +12612,7 @@ type MultiSelectProps = ComponentProps<typeof StyledTrigger> & {
12603
12612
  singleSelect?: boolean;
12604
12613
  selectedOrientation?: "row" | "column";
12605
12614
  disabled?: boolean;
12615
+ maxHeight?: string;
12606
12616
  };
12607
12617
  declare const MultiSelect: React__default.ForwardRefExoticComponent<Omit<MultiSelectProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
12608
12618
 
@@ -14188,8 +14198,9 @@ type MultiSelectFormFieldProps = MultiSelectProps & {
14188
14198
  required?: boolean;
14189
14199
  selectedOrientation?: "row" | "column";
14190
14200
  zIndex?: string;
14201
+ maxHeight?: string;
14191
14202
  };
14192
- declare const MultiSelectFormField: ({ name, label, required, selectedOrientation, zIndex, ...rest }: MultiSelectFormFieldProps) => react_jsx_runtime.JSX.Element;
14203
+ declare const MultiSelectFormField: ({ name, label, required, selectedOrientation, zIndex, maxHeight, ...rest }: MultiSelectFormFieldProps) => react_jsx_runtime.JSX.Element;
14193
14204
 
14194
14205
  type PhoneFormFieldProps = {
14195
14206
  name: string;
@@ -14357,8 +14368,9 @@ type CalendarFormFieldProps = Omit<CalendarProps, "selected" | "setSelected"> &
14357
14368
  validate?: (value: Date | undefined) => boolean | string;
14358
14369
  validationErrorMessage?: string;
14359
14370
  rules?: Omit<RegisterOptions<FieldValues, string>, "valueAsNumber" | "valueAsDate" | "setValueAs" | "disabled">;
14371
+ allowPastDates?: boolean;
14360
14372
  };
14361
- declare const CalendarFormField: ({ name, label, required, validate, validationErrorMessage, rules, onChange, ...calendarProps }: CalendarFormFieldProps) => react_jsx_runtime.JSX.Element;
14373
+ declare const CalendarFormField: ({ name, label, required, validate, validationErrorMessage, rules, onChange, allowPastDates, ...calendarProps }: CalendarFormFieldProps) => react_jsx_runtime.JSX.Element;
14362
14374
 
14363
14375
  type TimePickerFormFieldProps = Omit<TimePickerProps, "selected" | "setSelected"> & {
14364
14376
  name: string;