carbon-react/lib/components/pages/page/page.component.js

A library of reusable React components for easily building user interfaces.

"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;