@activecollab/components 1.0.168 → 1.0.169

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Entity/Styles.ts"],"names":["styled","css","Card","PaperStyles","StyledEntityCard","$renderAs","props","$gap","$background","$isCollection","displayName","StyledEntityProperty","$width","$order","$visibleFromBreakpoint","StyledEntityGroup","StyledEntityActions"],"mappings":"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","sourcesContent":["import styled, { css } from \"styled-components\";\nimport { Card } from \"../Card\";\nimport { PaperStyles } from \"../Paper/Styles\";\nimport { VisibleFromBreakpoint } from \"./EntityProperty\";\nimport tw from \"twin.macro\";\n\nexport const StyledEntityCard = styled(Card)<{\n  $renderAs: string;\n  $gap?: number;\n  $background?: string;\n  $isCollection?: boolean;\n}>`\n  line-height: 1.375;\n  ${({ $renderAs }) =>\n    $renderAs === \"list\" &&\n    css`\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      min-height: 48px;\n      margin-bottom: 4px;\n      justify-content: space-between;\n      padding: 0 16px 0 16px;\n    `}\n\n  ${({ $renderAs }) =>\n    $renderAs === \"grid\" &&\n    css`\n      display: flex;\n      flex-direction: column;\n      position: relative;\n      padding: 20px 24px;\n      height: 280px;\n    `}\n\n  ${(props) =>\n    props.$gap &&\n    css`\n      gap: ${props.$gap}px;\n    `}\n  ${(props) =>\n    props.$background &&\n    css`\n      background-color: ${props.$background};\n    `}\n\n  ${({ $isCollection, $background }) =>\n    $isCollection &&\n    css`\n      &::after {\n        display: block;\n        content: \"\";\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        right: 0;\n        left: 0;\n        transform: rotate(-3deg);\n        z-index: -1;\n        ${PaperStyles};\n        background-color: ${$background};\n      }\n    `}\n`;\nStyledEntityCard.displayName = \"StyledEntityCard\";\n\nexport const StyledEntityProperty = styled(\"div\")<{\n  $renderAs?: string;\n  $order?: number;\n  $width?: number | string;\n  $visibleFromBreakpoint?: VisibleFromBreakpoint;\n}>`\n  ${({ $renderAs, $width }) =>\n    $renderAs === \"list\" &&\n    css`\n      display: flex;\n      align-items: center;\n      min-width: 24px;\n      flex: ${$width ? \"unset\" : 1};\n    `}\n\n  ${(props) =>\n    props.$renderAs === \"list\" &&\n    props.$order &&\n    css`\n      order: ${props.$order};\n    `}\n\n  ${(props) =>\n    props.$renderAs === \"list\" &&\n    props.$width &&\n    css`\n      width: ${props.$width};\n    `}\n  ${({ $visibleFromBreakpoint }) =>\n    $visibleFromBreakpoint &&\n    css`\n      ${tw`tw-hidden`}\n    `}\n  ${({ $visibleFromBreakpoint }) =>\n    $visibleFromBreakpoint === \"sm\" &&\n    css`\n      ${tw`sm:tw-flex`}\n    `}\n  ${({ $visibleFromBreakpoint }) =>\n    $visibleFromBreakpoint === \"md\" &&\n    css`\n      ${tw`md:tw-flex`}\n    `}\n  ${({ $visibleFromBreakpoint }) =>\n    $visibleFromBreakpoint === \"lg\" &&\n    css`\n      ${tw`lg:tw-flex`}\n    `}\n  ${({ $visibleFromBreakpoint }) =>\n    $visibleFromBreakpoint === \"xl\" &&\n    css`\n      ${tw`xl:tw-flex`}\n    `}\n  ${({ $visibleFromBreakpoint }) =>\n    $visibleFromBreakpoint === \"2xl\" &&\n    css`\n      ${tw`2xl:tw-flex`}\n    `}\n`;\n\nStyledEntityProperty.displayName = \"StyledEntityProperty\";\n\nexport const StyledEntityGroup = styled(\"div\")<{\n  $renderAs: string;\n  $gap?: number;\n}>`\n  ${({ $renderAs, $gap }) =>\n    $renderAs === \"grid\" &&\n    css`\n      display: grid;\n      grid-gap: ${$gap ? `${$gap}px` : \"initial\"};\n      grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));\n    `}\n  ${(props) =>\n    props.$renderAs === \"list\" &&\n    css`\n      display: flex;\n      flex-direction: column;\n    `}\n\n  ${(props) =>\n    props.$gap &&\n    props.$renderAs === \"list\" &&\n    css`\n      ${StyledEntityCard} {\n        gap: ${props.$gap}px;\n      }\n    `}\n`;\nStyledEntityGroup.displayName = \"StyledEntityGroup\";\n\nexport const StyledEntityActions = styled(\"div\")<{ $renderAs?: string }>`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n\n  ${({ $renderAs }) =>\n    $renderAs === \"grid\" &&\n    css`\n      position: absolute;\n      right: 16px;\n      top: 20px;\n    `}\n\n  ${({ $renderAs }) =>\n    $renderAs === \"list\" &&\n    css`\n      justify-self: flex-end;\n    `}\n`;\n"],"file":"Styles.js"}
+{"version":3,"sources":["../../../../src/components/Entity/Styles.ts"],"names":["styled","css","Card","PaperStyles","StyledEntityCard","$renderAs","props","$background","$isCollection","displayName","StyledEntityProperty","$width","$order","$visibleFromBreakpoint","StyledEntityGroup","$gap","StyledEntityActions"],"mappings":"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","sourcesContent":["import styled, { css } from \"styled-components\";\nimport { Card } from \"../Card\";\nimport { PaperStyles } from \"../Paper/Styles\";\nimport { VisibleFromBreakpoint } from \"./EntityProperty\";\nimport tw from \"twin.macro\";\n\nexport const StyledEntityCard = styled(Card)<{\n  $renderAs: string;\n  $gap?: number;\n  $background?: string;\n  $isCollection?: boolean;\n}>`\n  line-height: 1.375;\n  ${({ $renderAs }) =>\n    $renderAs === \"list\" &&\n    css`\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      min-height: 48px;\n      margin-bottom: 4px;\n      justify-content: space-between;\n      padding: 0 16px 0 16px;\n    `}\n\n  ${({ $renderAs }) =>\n    $renderAs === \"grid\" &&\n    css`\n      display: flex;\n      flex-direction: column;\n      position: relative;\n      padding: 20px 24px;\n      height: 280px;\n    `}\n\n\n  ${(props) =>\n    props.$background &&\n    css`\n      background-color: ${props.$background};\n    `}\n\n  ${({ $isCollection, $background }) =>\n    $isCollection &&\n    css`\n      &::after {\n        display: block;\n        content: \"\";\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        right: 0;\n        left: 0;\n        transform: rotate(-3deg);\n        z-index: -1;\n        ${PaperStyles};\n        background-color: ${$background};\n      }\n    `}\n`;\nStyledEntityCard.displayName = \"StyledEntityCard\";\n\nexport const StyledEntityProperty = styled(\"div\")<{\n  $renderAs?: string;\n  $order?: number;\n  $width?: number | string;\n  $visibleFromBreakpoint?: VisibleFromBreakpoint;\n}>`\n  ${({ $renderAs, $width }) =>\n    $renderAs === \"list\" &&\n    css`\n      display: flex;\n      align-items: center;\n      min-width: 24px;\n      flex: ${$width ? \"unset\" : 1};\n    `}\n\n  ${(props) =>\n    props.$renderAs === \"list\" &&\n    props.$order &&\n    css`\n      order: ${props.$order};\n    `}\n\n  ${(props) =>\n    props.$renderAs === \"list\" &&\n    props.$width &&\n    css`\n      width: ${props.$width};\n    `}\n  ${({ $visibleFromBreakpoint }) =>\n    $visibleFromBreakpoint &&\n    css`\n      ${tw`tw-hidden`}\n    `}\n  ${({ $visibleFromBreakpoint }) =>\n    $visibleFromBreakpoint === \"sm\" &&\n    css`\n      ${tw`sm:tw-flex`}\n    `}\n  ${({ $visibleFromBreakpoint }) =>\n    $visibleFromBreakpoint === \"md\" &&\n    css`\n      ${tw`md:tw-flex`}\n    `}\n  ${({ $visibleFromBreakpoint }) =>\n    $visibleFromBreakpoint === \"lg\" &&\n    css`\n      ${tw`lg:tw-flex`}\n    `}\n  ${({ $visibleFromBreakpoint }) =>\n    $visibleFromBreakpoint === \"xl\" &&\n    css`\n      ${tw`xl:tw-flex`}\n    `}\n  ${({ $visibleFromBreakpoint }) =>\n    $visibleFromBreakpoint === \"2xl\" &&\n    css`\n      ${tw`2xl:tw-flex`}\n    `}\n`;\n\nStyledEntityProperty.displayName = \"StyledEntityProperty\";\n\nexport const StyledEntityGroup = styled(\"div\")<{\n  $renderAs: string;\n  $gap?: number;\n}>`\n  ${({ $renderAs, $gap }) =>\n    $renderAs === \"grid\" &&\n    css`\n      display: grid;\n      grid-gap: ${$gap ? `${$gap}px` : \"initial\"};\n      grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));\n    `}\n  ${(props) =>\n    props.$renderAs === \"list\" &&\n    css`\n      display: flex;\n      flex-direction: column;\n    `}\n`;\nStyledEntityGroup.displayName = \"StyledEntityGroup\";\n\nexport const StyledEntityActions = styled(\"div\")<{ $renderAs?: string }>`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n\n  ${({ $renderAs }) =>\n    $renderAs === \"grid\" &&\n    css`\n      position: absolute;\n      right: 16px;\n      top: 20px;\n    `}\n\n  ${({ $renderAs }) =>\n    $renderAs === \"list\" &&\n    css`\n      justify-self: flex-end;\n    `}\n`;\n"],"file":"Styles.js"}

