@strapi/design-system 1.3.0-beta.1 → 1.3.0-beta.3

package/Table.js

@@ -0,0 +1,9 @@
+
+  'use strict';
+  
+  if (process.env.NODE_ENV === "production") {
+    module.exports = require("./Table.production.js");
+  } else {
+    module.exports = require("./Table.development.js");
+  }
+  

package/Table.production.js

@@ -0,0 +1 @@
+!function(n,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("react"),require("styled-components")):"function"==typeof define&&define.amd?define("strapiDs",["react","styled-components"],e):"object"==typeof exports?exports.strapiDs=e(require("react"),require("styled-components")):n.strapiDs=e(n.react,n["styled-components"])}(this,(function(n,e){return function(n){var e={};function t(r){if(e[r])return e[r].exports;var o=e[r]={i:r,l:!1,exports:{}};return n[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}return t.m=n,t.c=e,t.d=function(n,e,r){t.o(n,e)||Object.defineProperty(n,e,{enumerable:!0,get:r})},t.r=function(n){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})},t.t=function(n,e){if(1&e&&(n=t(n)),8&e)return n;if(4&e&&"object"==typeof n&&n&&n.__esModule)return n;var r=Object.create(null);if(t.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:n}),2&e&&"string"!=typeof n)for(var o in n)t.d(r,o,function(e){return n[e]}.bind(null,o));return r},t.n=function(n){var e=n&&n.__esModule?function(){return n.default}:function(){return n};return t.d(e,"a",e),e},t.o=function(n,e){return Object.prototype.hasOwnProperty.call(n,e)},t.p="",t(t.s=105)}([function(n,e,t){n.exports=t(24)()},function(e,t){e.exports=n},function(n,t){n.exports=e},function(n,e){n.exports=function(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))},n.exports.default=n.exports,n.exports.__esModule=!0},function(n,e,t){var r=t(30);n.exports=function(n,e){if(null==n)return{};var t,o,i=r(n,e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(n);for(o=0;o<a.length;o++)t=a[o],e.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(n,t)&&(i[t]=n[t])}return i},n.exports.default=n.exports,n.exports.__esModule=!0},function(n,e){function t(){return n.exports=t=Object.assign||function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},n.exports.default=n.exports,n.exports.__esModule=!0,t.apply(this,arguments)}n.exports=t,n.exports.default=n.exports,n.exports.__esModule=!0},function(n,e,t){"use strict";t.r(e),t.d(e,"Box",(function(){return g}));var r,o=t(3),i=t.n(o),a=t(2),u=t.n(a),c=t(7),s=t(1),f=t.n(s),l=t(0),d=t.n(l),p=function(n){return f.a.createElement("div",n)},h={background:void 0,borderColor:void 0,color:void 0,hiddenS:!1,hiddenXS:!1,padding:void 0,paddingTop:void 0,paddingRight:void 0,paddingBottom:void 0,paddingLeft:void 0,hasRadius:!1,shadow:void 0,children:null,shrink:void 0,grow:void 0,basis:void 0,flex:void 0,_hover:function(){}},b={_hover:d.a.func,background:d.a.string,basis:d.a.oneOfType([d.a.string,d.a.string]),borderColor:d.a.string,children:d.a.oneOfType([d.a.node,d.a.string]),color:d.a.string,flex:d.a.oneOfType([d.a.string,d.a.string]),grow:d.a.oneOfType([d.a.string,d.a.string]),hasRadius:d.a.bool,hiddenS:d.a.bool,hiddenXS:d.a.bool,padding:d.a.oneOfType([d.a.number,d.a.arrayOf(d.a.number)]),paddingBottom:d.a.oneOfType([d.a.number,d.a.arrayOf(d.a.number)]),paddingLeft:d.a.oneOfType([d.a.number,d.a.arrayOf(d.a.number)]),paddingRight:d.a.oneOfType([d.a.number,d.a.arrayOf(d.a.number)]),paddingTop:d.a.oneOfType([d.a.number,d.a.arrayOf(d.a.number)]),shadow:d.a.string,shrink:d.a.oneOfType([d.a.string,d.a.string])};p.defaultProps=h,p.propTypes=b;var m={color:!0},g=u.a.div.withConfig({shouldForwardProp:function(n,e){return!m[n]&&e(n)}})(r||(r=i()(["\n  // Font\n  font-size: ",";\n\n  // Colors\n  background: ",";\n  color: ",";\n\n  // Spaces\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n\n  // Responsive hiding\n  ","\n  ","\n  \n\n  // Borders\n  border-radius: ",";\n  border-style: ",";\n  border-width: ",";\n  border-color: ",";\n  border: ",";\n\n  // Shadows\n  box-shadow: ",";\n\n  // Handlers\n  pointer-events: ",";\n  &:hover {\n    ","\n  }\n\n  // Display\n  display: ",";\n\n  // Position\n  position: ",";\n  left: ",";\n  right: ",";\n  top: ",";\n  bottom: ",";\n  z-index: ",";\n  overflow: ",";\n  cursor: ",";\n\n  // Size\n  width: ",";\n  max-width: ",";\n  min-width: ",";\n  height: ",";\n  max-height: ",";\n  min-height: ",";\n\n  // Animation\n  transition: ",";\n  transform: ",";\n  animation: ",";\n\n  //Flexbox children props\n  flex-shrink: ",";\n  flex-grow: ",";\n  flex-basis: ",";\n  flex: ",";\n\n  // Text\n  text-align: ",";\n  text-transform: ",";\n  line-height: ",";\n\n  // Cursor\n  cursor: ",";\n"])),(function(n){var e=n.fontSize;return n.theme.fontSizes[e]||e}),(function(n){var e=n.theme,t=n.background;return e.colors[t]}),(function(n){var e=n.theme,t=n.color;return e.colors[t]}),(function(n){var e=n.theme,t=n.padding;return Object(c.a)("padding",t,e)}),(function(n){var e=n.theme,t=n.paddingTop;return Object(c.a)("padding-top",t,e)}),(function(n){var e=n.theme,t=n.paddingRight;return Object(c.a)("padding-right",t,e)}),(function(n){var e=n.theme,t=n.paddingBottom;return Object(c.a)("padding-bottom",t,e)}),(function(n){var e=n.theme,t=n.paddingLeft;return Object(c.a)("padding-left",t,e)}),(function(n){var e=n.theme,t=n.marginLeft;return Object(c.a)("margin-left",t,e)}),(function(n){var e=n.theme,t=n.marginRight;return Object(c.a)("margin-right",t,e)}),(function(n){var e=n.theme,t=n.marginTop;return Object(c.a)("margin-top",t,e)}),(function(n){var e=n.theme,t=n.marginBottom;return Object(c.a)("margin-bottom",t,e)}),(function(n){var e=n.theme;return n.hiddenS?"".concat(e.mediaQueries.tablet," { display: none; }"):void 0}),(function(n){var e=n.theme;return n.hiddenXS?"".concat(e.mediaQueries.mobile," { display: none; }"):void 0}),(function(n){var e=n.theme,t=n.hasRadius,r=n.borderRadius;return t?e.borderRadius:r}),(function(n){return n.borderStyle}),(function(n){return n.borderWidth}),(function(n){var e=n.borderColor;return n.theme.colors[e]}),(function(n){var e=n.theme,t=n.borderColor,r=n.borderStyle,o=n.borderWidth;if(t&&!r&&!o)return"1px solid ".concat(e.colors[t])}),(function(n){var e=n.theme,t=n.shadow;return e.shadows[t]}),(function(n){return n.pointerEvents}),(function(n){var e=n._hover,t=n.theme;return e?e(t):void 0}),(function(n){return n.display}),(function(n){return n.position}),(function(n){var e=n.left;return n.theme.spaces[e]||e}),(function(n){var e=n.right;return n.theme.spaces[e]||e}),(function(n){var e=n.top;return n.theme.spaces[e]||e}),(function(n){var e=n.bottom;return n.theme.spaces[e]||e}),(function(n){return n.zIndex}),(function(n){return n.overflow}),(function(n){return n.cursor}),(function(n){var e=n.width;return n.theme.spaces[e]||e}),(function(n){var e=n.maxWidth;return n.theme.spaces[e]||e}),(function(n){var e=n.minWidth;return n.theme.spaces[e]||e}),(function(n){var e=n.height;return n.theme.spaces[e]||e}),(function(n){var e=n.maxHeight;return n.theme.spaces[e]||e}),(function(n){var e=n.minHeight;return n.theme.spaces[e]||e}),(function(n){return n.transition}),(function(n){return n.transform}),(function(n){return n.animation}),(function(n){return n.shrink}),(function(n){return n.grow}),(function(n){return n.basis}),(function(n){return n.flex}),(function(n){return n.textAlign}),(function(n){return n.textTransform}),(function(n){return n.lineHeight}),(function(n){return n.cursor}));g.defaultProps=h,g.propTypes=b},function(n,e,t){"use strict";var r=t(11),o=t.n(r),i=t(16),a=t.n(i);e.a=function(n,e,t){var r=e;if(Array.isArray(e)||"object"!==a()(e)||(r=[null==e?void 0:e.desktop,null==e?void 0:e.tablet,null==e?void 0:e.mobile]),void 0!==r){if(Array.isArray(r)){var i=r,u=o()(i,3),c=u[0],s=u[1],f=u[2],l="".concat(n,": ").concat(t.spaces[c],";");return void 0!==s&&(l+="".concat(t.mediaQueries.tablet,"{\n          ").concat(n,": ").concat(t.spaces[s],";\n        }")),void 0!==f&&(l+="".concat(t.mediaQueries.mobile,"{\n          ").concat(n,": ").concat(t.spaces[f],";\n        }")),l}var d=t.spaces[r]||r;return"".concat(n,": ").concat(d,";")}}},function(n,e,t){"use strict";t.r(e),t.d(e,"Typography",(function(){return v}));var r,o=t(3),i=t.n(o),a=t(2),u=t.n(a),c=t(13),s=t(1),f=t.n(s),l=t(0),d=t.n(l),p=t(9),h=function(n){return f.a.createElement("div",n)},b={ellipsis:!1,fontWeight:void 0,fontSize:void 0,lineHeight:void 0,textColor:void 0,textAlign:void 0,textTransform:void 0,variant:p.e},m={ellipsis:d.a.bool,fontSize:d.a.oneOfType([d.a.number,d.a.string]),fontWeight:d.a.string,lineHeight:d.a.oneOfType([d.a.number,d.a.string]),textAlign:d.a.string,textColor:d.a.string,textTransform:d.a.string,variant:d.a.oneOf(p.h)};h.defaultProps=b,h.propTypes=m;var g={fontSize:!0,fontWeight:!0},v=u.a.span.withConfig({shouldForwardProp:function(n,e){return!g[n]&&e(n)}})(r||(r=i()(["\n  font-weight: ",";\n  font-size: ",";\n  line-height: ",";\n  color: ",";\n  text-align: ",";\n  text-transform: ",";\n  ","\n  ","\n"])),(function(n){var e=n.theme,t=n.fontWeight;return e.fontWeights[t]}),(function(n){var e=n.theme,t=n.fontSize;return e.fontSizes[t]}),(function(n){var e=n.theme,t=n.lineHeight;return e.lineHeights[t]}),c.b,(function(n){return n.textAlign}),(function(n){return n.textTransform}),c.a,c.c);v.defaultProps=b,v.propTypes=m},function(n,e,t){"use strict";t.d(e,"a",(function(){return r})),t.d(e,"b",(function(){return o})),t.d(e,"c",(function(){return i})),t.d(e,"d",(function(){return a})),t.d(e,"e",(function(){return u})),t.d(e,"f",(function(){return c})),t.d(e,"g",(function(){return s})),t.d(e,"h",(function(){return f}));var r="alpha",o="beta",i="delta",a="epsilon",u="omega",c="pi",s="sigma",f=[r,o,i,a,u,c,s]},function(n,e,t){"use strict";t.r(e),t.d(e,"Flex",(function(){return v}));var r,o=t(3),i=t.n(o),a=t(2),u=t.n(a),c=t(6),s=t(7),f=t(1),l=t.n(f),d=t(0),p=t.n(d),h=function(n){return l.a.createElement("div",n)},b={alignItems:"center",basis:void 0,direction:"row",gap:void 0,inline:!1,justifyContent:void 0,reverse:!1,wrap:void 0},m={alignItems:p.a.string,basis:p.a.oneOfType([p.a.string,p.a.number]),direction:p.a.string,gap:p.a.oneOfType([p.a.shape({desktop:p.a.number,mobile:p.a.number,tablet:p.a.number}),p.a.number,p.a.arrayOf(p.a.number),p.a.string]),inline:p.a.bool,justifyContent:p.a.string,reverse:p.a.bool,shrink:p.a.number,wrap:p.a.string};h.defaultProps=b,h.propTypes=m;var g={direction:!0},v=u()(c.Box).withConfig({shouldForwardProp:function(n,e){return!g[n]&&e(n)}})(r||(r=i()(["\n  align-items: ",";\n  display: ",";\n  flex-direction: ",";\n  flex-shrink: ",";\n  flex-wrap: ",";\n  ","};\n  justify-content: ",";\n"])),(function(n){return n.alignItems}),(function(n){return n.inline?"inline-flex":"flex"}),(function(n){return n.direction}),(function(n){return n.shrink}),(function(n){return n.wrap}),(function(n){var e=n.gap,t=n.theme;return Object(s.a)("gap",e,t)}),(function(n){return n.justifyContent}));v.defaultProps=b,v.propTypes=m},function(n,e,t){var r=t(27),o=t(28),i=t(26),a=t(29);n.exports=function(n,e){return r(n)||o(n,e)||i(n,e)||a()},n.exports.default=n.exports,n.exports.__esModule=!0},function(n,e,t){"use strict";t.d(e,"a",(function(){return r}));var r={DOWN:"ArrowDown",UP:"ArrowUp",RIGHT:"ArrowRight",LEFT:"ArrowLeft",ESCAPE:"Escape",ENTER:"Enter",SPACE:" ",TAB:"Tab",END:"End",HOME:"Home",DELETE:"Delete",PAGE_UP:"PageUp",PAGE_DOWN:"PageDown",BACKSPACE:"Backspace",CLEAR:"Clear"}},function(n,e,t){"use strict";t.d(e,"a",(function(){return o})),t.d(e,"c",(function(){return i})),t.d(e,"b",(function(){return a}));var r=t(9),o=function(n){return n.ellipsis&&"\n    display: block;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  "},i=function(n){var e=n.variant,t=n.theme;switch(e){case r.a:return"\n        font-weight: ".concat(t.fontWeights.bold,";\n        font-size: ").concat(t.fontSizes[5],";\n        line-height: ").concat(t.lineHeights[2],";\n      ");case r.b:return"\n        font-weight: ".concat(t.fontWeights.bold,";\n        font-size: ").concat(t.fontSizes[4],";\n        line-height: ").concat(t.lineHeights[1],";\n      ");case r.c:return"\n        font-weight: ".concat(t.fontWeights.semiBold,";\n        font-size: ").concat(t.fontSizes[3],";\n        line-height: ").concat(t.lineHeights[2],";\n      ");case r.d:return"\n        font-size: ".concat(t.fontSizes[3],";\n        line-height: ").concat(t.lineHeights[6],";\n      ");case r.e:return"\n        font-size: ".concat(t.fontSizes[2],";\n        line-height: ").concat(t.lineHeights[4],";\n      ");case r.f:return"\n        font-size: ".concat(t.fontSizes[1],";\n        line-height: ").concat(t.lineHeights[3],";\n      ");case r.g:return"\n        font-weight: ".concat(t.fontWeights.bold,";\n        font-size: ").concat(t.fontSizes[0],";\n        line-height: ").concat(t.lineHeights[5],";\n        text-transform: uppercase;\n      ");default:return"\n        font-size: ".concat(t.fontSizes[2],";\n      ")}},a=function(n){var e=n.theme,t=n.textColor;return e.colors[t||"neutral800"]}},,,function(n,e){function t(e){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?(n.exports=t=function(n){return typeof n},n.exports.default=n.exports,n.exports.__esModule=!0):(n.exports=t=function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},n.exports.default=n.exports,n.exports.__esModule=!0),t(e)}n.exports=t,n.exports.default=n.exports,n.exports.__esModule=!0},,,function(n,e){n.exports=function(n,e,t){return e in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n},n.exports.default=n.exports,n.exports.__esModule=!0},,,,function(n,e){n.exports=function(n,e){(null==e||e>n.length)&&(e=n.length);for(var t=0,r=new Array(e);t<e;t++)r[t]=n[t];return r},n.exports.default=n.exports,n.exports.__esModule=!0},function(n,e,t){"use strict";var r=t(25);function o(){}function i(){}i.resetWarningCache=o,n.exports=function(){function n(n,e,t,o,i,a){if(a!==r){var u=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw u.name="Invariant Violation",u}}function e(){return n}n.isRequired=n;var t={array:n,bool:n,func:n,number:n,object:n,string:n,symbol:n,any:n,arrayOf:e,element:n,elementType:n,instanceOf:e,node:n,objectOf:e,oneOf:e,oneOfType:e,shape:e,exact:e,checkPropTypes:i,resetWarningCache:o};return t.PropTypes=t,t}},function(n,e,t){"use strict";n.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(n,e,t){var r=t(23);n.exports=function(n,e){if(n){if("string"==typeof n)return r(n,e);var t=Object.prototype.toString.call(n).slice(8,-1);return"Object"===t&&n.constructor&&(t=n.constructor.name),"Map"===t||"Set"===t?Array.from(n):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?r(n,e):void 0}},n.exports.default=n.exports,n.exports.__esModule=!0},function(n,e){n.exports=function(n){if(Array.isArray(n))return n},n.exports.default=n.exports,n.exports.__esModule=!0},function(n,e){n.exports=function(n,e){var t=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=t){var r,o,i=[],a=!0,u=!1;try{for(t=t.call(n);!(a=(r=t.next()).done)&&(i.push(r.value),!e||i.length!==e);a=!0);}catch(n){u=!0,o=n}finally{try{a||null==t.return||t.return()}finally{if(u)throw o}}return i}},n.exports.default=n.exports,n.exports.__esModule=!0},function(n,e){n.exports=function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")},n.exports.default=n.exports,n.exports.__esModule=!0},function(n,e){n.exports=function(n,e){if(null==n)return{};var t,r,o={},i=Object.keys(n);for(r=0;r<i.length;r++)t=i[r],e.indexOf(t)>=0||(o[t]=n[t]);return o},n.exports.default=n.exports,n.exports.__esModule=!0},,function(n,e,t){var r=t(46),o=t(47),i=t(26),a=t(48);n.exports=function(n){return r(n)||o(n)||i(n)||a()},n.exports.default=n.exports,n.exports.__esModule=!0},function(n,e,t){"use strict";t.d(e,"a",(function(){return i})),t.d(e,"b",(function(){return a}));var r=t(32),o=t.n(r),i=function(n,e){return o()(n.querySelectorAll('a, button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])')).filter((function(n){return!n.hasAttribute("disabled")&&(!!e||"-1"!==n.getAttribute("tabindex"))}))},a=function(n){return n.filter((function(n){return"INPUT"===n.tagName&&("checkbox"!==n.type&&"radio"!==n.type)}))}},,,,,,,,,,,,,function(n,e,t){var r=t(23);n.exports=function(n){if(Array.isArray(n))return r(n)},n.exports.default=n.exports,n.exports.__esModule=!0},function(n,e){n.exports=function(n){if("undefined"!=typeof Symbol&&null!=n[Symbol.iterator]||null!=n["@@iterator"])return Array.from(n)},n.exports.default=n.exports,n.exports.__esModule=!0},function(n,e){n.exports=function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")},n.exports.default=n.exports,n.exports.__esModule=!0},,,,,function(n,e,t){"use strict";t.d(e,"a",(function(){return o})),t.d(e,"b",(function(){return i}));var r=t(1),o=Object(r.createContext)({rowIndex:0,colIndex:0,setTableValues:function(){throw new Error("setTableValues must be initialized via the RawTableContext.Provider")}}),i=function(){return Object(r.useContext)(o)}},,,function(n,e,t){"use strict";t.r(e),t.d(e,"Divider",(function(){return v}));var r,o=t(5),i=t.n(o),a=t(4),u=t.n(a),c=t(3),s=t.n(c),f=t(1),l=t.n(f),d=t(0),p=t.n(d),h=t(6),b=t(2),m=["unsetMargin"],g=t.n(b)()(h.Box)(r||(r=s()(["\n  height: 1px;\n  border: none;\n  ","\n"])),(function(n){return n.unsetMargin?"margin: 0;":""})),v=function(n){var e=n.unsetMargin,t=u()(n,m);return l.a.createElement(g,i()({},t,{as:"hr",unsetMargin:e}))};v.defaultProps={background:"neutral150",unsetMargin:!0},v.propTypes={background:p.a.string,unsetMargin:p.a.bool}},,,,,,function(n,e,t){"use strict";t.d(e,"b",(function(){return O})),t.d(e,"a",(function(){return T}));var r,o,i=t(19),a=t.n(i),u=t(11),c=t.n(u),s=t(4),f=t.n(s),l=t(5),d=t.n(l),p=t(1),h=t.n(p),b=t(0),m=t.n(b),g=t(6),v=t(33),x=t(12),y=t(53),w=["coords","as"],O=function(n){return h.a.createElement(T,d()({},n,{as:"th"}))},T=function(n){var e=n.coords,t=n.as,r=f()(n,w),o=Object(p.useRef)(null),i=Object(y.b)(),a=i.rowIndex,u=i.colIndex,s=i.setTableValues,l=Object(p.useState)(!1),b=c()(l,2),m=b[0],O=b[1],T=a===e.row-1&&u===e.col-1;return Object(p.useLayoutEffect)((function(){var n=Object(v.a)(o.current,!0);0===n.length||1===n.length&&0!==Object(v.b)(n).length||n.length>1&&Boolean(n.find((function(n){return"BUTTON"!==n.tagName})))?(o.current.setAttribute("tabIndex",!m&&T?0:-1),n.forEach((function(n,e){n.setAttribute("tabIndex",m?0:-1),m&&0===e&&n.focus()}))):n.forEach((function(n){n.setAttribute("tabIndex",T?0:-1)}))}),[m,T]),Object(p.useLayoutEffect)((function(){var n=Object(v.a)(o.current,!0),t=function(){n.length>=1&&(0!==Object(v.b)(n).length||!Boolean(n.find((function(n){return"BUTTON"!==n.tagName}))))&&O(!0),s({rowIndex:e.row-1,colIndex:e.col-1})};return n.forEach((function(n){n.addEventListener("focus",t)})),function(){Object(v.a)(o.current,!0).forEach((function(n){n.removeEventListener("focus",t)}))}}),[]),h.a.createElement(g.Box,d()({as:t||"td",ref:o,onKeyDown:function(n){var e=Object(v.a)(o.current,!0);if(0!==e.length&&(1!==e.length||0!==Object(v.b)(e).length))if(e.length>1&&!Boolean(e.find((function(n){return"BUTTON"!==n.tagName})))){n.preventDefault();var t=e.findIndex((function(n){return n===document.activeElement}));if(n.key===x.a.RIGHT){var r=e[t+1];r&&(n.stopPropagation(),r.focus())}else if(n.key===x.a.LEFT){var i=e[t-1];i&&(n.stopPropagation(),i.focus())}}else n.key!==x.a.ENTER||m?n.key!==x.a.ESCAPE&&n.key!==x.a.ENTER||!m?m&&n.stopPropagation():(O(!1),o.current.focus()):O(!0)}},r))};O.defaultProps={coords:{}},O.propTypes=(r={},a()(r,"aria-colindex",m.a.number.isRequired),a()(r,"children",m.a.node),a()(r,"coords",m.a.shape({col:m.a.number,row:m.a.number})),r),T.defaultProps={coords:{}},T.propTypes=(o={},a()(o,"aria-colindex",m.a.number.isRequired),a()(o,"as",m.a.oneOf(["td","th"])),a()(o,"children",m.a.node),a()(o,"coords",m.a.shape({col:m.a.number,row:m.a.number})),o)},,function(n,e,t){"use strict";t.d(e,"a",(function(){return f}));var r=t(4),o=t.n(r),i=t(1),a=t.n(i),u=t(0),c=t.n(u),s=["children"],f=function(n){var e=n.children,t=o()(n,s),r=i.Children.toArray(e).map((function(n){return Object(i.cloneElement)(n,{"aria-rowindex":1})}));return a.a.createElement("thead",t,r)};f.propTypes={children:c.a.node.isRequired}},function(n,e,t){"use strict";t.d(e,"a",(function(){return f}));var r=t(4),o=t.n(r),i=t(1),a=t.n(i),u=t(0),c=t.n(u),s=["children"],f=function(n){var e=n.children,t=o()(n,s),r=i.Children.toArray(e).map((function(n,e){return Object(i.cloneElement)(n,{"aria-rowindex":e+2})}));return a.a.createElement("tbody",t,r)};f.propTypes={children:c.a.node.isRequired}},function(n,e,t){"use strict";t.d(e,"a",(function(){return m}));var r,o=t(19),i=t.n(o),a=t(5),u=t.n(a),c=t(4),s=t.n(c),f=t(1),l=t.n(f),d=t(0),p=t.n(d),h=t(6),b=["children"],m=function(n){var e=n.children,t=s()(n,b),r=f.Children.toArray(e).map((function(n,e){return Object(f.cloneElement)(n,{"aria-colindex":e+1,coords:{col:e+1,row:t["aria-rowindex"]}})}));return l.a.createElement(h.Box,u()({as:"tr"},t),r)};m.propTypes=(r={},i()(r,"aria-rowindex",p.a.number.isRequired),i()(r,"children",p.a.node.isRequired),r)},function(n,e,t){"use strict";t.d(e,"a",(function(){return m}));var r=t(5),o=t.n(r),i=t(11),a=t.n(i),u=t(4),c=t.n(u),s=t(1),f=t.n(s),l=t(0),d=t.n(l),p=t(53),h=t(12),b=["colCount","rowCount","jumpStep","initialCol","initialRow"],m=function(n){var e=n.colCount,t=n.rowCount,r=n.jumpStep,i=n.initialCol,u=n.initialRow,l=c()(n,b),d=Object(s.useRef)(null),m=Object(s.useRef)(!1),g=Object(s.useState)(u),v=a()(g,2),x=v[0],y=v[1],w=Object(s.useState)(i),O=a()(w,2),T=O[0],E=O[1],j=Object(s.useCallback)((function(n){var e=n.colIndex,t=n.rowIndex;E(e),y(t)}),[]);Object(s.useEffect)((function(){var n,e;m.current&&(n=d.current,(e=n.querySelector('[tabindex="0"]'))&&e.focus()),m.current||(m.current=!0)}),[T,x]);return f.a.createElement(p.a.Provider,{value:{rowIndex:x,colIndex:T,setTableValues:j}},f.a.createElement("table",o()({ref:d,"aria-rowcount":t,"aria-colcount":e,onKeyDown:function(n){switch(n.key){case h.a.RIGHT:n.preventDefault(),E((function(n){return n<e-1?n+1:n}));break;case h.a.LEFT:n.preventDefault(),E((function(n){return n>0?n-1:n}));break;case h.a.UP:n.preventDefault(),y((function(n){return n>0?n-1:n}));break;case h.a.DOWN:n.preventDefault(),y((function(n){return n<t-1?n+1:n}));break;case h.a.HOME:n.preventDefault(),n.ctrlKey&&y(0),E(0);break;case h.a.END:n.preventDefault(),n.ctrlKey&&y(t-1),E(e-1);break;case h.a.PAGE_DOWN:n.preventDefault(),y((function(n){return n+r<t?n+r:t-1}));break;case h.a.PAGE_UP:n.preventDefault(),y((function(n){return n-r>0?n-r:0}))}}},l)))};m.defaultProps={jumpStep:3,initialCol:0,initialRow:0},m.propTypes={colCount:d.a.number.isRequired,initialCol:d.a.number,initialRow:d.a.number,jumpStep:d.a.number,rowCount:d.a.number.isRequired}},,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,function(n,e,t){"use strict";t.r(e),t.d(e,"Table",(function(){return C})),t.d(e,"Tbody",(function(){return D})),t.d(e,"Thead",(function(){return H})),t.d(e,"Tr",(function(){return N})),t.d(e,"Th",(function(){return Q})),t.d(e,"Td",(function(){return $})),t.d(e,"TFooter",(function(){return rn}));var r,o,i,a,u=t(5),c=t.n(u),s=t(11),f=t.n(s),l=t(4),d=t.n(l),p=t(3),h=t.n(p),b=t(1),m=t.n(b),g=t(0),v=t.n(g),x=t(67),y=t(2),w=t.n(y),O=t(6),T=["colCount","rowCount","footer"],E=w()(O.Box)(r||(r=h()(["\n  overflow: hidden;\n  border: 1px solid ",";\n"])),(function(n){return n.theme.colors.neutral150})),j=w()(x.a)(o||(o=h()(["\n  width: 100%;\n  white-space: nowrap;\n"]))),S=w()(O.Box)(i||(i=h()(["\n  position: relative;\n\n  &:before {\n    // TODO: make sure to add a token for this weird stuff\n    background: linear-gradient(90deg, #c0c0cf 0%, rgba(0, 0, 0, 0) 100%);\n    opacity: 0.2;\n    position: absolute;\n    height: 100%;\n    content: ",";\n    box-shadow: ",";\n    width: ",";\n    left: 0;\n  }\n\n  &:after {\n    // TODO: make sure to add a token for this weird stuff\n    background: linear-gradient(270deg, #c0c0cf 0%, rgba(0, 0, 0, 0) 100%);\n    opacity: 0.2;\n    position: absolute;\n    height: 100%;\n    content: ",";\n    box-shadow: ",";\n    width: ",";\n    right: 0;\n    top: 0;\n  }\n"])),(function(n){var e=n.overflowing;return"both"===e||"left"===e?"''":void 0}),(function(n){return n.theme.shadows.tableShadow}),(function(n){return n.theme.spaces[2]}),(function(n){var e=n.overflowing;return"both"===e||"right"===e?"''":void 0}),(function(n){return n.theme.shadows.tableShadow}),(function(n){return n.theme.spaces[2]})),_=w()(O.Box)(a||(a=h()(["\n  overflow-x: auto;\n"]))),C=function(n){var e=n.colCount,t=n.rowCount,r=n.footer,o=d()(n,T),i=Object(b.useRef)(null),a=Object(b.useState)(),u=f()(a,2),s=u[0],l=u[1];return Object(b.useEffect)((function(){i.current.scrollWidth>i.current.clientWidth&&l("right")}),[]),m.a.createElement(E,{shadow:"tableShadow",hasRadius:!0,background:"neutral0"},m.a.createElement(S,{overflowing:s},m.a.createElement(_,{ref:i,onScroll:function(n){var e=n.target.scrollWidth-n.target.clientWidth;return 0===n.target.scrollLeft?l("right"):n.target.scrollLeft===e?l("left"):n.target.scrollLeft>0?l("both"):void 0},paddingLeft:6,paddingRight:6},m.a.createElement(j,c()({colCount:e,rowCount:t},o)))),r)};C.defaultProps={footer:void 0},C.propTypes={colCount:v.a.number.isRequired,footer:v.a.node,rowCount:v.a.number.isRequired};var P,k,R,A,I,M=t(65),z=w()(M.a)(P||(P=h()(["\n  & tr:last-of-type {\n    border-bottom: none;\n  }\n"]))),D=function(n){return m.a.createElement(z,n)},B=t(64),W=w()(B.a)(k||(k=h()(["\n  border-bottom: 1px solid ",";\n"])),(function(n){return n.theme.colors.neutral150})),H=function(n){return m.a.createElement(W,n)},L=t(66),q=w()(L.a)(R||(R=h()(["\n  border-bottom: 1px solid ",";\n\n  & td,\n  & th {\n    padding: ",";\n  }\n\n  & td:first-of-type,\n  & th:first-of-type {\n    padding: 0 ",";\n  }\n\n  // Resetting padding values and fixing a height\n  th {\n    padding-top: 0;\n    padding-bottom: 0;\n    height: ","rem;\n  }\n"])),(function(n){return n.theme.colors.neutral150}),(function(n){return n.theme.spaces[4]}),(function(n){return n.theme.spaces[1]}),3.5),N=function(n){return m.a.createElement(q,n)},F=t(10),U=t(62),G=["children","action"],K=w()(U.a)(A||(A=h()(["\n  vertical-align: middle;\n  text-align: left;\n  color: ",";\n  outline-offset: -4px;\n\n  /**\n  * Hack to make sure the checkbox looks aligned\n  */\n  input {\n    vertical-align: sub;\n  }\n"])),(function(n){return n.theme.colors.neutral600})),V=w.a.span(I||(I=h()(["\n  svg {\n    height: ","rem;\n  }\n"])),.25),Q=function(n){var e=n.children,t=n.action,r=d()(n,G);return m.a.createElement(K,c()({as:U.b},r),m.a.createElement(F.Flex,null,e,m.a.createElement(V,null,t)))};Q.defaultProps={action:void 0},Q.propTypes={action:v.a.node,children:v.a.node.isRequired};var X,Y,$=function(n){return m.a.createElement(K,n)},J=t(56),Z=t(8),nn=["children","icon"],en=w()(O.Box)(X||(X=h()(["\n  height: ","rem;\n  width: ","rem;\n  border-radius: 50%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  svg {\n    height: ","rem;\n    width: ","rem;\n  }\n\n  svg path {\n    fill: ",";\n  }\n"])),1.5,1.5,.625,.625,(function(n){return n.theme.colors.primary600})),tn=w()(O.Box)(Y||(Y=h()(["\n  border-radius: 0 0 "," ",";\n  display: block;\n  width: 100%;\n  border: none;\n"])),(function(n){return n.theme.borderRadius}),(function(n){return n.theme.borderRadius})),rn=function(n){var e=n.children,t=n.icon,r=d()(n,nn);return m.a.createElement("div",null,m.a.createElement(J.Divider,null),m.a.createElement(tn,c()({as:"button",background:"primary100",padding:5},r),m.a.createElement(F.Flex,null,m.a.createElement(en,{"aria-hidden":!0,background:"primary200"},t),m.a.createElement(O.Box,{paddingLeft:3},m.a.createElement(Z.Typography,{variant:"pi",fontWeight:"bold",textColor:"primary600"},e)))))};rn.propTypes={children:v.a.string.isRequired,icon:v.a.node.isRequired}}])}));