@elliemae/ds-mobile 3.16.0-next.2 → 3.16.0-next.21

package/dist/cjs/InfiniteLoader/Infiniteloader.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/InfiniteLoader/Infiniteloader.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useEffect, useRef, useCallback, useState, type RefObject, type WeakValidationMap } from 'react';\nimport { PropTypes, describe, useMakeMutable } from '@elliemae/ds-utilities';\nimport { Grid } from '@elliemae/ds-grid';\nimport { Loader } from './Loader';\n\ninterface Props {\n  isFetching: boolean;\n  hasMoreItems?: boolean;\n  fetchData: () => void;\n  children: React.ReactNode;\n  height?: number | string;\n}\n\ninterface Args extends IntersectionObserverInit {\n  freezeOnceVisible?: boolean;\n}\n\nfunction useIntersectionObserver(\n  elementRef: RefObject<Element>,\n  { threshold = 0, root = null, rootMargin = '0%', freezeOnceVisible = false }: Args,\n  // eslint-disable-next-line no-unused-vars, @typescript-eslint/no-unused-vars\n  onIntersectionCb = (entry: IntersectionObserverEntry): void => {},\n): IntersectionObserverEntry | undefined {\n  const mutableIntersectionCb = useMakeMutable(onIntersectionCb);\n  const [entry, setEntry] = useState<IntersectionObserverEntry>();\n\n  const frozen = entry?.isIntersecting && freezeOnceVisible;\n\n  const updateEntry = ([newEntry]: IntersectionObserverEntry[]): void => {\n    setEntry(newEntry);\n    if (newEntry.isIntersecting) mutableIntersectionCb.current(newEntry);\n  };\n\n  useEffect(() => {\n    const node = elementRef?.current; // DOM Ref\n    const hasIOSupport = !!window.IntersectionObserver;\n\n    if (!hasIOSupport || frozen || !node) return () => {};\n\n    const observerParams = { threshold, root, rootMargin };\n    const observer = new IntersectionObserver(updateEntry, observerParams);\n\n    observer.observe(node);\n\n    return () => observer.disconnect();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [elementRef, JSON.stringify(threshold), root, rootMargin, frozen]);\n\n  return entry;\n}\n\nconst InfiniteLoader = ({ isFetching, fetchData, children, height, hasMoreItems = true }: Props) => {\n  const [viewportHeight, setViewportHeight] = useState<number | undefined | string>(height);\n\n  const baselineRef = useRef<HTMLDivElement | null>(null);\n  const mutableIsFetching = useMakeMutable(isFetching);\n  const mutableFetchData = useMakeMutable(fetchData);\n  const onIntersectionCb = React.useCallback(() => {\n    if (hasMoreItems && !mutableIsFetching.current) {\n      mutableFetchData.current();\n    }\n  }, [hasMoreItems, mutableFetchData, mutableIsFetching]);\n  useIntersectionObserver(\n    baselineRef,\n    {\n      root: null,\n      rootMargin: '0px',\n      threshold: 0.1,\n    },\n    onIntersectionCb,\n  );\n\n  const handleResize = useCallback(() => {\n    setViewportHeight(window.innerHeight);\n  }, []);\n\n  useEffect(() => {\n    if (!height) {\n      window.addEventListener('resize', handleResize);\n      handleResize();\n    }\n    return () => {\n      if (!height) window.removeEventListener('resize', handleResize);\n    };\n  }, [handleResize, height]);\n\n  return (\n    <Grid style={{ position: 'relative', overflow: 'hidden', height: viewportHeight }}>\n      <Grid style={{ overflow: isFetching ? 'hidden' : 'auto', height: viewportHeight }}>\n        {children}\n        <div ref={baselineRef} style={{ height: 1 }} />\n      </Grid>\n      <Loader isOpen={isFetching} />\n    </Grid>\n  );\n};\n\nconst listProps = {\n  isFetching: PropTypes.bool.description('toggle loading state'),\n  hasMoreItems: PropTypes.bool\n    .description('wheter or not you have more items that need to be loaded')\n    .defaultValue(true),\n  fetchData: PropTypes.func.description('callback to fetch new items'),\n  children: PropTypes.element.description('row items for infinite loader'),\n  height: PropTypes.number.description('infinite loader list height'),\n} as WeakValidationMap<unknown>;\n\nconst InfiniteLoaderWithSchema = describe(InfiniteLoader);\nInfiniteLoaderWithSchema.propTypes = listProps;\nexport { InfiniteLoader, InfiniteLoaderWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADwFjB;AAxFN,mBAAwG;AACxG,0BAAoD;AACpD,qBAAqB;AACrB,oBAAuB;AAcvB,SAAS,wBACP,YACA,EAAE,YAAY,GAAG,OAAO,MAAM,aAAa,MAAM,oBAAoB,MAAM,GAE3E,mBAAmB,CAAC,UAA2C;AAAC,GACzB;AACvC,QAAM,4BAAwB,oCAAe,gBAAgB;AAC7D,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAoC;AAE9D,QAAM,SAAS,OAAO,kBAAkB;AAExC,QAAM,cAAc,CAAC,CAAC,QAAQ,MAAyC;AACrE,aAAS,QAAQ;AACjB,QAAI,SAAS;AAAgB,4BAAsB,QAAQ,QAAQ;AAAA,EACrE;AAEA,8BAAU,MAAM;AACd,UAAM,OAAO,YAAY;AACzB,UAAM,eAAe,CAAC,CAAC,OAAO;AAE9B,QAAI,CAAC,gBAAgB,UAAU,CAAC;AAAM,aAAO,MAAM;AAAA,MAAC;AAEpD,UAAM,iBAAiB,EAAE,WAAW,MAAM,WAAW;AACrD,UAAM,WAAW,IAAI,qBAAqB,aAAa,cAAc;AAErE,aAAS,QAAQ,IAAI;AAErB,WAAO,MAAM,SAAS,WAAW;AAAA,EAEnC,GAAG,CAAC,YAAY,KAAK,UAAU,SAAS,GAAG,MAAM,YAAY,MAAM,CAAC;AAEpE,SAAO;AACT;AAEA,MAAM,iBAAiB,CAAC,EAAE,YAAY,WAAW,UAAU,QAAQ,eAAe,KAAK,MAAa;AAClG,QAAM,CAAC,gBAAgB,iBAAiB,QAAI,uBAAsC,MAAM;AAExF,QAAM,kBAAc,qBAA8B,IAAI;AACtD,QAAM,wBAAoB,oCAAe,UAAU;AACnD,QAAM,uBAAmB,oCAAe,SAAS;AACjD,QAAM,mBAAmB,aAAAA,QAAM,YAAY,MAAM;AAC/C,QAAI,gBAAgB,CAAC,kBAAkB,SAAS;AAC9C,uBAAiB,QAAQ;AAAA,IAC3B;AAAA,EACF,GAAG,CAAC,cAAc,kBAAkB,iBAAiB,CAAC;AACtD;AAAA,IACE;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,WAAW;AAAA,IACb;AAAA,IACA;AAAA,EACF;AAEA,QAAM,mBAAe,0BAAY,MAAM;AACrC,sBAAkB,OAAO,WAAW;AAAA,EACtC,GAAG,CAAC,CAAC;AAEL,8BAAU,MAAM;AACd,QAAI,CAAC,QAAQ;AACX,aAAO,iBAAiB,UAAU,YAAY;AAC9C,mBAAa;AAAA,IACf;AACA,WAAO,MAAM;AACX,UAAI,CAAC;AAAQ,eAAO,oBAAoB,UAAU,YAAY;AAAA,IAChE;AAAA,EACF,GAAG,CAAC,cAAc,MAAM,CAAC;AAEzB,SACE,6CAAC,uBAAK,OAAO,EAAE,UAAU,YAAY,UAAU,UAAU,QAAQ,eAAe,GAC9E;AAAA,iDAAC,uBAAK,OAAO,EAAE,UAAU,aAAa,WAAW,QAAQ,QAAQ,eAAe,GAC7E;AAAA;AAAA,MACD,4CAAC,SAAI,KAAK,aAAa,OAAO,EAAE,QAAQ,EAAE,GAAG;AAAA,OAC/C;AAAA,IACA,4CAAC,wBAAO,QAAQ,YAAY;AAAA,KAC9B;AAEJ;AAEA,MAAM,YAAY;AAAA,EAChB,YAAY,8BAAU,KAAK,YAAY,sBAAsB;AAAA,EAC7D,cAAc,8BAAU,KACrB,YAAY,0DAA0D,EACtE,aAAa,IAAI;AAAA,EACpB,WAAW,8BAAU,KAAK,YAAY,6BAA6B;AAAA,EACnE,UAAU,8BAAU,QAAQ,YAAY,+BAA+B;AAAA,EACvE,QAAQ,8BAAU,OAAO,YAAY,6BAA6B;AACpE;AAEA,MAAM,+BAA2B,8BAAS,cAAc;AACxD,yBAAyB,YAAY;",
+  "sourcesContent": ["import React, { useEffect, useRef, useCallback, useState, type RefObject, type WeakValidationMap } from 'react';\nimport { useMakeMutable } from '@elliemae/ds-utilities';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { Grid } from '@elliemae/ds-grid';\nimport { Loader } from './Loader.js';\n\ninterface Props {\n  isFetching: boolean;\n  hasMoreItems?: boolean;\n  fetchData: () => void;\n  children: React.ReactNode;\n  height?: number | string;\n}\n\ninterface Args extends IntersectionObserverInit {\n  freezeOnceVisible?: boolean;\n}\n\nfunction useIntersectionObserver(\n  elementRef: RefObject<Element>,\n  { threshold = 0, root = null, rootMargin = '0%', freezeOnceVisible = false }: Args,\n  // eslint-disable-next-line no-unused-vars, @typescript-eslint/no-unused-vars\n  onIntersectionCb = (entry: IntersectionObserverEntry): void => {},\n): IntersectionObserverEntry | undefined {\n  const mutableIntersectionCb = useMakeMutable(onIntersectionCb);\n  const [entry, setEntry] = useState<IntersectionObserverEntry>();\n\n  const frozen = entry?.isIntersecting && freezeOnceVisible;\n\n  const updateEntry = ([newEntry]: IntersectionObserverEntry[]): void => {\n    setEntry(newEntry);\n    if (newEntry.isIntersecting) mutableIntersectionCb.current(newEntry);\n  };\n\n  useEffect(() => {\n    const node = elementRef?.current; // DOM Ref\n    const hasIOSupport = !!window.IntersectionObserver;\n\n    if (!hasIOSupport || frozen || !node) return () => {};\n\n    const observerParams = { threshold, root, rootMargin };\n    const observer = new IntersectionObserver(updateEntry, observerParams);\n\n    observer.observe(node);\n\n    return () => observer.disconnect();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [elementRef, JSON.stringify(threshold), root, rootMargin, frozen]);\n\n  return entry;\n}\n\nconst InfiniteLoader = ({ isFetching, fetchData, children, height, hasMoreItems = true }: Props) => {\n  const [viewportHeight, setViewportHeight] = useState<number | undefined | string>(height);\n\n  const baselineRef = useRef<HTMLDivElement | null>(null);\n  const mutableIsFetching = useMakeMutable(isFetching);\n  const mutableFetchData = useMakeMutable(fetchData);\n  const onIntersectionCb = React.useCallback(() => {\n    if (hasMoreItems && !mutableIsFetching.current) {\n      mutableFetchData.current();\n    }\n  }, [hasMoreItems, mutableFetchData, mutableIsFetching]);\n  useIntersectionObserver(\n    baselineRef,\n    {\n      root: null,\n      rootMargin: '0px',\n      threshold: 0.1,\n    },\n    onIntersectionCb,\n  );\n\n  const handleResize = useCallback(() => {\n    setViewportHeight(window.innerHeight);\n  }, []);\n\n  useEffect(() => {\n    if (!height) {\n      window.addEventListener('resize', handleResize);\n      handleResize();\n    }\n    return () => {\n      if (!height) window.removeEventListener('resize', handleResize);\n    };\n  }, [handleResize, height]);\n\n  return (\n    <Grid style={{ position: 'relative', overflow: 'hidden', height: viewportHeight }}>\n      <Grid style={{ overflow: isFetching ? 'hidden' : 'auto', height: viewportHeight }}>\n        {children}\n        <div ref={baselineRef} style={{ height: 1 }} />\n      </Grid>\n      <Loader isOpen={isFetching} />\n    </Grid>\n  );\n};\n\nconst listProps = {\n  isFetching: PropTypes.bool.description('toggle loading state'),\n  hasMoreItems: PropTypes.bool\n    .description('wheter or not you have more items that need to be loaded')\n    .defaultValue(true),\n  fetchData: PropTypes.func.description('callback to fetch new items'),\n  children: PropTypes.element.description('row items for infinite loader'),\n  height: PropTypes.number.description('infinite loader list height'),\n} as WeakValidationMap<unknown>;\n\nconst InfiniteLoaderWithSchema = describe(InfiniteLoader);\nInfiniteLoaderWithSchema.propTypes = listProps;\nexport { InfiniteLoader, InfiniteLoaderWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADyFjB;AAzFN,mBAAwG;AACxG,0BAA+B;AAC/B,8BAAoC;AACpC,qBAAqB;AACrB,oBAAuB;AAcvB,SAAS,wBACP,YACA,EAAE,YAAY,GAAG,OAAO,MAAM,aAAa,MAAM,oBAAoB,MAAM,GAE3E,mBAAmB,CAAC,UAA2C;AAAC,GACzB;AACvC,QAAM,4BAAwB,oCAAe,gBAAgB;AAC7D,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAoC;AAE9D,QAAM,SAAS,OAAO,kBAAkB;AAExC,QAAM,cAAc,CAAC,CAAC,QAAQ,MAAyC;AACrE,aAAS,QAAQ;AACjB,QAAI,SAAS;AAAgB,4BAAsB,QAAQ,QAAQ;AAAA,EACrE;AAEA,8BAAU,MAAM;AACd,UAAM,OAAO,YAAY;AACzB,UAAM,eAAe,CAAC,CAAC,OAAO;AAE9B,QAAI,CAAC,gBAAgB,UAAU,CAAC;AAAM,aAAO,MAAM;AAAA,MAAC;AAEpD,UAAM,iBAAiB,EAAE,WAAW,MAAM,WAAW;AACrD,UAAM,WAAW,IAAI,qBAAqB,aAAa,cAAc;AAErE,aAAS,QAAQ,IAAI;AAErB,WAAO,MAAM,SAAS,WAAW;AAAA,EAEnC,GAAG,CAAC,YAAY,KAAK,UAAU,SAAS,GAAG,MAAM,YAAY,MAAM,CAAC;AAEpE,SAAO;AACT;AAEA,MAAM,iBAAiB,CAAC,EAAE,YAAY,WAAW,UAAU,QAAQ,eAAe,KAAK,MAAa;AAClG,QAAM,CAAC,gBAAgB,iBAAiB,QAAI,uBAAsC,MAAM;AAExF,QAAM,kBAAc,qBAA8B,IAAI;AACtD,QAAM,wBAAoB,oCAAe,UAAU;AACnD,QAAM,uBAAmB,oCAAe,SAAS;AACjD,QAAM,mBAAmB,aAAAA,QAAM,YAAY,MAAM;AAC/C,QAAI,gBAAgB,CAAC,kBAAkB,SAAS;AAC9C,uBAAiB,QAAQ;AAAA,IAC3B;AAAA,EACF,GAAG,CAAC,cAAc,kBAAkB,iBAAiB,CAAC;AACtD;AAAA,IACE;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,WAAW;AAAA,IACb;AAAA,IACA;AAAA,EACF;AAEA,QAAM,mBAAe,0BAAY,MAAM;AACrC,sBAAkB,OAAO,WAAW;AAAA,EACtC,GAAG,CAAC,CAAC;AAEL,8BAAU,MAAM;AACd,QAAI,CAAC,QAAQ;AACX,aAAO,iBAAiB,UAAU,YAAY;AAC9C,mBAAa;AAAA,IACf;AACA,WAAO,MAAM;AACX,UAAI,CAAC;AAAQ,eAAO,oBAAoB,UAAU,YAAY;AAAA,IAChE;AAAA,EACF,GAAG,CAAC,cAAc,MAAM,CAAC;AAEzB,SACE,6CAAC,uBAAK,OAAO,EAAE,UAAU,YAAY,UAAU,UAAU,QAAQ,eAAe,GAC9E;AAAA,iDAAC,uBAAK,OAAO,EAAE,UAAU,aAAa,WAAW,QAAQ,QAAQ,eAAe,GAC7E;AAAA;AAAA,MACD,4CAAC,SAAI,KAAK,aAAa,OAAO,EAAE,QAAQ,EAAE,GAAG;AAAA,OAC/C;AAAA,IACA,4CAAC,wBAAO,QAAQ,YAAY;AAAA,KAC9B;AAEJ;AAEA,MAAM,YAAY;AAAA,EAChB,YAAY,kCAAU,KAAK,YAAY,sBAAsB;AAAA,EAC7D,cAAc,kCAAU,KACrB,YAAY,0DAA0D,EACtE,aAAa,IAAI;AAAA,EACpB,WAAW,kCAAU,KAAK,YAAY,6BAA6B;AAAA,EACnE,UAAU,kCAAU,QAAQ,YAAY,+BAA+B;AAAA,EACvE,QAAQ,kCAAU,OAAO,YAAY,6BAA6B;AACpE;AAEA,MAAM,+BAA2B,kCAAS,cAAc;AACxD,yBAAyB,YAAY;",
   "names": ["React"]
 }

package/dist/cjs/InfiniteLoader/Loader.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   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
 ));
