@khanacademy/wonder-blocks-dropdown 3.0.9 → 3.0.11

package/CHANGELOG.md

@@ -1,5 +1,30 @@
 # @khanacademy/wonder-blocks-dropdown
 
+## 3.0.11
+
+### Patch Changes
+
+-   fa70c895: Remove all TypeScript error suppressions on JSX attributes
+-   Updated dependencies [fa70c895]
+-   Updated dependencies [19ab0408]
+-   Updated dependencies [fa70c895]
+    -   @khanacademy/wonder-blocks-core@5.2.0
+    -   @khanacademy/wonder-blocks-modal@4.0.11
+    -   @khanacademy/wonder-blocks-clickable@3.0.10
+    -   @khanacademy/wonder-blocks-icon@2.0.10
+    -   @khanacademy/wonder-blocks-layout@2.0.10
+    -   @khanacademy/wonder-blocks-search-field@2.0.11
+    -   @khanacademy/wonder-blocks-typography@2.0.10
+
+## 3.0.10
+
+### Patch Changes
+
+-   Updated dependencies [0c2607e6]
+    -   @khanacademy/wonder-blocks-timing@4.0.0
+    -   @khanacademy/wonder-blocks-search-field@2.0.10
+    -   @khanacademy/wonder-blocks-modal@4.0.10
+
 ## 3.0.9
 
 ### Patch Changes

package/dist/components/action-menu.d.ts

