@smartsoft001/react 0.0.0-stage → 2.193.0

package/src/lib/components/date-edit/use-date-edit.js

@@ -0,0 +1,114 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DATE_EDIT_DEFAULT_DATE = void 0;
+exports.useDateEdit = useDateEdit;
+const tslib_1 = require("tslib");
+const moment_1 = tslib_1.__importDefault(require("moment"));
+const react_1 = require("react");
+exports.DATE_EDIT_DEFAULT_DATE = '2001-01-01';
+function setCharAt(str, index, chr) {
+    if (index > str.length - 1)
+        return str;
+    return str.substring(0, index) + chr + str.substring(index + 1);
+}
+/**
+ * The Angular `ngModel` model: controlled while `value` is defined, otherwise
+ * kept here. A new `value` from the parent always wins, as a `model()` input
+ * does, so resetting the parent's state to `undefined` also clears the date.
+ */
+function useNgModel(value, defaultValue, onValueChange) {
+    const [innerValue, setInnerValue] = (0, react_1.useState)(value === undefined ? defaultValue : value);
+    const [prevValue, setPrevValue] = (0, react_1.useState)(value);
+    if (prevValue !== value) {
+        setPrevValue(value);
+        setInnerValue(value);
+    }
+    const ngModel = value === undefined ? innerValue : value;
+    const setNgModel = (0, react_1.useCallback)((next) => {
+        if (next === ngModel)
+            return;
+        setInnerValue(next);
+        onValueChange?.(next);
+    }, [ngModel, onValueChange]);
+    return [ngModel ?? null, setNgModel];
+}
+const DIGIT_KEYS = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9'];
+/**
+ * Trims `el` to one character and selects it, after the current event, so
+ * the next key replaces the digit. Number inputs do not support a selection
+ * range in every browser; the error they throw is swallowed.
+ */
+function select(el) {
+    setTimeout(() => {
+        if (!el)
+            return;
+        el.value = el.value.substring(0, 1);
+        try {
+            el.setSelectionRange(0, el.value.length);
+        }
+        catch {
+            // `type="number"` inputs throw InvalidStateError here.
+        }
+    });
+}
+/**
+ * The keyup of a digit input: a digit trims the input and moves to `el`;
+ * Backspace and Enter are left alone; any other key writes `0`.
+ */
+function moveTo(event, el) {
+    if (event.key === 'Backspace' || event.key === 'Enter')
+        return;
+    const target = event.currentTarget;
+    if (!DIGIT_KEYS.some((key) => key === event.key)) {
+        target.value = '0';
+        return;
+    }
+    target.value = target.value.substring(0, 1);
+    el?.focus();
+    select(el);
+}
+/**
+ * The behaviour every date-edit variant shares (the Angular
+ * `DateEditBaseComponent`): the `YYYY-MM-DD` model, its single digits and
+ * the validity of the edited date.
+ */
+function useDateEdit({ value, defaultValue = exports.DATE_EDIT_DEFAULT_DATE, onValueChange, onValidChange, }) {
+    const [ngModel, setNgModel] = useNgModel(value, defaultValue, onValueChange);
+    const [validDate, setValidDate] = (0, react_1.useState)(true);
+    const digitAt = (index) => ngModel ? ngModel[index] : null;
+    /**
+     * Replaces the digit at `index` with the first digit of `val` (`null`, an
+     * emptied input, is ignored). An empty model starts from 2001-01-01.
+     */
+    const setValueAt = (0, react_1.useCallback)((val, index) => {
+        if (val === null)
+            return;
+        const digit = Number(val.toString().substring(0, 1));
+        let next = ngModel;
+        if (!next || digit > 9 || digit < 0)
+            next = exports.DATE_EDIT_DEFAULT_DATE;
+        next = setCharAt(next, index, digit);
+        const valid = (0, moment_1.default)(next).isValid();
+        setValidDate(valid);
+        setNgModel(next);
+        onValidChange?.(valid);
+    }, [ngModel, setNgModel, onValidChange]);
+    return {
+        ngModel,
+        setNgModel,
+        validDate,
+        setValidDate,
+        setValueAt,
+        moveTo,
+        select,
+        d1: digitAt(8),
+        d2: digitAt(9),
+        m1: digitAt(5),
+        m2: digitAt(6),
+        y1: digitAt(0),
+        y2: digitAt(1),
+        y3: digitAt(2),
+        y4: digitAt(3),
+    };
+}
+//# sourceMappingURL=use-date-edit.js.map

