@sb1/ffe-cards-react
Advanced tools
+11
-37
@@ -1,23 +0,1 @@ | ||
| var __assign = (this && this.__assign) || function () { | ||
| __assign = Object.assign || function(t) { | ||
| for (var s, i = 1, n = arguments.length; i < n; i++) { | ||
| s = arguments[i]; | ||
| for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) | ||
| t[p] = s[p]; | ||
| } | ||
| return t; | ||
| }; | ||
| return __assign.apply(this, arguments); | ||
| }; | ||
| var __rest = (this && this.__rest) || function (s, e) { | ||
| var t = {}; | ||
| for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) | ||
| t[p] = s[p]; | ||
| if (s != null && typeof Object.getOwnPropertySymbols === "function") | ||
| for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) { | ||
| if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) | ||
| t[p[i]] = s[p[i]]; | ||
| } | ||
| return t; | ||
| }; | ||
| import classNames from 'classnames'; | ||
@@ -28,17 +6,13 @@ import React from 'react'; | ||
| function CardBaseWithForwardRef(props, ref) { | ||
| var _a; | ||
| var className = props.className, noMargin = props.noMargin, textCenter = props.textCenter, _b = props.bgColor, bgColor = _b === void 0 ? 'primary' : _b, noPadding = props.noPadding, _c = props.appearance, appearance = _c === void 0 ? 'default' : _c, children = props.children, rest = __rest(props, ["className", "noMargin", "textCenter", "bgColor", "noPadding", "appearance", "children"]); | ||
| return (React.createElement(WithCardAction, __assign({ baseClassName: "ffe-card-base", className: classNames('ffe-card-base', className, (_a = {}, | ||
| _a["ffe-card-base--bg-".concat(bgColor)] = bgColor, | ||
| _a['ffe-card-base--no-margin'] = noMargin, | ||
| _a['ffe-card-base--text-center'] = textCenter, | ||
| _a['ffe-card-base--no-padding'] = noPadding, | ||
| _a['ffe-default-mode'] = appearance === 'default', | ||
| _a)) }, rest, { ref: ref }), function (_a) { | ||
| var CardAction = _a.CardAction; | ||
| return typeof children === 'function' | ||
| ? children({ CardAction: CardAction }) | ||
| : children; | ||
| })); | ||
| const { className, noMargin, textCenter, bgColor = 'primary', noPadding, appearance = 'default', children, ...rest } = props; | ||
| return (React.createElement(WithCardAction, { baseClassName: "ffe-card-base", className: classNames('ffe-card-base', className, { | ||
| [`ffe-card-base--bg-${bgColor}`]: bgColor, | ||
| 'ffe-card-base--no-margin': noMargin, | ||
| 'ffe-card-base--text-center': textCenter, | ||
| 'ffe-card-base--no-padding': noPadding, | ||
| 'ffe-default-mode': appearance === 'default', | ||
| }), ...rest, ref: ref }, ({ CardAction }) => typeof children === 'function' | ||
| ? children({ CardAction }) | ||
| : children)); | ||
| } | ||
| export var CardBase = fixedForwardRef(CardBaseWithForwardRef); | ||
| export const CardBase = fixedForwardRef(CardBaseWithForwardRef); |
@@ -1,29 +0,7 @@ | ||
| var __assign = (this && this.__assign) || function () { | ||
| __assign = Object.assign || function(t) { | ||
| for (var s, i = 1, n = arguments.length; i < n; i++) { | ||
| s = arguments[i]; | ||
| for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) | ||
| t[p] = s[p]; | ||
| } | ||
| return t; | ||
| }; | ||
| return __assign.apply(this, arguments); | ||
| }; | ||
| var __rest = (this && this.__rest) || function (s, e) { | ||
| var t = {}; | ||
| for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) | ||
| t[p] = s[p]; | ||
| if (s != null && typeof Object.getOwnPropertySymbols === "function") | ||
| for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) { | ||
| if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) | ||
| t[p[i]] = s[p[i]]; | ||
| } | ||
| return t; | ||
| }; | ||
| import React from 'react'; | ||
| import { fixedForwardRef } from '../fixedForwardRef'; | ||
| function CardActionWithRef(props, ref) { | ||
| var _a = props.as, Comp = _a === void 0 ? 'a' : _a, rest = __rest(props, ["as"]); | ||
| return React.createElement(Comp, __assign({}, rest, { ref: ref })); | ||
| const { as: Comp = 'a', ...rest } = props; | ||
| return React.createElement(Comp, { ...rest, ref: ref }); | ||
| } | ||
| export var CardAction = fixedForwardRef(CardActionWithRef); | ||
| export const CardAction = fixedForwardRef(CardActionWithRef); |
@@ -1,23 +0,1 @@ | ||
| var __assign = (this && this.__assign) || function () { | ||
| __assign = Object.assign || function(t) { | ||
| for (var s, i = 1, n = arguments.length; i < n; i++) { | ||
| s = arguments[i]; | ||
| for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) | ||
| t[p] = s[p]; | ||
| } | ||
| return t; | ||
| }; | ||
| return __assign.apply(this, arguments); | ||
| }; | ||
| var __rest = (this && this.__rest) || function (s, e) { | ||
| var t = {}; | ||
| for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) | ||
| t[p] = s[p]; | ||
| if (s != null && typeof Object.getOwnPropertySymbols === "function") | ||
| for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) { | ||
| if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) | ||
| t[p[i]] = s[p[i]]; | ||
| } | ||
| return t; | ||
| }; | ||
| import React from 'react'; | ||
@@ -27,4 +5,4 @@ import classNames from 'classnames'; | ||
| export function CardName(props) { | ||
| var className = props.className, rest = __rest(props, ["className"]); | ||
| return (React.createElement(ComponentBase, __assign({ className: classNames('ffe-card-body__card-name', className) }, rest))); | ||
| const { className, ...rest } = props; | ||
| return (React.createElement(ComponentBase, { className: classNames('ffe-card-body__card-name', className), ...rest })); | ||
| } |
@@ -1,27 +0,5 @@ | ||
| var __assign = (this && this.__assign) || function () { | ||
| __assign = Object.assign || function(t) { | ||
| for (var s, i = 1, n = arguments.length; i < n; i++) { | ||
| s = arguments[i]; | ||
| for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) | ||
| t[p] = s[p]; | ||
| } | ||
| return t; | ||
| }; | ||
| return __assign.apply(this, arguments); | ||
| }; | ||
| var __rest = (this && this.__rest) || function (s, e) { | ||
| var t = {}; | ||
| for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) | ||
| t[p] = s[p]; | ||
| if (s != null && typeof Object.getOwnPropertySymbols === "function") | ||
| for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) { | ||
| if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) | ||
| t[p[i]] = s[p[i]]; | ||
| } | ||
| return t; | ||
| }; | ||
| import React from 'react'; | ||
| export function ComponentBase(props) { | ||
| var _a = props.as, Comp = _a === void 0 ? 'p' : _a, rest = __rest(props, ["as"]); | ||
| return React.createElement(Comp, __assign({}, rest)); | ||
| const { as: Comp = 'p', ...rest } = props; | ||
| return React.createElement(Comp, { ...rest }); | ||
| } |
@@ -1,23 +0,1 @@ | ||
| var __assign = (this && this.__assign) || function () { | ||
| __assign = Object.assign || function(t) { | ||
| for (var s, i = 1, n = arguments.length; i < n; i++) { | ||
| s = arguments[i]; | ||
| for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) | ||
| t[p] = s[p]; | ||
| } | ||
| return t; | ||
| }; | ||
| return __assign.apply(this, arguments); | ||
| }; | ||
| var __rest = (this && this.__rest) || function (s, e) { | ||
| var t = {}; | ||
| for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) | ||
| t[p] = s[p]; | ||
| if (s != null && typeof Object.getOwnPropertySymbols === "function") | ||
| for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) { | ||
| if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) | ||
| t[p[i]] = s[p[i]]; | ||
| } | ||
| return t; | ||
| }; | ||
| import React from 'react'; | ||
@@ -27,4 +5,4 @@ import classNames from 'classnames'; | ||
| export function Subtext(props) { | ||
| var className = props.className, rest = __rest(props, ["className"]); | ||
| return (React.createElement(ComponentBase, __assign({ className: classNames('ffe-card-body__subtext', className) }, rest))); | ||
| const { className, ...rest } = props; | ||
| return (React.createElement(ComponentBase, { className: classNames('ffe-card-body__subtext', className), ...rest })); | ||
| } |
@@ -1,23 +0,1 @@ | ||
| var __assign = (this && this.__assign) || function () { | ||
| __assign = Object.assign || function(t) { | ||
| for (var s, i = 1, n = arguments.length; i < n; i++) { | ||
| s = arguments[i]; | ||
| for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) | ||
| t[p] = s[p]; | ||
| } | ||
| return t; | ||
| }; | ||
| return __assign.apply(this, arguments); | ||
| }; | ||
| var __rest = (this && this.__rest) || function (s, e) { | ||
| var t = {}; | ||
| for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) | ||
| t[p] = s[p]; | ||
| if (s != null && typeof Object.getOwnPropertySymbols === "function") | ||
| for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) { | ||
| if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) | ||
| t[p[i]] = s[p[i]]; | ||
| } | ||
| return t; | ||
| }; | ||
| import React from 'react'; | ||
@@ -27,4 +5,4 @@ import classNames from 'classnames'; | ||
| export function Text(props) { | ||
| var className = props.className, rest = __rest(props, ["className"]); | ||
| return (React.createElement(ComponentBase, __assign({ className: classNames('ffe-card-body__text', className) }, rest))); | ||
| const { className, ...rest } = props; | ||
| return (React.createElement(ComponentBase, { className: classNames('ffe-card-body__text', className), ...rest })); | ||
| } |
@@ -1,23 +0,1 @@ | ||
| var __assign = (this && this.__assign) || function () { | ||
| __assign = Object.assign || function(t) { | ||
| for (var s, i = 1, n = arguments.length; i < n; i++) { | ||
| s = arguments[i]; | ||
| for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) | ||
| t[p] = s[p]; | ||
| } | ||
| return t; | ||
| }; | ||
| return __assign.apply(this, arguments); | ||
| }; | ||
| var __rest = (this && this.__rest) || function (s, e) { | ||
| var t = {}; | ||
| for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) | ||
| t[p] = s[p]; | ||
| if (s != null && typeof Object.getOwnPropertySymbols === "function") | ||
| for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) { | ||
| if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) | ||
| t[p[i]] = s[p[i]]; | ||
| } | ||
| return t; | ||
| }; | ||
| import React from 'react'; | ||
@@ -27,6 +5,6 @@ import classNames from 'classnames'; | ||
| export function Title(props) { | ||
| var className = props.className, overflowEllipsis = props.overflowEllipsis, rest = __rest(props, ["className", "overflowEllipsis"]); | ||
| return (React.createElement(ComponentBase, __assign({ className: classNames('ffe-card-body__title', { | ||
| const { className, overflowEllipsis, ...rest } = props; | ||
| return (React.createElement(ComponentBase, { className: classNames('ffe-card-body__title', { | ||
| 'ffe-card-body__title--overflow-ellipsis': overflowEllipsis, | ||
| }, className) }, rest))); | ||
| }, className), ...rest })); | ||
| } |
@@ -1,23 +0,1 @@ | ||
| var __assign = (this && this.__assign) || function () { | ||
| __assign = Object.assign || function(t) { | ||
| for (var s, i = 1, n = arguments.length; i < n; i++) { | ||
| s = arguments[i]; | ||
| for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) | ||
| t[p] = s[p]; | ||
| } | ||
| return t; | ||
| }; | ||
| return __assign.apply(this, arguments); | ||
| }; | ||
| var __rest = (this && this.__rest) || function (s, e) { | ||
| var t = {}; | ||
| for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) | ||
| t[p] = s[p]; | ||
| if (s != null && typeof Object.getOwnPropertySymbols === "function") | ||
| for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) { | ||
| if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) | ||
| t[p[i]] = s[p[i]]; | ||
| } | ||
| return t; | ||
| }; | ||
| import React, { useCallback, useRef, useState, useEffect, } from 'react'; | ||
@@ -29,9 +7,9 @@ import classNames from 'classnames'; | ||
| function WithCardActionForwardRef(props, ref) { | ||
| var children = props.children, _a = props.as, Comp = _a === void 0 ? 'div' : _a, onClick = props.onClick, className = props.className, baseClassName = props.baseClassName, rest = __rest(props, ["children", "as", "onClick", "className", "baseClassName"]); | ||
| var cardActionInnerRef = useRef(null); | ||
| var _b = useState(), isUsingCardAction = _b[0], setIsUsingCardAction = _b[1]; | ||
| const { children, as: Comp = 'div', onClick, className, baseClassName, ...rest } = props; | ||
| const cardActionInnerRef = useRef(null); | ||
| const [isUsingCardAction, setIsUsingCardAction] = useState(); | ||
| /** Før att hover og focus skall fungera i browsers som ikke støtter :has. | ||
| * Allt med klassen '--clickable' kan eftervart fjernes. */ | ||
| useEffect(function () { | ||
| var isStillUsingCardAction = !!cardActionInnerRef.current; | ||
| useEffect(() => { | ||
| const isStillUsingCardAction = !!cardActionInnerRef.current; | ||
| if (isUsingCardAction !== isStillUsingCardAction) { | ||
@@ -41,13 +19,12 @@ setIsUsingCardAction(isStillUsingCardAction); | ||
| }, [isUsingCardAction]); | ||
| var PartialAppliedCardAction = useCallback(function (_a, cardActionRef) { | ||
| var cardActionClassName = _a.className, restCardAction = __rest(_a, ["className"]); | ||
| return (React.createElement(CardAction, __assign({ className: classNames(cardActionClassName, 'ffe-card__action', { | ||
| const PartialAppliedCardAction = useCallback(({ className: cardActionClassName, ...restCardAction }, cardActionRef) => { | ||
| return (React.createElement(CardAction, { className: classNames(cardActionClassName, 'ffe-card__action', { | ||
| 'ffe-card__action--raw': !cardActionClassName, | ||
| }), ref: cardActionRef | ||
| ? mergeRefs([cardActionRef, cardActionInnerRef]) | ||
| : cardActionInnerRef }, restCardAction))); | ||
| : cardActionInnerRef, ...restCardAction })); | ||
| }, []); | ||
| return (React.createElement(Comp, __assign({}, rest, { className: classNames(className, isUsingCardAction && "".concat(baseClassName, "--clickable")), onClick: function (e) { | ||
| return (React.createElement(Comp, { ...rest, className: classNames(className, isUsingCardAction && `${baseClassName}--clickable`), onClick: (e) => { | ||
| var _a, _b, _c; | ||
| var hasSelectedText = !!((_a = window.getSelection()) === null || _a === void 0 ? void 0 : _a.toString().length); | ||
| const hasSelectedText = !!((_a = window.getSelection()) === null || _a === void 0 ? void 0 : _a.toString().length); | ||
| if (!hasSelectedText && | ||
@@ -58,6 +35,6 @@ !((_b = cardActionInnerRef.current) === null || _b === void 0 ? void 0 : _b.contains(e.target))) { | ||
| onClick === null || onClick === void 0 ? void 0 : onClick(e); | ||
| }, ref: ref }), children({ | ||
| }, ref: ref }, children({ | ||
| CardAction: fixedForwardRef(PartialAppliedCardAction), | ||
| }))); | ||
| } | ||
| export var WithCardAction = fixedForwardRef(WithCardActionForwardRef); | ||
| export const WithCardAction = fixedForwardRef(WithCardActionForwardRef); |
| import { forwardRef } from 'react'; | ||
| export var fixedForwardRef = forwardRef; | ||
| export const fixedForwardRef = forwardRef; |
@@ -1,23 +0,1 @@ | ||
| var __assign = (this && this.__assign) || function () { | ||
| __assign = Object.assign || function(t) { | ||
| for (var s, i = 1, n = arguments.length; i < n; i++) { | ||
| s = arguments[i]; | ||
| for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) | ||
| t[p] = s[p]; | ||
| } | ||
| return t; | ||
| }; | ||
| return __assign.apply(this, arguments); | ||
| }; | ||
| var __rest = (this && this.__rest) || function (s, e) { | ||
| var t = {}; | ||
| for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) | ||
| t[p] = s[p]; | ||
| if (s != null && typeof Object.getOwnPropertySymbols === "function") | ||
| for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) { | ||
| if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) | ||
| t[p[i]] = s[p[i]]; | ||
| } | ||
| return t; | ||
| }; | ||
| import classNames from 'classnames'; | ||
@@ -27,11 +5,9 @@ import React from 'react'; | ||
| function GroupCardWithForwardRef(props, ref) { | ||
| var _a; | ||
| var className = props.className, children = props.children, _b = props.bgColor, bgColor = _b === void 0 ? 'primary' : _b, noMargin = props.noMargin, _c = props.appearance, appearance = _c === void 0 ? 'default' : _c, _d = props.as, Comp = _d === void 0 ? 'div' : _d, rest = __rest(props, ["className", "children", "bgColor", "noMargin", "appearance", "as"]); | ||
| return (React.createElement(Comp, __assign({ className: classNames('ffe-group-card', (_a = { | ||
| 'ffe-group-card--no-margin': noMargin | ||
| }, | ||
| _a["ffe-group-card--bg-".concat(bgColor)] = bgColor, | ||
| _a['ffe-default-mode'] = appearance === 'default', | ||
| _a), className), role: Comp === 'div' ? 'group' : undefined }, rest, { ref: ref }), children)); | ||
| const { className, children, bgColor = 'primary', noMargin, appearance = 'default', as: Comp = 'div', ...rest } = props; | ||
| return (React.createElement(Comp, { className: classNames('ffe-group-card', { | ||
| 'ffe-group-card--no-margin': noMargin, | ||
| [`ffe-group-card--bg-${bgColor}`]: bgColor, | ||
| 'ffe-default-mode': appearance === 'default', | ||
| }, className), role: Comp === 'div' ? 'group' : undefined, ...rest, ref: ref }, children)); | ||
| } | ||
| export var GroupCard = fixedForwardRef(GroupCardWithForwardRef); | ||
| export const GroupCard = fixedForwardRef(GroupCardWithForwardRef); |
@@ -1,23 +0,1 @@ | ||
| var __assign = (this && this.__assign) || function () { | ||
| __assign = Object.assign || function(t) { | ||
| for (var s, i = 1, n = arguments.length; i < n; i++) { | ||
| s = arguments[i]; | ||
| for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) | ||
| t[p] = s[p]; | ||
| } | ||
| return t; | ||
| }; | ||
| return __assign.apply(this, arguments); | ||
| }; | ||
| var __rest = (this && this.__rest) || function (s, e) { | ||
| var t = {}; | ||
| for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) | ||
| t[p] = s[p]; | ||
| if (s != null && typeof Object.getOwnPropertySymbols === "function") | ||
| for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) { | ||
| if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) | ||
| t[p[i]] = s[p[i]]; | ||
| } | ||
| return t; | ||
| }; | ||
| import React from 'react'; | ||
@@ -28,13 +6,10 @@ import classNames from 'classnames'; | ||
| function GroupCardElementWithForwardRef(props, ref) { | ||
| var className = props.className, _a = props.noPadding, noPadding = _a === void 0 ? false : _a, _b = props.noSeparator, noSeparator = _b === void 0 ? false : _b, children = props.children, rest = __rest(props, ["className", "noPadding", "noSeparator", "children"]); | ||
| return (React.createElement(WithCardAction, __assign({ baseClassName: "ffe-group-card__element", className: classNames('ffe-group-card__element', className, { | ||
| const { className, noPadding = false, noSeparator = false, children, ...rest } = props; | ||
| return (React.createElement(WithCardAction, { baseClassName: "ffe-group-card__element", className: classNames('ffe-group-card__element', className, { | ||
| 'ffe-group-card__element--no-padding': noPadding, | ||
| 'ffe-group-card__element--no-separator': noSeparator, | ||
| }) }, rest, { ref: ref }), function (_a) { | ||
| var CardAction = _a.CardAction; | ||
| return typeof children === 'function' | ||
| ? children({ Text: Text, Subtext: Subtext, Title: Title, CardName: CardName, CardAction: CardAction }) | ||
| : children; | ||
| })); | ||
| }), ...rest, ref: ref }, ({ CardAction }) => typeof children === 'function' | ||
| ? children({ Text, Subtext, Title, CardName, CardAction }) | ||
| : children)); | ||
| } | ||
| export var GroupCardElement = fixedForwardRef(GroupCardElementWithForwardRef); | ||
| export const GroupCardElement = fixedForwardRef(GroupCardElementWithForwardRef); |
@@ -1,23 +0,1 @@ | ||
| var __assign = (this && this.__assign) || function () { | ||
| __assign = Object.assign || function(t) { | ||
| for (var s, i = 1, n = arguments.length; i < n; i++) { | ||
| s = arguments[i]; | ||
| for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) | ||
| t[p] = s[p]; | ||
| } | ||
| return t; | ||
| }; | ||
| return __assign.apply(this, arguments); | ||
| }; | ||
| var __rest = (this && this.__rest) || function (s, e) { | ||
| var t = {}; | ||
| for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) | ||
| t[p] = s[p]; | ||
| if (s != null && typeof Object.getOwnPropertySymbols === "function") | ||
| for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) { | ||
| if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) | ||
| t[p[i]] = s[p[i]]; | ||
| } | ||
| return t; | ||
| }; | ||
| import React from 'react'; | ||
@@ -28,12 +6,9 @@ import classNames from 'classnames'; | ||
| function GroupCardFooterWithForwardRef(props, ref) { | ||
| var className = props.className, _a = props.noPadding, noPadding = _a === void 0 ? false : _a, children = props.children, rest = __rest(props, ["className", "noPadding", "children"]); | ||
| return (React.createElement(WithCardAction, __assign({ baseClassName: "ffe-group-card__footer", className: classNames('ffe-group-card__footer', className, { | ||
| const { className, noPadding = false, children, ...rest } = props; | ||
| return (React.createElement(WithCardAction, { baseClassName: "ffe-group-card__footer", className: classNames('ffe-group-card__footer', className, { | ||
| 'ffe-group-card__element--no-padding': noPadding, | ||
| }) }, rest, { ref: ref }), function (_a) { | ||
| var CardAction = _a.CardAction; | ||
| return typeof children === 'function' | ||
| ? children({ Text: Text, Subtext: Subtext, Title: Title, CardName: CardName, CardAction: CardAction }) | ||
| : children; | ||
| })); | ||
| }), ...rest, ref: ref }, ({ CardAction }) => typeof children === 'function' | ||
| ? children({ Text, Subtext, Title, CardName, CardAction }) | ||
| : children)); | ||
| } | ||
| export var GroupCardFooter = fixedForwardRef(GroupCardFooterWithForwardRef); | ||
| export const GroupCardFooter = fixedForwardRef(GroupCardFooterWithForwardRef); |
@@ -1,23 +0,1 @@ | ||
| var __assign = (this && this.__assign) || function () { | ||
| __assign = Object.assign || function(t) { | ||
| for (var s, i = 1, n = arguments.length; i < n; i++) { | ||
| s = arguments[i]; | ||
| for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) | ||
| t[p] = s[p]; | ||
| } | ||
| return t; | ||
| }; | ||
| return __assign.apply(this, arguments); | ||
| }; | ||
| var __rest = (this && this.__rest) || function (s, e) { | ||
| var t = {}; | ||
| for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) | ||
| t[p] = s[p]; | ||
| if (s != null && typeof Object.getOwnPropertySymbols === "function") | ||
| for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) { | ||
| if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) | ||
| t[p[i]] = s[p[i]]; | ||
| } | ||
| return t; | ||
| }; | ||
| import React from 'react'; | ||
@@ -28,13 +6,10 @@ import classNames from 'classnames'; | ||
| function GroupCardTitleWithForwardRef(props, ref) { | ||
| var className = props.className, _a = props.noPadding, noPadding = _a === void 0 ? false : _a, _b = props.noSeparator, noSeparator = _b === void 0 ? false : _b, children = props.children, rest = __rest(props, ["className", "noPadding", "noSeparator", "children"]); | ||
| return (React.createElement(WithCardAction, __assign({ baseClassName: "ffe-group-card__title", className: classNames('ffe-group-card__title', className, { | ||
| const { className, noPadding = false, noSeparator = false, children, ...rest } = props; | ||
| return (React.createElement(WithCardAction, { baseClassName: "ffe-group-card__title", className: classNames('ffe-group-card__title', className, { | ||
| 'ffe-group-card__element--no-padding': noPadding, | ||
| 'ffe-group-card__element--no-separator': noSeparator, | ||
| }) }, rest, { ref: ref }), function (_a) { | ||
| var CardAction = _a.CardAction; | ||
| return typeof children === 'function' | ||
| ? children({ Text: Text, Subtext: Subtext, Title: Title, CardName: CardName, CardAction: CardAction }) | ||
| : children; | ||
| })); | ||
| }), ...rest, ref: ref }, ({ CardAction }) => typeof children === 'function' | ||
| ? children({ Text, Subtext, Title, CardName, CardAction }) | ||
| : children)); | ||
| } | ||
| export var GroupCardTitle = fixedForwardRef(GroupCardTitleWithForwardRef); | ||
| export const GroupCardTitle = fixedForwardRef(GroupCardTitleWithForwardRef); |
+19
-36
@@ -1,23 +0,1 @@ | ||
| var __assign = (this && this.__assign) || function () { | ||
| __assign = Object.assign || function(t) { | ||
| for (var s, i = 1, n = arguments.length; i < n; i++) { | ||
| s = arguments[i]; | ||
| for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) | ||
| t[p] = s[p]; | ||
| } | ||
| return t; | ||
| }; | ||
| return __assign.apply(this, arguments); | ||
| }; | ||
| var __rest = (this && this.__rest) || function (s, e) { | ||
| var t = {}; | ||
| for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) | ||
| t[p] = s[p]; | ||
| if (s != null && typeof Object.getOwnPropertySymbols === "function") | ||
| for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) { | ||
| if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) | ||
| t[p[i]] = s[p[i]]; | ||
| } | ||
| return t; | ||
| }; | ||
| import classNames from 'classnames'; | ||
@@ -28,18 +6,23 @@ import React from 'react'; | ||
| function IconCardWithForwardRef(props, ref) { | ||
| var className = props.className, condensed = props.condensed, icon = props.icon, rightIcon = props.rightIcon, noMargin = props.noMargin, _a = props.appearance, appearance = _a === void 0 ? 'default' : _a, children = props.children, rest = __rest(props, ["className", "condensed", "icon", "rightIcon", "noMargin", "appearance", "children"]); | ||
| return (React.createElement(WithCardAction, __assign({ baseClassName: "ffe-icon-card", className: classNames('ffe-icon-card', { 'ffe-icon-card--condensed': condensed }, { 'ffe-icon-card--no-margin': noMargin }, { 'ffe-default-mode': appearance === 'default' }, className) }, rest, { ref: ref }), function (_a) { | ||
| var CardAction = _a.CardAction; | ||
| var bodyElement = (React.createElement("div", { className: "ffe-icon-card__body" }, typeof children === 'function' | ||
| const { className, condensed, icon, rightIcon, noMargin, appearance = 'default', children, ...rest } = props; | ||
| return (React.createElement(WithCardAction, { baseClassName: "ffe-icon-card", className: classNames('ffe-icon-card', { 'ffe-icon-card--condensed': condensed }, { 'ffe-icon-card--no-margin': noMargin }, { 'ffe-default-mode': appearance === 'default' }, className), ...rest, ref: ref }, ({ CardAction }) => { | ||
| const bodyElement = (React.createElement("div", { className: "ffe-icon-card__body" }, typeof children === 'function' | ||
| ? children({ | ||
| Text: Text, | ||
| Subtext: Subtext, | ||
| Title: Title, | ||
| CardName: CardName, | ||
| CardAction: CardAction, | ||
| Text, | ||
| Subtext, | ||
| Title, | ||
| CardName, | ||
| CardAction, | ||
| }) | ||
| : children)); | ||
| var iconElement = icon && | ||
| React.cloneElement(icon, __assign(__assign({}, icon.props), { className: classNames('ffe-icon-card__icon', icon.props.className) })); | ||
| var rightIconElement = rightIcon && | ||
| React.cloneElement(rightIcon, __assign(__assign({}, rightIcon.props), { className: classNames('ffe-icon-card__icon', rightIcon.props.className) })); | ||
| const iconElement = icon && | ||
| React.cloneElement(icon, { | ||
| ...icon.props, | ||
| className: classNames('ffe-icon-card__icon', icon.props.className), | ||
| }); | ||
| const rightIconElement = rightIcon && | ||
| React.cloneElement(rightIcon, { | ||
| ...rightIcon.props, | ||
| className: classNames('ffe-icon-card__icon', rightIcon.props.className), | ||
| }); | ||
| return (React.createElement(React.Fragment, null, | ||
@@ -51,2 +34,2 @@ iconElement, | ||
| } | ||
| export var IconCard = fixedForwardRef(IconCardWithForwardRef); | ||
| export const IconCard = fixedForwardRef(IconCardWithForwardRef); |
@@ -1,23 +0,1 @@ | ||
| var __assign = (this && this.__assign) || function () { | ||
| __assign = Object.assign || function(t) { | ||
| for (var s, i = 1, n = arguments.length; i < n; i++) { | ||
| s = arguments[i]; | ||
| for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) | ||
| t[p] = s[p]; | ||
| } | ||
| return t; | ||
| }; | ||
| return __assign.apply(this, arguments); | ||
| }; | ||
| var __rest = (this && this.__rest) || function (s, e) { | ||
| var t = {}; | ||
| for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) | ||
| t[p] = s[p]; | ||
| if (s != null && typeof Object.getOwnPropertySymbols === "function") | ||
| for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) { | ||
| if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) | ||
| t[p[i]] = s[p[i]]; | ||
| } | ||
| return t; | ||
| }; | ||
| import React from 'react'; | ||
@@ -28,15 +6,14 @@ import classNames from 'classnames'; | ||
| function IllustrationCardWithForwardRef(props, ref) { | ||
| var className = props.className, condensed = props.condensed, img = props.img, illustrationPosition = props.illustrationPosition, noMargin = props.noMargin, _a = props.appearance, appearance = _a === void 0 ? 'default' : _a, children = props.children, rest = __rest(props, ["className", "condensed", "img", "illustrationPosition", "noMargin", "appearance", "children"]); | ||
| return (React.createElement(WithCardAction, __assign({ baseClassName: "ffe-illustration-card", className: classNames('ffe-illustration-card', { 'ffe-illustration-card--condensed': condensed }, { 'ffe-illustration-card--no-margin': noMargin }, { | ||
| const { className, condensed, img, illustrationPosition, noMargin, appearance = 'default', children, ...rest } = props; | ||
| return (React.createElement(WithCardAction, { baseClassName: "ffe-illustration-card", className: classNames('ffe-illustration-card', { 'ffe-illustration-card--condensed': condensed }, { 'ffe-illustration-card--no-margin': noMargin }, { | ||
| 'ffe-illustration-card--right': illustrationPosition === 'right', | ||
| }, { ' ffe-default-mode': appearance === 'default' }, className) }, rest, { ref: ref }), function (_a) { | ||
| var CardAction = _a.CardAction; | ||
| var illustrationElement = (React.createElement("div", { className: classNames('ffe-illustration-card__illustration') }, img)); | ||
| var bodyElement = (React.createElement("div", { className: "ffe-illustration-card__body" }, typeof children === 'function' | ||
| }, { ' ffe-default-mode': appearance === 'default' }, className), ...rest, ref: ref }, ({ CardAction }) => { | ||
| const illustrationElement = (React.createElement("div", { className: classNames('ffe-illustration-card__illustration') }, img)); | ||
| const bodyElement = (React.createElement("div", { className: "ffe-illustration-card__body" }, typeof children === 'function' | ||
| ? children({ | ||
| Text: Text, | ||
| Subtext: Subtext, | ||
| Title: Title, | ||
| CardName: CardName, | ||
| CardAction: CardAction, | ||
| Text, | ||
| Subtext, | ||
| Title, | ||
| CardName, | ||
| CardAction, | ||
| }) | ||
@@ -51,2 +28,2 @@ : children)); | ||
| } | ||
| export var IllustrationCard = fixedForwardRef(IllustrationCardWithForwardRef); | ||
| export const IllustrationCard = fixedForwardRef(IllustrationCardWithForwardRef); |
@@ -1,23 +0,1 @@ | ||
| var __assign = (this && this.__assign) || function () { | ||
| __assign = Object.assign || function(t) { | ||
| for (var s, i = 1, n = arguments.length; i < n; i++) { | ||
| s = arguments[i]; | ||
| for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) | ||
| t[p] = s[p]; | ||
| } | ||
| return t; | ||
| }; | ||
| return __assign.apply(this, arguments); | ||
| }; | ||
| var __rest = (this && this.__rest) || function (s, e) { | ||
| var t = {}; | ||
| for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) | ||
| t[p] = s[p]; | ||
| if (s != null && typeof Object.getOwnPropertySymbols === "function") | ||
| for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) { | ||
| if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) | ||
| t[p[i]] = s[p[i]]; | ||
| } | ||
| return t; | ||
| }; | ||
| import React from 'react'; | ||
@@ -28,23 +6,20 @@ import classNames from 'classnames'; | ||
| function ImageCardWithForwardRef(props, ref) { | ||
| var className = props.className, imageSrc = props.imageSrc, imageAltText = props.imageAltText, noMargin = props.noMargin, _a = props.appearance, appearance = _a === void 0 ? 'default' : _a, children = props.children, rest = __rest(props, ["className", "imageSrc", "imageAltText", "noMargin", "appearance", "children"]); | ||
| return (React.createElement(WithCardAction, __assign({ baseClassName: "ffe-image-card", className: classNames('ffe-image-card', { | ||
| const { className, imageSrc, imageAltText, noMargin, appearance = 'default', children, ...rest } = props; | ||
| return (React.createElement(WithCardAction, { baseClassName: "ffe-image-card", className: classNames('ffe-image-card', { | ||
| 'ffe-image-card--no-margin': noMargin, | ||
| 'ffe-default-mode': appearance === 'default', | ||
| }, className) }, rest, { ref: ref }), function (_a) { | ||
| var CardAction = _a.CardAction; | ||
| return (React.createElement(React.Fragment, null, | ||
| React.createElement("div", { className: "ffe-image-card__image-container" }, | ||
| React.createElement("div", { className: "ffe-image-card__image-overlay" }), | ||
| React.createElement("img", { src: imageSrc, alt: imageAltText, className: "ffe-image-card__image" })), | ||
| React.createElement("div", { className: "ffe-image-card__body" }, typeof children === 'function' | ||
| ? children({ | ||
| Text: Text, | ||
| Subtext: Subtext, | ||
| Title: Title, | ||
| CardName: CardName, | ||
| CardAction: CardAction, | ||
| }) | ||
| : children))); | ||
| })); | ||
| }, className), ...rest, ref: ref }, ({ CardAction }) => (React.createElement(React.Fragment, null, | ||
| React.createElement("div", { className: "ffe-image-card__image-container" }, | ||
| React.createElement("div", { className: "ffe-image-card__image-overlay" }), | ||
| React.createElement("img", { src: imageSrc, alt: imageAltText, className: "ffe-image-card__image" })), | ||
| React.createElement("div", { className: "ffe-image-card__body" }, typeof children === 'function' | ||
| ? children({ | ||
| Text, | ||
| Subtext, | ||
| Title, | ||
| CardName, | ||
| CardAction, | ||
| }) | ||
| : children))))); | ||
| } | ||
| export var ImageCard = fixedForwardRef(ImageCardWithForwardRef); | ||
| export const ImageCard = fixedForwardRef(ImageCardWithForwardRef); |
+2
-2
| export function mergeRefs(refs) { | ||
| return function (value) { | ||
| refs.forEach(function (ref) { | ||
| return value => { | ||
| refs.forEach(ref => { | ||
| if (typeof ref === 'function') { | ||
@@ -5,0 +5,0 @@ ref(value); |
@@ -1,23 +0,1 @@ | ||
| var __assign = (this && this.__assign) || function () { | ||
| __assign = Object.assign || function(t) { | ||
| for (var s, i = 1, n = arguments.length; i < n; i++) { | ||
| s = arguments[i]; | ||
| for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) | ||
| t[p] = s[p]; | ||
| } | ||
| return t; | ||
| }; | ||
| return __assign.apply(this, arguments); | ||
| }; | ||
| var __rest = (this && this.__rest) || function (s, e) { | ||
| var t = {}; | ||
| for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) | ||
| t[p] = s[p]; | ||
| if (s != null && typeof Object.getOwnPropertySymbols === "function") | ||
| for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) { | ||
| if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) | ||
| t[p[i]] = s[p[i]]; | ||
| } | ||
| return t; | ||
| }; | ||
| import React from 'react'; | ||
@@ -28,23 +6,20 @@ import classNames from 'classnames'; | ||
| function StippledCardWithForwardRef(props, ref) { | ||
| var className = props.className, condensed = props.condensed, img = props.img, noMargin = props.noMargin, rightImg = props.rightImg, children = props.children, rest = __rest(props, ["className", "condensed", "img", "noMargin", "rightImg", "children"]); | ||
| return (React.createElement(WithCardAction, __assign({ baseClassName: "ffe-stippled-card", className: classNames('ffe-stippled-card', { 'ffe-stippled-card--condensed': condensed }, { 'ffe-stippled-card--no-margin': noMargin }, className) }, rest, { ref: ref }), function (_a) { | ||
| var CardAction = _a.CardAction; | ||
| return (React.createElement(React.Fragment, null, | ||
| img && (React.createElement("div", { className: classNames('ffe-stippled-card__img', { | ||
| 'ffe-stippled-card__img--icon': (img === null || img === void 0 ? void 0 : img.type) === 'icon', | ||
| }), "aria-hidden": (img === null || img === void 0 ? void 0 : img.type) === 'icon' }, img === null || img === void 0 ? void 0 : img.element)), | ||
| React.createElement("div", { className: 'ffe-stippled-card__content' }, typeof children === 'function' | ||
| ? children({ | ||
| CardName: CardName, | ||
| Title: Title, | ||
| Text: Text, | ||
| Subtext: Subtext, | ||
| CardAction: CardAction, | ||
| }) | ||
| : children), | ||
| rightImg && (React.createElement("div", { className: classNames('ffe-stippled-card__img', { | ||
| 'ffe-stippled-card__img--icon': (rightImg === null || rightImg === void 0 ? void 0 : rightImg.type) === 'icon', | ||
| }), "aria-hidden": (rightImg === null || rightImg === void 0 ? void 0 : rightImg.type) === 'icon' }, rightImg === null || rightImg === void 0 ? void 0 : rightImg.element)))); | ||
| })); | ||
| const { className, condensed, img, noMargin, rightImg, children, ...rest } = props; | ||
| return (React.createElement(WithCardAction, { baseClassName: "ffe-stippled-card", className: classNames('ffe-stippled-card', { 'ffe-stippled-card--condensed': condensed }, { 'ffe-stippled-card--no-margin': noMargin }, className), ...rest, ref: ref }, ({ CardAction }) => (React.createElement(React.Fragment, null, | ||
| img && (React.createElement("div", { className: classNames('ffe-stippled-card__img', { | ||
| 'ffe-stippled-card__img--icon': (img === null || img === void 0 ? void 0 : img.type) === 'icon', | ||
| }), "aria-hidden": (img === null || img === void 0 ? void 0 : img.type) === 'icon' }, img === null || img === void 0 ? void 0 : img.element)), | ||
| React.createElement("div", { className: 'ffe-stippled-card__content' }, typeof children === 'function' | ||
| ? children({ | ||
| CardName, | ||
| Title, | ||
| Text, | ||
| Subtext, | ||
| CardAction, | ||
| }) | ||
| : children), | ||
| rightImg && (React.createElement("div", { className: classNames('ffe-stippled-card__img', { | ||
| 'ffe-stippled-card__img--icon': (rightImg === null || rightImg === void 0 ? void 0 : rightImg.type) === 'icon', | ||
| }), "aria-hidden": (rightImg === null || rightImg === void 0 ? void 0 : rightImg.type) === 'icon' }, rightImg === null || rightImg === void 0 ? void 0 : rightImg.element)))))); | ||
| } | ||
| export var StippledCard = fixedForwardRef(StippledCardWithForwardRef); | ||
| export const StippledCard = fixedForwardRef(StippledCardWithForwardRef); |
@@ -1,23 +0,1 @@ | ||
| var __assign = (this && this.__assign) || function () { | ||
| __assign = Object.assign || function(t) { | ||
| for (var s, i = 1, n = arguments.length; i < n; i++) { | ||
| s = arguments[i]; | ||
| for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) | ||
| t[p] = s[p]; | ||
| } | ||
| return t; | ||
| }; | ||
| return __assign.apply(this, arguments); | ||
| }; | ||
| var __rest = (this && this.__rest) || function (s, e) { | ||
| var t = {}; | ||
| for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) | ||
| t[p] = s[p]; | ||
| if (s != null && typeof Object.getOwnPropertySymbols === "function") | ||
| for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) { | ||
| if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) | ||
| t[p[i]] = s[p[i]]; | ||
| } | ||
| return t; | ||
| }; | ||
| import React from 'react'; | ||
@@ -28,14 +6,11 @@ import classNames from 'classnames'; | ||
| function TextCardWithForwardRef(props, ref) { | ||
| var className = props.className, leftAlign = props.leftAlign, noMargin = props.noMargin, _a = props.appearance, appearance = _a === void 0 ? 'default' : _a, children = props.children, rest = __rest(props, ["className", "leftAlign", "noMargin", "appearance", "children"]); | ||
| return (React.createElement(WithCardAction, __assign({ baseClassName: "ffe-text-card", className: classNames('ffe-text-card', { | ||
| const { className, leftAlign, noMargin, appearance = 'default', children, ...rest } = props; | ||
| return (React.createElement(WithCardAction, { baseClassName: "ffe-text-card", className: classNames('ffe-text-card', { | ||
| 'ffe-text-card--left-align': leftAlign, | ||
| 'ffe-text-card--no-margin': noMargin, | ||
| 'ffe-default-mode': appearance === 'default', | ||
| }, className) }, rest, { ref: ref }), function (_a) { | ||
| var CardAction = _a.CardAction; | ||
| return typeof children === 'function' | ||
| ? children({ Text: Text, Subtext: Subtext, Title: Title, CardName: CardName, CardAction: CardAction }) | ||
| : children; | ||
| })); | ||
| }, className), ...rest, ref: ref }, ({ CardAction }) => typeof children === 'function' | ||
| ? children({ Text, Subtext, Title, CardName, CardAction }) | ||
| : children)); | ||
| } | ||
| export var TextCard = fixedForwardRef(TextCardWithForwardRef); | ||
| export const TextCard = fixedForwardRef(TextCardWithForwardRef); |
+14
-40
| "use strict"; | ||
| var __assign = (this && this.__assign) || function () { | ||
| __assign = Object.assign || function(t) { | ||
| for (var s, i = 1, n = arguments.length; i < n; i++) { | ||
| s = arguments[i]; | ||
| for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) | ||
| t[p] = s[p]; | ||
| } | ||
| return t; | ||
| }; | ||
| return __assign.apply(this, arguments); | ||
| }; | ||
| var __rest = (this && this.__rest) || function (s, e) { | ||
| var t = {}; | ||
| for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) | ||
| t[p] = s[p]; | ||
| if (s != null && typeof Object.getOwnPropertySymbols === "function") | ||
| for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) { | ||
| if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) | ||
| t[p[i]] = s[p[i]]; | ||
| } | ||
| return t; | ||
| }; | ||
| var __importDefault = (this && this.__importDefault) || function (mod) { | ||
@@ -29,22 +7,18 @@ return (mod && mod.__esModule) ? mod : { "default": mod }; | ||
| exports.CardBase = void 0; | ||
| var classnames_1 = __importDefault(require("classnames")); | ||
| var react_1 = __importDefault(require("react")); | ||
| var components_1 = require("./components"); | ||
| var fixedForwardRef_1 = require("./fixedForwardRef"); | ||
| const classnames_1 = __importDefault(require("classnames")); | ||
| const react_1 = __importDefault(require("react")); | ||
| const components_1 = require("./components"); | ||
| const fixedForwardRef_1 = require("./fixedForwardRef"); | ||
| function CardBaseWithForwardRef(props, ref) { | ||
| var _a; | ||
| var className = props.className, noMargin = props.noMargin, textCenter = props.textCenter, _b = props.bgColor, bgColor = _b === void 0 ? 'primary' : _b, noPadding = props.noPadding, _c = props.appearance, appearance = _c === void 0 ? 'default' : _c, children = props.children, rest = __rest(props, ["className", "noMargin", "textCenter", "bgColor", "noPadding", "appearance", "children"]); | ||
| return (react_1.default.createElement(components_1.WithCardAction, __assign({ baseClassName: "ffe-card-base", className: (0, classnames_1.default)('ffe-card-base', className, (_a = {}, | ||
| _a["ffe-card-base--bg-".concat(bgColor)] = bgColor, | ||
| _a['ffe-card-base--no-margin'] = noMargin, | ||
| _a['ffe-card-base--text-center'] = textCenter, | ||
| _a['ffe-card-base--no-padding'] = noPadding, | ||
| _a['ffe-default-mode'] = appearance === 'default', | ||
| _a)) }, rest, { ref: ref }), function (_a) { | ||
| var CardAction = _a.CardAction; | ||
| return typeof children === 'function' | ||
| ? children({ CardAction: CardAction }) | ||
| : children; | ||
| })); | ||
| const { className, noMargin, textCenter, bgColor = 'primary', noPadding, appearance = 'default', children, ...rest } = props; | ||
| return (react_1.default.createElement(components_1.WithCardAction, { baseClassName: "ffe-card-base", className: (0, classnames_1.default)('ffe-card-base', className, { | ||
| [`ffe-card-base--bg-${bgColor}`]: bgColor, | ||
| 'ffe-card-base--no-margin': noMargin, | ||
| 'ffe-card-base--text-center': textCenter, | ||
| 'ffe-card-base--no-padding': noPadding, | ||
| 'ffe-default-mode': appearance === 'default', | ||
| }), ...rest, ref: ref }, ({ CardAction }) => typeof children === 'function' | ||
| ? children({ CardAction }) | ||
| : children)); | ||
| } | ||
| exports.CardBase = (0, fixedForwardRef_1.fixedForwardRef)(CardBaseWithForwardRef); |
| "use strict"; | ||
| var __assign = (this && this.__assign) || function () { | ||
| __assign = Object.assign || function(t) { | ||
| for (var s, i = 1, n = arguments.length; i < n; i++) { | ||
| s = arguments[i]; | ||
| for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) | ||
| t[p] = s[p]; | ||
| } | ||
| return t; | ||
| }; | ||
| return __assign.apply(this, arguments); | ||
| }; | ||
| var __rest = (this && this.__rest) || function (s, e) { | ||
| var t = {}; | ||
| for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) | ||
| t[p] = s[p]; | ||
| if (s != null && typeof Object.getOwnPropertySymbols === "function") | ||
| for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) { | ||
| if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) | ||
| t[p[i]] = s[p[i]]; | ||
| } | ||
| return t; | ||
| }; | ||
| var __importDefault = (this && this.__importDefault) || function (mod) { | ||
@@ -29,8 +7,8 @@ return (mod && mod.__esModule) ? mod : { "default": mod }; | ||
| exports.CardAction = void 0; | ||
| var react_1 = __importDefault(require("react")); | ||
| var fixedForwardRef_1 = require("../fixedForwardRef"); | ||
| const react_1 = __importDefault(require("react")); | ||
| const fixedForwardRef_1 = require("../fixedForwardRef"); | ||
| function CardActionWithRef(props, ref) { | ||
| var _a = props.as, Comp = _a === void 0 ? 'a' : _a, rest = __rest(props, ["as"]); | ||
| return react_1.default.createElement(Comp, __assign({}, rest, { ref: ref })); | ||
| const { as: Comp = 'a', ...rest } = props; | ||
| return react_1.default.createElement(Comp, { ...rest, ref: ref }); | ||
| } | ||
| exports.CardAction = (0, fixedForwardRef_1.fixedForwardRef)(CardActionWithRef); |
| "use strict"; | ||
| var __assign = (this && this.__assign) || function () { | ||
| __assign = Object.assign || function(t) { | ||
| for (var s, i = 1, n = arguments.length; i < n; i++) { | ||
| s = arguments[i]; | ||
| for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) | ||
| t[p] = s[p]; | ||
| } | ||
| return t; | ||
| }; | ||
| return __assign.apply(this, arguments); | ||
| }; | ||
| var __rest = (this && this.__rest) || function (s, e) { | ||
| var t = {}; | ||
| for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) | ||
| t[p] = s[p]; | ||
| if (s != null && typeof Object.getOwnPropertySymbols === "function") | ||
| for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) { | ||
| if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) | ||
| t[p[i]] = s[p[i]]; | ||
| } | ||
| return t; | ||
| }; | ||
| var __importDefault = (this && this.__importDefault) || function (mod) { | ||
@@ -29,8 +7,8 @@ return (mod && mod.__esModule) ? mod : { "default": mod }; | ||
| exports.CardName = CardName; | ||
| var react_1 = __importDefault(require("react")); | ||
| var classnames_1 = __importDefault(require("classnames")); | ||
| var ComponentBase_1 = require("./ComponentBase"); | ||
| const react_1 = __importDefault(require("react")); | ||
| const classnames_1 = __importDefault(require("classnames")); | ||
| const ComponentBase_1 = require("./ComponentBase"); | ||
| function CardName(props) { | ||
| var className = props.className, rest = __rest(props, ["className"]); | ||
| return (react_1.default.createElement(ComponentBase_1.ComponentBase, __assign({ className: (0, classnames_1.default)('ffe-card-body__card-name', className) }, rest))); | ||
| const { className, ...rest } = props; | ||
| return (react_1.default.createElement(ComponentBase_1.ComponentBase, { className: (0, classnames_1.default)('ffe-card-body__card-name', className), ...rest })); | ||
| } |
| "use strict"; | ||
| var __assign = (this && this.__assign) || function () { | ||
| __assign = Object.assign || function(t) { | ||
| for (var s, i = 1, n = arguments.length; i < n; i++) { | ||
| s = arguments[i]; | ||
| for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) | ||
| t[p] = s[p]; | ||
| } | ||
| return t; | ||
| }; | ||
| return __assign.apply(this, arguments); | ||
| }; | ||
| var __rest = (this && this.__rest) || function (s, e) { | ||
| var t = {}; | ||
| for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) | ||
| t[p] = s[p]; | ||
| if (s != null && typeof Object.getOwnPropertySymbols === "function") | ||
| for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) { | ||
| if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) | ||
| t[p[i]] = s[p[i]]; | ||
| } | ||
| return t; | ||
| }; | ||
| var __importDefault = (this && this.__importDefault) || function (mod) { | ||
@@ -29,6 +7,6 @@ return (mod && mod.__esModule) ? mod : { "default": mod }; | ||
| exports.ComponentBase = ComponentBase; | ||
| var react_1 = __importDefault(require("react")); | ||
| const react_1 = __importDefault(require("react")); | ||
| function ComponentBase(props) { | ||
| var _a = props.as, Comp = _a === void 0 ? 'p' : _a, rest = __rest(props, ["as"]); | ||
| return react_1.default.createElement(Comp, __assign({}, rest)); | ||
| const { as: Comp = 'p', ...rest } = props; | ||
| return react_1.default.createElement(Comp, { ...rest }); | ||
| } |
| "use strict"; | ||
| var __assign = (this && this.__assign) || function () { | ||
| __assign = Object.assign || function(t) { | ||
| for (var s, i = 1, n = arguments.length; i < n; i++) { | ||
| s = arguments[i]; | ||
| for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) | ||
| t[p] = s[p]; | ||
| } | ||
| return t; | ||
| }; | ||
| return __assign.apply(this, arguments); | ||
| }; | ||
| var __rest = (this && this.__rest) || function (s, e) { | ||
| var t = {}; | ||
| for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) | ||
| t[p] = s[p]; | ||
| if (s != null && typeof Object.getOwnPropertySymbols === "function") | ||
| for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) { | ||
| if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) | ||
| t[p[i]] = s[p[i]]; | ||
| } | ||
| return t; | ||
| }; | ||
| var __importDefault = (this && this.__importDefault) || function (mod) { | ||
@@ -29,8 +7,8 @@ return (mod && mod.__esModule) ? mod : { "default": mod }; | ||
| exports.Subtext = Subtext; | ||
| var react_1 = __importDefault(require("react")); | ||
| var classnames_1 = __importDefault(require("classnames")); | ||
| var ComponentBase_1 = require("./ComponentBase"); | ||
| const react_1 = __importDefault(require("react")); | ||
| const classnames_1 = __importDefault(require("classnames")); | ||
| const ComponentBase_1 = require("./ComponentBase"); | ||
| function Subtext(props) { | ||
| var className = props.className, rest = __rest(props, ["className"]); | ||
| return (react_1.default.createElement(ComponentBase_1.ComponentBase, __assign({ className: (0, classnames_1.default)('ffe-card-body__subtext', className) }, rest))); | ||
| const { className, ...rest } = props; | ||
| return (react_1.default.createElement(ComponentBase_1.ComponentBase, { className: (0, classnames_1.default)('ffe-card-body__subtext', className), ...rest })); | ||
| } |
| "use strict"; | ||
| var __assign = (this && this.__assign) || function () { | ||
| __assign = Object.assign || function(t) { | ||
| for (var s, i = 1, n = arguments.length; i < n; i++) { | ||
| s = arguments[i]; | ||
| for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) | ||
| t[p] = s[p]; | ||
| } | ||
| return t; | ||
| }; | ||
| return __assign.apply(this, arguments); | ||
| }; | ||
| var __rest = (this && this.__rest) || function (s, e) { | ||
| var t = {}; | ||
| for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) | ||
| t[p] = s[p]; | ||
| if (s != null && typeof Object.getOwnPropertySymbols === "function") | ||
| for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) { | ||
| if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) | ||
| t[p[i]] = s[p[i]]; | ||
| } | ||
| return t; | ||
| }; | ||
| var __importDefault = (this && this.__importDefault) || function (mod) { | ||
@@ -29,8 +7,8 @@ return (mod && mod.__esModule) ? mod : { "default": mod }; | ||
| exports.Text = Text; | ||
| var react_1 = __importDefault(require("react")); | ||
| var classnames_1 = __importDefault(require("classnames")); | ||
| var ComponentBase_1 = require("./ComponentBase"); | ||
| const react_1 = __importDefault(require("react")); | ||
| const classnames_1 = __importDefault(require("classnames")); | ||
| const ComponentBase_1 = require("./ComponentBase"); | ||
| function Text(props) { | ||
| var className = props.className, rest = __rest(props, ["className"]); | ||
| return (react_1.default.createElement(ComponentBase_1.ComponentBase, __assign({ className: (0, classnames_1.default)('ffe-card-body__text', className) }, rest))); | ||
| const { className, ...rest } = props; | ||
| return (react_1.default.createElement(ComponentBase_1.ComponentBase, { className: (0, classnames_1.default)('ffe-card-body__text', className), ...rest })); | ||
| } |
| "use strict"; | ||
| var __assign = (this && this.__assign) || function () { | ||
| __assign = Object.assign || function(t) { | ||
| for (var s, i = 1, n = arguments.length; i < n; i++) { | ||
| s = arguments[i]; | ||
| for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) | ||
| t[p] = s[p]; | ||
| } | ||
| return t; | ||
| }; | ||
| return __assign.apply(this, arguments); | ||
| }; | ||
| var __rest = (this && this.__rest) || function (s, e) { | ||
| var t = {}; | ||
| for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) | ||
| t[p] = s[p]; | ||
| if (s != null && typeof Object.getOwnPropertySymbols === "function") | ||
| for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) { | ||
| if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) | ||
| t[p[i]] = s[p[i]]; | ||
| } | ||
| return t; | ||
| }; | ||
| var __importDefault = (this && this.__importDefault) || function (mod) { | ||
@@ -29,10 +7,10 @@ return (mod && mod.__esModule) ? mod : { "default": mod }; | ||
| exports.Title = Title; | ||
| var react_1 = __importDefault(require("react")); | ||
| var classnames_1 = __importDefault(require("classnames")); | ||
| var ComponentBase_1 = require("./ComponentBase"); | ||
| const react_1 = __importDefault(require("react")); | ||
| const classnames_1 = __importDefault(require("classnames")); | ||
| const ComponentBase_1 = require("./ComponentBase"); | ||
| function Title(props) { | ||
| var className = props.className, overflowEllipsis = props.overflowEllipsis, rest = __rest(props, ["className", "overflowEllipsis"]); | ||
| return (react_1.default.createElement(ComponentBase_1.ComponentBase, __assign({ className: (0, classnames_1.default)('ffe-card-body__title', { | ||
| const { className, overflowEllipsis, ...rest } = props; | ||
| return (react_1.default.createElement(ComponentBase_1.ComponentBase, { className: (0, classnames_1.default)('ffe-card-body__title', { | ||
| 'ffe-card-body__title--overflow-ellipsis': overflowEllipsis, | ||
| }, className) }, rest))); | ||
| }, className), ...rest })); | ||
| } |
| "use strict"; | ||
| var __assign = (this && this.__assign) || function () { | ||
| __assign = Object.assign || function(t) { | ||
| for (var s, i = 1, n = arguments.length; i < n; i++) { | ||
| s = arguments[i]; | ||
| for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) | ||
| t[p] = s[p]; | ||
| } | ||
| return t; | ||
| }; | ||
| return __assign.apply(this, arguments); | ||
| }; | ||
| var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { | ||
@@ -46,13 +35,2 @@ if (k2 === undefined) k2 = k; | ||
| })(); | ||
| var __rest = (this && this.__rest) || function (s, e) { | ||
| var t = {}; | ||
| for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) | ||
| t[p] = s[p]; | ||
| if (s != null && typeof Object.getOwnPropertySymbols === "function") | ||
| for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) { | ||
| if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) | ||
| t[p[i]] = s[p[i]]; | ||
| } | ||
| return t; | ||
| }; | ||
| var __importDefault = (this && this.__importDefault) || function (mod) { | ||
@@ -63,15 +41,15 @@ return (mod && mod.__esModule) ? mod : { "default": mod }; | ||
| exports.WithCardAction = void 0; | ||
| var react_1 = __importStar(require("react")); | ||
| var classnames_1 = __importDefault(require("classnames")); | ||
| var mergeRefs_1 = require("../mergeRefs"); | ||
| var CardAction_1 = require("./CardAction"); | ||
| var fixedForwardRef_1 = require("../fixedForwardRef"); | ||
| const react_1 = __importStar(require("react")); | ||
| const classnames_1 = __importDefault(require("classnames")); | ||
| const mergeRefs_1 = require("../mergeRefs"); | ||
| const CardAction_1 = require("./CardAction"); | ||
| const fixedForwardRef_1 = require("../fixedForwardRef"); | ||
| function WithCardActionForwardRef(props, ref) { | ||
| var children = props.children, _a = props.as, Comp = _a === void 0 ? 'div' : _a, onClick = props.onClick, className = props.className, baseClassName = props.baseClassName, rest = __rest(props, ["children", "as", "onClick", "className", "baseClassName"]); | ||
| var cardActionInnerRef = (0, react_1.useRef)(null); | ||
| var _b = (0, react_1.useState)(), isUsingCardAction = _b[0], setIsUsingCardAction = _b[1]; | ||
| const { children, as: Comp = 'div', onClick, className, baseClassName, ...rest } = props; | ||
| const cardActionInnerRef = (0, react_1.useRef)(null); | ||
| const [isUsingCardAction, setIsUsingCardAction] = (0, react_1.useState)(); | ||
| /** Før att hover og focus skall fungera i browsers som ikke støtter :has. | ||
| * Allt med klassen '--clickable' kan eftervart fjernes. */ | ||
| (0, react_1.useEffect)(function () { | ||
| var isStillUsingCardAction = !!cardActionInnerRef.current; | ||
| (0, react_1.useEffect)(() => { | ||
| const isStillUsingCardAction = !!cardActionInnerRef.current; | ||
| if (isUsingCardAction !== isStillUsingCardAction) { | ||
@@ -81,13 +59,12 @@ setIsUsingCardAction(isStillUsingCardAction); | ||
| }, [isUsingCardAction]); | ||
| var PartialAppliedCardAction = (0, react_1.useCallback)(function (_a, cardActionRef) { | ||
| var cardActionClassName = _a.className, restCardAction = __rest(_a, ["className"]); | ||
| return (react_1.default.createElement(CardAction_1.CardAction, __assign({ className: (0, classnames_1.default)(cardActionClassName, 'ffe-card__action', { | ||
| const PartialAppliedCardAction = (0, react_1.useCallback)(({ className: cardActionClassName, ...restCardAction }, cardActionRef) => { | ||
| return (react_1.default.createElement(CardAction_1.CardAction, { className: (0, classnames_1.default)(cardActionClassName, 'ffe-card__action', { | ||
| 'ffe-card__action--raw': !cardActionClassName, | ||
| }), ref: cardActionRef | ||
| ? (0, mergeRefs_1.mergeRefs)([cardActionRef, cardActionInnerRef]) | ||
| : cardActionInnerRef }, restCardAction))); | ||
| : cardActionInnerRef, ...restCardAction })); | ||
| }, []); | ||
| return (react_1.default.createElement(Comp, __assign({}, rest, { className: (0, classnames_1.default)(className, isUsingCardAction && "".concat(baseClassName, "--clickable")), onClick: function (e) { | ||
| return (react_1.default.createElement(Comp, { ...rest, className: (0, classnames_1.default)(className, isUsingCardAction && `${baseClassName}--clickable`), onClick: (e) => { | ||
| var _a, _b, _c; | ||
| var hasSelectedText = !!((_a = window.getSelection()) === null || _a === void 0 ? void 0 : _a.toString().length); | ||
| const hasSelectedText = !!((_a = window.getSelection()) === null || _a === void 0 ? void 0 : _a.toString().length); | ||
| if (!hasSelectedText && | ||
@@ -98,3 +75,3 @@ !((_b = cardActionInnerRef.current) === null || _b === void 0 ? void 0 : _b.contains(e.target))) { | ||
| onClick === null || onClick === void 0 ? void 0 : onClick(e); | ||
| }, ref: ref }), children({ | ||
| }, ref: ref }, children({ | ||
| CardAction: (0, fixedForwardRef_1.fixedForwardRef)(PartialAppliedCardAction), | ||
@@ -101,0 +78,0 @@ }))); |
| "use strict"; | ||
| Object.defineProperty(exports, "__esModule", { value: true }); | ||
| exports.fixedForwardRef = void 0; | ||
| var react_1 = require("react"); | ||
| const react_1 = require("react"); | ||
| exports.fixedForwardRef = react_1.forwardRef; |
| "use strict"; | ||
| var __assign = (this && this.__assign) || function () { | ||
| __assign = Object.assign || function(t) { | ||
| for (var s, i = 1, n = arguments.length; i < n; i++) { | ||
| s = arguments[i]; | ||
| for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) | ||
| t[p] = s[p]; | ||
| } | ||
| return t; | ||
| }; | ||
| return __assign.apply(this, arguments); | ||
| }; | ||
| var __rest = (this && this.__rest) || function (s, e) { | ||
| var t = {}; | ||
| for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) | ||
| t[p] = s[p]; | ||
| if (s != null && typeof Object.getOwnPropertySymbols === "function") | ||
| for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) { | ||
| if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) | ||
| t[p[i]] = s[p[i]]; | ||
| } | ||
| return t; | ||
| }; | ||
| var __importDefault = (this && this.__importDefault) || function (mod) { | ||
@@ -29,15 +7,13 @@ return (mod && mod.__esModule) ? mod : { "default": mod }; | ||
| exports.GroupCard = void 0; | ||
| var classnames_1 = __importDefault(require("classnames")); | ||
| var react_1 = __importDefault(require("react")); | ||
| var fixedForwardRef_1 = require("../fixedForwardRef"); | ||
| const classnames_1 = __importDefault(require("classnames")); | ||
| const react_1 = __importDefault(require("react")); | ||
| const fixedForwardRef_1 = require("../fixedForwardRef"); | ||
| function GroupCardWithForwardRef(props, ref) { | ||
| var _a; | ||
| var className = props.className, children = props.children, _b = props.bgColor, bgColor = _b === void 0 ? 'primary' : _b, noMargin = props.noMargin, _c = props.appearance, appearance = _c === void 0 ? 'default' : _c, _d = props.as, Comp = _d === void 0 ? 'div' : _d, rest = __rest(props, ["className", "children", "bgColor", "noMargin", "appearance", "as"]); | ||
| return (react_1.default.createElement(Comp, __assign({ className: (0, classnames_1.default)('ffe-group-card', (_a = { | ||
| 'ffe-group-card--no-margin': noMargin | ||
| }, | ||
| _a["ffe-group-card--bg-".concat(bgColor)] = bgColor, | ||
| _a['ffe-default-mode'] = appearance === 'default', | ||
| _a), className), role: Comp === 'div' ? 'group' : undefined }, rest, { ref: ref }), children)); | ||
| const { className, children, bgColor = 'primary', noMargin, appearance = 'default', as: Comp = 'div', ...rest } = props; | ||
| return (react_1.default.createElement(Comp, { className: (0, classnames_1.default)('ffe-group-card', { | ||
| 'ffe-group-card--no-margin': noMargin, | ||
| [`ffe-group-card--bg-${bgColor}`]: bgColor, | ||
| 'ffe-default-mode': appearance === 'default', | ||
| }, className), role: Comp === 'div' ? 'group' : undefined, ...rest, ref: ref }, children)); | ||
| } | ||
| exports.GroupCard = (0, fixedForwardRef_1.fixedForwardRef)(GroupCardWithForwardRef); |
| "use strict"; | ||
| var __assign = (this && this.__assign) || function () { | ||
| __assign = Object.assign || function(t) { | ||
| for (var s, i = 1, n = arguments.length; i < n; i++) { | ||
| s = arguments[i]; | ||
| for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) | ||
| t[p] = s[p]; | ||
| } | ||
| return t; | ||
| }; | ||
| return __assign.apply(this, arguments); | ||
| }; | ||
| var __rest = (this && this.__rest) || function (s, e) { | ||
| var t = {}; | ||
| for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) | ||
| t[p] = s[p]; | ||
| if (s != null && typeof Object.getOwnPropertySymbols === "function") | ||
| for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) { | ||
| if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) | ||
| t[p[i]] = s[p[i]]; | ||
| } | ||
| return t; | ||
| }; | ||
| var __importDefault = (this && this.__importDefault) || function (mod) { | ||
@@ -29,18 +7,15 @@ return (mod && mod.__esModule) ? mod : { "default": mod }; | ||
| exports.GroupCardElement = void 0; | ||
| var react_1 = __importDefault(require("react")); | ||
| var classnames_1 = __importDefault(require("classnames")); | ||
| var components_1 = require("../components"); | ||
| var fixedForwardRef_1 = require("../fixedForwardRef"); | ||
| const react_1 = __importDefault(require("react")); | ||
| const classnames_1 = __importDefault(require("classnames")); | ||
| const components_1 = require("../components"); | ||
| const fixedForwardRef_1 = require("../fixedForwardRef"); | ||
| function GroupCardElementWithForwardRef(props, ref) { | ||
| var className = props.className, _a = props.noPadding, noPadding = _a === void 0 ? false : _a, _b = props.noSeparator, noSeparator = _b === void 0 ? false : _b, children = props.children, rest = __rest(props, ["className", "noPadding", "noSeparator", "children"]); | ||
| return (react_1.default.createElement(components_1.WithCardAction, __assign({ baseClassName: "ffe-group-card__element", className: (0, classnames_1.default)('ffe-group-card__element', className, { | ||
| const { className, noPadding = false, noSeparator = false, children, ...rest } = props; | ||
| return (react_1.default.createElement(components_1.WithCardAction, { baseClassName: "ffe-group-card__element", className: (0, classnames_1.default)('ffe-group-card__element', className, { | ||
| 'ffe-group-card__element--no-padding': noPadding, | ||
| 'ffe-group-card__element--no-separator': noSeparator, | ||
| }) }, rest, { ref: ref }), function (_a) { | ||
| var CardAction = _a.CardAction; | ||
| return typeof children === 'function' | ||
| ? children({ Text: components_1.Text, Subtext: components_1.Subtext, Title: components_1.Title, CardName: components_1.CardName, CardAction: CardAction }) | ||
| : children; | ||
| })); | ||
| }), ...rest, ref: ref }, ({ CardAction }) => typeof children === 'function' | ||
| ? children({ Text: components_1.Text, Subtext: components_1.Subtext, Title: components_1.Title, CardName: components_1.CardName, CardAction }) | ||
| : children)); | ||
| } | ||
| exports.GroupCardElement = (0, fixedForwardRef_1.fixedForwardRef)(GroupCardElementWithForwardRef); |
| "use strict"; | ||
| var __assign = (this && this.__assign) || function () { | ||
| __assign = Object.assign || function(t) { | ||
| for (var s, i = 1, n = arguments.length; i < n; i++) { | ||
| s = arguments[i]; | ||
| for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) | ||
| t[p] = s[p]; | ||
| } | ||
| return t; | ||
| }; | ||
| return __assign.apply(this, arguments); | ||
| }; | ||
| var __rest = (this && this.__rest) || function (s, e) { | ||
| var t = {}; | ||
| for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) | ||
| t[p] = s[p]; | ||
| if (s != null && typeof Object.getOwnPropertySymbols === "function") | ||
| for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) { | ||
| if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) | ||
| t[p[i]] = s[p[i]]; | ||
| } | ||
| return t; | ||
| }; | ||
| var __importDefault = (this && this.__importDefault) || function (mod) { | ||
@@ -29,17 +7,14 @@ return (mod && mod.__esModule) ? mod : { "default": mod }; | ||
| exports.GroupCardFooter = void 0; | ||
| var react_1 = __importDefault(require("react")); | ||
| var classnames_1 = __importDefault(require("classnames")); | ||
| var components_1 = require("../components"); | ||
| var fixedForwardRef_1 = require("../fixedForwardRef"); | ||
| const react_1 = __importDefault(require("react")); | ||
| const classnames_1 = __importDefault(require("classnames")); | ||
| const components_1 = require("../components"); | ||
| const fixedForwardRef_1 = require("../fixedForwardRef"); | ||
| function GroupCardFooterWithForwardRef(props, ref) { | ||
| var className = props.className, _a = props.noPadding, noPadding = _a === void 0 ? false : _a, children = props.children, rest = __rest(props, ["className", "noPadding", "children"]); | ||
| return (react_1.default.createElement(components_1.WithCardAction, __assign({ baseClassName: "ffe-group-card__footer", className: (0, classnames_1.default)('ffe-group-card__footer', className, { | ||
| const { className, noPadding = false, children, ...rest } = props; | ||
| return (react_1.default.createElement(components_1.WithCardAction, { baseClassName: "ffe-group-card__footer", className: (0, classnames_1.default)('ffe-group-card__footer', className, { | ||
| 'ffe-group-card__element--no-padding': noPadding, | ||
| }) }, rest, { ref: ref }), function (_a) { | ||
| var CardAction = _a.CardAction; | ||
| return typeof children === 'function' | ||
| ? children({ Text: components_1.Text, Subtext: components_1.Subtext, Title: components_1.Title, CardName: components_1.CardName, CardAction: CardAction }) | ||
| : children; | ||
| })); | ||
| }), ...rest, ref: ref }, ({ CardAction }) => typeof children === 'function' | ||
| ? children({ Text: components_1.Text, Subtext: components_1.Subtext, Title: components_1.Title, CardName: components_1.CardName, CardAction }) | ||
| : children)); | ||
| } | ||
| exports.GroupCardFooter = (0, fixedForwardRef_1.fixedForwardRef)(GroupCardFooterWithForwardRef); |
| "use strict"; | ||
| var __assign = (this && this.__assign) || function () { | ||
| __assign = Object.assign || function(t) { | ||
| for (var s, i = 1, n = arguments.length; i < n; i++) { | ||
| s = arguments[i]; | ||
| for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) | ||
| t[p] = s[p]; | ||
| } | ||
| return t; | ||
| }; | ||
| return __assign.apply(this, arguments); | ||
| }; | ||
| var __rest = (this && this.__rest) || function (s, e) { | ||
| var t = {}; | ||
| for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) | ||
| t[p] = s[p]; | ||
| if (s != null && typeof Object.getOwnPropertySymbols === "function") | ||
| for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) { | ||
| if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) | ||
| t[p[i]] = s[p[i]]; | ||
| } | ||
| return t; | ||
| }; | ||
| var __importDefault = (this && this.__importDefault) || function (mod) { | ||
@@ -29,18 +7,15 @@ return (mod && mod.__esModule) ? mod : { "default": mod }; | ||
| exports.GroupCardTitle = void 0; | ||
| var react_1 = __importDefault(require("react")); | ||
| var classnames_1 = __importDefault(require("classnames")); | ||
| var components_1 = require("../components"); | ||
| var fixedForwardRef_1 = require("../fixedForwardRef"); | ||
| const react_1 = __importDefault(require("react")); | ||
| const classnames_1 = __importDefault(require("classnames")); | ||
| const components_1 = require("../components"); | ||
| const fixedForwardRef_1 = require("../fixedForwardRef"); | ||
| function GroupCardTitleWithForwardRef(props, ref) { | ||
| var className = props.className, _a = props.noPadding, noPadding = _a === void 0 ? false : _a, _b = props.noSeparator, noSeparator = _b === void 0 ? false : _b, children = props.children, rest = __rest(props, ["className", "noPadding", "noSeparator", "children"]); | ||
| return (react_1.default.createElement(components_1.WithCardAction, __assign({ baseClassName: "ffe-group-card__title", className: (0, classnames_1.default)('ffe-group-card__title', className, { | ||
| const { className, noPadding = false, noSeparator = false, children, ...rest } = props; | ||
| return (react_1.default.createElement(components_1.WithCardAction, { baseClassName: "ffe-group-card__title", className: (0, classnames_1.default)('ffe-group-card__title', className, { | ||
| 'ffe-group-card__element--no-padding': noPadding, | ||
| 'ffe-group-card__element--no-separator': noSeparator, | ||
| }) }, rest, { ref: ref }), function (_a) { | ||
| var CardAction = _a.CardAction; | ||
| return typeof children === 'function' | ||
| ? children({ Text: components_1.Text, Subtext: components_1.Subtext, Title: components_1.Title, CardName: components_1.CardName, CardAction: CardAction }) | ||
| : children; | ||
| })); | ||
| }), ...rest, ref: ref }, ({ CardAction }) => typeof children === 'function' | ||
| ? children({ Text: components_1.Text, Subtext: components_1.Subtext, Title: components_1.Title, CardName: components_1.CardName, CardAction }) | ||
| : children)); | ||
| } | ||
| exports.GroupCardTitle = (0, fixedForwardRef_1.fixedForwardRef)(GroupCardTitleWithForwardRef); |
+18
-35
| "use strict"; | ||
| var __assign = (this && this.__assign) || function () { | ||
| __assign = Object.assign || function(t) { | ||
| for (var s, i = 1, n = arguments.length; i < n; i++) { | ||
| s = arguments[i]; | ||
| for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) | ||
| t[p] = s[p]; | ||
| } | ||
| return t; | ||
| }; | ||
| return __assign.apply(this, arguments); | ||
| }; | ||
| var __rest = (this && this.__rest) || function (s, e) { | ||
| var t = {}; | ||
| for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) | ||
| t[p] = s[p]; | ||
| if (s != null && typeof Object.getOwnPropertySymbols === "function") | ||
| for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) { | ||
| if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) | ||
| t[p[i]] = s[p[i]]; | ||
| } | ||
| return t; | ||
| }; | ||
| var __importDefault = (this && this.__importDefault) || function (mod) { | ||
@@ -29,11 +7,10 @@ return (mod && mod.__esModule) ? mod : { "default": mod }; | ||
| exports.IconCard = void 0; | ||
| var classnames_1 = __importDefault(require("classnames")); | ||
| var react_1 = __importDefault(require("react")); | ||
| var components_1 = require("../components"); | ||
| var fixedForwardRef_1 = require("../fixedForwardRef"); | ||
| const classnames_1 = __importDefault(require("classnames")); | ||
| const react_1 = __importDefault(require("react")); | ||
| const components_1 = require("../components"); | ||
| const fixedForwardRef_1 = require("../fixedForwardRef"); | ||
| function IconCardWithForwardRef(props, ref) { | ||
| var className = props.className, condensed = props.condensed, icon = props.icon, rightIcon = props.rightIcon, noMargin = props.noMargin, _a = props.appearance, appearance = _a === void 0 ? 'default' : _a, children = props.children, rest = __rest(props, ["className", "condensed", "icon", "rightIcon", "noMargin", "appearance", "children"]); | ||
| return (react_1.default.createElement(components_1.WithCardAction, __assign({ baseClassName: "ffe-icon-card", className: (0, classnames_1.default)('ffe-icon-card', { 'ffe-icon-card--condensed': condensed }, { 'ffe-icon-card--no-margin': noMargin }, { 'ffe-default-mode': appearance === 'default' }, className) }, rest, { ref: ref }), function (_a) { | ||
| var CardAction = _a.CardAction; | ||
| var bodyElement = (react_1.default.createElement("div", { className: "ffe-icon-card__body" }, typeof children === 'function' | ||
| const { className, condensed, icon, rightIcon, noMargin, appearance = 'default', children, ...rest } = props; | ||
| return (react_1.default.createElement(components_1.WithCardAction, { baseClassName: "ffe-icon-card", className: (0, classnames_1.default)('ffe-icon-card', { 'ffe-icon-card--condensed': condensed }, { 'ffe-icon-card--no-margin': noMargin }, { 'ffe-default-mode': appearance === 'default' }, className), ...rest, ref: ref }, ({ CardAction }) => { | ||
| const bodyElement = (react_1.default.createElement("div", { className: "ffe-icon-card__body" }, typeof children === 'function' | ||
| ? children({ | ||
@@ -44,9 +21,15 @@ Text: components_1.Text, | ||
| CardName: components_1.CardName, | ||
| CardAction: CardAction, | ||
| CardAction, | ||
| }) | ||
| : children)); | ||
| var iconElement = icon && | ||
| react_1.default.cloneElement(icon, __assign(__assign({}, icon.props), { className: (0, classnames_1.default)('ffe-icon-card__icon', icon.props.className) })); | ||
| var rightIconElement = rightIcon && | ||
| react_1.default.cloneElement(rightIcon, __assign(__assign({}, rightIcon.props), { className: (0, classnames_1.default)('ffe-icon-card__icon', rightIcon.props.className) })); | ||
| const iconElement = icon && | ||
| react_1.default.cloneElement(icon, { | ||
| ...icon.props, | ||
| className: (0, classnames_1.default)('ffe-icon-card__icon', icon.props.className), | ||
| }); | ||
| const rightIconElement = rightIcon && | ||
| react_1.default.cloneElement(rightIcon, { | ||
| ...rightIcon.props, | ||
| className: (0, classnames_1.default)('ffe-icon-card__icon', rightIcon.props.className), | ||
| }); | ||
| return (react_1.default.createElement(react_1.default.Fragment, null, | ||
@@ -53,0 +36,0 @@ iconElement, |
| "use strict"; | ||
| var __assign = (this && this.__assign) || function () { | ||
| __assign = Object.assign || function(t) { | ||
| for (var s, i = 1, n = arguments.length; i < n; i++) { | ||
| s = arguments[i]; | ||
| for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) | ||
| t[p] = s[p]; | ||
| } | ||
| return t; | ||
| }; | ||
| return __assign.apply(this, arguments); | ||
| }; | ||
| var __rest = (this && this.__rest) || function (s, e) { | ||
| var t = {}; | ||
| for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) | ||
| t[p] = s[p]; | ||
| if (s != null && typeof Object.getOwnPropertySymbols === "function") | ||
| for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) { | ||
| if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) | ||
| t[p[i]] = s[p[i]]; | ||
| } | ||
| return t; | ||
| }; | ||
| var __importDefault = (this && this.__importDefault) || function (mod) { | ||
@@ -29,14 +7,13 @@ return (mod && mod.__esModule) ? mod : { "default": mod }; | ||
| exports.IllustrationCard = void 0; | ||
| var react_1 = __importDefault(require("react")); | ||
| var classnames_1 = __importDefault(require("classnames")); | ||
| var components_1 = require("../components"); | ||
| var fixedForwardRef_1 = require("../fixedForwardRef"); | ||
| const react_1 = __importDefault(require("react")); | ||
| const classnames_1 = __importDefault(require("classnames")); | ||
| const components_1 = require("../components"); | ||
| const fixedForwardRef_1 = require("../fixedForwardRef"); | ||
| function IllustrationCardWithForwardRef(props, ref) { | ||
| var className = props.className, condensed = props.condensed, img = props.img, illustrationPosition = props.illustrationPosition, noMargin = props.noMargin, _a = props.appearance, appearance = _a === void 0 ? 'default' : _a, children = props.children, rest = __rest(props, ["className", "condensed", "img", "illustrationPosition", "noMargin", "appearance", "children"]); | ||
| return (react_1.default.createElement(components_1.WithCardAction, __assign({ baseClassName: "ffe-illustration-card", className: (0, classnames_1.default)('ffe-illustration-card', { 'ffe-illustration-card--condensed': condensed }, { 'ffe-illustration-card--no-margin': noMargin }, { | ||
| const { className, condensed, img, illustrationPosition, noMargin, appearance = 'default', children, ...rest } = props; | ||
| return (react_1.default.createElement(components_1.WithCardAction, { baseClassName: "ffe-illustration-card", className: (0, classnames_1.default)('ffe-illustration-card', { 'ffe-illustration-card--condensed': condensed }, { 'ffe-illustration-card--no-margin': noMargin }, { | ||
| 'ffe-illustration-card--right': illustrationPosition === 'right', | ||
| }, { ' ffe-default-mode': appearance === 'default' }, className) }, rest, { ref: ref }), function (_a) { | ||
| var CardAction = _a.CardAction; | ||
| var illustrationElement = (react_1.default.createElement("div", { className: (0, classnames_1.default)('ffe-illustration-card__illustration') }, img)); | ||
| var bodyElement = (react_1.default.createElement("div", { className: "ffe-illustration-card__body" }, typeof children === 'function' | ||
| }, { ' ffe-default-mode': appearance === 'default' }, className), ...rest, ref: ref }, ({ CardAction }) => { | ||
| const illustrationElement = (react_1.default.createElement("div", { className: (0, classnames_1.default)('ffe-illustration-card__illustration') }, img)); | ||
| const bodyElement = (react_1.default.createElement("div", { className: "ffe-illustration-card__body" }, typeof children === 'function' | ||
| ? children({ | ||
@@ -47,3 +24,3 @@ Text: components_1.Text, | ||
| CardName: components_1.CardName, | ||
| CardAction: CardAction, | ||
| CardAction, | ||
| }) | ||
@@ -50,0 +27,0 @@ : children)); |
| "use strict"; | ||
| var __assign = (this && this.__assign) || function () { | ||
| __assign = Object.assign || function(t) { | ||
| for (var s, i = 1, n = arguments.length; i < n; i++) { | ||
| s = arguments[i]; | ||
| for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) | ||
| t[p] = s[p]; | ||
| } | ||
| return t; | ||
| }; | ||
| return __assign.apply(this, arguments); | ||
| }; | ||
| var __rest = (this && this.__rest) || function (s, e) { | ||
| var t = {}; | ||
| for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) | ||
| t[p] = s[p]; | ||
| if (s != null && typeof Object.getOwnPropertySymbols === "function") | ||
| for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) { | ||
| if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) | ||
| t[p[i]] = s[p[i]]; | ||
| } | ||
| return t; | ||
| }; | ||
| var __importDefault = (this && this.__importDefault) || function (mod) { | ||
@@ -29,28 +7,25 @@ return (mod && mod.__esModule) ? mod : { "default": mod }; | ||
| exports.ImageCard = void 0; | ||
| var react_1 = __importDefault(require("react")); | ||
| var classnames_1 = __importDefault(require("classnames")); | ||
| var components_1 = require("../components"); | ||
| var fixedForwardRef_1 = require("../fixedForwardRef"); | ||
| const react_1 = __importDefault(require("react")); | ||
| const classnames_1 = __importDefault(require("classnames")); | ||
| const components_1 = require("../components"); | ||
| const fixedForwardRef_1 = require("../fixedForwardRef"); | ||
| function ImageCardWithForwardRef(props, ref) { | ||
| var className = props.className, imageSrc = props.imageSrc, imageAltText = props.imageAltText, noMargin = props.noMargin, _a = props.appearance, appearance = _a === void 0 ? 'default' : _a, children = props.children, rest = __rest(props, ["className", "imageSrc", "imageAltText", "noMargin", "appearance", "children"]); | ||
| return (react_1.default.createElement(components_1.WithCardAction, __assign({ baseClassName: "ffe-image-card", className: (0, classnames_1.default)('ffe-image-card', { | ||
| const { className, imageSrc, imageAltText, noMargin, appearance = 'default', children, ...rest } = props; | ||
| return (react_1.default.createElement(components_1.WithCardAction, { baseClassName: "ffe-image-card", className: (0, classnames_1.default)('ffe-image-card', { | ||
| 'ffe-image-card--no-margin': noMargin, | ||
| 'ffe-default-mode': appearance === 'default', | ||
| }, className) }, rest, { ref: ref }), function (_a) { | ||
| var CardAction = _a.CardAction; | ||
| return (react_1.default.createElement(react_1.default.Fragment, null, | ||
| react_1.default.createElement("div", { className: "ffe-image-card__image-container" }, | ||
| react_1.default.createElement("div", { className: "ffe-image-card__image-overlay" }), | ||
| react_1.default.createElement("img", { src: imageSrc, alt: imageAltText, className: "ffe-image-card__image" })), | ||
| react_1.default.createElement("div", { className: "ffe-image-card__body" }, typeof children === 'function' | ||
| ? children({ | ||
| Text: components_1.Text, | ||
| Subtext: components_1.Subtext, | ||
| Title: components_1.Title, | ||
| CardName: components_1.CardName, | ||
| CardAction: CardAction, | ||
| }) | ||
| : children))); | ||
| })); | ||
| }, className), ...rest, ref: ref }, ({ CardAction }) => (react_1.default.createElement(react_1.default.Fragment, null, | ||
| react_1.default.createElement("div", { className: "ffe-image-card__image-container" }, | ||
| react_1.default.createElement("div", { className: "ffe-image-card__image-overlay" }), | ||
| react_1.default.createElement("img", { src: imageSrc, alt: imageAltText, className: "ffe-image-card__image" })), | ||
| react_1.default.createElement("div", { className: "ffe-image-card__body" }, typeof children === 'function' | ||
| ? children({ | ||
| Text: components_1.Text, | ||
| Subtext: components_1.Subtext, | ||
| Title: components_1.Title, | ||
| CardName: components_1.CardName, | ||
| CardAction, | ||
| }) | ||
| : children))))); | ||
| } | ||
| exports.ImageCard = (0, fixedForwardRef_1.fixedForwardRef)(ImageCardWithForwardRef); |
+2
-2
@@ -5,4 +5,4 @@ "use strict"; | ||
| function mergeRefs(refs) { | ||
| return function (value) { | ||
| refs.forEach(function (ref) { | ||
| return value => { | ||
| refs.forEach(ref => { | ||
| if (typeof ref === 'function') { | ||
@@ -9,0 +9,0 @@ ref(value); |
| "use strict"; | ||
| var __assign = (this && this.__assign) || function () { | ||
| __assign = Object.assign || function(t) { | ||
| for (var s, i = 1, n = arguments.length; i < n; i++) { | ||
| s = arguments[i]; | ||
| for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) | ||
| t[p] = s[p]; | ||
| } | ||
| return t; | ||
| }; | ||
| return __assign.apply(this, arguments); | ||
| }; | ||
| var __rest = (this && this.__rest) || function (s, e) { | ||
| var t = {}; | ||
| for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) | ||
| t[p] = s[p]; | ||
| if (s != null && typeof Object.getOwnPropertySymbols === "function") | ||
| for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) { | ||
| if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) | ||
| t[p[i]] = s[p[i]]; | ||
| } | ||
| return t; | ||
| }; | ||
| var __importDefault = (this && this.__importDefault) || function (mod) { | ||
@@ -29,28 +7,25 @@ return (mod && mod.__esModule) ? mod : { "default": mod }; | ||
| exports.StippledCard = void 0; | ||
| var react_1 = __importDefault(require("react")); | ||
| var classnames_1 = __importDefault(require("classnames")); | ||
| var components_1 = require("../components"); | ||
| var fixedForwardRef_1 = require("../fixedForwardRef"); | ||
| const react_1 = __importDefault(require("react")); | ||
| const classnames_1 = __importDefault(require("classnames")); | ||
| const components_1 = require("../components"); | ||
| const fixedForwardRef_1 = require("../fixedForwardRef"); | ||
| function StippledCardWithForwardRef(props, ref) { | ||
| var className = props.className, condensed = props.condensed, img = props.img, noMargin = props.noMargin, rightImg = props.rightImg, children = props.children, rest = __rest(props, ["className", "condensed", "img", "noMargin", "rightImg", "children"]); | ||
| return (react_1.default.createElement(components_1.WithCardAction, __assign({ baseClassName: "ffe-stippled-card", className: (0, classnames_1.default)('ffe-stippled-card', { 'ffe-stippled-card--condensed': condensed }, { 'ffe-stippled-card--no-margin': noMargin }, className) }, rest, { ref: ref }), function (_a) { | ||
| var CardAction = _a.CardAction; | ||
| return (react_1.default.createElement(react_1.default.Fragment, null, | ||
| img && (react_1.default.createElement("div", { className: (0, classnames_1.default)('ffe-stippled-card__img', { | ||
| 'ffe-stippled-card__img--icon': (img === null || img === void 0 ? void 0 : img.type) === 'icon', | ||
| }), "aria-hidden": (img === null || img === void 0 ? void 0 : img.type) === 'icon' }, img === null || img === void 0 ? void 0 : img.element)), | ||
| react_1.default.createElement("div", { className: 'ffe-stippled-card__content' }, typeof children === 'function' | ||
| ? children({ | ||
| CardName: components_1.CardName, | ||
| Title: components_1.Title, | ||
| Text: components_1.Text, | ||
| Subtext: components_1.Subtext, | ||
| CardAction: CardAction, | ||
| }) | ||
| : children), | ||
| rightImg && (react_1.default.createElement("div", { className: (0, classnames_1.default)('ffe-stippled-card__img', { | ||
| 'ffe-stippled-card__img--icon': (rightImg === null || rightImg === void 0 ? void 0 : rightImg.type) === 'icon', | ||
| }), "aria-hidden": (rightImg === null || rightImg === void 0 ? void 0 : rightImg.type) === 'icon' }, rightImg === null || rightImg === void 0 ? void 0 : rightImg.element)))); | ||
| })); | ||
| const { className, condensed, img, noMargin, rightImg, children, ...rest } = props; | ||
| return (react_1.default.createElement(components_1.WithCardAction, { baseClassName: "ffe-stippled-card", className: (0, classnames_1.default)('ffe-stippled-card', { 'ffe-stippled-card--condensed': condensed }, { 'ffe-stippled-card--no-margin': noMargin }, className), ...rest, ref: ref }, ({ CardAction }) => (react_1.default.createElement(react_1.default.Fragment, null, | ||
| img && (react_1.default.createElement("div", { className: (0, classnames_1.default)('ffe-stippled-card__img', { | ||
| 'ffe-stippled-card__img--icon': (img === null || img === void 0 ? void 0 : img.type) === 'icon', | ||
| }), "aria-hidden": (img === null || img === void 0 ? void 0 : img.type) === 'icon' }, img === null || img === void 0 ? void 0 : img.element)), | ||
| react_1.default.createElement("div", { className: 'ffe-stippled-card__content' }, typeof children === 'function' | ||
| ? children({ | ||
| CardName: components_1.CardName, | ||
| Title: components_1.Title, | ||
| Text: components_1.Text, | ||
| Subtext: components_1.Subtext, | ||
| CardAction, | ||
| }) | ||
| : children), | ||
| rightImg && (react_1.default.createElement("div", { className: (0, classnames_1.default)('ffe-stippled-card__img', { | ||
| 'ffe-stippled-card__img--icon': (rightImg === null || rightImg === void 0 ? void 0 : rightImg.type) === 'icon', | ||
| }), "aria-hidden": (rightImg === null || rightImg === void 0 ? void 0 : rightImg.type) === 'icon' }, rightImg === null || rightImg === void 0 ? void 0 : rightImg.element)))))); | ||
| } | ||
| exports.StippledCard = (0, fixedForwardRef_1.fixedForwardRef)(StippledCardWithForwardRef); |
| "use strict"; | ||
| var __assign = (this && this.__assign) || function () { | ||
| __assign = Object.assign || function(t) { | ||
| for (var s, i = 1, n = arguments.length; i < n; i++) { | ||
| s = arguments[i]; | ||
| for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) | ||
| t[p] = s[p]; | ||
| } | ||
| return t; | ||
| }; | ||
| return __assign.apply(this, arguments); | ||
| }; | ||
| var __rest = (this && this.__rest) || function (s, e) { | ||
| var t = {}; | ||
| for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) | ||
| t[p] = s[p]; | ||
| if (s != null && typeof Object.getOwnPropertySymbols === "function") | ||
| for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) { | ||
| if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) | ||
| t[p[i]] = s[p[i]]; | ||
| } | ||
| return t; | ||
| }; | ||
| var __importDefault = (this && this.__importDefault) || function (mod) { | ||
@@ -29,19 +7,16 @@ return (mod && mod.__esModule) ? mod : { "default": mod }; | ||
| exports.TextCard = void 0; | ||
| var react_1 = __importDefault(require("react")); | ||
| var classnames_1 = __importDefault(require("classnames")); | ||
| var components_1 = require("../components"); | ||
| var fixedForwardRef_1 = require("../fixedForwardRef"); | ||
| const react_1 = __importDefault(require("react")); | ||
| const classnames_1 = __importDefault(require("classnames")); | ||
| const components_1 = require("../components"); | ||
| const fixedForwardRef_1 = require("../fixedForwardRef"); | ||
| function TextCardWithForwardRef(props, ref) { | ||
| var className = props.className, leftAlign = props.leftAlign, noMargin = props.noMargin, _a = props.appearance, appearance = _a === void 0 ? 'default' : _a, children = props.children, rest = __rest(props, ["className", "leftAlign", "noMargin", "appearance", "children"]); | ||
| return (react_1.default.createElement(components_1.WithCardAction, __assign({ baseClassName: "ffe-text-card", className: (0, classnames_1.default)('ffe-text-card', { | ||
| const { className, leftAlign, noMargin, appearance = 'default', children, ...rest } = props; | ||
| return (react_1.default.createElement(components_1.WithCardAction, { baseClassName: "ffe-text-card", className: (0, classnames_1.default)('ffe-text-card', { | ||
| 'ffe-text-card--left-align': leftAlign, | ||
| 'ffe-text-card--no-margin': noMargin, | ||
| 'ffe-default-mode': appearance === 'default', | ||
| }, className) }, rest, { ref: ref }), function (_a) { | ||
| var CardAction = _a.CardAction; | ||
| return typeof children === 'function' | ||
| ? children({ Text: components_1.Text, Subtext: components_1.Subtext, Title: components_1.Title, CardName: components_1.CardName, CardAction: CardAction }) | ||
| : children; | ||
| })); | ||
| }, className), ...rest, ref: ref }, ({ CardAction }) => typeof children === 'function' | ||
| ? children({ Text: components_1.Text, Subtext: components_1.Subtext, Title: components_1.Title, CardName: components_1.CardName, CardAction }) | ||
| : children)); | ||
| } | ||
| exports.TextCard = (0, fixedForwardRef_1.fixedForwardRef)(TextCardWithForwardRef); |
+6
-6
| { | ||
| "name": "@sb1/ffe-cards-react", | ||
| "version": "100.12.4", | ||
| "version": "101.0.0", | ||
| "description": "React implementation of ffe-react", | ||
@@ -28,8 +28,8 @@ "license": "MIT", | ||
| "dependencies": { | ||
| "@sb1/ffe-cards": "^100.12.4", | ||
| "@sb1/ffe-icons-react": "^100.12.4", | ||
| "classnames": "^2.3.1" | ||
| "@sb1/ffe-cards": "^101.0.0", | ||
| "@sb1/ffe-icons-react": "^101.0.0", | ||
| "classnames": "^2.5.1" | ||
| }, | ||
| "devDependencies": { | ||
| "@sb1/ffe-buildtool": "^100.12.4", | ||
| "@sb1/ffe-buildtool": "^101.0.0", | ||
| "react": "^18.2.0", | ||
@@ -44,3 +44,3 @@ "react-dom": "^18.2.0" | ||
| }, | ||
| "gitHead": "499c82bdc3f2680cf36cfd7cb77c550c623951f7" | ||
| "gitHead": "7714019dbb9001551cb5d1c262c58afd609d4fb0" | ||
| } |
72140
-33.78%1126
-41.51%+ Added
+ Added
+ Added
+ Added
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
- Removed
Updated
Updated