@@ -31,7 +35,7 @@ var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_prop_types = __toESM(require("prop-types"));
 var import_ds_indeterminate_progress_indicator = __toESM(require("@elliemae/ds-indeterminate-progress-indicator"));
-var import_styled = require("./styled");
+var import_styled = require("./styled.js");
 const Loader = ({ isOpen }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.LoaderBox, { className: isOpen ? "opened" : "", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_indeterminate_progress_indicator.default, { processing: true, title: "Loading" }) });
 Loader.propTypes = {
   isOpen: import_prop_types.default.bool

package/dist/cjs/InfiniteLoader/Loader.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/InfiniteLoader/Loader.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable react/no-unused-state */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport DSIndeterminateProgressIndicator from '@elliemae/ds-indeterminate-progress-indicator';\nimport { LoaderBox } from './styled';\n\ninterface Props {\n  isOpen: boolean;\n}\n\nexport const Loader = ({ isOpen }: Props) => (\n  <LoaderBox className={isOpen ? 'opened' : ''}>\n    <DSIndeterminateProgressIndicator processing title=\"Loading\" />\n  </LoaderBox>\n);\n\nLoader.propTypes = {\n  isOpen: PropTypes.bool,\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADYnB;AAVJ,wBAAsB;AACtB,iDAA6C;AAC7C,oBAA0B;AAMnB,MAAM,SAAS,CAAC,EAAE,OAAO,MAC9B,4CAAC,2BAAU,WAAW,SAAS,WAAW,IACxC,sDAAC,2CAAAA,SAAA,EAAiC,YAAU,MAAC,OAAM,WAAU,GAC/D;AAGF,OAAO,YAAY;AAAA,EACjB,QAAQ,kBAAAC,QAAU;AACpB;",
+  "sourcesContent": ["/* eslint-disable react/no-unused-state */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport DSIndeterminateProgressIndicator from '@elliemae/ds-indeterminate-progress-indicator';\nimport { LoaderBox } from './styled.js';\n\ninterface Props {\n  isOpen: boolean;\n}\n\nexport const Loader = ({ isOpen }: Props) => (\n  <LoaderBox className={isOpen ? 'opened' : ''}>\n    <DSIndeterminateProgressIndicator processing title=\"Loading\" />\n  </LoaderBox>\n);\n\nLoader.propTypes = {\n  isOpen: PropTypes.bool,\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADYnB;AAVJ,wBAAsB;AACtB,iDAA6C;AAC7C,oBAA0B;AAMnB,MAAM,SAAS,CAAC,EAAE,OAAO,MAC9B,4CAAC,2BAAU,WAAW,SAAS,WAAW,IACxC,sDAAC,2CAAAA,SAAA,EAAiC,YAAU,MAAC,OAAM,WAAU,GAC/D;AAGF,OAAO,YAAY;AAAA,EACjB,QAAQ,kBAAAC,QAAU;AACpB;",
   "names": ["DSIndeterminateProgressIndicator", "PropTypes"]
 }

package/dist/cjs/InfiniteLoader/VirtualizedInfiniteLoader.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   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
 ));