package/src/lib/components/date-edit/use-date-edit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-date-edit.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/date-edit/use-date-edit.ts"],"names":[],"mappings":"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"}

package/src/lib/components/date-range/date-range.d.ts

@@ -0,0 +1,8 @@
+import { SmartDateRangeProps } from './date-range.types';
+/**
+ * `<smart-date-range>`: the date-range picker in the `variant` rendering
+ * (`standard`, a trigger opening a scrollable calendar modal, by default; or
+ * `preset`, a calendar popover). Bind it with `value` + `onValueChange` (the
+ * Angular `ngModel`), or pass a form `control` (the Angular `[formControl]`).
+ */
+export declare function SmartDateRange({ control, ...props }: SmartDateRangeProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/components/date-range/date-range.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartDateRange = SmartDateRange;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const date_range_preset_1 = require("./preset/date-range-preset");
+const date_range_standard_1 = require("./standard/date-range-standard");
+const forms_1 = require("../../forms");
+function SmartDateRangeVariant({ variant = 'standard', ...props }) {
+    switch (variant) {
+        case 'standard':
+            return (0, jsx_runtime_1.jsx)(date_range_standard_1.SmartDateRangeStandard, { ...props });
+        case 'preset':
+            return (0, jsx_runtime_1.jsx)(date_range_preset_1.SmartDateRangePreset, { ...props });
+        default:
+            return null;
+    }
+}
+/**
+ * The control binding of the Angular `ControlValueAccessor`: the control's
+ * value is shown; a change sets the value and marks the control dirty and
+ * touched.
+ */
+function SmartDateRangeBound({ control, onValueChange, ...props }) {
+    const binding = (0, forms_1.useControlBinding)(control);
+    const { onChange, onBlur } = binding;
+    const onInnerChange = (0, react_1.useCallback)((value) => {
+        onChange(value);
+        onBlur();
+        onValueChange?.(value);
+    }, [onChange, onBlur, onValueChange]);
+    return ((0, jsx_runtime_1.jsx)(SmartDateRangeVariant, { ...props, value: binding.value ?? null, onValueChange: onInnerChange }));
+}
+/**
+ * `<smart-date-range>`: the date-range picker in the `variant` rendering
+ * (`standard`, a trigger opening a scrollable calendar modal, by default; or
+ * `preset`, a calendar popover). Bind it with `value` + `onValueChange` (the
+ * Angular `ngModel`), or pass a form `control` (the Angular `[formControl]`).
+ */
+function SmartDateRange({ control, ...props }) {
+    if (control)
+        return (0, jsx_runtime_1.jsx)(SmartDateRangeBound, { ...props, control: control });
+    return (0, jsx_runtime_1.jsx)(SmartDateRangeVariant, { ...props });
+}
+//# sourceMappingURL=date-range.js.map

package/src/lib/components/date-range/date-range.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-range.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/date-range/date-range.tsx"],"names":[],"mappings":";;AAgEA,wCAIC;;AApED,iCAAoC;AAKpC,kEAAkE;AAClE,wEAAwE;AACxE,uCAAsE;AAMtE,SAAS,qBAAqB,CAAC,EAC7B,OAAO,GAAG,UAAU,EACpB,GAAG,KAAK,EAC6B;IACrC,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,UAAU;YACb,OAAO,uBAAC,4CAAsB,OAAK,KAAK,GAAI,CAAC;QAC/C,KAAK,QAAQ;YACX,OAAO,uBAAC,wCAAoB,OAAK,KAAK,GAAI,CAAC;QAC7C;YACE,OAAO,IAAI,CAAC;IAChB,CAAC;AACH,CAAC;AAED;;;;GAIG;AACH,SAAS,mBAAmB,CAAC,EAC3B,OAAO,EACP,aAAa,EACb,GAAG,KAAK,EACiB;IACzB,MAAM,OAAO,GAAG,IAAA,yBAAiB,EAAC,OAAO,CAAC,CAAC;IAC3C,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC;IAErC,MAAM,aAAa,GAAG,IAAA,mBAAW,EAC/B,CAAC,KAA6B,EAAE,EAAE;QAChC,QAAQ,CAAC,KAAK,CAAC,CAAC;QAChB,MAAM,EAAE,CAAC;QACT,aAAa,EAAE,CAAC,KAAK,CAAC,CAAC;IACzB,CAAC,EACD,CAAC,QAAQ,EAAE,MAAM,EAAE,aAAa,CAAC,CAClC,CAAC;IAEF,OAAO,CACL,uBAAC,qBAAqB,OAChB,KAAK,EACT,KAAK,EAAE,OAAO,CAAC,KAAK,IAAI,IAAI,EAC5B,aAAa,EAAE,aAAa,GAC5B,CACH,CAAC;AACJ,CAAC;AAED;;;;;GAKG;AACH,SAAgB,cAAc,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAuB;IACvE,IAAI,OAAO;QAAE,OAAO,uBAAC,mBAAmB,OAAK,KAAK,EAAE,OAAO,EAAE,OAAO,GAAI,CAAC;IAEzE,OAAO,uBAAC,qBAAqB,OAAK,KAAK,GAAI,CAAC;AAC9C,CAAC"}

package/src/lib/components/date-range/date-range.types.d.ts

@@ -0,0 +1,65 @@
+import type moment from 'moment';
+import { IDateRange } from '@smartsoft001/domain-core';
+import { SmartAbstractControl } from '../../forms';
+export type DateRangeVariantName = 'standard' | 'preset';
+/** The quick-pick buttons of the date-range modal. */
+export declare enum FilterBtnConstants {
+    empthyString = "",
+    today = "Today",
+    yesterday = "Yesterday",
+    lastSevenDays = "LastSevenDays",
+    lastThirtyDays = "LastThirtyDays",
+    thisMonth = "ThisMonth",
+    lastMonth = "LastMonth"
+}
+/** What the date-range modal applies, and is reopened with. */
+export interface CalendarState {
+    dateFrom: moment.Moment | null;
+    dateTo: moment.Moment | null;
+    scrollPosition: number;
+    selectedButtonName: FilterBtnConstants;
+}
+/**
+ * Props of the date-range variants (the Angular `DateRangeBaseComponent`):
+ * the `ngModel` model becomes the controlled `value` + `onValueChange` pair.
+ */
+export interface SmartDateRangeVariantProps {
+    /**
+     * The range (Angular `ngModel`). `undefined` leaves the component
+     * uncontrolled, starting from `defaultValue`; `null` is an empty controlled
+     * value.
+     */
+    value?: IDateRange | null;
+    /** The initial range when uncontrolled. */
+    defaultValue?: IDateRange | null;
+    /**
+     * Emits the applied range, or `undefined` once cleared (Angular
+     * `ngModelChange`).
+     */
+    onValueChange?: (value: IDateRange | undefined) => void;
+    className?: string;
+}
+/** Props of `<SmartDateRange>` (the Angular `DateRangeComponent`). */
+export interface SmartDateRangeProps extends SmartDateRangeVariantProps {
+    variant?: DateRangeVariantName;
+    /**
+     * Binds the range to a form control, as `[formControl]` did through the
+     * Angular `ControlValueAccessor`: the control's value is shown, a change
+     * sets it and marks the control dirty and touched.
+     */
+    control?: SmartAbstractControl;
+}
+/**
+ * Props of the date-range modal (the Angular `DateRangeModalBaseComponent`,
+ * `<smart-date-range-modal-standard>`).
+ */
+export interface SmartDateRangeModalProps {
+    /** Shows the quick-pick buttons (today, last 7 days, ...). */
+    showFilterBtns?: boolean;
+    /** When set, only a range of exactly this many days can be applied. */
+    restrictSelectionTo?: number;
+    /** The state the modal opens with; without `dateFrom` it selects today. */
+    previousState?: CalendarState;
+    onApply?: (state: CalendarState) => void;
+    onDismiss?: () => void;
+}

package/src/lib/components/date-range/date-range.types.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FilterBtnConstants = void 0;
+/** The quick-pick buttons of the date-range modal. */
+var FilterBtnConstants;
+(function (FilterBtnConstants) {
+    FilterBtnConstants["empthyString"] = "";
+    FilterBtnConstants["today"] = "Today";
+    FilterBtnConstants["yesterday"] = "Yesterday";
+    FilterBtnConstants["lastSevenDays"] = "LastSevenDays";
+    FilterBtnConstants["lastThirtyDays"] = "LastThirtyDays";
+    FilterBtnConstants["thisMonth"] = "ThisMonth";
+    FilterBtnConstants["lastMonth"] = "LastMonth";
+})(FilterBtnConstants || (exports.FilterBtnConstants = FilterBtnConstants = {}));
+//# sourceMappingURL=date-range.types.js.map

package/src/lib/components/date-range/date-range.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-range.types.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/date-range/date-range.types.ts"],"names":[],"mappings":";;;AAQA,sDAAsD;AACtD,IAAY,kBAQX;AARD,WAAY,kBAAkB;IAC5B,uCAAiB,CAAA;IACjB,qCAAe,CAAA;IACf,6CAAuB,CAAA;IACvB,qDAA+B,CAAA;IAC/B,uDAAiC,CAAA;IACjC,6CAAuB,CAAA;IACvB,6CAAuB,CAAA;AACzB,CAAC,EARW,kBAAkB,kCAAlB,kBAAkB,QAQ7B"}

package/src/lib/components/date-range/index.d.ts

@@ -0,0 +1,8 @@
+export * from './date-range';
+export * from './date-range.types';
+export * from './preset/date-range-preset';
+export * from './preset/preset-classes';
+export * from './standard/date-range-modal-standard';
+export * from './standard/date-range-standard';
+export * from './use-date-range';
+export * from './use-date-range-modal';

package/src/lib/components/date-range/index.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./date-range"), exports);
+tslib_1.__exportStar(require("./date-range.types"), exports);
+tslib_1.__exportStar(require("./preset/date-range-preset"), exports);
+tslib_1.__exportStar(require("./preset/preset-classes"), exports);
+tslib_1.__exportStar(require("./standard/date-range-modal-standard"), exports);
+tslib_1.__exportStar(require("./standard/date-range-standard"), exports);
+tslib_1.__exportStar(require("./use-date-range"), exports);
+tslib_1.__exportStar(require("./use-date-range-modal"), exports);
+//# sourceMappingURL=index.js.map

package/src/lib/components/date-range/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/date-range/index.ts"],"names":[],"mappings":";;;AAAA,uDAA6B;AAC7B,6DAAmC;AACnC,qEAA2C;AAC3C,kEAAwC;AACxC,+EAAqD;AACrD,yEAA+C;AAC/C,2DAAiC;AACjC,iEAAuC"}

package/src/lib/components/date-range/preset/date-range-preset.d.ts

@@ -0,0 +1,10 @@
+import { SmartDateRangeVariantProps } from '../date-range.types';
+/**
+ * Styled date-range variation (preset) based on the Preline "single calendar
+ * range" datepicker (`<smart-date-range-preset>`). Rendered by
+ * `<SmartDateRange>` for `variant="preset"`, or usable directly.
+ *
+ * The trigger opens a popover calendar: pick a start and an end day (the
+ * range is highlighted), then apply or cancel.
+ */
+export declare function SmartDateRangePreset(props: SmartDateRangeVariantProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/components/date-range/preset/date-range-preset.js

@@ -0,0 +1,112 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartDateRangePreset = SmartDateRangePreset;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const moment_1 = tslib_1.__importDefault(require("moment"));
+const react_1 = require("react");
+const hooks_1 = require("../../../providers/hooks");
+const class_names_1 = require("../../../utils/class-names");
+const date_range_types_1 = require("../date-range.types");
+const use_date_range_1 = require("../use-date-range");
+const preset_classes_1 = require("./preset-classes");
+const WEEKDAYS = ['Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa', 'Su'];
+/** A 6-week grid (Monday first), padded with adjacent-month days. */
+function getWeeks(month) {
+    const gridStart = month.clone().startOf('month').startOf('isoWeek');
+    const gridEnd = month.clone().endOf('month').endOf('isoWeek');
+    const days = [];
+    const cursor = gridStart.clone();
+    while (cursor.isSameOrBefore(gridEnd, 'day')) {
+        days.push(cursor.clone());
+        cursor.add(1, 'day');
+    }
+    const result = [];
+    for (let i = 0; i < days.length; i += 7) {
+        result.push(days.slice(i, i + 7));
+    }
+    return result;
+}
+/**
+ * Styled date-range variation (preset) based on the Preline "single calendar
+ * range" datepicker (`<smart-date-range-preset>`). Rendered by
+ * `<SmartDateRange>` for `variant="preset"`, or usable directly.
+ *
+ * The trigger opens a popover calendar: pick a start and an end day (the
+ * range is highlighted), then apply or cancel.
+ */
+function SmartDateRangePreset(props) {
+    const { className } = props;
+    const t = (0, hooks_1.useTranslate)();
+    const { value, isOpen, onClick, onModalApply, onModalDismiss, onClear } = (0, use_date_range_1.useDateRange)(props);
+    const [currentMonth, setCurrentMonth] = (0, react_1.useState)(() => (0, moment_1.default)());
+    const [rangeStart, setRangeStart] = (0, react_1.useState)(null);
+    const [rangeEnd, setRangeEnd] = (0, react_1.useState)(null);
+    const months = moment_1.default.months().map((name, index) => ({ index, name }));
+    const years = [];
+    for (let y = currentMonth.year() - 6; y <= currentMonth.year() + 6; y++) {
+        years.push(y);
+    }
+    const weeks = (0, react_1.useMemo)(() => getWeeks(currentMonth), [currentMonth]);
+    const open = () => {
+        onClick();
+        setRangeStart(value?.start ? (0, moment_1.default)(value.start) : null);
+        setRangeEnd(value?.end ? (0, moment_1.default)(value.end) : null);
+        setCurrentMonth(value?.start ? (0, moment_1.default)(value.start) : (0, moment_1.default)());
+    };
+    const selectDay = (day) => {
+        if (!rangeStart || (rangeStart && rangeEnd)) {
+            setRangeStart(day.clone());
+            setRangeEnd(null);
+        }
+        else if (day.isBefore(rangeStart, 'day')) {
+            setRangeEnd(rangeStart);
+            setRangeStart(day.clone());
+        }
+        else {
+            setRangeEnd(day.clone());
+        }
+    };
+    const isStart = (day) => !!rangeStart && day.isSame(rangeStart, 'day');
+    const isEnd = (day) => !!rangeEnd && day.isSame(rangeEnd, 'day');
+    const isInRange = (day) => !!rangeStart &&
+        !!rangeEnd &&
+        day.isAfter(rangeStart, 'day') &&
+        day.isBefore(rangeEnd, 'day');
+    const dayButtonClasses = (day) => {
+        if (isStart(day) || isEnd(day))
+            return preset_classes_1.DATE_RANGE_PRESET_DAY_SELECTED;
+        if (!day.isSame(currentMonth, 'month'))
+            return preset_classes_1.DATE_RANGE_PRESET_DAY_MUTED;
+        return preset_classes_1.DATE_RANGE_PRESET_DAY_DEFAULT;
+    };
+    const dayWrapperClasses = (day) => {
+        if (!rangeEnd)
+            return undefined;
+        if (!isStart(day) && !isEnd(day) && !isInRange(day))
+            return undefined;
+        return (0, class_names_1.cn)(preset_classes_1.DATE_RANGE_PRESET_RANGE_BG, isStart(day) && 'smart:rounded-s-full', isEnd(day) && 'smart:rounded-e-full');
+    };
+    const apply = () => {
+        if (!rangeStart) {
+            onModalDismiss();
+            return;
+        }
+        onModalApply({
+            dateFrom: rangeStart,
+            dateTo: rangeEnd ?? rangeStart,
+            scrollPosition: 0,
+            selectedButtonName: date_range_types_1.FilterBtnConstants.empthyString,
+        });
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, class_names_1.cn)('smart:relative smart:inline-block', className), children: [(0, jsx_runtime_1.jsxs)("div", { className: "smart:inline-flex smart:items-center smart:gap-2", children: [(0, jsx_runtime_1.jsxs)("button", { type: "button", className: preset_classes_1.DATE_RANGE_PRESET_TRIGGER, onClick: open, "data-role": "trigger", children: [(0, jsx_runtime_1.jsx)("svg", { className: "smart:size-5 smart:text-gray-400", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", d: "M5.75 2a.75.75 0 0 1 .75.75V4h7V2.75a.75.75 0 0 1 1.5 0V4h.25A2.75 2.75 0 0 1 18 6.75v8.5A2.75 2.75 0 0 1 15.25 18H4.75A2.75 2.75 0 0 1 2 15.25v-8.5A2.75 2.75 0 0 1 4.75 4H5V2.75A.75.75 0 0 1 5.75 2Zm-1 5.5c-.69 0-1.25.56-1.25 1.25v6.5c0 .69.56 1.25 1.25 1.25h10.5c.69 0 1.25-.56 1.25-1.25v-6.5c0-.69-.56-1.25-1.25-1.25H4.75Z", clipRule: "evenodd" }) }), value && value.start && value.end
+                                ? value.start + ' - ' + value.end
+                                : t('select')] }), value && ((0, jsx_runtime_1.jsx)("button", { type: "button", className: preset_classes_1.DATE_RANGE_PRESET_CLEAR, onClick: onClear, "aria-label": "Clear", "data-role": "clear", children: (0, jsx_runtime_1.jsx)("svg", { className: "smart:size-4", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", children: (0, jsx_runtime_1.jsx)("path", { d: "M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z" }) }) }))] }), isOpen && ((0, jsx_runtime_1.jsxs)("div", { className: preset_classes_1.DATE_RANGE_PRESET_POPOVER, role: "dialog", "aria-label": "Select date range", children: [(0, jsx_runtime_1.jsxs)("div", { className: "smart:p-3 smart:space-y-0.5", children: [(0, jsx_runtime_1.jsxs)("div", { className: "smart:grid smart:grid-cols-5 smart:items-center smart:gap-x-3 smart:mx-1.5 smart:pb-3", children: [(0, jsx_runtime_1.jsx)("div", { className: "smart:col-span-1", children: (0, jsx_runtime_1.jsx)("button", { type: "button", className: preset_classes_1.DATE_RANGE_PRESET_NAV_BUTTON, onClick: () => setCurrentMonth((m) => m.clone().subtract(1, 'month')), "aria-label": "Previous", "data-role": "prev", children: (0, jsx_runtime_1.jsx)("svg", { className: "smart:shrink-0 smart:size-4", xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: (0, jsx_runtime_1.jsx)("path", { d: "m15 18-6-6 6-6" }) }) }) }), (0, jsx_runtime_1.jsxs)("div", { className: "smart:col-span-3 smart:flex smart:justify-center smart:items-center smart:gap-x-1", children: [(0, jsx_runtime_1.jsx)("select", { className: preset_classes_1.DATE_RANGE_PRESET_SELECT, value: currentMonth.month(), onChange: (event) => {
+                                                    const month = Number(event.target.value);
+                                                    setCurrentMonth((m) => m.clone().month(month));
+                                                }, "aria-label": "Select month", "data-role": "month", children: months.map((month) => ((0, jsx_runtime_1.jsx)("option", { value: month.index, children: month.name }, month.index))) }), (0, jsx_runtime_1.jsx)("span", { className: "smart:text-gray-800 smart:dark:text-gray-200", children: "/" }), (0, jsx_runtime_1.jsx)("select", { className: preset_classes_1.DATE_RANGE_PRESET_SELECT, value: currentMonth.year(), onChange: (event) => {
+                                                    const year = Number(event.target.value);
+                                                    setCurrentMonth((m) => m.clone().year(year));
+                                                }, "aria-label": "Select year", "data-role": "year", children: years.map((year) => ((0, jsx_runtime_1.jsx)("option", { value: year, children: year }, year))) })] }), (0, jsx_runtime_1.jsx)("div", { className: "smart:col-span-1 smart:flex smart:justify-end", children: (0, jsx_runtime_1.jsx)("button", { type: "button", className: preset_classes_1.DATE_RANGE_PRESET_NAV_BUTTON, onClick: () => setCurrentMonth((m) => m.clone().add(1, 'month')), "aria-label": "Next", "data-role": "next", children: (0, jsx_runtime_1.jsx)("svg", { className: "smart:shrink-0 smart:size-4", xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: (0, jsx_runtime_1.jsx)("path", { d: "m9 18 6-6-6-6" }) }) }) })] }), (0, jsx_runtime_1.jsx)("div", { className: "smart:flex smart:pb-1.5", children: WEEKDAYS.map((weekday) => ((0, jsx_runtime_1.jsx)("span", { className: preset_classes_1.DATE_RANGE_PRESET_WEEKDAY, children: weekday }, weekday))) }), weeks.map((week, index) => ((0, jsx_runtime_1.jsx)("div", { className: "smart:flex", children: week.map((day) => ((0, jsx_runtime_1.jsx)("div", { className: dayWrapperClasses(day), children: (0, jsx_runtime_1.jsx)("button", { type: "button", className: dayButtonClasses(day), onClick: () => selectDay(day), "data-role": "day", children: day.date() }) }, day.valueOf()))) }, index)))] }), (0, jsx_runtime_1.jsxs)("div", { className: preset_classes_1.DATE_RANGE_PRESET_FOOTER, children: [(0, jsx_runtime_1.jsx)("button", { type: "button", className: preset_classes_1.DATE_RANGE_PRESET_CANCEL_BUTTON, onClick: onModalDismiss, "data-role": "cancel", children: t('cancel') }), (0, jsx_runtime_1.jsx)("button", { type: "button", className: preset_classes_1.DATE_RANGE_PRESET_APPLY_BUTTON, disabled: !rangeStart, onClick: apply, "data-role": "apply", children: t('select') })] })] }))] }));
+}
+//# sourceMappingURL=date-range-preset.js.map

