@kalyx/react 0.2.1 → 0.3.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 (8) hide show
  1. package/CHANGELOG.md +29 -0
  2. package/dist/index.cjs +233 -211
  3. package/dist/index.cjs.map +1 -1
  4. package/dist/index.d.cts +13 -5
  5. package/dist/index.d.ts +13 -5
  6. package/dist/index.js +234 -212
  7. package/dist/index.js.map +1 -1
  8. package/package.json +2 -2
package/dist/index.d.cts CHANGED
@@ -1,7 +1,7 @@
1
1
  import * as react from 'react';
2
2
  import { ReactNode, HTMLAttributes, InputHTMLAttributes, ButtonHTMLAttributes } from 'react';
3
3
  import * as react_jsx_runtime from 'react/jsx-runtime';
4
- import { ISODateString, DisabledRule, WeekStartsOn, DateAdapter, DateRange, CalendarGrid, TimeValue } from '@kalyx/core';
4
+ import { ISODateString, DisabledRule, WeekStartsOn, DateAdapter, DatePickerLabels, DateRange, RangePickerLabels, TimePickerLabels, DateTimePickerLabels, CalendarGrid, TimeValue } from '@kalyx/core';
5
5
  export { CalendarDay, DateAdapter, DateFnsAdapter, DateRange, DisabledRule, ISODateString, TimeValue } from '@kalyx/core';
6
6
 
7
7
  /**
@@ -43,10 +43,12 @@ interface DatePickerRootProps {
43
43
  locale?: string;
44
44
  /** Date adapter */
45
45
  adapter?: DateAdapter;
46
+ /** Override ARIA labels (defaults to English) */
47
+ labels?: Partial<DatePickerLabels>;
46
48
  /** Child components */
47
49
  children: ReactNode;
48
50
  }
49
- declare function DatePickerRoot({ value: controlledValue, defaultValue, onChange, disabled, readOnly, weekStartsOn, displayFormat, locale, adapter, children, }: DatePickerRootProps): react_jsx_runtime.JSX.Element;
51
+ declare function DatePickerRoot({ value: controlledValue, defaultValue, onChange, disabled, readOnly, weekStartsOn, displayFormat, locale, adapter, labels: labelsProp, children, }: DatePickerRootProps): react_jsx_runtime.JSX.Element;
50
52
 
