@activecollab/components 1.0.223 → 1.0.225

package/dist/cjs/components/IconButton/IconButton.js

@@ -26,12 +26,7 @@ var IconButton = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     variant: variant,
     size: size,
     ref: ref
-  }, args), _react.Children.map(children, function (child) {
-    if (! /*#__PURE__*/(0, _react.isValidElement)(child)) {
-      return null;
-    }
-    return child;
-  }));
+  }, args), children);
 });
 exports.IconButton = IconButton;
 IconButton.displayName = "IconButton";

package/dist/cjs/components/IconButton/IconButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.js","names":["IconButton","forwardRef","ref","children","className","variant","size","args","classNames","Children","map","child","isValidElement","displayName"],"sources":["../../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport React, {\n  Children,\n  forwardRef,\n  isValidElement,\n  PropsWithChildren,\n} from \"react\";\nimport { ButtonProps } from \"../Button\";\nimport { StyledIconButton } from \"./Styles\";\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface IconButtonProps extends ButtonProps {}\n\nexport const IconButton = forwardRef<\n  HTMLButtonElement,\n  PropsWithChildren<IconButtonProps>\n>(({ children, className, variant, size, ...args }, ref) => {\n  return (\n    <StyledIconButton\n      className={classNames(\"c-btn--icon-only\", className)}\n      variant={variant}\n      size={size}\n      ref={ref}\n      {...args}\n    >\n      {Children.map(children, (child) => {\n        if (!isValidElement(child)) {\n          return null;\n        }\n\n        return child;\n      })}\n    </StyledIconButton>\n  );\n});\n\nIconButton.displayName = \"IconButton\";\n"],"mappings":";;;;;;;AAAA;AACA;AAOA;AAA4C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKrC,IAAMA,UAAU,gBAAG,IAAAC,iBAAU,EAGlC,gBAAkDC,GAAG,EAAK;EAAA,IAAvDC,QAAQ,QAARA,QAAQ;IAAEC,SAAS,QAATA,SAAS;IAAEC,OAAO,QAAPA,OAAO;IAAEC,IAAI,QAAJA,IAAI;IAAKC,IAAI;EAC9C,oBACE,6BAAC,wBAAgB;IACf,SAAS,EAAE,IAAAC,mBAAU,EAAC,kBAAkB,EAAEJ,SAAS,CAAE;IACrD,OAAO,EAAEC,OAAQ;IACjB,IAAI,EAAEC,IAAK;IACX,GAAG,EAAEJ;EAAI,GACLK,IAAI,GAEPE,eAAQ,CAACC,GAAG,CAACP,QAAQ,EAAE,UAACQ,KAAK,EAAK;IACjC,IAAI,eAAC,IAAAC,qBAAc,EAACD,KAAK,CAAC,EAAE;MAC1B,OAAO,IAAI;IACb;IAEA,OAAOA,KAAK;EACd,CAAC,CAAC,CACe;AAEvB,CAAC,CAAC;AAAC;AAEHX,UAAU,CAACa,WAAW,GAAG,YAAY"}
+{"version":3,"file":"IconButton.js","names":["IconButton","forwardRef","ref","children","className","variant","size","args","classNames","displayName"],"sources":["../../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport React, { forwardRef, PropsWithChildren } from \"react\";\nimport { ButtonProps } from \"../Button\";\nimport { StyledIconButton } from \"./Styles\";\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface IconButtonProps extends ButtonProps {}\n\nexport const IconButton = forwardRef<\n  HTMLButtonElement,\n  PropsWithChildren<IconButtonProps>\n>(({ children, className, variant, size, ...args }, ref) => {\n  return (\n    <StyledIconButton\n      className={classNames(\"c-btn--icon-only\", className)}\n      variant={variant}\n      size={size}\n      ref={ref}\n      {...args}\n    >\n      {children}\n    </StyledIconButton>\n  );\n});\n\nIconButton.displayName = \"IconButton\";\n"],"mappings":";;;;;;;AAAA;AACA;AAEA;AAA4C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKrC,IAAMA,UAAU,gBAAG,IAAAC,iBAAU,EAGlC,gBAAkDC,GAAG,EAAK;EAAA,IAAvDC,QAAQ,QAARA,QAAQ;IAAEC,SAAS,QAATA,SAAS;IAAEC,OAAO,QAAPA,OAAO;IAAEC,IAAI,QAAJA,IAAI;IAAKC,IAAI;EAC9C,oBACE,6BAAC,wBAAgB;IACf,SAAS,EAAE,IAAAC,mBAAU,EAAC,kBAAkB,EAAEJ,SAAS,CAAE;IACrD,OAAO,EAAEC,OAAQ;IACjB,IAAI,EAAEC,IAAK;IACX,GAAG,EAAEJ;EAAI,GACLK,IAAI,GAEPJ,QAAQ,CACQ;AAEvB,CAAC,CAAC;AAAC;AAEHH,UAAU,CAACS,WAAW,GAAG,YAAY"}

