@elliemae/ds-legacy-app-picker 1.0.0-rc.1

package/dist/esm/hooks/useKeepTrackButtons.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/hooks/useKeepTrackButtons.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type React from 'react';\nimport { useEffect, useRef, useState } from 'react';\nimport type { DSAppPickerT } from '../react-desc-prop-types.js';\nimport { focusSelectedOrFirstAvailable } from '../utils.js';\n\ninterface UseKeepTrackButtonsT {\n  wrapperRef: React.RefObject<HTMLDivElement>;\n  wasOpenedByKeyboardRef: React.MutableRefObject<boolean>;\n  actionRef?: DSAppPickerT.ActionRef;\n  triggerIsInternal?: boolean;\n}\n\nexport const useKeepTrackButtons = ({\n  wrapperRef,\n  wasOpenedByKeyboardRef,\n  actionRef,\n  triggerIsInternal,\n}: UseKeepTrackButtonsT) => {\n  const [allFocusableButtons, setAllFocusableButtons] = useState<HTMLButtonElement[]>([]);\n  const selectedButton = useRef<number | null>(null);\n\n  useEffect(() => {\n    if (actionRef && actionRef.current) {\n      actionRef.current.focusSelectedOrFirstAvailable = () =>\n        setTimeout(() => {\n          focusSelectedOrFirstAvailable(wrapperRef, allFocusableButtons, selectedButton);\n        });\n    }\n  }, [actionRef, allFocusableButtons, wrapperRef]);\n\n  useEffect(() => {\n    wrapperRef?.current?.querySelectorAll('button').forEach((e, index) => {\n      if (!e.hasAttribute('disabled')) setAllFocusableButtons((prev) => [...prev, e]);\n      if (e.getAttribute('aria-selected') === 'true') {\n        selectedButton.current = index;\n      }\n    });\n  }, [wasOpenedByKeyboardRef, wrapperRef, triggerIsInternal]);\n\n  useEffect(() => {\n    if (wasOpenedByKeyboardRef?.current || !triggerIsInternal) {\n      focusSelectedOrFirstAvailable(wrapperRef, allFocusableButtons, selectedButton);\n    } else {\n      wrapperRef.current?.focus();\n    }\n  }, [wasOpenedByKeyboardRef, wrapperRef, triggerIsInternal, allFocusableButtons]);\n\n  return { allFocusableButtons, selectedButton };\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,WAAW,QAAQ,gBAAgB;AAE5C,SAAS,qCAAqC;AASvC,MAAM,sBAAsB,CAAC;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA4B;AAC1B,QAAM,CAAC,qBAAqB,sBAAsB,IAAI,SAA8B,CAAC,CAAC;AACtF,QAAM,iBAAiB,OAAsB,IAAI;AAEjD,YAAU,MAAM;AACd,QAAI,aAAa,UAAU,SAAS;AAClC,gBAAU,QAAQ,gCAAgC,MAChD,WAAW,MAAM;AACf,sCAA8B,YAAY,qBAAqB,cAAc;AAAA,MAC/E,CAAC;AAAA,IACL;AAAA,EACF,GAAG,CAAC,WAAW,qBAAqB,UAAU,CAAC;AAE/C,YAAU,MAAM;AACd,gBAAY,SAAS,iBAAiB,QAAQ,EAAE,QAAQ,CAAC,GAAG,UAAU;AACpE,UAAI,CAAC,EAAE,aAAa,UAAU;AAAG,+BAAuB,CAAC,SAAS,CAAC,GAAG,MAAM,CAAC,CAAC;AAC9E,UAAI,EAAE,aAAa,eAAe,MAAM,QAAQ;AAC9C,uBAAe,UAAU;AAAA,MAC3B;AAAA,IACF,CAAC;AAAA,EACH,GAAG,CAAC,wBAAwB,YAAY,iBAAiB,CAAC;AAE1D,YAAU,MAAM;AACd,QAAI,wBAAwB,WAAW,CAAC,mBAAmB;AACzD,oCAA8B,YAAY,qBAAqB,cAAc;AAAA,IAC/E,OAAO;AACL,iBAAW,SAAS,MAAM;AAAA,IAC5B;AAAA,EACF,GAAG,CAAC,wBAAwB,YAAY,mBAAmB,mBAAmB,CAAC;AAE/E,SAAO,EAAE,qBAAqB,eAAe;AAC/C;",
+  "names": []
+}

