@trackunit/react-date-and-time-components 1.16.0 → 1.16.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.
Files changed (3) hide show
  1. package/index.cjs.js +12 -4
  2. package/index.esm.js +12 -4
  3. package/package.json +9 -9
package/index.cjs.js CHANGED
@@ -254,14 +254,20 @@ const DayRangePicker = ({ onRangeSelect, selectedDays, disabledDays, "data-testi
254
254
  if (selectedDays) {
255
255
  setNewRange(selectedDays);
256
256
  }
257
- onClose && onClose();
257
+ if (onClose) {
258
+ onClose();
259
+ }
258
260
  }, [selectedDays, onClose]);
259
261
  const clearSelectedDays = () => {
260
262
  setNewRange({ start: undefined, end: undefined });
261
263
  };
262
264
  const handleApply = react.useCallback(() => {
263
- onRangeSelect && onRangeSelect(newRange);
264
- onClose && onClose();
265
+ if (onRangeSelect) {
266
+ onRangeSelect(newRange);
267
+ }
268
+ if (onClose) {
269
+ onClose();
270
+ }
265
271
  }, [onRangeSelect, newRange, onClose]);
266
272
  return (jsxRuntime.jsxs("div", { className: tailwindMerge.twMerge("flex", "w-min", "flex-col", "overflow-hidden", "rounded-md", "border", "border-neutral-300", "bg-white", className), "data-testid": dataTestId, children: [jsxRuntime.jsx(Calendar, { allowPartialRange: true, className: tailwindMerge.twMerge("custom-day-picker", "range-picker", classNameCalendar), locale: language, onChange: value => {
267
273
  if (Array.isArray(value) && value[0] && value[1]) {
@@ -820,7 +826,9 @@ const Timeline = ({ className, "data-testid": dataTestId, children, dateHeader,
820
826
  const renderToggleButton = () => (jsxRuntime.jsxs("div", { className: cvaTimelineElement(), children: [childProps.date ? (jsxRuntime.jsx("div", { className: cvaTimelineElementTime({
821
827
  width: hourCycle === "h12" || hourCycle === "h11" ? "large" : "small",
822
828
  }) })) : null, jsxRuntime.jsx("div", { className: cvaDotWrapper(), children: jsxRuntime.jsx("div", { className: cvaLine({ lineStyle: childProps.lineStyle }) }) }), jsxRuntime.jsxs("div", { className: "flex min-h-8 cursor-pointer items-center text-sm text-neutral-500 hover:text-neutral-600", "data-testid": "timeline-toggle-btn", onClick: () => {
823
- toggleButton?.onClick && toggleButton.onClick();
829
+ if (toggleButton?.onClick) {
830
+ toggleButton.onClick();
831
+ }
824
832
  setIsOpen(!isOpen);
825
833
  }, children: [jsxRuntime.jsx(reactComponents.Icon, { className: cvaToggleBtnIcon({ rotated: isOpen }), name: "ChevronDown", size: "small" }), jsxRuntime.jsx("span", { children: isOpen ? toggleButton?.collapsedLabel : toggleButton?.expandedLabel })] })] }));
826
834
  const renderDateHeader = react.useCallback(() => {
package/index.esm.js CHANGED
@@ -252,14 +252,20 @@ const DayRangePicker = ({ onRangeSelect, selectedDays, disabledDays, "data-testi
252
252
  if (selectedDays) {
253
253
  setNewRange(selectedDays);
254
254
  }
255
- onClose && onClose();
255
+ if (onClose) {
256
+ onClose();
257
+ }
256
258
  }, [selectedDays, onClose]);
257
259
  const clearSelectedDays = () => {
258
260
  setNewRange({ start: undefined, end: undefined });
259
261
  };
260
262
  const handleApply = useCallback(() => {
261
- onRangeSelect && onRangeSelect(newRange);
262
- onClose && onClose();
263
+ if (onRangeSelect) {
264
+ onRangeSelect(newRange);
265
+ }
266
+ if (onClose) {
267
+ onClose();
268
+ }
263
269
  }, [onRangeSelect, newRange, onClose]);
264
270
  return (jsxs("div", { className: twMerge("flex", "w-min", "flex-col", "overflow-hidden", "rounded-md", "border", "border-neutral-300", "bg-white", className), "data-testid": dataTestId, children: [jsx(Calendar, { allowPartialRange: true, className: twMerge("custom-day-picker", "range-picker", classNameCalendar), locale: language, onChange: value => {
265
271
  if (Array.isArray(value) && value[0] && value[1]) {
@@ -818,7 +824,9 @@ const Timeline = ({ className, "data-testid": dataTestId, children, dateHeader,
818
824
  const renderToggleButton = () => (jsxs("div", { className: cvaTimelineElement(), children: [childProps.date ? (jsx("div", { className: cvaTimelineElementTime({
819
825
  width: hourCycle === "h12" || hourCycle === "h11" ? "large" : "small",
820
826
  }) })) : null, jsx("div", { className: cvaDotWrapper(), children: jsx("div", { className: cvaLine({ lineStyle: childProps.lineStyle }) }) }), jsxs("div", { className: "flex min-h-8 cursor-pointer items-center text-sm text-neutral-500 hover:text-neutral-600", "data-testid": "timeline-toggle-btn", onClick: () => {
821
- toggleButton?.onClick && toggleButton.onClick();
827
+ if (toggleButton?.onClick) {
828
+ toggleButton.onClick();
829
+ }
822
830
  setIsOpen(!isOpen);
823
831
  }, children: [jsx(Icon, { className: cvaToggleBtnIcon({ rotated: isOpen }), name: "ChevronDown", size: "small" }), jsx("span", { children: isOpen ? toggleButton?.collapsedLabel : toggleButton?.expandedLabel })] })] }));
824
832
  const renderDateHeader = useCallback(() => {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@trackunit/react-date-and-time-components",
3
- "version": "1.16.0",
3
+ "version": "1.16.5",
4
4
  "repository": "https://github.com/Trackunit/manager",
5
5
  "license": "SEE LICENSE IN LICENSE.txt",
6
6
  "engines": {
@@ -8,14 +8,14 @@
8
8
  },
9
9
  "dependencies": {
10
10
  "react": "19.0.0",
11
- "@trackunit/react-components": "1.17.0",
12
- "@trackunit/date-and-time-utils": "1.11.32",
13
- "@trackunit/react-date-and-time-hooks": "1.13.0",
14
- "@trackunit/css-class-variance-utilities": "1.11.31",
15
- "@trackunit/ui-icons": "1.11.30",
16
- "@trackunit/shared-utils": "1.13.31",
17
- "@trackunit/i18n-library-translation": "1.12.12",
18
- "@trackunit/react-form-components": "1.14.0",
11
+ "@trackunit/react-components": "1.17.3",
12
+ "@trackunit/date-and-time-utils": "1.11.33",
13
+ "@trackunit/react-date-and-time-hooks": "1.13.5",
14
+ "@trackunit/css-class-variance-utilities": "1.11.32",
15
+ "@trackunit/ui-icons": "1.11.31",
16
+ "@trackunit/shared-utils": "1.13.32",
17
+ "@trackunit/i18n-library-translation": "1.12.16",
18
+ "@trackunit/react-form-components": "1.14.5",
19
19
  "string-ts": "^2.0.0",
20
20
  "tailwind-merge": "^2.0.0",
21
21
  "react-calendar": "^6.0.0"