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

package/components/Modal/ModalCloseButton.js

@@ -14,8 +14,9 @@ import React from 'react';
 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 = 'Close', onClose, id, isOpen } = _a, restProps = __rest(_a, ["label", "onClose", "id", "isOpen"]);
+    var { label = MODAL_CLOSE_BUTTON_LABEL_DEFAULT, onClose, id, isOpen } = _a, restProps = __rest(_a, ["label", "onClose", "id", "isOpen"]);
     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)));

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;AAEnD,MAAM,gBAAgB,GAAG,CAAC,EAA6E,EAAE,EAAE;QAAjF,EAAE,KAAK,GAAG,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,OAAuC,EAAlC,SAAS,cAApD,oCAAsD,CAAF;IAA8B,OAAA,CAC1G,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;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"}

package/components/Modal/ModalHeader.js

@@ -13,6 +13,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 ModalCloseButton from "./ModalCloseButton.js";
 import { useModalContext } from "./ModalContext.js";
 import { useModalStyleProps } from "./useModalStyleProps.js";
@@ -21,7 +22,7 @@ const defaultProps = {
 };
 const ModalHeader = (props) => {
     const propsWithDefaults = Object.assign(Object.assign({}, defaultProps), props);
-    const { children, closeLabel, hasCloseButton } = propsWithDefaults, restProps = __rest(propsWithDefaults, ["children", "closeLabel", "hasCloseButton"]);
+    const { children, closeLabel = MODAL_CLOSE_BUTTON_LABEL_DEFAULT, hasCloseButton } = propsWithDefaults, restProps = __rest(propsWithDefaults, ["children", "closeLabel", "hasCloseButton"]);
     const { classProps } = useModalStyleProps();
     const { styleProps, props: otherProps } = useStyleProps(restProps);
     const { id, isOpen, onClose } = useModalContext();

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,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,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,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"}

package/components/Modal/constants.d.ts

@@ -0,0 +1 @@
+export declare const MODAL_CLOSE_BUTTON_LABEL_DEFAULT = "Close";

package/components/Modal/constants.js

@@ -0,0 +1,2 @@
+export const MODAL_CLOSE_BUTTON_LABEL_DEFAULT = 'Close';
+//# sourceMappingURL=constants.js.map

package/components/Modal/constants.js.map

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

package/components/Pagination/Pagination.cjs

@@ -762,6 +762,10 @@ const VisuallyHidden = (props) => {
 };
 VisuallyHidden.spiritComponent = 'VisuallyHidden';
 
+const PAGINATION_PREVIOUS_LINK_DEFAULT_ACCESSIBILITY_LABEL = 'Previous';
+const PAGINATION_NEXT_LINK_DEFAULT_ACCESSIBILITY_LABEL = 'Next';
+const PAGINATION_LINK_DEFAULT_ACCESSIBILITY_LABEL_PREFIX = 'Go to page';
+
 var __rest$5 = (undefined && undefined.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -774,7 +778,9 @@ var __rest$5 = (undefined && undefined.__rest) || function (s, e) {
     return t;
 };
 const _PaginationButtonLink = (props, ref) => {
-    const _a = props, { direction, accessibilityLabel } = _a, restProps = __rest$5(_a, ["direction", "accessibilityLabel"]);
+    const _a = props, { direction, accessibilityLabel = direction === 'previous'
+        ? PAGINATION_PREVIOUS_LINK_DEFAULT_ACCESSIBILITY_LABEL
+        : PAGINATION_NEXT_LINK_DEFAULT_ACCESSIBILITY_LABEL } = _a, restProps = __rest$5(_a, ["direction", "accessibilityLabel"]);
     const iconType = {
         previous: 'chevron-left',
         next: 'chevron-right',
@@ -818,19 +824,17 @@ var __rest$3 = (undefined && undefined.__rest) || function (s, e) {
 };
 const _PaginationLink = (props, ref) => {
     const { elementType: ElementTag = 'a', accessibilityLabel, isCurrent, pageNumber } = props, restProps = __rest$3(props, ["elementType", "accessibilityLabel", "isCurrent", "pageNumber"]);
+    const visuallyHiddenLabel = accessibilityLabel || `${PAGINATION_LINK_DEFAULT_ACCESSIBILITY_LABEL_PREFIX} ${pageNumber}`;
     const { classProps } = usePaginationStyleProps({ isCurrent });
     const { styleProps, props: otherProps } = useStyleProps(restProps);
     const mergedStyleProps = mergeStyleProps(ElementTag, { classProps: classProps.link, styleProps, otherProps });
     return (React.createElement(ElementTag, Object.assign({}, otherProps, mergedStyleProps, { ref: ref }),
-        React.createElement(VisuallyHidden, null, accessibilityLabel),
+        React.createElement(VisuallyHidden, null, visuallyHiddenLabel),
         React.createElement("span", { "aria-hidden": "true" }, pageNumber)));
 };
 const PaginationLink = React.forwardRef(_PaginationLink);
 PaginationLink.spiritComponent = 'PaginationLink';
 
-const PAGINATION_PREVIOUS_LINK_DEFAULT_ACCESSIBILITY_LABEL = 'Previous';
-const PAGINATION_NEXT_LINK_DEFAULT_ACCESSIBILITY_LABEL = 'Next';
-
 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)
@@ -912,7 +916,7 @@ var __rest = (undefined && undefined.__rest) || function (s, e) {
     return t;
 };
 const UncontrolledPagination = (props) => {
-    const { accessibilityLabel, accessibilityLabelPrevious = 'Previous', accessibilityLabelNext = 'Next', defaultPage = 1, onChange, totalPages = 0, visiblePages = 5 } = props, rest = __rest(props, ["accessibilityLabel", "accessibilityLabelPrevious", "accessibilityLabelNext", "defaultPage", "onChange", "totalPages", "visiblePages"]);
+    const { accessibilityLabel = PAGINATION_LINK_DEFAULT_ACCESSIBILITY_LABEL_PREFIX, accessibilityLabelPrevious = PAGINATION_PREVIOUS_LINK_DEFAULT_ACCESSIBILITY_LABEL, accessibilityLabelNext = PAGINATION_NEXT_LINK_DEFAULT_ACCESSIBILITY_LABEL, defaultPage = 1, onChange, totalPages = 0, visiblePages = 5 } = props, rest = __rest(props, ["accessibilityLabel", "accessibilityLabelPrevious", "accessibilityLabelNext", "defaultPage", "onChange", "totalPages", "visiblePages"]);
     const { currentPage, pages, handlePageChange } = usePagination({
         defaultPage,
         onChange,
@@ -936,6 +940,7 @@ const UncontrolledPagination = (props) => {
 };
 UncontrolledPagination.spiritComponent = 'UncontrolledPagination';
 
+exports.PAGINATION_LINK_DEFAULT_ACCESSIBILITY_LABEL_PREFIX = PAGINATION_LINK_DEFAULT_ACCESSIBILITY_LABEL_PREFIX;
 exports.PAGINATION_NEXT_LINK_DEFAULT_ACCESSIBILITY_LABEL = PAGINATION_NEXT_LINK_DEFAULT_ACCESSIBILITY_LABEL;
 exports.PAGINATION_PREVIOUS_LINK_DEFAULT_ACCESSIBILITY_LABEL = PAGINATION_PREVIOUS_LINK_DEFAULT_ACCESSIBILITY_LABEL;
 exports.Pagination = Pagination;