@elliemae/ds-legacy-popover 1.0.0-rc.1

package/dist/cjs/Arrow.js

@@ -0,0 +1,70 @@
+"use strict";
+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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Arrow_exports = {};
+__export(Arrow_exports, {
+  default: () => Arrow_default
+});
+module.exports = __toCommonJS(Arrow_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_ds_legacy_classnames = require("@elliemae/ds-legacy-classnames");
+var import_ds_legacy_popper = require("@elliemae/ds-legacy-popper");
+const ArrowWrapper = (0, import_ds_legacy_classnames.aggregatedClasses)("span")("popover", "arrow");
+const Arrow = ({ style, className, innerRef, blockName = "popover", placement, ...otherProps }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  ArrowWrapper,
+  {
+    className,
+    "data-placement": placement,
+    ...otherProps,
+    innerRef,
+    style: {
+      ...style,
+      ...(0, import_ds_legacy_popper.getArrowStylesBySize)(placement, 25)
+    },
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { viewBox: "0 0 30 30", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "path",
+        {
+          className: "stroke",
+          d: "M23.7,27.1L17,19.9C16.5,19.3,15.8,19,15,19s-1.6,0.3-2.1,0.9l-6.6,7.2C5.3,28.1,3.4,29,2,29h26\n        C26.7,29,24.6,28.1,23.7,27.1z"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "path",
+        {
+          className: "fill",
+          d: "M23,27.8c1.1,1.2,3.4,2.2,5,2.2h2H0h2c1.7,0,3.9-1,5-2.2l6.6-7.2c0.7-0.8,2-0.8,2.7,0L23,27.8L23,27.8z"
+        }
+      )
+    ] })
+  }
+);
+var Arrow_default = (0, import_react.forwardRef)((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Arrow, { ...props, innerRef: ref || props.innerRef }));
+//# sourceMappingURL=Arrow.js.map

package/dist/cjs/Arrow.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/Arrow.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { forwardRef } from 'react';\nimport { aggregatedClasses } from '@elliemae/ds-legacy-classnames';\nimport { getArrowStylesBySize } from '@elliemae/ds-legacy-popper';\n\nconst ArrowWrapper = aggregatedClasses('span')('popover', 'arrow');\nconst Arrow = ({ style, className, innerRef, blockName = 'popover', placement, ...otherProps }) => (\n  <ArrowWrapper\n    className={className}\n    data-placement={placement}\n    {...otherProps}\n    innerRef={innerRef}\n    style={{\n      ...style,\n      ...getArrowStylesBySize(placement, 25),\n    }}\n  >\n    <svg viewBox=\"0 0 30 30\">\n      <path\n        className=\"stroke\"\n        d=\"M23.7,27.1L17,19.9C16.5,19.3,15.8,19,15,19s-1.6,0.3-2.1,0.9l-6.6,7.2C5.3,28.1,3.4,29,2,29h26\n        C26.7,29,24.6,28.1,23.7,27.1z\"\n      />\n      <path\n        className=\"fill\"\n        d=\"M23,27.8c1.1,1.2,3.4,2.2,5,2.2h2H0h2c1.7,0,3.9-1,5-2.2l6.6-7.2c0.7-0.8,2-0.8,2.7,0L23,27.8L23,27.8z\"\n      />\n    </svg>\n  </ArrowWrapper>\n);\n\nexport default forwardRef((props, ref) => <Arrow {...props} innerRef={ref || props.innerRef} />);\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADgBnB;AAhBJ,mBAAkC;AAClC,kCAAkC;AAClC,8BAAqC;AAErC,MAAM,mBAAe,+CAAkB,MAAM,EAAE,WAAW,OAAO;AACjE,MAAM,QAAQ,CAAC,EAAE,OAAO,WAAW,UAAU,YAAY,WAAW,WAAW,GAAG,WAAW,MAC3F;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,kBAAgB;AAAA,IACf,GAAG;AAAA,IACJ;AAAA,IACA,OAAO;AAAA,MACL,GAAG;AAAA,MACH,OAAG,8CAAqB,WAAW,EAAE;AAAA,IACvC;AAAA,IAEA,uDAAC,SAAI,SAAQ,aACX;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,GAAE;AAAA;AAAA,MAEJ;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,GAAE;AAAA;AAAA,MACJ;AAAA,OACF;AAAA;AACF;AAGF,IAAO,oBAAQ,yBAAW,CAAC,OAAO,QAAQ,4CAAC,SAAO,GAAG,OAAO,UAAU,OAAO,MAAM,UAAU,CAAE;",
+  "names": []
+}

