draft-components 0.52.6 → 0.56.0

package/components/calendar/calendar.js

@@ -0,0 +1,79 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Calendar = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_helpers_1 = require("../../lib/react-helpers");
+const keyboard_helpers_1 = require("../../lib/keyboard-helpers");
+const util_1 = require("../../lib/util");
+const calendar_row_1 = require("./calendar-row");
+const calendar_header_1 = require("./calendar-header");
+const daysOfWeek = [
+    new Date('2021-01-04'),
+    new Date('2021-01-05'),
+    new Date('2021-01-06'),
+    new Date('2021-01-07'),
+    new Date('2021-01-08'),
+    new Date('2021-01-09'),
+    new Date('2021-01-10'), // Sunday
+];
+function Calendar({ className, locale, nextYearButtonLabel, nextMonthButtonLabel, prevYearButtonLabel, prevMonthButtonLabel, children, focusDate, onChangeFocusDate, }) {
+    const isFocused = (0, react_1.useRef)(false);
+    const gridRef = (0, react_1.useRef)(null);
+    const headerId = (0, react_1.useRef)('');
+    const intl = (0, react_1.useMemo)(() => new Intl.DateTimeFormat(locale, {
+        weekday: 'short',
+    }), [locale]);
+    (0, react_1.useEffect)(() => {
+        if (gridRef.current && isFocused.current) {
+            const dayButtonEl = gridRef.current.querySelector('[tabindex="0"]');
+            if (dayButtonEl instanceof HTMLElement) {
+                dayButtonEl.focus();
+            }
+        }
+    }, [focusDate]);
+    if (!headerId.current) {
+        headerId.current = (0, util_1.uniqueId)('dc-calendar-');
+    }
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, react_helpers_1.classNames)(className, 'dc-calendar'), role: "grid", "aria-labelledby": headerId.current }, { children: [(0, jsx_runtime_1.jsx)(calendar_header_1.CalendarHeader, { id: headerId.current, locale: locale, nextYearButtonLabel: nextYearButtonLabel, nextMonthButtonLabel: nextMonthButtonLabel, prevYearButtonLabel: prevYearButtonLabel, prevMonthButtonLabel: prevMonthButtonLabel, focusDate: focusDate, onChangeFocusDate: onChangeFocusDate }, void 0), (0, jsx_runtime_1.jsx)("div", Object.assign({ role: "rowgroup" }, { children: (0, jsx_runtime_1.jsx)(calendar_row_1.CalendarRow, Object.assign({ isHead: true }, { children: daysOfWeek.map((weekday, index) => ((0, jsx_runtime_1.jsx)("div", Object.assign({ role: "columnheader", className: "dc-calendar__cell-header" }, { children: intl.format(weekday) }), `weekday-${index}`))) }), void 0) }), void 0), (0, jsx_runtime_1.jsx)("div", Object.assign({ ref: gridRef, role: "rowgroup", className: "dc-calendar__row-group", onFocus: () => {
+                    isFocused.current = true;
+                }, onBlur: () => {
+                    isFocused.current = false;
+                }, onKeyDown: event => {
+                    let newFocusDate = null;
+                    if (event.key === keyboard_helpers_1.KeyCode.arrowRight) {
+                        newFocusDate = focusDate.addDays(1);
+                    }
+                    else if (event.key === keyboard_helpers_1.KeyCode.arrowLeft) {
+                        newFocusDate = focusDate.addDays(-1);
+                    }
+                    else if (event.key === keyboard_helpers_1.KeyCode.arrowDown) {
+                        newFocusDate = focusDate.addWeeks(1);
+                    }
+                    else if (event.key === keyboard_helpers_1.KeyCode.arrowUp) {
+                        newFocusDate = focusDate.addWeeks(-1);
+                    }
+                    else if (event.key === keyboard_helpers_1.KeyCode.home) {
+                        newFocusDate = focusDate.startOfWeek;
+                    }
+                    else if (event.key === keyboard_helpers_1.KeyCode.end) {
+                        newFocusDate = focusDate.endOfWeek;
+                    }
+                    else if (event.key === keyboard_helpers_1.KeyCode.pageUp) {
+                        newFocusDate = event.shiftKey
+                            ? focusDate.addYears(-1)
+                            : focusDate.addMonths(-1);
+                    }
+                    else if (event.key === keyboard_helpers_1.KeyCode.pageDown) {
+                        newFocusDate = event.shiftKey
+                            ? focusDate.addYears(1)
+                            : focusDate.addMonths(1);
+                    }
+                    if (newFocusDate) {
+                        event.preventDefault();
+                        onChangeFocusDate(newFocusDate);
+                    }
+                } }, { children: children }), void 0)] }), void 0));
+}
+exports.Calendar = Calendar;
+//# sourceMappingURL=calendar.js.map

