@servicetitan/design-system 10.6.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/ActionMenu/ActionMenu.d.ts +1 -1
- package/dist/components/ActionMenu/ActionMenu.js +2 -2
- package/dist/components/ActionMenu/ActionMenu.js.map +1 -1
- package/dist/components/ActionMenu/ActionMenuItem.d.ts +1 -1
- package/dist/components/ActionMenu/ActionMenuItem.js +5 -5
- package/dist/components/ActionMenu/ActionMenuItem.js.map +1 -1
- package/dist/components/Announcement/Announcement.js +3 -3
- package/dist/components/Announcement/Announcement.js.map +1 -1
- package/dist/components/AnvilSelect/AnvilSelect.d.ts +1 -1
- package/dist/components/AnvilSelect/AnvilSelect.js +22 -18
- package/dist/components/AnvilSelect/AnvilSelect.js.map +1 -1
- package/dist/components/AnvilSelect/components/DrillIn.js +14 -11
- package/dist/components/AnvilSelect/components/DrillIn.js.map +1 -1
- package/dist/components/AnvilSelect/components/SelectFooter.js +14 -11
- package/dist/components/AnvilSelect/components/SelectFooter.js.map +1 -1
- package/dist/components/AnvilSelect/components/SelectHeader.d.ts +1 -1
- package/dist/components/AnvilSelect/components/SelectHeader.js +24 -19
- package/dist/components/AnvilSelect/components/SelectHeader.js.map +1 -1
- package/dist/components/AnvilSelect/components/SelectOptions.d.ts +1 -1
- package/dist/components/AnvilSelect/components/Tree.d.ts +1 -1
- package/dist/components/AnvilSelect/components/Trigger.js +23 -17
- package/dist/components/AnvilSelect/components/Trigger.js.map +1 -1
- package/dist/components/Avatar/Avatar.js +2 -2
- package/dist/components/Avatar/Avatar.js.map +1 -1
- package/dist/components/BackLink/BackLink.js +4 -4
- package/dist/components/BackLink/BackLink.js.map +1 -1
- package/dist/components/Backdrop/Backdrop.css +1 -0
- package/dist/components/Backdrop/Backdrop.css.map +1 -1
- package/dist/components/Backdrop/Backdrop.js +15 -4
- package/dist/components/Backdrop/Backdrop.js.map +1 -1
- package/dist/components/Backdrop/index.css +1 -0
- package/dist/components/Backdrop/index.css.map +1 -1
- package/dist/components/Banner/Banner.js +6 -5
- package/dist/components/Banner/Banner.js.map +1 -1
- package/dist/components/Breadcrumb/BreadcrumbLink.js +4 -4
- package/dist/components/Breadcrumb/BreadcrumbLink.js.map +1 -1
- package/dist/components/BreakPoint/BreakPoint.js +2 -2
- package/dist/components/BreakPoint/BreakPoint.js.map +1 -1
- package/dist/components/Button/Button.d.ts +2 -2
- package/dist/components/Button/Button.js +6 -6
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/ButtonGroup/ButtonGroup.js +2 -2
- package/dist/components/ButtonGroup/ButtonGroup.js.map +1 -1
- package/dist/components/ButtonToggle/ButtonToggleItem.d.ts +1 -1
- package/dist/components/ButtonToggle/ButtonToggleItem.js +2 -2
- package/dist/components/ButtonToggle/ButtonToggleItem.js.map +1 -1
- package/dist/components/Card/Card.js +2 -2
- package/dist/components/Card/Card.js.map +1 -1
- package/dist/components/Checkbox/Checkbox.js +2 -2
- package/dist/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/components/DataList/DataListCell.js +2 -2
- package/dist/components/DataList/DataListCell.js.map +1 -1
- package/dist/components/DataList/DataListHeaderCell.js +2 -2
- package/dist/components/DataList/DataListHeaderCell.js.map +1 -1
- package/dist/components/DatePicker/DatePicker.d.ts +1 -1
- package/dist/components/DatePicker/DatePicker.js +7 -6
- package/dist/components/DatePicker/DatePicker.js.map +1 -1
- package/dist/components/DatePicker/InputDateMask.js +3 -3
- package/dist/components/DatePicker/InputDateMask.js.map +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 +18 -2
- package/dist/components/DateRangePicker/DateRangePicker.js +56 -45
- 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 +10 -9
- package/dist/components/DateRangePicker/components/DateRangeInput.js.map +1 -1
- package/dist/components/DateRangePicker/components/DateRangeOptionList.d.ts +2 -1
- package/dist/components/DateRangePicker/components/DateRangeOptionList.js +5 -4
- package/dist/components/DateRangePicker/components/DateRangeOptionList.js.map +1 -1
- package/dist/components/DateRangePicker/components/DateRangeTrigger.js +17 -12
- 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 +5 -5
- 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 +1 -1
- package/dist/components/Dialog/Dialog.js +5 -4
- package/dist/components/Dialog/Dialog.js.map +1 -1
- package/dist/components/Drawer/Drawer.d.ts +1 -1
- package/dist/components/Drawer/Drawer.js +7 -7
- package/dist/components/Drawer/Drawer.js.map +1 -1
- package/dist/components/Drawer/DrawerFooter.d.ts +1 -1
- package/dist/components/Drawer/DrawerHeader.d.ts +1 -1
- package/dist/components/Drawer/DrawerHeader.js +4 -3
- package/dist/components/Drawer/DrawerHeader.js.map +1 -1
- package/dist/components/Drawer/DrawerWindow.d.ts +1 -1
- package/dist/components/Drawer/DrawerWindow.js +2 -2
- package/dist/components/Drawer/DrawerWindow.js.map +1 -1
- package/dist/components/Dropdown/Dropdown.js +4 -4
- package/dist/components/Dropdown/Dropdown.js.map +1 -1
- package/dist/components/Dropdown/DropdownIcon.js +2 -2
- package/dist/components/Dropdown/DropdownIcon.js.map +1 -1
- package/dist/components/FilePicker/FilePicker.css +1 -1
- package/dist/components/FilePicker/FilePicker.js +13 -10
- package/dist/components/FilePicker/FilePicker.js.map +1 -1
- package/dist/components/FilePicker/index.css +1 -1
- package/dist/components/FlowCard/FlowCardStep.js +13 -11
- package/dist/components/FlowCard/FlowCardStep.js.map +1 -1
- package/dist/components/FormControls/FormButton.js +2 -2
- package/dist/components/FormControls/FormButton.js.map +1 -1
- package/dist/components/FormControls/FormColorPicker.js +5 -4
- package/dist/components/FormControls/FormColorPicker.js.map +1 -1
- package/dist/components/FormControls/FormDatePicker.js +2 -2
- package/dist/components/FormControls/FormDatePicker.js.map +1 -1
- package/dist/components/FormControls/FormDateRangePicker.js +2 -2
- package/dist/components/FormControls/FormDateRangePicker.js.map +1 -1
- package/dist/components/FormField/FormField.d.ts +2 -2
- package/dist/components/FormField/FormField.js +18 -11
- package/dist/components/FormField/FormField.js.map +1 -1
- package/dist/components/FormGroup/FormGroup.d.ts +1 -1
- package/dist/components/Grid/Grid.d.ts +1 -1
- package/dist/components/Grid/Grid.js +3 -3
- package/dist/components/Grid/Grid.js.map +1 -1
- package/dist/components/Grid/GridColumn.js +7 -7
- package/dist/components/Grid/GridColumn.js.map +1 -1
- package/dist/components/Grid/GridRow.js +2 -2
- package/dist/components/Grid/GridRow.js.map +1 -1
- package/dist/components/InlineEdit/InlineEdit.d.ts +2 -1
- package/dist/components/InlineEdit/InlineEdit.js +20 -15
- package/dist/components/InlineEdit/InlineEdit.js.map +1 -1
- package/dist/components/Input/Input.d.ts +1 -1
- package/dist/components/Input/Input.js +9 -7
- package/dist/components/Input/Input.js.map +1 -1
- package/dist/components/Input/InputAddon.js +2 -2
- package/dist/components/Input/InputAddon.js.map +1 -1
- package/dist/components/KeyPressListener/KeyPressListener.d.ts +1 -1
- package/dist/components/Label/Label.d.ts +1 -1
- package/dist/components/Label/Label.js +7 -5
- package/dist/components/Label/Label.js.map +1 -1
- package/dist/components/Layout/Layout.d.ts +1 -1
- package/dist/components/Layout/Layout.js +2 -2
- package/dist/components/Layout/Layout.js.map +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/Mask/Mask.js +3 -2
- package/dist/components/Mask/Mask.js.map +1 -1
- package/dist/components/Modal/Modal.d.ts +1 -1
- package/dist/components/Modal/components.d.ts +3 -3
- package/dist/components/Modal/components.js +11 -9
- package/dist/components/Modal/components.js.map +1 -1
- package/dist/components/OptionList/Option.js +6 -4
- package/dist/components/OptionList/Option.js.map +1 -1
- package/dist/components/OptionList/OptionList.js +11 -7
- package/dist/components/OptionList/OptionList.js.map +1 -1
- package/dist/components/Page/Page.js +2 -2
- package/dist/components/Page/Page.js.map +1 -1
- package/dist/components/Popover/Popover.d.ts +1 -1
- package/dist/components/Popover/Popover.js +2 -2
- package/dist/components/Popover/Popover.js.map +1 -1
- package/dist/components/Popover/components.d.ts +1 -1
- package/dist/components/Popover/components.js +2 -2
- package/dist/components/Popover/components.js.map +1 -1
- package/dist/components/ProgressCircle/ProgressCircle.js +2 -2
- package/dist/components/ProgressCircle/ProgressCircle.js.map +1 -1
- package/dist/components/ProgressTracker/ProgressTrackerStep.css +2 -2
- package/dist/components/ProgressTracker/ProgressTrackerStep.js +3 -3
- package/dist/components/ProgressTracker/ProgressTrackerStep.js.map +1 -1
- package/dist/components/ProgressTracker/index.css +2 -2
- package/dist/components/Radio/Radio.js +2 -2
- package/dist/components/Radio/Radio.js.map +1 -1
- package/dist/components/Scroll/Scroll.js +2 -2
- package/dist/components/Scroll/Scroll.js.map +1 -1
- package/dist/components/Select/Select.css +1 -1
- package/dist/components/Select/index.css +1 -1
- package/dist/components/SideNav/SideNav.js +2 -2
- package/dist/components/SideNav/SideNav.js.map +1 -1
- package/dist/components/SideNav/SideNavGroup.js +2 -2
- package/dist/components/SideNav/SideNavGroup.js.map +1 -1
- package/dist/components/SideNav/SideNavItem.js +4 -4
- package/dist/components/SideNav/SideNavItem.js.map +1 -1
- package/dist/components/Sidebar/Sidebar.js +2 -2
- package/dist/components/Sidebar/Sidebar.js.map +1 -1
- package/dist/components/Sidebar/ToggleButton.js +4 -3
- package/dist/components/Sidebar/ToggleButton.js.map +1 -1
- package/dist/components/Snackbar/Snackbar.css +1 -1
- package/dist/components/Snackbar/Snackbar.js +4 -4
- package/dist/components/Snackbar/Snackbar.js.map +1 -1
- package/dist/components/Snackbar/index.css +1 -1
- package/dist/components/Spinner/Spinner.js +2 -2
- package/dist/components/Spinner/Spinner.js.map +1 -1
- package/dist/components/StatusLight/StatusLight.js +2 -2
- package/dist/components/StatusLight/StatusLight.js.map +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 +3 -3
- 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/TabGroup/TabGroup.js +2 -2
- package/dist/components/TabGroup/TabGroup.js.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/Table/TableLoadingPanel.js +6 -5
- package/dist/components/Table/TableLoadingPanel.js.map +1 -1
- package/dist/components/Tag/Tag.d.ts +1 -1
- package/dist/components/Tag/Tag.js +6 -5
- package/dist/components/Tag/Tag.js.map +1 -1
- package/dist/components/TagGroup/TagGroup.js +2 -2
- package/dist/components/TagGroup/TagGroup.js.map +1 -1
- package/dist/components/Takeover/Takeover.d.ts +1 -1
- package/dist/components/Takeover/Takeover.js +9 -8
- package/dist/components/Takeover/Takeover.js.map +1 -1
- package/dist/components/Takeover/TakeoverHeader.js +6 -4
- package/dist/components/Takeover/TakeoverHeader.js.map +1 -1
- package/dist/components/Text/Text.js +2 -2
- package/dist/components/Text/Text.js.map +1 -1
- package/dist/components/Toast/Toast.js +8 -7
- package/dist/components/Toast/Toast.js.map +1 -1
- package/dist/components/Toast/ToastGroup.js +2 -2
- package/dist/components/Toast/ToastGroup.js.map +1 -1
- package/dist/components/ToggleSwitch/ToggleSwitch.js +2 -2
- package/dist/components/ToggleSwitch/ToggleSwitch.js.map +1 -1
- package/dist/components/Togglebox/Togglebox.js +9 -6
- package/dist/components/Togglebox/Togglebox.js.map +1 -1
- package/dist/components/VisuallyHidden/VisuallyHidden.js +2 -2
- package/dist/components/VisuallyHidden/VisuallyHidden.js.map +1 -1
- package/dist/components/index.css +17 -10
- 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/useFocusScope.js +2 -2
- package/dist/hooks/useFocusScope.js.map +1 -1
- package/dist/internal/Popper/Popper.js +8 -8
- package/dist/internal/Popper/Popper.js.map +1 -1
- package/dist/internal/Portal/Portal.js +2 -2
- package/dist/internal/Portal/Portal.js.map +1 -1
- package/dist/system-light.css +5576 -0
- package/dist/system-light.css.map +1 -0
- package/dist/system-light.min.css +1 -0
- package/dist/system.css +26 -19
- 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/index.d.ts +1 -0
- package/dist/utilities/index.js +1 -0
- package/dist/utilities/index.js.map +1 -1
- package/package.json +11 -9
- package/dist/components/DateRangePicker/utils/dateFormat.js.map +0 -1
|
@@ -28,7 +28,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
28
28
|
exports.Card = void 0;
|
|
29
29
|
var react_1 = __importDefault(require("react"));
|
|
30
30
|
var classnames_1 = __importDefault(require("classnames"));
|
|
31
|
-
var
|
|
31
|
+
var wrapWithComponent_1 = require("../../utilities/wrapWithComponent");
|
|
32
32
|
var CardSection_1 = require("./CardSection");
|
|
33
33
|
var Card = function (_a) {
|
|
34
34
|
var active = _a.active, base = _a.base, children = _a.children, className = _a.className, dark = _a.dark, disabled = _a.disabled, href = _a.href, hoverable = _a.hoverable, _b = _a.el, el = _b === void 0 ? 'div' : _b, _c = _a.elevation, elevation = _c === void 0 ? 'flat' : _c, error = _a.error, light = _a.light, _d = _a.padding, padding = _d === void 0 ? 'default' : _d, placeholder = _a.placeholder, raised = _a.raised, thin = _a.thin, sharp = _a.sharp, status = _a.status, rest = __rest(_a, ["active", "base", "children", "className", "dark", "disabled", "href", "hoverable", "el", "elevation", "error", "light", "padding", "placeholder", "raised", "thin", "sharp", "status"]);
|
|
@@ -66,7 +66,7 @@ var Card = function (_a) {
|
|
|
66
66
|
'Card--light': light,
|
|
67
67
|
});
|
|
68
68
|
var CardElement = href ? 'a' : el;
|
|
69
|
-
return (react_1.default.createElement(CardElement, __assign({ className: CardClasses, href: href }, rest), (0,
|
|
69
|
+
return (react_1.default.createElement(CardElement, __assign({ className: CardClasses, href: href }, rest), (0, wrapWithComponent_1.wrapWithComponent)(children, CardSection_1.CardSection)));
|
|
70
70
|
};
|
|
71
71
|
exports.Card = Card;
|
|
72
72
|
exports.Card.Section = CardSection_1.CardSection;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,0DAAoC;AACpC,
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,0DAAoC;AACpC,uEAAsE;AAEtE,6CAA4C;AAmErC,IAAM,IAAI,GAAS,UAAC,EAoB1B;IAnBA,IAAA,MAAM,YAAA,EACN,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,UAAU,EAAV,EAAE,mBAAG,KAAK,KAAA,EACV,iBAAkB,EAAlB,SAAS,mBAAG,MAAM,KAAA,EAClB,KAAK,WAAA,EACL,KAAK,WAAA,EACL,eAAmB,EAAnB,OAAO,mBAAG,SAAS,KAAA,EACnB,WAAW,iBAAA,EACX,MAAM,YAAA,EACN,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,MAAM,YAAA,EACH,IAAI,cAnBmB,wLAoB1B,CADO;IAEP,IAAM,YAAY,GAAG;QACpB,IAAI,IAAI;YAAE,OAAO,MAAM,CAAC;QACxB,IAAI,MAAM;YAAE,OAAO,QAAQ,CAAC;QAC5B,OAAO,SAAS,CAAC;IAClB,CAAC,CAAC;IAEF,IAAM,UAAU,GAAG;QAClB,IAAI,IAAI;YAAE,OAAO,MAAM,CAAC;QACxB,OAAO,OAAO,CAAC;IAChB,CAAC,CAAC;IAEF,IAAM,SAAS,GAAG;QACjB,IAAI,KAAK;YAAE,OAAO,OAAO,CAAC;QAC1B,IAAI,MAAM;YAAE,OAAO,QAAQ,CAAC;QAC5B,OAAO,MAAM,CAAC;IACf,CAAC,CAAC;IAEF,IAAM,WAAW,GAAG,IAAA,oBAAU,EAAC,MAAM,EAAE,SAAS,EAAE;QACjD,YAAY,EAAE,YAAY,EAAE,KAAK,MAAM;QACvC,cAAc,EAAE,YAAY,EAAE,KAAK,QAAQ;QAC3C,YAAY,EAAE,UAAU,EAAE,KAAK,MAAM;QACrC,kBAAkB,EAAE,UAAU,EAAE,KAAK,MAAM;QAC3C,cAAc,EAAE,SAAS,EAAE,KAAK,QAAQ;QACxC,aAAa,EAAE,SAAS,EAAE,KAAK,OAAO;QACtC,aAAa,EAAE,KAAK;QACpB,iBAAiB,EAAE,SAAS,IAAI,IAAI,IAAI,EAAE,KAAK,GAAG,IAAI,IAAI,CAAC,OAAO;QAClE,gBAAgB,EAAE,QAAQ;QAC1B,mBAAmB,EAAE,WAAW;QAChC,YAAY,EAAE,IAAI;QAClB,aAAa,EAAE,KAAK;KACpB,CAAC,CAAC;IAEH,IAAM,WAAW,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;IAEpC,OAAO,CACN,8BAAC,WAAW,aAAC,SAAS,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,IAAM,IAAI,GACvD,IAAA,qCAAiB,EAAC,QAAQ,EAAE,yBAAW,CAAC,CAC5B,CACd,CAAC;AACH,CAAC,CAAC;AA5DW,QAAA,IAAI,QA4Df;AAEF,YAAI,CAAC,OAAO,GAAG,yBAAW,CAAC"}
|
|
@@ -29,13 +29,13 @@ exports.Checkbox = void 0;
|
|
|
29
29
|
var react_1 = __importDefault(require("react"));
|
|
30
30
|
var classnames_1 = __importDefault(require("classnames"));
|
|
31
31
|
var Label_1 = require("../Label");
|
|
32
|
-
var
|
|
32
|
+
var useFocusVisible_1 = require("../../hooks/useFocusVisible");
|
|
33
33
|
exports.Checkbox = react_1.default.forwardRef(function (props, ref) {
|
|
34
34
|
var checked = props.checked, className = props.className, disabled = props.disabled, error = props.error, focus = props.focus, id = props.id, indeterminate = props.indeterminate, label = props.label, labelProps = props.labelProps, name = props.name, readonly = props.readonly, _a = props.size, size = _a === void 0 ? 'medium' : _a, value = props.value, onChange = props.onChange, onClick = props.onClick, tabIndex = props.tabIndex, rest = __rest(props, ["checked", "className", "disabled", "error", "focus", "id", "indeterminate", "label", "labelProps", "name", "readonly", "size", "value", "onChange", "onClick", "tabIndex"]);
|
|
35
35
|
var labelRef = react_1.default.useRef(null);
|
|
36
36
|
var newRef = react_1.default.useRef(null);
|
|
37
37
|
var itemRef = ref ? ref : newRef;
|
|
38
|
-
var isFocusVisible = (0,
|
|
38
|
+
var isFocusVisible = (0, useFocusVisible_1.useFocusVisible)(itemRef).isFocusVisible;
|
|
39
39
|
react_1.default.useEffect(function () {
|
|
40
40
|
if (focus) {
|
|
41
41
|
labelRef.current.focus();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,0DAAoC;AACpC,kCAA6C;AAC7C
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -28,7 +28,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
28
28
|
exports.DataListCell = void 0;
|
|
29
29
|
var react_1 = __importDefault(require("react"));
|
|
30
30
|
var classnames_1 = __importDefault(require("classnames"));
|
|
31
|
-
var
|
|
31
|
+
var getContent_1 = require("../../utilities/getContent");
|
|
32
32
|
var DataListCell = function (_a) {
|
|
33
33
|
var _b;
|
|
34
34
|
var className = _a.className, align = _a.align, width = _a.width, wrapping = _a.wrapping, props = __rest(_a, ["className", "align", "width", "wrapping"]);
|
|
@@ -36,7 +36,7 @@ var DataListCell = function (_a) {
|
|
|
36
36
|
_b["ta-" + align] = align,
|
|
37
37
|
_b['DataList__Cell--wrapped'] = wrapping,
|
|
38
38
|
_b));
|
|
39
|
-
return (react_1.default.createElement("div", __assign({ className: classes, style: { width: width } }, props), (0,
|
|
39
|
+
return (react_1.default.createElement("div", __assign({ className: classes, style: { width: width } }, props), (0, getContent_1.getContent)(props)));
|
|
40
40
|
};
|
|
41
41
|
exports.DataListCell = DataListCell;
|
|
42
42
|
//# sourceMappingURL=DataListCell.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataListCell.js","sourceRoot":"","sources":["../../../src/components/DataList/DataListCell.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,0DAAoC;AAEpC,
|
|
1
|
+
{"version":3,"file":"DataListCell.js","sourceRoot":"","sources":["../../../src/components/DataList/DataListCell.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,0DAAoC;AAEpC,yDAAwD;AAYjD,IAAM,YAAY,GAA+B,UAAC,EAMxD;;IALA,IAAA,SAAS,eAAA,EACT,KAAK,WAAA,EACL,KAAK,WAAA,EACL,QAAQ,cAAA,EACL,KAAK,cALgD,2CAMxD,CADQ;IAER,IAAM,OAAO,GAAW,IAAA,oBAAU,EAAC,gBAAgB,EAAE,SAAS;QAC7D,GAAC,QAAM,KAAO,IAAG,KAAK;QACtB,6BAAyB,GAAE,QAAQ;YAClC,CAAC;IAEH,OAAO,CACN,gDAAK,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,OAAA,EAAE,IAAM,KAAK,GAClD,IAAA,uBAAU,EAAC,KAAK,CAAC,CACb,CACN,CAAC;AACH,CAAC,CAAC;AAjBW,QAAA,YAAY,gBAiBvB"}
|
|
@@ -29,11 +29,11 @@ exports.DataListHeaderCell = void 0;
|
|
|
29
29
|
var react_1 = __importDefault(require("react"));
|
|
30
30
|
var classnames_1 = __importDefault(require("classnames"));
|
|
31
31
|
var DataListCell_1 = require("./DataListCell");
|
|
32
|
-
var
|
|
32
|
+
var getContent_1 = require("../../utilities/getContent");
|
|
33
33
|
var DataListHeaderCell = function (_a) {
|
|
34
34
|
var className = _a.className, rest = __rest(_a, ["className"]);
|
|
35
35
|
var classes = (0, classnames_1.default)('DataList__HeaderCell', className);
|
|
36
|
-
return (react_1.default.createElement(DataListCell_1.DataListCell, __assign({ className: classes }, rest), (0,
|
|
36
|
+
return (react_1.default.createElement(DataListCell_1.DataListCell, __assign({ className: classes }, rest), (0, getContent_1.getContent)(rest)));
|
|
37
37
|
};
|
|
38
38
|
exports.DataListHeaderCell = DataListHeaderCell;
|
|
39
39
|
//# sourceMappingURL=DataListHeaderCell.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataListHeaderCell.js","sourceRoot":"","sources":["../../../src/components/DataList/DataListHeaderCell.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,0DAAoC;AACpC,+CAAsE;AACtE,
|
|
1
|
+
{"version":3,"file":"DataListHeaderCell.js","sourceRoot":"","sources":["../../../src/components/DataList/DataListHeaderCell.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,0DAAoC;AACpC,+CAAsE;AACtE,yDAAwD;AAWjD,IAAM,kBAAkB,GAAqC,UAAC,EAGpE;IAFA,IAAA,SAAS,eAAA,EACN,IAAI,cAF6D,aAGpE,CADO;IAEP,IAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,sBAAsB,EAAE,SAAS,CAAC,CAAC;IAE9D,OAAO,CACN,8BAAC,2BAAY,aAAC,SAAS,EAAE,OAAO,IAAM,IAAI,GACxC,IAAA,uBAAU,EAAC,IAAI,CAAC,CACH,CACf,CAAC;AACH,CAAC,CAAC;AAXW,QAAA,kBAAkB,sBAW7B"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { FC } from 'react';
|
|
2
2
|
import { Calendar, CalendarProps } from '@progress/kendo-react-dateinputs';
|
|
3
|
-
import { PopoverProps } from '../';
|
|
3
|
+
import { PopoverProps } from '../Popover';
|
|
4
4
|
import { InputDateMaskProps } from './InputDateMask';
|
|
5
5
|
export interface DatePickerPropsStrict {
|
|
6
6
|
/** Use custom component as a Calendar */
|
|
@@ -29,8 +29,9 @@ exports.DatePicker = void 0;
|
|
|
29
29
|
var react_1 = __importDefault(require("react"));
|
|
30
30
|
var classnames_1 = __importDefault(require("classnames"));
|
|
31
31
|
var kendo_react_dateinputs_1 = require("@progress/kendo-react-dateinputs");
|
|
32
|
-
var
|
|
33
|
-
var
|
|
32
|
+
var Popover_1 = require("../Popover");
|
|
33
|
+
var Icon_1 = require("../Icon");
|
|
34
|
+
var keyCodes_1 = require("../../utilities/keyCodes");
|
|
34
35
|
var InputDateMask_1 = require("./InputDateMask");
|
|
35
36
|
exports.DatePicker = react_1.default.forwardRef(function (props, ref) {
|
|
36
37
|
var _a;
|
|
@@ -60,17 +61,17 @@ exports.DatePicker = react_1.default.forwardRef(function (props, ref) {
|
|
|
60
61
|
};
|
|
61
62
|
var handleKeyDown = function (event) {
|
|
62
63
|
var key = event.key;
|
|
63
|
-
if (key ===
|
|
64
|
+
if (key === keyCodes_1.keys.esc) {
|
|
64
65
|
event.preventDefault();
|
|
65
66
|
setShowCalendar(false);
|
|
66
67
|
inputRef.current.focus();
|
|
67
68
|
}
|
|
68
|
-
if ([
|
|
69
|
+
if ([keyCodes_1.keys.space, keyCodes_1.keys.down].includes(key)) {
|
|
69
70
|
event.preventDefault();
|
|
70
71
|
setShowCalendar(true);
|
|
71
72
|
setFocusCalendar(true);
|
|
72
73
|
}
|
|
73
|
-
if (showCalendar && key ===
|
|
74
|
+
if (showCalendar && key === keyCodes_1.keys.tab) {
|
|
74
75
|
setShowCalendar(false);
|
|
75
76
|
}
|
|
76
77
|
};
|
|
@@ -105,6 +106,6 @@ exports.DatePicker = react_1.default.forwardRef(function (props, ref) {
|
|
|
105
106
|
ref: calendarRef,
|
|
106
107
|
tabIndex: -1,
|
|
107
108
|
};
|
|
108
|
-
return (react_1.default.createElement(
|
|
109
|
+
return (react_1.default.createElement(Popover_1.Popover, __assign({ portal: true, wrapperClassName: DatePickerClasses, open: showCalendar, popoverContentClassName: "DatePicker__calendar", onKeyDown: handleKeyDown, direction: direction, padding: null, width: "auto", ref: ref, onClickOutside: function () { return handleClickOutside(); }, trigger: react_1.default.createElement(InputDateMask_1.InputDateMask, __assign({}, InputProps, { inputRef: inputRef, className: "DatePicker__input", onClick: handleInputClick, shortLabel: react_1.default.createElement(Icon_1.Icon, { name: "event", className: "DatePicker__icon", onClick: handleClickIcon }), fluid: true })) }, rest), CustomCalendar ? (react_1.default.createElement(CustomCalendar, __assign({}, CalendarProps))) : (react_1.default.createElement(kendo_react_dateinputs_1.Calendar, __assign({}, CalendarProps)))));
|
|
109
110
|
});
|
|
110
111
|
//# sourceMappingURL=DatePicker.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,0DAAoC;AACpC,2EAI0C;AAC1C,
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -31,7 +31,7 @@ var Input_1 = require("../Input");
|
|
|
31
31
|
var moment_1 = __importDefault(require("moment"));
|
|
32
32
|
var react_input_mask_1 = __importDefault(require("react-input-mask"));
|
|
33
33
|
var classnames_1 = __importDefault(require("classnames"));
|
|
34
|
-
var
|
|
34
|
+
var keyCodes_1 = require("../../utilities/keyCodes");
|
|
35
35
|
var maskUtils_1 = require("../../utilities/maskUtils");
|
|
36
36
|
var round = function (year, to) {
|
|
37
37
|
if (to === void 0) { to = 100; }
|
|
@@ -44,11 +44,11 @@ var InputDateMask = function (_a) {
|
|
|
44
44
|
var _f = react_1.default.useState(null), cursorPosition = _f[0], setCursorPosition = _f[1];
|
|
45
45
|
var falseEmptyChange = false;
|
|
46
46
|
var handleKeyDown = function (evt) {
|
|
47
|
-
if (evt.key ===
|
|
47
|
+
if (evt.key === keyCodes_1.keys.delete) {
|
|
48
48
|
onChange(undefined);
|
|
49
49
|
setMask('');
|
|
50
50
|
}
|
|
51
|
-
if (evt.key ===
|
|
51
|
+
if (evt.key === keyCodes_1.keys.slash) {
|
|
52
52
|
setExpandValueAtCursor(true);
|
|
53
53
|
}
|
|
54
54
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputDateMask.js","sourceRoot":"","sources":["../../../src/components/DatePicker/InputDateMask.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,kCAA6C;AAC7C,kDAA4B;AAC5B,sEAAyD;AACzD,0DAAoC;AACpC,
|
|
1
|
+
{"version":3,"file":"InputDateMask.js","sourceRoot":"","sources":["../../../src/components/DatePicker/InputDateMask.tsx"],"names":[],"mappings":"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"}
|
|
@@ -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,5 +1,6 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
|
-
import {
|
|
1
|
+
import React, { FC } from 'react';
|
|
2
|
+
import { PopoverProps } from '../Popover';
|
|
3
|
+
import { InputProps } from '../Input';
|
|
3
4
|
import { DateRangeOptionListProps } from './components';
|
|
4
5
|
import { MultiViewCalendarProps, SelectionRange } from '@progress/kendo-react-dateinputs';
|
|
5
6
|
export interface DateRangePickerProps {
|
|
@@ -43,5 +44,20 @@ export interface DateRangePickerProps {
|
|
|
43
44
|
focusedDate?: Date;
|
|
44
45
|
autoFlipVertically?: PopoverProps['autoFlipVertically'];
|
|
45
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;
|
|
46
61
|
}
|
|
47
62
|
export declare const DateRangePicker: FC<DateRangePickerProps>;
|
|
63
|
+
export {};
|
|
@@ -16,67 +16,73 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
17
|
exports.DateRangePicker = void 0;
|
|
18
18
|
var react_1 = __importDefault(require("react"));
|
|
19
|
-
var
|
|
19
|
+
var KeyPressListener_1 = require("../KeyPressListener");
|
|
20
|
+
var Popover_1 = require("../Popover");
|
|
21
|
+
var Stack_1 = require("../Stack");
|
|
22
|
+
var Button_1 = require("../Button");
|
|
23
|
+
var Icon_1 = require("../Icon");
|
|
24
|
+
var Link_1 = require("../Link");
|
|
20
25
|
var components_1 = require("./components");
|
|
21
26
|
var kendo_react_dateinputs_1 = require("@progress/kendo-react-dateinputs");
|
|
22
|
-
var
|
|
27
|
+
var keyCodes_1 = require("../../utilities/keyCodes");
|
|
23
28
|
var utils_1 = require("./utils");
|
|
29
|
+
var dateFormat_1 = require("../../utilities/dateFormat");
|
|
24
30
|
var DateRangePicker = function (_a) {
|
|
25
|
-
var _b, _c, _d, _e;
|
|
31
|
+
var _b, _c, _d, _e, _f;
|
|
26
32
|
var
|
|
27
33
|
// for trigger
|
|
28
|
-
|
|
34
|
+
_g = _a.size,
|
|
29
35
|
// for trigger
|
|
30
|
-
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,
|
|
31
39
|
// for popover
|
|
32
|
-
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,
|
|
33
41
|
// for calendar
|
|
34
42
|
value = _a.value, defaultValue = _a.defaultValue, displayValue = _a.displayValue, onChange = _a.onChange, maxDate = _a.maxDate, minDate = _a.minDate, focusedDate = _a.focusedDate,
|
|
35
43
|
// for inputs
|
|
36
|
-
|
|
44
|
+
_j = _a.startPlaceholder,
|
|
37
45
|
// for inputs
|
|
38
|
-
startPlaceholder =
|
|
46
|
+
startPlaceholder = _j === void 0 ? 'Start Date' : _j, _k = _a.endPlaceholder, endPlaceholder = _k === void 0 ? 'End Date' : _k;
|
|
39
47
|
var triggerRef = react_1.default.useRef(null);
|
|
40
|
-
var
|
|
41
|
-
var
|
|
48
|
+
var _l = react_1.default.useState(error), IError = _l[0], setIError = _l[1];
|
|
49
|
+
var _m = react_1.default.useState({
|
|
42
50
|
start: false,
|
|
43
51
|
end: false,
|
|
44
|
-
}), inputErrors =
|
|
52
|
+
}), inputErrors = _m[0], setInputErrors = _m[1];
|
|
45
53
|
var validRange = react_1.default.useCallback(function (d) {
|
|
46
54
|
if (d === undefined)
|
|
47
55
|
return { start: null, end: null };
|
|
48
56
|
return {
|
|
49
|
-
start: d.start ?
|
|
50
|
-
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,
|
|
51
59
|
};
|
|
52
60
|
}, []);
|
|
53
|
-
var
|
|
54
|
-
var
|
|
55
|
-
var
|
|
56
|
-
var
|
|
57
|
-
var
|
|
58
|
-
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({
|
|
59
67
|
start: false,
|
|
60
68
|
end: false,
|
|
61
|
-
}), IsOutOfRange =
|
|
69
|
+
}), IsOutOfRange = _t[0], setIsOutOfRange = _t[1];
|
|
62
70
|
var minMaxRange = react_1.default.useMemo(function () {
|
|
63
71
|
return {
|
|
64
|
-
min: minDate &&
|
|
65
|
-
max: maxDate &&
|
|
72
|
+
min: minDate && dateFormat_1.toDateFormat.startOfDay(minDate),
|
|
73
|
+
max: maxDate && dateFormat_1.toDateFormat.endOfDay(maxDate),
|
|
66
74
|
};
|
|
67
75
|
}, [minDate, maxDate]);
|
|
68
|
-
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()) ||
|
|
69
|
-
((_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());
|
|
70
76
|
// Checks min and max dates for start and end date
|
|
71
77
|
var checkDateRangeScope = react_1.default.useCallback(function (range) {
|
|
72
78
|
var _a, _b;
|
|
73
79
|
var isOutOfScope = (0, utils_1.checkScope)(range, minDate, maxDate);
|
|
74
80
|
setIsOutOfRange({
|
|
75
81
|
start: isOutOfScope.startOutOfScope
|
|
76
|
-
? "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())
|
|
77
83
|
: false,
|
|
78
84
|
end: isOutOfScope.endOutOfScope
|
|
79
|
-
? "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())
|
|
80
86
|
: false,
|
|
81
87
|
});
|
|
82
88
|
}, [maxDate, minDate]);
|
|
@@ -100,10 +106,7 @@ var DateRangePicker = function (_a) {
|
|
|
100
106
|
};
|
|
101
107
|
// confirm handler, this returns dateRange value through onChange
|
|
102
108
|
var handleOnConfirm = function () {
|
|
103
|
-
onChange(
|
|
104
|
-
start: utils_1.toDateFormat.startOfDay(dateRange.start),
|
|
105
|
-
end: utils_1.toDateFormat.endOfDay(dateRange.end),
|
|
106
|
-
});
|
|
109
|
+
onChange(validRange(dateRange));
|
|
107
110
|
setTriggerValue(dateRange);
|
|
108
111
|
setIValue(dateRange);
|
|
109
112
|
setOpenCal(false);
|
|
@@ -134,7 +137,7 @@ var DateRangePicker = function (_a) {
|
|
|
134
137
|
};
|
|
135
138
|
// keyboard event for end date input to confirm and close
|
|
136
139
|
var calendarKeyPress = function (event) {
|
|
137
|
-
if (event.code ===
|
|
140
|
+
if (event.code === keyCodes_1.Keys.Space && !isApplyDisabled) {
|
|
138
141
|
handleOnConfirm();
|
|
139
142
|
event.preventDefault();
|
|
140
143
|
}
|
|
@@ -148,7 +151,7 @@ var DateRangePicker = function (_a) {
|
|
|
148
151
|
};
|
|
149
152
|
// keyboard event for trigger to open popover
|
|
150
153
|
var triggerKeyPress = function (event) {
|
|
151
|
-
(event.code ===
|
|
154
|
+
(event.code === keyCodes_1.Keys.Enter || event.code === keyCodes_1.Keys.Space) &&
|
|
152
155
|
setOpenCal(true);
|
|
153
156
|
};
|
|
154
157
|
// Update internal states with incoming value
|
|
@@ -176,17 +179,23 @@ 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: {
|
|
186
195
|
disableTrapping: !openCal,
|
|
187
196
|
disableAutofocus: disableFocus ? true : !openCal,
|
|
188
197
|
} },
|
|
189
|
-
react_1.default.createElement(
|
|
198
|
+
react_1.default.createElement(KeyPressListener_1.KeyPressListener, { code: keyCodes_1.Keys.Esc, handler: close, disabled: disableCloseOnClickOutside || !openCal }),
|
|
190
199
|
react_1.default.createElement("div", { className: "d-f flex-row" },
|
|
191
200
|
options && options.length > 0 && (react_1.default.createElement(components_1.DateRangeOptionList, { options: options, min: minMaxRange.min, max: minMaxRange.max, onChange: function (data) {
|
|
192
201
|
setTriggerValue(data);
|
|
@@ -197,18 +206,20 @@ var DateRangePicker = function (_a) {
|
|
|
197
206
|
react_1.default.createElement("div", { className: "DateRangePicker" },
|
|
198
207
|
react_1.default.createElement("div", { className: "DateRangePicker__header" },
|
|
199
208
|
react_1.default.createElement("div", { className: "DateRangePicker__inputGroup" },
|
|
200
|
-
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) {
|
|
201
210
|
handleDateOnBlur('start', value);
|
|
202
211
|
} }),
|
|
203
|
-
react_1.default.createElement(
|
|
204
|
-
react_1.default.createElement(components_1.DateRangeInput, { placeholder: endPlaceholder, value: dateRange.end, error: inputErrors.end, onBlur: function (value) {
|
|
212
|
+
react_1.default.createElement(Icon_1.Icon, { name: "arrow_forward", className: "DateRangePicker__fromTo" }),
|
|
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) {
|
|
205
214
|
handleDateOnBlur('end', value);
|
|
206
215
|
} }))),
|
|
207
216
|
react_1.default.createElement("div", { onKeyPress: calendarKeyPress, className: "DatePicker__calendar" },
|
|
208
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 })))),
|
|
209
|
-
react_1.default.createElement(
|
|
210
|
-
react_1.default.createElement(
|
|
211
|
-
|
|
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"))));
|
|
212
223
|
};
|
|
213
224
|
exports.DateRangePicker = DateRangePicker;
|
|
214
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,
|
|
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 () {
|