package/dist/cjs/components/IconButton/Styles.js

@@ -12,7 +12,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 var StyledIconButton = (0, _styledComponents.default)(_Button.Button).withConfig({
   displayName: "Styles__StyledIconButton",
   componentId: "sc-1teza2f-0"
-})(["display:flex;justify-content:center;align-items:center;padding:0;width:32px;", " ", ""], function (_ref) {
+})(["display:inline-flex;justify-content:center;align-items:center;padding:0;width:32px;", " ", ""], function (_ref) {
   var size = _ref.size;
   return size === "small" && (0, _styledComponents.css)(["width:24px;"]);
 }, function (_ref2) {

package/dist/cjs/components/IconButton/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["StyledIconButton","styled","Button","size","css"],"sources":["../../../../src/components/IconButton/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { Button } from \"../Button\";\n\nexport const StyledIconButton = styled(Button)`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 0;\n  width: 32px;\n\n  ${({ size }) =>\n    size === \"small\" &&\n    css`\n      width: 24px;\n    `}\n\n  ${({ size }) =>\n    size === \"big\" &&\n    css`\n      width: 40px;\n    `}\n`;\n"],"mappings":";;;;;;;AAAA;AACA;AAAmC;AAAA;AAE5B,IAAMA,gBAAgB,GAAG,IAAAC,yBAAM,EAACC,cAAM,CAAC;EAAA;EAAA;AAAA,8FAO1C;EAAA,IAAGC,IAAI,QAAJA,IAAI;EAAA,OACPA,IAAI,KAAK,OAAO,QAChBC,qBAAG,kBAEF;AAAA,GAED;EAAA,IAAGD,IAAI,SAAJA,IAAI;EAAA,OACPA,IAAI,KAAK,KAAK,QACdC,qBAAG,kBAEF;AAAA,EACJ;AAAC"}
+{"version":3,"file":"Styles.js","names":["StyledIconButton","styled","Button","size","css"],"sources":["../../../../src/components/IconButton/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { Button } from \"../Button\";\n\nexport const StyledIconButton = styled(Button)`\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  padding: 0;\n  width: 32px;\n\n  ${({ size }) =>\n    size === \"small\" &&\n    css`\n      width: 24px;\n    `}\n\n  ${({ size }) =>\n    size === \"big\" &&\n    css`\n      width: 40px;\n    `}\n`;\n"],"mappings":";;;;;;;AAAA;AACA;AAAmC;AAAA;AAE5B,IAAMA,gBAAgB,GAAG,IAAAC,yBAAM,EAACC,cAAM,CAAC;EAAA;EAAA;AAAA,qGAO1C;EAAA,IAAGC,IAAI,QAAJA,IAAI;EAAA,OACPA,IAAI,KAAK,OAAO,QAChBC,qBAAG,kBAEF;AAAA,GAED;EAAA,IAAGD,IAAI,SAAJA,IAAI;EAAA,OACPA,IAAI,KAAK,KAAK,QACdC,qBAAG,kBAEF;AAAA,EACJ;AAAC"}

package/dist/esm/components/IconButton/IconButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/components/IconButton/IconButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAKN,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAIxC,MAAM,WAAW,eAAgB,SAAQ,WAAW;CAAG;AAEvD,eAAO,MAAM,UAAU;;2CAqBrB,CAAC"}
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/components/IconButton/IconButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAIxC,MAAM,WAAW,eAAgB,SAAQ,WAAW;CAAG;AAEvD,eAAO,MAAM,UAAU;;2CAerB,CAAC"}

package/dist/esm/components/IconButton/IconButton.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _excluded = ["children", "className", "variant", "size"];
 import classNames from "classnames";
-import React, { Children, forwardRef, isValidElement } from "react";
+import React, { forwardRef } from "react";
 import { StyledIconButton } from "./Styles";
 
 // eslint-disable-next-line @typescript-eslint/no-empty-interface
@@ -18,12 +18,7 @@ export var IconButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
     variant: variant,
     size: size,
     ref: ref
-  }, args), Children.map(children, function (child) {
-    if (! /*#__PURE__*/isValidElement(child)) {
-      return null;
-    }
-    return child;
-  }));
+  }, args), children);
 });
 IconButton.displayName = "IconButton";
 //# sourceMappingURL=IconButton.js.map