package/components/calendar/calendar.js.map

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

package/components/calendar/index.d.ts

@@ -0,0 +1 @@
+export * from './calendar';

package/components/calendar/index.js

@@ -0,0 +1,14 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./calendar"), exports);
+//# sourceMappingURL=index.js.map

package/components/calendar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/calendar/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,6CAA2B"}

package/components/checkbox/checkbox.d.ts

@@ -5,4 +5,4 @@ export interface CheckboxProps extends SelectionControlBaseProps, CheckboxHtmlAt
     isMixed?: boolean;
     onCheck?(checked: boolean): void;
 }
-export declare const Checkbox: import("react").ForwardRefExoticComponent<Pick<CheckboxProps, "form" | "label" | "slot" | "style" | "title" | "className" | "color" | "id" | "lang" | "name" | "role" | "tabIndex" | "crossOrigin" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "list" | "hidden" | "disabled" | "autoFocus" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "description" | "autoComplete" | "checked" | "enterKeyHint" | "readOnly" | "required" | "isMixed" | "onCheck"> & import("react").RefAttributes<HTMLInputElement>>;
+export declare const Checkbox: import("react").ForwardRefExoticComponent<Pick<CheckboxProps, "form" | "label" | "slot" | "style" | "title" | "className" | "color" | "id" | "lang" | "name" | "role" | "tabIndex" | "crossOrigin" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "description" | "hidden" | "disabled" | "list" | "translate" | "autoFocus" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "autoComplete" | "checked" | "enterKeyHint" | "readOnly" | "required" | "isMixed" | "onCheck"> & import("react").RefAttributes<HTMLInputElement>>;

package/components/checkbox/checkbox.js

@@ -7,12 +7,12 @@ const guards_1 = require("../../lib/guards");
 const react_helpers_1 = require("../../lib/react-helpers");
 const selection_control_1 = require("../selection-control");
 const svg_icon_1 = require("../svg-icon");
-const dash_1 = require("../../icons/dash");
-const check_1 = require("../../icons/check");
-exports.Checkbox = react_1.forwardRef(function Checkbox({ label, description, style, className, disabled, isMixed, onChange, onCheck, ...props }, ref) {
-    return (jsx_runtime_1.jsxs(selection_control_1.SelectionControl, Object.assign({ className: react_helpers_1.classNames(className, 'dc-checkbox'), style: style, label: label, description: description, isDisabled: disabled }, { children: [jsx_runtime_1.jsx("input", Object.assign({}, props, { className: "dc-checkbox__input", ref: ref, type: "checkbox", disabled: disabled, onChange: (event) => {
-                    guards_1.isFunction(onChange) && onChange(event);
-                    guards_1.isFunction(onCheck) && onCheck(event.target.checked);
-                } }), void 0), jsx_runtime_1.jsx("span", Object.assign({ className: "dc-checkbox__check", "aria-hidden": true }, { children: jsx_runtime_1.jsx(svg_icon_1.SvgIcon, { className: "dc-checkbox__check-icon", icon: isMixed ? dash_1.dash : check_1.check, size: "lg" }, void 0) }), void 0)] }), void 0));
+const dash_1 = require("../../bootstrap-icons/dash");
+const check_1 = require("../../bootstrap-icons/check");
+exports.Checkbox = (0, react_1.forwardRef)(function Checkbox({ label, description, style, className, disabled, isMixed, onChange, onCheck, ...props }, ref) {
+    return ((0, jsx_runtime_1.jsxs)(selection_control_1.SelectionControl, Object.assign({ className: (0, react_helpers_1.classNames)(className, 'dc-checkbox'), style: style, label: label, description: description, isDisabled: disabled }, { children: [(0, jsx_runtime_1.jsx)("input", Object.assign({}, props, { className: "dc-checkbox__input", ref: ref, type: "checkbox", disabled: disabled, onChange: (event) => {
+                    (0, guards_1.isFunction)(onChange) && onChange(event);
+                    (0, guards_1.isFunction)(onCheck) && onCheck(event.target.checked);
+                } }), void 0), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "dc-checkbox__check", "aria-hidden": true }, { children: (0, jsx_runtime_1.jsx)(svg_icon_1.SvgIcon, { className: "dc-checkbox__check-icon", icon: isMixed ? dash_1.dash : check_1.check, size: "lg" }, void 0) }), void 0)] }), void 0));
 });
 //# sourceMappingURL=checkbox.js.map

