@dreamcommerce/aurora 3.1.35-1 → 3.1.36-1

package/build/esm/packages/aurora/src/components/time_picker/time_picker.js

@@ -0,0 +1,129 @@
+import React__default, { useState, useRef, useMemo } from 'react';
+import { slicedToArray as _slicedToArray } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { cn } from '../../utilities/cn.js';
+import { Popover } from '../popover/popover.js';
+import { PopoverTrigger } from '../popover/components/popover_trigger.js';
+import { TimePickerInput } from './components/time_picker_input.js';
+import { TimePickerUtils } from './time_picker_utils.js';
+import { TimePickerContent } from './components/time_picker_content.js';
+
+var TimePicker = function TimePicker(_ref) {
+  var id = _ref.id,
+    _ref$placeholder = _ref.placeholder,
+    placeholder = _ref$placeholder === void 0 ? 'gg:mm' : _ref$placeholder,
+    disabled = _ref.disabled,
+    errors = _ref.errors,
+    value = _ref.value,
+    onChange = _ref.onChange,
+    _ref$format = _ref.format,
+    format = _ref$format === void 0 ? '24' : _ref$format;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  var _useState3 = useState(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    tempHour = _useState4[0],
+    setTempHour = _useState4[1];
+  var _useState5 = useState(null),
+    _useState6 = _slicedToArray(_useState5, 2),
+    tempMinute = _useState6[0],
+    setTempMinute = _useState6[1];
+  var isCancelledRef = useRef(false);
+  var parsedTime = useMemo(function () {
+    return value ? TimePickerUtils.parseStringToTime(value) : undefined;
+  }, [value]);
+  var displayValue = useMemo(function () {
+    if (open) {
+      if (tempHour === null && tempMinute === null) {
+        return '';
+      }
+      return TimePickerUtils.formatTimeForDisplay(tempHour !== null && tempHour !== void 0 ? tempHour : 0, tempMinute !== null && tempMinute !== void 0 ? tempMinute : 0);
+    }
+    return parsedTime ? TimePickerUtils.formatTimeForDisplay(parsedTime.hour, parsedTime.minute) : '';
+  }, [open, tempHour, tempMinute, parsedTime]);
+  var initializeTempValues = function initializeTempValues() {
+    if (parsedTime) {
+      setTempHour(parsedTime.hour);
+      setTempMinute(parsedTime.minute);
+    } else {
+      setTempHour(null);
+      setTempMinute(null);
+    }
+  };
+  var saveValue = function saveValue() {
+    if (tempHour === null && tempMinute === null) {
+      onChange === null || onChange === void 0 ? void 0 : onChange('');
+    } else {
+      var formattedValue = TimePickerUtils.formatTimeToString(tempHour !== null && tempHour !== void 0 ? tempHour : 0, tempMinute !== null && tempMinute !== void 0 ? tempMinute : 0);
+      onChange === null || onChange === void 0 ? void 0 : onChange(formattedValue);
+    }
+  };
+  var handleHourChange = function handleHourChange(hour) {
+    if (hour === null) {
+      setTempHour(null);
+      setTempMinute(null);
+    } else {
+      setTempHour(hour);
+      if (tempMinute === null) {
+        setTempMinute(0);
+      }
+    }
+  };
+  var handleMinuteChange = function handleMinuteChange(minute) {
+    if (minute === null) {
+      setTempHour(null);
+      setTempMinute(null);
+    } else {
+      setTempMinute(minute);
+      if (tempHour === null) {
+        setTempHour(0);
+      }
+    }
+  };
+  var handleOpenChange = function handleOpenChange(newOpen) {
+    if (newOpen) {
+      isCancelledRef.current = false;
+      initializeTempValues();
+      setOpen(true);
+    } else {
+      if (!isCancelledRef.current) {
+        saveValue();
+      }
+      setOpen(false);
+    }
+  };
+  var handleCancel = function handleCancel() {
+    isCancelledRef.current = true;
+    initializeTempValues();
+    setOpen(false);
+  };
+  var handleChoose = function handleChoose() {
+    saveValue();
+    setOpen(false);
+  };
+  return /*#__PURE__*/React__default.createElement(Popover, {
+    open: open,
+    onOpenChange: handleOpenChange
+  }, /*#__PURE__*/React__default.createElement(PopoverTrigger, {
+    className: cn('aurora-w-full', disabled && 'aurora-cursor-not-allowed'),
+    disabled: disabled
+  }, /*#__PURE__*/React__default.createElement(TimePickerInput, {
+    id: id,
+    value: displayValue,
+    placeholder: placeholder,
+    disabled: disabled,
+    errors: errors
+  })), /*#__PURE__*/React__default.createElement(TimePickerContent, {
+    hour: tempHour,
+    minute: tempMinute,
+    onHourChange: handleHourChange,
+    onMinuteChange: handleMinuteChange,
+    onCancel: handleCancel,
+    onChoose: handleChoose,
+    format: format
+  }));
+};
+
+export { TimePicker };
+//# sourceMappingURL=time_picker.js.map

package/build/esm/packages/aurora/src/components/time_picker/time_picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/time_picker/time_picker_types.d.ts

@@ -0,0 +1,18 @@
+export interface TimePickerProps {
+    id: string;
+    placeholder?: string;
+    disabled?: boolean;
+    errors?: string | string[];
+    value?: string;
+    onChange?: (value: string) => void;
+    format?: '12' | '24';
+}
+export interface TimePickerContentProps {
+    hour: number | null;
+    minute: number | null;
+    onHourChange: (hour: number | null) => void;
+    onMinuteChange: (minute: number | null) => void;
+    onCancel: () => void;
+    onChoose: () => void;
+    format: '12' | '24';
+}

package/build/esm/packages/aurora/src/components/time_picker/time_picker_types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=time_picker_types.js.map

package/build/esm/packages/aurora/src/components/time_picker/time_picker_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"time_picker_types.js","sourceRoot":"","sources":["../../../../../../../src/components/time_picker/time_picker_types.ts"],"names":[],"mappings":""}

