@laerdal/life-react-components 5.0.9 → 6.0.0-dev.1.full

package/dist/Panel/Panel.cjs

@@ -7,8 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.Panel = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
@@ -19,72 +17,156 @@ var _LinearProgress = require("../LinearProgress");
 var _rooks = require("rooks");
 var _types = require("../types");
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["items", "order"],
+const _excluded = ["items", "order"],
   _excluded2 = ["media", "content", "title", "order"];
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _Panel$propTypes;
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var Wrapper = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex-direction: column;\n  background: ", ";\n  min-height: 100%;\n  align-items: flex-end;\n  box-sizing: border-box;\n  overflow: hidden;\n\n  gap: 24px;\n  padding: 24px 32px 64px;\n\n  ", " {\n    gap: 32px;\n    padding: 32px 64px 128px;\n  }\n\n  &.reverse {\n    align-items: flex-start;\n  }\n"])), function (props) {
-  return _styles.COLORS.getColor('neutral_20', props.theme);
-}, _styles.BREAKPOINTS.LARGE);
-var Media = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  width: 320px;\n  height: 200px;\n\n\n  img {\n    object-fit: contain;\n  }\n\n  img.fit {\n    object-fit: contain;\n  }\n\n  img.fill {\n    object-fit: cover;\n  }\n\n  max-width: 100%;\n\n  img {\n    max-width: 100%;\n    width: 320px;\n    height: 200px;\n  }\n\n  ", " {\n    width: 488px;\n    height: 280px;\n\n    img {\n      width: 488px;\n      height: 280px;\n    }\n  }\n\n"])), _styles.BREAKPOINTS.LARGE);
-var Body = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n\n  width: 100%;\n  max-width: 320px;\n\n  ", " {\n    max-width: 488px;\n  }\n  \n  p:not(:first-of-type) {\n    flex: 1;\n    color: ", ";\n  }\n\n\n"])), _styles.BREAKPOINTS.LARGE, function (props) {
-  return _styles.COLORS.getColor('neutral_600', props.theme);
-});
-var Footer = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n\n  max-width: 320px;\n\n  ", " {\n    max-width: 488px;\n  }\n\n  .progress {\n    width: max-content;\n  }\n"])), _styles.BREAKPOINTS.LARGE);
-var Panel = function Panel(props) {
-  var _currentItem$media, _currentItem$media2;
-  var _React$useState = _react["default"].useState(0),
-    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
-    currentImage = _React$useState2[0],
-    setCurrentImage = _React$useState2[1];
-  var isLargeScreen = (0, _rooks.useMediaMatch)(_styles.BREAKPOINTS.LARGE.replace('@media ', ''));
-  var rest = {};
-  var order = undefined;
-  var media = undefined;
-  var title = '';
-  var content = undefined;
-  var items = [];
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+const Wrapper = _styledComponents.default.div`
+  display: flex;
+  flex-direction: column;
+  background: ${props => _styles.COLORS.getColor('neutral_20', props.theme)};
+  min-height: 100%;
+  align-items: flex-end;
+  box-sizing: border-box;
+  overflow: hidden;
+
+  gap: 24px;
+  padding: 24px 32px 64px;
+
+  ${_styles.BREAKPOINTS.LARGE} {
+    gap: 32px;
+    padding: 32px 64px 128px;
+  }
+
+  &.reverse {
+    align-items: flex-start;
+  }
+`;
+const Media = _styledComponents.default.div`
+  display: flex;
+  width: 320px;
+  height: 200px;
+
+
+  img {
+    object-fit: contain;
+  }
+
+  img.fit {
+    object-fit: contain;
+  }
+
+  img.fill {
+    object-fit: cover;
+  }
+
+  max-width: 100%;
+
+  img {
+    max-width: 100%;
+    width: 320px;
+    height: 200px;
+  }
+
+  ${_styles.BREAKPOINTS.LARGE} {
+    width: 488px;
+    height: 280px;
+
+    img {
+      width: 488px;
+      height: 280px;
+    }
+  }
+
+`;
+const Body = _styledComponents.default.div`
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
+
+  width: 100%;
+  max-width: 320px;
+
+  ${_styles.BREAKPOINTS.LARGE} {
+    max-width: 488px;
+  }
+  
+  p:not(:first-of-type) {
+    flex: 1;
+    color: ${props => _styles.COLORS.getColor('neutral_600', props.theme)};
+  }
+
+
+`;
+const Footer = _styledComponents.default.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+
+  max-width: 320px;
+
+  ${_styles.BREAKPOINTS.LARGE} {
+    max-width: 488px;
+  }
+
+  .progress {
+    width: max-content;
+  }
+`;
+const Panel = props => {
+  const [currentImage, setCurrentImage] = _react.default.useState(0);
+  const isLargeScreen = (0, _rooks.useMediaMatch)(_styles.BREAKPOINTS.LARGE.replace('@media ', ''));
+  let rest = {};
+  let order = undefined;
+  let media = undefined;
+  let title = '';
+  let content = undefined;
+  let items = [];
   switch (props.type) {
     case 'carousel':
       var _props = props;
-      var _props$items = _props.items;
-      items = _props$items === void 0 ? [] : _props$items;
-      order = _props.order;
-      rest = (0, _objectWithoutProperties2["default"])(_props, _excluded);
+      ({
+        items = [],
+        order
+      } = _props);
+      rest = (0, _objectWithoutProperties2.default)(_props, _excluded);
       _props;
       break;
     case 'default':
     default:
       var _props2 = props;
-      media = _props2.media;
-      content = _props2.content;
-      var _props2$title = _props2.title;
-      title = _props2$title === void 0 ? '' : _props2$title;
-      order = _props2.order;
-      rest = (0, _objectWithoutProperties2["default"])(_props2, _excluded2);
+      ({
+        media,
+        content,
+        title = '',
+        order
+      } = _props2);
+      rest = (0, _objectWithoutProperties2.default)(_props2, _excluded2);
       _props2;
       break;
   }
-  var moveLeft = function moveLeft() {
+  const moveLeft = () => {
     props.type === 'carousel' && setCurrentImage(currentImage === 0 ? items.length - 1 : currentImage - 1);
   };
-  var moveRight = function moveRight() {
+  const moveRight = () => {
     props.type === 'carousel' && setCurrentImage(currentImage + 1 > items.length - 1 ? 0 : currentImage + 1);
   };
-  var currentItem = props.type === 'carousel' ? items[currentImage] : {
-    media: media,
-    title: title,
-    content: content
+  const currentItem = props.type === 'carousel' ? items[currentImage] : {
+    media,
+    title,
+    content
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Wrapper, _objectSpread(_objectSpread({}, rest), {}, {
-    className: "".concat(rest.className || '', " ").concat(order || '', " "),
+    className: `${rest.className || ''} ${order || ''} `,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(Media, {
-      children: [((_currentItem$media = currentItem.media) === null || _currentItem$media === void 0 ? void 0 : _currentItem$media.type) === 'image' && /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+      children: [currentItem.media?.type === 'image' && /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
         className: currentItem.media.fit,
         src: currentItem.media.src,
         alt: currentItem.media.alt
-      }), ((_currentItem$media2 = currentItem.media) === null || _currentItem$media2 === void 0 ? void 0 : _currentItem$media2.type) === 'custom' && currentItem.media.content]
+      }), currentItem.media?.type === 'custom' && currentItem.media.content]
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(Body, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Quote, {
         children: currentItem.title
@@ -113,30 +195,36 @@ var Panel = function Panel(props) {
   }));
 };
 exports.Panel = Panel;
-Panel.propTypes = (_Panel$propTypes = {
-  type: _propTypes["default"].oneOf(['default', 'carousel']),
-  media: _propTypes["default"].oneOfType([_propTypes["default"].shape({
-    type: _propTypes["default"].oneOf(['image']).isRequired,
-    src: _propTypes["default"].string.isRequired,
-    alt: _propTypes["default"].string.isRequired,
-    fit: _propTypes["default"].oneOf(['fill', 'fit'])
-  }), _propTypes["default"].shape({
-    type: _propTypes["default"].oneOf(['custom']).isRequired,
-    content: _propTypes["default"].node.isRequired
+Panel.propTypes = {
+  type: _propTypes.default.oneOf(['default', 'carousel']),
+  media: _propTypes.default.oneOfType([_propTypes.default.shape({
+    type: _propTypes.default.oneOf(['image']).isRequired,
+    src: _propTypes.default.string.isRequired,
+    alt: _propTypes.default.string.isRequired,
+    fit: _propTypes.default.oneOf(['fill', 'fit'])
+  }), _propTypes.default.shape({
+    type: _propTypes.default.oneOf(['custom']).isRequired,
+    content: _propTypes.default.node.isRequired
   })]),
-  title: _propTypes["default"].string,
-  content: _propTypes["default"].node
-}, (0, _defineProperty2["default"])(_Panel$propTypes, "type", _propTypes["default"].oneOf(['default'])), (0, _defineProperty2["default"])(_Panel$propTypes, "order", _propTypes["default"].oneOf(['default', 'reverse'])), (0, _defineProperty2["default"])(_Panel$propTypes, "type", _propTypes["default"].oneOf(['default', 'carousel'])), (0, _defineProperty2["default"])(_Panel$propTypes, "type", _propTypes["default"].oneOf(['carousel']).isRequired), (0, _defineProperty2["default"])(_Panel$propTypes, "order", _propTypes["default"].oneOf(['default', 'reverse'])), (0, _defineProperty2["default"])(_Panel$propTypes, "items", _propTypes["default"].arrayOf(_propTypes["default"].shape({
-  media: _propTypes["default"].oneOfType([_propTypes["default"].shape({
-    type: _propTypes["default"].oneOf(['image']).isRequired,
-    src: _propTypes["default"].string.isRequired,
-    alt: _propTypes["default"].string.isRequired,
-    fit: _propTypes["default"].oneOf(['fill', 'fit'])
-  }), _propTypes["default"].shape({
-    type: _propTypes["default"].oneOf(['custom']).isRequired,
-    content: _propTypes["default"].node.isRequired
-  })]),
-  title: _propTypes["default"].string,
-  content: _propTypes["default"].node
-}))), _Panel$propTypes);
+  title: _propTypes.default.string,
+  content: _propTypes.default.node,
+  type: _propTypes.default.oneOf(['default']),
+  order: _propTypes.default.oneOf(['default', 'reverse']),
+  type: _propTypes.default.oneOf(['default', 'carousel']),
+  type: _propTypes.default.oneOf(['carousel']).isRequired,
+  order: _propTypes.default.oneOf(['default', 'reverse']),
+  items: _propTypes.default.arrayOf(_propTypes.default.shape({
+    media: _propTypes.default.oneOfType([_propTypes.default.shape({
+      type: _propTypes.default.oneOf(['image']).isRequired,
+      src: _propTypes.default.string.isRequired,
+      alt: _propTypes.default.string.isRequired,
+      fit: _propTypes.default.oneOf(['fill', 'fit'])
+    }), _propTypes.default.shape({
+      type: _propTypes.default.oneOf(['custom']).isRequired,
+      content: _propTypes.default.node.isRequired
+    })]),
+    title: _propTypes.default.string,
+    content: _propTypes.default.node
+  }))
+};
 //# sourceMappingURL=Panel.cjs.map

package/dist/Panel/Panel.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Panel.cjs","names":["_react","_interopRequireDefault","require","_styledComponents","_styles","_Button","_icons","_LinearProgress","_rooks","_types","_jsxRuntime","_excluded","_excluded2","_templateObject","_templateObject2","_templateObject3","_templateObject4","_Panel$propTypes","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","Wrapper","styled","div","_taggedTemplateLiteral2","props","COLORS","getColor","theme","BREAKPOINTS","LARGE","Media","Body","Footer","Panel","_currentItem$media","_currentItem$media2","_React$useState","React","useState","_React$useState2","_slicedToArray2","currentImage","setCurrentImage","isLargeScreen","useMediaMatch","replace","rest","order","undefined","media","title","content","items","type","_props","_props$items","_objectWithoutProperties2","_props2","_props2$title","moveLeft","moveRight","currentItem","jsxs","className","concat","children","jsx","fit","src","alt","Quote","IconButton","action","variant","shape","SystemIcons","ChevronLeft","LinearProgress","size","Size","Large","Medium","value","max","LinearProgressType","Dots","ChevronRight","exports","propTypes","_propTypes","oneOf","oneOfType","isRequired","string","node","arrayOf"],"sources":["../../src/Panel/Panel.tsx"],"sourcesContent":["import React from 'react';\r\nimport styled from \"styled-components\";\r\nimport {BREAKPOINTS, COLORS, Quote} from \"../styles\";\r\nimport {IconButton} from \"../Button\";\r\nimport {SystemIcons} from \"../icons\";\r\nimport {LinearProgress, LinearProgressType} from \"../LinearProgress\";\r\nimport {useMediaMatch} from \"rooks\";\r\nimport {Size} from \"../types\";\r\n\r\nconst Wrapper = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  background: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n  min-height: 100%;\r\n  align-items: flex-end;\r\n  box-sizing: border-box;\r\n  overflow: hidden;\r\n\r\n  gap: 24px;\r\n  padding: 24px 32px 64px;\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    gap: 32px;\r\n    padding: 32px 64px 128px;\r\n  }\r\n\r\n  &.reverse {\r\n    align-items: flex-start;\r\n  }\r\n`;\r\n\r\nconst Media = styled.div`\r\n  display: flex;\r\n  width: 320px;\r\n  height: 200px;\r\n\r\n\r\n  img {\r\n    object-fit: contain;\r\n  }\r\n\r\n  img.fit {\r\n    object-fit: contain;\r\n  }\r\n\r\n  img.fill {\r\n    object-fit: cover;\r\n  }\r\n\r\n  max-width: 100%;\r\n\r\n  img {\r\n    max-width: 100%;\r\n    width: 320px;\r\n    height: 200px;\r\n  }\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    width: 488px;\r\n    height: 280px;\r\n\r\n    img {\r\n      width: 488px;\r\n      height: 280px;\r\n    }\r\n  }\r\n\r\n`;\r\n\r\nconst Body = styled.div`\r\n  flex: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  text-align: center;\r\n\r\n  width: 100%;\r\n  max-width: 320px;\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    max-width: 488px;\r\n  }\r\n  \r\n  p:not(:first-of-type) {\r\n    flex: 1;\r\n    color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n  }\r\n\r\n\r\n`;\r\nconst Footer = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 100%;\r\n\r\n  max-width: 320px;\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    max-width: 488px;\r\n  }\r\n\r\n  .progress {\r\n    width: max-content;\r\n  }\r\n`;\r\n\r\nexport interface BasePanelProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title' | 'content'> {\r\n  type?: 'default' | 'carousel';\r\n}\r\n\r\nexport interface PanelContent {\r\n  media?: { type: 'image', src: string; alt: string, fit?: 'fill' | 'fit' } | { type: 'custom', content: React.ReactNode };\r\n  title?: string;\r\n  content?: React.ReactNode;\r\n}\r\n\r\nexport interface DefaultPanelProps extends BasePanelProps, PanelContent {\r\n  /**\r\n   * Optional. Specifies the type of the panel as 'default'.\r\n   * If not specified, the type defaults to 'default'.\r\n   */\r\n  type?: 'default';\r\n\r\n  /**\r\n   * Optional. Specifies the order of the content in the panel.\r\n   * It can be 'default' or 'reverse'. Defaults to 'default' if not specified.\r\n   */\r\n  order?: 'default' | 'reverse';\r\n}\r\n\r\nexport interface CarouselPanelProps extends BasePanelProps {\r\n  /**\r\n   * Required. Specifies the type of the panel as 'carousel'.\r\n   */\r\n  type: 'carousel';\r\n\r\n  /**\r\n   * Optional. Specifies the order of the content in the panel.\r\n   * It can be 'default' or 'reverse'. Defaults to 'default' if not specified.\r\n   */\r\n  order?: 'default' | 'reverse';\r\n\r\n  /**\r\n   * Optional. An array of PanelContent objects.\r\n   * Each object represents a slide in the carousel.\r\n   */\r\n  items?: PanelContent[];\r\n}\r\nexport type PanelProps = DefaultPanelProps | CarouselPanelProps;\r\n\r\nexport const Panel = (props: PanelProps) => {\r\n\r\n  const [currentImage, setCurrentImage] = React.useState(0);\r\n  const isLargeScreen = useMediaMatch(BREAKPOINTS.LARGE.replace('@media ', ''));\r\n\r\n  let rest: React.HTMLAttributes<HTMLDivElement> = {};\r\n  let order = undefined;\r\n  let media = undefined;\r\n  let title = '';\r\n  let content = undefined;\r\n  let items: PanelContent[] = [];\r\n\r\n\r\n  switch (props.type) {\r\n    case 'carousel':\r\n      ({items = [], order, ...rest} = props);\r\n      break;\r\n    case 'default':\r\n    default:\r\n      ({media, content, title = '', order, ...rest} = props)\r\n      break;\r\n  }\r\n\r\n\r\n  const moveLeft = () => {\r\n    props.type === 'carousel' && setCurrentImage(currentImage === 0 ? items.length - 1 : currentImage - 1);\r\n  }\r\n  const moveRight = () => {\r\n    props.type === 'carousel' && setCurrentImage(currentImage + 1 > items.length - 1 ? 0 : currentImage + 1);\r\n  }\r\n\r\n  const currentItem: PanelContent = props.type === 'carousel' ? items[currentImage] : {media, title, content};\r\n\r\n  return (\r\n    <Wrapper {...rest} className={`${rest.className || ''} ${order || ''} `}>\r\n      <Media>\r\n        {\r\n          currentItem.media?.type === 'image' &&\r\n            <img className={currentItem.media.fit} src={currentItem.media.src} alt={currentItem.media.alt}/>\r\n        }\r\n        {\r\n          currentItem.media?.type === 'custom' && currentItem.media.content\r\n        }\r\n      </Media>\r\n      <Body>\r\n        <Quote>{currentItem.title}</Quote>\r\n        <p>{currentItem.content}</p>\r\n      </Body>\r\n      {\r\n        props.type === 'carousel' &&\r\n          <Footer>\r\n              <IconButton action={moveLeft} variant={'secondary'} shape={'circular'}>\r\n                  <SystemIcons.ChevronLeft/>\r\n              </IconButton>\r\n              <LinearProgress size={isLargeScreen ? Size.Large : Size.Medium}\r\n                              className={'progress'}\r\n                              value={currentImage + 1}\r\n                              max={props.items!.length }\r\n                              type={LinearProgressType.Dots}/>\r\n              <IconButton action={moveRight} variant={'secondary'} shape={'circular'}>\r\n                  <SystemIcons.ChevronRight/>\r\n              </IconButton>\r\n          </Footer>\r\n      }\r\n    </Wrapper>\r\n  )\r\n};\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Panel.cjs","names":["_react","_interopRequireDefault","require","_styledComponents","_styles","_Button","_icons","_LinearProgress","_rooks","_types","_jsxRuntime","_excluded","_excluded2","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","Wrapper","styled","div","props","COLORS","getColor","theme","BREAKPOINTS","LARGE","Media","Body","Footer","Panel","currentImage","setCurrentImage","React","useState","isLargeScreen","useMediaMatch","replace","rest","order","undefined","media","title","content","items","type","_props","_objectWithoutProperties2","_props2","moveLeft","moveRight","currentItem","jsxs","className","children","jsx","fit","src","alt","Quote","IconButton","action","variant","shape","SystemIcons","ChevronLeft","LinearProgress","size","Size","Large","Medium","value","max","LinearProgressType","Dots","ChevronRight","exports","propTypes","_propTypes","oneOf","oneOfType","isRequired","string","node","arrayOf"],"sources":["../../src/Panel/Panel.tsx"],"sourcesContent":["import React from 'react';\r\nimport styled from \"styled-components\";\r\nimport {BREAKPOINTS, COLORS, Quote} from \"../styles\";\r\nimport {IconButton} from \"../Button\";\r\nimport {SystemIcons} from \"../icons\";\r\nimport {LinearProgress, LinearProgressType} from \"../LinearProgress\";\r\nimport {useMediaMatch} from \"rooks\";\r\nimport {Size} from \"../types\";\r\n\r\nconst Wrapper = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  background: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n  min-height: 100%;\r\n  align-items: flex-end;\r\n  box-sizing: border-box;\r\n  overflow: hidden;\r\n\r\n  gap: 24px;\r\n  padding: 24px 32px 64px;\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    gap: 32px;\r\n    padding: 32px 64px 128px;\r\n  }\r\n\r\n  &.reverse {\r\n    align-items: flex-start;\r\n  }\r\n`;\r\n\r\nconst Media = styled.div`\r\n  display: flex;\r\n  width: 320px;\r\n  height: 200px;\r\n\r\n\r\n  img {\r\n    object-fit: contain;\r\n  }\r\n\r\n  img.fit {\r\n    object-fit: contain;\r\n  }\r\n\r\n  img.fill {\r\n    object-fit: cover;\r\n  }\r\n\r\n  max-width: 100%;\r\n\r\n  img {\r\n    max-width: 100%;\r\n    width: 320px;\r\n    height: 200px;\r\n  }\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    width: 488px;\r\n    height: 280px;\r\n\r\n    img {\r\n      width: 488px;\r\n      height: 280px;\r\n    }\r\n  }\r\n\r\n`;\r\n\r\nconst Body = styled.div`\r\n  flex: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  text-align: center;\r\n\r\n  width: 100%;\r\n  max-width: 320px;\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    max-width: 488px;\r\n  }\r\n  \r\n  p:not(:first-of-type) {\r\n    flex: 1;\r\n    color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n  }\r\n\r\n\r\n`;\r\nconst Footer = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 100%;\r\n\r\n  max-width: 320px;\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    max-width: 488px;\r\n  }\r\n\r\n  .progress {\r\n    width: max-content;\r\n  }\r\n`;\r\n\r\nexport interface BasePanelProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title' | 'content'> {\r\n  type?: 'default' | 'carousel';\r\n}\r\n\r\nexport interface PanelContent {\r\n  media?: { type: 'image', src: string; alt: string, fit?: 'fill' | 'fit' } | { type: 'custom', content: React.ReactNode };\r\n  title?: string;\r\n  content?: React.ReactNode;\r\n}\r\n\r\nexport interface DefaultPanelProps extends BasePanelProps, PanelContent {\r\n  /**\r\n   * Optional. Specifies the type of the panel as 'default'.\r\n   * If not specified, the type defaults to 'default'.\r\n   */\r\n  type?: 'default';\r\n\r\n  /**\r\n   * Optional. Specifies the order of the content in the panel.\r\n   * It can be 'default' or 'reverse'. Defaults to 'default' if not specified.\r\n   */\r\n  order?: 'default' | 'reverse';\r\n}\r\n\r\nexport interface CarouselPanelProps extends BasePanelProps {\r\n  /**\r\n   * Required. Specifies the type of the panel as 'carousel'.\r\n   */\r\n  type: 'carousel';\r\n\r\n  /**\r\n   * Optional. Specifies the order of the content in the panel.\r\n   * It can be 'default' or 'reverse'. Defaults to 'default' if not specified.\r\n   */\r\n  order?: 'default' | 'reverse';\r\n\r\n  /**\r\n   * Optional. An array of PanelContent objects.\r\n   * Each object represents a slide in the carousel.\r\n   */\r\n  items?: PanelContent[];\r\n}\r\nexport type PanelProps = DefaultPanelProps | CarouselPanelProps;\r\n\r\nexport const Panel = (props: PanelProps) => {\r\n\r\n  const [currentImage, setCurrentImage] = React.useState(0);\r\n  const isLargeScreen = useMediaMatch(BREAKPOINTS.LARGE.replace('@media ', ''));\r\n\r\n  let rest: React.HTMLAttributes<HTMLDivElement> = {};\r\n  let order = undefined;\r\n  let media = undefined;\r\n  let title = '';\r\n  let content = undefined;\r\n  let items: PanelContent[] = [];\r\n\r\n\r\n  switch (props.type) {\r\n    case 'carousel':\r\n      ({items = [], order, ...rest} = props);\r\n      break;\r\n    case 'default':\r\n    default:\r\n      ({media, content, title = '', order, ...rest} = props)\r\n      break;\r\n  }\r\n\r\n\r\n  const moveLeft = () => {\r\n    props.type === 'carousel' && setCurrentImage(currentImage === 0 ? items.length - 1 : currentImage - 1);\r\n  }\r\n  const moveRight = () => {\r\n    props.type === 'carousel' && setCurrentImage(currentImage + 1 > items.length - 1 ? 0 : currentImage + 1);\r\n  }\r\n\r\n  const currentItem: PanelContent = props.type === 'carousel' ? items[currentImage] : {media, title, content};\r\n\r\n  return (\r\n    <Wrapper {...rest} className={`${rest.className || ''} ${order || ''} `}>\r\n      <Media>\r\n        {\r\n          currentItem.media?.type === 'image' &&\r\n            <img className={currentItem.media.fit} src={currentItem.media.src} alt={currentItem.media.alt}/>\r\n        }\r\n        {\r\n          currentItem.media?.type === 'custom' && currentItem.media.content\r\n        }\r\n      </Media>\r\n      <Body>\r\n        <Quote>{currentItem.title}</Quote>\r\n        <p>{currentItem.content}</p>\r\n      </Body>\r\n      {\r\n        props.type === 'carousel' &&\r\n          <Footer>\r\n              <IconButton action={moveLeft} variant={'secondary'} shape={'circular'}>\r\n                  <SystemIcons.ChevronLeft/>\r\n              </IconButton>\r\n              <LinearProgress size={isLargeScreen ? Size.Large : Size.Medium}\r\n                              className={'progress'}\r\n                              value={currentImage + 1}\r\n                              max={props.items!.length }\r\n                              type={LinearProgressType.Dots}/>\r\n              <IconButton action={moveRight} variant={'secondary'} shape={'circular'}>\r\n                  <SystemIcons.ChevronRight/>\r\n              </IconButton>\r\n          </Footer>\r\n      }\r\n    </Wrapper>\r\n  )\r\n};\r\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,eAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AAA8B,IAAAQ,WAAA,GAAAR,OAAA;AAAA,MAAAS,SAAA;EAAAC,UAAA;AAAA,SAAAC,QAAAC,CAAA,EAAAC,CAAA,QAAAC,CAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAJ,CAAA,OAAAG,MAAA,CAAAE,qBAAA,QAAAC,CAAA,GAAAH,MAAA,CAAAE,qBAAA,CAAAL,CAAA,GAAAC,CAAA,KAAAK,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAN,CAAA,WAAAE,MAAA,CAAAK,wBAAA,CAAAR,CAAA,EAAAC,CAAA,EAAAQ,UAAA,OAAAP,CAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,CAAA,EAAAI,CAAA,YAAAJ,CAAA;AAAA,SAAAU,cAAAZ,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAY,SAAA,CAAAC,MAAA,EAAAb,CAAA,UAAAC,CAAA,WAAAW,SAAA,CAAAZ,CAAA,IAAAY,SAAA,CAAAZ,CAAA,QAAAA,CAAA,OAAAF,OAAA,CAAAI,MAAA,CAAAD,CAAA,OAAAa,OAAA,WAAAd,CAAA,QAAAe,gBAAA,CAAAC,OAAA,EAAAjB,CAAA,EAAAC,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAE,MAAA,CAAAe,yBAAA,GAAAf,MAAA,CAAAgB,gBAAA,CAAAnB,CAAA,EAAAG,MAAA,CAAAe,yBAAA,CAAAhB,CAAA,KAAAH,OAAA,CAAAI,MAAA,CAAAD,CAAA,GAAAa,OAAA,WAAAd,CAAA,IAAAE,MAAA,CAAAiB,cAAA,CAAApB,CAAA,EAAAC,CAAA,EAAAE,MAAA,CAAAK,wBAAA,CAAAN,CAAA,EAAAD,CAAA,iBAAAD,CAAA;AAE9B,MAAMqB,OAAO,GAAGC,yBAAM,CAACC,GAAG;AAC1B;AACA;AACA,gBAAgBC,KAAK,IAAIC,cAAM,CAACC,QAAQ,CAAC,YAAY,EAAEF,KAAK,CAACG,KAAK,CAAC;AACnE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAIC,mBAAW,CAACC,KAAK;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,MAAMC,KAAK,GAAGR,yBAAM,CAACC,GAAG;AACxB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAIK,mBAAW,CAACC,KAAK;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,MAAME,IAAI,GAAGT,yBAAM,CAACC,GAAG;AACvB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAIK,mBAAW,CAACC,KAAK;AACrB;AACA;AACA;AACA;AACA;AACA,aAAaL,KAAK,IAAIC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AACjE;AACA;AACA;AACA,CAAC;AACD,MAAMK,MAAM,GAAGV,yBAAM,CAACC,GAAG;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAIK,mBAAW,CAACC,KAAK;AACrB;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AA8CM,MAAMI,KAAK,GAAIT,KAAiB,IAAK;EAE1C,MAAM,CAACU,YAAY,EAAEC,eAAe,CAAC,GAAGC,cAAK,CAACC,QAAQ,CAAC,CAAC,CAAC;EACzD,MAAMC,aAAa,GAAG,IAAAC,oBAAa,EAACX,mBAAW,CAACC,KAAK,CAACW,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;EAE7E,IAAIC,IAA0C,GAAG,CAAC,CAAC;EACnD,IAAIC,KAAK,GAAGC,SAAS;EACrB,IAAIC,KAAK,GAAGD,SAAS;EACrB,IAAIE,KAAK,GAAG,EAAE;EACd,IAAIC,OAAO,GAAGH,SAAS;EACvB,IAAII,KAAqB,GAAG,EAAE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","ignoreList":[]}

package/dist/Panel/Panel.d.ts

@@ -1,47 +1,47 @@
-import React from 'react';
-export interface BasePanelProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title' | 'content'> {
-    type?: 'default' | 'carousel';
-}
-export interface PanelContent {
-    media?: {
-        type: 'image';
-        src: string;
-        alt: string;
-        fit?: 'fill' | 'fit';
-    } | {
-        type: 'custom';
-        content: React.ReactNode;
-    };
-    title?: string;
-    content?: React.ReactNode;
-}
-export interface DefaultPanelProps extends BasePanelProps, PanelContent {
-    /**
-     * Optional. Specifies the type of the panel as 'default'.
-     * If not specified, the type defaults to 'default'.
-     */
-    type?: 'default';
-    /**
-     * Optional. Specifies the order of the content in the panel.
-     * It can be 'default' or 'reverse'. Defaults to 'default' if not specified.
-     */
-    order?: 'default' | 'reverse';
-}
-export interface CarouselPanelProps extends BasePanelProps {
-    /**
-     * Required. Specifies the type of the panel as 'carousel'.
-     */
-    type: 'carousel';
-    /**
-     * Optional. Specifies the order of the content in the panel.
-     * It can be 'default' or 'reverse'. Defaults to 'default' if not specified.
-     */
-    order?: 'default' | 'reverse';
-    /**
-     * Optional. An array of PanelContent objects.
-     * Each object represents a slide in the carousel.
-     */
-    items?: PanelContent[];
-}
-export type PanelProps = DefaultPanelProps | CarouselPanelProps;
-export declare const Panel: (props: PanelProps) => React.JSX.Element;
+import React from 'react';
+export interface BasePanelProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title' | 'content'> {
+    type?: 'default' | 'carousel';
+}
+export interface PanelContent {
+    media?: {
+        type: 'image';
+        src: string;
+        alt: string;
+        fit?: 'fill' | 'fit';
+    } | {
+        type: 'custom';
+        content: React.ReactNode;
+    };
+    title?: string;
+    content?: React.ReactNode;
+}
+export interface DefaultPanelProps extends BasePanelProps, PanelContent {
+    /**
+     * Optional. Specifies the type of the panel as 'default'.
+     * If not specified, the type defaults to 'default'.
+     */
+    type?: 'default';
+    /**
+     * Optional. Specifies the order of the content in the panel.
+     * It can be 'default' or 'reverse'. Defaults to 'default' if not specified.
+     */
+    order?: 'default' | 'reverse';
+}
+export interface CarouselPanelProps extends BasePanelProps {
+    /**
+     * Required. Specifies the type of the panel as 'carousel'.
+     */
+    type: 'carousel';
+    /**
+     * Optional. Specifies the order of the content in the panel.
+     * It can be 'default' or 'reverse'. Defaults to 'default' if not specified.
+     */
+    order?: 'default' | 'reverse';
+    /**
+     * Optional. An array of PanelContent objects.
+     * Each object represents a slide in the carousel.
+     */
+    items?: PanelContent[];
+}
+export type PanelProps = DefaultPanelProps | CarouselPanelProps;
+export declare const Panel: (props: PanelProps) => React.JSX.Element;