@alma-oss/spirit-web-react 4.0.0

package/components/PricingPlan/PricingPlanFeatureTitle.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { PricingPlanFeature } from '../../types';
+declare const PricingPlanFeatureTitle: {
+    ({ feature, featureId, ...restProps }: {
+        feature: PricingPlanFeature;
+        featureId: string;
+    }): React.JSX.Element;
+    spiritComponent: string;
+};
+export default PricingPlanFeatureTitle;

package/components/PricingPlan/PricingPlanFeatureTitle.js

@@ -0,0 +1,48 @@
+'use client';
+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';
+import React, { useState } from 'react';
+import { useToggle } from "../../hooks/index.js";
+import { Icon } from "../Icon/index.js";
+import { Modal, ModalBody, ModalDialog, ModalHeader } from "../Modal/index.js";
+import { Tooltip, TooltipPopover, TooltipTrigger } from "../Tooltip/index.js";
+import { usePricingPlanStyleProps } from "./usePricingPlanStyleProps.js";
+const PricingPlanFeatureTitle = (_a) => {
+    var { feature, featureId } = _a, restProps = __rest(_a, ["feature", "featureId"]);
+    const { modalContent, title, tooltipContent } = feature;
+    const { classProps } = usePricingPlanStyleProps(restProps);
+    const [isTooltipOpen, toggleTooltip] = useToggle(false);
+    const [isModalOpen, setIsModalOpen] = useState(false);
+    if (modalContent) {
+        return (React.createElement("div", { className: classProps.body.featureTitle },
+            React.createElement(Icon, { name: "check-plain", boxSize: 16 }),
+            React.createElement("button", { type: "button", onClick: () => setIsModalOpen(true), className: classNames(classProps.body.featureTitleText, 'text-underlined-dotted') }, title),
+            React.createElement(Modal, { id: `${featureId}-modal`, isOpen: isModalOpen, onClose: () => setIsModalOpen(false) },
+                React.createElement(ModalDialog, { isScrollable: true },
+                    React.createElement(ModalHeader, null, title),
+                    React.createElement(ModalBody, null, modalContent)))));
+    }
+    if (tooltipContent) {
+        return (React.createElement(Tooltip, { elementType: "div", id: `${featureId}-tooltip`, isDismissible: true, isOpen: isTooltipOpen, onToggle: toggleTooltip, placement: "top", trigger: ['click'], UNSAFE_className: classProps.body.featureTitle },
+            React.createElement(Icon, { name: "check-plain", boxSize: 16 }),
+            React.createElement(TooltipTrigger, { elementType: "button", UNSAFE_className: classNames(classProps.body.featureTitleText, 'text-underlined-dotted') }, title),
+            React.createElement(TooltipPopover, null,
+                React.createElement("div", null, tooltipContent))));
+    }
+    return (React.createElement("div", { className: classProps.body.featureTitle },
+        React.createElement(Icon, { name: "check-plain", boxSize: 16 }),
+        React.createElement("div", { className: classProps.body.featureTitleText, id: `${featureId}-title` }, title)));
+};
+PricingPlanFeatureTitle.spiritComponent = 'PricingPlanFeatureTitle';
+export default PricingPlanFeatureTitle;
+//# sourceMappingURL=PricingPlanFeatureTitle.js.map

package/components/PricingPlan/PricingPlanFeatureTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PricingPlanFeatureTitle.js","sourceRoot":"","sources":["../../../src/components/PricingPlan/PricingPlanFeatureTitle.tsx"],"names":[],"mappings":"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"}

package/components/PricingPlan/PricingPlanFooter.d.ts

@@ -0,0 +1,7 @@
+import React, { type ElementType } from 'react';
+import type { SpiritPricingPlanFooterProps } from '../../types';
+declare const PricingPlanFooter: {
+    <T extends ElementType = "footer">(props: SpiritPricingPlanFooterProps<T>): React.JSX.Element;
+    spiritComponent: string;
+};
+export default PricingPlanFooter;

