@alma-oss/spirit-web-react 4.2.0 → 4.3.0

package/common/common.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"common.cjs","sources":["constants/environments.js","utilities/info.js","utilities/warning.js"],"sourcesContent":["export const ENVIRONMENTS = {\n    DEVELOPMENT: 'development',\n    TESTING: 'testing',\n    PRODUCTION: 'production',\n};\nexport const isDevelopment = () => process.env.NODE_ENV === ENVIRONMENTS.DEVELOPMENT;\nexport const isTesting = () => process.env.NODE_ENV === ENVIRONMENTS.TESTING;\nexport const isProduction = () => process.env.NODE_ENV === ENVIRONMENTS.PRODUCTION;\n//# sourceMappingURL=environments.js.map","import { isProduction } from \"../constants/environments.js\";\nconst info = (condition, message) => {\n    if (!isProduction()) {\n        if (condition) {\n            return;\n        }\n        const text = `Info: ${message}`;\n        if (typeof console !== 'undefined') {\n            console.info(text);\n        }\n    }\n};\nexport default info;\n//# sourceMappingURL=info.js.map","import { isProduction } from \"../constants/environments.js\";\nconst warning = (condition, message) => {\n    if (!isProduction()) {\n        if (condition) {\n            return;\n        }\n        const text = `Warning: ${message}`;\n        if (typeof console !== 'undefined') {\n            console.warn(text);\n        }\n        try {\n            throw Error(text);\n        }\n        catch (x) {\n        }\n    }\n};\nexport default warning;\n//# sourceMappingURL=warning.js.map"],"names":[],"mappings":";;AAAY,MAAC,YAAY,GAAG;AAC5B,IAAI,WAAW,EAAE,aAAa;AAC9B,IAAI,OAAO,EAAE,SAAS;AACtB,IAAI,UAAU,EAAE,YAAY;AAC5B;AACY,MAAC,aAAa,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,CAAC;AAC7D,MAAC,SAAS,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,CAAC;AACzD,MAAC,YAAY,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,CAAC;;ACNnE,MAAC,IAAI,GAAG,CAAC,SAAS,EAAE,OAAO,KAAK;AACrC,IAAI,IAAI,CAAC,YAAY,EAAE,EAAE;AACzB,QAAQ,IAAI,SAAS,EAAE;AACvB,YAAY;AACZ;AACA,QAAQ,MAAM,IAAI,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AACvC,QAAQ,IAAI,OAAO,OAAO,KAAK,WAAW,EAAE;AAC5C,YAAY,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC9B;AACA;AACA;;ACVK,MAAC,OAAO,GAAG,CAAC,SAAS,EAAE,OAAO,KAAK;AACxC,IAAI,IAAI,CAAC,YAAY,EAAE,EAAE;AACzB,QAAQ,IAAI,SAAS,EAAE;AACvB,YAAY;AACZ;AACA,QAAQ,MAAM,IAAI,GAAG,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;AAC1C,QAAQ,IAAI,OAAO,OAAO,KAAK,WAAW,EAAE;AAC5C,YAAY,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC9B;AACA,QAAQ,IAAI;AACZ,YAAY,MAAM,KAAK,CAAC,IAAI,CAAC;AAC7B;AACA,QAAQ,OAAO,CAAC,EAAE;AAClB;AACA;AACA;;;;;;;;;"}
+{"version":3,"file":"common.cjs","sources":["constants/environments.js","utilities/info.js","utilities/warning.js"],"sourcesContent":["export const ENVIRONMENTS = {\n    DEVELOPMENT: 'development',\n    TESTING: 'testing',\n    PRODUCTION: 'production',\n};\nexport const isDevelopment = () => process.env.NODE_ENV === ENVIRONMENTS.DEVELOPMENT;\nexport const isTesting = () => process.env.NODE_ENV === ENVIRONMENTS.TESTING;\nexport const isProduction = () => process.env.NODE_ENV === ENVIRONMENTS.PRODUCTION;\n//# sourceMappingURL=environments.js.map","import { isProduction } from \"../constants/environments.js\";\nconst info = (condition, message) => {\n    if (!isProduction()) {\n        if (condition) {\n            return;\n        }\n        const text = `Info: ${message}`;\n        if (typeof console !== 'undefined') {\n            console.info(text);\n        }\n    }\n};\nexport default info;\n//# sourceMappingURL=info.js.map","import { isProduction } from \"../constants/environments.js\";\nconst warning = (condition, message) => {\n    if (!isProduction()) {\n        if (condition) {\n            return;\n        }\n        const text = `Warning: ${message}`;\n        if (typeof console !== 'undefined') {\n            console.warn(text);\n        }\n        try {\n            throw Error(text);\n        }\n        catch (x) {\n        }\n    }\n};\nexport default warning;\n//# sourceMappingURL=warning.js.map"],"names":[],"mappings":";;AAAY,MAAC,YAAY,GAAG;AAC5B,IAAI,WAAW,EAAE,aAAa;AAC9B,IAAI,OAAO,EAAE,SAAS;AACtB,IAAI,UAAU,EAAE,YAAY;AAC5B;AACY,MAAC,aAAa,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,CAAC;AAC7D,MAAC,SAAS,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,CAAC;AACzD,MAAC,YAAY,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,CAAC;;ACNnE,MAAC,IAAI,GAAG,CAAC,SAAS,EAAE,OAAO,KAAK;AACrC,IAAI,IAAI,CAAC,YAAY,EAAE,EAAE;AACzB,QAAQ,IAAI,SAAS,EAAE;AACvB,YAAY;AACZ,QAAQ;AACR,QAAQ,MAAM,IAAI,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AACvC,QAAQ,IAAI,OAAO,OAAO,KAAK,WAAW,EAAE;AAC5C,YAAY,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC9B,QAAQ;AACR,IAAI;AACJ;;ACVK,MAAC,OAAO,GAAG,CAAC,SAAS,EAAE,OAAO,KAAK;AACxC,IAAI,IAAI,CAAC,YAAY,EAAE,EAAE;AACzB,QAAQ,IAAI,SAAS,EAAE;AACvB,YAAY;AACZ,QAAQ;AACR,QAAQ,MAAM,IAAI,GAAG,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;AAC1C,QAAQ,IAAI,OAAO,OAAO,KAAK,WAAW,EAAE;AAC5C,YAAY,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC9B,QAAQ;AACR,QAAQ,IAAI;AACZ,YAAY,MAAM,KAAK,CAAC,IAAI,CAAC;AAC7B,QAAQ;AACR,QAAQ,OAAO,CAAC,EAAE;AAClB,QAAQ;AACR,IAAI;AACJ;;;;;;;;;"}

