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

package/components/Modal/ModalCloseButton.js

@@ -11,15 +11,17 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React from 'react';
+import { useI18n } from "../../hooks/index.js";
 import { Button } from "../Button/index.js";
 import { Icon } from "../Icon/index.js";
 import { VisuallyHidden } from "../VisuallyHidden/index.js";
-import { MODAL_CLOSE_BUTTON_LABEL_DEFAULT } from "./constants.js";
 const ModalCloseButton = (_a) => {
-    var { label = MODAL_CLOSE_BUTTON_LABEL_DEFAULT, onClose, id, isOpen } = _a, restProps = __rest(_a, ["label", "onClose", "id", "isOpen"]);
+    var { label, onClose, id, isOpen } = _a, restProps = __rest(_a, ["label", "onClose", "id", "isOpen"]);
+    const { t } = useI18n();
+    const closeLabel = label !== null && label !== void 0 ? label : t('common.close');
     return (React.createElement(Button, Object.assign({}, restProps, { isSymmetrical: true, color: "tertiary", onClick: onClose, "aria-expanded": isOpen, "aria-controls": id }),
         React.createElement(Icon, { name: "close" }),
-        React.createElement(VisuallyHidden, null, label)));
+        React.createElement(VisuallyHidden, null, closeLabel)));
 };
 ModalCloseButton.spiritComponent = 'ModalCloseButton';
 export default ModalCloseButton;

package/components/Modal/ModalCloseButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalCloseButton.js","sourceRoot":"","sources":["../../../src/components/Modal/ModalCloseButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,gCAAgC,EAAE,MAAM,aAAa,CAAC;AAE/D,MAAM,gBAAgB,GAAG,CAAC,EAMF,EAAE,EAAE;QANF,EACxB,KAAK,GAAG,gCAAgC,EACxC,OAAO,EACP,EAAE,EACF,MAAM,OAEgB,EADnB,SAAS,cALY,oCAMzB,CADa;IACe,OAAA,CAC3B,oBAAC,MAAM,oBAAK,SAAS,IAAE,aAAa,QAAC,KAAK,EAAC,UAAU,EAAC,OAAO,EAAE,OAAO,mBAAiB,MAAM,mBAAiB,EAAE;QAC9G,oBAAC,IAAI,IAAC,IAAI,EAAC,OAAO,GAAG;QACrB,oBAAC,cAAc,QAAE,KAAK,CAAkB,CACjC,CACV,CAAA;CAAA,CAAC;AAEF,gBAAgB,CAAC,eAAe,GAAG,kBAAkB,CAAC;AAEtD,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"ModalCloseButton.js","sourceRoot":"","sources":["../../../src/components/Modal/ModalCloseButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAEtC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,MAAM,gBAAgB,GAAG,CAAC,EAAmE,EAAE,EAAE;QAAvE,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,OAAuC,EAAlC,SAAS,cAA1C,oCAA4C,CAAF;IAClE,MAAM,EAAE,CAAC,EAAE,GAAG,OAAO,EAAE,CAAC;IACxB,MAAM,UAAU,GAAG,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,CAAC,CAAC,cAAc,CAAC,CAAC;IAE9C,OAAO,CACL,oBAAC,MAAM,oBAAK,SAAS,IAAE,aAAa,QAAC,KAAK,EAAC,UAAU,EAAC,OAAO,EAAE,OAAO,mBAAiB,MAAM,mBAAiB,EAAE;QAC9G,oBAAC,IAAI,IAAC,IAAI,EAAC,OAAO,GAAG;QACrB,oBAAC,cAAc,QAAE,UAAU,CAAkB,CACtC,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,gBAAgB,CAAC,eAAe,GAAG,kBAAkB,CAAC;AAEtD,eAAe,gBAAgB,CAAC"}

package/components/Modal/ModalDialog.d.ts

@@ -1,3 +1,4 @@
-import React from 'react';
-declare const _default: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export default _default;
+import { type ElementType } from 'react';
+import { type ModalDialogProps, type PolymorphicComponent } from '../../types';
+declare const ModalDialog: PolymorphicComponent<"article", ModalDialogProps<ElementType>>;
+export default ModalDialog;

package/components/Modal/ModalDialog.js

@@ -15,19 +15,22 @@ import { useStyleProps } from "../../hooks/index.js";
 import { mergeStyleProps } from "../../utils/index.js";
 import { useModalDialogStyleProps } from "./useModalDialogStyleProps.js";
 import { useModalStyleProps } from "./useModalStyleProps.js";
