Big News: Socket raises $60M Series C at a $1B valuation to secure software supply chains for AI-driven development.Announcement
Sign In

@sb1/ffe-cards-react

Package Overview
Dependencies
Maintainers
4
Versions
272
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@sb1/ffe-cards-react - npm Package Compare versions

Comparing version
100.12.4
to
101.0.0
+11
-37
es/CardBase.js

@@ -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);

@@ -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);
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);
"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);
"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);

@@ -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);
{
"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"
}