@@ -31,7 +35,7 @@ module.exports = __toCommonJS(VirtualizedInfiniteLoader_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
-var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_react_window_infinite_loader = __toESM(require("react-window-infinite-loader"));
 var import_react_window = require("react-window");
 const VirtualizedInfiniteLoader = ({
@@ -50,27 +54,19 @@ const VirtualizedInfiniteLoader = ({
     return loadMoreItems(startIndex, stopIndex);
   };
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { position: "relative" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_react_window_infinite_loader.default,
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_window_infinite_loader.default, { isItemLoaded, itemCount, loadMoreItems: loadMore, children: ({ onItemsRendered, ref }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_react_window.VariableSizeList,
       {
-        isItemLoaded,
+        className: "List",
+        height,
         itemCount,
-        loadMoreItems: loadMore,
-        children: ({ onItemsRendered, ref }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_react_window.VariableSizeList,
-          {
-            className: "List",
-            height,
-            itemCount,
-            itemSize: getItemSize,
-            onItemsRendered,
-            ref,
-            width: "100%",
-            children: Row
-          }
-        )
+        itemSize: getItemSize,
+        onItemsRendered,
+        ref,
+        width: "100%",
+        children: Row
       }
-    ),
+    ) }),
     moreItemsLoading && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "div",
       {
@@ -86,22 +82,25 @@ const VirtualizedInfiniteLoader = ({
   ] });
 };
 const listProps = {
-  isItemLoaded: import_ds_utilities.PropTypes.bool.description(
-    "Function responsible for tracking the loaded state of each item."
-  ),
-  loadMoreItems: import_ds_utilities.PropTypes.func.description(
+  /** Function responsible for tracking the loaded state of each item. */
+  isItemLoaded: import_ds_props_helpers.PropTypes.bool.description("Function responsible for tracking the loaded state of each item."),
+  /**  Callback to be invoked when more rows must be loaded. It should return a Promise that is resolved once all data has finished loading. */
+  loadMoreItems: import_ds_props_helpers.PropTypes.func.description(
     "Callback to be invoked when more rows must be loaded. It should return a Promise that is resolved once all data has finished loading."
   ),
-  getItemSize: import_ds_utilities.PropTypes.func.description("callback to get row item size"),
-  height: import_ds_utilities.PropTypes.number.description("height for the list"),
-  moreItemsLoading: import_ds_utilities.PropTypes.bool.description(
-    "flag to know if virtual list s"
-  ),
-  item: import_ds_utilities.PropTypes.element.description("Row item to render"),
-  hasNextPage: import_ds_utilities.PropTypes.bool.description("flag for virtualized list")
+  /** callback to get row item size */
+  getItemSize: import_ds_props_helpers.PropTypes.func.description("callback to get row item size"),
+  /** height for the list */
+  height: import_ds_props_helpers.PropTypes.number.description("height for the list"),
+  /** flag to know if virtual list should be on loading state */
+  moreItemsLoading: import_ds_props_helpers.PropTypes.bool.description("flag to know if virtual list s"),
+  /** Row item to render */
+  item: import_ds_props_helpers.PropTypes.element.description("Row item to render"),
+  /** flag for virtualized list */
+  hasNextPage: import_ds_props_helpers.PropTypes.bool.description("flag for virtualized list")
 };
 VirtualizedInfiniteLoader.propTypes = listProps;
 VirtualizedInfiniteLoader.displayName = "VirtualizedInfiniteLoader";
-const VirtualizedInfiniteLoaderWithSchema = (0, import_ds_utilities.describe)(VirtualizedInfiniteLoader);
+const VirtualizedInfiniteLoaderWithSchema = (0, import_ds_props_helpers.describe)(VirtualizedInfiniteLoader);
 VirtualizedInfiniteLoaderWithSchema.propTypes = listProps;
 //# sourceMappingURL=VirtualizedInfiniteLoader.js.map

package/dist/cjs/InfiniteLoader/VirtualizedInfiniteLoader.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/InfiniteLoader/VirtualizedInfiniteLoader.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useState } from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport RWInfiniteLoader from 'react-window-infinite-loader';\nimport { VariableSizeList as List } from 'react-window';\n\nconst VirtualizedInfiniteLoader = ({\n  moreItemsLoading = false,\n  hasNextPage = false,\n  isItemLoaded = () => true,\n  loadMoreItems,\n  getItemSize = () => 38,\n  height,\n  item: Row,\n}) => {\n  const [itemCount, setItemCount] = useState(10);\n\n  const loadMore = (startIndex, stopIndex) => {\n    if (hasNextPage) setItemCount(itemCount + 1);\n    return loadMoreItems(startIndex, stopIndex);\n  };\n\n  return (\n    <div style={{ position: 'relative' }}>\n      <RWInfiniteLoader\n        isItemLoaded={isItemLoaded}\n        itemCount={itemCount}\n        loadMoreItems={loadMore}\n      >\n        {({ onItemsRendered, ref }) => (\n          <List\n            className=\"List\"\n            height={height}\n            itemCount={itemCount}\n            itemSize={getItemSize}\n            onItemsRendered={onItemsRendered}\n            ref={ref}\n            width=\"100%\"\n          >\n            {Row}\n          </List>\n        )}\n      </RWInfiniteLoader>\n      {moreItemsLoading && (\n        <div\n          style={{\n            position: 'absolute',\n            bottom: 0,\n            background: 'blue',\n            zIndex: 1,\n          }}\n        >\n          Loading\n        </div>\n      )}\n    </div>\n  );\n};\n\nconst listProps = {\n  /** Function responsible for tracking the loaded state of each item. */\n  isItemLoaded: PropTypes.bool.description(\n    'Function responsible for tracking the loaded state of each item.',\n  ),\n  /**  Callback to be invoked when more rows must be loaded. It should return a Promise that is resolved once all data has finished loading. */\n  loadMoreItems: PropTypes.func.description(\n    'Callback to be invoked when more rows must be loaded. It should return a Promise that is resolved once all data has finished loading.',\n  ),\n  /** callback to get row item size */\n  getItemSize: PropTypes.func.description('callback to get row item size'),\n  /** height for the list */\n  height: PropTypes.number.description('height for the list'),\n  /** flag to know if virtual list should be on loading state */\n  moreItemsLoading: PropTypes.bool.description(\n    'flag to know if virtual list s',\n  ),\n  /** Row item to render */\n  item: PropTypes.element.description('Row item to render'),\n  /** flag for virtualized list */\n  hasNextPage: PropTypes.bool.description('flag for virtualized list'),\n};\n\nVirtualizedInfiniteLoader.propTypes = listProps;\nVirtualizedInfiniteLoader.displayName = 'VirtualizedInfiniteLoader';\nconst VirtualizedInfiniteLoaderWithSchema = describe(VirtualizedInfiniteLoader);\n\nVirtualizedInfiniteLoaderWithSchema.propTypes = listProps;\n\nexport { VirtualizedInfiniteLoader, VirtualizedInfiniteLoaderWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADsBnB;AAtBJ,mBAAgC;AAChC,0BAAoC;AACpC,0CAA6B;AAC7B,0BAAyC;AAEzC,MAAM,4BAA4B,CAAC;AAAA,EACjC,mBAAmB;AAAA,EACnB,cAAc;AAAA,EACd,eAAe,MAAM;AAAA,EACrB;AAAA,EACA,cAAc,MAAM;AAAA,EACpB;AAAA,EACA,MAAM;AACR,MAAM;AACJ,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAS,EAAE;AAE7C,QAAM,WAAW,CAAC,YAAY,cAAc;AAC1C,QAAI;AAAa,mBAAa,YAAY,CAAC;AAC3C,WAAO,cAAc,YAAY,SAAS;AAAA,EAC5C;AAEA,SACE,6CAAC,SAAI,OAAO,EAAE,UAAU,WAAW,GACjC;AAAA;AAAA,MAAC,oCAAAA;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,eAAe;AAAA,QAEd,WAAC,EAAE,iBAAiB,IAAI,MACvB;AAAA,UAAC,oBAAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV;AAAA,YACA;AAAA,YACA,UAAU;AAAA,YACV;AAAA,YACA;AAAA,YACA,OAAM;AAAA,YAEL;AAAA;AAAA,QACH;AAAA;AAAA,IAEJ;AAAA,IACC,oBACC;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,UACL,UAAU;AAAA,UACV,QAAQ;AAAA,UACR,YAAY;AAAA,UACZ,QAAQ;AAAA,QACV;AAAA,QACD;AAAA;AAAA,IAED;AAAA,KAEJ;AAEJ;AAEA,MAAM,YAAY;AAAA,EAEhB,cAAc,8BAAU,KAAK;AAAA,IAC3B;AAAA,EACF;AAAA,EAEA,eAAe,8BAAU,KAAK;AAAA,IAC5B;AAAA,EACF;AAAA,EAEA,aAAa,8BAAU,KAAK,YAAY,+BAA+B;AAAA,EAEvE,QAAQ,8BAAU,OAAO,YAAY,qBAAqB;AAAA,EAE1D,kBAAkB,8BAAU,KAAK;AAAA,IAC/B;AAAA,EACF;AAAA,EAEA,MAAM,8BAAU,QAAQ,YAAY,oBAAoB;AAAA,EAExD,aAAa,8BAAU,KAAK,YAAY,2BAA2B;AACrE;AAEA,0BAA0B,YAAY;AACtC,0BAA0B,cAAc;AACxC,MAAM,0CAAsC,8BAAS,yBAAyB;AAE9E,oCAAoC,YAAY;",
+  "sourcesContent": ["import React, { useState } from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport RWInfiniteLoader from 'react-window-infinite-loader';\nimport { VariableSizeList as List } from 'react-window';\n\nconst VirtualizedInfiniteLoader = ({\n  moreItemsLoading = false,\n  hasNextPage = false,\n  isItemLoaded = () => true,\n  loadMoreItems,\n  getItemSize = () => 38,\n  height,\n  item: Row,\n}) => {\n  const [itemCount, setItemCount] = useState(10);\n\n  const loadMore = (startIndex, stopIndex) => {\n    if (hasNextPage) setItemCount(itemCount + 1);\n    return loadMoreItems(startIndex, stopIndex);\n  };\n\n  return (\n    <div style={{ position: 'relative' }}>\n      <RWInfiniteLoader isItemLoaded={isItemLoaded} itemCount={itemCount} loadMoreItems={loadMore}>\n        {({ onItemsRendered, ref }) => (\n          <List\n            className=\"List\"\n            height={height}\n            itemCount={itemCount}\n            itemSize={getItemSize}\n            onItemsRendered={onItemsRendered}\n            ref={ref}\n            width=\"100%\"\n          >\n            {Row}\n          </List>\n        )}\n      </RWInfiniteLoader>\n      {moreItemsLoading && (\n        <div\n          style={{\n            position: 'absolute',\n            bottom: 0,\n            background: 'blue',\n            zIndex: 1,\n          }}\n        >\n          Loading\n        </div>\n      )}\n    </div>\n  );\n};\n\nconst listProps = {\n  /** Function responsible for tracking the loaded state of each item. */\n  isItemLoaded: PropTypes.bool.description('Function responsible for tracking the loaded state of each item.'),\n  /**  Callback to be invoked when more rows must be loaded. It should return a Promise that is resolved once all data has finished loading. */\n  loadMoreItems: PropTypes.func.description(\n    'Callback to be invoked when more rows must be loaded. It should return a Promise that is resolved once all data has finished loading.',\n  ),\n  /** callback to get row item size */\n  getItemSize: PropTypes.func.description('callback to get row item size'),\n  /** height for the list */\n  height: PropTypes.number.description('height for the list'),\n  /** flag to know if virtual list should be on loading state */\n  moreItemsLoading: PropTypes.bool.description('flag to know if virtual list s'),\n  /** Row item to render */\n  item: PropTypes.element.description('Row item to render'),\n  /** flag for virtualized list */\n  hasNextPage: PropTypes.bool.description('flag for virtualized list'),\n};\n\nVirtualizedInfiniteLoader.propTypes = listProps;\nVirtualizedInfiniteLoader.displayName = 'VirtualizedInfiniteLoader';\nconst VirtualizedInfiniteLoaderWithSchema = describe(VirtualizedInfiniteLoader);\n\nVirtualizedInfiniteLoaderWithSchema.propTypes = listProps;\n\nexport { VirtualizedInfiniteLoader, VirtualizedInfiniteLoaderWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADsBnB;AAtBJ,mBAAgC;AAChC,8BAAoC;AACpC,0CAA6B;AAC7B,0BAAyC;AAEzC,MAAM,4BAA4B,CAAC;AAAA,EACjC,mBAAmB;AAAA,EACnB,cAAc;AAAA,EACd,eAAe,MAAM;AAAA,EACrB;AAAA,EACA,cAAc,MAAM;AAAA,EACpB;AAAA,EACA,MAAM;AACR,MAAM;AACJ,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAS,EAAE;AAE7C,QAAM,WAAW,CAAC,YAAY,cAAc;AAC1C,QAAI;AAAa,mBAAa,YAAY,CAAC;AAC3C,WAAO,cAAc,YAAY,SAAS;AAAA,EAC5C;AAEA,SACE,6CAAC,SAAI,OAAO,EAAE,UAAU,WAAW,GACjC;AAAA,gDAAC,oCAAAA,SAAA,EAAiB,cAA4B,WAAsB,eAAe,UAChF,WAAC,EAAE,iBAAiB,IAAI,MACvB;AAAA,MAAC,oBAAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA,UAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA,OAAM;AAAA,QAEL;AAAA;AAAA,IACH,GAEJ;AAAA,IACC,oBACC;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,UACL,UAAU;AAAA,UACV,QAAQ;AAAA,UACR,YAAY;AAAA,UACZ,QAAQ;AAAA,QACV;AAAA,QACD;AAAA;AAAA,IAED;AAAA,KAEJ;AAEJ;AAEA,MAAM,YAAY;AAAA;AAAA,EAEhB,cAAc,kCAAU,KAAK,YAAY,kEAAkE;AAAA;AAAA,EAE3G,eAAe,kCAAU,KAAK;AAAA,IAC5B;AAAA,EACF;AAAA;AAAA,EAEA,aAAa,kCAAU,KAAK,YAAY,+BAA+B;AAAA;AAAA,EAEvE,QAAQ,kCAAU,OAAO,YAAY,qBAAqB;AAAA;AAAA,EAE1D,kBAAkB,kCAAU,KAAK,YAAY,gCAAgC;AAAA;AAAA,EAE7E,MAAM,kCAAU,QAAQ,YAAY,oBAAoB;AAAA;AAAA,EAExD,aAAa,kCAAU,KAAK,YAAY,2BAA2B;AACrE;AAEA,0BAA0B,YAAY;AACtC,0BAA0B,cAAc;AACxC,MAAM,0CAAsC,kCAAS,yBAAyB;AAE9E,oCAAoC,YAAY;",
   "names": ["RWInfiniteLoader", "List"]
 }

package/dist/cjs/InfiniteLoader/index.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   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
 ));
@@ -31,6 +35,6 @@ __export(InfiniteLoader_exports, {
 });
 module.exports = __toCommonJS(InfiniteLoader_exports);
 var React = __toESM(require("react"));
-var import_Infiniteloader = require("./Infiniteloader");
-var import_VirtualizedInfiniteLoader = require("./VirtualizedInfiniteLoader");
+var import_Infiniteloader = require("./Infiniteloader.js");
+var import_VirtualizedInfiniteLoader = require("./VirtualizedInfiniteLoader.js");
 //# sourceMappingURL=index.js.map

package/dist/cjs/InfiniteLoader/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/InfiniteLoader/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export { InfiniteLoader, InfiniteLoaderWithSchema } from './Infiniteloader';\nexport {\n  VirtualizedInfiniteLoader,\n  VirtualizedInfiniteLoaderWithSchema,\n} from './VirtualizedInfiniteLoader';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,4BAAyD;AACzD,uCAGO;",
+  "sourcesContent": ["export { InfiniteLoader, InfiniteLoaderWithSchema } from './Infiniteloader.js';\nexport { VirtualizedInfiniteLoader, VirtualizedInfiniteLoaderWithSchema } from './VirtualizedInfiniteLoader.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,4BAAyD;AACzD,uCAA+E;",
   "names": []
 }

package/dist/cjs/InfiniteLoader/styled.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   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
 ));

package/dist/cjs/InfiniteLoader/styled.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/InfiniteLoader/styled.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import { styled } from '@elliemae/ds-system';\n\nexport const LoaderBox = styled.div`\n  position: absolute;\n  width: 100%;\n  z-index: 10;\n  background-color: white;\n  height: 50px;\n  bottom: -50px;\n  border-top: 1px solid #e0e3e8;\n  align-items: center;\n  transition: 400ms cubic-bezier(0, 0, 0.42, 1);\n  &.opened {\n    transition: 400ms cubic-bezier(0.36, 0, 1, 1);\n    bottom: 0;\n  }\n`;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AAEhB,MAAM,YAAY,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AAEhB,MAAM,YAAY,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
   "names": []
 }

package/dist/cjs/LoadingPage/Page.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   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
 ));