package/components/checkbox/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../src/components/checkbox/checkbox.tsx"],"names":[],"mappings":";;;;AAAA,iCAA0D;AAC1D,6CAA8C;AAC9C,2DAAqD;AACrD,4DAG8B;AAC9B,0CAAsC;AACtC,2CAAwC;AACxC,6CAA0C;AAmC7B,QAAA,QAAQ,GAAG,kBAAU,CAChC,SAAS,QAAQ,CACf,EACE,KAAK,EACL,WAAW,EACX,KAAK,EACL,SAAS,EACT,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,OAAO,EACP,GAAG,KAAK,EACT,EACD,GAAG;IAEH,OAAO,CACL,mBAAC,oCAAgB,kBACf,SAAS,EAAE,0BAAU,CAAC,SAAS,EAAE,aAAa,CAAC,EAC/C,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,QAAQ,iBAEpB,6CACM,KAAK,IACT,SAAS,EAAC,oBAAoB,EAC9B,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;oBAClB,mBAAU,CAAC,QAAQ,CAAC,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC;oBACxC,mBAAU,CAAC,OAAO,CAAC,IAAI,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;gBACvD,CAAC,YACD,EACF,0CAAM,SAAS,EAAC,oBAAoB,iBAAc,IAAI,gBACpD,kBAAC,kBAAO,IACN,SAAS,EAAC,yBAAyB,EACnC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,WAAI,CAAC,CAAC,CAAC,aAAK,EAC5B,IAAI,EAAC,IAAI,WACT,YACG,aACU,CACpB,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../src/components/checkbox/checkbox.tsx"],"names":[],"mappings":";;;;AAAA,iCAA0D;AAC1D,6CAA8C;AAC9C,2DAAqD;AACrD,4DAG8B;AAC9B,0CAAsC;AACtC,qDAAkD;AAClD,uDAAoD;AAiCvC,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAChC,SAAS,QAAQ,CACf,EACE,KAAK,EACL,WAAW,EACX,KAAK,EACL,SAAS,EACT,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,OAAO,EACP,GAAG,KAAK,EACT,EACD,GAAG;IAEH,OAAO,CACL,wBAAC,oCAAgB,kBACf,SAAS,EAAE,IAAA,0BAAU,EAAC,SAAS,EAAE,aAAa,CAAC,EAC/C,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,QAAQ,iBAEpB,kDACM,KAAK,IACT,SAAS,EAAC,oBAAoB,EAC9B,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;oBAClB,IAAA,mBAAU,EAAC,QAAQ,CAAC,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC;oBACxC,IAAA,mBAAU,EAAC,OAAO,CAAC,IAAI,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;gBACvD,CAAC,YACD,EACF,+CAAM,SAAS,EAAC,oBAAoB,iBAAc,IAAI,gBACpD,uBAAC,kBAAO,IACN,SAAS,EAAC,yBAAyB,EACnC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,WAAI,CAAC,CAAC,CAAC,aAAK,EAC5B,IAAI,EAAC,IAAI,WACT,YACG,aACU,CACpB,CAAC;AACJ,CAAC,CACF,CAAC"}

package/components/date-picker/date-picker.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { ISODate } from '../../lib/plain-date';
+export interface DatePickerProps {
+    locale?: string;
+    nextYearButtonLabel?: string;
+    nextMonthButtonLabel?: string;
+    prevYearButtonLabel?: string;
+    prevMonthButtonLabel?: string;
+    footer?: ReactNode;
+    value: ISODate | null;
+    onChangeValue(isoDate: ISODate): void;
+}
+export declare function DatePicker({ locale, nextYearButtonLabel, nextMonthButtonLabel, prevYearButtonLabel, prevMonthButtonLabel, footer, value, onChangeValue, }: DatePickerProps): JSX.Element;

