@smartsoft001/react 0.0.0-stage → 2.193.0

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

@@ -0,0 +1,202 @@
+"use strict";
+// Class recipes for the date-range "preset" variation. Every Preline semantic
+// token from FRA-219 is translated to `smart:`-prefixed vanilla Tailwind palette
+// classes with explicit `dark:` variants (Preline is not installed in the fork).
+// Symbols are component-prefixed so they cannot collide across the barrel.
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DATE_RANGE_PRESET_APPLY_BUTTON = exports.DATE_RANGE_PRESET_CANCEL_BUTTON = exports.DATE_RANGE_PRESET_FOOTER = exports.DATE_RANGE_PRESET_RANGE_BG = exports.DATE_RANGE_PRESET_DAY_SELECTED = exports.DATE_RANGE_PRESET_DAY_MUTED = exports.DATE_RANGE_PRESET_DAY_DEFAULT = exports.DATE_RANGE_PRESET_WEEKDAY = exports.DATE_RANGE_PRESET_SELECT = exports.DATE_RANGE_PRESET_NAV_BUTTON = exports.DATE_RANGE_PRESET_POPOVER = exports.DATE_RANGE_PRESET_CLEAR = exports.DATE_RANGE_PRESET_TRIGGER = void 0;
+exports.DATE_RANGE_PRESET_TRIGGER = [
+    'smart:inline-flex',
+    'smart:items-center',
+    'smart:gap-2',
+    'smart:rounded-lg',
+    'smart:border',
+    'smart:border-gray-200',
+    'smart:bg-white',
+    'smart:px-3',
+    'smart:py-2',
+    'smart:text-sm',
+    'smart:font-medium',
+    'smart:text-gray-700',
+    'smart:shadow-2xs',
+    'smart:hover:bg-gray-100',
+    'smart:dark:bg-gray-800',
+    'smart:dark:border-gray-700',
+    'smart:dark:text-gray-200',
+    'smart:dark:hover:bg-gray-700',
+    'smart:cursor-pointer',
+].join(' ');
+exports.DATE_RANGE_PRESET_CLEAR = [
+    'smart:text-gray-400',
+    'smart:hover:text-gray-600',
+    'smart:p-1',
+    'smart:rounded',
+    'smart:dark:text-gray-500',
+    'smart:dark:hover:text-gray-300',
+    'smart:cursor-pointer',
+].join(' ');
+// `bg-dropdown` + `border-dropdown-line` + `shadow-lg` + `rounded-xl`
+exports.DATE_RANGE_PRESET_POPOVER = [
+    'smart:absolute',
+    'smart:z-50',
+    'smart:mt-2',
+    'smart:w-80',
+    'smart:flex',
+    'smart:flex-col',
+    'smart:bg-white',
+    'smart:dark:bg-gray-800',
+    'smart:border',
+    'smart:border-gray-200',
+    'smart:dark:border-gray-700',
+    'smart:shadow-lg',
+    'smart:rounded-xl',
+    'smart:overflow-hidden',
+].join(' ');
+// Prev / next navigation buttons (`hover:bg-muted-hover`, `focus:bg-muted-focus`)
+exports.DATE_RANGE_PRESET_NAV_BUTTON = [
+    'smart:size-8',
+    'smart:flex',
+    'smart:justify-center',
+    'smart:items-center',
+    'smart:text-gray-800',
+    'smart:dark:text-gray-200',
+    'smart:hover:bg-gray-100',
+    'smart:dark:hover:bg-gray-700',
+    'smart:rounded-full',
+    'smart:disabled:opacity-50',
+    'smart:disabled:pointer-events-none',
+    'smart:focus:outline-none',
+    'smart:focus:bg-gray-100',
+    'smart:dark:focus:bg-gray-700',
+    'smart:cursor-pointer',
+].join(' ');
+// `text-foreground` month/year selects (Preline hs-select replaced by native select)
+exports.DATE_RANGE_PRESET_SELECT = [
+    'smart:text-sm',
+    'smart:font-medium',
+    'smart:text-gray-800',
+    'smart:dark:text-gray-200',
+    'smart:bg-transparent',
+    'smart:rounded-md',
+    'smart:py-1',
+    'smart:px-1.5',
+    'smart:hover:text-blue-600',
+    'smart:dark:hover:text-blue-400',
+    'smart:focus:outline-none',
+    'smart:cursor-pointer',
+].join(' ');
+// `text-muted-foreground-1` weekday labels
+exports.DATE_RANGE_PRESET_WEEKDAY = [
+    'smart:m-px',
+    'smart:w-10',
+    'smart:block',
+    'smart:text-center',
+    'smart:text-sm',
+    'smart:text-gray-500',
+    'smart:dark:text-gray-400',
+].join(' ');
+const DATE_RANGE_PRESET_DAY_LAYOUT = [
+    'smart:m-px',
+    'smart:size-10',
+    'smart:flex',
+    'smart:justify-center',
+    'smart:items-center',
+    'smart:border-[1.5px]',
+    'smart:border-transparent',
+    'smart:text-sm',
+    'smart:rounded-full',
+    'smart:focus:outline-none',
+    'smart:cursor-pointer',
+].join(' ');
+// Default day (`text-foreground`, hover `border-primary-hover` / `text-primary-hover`)
+exports.DATE_RANGE_PRESET_DAY_DEFAULT = [
+    DATE_RANGE_PRESET_DAY_LAYOUT,
+    'smart:text-gray-800',
+    'smart:dark:text-gray-200',
+    'smart:hover:border-blue-600',
+    'smart:hover:text-blue-600',
+    'smart:dark:hover:border-blue-500',
+    'smart:dark:hover:text-blue-400',
+    'smart:focus:border-blue-600',
+    'smart:focus:text-blue-600',
+].join(' ');
+// Out-of-month / muted day (`text-muted-foreground`)
+exports.DATE_RANGE_PRESET_DAY_MUTED = [
+    DATE_RANGE_PRESET_DAY_LAYOUT,
+    'smart:text-gray-400',
+    'smart:dark:text-gray-600',
+    'smart:hover:border-blue-600',
+    'smart:hover:text-blue-600',
+    'smart:focus:border-blue-600',
+].join(' ');
+// Selected range endpoints (`bg-primary`, `text-primary-foreground`)
+exports.DATE_RANGE_PRESET_DAY_SELECTED = [
+    DATE_RANGE_PRESET_DAY_LAYOUT,
+    'smart:font-medium',
+    'smart:bg-blue-600',
+    'smart:text-white',
+    'smart:dark:bg-blue-500',
+    'smart:hover:border-blue-700',
+    'smart:focus:border-blue-700',
+].join(' ');
+// In-range surface band (`bg-surface`)
+exports.DATE_RANGE_PRESET_RANGE_BG = 'smart:bg-blue-100 smart:dark:bg-blue-900/30';
+// `border-dropdown-divider` footer
+exports.DATE_RANGE_PRESET_FOOTER = [
+    'smart:py-3',
+    'smart:px-4',
+    'smart:flex',
+    'smart:items-center',
+    'smart:justify-end',
+    'smart:gap-x-2',
+    'smart:border-t',
+    'smart:border-gray-200',
+    'smart:dark:border-gray-700',
+].join(' ');
+// `bg-layer` cancel button
+exports.DATE_RANGE_PRESET_CANCEL_BUTTON = [
+    'smart:py-2',
+    'smart:px-3',
+    'smart:inline-flex',
+    'smart:items-center',
+    'smart:gap-x-2',
+    'smart:text-xs',
+    'smart:font-medium',
+    'smart:rounded-lg',
+    'smart:bg-white',
+    'smart:dark:bg-gray-800',
+    'smart:border',
+    'smart:border-gray-200',
+    'smart:dark:border-gray-700',
+    'smart:text-gray-800',
+    'smart:dark:text-gray-200',
+    'smart:shadow-2xs',
+    'smart:hover:bg-gray-100',
+    'smart:dark:hover:bg-gray-700',
+    'smart:focus:outline-none',
+    'smart:cursor-pointer',
+].join(' ');
+// `bg-primary` apply button
+exports.DATE_RANGE_PRESET_APPLY_BUTTON = [
+    'smart:py-2',
+    'smart:px-3',
+    'smart:inline-flex',
+    'smart:justify-center',
+    'smart:items-center',
+    'smart:gap-x-2',
+    'smart:text-xs',
+    'smart:font-medium',
+    'smart:rounded-lg',
+    'smart:border-[1.5px]',
+    'smart:border-transparent',
+    'smart:bg-blue-600',
+    'smart:text-white',
+    'smart:dark:bg-blue-500',
+    'smart:hover:bg-blue-700',
+    'smart:dark:hover:bg-blue-600',
+    'smart:disabled:opacity-50',
+    'smart:disabled:pointer-events-none',
+    'smart:focus:outline-none',
+    'smart:cursor-pointer',
+].join(' ');
+//# sourceMappingURL=preset-classes.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"preset-classes.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/date-range/preset/preset-classes.ts"],"names":[],"mappings":";AAAA,8EAA8E;AAC9E,iFAAiF;AACjF,iFAAiF;AACjF,2EAA2E;;;AAE9D,QAAA,yBAAyB,GAAG;IACvC,mBAAmB;IACnB,oBAAoB;IACpB,aAAa;IACb,kBAAkB;IAClB,cAAc;IACd,uBAAuB;IACvB,gBAAgB;IAChB,YAAY;IACZ,YAAY;IACZ,eAAe;IACf,mBAAmB;IACnB,qBAAqB;IACrB,kBAAkB;IAClB,yBAAyB;IACzB,wBAAwB;IACxB,4BAA4B;IAC5B,0BAA0B;IAC1B,8BAA8B;IAC9B,sBAAsB;CACvB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEC,QAAA,uBAAuB,GAAG;IACrC,qBAAqB;IACrB,2BAA2B;IAC3B,WAAW;IACX,eAAe;IACf,0BAA0B;IAC1B,gCAAgC;IAChC,sBAAsB;CACvB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ,sEAAsE;AACzD,QAAA,yBAAyB,GAAG;IACvC,gBAAgB;IAChB,YAAY;IACZ,YAAY;IACZ,YAAY;IACZ,YAAY;IACZ,gBAAgB;IAChB,gBAAgB;IAChB,wBAAwB;IACxB,cAAc;IACd,uBAAuB;IACvB,4BAA4B;IAC5B,iBAAiB;IACjB,kBAAkB;IAClB,uBAAuB;CACxB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ,kFAAkF;AACrE,QAAA,4BAA4B,GAAG;IAC1C,cAAc;IACd,YAAY;IACZ,sBAAsB;IACtB,oBAAoB;IACpB,qBAAqB;IACrB,0BAA0B;IAC1B,yBAAyB;IACzB,8BAA8B;IAC9B,oBAAoB;IACpB,2BAA2B;IAC3B,oCAAoC;IACpC,0BAA0B;IAC1B,yBAAyB;IACzB,8BAA8B;IAC9B,sBAAsB;CACvB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ,qFAAqF;AACxE,QAAA,wBAAwB,GAAG;IACtC,eAAe;IACf,mBAAmB;IACnB,qBAAqB;IACrB,0BAA0B;IAC1B,sBAAsB;IACtB,kBAAkB;IAClB,YAAY;IACZ,cAAc;IACd,2BAA2B;IAC3B,gCAAgC;IAChC,0BAA0B;IAC1B,sBAAsB;CACvB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ,2CAA2C;AAC9B,QAAA,yBAAyB,GAAG;IACvC,YAAY;IACZ,YAAY;IACZ,aAAa;IACb,mBAAmB;IACnB,eAAe;IACf,qBAAqB;IACrB,0BAA0B;CAC3B,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ,MAAM,4BAA4B,GAAG;IACnC,YAAY;IACZ,eAAe;IACf,YAAY;IACZ,sBAAsB;IACtB,oBAAoB;IACpB,sBAAsB;IACtB,0BAA0B;IAC1B,eAAe;IACf,oBAAoB;IACpB,0BAA0B;IAC1B,sBAAsB;CACvB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ,uFAAuF;AAC1E,QAAA,6BAA6B,GAAG;IAC3C,4BAA4B;IAC5B,qBAAqB;IACrB,0BAA0B;IAC1B,6BAA6B;IAC7B,2BAA2B;IAC3B,kCAAkC;IAClC,gCAAgC;IAChC,6BAA6B;IAC7B,2BAA2B;CAC5B,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ,qDAAqD;AACxC,QAAA,2BAA2B,GAAG;IACzC,4BAA4B;IAC5B,qBAAqB;IACrB,0BAA0B;IAC1B,6BAA6B;IAC7B,2BAA2B;IAC3B,6BAA6B;CAC9B,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ,qEAAqE;AACxD,QAAA,8BAA8B,GAAG;IAC5C,4BAA4B;IAC5B,mBAAmB;IACnB,mBAAmB;IACnB,kBAAkB;IAClB,wBAAwB;IACxB,6BAA6B;IAC7B,6BAA6B;CAC9B,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ,uCAAuC;AAC1B,QAAA,0BAA0B,GACrC,6CAA6C,CAAC;AAEhD,mCAAmC;AACtB,QAAA,wBAAwB,GAAG;IACtC,YAAY;IACZ,YAAY;IACZ,YAAY;IACZ,oBAAoB;IACpB,mBAAmB;IACnB,eAAe;IACf,gBAAgB;IAChB,uBAAuB;IACvB,4BAA4B;CAC7B,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ,2BAA2B;AACd,QAAA,+BAA+B,GAAG;IAC7C,YAAY;IACZ,YAAY;IACZ,mBAAmB;IACnB,oBAAoB;IACpB,eAAe;IACf,eAAe;IACf,mBAAmB;IACnB,kBAAkB;IAClB,gBAAgB;IAChB,wBAAwB;IACxB,cAAc;IACd,uBAAuB;IACvB,4BAA4B;IAC5B,qBAAqB;IACrB,0BAA0B;IAC1B,kBAAkB;IAClB,yBAAyB;IACzB,8BAA8B;IAC9B,0BAA0B;IAC1B,sBAAsB;CACvB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ,4BAA4B;AACf,QAAA,8BAA8B,GAAG;IAC5C,YAAY;IACZ,YAAY;IACZ,mBAAmB;IACnB,sBAAsB;IACtB,oBAAoB;IACpB,eAAe;IACf,eAAe;IACf,mBAAmB;IACnB,kBAAkB;IAClB,sBAAsB;IACtB,0BAA0B;IAC1B,mBAAmB;IACnB,kBAAkB;IAClB,wBAAwB;IACxB,yBAAyB;IACzB,8BAA8B;IAC9B,2BAA2B;IAC3B,oCAAoC;IACpC,0BAA0B;IAC1B,sBAAsB;CACvB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC"}

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

