@mrshmllw/smores-react 6.0.1 → 6.0.2

package/dist/Table/components/RowActions.js

@@ -1,99 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import React__default from 'react';
-import styled from 'styled-components';
-import { Box } from '../../Box/Box.js';
-import { Button } from '../../Button/Button.js';
-import { IconStrict } from '../../IconStrict/IconStrict.js';
-import { focusOutlineStyle } from '../../utils/focusOutline.js';
-import { isReactElement } from '../../utils/isReactElement.js';
-import { StyledCell } from './commonComponents.js';
-
-const RowActions = ({
-  rowData,
-  rowActions,
-  expandable,
-  isExpanded,
-  toggleExpansion
-}) => {
-  const handleAction = (e, action) => {
-    e.stopPropagation();
-    action(rowData);
-  };
-  return /* @__PURE__ */ jsx(
-    StyledCell,
-    {
-      stickyCell: Boolean(rowActions) || Boolean(expandable),
-      rowActionsBgColor: rowActions?.bgColor,
-      children: /* @__PURE__ */ jsxs(Box, { flex: true, alignItems: "center", justifyContent: "flex-end", children: [
-        rowActions && rowActions.actions?.map((action, actionIndex) => {
-          if (!action.showCondition || action.showCondition(rowData)) {
-            return /* @__PURE__ */ jsxs(Wrapper, { flex: true, children: [
-              isReactElement(action.element) && React__default.cloneElement(action.element, {
-                onClick: (e) => {
-                  handleAction(e, action.onClick);
-                },
-                tabIndex: 0,
-                className: "reactElementRowAction"
-              }),
-              action.genericButton && !isReactElement(action.element) && /* @__PURE__ */ jsx(
-                Button,
-                {
-                  ...action.genericButton,
-                  handleClick: (e) => {
-                    handleAction(e, action.onClick);
-                  },
-                  children: action.genericButton.children
-                }
-              ),
-              action.iconButton && /* @__PURE__ */ jsx(
-                IconStrict,
-                {
-                  ...action.iconButton,
-                  handleClick: (e) => {
-                    handleAction(e, action.onClick);
-                  }
-                }
-              )
-            ] }, actionIndex);
-          }
-          return null;
-        }),
-        expandable && expandable(rowData) && /* @__PURE__ */ jsx(
-          CaretIcon,
-          {
-            render: "caret",
-            handleClick: (e) => {
-              e.stopPropagation();
-              toggleExpansion();
-            },
-            size: 36,
-            isOpen: isExpanded,
-            backgroundColor: "cream"
-          }
-        )
-      ] })
-    }
-  );
-};
-const Wrapper = styled(Box)`
-  white-space: nowrap;
-  margin-right: 8px;
-
-  &:last-child {
-    margin-right: 0px;
-  }
-
-  .reactElementRowAction {
-    cursor: pointer;
-    ${focusOutlineStyle}
-  }
-`;
-const CaretIcon = styled(IconStrict)(
-  ({ isOpen }) => `
-    transform: ${isOpen ? "rotate(90deg)" : "rotate(0deg)"};
-    transition: transform 0.3s ease;
-  `
-);
-
-export { RowActions };
-//# sourceMappingURL=RowActions.js.map

