carbon-react 154.3.2 → 154.3.3-beta.1

package/lib/components/pager/__internal__/pager-navigation.component.js

@@ -1,109 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _pager = require("../pager.style");
-var _number = _interopRequireDefault(require("../../number"));
-var _events = _interopRequireDefault(require("../../../__internal__/utils/helpers/events"));
-var _guid = _interopRequireDefault(require("../../../__internal__/utils/helpers/guid"));
-var _pagerNavigationLink = _interopRequireDefault(require("./pager-navigation-link.component"));
-var _useLocale = _interopRequireDefault(require("../../../hooks/__internal__/useLocale"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const PagerNavigation = ({
-  pageSize,
-  currentPage,
-  setCurrentPage,
-  onNext,
-  onPrevious,
-  onFirst,
-  onLast,
-  onPagination,
-  pageCount,
-  showFirstAndLastButtons = true,
-  showPreviousAndNextButtons = true,
-  showPageCount = true,
-  interactivePageNumber = true,
-  hideDisabledElements = false,
-  smallScreenBreakpoint
-}) => {
-  const l = (0, _useLocale.default)();
-  const guid = (0, _react.useRef)((0, _guid.default)());
-  const currentPageId = `Pager_${guid.current}`;
-  const navLabelString = `${l.pager.pageX()} ${currentPage.toString()} ${l.pager.ofY(pageCount)}`;
-  const hasOnePage = pageCount <= 1;
-  const hasTwoPages = pageCount === 2;
-  const pagerNavigationProps = {
-    currentPage,
-    pageSize,
-    pageCount,
-    onPagination
-  };
-  const handlePageInputChange = ev => {
-    const pageNumber = +ev.target.value;
-    if (pageCount === 0) {
-      setCurrentPage(0);
-      onPagination(0, pageSize, "input");
-      return 0;
-    }
-    if (pageNumber <= 0 || Number.isNaN(pageNumber)) {
-      setCurrentPage(1);
-      onPagination(1, pageSize, "input");
-      return 1;
-    }
-    if (pageNumber > pageCount) {
-      setCurrentPage(pageCount);
-      onPagination(pageCount, pageSize, "input");
-      return pageCount;
-    }
-    setCurrentPage(pageNumber);
-    onPagination(pageNumber, pageSize, "input");
-    return pageNumber;
-  };
-  const handleCurrentPageChange = e => {
-    setCurrentPage(+e.target.value);
-  };
-  const renderButtonsBeforeCount = () => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !hasTwoPages && showFirstAndLastButtons && /*#__PURE__*/_react.default.createElement(_pagerNavigationLink.default, _extends({
-    type: "first",
-    hideDisabledElements: hideDisabledElements,
-    onClick: onFirst
-  }, pagerNavigationProps)), showPreviousAndNextButtons && /*#__PURE__*/_react.default.createElement(_pagerNavigationLink.default, _extends({
-    type: "previous",
-    hideDisabledElements: hideDisabledElements,
-    onClick: onPrevious
-  }, pagerNavigationProps)));
-  const renderButtonsAfterCount = () => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, showPreviousAndNextButtons && /*#__PURE__*/_react.default.createElement(_pagerNavigationLink.default, _extends({
-    type: "next",
-    hideDisabledElements: hideDisabledElements,
-    onClick: onNext
-  }, pagerNavigationProps)), !hasTwoPages && showFirstAndLastButtons && /*#__PURE__*/_react.default.createElement(_pagerNavigationLink.default, _extends({
-    type: "last",
-    hideDisabledElements: hideDisabledElements,
-    onClick: onLast
-  }, pagerNavigationProps)));
-  return /*#__PURE__*/_react.default.createElement(_pager.StyledPagerNavigation, {
-    smallScreenBreakpoint: smallScreenBreakpoint
-  }, !hasOnePage && renderButtonsBeforeCount(), showPageCount && (interactivePageNumber ? /*#__PURE__*/_react.default.createElement(_pager.StyledPagerNavInner, null, /*#__PURE__*/_react.default.createElement("label", {
-    htmlFor: currentPageId
-  }, /*#__PURE__*/_react.default.createElement(_pager.StyledPagerNoSelect, null, l.pager.pageX())), /*#__PURE__*/_react.default.createElement(_number.default, {
-    value: currentPage.toString(),
-    "data-element": "current-page",
-    onChange: handleCurrentPageChange,
-    onBlur: handlePageInputChange,
-    id: currentPageId,
-    onKeyUp: ev => _events.default.isEnterKey(ev) ? handlePageInputChange(ev) : false
-  }), /*#__PURE__*/_react.default.createElement(_pager.StyledPagerNoSelect, {
-    "data-element": "max-pages"
-  }, l.pager.ofY(pageCount))) : /*#__PURE__*/_react.default.createElement(_pager.StyledPagerNavLabel, {
-    "data-element": "current-page-label",
-    "data-role": "current-page-label",
-    id: currentPageId,
-    "aria-live": "polite"
-  }, navLabelString)), !hasOnePage && renderButtonsAfterCount());
-};
-var _default = exports.default = PagerNavigation;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../pager.style.js"),n=require("../../number/number.component.js"),a=require("../../../__internal__/utils/helpers/events/events.js"),i=require("../../../__internal__/utils/helpers/guid/index.js"),l=require("./pager-navigation-link.component.js"),s=require("../../../hooks/__internal__/useLocale/useLocale.js");function o(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function u(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){o(e,t,r[t])}))}return e}exports.default=({pageSize:o,currentPage:c,setCurrentPage:d,onNext:g,onPrevious:p,onFirst:b,onLast:j,onPagination:m,pageCount:f,showFirstAndLastButtons:h=!0,showPreviousAndNextButtons:x=!0,showPageCount:y=!0,interactivePageNumber:P=!0,hideDisabledElements:v=!1,smallScreenBreakpoint:S})=>{const _=s.default(),N=`Pager_${t.useRef(i.default()).current}`,k=`${_.pager.pageX()} ${c.toString()} ${_.pager.ofY(f)}`,C=f<=1,O=2===f,q={currentPage:c,pageSize:o,pageCount:f,onPagination:m},w=e=>{const t=+e.target.value;return 0===f?(d(0),m(0,o,"input"),0):t<=0||Number.isNaN(t)?(d(1),m(1,o,"input"),1):t>f?(d(f),m(f,o,"input"),f):(d(t),m(t,o,"input"),t)};return e.jsxs(r.StyledPagerNavigation,{smallScreenBreakpoint:S,children:[!C&&e.jsxs(e.Fragment,{children:[!O&&h&&e.jsx(l.default,u({type:"first",hideDisabledElements:v,onClick:b},q)),x&&e.jsx(l.default,u({type:"previous",hideDisabledElements:v,onClick:p},q))]}),y&&(P?e.jsxs(r.StyledPagerNavInner,{children:[e.jsx("label",{htmlFor:N,children:e.jsx(r.StyledPagerNoSelect,{children:_.pager.pageX()})}),e.jsx(n.Number,{value:c.toString(),"data-element":"current-page",onChange:e=>{d(+e.target.value)},onBlur:w,id:N,onKeyUp:e=>!!a.default.isEnterKey(e)&&w(e)}),e.jsx(r.StyledPagerNoSelect,{"data-element":"max-pages",children:_.pager.ofY(f)})]}):e.jsx(r.StyledPagerNavLabel,{"data-element":"current-page-label","data-role":"current-page-label",id:N,"aria-live":"polite",children:k})),!C&&e.jsxs(e.Fragment,{children:[x&&e.jsx(l.default,u({type:"next",hideDisabledElements:v,onClick:g},q)),!O&&h&&e.jsx(l.default,u({type:"last",hideDisabledElements:v,onClick:j},q))]})]})};

