@spaced-out/ui-design-system 0.5.7-beta.0 → 0.5.7-beta.2

package/lib/components/ButtonTabs/ButtonTabDropdown.js

@@ -7,14 +7,14 @@ exports.ButtonTabDropdown = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _react2 = require("@floating-ui/react");
 var _lodash = require("lodash");
-var _space = require("../../styles/variables/_space");
-var _classify = _interopRequireDefault(require("../../utils/classify"));
-var _clickAway = require("../../utils/click-away");
-var _mergeRefs = require("../../utils/merge-refs");
-var _Menu = require("../Menu");
-var _Tooltip = require("../Tooltip");
-var _ButtonTab = require("./ButtonTab");
-var _ButtonTabDropdownModule = _interopRequireDefault(require("./ButtonTabDropdown.module.css"));
+var _space = require("src/styles/variables/_space");
+var _classify = _interopRequireDefault(require("src/utils/classify"));
+var _clickAway = require("src/utils/click-away");
+var _mergeRefs = require("src/utils/merge-refs");
+var _ButtonTab = require("src/components/ButtonTabs/ButtonTab");
+var _Menu = require("src/components/Menu");
+var _Tooltip = require("src/components/Tooltip");
+var _ButtonTabDropdownModule = _interopRequireDefault(require("src/components/ButtonTabs/ButtonTabDropdown.module.css"));
 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); }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