package/dist/Table/components/RowActions.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RowActions.js","sources":["../../../src/Table/components/RowActions.tsx"],"sourcesContent":["import React, { FormEvent } from 'react'\nimport styled from 'styled-components'\nimport { Box } from '../../Box'\nimport { Button } from '../../Button'\nimport { IconStrict } from '../../IconStrict'\nimport { focusOutlineStyle } from '../../utils/focusOutline'\nimport { isReactElement } from '../../utils/isReactElement'\nimport { RowActionsProps } from '../types'\nimport { StyledCell } from './commonComponents'\n\nexport const RowActions = <T extends object>({\n  rowData,\n  rowActions,\n  expandable,\n  isExpanded,\n  toggleExpansion,\n}: RowActionsProps<T>) => {\n  const handleAction = (\n    e: MouseEvent | FormEvent<HTMLButtonElement>,\n    action: (rowData: T) => void,\n  ) => {\n    e.stopPropagation()\n    action(rowData)\n  }\n\n  return (\n    <StyledCell\n      stickyCell={Boolean(rowActions) || Boolean(expandable)}\n      rowActionsBgColor={rowActions?.bgColor}\n    >\n      <Box flex alignItems=\"center\" justifyContent=\"flex-end\">\n        {rowActions &&\n          rowActions.actions?.map((action, actionIndex) => {\n            if (!action.showCondition || action.showCondition(rowData)) {\n              return (\n                <Wrapper flex key={actionIndex}>\n                  {isReactElement(action.element) &&\n                    React.cloneElement(action.element, {\n                      onClick: (e: MouseEvent) => {\n                        handleAction(e, action.onClick)\n                      },\n                      tabIndex: 0,\n                      className: 'reactElementRowAction',\n                    })}\n                  {action.genericButton && !isReactElement(action.element) && (\n                    <Button\n                      {...action.genericButton}\n                      handleClick={(e) => {\n                        handleAction(e, action.onClick)\n                      }}\n                    >\n                      {action.genericButton.children}\n                    </Button>\n                  )}\n                  {action.iconButton && (\n                    <IconStrict\n                      {...action.iconButton}\n                      handleClick={(e) => {\n                        handleAction(e, action.onClick)\n                      }}\n                    />\n                  )}\n                </Wrapper>\n              )\n            }\n            return null\n          })}\n        {expandable && expandable(rowData) && (\n          <CaretIcon\n            render=\"caret\"\n            handleClick={(e) => {\n              e.stopPropagation()\n              toggleExpansion()\n            }}\n            size={36}\n            isOpen={isExpanded}\n            backgroundColor=\"cream\"\n          />\n        )}\n      </Box>\n    </StyledCell>\n  )\n}\n\nconst Wrapper = styled(Box)`\n  white-space: nowrap;\n  margin-right: 8px;\n\n  &:last-child {\n    margin-right: 0px;\n  }\n\n  .reactElementRowAction {\n    cursor: pointer;\n    ${focusOutlineStyle}\n  }\n`\n\nconst CaretIcon = styled(IconStrict)<{ isOpen?: boolean }>(\n  ({ isOpen }) => `\n    transform: ${isOpen ? 'rotate(90deg)' : 'rotate(0deg)'};\n    transition: transform 0.3s ease;\n  `,\n)\n"],"names":["React"],"mappings":"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"}

package/dist/Table/components/TableHeader.js

@@ -1,42 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { StyledRow, StyledHeaderCell } from './commonComponents.js';
-
-const TableHeader = ({
-  columns,
-  fixedHeader,
-  headerColor,
-  rowActions,
-  headerHeight,
-  columnPadding,
-  expandable
-}) => {
-  return /* @__PURE__ */ jsxs(StyledRow, { children: [
-    columns.map((column, columnIndex) => /* @__PURE__ */ jsx(
-      StyledHeaderCell,
-      {
-        fixedHeader,
-        headerHeight,
-        minWidth: column.minWidth,
-        maxWidth: column.maxWidth,
-        headerColor,
-        columnPadding,
-        children: column.name
-      },
-      columnIndex
-    )),
-    (expandable || rowActions) && /* @__PURE__ */ jsx(
-      StyledHeaderCell,
-      {
-        fixedHeader,
-        stickyCell: true,
-        minWidth: rowActions?.minWidth,
-        headerColor,
-        columnPadding,
-        children: "Actions"
-      }
-    )
-  ] });
-};
-
-export { TableHeader };
-//# sourceMappingURL=TableHeader.js.map

