npm - @elliemae/ds-mobile - Versions diffs - 3.36.0-next.0 → 3.36.0-next.2 - Mend

@elliemae/ds-mobile 3.36.0-next.0 → 3.36.0-next.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (304) hide show

package/dist/esm/InfiniteLoader/VirtualizedInfiniteLoader.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/InfiniteLoader/VirtualizedInfiniteLoader.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA,YAAY,WAAW;ACsBnB,SAGM,KAHN;AAtBJ,SAAgB,gBAAgB;AAChC,SAAS,WAAW,gBAAgB;AACpC,OAAO,sBAAsB;AAC7B,SAAS,oBAAoB,YAAY;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,IAAI,SAAS,EAAE;AAE7C,QAAM,WAAW,CAAC,YAAY,cAAc;AAC1C,QAAI;AAAa,mBAAa,YAAY,CAAC;AAC3C,WAAO,cAAc,YAAY,SAAS;AAAA,EAC5C;AAEA,SACE,qBAAC,SAAI,OAAO,EAAE,UAAU,WAAW,GACjC;AAAA,wBAAC,oBAAiB,cAA4B,WAAsB,eAAe,UAChF,WAAC,EAAE,iBAAiB,IAAI,MACvB;AAAA,MAAC;AAAA;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,UAAU,KAAK,YAAY,kEAAkE;AAAA;AAAA,EAE3G,eAAe,UAAU,KAAK;AAAA,IAC5B;AAAA,EACF;AAAA;AAAA,EAEA,aAAa,UAAU,KAAK,YAAY,+BAA+B;AAAA;AAAA,EAEvE,QAAQ,UAAU,OAAO,YAAY,qBAAqB;AAAA;AAAA,EAE1D,kBAAkB,UAAU,KAAK,YAAY,gCAAgC;AAAA;AAAA,EAE7E,MAAM,UAAU,QAAQ,YAAY,oBAAoB;AAAA;AAAA,EAExD,aAAa,UAAU,KAAK,YAAY,2BAA2B;AACrE;AAEA,0BAA0B,YAAY;AACtC,0BAA0B,cAAc;AACxC,MAAM,sCAAsC,SAAS,yBAAyB;AAE9E,oCAAoC,YAAY;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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.displayName = 'VirtualizedInfiniteLoader';\nconst VirtualizedInfiniteLoaderWithSchema = describe(VirtualizedInfiniteLoader);\n\nVirtualizedInfiniteLoaderWithSchema.propTypes = listProps;\n\nexport { VirtualizedInfiniteLoader, VirtualizedInfiniteLoaderWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACsBnB,SAGM,KAHN;AAtBJ,SAAgB,gBAAgB;AAChC,SAAS,WAAW,gBAAgB;AACpC,OAAO,sBAAsB;AAC7B,SAAS,oBAAoB,YAAY;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,IAAI,SAAS,EAAE;AAE7C,QAAM,WAAW,CAAC,YAAY,cAAc;AAC1C,QAAI,YAAa,cAAa,YAAY,CAAC;AAC3C,WAAO,cAAc,YAAY,SAAS;AAAA,EAC5C;AAEA,SACE,qBAAC,SAAI,OAAO,EAAE,UAAU,WAAW,GACjC;AAAA,wBAAC,oBAAiB,cAA4B,WAAsB,eAAe,UAChF,WAAC,EAAE,iBAAiB,IAAI,MACvB;AAAA,MAAC;AAAA;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,UAAU,KAAK,YAAY,kEAAkE;AAAA;AAAA,EAE3G,eAAe,UAAU,KAAK;AAAA,IAC5B;AAAA,EACF;AAAA;AAAA,EAEA,aAAa,UAAU,KAAK,YAAY,+BAA+B;AAAA;AAAA,EAEvE,QAAQ,UAAU,OAAO,YAAY,qBAAqB;AAAA;AAAA,EAE1D,kBAAkB,UAAU,KAAK,YAAY,gCAAgC;AAAA;AAAA,EAE7E,MAAM,UAAU,QAAQ,YAAY,oBAAoB;AAAA;AAAA,EAExD,aAAa,UAAU,KAAK,YAAY,2BAA2B;AACrE;AAEA,0BAA0B,cAAc;AACxC,MAAM,sCAAsC,SAAS,yBAAyB;AAE9E,oCAAoC,YAAY;",
   "names": []
 }

package/dist/esm/LoadingPage/Page.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/LoadingPage/Page.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useRef, useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { withTheme, styled } from '@elliemae/ds-system';\nimport { get } from 'lodash';\nimport { DSBackdrop } from '@elliemae/ds-backdrop';\n\nconst LoadingPageLoader = styled.div`\n  ${({ type }) => (type === 'cover' ? 'position: fixed' : 'position: absolute')};\n\n  z-index: ${(props) => props.zIndex || props.theme.zIndex.loader};\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 }) => {\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 && <DSBackdrop 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"],
-  "mappings": "AAAA,YAAY,WAAW;AC6BG,SAmBpB,UAnBoB,KAmBpB,YAnBoB;AA7B1B,OAAOA,UAAS,QAAQ,UAAU,iBAAiB;AACnD,OAAO,eAAe;AACtB,SAAS,WAAW,cAAc;AAClC,SAAS,WAAW;AACpB,SAAS,kBAAkB;AAE3B,MAAM,oBAAoB,OAAO;AAAA,IAC7B,CAAC,EAAE,KAAK,MAAO,SAAS,UAAU,oBAAoB;AAAA;AAAA,aAE7C,CAAC,UAAU,MAAM,UAAU,MAAM,MAAM,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAU3D,MAAM,cAAc,CAAC,EAAE,gBAAgB,UAAU,QAAQ,SAAS,OAAO,QAAQ,OAAO,MAAM;AAC5F,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,IAAI;AAC7C,QAAM,WAAW,OAAO,IAAI;AAC5B,YAAU,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,oBAAC,cAAW,MAAY,QAAQ,gBAAgB;AACxE,QAAM,SAAS,UAAU,WACvB,oBAAC,qBAAkB,QAAgB,MAAY,MAAM,CAAC,SACnD,kBACH;AAGF,QAAM,oBAAoB,CAAC,UACzBA,OAAM,aAAaA,OAAM,SAAS,KAAK,KAAK,GAAG;AAAA,IAC7C,KAAK;AAAA,IACL,UAAUA,OAAM,SAAS,QAAQ,MAAM,MAAM,QAAQ,EAAE,OAAO,CAAC,QAAQ,IAAI,CAAC;AAAA,IAC5E,OAAO;AAAA,MACL,GAAG,IAAI,OAAO,eAAe,CAAC,CAAC;AAAA,MAC/B,UAAU,aAAa,WAAW,aAAa;AAAA,IACjD;AAAA,EACF,CAAC;AAEH,MAAIA,OAAM,SAAS,MAAM,QAAQ,MAAM,GAAG;AACxC,WACE,iCACG;AAAA;AAAA,MACA;AAAA,OACH;AAAA,EAEJ;AACA,SAAO,kBAAkB,QAAQ;AACnC;AAEA,YAAY,YAAY;AAAA;AAAA;AAAA;AAAA,EAItB,gBAAgB,UAAU;AAAA;AAAA;AAAA;AAAA,EAI1B,UAAU,UAAU;AAAA;AAAA;AAAA;AAAA,EAIpB,QAAQ,UAAU,QAAQ,UAAU,OAAO;AAAA;AAAA;AAAA;AAAA,EAI3C,SAAS,UAAU;AAAA;AAAA;AAAA;AAAA,EAInB,MAAM,UAAU,MAAM,CAAC,QAAQ,OAAO,CAAC;AAAA;AAAA;AAAA;AAAA,EAIvC,QAAQ,UAAU;AACpB;AAEA,MAAM,sBAAsB,UAAU,WAAW;",
+  "mappings": "AAAA,YAAY,WAAW;AC6BG,SAmBpB,UAnBoB,KAmBpB,YAnBoB;AA7B1B,OAAOA,UAAS,QAAQ,UAAU,iBAAiB;AACnD,OAAO,eAAe;AACtB,SAAS,WAAW,cAAc;AAClC,SAAS,WAAW;AACpB,SAAS,kBAAkB;AAE3B,MAAM,oBAAoB,OAAO;AAAA,IAC7B,CAAC,EAAE,KAAK,MAAO,SAAS,UAAU,oBAAoB,oBAAqB;AAAA;AAAA,aAElE,CAAC,UAAU,MAAM,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUjE,MAAM,cAAc,CAAC,EAAE,gBAAgB,UAAU,QAAQ,SAAS,OAAO,QAAQ,OAAO,MAAM;AAC5F,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,IAAI;AAC7C,QAAM,WAAW,OAAO,IAAI;AAC5B,YAAU,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,oBAAC,cAAW,MAAY,QAAQ,gBAAgB;AACxE,QAAM,SAAS,UAAU,WACvB,oBAAC,qBAAkB,QAAgB,MAAY,MAAM,CAAC,SACnD,kBACH;AAGF,QAAM,oBAAoB,CAAC,UACzBA,OAAM,aAAaA,OAAM,SAAS,KAAK,KAAK,GAAG;AAAA,IAC7C,KAAK;AAAA,IACL,UAAUA,OAAM,SAAS,QAAQ,MAAM,MAAM,QAAQ,EAAE,OAAO,CAAC,QAAQ,IAAI,CAAC;AAAA,IAC5E,OAAO;AAAA,MACL,GAAG,IAAI,OAAO,eAAe,CAAC,CAAC;AAAA,MAC/B,UAAU,aAAa,WAAW,aAAa;AAAA,IACjD;AAAA,EACF,CAAC;AAEH,MAAIA,OAAM,SAAS,MAAM,QAAQ,MAAM,GAAG;AACxC,WACE,iCACG;AAAA;AAAA,MACA;AAAA,OACH;AAAA,EAEJ;AACA,SAAO,kBAAkB,QAAQ;AACnC;AAEA,YAAY,YAAY;AAAA;AAAA;AAAA;AAAA,EAItB,gBAAgB,UAAU;AAAA;AAAA;AAAA;AAAA,EAI1B,UAAU,UAAU;AAAA;AAAA;AAAA;AAAA,EAIpB,QAAQ,UAAU,QAAQ,UAAU,OAAO;AAAA;AAAA;AAAA;AAAA,EAI3C,SAAS,UAAU;AAAA;AAAA;AAAA;AAAA,EAInB,MAAM,UAAU,MAAM,CAAC,QAAQ,OAAO,CAAC;AAAA;AAAA;AAAA;AAAA,EAIvC,QAAQ,UAAU;AACpB;AAEA,MAAM,sBAAsB,UAAU,WAAW;",
   "names": ["React"]
 }

package/dist/esm/LoadingPage/index.js CHANGED Viewed

@@ -1,8 +1,6 @@
 import * as React from "react";
 import { DSMobileLoadingPage } from "./Page.js";
-export * from "./Page.js";
-var LoadingPage_default = DSMobileLoadingPage;
 export {
-  LoadingPage_default as default
+  DSMobileLoadingPage
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/LoadingPage/index.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/LoadingPage/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { DSMobileLoadingPage } from './Page.js';\n\nexport * from './Page.js';\nexport default DSMobileLoadingPage;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,2BAA2B;AAEpC,cAAc;AACd,IAAO,sBAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { DSMobileLoadingPage } from './Page.js';\n\nexport { DSMobileLoadingPage };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,2BAA2B;",
   "names": []
 }

package/dist/esm/MobileActionToolbar/MobileActionToolbar.js CHANGED Viewed

@@ -3,7 +3,7 @@ import { jsx } from "react/jsx-runtime";
 import { PropTypes, describe } from "@elliemae/ds-props-helpers";
 import { Grid } from "@elliemae/ds-grid";
 import { styled, withTheme } from "@elliemae/ds-system";
-import ToolbarItem from "./MobileActionToolbarItem.js";
+import { ToolbarItem } from "./MobileActionToolbarItem.js";
 const ToolStrip = styled(Grid)`
   display: flex;
   justify-content: space-around;
@@ -22,16 +22,13 @@ const props = {
   /** button array for the mobile action toolbar */
   buttons: PropTypes.arrayOf(PropTypes.element).description("button array for the mobile action toolbar")
 };
-Toolbar.propTypes = props;
 const DSMobileActionToolbar = withTheme(Toolbar);
 DSMobileActionToolbar.displayName = "DSMobileActionToolbar";
 const DSMobileActionToolbarWithSchema = describe(DSMobileActionToolbar);
 DSMobileActionToolbarWithSchema.propTypes = props;
-var MobileActionToolbar_default = DSMobileActionToolbar;
 export {
   DSMobileActionToolbar,
   DSMobileActionToolbarWithSchema,
-  ToolbarItem,
-  MobileActionToolbar_default as default
+  ToolbarItem
 };
 //# sourceMappingURL=MobileActionToolbar.js.map