package/dist/esm/index.js

@@ -0,0 +1,13 @@
+import * as React from "react";
+import { DSAppPicker, AppPickerWithSchema } from "./DSAppPicker.js";
+import { DSAppPickerName, DSAppPickerSlots, DSAppPickerDataTestIds } from "./DSAppPickerDefinitions.js";
+import { default as default2 } from "./DSAppPicker.js";
+export {
+  AppPickerWithSchema,
+  DSAppPicker,
+  DSAppPickerDataTestIds,
+  DSAppPickerName,
+  DSAppPickerSlots,
+  default2 as default
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { DSAppPicker, AppPickerWithSchema } from './DSAppPicker.js';\nexport { DSAppPickerName, DSAppPickerSlots, DSAppPickerDataTestIds } from './DSAppPickerDefinitions.js';\nexport type { DSAppPickerT } from './react-desc-prop-types.js';\n\nexport { default } from './DSAppPicker.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,aAAa,2BAA2B;AACjD,SAAS,iBAAiB,kBAAkB,8BAA8B;AAG1E,SAAS,WAAAA,gBAAe;",
+  "names": ["default"]
+}

package/dist/esm/package.json

@@ -0,0 +1,7 @@
+{
+  "type": "module",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ]
+}

package/dist/esm/react-desc-prop-types.js

@@ -0,0 +1,39 @@
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import { MenuPicker } from "@elliemae/ds-legacy-icons";
+import { PropTypes } from "@elliemae/ds-legacy-props-helpers";
+const defaultProps = {
+  apps: [],
+  customApps: [],
+  sectionTitle: "APPLICATIONS",
+  customSectionTitle: "CUSTOM APPLICATIONS",
+  icon: () => /* @__PURE__ */ jsx(MenuPicker, { color: ["brand-primary", "700"], size: "m" })
+};
+const DSAppPickerPropTypes = {
+  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"),
+  customSectionTitle: PropTypes.string.description("custom section title").defaultValue("CUSTOM APPLICATIONS"),
+  icon: PropTypes.func.description("trigger button s icon").defaultValue(MenuPicker),
+  renderTrigger: PropTypes.func.description("Custom trigger component."),
+  actionRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]).description(
+    "Ref containing a focusToIndex method. This method allows you to focus any App inside the AppPicker."
+  ),
+  isOpen: PropTypes.bool.description("Wether the AppPicker should be open or not."),
+  onClose: PropTypes.func.description("Callback function when the AppPicker closes"),
+  onKeyDown: PropTypes.func.description("OnKeyDown handler callback."),
+  onClick: PropTypes.func.description("Custom onClick for Trigger component."),
+  onClickOutside: PropTypes.func.description("Callback event when the user clicks outside the App Picker."),
+  triggerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]).description(
+    "Ref to the trigger button."
+  )
+};
+export {
+  DSAppPickerPropTypes,
+  defaultProps
+};
+//# sourceMappingURL=react-desc-prop-types.js.map

