@uxf/ui 11.30.0 → 11.30.1

package/css/dialog.css

@@ -50,7 +50,7 @@
         }
     }
 
-    &--variant-rightDrawer {
+    &--variant-drawer-right {
         .uxf-dialog__body {
             @screen sm {
                 align-items: stretch;

package/datetime-picker-input/datetime-picker-input.js

@@ -35,6 +35,7 @@ const react_1 = __importStar(require("react"));
 const _input_with_popover_1 = require("../_input-with-popover");
 const datetime_picker_1 = require("../datetime-picker");
 const icon_1 = require("../icon");
+const get_datetime_string_1 = require("./get-datetime-string");
 (0, dayjs_1.extend)(customParseFormat_1.default);
 exports.ALLOWED_DATETIME_FORMAT = [
     "D. M. YYYY H:mm",
@@ -75,12 +76,10 @@ exports.DatetimePickerInput = (0, react_1.forwardRef)((props, ref) => {
             onChange(value === "" ? null : value);
         }
     }, [onChange]);
-    const value = getValue(props.value);
+    const value = getValue(props.value); // hodnota zobrazená v textinputu (human readable)
     const parsedMinDate = getBoundaryDate(props.minDate);
     const parsedMaxDate = getBoundaryDate(props.maxDate);
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(_input_with_popover_1._InputWithPopover, { ...props, className: className, onChange: onInputChange, placeholder: (_a = props.placeholder) !== null && _a !== void 0 ? _a : (0, dayjs_1.default)().format(exports.DISPLAY_DATETIME_FORMAT), ref: ref, value: value, triggerElement: (_b = props.triggerElement) !== null && _b !== void 0 ? _b : react_1.default.createElement(icon_1.Icon, { name: "calendar", size: 20 }) }, ({ close }) => (0, is_not_nil_1.isNotNil)(props.CustomDatetimePicker) ? (react_1.default.createElement(props.CustomDatetimePicker, { value: (0, is_not_nil_1.isNotNil)(value)
-                ? (0, dayjs_1.default)(value).format("YYYY-MM-DD[T]HH:mm:ssZ")
-                : null, onChange: onChange, onClose: close })) : (react_1.default.createElement(datetime_picker_1.DatetimePicker, { minDate: parsedMinDate, maxDate: parsedMaxDate, bottomContent: props.bottomContent, closePopoverHandler: close, onChange: onChange, value: props.value, unavailableDates: props.unavailableDates })))));
+        react_1.default.createElement(_input_with_popover_1._InputWithPopover, { ...props, className: className, onChange: onInputChange, placeholder: (_a = props.placeholder) !== null && _a !== void 0 ? _a : (0, dayjs_1.default)().format(exports.DISPLAY_DATETIME_FORMAT), ref: ref, value: value, triggerElement: (_b = props.triggerElement) !== null && _b !== void 0 ? _b : react_1.default.createElement(icon_1.Icon, { name: "calendar", size: 20 }) }, ({ close }) => (0, is_not_nil_1.isNotNil)(props.CustomDatetimePicker) ? (react_1.default.createElement(props.CustomDatetimePicker, { value: (0, get_datetime_string_1.getDatetimeString)(props.value), onChange: onChange, onClose: close })) : (react_1.default.createElement(datetime_picker_1.DatetimePicker, { minDate: parsedMinDate, maxDate: parsedMaxDate, bottomContent: props.bottomContent, closePopoverHandler: close, onChange: onChange, value: props.value, unavailableDates: props.unavailableDates })))));
 });
 exports.DatetimePickerInput.displayName = "UxfUiDatePickerInput";

package/datetime-picker-input/get-datetime-string.d.ts

@@ -0,0 +1,6 @@
+import { DatetimeString } from "@uxf/core/date";
+import { Nullish } from "@uxf/core/types";
+/**
+ * @deprecated tuhle metodu nepoužívat - něco podobného se musí přenést do @uxf/core
+ */
+export declare function getDatetimeString(value: string | Nullish): DatetimeString | null;

package/datetime-picker-input/get-datetime-string.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getDatetimeString = void 0;
+const is_nil_1 = require("@uxf/core/utils/is-nil");
+const dayjs_1 = __importDefault(require("dayjs"));
+/**
+ * @deprecated tuhle metodu nepoužívat - něco podobného se musí přenést do @uxf/core
+ */
+function getDatetimeString(value) {
+    if ((0, is_nil_1.isNil)(value)) {
+        return null;
+    }
+    const date = (0, dayjs_1.default)(value, ["YYYY-MM-DD[T]HH:mm:ssZ", "YYYY-MM-DD[T]HH:mm:ss.SSS[Z]"]);
+    return date.isValid() ? date.format("YYYY-MM-DD[T]HH:mm:ssZ") : null;
+}
+exports.getDatetimeString = getDatetimeString;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxf/ui",
-  "version": "11.30.0",
+  "version": "11.30.1",
   "description": "",
   "publishConfig": {
     "access": "public"