@amboss/design-system 1.9.6 → 1.9.7-canary-datatable-2

package/build/esm/src/components/Collapsible/Collapsible.js

@@ -13,7 +13,7 @@ const StyledChildrenContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV
   label: "StyledChildrenContainer"
 })(() => ({
   overflow: "hidden"
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbGxhcHNpYmxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQnVDIiwiZmlsZSI6IkNvbGxhcHNpYmxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBjcmVhdGVDb250ZXh0LCB1c2VDb250ZXh0IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEJveCB9IGZyb20gXCIuLi9Cb3gvQm94XCI7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uL0lubGluZS9JbmxpbmVcIjtcblxuZXhwb3J0IHR5cGUgQ29sbGFwc2libGVQcm9wcyA9IHtcbiAgLyoqIHRoZSBmaXJzdCBlbGVtZW50IG9mIHRoZSBhcnJheSBvZiBjaGlsZHJlbiBoYXMgdG8gYmUgIGA8Q29sbGFwc2libGVIZWFkZXIvPmAuIFRoZSByZXN0IG9mIHRoZSBjaGlsZHJlbiBpcyB0aGUgY29udGVudCB2aXNpYmxlIGFmdGVyIHNwcmVhZGluZyB0aGUgY29tcG9uZW50ICovXG4gIGNoaWxkcmVuOiBbXG4gICAgUmVhY3QuUmVhY3RFbGVtZW50PENvbGxhcHNpYmxlSGVhZGVyUHJvcHM+LFxuICAgIC4uLlJlYWN0LlJlYWN0RWxlbWVudFtdXG4gIF07XG4gIGlzRXhwYW5kZWQ6IGJvb2xlYW4gfCB1bmRlZmluZWQ7XG59O1xuXG5leHBvcnQgdHlwZSBDb2xsYXBzaWJsZUhlYWRlclByb3BzID0ge1xuICBvbkNsaWNrPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MQnV0dG9uRWxlbWVudD4pID0+IHZvaWQ7XG59ICYgUmVhY3QuQ29tcG9uZW50UHJvcHM8dHlwZW9mIEJveD47XG5cbmNvbnN0IEFOSU1BVElPTl9USU1FID0gMjAwO1xuY29uc3QgSXNFeHBhbmRlZENvbnRleHQgPSBjcmVhdGVDb250ZXh0KGZhbHNlKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENoaWxkcmVuQ29udGFpbmVyID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbn0pKTtcblxuY29uc3QgU3R5bGVkRXhwYW5kaW5nQ29udGFpbmVyID0gc3R5bGVkLmRpdjx7XG4gIGlzRXhwYW5kZWQ6IGJvb2xlYW47XG59PigoeyBpc0V4cGFuZGVkIH0pID0+ICh7XG4gIHRyYW5zZm9ybTogYHRyYW5zbGF0ZVkoJHtpc0V4cGFuZGVkID8gXCIwJVwiIDogXCJtYXgoLTEwMHB4LCAtNTAlKVwifSlgLFxuICB0cmFuc2l0aW9uOiBgdHJhbnNmb3JtICR7XG4gICAgaXNFeHBhbmRlZCA/IEFOSU1BVElPTl9USU1FIDogMFxuICB9bXMgY3ViaWMtYmV6aWVyKDAuMCwgMC4wLCAwLjI1LCAxLjApYCxcbn0pKTtcblxuY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkLmJ1dHRvbjx7IGlzRXhwYW5kZWQ6IGJvb2xlYW4gfT4oXG4gICh7IHRoZW1lLCBpc0V4cGFuZGVkIH0pID0+ICh7XG4gICAgZGlzcGxheTogXCJibG9ja1wiLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmJ1dHRvbi5zZWNvbmRhcnkuYmFzZSxcbiAgICBib3JkZXI6IFwibm9uZVwiLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgcGFkZGluZzogMCxcbiAgICAuLi4oaXNFeHBhbmRlZCAmJiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmRyb3Bkb3duLmFjdGl2ZSxcbiAgICAgIFwiOmdsb2JhbCguaXNEYXJrbW9kZUFjdGl2ZSkgJlwiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5idXR0b24uc2Vjb25kYXJ5LmJhc2UsXG4gICAgICB9LFxuICAgIH0pLFxuXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuZHJvcGRvd24uYWN0aXZlLFxuICAgICAgXCI6Z2xvYmFsKC5pc0Rhcmttb2RlQWN0aXZlKSAmXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLmJ1dHRvbi5zZWNvbmRhcnkuYmFzZSxcbiAgICAgIH0sXG4gICAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBDb2xsYXBzaWJsZUhlYWRlcih7XG4gIHNwYWNlLFxuICB2U3BhY2UsXG4gIHJTcGFjZSxcbiAgbFNwYWNlLFxuICB0U3BhY2UsXG4gIGJTcGFjZSxcbiAgb25DbGljayxcbiAgY2hpbGRyZW4sXG59OiBDb2xsYXBzaWJsZUhlYWRlclByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgaXNFeHBhbmRlZCA9IHVzZUNvbnRleHQoSXNFeHBhbmRlZENvbnRleHQpO1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRCdXR0b24gdHlwZT1cImJ1dHRvblwiIGlzRXhwYW5kZWQ9e2lzRXhwYW5kZWR9IG9uQ2xpY2s9e29uQ2xpY2t9PlxuICAgICAgPEJveFxuICAgICAgICBzcGFjZT17c3BhY2V9XG4gICAgICAgIHZTcGFjZT17dlNwYWNlfVxuICAgICAgICByU3BhY2U9e3JTcGFjZX1cbiAgICAgICAgbFNwYWNlPXtsU3BhY2V9XG4gICAgICAgIHRTcGFjZT17dFNwYWNlfVxuICAgICAgICBiU3BhY2U9e2JTcGFjZX1cbiAgICAgID5cbiAgICAgICAgPElubGluZSBhbGlnbkl0ZW1zPVwic3BhY2VCZXR3ZWVuXCIgbm9XcmFwPlxuICAgICAgICAgIDxkaXY+e2NoaWxkcmVufTwvZGl2PlxuICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICBuYW1lPXtpc0V4cGFuZGVkID8gXCJjaGV2cm9uLXVwXCIgOiBcImNoZXZyb24tZG93blwifVxuICAgICAgICAgICAgdmFyaWFudD1cInRlcnRpYXJ5XCJcbiAgICAgICAgICAvPlxuICAgICAgICA8L0lubGluZT5cbiAgICAgIDwvQm94PlxuICAgIDwvU3R5bGVkQnV0dG9uPlxuICApO1xufVxuXG5leHBvcnQgZnVuY3Rpb24gQ29sbGFwc2libGUoe1xuICBpc0V4cGFuZGVkLFxuICBjaGlsZHJlbixcbn06IENvbGxhcHNpYmxlUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBbY29sbGFwc2libGVIZWFkZXIsIC4uLmNvbGxhcHNpYmxlQ2hpbGRyZW5dID0gY2hpbGRyZW47XG4gIHJldHVybiAoXG4gICAgPElzRXhwYW5kZWRDb250ZXh0LlByb3ZpZGVyIHZhbHVlPXtpc0V4cGFuZGVkfT5cbiAgICAgIHtjb2xsYXBzaWJsZUhlYWRlcn1cbiAgICAgIDxTdHlsZWRDaGlsZHJlbkNvbnRhaW5lcj5cbiAgICAgICAgPFN0eWxlZEV4cGFuZGluZ0NvbnRhaW5lciBpc0V4cGFuZGVkPXtpc0V4cGFuZGVkfT5cbiAgICAgICAgICB7aXNFeHBhbmRlZCAmJiBjb2xsYXBzaWJsZUNoaWxkcmVufVxuICAgICAgICA8L1N0eWxlZEV4cGFuZGluZ0NvbnRhaW5lcj5cbiAgICAgIDwvU3R5bGVkQ2hpbGRyZW5Db250YWluZXI+XG4gICAgPC9Jc0V4cGFuZGVkQ29udGV4dC5Qcm92aWRlcj5cbiAgKTtcbn1cbiJdfQ== */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbGxhcHNpYmxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQnVDIiwiZmlsZSI6IkNvbGxhcHNpYmxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBjcmVhdGVDb250ZXh0LCB1c2VDb250ZXh0IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEJveCB9IGZyb20gXCIuLi9Cb3gvQm94XCI7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uL0lubGluZS9JbmxpbmVcIjtcblxuZXhwb3J0IHR5cGUgQ29sbGFwc2libGVQcm9wcyA9IHtcbiAgLyoqIHRoZSBmaXJzdCBlbGVtZW50IG9mIHRoZSBhcnJheSBvZiBjaGlsZHJlbiBoYXMgdG8gYmUgIGA8Q29sbGFwc2libGVIZWFkZXIvPmAuIFRoZSByZXN0IG9mIHRoZSBjaGlsZHJlbiBpcyB0aGUgY29udGVudCB2aXNpYmxlIGFmdGVyIHNwcmVhZGluZyB0aGUgY29tcG9uZW50ICovXG4gIGNoaWxkcmVuOiBbXG4gICAgUmVhY3QuUmVhY3RFbGVtZW50PENvbGxhcHNpYmxlSGVhZGVyUHJvcHM+LFxuICAgIC4uLlJlYWN0LlJlYWN0RWxlbWVudFtdXG4gIF07XG4gIGlzRXhwYW5kZWQ6IGJvb2xlYW4gfCB1bmRlZmluZWQ7XG59O1xuXG5leHBvcnQgdHlwZSBDb2xsYXBzaWJsZUhlYWRlclByb3BzID0ge1xuICBvbkNsaWNrPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MQnV0dG9uRWxlbWVudD4pID0+IHZvaWQ7XG59ICYgUmVhY3QuQ29tcG9uZW50UHJvcHM8dHlwZW9mIEJveD47XG5cbmNvbnN0IEFOSU1BVElPTl9USU1FID0gMjAwO1xuY29uc3QgSXNFeHBhbmRlZENvbnRleHQgPSBjcmVhdGVDb250ZXh0KGZhbHNlKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENoaWxkcmVuQ29udGFpbmVyID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbn0pKTtcblxuY29uc3QgU3R5bGVkRXhwYW5kaW5nQ29udGFpbmVyID0gc3R5bGVkLmRpdjx7XG4gIGlzRXhwYW5kZWQ6IGJvb2xlYW47XG59PigoeyBpc0V4cGFuZGVkIH0pID0+ICh7XG4gIHRyYW5zZm9ybTogYHRyYW5zbGF0ZVkoJHtpc0V4cGFuZGVkID8gXCIwJVwiIDogXCJtYXgoLTEwMHB4LCAtNTAlKVwifSlgLFxuICB0cmFuc2l0aW9uOiBgdHJhbnNmb3JtICR7XG4gICAgaXNFeHBhbmRlZCA/IEFOSU1BVElPTl9USU1FIDogMFxuICB9bXMgY3ViaWMtYmV6aWVyKDAuMCwgMC4wLCAwLjI1LCAxLjApYCxcbn0pKTtcblxuY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkLmJ1dHRvbjx7IGlzRXhwYW5kZWQ6IGJvb2xlYW4gfT4oXG4gICh7IHRoZW1lLCBpc0V4cGFuZGVkIH0pID0+ICh7XG4gICAgZGlzcGxheTogXCJibG9ja1wiLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmJ1dHRvbi5zZWNvbmRhcnkuYmFzZSxcbiAgICBib3JkZXI6IFwibm9uZVwiLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgcGFkZGluZzogMCxcbiAgICAuLi4oaXNFeHBhbmRlZCAmJiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmRyb3Bkb3duLmFjdGl2ZSxcbiAgICAgIFwiOmdsb2JhbCguaXNEYXJrbW9kZUFjdGl2ZSkgJlwiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5idXR0b24uc2Vjb25kYXJ5LmJhc2UsXG4gICAgICB9LFxuICAgIH0pLFxuXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuZHJvcGRvd24uYWN0aXZlLFxuICAgICAgXCI6Z2xvYmFsKC5pc0Rhcmttb2RlQWN0aXZlKSAmXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLmJ1dHRvbi5zZWNvbmRhcnkuYmFzZSxcbiAgICAgIH0sXG4gICAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBDb2xsYXBzaWJsZUhlYWRlcih7XG4gIHNwYWNlLFxuICB2U3BhY2UsXG4gIHJTcGFjZSxcbiAgbFNwYWNlLFxuICB0U3BhY2UsXG4gIGJTcGFjZSxcbiAgb25DbGljayxcbiAgY2hpbGRyZW4sXG59OiBDb2xsYXBzaWJsZUhlYWRlclByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgaXNFeHBhbmRlZCA9IHVzZUNvbnRleHQoSXNFeHBhbmRlZENvbnRleHQpO1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRCdXR0b25cbiAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgZGF0YS1kcy1pZD1cIkNvbGxhcHNpYmxlSGVhZGVyXCJcbiAgICAgIGlzRXhwYW5kZWQ9e2lzRXhwYW5kZWR9XG4gICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgID5cbiAgICAgIDxCb3hcbiAgICAgICAgc3BhY2U9e3NwYWNlfVxuICAgICAgICB2U3BhY2U9e3ZTcGFjZX1cbiAgICAgICAgclNwYWNlPXtyU3BhY2V9XG4gICAgICAgIGxTcGFjZT17bFNwYWNlfVxuICAgICAgICB0U3BhY2U9e3RTcGFjZX1cbiAgICAgICAgYlNwYWNlPXtiU3BhY2V9XG4gICAgICA+XG4gICAgICAgIDxJbmxpbmUgYWxpZ25JdGVtcz1cInNwYWNlQmV0d2VlblwiIG5vV3JhcD5cbiAgICAgICAgICA8ZGl2PntjaGlsZHJlbn08L2Rpdj5cbiAgICAgICAgICA8SWNvblxuICAgICAgICAgICAgbmFtZT17aXNFeHBhbmRlZCA/IFwiY2hldnJvbi11cFwiIDogXCJjaGV2cm9uLWRvd25cIn1cbiAgICAgICAgICAgIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiXG4gICAgICAgICAgLz5cbiAgICAgICAgPC9JbmxpbmU+XG4gICAgICA8L0JveD5cbiAgICA8L1N0eWxlZEJ1dHRvbj5cbiAgKTtcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIENvbGxhcHNpYmxlKHtcbiAgaXNFeHBhbmRlZCxcbiAgY2hpbGRyZW4sXG59OiBDb2xsYXBzaWJsZVByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgW2NvbGxhcHNpYmxlSGVhZGVyLCAuLi5jb2xsYXBzaWJsZUNoaWxkcmVuXSA9IGNoaWxkcmVuO1xuICByZXR1cm4gKFxuICAgIDxJc0V4cGFuZGVkQ29udGV4dC5Qcm92aWRlciB2YWx1ZT17aXNFeHBhbmRlZH0+XG4gICAgICB7Y29sbGFwc2libGVIZWFkZXJ9XG4gICAgICA8U3R5bGVkQ2hpbGRyZW5Db250YWluZXIgZGF0YS1kcy1pZD1cIkNvbGxhcHNpYmxlXCI+XG4gICAgICAgIDxTdHlsZWRFeHBhbmRpbmdDb250YWluZXIgaXNFeHBhbmRlZD17aXNFeHBhbmRlZH0+XG4gICAgICAgICAge2lzRXhwYW5kZWQgJiYgY29sbGFwc2libGVDaGlsZHJlbn1cbiAgICAgICAgPC9TdHlsZWRFeHBhbmRpbmdDb250YWluZXI+XG4gICAgICA8L1N0eWxlZENoaWxkcmVuQ29udGFpbmVyPlxuICAgIDwvSXNFeHBhbmRlZENvbnRleHQuUHJvdmlkZXI+XG4gICk7XG59XG4iXX0= */");
 const StyledExpandingContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "ecrjv271"
 } : {
@@ -27,7 +27,7 @@ const StyledExpandingContainer = /*#__PURE__*/_styled("div", process.env.NODE_EN
     transform: `translateY(${isExpanded ? "0%" : "max(-100px, -50%)"})`,
     transition: `transform ${isExpanded ? ANIMATION_TIME : 0}ms cubic-bezier(0.0, 0.0, 0.25, 1.0)`
   };
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbGxhcHNpYmxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQmlDIiwiZmlsZSI6IkNvbGxhcHNpYmxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBjcmVhdGVDb250ZXh0LCB1c2VDb250ZXh0IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEJveCB9IGZyb20gXCIuLi9Cb3gvQm94XCI7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uL0lubGluZS9JbmxpbmVcIjtcblxuZXhwb3J0IHR5cGUgQ29sbGFwc2libGVQcm9wcyA9IHtcbiAgLyoqIHRoZSBmaXJzdCBlbGVtZW50IG9mIHRoZSBhcnJheSBvZiBjaGlsZHJlbiBoYXMgdG8gYmUgIGA8Q29sbGFwc2libGVIZWFkZXIvPmAuIFRoZSByZXN0IG9mIHRoZSBjaGlsZHJlbiBpcyB0aGUgY29udGVudCB2aXNpYmxlIGFmdGVyIHNwcmVhZGluZyB0aGUgY29tcG9uZW50ICovXG4gIGNoaWxkcmVuOiBbXG4gICAgUmVhY3QuUmVhY3RFbGVtZW50PENvbGxhcHNpYmxlSGVhZGVyUHJvcHM+LFxuICAgIC4uLlJlYWN0LlJlYWN0RWxlbWVudFtdXG4gIF07XG4gIGlzRXhwYW5kZWQ6IGJvb2xlYW4gfCB1bmRlZmluZWQ7XG59O1xuXG5leHBvcnQgdHlwZSBDb2xsYXBzaWJsZUhlYWRlclByb3BzID0ge1xuICBvbkNsaWNrPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MQnV0dG9uRWxlbWVudD4pID0+IHZvaWQ7XG59ICYgUmVhY3QuQ29tcG9uZW50UHJvcHM8dHlwZW9mIEJveD47XG5cbmNvbnN0IEFOSU1BVElPTl9USU1FID0gMjAwO1xuY29uc3QgSXNFeHBhbmRlZENvbnRleHQgPSBjcmVhdGVDb250ZXh0KGZhbHNlKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENoaWxkcmVuQ29udGFpbmVyID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbn0pKTtcblxuY29uc3QgU3R5bGVkRXhwYW5kaW5nQ29udGFpbmVyID0gc3R5bGVkLmRpdjx7XG4gIGlzRXhwYW5kZWQ6IGJvb2xlYW47XG59PigoeyBpc0V4cGFuZGVkIH0pID0+ICh7XG4gIHRyYW5zZm9ybTogYHRyYW5zbGF0ZVkoJHtpc0V4cGFuZGVkID8gXCIwJVwiIDogXCJtYXgoLTEwMHB4LCAtNTAlKVwifSlgLFxuICB0cmFuc2l0aW9uOiBgdHJhbnNmb3JtICR7XG4gICAgaXNFeHBhbmRlZCA/IEFOSU1BVElPTl9USU1FIDogMFxuICB9bXMgY3ViaWMtYmV6aWVyKDAuMCwgMC4wLCAwLjI1LCAxLjApYCxcbn0pKTtcblxuY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkLmJ1dHRvbjx7IGlzRXhwYW5kZWQ6IGJvb2xlYW4gfT4oXG4gICh7IHRoZW1lLCBpc0V4cGFuZGVkIH0pID0+ICh7XG4gICAgZGlzcGxheTogXCJibG9ja1wiLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmJ1dHRvbi5zZWNvbmRhcnkuYmFzZSxcbiAgICBib3JkZXI6IFwibm9uZVwiLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgcGFkZGluZzogMCxcbiAgICAuLi4oaXNFeHBhbmRlZCAmJiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmRyb3Bkb3duLmFjdGl2ZSxcbiAgICAgIFwiOmdsb2JhbCguaXNEYXJrbW9kZUFjdGl2ZSkgJlwiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5idXR0b24uc2Vjb25kYXJ5LmJhc2UsXG4gICAgICB9LFxuICAgIH0pLFxuXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuZHJvcGRvd24uYWN0aXZlLFxuICAgICAgXCI6Z2xvYmFsKC5pc0Rhcmttb2RlQWN0aXZlKSAmXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLmJ1dHRvbi5zZWNvbmRhcnkuYmFzZSxcbiAgICAgIH0sXG4gICAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBDb2xsYXBzaWJsZUhlYWRlcih7XG4gIHNwYWNlLFxuICB2U3BhY2UsXG4gIHJTcGFjZSxcbiAgbFNwYWNlLFxuICB0U3BhY2UsXG4gIGJTcGFjZSxcbiAgb25DbGljayxcbiAgY2hpbGRyZW4sXG59OiBDb2xsYXBzaWJsZUhlYWRlclByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgaXNFeHBhbmRlZCA9IHVzZUNvbnRleHQoSXNFeHBhbmRlZENvbnRleHQpO1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRCdXR0b24gdHlwZT1cImJ1dHRvblwiIGlzRXhwYW5kZWQ9e2lzRXhwYW5kZWR9IG9uQ2xpY2s9e29uQ2xpY2t9PlxuICAgICAgPEJveFxuICAgICAgICBzcGFjZT17c3BhY2V9XG4gICAgICAgIHZTcGFjZT17dlNwYWNlfVxuICAgICAgICByU3BhY2U9e3JTcGFjZX1cbiAgICAgICAgbFNwYWNlPXtsU3BhY2V9XG4gICAgICAgIHRTcGFjZT17dFNwYWNlfVxuICAgICAgICBiU3BhY2U9e2JTcGFjZX1cbiAgICAgID5cbiAgICAgICAgPElubGluZSBhbGlnbkl0ZW1zPVwic3BhY2VCZXR3ZWVuXCIgbm9XcmFwPlxuICAgICAgICAgIDxkaXY+e2NoaWxkcmVufTwvZGl2PlxuICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICBuYW1lPXtpc0V4cGFuZGVkID8gXCJjaGV2cm9uLXVwXCIgOiBcImNoZXZyb24tZG93blwifVxuICAgICAgICAgICAgdmFyaWFudD1cInRlcnRpYXJ5XCJcbiAgICAgICAgICAvPlxuICAgICAgICA8L0lubGluZT5cbiAgICAgIDwvQm94PlxuICAgIDwvU3R5bGVkQnV0dG9uPlxuICApO1xufVxuXG5leHBvcnQgZnVuY3Rpb24gQ29sbGFwc2libGUoe1xuICBpc0V4cGFuZGVkLFxuICBjaGlsZHJlbixcbn06IENvbGxhcHNpYmxlUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBbY29sbGFwc2libGVIZWFkZXIsIC4uLmNvbGxhcHNpYmxlQ2hpbGRyZW5dID0gY2hpbGRyZW47XG4gIHJldHVybiAoXG4gICAgPElzRXhwYW5kZWRDb250ZXh0LlByb3ZpZGVyIHZhbHVlPXtpc0V4cGFuZGVkfT5cbiAgICAgIHtjb2xsYXBzaWJsZUhlYWRlcn1cbiAgICAgIDxTdHlsZWRDaGlsZHJlbkNvbnRhaW5lcj5cbiAgICAgICAgPFN0eWxlZEV4cGFuZGluZ0NvbnRhaW5lciBpc0V4cGFuZGVkPXtpc0V4cGFuZGVkfT5cbiAgICAgICAgICB7aXNFeHBhbmRlZCAmJiBjb2xsYXBzaWJsZUNoaWxkcmVufVxuICAgICAgICA8L1N0eWxlZEV4cGFuZGluZ0NvbnRhaW5lcj5cbiAgICAgIDwvU3R5bGVkQ2hpbGRyZW5Db250YWluZXI+XG4gICAgPC9Jc0V4cGFuZGVkQ29udGV4dC5Qcm92aWRlcj5cbiAgKTtcbn1cbiJdfQ== */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbGxhcHNpYmxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQmlDIiwiZmlsZSI6IkNvbGxhcHNpYmxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBjcmVhdGVDb250ZXh0LCB1c2VDb250ZXh0IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEJveCB9IGZyb20gXCIuLi9Cb3gvQm94XCI7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uL0lubGluZS9JbmxpbmVcIjtcblxuZXhwb3J0IHR5cGUgQ29sbGFwc2libGVQcm9wcyA9IHtcbiAgLyoqIHRoZSBmaXJzdCBlbGVtZW50IG9mIHRoZSBhcnJheSBvZiBjaGlsZHJlbiBoYXMgdG8gYmUgIGA8Q29sbGFwc2libGVIZWFkZXIvPmAuIFRoZSByZXN0IG9mIHRoZSBjaGlsZHJlbiBpcyB0aGUgY29udGVudCB2aXNpYmxlIGFmdGVyIHNwcmVhZGluZyB0aGUgY29tcG9uZW50ICovXG4gIGNoaWxkcmVuOiBbXG4gICAgUmVhY3QuUmVhY3RFbGVtZW50PENvbGxhcHNpYmxlSGVhZGVyUHJvcHM+LFxuICAgIC4uLlJlYWN0LlJlYWN0RWxlbWVudFtdXG4gIF07XG4gIGlzRXhwYW5kZWQ6IGJvb2xlYW4gfCB1bmRlZmluZWQ7XG59O1xuXG5leHBvcnQgdHlwZSBDb2xsYXBzaWJsZUhlYWRlclByb3BzID0ge1xuICBvbkNsaWNrPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MQnV0dG9uRWxlbWVudD4pID0+IHZvaWQ7XG59ICYgUmVhY3QuQ29tcG9uZW50UHJvcHM8dHlwZW9mIEJveD47XG5cbmNvbnN0IEFOSU1BVElPTl9USU1FID0gMjAwO1xuY29uc3QgSXNFeHBhbmRlZENvbnRleHQgPSBjcmVhdGVDb250ZXh0KGZhbHNlKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENoaWxkcmVuQ29udGFpbmVyID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbn0pKTtcblxuY29uc3QgU3R5bGVkRXhwYW5kaW5nQ29udGFpbmVyID0gc3R5bGVkLmRpdjx7XG4gIGlzRXhwYW5kZWQ6IGJvb2xlYW47XG59PigoeyBpc0V4cGFuZGVkIH0pID0+ICh7XG4gIHRyYW5zZm9ybTogYHRyYW5zbGF0ZVkoJHtpc0V4cGFuZGVkID8gXCIwJVwiIDogXCJtYXgoLTEwMHB4LCAtNTAlKVwifSlgLFxuICB0cmFuc2l0aW9uOiBgdHJhbnNmb3JtICR7XG4gICAgaXNFeHBhbmRlZCA/IEFOSU1BVElPTl9USU1FIDogMFxuICB9bXMgY3ViaWMtYmV6aWVyKDAuMCwgMC4wLCAwLjI1LCAxLjApYCxcbn0pKTtcblxuY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkLmJ1dHRvbjx7IGlzRXhwYW5kZWQ6IGJvb2xlYW4gfT4oXG4gICh7IHRoZW1lLCBpc0V4cGFuZGVkIH0pID0+ICh7XG4gICAgZGlzcGxheTogXCJibG9ja1wiLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmJ1dHRvbi5zZWNvbmRhcnkuYmFzZSxcbiAgICBib3JkZXI6IFwibm9uZVwiLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgcGFkZGluZzogMCxcbiAgICAuLi4oaXNFeHBhbmRlZCAmJiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmRyb3Bkb3duLmFjdGl2ZSxcbiAgICAgIFwiOmdsb2JhbCguaXNEYXJrbW9kZUFjdGl2ZSkgJlwiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5idXR0b24uc2Vjb25kYXJ5LmJhc2UsXG4gICAgICB9LFxuICAgIH0pLFxuXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuZHJvcGRvd24uYWN0aXZlLFxuICAgICAgXCI6Z2xvYmFsKC5pc0Rhcmttb2RlQWN0aXZlKSAmXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLmJ1dHRvbi5zZWNvbmRhcnkuYmFzZSxcbiAgICAgIH0sXG4gICAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBDb2xsYXBzaWJsZUhlYWRlcih7XG4gIHNwYWNlLFxuICB2U3BhY2UsXG4gIHJTcGFjZSxcbiAgbFNwYWNlLFxuICB0U3BhY2UsXG4gIGJTcGFjZSxcbiAgb25DbGljayxcbiAgY2hpbGRyZW4sXG59OiBDb2xsYXBzaWJsZUhlYWRlclByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgaXNFeHBhbmRlZCA9IHVzZUNvbnRleHQoSXNFeHBhbmRlZENvbnRleHQpO1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRCdXR0b25cbiAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgZGF0YS1kcy1pZD1cIkNvbGxhcHNpYmxlSGVhZGVyXCJcbiAgICAgIGlzRXhwYW5kZWQ9e2lzRXhwYW5kZWR9XG4gICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgID5cbiAgICAgIDxCb3hcbiAgICAgICAgc3BhY2U9e3NwYWNlfVxuICAgICAgICB2U3BhY2U9e3ZTcGFjZX1cbiAgICAgICAgclNwYWNlPXtyU3BhY2V9XG4gICAgICAgIGxTcGFjZT17bFNwYWNlfVxuICAgICAgICB0U3BhY2U9e3RTcGFjZX1cbiAgICAgICAgYlNwYWNlPXtiU3BhY2V9XG4gICAgICA+XG4gICAgICAgIDxJbmxpbmUgYWxpZ25JdGVtcz1cInNwYWNlQmV0d2VlblwiIG5vV3JhcD5cbiAgICAgICAgICA8ZGl2PntjaGlsZHJlbn08L2Rpdj5cbiAgICAgICAgICA8SWNvblxuICAgICAgICAgICAgbmFtZT17aXNFeHBhbmRlZCA/IFwiY2hldnJvbi11cFwiIDogXCJjaGV2cm9uLWRvd25cIn1cbiAgICAgICAgICAgIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiXG4gICAgICAgICAgLz5cbiAgICAgICAgPC9JbmxpbmU+XG4gICAgICA8L0JveD5cbiAgICA8L1N0eWxlZEJ1dHRvbj5cbiAgKTtcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIENvbGxhcHNpYmxlKHtcbiAgaXNFeHBhbmRlZCxcbiAgY2hpbGRyZW4sXG59OiBDb2xsYXBzaWJsZVByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgW2NvbGxhcHNpYmxlSGVhZGVyLCAuLi5jb2xsYXBzaWJsZUNoaWxkcmVuXSA9IGNoaWxkcmVuO1xuICByZXR1cm4gKFxuICAgIDxJc0V4cGFuZGVkQ29udGV4dC5Qcm92aWRlciB2YWx1ZT17aXNFeHBhbmRlZH0+XG4gICAgICB7Y29sbGFwc2libGVIZWFkZXJ9XG4gICAgICA8U3R5bGVkQ2hpbGRyZW5Db250YWluZXIgZGF0YS1kcy1pZD1cIkNvbGxhcHNpYmxlXCI+XG4gICAgICAgIDxTdHlsZWRFeHBhbmRpbmdDb250YWluZXIgaXNFeHBhbmRlZD17aXNFeHBhbmRlZH0+XG4gICAgICAgICAge2lzRXhwYW5kZWQgJiYgY29sbGFwc2libGVDaGlsZHJlbn1cbiAgICAgICAgPC9TdHlsZWRFeHBhbmRpbmdDb250YWluZXI+XG4gICAgICA8L1N0eWxlZENoaWxkcmVuQ29udGFpbmVyPlxuICAgIDwvSXNFeHBhbmRlZENvbnRleHQuUHJvdmlkZXI+XG4gICk7XG59XG4iXX0= */");
 const StyledButton = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "production" ? {
   target: "ecrjv270"
 } : {
@@ -58,7 +58,7 @@ const StyledButton = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "pr
       }
     }
   };
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbGxhcHNpYmxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQ3FCIiwiZmlsZSI6IkNvbGxhcHNpYmxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBjcmVhdGVDb250ZXh0LCB1c2VDb250ZXh0IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEJveCB9IGZyb20gXCIuLi9Cb3gvQm94XCI7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uL0lubGluZS9JbmxpbmVcIjtcblxuZXhwb3J0IHR5cGUgQ29sbGFwc2libGVQcm9wcyA9IHtcbiAgLyoqIHRoZSBmaXJzdCBlbGVtZW50IG9mIHRoZSBhcnJheSBvZiBjaGlsZHJlbiBoYXMgdG8gYmUgIGA8Q29sbGFwc2libGVIZWFkZXIvPmAuIFRoZSByZXN0IG9mIHRoZSBjaGlsZHJlbiBpcyB0aGUgY29udGVudCB2aXNpYmxlIGFmdGVyIHNwcmVhZGluZyB0aGUgY29tcG9uZW50ICovXG4gIGNoaWxkcmVuOiBbXG4gICAgUmVhY3QuUmVhY3RFbGVtZW50PENvbGxhcHNpYmxlSGVhZGVyUHJvcHM+LFxuICAgIC4uLlJlYWN0LlJlYWN0RWxlbWVudFtdXG4gIF07XG4gIGlzRXhwYW5kZWQ6IGJvb2xlYW4gfCB1bmRlZmluZWQ7XG59O1xuXG5leHBvcnQgdHlwZSBDb2xsYXBzaWJsZUhlYWRlclByb3BzID0ge1xuICBvbkNsaWNrPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MQnV0dG9uRWxlbWVudD4pID0+IHZvaWQ7XG59ICYgUmVhY3QuQ29tcG9uZW50UHJvcHM8dHlwZW9mIEJveD47XG5cbmNvbnN0IEFOSU1BVElPTl9USU1FID0gMjAwO1xuY29uc3QgSXNFeHBhbmRlZENvbnRleHQgPSBjcmVhdGVDb250ZXh0KGZhbHNlKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENoaWxkcmVuQ29udGFpbmVyID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbn0pKTtcblxuY29uc3QgU3R5bGVkRXhwYW5kaW5nQ29udGFpbmVyID0gc3R5bGVkLmRpdjx7XG4gIGlzRXhwYW5kZWQ6IGJvb2xlYW47XG59PigoeyBpc0V4cGFuZGVkIH0pID0+ICh7XG4gIHRyYW5zZm9ybTogYHRyYW5zbGF0ZVkoJHtpc0V4cGFuZGVkID8gXCIwJVwiIDogXCJtYXgoLTEwMHB4LCAtNTAlKVwifSlgLFxuICB0cmFuc2l0aW9uOiBgdHJhbnNmb3JtICR7XG4gICAgaXNFeHBhbmRlZCA/IEFOSU1BVElPTl9USU1FIDogMFxuICB9bXMgY3ViaWMtYmV6aWVyKDAuMCwgMC4wLCAwLjI1LCAxLjApYCxcbn0pKTtcblxuY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkLmJ1dHRvbjx7IGlzRXhwYW5kZWQ6IGJvb2xlYW4gfT4oXG4gICh7IHRoZW1lLCBpc0V4cGFuZGVkIH0pID0+ICh7XG4gICAgZGlzcGxheTogXCJibG9ja1wiLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmJ1dHRvbi5zZWNvbmRhcnkuYmFzZSxcbiAgICBib3JkZXI6IFwibm9uZVwiLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgcGFkZGluZzogMCxcbiAgICAuLi4oaXNFeHBhbmRlZCAmJiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmRyb3Bkb3duLmFjdGl2ZSxcbiAgICAgIFwiOmdsb2JhbCguaXNEYXJrbW9kZUFjdGl2ZSkgJlwiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5idXR0b24uc2Vjb25kYXJ5LmJhc2UsXG4gICAgICB9LFxuICAgIH0pLFxuXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuZHJvcGRvd24uYWN0aXZlLFxuICAgICAgXCI6Z2xvYmFsKC5pc0Rhcmttb2RlQWN0aXZlKSAmXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLmJ1dHRvbi5zZWNvbmRhcnkuYmFzZSxcbiAgICAgIH0sXG4gICAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBDb2xsYXBzaWJsZUhlYWRlcih7XG4gIHNwYWNlLFxuICB2U3BhY2UsXG4gIHJTcGFjZSxcbiAgbFNwYWNlLFxuICB0U3BhY2UsXG4gIGJTcGFjZSxcbiAgb25DbGljayxcbiAgY2hpbGRyZW4sXG59OiBDb2xsYXBzaWJsZUhlYWRlclByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgaXNFeHBhbmRlZCA9IHVzZUNvbnRleHQoSXNFeHBhbmRlZENvbnRleHQpO1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRCdXR0b24gdHlwZT1cImJ1dHRvblwiIGlzRXhwYW5kZWQ9e2lzRXhwYW5kZWR9IG9uQ2xpY2s9e29uQ2xpY2t9PlxuICAgICAgPEJveFxuICAgICAgICBzcGFjZT17c3BhY2V9XG4gICAgICAgIHZTcGFjZT17dlNwYWNlfVxuICAgICAgICByU3BhY2U9e3JTcGFjZX1cbiAgICAgICAgbFNwYWNlPXtsU3BhY2V9XG4gICAgICAgIHRTcGFjZT17dFNwYWNlfVxuICAgICAgICBiU3BhY2U9e2JTcGFjZX1cbiAgICAgID5cbiAgICAgICAgPElubGluZSBhbGlnbkl0ZW1zPVwic3BhY2VCZXR3ZWVuXCIgbm9XcmFwPlxuICAgICAgICAgIDxkaXY+e2NoaWxkcmVufTwvZGl2PlxuICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICBuYW1lPXtpc0V4cGFuZGVkID8gXCJjaGV2cm9uLXVwXCIgOiBcImNoZXZyb24tZG93blwifVxuICAgICAgICAgICAgdmFyaWFudD1cInRlcnRpYXJ5XCJcbiAgICAgICAgICAvPlxuICAgICAgICA8L0lubGluZT5cbiAgICAgIDwvQm94PlxuICAgIDwvU3R5bGVkQnV0dG9uPlxuICApO1xufVxuXG5leHBvcnQgZnVuY3Rpb24gQ29sbGFwc2libGUoe1xuICBpc0V4cGFuZGVkLFxuICBjaGlsZHJlbixcbn06IENvbGxhcHNpYmxlUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBbY29sbGFwc2libGVIZWFkZXIsIC4uLmNvbGxhcHNpYmxlQ2hpbGRyZW5dID0gY2hpbGRyZW47XG4gIHJldHVybiAoXG4gICAgPElzRXhwYW5kZWRDb250ZXh0LlByb3ZpZGVyIHZhbHVlPXtpc0V4cGFuZGVkfT5cbiAgICAgIHtjb2xsYXBzaWJsZUhlYWRlcn1cbiAgICAgIDxTdHlsZWRDaGlsZHJlbkNvbnRhaW5lcj5cbiAgICAgICAgPFN0eWxlZEV4cGFuZGluZ0NvbnRhaW5lciBpc0V4cGFuZGVkPXtpc0V4cGFuZGVkfT5cbiAgICAgICAgICB7aXNFeHBhbmRlZCAmJiBjb2xsYXBzaWJsZUNoaWxkcmVufVxuICAgICAgICA8L1N0eWxlZEV4cGFuZGluZ0NvbnRhaW5lcj5cbiAgICAgIDwvU3R5bGVkQ2hpbGRyZW5Db250YWluZXI+XG4gICAgPC9Jc0V4cGFuZGVkQ29udGV4dC5Qcm92aWRlcj5cbiAgKTtcbn1cbiJdfQ== */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbGxhcHNpYmxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQ3FCIiwiZmlsZSI6IkNvbGxhcHNpYmxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBjcmVhdGVDb250ZXh0LCB1c2VDb250ZXh0IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEJveCB9IGZyb20gXCIuLi9Cb3gvQm94XCI7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uL0lubGluZS9JbmxpbmVcIjtcblxuZXhwb3J0IHR5cGUgQ29sbGFwc2libGVQcm9wcyA9IHtcbiAgLyoqIHRoZSBmaXJzdCBlbGVtZW50IG9mIHRoZSBhcnJheSBvZiBjaGlsZHJlbiBoYXMgdG8gYmUgIGA8Q29sbGFwc2libGVIZWFkZXIvPmAuIFRoZSByZXN0IG9mIHRoZSBjaGlsZHJlbiBpcyB0aGUgY29udGVudCB2aXNpYmxlIGFmdGVyIHNwcmVhZGluZyB0aGUgY29tcG9uZW50ICovXG4gIGNoaWxkcmVuOiBbXG4gICAgUmVhY3QuUmVhY3RFbGVtZW50PENvbGxhcHNpYmxlSGVhZGVyUHJvcHM+LFxuICAgIC4uLlJlYWN0LlJlYWN0RWxlbWVudFtdXG4gIF07XG4gIGlzRXhwYW5kZWQ6IGJvb2xlYW4gfCB1bmRlZmluZWQ7XG59O1xuXG5leHBvcnQgdHlwZSBDb2xsYXBzaWJsZUhlYWRlclByb3BzID0ge1xuICBvbkNsaWNrPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MQnV0dG9uRWxlbWVudD4pID0+IHZvaWQ7XG59ICYgUmVhY3QuQ29tcG9uZW50UHJvcHM8dHlwZW9mIEJveD47XG5cbmNvbnN0IEFOSU1BVElPTl9USU1FID0gMjAwO1xuY29uc3QgSXNFeHBhbmRlZENvbnRleHQgPSBjcmVhdGVDb250ZXh0KGZhbHNlKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENoaWxkcmVuQ29udGFpbmVyID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbn0pKTtcblxuY29uc3QgU3R5bGVkRXhwYW5kaW5nQ29udGFpbmVyID0gc3R5bGVkLmRpdjx7XG4gIGlzRXhwYW5kZWQ6IGJvb2xlYW47XG59PigoeyBpc0V4cGFuZGVkIH0pID0+ICh7XG4gIHRyYW5zZm9ybTogYHRyYW5zbGF0ZVkoJHtpc0V4cGFuZGVkID8gXCIwJVwiIDogXCJtYXgoLTEwMHB4LCAtNTAlKVwifSlgLFxuICB0cmFuc2l0aW9uOiBgdHJhbnNmb3JtICR7XG4gICAgaXNFeHBhbmRlZCA/IEFOSU1BVElPTl9USU1FIDogMFxuICB9bXMgY3ViaWMtYmV6aWVyKDAuMCwgMC4wLCAwLjI1LCAxLjApYCxcbn0pKTtcblxuY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkLmJ1dHRvbjx7IGlzRXhwYW5kZWQ6IGJvb2xlYW4gfT4oXG4gICh7IHRoZW1lLCBpc0V4cGFuZGVkIH0pID0+ICh7XG4gICAgZGlzcGxheTogXCJibG9ja1wiLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmJ1dHRvbi5zZWNvbmRhcnkuYmFzZSxcbiAgICBib3JkZXI6IFwibm9uZVwiLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgcGFkZGluZzogMCxcbiAgICAuLi4oaXNFeHBhbmRlZCAmJiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmRyb3Bkb3duLmFjdGl2ZSxcbiAgICAgIFwiOmdsb2JhbCguaXNEYXJrbW9kZUFjdGl2ZSkgJlwiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5idXR0b24uc2Vjb25kYXJ5LmJhc2UsXG4gICAgICB9LFxuICAgIH0pLFxuXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuZHJvcGRvd24uYWN0aXZlLFxuICAgICAgXCI6Z2xvYmFsKC5pc0Rhcmttb2RlQWN0aXZlKSAmXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLmJ1dHRvbi5zZWNvbmRhcnkuYmFzZSxcbiAgICAgIH0sXG4gICAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBDb2xsYXBzaWJsZUhlYWRlcih7XG4gIHNwYWNlLFxuICB2U3BhY2UsXG4gIHJTcGFjZSxcbiAgbFNwYWNlLFxuICB0U3BhY2UsXG4gIGJTcGFjZSxcbiAgb25DbGljayxcbiAgY2hpbGRyZW4sXG59OiBDb2xsYXBzaWJsZUhlYWRlclByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgaXNFeHBhbmRlZCA9IHVzZUNvbnRleHQoSXNFeHBhbmRlZENvbnRleHQpO1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRCdXR0b25cbiAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgZGF0YS1kcy1pZD1cIkNvbGxhcHNpYmxlSGVhZGVyXCJcbiAgICAgIGlzRXhwYW5kZWQ9e2lzRXhwYW5kZWR9XG4gICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgID5cbiAgICAgIDxCb3hcbiAgICAgICAgc3BhY2U9e3NwYWNlfVxuICAgICAgICB2U3BhY2U9e3ZTcGFjZX1cbiAgICAgICAgclNwYWNlPXtyU3BhY2V9XG4gICAgICAgIGxTcGFjZT17bFNwYWNlfVxuICAgICAgICB0U3BhY2U9e3RTcGFjZX1cbiAgICAgICAgYlNwYWNlPXtiU3BhY2V9XG4gICAgICA+XG4gICAgICAgIDxJbmxpbmUgYWxpZ25JdGVtcz1cInNwYWNlQmV0d2VlblwiIG5vV3JhcD5cbiAgICAgICAgICA8ZGl2PntjaGlsZHJlbn08L2Rpdj5cbiAgICAgICAgICA8SWNvblxuICAgICAgICAgICAgbmFtZT17aXNFeHBhbmRlZCA/IFwiY2hldnJvbi11cFwiIDogXCJjaGV2cm9uLWRvd25cIn1cbiAgICAgICAgICAgIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiXG4gICAgICAgICAgLz5cbiAgICAgICAgPC9JbmxpbmU+XG4gICAgICA8L0JveD5cbiAgICA8L1N0eWxlZEJ1dHRvbj5cbiAgKTtcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIENvbGxhcHNpYmxlKHtcbiAgaXNFeHBhbmRlZCxcbiAgY2hpbGRyZW4sXG59OiBDb2xsYXBzaWJsZVByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgW2NvbGxhcHNpYmxlSGVhZGVyLCAuLi5jb2xsYXBzaWJsZUNoaWxkcmVuXSA9IGNoaWxkcmVuO1xuICByZXR1cm4gKFxuICAgIDxJc0V4cGFuZGVkQ29udGV4dC5Qcm92aWRlciB2YWx1ZT17aXNFeHBhbmRlZH0+XG4gICAgICB7Y29sbGFwc2libGVIZWFkZXJ9XG4gICAgICA8U3R5bGVkQ2hpbGRyZW5Db250YWluZXIgZGF0YS1kcy1pZD1cIkNvbGxhcHNpYmxlXCI+XG4gICAgICAgIDxTdHlsZWRFeHBhbmRpbmdDb250YWluZXIgaXNFeHBhbmRlZD17aXNFeHBhbmRlZH0+XG4gICAgICAgICAge2lzRXhwYW5kZWQgJiYgY29sbGFwc2libGVDaGlsZHJlbn1cbiAgICAgICAgPC9TdHlsZWRFeHBhbmRpbmdDb250YWluZXI+XG4gICAgICA8L1N0eWxlZENoaWxkcmVuQ29udGFpbmVyPlxuICAgIDwvSXNFeHBhbmRlZENvbnRleHQuUHJvdmlkZXI+XG4gICk7XG59XG4iXX0= */");
 function CollapsibleHeader(_ref3) {
   let {
     space,
@@ -73,6 +73,7 @@ function CollapsibleHeader(_ref3) {
   const isExpanded = useContext(IsExpandedContext);
   return /*#__PURE__*/React.createElement(StyledButton, {
     type: "button",
+    "data-ds-id": "CollapsibleHeader",
     isExpanded: isExpanded,
     onClick: onClick
   }, /*#__PURE__*/React.createElement(Box, {
@@ -98,7 +99,9 @@ function Collapsible(_ref4) {
   const [collapsibleHeader, ...collapsibleChildren] = children;
   return /*#__PURE__*/React.createElement(IsExpandedContext.Provider, {
     value: isExpanded
-  }, collapsibleHeader, /*#__PURE__*/React.createElement(StyledChildrenContainer, null, /*#__PURE__*/React.createElement(StyledExpandingContainer, {
+  }, collapsibleHeader, /*#__PURE__*/React.createElement(StyledChildrenContainer, {
+    "data-ds-id": "Collapsible"
+  }, /*#__PURE__*/React.createElement(StyledExpandingContainer, {
     isExpanded: isExpanded
   }, isExpanded && collapsibleChildren)));
 }

package/build/esm/src/components/Collapsible/Collapsible.js.map

@@ -1 +1 @@
-{"version":3,"file":"Collapsible.js","sources":["../../../../../src/components/Collapsible/Collapsible.tsx"],"sourcesContent":["import React, { createContext, useContext } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Box } from \"../Box/Box\";\nimport { Icon } from \"../Icon/Icon\";\nimport { Inline } from \"../Inline/Inline\";\n\nexport type CollapsibleProps = {\n  /** the first element of the array of children has to be  `<CollapsibleHeader/>`. The rest of the children is the content visible after spreading the component */\n  children: [\n    React.ReactElement<CollapsibleHeaderProps>,\n    ...React.ReactElement[]\n  ];\n  isExpanded: boolean | undefined;\n};\n\nexport type CollapsibleHeaderProps = {\n  onClick?: (e: React.FormEvent<HTMLButtonElement>) => void;\n} & React.ComponentProps<typeof Box>;\n\nconst ANIMATION_TIME = 200;\nconst IsExpandedContext = createContext(false);\n\nexport const StyledChildrenContainer = styled.div(() => ({\n  overflow: \"hidden\",\n}));\n\nconst StyledExpandingContainer = styled.div<{\n  isExpanded: boolean;\n}>(({ isExpanded }) => ({\n  transform: `translateY(${isExpanded ? \"0%\" : \"max(-100px, -50%)\"})`,\n  transition: `transform ${\n    isExpanded ? ANIMATION_TIME : 0\n  }ms cubic-bezier(0.0, 0.0, 0.25, 1.0)`,\n}));\n\nconst StyledButton = styled.button<{ isExpanded: boolean }>(\n  ({ theme, isExpanded }) => ({\n    display: \"block\",\n    width: \"100%\",\n    backgroundColor: theme.values.color.background.button.secondary.base,\n    border: \"none\",\n    cursor: \"pointer\",\n    padding: 0,\n    ...(isExpanded && {\n      backgroundColor: theme.values.color.background.dropdown.active,\n      \":global(.isDarkmodeActive) &\": {\n        backgroundColor: theme.values.color.border.button.secondary.base,\n      },\n    }),\n\n    \"&:hover\": {\n      backgroundColor: theme.values.color.background.dropdown.active,\n      \":global(.isDarkmodeActive) &\": {\n        backgroundColor: theme.values.color.border.button.secondary.base,\n      },\n    },\n  })\n);\n\nexport function CollapsibleHeader({\n  space,\n  vSpace,\n  rSpace,\n  lSpace,\n  tSpace,\n  bSpace,\n  onClick,\n  children,\n}: CollapsibleHeaderProps): React.ReactElement {\n  const isExpanded = useContext(IsExpandedContext);\n  return (\n    <StyledButton type=\"button\" isExpanded={isExpanded} onClick={onClick}>\n      <Box\n        space={space}\n        vSpace={vSpace}\n        rSpace={rSpace}\n        lSpace={lSpace}\n        tSpace={tSpace}\n        bSpace={bSpace}\n      >\n        <Inline alignItems=\"spaceBetween\" noWrap>\n          <div>{children}</div>\n          <Icon\n            name={isExpanded ? \"chevron-up\" : \"chevron-down\"}\n            variant=\"tertiary\"\n          />\n        </Inline>\n      </Box>\n    </StyledButton>\n  );\n}\n\nexport function Collapsible({\n  isExpanded,\n  children,\n}: CollapsibleProps): React.ReactElement {\n  const [collapsibleHeader, ...collapsibleChildren] = children;\n  return (\n    <IsExpandedContext.Provider value={isExpanded}>\n      {collapsibleHeader}\n      <StyledChildrenContainer>\n        <StyledExpandingContainer isExpanded={isExpanded}>\n          {isExpanded && collapsibleChildren}\n        </StyledExpandingContainer>\n      </StyledChildrenContainer>\n    </IsExpandedContext.Provider>\n  );\n}\n"],"names":["ANIMATION_TIME","IsExpandedContext","createContext","StyledChildrenContainer","_styled","process","env","NODE_ENV","target","label","overflow","StyledExpandingContainer","_ref","isExpanded","transform","transition","StyledButton","_ref2","theme","display","width","backgroundColor","values","color","background","button","secondary","base","border","cursor","padding","dropdown","active","CollapsibleHeader","_ref3","space","vSpace","rSpace","lSpace","tSpace","bSpace","onClick","children","useContext","React","createElement","type","Box","Inline","alignItems","noWrap","Icon","name","variant","Collapsible","_ref4","collapsibleHeader","collapsibleChildren","Provider","value"],"mappings":"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"}
+{"version":3,"file":"Collapsible.js","sources":["../../../../../src/components/Collapsible/Collapsible.tsx"],"sourcesContent":["import React, { createContext, useContext } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Box } from \"../Box/Box\";\nimport { Icon } from \"../Icon/Icon\";\nimport { Inline } from \"../Inline/Inline\";\n\nexport type CollapsibleProps = {\n  /** the first element of the array of children has to be  `<CollapsibleHeader/>`. The rest of the children is the content visible after spreading the component */\n  children: [\n    React.ReactElement<CollapsibleHeaderProps>,\n    ...React.ReactElement[]\n  ];\n  isExpanded: boolean | undefined;\n};\n\nexport type CollapsibleHeaderProps = {\n  onClick?: (e: React.FormEvent<HTMLButtonElement>) => void;\n} & React.ComponentProps<typeof Box>;\n\nconst ANIMATION_TIME = 200;\nconst IsExpandedContext = createContext(false);\n\nexport const StyledChildrenContainer = styled.div(() => ({\n  overflow: \"hidden\",\n}));\n\nconst StyledExpandingContainer = styled.div<{\n  isExpanded: boolean;\n}>(({ isExpanded }) => ({\n  transform: `translateY(${isExpanded ? \"0%\" : \"max(-100px, -50%)\"})`,\n  transition: `transform ${\n    isExpanded ? ANIMATION_TIME : 0\n  }ms cubic-bezier(0.0, 0.0, 0.25, 1.0)`,\n}));\n\nconst StyledButton = styled.button<{ isExpanded: boolean }>(\n  ({ theme, isExpanded }) => ({\n    display: \"block\",\n    width: \"100%\",\n    backgroundColor: theme.values.color.background.button.secondary.base,\n    border: \"none\",\n    cursor: \"pointer\",\n    padding: 0,\n    ...(isExpanded && {\n      backgroundColor: theme.values.color.background.dropdown.active,\n      \":global(.isDarkmodeActive) &\": {\n        backgroundColor: theme.values.color.border.button.secondary.base,\n      },\n    }),\n\n    \"&:hover\": {\n      backgroundColor: theme.values.color.background.dropdown.active,\n      \":global(.isDarkmodeActive) &\": {\n        backgroundColor: theme.values.color.border.button.secondary.base,\n      },\n    },\n  })\n);\n\nexport function CollapsibleHeader({\n  space,\n  vSpace,\n  rSpace,\n  lSpace,\n  tSpace,\n  bSpace,\n  onClick,\n  children,\n}: CollapsibleHeaderProps): React.ReactElement {\n  const isExpanded = useContext(IsExpandedContext);\n  return (\n    <StyledButton\n      type=\"button\"\n      data-ds-id=\"CollapsibleHeader\"\n      isExpanded={isExpanded}\n      onClick={onClick}\n    >\n      <Box\n        space={space}\n        vSpace={vSpace}\n        rSpace={rSpace}\n        lSpace={lSpace}\n        tSpace={tSpace}\n        bSpace={bSpace}\n      >\n        <Inline alignItems=\"spaceBetween\" noWrap>\n          <div>{children}</div>\n          <Icon\n            name={isExpanded ? \"chevron-up\" : \"chevron-down\"}\n            variant=\"tertiary\"\n          />\n        </Inline>\n      </Box>\n    </StyledButton>\n  );\n}\n\nexport function Collapsible({\n  isExpanded,\n  children,\n}: CollapsibleProps): React.ReactElement {\n  const [collapsibleHeader, ...collapsibleChildren] = children;\n  return (\n    <IsExpandedContext.Provider value={isExpanded}>\n      {collapsibleHeader}\n      <StyledChildrenContainer data-ds-id=\"Collapsible\">\n        <StyledExpandingContainer isExpanded={isExpanded}>\n          {isExpanded && collapsibleChildren}\n        </StyledExpandingContainer>\n      </StyledChildrenContainer>\n    </IsExpandedContext.Provider>\n  );\n}\n"],"names":["ANIMATION_TIME","IsExpandedContext","createContext","StyledChildrenContainer","_styled","process","env","NODE_ENV","target","label","overflow","StyledExpandingContainer","_ref","isExpanded","transform","transition","StyledButton","_ref2","theme","display","width","backgroundColor","values","color","background","button","secondary","base","border","cursor","padding","dropdown","active","CollapsibleHeader","_ref3","space","vSpace","rSpace","lSpace","tSpace","bSpace","onClick","children","useContext","React","createElement","type","Box","Inline","alignItems","noWrap","Icon","name","variant","Collapsible","_ref4","collapsibleHeader","collapsibleChildren","Provider","value"],"mappings":"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"}

package/build/esm/src/components/Column/Columns.d.ts

@@ -18,6 +18,8 @@ export declare type ColumnsProps = {
      */
     vAlignItems?: VerticalAlignment | MQ<VerticalAlignment>;
     "data-e2e-test-id"?: string;
+    /** @ignore */
+    "data-ds-id"?: string;
 };
 export declare type ColumnProps = {
     children: React.ReactNode[] | React.ReactNode;
@@ -30,6 +32,8 @@ export declare type ColumnProps = {
     order?: Order | MQ<Order>;
     alignSelf?: ColumnAlignment | MQ<ColumnAlignment>;
     "data-e2e-test-id"?: string;
+    /** @ignore */
+    "data-ds-id"?: string;
 };
 export declare const Column: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;

package/build/esm/src/components/Column/Columns.js

@@ -6,12 +6,14 @@ const defaultProps = {
   alwaysFillSpace: false,
   alignItems: "left",
   vAlignItems: "top",
-  "data-e2e-test-id": undefined
+  "data-e2e-test-id": undefined,
+  "data-ds-id": "Columns"
 };
 const columnDefaultProps = {
   size: "auto",
   "data-e2e-test-id": undefined,
-  alignSelf: "auto"
+  alignSelf: "auto",
+  "data-ds-id": "Column"
 };
 const columnWidthObject = new Array(12).fill("").reduce((acc, _, index) => ({
   ...acc,
@@ -75,7 +77,7 @@ const Column = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production"
       flex: "none"
     }
   };
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbHVtbnMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFGc0IiLCJmaWxlIjoiQ29sdW1ucy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IG1xIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9tZWRpYVF1ZXJpZXNcIjtcbmltcG9ydCB7XG4gIE1RLFxuICBIb3Jpem9udGFsQWxpZ25tZW50LFxuICBTcGFjZVNpemVzLFxuICBWZXJ0aWNhbEFsaWdubWVudCxcbiAgQ29sdW1uU2l6ZXMsXG4gIENvbHVtbkFsaWdubWVudCxcbiAgT3JkZXIsXG59IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuXG5leHBvcnQgdHlwZSBDb2x1bW5zUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGVbXSB8IFJlYWN0LlJlYWN0Tm9kZTtcblxuICAvKiogcmVwcmVzZW50cyB0aGUgc2l6ZSBvZiBib3RoIGhvcml6b250YWwgYW5kIHZlcnRpY2FsIGdhcCBiZXR3ZWVuIGNoaWxkcmVuLCBjYW4gYmUgYSBzaW5nbGUgc3RyaW5nIG9yIGFuIGFycmF5IG9mIDMgc3RyaW5nc1xuICAgKiBzcGVjaWZ5IFtzbWFsbCBzY3JlZW4gZ2FwIHNpemUsIG1lZGl1bSBzY3JlZW4gZ2FwIHNpemUsIGxhcmdlIHNjcmVlbiBnYXAgc2l6ZV0gdG8gYXBwbHkgZGlmZmVyZW50IGdhcCBzaXplcyBmb3IgZGlmZmVyZW50IHNjcmVlbiBzaXplc1xuICAgKi9cbiAgZ2FwPzogU3BhY2VTaXplcyB8IE1RPFNwYWNlU2l6ZXM+O1xuXG4gIC8qKiBzZXQgdG8gdHJ1ZSBpZiB5b3Ugd2FudCB0aGUgbGFzdCBlbGVtZW50IHRvIGZpbGwgdGhlIHNwYWNlXG4gICAqL1xuICBhbHdheXNGaWxsU3BhY2U/OiBib29sZWFuO1xuXG4gIC8qKiBzcGVjaWZ5IGhvcml6b250YWwgYWxpZ25tZW50XG4gICAqIHNwZWNpZnkgW3NtYWxsIHNjcmVlbiBhbGlnbkl0ZW1zLCBtZWRpdW0gc2NyZWVuIGFsaWduSXRlbXMsIGxhcmdlIHNjcmVlbiBhbGlnbkl0ZW1zXSB0byBhcHBseSBkaWZmZXJlbnQgYWxpZ25JdGVtcyBmb3IgZGlmZmVyZW50IHNjcmVlbiBzaXplc1xuICAgKi9cbiAgYWxpZ25JdGVtcz86IEhvcml6b250YWxBbGlnbm1lbnQgfCBNUTxIb3Jpem9udGFsQWxpZ25tZW50PjtcblxuICAvKiogc3BlY2lmeSB2ZXJ0aWNhbCBhbGlnbm1lbnRcbiAgICogc3BlY2lmeSBbc21hbGwgc2NyZWVuIHZBbGlnbkl0ZW1zLCBtZWRpdW0gc2NyZWVuIHZBbGlnbkl0ZW1zLCBsYXJnZSBzY3JlZW4gdkFsaWduSXRlbXNdIHRvIGFwcGx5IGRpZmZlcmVudCB2QWxpZ25JdGVtcyBmb3IgZGlmZmVyZW50IHNjcmVlbiBzaXplc1xuICAgKi9cbiAgdkFsaWduSXRlbXM/OiBWZXJ0aWNhbEFsaWdubWVudCB8IE1RPFZlcnRpY2FsQWxpZ25tZW50PjtcblxuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbn07XG5cbmNvbnN0IGRlZmF1bHRQcm9wczogUGFydGlhbDxDb2x1bW5zUHJvcHM+ID0ge1xuICBnYXA6IFwiemVyb1wiLFxuICBhbHdheXNGaWxsU3BhY2U6IGZhbHNlLFxuICBhbGlnbkl0ZW1zOiBcImxlZnRcIixcbiAgdkFsaWduSXRlbXM6IFwidG9wXCIsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiB1bmRlZmluZWQsXG59O1xuXG5leHBvcnQgdHlwZSBDb2x1bW5Qcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZVtdIHwgUmVhY3QuUmVhY3ROb2RlO1xuXG4gIC8qKiByZXByZXNlbnRzIHRoZSBzaXplIG9mIHRoZSBjb2x1bW4sIGNhbiBiZSBhIHNpbmdsZSBudW1iZXIgb3IgYW4gYXJyYXkgb2YgMyBudW1iZXJzIHdpdGggYSB2YWx1ZSByYW5naW5nIGZyb20gMSB0byAxMlxuICAgKiBzcGVjaWZ5IFtzbWFsbCBzY3JlZW4gY29sdW1uIHNpemUsIG1lZGl1bSBzY3JlZW4gY29sdW1uIHNpemUsIGxhcmdlIHNjcmVlbiBjb2x1bW4gc2l6ZV0gdG8gYXBwbHkgZGlmZmVyZW50IHZhbHVlcyBmb3IgZGlmZmVyZW50IHNjcmVlbiBzaXplc1xuICAgKi9cbiAgc2l6ZT86IENvbHVtblNpemVzIHwgTVE8Q29sdW1uU2l6ZXM+O1xuXG4gIC8qKiBzcGVjaWZ5IHRoZSB2aXN1YWwgcG9zaXRpb25pbmcgb2YgdGhlIGNvbHVtbi4gW3NtYWxsIHNjcmVlbiBjb2x1bW4gb3JkZXIsIG1lZGl1bSBzY3JlZW4gY29sdW1uIG9yZGVyLCBsYXJnZSBzY3JlZW4gY29sdW1uIG9yZGVyXSB0byBhcHBseSBkaWZmZXJlbnQgb3JkZXIgZm9yIGRpZmZlcmVudCBzY3JlZW4gc2l6ZXNcbiAgICovXG4gIG9yZGVyPzogT3JkZXIgfCBNUTxPcmRlcj47XG5cbiAgYWxpZ25TZWxmPzogQ29sdW1uQWxpZ25tZW50IHwgTVE8Q29sdW1uQWxpZ25tZW50PjtcblxuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbn07XG5cbmNvbnN0IGNvbHVtbkRlZmF1bHRQcm9wczogUGFydGlhbDxDb2x1bW5Qcm9wcz4gPSB7XG4gIHNpemU6IFwiYXV0b1wiLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogdW5kZWZpbmVkLFxuICBhbGlnblNlbGY6IFwiYXV0b1wiLFxufTtcblxuY29uc3QgY29sdW1uV2lkdGhPYmplY3QgPSBuZXcgQXJyYXkoMTIpLmZpbGwoXCJcIikucmVkdWNlKFxuICAoYWNjLCBfLCBpbmRleCkgPT4gKHtcbiAgICAuLi5hY2MsXG4gICAgW2luZGV4ICsgMV06IGAkeygoaW5kZXggKyAxKSAqIDEwMCkgLyAxMn0lYCxcbiAgfSksXG4gIHt9XG4pO1xuXG5jb25zdCBtYWtlTmVnYXRpdmUgPSAob2JqOiBSZWNvcmQ8c3RyaW5nLCBzdHJpbmc+KTogUmVjb3JkPHN0cmluZywgc3RyaW5nPiA9PlxuICBPYmplY3QuZW50cmllcyhvYmopXG4gICAgLm1hcCgoW2tleSwgdmFsdWVdKSA9PiBba2V5LCBgLSR7dmFsdWV9YF0pXG4gICAgLnJlZHVjZSgoYWNjLCBba2V5LCB2YWx1ZV0pID0+IHtcbiAgICAgIGFjY1trZXldID0gdmFsdWU7XG4gICAgICByZXR1cm4gYWNjO1xuICAgIH0sIHt9IGFzIFJlY29yZDxzdHJpbmcsIHN0cmluZz4pO1xuXG5leHBvcnQgY29uc3QgQ29sdW1uID0gc3R5bGVkLmRpdjxQYXJ0aWFsPENvbHVtblByb3BzPj4oXG4gICh7IHNpemUsIG9yZGVyLCBhbGlnblNlbGYgfSkgPT4gKHtcbiAgICAuLi5tcSh7XG4gICAgICB3aWR0aDogW3NpemUsIHsgLi4uY29sdW1uV2lkdGhPYmplY3QsIGZpbGw6IFwiMXB4XCIgfV0sXG4gICAgICBmbGV4OiBbc2l6ZSwgeyBuYXJyb3c6IFwibm9uZVwiLCBhdXRvOiBcIjFcIiwgZmlsbDogdW5kZWZpbmVkIH1dLFxuICAgICAgb3JkZXI6IFtvcmRlciwgeyBmaXJzdDogXCItMVwiLCBsYXN0OiBcIjFcIiwgdW5zZXQ6IFwiMFwiIH1dLFxuICAgICAgZmxleFNocmluazogW3NpemUsIHsgZmlsbDogMSwgYXV0bzogdW5kZWZpbmVkLCBuYXJyb3c6IHVuZGVmaW5lZCB9XSxcbiAgICAgIGZsZXhHcm93OiBbc2l6ZSwgeyBmaWxsOiAxLCBhdXRvOiB1bmRlZmluZWQsIG5hcnJvdzogdW5kZWZpbmVkIH1dLFxuICAgICAgYWxpZ25TZWxmOiBbXG4gICAgICAgIGFsaWduU2VsZixcbiAgICAgICAge1xuICAgICAgICAgIGF1dG86IFwiYXV0b1wiLFxuICAgICAgICAgIHN0YXJ0OiBcInN0YXJ0XCIsXG4gICAgICAgICAgY2VudGVyOiBcImNlbnRlclwiLFxuICAgICAgICAgIGVuZDogXCJlbmRcIixcbiAgICAgICAgfSxcbiAgICAgIF0sXG4gICAgfSksXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBcIiY6ZW1wdHlcIjoge1xuICAgICAgd2lkdGg6IDAsXG4gICAgICBmbGV4OiBcIm5vbmVcIixcbiAgICB9LFxuICB9KVxuKTtcblxuQ29sdW1uLmRlZmF1bHRQcm9wcyA9IGNvbHVtbkRlZmF1bHRQcm9wcztcblxuZXhwb3J0IGNvbnN0IENvbHVtbnMgPSBzdHlsZWQuZGl2PFBhcnRpYWw8Q29sdW1uc1Byb3BzPj4oXG4gICh7IHRoZW1lLCBhbGlnbkl0ZW1zLCB2QWxpZ25JdGVtcywgZ2FwIH0pID0+ICh7XG4gICAgd2lkdGg6IFwiYXV0b1wiLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGp1c3RpZnlJdGVtczogXCJzdHJldGNoXCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwic3RyZXRjaFwiLFxuICAgIGFsaWduSXRlbXM6IFwic3RyZXRjaFwiLFxuICAgIGZsZXhXcmFwOiBcIndyYXBcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICAgIC4uLm1xKHtcbiAgICAgIGFsaWduSXRlbXM6IFtcbiAgICAgICAgdkFsaWduSXRlbXMsXG4gICAgICAgIHtcbiAgICAgICAgICB0b3A6IFwiZmxleC1zdGFydFwiLFxuICAgICAgICAgIGJvdHRvbTogXCJmbGV4LWVuZFwiLFxuICAgICAgICAgIGNlbnRlcjogXCJjZW50ZXJcIixcbiAgICAgICAgICBzcGFjZUJldHdlZW46IFwic3BhY2UtYmV0d2VlblwiLFxuICAgICAgICB9LFxuICAgICAgXSxcbiAgICAgIGp1c3RpZnlDb250ZW50OiBbXG4gICAgICAgIGFsaWduSXRlbXMsXG4gICAgICAgIHtcbiAgICAgICAgICBsZWZ0OiBcImZsZXgtc3RhcnRcIixcbiAgICAgICAgICByaWdodDogXCJmbGV4LWVuZFwiLFxuICAgICAgICAgIGNlbnRlcjogXCJjZW50ZXJcIixcbiAgICAgICAgICBzcGFjZUJldHdlZW46IFwic3BhY2UtYmV0d2VlblwiLFxuICAgICAgICB9LFxuICAgICAgXSxcbiAgICAgIG1hcmdpblJpZ2h0OiBbZ2FwLCBtYWtlTmVnYXRpdmUodGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZyldLFxuICAgICAgbWFyZ2luQm90dG9tOiBbZ2FwLCBtYWtlTmVnYXRpdmUodGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZyldLFxuICAgIH0pLFxuICAgIFtDb2x1bW4gYXMgdW5rbm93biBhcyBzdHJpbmddOiB7XG4gICAgICAuLi5tcSh7XG4gICAgICAgIG1hcmdpbkJvdHRvbTogW2dhcCwgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZ10sXG4gICAgICAgIHBhZGRpbmdSaWdodDogW2dhcCwgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZ10sXG4gICAgICB9KSxcbiAgICB9LFxuICB9KSxcbiAgKHsgYWx3YXlzRmlsbFNwYWNlIH0pID0+XG4gICAgYWx3YXlzRmlsbFNwYWNlICYmIHtcbiAgICAgIFtDb2x1bW4gYXMgdW5rbm93biBhcyBzdHJpbmddOiB7XG4gICAgICAgIFwiJjpsYXN0LWNoaWxkXCI6IHtcbiAgICAgICAgICBmbGV4R3JvdzogMSxcbiAgICAgICAgICBmbGV4U2hyaW5rOiAxLFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICB9XG4pO1xuXG5Db2x1bW5zLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcbiJdfQ== */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbHVtbnMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZGc0IiLCJmaWxlIjoiQ29sdW1ucy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IG1xIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9tZWRpYVF1ZXJpZXNcIjtcbmltcG9ydCB7XG4gIE1RLFxuICBIb3Jpem9udGFsQWxpZ25tZW50LFxuICBTcGFjZVNpemVzLFxuICBWZXJ0aWNhbEFsaWdubWVudCxcbiAgQ29sdW1uU2l6ZXMsXG4gIENvbHVtbkFsaWdubWVudCxcbiAgT3JkZXIsXG59IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuXG5leHBvcnQgdHlwZSBDb2x1bW5zUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGVbXSB8IFJlYWN0LlJlYWN0Tm9kZTtcblxuICAvKiogcmVwcmVzZW50cyB0aGUgc2l6ZSBvZiBib3RoIGhvcml6b250YWwgYW5kIHZlcnRpY2FsIGdhcCBiZXR3ZWVuIGNoaWxkcmVuLCBjYW4gYmUgYSBzaW5nbGUgc3RyaW5nIG9yIGFuIGFycmF5IG9mIDMgc3RyaW5nc1xuICAgKiBzcGVjaWZ5IFtzbWFsbCBzY3JlZW4gZ2FwIHNpemUsIG1lZGl1bSBzY3JlZW4gZ2FwIHNpemUsIGxhcmdlIHNjcmVlbiBnYXAgc2l6ZV0gdG8gYXBwbHkgZGlmZmVyZW50IGdhcCBzaXplcyBmb3IgZGlmZmVyZW50IHNjcmVlbiBzaXplc1xuICAgKi9cbiAgZ2FwPzogU3BhY2VTaXplcyB8IE1RPFNwYWNlU2l6ZXM+O1xuXG4gIC8qKiBzZXQgdG8gdHJ1ZSBpZiB5b3Ugd2FudCB0aGUgbGFzdCBlbGVtZW50IHRvIGZpbGwgdGhlIHNwYWNlXG4gICAqL1xuICBhbHdheXNGaWxsU3BhY2U/OiBib29sZWFuO1xuXG4gIC8qKiBzcGVjaWZ5IGhvcml6b250YWwgYWxpZ25tZW50XG4gICAqIHNwZWNpZnkgW3NtYWxsIHNjcmVlbiBhbGlnbkl0ZW1zLCBtZWRpdW0gc2NyZWVuIGFsaWduSXRlbXMsIGxhcmdlIHNjcmVlbiBhbGlnbkl0ZW1zXSB0byBhcHBseSBkaWZmZXJlbnQgYWxpZ25JdGVtcyBmb3IgZGlmZmVyZW50IHNjcmVlbiBzaXplc1xuICAgKi9cbiAgYWxpZ25JdGVtcz86IEhvcml6b250YWxBbGlnbm1lbnQgfCBNUTxIb3Jpem9udGFsQWxpZ25tZW50PjtcblxuICAvKiogc3BlY2lmeSB2ZXJ0aWNhbCBhbGlnbm1lbnRcbiAgICogc3BlY2lmeSBbc21hbGwgc2NyZWVuIHZBbGlnbkl0ZW1zLCBtZWRpdW0gc2NyZWVuIHZBbGlnbkl0ZW1zLCBsYXJnZSBzY3JlZW4gdkFsaWduSXRlbXNdIHRvIGFwcGx5IGRpZmZlcmVudCB2QWxpZ25JdGVtcyBmb3IgZGlmZmVyZW50IHNjcmVlbiBzaXplc1xuICAgKi9cbiAgdkFsaWduSXRlbXM/OiBWZXJ0aWNhbEFsaWdubWVudCB8IE1RPFZlcnRpY2FsQWxpZ25tZW50PjtcblxuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcblxuICAvKiogQGlnbm9yZSAqL1xuICBcImRhdGEtZHMtaWRcIj86IHN0cmluZztcbn07XG5cbmNvbnN0IGRlZmF1bHRQcm9wczogUGFydGlhbDxDb2x1bW5zUHJvcHM+ID0ge1xuICBnYXA6IFwiemVyb1wiLFxuICBhbHdheXNGaWxsU3BhY2U6IGZhbHNlLFxuICBhbGlnbkl0ZW1zOiBcImxlZnRcIixcbiAgdkFsaWduSXRlbXM6IFwidG9wXCIsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiB1bmRlZmluZWQsXG4gIFwiZGF0YS1kcy1pZFwiOiBcIkNvbHVtbnNcIixcbn07XG5cbmV4cG9ydCB0eXBlIENvbHVtblByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlW10gfCBSZWFjdC5SZWFjdE5vZGU7XG5cbiAgLyoqIHJlcHJlc2VudHMgdGhlIHNpemUgb2YgdGhlIGNvbHVtbiwgY2FuIGJlIGEgc2luZ2xlIG51bWJlciBvciBhbiBhcnJheSBvZiAzIG51bWJlcnMgd2l0aCBhIHZhbHVlIHJhbmdpbmcgZnJvbSAxIHRvIDEyXG4gICAqIHNwZWNpZnkgW3NtYWxsIHNjcmVlbiBjb2x1bW4gc2l6ZSwgbWVkaXVtIHNjcmVlbiBjb2x1bW4gc2l6ZSwgbGFyZ2Ugc2NyZWVuIGNvbHVtbiBzaXplXSB0byBhcHBseSBkaWZmZXJlbnQgdmFsdWVzIGZvciBkaWZmZXJlbnQgc2NyZWVuIHNpemVzXG4gICAqL1xuICBzaXplPzogQ29sdW1uU2l6ZXMgfCBNUTxDb2x1bW5TaXplcz47XG5cbiAgLyoqIHNwZWNpZnkgdGhlIHZpc3VhbCBwb3NpdGlvbmluZyBvZiB0aGUgY29sdW1uLiBbc21hbGwgc2NyZWVuIGNvbHVtbiBvcmRlciwgbWVkaXVtIHNjcmVlbiBjb2x1bW4gb3JkZXIsIGxhcmdlIHNjcmVlbiBjb2x1bW4gb3JkZXJdIHRvIGFwcGx5IGRpZmZlcmVudCBvcmRlciBmb3IgZGlmZmVyZW50IHNjcmVlbiBzaXplc1xuICAgKi9cbiAgb3JkZXI/OiBPcmRlciB8IE1RPE9yZGVyPjtcblxuICBhbGlnblNlbGY/OiBDb2x1bW5BbGlnbm1lbnQgfCBNUTxDb2x1bW5BbGlnbm1lbnQ+O1xuXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xuXG4gIC8qKiBAaWdub3JlICovXG4gIFwiZGF0YS1kcy1pZFwiPzogc3RyaW5nO1xufTtcblxuY29uc3QgY29sdW1uRGVmYXVsdFByb3BzOiBQYXJ0aWFsPENvbHVtblByb3BzPiA9IHtcbiAgc2l6ZTogXCJhdXRvXCIsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiB1bmRlZmluZWQsXG4gIGFsaWduU2VsZjogXCJhdXRvXCIsXG4gIFwiZGF0YS1kcy1pZFwiOiBcIkNvbHVtblwiLFxufTtcblxuY29uc3QgY29sdW1uV2lkdGhPYmplY3QgPSBuZXcgQXJyYXkoMTIpLmZpbGwoXCJcIikucmVkdWNlKFxuICAoYWNjLCBfLCBpbmRleCkgPT4gKHtcbiAgICAuLi5hY2MsXG4gICAgW2luZGV4ICsgMV06IGAkeygoaW5kZXggKyAxKSAqIDEwMCkgLyAxMn0lYCxcbiAgfSksXG4gIHt9XG4pO1xuXG5jb25zdCBtYWtlTmVnYXRpdmUgPSAob2JqOiBSZWNvcmQ8c3RyaW5nLCBzdHJpbmc+KTogUmVjb3JkPHN0cmluZywgc3RyaW5nPiA9PlxuICBPYmplY3QuZW50cmllcyhvYmopXG4gICAgLm1hcCgoW2tleSwgdmFsdWVdKSA9PiBba2V5LCBgLSR7dmFsdWV9YF0pXG4gICAgLnJlZHVjZSgoYWNjLCBba2V5LCB2YWx1ZV0pID0+IHtcbiAgICAgIGFjY1trZXldID0gdmFsdWU7XG4gICAgICByZXR1cm4gYWNjO1xuICAgIH0sIHt9IGFzIFJlY29yZDxzdHJpbmcsIHN0cmluZz4pO1xuXG5leHBvcnQgY29uc3QgQ29sdW1uID0gc3R5bGVkLmRpdjxQYXJ0aWFsPENvbHVtblByb3BzPj4oXG4gICh7IHNpemUsIG9yZGVyLCBhbGlnblNlbGYgfSkgPT4gKHtcbiAgICAuLi5tcSh7XG4gICAgICB3aWR0aDogW3NpemUsIHsgLi4uY29sdW1uV2lkdGhPYmplY3QsIGZpbGw6IFwiMXB4XCIgfV0sXG4gICAgICBmbGV4OiBbc2l6ZSwgeyBuYXJyb3c6IFwibm9uZVwiLCBhdXRvOiBcIjFcIiwgZmlsbDogdW5kZWZpbmVkIH1dLFxuICAgICAgb3JkZXI6IFtvcmRlciwgeyBmaXJzdDogXCItMVwiLCBsYXN0OiBcIjFcIiwgdW5zZXQ6IFwiMFwiIH1dLFxuICAgICAgZmxleFNocmluazogW3NpemUsIHsgZmlsbDogMSwgYXV0bzogdW5kZWZpbmVkLCBuYXJyb3c6IHVuZGVmaW5lZCB9XSxcbiAgICAgIGZsZXhHcm93OiBbc2l6ZSwgeyBmaWxsOiAxLCBhdXRvOiB1bmRlZmluZWQsIG5hcnJvdzogdW5kZWZpbmVkIH1dLFxuICAgICAgYWxpZ25TZWxmOiBbXG4gICAgICAgIGFsaWduU2VsZixcbiAgICAgICAge1xuICAgICAgICAgIGF1dG86IFwiYXV0b1wiLFxuICAgICAgICAgIHN0YXJ0OiBcInN0YXJ0XCIsXG4gICAgICAgICAgY2VudGVyOiBcImNlbnRlclwiLFxuICAgICAgICAgIGVuZDogXCJlbmRcIixcbiAgICAgICAgfSxcbiAgICAgIF0sXG4gICAgfSksXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBcIiY6ZW1wdHlcIjoge1xuICAgICAgd2lkdGg6IDAsXG4gICAgICBmbGV4OiBcIm5vbmVcIixcbiAgICB9LFxuICB9KVxuKTtcblxuQ29sdW1uLmRlZmF1bHRQcm9wcyA9IGNvbHVtbkRlZmF1bHRQcm9wcztcblxuZXhwb3J0IGNvbnN0IENvbHVtbnMgPSBzdHlsZWQuZGl2PFBhcnRpYWw8Q29sdW1uc1Byb3BzPj4oXG4gICh7IHRoZW1lLCBhbGlnbkl0ZW1zLCB2QWxpZ25JdGVtcywgZ2FwIH0pID0+ICh7XG4gICAgd2lkdGg6IFwiYXV0b1wiLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGp1c3RpZnlJdGVtczogXCJzdHJldGNoXCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwic3RyZXRjaFwiLFxuICAgIGFsaWduSXRlbXM6IFwic3RyZXRjaFwiLFxuICAgIGZsZXhXcmFwOiBcIndyYXBcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICAgIC4uLm1xKHtcbiAgICAgIGFsaWduSXRlbXM6IFtcbiAgICAgICAgdkFsaWduSXRlbXMsXG4gICAgICAgIHtcbiAgICAgICAgICB0b3A6IFwiZmxleC1zdGFydFwiLFxuICAgICAgICAgIGJvdHRvbTogXCJmbGV4LWVuZFwiLFxuICAgICAgICAgIGNlbnRlcjogXCJjZW50ZXJcIixcbiAgICAgICAgICBzcGFjZUJldHdlZW46IFwic3BhY2UtYmV0d2VlblwiLFxuICAgICAgICB9LFxuICAgICAgXSxcbiAgICAgIGp1c3RpZnlDb250ZW50OiBbXG4gICAgICAgIGFsaWduSXRlbXMsXG4gICAgICAgIHtcbiAgICAgICAgICBsZWZ0OiBcImZsZXgtc3RhcnRcIixcbiAgICAgICAgICByaWdodDogXCJmbGV4LWVuZFwiLFxuICAgICAgICAgIGNlbnRlcjogXCJjZW50ZXJcIixcbiAgICAgICAgICBzcGFjZUJldHdlZW46IFwic3BhY2UtYmV0d2VlblwiLFxuICAgICAgICB9LFxuICAgICAgXSxcbiAgICAgIG1hcmdpblJpZ2h0OiBbZ2FwLCBtYWtlTmVnYXRpdmUodGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZyldLFxuICAgICAgbWFyZ2luQm90dG9tOiBbZ2FwLCBtYWtlTmVnYXRpdmUodGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZyldLFxuICAgIH0pLFxuICAgIFtDb2x1bW4gYXMgdW5rbm93biBhcyBzdHJpbmddOiB7XG4gICAgICAuLi5tcSh7XG4gICAgICAgIG1hcmdpbkJvdHRvbTogW2dhcCwgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZ10sXG4gICAgICAgIHBhZGRpbmdSaWdodDogW2dhcCwgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZ10sXG4gICAgICB9KSxcbiAgICB9LFxuICB9KSxcbiAgKHsgYWx3YXlzRmlsbFNwYWNlIH0pID0+XG4gICAgYWx3YXlzRmlsbFNwYWNlICYmIHtcbiAgICAgIFtDb2x1bW4gYXMgdW5rbm93biBhcyBzdHJpbmddOiB7XG4gICAgICAgIFwiJjpsYXN0LWNoaWxkXCI6IHtcbiAgICAgICAgICBmbGV4R3JvdzogMSxcbiAgICAgICAgICBmbGV4U2hyaW5rOiAxLFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICB9XG4pO1xuXG5Db2x1bW5zLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcbiJdfQ== */");
 Column.defaultProps = columnDefaultProps;
 const Columns = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "e1pdebaf0"
@@ -132,7 +134,7 @@ const Columns = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production
       }
     }
   };
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbHVtbnMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlIdUIiLCJmaWxlIjoiQ29sdW1ucy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IG1xIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9tZWRpYVF1ZXJpZXNcIjtcbmltcG9ydCB7XG4gIE1RLFxuICBIb3Jpem9udGFsQWxpZ25tZW50LFxuICBTcGFjZVNpemVzLFxuICBWZXJ0aWNhbEFsaWdubWVudCxcbiAgQ29sdW1uU2l6ZXMsXG4gIENvbHVtbkFsaWdubWVudCxcbiAgT3JkZXIsXG59IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuXG5leHBvcnQgdHlwZSBDb2x1bW5zUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGVbXSB8IFJlYWN0LlJlYWN0Tm9kZTtcblxuICAvKiogcmVwcmVzZW50cyB0aGUgc2l6ZSBvZiBib3RoIGhvcml6b250YWwgYW5kIHZlcnRpY2FsIGdhcCBiZXR3ZWVuIGNoaWxkcmVuLCBjYW4gYmUgYSBzaW5nbGUgc3RyaW5nIG9yIGFuIGFycmF5IG9mIDMgc3RyaW5nc1xuICAgKiBzcGVjaWZ5IFtzbWFsbCBzY3JlZW4gZ2FwIHNpemUsIG1lZGl1bSBzY3JlZW4gZ2FwIHNpemUsIGxhcmdlIHNjcmVlbiBnYXAgc2l6ZV0gdG8gYXBwbHkgZGlmZmVyZW50IGdhcCBzaXplcyBmb3IgZGlmZmVyZW50IHNjcmVlbiBzaXplc1xuICAgKi9cbiAgZ2FwPzogU3BhY2VTaXplcyB8IE1RPFNwYWNlU2l6ZXM+O1xuXG4gIC8qKiBzZXQgdG8gdHJ1ZSBpZiB5b3Ugd2FudCB0aGUgbGFzdCBlbGVtZW50IHRvIGZpbGwgdGhlIHNwYWNlXG4gICAqL1xuICBhbHdheXNGaWxsU3BhY2U/OiBib29sZWFuO1xuXG4gIC8qKiBzcGVjaWZ5IGhvcml6b250YWwgYWxpZ25tZW50XG4gICAqIHNwZWNpZnkgW3NtYWxsIHNjcmVlbiBhbGlnbkl0ZW1zLCBtZWRpdW0gc2NyZWVuIGFsaWduSXRlbXMsIGxhcmdlIHNjcmVlbiBhbGlnbkl0ZW1zXSB0byBhcHBseSBkaWZmZXJlbnQgYWxpZ25JdGVtcyBmb3IgZGlmZmVyZW50IHNjcmVlbiBzaXplc1xuICAgKi9cbiAgYWxpZ25JdGVtcz86IEhvcml6b250YWxBbGlnbm1lbnQgfCBNUTxIb3Jpem9udGFsQWxpZ25tZW50PjtcblxuICAvKiogc3BlY2lmeSB2ZXJ0aWNhbCBhbGlnbm1lbnRcbiAgICogc3BlY2lmeSBbc21hbGwgc2NyZWVuIHZBbGlnbkl0ZW1zLCBtZWRpdW0gc2NyZWVuIHZBbGlnbkl0ZW1zLCBsYXJnZSBzY3JlZW4gdkFsaWduSXRlbXNdIHRvIGFwcGx5IGRpZmZlcmVudCB2QWxpZ25JdGVtcyBmb3IgZGlmZmVyZW50IHNjcmVlbiBzaXplc1xuICAgKi9cbiAgdkFsaWduSXRlbXM/OiBWZXJ0aWNhbEFsaWdubWVudCB8IE1RPFZlcnRpY2FsQWxpZ25tZW50PjtcblxuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbn07XG5cbmNvbnN0IGRlZmF1bHRQcm9wczogUGFydGlhbDxDb2x1bW5zUHJvcHM+ID0ge1xuICBnYXA6IFwiemVyb1wiLFxuICBhbHdheXNGaWxsU3BhY2U6IGZhbHNlLFxuICBhbGlnbkl0ZW1zOiBcImxlZnRcIixcbiAgdkFsaWduSXRlbXM6IFwidG9wXCIsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiB1bmRlZmluZWQsXG59O1xuXG5leHBvcnQgdHlwZSBDb2x1bW5Qcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZVtdIHwgUmVhY3QuUmVhY3ROb2RlO1xuXG4gIC8qKiByZXByZXNlbnRzIHRoZSBzaXplIG9mIHRoZSBjb2x1bW4sIGNhbiBiZSBhIHNpbmdsZSBudW1iZXIgb3IgYW4gYXJyYXkgb2YgMyBudW1iZXJzIHdpdGggYSB2YWx1ZSByYW5naW5nIGZyb20gMSB0byAxMlxuICAgKiBzcGVjaWZ5IFtzbWFsbCBzY3JlZW4gY29sdW1uIHNpemUsIG1lZGl1bSBzY3JlZW4gY29sdW1uIHNpemUsIGxhcmdlIHNjcmVlbiBjb2x1bW4gc2l6ZV0gdG8gYXBwbHkgZGlmZmVyZW50IHZhbHVlcyBmb3IgZGlmZmVyZW50IHNjcmVlbiBzaXplc1xuICAgKi9cbiAgc2l6ZT86IENvbHVtblNpemVzIHwgTVE8Q29sdW1uU2l6ZXM+O1xuXG4gIC8qKiBzcGVjaWZ5IHRoZSB2aXN1YWwgcG9zaXRpb25pbmcgb2YgdGhlIGNvbHVtbi4gW3NtYWxsIHNjcmVlbiBjb2x1bW4gb3JkZXIsIG1lZGl1bSBzY3JlZW4gY29sdW1uIG9yZGVyLCBsYXJnZSBzY3JlZW4gY29sdW1uIG9yZGVyXSB0byBhcHBseSBkaWZmZXJlbnQgb3JkZXIgZm9yIGRpZmZlcmVudCBzY3JlZW4gc2l6ZXNcbiAgICovXG4gIG9yZGVyPzogT3JkZXIgfCBNUTxPcmRlcj47XG5cbiAgYWxpZ25TZWxmPzogQ29sdW1uQWxpZ25tZW50IHwgTVE8Q29sdW1uQWxpZ25tZW50PjtcblxuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbn07XG5cbmNvbnN0IGNvbHVtbkRlZmF1bHRQcm9wczogUGFydGlhbDxDb2x1bW5Qcm9wcz4gPSB7XG4gIHNpemU6IFwiYXV0b1wiLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogdW5kZWZpbmVkLFxuICBhbGlnblNlbGY6IFwiYXV0b1wiLFxufTtcblxuY29uc3QgY29sdW1uV2lkdGhPYmplY3QgPSBuZXcgQXJyYXkoMTIpLmZpbGwoXCJcIikucmVkdWNlKFxuICAoYWNjLCBfLCBpbmRleCkgPT4gKHtcbiAgICAuLi5hY2MsXG4gICAgW2luZGV4ICsgMV06IGAkeygoaW5kZXggKyAxKSAqIDEwMCkgLyAxMn0lYCxcbiAgfSksXG4gIHt9XG4pO1xuXG5jb25zdCBtYWtlTmVnYXRpdmUgPSAob2JqOiBSZWNvcmQ8c3RyaW5nLCBzdHJpbmc+KTogUmVjb3JkPHN0cmluZywgc3RyaW5nPiA9PlxuICBPYmplY3QuZW50cmllcyhvYmopXG4gICAgLm1hcCgoW2tleSwgdmFsdWVdKSA9PiBba2V5LCBgLSR7dmFsdWV9YF0pXG4gICAgLnJlZHVjZSgoYWNjLCBba2V5LCB2YWx1ZV0pID0+IHtcbiAgICAgIGFjY1trZXldID0gdmFsdWU7XG4gICAgICByZXR1cm4gYWNjO1xuICAgIH0sIHt9IGFzIFJlY29yZDxzdHJpbmcsIHN0cmluZz4pO1xuXG5leHBvcnQgY29uc3QgQ29sdW1uID0gc3R5bGVkLmRpdjxQYXJ0aWFsPENvbHVtblByb3BzPj4oXG4gICh7IHNpemUsIG9yZGVyLCBhbGlnblNlbGYgfSkgPT4gKHtcbiAgICAuLi5tcSh7XG4gICAgICB3aWR0aDogW3NpemUsIHsgLi4uY29sdW1uV2lkdGhPYmplY3QsIGZpbGw6IFwiMXB4XCIgfV0sXG4gICAgICBmbGV4OiBbc2l6ZSwgeyBuYXJyb3c6IFwibm9uZVwiLCBhdXRvOiBcIjFcIiwgZmlsbDogdW5kZWZpbmVkIH1dLFxuICAgICAgb3JkZXI6IFtvcmRlciwgeyBmaXJzdDogXCItMVwiLCBsYXN0OiBcIjFcIiwgdW5zZXQ6IFwiMFwiIH1dLFxuICAgICAgZmxleFNocmluazogW3NpemUsIHsgZmlsbDogMSwgYXV0bzogdW5kZWZpbmVkLCBuYXJyb3c6IHVuZGVmaW5lZCB9XSxcbiAgICAgIGZsZXhHcm93OiBbc2l6ZSwgeyBmaWxsOiAxLCBhdXRvOiB1bmRlZmluZWQsIG5hcnJvdzogdW5kZWZpbmVkIH1dLFxuICAgICAgYWxpZ25TZWxmOiBbXG4gICAgICAgIGFsaWduU2VsZixcbiAgICAgICAge1xuICAgICAgICAgIGF1dG86IFwiYXV0b1wiLFxuICAgICAgICAgIHN0YXJ0OiBcInN0YXJ0XCIsXG4gICAgICAgICAgY2VudGVyOiBcImNlbnRlclwiLFxuICAgICAgICAgIGVuZDogXCJlbmRcIixcbiAgICAgICAgfSxcbiAgICAgIF0sXG4gICAgfSksXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBcIiY6ZW1wdHlcIjoge1xuICAgICAgd2lkdGg6IDAsXG4gICAgICBmbGV4OiBcIm5vbmVcIixcbiAgICB9LFxuICB9KVxuKTtcblxuQ29sdW1uLmRlZmF1bHRQcm9wcyA9IGNvbHVtbkRlZmF1bHRQcm9wcztcblxuZXhwb3J0IGNvbnN0IENvbHVtbnMgPSBzdHlsZWQuZGl2PFBhcnRpYWw8Q29sdW1uc1Byb3BzPj4oXG4gICh7IHRoZW1lLCBhbGlnbkl0ZW1zLCB2QWxpZ25JdGVtcywgZ2FwIH0pID0+ICh7XG4gICAgd2lkdGg6IFwiYXV0b1wiLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGp1c3RpZnlJdGVtczogXCJzdHJldGNoXCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwic3RyZXRjaFwiLFxuICAgIGFsaWduSXRlbXM6IFwic3RyZXRjaFwiLFxuICAgIGZsZXhXcmFwOiBcIndyYXBcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICAgIC4uLm1xKHtcbiAgICAgIGFsaWduSXRlbXM6IFtcbiAgICAgICAgdkFsaWduSXRlbXMsXG4gICAgICAgIHtcbiAgICAgICAgICB0b3A6IFwiZmxleC1zdGFydFwiLFxuICAgICAgICAgIGJvdHRvbTogXCJmbGV4LWVuZFwiLFxuICAgICAgICAgIGNlbnRlcjogXCJjZW50ZXJcIixcbiAgICAgICAgICBzcGFjZUJldHdlZW46IFwic3BhY2UtYmV0d2VlblwiLFxuICAgICAgICB9LFxuICAgICAgXSxcbiAgICAgIGp1c3RpZnlDb250ZW50OiBbXG4gICAgICAgIGFsaWduSXRlbXMsXG4gICAgICAgIHtcbiAgICAgICAgICBsZWZ0OiBcImZsZXgtc3RhcnRcIixcbiAgICAgICAgICByaWdodDogXCJmbGV4LWVuZFwiLFxuICAgICAgICAgIGNlbnRlcjogXCJjZW50ZXJcIixcbiAgICAgICAgICBzcGFjZUJldHdlZW46IFwic3BhY2UtYmV0d2VlblwiLFxuICAgICAgICB9LFxuICAgICAgXSxcbiAgICAgIG1hcmdpblJpZ2h0OiBbZ2FwLCBtYWtlTmVnYXRpdmUodGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZyldLFxuICAgICAgbWFyZ2luQm90dG9tOiBbZ2FwLCBtYWtlTmVnYXRpdmUodGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZyldLFxuICAgIH0pLFxuICAgIFtDb2x1bW4gYXMgdW5rbm93biBhcyBzdHJpbmddOiB7XG4gICAgICAuLi5tcSh7XG4gICAgICAgIG1hcmdpbkJvdHRvbTogW2dhcCwgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZ10sXG4gICAgICAgIHBhZGRpbmdSaWdodDogW2dhcCwgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZ10sXG4gICAgICB9KSxcbiAgICB9LFxuICB9KSxcbiAgKHsgYWx3YXlzRmlsbFNwYWNlIH0pID0+XG4gICAgYWx3YXlzRmlsbFNwYWNlICYmIHtcbiAgICAgIFtDb2x1bW4gYXMgdW5rbm93biBhcyBzdHJpbmddOiB7XG4gICAgICAgIFwiJjpsYXN0LWNoaWxkXCI6IHtcbiAgICAgICAgICBmbGV4R3JvdzogMSxcbiAgICAgICAgICBmbGV4U2hyaW5rOiAxLFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICB9XG4pO1xuXG5Db2x1bW5zLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcbiJdfQ== */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbHVtbnMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlIdUIiLCJmaWxlIjoiQ29sdW1ucy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IG1xIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9tZWRpYVF1ZXJpZXNcIjtcbmltcG9ydCB7XG4gIE1RLFxuICBIb3Jpem9udGFsQWxpZ25tZW50LFxuICBTcGFjZVNpemVzLFxuICBWZXJ0aWNhbEFsaWdubWVudCxcbiAgQ29sdW1uU2l6ZXMsXG4gIENvbHVtbkFsaWdubWVudCxcbiAgT3JkZXIsXG59IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuXG5leHBvcnQgdHlwZSBDb2x1bW5zUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGVbXSB8IFJlYWN0LlJlYWN0Tm9kZTtcblxuICAvKiogcmVwcmVzZW50cyB0aGUgc2l6ZSBvZiBib3RoIGhvcml6b250YWwgYW5kIHZlcnRpY2FsIGdhcCBiZXR3ZWVuIGNoaWxkcmVuLCBjYW4gYmUgYSBzaW5nbGUgc3RyaW5nIG9yIGFuIGFycmF5IG9mIDMgc3RyaW5nc1xuICAgKiBzcGVjaWZ5IFtzbWFsbCBzY3JlZW4gZ2FwIHNpemUsIG1lZGl1bSBzY3JlZW4gZ2FwIHNpemUsIGxhcmdlIHNjcmVlbiBnYXAgc2l6ZV0gdG8gYXBwbHkgZGlmZmVyZW50IGdhcCBzaXplcyBmb3IgZGlmZmVyZW50IHNjcmVlbiBzaXplc1xuICAgKi9cbiAgZ2FwPzogU3BhY2VTaXplcyB8IE1RPFNwYWNlU2l6ZXM+O1xuXG4gIC8qKiBzZXQgdG8gdHJ1ZSBpZiB5b3Ugd2FudCB0aGUgbGFzdCBlbGVtZW50IHRvIGZpbGwgdGhlIHNwYWNlXG4gICAqL1xuICBhbHdheXNGaWxsU3BhY2U/OiBib29sZWFuO1xuXG4gIC8qKiBzcGVjaWZ5IGhvcml6b250YWwgYWxpZ25tZW50XG4gICAqIHNwZWNpZnkgW3NtYWxsIHNjcmVlbiBhbGlnbkl0ZW1zLCBtZWRpdW0gc2NyZWVuIGFsaWduSXRlbXMsIGxhcmdlIHNjcmVlbiBhbGlnbkl0ZW1zXSB0byBhcHBseSBkaWZmZXJlbnQgYWxpZ25JdGVtcyBmb3IgZGlmZmVyZW50IHNjcmVlbiBzaXplc1xuICAgKi9cbiAgYWxpZ25JdGVtcz86IEhvcml6b250YWxBbGlnbm1lbnQgfCBNUTxIb3Jpem9udGFsQWxpZ25tZW50PjtcblxuICAvKiogc3BlY2lmeSB2ZXJ0aWNhbCBhbGlnbm1lbnRcbiAgICogc3BlY2lmeSBbc21hbGwgc2NyZWVuIHZBbGlnbkl0ZW1zLCBtZWRpdW0gc2NyZWVuIHZBbGlnbkl0ZW1zLCBsYXJnZSBzY3JlZW4gdkFsaWduSXRlbXNdIHRvIGFwcGx5IGRpZmZlcmVudCB2QWxpZ25JdGVtcyBmb3IgZGlmZmVyZW50IHNjcmVlbiBzaXplc1xuICAgKi9cbiAgdkFsaWduSXRlbXM/OiBWZXJ0aWNhbEFsaWdubWVudCB8IE1RPFZlcnRpY2FsQWxpZ25tZW50PjtcblxuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcblxuICAvKiogQGlnbm9yZSAqL1xuICBcImRhdGEtZHMtaWRcIj86IHN0cmluZztcbn07XG5cbmNvbnN0IGRlZmF1bHRQcm9wczogUGFydGlhbDxDb2x1bW5zUHJvcHM+ID0ge1xuICBnYXA6IFwiemVyb1wiLFxuICBhbHdheXNGaWxsU3BhY2U6IGZhbHNlLFxuICBhbGlnbkl0ZW1zOiBcImxlZnRcIixcbiAgdkFsaWduSXRlbXM6IFwidG9wXCIsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiB1bmRlZmluZWQsXG4gIFwiZGF0YS1kcy1pZFwiOiBcIkNvbHVtbnNcIixcbn07XG5cbmV4cG9ydCB0eXBlIENvbHVtblByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlW10gfCBSZWFjdC5SZWFjdE5vZGU7XG5cbiAgLyoqIHJlcHJlc2VudHMgdGhlIHNpemUgb2YgdGhlIGNvbHVtbiwgY2FuIGJlIGEgc2luZ2xlIG51bWJlciBvciBhbiBhcnJheSBvZiAzIG51bWJlcnMgd2l0aCBhIHZhbHVlIHJhbmdpbmcgZnJvbSAxIHRvIDEyXG4gICAqIHNwZWNpZnkgW3NtYWxsIHNjcmVlbiBjb2x1bW4gc2l6ZSwgbWVkaXVtIHNjcmVlbiBjb2x1bW4gc2l6ZSwgbGFyZ2Ugc2NyZWVuIGNvbHVtbiBzaXplXSB0byBhcHBseSBkaWZmZXJlbnQgdmFsdWVzIGZvciBkaWZmZXJlbnQgc2NyZWVuIHNpemVzXG4gICAqL1xuICBzaXplPzogQ29sdW1uU2l6ZXMgfCBNUTxDb2x1bW5TaXplcz47XG5cbiAgLyoqIHNwZWNpZnkgdGhlIHZpc3VhbCBwb3NpdGlvbmluZyBvZiB0aGUgY29sdW1uLiBbc21hbGwgc2NyZWVuIGNvbHVtbiBvcmRlciwgbWVkaXVtIHNjcmVlbiBjb2x1bW4gb3JkZXIsIGxhcmdlIHNjcmVlbiBjb2x1bW4gb3JkZXJdIHRvIGFwcGx5IGRpZmZlcmVudCBvcmRlciBmb3IgZGlmZmVyZW50IHNjcmVlbiBzaXplc1xuICAgKi9cbiAgb3JkZXI/OiBPcmRlciB8IE1RPE9yZGVyPjtcblxuICBhbGlnblNlbGY/OiBDb2x1bW5BbGlnbm1lbnQgfCBNUTxDb2x1bW5BbGlnbm1lbnQ+O1xuXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xuXG4gIC8qKiBAaWdub3JlICovXG4gIFwiZGF0YS1kcy1pZFwiPzogc3RyaW5nO1xufTtcblxuY29uc3QgY29sdW1uRGVmYXVsdFByb3BzOiBQYXJ0aWFsPENvbHVtblByb3BzPiA9IHtcbiAgc2l6ZTogXCJhdXRvXCIsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiB1bmRlZmluZWQsXG4gIGFsaWduU2VsZjogXCJhdXRvXCIsXG4gIFwiZGF0YS1kcy1pZFwiOiBcIkNvbHVtblwiLFxufTtcblxuY29uc3QgY29sdW1uV2lkdGhPYmplY3QgPSBuZXcgQXJyYXkoMTIpLmZpbGwoXCJcIikucmVkdWNlKFxuICAoYWNjLCBfLCBpbmRleCkgPT4gKHtcbiAgICAuLi5hY2MsXG4gICAgW2luZGV4ICsgMV06IGAkeygoaW5kZXggKyAxKSAqIDEwMCkgLyAxMn0lYCxcbiAgfSksXG4gIHt9XG4pO1xuXG5jb25zdCBtYWtlTmVnYXRpdmUgPSAob2JqOiBSZWNvcmQ8c3RyaW5nLCBzdHJpbmc+KTogUmVjb3JkPHN0cmluZywgc3RyaW5nPiA9PlxuICBPYmplY3QuZW50cmllcyhvYmopXG4gICAgLm1hcCgoW2tleSwgdmFsdWVdKSA9PiBba2V5LCBgLSR7dmFsdWV9YF0pXG4gICAgLnJlZHVjZSgoYWNjLCBba2V5LCB2YWx1ZV0pID0+IHtcbiAgICAgIGFjY1trZXldID0gdmFsdWU7XG4gICAgICByZXR1cm4gYWNjO1xuICAgIH0sIHt9IGFzIFJlY29yZDxzdHJpbmcsIHN0cmluZz4pO1xuXG5leHBvcnQgY29uc3QgQ29sdW1uID0gc3R5bGVkLmRpdjxQYXJ0aWFsPENvbHVtblByb3BzPj4oXG4gICh7IHNpemUsIG9yZGVyLCBhbGlnblNlbGYgfSkgPT4gKHtcbiAgICAuLi5tcSh7XG4gICAgICB3aWR0aDogW3NpemUsIHsgLi4uY29sdW1uV2lkdGhPYmplY3QsIGZpbGw6IFwiMXB4XCIgfV0sXG4gICAgICBmbGV4OiBbc2l6ZSwgeyBuYXJyb3c6IFwibm9uZVwiLCBhdXRvOiBcIjFcIiwgZmlsbDogdW5kZWZpbmVkIH1dLFxuICAgICAgb3JkZXI6IFtvcmRlciwgeyBmaXJzdDogXCItMVwiLCBsYXN0OiBcIjFcIiwgdW5zZXQ6IFwiMFwiIH1dLFxuICAgICAgZmxleFNocmluazogW3NpemUsIHsgZmlsbDogMSwgYXV0bzogdW5kZWZpbmVkLCBuYXJyb3c6IHVuZGVmaW5lZCB9XSxcbiAgICAgIGZsZXhHcm93OiBbc2l6ZSwgeyBmaWxsOiAxLCBhdXRvOiB1bmRlZmluZWQsIG5hcnJvdzogdW5kZWZpbmVkIH1dLFxuICAgICAgYWxpZ25TZWxmOiBbXG4gICAgICAgIGFsaWduU2VsZixcbiAgICAgICAge1xuICAgICAgICAgIGF1dG86IFwiYXV0b1wiLFxuICAgICAgICAgIHN0YXJ0OiBcInN0YXJ0XCIsXG4gICAgICAgICAgY2VudGVyOiBcImNlbnRlclwiLFxuICAgICAgICAgIGVuZDogXCJlbmRcIixcbiAgICAgICAgfSxcbiAgICAgIF0sXG4gICAgfSksXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBcIiY6ZW1wdHlcIjoge1xuICAgICAgd2lkdGg6IDAsXG4gICAgICBmbGV4OiBcIm5vbmVcIixcbiAgICB9LFxuICB9KVxuKTtcblxuQ29sdW1uLmRlZmF1bHRQcm9wcyA9IGNvbHVtbkRlZmF1bHRQcm9wcztcblxuZXhwb3J0IGNvbnN0IENvbHVtbnMgPSBzdHlsZWQuZGl2PFBhcnRpYWw8Q29sdW1uc1Byb3BzPj4oXG4gICh7IHRoZW1lLCBhbGlnbkl0ZW1zLCB2QWxpZ25JdGVtcywgZ2FwIH0pID0+ICh7XG4gICAgd2lkdGg6IFwiYXV0b1wiLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGp1c3RpZnlJdGVtczogXCJzdHJldGNoXCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwic3RyZXRjaFwiLFxuICAgIGFsaWduSXRlbXM6IFwic3RyZXRjaFwiLFxuICAgIGZsZXhXcmFwOiBcIndyYXBcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICAgIC4uLm1xKHtcbiAgICAgIGFsaWduSXRlbXM6IFtcbiAgICAgICAgdkFsaWduSXRlbXMsXG4gICAgICAgIHtcbiAgICAgICAgICB0b3A6IFwiZmxleC1zdGFydFwiLFxuICAgICAgICAgIGJvdHRvbTogXCJmbGV4LWVuZFwiLFxuICAgICAgICAgIGNlbnRlcjogXCJjZW50ZXJcIixcbiAgICAgICAgICBzcGFjZUJldHdlZW46IFwic3BhY2UtYmV0d2VlblwiLFxuICAgICAgICB9LFxuICAgICAgXSxcbiAgICAgIGp1c3RpZnlDb250ZW50OiBbXG4gICAgICAgIGFsaWduSXRlbXMsXG4gICAgICAgIHtcbiAgICAgICAgICBsZWZ0OiBcImZsZXgtc3RhcnRcIixcbiAgICAgICAgICByaWdodDogXCJmbGV4LWVuZFwiLFxuICAgICAgICAgIGNlbnRlcjogXCJjZW50ZXJcIixcbiAgICAgICAgICBzcGFjZUJldHdlZW46IFwic3BhY2UtYmV0d2VlblwiLFxuICAgICAgICB9LFxuICAgICAgXSxcbiAgICAgIG1hcmdpblJpZ2h0OiBbZ2FwLCBtYWtlTmVnYXRpdmUodGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZyldLFxuICAgICAgbWFyZ2luQm90dG9tOiBbZ2FwLCBtYWtlTmVnYXRpdmUodGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZyldLFxuICAgIH0pLFxuICAgIFtDb2x1bW4gYXMgdW5rbm93biBhcyBzdHJpbmddOiB7XG4gICAgICAuLi5tcSh7XG4gICAgICAgIG1hcmdpbkJvdHRvbTogW2dhcCwgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZ10sXG4gICAgICAgIHBhZGRpbmdSaWdodDogW2dhcCwgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZ10sXG4gICAgICB9KSxcbiAgICB9LFxuICB9KSxcbiAgKHsgYWx3YXlzRmlsbFNwYWNlIH0pID0+XG4gICAgYWx3YXlzRmlsbFNwYWNlICYmIHtcbiAgICAgIFtDb2x1bW4gYXMgdW5rbm93biBhcyBzdHJpbmddOiB7XG4gICAgICAgIFwiJjpsYXN0LWNoaWxkXCI6IHtcbiAgICAgICAgICBmbGV4R3JvdzogMSxcbiAgICAgICAgICBmbGV4U2hyaW5rOiAxLFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICB9XG4pO1xuXG5Db2x1bW5zLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcbiJdfQ== */");
 Columns.defaultProps = defaultProps;
 
 export { Column, Columns };

package/build/esm/src/components/Column/Columns.js.map

@@ -1 +1 @@
-{"version":3,"file":"Columns.js","sources":["../../../../../src/components/Column/Columns.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { mq } from \"../../shared/mediaQueries\";\nimport {\n  MQ,\n  HorizontalAlignment,\n  SpaceSizes,\n  VerticalAlignment,\n  ColumnSizes,\n  ColumnAlignment,\n  Order,\n} from \"../../types\";\n\nexport type ColumnsProps = {\n  children: React.ReactNode[] | React.ReactNode;\n\n  /** represents the size of both horizontal and vertical gap between children, can be a single string or an array of 3 strings\n   * specify [small screen gap size, medium screen gap size, large screen gap size] to apply different gap sizes for different screen sizes\n   */\n  gap?: SpaceSizes | MQ<SpaceSizes>;\n\n  /** set to true if you want the last element to fill the space\n   */\n  alwaysFillSpace?: boolean;\n\n  /** specify horizontal alignment\n   * specify [small screen alignItems, medium screen alignItems, large screen alignItems] to apply different alignItems for different screen sizes\n   */\n  alignItems?: HorizontalAlignment | MQ<HorizontalAlignment>;\n\n  /** specify vertical alignment\n   * specify [small screen vAlignItems, medium screen vAlignItems, large screen vAlignItems] to apply different vAlignItems for different screen sizes\n   */\n  vAlignItems?: VerticalAlignment | MQ<VerticalAlignment>;\n\n  \"data-e2e-test-id\"?: string;\n};\n\nconst defaultProps: Partial<ColumnsProps> = {\n  gap: \"zero\",\n  alwaysFillSpace: false,\n  alignItems: \"left\",\n  vAlignItems: \"top\",\n  \"data-e2e-test-id\": undefined,\n};\n\nexport type ColumnProps = {\n  children: React.ReactNode[] | React.ReactNode;\n\n  /** represents the size of the column, can be a single number or an array of 3 numbers with a value ranging from 1 to 12\n   * specify [small screen column size, medium screen column size, large screen column size] to apply different values for different screen sizes\n   */\n  size?: ColumnSizes | MQ<ColumnSizes>;\n\n  /** specify the visual positioning of the column. [small screen column order, medium screen column order, large screen column order] to apply different order for different screen sizes\n   */\n  order?: Order | MQ<Order>;\n\n  alignSelf?: ColumnAlignment | MQ<ColumnAlignment>;\n\n  \"data-e2e-test-id\"?: string;\n};\n\nconst columnDefaultProps: Partial<ColumnProps> = {\n  size: \"auto\",\n  \"data-e2e-test-id\": undefined,\n  alignSelf: \"auto\",\n};\n\nconst columnWidthObject = new Array(12).fill(\"\").reduce(\n  (acc, _, index) => ({\n    ...acc,\n    [index + 1]: `${((index + 1) * 100) / 12}%`,\n  }),\n  {}\n);\n\nconst makeNegative = (obj: Record<string, string>): Record<string, string> =>\n  Object.entries(obj)\n    .map(([key, value]) => [key, `-${value}`])\n    .reduce((acc, [key, value]) => {\n      acc[key] = value;\n      return acc;\n    }, {} as Record<string, string>);\n\nexport const Column = styled.div<Partial<ColumnProps>>(\n  ({ size, order, alignSelf }) => ({\n    ...mq({\n      width: [size, { ...columnWidthObject, fill: \"1px\" }],\n      flex: [size, { narrow: \"none\", auto: \"1\", fill: undefined }],\n      order: [order, { first: \"-1\", last: \"1\", unset: \"0\" }],\n      flexShrink: [size, { fill: 1, auto: undefined, narrow: undefined }],\n      flexGrow: [size, { fill: 1, auto: undefined, narrow: undefined }],\n      alignSelf: [\n        alignSelf,\n        {\n          auto: \"auto\",\n          start: \"start\",\n          center: \"center\",\n          end: \"end\",\n        },\n      ],\n    }),\n    boxSizing: \"border-box\",\n    \"&:empty\": {\n      width: 0,\n      flex: \"none\",\n    },\n  })\n);\n\nColumn.defaultProps = columnDefaultProps;\n\nexport const Columns = styled.div<Partial<ColumnsProps>>(\n  ({ theme, alignItems, vAlignItems, gap }) => ({\n    width: \"auto\",\n    display: \"flex\",\n    justifyItems: \"stretch\",\n    justifyContent: \"stretch\",\n    alignItems: \"stretch\",\n    flexWrap: \"wrap\",\n    flexDirection: \"row\",\n    ...mq({\n      alignItems: [\n        vAlignItems,\n        {\n          top: \"flex-start\",\n          bottom: \"flex-end\",\n          center: \"center\",\n          spaceBetween: \"space-between\",\n        },\n      ],\n      justifyContent: [\n        alignItems,\n        {\n          left: \"flex-start\",\n          right: \"flex-end\",\n          center: \"center\",\n          spaceBetween: \"space-between\",\n        },\n      ],\n      marginRight: [gap, makeNegative(theme.variables.size.spacing)],\n      marginBottom: [gap, makeNegative(theme.variables.size.spacing)],\n    }),\n    [Column as unknown as string]: {\n      ...mq({\n        marginBottom: [gap, theme.variables.size.spacing],\n        paddingRight: [gap, theme.variables.size.spacing],\n      }),\n    },\n  }),\n  ({ alwaysFillSpace }) =>\n    alwaysFillSpace && {\n      [Column as unknown as string]: {\n        \"&:last-child\": {\n          flexGrow: 1,\n          flexShrink: 1,\n        },\n      },\n    }\n);\n\nColumns.defaultProps = defaultProps;\n"],"names":["defaultProps","gap","alwaysFillSpace","alignItems","vAlignItems","undefined","columnDefaultProps","size","alignSelf","columnWidthObject","Array","fill","reduce","acc","_","index","makeNegative","obj","Object","entries","map","_ref","key","value","_ref2","Column","_styled","process","env","NODE_ENV","target","label","_ref3","order","mq","width","flex","narrow","auto","first","last","unset","flexShrink","flexGrow","start","center","end","boxSizing","Columns","_ref4","theme","display","justifyItems","justifyContent","flexWrap","flexDirection","top","bottom","spaceBetween","left","right","marginRight","variables","spacing","marginBottom","paddingRight","_ref5"],"mappings":"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"}
+{"version":3,"file":"Columns.js","sources":["../../../../../src/components/Column/Columns.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { mq } from \"../../shared/mediaQueries\";\nimport {\n  MQ,\n  HorizontalAlignment,\n  SpaceSizes,\n  VerticalAlignment,\n  ColumnSizes,\n  ColumnAlignment,\n  Order,\n} from \"../../types\";\n\nexport type ColumnsProps = {\n  children: React.ReactNode[] | React.ReactNode;\n\n  /** represents the size of both horizontal and vertical gap between children, can be a single string or an array of 3 strings\n   * specify [small screen gap size, medium screen gap size, large screen gap size] to apply different gap sizes for different screen sizes\n   */\n  gap?: SpaceSizes | MQ<SpaceSizes>;\n\n  /** set to true if you want the last element to fill the space\n   */\n  alwaysFillSpace?: boolean;\n\n  /** specify horizontal alignment\n   * specify [small screen alignItems, medium screen alignItems, large screen alignItems] to apply different alignItems for different screen sizes\n   */\n  alignItems?: HorizontalAlignment | MQ<HorizontalAlignment>;\n\n  /** specify vertical alignment\n   * specify [small screen vAlignItems, medium screen vAlignItems, large screen vAlignItems] to apply different vAlignItems for different screen sizes\n   */\n  vAlignItems?: VerticalAlignment | MQ<VerticalAlignment>;\n\n  \"data-e2e-test-id\"?: string;\n\n  /** @ignore */\n  \"data-ds-id\"?: string;\n};\n\nconst defaultProps: Partial<ColumnsProps> = {\n  gap: \"zero\",\n  alwaysFillSpace: false,\n  alignItems: \"left\",\n  vAlignItems: \"top\",\n  \"data-e2e-test-id\": undefined,\n  \"data-ds-id\": \"Columns\",\n};\n\nexport type ColumnProps = {\n  children: React.ReactNode[] | React.ReactNode;\n\n  /** represents the size of the column, can be a single number or an array of 3 numbers with a value ranging from 1 to 12\n   * specify [small screen column size, medium screen column size, large screen column size] to apply different values for different screen sizes\n   */\n  size?: ColumnSizes | MQ<ColumnSizes>;\n\n  /** specify the visual positioning of the column. [small screen column order, medium screen column order, large screen column order] to apply different order for different screen sizes\n   */\n  order?: Order | MQ<Order>;\n\n  alignSelf?: ColumnAlignment | MQ<ColumnAlignment>;\n\n  \"data-e2e-test-id\"?: string;\n\n  /** @ignore */\n  \"data-ds-id\"?: string;\n};\n\nconst columnDefaultProps: Partial<ColumnProps> = {\n  size: \"auto\",\n  \"data-e2e-test-id\": undefined,\n  alignSelf: \"auto\",\n  \"data-ds-id\": \"Column\",\n};\n\nconst columnWidthObject = new Array(12).fill(\"\").reduce(\n  (acc, _, index) => ({\n    ...acc,\n    [index + 1]: `${((index + 1) * 100) / 12}%`,\n  }),\n  {}\n);\n\nconst makeNegative = (obj: Record<string, string>): Record<string, string> =>\n  Object.entries(obj)\n    .map(([key, value]) => [key, `-${value}`])\n    .reduce((acc, [key, value]) => {\n      acc[key] = value;\n      return acc;\n    }, {} as Record<string, string>);\n\nexport const Column = styled.div<Partial<ColumnProps>>(\n  ({ size, order, alignSelf }) => ({\n    ...mq({\n      width: [size, { ...columnWidthObject, fill: \"1px\" }],\n      flex: [size, { narrow: \"none\", auto: \"1\", fill: undefined }],\n      order: [order, { first: \"-1\", last: \"1\", unset: \"0\" }],\n      flexShrink: [size, { fill: 1, auto: undefined, narrow: undefined }],\n      flexGrow: [size, { fill: 1, auto: undefined, narrow: undefined }],\n      alignSelf: [\n        alignSelf,\n        {\n          auto: \"auto\",\n          start: \"start\",\n          center: \"center\",\n          end: \"end\",\n        },\n      ],\n    }),\n    boxSizing: \"border-box\",\n    \"&:empty\": {\n      width: 0,\n      flex: \"none\",\n    },\n  })\n);\n\nColumn.defaultProps = columnDefaultProps;\n\nexport const Columns = styled.div<Partial<ColumnsProps>>(\n  ({ theme, alignItems, vAlignItems, gap }) => ({\n    width: \"auto\",\n    display: \"flex\",\n    justifyItems: \"stretch\",\n    justifyContent: \"stretch\",\n    alignItems: \"stretch\",\n    flexWrap: \"wrap\",\n    flexDirection: \"row\",\n    ...mq({\n      alignItems: [\n        vAlignItems,\n        {\n          top: \"flex-start\",\n          bottom: \"flex-end\",\n          center: \"center\",\n          spaceBetween: \"space-between\",\n        },\n      ],\n      justifyContent: [\n        alignItems,\n        {\n          left: \"flex-start\",\n          right: \"flex-end\",\n          center: \"center\",\n          spaceBetween: \"space-between\",\n        },\n      ],\n      marginRight: [gap, makeNegative(theme.variables.size.spacing)],\n      marginBottom: [gap, makeNegative(theme.variables.size.spacing)],\n    }),\n    [Column as unknown as string]: {\n      ...mq({\n        marginBottom: [gap, theme.variables.size.spacing],\n        paddingRight: [gap, theme.variables.size.spacing],\n      }),\n    },\n  }),\n  ({ alwaysFillSpace }) =>\n    alwaysFillSpace && {\n      [Column as unknown as string]: {\n        \"&:last-child\": {\n          flexGrow: 1,\n          flexShrink: 1,\n        },\n      },\n    }\n);\n\nColumns.defaultProps = defaultProps;\n"],"names":["defaultProps","gap","alwaysFillSpace","alignItems","vAlignItems","undefined","columnDefaultProps","size","alignSelf","columnWidthObject","Array","fill","reduce","acc","_","index","makeNegative","obj","Object","entries","map","_ref","key","value","_ref2","Column","_styled","process","env","NODE_ENV","target","label","_ref3","order","mq","width","flex","narrow","auto","first","last","unset","flexShrink","flexGrow","start","center","end","boxSizing","Columns","_ref4","theme","display","justifyItems","justifyContent","flexWrap","flexDirection","top","bottom","spaceBetween","left","right","marginRight","variables","spacing","marginBottom","paddingRight","_ref5"],"mappings":"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"}

package/build/esm/src/components/Container/Container.js

@@ -32,7 +32,7 @@ const StyledContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "pr
     borderRadius: theme.variables.size.borderRadius.card.m,
     backgroundColor: theme.values.color.background.layer_2
   };
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbnRhaW5lci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEJ3QiIsImZpbGUiOiJDb250YWluZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuXG50eXBlIENvbnRhaW5lclByb3BzID0ge1xuICAvKiogMCAtIGJhc2UsIDEgLSBDYXJkLCAyIC0gVG9vbHRpcHMsIDMgLSBEcm9wZG93bnMsIDQgLSBNb2RhbHMgKi9cbiAgZWxldmF0aW9uOiAwIHwgMSB8IDIgfCAzIHwgNDtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xufTtcbmNvbnN0IGhhbmRsZUVsZXZhdGlvbkxldmVsID0gKHRoZW1lOiBUaGVtZSwgZWxldmF0aW9uOiBudW1iZXIpID0+IHtcbiAgLyogUGFyc2luZyBlbGV2YXRpb24gcHJvcGVydHkgdG8gbnVtYmVyICovXG4gIHN3aXRjaCAoZWxldmF0aW9uIC0gMCkge1xuICAgIGNhc2UgMTpcbiAgICAgIHJldHVybiB0aGVtZS52YXJpYWJsZXMuc2hhZG93LmNhcmQuYTtcbiAgICBjYXNlIDI6XG4gICAgICByZXR1cm4gdGhlbWUudmFyaWFibGVzLnNoYWRvdy5jYXJkLmI7XG4gICAgY2FzZSAzOlxuICAgICAgcmV0dXJuIHRoZW1lLnZhcmlhYmxlcy5zaGFkb3cuY2FyZC5jO1xuICAgIGNhc2UgNDpcbiAgICAgIHJldHVybiB0aGVtZS52YXJpYWJsZXMuc2hhZG93LmNhcmQuZDtcbiAgICBjYXNlIDA6XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBcIlwiO1xuICB9XG59O1xuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdjxQYXJ0aWFsPENvbnRhaW5lclByb3BzPj4oXG4gICh7IHRoZW1lLCBlbGV2YXRpb24gfSkgPT4gKHtcbiAgICBib3hTaGFkb3c6IGhhbmRsZUVsZXZhdGlvbkxldmVsKHRoZW1lLCBlbGV2YXRpb24pLFxuICAgIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLmNhcmQubSxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmxheWVyXzIsXG4gIH0pXG4pO1xuXG5leHBvcnQgZnVuY3Rpb24gQ29udGFpbmVyKHtcbiAgY2hpbGRyZW4sXG4gIGVsZXZhdGlvbiA9IDEsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxufTogQ29udGFpbmVyUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDb250YWluZXIgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH0gZWxldmF0aW9uPXtlbGV2YXRpb259PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApO1xufVxuIl19 */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbnRhaW5lci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEJ3QiIsImZpbGUiOiJDb250YWluZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuXG50eXBlIENvbnRhaW5lclByb3BzID0ge1xuICAvKiogMCAtIGJhc2UsIDEgLSBDYXJkLCAyIC0gVG9vbHRpcHMsIDMgLSBEcm9wZG93bnMsIDQgLSBNb2RhbHMgKi9cbiAgZWxldmF0aW9uOiAwIHwgMSB8IDIgfCAzIHwgNDtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xufTtcbmNvbnN0IGhhbmRsZUVsZXZhdGlvbkxldmVsID0gKHRoZW1lOiBUaGVtZSwgZWxldmF0aW9uOiBudW1iZXIpID0+IHtcbiAgLyogUGFyc2luZyBlbGV2YXRpb24gcHJvcGVydHkgdG8gbnVtYmVyICovXG4gIHN3aXRjaCAoZWxldmF0aW9uIC0gMCkge1xuICAgIGNhc2UgMTpcbiAgICAgIHJldHVybiB0aGVtZS52YXJpYWJsZXMuc2hhZG93LmNhcmQuYTtcbiAgICBjYXNlIDI6XG4gICAgICByZXR1cm4gdGhlbWUudmFyaWFibGVzLnNoYWRvdy5jYXJkLmI7XG4gICAgY2FzZSAzOlxuICAgICAgcmV0dXJuIHRoZW1lLnZhcmlhYmxlcy5zaGFkb3cuY2FyZC5jO1xuICAgIGNhc2UgNDpcbiAgICAgIHJldHVybiB0aGVtZS52YXJpYWJsZXMuc2hhZG93LmNhcmQuZDtcbiAgICBjYXNlIDA6XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBcIlwiO1xuICB9XG59O1xuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdjxQYXJ0aWFsPENvbnRhaW5lclByb3BzPj4oXG4gICh7IHRoZW1lLCBlbGV2YXRpb24gfSkgPT4gKHtcbiAgICBib3hTaGFkb3c6IGhhbmRsZUVsZXZhdGlvbkxldmVsKHRoZW1lLCBlbGV2YXRpb24pLFxuICAgIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLmNhcmQubSxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmxheWVyXzIsXG4gIH0pXG4pO1xuXG5leHBvcnQgZnVuY3Rpb24gQ29udGFpbmVyKHtcbiAgY2hpbGRyZW4sXG4gIGVsZXZhdGlvbiA9IDEsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxufTogQ29udGFpbmVyUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDb250YWluZXJcbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPVwiQ29udGFpbmVyXCJcbiAgICAgIGVsZXZhdGlvbj17ZWxldmF0aW9ufVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgKTtcbn1cbiJdfQ== */");
 function Container(_ref2) {
   let {
     children,
@@ -41,6 +41,7 @@ function Container(_ref2) {
   } = _ref2;
   return /*#__PURE__*/React.createElement(StyledContainer, {
     "data-e2e-test-id": dataE2eTestId,
+    "data-ds-id": "Container",
     elevation: elevation
   }, children);
 }

package/build/esm/src/components/Container/Container.js.map

@@ -1 +1 @@
-{"version":3,"file":"Container.js","sources":["../../../../../src/components/Container/Container.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Theme } from \"@emotion/react\";\n\ntype ContainerProps = {\n  /** 0 - base, 1 - Card, 2 - Tooltips, 3 - Dropdowns, 4 - Modals */\n  elevation: 0 | 1 | 2 | 3 | 4;\n  children?: React.ReactNode;\n  \"data-e2e-test-id\"?: string;\n};\nconst handleElevationLevel = (theme: Theme, elevation: number) => {\n  /* Parsing elevation property to number */\n  switch (elevation - 0) {\n    case 1:\n      return theme.variables.shadow.card.a;\n    case 2:\n      return theme.variables.shadow.card.b;\n    case 3:\n      return theme.variables.shadow.card.c;\n    case 4:\n      return theme.variables.shadow.card.d;\n    case 0:\n    default:\n      return \"\";\n  }\n};\nconst StyledContainer = styled.div<Partial<ContainerProps>>(\n  ({ theme, elevation }) => ({\n    boxShadow: handleElevationLevel(theme, elevation),\n    borderRadius: theme.variables.size.borderRadius.card.m,\n    backgroundColor: theme.values.color.background.layer_2,\n  })\n);\n\nexport function Container({\n  children,\n  elevation = 1,\n  \"data-e2e-test-id\": dataE2eTestId,\n}: ContainerProps): React.ReactElement {\n  return (\n    <StyledContainer data-e2e-test-id={dataE2eTestId} elevation={elevation}>\n      {children}\n    </StyledContainer>\n  );\n}\n"],"names":["handleElevationLevel","theme","elevation","variables","shadow","card","a","b","c","d","StyledContainer","_styled","process","env","NODE_ENV","target","label","_ref","boxShadow","borderRadius","size","m","backgroundColor","values","color","background","layer_2","Container","_ref2","children","dataE2eTestId","React","createElement"],"mappings":";;;AAUA,MAAMA,oBAAoB,GAAGA,CAACC,KAAY,EAAEC,SAAiB,KAAK;AAChE;EACA,QAAQA,SAAS,GAAG,CAAC;AACnB,IAAA,KAAK,CAAC;MACJ,OAAOD,KAAK,CAACE,SAAS,CAACC,MAAM,CAACC,IAAI,CAACC,CAAC,CAAA;AACtC,IAAA,KAAK,CAAC;MACJ,OAAOL,KAAK,CAACE,SAAS,CAACC,MAAM,CAACC,IAAI,CAACE,CAAC,CAAA;AACtC,IAAA,KAAK,CAAC;MACJ,OAAON,KAAK,CAACE,SAAS,CAACC,MAAM,CAACC,IAAI,CAACG,CAAC,CAAA;AACtC,IAAA,KAAK,CAAC;MACJ,OAAOP,KAAK,CAACE,SAAS,CAACC,MAAM,CAACC,IAAI,CAACI,CAAC,CAAA;AACtC,IAAA,KAAK,CAAC,CAAA;AACN,IAAA;AACE,MAAA,OAAO,EAAE,CAAA;AAAC,GAAA;AAEhB,CAAC,CAAA;AACD,MAAMC,eAAe,gBAAGC,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,WAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,WAAA;EAAAC,KAAA,EAAA,iBAAA;AAAA,CAAA,CAAA,CACtBC,IAAA,IAAA;EAAA,IAAC;IAAEhB,KAAK;AAAEC,IAAAA,SAAAA;AAAU,GAAC,GAAAe,IAAA,CAAA;EAAA,OAAM;AACzBC,IAAAA,SAAS,EAAElB,oBAAoB,CAACC,KAAK,EAAEC,SAAS,CAAC;IACjDiB,YAAY,EAAElB,KAAK,CAACE,SAAS,CAACiB,IAAI,CAACD,YAAY,CAACd,IAAI,CAACgB,CAAC;IACtDC,eAAe,EAAErB,KAAK,CAACsB,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,OAAAA;GAChD,CAAA;AAAA,CAAC,EAAAd,OAAA,CAAAC,GAAA,CAAAC,QAAA,KACH,YAAA,GAAA,EAAA,GAAA,q7DAAA,CAAA,CAAA;AAEM,SAASa,SAASA,CAAAC,KAAA,EAIc;EAAA,IAJb;IACxBC,QAAQ;AACR3B,IAAAA,SAAS,GAAG,CAAC;AACb,IAAA,kBAAkB,EAAE4B,aAAAA;AACN,GAAC,GAAAF,KAAA,CAAA;AACf,EAAA,oBACEG,KAAA,CAAAC,aAAA,CAACtB,eAAe,EAAA;AAAC,IAAA,kBAAA,EAAkBoB,aAAc;AAAC5B,IAAAA,SAAS,EAAEA,SAAAA;AAAU,GAAA,EACpE2B,QAAQ,CACO,CAAA;AAEtB;;;;"}
+{"version":3,"file":"Container.js","sources":["../../../../../src/components/Container/Container.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Theme } from \"@emotion/react\";\n\ntype ContainerProps = {\n  /** 0 - base, 1 - Card, 2 - Tooltips, 3 - Dropdowns, 4 - Modals */\n  elevation: 0 | 1 | 2 | 3 | 4;\n  children?: React.ReactNode;\n  \"data-e2e-test-id\"?: string;\n};\nconst handleElevationLevel = (theme: Theme, elevation: number) => {\n  /* Parsing elevation property to number */\n  switch (elevation - 0) {\n    case 1:\n      return theme.variables.shadow.card.a;\n    case 2:\n      return theme.variables.shadow.card.b;\n    case 3:\n      return theme.variables.shadow.card.c;\n    case 4:\n      return theme.variables.shadow.card.d;\n    case 0:\n    default:\n      return \"\";\n  }\n};\nconst StyledContainer = styled.div<Partial<ContainerProps>>(\n  ({ theme, elevation }) => ({\n    boxShadow: handleElevationLevel(theme, elevation),\n    borderRadius: theme.variables.size.borderRadius.card.m,\n    backgroundColor: theme.values.color.background.layer_2,\n  })\n);\n\nexport function Container({\n  children,\n  elevation = 1,\n  \"data-e2e-test-id\": dataE2eTestId,\n}: ContainerProps): React.ReactElement {\n  return (\n    <StyledContainer\n      data-e2e-test-id={dataE2eTestId}\n      data-ds-id=\"Container\"\n      elevation={elevation}\n    >\n      {children}\n    </StyledContainer>\n  );\n}\n"],"names":["handleElevationLevel","theme","elevation","variables","shadow","card","a","b","c","d","StyledContainer","_styled","process","env","NODE_ENV","target","label","_ref","boxShadow","borderRadius","size","m","backgroundColor","values","color","background","layer_2","Container","_ref2","children","dataE2eTestId","React","createElement"],"mappings":";;;AAUA,MAAMA,oBAAoB,GAAGA,CAACC,KAAY,EAAEC,SAAiB,KAAK;AAChE;EACA,QAAQA,SAAS,GAAG,CAAC;AACnB,IAAA,KAAK,CAAC;MACJ,OAAOD,KAAK,CAACE,SAAS,CAACC,MAAM,CAACC,IAAI,CAACC,CAAC,CAAA;AACtC,IAAA,KAAK,CAAC;MACJ,OAAOL,KAAK,CAACE,SAAS,CAACC,MAAM,CAACC,IAAI,CAACE,CAAC,CAAA;AACtC,IAAA,KAAK,CAAC;MACJ,OAAON,KAAK,CAACE,SAAS,CAACC,MAAM,CAACC,IAAI,CAACG,CAAC,CAAA;AACtC,IAAA,KAAK,CAAC;MACJ,OAAOP,KAAK,CAACE,SAAS,CAACC,MAAM,CAACC,IAAI,CAACI,CAAC,CAAA;AACtC,IAAA,KAAK,CAAC,CAAA;AACN,IAAA;AACE,MAAA,OAAO,EAAE,CAAA;AAAC,GAAA;AAEhB,CAAC,CAAA;AACD,MAAMC,eAAe,gBAAGC,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,WAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,WAAA;EAAAC,KAAA,EAAA,iBAAA;AAAA,CAAA,CAAA,CACtBC,IAAA,IAAA;EAAA,IAAC;IAAEhB,KAAK;AAAEC,IAAAA,SAAAA;AAAU,GAAC,GAAAe,IAAA,CAAA;EAAA,OAAM;AACzBC,IAAAA,SAAS,EAAElB,oBAAoB,CAACC,KAAK,EAAEC,SAAS,CAAC;IACjDiB,YAAY,EAAElB,KAAK,CAACE,SAAS,CAACiB,IAAI,CAACD,YAAY,CAACd,IAAI,CAACgB,CAAC;IACtDC,eAAe,EAAErB,KAAK,CAACsB,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,OAAAA;GAChD,CAAA;AAAA,CAAC,EAAAd,OAAA,CAAAC,GAAA,CAAAC,QAAA,KACH,YAAA,GAAA,EAAA,GAAA,6/DAAA,CAAA,CAAA;AAEM,SAASa,SAASA,CAAAC,KAAA,EAIc;EAAA,IAJb;IACxBC,QAAQ;AACR3B,IAAAA,SAAS,GAAG,CAAC;AACb,IAAA,kBAAkB,EAAE4B,aAAAA;AACN,GAAC,GAAAF,KAAA,CAAA;AACf,EAAA,oBACEG,KAAA,CAAAC,aAAA,CAACtB,eAAe,EAAA;AACd,IAAA,kBAAA,EAAkBoB,aAAc;AAChC,IAAA,YAAA,EAAW,WAAW;AACtB5B,IAAAA,SAAS,EAAEA,SAAAA;AAAU,GAAA,EAEpB2B,QAAQ,CACO,CAAA;AAEtB;;;;"}

package/build/esm/src/components/DataTable/DataTable.d.ts

@@ -0,0 +1,49 @@
+import React from "react";
+import type { DataTableColumn, DataTableRow } from "./types";
+export declare type DataTableProps = {
+    /** CSS table layout. In 'auto' layout, columns are sized according to content width. In 'fixed' layout, columns can be provided a fixed or percentage width. */
+    layout?: "auto" | "fixed";
+    /** Table width */
+    width?: string;
+    /** Minimun height */
+    minHeight?: string;
+    /** Footer element */
+    footer?: React.ReactElement;
+    /**
+     * Meta data for columns
+     * @param DataTableColumn[].name - Column name
+     * @param DataTableColumn[].label - Column label for display
+     * @param DataTableColumn[].align - Align cell content, 'left' | 'right' | 'center'
+     * @param DataTableColumn[].width - Column width
+     * @param DataTableColumn[].renderCell - Callback to render custom cell content.
+     * @param DataTableColumn[].isSortable - Is table sortable by column
+     * @param DataTableColumn[].sortDirection - Sorted as 'asc' | 'desc'
+     *
+     */
+    columns: DataTableColumn[];
+    /**
+     * Table content as an array of objects with values for each column
+     */
+    rows?: DataTableRow[];
+    /**
+     * Is loading data. You can display custom loading content with children prop.
+     */
+    isLoading?: boolean;
+    /** screen reader text for loading spinner */
+    loadingStateScreenReaderText?: string;
+    /** Is empty or in error state. You can display custom empty/error content with children prop.
+     */
+    isEmpty?: boolean;
+    /**
+     * Is first column sticky on scroll
+     */
+    isFirstColumnSticky?: boolean;
+    "data-e2e-test-id"?: string;
+    /**  Column most recently used to sort data */
+    currentlySortedByColumn?: string;
+    /**
+     * Callback to handle sorting by column
+     */
+    onSort?: (columnName: string, desiredSortDirection: DataTableColumn["sortDirection"]) => void;
+};
+export declare function DataTable({ columns, rows, footer, currentlySortedByColumn, isFirstColumnSticky, "data-e2e-test-id": dataE2eTestId, isLoading, loadingStateScreenReaderText, isEmpty, children, minHeight, layout, width, onSort, }: React.PropsWithChildren<DataTableProps>): React.ReactElement;

package/build/esm/src/components/DataTable/DataTable.js

@@ -0,0 +1,109 @@
+import _styled from '@emotion/styled/base';
+import React, { useState, useRef, useEffect } from 'react';
+import TableBody from './TableBody.js';
+import TableHeader from './TableHeader.js';
+import { Container } from '../Container/Container.js';
+import TableFooter from './TableFooter.js';
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+const TableContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e9acbuy1"
+} : {
+  target: "e9acbuy1",
+  label: "TableContainer"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1qmr6ab",
+  styles: "overflow:auto"
+} : {
+  name: "1qmr6ab",
+  styles: "overflow:auto",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFUYWJsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0V1QiIsImZpbGUiOiJEYXRhVGFibGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUsIHVzZVJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgVGFibGVCb2R5IGZyb20gXCIuL1RhYmxlQm9keVwiO1xuaW1wb3J0IFRhYmxlSGVhZGVyIGZyb20gXCIuL1RhYmxlSGVhZGVyXCI7XG5pbXBvcnQgeyBDb250YWluZXIgfSBmcm9tIFwiLi4vQ29udGFpbmVyL0NvbnRhaW5lclwiO1xuaW1wb3J0IHR5cGUgeyBEYXRhVGFibGVDb2x1bW4sIERhdGFUYWJsZVJvdyB9IGZyb20gXCIuL3R5cGVzXCI7XG5pbXBvcnQgVGFibGVGb290ZXIgZnJvbSBcIi4vVGFibGVGb290ZXJcIjtcblxuZXhwb3J0IHR5cGUgRGF0YVRhYmxlUHJvcHMgPSB7XG4gIC8qKiBDU1MgdGFibGUgbGF5b3V0LiBJbiAnYXV0bycgbGF5b3V0LCBjb2x1bW5zIGFyZSBzaXplZCBhY2NvcmRpbmcgdG8gY29udGVudCB3aWR0aC4gSW4gJ2ZpeGVkJyBsYXlvdXQsIGNvbHVtbnMgY2FuIGJlIHByb3ZpZGVkIGEgZml4ZWQgb3IgcGVyY2VudGFnZSB3aWR0aC4gKi9cbiAgbGF5b3V0PzogXCJhdXRvXCIgfCBcImZpeGVkXCI7XG5cbiAgLyoqIFRhYmxlIHdpZHRoICovXG4gIHdpZHRoPzogc3RyaW5nO1xuXG4gIC8qKiBNaW5pbXVuIGhlaWdodCAqL1xuICBtaW5IZWlnaHQ/OiBzdHJpbmc7XG5cbiAgLyoqIEZvb3RlciBlbGVtZW50ICovXG4gIGZvb3Rlcj86IFJlYWN0LlJlYWN0RWxlbWVudDtcblxuICAvKipcbiAgICogTWV0YSBkYXRhIGZvciBjb2x1bW5zXG4gICAqIEBwYXJhbSBEYXRhVGFibGVDb2x1bW5bXS5uYW1lIC0gQ29sdW1uIG5hbWVcbiAgICogQHBhcmFtIERhdGFUYWJsZUNvbHVtbltdLmxhYmVsIC0gQ29sdW1uIGxhYmVsIGZvciBkaXNwbGF5XG4gICAqIEBwYXJhbSBEYXRhVGFibGVDb2x1bW5bXS5hbGlnbiAtIEFsaWduIGNlbGwgY29udGVudCwgJ2xlZnQnIHwgJ3JpZ2h0JyB8ICdjZW50ZXInXG4gICAqIEBwYXJhbSBEYXRhVGFibGVDb2x1bW5bXS53aWR0aCAtIENvbHVtbiB3aWR0aFxuICAgKiBAcGFyYW0gRGF0YVRhYmxlQ29sdW1uW10ucmVuZGVyQ2VsbCAtIENhbGxiYWNrIHRvIHJlbmRlciBjdXN0b20gY2VsbCBjb250ZW50LlxuICAgKiBAcGFyYW0gRGF0YVRhYmxlQ29sdW1uW10uaXNTb3J0YWJsZSAtIElzIHRhYmxlIHNvcnRhYmxlIGJ5IGNvbHVtblxuICAgKiBAcGFyYW0gRGF0YVRhYmxlQ29sdW1uW10uc29ydERpcmVjdGlvbiAtIFNvcnRlZCBhcyAnYXNjJyB8ICdkZXNjJ1xuICAgKlxuICAgKi9cbiAgY29sdW1uczogRGF0YVRhYmxlQ29sdW1uW107XG5cbiAgLyoqXG4gICAqIFRhYmxlIGNvbnRlbnQgYXMgYW4gYXJyYXkgb2Ygb2JqZWN0cyB3aXRoIHZhbHVlcyBmb3IgZWFjaCBjb2x1bW5cbiAgICovXG4gIHJvd3M/OiBEYXRhVGFibGVSb3dbXTtcblxuICAvKipcbiAgICogSXMgbG9hZGluZyBkYXRhLiBZb3UgY2FuIGRpc3BsYXkgY3VzdG9tIGxvYWRpbmcgY29udGVudCB3aXRoIGNoaWxkcmVuIHByb3AuXG4gICAqL1xuICBpc0xvYWRpbmc/OiBib29sZWFuO1xuXG4gIC8qKiBzY3JlZW4gcmVhZGVyIHRleHQgZm9yIGxvYWRpbmcgc3Bpbm5lciAqL1xuICBsb2FkaW5nU3RhdGVTY3JlZW5SZWFkZXJUZXh0Pzogc3RyaW5nO1xuXG4gIC8qKiBJcyBlbXB0eSBvciBpbiBlcnJvciBzdGF0ZS4gWW91IGNhbiBkaXNwbGF5IGN1c3RvbSBlbXB0eS9lcnJvciBjb250ZW50IHdpdGggY2hpbGRyZW4gcHJvcC5cbiAgICovXG4gIGlzRW1wdHk/OiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBJcyBmaXJzdCBjb2x1bW4gc3RpY2t5IG9uIHNjcm9sbFxuICAgKi9cbiAgaXNGaXJzdENvbHVtblN0aWNreT86IGJvb2xlYW47XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xuXG4gIC8qKiAgQ29sdW1uIG1vc3QgcmVjZW50bHkgdXNlZCB0byBzb3J0IGRhdGEgKi9cbiAgY3VycmVudGx5U29ydGVkQnlDb2x1bW4/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBDYWxsYmFjayB0byBoYW5kbGUgc29ydGluZyBieSBjb2x1bW5cbiAgICovXG4gIG9uU29ydD86IChcbiAgICBjb2x1bW5OYW1lOiBzdHJpbmcsXG4gICAgZGVzaXJlZFNvcnREaXJlY3Rpb246IERhdGFUYWJsZUNvbHVtbltcInNvcnREaXJlY3Rpb25cIl1cbiAgKSA9PiB2b2lkO1xufTtcblxuY29uc3QgVGFibGVDb250YWluZXIgPSBzdHlsZWQuZGl2KHtcbiAgb3ZlcmZsb3c6IFwiYXV0b1wiLFxufSk7XG5cbnR5cGUgU3R5bGVkVGFibGVQcm9wcyA9IFBpY2s8RGF0YVRhYmxlUHJvcHMsIFwibGF5b3V0XCIgfCBcIndpZHRoXCIgfCBcIm1pbkhlaWdodFwiPjtcblxuY29uc3QgU3R5bGVkVGFibGUgPSBzdHlsZWQudGFibGU8U3R5bGVkVGFibGVQcm9wcz4oXG4gICh7IGxheW91dCwgd2lkdGgsIG1pbkhlaWdodCB9KSA9PiAoe1xuICAgIGJvcmRlclNwYWNpbmc6IDAsXG4gICAgdGFibGVMYXlvdXQ6IGxheW91dCxcbiAgICB3aWR0aCxcbiAgICBtaW5IZWlnaHQsXG4gIH0pXG4pO1xuXG5leHBvcnQgZnVuY3Rpb24gRGF0YVRhYmxlKHtcbiAgY29sdW1ucyxcbiAgcm93cyA9IFtdLFxuICBmb290ZXIsXG4gIGN1cnJlbnRseVNvcnRlZEJ5Q29sdW1uLFxuICBpc0ZpcnN0Q29sdW1uU3RpY2t5ID0gdHJ1ZSxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG4gIGlzTG9hZGluZyA9IGZhbHNlLFxuICBsb2FkaW5nU3RhdGVTY3JlZW5SZWFkZXJUZXh0ID0gXCJMb2FkaW5nXCIsXG4gIGlzRW1wdHkgPSBmYWxzZSxcbiAgY2hpbGRyZW4sXG4gIG1pbkhlaWdodCxcbiAgbGF5b3V0ID0gXCJhdXRvXCIsXG4gIHdpZHRoID0gXCIxMDAlXCIsXG4gIG9uU29ydCxcbn06IFJlYWN0LlByb3BzV2l0aENoaWxkcmVuPERhdGFUYWJsZVByb3BzPik6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IFtpc1Njcm9sbGVkLCBzZXRJc1Njcm9sbGVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgdGFibGVSZWYgPSB1c2VSZWY8SFRNTFRhYmxlRWxlbWVudD4obnVsbCk7XG4gIGNvbnN0IGNvbnRhaW5lclJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbCk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBsZXQgb2JzZXJ2ZXI6IEludGVyc2VjdGlvbk9ic2VydmVyO1xuXG4gICAgaWYgKFxuICAgICAgaXNGaXJzdENvbHVtblN0aWNreSAmJlxuICAgICAgSW50ZXJzZWN0aW9uT2JzZXJ2ZXIgJiZcbiAgICAgIGNvbnRhaW5lclJlZiAmJlxuICAgICAgY29udGFpbmVyUmVmLmN1cnJlbnQgJiZcbiAgICAgIHRhYmxlUmVmLmN1cnJlbnRcbiAgICApIHtcbiAgICAgIG9ic2VydmVyID0gbmV3IEludGVyc2VjdGlvbk9ic2VydmVyKFxuICAgICAgICAoZW50cmllcykgPT4ge1xuICAgICAgICAgIGVudHJpZXMuZm9yRWFjaCgoZW50cnkpID0+IHtcbiAgICAgICAgICAgIHNldElzU2Nyb2xsZWQoIWVudHJ5LmlzSW50ZXJzZWN0aW5nKTtcbiAgICAgICAgICB9KTtcbiAgICAgICAgfSxcbiAgICAgICAge1xuICAgICAgICAgIHJvb3Q6IGNvbnRhaW5lclJlZi5jdXJyZW50LFxuICAgICAgICAgIHRocmVzaG9sZDogMSxcbiAgICAgICAgfVxuICAgICAgKTtcblxuICAgICAgb2JzZXJ2ZXIub2JzZXJ2ZSh0YWJsZVJlZi5jdXJyZW50KTtcbiAgICB9XG5cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgaWYgKG9ic2VydmVyKSB7XG4gICAgICAgIG9ic2VydmVyLmRpc2Nvbm5lY3QoKTtcbiAgICAgIH1cbiAgICB9O1xuICB9LCBbaXNGaXJzdENvbHVtblN0aWNreV0pO1xuXG4gIGNvbnN0IGZvb3RlckVsbSA9IGZvb3RlciA/IChcbiAgICA8VGFibGVGb290ZXIgY29sdW1ucz17Y29sdW1uc30+e2Zvb3Rlcn08L1RhYmxlRm9vdGVyPlxuICApIDogbnVsbDtcblxuICByZXR1cm4gKFxuICAgIDxDb250YWluZXIgZWxldmF0aW9uPXsxfT5cbiAgICAgIDxUYWJsZUNvbnRhaW5lciByZWY9e2NvbnRhaW5lclJlZn0+XG4gICAgICAgIDxTdHlsZWRUYWJsZVxuICAgICAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICAgICAgcmVmPXt0YWJsZVJlZn1cbiAgICAgICAgICBsYXlvdXQ9e2xheW91dH1cbiAgICAgICAgICB3aWR0aD17d2lkdGh9XG4gICAgICAgICAgbWluSGVpZ2h0PXttaW5IZWlnaHR9XG4gICAgICAgID5cbiAgICAgICAgICA8VGFibGVIZWFkZXJcbiAgICAgICAgICAgIGNvbHVtbnM9e2NvbHVtbnN9XG4gICAgICAgICAgICBpc1RhYmxlU2Nyb2xsZWQ9e2lzU2Nyb2xsZWR9XG4gICAgICAgICAgICBjdXJyZW50bHlTb3J0ZWRCeUNvbHVtbj17Y3VycmVudGx5U29ydGVkQnlDb2x1bW59XG4gICAgICAgICAgICBvblNvcnQ9e29uU29ydH1cbiAgICAgICAgICAvPlxuICAgICAgICAgIDxUYWJsZUJvZHlcbiAgICAgICAgICAgIGNvbHVtbnM9e2NvbHVtbnN9XG4gICAgICAgICAgICByb3dzPXtyb3dzfVxuICAgICAgICAgICAgaXNUYWJsZVNjcm9sbGVkPXtpc1Njcm9sbGVkfVxuICAgICAgICAgICAgaXNFbXB0eT17aXNFbXB0eX1cbiAgICAgICAgICAgIGlzTG9hZGluZz17aXNMb2FkaW5nfVxuICAgICAgICAgICAgbG9hZGluZ1N0YXRlU2NyZWVuUmVhZGVyVGV4dD17bG9hZGluZ1N0YXRlU2NyZWVuUmVhZGVyVGV4dH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgPC9UYWJsZUJvZHk+XG4gICAgICAgICAge2Zvb3RlckVsbX1cbiAgICAgICAgPC9TdHlsZWRUYWJsZT5cbiAgICAgIDwvVGFibGVDb250YWluZXI+XG4gICAgPC9Db250YWluZXI+XG4gICk7XG59XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledTable = /*#__PURE__*/_styled("table", process.env.NODE_ENV === "production" ? {
+  target: "e9acbuy0"
+} : {
+  target: "e9acbuy0",
+  label: "StyledTable"
+})(_ref => {
+  let {
+    layout,
+    width,
+    minHeight
+  } = _ref;
+  return {
+    borderSpacing: 0,
+    tableLayout: layout,
+    width,
+    minHeight
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFUYWJsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEVvQiIsImZpbGUiOiJEYXRhVGFibGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUsIHVzZVJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgVGFibGVCb2R5IGZyb20gXCIuL1RhYmxlQm9keVwiO1xuaW1wb3J0IFRhYmxlSGVhZGVyIGZyb20gXCIuL1RhYmxlSGVhZGVyXCI7XG5pbXBvcnQgeyBDb250YWluZXIgfSBmcm9tIFwiLi4vQ29udGFpbmVyL0NvbnRhaW5lclwiO1xuaW1wb3J0IHR5cGUgeyBEYXRhVGFibGVDb2x1bW4sIERhdGFUYWJsZVJvdyB9IGZyb20gXCIuL3R5cGVzXCI7XG5pbXBvcnQgVGFibGVGb290ZXIgZnJvbSBcIi4vVGFibGVGb290ZXJcIjtcblxuZXhwb3J0IHR5cGUgRGF0YVRhYmxlUHJvcHMgPSB7XG4gIC8qKiBDU1MgdGFibGUgbGF5b3V0LiBJbiAnYXV0bycgbGF5b3V0LCBjb2x1bW5zIGFyZSBzaXplZCBhY2NvcmRpbmcgdG8gY29udGVudCB3aWR0aC4gSW4gJ2ZpeGVkJyBsYXlvdXQsIGNvbHVtbnMgY2FuIGJlIHByb3ZpZGVkIGEgZml4ZWQgb3IgcGVyY2VudGFnZSB3aWR0aC4gKi9cbiAgbGF5b3V0PzogXCJhdXRvXCIgfCBcImZpeGVkXCI7XG5cbiAgLyoqIFRhYmxlIHdpZHRoICovXG4gIHdpZHRoPzogc3RyaW5nO1xuXG4gIC8qKiBNaW5pbXVuIGhlaWdodCAqL1xuICBtaW5IZWlnaHQ/OiBzdHJpbmc7XG5cbiAgLyoqIEZvb3RlciBlbGVtZW50ICovXG4gIGZvb3Rlcj86IFJlYWN0LlJlYWN0RWxlbWVudDtcblxuICAvKipcbiAgICogTWV0YSBkYXRhIGZvciBjb2x1bW5zXG4gICAqIEBwYXJhbSBEYXRhVGFibGVDb2x1bW5bXS5uYW1lIC0gQ29sdW1uIG5hbWVcbiAgICogQHBhcmFtIERhdGFUYWJsZUNvbHVtbltdLmxhYmVsIC0gQ29sdW1uIGxhYmVsIGZvciBkaXNwbGF5XG4gICAqIEBwYXJhbSBEYXRhVGFibGVDb2x1bW5bXS5hbGlnbiAtIEFsaWduIGNlbGwgY29udGVudCwgJ2xlZnQnIHwgJ3JpZ2h0JyB8ICdjZW50ZXInXG4gICAqIEBwYXJhbSBEYXRhVGFibGVDb2x1bW5bXS53aWR0aCAtIENvbHVtbiB3aWR0aFxuICAgKiBAcGFyYW0gRGF0YVRhYmxlQ29sdW1uW10ucmVuZGVyQ2VsbCAtIENhbGxiYWNrIHRvIHJlbmRlciBjdXN0b20gY2VsbCBjb250ZW50LlxuICAgKiBAcGFyYW0gRGF0YVRhYmxlQ29sdW1uW10uaXNTb3J0YWJsZSAtIElzIHRhYmxlIHNvcnRhYmxlIGJ5IGNvbHVtblxuICAgKiBAcGFyYW0gRGF0YVRhYmxlQ29sdW1uW10uc29ydERpcmVjdGlvbiAtIFNvcnRlZCBhcyAnYXNjJyB8ICdkZXNjJ1xuICAgKlxuICAgKi9cbiAgY29sdW1uczogRGF0YVRhYmxlQ29sdW1uW107XG5cbiAgLyoqXG4gICAqIFRhYmxlIGNvbnRlbnQgYXMgYW4gYXJyYXkgb2Ygb2JqZWN0cyB3aXRoIHZhbHVlcyBmb3IgZWFjaCBjb2x1bW5cbiAgICovXG4gIHJvd3M/OiBEYXRhVGFibGVSb3dbXTtcblxuICAvKipcbiAgICogSXMgbG9hZGluZyBkYXRhLiBZb3UgY2FuIGRpc3BsYXkgY3VzdG9tIGxvYWRpbmcgY29udGVudCB3aXRoIGNoaWxkcmVuIHByb3AuXG4gICAqL1xuICBpc0xvYWRpbmc/OiBib29sZWFuO1xuXG4gIC8qKiBzY3JlZW4gcmVhZGVyIHRleHQgZm9yIGxvYWRpbmcgc3Bpbm5lciAqL1xuICBsb2FkaW5nU3RhdGVTY3JlZW5SZWFkZXJUZXh0Pzogc3RyaW5nO1xuXG4gIC8qKiBJcyBlbXB0eSBvciBpbiBlcnJvciBzdGF0ZS4gWW91IGNhbiBkaXNwbGF5IGN1c3RvbSBlbXB0eS9lcnJvciBjb250ZW50IHdpdGggY2hpbGRyZW4gcHJvcC5cbiAgICovXG4gIGlzRW1wdHk/OiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBJcyBmaXJzdCBjb2x1bW4gc3RpY2t5IG9uIHNjcm9sbFxuICAgKi9cbiAgaXNGaXJzdENvbHVtblN0aWNreT86IGJvb2xlYW47XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xuXG4gIC8qKiAgQ29sdW1uIG1vc3QgcmVjZW50bHkgdXNlZCB0byBzb3J0IGRhdGEgKi9cbiAgY3VycmVudGx5U29ydGVkQnlDb2x1bW4/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBDYWxsYmFjayB0byBoYW5kbGUgc29ydGluZyBieSBjb2x1bW5cbiAgICovXG4gIG9uU29ydD86IChcbiAgICBjb2x1bW5OYW1lOiBzdHJpbmcsXG4gICAgZGVzaXJlZFNvcnREaXJlY3Rpb246IERhdGFUYWJsZUNvbHVtbltcInNvcnREaXJlY3Rpb25cIl1cbiAgKSA9PiB2b2lkO1xufTtcblxuY29uc3QgVGFibGVDb250YWluZXIgPSBzdHlsZWQuZGl2KHtcbiAgb3ZlcmZsb3c6IFwiYXV0b1wiLFxufSk7XG5cbnR5cGUgU3R5bGVkVGFibGVQcm9wcyA9IFBpY2s8RGF0YVRhYmxlUHJvcHMsIFwibGF5b3V0XCIgfCBcIndpZHRoXCIgfCBcIm1pbkhlaWdodFwiPjtcblxuY29uc3QgU3R5bGVkVGFibGUgPSBzdHlsZWQudGFibGU8U3R5bGVkVGFibGVQcm9wcz4oXG4gICh7IGxheW91dCwgd2lkdGgsIG1pbkhlaWdodCB9KSA9PiAoe1xuICAgIGJvcmRlclNwYWNpbmc6IDAsXG4gICAgdGFibGVMYXlvdXQ6IGxheW91dCxcbiAgICB3aWR0aCxcbiAgICBtaW5IZWlnaHQsXG4gIH0pXG4pO1xuXG5leHBvcnQgZnVuY3Rpb24gRGF0YVRhYmxlKHtcbiAgY29sdW1ucyxcbiAgcm93cyA9IFtdLFxuICBmb290ZXIsXG4gIGN1cnJlbnRseVNvcnRlZEJ5Q29sdW1uLFxuICBpc0ZpcnN0Q29sdW1uU3RpY2t5ID0gdHJ1ZSxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG4gIGlzTG9hZGluZyA9IGZhbHNlLFxuICBsb2FkaW5nU3RhdGVTY3JlZW5SZWFkZXJUZXh0ID0gXCJMb2FkaW5nXCIsXG4gIGlzRW1wdHkgPSBmYWxzZSxcbiAgY2hpbGRyZW4sXG4gIG1pbkhlaWdodCxcbiAgbGF5b3V0ID0gXCJhdXRvXCIsXG4gIHdpZHRoID0gXCIxMDAlXCIsXG4gIG9uU29ydCxcbn06IFJlYWN0LlByb3BzV2l0aENoaWxkcmVuPERhdGFUYWJsZVByb3BzPik6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IFtpc1Njcm9sbGVkLCBzZXRJc1Njcm9sbGVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgdGFibGVSZWYgPSB1c2VSZWY8SFRNTFRhYmxlRWxlbWVudD4obnVsbCk7XG4gIGNvbnN0IGNvbnRhaW5lclJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbCk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBsZXQgb2JzZXJ2ZXI6IEludGVyc2VjdGlvbk9ic2VydmVyO1xuXG4gICAgaWYgKFxuICAgICAgaXNGaXJzdENvbHVtblN0aWNreSAmJlxuICAgICAgSW50ZXJzZWN0aW9uT2JzZXJ2ZXIgJiZcbiAgICAgIGNvbnRhaW5lclJlZiAmJlxuICAgICAgY29udGFpbmVyUmVmLmN1cnJlbnQgJiZcbiAgICAgIHRhYmxlUmVmLmN1cnJlbnRcbiAgICApIHtcbiAgICAgIG9ic2VydmVyID0gbmV3IEludGVyc2VjdGlvbk9ic2VydmVyKFxuICAgICAgICAoZW50cmllcykgPT4ge1xuICAgICAgICAgIGVudHJpZXMuZm9yRWFjaCgoZW50cnkpID0+IHtcbiAgICAgICAgICAgIHNldElzU2Nyb2xsZWQoIWVudHJ5LmlzSW50ZXJzZWN0aW5nKTtcbiAgICAgICAgICB9KTtcbiAgICAgICAgfSxcbiAgICAgICAge1xuICAgICAgICAgIHJvb3Q6IGNvbnRhaW5lclJlZi5jdXJyZW50LFxuICAgICAgICAgIHRocmVzaG9sZDogMSxcbiAgICAgICAgfVxuICAgICAgKTtcblxuICAgICAgb2JzZXJ2ZXIub2JzZXJ2ZSh0YWJsZVJlZi5jdXJyZW50KTtcbiAgICB9XG5cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgaWYgKG9ic2VydmVyKSB7XG4gICAgICAgIG9ic2VydmVyLmRpc2Nvbm5lY3QoKTtcbiAgICAgIH1cbiAgICB9O1xuICB9LCBbaXNGaXJzdENvbHVtblN0aWNreV0pO1xuXG4gIGNvbnN0IGZvb3RlckVsbSA9IGZvb3RlciA/IChcbiAgICA8VGFibGVGb290ZXIgY29sdW1ucz17Y29sdW1uc30+e2Zvb3Rlcn08L1RhYmxlRm9vdGVyPlxuICApIDogbnVsbDtcblxuICByZXR1cm4gKFxuICAgIDxDb250YWluZXIgZWxldmF0aW9uPXsxfT5cbiAgICAgIDxUYWJsZUNvbnRhaW5lciByZWY9e2NvbnRhaW5lclJlZn0+XG4gICAgICAgIDxTdHlsZWRUYWJsZVxuICAgICAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICAgICAgcmVmPXt0YWJsZVJlZn1cbiAgICAgICAgICBsYXlvdXQ9e2xheW91dH1cbiAgICAgICAgICB3aWR0aD17d2lkdGh9XG4gICAgICAgICAgbWluSGVpZ2h0PXttaW5IZWlnaHR9XG4gICAgICAgID5cbiAgICAgICAgICA8VGFibGVIZWFkZXJcbiAgICAgICAgICAgIGNvbHVtbnM9e2NvbHVtbnN9XG4gICAgICAgICAgICBpc1RhYmxlU2Nyb2xsZWQ9e2lzU2Nyb2xsZWR9XG4gICAgICAgICAgICBjdXJyZW50bHlTb3J0ZWRCeUNvbHVtbj17Y3VycmVudGx5U29ydGVkQnlDb2x1bW59XG4gICAgICAgICAgICBvblNvcnQ9e29uU29ydH1cbiAgICAgICAgICAvPlxuICAgICAgICAgIDxUYWJsZUJvZHlcbiAgICAgICAgICAgIGNvbHVtbnM9e2NvbHVtbnN9XG4gICAgICAgICAgICByb3dzPXtyb3dzfVxuICAgICAgICAgICAgaXNUYWJsZVNjcm9sbGVkPXtpc1Njcm9sbGVkfVxuICAgICAgICAgICAgaXNFbXB0eT17aXNFbXB0eX1cbiAgICAgICAgICAgIGlzTG9hZGluZz17aXNMb2FkaW5nfVxuICAgICAgICAgICAgbG9hZGluZ1N0YXRlU2NyZWVuUmVhZGVyVGV4dD17bG9hZGluZ1N0YXRlU2NyZWVuUmVhZGVyVGV4dH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgPC9UYWJsZUJvZHk+XG4gICAgICAgICAge2Zvb3RlckVsbX1cbiAgICAgICAgPC9TdHlsZWRUYWJsZT5cbiAgICAgIDwvVGFibGVDb250YWluZXI+XG4gICAgPC9Db250YWluZXI+XG4gICk7XG59XG4iXX0= */");
+function DataTable(_ref2) {
+  let {
+    columns,
+    rows = [],
+    footer,
+    currentlySortedByColumn,
+    isFirstColumnSticky = true,
+    "data-e2e-test-id": dataE2eTestId,
+    isLoading = false,
+    loadingStateScreenReaderText = "Loading",
+    isEmpty = false,
+    children,
+    minHeight,
+    layout = "auto",
+    width = "100%",
+    onSort
+  } = _ref2;
+  const [isScrolled, setIsScrolled] = useState(false);
+  const tableRef = useRef(null);
+  const containerRef = useRef(null);
+  useEffect(() => {
+    let observer;
+    if (isFirstColumnSticky && IntersectionObserver && containerRef && containerRef.current && tableRef.current) {
+      observer = new IntersectionObserver(entries => {
+        entries.forEach(entry => {
+          setIsScrolled(!entry.isIntersecting);
+        });
+      }, {
+        root: containerRef.current,
+        threshold: 1
+      });
+      observer.observe(tableRef.current);
+    }
+    return () => {
+      if (observer) {
+        observer.disconnect();
+      }
+    };
+  }, [isFirstColumnSticky]);
+  const footerElm = footer ? /*#__PURE__*/React.createElement(TableFooter, {
+    columns: columns
+  }, footer) : null;
+  return /*#__PURE__*/React.createElement(Container, {
+    elevation: 1
+  }, /*#__PURE__*/React.createElement(TableContainer, {
+    ref: containerRef
+  }, /*#__PURE__*/React.createElement(StyledTable, {
+    "data-e2e-test-id": dataE2eTestId,
+    ref: tableRef,
+    layout: layout,
+    width: width,
+    minHeight: minHeight
+  }, /*#__PURE__*/React.createElement(TableHeader, {
+    columns: columns,
+    isTableScrolled: isScrolled,
+    currentlySortedByColumn: currentlySortedByColumn,
+    onSort: onSort
+  }), /*#__PURE__*/React.createElement(TableBody, {
+    columns: columns,
+    rows: rows,
+    isTableScrolled: isScrolled,
+    isEmpty: isEmpty,
+    isLoading: isLoading,
+    loadingStateScreenReaderText: loadingStateScreenReaderText
+  }, children), footerElm)));
+}
+
+export { DataTable };
+//# sourceMappingURL=DataTable.js.map

package/build/esm/src/components/DataTable/DataTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.js","sources":["../../../../../src/components/DataTable/DataTable.tsx"],"sourcesContent":["import React, { useEffect, useState, useRef } from \"react\";\nimport styled from \"@emotion/styled\";\nimport TableBody from \"./TableBody\";\nimport TableHeader from \"./TableHeader\";\nimport { Container } from \"../Container/Container\";\nimport type { DataTableColumn, DataTableRow } from \"./types\";\nimport TableFooter from \"./TableFooter\";\n\nexport type DataTableProps = {\n  /** CSS table layout. In 'auto' layout, columns are sized according to content width. In 'fixed' layout, columns can be provided a fixed or percentage width. */\n  layout?: \"auto\" | \"fixed\";\n\n  /** Table width */\n  width?: string;\n\n  /** Minimun height */\n  minHeight?: string;\n\n  /** Footer element */\n  footer?: React.ReactElement;\n\n  /**\n   * Meta data for columns\n   * @param DataTableColumn[].name - Column name\n   * @param DataTableColumn[].label - Column label for display\n   * @param DataTableColumn[].align - Align cell content, 'left' | 'right' | 'center'\n   * @param DataTableColumn[].width - Column width\n   * @param DataTableColumn[].renderCell - Callback to render custom cell content.\n   * @param DataTableColumn[].isSortable - Is table sortable by column\n   * @param DataTableColumn[].sortDirection - Sorted as 'asc' | 'desc'\n   *\n   */\n  columns: DataTableColumn[];\n\n  /**\n   * Table content as an array of objects with values for each column\n   */\n  rows?: DataTableRow[];\n\n  /**\n   * Is loading data. You can display custom loading content with children prop.\n   */\n  isLoading?: boolean;\n\n  /** screen reader text for loading spinner */\n  loadingStateScreenReaderText?: string;\n\n  /** Is empty or in error state. You can display custom empty/error content with children prop.\n   */\n  isEmpty?: boolean;\n\n  /**\n   * Is first column sticky on scroll\n   */\n  isFirstColumnSticky?: boolean;\n  \"data-e2e-test-id\"?: string;\n\n  /**  Column most recently used to sort data */\n  currentlySortedByColumn?: string;\n  /**\n   * Callback to handle sorting by column\n   */\n  onSort?: (\n    columnName: string,\n    desiredSortDirection: DataTableColumn[\"sortDirection\"]\n  ) => void;\n};\n\nconst TableContainer = styled.div({\n  overflow: \"auto\",\n});\n\ntype StyledTableProps = Pick<DataTableProps, \"layout\" | \"width\" | \"minHeight\">;\n\nconst StyledTable = styled.table<StyledTableProps>(\n  ({ layout, width, minHeight }) => ({\n    borderSpacing: 0,\n    tableLayout: layout,\n    width,\n    minHeight,\n  })\n);\n\nexport function DataTable({\n  columns,\n  rows = [],\n  footer,\n  currentlySortedByColumn,\n  isFirstColumnSticky = true,\n  \"data-e2e-test-id\": dataE2eTestId,\n  isLoading = false,\n  loadingStateScreenReaderText = \"Loading\",\n  isEmpty = false,\n  children,\n  minHeight,\n  layout = \"auto\",\n  width = \"100%\",\n  onSort,\n}: React.PropsWithChildren<DataTableProps>): React.ReactElement {\n  const [isScrolled, setIsScrolled] = useState(false);\n  const tableRef = useRef<HTMLTableElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    let observer: IntersectionObserver;\n\n    if (\n      isFirstColumnSticky &&\n      IntersectionObserver &&\n      containerRef &&\n      containerRef.current &&\n      tableRef.current\n    ) {\n      observer = new IntersectionObserver(\n        (entries) => {\n          entries.forEach((entry) => {\n            setIsScrolled(!entry.isIntersecting);\n          });\n        },\n        {\n          root: containerRef.current,\n          threshold: 1,\n        }\n      );\n\n      observer.observe(tableRef.current);\n    }\n\n    return () => {\n      if (observer) {\n        observer.disconnect();\n      }\n    };\n  }, [isFirstColumnSticky]);\n\n  const footerElm = footer ? (\n    <TableFooter columns={columns}>{footer}</TableFooter>\n  ) : null;\n\n  return (\n    <Container elevation={1}>\n      <TableContainer ref={containerRef}>\n        <StyledTable\n          data-e2e-test-id={dataE2eTestId}\n          ref={tableRef}\n          layout={layout}\n          width={width}\n          minHeight={minHeight}\n        >\n          <TableHeader\n            columns={columns}\n            isTableScrolled={isScrolled}\n            currentlySortedByColumn={currentlySortedByColumn}\n            onSort={onSort}\n          />\n          <TableBody\n            columns={columns}\n            rows={rows}\n            isTableScrolled={isScrolled}\n            isEmpty={isEmpty}\n            isLoading={isLoading}\n            loadingStateScreenReaderText={loadingStateScreenReaderText}\n          >\n            {children}\n          </TableBody>\n          {footerElm}\n        </StyledTable>\n      </TableContainer>\n    </Container>\n  );\n}\n"],"names":["TableContainer","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledTable","_ref","layout","width","minHeight","borderSpacing","tableLayout","DataTable","_ref2","columns","rows","footer","currentlySortedByColumn","isFirstColumnSticky","dataE2eTestId","isLoading","loadingStateScreenReaderText","isEmpty","children","onSort","isScrolled","setIsScrolled","useState","tableRef","useRef","containerRef","useEffect","observer","IntersectionObserver","current","entries","forEach","entry","isIntersecting","root","threshold","observe","disconnect","footerElm","React","createElement","TableFooter","Container","elevation","ref","TableHeader","isTableScrolled","TableBody"],"mappings":"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"}

package/build/esm/src/components/DataTable/TableBody.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import type { DataTableProps } from "./DataTable";
+export declare type TableBodyProps = {
+    className?: string;
+    isTableScrolled: boolean;
+} & Pick<DataTableProps, "columns" | "rows" | "isLoading" | "loadingStateScreenReaderText" | "isEmpty">;
+declare function TableBody({ className, columns, rows, isTableScrolled, isLoading, loadingStateScreenReaderText, isEmpty, children, }: React.PropsWithChildren<TableBodyProps>): React.ReactElement;
+declare const _default: React.MemoExoticComponent<typeof TableBody>;
+export default _default;