@mrshmllw/smores-react 2.1.22 → 2.1.23
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/Datepicker/Datepicker.js +29 -56
- package/dist/Datepicker/Datepicker.js.map +1 -1
- package/dist/Datepicker/DatesList.d.ts +1 -0
- package/dist/Datepicker/DatesList.js +13 -1
- package/dist/Datepicker/DatesList.js.map +1 -1
- package/dist/Datepicker/types.d.ts +0 -4
- package/dist/Dropdown/Dropdown.d.ts +10 -2
- package/dist/Dropdown/Dropdown.js +3 -3
- package/dist/Dropdown/Dropdown.js.map +1 -1
- package/dist/Dropdown/Dropdown.stories.d.ts +41 -2
- package/dist/Pagination/Pagination.js +1 -2
- package/dist/Pagination/Pagination.js.map +1 -1
- package/dist/SearchInput/SearchInput.js +2 -0
- package/dist/SearchInput/SearchInput.js.map +1 -1
- package/dist/TextInput/TextInput.d.ts +10 -2
- package/dist/TextInput/TextInput.js +15 -13
- package/dist/TextInput/TextInput.js.map +1 -1
- package/dist/TextInput/TextInput.stories.d.ts +37 -2
- package/dist/Textarea/Textarea.d.ts +2 -4
- package/dist/Textarea/Textarea.js +14 -12
- package/dist/Textarea/Textarea.js.map +1 -1
- package/dist/Textarea/Textarea.stories.d.ts +1 -1
- package/dist/utils/date.d.ts +1 -0
- package/dist/utils/date.js +9 -0
- package/dist/utils/date.js.map +1 -0
- package/package.json +4 -5
|
@@ -1,43 +1,39 @@
|
|
|
1
|
-
import React, { useState
|
|
1
|
+
import React, { useState } from 'react';
|
|
2
2
|
import styled from 'styled-components';
|
|
3
|
-
import { format, addDays,
|
|
3
|
+
import { format, addDays, getMonth, getYear, eachMonthOfInterval, isSameDay, isWithinInterval, getDaysInMonth, isToday, isWeekend, } from 'date-fns';
|
|
4
4
|
import { Box } from '../Box';
|
|
5
5
|
import { Text } from '../Text';
|
|
6
6
|
import { Icon } from '../Icon';
|
|
7
7
|
import { theme } from '../theme';
|
|
8
8
|
import { DatesList } from './DatesList';
|
|
9
|
+
import { convertToUkDate } from '../utils/date';
|
|
10
|
+
const getAvailableMonths = (startDate, endDate) => {
|
|
11
|
+
const monthList = eachMonthOfInterval({
|
|
12
|
+
start: startDate,
|
|
13
|
+
end: endDate,
|
|
14
|
+
});
|
|
15
|
+
return monthList.map((monthDate) => ({
|
|
16
|
+
date: monthDate,
|
|
17
|
+
label: format(monthDate, 'MMMM'),
|
|
18
|
+
}));
|
|
19
|
+
};
|
|
9
20
|
export const Datepicker = ({ disableWeekend = true, firstDayShift = false, range = 14, fromDate = new Date(), onDateSelect, }) => {
|
|
21
|
+
// We want to make sure that the date is in the UK timezone,
|
|
22
|
+
// this might need to be revisit when opening up to new countries
|
|
23
|
+
const startDate = convertToUkDate(fromDate);
|
|
24
|
+
const endDate = addDays(startDate, range);
|
|
25
|
+
const availableMonths = getAvailableMonths(startDate, endDate);
|
|
10
26
|
const [activeDay, setActiveDay] = useState();
|
|
11
|
-
const [
|
|
12
|
-
const [listDays, setListDays] = useState([
|
|
13
|
-
{
|
|
14
|
-
monthName: '',
|
|
15
|
-
filteredDays: [],
|
|
16
|
-
},
|
|
17
|
-
]);
|
|
27
|
+
const [activeMonthIndex, setActiveMonth] = useState(0);
|
|
18
28
|
const handleSelectEvent = (date) => {
|
|
19
29
|
setActiveDay(date);
|
|
20
30
|
onDateSelect(format(date, 'yyyy-MM-dd'));
|
|
21
31
|
};
|
|
22
|
-
const generateDaysForMonth = (
|
|
23
|
-
const
|
|
24
|
-
const
|
|
25
|
-
const
|
|
26
|
-
const year = getYear(startDay);
|
|
32
|
+
const generateDaysForMonth = (monthDate) => {
|
|
33
|
+
const daysInMonth = getDaysInMonth(monthDate);
|
|
34
|
+
const month = getMonth(monthDate);
|
|
35
|
+
const year = getYear(monthDate);
|
|
27
36
|
const filteredDays = [];
|
|
28
|
-
if (firstDayShift) {
|
|
29
|
-
const date = new Date(year, month, 1);
|
|
30
|
-
const dayOfTheWeek = getISODay(date);
|
|
31
|
-
const blankDays = dayOfTheWeek - 1;
|
|
32
|
-
for (let i = 0; i < blankDays; i += 1) {
|
|
33
|
-
filteredDays.push({
|
|
34
|
-
date,
|
|
35
|
-
label: '',
|
|
36
|
-
active: false,
|
|
37
|
-
disabled: true,
|
|
38
|
-
});
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
37
|
for (let i = 1; i <= daysInMonth; i += 1) {
|
|
42
38
|
const date = new Date(year, month, i);
|
|
43
39
|
filteredDays.push({
|
|
@@ -45,44 +41,21 @@ export const Datepicker = ({ disableWeekend = true, firstDayShift = false, range
|
|
|
45
41
|
label: format(date, 'dd'),
|
|
46
42
|
active: activeDay ? isSameDay(date, activeDay) : false,
|
|
47
43
|
disabled: (!isToday(date) &&
|
|
48
|
-
!isWithinInterval(date, { start:
|
|
44
|
+
!isWithinInterval(date, { start: startDate, end: endDate })) ||
|
|
49
45
|
(disableWeekend && isWeekend(date)),
|
|
50
46
|
});
|
|
51
47
|
}
|
|
52
|
-
return
|
|
53
|
-
monthName,
|
|
54
|
-
filteredDays,
|
|
55
|
-
};
|
|
56
|
-
};
|
|
57
|
-
const combineAvailableDays = () => {
|
|
58
|
-
const today = fromDate;
|
|
59
|
-
const endDay = addDays(today, range);
|
|
60
|
-
const sameMonth = isSameMonth(today, endDay);
|
|
61
|
-
let availableDays = [];
|
|
62
|
-
// Check if we should generate dates from current for next month
|
|
63
|
-
if (!sameMonth) {
|
|
64
|
-
const thisMonth = generateDaysForMonth(today, endDay);
|
|
65
|
-
const nextMonth = generateDaysForMonth(startOfMonth(addMonths(today, 1)), endDay);
|
|
66
|
-
availableDays = [thisMonth, nextMonth];
|
|
67
|
-
}
|
|
68
|
-
else {
|
|
69
|
-
availableDays = [generateDaysForMonth(today, endDay)];
|
|
70
|
-
}
|
|
71
|
-
setListDays(availableDays);
|
|
48
|
+
return filteredDays;
|
|
72
49
|
};
|
|
73
|
-
useLayoutEffect(() => {
|
|
74
|
-
combineAvailableDays();
|
|
75
|
-
}, [activeDay, activeMonth]);
|
|
76
50
|
return (React.createElement(Container, { id: "datepicker" },
|
|
77
51
|
React.createElement(Header, { flex: true, alignItems: "center", justifyContent: "space-between", direction: "row" },
|
|
78
|
-
React.createElement(Circle, { disabled:
|
|
52
|
+
React.createElement(Circle, { disabled: activeMonthIndex === 0, onClick: () => setActiveMonth(activeMonthIndex - 1) },
|
|
79
53
|
React.createElement(Caret, { render: "caret", color: "white", size: 24, rotate: 90 })),
|
|
80
|
-
React.createElement(Heading, { tag: "h4", typo: "desc-base" },
|
|
81
|
-
React.createElement(Circle, { disabled:
|
|
82
|
-
listDays[listDays.length - 1].monthName, onClick: () => setActiveMonth(activeMonth + 1) },
|
|
54
|
+
React.createElement(Heading, { tag: "h4", typo: "desc-base" }, availableMonths[activeMonthIndex].label),
|
|
55
|
+
React.createElement(Circle, { disabled: activeMonthIndex === availableMonths.length - 1, onClick: () => setActiveMonth(activeMonthIndex + 1) },
|
|
83
56
|
React.createElement(Caret, { render: "caret", color: "white", size: 24, rotate: -90 }))),
|
|
84
57
|
React.createElement(Box, { flex: true, alignItems: "center", justifyContent: "center" },
|
|
85
|
-
React.createElement(DatesList, { items:
|
|
58
|
+
React.createElement(DatesList, { items: generateDaysForMonth(availableMonths[activeMonthIndex].date), handleDateSelect: handleSelectEvent, firstDayShift: firstDayShift }))));
|
|
86
59
|
};
|
|
87
60
|
const Container = styled(Box) `
|
|
88
61
|
font-family: ${theme.font.system};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Datepicker.js","sourceRoot":"","sources":["../../src/Datepicker/Datepicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,QAAQ,EAAE,
|
|
1
|
+
{"version":3,"file":"Datepicker.js","sourceRoot":"","sources":["../../src/Datepicker/Datepicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,19 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import styled from 'styled-components';
|
|
3
|
+
import { getISODay } from 'date-fns';
|
|
3
4
|
import { theme } from '../theme';
|
|
4
|
-
|
|
5
|
+
const getBlankDaysCount = (firstDayOfTheMonth) => {
|
|
6
|
+
const dayOfTheWeek = getISODay(firstDayOfTheMonth);
|
|
7
|
+
return dayOfTheWeek - 1;
|
|
8
|
+
};
|
|
9
|
+
export const DatesList = ({ items, handleDateSelect, firstDayShift, }) => {
|
|
10
|
+
return (React.createElement(Container, null,
|
|
11
|
+
firstDayShift &&
|
|
12
|
+
Array(getBlankDaysCount(items[0].date))
|
|
13
|
+
.fill(null)
|
|
14
|
+
.map((_, index) => React.createElement(ListItem, { key: `blankItem-${index}`, disabled: true })),
|
|
15
|
+
items.map((item, i) => (React.createElement(ListItem, { key: i, disabled: item.disabled, className: `ListItem ${item.active ? 'active' : ''}`, onClick: () => handleDateSelect(item.date) }, item.label)))));
|
|
16
|
+
};
|
|
5
17
|
const Container = styled.ul `
|
|
6
18
|
display: grid;
|
|
7
19
|
grid-column-gap: 4px;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatesList.js","sourceRoot":"","sources":["../../src/Datepicker/DatesList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAA;AACjC,OAAO,MAAM,MAAM,mBAAmB,CAAA;
|
|
1
|
+
{"version":3,"file":"DatesList.js","sourceRoot":"","sources":["../../src/Datepicker/DatesList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAA;AACjC,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAEpC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAUhC,MAAM,iBAAiB,GAAG,CAAC,kBAAwB,EAAE,EAAE;IACrD,MAAM,YAAY,GAAG,SAAS,CAAC,kBAAkB,CAAC,CAAA;IAClD,OAAO,YAAY,GAAG,CAAC,CAAA;AACzB,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAc,CAAC,EACnC,KAAK,EACL,gBAAgB,EAChB,aAAa,GACd,EAAE,EAAE;IACH,OAAO,CACL,oBAAC,SAAS;QACP,aAAa;YACZ,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;iBACpC,IAAI,CAAC,IAAI,CAAC;iBACV,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,oBAAC,QAAQ,IAAC,GAAG,EAAE,aAAa,KAAK,EAAE,EAAE,QAAQ,SAAG,CAAC;QACvE,KAAK,CAAC,GAAG,CAAC,CAAC,IAAS,EAAE,CAAC,EAAE,EAAE,CAAC,CAC3B,oBAAC,QAAQ,IACP,GAAG,EAAE,CAAC,EACN,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,SAAS,EAAE,YAAY,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,EACpD,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,IAEzC,IAAI,CAAC,KAAK,CACF,CACZ,CAAC,CACQ,CACb,CAAA;AACH,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,EAAE,CAAA;;;;;;;;;;;;;;;;CAgB1B,CAAA;AAMD,MAAM,QAAQ,GAAG,MAAM,CAAC,EAAE,CAAW;;;;;;;;iBAQpB,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM;;;WAG9B,KAAK,CAAC,MAAM,CAAC,SAAS;;oBAEb,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;aACjD,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC;;;;wBAI/B,KAAK,CAAC,MAAM,CAAC,UAAU;;;;aAIlC,KAAK,CAAC,MAAM,CAAC,KAAK;wBACP,KAAK,CAAC,MAAM,CAAC,SAAS;;;CAG7C,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import React, { FormEvent, RefObject } from 'react';
|
|
2
2
|
export declare type DropdownItem = {
|
|
3
3
|
optionGroupLabel?: string;
|
|
4
4
|
label: string;
|
|
@@ -49,5 +49,13 @@ declare type TruncateProps = {
|
|
|
49
49
|
onInputChange: (e: FormEvent<HTMLSelectElement>) => void;
|
|
50
50
|
};
|
|
51
51
|
export declare type DropdownProps = DefaultProps & TruncateProps;
|
|
52
|
-
export declare const Dropdown:
|
|
52
|
+
export declare const Dropdown: React.ForwardRefExoticComponent<(Pick<DefaultProps & {
|
|
53
|
+
/** on change is required and on input optional */
|
|
54
|
+
onSelect: (e: string) => void;
|
|
55
|
+
onInputChange?: ((e: FormEvent<HTMLSelectElement>) => void) | undefined;
|
|
56
|
+
}, "required" | "error" | "id" | "name" | "value" | "label" | "className" | "disabled" | "list" | "defaultValue" | "placeholder" | "onBlur" | "onSelect" | "outlined" | "errorMsg" | "onInputChange"> | Pick<DefaultProps & {
|
|
57
|
+
/** on input is required and on change optional */
|
|
58
|
+
onSelect?: ((e: string) => void) | undefined;
|
|
59
|
+
onInputChange: (e: FormEvent<HTMLSelectElement>) => void;
|
|
60
|
+
}, "required" | "error" | "id" | "name" | "value" | "label" | "className" | "disabled" | "list" | "defaultValue" | "placeholder" | "onBlur" | "onSelect" | "outlined" | "errorMsg" | "onInputChange">) & React.RefAttributes<HTMLSelectElement>>;
|
|
53
61
|
export {};
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import React, { useEffect, useState } from 'react';
|
|
1
|
+
import React, { useEffect, useState, forwardRef, } from 'react';
|
|
2
2
|
import styled from 'styled-components';
|
|
3
3
|
import { darken } from 'polished';
|
|
4
4
|
import { Text } from '../Text';
|
|
5
5
|
import { Icon } from '../Icon';
|
|
6
6
|
import { Box } from '../Box';
|
|
7
7
|
import { theme } from '../theme';
|
|
8
|
-
export const Dropdown = ({ id, className = '',
|
|
8
|
+
export const Dropdown = forwardRef(function Dropdown({ id, className = '', label, placeholder, name, value, defaultValue, disabled = false, list, onSelect, outlined = false, error = false, errorMsg = '', onInputChange, onBlur, required = true, }, ref) {
|
|
9
9
|
const [key, setKey] = useState('');
|
|
10
10
|
const [hasOptGroups, setHasOptGroups] = useState(false);
|
|
11
11
|
const [dropdownItemsGroups, setDropdownItemsGroups] = useState([]);
|
|
@@ -49,7 +49,7 @@ export const Dropdown = ({ id, className = '', ref, label, placeholder, name, va
|
|
|
49
49
|
React.createElement(Caret, { outlined: outlined },
|
|
50
50
|
React.createElement(Icon, { render: "caret", color: "subtext", size: 24 }))),
|
|
51
51
|
error && React.createElement(ErrorBox, null, errorMsg)));
|
|
52
|
-
};
|
|
52
|
+
});
|
|
53
53
|
const Container = styled.div `
|
|
54
54
|
display: flex;
|
|
55
55
|
flex-direction: column;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../src/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../src/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,SAAS,EACT,QAAQ,EAGR,UAAU,GAEX,MAAM,OAAO,CAAA;AACd,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAE5B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AA+DhC,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAAC,SAAS,QAAQ,CAClD,EACE,EAAE,EACF,SAAS,GAAG,EAAE,EACd,KAAK,EACL,WAAW,EACX,IAAI,EACJ,KAAK,EACL,YAAY,EACZ,QAAQ,GAAG,KAAK,EAChB,IAAI,EACJ,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,KAAK,GAAG,KAAK,EACb,QAAQ,GAAG,EAAE,EACb,aAAa,EACb,MAAM,EACN,QAAQ,GAAG,IAAI,GACD,EAChB,GAAoC;IAEpC,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IAClC,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACvD,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,QAAQ,CAC5D,EAAsB,CACvB,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE;YACrB,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;SACxB;QAED,iFAAiF;QACjF,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;QAEhE,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAA;QAE/D,MAAM,kBAAkB,GAAG,IAAI,GAAG,EAA0B,CAAA;QAE5D,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;;YACpB,MAAM,GAAG,GAAG,MAAA,IAAI,CAAC,gBAAgB,mCAAI,EAAE,CAAA;YACvC,MAAM,KAAK,GAAG,MAAA,kBAAkB,CAAC,GAAG,CAAC,GAAG,CAAC,mCAAI,EAAE,CAAA;YAE/C,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;YAChB,kBAAkB,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAA;QACpC,CAAC,CAAC,CAAA;QAEF,sBAAsB,CAAC,KAAK,CAAC,IAAI,CAAC,kBAAkB,CAAC,MAAM,EAAE,CAAC,CAAC,CAAA;IACjE,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,OAAO,CACL,oBAAC,SAAS,IAAC,SAAS,EAAE,SAAS;QAC5B,KAAK,IAAI,CACR,oBAAC,GAAG,IAAC,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK;YAC/B,oBAAC,IAAI,IAAC,GAAG,EAAC,OAAO,EAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,EAAE,IACvD,KAAK,CACD,CACH,CACP;QAED,oBAAC,OAAO,IAAC,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG;YACnC,oBAAC,MAAM,IACL,EAAE,EAAE,EAAE,EACN,YAAY,EACV,IAAI,CAAC,MAAM,KAAK,CAAC;oBACf,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;oBACvB,CAAC,CAAC,YAAY;wBACd,CAAC,CAAC,YAAY;wBACd,CAAC,CAAC,WAAW,EAEjB,QAAQ,EAAE,QAAQ,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,EACrC,QAAQ,EAAE,CAAC,CAA+B,EAAE,EAAE;oBAC5C,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;oBAC3C,aAAa,IAAI,aAAa,CAAC,CAAC,CAAC,CAAA;gBACnC,CAAC,EACD,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE;oBACZ,MAAM,IAAI,MAAM,CAAC,CAAC,CAAC,CAAA;gBACrB,CAAC,EACD,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK;gBAEX,YAAY,CAAC,CAAC,CAAC,CACd,kCAAU,KAAK,EAAE,WAAW;oBAC1B,gCAAQ,KAAK,EAAC,EAAE,EAAC,MAAM,UACpB,WAAW,CACL,CACA,CACZ,CAAC,CAAC,CAAC,CACF,gCAAQ,KAAK,EAAC,EAAE,EAAC,MAAM,UACpB,WAAW,CACL,CACV;gBAEA,mBAAmB,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,CAAC,EAAE,EAAE;;oBACzC,OAAA,YAAY,CAAC,CAAC,CAAC,CACb,kCACE,GAAG,EAAE,CAAC,EACN,KAAK,EAAE,MAAA,UAAU,CAAC,CAAC,CAAC,CAAC,gBAAgB,mCAAI,OAAO,IAE/C,UAAU,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CACzB,gCAAQ,GAAG,EAAE,GAAG,CAAC,IAAI,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,IACtC,EAAE,CAAC,KAAK,CACF,CACV,CAAC,CACO,CACZ,CAAC,CAAC,CAAC,CACF,UAAU,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CACxB,gCAAQ,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,IAC5B,EAAE,CAAC,KAAK,CACF,CACV,CAAC,CACH,CAAA;iBAAA,CACF,CACM;YAET,oBAAC,KAAK,IAAC,QAAQ,EAAE,QAAQ;gBACvB,oBAAC,IAAI,IAAC,MAAM,EAAC,OAAO,EAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAE,EAAE,GAAI,CAC3C,CACA;QACT,KAAK,IAAI,oBAAC,QAAQ,QAAE,QAAQ,CAAY,CAC/B,CACb,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;CAO3B,CAAA;AAED,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAc;;;CAGvC,CAAA;AAED,MAAM,eAAe,GAAG,CAAC,QAAkB,EAAE,KAAe,EAAE,EAAE;IAC9D,IAAI,KAAK,IAAI,QAAQ,EAAE;QACrB,OAAO,qBAAqB,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAA;KACjD;SAAM,IAAI,KAAK,IAAI,CAAC,QAAQ,EAAE;QAC7B,OAAO,4BAA4B,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAA;KACxD;SAAM;QACL,OAAM;KACP;AACH,CAAC,CAAA;AAED,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAc;;;;sBAIpB,KAAK,CAAC,MAAM,CAAC,KAAK;;mBAErB,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAChC,CAAC,QAAQ,IAAI,aAAa,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE;;;;;;;;;;;;aAYvC,KAAK,CAAC,MAAM,CAAC,OAAO;;;;;;;;oBAQb,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC;;;IAGjD,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CACjB,QAAQ;IACR;sBACkB,KAAK,CAAC,MAAM,CAAC,OAAO;;;;;;;wBAOlB,KAAK,CAAC,MAAM,CAAC,OAAO;;CAE3C;;IAEG,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACd,KAAK;IACL,KAAK,IAAI,EAAE;IACX;wBACoB,KAAK,CAAC,MAAM,CAAC,OAAO;CAC3C;;EAEC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,eAAe,CAAC,QAAQ,EAAE,KAAK,CAAC;CAC1D,CAAA;AAED,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAc;;;;WAI3B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC;;;CAGrD,CAAA;AAED,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAA;;;WAGjB,KAAK,CAAC,MAAM,CAAC,KAAK;CAC5B,CAAA"}
|
|
@@ -1,8 +1,47 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { DropdownProps } from './Dropdown';
|
|
3
2
|
declare const _default: {
|
|
4
3
|
title: string;
|
|
5
|
-
component: React.
|
|
4
|
+
component: React.ForwardRefExoticComponent<(Pick<{
|
|
5
|
+
id: string;
|
|
6
|
+
className?: string | undefined;
|
|
7
|
+
ref?: React.RefObject<HTMLSelectElement> | undefined;
|
|
8
|
+
placeholder?: string | undefined;
|
|
9
|
+
label?: string | undefined;
|
|
10
|
+
name?: string | undefined;
|
|
11
|
+
value?: string | undefined;
|
|
12
|
+
defaultValue?: string | undefined;
|
|
13
|
+
error?: boolean | undefined;
|
|
14
|
+
errorMsg?: string | undefined;
|
|
15
|
+
disabled?: boolean | undefined;
|
|
16
|
+
list: import("./Dropdown").DropdownItem[];
|
|
17
|
+
onSelect: (element: string) => void;
|
|
18
|
+
outlined?: boolean | undefined;
|
|
19
|
+
onBlur?: ((e: React.FormEvent<HTMLSelectElement>) => void) | undefined;
|
|
20
|
+
required?: boolean | undefined;
|
|
21
|
+
} & {
|
|
22
|
+
onSelect: (e: string) => void;
|
|
23
|
+
onInputChange?: ((e: React.FormEvent<HTMLSelectElement>) => void) | undefined;
|
|
24
|
+
}, "required" | "error" | "id" | "name" | "value" | "label" | "className" | "disabled" | "list" | "defaultValue" | "placeholder" | "onBlur" | "onSelect" | "outlined" | "errorMsg" | "onInputChange"> | Pick<{
|
|
25
|
+
id: string;
|
|
26
|
+
className?: string | undefined;
|
|
27
|
+
ref?: React.RefObject<HTMLSelectElement> | undefined;
|
|
28
|
+
placeholder?: string | undefined;
|
|
29
|
+
label?: string | undefined;
|
|
30
|
+
name?: string | undefined;
|
|
31
|
+
value?: string | undefined;
|
|
32
|
+
defaultValue?: string | undefined;
|
|
33
|
+
error?: boolean | undefined;
|
|
34
|
+
errorMsg?: string | undefined;
|
|
35
|
+
disabled?: boolean | undefined;
|
|
36
|
+
list: import("./Dropdown").DropdownItem[];
|
|
37
|
+
onSelect: (element: string) => void;
|
|
38
|
+
outlined?: boolean | undefined;
|
|
39
|
+
onBlur?: ((e: React.FormEvent<HTMLSelectElement>) => void) | undefined;
|
|
40
|
+
required?: boolean | undefined;
|
|
41
|
+
} & {
|
|
42
|
+
onSelect?: ((e: string) => void) | undefined;
|
|
43
|
+
onInputChange: (e: React.FormEvent<HTMLSelectElement>) => void;
|
|
44
|
+
}, "required" | "error" | "id" | "name" | "value" | "label" | "className" | "disabled" | "list" | "defaultValue" | "placeholder" | "onBlur" | "onSelect" | "outlined" | "errorMsg" | "onInputChange">) & React.RefAttributes<HTMLSelectElement>>;
|
|
6
45
|
argTypes: {
|
|
7
46
|
onSelect: {
|
|
8
47
|
action: string;
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import React, { useEffect, useState } from 'react';
|
|
2
2
|
import styled from 'styled-components';
|
|
3
|
-
import { v4 as UUID } from 'uuid';
|
|
4
3
|
import { Box } from '../Box';
|
|
5
4
|
import { Text } from '../Text';
|
|
6
5
|
import { Icon } from '../Icon';
|
|
@@ -70,7 +69,7 @@ export const Pagination = ({ total, partition, handlePageChange, }) => {
|
|
|
70
69
|
showFirstDots && (React.createElement(Box, { flex: true, justifyContent: "center" },
|
|
71
70
|
React.createElement(Text, { tag: "p" }, "..."))),
|
|
72
71
|
shownPages.map((i) => {
|
|
73
|
-
return (React.createElement(PageBox, { active: activePage === i, key:
|
|
72
|
+
return (React.createElement(PageBox, { active: activePage === i, key: i, onClick: () => movePage(i) },
|
|
74
73
|
React.createElement(Text, { typo: activePage === i ? 'desc-medium' : 'desc-light', tag: "p" }, i)));
|
|
75
74
|
}),
|
|
76
75
|
showLastDots && (React.createElement(Box, { flex: true, justifyContent: "center" },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../src/Pagination/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,MAAM,MAAM,mBAAmB,CAAA;
|
|
1
|
+
{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../src/Pagination/Pagination.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchInput.js","sourceRoot":"","sources":["../../src/SearchInput/SearchInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAChC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAmD9B,MAAM,CAAC,MAAM,WAAW,GAAyB,CAAC,EAChD,EAAE,EACF,IAAI,GAAG,cAAc,EACrB,KAAK,EACL,WAAW,EACX,UAAU,EACV,OAAO,EACP,uBAAuB,GAAG,KAAK,EAC/B,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,GACjB,EAAE,EAAE;IACH,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC3C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAoB,EAAE,CAAC,CAAA;IACvD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IACxD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE/C,MAAM,MAAM,GAAG,CAAC,CAAoC,EAAQ,EAAE;QAC5D,MAAM,KAAK,GAAG,CAAC,CAAC,aAAa,CAAC,KAAK,CAAA;QAEnC,IAAI,KAAK,EAAE;YACT,yDAAyD;YACzD,IAAI,KAAK,CAAC,MAAM,IAAI,CAAC,EAAE;gBACrB,MAAM,YAAY,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,CAC5C,EAAE,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,iBAAiB,EAAE,CAAC,CAC3D,CAAA;gBAED,mDAAmD;gBACnD,SAAS,CAAC,IAAI,CAAC,CAAA;gBACf,OAAO,CAAC,YAAY,CAAC,CAAA;aACtB;SACF;aAAM;YACL,SAAS,CAAC,KAAK,CAAC,CAAA;SACjB;IACH,CAAC,CAAA;IAED,MAAM,gBAAgB,GAAG,CAAC,CAAoC,EAAQ,EAAE;QACtE,MAAM,KAAK,GAAG,CAAC,CAAC,aAAa,CAAC,KAAK,CAAA;QACnC,iBAAiB,CAAC,KAAK,CAAC,CAAA;IAC1B,CAAC,CAAA;IAED,MAAM,MAAM,GAAG,CAAC,YAA6B,EAAQ,EAAE;QACrD,SAAS,CAAC,KAAK,CAAC,CAAA;QAChB,iBAAiB,CAAC,YAAY,CAAC,KAAK,CAAC,CAAA;QACrC,OAAO,CAAC,YAAY,CAAC,KAAK,CAAC,CAAA;QAC3B,WAAW,CAAC,IAAI,CAAC,CAAA;IACnB,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,SAAS;QACP,KAAK,IAAI,CACR,oBAAC,GAAG,IAAC,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK;YAC/B,oBAAC,IAAI,IAAC,GAAG,EAAC,OAAO,EAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,EAAE,IACvD,KAAK,CACD,CACH,CACP;QAED,oBAAC,QAAQ,IAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ;YAC7C,QAAQ,IAAI,oBAAC,UAAU,IAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAC,QAAQ,EAAC,KAAK,EAAC,SAAS,GAAG;YACrE,oBAAC,KAAK,IACJ,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,MAAM,EACX,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,YAAY,EAAC,KAAK,EAClB,KAAK,EAAE,cAAc,EACrB,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,gBAAgB,EAC1B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,GAClB,CACO;QAEX,oBAAC,gBAAgB,IACf,IAAI,EAAE,MAAM,EACZ,gBAAgB,EAAE,CAAC,uBAAuB,EAC1C,QAAQ,EAAE,QAAQ;YAElB,oBAAC,WAAW,IAAC,QAAQ,EAAE,QAAQ,IAC5B,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CACb,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAClB,4BAAI,GAAG,EAAE,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,IAClC,EAAE,CAAC,KAAK,CACN,CACN,CAAC,CACH,CAAC,CAAC,CAAC,CACF,6CAAmB,CACpB,CACW,CACG,CACT,CACb,CAAA;AACH,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;gBAGZ,KAAK,CAAC,MAAM,CAAC,KAAK;CACjC,CAAA;AAED,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAW;;;mBAGnB,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAChC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE;IACvD,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CACjB,QAAQ;IACR;wBACoB,KAAK,CAAC,MAAM,CAAC,OAAO;;;GAGzC;aACU,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC;;;;;oBAKjD,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC;;;IAGjD,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CACjB,QAAQ;IACR;oBACgB,KAAK,CAAC,MAAM,CAAC,OAAO;GACrC;WACQ,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CACxB,QAAQ,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,SAAS,EAAE;CACrE,CAAA;AAED,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAc;;;;;;;;;aAS3B,KAAK,CAAC,MAAM,CAAC,OAAO
|
|
1
|
+
{"version":3,"file":"SearchInput.js","sourceRoot":"","sources":["../../src/SearchInput/SearchInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { FormEvent,
|
|
1
|
+
import React, { FormEvent, RefObject } from 'react';
|
|
2
2
|
declare type DefaultProps = {
|
|
3
3
|
/** ID, usually used for tests */
|
|
4
4
|
id: string;
|
|
@@ -40,5 +40,13 @@ declare type TruncateProps = {
|
|
|
40
40
|
onInputChange: (e: FormEvent<HTMLInputElement>) => void;
|
|
41
41
|
};
|
|
42
42
|
export declare type TextInputProps = DefaultProps & TruncateProps;
|
|
43
|
-
export declare const TextInput:
|
|
43
|
+
export declare const TextInput: React.ForwardRefExoticComponent<(Pick<DefaultProps & {
|
|
44
|
+
/** on change is required and on input optional */
|
|
45
|
+
onChange: (e: string) => void;
|
|
46
|
+
onInputChange?: ((e: FormEvent<HTMLInputElement>) => void) | undefined;
|
|
47
|
+
}, "type" | "error" | "id" | "name" | "value" | "label" | "className" | "disabled" | "placeholder" | "onBlur" | "onChange" | "outlined" | "errorMsg" | "onInputChange" | "trailingIcon"> | Pick<DefaultProps & {
|
|
48
|
+
/** on input is required and on change optional */
|
|
49
|
+
onChange?: ((e: string) => void) | undefined;
|
|
50
|
+
onInputChange: (e: FormEvent<HTMLInputElement>) => void;
|
|
51
|
+
}, "type" | "error" | "id" | "name" | "value" | "label" | "className" | "disabled" | "placeholder" | "onBlur" | "onChange" | "outlined" | "errorMsg" | "onInputChange" | "trailingIcon">) & React.RefAttributes<HTMLInputElement>>;
|
|
44
52
|
export {};
|
|
@@ -1,22 +1,24 @@
|
|
|
1
|
-
import React from 'react';
|
|
1
|
+
import React, { forwardRef } from 'react';
|
|
2
2
|
import styled from 'styled-components';
|
|
3
3
|
import { darken } from 'polished';
|
|
4
4
|
import { Box } from '../Box';
|
|
5
5
|
import { Text } from '../Text';
|
|
6
6
|
import { Icon } from '../Icon';
|
|
7
7
|
import { theme } from '../theme';
|
|
8
|
-
export const TextInput = ({ id, className = '', type = 'text', placeholder, label, name, value, outlined = false, error = false, errorMsg, trailingIcon,
|
|
9
|
-
|
|
10
|
-
React.createElement(
|
|
11
|
-
|
|
12
|
-
React.createElement(
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
onBlur
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
8
|
+
export const TextInput = forwardRef(function TextInput({ id, className = '', type = 'text', placeholder, label, name, value, outlined = false, error = false, errorMsg, trailingIcon, onBlur, onChange, onInputChange, disabled = false, }, ref) {
|
|
9
|
+
return (React.createElement(Container, { className: className, hasLabel: !!label, hasError: !!errorMsg },
|
|
10
|
+
label && (React.createElement(Box, { mb: outlined ? '4px' : '0px' },
|
|
11
|
+
React.createElement(Text, { tag: "label", color: "subtext", typo: "label", htmlFor: id }, label))),
|
|
12
|
+
React.createElement(Content, { value: value, outlined: outlined, error: error },
|
|
13
|
+
React.createElement(Input, { disabled: disabled, type: type, id: id, name: name, ref: ref, placeholder: placeholder, value: value, error: error, outlined: outlined, autoComplete: "off", onChange: (e) => {
|
|
14
|
+
onChange && onChange(e.currentTarget.value);
|
|
15
|
+
onInputChange && onInputChange(e);
|
|
16
|
+
}, onBlur: (e) => {
|
|
17
|
+
onBlur && onBlur(e);
|
|
18
|
+
} }),
|
|
19
|
+
trailingIcon && React.createElement(Icon, { render: trailingIcon, color: "subtext" })),
|
|
20
|
+
error && React.createElement(ErrorBox, null, errorMsg)));
|
|
21
|
+
});
|
|
20
22
|
const Container = styled.div `
|
|
21
23
|
display: flex;
|
|
22
24
|
flex-direction: column;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../src/TextInput/TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../src/TextInput/TextInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,43 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { TextInputProps } from './TextInput';
|
|
3
2
|
declare const _default: {
|
|
4
3
|
title: string;
|
|
5
|
-
component: React.
|
|
4
|
+
component: React.ForwardRefExoticComponent<(Pick<{
|
|
5
|
+
id: string;
|
|
6
|
+
className?: string | undefined;
|
|
7
|
+
ref?: React.RefObject<HTMLInputElement> | undefined;
|
|
8
|
+
type?: "password" | "time" | "text" | "email" | "date" | undefined;
|
|
9
|
+
outlined?: boolean | undefined;
|
|
10
|
+
placeholder: string;
|
|
11
|
+
label?: string | undefined;
|
|
12
|
+
name?: string | undefined;
|
|
13
|
+
value: string;
|
|
14
|
+
error?: boolean | undefined;
|
|
15
|
+
errorMsg?: string | undefined;
|
|
16
|
+
onBlur?: ((e: React.FormEvent<HTMLInputElement>) => void) | undefined;
|
|
17
|
+
trailingIcon?: string | undefined;
|
|
18
|
+
disabled?: boolean | undefined;
|
|
19
|
+
} & {
|
|
20
|
+
onChange: (e: string) => void;
|
|
21
|
+
onInputChange?: ((e: React.FormEvent<HTMLInputElement>) => void) | undefined;
|
|
22
|
+
}, "type" | "error" | "id" | "name" | "value" | "label" | "className" | "disabled" | "placeholder" | "onBlur" | "onChange" | "outlined" | "errorMsg" | "onInputChange" | "trailingIcon"> | Pick<{
|
|
23
|
+
id: string;
|
|
24
|
+
className?: string | undefined;
|
|
25
|
+
ref?: React.RefObject<HTMLInputElement> | undefined;
|
|
26
|
+
type?: "password" | "time" | "text" | "email" | "date" | undefined;
|
|
27
|
+
outlined?: boolean | undefined;
|
|
28
|
+
placeholder: string;
|
|
29
|
+
label?: string | undefined;
|
|
30
|
+
name?: string | undefined;
|
|
31
|
+
value: string;
|
|
32
|
+
error?: boolean | undefined;
|
|
33
|
+
errorMsg?: string | undefined;
|
|
34
|
+
onBlur?: ((e: React.FormEvent<HTMLInputElement>) => void) | undefined;
|
|
35
|
+
trailingIcon?: string | undefined;
|
|
36
|
+
disabled?: boolean | undefined;
|
|
37
|
+
} & {
|
|
38
|
+
onChange?: ((e: string) => void) | undefined;
|
|
39
|
+
onInputChange: (e: React.FormEvent<HTMLInputElement>) => void;
|
|
40
|
+
}, "type" | "error" | "id" | "name" | "value" | "label" | "className" | "disabled" | "placeholder" | "onBlur" | "onChange" | "outlined" | "errorMsg" | "onInputChange" | "trailingIcon">) & React.RefAttributes<HTMLInputElement>>;
|
|
6
41
|
argTypes: {
|
|
7
42
|
onChange: {
|
|
8
43
|
action: string;
|
|
@@ -1,11 +1,9 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import React, { FormEvent } from 'react';
|
|
2
2
|
declare type BaseProps = {
|
|
3
3
|
/** ID, usually used for tests */
|
|
4
4
|
id: string;
|
|
5
5
|
/** className attribute to apply classses from props */
|
|
6
6
|
className?: string;
|
|
7
|
-
/** ref attribute for input */
|
|
8
|
-
ref?: RefObject<HTMLTextAreaElement>;
|
|
9
7
|
/** Placeholder */
|
|
10
8
|
placeholder?: string;
|
|
11
9
|
/** label displayed above the input */
|
|
@@ -40,5 +38,5 @@ declare type TruncateProps = {
|
|
|
40
38
|
onInputChange: (e: FormEvent<HTMLTextAreaElement>) => void;
|
|
41
39
|
};
|
|
42
40
|
export declare type TextareaProps = BaseProps & TruncateProps;
|
|
43
|
-
export declare const Textarea:
|
|
41
|
+
export declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
|
|
44
42
|
export {};
|
|
@@ -1,20 +1,22 @@
|
|
|
1
|
-
import React from 'react';
|
|
1
|
+
import React, { forwardRef } from 'react';
|
|
2
2
|
import styled from 'styled-components';
|
|
3
3
|
import { darken } from 'polished';
|
|
4
4
|
import { Text } from '../Text';
|
|
5
5
|
import { Box } from '../Box';
|
|
6
6
|
import { theme } from '../theme';
|
|
7
|
-
export const Textarea = ({ id, name, label, value, onChange, onInputChange, className, resize = 'none', error = false, errorMsg, placeholder, disabled = false, maxLength, onBlur,
|
|
8
|
-
|
|
9
|
-
React.createElement(
|
|
10
|
-
|
|
11
|
-
React.createElement(
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
7
|
+
export const Textarea = forwardRef(function Textarea({ id, name, label, value, onChange, onInputChange, className, resize = 'none', error = false, errorMsg, placeholder, disabled = false, maxLength, onBlur, rows = 4, }, ref) {
|
|
8
|
+
return (React.createElement(Box, { flex: true, direction: "column", className: className },
|
|
9
|
+
label && (React.createElement(Box, { mb: "4px" },
|
|
10
|
+
React.createElement(Text, { tag: "label", color: "subtext", typo: "label", htmlFor: id }, label))),
|
|
11
|
+
React.createElement(Box, { flex: true, direction: "column" },
|
|
12
|
+
React.createElement(Field, { error: error, id: id, name: name, disabled: disabled, resize: resize, placeholder: placeholder, value: value, onChange: (e) => {
|
|
13
|
+
onChange && onChange(e.currentTarget.value);
|
|
14
|
+
onInputChange && onInputChange(e);
|
|
15
|
+
}, maxLength: maxLength, ref: ref, onBlur: (e) => {
|
|
16
|
+
onBlur && onBlur(e);
|
|
17
|
+
}, rows: rows })),
|
|
18
|
+
error && React.createElement(ErrorBox, null, errorMsg)));
|
|
19
|
+
});
|
|
18
20
|
const Field = styled.textarea `
|
|
19
21
|
font-size: 16px;
|
|
20
22
|
line-height: 20px;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../src/Textarea/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../src/Textarea/Textarea.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import { TextareaProps } from './Textarea';
|
|
3
3
|
declare const _default: {
|
|
4
4
|
title: string;
|
|
5
|
-
component: React.
|
|
5
|
+
component: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
|
|
6
6
|
};
|
|
7
7
|
export default _default;
|
|
8
8
|
export declare const Default: any;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const convertToUkDate: (date: Date) => Date;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
const ukTimeFormat = new Intl.DateTimeFormat('en-GB', {
|
|
2
|
+
timeZone: 'Europe/London',
|
|
3
|
+
});
|
|
4
|
+
export const convertToUkDate = (date) => {
|
|
5
|
+
const dateString = ukTimeFormat.format(date);
|
|
6
|
+
const [day, month, year] = dateString.split('/');
|
|
7
|
+
return new Date(Number(year), Number(month) - 1, Number(day));
|
|
8
|
+
};
|
|
9
|
+
//# sourceMappingURL=date.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"date.js","sourceRoot":"","sources":["../../src/utils/date.ts"],"names":[],"mappings":"AAAA,MAAM,YAAY,GAAG,IAAI,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE;IACpD,QAAQ,EAAE,eAAe;CAC1B,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,IAAU,EAAQ,EAAE;IAClD,MAAM,UAAU,GAAG,YAAY,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;IAC5C,MAAM,CAAC,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;IAEhD,OAAO,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAA;AAC/D,CAAC,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mrshmllw/smores-react",
|
|
3
|
-
"version": "2.1.
|
|
3
|
+
"version": "2.1.23",
|
|
4
4
|
"main": "./dist/index.js",
|
|
5
5
|
"description": "Collection of React components used by Marshmallow Technology",
|
|
6
6
|
"keywords": [
|
|
@@ -43,7 +43,6 @@
|
|
|
43
43
|
"@types/react": "^17.0.0",
|
|
44
44
|
"@types/react-dom": "^17.0.9",
|
|
45
45
|
"@types/styled-components": "^5.1.3",
|
|
46
|
-
"@types/uuid": "^8.3.0",
|
|
47
46
|
"@typescript-eslint/eslint-plugin": "^4.3.0",
|
|
48
47
|
"@typescript-eslint/parser": "^4.3.0",
|
|
49
48
|
"babel-eslint": "^10.1.0",
|
|
@@ -54,8 +53,9 @@
|
|
|
54
53
|
"eslint-plugin-jest": "^26.0.0",
|
|
55
54
|
"eslint-plugin-react": "^7.29.2",
|
|
56
55
|
"eslint-plugin-react-hooks": "^4.1.2",
|
|
57
|
-
"husky": "^
|
|
56
|
+
"husky": "^8.0.1",
|
|
58
57
|
"jest": "^28.0.3",
|
|
58
|
+
"jest-environment-jsdom": "^28.1.0",
|
|
59
59
|
"jest-styled-components": "^7.0.3",
|
|
60
60
|
"lint-staged": "^12.0.2",
|
|
61
61
|
"prettier": "^2.1.2",
|
|
@@ -67,8 +67,7 @@
|
|
|
67
67
|
"react": "^16.8.0",
|
|
68
68
|
"react-dom": "^16.8.0",
|
|
69
69
|
"styled-components": "^5.2.1",
|
|
70
|
-
"typescript": "^4.4.2"
|
|
71
|
-
"uuid": "^8.3.2"
|
|
70
|
+
"typescript": "^4.4.2"
|
|
72
71
|
},
|
|
73
72
|
"repository": {
|
|
74
73
|
"type": "git",
|