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

package/lib/components/Icon/SemanticIcon.js

@@ -5,10 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.SemanticIcon = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _typography = require("../../types/typography");
-var _classify = _interopRequireDefault(require("../../utils/classify"));
-var _Icon = require("./Icon");
-var _SemanticIconModule = _interopRequireDefault(require("./SemanticIcon.module.css"));
+var _typography = require("src/types/typography");
+var _classify = _interopRequireDefault(require("src/utils/classify"));
+var _Icon = require("src/components/Icon/Icon");
+var _SemanticIconModule = _interopRequireDefault(require("src/components/Icon/SemanticIcon.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); }

package/lib/components/Icon/SemanticIcon.stories.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { SemanticIconProps } from './';
+import type { SemanticIconProps } from 'src/components/Icon';
 declare const _default: {
     argTypes: {
         readonly semantic: {

package/lib/components/Icon/SemanticIcon.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SemanticIcon.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/SemanticIcon.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqC1C,wBAKE;AAEF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,aAAa;WAAU,iBAAiB;;;;;CAEpD,CAAC"}
+{"version":3,"file":"SemanticIcon.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/SemanticIcon.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,qBAAqB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqC3D,wBAKE;AAEF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,aAAa;WAAU,iBAAiB;;;;;CAEpD,CAAC"}

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

@@ -1,4 +1,4 @@
-export * from './ClickableIcon';
-export * from './Icon';
-export * from './SemanticIcon';
+export * from 'src/components/Icon/ClickableIcon';
+export * from 'src/components/Icon/Icon';
+export * from 'src/components/Icon/SemanticIcon';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/index.ts"],"names":[],"mappings":"AAAA,cAAc,mCAAmC,CAAC;AAClD,cAAc,0BAA0B,CAAC;AACzC,cAAc,kCAAkC,CAAC"}

package/lib/components/Icon/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _ClickableIcon = require("./ClickableIcon");
+var _ClickableIcon = require("src/components/Icon/ClickableIcon");
 Object.keys(_ClickableIcon).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _ClickableIcon[key]) return;
@@ -14,7 +14,7 @@ Object.keys(_ClickableIcon).forEach(function (key) {
     }
   });
 });
-var _Icon = require("./Icon");
+var _Icon = require("src/components/Icon/Icon");
 Object.keys(_Icon).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _Icon[key]) return;
@@ -25,7 +25,7 @@ Object.keys(_Icon).forEach(function (key) {
     }
   });
 });
-var _SemanticIcon = require("./SemanticIcon");
+var _SemanticIcon = require("src/components/Icon/SemanticIcon");
 Object.keys(_SemanticIcon).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _SemanticIcon[key]) return;

package/lib/components/InContextAlert/InContextAlert.d.ts

@@ -1,9 +1,8 @@
 import * as React from 'react';
 import type { Flow } from 'flow-to-typescript-codemod';