package/dist/Table/components/TableHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableHeader.js","sources":["../../../src/Table/components/TableHeader.tsx"],"sourcesContent":["import React from 'react'\nimport { TableHeaderProps } from '../types'\nimport { StyledHeaderCell, StyledRow } from './commonComponents'\n\nexport const TableHeader = <T extends object>({\n  columns,\n  fixedHeader,\n  headerColor,\n  rowActions,\n  headerHeight,\n  columnPadding,\n  expandable,\n}: TableHeaderProps<T>) => {\n  return (\n    <StyledRow>\n      {columns.map((column, columnIndex) => (\n        <StyledHeaderCell\n          key={columnIndex}\n          fixedHeader={fixedHeader}\n          headerHeight={headerHeight}\n          minWidth={column.minWidth}\n          maxWidth={column.maxWidth}\n          headerColor={headerColor}\n          columnPadding={columnPadding}\n        >\n          {column.name}\n        </StyledHeaderCell>\n      ))}\n      {(expandable || rowActions) && (\n        <StyledHeaderCell\n          fixedHeader={fixedHeader}\n          stickyCell={true}\n          minWidth={rowActions?.minWidth}\n          headerColor={headerColor}\n          columnPadding={columnPadding}\n        >\n          Actions\n        </StyledHeaderCell>\n      )}\n    </StyledRow>\n  )\n}\n"],"names":[],"mappings":";;;AAIO,MAAM,cAAc,CAAmB;AAAA,EAC5C,OAAA;AAAA,EACA,WAAA;AAAA,EACA,WAAA;AAAA,EACA,UAAA;AAAA,EACA,YAAA;AAAA,EACA,aAAA;AAAA,EACA,UAAA;AACF,CAA2B,KAAA;AACzB,EAAA,4BACG,SACE,EAAA,EAAA,QAAA,EAAA;AAAA,IAAQ,OAAA,CAAA,GAAA,CAAI,CAAC,MAAA,EAAQ,WACpB,qBAAA,GAAA;AAAA,MAAC,gBAAA;AAAA,MAAA;AAAA,QAEC,WAAA;AAAA,QACA,YAAA;AAAA,QACA,UAAU,MAAO,CAAA,QAAA;AAAA,QACjB,UAAU,MAAO,CAAA,QAAA;AAAA,QACjB,WAAA;AAAA,QACA,aAAA;AAAA,QAEC,QAAO,EAAA,MAAA,CAAA,IAAA;AAAA,OAAA;AAAA,MARH,WAAA;AAAA,KAUR,CAAA;AAAA,IAAA,CACC,cAAc,UACd,qBAAA,GAAA;AAAA,MAAC,gBAAA;AAAA,MAAA;AAAA,QACC,WAAA;AAAA,QACA,UAAY,EAAA,IAAA;AAAA,QACZ,UAAU,UAAY,EAAA,QAAA;AAAA,QACtB,WAAA;AAAA,QACA,aAAA;AAAA,QACD,QAAA,EAAA,SAAA;AAAA,OAAA;AAAA,KAED;AAAA,GAEJ,EAAA,CAAA,CAAA;AAEJ;;;;"}

package/dist/Table/components/TableRow.js

@@ -1,114 +0,0 @@
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import React__default, { useState } from 'react';
-import { isReactElement } from '../../utils/isReactElement.js';
-import { isMappedReactElement } from '../helpers.js';
-import { RowActions } from './RowActions.js';
-import { StyledRow, StyledCell } from './commonComponents.js';
-
-const TableRow = ({
-  rowData,
-  rowIndex,
-  columns,
-  subRows,
-  subTable,
-  stripedColor,
-  rowActions,
-  rowColor,
-  rowBorderColor,
-  rowPadding,
-  columnPadding,
-  showActions,
-  expandable,
-  clickableRow
-}) => {
-  const [expandedRows, setExpandedRows] = useState([]);
-  const toggleRowExpansion = (rowIndex2) => {
-    setExpandedRows(
-      (prevState) => prevState.includes(rowIndex2) ? prevState.filter((index) => index !== rowIndex2) : [...prevState, rowIndex2]
-    );
-  };
-  const subRowsData = subRows?.rows(rowData);
-  const subTableData = subTable?.table(rowData);
-  const showSubRowsOnExpand = subRows?.showOnExpand && subRows?.showOnExpand(rowData);
-  const showSubTableOnExpand = subTable?.showOnExpand && subTable?.showOnExpand(rowData);
-  const showActionsCell = expandable || rowActions;
-  const expandSubProp = showActionsCell ? columns.length + 1 : columns.length;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(
-      StyledRow,
-      {
-        stripedColor,
-        rowColor,
-        rowBorderColor,
-        clickableRow: !!clickableRow,
-        onClick: () => clickableRow && clickableRow(rowData),
-        tabIndex: clickableRow && 0,
-        children: [
-          columns.map((column, columnIndex) => {
-            let cellContent;
-            if (column.cell) {
-              cellContent = column.cell(rowData, rowIndex, column, rowIndex);
-            }
-            return /* @__PURE__ */ jsx(
-              StyledCell,
-              {
-                rowPadding,
-                columnPadding,
-                minWidth: column.minWidth,
-                maxWidth: column.maxWidth,
-                noWrapContent: column.noWrapContent,
-                truncateContent: column.truncateContent,
-                hideOverflow: column.hideOverflow,
-                children: cellContent
-              },
-              columnIndex
-            );
-          }),
-          (showActionsCell || showActions) && /* @__PURE__ */ jsx(
-            RowActions,
-            {
-              expandable,
-              rowActions,
-              rowData,
-              isExpanded: expandedRows.includes(rowIndex),
-              toggleExpansion: () => toggleRowExpansion(rowIndex)
-            }
-          )
-        ]
-      }
-    ),
-    expandedRows.includes(rowIndex) && /* @__PURE__ */ jsxs(Fragment, { children: [
-      subRows && subRowsData && showSubRowsOnExpand && isReactElement(subRowsData) && React__default.cloneElement(subRowsData, {
-        rowPadding,
-        columnPadding
-      }),
-      subRows && subRowsData && showSubRowsOnExpand && isMappedReactElement(subRowsData) && subRowsData.map(
-        (row) => React__default.cloneElement(row, {
-          rowPadding,
-          showActions: showActionsCell
-        })
-      ),
-      subTable && showSubTableOnExpand && subTableData && /* @__PURE__ */ jsx(StyledCell, { colSpan: expandSubProp, children: React__default.cloneElement(subTableData, {
-        rowPadding,
-        columnPadding
-      }) })
-    ] }),
-    subRows && subRowsData && !showSubRowsOnExpand && isReactElement(subRowsData) && React__default.cloneElement(subRowsData, {
-      rowPadding,
-      columnPadding
-    }),
-    subRows && subRowsData && !showSubRowsOnExpand && isMappedReactElement(subRowsData) && subRowsData.map(
-      (row) => React__default.cloneElement(row, {
-        rowPadding,
-        columnPadding
-      })
-    ),
-    subTable && subTableData && !showSubTableOnExpand && /* @__PURE__ */ jsx(StyledCell, { colSpan: expandSubProp, children: React__default.cloneElement(subTableData, {
-      rowPadding,
-      columnPadding
-    }) })
-  ] });
-};
-
-export { TableRow };
-//# sourceMappingURL=TableRow.js.map