package/dist/esm/components/Entity/index.d.ts

@@ -1,11 +1,10 @@
-import { ComponentType } from "react";
-import { IEntityGroupProps } from "./EntityGroup";
-import { IEntityCardProps } from "./EntityCard";
-import { IEntityCardPropertyProps } from "./EntityProperty";
+import { EntityGroup } from "./EntityGroup";
+import { EntityCard } from "./EntityCard";
+import { EntityProperty } from "./EntityProperty";
 export interface IEntity {
-    Group: ComponentType<IEntityGroupProps>;
-    Card: ComponentType<IEntityCardProps>;
-    Property: ComponentType<IEntityCardPropertyProps>;
+    Group: typeof EntityGroup;
+    Card: typeof EntityCard;
+    Property: typeof EntityProperty;
 }
 export declare const Entity: IEntity;
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/components/Entity/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Entity/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAe,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAC/D,OAAO,EAAc,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAC5D,OAAO,EAAkB,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AAE5E,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IACxC,IAAI,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;IACtC,QAAQ,EAAE,aAAa,CAAC,wBAAwB,CAAC,CAAC;CACnD;AAED,eAAO,MAAM,MAAM,EAAE,OAIpB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Entity/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,OAAO,WAAW,CAAC;IAC1B,IAAI,EAAE,OAAO,UAAU,CAAC;IACxB,QAAQ,EAAE,OAAO,cAAc,CAAC;CACjC;AAED,eAAO,MAAM,MAAM,EAAE,OAIpB,CAAC"}