@@ -0,0 +1,8 @@
+import { SmartDateRangeModalProps } from '../date-range.types';
+/**
+ * The date-range picker modal (`<smart-date-range-modal-standard>`): a
+ * scrollable calendar of the months around today. Rendered inline by
+ * `<SmartDateRangeStandard>`, as in Angular; it is `fixed` positioned, and a
+ * backdrop click or the close button dismisses it.
+ */
+export declare function SmartDateRangeModalStandard(props: SmartDateRangeModalProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartDateRangeModalStandard = SmartDateRangeModalStandard;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const hooks_1 = require("../../../providers/hooks");
+const class_names_1 = require("../../../utils/class-names");
+const use_date_range_modal_1 = require("../use-date-range-modal");
+function filterButtonClasses(selected) {
+    return (0, class_names_1.cn)('smart:px-3 smart:py-1.5 smart:rounded-full smart:text-sm smart:text-center smart:font-medium smart:cursor-pointer', selected
+        ? 'smart:bg-indigo-600 smart:text-white'
+        : 'smart:bg-gray-100 smart:text-gray-700 smart:dark:bg-gray-800 smart:dark:text-gray-300');
+}
+/**
+ * The date-range picker modal (`<smart-date-range-modal-standard>`): a
+ * scrollable calendar of the months around today. Rendered inline by
+ * `<SmartDateRangeStandard>`, as in Angular; it is `fixed` positioned, and a
+ * backdrop click or the close button dismisses it.
+ */
+function SmartDateRangeModalStandard(props) {
+    const { showFilterBtns = false, restrictSelectionTo = 0 } = props;
+    const t = (0, hooks_1.useTranslate)();
+    const { elementRef, calendar, dateForm, selectedButtonName, isSelectionInRestrictedRange, selectToday, selectYesterday, selectLastSevenDays, selectLastThirtyDays, selectThisMonth, selectLastMonth, onDayClick, isInRange, isSelectionStart, isSelectionEnd, isStartAndEndDateSame, dismissPage, applyDates, } = (0, use_date_range_modal_1.useDateRangeModal)(props);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "smart:fixed smart:inset-0 smart:bg-black/50 smart:z-40", onClick: dismissPage }), (0, jsx_runtime_1.jsxs)("div", { ref: elementRef, className: "smart:fixed smart:inset-x-4 smart:top-16 smart:bottom-4 smart:z-50 smart:rounded-xl smart:bg-white smart:shadow-xl smart:flex smart:flex-col smart:dark:bg-gray-900", children: [(0, jsx_runtime_1.jsxs)("div", { className: "smart:flex smart:items-center smart:justify-between smart:px-4 smart:py-3 smart:border-b smart:border-gray-200 smart:dark:border-gray-700", children: [(0, jsx_runtime_1.jsx)("span", { className: "smart:text-sm smart:text-gray-600 smart:dark:text-gray-300", children: dateForm.dateFrom
+                                    ? dateForm.dateFrom + ' - ' + dateForm.dateTo
+                                    : '' }), (0, jsx_runtime_1.jsx)("button", { type: "button", className: "smart:text-gray-400 smart:hover:text-gray-600 smart:p-1 smart:rounded smart:dark:text-gray-500 smart:dark:hover:text-gray-300", onClick: dismissPage, children: (0, jsx_runtime_1.jsx)("svg", { className: "smart:size-5", 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" }) }) })] }), showFilterBtns && ((0, jsx_runtime_1.jsxs)("div", { className: "smart:grid smart:grid-rows-2 smart:grid-cols-3 smart:w-full smart:mx-auto smart:gap-x-2.5 smart:gap-y-2 smart:p-4", children: [(0, jsx_runtime_1.jsx)("button", { type: "button", onClick: selectToday, className: filterButtonClasses(selectedButtonName === 'Today'), children: t('CALENDAR.Today') }), (0, jsx_runtime_1.jsx)("button", { type: "button", onClick: selectLastSevenDays, className: filterButtonClasses(selectedButtonName === 'LastSevenDays'), children: t('CALENDAR.LastSevenDays') }), (0, jsx_runtime_1.jsx)("button", { type: "button", onClick: selectThisMonth, className: filterButtonClasses(selectedButtonName === 'ThisMonth'), children: t('CALENDAR.ThisMonth') }), (0, jsx_runtime_1.jsx)("button", { type: "button", onClick: selectYesterday, className: filterButtonClasses(selectedButtonName === 'Yesterday'), children: t('CALENDAR.Yesterday') }), (0, jsx_runtime_1.jsx)("button", { type: "button", onClick: selectLastThirtyDays, className: filterButtonClasses(selectedButtonName === 'LastThirtyDays'), children: t('CALENDAR.LastThirtyDays') }), (0, jsx_runtime_1.jsx)("button", { type: "button", onClick: selectLastMonth, className: filterButtonClasses(selectedButtonName === 'LastMonth'), children: t('CALENDAR.LastMonth') })] })), (0, jsx_runtime_1.jsxs)("div", { className: "smart:grid smart:grid-cols-7 smart:gap-y-2.5 smart:gap-x-px smart:items-center smart:border-b smart:border-gray-200 smart:h-8 smart:text-center smart:text-xs smart:text-gray-500 smart:bg-gray-50 smart:dark:bg-gray-800 smart:dark:border-gray-700 smart:dark:text-gray-400", children: [(0, jsx_runtime_1.jsx)("div", { children: t('CALENDAR.DAY_OF_WEEK.Sun') }), (0, jsx_runtime_1.jsx)("div", { children: t('CALENDAR.DAY_OF_WEEK.Mon') }), (0, jsx_runtime_1.jsx)("div", { children: t('CALENDAR.DAY_OF_WEEK.Tue') }), (0, jsx_runtime_1.jsx)("div", { children: t('CALENDAR.DAY_OF_WEEK.Wed') }), (0, jsx_runtime_1.jsx)("div", { children: t('CALENDAR.DAY_OF_WEEK.Thu') }), (0, jsx_runtime_1.jsx)("div", { children: t('CALENDAR.DAY_OF_WEEK.Fri') }), (0, jsx_runtime_1.jsx)("div", { children: t('CALENDAR.DAY_OF_WEEK.Sat') })] }), (0, jsx_runtime_1.jsx)("div", { className: "smart:flex-1 smart:overflow-y-auto", children: calendar.map((month) => ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("p", { className: "smart:ml-0 smart:px-4 smart:py-3 smart:text-sm smart:font-medium smart:bg-gray-50 smart:border-t smart:border-b smart:border-gray-200 smart:dark:bg-gray-800 smart:dark:border-gray-700 smart:dark:text-gray-300", children: [t('CALENDAR.MONTH.' + month.monthName), " ", month.year] }), (0, jsx_runtime_1.jsx)("div", { className: "smart:grid smart:grid-cols-7 smart:gap-y-1 smart:gap-x-px smart:items-center smart:px-1", children: month.dates.map((day, index) => ((0, jsx_runtime_1.jsx)("div", { className: (0, class_names_1.cn)('smart:h-8 smart:text-center smart:flex smart:flex-col smart:justify-center smart:items-center smart:text-sm smart:text-gray-600 smart:cursor-pointer smart:hover:bg-gray-100 smart:dark:text-gray-400 smart:dark:hover:bg-gray-800', isSelectionStart(day) &&
+                                            'smart:bg-indigo-600 smart:text-white smart:rounded-l-lg smart:hover:bg-indigo-700', isSelectionEnd(day) &&
+                                            'smart:bg-indigo-600 smart:text-white smart:rounded-r-lg smart:hover:bg-indigo-700', isInRange(day) &&
+                                            'smart:bg-indigo-100 smart:dark:bg-indigo-900/30', isStartAndEndDateSame() && 'smart:rounded-lg'), onClick: () => onDayClick(day), children: day?.date() }, index))) })] }, month.year + '-' + month.number))) }), (0, jsx_runtime_1.jsx)("div", { className: "smart:border-t smart:border-gray-200 smart:p-4 smart:dark:border-gray-700", children: (0, jsx_runtime_1.jsx)("button", { type: "button", className: "smart:w-full smart:rounded-md smart:bg-indigo-600 smart:px-3 smart:py-2 smart:text-sm smart:font-semibold smart:text-white smart:shadow-xs smart:hover:bg-indigo-500 smart:focus-visible:outline-2 smart:focus-visible:outline-offset-2 smart:focus-visible:outline-indigo-600 smart:dark:bg-indigo-500 smart:dark:hover:bg-indigo-400", disabled: !!restrictSelectionTo && !isSelectionInRestrictedRange(), onClick: applyDates, children: t('select') }) })] })] }));
+}
+//# sourceMappingURL=date-range-modal-standard.js.map

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

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

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

