uikit-react-public 0.11.16 → 0.11.24
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/components/Calendar/Calendar.d.ts +3 -0
- package/dist/components/Calendar/Calendar.stories.d.ts +42 -0
- package/dist/components/Calendar/Calendar.types.d.ts +18 -0
- package/dist/components/Calendar/index.d.ts +2 -0
- package/dist/components/Calendar/subcomponents/AcademicWeek.d.ts +5 -0
- package/dist/components/Calendar/subcomponents/AcademicWeeks.d.ts +7 -0
- package/dist/components/Calendar/subcomponents/ColumnHeading.d.ts +7 -0
- package/dist/components/Calendar/subcomponents/Controls.d.ts +6 -0
- package/dist/components/Calendar/subcomponents/Day.d.ts +12 -0
- package/dist/components/{Datepicker/subcomponents/Day → Calendar/subcomponents}/Day.stories.d.ts +9 -1
- package/dist/components/Calendar/subcomponents/EventDot.d.ts +6 -0
- package/dist/components/Calendar/subcomponents/Grid.d.ts +11 -0
- package/dist/components/Calendar/subcomponents/index.d.ts +7 -0
- package/dist/components/Calendar/utils/getAcademicWeekNumbers/getAcademicWeekNumbers.d.ts +24 -0
- package/dist/components/Calendar/utils/index.d.ts +4 -0
- package/dist/components/Calendar/utils/normaliseMonth/normaliseMonth.d.ts +9 -0
- package/dist/components/Calendar/utils/normaliseMonth/normaliseMonth.test.d.ts +1 -0
- package/dist/components/Calendar/utils/parseDateFromString/parseDateFromString.d.ts +9 -0
- package/dist/components/Calendar/utils/parseDateFromString/parseDateFromString.test.d.ts +1 -0
- package/dist/components/Datepicker/Datepicker.d.ts +3 -12
- package/dist/components/Datepicker/Datepicker.stories.d.ts +16 -3
- package/dist/components/Datepicker/Datepicker.types.d.ts +23 -0
- package/dist/components/Datepicker/index.d.ts +1 -1
- package/dist/components/Datepicker/subcomponents/CustomDatepicker.d.ts +17 -0
- package/dist/components/Datepicker/subcomponents/DatepickerInput.d.ts +10 -0
- package/dist/components/Datepicker/subcomponents/NativeDatepicker.d.ts +6 -0
- package/dist/components/Datepicker/subcomponents/Panel.d.ts +6 -0
- package/dist/components/Datepicker/subcomponents/VisibleField.d.ts +12 -0
- package/dist/components/Datepicker/subcomponents/index.d.ts +5 -7
- package/dist/components/Datepicker/utils/dateToLocaleISOString/dateToLocaleISOString.d.ts +17 -0
- package/dist/components/Datepicker/utils/dateToLocaleISOString/dateToLocaleISOString.test.d.ts +1 -0
- package/dist/components/Datepicker/utils/index.d.ts +2 -2
- package/dist/components/Datepicker/utils/parseInputValue/parseInputValue.d.ts +11 -0
- package/dist/components/Datepicker/utils/parseInputValue/parseInputValue.test.d.ts +1 -0
- package/dist/components/Footer/Footer.d.ts +1 -1
- package/dist/components/Header/Header.d.ts +5 -4
- package/dist/components/Header/index.d.ts +1 -1
- package/dist/components/Menu/Menu.d.ts +2 -1
- package/dist/components/Menu/MenuContent.d.ts +1 -0
- package/dist/components/Select/Select.stories.d.ts +1 -1
- package/dist/components/Select/Select.types.d.ts +10 -50
- package/dist/components/Select/index.d.ts +1 -1
- package/dist/components/Select/subcomponents/CustomSelect.d.ts +2 -1
- package/dist/components/index.d.ts +2 -0
- package/dist/index.js +3332 -3063
- package/lib/components/Calendar/Calendar.stories.tsx +209 -0
- package/lib/components/Calendar/Calendar.tsx +121 -0
- package/lib/components/Calendar/Calendar.types.ts +21 -0
- package/lib/components/Calendar/__tests__/Calendar.test.tsx +71 -0
- package/lib/components/Calendar/__tests__/__snapshots__/Calendar.test.tsx.snap +1218 -0
- package/lib/components/Calendar/index.ts +6 -0
- package/lib/components/Calendar/subcomponents/AcademicWeek.tsx +36 -0
- package/lib/components/Calendar/subcomponents/AcademicWeeks.tsx +46 -0
- package/lib/components/Calendar/subcomponents/ColumnHeading.tsx +40 -0
- package/lib/components/{Datepicker/subcomponents/MonthSelector/MonthSelector.tsx → Calendar/subcomponents/Controls.tsx} +17 -17
- package/lib/components/{Datepicker/subcomponents/Day → Calendar/subcomponents}/Day.stories.tsx +30 -7
- package/lib/components/Calendar/subcomponents/Day.tsx +130 -0
- package/lib/components/Calendar/subcomponents/EventDot.tsx +40 -0
- package/lib/components/Calendar/subcomponents/Grid.tsx +117 -0
- package/lib/components/Calendar/subcomponents/index.ts +7 -0
- package/lib/components/Calendar/utils/getAcademicWeekNumbers/getAcademicWeekNumbers.test.ts +104 -0
- package/lib/components/Calendar/utils/getAcademicWeekNumbers/getAcademicWeekNumbers.ts +85 -0
- package/lib/components/{Datepicker → Calendar}/utils/getDatesForCalendarGrid/getDatesForCalendarGrid.test.ts +29 -65
- package/lib/components/{Datepicker → Calendar}/utils/getDatesForCalendarGrid/getDatesForCalendarGrid.ts +11 -43
- package/lib/components/Calendar/utils/index.ts +4 -0
- package/lib/components/Calendar/utils/normaliseMonth/normaliseMonth.test.ts +40 -0
- package/lib/components/Calendar/utils/normaliseMonth/normaliseMonth.ts +16 -0
- package/lib/components/Calendar/utils/parseDateFromString/parseDateFromString.test.ts +15 -0
- package/lib/components/Calendar/utils/parseDateFromString/parseDateFromString.ts +19 -0
- package/lib/components/Datepicker/Datepicker.stories.tsx +220 -23
- package/lib/components/Datepicker/Datepicker.tsx +34 -137
- package/lib/components/Datepicker/Datepicker.types.ts +38 -0
- package/lib/components/Datepicker/__tests__/Datepicker.test.tsx +53 -112
- package/lib/components/Datepicker/__tests__/__snapshots__/Datepicker.test.tsx.snap +92 -638
- package/lib/components/Datepicker/index.ts +1 -1
- package/lib/components/Datepicker/subcomponents/CustomDatepicker.tsx +209 -0
- package/lib/components/Datepicker/subcomponents/DatepickerInput.tsx +74 -0
- package/lib/components/Datepicker/subcomponents/NativeDatepicker.tsx +70 -0
- package/lib/components/Datepicker/subcomponents/Panel.tsx +32 -0
- package/lib/components/Datepicker/subcomponents/VisibleField.tsx +104 -0
- package/lib/components/Datepicker/subcomponents/index.ts +5 -7
- package/lib/components/Datepicker/utils/dateToLocaleISOString/dateToLocaleISOString.test.ts +32 -0
- package/lib/components/Datepicker/utils/dateToLocaleISOString/dateToLocaleISOString.ts +23 -0
- package/lib/components/Datepicker/utils/index.ts +2 -2
- package/lib/components/Datepicker/utils/parseInputValue/parseInputValue.test.ts +110 -0
- package/lib/components/Datepicker/utils/parseInputValue/parseInputValue.ts +57 -0
- package/lib/components/Footer/Footer.tsx +3 -3
- package/lib/components/Footer/__tests__/__snapshots__/Footer.test.tsx.snap +6 -6
- package/lib/components/Header/Header.tsx +32 -33
- package/lib/components/Header/HeaderMenu.tsx +9 -2
- package/lib/components/Header/__tests__/__snapshots__/Header.test.tsx.snap +40 -48
- package/lib/components/Header/index.ts +5 -1
- package/lib/components/Menu/Menu.tsx +3 -0
- package/lib/components/Menu/MenuContent.tsx +4 -1
- package/lib/components/Select/Select.stories.tsx +38 -39
- package/lib/components/Select/Select.tsx +4 -18
- package/lib/components/Select/Select.types.ts +30 -69
- package/lib/components/Select/__tests__/Select.test.tsx +6 -6
- package/lib/components/Select/__tests__/__snapshots__/Select.test.tsx.snap +1 -1
- package/lib/components/Select/index.ts +1 -1
- package/lib/components/Select/subcomponents/CustomSelect.tsx +22 -12
- package/lib/components/Select/subcomponents/NativeSelect.tsx +7 -3
- package/lib/components/Select/subcomponents/Panel.tsx +4 -4
- package/lib/components/Select/subcomponents/VisibleField.tsx +1 -1
- package/lib/components/index.ts +3 -0
- package/package.json +4 -4
- package/LICENSE +0 -9
- package/dist/components/Datepicker/subcomponents/CalendarGrid/CalendarGrid.d.ts +0 -6
- package/dist/components/Datepicker/subcomponents/CalendarGrid/index.d.ts +0 -1
- package/dist/components/Datepicker/subcomponents/CalendarMenu/CalendarMenu.d.ts +0 -8
- package/dist/components/Datepicker/subcomponents/CalendarMenu/index.d.ts +0 -1
- package/dist/components/Datepicker/subcomponents/ColumnHeadings/ColumnHeadings.d.ts +0 -2
- package/dist/components/Datepicker/subcomponents/ColumnHeadings/index.d.ts +0 -1
- package/dist/components/Datepicker/subcomponents/DateField/DateField.d.ts +0 -7
- package/dist/components/Datepicker/subcomponents/DateField/index.d.ts +0 -1
- package/dist/components/Datepicker/subcomponents/Day/Day.d.ts +0 -10
- package/dist/components/Datepicker/subcomponents/Day/index.d.ts +0 -1
- package/dist/components/Datepicker/subcomponents/MonthSelector/MonthSelector.d.ts +0 -6
- package/dist/components/Datepicker/subcomponents/MonthSelector/index.d.ts +0 -1
- package/dist/components/Datepicker/subcomponents/Native/Native.d.ts +0 -9
- package/dist/components/Datepicker/subcomponents/Native/index.d.ts +0 -1
- package/dist/components/Datepicker/utils/parseDateForDateField/parseDateForDateField.d.ts +0 -20
- package/lib/components/Datepicker/subcomponents/CalendarGrid/CalendarGrid.tsx +0 -59
- package/lib/components/Datepicker/subcomponents/CalendarGrid/index.ts +0 -1
- package/lib/components/Datepicker/subcomponents/CalendarMenu/CalendarMenu.tsx +0 -64
- package/lib/components/Datepicker/subcomponents/CalendarMenu/index.ts +0 -1
- package/lib/components/Datepicker/subcomponents/ColumnHeadings/ColumnHeadings.tsx +0 -35
- package/lib/components/Datepicker/subcomponents/ColumnHeadings/index.ts +0 -1
- package/lib/components/Datepicker/subcomponents/DateField/DateField.tsx +0 -155
- package/lib/components/Datepicker/subcomponents/DateField/__tests__/DateField.test.tsx +0 -191
- package/lib/components/Datepicker/subcomponents/DateField/index.ts +0 -1
- package/lib/components/Datepicker/subcomponents/Day/Day.tsx +0 -94
- package/lib/components/Datepicker/subcomponents/Day/index.ts +0 -1
- package/lib/components/Datepicker/subcomponents/MonthSelector/index.ts +0 -1
- package/lib/components/Datepicker/subcomponents/Native/Native.tsx +0 -59
- package/lib/components/Datepicker/subcomponents/Native/index.ts +0 -1
- package/lib/components/Datepicker/utils/parseDateForDateField/parseDateForDateField.test.ts +0 -41
- package/lib/components/Datepicker/utils/parseDateForDateField/parseDateForDateField.ts +0 -48
- /package/dist/components/{Datepicker/subcomponents/DateField/__tests__/DateField.test.d.ts → Calendar/__tests__/Calendar.test.d.ts} +0 -0
- /package/dist/components/{Datepicker/utils/getDatesForCalendarGrid/getDatesForCalendarGrid.test.d.ts → Calendar/utils/getAcademicWeekNumbers/getAcademicWeekNumbers.test.d.ts} +0 -0
- /package/dist/components/{Datepicker → Calendar}/utils/getDatesForCalendarGrid/getDatesForCalendarGrid.d.ts +0 -0
- /package/dist/components/{Datepicker/utils/parseDateForDateField/parseDateForDateField.test.d.ts → Calendar/utils/getDatesForCalendarGrid/getDatesForCalendarGrid.test.d.ts} +0 -0
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default } from './Day';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default } from './MonthSelector';
|
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
import { css } from '@emotion/css';
|
|
2
|
-
import { theme } from '../../../../theme';
|
|
3
|
-
|
|
4
|
-
interface NativeProps {
|
|
5
|
-
date?: Date | null | undefined;
|
|
6
|
-
minDate?: Date | null | undefined;
|
|
7
|
-
maxDate?: Date | null | undefined;
|
|
8
|
-
onDateChange?: (date: Date | null | undefined) => void;
|
|
9
|
-
testId?: string;
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
const Native = ({
|
|
13
|
-
date,
|
|
14
|
-
minDate,
|
|
15
|
-
maxDate,
|
|
16
|
-
onDateChange,
|
|
17
|
-
testId,
|
|
18
|
-
...props
|
|
19
|
-
}: NativeProps) => {
|
|
20
|
-
const inputStyle = css`
|
|
21
|
-
width: 200px;
|
|
22
|
-
height: 48px;
|
|
23
|
-
padding: 0 16px;
|
|
24
|
-
border: 1px solid #000;
|
|
25
|
-
color: #1a1a1a;
|
|
26
|
-
font-size: 16px;
|
|
27
|
-
font-family: sans-serif;
|
|
28
|
-
text-transform: uppercase;
|
|
29
|
-
cursor: pointer;
|
|
30
|
-
|
|
31
|
-
&:focus-visible {
|
|
32
|
-
outline: none;
|
|
33
|
-
box-shadow: ${theme.boxShadow.focus};
|
|
34
|
-
}
|
|
35
|
-
`;
|
|
36
|
-
|
|
37
|
-
const handleChange = (
|
|
38
|
-
event: React.ChangeEvent<HTMLInputElement>
|
|
39
|
-
) => onDateChange?.(event.target.valueAsDate);
|
|
40
|
-
|
|
41
|
-
return (
|
|
42
|
-
<input
|
|
43
|
-
type='date'
|
|
44
|
-
value={date ? date.toISOString().split('T')[0] : ''}
|
|
45
|
-
min={
|
|
46
|
-
minDate ? minDate.toISOString().split('T')[0] : ''
|
|
47
|
-
}
|
|
48
|
-
max={
|
|
49
|
-
maxDate ? maxDate.toISOString().split('T')[0] : ''
|
|
50
|
-
}
|
|
51
|
-
onChange={handleChange}
|
|
52
|
-
className={inputStyle}
|
|
53
|
-
data-testid={testId}
|
|
54
|
-
{...props}
|
|
55
|
-
/>
|
|
56
|
-
);
|
|
57
|
-
};
|
|
58
|
-
|
|
59
|
-
export default Native;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default } from './Native';
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import { describe, expect, test } from 'vitest';
|
|
2
|
-
import parseDateForDateField from './parseDateForDateField';
|
|
3
|
-
|
|
4
|
-
describe('parseDateForDateField', () => {
|
|
5
|
-
test('Parses a valid slash-separated date string', () => {
|
|
6
|
-
const dateString = '02/03/2025';
|
|
7
|
-
const expectedDate = new Date('2025-03-02');
|
|
8
|
-
expect(parseDateForDateField(dateString)).toEqual(
|
|
9
|
-
expectedDate
|
|
10
|
-
);
|
|
11
|
-
});
|
|
12
|
-
|
|
13
|
-
test('Parses a valid hyphen-separated date string', () => {
|
|
14
|
-
const dateString = '01-02-2025';
|
|
15
|
-
const expectedDate = new Date('2025-02-01');
|
|
16
|
-
expect(parseDateForDateField(dateString)).toEqual(
|
|
17
|
-
expectedDate
|
|
18
|
-
);
|
|
19
|
-
});
|
|
20
|
-
|
|
21
|
-
test('Parses a valid space-separated date string', () => {
|
|
22
|
-
const dateString = '10 11 2025';
|
|
23
|
-
const expectedDate = new Date('2025-11-10');
|
|
24
|
-
expect(parseDateForDateField(dateString)).toEqual(
|
|
25
|
-
expectedDate
|
|
26
|
-
);
|
|
27
|
-
});
|
|
28
|
-
|
|
29
|
-
test('Parses a valid date string with leading/trailing whitespace', () => {
|
|
30
|
-
const dateString = ' 11-12-2025 ';
|
|
31
|
-
const expectedDate = new Date('2025-12-11');
|
|
32
|
-
expect(parseDateForDateField(dateString)).toEqual(
|
|
33
|
-
expectedDate
|
|
34
|
-
);
|
|
35
|
-
});
|
|
36
|
-
|
|
37
|
-
test('Invalid date string returns null', () => {
|
|
38
|
-
const dateString = '1234567890';
|
|
39
|
-
expect(parseDateForDateField(dateString)).toBeNull();
|
|
40
|
-
});
|
|
41
|
-
});
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Parses a date string and returns a `Date` object.
|
|
3
|
-
*
|
|
4
|
-
* Can handle date strings entered by the user as "day/month/year", "day month year", or "day-month-year".
|
|
5
|
-
* If the date is not in the expected format or contains invalid numbers, it returns `null`.
|
|
6
|
-
*
|
|
7
|
-
* Used solely by `<DateField>` component.
|
|
8
|
-
*
|
|
9
|
-
* - A one-digit or two-digit year is assumed to be in the 21st century (e.g., '21' becomes '2021').
|
|
10
|
-
*
|
|
11
|
-
* @param {string} dateString - The date string to be parsed.
|
|
12
|
-
*
|
|
13
|
-
* @future Any additional validation logic for dates entered by the user should be added here.
|
|
14
|
-
* For example, supporting formats like "day / month / year" (separated with a space and a slash)
|
|
15
|
-
* or "daymonthyear" (without spaces or separators).
|
|
16
|
-
*
|
|
17
|
-
* @returns {void}
|
|
18
|
-
*/
|
|
19
|
-
const parseDate = (dateString: string) => {
|
|
20
|
-
// Remove any leading or trailing whitespace and split the string into parts,
|
|
21
|
-
// separated by a slash, space, or hyphen
|
|
22
|
-
const dateParts = dateString.trim().split(/[-/ ]/);
|
|
23
|
-
if (dateParts.length !== 3) {
|
|
24
|
-
return null;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
const parsedDay = parseInt(dateParts[0], 10); // (Second argument is just for base 10 -- decimal)
|
|
28
|
-
const parsedMonth = parseInt(dateParts[1], 10);
|
|
29
|
-
let parsedYear = parseInt(dateParts[2], 10);
|
|
30
|
-
if (
|
|
31
|
-
isNaN(parsedDay) ||
|
|
32
|
-
isNaN(parsedMonth) ||
|
|
33
|
-
isNaN(parsedYear)
|
|
34
|
-
) {
|
|
35
|
-
return null;
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
// We can assume a one-digit or two-digit year is in the 21st century
|
|
39
|
-
if (
|
|
40
|
-
parsedYear.toString().length === 2 ||
|
|
41
|
-
parsedYear.toString().length === 1
|
|
42
|
-
)
|
|
43
|
-
parsedYear += 2000;
|
|
44
|
-
|
|
45
|
-
return new Date(parsedYear, parsedMonth - 1, parsedDay); // month is 0-indexed
|
|
46
|
-
};
|
|
47
|
-
|
|
48
|
-
export default parseDate;
|
|
File without changes
|
|
File without changes
|
|
File without changes
|