package/dist/esm/components/Entity/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Entity/index.ts"],"names":["EntityGroup","EntityCard","EntityProperty","Entity","Group","Card","Property"],"mappings":"AACA,SAASA,WAAT,QAA+C,eAA/C;AACA,SAASC,UAAT,QAA6C,cAA7C;AACA,SAASC,cAAT,QAAyD,kBAAzD;AAQA,OAAO,IAAMC,MAAe,GAAG;AAC7BC,EAAAA,KAAK,EAAEJ,WADsB;AAE7BK,EAAAA,IAAI,EAAEJ,UAFuB;AAG7BK,EAAAA,QAAQ,EAAEJ;AAHmB,CAAxB","sourcesContent":["import { ComponentType } from \"react\";\nimport { EntityGroup, IEntityGroupProps } from \"./EntityGroup\";\nimport { EntityCard, IEntityCardProps } from \"./EntityCard\";\nimport { EntityProperty, IEntityCardPropertyProps } from \"./EntityProperty\";\n\nexport interface IEntity {\n  Group: ComponentType<IEntityGroupProps>;\n  Card: ComponentType<IEntityCardProps>;\n  Property: ComponentType<IEntityCardPropertyProps>;\n}\n\nexport const Entity: IEntity = {\n  Group: EntityGroup,\n  Card: EntityCard,\n  Property: EntityProperty,\n};\n"],"file":"index.js"}
+{"version":3,"sources":["../../../../src/components/Entity/index.ts"],"names":["EntityGroup","EntityCard","EntityProperty","Entity","Group","Card","Property"],"mappings":"AAAA,SAASA,WAAT,QAA4B,eAA5B;AACA,SAASC,UAAT,QAA2B,cAA3B;AACA,SAASC,cAAT,QAA+B,kBAA/B;AAQA,OAAO,IAAMC,MAAe,GAAG;AAC7BC,EAAAA,KAAK,EAAEJ,WADsB;AAE7BK,EAAAA,IAAI,EAAEJ,UAFuB;AAG7BK,EAAAA,QAAQ,EAAEJ;AAHmB,CAAxB","sourcesContent":["import { EntityGroup } from \"./EntityGroup\";\nimport { EntityCard } from \"./EntityCard\";\nimport { EntityProperty } from \"./EntityProperty\";\n\nexport interface IEntity {\n  Group: typeof EntityGroup;\n  Card: typeof EntityCard;\n  Property: typeof EntityProperty;\n}\n\nexport const Entity: IEntity = {\n  Group: EntityGroup,\n  Card: EntityCard,\n  Property: EntityProperty,\n};\n"],"file":"index.js"}