package/components/PricingPlan/PricingPlanFooter.js

@@ -0,0 +1,26 @@
+'use client';
+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 { useStyleProps } from "../../hooks/index.js";
+import { mergeStyleProps } from "../../utils/index.js";
+import { usePricingPlanStyleProps } from "./usePricingPlanStyleProps.js";
+const PricingPlanFooter = (props) => {
+    const { children, elementType: ElementTag = 'footer' } = props, restProps = __rest(props, ["children", "elementType"]);
+    const { classProps, props: modifiedProps } = usePricingPlanStyleProps(restProps);
+    const { styleProps, props: otherProps } = useStyleProps(modifiedProps);
+    const mergedStyleProps = mergeStyleProps(ElementTag, { classProps: classProps.footer, styleProps });
+    return (React.createElement(ElementTag, Object.assign({}, otherProps, mergedStyleProps), children));
+};
+PricingPlanFooter.spiritComponent = 'PricingPlanFooter';
+export default PricingPlanFooter;
+//# sourceMappingURL=PricingPlanFooter.js.map

package/components/PricingPlan/PricingPlanFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PricingPlanFooter.js","sourceRoot":"","sources":["../../../src/components/PricingPlan/PricingPlanFooter.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;AAEb,OAAO,KAA2B,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAEtE,MAAM,iBAAiB,GAAG,CAAmC,KAAsC,EAAE,EAAE;IACrG,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,UAAU,GAAG,QAAQ,KAAmB,KAAK,EAAnB,SAAS,UAAK,KAAK,EAAtE,2BAA8D,CAAQ,CAAC;IAE7E,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,wBAAwB,CAAC,SAAS,CAAC,CAAC;IACjF,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,aAAa,CAAC,aAAa,CAAC,CAAC;IACvE,MAAM,gBAAgB,GAAG,eAAe,CAAC,UAAU,EAAE,EAAE,UAAU,EAAE,UAAU,CAAC,MAAM,EAAE,UAAU,EAAE,CAAC,CAAC;IAEpG,OAAO,CACL,oBAAC,UAAU,oBAAK,UAAU,EAAM,gBAAgB,GAC7C,QAAQ,CACE,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,iBAAiB,CAAC,eAAe,GAAG,mBAAmB,CAAC;AAExD,eAAe,iBAAiB,CAAC"}

package/components/PricingPlan/PricingPlanHeader.d.ts

@@ -0,0 +1,7 @@
+import React, { type ElementType } from 'react';
+import type { SpiritPricingPlanHeaderProps } from '../../types';
+declare const PricingPlanHeader: {
+    <T extends ElementType = "header">(props: SpiritPricingPlanHeaderProps<T>): React.JSX.Element;
+    spiritComponent: string;
+};
+export default PricingPlanHeader;

package/components/PricingPlan/PricingPlanHeader.js

@@ -0,0 +1,47 @@
+'use client';
+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';
+import React from 'react';
+import { useStyleProps } from "../../hooks/index.js";
+import { mergeStyleProps } from "../../utils/index.js";
+import { usePricingPlanStyleProps } from "./usePricingPlanStyleProps.js";
+const defaultProps = {
+    action: undefined,
+    badge: undefined,
+    note: undefined,
+    price: undefined,
+    subtitle: undefined,
+    title: undefined,
+};
+const PricingPlanHeader = (props) => {
+    const propsWithDefaults = Object.assign(Object.assign({}, defaultProps), props);
+    const { elementType: ElementTag = 'header' } = propsWithDefaults, restProps = __rest(propsWithDefaults, ["elementType"]);
+    const { classProps, props: modifiedProps } = usePricingPlanStyleProps(restProps);
+    const { badge, title, subtitle, price, action, note } = propsWithDefaults;
+    const { styleProps, props: otherProps } = useStyleProps(modifiedProps);
+    const mergedStyleProps = mergeStyleProps(ElementTag, {
+        classProps: classProps.header.root,
+        styleProps,
+    });
+    return (React.createElement(ElementTag, Object.assign({}, otherProps, mergedStyleProps),
+        badge && React.createElement("div", { className: classProps.header.badge }, badge),
+        React.createElement("div", { className: classProps.header.content },
+            title && React.createElement("h3", { className: classProps.header.title }, title),
+            subtitle && React.createElement("div", { className: classNames(classProps.header.subtitle) }, subtitle),
+            price && React.createElement("div", { className: classProps.header.price }, price),
+            action && React.createElement("div", { className: classProps.header.action }, action),
+            note && React.createElement("div", { className: classProps.header.note }, note))));
+};
+PricingPlanHeader.spiritComponent = 'PricingPlanHeader';
+export default PricingPlanHeader;
+//# sourceMappingURL=PricingPlanHeader.js.map