package/dist/esm/react-desc-prop-types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport type { WeakValidationMap } from 'react';\nimport { MenuPicker } from '@elliemae/ds-legacy-icons';\nimport type { SvgIconT } from '@elliemae/ds-legacy-icons';\nimport type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-legacy-props-helpers';\nimport { PropTypes } from '@elliemae/ds-legacy-props-helpers';\n\nexport declare namespace DSAppPickerT {\n  export interface AppItem {\n    label: string;\n    icon: React.ComponentType<{ className: string; size: string }>;\n    onClick?: (e: React.MouseEvent, item: AppItem) => void | null;\n    disabled?: boolean;\n    id?: string;\n    selected?: boolean;\n  }\n\n  export type ActionRef = React.MutableRefObject<{\n    focusToIndex?: (index: number) => void;\n    focusSelectedOrFirstAvailable?: () => void;\n    focusWrapper: () => void;\n  }>;\n\n  export interface DefaultProps {\n    apps: AppItem[];\n    customApps: AppItem[];\n    sectionTitle: string;\n    customSectionTitle: string;\n    icon: React.ComponentType<SvgIconT.Props>;\n  }\n\n  interface RenderTriggerProp {\n    ref: React.MutableRefObject<HTMLButtonElement>;\n    [key: string]: unknown;\n  }\n  export interface OptionalProps {\n    onClose?: () => void;\n    onClick?: (e: React.MouseEvent | React.KeyboardEvent) => void;\n    onClickOutside?: (e: React.MouseEvent) => void;\n    onKeyDown?: (e: React.KeyboardEvent) => void;\n    actionRef?: ActionRef;\n    renderTrigger?: React.ComponentType<RenderTriggerProp>;\n    isOpen?: boolean;\n    triggerRef?: React.RefObject<HTMLButtonElement>;\n  }\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof OptionalProps | keyof XstyledProps>,\n      XstyledProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof OptionalProps | keyof XstyledProps>,\n      XstyledProps {}\n}\n\nexport const defaultProps: DSAppPickerT.DefaultProps = {\n  apps: [],\n  customApps: [],\n  sectionTitle: 'APPLICATIONS',\n  customSectionTitle: 'CUSTOM APPLICATIONS',\n  icon: () => <MenuPicker color={['brand-primary', '700']} size=\"m\" />,\n};\n\n// =============================================================================\n// PropTypes\n// =============================================================================\n\nexport const DSAppPickerPropTypes = {\n  apps: PropTypes.array.description(\n    'Main items. Format: [{ label:string, icon:component, onClick:func, disabled:bool, selected:bool }]',\n  ).isRequired,\n  customApps: PropTypes.array.description(\n    'Custom items. Format: [{ label:string, icon:component, onClick:func, disabled:bool, selected:bool }]',\n  ),\n  sectionTitle: PropTypes.string.description('main section title').defaultValue('APPLICATIONS'),\n  customSectionTitle: PropTypes.string.description('custom section title').defaultValue('CUSTOM APPLICATIONS'),\n  icon: PropTypes.func.description('trigger button s icon').defaultValue(MenuPicker),\n  renderTrigger: PropTypes.func.description('Custom trigger component.'),\n  actionRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]).description(\n    'Ref containing a focusToIndex method. This method allows you to focus any App inside the AppPicker.',\n  ),\n  isOpen: PropTypes.bool.description('Wether the AppPicker should be open or not.'),\n  onClose: PropTypes.func.description('Callback function when the AppPicker closes'),\n  onKeyDown: PropTypes.func.description('OnKeyDown handler callback.'),\n  onClick: PropTypes.func.description('Custom onClick for Trigger component.'),\n  onClickOutside: PropTypes.func.description('Callback event when the user clicks outside the App Picker.'),\n  triggerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]).description(\n    'Ref to the trigger button.',\n  ),\n} as WeakValidationMap<unknown>;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACgET;AA9Dd,SAAS,kBAAkB;AAG3B,SAAS,iBAAiB;AAsDnB,MAAM,eAA0C;AAAA,EACrD,MAAM,CAAC;AAAA,EACP,YAAY,CAAC;AAAA,EACb,cAAc;AAAA,EACd,oBAAoB;AAAA,EACpB,MAAM,MAAM,oBAAC,cAAW,OAAO,CAAC,iBAAiB,KAAK,GAAG,MAAK,KAAI;AACpE;AAMO,MAAM,uBAAuB;AAAA,EAClC,MAAM,UAAU,MAAM;AAAA,IACpB;AAAA,EACF,EAAE;AAAA,EACF,YAAY,UAAU,MAAM;AAAA,IAC1B;AAAA,EACF;AAAA,EACA,cAAc,UAAU,OAAO,YAAY,oBAAoB,EAAE,aAAa,cAAc;AAAA,EAC5F,oBAAoB,UAAU,OAAO,YAAY,sBAAsB,EAAE,aAAa,qBAAqB;AAAA,EAC3G,MAAM,UAAU,KAAK,YAAY,uBAAuB,EAAE,aAAa,UAAU;AAAA,EACjF,eAAe,UAAU,KAAK,YAAY,2BAA2B;AAAA,EACrE,WAAW,UAAU,UAAU,CAAC,UAAU,MAAM,UAAU,MAAM,EAAE,SAAS,UAAU,IAAI,CAAC,CAAC,CAAC,EAAE;AAAA,IAC5F;AAAA,EACF;AAAA,EACA,QAAQ,UAAU,KAAK,YAAY,6CAA6C;AAAA,EAChF,SAAS,UAAU,KAAK,YAAY,6CAA6C;AAAA,EACjF,WAAW,UAAU,KAAK,YAAY,6BAA6B;AAAA,EACnE,SAAS,UAAU,KAAK,YAAY,uCAAuC;AAAA,EAC3E,gBAAgB,UAAU,KAAK,YAAY,6DAA6D;AAAA,EACxG,YAAY,UAAU,UAAU,CAAC,UAAU,MAAM,UAAU,MAAM,EAAE,SAAS,UAAU,IAAI,CAAC,CAAC,CAAC,EAAE;AAAA,IAC7F;AAAA,EACF;AACF;",
+  "names": []
+}

