@servicetitan/design-system 10.8.0-beta.0 → 10.8.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/dist/components/Backdrop/Backdrop.css +1 -6
- package/dist/components/Backdrop/Backdrop.css.map +1 -1
- package/dist/components/Backdrop/Backdrop.d.ts +0 -3
- package/dist/components/Backdrop/Backdrop.js +14 -14
- package/dist/components/Backdrop/Backdrop.js.map +1 -1
- package/dist/components/Backdrop/index.css +1 -6
- package/dist/components/Backdrop/index.css.map +1 -1
- package/dist/components/Button/Button.d.ts +1 -1
- package/dist/components/DateRangePicker/DateRangePicker.css +0 -1
- package/dist/components/DateRangePicker/DateRangePicker.css.map +1 -1
- package/dist/components/DateRangePicker/DateRangePicker.d.ts +16 -1
- package/dist/components/DateRangePicker/DateRangePicker.js +53 -39
- package/dist/components/DateRangePicker/DateRangePicker.js.map +1 -1
- package/dist/components/DateRangePicker/DateRangePicker.test.js +9 -9
- package/dist/components/DateRangePicker/DateRangePicker.test.js.map +1 -1
- package/dist/components/DateRangePicker/components/DateRangeInput.js +6 -6
- package/dist/components/DateRangePicker/components/DateRangeInput.js.map +1 -1
- package/dist/components/DateRangePicker/components/DateRangeOptionList.js +3 -2
- package/dist/components/DateRangePicker/components/DateRangeOptionList.js.map +1 -1
- package/dist/components/DateRangePicker/components/DateRangeTrigger.js +2 -2
- package/dist/components/DateRangePicker/components/DateRangeTrigger.js.map +1 -1
- package/dist/components/DateRangePicker/index.css +0 -1
- package/dist/components/DateRangePicker/index.css.map +1 -1
- package/dist/components/DateRangePicker/utils/checkScope.js +1 -1
- package/dist/components/DateRangePicker/utils/checkScope.js.map +1 -1
- package/dist/components/DateRangePicker/utils/index.d.ts +0 -1
- package/dist/components/DateRangePicker/utils/index.js +0 -1
- package/dist/components/DateRangePicker/utils/index.js.map +1 -1
- package/dist/components/Dialog/Dialog.d.ts +3 -3
- package/dist/components/Dialog/Dialog.js +2 -2
- package/dist/components/Dialog/Dialog.js.map +1 -1
- package/dist/components/Drawer/Drawer.d.ts +3 -3
- package/dist/components/Drawer/Drawer.js +9 -15
- package/dist/components/Drawer/Drawer.js.map +1 -1
- package/dist/components/FilePicker/FilePicker.css +1 -1
- package/dist/components/FilePicker/index.css +1 -1
- package/dist/components/Link/Link.css +10 -4
- package/dist/components/Link/Link.css.map +1 -1
- package/dist/components/Link/Link.d.ts +2 -0
- package/dist/components/Link/Link.js +7 -19
- package/dist/components/Link/Link.js.map +1 -1
- package/dist/components/Link/index.css +10 -4
- package/dist/components/Link/index.css.map +1 -1
- package/dist/components/Modal/Modal.d.ts +3 -3
- package/dist/components/Modal/Modal.js +2 -2
- package/dist/components/Modal/Modal.js.map +1 -1
- package/dist/components/Modal/components.d.ts +2 -0
- package/dist/components/Modal/components.js +5 -2
- package/dist/components/Modal/components.js.map +1 -1
- package/dist/components/Popover/Popover.d.ts +3 -3
- package/dist/components/Popover/Popover.js +10 -3
- package/dist/components/Popover/Popover.js.map +1 -1
- package/dist/components/ProgressTracker/ProgressTrackerStep.css +2 -2
- package/dist/components/ProgressTracker/index.css +2 -2
- package/dist/components/Select/Select.css +1 -1
- package/dist/components/Select/index.css +1 -1
- package/dist/components/Snackbar/Snackbar.css +1 -1
- package/dist/components/Snackbar/index.css +1 -1
- package/dist/components/Tab/Tab.css +1 -0
- package/dist/components/Tab/Tab.css.map +1 -1
- package/dist/components/Tab/Tab.js +1 -1
- package/dist/components/Tab/Tab.js.map +1 -1
- package/dist/components/Tab/index.css +1 -0
- package/dist/components/Tab/index.css.map +1 -1
- package/dist/components/Table/GridMod.d.ts +4 -0
- package/dist/components/Table/GridMod.js +93 -0
- package/dist/components/Table/GridMod.js.map +1 -0
- package/dist/components/Table/Table.js +2 -1
- package/dist/components/Table/Table.js.map +1 -1
- package/dist/components/Takeover/Takeover.css +0 -4
- package/dist/components/Takeover/Takeover.css.map +1 -1
- package/dist/components/Takeover/Takeover.d.ts +3 -3
- package/dist/components/Takeover/Takeover.js +8 -17
- package/dist/components/Takeover/Takeover.js.map +1 -1
- package/dist/components/Takeover/TakeoverFooter.css +0 -4
- package/dist/components/Takeover/TakeoverFooter.css.map +1 -1
- package/dist/components/Takeover/TakeoverSection.css +0 -4
- package/dist/components/Takeover/TakeoverSection.css.map +1 -1
- package/dist/components/Takeover/index.css +0 -4
- package/dist/components/Takeover/index.css.map +1 -1
- package/dist/components/index.css +17 -20
- package/dist/components/index.css.map +1 -1
- package/dist/global/index.css +1 -1
- package/dist/global/version.css +1 -1
- package/dist/hooks/index.d.ts +1 -0
- package/dist/hooks/index.js +1 -0
- package/dist/hooks/index.js.map +1 -1
- package/dist/hooks/useFocusScope.d.ts +16 -0
- package/dist/hooks/useFocusScope.js +89 -0
- package/dist/hooks/useFocusScope.js.map +1 -0
- package/dist/internal/Popper/Popper.css +0 -7
- package/dist/internal/Popper/Popper.css.map +1 -1
- package/dist/internal/Popper/Popper.d.ts +0 -3
- package/dist/internal/Popper/Popper.js +8 -19
- package/dist/internal/Popper/Popper.js.map +1 -1
- package/dist/internal/Popper/index.css +0 -7
- package/dist/internal/Popper/index.css.map +1 -1
- package/dist/internal/index.css +0 -7
- package/dist/internal/index.css.map +1 -1
- package/dist/system-light.css +5 -12
- package/dist/system-light.css.map +1 -1
- package/dist/system-light.min.css +1 -1
- package/dist/system.css +26 -36
- package/dist/system.css.map +1 -1
- package/dist/system.min.css +2 -2
- package/dist/themes/index.css +4 -4
- package/dist/themes/kendo/index.css +4 -4
- package/dist/{components/DateRangePicker/utils → utilities}/dateFormat.d.ts +0 -0
- package/dist/{components/DateRangePicker/utils → utilities}/dateFormat.js +0 -0
- package/dist/utilities/dateFormat.js.map +1 -0
- package/dist/utilities/focus-utils.d.ts +4 -0
- package/dist/utilities/focus-utils.js +49 -0
- package/dist/utilities/focus-utils.js.map +1 -0
- package/dist/utilities/index.d.ts +2 -1
- package/dist/utilities/index.js +2 -1
- package/dist/utilities/index.js.map +1 -1
- package/package.json +9 -9
- package/dist/components/DateRangePicker/utils/dateFormat.js.map +0 -1
- package/dist/utilities/FocusTrap/FocusTrap.d.ts +0 -7
- package/dist/utilities/FocusTrap/FocusTrap.js +0 -70
- package/dist/utilities/FocusTrap/FocusTrap.js.map +0 -1
- package/dist/utilities/FocusTrap/index.d.ts +0 -1
- package/dist/utilities/FocusTrap/index.js +0 -14
- package/dist/utilities/FocusTrap/index.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Backdrop/Backdrop.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/utilities/_font-smoothing.scss"],"names":[],"mappings":"AAAA;ACGA;AAGA;ACLC;EACA,OCiBa;ADfb;EACA;EEHC;EACA;EHOD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA,YA/BgB;;;AAkCjB;EACC
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Backdrop/Backdrop.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/utilities/_font-smoothing.scss"],"names":[],"mappings":"AAAA;ACGA;AAGA;ACLC;EACA,OCiBa;ADfb;EACA;EEHC;EACA;EHOD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA,YA/BgB;;;AAkCjB;EACC;EACA","file":"Backdrop.css"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import React, { FC } from 'react';
|
|
2
|
-
import { FocusTrapProps } from '../../utilities';
|
|
3
2
|
/**
|
|
4
3
|
* Backdrop properties
|
|
5
4
|
*/
|
|
@@ -14,8 +13,6 @@ export interface BackdropPropsStrict {
|
|
|
14
13
|
portal?: boolean;
|
|
15
14
|
/** Use animation for show/hide transitions */
|
|
16
15
|
animate?: boolean;
|
|
17
|
-
/** Options passed into FocusTrap */
|
|
18
|
-
focusTrapOptions?: FocusTrapProps;
|
|
19
16
|
}
|
|
20
17
|
export interface BackdropProps extends BackdropPropsStrict {
|
|
21
18
|
/** Unstrict Props */
|
|
@@ -29,6 +29,17 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
29
29
|
__setModuleDefault(result, mod);
|
|
30
30
|
return result;
|
|
31
31
|
};
|
|
32
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
33
|
+
var t = {};
|
|
34
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
35
|
+
t[p] = s[p];
|
|
36
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
37
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
38
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
39
|
+
t[p[i]] = s[p[i]];
|
|
40
|
+
}
|
|
41
|
+
return t;
|
|
42
|
+
};
|
|
32
43
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
33
44
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
34
45
|
};
|
|
@@ -39,10 +50,8 @@ var classnames_1 = __importDefault(require("classnames"));
|
|
|
39
50
|
var framer_motion_1 = require("framer-motion");
|
|
40
51
|
var tokens_1 = __importDefault(require("@servicetitan/tokens"));
|
|
41
52
|
var Portal_1 = require("../../internal/Portal");
|
|
42
|
-
var utilities_1 = require("../../utilities");
|
|
43
53
|
exports.Backdrop = (0, react_1.forwardRef)(function (_a, ref) {
|
|
44
|
-
var children = _a.children, className = _a.className, _b = _a.closeOnClick, closeOnClick = _b === void 0 ? true : _b, onClick = _a.onClick, _c = _a.portal, portal = _c === void 0 ? true : _c, transitionWithOpacity = _a.transitionWithOpacity, animate = _a.animate,
|
|
45
|
-
var _d = react_1.default.useState(1), focusWrapper = _d[0], setFocusWrapper = _d[1];
|
|
54
|
+
var children = _a.children, className = _a.className, _b = _a.closeOnClick, closeOnClick = _b === void 0 ? true : _b, onClick = _a.onClick, _c = _a.portal, portal = _c === void 0 ? true : _c, transitionWithOpacity = _a.transitionWithOpacity, animate = _a.animate, rest = __rest(_a, ["children", "className", "closeOnClick", "onClick", "portal", "transitionWithOpacity", "animate"]);
|
|
46
55
|
var handleClick = function (e) {
|
|
47
56
|
if (portal)
|
|
48
57
|
e.stopPropagation();
|
|
@@ -57,21 +66,12 @@ exports.Backdrop = (0, react_1.forwardRef)(function (_a, ref) {
|
|
|
57
66
|
'cursor-not-allowed': !closeOnClick,
|
|
58
67
|
});
|
|
59
68
|
var BackdropContentClassNames = (0, classnames_1.default)('Backdrop__content', className);
|
|
60
|
-
react_1.default.useEffect(function () {
|
|
61
|
-
// Removes wrapper to be focusable element after initial tab
|
|
62
|
-
function eventHandler(event) {
|
|
63
|
-
event.key === 'Tab' && setFocusWrapper(-1);
|
|
64
|
-
document.removeEventListener('keydown', eventHandler);
|
|
65
|
-
}
|
|
66
|
-
document.addEventListener('keydown', eventHandler);
|
|
67
|
-
}, []);
|
|
68
69
|
return (react_1.default.createElement(Portal_1.Portal, { conditional: portal },
|
|
69
70
|
react_1.default.createElement(AnimatedWrapper, { animate: animate },
|
|
70
|
-
react_1.default.createElement("div", { className: BackdropClassNames, ref: ref },
|
|
71
|
+
react_1.default.createElement("div", __assign({ className: BackdropClassNames, ref: ref }, rest),
|
|
71
72
|
react_1.default.createElement(AnimatedDiv, { animate: animate },
|
|
72
73
|
react_1.default.createElement("div", { className: "Backdrop--ClickHandler", onClick: handleClick })),
|
|
73
|
-
react_1.default.createElement(
|
|
74
|
-
react_1.default.createElement("div", { tabIndex: focusWrapper, className: BackdropContentClassNames }, children))))));
|
|
74
|
+
react_1.default.createElement("div", { className: BackdropContentClassNames }, children)))));
|
|
75
75
|
});
|
|
76
76
|
var AnimatedWrapper = function (_a) {
|
|
77
77
|
var animate = _a.animate, children = _a.children;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Backdrop.js","sourceRoot":"","sources":["../../../src/components/Backdrop/Backdrop.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Backdrop.js","sourceRoot":"","sources":["../../../src/components/Backdrop/Backdrop.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA8C;AAC9C,0DAAoC;AACpC,+CAAwD;AACxD,gEAA0C;AAE1C,gDAA+C;AA2BlC,QAAA,QAAQ,GAAsB,IAAA,kBAAU,EACpD,UACC,EASC,EACD,GAAoC;IATnC,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,oBAAmB,EAAnB,YAAY,mBAAG,IAAI,KAAA,EACnB,OAAO,aAAA,EACP,cAAa,EAAb,MAAM,mBAAG,IAAI,KAAA,EACb,qBAAqB,2BAAA,EACrB,OAAO,aAAA,EACJ,IAAI,cARR,kGASC,CADO;IAIR,IAAM,WAAW,GAAyC,UAAC,CAAC;QAC3D,IAAI,MAAM;YAAE,CAAC,CAAC,eAAe,EAAE,CAAC;QAEhC,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,aAAa;YAAE,OAAO;QAEzC,IAAI,OAAO;YAAE,OAAO,CAAC,CAAC,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,IAAM,kBAAkB,GAAG,IAAA,oBAAU,EACpC,UAAU,EACV,sBAAsB,EACtB;QACC,kBAAkB,EAAE,MAAM;QAC1B,KAAK,EAAE,qBAAqB;QAC5B,oBAAoB,EAAE,CAAC,YAAY;KACnC,CACD,CAAC;IAEF,IAAM,yBAAyB,GAAG,IAAA,oBAAU,EAC3C,mBAAmB,EACnB,SAAS,CACT,CAAC;IAEF,OAAO,CACN,8BAAC,eAAM,IAAC,WAAW,EAAE,MAAM;QAC1B,8BAAC,eAAe,IAAC,OAAO,EAAE,OAAO;YAChC,gDAAK,SAAS,EAAE,kBAAkB,EAAE,GAAG,EAAE,GAAG,IAAM,IAAI;gBACrD,8BAAC,WAAW,IAAC,OAAO,EAAE,OAAO;oBAC5B,uCACC,SAAS,EAAC,wBAAwB,EAClC,OAAO,EAAE,WAAW,GACnB,CACW;gBACd,uCAAK,SAAS,EAAE,yBAAyB,IACvC,QAAQ,CACJ,CACD,CACW,CACV,CACT,CAAC;AACH,CAAC,CACD,CAAC;AAEF,IAAM,eAAe,GAAG,UAAC,EAA0B;QAAxB,OAAO,aAAA,EAAE,QAAQ,cAAA;IAC3C,OAAA,OAAO,CAAC,CAAC,CAAC,8BAAC,+BAAe,QAAE,QAAQ,CAAmB,CAAC,CAAC,CAAC,QAAQ;AAAlE,CAAkE,CAAC;AAEpE,IAAM,WAAW,GAAG,UAAC,EAA0B;QAAxB,OAAO,aAAA,EAAE,QAAQ,cAAA;IACvC,IAAM,YAAY,GAAW,QAAQ,CAAC,gBAAM,CAAC,YAAY,EAAE,EAAE,CAAC,GAAG,IAAI,CAAC,CAAC,iBAAiB;IACxF,IAAM,eAAe,GAAG;QACvB,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;QACvB,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;QACvB,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;QACpB,UAAU,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE;KACtD,CAAC;IAEF,OAAO,OAAO,CAAC,CAAC,CAAC,CAChB,8BAAC,sBAAM,CAAC,GAAG,eAAK,eAAe,GAAG,QAAQ,CAAc,CACxD,CAAC,CAAC,CAAC,CACH,QAAQ,CACR,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Backdrop/Backdrop.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/utilities/_font-smoothing.scss"],"names":[],"mappings":"AAAA;ACGA;AAGA;ACLC;EACA,OCiBa;ADfb;EACA;EEHC;EACA;EHOD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA,YA/BgB;;;AAkCjB;EACC
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Backdrop/Backdrop.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/utilities/_font-smoothing.scss"],"names":[],"mappings":"AAAA;ACGA;AAGA;ACLC;EACA,OCiBa;ADfb;EACA;EEHC;EACA;EHOD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA,YA/BgB;;;AAkCjB;EACC;EACA","file":"index.css"}
|
|
@@ -8,7 +8,7 @@ export interface ButtonPropsStrict {
|
|
|
8
8
|
color?: 'primary' | 'blue' | 'default' | 'grey' | 'negative' | 'red';
|
|
9
9
|
/** Additional classes */
|
|
10
10
|
className?: string;
|
|
11
|
-
/** Disabled button,
|
|
11
|
+
/** Disabled button, unclickable */
|
|
12
12
|
disabled?: boolean;
|
|
13
13
|
/** Set the component HTML element. Warning: Using non-standard markup can produce accessibility issues. */
|
|
14
14
|
el?: 'button' | 'a' | 'span';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/DateRangePicker/DateRangePicker.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACOA;ACNC;EACA,OCiBa;ADfb;EACA;EDKA;EACA;;;AAIA;AAAA;EAEC;EACA;;AAGD;EACC;;AAGD;EACC;;;AAIF;EACC;EACA
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/DateRangePicker/DateRangePicker.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACOA;ACNC;EACA,OCiBa;ADfb;EACA;EDKA;EACA;;;AAIA;AAAA;EAEC;EACA;;AAGD;EACC;;AAGD;EACC;;;AAIF;EACC;EACA;;;AAGD;EACC,OEqDe;EFpDf,WE+Fa;EF9Fb,aEwGqB;EFvGrB,YEkFW;EFjFX,eEyFc;;;AFtFf;EACC;EACA;EACA;;;AAGD;EACC;EACA,SEuEW;EFtEX;EACA;EACA,gBE2Ec;EF1Ed;EACA;EACA;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA,SEuDW","file":"DateRangePicker.css"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
1
|
+
import React, { FC } from 'react';
|
|
2
2
|
import { PopoverProps } from '../Popover';
|
|
3
3
|
import { InputProps } from '../Input';
|
|
4
4
|
import { DateRangeOptionListProps } from './components';
|
|
@@ -44,5 +44,20 @@ export interface DateRangePickerProps {
|
|
|
44
44
|
focusedDate?: Date;
|
|
45
45
|
autoFlipVertically?: PopoverProps['autoFlipVertically'];
|
|
46
46
|
autoFlipHorizontally?: PopoverProps['autoFlipHorizontally'];
|
|
47
|
+
/** This will override native trigger component */
|
|
48
|
+
trigger?: (
|
|
49
|
+
/** returns internal trigger value */
|
|
50
|
+
value: DateRangePickerProps['value'],
|
|
51
|
+
/** returns internal trigger prop */
|
|
52
|
+
triggerProp: triggerProps,
|
|
53
|
+
/** returns internal open state */
|
|
54
|
+
open: DateRangePickerProps['open'],
|
|
55
|
+
/** returns interal error state */
|
|
56
|
+
error: DateRangePickerProps['error']) => React.ReactElement;
|
|
57
|
+
}
|
|
58
|
+
interface triggerProps {
|
|
59
|
+
/** onClick function for the trigger */
|
|
60
|
+
onClick?: () => void;
|
|
47
61
|
}
|
|
48
62
|
export declare const DateRangePicker: FC<DateRangePickerProps>;
|
|
63
|
+
export {};
|
|
@@ -18,68 +18,71 @@ exports.DateRangePicker = void 0;
|
|
|
18
18
|
var react_1 = __importDefault(require("react"));
|
|
19
19
|
var KeyPressListener_1 = require("../KeyPressListener");
|
|
20
20
|
var Popover_1 = require("../Popover");
|
|
21
|
-
var
|
|
21
|
+
var Stack_1 = require("../Stack");
|
|
22
22
|
var Button_1 = require("../Button");
|
|
23
23
|
var Icon_1 = require("../Icon");
|
|
24
|
+
var Link_1 = require("../Link");
|
|
24
25
|
var components_1 = require("./components");
|
|
25
26
|
var kendo_react_dateinputs_1 = require("@progress/kendo-react-dateinputs");
|
|
26
27
|
var keyCodes_1 = require("../../utilities/keyCodes");
|
|
27
28
|
var utils_1 = require("./utils");
|
|
29
|
+
var dateFormat_1 = require("../../utilities/dateFormat");
|
|
28
30
|
var DateRangePicker = function (_a) {
|
|
29
|
-
var _b, _c, _d, _e;
|
|
31
|
+
var _b, _c, _d, _e, _f;
|
|
30
32
|
var
|
|
31
33
|
// for trigger
|
|
32
|
-
|
|
34
|
+
_g = _a.size,
|
|
33
35
|
// for trigger
|
|
34
|
-
size =
|
|
36
|
+
size = _g === void 0 ? 'medium' : _g, disabled = _a.disabled, error = _a.error, placeholder = _a.placeholder, required = _a.required,
|
|
37
|
+
// custom trigger
|
|
38
|
+
trigger = _a.trigger,
|
|
35
39
|
// for popover
|
|
36
|
-
options = _a.options,
|
|
40
|
+
options = _a.options, _h = _a.direction, direction = _h === void 0 ? 'br' : _h, open = _a.open, disableCloseOnClickOutside = _a.disableCloseOnClickOutside, onClickOutside = _a.onClickOutside, onOpenChange = _a.onOpenChange, autoFlipHorizontally = _a.autoFlipHorizontally, autoFlipVertically = _a.autoFlipVertically,
|
|
37
41
|
// for calendar
|
|
38
42
|
value = _a.value, defaultValue = _a.defaultValue, displayValue = _a.displayValue, onChange = _a.onChange, maxDate = _a.maxDate, minDate = _a.minDate, focusedDate = _a.focusedDate,
|
|
39
43
|
// for inputs
|
|
40
|
-
|
|
44
|
+
_j = _a.startPlaceholder,
|
|
41
45
|
// for inputs
|
|
42
|
-
startPlaceholder =
|
|
46
|
+
startPlaceholder = _j === void 0 ? 'Start Date' : _j, _k = _a.endPlaceholder, endPlaceholder = _k === void 0 ? 'End Date' : _k;
|
|
43
47
|
var triggerRef = react_1.default.useRef(null);
|
|
44
|
-
var
|
|
45
|
-
var
|
|
48
|
+
var _l = react_1.default.useState(error), IError = _l[0], setIError = _l[1];
|
|
49
|
+
var _m = react_1.default.useState({
|
|
46
50
|
start: false,
|
|
47
51
|
end: false,
|
|
48
|
-
}), inputErrors =
|
|
52
|
+
}), inputErrors = _m[0], setInputErrors = _m[1];
|
|
49
53
|
var validRange = react_1.default.useCallback(function (d) {
|
|
50
54
|
if (d === undefined)
|
|
51
55
|
return { start: null, end: null };
|
|
52
56
|
return {
|
|
53
|
-
start: d.start ?
|
|
54
|
-
end: d.end ?
|
|
57
|
+
start: d.start ? dateFormat_1.toDateFormat.startOfDay(d.start) : null,
|
|
58
|
+
end: d.end ? dateFormat_1.toDateFormat.endOfDay(d.end) : null,
|
|
55
59
|
};
|
|
56
60
|
}, []);
|
|
57
|
-
var
|
|
58
|
-
var
|
|
59
|
-
var
|
|
60
|
-
var
|
|
61
|
-
var
|
|
61
|
+
var _o = react_1.default.useState(validRange(value)), dateRange = _o[0], setDateRange = _o[1];
|
|
62
|
+
var _p = react_1.default.useState(validRange(value)), IValue = _p[0], setIValue = _p[1];
|
|
63
|
+
var _q = react_1.default.useState(validRange(value)), triggerValue = _q[0], setTriggerValue = _q[1];
|
|
64
|
+
var _r = react_1.default.useState(open), openCal = _r[0], setOpenCal = _r[1];
|
|
65
|
+
var _s = react_1.default.useState(disableCloseOnClickOutside), disableFocus = _s[0], setDisableFocus = _s[1];
|
|
66
|
+
var _t = react_1.default.useState({
|
|
62
67
|
start: false,
|
|
63
68
|
end: false,
|
|
64
|
-
}), IsOutOfRange =
|
|
69
|
+
}), IsOutOfRange = _t[0], setIsOutOfRange = _t[1];
|
|
65
70
|
var minMaxRange = react_1.default.useMemo(function () {
|
|
66
71
|
return {
|
|
67
|
-
min: minDate &&
|
|
68
|
-
max: maxDate &&
|
|
72
|
+
min: minDate && dateFormat_1.toDateFormat.startOfDay(minDate),
|
|
73
|
+
max: maxDate && dateFormat_1.toDateFormat.endOfDay(maxDate),
|
|
69
74
|
};
|
|
70
75
|
}, [minDate, maxDate]);
|
|
71
|
-
var isNewDateRange = ((_b = IValue === null || IValue === void 0 ? void 0 : IValue.start) === null || _b === void 0 ? void 0 : _b.getTime()) !== ((_c = dateRange === null || dateRange === void 0 ? void 0 : dateRange.start) === null || _c === void 0 ? void 0 : _c.getTime()) ||
|
|
72
|
-
((_d = IValue === null || IValue === void 0 ? void 0 : IValue.end) === null || _d === void 0 ? void 0 : _d.getTime()) !== ((_e = dateRange === null || dateRange === void 0 ? void 0 : dateRange.end) === null || _e === void 0 ? void 0 : _e.getTime());
|
|
73
76
|
// Checks min and max dates for start and end date
|
|
74
77
|
var checkDateRangeScope = react_1.default.useCallback(function (range) {
|
|
75
78
|
var _a, _b;
|
|
76
79
|
var isOutOfScope = (0, utils_1.checkScope)(range, minDate, maxDate);
|
|
77
80
|
setIsOutOfRange({
|
|
78
81
|
start: isOutOfScope.startOutOfScope
|
|
79
|
-
? "Min date is " +
|
|
82
|
+
? "Min date is " + dateFormat_1.toDateFormat.numeric((_a = dateFormat_1.toDateFormat.startOfDay(minDate)) === null || _a === void 0 ? void 0 : _a.getTime())
|
|
80
83
|
: false,
|
|
81
84
|
end: isOutOfScope.endOutOfScope
|
|
82
|
-
? "Max date is " +
|
|
85
|
+
? "Max date is " + dateFormat_1.toDateFormat.numeric((_b = dateFormat_1.toDateFormat.endOfDay(maxDate)) === null || _b === void 0 ? void 0 : _b.getTime())
|
|
83
86
|
: false,
|
|
84
87
|
});
|
|
85
88
|
}, [maxDate, minDate]);
|
|
@@ -103,10 +106,7 @@ var DateRangePicker = function (_a) {
|
|
|
103
106
|
};
|
|
104
107
|
// confirm handler, this returns dateRange value through onChange
|
|
105
108
|
var handleOnConfirm = function () {
|
|
106
|
-
onChange(
|
|
107
|
-
start: utils_1.toDateFormat.startOfDay(dateRange.start),
|
|
108
|
-
end: utils_1.toDateFormat.endOfDay(dateRange.end),
|
|
109
|
-
});
|
|
109
|
+
onChange(validRange(dateRange));
|
|
110
110
|
setTriggerValue(dateRange);
|
|
111
111
|
setIValue(dateRange);
|
|
112
112
|
setOpenCal(false);
|
|
@@ -131,6 +131,9 @@ var DateRangePicker = function (_a) {
|
|
|
131
131
|
// toggle open state
|
|
132
132
|
var toggleOpen = function () {
|
|
133
133
|
openCal ? close() : setOpenCal(!openCal);
|
|
134
|
+
if (disableCloseOnClickOutside) {
|
|
135
|
+
setDisableFocus(false);
|
|
136
|
+
}
|
|
134
137
|
};
|
|
135
138
|
// keyboard event for end date input to confirm and close
|
|
136
139
|
var calendarKeyPress = function (event) {
|
|
@@ -176,13 +179,22 @@ var DateRangePicker = function (_a) {
|
|
|
176
179
|
setIError(true);
|
|
177
180
|
}
|
|
178
181
|
}, [IValue, inputErrors]);
|
|
179
|
-
var
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
182
|
+
var hasError = inputErrors.start || inputErrors.end;
|
|
183
|
+
var hasNewValue = ((_b = IValue === null || IValue === void 0 ? void 0 : IValue.start) === null || _b === void 0 ? void 0 : _b.getTime()) !== ((_c = dateRange === null || dateRange === void 0 ? void 0 : dateRange.start) === null || _c === void 0 ? void 0 : _c.getTime()) ||
|
|
184
|
+
((_d = IValue === null || IValue === void 0 ? void 0 : IValue.end) === null || _d === void 0 ? void 0 : _d.getTime()) !== ((_e = dateRange === null || dateRange === void 0 ? void 0 : dateRange.end) === null || _e === void 0 ? void 0 : _e.getTime());
|
|
185
|
+
var hasAcceptableValues = (dateRange.start && dateRange.end) ||
|
|
186
|
+
(dateRange.start === null && dateRange.end === null);
|
|
187
|
+
var isApplyDisabled = (!hasAcceptableValues ||
|
|
188
|
+
!hasNewValue ||
|
|
189
|
+
hasError ||
|
|
184
190
|
!IsOutOfRange);
|
|
185
|
-
|
|
191
|
+
var triggerProps = {
|
|
192
|
+
onClick: toggleOpen,
|
|
193
|
+
};
|
|
194
|
+
return (react_1.default.createElement(Popover_1.Popover, { open: !disabled && openCal, onClickOutside: handleOnClickOutside, trigger: (_f = trigger === null || trigger === void 0 ? void 0 : trigger(triggerValue, triggerProps, openCal, IError)) !== null && _f !== void 0 ? _f : (react_1.default.createElement(components_1.DateRangeTrigger, { open: openCal, placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : 'Select Date Range', onClick: toggleOpen, onKeyDown: triggerKeyPress, onChange: clearDateRange, value: triggerValue, displayValue: displayValue, disabled: disabled, error: IError, size: size, ref: triggerRef, required: required })), direction: direction, padding: null, width: "auto", className: "DateRangePicker__popover", portal: true, autoFlipHorizontally: autoFlipHorizontally, autoFlipVertically: autoFlipVertically, focusScopeOptions: {
|
|
195
|
+
disableTrapping: !openCal,
|
|
196
|
+
disableAutofocus: disableFocus ? true : !openCal,
|
|
197
|
+
} },
|
|
186
198
|
react_1.default.createElement(KeyPressListener_1.KeyPressListener, { code: keyCodes_1.Keys.Esc, handler: close, disabled: disableCloseOnClickOutside || !openCal }),
|
|
187
199
|
react_1.default.createElement("div", { className: "d-f flex-row" },
|
|
188
200
|
options && options.length > 0 && (react_1.default.createElement(components_1.DateRangeOptionList, { options: options, min: minMaxRange.min, max: minMaxRange.max, onChange: function (data) {
|
|
@@ -194,18 +206,20 @@ var DateRangePicker = function (_a) {
|
|
|
194
206
|
react_1.default.createElement("div", { className: "DateRangePicker" },
|
|
195
207
|
react_1.default.createElement("div", { className: "DateRangePicker__header" },
|
|
196
208
|
react_1.default.createElement("div", { className: "DateRangePicker__inputGroup" },
|
|
197
|
-
react_1.default.createElement(components_1.DateRangeInput, { placeholder: startPlaceholder, value: dateRange.start, error: inputErrors.start, onBlur: function (value) {
|
|
209
|
+
react_1.default.createElement(components_1.DateRangeInput, { placeholder: startPlaceholder, value: dateRange === null || dateRange === void 0 ? void 0 : dateRange.start, error: inputErrors.start, onBlur: function (value) {
|
|
198
210
|
handleDateOnBlur('start', value);
|
|
199
211
|
} }),
|
|
200
212
|
react_1.default.createElement(Icon_1.Icon, { name: "arrow_forward", className: "DateRangePicker__fromTo" }),
|
|
201
|
-
react_1.default.createElement(components_1.DateRangeInput, { placeholder: endPlaceholder, value: dateRange.end, error: inputErrors.end, onBlur: function (value) {
|
|
213
|
+
react_1.default.createElement(components_1.DateRangeInput, { placeholder: endPlaceholder, value: dateRange === null || dateRange === void 0 ? void 0 : dateRange.end, error: inputErrors.end, onBlur: function (value) {
|
|
202
214
|
handleDateOnBlur('end', value);
|
|
203
215
|
} }))),
|
|
204
216
|
react_1.default.createElement("div", { onKeyPress: calendarKeyPress, className: "DatePicker__calendar" },
|
|
205
217
|
react_1.default.createElement(kendo_react_dateinputs_1.MultiViewCalendar, { mode: "range", views: 1, value: dateRange, onChange: handleCalendarOnChange, focusedDate: focusedDate, defaultValue: defaultValue, min: minMaxRange.min, max: minMaxRange.max })))),
|
|
206
|
-
react_1.default.createElement(
|
|
207
|
-
react_1.default.createElement(
|
|
208
|
-
|
|
218
|
+
react_1.default.createElement(Stack_1.Stack, { className: "DateRangePicker__actions", direction: "row-reverse", justifyContent: "space-between" },
|
|
219
|
+
react_1.default.createElement(Stack_1.Stack, { direction: "row-reverse", spacing: 2 },
|
|
220
|
+
react_1.default.createElement(Button_1.Button, { disabled: isApplyDisabled, onClick: handleOnConfirm, small: true, color: "primary" }, "Apply"),
|
|
221
|
+
react_1.default.createElement(Button_1.Button, { small: true, fill: "subtle", onClick: close }, "Cancel")),
|
|
222
|
+
react_1.default.createElement(Link_1.Link, { primary: true, onClick: function () { return setDateRange({ start: null, end: null }); }, disabled: !((dateRange === null || dateRange === void 0 ? void 0 : dateRange.start) || (dateRange === null || dateRange === void 0 ? void 0 : dateRange.end)), className: "fs-2" }, "Clear"))));
|
|
209
223
|
};
|
|
210
224
|
exports.DateRangePicker = DateRangePicker;
|
|
211
225
|
//# sourceMappingURL=DateRangePicker.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateRangePicker.js","sourceRoot":"","sources":["../../../src/components/DateRangePicker/DateRangePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,wDAAuD;AACvD,sCAAmD;AACnD,
|
|
1
|
+
{"version":3,"file":"DateRangePicker.js","sourceRoot":"","sources":["../../../src/components/DateRangePicker/DateRangePicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -43,13 +43,13 @@ var react_1 = __importDefault(require("react"));
|
|
|
43
43
|
var react_2 = require("@testing-library/react");
|
|
44
44
|
var user_event_1 = __importDefault(require("@testing-library/user-event"));
|
|
45
45
|
var DateRangePicker_1 = require("./DateRangePicker");
|
|
46
|
-
var
|
|
46
|
+
var dateFormat_1 = require("../../utilities/dateFormat");
|
|
47
47
|
var components_1 = require("./components");
|
|
48
48
|
describe('isValid fn', function () {
|
|
49
49
|
beforeEach(function () { return jest.spyOn(console, 'error'); });
|
|
50
50
|
var validString = 'Feb 2 2021';
|
|
51
51
|
it('it should return true for valid Date object', function () {
|
|
52
|
-
expect((0,
|
|
52
|
+
expect((0, dateFormat_1.isValid)(new Date(validString)) instanceof Date).toBe(true);
|
|
53
53
|
});
|
|
54
54
|
});
|
|
55
55
|
describe('toDateFormat fn', function () {
|
|
@@ -57,16 +57,16 @@ describe('toDateFormat fn', function () {
|
|
|
57
57
|
var validString = 'Feb 2 2021';
|
|
58
58
|
var inValidString = 'some string';
|
|
59
59
|
it('it should return Date object if the string is acceptable format', function () {
|
|
60
|
-
expect((0,
|
|
60
|
+
expect((0, dateFormat_1.toDateFormat)(validString)).toStrictEqual(new Date('Feb 2 2021'));
|
|
61
61
|
});
|
|
62
62
|
it('it should return null for unacceptable string format', function () {
|
|
63
|
-
expect((0,
|
|
63
|
+
expect((0, dateFormat_1.toDateFormat)(inValidString)).toBe(null);
|
|
64
64
|
});
|
|
65
65
|
it('it should return numeric formatted string of date object', function () {
|
|
66
|
-
expect(
|
|
66
|
+
expect(dateFormat_1.toDateFormat.numeric(validString)).toBe('02/02/2021');
|
|
67
67
|
});
|
|
68
68
|
it('it should return shortMonth formatted string of date object', function () {
|
|
69
|
-
expect(
|
|
69
|
+
expect(dateFormat_1.toDateFormat.shortMonth(validString)).toBe('Feb 2, 2021');
|
|
70
70
|
});
|
|
71
71
|
});
|
|
72
72
|
describe('DateRangeInput', function () {
|
|
@@ -78,7 +78,7 @@ describe('DateRangeInput', function () {
|
|
|
78
78
|
var Input = getByPlaceholderText('Test Input');
|
|
79
79
|
user_event_1.default.type(Input, validString);
|
|
80
80
|
user_event_1.default.tab();
|
|
81
|
-
expect(Input).toHaveValue(
|
|
81
|
+
expect(Input).toHaveValue(dateFormat_1.toDateFormat.numeric(validString));
|
|
82
82
|
});
|
|
83
83
|
it('it should return empty string if value was in incorrect format onBlur', function () {
|
|
84
84
|
var getByPlaceholderText = (0, react_2.render)(react_1.default.createElement(components_1.DateRangeInput, { value: null, placeholder: "Test Input" })).getByPlaceholderText;
|
|
@@ -88,11 +88,11 @@ describe('DateRangeInput', function () {
|
|
|
88
88
|
expect(Input).toHaveValue('');
|
|
89
89
|
});
|
|
90
90
|
it('it should return last valid value if value was incorrect format onBlur', function () {
|
|
91
|
-
var getByPlaceholderText = (0, react_2.render)(react_1.default.createElement(components_1.DateRangeInput, { value: (0,
|
|
91
|
+
var getByPlaceholderText = (0, react_2.render)(react_1.default.createElement(components_1.DateRangeInput, { value: (0, dateFormat_1.toDateFormat)(validString), placeholder: "Test Input" })).getByPlaceholderText;
|
|
92
92
|
var Input = getByPlaceholderText('Test Input');
|
|
93
93
|
user_event_1.default.type(Input, inValidString);
|
|
94
94
|
user_event_1.default.tab();
|
|
95
|
-
expect(Input).toHaveValue(
|
|
95
|
+
expect(Input).toHaveValue(dateFormat_1.toDateFormat.numeric(validString));
|
|
96
96
|
});
|
|
97
97
|
});
|
|
98
98
|
describe('DateRangePicker', function () {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateRangePicker.test.js","sourceRoot":"","sources":["../../../src/components/DateRangePicker/DateRangePicker.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,gDAAyD;AACzD,2EAAoD;AACpD,qDAAoD;AACpD,
|
|
1
|
+
{"version":3,"file":"DateRangePicker.test.js","sourceRoot":"","sources":["../../../src/components/DateRangePicker/DateRangePicker.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,23 +7,23 @@ exports.DateRangeInput = void 0;
|
|
|
7
7
|
var react_1 = __importDefault(require("react"));
|
|
8
8
|
var Tooltip_1 = require("../../Tooltip");
|
|
9
9
|
var Input_1 = require("../../Input");
|
|
10
|
-
var
|
|
10
|
+
var dateFormat_1 = require("../../../utilities/dateFormat");
|
|
11
11
|
exports.DateRangeInput = react_1.default.forwardRef(function (_a, ref) {
|
|
12
12
|
var value = _a.value, placeholder = _a.placeholder, onBlur = _a.onBlur, error = _a.error, autoFocus = _a.autoFocus, onFocus = _a.onFocus, onKeyPress = _a.onKeyPress;
|
|
13
|
-
var _b = react_1.default.useState(value === null ? '' :
|
|
13
|
+
var _b = react_1.default.useState(value === null ? '' : dateFormat_1.toDateFormat.numeric(new Date(value))), IValue = _b[0], setIValue = _b[1];
|
|
14
14
|
var _c = react_1.default.useState(''), dateValue = _c[0], setDateValue = _c[1];
|
|
15
15
|
react_1.default.useEffect(function () {
|
|
16
16
|
var _a;
|
|
17
|
-
setDateValue((_a = (value &&
|
|
17
|
+
setDateValue((_a = (value && dateFormat_1.toDateFormat.numeric(new Date(value)))) !== null && _a !== void 0 ? _a : '');
|
|
18
18
|
}, [value]);
|
|
19
19
|
var handleOnChange = function (data) {
|
|
20
20
|
setDateValue(data);
|
|
21
21
|
};
|
|
22
22
|
var handleOnBlur = function () {
|
|
23
23
|
var currentAsDate = new Date(dateValue);
|
|
24
|
-
if ((0,
|
|
25
|
-
setDateValue(
|
|
26
|
-
setIValue(
|
|
24
|
+
if ((0, dateFormat_1.isValid)(currentAsDate)) {
|
|
25
|
+
setDateValue(dateFormat_1.toDateFormat.numeric(currentAsDate));
|
|
26
|
+
setIValue(dateFormat_1.toDateFormat.numeric(currentAsDate));
|
|
27
27
|
onBlur === null || onBlur === void 0 ? void 0 : onBlur(currentAsDate);
|
|
28
28
|
}
|
|
29
29
|
else {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateRangeInput.js","sourceRoot":"","sources":["../../../../src/components/DateRangePicker/components/DateRangeInput.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAuC;AACvC,yCAAwC;AACxC,qCAAgD;AAChD,
|
|
1
|
+
{"version":3,"file":"DateRangeInput.js","sourceRoot":"","sources":["../../../../src/components/DateRangePicker/components/DateRangeInput.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAuC;AACvC,yCAAwC;AACxC,qCAAgD;AAChD,4DAAsE;AA2BzD,QAAA,cAAc,GAA+B,eAAK,CAAC,UAAU,CACzE,UACC,EAAqE,EACrE,GAAsC;QADpC,KAAK,WAAA,EAAE,WAAW,iBAAA,EAAE,MAAM,YAAA,EAAE,KAAK,WAAA,EAAE,SAAS,eAAA,EAAE,OAAO,aAAA,EAAE,UAAU,gBAAA;IAG7D,IAAA,KAAsB,eAAK,CAAC,QAAQ,CACzC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,yBAAY,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAC3D,EAFM,MAAM,QAAA,EAAE,SAAS,QAEvB,CAAC;IACI,IAAA,KAA4B,eAAK,CAAC,QAAQ,CAAS,EAAE,CAAC,EAArD,SAAS,QAAA,EAAE,YAAY,QAA8B,CAAC;IAE7D,eAAK,CAAC,SAAS,CAAC;;QACf,YAAY,CACX,MAAA,CAAC,KAAK,IAAI,yBAAY,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,mCAAI,EAAE,CACtD,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,IAAM,cAAc,GAAG,UAAC,IAAY;QACnC,YAAY,CAAC,IAAI,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,IAAM,YAAY,GAAG;QACpB,IAAM,aAAa,GAAG,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC;QAC1C,IAAI,IAAA,oBAAO,EAAC,aAAa,CAAC,EAAE;YAC3B,YAAY,CAAC,yBAAY,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC;YAClD,SAAS,CAAC,yBAAY,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC;YAC/C,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,aAAa,CAAC,CAAC;SACxB;aAAM;YACN,YAAY,CAAC,MAAM,CAAC,CAAC;SACrB;IACF,CAAC,CAAC;IAEF,IAAM,aAAa,GAAG,UAAC,CAAsC;QAC5D,OAAO,aAAP,OAAO,uBAAP,OAAO,EAAI,CAAC;QACZ,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;IACnB,CAAC,CAAC;IAEF,OAAO,CACN,8BAAC,iBAAO,IACP,IAAI,EAAE,KAAgB,EACtB,IAAI,EAAE,KAAe,EACrB,SAAS,EAAC,GAAG;QAEb,8BAAC,aAAK,IACL,MAAM,EAAE,YAAY,EACpB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,UAAC,CAAC,EAAE,KAAK,IAAK,OAAA,cAAc,CAAC,KAAK,CAAC,KAAK,CAAC,EAA3B,CAA2B,EACnD,KAAK,EAAE,KAAgB,EACvB,OAAO,EAAE,aAAa,EACtB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,SAAS,EAChB,IAAI,EAAC,OAAO,EACZ,YAAY,EAAC,MAAM,EACnB,KAAK,QACL,SAAS,EAAC,KAAK,EACf,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,GAAG,GACZ,CACO,CACV,CAAC;AACH,CAAC,CACD,CAAC"}
|
|
@@ -18,12 +18,13 @@ exports.DateRangeOptionList = void 0;
|
|
|
18
18
|
var react_1 = __importDefault(require("react"));
|
|
19
19
|
var OptionList_1 = require("../../OptionList");
|
|
20
20
|
var utils_1 = require("../utils");
|
|
21
|
+
var dateFormat_1 = require("../../../utilities/dateFormat");
|
|
21
22
|
var DateRangeOptionList = function (_a) {
|
|
22
23
|
var options = _a.options, min = _a.min, max = _a.max, onChange = _a.onChange;
|
|
23
24
|
var normalizeValueInOptions = options.map(function (option) {
|
|
24
25
|
return __assign(__assign({}, option), { value: {
|
|
25
|
-
start:
|
|
26
|
-
end:
|
|
26
|
+
start: dateFormat_1.toDateFormat.startOfDay(option.value.start),
|
|
27
|
+
end: dateFormat_1.toDateFormat.endOfDay(option.value.end),
|
|
27
28
|
} });
|
|
28
29
|
});
|
|
29
30
|
var checkOptions = normalizeValueInOptions.filter(function (option) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateRangeOptionList.js","sourceRoot":"","sources":["../../../../src/components/DateRangePicker/components/DateRangeOptionList.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,+CAA+D;AAE/D,
|
|
1
|
+
{"version":3,"file":"DateRangeOptionList.js","sourceRoot":"","sources":["../../../../src/components/DateRangePicker/components/DateRangeOptionList.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,+CAA+D;AAE/D,kCAAsC;AACtC,4DAA6D;AAmBtD,IAAM,mBAAmB,GAAiC,UAAC,EAKjE;QAJA,OAAO,aAAA,EACP,GAAG,SAAA,EACH,GAAG,SAAA,EACH,QAAQ,cAAA;IAER,IAAM,uBAAuB,GAAG,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM;QAClD,6BACI,MAAM,KACT,KAAK,EAAE;gBACN,KAAK,EAAE,yBAAY,CAAC,UAAU,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC;gBAClD,GAAG,EAAE,yBAAY,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC;aAC5C,IACA;IACH,CAAC,CAAC,CAAC;IAEH,IAAM,YAAY,GAAG,uBAAuB,CAAC,MAAM,CAClD,UAAC,MAA4B;QAC5B,IAAM,YAAY,GAAG,IAAA,kBAAU,EAAC,MAAM,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;QACxD,IAAI,YAAY,CAAC,eAAe,IAAI,YAAY,CAAC,aAAa;YAC7D,OAAO,KAAK,CAAC;QACd,OAAO,IAAI,CAAC;IACb,CAAC,CACD,CAAC;IAEF,IAAM,cAAc,GAAG,UAAC,IAAmC;QAC1D,QAAQ,CAAC,IAAI,CAAC,CAAC;IAChB,CAAC,CAAC;IAEF,OAAO,CACN,8BAAC,eAAK,CAAC,QAAQ,QACb,YAAY,CAAC,MAAM,GAAG,CAAC,IAAI,CAC3B,uCAAK,SAAS,EAAC,0BAA0B;QACxC,8BAAC,uBAAU,IACV,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,UAAC,IAAI,IAAK,OAAA,cAAc,CAAC,IAAI,CAAC,EAApB,CAAoB,GACvC,CACG,CACN,CACe,CACjB,CAAC;AACH,CAAC,CAAC;AAzCW,QAAA,mBAAmB,uBAyC9B"}
|
|
@@ -12,7 +12,7 @@ var Button_1 = require("../../Button");
|
|
|
12
12
|
var Stack_1 = require("../../Stack");
|
|
13
13
|
var Icon_1 = require("../../Icon");
|
|
14
14
|
var classnames_1 = __importDefault(require("classnames"));
|
|
15
|
-
var
|
|
15
|
+
var dateFormat_1 = require("../../../utilities/dateFormat");
|
|
16
16
|
exports.DateRangeTrigger = react_1.default.forwardRef(function (_a, ref) {
|
|
17
17
|
var _b;
|
|
18
18
|
var onKeyDown = _a.onKeyDown, className = _a.className, disabled = _a.disabled, error = _a.error, onClick = _a.onClick, open = _a.open, placeholder = _a.placeholder, value = _a.value, displayValue = _a.displayValue, size = _a.size, required = _a.required, onChange = _a.onChange;
|
|
@@ -37,7 +37,7 @@ exports.DateRangeTrigger = react_1.default.forwardRef(function (_a, ref) {
|
|
|
37
37
|
var valueString = displayValue ||
|
|
38
38
|
(valueRange.start &&
|
|
39
39
|
valueRange.end &&
|
|
40
|
-
|
|
40
|
+
dateFormat_1.toDateFormat.shortMonth(valueRange.start) + " - " + dateFormat_1.toDateFormat.shortMonth(valueRange.end));
|
|
41
41
|
var getValues = function () {
|
|
42
42
|
if (valueString)
|
|
43
43
|
return (react_1.default.createElement(BodyText_1.BodyText, { className: "Trigger__value" }, valueString));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateRangeTrigger.js","sourceRoot":"","sources":["../../../../src/components/DateRangePicker/components/DateRangeTrigger.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAuC;AACvC,6CAAmD;AACnD,2CAA0C;AAC1C,yCAAwC;AACxC,uCAAsC;AACtC,qCAAoC;AACpC,mCAAkC;AAClC,0DAAoC;AACpC,
|
|
1
|
+
{"version":3,"file":"DateRangeTrigger.js","sourceRoot":"","sources":["../../../../src/components/DateRangePicker/components/DateRangeTrigger.tsx"],"names":[],"mappings":"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"}
|