package/dist/Table/components/TableRow.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableRow.js","sources":["../../../src/Table/components/TableRow.tsx"],"sourcesContent":["import React, { ReactElement, ReactNode, useState } from 'react'\nimport { isReactElement } from '../../utils/isReactElement'\nimport { isMappedReactElement } from '../helpers'\nimport { TableRowProps } from '../types'\nimport { RowActions } from './RowActions'\nimport { StyledCell, StyledRow } from './commonComponents'\n\nexport const TableRow = <T extends object>({\n  rowData,\n  rowIndex,\n  columns,\n  subRows,\n  subTable,\n  stripedColor,\n  rowActions,\n  rowColor,\n  rowBorderColor,\n  rowPadding,\n  columnPadding,\n  showActions,\n  expandable,\n  clickableRow,\n}: TableRowProps<T>) => {\n  const [expandedRows, setExpandedRows] = useState<number[]>([])\n\n  const toggleRowExpansion = (rowIndex: number) => {\n    setExpandedRows((prevState) =>\n      prevState.includes(rowIndex)\n        ? prevState.filter((index) => index !== rowIndex)\n        : [...prevState, rowIndex],\n    )\n  }\n\n  const subRowsData = subRows?.rows(rowData)\n  const subTableData = subTable?.table(rowData)\n  const showSubRowsOnExpand =\n    subRows?.showOnExpand && subRows?.showOnExpand(rowData)\n  const showSubTableOnExpand =\n    subTable?.showOnExpand && subTable?.showOnExpand(rowData)\n\n  const showActionsCell = expandable || rowActions\n  const expandSubProp = showActionsCell ? columns.length + 1 : columns.length\n\n  return (\n    <>\n      <StyledRow\n        stripedColor={stripedColor}\n        rowColor={rowColor}\n        rowBorderColor={rowBorderColor}\n        clickableRow={!!clickableRow}\n        onClick={() => clickableRow && clickableRow(rowData)}\n        tabIndex={clickableRow && 0}\n      >\n        {columns.map((column, columnIndex) => {\n          let cellContent: ReactNode\n          if (column.cell) {\n            cellContent = column.cell(rowData, rowIndex, column, rowIndex)\n          }\n\n          return (\n            <StyledCell\n              key={columnIndex}\n              rowPadding={rowPadding}\n              columnPadding={columnPadding}\n              minWidth={column.minWidth}\n              maxWidth={column.maxWidth}\n              noWrapContent={column.noWrapContent}\n              truncateContent={column.truncateContent}\n              hideOverflow={column.hideOverflow}\n            >\n              {cellContent}\n            </StyledCell>\n          )\n        })}\n\n        {(showActionsCell || showActions) && (\n          <RowActions\n            expandable={expandable}\n            rowActions={rowActions}\n            rowData={rowData}\n            isExpanded={expandedRows.includes(rowIndex)}\n            toggleExpansion={() => toggleRowExpansion(rowIndex)}\n          />\n        )}\n      </StyledRow>\n\n      {/**\n       * This could be extracted out and cleaned up\n       * this section is for expanded rows only\n       * Items rendered here wont show unless expanded\n       */}\n      {expandedRows.includes(rowIndex) && (\n        <>\n          {subRows &&\n            subRowsData &&\n            showSubRowsOnExpand &&\n            isReactElement(subRowsData) &&\n            React.cloneElement(subRowsData as ReactElement, {\n              rowPadding: rowPadding,\n              columnPadding: columnPadding,\n            })}\n\n          {subRows &&\n            subRowsData &&\n            showSubRowsOnExpand &&\n            isMappedReactElement(subRowsData) &&\n            (subRowsData as ReactElement[]).map((row) =>\n              React.cloneElement(row, {\n                rowPadding: rowPadding,\n                showActions: showActionsCell,\n              }),\n            )}\n\n          {subTable && showSubTableOnExpand && subTableData && (\n            <StyledCell colSpan={expandSubProp}>\n              {React.cloneElement(subTableData, {\n                rowPadding: rowPadding,\n                columnPadding: columnPadding,\n              })}\n            </StyledCell>\n          )}\n        </>\n      )}\n\n      {/**\n       * This could be extracted out and cleaned up\n       * this section is for rendering things under a row,\n       * without the need to expand.\n       * Items rendered here wont show when expanded\n       */}\n      {subRows &&\n        subRowsData &&\n        !showSubRowsOnExpand &&\n        isReactElement(subRowsData) &&\n        React.cloneElement(subRowsData as ReactElement, {\n          rowPadding: rowPadding,\n          columnPadding: columnPadding,\n        })}\n\n      {subRows &&\n        subRowsData &&\n        !showSubRowsOnExpand &&\n        isMappedReactElement(subRowsData) &&\n        (subRowsData as ReactElement[]).map((row) =>\n          React.cloneElement(row, {\n            rowPadding: rowPadding,\n            columnPadding: columnPadding,\n          }),\n        )}\n\n      {subTable && subTableData && !showSubTableOnExpand && (\n        <StyledCell colSpan={expandSubProp}>\n          {React.cloneElement(subTableData, {\n            rowPadding: rowPadding,\n            columnPadding: columnPadding,\n          })}\n        </StyledCell>\n      )}\n    </>\n  )\n}\n"],"names":["rowIndex","React"],"mappings":"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"}

