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

package/lib/components/Disclaimer/Disclaimer.d.ts

@@ -0,0 +1,5 @@
+import type { Flow } from 'flow-to-typescript-codemod';
+import type { BannerProps } from '../Banner';
+export type DisclaimerProps = BannerProps;
+export declare const Disclaimer: Flow.AbstractComponent<DisclaimerProps, HTMLDivElement>;
+//# sourceMappingURL=Disclaimer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Disclaimer.d.ts","sourceRoot":"","sources":["../../../src/components/Disclaimer/Disclaimer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAErD,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,WAAW,CAAC;AAO3C,MAAM,MAAM,eAAe,GAAG,WAAW,CAAC;AAE1C,eAAO,MAAM,UAAU,EAAE,IAAI,CAAC,iBAAiB,CAC7C,eAAe,EACf,cAAc,CAwBf,CAAC"}

package/lib/components/Disclaimer/Disclaimer.js

@@ -15,6 +15,7 @@ const Disclaimer = exports.Disclaimer = /*#__PURE__*/React.forwardRef((_ref, ref
   let {
     classNames,
     leftIconName = 'info-circle',
+    // @ts-ignore - TS2322 - Type 'string' is not assignable to type '"regular" | "solid" | "duotone" | "brands"'.
     leftIconType = _Icon.ICON_TYPE.regular,
     ...restProps
   } = _ref;

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

@@ -0,0 +1,156 @@
+import * as React from 'react';
+import type { DisclaimerProps } from './';
+declare const _default: {
+    tags: string[];
+    title: string;
+    component: import("flow-to-typescript-codemod").Flow.AbstractComponent<import("..").BannerProps, HTMLDivElement>;
+    argTypes: {
+        actionText: {
+            name: string;
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        onAction: {
+            name: string;
+            action: string;
+            description: string;
+            type: {
+                summary: string;
+            };
+        };
+        alignment: {
+            options: string[];
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        dismissable: {
+            description: string;
+            name: string;
+            control: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+        };
+        onCloseClick: {
+            name: string;
+            action: string;
+            description: string;
+            type: {
+                summary: string;
+            };
+        };
+        selfDismiss: {
+            description: string;
+            name: string;
+            options: boolean[];
+            control: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+        };
+        semantic: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                disable: boolean;
+            };
+        };
+        leftIconName: {
+            name: string;
+            control: {
+                type: string;
+            };
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        leftIconType: {
+            options: string[];
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        children: {
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        classNames: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+    };
+    parameters: {
+        docs: {
+            subtitle: string;
+            description: {
+                component: string;
+            };
+        };
+        storySource: {
+            componentPath: string;
+        };
+    };
+};
+export default _default;
+export declare const _Disclaimer: {
+    (args: DisclaimerProps): React.JSX.Element;
+    args: {
+        children: string;
+    };
+};
+//# sourceMappingURL=Disclaimer.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Disclaimer.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Disclaimer/Disclaimer.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMxC,wBAmIE;AAEF,eAAO,MAAM,WAAW;WAAU,eAAe;;;;CAIhD,CAAC"}

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

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

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

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

package/lib/components/Dropdown/Dropdown.d.ts

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import type { Flow } from 'flow-to-typescript-codemod';
+import type { ClickAwayRefType } from '../../utils/click-away';
+import type { InputProps } from '../Input';
+import type { MenuOption, MenuProps } from '../Menu';
+import type { ElevationType } from '../Tooltip';
+type ClassNames = Readonly<{
+    wrapper?: string;
+    box?: string;
+    iconRight?: string;
+}>;
+export type DropdownProps = InputProps & {
+    classNames?: ClassNames;
+    onChange?: (option: MenuOption, arg2?: React.SyntheticEvent<HTMLElement> | null | undefined) => unknown;
+    onMenuOpen?: () => unknown;
+    onMenuClose?: () => unknown;
+    scrollMenuToBottom?: boolean;
+    dropdownInputText?: string;
+    menu?: MenuProps;
+    elevation?: ElevationType;
+    clickAwayRef?: ClickAwayRefType;
+};
+export declare const Dropdown: Flow.AbstractComponent<DropdownProps, HTMLInputElement>;
+export {};
+//# sourceMappingURL=Dropdown.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAKrD,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,wBAAwB,CAAC;AAG7D,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,UAAU,CAAC;AAEzC,OAAO,KAAK,EAAC,UAAU,EAAE,SAAS,EAAC,MAAM,SAAS,CAAC;AAEnD,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,YAAY,CAAC;AAM9C,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,UAAU,GAAG;IACvC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,CACT,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,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,YAAY,CAAC,EAAE,gBAAgB,CAAC;CACjC,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,IAAI,CAAC,iBAAiB,CAAC,aAAa,EAAE,gBAAgB,CAoI1E,CAAC"}

package/lib/components/Dropdown/Dropdown.js

@@ -33,6 +33,7 @@ const Dropdown = exports.Dropdown = /*#__PURE__*/React.forwardRef((_ref, ref) =>
     elevation = 'modal',
     ...inputProps
   } = _ref;
+  // @ts-ignore - TS2554 - Expected 1 arguments, but got 0.
   const menuRef = React.useRef();
   const {
     x,
@@ -47,10 +48,12 @@ const Dropdown = exports.Dropdown = /*#__PURE__*/React.forwardRef((_ref, ref) =>
     whileElementsMounted: _react2.autoUpdate,
     middleware: [(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 && onMenuOpen() : onMenuClose && onMenuClose();
     if (scrollMenuToBottom && menuRef.current && isOpen) {
+      // @ts-ignore - TS2571 - Object is of type 'unknown'. | TS2571 - Object is of type 'unknown'.
       menuRef.current.scrollTop = isOpen ? menuRef.current.scrollHeight : 0;
     }
   };
@@ -74,7 +77,9 @@ const Dropdown = exports.Dropdown = /*#__PURE__*/React.forwardRef((_ref, ref) =>
           e.preventDefault();
           isOpen ? clickAway() : onOpen();
         }
-      },
+      }
+      // @ts-ignore - TS2741 - Property 'current' is missing in type '((node: ReferenceType | null) => void) & ((node: ReferenceType | null) => void)' but required in type '{ current: HTMLElement | null | undefined; }'.
+      ,
       boxRef: (0, _mergeRefs.mergeRefs)([refs.setReference, triggerRef]),
       size: size,
       placeholder: placeholder,
@@ -92,9 +97,12 @@ const Dropdown = exports.Dropdown = /*#__PURE__*/React.forwardRef((_ref, ref) =>
       ref: ref
     })), isOpen && menu && /*#__PURE__*/React.createElement(_react2.FloatingPortal, null, /*#__PURE__*/React.createElement(_react2.FloatingFocusManager, {
       modal: false,
-      context: context,
+      context: context
+      // @ts-ignore - TS2322 - Type 'MutableRefObject<ReferenceType | null> & MutableRefObject<ReferenceType | null>' is not assignable to type 'number | MutableRefObject<HTMLElement | null> | undefined'.
+      ,
       initialFocus: refs.reference
     }, /*#__PURE__*/React.createElement("div", {
+      // @ts-ignore - TS2741 - Property 'current' is missing in type '((node: HTMLElement | null) => void) & ((node: HTMLElement | null) => void)' but required in type '{ current: HTMLElement | null | undefined; }'.
       ref: (0, _mergeRefs.mergeRefs)([refs.setFloating, boundaryRef]),
       className: _DropdownModule.default.menuWrapper,
       style: {
@@ -102,10 +110,10 @@ const Dropdown = exports.Dropdown = /*#__PURE__*/React.forwardRef((_ref, ref) =>
         top: y ?? _space.spaceNone,
         left: x ?? _space.spaceNone,
         /* NOTE(Sharad): The FloatingPortal renders the menu outside the normal DOM structure,
-         so its parent is effectively the <body> element. This means the menu
-         would otherwise default to the body's width. To support fluid width,
-         we must manually set the dropdown width here; otherwise, it uses a fixed width.
-         Also, Only treat menu as non-fluid if isFluid is strictly false, since default is true in menu and undefined means fluid. */
+        so its parent is effectively the <body> element. This means the menu
+        would otherwise default to the body's width. To support fluid width,
+        we must manually set the dropdown width here; otherwise, it uses a fixed width.
+        Also, Only treat menu as non-fluid if isFluid is strictly false, since default is true in menu and undefined means fluid. */
         ...(menu.isFluid !== false && {
           '--dropdown-width': dropdownWidth
         }),
@@ -118,11 +126,16 @@ const Dropdown = exports.Dropdown = /*#__PURE__*/React.forwardRef((_ref, ref) =>
         // option.keepMenuOpenOnOptionSelect - to allow the menu persist its open stat upon option selection in normal variant
         !option.keepMenuOpenOnOptionSelect && (!menu.optionsVariant || menu.optionsVariant === 'normal')) {
           clickAway();
-          refs.reference.current.querySelector('input').focus();
+          // @ts-ignore - TS2531 - Object is possibly 'null'. | TS2339 - Property 'querySelector' does not exist on type 'ReferenceType & ReferenceType'.
+          refs.reference.current
+          //@ts-expect-error
+          .querySelector('input').focus();
         }
       },
       size: menu.size || size,
-      onTabOut: clickAway,
+      onTabOut: clickAway
+      // @ts-ignore - TS2769 - No overload matches this call.
+      ,
       ref: menuRef
     }))))));
   });