package/dist/esm/MobileActionToolbar/MobileActionToolbar.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileActionToolbar/MobileActionToolbar.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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 { DSMobileActionToolbar, ToolbarItem, DSMobileActionToolbarWithSchema };\nexport default DSMobileActionToolbar;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACiBnB;AAhBJ,SAAS,WAAW,gBAAgB;AACpC,SAAS,YAAY;AACrB,SAAS,QAAQ,iBAAiB;AAClC,OAAO,iBAAiB;AAExB,MAAM,YAAY,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA,sBAIP,CAACA,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,oBAAC,aAAU,MAAY,QAAQ,eAAe,OAAO,aAClD,mBACH;AAEJ;AAEA,MAAM,QAAQ;AAAA;AAAA,EAEZ,WAAW,UAAU,KAAK,YAAY,sCAAsC;AAAA;AAAA,EAE5E,SAAS,UAAU,QAAQ,UAAU,OAAO,EAAE,YAAY,4CAA4C;AACxG;AAEA,QAAQ,YAAY;AAEpB,MAAM,wBAAwB,UAAU,OAAO;AAC/C,sBAAsB,cAAc;AACpC,MAAM,kCAAkC,SAAS,qBAAqB;AACtE,gCAAgC,YAAY;AAG5C,IAAO,8BAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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\n\nconst DSMobileActionToolbar = withTheme(Toolbar);\nDSMobileActionToolbar.displayName = 'DSMobileActionToolbar';\nconst DSMobileActionToolbarWithSchema = describe(DSMobileActionToolbar);\nDSMobileActionToolbarWithSchema.propTypes = props;\n\nexport { DSMobileActionToolbar, ToolbarItem, DSMobileActionToolbarWithSchema };\n// export default DSMobileActionToolbar;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACiBnB;AAhBJ,SAAS,WAAW,gBAAgB;AACpC,SAAS,YAAY;AACrB,SAAS,QAAQ,iBAAiB;AAClC,SAAS,mBAAmB;AAE5B,MAAM,YAAY,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA,sBAIP,CAACA,WAAUA,OAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAElE,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,oBAAC,aAAU,MAAY,QAAQ,eAAe,OAAO,aAClD,mBACH;AAEJ;AAEA,MAAM,QAAQ;AAAA;AAAA,EAEZ,WAAW,UAAU,KAAK,YAAY,sCAAsC;AAAA;AAAA,EAE5E,SAAS,UAAU,QAAQ,UAAU,OAAO,EAAE,YAAY,4CAA4C;AACxG;AAGA,MAAM,wBAAwB,UAAU,OAAO;AAC/C,sBAAsB,cAAc;AACpC,MAAM,kCAAkC,SAAS,qBAAqB;AACtE,gCAAgC,YAAY;",
   "names": ["props"]
 }

package/dist/esm/MobileActionToolbar/MobileActionToolbarItem.js CHANGED Viewed

@@ -12,13 +12,11 @@ const props = {
   /** toolbar item icon */
   icon: PropTypes.element.description("Toolbar item icon")
 };
-ToolbarItem.propTypes = props;
 ToolbarItem.displayName = "ToolbarItem";
 const DSToolbarItemWithSchema = describe(ToolbarItem);
 DSToolbarItemWithSchema.propTypes = props;
-var MobileActionToolbarItem_default = ToolbarItem;
 export {
   DSToolbarItemWithSchema,
-  MobileActionToolbarItem_default as default
+  ToolbarItem
 };
 //# sourceMappingURL=MobileActionToolbarItem.js.map

package/dist/esm/MobileActionToolbar/MobileActionToolbarItem.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileActionToolbar/MobileActionToolbarItem.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA,YAAY,WAAW;ACMd;AANT,OAAOA,YAAW;AAClB,SAAS,WAAW,gBAAgB;AACpC,SAAS,gBAAgB;AAEzB,MAAM,cAAc,CAAC,EAAE,MAAM,GAAG,WAAW,MAAM;AAC/C,QAAM,cAAcA,OAAM,aAAa,MAAM,EAAE,MAAM,IAAI,CAAC;AAC1D,SAAO,oBAAC,YAAU,GAAG,YAAY,YAAW,QAAO,MAAM,aAAa,MAAK,KAAI;AACjF;AAEA,YAAY,cAAc;AAE1B,MAAM,QAAQ;AAAA;AAAA,EAEZ,MAAM,UAAU,QAAQ,YAAY,mBAAmB;AACzD;AAEA,YAAY,YAAY;AACxB,YAAY,cAAc;AAC1B,MAAM,0BAA0B,SAAS,WAAW;AAEpD,wBAAwB,YAAY;AAEpC,IAAO,kCAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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.displayName = 'ToolbarItem';\nconst DSToolbarItemWithSchema = describe(ToolbarItem);\n\nDSToolbarItemWithSchema.propTypes = props;\n\n// export default ToolbarItem;\n\nexport { DSToolbarItemWithSchema, ToolbarItem };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACMd;AANT,OAAOA,YAAW;AAClB,SAAS,WAAW,gBAAgB;AACpC,SAAS,gBAAgB;AAEzB,MAAM,cAAc,CAAC,EAAE,MAAM,GAAG,WAAW,MAAM;AAC/C,QAAM,cAAcA,OAAM,aAAa,MAAM,EAAE,MAAM,IAAI,CAAC;AAC1D,SAAO,oBAAC,YAAU,GAAG,YAAY,YAAW,QAAO,MAAM,aAAa,MAAK,KAAI;AACjF;AAEA,YAAY,cAAc;AAE1B,MAAM,QAAQ;AAAA;AAAA,EAEZ,MAAM,UAAU,QAAQ,YAAY,mBAAmB;AACzD;AAEA,YAAY,cAAc;AAC1B,MAAM,0BAA0B,SAAS,WAAW;AAEpD,wBAAwB,YAAY;",
   "names": ["React"]
 }

package/dist/esm/MobileActionToolbar/index.js CHANGED Viewed

@@ -1,7 +1,10 @@
 import * as React from "react";
-export * from "./MobileActionToolbar.js";
+import { DSMobileActionToolbar, ToolbarItem, DSMobileActionToolbarWithSchema } from "./MobileActionToolbar.js";
 import { DSToolbarItemWithSchema } from "./MobileActionToolbarItem.js";
 export {
-  DSToolbarItemWithSchema
+  DSMobileActionToolbar,
+  DSMobileActionToolbarWithSchema,
+  DSToolbarItemWithSchema,
+  ToolbarItem
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/MobileActionToolbar/index.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileActionToolbar/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './MobileActionToolbar.js';\nexport { DSToolbarItemWithSchema } from './MobileActionToolbarItem.js';\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,SAAS,+BAA+B;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { DSMobileActionToolbar, ToolbarItem, DSMobileActionToolbarWithSchema } from './MobileActionToolbar.js';\nexport { DSToolbarItemWithSchema } from './MobileActionToolbarItem.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,uBAAuB,aAAa,uCAAuC;AACpF,SAAS,+BAA+B;",
   "names": []
 }

package/dist/esm/MobileBanner/MobileBanner.js CHANGED Viewed

@@ -50,13 +50,10 @@ const DSMobileBanner = (props) => {
     }
   }, [focusOnOpen, isOpen]);
   useLayoutEffect(() => {
-    if (isOpen !== current || isOpen)
-      setIsAnimating(true);
-    else
-      setIsAnimating(false);
+    if (isOpen !== current || isOpen) setIsAnimating(true);
+    else setIsAnimating(false);
   }, [isOpen, current]);
-  if (!isAnimating && !isOpen)
-    return null;
+  if (!isAnimating && !isOpen) return null;
   return /* @__PURE__ */ jsx(
     StyledBannerContainer,
     {
@@ -95,7 +92,6 @@ const DSMobileBanner = (props) => {
     }
   );
 };
-DSMobileBanner.propTypes = propTypes;
 DSMobileBanner.displayName = DSMobileBannerName;
 const DSMobileBannerWithSchema = describe(DSMobileBanner);
 DSMobileBannerWithSchema.propTypes = propTypes;