package/dist/index.js

@@ -11907,14 +11907,12 @@
   var StyledEntityCard = styled__default["default"](Card).withConfig({
     displayName: "Styles__StyledEntityCard",
     componentId: "sc-bjeea8-0"
-  })(["line-height:1.375;", " ", " ", " ", " ", ""], function (_ref) {
+  })(["line-height:1.375;", " ", " ", " ", ""], function (_ref) {
     var $renderAs = _ref.$renderAs;
     return $renderAs === "list" && styled.css(["display:flex;flex-direction:row;align-items:center;min-height:48px;margin-bottom:4px;justify-content:space-between;padding:0 16px 0 16px;"]);
   }, function (_ref2) {
     var $renderAs = _ref2.$renderAs;
     return $renderAs === "grid" && styled.css(["display:flex;flex-direction:column;position:relative;padding:20px 24px;height:280px;"]);
-  }, function (props) {
-    return props.$gap && styled.css(["gap:", "px;"], props.$gap);
   }, function (props) {
     return props.$background && styled.css(["background-color:", ";"], props.$background);
   }, function (_ref3) {
@@ -11979,17 +11977,15 @@
   var StyledEntityGroup = styled__default["default"]("div").withConfig({
     displayName: "Styles__StyledEntityGroup",
     componentId: "sc-bjeea8-2"
-  })(["", " ", " ", ""], function (_ref11) {
+  })(["", " ", ""], function (_ref11) {
     var $renderAs = _ref11.$renderAs,
         $gap = _ref11.$gap;
     return $renderAs === "grid" && styled.css(["display:grid;grid-gap:", ";grid-template-columns:repeat(auto-fill,minmax(260px,1fr));"], $gap ? "".concat($gap, "px") : "initial");
   }, function (props) {
     return props.$renderAs === "list" && styled.css(["display:flex;flex-direction:column;"]);
-  }, function (props) {
-    return props.$gap && props.$renderAs === "list" && styled.css(["", "{gap:", "px;}"], StyledEntityCard, props.$gap);
   });
   StyledEntityGroup.displayName = "StyledEntityGroup";
-  var StyledEntityActions = styled__default["default"]("div").withConfig({
+  styled__default["default"]("div").withConfig({
     displayName: "Styles__StyledEntityActions",
     componentId: "sc-bjeea8-3"
   })(["display:flex;flex-direction:column;align-items:center;", " ", ""], function (_ref12) {
@@ -12000,92 +11996,76 @@
     return $renderAs === "list" && styled.css(["justify-self:flex-end;"]);
   });
 
-  var _excluded$2 = ["listOrder", "listWidth", "visibleFromBreakpoint", "className"];
-  var EntityProperty = function EntityProperty(_ref) {
-    var listOrder = _ref.listOrder,
-        listWidth = _ref.listWidth,
-        visibleFromBreakpoint = _ref.visibleFromBreakpoint,
-        className = _ref.className,
-        props = _objectWithoutProperties(_ref, _excluded$2);
-
-    return /*#__PURE__*/React__default["default"].createElement(StyledEntityProperty, _extends({
-      className: classnames__default["default"]("c-entity-property", className)
-    }, props, {
-      $order: listOrder,
-      $width: listWidth,
-      $visibleFromBreakpoint: visibleFromBreakpoint
-    }));
-  };
-  EntityProperty.displayName = "EntityProperty";
+  var _excluded$2 = ["children", "gap", "renderAs"];
+  var EntityGroupContext = /*#__PURE__*/React__default["default"].createContext({
+    renderAs: "grid"
+  });
+  var EntityGroup = function EntityGroup(_ref) {
+    var children = _ref.children,
+        gap = _ref.gap,
+        _ref$renderAs = _ref.renderAs,
+        renderAs = _ref$renderAs === void 0 ? "grid" : _ref$renderAs,
+        rest = _objectWithoutProperties(_ref, _excluded$2);
 
-  var ConditionalWrapper = function ConditionalWrapper(_ref) {
-    var condition = _ref.condition,
-        wrap = _ref.wrap,
-        children = _ref.children;
-    return condition ? wrap(children) : children;
+    return /*#__PURE__*/React__default["default"].createElement(EntityGroupContext.Provider, {
+      value: {
+        renderAs: renderAs
+      }
+    }, /*#__PURE__*/React__default["default"].createElement(StyledEntityGroup, _extends({
+      $renderAs: renderAs,
+      $gap: gap
+    }, rest), children));
   };
+  EntityGroup.displayName = "EntityGroup";
 
-  var _excluded$1 = ["children", "actions", "renderAs", "isCollection", "background", "className", "component"];
-  var EntityCard = function EntityCard(_ref) {
+  var _excluded$1 = ["children", "isCollection", "background", "className", "as"];
+  var EntityCard = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
-        actions = _ref.actions,
-        _ref$renderAs = _ref.renderAs,
-        renderAs = _ref$renderAs === void 0 ? "grid" : _ref$renderAs,
         isCollection = _ref.isCollection,
         background = _ref.background,
         className = _ref.className,
-        component = _ref.component,
+        as = _ref.as,
         rest = _objectWithoutProperties(_ref, _excluded$1);
 
+    var _useContext = React.useContext(EntityGroupContext),
+        renderAs = _useContext.renderAs;
+
     var paperType = renderAs === "grid" ? "paper-1" : "paper-2";
-    var WrapperElement = component ? component : React.Fragment;
-    return /*#__PURE__*/React__default["default"].createElement(ConditionalWrapper, {
-      condition: typeof component !== "undefined",
-      wrap: function wrap(children) {
-        return /*#__PURE__*/React__default["default"].createElement(WrapperElement, rest, children);
-      }
-    }, /*#__PURE__*/React__default["default"].createElement(StyledEntityCard, _extends({
+    var Component = as || Card;
+    return /*#__PURE__*/React__default["default"].createElement(StyledEntityCard, _extends({
+      as: Component,
       $renderAs: renderAs,
       $background: background,
       paperType: paperType,
       className: className,
       $isCollection: isCollection
-    }, rest), React__default["default"].Children.map(children, function (child) {
-      if ( /*#__PURE__*/React__default["default"].isValidElement(child) && child.type === EntityProperty) {
-        return /*#__PURE__*/React__default["default"].cloneElement(child, {
-          $renderAs: renderAs
-        });
-      }
-
-      return null;
-    }), actions && /*#__PURE__*/React__default["default"].createElement(StyledEntityActions, {
-      $renderAs: renderAs
-    }, actions)));
-  };
+    }, rest, {
+      ref: ref
+    }), children);
+  });
   EntityCard.displayName = "EntityCard";
 
-  var _excluded = ["children", "gap", "renderAs"];
-  var EntityGroup = function EntityGroup(_ref) {
-    var children = _ref.children,
-        gap = _ref.gap,
-        _ref$renderAs = _ref.renderAs,
-        renderAs = _ref$renderAs === void 0 ? "grid" : _ref$renderAs,
-        rest = _objectWithoutProperties(_ref, _excluded);
+  var _excluded = ["listOrder", "listWidth", "visibleFromBreakpoint", "className"];
+  var EntityProperty = function EntityProperty(_ref) {
+    var listOrder = _ref.listOrder,
+        listWidth = _ref.listWidth,
+        visibleFromBreakpoint = _ref.visibleFromBreakpoint,
+        className = _ref.className,
+        props = _objectWithoutProperties(_ref, _excluded);
 
-    return /*#__PURE__*/React__default["default"].createElement(StyledEntityGroup, _extends({
-      $renderAs: renderAs,
-      $gap: gap
-    }, rest), React__default["default"].Children.map(children, function (child) {
-      if ( /*#__PURE__*/React__default["default"].isValidElement(child) && child.type === EntityCard) {
-        return /*#__PURE__*/React__default["default"].cloneElement(child, {
-          renderAs: renderAs
-        });
-      }
+    var _useContext = React.useContext(EntityGroupContext),
+        renderAs = _useContext.renderAs;
 
-      return null;
+    return /*#__PURE__*/React__default["default"].createElement(StyledEntityProperty, _extends({
+      className: classnames__default["default"]("c-entity-property", className)
+    }, props, {
+      $order: listOrder,
+      $width: listWidth,
+      $visibleFromBreakpoint: visibleFromBreakpoint,
+      $renderAs: renderAs
     }));
   };
-  EntityGroup.displayName = "EntityGroup";
+  EntityProperty.displayName = "EntityProperty";
 
   var Entity = {
     Group: EntityGroup,