@@ -0,0 +1,7 @@
+import { SmartDateRangeVariantProps } from '../date-range.types';
+/**
+ * The default date-range rendering (`<smart-date-range-standard>`): a trigger
+ * showing the range and a clear button; the trigger opens
+ * `<SmartDateRangeModalStandard>`, rendered inline as in Angular.
+ */
+export declare function SmartDateRangeStandard(props: SmartDateRangeVariantProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartDateRangeStandard = SmartDateRangeStandard;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const hooks_1 = require("../../../providers/hooks");
+const class_names_1 = require("../../../utils/class-names");
+const use_date_range_1 = require("../use-date-range");
+const date_range_modal_standard_1 = require("./date-range-modal-standard");
+/**
+ * The default date-range rendering (`<smart-date-range-standard>`): a trigger
+ * showing the range and a clear button; the trigger opens
+ * `<SmartDateRangeModalStandard>`, rendered inline as in Angular.
+ */
+function SmartDateRangeStandard(props) {
+    const { className } = props;
+    const t = (0, hooks_1.useTranslate)();
+    const { value, isOpen, calendarData, onClick, onModalApply, onModalDismiss, onClear, } = (0, use_date_range_1.useDateRange)(props);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: (0, class_names_1.cn)('smart:inline-flex smart:items-center smart:gap-2', className), children: [(0, jsx_runtime_1.jsxs)("button", { type: "button", className: "smart:inline-flex smart:items-center smart:gap-2 smart:rounded-md smart:border smart:border-gray-300 smart:bg-white smart:px-3 smart:py-2 smart:text-sm smart:font-medium smart:text-gray-700 smart:shadow-xs smart:hover:bg-gray-50 smart:dark:bg-gray-800 smart:dark:border-gray-600 smart:dark:text-gray-300 smart:dark:hover:bg-gray-700", onClick: onClick, 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: "smart:text-gray-400 smart:hover:text-gray-600 smart:p-1 smart:rounded smart:dark:text-gray-500 smart:dark:hover:text-gray-300", onClick: onClear, 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.jsx)(date_range_modal_standard_1.SmartDateRangeModalStandard, { previousState: calendarData, onApply: onModalApply, onDismiss: onModalDismiss }))] }));
+}
+//# sourceMappingURL=date-range-standard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"date-range-standard.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/date-range/standard/date-range-standard.tsx"],"names":[],"mappings":";;AAWA,wDAsEC;;AAjFD,oDAAwD;AACxD,4DAAgD;AAEhD,sDAAiD;AACjD,2EAA0E;AAE1E;;;;GAIG;AACH,SAAgB,sBAAsB,CAAC,KAAiC;IACtE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAC5B,MAAM,CAAC,GAAG,IAAA,oBAAY,GAAE,CAAC;IACzB,MAAM,EACJ,KAAK,EACL,MAAM,EACN,YAAY,EACZ,OAAO,EACP,YAAY,EACZ,cAAc,EACd,OAAO,GACR,GAAG,IAAA,6BAAY,EAAC,KAAK,CAAC,CAAC;IAExB,OAAO,CACL,6DACE,iCACE,SAAS,EAAE,IAAA,gBAAE,EACX,kDAAkD,EAClD,SAAS,CACV,aAED,oCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,8UAA8U,EACxV,OAAO,EAAE,OAAO,aAEhB,gCACE,SAAS,EAAC,kCAAkC,EAC5C,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,cAAc,YAEnB,iCACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,uUAAuU,EACzU,QAAQ,EAAC,SAAS,GAClB,GACE,EACL,KAAK,IAAI,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,GAAG;gCAChC,CAAC,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC,GAAG;gCACjC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,IACR,EAER,KAAK,IAAI,CACR,mCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,+HAA+H,EACzI,OAAO,EAAE,OAAO,YAEhB,gCACE,SAAS,EAAC,cAAc,EACxB,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,cAAc,YAEnB,iCAAM,CAAC,EAAC,oLAAoL,GAAG,GAC3L,GACC,CACV,IACG,EAEL,MAAM,IAAI,CACT,uBAAC,uDAA2B,IAC1B,aAAa,EAAE,YAAY,EAC3B,OAAO,EAAE,YAAY,EACrB,SAAS,EAAE,cAAc,GACzB,CACH,IACA,CACJ,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,34 @@
+import moment from 'moment';
+import { FilterBtnConstants, SmartDateRangeModalProps } from './date-range.types';
+/** The Angular modal's `dateForm`: the shown dates and the picked days. */
+export interface DateRangeModalForm {
+    dateFrom: string | null;
+    dateTo: string | null;
+    startDateRef: moment.Moment | null;
+    endDateRef: moment.Moment | null;
+}
+/**
+ * The behaviour of the date-range modal (the Angular
+ * `DateRangeModalBaseComponent`): the scrollable calendar of the
+ * `CalendarService`, the picked range and the quick-pick buttons.
+ */
+export declare function useDateRangeModal({ restrictSelectionTo, previousState, onApply, onDismiss, }: SmartDateRangeModalProps): {
+    elementRef: import("react").RefObject<HTMLDivElement | null>;
+    calendar: import("../../services/calendar/calendar.service").month[];
+    dateForm: DateRangeModalForm;
+    selectedButtonName: FilterBtnConstants;
+    onDayClick: (date: moment.Moment | null) => void;
+    isInRange: (day: moment.Moment | null) => boolean;
+    isSelectionStart: (day: moment.Moment | null) => boolean;
+    isSelectionEnd: (day: moment.Moment | null) => boolean;
+    isStartAndEndDateSame: () => boolean;
+    isSelectionInRestrictedRange: () => boolean;
+    selectToday: () => void;
+    selectYesterday: () => void;
+    selectLastSevenDays: () => void;
+    selectLastThirtyDays: () => void;
+    selectThisMonth: () => void;
+    selectLastMonth: () => void;
+    dismissPage: () => void | undefined;
+    applyDates: () => void;
+};

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