package/dist/esm/styles.js

@@ -0,0 +1,47 @@
+import * as React from "react";
+import { styled } from "@elliemae/ds-legacy-system";
+import { Grid } from "@elliemae/ds-legacy-grid";
+import { DSAppPickerName, DSAppPickerSlots } from "./DSAppPickerDefinitions.js";
+const StyledWrapper = styled(Grid, { name: DSAppPickerName, slot: DSAppPickerSlots.ROOT })`
+  align-items: center;
+  min-width: 308px;
+  min-height: 110px;
+  max-height: 449px;
+  width: 308px;
+  overflow-y: auto;
+  overflow-x: hidden;
+  margin: 0;
+  padding: ${({ isOverflow }) => isOverflow ? "0 0 8px 16px" : "0 16px 8px 16px"};
+  &:focus {
+    outline: none;
+  }
+`;
+const StyledListItem = styled("li", { name: DSAppPickerName, slot: DSAppPickerSlots.ITEM })`
+  list-style: none;
+`;
+const StyledListItemFullRow = styled("li", { name: DSAppPickerName, slot: DSAppPickerSlots.ROW })`
+  list-style: none;
+  grid-column: 1/4;
+`;
+const StyledTitle = styled("h3", { name: DSAppPickerName, slot: DSAppPickerSlots.TITLE })`
+  color: ${({ theme }) => theme.colors.neutral[700]};
+  font-size: ${({ theme }) => theme.fontSizes.value[400]};
+  font-weight: ${({ theme }) => theme.fontWeights.semibold};
+  margin: 12px 0 8px 0;
+  line-height: 1.385;
+  text-transform: uppercase;
+`;
+const StyledSeparator = styled("hr", { name: DSAppPickerName, slot: DSAppPickerSlots.SEPARATOR })`
+  border-top: 1px solid ${({ theme }) => theme.colors.neutral[100]};
+  border-bottom: none;
+  width: 99%;
+  margin: 8px 0 0 0;
+`;
+export {
+  StyledListItem,
+  StyledListItemFullRow,
+  StyledSeparator,
+  StyledTitle,
+  StyledWrapper
+};
+//# sourceMappingURL=styles.js.map