@@ -33,9 +37,8 @@ var import_react = __toESM(require("react"));
 var import_prop_types = __toESM(require("prop-types"));
 var import_ds_system = require("@elliemae/ds-system");
 var import_lodash = require("lodash");
-var import_ds_system2 = require("@elliemae/ds-system");
 var import_ds_backdrop = __toESM(require("@elliemae/ds-backdrop"));
-const LoadingPageLoader = import_ds_system2.styled.div`
+const LoadingPageLoader = import_ds_system.styled.div`
   ${({ type }) => type === "cover" ? "position: fixed" : "position: absolute"};
 
   z-index: ${(props) => props.zIndex};
@@ -75,11 +78,29 @@ const LoadingPage = ({ backdropZIndex, children, loader, loading, type = "fill",
   return injectRefPosition(children);
 };
 LoadingPage.propTypes = {
+  /**
+   * z-index of dimmer background
+   */
   backdropZIndex: import_prop_types.default.number,
+  /**
+   * Children page to show behind the loader
+   */
   children: import_prop_types.default.element,
+  /**
+   * Array of elements centrally aligned
+   */
   loader: import_prop_types.default.arrayOf(import_prop_types.default.element),
+  /**
+   * Show / hide loader
+   */
   loading: import_prop_types.default.bool,
+  /**
+   * ['cover', 'fill']
+   */
   type: import_prop_types.default.oneOf(["fill", "cover"]),
+  /**
+   * z-index of loader, should be higher than the backdropZIndex
+   */
   zIndex: import_prop_types.default.number
 };
 const DSMobileLoadingPage = (0, import_ds_system.withTheme)(LoadingPage);

package/dist/cjs/LoadingPage/Page.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/LoadingPage/Page.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useRef, useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { withTheme } from '@elliemae/ds-system';\nimport { get } from 'lodash';\nimport { styled } from '@elliemae/ds-system';\nimport Backdrop from '@elliemae/ds-backdrop';\n\nconst LoadingPageLoader = styled.div`\n  ${({ type }) => (type === 'cover' ? 'position: fixed' : 'position: absolute')};\n\n  z-index: ${(props) => props.zIndex};\n  top: 25%;\n  left: 15%;\n  width: 70%;\n  height: 75%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n`;\n\nconst LoadingPage = ({ backdropZIndex, children, loader, loading, type = 'fill', zIndex = 1 }) => {\n  const [position, setPosition] = useState(null);\n  const childRef = useRef(null);\n  useEffect(() => {\n    if (childRef && childRef.current) {\n      const style = childRef && window.getComputedStyle(childRef.current);\n      setPosition(style.getPropertyValue('position'));\n    }\n  }, [childRef]);\n\n  const Back = loading && <Backdrop type={type} zIndex={backdropZIndex} />;\n  const Loader = loader && loading && (\n    <LoadingPageLoader zIndex={zIndex} type={type} hide={!loading}>\n      {loader}\n    </LoadingPageLoader>\n  );\n\n  const injectRefPosition = (child) =>\n    React.cloneElement(React.Children.only(child), {\n      ref: childRef,\n      children: React.Children.toArray(child.props.children).concat([Loader, Back]),\n      style: {\n        ...get(child, 'props.style', {}),\n        position: position === 'static' ? 'relative' : position,\n      },\n    });\n\n  if (React.Children.count(children) === 0) {\n    return (\n      <>\n        {Loader}\n        {Back}\n      </>\n    );\n  }\n  return injectRefPosition(children);\n};\n\nLoadingPage.propTypes = {\n  /**\n   * z-index of dimmer background\n   */\n  backdropZIndex: PropTypes.number,\n  /**\n   * Children page to show behind the loader\n   */\n  children: PropTypes.element,\n  /**\n   * Array of elements centrally aligned\n   */\n  loader: PropTypes.arrayOf(PropTypes.element),\n  /**\n   * Show / hide loader\n   */\n  loading: PropTypes.bool,\n  /**\n   * ['cover', 'fill']\n   */\n  type: PropTypes.oneOf(['fill', 'cover']),\n  /**\n   * z-index of loader, should be higher than the backdropZIndex\n   */\n  zIndex: PropTypes.number,\n};\n\nconst DSMobileLoadingPage = withTheme(LoadingPage);\n\nexport { DSMobileLoadingPage };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD8BG;AA9B1B,mBAAmD;AACnD,wBAAsB;AACtB,uBAA0B;AAC1B,oBAAoB;AACpB,IAAAA,oBAAuB;AACvB,yBAAqB;AAErB,MAAM,oBAAoB,yBAAO;AAAA,IAC7B,CAAC,EAAE,KAAK,MAAO,SAAS,UAAU,oBAAoB;AAAA;AAAA,aAE7C,CAAC,UAAU,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAU9B,MAAM,cAAc,CAAC,EAAE,gBAAgB,UAAU,QAAQ,SAAS,OAAO,QAAQ,SAAS,EAAE,MAAM;AAChG,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAS,IAAI;AAC7C,QAAM,eAAW,qBAAO,IAAI;AAC5B,8BAAU,MAAM;AACd,QAAI,YAAY,SAAS,SAAS;AAChC,YAAM,QAAQ,YAAY,OAAO,iBAAiB,SAAS,OAAO;AAClE,kBAAY,MAAM,iBAAiB,UAAU,CAAC;AAAA,IAChD;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,OAAO,WAAW,4CAAC,mBAAAC,SAAA,EAAS,MAAY,QAAQ,gBAAgB;AACtE,QAAM,SAAS,UAAU,WACvB,4CAAC,qBAAkB,QAAgB,MAAY,MAAM,CAAC,SACnD,kBACH;AAGF,QAAM,oBAAoB,CAAC,UACzB,aAAAC,QAAM,aAAa,aAAAA,QAAM,SAAS,KAAK,KAAK,GAAG;AAAA,IAC7C,KAAK;AAAA,IACL,UAAU,aAAAA,QAAM,SAAS,QAAQ,MAAM,MAAM,QAAQ,EAAE,OAAO,CAAC,QAAQ,IAAI,CAAC;AAAA,IAC5E,OAAO;AAAA,MACL,OAAG,mBAAI,OAAO,eAAe,CAAC,CAAC;AAAA,MAC/B,UAAU,aAAa,WAAW,aAAa;AAAA,IACjD;AAAA,EACF,CAAC;AAEH,MAAI,aAAAA,QAAM,SAAS,MAAM,QAAQ,MAAM,GAAG;AACxC,WACE,4EACG;AAAA;AAAA,MACA;AAAA,OACH;AAAA,EAEJ;AACA,SAAO,kBAAkB,QAAQ;AACnC;AAEA,YAAY,YAAY;AAAA,EAItB,gBAAgB,kBAAAC,QAAU;AAAA,EAI1B,UAAU,kBAAAA,QAAU;AAAA,EAIpB,QAAQ,kBAAAA,QAAU,QAAQ,kBAAAA,QAAU,OAAO;AAAA,EAI3C,SAAS,kBAAAA,QAAU;AAAA,EAInB,MAAM,kBAAAA,QAAU,MAAM,CAAC,QAAQ,OAAO,CAAC;AAAA,EAIvC,QAAQ,kBAAAA,QAAU;AACpB;AAEA,MAAM,0BAAsB,4BAAU,WAAW;",
-  "names": ["import_ds_system", "Backdrop", "React", "PropTypes"]
+  "sourcesContent": ["import React, { useRef, useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { withTheme, styled } from '@elliemae/ds-system';\nimport { get } from 'lodash';\nimport Backdrop from '@elliemae/ds-backdrop';\n\nconst LoadingPageLoader = styled.div`\n  ${({ type }) => (type === 'cover' ? 'position: fixed' : 'position: absolute')};\n\n  z-index: ${(props) => props.zIndex};\n  top: 25%;\n  left: 15%;\n  width: 70%;\n  height: 75%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n`;\n\nconst LoadingPage = ({ backdropZIndex, children, loader, loading, type = 'fill', zIndex = 1 }) => {\n  const [position, setPosition] = useState(null);\n  const childRef = useRef(null);\n  useEffect(() => {\n    if (childRef && childRef.current) {\n      const style = childRef && window.getComputedStyle(childRef.current);\n      setPosition(style.getPropertyValue('position'));\n    }\n  }, [childRef]);\n\n  const Back = loading && <Backdrop type={type} zIndex={backdropZIndex} />;\n  const Loader = loader && loading && (\n    <LoadingPageLoader zIndex={zIndex} type={type} hide={!loading}>\n      {loader}\n    </LoadingPageLoader>\n  );\n\n  const injectRefPosition = (child) =>\n    React.cloneElement(React.Children.only(child), {\n      ref: childRef,\n      children: React.Children.toArray(child.props.children).concat([Loader, Back]),\n      style: {\n        ...get(child, 'props.style', {}),\n        position: position === 'static' ? 'relative' : position,\n      },\n    });\n\n  if (React.Children.count(children) === 0) {\n    return (\n      <>\n        {Loader}\n        {Back}\n      </>\n    );\n  }\n  return injectRefPosition(children);\n};\n\nLoadingPage.propTypes = {\n  /**\n   * z-index of dimmer background\n   */\n  backdropZIndex: PropTypes.number,\n  /**\n   * Children page to show behind the loader\n   */\n  children: PropTypes.element,\n  /**\n   * Array of elements centrally aligned\n   */\n  loader: PropTypes.arrayOf(PropTypes.element),\n  /**\n   * Show / hide loader\n   */\n  loading: PropTypes.bool,\n  /**\n   * ['cover', 'fill']\n   */\n  type: PropTypes.oneOf(['fill', 'cover']),\n  /**\n   * z-index of loader, should be higher than the backdropZIndex\n   */\n  zIndex: PropTypes.number,\n};\n\nconst DSMobileLoadingPage = withTheme(LoadingPage);\n\nexport { DSMobileLoadingPage };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD6BG;AA7B1B,mBAAmD;AACnD,wBAAsB;AACtB,uBAAkC;AAClC,oBAAoB;AACpB,yBAAqB;AAErB,MAAM,oBAAoB,wBAAO;AAAA,IAC7B,CAAC,EAAE,KAAK,MAAO,SAAS,UAAU,oBAAoB;AAAA;AAAA,aAE7C,CAAC,UAAU,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAU9B,MAAM,cAAc,CAAC,EAAE,gBAAgB,UAAU,QAAQ,SAAS,OAAO,QAAQ,SAAS,EAAE,MAAM;AAChG,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAS,IAAI;AAC7C,QAAM,eAAW,qBAAO,IAAI;AAC5B,8BAAU,MAAM;AACd,QAAI,YAAY,SAAS,SAAS;AAChC,YAAM,QAAQ,YAAY,OAAO,iBAAiB,SAAS,OAAO;AAClE,kBAAY,MAAM,iBAAiB,UAAU,CAAC;AAAA,IAChD;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,OAAO,WAAW,4CAAC,mBAAAA,SAAA,EAAS,MAAY,QAAQ,gBAAgB;AACtE,QAAM,SAAS,UAAU,WACvB,4CAAC,qBAAkB,QAAgB,MAAY,MAAM,CAAC,SACnD,kBACH;AAGF,QAAM,oBAAoB,CAAC,UACzB,aAAAC,QAAM,aAAa,aAAAA,QAAM,SAAS,KAAK,KAAK,GAAG;AAAA,IAC7C,KAAK;AAAA,IACL,UAAU,aAAAA,QAAM,SAAS,QAAQ,MAAM,MAAM,QAAQ,EAAE,OAAO,CAAC,QAAQ,IAAI,CAAC;AAAA,IAC5E,OAAO;AAAA,MACL,OAAG,mBAAI,OAAO,eAAe,CAAC,CAAC;AAAA,MAC/B,UAAU,aAAa,WAAW,aAAa;AAAA,IACjD;AAAA,EACF,CAAC;AAEH,MAAI,aAAAA,QAAM,SAAS,MAAM,QAAQ,MAAM,GAAG;AACxC,WACE,4EACG;AAAA;AAAA,MACA;AAAA,OACH;AAAA,EAEJ;AACA,SAAO,kBAAkB,QAAQ;AACnC;AAEA,YAAY,YAAY;AAAA;AAAA;AAAA;AAAA,EAItB,gBAAgB,kBAAAC,QAAU;AAAA;AAAA;AAAA;AAAA,EAI1B,UAAU,kBAAAA,QAAU;AAAA;AAAA;AAAA;AAAA,EAIpB,QAAQ,kBAAAA,QAAU,QAAQ,kBAAAA,QAAU,OAAO;AAAA;AAAA;AAAA;AAAA,EAI3C,SAAS,kBAAAA,QAAU;AAAA;AAAA;AAAA;AAAA,EAInB,MAAM,kBAAAA,QAAU,MAAM,CAAC,QAAQ,OAAO,CAAC;AAAA;AAAA;AAAA;AAAA,EAIvC,QAAQ,kBAAAA,QAAU;AACpB;AAEA,MAAM,0BAAsB,4BAAU,WAAW;",
+  "names": ["Backdrop", "React", "PropTypes"]
 }

package/dist/cjs/LoadingPage/index.js

@@ -19,6 +19,10 @@ var __copyProps = (to, from, except, desc) => {
 };
 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
 ));