package/dist/esm/MobileBanner/MobileBanner.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileBanner/MobileBanner.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useLayoutEffect, useEffect, useRef, useState } from 'react';\nimport { CloseX } from '@elliemae/ds-icons';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { icons } from './utils/icons.js';\nimport type { DSMobileBannerT } from './propTypes.js';\nimport { propTypes } from './propTypes.js';\nimport {\n  StyledActionLink,\n  StyledCloseButton,\n  StyledInnerContainer,\n  StyledBannerContainer,\n  StyledContent,\n  StyledIconContainer,\n  StyledSubTitle,\n  StyledTitle,\n  StyledSubTitleText,\n  StyledCloseButtonContainer,\n} from './styles.js';\nimport { useDSMobileBanner } from './config/useMobileBanner.js';\nimport { DSMobileBannerName } from './DSMobileBannerDefinitions.js';\n\nconst DSMobileBanner = (props: DSMobileBannerT.Props) => {\n  const { globalAttributes, xstyledProps, propsWithDefault } = useDSMobileBanner(props);\n  const {\n    type,\n    isOpen,\n    closeButtonOnClick,\n    label,\n    body,\n    actionLinkLabel,\n    actionLinkHref,\n    actionLinkOnClick,\n    showCloseButton,\n    containerProps,\n    focusOnOpen,\n  } = propsWithDefault;\n\n  const innerContainerRef = useRef<HTMLDivElement | null>(null);\n  const closeRef = useRef<HTMLDivElement | null>(null);\n  const [current, setCurrent] = useState<boolean>(isOpen);\n  const [isAnimating, setIsAnimating] = useState<boolean>(false);\n  const [height, setHeight] = useState<number>(0);\n\n  useEffect(() => {\n    if (innerContainerRef.current) {\n      setHeight(innerContainerRef.current.offsetHeight);\n    }\n  }, [isAnimating, isOpen]);\n\n  useEffect(() => {\n    if (focusOnOpen && closeRef.current && isOpen) {\n      closeRef.current?.focus?.();\n    }\n  }, [focusOnOpen, isOpen]);\n\n  useLayoutEffect(() => {\n    if (isOpen !== current || isOpen) setIsAnimating(true);\n    else setIsAnimating(false);\n  }, [isOpen, current]);\n\n  if (!isAnimating && !isOpen) return null;\n\n  return (\n    <StyledBannerContainer\n      type={type}\n      isOpen={isOpen}\n      isAnimating={isAnimating}\n      onAnimationEnd={() => setCurrent(isOpen)}\n      height={height}\n      {...containerProps}\n      data-testid=\"ds-mobile-banner-container\"\n      role=\"alert\"\n      {...globalAttributes}\n      {...xstyledProps}\n    >\n      <StyledInnerContainer type={type} isOpen={isOpen} innerRef={innerContainerRef} isAnimating={isAnimating}>\n        <StyledIconContainer data-testid=\"ds-mobile-banner-icon\">{icons[type]}</StyledIconContainer>\n        <StyledContent showCloseButton={showCloseButton}>\n          <StyledTitle>{label}</StyledTitle>\n          <StyledSubTitle>\n            <StyledSubTitleText>{body}</StyledSubTitleText>\n            {actionLinkLabel && (\n              <StyledActionLink href={actionLinkHref} data-testid=\"ds-mobile-banner-link\" onClick={actionLinkOnClick}>\n                {actionLinkLabel}\n              </StyledActionLink>\n            )}\n          </StyledSubTitle>\n        </StyledContent>\n        {showCloseButton && (\n          <StyledCloseButtonContainer>\n            <StyledCloseButton\n              data-testid=\"ds-mobile-banner-close-button\"\n              buttonType=\"icon\"\n              onClick={closeButtonOnClick}\n              aria-label=\"Close Banner\"\n              innerRef={closeRef}\n              size=\"s\"\n            >\n              <CloseX width=\"12px\" height=\"12px\" />\n            </StyledCloseButton>\n          </StyledCloseButtonContainer>\n        )}\n      </StyledInnerContainer>\n    </StyledBannerContainer>\n  );\n};\n\nDSMobileBanner.propTypes = propTypes;\nDSMobileBanner.displayName = DSMobileBannerName;\nconst DSMobileBannerWithSchema = describe(DSMobileBanner);\nDSMobileBannerWithSchema.propTypes = propTypes;\n\nexport { DSMobileBanner, DSMobileBannerWithSchema };\n"],
-  "mappings": "AAAA,YAAY,WAAW;AC4Ef,cAGE,YAHF;AA5ER,SAAgB,iBAAiB,WAAW,QAAQ,gBAAgB;AACpE,SAAS,cAAc;AACvB,SAAS,gBAAgB;AACzB,SAAS,aAAa;AAEtB,SAAS,iBAAiB;AAC1B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,yBAAyB;AAClC,SAAS,0BAA0B;AAEnC,MAAM,iBAAiB,CAAC,UAAiC;AACvD,QAAM,EAAE,kBAAkB,cAAc,iBAAiB,IAAI,kBAAkB,KAAK;AACpF,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,oBAAoB,OAA8B,IAAI;AAC5D,QAAM,WAAW,OAA8B,IAAI;AACnD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAkB,MAAM;AACtD,QAAM,CAAC,aAAa,cAAc,IAAI,SAAkB,KAAK;AAC7D,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAiB,CAAC;AAE9C,YAAU,MAAM;AACd,QAAI,kBAAkB,SAAS;AAC7B,gBAAU,kBAAkB,QAAQ,YAAY;AAAA,IAClD;AAAA,EACF,GAAG,CAAC,aAAa,MAAM,CAAC;AAExB,YAAU,MAAM;AACd,QAAI,eAAe,SAAS,WAAW,QAAQ;AAC7C,eAAS,SAAS,QAAQ;AAAA,IAC5B;AAAA,EACF,GAAG,CAAC,aAAa,MAAM,CAAC;AAExB,kBAAgB,MAAM;AACpB,QAAI,WAAW,WAAW;AAAQ,qBAAe,IAAI;AAAA;AAChD,qBAAe,KAAK;AAAA,EAC3B,GAAG,CAAC,QAAQ,OAAO,CAAC;AAEpB,MAAI,CAAC,eAAe,CAAC;AAAQ,WAAO;AAEpC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,gBAAgB,MAAM,WAAW,MAAM;AAAA,MACvC;AAAA,MACC,GAAG;AAAA,MACJ,eAAY;AAAA,MACZ,MAAK;AAAA,MACJ,GAAG;AAAA,MACH,GAAG;AAAA,MAEJ,+BAAC,wBAAqB,MAAY,QAAgB,UAAU,mBAAmB,aAC7E;AAAA,4BAAC,uBAAoB,eAAY,yBAAyB,gBAAM,IAAI,GAAE;AAAA,QACtE,qBAAC,iBAAc,iBACb;AAAA,8BAAC,eAAa,iBAAM;AAAA,UACpB,qBAAC,kBACC;AAAA,gCAAC,sBAAoB,gBAAK;AAAA,YACzB,mBACC,oBAAC,oBAAiB,MAAM,gBAAgB,eAAY,yBAAwB,SAAS,mBAClF,2BACH;AAAA,aAEJ;AAAA,WACF;AAAA,QACC,mBACC,oBAAC,8BACC;AAAA,UAAC;AAAA;AAAA,YACC,eAAY;AAAA,YACZ,YAAW;AAAA,YACX,SAAS;AAAA,YACT,cAAW;AAAA,YACX,UAAU;AAAA,YACV,MAAK;AAAA,YAEL,8BAAC,UAAO,OAAM,QAAO,QAAO,QAAO;AAAA;AAAA,QACrC,GACF;AAAA,SAEJ;AAAA;AAAA,EACF;AAEJ;AAEA,eAAe,YAAY;AAC3B,eAAe,cAAc;AAC7B,MAAM,2BAA2B,SAAS,cAAc;AACxD,yBAAyB,YAAY;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useLayoutEffect, useEffect, useRef, useState } from 'react';\nimport { CloseX } from '@elliemae/ds-icons';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { icons } from './utils/icons.js';\nimport type { DSMobileBannerT } from './propTypes.js';\nimport { propTypes } from './propTypes.js';\nimport {\n  StyledActionLink,\n  StyledCloseButton,\n  StyledInnerContainer,\n  StyledBannerContainer,\n  StyledContent,\n  StyledIconContainer,\n  StyledSubTitle,\n  StyledTitle,\n  StyledSubTitleText,\n  StyledCloseButtonContainer,\n} from './styles.js';\nimport { useDSMobileBanner } from './config/useMobileBanner.js';\nimport { DSMobileBannerName } from './DSMobileBannerDefinitions.js';\n\nconst DSMobileBanner = (props: DSMobileBannerT.Props) => {\n  const { globalAttributes, xstyledProps, propsWithDefault } = useDSMobileBanner(props);\n  const {\n    type,\n    isOpen,\n    closeButtonOnClick,\n    label,\n    body,\n    actionLinkLabel,\n    actionLinkHref,\n    actionLinkOnClick,\n    showCloseButton,\n    containerProps,\n    focusOnOpen,\n  } = propsWithDefault;\n\n  const innerContainerRef = useRef<HTMLDivElement | null>(null);\n  const closeRef = useRef<HTMLDivElement | null>(null);\n  const [current, setCurrent] = useState<boolean>(isOpen);\n  const [isAnimating, setIsAnimating] = useState<boolean>(false);\n  const [height, setHeight] = useState<number>(0);\n\n  useEffect(() => {\n    if (innerContainerRef.current) {\n      setHeight(innerContainerRef.current.offsetHeight);\n    }\n  }, [isAnimating, isOpen]);\n\n  useEffect(() => {\n    if (focusOnOpen && closeRef.current && isOpen) {\n      closeRef.current?.focus?.();\n    }\n  }, [focusOnOpen, isOpen]);\n\n  useLayoutEffect(() => {\n    if (isOpen !== current || isOpen) setIsAnimating(true);\n    else setIsAnimating(false);\n  }, [isOpen, current]);\n\n  if (!isAnimating && !isOpen) return null;\n\n  return (\n    <StyledBannerContainer\n      type={type}\n      isOpen={isOpen}\n      isAnimating={isAnimating}\n      onAnimationEnd={() => setCurrent(isOpen)}\n      height={height}\n      {...containerProps}\n      data-testid=\"ds-mobile-banner-container\"\n      role=\"alert\"\n      {...globalAttributes}\n      {...xstyledProps}\n    >\n      <StyledInnerContainer type={type} isOpen={isOpen} innerRef={innerContainerRef} isAnimating={isAnimating}>\n        <StyledIconContainer data-testid=\"ds-mobile-banner-icon\">{icons[type]}</StyledIconContainer>\n        <StyledContent showCloseButton={showCloseButton}>\n          <StyledTitle>{label}</StyledTitle>\n          <StyledSubTitle>\n            <StyledSubTitleText>{body}</StyledSubTitleText>\n            {actionLinkLabel && (\n              <StyledActionLink href={actionLinkHref} data-testid=\"ds-mobile-banner-link\" onClick={actionLinkOnClick}>\n                {actionLinkLabel}\n              </StyledActionLink>\n            )}\n          </StyledSubTitle>\n        </StyledContent>\n        {showCloseButton && (\n          <StyledCloseButtonContainer>\n            <StyledCloseButton\n              data-testid=\"ds-mobile-banner-close-button\"\n              buttonType=\"icon\"\n              onClick={closeButtonOnClick}\n              aria-label=\"Close Banner\"\n              innerRef={closeRef}\n              size=\"s\"\n            >\n              <CloseX width=\"12px\" height=\"12px\" />\n            </StyledCloseButton>\n          </StyledCloseButtonContainer>\n        )}\n      </StyledInnerContainer>\n    </StyledBannerContainer>\n  );\n};\n\nDSMobileBanner.displayName = DSMobileBannerName;\nconst DSMobileBannerWithSchema = describe(DSMobileBanner);\nDSMobileBannerWithSchema.propTypes = propTypes;\n\nexport { DSMobileBanner, DSMobileBannerWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;AC4Ef,cAGE,YAHF;AA5ER,SAAgB,iBAAiB,WAAW,QAAQ,gBAAgB;AACpE,SAAS,cAAc;AACvB,SAAS,gBAAgB;AACzB,SAAS,aAAa;AAEtB,SAAS,iBAAiB;AAC1B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,yBAAyB;AAClC,SAAS,0BAA0B;AAEnC,MAAM,iBAAiB,CAAC,UAAiC;AACvD,QAAM,EAAE,kBAAkB,cAAc,iBAAiB,IAAI,kBAAkB,KAAK;AACpF,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,oBAAoB,OAA8B,IAAI;AAC5D,QAAM,WAAW,OAA8B,IAAI;AACnD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAkB,MAAM;AACtD,QAAM,CAAC,aAAa,cAAc,IAAI,SAAkB,KAAK;AAC7D,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAiB,CAAC;AAE9C,YAAU,MAAM;AACd,QAAI,kBAAkB,SAAS;AAC7B,gBAAU,kBAAkB,QAAQ,YAAY;AAAA,IAClD;AAAA,EACF,GAAG,CAAC,aAAa,MAAM,CAAC;AAExB,YAAU,MAAM;AACd,QAAI,eAAe,SAAS,WAAW,QAAQ;AAC7C,eAAS,SAAS,QAAQ;AAAA,IAC5B;AAAA,EACF,GAAG,CAAC,aAAa,MAAM,CAAC;AAExB,kBAAgB,MAAM;AACpB,QAAI,WAAW,WAAW,OAAQ,gBAAe,IAAI;AAAA,QAChD,gBAAe,KAAK;AAAA,EAC3B,GAAG,CAAC,QAAQ,OAAO,CAAC;AAEpB,MAAI,CAAC,eAAe,CAAC,OAAQ,QAAO;AAEpC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,gBAAgB,MAAM,WAAW,MAAM;AAAA,MACvC;AAAA,MACC,GAAG;AAAA,MACJ,eAAY;AAAA,MACZ,MAAK;AAAA,MACJ,GAAG;AAAA,MACH,GAAG;AAAA,MAEJ,+BAAC,wBAAqB,MAAY,QAAgB,UAAU,mBAAmB,aAC7E;AAAA,4BAAC,uBAAoB,eAAY,yBAAyB,gBAAM,IAAI,GAAE;AAAA,QACtE,qBAAC,iBAAc,iBACb;AAAA,8BAAC,eAAa,iBAAM;AAAA,UACpB,qBAAC,kBACC;AAAA,gCAAC,sBAAoB,gBAAK;AAAA,YACzB,mBACC,oBAAC,oBAAiB,MAAM,gBAAgB,eAAY,yBAAwB,SAAS,mBAClF,2BACH;AAAA,aAEJ;AAAA,WACF;AAAA,QACC,mBACC,oBAAC,8BACC;AAAA,UAAC;AAAA;AAAA,YACC,eAAY;AAAA,YACZ,YAAW;AAAA,YACX,SAAS;AAAA,YACT,cAAW;AAAA,YACX,UAAU;AAAA,YACV,MAAK;AAAA,YAEL,8BAAC,UAAO,OAAM,QAAO,QAAO,QAAO;AAAA;AAAA,QACrC,GACF;AAAA,SAEJ;AAAA;AAAA,EACF;AAEJ;AAEA,eAAe,cAAc;AAC7B,MAAM,2BAA2B,SAAS,cAAc;AACxD,yBAAyB,YAAY;",
   "names": []
 }

