@elliemae/ds-mobile 3.12.0-rc.2 → 3.12.0-rc.21

package/dist/cjs/SideNav/SideNav.js

@@ -46,90 +46,33 @@ const DSSideNav = ({ containerProps = {}, title, onClose = import_lodash.noop, m
     }
     setSelectedMenuItem(idx);
   };
-  const renderMenuList = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
-    children: menuItems.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.MenuList, {
-      children: menuItems.map(({ icon, text, onClick }, idx) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-        className: "menuitem",
-        onClick: menuItemClick.bind(null, idx, text, onClick),
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-            className: "icon",
-            children: icon
-          }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-            className: `text ${idx === selectedMenuItemIdx ? "active" : ""}`,
-            children: text
-          })
-        ]
-      }, idx))
-    }) : null
-  });
-  const renderBottomMenu = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.MenuList, {
-    children: bottomMenuItems.map(({ icon, text, onClick }, idx) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-      className: "menuitem",
-      onClick: () => onClick(idx, text),
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-          className: "icon",
-          children: icon
-        }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-          className: "text",
-          children: text
-        })
-      ]
-    }, idx))
-  });
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.Container, {
-    "data-testid": containerProps["data-testid"] || "global-header-menu",
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_backdrop.DSBackdrop, {
-        onClick: onClose,
-        type: "cover"
-      }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.Menu, {
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.MenuWrapper, {
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.Heading, {
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.Icon, {
-                  children: (0, import_EM_logo.default)()
-                }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-                  className: "content",
-                  children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", {
-                      children: title
-                    }),
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {}),
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-                      className: "icon",
-                      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.Close, {
-                        onClick: onClose,
-                        size: import_ds_icon.DSIconSizes.S,
-                        color: import_ds_icon.DSIconColors.WHITE
-                      })
-                    })
-                  ]
-                })
-              ]
-            }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.Hr, {}),
-            renderMenuList(),
-            bottomMenuItems.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.BottomMenu, {
-              children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-                className: "content",
-                children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("hr", {}),
-                  renderBottomMenu()
-                ]
-              })
-            }) : null
-          ]
-        })
-      })
-    ]
-  });
+  const renderMenuList = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: menuItems.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.MenuList, { children: menuItems.map(({ icon, text, onClick }, idx) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "menuitem", onClick: menuItemClick.bind(null, idx, text, onClick), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "icon", children: icon }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `text ${idx === selectedMenuItemIdx ? "active" : ""}`, children: text })
+  ] }, idx)) }) : null });
+  const renderBottomMenu = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.MenuList, { children: bottomMenuItems.map(({ icon, text, onClick }, idx) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "menuitem", onClick: () => onClick(idx, text), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "icon", children: icon }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text", children: text })
+  ] }, idx)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.Container, { "data-testid": containerProps["data-testid"] || "global-header-menu", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_backdrop.DSBackdrop, { onClick: onClose, type: "cover" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.Menu, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.MenuWrapper, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.Heading, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.Icon, { children: (0, import_EM_logo.default)() }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "content", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { children: title }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {}),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "icon", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.Close, { onClick: onClose, size: import_ds_icon.DSIconSizes.S, color: import_ds_icon.DSIconColors.WHITE }) })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.Hr, {}),
+      renderMenuList(),
+      bottomMenuItems.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.BottomMenu, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "content", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("hr", {}),
+        renderBottomMenu()
+      ] }) }) : null
+    ] }) })
+  ] });
 };
 const menuProps = import_ds_utilities.PropTypes.arrayOf(
   import_ds_utilities.PropTypes.shape({

package/dist/cjs/SideNav/SideNav.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/SideNav/SideNav.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable import/no-unresolved */\n/* eslint-disable max-lines */\n/* eslint-disable react/no-array-index-key */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\nimport React, { useState } from 'react';\nimport { DSBackdrop } from '@elliemae/ds-backdrop';\nimport { Close } from '@elliemae/ds-icons';\nimport { DSIconSizes, DSIconColors } from '@elliemae/ds-icon';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport { noop } from 'lodash';\nimport Logo from '../Icons/EM_logo';\nimport { Container, Menu, Heading, Icon, Hr, MenuList, BottomMenu, MenuWrapper } from './styles';\n\nconst DSSideNav = ({ containerProps = {}, title, onClose = noop, menuItems = [], bottomMenuItems = [] }) => {\n  const [selectedMenuItemIdx, setSelectedMenuItem] = useState(-1);\n\n  const menuItemClick = (idx, text, cb) => {\n    if (cb) {\n      cb(idx, text);\n    }\n    setSelectedMenuItem(idx);\n  };\n\n  const renderMenuList = () => (\n    <>\n      {menuItems.length > 0 ? (\n        <MenuList>\n          {menuItems.map(({ icon, text, onClick }, idx) => (\n            <div key={idx} className=\"menuitem\" onClick={menuItemClick.bind(null, idx, text, onClick)}>\n              <div className=\"icon\">{icon}</div>\n              <div className={`text ${idx === selectedMenuItemIdx ? 'active' : ''}`}>{text}</div>\n            </div>\n          ))}\n        </MenuList>\n      ) : null}\n    </>\n  );\n\n  const renderBottomMenu = () => (\n    <MenuList>\n      {bottomMenuItems.map(({ icon, text, onClick }, idx) => (\n        <div key={idx} className=\"menuitem\" onClick={() => onClick(idx, text)}>\n          <div className=\"icon\">{icon}</div>\n          <div className=\"text\">{text}</div>\n        </div>\n      ))}\n    </MenuList>\n  );\n\n  return (\n    <Container data-testid={containerProps['data-testid'] || 'global-header-menu'}>\n      <DSBackdrop onClick={onClose} type=\"cover\"></DSBackdrop>\n\n      <Menu>\n        <MenuWrapper>\n          <Heading>\n            <Icon>{Logo()}</Icon>\n            <div className=\"content\">\n              <label>{title}</label>\n              <span></span>\n              <div className=\"icon\">\n                <Close onClick={onClose} size={DSIconSizes.S} color={DSIconColors.WHITE} />\n              </div>\n            </div>\n          </Heading>\n          <Hr></Hr>\n          {renderMenuList()}\n          {bottomMenuItems.length > 0 ? (\n            <BottomMenu>\n              <div className=\"content\">\n                <hr></hr>\n                {renderBottomMenu()}\n              </div>\n            </BottomMenu>\n          ) : null}\n        </MenuWrapper>\n      </Menu>\n    </Container>\n  );\n};\n\nconst menuProps = PropTypes.arrayOf(\n  PropTypes.shape({\n    icon: PropTypes.element,\n    text: PropTypes.string,\n  }),\n);\n\nconst navProps = {\n  /** inject props to wrapper element of side nav */\n  containerProps: PropTypes.object.description('inject props to wrapper element of side nav'),\n  /**\n   * Heading Title\n   */\n  title: PropTypes.string.isRequired.description('Heading Title'),\n  /**\n   * Callback function when close is menu is triggered\n   */\n  onClose: PropTypes.func.description('Callback function when close is menu is triggered'),\n  /**\n   * Top Menu items array\n   */\n  menuItems: menuProps.description('Top Menu items array'),\n  /**\n   * Bottom Menu items array\n   */\n  bottomMenuItems: menuProps.description('Bottom Menu items array'),\n};\n\nDSSideNav.propTypes = navProps;\nDSSideNav.displayName = 'DSSideNav';\nconst DSSideNavWithSchema = describe(DSSideNav).description('Side navigation for mobile and tablet');\n\nDSSideNavWithSchema.propTypes = navProps;\n\nexport { DSSideNav, DSSideNavWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADyBnB;AApBJ,mBAAgC;AAChC,yBAA2B;AAC3B,sBAAsB;AACtB,qBAA0C;AAC1C,0BAAoC;AACpC,oBAAqB;AACrB,qBAAiB;AACjB,oBAAsF;AAEtF,MAAM,YAAY,CAAC,EAAE,iBAAiB,CAAC,GAAG,OAAO,UAAU,oBAAM,YAAY,CAAC,GAAG,kBAAkB,CAAC,EAAE,MAAM;AAC1G,QAAM,CAAC,qBAAqB,mBAAmB,QAAI,uBAAS,EAAE;AAE9D,QAAM,gBAAgB,CAAC,KAAK,MAAM,OAAO;AACvC,QAAI,IAAI;AACN,SAAG,KAAK,IAAI;AAAA,IACd;AACA,wBAAoB,GAAG;AAAA,EACzB;AAEA,QAAM,iBAAiB,MACrB,2EACG,oBAAU,SAAS,IAClB,4CAAC,0BACE,oBAAU,IAAI,CAAC,EAAE,MAAM,MAAM,QAAQ,GAAG,QACvC,6CAAC,SAAc,WAAU,YAAW,SAAS,cAAc,KAAK,MAAM,KAAK,MAAM,OAAO,GACtF;AAAA,gDAAC,SAAI,WAAU,QAAQ,gBAAK;AAAA,IAC5B,4CAAC,SAAI,WAAW,QAAQ,QAAQ,sBAAsB,WAAW,MAAO,gBAAK;AAAA,OAFrE,GAGV,CACD,GACH,IACE,MACN;AAGF,QAAM,mBAAmB,MACvB,4CAAC,0BACE,0BAAgB,IAAI,CAAC,EAAE,MAAM,MAAM,QAAQ,GAAG,QAC7C,6CAAC,SAAc,WAAU,YAAW,SAAS,MAAM,QAAQ,KAAK,IAAI,GAClE;AAAA,gDAAC,SAAI,WAAU,QAAQ,gBAAK;AAAA,IAC5B,4CAAC,SAAI,WAAU,QAAQ,gBAAK;AAAA,OAFpB,GAGV,CACD,GACH;AAGF,SACE,6CAAC,2BAAU,eAAa,eAAe,kBAAkB,sBACvD;AAAA,gDAAC,iCAAW,SAAS,SAAS,MAAK,SAAQ;AAAA,IAE3C,4CAAC,sBACC,uDAAC,6BACC;AAAA,mDAAC,yBACC;AAAA,oDAAC,sBAAM,6BAAAA,SAAK,GAAE;AAAA,QACd,6CAAC,SAAI,WAAU,WACb;AAAA,sDAAC,WAAO,iBAAM;AAAA,UACd,4CAAC,UAAK;AAAA,UACN,4CAAC,SAAI,WAAU,QACb,sDAAC,yBAAM,SAAS,SAAS,MAAM,2BAAY,GAAG,OAAO,4BAAa,OAAO,GAC3E;AAAA,WACF;AAAA,SACF;AAAA,MACA,4CAAC,oBAAG;AAAA,MACH,eAAe;AAAA,MACf,gBAAgB,SAAS,IACxB,4CAAC,4BACC,uDAAC,SAAI,WAAU,WACb;AAAA,oDAAC,QAAG;AAAA,QACH,iBAAiB;AAAA,SACpB,GACF,IACE;AAAA,OACN,GACF;AAAA,KACF;AAEJ;AAEA,MAAM,YAAY,8BAAU;AAAA,EAC1B,8BAAU,MAAM;AAAA,IACd,MAAM,8BAAU;AAAA,IAChB,MAAM,8BAAU;AAAA,EAClB,CAAC;AACH;AAEA,MAAM,WAAW;AAAA,EAEf,gBAAgB,8BAAU,OAAO,YAAY,6CAA6C;AAAA,EAI1F,OAAO,8BAAU,OAAO,WAAW,YAAY,eAAe;AAAA,EAI9D,SAAS,8BAAU,KAAK,YAAY,mDAAmD;AAAA,EAIvF,WAAW,UAAU,YAAY,sBAAsB;AAAA,EAIvD,iBAAiB,UAAU,YAAY,yBAAyB;AAClE;AAEA,UAAU,YAAY;AACtB,UAAU,cAAc;AACxB,MAAM,0BAAsB,8BAAS,SAAS,EAAE,YAAY,uCAAuC;AAEnG,oBAAoB,YAAY;",
   "names": ["Logo"]
 }

package/dist/cjs/SwipeToRefresh/ProgressIndicator.js

@@ -38,39 +38,23 @@ const ProgressIndicator = ({ progress = 0 }) => {
   const factor = progress / 100;
   const theme = (0, import_ds_system.useTheme)();
   const dashoffset = cir * (1 - factor);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
-    height: theme.space.s,
-    width: theme.space.s,
-    justifyContent: "center",
-    alignItems: "center",
-    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", {
-      width: "23",
-      height: "23",
-      viewBox: "0 0 120 120",
-      transform: "rotate(-90)",
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", {
-          cx: "60",
-          cy: "60",
-          r: "54",
-          fill: "none",
-          strokeWidth: "12",
-          stroke: `${theme.colors.neutral[100]}`
-        }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", {
-          cx: "60",
-          cy: "60",
-          r: "54",
-          strokeWidth: "12",
-          fill: "none",
-          strokeDasharray: `${cir}px`,
-          strokeDashoffset: `${dashoffset}px`,
-          stroke: `${theme.colors.brand[600]}`,
-          strokeLinecap: "round"
-        })
-      ]
-    })
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, { height: theme.space.s, width: theme.space.s, justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { width: "23", height: "23", viewBox: "0 0 120 120", transform: "rotate(-90)", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "60", cy: "60", r: "54", fill: "none", strokeWidth: "12", stroke: `${theme.colors.neutral[100]}` }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "circle",
+      {
+        cx: "60",
+        cy: "60",
+        r: "54",
+        strokeWidth: "12",
+        fill: "none",
+        strokeDasharray: `${cir}px`,
+        strokeDashoffset: `${dashoffset}px`,
+        stroke: `${theme.colors.brand[600]}`,
+        strokeLinecap: "round"
+      }
+    )
+  ] }) });
 };
 ProgressIndicator.propTypes = {
   progress: import_prop_types.default.number

package/dist/cjs/SwipeToRefresh/ProgressIndicator.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/SwipeToRefresh/ProgressIndicator.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { useTheme } from '@elliemae/ds-system';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst rad = 54;\nconst cir = 2 * Math.PI * rad;\nexport const ProgressIndicator = ({ progress = 0 }) => {\n  const factor = progress / 100;\n  const theme = useTheme();\n  const dashoffset = cir * (1 - factor);\n  return (\n    <Grid height={theme.space.s} width={theme.space.s} justifyContent=\"center\" alignItems=\"center\">\n      <svg width=\"23\" height=\"23\" viewBox=\"0 0 120 120\" transform=\"rotate(-90)\">\n        <circle cx=\"60\" cy=\"60\" r=\"54\" fill=\"none\" strokeWidth=\"12\" stroke={`${theme.colors.neutral[100]}`} />\n        <circle\n          cx=\"60\"\n          cy=\"60\"\n          r=\"54\"\n          strokeWidth=\"12\"\n          fill=\"none\"\n          strokeDasharray={`${cir}px`}\n          strokeDashoffset={`${dashoffset}px`}\n          stroke={`${theme.colors.brand[600]}`}\n          strokeLinecap=\"round\"\n        />\n      </svg>\n    </Grid>\n  );\n};\n\nProgressIndicator.propTypes = {\n  progress: PropTypes.number,\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADajB;AAZN,uBAAyB;AACzB,wBAAsB;AACtB,qBAAqB;AAErB,MAAM,MAAM;AACZ,MAAM,MAAM,IAAI,KAAK,KAAK;AACnB,MAAM,oBAAoB,CAAC,EAAE,WAAW,EAAE,MAAM;AACrD,QAAM,SAAS,WAAW;AAC1B,QAAM,YAAQ,2BAAS;AACvB,QAAM,aAAa,OAAO,IAAI;AAC9B,SACE,4CAAC;AAAA,IAAK,QAAQ,MAAM,MAAM;AAAA,IAAG,OAAO,MAAM,MAAM;AAAA,IAAG,gBAAe;AAAA,IAAS,YAAW;AAAA,IACpF,uDAAC;AAAA,MAAI,OAAM;AAAA,MAAK,QAAO;AAAA,MAAK,SAAQ;AAAA,MAAc,WAAU;AAAA,MAC1D;AAAA,oDAAC;AAAA,UAAO,IAAG;AAAA,UAAK,IAAG;AAAA,UAAK,GAAE;AAAA,UAAK,MAAK;AAAA,UAAO,aAAY;AAAA,UAAK,QAAQ,GAAG,MAAM,OAAO,QAAQ;AAAA,SAAQ;AAAA,QACpG,4CAAC;AAAA,UACC,IAAG;AAAA,UACH,IAAG;AAAA,UACH,GAAE;AAAA,UACF,aAAY;AAAA,UACZ,MAAK;AAAA,UACL,iBAAiB,GAAG;AAAA,UACpB,kBAAkB,GAAG;AAAA,UACrB,QAAQ,GAAG,MAAM,OAAO,MAAM;AAAA,UAC9B,eAAc;AAAA,SAChB;AAAA;AAAA,KACF;AAAA,GACF;AAEJ;AAEA,kBAAkB,YAAY;AAAA,EAC5B,UAAU,kBAAAA,QAAU;AACtB;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADajB;AAZN,uBAAyB;AACzB,wBAAsB;AACtB,qBAAqB;AAErB,MAAM,MAAM;AACZ,MAAM,MAAM,IAAI,KAAK,KAAK;AACnB,MAAM,oBAAoB,CAAC,EAAE,WAAW,EAAE,MAAM;AACrD,QAAM,SAAS,WAAW;AAC1B,QAAM,YAAQ,2BAAS;AACvB,QAAM,aAAa,OAAO,IAAI;AAC9B,SACE,4CAAC,uBAAK,QAAQ,MAAM,MAAM,GAAG,OAAO,MAAM,MAAM,GAAG,gBAAe,UAAS,YAAW,UACpF,uDAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,eAAc,WAAU,eAC1D;AAAA,gDAAC,YAAO,IAAG,MAAK,IAAG,MAAK,GAAE,MAAK,MAAK,QAAO,aAAY,MAAK,QAAQ,GAAG,MAAM,OAAO,QAAQ,QAAQ;AAAA,IACpG;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,IAAG;AAAA,QACH,GAAE;AAAA,QACF,aAAY;AAAA,QACZ,MAAK;AAAA,QACL,iBAAiB,GAAG;AAAA,QACpB,kBAAkB,GAAG;AAAA,QACrB,QAAQ,GAAG,MAAM,OAAO,MAAM;AAAA,QAC9B,eAAc;AAAA;AAAA,IAChB;AAAA,KACF,GACF;AAEJ;AAEA,kBAAkB,YAAY;AAAA,EAC5B,UAAU,kBAAAA,QAAU;AACtB;",
   "names": ["PropTypes"]
 }

package/dist/cjs/SwipeToRefresh/ProgressLoader.js

@@ -32,161 +32,92 @@ var import_jsx_runtime = require("react/jsx-runtime");
 const ProgressLoader = () => {
   const width = 32;
   const height = 32;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", {
-    viewBox: "0 0 40 40",
-    width,
-    height,
-    rotate: "20deg",
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("defs", {
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("clipPath", {
-            id: "prefix__clip-path",
-            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", {
-              className: "prefix__cls-1",
-              cx: -220,
-              cy: 21,
-              r: 12
-            })
-          }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("clipPath", {
-            id: "prefix__clip-path-2",
-            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", {
-              className: "prefix__cls-1",
-              cx: -220,
-              cy: 9,
-              r: 2
-            })
-          }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("clipPath", {
-            id: "prefix__clip-path-3",
-            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", {
-              className: "prefix__cls-1",
-              cx: -159.98,
-              cy: 21,
-              r: 12
-            })
-          }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("clipPath", {
-            id: "prefix__clip-path-4",
-            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
-              className: "prefix__cls-1",
-              d: "M-146 21a14 14 0 00-14-14h-.13a2 2 0 00-2 2 2 2 0 002 2h.09a10 10 0 0110 10 2 2 0 002 2 2 2 0 002.04-2z"
-            })
-          }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("clipPath", {
-            id: "prefix__clip-path-5",
-            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
-              className: "prefix__cls-2",
-              d: "M-151.3 27.15l-1.33-6.81a1 1 0 01.79-1.18 1.05 1.05 0 01.5 0l7 2.24a1 1 0 01.65 1.26 1 1 0 01-.33.47l-5.66 4.58a1 1 0 01-1.4-.15 1.19 1.19 0 01-.22-.41z"
-            })
-          }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("clipPath", {
-            id: "prefix__clip-path-6",
-            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", {
-              className: "prefix__cls-1",
-              cx: -99.68,
-              cy: 21.22,
-              r: 12
-            })
-          }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("clipPath", {
-            id: "prefix__clip-path-7",
-            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
-              className: "prefix__cls-1",
-              d: "M-99.68 35.22a14 14 0 0014-14 14 14 0 00-14-14h-.26a2 2 0 00-2 2 2 2 0 002 2h.18a10 10 0 0110 10 10 10 0 01-10 10 2 2 0 00-2 2 2 2 0 002.08 2z"
-            })
-          }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("clipPath", {
-            id: "prefix__clip-path-8",
-            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
-              className: "prefix__cls-2",
-              d: "M-106.26 30l6.73-1.44a1 1 0 011.19.77 1 1 0 010 .48l-1.84 6.65a1 1 0 01-1.24.7 1.1 1.1 0 01-.46-.28l-4.88-5.22a1 1 0 010-1.42 1.05 1.05 0 01.5-.24z"
-            })
-          }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("clipPath", {
-            id: "prefix__clip-path-9",
-            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", {
-              className: "prefix__cls-1",
-              cx: -39.52,
-              cy: 21.9,
-              r: 12
-            })
-          }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("clipPath", {
-            id: "prefix__clip-path-10",
-            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
-              className: "prefix__cls-1",
-              d: "M-53.52 21.9a14 14 0 0014 14 14 14 0 0014-14 14 14 0 00-14-14h-.39a2 2 0 00-1.94 2 2 2 0 002.05 2h.28a10 10 0 0110 10 10 10 0 01-10 10 10 10 0 01-10-10 2 2 0 00-2-2 2 2 0 00-2 2z"
-            })
-          }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("clipPath", {
-            id: "prefix__clip-path-11",
-            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
-              className: "prefix__cls-2",
-              d: "M-47.67 14.9l1 6.87a1 1 0 01-.85 1.13 1.07 1.07 0 01-.47 0l-6.77-2.35a1 1 0 01-.61-1.27 1 1 0 01.33-.47l5.8-4.51a1 1 0 011.4.18.94.94 0 01.17.42z"
-            })
-          }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("clipPath", {
-            id: "prefix__clip-path-12",
-            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
-              className: "prefix__cls-1",
-              d: "M34.48 21.9a14.2 14.2 0 100 .37 2 2 0 00-4-.11 9.76 9.76 0 110-.26 2 2 0 004 0z"
-            })
-          }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("clipPath", {
-            id: "prefix__clip-path-13",
-            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
-              className: "prefix__cls-1",
-              d: "M-155.52-51.1h282v114h-282z"
-            })
-          }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("clipPath", {
-            id: "prefix__clip-path-14",
-            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
-              className: "prefix__cls-1",
-              d: "M4.48 5.9h32v32h-32z"
-            })
-          }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("clipPath", {
-            id: "prefix__clip-path-15",
-            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
-              className: "prefix__cls-2",
-              d: "M26.13 11.91l-6.53 1.87a1 1 0 01-1.24-.68.94.94 0 010-.5l1.48-6.43A1 1 0 0121 5.42a1.07 1.07 0 01.45.23l5 4.55a1 1 0 01.08 1.41 1.12 1.12 0 01-.4.3z"
-            })
-          }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("style", {
-            children: ".prefix__cls-1,.prefix__cls-2{fill:none}.prefix__cls-2{clip-rule:evenodd}.prefix__cls-15{clip-path:url(#prefix__clip-path-13)}"
-          })
-        ]
-      }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", {
-        id: "prefix__Layer_5",
-        "data-name": "Layer 5",
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", {
-            clipPath: "url(#prefix__clip-path-12)",
-            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", {
-              clipPath: "url(#prefix__clip-path-14)",
-              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("image", {
-                width: 32,
-                height: 32,
-                transform: "rotate(-90 21.19 16.71)",
-                xlinkHref: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsSAAALEgHS3X78AAACA0lEQVRYR+3XTY7UMBDF8X+VnfR0SwiE2IzEBWDLHbgAHIyDwFVYcwDEEiSE5iOx32PhboYVs5ig2bQlL6KUlJ+fK44Sbz58No848r6C/z3OgDPgDDgDzoAz4NEB9b6CzUYtlIuJw1x5OhV2Nbmo+XDAp/cv7yv553gw4N3Hr7x9fcmr58mLHeynZA4zFygBGWOfIyAYkzheewMAwJcf18CeywM8u4BDMYcaTCWoGdQwCZQcqDih8DaA79cr3+YCzNxKPJngMAUXKeaEuQSlBFWQERRMJoRjG8BVFz+Xzq42oNIESxf7GuxqMHUzpZkTagaZQdFIYxNAdHG1dn4tyZQJJDKsNnuZuSRzgUUDUsPj4blRAu7iponrJqalkVEZCCMHTaIJppK0Y+PVNKmNegCbW5mbLuaeTE0UABIDvUA3dImWUEsyMVa/CcCGbnPbxFLETQsywDFePBlcQIbJIAtl0LfqAQMp0ZUsXdSM4xkQJMEpCRvEgHSbnhsBsMHQbJrGXGVqEyXKOHGIUxlK6AzINgDANt2wyjSJVUGGyd4pJMvx6AH+pOGtEggb5BGrzNo9ujxM6RBhHKdf0ACME8xGryGAYkDaMYkmUQJaJKUPzF0GRwQbJQCQ8t022FQH1dA87qX+BsD4EmwF8FhNGsBYRjIK00P0SNYuCskaoxnRaMzfAeIT7ZHlq9QAAAAASUVORK5CYII="
-              })
-            })
-          }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", {
-            clipPath: "url(#prefix__clip-path-15)",
-            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
-              transform: "rotate(-77 22.961 10.28)",
-              fill: "#3590ce",
-              d: "M13.66 1.31h18.6v17.94h-18.6z"
-            })
-          })
-        ]
-      })
-    ]
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { viewBox: "0 0 40 40", width, height, rotate: "20deg", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("defs", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("clipPath", { id: "prefix__clip-path", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { className: "prefix__cls-1", cx: -220, cy: 21, r: 12 }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("clipPath", { id: "prefix__clip-path-2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { className: "prefix__cls-1", cx: -220, cy: 9, r: 2 }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("clipPath", { id: "prefix__clip-path-3", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { className: "prefix__cls-1", cx: -159.98, cy: 21, r: 12 }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("clipPath", { id: "prefix__clip-path-4", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "path",
+        {
+          className: "prefix__cls-1",
+          d: "M-146 21a14 14 0 00-14-14h-.13a2 2 0 00-2 2 2 2 0 002 2h.09a10 10 0 0110 10 2 2 0 002 2 2 2 0 002.04-2z"
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("clipPath", { id: "prefix__clip-path-5", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "path",
+        {
+          className: "prefix__cls-2",
+          d: "M-151.3 27.15l-1.33-6.81a1 1 0 01.79-1.18 1.05 1.05 0 01.5 0l7 2.24a1 1 0 01.65 1.26 1 1 0 01-.33.47l-5.66 4.58a1 1 0 01-1.4-.15 1.19 1.19 0 01-.22-.41z"
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("clipPath", { id: "prefix__clip-path-6", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { className: "prefix__cls-1", cx: -99.68, cy: 21.22, r: 12 }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("clipPath", { id: "prefix__clip-path-7", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "path",
+        {
+          className: "prefix__cls-1",
+          d: "M-99.68 35.22a14 14 0 0014-14 14 14 0 00-14-14h-.26a2 2 0 00-2 2 2 2 0 002 2h.18a10 10 0 0110 10 10 10 0 01-10 10 2 2 0 00-2 2 2 2 0 002.08 2z"
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("clipPath", { id: "prefix__clip-path-8", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "path",
+        {
+          className: "prefix__cls-2",
+          d: "M-106.26 30l6.73-1.44a1 1 0 011.19.77 1 1 0 010 .48l-1.84 6.65a1 1 0 01-1.24.7 1.1 1.1 0 01-.46-.28l-4.88-5.22a1 1 0 010-1.42 1.05 1.05 0 01.5-.24z"
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("clipPath", { id: "prefix__clip-path-9", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { className: "prefix__cls-1", cx: -39.52, cy: 21.9, r: 12 }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("clipPath", { id: "prefix__clip-path-10", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "path",
+        {
+          className: "prefix__cls-1",
+          d: "M-53.52 21.9a14 14 0 0014 14 14 14 0 0014-14 14 14 0 00-14-14h-.39a2 2 0 00-1.94 2 2 2 0 002.05 2h.28a10 10 0 0110 10 10 10 0 01-10 10 10 10 0 01-10-10 2 2 0 00-2-2 2 2 0 00-2 2z"
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("clipPath", { id: "prefix__clip-path-11", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "path",
+        {
+          className: "prefix__cls-2",
+          d: "M-47.67 14.9l1 6.87a1 1 0 01-.85 1.13 1.07 1.07 0 01-.47 0l-6.77-2.35a1 1 0 01-.61-1.27 1 1 0 01.33-.47l5.8-4.51a1 1 0 011.4.18.94.94 0 01.17.42z"
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("clipPath", { id: "prefix__clip-path-12", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "path",
+        {
+          className: "prefix__cls-1",
+          d: "M34.48 21.9a14.2 14.2 0 100 .37 2 2 0 00-4-.11 9.76 9.76 0 110-.26 2 2 0 004 0z"
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("clipPath", { id: "prefix__clip-path-13", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { className: "prefix__cls-1", d: "M-155.52-51.1h282v114h-282z" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("clipPath", { id: "prefix__clip-path-14", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { className: "prefix__cls-1", d: "M4.48 5.9h32v32h-32z" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("clipPath", { id: "prefix__clip-path-15", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "path",
+        {
+          className: "prefix__cls-2",
+          d: "M26.13 11.91l-6.53 1.87a1 1 0 01-1.24-.68.94.94 0 010-.5l1.48-6.43A1 1 0 0121 5.42a1.07 1.07 0 01.45.23l5 4.55a1 1 0 01.08 1.41 1.12 1.12 0 01-.4.3z"
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("style", { children: ".prefix__cls-1,.prefix__cls-2{fill:none}.prefix__cls-2{clip-rule:evenodd}.prefix__cls-15{clip-path:url(#prefix__clip-path-13)}" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { id: "prefix__Layer_5", "data-name": "Layer 5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { clipPath: "url(#prefix__clip-path-12)", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { clipPath: "url(#prefix__clip-path-14)", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "image",
+        {
+          width: 32,
+          height: 32,
+          transform: "rotate(-90 21.19 16.71)",
+          xlinkHref: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsSAAALEgHS3X78AAACA0lEQVRYR+3XTY7UMBDF8X+VnfR0SwiE2IzEBWDLHbgAHIyDwFVYcwDEEiSE5iOx32PhboYVs5ig2bQlL6KUlJ+fK44Sbz58No848r6C/z3OgDPgDDgDzoAz4NEB9b6CzUYtlIuJw1x5OhV2Nbmo+XDAp/cv7yv553gw4N3Hr7x9fcmr58mLHeynZA4zFygBGWOfIyAYkzheewMAwJcf18CeywM8u4BDMYcaTCWoGdQwCZQcqDih8DaA79cr3+YCzNxKPJngMAUXKeaEuQSlBFWQERRMJoRjG8BVFz+Xzq42oNIESxf7GuxqMHUzpZkTagaZQdFIYxNAdHG1dn4tyZQJJDKsNnuZuSRzgUUDUsPj4blRAu7iponrJqalkVEZCCMHTaIJppK0Y+PVNKmNegCbW5mbLuaeTE0UABIDvUA3dImWUEsyMVa/CcCGbnPbxFLETQsywDFePBlcQIbJIAtl0LfqAQMp0ZUsXdSM4xkQJMEpCRvEgHSbnhsBsMHQbJrGXGVqEyXKOHGIUxlK6AzINgDANt2wyjSJVUGGyd4pJMvx6AH+pOGtEggb5BGrzNo9ujxM6RBhHKdf0ACME8xGryGAYkDaMYkmUQJaJKUPzF0GRwQbJQCQ8t022FQH1dA87qX+BsD4EmwF8FhNGsBYRjIK00P0SNYuCskaoxnRaMzfAeIT7ZHlq9QAAAAASUVORK5CYII="
+        }
+      ) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { clipPath: "url(#prefix__clip-path-15)", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "path",
+        {
+          transform: "rotate(-77 22.961 10.28)",
+          fill: "#3590ce",
+          d: "M13.66 1.31h18.6v17.94h-18.6z"
+        }
+      ) })
+    ] })
+  ] });
 };
 //# sourceMappingURL=ProgressLoader.js.map

package/dist/cjs/SwipeToRefresh/ProgressLoader.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/SwipeToRefresh/ProgressLoader.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\n\nexport const ProgressLoader = () => {\n  const width = 32;\n  const height = 32;\n  return (\n    <svg viewBox=\"0 0 40 40\" width={width} height={height} rotate=\"20deg\">\n      <defs>\n        <clipPath id=\"prefix__clip-path\">\n          <circle className=\"prefix__cls-1\" cx={-220} cy={21} r={12} />\n        </clipPath>\n        <clipPath id=\"prefix__clip-path-2\">\n          <circle className=\"prefix__cls-1\" cx={-220} cy={9} r={2} />\n        </clipPath>\n        <clipPath id=\"prefix__clip-path-3\">\n          <circle className=\"prefix__cls-1\" cx={-159.98} cy={21} r={12} />\n        </clipPath>\n        <clipPath id=\"prefix__clip-path-4\">\n          <path\n            className=\"prefix__cls-1\"\n            d=\"M-146 21a14 14 0 00-14-14h-.13a2 2 0 00-2 2 2 2 0 002 2h.09a10 10 0 0110 10 2 2 0 002 2 2 2 0 002.04-2z\"\n          />\n        </clipPath>\n        <clipPath id=\"prefix__clip-path-5\">\n          <path\n            className=\"prefix__cls-2\"\n            d=\"M-151.3 27.15l-1.33-6.81a1 1 0 01.79-1.18 1.05 1.05 0 01.5 0l7 2.24a1 1 0 01.65 1.26 1 1 0 01-.33.47l-5.66 4.58a1 1 0 01-1.4-.15 1.19 1.19 0 01-.22-.41z\"\n          />\n        </clipPath>\n        <clipPath id=\"prefix__clip-path-6\">\n          <circle className=\"prefix__cls-1\" cx={-99.68} cy={21.22} r={12} />\n        </clipPath>\n        <clipPath id=\"prefix__clip-path-7\">\n          <path\n            className=\"prefix__cls-1\"\n            d=\"M-99.68 35.22a14 14 0 0014-14 14 14 0 00-14-14h-.26a2 2 0 00-2 2 2 2 0 002 2h.18a10 10 0 0110 10 10 10 0 01-10 10 2 2 0 00-2 2 2 2 0 002.08 2z\"\n          />\n        </clipPath>\n        <clipPath id=\"prefix__clip-path-8\">\n          <path\n            className=\"prefix__cls-2\"\n            d=\"M-106.26 30l6.73-1.44a1 1 0 011.19.77 1 1 0 010 .48l-1.84 6.65a1 1 0 01-1.24.7 1.1 1.1 0 01-.46-.28l-4.88-5.22a1 1 0 010-1.42 1.05 1.05 0 01.5-.24z\"\n          />\n        </clipPath>\n        <clipPath id=\"prefix__clip-path-9\">\n          <circle className=\"prefix__cls-1\" cx={-39.52} cy={21.9} r={12} />\n        </clipPath>\n        <clipPath id=\"prefix__clip-path-10\">\n          <path\n            className=\"prefix__cls-1\"\n            d=\"M-53.52 21.9a14 14 0 0014 14 14 14 0 0014-14 14 14 0 00-14-14h-.39a2 2 0 00-1.94 2 2 2 0 002.05 2h.28a10 10 0 0110 10 10 10 0 01-10 10 10 10 0 01-10-10 2 2 0 00-2-2 2 2 0 00-2 2z\"\n          />\n        </clipPath>\n        <clipPath id=\"prefix__clip-path-11\">\n          <path\n            className=\"prefix__cls-2\"\n            d=\"M-47.67 14.9l1 6.87a1 1 0 01-.85 1.13 1.07 1.07 0 01-.47 0l-6.77-2.35a1 1 0 01-.61-1.27 1 1 0 01.33-.47l5.8-4.51a1 1 0 011.4.18.94.94 0 01.17.42z\"\n          />\n        </clipPath>\n        <clipPath id=\"prefix__clip-path-12\">\n          <path\n            className=\"prefix__cls-1\"\n            d=\"M34.48 21.9a14.2 14.2 0 100 .37 2 2 0 00-4-.11 9.76 9.76 0 110-.26 2 2 0 004 0z\"\n          />\n        </clipPath>\n        <clipPath id=\"prefix__clip-path-13\">\n          <path className=\"prefix__cls-1\" d=\"M-155.52-51.1h282v114h-282z\" />\n        </clipPath>\n        <clipPath id=\"prefix__clip-path-14\">\n          <path className=\"prefix__cls-1\" d=\"M4.48 5.9h32v32h-32z\" />\n        </clipPath>\n        <clipPath id=\"prefix__clip-path-15\">\n          <path\n            className=\"prefix__cls-2\"\n            d=\"M26.13 11.91l-6.53 1.87a1 1 0 01-1.24-.68.94.94 0 010-.5l1.48-6.43A1 1 0 0121 5.42a1.07 1.07 0 01.45.23l5 4.55a1 1 0 01.08 1.41 1.12 1.12 0 01-.4.3z\"\n          />\n        </clipPath>\n        <style>\n          {\n            '.prefix__cls-1,.prefix__cls-2{fill:none}.prefix__cls-2{clip-rule:evenodd}.prefix__cls-15{clip-path:url(#prefix__clip-path-13)}'\n          }\n        </style>\n      </defs>\n      <g id=\"prefix__Layer_5\" data-name=\"Layer 5\">\n        <g clipPath=\"url(#prefix__clip-path-12)\">\n          <g clipPath=\"url(#prefix__clip-path-14)\">\n            <image\n              width={32}\n              height={32}\n              transform=\"rotate(-90 21.19 16.71)\"\n              xlinkHref=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsSAAALEgHS3X78AAACA0lEQVRYR+3XTY7UMBDF8X+VnfR0SwiE2IzEBWDLHbgAHIyDwFVYcwDEEiSE5iOx32PhboYVs5ig2bQlL6KUlJ+fK44Sbz58No848r6C/z3OgDPgDDgDzoAz4NEB9b6CzUYtlIuJw1x5OhV2Nbmo+XDAp/cv7yv553gw4N3Hr7x9fcmr58mLHeynZA4zFygBGWOfIyAYkzheewMAwJcf18CeywM8u4BDMYcaTCWoGdQwCZQcqDih8DaA79cr3+YCzNxKPJngMAUXKeaEuQSlBFWQERRMJoRjG8BVFz+Xzq42oNIESxf7GuxqMHUzpZkTagaZQdFIYxNAdHG1dn4tyZQJJDKsNnuZuSRzgUUDUsPj4blRAu7iponrJqalkVEZCCMHTaIJppK0Y+PVNKmNegCbW5mbLuaeTE0UABIDvUA3dImWUEsyMVa/CcCGbnPbxFLETQsywDFePBlcQIbJIAtl0LfqAQMp0ZUsXdSM4xkQJMEpCRvEgHSbnhsBsMHQbJrGXGVqEyXKOHGIUxlK6AzINgDANt2wyjSJVUGGyd4pJMvx6AH+pOGtEggb5BGrzNo9ujxM6RBhHKdf0ACME8xGryGAYkDaMYkmUQJaJKUPzF0GRwQbJQCQ8t022FQH1dA87qX+BsD4EmwF8FhNGsBYRjIK00P0SNYuCskaoxnRaMzfAeIT7ZHlq9QAAAAASUVORK5CYII=\"\n            />\n          </g>\n        </g>\n        <g clipPath=\"url(#prefix__clip-path-15)\">\n          <path\n            transform=\"rotate(-77 22.961 10.28)\"\n            fill=\"#3590ce\"\n            d=\"M13.66 1.31h18.6v17.94h-18.6z\"\n          />\n        </g>\n      </g>\n    </svg>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADOjB;AALC,MAAM,iBAAiB,MAAM;AAClC,QAAM,QAAQ;AACd,QAAM,SAAS;AACf,SACE,6CAAC,SAAI,SAAQ,aAAY,OAAc,QAAgB,QAAO,SAC5D;AAAA,iDAAC,UACC;AAAA,kDAAC,cAAS,IAAG,qBACX,sDAAC,YAAO,WAAU,iBAAgB,IAAI,MAAM,IAAI,IAAI,GAAG,IAAI,GAC7D;AAAA,MACA,4CAAC,cAAS,IAAG,uBACX,sDAAC,YAAO,WAAU,iBAAgB,IAAI,MAAM,IAAI,GAAG,GAAG,GAAG,GAC3D;AAAA,MACA,4CAAC,cAAS,IAAG,uBACX,sDAAC,YAAO,WAAU,iBAAgB,IAAI,SAAS,IAAI,IAAI,GAAG,IAAI,GAChE;AAAA,MACA,4CAAC,cAAS,IAAG,uBACX;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,GAAE;AAAA;AAAA,MACJ,GACF;AAAA,MACA,4CAAC,cAAS,IAAG,uBACX;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,GAAE;AAAA;AAAA,MACJ,GACF;AAAA,MACA,4CAAC,cAAS,IAAG,uBACX,sDAAC,YAAO,WAAU,iBAAgB,IAAI,QAAQ,IAAI,OAAO,GAAG,IAAI,GAClE;AAAA,MACA,4CAAC,cAAS,IAAG,uBACX;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,GAAE;AAAA;AAAA,MACJ,GACF;AAAA,MACA,4CAAC,cAAS,IAAG,uBACX;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,GAAE;AAAA;AAAA,MACJ,GACF;AAAA,MACA,4CAAC,cAAS,IAAG,uBACX,sDAAC,YAAO,WAAU,iBAAgB,IAAI,QAAQ,IAAI,MAAM,GAAG,IAAI,GACjE;AAAA,MACA,4CAAC,cAAS,IAAG,wBACX;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,GAAE;AAAA;AAAA,MACJ,GACF;AAAA,MACA,4CAAC,cAAS,IAAG,wBACX;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,GAAE;AAAA;AAAA,MACJ,GACF;AAAA,MACA,4CAAC,cAAS,IAAG,wBACX;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,GAAE;AAAA;AAAA,MACJ,GACF;AAAA,MACA,4CAAC,cAAS,IAAG,wBACX,sDAAC,UAAK,WAAU,iBAAgB,GAAE,+BAA8B,GAClE;AAAA,MACA,4CAAC,cAAS,IAAG,wBACX,sDAAC,UAAK,WAAU,iBAAgB,GAAE,wBAAuB,GAC3D;AAAA,MACA,4CAAC,cAAS,IAAG,wBACX;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,GAAE;AAAA;AAAA,MACJ,GACF;AAAA,MACA,4CAAC,WAEG,4IAEJ;AAAA,OACF;AAAA,IACA,6CAAC,OAAE,IAAG,mBAAkB,aAAU,WAChC;AAAA,kDAAC,OAAE,UAAS,8BACV,sDAAC,OAAE,UAAS,8BACV;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,WAAU;AAAA,UACV,WAAU;AAAA;AAAA,MACZ,GACF,GACF;AAAA,MACA,4CAAC,OAAE,UAAS,8BACV;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,MAAK;AAAA,UACL,GAAE;AAAA;AAAA,MACJ,GACF;AAAA,OACF;AAAA,KACF;AAEJ;",
   "names": []
 }

package/dist/cjs/SwipeToRefresh/SwipeToRefresh.js

@@ -41,36 +41,38 @@ const SwipeToRefresh = ({ children, loading, onRefresh }) => {
   const theme = (0, import_ds_system.useTheme)();
   const swipe = (0, import_useSwipe.useSwipe)({ onRefresh, breakpoint });
   const progress = swipe.height > breakpoint ? 100 : swipe.height * 100 / breakpoint;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.SwipeContainer, {
-    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.SwipeDrag, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.SwipeContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_styled.SwipeDrag,
+    {
       onTouchStart: swipe.touchStart,
       onTouchEnd: swipe.touchEnd,
       onTouchCancel: swipe.touchCancel,
       onTouchMove: swipe.touchMove,
       ref: swipe.ref,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.LoaderBox, {
-          height: loading ? theme.space.m : `${swipe.height}px`,
-          alignItems: "flex-start",
-          "data-testid": "loader-box",
-          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.PositionLoader, {
-            height: theme.space.m,
-            justifyContent: "center",
-            alignItems: "center",
-            mt: swipe.height > 40 || loading ? 0 : `${swipe.height - 40}px`,
-            children: loading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_circular_progress_indicator.DSCircularProgressIndicator, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ProgressIndicator.ProgressIndicator, {
-              progress
-            })
-          })
-        }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-          ref: swipe.target,
-          style: { height: 1 }
-        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_styled.LoaderBox,
+          {
+            height: loading ? theme.space.m : `${swipe.height}px`,
+            alignItems: "flex-start",
+            "data-testid": "loader-box",
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_styled.PositionLoader,
+              {
+                height: theme.space.m,
+                justifyContent: "center",
+                alignItems: "center",
+                mt: swipe.height > 40 || loading ? 0 : `${swipe.height - 40}px`,
+                children: loading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_circular_progress_indicator.DSCircularProgressIndicator, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ProgressIndicator.ProgressIndicator, { progress })
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: swipe.target, style: { height: 1 } }),
         children
       ]
-    })
-  });
+    }
+  ) });
 };
 const props = {
   children: import_ds_utilities.PropTypes.element.isRequired.description("component inside swipe to refresh container"),

package/dist/cjs/SwipeToRefresh/SwipeToRefresh.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/SwipeToRefresh/SwipeToRefresh.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport { DSCircularProgressIndicator } from '@elliemae/ds-circular-progress-indicator';\nimport { useTheme } from '@elliemae/ds-system';\nimport { useSwipe } from './useSwipe';\nimport { SwipeContainer, SwipeDrag, LoaderBox, PositionLoader } from './styled';\nimport { ProgressIndicator } from './ProgressIndicator';\n\nconst SwipeToRefresh = ({ children, loading, onRefresh }) => {\n  const breakpoint = 60;\n  const theme = useTheme();\n  const swipe = useSwipe({ onRefresh, breakpoint });\n  const progress = swipe.height > breakpoint ? 100 : (swipe.height * 100) / breakpoint;\n  return (\n    <SwipeContainer>\n      <SwipeDrag\n        onTouchStart={swipe.touchStart}\n        onTouchEnd={swipe.touchEnd}\n        onTouchCancel={swipe.touchCancel}\n        onTouchMove={swipe.touchMove}\n        ref={swipe.ref}\n      >\n        <LoaderBox\n          height={loading ? theme.space.m : `${swipe.height}px`}\n          alignItems=\"flex-start\"\n          data-testid=\"loader-box\"\n        >\n          <PositionLoader\n            height={theme.space.m}\n            justifyContent=\"center\"\n            alignItems=\"center\"\n            mt={swipe.height > 40 || loading ? 0 : `${swipe.height - 40}px`}\n          >\n            {loading ? <DSCircularProgressIndicator /> : <ProgressIndicator progress={progress} />}\n          </PositionLoader>\n        </LoaderBox>\n        <div ref={swipe.target} style={{ height: 1 }} />\n        {children}\n      </SwipeDrag>\n    </SwipeContainer>\n  );\n};\n\nconst props = {\n  /** component inside swipe to refresh container */\n  children: PropTypes.element.isRequired.description('component inside swipe to refresh container'),\n  /** toggle loading state for swipe */\n  loading: PropTypes.bool.description('toggle loading state for swipe'),\n  /** callback on refresh swipe */\n  onRefresh: PropTypes.func.description('callback on refresh swipe'),\n};\n\nSwipeToRefresh.propTypes = props;\nSwipeToRefresh.displayName = 'SwipeToRefresh';\nconst SwipeToRefreshWithSchema = describe(SwipeToRefresh);\n\nSwipeToRefreshWithSchema.propTypes = props;\n\nexport { SwipeToRefresh, SwipeToRefreshWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADejB;AAdN,0BAAoC;AACpC,4CAA4C;AAC5C,uBAAyB;AACzB,sBAAyB;AACzB,oBAAqE;AACrE,+BAAkC;AAElC,MAAM,iBAAiB,CAAC,EAAE,UAAU,SAAS,UAAU,MAAM;AAC3D,QAAM,aAAa;AACnB,QAAM,YAAQ,2BAAS;AACvB,QAAM,YAAQ,0BAAS,EAAE,WAAW,WAAW,CAAC;AAChD,QAAM,WAAW,MAAM,SAAS,aAAa,MAAO,MAAM,SAAS,MAAO;AAC1E,SACE,4CAAC;AAAA,IACC,uDAAC;AAAA,MACC,cAAc,MAAM;AAAA,MACpB,YAAY,MAAM;AAAA,MAClB,eAAe,MAAM;AAAA,MACrB,aAAa,MAAM;AAAA,MACnB,KAAK,MAAM;AAAA,MAEX;AAAA,oDAAC;AAAA,UACC,QAAQ,UAAU,MAAM,MAAM,IAAI,GAAG,MAAM;AAAA,UAC3C,YAAW;AAAA,UACX,eAAY;AAAA,UAEZ,sDAAC;AAAA,YACC,QAAQ,MAAM,MAAM;AAAA,YACpB,gBAAe;AAAA,YACf,YAAW;AAAA,YACX,IAAI,MAAM,SAAS,MAAM,UAAU,IAAI,GAAG,MAAM,SAAS;AAAA,YAExD,oBAAU,4CAAC,qEAA4B,IAAK,4CAAC;AAAA,cAAkB;AAAA,aAAoB;AAAA,WACtF;AAAA,SACF;AAAA,QACA,4CAAC;AAAA,UAAI,KAAK,MAAM;AAAA,UAAQ,OAAO,EAAE,QAAQ,EAAE;AAAA,SAAG;AAAA,QAC7C;AAAA;AAAA,KACH;AAAA,GACF;AAEJ;AAEA,MAAM,QAAQ;AAAA,EAEZ,UAAU,8BAAU,QAAQ,WAAW,YAAY,6CAA6C;AAAA,EAEhG,SAAS,8BAAU,KAAK,YAAY,gCAAgC;AAAA,EAEpE,WAAW,8BAAU,KAAK,YAAY,2BAA2B;AACnE;AAEA,eAAe,YAAY;AAC3B,eAAe,cAAc;AAC7B,MAAM,+BAA2B,8BAAS,cAAc;AAExD,yBAAyB,YAAY;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADejB;AAdN,0BAAoC;AACpC,4CAA4C;AAC5C,uBAAyB;AACzB,sBAAyB;AACzB,oBAAqE;AACrE,+BAAkC;AAElC,MAAM,iBAAiB,CAAC,EAAE,UAAU,SAAS,UAAU,MAAM;AAC3D,QAAM,aAAa;AACnB,QAAM,YAAQ,2BAAS;AACvB,QAAM,YAAQ,0BAAS,EAAE,WAAW,WAAW,CAAC;AAChD,QAAM,WAAW,MAAM,SAAS,aAAa,MAAO,MAAM,SAAS,MAAO;AAC1E,SACE,4CAAC,gCACC;AAAA,IAAC;AAAA;AAAA,MACC,cAAc,MAAM;AAAA,MACpB,YAAY,MAAM;AAAA,MAClB,eAAe,MAAM;AAAA,MACrB,aAAa,MAAM;AAAA,MACnB,KAAK,MAAM;AAAA,MAEX;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,QAAQ,UAAU,MAAM,MAAM,IAAI,GAAG,MAAM;AAAA,YAC3C,YAAW;AAAA,YACX,eAAY;AAAA,YAEZ;AAAA,cAAC;AAAA;AAAA,gBACC,QAAQ,MAAM,MAAM;AAAA,gBACpB,gBAAe;AAAA,gBACf,YAAW;AAAA,gBACX,IAAI,MAAM,SAAS,MAAM,UAAU,IAAI,GAAG,MAAM,SAAS;AAAA,gBAExD,oBAAU,4CAAC,qEAA4B,IAAK,4CAAC,8CAAkB,UAAoB;AAAA;AAAA,YACtF;AAAA;AAAA,QACF;AAAA,QACA,4CAAC,SAAI,KAAK,MAAM,QAAQ,OAAO,EAAE,QAAQ,EAAE,GAAG;AAAA,QAC7C;AAAA;AAAA;AAAA,EACH,GACF;AAEJ;AAEA,MAAM,QAAQ;AAAA,EAEZ,UAAU,8BAAU,QAAQ,WAAW,YAAY,6CAA6C;AAAA,EAEhG,SAAS,8BAAU,KAAK,YAAY,gCAAgC;AAAA,EAEpE,WAAW,8BAAU,KAAK,YAAY,2BAA2B;AACnE;AAEA,eAAe,YAAY;AAC3B,eAAe,cAAc;AAC7B,MAAM,+BAA2B,8BAAS,cAAc;AAExD,yBAAyB,YAAY;",
   "names": []
 }