@activecollab/components 1.0.42 → 1.0.43

package/dist/cjs/components/Header/Header.js

@@ -13,7 +13,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _Styles = require("./Styles");
 
-var _excluded = ["className", "children"];
+var _excluded = ["className", "size", "children"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -29,12 +29,15 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 var Header = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var className = _ref.className,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? "small" : _ref$size,
       children = _ref.children,
       rest = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/_react.default.createElement(_Styles.StyledHeader, _extends({
     type: "paper-2",
     className: (0, _classnames.default)("c-header", className),
+    size: size,
     ref: ref
   }, rest), children);
 });

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Header/Header.tsx"],"names":["Header","ref","className","children","rest","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;;;;;AASO,IAAMA,MAAM,gBAAG,uBACpB,gBAMEC,GANF,EAOK;AAAA,MALDC,SAKC,QALDA,SAKC;AAAA,MAJDC,QAIC,QAJDA,QAIC;AAAA,MAHEC,IAGF;;AACH,sBACE,6BAAC,oBAAD;AACE,IAAA,IAAI,EAAE,SADR;AAEE,IAAA,SAAS,EAAE,yBAAW,UAAX,EAAuBF,SAAvB,CAFb;AAGE,IAAA,GAAG,EAAED;AAHP,KAIMG,IAJN,GAMGD,QANH,CADF;AAUD,CAnBmB,CAAf;;AAsBPH,MAAM,CAACK,WAAP,GAAqB,QAArB","sourcesContent":["import React, { forwardRef, HTMLAttributes, ReactNode, Ref } from \"react\";\nimport classNames from \"classnames\";\nimport { StyledHeader } from \"./Styles\";\n\ninterface IHeaderProps {\n  /** CSS classes. */\n  className?: string;\n  /** Children */\n  children: ReactNode;\n}\n\nexport const Header = forwardRef(\n  (\n    {\n      className,\n      children,\n      ...rest\n    }: HTMLAttributes<HTMLDivElement> & IHeaderProps,\n    ref: Ref<HTMLDivElement> | null | undefined\n  ) => {\n    return (\n      <StyledHeader\n        type={\"paper-2\"}\n        className={classNames(\"c-header\", className)}\n        ref={ref}\n        {...rest}\n      >\n        {children}\n      </StyledHeader>\n    );\n  }\n);\n\nHeader.displayName = \"Header\";\n"],"file":"Header.js"}
+{"version":3,"sources":["../../../../src/components/Header/Header.tsx"],"names":["Header","ref","className","size","children","rest","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;;;;;AAWO,IAAMA,MAAM,gBAAG,uBACpB,gBAOEC,GAPF,EAQK;AAAA,MANDC,SAMC,QANDA,SAMC;AAAA,uBALDC,IAKC;AAAA,MALDA,IAKC,0BALM,OAKN;AAAA,MAJDC,QAIC,QAJDA,QAIC;AAAA,MAHEC,IAGF;;AACH,sBACE,6BAAC,oBAAD;AACE,IAAA,IAAI,EAAE,SADR;AAEE,IAAA,SAAS,EAAE,yBAAW,UAAX,EAAuBH,SAAvB,CAFb;AAGE,IAAA,IAAI,EAAEC,IAHR;AAIE,IAAA,GAAG,EAAEF;AAJP,KAKMI,IALN,GAOGD,QAPH,CADF;AAWD,CArBmB,CAAf;;AAwBPJ,MAAM,CAACM,WAAP,GAAqB,QAArB","sourcesContent":["import React, { forwardRef, HTMLAttributes, ReactNode, Ref } from \"react\";\nimport classNames from \"classnames\";\nimport { StyledHeader } from \"./Styles\";\n\ninterface IHeaderProps {\n  /** CSS classes. */\n  className?: string;\n  /** Size */\n  size?: \"small\" | \"big\";\n  /** Children */\n  children: ReactNode;\n}\n\nexport const Header = forwardRef(\n  (\n    {\n      className,\n      size = \"small\",\n      children,\n      ...rest\n    }: HTMLAttributes<HTMLDivElement> & IHeaderProps,\n    ref: Ref<HTMLDivElement> | null | undefined\n  ) => {\n    return (\n      <StyledHeader\n        type={\"paper-2\"}\n        className={classNames(\"c-header\", className)}\n        size={size}\n        ref={ref}\n        {...rest}\n      >\n        {children}\n      </StyledHeader>\n    );\n  }\n);\n\nHeader.displayName = \"Header\";\n"],"file":"Header.js"}

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

@@ -1,20 +1,28 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledHeader = void 0;
 
-var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
 
 var _Paper = require("../Paper");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 var StyledHeader = (0, _styledComponents.default)(_Paper.Paper).withConfig({
   displayName: "Styles__StyledHeader",
   componentId: "sc-xrlqib-0"
-})(["height:4rem;padding:0 1rem;display:flex;overflow:hidden;min-width:350px;@media screen and (max-width:350px){overflow:auto;}"]);
+})(["", " ", " padding:0 1rem;display:flex;overflow:hidden;min-width:350px;@media screen and (max-width:350px){overflow:auto;}"], function (props) {
+  return props.size === "big" && (0, _styledComponents.css)(["height:140px;"]);
+}, function (props) {
+  return props.size === "small" && (0, _styledComponents.css)(["height:4rem;"]);
+});
 exports.StyledHeader = StyledHeader;
 StyledHeader.displayName = "StyledHeader";
 //# sourceMappingURL=Styles.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Header/Styles.ts"],"names":["StyledHeader","Paper","displayName"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEO,IAAMA,YAAY,GAAG,+BAAOC,YAAP,CAAH;AAAA;AAAA;AAAA,mIAAlB;;AAYPD,YAAY,CAACE,WAAb,GAA2B,cAA3B","sourcesContent":["import styled from \"styled-components\";\nimport { Paper } from \"../Paper\";\n\nexport const StyledHeader = styled(Paper)`\n  height: 4rem;\n  padding: 0 1rem;\n  display: flex;\n  overflow: hidden;\n  min-width: 350px;\n\n  @media screen and (max-width: 350px) {\n    overflow: auto;\n  }\n`;\n\nStyledHeader.displayName = \"StyledHeader\";\n"],"file":"Styles.js"}
