@elliemae/ds-app-picker 2.2.0-alpha.4 → 3.0.0-next.2

package/cjs/AppPickerImpl.js

@@ -1,152 +1,182 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var AppPickerImpl_exports = {};
-__export(AppPickerImpl_exports, {
-  default: () => AppPickerImpl_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
-var import_lodash = require("lodash");
-var import_utils = require("./utils");
-var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
-var import_styles = require("./styles");
-const AppPickerImpl = ({
-  apps = [],
-  customApps = [],
-  sectionTitle = "APPLICATIONS",
-  customSectionTitle = "CUSTOM APPLICATIONS",
-  close = () => null,
-  wrapperRef,
-  onKeyDown,
-  triggerRef,
-  isOverflow
-}) => {
-  const allFocusableButtons = (0, import_react.useRef)([]);
-  const selectedButton = (0, import_react.useRef)(null);
-  (0, import_react.useEffect)(() => {
-    wrapperRef?.current?.querySelectorAll("button").forEach((e, index) => {
-      if (!e.hasAttribute("disabled")) {
-        allFocusableButtons?.current?.push(e);
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.filter.js');
+var react = require('react');
+var dsPropsHelpers = require('@elliemae/ds-props-helpers');
+var lodash = require('lodash');
+var utils = require('./utils.js');
+var dsTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
+var styles = require('./styles.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
+
+var _StyledSeparator;
+
+const _excluded = ["label", "disabled", "selected", "icon", "id"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+const AppPickerImpl = _ref => {
+  let {
+    apps = [],
+    customApps = [],
+    sectionTitle = 'APPLICATIONS',
+    customSectionTitle = 'CUSTOM APPLICATIONS',
+    close = () => null,
+    wrapperRef,
+    onKeyDown,
+    triggerRef,
+    isOverflow
+  } = _ref;
+  const allFocusableButtons = react.useRef([]);
+  const selectedButton = react.useRef(null);
+  react.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((e, index) => {
+      if (!e.hasAttribute('disabled')) {
+        var _allFocusableButtons$;
+
+        allFocusableButtons === null || allFocusableButtons === void 0 ? void 0 : (_allFocusableButtons$ = allFocusableButtons.current) === null || _allFocusableButtons$ === void 0 ? void 0 : _allFocusableButtons$.push(e);
       }
-      if (e.getAttribute("aria-selected") === "true") {
+
+      if (e.getAttribute('aria-selected') === 'true') {
         selectedButton.current = index;
       }
     });
+
     if (selectedButton.current) {
-      wrapperRef?.current?.querySelectorAll("button")[selectedButton.current].focus();
+      var _wrapperRef$current2;
+
+      wrapperRef === null || wrapperRef === void 0 ? void 0 : (_wrapperRef$current2 = wrapperRef.current) === null || _wrapperRef$current2 === void 0 ? void 0 : _wrapperRef$current2.querySelectorAll('button')[selectedButton.current].focus();
     } else {
-      allFocusableButtons?.current[0]?.focus();
+      var _allFocusableButtons$2;
+
+      allFocusableButtons === null || allFocusableButtons === void 0 ? void 0 : (_allFocusableButtons$2 = allFocusableButtons.current[0]) === null || _allFocusableButtons$2 === void 0 ? void 0 : _allFocusableButtons$2.focus();
     }
-  }, [wrapperRef]);
-  const handleKeyDown = (e) => {
+  }, [wrapperRef]); // eslint-disable-next-line max-statements
+
+  const handleKeyDown = e => {
+    var _triggerRef$current;
+
     switch (e.key) {
-      case import_utils.keys.ESC:
-        triggerRef?.current?.focus();
+      case utils.keys.ESC:
+        triggerRef === null || triggerRef === void 0 ? void 0 : (_triggerRef$current = triggerRef.current) === null || _triggerRef$current === void 0 ? void 0 : _triggerRef$current.focus();
         close();
         break;
-      case import_utils.keys.TAB:
+
+      case utils.keys.TAB:
         if (e.shiftKey) {
           if (e.target === allFocusableButtons.current[0]) {
+            var _allFocusableButtons$3;
+
             e.preventDefault();
-            allFocusableButtons?.current[allFocusableButtons.current.length - 1]?.focus();
+            allFocusableButtons === null || allFocusableButtons === void 0 ? void 0 : (_allFocusableButtons$3 = allFocusableButtons.current[allFocusableButtons.current.length - 1]) === null || _allFocusableButtons$3 === void 0 ? void 0 : _allFocusableButtons$3.focus();
           }
         } else if (e.target === allFocusableButtons.current[allFocusableButtons.current.length - 1]) {
+          var _allFocusableButtons$4;
+
           e.preventDefault();
-          allFocusableButtons?.current[0]?.focus();
+          allFocusableButtons === null || allFocusableButtons === void 0 ? void 0 : (_allFocusableButtons$4 = allFocusableButtons.current[0]) === null || _allFocusableButtons$4 === void 0 ? void 0 : _allFocusableButtons$4.focus();
         }
-        break;
-      default:
+
         break;
     }
   };
-  const handleOnClick = (0, import_react.useCallback)((e, app) => {
-    if (app.onClick)
-      app.onClick(e, app);
+
+  const handleOnClick = react.useCallback((e, app) => {
+    if (app.onClick) app.onClick(e, app);
   }, []);
-  const handleOnKeyDownWrapper = (0, import_react.useCallback)((e) => {
-    if (onKeyDown)
-      onKeyDown(e);
-    if (!onKeyDown && e.key === import_utils.keys.ESC) {
+  const handleOnKeyDownWrapper = react.useCallback(e => {
+    if (onKeyDown) onKeyDown(e);
+
+    if (!onKeyDown && e.key === utils.keys.ESC) {
       close();
     }
   }, [onKeyDown, close]);
-  const buildRows = (appList, prevIndex = 0) => {
-    const rows = (0, import_lodash.chunk)(appList, 3);
-    const formattedRows = rows.map((row, index) => /* @__PURE__ */ import_react.default.createElement(import_styles.StyledRow, {
-      key: index
-    }, row.map((app, key) => {
-      const { label, disabled, selected, icon: Icon, id, ...otherProps } = app;
-      return /* @__PURE__ */ import_react.default.createElement(import_styles.StyledChip, {
-        key,
-        onClick: (e) => handleOnClick(e, app),
+
+  const buildRows = function (appList) {
+    let prevIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+    const rows = lodash.chunk(appList, 3); // divides array in subarrays of 3 items
+
+    const formattedRows = rows.map((row, index) => /*#__PURE__*/_jsx__default["default"](styles.StyledRow, {}, index, row.map((app, key) => {
+      const {
+        label,
+        disabled,
+        selected,
+        icon: Icon,
+        id
+      } = app,
+            otherProps = _objectWithoutProperties__default["default"](app, _excluded);
+
+      return /*#__PURE__*/jsxRuntime.jsxs(styles.StyledChip, _objectSpread(_objectSpread({
+        onClick: e => handleOnClick(e, app),
         onKeyDown: handleKeyDown,
         "data-testid": "app-picker__chip",
         "aria-disabled": disabled,
-        disabled,
-        selected,
+        disabled: disabled,
+        selected: selected,
         "aria-selected": selected,
         "aria-setsize": apps.length + customApps.length,
         "aria-posinset": key + prevIndex,
-        id,
-        ...(0, import_ds_props_helpers.getDataProps)(otherProps)
-      }, /* @__PURE__ */ import_react.default.createElement(Icon, {
-        className: "app-picker__icon",
-        size: "m"
-      }), /* @__PURE__ */ import_react.default.createElement(import_styles.StyledChipLabel, null, /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.SimpleTruncatedTooltipText, {
-        value: label,
-        placement: "bottom"
-      })));
+        id: id
+      }, dsPropsHelpers.getDataProps(otherProps)), {}, {
+        children: [/*#__PURE__*/_jsx__default["default"](Icon, {
+          className: "app-picker__icon",
+          size: "m"
+        }), /*#__PURE__*/_jsx__default["default"](styles.StyledChipLabel, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsTruncatedTooltipText.SimpleTruncatedTooltipText, {
+          value: label,
+          placement: "bottom"
+        }))]
+      }), key);
     })));
-    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, formattedRows);
+    return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
+      children: formattedRows
+    });
   };
+
   const AppsRows = () => buildRows(apps, 1);
+
   const CustomRows = () => buildRows(customApps, apps.length);
-  return /* @__PURE__ */ import_react.default.createElement(import_styles.StyledWrapper, {
+
+  return /*#__PURE__*/jsxRuntime.jsxs(styles.StyledWrapper, {
     role: "listbox",
     ref: wrapperRef,
     onKeyDown: handleOnKeyDownWrapper,
     "data-testid": "app-picker__wrapper",
-    isOverflow
-  }, /* @__PURE__ */ import_react.default.createElement(import_styles.StyledTitle, {
-    "data-testid": "app-picker__main-title",
-    "aria-hidden": true
-  }, sectionTitle), /* @__PURE__ */ import_react.default.createElement(import_styles.StyledGrid, {
-    "data-testid": "app-picker__main-grid"
-  }, /* @__PURE__ */ import_react.default.createElement(AppsRows, null)), !!customApps.length && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_styles.StyledSeparator, {
-    "aria-hidden": true
-  }), /* @__PURE__ */ import_react.default.createElement(import_styles.StyledTitle, {
-    "data-testid": "app-picker__custom-title",
-    "aria-hidden": true
-  }, customSectionTitle), /* @__PURE__ */ import_react.default.createElement(import_styles.StyledGrid, {
-    "data-testid": "app-picker__custom-grid"
-  }, /* @__PURE__ */ import_react.default.createElement(CustomRows, null))));
+    isOverflow: isOverflow,
+    children: [/*#__PURE__*/_jsx__default["default"](styles.StyledTitle, {
+      "data-testid": "app-picker__main-title",
+      "aria-hidden": true
+    }, void 0, sectionTitle), /*#__PURE__*/_jsx__default["default"](styles.StyledGrid, {
+      "data-testid": "app-picker__main-grid"
+    }, void 0, /*#__PURE__*/_jsx__default["default"](AppsRows, {})), !!customApps.length && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [_StyledSeparator || (_StyledSeparator = /*#__PURE__*/_jsx__default["default"](styles.StyledSeparator, {
+        "aria-hidden": true
+      })), /*#__PURE__*/_jsx__default["default"](styles.StyledTitle, {
+        "data-testid": "app-picker__custom-title",
+        "aria-hidden": true
+      }, void 0, customSectionTitle), /*#__PURE__*/_jsx__default["default"](styles.StyledGrid, {
+        "data-testid": "app-picker__custom-grid"
+      }, void 0, /*#__PURE__*/_jsx__default["default"](CustomRows, {}))]
+    })]
+  });
 };
-var AppPickerImpl_default = AppPickerImpl;
-module.exports = __toCommonJS(AppPickerImpl_exports);
-//# sourceMappingURL=AppPickerImpl.js.map
+
+module.exports = AppPickerImpl;

package/cjs/DSAppPicker.js

@@ -1,141 +1,138 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var DSAppPicker_exports = {};
-__export(DSAppPicker_exports, {
-  AppPickerWithSchema: () => AppPickerWithSchema,
-  DSAppPicker: () => DSAppPicker,
-  default: () => DSAppPicker_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_desc = require("react-desc");
-var import_ds_icons = require("@elliemae/ds-icons");
-var import_ds_button = __toESM(require("@elliemae/ds-button"));
-var import_ds_popover = __toESM(require("@elliemae/ds-popover"));
-var import_ds_utilities = require("@elliemae/ds-utilities");
-var import_AppPickerImpl = __toESM(require("./AppPickerImpl"));
-var import_propTypes = require("./propTypes");
-const DSAppPicker = ({
-  apps = [],
-  customApps = [],
-  sectionTitle = "APPLICATIONS",
-  customSectionTitle = "CUSTOM APPLICATIONS",
-  icon: Icon = () => /* @__PURE__ */ import_react.default.createElement(import_ds_icons.MenuPicker, {
-    fill: ["brand-primary", 700],
-    size: "m"
-  }),
-  renderTrigger,
-  isOpen,
-  onClose = () => null,
-  actionRef,
-  onKeyDown,
-  onClick = () => null,
-  onClickOutside = () => null,
-  triggerRef
-}) => {
-  const [open, setOpen] = (0, import_react.useState)(false);
-  const [isOverflow, setIsOverflow] = (0, import_react.useState)(false);
-  const wrapperRef = (0, import_react.useRef)(null);
-  const defaultTriggerRef = (0, import_react.useRef)(null);
-  (0, import_react.useEffect)(() => {
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.js');
+var react = require('react');
+var reactDesc = require('react-desc');
+var dsIcons = require('@elliemae/ds-icons');
+var DSButton = require('@elliemae/ds-button');
+var DSPopover = require('@elliemae/ds-popover');
+var dsUtilities = require('@elliemae/ds-utilities');
+var AppPickerImpl = require('./AppPickerImpl.js');
+var propTypes = require('./propTypes.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
+var DSPopover__default = /*#__PURE__*/_interopDefaultLegacy(DSPopover);
+
+const DSAppPicker = _ref => {
+  var _Icon;
+
+  let {
+    apps = [],
+    customApps = [],
+    sectionTitle = 'APPLICATIONS',
+    customSectionTitle = 'CUSTOM APPLICATIONS',
+    icon: Icon = () => /*#__PURE__*/_jsx__default["default"](dsIcons.MenuPicker, {
+      fill: ['brand-primary', 700],
+      size: "m"
+    }),
+    renderTrigger,
+    isOpen,
+    onClose = () => null,
+    actionRef,
+    onKeyDown,
+    onClick = () => null,
+    onClickOutside = () => null,
+    triggerRef
+  } = _ref;
+  const [open, setOpen] = react.useState(false);
+  const [isOverflow, setIsOverflow] = react.useState(false);
+  const wrapperRef = react.useRef(null);
+  const defaultTriggerRef = react.useRef(null);
+  react.useEffect(() => {
     if (actionRef && actionRef.current) {
-      actionRef.current.focusToIndex = (index) => {
+      actionRef.current.focusToIndex = index => {
         if (wrapperRef.current) {
           const parent = wrapperRef.current;
-          const buttons = [...parent.querySelectorAll("button")];
+          const buttons = [...parent.querySelectorAll('button')];
           buttons[index].focus();
         }
       };
     }
   }, [actionRef, apps, customApps]);
-  (0, import_react.useEffect)(() => {
+  react.useEffect(() => {
     setTimeout(() => {
       if (wrapperRef.current) {
-        const { scrollHeight, clientHeight } = wrapperRef.current;
-        if (scrollHeight > clientHeight)
-          return setIsOverflow(true);
+        const {
+          scrollHeight,
+          clientHeight
+        } = wrapperRef.current;
+        if (scrollHeight > clientHeight) return setIsOverflow(true);
       }
+
       return setIsOverflow(false);
     });
   }, [isOpen, open]);
+
   const handleOnClose = () => {
-    if (typeof isOpen === "boolean") {
+    if (typeof isOpen === 'boolean') {
       setOpen(isOpen);
     } else {
       setOpen(false);
     }
+
     onClose();
   };
-  const handleOnClickOutside = (e) => {
+
+  const handleOnClickOutside = e => {
     setOpen(false);
     onClose();
     onClickOutside(e);
   };
-  const AppPickerContent = () => /* @__PURE__ */ import_react.default.createElement(import_AppPickerImpl.default, {
-    apps,
-    customApps,
-    sectionTitle,
-    customSectionTitle,
+
+  const AppPickerContent = () => /*#__PURE__*/_jsx__default["default"](AppPickerImpl, {
+    apps: apps,
+    customApps: customApps,
+    sectionTitle: sectionTitle,
+    customSectionTitle: customSectionTitle,
     close: handleOnClose,
-    wrapperRef,
-    onKeyDown,
+    wrapperRef: wrapperRef,
+    onKeyDown: onKeyDown,
     triggerRef: triggerRef || defaultTriggerRef,
-    isOverflow
+    isOverflow: isOverflow
   });
-  const RenderTrigger = renderTrigger || (({ ref }) => /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, {
-    "data-testid": "app-picker__button",
-    id: "app-picker__button",
-    buttonType: "text",
-    icon: /* @__PURE__ */ import_react.default.createElement(Icon, null),
-    innerRef: (0, import_ds_utilities.mergeRefs)(ref, defaultTriggerRef),
-    onClick: (e) => {
-      onClick(e);
-      setOpen(true);
-    }
-  }));
-  return /* @__PURE__ */ import_react.default.createElement(import_ds_popover.default, {
-    content: /* @__PURE__ */ import_react.default.createElement(AppPickerContent, null),
-    isOpen: typeof isOpen === "boolean" ? isOpen : open,
+
+  const RenderTrigger = renderTrigger || (_ref2 => {
+    let {
+      ref
+    } = _ref2;
+    return /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
+      "data-testid": "app-picker__button",
+      id: "app-picker__button",
+      buttonType: "text",
+      icon: _Icon || (_Icon = /*#__PURE__*/_jsx__default["default"](Icon, {})),
+      innerRef: dsUtilities.mergeRefs(ref, defaultTriggerRef),
+      onClick: e => {
+        onClick(e);
+        setOpen(true);
+      }
+    });
+  });
+
+  return /*#__PURE__*/_jsx__default["default"](DSPopover__default["default"], {
+    content: /*#__PURE__*/_jsx__default["default"](AppPickerContent, {}),
+    isOpen: typeof isOpen === 'boolean' ? isOpen : open,
     onClickOutside: handleOnClickOutside,
     placement: "bottom",
     interactionType: "click",
     renderTrigger: RenderTrigger,
     showArrow: true,
     style: {
-      padding: "0",
-      maxWidth: "1000px",
-      width: "fit-content"
+      padding: '0',
+      maxWidth: '1000px',
+      width: 'fit-content'
     }
   });
 };
-DSAppPicker.propTypes = import_propTypes.propTypes;
-const AppPickerWithSchema = (0, import_react_desc.describe)(DSAppPicker);
-AppPickerWithSchema.propTypes = import_propTypes.propTypes;
-var DSAppPicker_default = DSAppPicker;
-module.exports = __toCommonJS(DSAppPicker_exports);
-//# sourceMappingURL=DSAppPicker.js.map
+
+const AppPickerWithSchema = reactDesc.describe(DSAppPicker);
+AppPickerWithSchema.propTypes = propTypes.propTypes;
+
+exports.AppPickerWithSchema = AppPickerWithSchema;
+exports.DSAppPicker = DSAppPicker;
+exports["default"] = DSAppPicker;

package/cjs/index.js

@@ -1,36 +1,11 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var src_exports = {};
-__export(src_exports, {
-  default: () => import_DSAppPicker.default
-});
-var React = __toESM(require("react"));
-__reExport(src_exports, require("./DSAppPicker"));
-var import_DSAppPicker = require("./DSAppPicker");
-module.exports = __toCommonJS(src_exports);
-//# sourceMappingURL=index.js.map
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var DSAppPicker = require('./DSAppPicker.js');
+
+
+
+exports.AppPickerWithSchema = DSAppPicker.AppPickerWithSchema;
+exports.DSAppPicker = DSAppPicker.DSAppPicker;
+exports["default"] = DSAppPicker.DSAppPicker;