w-design-system 0.0.63 → 0.0.65
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/DateRangePicker/index.d.ts.map +1 -1
- package/dist/components/DateRangePicker/index.js +15 -10
- package/dist/components/DateRangePicker/index.js.map +1 -1
- package/dist/components/Select/index.d.ts +1 -0
- package/dist/components/Select/index.d.ts.map +1 -1
- package/dist/components/Select/index.js +4 -1
- package/dist/components/Select/index.js.map +1 -1
- package/dist/components/Select/stories.d.ts.map +1 -1
- package/dist/components/Select/stories.js +1 -1
- package/dist/components/Select/stories.js.map +1 -1
- package/package.json +1 -1
- package/src/components/DateRangePicker/index.tsx +11 -6
- package/src/components/Select/index.tsx +17 -4
- package/src/components/Select/stories.tsx +1 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAqD,MAAM,OAAO,CAAA;AAGhG,OAAO,EAAU,WAAW,EAAa,MAAM,WAAW,CAAA;AAY1D,KAAK,cAAc,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG,KAAK,CAAA;AAE1D,MAAM,WAAW,oBAAoB,CACnC,CAAC,SAAS,cAAc,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,GAAG,cAAc,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CACzF,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,CAAC,EAAE,CAAA;IACb,cAAc,CAAC,EAAE,CAAC,GAAG,IAAI,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,sBAAsB,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAA;IACnD,eAAe,EAAE,IAAI,GAAG,IAAI,CAAA;IAC5B,aAAa,EAAE,IAAI,GAAG,IAAI,CAAA;IAC1B,qBAAqB,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAA;IACrE,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAoCD,eAAO,MAAM,eAAe,GAAI,CAAC,SAAS,cAAc,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,mLAa7E,oBAAoB,CAAC,CAAC,CAAC,sBA2LzB,CAAA"}
|
|
@@ -9,7 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
9
9
|
}
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
|
-
import React, { useEffect, useMemo, useRef, useState } from 'react';
|
|
12
|
+
import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
|
|
13
13
|
import { calendarSVG, chevronLeftSVG, chevronRightSVG } from '../../assets/icon';
|
|
14
14
|
import { IconWrapper } from '../IconWrapper';
|
|
15
15
|
import { Select } from '../Select';
|
|
@@ -31,7 +31,7 @@ const monthNames = [
|
|
|
31
31
|
];
|
|
32
32
|
const weekDays = ['DOM', 'SEG', 'TER', 'QUA', 'QUI', 'SEX', 'SAB'];
|
|
33
33
|
export const DateRangePicker = (_a) => {
|
|
34
|
-
var _b, _c, _d;
|
|
34
|
+
var _b, _c, _d, _e;
|
|
35
35
|
var { label, options, selectedOption, onSelectedOptionChange, placeholder, onSelectedCustomRange, startCustomDate, endCustomDate, isRange, rangeDayLimit, footerMessage } = _a, props = __rest(_a, ["label", "options", "selectedOption", "onSelectedOptionChange", "placeholder", "onSelectedCustomRange", "startCustomDate", "endCustomDate", "isRange", "rangeDayLimit", "footerMessage"]);
|
|
36
36
|
const [currentYear, setCurrentYear] = useState(0);
|
|
37
37
|
const [currentMonth, setCurrentMonth] = useState(0);
|
|
@@ -42,6 +42,11 @@ export const DateRangePicker = (_a) => {
|
|
|
42
42
|
setCurrentYear(date.getFullYear());
|
|
43
43
|
setCurrentMonth(date.getMonth());
|
|
44
44
|
}, []);
|
|
45
|
+
const resetTime = useCallback((date) => {
|
|
46
|
+
if (!date)
|
|
47
|
+
return null;
|
|
48
|
+
return new Date(date.getFullYear(), date.getMonth(), date.getDate(), 0, 0, 0, 0);
|
|
49
|
+
}, []);
|
|
45
50
|
const days = [];
|
|
46
51
|
const changeMonth = (delta) => {
|
|
47
52
|
const newDate = new Date(currentYear, currentMonth + delta);
|
|
@@ -67,7 +72,7 @@ export const DateRangePicker = (_a) => {
|
|
|
67
72
|
onSelectedOptionChange(null);
|
|
68
73
|
if (!startCustomDate) {
|
|
69
74
|
onSelectedCustomRange && onSelectedCustomRange(date, null);
|
|
70
|
-
currentMouseHoverDate && setCurrentMouseHoverDate(date);
|
|
75
|
+
currentMouseHoverDate && setCurrentMouseHoverDate(resetTime(date));
|
|
71
76
|
if (isRange === false)
|
|
72
77
|
(_a = selectRef.current) === null || _a === void 0 ? void 0 : _a.setOpen(false);
|
|
73
78
|
}
|
|
@@ -86,12 +91,12 @@ export const DateRangePicker = (_a) => {
|
|
|
86
91
|
if (isRange === false)
|
|
87
92
|
(_c = selectRef.current) === null || _c === void 0 ? void 0 : _c.setOpen(false);
|
|
88
93
|
onSelectedCustomRange && onSelectedCustomRange(date, null);
|
|
89
|
-
setCurrentMouseHoverDate(date);
|
|
94
|
+
setCurrentMouseHoverDate(resetTime(date));
|
|
90
95
|
}
|
|
91
96
|
};
|
|
92
97
|
const onMouseEnter = (date) => {
|
|
93
98
|
if (startCustomDate && !endCustomDate) {
|
|
94
|
-
setCurrentMouseHoverDate(date);
|
|
99
|
+
setCurrentMouseHoverDate(resetTime(date));
|
|
95
100
|
}
|
|
96
101
|
};
|
|
97
102
|
const onMouseLeave = (date) => { };
|
|
@@ -100,15 +105,15 @@ export const DateRangePicker = (_a) => {
|
|
|
100
105
|
days.push({ type: 'empty', key: `before-${i}` });
|
|
101
106
|
}
|
|
102
107
|
const todayString = new Date().toDateString();
|
|
103
|
-
let firstDate = startCustomDate;
|
|
104
|
-
let secondDate = endCustomDate !== null &&
|
|
108
|
+
let firstDate = resetTime(startCustomDate);
|
|
109
|
+
let secondDate = (_b = resetTime(endCustomDate)) !== null && _b !== void 0 ? _b : currentMouseHoverDate;
|
|
105
110
|
if (firstDate && secondDate && firstDate > secondDate) {
|
|
106
111
|
const temp = firstDate;
|
|
107
112
|
firstDate = secondDate;
|
|
108
113
|
secondDate = temp;
|
|
109
114
|
}
|
|
110
115
|
while (day.getMonth() === currentMonth) {
|
|
111
|
-
const isSelected = (
|
|
116
|
+
const isSelected = (_c = (firstDate && secondDate && day >= firstDate && day <= secondDate)) !== null && _c !== void 0 ? _c : false;
|
|
112
117
|
let isBlocked = false;
|
|
113
118
|
if (rangeDayLimit !== undefined && startCustomDate && endCustomDate === null) {
|
|
114
119
|
const diff = differenceInDays(startCustomDate, day);
|
|
@@ -120,8 +125,8 @@ export const DateRangePicker = (_a) => {
|
|
|
120
125
|
today: day.toDateString() === todayString,
|
|
121
126
|
selected: isSelected,
|
|
122
127
|
date: new Date(day),
|
|
123
|
-
isFirstSelected: (
|
|
124
|
-
isLastSelected: (
|
|
128
|
+
isFirstSelected: (_d = (firstDate && firstDate.toDateString() === day.toDateString())) !== null && _d !== void 0 ? _d : false,
|
|
129
|
+
isLastSelected: (_e = (secondDate && secondDate.toDateString() === day.toDateString())) !== null && _e !== void 0 ? _e : false,
|
|
125
130
|
isBlocked,
|
|
126
131
|
});
|
|
127
132
|
day.setDate(day.getDate() + 1);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/DateRangePicker/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAkB,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/DateRangePicker/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,cAAc,EACd,iBAAiB,EACjB,SAAS,EAQV,MAAM,OAAO,CAAA;AAoBd,MAAM,WAAW,WAAW,CAC1B,CAAC,SAAS;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,SAAS,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,GAAG;IAClF,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACxB,CACD,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAA;IAC3C,OAAO,CAAC,EAAE,CAAC,EAAE,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,cAAc,CAAC,EAAE,CAAC,GAAG,IAAI,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,cAAc,EACd,iBAAiB,EACjB,SAAS,EAQV,MAAM,OAAO,CAAA;AAoBd,MAAM,WAAW,WAAW,CAC1B,CAAC,SAAS;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,SAAS,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,GAAG;IAClF,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACxB,CACD,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAA;IAC3C,OAAO,CAAC,EAAE,CAAC,EAAE,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,cAAc,CAAC,EAAE,CAAC,GAAG,IAAI,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACxB;AAED,MAAM,WAAW,SAAS;IACxB,OAAO,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAAA;CAC7B;AA2VD,eAAO,MAAM,MAAM,EAAwC,CACzD,CAAqE,SAA3D;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,SAAS,CAAC;IAAC,KAAK,CAAC,EAAE,GAAG,CAAA;CAAE,EAErE,KAAK,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,SAAS,CAAC,CAAA;CAAE,KAC/E,KAAK,CAAC,YAAY,CAAA"}
|
|
@@ -18,7 +18,7 @@ import { theme } from '../Themes';
|
|
|
18
18
|
import { Dropdown, DropdownWrapper, NoResults, OptionBackground, OptionButton, OptionsWrapper, OptionText, OptionTextBadge, SelectWrapper, } from './styles';
|
|
19
19
|
const SelectFowardRef = (_a, ref) => {
|
|
20
20
|
var _b;
|
|
21
|
-
var { children, label, leftIcon, onOptionChange, options, placeholder, rightIcon, selectedOption, value, dropDownWidth, disabled, disableSearch } = _a, props = __rest(_a, ["children", "label", "leftIcon", "onOptionChange", "options", "placeholder", "rightIcon", "selectedOption", "value", "dropDownWidth", "disabled", "disableSearch"]);
|
|
21
|
+
var { children, label, leftIcon, onOptionChange, options, placeholder, rightIcon, selectedOption, value, dropDownWidth, disabled, disableSearch, badge } = _a, props = __rest(_a, ["children", "label", "leftIcon", "onOptionChange", "options", "placeholder", "rightIcon", "selectedOption", "value", "dropDownWidth", "disabled", "disableSearch", "badge"]);
|
|
22
22
|
const [open, setOpen] = useState(false);
|
|
23
23
|
const [usingInput, setUsingInput] = useState(false);
|
|
24
24
|
const [computedValue, setComputedValue] = useState(value);
|
|
@@ -229,6 +229,9 @@ const SelectFowardRef = (_a, ref) => {
|
|
|
229
229
|
return (React.createElement(SelectWrapper, Object.assign({}, props, { ref: wrapperRef }),
|
|
230
230
|
React.createElement(Input, { disabled: disabled, leftIcon: leftIcon, rightIcon: React.createElement(React.Fragment, null,
|
|
231
231
|
rightIcon,
|
|
232
|
+
badge && (React.createElement(OptionTextBadge, null,
|
|
233
|
+
React.createElement("div", null),
|
|
234
|
+
React.createElement(Paragraph, { strongBod: true, color: theme.colors.honey30 }, badge))),
|
|
232
235
|
React.createElement(IconWrapper, { className: `icon ${open ? 'icon-rotate' : ''}`, src: chevronDownSVG, width: "16px", color: theme.colors.shade30 })), placeholder: placeholder, label: label, value: computedValue, readonly: !open, onChange: onInputChange, onClick: () => {
|
|
233
236
|
if (!disabled) {
|
|
234
237
|
setComputedValue('');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAIZ,WAAW,EACX,SAAS,EACT,mBAAmB,EACnB,OAAO,EACP,MAAM,EACN,QAAQ,GAET,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAChC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAExC,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AACjC,OAAO,EACL,QAAQ,EACR,eAAe,EACf,SAAS,EACT,gBAAgB,EAEhB,YAAY,EACZ,cAAc,EACd,UAAU,EACV,eAAe,EACf,aAAa,GACd,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stories.d.ts","sourceRoot":"","sources":["../../../src/components/Select/stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,MAAM,EAAe,MAAM,SAAS,CAAA;AAG7C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAYC,CAAA;AAE/B,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAA;
|
|
1
|
+
{"version":3,"file":"stories.d.ts","sourceRoot":"","sources":["../../../src/components/Select/stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,MAAM,EAAe,MAAM,SAAS,CAAA;AAG7C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAYC,CAAA;AAE/B,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAA;AAuBpC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAA"}
|
|
@@ -28,7 +28,7 @@ export default meta;
|
|
|
28
28
|
const ComponentWrapper = (_a) => {
|
|
29
29
|
var { options } = _a, args = __rest(_a, ["options"]);
|
|
30
30
|
const [selectedOption, setSelectOption] = React.useState(null);
|
|
31
|
-
return (React.createElement(Select, Object.assign({ selectedOption: selectedOption, onOptionChange: option => setSelectOption(option), options: options !== null && options !== void 0 ? options : new Array(20).fill(0).map((_, index) => ({
|
|
31
|
+
return (React.createElement(Select, Object.assign({ badge: 30, selectedOption: selectedOption, onOptionChange: option => setSelectOption(option), options: options !== null && options !== void 0 ? options : new Array(20).fill(0).map((_, index) => ({
|
|
32
32
|
id: index,
|
|
33
33
|
text: `Opção ${index + 1}`,
|
|
34
34
|
badge: 13,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stories.js","sourceRoot":"","sources":["../../../src/components/Select/stories.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,EAAE,MAAM,EAAe,MAAM,SAAS,CAAA;AAC7C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,IAAI,GAAwB;IAChC,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,MAAM;IACjB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,WAAW,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAChC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAC1B,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QAChC,cAAc,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;QACrC,cAAc,EAAE,EAAE,MAAM,EAAE,sBAAsB,EAAE;QAClD,WAAW,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;KACpC;CAC4B,CAAA;AAE/B,eAAe,IAAI,CAAA;AAGnB,MAAM,gBAAgB,GAAG,CAAC,EAAiC,EAAE,EAAE;QAArC,EAAE,OAAO,OAAwB,EAAnB,IAAI,cAAlB,WAAoB,CAAF;IAC1C,MAAM,CAAC,cAAc,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAgC,IAAI,CAAC,CAAA;IAE7F,OAAO,CACL,oBAAC,MAAM,kBACL,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,MAAM,CAAC,EAAE,CAAC,eAAe,CAAC,MAAM,CAAC,EACjD,OAAO,EACL,OAAO,aAAP,OAAO,cAAP,OAAO,GACP,IAAI,KAAK,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;YACvC,EAAE,EAAE,KAAK;YACT,IAAI,EAAE,SAAS,KAAK,GAAG,CAAC,EAAE;YAC1B,KAAK,EAAE,EAAE;SACV,CAAC,CAAC,IAED,IAAI,EACR,CACH,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,MAAM,EAAE,GAAG,EAAE,CAAC,oBAAC,gBAAgB,IAAC,KAAK,EAAC,OAAO,EAAC,WAAW,EAAC,aAAa,GAAG;CAC3E,CAAA"}
|
|
1
|
+
{"version":3,"file":"stories.js","sourceRoot":"","sources":["../../../src/components/Select/stories.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,EAAE,MAAM,EAAe,MAAM,SAAS,CAAA;AAC7C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,IAAI,GAAwB;IAChC,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,MAAM;IACjB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,WAAW,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAChC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAC1B,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QAChC,cAAc,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;QACrC,cAAc,EAAE,EAAE,MAAM,EAAE,sBAAsB,EAAE;QAClD,WAAW,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;KACpC;CAC4B,CAAA;AAE/B,eAAe,IAAI,CAAA;AAGnB,MAAM,gBAAgB,GAAG,CAAC,EAAiC,EAAE,EAAE;QAArC,EAAE,OAAO,OAAwB,EAAnB,IAAI,cAAlB,WAAoB,CAAF;IAC1C,MAAM,CAAC,cAAc,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAgC,IAAI,CAAC,CAAA;IAE7F,OAAO,CACL,oBAAC,MAAM,kBACL,KAAK,EAAE,EAAE,EACT,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,MAAM,CAAC,EAAE,CAAC,eAAe,CAAC,MAAM,CAAC,EACjD,OAAO,EACL,OAAO,aAAP,OAAO,cAAP,OAAO,GACP,IAAI,KAAK,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;YACvC,EAAE,EAAE,KAAK;YACT,IAAI,EAAE,SAAS,KAAK,GAAG,CAAC,EAAE;YAC1B,KAAK,EAAE,EAAE;SACV,CAAC,CAAC,IAED,IAAI,EACR,CACH,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,MAAM,EAAE,GAAG,EAAE,CAAC,oBAAC,gBAAgB,IAAC,KAAK,EAAC,OAAO,EAAC,WAAW,EAAC,aAAa,GAAG;CAC3E,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { HTMLAttributes, useEffect, useMemo, useRef, useState } from 'react'
|
|
1
|
+
import React, { HTMLAttributes, useCallback, useEffect, useMemo, useRef, useState } from 'react'
|
|
2
2
|
import { calendarSVG, chevronLeftSVG, chevronRightSVG } from '../../assets/icon'
|
|
3
3
|
import { IconWrapper } from '../IconWrapper'
|
|
4
4
|
import { Select, SelectProps, SelectRef } from '../Select'
|
|
@@ -92,6 +92,11 @@ export const DateRangePicker = <T extends GetElementType<SelectProps['options']>
|
|
|
92
92
|
setCurrentMonth(date.getMonth())
|
|
93
93
|
}, [])
|
|
94
94
|
|
|
95
|
+
const resetTime = useCallback((date: Date | null): Date | null => {
|
|
96
|
+
if (!date) return null
|
|
97
|
+
return new Date(date.getFullYear(), date.getMonth(), date.getDate(), 0, 0, 0, 0)
|
|
98
|
+
}, [])
|
|
99
|
+
|
|
95
100
|
const days: DayType[] = []
|
|
96
101
|
|
|
97
102
|
const changeMonth = (delta: number) => {
|
|
@@ -117,7 +122,7 @@ export const DateRangePicker = <T extends GetElementType<SelectProps['options']>
|
|
|
117
122
|
if (onSelectedOptionChange) onSelectedOptionChange(null)
|
|
118
123
|
if (!startCustomDate) {
|
|
119
124
|
onSelectedCustomRange && onSelectedCustomRange(date, null)
|
|
120
|
-
currentMouseHoverDate && setCurrentMouseHoverDate(date)
|
|
125
|
+
currentMouseHoverDate && setCurrentMouseHoverDate(resetTime(date))
|
|
121
126
|
if (isRange === false) selectRef.current?.setOpen(false)
|
|
122
127
|
} else if (!endCustomDate) {
|
|
123
128
|
let firstDate = startCustomDate
|
|
@@ -132,13 +137,13 @@ export const DateRangePicker = <T extends GetElementType<SelectProps['options']>
|
|
|
132
137
|
} else {
|
|
133
138
|
if (isRange === false) selectRef.current?.setOpen(false)
|
|
134
139
|
onSelectedCustomRange && onSelectedCustomRange(date, null)
|
|
135
|
-
setCurrentMouseHoverDate(date)
|
|
140
|
+
setCurrentMouseHoverDate(resetTime(date))
|
|
136
141
|
}
|
|
137
142
|
}
|
|
138
143
|
|
|
139
144
|
const onMouseEnter = (date: Date) => {
|
|
140
145
|
if (startCustomDate && !endCustomDate) {
|
|
141
|
-
setCurrentMouseHoverDate(date)
|
|
146
|
+
setCurrentMouseHoverDate(resetTime(date))
|
|
142
147
|
}
|
|
143
148
|
}
|
|
144
149
|
const onMouseLeave = (date: Date) => {}
|
|
@@ -150,8 +155,8 @@ export const DateRangePicker = <T extends GetElementType<SelectProps['options']>
|
|
|
150
155
|
}
|
|
151
156
|
|
|
152
157
|
const todayString = new Date().toDateString()
|
|
153
|
-
let firstDate = startCustomDate
|
|
154
|
-
let secondDate = endCustomDate ?? currentMouseHoverDate
|
|
158
|
+
let firstDate = resetTime(startCustomDate)
|
|
159
|
+
let secondDate = resetTime(endCustomDate) ?? currentMouseHoverDate
|
|
155
160
|
if (firstDate && secondDate && firstDate > secondDate) {
|
|
156
161
|
const temp = firstDate
|
|
157
162
|
firstDate = secondDate
|
|
@@ -50,6 +50,7 @@ export interface SelectProps<
|
|
|
50
50
|
dropDownWidth?: string
|
|
51
51
|
disableSearch?: boolean
|
|
52
52
|
dropDownMaxHeight?: string
|
|
53
|
+
badge?: string | number
|
|
53
54
|
}
|
|
54
55
|
|
|
55
56
|
export interface SelectRef {
|
|
@@ -70,6 +71,7 @@ const SelectFowardRef = <T extends { text: string; id: number; icon?: ReactNode;
|
|
|
70
71
|
dropDownWidth,
|
|
71
72
|
disabled,
|
|
72
73
|
disableSearch,
|
|
74
|
+
badge,
|
|
73
75
|
...props
|
|
74
76
|
}: PropsWithChildren<SelectProps<T>>,
|
|
75
77
|
ref: React.ForwardedRef<SelectRef>,
|
|
@@ -133,10 +135,13 @@ const SelectFowardRef = <T extends { text: string; id: number; icon?: ReactNode;
|
|
|
133
135
|
}
|
|
134
136
|
}, [open])
|
|
135
137
|
|
|
136
|
-
const onOptionClick = useCallback(
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
138
|
+
const onOptionClick = useCallback(
|
|
139
|
+
(option: T) => {
|
|
140
|
+
onOptionChange && onOptionChange(option)
|
|
141
|
+
setOpen(false)
|
|
142
|
+
},
|
|
143
|
+
[onOptionChange],
|
|
144
|
+
)
|
|
140
145
|
|
|
141
146
|
useEffect(() => {
|
|
142
147
|
if (usingInput) return
|
|
@@ -310,6 +315,14 @@ const SelectFowardRef = <T extends { text: string; id: number; icon?: ReactNode;
|
|
|
310
315
|
rightIcon={
|
|
311
316
|
<>
|
|
312
317
|
{rightIcon}
|
|
318
|
+
{badge && (
|
|
319
|
+
<OptionTextBadge>
|
|
320
|
+
<div></div>
|
|
321
|
+
<Paragraph strongBod color={theme.colors.honey30}>
|
|
322
|
+
{badge}
|
|
323
|
+
</Paragraph>
|
|
324
|
+
</OptionTextBadge>
|
|
325
|
+
)}
|
|
313
326
|
<IconWrapper
|
|
314
327
|
className={`icon ${open ? 'icon-rotate' : ''}`}
|
|
315
328
|
src={chevronDownSVG}
|