package/dist/esm/styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/styles.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unsafe-assignment */\n/* eslint-disable max-lines */\nimport { styled } from '@elliemae/ds-legacy-system';\nimport { Grid } from '@elliemae/ds-legacy-grid';\nimport { DSAppPickerName, DSAppPickerSlots } from './DSAppPickerDefinitions.js';\n\nexport const StyledWrapper = styled(Grid, { name: DSAppPickerName, slot: DSAppPickerSlots.ROOT })<{\n  isOverflow: boolean;\n}>`\n  align-items: center;\n  min-width: 308px;\n  min-height: 110px;\n  max-height: 449px;\n  width: 308px;\n  overflow-y: auto;\n  overflow-x: hidden;\n  margin: 0;\n  padding: ${({ isOverflow }) => (isOverflow ? '0 0 8px 16px' : '0 16px 8px 16px')};\n  &:focus {\n    outline: none;\n  }\n`;\n\nexport const StyledListItem = styled('li', { name: DSAppPickerName, slot: DSAppPickerSlots.ITEM })`\n  list-style: none;\n`;\n\nexport const StyledListItemFullRow = styled('li', { name: DSAppPickerName, slot: DSAppPickerSlots.ROW })`\n  list-style: none;\n  grid-column: 1/4;\n`;\n\nexport const StyledTitle = styled('h3', { name: DSAppPickerName, slot: DSAppPickerSlots.TITLE })`\n  color: ${({ theme }) => theme.colors.neutral[700]};\n  font-size: ${({ theme }) => theme.fontSizes.value[400]};\n  font-weight: ${({ theme }) => theme.fontWeights.semibold};\n  margin: 12px 0 8px 0;\n  line-height: 1.385;\n  text-transform: uppercase;\n`;\n\nexport const StyledSeparator = styled('hr', { name: DSAppPickerName, slot: DSAppPickerSlots.SEPARATOR })`\n  border-top: 1px solid ${({ theme }) => theme.colors.neutral[100]};\n  border-bottom: none;\n  width: 99%;\n  margin: 8px 0 0 0;\n`;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACEvB,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,iBAAiB,wBAAwB;AAE3C,MAAM,gBAAgB,OAAO,MAAM,EAAE,MAAM,iBAAiB,MAAM,iBAAiB,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAWnF,CAAC,EAAE,WAAW,MAAO,aAAa,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAMzD,MAAM,iBAAiB,OAAO,MAAM,EAAE,MAAM,iBAAiB,MAAM,iBAAiB,KAAK,CAAC;AAAA;AAAA;AAI1F,MAAM,wBAAwB,OAAO,MAAM,EAAE,MAAM,iBAAiB,MAAM,iBAAiB,IAAI,CAAC;AAAA;AAAA;AAAA;AAKhG,MAAM,cAAc,OAAO,MAAM,EAAE,MAAM,iBAAiB,MAAM,iBAAiB,MAAM,CAAC;AAAA,WACpF,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ,GAAG;AAAA,eACnC,CAAC,EAAE,MAAM,MAAM,MAAM,UAAU,MAAM,GAAG;AAAA,iBACtC,CAAC,EAAE,MAAM,MAAM,MAAM,YAAY;AAAA;AAAA;AAAA;AAAA;AAM3C,MAAM,kBAAkB,OAAO,MAAM,EAAE,MAAM,iBAAiB,MAAM,iBAAiB,UAAU,CAAC;AAAA,0BAC7E,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ,GAAG;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/dist/esm/utils.js

@@ -0,0 +1,25 @@
+import * as React from "react";
+const keys = {
+  LEFT: "ArrowLeft",
+  UP: "ArrowUp",
+  RIGHT: "ArrowRight",
+  DOWN: "ArrowDown",
+  ENTER: "Enter",
+  SPACE: "",
+  TAB: "Tab",
+  ESC: "Escape",
+  HOME: "Home",
+  END: "End"
+};
+const focusSelectedOrFirstAvailable = (wrapperRef, allFocusableButtonsRef, selectedButtonRef) => {
+  if (selectedButtonRef.current !== null) {
+    wrapperRef?.current?.querySelectorAll("button")[selectedButtonRef.current].focus();
+  } else {
+    allFocusableButtonsRef?.[0]?.focus();
+  }
+};
+export {
+  focusSelectedOrFirstAvailable,
+  keys
+};
+//# sourceMappingURL=utils.js.map