package/components/PricingPlan/PricingPlanHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PricingPlanHeader.js","sourceRoot":"","sources":["../../../src/components/PricingPlan/PricingPlanHeader.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;AAEb,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAA2B,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAEtE,MAAM,YAAY,GAA0C;IAC1D,MAAM,EAAE,SAAS;IACjB,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,SAAS;IAChB,QAAQ,EAAE,SAAS;IACnB,KAAK,EAAE,SAAS;CACjB,CAAC;AAEF,MAAM,iBAAiB,GAAG,CAAmC,KAAsC,EAAE,EAAE;IACrG,MAAM,iBAAiB,mCAAQ,YAAY,GAAK,KAAK,CAAE,CAAC;IACxD,MAAM,EAAE,WAAW,EAAE,UAAU,GAAG,QAAQ,KAAmB,iBAAiB,EAA/B,SAAS,UAAK,iBAAiB,EAAxE,eAAoD,CAAoB,CAAC;IAE/E,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,wBAAwB,CAAC,SAAS,CAAC,CAAC;IACjF,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,iBAAiB,CAAC;IAC1E,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,aAAa,CAAC,aAAa,CAAC,CAAC;IACvE,MAAM,gBAAgB,GAAG,eAAe,CAAC,UAAU,EAAE;QACnD,UAAU,EAAE,UAAU,CAAC,MAAM,CAAC,IAAI;QAClC,UAAU;KACX,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,UAAU,oBAAK,UAAU,EAAM,gBAAgB;QAC7C,KAAK,IAAI,6BAAK,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,KAAK,IAAG,KAAK,CAAO;QAChE,6BAAK,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,OAAO;YACtC,KAAK,IAAI,4BAAI,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,KAAK,IAAG,KAAK,CAAM;YAC7D,QAAQ,IAAI,6BAAK,SAAS,EAAE,UAAU,CAAC,UAAU,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAG,QAAQ,CAAO;YACpF,KAAK,IAAI,6BAAK,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,KAAK,IAAG,KAAK,CAAO;YAC/D,MAAM,IAAI,6BAAK,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,MAAM,IAAG,MAAM,CAAO;YAClE,IAAI,IAAI,6BAAK,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,IAAI,IAAG,IAAI,CAAO,CACzD,CACK,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,iBAAiB,CAAC,eAAe,GAAG,mBAAmB,CAAC;AAExD,eAAe,iBAAiB,CAAC"}

package/components/PricingPlan/constants.d.ts

@@ -0,0 +1 @@
+export declare const NUMBER_OF_PLAN_ROWS_DEFAULT = 100;

package/components/PricingPlan/constants.js

@@ -0,0 +1,2 @@
+export const NUMBER_OF_PLAN_ROWS_DEFAULT = 100;
+//# sourceMappingURL=constants.js.map

package/components/PricingPlan/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/components/PricingPlan/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,2BAA2B,GAAG,GAAG,CAAC"}

package/components/PricingPlan/index.d.ts

@@ -0,0 +1,5 @@
+export { default as PricingPlan } from './PricingPlan';
+export { default as PricingPlanHeader } from './PricingPlanHeader';
+export { default as PricingPlanBody } from './PricingPlanBody';
+export { default as PricingPlanFooter } from './PricingPlanFooter';
+export * from './usePricingPlanStyleProps';