51
53
  interface DatePickerPopoverProps extends Omit<HTMLAttributes<HTMLDivElement>, 'role'> {
52
54
  children?: ReactNode;
@@ -213,10 +215,12 @@ interface RangePickerRootProps {
213
215
  locale?: string;
214
216
  /** Date adapter */
215
217
  adapter?: DateAdapter;
218
+ /** Override ARIA labels (defaults to English) */
219
+ labels?: Partial<RangePickerLabels>;
216
220
  /** Child components */
217
221
  children: ReactNode;
218
222
  }
219
- declare function RangePickerRoot({ value: controlledValue, defaultValue, onChange, disabled, readOnly, weekStartsOn, displayFormat, locale, adapter, children, }: RangePickerRootProps): react_jsx_runtime.JSX.Element;
223
+ declare function RangePickerRoot({ value: controlledValue, defaultValue, onChange, disabled, readOnly, weekStartsOn, displayFormat, locale, adapter, labels: labelsProp, children, }: RangePickerRootProps): react_jsx_runtime.JSX.Element;
220
224
 
221
225
  interface RangePickerPopoverProps extends Omit<HTMLAttributes<HTMLDivElement>, 'role'> {
222
226
  children?: ReactNode;
@@ -371,10 +375,12 @@ interface TimePickerRootProps {
371
375
  disabled?: boolean;
372
376
  /** Read-only */
373
377
  readOnly?: boolean;
378
+ /** Override ARIA labels (defaults to English) */
379
+ labels?: Partial<TimePickerLabels>;
374
380
  /** Child components */
375
381
  children: ReactNode;
376
382
  }
377
- declare function TimePickerRoot({ value: controlledValue, defaultValue, onChange, format, step, withSeconds, disabled, readOnly, children, }: TimePickerRootProps): react_jsx_runtime.JSX.Element;
383
+ declare function TimePickerRoot({ value: controlledValue, defaultValue, onChange, format, step, withSeconds, disabled, readOnly, labels: labelsProp, children, }: TimePickerRootProps): react_jsx_runtime.JSX.Element;
378
384
 
379
385
  interface TimePickerHourListClassNames {
380
386
  root?: string;
@@ -485,6 +491,8 @@ interface DateTimePickerRootProps {
485
491
  locale?: string;
486
492
  /** Date adapter */
487
493
  adapter?: DateAdapter;
494
+ /** Override ARIA labels (defaults to English) */
495
+ labels?: Partial<DateTimePickerLabels>;
488
496
  /** Child components */
489
497
  children: ReactNode;
490
498
  }
@@ -500,7 +508,7 @@ interface DateTimePickerRootProps {
500
508
  * - Changing time in TimePicker -> changes only the time, preserves the date
501
509
  * - Escape / outside click -> close the popover (commit)
502
510
  */
503
- declare function DateTimePickerRoot({ value: controlledValue, defaultValue, onChange, format, step, disabled, readOnly, weekStartsOn, displayFormat, locale, adapter, children, }: DateTimePickerRootProps): react_jsx_runtime.JSX.Element;
511
+ declare function DateTimePickerRoot({ value: controlledValue, defaultValue, onChange, format, step, disabled, readOnly, weekStartsOn, displayFormat, locale, adapter, labels: labelsProp, children, }: DateTimePickerRootProps): react_jsx_runtime.JSX.Element;
504
512
 
505
513
  interface DateTimePickerInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange' | 'type'> {
506
514
  }
package/dist/index.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import * as react from 'react';
2
2
  import { ReactNode, HTMLAttributes, InputHTMLAttributes, ButtonHTMLAttributes } from 'react';
3
3
  import * as react_jsx_runtime from 'react/jsx-runtime';
4
- import { ISODateString, DisabledRule, WeekStartsOn, DateAdapter, DateRange, CalendarGrid, TimeValue } from '@kalyx/core';
4
+ import { ISODateString, DisabledRule, WeekStartsOn, DateAdapter, DatePickerLabels, DateRange, RangePickerLabels, TimePickerLabels, DateTimePickerLabels, CalendarGrid, TimeValue } from '@kalyx/core';
5
5
  export { CalendarDay, DateAdapter, DateFnsAdapter, DateRange, DisabledRule, ISODateString, TimeValue } from '@kalyx/core';
6
6
 
7
7
  /**
@@ -43,10 +43,12 @@ interface DatePickerRootProps {
43
43
  locale?: string;
44
44
  /** Date adapter */
45
45
  adapter?: DateAdapter;
46
+ /** Override ARIA labels (defaults to English) */
47
+ labels?: Partial<DatePickerLabels>;
46
48
  /** Child components */
47
49
  children: ReactNode;
48
50
  }
49
- declare function DatePickerRoot({ value: controlledValue, defaultValue, onChange, disabled, readOnly, weekStartsOn, displayFormat, locale, adapter, children, }: DatePickerRootProps): react_jsx_runtime.JSX.Element;
51
+ declare function DatePickerRoot({ value: controlledValue, defaultValue, onChange, disabled, readOnly, weekStartsOn, displayFormat, locale, adapter, labels: labelsProp, children, }: DatePickerRootProps): react_jsx_runtime.JSX.Element;
50
52
 
51
53
  interface DatePickerPopoverProps extends Omit<HTMLAttributes<HTMLDivElement>, 'role'> {
52
54
  children?: ReactNode;
@@ -213,10 +215,12 @@ interface RangePickerRootProps {
213
215
  locale?: string;
214
216
  /** Date adapter */
215
217
  adapter?: DateAdapter;
218
+ /** Override ARIA labels (defaults to English) */
219
+ labels?: Partial<RangePickerLabels>;
216
220
  /** Child components */
217
221
  children: ReactNode;
218
222
  }
219
- declare function RangePickerRoot({ value: controlledValue, defaultValue, onChange, disabled, readOnly, weekStartsOn, displayFormat, locale, adapter, children, }: RangePickerRootProps): react_jsx_runtime.JSX.Element;
223
+ declare function RangePickerRoot({ value: controlledValue, defaultValue, onChange, disabled, readOnly, weekStartsOn, displayFormat, locale, adapter, labels: labelsProp, children, }: RangePickerRootProps): react_jsx_runtime.JSX.Element;
220
224
 
221
225
  interface RangePickerPopoverProps extends Omit<HTMLAttributes<HTMLDivElement>, 'role'> {
222
226
  children?: ReactNode;
@@ -371,10 +375,12 @@ interface TimePickerRootProps {
371
375
  disabled?: boolean;
372
376
  /** Read-only */
373
377
  readOnly?: boolean;
378
+ /** Override ARIA labels (defaults to English) */
379
+ labels?: Partial<TimePickerLabels>;
374
380
  /** Child components */
375
381
  children: ReactNode;
376
382
  }
377
- declare function TimePickerRoot({ value: controlledValue, defaultValue, onChange, format, step, withSeconds, disabled, readOnly, children, }: TimePickerRootProps): react_jsx_runtime.JSX.Element;
383
+ declare function TimePickerRoot({ value: controlledValue, defaultValue, onChange, format, step, withSeconds, disabled, readOnly, labels: labelsProp, children, }: TimePickerRootProps): react_jsx_runtime.JSX.Element;
378
384
 
379
385
  interface TimePickerHourListClassNames {
380
386
  root?: string;
@@ -485,6 +491,8 @@ interface DateTimePickerRootProps {
485
491
  locale?: string;
486
492
  /** Date adapter */
487
493
  adapter?: DateAdapter;
494
+ /** Override ARIA labels (defaults to English) */
495
+ labels?: Partial<DateTimePickerLabels>;
488
496
  /** Child components */
489
497
  children: ReactNode;
490
498
  }
@@ -500,7 +508,7 @@ interface DateTimePickerRootProps {
500
508
  * - Changing time in TimePicker -> changes only the time, preserves the date
501
509
  * - Escape / outside click -> close the popover (commit)
502
510
  */
503
- declare function DateTimePickerRoot({ value: controlledValue, defaultValue, onChange, format, step, disabled, readOnly, weekStartsOn, displayFormat, locale, adapter, children, }: DateTimePickerRootProps): react_jsx_runtime.JSX.Element;
511
+ declare function DateTimePickerRoot({ value: controlledValue, defaultValue, onChange, format, step, disabled, readOnly, weekStartsOn, displayFormat, locale, adapter, labels: labelsProp, children, }: DateTimePickerRootProps): react_jsx_runtime.JSX.Element;
504
512
 
505
513
  interface DateTimePickerInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange' | 'type'> {
506
514
  }