@activecollab/components 1.0.168 → 1.0.169

package/dist/cjs/components/Entity/EntityCard.js

@@ -11,11 +11,11 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _Styles = require("./Styles");
 
-var _EntityProperty = require("./EntityProperty");
+var _Card = require("../Card");
 
-var _ConditionWrapper = require("../../helpers/ConditionWrapper/ConditionWrapper");
+var _EntityGroup = require("./EntityGroup");
 
-var _excluded = ["children", "actions", "renderAs", "isCollection", "background", "className", "component"];
+var _excluded = ["children", "isCollection", "background", "className", "as"];
 
 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); }
 
@@ -27,43 +27,30 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var EntityCard = function EntityCard(_ref) {
+var EntityCard = /*#__PURE__*/(0, _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);
 
+  var _useContext = (0, _react.useContext)(_EntityGroup.EntityGroupContext),
+      renderAs = _useContext.renderAs;
+
   var paperType = renderAs === "grid" ? "paper-1" : "paper-2";
-  var WrapperElement = component ? component : _react.Fragment;
-  return /*#__PURE__*/_react.default.createElement(_ConditionWrapper.ConditionalWrapper, {
-    condition: typeof component !== "undefined",
-    wrap: function wrap(children) {
-      return /*#__PURE__*/_react.default.createElement(WrapperElement, rest, children);
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Styles.StyledEntityCard, _extends({
+  var Component = as || _Card.Card;
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledEntityCard, _extends({
+    as: Component,
     $renderAs: renderAs,
     $background: background,
     paperType: paperType,
     className: className,
     $isCollection: isCollection
-  }, rest), _react.default.Children.map(children, function (child) {
-    if ( /*#__PURE__*/_react.default.isValidElement(child) && child.type === _EntityProperty.EntityProperty) {
-      return /*#__PURE__*/_react.default.cloneElement(child, {
-        $renderAs: renderAs
-      });
-    }
-
-    return null;
-  }), actions && /*#__PURE__*/_react.default.createElement(_Styles.StyledEntityActions, {
-    $renderAs: renderAs
-  }, actions)));
-};
-
+  }, rest, {
+    ref: ref
+  }), children);
+});
 exports.EntityCard = EntityCard;
 EntityCard.displayName = "EntityCard";
 //# sourceMappingURL=EntityCard.js.map

package/dist/cjs/components/Entity/EntityCard.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Entity/EntityCard.tsx"],"names":["EntityCard","children","actions","renderAs","isCollection","background","className","component","rest","paperType","WrapperElement","Fragment","React","Children","map","child","isValidElement","type","EntityProperty","cloneElement","$renderAs","displayName"],"mappings":";;;;;;;;;AAAA;;AAOA;;AAEA;;AAEA;;;;;;;;;;;;;;AAuBO,IAAMA,UAAsC,GAAG,SAAzCA,UAAyC,OAShD;AAAA,MARJC,QAQI,QARJA,QAQI;AAAA,MAPJC,OAOI,QAPJA,OAOI;AAAA,2BANJC,QAMI;AAAA,MANJA,QAMI,8BANO,MAMP;AAAA,MALJC,YAKI,QALJA,YAKI;AAAA,MAJJC,UAII,QAJJA,UAII;AAAA,MAHJC,SAGI,QAHJA,SAGI;AAAA,MAFJC,SAEI,QAFJA,SAEI;AAAA,MADDC,IACC;;AACJ,MAAMC,SAAS,GAAGN,QAAQ,KAAK,MAAb,GAAsB,SAAtB,GAAkC,SAApD;AAEA,MAAMO,cAAc,GAAGH,SAAS,GAAGA,SAAH,GAAeI,eAA/C;AACA,sBACE,6BAAC,oCAAD;AACE,IAAA,SAAS,EAAE,OAAOJ,SAAP,KAAqB,WADlC;AAEE,IAAA,IAAI,EAAE,cAACN,QAAD;AAAA,0BAAc,6BAAC,cAAD,EAAoBO,IAApB,EAA2BP,QAA3B,CAAd;AAAA;AAFR,kBAIE,6BAAC,wBAAD;AACE,IAAA,SAAS,EAAEE,QADb;AAEE,IAAA,WAAW,EAAEE,UAFf;AAGE,IAAA,SAAS,EAAEI,SAHb;AAIE,IAAA,SAAS,EAAEH,SAJb;AAKE,IAAA,aAAa,EAAEF;AALjB,KAMMI,IANN,GAQGI,eAAMC,QAAN,CAAeC,GAAf,CAAmBb,QAAnB,EAA6B,UAACc,KAAD,EAAW;AACvC,QAAI,6BAAMC,cAAN,CAAqBD,KAArB,KAA+BA,KAAK,CAACE,IAAN,KAAeC,8BAAlD,EAAkE;AAChE,0BAAON,eAAMO,YAAN,CAAmBJ,KAAnB,EAA0B;AAC/BK,QAAAA,SAAS,EAAEjB;AADoB,OAA1B,CAAP;AAGD;;AACD,WAAO,IAAP;AACD,GAPA,CARH,EAgBGD,OAAO,iBACN,6BAAC,2BAAD;AAAqB,IAAA,SAAS,EAAEC;AAAhC,KACGD,OADH,CAjBJ,CAJF,CADF;AA6BD,CA1CM;;;AA4CPF,UAAU,CAACqB,WAAX,GAAyB,YAAzB","sourcesContent":["import React, {\n  BaseHTMLAttributes,\n  ComponentType,\n  CSSProperties,\n  Fragment,\n  ReactNode,\n} from \"react\";\nimport { StyledEntityActions, StyledEntityCard } from \"./Styles\";\n\nimport { EntityProperty } from \"./EntityProperty\";\nimport { ICardProps } from \"../Card\";\nimport { ConditionalWrapper } from \"../../helpers/ConditionWrapper/ConditionWrapper\";\n\nexport interface IEntityCardProps\n  extends ICardProps,\n    BaseHTMLAttributes<HTMLElement> {\n  /** Render as grid or list item */\n  renderAs?: \"grid\" | \"list\";\n  /** action to show on right */\n  actions?: ReactNode;\n  /** ClassName to add on Card */\n  className?: string;\n  /** Show as group of Cards on grid */\n  isCollection?: boolean;\n  /** Background color to override for Card */\n  background?: string;\n  /** CSSProperties to override for Card */\n  style?: CSSProperties;\n  /** optional for Link react-router-dom */\n  to?: string;\n  /** You can pass any component as wrapper for card */\n  component?: ComponentType<{ children: ReactNode }>;\n}\n\nexport const EntityCard: React.FC<IEntityCardProps> = ({\n  children,\n  actions,\n  renderAs = \"grid\",\n  isCollection,\n  background,\n  className,\n  component,\n  ...rest\n}) => {\n  const paperType = renderAs === \"grid\" ? \"paper-1\" : \"paper-2\";\n\n  const WrapperElement = component ? component : Fragment;\n  return (\n    <ConditionalWrapper\n      condition={typeof component !== \"undefined\"}\n      wrap={(children) => <WrapperElement {...rest}>{children}</WrapperElement>}\n    >\n      <StyledEntityCard\n        $renderAs={renderAs}\n        $background={background}\n        paperType={paperType}\n        className={className}\n        $isCollection={isCollection}\n        {...rest}\n      >\n        {React.Children.map(children, (child) => {\n          if (React.isValidElement(child) && child.type === EntityProperty) {\n            return React.cloneElement(child, {\n              $renderAs: renderAs,\n            });\n          }\n          return null;\n        })}\n        {actions && (\n          <StyledEntityActions $renderAs={renderAs}>\n            {actions}\n          </StyledEntityActions>\n        )}\n      </StyledEntityCard>\n    </ConditionalWrapper>\n  );\n};\n\nEntityCard.displayName = \"EntityCard\";\n"],"file":"EntityCard.js"}
+{"version":3,"sources":["../../../../src/components/Entity/EntityCard.tsx"],"names":["EntityCard","ref","children","isCollection","background","className","as","rest","EntityGroupContext","renderAs","paperType","Component","Card","displayName"],"mappings":";;;;;;;;;AAAA;;AAOA;;AAEA;;AAKA;;;;;;;;;;;;;;AAsBO,IAAMA,UAAsD,gBACjE,uBACE,gBASEC,GATF,EAUK;AAAA,MARDC,QAQC,QARDA,QAQC;AAAA,MAPDC,YAOC,QAPDA,YAOC;AAAA,MANDC,UAMC,QANDA,UAMC;AAAA,MALDC,SAKC,QALDA,SAKC;AAAA,MAJDC,EAIC,QAJDA,EAIC;AAAA,MAHEC,IAGF;;AACH,oBAAqB,uBAAWC,+BAAX,CAArB;AAAA,MAAQC,QAAR,eAAQA,QAAR;;AACA,MAAMC,SAAS,GAAGD,QAAQ,KAAK,MAAb,GAAsB,SAAtB,GAAkC,SAApD;AACA,MAAME,SAAS,GAAGL,EAAE,IAAIM,UAAxB;AACA,sBACE,6BAAC,wBAAD;AACE,IAAA,EAAE,EAAED,SADN;AAEE,IAAA,SAAS,EAAEF,QAFb;AAGE,IAAA,WAAW,EAAEL,UAHf;AAIE,IAAA,SAAS,EAAEM,SAJb;AAKE,IAAA,SAAS,EAAEL,SALb;AAME,IAAA,aAAa,EAAEF;AANjB,KAOMI,IAPN;AAQE,IAAA,GAAG,EAAEN;AARP,MAUGC,QAVH,CADF;AAcD,CA7BH,CADK;;AAiCPF,UAAU,CAACa,WAAX,GAAyB,YAAzB","sourcesContent":["import React, {\n  BaseHTMLAttributes,\n  CSSProperties,\n  forwardRef,\n  ReactElement,\n  useContext,\n} from \"react\";\nimport { StyledEntityCard } from \"./Styles\";\n\nimport { Card, ICardProps } from \"../Card\";\nimport {\n  PolymorphicComponentPropsWithRef,\n  PolymorphicRef,\n} from \"../../utils/types\";\nimport { EntityGroupContext } from \"./EntityGroup\";\n\nexport interface IEntityCardProps\n  extends ICardProps,\n    BaseHTMLAttributes<HTMLElement> {\n  /** ClassName to add on Card */\n  className?: string;\n  /** Show as group of Cards on grid */\n  isCollection?: boolean;\n  /** Background color to override for Card */\n  background?: string;\n  /** CSSProperties to override for Card */\n  style?: CSSProperties;\n}\n\nexport type EntityCardProps<C extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<C, IEntityCardProps>;\n\nexport type EntityComponent = <C extends React.ElementType = typeof Card>(\n  props: EntityCardProps<C>\n) => ReactElement | null;\n\nexport const EntityCard: EntityComponent & { displayName?: string } =\n  forwardRef(\n    <C extends React.ElementType = typeof Card>(\n      {\n        children,\n        isCollection,\n        background,\n        className,\n        as,\n        ...rest\n      }: EntityCardProps<C>,\n      ref?: PolymorphicRef<C>\n    ) => {\n      const { renderAs } = useContext(EntityGroupContext);\n      const paperType = renderAs === \"grid\" ? \"paper-1\" : \"paper-2\";\n      const Component = as || Card;\n      return (\n        <StyledEntityCard\n          as={Component}\n          $renderAs={renderAs}\n          $background={background}\n          paperType={paperType}\n          className={className}\n          $isCollection={isCollection}\n          {...rest}\n          ref={ref}\n        >\n          {children}\n        </StyledEntityCard>\n      );\n    }\n  );\n\nEntityCard.displayName = \"EntityCard\";\n"],"file":"EntityCard.js"}