package/components/PricingPlan/index.js

@@ -0,0 +1,6 @@
+export { default as PricingPlan } from "./PricingPlan.js";
+export { default as PricingPlanHeader } from "./PricingPlanHeader.js";
+export { default as PricingPlanBody } from "./PricingPlanBody.js";
+export { default as PricingPlanFooter } from "./PricingPlanFooter.js";
+export * from "./usePricingPlanStyleProps.js";
+//# sourceMappingURL=index.js.map

package/components/PricingPlan/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/PricingPlan/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,cAAc,4BAA4B,CAAC"}

package/components/PricingPlan/package.json

@@ -0,0 +1,8 @@
+{
+  "name": "@alma-oss/spirit-web-react/components/PricingPlan",
+  "type": "module",
+  "main": "PricingPlan.cjs",
+  "module": "index.js",
+  "types": "index.d.ts",
+  "sideEffects": false
+}

package/components/PricingPlan/usePricingPlanStyleProps.d.ts

@@ -0,0 +1,35 @@
+import type { CSSProperties, ElementType } from 'react';
+import type { SpiritPricingPlanBodyProps, SpiritPricingPlanFooterProps, SpiritPricingPlanHeaderProps, SpiritPricingPlanProps } from '../../types';
+type PricingPlanStyleProps = Partial<SpiritPricingPlanProps<ElementType>> & Partial<SpiritPricingPlanHeaderProps<ElementType>> & Partial<SpiritPricingPlanBodyProps<ElementType>> & Partial<SpiritPricingPlanFooterProps<ElementType>>;
+interface PricingPlanCSSProperties extends CSSProperties {
+    [key: string]: string | undefined | number;
+}
+export interface PricingPlanReturnStyles<T> {
+    classProps: {
+        root: string;
+        layout: string;
+        header: {
+            root: string;
+            badge?: string;
+            content: string;
+            title?: string;
+            subtitle?: string;
+            price?: string;
+            action?: string;
+            note?: string;
+        };
+        body: {
+            root: string;
+            featureList: string;
+            featureItem: string;
+            featureTitle: string;
+            featureTitleText: string;
+            featureDescription: string;
+        };
+        footer: string;
+    };
+    props: Omit<T, keyof PricingPlanStyleProps>;
+    styleProps: PricingPlanCSSProperties;
+}
+export declare const usePricingPlanStyleProps: <T extends PricingPlanStyleProps>(props: T) => PricingPlanReturnStyles<T>;
+export {};

package/components/PricingPlan/usePricingPlanStyleProps.js

