@okta/odyssey-react-mui 1.43.0 → 1.44.0

package/dist/cjs/labs/DataView/DataCard.cjs

@@ -9,14 +9,14 @@ var _CardActionArea2 = _interopRequireDefault(require("@mui/material/CardActionA
 var _CardActions2 = _interopRequireDefault(require("@mui/material/CardActions"));
 var _Tooltip2 = _interopRequireDefault(require("@mui/material/Tooltip"));
 var _IconButton2 = _interopRequireDefault(require("@mui/material/IconButton"));
-var _react = require("react");
 var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _react = require("react");
 var _reactI18next = require("react-i18next");
 var _Box = require("../../Box.cjs");
 var _index = require("../../Buttons/index.cjs");
+var _index2 = require("../../icons.generated/index.cjs");
 var _OdysseyDesignTokensContext = require("../../OdysseyDesignTokensContext.cjs");
 var _Typography = require("../../Typography.cjs");
-var _index2 = require("../../icons.generated/index.cjs");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /*!
@@ -144,9 +144,9 @@ const DataCard = ({
     }) ? (0, _jsxRuntime.jsx)(_Tooltip2.default, {
       title: isDetailPanelOpen ? t("table.rowexpansion.collapse") : t("table.rowexpansion.expand"),
       children: (0, _jsxRuntime.jsx)(_IconButton2.default, {
+        "aria-label": isDetailPanelOpen ? t("table.rowexpansion.collapse") : t("table.rowexpansion.expand"),
         children: isDetailPanelOpen ? (0, _jsxRuntime.jsx)(_index2.ChevronUpIcon, {}) : (0, _jsxRuntime.jsx)(_index2.ChevronDownIcon, {}),
-        onClick: () => setIsDetailPanelOpen(!isDetailPanelOpen),
-        "aria-label": isDetailPanelOpen ? t("table.rowexpansion.collapse") : t("table.rowexpansion.expand")
+        onClick: () => setIsDetailPanelOpen(!isDetailPanelOpen)
       })
     }) : (0, _jsxRuntime.jsx)(StyledAccessoryPlaceholder, {
       disabled: true,
@@ -170,11 +170,11 @@ const DataCard = ({
       children: [(AccessoryProp || renderDetailPanel) && (0, _jsxRuntime.jsx)(_Box.Box, {
         children: Accessory
       }), (0, _jsxRuntime.jsxs)(StyledCardImageAndContentContainer, {
-        variant: variant,
         centerContent: shouldCenterContent,
+        variant: variant,
         children: [image && (0, _jsxRuntime.jsx)(StyledImageContainer, {
-          odysseyDesignTokens: odysseyDesignTokens,
           hasMenuButtonChildren: Boolean(menuButtonChildren),
+          odysseyDesignTokens: odysseyDesignTokens,
           variant: variant,
           children: image
         }), (0, _jsxRuntime.jsxs)(StyledCardContent, {
@@ -217,9 +217,9 @@ const DataCard = ({
       odysseyDesignTokens: odysseyDesignTokens,
       variant: variant,
       children: (0, _jsxRuntime.jsx)(_index.MenuButton, {
-        endIcon: (0, _jsxRuntime.jsx)(_index2.MoreIcon, {}),
         ariaLabel: t("table.moreactions.arialabel"),
         buttonVariant: "floating",
+        endIcon: (0, _jsxRuntime.jsx)(_index2.MoreIcon, {}),
         menuAlignment: "right",
         size: "small",
         tooltipText: t("table.actions"),

package/dist/cjs/labs/DataView/DataCard.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DataCard.cjs","names":["_react","require","_styled","_interopRequireDefault","_reactI18next","_Box","_index","_OdysseyDesignTokensContext","_Typography","_index2","_jsxRuntime","e","__esModule","default","CARD_IMAGE_SIZE","exports","CARD_IMAGE_SIZE_COMPACT","cardVariantValues","StyledAccessoryContainer","styled","shouldForwardProp","prop","odysseyDesignTokens","variant","display","flexDirection","alignItems","gap","Spacing2","height","StyledImageContainer","hasMenuButtonChildren","maxHeight","marginBlockEnd","Spacing5","paddingRight","StyledMenuButtonContainer","position","right","Spacing3","top","Spacing4","StyledCardInnerContainer","StyledCardImageAndContentContainer","centerContent","StyledCardContent","Spacing1","StyledCardChildrenContainer","marginBlockStart","StyledAccessoryPlaceholder","_IconButton2","visibility","buttonProviderValue","isFullWidth","DataCard","Accessory","AccessoryProp","button","children","description","image","menuButtonChildren","onClick","overline","renderDetailPanel","row","title","useOdysseyDesignTokens","t","useTranslation","isDetailPanelOpen","setIsDetailPanelOpen","useState","ExpansionToggle","useMemo","jsx","_Tooltip2","ChevronUpIcon","ChevronDownIcon","disabled","jsxs","cardContent","countDefinedProps","props","filter","undefined","length","shouldCenterContent","Box","Boolean","Support","component","Heading5","Paragraph","color","_CardActions2","ButtonContext","Provider","value","_Card2","className","role","_CardActionArea2","MenuButton","endIcon","MoreIcon","ariaLabel","buttonVariant","menuAlignment","size","tooltipText","MemoizedDataCard","memo","displayName"],"sources":["../../../../src/labs/DataView/DataCard.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport {\n  MouseEventHandler,\n  ReactElement,\n  memo,\n  useMemo,\n  ReactNode,\n  useState,\n} from \"react\";\nimport {\n  IconButton as MuiIconButton,\n  Card as MuiCard,\n  CardActions as MuiCardActions,\n  CardActionArea as MuiCardActionArea,\n  Tooltip as MuiTooltip,\n} from \"@mui/material\";\nimport styled from \"@emotion/styled\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { Box } from \"../../Box.js\";\nimport {\n  Button,\n  ButtonContext,\n  MenuButton,\n  MenuButtonProps,\n} from \"../../Buttons/index.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../../OdysseyDesignTokensContext.js\";\nimport { Heading5, Paragraph, Support } from \"../../Typography.js\";\nimport {\n  ChevronDownIcon,\n  ChevronUpIcon,\n  MoreIcon,\n} from \"../../icons.generated/index.js\";\nimport { CardLayoutProps } from \"./componentTypes.js\";\nimport { MRT_RowData } from \"material-react-table\";\n\nexport const CARD_IMAGE_SIZE = \"64px\";\nexport const CARD_IMAGE_SIZE_COMPACT = \"48px\";\n\nexport const cardVariantValues = [\"tile\", \"stack\", \"compact\"] as const;\n\nexport type DataCardProps<TData extends MRT_RowData> = {\n  children?: ReactNode;\n  description?: string;\n  image?: ReactElement;\n  overline?: string;\n  renderDetailPanel?: CardLayoutProps<TData>[\"renderDetailPanel\"];\n  row: TData;\n  title?: string;\n  variant?: (typeof cardVariantValues)[number];\n} & (\n  | {\n      Accessory?: never;\n      button?: never;\n      menuButtonChildren?: never;\n      onClick: MouseEventHandler;\n    }\n  | {\n      Accessory?: ReactNode;\n      button?: ReactElement<typeof Button>;\n      menuButtonChildren?: MenuButtonProps[\"children\"];\n      onClick?: never;\n    }\n);\n\ntype DataCardComponent = (<TData extends MRT_RowData>(\n  props: DataCardProps<TData>,\n) => JSX.Element) & {\n  displayName?: string;\n};\n\nconst StyledAccessoryContainer = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" && prop !== \"variant\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n  variant: (typeof cardVariantValues)[number];\n}>(({ odysseyDesignTokens, variant }) => ({\n  display: \"flex\",\n  flexDirection: variant === \"compact\" ? \"row\" : \"column\",\n  alignItems: \"center\",\n  gap: odysseyDesignTokens.Spacing2,\n  height: variant === \"compact\" ? CARD_IMAGE_SIZE_COMPACT : \"auto\",\n}));\n\nconst StyledImageContainer = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" &&\n    prop !== \"hasMenuButtonChildren\" &&\n    prop !== \"variant\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n  hasMenuButtonChildren: boolean;\n  variant: (typeof cardVariantValues)[number];\n}>(({ odysseyDesignTokens, hasMenuButtonChildren, variant }) => ({\n  display: \"flex\",\n  alignItems: \"flex-start\",\n  height: variant === \"compact\" ? CARD_IMAGE_SIZE_COMPACT : CARD_IMAGE_SIZE,\n  maxHeight: variant === \"compact\" ? CARD_IMAGE_SIZE_COMPACT : CARD_IMAGE_SIZE,\n  marginBlockEnd: variant === \"tile\" ? odysseyDesignTokens.Spacing5 : 0,\n  paddingRight: hasMenuButtonChildren ? odysseyDesignTokens.Spacing5 : 0,\n}));\n\nconst StyledMenuButtonContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n  variant: (typeof cardVariantValues)[number];\n}>(({ odysseyDesignTokens, variant }) => ({\n  position: \"absolute\",\n  right: odysseyDesignTokens.Spacing3,\n  top:\n    variant === \"compact\"\n      ? odysseyDesignTokens.Spacing4\n      : odysseyDesignTokens.Spacing3,\n  height: variant === \"compact\" ? CARD_IMAGE_SIZE_COMPACT : \"auto\",\n  display: \"flex\",\n  alignItems: \"center\",\n}));\n\nconst StyledCardInnerContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  display: \"flex\",\n  gap: odysseyDesignTokens.Spacing3,\n}));\n\nconst StyledCardImageAndContentContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"variant\" && prop !== \"centerContent\",\n})<{ variant: (typeof cardVariantValues)[number]; centerContent: boolean }>(\n  ({ variant, centerContent }) => ({\n    display: \"flex\",\n    flexDirection: variant === \"tile\" ? \"column\" : \"row\",\n    alignItems: centerContent ? \"center\" : \"flex-start\",\n  }),\n);\n\nconst StyledCardContent = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" && prop !== \"variant\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n  variant: (typeof cardVariantValues)[number];\n}>(({ odysseyDesignTokens, variant }) => ({\n  \"& > .MuiTypography-h5:not(:last-child)\": {\n    marginBlockEnd: `${variant === \"compact\" ? odysseyDesignTokens.Spacing1 : odysseyDesignTokens.Spacing3} !important`,\n  },\n  \"& > *:last-child\": {\n    marginBlockEnd: 0,\n  },\n}));\n\nconst StyledCardChildrenContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  [\"&:not(:first-child)\"]: {\n    marginBlockStart: odysseyDesignTokens.Spacing3,\n  },\n}));\n\nconst StyledAccessoryPlaceholder = styled(MuiIconButton)({\n  visibility: \"hidden\",\n});\n\nconst buttonProviderValue = { isFullWidth: true };\n\nconst DataCard: DataCardComponent = <TData extends MRT_RowData>({\n  Accessory: AccessoryProp,\n  button,\n  children,\n  description,\n  image,\n  menuButtonChildren,\n  onClick,\n  overline,\n  renderDetailPanel,\n  row,\n  title,\n  variant = \"tile\",\n}: DataCardProps<TData>) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const { t } = useTranslation();\n\n  const [isDetailPanelOpen, setIsDetailPanelOpen] = useState<boolean>(false);\n\n  const ExpansionToggle = useMemo(() => {\n    return renderDetailPanel?.({ row }) ? (\n      <MuiTooltip\n        title={\n          isDetailPanelOpen\n            ? t(\"table.rowexpansion.collapse\")\n            : t(\"table.rowexpansion.expand\")\n        }\n      >\n        <MuiIconButton\n          children={isDetailPanelOpen ? <ChevronUpIcon /> : <ChevronDownIcon />}\n          onClick={() => setIsDetailPanelOpen(!isDetailPanelOpen)}\n          aria-label={\n            isDetailPanelOpen\n              ? t(\"table.rowexpansion.collapse\")\n              : t(\"table.rowexpansion.expand\")\n          }\n        />\n      </MuiTooltip>\n    ) : (\n      <StyledAccessoryPlaceholder disabled>\n        <ChevronDownIcon />\n      </StyledAccessoryPlaceholder>\n    );\n  }, [isDetailPanelOpen, renderDetailPanel, row, t]);\n\n  const Accessory = useMemo(() => {\n    return (\n      <StyledAccessoryContainer\n        odysseyDesignTokens={odysseyDesignTokens}\n        variant={variant}\n      >\n        {AccessoryProp}\n        {renderDetailPanel && ExpansionToggle}\n      </StyledAccessoryContainer>\n    );\n  }, [\n    AccessoryProp,\n    ExpansionToggle,\n    odysseyDesignTokens,\n    renderDetailPanel,\n    variant,\n  ]);\n\n  const cardContent = useMemo(() => {\n    const countDefinedProps = (\n      props: Array<string | ReactNode | undefined>,\n    ) => {\n      return props.filter((prop) => prop !== undefined).length;\n    };\n\n    const shouldCenterContent =\n      variant === \"compact\" &&\n      (!renderDetailPanel || !isDetailPanelOpen) &&\n      countDefinedProps([title, description, overline, button, children]) <= 2;\n\n    return (\n      <StyledCardInnerContainer odysseyDesignTokens={odysseyDesignTokens}>\n        {(AccessoryProp || renderDetailPanel) && <Box>{Accessory}</Box>}\n        <StyledCardImageAndContentContainer\n          variant={variant}\n          centerContent={shouldCenterContent}\n        >\n          {image && (\n            <StyledImageContainer\n              odysseyDesignTokens={odysseyDesignTokens}\n              hasMenuButtonChildren={Boolean(menuButtonChildren)}\n              variant={variant}\n            >\n              {image}\n            </StyledImageContainer>\n          )}\n\n          <StyledCardContent\n            odysseyDesignTokens={odysseyDesignTokens}\n            variant={variant}\n          >\n            {overline && <Support component=\"div\">{overline}</Support>}\n            {title && <Heading5 component=\"div\">{title}</Heading5>}\n            {description && (\n              <Paragraph color=\"textSecondary\">{description}</Paragraph>\n            )}\n\n            {button && (\n              <MuiCardActions>\n                <ButtonContext.Provider value={buttonProviderValue}>\n                  {button}\n                </ButtonContext.Provider>\n              </MuiCardActions>\n            )}\n\n            {children && (\n              <StyledCardChildrenContainer\n                odysseyDesignTokens={odysseyDesignTokens}\n              >\n                {children}\n              </StyledCardChildrenContainer>\n            )}\n\n            {renderDetailPanel && isDetailPanelOpen && (\n              <StyledCardChildrenContainer\n                odysseyDesignTokens={odysseyDesignTokens}\n              >\n                {renderDetailPanel({ row })}\n              </StyledCardChildrenContainer>\n            )}\n          </StyledCardContent>\n        </StyledCardImageAndContentContainer>\n      </StyledCardInnerContainer>\n    );\n  }, [\n    odysseyDesignTokens,\n    AccessoryProp,\n    renderDetailPanel,\n    Accessory,\n    variant,\n    image,\n    menuButtonChildren,\n    overline,\n    title,\n    description,\n    button,\n    children,\n    isDetailPanelOpen,\n    row,\n  ]);\n\n  return (\n    <MuiCard\n      className={`${onClick ? \"isClickable\" : \"\"} ${Accessory ? \"hasAccessory\" : \"\"} ods-card-${variant}`}\n      role=\"listitem\"\n    >\n      {onClick ? (\n        <MuiCardActionArea onClick={onClick}>{cardContent}</MuiCardActionArea>\n      ) : (\n        cardContent\n      )}\n\n      {menuButtonChildren && (\n        <StyledMenuButtonContainer\n          odysseyDesignTokens={odysseyDesignTokens}\n          variant={variant}\n        >\n          <MenuButton\n            endIcon={<MoreIcon />}\n            ariaLabel={t(\"table.moreactions.arialabel\")}\n            buttonVariant=\"floating\"\n            menuAlignment=\"right\"\n            size=\"small\"\n            tooltipText={t(\"table.actions\")}\n          >\n            {menuButtonChildren}\n          </MenuButton>\n        </StyledMenuButtonContainer>\n      )}\n    </MuiCard>\n  );\n};\n\nconst MemoizedDataCard = memo(DataCard) as DataCardComponent;\nMemoizedDataCard.displayName = \"DataCard\";\n\nexport { MemoizedDataCard as DataCard };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DataCard.cjs","names":["_styled","_interopRequireDefault","require","_react","_reactI18next","_Box","_index","_index2","_OdysseyDesignTokensContext","_Typography","_jsxRuntime","e","__esModule","default","CARD_IMAGE_SIZE","exports","CARD_IMAGE_SIZE_COMPACT","cardVariantValues","StyledAccessoryContainer","styled","shouldForwardProp","prop","odysseyDesignTokens","variant","display","flexDirection","alignItems","gap","Spacing2","height","StyledImageContainer","hasMenuButtonChildren","maxHeight","marginBlockEnd","Spacing5","paddingRight","StyledMenuButtonContainer","position","right","Spacing3","top","Spacing4","StyledCardInnerContainer","StyledCardImageAndContentContainer","centerContent","StyledCardContent","Spacing1","StyledCardChildrenContainer","marginBlockStart","StyledAccessoryPlaceholder","_IconButton2","visibility","buttonProviderValue","isFullWidth","DataCard","Accessory","AccessoryProp","button","children","description","image","menuButtonChildren","onClick","overline","renderDetailPanel","row","title","useOdysseyDesignTokens","t","useTranslation","isDetailPanelOpen","setIsDetailPanelOpen","useState","ExpansionToggle","useMemo","jsx","_Tooltip2","ChevronUpIcon","ChevronDownIcon","disabled","jsxs","cardContent","countDefinedProps","props","filter","undefined","length","shouldCenterContent","Box","Boolean","Support","component","Heading5","Paragraph","color","_CardActions2","ButtonContext","Provider","value","_Card2","className","role","_CardActionArea2","MenuButton","ariaLabel","buttonVariant","endIcon","MoreIcon","menuAlignment","size","tooltipText","MemoizedDataCard","memo","displayName"],"sources":["../../../../src/labs/DataView/DataCard.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport styled from \"@emotion/styled\";\nimport {\n  Card as MuiCard,\n  CardActionArea as MuiCardActionArea,\n  CardActions as MuiCardActions,\n  IconButton as MuiIconButton,\n  Tooltip as MuiTooltip,\n} from \"@mui/material\";\nimport { MRT_RowData } from \"material-react-table\";\nimport {\n  memo,\n  MouseEventHandler,\n  ReactElement,\n  ReactNode,\n  useMemo,\n  useState,\n} from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { Box } from \"../../Box.js\";\nimport {\n  Button,\n  ButtonContext,\n  MenuButton,\n  MenuButtonProps,\n} from \"../../Buttons/index.js\";\nimport {\n  ChevronDownIcon,\n  ChevronUpIcon,\n  MoreIcon,\n} from \"../../icons.generated/index.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../../OdysseyDesignTokensContext.js\";\nimport { Heading5, Paragraph, Support } from \"../../Typography.js\";\nimport { CardLayoutProps } from \"./componentTypes.js\";\n\nexport const CARD_IMAGE_SIZE = \"64px\";\nexport const CARD_IMAGE_SIZE_COMPACT = \"48px\";\n\nexport const cardVariantValues = [\"tile\", \"stack\", \"compact\"] as const;\n\nexport type DataCardProps<TData extends MRT_RowData> = {\n  children?: ReactNode;\n  description?: string;\n  image?: ReactElement;\n  overline?: string;\n  renderDetailPanel?: CardLayoutProps<TData>[\"renderDetailPanel\"];\n  row: TData;\n  title?: string;\n  variant?: (typeof cardVariantValues)[number];\n} & (\n  | {\n      Accessory?: never;\n      button?: never;\n      menuButtonChildren?: never;\n      onClick: MouseEventHandler;\n    }\n  | {\n      Accessory?: ReactNode;\n      button?: ReactElement<typeof Button>;\n      menuButtonChildren?: MenuButtonProps[\"children\"];\n      onClick?: never;\n    }\n);\n\ntype DataCardComponent = (<TData extends MRT_RowData>(\n  props: DataCardProps<TData>,\n) => JSX.Element) & {\n  displayName?: string;\n};\n\nconst StyledAccessoryContainer = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" && prop !== \"variant\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n  variant: (typeof cardVariantValues)[number];\n}>(({ odysseyDesignTokens, variant }) => ({\n  display: \"flex\",\n  flexDirection: variant === \"compact\" ? \"row\" : \"column\",\n  alignItems: \"center\",\n  gap: odysseyDesignTokens.Spacing2,\n  height: variant === \"compact\" ? CARD_IMAGE_SIZE_COMPACT : \"auto\",\n}));\n\nconst StyledImageContainer = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" &&\n    prop !== \"hasMenuButtonChildren\" &&\n    prop !== \"variant\",\n})<{\n  hasMenuButtonChildren: boolean;\n  odysseyDesignTokens: DesignTokens;\n  variant: (typeof cardVariantValues)[number];\n}>(({ odysseyDesignTokens, hasMenuButtonChildren, variant }) => ({\n  display: \"flex\",\n  alignItems: \"flex-start\",\n  height: variant === \"compact\" ? CARD_IMAGE_SIZE_COMPACT : CARD_IMAGE_SIZE,\n  maxHeight: variant === \"compact\" ? CARD_IMAGE_SIZE_COMPACT : CARD_IMAGE_SIZE,\n  marginBlockEnd: variant === \"tile\" ? odysseyDesignTokens.Spacing5 : 0,\n  paddingRight: hasMenuButtonChildren ? odysseyDesignTokens.Spacing5 : 0,\n}));\n\nconst StyledMenuButtonContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n  variant: (typeof cardVariantValues)[number];\n}>(({ odysseyDesignTokens, variant }) => ({\n  position: \"absolute\",\n  right: odysseyDesignTokens.Spacing3,\n  top:\n    variant === \"compact\"\n      ? odysseyDesignTokens.Spacing4\n      : odysseyDesignTokens.Spacing3,\n  height: variant === \"compact\" ? CARD_IMAGE_SIZE_COMPACT : \"auto\",\n  display: \"flex\",\n  alignItems: \"center\",\n}));\n\nconst StyledCardInnerContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  display: \"flex\",\n  gap: odysseyDesignTokens.Spacing3,\n}));\n\nconst StyledCardImageAndContentContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"variant\" && prop !== \"centerContent\",\n})<{ centerContent: boolean; variant: (typeof cardVariantValues)[number] }>(\n  ({ variant, centerContent }) => ({\n    display: \"flex\",\n    flexDirection: variant === \"tile\" ? \"column\" : \"row\",\n    alignItems: centerContent ? \"center\" : \"flex-start\",\n  }),\n);\n\nconst StyledCardContent = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" && prop !== \"variant\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n  variant: (typeof cardVariantValues)[number];\n}>(({ odysseyDesignTokens, variant }) => ({\n  \"& > .MuiTypography-h5:not(:last-child)\": {\n    marginBlockEnd: `${variant === \"compact\" ? odysseyDesignTokens.Spacing1 : odysseyDesignTokens.Spacing3} !important`,\n  },\n  \"& > *:last-child\": {\n    marginBlockEnd: 0,\n  },\n}));\n\nconst StyledCardChildrenContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  [\"&:not(:first-child)\"]: {\n    marginBlockStart: odysseyDesignTokens.Spacing3,\n  },\n}));\n\nconst StyledAccessoryPlaceholder = styled(MuiIconButton)({\n  visibility: \"hidden\",\n});\n\nconst buttonProviderValue = { isFullWidth: true };\n\nconst DataCard: DataCardComponent = <TData extends MRT_RowData>({\n  Accessory: AccessoryProp,\n  button,\n  children,\n  description,\n  image,\n  menuButtonChildren,\n  onClick,\n  overline,\n  renderDetailPanel,\n  row,\n  title,\n  variant = \"tile\",\n}: DataCardProps<TData>) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const { t } = useTranslation();\n\n  const [isDetailPanelOpen, setIsDetailPanelOpen] = useState<boolean>(false);\n\n  const ExpansionToggle = useMemo(() => {\n    return renderDetailPanel?.({ row }) ? (\n      <MuiTooltip\n        title={\n          isDetailPanelOpen\n            ? t(\"table.rowexpansion.collapse\")\n            : t(\"table.rowexpansion.expand\")\n        }\n      >\n        <MuiIconButton\n          aria-label={\n            isDetailPanelOpen\n              ? t(\"table.rowexpansion.collapse\")\n              : t(\"table.rowexpansion.expand\")\n          }\n          children={isDetailPanelOpen ? <ChevronUpIcon /> : <ChevronDownIcon />}\n          onClick={() => setIsDetailPanelOpen(!isDetailPanelOpen)}\n        />\n      </MuiTooltip>\n    ) : (\n      <StyledAccessoryPlaceholder disabled>\n        <ChevronDownIcon />\n      </StyledAccessoryPlaceholder>\n    );\n  }, [isDetailPanelOpen, renderDetailPanel, row, t]);\n\n  const Accessory = useMemo(() => {\n    return (\n      <StyledAccessoryContainer\n        odysseyDesignTokens={odysseyDesignTokens}\n        variant={variant}\n      >\n        {AccessoryProp}\n        {renderDetailPanel && ExpansionToggle}\n      </StyledAccessoryContainer>\n    );\n  }, [\n    AccessoryProp,\n    ExpansionToggle,\n    odysseyDesignTokens,\n    renderDetailPanel,\n    variant,\n  ]);\n\n  const cardContent = useMemo(() => {\n    const countDefinedProps = (\n      props: Array<string | ReactNode | undefined>,\n    ) => {\n      return props.filter((prop) => prop !== undefined).length;\n    };\n\n    const shouldCenterContent =\n      variant === \"compact\" &&\n      (!renderDetailPanel || !isDetailPanelOpen) &&\n      countDefinedProps([title, description, overline, button, children]) <= 2;\n\n    return (\n      <StyledCardInnerContainer odysseyDesignTokens={odysseyDesignTokens}>\n        {(AccessoryProp || renderDetailPanel) && <Box>{Accessory}</Box>}\n        <StyledCardImageAndContentContainer\n          centerContent={shouldCenterContent}\n          variant={variant}\n        >\n          {image && (\n            <StyledImageContainer\n              hasMenuButtonChildren={Boolean(menuButtonChildren)}\n              odysseyDesignTokens={odysseyDesignTokens}\n              variant={variant}\n            >\n              {image}\n            </StyledImageContainer>\n          )}\n\n          <StyledCardContent\n            odysseyDesignTokens={odysseyDesignTokens}\n            variant={variant}\n          >\n            {overline && <Support component=\"div\">{overline}</Support>}\n            {title && <Heading5 component=\"div\">{title}</Heading5>}\n            {description && (\n              <Paragraph color=\"textSecondary\">{description}</Paragraph>\n            )}\n\n            {button && (\n              <MuiCardActions>\n                <ButtonContext.Provider value={buttonProviderValue}>\n                  {button}\n                </ButtonContext.Provider>\n              </MuiCardActions>\n            )}\n\n            {children && (\n              <StyledCardChildrenContainer\n                odysseyDesignTokens={odysseyDesignTokens}\n              >\n                {children}\n              </StyledCardChildrenContainer>\n            )}\n\n            {renderDetailPanel && isDetailPanelOpen && (\n              <StyledCardChildrenContainer\n                odysseyDesignTokens={odysseyDesignTokens}\n              >\n                {renderDetailPanel({ row })}\n              </StyledCardChildrenContainer>\n            )}\n          </StyledCardContent>\n        </StyledCardImageAndContentContainer>\n      </StyledCardInnerContainer>\n    );\n  }, [\n    odysseyDesignTokens,\n    AccessoryProp,\n    renderDetailPanel,\n    Accessory,\n    variant,\n    image,\n    menuButtonChildren,\n    overline,\n    title,\n    description,\n    button,\n    children,\n    isDetailPanelOpen,\n    row,\n  ]);\n\n  return (\n    <MuiCard\n      className={`${onClick ? \"isClickable\" : \"\"} ${Accessory ? \"hasAccessory\" : \"\"} ods-card-${variant}`}\n      role=\"listitem\"\n    >\n      {onClick ? (\n        <MuiCardActionArea onClick={onClick}>{cardContent}</MuiCardActionArea>\n      ) : (\n        cardContent\n      )}\n\n      {menuButtonChildren && (\n        <StyledMenuButtonContainer\n          odysseyDesignTokens={odysseyDesignTokens}\n          variant={variant}\n        >\n          <MenuButton\n            ariaLabel={t(\"table.moreactions.arialabel\")}\n            buttonVariant=\"floating\"\n            endIcon={<MoreIcon />}\n            menuAlignment=\"right\"\n            size=\"small\"\n            tooltipText={t(\"table.actions\")}\n          >\n            {menuButtonChildren}\n          </MenuButton>\n        </StyledMenuButtonContainer>\n      )}\n    </MuiCard>\n  );\n};\n\nconst MemoizedDataCard = memo(DataCard) as DataCardComponent;\nMemoizedDataCard.displayName = \"DataCard\";\n\nexport { MemoizedDataCard as DataCard };\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/labs/DataView/DataTable.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.cjs","names":["_react","require","_DataView","_jsxRuntime","DataTable","additionalActionButton","additionalActionMenuItems","bulkActionMenuItems","columns","currentPage","emptyPlaceholder","errorMessage","filters","getData","hasChangeableDensity","hasColumnResizing","hasColumnVisibility","initialDensity","hasFilters","hasPagination","hasRowReordering","hasRowSelection","hasSearch","hasSearchSubmitButton","hasSorting","isLoading","isEmpty","isNoResults","isPaginationMoreDisabled","isRowReorderingDisabled","maxResultsPerPage","maxPages","noResultsPlaceholder","onChangeRowSelection","paginationType","renderDetailPanel","resultsPerPage","rowActionButtons","rowActionMenuItems","searchDelayTime","totalRows","tableLayoutOptions","useMemo","jsx","DataView","availableLayouts","MemoizedDataTable","exports","memo","displayName"],"sources":["../../../../src/labs/DataView/DataTable.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { memo, useMemo } from \"react\";\n\nimport { DataView } from \"./DataView.js\";\nimport { TableLayoutProps, UniversalProps } from \"./componentTypes.js\";\nimport { MRT_RowData } from \"material-react-table\";\n\nexport type DataTableProps<TData extends MRT_RowData> = UniversalProps<TData> &\n  TableLayoutProps<TData>;\ntype DataTableComponent = (<TData extends MRT_RowData>(\n  props: DataTableProps<TData>,\n) => JSX.Element) & {\n  displayName?: string;\n};\n\nconst DataTable = <TData extends MRT_RowData>({\n  additionalActionButton,\n  additionalActionMenuItems,\n  bulkActionMenuItems,\n  columns,\n  currentPage,\n  emptyPlaceholder,\n  errorMessage,\n  filters,\n  getData,\n  hasChangeableDensity,\n  hasColumnResizing,\n  hasColumnVisibility,\n  initialDensity,\n  hasFilters,\n  hasPagination,\n  hasRowReordering,\n  hasRowSelection,\n  hasSearch,\n  hasSearchSubmitButton,\n  hasSorting,\n  isLoading,\n  isEmpty,\n  isNoResults,\n  isPaginationMoreDisabled,\n  isRowReorderingDisabled,\n  maxResultsPerPage,\n  maxPages,\n  noResultsPlaceholder,\n  onChangeRowSelection,\n  paginationType,\n  renderDetailPanel,\n  resultsPerPage,\n  rowActionButtons,\n  rowActionMenuItems,\n  searchDelayTime,\n  totalRows,\n}: DataTableProps<TData>) => {\n  const tableLayoutOptions = useMemo(\n    () => ({\n      columns,\n      hasChangeableDensity,\n      hasColumnResizing,\n      hasColumnVisibility,\n      hasSorting,\n      initialDensity,\n      renderDetailPanel,\n      rowActionButtons,\n      rowActionMenuItems,\n    }),\n    [\n      columns,\n      hasChangeableDensity,\n      hasColumnResizing,\n      hasColumnVisibility,\n      hasSorting,\n      initialDensity,\n      renderDetailPanel,\n      rowActionButtons,\n      rowActionMenuItems,\n    ],\n  );\n\n  return (\n    <DataView\n      additionalActionButton={additionalActionButton}\n      additionalActionMenuItems={additionalActionMenuItems}\n      availableLayouts={[\"table\"]}\n      bulkActionMenuItems={bulkActionMenuItems}\n      currentPage={currentPage}\n      emptyPlaceholder={emptyPlaceholder}\n      errorMessage={errorMessage}\n      filters={filters}\n      getData={getData}\n      hasFilters={hasFilters}\n      hasPagination={hasPagination}\n      hasRowReordering={hasRowReordering}\n      hasRowSelection={hasRowSelection}\n      hasSearch={hasSearch}\n      hasSearchSubmitButton={hasSearchSubmitButton}\n      isEmpty={isEmpty}\n      isLoading={isLoading}\n      isNoResults={isNoResults}\n      isPaginationMoreDisabled={isPaginationMoreDisabled}\n      isRowReorderingDisabled={isRowReorderingDisabled}\n      maxPages={maxPages}\n      maxResultsPerPage={maxResultsPerPage}\n      noResultsPlaceholder={noResultsPlaceholder}\n      onChangeRowSelection={onChangeRowSelection}\n      paginationType={paginationType}\n      resultsPerPage={resultsPerPage}\n      searchDelayTime={searchDelayTime}\n      tableLayoutOptions={tableLayoutOptions}\n      totalRows={totalRows}\n    />\n  );\n};\n\nconst MemoizedDataTable = memo(DataTable) as DataTableComponent;\nMemoizedDataTable.displayName = \"DataTable\";\n\nexport { MemoizedDataTable as DataTable };\n"],"mappings":";;;;;;AAYA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,SAAA,GAAAD,OAAA;AAAyC,IAAAE,WAAA,GAAAF,OAAA;AAdzC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAgBA,MAAMG,SAAS,GAAGA,CAA4B;EAC5CC,sBAAsB;EACtBC,yBAAyB;EACzBC,mBAAmB;EACnBC,OAAO;EACPC,WAAW;EACXC,gBAAgB;EAChBC,YAAY;EACZC,OAAO;EACPC,OAAO;EACPC,oBAAoB;EACpBC,iBAAiB;EACjBC,mBAAmB;EACnBC,cAAc;EACdC,UAAU;EACVC,aAAa;EACbC,gBAAgB;EAChBC,eAAe;EACfC,SAAS;EACTC,qBAAqB;EACrBC,UAAU;EACVC,SAAS;EACTC,OAAO;EACPC,WAAW;EACXC,wBAAwB;EACxBC,uBAAuB;EACvBC,iBAAiB;EACjBC,QAAQ;EACRC,oBAAoB;EACpBC,oBAAoB;EACpBC,cAAc;EACdC,iBAAiB;EACjBC,cAAc;EACdC,gBAAgB;EAChBC,kBAAkB;EAClBC,eAAe;EACfC;AACqB,CAAC,KAAK;EAC3B,MAAMC,kBAAkB,GAAG,IAAAC,cAAO,EAChC,OAAO;IACLlC,OAAO;IACPM,oBAAoB;IACpBC,iBAAiB;IACjBC,mBAAmB;IACnBQ,UAAU;IACVP,cAAc;IACdkB,iBAAiB;IACjBE,gBAAgB;IAChBC;EACF,CAAC,CAAC,EACF,CACE9B,OAAO,EACPM,oBAAoB,EACpBC,iBAAiB,EACjBC,mBAAmB,EACnBQ,UAAU,EACVP,cAAc,EACdkB,iBAAiB,EACjBE,gBAAgB,EAChBC,kBAAkB,CAEtB,CAAC;EAED,OACE,IAAAnC,WAAA,CAAAwC,GAAA,EAACzC,SAAA,CAAA0C,QAAQ;IACPvC,sBAAsB,EAAEA,sBAAuB;IAC/CC,yBAAyB,EAAEA,yBAA0B;IACrDuC,gBAAgB,EAAE,CAAC,OAAO,CAAE;IAC5BtC,mBAAmB,EAAEA,mBAAoB;IACzCE,WAAW,EAAEA,WAAY;IACzBC,gBAAgB,EAAEA,gBAAiB;IACnCC,YAAY,EAAEA,YAAa;IAC3BC,OAAO,EAAEA,OAAQ;IACjBC,OAAO,EAAEA,OAAQ;IACjBK,UAAU,EAAEA,UAAW;IACvBC,aAAa,EAAEA,aAAc;IAC7BC,gBAAgB,EAAEA,gBAAiB;IACnCC,eAAe,EAAEA,eAAgB;IACjCC,SAAS,EAAEA,SAAU;IACrBC,qBAAqB,EAAEA,qBAAsB;IAC7CG,OAAO,EAAEA,OAAQ;IACjBD,SAAS,EAAEA,SAAU;IACrBE,WAAW,EAAEA,WAAY;IACzBC,wBAAwB,EAAEA,wBAAyB;IACnDC,uBAAuB,EAAEA,uBAAwB;IACjDE,QAAQ,EAAEA,QAAS;IACnBD,iBAAiB,EAAEA,iBAAkB;IACrCE,oBAAoB,EAAEA,oBAAqB;IAC3CC,oBAAoB,EAAEA,oBAAqB;IAC3CC,cAAc,EAAEA,cAAe;IAC/BE,cAAc,EAAEA,cAAe;IAC/BG,eAAe,EAAEA,eAAgB;IACjCE,kBAAkB,EAAEA,kBAAmB;IACvCD,SAAS,EAAEA;EAAU,CACtB,CAAC;AAEN,CAAC;AAED,MAAMM,iBAAiB,GAAAC,OAAA,CAAA3C,SAAA,GAAG,IAAA4C,WAAI,EAAC5C,SAAS,CAAuB;AAC/D0C,iBAAiB,CAACG,WAAW,GAAG,WAAW","ignoreList":[]}
+{"version":3,"file":"DataTable.cjs","names":["_react","require","_DataView","_jsxRuntime","DataTable","additionalActionButton","additionalActionMenuItems","bulkActionMenuItems","columns","currentPage","emptyPlaceholder","errorMessage","filters","getData","hasChangeableDensity","hasColumnResizing","hasColumnVisibility","initialDensity","hasFilters","hasPagination","hasRowReordering","hasRowSelection","hasSearch","hasSearchSubmitButton","hasSorting","isLoading","isEmpty","isNoResults","isPaginationMoreDisabled","isRowReorderingDisabled","maxResultsPerPage","maxPages","noResultsPlaceholder","onChangeRowSelection","paginationType","renderDetailPanel","resultsPerPage","rowActionButtons","rowActionMenuItems","searchDelayTime","totalRows","tableLayoutOptions","useMemo","jsx","DataView","availableLayouts","MemoizedDataTable","exports","memo","displayName"],"sources":["../../../../src/labs/DataView/DataTable.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { MRT_RowData } from \"material-react-table\";\nimport { memo, useMemo } from \"react\";\n\nimport { TableLayoutProps, UniversalProps } from \"./componentTypes.js\";\nimport { DataView } from \"./DataView.js\";\n\nexport type DataTableProps<TData extends MRT_RowData> = UniversalProps<TData> &\n  TableLayoutProps<TData>;\ntype DataTableComponent = (<TData extends MRT_RowData>(\n  props: DataTableProps<TData>,\n) => JSX.Element) & {\n  displayName?: string;\n};\n\nconst DataTable = <TData extends MRT_RowData>({\n  additionalActionButton,\n  additionalActionMenuItems,\n  bulkActionMenuItems,\n  columns,\n  currentPage,\n  emptyPlaceholder,\n  errorMessage,\n  filters,\n  getData,\n  hasChangeableDensity,\n  hasColumnResizing,\n  hasColumnVisibility,\n  initialDensity,\n  hasFilters,\n  hasPagination,\n  hasRowReordering,\n  hasRowSelection,\n  hasSearch,\n  hasSearchSubmitButton,\n  hasSorting,\n  isLoading,\n  isEmpty,\n  isNoResults,\n  isPaginationMoreDisabled,\n  isRowReorderingDisabled,\n  maxResultsPerPage,\n  maxPages,\n  noResultsPlaceholder,\n  onChangeRowSelection,\n  paginationType,\n  renderDetailPanel,\n  resultsPerPage,\n  rowActionButtons,\n  rowActionMenuItems,\n  searchDelayTime,\n  totalRows,\n}: DataTableProps<TData>) => {\n  const tableLayoutOptions = useMemo(\n    () => ({\n      columns,\n      hasChangeableDensity,\n      hasColumnResizing,\n      hasColumnVisibility,\n      hasSorting,\n      initialDensity,\n      renderDetailPanel,\n      rowActionButtons,\n      rowActionMenuItems,\n    }),\n    [\n      columns,\n      hasChangeableDensity,\n      hasColumnResizing,\n      hasColumnVisibility,\n      hasSorting,\n      initialDensity,\n      renderDetailPanel,\n      rowActionButtons,\n      rowActionMenuItems,\n    ],\n  );\n\n  return (\n    <DataView\n      additionalActionButton={additionalActionButton}\n      additionalActionMenuItems={additionalActionMenuItems}\n      availableLayouts={[\"table\"]}\n      bulkActionMenuItems={bulkActionMenuItems}\n      currentPage={currentPage}\n      emptyPlaceholder={emptyPlaceholder}\n      errorMessage={errorMessage}\n      filters={filters}\n      getData={getData}\n      hasFilters={hasFilters}\n      hasPagination={hasPagination}\n      hasRowReordering={hasRowReordering}\n      hasRowSelection={hasRowSelection}\n      hasSearch={hasSearch}\n      hasSearchSubmitButton={hasSearchSubmitButton}\n      isEmpty={isEmpty}\n      isLoading={isLoading}\n      isNoResults={isNoResults}\n      isPaginationMoreDisabled={isPaginationMoreDisabled}\n      isRowReorderingDisabled={isRowReorderingDisabled}\n      maxPages={maxPages}\n      maxResultsPerPage={maxResultsPerPage}\n      noResultsPlaceholder={noResultsPlaceholder}\n      onChangeRowSelection={onChangeRowSelection}\n      paginationType={paginationType}\n      resultsPerPage={resultsPerPage}\n      searchDelayTime={searchDelayTime}\n      tableLayoutOptions={tableLayoutOptions}\n      totalRows={totalRows}\n    />\n  );\n};\n\nconst MemoizedDataTable = memo(DataTable) as DataTableComponent;\nMemoizedDataTable.displayName = \"DataTable\";\n\nexport { MemoizedDataTable as DataTable };\n"],"mappings":";;;;;;AAaA,IAAAA,MAAA,GAAAC,OAAA;AAGA,IAAAC,SAAA,GAAAD,OAAA;AAAyC,IAAAE,WAAA,GAAAF,OAAA;AAhBzC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAgBA,MAAMG,SAAS,GAAGA,CAA4B;EAC5CC,sBAAsB;EACtBC,yBAAyB;EACzBC,mBAAmB;EACnBC,OAAO;EACPC,WAAW;EACXC,gBAAgB;EAChBC,YAAY;EACZC,OAAO;EACPC,OAAO;EACPC,oBAAoB;EACpBC,iBAAiB;EACjBC,mBAAmB;EACnBC,cAAc;EACdC,UAAU;EACVC,aAAa;EACbC,gBAAgB;EAChBC,eAAe;EACfC,SAAS;EACTC,qBAAqB;EACrBC,UAAU;EACVC,SAAS;EACTC,OAAO;EACPC,WAAW;EACXC,wBAAwB;EACxBC,uBAAuB;EACvBC,iBAAiB;EACjBC,QAAQ;EACRC,oBAAoB;EACpBC,oBAAoB;EACpBC,cAAc;EACdC,iBAAiB;EACjBC,cAAc;EACdC,gBAAgB;EAChBC,kBAAkB;EAClBC,eAAe;EACfC;AACqB,CAAC,KAAK;EAC3B,MAAMC,kBAAkB,GAAG,IAAAC,cAAO,EAChC,OAAO;IACLlC,OAAO;IACPM,oBAAoB;IACpBC,iBAAiB;IACjBC,mBAAmB;IACnBQ,UAAU;IACVP,cAAc;IACdkB,iBAAiB;IACjBE,gBAAgB;IAChBC;EACF,CAAC,CAAC,EACF,CACE9B,OAAO,EACPM,oBAAoB,EACpBC,iBAAiB,EACjBC,mBAAmB,EACnBQ,UAAU,EACVP,cAAc,EACdkB,iBAAiB,EACjBE,gBAAgB,EAChBC,kBAAkB,CAEtB,CAAC;EAED,OACE,IAAAnC,WAAA,CAAAwC,GAAA,EAACzC,SAAA,CAAA0C,QAAQ;IACPvC,sBAAsB,EAAEA,sBAAuB;IAC/CC,yBAAyB,EAAEA,yBAA0B;IACrDuC,gBAAgB,EAAE,CAAC,OAAO,CAAE;IAC5BtC,mBAAmB,EAAEA,mBAAoB;IACzCE,WAAW,EAAEA,WAAY;IACzBC,gBAAgB,EAAEA,gBAAiB;IACnCC,YAAY,EAAEA,YAAa;IAC3BC,OAAO,EAAEA,OAAQ;IACjBC,OAAO,EAAEA,OAAQ;IACjBK,UAAU,EAAEA,UAAW;IACvBC,aAAa,EAAEA,aAAc;IAC7BC,gBAAgB,EAAEA,gBAAiB;IACnCC,eAAe,EAAEA,eAAgB;IACjCC,SAAS,EAAEA,SAAU;IACrBC,qBAAqB,EAAEA,qBAAsB;IAC7CG,OAAO,EAAEA,OAAQ;IACjBD,SAAS,EAAEA,SAAU;IACrBE,WAAW,EAAEA,WAAY;IACzBC,wBAAwB,EAAEA,wBAAyB;IACnDC,uBAAuB,EAAEA,uBAAwB;IACjDE,QAAQ,EAAEA,QAAS;IACnBD,iBAAiB,EAAEA,iBAAkB;IACrCE,oBAAoB,EAAEA,oBAAqB;IAC3CC,oBAAoB,EAAEA,oBAAqB;IAC3CC,cAAc,EAAEA,cAAe;IAC/BE,cAAc,EAAEA,cAAe;IAC/BG,eAAe,EAAEA,eAAgB;IACjCE,kBAAkB,EAAEA,kBAAmB;IACvCD,SAAS,EAAEA;EAAU,CACtB,CAAC;AAEN,CAAC;AAED,MAAMM,iBAAiB,GAAAC,OAAA,CAAA3C,SAAA,GAAG,IAAA4C,WAAI,EAAC5C,SAAS,CAAuB;AAC/D0C,iBAAiB,CAACG,WAAW,GAAG,WAAW","ignoreList":[]}

package/dist/cjs/labs/DataView/DataView.cjs

@@ -4,28 +4,28 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DataView = void 0;
+var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _react = require("react");
 var _reactI18next = require("react-i18next");
-var _constants = require("./constants.cjs");
 var _Box = require("../../Box.cjs");
-var _BulkActionsMenu = require("./BulkActionsMenu.cjs");
+var _index = require("../../Buttons/index.cjs");
 var _Callout = require("../../Callout.cjs");
-var _DataFilters = require("../DataFilters.cjs");
+var _createUniqueId = require("../../createUniqueId.cjs");
+var _useRowReordering = require("../../DataTable/useRowReordering.cjs");
 var _EmptyState = require("../../EmptyState.cjs");
-var _fetchData = require("./fetchData.cjs");
-var _LayoutSwitcher = require("./LayoutSwitcher.cjs");
-var _index = require("../../Buttons/index.cjs");
 var _index2 = require("../../icons.generated/index.cjs");
-var _TableSettings = require("./TableSettings.cjs");
+var _OdysseyDesignTokensContext = require("../../OdysseyDesignTokensContext.cjs");
 var _index3 = require("../../Pagination/index.cjs");
-var _TableLayoutContent = require("./TableLayoutContent.cjs");
+var _Typography = require("../../Typography.cjs");
+var _DataFilters = require("../DataFilters.cjs");
+var _BulkActionsMenu = require("./BulkActionsMenu.cjs");
 var _CardLayoutContent = require("./CardLayoutContent.cjs");
+var _constants = require("./constants.cjs");
+var _fetchData = require("./fetchData.cjs");
+var _LayoutSwitcher = require("./LayoutSwitcher.cjs");
+var _TableLayoutContent = require("./TableLayoutContent.cjs");
+var _TableSettings = require("./TableSettings.cjs");
 var _useFilterConversion = require("./useFilterConversion.cjs");
-var _useRowReordering = require("../../DataTable/useRowReordering.cjs");
-var _Typography = require("../../Typography.cjs");
-var _OdysseyDesignTokensContext = require("../../OdysseyDesignTokensContext.cjs");
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _createUniqueId = require("../../createUniqueId.cjs");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /*!
@@ -244,9 +244,9 @@ const DataView = ({
         currentLayout: currentLayout,
         setCurrentLayout: setCurrentLayout
       }), additionalActionButton, additionalActionMenuItems && (0, _jsxRuntime.jsx)(_index.MenuButton, {
-        endIcon: (0, _jsxRuntime.jsx)(_index2.MoreIcon, {}),
         ariaLabel: t("table.moreactions.arialabel"),
         buttonVariant: "secondary",
+        endIcon: (0, _jsxRuntime.jsx)(_index2.MoreIcon, {}),
         menuAlignment: "right",
         children: additionalActionMenuItems
       })]
@@ -319,6 +319,7 @@ const DataView = ({
       tableState: tableState,
       totalRows: totalRows
     }), (currentLayout === "list" || currentLayout === "grid") && cardLayoutOptions && (0, _jsxRuntime.jsx)(_CardLayoutContent.CardLayoutContent, {
+      cardLayoutOptions: cardLayoutOptions,
       currentLayout: currentLayout,
       data: data,
       draggingRow: draggingRow,
@@ -335,10 +336,10 @@ const DataView = ({
       rowReorderingUtilities: rowReorderingUtilities,
       rowSelection: rowSelection,
       setRowSelection: setRowSelection,
-      cardLayoutOptions: cardLayoutOptions,
       totalRows: totalRows
     }), hasPagination && (0, _jsxRuntime.jsx)(_index3.Pagination, {
       currentPageLabel: t("pagination.page"),
+      currentRowsCount: data.length,
       hasPageInput: hasPageInput,
       hasRowCountInput: hasRowCountInput,
       hasRowCountLabel: hasRowCountLabel,
@@ -355,7 +356,6 @@ const DataView = ({
       previousLabel: t("pagination.previous"),
       rowsPerPageLabel: t("pagination.rowsperpage"),
       totalRows: totalRows,
-      currentRowsCount: data.length,
       variant: paginationType
     })]
   });

package/dist/cjs/labs/DataView/DataView.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DataView.cjs","names":["_react","require","_reactI18next","_constants","_Box","_BulkActionsMenu","_Callout","_DataFilters","_EmptyState","_fetchData","_LayoutSwitcher","_index","_index2","_TableSettings","_index3","_TableLayoutContent","_CardLayoutContent","_useFilterConversion","_useRowReordering","_Typography","_OdysseyDesignTokensContext","_styled","_interopRequireDefault","_createUniqueId","_jsxRuntime","e","__esModule","default","StyledDataViewContainer","styled","shouldForwardProp","prop","odysseyDesignTokens","display","flexDirection","gap","Spacing4","StyledBulkActionsContainer","justifyContent","StyledAdditionalActionsContainer","Spacing2","StyledAdditionalActionsInner","alignItems","StyledMetaTextContainer","marginInlineEnd","DataView","additionalActionButton","additionalActionMenuItems","availableLayouts","allAvailableLayouts","bulkActionMenuItems","currentPage","emptyPlaceholder","enableVirtualization","enableVirtualizationProp","errorMessage","errorMessageProp","filters","filtersProp","getData","getRowId","getRowIdProp","hasFilters","hasPagination","hasPageInput","hasRowCountInput","hasRowCountLabel","hasSearch","hasSearchSubmitButton","hasRowReordering","hasRowSelection","initialLayout","isEmpty","isEmptyProp","isLoading","isLoadingProp","isNoResults","isNoResultsProp","isPaginationMoreDisabled","isRowReorderingDisabled","metaText","noResultsPlaceholder","onChangeRowSelection","onReorderRows","onRowSelectionChange","paginationType","resultsPerPage","searchDelayTime","cardLayoutOptions","tableLayoutOptions","totalRows","maxPages","maxResultsPerPage","onPaginationChange","useOdysseyDesignTokens","t","useTranslation","currentLayout","setCurrentLayout","useState","data","setData","setIsLoading","setIsEmpty","setIsNoResults","setErrorMessage","search","setSearch","initialFilters","setInitialFilters","setFilters","draggingRow","setDraggingRow","rowSelection","setRowSelection","useEffect","pagination","setPagination","pageIndex","pageSize","tableState","setTableState","columnSorting","columnVisibility","rowDensity","initialDensity","densityValues","shouldShowFilters","availableFilters","useFilterConversion","columns","dataQueryParams","useMemo","page","sort","useCallback","row","index","parentRow","id","createUniqueId","prev","fetchData","undefined","length","prevValue","emptyState","noResultsInnerContent","jsx","EmptyState","description","heading","additionalActions","jsxs","children","Typography","color","TableSettings","LayoutSwitcher","MenuButton","endIcon","MoreIcon","ariaLabel","buttonVariant","menuAlignment","lastRow","lastRowOnPage","usePagination","currentRowsCount","rowReorderingUtilities","useRowReordering","Box","Callout","severity","text","DataFilters","isDisabled","onChangeFilters","onChangeSearch","BulkActionsMenu","menuItems","TableLayoutContent","CardLayoutContent","Pagination","currentPageLabel","isMoreDisabled","loadMoreLabel","maxPageIndex","maxPageSize","nextLabel","previousLabel","rowsPerPageLabel","variant","MemoizedDataView","exports","memo","displayName"],"sources":["../../../../src/labs/DataView/DataView.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { memo, useCallback, useEffect, useMemo, useState } from \"react\";\nimport {\n  MRT_Row,\n  MRT_RowData,\n  MRT_RowSelectionState,\n} from \"material-react-table\";\nimport { useTranslation } from \"react-i18next\";\n\nimport {\n  availableLayouts as allAvailableLayouts,\n  densityValues,\n} from \"./constants.js\";\nimport {\n  DataLayout,\n  UniversalProps,\n  ViewProps,\n  TableState,\n} from \"./componentTypes.js\";\nimport { Box } from \"../../Box.js\";\nimport { BulkActionsMenu } from \"./BulkActionsMenu.js\";\nimport { Callout } from \"../../Callout.js\";\nimport { DataFilters } from \"../DataFilters.js\";\nimport { EmptyState } from \"../../EmptyState.js\";\nimport { fetchData } from \"./fetchData.js\";\nimport { LayoutSwitcher } from \"./LayoutSwitcher.js\";\nimport { MenuButton } from \"../../Buttons/index.js\";\nimport { MoreIcon } from \"../../icons.generated/index.js\";\nimport { TableSettings } from \"./TableSettings.js\";\nimport { Pagination, usePagination } from \"../../Pagination/index.js\";\nimport { TableLayoutContent } from \"./TableLayoutContent.js\";\nimport { CardLayoutContent } from \"./CardLayoutContent.js\";\nimport { useFilterConversion } from \"./useFilterConversion.js\";\nimport { useRowReordering } from \"../../DataTable/useRowReordering.js\";\nimport { Typography } from \"../../Typography.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../../OdysseyDesignTokensContext.js\";\nimport styled from \"@emotion/styled\";\nimport { createUniqueId } from \"../../createUniqueId.js\";\n\nexport type DataViewProps<TData extends MRT_RowData> = UniversalProps<TData> &\n  ViewProps<TData, DataLayout>;\ntype DataViewComponent = (<TData extends MRT_RowData>(\n  props: DataViewProps<TData>,\n) => JSX.Element) & {\n  displayName?: string;\n};\n\nconst StyledDataViewContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  display: \"flex\",\n  flexDirection: \"column\",\n  gap: odysseyDesignTokens.Spacing4,\n}));\n\nconst StyledBulkActionsContainer = styled(\"div\")(() => ({\n  display: \"flex\",\n  justifyContent: \"space-between\",\n}));\n\nconst StyledAdditionalActionsContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  display: \"flex\",\n  justifyContent: \"flex-end\",\n  gap: odysseyDesignTokens.Spacing2,\n}));\n\nconst StyledAdditionalActionsInner = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  display: \"flex\",\n  alignItems: \"center\",\n  gap: odysseyDesignTokens.Spacing2,\n}));\n\nconst StyledMetaTextContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  marginInlineEnd: odysseyDesignTokens.Spacing2,\n}));\n\nconst DataView = <TData extends MRT_RowData>({\n  additionalActionButton,\n  additionalActionMenuItems,\n  availableLayouts = allAvailableLayouts,\n  bulkActionMenuItems,\n  currentPage = 1,\n  emptyPlaceholder,\n  enableVirtualization: enableVirtualizationProp,\n  errorMessage: errorMessageProp,\n  filters: filtersProp,\n  getData,\n  getRowId: getRowIdProp,\n  hasFilters,\n  hasPagination,\n  hasPageInput,\n  hasRowCountInput,\n  hasRowCountLabel,\n  hasSearch,\n  hasSearchSubmitButton,\n  hasRowReordering,\n  hasRowSelection,\n  initialLayout,\n  isEmpty: isEmptyProp,\n  isLoading: isLoadingProp,\n  isNoResults: isNoResultsProp,\n  isPaginationMoreDisabled,\n  isRowReorderingDisabled,\n  metaText,\n  noResultsPlaceholder,\n  onChangeRowSelection,\n  onReorderRows,\n  onRowSelectionChange,\n  paginationType = \"paged\",\n  resultsPerPage = 20,\n  searchDelayTime,\n  cardLayoutOptions,\n  tableLayoutOptions,\n  totalRows,\n  maxPages,\n  maxResultsPerPage,\n  onPaginationChange,\n}: DataViewProps<TData>) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const { t } = useTranslation();\n\n  const [currentLayout, setCurrentLayout] = useState<DataLayout>(\n    initialLayout ?? availableLayouts[0],\n  );\n\n  const [data, setData] = useState<TData[]>([]);\n  const [isLoading, setIsLoading] = useState<boolean>(isLoadingProp ?? true);\n  const [isEmpty, setIsEmpty] = useState<boolean>(isEmptyProp ?? true);\n  const [isNoResults, setIsNoResults] = useState<boolean>(\n    isNoResultsProp ?? false,\n  );\n  const [errorMessage, setErrorMessage] =\n    useState<UniversalProps<TData>[\"errorMessage\"]>(errorMessageProp);\n\n  const [search, setSearch] = useState<string>(\"\");\n\n  const [initialFilters, setInitialFilters] =\n    useState<UniversalProps<TData>[\"filters\"]>(filtersProp);\n  const [filters, setFilters] =\n    useState<UniversalProps<TData>[\"filters\"]>(filtersProp);\n\n  const [draggingRow, setDraggingRow] = useState<MRT_Row<TData> | null>();\n\n  const [rowSelection, setRowSelection] = useState<MRT_RowSelectionState>({});\n\n  useEffect(() => {\n    onChangeRowSelection?.(rowSelection);\n  }, [rowSelection, onChangeRowSelection]);\n\n  useEffect(() => {\n    onRowSelectionChange?.(rowSelection);\n  }, [rowSelection, onRowSelectionChange]);\n\n  const [pagination, setPagination] = useState({\n    pageIndex: currentPage,\n    pageSize: resultsPerPage,\n  });\n\n  const [tableState, setTableState] = useState<TableState>({\n    columnSorting: [],\n    columnVisibility: {},\n    rowDensity: tableLayoutOptions?.initialDensity ?? densityValues[0],\n  });\n\n  const shouldShowFilters =\n    hasSearch ||\n    hasFilters ||\n    additionalActionButton ||\n    additionalActionMenuItems;\n\n  const availableFilters = useFilterConversion({\n    filters: filters,\n    columns: tableLayoutOptions?.columns,\n  });\n\n  useEffect(() => {\n    if (!initialFilters && availableFilters) {\n      setInitialFilters(availableFilters);\n    }\n  }, [availableFilters, initialFilters]);\n\n  const dataQueryParams = useMemo(\n    () => ({\n      page: pagination.pageIndex,\n      resultsPerPage: pagination.pageSize,\n      search,\n      filters: availableFilters,\n      sort: tableState?.columnSorting,\n    }),\n    [\n      pagination.pageIndex,\n      pagination.pageSize,\n      search,\n      availableFilters,\n      tableState?.columnSorting,\n    ],\n  );\n\n  const getRowId = useCallback<Required<UniversalProps<TData>>[\"getRowId\"]>(\n    (row, index, parentRow) => {\n      if (getRowIdProp) {\n        return getRowIdProp(row, index, parentRow);\n      }\n      if (row.id) {\n        return row.id as string;\n      }\n      return createUniqueId();\n    },\n    [getRowIdProp],\n  );\n\n  // Update pagination state if props change\n  useEffect(() => {\n    setPagination({\n      pageIndex: currentPage,\n      pageSize: resultsPerPage,\n    });\n  }, [currentPage, resultsPerPage]);\n\n  // Reset pagination if search or filters change\n  useEffect(() => {\n    setPagination((prev) => ({\n      pageIndex: 1,\n      pageSize: paginationType == \"loadMore\" ? resultsPerPage : prev.pageSize,\n    }));\n  }, [filters, paginationType, resultsPerPage, search]);\n\n  // Fire onPaginationChange if pagination changes\n  useEffect(() => {\n    onPaginationChange?.(pagination);\n  }, [onPaginationChange, pagination]);\n\n  // Retrieve the data\n  useEffect(() => {\n    fetchData({\n      dataQueryParams,\n      errorMessageProp,\n      getData,\n      setData,\n      setErrorMessage,\n      // Only include setIsLoading if that's not being controlled manually\n      setIsLoading: isLoadingProp ? undefined : setIsLoading,\n    });\n  }, [dataQueryParams, errorMessageProp, getData, isLoadingProp]);\n\n  // When data is updated\n  useEffect(() => {\n    setIsEmpty(\n      pagination.pageIndex === currentPage &&\n        pagination.pageSize === resultsPerPage &&\n        search === \"\" &&\n        (!hasFilters || filters === initialFilters) &&\n        data.length === 0,\n    );\n  }, [\n    currentPage,\n    data,\n    filters,\n    hasFilters,\n    initialFilters,\n    pagination,\n    resultsPerPage,\n    search,\n  ]);\n\n  // Change loading, empty and noResults state on prop change\n  useEffect(() => {\n    setIsLoading((prevValue) => isLoadingProp ?? prevValue);\n  }, [isLoadingProp]);\n\n  useEffect(() => {\n    setIsEmpty((prevValue) => isEmptyProp ?? prevValue);\n  }, [isEmptyProp]);\n\n  useEffect(() => {\n    setIsNoResults((prevValue) => isNoResultsProp ?? prevValue);\n  }, [isNoResultsProp]);\n\n  const emptyState = useMemo(() => {\n    const noResultsInnerContent = noResultsPlaceholder || (\n      <EmptyState\n        description={t(\"table.noresults.text\")}\n        heading={t(\"table.noresults.heading\")}\n      />\n    );\n\n    if (isEmpty) {\n      return emptyPlaceholder || noResultsInnerContent;\n    }\n\n    if (isNoResults) {\n      return noResultsInnerContent;\n    }\n\n    return;\n  }, [noResultsPlaceholder, t, isEmpty, isNoResults, emptyPlaceholder]);\n\n  const additionalActions = useMemo(() => {\n    return (\n      (metaText ||\n        (currentLayout === \"table\" && tableLayoutOptions) ||\n        availableLayouts.length > 1 ||\n        additionalActionButton ||\n        additionalActionMenuItems) && (\n        <StyledAdditionalActionsInner odysseyDesignTokens={odysseyDesignTokens}>\n          {metaText && (\n            <StyledMetaTextContainer odysseyDesignTokens={odysseyDesignTokens}>\n              <Typography color=\"textSecondary\">{metaText}</Typography>\n            </StyledMetaTextContainer>\n          )}\n\n          {currentLayout === \"table\" && tableLayoutOptions && (\n            <TableSettings\n              setTableState={setTableState}\n              tableLayoutOptions={tableLayoutOptions}\n              tableState={tableState}\n            />\n          )}\n\n          {availableLayouts.length > 1 && (\n            <LayoutSwitcher\n              availableLayouts={availableLayouts}\n              currentLayout={currentLayout}\n              setCurrentLayout={setCurrentLayout}\n            />\n          )}\n\n          {additionalActionButton}\n\n          {additionalActionMenuItems && (\n            <MenuButton\n              endIcon={<MoreIcon />}\n              ariaLabel={t(\"table.moreactions.arialabel\")}\n              buttonVariant=\"secondary\"\n              menuAlignment=\"right\"\n            >\n              {additionalActionMenuItems}\n            </MenuButton>\n          )}\n        </StyledAdditionalActionsInner>\n      )\n    );\n  }, [\n    additionalActionButton,\n    additionalActionMenuItems,\n    availableLayouts,\n    currentLayout,\n    metaText,\n    odysseyDesignTokens,\n    tableLayoutOptions,\n    tableState,\n    t,\n  ]);\n\n  const enableVirtualization = useMemo(\n    () => enableVirtualizationProp ?? paginationType === \"loadMore\",\n    [enableVirtualizationProp, paginationType],\n  );\n\n  const { lastRow: lastRowOnPage } = usePagination({\n    currentRowsCount: data.length,\n    pageIndex: pagination.pageIndex,\n    pageSize: pagination.pageSize,\n    totalRows,\n  });\n\n  const rowReorderingUtilities = useRowReordering({\n    totalRows,\n    onReorderRows,\n    data,\n    setData,\n    draggingRow,\n    setDraggingRow,\n    resultsPerPage: pagination.pageSize,\n    page: pagination.pageIndex,\n  });\n\n  return (\n    <StyledDataViewContainer odysseyDesignTokens={odysseyDesignTokens}>\n      {errorMessage && (\n        <Box>\n          <Callout severity=\"error\" text={errorMessage} />\n        </Box>\n      )}\n\n      {shouldShowFilters && (\n        <DataFilters\n          additionalActions={additionalActions}\n          filters={hasFilters ? availableFilters : undefined}\n          hasSearchSubmitButton={hasSearchSubmitButton}\n          isDisabled={isEmpty}\n          onChangeFilters={hasFilters ? setFilters : undefined}\n          onChangeSearch={hasSearch ? setSearch : undefined}\n          searchDelayTime={searchDelayTime}\n        />\n      )}\n\n      {(bulkActionMenuItems || hasRowSelection) && (\n        <StyledBulkActionsContainer>\n          <BulkActionsMenu\n            data={data}\n            menuItems={bulkActionMenuItems}\n            rowSelection={rowSelection}\n            setRowSelection={setRowSelection}\n          />\n          {!shouldShowFilters && additionalActions}\n        </StyledBulkActionsContainer>\n      )}\n\n      {!shouldShowFilters &&\n        !bulkActionMenuItems &&\n        !hasRowSelection &&\n        additionalActions && (\n          <StyledAdditionalActionsContainer\n            odysseyDesignTokens={odysseyDesignTokens}\n          >\n            {additionalActions}\n          </StyledAdditionalActionsContainer>\n        )}\n\n      {currentLayout === \"table\" && tableLayoutOptions && (\n        <TableLayoutContent\n          columns={tableLayoutOptions.columns}\n          data={data}\n          draggingRow={draggingRow}\n          emptyState={emptyState}\n          enableVirtualization={enableVirtualization}\n          getRowId={getRowIdProp || getRowId}\n          hasRowReordering={hasRowReordering}\n          hasRowSelection={hasRowSelection}\n          isEmpty={isEmpty}\n          isLoading={isLoading}\n          isNoResults={isNoResults}\n          isRowReorderingDisabled={isRowReorderingDisabled}\n          onReorderRows={onReorderRows}\n          pagination={pagination}\n          rowReorderingUtilities={rowReorderingUtilities}\n          rowSelection={rowSelection}\n          setRowSelection={setRowSelection}\n          setTableState={setTableState}\n          tableLayoutOptions={tableLayoutOptions}\n          tableState={tableState}\n          totalRows={totalRows}\n        />\n      )}\n      {(currentLayout === \"list\" || currentLayout === \"grid\") &&\n        cardLayoutOptions && (\n          <CardLayoutContent\n            currentLayout={currentLayout}\n            data={data}\n            draggingRow={draggingRow}\n            emptyState={emptyState}\n            getRowId={getRowIdProp || getRowId}\n            hasRowReordering={hasRowReordering}\n            hasRowSelection={hasRowSelection}\n            isEmpty={isEmpty}\n            isLoading={isLoading}\n            isNoResults={isNoResults}\n            isRowReorderingDisabled={isRowReorderingDisabled}\n            onReorderRows={onReorderRows}\n            pagination={pagination}\n            rowReorderingUtilities={rowReorderingUtilities}\n            rowSelection={rowSelection}\n            setRowSelection={setRowSelection}\n            cardLayoutOptions={cardLayoutOptions}\n            totalRows={totalRows}\n          />\n        )}\n\n      {hasPagination && (\n        <Pagination\n          currentPageLabel={t(\"pagination.page\")}\n          hasPageInput={hasPageInput}\n          hasRowCountInput={hasRowCountInput}\n          hasRowCountLabel={hasRowCountLabel}\n          isDisabled={isEmpty}\n          isMoreDisabled={isPaginationMoreDisabled}\n          lastRow={lastRowOnPage}\n          loadMoreLabel={t(\"pagination.loadmore\")}\n          maxPageIndex={maxPages}\n          maxPageSize={maxResultsPerPage}\n          nextLabel={t(\"pagination.next\")}\n          onPaginationChange={setPagination}\n          pageIndex={pagination.pageIndex}\n          pageSize={pagination.pageSize}\n          previousLabel={t(\"pagination.previous\")}\n          rowsPerPageLabel={t(\"pagination.rowsperpage\")}\n          totalRows={totalRows}\n          currentRowsCount={data.length}\n          variant={paginationType}\n        />\n      )}\n    </StyledDataViewContainer>\n  );\n};\n\nconst MemoizedDataView = memo(DataView) as DataViewComponent;\nMemoizedDataView.displayName = \"DataView\";\n\nexport { MemoizedDataView as DataView };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DataView.cjs","names":["_styled","_interopRequireDefault","require","_react","_reactI18next","_Box","_index","_Callout","_createUniqueId","_useRowReordering","_EmptyState","_index2","_OdysseyDesignTokensContext","_index3","_Typography","_DataFilters","_BulkActionsMenu","_CardLayoutContent","_constants","_fetchData","_LayoutSwitcher","_TableLayoutContent","_TableSettings","_useFilterConversion","_jsxRuntime","e","__esModule","default","StyledDataViewContainer","styled","shouldForwardProp","prop","odysseyDesignTokens","display","flexDirection","gap","Spacing4","StyledBulkActionsContainer","justifyContent","StyledAdditionalActionsContainer","Spacing2","StyledAdditionalActionsInner","alignItems","StyledMetaTextContainer","marginInlineEnd","DataView","additionalActionButton","additionalActionMenuItems","availableLayouts","allAvailableLayouts","bulkActionMenuItems","currentPage","emptyPlaceholder","enableVirtualization","enableVirtualizationProp","errorMessage","errorMessageProp","filters","filtersProp","getData","getRowId","getRowIdProp","hasFilters","hasPagination","hasPageInput","hasRowCountInput","hasRowCountLabel","hasSearch","hasSearchSubmitButton","hasRowReordering","hasRowSelection","initialLayout","isEmpty","isEmptyProp","isLoading","isLoadingProp","isNoResults","isNoResultsProp","isPaginationMoreDisabled","isRowReorderingDisabled","metaText","noResultsPlaceholder","onChangeRowSelection","onReorderRows","onRowSelectionChange","paginationType","resultsPerPage","searchDelayTime","cardLayoutOptions","tableLayoutOptions","totalRows","maxPages","maxResultsPerPage","onPaginationChange","useOdysseyDesignTokens","t","useTranslation","currentLayout","setCurrentLayout","useState","data","setData","setIsLoading","setIsEmpty","setIsNoResults","setErrorMessage","search","setSearch","initialFilters","setInitialFilters","setFilters","draggingRow","setDraggingRow","rowSelection","setRowSelection","useEffect","pagination","setPagination","pageIndex","pageSize","tableState","setTableState","columnSorting","columnVisibility","rowDensity","initialDensity","densityValues","shouldShowFilters","availableFilters","useFilterConversion","columns","dataQueryParams","useMemo","page","sort","useCallback","row","index","parentRow","id","createUniqueId","prev","fetchData","undefined","length","prevValue","emptyState","noResultsInnerContent","jsx","EmptyState","description","heading","additionalActions","jsxs","children","Typography","color","TableSettings","LayoutSwitcher","MenuButton","ariaLabel","buttonVariant","endIcon","MoreIcon","menuAlignment","lastRow","lastRowOnPage","usePagination","currentRowsCount","rowReorderingUtilities","useRowReordering","Box","Callout","severity","text","DataFilters","isDisabled","onChangeFilters","onChangeSearch","BulkActionsMenu","menuItems","TableLayoutContent","CardLayoutContent","Pagination","currentPageLabel","isMoreDisabled","loadMoreLabel","maxPageIndex","maxPageSize","nextLabel","previousLabel","rowsPerPageLabel","variant","MemoizedDataView","exports","memo","displayName"],"sources":["../../../../src/labs/DataView/DataView.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport styled from \"@emotion/styled\";\nimport {\n  MRT_Row,\n  MRT_RowData,\n  MRT_RowSelectionState,\n} from \"material-react-table\";\nimport { memo, useCallback, useEffect, useMemo, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { Box } from \"../../Box.js\";\nimport { MenuButton } from \"../../Buttons/index.js\";\nimport { Callout } from \"../../Callout.js\";\nimport { createUniqueId } from \"../../createUniqueId.js\";\nimport { useRowReordering } from \"../../DataTable/useRowReordering.js\";\nimport { EmptyState } from \"../../EmptyState.js\";\nimport { MoreIcon } from \"../../icons.generated/index.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../../OdysseyDesignTokensContext.js\";\nimport { Pagination, usePagination } from \"../../Pagination/index.js\";\nimport { Typography } from \"../../Typography.js\";\nimport { DataFilters } from \"../DataFilters.js\";\nimport { BulkActionsMenu } from \"./BulkActionsMenu.js\";\nimport { CardLayoutContent } from \"./CardLayoutContent.js\";\nimport {\n  DataLayout,\n  TableState,\n  UniversalProps,\n  ViewProps,\n} from \"./componentTypes.js\";\nimport {\n  availableLayouts as allAvailableLayouts,\n  densityValues,\n} from \"./constants.js\";\nimport { fetchData } from \"./fetchData.js\";\nimport { LayoutSwitcher } from \"./LayoutSwitcher.js\";\nimport { TableLayoutContent } from \"./TableLayoutContent.js\";\nimport { TableSettings } from \"./TableSettings.js\";\nimport { useFilterConversion } from \"./useFilterConversion.js\";\n\nexport type DataViewProps<TData extends MRT_RowData> = UniversalProps<TData> &\n  ViewProps<TData, DataLayout>;\ntype DataViewComponent = (<TData extends MRT_RowData>(\n  props: DataViewProps<TData>,\n) => JSX.Element) & {\n  displayName?: string;\n};\n\nconst StyledDataViewContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  display: \"flex\",\n  flexDirection: \"column\",\n  gap: odysseyDesignTokens.Spacing4,\n}));\n\nconst StyledBulkActionsContainer = styled(\"div\")(() => ({\n  display: \"flex\",\n  justifyContent: \"space-between\",\n}));\n\nconst StyledAdditionalActionsContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  display: \"flex\",\n  justifyContent: \"flex-end\",\n  gap: odysseyDesignTokens.Spacing2,\n}));\n\nconst StyledAdditionalActionsInner = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  display: \"flex\",\n  alignItems: \"center\",\n  gap: odysseyDesignTokens.Spacing2,\n}));\n\nconst StyledMetaTextContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  marginInlineEnd: odysseyDesignTokens.Spacing2,\n}));\n\nconst DataView = <TData extends MRT_RowData>({\n  additionalActionButton,\n  additionalActionMenuItems,\n  availableLayouts = allAvailableLayouts,\n  bulkActionMenuItems,\n  currentPage = 1,\n  emptyPlaceholder,\n  enableVirtualization: enableVirtualizationProp,\n  errorMessage: errorMessageProp,\n  filters: filtersProp,\n  getData,\n  getRowId: getRowIdProp,\n  hasFilters,\n  hasPagination,\n  hasPageInput,\n  hasRowCountInput,\n  hasRowCountLabel,\n  hasSearch,\n  hasSearchSubmitButton,\n  hasRowReordering,\n  hasRowSelection,\n  initialLayout,\n  isEmpty: isEmptyProp,\n  isLoading: isLoadingProp,\n  isNoResults: isNoResultsProp,\n  isPaginationMoreDisabled,\n  isRowReorderingDisabled,\n  metaText,\n  noResultsPlaceholder,\n  onChangeRowSelection,\n  onReorderRows,\n  onRowSelectionChange,\n  paginationType = \"paged\",\n  resultsPerPage = 20,\n  searchDelayTime,\n  cardLayoutOptions,\n  tableLayoutOptions,\n  totalRows,\n  maxPages,\n  maxResultsPerPage,\n  onPaginationChange,\n}: DataViewProps<TData>) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const { t } = useTranslation();\n\n  const [currentLayout, setCurrentLayout] = useState<DataLayout>(\n    initialLayout ?? availableLayouts[0],\n  );\n\n  const [data, setData] = useState<TData[]>([]);\n  const [isLoading, setIsLoading] = useState<boolean>(isLoadingProp ?? true);\n  const [isEmpty, setIsEmpty] = useState<boolean>(isEmptyProp ?? true);\n  const [isNoResults, setIsNoResults] = useState<boolean>(\n    isNoResultsProp ?? false,\n  );\n  const [errorMessage, setErrorMessage] =\n    useState<UniversalProps<TData>[\"errorMessage\"]>(errorMessageProp);\n\n  const [search, setSearch] = useState<string>(\"\");\n\n  const [initialFilters, setInitialFilters] =\n    useState<UniversalProps<TData>[\"filters\"]>(filtersProp);\n  const [filters, setFilters] =\n    useState<UniversalProps<TData>[\"filters\"]>(filtersProp);\n\n  const [draggingRow, setDraggingRow] = useState<MRT_Row<TData> | null>();\n\n  const [rowSelection, setRowSelection] = useState<MRT_RowSelectionState>({});\n\n  useEffect(() => {\n    onChangeRowSelection?.(rowSelection);\n  }, [rowSelection, onChangeRowSelection]);\n\n  useEffect(() => {\n    onRowSelectionChange?.(rowSelection);\n  }, [rowSelection, onRowSelectionChange]);\n\n  const [pagination, setPagination] = useState({\n    pageIndex: currentPage,\n    pageSize: resultsPerPage,\n  });\n\n  const [tableState, setTableState] = useState<TableState>({\n    columnSorting: [],\n    columnVisibility: {},\n    rowDensity: tableLayoutOptions?.initialDensity ?? densityValues[0],\n  });\n\n  const shouldShowFilters =\n    hasSearch ||\n    hasFilters ||\n    additionalActionButton ||\n    additionalActionMenuItems;\n\n  const availableFilters = useFilterConversion({\n    filters: filters,\n    columns: tableLayoutOptions?.columns,\n  });\n\n  useEffect(() => {\n    if (!initialFilters && availableFilters) {\n      setInitialFilters(availableFilters);\n    }\n  }, [availableFilters, initialFilters]);\n\n  const dataQueryParams = useMemo(\n    () => ({\n      page: pagination.pageIndex,\n      resultsPerPage: pagination.pageSize,\n      search,\n      filters: availableFilters,\n      sort: tableState?.columnSorting,\n    }),\n    [\n      pagination.pageIndex,\n      pagination.pageSize,\n      search,\n      availableFilters,\n      tableState?.columnSorting,\n    ],\n  );\n\n  const getRowId = useCallback<Required<UniversalProps<TData>>[\"getRowId\"]>(\n    (row, index, parentRow) => {\n      if (getRowIdProp) {\n        return getRowIdProp(row, index, parentRow);\n      }\n      if (row.id) {\n        return row.id as string;\n      }\n      return createUniqueId();\n    },\n    [getRowIdProp],\n  );\n\n  // Update pagination state if props change\n  useEffect(() => {\n    setPagination({\n      pageIndex: currentPage,\n      pageSize: resultsPerPage,\n    });\n  }, [currentPage, resultsPerPage]);\n\n  // Reset pagination if search or filters change\n  useEffect(() => {\n    setPagination((prev) => ({\n      pageIndex: 1,\n      pageSize: paginationType == \"loadMore\" ? resultsPerPage : prev.pageSize,\n    }));\n  }, [filters, paginationType, resultsPerPage, search]);\n\n  // Fire onPaginationChange if pagination changes\n  useEffect(() => {\n    onPaginationChange?.(pagination);\n  }, [onPaginationChange, pagination]);\n\n  // Retrieve the data\n  useEffect(() => {\n    fetchData({\n      dataQueryParams,\n      errorMessageProp,\n      getData,\n      setData,\n      setErrorMessage,\n      // Only include setIsLoading if that's not being controlled manually\n      setIsLoading: isLoadingProp ? undefined : setIsLoading,\n    });\n  }, [dataQueryParams, errorMessageProp, getData, isLoadingProp]);\n\n  // When data is updated\n  useEffect(() => {\n    setIsEmpty(\n      pagination.pageIndex === currentPage &&\n        pagination.pageSize === resultsPerPage &&\n        search === \"\" &&\n        (!hasFilters || filters === initialFilters) &&\n        data.length === 0,\n    );\n  }, [\n    currentPage,\n    data,\n    filters,\n    hasFilters,\n    initialFilters,\n    pagination,\n    resultsPerPage,\n    search,\n  ]);\n\n  // Change loading, empty and noResults state on prop change\n  useEffect(() => {\n    setIsLoading((prevValue) => isLoadingProp ?? prevValue);\n  }, [isLoadingProp]);\n\n  useEffect(() => {\n    setIsEmpty((prevValue) => isEmptyProp ?? prevValue);\n  }, [isEmptyProp]);\n\n  useEffect(() => {\n    setIsNoResults((prevValue) => isNoResultsProp ?? prevValue);\n  }, [isNoResultsProp]);\n\n  const emptyState = useMemo(() => {\n    const noResultsInnerContent = noResultsPlaceholder || (\n      <EmptyState\n        description={t(\"table.noresults.text\")}\n        heading={t(\"table.noresults.heading\")}\n      />\n    );\n\n    if (isEmpty) {\n      return emptyPlaceholder || noResultsInnerContent;\n    }\n\n    if (isNoResults) {\n      return noResultsInnerContent;\n    }\n\n    return;\n  }, [noResultsPlaceholder, t, isEmpty, isNoResults, emptyPlaceholder]);\n\n  const additionalActions = useMemo(() => {\n    return (\n      (metaText ||\n        (currentLayout === \"table\" && tableLayoutOptions) ||\n        availableLayouts.length > 1 ||\n        additionalActionButton ||\n        additionalActionMenuItems) && (\n        <StyledAdditionalActionsInner odysseyDesignTokens={odysseyDesignTokens}>\n          {metaText && (\n            <StyledMetaTextContainer odysseyDesignTokens={odysseyDesignTokens}>\n              <Typography color=\"textSecondary\">{metaText}</Typography>\n            </StyledMetaTextContainer>\n          )}\n\n          {currentLayout === \"table\" && tableLayoutOptions && (\n            <TableSettings\n              setTableState={setTableState}\n              tableLayoutOptions={tableLayoutOptions}\n              tableState={tableState}\n            />\n          )}\n\n          {availableLayouts.length > 1 && (\n            <LayoutSwitcher\n              availableLayouts={availableLayouts}\n              currentLayout={currentLayout}\n              setCurrentLayout={setCurrentLayout}\n            />\n          )}\n\n          {additionalActionButton}\n\n          {additionalActionMenuItems && (\n            <MenuButton\n              ariaLabel={t(\"table.moreactions.arialabel\")}\n              buttonVariant=\"secondary\"\n              endIcon={<MoreIcon />}\n              menuAlignment=\"right\"\n            >\n              {additionalActionMenuItems}\n            </MenuButton>\n          )}\n        </StyledAdditionalActionsInner>\n      )\n    );\n  }, [\n    additionalActionButton,\n    additionalActionMenuItems,\n    availableLayouts,\n    currentLayout,\n    metaText,\n    odysseyDesignTokens,\n    tableLayoutOptions,\n    tableState,\n    t,\n  ]);\n\n  const enableVirtualization = useMemo(\n    () => enableVirtualizationProp ?? paginationType === \"loadMore\",\n    [enableVirtualizationProp, paginationType],\n  );\n\n  const { lastRow: lastRowOnPage } = usePagination({\n    currentRowsCount: data.length,\n    pageIndex: pagination.pageIndex,\n    pageSize: pagination.pageSize,\n    totalRows,\n  });\n\n  const rowReorderingUtilities = useRowReordering({\n    totalRows,\n    onReorderRows,\n    data,\n    setData,\n    draggingRow,\n    setDraggingRow,\n    resultsPerPage: pagination.pageSize,\n    page: pagination.pageIndex,\n  });\n\n  return (\n    <StyledDataViewContainer odysseyDesignTokens={odysseyDesignTokens}>\n      {errorMessage && (\n        <Box>\n          <Callout severity=\"error\" text={errorMessage} />\n        </Box>\n      )}\n\n      {shouldShowFilters && (\n        <DataFilters\n          additionalActions={additionalActions}\n          filters={hasFilters ? availableFilters : undefined}\n          hasSearchSubmitButton={hasSearchSubmitButton}\n          isDisabled={isEmpty}\n          onChangeFilters={hasFilters ? setFilters : undefined}\n          onChangeSearch={hasSearch ? setSearch : undefined}\n          searchDelayTime={searchDelayTime}\n        />\n      )}\n\n      {(bulkActionMenuItems || hasRowSelection) && (\n        <StyledBulkActionsContainer>\n          <BulkActionsMenu\n            data={data}\n            menuItems={bulkActionMenuItems}\n            rowSelection={rowSelection}\n            setRowSelection={setRowSelection}\n          />\n          {!shouldShowFilters && additionalActions}\n        </StyledBulkActionsContainer>\n      )}\n\n      {!shouldShowFilters &&\n        !bulkActionMenuItems &&\n        !hasRowSelection &&\n        additionalActions && (\n          <StyledAdditionalActionsContainer\n            odysseyDesignTokens={odysseyDesignTokens}\n          >\n            {additionalActions}\n          </StyledAdditionalActionsContainer>\n        )}\n\n      {currentLayout === \"table\" && tableLayoutOptions && (\n        <TableLayoutContent\n          columns={tableLayoutOptions.columns}\n          data={data}\n          draggingRow={draggingRow}\n          emptyState={emptyState}\n          enableVirtualization={enableVirtualization}\n          getRowId={getRowIdProp || getRowId}\n          hasRowReordering={hasRowReordering}\n          hasRowSelection={hasRowSelection}\n          isEmpty={isEmpty}\n          isLoading={isLoading}\n          isNoResults={isNoResults}\n          isRowReorderingDisabled={isRowReorderingDisabled}\n          onReorderRows={onReorderRows}\n          pagination={pagination}\n          rowReorderingUtilities={rowReorderingUtilities}\n          rowSelection={rowSelection}\n          setRowSelection={setRowSelection}\n          setTableState={setTableState}\n          tableLayoutOptions={tableLayoutOptions}\n          tableState={tableState}\n          totalRows={totalRows}\n        />\n      )}\n      {(currentLayout === \"list\" || currentLayout === \"grid\") &&\n        cardLayoutOptions && (\n          <CardLayoutContent\n            cardLayoutOptions={cardLayoutOptions}\n            currentLayout={currentLayout}\n            data={data}\n            draggingRow={draggingRow}\n            emptyState={emptyState}\n            getRowId={getRowIdProp || getRowId}\n            hasRowReordering={hasRowReordering}\n            hasRowSelection={hasRowSelection}\n            isEmpty={isEmpty}\n            isLoading={isLoading}\n            isNoResults={isNoResults}\n            isRowReorderingDisabled={isRowReorderingDisabled}\n            onReorderRows={onReorderRows}\n            pagination={pagination}\n            rowReorderingUtilities={rowReorderingUtilities}\n            rowSelection={rowSelection}\n            setRowSelection={setRowSelection}\n            totalRows={totalRows}\n          />\n        )}\n\n      {hasPagination && (\n        <Pagination\n          currentPageLabel={t(\"pagination.page\")}\n          currentRowsCount={data.length}\n          hasPageInput={hasPageInput}\n          hasRowCountInput={hasRowCountInput}\n          hasRowCountLabel={hasRowCountLabel}\n          isDisabled={isEmpty}\n          isMoreDisabled={isPaginationMoreDisabled}\n          lastRow={lastRowOnPage}\n          loadMoreLabel={t(\"pagination.loadmore\")}\n          maxPageIndex={maxPages}\n          maxPageSize={maxResultsPerPage}\n          nextLabel={t(\"pagination.next\")}\n          onPaginationChange={setPagination}\n          pageIndex={pagination.pageIndex}\n          pageSize={pagination.pageSize}\n          previousLabel={t(\"pagination.previous\")}\n          rowsPerPageLabel={t(\"pagination.rowsperpage\")}\n          totalRows={totalRows}\n          variant={paginationType}\n        />\n      )}\n    </StyledDataViewContainer>\n  );\n};\n\nconst MemoizedDataView = memo(DataView) as DataViewComponent;\nMemoizedDataView.displayName = \"DataView\";\n\nexport { MemoizedDataView as DataView };\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/labs/DataView/DetailPanel.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DetailPanel.cjs","names":["_react","require","DetailPanel","row","renderDetailPanel","MemoizedDetailPanel","exports","memo","displayName"],"sources":["../../../../src/labs/DataView/DetailPanel.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { memo } from \"react\";\nimport { CardLayoutProps } from \"./componentTypes.js\";\nimport { MRT_RowData } from \"material-react-table\";\n\nconst DetailPanel = <TData extends MRT_RowData>({\n  row,\n  renderDetailPanel,\n}: {\n  row: TData;\n  renderDetailPanel: CardLayoutProps<TData>[\"renderDetailPanel\"];\n}) => {\n  if (!renderDetailPanel) return null;\n  return renderDetailPanel({ row });\n};\n\nconst MemoizedDetailPanel = memo(DetailPanel);\nMemoizedDetailPanel.displayName = \"DetailPanel\";\n\nexport { MemoizedDetailPanel as DetailPanel };\n"],"mappings":";;;;;;AAYA,IAAAA,MAAA,GAAAC,OAAA;AAZA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAMA,MAAMC,WAAW,GAAGA,CAA4B;EAC9CC,GAAG;EACHC;AAIF,CAAC,KAAK;EACJ,IAAI,CAACA,iBAAiB,EAAE,OAAO,IAAI;EACnC,OAAOA,iBAAiB,CAAC;IAAED;EAAI,CAAC,CAAC;AACnC,CAAC;AAED,MAAME,mBAAmB,GAAAC,OAAA,CAAAJ,WAAA,GAAG,IAAAK,WAAI,EAACL,WAAW,CAAC;AAC7CG,mBAAmB,CAACG,WAAW,GAAG,aAAa","ignoreList":[]}
+{"version":3,"file":"DetailPanel.cjs","names":["_react","require","DetailPanel","row","renderDetailPanel","MemoizedDetailPanel","exports","memo","displayName"],"sources":["../../../../src/labs/DataView/DetailPanel.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { MRT_RowData } from \"material-react-table\";\nimport { memo } from \"react\";\n\nimport { CardLayoutProps } from \"./componentTypes.js\";\n\nconst DetailPanel = <TData extends MRT_RowData>({\n  row,\n  renderDetailPanel,\n}: {\n  renderDetailPanel: CardLayoutProps<TData>[\"renderDetailPanel\"];\n  row: TData;\n}) => {\n  if (!renderDetailPanel) return null;\n  return renderDetailPanel({ row });\n};\n\nconst MemoizedDetailPanel = memo(DetailPanel);\nMemoizedDetailPanel.displayName = \"DetailPanel\";\n\nexport { MemoizedDetailPanel as DetailPanel };\n"],"mappings":";;;;;;AAaA,IAAAA,MAAA,GAAAC,OAAA;AAbA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAOA,MAAMC,WAAW,GAAGA,CAA4B;EAC9CC,GAAG;EACHC;AAIF,CAAC,KAAK;EACJ,IAAI,CAACA,iBAAiB,EAAE,OAAO,IAAI;EACnC,OAAOA,iBAAiB,CAAC;IAAED;EAAI,CAAC,CAAC;AACnC,CAAC;AAED,MAAME,mBAAmB,GAAAC,OAAA,CAAAJ,WAAA,GAAG,IAAAK,WAAI,EAACL,WAAW,CAAC;AAC7CG,mBAAmB,CAACG,WAAW,GAAG,aAAa","ignoreList":[]}

package/dist/cjs/labs/DataView/LayoutSwitcher.cjs

@@ -37,8 +37,8 @@ const LayoutSwitcher = ({
     label: t(`dataview.layout.${value}`)
   })), [availableLayouts, changeLayout, t]);
   return (0, _jsxRuntime.jsx)(_index.MenuButton, {
-    ariaLabel: "Layout",
-    buttonLabel: `${currentLayout.charAt(0).toUpperCase()}${currentLayout.slice(1)}`,
+    ariaLabel: t("dataview.layout.arialabel"),
+    buttonLabel: t(`dataview.layout.${currentLayout}`),
     menuAlignment: "right",
     shouldCloseOnSelect: false,
     children: memoizedMenuItems.map(({

package/dist/cjs/labs/DataView/LayoutSwitcher.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"LayoutSwitcher.cjs","names":["_react","require","_reactI18next","_index","_jsxRuntime","LayoutSwitcher","availableLayouts","currentLayout","setCurrentLayout","t","useTranslation","changeLayout","useCallback","value","memoizedMenuItems","useMemo","map","onClick","label","jsx","MenuButton","ariaLabel","buttonLabel","charAt","toUpperCase","slice","menuAlignment","shouldCloseOnSelect","children","MenuItem","isSelected","MemoizedLayoutSwitcher","exports","memo","displayName"],"sources":["../../../../src/labs/DataView/LayoutSwitcher.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { Dispatch, memo, useCallback, SetStateAction, useMemo } from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { AvailableLayouts, DataLayout } from \"./componentTypes.js\";\nimport { MenuButton, MenuItem } from \"../../Buttons/index.js\";\n\nexport type LayoutSwitcherProps = {\n  availableLayouts: AvailableLayouts;\n  currentLayout: DataLayout;\n  setCurrentLayout: Dispatch<SetStateAction<DataLayout>>;\n};\n\nconst LayoutSwitcher = ({\n  availableLayouts,\n  currentLayout,\n  setCurrentLayout,\n}: LayoutSwitcherProps) => {\n  const { t } = useTranslation();\n\n  const changeLayout = useCallback(\n    (value: DataLayout) => {\n      setCurrentLayout(value);\n    },\n    [setCurrentLayout],\n  );\n\n  const memoizedMenuItems = useMemo(\n    () =>\n      availableLayouts.map((value: DataLayout) => ({\n        value,\n        onClick: () => changeLayout(value),\n        label: t(`dataview.layout.${value}`),\n      })),\n    [availableLayouts, changeLayout, t],\n  );\n\n  return (\n    <MenuButton\n      ariaLabel=\"Layout\"\n      buttonLabel={`${currentLayout.charAt(0).toUpperCase()}${currentLayout.slice(1)}`}\n      menuAlignment=\"right\"\n      shouldCloseOnSelect={false}\n    >\n      {memoizedMenuItems.map(({ value, onClick, label }) => (\n        <MenuItem\n          key={value}\n          isSelected={currentLayout === value}\n          onClick={onClick}\n        >\n          {label}\n        </MenuItem>\n      ))}\n    </MenuButton>\n  );\n};\n\nconst MemoizedLayoutSwitcher = memo(LayoutSwitcher);\nMemoizedLayoutSwitcher.displayName = \"LayoutSwitcher\";\n\nexport { MemoizedLayoutSwitcher as LayoutSwitcher };\n"],"mappings":";;;;;;AAYA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAGA,IAAAE,MAAA,GAAAF,OAAA;AAA8D,IAAAG,WAAA,GAAAH,OAAA;AAhB9D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAcA,MAAMI,cAAc,GAAGA,CAAC;EACtBC,gBAAgB;EAChBC,aAAa;EACbC;AACmB,CAAC,KAAK;EACzB,MAAM;IAAEC;EAAE,CAAC,GAAG,IAAAC,4BAAc,EAAC,CAAC;EAE9B,MAAMC,YAAY,GAAG,IAAAC,kBAAW,EAC7BC,KAAiB,IAAK;IACrBL,gBAAgB,CAACK,KAAK,CAAC;EACzB,CAAC,EACD,CAACL,gBAAgB,CACnB,CAAC;EAED,MAAMM,iBAAiB,GAAG,IAAAC,cAAO,EAC/B,MACET,gBAAgB,CAACU,GAAG,CAAEH,KAAiB,KAAM;IAC3CA,KAAK;IACLI,OAAO,EAAEA,CAAA,KAAMN,YAAY,CAACE,KAAK,CAAC;IAClCK,KAAK,EAAET,CAAC,CAAC,mBAAmBI,KAAK,EAAE;EACrC,CAAC,CAAC,CAAC,EACL,CAACP,gBAAgB,EAAEK,YAAY,EAAEF,CAAC,CACpC,CAAC;EAED,OACE,IAAAL,WAAA,CAAAe,GAAA,EAAChB,MAAA,CAAAiB,UAAU;IACTC,SAAS,EAAC,QAAQ;IAClBC,WAAW,EAAE,GAAGf,aAAa,CAACgB,MAAM,CAAC,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC,GAAGjB,aAAa,CAACkB,KAAK,CAAC,CAAC,CAAC,EAAG;IACjFC,aAAa,EAAC,OAAO;IACrBC,mBAAmB,EAAE,KAAM;IAAAC,QAAA,EAE1Bd,iBAAiB,CAACE,GAAG,CAAC,CAAC;MAAEH,KAAK;MAAEI,OAAO;MAAEC;IAAM,CAAC,KAC/C,IAAAd,WAAA,CAAAe,GAAA,EAAChB,MAAA,CAAA0B,QAAQ;MAEPC,UAAU,EAAEvB,aAAa,KAAKM,KAAM;MACpCI,OAAO,EAAEA,OAAQ;MAAAW,QAAA,EAEhBV;IAAK,GAJDL,KAKG,CACX;EAAC,CACQ,CAAC;AAEjB,CAAC;AAED,MAAMkB,sBAAsB,GAAAC,OAAA,CAAA3B,cAAA,GAAG,IAAA4B,WAAI,EAAC5B,cAAc,CAAC;AACnD0B,sBAAsB,CAACG,WAAW,GAAG,gBAAgB","ignoreList":[]}
+{"version":3,"file":"LayoutSwitcher.cjs","names":["_react","require","_reactI18next","_index","_jsxRuntime","LayoutSwitcher","availableLayouts","currentLayout","setCurrentLayout","t","useTranslation","changeLayout","useCallback","value","memoizedMenuItems","useMemo","map","onClick","label","jsx","MenuButton","ariaLabel","buttonLabel","menuAlignment","shouldCloseOnSelect","children","MenuItem","isSelected","MemoizedLayoutSwitcher","exports","memo","displayName"],"sources":["../../../../src/labs/DataView/LayoutSwitcher.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { Dispatch, memo, SetStateAction, useCallback, useMemo } from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { MenuButton, MenuItem } from \"../../Buttons/index.js\";\nimport { AvailableLayouts, DataLayout } from \"./componentTypes.js\";\n\nexport type LayoutSwitcherProps = {\n  availableLayouts: AvailableLayouts;\n  currentLayout: DataLayout;\n  setCurrentLayout: Dispatch<SetStateAction<DataLayout>>;\n};\n\nconst LayoutSwitcher = ({\n  availableLayouts,\n  currentLayout,\n  setCurrentLayout,\n}: LayoutSwitcherProps) => {\n  const { t } = useTranslation();\n\n  const changeLayout = useCallback(\n    (value: DataLayout) => {\n      setCurrentLayout(value);\n    },\n    [setCurrentLayout],\n  );\n\n  const memoizedMenuItems = useMemo(\n    () =>\n      availableLayouts.map((value: DataLayout) => ({\n        value,\n        onClick: () => changeLayout(value),\n        label: t(`dataview.layout.${value}`),\n      })),\n    [availableLayouts, changeLayout, t],\n  );\n\n  return (\n    <MenuButton\n      ariaLabel={t(\"dataview.layout.arialabel\")}\n      buttonLabel={t(`dataview.layout.${currentLayout}`)}\n      menuAlignment=\"right\"\n      shouldCloseOnSelect={false}\n    >\n      {memoizedMenuItems.map(({ value, onClick, label }) => (\n        <MenuItem\n          isSelected={currentLayout === value}\n          key={value}\n          onClick={onClick}\n        >\n          {label}\n        </MenuItem>\n      ))}\n    </MenuButton>\n  );\n};\n\nconst MemoizedLayoutSwitcher = memo(LayoutSwitcher);\nMemoizedLayoutSwitcher.displayName = \"LayoutSwitcher\";\n\nexport { MemoizedLayoutSwitcher as LayoutSwitcher };\n"],"mappings":";;;;;;AAYA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AAA8D,IAAAG,WAAA,GAAAH,OAAA;AAf9D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAcA,MAAMI,cAAc,GAAGA,CAAC;EACtBC,gBAAgB;EAChBC,aAAa;EACbC;AACmB,CAAC,KAAK;EACzB,MAAM;IAAEC;EAAE,CAAC,GAAG,IAAAC,4BAAc,EAAC,CAAC;EAE9B,MAAMC,YAAY,GAAG,IAAAC,kBAAW,EAC7BC,KAAiB,IAAK;IACrBL,gBAAgB,CAACK,KAAK,CAAC;EACzB,CAAC,EACD,CAACL,gBAAgB,CACnB,CAAC;EAED,MAAMM,iBAAiB,GAAG,IAAAC,cAAO,EAC/B,MACET,gBAAgB,CAACU,GAAG,CAAEH,KAAiB,KAAM;IAC3CA,KAAK;IACLI,OAAO,EAAEA,CAAA,KAAMN,YAAY,CAACE,KAAK,CAAC;IAClCK,KAAK,EAAET,CAAC,CAAC,mBAAmBI,KAAK,EAAE;EACrC,CAAC,CAAC,CAAC,EACL,CAACP,gBAAgB,EAAEK,YAAY,EAAEF,CAAC,CACpC,CAAC;EAED,OACE,IAAAL,WAAA,CAAAe,GAAA,EAAChB,MAAA,CAAAiB,UAAU;IACTC,SAAS,EAAEZ,CAAC,CAAC,2BAA2B,CAAE;IAC1Ca,WAAW,EAAEb,CAAC,CAAC,mBAAmBF,aAAa,EAAE,CAAE;IACnDgB,aAAa,EAAC,OAAO;IACrBC,mBAAmB,EAAE,KAAM;IAAAC,QAAA,EAE1BX,iBAAiB,CAACE,GAAG,CAAC,CAAC;MAAEH,KAAK;MAAEI,OAAO;MAAEC;IAAM,CAAC,KAC/C,IAAAd,WAAA,CAAAe,GAAA,EAAChB,MAAA,CAAAuB,QAAQ;MACPC,UAAU,EAAEpB,aAAa,KAAKM,KAAM;MAEpCI,OAAO,EAAEA,OAAQ;MAAAQ,QAAA,EAEhBP;IAAK,GAHDL,KAIG,CACX;EAAC,CACQ,CAAC;AAEjB,CAAC;AAED,MAAMe,sBAAsB,GAAAC,OAAA,CAAAxB,cAAA,GAAG,IAAAyB,WAAI,EAACzB,cAAc,CAAC;AACnDuB,sBAAsB,CAACG,WAAW,GAAG,gBAAgB","ignoreList":[]}

package/dist/cjs/labs/DataView/RowActions.cjs

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.RowActions = void 0;
 var _react = require("react");
 var _reactI18next = require("react-i18next");
-var _index = require("../../icons.generated/index.cjs");
-var _index2 = require("../../Buttons/index.cjs");
+var _index = require("../../Buttons/index.cjs");
+var _index2 = require("../../icons.generated/index.cjs");
 var _jsxRuntime = require("react/jsx-runtime");
 /*!
  * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
@@ -65,22 +65,22 @@ var _jsxRuntime = require("react/jsx-runtime");
   }, [row.id, rowIndex, totalRows, updateRowOrder]);
   return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [rowActionMenuItems && rowActionMenuItems(row), rowActionMenuItems && updateRowOrder && (0, _jsxRuntime.jsx)("hr", {}), updateRowOrder && (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [(0, _jsxRuntime.jsxs)(_index2.MenuItem, {
+      children: [(0, _jsxRuntime.jsxs)(_index.MenuItem, {
         isDisabled: rowIndex <= 0 || isRowReorderingDisabled,
         onClick: handleToFrontClick,
-        children: [(0, _jsxRuntime.jsx)(_index.ArrowTopIcon, {}), " ", t("table.reorder.tofront")]
-      }), (0, _jsxRuntime.jsxs)(_index2.MenuItem, {
+        children: [(0, _jsxRuntime.jsx)(_index2.ArrowTopIcon, {}), " ", t("table.reorder.tofront")]
+      }), (0, _jsxRuntime.jsxs)(_index.MenuItem, {
         isDisabled: rowIndex <= 0 || isRowReorderingDisabled,
         onClick: handleForwardClick,
-        children: [(0, _jsxRuntime.jsx)(_index.ArrowUpIcon, {}), " ", t("table.reorder.forward")]
-      }), (0, _jsxRuntime.jsxs)(_index2.MenuItem, {
+        children: [(0, _jsxRuntime.jsx)(_index2.ArrowUpIcon, {}), " ", t("table.reorder.forward")]
+      }), (0, _jsxRuntime.jsxs)(_index.MenuItem, {
         isDisabled: (totalRows ? rowIndex >= totalRows - 1 : false) || isRowReorderingDisabled,
         onClick: handleBackwardClick,
-        children: [(0, _jsxRuntime.jsx)(_index.ArrowDownIcon, {}), " ", t("table.reorder.backward")]
-      }), totalRows && (0, _jsxRuntime.jsxs)(_index2.MenuItem, {
+        children: [(0, _jsxRuntime.jsx)(_index2.ArrowDownIcon, {}), " ", t("table.reorder.backward")]
+      }), totalRows && (0, _jsxRuntime.jsxs)(_index.MenuItem, {
         isDisabled: rowIndex >= totalRows - 1 || isRowReorderingDisabled,
         onClick: handleToBackClick,
-        children: [(0, _jsxRuntime.jsx)(_index.ArrowBottomIcon, {}), " ", t("table.reorder.toback")]
+        children: [(0, _jsxRuntime.jsx)(_index2.ArrowBottomIcon, {}), " ", t("table.reorder.toback")]
       })]
     })]
   });

package/dist/cjs/labs/DataView/RowActions.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"RowActions.cjs","names":["_react","require","_reactI18next","_index","_index2","_jsxRuntime","RowActions","isRowReorderingDisabled","row","incomingRow","rowActionMenuItems","rowIndex","totalRows","updateRowOrder","t","useTranslation","original","handleToFrontClick","useCallback","rowId","id","newRowIndex","handleForwardClick","Math","max","handleBackwardClick","handleToBackClick","jsxs","Fragment","children","jsx","MenuItem","isDisabled","onClick","ArrowTopIcon","ArrowUpIcon","ArrowDownIcon","ArrowBottomIcon","MemoizedRowActions","exports","memo","displayName"],"sources":["../../../../src/labs/DataView/RowActions.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { Fragment, ReactElement, memo, useCallback } from \"react\";\nimport { MRT_Row, MRT_RowData } from \"material-react-table\";\nimport { useTranslation } from \"react-i18next\";\n\nimport {\n  ArrowBottomIcon,\n  ArrowDownIcon,\n  ArrowTopIcon,\n  ArrowUpIcon,\n} from \"../../icons.generated/index.js\";\nimport { Button, MenuButtonProps, MenuItem } from \"../../Buttons/index.js\";\nimport { DataTableProps } from \"./DataTable.js\";\n\n// Rows coming from TableLayoutContent will be in the MRT-expected row format,\n// while rows coming from CardLayoutContent will be pure data\ntype RowOrTableRow<TData extends MRT_RowData> = MRT_Row<TData> | TData;\n\nexport type RowActionsProps<TData extends MRT_RowData> = {\n  isRowReorderingDisabled?: boolean;\n  row: RowOrTableRow<TData>;\n  rowActionButtons?: (\n    row?: TData,\n  ) => ReactElement<typeof Button> | ReactElement<typeof Fragment>;\n  rowActionMenuItems?: (row: TData) => MenuButtonProps[\"children\"];\n  rowIndex: number;\n  totalRows?: DataTableProps<TData>[\"totalRows\"];\n  updateRowOrder?: ({\n    newRowIndex,\n    rowId,\n  }: {\n    newRowIndex: number;\n    rowId: string;\n  }) => void;\n};\n\nconst RowActions = <TData extends MRT_RowData>({\n  isRowReorderingDisabled,\n  row: incomingRow,\n  rowActionMenuItems,\n  rowIndex,\n  totalRows,\n  updateRowOrder,\n}: RowActionsProps<TData>) => {\n  const { t } = useTranslation();\n\n  const row = (\n    incomingRow.original ? incomingRow.original : incomingRow\n  ) as TData & { id: string };\n\n  const handleToFrontClick = useCallback(() => {\n    if (updateRowOrder) {\n      updateRowOrder({ rowId: row.id, newRowIndex: 0 });\n    }\n  }, [row.id, updateRowOrder]);\n\n  const handleForwardClick = useCallback(() => {\n    if (updateRowOrder) {\n      updateRowOrder({ rowId: row.id, newRowIndex: Math.max(0, rowIndex - 1) });\n    }\n  }, [row.id, rowIndex, updateRowOrder]);\n\n  const handleBackwardClick = useCallback(() => {\n    if (updateRowOrder) {\n      updateRowOrder({ rowId: row.id, newRowIndex: rowIndex + 1 });\n    }\n  }, [row.id, rowIndex, updateRowOrder]);\n\n  const handleToBackClick = useCallback(() => {\n    if (updateRowOrder) {\n      updateRowOrder({\n        rowId: row.id,\n        newRowIndex: totalRows ? totalRows - 1 : rowIndex,\n      });\n    }\n  }, [row.id, rowIndex, totalRows, updateRowOrder]);\n\n  return (\n    <>\n      {rowActionMenuItems && rowActionMenuItems(row)}\n      {rowActionMenuItems && updateRowOrder && <hr />}\n      {updateRowOrder && (\n        <>\n          <MenuItem\n            isDisabled={rowIndex <= 0 || isRowReorderingDisabled}\n            onClick={handleToFrontClick}\n          >\n            <ArrowTopIcon /> {t(\"table.reorder.tofront\")}\n          </MenuItem>\n          <MenuItem\n            isDisabled={rowIndex <= 0 || isRowReorderingDisabled}\n            onClick={handleForwardClick}\n          >\n            <ArrowUpIcon /> {t(\"table.reorder.forward\")}\n          </MenuItem>\n          <MenuItem\n            isDisabled={\n              (totalRows ? rowIndex >= totalRows - 1 : false) ||\n              isRowReorderingDisabled\n            }\n            onClick={handleBackwardClick}\n          >\n            <ArrowDownIcon /> {t(\"table.reorder.backward\")}\n          </MenuItem>\n          {totalRows && (\n            <MenuItem\n              isDisabled={rowIndex >= totalRows - 1 || isRowReorderingDisabled}\n              onClick={handleToBackClick}\n            >\n              <ArrowBottomIcon /> {t(\"table.reorder.toback\")}\n            </MenuItem>\n          )}\n        </>\n      )}\n    </>\n  );\n};\n\nconst MemoizedRowActions = memo(RowActions);\nMemoizedRowActions.displayName = \"RowActions\";\n\nexport { MemoizedRowActions as RowActions };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"RowActions.cjs","names":["_react","require","_reactI18next","_index","_index2","_jsxRuntime","RowActions","isRowReorderingDisabled","row","incomingRow","rowActionMenuItems","rowIndex","totalRows","updateRowOrder","t","useTranslation","original","handleToFrontClick","useCallback","rowId","id","newRowIndex","handleForwardClick","Math","max","handleBackwardClick","handleToBackClick","jsxs","Fragment","children","jsx","MenuItem","isDisabled","onClick","ArrowTopIcon","ArrowUpIcon","ArrowDownIcon","ArrowBottomIcon","MemoizedRowActions","exports","memo","displayName"],"sources":["../../../../src/labs/DataView/RowActions.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { MRT_Row, MRT_RowData } from \"material-react-table\";\nimport { Fragment, memo, ReactElement, useCallback } from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { Button, MenuButtonProps, MenuItem } from \"../../Buttons/index.js\";\nimport {\n  ArrowBottomIcon,\n  ArrowDownIcon,\n  ArrowTopIcon,\n  ArrowUpIcon,\n} from \"../../icons.generated/index.js\";\nimport { DataTableProps } from \"./DataTable.js\";\n\n// Rows coming from TableLayoutContent will be in the MRT-expected row format,\n// while rows coming from CardLayoutContent will be pure data\ntype RowOrTableRow<TData extends MRT_RowData> = MRT_Row<TData> | TData;\n\nexport type RowActionsProps<TData extends MRT_RowData> = {\n  isRowReorderingDisabled?: boolean;\n  row: RowOrTableRow<TData>;\n  rowActionButtons?: (\n    row?: TData,\n  ) => ReactElement<typeof Button> | ReactElement<typeof Fragment>;\n  rowActionMenuItems?: (row: TData) => MenuButtonProps[\"children\"];\n  rowIndex: number;\n  totalRows?: DataTableProps<TData>[\"totalRows\"];\n  updateRowOrder?: ({\n    newRowIndex,\n    rowId,\n  }: {\n    newRowIndex: number;\n    rowId: string;\n  }) => void;\n};\n\nconst RowActions = <TData extends MRT_RowData>({\n  isRowReorderingDisabled,\n  row: incomingRow,\n  rowActionMenuItems,\n  rowIndex,\n  totalRows,\n  updateRowOrder,\n}: RowActionsProps<TData>) => {\n  const { t } = useTranslation();\n\n  const row = (\n    incomingRow.original ? incomingRow.original : incomingRow\n  ) as TData & { id: string };\n\n  const handleToFrontClick = useCallback(() => {\n    if (updateRowOrder) {\n      updateRowOrder({ rowId: row.id, newRowIndex: 0 });\n    }\n  }, [row.id, updateRowOrder]);\n\n  const handleForwardClick = useCallback(() => {\n    if (updateRowOrder) {\n      updateRowOrder({ rowId: row.id, newRowIndex: Math.max(0, rowIndex - 1) });\n    }\n  }, [row.id, rowIndex, updateRowOrder]);\n\n  const handleBackwardClick = useCallback(() => {\n    if (updateRowOrder) {\n      updateRowOrder({ rowId: row.id, newRowIndex: rowIndex + 1 });\n    }\n  }, [row.id, rowIndex, updateRowOrder]);\n\n  const handleToBackClick = useCallback(() => {\n    if (updateRowOrder) {\n      updateRowOrder({\n        rowId: row.id,\n        newRowIndex: totalRows ? totalRows - 1 : rowIndex,\n      });\n    }\n  }, [row.id, rowIndex, totalRows, updateRowOrder]);\n\n  return (\n    <>\n      {rowActionMenuItems && rowActionMenuItems(row)}\n      {rowActionMenuItems && updateRowOrder && <hr />}\n      {updateRowOrder && (\n        <>\n          <MenuItem\n            isDisabled={rowIndex <= 0 || isRowReorderingDisabled}\n            onClick={handleToFrontClick}\n          >\n            <ArrowTopIcon /> {t(\"table.reorder.tofront\")}\n          </MenuItem>\n          <MenuItem\n            isDisabled={rowIndex <= 0 || isRowReorderingDisabled}\n            onClick={handleForwardClick}\n          >\n            <ArrowUpIcon /> {t(\"table.reorder.forward\")}\n          </MenuItem>\n          <MenuItem\n            isDisabled={\n              (totalRows ? rowIndex >= totalRows - 1 : false) ||\n              isRowReorderingDisabled\n            }\n            onClick={handleBackwardClick}\n          >\n            <ArrowDownIcon /> {t(\"table.reorder.backward\")}\n          </MenuItem>\n          {totalRows && (\n            <MenuItem\n              isDisabled={rowIndex >= totalRows - 1 || isRowReorderingDisabled}\n              onClick={handleToBackClick}\n            >\n              <ArrowBottomIcon /> {t(\"table.reorder.toback\")}\n            </MenuItem>\n          )}\n        </>\n      )}\n    </>\n  );\n};\n\nconst MemoizedRowActions = memo(RowActions);\nMemoizedRowActions.displayName = \"RowActions\";\n\nexport { MemoizedRowActions as RowActions };\n"],"mappings":"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","ignoreList":[]}