@addsign/moje-agenda-shared-lib 2.0.79 → 2.0.81

package/dist/set-BOUTbzpR.js

@@ -0,0 +1,49 @@
+import { c as createLucideIcon } from "./createLucideIcon-KSoQd4Wi.js";
+import { t as toDate, c as constructFrom, s as setMonth } from "./Calendar-DWT4e7Th.js";
+/**
+ * @license lucide-react v0.456.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const CalendarClock = createLucideIcon("CalendarClock", [
+  ["path", { d: "M21 7.5V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h3.5", key: "1osxxc" }],
+  ["path", { d: "M16 2v4", key: "4m81vk" }],
+  ["path", { d: "M8 2v4", key: "1cmpym" }],
+  ["path", { d: "M3 10h5", key: "r794hk" }],
+  ["path", { d: "M17.5 17.5 16 16.3V14", key: "akvzfd" }],
+  ["circle", { cx: "16", cy: "16", r: "6", key: "qoo3c4" }]
+]);
+function set(date, values) {
+  let _date = toDate(date);
+  if (isNaN(+_date)) {
+    return constructFrom(date, NaN);
+  }
+  if (values.year != null) {
+    _date.setFullYear(values.year);
+  }
+  if (values.month != null) {
+    _date = setMonth(_date, values.month);
+  }
+  if (values.date != null) {
+    _date.setDate(values.date);
+  }
+  if (values.hours != null) {
+    _date.setHours(values.hours);
+  }
+  if (values.minutes != null) {
+    _date.setMinutes(values.minutes);
+  }
+  if (values.seconds != null) {
+    _date.setSeconds(values.seconds);
+  }
+  if (values.milliseconds != null) {
+    _date.setMilliseconds(values.milliseconds);
+  }
+  return _date;
+}
+export {
+  CalendarClock as C,
+  set as s
+};
+//# sourceMappingURL=set-BOUTbzpR.js.map

package/dist/set-BOUTbzpR.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"set-BOUTbzpR.js","sources":["../node_modules/lucide-react/dist/esm/icons/calendar-clock.js","../node_modules/date-fns/set.mjs"],"sourcesContent":["/**\n * @license lucide-react v0.456.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst CalendarClock = createLucideIcon(\"CalendarClock\", [\n  [\"path\", { d: \"M21 7.5V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h3.5\", key: \"1osxxc\" }],\n  [\"path\", { d: \"M16 2v4\", key: \"4m81vk\" }],\n  [\"path\", { d: \"M8 2v4\", key: \"1cmpym\" }],\n  [\"path\", { d: \"M3 10h5\", key: \"r794hk\" }],\n  [\"path\", { d: \"M17.5 17.5 16 16.3V14\", key: \"akvzfd\" }],\n  [\"circle\", { cx: \"16\", cy: \"16\", r: \"6\", key: \"qoo3c4\" }]\n]);\n\nexport { CalendarClock as default };\n//# sourceMappingURL=calendar-clock.js.map\n","import { constructFrom } from \"./constructFrom.mjs\";\nimport { setMonth } from \"./setMonth.mjs\";\nimport { toDate } from \"./toDate.mjs\";\n\n/**\n * @name set\n * @category Common Helpers\n * @summary Set date values to a given date.\n *\n * @description\n * Set date values to a given date.\n *\n * Sets time values to date from object `values`.\n * A value is not set if it is undefined or null or doesn't exist in `values`.\n *\n * Note about bundle size: `set` does not internally use `setX` functions from date-fns but instead opts\n * to use native `Date#setX` methods. If you use this function, you may not want to include the\n * other `setX` functions that date-fns provides if you are concerned about the bundle size.\n *\n * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).\n *\n * @param date - The date to be changed\n * @param values - The date values to be set\n *\n * @returns The new date with options set\n *\n * @example\n * // Transform 1 September 2014 into 20 October 2015 in a single line:\n * const result = set(new Date(2014, 8, 20), { year: 2015, month: 9, date: 20 })\n * //=> Tue Oct 20 2015 00:00:00\n *\n * @example\n * // Set 12 PM to 1 September 2014 01:23:45 to 1 September 2014 12:00:00:\n * const result = set(new Date(2014, 8, 1, 1, 23, 45), { hours: 12 })\n * //=> Mon Sep 01 2014 12:23:45\n */\n\nexport function set(date, values) {\n  let _date = toDate(date);\n\n  // Check if date is Invalid Date because Date.prototype.setFullYear ignores the value of Invalid Date\n  if (isNaN(+_date)) {\n    return constructFrom(date, NaN);\n  }\n\n  if (values.year != null) {\n    _date.setFullYear(values.year);\n  }\n\n  if (values.month != null) {\n    _date = setMonth(_date, values.month);\n  }\n\n  if (values.date != null) {\n    _date.setDate(values.date);\n  }\n\n  if (values.hours != null) {\n    _date.setHours(values.hours);\n  }\n\n  if (values.minutes != null) {\n    _date.setMinutes(values.minutes);\n  }\n\n  if (values.seconds != null) {\n    _date.setSeconds(values.seconds);\n  }\n\n  if (values.milliseconds != null) {\n    _date.setMilliseconds(values.milliseconds);\n  }\n\n  return _date;\n}\n\n// Fallback for modularized imports:\nexport default set;\n"],"names":[],"mappings":";;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASK,MAAC,gBAAgB,iBAAiB,iBAAiB;AAAA,EACtD,CAAC,QAAQ,EAAE,GAAG,gEAAgE,KAAK,SAAQ,CAAE;AAAA,EAC7F,CAAC,QAAQ,EAAE,GAAG,WAAW,KAAK,SAAQ,CAAE;AAAA,EACxC,CAAC,QAAQ,EAAE,GAAG,UAAU,KAAK,SAAQ,CAAE;AAAA,EACvC,CAAC,QAAQ,EAAE,GAAG,WAAW,KAAK,SAAQ,CAAE;AAAA,EACxC,CAAC,QAAQ,EAAE,GAAG,yBAAyB,KAAK,SAAQ,CAAE;AAAA,EACtD,CAAC,UAAU,EAAE,IAAI,MAAM,IAAI,MAAM,GAAG,KAAK,KAAK,UAAU;AAC1D,CAAC;ACqBM,SAAS,IAAI,MAAM,QAAQ;AAChC,MAAI,QAAQ,OAAO,IAAI;AAGvB,MAAI,MAAM,CAAC,KAAK,GAAG;AACjB,WAAO,cAAc,MAAM,GAAG;AAAA,EAC/B;AAED,MAAI,OAAO,QAAQ,MAAM;AACvB,UAAM,YAAY,OAAO,IAAI;AAAA,EAC9B;AAED,MAAI,OAAO,SAAS,MAAM;AACxB,YAAQ,SAAS,OAAO,OAAO,KAAK;AAAA,EACrC;AAED,MAAI,OAAO,QAAQ,MAAM;AACvB,UAAM,QAAQ,OAAO,IAAI;AAAA,EAC1B;AAED,MAAI,OAAO,SAAS,MAAM;AACxB,UAAM,SAAS,OAAO,KAAK;AAAA,EAC5B;AAED,MAAI,OAAO,WAAW,MAAM;AAC1B,UAAM,WAAW,OAAO,OAAO;AAAA,EAChC;AAED,MAAI,OAAO,WAAW,MAAM;AAC1B,UAAM,WAAW,OAAO,OAAO;AAAA,EAChC;AAED,MAAI,OAAO,gBAAgB,MAAM;AAC/B,UAAM,gBAAgB,OAAO,YAAY;AAAA,EAC1C;AAED,SAAO;AACT;","x_google_ignoreList":[0,1]}

package/lib/components/datatable/DataTableServer.tsx

@@ -343,6 +343,17 @@ function DataTableServer<T extends DataTableInternalItems>({
     }
   }, [id]);
 