package/dist/Table/components/commonComponents.js

@@ -1,123 +0,0 @@
-import { darken } from 'polished';
-import styled, { css } from 'styled-components';
-import { fontStyleMapping } from '../../Text/fontMapping.js';
-import { theme } from '../../theme.js';
-import { focusOutlineStyle } from '../../utils/focusOutline.js';
-
-const StyledTable = styled.table`
-  width: 100%;
-  height: 100%;
-  border-collapse: collapse;
-  overflow: auto;
-  background: ${theme.colors.coconut};
-  border-spacing: 30px;
-`;
-const StyledHeaderCell = styled.th`
-  background: ${theme.colors.coconut};
-  position: ${({ fixedHeader }) => fixedHeader ? "sticky" : "auto"};
-  top: 0;
-  z-index: 2;
-  text-align: left;
-  vertical-align: bottom;
-  ${fontStyleMapping["label"]};
-  padding-left: 8px;
-  padding-right: 8px;
-  padding-top: 8px;
-  padding-bottom: 8px;
-
-  ${({ headerColor }) => headerColor && css`
-      background: ${theme.colors[headerColor]};
-    `}
-
-  ${({ headerHeight }) => headerHeight && css`
-      height: ${headerHeight};
-    `}
-
-  ${({ maxWidth }) => maxWidth && css`
-      max-width: ${maxWidth};
-    `}
-
-  ${({ minWidth }) => minWidth && css`
-      min-width: ${minWidth};
-    `}
-    
-  ${({ columnPadding }) => columnPadding && css`
-      padding-left: ${columnPadding};
-      padding-right: ${columnPadding};
-    `};
-`;
-const StyledCell = styled.td`
-  vertical-align: middle;
-  padding-left: 8px;
-  padding-right: 8px;
-  padding-top: 8px;
-  padding-bottom: 8px;
-
-  ${({ hideOverflow }) => hideOverflow && css`
-      overflow: hidden;
-    `};
-
-  ${({ noWrapContent }) => noWrapContent && css`
-      white-space: nowrap;
-    `};
-
-  ${({ truncateContent }) => truncateContent && css`
-      overflow: hidden;
-      white-space: nowrap;
-      text-overflow: ellipsis;
-    `};
-
-  ${({ stickyCell }) => stickyCell && css`
-      position: sticky;
-      right: 0;
-    `};
-
-  ${({ rowPadding }) => rowPadding && css`
-      padding-top: ${rowPadding};
-      padding-bottom: ${rowPadding};
-    `};
-
-  ${({ columnPadding }) => columnPadding && css`
-      padding-left: ${columnPadding};
-      padding-right: ${columnPadding};
-    `};
-
-  ${({ maxWidth }) => maxWidth && css`
-      max-width: ${maxWidth};
-    `}
-
-  ${({ rowActionsBgColor }) => rowActionsBgColor && css`
-      background: ${theme.colors[rowActionsBgColor]};
-    `}
-`;
-const StyledRow = styled.tr`
-  background: ${theme.colors.custard};
-
-  ${({ rowBorderColor }) => rowBorderColor && css`
-      border-bottom: 1px solid ${theme.colors[rowBorderColor]};
-    `}
-
-  ${({ rowColor }) => rowColor && css`
-      background: ${theme.colors[rowColor]};
-    `}
-
-  ${({ stripedColor }) => stripedColor && css`
-      &:nth-child(even) {
-        background: ${theme.colors[stripedColor]};
-      }
-    `}
-
-    ${({ clickableRow, rowColor }) => clickableRow && css`
-      cursor: pointer;
-      &:hover {
-        background: ${darken(0.1, theme.colors[rowColor ?? "custard"])};
-      }
-      &:focus-visible {
-        ${focusOutlineStyle}
-        background: ${darken(0.1, theme.colors[rowColor ?? "custard"])};
-      }
-    `}
-`;
-
-export { StyledCell, StyledHeaderCell, StyledRow, StyledTable };
-//# sourceMappingURL=commonComponents.js.map