package/dist/esm/MobileBanner/styles.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileBanner/styles.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled, xStyledCommonProps, toMobile } from '@elliemae/ds-system';\nimport { DSButtonV2 } from '@elliemae/ds-button-v2';\nimport { handleAnimation, handleBorderColor } from './utils/styleHelpers.js';\nimport type { MOBILE_BANNER_TYPES } from './utils/bannerTypes.js';\n\ntype MobileBannerTypesT = (typeof MOBILE_BANNER_TYPES)[keyof typeof MOBILE_BANNER_TYPES];\n\ninterface StyledBannerContainerT {\n  type: MobileBannerTypesT;\n  isOpen: boolean;\n  isAnimating: boolean;\n  height: number;\n}\n\ninterface StyledInnerContainerT {\n  type: MobileBannerTypesT;\n  isOpen: boolean;\n  isAnimating: boolean;\n  ref: React.MutableRefObject<HTMLDivElement>;\n}\n\ninterface StyledContentT {\n  showCloseButton: boolean;\n}\nexport const StyledInnerContainer = styled.div<StyledInnerContainerT>`\n  display: flex;\n  min-height: 60px;\n  width: 100%;\n  background-color: ${({ theme }) => theme.colors.neutral['000']};\n  border-bottom: 4px solid ${({ type, theme }) => handleBorderColor(type, theme)};\n  transform: translateY(${({ isOpen }) => (isOpen ? '0' : '-100%')});\n  ${({ isAnimating, isOpen }) => handleAnimation(isAnimating, isOpen)};\n  padding: 8px 8px 8px 16px;\n`;\n\nexport const StyledTextContent = styled.div`\n  width: 100%;\n`;\n\nexport const StyledTitle = styled.div`\n  color: ${({ theme }) => theme.colors.neutral[700]};\n  font-size: ${({ theme }) => toMobile(theme.fontSizes.title[700])};\n  font-weight: ${({ theme }) => theme.fontWeights.semibold};\n  margin-bottom: ${({ theme }) => theme.space.xxxs};\n  @media not all and (min-resolution: 0.001dpcm) {\n    @media {\n      -webkit-font-smoothing: subpixel-antialiased; // fix safari bold render\n      -webkit-text-stroke: 0.4px ${({ theme }) => theme.colors.neutral[700]}; // fix safari bold render\n    }\n  }\n  @media screen and (min--moz-device-pixel-ratio: 0) {\n    -webkit-font-smoothing: subpixel-antialiased; // fix safari bold render\n    -webkit-text-stroke: 0.4px ${({ theme }) => theme.colors.neutral[700]}; // fix safari bold render\n  }\n`;\n\nexport const StyledSubTitle = styled.div`\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: flex-start;\n\n  font-size: ${({ theme }) => toMobile(theme.fontSizes.title[600])};\n  font-weight: ${({ theme }) => theme.fontWeights.regular};\n\n  & > * {\n    margin-top: 4px;\n  }\n`;\n\nexport const StyledIconContainer = styled.div`\n  margin-right: ${({ theme }) => theme.space.xxs};\n`;\n\nexport const StyledContent = styled.div<StyledContentT>`\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  margin-right: ${({ showCloseButton }) => (!showCloseButton ? '28px' : '0')};\n`;\n\nexport const StyledCloseButtonContainer = styled.div`\n  display: flex;\n  align-items: flex-start;\n`;\n\nexport const StyledSubTitleText = styled.span`\n  margin-right: 16px;\n  line-height: 1.1;\n`;\n\nexport const StyledCloseButton = styled(DSButtonV2)`\n  position: relative;\n  &:focus {\n    &:after {\n      display: block;\n      content: ' ';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      border: 2px solid ${({ theme }) => theme.colors.brand[700]};\n      border-radius: 2px;\n      pointer-events: none;\n    }\n  }\n`;\n\nexport const StyledActionLink = styled.a`\n  text-decoration: none;\n  line-height: 1.1;\n  font-size: ${({ theme }) => toMobile(theme.fontSizes.title[600])};\n  font-weight: ${({ theme }) => theme.fontWeights.regular};\n  color: ${({ theme }) => theme.colors.brand[600]};\n`;\n\nexport const StyledBannerContainer = styled('div')<StyledBannerContainerT>`\n  overflow: hidden;\n  height: ${({ isOpen }) => (isOpen ? 'auto' : '0px')};\n  ${({ isAnimating, isOpen, height }) => handleAnimation(isAnimating, isOpen, height)};\n  ${xStyledCommonProps}\n`;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,QAAQ,oBAAoB,gBAAgB;AACrD,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB,yBAAyB;AAsB5C,MAAM,uBAAuB,OAAO;AAAA;AAAA;AAAA;AAAA,sBAIrB,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA,6BAClC,CAAC,EAAE,MAAM,MAAM,MAAM,kBAAkB,MAAM,KAAK;AAAA,0BACrD,CAAC,EAAE,OAAO,MAAO,SAAS,MAAM;AAAA,IACtD,CAAC,EAAE,aAAa,OAAO,MAAM,gBAAgB,aAAa,MAAM;AAAA;AAAA;AAI7D,MAAM,oBAAoB,OAAO;AAAA;AAAA;AAIjC,MAAM,cAAc,OAAO;AAAA,WACvB,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ,GAAG;AAAA,eACnC,CAAC,EAAE,MAAM,MAAM,SAAS,MAAM,UAAU,MAAM,GAAG,CAAC;AAAA,iBAChD,CAAC,EAAE,MAAM,MAAM,MAAM,YAAY;AAAA,mBAC/B,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA,mCAIX,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA,iCAKzC,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ,GAAG;AAAA;AAAA;AAIjE,MAAM,iBAAiB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,eAKtB,CAAC,EAAE,MAAM,MAAM,SAAS,MAAM,UAAU,MAAM,GAAG,CAAC;AAAA,iBAChD,CAAC,EAAE,MAAM,MAAM,MAAM,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAO3C,MAAM,sBAAsB,OAAO;AAAA,kBACxB,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM;AAAA;AAGtC,MAAM,gBAAgB,OAAO;AAAA;AAAA;AAAA;AAAA,kBAIlB,CAAC,EAAE,gBAAgB,MAAO,CAAC,kBAAkB,SAAS;AAAA;AAGjE,MAAM,6BAA6B,OAAO;AAAA;AAAA;AAAA;AAK1C,MAAM,qBAAqB,OAAO;AAAA;AAAA;AAAA;AAKlC,MAAM,oBAAoB,OAAO,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAWxB,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,MAAM,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAOxD,MAAM,mBAAmB,OAAO;AAAA;AAAA;AAAA,eAGxB,CAAC,EAAE,MAAM,MAAM,SAAS,MAAM,UAAU,MAAM,GAAG,CAAC;AAAA,iBAChD,CAAC,EAAE,MAAM,MAAM,MAAM,YAAY;AAAA,WACvC,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,MAAM,GAAG;AAAA;AAGzC,MAAM,wBAAwB,OAAO,KAAK;AAAA;AAAA,YAErC,CAAC,EAAE,OAAO,MAAO,SAAS,SAAS;AAAA,IAC3C,CAAC,EAAE,aAAa,QAAQ,OAAO,MAAM,gBAAgB,aAAa,QAAQ,MAAM;AAAA,IAChF;AAAA;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,QAAQ,oBAAoB,gBAAgB;AACrD,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB,yBAAyB;AAsB5C,MAAM,uBAAuB,OAAO;AAAA;AAAA;AAAA;AAAA,sBAIrB,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA,6BACnC,CAAC,EAAE,MAAM,MAAM,MAAM,kBAAkB,MAAM,KAAK,CAAC;AAAA,0BACtD,CAAC,EAAE,OAAO,MAAO,SAAS,MAAM,OAAQ;AAAA,IAC9D,CAAC,EAAE,aAAa,OAAO,MAAM,gBAAgB,aAAa,MAAM,CAAC;AAAA;AAAA;AAI9D,MAAM,oBAAoB,OAAO;AAAA;AAAA;AAIjC,MAAM,cAAc,OAAO;AAAA,WACvB,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA,eACpC,CAAC,EAAE,MAAM,MAAM,SAAS,MAAM,UAAU,MAAM,GAAG,CAAC,CAAC;AAAA,iBACjD,CAAC,EAAE,MAAM,MAAM,MAAM,YAAY,QAAQ;AAAA,mBACvC,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,IAAI;AAAA;AAAA;AAAA;AAAA,mCAIf,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,iCAK1C,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA;AAAA;AAIlE,MAAM,iBAAiB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,eAKtB,CAAC,EAAE,MAAM,MAAM,SAAS,MAAM,UAAU,MAAM,GAAG,CAAC,CAAC;AAAA,iBACjD,CAAC,EAAE,MAAM,MAAM,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOlD,MAAM,sBAAsB,OAAO;AAAA,kBACxB,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,GAAG;AAAA;AAGzC,MAAM,gBAAgB,OAAO;AAAA;AAAA;AAAA;AAAA,kBAIlB,CAAC,EAAE,gBAAgB,MAAO,CAAC,kBAAkB,SAAS,GAAI;AAAA;AAGrE,MAAM,6BAA6B,OAAO;AAAA;AAAA;AAAA;AAK1C,MAAM,qBAAqB,OAAO;AAAA;AAAA;AAAA;AAKlC,MAAM,oBAAoB,OAAO,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAWxB,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAOzD,MAAM,mBAAmB,OAAO;AAAA;AAAA;AAAA,eAGxB,CAAC,EAAE,MAAM,MAAM,SAAS,MAAM,UAAU,MAAM,GAAG,CAAC,CAAC;AAAA,iBACjD,CAAC,EAAE,MAAM,MAAM,MAAM,YAAY,OAAO;AAAA,WAC9C,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA;AAG1C,MAAM,wBAAwB,OAAO,KAAK;AAAA;AAAA,YAErC,CAAC,EAAE,OAAO,MAAO,SAAS,SAAS,KAAM;AAAA,IACjD,CAAC,EAAE,aAAa,QAAQ,OAAO,MAAM,gBAAgB,aAAa,QAAQ,MAAM,CAAC;AAAA,IACjF,kBAAkB;AAAA;",
   "names": []
 }

package/dist/esm/MobileBanner/utils/styleHelpers.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/MobileBanner/utils/styleHelpers.ts"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { kfrm, css } from '@elliemae/ds-system';\nimport type { FlattenSimpleInterpolation } from '@elliemae/ds-system';\nimport type { MobileBannerTypesT } from '../index.d';\nimport { MOBILE_BANNER_TYPES } from './bannerTypes.js';\n\nexport const slideIn = kfrm`\n  0% {\n    transform: translate3d(0, -100%, 0);\n  }\n  100% {\n    transform: translate3d(0, 0, 0);\n  }\n`;\n\nexport const slideOut = kfrm`\n  0% {\n    transform: translate3d(0, 0, 0);\n    opacity: 1;\n  }\n  60% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 0;\n    transform: translate3d(0, -100%, 0);\n  }\n`;\n\nexport const spanContainer = (height: number) => kfrm`\n  0% {\n    height: 0px;\n  }\n  100% {\n    height: ${height}px;\n  }\n`;\n\nexport const shrinkContainer = (height: number) => kfrm`\n  0% {\n    height: ${height}px;\n  }\n  100% {\n    height: 0px;\n  }\n`;\n\nexport const handleBorderColor = (type: MobileBannerTypesT, { colors }): string => {\n  switch (type) {\n    case MOBILE_BANNER_TYPES.SUCCESS:\n      return colors.success[900];\n    case MOBILE_BANNER_TYPES.INFO:\n      return colors.brand[600];\n    case MOBILE_BANNER_TYPES.WARNING:\n      return colors.warning[900];\n    case MOBILE_BANNER_TYPES.ERROR:\n      return colors.danger[900];\n  }\n};\n\nexport const handleAnimation = (\n  isAnimating: boolean,\n  isOpen: boolean,\n  height: number | null = null,\n): FlattenSimpleInterpolation => {\n  if (isAnimating) {\n    if (isOpen) {\n      return css`\n        animation: ${height ? spanContainer(height) : slideIn} 0.5s ease-in;\n      `;\n    } else {\n      return css`\n        animation: ${height ? shrinkContainer(height) : slideOut} 0.5s ease-in;\n      `;\n    }\n  }\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,MAAM,WAAW;AAG1B,SAAS,2BAA2B;AAE7B,MAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAShB,MAAM,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAcjB,MAAM,gBAAgB,CAAC,WAAmB;AAAA;AAAA;AAAA;AAAA;AAAA,cAKnC;AAAA;AAAA;AAIP,MAAM,kBAAkB,CAAC,WAAmB;AAAA;AAAA,cAErC;AAAA;AAAA;AAAA;AAAA;AAAA;AAOP,MAAM,oBAAoB,CAAC,MAA0B,EAAE,OAAO,MAAc;AACjF,UAAQ,MAAM;AAAA,IACZ,KAAK,oBAAoB;AACvB,aAAO,OAAO,QAAQ,GAAG;AAAA,IAC3B,KAAK,oBAAoB;AACvB,aAAO,OAAO,MAAM,GAAG;AAAA,IACzB,KAAK,oBAAoB;AACvB,aAAO,OAAO,QAAQ,GAAG;AAAA,IAC3B,KAAK,oBAAoB;AACvB,aAAO,OAAO,OAAO,GAAG;AAAA,EAC5B;AACF;AAEO,MAAM,kBAAkB,CAC7B,aACA,QACA,SAAwB,SACO;AAC/B,MAAI,aAAa;AACf,QAAI,QAAQ;AACV,aAAO;AAAA,qBACQ,SAAS,cAAc,MAAM,IAAI;AAAA;AAAA,IAElD,OAAO;AACL,aAAO;AAAA,qBACQ,SAAS,gBAAgB,MAAM,IAAI;AAAA;AAAA,IAEpD;AAAA,EACF;AACF;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,MAAM,WAAW;AAG1B,SAAS,2BAA2B;AAE7B,MAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAShB,MAAM,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAcjB,MAAM,gBAAgB,CAAC,WAAmB;AAAA;AAAA;AAAA;AAAA;AAAA,cAKnC,MAAM;AAAA;AAAA;AAIb,MAAM,kBAAkB,CAAC,WAAmB;AAAA;AAAA,cAErC,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAOb,MAAM,oBAAoB,CAAC,MAA0B,EAAE,OAAO,MAAc;AACjF,UAAQ,MAAM;AAAA,IACZ,KAAK,oBAAoB;AACvB,aAAO,OAAO,QAAQ,GAAG;AAAA,IAC3B,KAAK,oBAAoB;AACvB,aAAO,OAAO,MAAM,GAAG;AAAA,IACzB,KAAK,oBAAoB;AACvB,aAAO,OAAO,QAAQ,GAAG;AAAA,IAC3B,KAAK,oBAAoB;AACvB,aAAO,OAAO,OAAO,GAAG;AAAA,EAC5B;AACF;AAEO,MAAM,kBAAkB,CAC7B,aACA,QACA,SAAwB,SACO;AAC/B,MAAI,aAAa;AACf,QAAI,QAAQ;AACV,aAAO;AAAA,qBACQ,SAAS,cAAc,MAAM,IAAI,OAAO;AAAA;AAAA,IAEzD,OAAO;AACL,aAAO;AAAA,qBACQ,SAAS,gBAAgB,MAAM,IAAI,QAAQ;AAAA;AAAA,IAE5D;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/esm/MobileCard/ActionAddon.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileCard/ActionAddon.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@elliemae/ds-system';\nimport { ChevronSmallDown } from '@elliemae/ds-icons';\nimport { DSButton } from '@elliemae/ds-button';\n\nconst Addon = styled(DSButton)`\n  background-color: transparent;\n  padding-right: 4px;\n  height: 100%;\n  border: none;\n  font-size: 12px;\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  color: ${(props) => props.theme.colors.brand['700']};\n  cursor: pointer;\n  &:focus,\n  &::after {\n    background-color: transparent;\n    box-shadow: none !important; /* needed */\n    border: none !important; /* needed */\n  }\n`;\n\nexport const ActionAddon = ({ label, onClick, icon }) => (\n  <Addon onClick={onClick} labelText={label} icon={icon || <ChevronSmallDown color={['brand-primary', 700]} />} />\n);\n\nActionAddon.propTypes = {\n  /**\n   * Addon label\n   */\n  label: PropTypes.string,\n  /**\n   * On click callback\n   */\n  onClick: PropTypes.func,\n  /**\n   * Icon to display after the label\n   */\n  icon: PropTypes.element,\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACwBoC;AAvB3D,OAAO,eAAe;AACtB,SAAS,cAAc;AACvB,SAAS,wBAAwB;AACjC,SAAS,gBAAgB;AAEzB,MAAM,QAAQ,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAMZ,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,WACzC,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAU7C,MAAM,cAAc,CAAC,EAAE,OAAO,SAAS,KAAK,MACjD,oBAAC,SAAM,SAAkB,WAAW,OAAO,MAAM,QAAQ,oBAAC,oBAAiB,OAAO,CAAC,iBAAiB,GAAG,GAAG,GAAI;AAGhH,YAAY,YAAY;AAAA;AAAA;AAAA;AAAA,EAItB,OAAO,UAAU;AAAA;AAAA;AAAA;AAAA,EAIjB,SAAS,UAAU;AAAA;AAAA;AAAA;AAAA,EAInB,MAAM,UAAU;AAClB;",
+  "mappings": "AAAA,YAAY,WAAW;ACwBoC;AAvB3D,OAAO,eAAe;AACtB,SAAS,cAAc;AACvB,SAAS,wBAAwB;AACjC,SAAS,gBAAgB;AAEzB,MAAM,QAAQ,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAMZ,CAAC,UAAU,MAAM,MAAM,YAAY,QAAQ;AAAA,WACjD,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAU9C,MAAM,cAAc,CAAC,EAAE,OAAO,SAAS,KAAK,MACjD,oBAAC,SAAM,SAAkB,WAAW,OAAO,MAAM,QAAQ,oBAAC,oBAAiB,OAAO,CAAC,iBAAiB,GAAG,GAAG,GAAI;AAGhH,YAAY,YAAY;AAAA;AAAA;AAAA;AAAA,EAItB,OAAO,UAAU;AAAA;AAAA;AAAA;AAAA,EAIjB,SAAS,UAAU;AAAA;AAAA;AAAA;AAAA,EAInB,MAAM,UAAU;AAClB;",
   "names": []
 }