package/dist/cjs/DSPopover.js

@@ -0,0 +1,169 @@
+"use strict";
+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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var DSPopover_exports = {};
+__export(DSPopover_exports, {
+  DSPopover: () => DSPopover,
+  Interaction: () => Interaction,
+  PopoverWithSchema: () => PopoverWithSchema,
+  default: () => DSPopover_default,
+  usePopoverProviderState: () => import_usePopoverProviderState.default,
+  usePopper: () => import_usePopper.default
+});
+module.exports = __toCommonJS(DSPopover_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_ds_legacy_utilities = require("@elliemae/ds-legacy-utilities");
+var import_ds_legacy_props_helpers = require("@elliemae/ds-legacy-props-helpers");
+var import_ds_legacy_hidden = require("@elliemae/ds-legacy-hidden");
+var import_Popover = __toESM(require("./Popover.js"));
+var import_usePopper = __toESM(require("./usePopper.js"));
+var import_Arrow = __toESM(require("./Arrow.js"));
+var import_usePopoverProviderState = __toESM(require("./usePopoverProviderState.js"));
+__reExport(DSPopover_exports, require("@elliemae/ds-legacy-popper"), module.exports);
+const Interaction = {
+  CLICK: "click",
+  HOVER: "hover"
+};
+const DSPopover = ({
+  containerProps,
+  content,
+  // react component inside the popover to render its content
+  renderer,
+  // function to render the popover component, ex: (popoverProps) => (<div {...popoverProps}></div>)
+  visible: visibleProp,
+  offset,
+  showArrow,
+  // popper props options
+  placement,
+  boundaries,
+  // scrollParent | window | viewport
+  modifiers,
+  referenceEl,
+  renderTrigger,
+  onClickOutside,
+  destroyOnHidden,
+  interactionType,
+  isOpen,
+  style
+}) => {
+  const { visible, onShow, onHide, onToggle } = (0, import_ds_legacy_hidden.useHiddenController)(visibleProp);
+  const { reference, popper, arrow, popperData } = (0, import_usePopper.default)({
+    placement,
+    showArrow,
+    boundaries,
+    modifiers,
+    offset,
+    referenceEl,
+    eventsEnabled: visible,
+    isOpen
+  });
+  const hoverHandlers = (0, import_ds_legacy_utilities.useHoverHandlersDelay)({
+    onMouseOver: onShow,
+    onMouseLeave: onHide
+  });
+  const isPopoverVisible = visible || isOpen;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    renderTrigger({
+      ...reference,
+      handlers: interactionType === "click" ? { onClick: onToggle } : hoverHandlers,
+      onShow,
+      onToggle,
+      onHide,
+      "aria-haspopup": true,
+      "aria-expanded": visible
+    }),
+    isPopoverVisible && reference.ref && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_Popover.default,
+      {
+        containerProps,
+        destroyOnHidden,
+        interactionType,
+        isOpen,
+        onClickOutside: (...args) => {
+          onClickOutside(...args);
+          if (interactionType === "click")
+            onHide();
+        },
+        popperProps: popper,
+        renderer: renderer && ((props) => renderer({
+          ...props,
+          onShow,
+          onToggle,
+          onHide
+        })),
+        style,
+        visible: isPopoverVisible,
+        children: [
+          showArrow && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Arrow.default, { ...arrow, placement: popperData.placement }),
+          isPopoverVisible && content
+        ]
+      }
+    )
+  ] });
+};
+DSPopover.defaultProps = {
+  containerProps: {},
+  renderer: void 0,
+  visible: void 0,
+  offset: void 0,
+  showArrow: false,
+  placement: "top",
+  modifiers: {},
+  renderTrigger: () => null,
+  onClickOutside: () => null,
+  destroyOnHidden: true,
+  isOpen: void 0
+};
+const popoverProps = {
+  containerProps: import_ds_legacy_props_helpers.PropTypes.shape({}).description("Set of Properties attached to the main container"),
+  destroyOnHidden: import_ds_legacy_props_helpers.PropTypes.bool.description("destroy popover on hidden or not").defaultValue(true),
+  renderer: import_ds_legacy_props_helpers.PropTypes.func.description("custom renderer"),
+  popperProps: import_ds_legacy_props_helpers.PropTypes.object.description("Popper props attached to container"),
+  visible: import_ds_legacy_props_helpers.PropTypes.bool.description("is visible or not").defaultValue(false),
+  content: import_ds_legacy_props_helpers.PropTypes.oneOfType([import_ds_legacy_props_helpers.PropTypes.element, import_ds_legacy_props_helpers.PropTypes.string]).description("popover content"),
+  onClickOutside: import_ds_legacy_props_helpers.PropTypes.func.description("function called on click outside"),
+  interaction: import_ds_legacy_props_helpers.PropTypes.string.description("interaction type: hover, click"),
+  offset: import_ds_legacy_props_helpers.PropTypes.object.description("offset"),
+  showArrow: import_ds_legacy_props_helpers.PropTypes.bool.description("show tooltip arrow or not"),
+  placement: import_ds_legacy_props_helpers.PropTypes.string.description("popover placement: top, bottom, right, left"),
+  boundaries: import_ds_legacy_props_helpers.PropTypes.string.description("popover boundaries"),
+  modifiers: import_ds_legacy_props_helpers.PropTypes.object.description("modifiers"),
+  style: import_ds_legacy_props_helpers.PropTypes.object.description("css style object"),
+  referenceEl: import_ds_legacy_props_helpers.PropTypes.element.description("reference element"),
+  renderTrigger: import_ds_legacy_props_helpers.PropTypes.func.description("render trigger element"),
+  interactionType: import_ds_legacy_props_helpers.PropTypes.string.description("interaction type"),
+  isOpen: import_ds_legacy_props_helpers.PropTypes.bool.description("open or not").defaultValue(false)
+};
+DSPopover.propTypes = popoverProps;
+DSPopover.displayName = "DSPopover";
+const PopoverWithSchema = (0, import_ds_legacy_props_helpers.describe)(DSPopover);
+PopoverWithSchema.propTypes = popoverProps;
+var DSPopover_default = DSPopover;
+//# sourceMappingURL=DSPopover.js.map

