@okta/odyssey-react-mui 1.44.0 → 1.45.0

package/dist/esm/labs/DataView/CardLayoutContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardLayoutContent.js","names":["styled","memo","useCallback","Box","CircularProgress","useOdysseyDesignTokens","DataCard","RowActions","jsx","_jsx","Fragment","_Fragment","StackContainer","shouldForwardProp","prop","odysseyDesignTokens","currentLayout","maxGridColumns","display","flexDirection","columnGap","Spacing5","gridTemplateColumns","LoadingContainer","alignItems","justifyContent","width","paddingBlock","CheckboxContainer","marginBlockStart","Spacing1","CardLayoutContent","data","emptyState","hasRowReordering","hasRowSelection","isEmpty","isLoading","isNoResults","isRowReorderingDisabled","onReorderRows","pagination","rowReorderingUtilities","rowSelection","setRowSelection","cardLayoutOptions","totalRows","handleRowSelectionChange","row","Object","fromEntries","id","entries","filter","key","concat","updateRowOrder","children","length","role","map","index","overline","title","description","image","variant","button","itemProps","currentIndex","pageIndex","pageSize","Accessory","_Checkbox","checked","onChange","menuButtonChildren","rowActionMenuItems","rowIndex","undefined","renderDetailPanel","MemoizedCardLayoutContent","displayName"],"sources":["../../../../src/labs/DataView/CardLayoutContent.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, { CSSObject } from \"@emotion/styled\";\nimport { Checkbox as MuiCheckbox } from \"@mui/material\";\nimport {\n  MRT_Row,\n  MRT_RowData,\n  MRT_RowSelectionState,\n  MRT_TableInstance,\n} from \"material-react-table\";\nimport { Dispatch, memo, ReactNode, SetStateAction, useCallback } from \"react\";\n\nimport { Box } from \"../../Box.js\";\nimport { CircularProgress } from \"../../CircularProgress.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../../OdysseyDesignTokensContext.js\";\nimport {\n  CardLayout,\n  CardLayoutProps,\n  UniversalProps,\n} from \"./componentTypes.js\";\nimport { DataCard } from \"./DataCard.js\";\nimport { RowActions } from \"./RowActions.js\";\n\nexport type CardLayoutContentProps<TData extends MRT_RowData> = {\n  cardLayoutOptions: CardLayoutProps<TData>;\n  currentLayout: CardLayout;\n  data: TData[];\n  draggingRow?: MRT_Row<TData> | null;\n  emptyState: ReactNode;\n  getRowId: UniversalProps<TData>[\"getRowId\"];\n  hasRowReordering: UniversalProps<TData>[\"hasRowReordering\"];\n  hasRowSelection: UniversalProps<TData>[\"hasRowSelection\"];\n  isEmpty?: boolean;\n  isLoading: boolean;\n  isNoResults?: boolean;\n  isRowReorderingDisabled?: boolean;\n  onReorderRows: UniversalProps<TData>[\"onReorderRows\"];\n  pagination: { pageIndex: number; pageSize: number };\n  rowReorderingUtilities: {\n    draggableTableBodyRowClassName: ({\n      currentRowId,\n      draggingRowId,\n      hoveredRowId,\n    }: {\n      currentRowId: string;\n      draggingRowId?: string;\n      hoveredRowId?: string;\n    }) => string | undefined;\n    dragHandleStyles: CSSObject;\n    dragHandleText: {\n      \"aria-label\": string;\n      title: string;\n    };\n    handleDragHandleKeyDown: ({\n      table,\n      row,\n      event,\n    }: {\n      event: React.KeyboardEvent<HTMLButtonElement>;\n      row: MRT_Row<TData>;\n      table: MRT_TableInstance<TData>;\n    }) => void;\n    handleDragHandleOnDragCapture: (table: MRT_TableInstance<TData>) => void;\n    handleDragHandleOnDragEnd: (table: MRT_TableInstance<TData>) => void;\n    resetDraggingAndHoveredRow: (table: MRT_TableInstance<TData>) => void;\n    updateRowOrder: ({\n      rowId,\n      newRowIndex,\n    }: {\n      newRowIndex: number;\n      rowId: string;\n    }) => void;\n  };\n  rowSelection: MRT_RowSelectionState;\n  setRowSelection: Dispatch<SetStateAction<MRT_RowSelectionState>>;\n  totalRows: UniversalProps<TData>[\"totalRows\"];\n};\ntype CardLayoutContentComponent = (<TData extends MRT_RowData>(\n  props: CardLayoutContentProps<TData>,\n) => JSX.Element) & {\n  displayName?: string;\n};\n\nconst StackContainer = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" &&\n    prop !== \"currentLayout\" &&\n    prop !== \"maxGridColumns\",\n})<{\n  currentLayout: CardLayout;\n  maxGridColumns: number;\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens, currentLayout, maxGridColumns }) => ({\n  display: currentLayout === \"list\" ? \"flex\" : \"grid\",\n  flexDirection: \"column\",\n  columnGap: odysseyDesignTokens.Spacing5,\n\n  ...(currentLayout === \"grid\" && {\n    [`@media (max-width: 720px)`]: {\n      gridTemplateColumns: \"repeat(1, 1fr)\",\n    },\n    [`@media (min-width: 720px) and (max-width: 960px)`]: {\n      gridTemplateColumns: \"repeat(2, 1fr)\",\n    },\n    [`@media (min-width: 960px)`]: {\n      gridTemplateColumns: `repeat(${maxGridColumns}, 1fr)`,\n    },\n  }),\n}));\n\nconst LoadingContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  width: \"100%\",\n  paddingBlock: odysseyDesignTokens.Spacing5,\n}));\n\nconst CheckboxContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  marginBlockStart: `-${odysseyDesignTokens.Spacing1}`,\n}));\n\nconst CardLayoutContent = <TData extends MRT_RowData>({\n  currentLayout,\n  data,\n  emptyState,\n  hasRowReordering,\n  hasRowSelection,\n  isEmpty,\n  isLoading,\n  isNoResults,\n  isRowReorderingDisabled,\n  onReorderRows,\n  pagination,\n  rowReorderingUtilities,\n  rowSelection,\n  setRowSelection,\n  cardLayoutOptions,\n  totalRows,\n}: CardLayoutContentProps<TData>) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  const handleRowSelectionChange = useCallback(\n    (row: TData) => {\n      setRowSelection((rowSelection) =>\n        Object.fromEntries(\n          row.id in rowSelection\n            ? Object.entries(rowSelection).filter(([key]) => key !== row.id)\n            : Object.entries(rowSelection).concat([[row.id, true]]),\n        ),\n      );\n    },\n    [setRowSelection],\n  );\n\n  const { updateRowOrder } = rowReorderingUtilities;\n\n  return (\n    <Box>\n      {isLoading ? (\n        <LoadingContainer odysseyDesignTokens={odysseyDesignTokens}>\n          <CircularProgress />\n        </LoadingContainer>\n      ) : (\n        <>\n          {!data || data.length === 0 || isEmpty || isNoResults ? (\n            <Box>{emptyState}</Box>\n          ) : (\n            <StackContainer\n              currentLayout={currentLayout}\n              maxGridColumns={cardLayoutOptions.maxGridColumns ?? 3}\n              odysseyDesignTokens={odysseyDesignTokens}\n              role=\"list\"\n            >\n              {data.map((row, index) => {\n                const {\n                  overline,\n                  title,\n                  description,\n                  image,\n                  children,\n                  variant,\n                  button,\n                } = cardLayoutOptions.itemProps(row);\n                const currentIndex =\n                  index + (pagination.pageIndex - 1) * pagination.pageSize;\n\n                return (\n                  <DataCard\n                    Accessory={\n                      hasRowSelection && (\n                        // Negative margin to counteract the checkbox's inbuilt spacing\n                        <CheckboxContainer\n                          odysseyDesignTokens={odysseyDesignTokens}\n                        >\n                          <MuiCheckbox\n                            checked={rowSelection[row.id as string] ?? false}\n                            onChange={() => handleRowSelectionChange(row)}\n                          />\n                        </CheckboxContainer>\n                      )\n                    }\n                    button={button}\n                    children={children}\n                    description={description}\n                    image={image}\n                    key={row.id as string}\n                    menuButtonChildren={\n                      (cardLayoutOptions.rowActionMenuItems ||\n                        hasRowReordering) && (\n                        <RowActions\n                          isRowReorderingDisabled={isRowReorderingDisabled}\n                          row={row}\n                          rowActionMenuItems={\n                            cardLayoutOptions.rowActionMenuItems as CardLayoutProps<MRT_RowData>[\"rowActionMenuItems\"]\n                          }\n                          rowIndex={currentIndex}\n                          totalRows={totalRows}\n                          updateRowOrder={\n                            hasRowReordering && onReorderRows\n                              ? updateRowOrder\n                              : undefined\n                          }\n                        />\n                      )\n                    }\n                    overline={overline}\n                    renderDetailPanel={cardLayoutOptions.renderDetailPanel}\n                    row={row}\n                    title={title}\n                    variant={variant}\n                  />\n                );\n              })}\n            </StackContainer>\n          )}\n        </>\n      )}\n    </Box>\n  );\n};\n\nconst MemoizedCardLayoutContent = memo(\n  CardLayoutContent,\n) as CardLayoutContentComponent;\nMemoizedCardLayoutContent.displayName = \"CardLayoutContent\";\n\nexport { MemoizedCardLayoutContent as CardLayoutContent };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"CardLayoutContent.js","names":["styled","memo","useCallback","useMemo","Box","CircularProgress","useOdysseyDesignTokens","DataCard","RowActions","jsx","_jsx","Fragment","_Fragment","StackContainer","shouldForwardProp","prop","odysseyDesignTokens","currentLayout","maxGridColumns","display","flexDirection","columnGap","Spacing5","gridTemplateColumns","LoadingContainer","alignItems","justifyContent","width","paddingBlock","RowDataCard","cardLayoutOptions","currentIndex","handleRowSelectionChange","hasRowReordering","hasRowSelection","isRowReorderingDisabled","onReorderRows","row","rowReorderingUtilities","rowSelection","totalRows","overline","title","description","image","children","variant","itemProps","onSelectionChange","detailPanel","renderDetailPanel","menuButtonChildren","rowActionMenuItems","rowIndex","updateRowOrder","undefined","hasSelection","isSelected","id","MemoizedRowDataCard","displayName","CardLayoutContent","data","emptyState","isEmpty","isLoading","isNoResults","pagination","setRowSelection","Object","fromEntries","entries","filter","key","concat","length","role","map","index","pageIndex","pageSize","MemoizedCardLayoutContent"],"sources":["../../../../src/labs/DataView/CardLayoutContent.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, { CSSObject } from \"@emotion/styled\";\nimport {\n  MRT_Row,\n  MRT_RowData,\n  MRT_RowSelectionState,\n  MRT_TableInstance,\n} from \"material-react-table\";\nimport {\n  Dispatch,\n  memo,\n  ReactNode,\n  SetStateAction,\n  useCallback,\n  useMemo,\n} from \"react\";\n\nimport { Box } from \"../../Box.js\";\nimport { CircularProgress } from \"../../CircularProgress.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../../OdysseyDesignTokensContext.js\";\nimport {\n  CardLayout,\n  CardLayoutProps,\n  UniversalProps,\n} from \"./componentTypes.js\";\nimport { DataCard } from \"./DataCard.js\";\nimport { RowActions } from \"./RowActions.js\";\n\nexport type CardLayoutContentProps<TData extends MRT_RowData> = {\n  cardLayoutOptions: CardLayoutProps<TData>;\n  currentLayout: CardLayout;\n  data: TData[];\n  draggingRow?: MRT_Row<TData> | null;\n  emptyState: ReactNode;\n  getRowId: UniversalProps<TData>[\"getRowId\"];\n  hasRowReordering: UniversalProps<TData>[\"hasRowReordering\"];\n  hasRowSelection: UniversalProps<TData>[\"hasRowSelection\"];\n  isEmpty?: boolean;\n  isLoading: boolean;\n  isNoResults?: boolean;\n  isRowReorderingDisabled?: boolean;\n  onReorderRows: UniversalProps<TData>[\"onReorderRows\"];\n  pagination: { pageIndex: number; pageSize: number };\n  rowReorderingUtilities: {\n    draggableTableBodyRowClassName: ({\n      currentRowId,\n      draggingRowId,\n      hoveredRowId,\n    }: {\n      currentRowId: string;\n      draggingRowId?: string;\n      hoveredRowId?: string;\n    }) => string | undefined;\n    dragHandleStyles: CSSObject;\n    dragHandleText: {\n      \"aria-label\": string;\n      title: string;\n    };\n    handleDragHandleKeyDown: ({\n      table,\n      row,\n      event,\n    }: {\n      event: React.KeyboardEvent<HTMLButtonElement>;\n      row: MRT_Row<TData>;\n      table: MRT_TableInstance<TData>;\n    }) => void;\n    handleDragHandleOnDragCapture: (table: MRT_TableInstance<TData>) => void;\n    handleDragHandleOnDragEnd: (table: MRT_TableInstance<TData>) => void;\n    resetDraggingAndHoveredRow: (table: MRT_TableInstance<TData>) => void;\n    updateRowOrder: ({\n      rowId,\n      newRowIndex,\n    }: {\n      newRowIndex: number;\n      rowId: string;\n    }) => void;\n  };\n  rowSelection: MRT_RowSelectionState;\n  setRowSelection: Dispatch<SetStateAction<MRT_RowSelectionState>>;\n  totalRows: UniversalProps<TData>[\"totalRows\"];\n};\ntype CardLayoutContentComponent = (<TData extends MRT_RowData>(\n  props: CardLayoutContentProps<TData>,\n) => JSX.Element) & {\n  displayName?: string;\n};\ntype RowDataCardProps<TData extends MRT_RowData> = {\n  currentIndex: number;\n  handleRowSelectionChange: (row: TData) => void;\n  row: TData;\n} & Pick<\n  CardLayoutContentProps<TData>,\n  | \"cardLayoutOptions\"\n  | \"hasRowReordering\"\n  | \"hasRowSelection\"\n  | \"isRowReorderingDisabled\"\n  | \"onReorderRows\"\n  | \"rowReorderingUtilities\"\n  | \"rowSelection\"\n  | \"totalRows\"\n>;\ntype RowDataCardComponent = (<TData extends MRT_RowData>(\n  props: RowDataCardProps<TData>,\n) => JSX.Element) & {\n  displayName?: string;\n};\n\nconst StackContainer = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" &&\n    prop !== \"currentLayout\" &&\n    prop !== \"maxGridColumns\",\n})<{\n  currentLayout: CardLayout;\n  maxGridColumns: number;\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens, currentLayout, maxGridColumns }) => ({\n  display: currentLayout === \"list\" ? \"flex\" : \"grid\",\n  flexDirection: \"column\",\n  columnGap: odysseyDesignTokens.Spacing5,\n\n  ...(currentLayout === \"grid\" && {\n    [`@media (max-width: 720px)`]: {\n      gridTemplateColumns: \"repeat(1, 1fr)\",\n    },\n    [`@media (min-width: 720px) and (max-width: 960px)`]: {\n      gridTemplateColumns: \"repeat(2, 1fr)\",\n    },\n    [`@media (min-width: 960px)`]: {\n      gridTemplateColumns: `repeat(${maxGridColumns}, 1fr)`,\n    },\n  }),\n}));\n\nconst LoadingContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  width: \"100%\",\n  paddingBlock: odysseyDesignTokens.Spacing5,\n}));\n\nconst RowDataCard = <TData extends MRT_RowData>({\n  cardLayoutOptions,\n  currentIndex,\n  handleRowSelectionChange,\n  hasRowReordering,\n  hasRowSelection,\n  isRowReorderingDisabled,\n  onReorderRows,\n  row,\n  rowReorderingUtilities,\n  rowSelection,\n  totalRows,\n}: RowDataCardProps<TData>) => {\n  const { overline, title, description, image, children, variant } =\n    cardLayoutOptions.itemProps(row);\n\n  const onSelectionChange = useCallback(\n    () => handleRowSelectionChange(row),\n    [handleRowSelectionChange, row],\n  );\n\n  const detailPanel = useMemo(\n    () => cardLayoutOptions.renderDetailPanel?.({ row }),\n    [cardLayoutOptions, row],\n  );\n\n  const menuButtonChildren = useMemo(\n    () =>\n      cardLayoutOptions.rowActionMenuItems || hasRowReordering ? (\n        <RowActions\n          isRowReorderingDisabled={isRowReorderingDisabled}\n          row={row}\n          rowActionMenuItems={\n            cardLayoutOptions.rowActionMenuItems as CardLayoutProps<MRT_RowData>[\"rowActionMenuItems\"]\n          }\n          rowIndex={currentIndex}\n          totalRows={totalRows}\n          updateRowOrder={\n            hasRowReordering && onReorderRows\n              ? rowReorderingUtilities.updateRowOrder\n              : undefined\n          }\n        />\n      ) : null,\n    [\n      cardLayoutOptions.rowActionMenuItems,\n      currentIndex,\n      hasRowReordering,\n      isRowReorderingDisabled,\n      onReorderRows,\n      row,\n      rowReorderingUtilities,\n      totalRows,\n    ],\n  );\n\n  return (\n    <DataCard\n      children={children}\n      description={description}\n      detailPanel={detailPanel}\n      hasSelection={hasRowSelection}\n      image={image}\n      isSelected={rowSelection[row.id as number] ?? false}\n      key={row.id as string}\n      menuButtonChildren={menuButtonChildren}\n      onSelectionChange={onSelectionChange}\n      overline={overline}\n      title={title}\n      variant={variant}\n    />\n  );\n};\n\nconst MemoizedRowDataCard = memo(RowDataCard) as RowDataCardComponent;\nMemoizedRowDataCard.displayName = \"RowDataCard\";\n\nconst CardLayoutContent = <TData extends MRT_RowData>({\n  currentLayout,\n  data,\n  emptyState,\n  hasRowReordering,\n  hasRowSelection,\n  isEmpty,\n  isLoading,\n  isNoResults,\n  isRowReorderingDisabled,\n  onReorderRows,\n  pagination,\n  rowReorderingUtilities,\n  rowSelection,\n  setRowSelection,\n  cardLayoutOptions,\n  totalRows,\n}: CardLayoutContentProps<TData>) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  const handleRowSelectionChange = useCallback(\n    (row: TData) => {\n      setRowSelection((rowSelection) =>\n        Object.fromEntries(\n          row.id in rowSelection\n            ? Object.entries(rowSelection).filter(([key]) => key !== row.id)\n            : Object.entries(rowSelection).concat([[row.id, true]]),\n        ),\n      );\n    },\n    [setRowSelection],\n  );\n\n  return (\n    <Box>\n      {isLoading ? (\n        <LoadingContainer odysseyDesignTokens={odysseyDesignTokens}>\n          <CircularProgress />\n        </LoadingContainer>\n      ) : (\n        <>\n          {!data || data.length === 0 || isEmpty || isNoResults ? (\n            <Box>{emptyState}</Box>\n          ) : (\n            <StackContainer\n              currentLayout={currentLayout}\n              maxGridColumns={cardLayoutOptions.maxGridColumns ?? 3}\n              odysseyDesignTokens={odysseyDesignTokens}\n              role=\"list\"\n            >\n              {data.map((row, index) => {\n                const currentIndex =\n                  index + (pagination.pageIndex - 1) * pagination.pageSize;\n\n                return (\n                  <MemoizedRowDataCard\n                    cardLayoutOptions={cardLayoutOptions}\n                    currentIndex={currentIndex}\n                    handleRowSelectionChange={handleRowSelectionChange}\n                    hasRowReordering={hasRowReordering}\n                    hasRowSelection={hasRowSelection}\n                    isRowReorderingDisabled={isRowReorderingDisabled}\n                    key={row.id as string}\n                    onReorderRows={onReorderRows}\n                    row={row}\n                    rowReorderingUtilities={rowReorderingUtilities}\n                    rowSelection={rowSelection}\n                    totalRows={totalRows}\n                  />\n                );\n              })}\n            </StackContainer>\n          )}\n        </>\n      )}\n    </Box>\n  );\n};\n\nconst MemoizedCardLayoutContent = memo(\n  CardLayoutContent,\n) as CardLayoutContentComponent;\nMemoizedCardLayoutContent.displayName = \"CardLayoutContent\";\n\nexport { MemoizedCardLayoutContent as CardLayoutContent };\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/labs/DataView/DataCard.js