@@ -29,7 +33,7 @@ __export(LoadingPage_exports, {
 });
 module.exports = __toCommonJS(LoadingPage_exports);
 var React = __toESM(require("react"));
-var import_Page = require("./Page");
-__reExport(LoadingPage_exports, require("./Page"), module.exports);
+var import_Page = require("./Page.js");
+__reExport(LoadingPage_exports, require("./Page.js"), module.exports);
 var LoadingPage_default = import_Page.DSMobileLoadingPage;
 //# sourceMappingURL=index.js.map

package/dist/cjs/LoadingPage/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/LoadingPage/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { DSMobileLoadingPage } from './Page';\n\nexport * from './Page';\nexport default DSMobileLoadingPage;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,kBAAoC;AAEpC,gCAAc,mBAFd;AAGA,IAAO,sBAAQ;",
+  "sourcesContent": ["import { DSMobileLoadingPage } from './Page.js';\n\nexport * from './Page.js';\nexport default DSMobileLoadingPage;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,kBAAoC;AAEpC,gCAAc,sBAFd;AAGA,IAAO,sBAAQ;",
   "names": []
 }

package/dist/cjs/MobileActionToolbar/MobileActionToolbar.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   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
 ));
@@ -31,11 +35,10 @@ __export(MobileActionToolbar_exports, {
 module.exports = __toCommonJS(MobileActionToolbar_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_ds_grid = require("@elliemae/ds-grid");
 var import_ds_system = require("@elliemae/ds-system");
-var import_ds_system2 = require("@elliemae/ds-system");
-var import_MobileActionToolbarItem = __toESM(require("./MobileActionToolbarItem"));
+var import_MobileActionToolbarItem = __toESM(require("./MobileActionToolbarItem.js"));
 const ToolStrip = (0, import_ds_system.styled)(import_ds_grid.Grid)`
   display: flex;
   justify-content: space-around;
@@ -49,13 +52,15 @@ const Toolbar = ({ withDepth = true, buttons = [], theme }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToolStrip, { rows, height: toolbarHeight, style: borderStyle, children: buttons });
 };
 const props = {
-  withDepth: import_ds_utilities.PropTypes.bool.description("toggle box shadow for buttons border"),
-  buttons: import_ds_utilities.PropTypes.arrayOf(import_ds_utilities.PropTypes.element).description("button array for the mobile action toolbar")
+  /** toggle box shadow for buttons border */
+  withDepth: import_ds_props_helpers.PropTypes.bool.description("toggle box shadow for buttons border"),
+  /** button array for the mobile action toolbar */
+  buttons: import_ds_props_helpers.PropTypes.arrayOf(import_ds_props_helpers.PropTypes.element).description("button array for the mobile action toolbar")
 };
 Toolbar.propTypes = props;
-const DSMobileActionToolbar = (0, import_ds_system2.withTheme)(Toolbar);
+const DSMobileActionToolbar = (0, import_ds_system.withTheme)(Toolbar);
 DSMobileActionToolbar.displayName = "DSMobileActionToolbar";
-const DSMobileActionToolbarWithSchema = (0, import_ds_utilities.describe)(DSMobileActionToolbar);
+const DSMobileActionToolbarWithSchema = (0, import_ds_props_helpers.describe)(DSMobileActionToolbar);
 DSMobileActionToolbarWithSchema.propTypes = props;
 var MobileActionToolbar_default = DSMobileActionToolbar;
 //# sourceMappingURL=MobileActionToolbar.js.map

package/dist/cjs/MobileActionToolbar/MobileActionToolbar.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/MobileActionToolbar/MobileActionToolbar.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport { Grid } from '@elliemae/ds-grid';\nimport { styled } from '@elliemae/ds-system';\nimport { withTheme } from '@elliemae/ds-system';\nimport ToolbarItem from './MobileActionToolbarItem';\n\nconst ToolStrip = styled(Grid)`\n  display: flex;\n  justify-content: space-around;\n  align-items: center;\n  background-color: ${(props) => props.theme.colors.neutral['000']};\n`;\nconst Toolbar = ({ withDepth = true, buttons = [], theme }) => {\n  const rows = [1];\n  const toolbarHeight = theme.space.m;\n  const borderStyle = withDepth ? { boxShadow: '0 1px 5px 0 rgba(0,0,0,0.5)' } : { boxShadow: 'none' };\n  return (\n    <ToolStrip rows={rows} height={toolbarHeight} style={borderStyle}>\n      {buttons}\n    </ToolStrip>\n  );\n};\n\nconst props = {\n  /** toggle box shadow for buttons border */\n  withDepth: PropTypes.bool.description('toggle box shadow for buttons border'),\n  /** button array for the mobile action toolbar */\n  buttons: PropTypes.arrayOf(PropTypes.element).description('button array for the mobile action toolbar'),\n};\n\nToolbar.propTypes = props;\n\nconst DSMobileActionToolbar = withTheme(Toolbar);\nDSMobileActionToolbar.displayName = 'DSMobileActionToolbar';\nconst DSMobileActionToolbarWithSchema = describe(DSMobileActionToolbar);\nDSMobileActionToolbarWithSchema.propTypes = props;\n\nexport { ToolbarItem, DSMobileActionToolbarWithSchema };\nexport default DSMobileActionToolbar;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,oDAAAA;AAAA,EAAA;AAAA;AAAA;ACAA,YAAuB;ADkBnB;AAjBJ,0BAAoC;AACpC,qBAAqB;AACrB,uBAAuB;AACvB,IAAAC,oBAA0B;AAC1B,qCAAwB;AAExB,MAAM,gBAAY,yBAAO,mBAAI;AAAA;AAAA;AAAA;AAAA,sBAIP,CAACC,WAAUA,OAAM,MAAM,OAAO,QAAQ;AAAA;AAE5D,MAAM,UAAU,CAAC,EAAE,YAAY,MAAM,UAAU,CAAC,GAAG,MAAM,MAAM;AAC7D,QAAM,OAAO,CAAC,CAAC;AACf,QAAM,gBAAgB,MAAM,MAAM;AAClC,QAAM,cAAc,YAAY,EAAE,WAAW,8BAA8B,IAAI,EAAE,WAAW,OAAO;AACnG,SACE,4CAAC,aAAU,MAAY,QAAQ,eAAe,OAAO,aAClD,mBACH;AAEJ;AAEA,MAAM,QAAQ;AAAA,EAEZ,WAAW,8BAAU,KAAK,YAAY,sCAAsC;AAAA,EAE5E,SAAS,8BAAU,QAAQ,8BAAU,OAAO,EAAE,YAAY,4CAA4C;AACxG;AAEA,QAAQ,YAAY;AAEpB,MAAM,4BAAwB,6BAAU,OAAO;AAC/C,sBAAsB,cAAc;AACpC,MAAM,sCAAkC,8BAAS,qBAAqB;AACtE,gCAAgC,YAAY;AAG5C,IAAO,8BAAQ;",
-  "names": ["ToolbarItem", "import_ds_system", "props"]
+  "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { Grid } from '@elliemae/ds-grid';\nimport { styled, withTheme } from '@elliemae/ds-system';\nimport ToolbarItem from './MobileActionToolbarItem.js';\n\nconst ToolStrip = styled(Grid)`\n  display: flex;\n  justify-content: space-around;\n  align-items: center;\n  background-color: ${(props) => props.theme.colors.neutral['000']};\n`;\nconst Toolbar = ({ withDepth = true, buttons = [], theme }) => {\n  const rows = [1];\n  const toolbarHeight = theme.space.m;\n  const borderStyle = withDepth ? { boxShadow: '0 1px 5px 0 rgba(0,0,0,0.5)' } : { boxShadow: 'none' };\n  return (\n    <ToolStrip rows={rows} height={toolbarHeight} style={borderStyle}>\n      {buttons}\n    </ToolStrip>\n  );\n};\n\nconst props = {\n  /** toggle box shadow for buttons border */\n  withDepth: PropTypes.bool.description('toggle box shadow for buttons border'),\n  /** button array for the mobile action toolbar */\n  buttons: PropTypes.arrayOf(PropTypes.element).description('button array for the mobile action toolbar'),\n};\n\nToolbar.propTypes = props;\n\nconst DSMobileActionToolbar = withTheme(Toolbar);\nDSMobileActionToolbar.displayName = 'DSMobileActionToolbar';\nconst DSMobileActionToolbarWithSchema = describe(DSMobileActionToolbar);\nDSMobileActionToolbarWithSchema.propTypes = props;\n\nexport { ToolbarItem, DSMobileActionToolbarWithSchema };\nexport default DSMobileActionToolbar;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,oDAAAA;AAAA,EAAA;AAAA;AAAA;ACAA,YAAuB;ADiBnB;AAhBJ,8BAAoC;AACpC,qBAAqB;AACrB,uBAAkC;AAClC,qCAAwB;AAExB,MAAM,gBAAY,yBAAO,mBAAI;AAAA;AAAA;AAAA;AAAA,sBAIP,CAACC,WAAUA,OAAM,MAAM,OAAO,QAAQ,KAAK;AAAA;AAEjE,MAAM,UAAU,CAAC,EAAE,YAAY,MAAM,UAAU,CAAC,GAAG,MAAM,MAAM;AAC7D,QAAM,OAAO,CAAC,CAAC;AACf,QAAM,gBAAgB,MAAM,MAAM;AAClC,QAAM,cAAc,YAAY,EAAE,WAAW,8BAA8B,IAAI,EAAE,WAAW,OAAO;AACnG,SACE,4CAAC,aAAU,MAAY,QAAQ,eAAe,OAAO,aAClD,mBACH;AAEJ;AAEA,MAAM,QAAQ;AAAA;AAAA,EAEZ,WAAW,kCAAU,KAAK,YAAY,sCAAsC;AAAA;AAAA,EAE5E,SAAS,kCAAU,QAAQ,kCAAU,OAAO,EAAE,YAAY,4CAA4C;AACxG;AAEA,QAAQ,YAAY;AAEpB,MAAM,4BAAwB,4BAAU,OAAO;AAC/C,sBAAsB,cAAc;AACpC,MAAM,sCAAkC,kCAAS,qBAAqB;AACtE,gCAAgC,YAAY;AAG5C,IAAO,8BAAQ;",
+  "names": ["ToolbarItem", "props"]
 }

package/dist/cjs/MobileActionToolbar/MobileActionToolbarItem.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   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
 ));
@@ -31,7 +35,7 @@ module.exports = __toCommonJS(MobileActionToolbarItem_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
-var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_ds_button = __toESM(require("@elliemae/ds-button"));
 const ToolbarItem = ({ icon, ...otherProps }) => {
   const displayIcon = import_react.default.cloneElement(icon, { size: "m" });
@@ -39,11 +43,12 @@ const ToolbarItem = ({ icon, ...otherProps }) => {
 };
 ToolbarItem.displayName = "ToolbarItem";
 const props = {
-  icon: import_ds_utilities.PropTypes.element.description("Toolbar item icon")
+  /** toolbar item icon */
+  icon: import_ds_props_helpers.PropTypes.element.description("Toolbar item icon")
 };
 ToolbarItem.propTypes = props;
 ToolbarItem.displayName = "ToolbarItem";
-const DSToolbarItemWithSchema = (0, import_ds_utilities.describe)(ToolbarItem);
+const DSToolbarItemWithSchema = (0, import_ds_props_helpers.describe)(ToolbarItem);
 DSToolbarItemWithSchema.propTypes = props;
 var MobileActionToolbarItem_default = ToolbarItem;
 //# sourceMappingURL=MobileActionToolbarItem.js.map

package/dist/cjs/MobileActionToolbar/MobileActionToolbarItem.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/MobileActionToolbar/MobileActionToolbarItem.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport DSButton from '@elliemae/ds-button';\n\nconst ToolbarItem = ({ icon, ...otherProps }) => {\n  const displayIcon = React.cloneElement(icon, { size: 'm' });\n  return <DSButton {...otherProps} buttonType=\"text\" icon={displayIcon} size=\"m\" />;\n};\n\nToolbarItem.displayName = 'ToolbarItem';\n\nconst props = {\n  /** toolbar item icon */\n  icon: PropTypes.element.description('Toolbar item icon'),\n};\n\nToolbarItem.propTypes = props;\nToolbarItem.displayName = 'ToolbarItem';\nconst DSToolbarItemWithSchema = describe(ToolbarItem);\n\nDSToolbarItemWithSchema.propTypes = props;\n\nexport default ToolbarItem;\n\nexport { DSToolbarItemWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADMd;AANT,mBAAkB;AAClB,0BAAoC;AACpC,uBAAqB;AAErB,MAAM,cAAc,CAAC,EAAE,SAAS,WAAW,MAAM;AAC/C,QAAM,cAAc,aAAAA,QAAM,aAAa,MAAM,EAAE,MAAM,IAAI,CAAC;AAC1D,SAAO,4CAAC,iBAAAC,SAAA,EAAU,GAAG,YAAY,YAAW,QAAO,MAAM,aAAa,MAAK,KAAI;AACjF;AAEA,YAAY,cAAc;AAE1B,MAAM,QAAQ;AAAA,EAEZ,MAAM,8BAAU,QAAQ,YAAY,mBAAmB;AACzD;AAEA,YAAY,YAAY;AACxB,YAAY,cAAc;AAC1B,MAAM,8BAA0B,8BAAS,WAAW;AAEpD,wBAAwB,YAAY;AAEpC,IAAO,kCAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport DSButton from '@elliemae/ds-button';\n\nconst ToolbarItem = ({ icon, ...otherProps }) => {\n  const displayIcon = React.cloneElement(icon, { size: 'm' });\n  return <DSButton {...otherProps} buttonType=\"text\" icon={displayIcon} size=\"m\" />;\n};\n\nToolbarItem.displayName = 'ToolbarItem';\n\nconst props = {\n  /** toolbar item icon */\n  icon: PropTypes.element.description('Toolbar item icon'),\n};\n\nToolbarItem.propTypes = props;\nToolbarItem.displayName = 'ToolbarItem';\nconst DSToolbarItemWithSchema = describe(ToolbarItem);\n\nDSToolbarItemWithSchema.propTypes = props;\n\nexport default ToolbarItem;\n\nexport { DSToolbarItemWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADMd;AANT,mBAAkB;AAClB,8BAAoC;AACpC,uBAAqB;AAErB,MAAM,cAAc,CAAC,EAAE,MAAM,GAAG,WAAW,MAAM;AAC/C,QAAM,cAAc,aAAAA,QAAM,aAAa,MAAM,EAAE,MAAM,IAAI,CAAC;AAC1D,SAAO,4CAAC,iBAAAC,SAAA,EAAU,GAAG,YAAY,YAAW,QAAO,MAAM,aAAa,MAAK,KAAI;AACjF;AAEA,YAAY,cAAc;AAE1B,MAAM,QAAQ;AAAA;AAAA,EAEZ,MAAM,kCAAU,QAAQ,YAAY,mBAAmB;AACzD;AAEA,YAAY,YAAY;AACxB,YAAY,cAAc;AAC1B,MAAM,8BAA0B,kCAAS,WAAW;AAEpD,wBAAwB,YAAY;AAEpC,IAAO,kCAAQ;",
   "names": ["React", "DSButton"]
 }

package/dist/cjs/MobileActionToolbar/index.js

@@ -19,6 +19,10 @@ var __copyProps = (to, from, except, desc) => {
 };
 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
 ));
@@ -30,7 +34,7 @@ __export(MobileActionToolbar_exports, {
 });
 module.exports = __toCommonJS(MobileActionToolbar_exports);
 var React = __toESM(require("react"));
-__reExport(MobileActionToolbar_exports, require("./MobileActionToolbar"), module.exports);
-var import_MobileActionToolbar = __toESM(require("./MobileActionToolbar"));
-var import_MobileActionToolbarItem = require("./MobileActionToolbarItem");
+__reExport(MobileActionToolbar_exports, require("./MobileActionToolbar.js"), module.exports);
+var import_MobileActionToolbar = __toESM(require("./MobileActionToolbar.js"));
+var import_MobileActionToolbarItem = require("./MobileActionToolbarItem.js");
 //# sourceMappingURL=index.js.map

package/dist/cjs/MobileActionToolbar/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/MobileActionToolbar/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export * from './MobileActionToolbar';\nexport { default } from './MobileActionToolbar';\nexport { DSToolbarItemWithSchema } from './MobileActionToolbarItem';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wCAAc,kCAAd;AACA,iCAAwB;AACxB,qCAAwC;",
+  "sourcesContent": ["export * from './MobileActionToolbar.js';\nexport { default } from './MobileActionToolbar.js';\nexport { DSToolbarItemWithSchema } from './MobileActionToolbarItem.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wCAAc,qCAAd;AACA,iCAAwB;AACxB,qCAAwC;",
   "names": []
 }

package/dist/cjs/MobileBanner/DSMobileBannerDefinitions.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   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
 ));

package/dist/cjs/MobileBanner/DSMobileBannerDefinitions.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/MobileBanner/DSMobileBannerDefinitions.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export const DSMobileBannerName = 'DSMobileBanner';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,qBAAqB;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,qBAAqB;",
   "names": []
 }

package/dist/cjs/MobileBanner/MobileBanner.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   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
 ));
@@ -32,12 +36,12 @@ var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_ds_icons = require("@elliemae/ds-icons");
-var import_ds_utilities = require("@elliemae/ds-utilities");
-var import_icons = require("./utils/icons");
-var import_propTypes = require("./propTypes");
-var import_styles = require("./styles");
-var import_useMobileBanner = require("./config/useMobileBanner");
-var import_DSMobileBannerDefinitions = require("./DSMobileBannerDefinitions");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_icons = require("./utils/icons.js");
+var import_propTypes = require("./propTypes.js");
+var import_styles = require("./styles.js");
+var import_useMobileBanner = require("./config/useMobileBanner.js");
+var import_DSMobileBannerDefinitions = require("./DSMobileBannerDefinitions.js");
 const DSMobileBanner = (props) => {
   const { globalAttributes, xstyledProps, propsWithDefault } = (0, import_useMobileBanner.useDSMobileBanner)(props);
   const {
@@ -116,6 +120,6 @@ const DSMobileBanner = (props) => {
 };
 DSMobileBanner.propTypes = import_propTypes.propTypes;
 DSMobileBanner.displayName = import_DSMobileBannerDefinitions.DSMobileBannerName;
-const DSMobileBannerWithSchema = (0, import_ds_utilities.describe)(DSMobileBanner);
+const DSMobileBannerWithSchema = (0, import_ds_props_helpers.describe)(DSMobileBanner);
 DSMobileBannerWithSchema.propTypes = import_propTypes.propTypes;
 //# sourceMappingURL=MobileBanner.js.map