@@ -89,7 +89,7 @@ type DefaultProps = {
  * ```
  */
 export default class ActionMenu extends React.Component<Props, State> {
-    openerElement: HTMLElement | null | undefined;
+    openerElement?: HTMLElement;
     static defaultProps: DefaultProps;
     state: State;
     /**

package/dist/components/action-menu.js.flow

@@ -110,7 +110,7 @@ declare type DefaultProps = {|
  * ```
  */
 declare export default class ActionMenu extends React.Component<Props, State> {
-  openerElement: HTMLElement | null | void;
+  openerElement?: HTMLElement;
   static defaultProps: DefaultProps;
   state: State;
 

package/dist/components/dropdown-core-virtualized.d.ts

@@ -1,9 +1,9 @@
 import * as React from "react";
 import { VariableSizeList as List } from "react-window";
 import type { DropdownItem } from "../util/types";
-declare const _default: React.ForwardRefExoticComponent<{
+declare const _default: (props: {
     width?: number | null | undefined;
     data: DropdownItem[];
     listRef?: React.RefObject<List<any>> | undefined;
-} & React.RefAttributes<unknown>>;
+}) => JSX.Element;
 export default _default;

package/dist/components/dropdown-core-virtualized.js.flow

@@ -7,12 +7,9 @@
 import * as React from "react";
 import { VariableSizeList as List } from "react-window";
 import type { DropdownItem } from "../util/types";
-declare var _default: React.ForwardRefExoticComponent<{|
-  ...{|
-    width?: number | null | void,
-    data: DropdownItem[],
-    listRef?: React.RefObject<List<any>> | void,
-  |},
-  ...React.RefAttributes<mixed>,
-|}>;
+declare var _default: (props: {|
+  width?: number | null | void,
+  data: DropdownItem[],
+  listRef?: React.RefObject<List<any>> | void,
+|}) => React$Node;
 declare export default typeof _default;

package/dist/components/dropdown-core.d.ts

@@ -42,7 +42,7 @@ type ExportProps = {
     /**
      * Ref to the opener element.
      */
-    openerElement: HTMLElement | null | undefined;
+    openerElement?: HTMLElement;
     /**
      * The aria "role" applied to the dropdown container.
      */

package/dist/components/dropdown-core.js.flow

@@ -55,7 +55,7 @@ declare type ExportProps = {|
   /**
    * Ref to the opener element.
    */
-  openerElement: HTMLElement | null | void,
+  openerElement?: HTMLElement,
 
   /**
    * The aria "role" applied to the dropdown container.

package/dist/components/dropdown-popper.d.ts

@@ -8,7 +8,7 @@ type Props = {
     /**
      * The reference element used to position the popper.
      */
-    referenceElement: HTMLElement | null | undefined;
+    referenceElement?: HTMLElement;
     /**
      * Whether this menu should be left-aligned or right-aligned with the
      * reference component. Defaults to left-aligned.

package/dist/components/dropdown-popper.js.flow

@@ -15,7 +15,7 @@ declare type Props = {|
   /**
    * The reference element used to position the popper.
    */
-  referenceElement: HTMLElement | null | void,
+  referenceElement?: HTMLElement,
 
   /**
    * Whether this menu should be left-aligned or right-aligned with the

package/dist/components/multi-select.d.ts

@@ -150,7 +150,7 @@ type State = {
      * The DOM reference to the opener element. This is mainly used to set focus
      * to this element, and also to pass the reference to Popper.js.
      */
-    openerElement: HTMLElement | null | undefined;
+    openerElement?: HTMLElement;
 };
 /**
  * A dropdown that consists of multiple selection items. This select allows

package/dist/components/multi-select.js.flow

@@ -189,7 +189,7 @@ declare type State = {|
    * The DOM reference to the opener element. This is mainly used to set focus
    * to this element, and also to pass the reference to Popper.js.
    */
-  openerElement: HTMLElement | null | void,
+  openerElement?: HTMLElement,
 |};
 /**
  * A dropdown that consists of multiple selection items. This select allows

package/dist/components/single-select.d.ts

@@ -136,7 +136,7 @@ type State = {
      * The DOM reference to the opener element. This is mainly used to set focus
      * to this element, and also to pass the reference to Popper.js.
      */
-    openerElement: HTMLElement | null | undefined;
+    openerElement?: HTMLElement;
 };
 /**
  * The single select allows the selection of one item. Clients are responsible

package/dist/components/single-select.js.flow

@@ -170,7 +170,7 @@ declare type State = {|
    * The DOM reference to the opener element. This is mainly used to set focus
    * to this element, and also to pass the reference to Popper.js.
    */
-  openerElement: HTMLElement | null | void,
+  openerElement?: HTMLElement,
 |};
 /**
  * The single select allows the selection of one item. Clients are responsible

package/dist/es/index.js

@@ -1758,8 +1758,7 @@ class SingleSelect extends React.Component {
     this.selectedIndex = 0;
     this.state = {
       open: false,
-      searchText: "",
-      openerElement: null
+      searchText: ""
     };
   }
   static getDerivedStateFromProps(props, state) {
@@ -1948,8 +1947,7 @@ class MultiSelect extends React.Component {
       open: false,
       searchText: "",
       lastSelectedValues: [],
-      labels: _extends({}, defaultLabels, props.labels),
-      openerElement: null
+      labels: _extends({}, defaultLabels, props.labels)
     };
     this.labels = _extends({}, defaultLabels, props.labels);
   }

package/dist/index.js

@@ -1789,8 +1789,7 @@ class SingleSelect extends React__namespace.Component {
     this.selectedIndex = 0;
     this.state = {
       open: false,
-      searchText: "",
-      openerElement: null
+      searchText: ""
     };
   }
   static getDerivedStateFromProps(props, state) {
@@ -1979,8 +1978,7 @@ class MultiSelect extends React__namespace.Component {
       open: false,
       searchText: "",
       lastSelectedValues: [],
-      labels: _extends({}, defaultLabels, props.labels),
-      openerElement: null
+      labels: _extends({}, defaultLabels, props.labels)
     };
     this.labels = _extends({}, defaultLabels, props.labels);
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@khanacademy/wonder-blocks-dropdown",
-  "version": "3.0.9",
+  "version": "3.0.11",
   "design": "v1",
   "description": "Dropdown variants for Wonder Blocks.",
   "main": "dist/index.js",
@@ -16,16 +16,16 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.18.6",
-    "@khanacademy/wonder-blocks-clickable": "^3.0.9",
+    "@khanacademy/wonder-blocks-clickable": "^3.0.10",
     "@khanacademy/wonder-blocks-color": "^2.0.1",
-    "@khanacademy/wonder-blocks-core": "^5.1.0",
-    "@khanacademy/wonder-blocks-icon": "^2.0.9",
-    "@khanacademy/wonder-blocks-layout": "^2.0.9",
-    "@khanacademy/wonder-blocks-modal": "^4.0.9",
-    "@khanacademy/wonder-blocks-search-field": "^2.0.9",
+    "@khanacademy/wonder-blocks-core": "^5.2.0",
+    "@khanacademy/wonder-blocks-icon": "^2.0.10",
+    "@khanacademy/wonder-blocks-layout": "^2.0.10",
+    "@khanacademy/wonder-blocks-modal": "^4.0.11",
+    "@khanacademy/wonder-blocks-search-field": "^2.0.11",
     "@khanacademy/wonder-blocks-spacing": "^4.0.1",
-    "@khanacademy/wonder-blocks-timing": "^3.0.3",
-    "@khanacademy/wonder-blocks-typography": "^2.0.9"
+    "@khanacademy/wonder-blocks-timing": "^4.0.0",
+    "@khanacademy/wonder-blocks-typography": "^2.0.10"
   },
   "peerDependencies": {
     "@popperjs/core": "^2.10.1",
@@ -38,7 +38,7 @@
     "react-window": "^1.8.5"
   },
   "devDependencies": {
-    "@khanacademy/wonder-blocks-button": "^4.0.9",
+    "@khanacademy/wonder-blocks-button": "^4.0.10",
     "wb-dev-build-settings": "^0.9.7"
   }
 }

package/src/components/__tests__/dropdown-core.test.tsx

@@ -42,7 +42,6 @@ describe("DropdownCore", () => {
                         open={true}
                         // mock the opener elements
                         opener={<button />}
-                        openerElement={null}
                         onOpenChanged={jest.fn()}
                     />
                 </div>,
@@ -63,7 +62,6 @@ describe("DropdownCore", () => {
                 open={true}
                 // mock the opener elements
                 opener={<button />}
-                openerElement={null}
                 onOpenChanged={jest.fn()}
             />,
         );
@@ -89,7 +87,6 @@ describe("DropdownCore", () => {
                 open={true}
                 // mock the opener elements
                 opener={dummyOpener}
-                openerElement={null}
                 onOpenChanged={openChanged}
             />,
         );
@@ -114,7 +111,6 @@ describe("DropdownCore", () => {
                 open={true}
                 // mock the opener elements
                 opener={<button />}
-                openerElement={null}
                 onOpenChanged={jest.fn()}
                 isFilterable={false}
             />,
@@ -148,7 +144,6 @@ describe("DropdownCore", () => {
                 open={true}
                 // mock the opener elements
                 opener={<button />}
-                openerElement={null}
                 onOpenChanged={jest.fn()}
             />,
         );
@@ -182,7 +177,6 @@ describe("DropdownCore", () => {
                 open={true}
                 // mock the opener elements
                 opener={<button />}
-                openerElement={null}
                 onOpenChanged={handleOpenChangedMock}
             />,
         );
@@ -208,7 +202,6 @@ describe("DropdownCore", () => {
                 open={true}
                 // mock the opener elements
                 opener={<button />}
-                openerElement={null}
                 onOpenChanged={handleOpenChangedMock}
             />,
         );
@@ -236,7 +229,6 @@ describe("DropdownCore", () => {
                     open={true}
                     // mock the opener elements
                     opener={<button />}
-                    openerElement={null}
                     onOpenChanged={handleOpenChangedMock}
                 />
             </div>,
@@ -263,7 +255,6 @@ describe("DropdownCore", () => {
                 open={false}
                 // mock the opener elements
                 opener={<button />}
-                openerElement={null}
                 onOpenChanged={handleOpenChangedMock}
             />,
         );
@@ -290,7 +281,6 @@ describe("DropdownCore", () => {
                 open={false}
                 // mock the opener elements
                 opener={opener}
-                openerElement={null}
                 onOpenChanged={handleOpenChangedMock}
             />,
         );
@@ -316,7 +306,6 @@ describe("DropdownCore", () => {
                 open={true}
                 // mock the opener elements
                 opener={<button />}
-                openerElement={null}
                 onOpenChanged={jest.fn()}
             />,
         );
@@ -353,7 +342,6 @@ describe("DropdownCore", () => {
                 open={true}
                 // mock the opener elements
                 opener={<button />}
-                openerElement={null}
                 onOpenChanged={jest.fn()}
             />,
         );
@@ -376,7 +364,6 @@ describe("DropdownCore", () => {
                 open={true}
                 // mock the opener elements
                 opener={<button />}
-                openerElement={null}
                 onOpenChanged={jest.fn()}
             />,
         );
@@ -400,7 +387,6 @@ describe("DropdownCore", () => {
                 open={true}
                 // mock the opener elements
                 opener={<button />}
-                openerElement={null}
                 onOpenChanged={jest.fn()}
             />,
         );
@@ -452,7 +438,6 @@ describe("DropdownCore", () => {
                 open={true}
                 // mock the opener elements
                 opener={<button data-test-id="opener" />}
-                openerElement={null}
                 onOpenChanged={jest.fn()}
             />,
         );
@@ -504,7 +489,6 @@ describe("DropdownCore", () => {
                 open={true}
                 // mock the opener elements
                 opener={<button />}
-                openerElement={null}
                 onOpenChanged={jest.fn()}
             />,
         );
@@ -531,7 +515,6 @@ describe("DropdownCore", () => {
                 open={true}
                 // mock the opener elements
                 opener={<button />}
-                openerElement={null}
                 onOpenChanged={jest.fn()}
             />,
         );
@@ -556,7 +539,6 @@ describe("DropdownCore", () => {
                 open={true}
                 // mock the opener elements
                 opener={<button />}
-                openerElement={null}
             />,
         );
 
@@ -580,7 +562,6 @@ describe("DropdownCore", () => {
                 open={true}
                 // mock the opener elements
                 opener={<button />}
-                openerElement={null}
             />,
         );
 
@@ -607,7 +588,6 @@ describe("DropdownCore", () => {
                 open={true}
                 // mock the opener elements
                 opener={<button />}
-                openerElement={null}
             />,
         );
 
@@ -637,7 +617,6 @@ describe("DropdownCore", () => {
                 open={true}
                 // mock the opener elements
                 opener={<button />}
-                openerElement={null}
                 onOpenChanged={jest.fn()}
             />,
         );
@@ -687,7 +666,6 @@ describe("DropdownCore", () => {
                     open={true}
                     // mock the opener elements
                     opener={<button />}
-                    openerElement={null}
                     onOpenChanged={jest.fn()}
                 />,
             );
@@ -717,7 +695,6 @@ describe("DropdownCore", () => {
                     open={true}
                     // mock the opener elements
                     opener={<button />}
-                    openerElement={null}
                     onOpenChanged={jest.fn()}
                 />,
             );
@@ -750,7 +727,6 @@ describe("DropdownCore", () => {
                     open={true}
                     // mock the opener elements
                     opener={<button />}
-                    openerElement={null}
                     onOpenChanged={jest.fn()}
                 />,
             );