@elliemae/ds-app-picker 1.57.1 → 2.0.0-alpha.11

package/esm/AppPickerImpl.js

@@ -1,47 +1,42 @@
-import React, { useRef, useEffect, useCallback } from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import { useRef, useEffect, useCallback } from 'react';
 import { chunk } from 'lodash';
 import { aggregatedClasses } from '@elliemae/ds-classnames';
 import { keys } from './utils.js';
-
-/* eslint-disable react/prop-types */
-var blockName = 'app-picker';
-var Wrapper = aggregatedClasses('ul')(blockName, 'wrapper');
-var Grid = aggregatedClasses('div')(blockName, 'grid');
-var Row = aggregatedClasses('div')(blockName, 'row');
-var Chip = aggregatedClasses('button')(blockName, 'chip', function (_ref) {
-  var disabled = _ref.disabled,
-      selected = _ref.selected;
-  return {
-    disabled: disabled,
-    selected: selected
-  };
-});
-var ChipLabel = aggregatedClasses('p')(blockName, 'chip-label');
-var Separator = aggregatedClasses('hr')(blockName, 'separator');
-var SectionTitle = aggregatedClasses('p')(blockName, 'section-title');
-
-var AppPickerImpl = function AppPickerImpl(_ref2) {
-  var _ref2$apps = _ref2.apps,
-      apps = _ref2$apps === void 0 ? [] : _ref2$apps,
-      _ref2$customApps = _ref2.customApps,
-      customApps = _ref2$customApps === void 0 ? [] : _ref2$customApps,
-      _ref2$sectionTitle = _ref2.sectionTitle,
-      sectionTitle = _ref2$sectionTitle === void 0 ? 'APPLICATIONS' : _ref2$sectionTitle,
-      _ref2$customSectionTi = _ref2.customSectionTitle,
-      customSectionTitle = _ref2$customSectionTi === void 0 ? 'CUSTOM APPLICATIONS' : _ref2$customSectionTi,
-      _ref2$close = _ref2.close,
-      close = _ref2$close === void 0 ? function () {
-    return null;
-  } : _ref2$close,
-      wrapperRef = _ref2.wrapperRef,
-      onKeyDown = _ref2.onKeyDown,
-      triggerRef = _ref2.triggerRef;
-  var allFocusableButtons = useRef([]);
-  var selectedButton = useRef(null);
-  useEffect(function () {
+import { jsxs, Fragment } from 'react/jsx-runtime';
+
+var _Separator;
+const blockName = 'app-picker';
+const Wrapper = aggregatedClasses('ul')(blockName, 'wrapper');
+const Grid = aggregatedClasses('div')(blockName, 'grid');
+const Row = aggregatedClasses('div')(blockName, 'row');
+const Chip = aggregatedClasses('button')(blockName, 'chip', ({
+  disabled,
+  selected
+}) => ({
+  disabled,
+  selected
+}));
+const ChipLabel = aggregatedClasses('p')(blockName, 'chip-label');
+const Separator = aggregatedClasses('hr')(blockName, 'separator');
+const SectionTitle = aggregatedClasses('p')(blockName, 'section-title');
+
+const AppPickerImpl = ({
+  apps = [],
+  customApps = [],
+  sectionTitle = 'APPLICATIONS',
+  customSectionTitle = 'CUSTOM APPLICATIONS',
+  close = () => null,
+  wrapperRef,
+  onKeyDown,
+  triggerRef
+}) => {
+  const allFocusableButtons = useRef([]);
+  const selectedButton = useRef(null);
+  useEffect(() => {
     var _wrapperRef$current;
 
-    wrapperRef === null || wrapperRef === void 0 ? void 0 : (_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 ? void 0 : _wrapperRef$current.querySelectorAll('button').forEach(function (e, index) {
+    wrapperRef === null || wrapperRef === void 0 ? void 0 : (_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 ? void 0 : _wrapperRef$current.querySelectorAll('button').forEach((e, index) => {
       if (!e.hasAttribute('disabled')) {
         var _allFocusableButtons$;
 
@@ -64,7 +59,7 @@ var AppPickerImpl = function AppPickerImpl(_ref2) {
     }
   }, [wrapperRef]); // eslint-disable-next-line max-statements
 
-  var handleKeyDown = function handleKeyDown(e) {
+  const handleKeyDown = e => {
     var _triggerRef$current;
 
     switch (e.key) {
@@ -92,10 +87,10 @@ var AppPickerImpl = function AppPickerImpl(_ref2) {
     }
   };
 
-  var handleOnClick = useCallback(function (e, app) {
+  const handleOnClick = useCallback((e, app) => {
     if (app.onClick) app.onClick(e, app);
   }, []);
-  var handleOnKeyDownWrapper = useCallback(function (e) {
+  const handleOnKeyDownWrapper = useCallback(e => {
     if (onKeyDown) onKeyDown(e);
 
     if (!onKeyDown && e.key === keys.ESC) {
@@ -103,70 +98,62 @@ var AppPickerImpl = function AppPickerImpl(_ref2) {
     }
   }, [onKeyDown, close]);
 
-  var buildRows = function buildRows(appList) {
-    var prevIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-    var rows = chunk(appList, 3); // divides array in subarrays of 3 items
-
-    var formattedRows = rows.map(function (row, index) {
-      return /*#__PURE__*/React.createElement(Row, {
-        key: index
-      }, row.map(function (app, key) {
-        var label = app.label,
-            disabled = app.disabled,
-            selected = app.selected,
-            Icon = app.icon;
-        return /*#__PURE__*/React.createElement(Chip, {
-          key: key,
-          classProps: {
-            disabled: disabled,
-            selected: selected
-          },
-          onClick: function onClick(e) {
-            return handleOnClick(e, app);
-          },
-          onKeyDown: handleKeyDown,
-          "data-testid": "app-picker__chip",
-          "aria-disabled": disabled,
-          disabled: disabled,
-          "aria-selected": selected,
-          "aria-setsize": apps.length + customApps.length,
-          "aria-posinset": key + prevIndex
-        }, /*#__PURE__*/React.createElement(Icon, {
-          className: "app-picker__icon",
-          size: "m"
-        }), /*#__PURE__*/React.createElement(ChipLabel, null, label));
-      }));
-    });
+  const buildRows = (appList, prevIndex = 0) => {
+    const rows = chunk(appList, 3); // divides array in subarrays of 3 items
+
+    const formattedRows = rows.map((row, index) => /*#__PURE__*/_jsx(Row, {}, index, row.map((app, key) => {
+      const {
+        label,
+        disabled,
+        selected,
+        icon: Icon
+      } = app;
+      return /*#__PURE__*/_jsx(Chip, {
+        classProps: {
+          disabled,
+          selected
+        },
+        onClick: e => handleOnClick(e, app),
+        onKeyDown: handleKeyDown,
+        "data-testid": "app-picker__chip",
+        "aria-disabled": disabled,
+        disabled: disabled,
+        "aria-selected": selected,
+        "aria-setsize": apps.length + customApps.length,
+        "aria-posinset": key + prevIndex
+      }, key, /*#__PURE__*/_jsx(Icon, {
+        className: "app-picker__icon",
+        size: "m"
+      }), /*#__PURE__*/_jsx(ChipLabel, {}, void 0, label));
+    })));
     return formattedRows;
   };
 
-  var AppsRows = function AppsRows() {
-    return buildRows(apps, 1);
-  };
+  const AppsRows = () => buildRows(apps, 1);
 
-  var CustomRows = function CustomRows() {
-    return buildRows(customApps, apps.length);
-  };
+  const CustomRows = () => buildRows(customApps, apps.length);
 
-  return /*#__PURE__*/React.createElement(Wrapper, {
+  return /*#__PURE__*/jsxs(Wrapper, {
     role: "listbox",
     ref: wrapperRef,
     onKeyDown: handleOnKeyDownWrapper,
-    "data-testid": "app-picker__wrapper"
-  }, /*#__PURE__*/React.createElement(SectionTitle, {
-    "data-testid": "app-picker__main-title",
-    "aria-hidden": true
-  }, sectionTitle), /*#__PURE__*/React.createElement(Grid, {
-    "data-testid": "app-picker__main-grid"
-  }, /*#__PURE__*/React.createElement(AppsRows, null)), !!customApps.length && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Separator, {
-    "aria-hidden": true
-  }), /*#__PURE__*/React.createElement(SectionTitle, {
-    "data-testid": "app-picker__custom-title",
-    "aria-hidden": true
-  }, customSectionTitle), /*#__PURE__*/React.createElement(Grid, {
-    "data-testid": "app-picker__custom-grid"
-  }, /*#__PURE__*/React.createElement(CustomRows, null))));
+    "data-testid": "app-picker__wrapper",
+    children: [/*#__PURE__*/_jsx(SectionTitle, {
+      "data-testid": "app-picker__main-title",
+      "aria-hidden": true
+    }, void 0, sectionTitle), /*#__PURE__*/_jsx(Grid, {
+      "data-testid": "app-picker__main-grid"
+    }, void 0, /*#__PURE__*/_jsx(AppsRows, {})), !!customApps.length && /*#__PURE__*/jsxs(Fragment, {
+      children: [_Separator || (_Separator = /*#__PURE__*/_jsx(Separator, {
+        "aria-hidden": true
+      })), /*#__PURE__*/_jsx(SectionTitle, {
+        "data-testid": "app-picker__custom-title",
+        "aria-hidden": true
+      }, void 0, customSectionTitle), /*#__PURE__*/_jsx(Grid, {
+        "data-testid": "app-picker__custom-grid"
+      }, void 0, /*#__PURE__*/_jsx(CustomRows, {}))]
+    })]
+  });
 };
 
 export { AppPickerImpl as default };
-//# sourceMappingURL=AppPickerImpl.js.map

package/esm/DSAppPicker.js

@@ -1,73 +1,50 @@
-import _toConsumableArray from '@babel/runtime/helpers/esm/toConsumableArray';
-import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
-import React, { useState, useRef, useEffect } from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import { useState, useRef, useEffect } from 'react';
 import { describe } from 'react-desc';
-import { MenuPicker } from '@elliemae/ds-icons';
+import MenuPicker from '@elliemae/ds-icons/MenuPicker';
 import DSButton from '@elliemae/ds-button';
 import DSPopover from '@elliemae/ds-popover';
 import { mergeRefs } from '@elliemae/ds-utilities';
 import AppPickerImpl from './AppPickerImpl.js';
 import { propTypes } from './propTypes.js';
-import 'lodash';
-import '@elliemae/ds-classnames';
-import './utils.js';
 
-var DSAppPicker = function DSAppPicker(_ref) {
-  var _ref$apps = _ref.apps,
-      apps = _ref$apps === void 0 ? [] : _ref$apps,
-      _ref$customApps = _ref.customApps,
-      customApps = _ref$customApps === void 0 ? [] : _ref$customApps,
-      _ref$sectionTitle = _ref.sectionTitle,
-      sectionTitle = _ref$sectionTitle === void 0 ? 'APPLICATIONS' : _ref$sectionTitle,
-      _ref$customSectionTit = _ref.customSectionTitle,
-      customSectionTitle = _ref$customSectionTit === void 0 ? 'CUSTOM APPLICATIONS' : _ref$customSectionTit,
-      _ref$icon = _ref.icon,
-      Icon = _ref$icon === void 0 ? function () {
-    return /*#__PURE__*/React.createElement(MenuPicker, {
-      fill: ['brand-primary', 700],
-      size: "m"
-    });
-  } : _ref$icon,
-      renderTrigger = _ref.renderTrigger,
-      isOpen = _ref.isOpen,
-      _ref$onClose = _ref.onClose,
-      onClose = _ref$onClose === void 0 ? function () {
-    return null;
-  } : _ref$onClose,
-      actionRef = _ref.actionRef,
-      onKeyDown = _ref.onKeyDown,
-      _ref$onClick = _ref.onClick,
-      _onClick = _ref$onClick === void 0 ? function () {
-    return null;
-  } : _ref$onClick,
-      _ref$onClickOutside = _ref.onClickOutside,
-      onClickOutside = _ref$onClickOutside === void 0 ? function () {
-    return null;
-  } : _ref$onClickOutside,
-      triggerRef = _ref.triggerRef;
+const DSAppPicker = ({
+  apps = [],
+  customApps = [],
+  sectionTitle = 'APPLICATIONS',
+  customSectionTitle = 'CUSTOM APPLICATIONS',
+  icon: Icon = () => /*#__PURE__*/_jsx(MenuPicker, {
+    fill: ['brand-primary', 700],
+    size: "m"
+  }),
+  renderTrigger,
+  isOpen,
+  onClose = () => null,
+  actionRef,
+  onKeyDown,
+  onClick = () => null,
+  onClickOutside = () => null,
+  triggerRef
+}) => {
+  var _Icon;
 
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      open = _useState2[0],
-      setOpen = _useState2[1];
-
-  var wrapperRef = useRef(null);
-  var defaultTriggerRef = useRef(null);
-  useEffect(function () {
+  const [open, setOpen] = useState(false);
+  const wrapperRef = useRef(null);
+  const defaultTriggerRef = useRef(null);
+  useEffect(() => {
     if (actionRef) {
-      actionRef.current.focusToIndex = function (index) {
+      actionRef.current.focusToIndex = index => {
         if (wrapperRef.current) {
-          var parent = wrapperRef.current;
-
-          var buttons = _toConsumableArray(parent.querySelectorAll('button'));
-
+          const parent = wrapperRef.current;
+          const buttons = [...parent.querySelectorAll('button')];
           buttons[index].focus();
         }
       };
     }
   }, [actionRef, apps, customApps]);
 
-  var handleOnClose = function handleOnClose() {
+  const handleOnClose = () => {
     if (typeof isOpen === 'boolean') {
       setOpen(isOpen);
     } else {
@@ -77,43 +54,39 @@ var DSAppPicker = function DSAppPicker(_ref) {
     onClose();
   };
 
-  var handleOnClickOutside = function handleOnClickOutside(e) {
+  const handleOnClickOutside = e => {
     setOpen(false);
     onClose();
     onClickOutside(e);
   };
 
-  var AppPickerContent = function AppPickerContent() {
-    return /*#__PURE__*/React.createElement(AppPickerImpl, {
-      apps: apps,
-      customApps: customApps,
-      sectionTitle: sectionTitle,
-      customSectionTitle: customSectionTitle,
-      close: handleOnClose,
-      wrapperRef: wrapperRef,
-      onKeyDown: onKeyDown,
-      triggerRef: triggerRef || defaultTriggerRef
-    });
-  };
-
-  var RenderTrigger = renderTrigger || function (_ref2) {
-    var ref = _ref2.ref;
-    return /*#__PURE__*/React.createElement(DSButton, {
-      "data-testid": "app-picker__button",
-      id: "app-picker__button",
-      buttonType: "text",
-      icon: /*#__PURE__*/React.createElement(Icon, null),
-      innerRef: mergeRefs(ref, defaultTriggerRef),
-      onClick: function onClick(e) {
-        _onClick(e);
+  const AppPickerContent = () => /*#__PURE__*/_jsx(AppPickerImpl, {
+    apps: apps,
+    customApps: customApps,
+    sectionTitle: sectionTitle,
+    customSectionTitle: customSectionTitle,
+    close: handleOnClose,
+    wrapperRef: wrapperRef,
+    onKeyDown: onKeyDown,
+    triggerRef: triggerRef || defaultTriggerRef
+  });
 
-        setOpen(true);
-      }
-    });
-  };
+  const RenderTrigger = renderTrigger || (({
+    ref
+  }) => /*#__PURE__*/_jsx(DSButton, {
+    "data-testid": "app-picker__button",
+    id: "app-picker__button",
+    buttonType: "text",
+    icon: _Icon || (_Icon = /*#__PURE__*/_jsx(Icon, {})),
+    innerRef: mergeRefs(ref, defaultTriggerRef),
+    onClick: e => {
+      onClick(e);
+      setOpen(true);
+    }
+  }));
 
-  return /*#__PURE__*/React.createElement(DSPopover, {
-    content: /*#__PURE__*/React.createElement(AppPickerContent, null),
+  return /*#__PURE__*/_jsx(DSPopover, {
+    content: /*#__PURE__*/_jsx(AppPickerContent, {}),
     isOpen: typeof isOpen === 'boolean' ? isOpen : open,
     onClickOutside: handleOnClickOutside,
     placement: "bottom",
@@ -127,9 +100,7 @@ var DSAppPicker = function DSAppPicker(_ref) {
   });
 };
 
-DSAppPicker.propTypes = propTypes;
-var AppPickerWithSchema = describe(DSAppPicker);
+const AppPickerWithSchema = describe(DSAppPicker);
 AppPickerWithSchema.propTypes = propTypes;
 
 export { AppPickerWithSchema, DSAppPicker, DSAppPicker as default };
-//# sourceMappingURL=DSAppPicker.js.map

package/esm/index.js

@@ -1,15 +1 @@
 export { AppPickerWithSchema, DSAppPicker, DSAppPicker as default } from './DSAppPicker.js';
-import '@babel/runtime/helpers/esm/toConsumableArray';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import 'react';
-import 'react-desc';
-import '@elliemae/ds-icons';
-import '@elliemae/ds-button';
-import '@elliemae/ds-popover';
-import '@elliemae/ds-utilities';
-import './AppPickerImpl.js';
-import 'lodash';
-import '@elliemae/ds-classnames';
-import './utils.js';
-import './propTypes.js';
-//# sourceMappingURL=index.js.map

package/esm/propTypes.js

@@ -1,7 +1,7 @@
 import { PropTypes } from 'react-desc';
-import { MenuPicker } from '@elliemae/ds-icons';
+import MenuPicker from '@elliemae/ds-icons/MenuPicker';
 
-var propTypes = {
+const propTypes = {
   apps: PropTypes.array.description('Main items. Format: [{ label:string, icon:component, onClick:func, disabled:bool, selected:bool }]').isRequired,
   customApps: PropTypes.array.description('Custom items. Format: [{ label:string, icon:component, onClick:func, disabled:bool, selected:bool }]'),
   sectionTitle: PropTypes.string.description('main section title').defaultValue('APPLICATIONS'),
@@ -19,4 +19,3 @@ var propTypes = {
 };
 
 export { propTypes };
-//# sourceMappingURL=propTypes.js.map

package/esm/types/AppPickerTypes.js

@@ -1,2 +1 @@
 
-//# sourceMappingURL=AppPickerTypes.js.map

package/esm/utils.js

@@ -1,4 +1,4 @@
-var keys = {
+const keys = {
   LEFT: 'ArrowLeft',
   UP: 'ArrowUp',
   RIGHT: 'ArrowRight',
@@ -12,4 +12,3 @@ var keys = {
 };
 
 export { keys };
-//# sourceMappingURL=utils.js.map

package/package.json

@@ -1,14 +1,50 @@
 {
   "name": "@elliemae/ds-app-picker",
-  "version": "1.57.1",
+  "version": "2.0.0-alpha.11",
   "license": "MIT",
-  "description": "Ellie Mae - Dim Sum - App Picker",
-  "module": "esm/index.js",
-  "main": "cjs/index.js",
+  "description": "ICE MT - Dimsum - App Picker",
+  "module": "./esm/index.js",
+  "main": "./cjs/index.js",
+  "types": "./types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./esm/index.js",
+      "require": "./cjs/index.js"
+    },
+    "./utils": {
+      "import": "./esm/utils.js",
+      "require": "./cjs/utils.js"
+    },
+    "./types/AppPickerTypes": {
+      "import": "./esm/types/AppPickerTypes.js",
+      "require": "./cjs/types/AppPickerTypes.js"
+    },
+    "./propTypes": {
+      "import": "./esm/propTypes.js",
+      "require": "./cjs/propTypes.js"
+    },
+    "./DSAppPicker": {
+      "import": "./esm/DSAppPicker.js",
+      "require": "./cjs/DSAppPicker.js"
+    },
+    "./AppPickerImpl": {
+      "import": "./esm/AppPickerImpl.js",
+      "require": "./cjs/AppPickerImpl.js"
+    }
+  },
   "sideEffects": [
     "*.css",
     "*.scss"
   ],
+  "repository": {
+    "type": "git",
+    "url": "https://git.elliemae.io/platform-ui/dimsum.git"
+  },
+  "engines": {
+    "npm": ">=7",
+    "node": ">=14"
+  },
+  "author": "ICE MT",
   "scripts": {
     "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
     "prebuild": "exit 0",
@@ -16,20 +52,20 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-button": "1.57.1",
-    "@elliemae/ds-classnames": "1.57.1",
-    "@elliemae/ds-icons": "1.57.1",
-    "@elliemae/ds-popover": "1.57.1",
-    "@elliemae/ds-utilities": "1.57.1",
-    "react-desc": "^4.1.2"
+    "@elliemae/ds-button": "2.0.0-alpha.11",
+    "@elliemae/ds-classnames": "2.0.0-alpha.11",
+    "@elliemae/ds-icons": "2.0.0-alpha.11",
+    "@elliemae/ds-popover": "2.0.0-alpha.11",
+    "react-desc": "^4.1.3"
   },
   "peerDependencies": {
-    "lodash": "^4.17.20",
-    "react": "^17.0.1",
-    "react-dom": "^17.0.1"
+    "lodash": "^4.17.21",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2"
   },
   "publishConfig": {
     "access": "public",
-    "directory": "dist"
+    "directory": "dist",
+    "generateSubmodules": true
   }
 }

package/types/AppPickerImpl.d.ts

@@ -0,0 +1,3 @@
+import { DSAppPickerImplType } from './types/AppPickerTypes';
+declare const AppPickerImpl: DSAppPickerImplType;
+export default AppPickerImpl;

package/types/DSAppPicker.d.ts

@@ -0,0 +1,5 @@
+import type { DSAppPickerType } from './types/AppPickerTypes';
+declare const DSAppPicker: DSAppPickerType;
+declare const AppPickerWithSchema: any;
+export { DSAppPicker, AppPickerWithSchema };
+export default DSAppPicker;

package/types/index.d.ts

@@ -0,0 +1,2 @@
+export * from './DSAppPicker';
+export { default } from './DSAppPicker';

package/types/propTypes.d.ts

@@ -0,0 +1,14 @@
+export declare const propTypes: {
+    apps: any;
+    customApps: any;
+    sectionTitle: any;
+    customSectionTitle: any;
+    icon: any;
+    renderTrigger: any;
+    actionRef: any;
+    isOpen: any;
+    onClose: any;
+    onKeyDown: any;
+    onClick: any;
+    onClickOutside: any;
+};

package/types/tests/AppPicker.test.d.ts

@@ -0,0 +1 @@
+export {};

package/types/types/AppPickerTypes.d.ts

@@ -0,0 +1,37 @@
+/// <reference types="react" />
+import type { SvgIconType } from '@elliemae/ds-icons';
+export interface AppItemType {
+    label: string;
+    icon: React.Component;
+    onClick: () => void | null;
+    disabled?: boolean;
+    selected?: boolean;
+}
+export interface AppPickerPropsType {
+    apps: AppItemType[];
+    customApps: AppItemType[];
+    sectionTitle: string;
+    customSectionTitle: string;
+    icon: SvgIconType;
+    onKeyDown?: (e: KeyboardEvent) => void;
+    actionRef?: React.RefObject<{
+        focusToIndex: (index: number) => void;
+    }>;
+    onClick?: (e: MouseEvent) => void;
+    onClickOutside?: (e: MouseEvent) => void;
+    renderTrigger?: JSX.Element;
+    isOpen?: boolean;
+    onClose?: () => void;
+}
+export interface AppPickerImplProps {
+    apps: AppItemType[];
+    customApps: AppItemType[];
+    sectionTitle: string;
+    customSectionTitle: string;
+    close?: () => void;
+    onKeyDown: (e: KeyboardEvent) => void;
+    wrapperRef: React.RefObject<HTMLDivElement>;
+    triggerRef: React.RefObject<HTMLElement>;
+}
+export declare type DSAppPickerImplType = React.ComponentType<AppPickerImplProps>;
+export declare type DSAppPickerType = React.ComponentType<AppPickerPropsType>;

package/types/utils.d.ts

@@ -0,0 +1,12 @@
+export declare const keys: {
+    LEFT: string;
+    UP: string;
+    RIGHT: string;
+    DOWN: string;
+    ENTER: string;
+    SPACE: string;
+    TAB: string;
+    ESC: string;
+    HOME: string;
+    END: string;
+};

package/AppPickerImpl/package.json

@@ -1,10 +0,0 @@
-{
-  "name": "@elliemae/ds-app-picker/AppPickerImpl",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ],
-  "private": true,
-  "main": "../cjs/AppPickerImpl.js",
-  "module": "../esm/AppPickerImpl.js"
-}

package/DSAppPicker/package.json

@@ -1,10 +0,0 @@
-{
-  "name": "@elliemae/ds-app-picker/DSAppPicker",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ],
-  "private": true,
-  "main": "../cjs/DSAppPicker.js",
-  "module": "../esm/DSAppPicker.js"
-}