@activecollab/components 1.0.148 → 1.0.151

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

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EntityCard = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Styles = require("./Styles");
+
+var _EntityProperty = require("./EntityProperty");
+
+var _excluded = ["children", "actions", "renderAs", "isCollection", "background", "className"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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; }
+
+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 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,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  var paperType = renderAs === "grid" ? "paper-1" : "paper-2";
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledEntityCard, _extends({
+    $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));
+};
+
+exports.EntityCard = EntityCard;
+EntityCard.displayName = "EntityCard";
+//# sourceMappingURL=EntityCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Entity/EntityCard.tsx"],"names":["EntityCard","children","actions","renderAs","isCollection","background","className","rest","paperType","React","Children","map","child","isValidElement","type","EntityProperty","cloneElement","$renderAs","displayName"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;;;;;;;;;;;AAWO,IAAMA,UAA2B,GAAG,SAA9BA,UAA8B,OAQrC;AAAA,MAPJC,QAOI,QAPJA,QAOI;AAAA,MANJC,OAMI,QANJA,OAMI;AAAA,2BALJC,QAKI;AAAA,MALJA,QAKI,8BALO,MAKP;AAAA,MAJJC,YAII,QAJJA,YAII;AAAA,MAHJC,UAGI,QAHJA,UAGI;AAAA,MAFJC,SAEI,QAFJA,SAEI;AAAA,MADDC,IACC;;AACJ,MAAMC,SAAS,GAAGL,QAAQ,KAAK,MAAb,GAAsB,SAAtB,GAAkC,SAApD;AAEA,sBACE,6BAAC,wBAAD;AACE,IAAA,SAAS,EAAEA,QADb;AAEE,IAAA,WAAW,EAAEE,UAFf;AAGE,IAAA,SAAS,EAAEG,SAHb;AAIE,IAAA,SAAS,EAAEF,SAJb;AAKE,IAAA,aAAa,EAAEF;AALjB,KAMMG,IANN,GAQGE,eAAMC,QAAN,CAAeC,GAAf,CAAmBV,QAAnB,EAA6B,UAACW,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,EAAEd;AADoB,OAA1B,CAAP;AAGD;;AACD,WAAO,IAAP;AACD,GAPA,CARH,EAgBGD,OAAO,iBACN,6BAAC,2BAAD;AAAqB,IAAA,SAAS,EAAEC;AAAhC,KACGD,OADH,CAjBJ,CADF;AAwBD,CAnCM;;;AAqCPF,UAAU,CAACkB,WAAX,GAAyB,YAAzB","sourcesContent":["import React, { ReactNode } from \"react\";\nimport { StyledEntityActions, StyledEntityCard } from \"./Styles\";\n\nimport { EntityProperty } from \"./EntityProperty\";\nimport { ICardProps } from \"../Card\";\n\nexport interface Props extends ICardProps {\n  renderAs?: \"grid\" | \"list\";\n  actions?: ReactNode;\n  className?: string;\n  isCollection?: boolean;\n  background?: string;\n}\n\nexport const EntityCard: React.FC<Props> = ({\n  children,\n  actions,\n  renderAs = \"grid\",\n  isCollection,\n  background,\n  className,\n  ...rest\n}) => {\n  const paperType = renderAs === \"grid\" ? \"paper-1\" : \"paper-2\";\n\n  return (\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  );\n};\n\nEntityCard.displayName = \"EntityCard\";\n"],"file":"EntityCard.js"}

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

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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 }; }
+
+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; }
+
+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 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);
+
+  return /*#__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;
+  }));
+};
+
+exports.EntityGroup = EntityGroup;
+EntityGroup.displayName = "EntityGroup";
+//# sourceMappingURL=EntityGroup.js.map

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

@@ -0,0 +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,WAA4B,GAAG,SAA/BA,WAA+B,OAKtC;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 Props\n  extends Pick<HTMLAttributes<HTMLDivElement>, \"className\" | \"style\"> {\n  gap?: number;\n  renderAs?: \"grid\" | \"list\";\n}\n\nexport const EntityGroup: React.FC<Props> = ({\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"}

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

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EntityProperty = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Styles = require("./Styles");
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _excluded = ["listOrder", "listWidth", "visibleFromBreakpoint", "className"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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; }
+
+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 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.createElement(_Styles.StyledEntityProperty, _extends({
+    className: (0, _classnames.default)("c_property", className, {
+      "tw-hidden": visibleFromBreakpoint,
+      "sm:tw-flex": visibleFromBreakpoint === "sm",
+      "md:tw-flex": visibleFromBreakpoint === "md",
+      "lg:tw-flex": visibleFromBreakpoint === "lg",
+      "xl:tw-flex": visibleFromBreakpoint === "xl",
+      "2xl:tw-flex": visibleFromBreakpoint === "2xl"
+    })
+  }, props, {
+    $order: listOrder,
+    $width: listWidth
+  }));
+};
+
+exports.EntityProperty = EntityProperty;
+EntityProperty.displayName = "EntityProperty";
+//# sourceMappingURL=EntityProperty.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Entity/EntityProperty.tsx"],"names":["EntityProperty","listOrder","listWidth","visibleFromBreakpoint","className","props","displayName"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;AASO,IAAMA,cAA+B,GAAG,SAAlCA,cAAkC,OAMzC;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,YAAX,EAAyBD,SAAzB,EAAoC;AAC7C,mBAAaD,qBADgC;AAE7C,oBAAcA,qBAAqB,KAAK,IAFK;AAG7C,oBAAcA,qBAAqB,KAAK,IAHK;AAI7C,oBAAcA,qBAAqB,KAAK,IAJK;AAK7C,oBAAcA,qBAAqB,KAAK,IALK;AAM7C,qBAAeA,qBAAqB,KAAK;AANI,KAApC;AADb,KASME,KATN;AAUE,IAAA,MAAM,EAAEJ,SAVV;AAWE,IAAA,MAAM,EAAEC;AAXV,KADF;AAeD,CAtBM;;;AAwBPF,cAAc,CAACM,WAAf,GAA6B,gBAA7B","sourcesContent":["import React, { HTMLAttributes } from \"react\";\nimport { StyledEntityProperty } from \"./Styles\";\nimport classNames from \"classnames\";\n\nexport interface Props extends HTMLAttributes<HTMLDivElement> {\n  $renderAs?: \"grid\" | \"list\";\n  listOrder?: number;\n  listWidth?: string | number;\n  visibleFromBreakpoint?: \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\n}\n\nexport const EntityProperty: React.FC<Props> = ({\n  listOrder,\n  listWidth,\n  visibleFromBreakpoint,\n  className,\n  ...props\n}) => {\n  return (\n    <StyledEntityProperty\n      className={classNames(\"c_property\", className, {\n        \"tw-hidden\": visibleFromBreakpoint,\n        \"sm:tw-flex\": visibleFromBreakpoint === \"sm\",\n        \"md:tw-flex\": visibleFromBreakpoint === \"md\",\n        \"lg:tw-flex\": visibleFromBreakpoint === \"lg\",\n        \"xl:tw-flex\": visibleFromBreakpoint === \"xl\",\n        \"2xl:tw-flex\": visibleFromBreakpoint === \"2xl\",\n      })}\n      {...props}\n      $order={listOrder}\n      $width={listWidth}\n    />\n  );\n};\n\nEntityProperty.displayName = \"EntityProperty\";\n"],"file":"EntityProperty.js"}

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

@@ -0,0 +1,79 @@
+"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.StyledEntityProperty = exports.StyledEntityGroup = exports.StyledEntityCard = exports.StyledEntityActions = void 0;
+
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
+var _Card = require("../Card");
+
+var _Styles = require("../Paper/Styles");
+
+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 StyledEntityCard = (0, _styledComponents.default)(_Card.Card).withConfig({
+  displayName: "Styles__StyledEntityCard",
+  componentId: "sc-bjeea8-0"
+})(["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) {
+  var $isCollection = _ref3.$isCollection,
+      $background = _ref3.$background;
+  return $isCollection && (0, _styledComponents.css)(["&::after{display:block;content:\"\";position:absolute;top:0;bottom:0;right:0;left:0;transform:rotate(-3deg);z-index:-1;", ";background-color:", ";}"], _Styles.PaperStyles, $background);
+});
+exports.StyledEntityCard = StyledEntityCard;
+StyledEntityCard.displayName = "StyledEntityCard";
+var StyledEntityProperty = (0, _styledComponents.default)("div").withConfig({
+  displayName: "Styles__StyledEntityProperty",
+  componentId: "sc-bjeea8-1"
+})(["", " ", " ", ""], function (_ref4) {
+  var $renderAs = _ref4.$renderAs,
+      $width = _ref4.$width;
+  return $renderAs === "list" && (0, _styledComponents.css)(["display:flex;align-items:center;min-width:24px;flex:", ";"], $width ? "unset" : 1);
+}, function (props) {
+  return props.$renderAs === "list" && props.$order && (0, _styledComponents.css)(["order:", ";"], props.$order);
+}, function (props) {
+  return props.$renderAs === "list" && props.$width && (0, _styledComponents.css)(["width:", ";"], props.$width);
+});
+exports.StyledEntityProperty = StyledEntityProperty;
+StyledEntityProperty.displayName = "StyledEntityProperty";
+var StyledEntityGroup = (0, _styledComponents.default)("div").withConfig({
+  displayName: "Styles__StyledEntityGroup",
+  componentId: "sc-bjeea8-2"
+})(["", " ", " ", ""], function (_ref5) {
+  var $renderAs = _ref5.$renderAs,
+      $gap = _ref5.$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";
+var StyledEntityActions = (0, _styledComponents.default)("div").withConfig({
+  displayName: "Styles__StyledEntityActions",
+  componentId: "sc-bjeea8-3"
+})(["display:flex;flex-direction:column;align-items:center;", " ", ""], function (_ref6) {
+  var $renderAs = _ref6.$renderAs;
+  return $renderAs === "grid" && (0, _styledComponents.css)(["position:absolute;right:16px;top:20px;"]);
+}, function (_ref7) {
+  var $renderAs = _ref7.$renderAs;
+  return $renderAs === "list" && (0, _styledComponents.css)(["justify-self:flex-end;"]);
+});
+exports.StyledEntityActions = StyledEntityActions;
+//# sourceMappingURL=Styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Entity/Styles.ts"],"names":["StyledEntityCard","Card","$renderAs","css","props","$gap","$background","$isCollection","PaperStyles","displayName","StyledEntityProperty","$width","$order","StyledEntityGroup","StyledEntityActions"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;;;;;AAEO,IAAMA,gBAAgB,GAAG,+BAAOC,UAAP,CAAH;AAAA;AAAA;AAAA,mDAOzB;AAAA,MAAGC,SAAH,QAAGA,SAAH;AAAA,SACAA,SAAS,KAAK,MAAd,QACAC,qBADA,gJADA;AAAA,CAPyB,EAmBzB;AAAA,MAAGD,SAAH,SAAGA,SAAH;AAAA,SACAA,SAAS,KAAK,MAAd,QACAC,qBADA,2FADA;AAAA,CAnByB,EA6BzB,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,IAAN,QACAF,qBADA,mBAESC,KAAK,CAACC,IAFf,CADA;AAAA,CA7ByB,EAkCzB,UAACD,KAAD;AAAA,SACAA,KAAK,CAACE,WAAN,QACAH,qBADA,8BAEsBC,KAAK,CAACE,WAF5B,CADA;AAAA,CAlCyB,EAwCzB;AAAA,MAAGC,aAAH,SAAGA,aAAH;AAAA,MAAkBD,WAAlB,SAAkBA,WAAlB;AAAA,SACAC,aAAa,QACbJ,qBADa,2JAYPK,mBAZO,EAaWF,WAbX,CADb;AAAA,CAxCyB,CAAtB;;AA0DPN,gBAAgB,CAACS,WAAjB,GAA+B,kBAA/B;AAEO,IAAMC,oBAAoB,GAAG,+BAAO,KAAP,CAAH;AAAA;AAAA;AAAA,uBAK7B;AAAA,MAAGR,SAAH,SAAGA,SAAH;AAAA,MAAcS,MAAd,SAAcA,MAAd;AAAA,SACAT,SAAS,KAAK,MAAd,QACAC,qBADA,iEAKUQ,MAAM,GAAG,OAAH,GAAa,CAL7B,CADA;AAAA,CAL6B,EAc7B,UAACP,KAAD;AAAA,SACAA,KAAK,CAACF,SAAN,KAAoB,MAApB,IACAE,KAAK,CAACQ,MADN,QAEAT,qBAFA,mBAGWC,KAAK,CAACQ,MAHjB,CADA;AAAA,CAd6B,EAqB7B,UAACR,KAAD;AAAA,SACAA,KAAK,CAACF,SAAN,KAAoB,MAApB,IACAE,KAAK,CAACO,MADN,QAEAR,qBAFA,mBAGWC,KAAK,CAACO,MAHjB,CADA;AAAA,CArB6B,CAA1B;;AA6BPD,oBAAoB,CAACD,WAArB,GAAmC,sBAAnC;AAEO,IAAMI,iBAAiB,GAAG,+BAAO,KAAP,CAAH;AAAA;AAAA;AAAA,uBAI1B;AAAA,MAAGX,SAAH,SAAGA,SAAH;AAAA,MAAcG,IAAd,SAAcA,IAAd;AAAA,SACAH,SAAS,KAAK,MAAd,QACAC,qBADA,6FAGcE,IAAI,aAAMA,IAAN,UAAiB,SAHnC,CADA;AAAA,CAJ0B,EAW1B,UAACD,KAAD;AAAA,SACAA,KAAK,CAACF,SAAN,KAAoB,MAApB,QACAC,qBADA,0CADA;AAAA,CAX0B,EAkB1B,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,IAAN,IACAD,KAAK,CAACF,SAAN,KAAoB,MADpB,QAEAC,qBAFA,yBAGIH,gBAHJ,EAIWI,KAAK,CAACC,IAJjB,CADA;AAAA,CAlB0B,CAAvB;;AA2BPQ,iBAAiB,CAACJ,WAAlB,GAAgC,mBAAhC;AAEO,IAAMK,mBAAmB,GAAG,+BAAO,KAAP,CAAH;AAAA;AAAA;AAAA,wEAK5B;AAAA,MAAGZ,SAAH,SAAGA,SAAH;AAAA,SACAA,SAAS,KAAK,MAAd,QACAC,qBADA,6CADA;AAAA,CAL4B,EAa5B;AAAA,MAAGD,SAAH,SAAGA,SAAH;AAAA,SACAA,SAAS,KAAK,MAAd,QACAC,qBADA,6BADA;AAAA,CAb4B,CAAzB","sourcesContent":["import styled, { css } from \"styled-components\";\nimport { Card } from \"../Card\";\nimport { PaperStyles } from \"../Paper/Styles\";\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}>`\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`;\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"}