package/dist/esm/MobileCard/Card.js CHANGED Viewed

@@ -168,7 +168,6 @@ const MobileCard = ({
     }
   );
 };
-MobileCard.propTypes = cardPropsTypes;
 MobileCard.displayName = "MobileCard";
 const DSMobileCardWithSchema = describe(MobileCard);
 DSMobileCardWithSchema.propTypes = cardPropsTypes;

package/dist/esm/MobileCard/Card.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileCard/Card.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/no-array-index-key */\n/* eslint-disable max-lines */\n/* eslint-disable complexity */\nimport React, { useRef } from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport {\n  styled,\n  space,\n  color,\n  border,\n  op,\n  truncate,\n  withTheme,\n  __UNSAFE_SPACE_TO_DIMSUM,\n  toMobile,\n} from '@elliemae/ds-system';\nimport { GroupItem } from '@elliemae/ds-shared';\nimport { Grid } from '@elliemae/ds-grid';\nimport { StyledCard as Card } from './StyledCard.js';\nimport { ExpandChevron } from './ExpandChevron.js';\nimport { useHeight } from './useHeight.js';\nimport { ExpandableRegion } from './ExpandableRegion.js';\nimport type { MobileCardProps } from './props.js';\nimport { cardPropsTypes } from './props.js';\n\nconst TitleEllipsis = styled.div`\n  ${truncate()}\n`;\n\nconst Title = styled.div`\n  ${space}\n  ${truncate()}\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  font-size: ${(props) => toMobile(props.theme.fontSizes.title[600])};\n  width: 100%;\n  ${color('neutral', 800)}\n`;\nconst Detail = styled.span`\n  ${space}\n  ${truncate()}\n  font-size: ${(props) => toMobile(props.theme.fontSizes.title[500])};\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n`;\nconst SubText = styled.span`\n  margin-top: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};\n  ${truncate()}\n  &:nth-child(2) {\n    padding-left: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.s)};\n  }\n`;\nconst SubTextWrap = styled.div`\n  ${truncate()}\n  border-top: ${(props) => border(props.theme.colors.neutral['300'])};\n  margin-top: 6px;\n  margin-bottom: 2px;\n  padding-bottom: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs)};\n  font-size: ${(props) => toMobile(props.theme.fontSizes.subTitle[400])};\n  ${color('neutral', 500)}\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n  display: flex;\n  justify-content: space-between;\n`;\nconst LeftIcon = styled(Grid)<{ halfM: string }>`\n  & > span {\n    height: ${(props) => props.halfM};\n    width: ${(props) => props.halfM};\n  }\n\n  & > span > svg,\n  svg:not([fill]) {\n    height: ${(props) => props.halfM};\n    width: ${(props) => props.halfM};\n  }\n`;\n\nconst RightIcon = styled(Grid)<{ halfM: string }>`\n  span > svg,\n  span > svg:not([fill]) {\n    fill: #000000;\n  }\n`;\nconst CenterWrap = styled.div`\n  display: flex;\n  align-items: center;\n  ${truncate()}\n`;\n\nconst MobileCard: React.ComponentType<MobileCardProps> = ({\n  children,\n  height = 'm',\n  leftAddOn,\n  leftProp,\n  rightProp,\n  subText,\n  subIcons,\n  details,\n  theme,\n  expandable = false,\n  expandedContent,\n  value,\n  cardContent,\n}) => {\n  const subTextRef = useRef(null);\n  const subTextHeight = useHeight(subTextRef);\n  const isJustChildren = !(subText || subIcons || details);\n  const halfM = op('/', __UNSAFE_SPACE_TO_DIMSUM(theme.space.m), 2);\n\n  return (\n    <GroupItem\n      render={(context = {}) => {\n        const { activeValue, onChange } = context;\n        const selected =\n          activeValue !== undefined && (activeValue === value || (activeValue?.length && activeValue?.includes(value)));\n\n        return (\n          <Card\n            data-testid=\"card-wrapper\"\n            minHeight={\n              height === 'm' ? __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl) : __UNSAFE_SPACE_TO_DIMSUM(theme.space.xl)\n            }\n          >\n            {expandable && (\n              <ExpandChevron\n                isExpanded={selected}\n                onClick={(e) => {\n                  e.stopPropagation();\n                  onChange({ target: { value } });\n                }}\n                align={subText || subIcons ? 'top' : 'center'}\n              />\n            )}\n            <Grid pb={(subText || subIcons) && subTextHeight} cols={['auto', 'auto']} alignItems=\"center\">\n              {leftProp && <Grid ml={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}>{leftProp}</Grid>}\n              {leftAddOn && (\n                <LeftIcon ml={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)} halfM={halfM}>\n                  {leftAddOn}\n                </LeftIcon>\n              )}\n            </Grid>\n            <Grid\n              pl={!leftAddOn ? __UNSAFE_SPACE_TO_DIMSUM(theme.space.s) : __UNSAFE_SPACE_TO_DIMSUM(theme.space.xs)}\n              pr={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}\n              width=\"100%\"\n            >\n              <CenterWrap>\n                <Title pt={!isJustChildren && halfM} data-testid=\"card-title\">\n                  <TitleEllipsis>{children}</TitleEllipsis>\n                  {details && (\n                    <Grid\n                      data-testid=\"card-details\"\n                      cols={details.map(() => 'min-content')}\n                      mb={(!(subText || subIcons) && halfM) || 0}\n                      pt={op('/', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxs), 2)}\n                    >\n                      {details.map((d, i) => (\n                        <Detail key={i}>\n                          {d}\n                          {i < details.length - 1 && <Detail px={__UNSAFE_SPACE_TO_DIMSUM(theme.space.xxs)}>\u2022</Detail>}\n                        </Detail>\n                      ))}\n                    </Grid>\n                  )}\n                </Title>\n                {rightProp &&\n                  rightProp.map((prop, i) => (\n                    <RightIcon ml={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)} key={i}>\n                      {prop}\n                    </RightIcon>\n                  ))}\n              </CenterWrap>\n              {subIcons && (\n                <SubTextWrap innerRef={subTextRef}>\n                  <SubText>{subIcons}</SubText>\n                  {subText && subText[1] && <SubText data-testid=\"card-subText\">{subText[1]}</SubText>}\n                </SubTextWrap>\n              )}\n              {subText && !subIcons && (\n                <SubTextWrap innerRef={subTextRef}>\n                  {subText.map((s, i) => (\n                    <SubText data-testid=\"card-subText\" key={i}>\n                      {s}\n                    </SubText>\n                  ))}\n                </SubTextWrap>\n              )}\n              <ExpandableRegion show={selected} content={expandedContent} />\n              {cardContent && <Grid>{cardContent}</Grid>}\n            </Grid>\n          </Card>\n        );\n      }}\n    />\n  );\n};\n\nMobileCard.propTypes = cardPropsTypes;\nMobileCard.displayName = 'MobileCard';\nconst DSMobileCardWithSchema = describe(MobileCard);\n\nDSMobileCardWithSchema.propTypes = cardPropsTypes;\n\nexport { DSMobileCardWithSchema };\n\nexport default withTheme(MobileCard);\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/no-array-index-key */\n/* eslint-disable max-lines */\n/* eslint-disable complexity */\nimport React, { useRef } from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport {\n  styled,\n  space,\n  color,\n  border,\n  op,\n  truncate,\n  withTheme,\n  __UNSAFE_SPACE_TO_DIMSUM,\n  toMobile,\n} from '@elliemae/ds-system';\nimport { GroupItem } from '@elliemae/ds-shared';\nimport { Grid } from '@elliemae/ds-grid';\nimport { StyledCard as Card } from './StyledCard.js';\nimport { ExpandChevron } from './ExpandChevron.js';\nimport { useHeight } from './useHeight.js';\nimport { ExpandableRegion } from './ExpandableRegion.js';\nimport type { MobileCardProps } from './props.js';\nimport { cardPropsTypes } from './props.js';\n\nconst TitleEllipsis = styled.div`\n  ${truncate()}\n`;\n\nconst Title = styled.div`\n  ${space}\n  ${truncate()}\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  font-size: ${(props) => toMobile(props.theme.fontSizes.title[600])};\n  width: 100%;\n  ${color('neutral', 800)}\n`;\nconst Detail = styled.span`\n  ${space}\n  ${truncate()}\n  font-size: ${(props) => toMobile(props.theme.fontSizes.title[500])};\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n`;\nconst SubText = styled.span`\n  margin-top: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};\n  ${truncate()}\n  &:nth-child(2) {\n    padding-left: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.s)};\n  }\n`;\nconst SubTextWrap = styled.div`\n  ${truncate()}\n  border-top: ${(props) => border(props.theme.colors.neutral['300'])};\n  margin-top: 6px;\n  margin-bottom: 2px;\n  padding-bottom: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs)};\n  font-size: ${(props) => toMobile(props.theme.fontSizes.subTitle[400])};\n  ${color('neutral', 500)}\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n  display: flex;\n  justify-content: space-between;\n`;\nconst LeftIcon = styled(Grid)<{ halfM: string }>`\n  & > span {\n    height: ${(props) => props.halfM};\n    width: ${(props) => props.halfM};\n  }\n\n  & > span > svg,\n  svg:not([fill]) {\n    height: ${(props) => props.halfM};\n    width: ${(props) => props.halfM};\n  }\n`;\n\nconst RightIcon = styled(Grid)<{ halfM: string }>`\n  span > svg,\n  span > svg:not([fill]) {\n    fill: #000000;\n  }\n`;\nconst CenterWrap = styled.div`\n  display: flex;\n  align-items: center;\n  ${truncate()}\n`;\n\nconst MobileCard: React.ComponentType<MobileCardProps> = ({\n  children,\n  height = 'm',\n  leftAddOn,\n  leftProp,\n  rightProp,\n  subText,\n  subIcons,\n  details,\n  theme,\n  expandable = false,\n  expandedContent,\n  value,\n  cardContent,\n}) => {\n  const subTextRef = useRef(null);\n  const subTextHeight = useHeight(subTextRef);\n  const isJustChildren = !(subText || subIcons || details);\n  const halfM = op('/', __UNSAFE_SPACE_TO_DIMSUM(theme.space.m), 2);\n\n  return (\n    <GroupItem\n      render={(context = {}) => {\n        const { activeValue, onChange } = context;\n        const selected =\n          activeValue !== undefined && (activeValue === value || (activeValue?.length && activeValue?.includes(value)));\n\n        return (\n          <Card\n            data-testid=\"card-wrapper\"\n            minHeight={\n              height === 'm' ? __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl) : __UNSAFE_SPACE_TO_DIMSUM(theme.space.xl)\n            }\n          >\n            {expandable && (\n              <ExpandChevron\n                isExpanded={selected}\n                onClick={(e) => {\n                  e.stopPropagation();\n                  onChange({ target: { value } });\n                }}\n                align={subText || subIcons ? 'top' : 'center'}\n              />\n            )}\n            <Grid pb={(subText || subIcons) && subTextHeight} cols={['auto', 'auto']} alignItems=\"center\">\n              {leftProp && <Grid ml={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}>{leftProp}</Grid>}\n              {leftAddOn && (\n                <LeftIcon ml={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)} halfM={halfM}>\n                  {leftAddOn}\n                </LeftIcon>\n              )}\n            </Grid>\n            <Grid\n              pl={!leftAddOn ? __UNSAFE_SPACE_TO_DIMSUM(theme.space.s) : __UNSAFE_SPACE_TO_DIMSUM(theme.space.xs)}\n              pr={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}\n              width=\"100%\"\n            >\n              <CenterWrap>\n                <Title pt={!isJustChildren && halfM} data-testid=\"card-title\">\n                  <TitleEllipsis>{children}</TitleEllipsis>\n                  {details && (\n                    <Grid\n                      data-testid=\"card-details\"\n                      cols={details.map(() => 'min-content')}\n                      mb={(!(subText || subIcons) && halfM) || 0}\n                      pt={op('/', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxs), 2)}\n                    >\n                      {details.map((d, i) => (\n                        <Detail key={i}>\n                          {d}\n                          {i < details.length - 1 && <Detail px={__UNSAFE_SPACE_TO_DIMSUM(theme.space.xxs)}>\u2022</Detail>}\n                        </Detail>\n                      ))}\n                    </Grid>\n                  )}\n                </Title>\n                {rightProp &&\n                  rightProp.map((prop, i) => (\n                    <RightIcon ml={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)} key={i}>\n                      {prop}\n                    </RightIcon>\n                  ))}\n              </CenterWrap>\n              {subIcons && (\n                <SubTextWrap innerRef={subTextRef}>\n                  <SubText>{subIcons}</SubText>\n                  {subText && subText[1] && <SubText data-testid=\"card-subText\">{subText[1]}</SubText>}\n                </SubTextWrap>\n              )}\n              {subText && !subIcons && (\n                <SubTextWrap innerRef={subTextRef}>\n                  {subText.map((s, i) => (\n                    <SubText data-testid=\"card-subText\" key={i}>\n                      {s}\n                    </SubText>\n                  ))}\n                </SubTextWrap>\n              )}\n              <ExpandableRegion show={selected} content={expandedContent} />\n              {cardContent && <Grid>{cardContent}</Grid>}\n            </Grid>\n          </Card>\n        );\n      }}\n    />\n  );\n};\n\nMobileCard.displayName = 'MobileCard';\nconst DSMobileCardWithSchema = describe(MobileCard);\n\nDSMobileCardWithSchema.propTypes = cardPropsTypes;\n\nexport { DSMobileCardWithSchema };\n\nexport default withTheme(MobileCard);\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/MobileCard/CardIcons.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileCard/CardIcons.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable import/no-unresolved */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst CardIconsWrapper = styled(Grid)`\n  align-items: center;\n  span,\n  svg {\n    width: 12px !important;\n    height: 12px !important;\n  }\n  span.icon-color-muted svg,\n  svg:not([fill]) {\n    fill: ${(props) => props.theme.colors.neutral['600']};\n    height: 12px !important;\n    width: 12px !important;\n\n    & * {\n      fill: ${(props) => props.theme.colors.neutral['600']};\n    }\n  }\n  span.icon-color-warn svg,\n  svg:not([fill]) {\n    fill: ${(props) => props.theme.colors.warning['600']};\n    height: 12px !important;\n    width: 12px !important;\n\n    & * {\n      fill: ${(props) => props.theme.colors.warning['600']};\n    }\n  }\n  span.icon-color-error svg,\n  svg:not([fill]) {\n    fill: ${(props) => props.theme.colors.danger['900']};\n    height: 12px !important;\n    width: 12px !important;\n\n    & * {\n      fill: ${(props) => props.theme.colors.danger['900']};\n    }\n  }\n  span.icon-color-success svg,\n  svg:not([fill]) {\n    fill: ${(props) => props.theme.colors.success['900']};\n    height: 12px !important;\n    width: 12px !important;\n\n    & * {\n      fill: ${(props) => props.theme.colors.success['900']};\n    }\n  }\n  span.icon-color-primary svg,\n  svg:not([fill]) {\n    fill: ${(props) => props.theme.colors.brand[600]};\n  }\n  span.icon-color-primary svg,\n  svg:not([fill]) {\n    fill: ${(props) => props.theme.colors.brand[600]};\n  }\n`;\n\nexport const SubIcons = ({ icons = [], colors = [] }) => (\n  <CardIconsWrapper cols={icons.map(() => '12px')} gutter=\"6px\" height=\"14px\" data-testid=\"card-subIcons\">\n    {icons.map((Icon, i) => (\n      // eslint-disable-next-line react/no-array-index-key\n      <Icon key={i} className={`icon-color-${colors[i] || 'muted'}`} />\n    ))}\n  </CardIconsWrapper>\n);\n\nSubIcons.propTypes = {\n  /**\n   * Array of  Icons\n   */\n  icons: PropTypes.arrayOf(PropTypes.func),\n  /**\n   * Color Types: muted, warn, error, success\n   */\n  colors: PropTypes.arrayOf(PropTypes.oneOf(['muted', 'warn', 'error', 'success', 'primary'])),\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACmEjB;AAjEN,OAAO,eAAe;AACtB,SAAS,cAAc;AACvB,SAAS,YAAY;AAErB,MAAM,mBAAmB,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YASxB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,cAKzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,YAK7C,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,cAKzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,YAK7C,CAAC,UAAU,MAAM,MAAM,OAAO,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,cAKxC,CAAC,UAAU,MAAM,MAAM,OAAO,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,YAK5C,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,cAKzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,YAK7C,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG;AAAA;AAAA;AAAA;AAAA,YAIvC,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG;AAAA;AAAA;AAI5C,MAAM,WAAW,CAAC,EAAE,QAAQ,CAAC,GAAG,SAAS,CAAC,EAAE,MACjD,oBAAC,oBAAiB,MAAM,MAAM,IAAI,MAAM,MAAM,GAAG,QAAO,OAAM,QAAO,QAAO,eAAY,iBACrF,gBAAM,IAAI,CAAC,MAAM;AAAA;AAAA,EAEhB,oBAAC,QAAa,WAAW,cAAc,OAAO,CAAC,KAAK,aAAzC,CAAoD;AAAA,CAChE,GACH;AAGF,SAAS,YAAY;AAAA;AAAA;AAAA;AAAA,EAInB,OAAO,UAAU,QAAQ,UAAU,IAAI;AAAA;AAAA;AAAA;AAAA,EAIvC,QAAQ,UAAU,QAAQ,UAAU,MAAM,CAAC,SAAS,QAAQ,SAAS,WAAW,SAAS,CAAC,CAAC;AAC7F;",
+  "mappings": "AAAA,YAAY,WAAW;ACmEjB;AAjEN,OAAO,eAAe;AACtB,SAAS,cAAc;AACvB,SAAS,YAAY;AAErB,MAAM,mBAAmB,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YASxB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,cAK1C,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,YAK9C,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,cAK1C,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,YAK9C,CAAC,UAAU,MAAM,MAAM,OAAO,OAAO,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,cAKzC,CAAC,UAAU,MAAM,MAAM,OAAO,OAAO,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,YAK7C,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,cAK1C,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,YAK9C,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA;AAAA;AAAA;AAAA,YAIxC,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA;AAAA;AAI7C,MAAM,WAAW,CAAC,EAAE,QAAQ,CAAC,GAAG,SAAS,CAAC,EAAE,MACjD,oBAAC,oBAAiB,MAAM,MAAM,IAAI,MAAM,MAAM,GAAG,QAAO,OAAM,QAAO,QAAO,eAAY,iBACrF,gBAAM,IAAI,CAAC,MAAM;AAAA;AAAA,EAEhB,oBAAC,QAAa,WAAW,cAAc,OAAO,CAAC,KAAK,OAAO,MAAhD,CAAoD;AAAA,CAChE,GACH;AAGF,SAAS,YAAY;AAAA;AAAA;AAAA;AAAA,EAInB,OAAO,UAAU,QAAQ,UAAU,IAAI;AAAA;AAAA;AAAA;AAAA,EAIvC,QAAQ,UAAU,QAAQ,UAAU,MAAM,CAAC,SAAS,QAAQ,SAAS,WAAW,SAAS,CAAC,CAAC;AAC7F;",
   "names": []
 }

package/dist/esm/MobileCard/ExpandChevron.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileCard/ExpandChevron.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@elliemae/ds-system';\nimport { ChevronDown, ChevronRight } from '@elliemae/ds-icons';\n\nconst ChevronWrap = styled.div`\n  margin-top: ${(props) => (props.align === 'top' ? '18px' : '0')};\n  align-self: ${(props) => (props.align === 'top' ? 'flex-start' : 'center')};\n  margin-left: ${(props) => props.theme.space.xs};\n`;\n\nexport const ExpandChevron = ({ isExpanded, onClick, align }) => {\n  const Chevron = isExpanded ? ChevronDown : ChevronRight;\n  return (\n    <ChevronWrap data-testid=\"ds-card-expand-chevron\" align={align}>\n      <Chevron size=\"s\" color={['brand-primary', 800]} onClick={onClick} />\n    </ChevronWrap>\n  );\n};\n\nExpandChevron.propTypes = {\n  /**\n   * Whether if the chevron is expanded or not\n   */\n  isExpanded: PropTypes.bool,\n  /**\n   * click callback\n   */\n  onClick: PropTypes.func.isRequired,\n  /**\n   * top or center\n   */\n  align: PropTypes.string.isRequired,\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACejB;AAdN,OAAO,eAAe;AACtB,SAAS,cAAc;AACvB,SAAS,aAAa,oBAAoB;AAE1C,MAAM,cAAc,OAAO;AAAA,gBACX,CAAC,UAAW,MAAM,UAAU,QAAQ,SAAS;AAAA,gBAC7C,CAAC,UAAW,MAAM,UAAU,QAAQ,eAAe;AAAA,iBAClD,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAGvC,MAAM,gBAAgB,CAAC,EAAE,YAAY,SAAS,MAAM,MAAM;AAC/D,QAAM,UAAU,aAAa,cAAc;AAC3C,SACE,oBAAC,eAAY,eAAY,0BAAyB,OAChD,8BAAC,WAAQ,MAAK,KAAI,OAAO,CAAC,iBAAiB,GAAG,GAAG,SAAkB,GACrE;AAEJ;AAEA,cAAc,YAAY;AAAA;AAAA;AAAA;AAAA,EAIxB,YAAY,UAAU;AAAA;AAAA;AAAA;AAAA,EAItB,SAAS,UAAU,KAAK;AAAA;AAAA;AAAA;AAAA,EAIxB,OAAO,UAAU,OAAO;AAC1B;",
+  "mappings": "AAAA,YAAY,WAAW;ACejB;AAdN,OAAO,eAAe;AACtB,SAAS,cAAc;AACvB,SAAS,aAAa,oBAAoB;AAE1C,MAAM,cAAc,OAAO;AAAA,gBACX,CAAC,UAAW,MAAM,UAAU,QAAQ,SAAS,GAAI;AAAA,gBACjD,CAAC,UAAW,MAAM,UAAU,QAAQ,eAAe,QAAS;AAAA,iBAC3D,CAAC,UAAU,MAAM,MAAM,MAAM,EAAE;AAAA;AAGzC,MAAM,gBAAgB,CAAC,EAAE,YAAY,SAAS,MAAM,MAAM;AAC/D,QAAM,UAAU,aAAa,cAAc;AAC3C,SACE,oBAAC,eAAY,eAAY,0BAAyB,OAChD,8BAAC,WAAQ,MAAK,KAAI,OAAO,CAAC,iBAAiB,GAAG,GAAG,SAAkB,GACrE;AAEJ;AAEA,cAAc,YAAY;AAAA;AAAA;AAAA;AAAA,EAIxB,YAAY,UAAU;AAAA;AAAA;AAAA;AAAA,EAItB,SAAS,UAAU,KAAK;AAAA;AAAA;AAAA;AAAA,EAIxB,OAAO,UAAU,OAAO;AAC1B;",
   "names": []
 }

package/dist/esm/MobileCard/ExpandableRegion.js CHANGED Viewed

@@ -26,12 +26,10 @@ const ExpandableRegion = ({ show, content }) => {
   const [hide, setHide] = useState(!show);
   useEffect(() => {
     setAnimate(show);
-    if (show)
-      setHide(false);
+    if (show) setHide(false);
   }, [show]);
   const hideOnAnimationEnd = () => {
-    if (!show)
-      setHide(true);
+    if (!show) setHide(true);
   };
   return /* @__PURE__ */ jsx(
     Region,

package/dist/esm/MobileCard/ExpandableRegion.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileCard/ExpandableRegion.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useEffect, useState, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { styled, border, truncate } from '@elliemae/ds-system';\n\nconst RegionWrapper = styled.div`\n  width: 100%;\n  height: 100%;\n`;\n\nconst Region = styled.div<{ hide: boolean; animate: boolean; refHeight: number }>`\n  display: flex;\n  ${(props) => (props.hide ? 'visibility: hidden;' : '')}\n  transition: max-height ${(props) => (props.animate ? '0.25s' : '0.20s')} linear;\n  max-height: 0;\n  ${(props) =>\n    props.animate\n      ? `\n      max-height: ${props.refHeight}px;\n    `\n      : ''}\n  align-items: center;\n  ${truncate()};\n  border-top: ${(props) => border(props.theme.colors.neutral['300'])};\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n`;\n\nexport const ExpandableRegion = ({ show, content }: { show: boolean; content: JSX.Element | JSX.Element[] }) => {\n  const ref = useRef<HTMLDivElement>(null);\n  // triggers transition\n  const [animate, setAnimate] = useState(show);\n  // needed to properly handle the transition. Hide after transition ends\n  const [hide, setHide] = useState(!show);\n  useEffect(() => {\n    setAnimate(show);\n    if (show) setHide(false);\n  }, [show]);\n\n  const hideOnAnimationEnd = () => {\n    if (!show) setHide(true);\n  };\n\n  return (\n    <Region\n      hide={hide}\n      // needed to handle transition, `auto` max-height isn't supported\n      refHeight={ref?.current?.scrollHeight || 9999}\n      onTransitionEnd={hideOnAnimationEnd}\n      animate={animate}\n    >\n      <RegionWrapper innerRef={ref}>{content}</RegionWrapper>\n    </Region>\n  );\n};\n\nExpandableRegion.propTypes = {\n  show: PropTypes.bool,\n  content: PropTypes.element,\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACiDjB;AAjDN,SAAgB,WAAW,UAAU,cAAc;AACnD,OAAO,eAAe;AACtB,SAAS,QAAQ,QAAQ,gBAAgB;AAEzC,MAAM,gBAAgB,OAAO;AAAA;AAAA;AAAA;AAK7B,MAAM,SAAS,OAAO;AAAA;AAAA,IAElB,CAAC,UAAW,MAAM,OAAO,wBAAwB;AAAA,2BAC1B,CAAC,UAAW,MAAM,UAAU,UAAU;AAAA;AAAA,IAE7D,CAAC,UACD,MAAM,UACF;AAAA,oBACY,MAAM;AAAA,QAElB;AAAA;AAAA,IAEJ,SAAS;AAAA,gBACG,CAAC,UAAU,OAAO,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA,iBAClD,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA;AAG7C,MAAM,mBAAmB,CAAC,EAAE,MAAM,QAAQ,MAA+D;AAC9G,QAAM,MAAM,OAAuB,IAAI;AAEvC,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,IAAI;AAE3C,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,CAAC,IAAI;AACtC,YAAU,MAAM;AACd,eAAW,IAAI;AACf,QAAI;AAAM,cAAQ,KAAK;AAAA,EACzB,GAAG,CAAC,IAAI,CAAC;AAET,QAAM,qBAAqB,MAAM;AAC/B,QAAI,CAAC;AAAM,cAAQ,IAAI;AAAA,EACzB;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MAEA,WAAW,KAAK,SAAS,gBAAgB;AAAA,MACzC,iBAAiB;AAAA,MACjB;AAAA,MAEA,8BAAC,iBAAc,UAAU,KAAM,mBAAQ;AAAA;AAAA,EACzC;AAEJ;AAEA,iBAAiB,YAAY;AAAA,EAC3B,MAAM,UAAU;AAAA,EAChB,SAAS,UAAU;AACrB;",
+  "mappings": "AAAA,YAAY,WAAW;ACiDjB;AAjDN,SAAgB,WAAW,UAAU,cAAc;AACnD,OAAO,eAAe;AACtB,SAAS,QAAQ,QAAQ,gBAAgB;AAEzC,MAAM,gBAAgB,OAAO;AAAA;AAAA;AAAA;AAK7B,MAAM,SAAS,OAAO;AAAA;AAAA,IAElB,CAAC,UAAW,MAAM,OAAO,wBAAwB,EAAG;AAAA,2BAC7B,CAAC,UAAW,MAAM,UAAU,UAAU,OAAQ;AAAA;AAAA,IAErE,CAAC,UACD,MAAM,UACF;AAAA,oBACY,MAAM,SAAS;AAAA,QAE3B,EAAE;AAAA;AAAA,IAEN,SAAS,CAAC;AAAA,gBACE,CAAC,UAAU,OAAO,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC,CAAC;AAAA,iBACnD,CAAC,UAAU,MAAM,MAAM,YAAY,OAAO;AAAA;AAGpD,MAAM,mBAAmB,CAAC,EAAE,MAAM,QAAQ,MAA+D;AAC9G,QAAM,MAAM,OAAuB,IAAI;AAEvC,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,IAAI;AAE3C,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,CAAC,IAAI;AACtC,YAAU,MAAM;AACd,eAAW,IAAI;AACf,QAAI,KAAM,SAAQ,KAAK;AAAA,EACzB,GAAG,CAAC,IAAI,CAAC;AAET,QAAM,qBAAqB,MAAM;AAC/B,QAAI,CAAC,KAAM,SAAQ,IAAI;AAAA,EACzB;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MAEA,WAAW,KAAK,SAAS,gBAAgB;AAAA,MACzC,iBAAiB;AAAA,MACjB;AAAA,MAEA,8BAAC,iBAAc,UAAU,KAAM,mBAAQ;AAAA;AAAA,EACzC;AAEJ;AAEA,iBAAiB,YAAY;AAAA,EAC3B,MAAM,UAAU;AAAA,EAChB,SAAS,UAAU;AACrB;",
   "names": []
 }

package/dist/esm/MobileCard/Group.js CHANGED Viewed

@@ -78,7 +78,6 @@ const props = {
   /**  */
   onChange: PropTypes.func.description("")
 };
-MobileCardGroup.propTypes = props;
 MobileCardGroup.displayName = "MobileCardGroup";
 const DSMobileCardGroupWithSchema = describe(MobileCardGroup);
 DSMobileCardGroupWithSchema.propTypes = props;

package/dist/esm/MobileCard/Group.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileCard/Group.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/no-array-index-key */\nimport React from 'react';\nimport { describe, PropTypes } from '@elliemae/ds-props-helpers';\nimport { styled, color, border, withTheme, truncate, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { Group } from '@elliemae/ds-shared';\nimport { Grid } from '@elliemae/ds-grid';\nimport { StyledCard as Card } from './StyledCard.js';\n\nconst GroupGrid = styled(Grid)`\n  ${Card} {\n    border-top: none;\n  }\n\n  ${({ theme, withTopBorder }) => (withTopBorder ? `border-top: ${border(theme.colors.neutral['100'])}` : '')}\n`;\n\nconst GroupTitle = styled.span`\n  ${truncate()}\n`;\n\nconst GroupTitleGrid = styled.div`\n  display: flex;\n  justify-content: space-between;\n  padding: 0 ${(props) => props.theme.space.xs};\n  font-size: ${(props) => `calc(${__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m)} / 2)`};\n  ${color('neutral', '700')}\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  background-color: ${(props) => props.theme.colors.brand['200']};\n  border-top: ${(props) => border(props.theme.colors.brand['300'])};\n  line-height: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m)};\n  @media (min-width: 1024px) {\n    background-color: ${(props) => props.theme.colors.neutral['080']};\n    border-top: ${(props) => border(props.theme.colors.neutral['080'])};\n  }\n`;\n\nconst MobileCardGroup = ({\n  children,\n  theme,\n  title,\n  action,\n  activeValue,\n  allowMultipleOpen = false,\n  onChange = () => null,\n}) => {\n  const rows = !title ? ['auto'] : [__UNSAFE_SPACE_TO_DIMSUM(theme.space.m), 'auto'];\n\n  return (\n    <Group activeValue={activeValue} multiple={allowMultipleOpen} onChange={onChange}>\n      <GroupGrid withTopBorder={!title} rows={rows}>\n        {!!title && (\n          <GroupTitleGrid pl=\"xxs\">\n            <GroupTitle>{title}</GroupTitle>\n            {action}\n          </GroupTitleGrid>\n        )}\n        <Grid>\n          {React.Children.map(\n            children,\n            (child, idx) =>\n              React.cloneElement(child, {\n                key: idx,\n                value: idx,\n                idx,\n              }),\n            null,\n          )}\n        </Grid>\n      </GroupGrid>\n    </Group>\n  );\n};\n\nconst props = {\n  theme: PropTypes.object.isRequired.description(''),\n  /**\n   * Defines group title\n   */\n  title: PropTypes.string.description(''),\n  /**\n   * Pass one or more Mobile Cards to render as a group\n   */\n  children: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf(PropTypes.element)]).isRequired.description(''),\n  /**\n   * Group header addon\n   */\n  action: PropTypes.element.description(''),\n  /**  */\n  activeValue: PropTypes.oneOfType([PropTypes.number, PropTypes.arrayOf(PropTypes.number)]).description(''),\n  /**  */\n  allowMultipleOpen: PropTypes.bool.description(''),\n  /**  */\n  onChange: PropTypes.func.description(''),\n};\n\nMobileCardGroup.propTypes = props;\nMobileCardGroup.displayName = 'MobileCardGroup';\nconst DSMobileCardGroupWithSchema = describe(MobileCardGroup);\n\nDSMobileCardGroupWithSchema.propTypes = props;\n\nexport { DSMobileCardGroupWithSchema };\n\nexport default withTheme(MobileCardGroup);\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACmDb,SACE,KADF;AAlDV,OAAOA,YAAW;AAClB,SAAS,UAAU,iBAAiB;AACpC,SAAS,QAAQ,OAAO,QAAQ,WAAW,UAAU,gCAAgC;AACrF,SAAS,aAAa;AACtB,SAAS,YAAY;AACrB,SAAS,cAAc,YAAY;AAEnC,MAAM,YAAY,OAAO,IAAI;AAAA,IACzB;AAAA;AAAA;AAAA;AAAA,IAIA,CAAC,EAAE,OAAO,cAAc,MAAO,gBAAgB,eAAe,OAAO,MAAM,OAAO,QAAQ,KAAK,CAAC,MAAM;AAAA;AAG1G,MAAM,aAAa,OAAO;AAAA,IACtB,SAAS;AAAA;AAGb,MAAM,iBAAiB,OAAO;AAAA;AAAA;AAAA,eAGf,CAACC,WAAUA,OAAM,MAAM,MAAM;AAAA,eAC7B,CAACA,WAAU,QAAQ,yBAAyBA,OAAM,MAAM,MAAM,CAAC;AAAA,IAC1E,MAAM,WAAW,KAAK;AAAA,iBACT,CAACA,WAAUA,OAAM,MAAM,YAAY;AAAA,sBAC9B,CAACA,WAAUA,OAAM,MAAM,OAAO,MAAM,KAAK;AAAA,gBAC/C,CAACA,WAAU,OAAOA,OAAM,MAAM,OAAO,MAAM,KAAK,CAAC;AAAA,iBAChD,CAACA,WAAU,yBAAyBA,OAAM,MAAM,MAAM,CAAC;AAAA;AAAA,wBAEhD,CAACA,WAAUA,OAAM,MAAM,OAAO,QAAQ,KAAK;AAAA,kBACjD,CAACA,WAAU,OAAOA,OAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;AAIrE,MAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,oBAAoB;AAAA,EACpB,WAAW,MAAM;AACnB,MAAM;AACJ,QAAM,OAAO,CAAC,QAAQ,CAAC,MAAM,IAAI,CAAC,yBAAyB,MAAM,MAAM,CAAC,GAAG,MAAM;AAEjF,SACE,oBAAC,SAAM,aAA0B,UAAU,mBAAmB,UAC5D,+BAAC,aAAU,eAAe,CAAC,OAAO,MAC/B;AAAA,KAAC,CAAC,SACD,qBAAC,kBAAe,IAAG,OACjB;AAAA,0BAAC,cAAY,iBAAM;AAAA,MAClB;AAAA,OACH;AAAA,IAEF,oBAAC,QACE,UAAAD,OAAM,SAAS;AAAA,MACd;AAAA,MACA,CAAC,OAAO,QACNA,OAAM,aAAa,OAAO;AAAA,QACxB,KAAK;AAAA,QACL,OAAO;AAAA,QACP;AAAA,MACF,CAAC;AAAA,MACH;AAAA,IACF,GACF;AAAA,KACF,GACF;AAEJ;AAEA,MAAM,QAAQ;AAAA,EACZ,OAAO,UAAU,OAAO,WAAW,YAAY,EAAE;AAAA;AAAA;AAAA;AAAA,EAIjD,OAAO,UAAU,OAAO,YAAY,EAAE;AAAA;AAAA;AAAA;AAAA,EAItC,UAAU,UAAU,UAAU,CAAC,UAAU,SAAS,UAAU,QAAQ,UAAU,OAAO,CAAC,CAAC,EAAE,WAAW,YAAY,EAAE;AAAA;AAAA;AAAA;AAAA,EAIlH,QAAQ,UAAU,QAAQ,YAAY,EAAE;AAAA;AAAA,EAExC,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,QAAQ,UAAU,MAAM,CAAC,CAAC,EAAE,YAAY,EAAE;AAAA;AAAA,EAExG,mBAAmB,UAAU,KAAK,YAAY,EAAE;AAAA;AAAA,EAEhD,UAAU,UAAU,KAAK,YAAY,EAAE;AACzC;AAEA,gBAAgB,YAAY;AAC5B,gBAAgB,cAAc;AAC9B,MAAM,8BAA8B,SAAS,eAAe;AAE5D,4BAA4B,YAAY;AAIxC,IAAO,gBAAQ,UAAU,eAAe;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/no-array-index-key */\nimport React from 'react';\nimport { describe, PropTypes } from '@elliemae/ds-props-helpers';\nimport { styled, color, border, withTheme, truncate, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { Group } from '@elliemae/ds-shared';\nimport { Grid } from '@elliemae/ds-grid';\nimport { StyledCard as Card } from './StyledCard.js';\n\nconst GroupGrid = styled(Grid)`\n  ${Card} {\n    border-top: none;\n  }\n\n  ${({ theme, withTopBorder }) => (withTopBorder ? `border-top: ${border(theme.colors.neutral['100'])}` : '')}\n`;\n\nconst GroupTitle = styled.span`\n  ${truncate()}\n`;\n\nconst GroupTitleGrid = styled.div`\n  display: flex;\n  justify-content: space-between;\n  padding: 0 ${(props) => props.theme.space.xs};\n  font-size: ${(props) => `calc(${__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m)} / 2)`};\n  ${color('neutral', '700')}\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  background-color: ${(props) => props.theme.colors.brand['200']};\n  border-top: ${(props) => border(props.theme.colors.brand['300'])};\n  line-height: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m)};\n  @media (min-width: 1024px) {\n    background-color: ${(props) => props.theme.colors.neutral['080']};\n    border-top: ${(props) => border(props.theme.colors.neutral['080'])};\n  }\n`;\n\nconst MobileCardGroup = ({\n  children,\n  theme,\n  title,\n  action,\n  activeValue,\n  allowMultipleOpen = false,\n  onChange = () => null,\n}) => {\n  const rows = !title ? ['auto'] : [__UNSAFE_SPACE_TO_DIMSUM(theme.space.m), 'auto'];\n\n  return (\n    <Group activeValue={activeValue} multiple={allowMultipleOpen} onChange={onChange}>\n      <GroupGrid withTopBorder={!title} rows={rows}>\n        {!!title && (\n          <GroupTitleGrid pl=\"xxs\">\n            <GroupTitle>{title}</GroupTitle>\n            {action}\n          </GroupTitleGrid>\n        )}\n        <Grid>\n          {React.Children.map(\n            children,\n            (child, idx) =>\n              React.cloneElement(child, {\n                key: idx,\n                value: idx,\n                idx,\n              }),\n            null,\n          )}\n        </Grid>\n      </GroupGrid>\n    </Group>\n  );\n};\n\nconst props = {\n  theme: PropTypes.object.isRequired.description(''),\n  /**\n   * Defines group title\n   */\n  title: PropTypes.string.description(''),\n  /**\n   * Pass one or more Mobile Cards to render as a group\n   */\n  children: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf(PropTypes.element)]).isRequired.description(''),\n  /**\n   * Group header addon\n   */\n  action: PropTypes.element.description(''),\n  /**  */\n  activeValue: PropTypes.oneOfType([PropTypes.number, PropTypes.arrayOf(PropTypes.number)]).description(''),\n  /**  */\n  allowMultipleOpen: PropTypes.bool.description(''),\n  /**  */\n  onChange: PropTypes.func.description(''),\n};\n\nMobileCardGroup.displayName = 'MobileCardGroup';\nconst DSMobileCardGroupWithSchema = describe(MobileCardGroup);\n\nDSMobileCardGroupWithSchema.propTypes = props;\n\nexport { DSMobileCardGroupWithSchema };\n\nexport default withTheme(MobileCardGroup);\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACmDb,SACE,KADF;AAlDV,OAAOA,YAAW;AAClB,SAAS,UAAU,iBAAiB;AACpC,SAAS,QAAQ,OAAO,QAAQ,WAAW,UAAU,gCAAgC;AACrF,SAAS,aAAa;AACtB,SAAS,YAAY;AACrB,SAAS,cAAc,YAAY;AAEnC,MAAM,YAAY,OAAO,IAAI;AAAA,IACzB,IAAI;AAAA;AAAA;AAAA;AAAA,IAIJ,CAAC,EAAE,OAAO,cAAc,MAAO,gBAAgB,eAAe,OAAO,MAAM,OAAO,QAAQ,KAAK,CAAC,CAAC,KAAK,EAAG;AAAA;AAG7G,MAAM,aAAa,OAAO;AAAA,IACtB,SAAS,CAAC;AAAA;AAGd,MAAM,iBAAiB,OAAO;AAAA;AAAA;AAAA,eAGf,CAACC,WAAUA,OAAM,MAAM,MAAM,EAAE;AAAA,eAC/B,CAACA,WAAU,QAAQ,yBAAyBA,OAAM,MAAM,MAAM,CAAC,CAAC,OAAO;AAAA,IAClF,MAAM,WAAW,KAAK,CAAC;AAAA,iBACV,CAACA,WAAUA,OAAM,MAAM,YAAY,QAAQ;AAAA,sBACtC,CAACA,WAAUA,OAAM,MAAM,OAAO,MAAM,KAAK,CAAC;AAAA,gBAChD,CAACA,WAAU,OAAOA,OAAM,MAAM,OAAO,MAAM,KAAK,CAAC,CAAC;AAAA,iBACjD,CAACA,WAAU,yBAAyBA,OAAM,MAAM,MAAM,CAAC,CAAC;AAAA;AAAA,wBAEjD,CAACA,WAAUA,OAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA,kBAClD,CAACA,WAAU,OAAOA,OAAM,MAAM,OAAO,QAAQ,KAAK,CAAC,CAAC;AAAA;AAAA;AAItE,MAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,oBAAoB;AAAA,EACpB,WAAW,MAAM;AACnB,MAAM;AACJ,QAAM,OAAO,CAAC,QAAQ,CAAC,MAAM,IAAI,CAAC,yBAAyB,MAAM,MAAM,CAAC,GAAG,MAAM;AAEjF,SACE,oBAAC,SAAM,aAA0B,UAAU,mBAAmB,UAC5D,+BAAC,aAAU,eAAe,CAAC,OAAO,MAC/B;AAAA,KAAC,CAAC,SACD,qBAAC,kBAAe,IAAG,OACjB;AAAA,0BAAC,cAAY,iBAAM;AAAA,MAClB;AAAA,OACH;AAAA,IAEF,oBAAC,QACE,UAAAD,OAAM,SAAS;AAAA,MACd;AAAA,MACA,CAAC,OAAO,QACNA,OAAM,aAAa,OAAO;AAAA,QACxB,KAAK;AAAA,QACL,OAAO;AAAA,QACP;AAAA,MACF,CAAC;AAAA,MACH;AAAA,IACF,GACF;AAAA,KACF,GACF;AAEJ;AAEA,MAAM,QAAQ;AAAA,EACZ,OAAO,UAAU,OAAO,WAAW,YAAY,EAAE;AAAA;AAAA;AAAA;AAAA,EAIjD,OAAO,UAAU,OAAO,YAAY,EAAE;AAAA;AAAA;AAAA;AAAA,EAItC,UAAU,UAAU,UAAU,CAAC,UAAU,SAAS,UAAU,QAAQ,UAAU,OAAO,CAAC,CAAC,EAAE,WAAW,YAAY,EAAE;AAAA;AAAA;AAAA;AAAA,EAIlH,QAAQ,UAAU,QAAQ,YAAY,EAAE;AAAA;AAAA,EAExC,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,QAAQ,UAAU,MAAM,CAAC,CAAC,EAAE,YAAY,EAAE;AAAA;AAAA,EAExG,mBAAmB,UAAU,KAAK,YAAY,EAAE;AAAA;AAAA,EAEhD,UAAU,UAAU,KAAK,YAAY,EAAE;AACzC;AAEA,gBAAgB,cAAc;AAC9B,MAAM,8BAA8B,SAAS,eAAe;AAE5D,4BAA4B,YAAY;AAIxC,IAAO,gBAAQ,UAAU,eAAe;",
   "names": ["React", "props"]
 }

package/dist/esm/MobileCard/StyledCard.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileCard/StyledCard.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled, border } from '@elliemae/ds-system';\n\nexport const StyledCard = styled.div<{ minHeight: string }>`\n  display: flex;\n  align-items: center;\n  height: fit-content;\n  min-height: ${(props) => props.minHeight};\n  border: ${(props) => border(props.theme.colors.neutral['100'])};\n  border-bottom: ${(props) => border('.5px', props.theme.colors.neutral['500'])};\n`;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,QAAQ,cAAc;AAExB,MAAM,aAAa,OAAO;AAAA;AAAA;AAAA;AAAA,gBAIjB,CAAC,UAAU,MAAM;AAAA,YACrB,CAAC,UAAU,OAAO,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA,mBAC5C,CAAC,UAAU,OAAO,QAAQ,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,QAAQ,cAAc;AAExB,MAAM,aAAa,OAAO;AAAA;AAAA;AAAA;AAAA,gBAIjB,CAAC,UAAU,MAAM,SAAS;AAAA,YAC9B,CAAC,UAAU,OAAO,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC,CAAC;AAAA,mBAC7C,CAAC,UAAU,OAAO,QAAQ,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC,CAAC;AAAA;",
   "names": []
 }

package/dist/esm/MobileCard/index.js CHANGED Viewed

@@ -1,16 +1,13 @@
 import * as React from "react";
 import MobileCard, { DSMobileCardWithSchema } from "./Card.js";
 import MobileGroup, { DSMobileCardGroupWithSchema } from "./Group.js";
-import { ActionAddon } from "./ActionAddon.js";
 MobileCard.Group = MobileGroup;
 const DSMobileCard = MobileCard;
-export * from "./CardIcons.js";
-var MobileCard_default = MobileCard;
+import { SubIcons } from "./CardIcons.js";
 export {
-  ActionAddon,
   DSMobileCard,
   DSMobileCardGroupWithSchema,
   DSMobileCardWithSchema,
-  MobileCard_default as default
+  SubIcons
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/MobileCard/index.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileCard/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import MobileCard, { DSMobileCardWithSchema } from './Card.js';\nimport MobileGroup, { DSMobileCardGroupWithSchema } from './Group.js';\nimport { ActionAddon } from './ActionAddon.js';\n\nMobileCard.Group = MobileGroup;\nconst DSMobileCard = MobileCard;\n\nexport { DSMobileCard, ActionAddon, DSMobileCardWithSchema, DSMobileCardGroupWithSchema };\nexport * from './CardIcons.js';\nexport default MobileCard;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAO,cAAc,8BAA8B;AACnD,OAAO,eAAe,mCAAmC;AACzD,SAAS,mBAAmB;AAE5B,WAAW,QAAQ;AACnB,MAAM,eAAe;AAGrB,cAAc;AACd,IAAO,qBAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import MobileCard, { DSMobileCardWithSchema } from './Card.js';\nimport MobileGroup, { DSMobileCardGroupWithSchema } from './Group.js';\n// import { ActionAddon } from './ActionAddon.js';\n\nMobileCard.Group = MobileGroup;\nconst DSMobileCard = MobileCard;\n\n// export { ActionAddon };\nexport { SubIcons } from './CardIcons.js';\nexport { DSMobileCard, DSMobileCardWithSchema, DSMobileCardGroupWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAO,cAAc,8BAA8B;AACnD,OAAO,eAAe,mCAAmC;AAGzD,WAAW,QAAQ;AACnB,MAAM,eAAe;AAGrB,SAAS,gBAAgB;",
   "names": []
 }

package/dist/esm/MobileCard/useHeight.js CHANGED Viewed

@@ -3,11 +3,9 @@ import { useEffect, useState } from "react";
 import { rem } from "polished";
 function getCurrentFont() {
   const root = document.querySelector(":root");
-  if (!root)
-    return 13;
+  if (!root) return 13;
   const fontSize = window.getComputedStyle(root).getPropertyValue("font-size");
-  if (!fontSize)
-    return 13;
+  if (!fontSize) return 13;
   return Number(fontSize.match(/\d+/)[0]);
 }
 function useHeight(ref) {

package/dist/esm/MobileCard/useHeight.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileCard/useHeight.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useEffect, useState } from 'react';\nimport { rem } from 'polished';\n\nfunction getCurrentFont() {\n  const root = document.querySelector(':root');\n  if (!root) return 13;\n  const fontSize = window.getComputedStyle(root).getPropertyValue('font-size');\n  if (!fontSize) return 13;\n  return Number(fontSize.match(/\\d+/)[0]);\n}\n\nexport function useHeight(ref) {\n  const [height, setHeight] = useState('0rem');\n  const [currentFont, setCurrentFont] = useState(13);\n  useEffect(() => {\n    setCurrentFont(getCurrentFont());\n  }, []);\n\n  useEffect(() => {\n    if (ref.current && height !== rem(ref.current.clientHeight, currentFont)) {\n      setHeight(rem(ref.current.clientHeight, currentFont));\n    }\n  }, [ref.current, currentFont]);\n\n  return height;\n}\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,WAAW,gBAAgB;AACpC,SAAS,WAAW;AAEpB,SAAS,iBAAiB;AACxB,QAAM,OAAO,SAAS,cAAc,OAAO;AAC3C,MAAI,CAAC;AAAM,WAAO;AAClB,QAAM,WAAW,OAAO,iBAAiB,IAAI,EAAE,iBAAiB,WAAW;AAC3E,MAAI,CAAC;AAAU,WAAO;AACtB,SAAO,OAAO,SAAS,MAAM,KAAK,EAAE,CAAC,CAAC;AACxC;AAEO,SAAS,UAAU,KAAK;AAC7B,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,MAAM;AAC3C,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,EAAE;AACjD,YAAU,MAAM;AACd,mBAAe,eAAe,CAAC;AAAA,EACjC,GAAG,CAAC,CAAC;AAEL,YAAU,MAAM;AACd,QAAI,IAAI,WAAW,WAAW,IAAI,IAAI,QAAQ,cAAc,WAAW,GAAG;AACxE,gBAAU,IAAI,IAAI,QAAQ,cAAc,WAAW,CAAC;AAAA,IACtD;AAAA,EACF,GAAG,CAAC,IAAI,SAAS,WAAW,CAAC;AAE7B,SAAO;AACT;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,WAAW,gBAAgB;AACpC,SAAS,WAAW;AAEpB,SAAS,iBAAiB;AACxB,QAAM,OAAO,SAAS,cAAc,OAAO;AAC3C,MAAI,CAAC,KAAM,QAAO;AAClB,QAAM,WAAW,OAAO,iBAAiB,IAAI,EAAE,iBAAiB,WAAW;AAC3E,MAAI,CAAC,SAAU,QAAO;AACtB,SAAO,OAAO,SAAS,MAAM,KAAK,EAAE,CAAC,CAAC;AACxC;AAEO,SAAS,UAAU,KAAK;AAC7B,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,MAAM;AAC3C,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,EAAE;AACjD,YAAU,MAAM;AACd,mBAAe,eAAe,CAAC;AAAA,EACjC,GAAG,CAAC,CAAC;AAEL,YAAU,MAAM;AACd,QAAI,IAAI,WAAW,WAAW,IAAI,IAAI,QAAQ,cAAc,WAAW,GAAG;AACxE,gBAAU,IAAI,IAAI,QAAQ,cAAc,WAAW,CAAC;AAAA,IACtD;AAAA,EACF,GAAG,CAAC,IAAI,SAAS,WAAW,CAAC;AAE7B,SAAO;AACT;",
   "names": []
 }