package/dist/cjs/components/Entity/EntityGroup.js

@@ -3,14 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.EntityGroup = void 0;
+exports.EntityGroupContext = exports.EntityGroup = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
 var _Styles = require("./Styles");
 
-var _EntityCard = require("./EntityCard");
-
 var _excluded = ["children", "gap", "renderAs"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -21,6 +19,12 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
+var EntityGroupContext = /*#__PURE__*/_react.default.createContext({
+  renderAs: "grid"
+});
+
+exports.EntityGroupContext = EntityGroupContext;
+
 var EntityGroup = function EntityGroup(_ref) {
   var children = _ref.children,
       gap = _ref.gap,
@@ -28,18 +32,14 @@ var EntityGroup = function EntityGroup(_ref) {
       renderAs = _ref$renderAs === void 0 ? "grid" : _ref$renderAs,
       rest = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/_react.default.createElement(_Styles.StyledEntityGroup, _extends({
+  return /*#__PURE__*/_react.default.createElement(EntityGroupContext.Provider, {
+    value: {
+      renderAs: renderAs
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Styles.StyledEntityGroup, _extends({
     $renderAs: renderAs,
     $gap: gap
-  }, rest), _react.default.Children.map(children, function (child) {
-    if ( /*#__PURE__*/_react.default.isValidElement(child) && child.type === _EntityCard.EntityCard) {
-      return /*#__PURE__*/_react.default.cloneElement(child, {
-        renderAs: renderAs
-      });
-    }
-
-    return null;
-  }));
+  }, rest), children));
 };
 
 exports.EntityGroup = EntityGroup;

package/dist/cjs/components/Entity/EntityGroup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Entity/EntityGroup.tsx"],"names":["EntityGroup","children","gap","renderAs","rest","React","Children","map","child","isValidElement","type","EntityCard","cloneElement","displayName"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;AAQO,IAAMA,WAAwC,GAAG,SAA3CA,WAA2C,OAKlD;AAAA,MAJJC,QAII,QAJJA,QAII;AAAA,MAHJC,GAGI,QAHJA,GAGI;AAAA,2BAFJC,QAEI;AAAA,MAFJA,QAEI,8BAFO,MAEP;AAAA,MADDC,IACC;;AACJ,sBACE,6BAAC,yBAAD;AAAmB,IAAA,SAAS,EAAED,QAA9B;AAAwC,IAAA,IAAI,EAAED;AAA9C,KAAuDE,IAAvD,GACGC,eAAMC,QAAN,CAAeC,GAAf,CAAmBN,QAAnB,EAA6B,UAACO,KAAD,EAAW;AACvC,QAAI,6BAAMC,cAAN,CAAqBD,KAArB,KAA+BA,KAAK,CAACE,IAAN,KAAeC,sBAAlD,EAA8D;AAC5D,0BAAON,eAAMO,YAAN,CAAmBJ,KAAnB,EAA0B;AAC/BL,QAAAA,QAAQ,EAARA;AAD+B,OAA1B,CAAP;AAGD;;AACD,WAAO,IAAP;AACD,GAPA,CADH,CADF;AAYD,CAlBM;;;AAoBPH,WAAW,CAACa,WAAZ,GAA0B,aAA1B","sourcesContent":["import React, { HTMLAttributes } from \"react\";\nimport { StyledEntityGroup } from \"./Styles\";\nimport { EntityCard } from \"./EntityCard\";\n\nexport interface IEntityGroupProps\n  extends Pick<HTMLAttributes<HTMLDivElement>, \"className\" | \"style\"> {\n  gap?: number;\n  renderAs?: \"grid\" | \"list\";\n}\n\nexport const EntityGroup: React.FC<IEntityGroupProps> = ({\n  children,\n  gap,\n  renderAs = \"grid\",\n  ...rest\n}) => {\n  return (\n    <StyledEntityGroup $renderAs={renderAs} $gap={gap} {...rest}>\n      {React.Children.map(children, (child) => {\n        if (React.isValidElement(child) && child.type === EntityCard) {\n          return React.cloneElement(child, {\n            renderAs,\n          });\n        }\n        return null;\n      })}\n    </StyledEntityGroup>\n  );\n};\n\nEntityGroup.displayName = \"EntityGroup\";\n"],"file":"EntityGroup.js"}
+{"version":3,"sources":["../../../../src/components/Entity/EntityGroup.tsx"],"names":["EntityGroupContext","React","createContext","renderAs","EntityGroup","children","gap","rest","displayName"],"mappings":";;;;;;;AAAA;;AACA;;;;;;;;;;;;AAWO,IAAMA,kBAAkB,gBAAGC,eAAMC,aAAN,CAAyC;AACzEC,EAAAA,QAAQ,EAAE;AAD+D,CAAzC,CAA3B;;;;AAIA,IAAMC,WAAwC,GAAG,SAA3CA,WAA2C,OAKlD;AAAA,MAJJC,QAII,QAJJA,QAII;AAAA,MAHJC,GAGI,QAHJA,GAGI;AAAA,2BAFJH,QAEI;AAAA,MAFJA,QAEI,8BAFO,MAEP;AAAA,MADDI,IACC;;AACJ,sBACE,6BAAC,kBAAD,CAAoB,QAApB;AAA6B,IAAA,KAAK,EAAE;AAAEJ,MAAAA,QAAQ,EAAEA;AAAZ;AAApC,kBACE,6BAAC,yBAAD;AAAmB,IAAA,SAAS,EAAEA,QAA9B;AAAwC,IAAA,IAAI,EAAEG;AAA9C,KAAuDC,IAAvD,GACGF,QADH,CADF,CADF;AAOD,CAbM;;;AAePD,WAAW,CAACI,WAAZ,GAA0B,aAA1B","sourcesContent":["import React, { HTMLAttributes } from \"react\";\nimport { StyledEntityGroup } from \"./Styles\";\n\nexport interface IEntityGroupProps\n  extends Pick<HTMLAttributes<HTMLDivElement>, \"className\" | \"style\"> {\n  gap?: number;\n  renderAs?: \"grid\" | \"list\";\n}\n\ninterface IEntityGroupContext {\n  renderAs: \"grid\" | \"list\";\n}\nexport const EntityGroupContext = React.createContext<IEntityGroupContext>({\n  renderAs: \"grid\",\n});\n\nexport const EntityGroup: React.FC<IEntityGroupProps> = ({\n  children,\n  gap,\n  renderAs = \"grid\",\n  ...rest\n}) => {\n  return (\n    <EntityGroupContext.Provider value={{ renderAs: renderAs }}>\n      <StyledEntityGroup $renderAs={renderAs} $gap={gap} {...rest}>\n        {children}\n      </StyledEntityGroup>\n    </EntityGroupContext.Provider>\n  );\n};\n\nEntityGroup.displayName = \"EntityGroup\";\n"],"file":"EntityGroup.js"}

package/dist/cjs/components/Entity/EntityProperty.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.EntityProperty = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _Styles = require("./Styles");
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
+var _EntityGroup = require("./EntityGroup");
+
 var _excluded = ["listOrder", "listWidth", "visibleFromBreakpoint", "className"];
 
 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; }
+
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
@@ -28,12 +36,16 @@ var EntityProperty = function EntityProperty(_ref) {
       className = _ref.className,
       props = _objectWithoutProperties(_ref, _excluded);
 
+  var _useContext = (0, _react.useContext)(_EntityGroup.EntityGroupContext),
+      renderAs = _useContext.renderAs;
+
   return /*#__PURE__*/_react.default.createElement(_Styles.StyledEntityProperty, _extends({
     className: (0, _classnames.default)("c-entity-property", className)
   }, props, {
     $order: listOrder,
     $width: listWidth,
-    $visibleFromBreakpoint: visibleFromBreakpoint
+    $visibleFromBreakpoint: visibleFromBreakpoint,
+    $renderAs: renderAs
   }));
 };
 

package/dist/cjs/components/Entity/EntityProperty.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Entity/EntityProperty.tsx"],"names":["EntityProperty","listOrder","listWidth","visibleFromBreakpoint","className","props","displayName"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;AAWO,IAAMA,cAAkD,GAAG,SAArDA,cAAqD,OAM5D;AAAA,MALJC,SAKI,QALJA,SAKI;AAAA,MAJJC,SAII,QAJJA,SAII;AAAA,MAHJC,qBAGI,QAHJA,qBAGI;AAAA,MAFJC,SAEI,QAFJA,SAEI;AAAA,MADDC,KACC;;AACJ,sBACE,6BAAC,4BAAD;AACE,IAAA,SAAS,EAAE,yBAAW,mBAAX,EAAgCD,SAAhC;AADb,KAEMC,KAFN;AAGE,IAAA,MAAM,EAAEJ,SAHV;AAIE,IAAA,MAAM,EAAEC,SAJV;AAKE,IAAA,sBAAsB,EAAEC;AAL1B,KADF;AASD,CAhBM;;;AAkBPH,cAAc,CAACM,WAAf,GAA6B,gBAA7B","sourcesContent":["import React, { HTMLAttributes } from \"react\";\nimport { StyledEntityProperty } from \"./Styles\";\nimport classNames from \"classnames\";\n\nexport type VisibleFromBreakpoint = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\nexport interface IEntityCardPropertyProps\n  extends HTMLAttributes<HTMLDivElement> {\n  $renderAs?: \"grid\" | \"list\";\n  listOrder?: number;\n  listWidth?: string | number;\n  visibleFromBreakpoint?: VisibleFromBreakpoint;\n}\n\nexport const EntityProperty: React.FC<IEntityCardPropertyProps> = ({\n  listOrder,\n  listWidth,\n  visibleFromBreakpoint,\n  className,\n  ...props\n}) => {\n  return (\n    <StyledEntityProperty\n      className={classNames(\"c-entity-property\", className)}\n      {...props}\n      $order={listOrder}\n      $width={listWidth}\n      $visibleFromBreakpoint={visibleFromBreakpoint}\n    />\n  );\n};\n\nEntityProperty.displayName = \"EntityProperty\";\n"],"file":"EntityProperty.js"}
+{"version":3,"sources":["../../../../src/components/Entity/EntityProperty.tsx"],"names":["EntityProperty","listOrder","listWidth","visibleFromBreakpoint","className","props","EntityGroupContext","renderAs","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;AAUO,IAAMA,cAAkD,GAAG,SAArDA,cAAqD,OAM5D;AAAA,MALJC,SAKI,QALJA,SAKI;AAAA,MAJJC,SAII,QAJJA,SAII;AAAA,MAHJC,qBAGI,QAHJA,qBAGI;AAAA,MAFJC,SAEI,QAFJA,SAEI;AAAA,MADDC,KACC;;AACJ,oBAAqB,uBAAWC,+BAAX,CAArB;AAAA,MAAQC,QAAR,eAAQA,QAAR;;AACA,sBACE,6BAAC,4BAAD;AACE,IAAA,SAAS,EAAE,yBAAW,mBAAX,EAAgCH,SAAhC;AADb,KAEMC,KAFN;AAGE,IAAA,MAAM,EAAEJ,SAHV;AAIE,IAAA,MAAM,EAAEC,SAJV;AAKE,IAAA,sBAAsB,EAAEC,qBAL1B;AAME,IAAA,SAAS,EAAEI;AANb,KADF;AAUD,CAlBM;;;AAoBPP,cAAc,CAACQ,WAAf,GAA6B,gBAA7B","sourcesContent":["import React, { HTMLAttributes, useContext } from \"react\";\nimport { StyledEntityProperty } from \"./Styles\";\nimport classNames from \"classnames\";\nimport { EntityGroupContext } from \"./EntityGroup\";\n\nexport type VisibleFromBreakpoint = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\nexport interface IEntityCardPropertyProps\n  extends HTMLAttributes<HTMLDivElement> {\n  listOrder?: number;\n  listWidth?: string | number;\n  visibleFromBreakpoint?: VisibleFromBreakpoint;\n}\n\nexport const EntityProperty: React.FC<IEntityCardPropertyProps> = ({\n  listOrder,\n  listWidth,\n  visibleFromBreakpoint,\n  className,\n  ...props\n}) => {\n  const { renderAs } = useContext(EntityGroupContext);\n  return (\n    <StyledEntityProperty\n      className={classNames(\"c-entity-property\", className)}\n      {...props}\n      $order={listOrder}\n      $width={listWidth}\n      $visibleFromBreakpoint={visibleFromBreakpoint}\n      $renderAs={renderAs}\n    />\n  );\n};\n\nEntityProperty.displayName = \"EntityProperty\";\n"],"file":"EntityProperty.js"}

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

@@ -20,14 +20,12 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 var StyledEntityCard = (0, _styledComponents.default)(_Card.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" && (0, _styledComponents.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" && (0, _styledComponents.css)(["display:flex;flex-direction:column;position:relative;padding:20px 24px;height:280px;"]);
-}, function (props) {
-  return props.$gap && (0, _styledComponents.css)(["gap:", "px;"], props.$gap);
 }, function (props) {
   return props.$background && (0, _styledComponents.css)(["background-color:", ";"], props.$background);
 }, function (_ref3) {
@@ -94,14 +92,12 @@ StyledEntityProperty.displayName = "StyledEntityProperty";
 var StyledEntityGroup = (0, _styledComponents.default)("div").withConfig({
   displayName: "Styles__StyledEntityGroup",
   componentId: "sc-bjeea8-2"
-})(["", " ", " ", ""], function (_ref11) {
+})(["", " ", ""], function (_ref11) {
   var $renderAs = _ref11.$renderAs,
       $gap = _ref11.$gap;
   return $renderAs === "grid" && (0, _styledComponents.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" && (0, _styledComponents.css)(["display:flex;flex-direction:column;"]);
-}, function (props) {
-  return props.$gap && props.$renderAs === "list" && (0, _styledComponents.css)(["", "{gap:", "px;}"], StyledEntityCard, props.$gap);
 });
 exports.StyledEntityGroup = StyledEntityGroup;
 StyledEntityGroup.displayName = "StyledEntityGroup";

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Entity/Styles.ts"],"names":["StyledEntityCard","Card","$renderAs","css","props","$gap","$background","$isCollection","PaperStyles","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":["StyledEntityCard","Card","$renderAs","css","props","$background","$isCollection","PaperStyles","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/cjs/components/Entity/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Entity/index.ts"],"names":["Entity","Group","EntityGroup","Card","EntityCard","Property","EntityProperty"],"mappings":";;;;;;;AACA;;AACA;;AACA;;AAQO,IAAMA,MAAe,GAAG;AAC7BC,EAAAA,KAAK,EAAEC,wBADsB;AAE7BC,EAAAA,IAAI,EAAEC,sBAFuB;AAG7BC,EAAAA,QAAQ,EAAEC;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":["Entity","Group","EntityGroup","Card","EntityCard","Property","EntityProperty"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAQO,IAAMA,MAAe,GAAG;AAC7BC,EAAAA,KAAK,EAAEC,wBADsB;AAE7BC,EAAAA,IAAI,EAAEC,sBAFuB;AAG7BC,EAAAA,QAAQ,EAAEC;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/esm/components/Entity/EntityCard.d.ts

@@ -1,16 +1,15 @@
-import React, { BaseHTMLAttributes, ComponentType, CSSProperties, ReactNode } from "react";
-import { ICardProps } from "../Card";
+import React, { BaseHTMLAttributes, CSSProperties, ReactElement } from "react";
+import { Card, ICardProps } from "../Card";
+import { PolymorphicComponentPropsWithRef } from "../../utils/types";
 export interface IEntityCardProps extends ICardProps, BaseHTMLAttributes<HTMLElement> {
-    renderAs?: "grid" | "list";
-    actions?: ReactNode;
     className?: string;
     isCollection?: boolean;
     background?: string;
     style?: CSSProperties;
-    to?: string;
-    component?: ComponentType<{
-        children: ReactNode;
-    }>;
 }
-export declare const EntityCard: React.FC<IEntityCardProps>;
+export declare type EntityCardProps<C extends React.ElementType> = PolymorphicComponentPropsWithRef<C, IEntityCardProps>;
+export declare type EntityComponent = <C extends React.ElementType = typeof Card>(props: EntityCardProps<C>) => ReactElement | null;
+export declare const EntityCard: EntityComponent & {
+    displayName?: string;
+};
 //# sourceMappingURL=EntityCard.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"EntityCard.d.ts","sourceRoot":"","sources":["../../../../src/components/Entity/EntityCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,kBAAkB,EAClB,aAAa,EACb,aAAa,EAEb,SAAS,EACV,MAAM,OAAO,CAAC;AAIf,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAGrC,MAAM,WAAW,gBACf,SAAQ,UAAU,EAChB,kBAAkB,CAAC,WAAW,CAAC;IAEjC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE3B,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,KAAK,CAAC,EAAE,aAAa,CAAC;IAEtB,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,SAAS,CAAC,EAAE,aAAa,CAAC;QAAE,QAAQ,EAAE,SAAS,CAAA;KAAE,CAAC,CAAC;CACpD;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA0CjD,CAAC"}
+{"version":3,"file":"EntityCard.d.ts","sourceRoot":"","sources":["../../../../src/components/Entity/EntityCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,kBAAkB,EAClB,aAAa,EAEb,YAAY,EAEb,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EACL,gCAAgC,EAEjC,MAAM,mBAAmB,CAAC;AAG3B,MAAM,WAAW,gBACf,SAAQ,UAAU,EAChB,kBAAkB,CAAC,WAAW,CAAC;IAEjC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED,oBAAY,eAAe,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IACrD,gCAAgC,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC;AAExD,oBAAY,eAAe,GAAG,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,OAAO,IAAI,EACtE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,KACtB,YAAY,GAAG,IAAI,CAAC;AAEzB,eAAO,MAAM,UAAU,EAAE,eAAe,GAAG;IAAE,WAAW,CAAC,EAAE,MAAM,CAAA;CA+B9D,CAAC"}

package/dist/esm/components/Entity/EntityCard.js

@@ -1,45 +1,33 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["children", "actions", "renderAs", "isCollection", "background", "className", "component"];
-import React, { Fragment } from "react";
-import { StyledEntityActions, StyledEntityCard } from "./Styles";
-import { EntityProperty } from "./EntityProperty";
-import { ConditionalWrapper } from "../../helpers/ConditionWrapper/ConditionWrapper";
-export var EntityCard = function EntityCard(_ref) {
+var _excluded = ["children", "isCollection", "background", "className", "as"];
+import React, { forwardRef, useContext } from "react";
+import { StyledEntityCard } from "./Styles";
+import { Card } from "../Card";
+import { EntityGroupContext } from "./EntityGroup";
+export var EntityCard = /*#__PURE__*/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 = _objectWithoutPropertiesLoose(_ref, _excluded);
 
+  var _useContext = useContext(EntityGroupContext),
+      renderAs = _useContext.renderAs;
+
   var paperType = renderAs === "grid" ? "paper-1" : "paper-2";
-  var WrapperElement = component ? component : Fragment;
-  return /*#__PURE__*/React.createElement(ConditionalWrapper, {
-    condition: typeof component !== "undefined",
-    wrap: function wrap(children) {
-      return /*#__PURE__*/React.createElement(WrapperElement, rest, children);
-    }
-  }, /*#__PURE__*/React.createElement(StyledEntityCard, _extends({
+  var Component = as || Card;
+  return /*#__PURE__*/React.createElement(StyledEntityCard, _extends({
+    as: Component,
     $renderAs: renderAs,
     $background: background,
     paperType: paperType,
     className: className,
     $isCollection: isCollection
-  }, rest), React.Children.map(children, function (child) {
-    if ( /*#__PURE__*/React.isValidElement(child) && child.type === EntityProperty) {
-      return /*#__PURE__*/React.cloneElement(child, {
-        $renderAs: renderAs
-      });
-    }
-
-    return null;
-  }), actions && /*#__PURE__*/React.createElement(StyledEntityActions, {
-    $renderAs: renderAs
-  }, actions)));
-};
+  }, rest, {
+    ref: ref
+  }), children);
+});
 EntityCard.displayName = "EntityCard";
 //# sourceMappingURL=EntityCard.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Entity/EntityCard.tsx"],"names":["React","Fragment","StyledEntityActions","StyledEntityCard","EntityProperty","ConditionalWrapper","EntityCard","children","actions","renderAs","isCollection","background","className","component","rest","paperType","WrapperElement","Children","map","child","isValidElement","type","cloneElement","$renderAs","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAIEC,QAJF,QAMO,OANP;AAOA,SAASC,mBAAT,EAA8BC,gBAA9B,QAAsD,UAAtD;AAEA,SAASC,cAAT,QAA+B,kBAA/B;AAEA,SAASC,kBAAT,QAAmC,iDAAnC;AAuBA,OAAO,IAAMC,UAAsC,GAAG,SAAzCA,UAAyC,OAShD;AAAA,MARJC,QAQI,QARJA,QAQI;AAAA,MAPJC,OAOI,QAPJA,OAOI;AAAA,2BANJC,QAMI;AAAA,MANJA,QAMI,8BANO,MAMP;AAAA,MALJC,YAKI,QALJA,YAKI;AAAA,MAJJC,UAII,QAJJA,UAII;AAAA,MAHJC,SAGI,QAHJA,SAGI;AAAA,MAFJC,SAEI,QAFJA,SAEI;AAAA,MADDC,IACC;;AACJ,MAAMC,SAAS,GAAGN,QAAQ,KAAK,MAAb,GAAsB,SAAtB,GAAkC,SAApD;AAEA,MAAMO,cAAc,GAAGH,SAAS,GAAGA,SAAH,GAAeZ,QAA/C;AACA,sBACE,oBAAC,kBAAD;AACE,IAAA,SAAS,EAAE,OAAOY,SAAP,KAAqB,WADlC;AAEE,IAAA,IAAI,EAAE,cAACN,QAAD;AAAA,0BAAc,oBAAC,cAAD,EAAoBO,IAApB,EAA2BP,QAA3B,CAAd;AAAA;AAFR,kBAIE,oBAAC,gBAAD;AACE,IAAA,SAAS,EAAEE,QADb;AAEE,IAAA,WAAW,EAAEE,UAFf;AAGE,IAAA,SAAS,EAAEI,SAHb;AAIE,IAAA,SAAS,EAAEH,SAJb;AAKE,IAAA,aAAa,EAAEF;AALjB,KAMMI,IANN,GAQGd,KAAK,CAACiB,QAAN,CAAeC,GAAf,CAAmBX,QAAnB,EAA6B,UAACY,KAAD,EAAW;AACvC,QAAI,cAAAnB,KAAK,CAACoB,cAAN,CAAqBD,KAArB,KAA+BA,KAAK,CAACE,IAAN,KAAejB,cAAlD,EAAkE;AAChE,0BAAOJ,KAAK,CAACsB,YAAN,CAAmBH,KAAnB,EAA0B;AAC/BI,QAAAA,SAAS,EAAEd;AADoB,OAA1B,CAAP;AAGD;;AACD,WAAO,IAAP;AACD,GAPA,CARH,EAgBGD,OAAO,iBACN,oBAAC,mBAAD;AAAqB,IAAA,SAAS,EAAEC;AAAhC,KACGD,OADH,CAjBJ,CAJF,CADF;AA6BD,CA1CM;AA4CPF,UAAU,CAACkB,WAAX,GAAyB,YAAzB","sourcesContent":["import React, {\n  BaseHTMLAttributes,\n  ComponentType,\n  CSSProperties,\n  Fragment,\n  ReactNode,\n} from \"react\";\nimport { StyledEntityActions, StyledEntityCard } from \"./Styles\";\n\nimport { EntityProperty } from \"./EntityProperty\";\nimport { ICardProps } from \"../Card\";\nimport { ConditionalWrapper } from \"../../helpers/ConditionWrapper/ConditionWrapper\";\n\nexport interface IEntityCardProps\n  extends ICardProps,\n    BaseHTMLAttributes<HTMLElement> {\n  /** Render as grid or list item */\n  renderAs?: \"grid\" | \"list\";\n  /** action to show on right */\n  actions?: ReactNode;\n  /** ClassName to add on Card */\n  className?: string;\n  /** Show as group of Cards on grid */\n  isCollection?: boolean;\n  /** Background color to override for Card */\n  background?: string;\n  /** CSSProperties to override for Card */\n  style?: CSSProperties;\n  /** optional for Link react-router-dom */\n  to?: string;\n  /** You can pass any component as wrapper for card */\n  component?: ComponentType<{ children: ReactNode }>;\n}\n\nexport const EntityCard: React.FC<IEntityCardProps> = ({\n  children,\n  actions,\n  renderAs = \"grid\",\n  isCollection,\n  background,\n  className,\n  component,\n  ...rest\n}) => {\n  const paperType = renderAs === \"grid\" ? \"paper-1\" : \"paper-2\";\n\n  const WrapperElement = component ? component : Fragment;\n  return (\n    <ConditionalWrapper\n      condition={typeof component !== \"undefined\"}\n      wrap={(children) => <WrapperElement {...rest}>{children}</WrapperElement>}\n    >\n      <StyledEntityCard\n        $renderAs={renderAs}\n        $background={background}\n        paperType={paperType}\n        className={className}\n        $isCollection={isCollection}\n        {...rest}\n      >\n        {React.Children.map(children, (child) => {\n          if (React.isValidElement(child) && child.type === EntityProperty) {\n            return React.cloneElement(child, {\n              $renderAs: renderAs,\n            });\n          }\n          return null;\n        })}\n        {actions && (\n          <StyledEntityActions $renderAs={renderAs}>\n            {actions}\n          </StyledEntityActions>\n        )}\n      </StyledEntityCard>\n    </ConditionalWrapper>\n  );\n};\n\nEntityCard.displayName = \"EntityCard\";\n"],"file":"EntityCard.js"}
+{"version":3,"sources":["../../../../src/components/Entity/EntityCard.tsx"],"names":["React","forwardRef","useContext","StyledEntityCard","Card","EntityGroupContext","EntityCard","ref","children","isCollection","background","className","as","rest","renderAs","paperType","Component","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAGEC,UAHF,EAKEC,UALF,QAMO,OANP;AAOA,SAASC,gBAAT,QAAiC,UAAjC;AAEA,SAASC,IAAT,QAAiC,SAAjC;AAKA,SAASC,kBAAT,QAAmC,eAAnC;AAsBA,OAAO,IAAMC,UAAsD,gBACjEL,UAAU,CACR,gBASEM,GATF,EAUK;AAAA,MARDC,QAQC,QARDA,QAQC;AAAA,MAPDC,YAOC,QAPDA,YAOC;AAAA,MANDC,UAMC,QANDA,UAMC;AAAA,MALDC,SAKC,QALDA,SAKC;AAAA,MAJDC,EAIC,QAJDA,EAIC;AAAA,MAHEC,IAGF;;AACH,oBAAqBX,UAAU,CAACG,kBAAD,CAA/B;AAAA,MAAQS,QAAR,eAAQA,QAAR;;AACA,MAAMC,SAAS,GAAGD,QAAQ,KAAK,MAAb,GAAsB,SAAtB,GAAkC,SAApD;AACA,MAAME,SAAS,GAAGJ,EAAE,IAAIR,IAAxB;AACA,sBACE,oBAAC,gBAAD;AACE,IAAA,EAAE,EAAEY,SADN;AAEE,IAAA,SAAS,EAAEF,QAFb;AAGE,IAAA,WAAW,EAAEJ,UAHf;AAIE,IAAA,SAAS,EAAEK,SAJb;AAKE,IAAA,SAAS,EAAEJ,SALb;AAME,IAAA,aAAa,EAAEF;AANjB,KAOMI,IAPN;AAQE,IAAA,GAAG,EAAEN;AARP,MAUGC,QAVH,CADF;AAcD,CA7BO,CADL;AAiCPF,UAAU,CAACW,WAAX,GAAyB,YAAzB","sourcesContent":["import React, {\n  BaseHTMLAttributes,\n  CSSProperties,\n  forwardRef,\n  ReactElement,\n  useContext,\n} from \"react\";\nimport { StyledEntityCard } from \"./Styles\";\n\nimport { Card, ICardProps } from \"../Card\";\nimport {\n  PolymorphicComponentPropsWithRef,\n  PolymorphicRef,\n} from \"../../utils/types\";\nimport { EntityGroupContext } from \"./EntityGroup\";\n\nexport interface IEntityCardProps\n  extends ICardProps,\n    BaseHTMLAttributes<HTMLElement> {\n  /** ClassName to add on Card */\n  className?: string;\n  /** Show as group of Cards on grid */\n  isCollection?: boolean;\n  /** Background color to override for Card */\n  background?: string;\n  /** CSSProperties to override for Card */\n  style?: CSSProperties;\n}\n\nexport type EntityCardProps<C extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<C, IEntityCardProps>;\n\nexport type EntityComponent = <C extends React.ElementType = typeof Card>(\n  props: EntityCardProps<C>\n) => ReactElement | null;\n\nexport const EntityCard: EntityComponent & { displayName?: string } =\n  forwardRef(\n    <C extends React.ElementType = typeof Card>(\n      {\n        children,\n        isCollection,\n        background,\n        className,\n        as,\n        ...rest\n      }: EntityCardProps<C>,\n      ref?: PolymorphicRef<C>\n    ) => {\n      const { renderAs } = useContext(EntityGroupContext);\n      const paperType = renderAs === \"grid\" ? \"paper-1\" : \"paper-2\";\n      const Component = as || Card;\n      return (\n        <StyledEntityCard\n          as={Component}\n          $renderAs={renderAs}\n          $background={background}\n          paperType={paperType}\n          className={className}\n          $isCollection={isCollection}\n          {...rest}\n          ref={ref}\n        >\n          {children}\n        </StyledEntityCard>\n      );\n    }\n  );\n\nEntityCard.displayName = \"EntityCard\";\n"],"file":"EntityCard.js"}

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

@@ -3,5 +3,10 @@ export interface IEntityGroupProps extends Pick<HTMLAttributes<HTMLDivElement>,
     gap?: number;
     renderAs?: "grid" | "list";
 }
+interface IEntityGroupContext {
+    renderAs: "grid" | "list";
+}
+export declare const EntityGroupContext: React.Context<IEntityGroupContext>;
 export declare const EntityGroup: React.FC<IEntityGroupProps>;
+export {};
 //# sourceMappingURL=EntityGroup.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"EntityGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/Entity/EntityGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI9C,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC;IACnE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAkBnD,CAAC"}
+{"version":3,"file":"EntityGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/Entity/EntityGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG9C,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC;IACnE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B;AAED,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAC;CAC3B;AACD,eAAO,MAAM,kBAAkB,oCAE7B,CAAC;AAEH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAanD,CAAC"}

package/dist/esm/components/Entity/EntityGroup.js

@@ -3,7 +3,9 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 var _excluded = ["children", "gap", "renderAs"];
 import React from "react";
 import { StyledEntityGroup } from "./Styles";
-import { EntityCard } from "./EntityCard";
+export var EntityGroupContext = /*#__PURE__*/React.createContext({
+  renderAs: "grid"
+});
 export var EntityGroup = function EntityGroup(_ref) {
   var children = _ref.children,
       gap = _ref.gap,
@@ -11,18 +13,14 @@ export var EntityGroup = function EntityGroup(_ref) {
       renderAs = _ref$renderAs === void 0 ? "grid" : _ref$renderAs,
       rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement(StyledEntityGroup, _extends({
+  return /*#__PURE__*/React.createElement(EntityGroupContext.Provider, {
+    value: {
+      renderAs: renderAs
+    }
+  }, /*#__PURE__*/React.createElement(StyledEntityGroup, _extends({
     $renderAs: renderAs,
     $gap: gap
-  }, rest), React.Children.map(children, function (child) {
-    if ( /*#__PURE__*/React.isValidElement(child) && child.type === EntityCard) {
-      return /*#__PURE__*/React.cloneElement(child, {
-        renderAs: renderAs
-      });
-    }
-
-    return null;
-  }));
+  }, rest), children));
 };
 EntityGroup.displayName = "EntityGroup";
 //# sourceMappingURL=EntityGroup.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Entity/EntityGroup.tsx"],"names":["React","StyledEntityGroup","EntityCard","EntityGroup","children","gap","renderAs","rest","Children","map","child","isValidElement","type","cloneElement","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,MAAsC,OAAtC;AACA,SAASC,iBAAT,QAAkC,UAAlC;AACA,SAASC,UAAT,QAA2B,cAA3B;AAQA,OAAO,IAAMC,WAAwC,GAAG,SAA3CA,WAA2C,OAKlD;AAAA,MAJJC,QAII,QAJJA,QAII;AAAA,MAHJC,GAGI,QAHJA,GAGI;AAAA,2BAFJC,QAEI;AAAA,MAFJA,QAEI,8BAFO,MAEP;AAAA,MADDC,IACC;;AACJ,sBACE,oBAAC,iBAAD;AAAmB,IAAA,SAAS,EAAED,QAA9B;AAAwC,IAAA,IAAI,EAAED;AAA9C,KAAuDE,IAAvD,GACGP,KAAK,CAACQ,QAAN,CAAeC,GAAf,CAAmBL,QAAnB,EAA6B,UAACM,KAAD,EAAW;AACvC,QAAI,cAAAV,KAAK,CAACW,cAAN,CAAqBD,KAArB,KAA+BA,KAAK,CAACE,IAAN,KAAeV,UAAlD,EAA8D;AAC5D,0BAAOF,KAAK,CAACa,YAAN,CAAmBH,KAAnB,EAA0B;AAC/BJ,QAAAA,QAAQ,EAARA;AAD+B,OAA1B,CAAP;AAGD;;AACD,WAAO,IAAP;AACD,GAPA,CADH,CADF;AAYD,CAlBM;AAoBPH,WAAW,CAACW,WAAZ,GAA0B,aAA1B","sourcesContent":["import React, { HTMLAttributes } from \"react\";\nimport { StyledEntityGroup } from \"./Styles\";\nimport { EntityCard } from \"./EntityCard\";\n\nexport interface IEntityGroupProps\n  extends Pick<HTMLAttributes<HTMLDivElement>, \"className\" | \"style\"> {\n  gap?: number;\n  renderAs?: \"grid\" | \"list\";\n}\n\nexport const EntityGroup: React.FC<IEntityGroupProps> = ({\n  children,\n  gap,\n  renderAs = \"grid\",\n  ...rest\n}) => {\n  return (\n    <StyledEntityGroup $renderAs={renderAs} $gap={gap} {...rest}>\n      {React.Children.map(children, (child) => {\n        if (React.isValidElement(child) && child.type === EntityCard) {\n          return React.cloneElement(child, {\n            renderAs,\n          });\n        }\n        return null;\n      })}\n    </StyledEntityGroup>\n  );\n};\n\nEntityGroup.displayName = \"EntityGroup\";\n"],"file":"EntityGroup.js"}
+{"version":3,"sources":["../../../../src/components/Entity/EntityGroup.tsx"],"names":["React","StyledEntityGroup","EntityGroupContext","createContext","renderAs","EntityGroup","children","gap","rest","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,MAAsC,OAAtC;AACA,SAASC,iBAAT,QAAkC,UAAlC;AAWA,OAAO,IAAMC,kBAAkB,gBAAGF,KAAK,CAACG,aAAN,CAAyC;AACzEC,EAAAA,QAAQ,EAAE;AAD+D,CAAzC,CAA3B;AAIP,OAAO,IAAMC,WAAwC,GAAG,SAA3CA,WAA2C,OAKlD;AAAA,MAJJC,QAII,QAJJA,QAII;AAAA,MAHJC,GAGI,QAHJA,GAGI;AAAA,2BAFJH,QAEI;AAAA,MAFJA,QAEI,8BAFO,MAEP;AAAA,MADDI,IACC;;AACJ,sBACE,oBAAC,kBAAD,CAAoB,QAApB;AAA6B,IAAA,KAAK,EAAE;AAAEJ,MAAAA,QAAQ,EAAEA;AAAZ;AAApC,kBACE,oBAAC,iBAAD;AAAmB,IAAA,SAAS,EAAEA,QAA9B;AAAwC,IAAA,IAAI,EAAEG;AAA9C,KAAuDC,IAAvD,GACGF,QADH,CADF,CADF;AAOD,CAbM;AAePD,WAAW,CAACI,WAAZ,GAA0B,aAA1B","sourcesContent":["import React, { HTMLAttributes } from \"react\";\nimport { StyledEntityGroup } from \"./Styles\";\n\nexport interface IEntityGroupProps\n  extends Pick<HTMLAttributes<HTMLDivElement>, \"className\" | \"style\"> {\n  gap?: number;\n  renderAs?: \"grid\" | \"list\";\n}\n\ninterface IEntityGroupContext {\n  renderAs: \"grid\" | \"list\";\n}\nexport const EntityGroupContext = React.createContext<IEntityGroupContext>({\n  renderAs: \"grid\",\n});\n\nexport const EntityGroup: React.FC<IEntityGroupProps> = ({\n  children,\n  gap,\n  renderAs = \"grid\",\n  ...rest\n}) => {\n  return (\n    <EntityGroupContext.Provider value={{ renderAs: renderAs }}>\n      <StyledEntityGroup $renderAs={renderAs} $gap={gap} {...rest}>\n        {children}\n      </StyledEntityGroup>\n    </EntityGroupContext.Provider>\n  );\n};\n\nEntityGroup.displayName = \"EntityGroup\";\n"],"file":"EntityGroup.js"}

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

@@ -1,7 +1,6 @@
 import React, { HTMLAttributes } from "react";
 export declare type VisibleFromBreakpoint = "sm" | "md" | "lg" | "xl" | "2xl";
 export interface IEntityCardPropertyProps extends HTMLAttributes<HTMLDivElement> {
-    $renderAs?: "grid" | "list";
     listOrder?: number;
     listWidth?: string | number;
     visibleFromBreakpoint?: VisibleFromBreakpoint;

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

@@ -1 +1 @@
-{"version":3,"file":"EntityProperty.d.ts","sourceRoot":"","sources":["../../../../src/components/Entity/EntityProperty.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI9C,oBAAY,qBAAqB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AACtE,MAAM,WAAW,wBACf,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;CAC/C;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAgB7D,CAAC"}
+{"version":3,"file":"EntityProperty.d.ts","sourceRoot":"","sources":["../../../../src/components/Entity/EntityProperty.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAc,MAAM,OAAO,CAAC;AAK1D,oBAAY,qBAAqB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AACtE,MAAM,WAAW,wBACf,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;CAC/C;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAkB7D,CAAC"}

package/dist/esm/components/Entity/EntityProperty.js

@@ -1,9 +1,10 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _excluded = ["listOrder", "listWidth", "visibleFromBreakpoint", "className"];
-import React from "react";
+import React, { useContext } from "react";
 import { StyledEntityProperty } from "./Styles";
 import classNames from "classnames";
+import { EntityGroupContext } from "./EntityGroup";
 export var EntityProperty = function EntityProperty(_ref) {
   var listOrder = _ref.listOrder,
       listWidth = _ref.listWidth,
@@ -11,12 +12,16 @@ export var EntityProperty = function EntityProperty(_ref) {
       className = _ref.className,
       props = _objectWithoutPropertiesLoose(_ref, _excluded);
 
+  var _useContext = useContext(EntityGroupContext),
+      renderAs = _useContext.renderAs;
+
   return /*#__PURE__*/React.createElement(StyledEntityProperty, _extends({
     className: classNames("c-entity-property", className)
   }, props, {
     $order: listOrder,
     $width: listWidth,
-    $visibleFromBreakpoint: visibleFromBreakpoint
+    $visibleFromBreakpoint: visibleFromBreakpoint,
+    $renderAs: renderAs
   }));
 };
 EntityProperty.displayName = "EntityProperty";

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Entity/EntityProperty.tsx"],"names":["React","StyledEntityProperty","classNames","EntityProperty","listOrder","listWidth","visibleFromBreakpoint","className","props","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,MAAsC,OAAtC;AACA,SAASC,oBAAT,QAAqC,UAArC;AACA,OAAOC,UAAP,MAAuB,YAAvB;AAWA,OAAO,IAAMC,cAAkD,GAAG,SAArDA,cAAqD,OAM5D;AAAA,MALJC,SAKI,QALJA,SAKI;AAAA,MAJJC,SAII,QAJJA,SAII;AAAA,MAHJC,qBAGI,QAHJA,qBAGI;AAAA,MAFJC,SAEI,QAFJA,SAEI;AAAA,MADDC,KACC;;AACJ,sBACE,oBAAC,oBAAD;AACE,IAAA,SAAS,EAAEN,UAAU,CAAC,mBAAD,EAAsBK,SAAtB;AADvB,KAEMC,KAFN;AAGE,IAAA,MAAM,EAAEJ,SAHV;AAIE,IAAA,MAAM,EAAEC,SAJV;AAKE,IAAA,sBAAsB,EAAEC;AAL1B,KADF;AASD,CAhBM;AAkBPH,cAAc,CAACM,WAAf,GAA6B,gBAA7B","sourcesContent":["import React, { HTMLAttributes } from \"react\";\nimport { StyledEntityProperty } from \"./Styles\";\nimport classNames from \"classnames\";\n\nexport type VisibleFromBreakpoint = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\nexport interface IEntityCardPropertyProps\n  extends HTMLAttributes<HTMLDivElement> {\n  $renderAs?: \"grid\" | \"list\";\n  listOrder?: number;\n  listWidth?: string | number;\n  visibleFromBreakpoint?: VisibleFromBreakpoint;\n}\n\nexport const EntityProperty: React.FC<IEntityCardPropertyProps> = ({\n  listOrder,\n  listWidth,\n  visibleFromBreakpoint,\n  className,\n  ...props\n}) => {\n  return (\n    <StyledEntityProperty\n      className={classNames(\"c-entity-property\", className)}\n      {...props}\n      $order={listOrder}\n      $width={listWidth}\n      $visibleFromBreakpoint={visibleFromBreakpoint}\n    />\n  );\n};\n\nEntityProperty.displayName = \"EntityProperty\";\n"],"file":"EntityProperty.js"}
+{"version":3,"sources":["../../../../src/components/Entity/EntityProperty.tsx"],"names":["React","useContext","StyledEntityProperty","classNames","EntityGroupContext","EntityProperty","listOrder","listWidth","visibleFromBreakpoint","className","props","renderAs","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgCC,UAAhC,QAAkD,OAAlD;AACA,SAASC,oBAAT,QAAqC,UAArC;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,kBAAT,QAAmC,eAAnC;AAUA,OAAO,IAAMC,cAAkD,GAAG,SAArDA,cAAqD,OAM5D;AAAA,MALJC,SAKI,QALJA,SAKI;AAAA,MAJJC,SAII,QAJJA,SAII;AAAA,MAHJC,qBAGI,QAHJA,qBAGI;AAAA,MAFJC,SAEI,QAFJA,SAEI;AAAA,MADDC,KACC;;AACJ,oBAAqBT,UAAU,CAACG,kBAAD,CAA/B;AAAA,MAAQO,QAAR,eAAQA,QAAR;;AACA,sBACE,oBAAC,oBAAD;AACE,IAAA,SAAS,EAAER,UAAU,CAAC,mBAAD,EAAsBM,SAAtB;AADvB,KAEMC,KAFN;AAGE,IAAA,MAAM,EAAEJ,SAHV;AAIE,IAAA,MAAM,EAAEC,SAJV;AAKE,IAAA,sBAAsB,EAAEC,qBAL1B;AAME,IAAA,SAAS,EAAEG;AANb,KADF;AAUD,CAlBM;AAoBPN,cAAc,CAACO,WAAf,GAA6B,gBAA7B","sourcesContent":["import React, { HTMLAttributes, useContext } from \"react\";\nimport { StyledEntityProperty } from \"./Styles\";\nimport classNames from \"classnames\";\nimport { EntityGroupContext } from \"./EntityGroup\";\n\nexport type VisibleFromBreakpoint = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\nexport interface IEntityCardPropertyProps\n  extends HTMLAttributes<HTMLDivElement> {\n  listOrder?: number;\n  listWidth?: string | number;\n  visibleFromBreakpoint?: VisibleFromBreakpoint;\n}\n\nexport const EntityProperty: React.FC<IEntityCardPropertyProps> = ({\n  listOrder,\n  listWidth,\n  visibleFromBreakpoint,\n  className,\n  ...props\n}) => {\n  const { renderAs } = useContext(EntityGroupContext);\n  return (\n    <StyledEntityProperty\n      className={classNames(\"c-entity-property\", className)}\n      {...props}\n      $order={listOrder}\n      $width={listWidth}\n      $visibleFromBreakpoint={visibleFromBreakpoint}\n      $renderAs={renderAs}\n    />\n  );\n};\n\nEntityProperty.displayName = \"EntityProperty\";\n"],"file":"EntityProperty.js"}

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Entity/Styles.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAGzD,eAAO,MAAM,gBAAgB;eAChB,MAAM;;;;SAwDlB,CAAC;AAGF,eAAO,MAAM,oBAAoB;;;;;SA0DhC,CAAC;AAIF,eAAO,MAAM,iBAAiB;eACjB,MAAM;;SAyBlB,CAAC;AAGF,eAAO,MAAM,mBAAmB;;SAkB/B,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Entity/Styles.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAGzD,eAAO,MAAM,gBAAgB;eAChB,MAAM;;;;SAoDlB,CAAC;AAGF,eAAO,MAAM,oBAAoB;;;;;SA0DhC,CAAC;AAIF,eAAO,MAAM,iBAAiB;eACjB,MAAM;;SAgBlB,CAAC;AAGF,eAAO,MAAM,mBAAmB;;SAkB/B,CAAC"}

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

@@ -4,14 +4,12 @@ import { PaperStyles } from "../Paper/Styles";
 export var StyledEntityCard = styled(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" && 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" && css(["display:flex;flex-direction:column;position:relative;padding:20px 24px;height:280px;"]);
-}, function (props) {
-  return props.$gap && css(["gap:", "px;"], props.$gap);
 }, function (props) {
   return props.$background && css(["background-color:", ";"], props.$background);
 }, function (_ref3) {
@@ -76,14 +74,12 @@ StyledEntityProperty.displayName = "StyledEntityProperty";
 export var StyledEntityGroup = styled("div").withConfig({
   displayName: "Styles__StyledEntityGroup",
   componentId: "sc-bjeea8-2"
-})(["", " ", " ", ""], function (_ref11) {
+})(["", " ", ""], function (_ref11) {
   var $renderAs = _ref11.$renderAs,
       $gap = _ref11.$gap;
   return $renderAs === "grid" && css(["display:grid;grid-gap:", ";grid-template-columns:repeat(auto-fill,minmax(260px,1fr));"], $gap ? $gap + "px" : "initial");
 }, function (props) {
   return props.$renderAs === "list" && css(["display:flex;flex-direction:column;"]);
-}, function (props) {
-  return props.$gap && props.$renderAs === "list" && css(["", "{gap:", "px;}"], StyledEntityCard, props.$gap);
 });
 StyledEntityGroup.displayName = "StyledEntityGroup";
 export var StyledEntityActions = styled("div").withConfig({