@@ -0,0 +1,73 @@
+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 { cssVariablePrefix } from '@alma-oss/spirit-design-tokens';
+import classNames from 'classnames';
+import { useClassNamePrefix } from "../../hooks/index.js";
+import { NUMBER_OF_PLAN_ROWS_DEFAULT } from "./constants.js";
+export const usePricingPlanStyleProps = (props) => {
+    const { hasComparableFeatures, isHighlighted, action, badge, title, subtitle, note, price, rows } = props, restProps = __rest(props, ["hasComparableFeatures", "isHighlighted", "action", "badge", "title", "subtitle", "note", "price", "rows"]);
+    const pricingPlanClass = useClassNamePrefix('PricingPlan');
+    const pricingPlanComparableClass = `${pricingPlanClass}--comparableFeatures`;
+    const pricingPlanLayoutClass = `${pricingPlanClass}__layout`;
+    const pricingPlanHighlightedClass = `${pricingPlanClass}--highlighted`;
+    const pricingPlanHeaderClass = useClassNamePrefix('PricingPlanHeader');
+    const pricingPlanHeaderBadgeClassName = `${pricingPlanHeaderClass}__badge`;
+    const pricingPlanHeaderTitleClassName = `${pricingPlanHeaderClass}__title`;
+    const pricingPlanHeaderSubtitleClassName = `${pricingPlanHeaderClass}__subtitle`;
+    const pricingPlanHeaderPriceClassName = `${pricingPlanHeaderClass}__price`;
+    const pricingPlanHeaderActionClassName = `${pricingPlanHeaderClass}__action`;
+    const pricingPlanHeaderNoteClassName = `${pricingPlanHeaderClass}__note`;
+    const pricingPlanHeaderContentClassName = `${pricingPlanHeaderClass}__content`;
+    const pricingPlanBodyClass = useClassNamePrefix('PricingPlanBody');
+    const pricingPlanBodyFeatureListClassName = `${pricingPlanBodyClass}__featureList`;
+    const pricingPlanBodyFeatureItemClassName = `${pricingPlanBodyClass}__featureItem`;
+    const pricingPlanBodyFeatureTitleClassName = `${pricingPlanBodyClass}__featureTitle`;
+    const pricingPlanBodyFeatureTitleTextClassName = `${pricingPlanBodyClass}__featureTitleText`;
+    const pricingPlanBodyFeatureDescriptionClassName = `${pricingPlanBodyClass}__featureDescription`;
+    const pricingPlanFooterClass = useClassNamePrefix('PricingPlanFooter');
+    const rootClassProps = classNames(pricingPlanClass, {
+        [pricingPlanComparableClass]: hasComparableFeatures,
+        [pricingPlanHighlightedClass]: isHighlighted,
+    });
+    const pricingPlanStyle = {};
+    if (rows !== NUMBER_OF_PLAN_ROWS_DEFAULT) {
+        pricingPlanStyle[`--${cssVariablePrefix}pricing-plan-rows`] = rows === null || rows === void 0 ? void 0 : rows.toString();
+    }
+    return {
+        classProps: {
+            root: rootClassProps,
+            layout: pricingPlanLayoutClass,
+            header: {
+                root: pricingPlanHeaderClass,
+                badge: badge ? pricingPlanHeaderBadgeClassName : undefined,
+                content: pricingPlanHeaderContentClassName,
+                title: title ? pricingPlanHeaderTitleClassName : undefined,
+                subtitle: subtitle ? pricingPlanHeaderSubtitleClassName : undefined,
+                price: price ? pricingPlanHeaderPriceClassName : undefined,
+                action: action ? pricingPlanHeaderActionClassName : undefined,
+                note: note ? pricingPlanHeaderNoteClassName : undefined,
+            },
+            body: {
+                root: pricingPlanBodyClass,
+                featureList: pricingPlanBodyFeatureListClassName,
+                featureItem: pricingPlanBodyFeatureItemClassName,
+                featureTitle: pricingPlanBodyFeatureTitleClassName,
+                featureTitleText: pricingPlanBodyFeatureTitleTextClassName,
+                featureDescription: pricingPlanBodyFeatureDescriptionClassName,
+            },
+            footer: pricingPlanFooterClass,
+        },
+        props: restProps,
+        styleProps: pricingPlanStyle,
+    };
+};
+//# sourceMappingURL=usePricingPlanStyleProps.js.map

package/components/PricingPlan/usePricingPlanStyleProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePricingPlanStyleProps.js","sourceRoot":"","sources":["../../../src/components/PricingPlan/usePricingPlanStyleProps.ts"],"names":[],"mappings":"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"}

package/components/ProductLogo/ProductLogo.cjs