package/dist/esm/utils.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/utils.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type React from 'react';\n\nexport const keys = {\n  LEFT: 'ArrowLeft',\n  UP: 'ArrowUp',\n  RIGHT: 'ArrowRight',\n  DOWN: 'ArrowDown',\n  ENTER: 'Enter',\n  SPACE: '',\n  TAB: 'Tab',\n  ESC: 'Escape',\n  HOME: 'Home',\n  END: 'End',\n};\n\nexport const focusSelectedOrFirstAvailable = (\n  wrapperRef: React.RefObject<HTMLDivElement>,\n  allFocusableButtonsRef: HTMLButtonElement[],\n  selectedButtonRef: React.MutableRefObject<number | null>,\n) => {\n  if (selectedButtonRef.current !== null) {\n    wrapperRef?.current?.querySelectorAll('button')[selectedButtonRef.current].focus();\n  } else {\n    allFocusableButtonsRef?.[0]?.focus();\n  }\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACEhB,MAAM,OAAO;AAAA,EAClB,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAO;AAAA,EACP,KAAK;AAAA,EACL,KAAK;AAAA,EACL,MAAM;AAAA,EACN,KAAK;AACP;AAEO,MAAM,gCAAgC,CAC3C,YACA,wBACA,sBACG;AACH,MAAI,kBAAkB,YAAY,MAAM;AACtC,gBAAY,SAAS,iBAAiB,QAAQ,EAAE,kBAAkB,OAAO,EAAE,MAAM;AAAA,EACnF,OAAO;AACL,6BAAyB,CAAC,GAAG,MAAM;AAAA,EACrC;AACF;",
+  "names": []
+}

package/dist/types/AppPickerImpl.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { DSAppPickerT } from './react-desc-prop-types.js';
+interface AppPickerImplProps extends Omit<DSAppPickerT.InternalProps, 'onClose' | 'icon' | 'onClick' | 'onClickOutside' | 'renderTrigger' | 'isOpen'> {
+    close: () => void;
+    wrapperRef: React.RefObject<HTMLDivElement>;
+    isOverflow: boolean;
+    wasOpenedByKeyboardRef: React.MutableRefObject<boolean>;
+    triggerIsInternal: boolean;
+}
+declare const AppPickerImpl: React.ComponentType<AppPickerImplProps>;
+export default AppPickerImpl;

package/dist/types/DSAppPicker.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { DSAppPickerT } from './react-desc-prop-types.js';
+declare const DSAppPicker: React.ComponentType<DSAppPickerT.Props>;
+declare const AppPickerWithSchema: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<DSAppPickerT.Props>;
+export { DSAppPicker, AppPickerWithSchema };
+export default DSAppPicker;

package/dist/types/DSAppPickerDefinitions.d.ts

@@ -0,0 +1,15 @@
+export declare const DSAppPickerName = "DSAppPicker";
+export declare const DSAppPickerSlots: {
+    ROOT: string;
+    TITLE: string;
+    SEPARATOR: string;
+    ROW: string;
+    ITEM: string;
+};
+export declare const DSAppPickerDataTestIds: {
+    TRIGGER: string;
+    WRAPPER: string;
+    CHIP: string;
+    MAIN_TITLE: string;
+    CUSTOM_TITLE: string;
+};

package/dist/types/hooks/useKeepTrackButtons.d.ts

@@ -0,0 +1,13 @@
+import type React from 'react';
+import type { DSAppPickerT } from '../react-desc-prop-types.js';
+interface UseKeepTrackButtonsT {
+    wrapperRef: React.RefObject<HTMLDivElement>;
+    wasOpenedByKeyboardRef: React.MutableRefObject<boolean>;
+    actionRef?: DSAppPickerT.ActionRef;
+    triggerIsInternal?: boolean;
+}
+export declare const useKeepTrackButtons: ({ wrapperRef, wasOpenedByKeyboardRef, actionRef, triggerIsInternal, }: UseKeepTrackButtonsT) => {
+    allFocusableButtons: HTMLButtonElement[];
+    selectedButton: React.MutableRefObject<number | null>;
+};
+export {};