package/dist/Table/components/commonComponents.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"commonComponents.js","sources":["../../../src/Table/components/commonComponents.tsx"],"sourcesContent":["import { darken } from 'polished'\nimport styled, { css } from 'styled-components'\nimport { fontStyleMapping } from '../../Text/fontMapping'\nimport { theme } from '../../theme'\nimport { focusOutlineStyle } from '../../utils/focusOutline'\nimport { TableStylesProps } from '../types'\n\nexport const StyledTable = styled.table<TableStylesProps>`\n  width: 100%;\n  height: 100%;\n  border-collapse: collapse;\n  overflow: auto;\n  background: ${theme.colors.coconut};\n  border-spacing: 30px;\n`\n\nexport const StyledHeaderCell = styled.th<TableStylesProps>`\n  background: ${theme.colors.coconut};\n  position: ${({ fixedHeader }) => (fixedHeader ? 'sticky' : 'auto')};\n  top: 0;\n  z-index: 2;\n  text-align: left;\n  vertical-align: bottom;\n  ${fontStyleMapping['label']};\n  padding-left: 8px;\n  padding-right: 8px;\n  padding-top: 8px;\n  padding-bottom: 8px;\n\n  ${({ headerColor }) =>\n    headerColor &&\n    css`\n      background: ${theme.colors[headerColor]};\n    `}\n\n  ${({ headerHeight }) =>\n    headerHeight &&\n    css`\n      height: ${headerHeight};\n    `}\n\n  ${({ maxWidth }) =>\n    maxWidth &&\n    css`\n      max-width: ${maxWidth};\n    `}\n\n  ${({ minWidth }) =>\n    minWidth &&\n    css`\n      min-width: ${minWidth};\n    `}\n    \n  ${({ columnPadding }) =>\n    columnPadding &&\n    css`\n      padding-left: ${columnPadding};\n      padding-right: ${columnPadding};\n    `};\n`\n\nexport const StyledCell = styled.td<TableStylesProps>`\n  vertical-align: middle;\n  padding-left: 8px;\n  padding-right: 8px;\n  padding-top: 8px;\n  padding-bottom: 8px;\n\n  ${({ hideOverflow }) =>\n    hideOverflow &&\n    css`\n      overflow: hidden;\n    `};\n\n  ${({ noWrapContent }) =>\n    noWrapContent &&\n    css`\n      white-space: nowrap;\n    `};\n\n  ${({ truncateContent }) =>\n    truncateContent &&\n    css`\n      overflow: hidden;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n    `};\n\n  ${({ stickyCell }) =>\n    stickyCell &&\n    css`\n      position: sticky;\n      right: 0;\n    `};\n\n  ${({ rowPadding }) =>\n    rowPadding &&\n    css`\n      padding-top: ${rowPadding};\n      padding-bottom: ${rowPadding};\n    `};\n\n  ${({ columnPadding }) =>\n    columnPadding &&\n    css`\n      padding-left: ${columnPadding};\n      padding-right: ${columnPadding};\n    `};\n\n  ${({ maxWidth }) =>\n    maxWidth &&\n    css`\n      max-width: ${maxWidth};\n    `}\n\n  ${({ rowActionsBgColor }) =>\n    rowActionsBgColor &&\n    css`\n      background: ${theme.colors[rowActionsBgColor]};\n    `}\n`\n\nexport const StyledRow = styled.tr<TableStylesProps>`\n  background: ${theme.colors.custard};\n\n  ${({ rowBorderColor }) =>\n    rowBorderColor &&\n    css`\n      border-bottom: 1px solid ${theme.colors[rowBorderColor]};\n    `}\n\n  ${({ rowColor }) =>\n    rowColor &&\n    css`\n      background: ${theme.colors[rowColor]};\n    `}\n\n  ${({ stripedColor }) =>\n    stripedColor &&\n    css`\n      &:nth-child(even) {\n        background: ${theme.colors[stripedColor]};\n      }\n    `}\n\n    ${({ clickableRow, rowColor }) =>\n    clickableRow &&\n    css`\n      cursor: pointer;\n      &:hover {\n        background: ${darken(0.1, theme.colors[rowColor ?? 'custard'])};\n      }\n      &:focus-visible {\n        ${focusOutlineStyle}\n        background: ${darken(0.1, theme.colors[rowColor ?? 'custard'])};\n      }\n    `}\n`\n"],"names":[],"mappings":"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"}

