@activecollab/components 1.0.148 → 1.0.151

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Entity/Styles.ts"],"names":["styled","css","Card","PaperStyles","StyledEntityCard","$renderAs","props","$gap","$background","$isCollection","displayName","StyledEntityProperty","$width","$order","StyledEntityGroup","StyledEntityActions"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AACA,SAASC,IAAT,QAAqB,SAArB;AACA,SAASC,WAAT,QAA4B,iBAA5B;AAEA,OAAO,IAAMC,gBAAgB,GAAGJ,MAAM,CAACE,IAAD,CAAT;AAAA;AAAA;AAAA,mDAOzB;AAAA,MAAGG,SAAH,QAAGA,SAAH;AAAA,SACAA,SAAS,KAAK,MAAd,IACAJ,GADA,+IADA;AAAA,CAPyB,EAmBzB;AAAA,MAAGI,SAAH,SAAGA,SAAH;AAAA,SACAA,SAAS,KAAK,MAAd,IACAJ,GADA,0FADA;AAAA,CAnByB,EA6BzB,UAACK,KAAD;AAAA,SACAA,KAAK,CAACC,IAAN,IACAN,GADA,kBAESK,KAAK,CAACC,IAFf,CADA;AAAA,CA7ByB,EAkCzB,UAACD,KAAD;AAAA,SACAA,KAAK,CAACE,WAAN,IACAP,GADA,6BAEsBK,KAAK,CAACE,WAF5B,CADA;AAAA,CAlCyB,EAwCzB;AAAA,MAAGC,aAAH,SAAGA,aAAH;AAAA,MAAkBD,WAAlB,SAAkBA,WAAlB;AAAA,SACAC,aAAa,IACbR,GADa,0JAYPE,WAZO,EAaWK,WAbX,CADb;AAAA,CAxCyB,CAAtB;AA0DPJ,gBAAgB,CAACM,WAAjB,GAA+B,kBAA/B;AAEA,OAAO,IAAMC,oBAAoB,GAAGX,MAAM,CAAC,KAAD,CAAT;AAAA;AAAA;AAAA,uBAK7B;AAAA,MAAGK,SAAH,SAAGA,SAAH;AAAA,MAAcO,MAAd,SAAcA,MAAd;AAAA,SACAP,SAAS,KAAK,MAAd,IACAJ,GADA,gEAKUW,MAAM,GAAG,OAAH,GAAa,CAL7B,CADA;AAAA,CAL6B,EAc7B,UAACN,KAAD;AAAA,SACAA,KAAK,CAACD,SAAN,KAAoB,MAApB,IACAC,KAAK,CAACO,MADN,IAEAZ,GAFA,kBAGWK,KAAK,CAACO,MAHjB,CADA;AAAA,CAd6B,EAqB7B,UAACP,KAAD;AAAA,SACAA,KAAK,CAACD,SAAN,KAAoB,MAApB,IACAC,KAAK,CAACM,MADN,IAEAX,GAFA,kBAGWK,KAAK,CAACM,MAHjB,CADA;AAAA,CArB6B,CAA1B;AA6BPD,oBAAoB,CAACD,WAArB,GAAmC,sBAAnC;AAEA,OAAO,IAAMI,iBAAiB,GAAGd,MAAM,CAAC,KAAD,CAAT;AAAA;AAAA;AAAA,uBAI1B;AAAA,MAAGK,SAAH,SAAGA,SAAH;AAAA,MAAcE,IAAd,SAAcA,IAAd;AAAA,SACAF,SAAS,KAAK,MAAd,IACAJ,GADA,4FAGcM,IAAI,GAAMA,IAAN,UAAiB,SAHnC,CADA;AAAA,CAJ0B,EAW1B,UAACD,KAAD;AAAA,SACAA,KAAK,CAACD,SAAN,KAAoB,MAApB,IACAJ,GADA,yCADA;AAAA,CAX0B,EAkB1B,UAACK,KAAD;AAAA,SACAA,KAAK,CAACC,IAAN,IACAD,KAAK,CAACD,SAAN,KAAoB,MADpB,IAEAJ,GAFA,wBAGIG,gBAHJ,EAIWE,KAAK,CAACC,IAJjB,CADA;AAAA,CAlB0B,CAAvB;AA2BPO,iBAAiB,CAACJ,WAAlB,GAAgC,mBAAhC;AAEA,OAAO,IAAMK,mBAAmB,GAAGf,MAAM,CAAC,KAAD,CAAT;AAAA;AAAA;AAAA,wEAK5B;AAAA,MAAGK,SAAH,SAAGA,SAAH;AAAA,SACAA,SAAS,KAAK,MAAd,IACAJ,GADA,4CADA;AAAA,CAL4B,EAa5B;AAAA,MAAGI,SAAH,SAAGA,SAAH;AAAA,SACAA,SAAS,KAAK,MAAd,IACAJ,GADA,4BADA;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"}

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

@@ -0,0 +1,42 @@
+export declare const projects: {
+    client_id: number;
+    description: string;
+    project_number: string;
+    id: number;
+    color: string;
+    is_favorite: boolean;
+    last_updated_on: string;
+    client_name: string;
+    name: string;
+}[];
+export declare const invoices: {
+    id: number;
+    name: string;
+    due_on: string;
+    status: string;
+    client_name: string;
+    amount: string;
+    left_to_pay: string;
+}[];
+export declare const notes: {
+    id: number;
+    name: string;
+    is_collection: boolean;
+    created_by: string;
+    date: string;
+}[];
+export declare const folders: {
+    id: number;
+    name: string;
+    has_children: boolean;
+}[];
+export declare const files: {
+    id: number;
+    name: string;
+    has_children: boolean;
+    url: string;
+    created_by: string;
+    size: number;
+    date: string;
+}[];
+//# sourceMappingURL=data.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"data.d.ts","sourceRoot":"","sources":["../../../../src/components/Entity/data.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ;;;;;;;;;;GA0RpB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;GAmcpB,CAAC;AAEF,eAAO,MAAM,KAAK;;;;;;GA0GjB,CAAC;AAEF,eAAO,MAAM,OAAO;;;;GAmDnB,CAAC;AAEF,eAAO,MAAM,KAAK;;;;;;;;GA2FjB,CAAC"}