+  // Pokud sortConfig.sortParam neodpovídá žádnému sloupci (např. po změně
+  // definice tabulky), resetuj sortConfig – jinak by API vrátilo 500 s
+  // "Filter error: sortBy field not defined" kvůli staré hodnotě v localStorage.
+  useEffect(() => {
+    if (!sortConfig?.sortParam) return;
+    const exists = columns.some((c) => c.sortParam === sortConfig.sortParam);
+    if (!exists) {
+      setSortConfig(null);
+    }
+  }, [columns, sortConfig]);
+
   useEffect(() => {
     const currentFilterDeps = [columns, federationContext.apiClient];
 

package/lib/components/ui/DateTimePicker2.tsx

@@ -0,0 +1,242 @@
+import { format, parse, isValid, set } from "date-fns";
+import { CalendarClockIcon, XIcon } from "lucide-react";
+
+import { Button } from "./button";
+import { Calendar } from "./Calendar";
+import { Popover, PopoverContent, PopoverTrigger } from "./popover";
+import { ScrollArea } from "./ScrollArea";
+import { cn } from "../../utils/utils";
+import React, { forwardRef, useEffect } from "react";
+import { Input } from "./input";
+import { PopoverClose } from "@radix-ui/react-popover";
+
+const DATE_FORMAT = "dd.MM.yyyy HH:mm";
+
+interface DateTimePicker2Props {
+  value?: Date;
+  onChange?: (date: Date | undefined | null) => void;
+  className?: string;
+  placeholder?: string;
+  clearable?: boolean;
+  disabled?: boolean;
+  /** Granularita minut (musí dělit 60 beze zbytku). Default 5. */
+  minuteStep?: number;
+}
+
+const roundToNearestStep = (date: Date, stepMinutes: number) => {
+  const totalMinutes = date.getHours() * 60 + date.getMinutes();
+  const rounded = Math.round(totalMinutes / stepMinutes) * stepMinutes;
+  return set(date, {
+    seconds: 0,
+    milliseconds: 0,
+    hours: Math.floor(rounded / 60),
+    minutes: rounded % 60,
+  });
+};
+
+const DateTimePicker2 = forwardRef<HTMLInputElement, DateTimePicker2Props>(
+  (
+    {
+      value,
+      onChange,
+      className,
+      clearable = true,
+      placeholder,
+      disabled,
+      minuteStep = 5,
+      ...props
+    },
+    ref
+  ) => {
+    const [dateTime, setDateTime] = React.useState<Date | null>(value || null);
+    const [inputValue, setInputValue] = React.useState<string | null>("");
+
+    useEffect(() => {
+      if (value) {
+        const roundedDate = roundToNearestStep(value, minuteStep);
+        setDateTime(roundedDate);
+        setInputValue(format(roundedDate, DATE_FORMAT));
+      } else {
+        setDateTime(null);
+        setInputValue("");
+      }
+    }, [value, minuteStep]);
+
+    const hours = React.useMemo(
+      () => Array.from({ length: 24 }, (_, i) => i),
+      []
+    );
+
+    const minutes = React.useMemo(() => {
+      const count = Math.floor(60 / minuteStep);
+      return Array.from({ length: count }, (_, i) => i * minuteStep);
+    }, [minuteStep]);
+
+    const commit = (newDate: Date | null) => {
+      setDateTime(newDate);
+      onChange?.(newDate);
+      setInputValue(newDate ? format(newDate, DATE_FORMAT) : "");
+    };
+
+    const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {
+      event.stopPropagation?.();
+      setInputValue(event.target.value);
+      const parsedDateTime = parse(event.target.value, DATE_FORMAT, new Date());
+
+      if (isValid(parsedDateTime)) {
+        setDateTime(parsedDateTime);
+        onChange?.(parsedDateTime);
+        setInputValue(format(parsedDateTime, DATE_FORMAT));
+      } else {
+        setInputValue("");
+        setDateTime(null);
+        onChange?.(null);
+      }
+    };
+
+    const handleInputBlur = () => {
+      if (inputValue === "") {
+        setDateTime(null);
+        onChange?.(null);
+        return;
+      }
+
+      const parsedDateTime = parse(inputValue || "", DATE_FORMAT, new Date());
+      if (isValid(parsedDateTime)) {
+        setDateTime(parsedDateTime);
+        onChange?.(parsedDateTime);
+        setInputValue(format(parsedDateTime, DATE_FORMAT));
+      } else {
+        setInputValue("");
+        setDateTime(null);
+        onChange?.(null);
+      }
+    };
+
+    const handleDateSelect = (selectedDate: Date | undefined | null) => {
+      if (selectedDate) {
+        const newDateTime = dateTime
+          ? set(dateTime, {
+              year: selectedDate.getFullYear(),
+              month: selectedDate.getMonth(),
+              date: selectedDate.getDate(),
+            })
+          : set(selectedDate, { hours: 12, minutes: 0, seconds: 0, milliseconds: 0 });
+        commit(newDateTime);
+      } else {
+        commit(null);
+      }
+    };
+
+    const handleHourSelect = (hour: number) => {
+      const base = dateTime ?? set(new Date(), { minutes: 0, seconds: 0, milliseconds: 0 });
+      const newDateTime = set(base, { hours: hour, seconds: 0, milliseconds: 0 });
+      commit(newDateTime);
+    };
+
+    const handleMinuteSelect = (minute: number) => {
+      const base = dateTime ?? set(new Date(), { seconds: 0, milliseconds: 0 });
+      const newDateTime = set(base, { minutes: minute, seconds: 0, milliseconds: 0 });
+      commit(newDateTime);
+    };
+
+    const handleClear = () => {
+      commit(null);
+    };
+
+    return (
+      <Popover open={disabled ? false : undefined}>
+        <PopoverTrigger asChild>
+          <div className={cn("relative w-full", className)}>
+            <Input
+              ref={ref}
+              type="text"
+              disabled={disabled}
+              value={inputValue || ""}
+              onChange={handleInputChange}
+              onBlur={handleInputBlur}
+              placeholder={placeholder}
+              className={cn(
+                "w-full pl-8 pr-8",
+                !dateTime && "text-muted-foreground"
+              )}
+              {...props}
+            />
+            <CalendarClockIcon className="absolute left-2 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" />
+            {clearable && !disabled && inputValue && (
+              <Button
+                type="button"
+                variant="ghost"
+                size="icon"
+                className="absolute right-2 top-1/2 -translate-y-1/2 h-4 w-4 p-0"
+                onClick={handleClear}
+              >
+                <XIcon className="h-4 w-4 text-muted-foreground" />
+                <span className="sr-only">Smazat datum a čas</span>
+              </Button>
+            )}
+          </div>
+        </PopoverTrigger>
+        <PopoverContent className="w-auto p-0" align="start">
+          <div className="flex">
+            <Calendar
+              mode="single"
+              selected={dateTime || undefined}
+              onSelect={handleDateSelect}
+              initialFocus
+            />
+            <div className="flex h-[300px] divide-x border-l border-border">
+              <ScrollArea className="w-16">
+                <div className="flex flex-col p-2">
+                  {hours.map((hour) => (
+                    <Button
+                      key={hour}
+                      size="icon"
+                      variant={
+                        dateTime && dateTime.getHours() === hour
+                          ? "default"
+                          : "ghost"
+                      }
+                      className="w-full shrink-0 aspect-square"
+                      onClick={() => handleHourSelect(hour)}
+                    >
+                      {hour.toString().padStart(2, "0")}
+                    </Button>
+                  ))}
+                </div>
+              </ScrollArea>
+              <ScrollArea className="w-16">
+                <div className="flex flex-col p-2">
+                  {minutes.map((minute) => (
+                    <Button
+                      key={minute}
+                      size="icon"
+                      variant={
+                        dateTime && dateTime.getMinutes() === minute
+                          ? "default"
+                          : "ghost"
+                      }
+                      className="w-full shrink-0 aspect-square"
+                      onClick={() => handleMinuteSelect(minute)}
+                    >
+                      {minute.toString().padStart(2, "0")}
+                    </Button>
+                  ))}
+                </div>
+              </ScrollArea>
+            </div>
+          </div>
+          <div className="flex justify-end p-2 border-t border-border">
+            <PopoverClose asChild>
+              <Button className="px-3">OK</Button>
+            </PopoverClose>
+          </div>
+        </PopoverContent>
+      </Popover>
+    );
+  }
+);
+
+DateTimePicker2.displayName = "DateTimePicker2";
+
+export default DateTimePicker2;

package/lib/main.ts

@@ -79,4 +79,5 @@ export { Button as ButtonCN, buttonVariants } from "./components/ui/button.tsx";
 
 export { Calendar as CalendarCn } from "./components/ui/Calendar.tsx";
 export { default as DateTimePicker } from "./components/ui/DateTimePicker.tsx";
+export { default as DateTimePicker2 } from "./components/ui/DateTimePicker2.tsx";
 export { default as DatePicker } from "./components/ui/DatePicker.tsx";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@addsign/moje-agenda-shared-lib",
   "private": false,
-  "version": "2.0.79",
+  "version": "2.0.81",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",