+{"version":3,"sources":["../../../../src/components/Header/Styles.ts"],"names":["StyledHeader","Paper","props","size","css","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;;;;;AAEO,IAAMA,YAAY,GAAG,+BAAOC,YAAP,CAAH;AAAA;AAAA;AAAA,kIACrB,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,IAAN,KAAe,KAAf,QACAC,qBADA,oBADA;AAAA,CADqB,EAOrB,UAACF,KAAD;AAAA,SACAA,KAAK,CAACC,IAAN,KAAe,OAAf,QACAC,qBADA,mBADA;AAAA,CAPqB,CAAlB;;AAuBPJ,YAAY,CAACK,WAAb,GAA2B,cAA3B","sourcesContent":["import styled, { css } from \"styled-components\";\nimport { Paper } from \"../Paper\";\n\nexport const StyledHeader = styled(Paper)<{ size?: string }>`\n  ${(props) =>\n    props.size === \"big\" &&\n    css`\n      height: 140px;\n    `}\n\n  ${(props) =>\n    props.size === \"small\" &&\n    css`\n      height: 4rem;\n    `}\n\n  padding: 0 1rem;\n  display: flex;\n  overflow: hidden;\n  min-width: 350px;\n\n  @media screen and (max-width: 350px) {\n    overflow: auto;\n  }\n`;\n\nStyledHeader.displayName = \"StyledHeader\";\n"],"file":"Styles.js"}

package/dist/esm/components/Header/Header.d.ts

@@ -1,6 +1,7 @@
 import React, { ReactNode } from "react";
 interface IHeaderProps {
     className?: string;
+    size?: "small" | "big";
     children: ReactNode;
 }
 export declare const Header: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & IHeaderProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -1 +1 @@
-{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/Header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA8B,SAAS,EAAO,MAAM,OAAO,CAAC;AAI1E,UAAU,YAAY;IAEpB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,MAAM,4HAoBlB,CAAC"}
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/Header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA8B,SAAS,EAAO,MAAM,OAAO,CAAC;AAI1E,UAAU,YAAY;IAEpB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,IAAI,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAEvB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,MAAM,4HAsBlB,CAAC"}

package/dist/esm/components/Header/Header.js

@@ -1,17 +1,20 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["className", "children"];
+var _excluded = ["className", "size", "children"];
 import React, { forwardRef } from "react";
 import classNames from "classnames";
 import { StyledHeader } from "./Styles";
 export var Header = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? "small" : _ref$size,
       children = _ref.children,
       rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(StyledHeader, _extends({
     type: "paper-2",
     className: classNames("c-header", className),
+    size: size,
     ref: ref
   }, rest), children);
 });

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Header/Header.tsx"],"names":["React","forwardRef","classNames","StyledHeader","Header","ref","className","children","rest","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkE,OAAlE;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,YAAT,QAA6B,UAA7B;AASA,OAAO,IAAMC,MAAM,gBAAGH,UAAU,CAC9B,gBAMEI,GANF,EAOK;AAAA,MALDC,SAKC,QALDA,SAKC;AAAA,MAJDC,QAIC,QAJDA,QAIC;AAAA,MAHEC,IAGF;;AACH,sBACE,oBAAC,YAAD;AACE,IAAA,IAAI,EAAE,SADR;AAEE,IAAA,SAAS,EAAEN,UAAU,CAAC,UAAD,EAAaI,SAAb,CAFvB;AAGE,IAAA,GAAG,EAAED;AAHP,KAIMG,IAJN,GAMGD,QANH,CADF;AAUD,CAnB6B,CAAzB;AAsBPH,MAAM,CAACK,WAAP,GAAqB,QAArB","sourcesContent":["import React, { forwardRef, HTMLAttributes, ReactNode, Ref } from \"react\";\nimport classNames from \"classnames\";\nimport { StyledHeader } from \"./Styles\";\n\ninterface IHeaderProps {\n  /** CSS classes. */\n  className?: string;\n  /** Children */\n  children: ReactNode;\n}\n\nexport const Header = forwardRef(\n  (\n    {\n      className,\n      children,\n      ...rest\n    }: HTMLAttributes<HTMLDivElement> & IHeaderProps,\n    ref: Ref<HTMLDivElement> | null | undefined\n  ) => {\n    return (\n      <StyledHeader\n        type={\"paper-2\"}\n        className={classNames(\"c-header\", className)}\n        ref={ref}\n        {...rest}\n      >\n        {children}\n      </StyledHeader>\n    );\n  }\n);\n\nHeader.displayName = \"Header\";\n"],"file":"Header.js"}
+{"version":3,"sources":["../../../../src/components/Header/Header.tsx"],"names":["React","forwardRef","classNames","StyledHeader","Header","ref","className","size","children","rest","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkE,OAAlE;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,YAAT,QAA6B,UAA7B;AAWA,OAAO,IAAMC,MAAM,gBAAGH,UAAU,CAC9B,gBAOEI,GAPF,EAQK;AAAA,MANDC,SAMC,QANDA,SAMC;AAAA,uBALDC,IAKC;AAAA,MALDA,IAKC,0BALM,OAKN;AAAA,MAJDC,QAIC,QAJDA,QAIC;AAAA,MAHEC,IAGF;;AACH,sBACE,oBAAC,YAAD;AACE,IAAA,IAAI,EAAE,SADR;AAEE,IAAA,SAAS,EAAEP,UAAU,CAAC,UAAD,EAAaI,SAAb,CAFvB;AAGE,IAAA,IAAI,EAAEC,IAHR;AAIE,IAAA,GAAG,EAAEF;AAJP,KAKMI,IALN,GAOGD,QAPH,CADF;AAWD,CArB6B,CAAzB;AAwBPJ,MAAM,CAACM,WAAP,GAAqB,QAArB","sourcesContent":["import React, { forwardRef, HTMLAttributes, ReactNode, Ref } from \"react\";\nimport classNames from \"classnames\";\nimport { StyledHeader } from \"./Styles\";\n\ninterface IHeaderProps {\n  /** CSS classes. */\n  className?: string;\n  /** Size */\n  size?: \"small\" | \"big\";\n  /** Children */\n  children: ReactNode;\n}\n\nexport const Header = forwardRef(\n  (\n    {\n      className,\n      size = \"small\",\n      children,\n      ...rest\n    }: HTMLAttributes<HTMLDivElement> & IHeaderProps,\n    ref: Ref<HTMLDivElement> | null | undefined\n  ) => {\n    return (\n      <StyledHeader\n        type={\"paper-2\"}\n        className={classNames(\"c-header\", className)}\n        size={size}\n        ref={ref}\n        {...rest}\n      >\n        {children}\n      </StyledHeader>\n    );\n  }\n);\n\nHeader.displayName = \"Header\";\n"],"file":"Header.js"}

package/dist/esm/components/Header/Styles.d.ts

@@ -1,3 +1,5 @@
 /// <reference types="react" />
-export declare const StyledHeader: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("../Paper").IPaperProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const StyledHeader: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("../Paper").IPaperProps & import("react").RefAttributes<HTMLDivElement>>, any, {
+    size?: string | undefined;
+}, never>;
 //# sourceMappingURL=Styles.d.ts.map

package/dist/esm/components/Header/Styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Header/Styles.ts"],"names":[],"mappings":";AAGA,eAAO,MAAM,YAAY,yOAUxB,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Header/Styles.ts"],"names":[],"mappings":";AAGA,eAAO,MAAM,YAAY;;SAqBxB,CAAC"}

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

@@ -1,8 +1,12 @@
-import styled from "styled-components";
+import styled, { css } from "styled-components";
 import { Paper } from "../Paper";
 export var StyledHeader = styled(Paper).withConfig({
   displayName: "Styles__StyledHeader",
   componentId: "sc-xrlqib-0"
-})(["height:4rem;padding:0 1rem;display:flex;overflow:hidden;min-width:350px;@media screen and (max-width:350px){overflow:auto;}"]);
+})(["", " ", " padding:0 1rem;display:flex;overflow:hidden;min-width:350px;@media screen and (max-width:350px){overflow:auto;}"], function (props) {
+  return props.size === "big" && css(["height:140px;"]);
+}, function (props) {
+  return props.size === "small" && css(["height:4rem;"]);
+});
 StyledHeader.displayName = "StyledHeader";
 //# sourceMappingURL=Styles.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Header/Styles.ts"],"names":["styled","Paper","StyledHeader","displayName"],"mappings":"AAAA,OAAOA,MAAP,MAAmB,mBAAnB;AACA,SAASC,KAAT,QAAsB,UAAtB;AAEA,OAAO,IAAMC,YAAY,GAAGF,MAAM,CAACC,KAAD,CAAT;AAAA;AAAA;AAAA,mIAAlB;AAYPC,YAAY,CAACC,WAAb,GAA2B,cAA3B","sourcesContent":["import styled from \"styled-components\";\nimport { Paper } from \"../Paper\";\n\nexport const StyledHeader = styled(Paper)`\n  height: 4rem;\n  padding: 0 1rem;\n  display: flex;\n  overflow: hidden;\n  min-width: 350px;\n\n  @media screen and (max-width: 350px) {\n    overflow: auto;\n  }\n`;\n\nStyledHeader.displayName = \"StyledHeader\";\n"],"file":"Styles.js"}
