@spaced-out/ui-design-system 0.4.13 → 0.4.15-beta.0

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

@@ -0,0 +1,76 @@
+export declare const deepMerge: <T extends Record<any, any>>(obj1: Partial<T> | null | undefined, obj2: Partial<T> | null | undefined, ...args: Array<Partial<T> | null | undefined>) => T;
+export declare const rightLineLegendColumn: {
+    readonly layout: "vertical";
+    readonly align: "right";
+    readonly verticalAlign: "middle";
+    readonly itemMarginBottom: 12;
+    readonly symbolPadding: 4;
+    readonly symbolWidth: 16;
+    readonly width: "40%";
+};
+export declare const bottomLegendRow: {
+    readonly layout: "horizontal";
+    readonly align: "center";
+    readonly verticalAlign: "bottom";
+    readonly itemDistance: 20;
+    readonly symbolPadding: 4;
+    readonly symbolWidth: 16;
+};
+export declare const yAxisTitleStyle: {
+    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";
+};
+export declare const xAxisTitleStyle: {
+    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";
+};
+export declare const yAxisLabelStyle: {
+    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 xAxisLabelStyle: {
+    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 activeLabelStyle: {
+    readonly color: "#17172A";
+    readonly fill: "#17172A";
+    readonly textDecoration: "underline";
+    readonly fontSize: "12px";
+    readonly letterSpacing: "0.01em";
+    readonly fontFamily: "Centra No 2";
+    readonly fontStyle: "normal";
+    readonly margin: 0;
+    readonly fontWeight: "500";
+    readonly display: "flex";
+    readonly alignItems: "center";
+};
+//# sourceMappingURL=helpers.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/utils/charts/helpers.ts"],"names":[],"mappings":"AAeA,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,EAClD,MAAM,OAAO,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,SAAS,EACnC,MAAM,OAAO,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,SAAS,EACnC,GAAG,MAAM,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC,KAC5C,CAC2B,CAAC;AAE/B,eAAO,MAAM,qBAAqB;;;;;;;;CAQxB,CAAC;AAEX,eAAO,MAAM,eAAe;;;;;;;CAOlB,CAAC;AAEX,eAAO,MAAM,eAAe;;;;;;;;;;CAGlB,CAAC;AAEX,eAAO,MAAM,eAAe;;;;;;;;;;CAGlB,CAAC;AAEX,eAAO,MAAM,eAAe;;;;;;;;;;CAElB,CAAC;AAEX,eAAO,MAAM,eAAe;;;;;;;;;;CAElB,CAAC;AAEX,eAAO,MAAM,gBAAgB;;;;;;;;;;;;CAKnB,CAAC"}

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,YAiCrC,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: {
@@ -31,6 +32,7 @@ const getLineChartOptions = () => ({
       margin: 12,
       style: _helpers.xAxisTitleStyle
     },
+    // @ts-ignore - TS2322 - Type '{ labels: { style: { 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"; }; }; ... 6 more ...; type?: string | un...' is not assignable to type 'AxisOptions'.
     lineColor: _color.colorBorderPrimary
   },
   yAxis: {

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/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":"AAIA,wBAAgB,QAAQ,CAAC,GAAG,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,MAAM,CAoBxD;AAED,eAAe,QAAQ,CAAC"}

package/lib/utils/classify/index.js

@@ -15,7 +15,7 @@ function classify() {
   return args.map(arg => {
     let mappedArg = arg;
     if ((0, _isPlainObject.default)(arg)) {
-      // $FlowFixMe[incompatible-call]
+      // @ts-ignore - TS2769 - No overload matches this call.
       mappedArg = (0, _map.default)(arg, (test, name) => test ? name : null);
     }
     return mappedArg;

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

@@ -0,0 +1,77 @@
+import * as React from 'react';
+type BoundaryRefType<T> = {
+    current: T | null | undefined;
+};
+type TriggerRefType<T> = {
+    current: T | null | undefined;
+};
+export type ChildProps = {
+    onOpen: () => void;
+    isOpen: boolean;
+    height: number | null | undefined;
+    pageBottom: number | null | undefined;
+    clickAway: () => void;
+    boundaryRef: BoundaryRefType<HTMLElement | null | undefined>;
+    triggerRef: TriggerRefType<HTMLElement | null | undefined>;
+};
+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 | null | undefined>;
+    triggerRef: TriggerRefType<HTMLElement | null | undefined>;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: ClickAwayProps, prevState: ClickAwayState): void;
+    componentWillUnmount(): void;
+    render(): React.ReactNode;
+    handleOpenClick: () => void;
+    handleCloseClick: (evt: MouseEvent) => void;
+    handleCloseOnEscapeKeypress: (evt?: React.KeyboardEvent<EventTarget>) => void;
+    forceClose: () => void;
+    handleOnChange: () => unknown;
+    pageBottom(): any;
+}
+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;IACxB,OAAO,EAAE,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;CAC/B,CAAC;AAEF,KAAK,cAAc,CAAC,CAAC,IAAI;IACvB,OAAO,EAAE,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;CAC/B,CAAC;AAEF,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,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;IAC7D,UAAU,EAAE,cAAc,CAAC,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;CAC5D,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,EAAE;QACP,UAAU,EAAE,MAAM,IAAI,CAAC;QACvB,SAAS,EAAE,MAAM,IAAI,CAAC;KACvB,GAAG,IAAI,GAAG,SAAS,CAAC;CACtB,GAAG,IAAI,GAAG,SAAS,CAAC;AAErB,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;;;;;;;;;;;;;;;;;;;;SAoBK;IACL,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,CAGG;IAEJ,KAAK,EAAE,cAAc,CAInB;IAEF,EAAE,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,CAAQ;IAC1C,WAAW,EAAE,eAAe,CAAC,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC,CAAqB;IACjF,UAAU,EAAE,cAAc,CAAC,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC,CAAqB;IAE/E,iBAAiB;IAUjB,kBAAkB,CAAC,SAAS,EAAE,cAAc,EAAE,SAAS,EAAE,cAAc;IA2BvE,oBAAoB;IAWpB,MAAM,IAAI,KAAK,CAAC,SAAS;IAoBzB,eAAe,EAAE,MAAM,IAAI,CAezB;IAEF,gBAAgB,EAAE,CAAC,GAAG,EAAE,UAAU,KAAK,IAAI,CAqCzC;IAEF,2BAA2B,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,KAAK,IAAI,CAIzE;IAEJ,UAAU,EAAE,MAAM,IAAI,CAEpB;IAEF,cAAc,EAAE,MAAM,OAAO,CACmC;IAEhE,UAAU,IAAI,GAAG;CAKlB"}

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,6 +32,8 @@ class ClickAway extends React.Component {
       });
     }
   }
+
+  // @ts-ignore - TS6133 - 'prevProps' is declared but its value is never read.
   componentDidUpdate(prevProps, prevState) {
     const {
       isOpen
@@ -41,13 +44,17 @@ class ClickAway extends React.Component {
           capture: true
         });
         if (this.props.closeOnEscapeKeypress) {
-          window.document.addEventListener('keyup', this.handleCloseOnEscapeKeypress);
+          window.document.addEventListener('keyup',
+          // @ts-ignore - TS2769 - No overload matches this call.
+          this.handleCloseOnEscapeKeypress);
         }
       } else {
         window.document.removeEventListener('click', this.handleCloseClick, {
           capture: true
         });
-        window.document.removeEventListener('keyup', this.handleCloseOnEscapeKeypress);
+        window.document.removeEventListener('keyup',
+        // @ts-ignore - TS2769 - No overload matches this call.
+        this.handleCloseOnEscapeKeypress);
       }
     }
   }