package/dist/Table/helpers.js

@@ -1,17 +0,0 @@
-import { isValidElement } from 'react';
-
-const isMappedReactElement = (obj) => {
-  if (!Array.isArray(obj))
-    return false;
-  if (!obj[0])
-    return false;
-  if (!isValidElement(obj[0]))
-    return false;
-  const allReactElements = obj.every(
-    (val, i, arr) => typeof val === typeof arr[0]
-  );
-  return allReactElements;
-};
-
-export { isMappedReactElement };
-//# sourceMappingURL=helpers.js.map

package/dist/Table/helpers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"helpers.js","sources":["../../src/Table/helpers.ts"],"sourcesContent":["import { ReactElement, isValidElement } from 'react'\n\nexport const isMappedReactElement = (obj: unknown): obj is ReactElement[] => {\n  if (!Array.isArray(obj)) return false\n  if (!obj[0]) return false\n  if (!isValidElement(obj[0])) return false\n  const allReactElements = obj.every(\n    (val, i, arr) => typeof val === typeof arr[0],\n  )\n  return allReactElements\n}\n"],"names":[],"mappings":";;AAEa,MAAA,oBAAA,GAAuB,CAAC,GAAwC,KAAA;AAC3E,EAAI,IAAA,CAAC,KAAM,CAAA,OAAA,CAAQ,GAAG,CAAA;AAAG,IAAO,OAAA,KAAA,CAAA;AAChC,EAAI,IAAA,CAAC,IAAI,CAAC,CAAA;AAAG,IAAO,OAAA,KAAA,CAAA;AACpB,EAAA,IAAI,CAAC,cAAA,CAAe,GAAI,CAAA,CAAC,CAAC,CAAA;AAAG,IAAO,OAAA,KAAA,CAAA;AACpC,EAAA,MAAM,mBAAmB,GAAI,CAAA,KAAA;AAAA,IAC3B,CAAC,KAAK,CAAG,EAAA,GAAA,KAAQ,OAAO,GAAQ,KAAA,OAAO,IAAI,CAAC,CAAA;AAAA,GAC9C,CAAA;AACA,EAAO,OAAA,gBAAA,CAAA;AACT;;;;"}

package/dist/Tag/Tag.js