package/common/utilities/utilities.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"utilities.cjs","sources":["../constants/environments.js","info.js","warning.js"],"sourcesContent":["export const ENVIRONMENTS = {\n    DEVELOPMENT: 'development',\n    TESTING: 'testing',\n    PRODUCTION: 'production',\n};\nexport const isDevelopment = () => process.env.NODE_ENV === ENVIRONMENTS.DEVELOPMENT;\nexport const isTesting = () => process.env.NODE_ENV === ENVIRONMENTS.TESTING;\nexport const isProduction = () => process.env.NODE_ENV === ENVIRONMENTS.PRODUCTION;\n//# sourceMappingURL=environments.js.map","import { isProduction } from \"../constants/environments.js\";\nconst info = (condition, message) => {\n    if (!isProduction()) {\n        if (condition) {\n            return;\n        }\n        const text = `Info: ${message}`;\n        if (typeof console !== 'undefined') {\n            console.info(text);\n        }\n    }\n};\nexport default info;\n//# sourceMappingURL=info.js.map","import { isProduction } from \"../constants/environments.js\";\nconst warning = (condition, message) => {\n    if (!isProduction()) {\n        if (condition) {\n            return;\n        }\n        const text = `Warning: ${message}`;\n        if (typeof console !== 'undefined') {\n            console.warn(text);\n        }\n        try {\n            throw Error(text);\n        }\n        catch (x) {\n        }\n    }\n};\nexport default warning;\n//# sourceMappingURL=warning.js.map"],"names":[],"mappings":";;AAAO,MAAM,YAAY,GAAG;AAC5B,IAEI,UAAU,EAAE,YAAY;AAC5B,CAAC;AAGM,MAAM,YAAY,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,CAAC,UAAU;;ACN7E,MAAC,IAAI,GAAG,CAAC,SAAS,EAAE,OAAO,KAAK;AACrC,IAAI,IAAI,CAAC,YAAY,EAAE,EAAE;AACzB,QAAQ,IAAI,SAAS,EAAE;AACvB,YAAY;AACZ;AACA,QAAQ,MAAM,IAAI,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AACvC,QAAQ,IAAI,OAAO,OAAO,KAAK,WAAW,EAAE;AAC5C,YAAY,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC9B;AACA;AACA;;ACVK,MAAC,OAAO,GAAG,CAAC,SAAS,EAAE,OAAO,KAAK;AACxC,IAAI,IAAI,CAAC,YAAY,EAAE,EAAE;AACzB,QAAQ,IAAI,SAAS,EAAE;AACvB,YAAY;AACZ;AACA,QAAQ,MAAM,IAAI,GAAG,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;AAC1C,QAAQ,IAAI,OAAO,OAAO,KAAK,WAAW,EAAE;AAC5C,YAAY,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC9B;AACA,QAAQ,IAAI;AACZ,YAAY,MAAM,KAAK,CAAC,IAAI,CAAC;AAC7B;AACA,QAAQ,OAAO,CAAC,EAAE;AAClB;AACA;AACA;;;;;"}
+{"version":3,"file":"utilities.cjs","sources":["../constants/environments.js","info.js","warning.js"],"sourcesContent":["export const ENVIRONMENTS = {\n    DEVELOPMENT: 'development',\n    TESTING: 'testing',\n    PRODUCTION: 'production',\n};\nexport const isDevelopment = () => process.env.NODE_ENV === ENVIRONMENTS.DEVELOPMENT;\nexport const isTesting = () => process.env.NODE_ENV === ENVIRONMENTS.TESTING;\nexport const isProduction = () => process.env.NODE_ENV === ENVIRONMENTS.PRODUCTION;\n//# sourceMappingURL=environments.js.map","import { isProduction } from \"../constants/environments.js\";\nconst info = (condition, message) => {\n    if (!isProduction()) {\n        if (condition) {\n            return;\n        }\n        const text = `Info: ${message}`;\n        if (typeof console !== 'undefined') {\n            console.info(text);\n        }\n    }\n};\nexport default info;\n//# sourceMappingURL=info.js.map","import { isProduction } from \"../constants/environments.js\";\nconst warning = (condition, message) => {\n    if (!isProduction()) {\n        if (condition) {\n            return;\n        }\n        const text = `Warning: ${message}`;\n        if (typeof console !== 'undefined') {\n            console.warn(text);\n        }\n        try {\n            throw Error(text);\n        }\n        catch (x) {\n        }\n    }\n};\nexport default warning;\n//# sourceMappingURL=warning.js.map"],"names":[],"mappings":";;AAAO,MAAM,YAAY,GAAG;AAC5B,IAEI,UAAU,EAAE,YAAY;AAC5B,CAAC;AAGM,MAAM,YAAY,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,CAAC,UAAU;;ACN7E,MAAC,IAAI,GAAG,CAAC,SAAS,EAAE,OAAO,KAAK;AACrC,IAAI,IAAI,CAAC,YAAY,EAAE,EAAE;AACzB,QAAQ,IAAI,SAAS,EAAE;AACvB,YAAY;AACZ,QAAQ;AACR,QAAQ,MAAM,IAAI,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AACvC,QAAQ,IAAI,OAAO,OAAO,KAAK,WAAW,EAAE;AAC5C,YAAY,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC9B,QAAQ;AACR,IAAI;AACJ;;ACVK,MAAC,OAAO,GAAG,CAAC,SAAS,EAAE,OAAO,KAAK;AACxC,IAAI,IAAI,CAAC,YAAY,EAAE,EAAE;AACzB,QAAQ,IAAI,SAAS,EAAE;AACvB,YAAY;AACZ,QAAQ;AACR,QAAQ,MAAM,IAAI,GAAG,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;AAC1C,QAAQ,IAAI,OAAO,OAAO,KAAK,WAAW,EAAE;AAC5C,YAAY,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC9B,QAAQ;AACR,QAAQ,IAAI;AACZ,YAAY,MAAM,KAAK,CAAC,IAAI,CAAC;AAC7B,QAAQ;AACR,QAAQ,OAAO,CAAC,EAAE;AAClB,QAAQ;AACR,IAAI;AACJ;;;;;"}