package/dist/cjs/DSPopover.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/DSPopover.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable max-lines */\nimport React from 'react';\nimport { useHoverHandlersDelay } from '@elliemae/ds-legacy-utilities';\nimport { PropTypes, describe } from '@elliemae/ds-legacy-props-helpers';\nimport { useHiddenController } from '@elliemae/ds-legacy-hidden';\nimport Popover from './Popover.js';\nimport usePopper from './usePopper.js';\nimport Arrow from './Arrow.js';\nimport usePopoverProviderState from './usePopoverProviderState.js';\n\nexport * from '@elliemae/ds-legacy-popper';\nexport const Interaction = {\n  CLICK: 'click',\n  HOVER: 'hover',\n};\n\n/* Unstable Popover, not yet fully working */\nconst DSPopover = ({\n  containerProps,\n  content, // react component inside the popover to render its content\n  renderer, // function to render the popover component, ex: (popoverProps) => (<div {...popoverProps}></div>)\n  visible: visibleProp,\n  offset,\n  showArrow,\n  // popper props options\n  placement,\n  boundaries, // scrollParent | window | viewport\n  modifiers,\n  referenceEl,\n  renderTrigger,\n  onClickOutside,\n  destroyOnHidden,\n  interactionType,\n  isOpen,\n  style,\n}) => {\n  const { visible, onShow, onHide, onToggle } = useHiddenController(visibleProp);\n\n  const { reference, popper, arrow, popperData } = usePopper({\n    placement,\n    showArrow,\n    boundaries,\n    modifiers,\n    offset,\n    referenceEl,\n    eventsEnabled: visible,\n    isOpen,\n  });\n\n  const hoverHandlers = useHoverHandlersDelay({\n    onMouseOver: onShow,\n    onMouseLeave: onHide,\n  });\n  const isPopoverVisible = visible || isOpen;\n  return (\n    <>\n      {renderTrigger({\n        ...reference,\n        handlers: interactionType === 'click' ? { onClick: onToggle } : hoverHandlers,\n        onShow,\n        onToggle,\n        onHide,\n        'aria-haspopup': true,\n        'aria-expanded': visible,\n      })}\n      {isPopoverVisible && reference.ref && (\n        <Popover\n          containerProps={containerProps}\n          destroyOnHidden={destroyOnHidden}\n          interactionType={interactionType}\n          isOpen={isOpen}\n          onClickOutside={(...args) => {\n            onClickOutside(...args);\n            if (interactionType === 'click') onHide();\n          }}\n          popperProps={popper}\n          renderer={\n            renderer &&\n            ((props) =>\n              renderer({\n                ...props,\n                onShow,\n                onToggle,\n                onHide,\n              }))\n          }\n          style={style}\n          visible={isPopoverVisible}\n        >\n          {showArrow && <Arrow {...arrow} placement={popperData.placement} />}\n          {isPopoverVisible && content}\n        </Popover>\n      )}\n    </>\n  );\n};\n\nDSPopover.defaultProps = {\n  containerProps: {},\n  renderer: undefined,\n  visible: undefined,\n  offset: undefined,\n  showArrow: false,\n  placement: 'top',\n  modifiers: {},\n  renderTrigger: () => null,\n  onClickOutside: () => null,\n  destroyOnHidden: true,\n  isOpen: undefined,\n};\n\nconst popoverProps = {\n  containerProps: PropTypes.shape({}).description('Set of Properties attached to the main container'),\n  destroyOnHidden: PropTypes.bool.description('destroy popover on hidden or not').defaultValue(true),\n  renderer: PropTypes.func.description('custom renderer'),\n  popperProps: PropTypes.object.description('Popper props attached to container'),\n  visible: PropTypes.bool.description('is visible or not').defaultValue(false),\n  content: PropTypes.oneOfType([PropTypes.element, PropTypes.string]).description('popover content'),\n  onClickOutside: PropTypes.func.description('function called on click outside'),\n  interaction: PropTypes.string.description('interaction type: hover, click'),\n  offset: PropTypes.object.description('offset'),\n  showArrow: PropTypes.bool.description('show tooltip arrow or not'),\n  placement: PropTypes.string.description('popover placement: top, bottom, right, left'),\n  boundaries: PropTypes.string.description('popover boundaries'),\n  modifiers: PropTypes.object.description('modifiers'),\n  style: PropTypes.object.description('css style object'),\n  referenceEl: PropTypes.element.description('reference element'),\n  renderTrigger: PropTypes.func.description('render trigger element'),\n  interactionType: PropTypes.string.description('interaction type'),\n  isOpen: PropTypes.bool.description('open or not').defaultValue(false),\n};\n\nDSPopover.propTypes = popoverProps;\nDSPopover.displayName = 'DSPopover';\nconst PopoverWithSchema = describe(DSPopover);\nPopoverWithSchema.propTypes = popoverProps;\n\nexport { DSPopover, usePopper, usePopoverProviderState, PopoverWithSchema };\n\nexport default DSPopover;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": ["usePopoverProviderState", "usePopper", "usePopper", "Popover", "Arrow"]
+}

package/dist/cjs/Popover.js

@@ -0,0 +1,71 @@
+"use strict";
+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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Popover_exports = {};
+__export(Popover_exports, {
+  default: () => Popover_default
+});
+module.exports = __toCommonJS(Popover_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_lodash = require("lodash");
+var import_ds_legacy_classnames = require("@elliemae/ds-legacy-classnames");
+var import_ds_legacy_utilities = require("@elliemae/ds-legacy-utilities");
+var import_ds_legacy_hidden = require("@elliemae/ds-legacy-hidden");
+var import_ds_legacy_portal = __toESM(require("@elliemae/ds-legacy-portal"));
+var import_ds_legacy_system = require("@elliemae/ds-legacy-system");
+const blockName = "popover";
+const PopoverComponent = (0, import_ds_legacy_classnames.aggregatedClasses)("div")(blockName);
+const Popover = ({
+  containerProps,
+  destroyOnHidden = true,
+  renderer = void 0,
+  popperProps = {},
+  visible = false,
+  content = void 0,
+  onClickOutside = () => null,
+  style,
+  ...otherProps
+}) => {
+  const popoverRef = (0, import_react.useRef)();
+  const hiddenTransitionProps = (0, import_ds_legacy_hidden.useHiddenTransition)({ visible });
+  const popoverProps = (0, import_ds_legacy_utilities.removeUndefinedProperties)({
+    containerprops: containerProps,
+    content,
+    ref: popoverRef,
+    ...otherProps,
+    ...hiddenTransitionProps
+  });
+  (0, import_ds_legacy_utilities.useOnClickOutside)(popoverRef, onClickOutside);
+  const theme = (0, import_react.useContext)(import_ds_legacy_system.ThemeContext);
+  const wrapStyle = (0, import_lodash.omit)(style, "zIndex") || {};
+  return destroyOnHidden && !hiddenTransitionProps.destroyed && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_legacy_portal.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { role: "region", "aria-label": "popover menu", ...popperProps, style: { zIndex: theme.zIndex.popper, ...style, ...popperProps.style }, children: (0, import_ds_legacy_utilities.isFunction)(renderer) ? renderer(popoverProps) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PopoverComponent, { ...popoverProps, style: wrapStyle }) }) });
+};
+var Popover_default = Popover;
+//# sourceMappingURL=Popover.js.map

