@activecollab/components 2.0.120 → 2.0.121
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/Card/Card.js +7 -4
- package/dist/cjs/components/Card/Card.js.map +1 -1
- package/dist/cjs/components/Card/Styles.js +7 -3
- package/dist/cjs/components/Card/Styles.js.map +1 -1
- package/dist/cjs/components/Entity/EntityCard.js +1 -1
- package/dist/cjs/components/Entity/EntityCard.js.map +1 -1
- package/dist/cjs/components/EntityCard/EntityCard.js +1 -1
- package/dist/cjs/components/EntityCard/EntityCard.js.map +1 -1
- package/dist/cjs/components/Paper/Paper.js.map +1 -1
- package/dist/cjs/components/Paper/Styles.js +4 -2
- package/dist/cjs/components/Paper/Styles.js.map +1 -1
- package/dist/esm/components/Card/Card.d.ts +1 -1
- package/dist/esm/components/Card/Card.d.ts.map +1 -1
- package/dist/esm/components/Card/Card.js +5 -2
- package/dist/esm/components/Card/Card.js.map +1 -1
- package/dist/esm/components/Card/Styles.d.ts +5 -1
- package/dist/esm/components/Card/Styles.d.ts.map +1 -1
- package/dist/esm/components/Card/Styles.js +7 -2
- package/dist/esm/components/Card/Styles.js.map +1 -1
- package/dist/esm/components/Entity/EntityCard.js +1 -1
- package/dist/esm/components/Entity/EntityCard.js.map +1 -1
- package/dist/esm/components/EntityCard/EntityCard.js +1 -1
- package/dist/esm/components/EntityCard/EntityCard.js.map +1 -1
- package/dist/esm/components/Paper/Paper.d.ts +1 -1
- package/dist/esm/components/Paper/Paper.d.ts.map +1 -1
- package/dist/esm/components/Paper/Paper.js.map +1 -1
- package/dist/esm/components/Paper/Styles.d.ts.map +1 -1
- package/dist/esm/components/Paper/Styles.js +1 -1
- package/dist/esm/components/Paper/Styles.js.map +1 -1
- package/dist/index.js +17 -9
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +1 -1
- package/dist/index.min.js.map +1 -1
- package/package.json +1 -1
|
@@ -7,7 +7,7 @@ exports.Card = void 0;
|
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
9
9
|
var _Styles = require("./Styles");
|
|
10
|
-
var _excluded = ["children", "className", "hoverable", "
|
|
10
|
+
var _excluded = ["children", "className", "hoverable", "variant", "onClick"];
|
|
11
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
12
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
13
13
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
@@ -19,13 +19,16 @@ var Card = exports.Card = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, re
|
|
|
19
19
|
className = _ref.className,
|
|
20
20
|
_ref$hoverable = _ref.hoverable,
|
|
21
21
|
hoverable = _ref$hoverable === void 0 ? false : _ref$hoverable,
|
|
22
|
-
_ref$
|
|
23
|
-
|
|
22
|
+
_ref$variant = _ref.variant,
|
|
23
|
+
variant = _ref$variant === void 0 ? "paper-2" : _ref$variant,
|
|
24
|
+
onClick = _ref.onClick,
|
|
24
25
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
25
26
|
return /*#__PURE__*/_react.default.createElement(_Styles.StyledCard, _extends({}, rest, {
|
|
26
|
-
type:
|
|
27
|
+
type: variant,
|
|
27
28
|
className: (0, _classnames.default)("c-card", className),
|
|
28
29
|
hover: hoverable,
|
|
30
|
+
$pointer: typeof onClick === "function",
|
|
31
|
+
onClick: onClick,
|
|
29
32
|
useOptimizedShadow: true,
|
|
30
33
|
ref: ref
|
|
31
34
|
}), children);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Styles","_excluded","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Card","exports","forwardRef","_ref","ref","children","className","_ref$hoverable","hoverable","_ref$
|
|
1
|
+
{"version":3,"file":"Card.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Styles","_excluded","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Card","exports","forwardRef","_ref","ref","children","className","_ref$hoverable","hoverable","_ref$variant","variant","onClick","rest","createElement","StyledCard","type","classnames","hover","$pointer","useOptimizedShadow","displayName"],"sources":["../../../../src/components/Card/Card.tsx"],"sourcesContent":["import React, { Ref, HTMLAttributes, forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledCard } from \"./Styles\";\n\nexport interface ICardProps {\n /** Choose if card should be hoverable or not */\n hoverable?: boolean;\n /** Set the type of the Paper */\n variant?: \"paper-1\" | \"paper-2\" | \"tile-1\" | \"tile-2\";\n /** Ref element */\n ref?: Ref<HTMLDivElement>;\n}\n\nexport const Card = forwardRef(\n (\n {\n children,\n className,\n hoverable = false,\n variant = \"paper-2\",\n onClick,\n ...rest\n }: HTMLAttributes<HTMLDivElement> & ICardProps,\n ref: Ref<HTMLDivElement> | null | undefined\n ) => {\n return (\n <StyledCard\n {...rest}\n type={variant}\n className={classnames(\"c-card\", className)}\n hover={hoverable}\n $pointer={typeof onClick === \"function\"}\n onClick={onClick}\n useOptimizedShadow\n ref={ref}\n >\n {children}\n </StyledCard>\n );\n }\n);\n\nCard.displayName = \"Card\";\n"],"mappings":"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"}
|
|
@@ -4,14 +4,18 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.StyledCard = void 0;
|
|
7
|
-
var _styledComponents =
|
|
7
|
+
var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
8
8
|
var _Paper = require("../Paper");
|
|
9
|
-
function
|
|
9
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
10
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
10
11
|
var StyledCard = exports.StyledCard = (0, _styledComponents.default)(_Paper.Paper).withConfig({
|
|
11
12
|
displayName: "Styles__StyledCard",
|
|
12
13
|
componentId: "sc-hllbj1-0"
|
|
13
|
-
})(["", ""], {
|
|
14
|
+
})(["", " ", ""], {
|
|
14
15
|
"color": "var(--color-theme-900)"
|
|
16
|
+
}, function (_ref) {
|
|
17
|
+
var $pointer = _ref.$pointer;
|
|
18
|
+
return $pointer && (0, _styledComponents.css)(["cursor:pointer;"]);
|
|
15
19
|
});
|
|
16
20
|
StyledCard.displayName = "StyledCard";
|
|
17
21
|
//# sourceMappingURL=Styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Styles.js","names":["_styledComponents","
|
|
1
|
+
{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_Paper","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledCard","exports","styled","Paper","withConfig","displayName","componentId","_ref","$pointer","css"],"sources":["../../../../src/components/Card/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { Paper } from \"../Paper\";\n\ninterface StyledCardProps {\n $pointer?: boolean;\n}\n\nexport const StyledCard = styled(Paper)<StyledCardProps>`\n ${tw`tw-text-theme-900`}\n\n ${({ $pointer }) =>\n $pointer &&\n css`\n cursor: pointer;\n `}\n`;\n\nStyledCard.displayName = \"StyledCard\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAGA,IAAAC,MAAA,GAAAD,OAAA;AAAiC,SAAAE,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAJ,wBAAAI,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAM1B,IAAMY,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,IAAAE,yBAAM,EAACC,YAAK,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kBACjC;EAAA;AAAkB,CAAC,EAErB,UAAAC,IAAA;EAAA,IAAGC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EAAA,OACXA,QAAQ,QACRC,qBAAG,sBAEF;AAAA,EACJ;AAEDT,UAAU,CAACK,WAAW,GAAG,YAAY"}
|
|
@@ -32,7 +32,7 @@ var EntityCard = exports.EntityCard = /*#__PURE__*/(0, _react.forwardRef)(functi
|
|
|
32
32
|
as: Component,
|
|
33
33
|
$renderAs: renderAs,
|
|
34
34
|
$background: background,
|
|
35
|
-
|
|
35
|
+
variant: paperType,
|
|
36
36
|
className: (0, _classnames.default)("c-entity-card", classSuffix, className),
|
|
37
37
|
$isCollection: isCollection
|
|
38
38
|
}, rest, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EntityCard.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_EntityGroup","_Styles","_Card","_excluded","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","EntityCard","exports","forwardRef","_ref","ref","children","isCollection","background","className","as","rest","_useContext","useContext","EntityGroupContext","renderAs","classSuffix","concat","paperType","Component","Card","createElement","StyledEntityCard","$renderAs","$background","classNames","$isCollection","displayName"],"sources":["../../../../src/components/Entity/EntityCard.tsx"],"sourcesContent":["import React, {\n BaseHTMLAttributes,\n CSSProperties,\n forwardRef,\n ReactElement,\n ReactNode,\n useContext,\n} from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { EntityGroupContext } from \"./EntityGroup\";\nimport { StyledEntityCard } from \"./Styles\";\nimport {\n PolymorphicComponentPropsWithRef,\n PolymorphicRef,\n} from \"../../utils/types\";\nimport { Card, ICardProps } from \"../Card\";\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 | ReactNode | 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 classSuffix = `c-entity-card-${renderAs}`;\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
|
|
1
|
+
{"version":3,"file":"EntityCard.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_EntityGroup","_Styles","_Card","_excluded","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","EntityCard","exports","forwardRef","_ref","ref","children","isCollection","background","className","as","rest","_useContext","useContext","EntityGroupContext","renderAs","classSuffix","concat","paperType","Component","Card","createElement","StyledEntityCard","$renderAs","$background","variant","classNames","$isCollection","displayName"],"sources":["../../../../src/components/Entity/EntityCard.tsx"],"sourcesContent":["import React, {\n BaseHTMLAttributes,\n CSSProperties,\n forwardRef,\n ReactElement,\n ReactNode,\n useContext,\n} from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { EntityGroupContext } from \"./EntityGroup\";\nimport { StyledEntityCard } from \"./Styles\";\nimport {\n PolymorphicComponentPropsWithRef,\n PolymorphicRef,\n} from \"../../utils/types\";\nimport { Card, ICardProps } from \"../Card\";\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 | ReactNode | 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 classSuffix = `c-entity-card-${renderAs}`;\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 variant={paperType}\n className={classNames(\"c-entity-card\", classSuffix, className)}\n $isCollection={isCollection}\n {...rest}\n ref={ref}\n >\n {children}\n </StyledEntityCard>\n );\n }\n );\n\nEntityCard.displayName = \"EntityCard\";\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AASA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAKA,IAAAK,KAAA,GAAAL,OAAA;AAA2C,IAAAM,SAAA;AAAA,SAAAJ,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAZ,wBAAAY,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAH,UAAA,SAAAG,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAF,OAAA,EAAAE,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAC,GAAA,CAAAJ,CAAA,UAAAG,CAAA,CAAAE,GAAA,CAAAL,CAAA,OAAAM,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAZ,CAAA,oBAAAY,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAY,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAX,CAAA,EAAAY,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAZ,CAAA,CAAAY,CAAA,YAAAN,CAAA,CAAAR,OAAA,GAAAE,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAc,GAAA,CAAAjB,CAAA,EAAAM,CAAA,GAAAA,CAAA;AAAA,SAAAY,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAL,CAAA,MAAAA,CAAA,GAAAM,SAAA,CAAAC,MAAA,EAAAP,CAAA,UAAAQ,MAAA,GAAAF,SAAA,CAAAN,CAAA,YAAAS,GAAA,IAAAD,MAAA,QAAAf,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAS,MAAA,EAAAC,GAAA,KAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAJ,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAJ,SAAA;AAAA,SAAAK,yBAAAH,MAAA,EAAAI,QAAA,QAAAJ,MAAA,yBAAAH,MAAA,GAAAQ,6BAAA,CAAAL,MAAA,EAAAI,QAAA,OAAAH,GAAA,EAAAT,CAAA,MAAAP,MAAA,CAAAqB,qBAAA,QAAAC,gBAAA,GAAAtB,MAAA,CAAAqB,qBAAA,CAAAN,MAAA,QAAAR,CAAA,MAAAA,CAAA,GAAAe,gBAAA,CAAAR,MAAA,EAAAP,CAAA,MAAAS,GAAA,GAAAM,gBAAA,CAAAf,CAAA,OAAAY,QAAA,CAAAI,OAAA,CAAAP,GAAA,uBAAAhB,MAAA,CAAAI,SAAA,CAAAoB,oBAAA,CAAAlB,IAAA,CAAAS,MAAA,EAAAC,GAAA,aAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAJ,MAAA;AAAA,SAAAQ,8BAAAL,MAAA,EAAAI,QAAA,QAAAJ,MAAA,yBAAAH,MAAA,WAAAa,UAAA,GAAAzB,MAAA,CAAA0B,IAAA,CAAAX,MAAA,OAAAC,GAAA,EAAAT,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAkB,UAAA,CAAAX,MAAA,EAAAP,CAAA,MAAAS,GAAA,GAAAS,UAAA,CAAAlB,CAAA,OAAAY,QAAA,CAAAI,OAAA,CAAAP,GAAA,kBAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAJ,MAAA;AAsBpC,IAAMe,UAAsD,GAAAC,OAAA,CAAAD,UAAA,gBACjE,IAAAE,iBAAU,EACR,UAAAC,IAAA,EASEC,GAAuB,EACpB;EAAA,IARDC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,YAAY,GAAAH,IAAA,CAAZG,YAAY;IACZC,UAAU,GAAAJ,IAAA,CAAVI,UAAU;IACVC,SAAS,GAAAL,IAAA,CAATK,SAAS;IACTC,EAAE,GAAAN,IAAA,CAAFM,EAAE;IACCC,IAAI,GAAAnB,wBAAA,CAAAY,IAAA,EAAA5C,SAAA;EAIT,IAAAoD,WAAA,GAAqB,IAAAC,iBAAU,EAACC,+BAAkB,CAAC;IAA3CC,QAAQ,GAAAH,WAAA,CAARG,QAAQ;EAChB,IAAMC,WAAW,oBAAAC,MAAA,CAAoBF,QAAQ,CAAE;EAC/C,IAAMG,SAAS,GAAGH,QAAQ,KAAK,MAAM,GAAG,SAAS,GAAG,SAAS;EAC7D,IAAMI,SAAS,GAAGT,EAAE,IAAIU,UAAI;EAC5B,oBACEpE,MAAA,CAAAW,OAAA,CAAA0D,aAAA,CAAC/D,OAAA,CAAAgE,gBAAgB,EAAAvC,QAAA;IACf2B,EAAE,EAAES,SAAU;IACdI,SAAS,EAAER,QAAS;IACpBS,WAAW,EAAEhB,UAAW;IACxBiB,OAAO,EAAEP,SAAU;IACnBT,SAAS,EAAE,IAAAiB,mBAAU,EAAC,eAAe,EAAEV,WAAW,EAAEP,SAAS,CAAE;IAC/DkB,aAAa,EAAEpB;EAAa,GACxBI,IAAI;IACRN,GAAG,EAAEA;EAAI,IAERC,QACe,CAAC;AAEvB,CACF,CAAC;AAEHL,UAAU,CAAC2B,WAAW,GAAG,YAAY"}
|
|
@@ -62,7 +62,7 @@ var EntityCard = exports.EntityCard = /*#__PURE__*/(0, _react.forwardRef)(functi
|
|
|
62
62
|
"grid-item": renderAs === "grid-item",
|
|
63
63
|
"list-item": renderAs === "list-item"
|
|
64
64
|
}, className),
|
|
65
|
-
|
|
65
|
+
variant: renderAs === "grid-item" ? "paper-1" : "paper-2",
|
|
66
66
|
$renderAs: renderAs
|
|
67
67
|
}, renderAs === "list-item" ? renderAsListItem(properties) : null, renderAs === "grid-item" ? renderAsGridItem(properties) : null);
|
|
68
68
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EntityCard.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Styles","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","EntityCard","exports","forwardRef","_ref","ref","_ref$renderAs","renderAs","properties","className","renderAsListItem","useCallback","filter","p","showInList","map","createElement","key","name","concat","render","renderAsGridItem","headerSection","cardSection","bodySection","footerSection","renderProperty","Fragment","StyledEntityCard","hoverable","classnames","
|
|
1
|
+
{"version":3,"file":"EntityCard.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Styles","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","EntityCard","exports","forwardRef","_ref","ref","_ref$renderAs","renderAs","properties","className","renderAsListItem","useCallback","filter","p","showInList","map","createElement","key","name","concat","render","renderAsGridItem","headerSection","cardSection","bodySection","footerSection","renderProperty","Fragment","StyledEntityCard","hoverable","classnames","variant","$renderAs","displayName"],"sources":["../../../../src/components/EntityCard/EntityCard.tsx"],"sourcesContent":["import React, {\n Ref,\n HTMLAttributes,\n forwardRef,\n ReactNode,\n useCallback,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledEntityCard } from \"./Styles\";\n\nexport type cardSection = \"header\" | \"body\" | \"footer\";\n\nexport interface IEntityProperties {\n name: string;\n render: () => ReactNode;\n showInList?: boolean;\n cardSection: cardSection;\n className?: string;\n}\n\nexport interface IEntityCardProps {\n renderAs?: \"list-item\" | \"grid-item\";\n properties: IEntityProperties[];\n ref?: Ref<HTMLDivElement>;\n link?: string;\n className?: string;\n}\n\nexport const EntityCard = forwardRef(\n (\n {\n renderAs = \"list-item\",\n properties,\n className,\n }: HTMLAttributes<HTMLDivElement> & IEntityCardProps,\n ref: Ref<HTMLDivElement> | null | undefined\n ) => {\n const renderAsListItem = useCallback((properties: IEntityProperties[]) => {\n return properties\n .filter((p) => p.showInList)\n .map((p) => {\n return (\n <div key={p.name} className={`entity-property-${p.name}`}>\n {p.render()}\n </div>\n );\n });\n }, []);\n\n const renderAsGridItem = useCallback((properties: IEntityProperties[]) => {\n const headerSection = properties.filter(\n (p: IEntityProperties) => p.cardSection === \"header\"\n );\n const bodySection = properties.filter(\n (p: IEntityProperties) => p.cardSection === \"body\"\n );\n const footerSection = properties.filter(\n (p) => p.cardSection === \"footer\"\n );\n const renderProperty = (p: IEntityProperties): ReactNode => (\n <div key={p.name} className={`entity-property-${p.name}`}>\n {p.render()}\n </div>\n );\n return (\n <>\n <div className=\"card-header\">\n {headerSection.map((p) => renderProperty(p))}\n </div>\n <div className=\"card-body\">\n {bodySection.map((p) => renderProperty(p))}\n </div>\n <div className=\"card-footer\">\n {footerSection.map((p) => renderProperty(p))}\n </div>\n </>\n );\n }, []);\n\n return (\n <StyledEntityCard\n ref={ref}\n hoverable\n className={classnames(\n \"entity-card-wrapper\",\n {\n \"grid-item\": renderAs === \"grid-item\",\n \"list-item\": renderAs === \"list-item\",\n },\n className\n )}\n variant={renderAs === \"grid-item\" ? \"paper-1\" : \"paper-2\"}\n $renderAs={renderAs}\n >\n {renderAs === \"list-item\" ? renderAsListItem(properties) : null}\n {renderAs === \"grid-item\" ? renderAsGridItem(properties) : null}\n </StyledEntityCard>\n );\n }\n);\n\nEntityCard.displayName = \"EntityCard\";\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Paper.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Styles","_excluded","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Paper","exports","forwardRef","_ref","innerRef","children","className","_ref$type","type","_ref$hover","hover","_ref$useOptimizedShad","useOptimizedShadow","rest","createElement","StyledPaper","classNames","ref","displayName"],"sources":["../../../../src/components/Paper/Paper.tsx"],"sourcesContent":["import React, {\n forwardRef,\n HTMLAttributes,\n ReactNode,\n Ref,\n RefObject,\n} from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledPaper } from \"./Styles\";\n\nexport interface IPaperProps {\n /** Children type of node or string */\n children: ReactNode;\n /** CSS classes */\n className?: string;\n /** Ref object. */\n innerRef?: RefObject<HTMLDivElement>;\n /** Define custom style */\n style?: object;\n /** Type of paper to be used */\n type?: \"paper-1\" | \"paper-2\" | \"paper-3\";\n /** Paper has hover or not */\n hover?: boolean;\n /** Use optimized shadow */\n useOptimizedShadow?: boolean;\n}\n\n/**\n * This is a component description and should sit directly above your component\n */\nexport const Paper = forwardRef(\n (\n {\n children,\n className,\n type = \"paper-1\",\n hover = false,\n useOptimizedShadow = false,\n ...rest\n }: HTMLAttributes<HTMLDivElement> & IPaperProps,\n innerRef: Ref<HTMLDivElement> | null | undefined\n ) => {\n return (\n <StyledPaper\n className={classNames(className, {\n \"ac-shadow--raised--lg\":\n !useOptimizedShadow && hover && type === \"paper-1\",\n \"ac-shadow-optimized--lg\":\n useOptimizedShadow && hover && type === \"paper-1\",\n \"ac-shadow--lg\": !hover && type === \"paper-1\",\n \"ac-shadow--raised--sm\":\n (!useOptimizedShadow && hover && type === \"paper-2\") ||\n (!useOptimizedShadow && hover && type === \"paper-3\"),\n \"ac-shadow-optimized--sm\":\n (useOptimizedShadow && hover && type === \"paper-2\") ||\n (useOptimizedShadow && hover && type === \"paper-3\"),\n \"ac-shadow--sm\":\n (!hover && type === \"paper-2\") || (!hover && type === \"paper-3\"),\n })}\n ref={innerRef}\n type={type}\n {...rest}\n >\n {children}\n </StyledPaper>\n );\n }\n);\n\nPaper.displayName = \"Paper\";\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Paper.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Styles","_excluded","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Paper","exports","forwardRef","_ref","innerRef","children","className","_ref$type","type","_ref$hover","hover","_ref$useOptimizedShad","useOptimizedShadow","rest","createElement","StyledPaper","classNames","ref","displayName"],"sources":["../../../../src/components/Paper/Paper.tsx"],"sourcesContent":["import React, {\n forwardRef,\n HTMLAttributes,\n ReactNode,\n Ref,\n RefObject,\n} from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledPaper } from \"./Styles\";\n\nexport interface IPaperProps {\n /** Children type of node or string */\n children: ReactNode;\n /** CSS classes */\n className?: string;\n /** Ref object. */\n innerRef?: RefObject<HTMLDivElement>;\n /** Define custom style */\n style?: object;\n /** Type of paper to be used */\n type?: \"paper-1\" | \"paper-2\" | \"paper-3\" | \"tile-1\" | \"tile-2\";\n /** Paper has hover or not */\n hover?: boolean;\n /** Use optimized shadow */\n useOptimizedShadow?: boolean;\n}\n\n/**\n * This is a component description and should sit directly above your component\n */\nexport const Paper = forwardRef(\n (\n {\n children,\n className,\n type = \"paper-1\",\n hover = false,\n useOptimizedShadow = false,\n ...rest\n }: HTMLAttributes<HTMLDivElement> & IPaperProps,\n innerRef: Ref<HTMLDivElement> | null | undefined\n ) => {\n return (\n <StyledPaper\n className={classNames(className, {\n \"ac-shadow--raised--lg\":\n !useOptimizedShadow && hover && type === \"paper-1\",\n \"ac-shadow-optimized--lg\":\n useOptimizedShadow && hover && type === \"paper-1\",\n \"ac-shadow--lg\": !hover && type === \"paper-1\",\n \"ac-shadow--raised--sm\":\n (!useOptimizedShadow && hover && type === \"paper-2\") ||\n (!useOptimizedShadow && hover && type === \"paper-3\"),\n \"ac-shadow-optimized--sm\":\n (useOptimizedShadow && hover && type === \"paper-2\") ||\n (useOptimizedShadow && hover && type === \"paper-3\"),\n \"ac-shadow--sm\":\n (!hover && type === \"paper-2\") || (!hover && type === \"paper-3\"),\n })}\n ref={innerRef}\n type={type}\n {...rest}\n >\n {children}\n </StyledPaper>\n );\n }\n);\n\nPaper.displayName = \"Paper\";\n"],"mappings":"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"}
|
|
@@ -15,8 +15,10 @@ var PaperStyles = exports.PaperStyles = (0, _styledComponents.css)(["", " border
|
|
|
15
15
|
var StyledPaper = exports.StyledPaper = _styledComponents.default.div.withConfig({
|
|
16
16
|
displayName: "Styles__StyledPaper",
|
|
17
17
|
componentId: "sc-1ld1e2o-0"
|
|
18
|
-
})(["", " ", ""], PaperStyles, function (props) {
|
|
19
|
-
return props.type === "paper-3" && (0, _styledComponents.css)(["border:solid 1px var(--border-primary);"]);
|
|
18
|
+
})(["", " ", " ", ""], PaperStyles, function (props) {
|
|
19
|
+
return (props.type === "paper-3" || props.type === "tile-1") && (0, _styledComponents.css)(["border:solid 1px var(--border-primary);"]);
|
|
20
|
+
}, function (props) {
|
|
21
|
+
return (props.type === "tile-1" || props.type === "tile-2") && (0, _styledComponents.css)(["&:hover{background-color:var(--color-theme-200);}"]);
|
|
20
22
|
});
|
|
21
23
|
StyledPaper.displayName = "StyledPaper";
|
|
22
24
|
//# sourceMappingURL=Styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_BoxSizingStyle","_FontStyle","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","PaperStyles","exports","css","FontStyle","BoxSizingStyle","StyledPaper","styled","div","withConfig","displayName","componentId","props","type"],"sources":["../../../../src/components/Paper/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { IPaperProps } from \"./Paper\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const PaperStyles = css`\n ${tw`tw-bg-page-paper-main`}\n border-radius: var(--ac-br-8);\n\n ${FontStyle}\n ${BoxSizingStyle}\n`;\nexport const StyledPaper = styled.div<IPaperProps>`\n ${PaperStyles}\n\n ${(props) =>\n props.type === \"paper-3\" &&\n css`\n border: solid 1px var(--border-primary);\n `}\n`;\n\nStyledPaper.displayName = \"StyledPaper\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAIA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAAyC,SAAAG,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAL,wBAAAK,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAElC,IAAMY,WAAW,GAAAC,OAAA,CAAAD,WAAA,OAAGE,qBAAG,mDACxB;EAAA;AAAsB,CAAC,EAGzBC,oBAAS,EACTC,8BAAc,CACjB;AACM,IAAMC,WAAW,GAAAJ,OAAA,CAAAI,WAAA,GAAGC,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,
|
|
1
|
+
{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_BoxSizingStyle","_FontStyle","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","PaperStyles","exports","css","FontStyle","BoxSizingStyle","StyledPaper","styled","div","withConfig","displayName","componentId","props","type"],"sources":["../../../../src/components/Paper/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { IPaperProps } from \"./Paper\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const PaperStyles = css`\n ${tw`tw-bg-page-paper-main`}\n border-radius: var(--ac-br-8);\n\n ${FontStyle}\n ${BoxSizingStyle}\n`;\nexport const StyledPaper = styled.div<IPaperProps>`\n ${PaperStyles}\n\n ${(props) =>\n (props.type === \"paper-3\" || props.type === \"tile-1\") &&\n css`\n border: solid 1px var(--border-primary);\n `}\n\n ${(props) =>\n (props.type === \"tile-1\" || props.type === \"tile-2\") &&\n css`\n &:hover {\n background-color: var(--color-theme-200);\n }\n `}\n`;\n\nStyledPaper.displayName = \"StyledPaper\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAIA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAAyC,SAAAG,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAL,wBAAAK,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAElC,IAAMY,WAAW,GAAAC,OAAA,CAAAD,WAAA,OAAGE,qBAAG,mDACxB;EAAA;AAAsB,CAAC,EAGzBC,oBAAS,EACTC,8BAAc,CACjB;AACM,IAAMC,WAAW,GAAAJ,OAAA,CAAAI,WAAA,GAAGC,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uBACjCV,WAAW,EAEX,UAACW,KAAK;EAAA,OACN,CAACA,KAAK,CAACC,IAAI,KAAK,SAAS,IAAID,KAAK,CAACC,IAAI,KAAK,QAAQ,SACpDV,qBAAG,8CAEF;AAAA,GAEG,UAACS,KAAK;EAAA,OACV,CAACA,KAAK,CAACC,IAAI,KAAK,QAAQ,IAAID,KAAK,CAACC,IAAI,KAAK,QAAQ,SACnDV,qBAAG,wDAIF;AAAA,EACJ;AAEDG,WAAW,CAACI,WAAW,GAAG,aAAa"}
|
|
@@ -3,7 +3,7 @@ export interface ICardProps {
|
|
|
3
3
|
/** Choose if card should be hoverable or not */
|
|
4
4
|
hoverable?: boolean;
|
|
5
5
|
/** Set the type of the Paper */
|
|
6
|
-
|
|
6
|
+
variant?: "paper-1" | "paper-2" | "tile-1" | "tile-2";
|
|
7
7
|
/** Ref element */
|
|
8
8
|
ref?: Ref<HTMLDivElement>;
|
|
9
9
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,GAAG,EAA8B,MAAM,OAAO,CAAC;AAM/D,MAAM,WAAW,UAAU;IACzB,gDAAgD;IAChD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gCAAgC;IAChC,
|
|
1
|
+
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,GAAG,EAA8B,MAAM,OAAO,CAAC;AAM/D,MAAM,WAAW,UAAU;IACzB,gDAAgD;IAChD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gCAAgC;IAChC,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;IACtD,kBAAkB;IAClB,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAED,eAAO,MAAM,IAAI,uIA2BhB,CAAC"}
|
|
@@ -7,13 +7,16 @@ export const Card = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
7
7
|
children,
|
|
8
8
|
className,
|
|
9
9
|
hoverable = false,
|
|
10
|
-
|
|
10
|
+
variant = "paper-2",
|
|
11
|
+
onClick,
|
|
11
12
|
...rest
|
|
12
13
|
} = _ref;
|
|
13
14
|
return /*#__PURE__*/React.createElement(StyledCard, _extends({}, rest, {
|
|
14
|
-
type:
|
|
15
|
+
type: variant,
|
|
15
16
|
className: classnames("c-card", className),
|
|
16
17
|
hover: hoverable,
|
|
18
|
+
$pointer: typeof onClick === "function",
|
|
19
|
+
onClick: onClick,
|
|
17
20
|
useOptimizedShadow: true,
|
|
18
21
|
ref: ref
|
|
19
22
|
}), children);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","names":["React","forwardRef","classnames","StyledCard","Card","_ref","ref","children","className","hoverable","
|
|
1
|
+
{"version":3,"file":"Card.js","names":["React","forwardRef","classnames","StyledCard","Card","_ref","ref","children","className","hoverable","variant","onClick","rest","createElement","_extends","type","hover","$pointer","useOptimizedShadow","displayName"],"sources":["../../../../src/components/Card/Card.tsx"],"sourcesContent":["import React, { Ref, HTMLAttributes, forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledCard } from \"./Styles\";\n\nexport interface ICardProps {\n /** Choose if card should be hoverable or not */\n hoverable?: boolean;\n /** Set the type of the Paper */\n variant?: \"paper-1\" | \"paper-2\" | \"tile-1\" | \"tile-2\";\n /** Ref element */\n ref?: Ref<HTMLDivElement>;\n}\n\nexport const Card = forwardRef(\n (\n {\n children,\n className,\n hoverable = false,\n variant = \"paper-2\",\n onClick,\n ...rest\n }: HTMLAttributes<HTMLDivElement> & ICardProps,\n ref: Ref<HTMLDivElement> | null | undefined\n ) => {\n return (\n <StyledCard\n {...rest}\n type={variant}\n className={classnames(\"c-card\", className)}\n hover={hoverable}\n $pointer={typeof onClick === \"function\"}\n onClick={onClick}\n useOptimizedShadow\n ref={ref}\n >\n {children}\n </StyledCard>\n );\n }\n);\n\nCard.displayName = \"Card\";\n"],"mappings":";AAAA,OAAOA,KAAK,IAAyBC,UAAU,QAAQ,OAAO;AAE9D,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,UAAU,QAAQ,UAAU;AAWrC,OAAO,MAAMC,IAAI,gBAAGH,UAAU,CAC5B,CAAAI,IAAA,EASEC,GAA2C,KACxC;EAAA,IATH;IACEC,QAAQ;IACRC,SAAS;IACTC,SAAS,GAAG,KAAK;IACjBC,OAAO,GAAG,SAAS;IACnBC,OAAO;IACP,GAAGC;EACwC,CAAC,GAAAP,IAAA;EAG9C,oBACEL,KAAA,CAAAa,aAAA,CAACV,UAAU,EAAAW,QAAA,KACLF,IAAI;IACRG,IAAI,EAAEL,OAAQ;IACdF,SAAS,EAAEN,UAAU,CAAC,QAAQ,EAAEM,SAAS,CAAE;IAC3CQ,KAAK,EAAEP,SAAU;IACjBQ,QAAQ,EAAE,OAAON,OAAO,KAAK,UAAW;IACxCA,OAAO,EAAEA,OAAQ;IACjBO,kBAAkB;IAClBZ,GAAG,EAAEA;EAAI,IAERC,QACS,CAAC;AAEjB,CACF,CAAC;AAEDH,IAAI,CAACe,WAAW,GAAG,MAAM"}
|
|
@@ -1,3 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
|
|
2
|
+
interface StyledCardProps {
|
|
3
|
+
$pointer?: boolean;
|
|
4
|
+
}
|
|
5
|
+
export declare const StyledCard: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("../Paper").IPaperProps & import("react").RefAttributes<HTMLDivElement>>, any, StyledCardProps, never>;
|
|
6
|
+
export {};
|
|
3
7
|
//# sourceMappingURL=Styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/Styles.ts"],"names":[],"mappings":";AAKA,eAAO,MAAM,UAAU,
|
|
1
|
+
{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/Styles.ts"],"names":[],"mappings":";AAKA,UAAU,eAAe;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,UAAU,sPAQtB,CAAC"}
|
|
@@ -1,10 +1,15 @@
|
|
|
1
|
-
import styled from "styled-components";
|
|
1
|
+
import styled, { css } from "styled-components";
|
|
2
2
|
import { Paper } from "../Paper";
|
|
3
3
|
export const StyledCard = styled(Paper).withConfig({
|
|
4
4
|
displayName: "Styles__StyledCard",
|
|
5
5
|
componentId: "sc-hllbj1-0"
|
|
6
|
-
})(["", ""], {
|
|
6
|
+
})(["", " ", ""], {
|
|
7
7
|
"color": "var(--color-theme-900)"
|
|
8
|
+
}, _ref => {
|
|
9
|
+
let {
|
|
10
|
+
$pointer
|
|
11
|
+
} = _ref;
|
|
12
|
+
return $pointer && css(["cursor:pointer;"]);
|
|
8
13
|
});
|
|
9
14
|
StyledCard.displayName = "StyledCard";
|
|
10
15
|
//# sourceMappingURL=Styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Styles.js","names":["styled","Paper","StyledCard","withConfig","displayName","componentId"],"sources":["../../../../src/components/Card/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { Paper } from \"../Paper\";\n\nexport const StyledCard = styled(Paper)
|
|
1
|
+
{"version":3,"file":"Styles.js","names":["styled","css","Paper","StyledCard","withConfig","displayName","componentId","_ref","$pointer"],"sources":["../../../../src/components/Card/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { Paper } from \"../Paper\";\n\ninterface StyledCardProps {\n $pointer?: boolean;\n}\n\nexport const StyledCard = styled(Paper)<StyledCardProps>`\n ${tw`tw-text-theme-900`}\n\n ${({ $pointer }) =>\n $pointer &&\n css`\n cursor: pointer;\n `}\n`;\n\nStyledCard.displayName = \"StyledCard\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAG/C,SAASC,KAAK,QAAQ,UAAU;AAMhC,OAAO,MAAMC,UAAU,GAAGH,MAAM,CAACE,KAAK,CAAC,CAAAE,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kBACjC;EAAA;AAAkB,CAAC,EAErBC,IAAA;EAAA,IAAC;IAAEC;EAAS,CAAC,GAAAD,IAAA;EAAA,OACbC,QAAQ,IACRP,GAAG,qBAEF;AAAA,EACJ;AAEDE,UAAU,CAACE,WAAW,GAAG,YAAY"}
|
|
@@ -23,7 +23,7 @@ export const EntityCard = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
23
23
|
as: Component,
|
|
24
24
|
$renderAs: renderAs,
|
|
25
25
|
$background: background,
|
|
26
|
-
|
|
26
|
+
variant: paperType,
|
|
27
27
|
className: classNames("c-entity-card", classSuffix, className),
|
|
28
28
|
$isCollection: isCollection
|
|
29
29
|
}, rest, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EntityCard.js","names":["React","forwardRef","useContext","classNames","EntityGroupContext","StyledEntityCard","Card","EntityCard","_ref","ref","children","isCollection","background","className","as","rest","renderAs","classSuffix","paperType","Component","createElement","_extends","$renderAs","$background","$isCollection","displayName"],"sources":["../../../../src/components/Entity/EntityCard.tsx"],"sourcesContent":["import React, {\n BaseHTMLAttributes,\n CSSProperties,\n forwardRef,\n ReactElement,\n ReactNode,\n useContext,\n} from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { EntityGroupContext } from \"./EntityGroup\";\nimport { StyledEntityCard } from \"./Styles\";\nimport {\n PolymorphicComponentPropsWithRef,\n PolymorphicRef,\n} from \"../../utils/types\";\nimport { Card, ICardProps } from \"../Card\";\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 | ReactNode | 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 classSuffix = `c-entity-card-${renderAs}`;\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
|
|
1
|
+
{"version":3,"file":"EntityCard.js","names":["React","forwardRef","useContext","classNames","EntityGroupContext","StyledEntityCard","Card","EntityCard","_ref","ref","children","isCollection","background","className","as","rest","renderAs","classSuffix","paperType","Component","createElement","_extends","$renderAs","$background","variant","$isCollection","displayName"],"sources":["../../../../src/components/Entity/EntityCard.tsx"],"sourcesContent":["import React, {\n BaseHTMLAttributes,\n CSSProperties,\n forwardRef,\n ReactElement,\n ReactNode,\n useContext,\n} from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { EntityGroupContext } from \"./EntityGroup\";\nimport { StyledEntityCard } from \"./Styles\";\nimport {\n PolymorphicComponentPropsWithRef,\n PolymorphicRef,\n} from \"../../utils/types\";\nimport { Card, ICardProps } from \"../Card\";\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 | ReactNode | 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 classSuffix = `c-entity-card-${renderAs}`;\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 variant={paperType}\n className={classNames(\"c-entity-card\", classSuffix, className)}\n $isCollection={isCollection}\n {...rest}\n ref={ref}\n >\n {children}\n </StyledEntityCard>\n );\n }\n );\n\nEntityCard.displayName = \"EntityCard\";\n"],"mappings":";AAAA,OAAOA,KAAK,IAGVC,UAAU,EAGVC,UAAU,QACL,OAAO;AAEd,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,kBAAkB,QAAQ,eAAe;AAClD,SAASC,gBAAgB,QAAQ,UAAU;AAK3C,SAASC,IAAI,QAAoB,SAAS;AAsB1C,OAAO,MAAMC,UAAsD,gBACjEN,UAAU,CACR,CAAAO,IAAA,EASEC,GAAuB,KACpB;EAAA,IATH;IACEC,QAAQ;IACRC,YAAY;IACZC,UAAU;IACVC,SAAS;IACTC,EAAE;IACF,GAAGC;EACe,CAAC,GAAAP,IAAA;EAGrB,MAAM;IAAEQ;EAAS,CAAC,GAAGd,UAAU,CAACE,kBAAkB,CAAC;EACnD,MAAMa,WAAW,sBAAoBD,QAAU;EAC/C,MAAME,SAAS,GAAGF,QAAQ,KAAK,MAAM,GAAG,SAAS,GAAG,SAAS;EAC7D,MAAMG,SAAS,GAAGL,EAAE,IAAIR,IAAI;EAC5B,oBACEN,KAAA,CAAAoB,aAAA,CAACf,gBAAgB,EAAAgB,QAAA;IACfP,EAAE,EAAEK,SAAU;IACdG,SAAS,EAAEN,QAAS;IACpBO,WAAW,EAAEX,UAAW;IACxBY,OAAO,EAAEN,SAAU;IACnBL,SAAS,EAAEV,UAAU,CAAC,eAAe,EAAEc,WAAW,EAAEJ,SAAS,CAAE;IAC/DY,aAAa,EAAEd;EAAa,GACxBI,IAAI;IACRN,GAAG,EAAEA;EAAI,IAERC,QACe,CAAC;AAEvB,CACF,CAAC;AAEHH,UAAU,CAACmB,WAAW,GAAG,YAAY"}
|
|
@@ -38,7 +38,7 @@ export const EntityCard = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
38
38
|
"grid-item": renderAs === "grid-item",
|
|
39
39
|
"list-item": renderAs === "list-item"
|
|
40
40
|
}, className),
|
|
41
|
-
|
|
41
|
+
variant: renderAs === "grid-item" ? "paper-1" : "paper-2",
|
|
42
42
|
$renderAs: renderAs
|
|
43
43
|
}, renderAs === "list-item" ? renderAsListItem(properties) : null, renderAs === "grid-item" ? renderAsGridItem(properties) : null);
|
|
44
44
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EntityCard.js","names":["React","forwardRef","useCallback","classnames","StyledEntityCard","EntityCard","_ref","ref","renderAs","properties","className","renderAsListItem","filter","p","showInList","map","createElement","key","name","render","renderAsGridItem","headerSection","cardSection","bodySection","footerSection","renderProperty","Fragment","hoverable","
|
|
1
|
+
{"version":3,"file":"EntityCard.js","names":["React","forwardRef","useCallback","classnames","StyledEntityCard","EntityCard","_ref","ref","renderAs","properties","className","renderAsListItem","filter","p","showInList","map","createElement","key","name","render","renderAsGridItem","headerSection","cardSection","bodySection","footerSection","renderProperty","Fragment","hoverable","variant","$renderAs","displayName"],"sources":["../../../../src/components/EntityCard/EntityCard.tsx"],"sourcesContent":["import React, {\n Ref,\n HTMLAttributes,\n forwardRef,\n ReactNode,\n useCallback,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledEntityCard } from \"./Styles\";\n\nexport type cardSection = \"header\" | \"body\" | \"footer\";\n\nexport interface IEntityProperties {\n name: string;\n render: () => ReactNode;\n showInList?: boolean;\n cardSection: cardSection;\n className?: string;\n}\n\nexport interface IEntityCardProps {\n renderAs?: \"list-item\" | \"grid-item\";\n properties: IEntityProperties[];\n ref?: Ref<HTMLDivElement>;\n link?: string;\n className?: string;\n}\n\nexport const EntityCard = forwardRef(\n (\n {\n renderAs = \"list-item\",\n properties,\n className,\n }: HTMLAttributes<HTMLDivElement> & IEntityCardProps,\n ref: Ref<HTMLDivElement> | null | undefined\n ) => {\n const renderAsListItem = useCallback((properties: IEntityProperties[]) => {\n return properties\n .filter((p) => p.showInList)\n .map((p) => {\n return (\n <div key={p.name} className={`entity-property-${p.name}`}>\n {p.render()}\n </div>\n );\n });\n }, []);\n\n const renderAsGridItem = useCallback((properties: IEntityProperties[]) => {\n const headerSection = properties.filter(\n (p: IEntityProperties) => p.cardSection === \"header\"\n );\n const bodySection = properties.filter(\n (p: IEntityProperties) => p.cardSection === \"body\"\n );\n const footerSection = properties.filter(\n (p) => p.cardSection === \"footer\"\n );\n const renderProperty = (p: IEntityProperties): ReactNode => (\n <div key={p.name} className={`entity-property-${p.name}`}>\n {p.render()}\n </div>\n );\n return (\n <>\n <div className=\"card-header\">\n {headerSection.map((p) => renderProperty(p))}\n </div>\n <div className=\"card-body\">\n {bodySection.map((p) => renderProperty(p))}\n </div>\n <div className=\"card-footer\">\n {footerSection.map((p) => renderProperty(p))}\n </div>\n </>\n );\n }, []);\n\n return (\n <StyledEntityCard\n ref={ref}\n hoverable\n className={classnames(\n \"entity-card-wrapper\",\n {\n \"grid-item\": renderAs === \"grid-item\",\n \"list-item\": renderAs === \"list-item\",\n },\n className\n )}\n variant={renderAs === \"grid-item\" ? \"paper-1\" : \"paper-2\"}\n $renderAs={renderAs}\n >\n {renderAs === \"list-item\" ? renderAsListItem(properties) : null}\n {renderAs === \"grid-item\" ? renderAsGridItem(properties) : null}\n </StyledEntityCard>\n );\n }\n);\n\nEntityCard.displayName = \"EntityCard\";\n"],"mappings":"AAAA,OAAOA,KAAK,IAGVC,UAAU,EAEVC,WAAW,QACN,OAAO;AAEd,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,gBAAgB,QAAQ,UAAU;AAoB3C,OAAO,MAAMC,UAAU,gBAAGJ,UAAU,CAClC,CAAAK,IAAA,EAMEC,GAA2C,KACxC;EAAA,IANH;IACEC,QAAQ,GAAG,WAAW;IACtBC,UAAU;IACVC;EACiD,CAAC,GAAAJ,IAAA;EAGpD,MAAMK,gBAAgB,GAAGT,WAAW,CAAEO,UAA+B,IAAK;IACxE,OAAOA,UAAU,CACdG,MAAM,CAAEC,CAAC,IAAKA,CAAC,CAACC,UAAU,CAAC,CAC3BC,GAAG,CAAEF,CAAC,IAAK;MACV,oBACEb,KAAA,CAAAgB,aAAA;QAAKC,GAAG,EAAEJ,CAAC,CAACK,IAAK;QAACR,SAAS,uBAAqBG,CAAC,CAACK;MAAO,GACtDL,CAAC,CAACM,MAAM,CAAC,CACP,CAAC;IAEV,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,gBAAgB,GAAGlB,WAAW,CAAEO,UAA+B,IAAK;IACxE,MAAMY,aAAa,GAAGZ,UAAU,CAACG,MAAM,CACpCC,CAAoB,IAAKA,CAAC,CAACS,WAAW,KAAK,QAC9C,CAAC;IACD,MAAMC,WAAW,GAAGd,UAAU,CAACG,MAAM,CAClCC,CAAoB,IAAKA,CAAC,CAACS,WAAW,KAAK,MAC9C,CAAC;IACD,MAAME,aAAa,GAAGf,UAAU,CAACG,MAAM,CACpCC,CAAC,IAAKA,CAAC,CAACS,WAAW,KAAK,QAC3B,CAAC;IACD,MAAMG,cAAc,GAAIZ,CAAoB,iBAC1Cb,KAAA,CAAAgB,aAAA;MAAKC,GAAG,EAAEJ,CAAC,CAACK,IAAK;MAACR,SAAS,uBAAqBG,CAAC,CAACK;IAAO,GACtDL,CAAC,CAACM,MAAM,CAAC,CACP,CACN;IACD,oBACEnB,KAAA,CAAAgB,aAAA,CAAAhB,KAAA,CAAA0B,QAAA,qBACE1B,KAAA,CAAAgB,aAAA;MAAKN,SAAS,EAAC;IAAa,GACzBW,aAAa,CAACN,GAAG,CAAEF,CAAC,IAAKY,cAAc,CAACZ,CAAC,CAAC,CACxC,CAAC,eACNb,KAAA,CAAAgB,aAAA;MAAKN,SAAS,EAAC;IAAW,GACvBa,WAAW,CAACR,GAAG,CAAEF,CAAC,IAAKY,cAAc,CAACZ,CAAC,CAAC,CACtC,CAAC,eACNb,KAAA,CAAAgB,aAAA;MAAKN,SAAS,EAAC;IAAa,GACzBc,aAAa,CAACT,GAAG,CAAEF,CAAC,IAAKY,cAAc,CAACZ,CAAC,CAAC,CACxC,CACL,CAAC;EAEP,CAAC,EAAE,EAAE,CAAC;EAEN,oBACEb,KAAA,CAAAgB,aAAA,CAACZ,gBAAgB;IACfG,GAAG,EAAEA,GAAI;IACToB,SAAS;IACTjB,SAAS,EAAEP,UAAU,CACnB,qBAAqB,EACrB;MACE,WAAW,EAAEK,QAAQ,KAAK,WAAW;MACrC,WAAW,EAAEA,QAAQ,KAAK;IAC5B,CAAC,EACDE,SACF,CAAE;IACFkB,OAAO,EAAEpB,QAAQ,KAAK,WAAW,GAAG,SAAS,GAAG,SAAU;IAC1DqB,SAAS,EAAErB;EAAS,GAEnBA,QAAQ,KAAK,WAAW,GAAGG,gBAAgB,CAACF,UAAU,CAAC,GAAG,IAAI,EAC9DD,QAAQ,KAAK,WAAW,GAAGY,gBAAgB,CAACX,UAAU,CAAC,GAAG,IAC3C,CAAC;AAEvB,CACF,CAAC;AAEDJ,UAAU,CAACyB,WAAW,GAAG,YAAY"}
|
|
@@ -9,7 +9,7 @@ export interface IPaperProps {
|
|
|
9
9
|
/** Define custom style */
|
|
10
10
|
style?: object;
|
|
11
11
|
/** Type of paper to be used */
|
|
12
|
-
type?: "paper-1" | "paper-2" | "paper-3";
|
|
12
|
+
type?: "paper-1" | "paper-2" | "paper-3" | "tile-1" | "tile-2";
|
|
13
13
|
/** Paper has hover or not */
|
|
14
14
|
hover?: boolean;
|
|
15
15
|
/** Use optimized shadow */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Paper.d.ts","sourceRoot":"","sources":["../../../../src/components/Paper/Paper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAGZ,SAAS,EAET,SAAS,EACV,MAAM,OAAO,CAAC;AAMf,MAAM,WAAW,WAAW;IAC1B,sCAAsC;IACtC,QAAQ,EAAE,SAAS,CAAC;IACpB,kBAAkB;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACrC,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+BAA+B;IAC/B,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"Paper.d.ts","sourceRoot":"","sources":["../../../../src/components/Paper/Paper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAGZ,SAAS,EAET,SAAS,EACV,MAAM,OAAO,CAAC;AAMf,MAAM,WAAW,WAAW;IAC1B,sCAAsC;IACtC,QAAQ,EAAE,SAAS,CAAC;IACpB,kBAAkB;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACrC,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+BAA+B;IAC/B,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC/D,6BAA6B;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,2BAA2B;IAC3B,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED;;GAEG;AACH,eAAO,MAAM,KAAK,2HAqCjB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Paper.js","names":["React","forwardRef","classNames","StyledPaper","Paper","_ref","innerRef","children","className","type","hover","useOptimizedShadow","rest","createElement","_extends","ref","displayName"],"sources":["../../../../src/components/Paper/Paper.tsx"],"sourcesContent":["import React, {\n forwardRef,\n HTMLAttributes,\n ReactNode,\n Ref,\n RefObject,\n} from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledPaper } from \"./Styles\";\n\nexport interface IPaperProps {\n /** Children type of node or string */\n children: ReactNode;\n /** CSS classes */\n className?: string;\n /** Ref object. */\n innerRef?: RefObject<HTMLDivElement>;\n /** Define custom style */\n style?: object;\n /** Type of paper to be used */\n type?: \"paper-1\" | \"paper-2\" | \"paper-3\";\n /** Paper has hover or not */\n hover?: boolean;\n /** Use optimized shadow */\n useOptimizedShadow?: boolean;\n}\n\n/**\n * This is a component description and should sit directly above your component\n */\nexport const Paper = forwardRef(\n (\n {\n children,\n className,\n type = \"paper-1\",\n hover = false,\n useOptimizedShadow = false,\n ...rest\n }: HTMLAttributes<HTMLDivElement> & IPaperProps,\n innerRef: Ref<HTMLDivElement> | null | undefined\n ) => {\n return (\n <StyledPaper\n className={classNames(className, {\n \"ac-shadow--raised--lg\":\n !useOptimizedShadow && hover && type === \"paper-1\",\n \"ac-shadow-optimized--lg\":\n useOptimizedShadow && hover && type === \"paper-1\",\n \"ac-shadow--lg\": !hover && type === \"paper-1\",\n \"ac-shadow--raised--sm\":\n (!useOptimizedShadow && hover && type === \"paper-2\") ||\n (!useOptimizedShadow && hover && type === \"paper-3\"),\n \"ac-shadow-optimized--sm\":\n (useOptimizedShadow && hover && type === \"paper-2\") ||\n (useOptimizedShadow && hover && type === \"paper-3\"),\n \"ac-shadow--sm\":\n (!hover && type === \"paper-2\") || (!hover && type === \"paper-3\"),\n })}\n ref={innerRef}\n type={type}\n {...rest}\n >\n {children}\n </StyledPaper>\n );\n }\n);\n\nPaper.displayName = \"Paper\";\n"],"mappings":";AAAA,OAAOA,KAAK,IACVC,UAAU,QAKL,OAAO;AAEd,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,WAAW,QAAQ,UAAU;AAmBtC;AACA;AACA;AACA,OAAO,MAAMC,KAAK,gBAAGH,UAAU,CAC7B,CAAAI,IAAA,EASEC,QAAgD,KAC7C;EAAA,IATH;IACEC,QAAQ;IACRC,SAAS;IACTC,IAAI,GAAG,SAAS;IAChBC,KAAK,GAAG,KAAK;IACbC,kBAAkB,GAAG,KAAK;IAC1B,GAAGC;EACyC,CAAC,GAAAP,IAAA;EAG/C,oBACEL,KAAA,CAAAa,aAAA,CAACV,WAAW,EAAAW,QAAA;IACVN,SAAS,EAAEN,UAAU,CAACM,SAAS,EAAE;MAC/B,uBAAuB,EACrB,CAACG,kBAAkB,IAAID,KAAK,IAAID,IAAI,KAAK,SAAS;MACpD,yBAAyB,EACvBE,kBAAkB,IAAID,KAAK,IAAID,IAAI,KAAK,SAAS;MACnD,eAAe,EAAE,CAACC,KAAK,IAAID,IAAI,KAAK,SAAS;MAC7C,uBAAuB,EACpB,CAACE,kBAAkB,IAAID,KAAK,IAAID,IAAI,KAAK,SAAS,IAClD,CAACE,kBAAkB,IAAID,KAAK,IAAID,IAAI,KAAK,SAAU;MACtD,yBAAyB,EACtBE,kBAAkB,IAAID,KAAK,IAAID,IAAI,KAAK,SAAS,IACjDE,kBAAkB,IAAID,KAAK,IAAID,IAAI,KAAK,SAAU;MACrD,eAAe,EACZ,CAACC,KAAK,IAAID,IAAI,KAAK,SAAS,IAAM,CAACC,KAAK,IAAID,IAAI,KAAK;IAC1D,CAAC,CAAE;IACHM,GAAG,EAAET,QAAS;IACdG,IAAI,EAAEA;EAAK,GACPG,IAAI,GAEPL,QACU,CAAC;AAElB,CACF,CAAC;AAEDH,KAAK,CAACY,WAAW,GAAG,OAAO"}
|
|
1
|
+
{"version":3,"file":"Paper.js","names":["React","forwardRef","classNames","StyledPaper","Paper","_ref","innerRef","children","className","type","hover","useOptimizedShadow","rest","createElement","_extends","ref","displayName"],"sources":["../../../../src/components/Paper/Paper.tsx"],"sourcesContent":["import React, {\n forwardRef,\n HTMLAttributes,\n ReactNode,\n Ref,\n RefObject,\n} from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledPaper } from \"./Styles\";\n\nexport interface IPaperProps {\n /** Children type of node or string */\n children: ReactNode;\n /** CSS classes */\n className?: string;\n /** Ref object. */\n innerRef?: RefObject<HTMLDivElement>;\n /** Define custom style */\n style?: object;\n /** Type of paper to be used */\n type?: \"paper-1\" | \"paper-2\" | \"paper-3\" | \"tile-1\" | \"tile-2\";\n /** Paper has hover or not */\n hover?: boolean;\n /** Use optimized shadow */\n useOptimizedShadow?: boolean;\n}\n\n/**\n * This is a component description and should sit directly above your component\n */\nexport const Paper = forwardRef(\n (\n {\n children,\n className,\n type = \"paper-1\",\n hover = false,\n useOptimizedShadow = false,\n ...rest\n }: HTMLAttributes<HTMLDivElement> & IPaperProps,\n innerRef: Ref<HTMLDivElement> | null | undefined\n ) => {\n return (\n <StyledPaper\n className={classNames(className, {\n \"ac-shadow--raised--lg\":\n !useOptimizedShadow && hover && type === \"paper-1\",\n \"ac-shadow-optimized--lg\":\n useOptimizedShadow && hover && type === \"paper-1\",\n \"ac-shadow--lg\": !hover && type === \"paper-1\",\n \"ac-shadow--raised--sm\":\n (!useOptimizedShadow && hover && type === \"paper-2\") ||\n (!useOptimizedShadow && hover && type === \"paper-3\"),\n \"ac-shadow-optimized--sm\":\n (useOptimizedShadow && hover && type === \"paper-2\") ||\n (useOptimizedShadow && hover && type === \"paper-3\"),\n \"ac-shadow--sm\":\n (!hover && type === \"paper-2\") || (!hover && type === \"paper-3\"),\n })}\n ref={innerRef}\n type={type}\n {...rest}\n >\n {children}\n </StyledPaper>\n );\n }\n);\n\nPaper.displayName = \"Paper\";\n"],"mappings":";AAAA,OAAOA,KAAK,IACVC,UAAU,QAKL,OAAO;AAEd,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,WAAW,QAAQ,UAAU;AAmBtC;AACA;AACA;AACA,OAAO,MAAMC,KAAK,gBAAGH,UAAU,CAC7B,CAAAI,IAAA,EASEC,QAAgD,KAC7C;EAAA,IATH;IACEC,QAAQ;IACRC,SAAS;IACTC,IAAI,GAAG,SAAS;IAChBC,KAAK,GAAG,KAAK;IACbC,kBAAkB,GAAG,KAAK;IAC1B,GAAGC;EACyC,CAAC,GAAAP,IAAA;EAG/C,oBACEL,KAAA,CAAAa,aAAA,CAACV,WAAW,EAAAW,QAAA;IACVN,SAAS,EAAEN,UAAU,CAACM,SAAS,EAAE;MAC/B,uBAAuB,EACrB,CAACG,kBAAkB,IAAID,KAAK,IAAID,IAAI,KAAK,SAAS;MACpD,yBAAyB,EACvBE,kBAAkB,IAAID,KAAK,IAAID,IAAI,KAAK,SAAS;MACnD,eAAe,EAAE,CAACC,KAAK,IAAID,IAAI,KAAK,SAAS;MAC7C,uBAAuB,EACpB,CAACE,kBAAkB,IAAID,KAAK,IAAID,IAAI,KAAK,SAAS,IAClD,CAACE,kBAAkB,IAAID,KAAK,IAAID,IAAI,KAAK,SAAU;MACtD,yBAAyB,EACtBE,kBAAkB,IAAID,KAAK,IAAID,IAAI,KAAK,SAAS,IACjDE,kBAAkB,IAAID,KAAK,IAAID,IAAI,KAAK,SAAU;MACrD,eAAe,EACZ,CAACC,KAAK,IAAID,IAAI,KAAK,SAAS,IAAM,CAACC,KAAK,IAAID,IAAI,KAAK;IAC1D,CAAC,CAAE;IACHM,GAAG,EAAET,QAAS;IACdG,IAAI,EAAEA;EAAK,GACPG,IAAI,GAEPL,QACU,CAAC;AAElB,CACF,CAAC;AAEDH,KAAK,CAACY,WAAW,GAAG,OAAO"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Paper/Styles.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAItC,eAAO,MAAM,WAAW,wDAMvB,CAAC;AACF,eAAO,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Paper/Styles.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAItC,eAAO,MAAM,WAAW,wDAMvB,CAAC;AACF,eAAO,MAAM,WAAW,6EAgBvB,CAAC"}
|
|
@@ -7,6 +7,6 @@ export const PaperStyles = css(["", " border-radius:var(--ac-br-8);", " ", ""],
|
|
|
7
7
|
export const StyledPaper = styled.div.withConfig({
|
|
8
8
|
displayName: "Styles__StyledPaper",
|
|
9
9
|
componentId: "sc-1ld1e2o-0"
|
|
10
|
-
})(["", " ", ""], PaperStyles, props => props.type === "paper-3" && css(["border:solid 1px var(--border-primary);"]));
|
|
10
|
+
})(["", " ", " ", ""], PaperStyles, props => (props.type === "paper-3" || props.type === "tile-1") && css(["border:solid 1px var(--border-primary);"]), props => (props.type === "tile-1" || props.type === "tile-2") && css(["&:hover{background-color:var(--color-theme-200);}"]));
|
|
11
11
|
StyledPaper.displayName = "StyledPaper";
|
|
12
12
|
//# sourceMappingURL=Styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","FontStyle","PaperStyles","StyledPaper","div","withConfig","displayName","componentId","props","type"],"sources":["../../../../src/components/Paper/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { IPaperProps } from \"./Paper\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const PaperStyles = css`\n ${tw`tw-bg-page-paper-main`}\n border-radius: var(--ac-br-8);\n\n ${FontStyle}\n ${BoxSizingStyle}\n`;\nexport const StyledPaper = styled.div<IPaperProps>`\n ${PaperStyles}\n\n ${(props) =>\n props.type === \"paper-3\" &&\n css`\n border: solid 1px var(--border-primary);\n `}\n`;\n\nStyledPaper.displayName = \"StyledPaper\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAI/C,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,SAAS,QAAQ,cAAc;AAExC,OAAO,MAAMC,WAAW,GAAGH,GAAG,kDACxB;EAAA;AAAsB,CAAC,EAGzBE,SAAS,EACTD,cAAc,CACjB;AACD,OAAO,MAAMG,WAAW,GAAGL,MAAM,CAACM,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,
|
|
1
|
+
{"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","FontStyle","PaperStyles","StyledPaper","div","withConfig","displayName","componentId","props","type"],"sources":["../../../../src/components/Paper/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { IPaperProps } from \"./Paper\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const PaperStyles = css`\n ${tw`tw-bg-page-paper-main`}\n border-radius: var(--ac-br-8);\n\n ${FontStyle}\n ${BoxSizingStyle}\n`;\nexport const StyledPaper = styled.div<IPaperProps>`\n ${PaperStyles}\n\n ${(props) =>\n (props.type === \"paper-3\" || props.type === \"tile-1\") &&\n css`\n border: solid 1px var(--border-primary);\n `}\n\n ${(props) =>\n (props.type === \"tile-1\" || props.type === \"tile-2\") &&\n css`\n &:hover {\n background-color: var(--color-theme-200);\n }\n `}\n`;\n\nStyledPaper.displayName = \"StyledPaper\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAI/C,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,SAAS,QAAQ,cAAc;AAExC,OAAO,MAAMC,WAAW,GAAGH,GAAG,kDACxB;EAAA;AAAsB,CAAC,EAGzBE,SAAS,EACTD,cAAc,CACjB;AACD,OAAO,MAAMG,WAAW,GAAGL,MAAM,CAACM,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uBACjCL,WAAW,EAEVM,KAAK,IACN,CAACA,KAAK,CAACC,IAAI,KAAK,SAAS,IAAID,KAAK,CAACC,IAAI,KAAK,QAAQ,KACpDV,GAAG,6CAEF,EAEIS,KAAK,IACV,CAACA,KAAK,CAACC,IAAI,KAAK,QAAQ,IAAID,KAAK,CAACC,IAAI,KAAK,QAAQ,KACnDV,GAAG,uDAIF,CACJ;AAEDI,WAAW,CAACG,WAAW,GAAG,aAAa"}
|
package/dist/index.js
CHANGED
|
@@ -10706,8 +10706,10 @@
|
|
|
10706
10706
|
var StyledPaper = styled__default["default"].div.withConfig({
|
|
10707
10707
|
displayName: "Styles__StyledPaper",
|
|
10708
10708
|
componentId: "sc-1ld1e2o-0"
|
|
10709
|
-
})(["", " ", ""], PaperStyles, function (props) {
|
|
10710
|
-
return props.type === "paper-3" && styled.css(["border:solid 1px var(--border-primary);"]);
|
|
10709
|
+
})(["", " ", " ", ""], PaperStyles, function (props) {
|
|
10710
|
+
return (props.type === "paper-3" || props.type === "tile-1") && styled.css(["border:solid 1px var(--border-primary);"]);
|
|
10711
|
+
}, function (props) {
|
|
10712
|
+
return (props.type === "tile-1" || props.type === "tile-2") && styled.css(["&:hover{background-color:var(--color-theme-200);}"]);
|
|
10711
10713
|
});
|
|
10712
10714
|
StyledPaper.displayName = "StyledPaper";
|
|
10713
10715
|
|
|
@@ -10772,24 +10774,30 @@
|
|
|
10772
10774
|
var StyledCard = styled__default["default"](Paper).withConfig({
|
|
10773
10775
|
displayName: "Styles__StyledCard",
|
|
10774
10776
|
componentId: "sc-hllbj1-0"
|
|
10775
|
-
})(["", ""], {
|
|
10777
|
+
})(["", " ", ""], {
|
|
10776
10778
|
"color": "var(--color-theme-900)"
|
|
10779
|
+
}, function (_ref) {
|
|
10780
|
+
var $pointer = _ref.$pointer;
|
|
10781
|
+
return $pointer && styled.css(["cursor:pointer;"]);
|
|
10777
10782
|
});
|
|
10778
10783
|
StyledCard.displayName = "StyledCard";
|
|
10779
10784
|
|
|
10780
|
-
var _excluded$16 = ["children", "className", "hoverable", "
|
|
10785
|
+
var _excluded$16 = ["children", "className", "hoverable", "variant", "onClick"];
|
|
10781
10786
|
var Card = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
10782
10787
|
var children = _ref.children,
|
|
10783
10788
|
className = _ref.className,
|
|
10784
10789
|
_ref$hoverable = _ref.hoverable,
|
|
10785
10790
|
hoverable = _ref$hoverable === void 0 ? false : _ref$hoverable,
|
|
10786
|
-
_ref$
|
|
10787
|
-
|
|
10791
|
+
_ref$variant = _ref.variant,
|
|
10792
|
+
variant = _ref$variant === void 0 ? "paper-2" : _ref$variant,
|
|
10793
|
+
onClick = _ref.onClick,
|
|
10788
10794
|
rest = _objectWithoutProperties(_ref, _excluded$16);
|
|
10789
10795
|
return /*#__PURE__*/React__default["default"].createElement(StyledCard, _extends({}, rest, {
|
|
10790
|
-
type:
|
|
10796
|
+
type: variant,
|
|
10791
10797
|
className: classNames__default["default"]("c-card", className),
|
|
10792
10798
|
hover: hoverable,
|
|
10799
|
+
$pointer: typeof onClick === "function",
|
|
10800
|
+
onClick: onClick,
|
|
10793
10801
|
useOptimizedShadow: true,
|
|
10794
10802
|
ref: ref
|
|
10795
10803
|
}), children);
|
|
@@ -10858,7 +10866,7 @@
|
|
|
10858
10866
|
"grid-item": renderAs === "grid-item",
|
|
10859
10867
|
"list-item": renderAs === "list-item"
|
|
10860
10868
|
}, className),
|
|
10861
|
-
|
|
10869
|
+
variant: renderAs === "grid-item" ? "paper-1" : "paper-2",
|
|
10862
10870
|
$renderAs: renderAs
|
|
10863
10871
|
}, renderAs === "list-item" ? renderAsListItem(properties) : null, renderAs === "grid-item" ? renderAsGridItem(properties) : null);
|
|
10864
10872
|
});
|
|
@@ -18420,7 +18428,7 @@
|
|
|
18420
18428
|
as: Component,
|
|
18421
18429
|
$renderAs: renderAs,
|
|
18422
18430
|
$background: background,
|
|
18423
|
-
|
|
18431
|
+
variant: paperType,
|
|
18424
18432
|
className: classNames__default["default"]("c-entity-card", classSuffix, className),
|
|
18425
18433
|
$isCollection: isCollection
|
|
18426
18434
|
}, rest, {
|