@@ -0,0 +1,200 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDateRangeModal = useDateRangeModal;
+const tslib_1 = require("tslib");
+const moment_1 = tslib_1.__importDefault(require("moment"));
+const react_1 = require("react");
+const date_range_types_1 = require("./date-range.types");
+const hooks_1 = require("../../providers/hooks");
+const calendar_service_1 = require("../../services/calendar/calendar.service");
+const style_service_1 = require("../../services/style/style.service");
+const EMPTY_STATE = {
+    dateFrom: null,
+    dateTo: null,
+    scrollPosition: 0,
+    selectedButtonName: date_range_types_1.FilterBtnConstants.empthyString,
+};
+const EMPTY_FORM = {
+    dateFrom: null,
+    dateTo: null,
+    startDateRef: null,
+    endDateRef: null,
+};
+function formatDate(date) {
+    return date.format('YYYY-MM-DD');
+}
+function setStartDate(form, date) {
+    const formattedDate = formatDate(date);
+    return {
+        ...form,
+        dateFrom: formattedDate,
+        dateTo: formattedDate,
+        startDateRef: date,
+    };
+}
+function setEndDate(form, date) {
+    return { ...form, dateTo: formatDate(date), endDateRef: date };
+}
+function resetDates(form) {
+    return { ...form, startDateRef: null, endDateRef: null };
+}
+/**
+ * A click on `date` (the Angular `subject$` subscriber): once both ends are
+ * set it starts over; a day after the start ends the range, any other day
+ * becomes the new start.
+ */
+function pickDate(form, date) {
+    let next = form;
+    const areBothDatesSelected = !!next.startDateRef && !!next.endDateRef;
+    if (areBothDatesSelected)
+        next = resetDates(next);
+    const { startDateRef } = next;
+    if (!startDateRef)
+        next = setStartDate(next, date);
+    const isFutureDate = date.isAfter(startDateRef);
+    next = isFutureDate ? setEndDate(next, date) : setStartDate(next, date);
+    return next;
+}
+function selectRange(start, end) {
+    return setEndDate(setStartDate(EMPTY_FORM, start), end);
+}
+function getInitialSelection(state) {
+    const { dateFrom, dateTo, selectedButtonName } = state;
+    if (dateFrom) {
+        return {
+            form: {
+                dateFrom: formatDate(dateFrom),
+                dateTo: dateTo ? formatDate(dateTo) : null,
+                startDateRef: dateFrom,
+                endDateRef: dateTo,
+            },
+            selectedButtonName,
+        };
+    }
+    const today = (0, moment_1.default)().clone();
+    return {
+        form: selectRange(today, today),
+        selectedButtonName: date_range_types_1.FilterBtnConstants.today,
+    };
+}
+/**
+ * The behaviour of the date-range modal (the Angular
+ * `DateRangeModalBaseComponent`): the scrollable calendar of the
+ * `CalendarService`, the picked range and the quick-pick buttons.
+ */
+function useDateRangeModal({ restrictSelectionTo = 0, previousState = EMPTY_STATE, onApply, onDismiss, }) {
+    const styleService = (0, hooks_1.useStyleService)();
+    const elementRef = (0, react_1.useRef)(null);
+    const [calendar] = (0, react_1.useState)(() => new calendar_service_1.CalendarService().getCalendar());
+    const [initial] = (0, react_1.useState)(() => getInitialSelection(previousState));
+    const [scrollPositionValue] = (0, react_1.useState)(() => previousState.dateFrom ? previousState.scrollPosition : 0);
+    const [dateForm, setDateForm] = (0, react_1.useState)(initial.form);
+    const [selectedButtonName, setSelectedButtonName] = (0, react_1.useState)(initial.selectedButtonName);
+    // The last picked day: a second click on it is ignored
+    // (`distinctUntilChanged` in Angular).
+    const lastPickedRef = (0, react_1.useRef)(null);
+    // Angular called `styleService.init(this.elementRef)`, writing the
+    // application's style variables on the modal. A local service does the same
+    // without redirecting the shared one to this short-lived element.
+    (0, react_1.useEffect)(() => {
+        new style_service_1.StyleService().init(elementRef.current, styleService.get());
+    }, [styleService]);
+    const onDayClick = (date) => {
+        if (!date)
+            return;
+        if (lastPickedRef.current?.isSame(date, 'day'))
+            return;
+        lastPickedRef.current = date;
+        setSelectedButtonName(date_range_types_1.FilterBtnConstants.empthyString);
+        setDateForm((form) => pickDate(form, date));
+        // Angular then asked `UIService.showAlertWithDismissCallback` to warn
+        // about a range breaking `restrictSelectionTo`; that method is a no-op
+        // (its body is commented out), so the picked range simply stays and the
+        // select button stays disabled.
+    };
+    const selectFilter = (name, start, end) => {
+        setSelectedButtonName(name);
+        setDateForm(selectRange(start, end));
+    };
+    const filterSelectionByDaysAgo = (name, daysAgo) => {
+        const endDate = (0, moment_1.default)().clone();
+        const startDate = endDate.clone().subtract(daysAgo, 'days');
+        selectFilter(name, startDate, endDate);
+    };
+    const selectToday = () => {
+        const today = (0, moment_1.default)().clone();
+        selectFilter(date_range_types_1.FilterBtnConstants.today, today, today);
+    };
+    const selectYesterday = () => {
+        const yesterday = (0, moment_1.default)().clone().subtract(1, 'days');
+        selectFilter(date_range_types_1.FilterBtnConstants.yesterday, yesterday, yesterday);
+    };
+    const selectLastSevenDays = () => filterSelectionByDaysAgo(date_range_types_1.FilterBtnConstants.lastSevenDays, 6);
+    const selectLastThirtyDays = () => filterSelectionByDaysAgo(date_range_types_1.FilterBtnConstants.lastThirtyDays, 29);
+    const selectThisMonth = () => {
+        const firstDay = (0, moment_1.default)().clone().startOf('month');
+        const lastDay = (0, moment_1.default)().clone();
+        selectFilter(date_range_types_1.FilterBtnConstants.thisMonth, firstDay, lastDay);
+    };
+    const selectLastMonth = () => {
+        const lastMonth = (0, moment_1.default)().clone().subtract(1, 'month');
+        const firstDay = lastMonth.clone().startOf('month');
+        const lastDay = lastMonth.clone().endOf('month');
+        selectFilter(date_range_types_1.FilterBtnConstants.lastMonth, firstDay, lastDay);
+    };
+    const isSelectionInRestrictedRange = () => {
+        const { startDateRef, endDateRef } = dateForm;
+        const diff = endDateRef && endDateRef.diff(startDateRef, 'days') + 1;
+        return !!diff && diff === restrictSelectionTo;
+    };
+    const isInRange = (day) => {
+        if (!day)
+            return false;
+        const { startDateRef, endDateRef } = dateForm;
+        return day.isBetween(startDateRef, endDateRef, 'day');
+    };
+    const isSelectionStart = (day) => {
+        if (!day)
+            return false;
+        return day.isSame(dateForm.startDateRef, 'day');
+    };
+    const isSelectionEnd = (day) => {
+        if (!day)
+            return false;
+        const { startDateRef, endDateRef } = dateForm;
+        return (day.isSame(endDateRef, 'day') &&
+            !!endDateRef?.isAfter(startDateRef, 'day'));
+    };
+    const isStartAndEndDateSame = () => dateForm.dateFrom === dateForm.dateTo;
+    const dismissPage = () => onDismiss?.();
+    const applyDates = () => {
+        const { startDateRef, endDateRef } = dateForm;
+        onApply?.({
+            dateFrom: startDateRef,
+            dateTo: endDateRef ? endDateRef : startDateRef,
+            scrollPosition: scrollPositionValue,
+            selectedButtonName,
+        });
+    };
+    return {
+        elementRef,
+        calendar,
+        dateForm,
+        selectedButtonName,
+        onDayClick,
+        isInRange,
+        isSelectionStart,
+        isSelectionEnd,
+        isStartAndEndDateSame,
+        isSelectionInRestrictedRange,
+        selectToday,
+        selectYesterday,
+        selectLastSevenDays,
+        selectLastThirtyDays,
+        selectThisMonth,
+        selectLastMonth,
+        dismissPage,
+        applyDates,
+    };
+}
+//# sourceMappingURL=use-date-range-modal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-date-range-modal.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/date-range/use-date-range-modal.ts"],"names":[],"mappings":";;AA8HA,8CA4JC;;AA1RD,4DAA4B;AAC5B,iCAAoD;AAEpD,yDAI4B;AAC5B,iDAAwD;AACxD,+EAA2E;AAC3E,sEAAkE;AAUlE,MAAM,WAAW,GAAkB;IACjC,QAAQ,EAAE,IAAI;IACd,MAAM,EAAE,IAAI;IACZ,cAAc,EAAE,CAAC;IACjB,kBAAkB,EAAE,qCAAkB,CAAC,YAAY;CACpD,CAAC;AAEF,MAAM,UAAU,GAAuB;IACrC,QAAQ,EAAE,IAAI;IACd,MAAM,EAAE,IAAI;IACZ,YAAY,EAAE,IAAI;IAClB,UAAU,EAAE,IAAI;CACjB,CAAC;AAEF,SAAS,UAAU,CAAC,IAAmB;IACrC,OAAO,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;AACnC,CAAC;AAED,SAAS,YAAY,CACnB,IAAwB,EACxB,IAAmB;IAEnB,MAAM,aAAa,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;IAEvC,OAAO;QACL,GAAG,IAAI;QACP,QAAQ,EAAE,aAAa;QACvB,MAAM,EAAE,aAAa;QACrB,YAAY,EAAE,IAAI;KACnB,CAAC;AACJ,CAAC;AAED,SAAS,UAAU,CACjB,IAAwB,EACxB,IAAmB;IAEnB,OAAO,EAAE,GAAG,IAAI,EAAE,MAAM,EAAE,UAAU,CAAC,IAAI,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC;AACjE,CAAC;AAED,SAAS,UAAU,CAAC,IAAwB;IAC1C,OAAO,EAAE,GAAG,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC;AAC3D,CAAC;AAED;;;;GAIG;AACH,SAAS,QAAQ,CACf,IAAwB,EACxB,IAAmB;IAEnB,IAAI,IAAI,GAAG,IAAI,CAAC;IAEhB,MAAM,oBAAoB,GAAG,CAAC,CAAC,IAAI,CAAC,YAAY,IAAI,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC;IACtE,IAAI,oBAAoB;QAAE,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;IAElD,MAAM,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC;IAC9B,IAAI,CAAC,YAAY;QAAE,IAAI,GAAG,YAAY,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAEnD,MAAM,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;IAChD,IAAI,GAAG,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAExE,OAAO,IAAI,CAAC;AACd,CAAC;AAED,SAAS,WAAW,CAClB,KAAoB,EACpB,GAAkB;IAElB,OAAO,UAAU,CAAC,YAAY,CAAC,UAAU,EAAE,KAAK,CAAC,EAAE,GAAG,CAAC,CAAC;AAC1D,CAAC;AAOD,SAAS,mBAAmB,CAAC,KAAoB;IAC/C,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,kBAAkB,EAAE,GAAG,KAAK,CAAC;IAEvD,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO;YACL,IAAI,EAAE;gBACJ,QAAQ,EAAE,UAAU,CAAC,QAAQ,CAAC;gBAC9B,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI;gBAC1C,YAAY,EAAE,QAAQ;gBACtB,UAAU,EAAE,MAAM;aACnB;YACD,kBAAkB;SACnB,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,GAAG,IAAA,gBAAM,GAAE,CAAC,KAAK,EAAE,CAAC;IAE/B,OAAO;QACL,IAAI,EAAE,WAAW,CAAC,KAAK,EAAE,KAAK,CAAC;QAC/B,kBAAkB,EAAE,qCAAkB,CAAC,KAAK;KAC7C,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,SAAgB,iBAAiB,CAAC,EAChC,mBAAmB,GAAG,CAAC,EACvB,aAAa,GAAG,WAAW,EAC3B,OAAO,EACP,SAAS,GACgB;IACzB,MAAM,YAAY,GAAG,IAAA,uBAAe,GAAE,CAAC;IACvC,MAAM,UAAU,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAChD,MAAM,CAAC,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,GAAG,EAAE,CAAC,IAAI,kCAAe,EAAE,CAAC,WAAW,EAAE,CAAC,CAAC;IACvE,MAAM,CAAC,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,GAAG,EAAE,CAAC,mBAAmB,CAAC,aAAa,CAAC,CAAC,CAAC;IACrE,MAAM,CAAC,mBAAmB,CAAC,GAAG,IAAA,gBAAQ,EAAC,GAAG,EAAE,CAC1C,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAC1D,CAAC;IACF,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IACvD,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,IAAA,gBAAQ,EAC1D,OAAO,CAAC,kBAAkB,CAC3B,CAAC;IACF,uDAAuD;IACvD,uCAAuC;IACvC,MAAM,aAAa,GAAG,IAAA,cAAM,EAAuB,IAAI,CAAC,CAAC;IAEzD,mEAAmE;IACnE,4EAA4E;IAC5E,kEAAkE;IAClE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,4BAAY,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,YAAY,CAAC,GAAG,EAAE,CAAC,CAAC;IAClE,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,MAAM,UAAU,GAAG,CAAC,IAA0B,EAAE,EAAE;QAChD,IAAI,CAAC,IAAI;YAAE,OAAO;QAClB,IAAI,aAAa,CAAC,OAAO,EAAE,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC;YAAE,OAAO;QAEvD,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC;QAC7B,qBAAqB,CAAC,qCAAkB,CAAC,YAAY,CAAC,CAAC;QACvD,WAAW,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC;QAC5C,sEAAsE;QACtE,uEAAuE;QACvE,wEAAwE;QACxE,gCAAgC;IAClC,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CACnB,IAAwB,EACxB,KAAoB,EACpB,GAAkB,EAClB,EAAE;QACF,qBAAqB,CAAC,IAAI,CAAC,CAAC;QAC5B,WAAW,CAAC,WAAW,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC;IACvC,CAAC,CAAC;IAEF,MAAM,wBAAwB,GAAG,CAC/B,IAAwB,EACxB,OAAe,EACf,EAAE;QACF,MAAM,OAAO,GAAG,IAAA,gBAAM,GAAE,CAAC,KAAK,EAAE,CAAC;QACjC,MAAM,SAAS,GAAG,OAAO,CAAC,KAAK,EAAE,CAAC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;QAC5D,YAAY,CAAC,IAAI,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC;IACzC,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,MAAM,KAAK,GAAG,IAAA,gBAAM,GAAE,CAAC,KAAK,EAAE,CAAC;QAC/B,YAAY,CAAC,qCAAkB,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;IACvD,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,MAAM,SAAS,GAAG,IAAA,gBAAM,GAAE,CAAC,KAAK,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;QACvD,YAAY,CAAC,qCAAkB,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;IACnE,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,GAAG,EAAE,CAC/B,wBAAwB,CAAC,qCAAkB,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC;IAEhE,MAAM,oBAAoB,GAAG,GAAG,EAAE,CAChC,wBAAwB,CAAC,qCAAkB,CAAC,cAAc,EAAE,EAAE,CAAC,CAAC;IAElE,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,MAAM,QAAQ,GAAG,IAAA,gBAAM,GAAE,CAAC,KAAK,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QACnD,MAAM,OAAO,GAAG,IAAA,gBAAM,GAAE,CAAC,KAAK,EAAE,CAAC;QACjC,YAAY,CAAC,qCAAkB,CAAC,SAAS,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;IAChE,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,MAAM,SAAS,GAAG,IAAA,gBAAM,GAAE,CAAC,KAAK,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;QACxD,MAAM,QAAQ,GAAG,SAAS,CAAC,KAAK,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QACpD,MAAM,OAAO,GAAG,SAAS,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QACjD,YAAY,CAAC,qCAAkB,CAAC,SAAS,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;IAChE,CAAC,CAAC;IAEF,MAAM,4BAA4B,GAAG,GAAY,EAAE;QACjD,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,GAAG,QAAQ,CAAC;QAC9C,MAAM,IAAI,GAAG,UAAU,IAAI,UAAU,CAAC,IAAI,CAAC,YAAY,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC;QAErE,OAAO,CAAC,CAAC,IAAI,IAAI,IAAI,KAAK,mBAAmB,CAAC;IAChD,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,CAAC,GAAyB,EAAW,EAAE;QACvD,IAAI,CAAC,GAAG;YAAE,OAAO,KAAK,CAAC;QAEvB,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,GAAG,QAAQ,CAAC;QAE9C,OAAO,GAAG,CAAC,SAAS,CAAC,YAAY,EAAE,UAAU,EAAE,KAAK,CAAC,CAAC;IACxD,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,CAAC,GAAyB,EAAW,EAAE;QAC9D,IAAI,CAAC,GAAG;YAAE,OAAO,KAAK,CAAC;QAEvB,OAAO,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;IAClD,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,CAAC,GAAyB,EAAW,EAAE;QAC5D,IAAI,CAAC,GAAG;YAAE,OAAO,KAAK,CAAC;QAEvB,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,GAAG,QAAQ,CAAC;QAE9C,OAAO,CACL,GAAG,CAAC,MAAM,CAAC,UAAU,EAAE,KAAK,CAAC;YAC7B,CAAC,CAAC,UAAU,EAAE,OAAO,CAAC,YAAY,EAAE,KAAK,CAAC,CAC3C,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,qBAAqB,GAAG,GAAY,EAAE,CAC1C,QAAQ,CAAC,QAAQ,KAAK,QAAQ,CAAC,MAAM,CAAC;IAExC,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC;IAExC,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,GAAG,QAAQ,CAAC;QAE9C,OAAO,EAAE,CAAC;YACR,QAAQ,EAAE,YAAY;YACtB,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY;YAC9C,cAAc,EAAE,mBAAmB;YACnC,kBAAkB;SACnB,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO;QACL,UAAU;QACV,QAAQ;QACR,QAAQ;QACR,kBAAkB;QAClB,UAAU;QACV,SAAS;QACT,gBAAgB;QAChB,cAAc;QACd,qBAAqB;QACrB,4BAA4B;QAC5B,WAAW;QACX,eAAe;QACf,mBAAmB;QACnB,oBAAoB;QACpB,eAAe;QACf,eAAe;QACf,WAAW;QACX,UAAU;KACX,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,16 @@
+import { IDateRange } from '@smartsoft001/domain-core';
+import { CalendarState, SmartDateRangeVariantProps } from './date-range.types';
+/**
+ * The behaviour every date-range variant shares (the Angular
+ * `DateRangeBaseComponent`): the range model, the open state of the picker
+ * and the calendar state the picker is reopened with.
+ */
+export declare function useDateRange({ value, defaultValue, onValueChange, }: SmartDateRangeVariantProps): {
+    value: IDateRange | undefined;
+    isOpen: boolean;
+    calendarData: CalendarState;
+    onClick: () => void;
+    onModalApply: (data: CalendarState) => void;
+    onModalDismiss: () => void;
+    onClear: () => void;
+};