package/components/date-picker/date-picker.js

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DatePicker = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const plain_date_1 = require("../../lib/plain-date");
+const calendar_1 = require("../calendar/calendar");
+const calendar_row_1 = require("../calendar/calendar-row");
+const calendar_day_1 = require("../calendar/calendar-day");
+function DatePicker({ locale, nextYearButtonLabel, nextMonthButtonLabel, prevYearButtonLabel, prevMonthButtonLabel, footer, value, onChangeValue, }) {
+    const selectedDate = value ? plain_date_1.PlainDate.fromISODate(value) : null;
+    const currentDate = plain_date_1.PlainDate.now();
+    const [focusDate, setFocusDate] = (0, react_1.useState)(selectedDate
+        ? selectedDate
+        : currentDate.startOfMonth);
+    const firstDate = focusDate.startOfMonth;
+    const lastDate = focusDate.endOfMonth;
+    const firstWeekday = firstDate.weekday;
+    const lastWeekday = lastDate.weekday;
+    const weeksCount = Math.ceil((firstWeekday + focusDate.lastDay) / plain_date_1.PlainDate.DAYS_IN_WEEK);
+    const handleDayPick = (day) => {
+        setFocusDate(day);
+        onChangeValue(day.toISOString());
+    };
+    let date = firstDate;
+    const renderedWeeks = [];
+    for (let w = 0; w < weeksCount; w += 1) {
+        const renderedDays = [];
+        let d;
+        if (w === 0) {
+            d = firstWeekday;
+        }
+        else if (w === weeksCount - 1) {
+            d = plain_date_1.PlainDate.LAST_WEEKDAY - lastWeekday;
+        }
+        else {
+            d = 0;
+        }
+        for (; d < plain_date_1.PlainDate.DAYS_IN_WEEK; d += 1) {
+            renderedDays.push((0, jsx_runtime_1.jsx)(calendar_day_1.CalendarDay, { date: date, isCurrent: date.equals(currentDate), isFocusable: date.equals(focusDate), isSelected: selectedDate ? date.equals(selectedDate) : false, onPick: handleDayPick }, `day-${date.toISOString()}`));
+            date = date.addDays(1);
+        }
+        renderedWeeks.push((0, jsx_runtime_1.jsx)(calendar_row_1.CalendarRow, { children: renderedDays }, `week-${w}`));
+    }
+    (0, react_1.useEffect)(() => {
+        if (value) {
+            setFocusDate((focusDate) => focusDate.toISOString() !== value
+                ? plain_date_1.PlainDate.fromISODate(value)
+                : focusDate);
+        }
+    }, [value]);
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "dc-date-picker" }, { children: [(0, jsx_runtime_1.jsx)(calendar_1.Calendar, Object.assign({ locale: locale, nextYearButtonLabel: nextYearButtonLabel, nextMonthButtonLabel: nextMonthButtonLabel, prevYearButtonLabel: prevYearButtonLabel, prevMonthButtonLabel: prevMonthButtonLabel, focusDate: focusDate, onChangeFocusDate: setFocusDate }, { children: renderedWeeks }), void 0), footer && (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "dc-date-range-picker__footer" }, { children: footer }), void 0)] }), void 0));
+}
+exports.DatePicker = DatePicker;
+//# sourceMappingURL=date-picker.js.map

package/components/date-picker/date-picker.js.map

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

package/components/date-picker/index.d.ts

@@ -0,0 +1,2 @@
+export * from './date-picker';
+export * from '../date-range-picker/date-range-picker';

package/components/date-picker/index.js

@@ -0,0 +1,15 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./date-picker"), exports);
+__exportStar(require("../date-range-picker/date-range-picker"), exports);
+//# sourceMappingURL=index.js.map

package/components/date-picker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/date-picker/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,gDAA8B;AAC9B,yEAAuD"}

package/components/date-preset-picker-popover/date-preset-picker-popover.d.ts

@@ -0,0 +1,36 @@
+/// <reference types="react" />
+import { ISODateRange } from '../../lib/plain-date-range';
+import { PopoverProps } from '../popover';
+import { DatePresetPickerProps } from './date-preset-picker';
+import { DatePreset, DatePresetOption } from './date-preset-select';
+export interface ISODateRangeWithPreset {
+    datePreset: DatePreset;
+    dateRange: ISODateRange;
+}
+export interface DatePresetPickerPopoverProps {
+    locale?: string;
+    timeZone?: string;
+    defaultIsOpen?: boolean;
+    hideSelectedRange?: boolean;
+    position?: PopoverProps['position'];
+    alignment?: PopoverProps['alignment'];
+    cancelButtonLabel?: DatePresetPickerProps['cancelButtonLabel'];
+    confirmButtonLabel?: DatePresetPickerProps['confirmButtonLabel'];
+    customDatePresetLabel?: DatePresetPickerProps['customDatePresetLabel'];
+    disableActionButtons?: DatePresetPickerProps['disableActionButtons'];
+    showLoadingIndicator?: DatePresetPickerProps['showLoadingIndicator'];
+    options: DatePresetOption[];
+    value: ISODateRangeWithPreset | null;
+    onChangeValue(value: ISODateRangeWithPreset): void;
+    children(props: {
+        isShown: boolean;
+        formattedValue: string;
+        formattedDatePreset: string;
+        formattedDateRange: string;
+        formattedTimeZone: string;
+        openPopover(): void;
+        closePopover(): void;
+        togglePopover(): void;
+    }): JSX.Element;
+}
+export declare function DatePresetPickerPopover({ locale, timeZone, defaultIsOpen, hideSelectedRange, position, alignment, cancelButtonLabel, confirmButtonLabel, customDatePresetLabel, disableActionButtons, showLoadingIndicator, options, value, onChangeValue, children: render, }: DatePresetPickerPopoverProps): JSX.Element;