@@ -1,7 +1,5 @@
-import _Card from "@mui/material/Card";
-import _CardActionArea from "@mui/material/CardActionArea";
-import _CardActions from "@mui/material/CardActions";
 import _Tooltip from "@mui/material/Tooltip";
+import _Checkbox from "@mui/material/Checkbox";
 import _IconButton from "@mui/material/IconButton";
 /*!
  * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
@@ -16,209 +14,82 @@ import _IconButton from "@mui/material/IconButton";
  */
 
 import styled from "@emotion/styled";
-import { memo, useMemo, useState } from "react";
+import { memo, useId, useMemo, useState } from "react";
 import { useTranslation } from "react-i18next";
-import { Box } from "../../Box.js";
-import { ButtonContext, MenuButton } from "../../Buttons/index.js";
-import { ChevronDownIcon, ChevronUpIcon, MoreIcon } from "../../icons.generated/index.js";
+import { Card } from "../../Card.js";
+import { ChevronDownIcon } from "../../icons.generated/ChevronDown.js";
+import { ChevronUpIcon } from "../../icons.generated/ChevronUp.js";
 import { useOdysseyDesignTokens } from "../../OdysseyDesignTokensContext.js";
-import { Heading5, Paragraph, Support } from "../../Typography.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const CARD_IMAGE_SIZE = "64px";
-export const CARD_IMAGE_SIZE_COMPACT = "48px";
-export const cardVariantValues = ["tile", "stack", "compact"];
-const StyledAccessoryContainer = styled("div", {
-  shouldForwardProp: prop => prop !== "odysseyDesignTokens" && prop !== "variant"
-})(({
-  odysseyDesignTokens,
-  variant
-}) => ({
-  display: "flex",
-  flexDirection: variant === "compact" ? "row" : "column",
-  alignItems: "center",
-  gap: odysseyDesignTokens.Spacing2,
-  height: variant === "compact" ? CARD_IMAGE_SIZE_COMPACT : "auto"
-}));
-const StyledImageContainer = styled("div", {
-  shouldForwardProp: prop => prop !== "odysseyDesignTokens" && prop !== "hasMenuButtonChildren" && prop !== "variant"
-})(({
-  odysseyDesignTokens,
-  hasMenuButtonChildren,
-  variant
-}) => ({
-  display: "flex",
-  alignItems: "flex-start",
-  height: variant === "compact" ? CARD_IMAGE_SIZE_COMPACT : CARD_IMAGE_SIZE,
-  maxHeight: variant === "compact" ? CARD_IMAGE_SIZE_COMPACT : CARD_IMAGE_SIZE,
-  marginBlockEnd: variant === "tile" ? odysseyDesignTokens.Spacing5 : 0,
-  paddingRight: hasMenuButtonChildren ? odysseyDesignTokens.Spacing5 : 0
-}));
-const StyledMenuButtonContainer = styled("div", {
-  shouldForwardProp: prop => prop !== "odysseyDesignTokens"
-})(({
-  odysseyDesignTokens,
-  variant
-}) => ({
-  position: "absolute",
-  right: odysseyDesignTokens.Spacing3,
-  top: variant === "compact" ? odysseyDesignTokens.Spacing4 : odysseyDesignTokens.Spacing3,
-  height: variant === "compact" ? CARD_IMAGE_SIZE_COMPACT : "auto",
-  display: "flex",
-  alignItems: "center"
-}));
-const StyledCardInnerContainer = styled("div", {
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const CheckboxContainer = styled("div", {
   shouldForwardProp: prop => prop !== "odysseyDesignTokens"
 })(({
   odysseyDesignTokens
 }) => ({
-  display: "flex",
-  gap: odysseyDesignTokens.Spacing3
-}));
-const StyledCardImageAndContentContainer = styled("div", {
-  shouldForwardProp: prop => prop !== "variant" && prop !== "centerContent"
-})(({
-  variant,
-  centerContent
-}) => ({
-  display: "flex",
-  flexDirection: variant === "tile" ? "column" : "row",
-  alignItems: centerContent ? "center" : "flex-start"
+  marginBlockStart: `-${odysseyDesignTokens.Spacing1}`
 }));
-const StyledCardContent = styled("div", {
-  shouldForwardProp: prop => prop !== "odysseyDesignTokens" && prop !== "variant"
-})(({
-  odysseyDesignTokens,
-  variant
-}) => ({
-  "& > .MuiTypography-h5:not(:last-child)": {
-    marginBlockEnd: `${variant === "compact" ? odysseyDesignTokens.Spacing1 : odysseyDesignTokens.Spacing3} !important`
-  },
-  "& > *:last-child": {
-    marginBlockEnd: 0
-  }
-}));
-const StyledCardChildrenContainer = styled("div", {
-  shouldForwardProp: prop => prop !== "odysseyDesignTokens"
-})(({
-  odysseyDesignTokens
-}) => ({
-  ["&:not(:first-child)"]: {
-    marginBlockStart: odysseyDesignTokens.Spacing3
-  }
-}));
-const StyledAccessoryPlaceholder = styled(_IconButton)({
+const AccessoryPlaceholder = styled(_IconButton)(() => ({
   visibility: "hidden"
-});
-const buttonProviderValue = {
-  isFullWidth: true
-};
+}));
 const DataCard = ({
-  Accessory: AccessoryProp,
-  button,
   children,
   description,
+  detailPanel,
+  hasSelection,
   image,
-  menuButtonChildren,
-  onClick,
+  isSelected,
+  onSelectionChange,
   overline,
-  renderDetailPanel,
-  row,
   title,
-  variant = "tile"
+  variant,
+  menuButtonChildren
 }) => {
   const odysseyDesignTokens = useOdysseyDesignTokens();
   const {
     t
   } = useTranslation();
-  const [isDetailPanelOpen, setIsDetailPanelOpen] = useState(false);
+  const titleId = useId();
+  const [isExpanded, setIsExpanded] = useState(false);
+  const SelectionCheckbox = useMemo(() => _jsx(CheckboxContainer, {
+    odysseyDesignTokens: odysseyDesignTokens,
+    children: _jsx(_Checkbox, {
+      checked: isSelected,
+      inputProps: {
+        "aria-labelledby": titleId
+      },
+      onChange: onSelectionChange
+    })
+  }), [isSelected, odysseyDesignTokens, onSelectionChange, titleId]);
   const ExpansionToggle = useMemo(() => {
-    return renderDetailPanel?.({
-      row
-    }) ? _jsx(_Tooltip, {
-      title: isDetailPanelOpen ? t("table.rowexpansion.collapse") : t("table.rowexpansion.expand"),
+    return detailPanel ? _jsx(_Tooltip, {
+      title: isExpanded ? t("table.rowexpansion.collapse") : t("table.rowexpansion.expand"),
       children: _jsx(_IconButton, {
-        "aria-label": isDetailPanelOpen ? t("table.rowexpansion.collapse") : t("table.rowexpansion.expand"),
-        children: isDetailPanelOpen ? _jsx(ChevronUpIcon, {}) : _jsx(ChevronDownIcon, {}),
-        onClick: () => setIsDetailPanelOpen(!isDetailPanelOpen)
+        "aria-label": isExpanded ? t("table.rowexpansion.collapse") : t("table.rowexpansion.expand"),
+        children: isExpanded ? _jsx(ChevronUpIcon, {}) : _jsx(ChevronDownIcon, {}),
+        onClick: () => setIsExpanded(!isExpanded)
       })
-    }) : _jsx(StyledAccessoryPlaceholder, {
+    }) : _jsx(AccessoryPlaceholder, {
       disabled: true,
       children: _jsx(ChevronDownIcon, {})
     });
-  }, [isDetailPanelOpen, renderDetailPanel, row, t]);
+  }, [isExpanded, detailPanel, t]);
   const Accessory = useMemo(() => {
-    return _jsxs(StyledAccessoryContainer, {
-      odysseyDesignTokens: odysseyDesignTokens,
-      variant: variant,
-      children: [AccessoryProp, renderDetailPanel && ExpansionToggle]
-    });
-  }, [AccessoryProp, ExpansionToggle, odysseyDesignTokens, renderDetailPanel, variant]);
-  const cardContent = useMemo(() => {
-    const countDefinedProps = props => {
-      return props.filter(prop => prop !== undefined).length;
-    };
-    const shouldCenterContent = variant === "compact" && (!renderDetailPanel || !isDetailPanelOpen) && countDefinedProps([title, description, overline, button, children]) <= 2;
-    return _jsxs(StyledCardInnerContainer, {
-      odysseyDesignTokens: odysseyDesignTokens,
-      children: [(AccessoryProp || renderDetailPanel) && _jsx(Box, {
-        children: Accessory
-      }), _jsxs(StyledCardImageAndContentContainer, {
-        centerContent: shouldCenterContent,
-        variant: variant,
-        children: [image && _jsx(StyledImageContainer, {
-          hasMenuButtonChildren: Boolean(menuButtonChildren),
-          odysseyDesignTokens: odysseyDesignTokens,
-          variant: variant,
-          children: image
-        }), _jsxs(StyledCardContent, {
-          odysseyDesignTokens: odysseyDesignTokens,
-          variant: variant,
-          children: [overline && _jsx(Support, {
-            component: "div",
-            children: overline
-          }), title && _jsx(Heading5, {
-            component: "div",
-            children: title
-          }), description && _jsx(Paragraph, {
-            color: "textSecondary",
-            children: description
-          }), button && _jsx(_CardActions, {
-            children: _jsx(ButtonContext.Provider, {
-              value: buttonProviderValue,
-              children: button
-            })
-          }), children && _jsx(StyledCardChildrenContainer, {
-            odysseyDesignTokens: odysseyDesignTokens,
-            children: children
-          }), renderDetailPanel && isDetailPanelOpen && _jsx(StyledCardChildrenContainer, {
-            odysseyDesignTokens: odysseyDesignTokens,
-            children: renderDetailPanel({
-              row
-            })
-          })]
-        })]
-      })]
+    return _jsxs(_Fragment, {
+      children: [hasSelection && SelectionCheckbox, ExpansionToggle]
     });
-  }, [odysseyDesignTokens, AccessoryProp, renderDetailPanel, Accessory, variant, image, menuButtonChildren, overline, title, description, button, children, isDetailPanelOpen, row]);
-  return _jsxs(_Card, {
-    className: `${onClick ? "isClickable" : ""} ${Accessory ? "hasAccessory" : ""} ods-card-${variant}`,
-    role: "listitem",
-    children: [onClick ? _jsx(_CardActionArea, {
-      onClick: onClick,
-      children: cardContent
-    }) : cardContent, menuButtonChildren && _jsx(StyledMenuButtonContainer, {
-      odysseyDesignTokens: odysseyDesignTokens,
-      variant: variant,
-      children: _jsx(MenuButton, {
-        ariaLabel: t("table.moreactions.arialabel"),
-        buttonVariant: "floating",
-        endIcon: _jsx(MoreIcon, {}),
-        menuAlignment: "right",
-        size: "small",
-        tooltipText: t("table.actions"),
-        children: menuButtonChildren
-      })
-    })]
+  }, [ExpansionToggle, SelectionCheckbox, hasSelection]);
+  return _jsx(Card, {
+    __role: "listitem",
+    accessory: Accessory,
+    children: children,
+    description: description,
+    detailPanel: isExpanded && detailPanel,
+    image: image,
+    menuButtonChildren: menuButtonChildren,
+    overline: overline,
+    title: title,
+    titleId: titleId,
+    variant: variant
   });
 };
 const MemoizedDataCard = memo(DataCard);

package/dist/esm/labs/DataView/DataCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataCard.js","names":["styled","memo","useMemo","useState","useTranslation","Box","ButtonContext","MenuButton","ChevronDownIcon","ChevronUpIcon","MoreIcon","useOdysseyDesignTokens","Heading5","Paragraph","Support","jsx","_jsx","jsxs","_jsxs","CARD_IMAGE_SIZE","CARD_IMAGE_SIZE_COMPACT","cardVariantValues","StyledAccessoryContainer","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","_IconButton","visibility","buttonProviderValue","isFullWidth","DataCard","Accessory","AccessoryProp","button","children","description","image","menuButtonChildren","onClick","overline","renderDetailPanel","row","title","t","isDetailPanelOpen","setIsDetailPanelOpen","ExpansionToggle","_Tooltip","disabled","cardContent","countDefinedProps","props","filter","undefined","length","shouldCenterContent","Boolean","component","color","_CardActions","Provider","value","_Card","className","role","_CardActionArea","ariaLabel","buttonVariant","endIcon","menuAlignment","size","tooltipText","MemoizedDataCard","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":[]}
+{"version":3,"file":"DataCard.js","names":["styled","memo","useId","useMemo","useState","useTranslation","Card","ChevronDownIcon","ChevronUpIcon","useOdysseyDesignTokens","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","CheckboxContainer","shouldForwardProp","prop","odysseyDesignTokens","marginBlockStart","Spacing1","AccessoryPlaceholder","_IconButton","visibility","DataCard","children","description","detailPanel","hasSelection","image","isSelected","onSelectionChange","overline","title","variant","menuButtonChildren","t","titleId","isExpanded","setIsExpanded","SelectionCheckbox","_Checkbox","checked","inputProps","onChange","ExpansionToggle","_Tooltip","onClick","disabled","Accessory","__role","accessory","MemoizedDataCard","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  Checkbox as MuiCheckbox,\n  IconButton as MuiIconButton,\n  Tooltip as MuiTooltip,\n} from \"@mui/material\";\nimport { memo, useId, useMemo, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { Card, CardProps } from \"../../Card.js\";\nimport { ChevronDownIcon } from \"../../icons.generated/ChevronDown.js\";\nimport { ChevronUpIcon } from \"../../icons.generated/ChevronUp.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../../OdysseyDesignTokensContext.js\";\n\nexport type DataCardProps = {\n  children?: CardProps[\"children\"];\n  description?: CardProps[\"description\"];\n  detailPanel?: CardProps[\"detailPanel\"];\n  hasSelection?: boolean;\n  image?: CardProps[\"image\"];\n  isSelected?: boolean;\n  menuButtonChildren?: CardProps[\"menuButtonChildren\"];\n  onSelectionChange?: () => void;\n  overline?: CardProps[\"overline\"];\n  title?: CardProps[\"title\"];\n  variant?: CardProps[\"variant\"];\n};\n\nconst CheckboxContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  marginBlockStart: `-${odysseyDesignTokens.Spacing1}`,\n}));\n\nconst AccessoryPlaceholder = styled(MuiIconButton)(() => ({\n  visibility: \"hidden\" as const,\n}));\n\nconst DataCard = ({\n  children,\n  description,\n  detailPanel,\n  hasSelection,\n  image,\n  isSelected,\n  onSelectionChange,\n  overline,\n  title,\n  variant,\n  menuButtonChildren,\n}: DataCardProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const { t } = useTranslation();\n  const titleId = useId();\n\n  const [isExpanded, setIsExpanded] = useState<boolean>(false);\n\n  const SelectionCheckbox = useMemo(\n    () => (\n      <CheckboxContainer odysseyDesignTokens={odysseyDesignTokens}>\n        <MuiCheckbox\n          checked={isSelected}\n          inputProps={{\n            \"aria-labelledby\": titleId,\n          }}\n          onChange={onSelectionChange}\n        />\n      </CheckboxContainer>\n    ),\n    [isSelected, odysseyDesignTokens, onSelectionChange, titleId],\n  );\n\n  const ExpansionToggle = useMemo(() => {\n    return detailPanel ? (\n      <MuiTooltip\n        title={\n          isExpanded\n            ? t(\"table.rowexpansion.collapse\")\n            : t(\"table.rowexpansion.expand\")\n        }\n      >\n        <MuiIconButton\n          aria-label={\n            isExpanded\n              ? t(\"table.rowexpansion.collapse\")\n              : t(\"table.rowexpansion.expand\")\n          }\n          children={isExpanded ? <ChevronUpIcon /> : <ChevronDownIcon />}\n          onClick={() => setIsExpanded(!isExpanded)}\n        />\n      </MuiTooltip>\n    ) : (\n      <AccessoryPlaceholder disabled>\n        <ChevronDownIcon />\n      </AccessoryPlaceholder>\n    );\n  }, [isExpanded, detailPanel, t]);\n\n  const Accessory = useMemo(() => {\n    return (\n      <>\n        {hasSelection && SelectionCheckbox}\n        {ExpansionToggle}\n      </>\n    );\n  }, [ExpansionToggle, SelectionCheckbox, hasSelection]);\n\n  return (\n    <Card\n      __role=\"listitem\"\n      accessory={Accessory}\n      children={children}\n      description={description}\n      detailPanel={isExpanded && detailPanel}\n      image={image}\n      menuButtonChildren={menuButtonChildren}\n      overline={overline}\n      title={title}\n      titleId={titleId}\n      variant={variant}\n    />\n  );\n};\n\nconst MemoizedDataCard = memo(DataCard);\nMemoizedDataCard.displayName = \"DataCard\";\n\nexport { MemoizedDataCard as DataCard };\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/labs/DataView/componentTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"componentTypes.js","names":[],"sources":["../../../../src/labs/DataView/componentTypes.ts"],"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  MRT_DensityState,\n  MRT_RowData,\n  MRT_RowSelectionState,\n  MRT_SortingState,\n  MRT_TableOptions,\n  MRT_VisibilityState,\n} from \"material-react-table\";\nimport { ReactNode } from \"react\";\n\nimport { MenuButtonProps } from \"../../Buttons/MenuButton.js\";\nimport { type PaginationProps } from \"../../Pagination/index.js\";\nimport { DataFilter } from \"../DataFilters.js\";\nimport { paginationTypeValues } from \"../DataTablePagination.js\";\nimport { availableCardLayouts, availableLayouts } from \"./constants.js\";\nimport { DataCardProps } from \"./DataCard.js\";\nimport {\n  DataGetDataType,\n  DataOnReorderRowsType,\n  DataRowSelectionState,\n  DataTableColumn,\n} from \"./dataTypes.js\";\nimport { RowActionsProps } from \"./RowActions.js\";\n\nexport type DataLayout = (typeof availableLayouts)[number];\nexport type CardLayout = (typeof availableCardLayouts)[number];\n\nexport type AvailableLayouts = DataLayout[];\nexport type AvailableCardLayouts = CardLayout[];\n\nexport type UniversalProps<TData extends MRT_RowData> = {\n  additionalActionButton?: ReactNode;\n  additionalActionMenuItems?: ReactNode;\n  bulkActionMenuItems?: (\n    selectedRows: MRT_RowSelectionState,\n  ) => MenuButtonProps[\"children\"];\n  currentPage?: number;\n  emptyPlaceholder?: ReactNode;\n  enableVirtualization?: boolean;\n  errorMessage?: string;\n  filters?: Array<DataFilter | DataTableColumn<TData> | string>;\n  getData: ({\n    page,\n    resultsPerPage,\n    search,\n    filters,\n    sort,\n  }: DataGetDataType) => TData[] | Promise<TData[]>;\n  getRowId?: MRT_TableOptions<TData>[\"getRowId\"];\n  hasFilters?: boolean;\n  hasPagination?: boolean;\n  hasRowReordering?: boolean;\n  hasRowSelection?: boolean;\n  hasSearch?: boolean;\n  hasSearchSubmitButton?: boolean;\n  isEmpty?: boolean;\n  isLoading?: boolean;\n  isNoResults?: boolean;\n  isPaginationMoreDisabled?: boolean;\n  isRowReorderingDisabled?: boolean;\n  maxPages?: number;\n  maxResultsPerPage?: number;\n  metaText?: string;\n  noResultsPlaceholder?: ReactNode;\n  /**\n   * @deprecated onChangeRowSelection is now onRowSelectionChange\n   */\n  onChangeRowSelection?: (rowSelection: DataRowSelectionState) => void;\n  onPaginationChange?: ({\n    pageIndex,\n    pageSize,\n  }: {\n    pageIndex: number;\n    pageSize: number;\n  }) => void;\n  onReorderRows?: ({ rowId, newRowIndex }: DataOnReorderRowsType) => void;\n  onRowSelectionChange?: (rowSelection: DataRowSelectionState) => void;\n  paginationType?: (typeof paginationTypeValues)[number];\n  resultsPerPage?: number;\n  searchDelayTime?: number;\n  totalRows?: number;\n} & Pick<\n  PaginationProps,\n  \"hasPageInput\" | \"hasRowCountInput\" | \"hasRowCountLabel\"\n>;\n\nexport type TableLayoutProps<TData extends MRT_RowData> = {\n  columns: DataTableColumn<TData>[];\n  hasChangeableDensity?: boolean;\n  hasColumnResizing?: boolean;\n  hasColumnVisibility?: boolean;\n  hasSorting?: boolean;\n  initialDensity?: MRT_DensityState;\n  renderDetailPanel?: MRT_TableOptions<TData>[\"renderDetailPanel\"];\n  rowActionButtons?: RowActionsProps<TData>[\"rowActionButtons\"];\n  rowActionMenuItems?: RowActionsProps<TData>[\"rowActionMenuItems\"];\n};\n\nexport type CardLayoutProps<TData extends MRT_RowData> = {\n  itemProps: (row: TData) => Omit<DataCardProps<TData>, \"row\">;\n  maxGridColumns?: number;\n  renderDetailPanel?: (props: { row: TData }) => ReactNode;\n  rowActionMenuItems?: RowActionsProps<TData>[\"rowActionMenuItems\"];\n};\n\nexport type ViewProps<TData extends MRT_RowData, L extends DataLayout> = {\n  availableLayouts?: L[];\n  cardLayoutOptions?: CardLayoutProps<TData>;\n  initialLayout?: L;\n  tableLayoutOptions?: TableLayoutProps<TData>;\n};\n\nexport type TableState = {\n  columnSorting: MRT_SortingState;\n  columnVisibility: MRT_VisibilityState;\n  rowDensity?: MRT_DensityState;\n};\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"componentTypes.js","names":[],"sources":["../../../../src/labs/DataView/componentTypes.ts"],"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  MRT_DensityState,\n  MRT_RowData,\n  MRT_RowSelectionState,\n  MRT_SortingState,\n  MRT_TableOptions,\n  MRT_VisibilityState,\n} from \"material-react-table\";\nimport { ReactNode } from \"react\";\n\nimport { MenuButtonProps } from \"../../Buttons/MenuButton.js\";\nimport { type PaginationProps } from \"../../Pagination/index.js\";\nimport { DataFilter } from \"../DataFilters.js\";\nimport { paginationTypeValues } from \"../DataTablePagination.js\";\nimport { availableCardLayouts, availableLayouts } from \"./constants.js\";\nimport { DataCardProps } from \"./DataCard.js\";\nimport {\n  DataGetDataType,\n  DataOnReorderRowsType,\n  DataRowSelectionState,\n  DataTableColumn,\n} from \"./dataTypes.js\";\nimport { RowActionsProps } from \"./RowActions.js\";\n\nexport type DataLayout = (typeof availableLayouts)[number];\nexport type CardLayout = (typeof availableCardLayouts)[number];\n\nexport type AvailableLayouts = DataLayout[];\nexport type AvailableCardLayouts = CardLayout[];\n\nexport type UniversalProps<TData extends MRT_RowData> = {\n  additionalActionButton?: ReactNode;\n  additionalActionMenuItems?: ReactNode;\n  bulkActionMenuItems?: (\n    selectedRows: MRT_RowSelectionState,\n  ) => MenuButtonProps[\"children\"];\n  currentPage?: number;\n  emptyPlaceholder?: ReactNode;\n  enableVirtualization?: boolean;\n  errorMessage?: string;\n  filters?: Array<DataFilter | DataTableColumn<TData> | string>;\n  getData: ({\n    page,\n    resultsPerPage,\n    search,\n    filters,\n    sort,\n  }: DataGetDataType) => TData[] | Promise<TData[]>;\n  getRowId?: MRT_TableOptions<TData>[\"getRowId\"];\n  hasFilters?: boolean;\n  hasPagination?: boolean;\n  hasRowReordering?: boolean;\n  hasRowSelection?: boolean;\n  hasSearch?: boolean;\n  hasSearchSubmitButton?: boolean;\n  isEmpty?: boolean;\n  isLoading?: boolean;\n  isNoResults?: boolean;\n  isPaginationMoreDisabled?: boolean;\n  isRowReorderingDisabled?: boolean;\n  maxPages?: number;\n  maxResultsPerPage?: number;\n  metaText?: string;\n  noResultsPlaceholder?: ReactNode;\n  /**\n   * @deprecated onChangeRowSelection is now onRowSelectionChange\n   */\n  onChangeRowSelection?: (rowSelection: DataRowSelectionState) => void;\n  onPaginationChange?: ({\n    pageIndex,\n    pageSize,\n  }: {\n    pageIndex: number;\n    pageSize: number;\n  }) => void;\n  onReorderRows?: ({ rowId, newRowIndex }: DataOnReorderRowsType) => void;\n  onRowSelectionChange?: (rowSelection: DataRowSelectionState) => void;\n  paginationType?: (typeof paginationTypeValues)[number];\n  resultsPerPage?: number;\n  searchDelayTime?: number;\n  totalRows?: number;\n} & Pick<\n  PaginationProps,\n  \"hasPageInput\" | \"hasRowCountInput\" | \"hasRowCountLabel\"\n>;\n\nexport type TableLayoutProps<TData extends MRT_RowData> = {\n  columns: DataTableColumn<TData>[];\n  hasChangeableDensity?: boolean;\n  hasColumnResizing?: boolean;\n  hasColumnVisibility?: boolean;\n  hasSorting?: boolean;\n  initialDensity?: MRT_DensityState;\n  renderDetailPanel?: MRT_TableOptions<TData>[\"renderDetailPanel\"];\n  rowActionButtons?: RowActionsProps<TData>[\"rowActionButtons\"];\n  rowActionMenuItems?: RowActionsProps<TData>[\"rowActionMenuItems\"];\n};\n\nexport type CardLayoutProps<TData extends MRT_RowData> = {\n  itemProps: (row: TData) => DataCardProps;\n  maxGridColumns?: number;\n  renderDetailPanel?: (props: { row: TData }) => ReactNode;\n  rowActionMenuItems?: RowActionsProps<TData>[\"rowActionMenuItems\"];\n};\n\nexport type ViewProps<TData extends MRT_RowData, L extends DataLayout> = {\n  availableLayouts?: L[];\n  cardLayoutOptions?: CardLayoutProps<TData>;\n  initialLayout?: L;\n  tableLayoutOptions?: TableLayoutProps<TData>;\n};\n\nexport type TableState = {\n  columnSorting: MRT_SortingState;\n  columnVisibility: MRT_VisibilityState;\n  rowDensity?: MRT_DensityState;\n};\n"],"mappings":"","ignoreList":[]}

package/dist/esm/labs/DatePickers/dateTimePickerTheme.js

@@ -11,9 +11,9 @@
  */import { deepmerge } from "@mui/utils";
 import { digitalClockClasses } from "@mui/x-date-pickers/DigitalClock";
 import { multiSectionDigitalClockClasses, multiSectionDigitalClockSectionClasses } from "@mui/x-date-pickers/MultiSectionDigitalClock";
-import { addSpecificity } from "../../addSpecificity.js";
 import { datePickerTheme, dateStyles } from "../../DatePickers/datePickerTheme.js";
 import { pxToRem } from "../../theme/index.js";
+import { addSpecificity } from "../../tools/addSpecificity.js";
 import { DateTimePickerSize } from "./DateTimePicker.js";
 const DateTimePickerComponentSize = {
   dateCalendarMaxHeight: `${pxToRem(336)}rem`,
@@ -103,8 +103,8 @@ const theme = {
     MuiMultiSectionDigitalClock: {
       styleOverrides: {
         root: {
-          [`${addSpecificity(2, `.${multiSectionDigitalClockClasses.root}`)}, 
-            ${addSpecificity(2, ` .${multiSectionDigitalClockSectionClasses.root}`)}, 
+          [`${addSpecificity(2, `.${multiSectionDigitalClockClasses.root}`)},
+            ${addSpecificity(2, ` .${multiSectionDigitalClockSectionClasses.root}`)},
             ${addSpecificity(2, `.${digitalClockClasses.root}`)}`]: {
             maxHeight: DateTimePickerComponentSize.dateCalendarMaxHeight
           }

package/dist/esm/labs/DatePickers/dateTimePickerTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"dateTimePickerTheme.js","names":["deepmerge","digitalClockClasses","multiSectionDigitalClockClasses","multiSectionDigitalClockSectionClasses","addSpecificity","datePickerTheme","dateStyles","pxToRem","DateTimePickerSize","DateTimePickerComponentSize","dateCalendarMaxHeight","slideTransitionMinHeight","theme","components","MuiClock","styleOverrides","clock","width","spacing","height","backgroundColor","palette","grey","pin","primary","light","MuiClockPointer","root","thumb","borderColor","main","MuiDateCalendar","display","maxHeight","MuiPickersArrowSwitcher","button","margin","padding","color","typography","body1","marginInlineStart","svg","spacer","MuiPickersLayout","maxWidth","contentWrapper","gridTemplateColumns","MuiMultiSectionDigitalClock","MuiMultiSectionDigitalClockSection","item","default","marginInline","marginBlockStart","hover","focus","selected","hoverSelected","disabled","MuiDateTimePickerToolbar","dateContainer","flexDirection","marginInlineEnd","timeDigitsContainer","alignItems","ampmSelection","common","white","separator","h5","marginBlock","MuiPickersToolbarButton","border","borderRadius","mixins","subtitle1","MuiPickersToolbarText","position","lineHeight","left","bottom","opacity","content","transition","transform","MuiDayCalendar","slideTransition","minHeight","MuiTimeClock","arrowSwitcher","top","right","dateTimePickerTheme"],"sources":["../../../../src/labs/DatePickers/dateTimePickerTheme.ts"],"sourcesContent":["/*!\n * Copyright (c) 2022-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 { ThemeOptions } from \"@mui/material\";\n// import { CSSInterpolation } from \"@mui/material/styles\";\nimport { deepmerge } from \"@mui/utils\";\nimport { digitalClockClasses } from \"@mui/x-date-pickers/DigitalClock\";\nimport {\n  multiSectionDigitalClockClasses,\n  multiSectionDigitalClockSectionClasses,\n} from \"@mui/x-date-pickers/MultiSectionDigitalClock\";\n\nimport { addSpecificity } from \"../../addSpecificity.js\";\nimport {\n  datePickerTheme,\n  dateStyles,\n} from \"../../DatePickers/datePickerTheme.js\";\nimport { pxToRem } from \"../../theme/index.js\";\nimport { DateTimePickerSize } from \"./DateTimePicker.js\";\n\nconst DateTimePickerComponentSize = {\n  dateCalendarMaxHeight: `${pxToRem(336)}rem`,\n  slideTransitionMinHeight: `${pxToRem(240)}rem`,\n};\n\nconst theme: ThemeOptions = {\n  components: {\n    MuiClock: {\n      styleOverrides: {\n        clock: ({ theme }) => ({\n          width: `calc(${theme.spacing(9)} * 4)`,\n          height: `calc(${theme.spacing(9)} * 4)`,\n          backgroundColor: theme.palette.grey[50],\n        }),\n        pin: ({ theme }) => ({\n          backgroundColor: theme.palette.primary.light,\n        }),\n      },\n    },\n    MuiClockPointer: {\n      styleOverrides: {\n        root: ({ theme }) => ({\n          backgroundColor: theme.palette.primary.light,\n        }),\n        thumb: ({ theme }) => ({\n          borderColor: theme.palette.primary.light,\n          backgroundColor: theme.palette.primary.main,\n        }),\n      },\n    },\n    MuiDateCalendar: {\n      styleOverrides: {\n        root: {\n          display: \"block\",\n          width: \"100%\",\n          maxHeight: DateTimePickerComponentSize.dateCalendarMaxHeight,\n          height: DateTimePickerComponentSize.dateCalendarMaxHeight,\n        },\n      },\n    },\n    MuiPickersArrowSwitcher: {\n      styleOverrides: {\n        button: ({ theme }) => ({\n          display: \"flex\",\n          margin: 0,\n          padding: theme.spacing(2),\n          color: theme.typography.body1.color,\n\n          \"& + &\": {\n            marginInlineStart: theme.spacing(2),\n          },\n\n          svg: {\n            display: \"flex\",\n          },\n        }),\n        spacer: ({ theme }) => ({\n          width: theme.spacing(1),\n        }),\n      },\n    },\n    MuiPickersLayout: {\n      styleOverrides: {\n        root: () => ({\n          display: \"block\",\n          width: DateTimePickerSize.maxWidth,\n          maxWidth: DateTimePickerSize.maxWidth,\n        }),\n        contentWrapper: ({ theme }) => ({\n          padding: theme.spacing(3),\n          gridTemplateColumns: \"1fr 16px auto\",\n        }),\n      },\n    },\n    MuiMultiSectionDigitalClock: {\n      styleOverrides: {\n        root: {\n          [`${addSpecificity(2, `.${multiSectionDigitalClockClasses.root}`)}, \n            ${addSpecificity(2, ` .${multiSectionDigitalClockSectionClasses.root}`)}, \n            ${addSpecificity(2, `.${digitalClockClasses.root}`)}`]: {\n            maxHeight: DateTimePickerComponentSize.dateCalendarMaxHeight,\n          },\n        },\n      },\n    },\n    MuiMultiSectionDigitalClockSection: {\n      styleOverrides: {\n        root: {\n          width: \"auto\",\n        },\n        item: ({ theme }) => [\n          dateStyles.default({ theme }),\n          {\n            margin: 0,\n            marginInline: theme.spacing(1),\n            \"& + &\": {\n              marginBlockStart: theme.spacing(1),\n            },\n            \"&:hover\": dateStyles.hover({ theme }),\n            \"&:focus\": dateStyles.focus({ theme }),\n\n            \"&.Mui-selected, &.Mui-selected:focus\": dateStyles.selected({\n              theme,\n            }),\n            \"&.Mui-selected:hover\": dateStyles.hoverSelected({ theme }),\n\n            \"&.Mui-disabled\": dateStyles.disabled({ theme }),\n          },\n        ],\n      },\n    },\n    MuiDateTimePickerToolbar: {\n      styleOverrides: {\n        root: ({ theme }) => ({\n          padding: theme.spacing(3),\n        }),\n        dateContainer: ({ theme }) => ({\n          flexDirection: \"row-reverse\",\n\n          button: {\n            \"+ button\": {\n              marginInlineEnd: theme.spacing(2),\n            },\n          },\n        }),\n        timeDigitsContainer: {\n          alignItems: \"center\",\n        },\n        ampmSelection: ({ theme }) => ({\n          margin: 0,\n          marginInlineStart: theme.spacing(3),\n\n          button: {\n            padding: theme.spacing(2),\n\n            \"&:has(.Mui-selected)\": {\n              backgroundColor: theme.palette.primary.main,\n\n              \".Mui-selected\": {\n                color: theme.palette.common.white,\n                \"&::after\": {\n                  display: \"none\",\n                },\n              },\n            },\n          },\n        }),\n        separator: ({ theme }) => ({\n          ...theme.typography.h5,\n          marginBlock: 0,\n          marginInline: theme.spacing(1),\n        }),\n      },\n    },\n    MuiPickersToolbarButton: {\n      styleOverrides: {\n        root: ({ theme }) => ({\n          height: \"auto\",\n          padding: 0,\n          margin: 0,\n          border: 0,\n          borderRadius: theme.mixins.borderRadius,\n          backgroundColor: \"transparent\",\n          color: theme.typography.subtitle1.color,\n\n          \"&:hover\": {\n            backgroundColor: \"transparent\",\n          },\n\n          \"& + &\": {\n            marginInlineStart: 0,\n          },\n        }),\n      },\n    },\n    MuiPickersToolbarText: {\n      styleOverrides: {\n        root: ({ theme }) => ({\n          ...theme.typography.h5,\n          position: \"relative\",\n          margin: 0,\n          lineHeight: 1,\n          color: \"inherit\",\n\n          \"&::after\": {\n            position: \"absolute\",\n            left: 0,\n            bottom: 0,\n            width: \"100%\",\n            height: 2,\n            backgroundColor: \"currentColor\",\n            opacity: 0,\n            content: \"''\",\n            transition: \"opacity 100ms, transform 200ms\",\n          },\n\n          \"&.Mui-selected\": {\n            color: theme.typography.body1.color,\n\n            \"&::after\": {\n              transform: \"translateY(2px)\",\n              opacity: 1,\n            },\n          },\n        }),\n      },\n    },\n    MuiDayCalendar: {\n      styleOverrides: {\n        slideTransition: {\n          minHeight: DateTimePickerComponentSize.slideTransitionMinHeight,\n        },\n      },\n    },\n    MuiTimeClock: {\n      styleOverrides: {\n        arrowSwitcher: {\n          top: 0,\n          right: 0,\n        },\n      },\n    },\n  },\n};\nexport const dateTimePickerTheme = deepmerge(datePickerTheme, theme);\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAIA,SAASA,SAAS,QAAQ,YAAY;AACtC,SAASC,mBAAmB,QAAQ,kCAAkC;AACtE,SACEC,+BAA+B,EAC/BC,sCAAsC,QACjC,8CAA8C;AAErD,SAASC,cAAc,QAAQ,yBAAyB;AACxD,SACEC,eAAe,EACfC,UAAU,QACL,sCAAsC;AAC7C,SAASC,OAAO,QAAQ,sBAAsB;AAC9C,SAASC,kBAAkB,QAAQ,qBAAqB;AAExD,MAAMC,2BAA2B,GAAG;EAClCC,qBAAqB,EAAE,GAAGH,OAAO,CAAC,GAAG,CAAC,KAAK;EAC3CI,wBAAwB,EAAE,GAAGJ,OAAO,CAAC,GAAG,CAAC;AAC3C,CAAC;AAED,MAAMK,KAAmB,GAAG;EAC1BC,UAAU,EAAE;IACVC,QAAQ,EAAE;MACRC,cAAc,EAAE;QACdC,KAAK,EAAEA,CAAC;UAAEJ;QAAM,CAAC,MAAM;UACrBK,KAAK,EAAE,QAAQL,KAAK,CAACM,OAAO,CAAC,CAAC,CAAC,OAAO;UACtCC,MAAM,EAAE,QAAQP,KAAK,CAACM,OAAO,CAAC,CAAC,CAAC,OAAO;UACvCE,eAAe,EAAER,KAAK,CAACS,OAAO,CAACC,IAAI,CAAC,EAAE;QACxC,CAAC,CAAC;QACFC,GAAG,EAAEA,CAAC;UAAEX;QAAM,CAAC,MAAM;UACnBQ,eAAe,EAAER,KAAK,CAACS,OAAO,CAACG,OAAO,CAACC;QACzC,CAAC;MACH;IACF,CAAC;IACDC,eAAe,EAAE;MACfX,cAAc,EAAE;QACdY,IAAI,EAAEA,CAAC;UAAEf;QAAM,CAAC,MAAM;UACpBQ,eAAe,EAAER,KAAK,CAACS,OAAO,CAACG,OAAO,CAACC;QACzC,CAAC,CAAC;QACFG,KAAK,EAAEA,CAAC;UAAEhB;QAAM,CAAC,MAAM;UACrBiB,WAAW,EAAEjB,KAAK,CAACS,OAAO,CAACG,OAAO,CAACC,KAAK;UACxCL,eAAe,EAAER,KAAK,CAACS,OAAO,CAACG,OAAO,CAACM;QACzC,CAAC;MACH;IACF,CAAC;IACDC,eAAe,EAAE;MACfhB,cAAc,EAAE;QACdY,IAAI,EAAE;UACJK,OAAO,EAAE,OAAO;UAChBf,KAAK,EAAE,MAAM;UACbgB,SAAS,EAAExB,2BAA2B,CAACC,qBAAqB;UAC5DS,MAAM,EAAEV,2BAA2B,CAACC;QACtC;MACF;IACF,CAAC;IACDwB,uBAAuB,EAAE;MACvBnB,cAAc,EAAE;QACdoB,MAAM,EAAEA,CAAC;UAAEvB;QAAM,CAAC,MAAM;UACtBoB,OAAO,EAAE,MAAM;UACfI,MAAM,EAAE,CAAC;UACTC,OAAO,EAAEzB,KAAK,CAACM,OAAO,CAAC,CAAC,CAAC;UACzBoB,KAAK,EAAE1B,KAAK,CAAC2B,UAAU,CAACC,KAAK,CAACF,KAAK;UAEnC,OAAO,EAAE;YACPG,iBAAiB,EAAE7B,KAAK,CAACM,OAAO,CAAC,CAAC;UACpC,CAAC;UAEDwB,GAAG,EAAE;YACHV,OAAO,EAAE;UACX;QACF,CAAC,CAAC;QACFW,MAAM,EAAEA,CAAC;UAAE/B;QAAM,CAAC,MAAM;UACtBK,KAAK,EAAEL,KAAK,CAACM,OAAO,CAAC,CAAC;QACxB,CAAC;MACH;IACF,CAAC;IACD0B,gBAAgB,EAAE;MAChB7B,cAAc,EAAE;QACdY,IAAI,EAAEA,CAAA,MAAO;UACXK,OAAO,EAAE,OAAO;UAChBf,KAAK,EAAET,kBAAkB,CAACqC,QAAQ;UAClCA,QAAQ,EAAErC,kBAAkB,CAACqC;QAC/B,CAAC,CAAC;QACFC,cAAc,EAAEA,CAAC;UAAElC;QAAM,CAAC,MAAM;UAC9ByB,OAAO,EAAEzB,KAAK,CAACM,OAAO,CAAC,CAAC,CAAC;UACzB6B,mBAAmB,EAAE;QACvB,CAAC;MACH;IACF,CAAC;IACDC,2BAA2B,EAAE;MAC3BjC,cAAc,EAAE;QACdY,IAAI,EAAE;UACJ,CAAC,GAAGvB,cAAc,CAAC,CAAC,EAAE,IAAIF,+BAA+B,CAACyB,IAAI,EAAE,CAAC;AAC3E,cAAcvB,cAAc,CAAC,CAAC,EAAE,KAAKD,sCAAsC,CAACwB,IAAI,EAAE,CAAC;AACnF,cAAcvB,cAAc,CAAC,CAAC,EAAE,IAAIH,mBAAmB,CAAC0B,IAAI,EAAE,CAAC,EAAE,GAAG;YACxDM,SAAS,EAAExB,2BAA2B,CAACC;UACzC;QACF;MACF;IACF,CAAC;IACDuC,kCAAkC,EAAE;MAClClC,cAAc,EAAE;QACdY,IAAI,EAAE;UACJV,KAAK,EAAE;QACT,CAAC;QACDiC,IAAI,EAAEA,CAAC;UAAEtC;QAAM,CAAC,KAAK,CACnBN,UAAU,CAAC6C,OAAO,CAAC;UAAEvC;QAAM,CAAC,CAAC,EAC7B;UACEwB,MAAM,EAAE,CAAC;UACTgB,YAAY,EAAExC,KAAK,CAACM,OAAO,CAAC,CAAC,CAAC;UAC9B,OAAO,EAAE;YACPmC,gBAAgB,EAAEzC,KAAK,CAACM,OAAO,CAAC,CAAC;UACnC,CAAC;UACD,SAAS,EAAEZ,UAAU,CAACgD,KAAK,CAAC;YAAE1C;UAAM,CAAC,CAAC;UACtC,SAAS,EAAEN,UAAU,CAACiD,KAAK,CAAC;YAAE3C;UAAM,CAAC,CAAC;UAEtC,sCAAsC,EAAEN,UAAU,CAACkD,QAAQ,CAAC;YAC1D5C;UACF,CAAC,CAAC;UACF,sBAAsB,EAAEN,UAAU,CAACmD,aAAa,CAAC;YAAE7C;UAAM,CAAC,CAAC;UAE3D,gBAAgB,EAAEN,UAAU,CAACoD,QAAQ,CAAC;YAAE9C;UAAM,CAAC;QACjD,CAAC;MAEL;IACF,CAAC;IACD+C,wBAAwB,EAAE;MACxB5C,cAAc,EAAE;QACdY,IAAI,EAAEA,CAAC;UAAEf;QAAM,CAAC,MAAM;UACpByB,OAAO,EAAEzB,KAAK,CAACM,OAAO,CAAC,CAAC;QAC1B,CAAC,CAAC;QACF0C,aAAa,EAAEA,CAAC;UAAEhD;QAAM,CAAC,MAAM;UAC7BiD,aAAa,EAAE,aAAa;UAE5B1B,MAAM,EAAE;YACN,UAAU,EAAE;cACV2B,eAAe,EAAElD,KAAK,CAACM,OAAO,CAAC,CAAC;YAClC;UACF;QACF,CAAC,CAAC;QACF6C,mBAAmB,EAAE;UACnBC,UAAU,EAAE;QACd,CAAC;QACDC,aAAa,EAAEA,CAAC;UAAErD;QAAM,CAAC,MAAM;UAC7BwB,MAAM,EAAE,CAAC;UACTK,iBAAiB,EAAE7B,KAAK,CAACM,OAAO,CAAC,CAAC,CAAC;UAEnCiB,MAAM,EAAE;YACNE,OAAO,EAAEzB,KAAK,CAACM,OAAO,CAAC,CAAC,CAAC;YAEzB,sBAAsB,EAAE;cACtBE,eAAe,EAAER,KAAK,CAACS,OAAO,CAACG,OAAO,CAACM,IAAI;cAE3C,eAAe,EAAE;gBACfQ,KAAK,EAAE1B,KAAK,CAACS,OAAO,CAAC6C,MAAM,CAACC,KAAK;gBACjC,UAAU,EAAE;kBACVnC,OAAO,EAAE;gBACX;cACF;YACF;UACF;QACF,CAAC,CAAC;QACFoC,SAAS,EAAEA,CAAC;UAAExD;QAAM,CAAC,MAAM;UACzB,GAAGA,KAAK,CAAC2B,UAAU,CAAC8B,EAAE;UACtBC,WAAW,EAAE,CAAC;UACdlB,YAAY,EAAExC,KAAK,CAACM,OAAO,CAAC,CAAC;QAC/B,CAAC;MACH;IACF,CAAC;IACDqD,uBAAuB,EAAE;MACvBxD,cAAc,EAAE;QACdY,IAAI,EAAEA,CAAC;UAAEf;QAAM,CAAC,MAAM;UACpBO,MAAM,EAAE,MAAM;UACdkB,OAAO,EAAE,CAAC;UACVD,MAAM,EAAE,CAAC;UACToC,MAAM,EAAE,CAAC;UACTC,YAAY,EAAE7D,KAAK,CAAC8D,MAAM,CAACD,YAAY;UACvCrD,eAAe,EAAE,aAAa;UAC9BkB,KAAK,EAAE1B,KAAK,CAAC2B,UAAU,CAACoC,SAAS,CAACrC,KAAK;UAEvC,SAAS,EAAE;YACTlB,eAAe,EAAE;UACnB,CAAC;UAED,OAAO,EAAE;YACPqB,iBAAiB,EAAE;UACrB;QACF,CAAC;MACH;IACF,CAAC;IACDmC,qBAAqB,EAAE;MACrB7D,cAAc,EAAE;QACdY,IAAI,EAAEA,CAAC;UAAEf;QAAM,CAAC,MAAM;UACpB,GAAGA,KAAK,CAAC2B,UAAU,CAAC8B,EAAE;UACtBQ,QAAQ,EAAE,UAAU;UACpBzC,MAAM,EAAE,CAAC;UACT0C,UAAU,EAAE,CAAC;UACbxC,KAAK,EAAE,SAAS;UAEhB,UAAU,EAAE;YACVuC,QAAQ,EAAE,UAAU;YACpBE,IAAI,EAAE,CAAC;YACPC,MAAM,EAAE,CAAC;YACT/D,KAAK,EAAE,MAAM;YACbE,MAAM,EAAE,CAAC;YACTC,eAAe,EAAE,cAAc;YAC/B6D,OAAO,EAAE,CAAC;YACVC,OAAO,EAAE,IAAI;YACbC,UAAU,EAAE;UACd,CAAC;UAED,gBAAgB,EAAE;YAChB7C,KAAK,EAAE1B,KAAK,CAAC2B,UAAU,CAACC,KAAK,CAACF,KAAK;YAEnC,UAAU,EAAE;cACV8C,SAAS,EAAE,iBAAiB;cAC5BH,OAAO,EAAE;YACX;UACF;QACF,CAAC;MACH;IACF,CAAC;IACDI,cAAc,EAAE;MACdtE,cAAc,EAAE;QACduE,eAAe,EAAE;UACfC,SAAS,EAAE9E,2BAA2B,CAACE;QACzC;MACF;IACF,CAAC;IACD6E,YAAY,EAAE;MACZzE,cAAc,EAAE;QACd0E,aAAa,EAAE;UACbC,GAAG,EAAE,CAAC;UACNC,KAAK,EAAE;QACT;MACF;IACF;EACF;AACF,CAAC;AACD,OAAO,MAAMC,mBAAmB,GAAG5F,SAAS,CAACK,eAAe,EAAEO,KAAK,CAAC","ignoreList":[]}
+{"version":3,"file":"dateTimePickerTheme.js","names":["deepmerge","digitalClockClasses","multiSectionDigitalClockClasses","multiSectionDigitalClockSectionClasses","datePickerTheme","dateStyles","pxToRem","addSpecificity","DateTimePickerSize","DateTimePickerComponentSize","dateCalendarMaxHeight","slideTransitionMinHeight","theme","components","MuiClock","styleOverrides","clock","width","spacing","height","backgroundColor","palette","grey","pin","primary","light","MuiClockPointer","root","thumb","borderColor","main","MuiDateCalendar","display","maxHeight","MuiPickersArrowSwitcher","button","margin","padding","color","typography","body1","marginInlineStart","svg","spacer","MuiPickersLayout","maxWidth","contentWrapper","gridTemplateColumns","MuiMultiSectionDigitalClock","MuiMultiSectionDigitalClockSection","item","default","marginInline","marginBlockStart","hover","focus","selected","hoverSelected","disabled","MuiDateTimePickerToolbar","dateContainer","flexDirection","marginInlineEnd","timeDigitsContainer","alignItems","ampmSelection","common","white","separator","h5","marginBlock","MuiPickersToolbarButton","border","borderRadius","mixins","subtitle1","MuiPickersToolbarText","position","lineHeight","left","bottom","opacity","content","transition","transform","MuiDayCalendar","slideTransition","minHeight","MuiTimeClock","arrowSwitcher","top","right","dateTimePickerTheme"],"sources":["../../../../src/labs/DatePickers/dateTimePickerTheme.ts"],"sourcesContent":["/*!\n * Copyright (c) 2022-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 { ThemeOptions } from \"@mui/material\";\n// import { CSSInterpolation } from \"@mui/material/styles\";\nimport { deepmerge } from \"@mui/utils\";\nimport { digitalClockClasses } from \"@mui/x-date-pickers/DigitalClock\";\nimport {\n  multiSectionDigitalClockClasses,\n  multiSectionDigitalClockSectionClasses,\n} from \"@mui/x-date-pickers/MultiSectionDigitalClock\";\n\nimport {\n  datePickerTheme,\n  dateStyles,\n} from \"../../DatePickers/datePickerTheme.js\";\nimport { pxToRem } from \"../../theme/index.js\";\nimport { addSpecificity } from \"../../tools/addSpecificity.js\";\nimport { DateTimePickerSize } from \"./DateTimePicker.js\";\n\nconst DateTimePickerComponentSize = {\n  dateCalendarMaxHeight: `${pxToRem(336)}rem`,\n  slideTransitionMinHeight: `${pxToRem(240)}rem`,\n};\n\nconst theme: ThemeOptions = {\n  components: {\n    MuiClock: {\n      styleOverrides: {\n        clock: ({ theme }) => ({\n          width: `calc(${theme.spacing(9)} * 4)`,\n          height: `calc(${theme.spacing(9)} * 4)`,\n          backgroundColor: theme.palette.grey[50],\n        }),\n        pin: ({ theme }) => ({\n          backgroundColor: theme.palette.primary.light,\n        }),\n      },\n    },\n    MuiClockPointer: {\n      styleOverrides: {\n        root: ({ theme }) => ({\n          backgroundColor: theme.palette.primary.light,\n        }),\n        thumb: ({ theme }) => ({\n          borderColor: theme.palette.primary.light,\n          backgroundColor: theme.palette.primary.main,\n        }),\n      },\n    },\n    MuiDateCalendar: {\n      styleOverrides: {\n        root: {\n          display: \"block\",\n          width: \"100%\",\n          maxHeight: DateTimePickerComponentSize.dateCalendarMaxHeight,\n          height: DateTimePickerComponentSize.dateCalendarMaxHeight,\n        },\n      },\n    },\n    MuiPickersArrowSwitcher: {\n      styleOverrides: {\n        button: ({ theme }) => ({\n          display: \"flex\",\n          margin: 0,\n          padding: theme.spacing(2),\n          color: theme.typography.body1.color,\n\n          \"& + &\": {\n            marginInlineStart: theme.spacing(2),\n          },\n\n          svg: {\n            display: \"flex\",\n          },\n        }),\n        spacer: ({ theme }) => ({\n          width: theme.spacing(1),\n        }),\n      },\n    },\n    MuiPickersLayout: {\n      styleOverrides: {\n        root: () => ({\n          display: \"block\",\n          width: DateTimePickerSize.maxWidth,\n          maxWidth: DateTimePickerSize.maxWidth,\n        }),\n        contentWrapper: ({ theme }) => ({\n          padding: theme.spacing(3),\n          gridTemplateColumns: \"1fr 16px auto\",\n        }),\n      },\n    },\n    MuiMultiSectionDigitalClock: {\n      styleOverrides: {\n        root: {\n          [`${addSpecificity(2, `.${multiSectionDigitalClockClasses.root}`)},\n            ${addSpecificity(2, ` .${multiSectionDigitalClockSectionClasses.root}`)},\n            ${addSpecificity(2, `.${digitalClockClasses.root}`)}`]: {\n            maxHeight: DateTimePickerComponentSize.dateCalendarMaxHeight,\n          },\n        },\n      },\n    },\n    MuiMultiSectionDigitalClockSection: {\n      styleOverrides: {\n        root: {\n          width: \"auto\",\n        },\n        item: ({ theme }) => [\n          dateStyles.default({ theme }),\n          {\n            margin: 0,\n            marginInline: theme.spacing(1),\n            \"& + &\": {\n              marginBlockStart: theme.spacing(1),\n            },\n            \"&:hover\": dateStyles.hover({ theme }),\n            \"&:focus\": dateStyles.focus({ theme }),\n\n            \"&.Mui-selected, &.Mui-selected:focus\": dateStyles.selected({\n              theme,\n            }),\n            \"&.Mui-selected:hover\": dateStyles.hoverSelected({ theme }),\n\n            \"&.Mui-disabled\": dateStyles.disabled({ theme }),\n          },\n        ],\n      },\n    },\n    MuiDateTimePickerToolbar: {\n      styleOverrides: {\n        root: ({ theme }) => ({\n          padding: theme.spacing(3),\n        }),\n        dateContainer: ({ theme }) => ({\n          flexDirection: \"row-reverse\",\n\n          button: {\n            \"+ button\": {\n              marginInlineEnd: theme.spacing(2),\n            },\n          },\n        }),\n        timeDigitsContainer: {\n          alignItems: \"center\",\n        },\n        ampmSelection: ({ theme }) => ({\n          margin: 0,\n          marginInlineStart: theme.spacing(3),\n\n          button: {\n            padding: theme.spacing(2),\n\n            \"&:has(.Mui-selected)\": {\n              backgroundColor: theme.palette.primary.main,\n\n              \".Mui-selected\": {\n                color: theme.palette.common.white,\n                \"&::after\": {\n                  display: \"none\",\n                },\n              },\n            },\n          },\n        }),\n        separator: ({ theme }) => ({\n          ...theme.typography.h5,\n          marginBlock: 0,\n          marginInline: theme.spacing(1),\n        }),\n      },\n    },\n    MuiPickersToolbarButton: {\n      styleOverrides: {\n        root: ({ theme }) => ({\n          height: \"auto\",\n          padding: 0,\n          margin: 0,\n          border: 0,\n          borderRadius: theme.mixins.borderRadius,\n          backgroundColor: \"transparent\",\n          color: theme.typography.subtitle1.color,\n\n          \"&:hover\": {\n            backgroundColor: \"transparent\",\n          },\n\n          \"& + &\": {\n            marginInlineStart: 0,\n          },\n        }),\n      },\n    },\n    MuiPickersToolbarText: {\n      styleOverrides: {\n        root: ({ theme }) => ({\n          ...theme.typography.h5,\n          position: \"relative\",\n          margin: 0,\n          lineHeight: 1,\n          color: \"inherit\",\n\n          \"&::after\": {\n            position: \"absolute\",\n            left: 0,\n            bottom: 0,\n            width: \"100%\",\n            height: 2,\n            backgroundColor: \"currentColor\",\n            opacity: 0,\n            content: \"''\",\n            transition: \"opacity 100ms, transform 200ms\",\n          },\n\n          \"&.Mui-selected\": {\n            color: theme.typography.body1.color,\n\n            \"&::after\": {\n              transform: \"translateY(2px)\",\n              opacity: 1,\n            },\n          },\n        }),\n      },\n    },\n    MuiDayCalendar: {\n      styleOverrides: {\n        slideTransition: {\n          minHeight: DateTimePickerComponentSize.slideTransitionMinHeight,\n        },\n      },\n    },\n    MuiTimeClock: {\n      styleOverrides: {\n        arrowSwitcher: {\n          top: 0,\n          right: 0,\n        },\n      },\n    },\n  },\n};\nexport const dateTimePickerTheme = deepmerge(datePickerTheme, theme);\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/labs/OdysseyPickers/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["adornmentSizeValues","SearchDropdown"],"sources":["../../../../src/labs/OdysseyPickers/index.ts"],"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\nexport { adornmentSizeValues } from \"./ComposablePicker.js\";\nexport * from \"./Picker.js\";\nexport * from \"./PickerWithOptionAdornment.js\";\nexport { SearchDropdown } from \"./SearchDropdown.js\";\nexport type {\n  CustomOptionType,\n  SearchDropdownProps,\n} from \"./SearchDropdown.js\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,mBAAmB,QAAQ,uBAAuB;AAC3D,cAAc,aAAa;AAC3B,cAAc,gCAAgC;AAC9C,SAASC,cAAc,QAAQ,qBAAqB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["adornmentSizeValues","SearchDropdown"],"sources":["../../../../src/labs/OdysseyPickers/index.ts"],"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\nexport { adornmentSizeValues } from \"./ComposablePicker.js\";\nexport * from \"./Picker.js\";\nexport * from \"./PickerWithOptionAdornment.js\";\nexport {\n  type CustomOptionType,\n  SearchDropdown,\n  type SearchDropdownProps,\n} from \"./SearchDropdown.js\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,mBAAmB,QAAQ,uBAAuB;AAC3D,cAAc,aAAa;AAC3B,cAAc,gCAAgC;AAC9C,SAEEC,cAAc,QAET,qBAAqB","ignoreList":[]}

package/dist/esm/properties/ts/odyssey-react-mui_cs.js

@@ -125,6 +125,7 @@ export const translation = {
   "dataview.layout.grid": "Mřížka",
   "dataview.layout.list": "Seznam",
   "topnav.helpicon": "stránka nápovědy",
-  "topnav.settingsicon": "stránka nastavení"
+  "topnav.settingsicon": "stránka nastavení",
+  "tag.remove": "Odebrat značku"
 };
 //# sourceMappingURL=odyssey-react-mui_cs.js.map