-const ModalDialog = (props, ref) => {
-    const { elementType: ElementTag = 'article', children, isDockedOnMobile, isExpandedOnMobile, isScrollable } = props, restProps = __rest(props, ["elementType", "children", "isDockedOnMobile", "isExpandedOnMobile", "isScrollable"]);
+const _ModalDialog = (props, ref) => {
+    const { elementType = 'article', children, isDockedOnMobile, isExpandedOnMobile, isScrollable } = props, restProps = __rest(props, ["elementType", "children", "isDockedOnMobile", "isExpandedOnMobile", "isScrollable"]);
+    const Component = elementType;
     const { classProps } = useModalStyleProps({ isDockedOnMobile, isExpandedOnMobile, isScrollable });
     const { modalDialogStyleProps, props: modifiedProps } = useModalDialogStyleProps(restProps);
     const { styleProps, props: otherProps } = useStyleProps(modifiedProps);
-    const mergedStyleProps = mergeStyleProps(ElementTag, {
+    const mergedStyleProps = mergeStyleProps(Component, {
         classProps: classProps.dialog,
         modalDialogStyleProps,
         styleProps,
         otherProps,
     });
-    return (React.createElement(ElementTag, Object.assign({}, otherProps, mergedStyleProps, { ref: ref }), children));
+    return (React.createElement(Component, Object.assign({}, otherProps, mergedStyleProps, { ref: ref }), children));
 };
+const ModalDialog = forwardRef(_ModalDialog);
 ModalDialog.spiritComponent = 'ModalDialog';
-export default forwardRef(ModalDialog);
+ModalDialog.displayName = 'ModalDialog';
+export default ModalDialog;
 //# sourceMappingURL=ModalDialog.js.map

package/components/Modal/ModalDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalDialog.js","sourceRoot":"","sources":["../../../src/components/Modal/ModalDialog.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;AAEb,OAAO,KAAK,EAAE,EAAuC,UAAU,EAAE,MAAM,OAAO,CAAC;AAC/E,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,MAAM,WAAW,GAAG,CAClB,KAA0B,EAC1B,GAAiC,EACjC,EAAE;IACF,MAAM,EACJ,WAAW,EAAE,UAAU,GAAG,SAAS,EACnC,QAAQ,EACR,gBAAgB,EAChB,kBAAkB,EAClB,YAAY,KAEV,KAAK,EADJ,SAAS,UACV,KAAK,EAPH,qFAOL,CAAQ,CAAC;IAEV,MAAM,EAAE,UAAU,EAAE,GAAG,kBAAkB,CAAC,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,YAAY,EAAE,CAAC,CAAC;IAClG,MAAM,EAAE,qBAAqB,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,wBAAwB,CAAC,SAAS,CAAC,CAAC;IAC5F,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;QAC7B,qBAAqB;QACrB,UAAU;QACV,UAAU;KACX,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,UAAU,oBAAK,UAAU,EAAM,gBAAgB,IAAE,GAAG,EAAE,GAAG,KACvD,QAAQ,CACE,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,WAAW,CAAC,eAAe,GAAG,aAAa,CAAC;AAE5C,eAAe,UAAU,CAAC,WAAW,CAAC,CAAC"}
+{"version":3,"file":"ModalDialog.js","sourceRoot":"","sources":["../../../src/components/Modal/ModalDialog.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;AAEb,OAAO,KAAK,EAAE,EAAoB,UAAU,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,MAAM,YAAY,GAAG,CAAoC,KAA0B,EAAE,GAAsB,EAAE,EAAE;IAC7G,MAAM,EAAE,WAAW,GAAG,SAAS,EAAE,QAAQ,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,YAAY,KAAmB,KAAK,EAAnB,SAAS,UAAK,KAAK,EAA/G,qFAAuG,CAAQ,CAAC;IAEtH,MAAM,SAAS,GAAG,WAA0B,CAAC;IAE7C,MAAM,EAAE,UAAU,EAAE,GAAG,kBAAkB,CAAC,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,YAAY,EAAE,CAAC,CAAC;IAClG,MAAM,EAAE,qBAAqB,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,wBAAwB,CAAC,SAAS,CAAC,CAAC;IAC5F,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,aAAa,CAAC,aAAa,CAAC,CAAC;IACvE,MAAM,gBAAgB,GAAG,eAAe,CAAC,SAAS,EAAE;QAClD,UAAU,EAAE,UAAU,CAAC,MAAM;QAC7B,qBAAqB;QACrB,UAAU;QACV,UAAU;KACX,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,SAAS,oBAAK,UAAU,EAAM,gBAAgB,IAAE,GAAG,EAAE,GAAG,KACtD,QAAQ,CACC,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG,UAAU,CAC5B,YAAY,CACgE,CAAC;AAE/E,WAAW,CAAC,eAAe,GAAG,aAAa,CAAC;AAC5C,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAExC,eAAe,WAAW,CAAC"}

package/components/Modal/ModalHeader.js

@@ -12,8 +12,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import classNames from 'classnames';
 import React from 'react';
-import { useStyleProps } from "../../hooks/index.js";
-import { MODAL_CLOSE_BUTTON_LABEL_DEFAULT } from "./constants.js";
+import { useI18n, useStyleProps } from "../../hooks/index.js";
 import ModalCloseButton from "./ModalCloseButton.js";
 import { useModalContext } from "./ModalContext.js";
 import { useModalStyleProps } from "./useModalStyleProps.js";
@@ -22,13 +21,15 @@ const defaultProps = {
 };
 const ModalHeader = (props) => {
     const propsWithDefaults = Object.assign(Object.assign({}, defaultProps), props);
-    const { children, closeLabel = MODAL_CLOSE_BUTTON_LABEL_DEFAULT, hasCloseButton } = propsWithDefaults, restProps = __rest(propsWithDefaults, ["children", "closeLabel", "hasCloseButton"]);
+    const { children, closeLabel, hasCloseButton } = propsWithDefaults, restProps = __rest(propsWithDefaults, ["children", "closeLabel", "hasCloseButton"]);
+    const { t } = useI18n();
+    const resolvedCloseLabel = closeLabel !== null && closeLabel !== void 0 ? closeLabel : t('common.close');
     const { classProps } = useModalStyleProps();
     const { styleProps, props: otherProps } = useStyleProps(restProps);
     const { id, isOpen, onClose } = useModalContext();
     return (React.createElement("header", Object.assign({}, otherProps, styleProps, { className: classNames(classProps.header, styleProps.className) }),
         children && (React.createElement("h2", { id: `${id}__title`, className: classProps.title }, children)),
-        hasCloseButton && React.createElement(ModalCloseButton, { id: id, isOpen: isOpen, label: closeLabel, onClose: onClose })));
+        hasCloseButton && React.createElement(ModalCloseButton, { id: id, isOpen: isOpen, label: resolvedCloseLabel, onClose: onClose })));
 };
 ModalHeader.spiritComponent = 'ModalHeader';
 export default ModalHeader;

package/components/Modal/ModalHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalHeader.js","sourceRoot":"","sources":["../../../src/components/Modal/ModalHeader.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;AAEb,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,OAAO,EAAE,gCAAgC,EAAE,MAAM,aAAa,CAAC;AAC/D,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,MAAM,YAAY,GAAqB;IACrC,cAAc,EAAE,IAAI;CACrB,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;IAC9C,MAAM,iBAAiB,mCAAQ,YAAY,GAAK,KAAK,CAAE,CAAC;IACxD,MAAM,EAAE,QAAQ,EAAE,UAAU,GAAG,gCAAgC,EAAE,cAAc,KAAmB,iBAAiB,EAA/B,SAAS,UAAK,iBAAiB,EAA7G,4CAAyF,CAAoB,CAAC;IACpH,MAAM,EAAE,UAAU,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAC5C,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,aAAa,CAAC,SAAS,CAAC,CAAC;IACnE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,eAAe,EAAE,CAAC;IAElD,OAAO,CACL,gDAAY,UAAU,EAAM,UAAU,IAAE,SAAS,EAAE,UAAU,CAAC,UAAU,CAAC,MAAM,EAAE,UAAU,CAAC,SAAS,CAAC;QACnG,QAAQ,IAAI,CACX,4BAAI,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,CAAC,KAAK,IAChD,QAAQ,CACN,CACN;QACA,cAAc,IAAI,oBAAC,gBAAgB,IAAC,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,GAAI,CAC7F,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,WAAW,CAAC,eAAe,GAAG,aAAa,CAAC;AAE5C,eAAe,WAAW,CAAC"}
+{"version":3,"file":"ModalHeader.js","sourceRoot":"","sources":["../../../src/components/Modal/ModalHeader.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;AAEb,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAErD,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,MAAM,YAAY,GAAqB;IACrC,cAAc,EAAE,IAAI;CACrB,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;IAC9C,MAAM,iBAAiB,mCAAQ,YAAY,GAAK,KAAK,CAAE,CAAC;IACxD,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,cAAc,KAAmB,iBAAiB,EAA/B,SAAS,UAAK,iBAAiB,EAA1E,4CAAsD,CAAoB,CAAC;IACjF,MAAM,EAAE,CAAC,EAAE,GAAG,OAAO,EAAE,CAAC;IACxB,MAAM,kBAAkB,GAAG,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,CAAC,CAAC,cAAc,CAAC,CAAC;IAC3D,MAAM,EAAE,UAAU,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAC5C,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,aAAa,CAAC,SAAS,CAAC,CAAC;IACnE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,eAAe,EAAE,CAAC;IAElD,OAAO,CACL,gDAAY,UAAU,EAAM,UAAU,IAAE,SAAS,EAAE,UAAU,CAAC,UAAU,CAAC,MAAM,EAAE,UAAU,CAAC,SAAS,CAAC;QACnG,QAAQ,IAAI,CACX,4BAAI,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,CAAC,KAAK,IAChD,QAAQ,CACN,CACN;QACA,cAAc,IAAI,oBAAC,gBAAgB,IAAC,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,kBAAkB,EAAE,OAAO,EAAE,OAAO,GAAI,CACrG,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,WAAW,CAAC,eAAe,GAAG,aAAa,CAAC;AAE5C,eAAe,WAAW,CAAC"}