package/components/date-preset-picker-popover/date-preset-picker-popover.js

@@ -0,0 +1,118 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DatePresetPickerPopover = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const popover_1 = require("../popover");
+const date_preset_picker_1 = require("./date-preset-picker");
+function DatePresetPickerPopover({ locale, timeZone, defaultIsOpen = false, hideSelectedRange = false, position = 'bottom', alignment = 'start', cancelButtonLabel, confirmButtonLabel, customDatePresetLabel, disableActionButtons, showLoadingIndicator, options, value, onChangeValue, children: render, }) {
+    var _a;
+    const [isShown, setIsShown] = (0, react_1.useState)(defaultIsOpen);
+    const confirmButtonRef = (0, react_1.useRef)(null);
+    const [selectionState, setSelectionState] = (0, react_1.useState)(valueToSelectionState);
+    const selectedDateRange = selectionState.dateRange;
+    const selectedOption = selectionState.option;
+    let formattedDatePreset = '';
+    if (selectedOption) {
+        formattedDatePreset = selectedOption.label;
+    }
+    let formattedDateRange = '';
+    if (selectedDateRange) {
+        const intl = new Intl.DateTimeFormat(locale, {
+            year: 'numeric',
+            month: 'short',
+            day: 'numeric',
+        });
+        const startDate = intl.format(new Date(selectedDateRange.start));
+        const endDate = intl.format(new Date(selectedDateRange.end));
+        formattedDateRange = startDate !== endDate
+            ? `${startDate} - ${endDate}`
+            : startDate;
+    }
+    let formattedTimeZone = '';
+    if (timeZone) {
+        const intl = new Intl.DateTimeFormat(locale, {
+            timeZone,
+            second: '2-digit',
+            timeZoneName: 'long',
+        });
+        formattedTimeZone = intl.format(new Date()).replace(/^\d{1,2} /, '');
+    }
+    function valueToSelectionState() {
+        const emptySelectionState = { option: null, dateRange: null };
+        if (!value) {
+            return emptySelectionState;
+        }
+        else if (!value.datePreset && value.dateRange) {
+            return { option: null, dateRange: value.dateRange };
+        }
+        else {
+            const datePreset = value.datePreset;
+            const option = options.find((option) => option.datePreset === datePreset);
+            return option
+                ? { option, dateRange: option.dateRange }
+                : emptySelectionState;
+        }
+    }
+    function handleChangeDatePreset(preset) {
+        const option = options.find((option) => option.datePreset === preset);
+        if (option) {
+            setSelectionState({ option, dateRange: option.dateRange });
+        }
+    }
+    function handleChangeDateRange(dateRange) {
+        const option = options.find((option) => {
+            const optionDateRange = option.dateRange;
+            return (optionDateRange.start === dateRange.start &&
+                optionDateRange.end === dateRange.end);
+        });
+        setSelectionState({ dateRange, option: option || null });
+    }
+    function handleConfirm() {
+        if (selectedOption && (value == null ||
+            value.datePreset !== selectedOption.datePreset)) {
+            onChangeValue({
+                datePreset: selectedOption.datePreset,
+                dateRange: selectedOption.dateRange,
+            });
+        }
+        else if (selectedDateRange && (value == null ||
+            value.dateRange.start !== selectedDateRange.start ||
+            value.dateRange.end !== selectedDateRange.end)) {
+            onChangeValue({
+                datePreset: '',
+                dateRange: selectedDateRange,
+            });
+        }
+        setIsShown(false);
+    }
+    function openPopover() {
+        setIsShown(true);
+    }
+    function closePopover() {
+        setSelectionState(valueToSelectionState());
+        setIsShown(false);
+    }
+    function togglePopover() {
+        if (isShown) {
+            closePopover();
+        }
+        else {
+            openPopover();
+        }
+    }
+    return ((0, jsx_runtime_1.jsx)(popover_1.Popover, Object.assign({ className: "dc-date-preset-picker-popover", isShown: isShown, position: position, alignment: alignment, content: (0, jsx_runtime_1.jsx)(date_preset_picker_1.DatePresetPicker, { confirmButtonRef: confirmButtonRef, locale: locale, formattedDateRange: hideSelectedRange ? null : formattedDateRange, formattedTimeZone: formattedTimeZone, cancelButtonLabel: cancelButtonLabel, confirmButtonLabel: confirmButtonLabel, customDatePresetLabel: customDatePresetLabel, disableActionButtons: disableActionButtons, showLoadingIndicator: showLoadingIndicator, options: options, datePreset: ((_a = selectionState.option) === null || _a === void 0 ? void 0 : _a.datePreset) || '', dateRange: selectionState.dateRange, onChangeDatePreset: handleChangeDatePreset, onChangeDateRange: handleChangeDateRange, onCancel: closePopover, onConfirm: handleConfirm }, void 0), focusElementRefAfterOpen: confirmButtonRef, onClose: closePopover }, { children: render({
+            isShown,
+            openPopover,
+            closePopover,
+            togglePopover,
+            formattedDatePreset,
+            formattedDateRange,
+            formattedTimeZone,
+            formattedValue: formattedDatePreset && formattedDateRange
+                ? `${formattedDatePreset}: ${formattedDateRange}`
+                : formattedDateRange,
+        }) }), void 0));
+}
+exports.DatePresetPickerPopover = DatePresetPickerPopover;
+//# sourceMappingURL=date-preset-picker-popover.js.map

