@vitality-ds/components 4.0.4 → 4.0.5
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/Input/DateRangePicker/index.js +16 -17
- package/dist/Input/DateRangePicker/styled.js +2 -4
- package/dist/Input/DateRangePicker/styles/BaseDateRangePicker.styles.js +0 -1
- package/dist/Input/DateRangePicker/styles/DateContainer.styles.js +4 -13
- package/dist/Input/DateRangePicker/styles/DatePickerContainer.styles.js +1 -9
- package/dist/components/src/Input/DateRangePicker/index.d.ts.map +1 -1
- package/dist/components/src/Input/DateRangePicker/index.js +20 -21
- package/dist/components/src/Input/DateRangePicker/index.js.map +1 -1
- package/dist/components/src/Input/DateRangePicker/styled.d.ts +0 -465
- package/dist/components/src/Input/DateRangePicker/styled.d.ts.map +1 -1
- package/dist/components/src/Input/DateRangePicker/styled.js +2 -4
- package/dist/components/src/Input/DateRangePicker/styled.js.map +1 -1
- package/dist/components/src/Input/DateRangePicker/styles/BaseDateRangePicker.styles.d.ts.map +1 -1
- package/dist/components/src/Input/DateRangePicker/styles/BaseDateRangePicker.styles.js +0 -1
- package/dist/components/src/Input/DateRangePicker/styles/BaseDateRangePicker.styles.js.map +1 -1
- package/dist/components/src/Input/DateRangePicker/styles/DateContainer.styles.d.ts.map +1 -1
- package/dist/components/src/Input/DateRangePicker/styles/DateContainer.styles.js +5 -16
- package/dist/components/src/Input/DateRangePicker/styles/DateContainer.styles.js.map +1 -1
- package/dist/components/src/Input/DateRangePicker/styles/DatePickerContainer.styles.d.ts.map +1 -1
- package/dist/components/src/Input/DateRangePicker/styles/DatePickerContainer.styles.js +1 -9
- package/dist/components/src/Input/DateRangePicker/styles/DatePickerContainer.styles.js.map +1 -1
- package/dist/esm/Input/DateRangePicker/index.js +18 -19
- package/dist/esm/Input/DateRangePicker/styled.js +2 -3
- package/dist/esm/Input/DateRangePicker/styles/BaseDateRangePicker.styles.js +0 -1
- package/dist/esm/Input/DateRangePicker/styles/DateContainer.styles.js +4 -12
- package/dist/esm/Input/DateRangePicker/styles/DatePickerContainer.styles.js +1 -9
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +5 -5
- package/dist/Input/DateRangePicker/styles/BaseDateRangePickerLabel.styles.js +0 -10
- package/dist/components/src/Input/DateRangePicker/styles/BaseDateRangePickerLabel.styles.d.ts +0 -235
- package/dist/components/src/Input/DateRangePicker/styles/BaseDateRangePickerLabel.styles.d.ts.map +0 -1
- package/dist/components/src/Input/DateRangePicker/styles/BaseDateRangePickerLabel.styles.js +0 -7
- package/dist/components/src/Input/DateRangePicker/styles/BaseDateRangePickerLabel.styles.js.map +0 -1
- package/dist/esm/Input/DateRangePicker/styles/BaseDateRangePickerLabel.styles.js +0 -4
|
@@ -7,9 +7,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports["default"] = void 0;
|
|
8
8
|
var _icons = require("@vitality-ds/icons");
|
|
9
9
|
var _react = _interopRequireDefault(require("react"));
|
|
10
|
+
var _Button = _interopRequireDefault(require("../../Button"));
|
|
10
11
|
var _DropdownMenu = _interopRequireDefault(require("../../DropdownMenu"));
|
|
11
|
-
var
|
|
12
|
-
var _IconButton = _interopRequireDefault(require("../../IconButton"));
|
|
12
|
+
var _FormFieldLabel = _interopRequireDefault(require("../../Form/FormField/components/FormFieldLabel"));
|
|
13
13
|
var _DatePicker = _interopRequireDefault(require("../DatePicker"));
|
|
14
14
|
var _constants = _interopRequireDefault(require("./constants"));
|
|
15
15
|
var _useDateRangePicker2 = _interopRequireDefault(require("./hooks/useDateRangePicker"));
|
|
@@ -54,12 +54,11 @@ var DateRangePicker = /*#__PURE__*/_react["default"].forwardRef(function (_ref,
|
|
|
54
54
|
});
|
|
55
55
|
return /*#__PURE__*/_react["default"].createElement(_styled.BaseDateRangePicker, {
|
|
56
56
|
ref: forwardedRef
|
|
57
|
-
}, /*#__PURE__*/_react["default"].createElement(_styled.DatePickerContainer, null, /*#__PURE__*/_react["default"].createElement(
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
}, fromLabel), /*#__PURE__*/_react["default"].createElement(_DatePicker["default"], {
|
|
57
|
+
}, /*#__PURE__*/_react["default"].createElement(_styled.DatePickerContainer, null, /*#__PURE__*/_react["default"].createElement(_styled.DateContainer, null, /*#__PURE__*/_react["default"].createElement(_FormFieldLabel["default"], {
|
|
58
|
+
id: "".concat(id, "_start_date"),
|
|
59
|
+
fieldType: "text",
|
|
60
|
+
content: fromLabel
|
|
61
|
+
}), /*#__PURE__*/_react["default"].createElement(_DatePicker["default"], {
|
|
63
62
|
disabled: disabled,
|
|
64
63
|
hasError: hasError,
|
|
65
64
|
showFirstDateInRangeOnOpen: true,
|
|
@@ -73,9 +72,11 @@ var DateRangePicker = /*#__PURE__*/_react["default"].forwardRef(function (_ref,
|
|
|
73
72
|
return inputRef.current.children[0].children[0].children[0].focus();
|
|
74
73
|
},
|
|
75
74
|
name: "".concat(name, "_start_date")
|
|
76
|
-
})), /*#__PURE__*/_react["default"].createElement(_styled.DateContainer, null, /*#__PURE__*/_react["default"].createElement(
|
|
77
|
-
id: "".concat(id, "_end_date")
|
|
78
|
-
|
|
75
|
+
})), /*#__PURE__*/_react["default"].createElement(_styled.DateContainer, null, /*#__PURE__*/_react["default"].createElement(_FormFieldLabel["default"], {
|
|
76
|
+
id: "".concat(id, "_end_date"),
|
|
77
|
+
fieldType: "text",
|
|
78
|
+
content: toLabel
|
|
79
|
+
}), /*#__PURE__*/_react["default"].createElement(_DatePicker["default"], {
|
|
79
80
|
ref: inputRef,
|
|
80
81
|
disabled: disabled,
|
|
81
82
|
hasError: hasError,
|
|
@@ -86,15 +87,13 @@ var DateRangePicker = /*#__PURE__*/_react["default"].forwardRef(function (_ref,
|
|
|
86
87
|
calendarValue: calendarValue,
|
|
87
88
|
id: "".concat(id, "_end_date"),
|
|
88
89
|
name: "".concat(name, "_end_date")
|
|
89
|
-
}))), /*#__PURE__*/_react["default"].createElement(_styled.ExtrasContainer, null, /*#__PURE__*/_react["default"].createElement(
|
|
90
|
-
tooltipContent: "Clear",
|
|
90
|
+
}))), /*#__PURE__*/_react["default"].createElement(_styled.ExtrasContainer, null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
|
|
91
91
|
disabled: disabled,
|
|
92
92
|
onClick: function onClick() {
|
|
93
93
|
return handleClearButtonClick();
|
|
94
94
|
},
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
}), showPresets && /*#__PURE__*/_react["default"].createElement(_DropdownMenu["default"], {
|
|
95
|
+
appearance: "ghost"
|
|
96
|
+
}, "Clear"), showPresets && /*#__PURE__*/_react["default"].createElement(_DropdownMenu["default"], {
|
|
98
97
|
disabled: disabled,
|
|
99
98
|
trigger: {
|
|
100
99
|
type: "iconButton",
|
|
@@ -106,7 +105,7 @@ var DateRangePicker = /*#__PURE__*/_react["default"].forwardRef(function (_ref,
|
|
|
106
105
|
},
|
|
107
106
|
items: itemsArray,
|
|
108
107
|
preferredAlignment: "center"
|
|
109
|
-
})))
|
|
108
|
+
})));
|
|
110
109
|
});
|
|
111
110
|
DateRangePicker.displayName = "DateRangePicker";
|
|
112
111
|
var _default = exports["default"] = DateRangePicker;
|
|
@@ -4,15 +4,13 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports.ExtrasContainer = exports.DatePickerContainer = exports.DateContainer = exports.
|
|
7
|
+
exports.ExtrasContainer = exports.DatePickerContainer = exports.DateContainer = exports.BaseDateRangePicker = void 0;
|
|
8
8
|
var _system = require("@vitality-ds/system");
|
|
9
|
-
var _styled = require("../../Form/Label/styled");
|
|
10
9
|
var _BaseDateRangePicker = _interopRequireDefault(require("./styles/BaseDateRangePicker.styles"));
|
|
11
|
-
var _BaseDateRangePickerLabel = _interopRequireDefault(require("./styles/BaseDateRangePickerLabel.styles"));
|
|
12
10
|
var _DateContainer = _interopRequireDefault(require("./styles/DateContainer.styles"));
|
|
13
11
|
var _DatePickerContainer = _interopRequireDefault(require("./styles/DatePickerContainer.styles"));
|
|
14
12
|
var _ExtrasContainers = _interopRequireDefault(require("./styles/ExtrasContainers"));
|
|
15
|
-
|
|
13
|
+
// eslint-disable-next-line import/prefer-default-export
|
|
16
14
|
var BaseDateRangePicker = exports.BaseDateRangePicker = (0, _system.styled)("div", _BaseDateRangePicker["default"]);
|
|
17
15
|
var DateContainer = exports.DateContainer = (0, _system.styled)("div", _DateContainer["default"]);
|
|
18
16
|
var DatePickerContainer = exports.DatePickerContainer = (0, _system.styled)("div", _DatePickerContainer["default"]);
|
|
@@ -1,21 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
3
|
Object.defineProperty(exports, "__esModule", {
|
|
5
4
|
value: true
|
|
6
5
|
});
|
|
7
6
|
exports["default"] = void 0;
|
|
8
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
7
|
var _system = require("@vitality-ds/system");
|
|
10
|
-
var
|
|
11
|
-
var _default = exports["default"] = (0, _system.css)((0, _defineProperty2["default"])({
|
|
8
|
+
var _default = exports["default"] = (0, _system.css)({
|
|
12
9
|
display: "flex",
|
|
13
|
-
gap: "$
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
}, "".concat(_styled.BaseInputWrapper), {
|
|
17
|
-
borderColor: "transparent",
|
|
18
|
-
borderTopLeftRadius: 0,
|
|
19
|
-
borderBottomLeftRadius: 0,
|
|
20
|
-
paddingLeft: 0
|
|
21
|
-
}));
|
|
10
|
+
gap: "$xs",
|
|
11
|
+
flexDirection: "column"
|
|
12
|
+
});
|
|
@@ -7,13 +7,5 @@ exports["default"] = void 0;
|
|
|
7
7
|
var _system = require("@vitality-ds/system");
|
|
8
8
|
var _default = exports["default"] = (0, _system.css)({
|
|
9
9
|
display: "flex",
|
|
10
|
-
gap: "$
|
|
11
|
-
paddingLeft: "$md",
|
|
12
|
-
paddingRight: "$sm",
|
|
13
|
-
border: "1px solid $neutral5",
|
|
14
|
-
borderRadius: "$default",
|
|
15
|
-
backgroundColor: "$neutral1",
|
|
16
|
-
"&:hover": {
|
|
17
|
-
borderColor: "$neutral8"
|
|
18
|
-
}
|
|
10
|
+
gap: "$lg"
|
|
19
11
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/Input/DateRangePicker/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/Input/DateRangePicker/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAgB1B,QAAA,MAAM,eAAe;;;;;;;;;;;;;;wCA8GpB,CAAC;AAGF,eAAe,eAAe,CAAC"}
|
|
@@ -5,9 +5,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
var icons_1 = require("@vitality-ds/icons");
|
|
7
7
|
var react_1 = __importDefault(require("react"));
|
|
8
|
+
var Button_1 = __importDefault(require("../../Button"));
|
|
8
9
|
var DropdownMenu_1 = __importDefault(require("../../DropdownMenu"));
|
|
9
|
-
var
|
|
10
|
-
var IconButton_1 = __importDefault(require("../../IconButton"));
|
|
10
|
+
var FormFieldLabel_1 = __importDefault(require("../../Form/FormField/components/FormFieldLabel"));
|
|
11
11
|
var DatePicker_1 = __importDefault(require("../DatePicker"));
|
|
12
12
|
var constants_1 = __importDefault(require("./constants"));
|
|
13
13
|
var useDateRangePicker_1 = __importDefault(require("./hooks/useDateRangePicker"));
|
|
@@ -24,25 +24,24 @@ var DateRangePicker = react_1.default.forwardRef(function (_a, forwardedRef) {
|
|
|
24
24
|
}); });
|
|
25
25
|
return (react_1.default.createElement(styled_1.BaseDateRangePicker, { ref: forwardedRef },
|
|
26
26
|
react_1.default.createElement(styled_1.DatePickerContainer, null,
|
|
27
|
-
react_1.default.createElement(
|
|
28
|
-
react_1.default.createElement(
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
react_1.default.createElement(
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
react_1.default.createElement(
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
}, items: itemsArray, preferredAlignment: "center" }))))));
|
|
27
|
+
react_1.default.createElement(styled_1.DateContainer, null,
|
|
28
|
+
react_1.default.createElement(FormFieldLabel_1.default, { id: id + "_start_date", fieldType: "text", content: fromLabel }),
|
|
29
|
+
react_1.default.createElement(DatePicker_1.default, { disabled: disabled, hasError: hasError, showFirstDateInRangeOnOpen: true, minYear: minYear && minYear, maxYear: maxYear && maxYear, onChange: handleNewStartDate, value: selectedValue.startDate, calendarValue: calendarValue.length === 1 ? calendarValue[0] : calendarValue, id: id + "_start_date", onSelectedDateChange: function () {
|
|
30
|
+
return inputRef.current.children[0].children[0].children[0].focus();
|
|
31
|
+
}, name: name + "_start_date" })),
|
|
32
|
+
react_1.default.createElement(styled_1.DateContainer, null,
|
|
33
|
+
react_1.default.createElement(FormFieldLabel_1.default, { id: id + "_end_date", fieldType: "text", content: toLabel }),
|
|
34
|
+
react_1.default.createElement(DatePicker_1.default, { ref: inputRef, disabled: disabled, hasError: hasError, minYear: minYear && minYear, maxYear: maxYear && maxYear, value: selectedValue.endDate, onChange: handleNewEndDate, calendarValue: calendarValue, id: id + "_end_date", name: name + "_end_date" }))),
|
|
35
|
+
react_1.default.createElement(styled_1.ExtrasContainer, null,
|
|
36
|
+
react_1.default.createElement(Button_1.default, { disabled: disabled, onClick: function () { return handleClearButtonClick(); }, appearance: "ghost" }, "Clear"),
|
|
37
|
+
showPresets && (react_1.default.createElement(DropdownMenu_1.default, { disabled: disabled, trigger: {
|
|
38
|
+
type: "iconButton",
|
|
39
|
+
props: {
|
|
40
|
+
icon: react_1.default.createElement(icons_1.MenuMoreVertical, null),
|
|
41
|
+
tooltipContent: "Preset Ranges",
|
|
42
|
+
size: "compact",
|
|
43
|
+
},
|
|
44
|
+
}, items: itemsArray, preferredAlignment: "center" })))));
|
|
46
45
|
});
|
|
47
46
|
DateRangePicker.displayName = "DateRangePicker";
|
|
48
47
|
exports.default = DateRangePicker;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Input/DateRangePicker/index.tsx"],"names":[],"mappings":";;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Input/DateRangePicker/index.tsx"],"names":[],"mappings":"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"}
|