package/dist/esm/components/IconButton/IconButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.js","names":["classNames","React","Children","forwardRef","isValidElement","StyledIconButton","IconButton","ref","children","className","variant","size","args","map","child","displayName"],"sources":["../../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport React, {\n  Children,\n  forwardRef,\n  isValidElement,\n  PropsWithChildren,\n} from \"react\";\nimport { ButtonProps } from \"../Button\";\nimport { StyledIconButton } from \"./Styles\";\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface IconButtonProps extends ButtonProps {}\n\nexport const IconButton = forwardRef<\n  HTMLButtonElement,\n  PropsWithChildren<IconButtonProps>\n>(({ children, className, variant, size, ...args }, ref) => {\n  return (\n    <StyledIconButton\n      className={classNames(\"c-btn--icon-only\", className)}\n      variant={variant}\n      size={size}\n      ref={ref}\n      {...args}\n    >\n      {Children.map(children, (child) => {\n        if (!isValidElement(child)) {\n          return null;\n        }\n\n        return child;\n      })}\n    </StyledIconButton>\n  );\n});\n\nIconButton.displayName = \"IconButton\";\n"],"mappings":";;;AAAA,OAAOA,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,IACVC,QAAQ,EACRC,UAAU,EACVC,cAAc,QAET,OAAO;AAEd,SAASC,gBAAgB,QAAQ,UAAU;;AAE3C;;AAGA,OAAO,IAAMC,UAAU,gBAAGH,UAAU,CAGlC,gBAAkDI,GAAG,EAAK;EAAA,IAAvDC,QAAQ,QAARA,QAAQ;IAAEC,SAAS,QAATA,SAAS;IAAEC,OAAO,QAAPA,OAAO;IAAEC,IAAI,QAAJA,IAAI;IAAKC,IAAI;EAC9C,oBACE,oBAAC,gBAAgB;IACf,SAAS,EAAEZ,UAAU,CAAC,kBAAkB,EAAES,SAAS,CAAE;IACrD,OAAO,EAAEC,OAAQ;IACjB,IAAI,EAAEC,IAAK;IACX,GAAG,EAAEJ;EAAI,GACLK,IAAI,GAEPV,QAAQ,CAACW,GAAG,CAACL,QAAQ,EAAE,UAACM,KAAK,EAAK;IACjC,IAAI,eAACV,cAAc,CAACU,KAAK,CAAC,EAAE;MAC1B,OAAO,IAAI;IACb;IAEA,OAAOA,KAAK;EACd,CAAC,CAAC,CACe;AAEvB,CAAC,CAAC;AAEFR,UAAU,CAACS,WAAW,GAAG,YAAY"}
+{"version":3,"file":"IconButton.js","names":["classNames","React","forwardRef","StyledIconButton","IconButton","ref","children","className","variant","size","args","displayName"],"sources":["../../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport React, { forwardRef, PropsWithChildren } from \"react\";\nimport { ButtonProps } from \"../Button\";\nimport { StyledIconButton } from \"./Styles\";\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface IconButtonProps extends ButtonProps {}\n\nexport const IconButton = forwardRef<\n  HTMLButtonElement,\n  PropsWithChildren<IconButtonProps>\n>(({ children, className, variant, size, ...args }, ref) => {\n  return (\n    <StyledIconButton\n      className={classNames(\"c-btn--icon-only\", className)}\n      variant={variant}\n      size={size}\n      ref={ref}\n      {...args}\n    >\n      {children}\n    </StyledIconButton>\n  );\n});\n\nIconButton.displayName = \"IconButton\";\n"],"mappings":";;;AAAA,OAAOA,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,IAAIC,UAAU,QAA2B,OAAO;AAE5D,SAASC,gBAAgB,QAAQ,UAAU;;AAE3C;;AAGA,OAAO,IAAMC,UAAU,gBAAGF,UAAU,CAGlC,gBAAkDG,GAAG,EAAK;EAAA,IAAvDC,QAAQ,QAARA,QAAQ;IAAEC,SAAS,QAATA,SAAS;IAAEC,OAAO,QAAPA,OAAO;IAAEC,IAAI,QAAJA,IAAI;IAAKC,IAAI;EAC9C,oBACE,oBAAC,gBAAgB;IACf,SAAS,EAAEV,UAAU,CAAC,kBAAkB,EAAEO,SAAS,CAAE;IACrD,OAAO,EAAEC,OAAQ;IACjB,IAAI,EAAEC,IAAK;IACX,GAAG,EAAEJ;EAAI,GACLK,IAAI,GAEPJ,QAAQ,CACQ;AAEvB,CAAC,CAAC;AAEFF,UAAU,CAACO,WAAW,GAAG,YAAY"}