@@ -1,48 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import styled from 'styled-components';
-import { Text } from '../Text/Text.js';
-import { theme } from '../theme.js';
-import { Box } from '../Box/Box.js';
-
-const Tag = ({
-  label,
-  color,
-  borderColor,
-  bgColor,
-  className,
-  ...marginProps
-}) => /* @__PURE__ */ jsx(
-  Wrapper,
-  {
-    bgColor,
-    className,
-    borderColor,
-    ...marginProps,
-    alignContent: "center",
-    justifyContent: "center",
-    children: /* @__PURE__ */ jsx(TagText, { tag: "span", typo: "label", color, children: label })
-  }
-);
-const Wrapper = styled(Box)`
-  background-color: ${({ bgColor }) => bgColor && theme.colors[bgColor]};
-  border: ${({ borderColor }) => borderColor && `1px solid ${theme.colors[borderColor]}`};
-
-  border-radius: 6px;
-  padding: 4px 8px;
-
-  height: 22px;
-
-  box-sizing: border-box;
-  display: inline-flex;
-`;
-const TagText = styled(Text)`
-  display: flex;
-  align-items: center;
-  font-size: 10px;
-  font-weight: 500;
-  line-height: 12px;
-  text-transform: uppercase;
-`;
-
-export { Tag };
-//# sourceMappingURL=Tag.js.map

package/dist/Tag/Tag.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tag.js","sources":["../../src/Tag/Tag.tsx"],"sourcesContent":["import React, { FC } from 'react'\nimport styled from 'styled-components'\nimport { MarginProps } from '../utils/space'\n\nimport { Text } from '../Text'\nimport { Color, theme } from '../theme'\nimport { Box } from '../Box'\n\nexport type TagProps = {\n  label: string\n  color: Color\n  bgColor: Color\n  borderColor?: Color\n  className?: string\n} & MarginProps\n\nexport const Tag: FC<TagProps> = ({\n  label,\n  color,\n  borderColor,\n  bgColor,\n  className,\n  ...marginProps\n}) => (\n  <Wrapper\n    bgColor={bgColor}\n    className={className}\n    borderColor={borderColor}\n    {...marginProps}\n    alignContent=\"center\"\n    justifyContent=\"center\"\n  >\n    <TagText tag=\"span\" typo=\"label\" color={color}>\n      {label}\n    </TagText>\n  </Wrapper>\n)\n\ntype WrapperProps = Pick<TagProps, 'bgColor' | 'borderColor'>\n\nconst Wrapper = styled(Box)<WrapperProps>`\n  background-color: ${({ bgColor }) => bgColor && theme.colors[bgColor]};\n  border: ${({ borderColor }) =>\n    borderColor && `1px solid ${theme.colors[borderColor]}`};\n\n  border-radius: 6px;\n  padding: 4px 8px;\n\n  height: 22px;\n\n  box-sizing: border-box;\n  display: inline-flex;\n`\n\nconst TagText = styled(Text)`\n  display: flex;\n  align-items: center;\n  font-size: 10px;\n  font-weight: 500;\n  line-height: 12px;\n  text-transform: uppercase;\n`\n"],"names":[],"mappings":";;;;;;AAgBO,MAAM,MAAoB,CAAC;AAAA,EAChC,KAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG,WAAA;AACL,CACE,qBAAA,GAAA;AAAA,EAAC,OAAA;AAAA,EAAA;AAAA,IACC,OAAA;AAAA,IACA,SAAA;AAAA,IACA,WAAA;AAAA,IACC,GAAG,WAAA;AAAA,IACJ,YAAa,EAAA,QAAA;AAAA,IACb,cAAe,EAAA,QAAA;AAAA,IAEf,8BAAC,OAAQ,EAAA,EAAA,GAAA,EAAI,QAAO,IAAK,EAAA,OAAA,EAAQ,OAC9B,QACH,EAAA,KAAA,EAAA,CAAA;AAAA,GAAA;AACF,EAAA;AAKF,MAAM,OAAA,GAAU,OAAO,GAAG,CAAA,CAAA;AAAA,oBACJ,EAAA,CAAC,EAAE,OAAQ,EAAA,KAAM,WAAW,KAAM,CAAA,MAAA,CAAO,OAAO,CAAC,CAAA;AAAA,UAC3D,EAAA,CAAC,EAAE,WAAA,EACX,KAAA,WAAA,IAAe,aAAa,KAAM,CAAA,MAAA,CAAO,WAAW,CAAC,CAAE,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAW3D,MAAM,OAAA,GAAU,OAAO,IAAI,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA;;;;"}