@elliemae/ds-mobile 3.0.0-next.1 → 3.0.0-next.5

package/dist/esm/SwipeToRefresh/ProgressIndicator.js

@@ -0,0 +1,47 @@
+import * as React from "react";
+import React2 from "react";
+import { useTheme } from "@elliemae/ds-system";
+import PropTypes from "prop-types";
+import { Grid } from "@elliemae/ds-grid";
+const rad = 54;
+const cir = 2 * Math.PI * rad;
+const ProgressIndicator = ({ progress = 0 }) => {
+  const factor = progress / 100;
+  const theme = useTheme();
+  const dashoffset = cir * (1 - factor);
+  return /* @__PURE__ */ React2.createElement(Grid, {
+    height: theme.space.s,
+    width: theme.space.s,
+    justifyContent: "center",
+    alignItems: "center"
+  }, /* @__PURE__ */ React2.createElement("svg", {
+    width: "23",
+    height: "23",
+    viewBox: "0 0 120 120",
+    transform: "rotate(-90)"
+  }, /* @__PURE__ */ React2.createElement("circle", {
+    cx: "60",
+    cy: "60",
+    r: "54",
+    fill: "none",
+    strokeWidth: "12",
+    stroke: `${theme.colors.neutral[100]}`
+  }), /* @__PURE__ */ React2.createElement("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: PropTypes.number
+};
+export {
+  ProgressIndicator
+};
+//# sourceMappingURL=ProgressIndicator.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/SwipeToRefresh/ProgressIndicator.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,MAAM;AACZ,MAAM,MAAM,IAAI,KAAK,KAAK;AACnB,MAAM,oBAAoB,CAAC,EAAE,WAAW,QAAQ;AACrD,QAAM,SAAS,WAAW;AAC1B,QAAM,QAAQ;AACd,QAAM,aAAa,MAAO,KAAI;AAC9B,SACE,qCAAC,MAAD;AAAA,IAAM,QAAQ,MAAM,MAAM;AAAA,IAAG,OAAO,MAAM,MAAM;AAAA,IAAG,gBAAe;AAAA,IAAS,YAAW;AAAA,KACpF,qCAAC,OAAD;AAAA,IAAK,OAAM;AAAA,IAAK,QAAO;AAAA,IAAK,SAAQ;AAAA,IAAc,WAAU;AAAA,KAC1D,qCAAC,UAAD;AAAA,IAAQ,IAAG;AAAA,IAAK,IAAG;AAAA,IAAK,GAAE;AAAA,IAAK,MAAK;AAAA,IAAO,aAAY;AAAA,IAAK,QAAQ,GAAG,MAAM,OAAO,QAAQ;AAAA,MAC5F,qCAAC,UAAD;AAAA,IACE,IAAG;AAAA,IACH,IAAG;AAAA,IACH,GAAE;AAAA,IACF,aAAY;AAAA,IACZ,MAAK;AAAA,IACL,iBAAiB,GAAG;AAAA,IACpB,kBAAkB,GAAG;AAAA,IACrB,QAAQ,GAAG,MAAM,OAAO,MAAM;AAAA,IAC9B,eAAc;AAAA;AAAA;AAOxB,kBAAkB,YAAY;AAAA,EAC5B,UAAU,UAAU;AAAA;",
+  "names": []
+}

package/{esm → dist/esm}/SwipeToRefresh/ProgressLoader.js

@@ -1,119 +1,119 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-
-var _defs, _g;
+import * as React from "react";
+import React2 from "react";
 const ProgressLoader = () => {
   const width = 32;
   const height = 32;
-  return /*#__PURE__*/_jsx("svg", {
+  return /* @__PURE__ */ React2.createElement("svg", {
     viewBox: "0 0 40 40",
-    width: width,
-    height: height,
+    width,
+    height,
     rotate: "20deg"
-  }, void 0, _defs || (_defs = /*#__PURE__*/_jsx("defs", {}, void 0, /*#__PURE__*/_jsx("clipPath", {
+  }, /* @__PURE__ */ React2.createElement("defs", null, /* @__PURE__ */ React2.createElement("clipPath", {
     id: "prefix__clip-path"
-  }, void 0, /*#__PURE__*/_jsx("circle", {
+  }, /* @__PURE__ */ React2.createElement("circle", {
     className: "prefix__cls-1",
     cx: -220,
     cy: 21,
     r: 12
-  })), /*#__PURE__*/_jsx("clipPath", {
+  })), /* @__PURE__ */ React2.createElement("clipPath", {
     id: "prefix__clip-path-2"
-  }, void 0, /*#__PURE__*/_jsx("circle", {
+  }, /* @__PURE__ */ React2.createElement("circle", {
     className: "prefix__cls-1",
     cx: -220,
     cy: 9,
     r: 2
-  })), /*#__PURE__*/_jsx("clipPath", {
+  })), /* @__PURE__ */ React2.createElement("clipPath", {
     id: "prefix__clip-path-3"
-  }, void 0, /*#__PURE__*/_jsx("circle", {
+  }, /* @__PURE__ */ React2.createElement("circle", {
     className: "prefix__cls-1",
     cx: -159.98,
     cy: 21,
     r: 12
-  })), /*#__PURE__*/_jsx("clipPath", {
+  })), /* @__PURE__ */ React2.createElement("clipPath", {
     id: "prefix__clip-path-4"
-  }, void 0, /*#__PURE__*/_jsx("path", {
+  }, /* @__PURE__ */ React2.createElement("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__*/_jsx("clipPath", {
+  })), /* @__PURE__ */ React2.createElement("clipPath", {
     id: "prefix__clip-path-5"
-  }, void 0, /*#__PURE__*/_jsx("path", {
+  }, /* @__PURE__ */ React2.createElement("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__*/_jsx("clipPath", {
+  })), /* @__PURE__ */ React2.createElement("clipPath", {
     id: "prefix__clip-path-6"
-  }, void 0, /*#__PURE__*/_jsx("circle", {
+  }, /* @__PURE__ */ React2.createElement("circle", {
     className: "prefix__cls-1",
     cx: -99.68,
     cy: 21.22,
     r: 12
-  })), /*#__PURE__*/_jsx("clipPath", {
+  })), /* @__PURE__ */ React2.createElement("clipPath", {
     id: "prefix__clip-path-7"
-  }, void 0, /*#__PURE__*/_jsx("path", {
+  }, /* @__PURE__ */ React2.createElement("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__*/_jsx("clipPath", {
+  })), /* @__PURE__ */ React2.createElement("clipPath", {
     id: "prefix__clip-path-8"
-  }, void 0, /*#__PURE__*/_jsx("path", {
+  }, /* @__PURE__ */ React2.createElement("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__*/_jsx("clipPath", {
+  })), /* @__PURE__ */ React2.createElement("clipPath", {
     id: "prefix__clip-path-9"
-  }, void 0, /*#__PURE__*/_jsx("circle", {
+  }, /* @__PURE__ */ React2.createElement("circle", {
     className: "prefix__cls-1",
     cx: -39.52,
     cy: 21.9,
     r: 12
-  })), /*#__PURE__*/_jsx("clipPath", {
+  })), /* @__PURE__ */ React2.createElement("clipPath", {
     id: "prefix__clip-path-10"
-  }, void 0, /*#__PURE__*/_jsx("path", {
+  }, /* @__PURE__ */ React2.createElement("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__*/_jsx("clipPath", {
+  })), /* @__PURE__ */ React2.createElement("clipPath", {
     id: "prefix__clip-path-11"
-  }, void 0, /*#__PURE__*/_jsx("path", {
+  }, /* @__PURE__ */ React2.createElement("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__*/_jsx("clipPath", {
+  })), /* @__PURE__ */ React2.createElement("clipPath", {
     id: "prefix__clip-path-12"
-  }, void 0, /*#__PURE__*/_jsx("path", {
+  }, /* @__PURE__ */ React2.createElement("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__*/_jsx("clipPath", {
+  })), /* @__PURE__ */ React2.createElement("clipPath", {
     id: "prefix__clip-path-13"
-  }, void 0, /*#__PURE__*/_jsx("path", {
+  }, /* @__PURE__ */ React2.createElement("path", {
     className: "prefix__cls-1",
     d: "M-155.52-51.1h282v114h-282z"
-  })), /*#__PURE__*/_jsx("clipPath", {
+  })), /* @__PURE__ */ React2.createElement("clipPath", {
     id: "prefix__clip-path-14"
-  }, void 0, /*#__PURE__*/_jsx("path", {
+  }, /* @__PURE__ */ React2.createElement("path", {
     className: "prefix__cls-1",
     d: "M4.48 5.9h32v32h-32z"
-  })), /*#__PURE__*/_jsx("clipPath", {
+  })), /* @__PURE__ */ React2.createElement("clipPath", {
     id: "prefix__clip-path-15"
-  }, void 0, /*#__PURE__*/_jsx("path", {
+  }, /* @__PURE__ */ React2.createElement("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__*/_jsx("style", {}, void 0, '.prefix__cls-1,.prefix__cls-2{fill:none}.prefix__cls-2{clip-rule:evenodd}.prefix__cls-15{clip-path:url(#prefix__clip-path-13)}'))), _g || (_g = /*#__PURE__*/_jsx("g", {
+  })), /* @__PURE__ */ React2.createElement("style", null, ".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__ */ React2.createElement("g", {
     id: "prefix__Layer_5",
     "data-name": "Layer 5"
-  }, void 0, /*#__PURE__*/_jsx("g", {
+  }, /* @__PURE__ */ React2.createElement("g", {
     clipPath: "url(#prefix__clip-path-12)"
-  }, void 0, /*#__PURE__*/_jsx("g", {
+  }, /* @__PURE__ */ React2.createElement("g", {
     clipPath: "url(#prefix__clip-path-14)"
-  }, void 0, /*#__PURE__*/_jsx("image", {
+  }, /* @__PURE__ */ React2.createElement("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__*/_jsx("g", {
+  }))), /* @__PURE__ */ React2.createElement("g", {
     clipPath: "url(#prefix__clip-path-15)"
-  }, void 0, /*#__PURE__*/_jsx("path", {
+  }, /* @__PURE__ */ React2.createElement("path", {
     transform: "rotate(-77 22.961 10.28)",
     fill: "#3590ce",
     d: "M13.66 1.31h18.6v17.94h-18.6z"
-  })))));
+  }))));
 };
-
-export { ProgressLoader };
+export {
+  ProgressLoader
+};
+//# sourceMappingURL=ProgressLoader.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/SwipeToRefresh/ProgressLoader.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA;ACAA;AAEO,MAAM,iBAAiB,MAAM;AAClC,QAAM,QAAQ;AACd,QAAM,SAAS;AACf,SACE,qCAAC,OAAD;AAAA,IAAK,SAAQ;AAAA,IAAY;AAAA,IAAc;AAAA,IAAgB,QAAO;AAAA,KAC5D,qCAAC,QAAD,MACE,qCAAC,YAAD;AAAA,IAAU,IAAG;AAAA,KACX,qCAAC,UAAD;AAAA,IAAQ,WAAU;AAAA,IAAgB,IAAI;AAAA,IAAM,IAAI;AAAA,IAAI,GAAG;AAAA,OAEzD,qCAAC,YAAD;AAAA,IAAU,IAAG;AAAA,KACX,qCAAC,UAAD;AAAA,IAAQ,WAAU;AAAA,IAAgB,IAAI;AAAA,IAAM,IAAI;AAAA,IAAG,GAAG;AAAA,OAExD,qCAAC,YAAD;AAAA,IAAU,IAAG;AAAA,KACX,qCAAC,UAAD;AAAA,IAAQ,WAAU;AAAA,IAAgB,IAAI;AAAA,IAAS,IAAI;AAAA,IAAI,GAAG;AAAA,OAE5D,qCAAC,YAAD;AAAA,IAAU,IAAG;AAAA,KACX,qCAAC,QAAD;AAAA,IACE,WAAU;AAAA,IACV,GAAE;AAAA,OAGN,qCAAC,YAAD;AAAA,IAAU,IAAG;AAAA,KACX,qCAAC,QAAD;AAAA,IACE,WAAU;AAAA,IACV,GAAE;AAAA,OAGN,qCAAC,YAAD;AAAA,IAAU,IAAG;AAAA,KACX,qCAAC,UAAD;AAAA,IAAQ,WAAU;AAAA,IAAgB,IAAI;AAAA,IAAQ,IAAI;AAAA,IAAO,GAAG;AAAA,OAE9D,qCAAC,YAAD;AAAA,IAAU,IAAG;AAAA,KACX,qCAAC,QAAD;AAAA,IACE,WAAU;AAAA,IACV,GAAE;AAAA,OAGN,qCAAC,YAAD;AAAA,IAAU,IAAG;AAAA,KACX,qCAAC,QAAD;AAAA,IACE,WAAU;AAAA,IACV,GAAE;AAAA,OAGN,qCAAC,YAAD;AAAA,IAAU,IAAG;AAAA,KACX,qCAAC,UAAD;AAAA,IAAQ,WAAU;AAAA,IAAgB,IAAI;AAAA,IAAQ,IAAI;AAAA,IAAM,GAAG;AAAA,OAE7D,qCAAC,YAAD;AAAA,IAAU,IAAG;AAAA,KACX,qCAAC,QAAD;AAAA,IACE,WAAU;AAAA,IACV,GAAE;AAAA,OAGN,qCAAC,YAAD;AAAA,IAAU,IAAG;AAAA,KACX,qCAAC,QAAD;AAAA,IACE,WAAU;AAAA,IACV,GAAE;AAAA,OAGN,qCAAC,YAAD;AAAA,IAAU,IAAG;AAAA,KACX,qCAAC,QAAD;AAAA,IACE,WAAU;AAAA,IACV,GAAE;AAAA,OAGN,qCAAC,YAAD;AAAA,IAAU,IAAG;AAAA,KACX,qCAAC,QAAD;AAAA,IAAM,WAAU;AAAA,IAAgB,GAAE;AAAA,OAEpC,qCAAC,YAAD;AAAA,IAAU,IAAG;AAAA,KACX,qCAAC,QAAD;AAAA,IAAM,WAAU;AAAA,IAAgB,GAAE;AAAA,OAEpC,qCAAC,YAAD;AAAA,IAAU,IAAG;AAAA,KACX,qCAAC,QAAD;AAAA,IACE,WAAU;AAAA,IACV,GAAE;AAAA,OAGN,qCAAC,SAAD,MAEI,oIAIN,qCAAC,KAAD;AAAA,IAAG,IAAG;AAAA,IAAkB,aAAU;AAAA,KAChC,qCAAC,KAAD;AAAA,IAAG,UAAS;AAAA,KACV,qCAAC,KAAD;AAAA,IAAG,UAAS;AAAA,KACV,qCAAC,SAAD;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,WAAU;AAAA,IACV,WAAU;AAAA,QAIhB,qCAAC,KAAD;AAAA,IAAG,UAAS;AAAA,KACV,qCAAC,QAAD;AAAA,IACE,WAAU;AAAA,IACV,MAAK;AAAA,IACL,GAAE;AAAA;AAAA;",
+  "names": []
+}

package/dist/esm/SwipeToRefresh/SwipeToRefresh.js

@@ -0,0 +1,48 @@
+import * as React from "react";
+import React2 from "react";
+import { PropTypes, describe } from "react-desc";
+import { DSCircularProgressIndicator } from "@elliemae/ds-circular-progress-indicator";
+import { useTheme } from "@elliemae/ds-system";
+import { useSwipe } from "./useSwipe";
+import { SwipeContainer, SwipeDrag, LoaderBox, PositionLoader } from "./styled";
+import { ProgressIndicator } from "./ProgressIndicator";
+const SwipeToRefresh = ({ children, loading, onRefresh }) => {
+  const breakpoint = 60;
+  const theme = useTheme();
+  const swipe = useSwipe({ onRefresh, breakpoint });
+  const progress = swipe.height > breakpoint ? 100 : swipe.height * 100 / breakpoint;
+  return /* @__PURE__ */ React2.createElement(SwipeContainer, null, /* @__PURE__ */ React2.createElement(SwipeDrag, {
+    onTouchStart: swipe.touchStart,
+    onTouchEnd: swipe.touchEnd,
+    onTouchCancel: swipe.touchCancel,
+    onTouchMove: swipe.touchMove,
+    ref: swipe.ref
+  }, /* @__PURE__ */ React2.createElement(LoaderBox, {
+    height: loading ? theme.space.m : `${swipe.height}px`,
+    alignItems: "flex-start",
+    "data-testid": "loader-box"
+  }, /* @__PURE__ */ React2.createElement(PositionLoader, {
+    height: theme.space.m,
+    justifyContent: "center",
+    alignItems: "center",
+    mt: swipe.height > 40 || loading ? 0 : `${swipe.height - 40}px`
+  }, loading ? /* @__PURE__ */ React2.createElement(DSCircularProgressIndicator, null) : /* @__PURE__ */ React2.createElement(ProgressIndicator, {
+    progress
+  }))), /* @__PURE__ */ React2.createElement("div", {
+    ref: swipe.target,
+    style: { height: 1 }
+  }), children));
+};
+const props = {
+  children: PropTypes.element.isRequired.description("component inside swipe to refresh container"),
+  loading: PropTypes.bool.description("toggle loading state for swipe"),
+  onRefresh: PropTypes.func.description("callback on refresh swipe")
+};
+SwipeToRefresh.propTypes = props;
+const SwipeToRefreshWithSchema = describe(SwipeToRefresh);
+SwipeToRefreshWithSchema.propTypes = props;
+export {
+  SwipeToRefresh,
+  SwipeToRefreshWithSchema
+};
+//# sourceMappingURL=SwipeToRefresh.js.map

package/dist/esm/SwipeToRefresh/SwipeToRefresh.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/SwipeToRefresh/SwipeToRefresh.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\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;\n\nconst SwipeToRefreshWithSchema = describe(SwipeToRefresh);\n\nSwipeToRefreshWithSchema.propTypes = props;\n\nexport { SwipeToRefresh, SwipeToRefreshWithSchema };\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,iBAAiB,CAAC,EAAE,UAAU,SAAS,gBAAgB;AAC3D,QAAM,aAAa;AACnB,QAAM,QAAQ;AACd,QAAM,QAAQ,SAAS,EAAE,WAAW;AACpC,QAAM,WAAW,MAAM,SAAS,aAAa,MAAO,MAAM,SAAS,MAAO;AAC1E,SACE,qCAAC,gBAAD,MACE,qCAAC,WAAD;AAAA,IACE,cAAc,MAAM;AAAA,IACpB,YAAY,MAAM;AAAA,IAClB,eAAe,MAAM;AAAA,IACrB,aAAa,MAAM;AAAA,IACnB,KAAK,MAAM;AAAA,KAEX,qCAAC,WAAD;AAAA,IACE,QAAQ,UAAU,MAAM,MAAM,IAAI,GAAG,MAAM;AAAA,IAC3C,YAAW;AAAA,IACX,eAAY;AAAA,KAEZ,qCAAC,gBAAD;AAAA,IACE,QAAQ,MAAM,MAAM;AAAA,IACpB,gBAAe;AAAA,IACf,YAAW;AAAA,IACX,IAAI,MAAM,SAAS,MAAM,UAAU,IAAI,GAAG,MAAM,SAAS;AAAA,KAExD,UAAU,qCAAC,6BAAD,QAAkC,qCAAC,mBAAD;AAAA,IAAmB;AAAA,QAGpE,qCAAC,OAAD;AAAA,IAAK,KAAK,MAAM;AAAA,IAAQ,OAAO,EAAE,QAAQ;AAAA,MACxC;AAAA;AAMT,MAAM,QAAQ;AAAA,EAEZ,UAAU,UAAU,QAAQ,WAAW,YAAY;AAAA,EAEnD,SAAS,UAAU,KAAK,YAAY;AAAA,EAEpC,WAAW,UAAU,KAAK,YAAY;AAAA;AAGxC,eAAe,YAAY;AAE3B,MAAM,2BAA2B,SAAS;AAE1C,yBAAyB,YAAY;",
+  "names": []
+}

package/dist/esm/SwipeToRefresh/styled.js

@@ -0,0 +1,28 @@
+import * as React from "react";
+import { Grid } from "@elliemae/ds-grid";
+import styled from "styled-components";
+const SwipeContainer = styled(Grid)`
+  transition: height 0.2s;
+  overscroll-behavior: none;
+  height: 100%;
+`;
+const SwipeDrag = styled.div`
+  border: none;
+  overscroll-behavior: none;
+  overflow: auto;
+  max-height: 100%;
+`;
+const LoaderBox = styled(Grid)`
+  transition: height 0.2s;
+  overflow: hidden;
+`;
+const PositionLoader = styled(Grid)`
+  transition: margin 0.2s;
+`;
+export {
+  LoaderBox,
+  PositionLoader,
+  SwipeContainer,
+  SwipeDrag
+};
+//# sourceMappingURL=styled.js.map

package/dist/esm/SwipeToRefresh/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/SwipeToRefresh/styled.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { Grid } from '@elliemae/ds-grid';\nimport styled from 'styled-components';\n\nexport const SwipeContainer = styled(Grid)`\n  transition: height 0.2s;\n  overscroll-behavior: none;\n  height: 100%;\n`;\n\nexport const SwipeDrag = styled.div`\n  border: none;\n  overscroll-behavior: none;\n  overflow: auto;\n  max-height: 100%;\n`;\n\nexport const LoaderBox = styled(Grid)`\n  transition: height 0.2s;\n  overflow: hidden;\n`;\n\nexport const PositionLoader = styled(Grid)`\n  transition: margin 0.2s;\n`;\n"],
+  "mappings": "AAAA;ACAA;AACA;AAEO,MAAM,iBAAiB,OAAO;AAAA;AAAA;AAAA;AAAA;AAM9B,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOzB,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAKzB,MAAM,iBAAiB,OAAO;AAAA;AAAA;",
+  "names": []
+}

package/{esm → dist/esm}/SwipeToRefresh/useSwipe.js

@@ -1,69 +1,52 @@
-import 'core-js/modules/web.dom-collections.iterator.js';
-import { useState, useRef } from 'react';
-
-const useSwipe = _ref => {
-  let {
-    onRefresh,
-    breakpoint
-  } = _ref;
+import * as React from "react";
+import { useState, useRef } from "react";
+const useSwipe = ({ onRefresh, breakpoint }) => {
   const [startingPoint, setStartingPoint] = useState(0);
   const [movingPoint, setMovingPoint] = useState(0);
   const ref = useRef();
   const height = movingPoint && startingPoint ? movingPoint - startingPoint : 0;
   const [allowRefresh, setAllowRefresh] = useState(false);
-
-  const callback = entries => {
-    const {
-      isIntersecting
-    } = entries[0];
-
+  const callback = (entries) => {
+    const { isIntersecting } = entries[0];
     if (isIntersecting) {
       setAllowRefresh(true);
     } else {
       setAllowRefresh(false);
     }
   };
-
   const target = useRef(null);
   const observer = useRef(null);
-
   if (observer.current) {
     observer.current.disconnect();
   }
-
   observer.current = new IntersectionObserver(callback, {
     root: null,
-    rootMargin: '0px',
+    rootMargin: "0px",
     threshold: 0.25
   });
-
   if (target.current) {
     observer.current.observe(target.current);
   }
-
-  const touchStart = e => {
-    const {
-      scrollTop
-    } = ref.current;
-    if (scrollTop < 5) setStartingPoint(e.touches[0].clientY);
+  const touchStart = (e) => {
+    const { scrollTop } = ref.current;
+    if (scrollTop < 5)
+      setStartingPoint(e.touches[0].clientY);
   };
-
   const touchEnd = () => {
-    if (height > breakpoint && allowRefresh && onRefresh) onRefresh();
+    if (height > breakpoint && allowRefresh && onRefresh)
+      onRefresh();
     setStartingPoint(0);
     setMovingPoint(0);
   };
-
   const touchCancel = () => {
-    if (height > breakpoint && onRefresh) onRefresh();
+    if (height > breakpoint && onRefresh)
+      onRefresh();
     setStartingPoint(0);
     setMovingPoint(0);
   };
-
-  const touchMove = e => {
+  const touchMove = (e) => {
     setMovingPoint(e.touches[0].clientY);
   };
-
   return {
     height,
     touchStart,
@@ -74,5 +57,7 @@ const useSwipe = _ref => {
     target
   };
 };
-
-export { useSwipe };
+export {
+  useSwipe
+};
+//# sourceMappingURL=useSwipe.js.map

package/dist/esm/SwipeToRefresh/useSwipe.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/SwipeToRefresh/useSwipe.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useState, useRef, useEffect } from 'react';\n\nexport const useSwipe = ({ onRefresh, breakpoint }) => {\n  const [startingPoint, setStartingPoint] = useState(0);\n  const [movingPoint, setMovingPoint] = useState(0);\n  const ref = useRef();\n  const height = movingPoint && startingPoint ? movingPoint - startingPoint : 0;\n  const [allowRefresh, setAllowRefresh] = useState(false);\n\n  const callback = (entries) => {\n    const { isIntersecting } = entries[0];\n    if (isIntersecting) {\n      setAllowRefresh(true)\n    } else {\n      setAllowRefresh(false)\n    }\n  };\n  const target = useRef(null);\n  const observer = useRef(null);\n  if (observer.current) {\n    observer.current.disconnect();\n  }\n  observer.current = new IntersectionObserver(callback, {\n      root: null,\n      rootMargin: '0px',\n      threshold: 0.25,\n  });\n  if (target.current) {\n    observer.current.observe(target.current);\n  }\n  \n  const touchStart = (e) => {\n    const { scrollTop } = ref.current;\n    if (scrollTop < 5) setStartingPoint(e.touches[0].clientY);\n  };\n  const touchEnd = () => {\n    if (height > breakpoint && allowRefresh && onRefresh) onRefresh();\n    setStartingPoint(0);\n    setMovingPoint(0);\n  };\n  const touchCancel = () => {\n    if (height > breakpoint && onRefresh) onRefresh();\n    setStartingPoint(0);\n    setMovingPoint(0);\n  };\n  const touchMove = (e) => {\n    setMovingPoint(e.touches[0].clientY);\n  };\n\n  return {\n    height,\n    touchStart,\n    touchEnd,\n    touchCancel,\n    touchMove,\n    ref,\n    target,\n  };\n};\n"],
+  "mappings": "AAAA;ACAA;AAEO,MAAM,WAAW,CAAC,EAAE,WAAW,iBAAiB;AACrD,QAAM,CAAC,eAAe,oBAAoB,SAAS;AACnD,QAAM,CAAC,aAAa,kBAAkB,SAAS;AAC/C,QAAM,MAAM;AACZ,QAAM,SAAS,eAAe,gBAAgB,cAAc,gBAAgB;AAC5E,QAAM,CAAC,cAAc,mBAAmB,SAAS;AAEjD,QAAM,WAAW,CAAC,YAAY;AAC5B,UAAM,EAAE,mBAAmB,QAAQ;AACnC,QAAI,gBAAgB;AAClB,sBAAgB;AAAA,WACX;AACL,sBAAgB;AAAA;AAAA;AAGpB,QAAM,SAAS,OAAO;AACtB,QAAM,WAAW,OAAO;AACxB,MAAI,SAAS,SAAS;AACpB,aAAS,QAAQ;AAAA;AAEnB,WAAS,UAAU,IAAI,qBAAqB,UAAU;AAAA,IAClD,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,WAAW;AAAA;AAEf,MAAI,OAAO,SAAS;AAClB,aAAS,QAAQ,QAAQ,OAAO;AAAA;AAGlC,QAAM,aAAa,CAAC,MAAM;AACxB,UAAM,EAAE,cAAc,IAAI;AAC1B,QAAI,YAAY;AAAG,uBAAiB,EAAE,QAAQ,GAAG;AAAA;AAEnD,QAAM,WAAW,MAAM;AACrB,QAAI,SAAS,cAAc,gBAAgB;AAAW;AACtD,qBAAiB;AACjB,mBAAe;AAAA;AAEjB,QAAM,cAAc,MAAM;AACxB,QAAI,SAAS,cAAc;AAAW;AACtC,qBAAiB;AACjB,mBAAe;AAAA;AAEjB,QAAM,YAAY,CAAC,MAAM;AACvB,mBAAe,EAAE,QAAQ,GAAG;AAAA;AAG9B,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;",
+  "names": []
+}

package/dist/esm/Tabs/index.js

@@ -0,0 +1,58 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import * as React from "react";
+import { describe } from "react-desc";
+import { DSTabs, DSTab } from "@elliemae/ds-tabs";
+import { MobileTabsPropTypes, MobileTabPropTypes } from "./propTypes";
+const DSMobileTabs = (_a) => {
+  var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
+  return /* @__PURE__ */ React.createElement(DSTabs, __spreadProps(__spreadValues({}, props), {
+    isDSMobile: true
+  }), children);
+};
+const DSMobileTab = (_c) => {
+  var _d = _c, { children } = _d, props = __objRest(_d, ["children"]);
+  return /* @__PURE__ */ React.createElement(DSTab, __spreadValues({}, props), children);
+};
+DSMobileTabs.propTypes = MobileTabsPropTypes;
+const DSMobileTabsWithSchema = describe(DSMobileTabs);
+DSMobileTabsWithSchema.propTypes = MobileTabsPropTypes;
+DSMobileTab.propTypes = MobileTabPropTypes;
+const DSMobileTabWithSchema = describe(DSMobileTab);
+DSMobileTabWithSchema.propTypes = MobileTabPropTypes;
+export {
+  DSMobileTab,
+  DSMobileTabWithSchema,
+  DSMobileTabs,
+  DSMobileTabsWithSchema
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/Tabs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/Tabs/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { WeakValidationMap } from 'react';\nimport { describe } from 'react-desc';\nimport { DSTabs, DSTab } from '@elliemae/ds-tabs';\nimport type { DSTabsT, DSTabT } from '@elliemae/ds-tabs';\nimport { MobileTabsPropTypes, MobileTabPropTypes } from './propTypes';\n\ntype DSMobileTabsPropsT = Omit<\n  DSTabsT.InternalProps,\n  'animated' | 'enableMouseEvents' | 'allowTextSelection' | 'type' | 'isDSMobile' | 'withCarousel'\n>;\n\ntype DSMobileTabPropsT = Omit<DSTabT.Props, 'isDSMobile'>;\n\nexport const DSMobileTabs = ({ children, ...props }: DSMobileTabsPropsT) => (\n  <DSTabs {...props} isDSMobile>\n    {children}\n  </DSTabs>\n);\n\nexport const DSMobileTab = ({ children, ...props }: DSMobileTabPropsT) => <DSTab {...props}>{children}</DSTab>;\n\nDSMobileTabs.propTypes = MobileTabsPropTypes as WeakValidationMap<unknown>;\nconst DSMobileTabsWithSchema = describe(DSMobileTabs);\nDSMobileTabsWithSchema.propTypes = MobileTabsPropTypes;\n\nDSMobileTab.propTypes = MobileTabPropTypes as WeakValidationMap<unknown>;\nconst DSMobileTabWithSchema = describe(DSMobileTab);\nDSMobileTabWithSchema.propTypes = MobileTabPropTypes;\n\nexport { DSMobileTabsWithSchema, DSMobileTabWithSchema };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AAEA;AASO,MAAM,eAAe,CAAC,OAA4C;AAA5C,eAAE,eAAF,IAAe,kBAAf,IAAe,CAAb;AAC7B,6CAAC,QAAD,iCAAY,QAAZ;AAAA,IAAmB,YAAU;AAAA,MAC1B;AAAA;AAIE,MAAM,cAAc,CAAC,OAA2C;AAA3C,eAAE,eAAF,IAAe,kBAAf,IAAe,CAAb;AAA4C,6CAAC,OAAD,mBAAW,QAAQ;AAAA;AAE7F,aAAa,YAAY;AACzB,MAAM,yBAAyB,SAAS;AACxC,uBAAuB,YAAY;AAEnC,YAAY,YAAY;AACxB,MAAM,wBAAwB,SAAS;AACvC,sBAAsB,YAAY;",
+  "names": []
+}

package/dist/esm/Tabs/propTypes.js

@@ -0,0 +1,24 @@
+import * as React from "react";
+import { PropTypes } from "react-desc";
+const MobileTabPropTypes = {
+  tabId: PropTypes.string.description("Unique Tab id.").defaultValue(""),
+  title: PropTypes.string.description("Tab title.").defaultValue(""),
+  required: PropTypes.bool.description("Show a required mark next to the title.").defaultValue(false),
+  disabled: PropTypes.bool.description("Disables Tab.").defaultValue(false)
+};
+const MobileTabsPropTypes = {
+  onTabChange: PropTypes.func.description("Handler when a user clicks on a different Tab.").defaultValue("() => {}"),
+  tabBarExtraContent: PropTypes.element.description("Extra content next to the Tabs Bar.").defaultValue(void 0),
+  onlyRenderActiveTab: PropTypes.bool.description("Only renders the active Tab in the DOM.").defaultValue(false),
+  fixedTabsHeaders: PropTypes.bool.description("Enables fixed Tabs mode. Makes Tab Bar non scrollable and adds equal fixed widths.").defaultValue(false),
+  activeTab: PropTypes.string.description("Passing a value makes DSTabs a controlled component.").defaultValue("First DSTab children."),
+  children: PropTypes.node.description("Use DSTab component as children.").isRequired,
+  tabsListAriaLabel: PropTypes.string.description("Aria label for the Tab list.").defaultValue("Tab list."),
+  containerProps: PropTypes.object.description("Additional properties for the container.").defaultValue({}),
+  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]).description("Ref to the container.").defaultValue(void 0)
+};
+export {
+  MobileTabPropTypes,
+  MobileTabsPropTypes
+};
+//# sourceMappingURL=propTypes.js.map

package/dist/esm/Tabs/propTypes.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/Tabs/propTypes.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from 'react-desc';\n\nexport const MobileTabPropTypes = {\n  tabId: PropTypes.string.description('Unique Tab id.').defaultValue(''),\n  title: PropTypes.string.description('Tab title.').defaultValue(''),\n  required: PropTypes.bool.description('Show a required mark next to the title.').defaultValue(false),\n  disabled: PropTypes.bool.description('Disables Tab.').defaultValue(false),\n};\n\nexport const MobileTabsPropTypes = {\n  onTabChange: PropTypes.func.description('Handler when a user clicks on a different Tab.').defaultValue('() => {}'),\n  tabBarExtraContent: PropTypes.element.description('Extra content next to the Tabs Bar.').defaultValue(undefined),\n  onlyRenderActiveTab: PropTypes.bool.description('Only renders the active Tab in the DOM.').defaultValue(false),\n  fixedTabsHeaders: PropTypes.bool\n    .description('Enables fixed Tabs mode. Makes Tab Bar non scrollable and adds equal fixed widths.')\n    .defaultValue(false),\n  activeTab: PropTypes.string\n    .description('Passing a value makes DSTabs a controlled component.')\n    .defaultValue('First DSTab children.'),\n  children: PropTypes.node.description('Use DSTab component as children.').isRequired,\n  tabsListAriaLabel: PropTypes.string.description('Aria label for the Tab list.').defaultValue('Tab list.'),\n  containerProps: PropTypes.object.description('Additional properties for the container.').defaultValue({}),\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })])\n    .description('Ref to the container.')\n    .defaultValue(undefined),\n};\n"],
+  "mappings": "AAAA;ACAA;AAEO,MAAM,qBAAqB;AAAA,EAChC,OAAO,UAAU,OAAO,YAAY,kBAAkB,aAAa;AAAA,EACnE,OAAO,UAAU,OAAO,YAAY,cAAc,aAAa;AAAA,EAC/D,UAAU,UAAU,KAAK,YAAY,2CAA2C,aAAa;AAAA,EAC7F,UAAU,UAAU,KAAK,YAAY,iBAAiB,aAAa;AAAA;AAG9D,MAAM,sBAAsB;AAAA,EACjC,aAAa,UAAU,KAAK,YAAY,kDAAkD,aAAa;AAAA,EACvG,oBAAoB,UAAU,QAAQ,YAAY,uCAAuC,aAAa;AAAA,EACtG,qBAAqB,UAAU,KAAK,YAAY,2CAA2C,aAAa;AAAA,EACxG,kBAAkB,UAAU,KACzB,YAAY,sFACZ,aAAa;AAAA,EAChB,WAAW,UAAU,OAClB,YAAY,wDACZ,aAAa;AAAA,EAChB,UAAU,UAAU,KAAK,YAAY,oCAAoC;AAAA,EACzE,mBAAmB,UAAU,OAAO,YAAY,gCAAgC,aAAa;AAAA,EAC7F,gBAAgB,UAAU,OAAO,YAAY,4CAA4C,aAAa;AAAA,EACtG,UAAU,UAAU,UAAU,CAAC,UAAU,MAAM,UAAU,MAAM,EAAE,SAAS,UAAU,SACjF,YAAY,yBACZ,aAAa;AAAA;",
+  "names": []
+}