+{"version":3,"sources":["../../../../src/components/Header/Styles.ts"],"names":["styled","css","Paper","StyledHeader","props","size","displayName"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AACA,SAASC,KAAT,QAAsB,UAAtB;AAEA,OAAO,IAAMC,YAAY,GAAGH,MAAM,CAACE,KAAD,CAAT;AAAA;AAAA;AAAA,kIACrB,UAACE,KAAD;AAAA,SACAA,KAAK,CAACC,IAAN,KAAe,KAAf,IACAJ,GADA,mBADA;AAAA,CADqB,EAOrB,UAACG,KAAD;AAAA,SACAA,KAAK,CAACC,IAAN,KAAe,OAAf,IACAJ,GADA,kBADA;AAAA,CAPqB,CAAlB;AAuBPE,YAAY,CAACG,WAAb,GAA2B,cAA3B","sourcesContent":["import styled, { css } from \"styled-components\";\nimport { Paper } from \"../Paper\";\n\nexport const StyledHeader = styled(Paper)<{ size?: string }>`\n  ${(props) =>\n    props.size === \"big\" &&\n    css`\n      height: 140px;\n    `}\n\n  ${(props) =>\n    props.size === \"small\" &&\n    css`\n      height: 4rem;\n    `}\n\n  padding: 0 1rem;\n  display: flex;\n  overflow: hidden;\n  min-width: 350px;\n\n  @media screen and (max-width: 350px) {\n    overflow: auto;\n  }\n`;\n\nStyledHeader.displayName = \"StyledHeader\";\n"],"file":"Styles.js"}