package/dist/cjs/Popover.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/Popover.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useRef, useContext } from 'react';\nimport { omit } from 'lodash';\nimport { aggregatedClasses } from '@elliemae/ds-legacy-classnames';\nimport { isFunction, removeUndefinedProperties, useOnClickOutside } from '@elliemae/ds-legacy-utilities';\nimport { useHiddenTransition } from '@elliemae/ds-legacy-hidden';\nimport DSPortal from '@elliemae/ds-legacy-portal';\nimport { ThemeContext } from '@elliemae/ds-legacy-system';\n\nconst blockName = 'popover';\nconst PopoverComponent = aggregatedClasses('div')(blockName);\n\nconst Popover = ({\n  containerProps,\n  destroyOnHidden = true,\n  renderer = undefined,\n  popperProps = {},\n  visible = false,\n  content = undefined,\n  onClickOutside = () => null,\n  style,\n  ...otherProps\n}) => {\n  const popoverRef = useRef();\n  const hiddenTransitionProps = useHiddenTransition({ visible });\n  const popoverProps = removeUndefinedProperties({\n    containerprops: containerProps,\n    content,\n    ref: popoverRef,\n    ...otherProps,\n    ...hiddenTransitionProps,\n  });\n\n  useOnClickOutside(popoverRef, onClickOutside);\n\n  const theme = useContext(ThemeContext);\n\n  const wrapStyle = omit(style, 'zIndex') || {};\n  return (\n    destroyOnHidden &&\n    !hiddenTransitionProps.destroyed && (\n      <DSPortal>\n        <div role=\"region\" aria-label=\"popover menu\" {...popperProps} style={{ zIndex: theme.zIndex.popper, ...style, ...popperProps.style }} >\n          {isFunction(renderer) ? renderer(popoverProps) : <PopoverComponent {...popoverProps} style={wrapStyle} />}\n        </div>\n      </DSPortal>\n    )\n  );\n};\n\nexport default Popover;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD0CoC;AA1C3D,mBAA0C;AAC1C,oBAAqB;AACrB,kCAAkC;AAClC,iCAAyE;AACzE,8BAAoC;AACpC,8BAAqB;AACrB,8BAA6B;AAE7B,MAAM,YAAY;AAClB,MAAM,uBAAmB,+CAAkB,KAAK,EAAE,SAAS;AAE3D,MAAM,UAAU,CAAC;AAAA,EACf;AAAA,EACA,kBAAkB;AAAA,EAClB,WAAW;AAAA,EACX,cAAc,CAAC;AAAA,EACf,UAAU;AAAA,EACV,UAAU;AAAA,EACV,iBAAiB,MAAM;AAAA,EACvB;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,iBAAa,qBAAO;AAC1B,QAAM,4BAAwB,6CAAoB,EAAE,QAAQ,CAAC;AAC7D,QAAM,mBAAe,sDAA0B;AAAA,IAC7C,gBAAgB;AAAA,IAChB;AAAA,IACA,KAAK;AAAA,IACL,GAAG;AAAA,IACH,GAAG;AAAA,EACL,CAAC;AAED,oDAAkB,YAAY,cAAc;AAE5C,QAAM,YAAQ,yBAAW,oCAAY;AAErC,QAAM,gBAAY,oBAAK,OAAO,QAAQ,KAAK,CAAC;AAC5C,SACE,mBACA,CAAC,sBAAsB,aACrB,4CAAC,wBAAAA,SAAA,EACC,sDAAC,SAAI,MAAK,UAAS,cAAW,gBAAgB,GAAG,aAAa,OAAO,EAAE,QAAQ,MAAM,OAAO,QAAQ,GAAG,OAAO,GAAG,YAAY,MAAM,GAChI,qDAAW,QAAQ,IAAI,SAAS,YAAY,IAAI,4CAAC,oBAAkB,GAAG,cAAc,OAAO,WAAW,GACzG,GACF;AAGN;AAEA,IAAO,kBAAQ;",
+  "names": ["DSPortal"]
+}

package/dist/cjs/PopoverTrigger.js

@@ -0,0 +1,71 @@
+"use strict";
+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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var PopoverTrigger_exports = {};
+__export(PopoverTrigger_exports, {
+  Interaction: () => Interaction,
+  default: () => PopoverTrigger_default
+});
+module.exports = __toCommonJS(PopoverTrigger_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+const Interaction = {
+  CLICK: "click",
+  HOVER: "hover"
+};
+const noop = () => {
+};
+function useHiddenTrigger({
+  hiddenId,
+  visible = false,
+  interaction = "click",
+  onToggle = noop,
+  onShow = noop,
+  onHide = noop
+}) {
+  const handlers = {
+    [Interaction.CLICK]: {
+      onClick: onToggle
+    },
+    [Interaction.HOVER]: {
+      onMouseEnter: onShow,
+      onMouseLeave: onHide
+    }
+  };
+  return {
+    "aria-expanded": visible,
+    ...handlers[interaction],
+    "aria-controls": hiddenId
+  };
+}
+const PopoverTrigger = ({ as: Component, ...props }) => {
+  const hiddenTriggerProps = useHiddenTrigger(props);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { ...hiddenTriggerProps });
+};
+var PopoverTrigger_default = PopoverTrigger;
+//# sourceMappingURL=PopoverTrigger.js.map

package/dist/cjs/PopoverTrigger.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/PopoverTrigger.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\n\nexport const Interaction = {\n  CLICK: 'click',\n  HOVER: 'hover',\n};\n\nconst noop = () => {};\n\nfunction useHiddenTrigger({\n  hiddenId,\n  visible = false,\n  interaction = 'click',\n  onToggle = noop,\n  onShow = noop,\n  onHide = noop,\n}) {\n  const handlers = {\n    [Interaction.CLICK]: {\n      onClick: onToggle,\n    },\n    [Interaction.HOVER]: {\n      onMouseEnter: onShow,\n      onMouseLeave: onHide,\n    },\n  };\n  return {\n    'aria-expanded': visible,\n    ...handlers[interaction],\n    'aria-controls': hiddenId,\n  };\n}\n\nconst PopoverTrigger = ({ as: Component, ...props }) => {\n  const hiddenTriggerProps = useHiddenTrigger(props);\n\n  return <Component {...hiddenTriggerProps} />;\n};\n\nexport default PopoverTrigger;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADoCd;AAlCF,MAAM,cAAc;AAAA,EACzB,OAAO;AAAA,EACP,OAAO;AACT;AAEA,MAAM,OAAO,MAAM;AAAC;AAEpB,SAAS,iBAAiB;AAAA,EACxB;AAAA,EACA,UAAU;AAAA,EACV,cAAc;AAAA,EACd,WAAW;AAAA,EACX,SAAS;AAAA,EACT,SAAS;AACX,GAAG;AACD,QAAM,WAAW;AAAA,IACf,CAAC,YAAY,KAAK,GAAG;AAAA,MACnB,SAAS;AAAA,IACX;AAAA,IACA,CAAC,YAAY,KAAK,GAAG;AAAA,MACnB,cAAc;AAAA,MACd,cAAc;AAAA,IAChB;AAAA,EACF;AACA,SAAO;AAAA,IACL,iBAAiB;AAAA,IACjB,GAAG,SAAS,WAAW;AAAA,IACvB,iBAAiB;AAAA,EACnB;AACF;AAEA,MAAM,iBAAiB,CAAC,EAAE,IAAI,WAAW,GAAG,MAAM,MAAM;AACtD,QAAM,qBAAqB,iBAAiB,KAAK;AAEjD,SAAO,4CAAC,aAAW,GAAG,oBAAoB;AAC5C;AAEA,IAAO,yBAAQ;",
+  "names": []
+}

package/dist/cjs/index.js

@@ -0,0 +1,38 @@
+"use strict";
+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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var src_exports = {};
+__export(src_exports, {
+  default: () => import_DSPopover.default
+});
+module.exports = __toCommonJS(src_exports);
+var React = __toESM(require("react"));
+__reExport(src_exports, require("./DSPopover.js"), module.exports);
+var import_DSPopover = __toESM(require("./DSPopover.js"));
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export * from './DSPopover.js';\nexport { default } from './DSPopover.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,2BAAd;AACA,uBAAwB;",
+  "names": []
+}