package/dist/esm/components/IconButton/Styles.js

@@ -3,7 +3,7 @@ import { Button } from "../Button";
 export var StyledIconButton = styled(Button).withConfig({
   displayName: "Styles__StyledIconButton",
   componentId: "sc-1teza2f-0"
-})(["display:flex;justify-content:center;align-items:center;padding:0;width:32px;", " ", ""], function (_ref) {
+})(["display:inline-flex;justify-content:center;align-items:center;padding:0;width:32px;", " ", ""], function (_ref) {
   var size = _ref.size;
   return size === "small" && css(["width:24px;"]);
 }, function (_ref2) {

package/dist/esm/components/IconButton/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["styled","css","Button","StyledIconButton","size"],"sources":["../../../../src/components/IconButton/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { Button } from \"../Button\";\n\nexport const StyledIconButton = styled(Button)`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 0;\n  width: 32px;\n\n  ${({ size }) =>\n    size === \"small\" &&\n    css`\n      width: 24px;\n    `}\n\n  ${({ size }) =>\n    size === \"big\" &&\n    css`\n      width: 40px;\n    `}\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,MAAM,QAAQ,WAAW;AAElC,OAAO,IAAMC,gBAAgB,GAAGH,MAAM,CAACE,MAAM,CAAC;EAAA;EAAA;AAAA,8FAO1C;EAAA,IAAGE,IAAI,QAAJA,IAAI;EAAA,OACPA,IAAI,KAAK,OAAO,IAChBH,GAAG,iBAEF;AAAA,GAED;EAAA,IAAGG,IAAI,SAAJA,IAAI;EAAA,OACPA,IAAI,KAAK,KAAK,IACdH,GAAG,iBAEF;AAAA,EACJ"}
+{"version":3,"file":"Styles.js","names":["styled","css","Button","StyledIconButton","size"],"sources":["../../../../src/components/IconButton/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { Button } from \"../Button\";\n\nexport const StyledIconButton = styled(Button)`\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  padding: 0;\n  width: 32px;\n\n  ${({ size }) =>\n    size === \"small\" &&\n    css`\n      width: 24px;\n    `}\n\n  ${({ size }) =>\n    size === \"big\" &&\n    css`\n      width: 40px;\n    `}\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,MAAM,QAAQ,WAAW;AAElC,OAAO,IAAMC,gBAAgB,GAAGH,MAAM,CAACE,MAAM,CAAC;EAAA;EAAA;AAAA,qGAO1C;EAAA,IAAGE,IAAI,QAAJA,IAAI;EAAA,OACPA,IAAI,KAAK,OAAO,IAChBH,GAAG,iBAEF;AAAA,GAED;EAAA,IAAGG,IAAI,SAAJA,IAAI;EAAA,OACPA,IAAI,KAAK,KAAK,IACdH,GAAG,iBAEF;AAAA,EACJ"}

package/dist/index.js

@@ -12389,7 +12389,7 @@
   var StyledIconButton = styled__default["default"](Button).withConfig({
     displayName: "Styles__StyledIconButton",
     componentId: "sc-1teza2f-0"
-  })(["display:flex;justify-content:center;align-items:center;padding:0;width:32px;", " ", ""], function (_ref) {
+  })(["display:inline-flex;justify-content:center;align-items:center;padding:0;width:32px;", " ", ""], function (_ref) {
     var size = _ref.size;
     return size === "small" && styled.css(["width:24px;"]);
   }, function (_ref2) {
@@ -12412,12 +12412,7 @@
       variant: variant,
       size: size,
       ref: ref
-    }, args), React.Children.map(children, function (child) {
-      if (! /*#__PURE__*/React.isValidElement(child)) {
-        return null;
-      }
-      return child;
-    }));
+    }, args), children);
   });
   IconButton.displayName = "IconButton";