package/dist/index.js

@@ -7873,18 +7873,25 @@
   var StyledHeader = styled__default["default"](Paper).withConfig({
     displayName: "Styles__StyledHeader",
     componentId: "sc-xrlqib-0"
-  })(["height:4rem;padding:0 1rem;display:flex;overflow:hidden;min-width:350px;@media screen and (max-width:350px){overflow:auto;}"]);
+  })(["", " ", " padding:0 1rem;display:flex;overflow:hidden;min-width:350px;@media screen and (max-width:350px){overflow:auto;}"], function (props) {
+    return props.size === "big" && styled.css(["height:140px;"]);
+  }, function (props) {
+    return props.size === "small" && styled.css(["height:4rem;"]);
+  });
   StyledHeader.displayName = "StyledHeader";
 
-  var _excluded$f = ["className", "children"];
+  var _excluded$f = ["className", "size", "children"];
   var Header = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var className = _ref.className,
+        _ref$size = _ref.size,
+        size = _ref$size === void 0 ? "small" : _ref$size,
         children = _ref.children,
         rest = _objectWithoutProperties(_ref, _excluded$f);
 
     return /*#__PURE__*/React__default["default"].createElement(StyledHeader, _extends({
       type: "paper-2",
       className: classnames__default["default"]("c-header", className),
+      size: size,
       ref: ref
     }, rest), children);
   });