package/dist/cjs/package.json

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

package/dist/cjs/usePopover.js

@@ -0,0 +1,46 @@
+"use strict";
+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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var usePopover_exports = {};
+__export(usePopover_exports, {
+  default: () => usePopover_default
+});
+module.exports = __toCommonJS(usePopover_exports);
+var React = __toESM(require("react"));
+var import_usePopper = __toESM(require("./usePopper.js"));
+function usePopover({ ...otherProps }) {
+  const { reference, popper, arrow, ...popperProps } = (0, import_usePopper.default)(otherProps);
+  return {
+    triggerProps: { ...reference },
+    popoverProps: { ...popper },
+    arrowProps: { ...arrow },
+    ...popperProps
+  };
+}
+var usePopover_default = usePopover;
+//# sourceMappingURL=usePopover.js.map

package/dist/cjs/usePopover.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/usePopover.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import usePopper from './usePopper.js';\n\nfunction usePopover({ ...otherProps }) {\n  const { reference, popper, arrow, ...popperProps } = usePopper(otherProps);\n\n  return {\n    triggerProps: { ...reference },\n    popoverProps: { ...popper },\n    arrowProps: { ...arrow },\n    ...popperProps,\n  };\n}\n\nexport default usePopover;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAsB;AAEtB,SAAS,WAAW,EAAE,GAAG,WAAW,GAAG;AACrC,QAAM,EAAE,WAAW,QAAQ,OAAO,GAAG,YAAY,QAAI,iBAAAA,SAAU,UAAU;AAEzE,SAAO;AAAA,IACL,cAAc,EAAE,GAAG,UAAU;AAAA,IAC7B,cAAc,EAAE,GAAG,OAAO;AAAA,IAC1B,YAAY,EAAE,GAAG,MAAM;AAAA,IACvB,GAAG;AAAA,EACL;AACF;AAEA,IAAO,qBAAQ;",
+  "names": ["usePopper"]
+}

