@allxsmith/bestax-bulma 5.26.5 → 5.27.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.
- package/dist/bestax.css +1 -1
- package/dist/bestax.css.map +1 -1
- package/dist/extras.css +1 -1
- package/dist/extras.css.map +1 -1
- package/dist/index.cjs +974 -96
- package/dist/index.cjs.map +1 -1
- package/dist/index.esm.js +973 -97
- package/dist/index.esm.js.map +1 -1
- package/dist/types/components/Tabs.d.ts +25 -3
- package/dist/types/form/DateInputBase.d.ts +5 -2
- package/dist/types/form/DateRangeInput.d.ts +91 -0
- package/dist/types/form/DateRangeInputBase.d.ts +172 -0
- package/dist/types/form/DateTimeInputBase.d.ts +7 -2
- package/dist/types/form/File.d.ts +15 -2
- package/dist/types/form/FormContext.d.ts +11 -0
- package/dist/types/form/Numberinput.d.ts +8 -1
- package/dist/types/form/TimeInputBase.d.ts +1 -1
- package/dist/types/form/_pickerInternals/Calendar.d.ts +45 -4
- package/dist/types/form/_pickerInternals/PickerPopover.d.ts +1 -0
- package/dist/types/form/_pickerInternals/dateUtils.d.ts +24 -0
- package/dist/types/form/_pickerInternals/formatters.d.ts +14 -0
- package/dist/types/form/_pickerInternals/pickerTypes.d.ts +27 -0
- package/dist/types/form/_pickerInternals/useSegmentedEntry.d.ts +12 -3
- package/dist/types/helpers/statusRegion.d.ts +1 -0
- package/dist/types/index.d.ts +4 -0
- package/dist/types-cjs/components/Tabs.d.ts +25 -3
- package/dist/types-cjs/form/DateInputBase.d.ts +5 -2
- package/dist/types-cjs/form/DateRangeInput.d.ts +91 -0
- package/dist/types-cjs/form/DateRangeInputBase.d.ts +172 -0
- package/dist/types-cjs/form/DateTimeInputBase.d.ts +7 -2
- package/dist/types-cjs/form/File.d.ts +15 -2
- package/dist/types-cjs/form/FormContext.d.ts +11 -0
- package/dist/types-cjs/form/Numberinput.d.ts +8 -1
- package/dist/types-cjs/form/TimeInputBase.d.ts +1 -1
- package/dist/types-cjs/form/_pickerInternals/Calendar.d.ts +45 -4
- package/dist/types-cjs/form/_pickerInternals/PickerPopover.d.ts +1 -0
- package/dist/types-cjs/form/_pickerInternals/dateUtils.d.ts +24 -0
- package/dist/types-cjs/form/_pickerInternals/formatters.d.ts +14 -0
- package/dist/types-cjs/form/_pickerInternals/pickerTypes.d.ts +27 -0
- package/dist/types-cjs/form/_pickerInternals/useSegmentedEntry.d.ts +12 -3
- package/dist/types-cjs/helpers/statusRegion.d.ts +1 -0
- package/dist/types-cjs/index.d.ts +4 -0
- package/dist/versions/bestax-no-dark-mode.css +1 -1
- package/dist/versions/bestax-no-dark-mode.css.map +1 -1
- package/dist/versions/bestax-no-helpers-prefixed.css +1 -1
- package/dist/versions/bestax-no-helpers-prefixed.css.map +1 -1
- package/dist/versions/bestax-no-helpers.css +1 -1
- package/dist/versions/bestax-no-helpers.css.map +1 -1
- package/dist/versions/bestax-prefixed.css +1 -1
- package/dist/versions/bestax-prefixed.css.map +1 -1
- package/package.json +1 -1
- package/src/scss/components/_tabs.scss +44 -0
- package/src/scss/form/_dateinput.scss +58 -3
- package/src/scss/form/_daterangeinput.scss +63 -0
- package/src/scss/form/_file.scss +37 -0
- package/src/scss/form/_index.scss +2 -0
|
@@ -1,8 +1,22 @@
|
|
|
1
1
|
export type PickerPosition = 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right' | 'auto';
|
|
2
2
|
export type HourFormat = '12' | '24';
|
|
3
3
|
export type DayOfWeek = 0 | 1 | 2 | 3 | 4 | 5 | 6;
|
|
4
|
+
/**
|
|
5
|
+
* Whether a key is Alt+ArrowDown or Alt+ArrowUp, which open and close a
|
|
6
|
+
* picker's popover. The calendar and the time wheels leave both to it rather
|
|
7
|
+
* than reading them as plain arrows.
|
|
8
|
+
*/
|
|
9
|
+
export declare const isPopoverToggleKey: (e: {
|
|
10
|
+
altKey: boolean;
|
|
11
|
+
key: string;
|
|
12
|
+
}) => boolean;
|
|
4
13
|
/** The unit a date picker selects: a day, a month or a year. */
|
|
5
14
|
export type DateGranularity = 'day' | 'month' | 'year';
|
|
15
|
+
/**
|
|
16
|
+
* A range of days, start first. Either end may be `null` while the range is
|
|
17
|
+
* half filled, and `[null, null]` is empty.
|
|
18
|
+
*/
|
|
19
|
+
export type DateRangeValue = [Date | null, Date | null];
|
|
6
20
|
/**
|
|
7
21
|
* Translatable strings used across all four pickers. Pass via the `labels`
|
|
8
22
|
* prop to override defaults; consumers manage their own locale-driven mapping.
|
|
@@ -19,6 +33,19 @@ export interface PickerLabels {
|
|
|
19
33
|
chooseMonth?: string;
|
|
20
34
|
/** Launcher, popover and year list name when the picker selects a year. */
|
|
21
35
|
chooseYear?: string;
|
|
36
|
+
/** Range picking: names the start of a range, in the calendar and the field. */
|
|
37
|
+
rangeStart?: string;
|
|
38
|
+
/** Range picking: names the end of a range, in the calendar and the field. */
|
|
39
|
+
rangeEnd?: string;
|
|
40
|
+
/**
|
|
41
|
+
* Range picking: describes the day a pending range would end on, the one
|
|
42
|
+
* the pointer or the keyboard is on, until it is picked.
|
|
43
|
+
*/
|
|
44
|
+
rangePreviewEnd?: string;
|
|
45
|
+
/** Range picking: shown between the start and end inputs. */
|
|
46
|
+
rangeSeparator?: string;
|
|
47
|
+
/** Range picking: names the launcher and the popover. */
|
|
48
|
+
chooseDateRange?: string;
|
|
22
49
|
hours?: string;
|
|
23
50
|
minutes?: string;
|
|
24
51
|
seconds?: string;
|
|
@@ -37,19 +37,28 @@ export interface UseSegmentedEntryParams {
|
|
|
37
37
|
* every manual-entry commit; return true to reject the candidate value.
|
|
38
38
|
*/
|
|
39
39
|
isBlocked?: (d: Date) => boolean;
|
|
40
|
+
/**
|
|
41
|
+
* Rejects a candidate only while the digits typed into its segment leave
|
|
42
|
+
* it unfinished, such as the first digits of a year. The digit stays in
|
|
43
|
+
* the segment and the next one tries again, so a value passing through a
|
|
44
|
+
* candidate it can't commit on the way to one it can costs nothing. A
|
|
45
|
+
* finished segment, an arrow step and parsed text answer to `isBlocked`
|
|
46
|
+
* alone.
|
|
47
|
+
*/
|
|
48
|
+
isUnfinishedBlocked?: (d: Date) => boolean;
|
|
40
49
|
disabled?: boolean;
|
|
41
50
|
readOnly?: boolean;
|
|
42
51
|
/** Allow segmented typing. When false, segment mode never engages. */
|
|
43
52
|
editable?: boolean;
|
|
44
|
-
/** Whether a popover exists; gates open-on-focus / click / ArrowDown. */
|
|
53
|
+
/** Whether a popover exists; gates open-on-focus / click / Alt+ArrowDown. */
|
|
45
54
|
popover?: boolean;
|
|
46
55
|
openOnFocus?: boolean;
|
|
47
56
|
closeOnSelect?: boolean;
|
|
48
57
|
isOpen: boolean;
|
|
49
58
|
/**
|
|
50
59
|
* The host's open-state setter. The hook asks it to open on focus, click
|
|
51
|
-
* or ArrowDown, but not on the focus the popover's focus trap hands
|
|
52
|
-
* to the input as it closes, which is not the user arriving.
|
|
60
|
+
* or Alt+ArrowDown, but not on the focus the popover's focus trap hands
|
|
61
|
+
* back to the input as it closes, which is not the user arriving.
|
|
53
62
|
*/
|
|
54
63
|
setOpen: (next: boolean) => void;
|
|
55
64
|
inputRef: React.RefObject<HTMLInputElement | null>;
|
|
@@ -13,6 +13,7 @@ export declare const announceDelay = 100;
|
|
|
13
13
|
* again.
|
|
14
14
|
*/
|
|
15
15
|
export declare const announcementLifetime = 1000;
|
|
16
|
+
export declare const visuallyHidden: React.CSSProperties;
|
|
16
17
|
/**
|
|
17
18
|
* Reads an element out roughly the way a screen reader would: its text, with
|
|
18
19
|
* an element's `aria-label`, or an image's `alt`, standing in for what's
|
|
@@ -98,6 +98,10 @@ export { DateTimeInputBase } from './form/DateTimeInputBase.js';
|
|
|
98
98
|
export type { DateTimeInputBaseProps } from './form/DateTimeInputBase.js';
|
|
99
99
|
export { DateTimeInput } from './form/DateTimeInput.js';
|
|
100
100
|
export type { DateTimeInputProps } from './form/DateTimeInput.js';
|
|
101
|
+
export { DateRangeInputBase } from './form/DateRangeInputBase.js';
|
|
102
|
+
export type { DateRangeInputBaseProps, DateRangeValue, } from './form/DateRangeInputBase.js';
|
|
103
|
+
export { DateRangeInput } from './form/DateRangeInput.js';
|
|
104
|
+
export type { DateRangeInputProps } from './form/DateRangeInput.js';
|
|
101
105
|
export { useInsideField, useInsideControl } from './form/FormContext.js';
|
|
102
106
|
export type { FormFieldProps } from './form/fieldProps.js';
|
|
103
107
|
export * from './grid/Cell.js';
|