package/build/esm/packages/aurora/src/components/time_picker/time_picker_utils.d.ts

@@ -0,0 +1,10 @@
+export declare class TimePickerUtils {
+    static parseStringToTime: (value: string) => {
+        hour: number;
+        minute: number;
+    } | undefined;
+    static formatTimeToString: (hour: number, minute: number) => string;
+    static formatTimeForDisplay: (hour: number, minute: number) => string;
+    static formatTimeStringForDisplay: (value: string | undefined) => string;
+    static generateTimeOptions: (type: 'hour' | 'minute', format?: '12' | '24') => string[];
+}

package/build/esm/packages/aurora/src/components/time_picker/time_picker_utils.js

@@ -0,0 +1,62 @@
+import { createClass as _createClass, classCallCheck as _classCallCheck, defineProperty as _defineProperty } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
+
+var _TimePickerUtils;
+var TimePickerUtils = /*#__PURE__*/_createClass(function TimePickerUtils() {
+  _classCallCheck(this, TimePickerUtils);
+});
+_TimePickerUtils = TimePickerUtils;
+_defineProperty(TimePickerUtils, "parseStringToTime", function (value) {
+  if (!value) return undefined;
+  var parts = value.split(':');
+  if (parts.length < 2) return undefined;
+  var hour = parseInt(parts[0], 10);
+  var minute = parseInt(parts[1], 10);
+  if (isNaN(hour) || isNaN(minute)) return undefined;
+  if (hour < 0 || hour > 23) return undefined;
+  if (minute < 0 || minute > 59) return undefined;
+  return {
+    hour: hour,
+    minute: minute
+  };
+});
+_defineProperty(TimePickerUtils, "formatTimeToString", function (hour, minute) {
+  var hourStr = String(hour).padStart(2, '0');
+  var minuteStr = String(minute).padStart(2, '0');
+  return "".concat(hourStr, ":").concat(minuteStr, ":00");
+});
+_defineProperty(TimePickerUtils, "formatTimeForDisplay", function (hour, minute) {
+  var hourStr = String(hour).padStart(2, '0');
+  var minuteStr = String(minute).padStart(2, '0');
+  return "".concat(hourStr, ":").concat(minuteStr);
+});
+_defineProperty(TimePickerUtils, "formatTimeStringForDisplay", function (value) {
+  if (!value) return '';
+  var time = _TimePickerUtils.parseStringToTime(value);
+  if (!time) return '';
+  return _TimePickerUtils.formatTimeForDisplay(time.hour, time.minute);
+});
+_defineProperty(TimePickerUtils, "generateTimeOptions", function (type) {
+  var format = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '24';
+  if (type === 'hour') {
+    if (format === '12') {
+      return Array.from({
+        length: 12
+      }, function (_, i) {
+        return String(i + 1).padStart(2, '0');
+      });
+    }
+    return Array.from({
+      length: 24
+    }, function (_, i) {
+      return String(i).padStart(2, '0');
+    });
+  }
+  return Array.from({
+    length: 60
+  }, function (_, i) {
+    return String(i).padStart(2, '0');
+  });
+});
+
+export { TimePickerUtils };
+//# sourceMappingURL=time_picker_utils.js.map

package/build/esm/packages/aurora/src/components/time_picker/time_picker_utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/index.d.ts

@@ -137,3 +137,7 @@ export { ANCHOR_PRESETS_VALUES } from "./components/anchor_presets/anchor_preset
 export { Resizable } from "./components/resizable/resizable";
 export { fuzzySearch } from "./utilities/fuzzy_search";
 export { Calendar } from "./components/calendar/calendar";
+export { DatePicker } from "./components/date_picker/date_picker";
+export { DatePickerControl } from './components/controls/date_picker_control/date_picker_control';
+export { TimePicker } from "./components/time_picker/time_picker";
+export { TimePickerControl } from './components/controls/time_picker_control/time_picker_control';

package/build/esm/packages/aurora/src/index.js

@@ -129,4 +129,8 @@ export { AnchorPresets } from './components/anchor_presets/anchor_presets.js';
 export { AnchorPresetsControl } from './components/controls/anchor_presets_control/anchor_presets_control.js';
 export { Resizable } from './components/resizable/resizable.js';
 export { Calendar } from './components/calendar/calendar.js';
+export { DatePicker } from './components/date_picker/date_picker.js';
+export { DatePickerControl } from './components/controls/date_picker_control/date_picker_control.js';
+export { TimePicker } from './components/time_picker/time_picker.js';
+export { TimePickerControl } from './components/controls/time_picker_control/time_picker_control.js';
 //# sourceMappingURL=index.js.map

package/build/esm/packages/aurora/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}