package/dist/cjs/usePopoverProviderState.js

@@ -0,0 +1,86 @@
+"use strict";
+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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var usePopoverProviderState_exports = {};
+__export(usePopoverProviderState_exports, {
+  default: () => usePopoverProviderState_default
+});
+module.exports = __toCommonJS(usePopoverProviderState_exports);
+var React = __toESM(require("react"));
+var import_react = require("react");
+var import_lodash = require("lodash");
+var import_ds_legacy_utilities = require("@elliemae/ds-legacy-utilities");
+function usePopoverProviderState({
+  initialState = {
+    reference: null,
+    visible: false,
+    value: "",
+    options: {}
+  },
+  delay
+}) {
+  const triggerRef = (0, import_react.useRef)();
+  const [tooltipState, setTooltipState] = (0, import_react.useState)(initialState);
+  const show = (state) => {
+    setTooltipState((prevState) => ({
+      ...prevState,
+      ...state,
+      visible: true
+    }));
+  };
+  const hide = (state) => {
+    setTooltipState((prevState) => ({
+      ...prevState,
+      ...state,
+      visible: false
+    }));
+  };
+  const [showTooltip, hideTooltip] = (0, import_ds_legacy_utilities.useExecutionTimer)(show, hide, delay);
+  const handleShowTooltip = (state, e) => {
+    triggerRef.current = e.target;
+    showTooltip({ ...state, reference: e.target });
+  };
+  const handleHideTooltip = (state) => {
+    hideTooltip(state);
+  };
+  (0, import_react.useEffect)(() => {
+    window.addEventListener("scroll", (0, import_lodash.throttle)(handleHideTooltip, 300), true);
+    window.addEventListener("click", handleHideTooltip, true);
+    return () => {
+      window.removeEventListener("scroll", (0, import_lodash.throttle)(handleHideTooltip, 300), true);
+      window.addEventListener("click", handleHideTooltip, true);
+    };
+  }, [tooltipState.reference]);
+  return {
+    show: handleShowTooltip,
+    hide: handleHideTooltip,
+    state: tooltipState
+  };
+}
+var usePopoverProviderState_default = usePopoverProviderState;
+//# sourceMappingURL=usePopoverProviderState.js.map