package/lib/components/pager/index.js

@@ -1,13 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _pager.default;
-  }
-});
-var _pager = _interopRequireDefault(require("./pager.component"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./pager.component.js");exports.default=e.Pager;

package/lib/components/pager/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "../../../esm/components/pager/index.js",
   "main": "./index.js",
+  "module": "../../../esm/components/pager/index.js",
   "types": "./index.d.ts"
 }

package/lib/components/pager/pager.component.js

@@ -1,161 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Pager = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _select = require("../select");
-var _pagerNavigation = _interopRequireDefault(require("./__internal__/pager-navigation.component"));
-var _useLocale = _interopRequireDefault(require("../../hooks/__internal__/useLocale"));
-var _guid = _interopRequireDefault(require("../../__internal__/utils/helpers/guid"));
-var _pager = require("./pager.style");
-var _events = _interopRequireDefault(require("../../__internal__/utils/helpers/events"));
-var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const Pager = ({
-  currentPage = 1,
-  hideDisabledElements = false,
-  interactivePageNumber = true,
-  pageSizeSelectionOptions = [{
-    id: "10",
-    name: 10
-  }, {
-    id: "25",
-    name: 25
-  }, {
-    id: "50",
-    name: 50
-  }, {
-    id: "100",
-    name: 100
-  }],
-  pageSize = 10,
-  showPageSizeSelection = false,
-  totalRecords = 0,
-  onPagination,
-  onNext,
-  onFirst,
-  onPrevious,
-  onLast,
-  showPageSizeLabelBefore = true,
-  showPageSizeLabelAfter = true,
-  showTotalRecords = true,
-  showFirstAndLastButtons = true,
-  showPreviousAndNextButtons = true,
-  showPageCount = true,
-  variant = "default",
-  smallScreenBreakpoint,
-  ...rest
-}) => {
-  const l = (0, _useLocale.default)();
-  const [page, setPage] = (0, _react.useState)(+currentPage);
-  const [currentPageSize, setCurrentPageSize] = (0, _react.useState)(+pageSize);
-  const [value, setValue] = (0, _react.useState)(+pageSize);
-  const guid = (0, _react.useRef)((0, _guid.default)());
-  const pageSizeSelectId = `Pager_size_selector_${guid.current}`;
-  const getPageCount = (0, _react.useCallback)(() => {
-    if (+totalRecords < 0 || Number.isNaN(+totalRecords)) {
-      return 1;
-    }
-    return Math.ceil(+totalRecords / currentPageSize);
-  }, [totalRecords, currentPageSize]);
-  const [pageCount, setPageCount] = (0, _react.useState)(getPageCount());
-  (0, _react.useEffect)(() => {
-    setCurrentPageSize(+pageSize);
-    setValue(+pageSize);
-  }, [pageSize]);
-  (0, _react.useEffect)(() => {
-    const maxPage = getPageCount();
-    setPageCount(maxPage);
-    if (+currentPage > maxPage) {
-      setPage(maxPage);
-    } else {
-      setPage(+currentPage);
-    }
-  }, [currentPageSize, pageCount, currentPage, totalRecords, getPageCount]);
-  const handleOnFirst = (0, _react.useCallback)(e => {
-    setPage(1);
-    if (onFirst) {
-      onFirst(e);
-    }
-  }, [onFirst]);
-  const handleOnLast = (0, _react.useCallback)(e => {
-    setPage(pageCount);
-    if (onLast) {
-      onLast(e);
-    }
-  }, [pageCount, onLast]);
-  const handleOnNext = (0, _react.useCallback)(e => {
-    const nextPage = page + 1;
-    setPage(nextPage);
-    if (onNext) {
-      onNext(e);
-    }
-  }, [onNext, page]);
-  const handleOnPrevious = (0, _react.useCallback)(e => {
-    const previousPage = page - 1;
-    setPage(previousPage);
-    if (onPrevious) {
-      onPrevious(e);
-    }
-  }, [page, onPrevious]);
-  const handleOnPagination = (0, _react.useCallback)(selectedValue => {
-    setValue(+selectedValue);
-    setCurrentPageSize(+selectedValue);
-    onPagination(1, +selectedValue, "page-select");
-  }, [onPagination]);
-  const handleKeyDown = (0, _react.useCallback)(e => _events.default.isEnterKey(e) && handleOnPagination(e.target.value), [handleOnPagination]);
-  const sizeSelector = () => {
-    return /*#__PURE__*/_react.default.createElement(_pager.StyledSelectContainer, null, /*#__PURE__*/_react.default.createElement(_select.Select, _extends({
-      value: String(value),
-      onChange: ev => setValue(+ev.target.value),
-      onBlur: () => setValue(currentPageSize),
-      onKeyDown: handleKeyDown,
-      "data-element": "page-select",
-      id: pageSizeSelectId
-    }, !showPageSizeLabelBefore && !showPageSizeLabelAfter ? {
-      ariaLabel: l.pager.show()
-    } : {}), pageSizeSelectionOptions.map(sizeOption => /*#__PURE__*/_react.default.createElement(_select.Option, {
-      key: sizeOption.id,
-      text: sizeOption.id,
-      value: String(sizeOption.name),
-      onClick: handleOnPagination
-    }))));
-  };
-  const renderPageSizeOptions = () => {
-    const wrapper = (isLabel, child) => isLabel ? /*#__PURE__*/_react.default.createElement("label", {
-      htmlFor: pageSizeSelectId
-    }, child) : /*#__PURE__*/_react.default.createElement("div", null, child);
-    return /*#__PURE__*/_react.default.createElement(_pager.StyledPagerSizeOptionsInner, null, showPageSizeLabelBefore && wrapper(showPageSizeLabelBefore, l.pager.show()), sizeSelector(), showPageSizeLabelAfter && wrapper(!showPageSizeLabelBefore, l.pager.records(currentPageSize, false)));
-  };
-  return /*#__PURE__*/_react.default.createElement(_pager.StyledPagerContainer, _extends({
-    variant: variant,
-    smallScreenBreakpoint: smallScreenBreakpoint,
-    showPageSizeSelection: showPageSizeSelection,
-    showTotalRecords: showTotalRecords
-  }, rest, (0, _tags.default)("pager", rest)), showPageSizeSelection && /*#__PURE__*/_react.default.createElement(_pager.StyledPagerSizeOptions, null, renderPageSizeOptions()), /*#__PURE__*/_react.default.createElement(_pagerNavigation.default, {
-    pageSize: currentPageSize,
-    currentPage: page,
-    interactivePageNumber: interactivePageNumber,
-    hideDisabledElements: hideDisabledElements,
-    setCurrentPage: setPage,
-    onNext: handleOnNext,
-    onPrevious: handleOnPrevious,
-    onFirst: handleOnFirst,
-    onLast: handleOnLast,
-    onPagination: onPagination,
-    pageCount: pageCount,
-    showFirstAndLastButtons: showFirstAndLastButtons,
-    showPreviousAndNextButtons: showPreviousAndNextButtons,
-    showPageCount: showPageCount,
-    smallScreenBreakpoint: smallScreenBreakpoint
-  }), showTotalRecords && /*#__PURE__*/_react.default.createElement(_pager.StyledPagerSummary, {
-    smallScreenBreakpoint: smallScreenBreakpoint
-  }, l.pager.records(totalRecords)));
-};
-exports.Pager = Pager;
-var _default = exports.default = Pager;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../select/option/option.component.js");require("../select/option-row/option-row.component.js"),require("../select/option-group-header/option-group-header.component.js");var n=require("../select/simple-select/simple-select.component.js");require("../select/filterable-select/filterable-select.component.js"),require("../select/multi-select/multi-select.component.js");var o=require("./__internal__/pager-navigation.component.js"),a=require("../../hooks/__internal__/useLocale/useLocale.js"),s=require("../../__internal__/utils/helpers/guid/index.js"),i=require("./pager.style.js"),l=require("../../__internal__/utils/helpers/events/events.js"),c=require("../../__internal__/utils/helpers/tags/tags.js");function u(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function p(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){u(e,t,r[t])}))}return e}function g(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const d=u=>{var{currentPage:d=1,hideDisabledElements:b=!1,interactivePageNumber:f=!0,pageSizeSelectionOptions:h=[{id:"10",name:10},{id:"25",name:25},{id:"50",name:50},{id:"100",name:100}],pageSize:P=10,showPageSizeSelection:S=!1,totalRecords:m=0,onPagination:j,onNext:w,onFirst:y,onPrevious:O,onLast:v,showPageSizeLabelBefore:_=!0,showPageSizeLabelAfter:x=!0,showTotalRecords:k=!0,showFirstAndLastButtons:C=!0,showPreviousAndNextButtons:z=!0,showPageCount:q=!0,variant:B="default",smallScreenBreakpoint:L}=u,N=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(u,["currentPage","hideDisabledElements","interactivePageNumber","pageSizeSelectionOptions","pageSize","showPageSizeSelection","totalRecords","onPagination","onNext","onFirst","onPrevious","onLast","showPageSizeLabelBefore","showPageSizeLabelAfter","showTotalRecords","showFirstAndLastButtons","showPreviousAndNextButtons","showPageCount","variant","smallScreenBreakpoint"]);const E=a.default(),[A,D]=t.useState(+d),[F,R]=t.useState(+P),[T,I]=t.useState(+P),K=`Pager_size_selector_${t.useRef(s.default()).current}`,M=t.useCallback((()=>+m<0||Number.isNaN(+m)?1:Math.ceil(+m/F)),[m,F]),[$,G]=t.useState(M());t.useEffect((()=>{R(+P),I(+P)}),[P]),t.useEffect((()=>{const e=M();G(e),D(+d>e?e:+d)}),[F,$,d,m,M]);const H=t.useCallback((e=>{D(1),y&&y(e)}),[y]),J=t.useCallback((e=>{D($),v&&v(e)}),[$,v]),Q=t.useCallback((e=>{D(A+1),w&&w(e)}),[w,A]),U=t.useCallback((e=>{D(A-1),O&&O(e)}),[A,O]),V=t.useCallback((e=>{I(+e),R(+e),j(1,+e,"page-select")}),[j]),W=t.useCallback((e=>l.default.isEnterKey(e)&&V(e.target.value)),[V]);return e.jsxs(i.StyledPagerContainer,g(p({variant:B,smallScreenBreakpoint:L,showPageSizeSelection:S,showTotalRecords:k},N,c.default("pager",N)),{children:[S&&e.jsx(i.StyledPagerSizeOptions,{children:(()=>{const t=(t,r)=>t?e.jsx("label",{htmlFor:K,children:r}):e.jsx("div",{children:r});return e.jsxs(i.StyledPagerSizeOptionsInner,{children:[_&&t(_,E.pager.show()),e.jsx(i.StyledSelectContainer,{children:e.jsx(n.SimpleSelect,g(p({value:String(T),onChange:e=>I(+e.target.value),onBlur:()=>I(F),onKeyDown:W,"data-element":"page-select",id:K},_||x?{}:{ariaLabel:E.pager.show()}),{children:h.map((t=>e.jsx(r.default,{text:t.id,value:String(t.name),onClick:V},t.id)))}))}),x&&t(!_,E.pager.records(F,!1))]})})()}),e.jsx(o.default,{pageSize:F,currentPage:A,interactivePageNumber:f,hideDisabledElements:b,setCurrentPage:D,onNext:Q,onPrevious:U,onFirst:H,onLast:J,onPagination:j,pageCount:$,showFirstAndLastButtons:C,showPreviousAndNextButtons:z,showPageCount:q,smallScreenBreakpoint:L}),k&&e.jsx(i.StyledPagerSummary,{smallScreenBreakpoint:L,children:E.pager.records(m)})]}))};exports.Pager=d,exports.default=d;

package/lib/components/pager/pager.style.js

@@ -1,161 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledSelectContainer = exports.StyledPagerSummary = exports.StyledPagerSizeOptionsInner = exports.StyledPagerSizeOptions = exports.StyledPagerNoSelect = exports.StyledPagerNavigation = exports.StyledPagerNavLabel = exports.StyledPagerNavInner = exports.StyledPagerLink = exports.StyledPagerContainer = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _input = _interopRequireDefault(require("../../__internal__/input/input.style"));
-var _inputPresentation = _interopRequireDefault(require("../../__internal__/input/input-presentation.style"));
-var _formField = _interopRequireDefault(require("../../__internal__/form-field/form-field.style"));
-var _inputIconToggle = _interopRequireDefault(require("../../__internal__/input-icon-toggle/input-icon-toggle.style"));
-var _selectTextbox = require("../select/__internal__/select-textbox/select-textbox.style");
-var _link = _interopRequireDefault(require("../link"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const StyledSelectContainer = exports.StyledSelectContainer = _styledComponents.default.div`
-  height: 26px;
-  width: 55px;
-  margin-left: 8px;
-  margin-right: 8px;
-  ${_inputPresentation.default} {
-    padding-left: 0;
-  }
-`;
-const StyledPagerContainer = exports.StyledPagerContainer = _styledComponents.default.div`
-  box-sizing: border-box;
-  display: grid;
-  align-items: center;
-  justify-content: space-between;
-  padding: var(--sizing050) var(--sizing300);
-  width: 100%;
-  min-height: var(--sizing550);
-  font-size: var(--fontSizes100);
-  color: var(--colorsUtilityYin090);
-  border: 1px solid var(--colorsUtilityMajor100);
-  border-radius: var(--borderRadius100);
-  grid-template-columns: repeat(3, 1fr);
-  flex-wrap: wrap;
-
-  ${({
-  smallScreenBreakpoint,
-  showPageSizeSelection,
-  showTotalRecords
-}) => smallScreenBreakpoint && (0, _styledComponents.css)`
-      @media (max-width: ${smallScreenBreakpoint}) {
-        grid-template-columns: 1fr;
-        padding: var(--sizing050) var(--sizing100);
-
-        ${(showPageSizeSelection || showTotalRecords) && (0, _styledComponents.css)`
-          grid-template-columns: 1fr 1fr;
-          grid-template-rows: 1fr 1fr;
-        `}
-      }
-    `}
-
-  ${({
-  variant
-}) => (0, _styledComponents.css)`
-    background-color: ${variant === "alternate" ? "var(--colorsUtilityMajor040)" : "var(--colorsUtilityMajor010)"};
-  `}
-`;
-const StyledPagerSizeOptions = exports.StyledPagerSizeOptions = _styledComponents.default.div`
-  grid-area: 1 / 1 / 1 / 1;
-
-  ${_inputPresentation.default} {
-    width: 55px;
-    height: 26px;
-    min-height: 26px;
-    min-width: 10px;
-    margin: 0px;
-
-    ${_selectTextbox.StyledSelectText} {
-      font-size: 14px;
-      padding-right: 0px;
-      padding-left: 8px;
-      height: 22px;
-      width: 13px;
-    }
-
-    ${_inputIconToggle.default} {
-      margin-left: 0;
-      width: 20px;
-      height: 24px;
-    }
-  }
-`;
-const StyledPagerSizeOptionsInner = exports.StyledPagerSizeOptionsInner = _styledComponents.default.div`
-  display: flex;
-  align-items: center;
-`;
-const StyledPagerNavigation = exports.StyledPagerNavigation = _styledComponents.default.div`
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  padding: 0 var(--spacing200);
-  gap: var(--spacing400);
-  grid-area: 1 / 2 / 1 / 2;
-
-  ${({
-  smallScreenBreakpoint
-}) => smallScreenBreakpoint && (0, _styledComponents.css)`
-      @media (max-width: ${smallScreenBreakpoint}) {
-        padding: 0;
-        gap: var(--spacing200);
-        grid-area: 2 / 1 / 2 / 3;
-      }
-    `}
-
-  && ${_inputPresentation.default} {
-    padding: 0;
-    margin: 4px 8px;
-    height: 26px;
-    line-height: 26px;
-    min-height: 24px;
-
-    ${_input.default} {
-      text-align: center;
-      height: 24px;
-      padding: 0;
-    }
-  }
-`;
-const StyledPagerNavInner = exports.StyledPagerNavInner = _styledComponents.default.div`
-  display: flex;
-  align-items: center;
-
-  && ${_formField.default} {
-    margin-bottom: 0;
-  }
-`;
-const StyledPagerNavLabel = exports.StyledPagerNavLabel = _styledComponents.default.label`
-  white-space: nowrap;
-`;
-const StyledPagerLink = exports.StyledPagerLink = (0, _styledComponents.default)(_link.default)`
-  ${({
-  hideDisabledButtons
-}) => hideDisabledButtons && (0, _styledComponents.css)`
-      & {
-        visibility: hidden;
-      }
-    `}
-`;
-const StyledPagerNoSelect = exports.StyledPagerNoSelect = _styledComponents.default.div`
-  user-select: none;
-  white-space: nowrap;
-  font-weight: normal;
-`;
-const StyledPagerSummary = exports.StyledPagerSummary = _styledComponents.default.div`
-  justify-self: end;
-  white-space: nowrap;
-  grid-area: 1 / 3 / 1 / 3;
-
-  ${({
-  smallScreenBreakpoint
-}) => smallScreenBreakpoint && (0, _styledComponents.css)`
-      @media (max-width: ${smallScreenBreakpoint}) {
-        grid-area: 1 / 2 / 1 / 2;
-      }
-    `}
-`;
+"use strict";var e=require("styled-components"),t=require("../../__internal__/input/input.style.js"),i=require("../../__internal__/input/input-presentation.style.js"),a=require("../../__internal__/form-field/form-field.style.js"),r=require("../../__internal__/input-icon-toggle/input-icon-toggle.style.js"),n=require("../select/__internal__/select-textbox/select-textbox.style.js"),l=require("../link/link.component.js");function d(e){return e&&e.__esModule?e:{default:e}}var s=d(e);const o=s.default.div.withConfig({displayName:"pager.style__StyledSelectContainer",componentId:"sc-51bbf401-0"})(["height:26px;width:55px;margin-left:8px;margin-right:8px;","{padding-left:0;}"],i.default),p=s.default.div.withConfig({displayName:"pager.style__StyledPagerContainer",componentId:"sc-51bbf401-1"})(["box-sizing:border-box;display:grid;align-items:center;justify-content:space-between;padding:var(--sizing050) var(--sizing300);width:100%;min-height:var(--sizing550);font-size:var(--fontSizes100);color:var(--colorsUtilityYin090);border:1px solid var(--colorsUtilityMajor100);border-radius:var(--borderRadius100);grid-template-columns:repeat(3,1fr);flex-wrap:wrap;"," ",""],(({smallScreenBreakpoint:t,showPageSizeSelection:i,showTotalRecords:a})=>t&&e.css(["@media (max-width:","){grid-template-columns:1fr;padding:var(--sizing050) var(--sizing100);","}"],t,(i||a)&&e.css(["grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;"]))),(({variant:t})=>e.css(["background-color:",";"],"alternate"===t?"var(--colorsUtilityMajor040)":"var(--colorsUtilityMajor010)"))),g=s.default.div.withConfig({displayName:"pager.style__StyledPagerSizeOptions",componentId:"sc-51bbf401-2"})(["grid-area:1 / 1 / 1 / 1;","{width:55px;height:26px;min-height:26px;min-width:10px;margin:0px;","{font-size:14px;padding-right:0px;padding-left:8px;height:22px;width:13px;}","{margin-left:0;width:20px;height:24px;}}"],i.default,n.StyledSelectText,r.default),c=s.default.div.withConfig({displayName:"pager.style__StyledPagerSizeOptionsInner",componentId:"sc-51bbf401-3"})(["display:flex;align-items:center;"]),f=s.default.div.withConfig({displayName:"pager.style__StyledPagerNavigation",componentId:"sc-51bbf401-4"})(["display:flex;justify-content:center;align-items:center;padding:0 var(--spacing200);gap:var(--spacing400);grid-area:1 / 2 / 1 / 2;"," && ","{padding:0;margin:4px 8px;height:26px;line-height:26px;min-height:24px;","{text-align:center;height:24px;padding:0;}}"],(({smallScreenBreakpoint:t})=>t&&e.css(["@media (max-width:","){padding:0;gap:var(--spacing200);grid-area:2 / 1 / 2 / 3;}"],t)),i.default,t.default),y=s.default.div.withConfig({displayName:"pager.style__StyledPagerNavInner",componentId:"sc-51bbf401-5"})(["display:flex;align-items:center;&& ","{margin-bottom:0;}"],a.default),m=s.default.label.withConfig({displayName:"pager.style__StyledPagerNavLabel",componentId:"sc-51bbf401-6"})(["white-space:nowrap;"]),h=s.default(l.Link).withConfig({displayName:"pager.style__StyledPagerLink",componentId:"sc-51bbf401-7"})(["",""],(({hideDisabledButtons:t})=>t&&e.css(["&{visibility:hidden;}"]))),x=s.default.div.withConfig({displayName:"pager.style__StyledPagerNoSelect",componentId:"sc-51bbf401-8"})(["user-select:none;white-space:nowrap;font-weight:normal;"]),u=s.default.div.withConfig({displayName:"pager.style__StyledPagerSummary",componentId:"sc-51bbf401-9"})(["justify-self:end;white-space:nowrap;grid-area:1 / 3 / 1 / 3;",""],(({smallScreenBreakpoint:t})=>t&&e.css(["@media (max-width:","){grid-area:1 / 2 / 1 / 2;}"],t)));exports.StyledPagerContainer=p,exports.StyledPagerLink=h,exports.StyledPagerNavInner=y,exports.StyledPagerNavLabel=m,exports.StyledPagerNavigation=f,exports.StyledPagerNoSelect=x,exports.StyledPagerSizeOptions=g,exports.StyledPagerSizeOptionsInner=c,exports.StyledPagerSummary=u,exports.StyledSelectContainer=o;

package/lib/components/pages/index.js

@@ -1,20 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Page", {
-  enumerable: true,
-  get: function () {
-    return _page.default;
-  }
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _pages.default;
-  }
-});
-var _pages = _interopRequireDefault(require("./pages.component"));
-var _page = _interopRequireDefault(require("./page/page.component"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./pages.component.js"),t=require("./page/page.component.js");exports.default=e.default,exports.Page=t.default;

package/lib/components/pages/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "../../../esm/components/pages/index.js",
   "main": "./index.js",
+  "module": "../../../esm/components/pages/index.js",
   "types": "./index.d.ts"
 }

package/lib/components/pages/page/index.js

@@ -1,13 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _page.default;
-  }
-});
-var _page = _interopRequireDefault(require("./page.component"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./page.component.js");exports.default=e.default;

package/lib/components/pages/page/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "../../../../esm/components/pages/page/index.js",
   "main": "./index.js",
+  "module": "../../../esm/components/pages/page/index.js",
   "types": "./index.d.ts"
 }

package/lib/components/pages/page/page.component.js

@@ -1,56 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactTransitionGroup = require("react-transition-group");
-var _tags = _interopRequireDefault(require("../../../__internal__/utils/helpers/tags/tags"));
-var _fullScreenHeading = _interopRequireDefault(require("../../../__internal__/full-screen-heading"));
-var _box = _interopRequireDefault(require("../../box"));
-var _page = require("./page.style");
-var _utils = require("../../../style/utils");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const Page = ({
-  role,
-  title,
-  children,
-  ...rest
-}) => {
-  const styledPageNodeRef = (0, _react.useRef)(null);
-  const {
-    transitionName
-  } = rest;
-  return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.CSSTransition, _extends({
-    className: "carbon-carousel__transition",
-    timeout: {
-      appear: 0,
-      enter: 0,
-      exit: 0
-    }
-  }, transitionName && {
-    classNames: transitionName()
-  }, {
-    nodeRef: styledPageNodeRef
-  }, rest), /*#__PURE__*/_react.default.createElement(_page.StyledPage, _extends({}, (0, _tags.default)("page", rest), {
-    ref: styledPageNodeRef,
-    role: role
-  }), title ? /*#__PURE__*/_react.default.createElement(_fullScreenHeading.default, {
-    hasContent: true
-  }, title) : null, /*#__PURE__*/_react.default.createElement(_page.StyledPageContent, _extends({
-    "data-element": "carbon-page-content",
-    "data-role": "page-content",
-    p: "34px 40px"
-  }, (0, _utils.filterStyledSystemPaddingProps)(rest)), /*#__PURE__*/_react.default.createElement(_box.default, {
-    boxSizing: "border-box",
-    maxWidth: "100%",
-    minWidth: "auto",
-    margin: "0 auto"
-  }, children))));
-};
-Page.displayName = "Page";
-var _default = exports.default = Page;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("react-transition-group"),n=require("../../../__internal__/utils/helpers/tags/tags.js"),o=require("../../../__internal__/full-screen-heading/full-screen-heading.component.js"),i=require("../../box/box.component.js"),l=require("./page.style.js"),a=require("../../../style/utils/filter-styled-system-padding-props.js");function c(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function s(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){c(e,t,r[t])}))}return e}function u(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const p=c=>{var{role:p,title:f,children:b}=c,y=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(c,["role","title","children"]);const d=t.useRef(null),{transitionName:O}=y;return e.jsx(r.CSSTransition,u(s(u(s({className:"carbon-carousel__transition",timeout:{appear:0,enter:0,exit:0}},O&&{classNames:O()}),{nodeRef:d}),y),{children:e.jsxs(l.StyledPage,u(s({},n.default("page",y)),{ref:d,role:p,children:[f?e.jsx(o.default,{hasContent:!0,children:f}):null,e.jsx(l.StyledPageContent,u(s({"data-element":"carbon-page-content","data-role":"page-content",p:"34px 40px"},a.default(y)),{children:e.jsx(i.Box,{boxSizing:"border-box",maxWidth:"100%",minWidth:"auto",margin:"0 auto",children:b})}))]}))}))};p.displayName="Page",exports.default=p;

package/lib/components/pages/page/page.style.js

@@ -1,26 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledPageContent = exports.StyledPage = void 0;
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _styledSystem = require("styled-system");
-var _base = _interopRequireDefault(require("../../../style/themes/base"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const StyledPage = exports.StyledPage = _styledComponents.default.div`
-  width: 100%;
-  position: absolute;
-`;
-const StyledPageContent = exports.StyledPageContent = _styledComponents.default.div`
-  ${_styledSystem.padding}
-  box-sizing: border-box;
-  width: 100%;
-  height: 100%;
-`;
-StyledPage.defaultProps = {
-  theme: _base.default
-};
-StyledPageContent.defaultProps = {
-  theme: _base.default
-};
+"use strict";var e=require("styled-components"),t=require("styled-system"),a=require("../../../style/themes/base/index.js");function d(e){return e&&e.__esModule?e:{default:e}}var s=d(e);const o=s.default.div.withConfig({displayName:"page.style__StyledPage",componentId:"sc-7bcaa60e-0"})(["width:100%;position:absolute;"]),i=s.default.div.withConfig({displayName:"page.style__StyledPageContent",componentId:"sc-7bcaa60e-1"})([""," box-sizing:border-box;width:100%;height:100%;"],t.padding);o.defaultProps={theme:a.default},i.defaultProps={theme:a.default},exports.StyledPage=o,exports.StyledPageContent=i;