package/components/date-preset-picker-popover/date-preset-picker-popover.js.map

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

package/components/date-preset-picker-popover/date-preset-picker.d.ts

@@ -0,0 +1,23 @@
+import { ReactNode, RefObject } from 'react';
+import { ISODateRange } from '../../lib/plain-date-range';
+import { DatePreset, DatePresetOption, DatePresetSelectProps } from './date-preset-select';
+export interface DatePresetPickerProps {
+    cancelButtonRef?: RefObject<HTMLButtonElement>;
+    confirmButtonRef?: RefObject<HTMLButtonElement>;
+    locale?: string;
+    cancelButtonLabel?: ReactNode;
+    confirmButtonLabel?: ReactNode;
+    formattedDateRange?: ReactNode;
+    formattedTimeZone?: ReactNode;
+    customDatePresetLabel?: DatePresetSelectProps['customDatePresetLabel'];
+    disableActionButtons?: boolean;
+    showLoadingIndicator?: boolean;
+    options: DatePresetOption[];
+    datePreset: DatePreset;
+    dateRange: ISODateRange | null;
+    onChangeDatePreset(preset: string): void;
+    onChangeDateRange(range: ISODateRange): void;
+    onCancel(): void;
+    onConfirm(): void;
+}
+export declare function DatePresetPicker({ cancelButtonRef, confirmButtonRef, locale, cancelButtonLabel, confirmButtonLabel, customDatePresetLabel, formattedDateRange, formattedTimeZone, disableActionButtons, showLoadingIndicator, options, datePreset, dateRange, onChangeDatePreset, onChangeDateRange, onCancel, onConfirm, }: DatePresetPickerProps): JSX.Element;

package/components/date-preset-picker-popover/date-preset-picker.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DatePresetPicker = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_helpers_1 = require("../../lib/react-helpers");
+const date_range_picker_1 = require("../date-range-picker");
+const button_1 = require("../button");
+const date_preset_select_1 = require("./date-preset-select");
+function DatePresetPicker({ cancelButtonRef, confirmButtonRef, locale, cancelButtonLabel = 'Cancel', confirmButtonLabel = 'Confirm', customDatePresetLabel, formattedDateRange, formattedTimeZone, disableActionButtons, showLoadingIndicator, options, datePreset, dateRange, onChangeDatePreset, onChangeDateRange, onCancel, onConfirm, }) {
+    const phoneBreakpoint = (0, react_1.useMemo)(() => {
+        return window.matchMedia('(max-width: 599px)');
+    }, []);
+    const [isPhoneView, setIsPhoneView] = (0, react_1.useState)(phoneBreakpoint.matches);
+    (0, react_1.useEffect)(() => {
+        const handleMediaQueryMatch = (event) => {
+            setIsPhoneView(event.matches);
+        };
+        phoneBreakpoint.addEventListener('change', handleMediaQueryMatch);
+        return () => {
+            phoneBreakpoint.removeEventListener('change', handleMediaQueryMatch);
+        };
+    }, [phoneBreakpoint]);
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, react_helpers_1.classNames)('dc-date-preset-picker', isPhoneView && 'dc-date-preset-picker_phone-view') }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "dc-date-preset-picker__body" }, { children: [options.length > 0 && ((0, jsx_runtime_1.jsx)(date_preset_select_1.DatePresetSelect, { shouldRenderAsNativeSelect: isPhoneView, customDatePresetLabel: customDatePresetLabel, options: options, value: datePreset, onChangeValue: onChangeDatePreset }, void 0)), (0, jsx_runtime_1.jsx)(date_range_picker_1.DateRangePicker, { locale: locale, value: dateRange, onChangeValue: onChangeDateRange }, void 0)] }), void 0), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "dc-date-preset-picker__footer" }, { children: [formattedDateRange && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "dc-date-preset-picker__selection" }, { children: [(0, jsx_runtime_1.jsx)("span", { children: formattedDateRange }, void 0), formattedTimeZone && (0, jsx_runtime_1.jsx)("small", { children: formattedTimeZone }, void 0)] }), void 0)), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "dc-date-preset-picker__btns" }, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, Object.assign({ ref: cancelButtonRef, appearance: "secondary", disabled: disableActionButtons, onClick: onCancel }, { children: cancelButtonLabel }), void 0), (0, jsx_runtime_1.jsx)(button_1.Button, Object.assign({ ref: confirmButtonRef, appearance: "primary", disabled: disableActionButtons, isLoading: showLoadingIndicator, onClick: onConfirm }, { children: confirmButtonLabel }), void 0)] }), void 0)] }), void 0)] }), void 0));
+}
+exports.DatePresetPicker = DatePresetPicker;
+//# sourceMappingURL=date-preset-picker.js.map