@@ -0,0 +1,305 @@
+'use strict';
+
+var classNames = require('classnames');
+var React = require('react');
+var spiritDesignTokens = require('@alma-oss/spirit-design-tokens');
+require('html-dom-parser');
+require('html-react-parser/lib/dom-to-react');
+
+const ENVIRONMENTS = {
+    PRODUCTION: 'production',
+};
+const isProduction = () => process.env.NODE_ENV === ENVIRONMENTS.PRODUCTION;
+
+const warning = (condition, message) => {
+    if (!isProduction()) {
+        const text = `Warning: ${message}`;
+        if (typeof console !== 'undefined') {
+            console.warn(text);
+        }
+        try {
+            throw Error(text);
+        }
+        catch (x) {
+        }
+    }
+};
+
+var __rest$2 = (undefined && undefined.__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;
+};
+function createUppercaseKeyDictionary(obj) {
+    return Object.fromEntries(Object.keys(obj).map((key) => [key.toUpperCase(), key]));
+}
+const AlignmentX = {
+    LEFT: 'left',
+    CENTER: 'center',
+    RIGHT: 'right',
+};
+Object.assign({ SPACE_BETWEEN: 'space-between', STRETCH: 'stretch' }, AlignmentX);
+const AlignmentY = {
+    TOP: 'top',
+    CENTER: 'center',
+    BOTTOM: 'bottom',
+};
+Object.assign({ BASELINE: 'baseline', STRETCH: 'stretch' }, AlignmentY);
+createUppercaseKeyDictionary(spiritDesignTokens.componentColors.button);
+createUppercaseKeyDictionary(spiritDesignTokens.emotionColors);
+createUppercaseKeyDictionary(spiritDesignTokens.textColors);
+const Sizes = {
+    SMALL: 'small',
+    MEDIUM: 'medium',
+    LARGE: 'large',
+};
+Object.assign(Object.assign({ XSMALL: 'xsmall' }, Sizes), { XLARGE: 'xlarge' });
+const _a = createUppercaseKeyDictionary(spiritDesignTokens.containers), { MAXWIDTH, PADDING } = _a; __rest$2(_a, ["MAXWIDTH", "PADDING"]);
+
+const Direction = {
+    HORIZONTAL: 'horizontal',
+    VERTICAL: 'vertical',
+};
+Object.assign(Object.assign({}, Direction), { HORIZONTAL_REVERSED: 'horizontal-reversed' });
+var DirectionAxis;
+(function (DirectionAxis) {
+    DirectionAxis["X"] = "x";
+    DirectionAxis["Y"] = "y";
+})(DirectionAxis || (DirectionAxis = {}));
+
+const SpacingStyleProp = {
+    margin: 'm',
+    marginTop: 'mt',
+    marginRight: 'mr',
+    marginBottom: 'mb',
+    marginLeft: 'ml',
+    marginX: 'mx',
+    marginY: 'my',
+};
+const DisplayStyleProps = {
+    hideOn: 'd',
+    hideFrom: 'd',
+};
+const ThemeStyleProps = {
+    theme: '',
+};
+
+const defaultContext$1 = undefined;
+const ClassNamePrefixContext = React.createContext(defaultContext$1);
+ClassNamePrefixContext.Provider;
+ClassNamePrefixContext.Consumer;
+
+Object.assign(Object.assign({}, Sizes), { AUTO: 'auto' });
+
+const STYLE_SPACING_AUTO = 'auto';
+
+const BREAKPOINT_MOBILE = 'mobile';
+
+var SpiritBreakpoints;
+(function (SpiritBreakpoints) {
+    SpiritBreakpoints["TABLET"] = "tablet";
+    SpiritBreakpoints["DESKTOP"] = "desktop";
+})(SpiritBreakpoints || (SpiritBreakpoints = {}));
+
+const isNullish = (value) => value == null;
+const isEmptyString = (value) => typeof value === 'string' && value.trim() === '';
+const isEmptyArray = (value) => Array.isArray(value) && value.length === 0;
+const isEmptyObject = (value) => typeof value === 'object' && value !== null && Object.keys(value).length === 0;
+const isEnumerable = (value) => {
+    if (typeof value === 'object' && value !== null) {
+        for (const key in value) {
+            if (Object.hasOwnProperty.call(value, key)) {
+                return true;
+            }
+        }
+    }
+    return false;
+};
+const isEmpty = (value) => {
+    if (isNullish(value)) {
+        return true;
+    }
+    if (isEmptyString(value)) {
+        return true;
+    }
+    if (isEmptyArray(value)) {
+        return true;
+    }
+    if (isEmptyObject(value)) {
+        return true;
+    }
+    if (isEnumerable(value)) {
+        return false;
+    }
+    return false;
+};
+
+const applyClassNamePrefix = (prefix) => (className) => prefix != null && prefix !== '' ? `${prefix}-${className}` : className;
+
+const camelCaseToKebabCase = (input) => input.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();
+
+const CLASS_SEPARATOR = '-';
+const normalizeSpacingValue = (value) => value === STYLE_SPACING_AUTO ? STYLE_SPACING_AUTO : value.replace(/[^0-9]/g, '');
+const isSpaceToken = (value) => typeof value === 'string' && value.startsWith('space-');
+const getUtilityValue = (value) => (isSpaceToken(value) ? normalizeSpacingValue(value) : value);
+const isKeyIncluded = (object, key) => Object.keys(object).includes(key);
+const processBreakpointProperties = (utilityName, propValue, prefix) => Object.keys(propValue).reduce((accumulatedBreakpointUtilities, breakpoint) => {
+    const breakpointValue = propValue[breakpoint];
+    if (typeof breakpointValue === 'string') {
+        const utilityValue = getUtilityValue(breakpointValue);
+        const infix = breakpoint === BREAKPOINT_MOBILE ? '' : `${CLASS_SEPARATOR}${breakpoint}`;
+        accumulatedBreakpointUtilities.push(applyClassNamePrefix(prefix)(`${utilityName}${infix}${CLASS_SEPARATOR}${utilityValue}`));
+    }
+    return accumulatedBreakpointUtilities;
+}, []);
+const processHideOnProperty = (utilityName, propValue, prefix) => {
+    const breakpoints = Array.isArray(propValue) ? propValue : [propValue];
+    return breakpoints.map((breakpoint) => applyClassNamePrefix(prefix)(`${utilityName}${CLASS_SEPARATOR}only${CLASS_SEPARATOR}${breakpoint}${CLASS_SEPARATOR}none`));
+};
+const processHideFromProperty = (utilityName, propValue, prefix) => {
+    const breakpoint = propValue;
+    const infix = breakpoint === BREAKPOINT_MOBILE ? '' : `${CLASS_SEPARATOR}${breakpoint}`;
+    return [applyClassNamePrefix(prefix)(`${utilityName}${infix}${CLASS_SEPARATOR}none`)];
+};
+const processDisplayProperties = (utilityKey, utilityName, propValue, prefix) => {
+    switch (utilityKey) {
+        case 'hideOn':
+            return processHideOnProperty(utilityName, propValue, prefix);
+        case 'hideFrom':
+            return processHideFromProperty(utilityName, propValue, prefix);
+        default:
+            return [];
+    }
+};
+const processProperties = (utilityKey, utilityName, propValue, prefix) => {
+    if (utilityName === ThemeStyleProps.theme) {
+        if (typeof propValue !== 'string') {
+            return [];
+        }
+        const themeClassName = camelCaseToKebabCase(propValue);
+        return [applyClassNamePrefix(prefix)(themeClassName)];
+    }
+    if (utilityKey in DisplayStyleProps) {
+        return processDisplayProperties(utilityKey, utilityName, propValue, prefix);
+    }
+    if (typeof propValue === 'boolean') {
+        return propValue ? [applyClassNamePrefix(prefix)(utilityName)] : [];
+    }
+    if (typeof propValue === 'string') {
+        return [applyClassNamePrefix(prefix)(`${utilityName}-${getUtilityValue(propValue)}`)];
+    }
+    return processBreakpointProperties(utilityName, propValue, prefix);
+};
+const isStylePropProcessable = (styleProps, stylePropKey, stylePropValue, options = { includesKey: true }) => {
+    const isStylePropKeyIncluded = isKeyIncluded(styleProps, stylePropKey);
+    const isProcessable = (options.includesKey ? isStylePropKeyIncluded : !isStylePropKeyIncluded) && !isEmpty(stylePropValue);
+    return isProcessable;
+};
+const useStyleUtilities = (props, prefix = '', additionalProps = {}) => {
+    const styleProps = Object.assign(Object.assign(Object.assign(Object.assign({}, SpacingStyleProp), DisplayStyleProps), ThemeStyleProps), additionalProps);
+    const propEntries = Object.entries(props);
+    const styleUtilities = propEntries.reduce((accumulatedUtilities, [key, propValue]) => {
+        if (isStylePropProcessable(styleProps, key, propValue)) {
+            const utilityName = styleProps[key];
+            return [
+                ...accumulatedUtilities,
+                ...processProperties(key, utilityName, propValue, prefix),
+            ];
+        }
+        return accumulatedUtilities;
+    }, []);
+    const updatedProps = propEntries.reduce((accumulatedProps, [key, propValue]) => {
+        if (isStylePropProcessable(styleProps, key, propValue, { includesKey: false })) {
+            return Object.assign(Object.assign({}, accumulatedProps), { [key]: propValue });
+        }
+        return accumulatedProps;
+    }, {});
+    return {
+        styleUtilities,
+        props: updatedProps,
+    };
+};
+
+var __rest$1 = (undefined && undefined.__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;
+};
+function useStyleProps(props, additionalUtilities) {
+    const classNamePrefix = React.useContext(ClassNamePrefixContext);
+    const { UNSAFE_className, UNSAFE_style } = props, otherProps = __rest$1(props, ["UNSAFE_className", "UNSAFE_style"]);
+    const styleUtilitiesConfig = Object.assign({ theme: ThemeStyleProps.theme }, ({}));
+    const { styleUtilities, props: modifiedProps } = useStyleUtilities(otherProps, classNamePrefix, styleUtilitiesConfig);
+    const style = Object.assign({}, UNSAFE_style);
+    if (modifiedProps.className) {
+        warning(false, 'The className prop is unsafe and is unsupported in Spirit Web React. ' +
+            'Please use style props with Spirit Design Tokens, or UNSAFE_className if you absolutely must do something custom. ' +
+            'Note that this may break in future versions due to DOM structure changes.');
+        delete modifiedProps.className;
+    }
+    if (modifiedProps.style) {
+        warning(false, 'The style prop is unsafe and is unsupported in Spirit Web React. ' +
+            'Please use style props with Spirit Design Tokens, or UNSAFE_style if you absolutely must do something custom. ' +
+            'Note that this may break in future versions due to DOM structure changes.');
+        delete modifiedProps.style;
+    }
+    const styleProps = {
+        style: Object.keys(style).length > 0 ? style : undefined,
+        className: classNames(UNSAFE_className, ...styleUtilities) || undefined,
+    };
+    return {
+        styleProps,
+        props: modifiedProps,
+    };
+}
+
+const useClassNamePrefix = (className) => {
+    const classNamePrefix = React.useContext(ClassNamePrefixContext);
+    let prefixedClassName = className;
+    if (classNamePrefix) {
+        prefixedClassName = applyClassNamePrefix(classNamePrefix)(className);
+    }
+    else if (classNamePrefix) {
+        prefixedClassName = classNamePrefix;
+    }
+    return prefixedClassName;
+};
+
+const defaultContext = undefined;
+const IconsContext = React.createContext(defaultContext);
+IconsContext.Provider;
+IconsContext.Consumer;
+
+var __rest = (undefined && undefined.__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;
+};
+const ProductLogo = (props) => {
+    const { children } = props, restProps = __rest(props, ["children"]);
+    const productLogoClass = useClassNamePrefix('ProductLogo');
+    const { styleProps, props: otherProps } = useStyleProps(restProps);
+    return (React.createElement("div", Object.assign({}, otherProps, { className: classNames(productLogoClass, styleProps.className), style: styleProps.style }), children));
+};
+ProductLogo.spiritComponent = 'ProductLogo';
+
+exports.ProductLogo = ProductLogo;
+//# sourceMappingURL=ProductLogo.cjs.map