package/dist/types/index.d.ts

@@ -0,0 +1,4 @@
+export { DSAppPicker, AppPickerWithSchema } from './DSAppPicker.js';
+export { DSAppPickerName, DSAppPickerSlots, DSAppPickerDataTestIds } from './DSAppPickerDefinitions.js';
+export type { DSAppPickerT } from './react-desc-prop-types.js';
+export { default } from './DSAppPicker.js';

package/dist/types/react-desc-prop-types.d.ts

@@ -0,0 +1,48 @@
+import React from 'react';
+import type { SvgIconT } from '@elliemae/ds-legacy-icons';
+import type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-legacy-props-helpers';
+export declare namespace DSAppPickerT {
+    interface AppItem {
+        label: string;
+        icon: React.ComponentType<{
+            className: string;
+            size: string;
+        }>;
+        onClick?: (e: React.MouseEvent, item: AppItem) => void | null;
+        disabled?: boolean;
+        id?: string;
+        selected?: boolean;
+    }
+    type ActionRef = React.MutableRefObject<{
+        focusToIndex?: (index: number) => void;
+        focusSelectedOrFirstAvailable?: () => void;
+        focusWrapper: () => void;
+    }>;
+    interface DefaultProps {
+        apps: AppItem[];
+        customApps: AppItem[];
+        sectionTitle: string;
+        customSectionTitle: string;
+        icon: React.ComponentType<SvgIconT.Props>;
+    }
+    interface RenderTriggerProp {
+        ref: React.MutableRefObject<HTMLButtonElement>;
+        [key: string]: unknown;
+    }
+    interface OptionalProps {
+        onClose?: () => void;
+        onClick?: (e: React.MouseEvent | React.KeyboardEvent) => void;
+        onClickOutside?: (e: React.MouseEvent) => void;
+        onKeyDown?: (e: React.KeyboardEvent) => void;
+        actionRef?: ActionRef;
+        renderTrigger?: React.ComponentType<RenderTriggerProp>;
+        isOpen?: boolean;
+        triggerRef?: React.RefObject<HTMLButtonElement>;
+    }
+    interface Props extends Partial<DefaultProps>, OptionalProps, Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof OptionalProps | keyof XstyledProps>, XstyledProps {
+    }
+    interface InternalProps extends DefaultProps, OptionalProps, Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof OptionalProps | keyof XstyledProps>, XstyledProps {
+    }
+}
+export declare const defaultProps: DSAppPickerT.DefaultProps;
+export declare const DSAppPickerPropTypes: React.WeakValidationMap<unknown>;

package/dist/types/styles.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare const StyledWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-legacy-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-legacy-system").Theme, {
+    isOverflow: boolean;
+} & import("@elliemae/ds-legacy-system").OwnerInterface, never>;
+export declare const StyledListItem: import("styled-components").StyledComponent<"li", import("@elliemae/ds-legacy-system").Theme, object & import("@elliemae/ds-legacy-system").OwnerInterface, never>;
+export declare const StyledListItemFullRow: import("styled-components").StyledComponent<"li", import("@elliemae/ds-legacy-system").Theme, object & import("@elliemae/ds-legacy-system").OwnerInterface, never>;
+export declare const StyledTitle: import("styled-components").StyledComponent<"h3", import("@elliemae/ds-legacy-system").Theme, object & import("@elliemae/ds-legacy-system").OwnerInterface, never>;
+export declare const StyledSeparator: import("styled-components").StyledComponent<"hr", import("@elliemae/ds-legacy-system").Theme, object & import("@elliemae/ds-legacy-system").OwnerInterface, never>;

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

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

package/dist/types/tests/a11y/axe.test.d.ts

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

package/dist/types/utils.d.ts