@@ -55,7 +62,9 @@ class ClickAway extends React.Component {
     window.document.removeEventListener('click', this.handleCloseClick, {
       capture: true
     });
-    window.document.removeEventListener('keyup', this.handleCloseOnEscapeKeypress);
+    window.document.removeEventListener('keyup',
+    // @ts-ignore - TS2769 - No overload matches this call.
+    this.handleCloseOnEscapeKeypress);
   }
   render() {
     const {
@@ -100,10 +109,14 @@ 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 && (
+    // @ts-ignore - TS2367 - This condition will always return 'false' since the types 'BoundaryRefType<HTMLElement | null | undefined>' and 'Node' have no overlap.
+    this.boundaryRef === 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 && (
+    // @ts-ignore - TS2367 - This condition will always return 'false' since the types 'TriggerRefType<HTMLElement | null | undefined>' and 'Node' have no overlap.
+    this.triggerRef === 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,63 @@
+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) => Date;
+export declare const formatIsoDate: (date?: 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: string, addCount: number, timeUnit: TimeUnit) => string;
+export declare const getSubtractedDate: (date: string, subtractCount: number, timeUnit: TimeUnit) => string;
+export declare const getMonthEndDate: (date: 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: string, date2: string, unit: "d" | "month") => boolean;
+export declare const isBefore: (date1: string, date2: string) => boolean;
+export declare const isAfter: (date1: string, date2: string) => boolean;
+export declare const isSameOrBefore: (date1?: string | null, date2?: string | null, unit?: "d" | "month") => boolean;
+export declare const isSameOrAfter: (date1?: string | null, date2?: string | null, unit?: "d" | "month") => boolean;
+export declare const isBetween: (date: string, startRange: string, endRange: string) => 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,6 +108,7 @@ const wrangleMoment = date => {
   } else if (!date) {
     return new Date();
   }
+  // @ts-ignore - TS2358 - The left-hand side of an 'instanceof' expression must be of type 'any', an object type or a type parameter. | TS2339 - Property 'toDate' does not exist on type 'string'.
   return date instanceof _moment.default ? date.toDate() : (0, _parseISO.default)(date);
 };
 exports.wrangleMoment = wrangleMoment;
@@ -141,6 +140,7 @@ const inDateRange = (_ref3, date) => {
     const momentDay = _moment.default.utc(date);
     const momentStartDate = _moment.default.utc(startDate);
     const momentEndDate = _moment.default.utc(endDate);
+    // @ts-ignore - TS2345 - Argument of type 'Moment' is not assignable to parameter of type 'string'.
     return isBetween(momentDay, momentStartDate, momentEndDate);
   }
   return false;
@@ -166,6 +166,8 @@ const getDaysInMonth = date => {
   const endWeek = _moment.default.utc(date).endOf('month').endOf('week');
   const days = [],
     current = startWeek;
+
+  // @ts-ignore - TS2345 - Argument of type 'Moment' is not assignable to parameter of type 'string'.
   while (isBefore(current, endWeek)) {
     days.push(current.clone().format('YYYY-MM-DD'));
     current.add(1, 'd');
@@ -174,8 +176,10 @@ const getDaysInMonth = date => {
 
   // if total rows in calendar are 5 add one more week to the calendar
   if (daysInChunks.length === 5) {
+    // @ts-ignore - TS2345 - Argument of type 'Moment' is not assignable to parameter of type 'string'.
     const nextWeek = getAddedDate(endWeek, WEEKDAYS.length, 'd');
     const extraDays = [];
+    // @ts-ignore - TS2345 - Argument of type 'Moment' is not assignable to parameter of type 'string'.
     while (isSameOrBefore(current, nextWeek)) {
       extraDays.push(current.clone().format('YYYY-MM-DD'));
       current.add(1, 'd');
@@ -184,16 +188,23 @@ const getDaysInMonth = date => {
   }
   return daysInChunks;
 };
+
+// @ts-ignore - TS2345 - Argument of type 'Moment' is not assignable to parameter of type 'string | Date | undefined'.
 exports.getDaysInMonth = getDaysInMonth;
 const getAddedDate = (date, addCount, timeUnit) => formatIsoDate(_moment.default.utc(date).add(addCount, timeUnit));
+
+// @ts-ignore - TS2345 - Argument of type 'Moment' is not assignable to parameter of type 'string | Date | undefined'.
 exports.getAddedDate = getAddedDate;
 const getSubtractedDate = (date, subtractCount, timeUnit) => formatIsoDate(_moment.default.utc(date).subtract(subtractCount, timeUnit));
+
+// @ts-ignore - TS2345 - Argument of type 'Moment' is not assignable to parameter of type 'string | Date | undefined'.
 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) => {
   menuOptions.push({
     key,
+    // @ts-ignore - TS7053 - Element implicitly has an 'any' type because expression of type 'string' can't be used to index type '{ readonly 'Pacific/Niue': "(GMT-11:00) Niue"; readonly 'Pacific/Pago_Pago': "(GMT-11:00) Pago Pago"; readonly 'Pacific/Honolulu': "(GMT-10:00) Hawaii Time"; readonly 'Pacific/Rarotonga': "(GMT-10:00) Rarotonga"; ... 247 more ...; readonly 'Pacific/Kiritimati': "(GMT+14:00) Kiritimati"; }'.
     label: getTranslation(t, _timezones.TIMEZONES[key])
   });
   return menuOptions;
@@ -235,16 +246,20 @@ const getAvailableMonths = _ref6 => {
     const isFirstAndMinDateYearSame = rangeStartYear === minDateYear;
     const isSecondAndMaxDateYearSame = rangeEndYear === maxDateYear;
     if (marker === MARKERS.DATE_RANGE_START) {
+      // @ts-ignore - TS2365 - Operator '>=' cannot be applied to types 'string' and 'number'.
       if (isSameYear && month.key >= rangeEndMonthKey) {
         return false;
+        // @ts-ignore - TS2365 - Operator '<' cannot be applied to types 'string' and 'number'.
       } else if (isFirstAndMinDateYearSame && month.key < minDateMonth) {
         return false;
       } else {
         return true;
       }
     } else {
+      // @ts-ignore - TS2365 - Operator '<=' cannot be applied to types 'string' and 'number'.
       if (isSameYear && month.key <= rangeStartMonthKey) {
         return false;
+        // @ts-ignore - TS2365 - Operator '>' cannot be applied to types 'string' and 'number'.
       } else if (isSecondAndMaxDateYearSame && month.key > maxDateMonth) {
         return false;
       } else {

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"}