@mrshmllw/smores-react 2.19.1 → 2.19.3
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.d.ts +4 -0
- package/dist/Datepicker/Datepicker.js +12 -6
- package/dist/Datepicker/Datepicker.js.map +1 -1
- package/dist/Datepicker/Datepicker.stories.js +1 -0
- package/dist/Datepicker/Datepicker.stories.js.map +1 -1
- package/dist/Datepicker/DatesList.d.ts +1 -0
- package/dist/Datepicker/DatesList.js +8 -1
- package/dist/Datepicker/DatesList.js.map +1 -1
- package/dist/Dropdown/__tests__/Dropdown.d.ts +1 -0
- package/dist/Dropdown/__tests__/Dropdown.js +80 -0
- package/dist/Dropdown/__tests__/Dropdown.js.map +1 -0
- package/dist/Snackbar/SnackbarContainer.js +1 -1
- package/dist/Tooltip/Tooltip.d.ts +1 -0
- package/dist/Tooltip/Tooltip.js +6 -7
- package/dist/Tooltip/Tooltip.js.map +1 -1
- package/package.json +2 -2
|
@@ -1,8 +1,12 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
2
|
import { MarginProps } from '../utils/space';
|
|
3
3
|
export type DatepickerProps = {
|
|
4
|
+
showDayLabels?: boolean;
|
|
4
5
|
disableWeekend?: boolean;
|
|
5
6
|
fromDate?: Date;
|
|
7
|
+
endingDate?: Date;
|
|
8
|
+
showYear?: boolean;
|
|
9
|
+
showSelectedDate?: boolean;
|
|
6
10
|
range?: number;
|
|
7
11
|
onDateSelect: (date: string) => void;
|
|
8
12
|
onChange?: (value: Date) => void;
|
|
@@ -11,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
11
11
|
};
|
|
12
12
|
import React, { useState } from 'react';
|
|
13
13
|
import styled from 'styled-components';
|
|
14
|
-
import { format, addDays, getMonth, getYear, eachMonthOfInterval, isSameDay, isWithinInterval, getDaysInMonth, isWeekend, } from 'date-fns';
|
|
14
|
+
import { format, addDays, getMonth, getYear, eachMonthOfInterval, isSameDay, isWithinInterval, getDaysInMonth, isWeekend, isSameMonth, } from 'date-fns';
|
|
15
15
|
import { Box } from '../Box';
|
|
16
16
|
import { Text } from '../Text';
|
|
17
17
|
import { Icon } from '../Icon';
|
|
@@ -30,17 +30,20 @@ const getAvailableMonths = (startDate, endDate) => {
|
|
|
30
30
|
}));
|
|
31
31
|
};
|
|
32
32
|
export const Datepicker = (_a) => {
|
|
33
|
-
var { disableWeekend = true, range = 14, fromDate = new Date(), onDateSelect, onChange, value } = _a, marginProps = __rest(_a, ["disableWeekend", "range", "fromDate", "onDateSelect", "onChange", "value"]);
|
|
33
|
+
var { showDayLabels = false, disableWeekend = true, range = 14, fromDate = new Date(), endingDate, showYear = false, showSelectedDate = false, onDateSelect, onChange, value } = _a, marginProps = __rest(_a, ["showDayLabels", "disableWeekend", "range", "fromDate", "endingDate", "showYear", "showSelectedDate", "onDateSelect", "onChange", "value"]);
|
|
34
34
|
// We want to make sure that the date is in the UK timezone,
|
|
35
35
|
// this might need to be revisit when opening up to new countries
|
|
36
36
|
const startDate = convertToUkDate(fromDate);
|
|
37
|
-
const endDate = addDays(startDate, range);
|
|
37
|
+
const endDate = endingDate ? endingDate : addDays(startDate, range);
|
|
38
38
|
const availableMonths = getAvailableMonths(startDate, endDate);
|
|
39
|
+
const selectedDate = value !== null && value !== void 0 ? value : new Date();
|
|
39
40
|
const [activeDay, setActiveDay] = useControllableState({
|
|
40
41
|
initialState: undefined,
|
|
41
42
|
stateProp: value,
|
|
42
43
|
});
|
|
43
|
-
const [activeMonthIndex, setActiveMonth] = useState(
|
|
44
|
+
const [activeMonthIndex, setActiveMonth] = useState(showSelectedDate
|
|
45
|
+
? availableMonths.findIndex((month) => isSameMonth(month.date, selectedDate))
|
|
46
|
+
: 0);
|
|
44
47
|
const handleSelectEvent = (date) => {
|
|
45
48
|
setActiveDay(date);
|
|
46
49
|
onChange === null || onChange === void 0 ? void 0 : onChange(date);
|
|
@@ -67,11 +70,14 @@ export const Datepicker = (_a) => {
|
|
|
67
70
|
React.createElement(Header, { flex: true, alignItems: "center", justifyContent: "space-between", direction: "row" },
|
|
68
71
|
React.createElement(Circle, { type: "button", disabled: activeMonthIndex === 0, onClick: () => setActiveMonth(activeMonthIndex - 1) },
|
|
69
72
|
React.createElement(Caret, { render: "caret", color: "white", size: 24, rotate: 90 })),
|
|
70
|
-
React.createElement(Heading, { tag: "h4", typo: "body-regular" },
|
|
73
|
+
React.createElement(Heading, { tag: "h4", typo: "body-regular" },
|
|
74
|
+
availableMonths[activeMonthIndex].label,
|
|
75
|
+
' ',
|
|
76
|
+
showYear && `- ${getYear(availableMonths[activeMonthIndex].date)}`),
|
|
71
77
|
React.createElement(Circle, { type: "button", disabled: activeMonthIndex === availableMonths.length - 1, onClick: () => setActiveMonth(activeMonthIndex + 1) },
|
|
72
78
|
React.createElement(Caret, { render: "caret", color: "white", size: 24, rotate: -90 }))),
|
|
73
79
|
React.createElement(Box, { flex: true, alignItems: "center", justifyContent: "center" },
|
|
74
|
-
React.createElement(DatesList, { items: generateDaysForMonth(availableMonths[activeMonthIndex].date), handleDateSelect: handleSelectEvent }))));
|
|
80
|
+
React.createElement(DatesList, { items: generateDaysForMonth(availableMonths[activeMonthIndex].date), showDayLabels: showDayLabels, handleDateSelect: handleSelectEvent }))));
|
|
75
81
|
};
|
|
76
82
|
const Container = styled(Box) `
|
|
77
83
|
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,MAAM,OAAO,CAAA;AAC3C,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EACL,MAAM,EACN,OAAO,EACP,QAAQ,EACR,OAAO,EACP,mBAAmB,EACnB,SAAS,EACT,gBAAgB,EAChB,cAAc,EACd,SAAS,
|
|
1
|
+
{"version":3,"file":"Datepicker.js","sourceRoot":"","sources":["../../src/Datepicker/Datepicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Datepicker.stories.js","sourceRoot":"","sources":["../../src/Datepicker/Datepicker.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAmB,MAAM,cAAc,CAAA;AAE1D,eAAe;IACb,KAAK,EAAE,YAAY;IACnB,SAAS,EAAE,UAAU;IACrB,QAAQ,EAAE,EAAE,YAAY,EAAE,EAAE,MAAM,EAAE,eAAe,EAAE,EAAE;CACxD,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,KAAsB,EAAE,EAAE,CAAC,oBAAC,UAAU,oBAAK,KAAK,EAAI,CAAA;AAEtE,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,OAAO,CAAC,IAAI,GAAG;IACb,cAAc,EAAE,KAAK;IACrB,aAAa,EAAE,IAAI;IACnB,KAAK,EAAE,EAAE;IACT,QAAQ,EAAE,IAAI,IAAI,CAAC,YAAY,CAAC;CACjC,CAAA"}
|
|
1
|
+
{"version":3,"file":"Datepicker.stories.js","sourceRoot":"","sources":["../../src/Datepicker/Datepicker.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAmB,MAAM,cAAc,CAAA;AAE1D,eAAe;IACb,KAAK,EAAE,YAAY;IACnB,SAAS,EAAE,UAAU;IACrB,QAAQ,EAAE,EAAE,YAAY,EAAE,EAAE,MAAM,EAAE,eAAe,EAAE,EAAE;CACxD,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,KAAsB,EAAE,EAAE,CAAC,oBAAC,UAAU,oBAAK,KAAK,EAAI,CAAA;AAEtE,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,OAAO,CAAC,IAAI,GAAG;IACb,aAAa,EAAE,KAAK;IACpB,cAAc,EAAE,KAAK;IACrB,aAAa,EAAE,IAAI;IACnB,KAAK,EAAE,EAAE;IACT,QAAQ,EAAE,IAAI,IAAI,CAAC,YAAY,CAAC;CACjC,CAAA"}
|
|
@@ -2,18 +2,25 @@ import React from 'react';
|
|
|
2
2
|
import styled from 'styled-components';
|
|
3
3
|
import { getISODay } from 'date-fns';
|
|
4
4
|
import { theme } from '../theme';
|
|
5
|
+
import { Text } from '../Text';
|
|
5
6
|
const getBlankDaysCount = (firstDayOfTheMonth) => {
|
|
6
7
|
const dayOfTheWeek = getISODay(firstDayOfTheMonth);
|
|
7
8
|
return dayOfTheWeek - 1;
|
|
8
9
|
};
|
|
9
|
-
|
|
10
|
+
const daysOfTheWeek = ['mon', 'tues', 'wed', 'thurs', 'fri', 'sat', 'sun'];
|
|
11
|
+
export const DatesList = ({ items, handleDateSelect, showDayLabels, }) => {
|
|
10
12
|
return (React.createElement(Container, null,
|
|
13
|
+
showDayLabels &&
|
|
14
|
+
daysOfTheWeek.map((day) => {
|
|
15
|
+
return (React.createElement(Text, { key: day, color: "subtext", typo: "label", mb: "24px" }, day));
|
|
16
|
+
}),
|
|
11
17
|
Array(getBlankDaysCount(items[0].date))
|
|
12
18
|
.fill(null)
|
|
13
19
|
.map((_, index) => (React.createElement(ListItem, { key: `blankItem-${index}`, disabled: true }))),
|
|
14
20
|
items.map((item, i) => (React.createElement(ListItem, { key: i, disabled: item.disabled, className: `ListItem ${item.active ? 'active' : ''}`, onClick: () => handleDateSelect(item.date), "data-testid": item.label }, item.label)))));
|
|
15
21
|
};
|
|
16
22
|
const Container = styled.ul `
|
|
23
|
+
justify-items: center;
|
|
17
24
|
display: grid;
|
|
18
25
|
grid-column-gap: 4px;
|
|
19
26
|
grid-row-gap: 8px;
|
|
@@ -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;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAEpC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,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;AAGhC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAQ9B,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,aAAa,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAA;AAE1E,MAAM,CAAC,MAAM,SAAS,GAAc,CAAC,EACnC,KAAK,EACL,gBAAgB,EAChB,aAAa,GACd,EAAE,EAAE;IACH,OAAO,CACL,oBAAC,SAAS;QACP,aAAa;YACZ,aAAa,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;gBACxB,OAAO,CACL,oBAAC,IAAI,IAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,EAAC,EAAE,EAAC,MAAM,IACnD,GAAG,CACC,CACR,CAAA;YACH,CAAC,CAAC;QACH,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;aACrC,IAAI,CAAC,IAAI,CAAC;aACV,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CACjB,oBAAC,QAAQ,IAAC,GAAG,EAAE,aAAa,KAAK,EAAE,EAAE,QAAQ,SAAG,CACjD,CAAC;QACH,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,iBAC7B,IAAI,CAAC,KAAK,IAEtB,IAAI,CAAC,KAAK,CACF,CACZ,CAAC,CACQ,CACb,CAAA;AACH,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,EAAE,CAAA;;;;;;;;;;;;;;;;;CAiB1B,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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { render } from '@testing-library/react';
|
|
3
|
+
import 'jest-styled-components';
|
|
4
|
+
import { Dropdown } from '../Dropdown';
|
|
5
|
+
const days = [
|
|
6
|
+
{
|
|
7
|
+
label: 'Monday',
|
|
8
|
+
value: 'MONDAY',
|
|
9
|
+
},
|
|
10
|
+
{
|
|
11
|
+
label: 'Tuesday',
|
|
12
|
+
value: 'TUESDAY',
|
|
13
|
+
},
|
|
14
|
+
{
|
|
15
|
+
label: 'Wednesday',
|
|
16
|
+
value: 'WEDNESDAY',
|
|
17
|
+
},
|
|
18
|
+
{
|
|
19
|
+
label: 'Thursday',
|
|
20
|
+
value: 'THURSDAY',
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
label: 'Friday',
|
|
24
|
+
value: 'FRIDAY',
|
|
25
|
+
},
|
|
26
|
+
{
|
|
27
|
+
label: 'Saturday',
|
|
28
|
+
value: 'SATURDAY',
|
|
29
|
+
},
|
|
30
|
+
{
|
|
31
|
+
label: 'Sunday',
|
|
32
|
+
value: 'SUNDAY',
|
|
33
|
+
},
|
|
34
|
+
];
|
|
35
|
+
const daysWithGroups = [
|
|
36
|
+
{
|
|
37
|
+
label: 'Monday',
|
|
38
|
+
value: 'MONDAY',
|
|
39
|
+
optionGroupLabel: 'Weekday',
|
|
40
|
+
},
|
|
41
|
+
{
|
|
42
|
+
label: 'Tuesday',
|
|
43
|
+
value: 'TUESDAY',
|
|
44
|
+
optionGroupLabel: 'Weekday',
|
|
45
|
+
},
|
|
46
|
+
{
|
|
47
|
+
label: 'Wednesday',
|
|
48
|
+
value: 'WEDNESDAY',
|
|
49
|
+
optionGroupLabel: 'Weekday',
|
|
50
|
+
},
|
|
51
|
+
{
|
|
52
|
+
label: 'Thursday',
|
|
53
|
+
value: 'THURSDAY',
|
|
54
|
+
optionGroupLabel: 'Weekday',
|
|
55
|
+
},
|
|
56
|
+
{
|
|
57
|
+
label: 'Friday',
|
|
58
|
+
value: 'FRIDAY',
|
|
59
|
+
optionGroupLabel: 'Weekday',
|
|
60
|
+
},
|
|
61
|
+
{
|
|
62
|
+
label: 'Saturday',
|
|
63
|
+
value: 'SATURDAY',
|
|
64
|
+
optionGroupLabel: 'Weekend',
|
|
65
|
+
},
|
|
66
|
+
{
|
|
67
|
+
label: 'Sunday',
|
|
68
|
+
value: 'SUNDAY',
|
|
69
|
+
optionGroupLabel: 'Weekend',
|
|
70
|
+
},
|
|
71
|
+
];
|
|
72
|
+
test('rendersDropdown', () => {
|
|
73
|
+
const { container } = render(React.createElement(Dropdown, { list: days }));
|
|
74
|
+
expect(container.firstChild).toMatchSnapshot();
|
|
75
|
+
});
|
|
76
|
+
test('rendersDropdownWithGroups', () => {
|
|
77
|
+
const { container } = render(React.createElement(Dropdown, { list: daysWithGroups }));
|
|
78
|
+
expect(container.firstChild).toMatchSnapshot();
|
|
79
|
+
});
|
|
80
|
+
//# sourceMappingURL=Dropdown.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../src/Dropdown/__tests__/Dropdown.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAC/C,OAAO,wBAAwB,CAAA;AAE/B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAEtC,MAAM,IAAI,GAAG;IACX;QACE,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,QAAQ;KAChB;IACD;QACE,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,SAAS;KACjB;IACD;QACE,KAAK,EAAE,WAAW;QAClB,KAAK,EAAE,WAAW;KACnB;IACD;QACE,KAAK,EAAE,UAAU;QACjB,KAAK,EAAE,UAAU;KAClB;IACD;QACE,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,QAAQ;KAChB;IACD;QACE,KAAK,EAAE,UAAU;QACjB,KAAK,EAAE,UAAU;KAClB;IACD;QACE,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,QAAQ;KAChB;CACF,CAAA;AAED,MAAM,cAAc,GAAG;IACrB;QACE,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,QAAQ;QACf,gBAAgB,EAAE,SAAS;KAC5B;IACD;QACE,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,SAAS;QAChB,gBAAgB,EAAE,SAAS;KAC5B;IACD;QACE,KAAK,EAAE,WAAW;QAClB,KAAK,EAAE,WAAW;QAClB,gBAAgB,EAAE,SAAS;KAC5B;IACD;QACE,KAAK,EAAE,UAAU;QACjB,KAAK,EAAE,UAAU;QACjB,gBAAgB,EAAE,SAAS;KAC5B;IACD;QACE,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,QAAQ;QACf,gBAAgB,EAAE,SAAS;KAC5B;IACD;QACE,KAAK,EAAE,UAAU;QACjB,KAAK,EAAE,UAAU;QACjB,gBAAgB,EAAE,SAAS;KAC5B;IACD;QACE,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,QAAQ;QACf,gBAAgB,EAAE,SAAS;KAC5B;CACF,CAAA;AAED,IAAI,CAAC,iBAAiB,EAAE,GAAG,EAAE;IAC3B,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,oBAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,GAAI,CAAC,CAAA;IAEtD,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAA;AAChD,CAAC,CAAC,CAAA;AAEF,IAAI,CAAC,2BAA2B,EAAE,GAAG,EAAE;IACrC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,oBAAC,QAAQ,IAAC,IAAI,EAAE,cAAc,GAAI,CAAC,CAAA;IAEhE,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAA;AAChD,CAAC,CAAC,CAAA"}
|
|
@@ -15,6 +15,7 @@ export declare const Container: import("styled-components").StyledComponent<"div
|
|
|
15
15
|
underline: boolean;
|
|
16
16
|
}, never>;
|
|
17
17
|
export declare const Tip: import("styled-components").StyledComponent<"div", any, {
|
|
18
|
+
showTip: boolean;
|
|
18
19
|
position: Position;
|
|
19
20
|
arrowPosition: ArrowPosition;
|
|
20
21
|
shadow: boolean;
|
package/dist/Tooltip/Tooltip.js
CHANGED
|
@@ -6,6 +6,7 @@ import { theme } from '../theme';
|
|
|
6
6
|
export const Tooltip = ({ children, title, content, underline = false, defaultArrowPosition = 'center', shadow = false, }) => {
|
|
7
7
|
const tipContainer = useRef(null);
|
|
8
8
|
const documentRef = useRef(document);
|
|
9
|
+
const [showTip, setShowTip] = useState(false);
|
|
9
10
|
const [tooltipPosition, setTooltipPosition] = useState('top');
|
|
10
11
|
const [arrowPosition, setArrowPosition] = useState(defaultArrowPosition);
|
|
11
12
|
const checkInbounds = (element) => element.top >= 0 &&
|
|
@@ -80,8 +81,8 @@ export const Tooltip = ({ children, title, content, underline = false, defaultAr
|
|
|
80
81
|
ref: documentRef,
|
|
81
82
|
});
|
|
82
83
|
return (React.createElement(Container, { underline: underline },
|
|
83
|
-
React.createElement("
|
|
84
|
-
React.createElement(Tip, { className: "tooltip", position: tooltipPosition, arrowPosition: arrowPosition, shadow: shadow, ref: tipContainer },
|
|
84
|
+
React.createElement(Text, { cursor: "pointer", onMouseEnter: () => setShowTip(true), onMouseLeave: () => setShowTip(false) }, children),
|
|
85
|
+
React.createElement(Tip, { className: "tooltip", showTip: showTip, position: tooltipPosition, arrowPosition: arrowPosition, shadow: shadow, ref: tipContainer },
|
|
85
86
|
title && (React.createElement(Text, { tag: "h5", typo: "desc-medium", color: "secondary" }, title)),
|
|
86
87
|
(typeof content === 'string' && (React.createElement(Text, { typo: "desc-light", color: "secondary" }, content))) ||
|
|
87
88
|
content)));
|
|
@@ -206,12 +207,10 @@ export const Tip = styled.div `
|
|
|
206
207
|
white-space: nowrap;
|
|
207
208
|
padding: 16px 12px 20px;
|
|
208
209
|
border-radius: 8px;
|
|
209
|
-
opacity: 0;
|
|
210
|
+
opacity: ${({ showTip }) => (showTip ? '1' : '0')};
|
|
210
211
|
transition: opacity 0.2s ease-in-out;
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
opacity: 1;
|
|
214
|
-
}
|
|
212
|
+
pointer-events: none;
|
|
213
|
+
cursor: default;
|
|
215
214
|
|
|
216
215
|
${({ position }) => position === 'top' && top}
|
|
217
216
|
${({ position }) => position === 'bottom' && bottom}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../src/Tooltip/Tooltip.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../src/Tooltip/Tooltip.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mrshmllw/smores-react",
|
|
3
|
-
"version": "2.19.
|
|
3
|
+
"version": "2.19.3",
|
|
4
4
|
"main": "./dist/index.js",
|
|
5
5
|
"description": "Collection of React components used by Marshmallow Technology",
|
|
6
6
|
"keywords": [
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
"@testing-library/react": "^14.0.0",
|
|
44
44
|
"@types/body-scroll-lock": "^3.1.0",
|
|
45
45
|
"@types/jest": "^29.0.0",
|
|
46
|
-
"@types/node": "^
|
|
46
|
+
"@types/node": "^20.1.2",
|
|
47
47
|
"@types/react": "^18.0.24",
|
|
48
48
|
"@types/react-dom": "^18.0.8",
|
|
49
49
|
"@types/styled-components": "^5.1.3",
|