@@ -0,0 +1,14 @@
+import type React from 'react';
+export declare const keys: {
+    LEFT: string;
+    UP: string;
+    RIGHT: string;
+    DOWN: string;
+    ENTER: string;
+    SPACE: string;
+    TAB: string;
+    ESC: string;
+    HOME: string;
+    END: string;
+};
+export declare const focusSelectedOrFirstAvailable: (wrapperRef: React.RefObject<HTMLDivElement>, allFocusableButtonsRef: HTMLButtonElement[], selectedButtonRef: React.MutableRefObject<number | null>) => void;

package/package.json

@@ -0,0 +1,97 @@
+{
+  "name": "@elliemae/ds-legacy-app-picker",
+  "version": "1.0.0-rc.1",
+  "license": "MIT",
+  "description": "ICE MT - Dimsum - App Picker",
+  "files": [
+    "dist"
+  ],
+  "module": "./dist/esm/index.js",
+  "main": "./dist/cjs/index.js",
+  "types": "./dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
+    },
+    "./utils": {
+      "import": "./dist/esm/utils.js",
+      "require": "./dist/cjs/utils.js"
+    },
+    "./types/AppPickerTypes": {
+      "import": "./dist/esm/types/AppPickerTypes.js",
+      "require": "./dist/cjs/types/AppPickerTypes.js"
+    },
+    "./styles": {
+      "import": "./dist/esm/styles.js",
+      "require": "./dist/cjs/styles.js"
+    },
+    "./propTypes": {
+      "import": "./dist/esm/propTypes.js",
+      "require": "./dist/cjs/propTypes.js"
+    },
+    "./DSAppPicker": {
+      "import": "./dist/esm/DSAppPicker.js",
+      "require": "./dist/cjs/DSAppPicker.js"
+    },
+    "./AppPickerImpl": {
+      "import": "./dist/esm/AppPickerImpl.js",
+      "require": "./dist/cjs/AppPickerImpl.js"
+    }
+  },
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://git.elliemae.io/platform-ui/dimsum-legacy.git"
+  },
+  "engines": {
+    "pnpm": ">=6",
+    "node": ">=16"
+  },
+  "author": "ICE MT",
+  "jestSonar": {
+    "sonar56x": true,
+    "reportPath": "reports",
+    "reportFile": "tests.xml",
+    "indent": 4
+  },
+  "dependencies": {
+    "@elliemae/ds-legacy-button-v2": "1.0.0-rc.1",
+    "@elliemae/ds-legacy-chip": "1.0.0-rc.1",
+    "@elliemae/ds-legacy-grid": "1.0.0-rc.1",
+    "@elliemae/ds-legacy-popover": "1.0.0-rc.1",
+    "@elliemae/ds-legacy-icons": "1.0.0-rc.1",
+    "@elliemae/ds-legacy-props-helpers": "1.0.0-rc.1",
+    "@elliemae/ds-legacy-utilities": "1.0.0-rc.1",
+    "@elliemae/ds-legacy-system": "1.0.0-rc.1"
+  },
+  "devDependencies": {
+    "@elliemae/pui-cli": "~9.0.0-next.31",
+    "styled-components": "~5.3.9",
+    "@elliemae/ds-legacy-monorepo-devops": "1.0.0-rc.1"
+  },
+  "peerDependencies": {
+    "lodash": "^4.17.21",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "styled-components": "~5.3.9"
+  },
+  "publishConfig": {
+    "access": "public",
+    "typeSafety": false
+  },
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",
+    "test": "pui-cli test --passWithNoTests",
+    "lint": "node ../../../scripts/lint.mjs",
+    "eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../../.eslintrc.js' src/",
+    "dts": "node ../../../scripts/dts.mjs",
+    "build": "cross-env NODE_ENV=production node ../../../scripts/build/build.mjs",
+    "dev:build": "pnpm --filter {.}... build",
+    "dev:install": "pnpm --filter {.}... i --no-lockfile && pnpm run dev:build",
+    "checkDeps": "npm exec ../../util/ds-codemods -- check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
+  }
+}