colibri-ui 0.8.91 → 0.8.92

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.
@@ -1,5 +1,5 @@
1
1
  import type React from "react";
2
- export interface BaseImageContainerProps {
2
+ interface BaseImageContainerProps {
3
3
  fallbackSrc?: string;
4
4
  ariaLabel?: string;
5
5
  sources?: React.SourceHTMLAttributes<HTMLSourceElement>[];
@@ -8,3 +8,4 @@ export interface BaseImageContainerProps {
8
8
  export interface ImageProps extends BaseImageContainerProps, React.ImgHTMLAttributes<HTMLImageElement> {
9
9
  ref?: React.Ref<HTMLImageElement>;
10
10
  }
11
+ export {};
@@ -1,12 +1,12 @@
1
1
  import type { ReactNode } from "react";
2
2
  import type { GroupProps } from "../../index.props";
3
- export interface IOption {
3
+ interface IOption {
4
4
  selected: boolean;
5
5
  value: string;
6
6
  label: ReactNode;
7
7
  disabled?: boolean;
8
8
  }
9
- export type MenuOverlayGroup = Omit<GroupProps, "options" | "value"> & {
9
+ type MenuOverlayGroup = Omit<GroupProps, "options" | "value"> & {
10
10
  options: IOption[];
11
11
  value: string;
12
12
  };
@@ -14,3 +14,4 @@ export type MenuOverlayProps = {
14
14
  groups: MenuOverlayGroup[];
15
15
  onChange: (key: string) => void;
16
16
  };
17
+ export {};
@@ -1,5 +1,5 @@
1
1
  import type { ReactNode } from "react";
2
- export interface MenuOverlayOption<T extends string> {
2
+ interface MenuOverlayOption<T extends string> {
3
3
  value: T;
4
4
  label: ReactNode;
5
5
  selected: boolean;
@@ -9,3 +9,4 @@ export interface MenuOverlayProps<T extends string> {
9
9
  options: MenuOverlayOption<T>[];
10
10
  onChange: (value: T) => void;
11
11
  }
12
+ export {};
@@ -2,11 +2,6 @@ export type Timestamp = {
2
2
  time: string;
3
3
  disabled?: boolean;
4
4
  };
5
- export declare const DEFAULT_TIME: {
6
- index: number;
7
- time: string;
8
- };
9
- export declare const formatTime: (date: Date) => string;
10
5
  export declare const generateSuggest: (interval?: number) => Timestamp[];
11
6
  export declare const checkIsBeforeNow: (time: string, currentDate?: Date | null) => boolean;
12
7
  export declare const checkIsBeforeSelectedDate: (time: string, interval: number, date?: Date | null) => boolean;
@@ -4,10 +4,6 @@ var dateFns = require('date-fns');
4
4
 
5
5
  const day = new Date();
6
6
  day.setHours(24, 0, 0, 0);
7
- const DEFAULT_TIME = {
8
- index: 24,
9
- time: "12:00"
10
- };
11
7
  const formatTime = date => dateFns.format(date, "HH:mm");
12
8
  const generateSuggest = (interval = 15) => new Array(24 * 60 / interval).fill(null).map((_, index) => {
13
9
  const date = dateFns.addMinutes(day, index * interval);
@@ -43,9 +39,7 @@ const isTimeInRange = (timeString, range) => {
43
39
  return totalMinutes >= startTotalMinutes && totalMinutes <= endTotalMinutes;
44
40
  };
45
41
 
46
- exports.DEFAULT_TIME = DEFAULT_TIME;
47
42
  exports.checkIsBeforeNow = checkIsBeforeNow;
48
43
  exports.checkIsBeforeSelectedDate = checkIsBeforeSelectedDate;
49
- exports.formatTime = formatTime;
50
44
  exports.generateSuggest = generateSuggest;
51
45
  exports.isTimeInRange = isTimeInRange;
@@ -1,5 +1,5 @@
1
1
  import type React from "react";
2
- export interface BaseImageContainerProps {
2
+ interface BaseImageContainerProps {
3
3
  fallbackSrc?: string;
4
4
  ariaLabel?: string;
5
5
  sources?: React.SourceHTMLAttributes<HTMLSourceElement>[];
@@ -8,3 +8,4 @@ export interface BaseImageContainerProps {
8
8
  export interface ImageProps extends BaseImageContainerProps, React.ImgHTMLAttributes<HTMLImageElement> {
9
9
  ref?: React.Ref<HTMLImageElement>;
10
10
  }
11
+ export {};
@@ -1,12 +1,12 @@
1
1
  import type { ReactNode } from "react";
2
2
  import type { GroupProps } from "../../index.props";
3
- export interface IOption {
3
+ interface IOption {
4
4
  selected: boolean;
5
5
  value: string;
6
6
  label: ReactNode;
7
7
  disabled?: boolean;
8
8
  }
9
- export type MenuOverlayGroup = Omit<GroupProps, "options" | "value"> & {
9
+ type MenuOverlayGroup = Omit<GroupProps, "options" | "value"> & {
10
10
  options: IOption[];
11
11
  value: string;
12
12
  };
@@ -14,3 +14,4 @@ export type MenuOverlayProps = {
14
14
  groups: MenuOverlayGroup[];
15
15
  onChange: (key: string) => void;
16
16
  };
17
+ export {};
@@ -1,5 +1,5 @@
1
1
  import type { ReactNode } from "react";
2
- export interface MenuOverlayOption<T extends string> {
2
+ interface MenuOverlayOption<T extends string> {
3
3
  value: T;
4
4
  label: ReactNode;
5
5
  selected: boolean;
@@ -9,3 +9,4 @@ export interface MenuOverlayProps<T extends string> {
9
9
  options: MenuOverlayOption<T>[];
10
10
  onChange: (value: T) => void;
11
11
  }
12
+ export {};
@@ -2,11 +2,6 @@ export type Timestamp = {
2
2
  time: string;
3
3
  disabled?: boolean;
4
4
  };
5
- export declare const DEFAULT_TIME: {
6
- index: number;
7
- time: string;
8
- };
9
- export declare const formatTime: (date: Date) => string;
10
5
  export declare const generateSuggest: (interval?: number) => Timestamp[];
11
6
  export declare const checkIsBeforeNow: (time: string, currentDate?: Date | null) => boolean;
12
7
  export declare const checkIsBeforeSelectedDate: (time: string, interval: number, date?: Date | null) => boolean;
@@ -37,4 +37,4 @@ const isTimeInRange = (timeString, range) => {
37
37
  return totalMinutes >= startTotalMinutes && totalMinutes <= endTotalMinutes;
38
38
  };
39
39
 
40
- export { checkIsBeforeNow, checkIsBeforeSelectedDate, formatTime, generateSuggest, isTimeInRange };
40
+ export { checkIsBeforeNow, checkIsBeforeSelectedDate, generateSuggest, isTimeInRange };
@@ -1,12 +1,5 @@
1
1
  type DateFormat = string | Date;
2
2
  export declare const parse: (dateInput: DateFormat) => Date;
3
- export declare const getUpperMonthName: (date: DateFormat) => string;
4
- export declare const getShortWeekDayNameByIndex: (index: number) => string;
5
- export declare const shiftDate: (date: Date, days: number) => Date;
6
- export declare const isSameMonthAndYear: (date: Date, otherDate: Date) => boolean;
7
3
  export declare const toISODate: (date: Date) => string;
8
4
  export declare const toDMYDate: (dateISO: string) => string;
9
- export declare const getPeriodDates: (startDate: DateFormat, period?: number) => string;
10
- export declare const clearTime: (date: Date) => Date;
11
- export declare const getDaysDiff: (dateStart: Date, dateEnd: Date) => number;
12
5
  export {};
@@ -1,5 +1,4 @@
1
1
  import { parseISO, isValid, format } from 'date-fns';
2
- import 'date-fns/locale';
3
2
 
4
3
  // Helper to parse date strings with fallback
5
4
  const parse = dateInput => {
@@ -1,5 +1,5 @@
1
1
  import type { Media } from "../../Theme/breakpoints";
2
- export type QueryInputFunction = (breakpoints: Media) => string;
2
+ type QueryInputFunction = (breakpoints: Media) => string;
3
3
  type QueryInput = QueryInputFunction | string;
4
4
  /**
5
5
  * Returns whether the media query matches.
package/esm/index.d.ts CHANGED
@@ -21,7 +21,7 @@ export type { CodeErrorBehavior, CodeFieldProps, CodeFieldShape, CodeFieldSize,
21
21
  export { Counter } from "./Counter";
22
22
  export type { CounterProps } from "./Counter/index.props";
23
23
  export { Datepicker } from "./Datepicker";
24
- export type { Props as DatepickerProps } from "./Datepicker/index.props";
24
+ export type { Props as DatepickerProps, DatepickerSelectionMode, } from "./Datepicker/index.props";
25
25
  export { DotsLoader } from "./DotsLoader";
26
26
  export type { DotsLoaderProps } from "./DotsLoader/index.props";
27
27
  export { Drawer, DrawerContent, DrawerFooter, DrawerHeader } from "./Drawer";
@@ -29,11 +29,11 @@ export type { DrawerAnimationInfo, DrawerClosePlacement, DrawerContentProps, Dra
29
29
  export { Dropzone } from "./Dropzone";
30
30
  export type { DropzoneFileHandler, DropzoneFileResult, DropzoneProps, DropzoneValidator, } from "./Dropzone";
31
31
  export { Dropdown } from "./Dropdown";
32
- export type { DropdownProps } from "./Dropdown/index.props";
32
+ export type { DropdownProps, Trigger as DropdownTrigger, } from "./Dropdown/index.props";
33
33
  export { Editable } from "./Editable";
34
34
  export type { EditableProps } from "./Editable";
35
35
  export { Grid } from "./Grid";
36
- export type { GridProps } from "./Grid/index.props";
36
+ export type { GridProps, Space as GridSpace } from "./Grid/index.props";
37
37
  export { GridItem } from "./Grid/Item";
38
38
  export type { GridItemProps } from "./Grid/Item/index.props";
39
39
  export { Image } from "./Image";
@@ -71,7 +71,7 @@ export type { RectProps as SkeletonRectProps, TextProps as SkeletonTextProps, }
71
71
  export { Slider } from "./Slider";
72
72
  export type { SliderOrientation, SliderPointerSize, SliderProps, SliderRangeProps, SliderSingleProps, SliderSize, SliderTick, SliderView, } from "./Slider";
73
73
  export { Status } from "./Status";
74
- export type { StatusProps } from "./Status/index.props";
74
+ export type { StatusProps, StatusTag } from "./Status/index.props";
75
75
  export { Switch } from "./Switch";
76
76
  export type { SwitchProps } from "./Switch/index.props";
77
77
  export { TabsMenu } from "./TabsMenu";
@@ -87,7 +87,7 @@ export type { TimeSelectProps } from "./TimeSelect/index.props";
87
87
  export { Tooltip } from "./Tooltip";
88
88
  export type { TooltipProps } from "./Tooltip/index.props";
89
89
  export { Typography } from "./Typography";
90
- export type { TypographyProps, TypographyResponsiveSize, } from "./Typography/index.props";
90
+ export type { TypographyFontWeight, TypographyProps, TypographyResponsiveSize, TypographyTag, TypographyVariant, } from "./Typography/index.props";
91
91
  export { useMediaSizes } from "./hooks/useMediaSizes";
92
92
  export { useScrollLock } from "./hooks/useScrollLock";
93
93
  export * from "./Icons";
@@ -1,12 +1,5 @@
1
1
  type DateFormat = string | Date;
2
2
  export declare const parse: (dateInput: DateFormat) => Date;
3
- export declare const getUpperMonthName: (date: DateFormat) => string;
4
- export declare const getShortWeekDayNameByIndex: (index: number) => string;
5
- export declare const shiftDate: (date: Date, days: number) => Date;
6
- export declare const isSameMonthAndYear: (date: Date, otherDate: Date) => boolean;
7
3
  export declare const toISODate: (date: Date) => string;
8
4
  export declare const toDMYDate: (dateISO: string) => string;
9
- export declare const getPeriodDates: (startDate: DateFormat, period?: number) => string;
10
- export declare const clearTime: (date: Date) => Date;
11
- export declare const getDaysDiff: (dateStart: Date, dateEnd: Date) => number;
12
5
  export {};
@@ -1,7 +1,6 @@
1
1
  'use strict';
2
2
 
3
3
  var dateFns = require('date-fns');
4
- var locale = require('date-fns/locale');
5
4
 
6
5
  // Helper to parse date strings with fallback
7
6
  const parse = dateInput => {
@@ -11,61 +10,11 @@ const parse = dateInput => {
11
10
  const date = typeof dateInput === "string" ? dateFns.parseISO(dateInput) : dateInput;
12
11
  return dateFns.isValid(date) ? date : new Date(dateInput);
13
12
  };
14
- // Get full month name with the first letter capitalized
15
- const getUpperMonthName = date => {
16
- const parsedDate = parse(date);
17
- return dateFns.format(parsedDate, "LLLL", {
18
- locale: locale.enGB
19
- });
20
- };
21
- // Get short weekday name by index (e.g., Mo, Tu, etc.)
22
- const getShortWeekDayNameByIndex = index => {
23
- const firstDayOfWeek = dateFns.startOfWeek(new Date());
24
- return dateFns.format(dateFns.addDays(firstDayOfWeek, index), "EEEEEE", {
25
- locale: locale.enGB
26
- });
27
- };
28
- // Get formatted date string with month and day
29
- const getDateMonth = date => {
30
- const parsedDate = parse(date);
31
- return dateFns.format(parsedDate, "MMMM d", {
32
- locale: locale.enGB
33
- });
34
- };
35
- // Shift the date by a number of days
36
- const shiftDate = (date, days) => dateFns.addDays(date, days);
37
- // Check if two dates are in the same month and year
38
- const isSameMonthAndYear = (date, otherDate) => date.getFullYear() === otherDate.getFullYear() && date.getMonth() === otherDate.getMonth();
39
13
  // Convert date to ISO format (YYYY-MM-DD)
40
14
  const toISODate = date => dateFns.format(date, "yyyy-MM-dd");
41
15
  // Convert date to DMY format (dd.MM.yyyy)
42
16
  const toDMYDate = dateISO => dateISO ? dateFns.format(new Date(dateISO), "dd.MM.yyyy") : "";
43
- // Get the period dates as a formatted string
44
- const getPeriodDates = (startDate, period = 1) => {
45
- const start = parse(startDate);
46
- if (period === 1) {
47
- return getDateMonth(start);
48
- }
49
- const end = shiftDate(start, period - 1);
50
- const startDateFormat = isSameMonthAndYear(start, end) ? dateFns.format(start, "d") : getDateMonth(start);
51
- return `${startDateFormat} – ${getDateMonth(end)}`;
52
- };
53
- // Clear time from a date
54
- const clearTime = date => new Date(date.setHours(0, 0, 0, 0));
55
- // Get the difference in days between two dates
56
- const getDaysDiff = (dateStart, dateEnd) => {
57
- const start = clearTime(dateStart).getTime();
58
- const end = clearTime(dateEnd).getTime();
59
- return Math.round((end - start) / (1000 * 60 * 60 * 24)); // Convert milliseconds to days
60
- };
61
17
 
62
- exports.clearTime = clearTime;
63
- exports.getDaysDiff = getDaysDiff;
64
- exports.getPeriodDates = getPeriodDates;
65
- exports.getShortWeekDayNameByIndex = getShortWeekDayNameByIndex;
66
- exports.getUpperMonthName = getUpperMonthName;
67
- exports.isSameMonthAndYear = isSameMonthAndYear;
68
18
  exports.parse = parse;
69
- exports.shiftDate = shiftDate;
70
19
  exports.toDMYDate = toDMYDate;
71
20
  exports.toISODate = toISODate;
@@ -1,5 +1,5 @@
1
1
  import type { Media } from "../../Theme/breakpoints";
2
- export type QueryInputFunction = (breakpoints: Media) => string;
2
+ type QueryInputFunction = (breakpoints: Media) => string;
3
3
  type QueryInput = QueryInputFunction | string;
4
4
  /**
5
5
  * Returns whether the media query matches.
package/index.d.ts CHANGED
@@ -21,7 +21,7 @@ export type { CodeErrorBehavior, CodeFieldProps, CodeFieldShape, CodeFieldSize,
21
21
  export { Counter } from "./Counter";
22
22
  export type { CounterProps } from "./Counter/index.props";
23
23
  export { Datepicker } from "./Datepicker";
24
- export type { Props as DatepickerProps } from "./Datepicker/index.props";
24
+ export type { Props as DatepickerProps, DatepickerSelectionMode, } from "./Datepicker/index.props";
25
25
  export { DotsLoader } from "./DotsLoader";
26
26
  export type { DotsLoaderProps } from "./DotsLoader/index.props";
27
27
  export { Drawer, DrawerContent, DrawerFooter, DrawerHeader } from "./Drawer";
@@ -29,11 +29,11 @@ export type { DrawerAnimationInfo, DrawerClosePlacement, DrawerContentProps, Dra
29
29
  export { Dropzone } from "./Dropzone";
30
30
  export type { DropzoneFileHandler, DropzoneFileResult, DropzoneProps, DropzoneValidator, } from "./Dropzone";
31
31
  export { Dropdown } from "./Dropdown";
32
- export type { DropdownProps } from "./Dropdown/index.props";
32
+ export type { DropdownProps, Trigger as DropdownTrigger, } from "./Dropdown/index.props";
33
33
  export { Editable } from "./Editable";
34
34
  export type { EditableProps } from "./Editable";
35
35
  export { Grid } from "./Grid";
36
- export type { GridProps } from "./Grid/index.props";
36
+ export type { GridProps, Space as GridSpace } from "./Grid/index.props";
37
37
  export { GridItem } from "./Grid/Item";
38
38
  export type { GridItemProps } from "./Grid/Item/index.props";
39
39
  export { Image } from "./Image";
@@ -71,7 +71,7 @@ export type { RectProps as SkeletonRectProps, TextProps as SkeletonTextProps, }
71
71
  export { Slider } from "./Slider";
72
72
  export type { SliderOrientation, SliderPointerSize, SliderProps, SliderRangeProps, SliderSingleProps, SliderSize, SliderTick, SliderView, } from "./Slider";
73
73
  export { Status } from "./Status";
74
- export type { StatusProps } from "./Status/index.props";
74
+ export type { StatusProps, StatusTag } from "./Status/index.props";
75
75
  export { Switch } from "./Switch";
76
76
  export type { SwitchProps } from "./Switch/index.props";
77
77
  export { TabsMenu } from "./TabsMenu";
@@ -87,7 +87,7 @@ export type { TimeSelectProps } from "./TimeSelect/index.props";
87
87
  export { Tooltip } from "./Tooltip";
88
88
  export type { TooltipProps } from "./Tooltip/index.props";
89
89
  export { Typography } from "./Typography";
90
- export type { TypographyProps, TypographyResponsiveSize, } from "./Typography/index.props";
90
+ export type { TypographyFontWeight, TypographyProps, TypographyResponsiveSize, TypographyTag, TypographyVariant, } from "./Typography/index.props";
91
91
  export { useMediaSizes } from "./hooks/useMediaSizes";
92
92
  export { useScrollLock } from "./hooks/useScrollLock";
93
93
  export * from "./Icons";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "colibri-ui",
3
- "version": "0.8.91",
3
+ "version": "0.8.92",
4
4
  "description": "React UI components library",
5
5
  "main": "index.js",
6
6
  "types": "index.d.ts",
@@ -1 +0,0 @@
1
- export declare const on: <K extends keyof HTMLElementEventMap>(element: HTMLElement | null | undefined, type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions) => () => void;
@@ -1,5 +0,0 @@
1
- type Options = {
2
- timeout: number;
3
- };
4
- export declare function requestIdleCallback(callback: () => void, options?: Options): void;
5
- export {};
package/helpers/on.d.ts DELETED
@@ -1 +0,0 @@
1
- export declare const on: <K extends keyof HTMLElementEventMap>(element: HTMLElement | null | undefined, type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions) => () => void;
@@ -1,5 +0,0 @@
1
- type Options = {
2
- timeout: number;
3
- };
4
- export declare function requestIdleCallback(callback: () => void, options?: Options): void;
5
- export {};