@spaced-out/ui-design-system 0.4.15 → 0.5.1

package/lib/utils/charts/helpers.js

@@ -12,11 +12,8 @@ const deepMerge = function (obj1, obj2) {
   for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
     args[_key - 2] = arguments[_key];
   }
-  return (
-    // {} is used here to ensure obj1 is not modified
-    (0, _merge.default)({}, obj1, obj2, ...args)
-  );
-};
+  return (0, _merge.default)({}, obj1, obj2, ...args);
+}; // {} is used here to ensure obj1 is not modified
 exports.deepMerge = deepMerge;
 const rightLineLegendColumn = exports.rightLineLegendColumn = {
   layout: 'vertical',

package/lib/utils/charts/index.d.ts

@@ -0,0 +1,8 @@
+export * from './charts';
+export * from './columnChart';
+export * from './donutChart';
+export * from './helpers';
+export * from './lineChart';
+export * from './spiderChart';
+export * from './typography';
+//# sourceMappingURL=index.d.ts.map

package/lib/utils/charts/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/charts/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC"}

package/lib/utils/charts/lineChart.d.ts

@@ -0,0 +1,7 @@
+import type { ChartOptions } from '../../types/charts';
+/**
+ * This function modifies the the common chart behavior to line chart default behavior.
+ * It will not take userPassed option into account.
+ */
+export declare const getLineChartOptions: () => ChartOptions;
+//# sourceMappingURL=lineChart.d.ts.map

package/lib/utils/charts/lineChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lineChart.d.ts","sourceRoot":"","sources":["../../../src/utils/charts/lineChart.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,oBAAoB,CAAC;AAWrD;;;GAGG;AAEH,eAAO,MAAM,mBAAmB,QAAO,YAgCrC,CAAC"}

package/lib/utils/charts/lineChart.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getLineChartOptions = void 0;
-var _color = require("../../styles/variables/_color.js");
+var _color = require("../../styles/variables/_color");
 var _charts = require("./charts");
 var _helpers = require("./helpers");
 var _typography = require("./typography");
@@ -12,6 +12,7 @@ var _typography = require("./typography");
  * This function modifies the the common chart behavior to line chart default behavior.
  * It will not take userPassed option into account.
  */
+
 const getLineChartOptions = () => ({
   ..._charts.commonChartOptions,
   chart: {

package/lib/utils/charts/spiderChart.d.ts

@@ -0,0 +1,18 @@
+import type { ChartOptions } from '../../types/charts';
+export declare const bodySmallSecondary: {
+    readonly color: "#565656";
+    readonly fontSize: "12px";
+    readonly fontWeight: "400";
+    readonly letterSpacing: "0.04em";
+    readonly fontFamily: "Centra No 2";
+    readonly fontStyle: "normal";
+    readonly margin: 0;
+    readonly display: "flex";
+    readonly alignItems: "center";
+};
+/**
+ * This function modifies the the common chart behavior to spider chart default behavior.
+ * It will not take userPassed option into account.
+ */
+export declare const getSpiderChartOptions: () => ChartOptions;
+//# sourceMappingURL=spiderChart.d.ts.map

package/lib/utils/charts/spiderChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spiderChart.d.ts","sourceRoot":"","sources":["../../../src/utils/charts/spiderChart.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,oBAAoB,CAAC;AAOrD,eAAO,MAAM,kBAAkB;;;;;;;;;;CAGrB,CAAC;AAEX;;;GAGG;AAEH,eAAO,MAAM,qBAAqB,QAAO,YAsCvC,CAAC"}

package/lib/utils/charts/typography.d.ts

@@ -0,0 +1,58 @@
+export declare const baseType: {
+    readonly fontFamily: "Centra No 2";
+    readonly fontStyle: "normal";
+    readonly margin: 0;
+    readonly color: "#17172A";
+    readonly letterSpacing: "0em";
+    readonly fontWeight: "500";
+    readonly display: "flex";
+    readonly alignItems: "center";
+};
+export declare const bodySmall: {
+    readonly fontSize: "12px";
+    readonly fontWeight: "400";
+    readonly letterSpacing: "0.04em";
+    readonly fontFamily: "Centra No 2";
+    readonly fontStyle: "normal";
+    readonly margin: 0;
+    readonly color: "#17172A";
+    readonly display: "flex";
+    readonly alignItems: "center";
+};
+export declare const formLabelSmall: {
+    readonly fontSize: "12px";
+    readonly fontFamily: "Centra No 2";
+    readonly fontStyle: "normal";
+    readonly margin: 0;
+    readonly color: "#17172A";
+    readonly letterSpacing: "0em";
+    readonly fontWeight: "500";
+    readonly display: "flex";
+    readonly alignItems: "center";
+};
+export declare const buttonTextExtraSmall: {
+    readonly fontSize: "12px";
+    readonly letterSpacing: "0.01em";
+    readonly fontFamily: "Centra No 2";
+    readonly fontStyle: "normal";
+    readonly margin: 0;
+    readonly color: "#17172A";
+    readonly fontWeight: "500";
+    readonly display: "flex";
+    readonly alignItems: "center";
+};
+export declare const underline: {
+    readonly textDecoration: "underline";
+};
+export declare const subTitleExtraSmall: {
+    readonly fontSize: "12px";
+    readonly letterSpacing: "0em";
+    readonly fontFamily: "Centra No 2";
+    readonly fontStyle: "normal";
+    readonly margin: 0;
+    readonly color: "#17172A";
+    readonly fontWeight: "500";
+    readonly display: "flex";
+    readonly alignItems: "center";
+};
+//# sourceMappingURL=typography.d.ts.map

package/lib/utils/charts/typography.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../src/utils/charts/typography.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,QAAQ;;;;;;;;;CASX,CAAC;AAEX,eAAO,MAAM,SAAS;;;;;;;;;;CAKZ,CAAC;AAEX,eAAO,MAAM,cAAc;;;;;;;;;;CAIjB,CAAC;AAEX,eAAO,MAAM,oBAAoB;;;;;;;;;;CAKvB,CAAC;AAEX,eAAO,MAAM,SAAS;;CAEZ,CAAC;AAEX,eAAO,MAAM,kBAAkB;;;;;;;;;;CAKrB,CAAC"}

package/lib/utils/classify/classify.stories.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import classify from './';
+declare const _default: {
+    tags: string[];
+    title: string;
+    component: typeof classify;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Example: () => React.ReactElement<React.ComponentProps<"div">>;
+//# sourceMappingURL=classify.stories.d.ts.map

package/lib/utils/classify/classify.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"classify.stories.d.ts","sourceRoot":"","sources":["../../../src/utils/classify/classify.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,QAAQ,MAAM,IAAI,CAAC;;;;;;;;;;;;;AAK1B,wBAsCE;AAEF,eAAO,MAAM,OAAO,QAAO,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAexE,CAAC"}

package/lib/utils/classify/index.d.ts

@@ -0,0 +1,3 @@
+export declare function classify(...args: Array<unknown>): string;
+export default classify;
+//# sourceMappingURL=index.d.ts.map

package/lib/utils/classify/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/classify/index.ts"],"names":[],"mappings":"AAQA,wBAAgB,QAAQ,CAAC,GAAG,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,MAAM,CAmBxD;AAED,eAAe,QAAQ,CAAC"}

package/lib/utils/classify/index.js

@@ -8,14 +8,16 @@ exports.default = void 0;
 var _isPlainObject = _interopRequireDefault(require("lodash/isPlainObject"));
 var _map = _interopRequireDefault(require("lodash/map"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function isPlainObjectRecord(v) {
+  return (0, _isPlainObject.default)(v);
+}
 function classify() {
   for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
     args[_key] = arguments[_key];
   }
   return args.map(arg => {
     let mappedArg = arg;
-    if ((0, _isPlainObject.default)(arg)) {
-      // $FlowFixMe[incompatible-call]
+    if (isPlainObjectRecord(arg)) {
       mappedArg = (0, _map.default)(arg, (test, name) => test ? name : null);
     }
     return mappedArg;

package/lib/utils/click-away/ClickAway.stories.d.ts

@@ -0,0 +1,106 @@
+import * as React from 'react';
+import type { ClickAwayProps } from '../../utils/click-away';
+declare const _default: {
+    tags: string[];
+    title: string;
+    argTypes: {
+        closeOnEscapeKeypress: {
+            type: {
+                optional: boolean;
+            };
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        onChange: {
+            type: {
+                optional: boolean;
+            };
+            description: string;
+            action: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        children: {
+            type: {
+                required: boolean;
+            };
+            control: {
+                type: string;
+            };
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        clickAwayRef: {
+            type: {
+                optional: boolean;
+            };
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        triggerRef: {
+            type: {
+                optional: boolean;
+            };
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        boundaryRef: {
+            type: {
+                optional: boolean;
+            };
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+    };
+    parameters: {
+        docs: {
+            subtitle: string;
+            source: {
+                code: null;
+            };
+            description: {
+                component: string;
+            };
+        };
+        storySource: {
+            componentPath: string;
+        };
+    };
+};
+export default _default;
+export declare const _ClickAway: {
+    (args: ClickAwayProps): React.JSX.Element;
+    args: {
+        closeOnEscapeKeypress: boolean;
+    };
+};
+//# sourceMappingURL=ClickAway.stories.d.ts.map

package/lib/utils/click-away/ClickAway.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClickAway.stories.d.ts","sourceRoot":"","sources":["../../../src/utils/click-away/ClickAway.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,wBAAwB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAM3D,wBA4IE;AAEF,eAAO,MAAM,UAAU;WAAU,cAAc;;;;CA0F9C,CAAC"}

package/lib/utils/click-away/click-away.d.ts

@@ -0,0 +1,73 @@
+import * as React from 'react';
+type BoundaryRefType<T> = React.RefObject<T | null>;
+type TriggerRefType<T> = React.RefObject<T | null>;
+export type ChildProps = {
+    onOpen: () => void;
+    isOpen: boolean;
+    height: number | null | undefined;
+    pageBottom: number | null | undefined;
+    clickAway: () => void;
+    boundaryRef: BoundaryRefType<HTMLElement>;
+    triggerRef: TriggerRefType<HTMLElement>;
+};
+export type ClickAwayRefType = {
+    current: {
+        forceClose: () => void;
+        forceOpen: () => void;
+    } | null | undefined;
+} | null | undefined;
+export type ClickAwayProps = {
+    closeOnEscapeKeypress?: boolean;
+    children: (props: ChildProps) => React.ReactNode;
+    onChange?: (isOpen: boolean) => unknown;
+    clickAwayRef?: ClickAwayRefType;
+    /**
+     * When containsNestedFloatingPortals is true, prevents ClickAway from closing the dropdown if the click target
+     * is inside a floating portal root element.
+     *
+     * This is necessary for nested dropdowns rendered using floating portals,
+     * such as via `@floating-ui/react`. Floating portals render elements outside
+     * the normal DOM tree (often directly into `document.body` or another container)
+     * using `ReactDOM.createPortal`. As a result, these nested dropdowns do not
+     * appear inside the parent dropdown's `boundaryRef` or `triggerRef` subtree.
+     *
+     * To address this, the floating portal ensures that all nested dropdowns
+     * are mounted into a **shared root element** — effectively maintaining a
+     * common DOM ancestry. This allows parent dropdowns to detect when clicks
+     * occur within any of their nested children, even if rendered via portals.
+     * The shared root element is the closest parent element that has a `data-floating-ui-portal` attribute.
+     * Because of this, the ClickAway logic will not close the parent menu if the click target is inside boundaryRef's parentElement.
+     *
+     * Enabling `containsNestedFloatingPortals` allows the ClickAway logic to account
+     * for this shared root and avoids incorrectly closing the parent menu when
+     * interacting with nested dropdowns.
+     */
+    containsNestedFloatingPortals?: boolean;
+};
+type ClickAwayState = {
+    isOpen: boolean;
+    height: number | null | undefined;
+    pageBottom: number | null | undefined;
+};
+export declare class ClickAway extends React.Component<ClickAwayProps, ClickAwayState> {
+    static defaultProps: {
+        containsNestedFloatingPortals?: boolean;
+        closeOnEscapeKeypress?: boolean;
+    };
+    state: ClickAwayState;
+    el: HTMLElement | null | undefined;
+    boundaryRef: BoundaryRefType<HTMLElement>;
+    triggerRef: TriggerRefType<HTMLElement>;
+    componentDidMount(): void;
+    componentDidUpdate(_prevProps: ClickAwayProps, prevState: ClickAwayState): void;
+    componentWillUnmount(): void;
+    render(): React.ReactNode;
+    handleOpenClick: () => void;
+    handleCloseClick: (evt: MouseEvent) => void;
+    handleCloseOnEscapeKeypress: (evt?: KeyboardEvent) => void;
+    forceClose: () => void;
+    handleOnChange: () => unknown;
+    pageBottom(): number;
+}
+export {};
+//# sourceMappingURL=click-away.d.ts.map

package/lib/utils/click-away/click-away.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"click-away.d.ts","sourceRoot":"","sources":["../../../src/utils/click-away/click-away.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,KAAK,eAAe,CAAC,CAAC,IAAI,KAAK,CAAC,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;AACpD,KAAK,cAAc,CAAC,CAAC,IAAI,KAAK,CAAC,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;AAEnD,MAAM,MAAM,UAAU,GAAG;IACvB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAClC,UAAU,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACtC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IAC1C,UAAU,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;CACzC,CAAC;AAEF,MAAM,MAAM,gBAAgB,GACxB;IACE,OAAO,EACH;QACE,UAAU,EAAE,MAAM,IAAI,CAAC;QACvB,SAAS,EAAE,MAAM,IAAI,CAAC;KACvB,GACD,IAAI,GACJ,SAAS,CAAC;CACf,GACD,IAAI,GACJ,SAAS,CAAC;AAEd,MAAM,MAAM,cAAc,GAAG;IAC3B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,KAAK,CAAC,SAAS,CAAC;IACjD,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,OAAO,CAAC;IACxC,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,6BAA6B,CAAC,EAAE,OAAO,CAAC;CACzC,CAAC;AAEF,KAAK,cAAc,GAAG;IACpB,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAClC,UAAU,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;CACvC,CAAC;AAIF,qBAAa,SAAU,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,EAAE,cAAc,CAAC;IAC5E,MAAM,CAAC,YAAY,EAAE;QACnB,6BAA6B,CAAC,EAAE,OAAO,CAAC;QACxC,qBAAqB,CAAC,EAAE,OAAO,CAAC;KACjC,CAGC;IAEF,KAAK,EAAE,cAAc,CAInB;IAEF,EAAE,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,CAAQ;IAC1C,WAAW,EAAE,eAAe,CAAC,WAAW,CAAC,CAAkC;IAC3E,UAAU,EAAE,cAAc,CAAC,WAAW,CAAC,CAAkC;IAEzE,iBAAiB;IASjB,kBAAkB,CAAC,UAAU,EAAE,cAAc,EAAE,SAAS,EAAE,cAAc;IAyBxE,oBAAoB;IAUpB,MAAM,IAAI,KAAK,CAAC,SAAS;IAoBzB,eAAe,EAAE,MAAM,IAAI,CAezB;IAEF,gBAAgB,EAAE,CAAC,GAAG,EAAE,UAAU,KAAK,IAAI,CAmCzC;IAEF,2BAA2B,EAAE,CAAC,GAAG,CAAC,EAAE,aAAa,KAAK,IAAI,CAMxD;IAEF,UAAU,EAAE,MAAM,IAAI,CAEpB;IAEF,cAAc,EAAE,MAAM,OAAO,CACmC;IAEhE,UAAU,IAAI,MAAM;CAKrB"}

package/lib/utils/click-away/click-away.js

@@ -10,6 +10,7 @@ var _dom = require("../dom");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 // TODO(Nishant): Make this a functional component
+
 class ClickAway extends React.Component {
   static defaultProps = {
     containsNestedFloatingPortals: false,
@@ -31,7 +32,7 @@ class ClickAway extends React.Component {
       });
     }
   }
-  componentDidUpdate(prevProps, prevState) {
+  componentDidUpdate(_prevProps, prevState) {
     const {
       isOpen
     } = this.state;
@@ -100,10 +101,10 @@ class ClickAway extends React.Component {
     if (evt.target instanceof Node && this.props.containsNestedFloatingPortals && this.boundaryRef.current?.parentElement && (this.boundaryRef.current.parentElement === evt.target || this.boundaryRef.current.parentElement.contains(evt.target))) {
       return;
     }
-    if (evt.target instanceof Node && this.boundaryRef && (this.boundaryRef === evt.target || this.boundaryRef.current?.contains(evt.target))) {
+    if (evt.target instanceof Node && this.boundaryRef && (this.boundaryRef.current === evt.target || this.boundaryRef.current?.contains(evt.target))) {
       return;
     }
-    if (evt.target instanceof Node && this.triggerRef && (this.triggerRef === evt.target || this.triggerRef.current?.contains(evt.target))) {
+    if (evt.target instanceof Node && this.triggerRef && (this.triggerRef.current === evt.target || this.triggerRef.current?.contains(evt.target))) {
       return;
     }
     this.setState({

package/lib/utils/click-away/index.d.ts

@@ -0,0 +1,2 @@
+export * from './click-away';
+//# sourceMappingURL=index.d.ts.map

package/lib/utils/click-away/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/click-away/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/lib/utils/date-range-picker/date-range-picker.d.ts

@@ -0,0 +1,64 @@
+import type { Moment } from 'moment';
+import type { DateRange, DateRangePickerError, DateRangePickerErrorTypes, DateRangeWithTimezone, TimeUnit } from 'src/types/date-range-picker';
+import type { MenuOption } from '../../components/Menu';
+export declare const makeKey: (value: string) => string;
+export declare const NAVIGATION_ACTION: Readonly<{
+    NEXT: "next";
+    PREV: "prev";
+}>;
+export declare const MARKERS: Readonly<{
+    DATE_RANGE_START: "FIRST";
+    DATE_RANGE_END: "SECOND";
+}>;
+export declare const WEEKDAYS: readonly ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
+export declare const getMonths: (t?: ((key: string, fallback: string) => string) | null) => Array<MenuOption>;
+export declare const getDateRangePickerErrors: (t?: ((key: string, fallback: string) => string) | null) => DateRangePickerErrorTypes;
+export declare const checkRangeValidity: (rangeStart: string | null | undefined, rangeEnd: string | null | undefined, errorBody: DateRangePickerError, onError?: (arg1: DateRangePickerError) => void) => boolean;
+export declare const wrangleMoment: (date?: string | Date | Moment) => Date;
+export declare const formatIsoDate: (date?: Moment | string | Date, format?: string) => string;
+export declare const isStartOfRange: ({ startDate }: DateRange, date: string) => boolean;
+export declare const isEndOfRange: ({ endDate }: DateRange, date: string) => boolean;
+export declare const inDateRange: ({ startDate, endDate }: DateRange, date: string) => boolean;
+export declare const isStartDateEndDateSame: ({ startDate, endDate, }: DateRange) => boolean;
+export declare const getDaysInMonth: (date: string) => Array<Array<string>>;
+export declare const getAddedDate: (date: Moment | string, addCount: number, timeUnit: TimeUnit) => string;
+export declare const getSubtractedDate: (date: Moment | string, subtractCount: number, timeUnit: TimeUnit) => string;
+export declare const getMonthEndDate: (date: Moment | string) => string;
+export declare const getTimezones: (t?: ((key: string, fallback: string) => string) | null) => Array<MenuOption>;
+export declare const generateAvailableYears: ({ marker, minDate, maxDate, rangeStartMonth, rangeEndMonth, }: {
+    marker: (typeof MARKERS)[keyof typeof MARKERS];
+    minDate: string;
+    maxDate: string;
+    rangeStartMonth: string;
+    rangeEndMonth: string;
+}) => Array<MenuOption>;
+export declare const getAvailableMonths: ({ marker, minDate, maxDate, rangeStartMonth, rangeEndMonth, t, }: {
+    marker: (typeof MARKERS)[keyof typeof MARKERS];
+    minDate: string;
+    maxDate: string;
+    rangeStartMonth: string;
+    rangeEndMonth: string;
+    t: ((key: string, fallback: string) => string) | null | undefined;
+}) => Array<MenuOption>;
+export declare const getValidDates: ({ selectedDateRange, minDate, maxDate, today, onError, t, }: {
+    selectedDateRange: DateRangeWithTimezone;
+    minDate?: string | null | undefined;
+    maxDate?: string | null | undefined;
+    today: string;
+    onError?: (arg1: DateRangePickerError) => void;
+    t: ((key: string, fallback: string) => string) | null | undefined;
+}) => {
+    validMinDate: string;
+    validMaxDate: string;
+    validDateRange: DateRange;
+};
+export declare const isSame: (date1: Moment | string | Date, date2: Moment | string | Date, unit: "d" | "month") => boolean;
+export declare const isBefore: (date1: Moment | string | Date, date2: Moment | string | Date) => boolean;
+export declare const isAfter: (date1: Moment | string | Date, date2: Moment | string | Date) => boolean;
+export declare const isSameOrBefore: (date1?: Moment | string | Date | null, date2?: Moment | string | Date | null, unit?: "d" | "month") => boolean;
+export declare const isSameOrAfter: (date1?: Moment | string | Date | null, date2?: Moment | string | Date | null, unit?: "d" | "month") => boolean;
+export declare const isBetween: (date: Moment | string | Date, startRange: Moment | string | Date, endRange: Moment | string | Date) => boolean;
+export declare const isValid: (date?: string | null) => boolean;
+export declare const getFormattedDate: (marker: string, dateRange: DateRange, locale?: string) => string;
+export declare const getTranslation: (t: ((key: string, fallback: string) => string) | null | undefined, labelToTranslate: string) => string;
+//# sourceMappingURL=date-range-picker.d.ts.map

package/lib/utils/date-range-picker/date-range-picker.d.ts.map

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

package/lib/utils/date-range-picker/date-range-picker.js

@@ -10,8 +10,6 @@ var _lodash = require("lodash");
 var _moment = _interopRequireDefault(require("moment"));
 var _timezones = require("./timezones");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-// $FlowFixMe - strict types for date-fns
-// $FlowFixMe[untyped-import]
 const makeKey = value => {
   try {
     if (value && typeof value === 'string') {
@@ -110,7 +108,7 @@ const wrangleMoment = date => {
   } else if (!date) {
     return new Date();
   }
-  return date instanceof _moment.default ? date.toDate() : (0, _parseISO.default)(date);
+  return _moment.default.isMoment(date) ? date.toDate() : (0, _parseISO.default)(date);
 };
 exports.wrangleMoment = wrangleMoment;
 const formatIsoDate = function (date) {
@@ -164,8 +162,8 @@ const getMonthAndYear = date => {
 const getDaysInMonth = date => {
   const startWeek = _moment.default.utc(date).startOf('month').startOf('week');
   const endWeek = _moment.default.utc(date).endOf('month').endOf('week');
-  const days = [],
-    current = startWeek;
+  const days = [];
+  const current = startWeek.clone();
   while (isBefore(current, endWeek)) {
     days.push(current.clone().format('YYYY-MM-DD'));
     current.add(1, 'd');
@@ -192,9 +190,10 @@ exports.getSubtractedDate = getSubtractedDate;
 const getMonthEndDate = date => formatIsoDate(_moment.default.utc(date).endOf('M'));
 exports.getMonthEndDate = getMonthEndDate;
 const getTimezones = t => Object.keys(_timezones.TIMEZONES).reduce((menuOptions, key) => {
+  const label = _timezones.TIMEZONES[key];
   menuOptions.push({
     key,
-    label: getTranslation(t, _timezones.TIMEZONES[key])
+    label: getTranslation(t, label)
   });
   return menuOptions;
 }, []);
@@ -235,17 +234,17 @@ const getAvailableMonths = _ref6 => {
     const isFirstAndMinDateYearSame = rangeStartYear === minDateYear;
     const isSecondAndMaxDateYearSame = rangeEndYear === maxDateYear;
     if (marker === MARKERS.DATE_RANGE_START) {
-      if (isSameYear && month.key >= rangeEndMonthKey) {
+      if (isSameYear && Number(month.key) >= rangeEndMonthKey) {
         return false;
-      } else if (isFirstAndMinDateYearSame && month.key < minDateMonth) {
+      } else if (isFirstAndMinDateYearSame && Number(month.key) < minDateMonth) {
         return false;
       } else {
         return true;
       }
     } else {
-      if (isSameYear && month.key <= rangeStartMonthKey) {
+      if (isSameYear && Number(month.key) <= rangeStartMonthKey) {
         return false;
-      } else if (isSecondAndMaxDateYearSame && month.key > maxDateMonth) {
+      } else if (isSecondAndMaxDateYearSame && Number(month.key) > maxDateMonth) {
         return false;
       } else {
         return true;

package/lib/utils/date-range-picker/index.d.ts

@@ -0,0 +1,3 @@
+export * from './date-range-picker';
+export * from './timezones';
+//# sourceMappingURL=index.d.ts.map

package/lib/utils/date-range-picker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/date-range-picker/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC"}

package/lib/utils/date-range-picker/timezones.d.ts

@@ -0,0 +1,5 @@
+export declare const TIMEZONES: Record<string, string>;
+export declare const addTimezoneStartOfDay: (date: string, timezone: string) => string;
+export declare const addTimezoneEndOfDay: (date: string, timezone: string) => string;
+export declare const getTodayInTimezone: (timezone: string) => string;
+//# sourceMappingURL=timezones.d.ts.map

package/lib/utils/date-range-picker/timezones.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"timezones.d.ts","sourceRoot":"","sources":["../../../src/utils/date-range-picker/timezones.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CA6PnC,CAAC;AAEX,eAAO,MAAM,qBAAqB,GAAI,MAAM,MAAM,EAAE,UAAU,MAAM,KAAG,MACjB,CAAC;AAEvD,eAAO,MAAM,mBAAmB,GAAI,MAAM,MAAM,EAAE,UAAU,MAAM,KAAG,MACjB,CAAC;AAErD,eAAO,MAAM,kBAAkB,GAAI,UAAU,MAAM,KAAG,MACZ,CAAC"}

package/lib/utils/date-range-picker/timezones.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.getTodayInTimezone = exports.addTimezoneStartOfDay = exports.addTimezoneEndOfDay = exports.TIMEZONES = void 0;
 var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-// $FlowFixMe[untyped-import]
 const TIMEZONES = exports.TIMEZONES = {
   'Pacific/Niue': '(GMT-11:00) Niue',
   'Pacific/Pago_Pago': '(GMT-11:00) Pago Pago',

package/lib/utils/dom/dom.d.ts

@@ -0,0 +1,30 @@
+import type * as React from 'react';
+export type Placement = 'top' | 'left' | 'right' | 'bottom';
+export type ArrowPosition = 'start' | 'center' | 'end';
+export type Justify = ArrowPosition;
+export type PositionedPlacement = {
+    placement: Placement;
+    x: number;
+    y: number;
+};
+export declare function createElement(document: Document, type: string, props: Record<string, unknown>): HTMLElement;
+export declare function pageHeight(): number;
+export declare function getFixedAnchorPosition(element: HTMLElement, placement?: Placement, pad?: number, justify?: Justify): PositionedPlacement;
+export declare function getAnchorPosition(element: HTMLElement, placement?: Placement, pad?: number, justify?: Justify): PositionedPlacement;
+export declare function pxToNumber(px: string): number;
+type EventListenerOptionsOrUseCapture = boolean | AddEventListenerOptions;
+type Handlers = Partial<Record<string, EventListener>>;
+export declare function listen(target: EventTarget, handlers: Handlers, options?: EventListenerOptionsOrUseCapture, hook?: 'addEventListener' | 'removeEventListener'): void;
+export declare function forget(target: EventTarget, events: Handlers, options?: EventListenerOptionsOrUseCapture): void;
+type MixedEvent = React.SyntheticEvent<EventTarget> | Event;
+export declare function stopEvent(event: MixedEvent): void;
+export declare function stopEventImmediately(event: React.SyntheticEvent<EventTarget>): void;
+export declare function cancelEvent(event: MixedEvent): void;
+export declare function requestPointerLock(element: Element): Promise<void>;
+export declare function checkDateInputSupport(): boolean;
+export declare const getListPasteHandler: ({ listItemSeparatorRegex, handleValue, }: {
+    listItemSeparatorRegex?: RegExp;
+    handleValue?: (arg1: string[]) => unknown;
+}) => ((arg1: ClipboardEvent) => unknown);
+export {};
+//# sourceMappingURL=dom.d.ts.map

package/lib/utils/dom/dom.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../../../src/utils/dom/dom.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,MAAM,MAAM,SAAS,GAAG,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;AAC5D,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AACvD,MAAM,MAAM,OAAO,GAAG,aAAa,CAAC;AAEpC,MAAM,MAAM,mBAAmB,GAAG;IAChC,SAAS,EAAE,SAAS,CAAC;IACrB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX,CAAC;AAEF,wBAAgB,aAAa,CAC3B,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAC7B,WAAW,CAGb;AAED,wBAAgB,UAAU,IAAI,MAAM,CAQnC;AAED,wBAAgB,sBAAsB,CACpC,OAAO,EAAE,WAAW,EACpB,SAAS,GAAE,SAAiB,EAC5B,GAAG,GAAE,MAAU,EACf,OAAO,GAAE,OAAkB,GAC1B,mBAAmB,CA8DrB;AAED,wBAAgB,iBAAiB,CAC/B,OAAO,EAAE,WAAW,EACpB,SAAS,GAAE,SAAiB,EAC5B,GAAG,GAAE,MAAU,EACf,OAAO,GAAE,OAAkB,GAC1B,mBAAmB,CAQrB;AAED,wBAAgB,UAAU,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,CAE7C;AAED,KAAK,gCAAgC,GAAG,OAAO,GAAG,uBAAuB,CAAC;AAG1E,KAAK,QAAQ,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC;AAEvD,wBAAgB,MAAM,CACpB,MAAM,EAAE,WAAW,EACnB,QAAQ,EAAE,QAAQ,EAClB,OAAO,CAAC,EAAE,gCAAgC,EAC1C,IAAI,GAAE,kBAAkB,GAAG,qBAA0C,QActE;AAED,wBAAgB,MAAM,CACpB,MAAM,EAAE,WAAW,EACnB,MAAM,EAAE,QAAQ,EAChB,OAAO,CAAC,EAAE,gCAAgC,GACzC,IAAI,CAEN;AAED,KAAK,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,KAAK,CAAC;AAE5D,wBAAgB,SAAS,CAAC,KAAK,EAAE,UAAU,QAE1C;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,QAK5E;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,UAAU,QAG5C;AAED,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,CA4BlE;AAED,wBAAgB,qBAAqB,IAAI,OAAO,CAQ/C;AAGD,eAAO,MAAM,mBAAmB,GAAI,0CAGjC;IACD,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,OAAO,CAAC;CAC3C,KAAG,CAAC,CAAC,IAAI,EAAE,cAAc,KAAK,OAAO,CAwBrC,CAAC"}