@@ -42,7 +42,6 @@ const ButtonTabDropdown = _ref => {
       iconType,
       classNames,
       size: buttonSize
-      // @ts-ignore - TS2339 - Property 'props' does not exist on type 'string | number | bigint | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | Promise<...>'.
     } = child.props;
     return {
       key: id,
@@ -70,7 +69,6 @@ const ButtonTabDropdown = _ref => {
   } = (0, _react2.useFloating)({
     open: true,
     strategy: 'absolute',
-    // @ts-ignore - TS2322 - Type 'string' is not assignable to type 'Placement | undefined'.
     placement: anchorPosition,
     whileElementsMounted: _react2.autoUpdate,
     middleware: [(0, _react2.shift)(), (0, _react2.flip)(), (0, _react2.offset)(parseInt(_space.spaceXXSmall))]
@@ -87,25 +85,18 @@ const ButtonTabDropdown = _ref => {
       "data-testid": "ButtonTabDropdown",
       className: (0, _classify.default)(_ButtonTabDropdownModule.default.buttonTabDropDownWrapper, dropdownClass)
     }, /*#__PURE__*/React.createElement(_ButtonTab.ButtonTab, _extends({}, buttonTabProps, {
-      // @ts-ignore - TS2322 - Type '((node: ReferenceType | null) => void) & ((node: ReferenceType | null) => void)' is not assignable to type '{ current: HTMLElement | null | undefined; }'.
       ref: (0, _mergeRefs.mergeRefs)([refs.setReference, triggerRef]),
-      selectedButtonTabId: moreTabSelectedId
-      // @ts-ignore - TS6133 - 'id' is declared but its value is never read.
-      ,
-      onButtonTabSelect: (id, e) => {
+      selectedButtonTabId: moreTabSelectedId,
+      onButtonTabSelect: (_id, e) => {
         e?.stopPropagation();
         onOpen();
       }
     }), title), isOpen && /*#__PURE__*/React.createElement(_react2.FloatingPortal, null, /*#__PURE__*/React.createElement(_react2.FloatingFocusManager, {
       modal: false,
-      context: context
-      // @ts-ignore - TS2322 - Type 'MutableRefObject<ReferenceType | null> & MutableRefObject<ReferenceType | null>' is not assignable to type 'number | MutableRefObject<HTMLElement | null> | undefined'.
-      ,
+      context: context,
       initialFocus: refs.reference
     }, /*#__PURE__*/React.createElement("div", {
-      className: _ButtonTabDropdownModule.default.menuWrapper
-      // @ts-ignore - TS2322 - Type '((node: HTMLElement | null) => void) & ((node: HTMLElement | null) => void)' is not assignable to type '{ current: HTMLElement | null | undefined; }'.
-      ,
+      className: _ButtonTabDropdownModule.default.menuWrapper,
       ref: (0, _mergeRefs.mergeRefs)([refs.setFloating, boundaryRef]),
       style: {
         display: 'flex',
@@ -116,7 +107,7 @@ const ButtonTabDropdown = _ref => {
       }
     }, /*#__PURE__*/React.createElement(_Menu.Menu, {
       onSelect: (option, e) => {
-        onTabSelect && onTabSelect(option.key, e);
+        onTabSelect?.(option.key, e);
         clickAway();
       },
       size: size,

package/lib/components/ButtonTabs/ButtonTabs.d.ts

@@ -1,12 +1,12 @@
 import * as React from 'react';
 import type { Flow } from 'flow-to-typescript-codemod';
-import type { AnchorType } from '../ButtonDropdown';
-import type { ElevationType } from '../Tooltip';
+import type { AnchorType } from 'src/components/ButtonDropdown';
+import type { ElevationType } from 'src/components/Tooltip';
 type ClassNames = Readonly<{
     wrapper?: string;
     buttonTabDropdownWrapper?: string;
 }>;
-export type ButtonTabsProps = {
+export interface ButtonTabsProps {
     classNames?: ClassNames;
     children: React.ReactNode;
     isFluid?: boolean;
@@ -18,7 +18,7 @@ export type ButtonTabsProps = {
     elevation?: ElevationType;
     wrapTabTitle?: string;
     anchorPosition?: AnchorType;
-};
+}
 export declare const ButtonTabs: Flow.AbstractComponent<ButtonTabsProps, HTMLDivElement>;
 export {};
 //# sourceMappingURL=ButtonTabs.d.ts.map

package/lib/components/ButtonTabs/ButtonTabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonTabs.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonTabs/ButtonTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAGrD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,mBAAmB,CAAC;AAClD,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,YAAY,CAAC;AAO9C,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,wBAAwB,CAAC,EAAE,MAAM,CAAC;CACnC,CAAC,CAAC;AAEH,MAAM,MAAM,eAAe,GAAG;IAC5B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,iBAAiB,CAAC,EACd,CAAC,CACC,EAAE,EAAE,MAAM,EACV,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,IAAI,GAAG,SAAS,KACrD,OAAO,CAAC,GACb,IAAI,GACJ,SAAS,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,UAAU,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,IAAI,CAAC,iBAAiB,CAC7C,eAAe,EACf,cAAc,CAyFf,CAAC"}
+{"version":3,"file":"ButtonTabs.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonTabs/ButtonTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAIrD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,+BAA+B,CAAC;AAE9D,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,wBAAwB,CAAC;AAa1D,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,wBAAwB,CAAC,EAAE,MAAM,CAAC;CACnC,CAAC,CAAC;AAEH,MAAM,WAAW,eAAe;IAC9B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,iBAAiB,CAAC,EACd,CAAC,CACC,EAAE,EAAE,MAAM,EACV,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,IAAI,GAAG,SAAS,KACrD,OAAO,CAAC,GACb,IAAI,GACJ,SAAS,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,UAAU,CAAC;CAC7B;AAED,eAAO,MAAM,UAAU,EAAE,IAAI,CAAC,iBAAiB,CAC7C,eAAe,EACf,cAAc,CAsFf,CAAC"}

package/lib/components/ButtonTabs/ButtonTabs.js

@@ -5,11 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ButtonTabs = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _classify = _interopRequireDefault(require("../../utils/classify"));
-var _ButtonTabDropdown = require("./ButtonTabDropdown");
-var _ButtonTabsModule = _interopRequireDefault(require("./ButtonTabs.module.css"));
+var _classify = _interopRequireDefault(require("src/utils/classify"));
+var _ButtonTabDropdown = require("src/components/ButtonTabs/ButtonTabDropdown");
+var _ButtonTabsModule = _interopRequireDefault(require("src/components/ButtonTabs/ButtonTabs.module.css"));
 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); }
+// Type definitions for child components
+
 const ButtonTabs = exports.ButtonTabs = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     classNames,
@@ -29,7 +31,6 @@ const ButtonTabs = exports.ButtonTabs = /*#__PURE__*/React.forwardRef((_ref, ref
   let wrappedNodes = [];
   if (typeof wrapAfter === 'number' && wrapAfter > -1) {
     unwrappedNodes = childrenArray.slice(0, wrapAfter);
-    // @ts-ignore - TS2322 - Type '(string | number | bigint | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | Promise<...>)[]' is not assignable to type 'never[]'.
     wrappedNodes = childrenArray.slice(wrapAfter);
     if (wrappedNodes.length) {
       unwrappedNodes.push(/*#__PURE__*/React.createElement(_ButtonTabDropdown.ButtonTabDropdown, {
@@ -44,7 +45,6 @@ const ButtonTabs = exports.ButtonTabs = /*#__PURE__*/React.forwardRef((_ref, ref
   }
   const childrenWithProps = unwrappedNodes.map((child, index) => {
     if (/*#__PURE__*/React.isValidElement(child)) {
-      // @ts-ignore - TS2339 - Property 'disabled' does not exist on type 'unknown'. | TS2339 - Property 'classNames' does not exist on type 'unknown'.
       const {
         disabled: disabledChild,
         classNames: classNamesChild
@@ -52,7 +52,6 @@ const ButtonTabs = exports.ButtonTabs = /*#__PURE__*/React.forwardRef((_ref, ref
       const isFirst = index === 0;
       const isLast = index === unwrappedNodes.length - 1;
       return /*#__PURE__*/React.cloneElement(child, {
-        // @ts-ignore - TS2698 - Spread types may only be created from object types.
         ...child.props,
         isFluid,
         size,

package/lib/components/ButtonTabs/ButtonTabs.stories.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { ButtonTabsProps } from './ButtonTabs';
+import type { ButtonTabsProps } from 'src/components/ButtonTabs/ButtonTabs';
 declare const _default: {
     tags: string[];
     title: string;

package/lib/components/ButtonTabs/ButtonTabs.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonTabs.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonTabs/ButtonTabs.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWlD,wBA2IE;AAEF,eAAO,MAAM,SAAS;WAAU,eAAe;;;;CAmB9C,CAAC;AAMF,eAAO,MAAM,YAAY;WAAU,eAAe;;;;CA6BjD,CAAC;AAMF,eAAO,MAAM,SAAS;WAAU,eAAe;;;;CAqC9C,CAAC;AAMF,eAAO,MAAM,gBAAgB;WAAU,eAAe;;;;;CAyDrD,CAAC;AAOF,eAAO,MAAM,QAAQ;WAAU,eAAe;;;;;CAoC7C,CAAC;AAOF,eAAO,MAAM,gBAAgB;WAAU,eAAe;;;;CAuBrD,CAAC"}
+{"version":3,"file":"ButtonTabs.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonTabs/ButtonTabs.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,sCAAsC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAY1E,wBA2IE;AAEF,eAAO,MAAM,SAAS;WAAU,eAAe;;;;CAmB9C,CAAC;AAMF,eAAO,MAAM,YAAY;WAAU,eAAe;;;;CA6BjD,CAAC;AAMF,eAAO,MAAM,SAAS;WAAU,eAAe;;;;CAqC9C,CAAC;AAMF,eAAO,MAAM,gBAAgB;WAAU,eAAe;;;;;CAyDrD,CAAC;AAOF,eAAO,MAAM,QAAQ;WAAU,eAAe;;;;;CAoC7C,CAAC;AAOF,eAAO,MAAM,gBAAgB;WAAU,eAAe;;;;CAuBrD,CAAC"}

package/lib/components/ButtonTabs/index.d.ts

@@ -1,3 +1,3 @@
-export * from './ButtonTab';
-export * from './ButtonTabs';
+export * from 'src/components/ButtonTabs/ButtonTab';
+export * from 'src/components/ButtonTabs/ButtonTabs';
 //# sourceMappingURL=index.d.ts.map

package/lib/components/ButtonTabs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonTabs/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonTabs/index.ts"],"names":[],"mappings":"AAAA,cAAc,qCAAqC,CAAC;AACpD,cAAc,sCAAsC,CAAC"}

package/lib/components/ButtonTabs/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _ButtonTab = require("./ButtonTab");
+var _ButtonTab = require("src/components/ButtonTabs/ButtonTab");
 Object.keys(_ButtonTab).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _ButtonTab[key]) return;
@@ -14,7 +14,7 @@ Object.keys(_ButtonTab).forEach(function (key) {
     }
   });
 });
-var _ButtonTabs = require("./ButtonTabs");
+var _ButtonTabs = require("src/components/ButtonTabs/ButtonTabs");
 Object.keys(_ButtonTabs).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _ButtonTabs[key]) return;

package/lib/components/Card/Card.d.ts

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import type { Flow } from 'flow-to-typescript-codemod';
-import type { Over } from '../../types/utils';
 type ClassNames = Readonly<{
     wrapper?: string;
 }>;
@@ -11,22 +10,25 @@ export declare const PADDING_SIZES: Readonly<{
     none: "none";
 }>;
 export type PaddingSizeType = (typeof PADDING_SIZES)[keyof typeof PADDING_SIZES];
-export type CardProps = {
+export interface CardProps {
     classNames?: ClassNames;
+    tabIndex?: number;
+    onClick?: (e: React.SyntheticEvent<HTMLElement>) => void;
+    onKeyDown?: (e: React.KeyboardEvent<HTMLElement>) => void;
     children: React.ReactNode;
     paddingTop?: PaddingSizeType;
     paddingRight?: PaddingSizeType;
     paddingBottom?: PaddingSizeType;
     paddingLeft?: PaddingSizeType;
-};
-export type CardChildProps = {
+}
+export interface CardChildProps {
     className?: string;
     children: React.ReactNode;
-};
-export type ClickableCardProps = Over<CardProps, {
+}
+export interface ClickableCardProps extends Omit<CardProps, 'onClick' | 'disabled'> {
     onClick?: ((arg1: React.SyntheticEvent<HTMLElement>) => unknown) | null | undefined;
     disabled?: boolean;
-}>;
+}
 export declare const CardHeader: ({ className, children, ...props }: CardChildProps) => React.JSX.Element;
 export declare const CardTitle: ({ className, children, ...props }: CardChildProps) => React.JSX.Element;
 export declare const CardActions: ({ className, children, ...props }: CardChildProps) => React.JSX.Element;

package/lib/components/Card/Card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAGrD,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAO5C,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,eAAO,MAAM,aAAa;;;;;EAKxB,CAAC;AAEH,MAAM,MAAM,eAAe,GACzB,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAErD,MAAM,MAAM,SAAS,GAAG;IACtB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,aAAa,CAAC,EAAE,eAAe,CAAC;IAChC,WAAW,CAAC,EAAE,eAAe,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,SAAS,EACT;IACE,OAAO,CAAC,EACJ,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,OAAO,CAAC,GACtD,IAAI,GACJ,SAAS,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CACF,CAAC;AAQF,eAAO,MAAM,UAAU,GAAI,mCAAiC,cAAc,sBAIzE,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,mCAAiC,cAAc,sBAIxE,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,mCAIzB,cAAc,sBAIhB,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,mCAAiC,cAAc,sBAIzE,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,mCAIzB,cAAc,sBAIhB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,IAAI,CAAC,iBAAiB,CAAC,SAAS,EAAE,cAAc,CA6BhE,CAAC;AAEJ,eAAO,MAAM,aAAa,EAAE,IAAI,CAAC,iBAAiB,CAChD,kBAAkB,EAClB,cAAc,CA2Cf,CAAC"}
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AASrD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,eAAO,MAAM,aAAa;;;;;EAKxB,CAAC;AAEH,MAAM,MAAM,eAAe,GACzB,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAErD,MAAM,WAAW,SAAS;IACxB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACzD,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC1D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,aAAa,CAAC,EAAE,eAAe,CAAC;IAChC,WAAW,CAAC,EAAE,eAAe,CAAC;CAC/B;AAED,MAAM,WAAW,cAAc;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,SAAS,EAAE,SAAS,GAAG,UAAU,CAAC;IAC/C,OAAO,CAAC,EACJ,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,OAAO,CAAC,GACtD,IAAI,GACJ,SAAS,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAOD,eAAO,MAAM,UAAU,GAAI,mCAAiC,cAAc,sBAIzE,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,mCAAiC,cAAc,sBAIxE,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,mCAIzB,cAAc,sBAIhB,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,mCAAiC,cAAc,sBAIzE,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,mCAIzB,cAAc,sBAIhB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,IAAI,CAAC,iBAAiB,CAAC,SAAS,EAAE,cAAc,CA6BhE,CAAC;AAEJ,eAAO,MAAM,aAAa,EAAE,IAAI,CAAC,iBAAiB,CAChD,kBAAkB,EAClB,cAAc,CA+Cf,CAAC"}

package/lib/components/Card/Card.js

@@ -5,10 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.PADDING_SIZES = exports.ClickableCard = exports.CardTitle = exports.CardHeader = exports.CardFooter = exports.CardContent = exports.CardActions = exports.Card = void 0;
 var React = _interopRequireWildcard(require("react"));
-var SPACES = _interopRequireWildcard(require("../../styles/variables/_space"));
-var _classify = _interopRequireDefault(require("../../utils/classify"));
-var _string = require("../../utils/string");
-var _CardModule = _interopRequireDefault(require("./Card.module.css"));
+var SPACES = _interopRequireWildcard(require("src/styles/variables/_space"));
+var _classify = _interopRequireDefault(require("src/utils/classify"));
+var _string = require("src/utils/string");
+var _CardModule = _interopRequireDefault(require("src/components/Card/Card.module.css"));
 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); }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
@@ -20,7 +20,6 @@ const PADDING_SIZES = exports.PADDING_SIZES = Object.freeze({
 });
 const getPaddingValue = size => {
   const spaceKey = 'space' + (0, _string.capitalize)(size);
-  // @ts-ignore - TS7053 - Element implicitly has an 'any' type because expression of type 'string' can't be used to index type 'typeof import("/Users/diwaker/SpacedOut/ui-design-system/src/styles/variables/_space")'.
   return SPACES[spaceKey] || SPACES['spaceNone'];
 };
 const CardHeader = _ref => {
@@ -108,17 +107,15 @@ const ClickableCard = exports.ClickableCard = /*#__PURE__*/React.forwardRef((_re
     ...props
   } = _ref7;
   const componentRef = React.useRef(null);
-  // @ts-ignore - TS2322 - Type 'null' is not assignable to type 'HTMLDivElement'.
   React.useImperativeHandle(ref, () => componentRef.current);
   React.useEffect(() => {
     if (disabled) {
-      // @ts-ignore - TS2339 - Property 'blur' does not exist on type 'never'.
       componentRef.current?.blur();
     }
   }, [disabled]);
   const onClickHandler = e => {
     if (!disabled) {
-      onClick && onClick(e);
+      onClick?.(e);
     }
   };
   const onKeyDownHandler = e => {
@@ -131,9 +128,7 @@ const ClickableCard = exports.ClickableCard = /*#__PURE__*/React.forwardRef((_re
       wrapper: (0, _classify.default)(_CardModule.default.clickableCard, {
         [_CardModule.default.disabled]: disabled
       }, classNames?.wrapper)
-    }
-    // @ts-ignore - TS2322 - Type '{ classNames: { wrapper: string; }; tabIndex: number; onClick: (e: any) => void; onKeyDown: (e: any) => void; ref: ForwardedRef<HTMLDivElement>; children:React.ReactNode; paddingTop?: string | undefined; paddingRight?: string | undefined; paddingBottom?: string | undefined; paddingLeft?: string | undefined; }' is not assignable to type 'IntrinsicAttributes & CardProps & RefAttributes<HTMLDivElement>'.
-    ,
+    },
     tabIndex: disabled ? -1 : 0,
     onClick: onClickHandler,
     onKeyDown: onKeyDownHandler,

package/lib/components/Card/Card.stories.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { CardProps } from './Card';
+import type { CardProps } from 'src/components/Card/Card';
 declare const _default: {
     tags: string[];
     title: string;

package/lib/components/Card/Card.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Card.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,QAAQ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBtC,wBAgHE;AAEF,eAAO,MAAM,QAAQ,GAAI,MAAM,SAAS,sBAQvC,CAAC;AAEF,eAAO,MAAM,WAAW;WAAU,SAAS;;;;;;CAmB1C,CAAC;AAMF,eAAO,MAAM,WAAW;WAAU,SAAS;;;;;;;;;;CAuB1C,CAAC;AAMF,eAAO,MAAM,oBAAoB,GAAI,MAAM,SAAS,sBAgCnD,CAAC;AAMF,eAAO,MAAM,UAAU,GAAI,MAAM,SAAS,sBAYzC,CAAC"}
+{"version":3,"file":"Card.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,0BAA0B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBxD,wBAgHE;AAEF,eAAO,MAAM,QAAQ,GAAI,MAAM,SAAS,sBAQvC,CAAC;AAEF,eAAO,MAAM,WAAW;WAAU,SAAS;;;;;;CAmB1C,CAAC;AAMF,eAAO,MAAM,WAAW;WAAU,SAAS;;;;;;;;;;CAuB1C,CAAC;AAMF,eAAO,MAAM,oBAAoB,GAAI,MAAM,SAAS,sBAgCnD,CAAC;AAMF,eAAO,MAAM,UAAU,GAAI,MAAM,SAAS,sBAYzC,CAAC"}

package/lib/components/Card/index.d.ts

@@ -1,2 +1,2 @@
-export * from './Card';
+export * from 'src/components/Card/Card';
 //# sourceMappingURL=index.d.ts.map

package/lib/components/Card/index.d.ts.map

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

package/lib/components/Card/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _Card = require("./Card");
+var _Card = require("src/components/Card/Card");
 Object.keys(_Card).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _Card[key]) return;

package/lib/components/Charts/ChartTooltip/index.d.ts

@@ -1,3 +1,3 @@
-import type { ChartTooltip } from '../../../types/charts';
+import type { ChartTooltip } from 'src/types/charts';
 export declare const tooltipTheme: ChartTooltip;
 //# sourceMappingURL=index.d.ts.map

package/lib/components/Charts/ChartTooltip/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/ChartTooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,uBAAuB,CAAC;AAMxD,eAAO,MAAM,YAAY,EAAE,YAM1B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/ChartTooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,kBAAkB,CAAC;AAMnD,eAAO,MAAM,YAAY,EAAE,YAM1B,CAAC"}

package/lib/components/Charts/ChartTooltip/index.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.tooltipTheme = void 0;
-var _typographyModule = _interopRequireDefault(require("../../../styles/typography.module.css"));
-var _ChartTooltipModule = _interopRequireDefault(require("./ChartTooltip.module.css"));
+var _ChartTooltipModule = _interopRequireDefault(require("src/components/Charts/ChartTooltip/ChartTooltip.module.css"));
+var _typographyModule = _interopRequireDefault(require("src/styles/typography.module.css"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const tooltipTheme = exports.tooltipTheme = {
   headerFormat: `<span class="${_typographyModule.default.bodySmall} ${_ChartTooltipModule.default.tooltipHeader}">{point.key}</span>`,

package/lib/components/Charts/ChartWrapper/ChartWrapper.d.ts

@@ -1,10 +1,15 @@
 import * as React from 'react';
 import type { Flow } from 'flow-to-typescript-codemod';
-export type ExportOptionType = {
+import Highcharts from 'highcharts';
+interface ChartRef {
+    chart?: Highcharts.Chart;
+}
+export type ChartRefObject = React.RefObject<ChartRef | null>;
+export interface ExportOptionType {
     key: string;
     label: string;
     format: string;
-};
+}
 export declare const EXPORT_OPTIONS: Readonly<{
     download_as_png: {
         key: string;
@@ -35,7 +40,7 @@ export type ChartWrapperClassNames = Readonly<{
     content?: string;
     loader?: string;
 }>;
-type ChartWrapperProps = {
+interface ChartWrapperProps {
     isLoading?: boolean;
     title: React.ReactNode;
     children?: React.ReactNode;
@@ -44,7 +49,7 @@ type ChartWrapperProps = {
     headerActions?: React.ReactNode;
     hasEmptyData?: boolean;
     emptyText?: React.ReactNode;
-};
+}
 export declare const ChartWrapper: Flow.AbstractComponent<ChartWrapperProps, HTMLDivElement>;
 export {};
 //# sourceMappingURL=ChartWrapper.d.ts.map

package/lib/components/Charts/ChartWrapper/ChartWrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChartWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/ChartWrapper/ChartWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAsBrD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;EAqBzB,CAAC;AA6DH,MAAM,MAAM,sBAAsB,GAAG,QAAQ,CAAC;IAC5C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC,CAAC;AAEH,KAAK,iBAAiB,GAAG;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,sBAAsB,CAAC;IACpC,mBAAmB,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC;IACrD,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,IAAI,CAAC,iBAAiB,CAC/C,iBAAiB,EACjB,cAAc,CAoDf,CAAC"}
+{"version":3,"file":"ChartWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/ChartWrapper/ChartWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAErD,OAAO,UAAU,MAAM,YAAY,CAAC;AAyBpC,UAAU,QAAQ;IAChB,KAAK,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC;CAC1B;AAED,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,SAAS,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAC;AAE9D,MAAM,WAAW,gBAAgB;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;EAqBzB,CAAC;AA4DH,MAAM,MAAM,sBAAsB,GAAG,QAAQ,CAAC;IAC5C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC,CAAC;AAEH,UAAU,iBAAiB;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,sBAAsB,CAAC;IACpC,mBAAmB,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC;IACrD,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,eAAO,MAAM,YAAY,EAAE,IAAI,CAAC,iBAAiB,CAC/C,iBAAiB,EACjB,cAAc,CAoDf,CAAC"}

package/lib/components/Charts/ChartWrapper/ChartWrapper.js

@@ -9,14 +9,16 @@ var _highcharts = _interopRequireDefault(require("highcharts"));
 var _accessibility = _interopRequireDefault(require("highcharts/modules/accessibility"));
 var _drilldown = _interopRequireDefault(require("highcharts/modules/drilldown"));
 var _exporting = _interopRequireDefault(require("highcharts/modules/exporting"));
-var _size = require("../../../styles/variables/_size");
-var _classify = _interopRequireDefault(require("../../../utils/classify"));
-var _ButtonDropdown = require("../../ButtonDropdown");
-var _Card = require("../../Card");
-var _CircularLoader = require("../../CircularLoader");
-var _ChartWrapperModule = _interopRequireDefault(require("./ChartWrapper.module.css"));
+var _size = require("src/styles/variables/_size");
+var _classify = _interopRequireDefault(require("src/utils/classify"));
+var _ButtonDropdown = require("src/components/ButtonDropdown");
+var _Card = require("src/components/Card");
+var _CircularLoader = require("src/components/CircularLoader");
+var _ChartWrapperModule = _interopRequireDefault(require("src/components/Charts/ChartWrapper/ChartWrapper.module.css"));
 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); }
+// Type definitions for Highcharts chart ref
+
 const EXPORT_OPTIONS = exports.EXPORT_OPTIONS = Object.freeze({
   download_as_png: {
     key: 'download_as_png',
@@ -41,9 +43,7 @@ const EXPORT_OPTIONS = exports.EXPORT_OPTIONS = Object.freeze({
 });
 
 // on assumption that all export options will be shown by default
-const DEFAULT_EXPORT_OPTIONS = Object.keys(EXPORT_OPTIONS).map(
-// @ts-ignore - TS7053 - Element implicitly has an 'any' type because expression of type 'string' can't be used to index type 'Readonly<{ download_as_png: { key: string; label: string; format: string; }; download_as_jpeg: { key: string; label: string; format: string; }; download_as_pdf: { key: string; label: string; format: string; }; download_as_svg: { ...; }; }>'.
-exportKey => EXPORT_OPTIONS[exportKey]);
+const DEFAULT_EXPORT_OPTIONS = Object.keys(EXPORT_OPTIONS).map(exportKey => EXPORT_OPTIONS[exportKey]);
 const CustomExportButton = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     customExportOptions = null
@@ -65,12 +65,10 @@ const CustomExportButton = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   const handleDownload = exportKey => {
     const exportOptionObject = exportOptions.find(exportOption => exportOption.key === exportKey);
     const exportFormat = exportOptionObject?.format || '';
-    // @ts-ignore - TS2531 - Object is possibly 'null'. | TS2339 - Property 'current' does not exist on type '((instance: HTMLDivElement | null) => void) | MutableRefObject<HTMLDivElement | null>'.
-    if (ref.current) {
-      // @ts-ignore - TS2531 - Object is possibly 'null'. | TS2339 - Property 'current' does not exist on type '((instance: HTMLDivElement | null) => void) | MutableRefObject<HTMLDivElement | null>'.
+    if (ref && 'current' in ref && ref.current) {
       ref.current.chart?.exportChart({
         type: exportFormat
-      });
+      }, {});
     }
   };
   return /*#__PURE__*/React.createElement(_ButtonDropdown.ButtonDropdown, {

package/lib/components/Charts/ChartWrapper/index.d.ts

@@ -1,2 +1,2 @@
-export * from './ChartWrapper';
+export * from 'src/components/Charts/ChartWrapper/ChartWrapper';
 //# sourceMappingURL=index.d.ts.map

package/lib/components/Charts/ChartWrapper/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/ChartWrapper/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/ChartWrapper/index.ts"],"names":[],"mappings":"AAAA,cAAc,iDAAiD,CAAC"}

package/lib/components/Charts/ChartWrapper/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _ChartWrapper = require("./ChartWrapper");
+var _ChartWrapper = require("src/components/Charts/ChartWrapper/ChartWrapper");
 Object.keys(_ChartWrapper).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _ChartWrapper[key]) return;

package/lib/components/Charts/ColumnChart/ColumnChart.d.ts

@@ -1,15 +1,18 @@
 import * as React from 'react';
-import type { ChartOptions, DataOptionsType, Drilldown } from '../../../types/charts';
-import type { Over } from '../../../types/utils';
-import type { ChartWrapperClassNames, ExportOptionType } from '../ChartWrapper';
+import type { SeriesOptionsType } from 'highcharts';
+import type { ChartOptions, DataOptionsType, Drilldown } from 'src/types/charts';
+import type { ChartWrapperClassNames, ExportOptionType } from 'src/components/Charts/ChartWrapper';
+export interface SeriesWithData extends Omit<SeriesOptionsType, 'data'> {
+    data?: DataOptionsType[];
+}
 type ClassNames = Readonly<ChartWrapperClassNames & {
     highChart?: string;
 }>;
-export type ColumnSeries = {
+export interface ColumnSeries {
     name: string;
     data: DataOptionsType[];
-};
-export type ColumnChartProps = Over<ChartOptions, {
+}
+export interface ColumnChartProps extends Omit<ChartOptions, 'isLoading' | 'classNames' | 'cardTitle' | 'customExportOptions' | 'series' | 'drilldown' | 'headerActions' | 'hasEmptyData' | 'emptyText'> {
     isLoading?: boolean;
     classNames?: ClassNames;
     cardTitle?: React.ReactNode;
@@ -19,7 +22,7 @@ export type ColumnChartProps = Over<ChartOptions, {
     headerActions?: React.ReactNode;
     hasEmptyData?: boolean;
     emptyText?: React.ReactNode;
-}>;
+}
 export declare const ColumnChart: ({ isLoading, classNames, cardTitle, customExportOptions, series, drilldown, headerActions, hasEmptyData, emptyText, ...userOptions }: ColumnChartProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=ColumnChart.d.ts.map

package/lib/components/Charts/ColumnChart/ColumnChart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnChart.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/ColumnChart/ColumnChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EACV,YAAY,EACZ,eAAe,EACf,SAAS,EACV,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,sBAAsB,CAAC;AAQ/C,OAAO,KAAK,EAAC,sBAAsB,EAAE,gBAAgB,EAAC,MAAM,iBAAiB,CAAC;AAM9E,KAAK,UAAU,GAAG,QAAQ,CACxB,sBAAsB,GAAG;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CACF,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,eAAe,EAAE,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,IAAI,CACjC,YAAY,EACZ;IACE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,mBAAmB,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC;IACrD,MAAM,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;IAC5B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,CACF,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,sIAWzB,gBAAgB,sBAgElB,CAAC"}
+{"version":3,"file":"ColumnChart.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/ColumnChart/ColumnChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,YAAY,CAAC;AAKlD,OAAO,KAAK,EACV,YAAY,EAEZ,eAAe,EACf,SAAS,EACV,MAAM,kBAAkB,CAAC;AAS1B,OAAO,KAAK,EACV,sBAAsB,EACtB,gBAAgB,EACjB,MAAM,oCAAoC,CAAC;AAM5C,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,iBAAiB,EAAE,MAAM,CAAC;IACrE,IAAI,CAAC,EAAE,eAAe,EAAE,CAAC;CAC1B;AAED,KAAK,UAAU,GAAG,QAAQ,CACxB,sBAAsB,GAAG;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CACF,CAAC;AAEF,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,eAAe,EAAE,CAAC;CACzB;AAED,MAAM,WAAW,gBACf,SAAQ,IAAI,CACV,YAAY,EACV,WAAW,GACX,YAAY,GACZ,WAAW,GACX,qBAAqB,GACrB,QAAQ,GACR,WAAW,GACX,eAAe,GACf,cAAc,GACd,WAAW,CACd;IACD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,mBAAmB,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC;IACrD,MAAM,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;IAC5B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,eAAO,MAAM,WAAW,GAAI,sIAWzB,gBAAgB,sBAyElB,CAAC"}

package/lib/components/Charts/ColumnChart/ColumnChart.js

@@ -7,12 +7,14 @@ exports.ColumnChart = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _highcharts = _interopRequireDefault(require("highcharts"));
 var _highchartsReactOfficial = _interopRequireDefault(require("highcharts-react-official"));
-var _charts = require("../../../utils/charts");
-var _classify = _interopRequireDefault(require("../../../utils/classify"));
-var _ChartWrapper = require("../ChartWrapper");
-var _ColumnChartModule = _interopRequireDefault(require("./ColumnChart.module.css"));
+var _charts = require("src/utils/charts");
+var _classify = _interopRequireDefault(require("src/utils/classify"));
+var _ChartWrapper = require("src/components/Charts/ChartWrapper");
+var _ColumnChartModule = _interopRequireDefault(require("src/components/Charts/ColumnChart/ColumnChart.module.css"));
 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); }
+// Type guard to check if series has data property
+
 const ColumnChart = _ref => {
   let {
     isLoading,
@@ -34,18 +36,22 @@ const ColumnChart = _ref => {
     color: (0, _charts.getDataVizColor)(index),
     pointWidth: _charts.columnPlotWidth
   }));
-  const addColorToDrilldownSeries = series => series?.map(seriesItem => ({
-    ...seriesItem,
-    // @ts-ignore - TS7006 - Parameter 'dataItem' implicitly has an 'any' type. | TS7006 - Parameter 'index' implicitly has an 'any' type.
-    data: seriesItem.data.map((dataItem, index) => ({
-      ...dataItem,
-      color: (0, _charts.getDataVizColor)(index),
-      pointWidth: _charts.columnPlotWidth
-    }))
-  }));
+  const addColorToDrilldownSeries = series => series?.map(seriesItem => {
+    // Type guard to check if series has data property
+    const seriesWithData = seriesItem;
+    return {
+      ...seriesItem,
+      ...(seriesWithData.data && {
+        data: seriesWithData.data.map((dataItem, index) => ({
+          ...dataItem,
+          color: (0, _charts.getDataVizColor)(index),
+          pointWidth: _charts.columnPlotWidth
+        }))
+      })
+    };
+  });
   const columnDrilldown = drilldown ? {
     ...drilldown,
-    // @ts-ignore
     series: addColorToDrilldownSeries(drilldown.series),
     breadcrumbs: {
       floating: false

package/lib/components/Charts/ColumnChart/ColumnChart.stories.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { ColumnChartProps } from './';
+import type { ColumnChartProps } from 'src/components/Charts/ColumnChart';
 declare const _default: {
     tags: string[];
     title: string;

package/lib/components/Charts/ColumnChart/ColumnChart.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnChart.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/ColumnChart/ColumnChart.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMzC,wBA2NE;AA0CF,eAAO,MAAM,SAAS,yBAUrB,CAAC;AAOF,eAAO,MAAM,YAAY;WAAU,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAelD,CAAC;AAYF,eAAO,MAAM,yBAAyB;WAAU,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBA0BhC,KAAK,CAAC,YAAY,CAC9C,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,CACvC;;CAbF,CAAC;AAwFF,eAAO,MAAM,yBAAyB;WAAU,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAe/D,CAAC;AA4HF,eAAO,MAAM,mCAAmC;WAAU,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAezE,CAAC"}
+{"version":3,"file":"ColumnChart.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/ColumnChart/ColumnChart.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,mCAAmC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOxE,wBA2NE;AA0CF,eAAO,MAAM,SAAS,yBAUrB,CAAC;AAOF,eAAO,MAAM,YAAY;WAAU,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAelD,CAAC;AAYF,eAAO,MAAM,yBAAyB;WAAU,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBA0BhC,KAAK,CAAC,YAAY,CAC9C,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,CACvC;;CAbF,CAAC;AAwFF,eAAO,MAAM,yBAAyB;WAAU,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAe/D,CAAC;AA4HF,eAAO,MAAM,mCAAmC;WAAU,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAezE,CAAC"}

package/lib/components/Charts/ColumnChart/index.d.ts

@@ -1,2 +1,2 @@
-export * from './ColumnChart';
+export * from 'src/components/Charts/ColumnChart/ColumnChart';
 //# sourceMappingURL=index.d.ts.map

package/lib/components/Charts/ColumnChart/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/ColumnChart/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/ColumnChart/index.ts"],"names":[],"mappings":"AAAA,cAAc,+CAA+C,CAAC"}