package/dist/cjs/usePopoverProviderState.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/usePopoverProviderState.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { useState, useEffect, useRef } from 'react';\nimport { throttle } from 'lodash';\nimport { useExecutionTimer } from '@elliemae/ds-legacy-utilities';\n\nfunction usePopoverProviderState({\n  initialState = {\n    reference: null,\n    visible: false,\n    value: '',\n    options: {},\n  },\n  delay,\n}) {\n  const triggerRef = useRef();\n  const [tooltipState, setTooltipState] = useState(initialState);\n\n  const show = (state) => {\n    setTooltipState((prevState) => ({\n      ...prevState,\n      ...state,\n      visible: true,\n    }));\n  };\n  const hide = (state) => {\n    setTooltipState((prevState) => ({\n      ...prevState,\n      ...state,\n      visible: false,\n    }));\n  };\n\n  const [showTooltip, hideTooltip] = useExecutionTimer(show, hide, delay);\n\n  const handleShowTooltip = (state, e) => {\n    triggerRef.current = e.target;\n    showTooltip({ ...state, reference: e.target });\n  };\n\n  const handleHideTooltip = (state) => {\n    hideTooltip(state);\n  };\n\n  useEffect(() => {\n    window.addEventListener('scroll', throttle(handleHideTooltip, 300), true);\n    window.addEventListener('click', handleHideTooltip, true);\n    return () => {\n      window.removeEventListener('scroll', throttle(handleHideTooltip, 300), true);\n      window.addEventListener('click', handleHideTooltip, true);\n    };\n  }, [tooltipState.reference]);\n\n  return {\n    show: handleShowTooltip,\n    hide: handleHideTooltip,\n    state: tooltipState,\n  };\n}\n\nexport default usePopoverProviderState;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA4C;AAC5C,oBAAyB;AACzB,iCAAkC;AAElC,SAAS,wBAAwB;AAAA,EAC/B,eAAe;AAAA,IACb,WAAW;AAAA,IACX,SAAS;AAAA,IACT,OAAO;AAAA,IACP,SAAS,CAAC;AAAA,EACZ;AAAA,EACA;AACF,GAAG;AACD,QAAM,iBAAa,qBAAO;AAC1B,QAAM,CAAC,cAAc,eAAe,QAAI,uBAAS,YAAY;AAE7D,QAAM,OAAO,CAAC,UAAU;AACtB,oBAAgB,CAAC,eAAe;AAAA,MAC9B,GAAG;AAAA,MACH,GAAG;AAAA,MACH,SAAS;AAAA,IACX,EAAE;AAAA,EACJ;AACA,QAAM,OAAO,CAAC,UAAU;AACtB,oBAAgB,CAAC,eAAe;AAAA,MAC9B,GAAG;AAAA,MACH,GAAG;AAAA,MACH,SAAS;AAAA,IACX,EAAE;AAAA,EACJ;AAEA,QAAM,CAAC,aAAa,WAAW,QAAI,8CAAkB,MAAM,MAAM,KAAK;AAEtE,QAAM,oBAAoB,CAAC,OAAO,MAAM;AACtC,eAAW,UAAU,EAAE;AACvB,gBAAY,EAAE,GAAG,OAAO,WAAW,EAAE,OAAO,CAAC;AAAA,EAC/C;AAEA,QAAM,oBAAoB,CAAC,UAAU;AACnC,gBAAY,KAAK;AAAA,EACnB;AAEA,8BAAU,MAAM;AACd,WAAO,iBAAiB,cAAU,wBAAS,mBAAmB,GAAG,GAAG,IAAI;AACxE,WAAO,iBAAiB,SAAS,mBAAmB,IAAI;AACxD,WAAO,MAAM;AACX,aAAO,oBAAoB,cAAU,wBAAS,mBAAmB,GAAG,GAAG,IAAI;AAC3E,aAAO,iBAAiB,SAAS,mBAAmB,IAAI;AAAA,IAC1D;AAAA,EACF,GAAG,CAAC,aAAa,SAAS,CAAC;AAE3B,SAAO;AAAA,IACL,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AACF;AAEA,IAAO,kCAAQ;",
+  "names": []
+}