package/src/lib/components/date-range/preset/date-range-preset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-range-preset.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/date-range/preset/date-range-preset.tsx"],"names":[],"mappings":"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"}

package/src/lib/components/date-range/preset/preset-classes.d.ts

@@ -0,0 +1,13 @@
+export declare const DATE_RANGE_PRESET_TRIGGER: string;
+export declare const DATE_RANGE_PRESET_CLEAR: string;
+export declare const DATE_RANGE_PRESET_POPOVER: string;
+export declare const DATE_RANGE_PRESET_NAV_BUTTON: string;
+export declare const DATE_RANGE_PRESET_SELECT: string;
+export declare const DATE_RANGE_PRESET_WEEKDAY: string;
+export declare const DATE_RANGE_PRESET_DAY_DEFAULT: string;
+export declare const DATE_RANGE_PRESET_DAY_MUTED: string;
+export declare const DATE_RANGE_PRESET_DAY_SELECTED: string;
+export declare const DATE_RANGE_PRESET_RANGE_BG = "smart:bg-blue-100 smart:dark:bg-blue-900/30";
+export declare const DATE_RANGE_PRESET_FOOTER: string;
+export declare const DATE_RANGE_PRESET_CANCEL_BUTTON: string;
+export declare const DATE_RANGE_PRESET_APPLY_BUTTON: string;