-import type { AlertSemanticType } from '../../types/common';
-import type { ColorTypes } from '../../types/typography';
-import type { Over } from '../../types/utils';
-import type { IconType } from '../Icon';
+import type { AlertSemanticType } from 'src/types/common';
+import type { ColorTypes } from 'src/types/typography';
+import type { IconType } from 'src/components/Icon';
 type ClassNames = Readonly<{
     wrapper?: string;
     alertText?: string;
@@ -14,22 +13,24 @@ type ClassNames = Readonly<{
 type InContextAlertBaseProps = {
     classNames?: ClassNames;
 } & ({
-    dismissable: true;
-    onCloseClick?: ((arg1: React.SyntheticEvent<HTMLElement>) => unknown) | null | undefined;
+    dismissable?: true;
+    onCloseClick?: (e: React.SyntheticEvent<HTMLElement>) => unknown;
     selfDismiss?: boolean;
 } | {
     dismissable?: false;
+    onCloseClick?: never;
+    selfDismiss?: never;
 }) & {
     children?: string;
     actionText?: string;
-    onAction?: ((arg1: React.SyntheticEvent<HTMLElement>) => unknown) | null | undefined;
+    onAction?: React.MouseEventHandler<HTMLAnchorElement>;
     actionTextColor?: ColorTypes;
 };
-export type InContextAlertProps = Over<InContextAlertBaseProps, {
+export interface InContextAlertProps extends Omit<InContextAlertBaseProps, 'semantic' | 'leftIconName' | 'leftIconType'> {
     semantic?: AlertSemanticType;
     leftIconName?: string;
     leftIconType?: IconType;
-}>;
+}
 export declare const AlertIcon: ({ semantic, leftIconName, leftIconType, iconClassName, }: {
     semantic: AlertSemanticType;
     leftIconName: string;

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

@@ -1 +1 @@
-{"version":3,"file":"InContextAlert.d.ts","sourceRoot":"","sources":["../../../src/components/InContextAlert/InContextAlert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAErD,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,oBAAoB,CAAC;AAE1D,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAC;AAEvD,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAE5C,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAStC,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC,CAAC;AAEH,KAAK,uBAAuB,GAAG;IAC7B,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,GAAG,CACA;IACE,WAAW,EAAE,IAAI,CAAC;IAClB,YAAY,CAAC,EACT,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,OAAO,CAAC,GACtD,IAAI,GACJ,SAAS,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,GACD;IACE,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB,CACJ,GAAG;IACA,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EACL,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,OAAO,CAAC,GACtD,IAAI,GACJ,SAAS,CAAC;IACd,eAAe,CAAC,EAAE,UAAU,CAAC;CAC9B,CAAC;AAEJ,MAAM,MAAM,mBAAmB,GAAG,IAAI,CACpC,uBAAuB,EACvB;IACE,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,QAAQ,CAAC;CACzB,CACF,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,0DAKvB;IACD,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,sBAmEA,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,IAAI,CAAC,iBAAiB,CACjD,mBAAmB,EACnB,cAAc,CAoFf,CAAC"}
+{"version":3,"file":"InContextAlert.d.ts","sourceRoot":"","sources":["../../../src/components/InContextAlert/InContextAlert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAErD,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,kBAAkB,CAAC;AAExD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;AAIrD,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,qBAAqB,CAAC;AASlD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC,CAAC;AAEH,KAAK,uBAAuB,GAAG;IAC7B,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,GAAG,CACA;IACE,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,OAAO,CAAC;IACjE,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,GACD;IACE,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB,CACJ,GAAG;IACA,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACtD,eAAe,CAAC,EAAE,UAAU,CAAC;CAC9B,CAAC;AAEJ,MAAM,WAAW,mBACf,SAAQ,IAAI,CACV,uBAAuB,EACvB,UAAU,GAAG,cAAc,GAAG,cAAc,CAC7C;IACD,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,QAAQ,CAAC;CACzB;AAED,eAAO,MAAM,SAAS,GAAI,0DAKvB;IACD,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,sBAmEA,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,IAAI,CAAC,iBAAiB,CACjD,mBAAmB,EACnB,cAAc,CAsGf,CAAC"}

package/lib/components/InContextAlert/InContextAlert.js

@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.InContextAlert = exports.AlertIcon = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _common = require("../../types/common");
-var _typography = require("../../types/typography");
-var _classify = require("../../utils/classify");
-var _Icon = require("../Icon");
-var _Link = require("../Link");
-var _Text = require("../Text");
-var _Truncate = require("../Truncate");
-var _InContextAlertModule = _interopRequireDefault(require("./InContextAlert.module.css"));
+var _common = require("src/types/common");
+var _typography = require("src/types/typography");
+var _classify = require("src/utils/classify");
+var _Icon = require("src/components/Icon");
+var _Link = require("src/components/Link");
+var _Text = require("src/components/Text");
+var _Truncate = require("src/components/Truncate");
+var _InContextAlertModule = _interopRequireDefault(require("src/components/InContextAlert/InContextAlert.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); }
 const AlertIcon = _ref => {
@@ -80,20 +80,22 @@ const InContextAlert = exports.InContextAlert = /*#__PURE__*/React.forwardRef((p
     semantic = _common.ALERT_SEMANTIC.neutral,
     dismissable,
     children,
-    // @ts-ignore - TS2339 - Property 'selfDismiss' does not exist on type 'InContextAlertProps'.
-    selfDismiss = false,
     leftIconName = '',
-    // @ts-ignore - TS2339 - Property 'onCloseClick' does not exist on type 'InContextAlertProps'.
-    onCloseClick,
     actionText = '',
     actionTextColor = _typography.TEXT_COLORS.primary,
     onAction,
     leftIconType
   } = props;
+
+  // Type narrowing to safely access properties only when they exist
+  const selfDismiss = dismissable === true && 'selfDismiss' in props ? props.selfDismiss : false;
+  const onCloseClick = dismissable === true && 'onCloseClick' in props ? props.onCloseClick : undefined;
   const [dismissed, setDismissed] = React.useState(false);
   const closeClickHandler = e => {
-    onCloseClick && onCloseClick(e);
-    selfDismiss && setDismissed(true);
+    onCloseClick?.(e);
+    if (selfDismiss) {
+      setDismissed(true);
+    }
   };
   return /*#__PURE__*/React.createElement(React.Fragment, null, !dismissed && /*#__PURE__*/React.createElement("div", {
     className: (0, _classify.classify)(_InContextAlertModule.default.alertContainer, {

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"InContextAlert.stories.d.ts","sourceRoot":"","sources":["../../../src/components/InContextAlert/InContextAlert.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,kBAAkB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAS1D,wBAiIE;AAEF,eAAO,MAAM,QAAQ;WAAU,mBAAmB;;;;;;CAIjD,CAAC;AASF,eAAO,MAAM,YAAY;WAAU,mBAAmB;;;;;;;;CAIrD,CAAC;AAWF,eAAO,MAAM,WAAW;WAAU,mBAAmB;;;;;;;CAIpD,CAAC"}
+{"version":3,"file":"InContextAlert.stories.d.ts","sourceRoot":"","sources":["../../../src/components/InContextAlert/InContextAlert.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,8CAA8C,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAStF,wBAiIE;AAEF,eAAO,MAAM,QAAQ;WAAU,mBAAmB;;;;;;CAIjD,CAAC;AASF,eAAO,MAAM,YAAY;WAAU,mBAAmB;;;;;;;;CAIrD,CAAC;AAWF,eAAO,MAAM,WAAW;WAAU,mBAAmB;;;;;;;CAIpD,CAAC"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/InContextAlert/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/InContextAlert/index.ts"],"names":[],"mappings":"AAAA,cAAc,8CAA8C,CAAC"}

package/lib/components/InContextAlert/index.js

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

package/lib/components/InContextAlertWithMultipleActions/InContextAlertWithMultipleActions.d.ts

@@ -1,13 +1,12 @@
 import * as React from 'react';
 import type { Flow } from 'flow-to-typescript-codemod';
-import type { ColorTypes } from '../../types/typography';
-import type { Over } from '../../types/utils';
-import type { InContextAlertProps } from '../InContextAlert';
-export type InContextAlertWithMultipleActionsProps = Over<InContextAlertProps, {
+import type { ColorTypes } from 'src/types/typography';
+import type { InContextAlertProps } from 'src/components/InContextAlert';
+export interface InContextAlertWithMultipleActionsProps extends Omit<InContextAlertProps, 'inline' | 'secondaryActionText' | 'onSecondaryAction' | 'secondaryActionTextColor'> {
     inline?: boolean;
     secondaryActionText?: string;
-    onSecondaryAction?: ((arg1: React.SyntheticEvent<HTMLElement>) => unknown) | null | undefined;
+    onSecondaryAction?: React.MouseEventHandler<HTMLAnchorElement>;
     secondaryActionTextColor?: ColorTypes;
-}>;
+}
 export declare const InContextAlertWithMultipleActions: Flow.AbstractComponent<InContextAlertWithMultipleActionsProps, HTMLDivElement>;
 //# sourceMappingURL=InContextAlertWithMultipleActions.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"InContextAlertWithMultipleActions.d.ts","sourceRoot":"","sources":["../../../src/components/InContextAlertWithMultipleActions/InContextAlertWithMultipleActions.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,wBAAwB,CAAC;AAEvD,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAG5C,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,mBAAmB,CAAC;AAQ3D,MAAM,MAAM,sCAAsC,GAAG,IAAI,CACvD,mBAAmB,EACnB;IACE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,iBAAiB,CAAC,EACd,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,OAAO,CAAC,GACtD,IAAI,GACJ,SAAS,CAAC;IACd,wBAAwB,CAAC,EAAE,UAAU,CAAC;CACvC,CACF,CAAC;AAEF,eAAO,MAAM,iCAAiC,EAAE,IAAI,CAAC,iBAAiB,CACpE,sCAAsC,EACtC,cAAc,CAwGf,CAAC"}
+{"version":3,"file":"InContextAlertWithMultipleActions.d.ts","sourceRoot":"","sources":["../../../src/components/InContextAlertWithMultipleActions/InContextAlertWithMultipleActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAGrD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;AAKrD,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,+BAA+B,CAAC;AAQvE,MAAM,WAAW,sCACf,SAAQ,IAAI,CACV,mBAAmB,EACjB,QAAQ,GACR,qBAAqB,GACrB,mBAAmB,GACnB,0BAA0B,CAC7B;IACD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,iBAAiB,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC/D,wBAAwB,CAAC,EAAE,UAAU,CAAC;CACvC;AAED,eAAO,MAAM,iCAAiC,EAAE,IAAI,CAAC,iBAAiB,CACpE,sCAAsC,EACtC,cAAc,CAiHf,CAAC"}

package/lib/components/InContextAlertWithMultipleActions/InContextAlertWithMultipleActions.js

@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.InContextAlertWithMultipleActions = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _common = require("../../types/common");
-var _typography = require("../../types/typography");
-var _classify = require("../../utils/classify");
-var _Icon = require("../Icon");
-var _InContextAlert = require("../InContextAlert");
-var _Link = require("../Link");
-var _Text = require("../Text");
-var _InContextAlertWithMultipleActionsModule = _interopRequireDefault(require("./InContextAlertWithMultipleActions.module.css"));
+var _common = require("src/types/common");
+var _typography = require("src/types/typography");
+var _classify = require("src/utils/classify");
+var _Icon = require("src/components/Icon");
+var _InContextAlert = require("src/components/InContextAlert");
+var _Link = require("src/components/Link");
+var _Text = require("src/components/Text");
+var _InContextAlertWithMultipleActionsModule = _interopRequireDefault(require("src/components/InContextAlertWithMultipleActions/InContextAlertWithMultipleActions.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); }
 const InContextAlertWithMultipleActions = exports.InContextAlertWithMultipleActions = /*#__PURE__*/React.forwardRef((props, ref) => {
@@ -22,11 +22,7 @@ const InContextAlertWithMultipleActions = exports.InContextAlertWithMultipleActi
     dismissable,
     children,
     inline = false,
-    // @ts-ignore - TS2339 - Property 'selfDismiss' does not exist on type 'InContextAlertWithMultipleActionsProps'.
-    selfDismiss = false,
     leftIconName = '',
-    // @ts-ignore - TS2339 - Property 'onCloseClick' does not exist on type 'InContextAlertWithMultipleActionsProps'.
-    onCloseClick,
     actionText = '',
     onAction,
     actionTextColor = _typography.TEXT_COLORS.primary,
@@ -35,10 +31,15 @@ const InContextAlertWithMultipleActions = exports.InContextAlertWithMultipleActi
     secondaryActionTextColor = _typography.TEXT_COLORS.primary,
     leftIconType
   } = props;
+  // Type narrowing to safely access selfDismiss only when dismissable is true
+  const selfDismiss = dismissable === true && 'selfDismiss' in props ? props.selfDismiss : false;
+  const onCloseClick = dismissable === true && 'onCloseClick' in props ? props.onCloseClick : undefined;
   const [dismissed, setDismissed] = React.useState(false);
   const closeClickHandler = e => {
-    onCloseClick && onCloseClick(e);
-    selfDismiss && setDismissed(true);
+    onCloseClick?.(e);
+    if (selfDismiss) {
+      setDismissed(true);
+    }
   };
   return /*#__PURE__*/React.createElement(React.Fragment, null, !dismissed && /*#__PURE__*/React.createElement("div", {
     className: (0, _classify.classify)(_InContextAlertWithMultipleActionsModule.default.alertContainer, {

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"InContextAlertWithMultipleActions.stories.d.ts","sourceRoot":"","sources":["../../../src/components/InContextAlertWithMultipleActions/InContextAlertWithMultipleActions.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAC,sCAAsC,EAAC,MAAM,qCAAqC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAShG,wBAyKE;AAEF,eAAO,MAAM,QAAQ;WAAU,sCAAsC;;;;;;CAIpE,CAAC;AASF,eAAO,MAAM,YAAY;WAAU,sCAAsC;;;;;;;;CAIxE,CAAC;AAWF,eAAO,MAAM,WAAW;WAAU,sCAAsC;;;;;;CAIvE,CAAC;AAQF,eAAO,MAAM,gBAAgB;WACrB,sCAAsC;;;;;;;;CAK7C,CAAC;AAUF,eAAO,MAAM,wBAAwB;WAC7B,sCAAsC;;;;;;;;CAK7C,CAAC"}
+{"version":3,"file":"InContextAlertWithMultipleActions.stories.d.ts","sourceRoot":"","sources":["../../../src/components/InContextAlertWithMultipleActions/InContextAlertWithMultipleActions.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAC,sCAAsC,EAAC,MAAM,oFAAoF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAS/I,wBAyKE;AAEF,eAAO,MAAM,QAAQ;WAAU,sCAAsC;;;;;;CAIpE,CAAC;AASF,eAAO,MAAM,YAAY;WAAU,sCAAsC;;;;;;;;CAIxE,CAAC;AAWF,eAAO,MAAM,WAAW;WAAU,sCAAsC;;;;;;CAIvE,CAAC;AAQF,eAAO,MAAM,gBAAgB;WACrB,sCAAsC;;;;;;;;CAK7C,CAAC;AAUF,eAAO,MAAM,wBAAwB;WAC7B,sCAAsC;;;;;;;;CAK7C,CAAC"}

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

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

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

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

package/lib/components/InContextAlertWithMultipleActions/index.js

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

package/lib/components/InfinitePagination/InfinitePagination.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { Flow } from 'flow-to-typescript-codemod';
-import type { GenericObject } from '../Table';
+import type { GenericObject } from 'src/components/Table';
 type ClassNames = Readonly<{
     wrapper?: string;
 }>;

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

@@ -1 +1 @@
-{"version":3,"file":"InfinitePagination.d.ts","sourceRoot":"","sources":["../../../src/components/InfinitePagination/InfinitePagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAMrD,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,UAAU,CAAC;AAK5C,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAIH,MAAM,MAAM,uBAAuB,GAAG;IACpC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,UAAU,EAAE,CAAC,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IACpE,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAAC;IACrE,WAAW,EAAE,OAAO,CAAC;IACrB,aAAa,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CACpC,GAAG,CACA;IACE,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACpC,kBAAkB,EAAE,IAAI,CAAC;CAC1B,GACD;IACE,QAAQ,EAAE,MAAM,CAAC;IACjB,kBAAkB,CAAC,EAAE,KAAK,CAAC;CAC5B,CACJ,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,IAAI,CAAC,iBAAiB,CACrD,uBAAuB,EACvB,cAAc,CAsFf,CAAC"}
+{"version":3,"file":"InfinitePagination.d.ts","sourceRoot":"","sources":["../../../src/components/InfinitePagination/InfinitePagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAQrD,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,sBAAsB,CAAC;AAKxD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAIH,MAAM,MAAM,uBAAuB,GAAG;IACpC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,UAAU,EAAE,CAAC,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IACpE,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAAC;IACrE,WAAW,EAAE,OAAO,CAAC;IACrB,aAAa,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CACpC,GAAG,CACA;IACE,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACpC,kBAAkB,EAAE,IAAI,CAAC;CAC1B,GACD;IACE,QAAQ,EAAE,MAAM,CAAC;IACjB,kBAAkB,CAAC,EAAE,KAAK,CAAC;CAC5B,CACJ,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,IAAI,CAAC,iBAAiB,CACrD,uBAAuB,EACvB,cAAc,CA4Ff,CAAC"}

package/lib/components/InfinitePagination/InfinitePagination.js

@@ -6,11 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.InfinitePagination = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _reactWindow = require("react-window");
-var _hooks = require("../../hooks");
-var _space = require("../../styles/variables/_space");
-var _classify = _interopRequireDefault(require("../../utils/classify"));
-var _CircularLoader = require("../CircularLoader");
-var _InfinitePaginationModule = _interopRequireDefault(require("./InfinitePagination.module.css"));
+var _hooks = require("src/hooks");
+var _space = require("src/styles/variables/_space");
+var _classify = _interopRequireDefault(require("src/utils/classify"));
+var _CircularLoader = require("src/components/CircularLoader");
+var _InfinitePaginationModule = _interopRequireDefault(require("src/components/InfinitePagination/InfinitePagination.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); }
 const DEFAULT_THRESHOLD = 200;
@@ -31,12 +31,9 @@ const InfinitePagination = exports.InfinitePagination = /*#__PURE__*/React.forwa
   const itemsLength = items.length;
   const totalItemsCount = itemsLength + (hasNextPage ? 1 : 0);
   const [containerRef, containerHeight] = (0, _hooks.useResizeObserver)();
-
-  // @ts-ignore - TS2322 - Type 'null' is not assignable to type 'HTMLDivElement'.
   React.useImperativeHandle(ref, () => listRef.current);
   React.useEffect(() => {
     if (listRef.current) {
-      // @ts-ignore - TS2339 - Property 'scrollToItem' does not exist on type 'never'.
       listRef.current.scrollToItem(0);
     }
   }, [itemsLength === 0]);
@@ -49,8 +46,6 @@ const InfinitePagination = exports.InfinitePagination = /*#__PURE__*/React.forwa
     containerHeight,
     isVariableSizeList
   });
-
-  // @ts-ignore - TS7031 - Binding element 'index' implicitly has an 'any' type. | TS7031 - Binding element 'style' implicitly has an 'any' type.
   const Row = _ref => {
     let {
       index,
@@ -66,16 +61,20 @@ const InfinitePagination = exports.InfinitePagination = /*#__PURE__*/React.forwa
       className: _InfinitePaginationModule.default.listRow
     }, renderItem(items[index], index));
   };
-  const itemKey = React.useCallback(
-  // @ts-ignore - TS7006 - Parameter 'index' implicitly has an 'any' type.
-  index => index === itemsLength ? 'loading-indicator' : getItemKey ? getItemKey(items[index], index) : index, [items, getItemKey]);
-  const ListComponent = isVariableSizeList ? _reactWindow.VariableSizeList : _reactWindow.FixedSizeList;
+  const itemKey = React.useCallback(index => index === itemsLength ? 'loading-indicator' : getItemKey ? getItemKey(items[index], index) : index, [items, getItemKey]);
   return /*#__PURE__*/React.createElement("div", {
-    // @ts-ignore - TS2322 - Type 'Ref<"div">' is not assignable to type 'Ref<HTMLDivElement> | undefined'.
     ref: containerRef,
     "data-testid": "InfinitePagination",
     className: (0, _classify.default)(_InfinitePaginationModule.default.wrapper, classNames?.wrapper)
-  }, /*#__PURE__*/React.createElement(ListComponent, {
+  }, isVariableSizeList ? /*#__PURE__*/React.createElement(_reactWindow.VariableSizeList, {
+    ref: listRef,
+    width: width,
+    height: containerHeight,
+    itemKey: itemKey,
+    itemSize: itemSize,
+    onScroll: handleScroll,
+    itemCount: totalItemsCount
+  }, Row) : /*#__PURE__*/React.createElement(_reactWindow.FixedSizeList, {
     ref: listRef,
     width: width,
     height: containerHeight,

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"InfinitePagination.stories.d.ts","sourceRoot":"","sources":["../../../src/components/InfinitePagination/InfinitePagination.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAC,uBAAuB,EAAC,MAAM,sBAAsB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMlE,wBA8GE;AAEF,eAAO,MAAM,kBAAkB;WAAU,uBAAuB;;;;CAyF/D,CAAC;AAMF,eAAO,MAAM,qBAAqB;WAAU,uBAAuB;;;;CAsGlE,CAAC"}
+{"version":3,"file":"InfinitePagination.stories.d.ts","sourceRoot":"","sources":["../../../src/components/InfinitePagination/InfinitePagination.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAC,uBAAuB,EAAC,MAAM,sDAAsD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAclG,wBA8GE;AAEF,eAAO,MAAM,kBAAkB;WAAU,uBAAuB;;;;CA6F/D,CAAC;AAMF,eAAO,MAAM,qBAAqB;WAAU,uBAAuB;;;;CAsGlE,CAAC"}

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

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

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

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

package/lib/components/InfinitePagination/index.js

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

package/lib/components/InlineDropdown/InlineDropdown.d.ts

@@ -1,16 +1,15 @@
 import * as React from 'react';
 import type { Flow } from 'flow-to-typescript-codemod';
-import type { Over } from '../../types/utils';
-import type { ClickAwayRefType } from '../../utils/click-away';
-import type { UnstyledButtonProps } from '../Button';
-import type { AnchorType } from '../ButtonDropdown';
-import type { MenuOption, MenuProps } from '../Menu';
-import type { ElevationType } from '../Tooltip';
+import type { ClickAwayRefType } from 'src/utils/click-away';
+import type { UnstyledButtonProps } from 'src/components/Button';
+import type { AnchorType } from 'src/components/ButtonDropdown';
+import type { MenuOption, MenuProps } from 'src/components/Menu';
+import type { ElevationType } from 'src/components/Tooltip';
 type ClassNames = Readonly<{
     buttonWrapper?: string;
     dropdownContainer?: string;
 }>;
-export type InlineDropdownProps = Over<UnstyledButtonProps, {
+export interface InlineDropdownProps extends Omit<UnstyledButtonProps, 'classNames' | 'menu' | 'anchorPosition' | 'onOptionSelect' | 'onMenuOpen' | 'onMenuClose' | 'size' | 'elevation' | 'clickAwayRef'> {
     classNames?: ClassNames;
     menu?: MenuProps;
     anchorPosition?: AnchorType;
@@ -19,8 +18,8 @@ export type InlineDropdownProps = Over<UnstyledButtonProps, {
     onMenuClose?: () => unknown;
     size?: 'medium' | 'small' | 'extraSmall';
     elevation?: ElevationType;
-    clickAwayRef?: ClickAwayRefType;
-}>;
+    clickAwayRef?: React.RefObject<ClickAwayRefType | null>;
+}
 export declare const InlineDropdown: Flow.AbstractComponent<InlineDropdownProps, HTMLDivElement>;
 export {};
 //# sourceMappingURL=InlineDropdown.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"InlineDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/InlineDropdown/InlineDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAIrD,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAE5C,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,wBAAwB,CAAC;AAG7D,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,WAAW,CAAC;AAEnD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,mBAAmB,CAAC;AAElD,OAAO,KAAK,EAAC,UAAU,EAAE,SAAS,EAAC,MAAM,SAAS,CAAC;AAEnD,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,YAAY,CAAC;AAO9C,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC,CAAC;AAEH,MAAM,MAAM,mBAAmB,GAAG,IAAI,CACpC,mBAAmB,EACnB;IACE,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B,cAAc,CAAC,EAAE,CACf,MAAM,EAAE,UAAU,EAClB,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,IAAI,GAAG,SAAS,KACxD,OAAO,CAAC;IACb,UAAU,CAAC,EAAE,MAAM,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,OAAO,CAAC;IAC5B,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,YAAY,CAAC;IACzC,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,YAAY,CAAC,EAAE,gBAAgB,CAAC;CACjC,CACF,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,IAAI,CAAC,iBAAiB,CACjD,mBAAmB,EACnB,cAAc,CA+Hf,CAAC"}
+{"version":3,"file":"InlineDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/InlineDropdown/InlineDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAKrD,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,sBAAsB,CAAC;AAI3D,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,uBAAuB,CAAC;AAE/D,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,+BAA+B,CAAC;AAE9D,OAAO,KAAK,EAAC,UAAU,EAAE,SAAS,EAAC,MAAM,qBAAqB,CAAC;AAE/D,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,wBAAwB,CAAC;AAO1D,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC,CAAC;AAEH,MAAM,WAAW,mBACf,SAAQ,IAAI,CACV,mBAAmB,EACjB,YAAY,GACZ,MAAM,GACN,gBAAgB,GAChB,gBAAgB,GAChB,YAAY,GACZ,aAAa,GACb,MAAM,GACN,WAAW,GACX,cAAc,CACjB;IACD,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B,cAAc,CAAC,EAAE,CACf,MAAM,EAAE,UAAU,EAClB,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,IAAI,GAAG,SAAS,KACxD,OAAO,CAAC;IACb,UAAU,CAAC,EAAE,MAAM,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,OAAO,CAAC;IAC5B,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,YAAY,CAAC;IACzC,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;CACzD;AAED,eAAO,MAAM,cAAc,EAAE,IAAI,CAAC,iBAAiB,CACjD,mBAAmB,EACnB,cAAc,CAgIf,CAAC"}

package/lib/components/InlineDropdown/InlineDropdown.js

@@ -6,17 +6,17 @@ Object.defineProperty(exports, "__esModule", {
 exports.InlineDropdown = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _react2 = require("@floating-ui/react");
-var _hooks = require("../../hooks");
-var _space = require("../../styles/variables/_space");
-var _classify = require("../../utils/classify");
-var _clickAway = require("../../utils/click-away");
-var _mergeRefs = require("../../utils/merge-refs");
-var _Button = require("../Button");
-var _Icon = require("../Icon");
-var _Menu = require("../Menu");
-var _Tooltip = require("../Tooltip");
-var _Truncate = require("../Truncate");
-var _InlineDropdownModule = _interopRequireDefault(require("./InlineDropdown.module.css"));
+var _hooks = require("src/hooks");
+var _space = require("src/styles/variables/_space");
+var _classify = require("src/utils/classify");
+var _clickAway = require("src/utils/click-away");
+var _mergeRefs = require("src/utils/merge-refs");
+var _Button = require("src/components/Button");
+var _Icon = require("src/components/Icon");
+var _Menu = require("src/components/Menu");
+var _Tooltip = require("src/components/Tooltip");
+var _Truncate = require("src/components/Truncate");
+var _InlineDropdownModule = _interopRequireDefault(require("src/components/InlineDropdown/InlineDropdown.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); }
@@ -44,16 +44,17 @@ const InlineDropdown = exports.InlineDropdown = /*#__PURE__*/React.forwardRef((_
   } = (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))]
   });
-
-  // @ts-ignore - TS2345 - Argument of type '(ReferenceType & ReferenceType) | null' is not assignable to parameter of type 'HTMLElement | null | undefined'.
   const dropdownWidth = (0, _hooks.useReferenceElementWidth)(refs.reference?.current);
   const onMenuToggle = isOpen => {
-    isOpen ? onMenuOpen?.() : onMenuClose?.();
+    if (isOpen) {
+      onMenuOpen?.();
+    } else {
+      onMenuClose?.();
+    }
   };
   return /*#__PURE__*/React.createElement(_clickAway.ClickAway, {
     onChange: onMenuToggle,
@@ -71,9 +72,7 @@ const InlineDropdown = exports.InlineDropdown = /*#__PURE__*/React.forwardRef((_
       className: (0, _classify.classify)(_InlineDropdownModule.default.inlineDropdownContainer, classNames?.dropdownContainer),
       ref: ref
     }, /*#__PURE__*/React.createElement(_Button.UnstyledButton, _extends({}, restButtonProps, {
-      disabled: disabled
-      // @ts-ignore - TS2322 - Type '((node: ReferenceType | null) => void) & ((node: ReferenceType | null) => void)' is not assignable to type '{ current: HTMLElement | null | undefined; }'.
-      ,
+      disabled: disabled,
       ref: (0, _mergeRefs.mergeRefs)([refs.setReference, triggerRef]),
       onClick: e => {
         e.stopPropagation();
@@ -91,14 +90,10 @@ const InlineDropdown = exports.InlineDropdown = /*#__PURE__*/React.forwardRef((_
       })
     })), isOpen && menu && /*#__PURE__*/React.createElement(_react2.FloatingPortal, null, /*#__PURE__*/React.createElement(_react2.FloatingFocusManager, {
       modal: false,
-      context: context
-      // @ts-ignore - TS2322 - Type 'TriggerRefType<HTMLElement | null | undefined>' is not assignable to type 'number | MutableRefObject<HTMLElement | null> | undefined'.
-      ,
+      context: context,
       initialFocus: triggerRef
     }, /*#__PURE__*/React.createElement("div", {
-      className: _InlineDropdownModule.default.menuWrapper
-      // @ts-ignore - TS2322 - Type '((node: HTMLElement | null) => void) & ((node: HTMLElement | null) => void)' is not assignable to type '{ current: HTMLElement | null | undefined; }'.
-      ,
+      className: _InlineDropdownModule.default.menuWrapper,
       ref: (0, _mergeRefs.mergeRefs)([refs.setFloating, boundaryRef]),
       style: {
         display: 'flex',
@@ -117,7 +112,7 @@ const InlineDropdown = exports.InlineDropdown = /*#__PURE__*/React.forwardRef((_
       }
     }, /*#__PURE__*/React.createElement(_Menu.Menu, _extends({}, menu, {
       onSelect: (option, e) => {
-        onOptionSelect && onOptionSelect(option, e);
+        onOptionSelect?.(option, e);
         if (
         // option.keepMenuOpenOnOptionSelect - to allow the menu persist its open stat upon option selection in normal variant
         !option.keepMenuOpenOnOptionSelect && (!menu.optionsVariant || menu.optionsVariant === 'normal')) {