package/components/date-preset-picker-popover/date-preset-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-preset-picker.js","sourceRoot":"","sources":["../../src/components/date-preset-picker-popover/date-preset-picker.tsx"],"names":[],"mappings":";;;;AAAA,iCAA2E;AAC3E,2DAAqD;AAErD,4DAAuD;AACvD,sCAAmC;AACnC,6DAK8B;AAsB9B,SAAgB,gBAAgB,CAAC,EAC/B,eAAe,EACf,gBAAgB,EAChB,MAAM,EACN,iBAAiB,GAAG,QAAQ,EAC5B,kBAAkB,GAAG,SAAS,EAC9B,qBAAqB,EACrB,kBAAkB,EAClB,iBAAiB,EACjB,oBAAoB,EACpB,oBAAoB,EACpB,OAAO,EACP,UAAU,EACV,SAAS,EACT,kBAAkB,EAClB,iBAAiB,EACjB,QAAQ,EACR,SAAS,GACa;IACtB,MAAM,eAAe,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACnC,OAAO,MAAM,CAAC,UAAU,CAAC,oBAAoB,CAAC,CAAC;IACjD,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,eAAe,CAAC,OAAO,CAAC,CAAC;IAExE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,qBAAqB,GAAG,CAAC,KAA0B,EAAE,EAAE;YAC3D,cAAc,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QAChC,CAAC,CAAC;QAEF,eAAe,CAAC,gBAAgB,CAAC,QAAQ,EAAE,qBAAqB,CAAC,CAAC;QAClE,OAAO,GAAG,EAAE;YACV,eAAe,CAAC,mBAAmB,CAAC,QAAQ,EAAE,qBAAqB,CAAC,CAAC;QACvE,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,OAAO,CACL,+CAAK,SAAS,EAAE,IAAA,0BAAU,EACxB,uBAAuB,EACvB,WAAW,IAAI,kCAAkC,CAClD,iBACC,+CAAK,SAAS,EAAC,6BAA6B,iBACzC,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CACrB,uBAAC,qCAAgB,IACf,0BAA0B,EAAE,WAAW,EACvC,qBAAqB,EAAE,qBAAqB,EAC5C,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,UAAU,EACjB,aAAa,EAAE,kBAAkB,WACjC,CACH,EACD,uBAAC,mCAAe,IACd,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,SAAS,EAChB,aAAa,EAAE,iBAAiB,WAChC,aACE,EACN,+CAAK,SAAS,EAAC,+BAA+B,iBAC3C,kBAAkB,IAAI,CACrB,+CAAK,SAAS,EAAC,kCAAkC,iBAC/C,2CAAO,kBAAkB,WAAQ,EAChC,iBAAiB,IAAI,4CAAQ,iBAAiB,WAAS,aACpD,CACP,EACD,+CAAK,SAAS,EAAC,6BAA6B,iBAC1C,uBAAC,eAAM,kBACL,GAAG,EAAE,eAAe,EACpB,UAAU,EAAC,WAAW,EACtB,QAAQ,EAAE,oBAAoB,EAC9B,OAAO,EAAE,QAAQ,gBAEhB,iBAAiB,YACX,EACT,uBAAC,eAAM,kBACL,GAAG,EAAE,gBAAgB,EACrB,UAAU,EAAC,SAAS,EACpB,QAAQ,EAAE,oBAAoB,EAC9B,SAAS,EAAE,oBAAoB,EAC/B,OAAO,EAAE,SAAS,gBAEjB,kBAAkB,YACZ,aACL,aACF,aACF,CACP,CAAC;AACJ,CAAC;AArFD,4CAqFC"}

