@semcore/date-picker 2.5.6 → 2.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/lib/cjs/components/ButtonTrigger.js +2 -11
- package/lib/cjs/components/ButtonTrigger.js.map +1 -1
- package/lib/cjs/components/index.js +4 -4
- package/lib/cjs/components/index.js.map +1 -1
- package/lib/es6/components/ButtonTrigger.js +2 -9
- package/lib/es6/components/ButtonTrigger.js.map +1 -1
- package/lib/es6/components/index.js +2 -2
- package/lib/es6/components/index.js.map +1 -1
- package/package.json +2 -2
- package/src/components/ButtonTrigger.js +2 -10
- package/src/components/index.js +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -19,26 +19,17 @@ var _flexBox = require("@semcore/flex-box");
|
|
|
19
19
|
|
|
20
20
|
var _addonTextChildren = _interopRequireDefault(require("@semcore/utils/lib/addonTextChildren"));
|
|
21
21
|
|
|
22
|
-
var
|
|
23
|
-
|
|
24
|
-
var _s = _interopRequireDefault(require("@semcore/icon/lib/Calendar/s"));
|
|
22
|
+
var _m = _interopRequireDefault(require("@semcore/icon/Calendar/m"));
|
|
25
23
|
|
|
26
24
|
var _this = void 0;
|
|
27
25
|
|
|
28
|
-
var MAP_SIZE_TO_CALENDAR_SIZE = {
|
|
29
|
-
m: _xs["default"],
|
|
30
|
-
l: _s["default"],
|
|
31
|
-
xl: _s["default"]
|
|
32
|
-
};
|
|
33
|
-
|
|
34
26
|
var ButtonTriggerRoot = function ButtonTriggerRoot(_ref2) {
|
|
35
27
|
var _ref = _this ? _this.asProps : arguments[0];
|
|
36
28
|
|
|
37
29
|
var Children = _ref2.Children,
|
|
38
30
|
size = _ref2.size;
|
|
39
|
-
var Icon = MAP_SIZE_TO_CALENDAR_SIZE[size || 'm'];
|
|
40
31
|
return /*#__PURE__*/_react["default"].createElement(_baseTrigger["default"], (0, _core.assignProps)({}, _ref), /*#__PURE__*/_react["default"].createElement(ButtonTrigger.Addon, {
|
|
41
|
-
tag:
|
|
32
|
+
tag: _m["default"]
|
|
42
33
|
}), (0, _addonTextChildren["default"])(Children, ButtonTrigger.Text, ButtonTrigger.Addon));
|
|
43
34
|
};
|
|
44
35
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/ButtonTrigger.js"],"names":["
|
|
1
|
+
{"version":3,"sources":["../../../src/components/ButtonTrigger.js"],"names":["ButtonTriggerRoot","Children","size","BaseTrigger","Calendar","ButtonTrigger","Text","Addon","displayName"],"mappings":";;;;;;;;;;;AAKA;;AALA;;AACA;;AACA;;AACA;;AACA;;;;AAGA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,QAAwB;AAAA;;AAAA,MAArBC,QAAqB,SAArBA,QAAqB;AAAA,MAAXC,IAAW,SAAXA,IAAW;AAChD,sBACE,gCAAcC,uBAAd,iDACE,gCAAC,aAAD,CAAe,KAAf;AAAqB,IAAA,GAAG,EAAEC;AAA1B,IADF,EAEG,mCAAkBH,QAAlB,EAA4BI,aAAa,CAACC,IAA1C,EAAgDD,aAAa,CAACE,KAA9D,CAFH,CADF;AAMD,CAPD;;AASAP,iBAAiB,CAACQ,WAAlB,GAAgC,eAAhC;AAEA,IAAMH,aAAa,GAAG,sBAAgBL,iBAAhB,EAAmC;AACvDM,EAAAA,IAAI,EAAEH,wBAAYG,IADqC;AAEvDC,EAAAA,KAAK,EAAEJ,wBAAYI;AAFoC,CAAnC,CAAtB;eAKeF,a","sourcesContent":["import React, { ComponentProps } from 'react';\nimport BaseTrigger from '@semcore/base-trigger';\nimport { Box } from '@semcore/flex-box';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport Calendar from '@semcore/icon/Calendar/m';\nimport createComponent, { Root } from '@semcore/core';\n\nconst ButtonTriggerRoot = ({ Children, size }) => {\n return (\n <Root render={BaseTrigger}>\n <ButtonTrigger.Addon tag={Calendar} />\n {addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon)}\n </Root>\n );\n};\n\nButtonTriggerRoot.displayName = 'ButtonTrigger';\n\nconst ButtonTrigger = createComponent(ButtonTriggerRoot, {\n Text: BaseTrigger.Text,\n Addon: BaseTrigger.Addon,\n});\n\nexport default ButtonTrigger;\n"],"file":"ButtonTrigger.js"}
|
|
@@ -42,9 +42,9 @@ var _flexBox = require("@semcore/flex-box");
|
|
|
42
42
|
|
|
43
43
|
var _button = _interopRequireDefault(require("@semcore/button"));
|
|
44
44
|
|
|
45
|
-
var
|
|
45
|
+
var _m = _interopRequireDefault(require("@semcore/icon/ChevronLeft/m"));
|
|
46
46
|
|
|
47
|
-
var
|
|
47
|
+
var _m2 = _interopRequireDefault(require("@semcore/icon/ChevronRight/m"));
|
|
48
48
|
|
|
49
49
|
var _assignProps8 = require("@semcore/utils/lib/assignProps");
|
|
50
50
|
|
|
@@ -112,7 +112,7 @@ function Prev() {
|
|
|
112
112
|
}
|
|
113
113
|
|
|
114
114
|
Prev.defaultProps = {
|
|
115
|
-
children: /*#__PURE__*/_react["default"].createElement(
|
|
115
|
+
children: /*#__PURE__*/_react["default"].createElement(_m["default"], null)
|
|
116
116
|
};
|
|
117
117
|
|
|
118
118
|
function Next() {
|
|
@@ -128,7 +128,7 @@ function Next() {
|
|
|
128
128
|
}
|
|
129
129
|
|
|
130
130
|
Next.defaultProps = {
|
|
131
|
-
children: /*#__PURE__*/_react["default"].createElement(
|
|
131
|
+
children: /*#__PURE__*/_react["default"].createElement(_m2["default"], null)
|
|
132
132
|
};
|
|
133
133
|
var stylesBtn = (
|
|
134
134
|
/*__reshadow_css_start__*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/index.js"],"names":["Trigger","Dropdown","ButtonTrigger","Popper","props","SPopper","styles","Header","SHeader","Box","Title","Children","STitle","Prev","Button","defaultProps","children","Next","stylesBtn","sstyled","Period","period","value","compareMonth","monthOne","monthTwo","isSame","Array","isArray","length","SPeriod","asProps","onChange","periods","onHighlightedChange","onDisplayedPeriodChange","map","i","onClick","onMouseEnter","onMouseLeave","other","getActiveControl","toDate","Date","Component"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA;;AAFA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;AAEO,SAASA,OAAT,GAAmB;AAAA;;AACxB,sBAAO,gCAAcC,qBAASD,OAAvB;AAAA,WAAqCE;AAArC,WAAP;AACD;;AAEM,SAASC,MAAT,CAAgBC,KAAhB,EAAuB;AAAA;AAAA;;AAC5B,MAAMC,OAAO,GAEMJ,qBAASE,MAF5B;AACA,iBAAO,mBAAQC,KAAK,CAACE,MAAd,CAAP,eACE,gCAAC,OAAD;AAAA,YAAuC,QAAvC;AAAA,kBAA2D;AAA3D,cADF;AAGD;;AAEM,SAASC,MAAT,CAAgBH,KAAhB,EAAuB;AAAA;AAAA;;AAC5B,MAAMI,OAAO,GACiCC,YAD9C;AACA,iBAAO,mBAAQL,KAAK,CAACE,MAAd,CAAP,eAA6B,gCAAC,OAAD,4EAA7B;AACD;;AAEM,IAAMI,KAAK,GAAG,SAARA,KAAQ,SAA0B;AAAA;AAAA;;AAAA,MAAvBC,QAAuB,UAAvBA,QAAuB;AAAA,MAAbL,MAAa,UAAbA,MAAa;AAC7C,MAAMM,MAAM,GAEMH,YAFlB;AACA,kBAAO,mBAAQH,MAAR,CAAP,eACE,gCAAC,MAAD,0FACE,gCAAC,QAAD,4BADF,CADF;AAKD,CAPM;;;;AASA,SAASO,IAAT,GAAgB;AAAA;;AACrB,sBACE,gCACUC,kBADV;AAAA,WAEM,UAFN;AAAA,aAGQ,OAHR;AAAA,YAIO,GAJP;AAAA,gBAKY,CAAC,CALb;AAAA,kBAMa;AANb,YADF;AAUD;;AAEDD,IAAI,CAACE,YAAL,GAAoB;AAClBC,EAAAA,QAAQ,eAAE,gCAAC,
|
|
1
|
+
{"version":3,"sources":["../../../src/components/index.js"],"names":["Trigger","Dropdown","ButtonTrigger","Popper","props","SPopper","styles","Header","SHeader","Box","Title","Children","STitle","Prev","Button","defaultProps","children","Next","stylesBtn","sstyled","Period","period","value","compareMonth","monthOne","monthTwo","isSame","Array","isArray","length","SPeriod","asProps","onChange","periods","onHighlightedChange","onDisplayedPeriodChange","map","i","onClick","onMouseEnter","onMouseLeave","other","getActiveControl","toDate","Date","Component"],"mappings":"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","sourcesContent":["import React from 'react';\nimport dayjs from 'dayjs';\nimport { Component, Root, sstyled } from '@semcore/core';\nimport Dropdown from '@semcore/dropdown';\nimport { Box } from '@semcore/flex-box';\nimport Button from '@semcore/button';\nimport ChevronLeft from '@semcore/icon/ChevronLeft/m';\nimport ChevronRight from '@semcore/icon/ChevronRight/m';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport ButtonTrigger from './ButtonTrigger';\n\nexport function Trigger() {\n return <Root render={Dropdown.Trigger} tag={ButtonTrigger} />;\n}\n\nexport function Popper(props) {\n const SPopper = Root;\n return sstyled(props.styles)(\n <SPopper render={Dropdown.Popper} role=\"region\" aria-label=\"calendar-container\" />,\n );\n}\n\nexport function Header(props) {\n const SHeader = Root;\n return sstyled(props.styles)(<SHeader render={Box} />);\n}\n\nexport const Title = ({ Children, styles }) => {\n const STitle = Root;\n return sstyled(styles)(\n <STitle render={Box}>\n <Children />\n </STitle>,\n );\n};\n\nexport function Prev() {\n return (\n <Root\n render={Button}\n use=\"tertiary\"\n theme=\"muted\"\n size=\"l\"\n tabIndex={-1}\n aria-label=\"Prev period\"\n />\n );\n}\n\nPrev.defaultProps = {\n children: <ChevronLeft />,\n};\n\nexport function Next() {\n return (\n <Root\n render={Button}\n use=\"tertiary\"\n theme=\"muted\"\n size=\"l\"\n tabIndex={-1}\n aria-label=\"Next period\"\n />\n );\n}\n\nNext.defaultProps = {\n children: <ChevronRight />,\n};\n\nconst stylesBtn = sstyled.css`\n SInner {\n justify-content: flex-start;\n }\n`;\n\nexport class Period extends Component {\n getActiveControl = (period = [], value) => {\n function compareMonth(monthOne, monthTwo) {\n return dayjs(monthOne).isSame(dayjs(monthTwo), 'date');\n }\n\n if (!period || !value) return false;\n if (Array.isArray(value) && period.length !== value.length) return false;\n if (Array.isArray(value)) {\n return compareMonth(period[0], value[0]) && compareMonth(period[1], value[1]);\n }\n\n return compareMonth(period[0], value);\n };\n\n render() {\n const SPeriod = Root;\n const {\n styles,\n value,\n onChange,\n periods,\n onHighlightedChange,\n onDisplayedPeriodChange,\n } = this.asProps;\n\n return sstyled(styles)(\n <SPeriod render={Box}>\n {periods.map(({ value: period, onClick, onMouseEnter, onMouseLeave, ...other }, i) => (\n <Button\n use=\"tertiary\"\n theme=\"muted\"\n styles={stylesBtn}\n key={i}\n active={this.getActiveControl(period, value)}\n onClick={callAllEventHandlers(onClick, () => onChange(period))}\n onMouseEnter={callAllEventHandlers(onMouseEnter, () => {\n onHighlightedChange(period);\n onDisplayedPeriodChange(dayjs(period[0]).toDate());\n })}\n onMouseLeave={callAllEventHandlers(onMouseLeave, () => {\n onHighlightedChange([]);\n onDisplayedPeriodChange(value[0] ? dayjs(value[0]).toDate() : new Date());\n })}\n {...other}\n />\n ))}\n </SPeriod>,\n );\n }\n}\n"],"file":"index.js"}
|
|
@@ -6,23 +6,16 @@ import React, { ComponentProps } from 'react';
|
|
|
6
6
|
import BaseTrigger from '@semcore/base-trigger';
|
|
7
7
|
import { Box } from '@semcore/flex-box';
|
|
8
8
|
import addonTextChildren from '@semcore/utils/lib/addonTextChildren';
|
|
9
|
-
import
|
|
10
|
-
import CalendarS from '@semcore/icon/lib/Calendar/s';
|
|
9
|
+
import Calendar from '@semcore/icon/Calendar/m';
|
|
11
10
|
import createComponent, { Root } from '@semcore/core';
|
|
12
|
-
var MAP_SIZE_TO_CALENDAR_SIZE = {
|
|
13
|
-
m: CalendarXS,
|
|
14
|
-
l: CalendarS,
|
|
15
|
-
xl: CalendarS
|
|
16
|
-
};
|
|
17
11
|
|
|
18
12
|
var ButtonTriggerRoot = function ButtonTriggerRoot(_ref2) {
|
|
19
13
|
var _ref = _this ? _this.asProps : arguments[0];
|
|
20
14
|
|
|
21
15
|
var Children = _ref2.Children,
|
|
22
16
|
size = _ref2.size;
|
|
23
|
-
var Icon = MAP_SIZE_TO_CALENDAR_SIZE[size || 'm'];
|
|
24
17
|
return /*#__PURE__*/React.createElement(BaseTrigger, _assignProps({}, _ref), /*#__PURE__*/React.createElement(ButtonTrigger.Addon, {
|
|
25
|
-
tag:
|
|
18
|
+
tag: Calendar
|
|
26
19
|
}), addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon));
|
|
27
20
|
};
|
|
28
21
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/ButtonTrigger.js"],"names":["React","ComponentProps","BaseTrigger","Box","addonTextChildren","
|
|
1
|
+
{"version":3,"sources":["../../../src/components/ButtonTrigger.js"],"names":["React","ComponentProps","BaseTrigger","Box","addonTextChildren","Calendar","createComponent","Root","ButtonTriggerRoot","Children","size","ButtonTrigger","Text","Addon","displayName"],"mappings":";;;;AAAA,OAAOA,KAAP,IAAgBC,cAAhB,QAAsC,OAAtC;AACA,OAAOC,WAAP,MAAwB,uBAAxB;AACA,SAASC,GAAT,QAAoB,mBAApB;AACA,OAAOC,iBAAP,MAA8B,sCAA9B;AACA,OAAOC,QAAP,MAAqB,0BAArB;AACA,OAAOC,eAAP,IAA0BC,IAA1B,QAAsC,eAAtC;;AAEA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,QAAwB;AAAA;;AAAA,MAArBC,QAAqB,SAArBA,QAAqB;AAAA,MAAXC,IAAW,SAAXA,IAAW;AAChD,sBACE,oBAAcR,WAAd,uCACE,oBAAC,aAAD,CAAe,KAAf;AAAqB,IAAA,GAAG,EAAEG;AAA1B,IADF,EAEGD,iBAAiB,CAACK,QAAD,EAAWE,aAAa,CAACC,IAAzB,EAA+BD,aAAa,CAACE,KAA7C,CAFpB,CADF;AAMD,CAPD;;AASAL,iBAAiB,CAACM,WAAlB,GAAgC,eAAhC;AAEA,IAAMH,aAAa,GAAGL,eAAe,CAACE,iBAAD,EAAoB;AACvDI,EAAAA,IAAI,EAAEV,WAAW,CAACU,IADqC;AAEvDC,EAAAA,KAAK,EAAEX,WAAW,CAACW;AAFoC,CAApB,CAArC;AAKA,eAAeF,aAAf","sourcesContent":["import React, { ComponentProps } from 'react';\nimport BaseTrigger from '@semcore/base-trigger';\nimport { Box } from '@semcore/flex-box';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport Calendar from '@semcore/icon/Calendar/m';\nimport createComponent, { Root } from '@semcore/core';\n\nconst ButtonTriggerRoot = ({ Children, size }) => {\n return (\n <Root render={BaseTrigger}>\n <ButtonTrigger.Addon tag={Calendar} />\n {addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon)}\n </Root>\n );\n};\n\nButtonTriggerRoot.displayName = 'ButtonTrigger';\n\nconst ButtonTrigger = createComponent(ButtonTriggerRoot, {\n Text: BaseTrigger.Text,\n Addon: BaseTrigger.Addon,\n});\n\nexport default ButtonTrigger;\n"],"file":"ButtonTrigger.js"}
|
|
@@ -31,8 +31,8 @@ import { Component, Root, sstyled } from '@semcore/core';
|
|
|
31
31
|
import Dropdown from '@semcore/dropdown';
|
|
32
32
|
import { Box } from '@semcore/flex-box';
|
|
33
33
|
import Button from '@semcore/button';
|
|
34
|
-
import ChevronLeft from '@semcore/icon/
|
|
35
|
-
import ChevronRight from '@semcore/icon/
|
|
34
|
+
import ChevronLeft from '@semcore/icon/ChevronLeft/m';
|
|
35
|
+
import ChevronRight from '@semcore/icon/ChevronRight/m';
|
|
36
36
|
import { callAllEventHandlers } from '@semcore/utils/lib/assignProps';
|
|
37
37
|
import ButtonTrigger from './ButtonTrigger';
|
|
38
38
|
export function Trigger() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/index.js"],"names":["React","dayjs","Component","Root","sstyled","Dropdown","Box","Button","ChevronLeft","ChevronRight","callAllEventHandlers","ButtonTrigger","Trigger","Popper","props","SPopper","styles","Header","SHeader","Title","Children","STitle","Prev","defaultProps","children","Next","stylesBtn","Period","period","value","compareMonth","monthOne","monthTwo","isSame","Array","isArray","length","SPeriod","asProps","onChange","periods","onHighlightedChange","onDisplayedPeriodChange","map","i","onClick","onMouseEnter","onMouseLeave","other","getActiveControl","toDate","Date"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,KAAP,MAAkB,OAAlB;AACA,SAASC,SAAT,EAAoBC,IAApB,EAA0BC,OAA1B,QAAyC,eAAzC;AACA,OAAOC,QAAP,MAAqB,mBAArB;AACA,SAASC,GAAT,QAAoB,mBAApB;AACA,OAAOC,MAAP,MAAmB,iBAAnB;AACA,OAAOC,WAAP,MAAwB,
|
|
1
|
+
{"version":3,"sources":["../../../src/components/index.js"],"names":["React","dayjs","Component","Root","sstyled","Dropdown","Box","Button","ChevronLeft","ChevronRight","callAllEventHandlers","ButtonTrigger","Trigger","Popper","props","SPopper","styles","Header","SHeader","Title","Children","STitle","Prev","defaultProps","children","Next","stylesBtn","Period","period","value","compareMonth","monthOne","monthTwo","isSame","Array","isArray","length","SPeriod","asProps","onChange","periods","onHighlightedChange","onDisplayedPeriodChange","map","i","onClick","onMouseEnter","onMouseLeave","other","getActiveControl","toDate","Date"],"mappings":"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","sourcesContent":["import React from 'react';\nimport dayjs from 'dayjs';\nimport { Component, Root, sstyled } from '@semcore/core';\nimport Dropdown from '@semcore/dropdown';\nimport { Box } from '@semcore/flex-box';\nimport Button from '@semcore/button';\nimport ChevronLeft from '@semcore/icon/ChevronLeft/m';\nimport ChevronRight from '@semcore/icon/ChevronRight/m';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport ButtonTrigger from './ButtonTrigger';\n\nexport function Trigger() {\n return <Root render={Dropdown.Trigger} tag={ButtonTrigger} />;\n}\n\nexport function Popper(props) {\n const SPopper = Root;\n return sstyled(props.styles)(\n <SPopper render={Dropdown.Popper} role=\"region\" aria-label=\"calendar-container\" />,\n );\n}\n\nexport function Header(props) {\n const SHeader = Root;\n return sstyled(props.styles)(<SHeader render={Box} />);\n}\n\nexport const Title = ({ Children, styles }) => {\n const STitle = Root;\n return sstyled(styles)(\n <STitle render={Box}>\n <Children />\n </STitle>,\n );\n};\n\nexport function Prev() {\n return (\n <Root\n render={Button}\n use=\"tertiary\"\n theme=\"muted\"\n size=\"l\"\n tabIndex={-1}\n aria-label=\"Prev period\"\n />\n );\n}\n\nPrev.defaultProps = {\n children: <ChevronLeft />,\n};\n\nexport function Next() {\n return (\n <Root\n render={Button}\n use=\"tertiary\"\n theme=\"muted\"\n size=\"l\"\n tabIndex={-1}\n aria-label=\"Next period\"\n />\n );\n}\n\nNext.defaultProps = {\n children: <ChevronRight />,\n};\n\nconst stylesBtn = sstyled.css`\n SInner {\n justify-content: flex-start;\n }\n`;\n\nexport class Period extends Component {\n getActiveControl = (period = [], value) => {\n function compareMonth(monthOne, monthTwo) {\n return dayjs(monthOne).isSame(dayjs(monthTwo), 'date');\n }\n\n if (!period || !value) return false;\n if (Array.isArray(value) && period.length !== value.length) return false;\n if (Array.isArray(value)) {\n return compareMonth(period[0], value[0]) && compareMonth(period[1], value[1]);\n }\n\n return compareMonth(period[0], value);\n };\n\n render() {\n const SPeriod = Root;\n const {\n styles,\n value,\n onChange,\n periods,\n onHighlightedChange,\n onDisplayedPeriodChange,\n } = this.asProps;\n\n return sstyled(styles)(\n <SPeriod render={Box}>\n {periods.map(({ value: period, onClick, onMouseEnter, onMouseLeave, ...other }, i) => (\n <Button\n use=\"tertiary\"\n theme=\"muted\"\n styles={stylesBtn}\n key={i}\n active={this.getActiveControl(period, value)}\n onClick={callAllEventHandlers(onClick, () => onChange(period))}\n onMouseEnter={callAllEventHandlers(onMouseEnter, () => {\n onHighlightedChange(period);\n onDisplayedPeriodChange(dayjs(period[0]).toDate());\n })}\n onMouseLeave={callAllEventHandlers(onMouseLeave, () => {\n onHighlightedChange([]);\n onDisplayedPeriodChange(value[0] ? dayjs(value[0]).toDate() : new Date());\n })}\n {...other}\n />\n ))}\n </SPeriod>,\n );\n }\n}\n"],"file":"index.js"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/date-picker",
|
|
3
3
|
"description": "SEMRush DatePicker Component",
|
|
4
|
-
"version": "2.
|
|
4
|
+
"version": "2.6.0",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
"@semcore/flex-box": "^4",
|
|
19
19
|
"@semcore/button": "^3",
|
|
20
20
|
"@semcore/divider": "^2",
|
|
21
|
-
"@semcore/icon": "^2",
|
|
21
|
+
"@semcore/icon": "^2.16",
|
|
22
22
|
"@semcore/dropdown": "^2",
|
|
23
23
|
"@semcore/typography": "^3",
|
|
24
24
|
"dayjs": "^1.8"
|
|
@@ -2,21 +2,13 @@ import React, { ComponentProps } from 'react';
|
|
|
2
2
|
import BaseTrigger from '@semcore/base-trigger';
|
|
3
3
|
import { Box } from '@semcore/flex-box';
|
|
4
4
|
import addonTextChildren from '@semcore/utils/lib/addonTextChildren';
|
|
5
|
-
import
|
|
6
|
-
import CalendarS from '@semcore/icon/lib/Calendar/s';
|
|
5
|
+
import Calendar from '@semcore/icon/Calendar/m';
|
|
7
6
|
import createComponent, { Root } from '@semcore/core';
|
|
8
7
|
|
|
9
|
-
const MAP_SIZE_TO_CALENDAR_SIZE = {
|
|
10
|
-
m: CalendarXS,
|
|
11
|
-
l: CalendarS,
|
|
12
|
-
xl: CalendarS,
|
|
13
|
-
};
|
|
14
|
-
|
|
15
8
|
const ButtonTriggerRoot = ({ Children, size }) => {
|
|
16
|
-
const Icon = MAP_SIZE_TO_CALENDAR_SIZE[size || 'm'];
|
|
17
9
|
return (
|
|
18
10
|
<Root render={BaseTrigger}>
|
|
19
|
-
<ButtonTrigger.Addon tag={
|
|
11
|
+
<ButtonTrigger.Addon tag={Calendar} />
|
|
20
12
|
{addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon)}
|
|
21
13
|
</Root>
|
|
22
14
|
);
|
package/src/components/index.js
CHANGED
|
@@ -4,8 +4,8 @@ import { Component, Root, sstyled } from '@semcore/core';
|
|
|
4
4
|
import Dropdown from '@semcore/dropdown';
|
|
5
5
|
import { Box } from '@semcore/flex-box';
|
|
6
6
|
import Button from '@semcore/button';
|
|
7
|
-
import ChevronLeft from '@semcore/icon/
|
|
8
|
-
import ChevronRight from '@semcore/icon/
|
|
7
|
+
import ChevronLeft from '@semcore/icon/ChevronLeft/m';
|
|
8
|
+
import ChevronRight from '@semcore/icon/ChevronRight/m';
|
|
9
9
|
import { callAllEventHandlers } from '@semcore/utils/lib/assignProps';
|
|
10
10
|
import ButtonTrigger from './ButtonTrigger';
|
|
11
11
|
|