package/components/Accordion/Accordion.cjs

@@ -210,8 +210,11 @@ const htmlReactParser = (html) => {
     return domToReact(htmlToDOM(html));
 };
 
+function hasSpiritComponent(elementTag) {
+    return typeof elementTag !== 'string' && elementTag !== null && 'spiritComponent' in elementTag;
+}
 function mergeStyleProps(ElementTag, styleProps) {
-    const isSpiritComponent = typeof ElementTag !== 'string' && !!(ElementTag === null || ElementTag === void 0 ? void 0 : ElementTag.spiritComponent);
+    const isSpiritComponent = hasSpiritComponent(ElementTag);
     const isNonNullableObject = (styleProp) => typeof styleProp === 'object' && styleProp !== null;
     const extractClassNames = (styleProp) => {
         if (typeof styleProp === 'string') {
@@ -303,8 +306,10 @@ const processProperties = (utilityKey, 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;
+    if (options.includesKey) {
+        return isStylePropKeyIncluded && !isEmpty(stylePropValue);
+    }
+    return !isStylePropKeyIncluded;
 };
 const useStyleUtilities = (props, prefix = '', additionalProps = {}) => {
     const styleProps = Object.assign(Object.assign(Object.assign(Object.assign({}, SpacingStyleProp), DisplayStyleProps), ThemeStyleProps), additionalProps);
@@ -383,11 +388,11 @@ const useClassNamePrefix = (className) => {
 };
 
 const useDeprecationMessage = ({ method = 'component', trigger, componentName, componentProps, propertyProps, customText, }) => {
-    let message;
-    let hasProps;
     const messageBase = `Deprecation warning (${componentName}):`;
     React.useEffect(() => {
         const isExecutable = trigger && componentName && process.env.NODE_ENV === 'development';
+        let message;
+        let hasProps;
         switch (method) {
             case 'property':
                 if (propertyProps === null || propertyProps === void 0 ? void 0 : propertyProps.delete) {
@@ -565,21 +570,22 @@ var __rest$8 = (undefined && undefined.__rest) || function (s, e) {
         }
     return t;
 };
-const Accordion = (props) => {
-    const { children, elementType: ElementTag = 'section', open, toggle } = props, restProps = __rest$8(props, ["children", "elementType", "open", "toggle"]);
+const _Accordion = (props, ref) => {
+    const { children, elementType = 'section', open, toggle } = props, restProps = __rest$8(props, ["children", "elementType", "open", "toggle"]);
+    const Component = elementType;
     const { classProps } = useAccordionStyleProps();
     const { styleProps, props: transferProps } = useStyleProps(restProps);
-    const mergedStyleProps = mergeStyleProps(ElementTag, { classProps: classProps.root, styleProps });
+    const mergedStyleProps = mergeStyleProps(Component, { classProps: classProps.root, styleProps });
     const contextValue = {
         open,
         toggle,
     };
-    return (React.createElement(ElementTag, Object.assign({}, transferProps, mergedStyleProps),
+    return (React.createElement(Component, Object.assign({}, transferProps, mergedStyleProps, { ref: ref }),
         React.createElement(AccordionProvider, { value: contextValue }, children)));
 };
+const Accordion = React.forwardRef(_Accordion);
 Accordion.spiritComponent = 'Accordion';
-Accordion.spiritDefaultElement = 'section';
-Accordion.spiritDefaultProps = null;
+Accordion.displayName = 'Accordion';
 
 const defaultContext = {
     id: '',
@@ -600,18 +606,19 @@ var __rest$7 = (undefined && undefined.__rest) || function (s, e) {
         }
     return t;
 };
-const AccordionItem = (props) => {
-    const { children, elementType: ElementTag = 'article', id } = props, restProps = __rest$7(props, ["children", "elementType", "id"]);
+const _AccordionItem = (props, ref) => {
+    const { children, elementType = 'article', id } = props, restProps = __rest$7(props, ["children", "elementType", "id"]);
+    const Component = elementType;
     const { classProps } = useAccordionStyleProps();
     const { styleProps, props: transferProps } = useStyleProps(restProps);
-    const mergedStyleProps = mergeStyleProps(ElementTag, { classProps: classProps.item, styleProps });
+    const mergedStyleProps = mergeStyleProps(Component, { classProps: classProps.item, styleProps });
     const contextValue = { id };
-    return (React.createElement(ElementTag, Object.assign({}, transferProps, { id: id }, mergedStyleProps),
+    return (React.createElement(Component, Object.assign({}, transferProps, { id: id }, mergedStyleProps, { ref: ref }),
         React.createElement(AccordionItemProvider, { value: contextValue }, children)));
 };
+const AccordionItem = React.forwardRef(_AccordionItem);
 AccordionItem.spiritComponent = 'AccordionItem';
-AccordionItem.spiritDefaultElement = 'article';
-AccordionItem.spiritDefaultProps = null;
+AccordionItem.displayName = 'AccordionItem';
 
 const DEFAULT_BOX_SIZE = 24;
 
@@ -690,6 +697,7 @@ const _Icon = (props, ref) => {
 };
 const Icon = React.forwardRef(_Icon);
 Icon.spiritComponent = 'Icon';
+Icon.displayName = 'Icon';
 
 var __rest$4 = (undefined && undefined.__rest) || function (s, e) {
     var t = {};
@@ -705,16 +713,17 @@ var __rest$4 = (undefined && undefined.__rest) || function (s, e) {
 const defaultProps$1 = {
     elementType: 'h3',
 };
-const AccordionHeader = (props) => {
+const _AccordionHeader = (props, ref) => {
     const propsWithDefaults = Object.assign(Object.assign({}, defaultProps$1), props);
-    const { elementType: ElementTag = 'h3', children, slot } = propsWithDefaults, restProps = __rest$4(propsWithDefaults, ["elementType", "children", "slot"]);
+    const { elementType = 'h3', children, slot } = propsWithDefaults, restProps = __rest$4(propsWithDefaults, ["elementType", "children", "slot"]);
+    const Component = elementType;
     const { classProps } = useAccordionStyleProps();
     const { toggle } = useAccordionContext();
     const { id } = useAccordionItemContext();
     const { styleProps, props: transferProps } = useStyleProps(restProps);
     const { isOpen } = useOpenItem(id);
     const { triggerProps, headerProps } = useAccordionAriaProps({ id, isOpen });
-    const mergedStyleProps = mergeStyleProps(ElementTag, {
+    const mergedStyleProps = mergeStyleProps(Component, {
         classProps: classProps.header,
         styleProps,
     });
@@ -723,16 +732,16 @@ const AccordionHeader = (props) => {
             toggle(id);
         }
     };
-    return (React.createElement(ElementTag, Object.assign({}, transferProps, mergedStyleProps, headerProps),
+    return (React.createElement(Component, Object.assign({}, transferProps, mergedStyleProps, headerProps, { ref: ref }),
         React.createElement("button", Object.assign({ type: "button", className: classProps.toggle, onClick: itemToggle }, triggerProps), children),
         React.createElement("span", { className: classProps.side },
             slot && React.createElement("span", { className: classProps.slot }, slot),
             React.createElement("span", { className: classProps.icon },
                 React.createElement(Icon, { name: "chevron-down" })))));
 };
+const AccordionHeader = React.forwardRef(_AccordionHeader);
 AccordionHeader.spiritComponent = 'AccordionHeader';
-AccordionHeader.spiritDefaultElement = 'h3';
-AccordionHeader.spiritDefaultProps = null;
+AccordionHeader.displayName = 'AccordionHeader';
 
 var __rest$3 = (undefined && undefined.__rest) || function (s, e) {
     var t = {};
@@ -899,8 +908,7 @@ const UncontrolledAccordion = (props) => {
     return React.createElement(Accordion, Object.assign({}, restProps, { open: open, toggle: toggle }));
 };
 UncontrolledAccordion.spiritComponent = 'UncontrolledAccordion';
-UncontrolledAccordion.spiritDefaultElement = 'section';
-UncontrolledAccordion.spiritDefaultProps = null;
+UncontrolledAccordion.displayName = 'UncontrolledAccordion';
 
 exports.Accordion = Accordion;
 exports.AccordionContent = AccordionContent;