package/components/date-preset-picker-popover/date-preset-select.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { ISODateRange } from '../../lib/plain-date-range';
+export declare type DatePreset = string;
+export interface DatePresetOption {
+    label: string;
+    datePreset: DatePreset;
+    dateRange: ISODateRange;
+}
+export interface DatePresetSelectProps {
+    shouldRenderAsNativeSelect?: boolean;
+    customDatePresetLabel?: string;
+    options: DatePresetOption[];
+    value: DatePreset;
+    onChangeValue(value: DatePreset): void;
+}
+export declare function DatePresetSelect({ shouldRenderAsNativeSelect, customDatePresetLabel, options, value, onChangeValue, }: DatePresetSelectProps): JSX.Element;

package/components/date-preset-picker-popover/date-preset-select.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DatePresetSelect = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const select_1 = require("../select");
+const radio_group_1 = require("../radio-group");
+function DatePresetSelect({ shouldRenderAsNativeSelect, customDatePresetLabel = 'Custom', options, value, onChangeValue, }) {
+    return shouldRenderAsNativeSelect ? ((0, jsx_runtime_1.jsxs)(select_1.Select, Object.assign({ fullWidth: true, value: value, onChangeValue: onChangeValue }, { children: [(0, jsx_runtime_1.jsx)("option", Object.assign({ value: "", disabled: true }, { children: customDatePresetLabel }), void 0), options.map((option) => ((0, jsx_runtime_1.jsx)("option", Object.assign({ value: option.datePreset }, { children: option.label }), option.datePreset)))] }), void 0)) : ((0, jsx_runtime_1.jsx)(radio_group_1.RadioGroup, Object.assign({ type: "simple-list", value: value, onChangeValue: onChangeValue }, { children: options.map((option) => ((0, jsx_runtime_1.jsx)(radio_group_1.RadioGroup.Item, { value: option.datePreset, label: option.label }, option.datePreset))) }), void 0));
+}
+exports.DatePresetSelect = DatePresetSelect;
+//# sourceMappingURL=date-preset-select.js.map

package/components/date-preset-picker-popover/date-preset-select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-preset-select.js","sourceRoot":"","sources":["../../src/components/date-preset-picker-popover/date-preset-select.tsx"],"names":[],"mappings":";;;;AACA,sCAAmC;AACnC,gDAA4C;AAkB5C,SAAgB,gBAAgB,CAAC,EAC/B,0BAA0B,EAC1B,qBAAqB,GAAG,QAAQ,EAChC,OAAO,EACP,KAAK,EACL,aAAa,GACS;IACtB,OAAO,0BAA0B,CAAC,CAAC,CAAC,CAClC,wBAAC,eAAM,kBAAC,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,aAAa,iBACjE,iDAAQ,KAAK,EAAC,EAAE,EAAC,QAAQ,EAAE,IAAI,gBAAG,qBAAqB,YAAU,EAChE,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,iDAAgC,KAAK,EAAE,MAAM,CAAC,UAAU,gBACrD,MAAM,CAAC,KAAK,KADF,MAAM,CAAC,UAAU,CAErB,CACV,CAAC,aACK,CACV,CAAC,CAAC,CAAC,CACF,uBAAC,wBAAU,kBAAC,IAAI,EAAC,aAAa,EAAC,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,aAAa,gBACtE,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,uBAAC,wBAAU,CAAC,IAAI,IAEd,KAAK,EAAE,MAAM,CAAC,UAAU,EACxB,KAAK,EAAE,MAAM,CAAC,KAAK,IAFd,MAAM,CAAC,UAAU,CAGtB,CACH,CAAC,YACS,CACd,CAAC;AACJ,CAAC;AA3BD,4CA2BC"}

package/components/date-preset-picker-popover/index.d.ts

@@ -0,0 +1 @@
+export * from './date-preset-picker-popover';

package/components/date-preset-picker-popover/index.js

@@ -0,0 +1,14 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./date-preset-picker-popover"), exports);
+//# sourceMappingURL=index.js.map

package/components/date-preset-picker-popover/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/date-preset-picker-popover/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,+DAA6C"}

package/components/date-range-picker/date-range-picker.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { ISODateRange } from '../../lib/plain-date-range';
+export interface DateRangePickerProps {
+    locale?: string;
+    nextYearButtonLabel?: string;
+    nextMonthButtonLabel?: string;
+    prevYearButtonLabel?: string;
+    prevMonthButtonLabel?: string;
+    footer?: ReactNode;
+    value: ISODateRange | null;
+    onChangeValue(isoDateRange: ISODateRange): void;
+}
+export declare function DateRangePicker({ locale, nextYearButtonLabel, nextMonthButtonLabel, prevYearButtonLabel, prevMonthButtonLabel, footer, value, onChangeValue, }: DateRangePickerProps): JSX.Element;