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

package/dist/Paginator/Paginator.js

@@ -1,21 +1,107 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 import _pt from "prop-types";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 import * as React from 'react';
 import styled from 'styled-components';
-import { NavLink } from 'react-router-dom';
 import { BREAKPOINTS, COLORS, ComponentTextStyle, focusStyles } from '../styles';
 import { SystemIcons } from '../icons';
 import { ComponentMStyling } from '../styles';
 import { Z_INDEXES } from '../styles';
-import { useNavigate } from 'react-router';
 import { IconButton } from '../Button';
+import { HyperLink } from '../HyperLink';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const Container = styled.nav(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  margin: 20px 0;\n  display: flex;\n  justify-content: center;\n\n  ", " {\n    width: 75%;\n  }\n"])), BREAKPOINTS.MEDIUM);
-const Items = styled.ul(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  display: flex;\n"])));
-const Item = styled.li(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  width: 48px;\n  height: 48px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  & > * {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    height: 100%;\n    text-decoration: none;\n\n    ", "\n\n    &:focus,\n    &:focus-within {\n      ", "\n    }\n  }\n  & > a:hover {\n    z-index: ", ";\n    color: ", ";\n    background-color: ", ";\n  }\n  & > a:active {\n    z-index: ", ";\n    color: ", ";\n    background-color: ", ";\n  }\n  & > a.active {\n    z-index: ", ";\n    color: ", ";\n    background-color: ", ";\n    cursor: default;\n    &:hover {\n      color: ", ";\n      background-color: ", ";\n    }\n    &:active {\n      color: ", ";\n      background-color: ", ";\n    }\n  }\n"])), props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme)), focusStyles, Z_INDEXES.hover, props => COLORS.getColor('primary_800', props.theme), props => COLORS.getColor('primary_20', props.theme), Z_INDEXES.active, props => COLORS.getColor('primary_700', props.theme), props => COLORS.getColor('primary_100', props.theme), Z_INDEXES.active, props => COLORS.getColor('neutral_800', props.theme), props => COLORS.getColor('neutral_20', props.theme), props => COLORS.getColor('primary_800', props.theme), props => COLORS.getColor('primary_20', props.theme), props => COLORS.getColor('primary_700', props.theme), props => COLORS.getColor('primary_100', props.theme));
-const Dots = styled(Item)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  cursor: not-allowed;\n  &:after{\n    ", "\n    content: '...';\n  }\n"])), props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme)));
-const ItemContent = styled('div')(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  text-align:center;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  width: 100%;\n  height: 100%;\n  \n  &.active:after{\n    content: '';\n    position: absolute;\n    bottom: 4px;\n    width: 32px;\n    border-radius: 4px;\n    height: 4px;\n    background-color: ", "\n  }\n  &.active:hover:after{\n    background-color: ", "\n  }\n  &.active:active:after{\n    background-color: ", "\n  }\n"])), props => COLORS.getColor('primary_500', props.theme), props => COLORS.getColor('primary_700', props.theme), props => COLORS.getColor('primary_800', props.theme));
+const Container = styled.nav`
+  margin: 20px 0;
+  display: flex;
+  justify-content: center;
+
+  ${BREAKPOINTS.MEDIUM} {
+    width: 75%;
+  }
+`;
+const Items = styled.ul`
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  display: flex;
+`;
+const Item = styled.li`
+  width: 48px;
+  height: 48px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  & > * {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 100%;
+    text-decoration: none;
+
+    ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}
+
+    &:focus,
+    &:focus-within {
+      ${focusStyles}
+    }
+  }
+  & > a:hover {
+    z-index: ${Z_INDEXES.hover};
+    color: ${props => COLORS.getColor('primary_800', props.theme)};
+    background-color: ${props => COLORS.getColor('primary_20', props.theme)};
+  }
+  & > a:active {
+    z-index: ${Z_INDEXES.active};
+    color: ${props => COLORS.getColor('primary_700', props.theme)};
+    background-color: ${props => COLORS.getColor('primary_100', props.theme)};
+  }
+  & > a.active {
+    z-index: ${Z_INDEXES.active};
+    color: ${props => COLORS.getColor('neutral_800', props.theme)};
+    background-color: ${props => COLORS.getColor('neutral_20', props.theme)};
+    cursor: default;
+    &:hover {
+      color: ${props => COLORS.getColor('primary_800', props.theme)};
+      background-color: ${props => COLORS.getColor('primary_20', props.theme)};
+    }
+    &:active {
+      color: ${props => COLORS.getColor('primary_700', props.theme)};
+      background-color: ${props => COLORS.getColor('primary_100', props.theme)};
+    }
+  }
+`;
+const Dots = styled(Item)`
+  cursor: not-allowed;
+  &:after{
+    ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}
+    content: '...';
+  }
+`;
+const ItemContent = styled('div')`
+  text-align:center;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: relative;
+  width: 100%;
+  height: 100%;
+  
+  &.active:after{
+    content: '';
+    position: absolute;
+    bottom: 4px;
+    width: 32px;
+    border-radius: 4px;
+    height: 4px;
+    background-color: ${props => COLORS.getColor('primary_500', props.theme)}
+  }
+  &.active:hover:after{
+    background-color: ${props => COLORS.getColor('primary_700', props.theme)}
+  }
+  &.active:active:after{
+    background-color: ${props => COLORS.getColor('primary_800', props.theme)}
+  }
+`;
 ;
 const Step = _ref => {
   let {
@@ -26,9 +112,8 @@ const Step = _ref => {
     onPageChange,
     id
   } = _ref;
-  const navigateHook = useNavigate();
   const handleButtonClick = () => {
-    onPageChange && !onPageChange(page) && navigateHook(target);
+    onPageChange && !onPageChange(page);
   };
   return /*#__PURE__*/_jsx(IconButton, {
     id: id,
@@ -69,17 +154,20 @@ const Paginator = _ref2 => {
     children: /*#__PURE__*/_jsxs(Items, {
       children: [/*#__PURE__*/_jsx(Step, {
         up: false,
-        target: "".concat(baseUrl, "/").concat(currentPage - 1),
+        target: `${baseUrl}/${currentPage - 1}`,
         page: currentPage - 1,
         disabled: currentPage === 1,
         onPageChange: onPageChange,
         id: "paginator-left"
       }), pages.findIndex(item => item === 1) === -1 && /*#__PURE__*/_jsx(Item, {
-        children: /*#__PURE__*/_jsx(NavLink, {
-          to: "".concat(baseUrl, "/1"),
+        children: /*#__PURE__*/_jsx(HyperLink, {
+          target: "_self",
           onClick: e => {
-            onPageChange && onPageChange(1) && e.preventDefault();
+            onPageChange && onPageChange(1);
+            e.preventDefault();
           },
+          variant: 'styleless',
+          href: '',
           children: /*#__PURE__*/_jsx(ItemContent, {
             className: currentPage === 1 ? 'active' : '',
             children: /*#__PURE__*/_jsx("span", {
@@ -88,11 +176,14 @@ const Paginator = _ref2 => {
           })
         })
       }), currentPage >= 4 && pageCount > 5 && pageCount && pages.findIndex(item => item === 1) === -1 && /*#__PURE__*/_jsx(Dots, {}), pages.map(page => /*#__PURE__*/_jsx(Item, {
-        children: /*#__PURE__*/_jsx(NavLink, {
-          to: "".concat(baseUrl, "/").concat(page),
+        children: /*#__PURE__*/_jsx(HyperLink, {
+          target: "_self",
+          href: '',
           onClick: e => {
-            onPageChange && onPageChange(page) && e.preventDefault();
+            onPageChange && onPageChange(page);
+            e.preventDefault();
           },
+          variant: 'styleless',
           children: /*#__PURE__*/_jsx(ItemContent, {
             className: currentPage === page ? 'active' : '',
             children: /*#__PURE__*/_jsx("span", {
@@ -101,10 +192,13 @@ const Paginator = _ref2 => {
           })
         })
       }, page)), pageCount > 5 && currentPage <= pageCount - 3 && /*#__PURE__*/_jsx(Dots, {}), pages.findIndex(item => item === pageCount) === -1 && pageCount !== 1 && /*#__PURE__*/_jsx(Item, {
-        children: /*#__PURE__*/_jsx(NavLink, {
-          to: "".concat(baseUrl, "/").concat(pageCount),
+        children: /*#__PURE__*/_jsx(HyperLink, {
+          target: "_self",
+          href: '',
+          variant: "styleless",
           onClick: e => {
-            onPageChange && onPageChange(pageCount) && e.preventDefault();
+            onPageChange && onPageChange(pageCount);
+            e.preventDefault();
           },
           children: /*#__PURE__*/_jsx(ItemContent, {
             className: currentPage === pageCount ? 'active' : '',
@@ -115,7 +209,7 @@ const Paginator = _ref2 => {
         })
       }), /*#__PURE__*/_jsx(Step, {
         up: true,
-        target: "".concat(baseUrl, "/").concat(currentPage + 1),
+        target: `${baseUrl}/${currentPage + 1}`,
         page: currentPage + 1,
         disabled: currentPage === pageCount,
         onPageChange: onPageChange,

package/dist/Paginator/Paginator.js.map

@@ -1 +1 @@
-{"version":3,"file":"Paginator.js","names":["React","styled","NavLink","BREAKPOINTS","COLORS","ComponentTextStyle","focusStyles","SystemIcons","ComponentMStyling","Z_INDEXES","useNavigate","IconButton","jsx","_jsx","jsxs","_jsxs","Container","nav","_templateObject","_taggedTemplateLiteral","MEDIUM","Items","ul","_templateObject2","Item","li","_templateObject3","props","Regular","getColor","theme","hover","active","Dots","_templateObject4","ItemContent","_templateObject5","Step","_ref","up","target","disabled","page","onPageChange","id","navigateHook","handleButtonClick","action","event","variant","shape","children","ChevronRight","ChevronLeft","Paginator","_ref2","pageCount","currentPage","baseUrl","pages","from","to","i","push","concat","findIndex","item","onClick","e","preventDefault","className","map","propTypes","_pt","number","isRequired","string","func"],"sources":["../../src/Paginator/Paginator.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {NavLink} from 'react-router-dom';\r\nimport {BREAKPOINTS, COLORS, ComponentTextStyle, focusStyles} from '../styles';\r\nimport {SystemIcons} from '../icons';\r\nimport {ComponentMStyling} from '../styles';\r\nimport {Z_INDEXES} from '../styles';\r\nimport { useNavigate } from 'react-router';\r\nimport {IconButton} from '../Button';\r\n\r\nconst Container = styled.nav`\r\n  margin: 20px 0;\r\n  display: flex;\r\n  justify-content: center;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    width: 75%;\r\n  }\r\n`;\r\n\r\nconst Items = styled.ul`\r\n  margin: 0;\r\n  padding: 0;\r\n  list-style: none;\r\n  display: flex;\r\n`;\r\n\r\nconst Item = styled.li`\r\n  width: 48px;\r\n  height: 48px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  & > * {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 100%;\r\n    height: 100%;\r\n    text-decoration: none;\r\n\r\n    ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n\r\n    &:focus,\r\n    &:focus-within {\r\n      ${focusStyles}\r\n    }\r\n  }\r\n  & > a:hover {\r\n    z-index: ${Z_INDEXES.hover};\r\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n  }\r\n  & > a:active {\r\n    z-index: ${Z_INDEXES.active};\r\n    color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n    background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n  }\r\n  & > a.active {\r\n    z-index: ${Z_INDEXES.active};\r\n    color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n    background-color: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n    cursor: default;\r\n    &:hover {\r\n      color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n      background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n    }\r\n    &:active {\r\n      color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n      background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n    }\r\n  }\r\n`;\r\n\r\nconst Dots = styled(Item)`\r\n  cursor: not-allowed;\r\n  &:after{\r\n    ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n    content: '...';\r\n  }\r\n`;\r\n\r\nconst ItemContent = styled('div')`\r\n  text-align:center;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  position: relative;\r\n  width: 100%;\r\n  height: 100%;\r\n  \r\n  &.active:after{\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 4px;\r\n    width: 32px;\r\n    border-radius: 4px;\r\n    height: 4px;\r\n    background-color: ${props => COLORS.getColor('primary_500', props.theme)}\r\n  }\r\n  &.active:hover:after{\r\n    background-color: ${props => COLORS.getColor('primary_700', props.theme)}\r\n  }\r\n  &.active:active:after{\r\n    background-color: ${props => COLORS.getColor('primary_800', props.theme)}\r\n  }\r\n`\r\n\r\nexport interface PaginatorProps {\r\n  /**\r\n   * Required. The total number of pages.\r\n   */\r\n  pageCount: number;\r\n\r\n  /**\r\n   * Required. The current active page.\r\n   */\r\n  currentPage: number;\r\n\r\n  /**\r\n   * Required. The base URL to which the page number will be appended.\r\n   */\r\n  baseUrl: string;\r\n\r\n  /**\r\n   * Optional. A callback function that will be called when the page changes.\r\n   * It receives the new page number as its argument.\r\n   * If the function returns false, the page change will be prevented.\r\n   */\r\n  onPageChange?: (page: number) => boolean | void;\r\n};\r\n\r\nconst Step = ({\r\n  up = true,\r\n  target = '',\r\n  disabled = false,\r\n  page,\r\n  onPageChange,\r\n  id,\r\n}: {\r\n  up: boolean;\r\n  target: string;\r\n  disabled: boolean;\r\n  page: number;\r\n  onPageChange?: (page: number) => void | boolean;\r\n  id?: string;\r\n}) => {\r\n  const navigateHook = useNavigate();\r\n\r\n  const handleButtonClick = () => {\r\n    onPageChange && !onPageChange(page) && navigateHook(target);\r\n  }\r\n\r\n  return (\r\n    <IconButton id={id}\r\n                action={event => handleButtonClick()}\r\n                variant={'secondary'}\r\n                shape={'circular'}\r\n                disabled={disabled}>\r\n      {up ? <SystemIcons.ChevronRight/> : <SystemIcons.ChevronLeft/>}\r\n    </IconButton>\r\n  )\r\n};\r\n\r\nconst Paginator = ({ pageCount = 1, currentPage = 1, baseUrl = '', onPageChange }: PaginatorProps) => {\r\n  const pages = [];\r\n  let from = 2;\r\n  let to = 4;\r\n  if (pageCount === 0) return null;\r\n\r\n  if (pageCount > 1) {\r\n    if (currentPage >= 4 && currentPage <= pageCount - 2) {\r\n      from = currentPage - 1;\r\n      to = currentPage + 1;\r\n    } else if (pageCount - 2 > 1 && currentPage > pageCount - 2) {\r\n      from = pageCount - 3;\r\n      to = pageCount - 1;\r\n    }\r\n    if (to > pageCount) {\r\n      to = pageCount;\r\n    }\r\n    for (let i = from; i <= to; i += 1) {\r\n      pages.push(i);\r\n    }\r\n  }\r\n\r\n  return (\r\n    <Container>\r\n      <Items>\r\n        <Step up={false}\r\n              target={`${baseUrl}/${currentPage - 1}`}\r\n              page={currentPage - 1}\r\n              disabled={currentPage === 1}\r\n              onPageChange={onPageChange}\r\n              id=\"paginator-left\"/>\r\n        {pages.findIndex(item => item === 1) === -1 && (\r\n          <Item>\r\n            <NavLink\r\n              to={`${baseUrl}/1`}\r\n              onClick={(e) => {\r\n                onPageChange && onPageChange(1) && e.preventDefault();\r\n              }}>\r\n                <ItemContent className={currentPage === 1 ? 'active' : ''}>\r\n                 <span>1</span>\r\n                </ItemContent>\r\n            </NavLink>\r\n          </Item>\r\n        )}\r\n        {currentPage >= 4 && pageCount > 5 && pageCount && pages.findIndex(item => item === 1) === -1 && (\r\n          <Dots/>\r\n        )}\r\n        {pages.map(page => (\r\n          <Item key={page}>\r\n            <NavLink\r\n              to={`${baseUrl}/${page}`}\r\n              onClick={(e) => {\r\n                onPageChange && onPageChange(page) && e.preventDefault();\r\n              }}>\r\n                <ItemContent className={currentPage === page ? 'active' : ''}>\r\n                 <span>{page}</span>\r\n                </ItemContent>\r\n            </NavLink>\r\n          </Item>\r\n        ))}\r\n        {pageCount > 5 && currentPage <= pageCount - 3 && (\r\n          <Dots/>\r\n        )}\r\n        {pages.findIndex(item => item === pageCount) === -1 && pageCount !== 1 && (\r\n          <Item>\r\n            <NavLink\r\n              to={`${baseUrl}/${pageCount}`}\r\n              onClick={(e) => {\r\n                onPageChange && onPageChange(pageCount) && e.preventDefault();\r\n              }}>\r\n                <ItemContent className={currentPage === pageCount ? 'active' : ''}>\r\n                 <span>{pageCount}</span>\r\n                </ItemContent>\r\n            </NavLink>\r\n          </Item>\r\n        )}\r\n        <Step up\r\n              target={`${baseUrl}/${currentPage + 1}`}\r\n              page={currentPage + 1}\r\n              disabled={currentPage === pageCount}\r\n              onPageChange={onPageChange}\r\n              id=\"paginator-right\"/>\r\n      </Items>\r\n    </Container>\r\n  );\r\n};\r\n\r\nexport default Paginator;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Paginator.js","names":["React","styled","BREAKPOINTS","COLORS","ComponentTextStyle","focusStyles","SystemIcons","ComponentMStyling","Z_INDEXES","IconButton","HyperLink","jsx","_jsx","jsxs","_jsxs","Container","nav","MEDIUM","Items","ul","Item","li","props","Regular","getColor","theme","hover","active","Dots","ItemContent","Step","_ref","up","target","disabled","page","onPageChange","id","handleButtonClick","action","event","variant","shape","children","ChevronRight","ChevronLeft","Paginator","_ref2","pageCount","currentPage","baseUrl","pages","from","to","i","push","findIndex","item","onClick","e","preventDefault","href","className","map","propTypes","_pt","number","isRequired","string","func"],"sources":["../../src/Paginator/Paginator.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {BREAKPOINTS, COLORS, ComponentTextStyle, focusStyles} from '../styles';\r\nimport {SystemIcons} from '../icons';\r\nimport {ComponentMStyling} from '../styles';\r\nimport {Z_INDEXES} from '../styles';\r\nimport {IconButton} from '../Button';\r\nimport { HyperLink } from '../HyperLink';\r\n\r\nconst Container = styled.nav`\r\n  margin: 20px 0;\r\n  display: flex;\r\n  justify-content: center;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    width: 75%;\r\n  }\r\n`;\r\n\r\nconst Items = styled.ul`\r\n  margin: 0;\r\n  padding: 0;\r\n  list-style: none;\r\n  display: flex;\r\n`;\r\n\r\nconst Item = styled.li`\r\n  width: 48px;\r\n  height: 48px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  & > * {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 100%;\r\n    height: 100%;\r\n    text-decoration: none;\r\n\r\n    ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n\r\n    &:focus,\r\n    &:focus-within {\r\n      ${focusStyles}\r\n    }\r\n  }\r\n  & > a:hover {\r\n    z-index: ${Z_INDEXES.hover};\r\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n  }\r\n  & > a:active {\r\n    z-index: ${Z_INDEXES.active};\r\n    color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n    background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n  }\r\n  & > a.active {\r\n    z-index: ${Z_INDEXES.active};\r\n    color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n    background-color: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n    cursor: default;\r\n    &:hover {\r\n      color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n      background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n    }\r\n    &:active {\r\n      color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n      background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n    }\r\n  }\r\n`;\r\n\r\nconst Dots = styled(Item)`\r\n  cursor: not-allowed;\r\n  &:after{\r\n    ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n    content: '...';\r\n  }\r\n`;\r\n\r\nconst ItemContent = styled('div')`\r\n  text-align:center;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  position: relative;\r\n  width: 100%;\r\n  height: 100%;\r\n  \r\n  &.active:after{\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 4px;\r\n    width: 32px;\r\n    border-radius: 4px;\r\n    height: 4px;\r\n    background-color: ${props => COLORS.getColor('primary_500', props.theme)}\r\n  }\r\n  &.active:hover:after{\r\n    background-color: ${props => COLORS.getColor('primary_700', props.theme)}\r\n  }\r\n  &.active:active:after{\r\n    background-color: ${props => COLORS.getColor('primary_800', props.theme)}\r\n  }\r\n`\r\n\r\nexport interface PaginatorProps {\r\n  /**\r\n   * Required. The total number of pages.\r\n   */\r\n  pageCount: number;\r\n\r\n  /**\r\n   * Required. The current active page.\r\n   */\r\n  currentPage: number;\r\n\r\n  /**\r\n   * Required. The base URL to which the page number will be appended.\r\n   */\r\n  baseUrl: string;\r\n\r\n  /**\r\n   * Optional. A callback function that will be called when the page changes.\r\n   * It receives the new page number as its argument.\r\n   * If the function returns false, the page change will be prevented.\r\n   */\r\n  onPageChange?: (page: number) => boolean | void;\r\n};\r\n\r\nconst Step = ({\r\n  up = true,\r\n  target = '',\r\n  disabled = false,\r\n  page,\r\n  onPageChange,\r\n  id,\r\n}: {\r\n  up: boolean;\r\n  target: string;\r\n  disabled: boolean;\r\n  page: number;\r\n  onPageChange?: (page: number) => void | boolean;\r\n  id?: string;\r\n}) => {\r\n  \r\n  const handleButtonClick = () => {\r\n    onPageChange && !onPageChange(page);\r\n  }\r\n\r\n  return (\r\n    <IconButton id={id}\r\n                action={event => handleButtonClick()}\r\n                variant={'secondary'}\r\n                shape={'circular'}\r\n                disabled={disabled}>\r\n      {up ? <SystemIcons.ChevronRight/> : <SystemIcons.ChevronLeft/>}\r\n    </IconButton>\r\n  )\r\n};\r\n\r\nconst Paginator = ({ pageCount = 1, currentPage = 1, baseUrl = '', onPageChange }: PaginatorProps) => {\r\n  const pages = [];\r\n  let from = 2;\r\n  let to = 4;\r\n  if (pageCount === 0) return null;\r\n\r\n  if (pageCount > 1) {\r\n    if (currentPage >= 4 && currentPage <= pageCount - 2) {\r\n      from = currentPage - 1;\r\n      to = currentPage + 1;\r\n    } else if (pageCount - 2 > 1 && currentPage > pageCount - 2) {\r\n      from = pageCount - 3;\r\n      to = pageCount - 1;\r\n    }\r\n    if (to > pageCount) {\r\n      to = pageCount;\r\n    }\r\n    for (let i = from; i <= to; i += 1) {\r\n      pages.push(i);\r\n    }\r\n  }\r\n\r\n  return (\r\n    <Container>\r\n      <Items>\r\n        <Step up={false}\r\n              target={`${baseUrl}/${currentPage - 1}`}\r\n              page={currentPage - 1}\r\n              disabled={currentPage === 1}\r\n              onPageChange={onPageChange}\r\n              id=\"paginator-left\"/>\r\n        {pages.findIndex(item => item === 1) === -1 && (\r\n          <Item>\r\n            <HyperLink\r\n              target='_self'\r\n              onClick={(e) => {\r\n                onPageChange && onPageChange(1);\r\n                e.preventDefault();\r\n              } } variant={'styleless'} href={''}>\r\n                <ItemContent className={currentPage === 1 ? 'active' : ''}>\r\n                 <span>1</span>\r\n                </ItemContent>\r\n            </HyperLink>\r\n          </Item>\r\n        )}\r\n        {currentPage >= 4 && pageCount > 5 && pageCount && pages.findIndex(item => item === 1) === -1 && (\r\n          <Dots/>\r\n        )}\r\n        {pages.map(page => (\r\n          <Item key={page}>\r\n            <HyperLink\r\n              target='_self'\r\n              href={''}\r\n              onClick={(e) => {\r\n                onPageChange && onPageChange(page);\r\n                e.preventDefault();\r\n              } } variant={'styleless'}>\r\n                <ItemContent className={currentPage === page ? 'active' : ''}>\r\n                 <span>{page}</span>\r\n                </ItemContent>\r\n            </HyperLink>\r\n          </Item>\r\n        ))}\r\n        {pageCount > 5 && currentPage <= pageCount - 3 && (\r\n          <Dots/>\r\n        )}\r\n        {pages.findIndex(item => item === pageCount) === -1 && pageCount !== 1 && (\r\n          <Item>\r\n            <HyperLink\r\n              target='_self'\r\n              href={''}\r\n              variant='styleless'\r\n              onClick={(e) => {\r\n                onPageChange && onPageChange(pageCount);\r\n                e.preventDefault();\r\n              }}>\r\n                <ItemContent className={currentPage === pageCount ? 'active' : ''}>\r\n                 <span>{pageCount}</span>\r\n                </ItemContent>\r\n            </HyperLink>\r\n          </Item>\r\n        )}\r\n        <Step up\r\n              target={`${baseUrl}/${currentPage + 1}`}\r\n              page={currentPage + 1}\r\n              disabled={currentPage === pageCount}\r\n              onPageChange={onPageChange}\r\n              id=\"paginator-right\"/>\r\n      </Items>\r\n    </Container>\r\n  );\r\n};\r\n\r\nexport default Paginator;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Paginator/index.d.ts

@@ -1,2 +1,2 @@
-import Paginator from './Paginator';
-export { Paginator };
+import Paginator from './Paginator';
+export { Paginator };

package/dist/Panel/Panel.cjs

@@ -7,7 +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 _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
@@ -20,15 +19,104 @@ var _types = require("../types");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["items", "order"],
   _excluded2 = ["media", "content", "title", "order"];
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 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; }
-const 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"])), props => _styles.COLORS.getColor('neutral_20', props.theme), _styles.BREAKPOINTS.LARGE);
-const 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);
-const 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, props => _styles.COLORS.getColor('neutral_600', props.theme));
-const 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);
+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 => {
-  var _currentItem$media, _currentItem$media2;
   const [currentImage, setCurrentImage] = _react.default.useState(0);
   const isLargeScreen = (0, _rooks.useMediaMatch)(_styles.BREAKPOINTS.LARGE.replace('@media ', ''));
   let rest = {};
@@ -72,13 +160,13 @@ const Panel = props => {
     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

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","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","_taggedTemplateLiteral2","props","COLORS","getColor","theme","BREAKPOINTS","LARGE","Media","Body","Footer","Panel","_currentItem$media","_currentItem$media2","currentImage","setCurrentImage","React","useState","isLargeScreen","useMediaMatch","replace","rest","order","undefined","media","title","content","items","type","_props","_objectWithoutProperties2","_props2","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;