npm - @okta/odyssey-react-mui - Versions diffs - 1.44.0 → 1.45.0 - Mend

@okta/odyssey-react-mui 1.44.0 → 1.45.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (659) hide show

package/dist/cjs/labs/DataView/CardLayoutContent.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CardLayoutContent.cjs","names":["_styled","_interopRequireDefault","require","_react","_Box","_CircularProgress","_OdysseyDesignTokensContext","_DataCard","_RowActions","_jsxRuntime","e","__esModule","default","StackContainer","styled","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","useOdysseyDesignTokens","handleRowSelectionChange","useCallback","row","Object","fromEntries","id","entries","filter","key","concat","updateRowOrder","jsx","Box","children","CircularProgress","Fragment","length","role","map","index","overline","title","description","image","variant","button","itemProps","currentIndex","pageIndex","pageSize","DataCard","Accessory","_Checkbox2","checked","onChange","menuButtonChildren","rowActionMenuItems","RowActions","rowIndex","undefined","renderDetailPanel","MemoizedCardLayoutContent","exports","memo","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":[]}
1	+ {"version":3,"file":"CardLayoutContent.cjs","names":["_styled","_interopRequireDefault","require","_react","_Box","_CircularProgress","_OdysseyDesignTokensContext","_DataCard","_RowActions","_jsxRuntime","e","__esModule","default","StackContainer","styled","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","useCallback","detailPanel","useMemo","renderDetailPanel","menuButtonChildren","rowActionMenuItems","jsx","RowActions","rowIndex","updateRowOrder","undefined","DataCard","hasSelection","isSelected","id","MemoizedRowDataCard","memo","displayName","CardLayoutContent","data","emptyState","isEmpty","isLoading","isNoResults","pagination","setRowSelection","useOdysseyDesignTokens","Object","fromEntries","entries","filter","key","concat","Box","CircularProgress","Fragment","length","role","map","index","pageIndex","pageSize","MemoizedCardLayoutContent","exports"],"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/cjs/labs/DataView/DataCard.cjs CHANGED Viewed

@@ -3,20 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.cardVariantValues = exports.DataCard = exports.CARD_IMAGE_SIZE_COMPACT = exports.CARD_IMAGE_SIZE = void 0;
-var _Card2 = _interopRequireDefault(require("@mui/material/Card"));
-var _CardActionArea2 = _interopRequireDefault(require("@mui/material/CardActionArea"));
-var _CardActions2 = _interopRequireDefault(require("@mui/material/CardActions"));
+exports.DataCard = void 0;
 var _Tooltip2 = _interopRequireDefault(require("@mui/material/Tooltip"));
+var _Checkbox2 = _interopRequireDefault(require("@mui/material/Checkbox"));
 var _IconButton2 = _interopRequireDefault(require("@mui/material/IconButton"));
 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 _Card = require("../../Card.cjs");
+var _ChevronDown = require("../../icons.generated/ChevronDown.cjs");
+var _ChevronUp = require("../../icons.generated/ChevronUp.cjs");
 var _OdysseyDesignTokensContext = require("../../OdysseyDesignTokensContext.cjs");
-var _Typography = require("../../Typography.cjs");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /*!
@@ -31,201 +28,75 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
  * See the License for the specific language governing permissions and limitations under the License.
  */
-const CARD_IMAGE_SIZE = exports.CARD_IMAGE_SIZE = "64px";
-const CARD_IMAGE_SIZE_COMPACT = exports.CARD_IMAGE_SIZE_COMPACT = "48px";
-const cardVariantValues = exports.cardVariantValues = ["tile", "stack", "compact"];
-const StyledAccessoryContainer = (0, _styled.default)("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 = (0, _styled.default)("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 = (0, _styled.default)("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 = (0, _styled.default)("div", {
-  shouldForwardProp: prop => prop !== "odysseyDesignTokens"
-})(({
-  odysseyDesignTokens
-}) => ({
-  display: "flex",
-  gap: odysseyDesignTokens.Spacing3
-}));
-const StyledCardImageAndContentContainer = (0, _styled.default)("div", {
-  shouldForwardProp: prop => prop !== "variant" && prop !== "centerContent"
-})(({
-  variant,
-  centerContent
-}) => ({
-  display: "flex",
-  flexDirection: variant === "tile" ? "column" : "row",
-  alignItems: centerContent ? "center" : "flex-start"
-}));
-const StyledCardContent = (0, _styled.default)("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 = (0, _styled.default)("div", {
+const CheckboxContainer = (0, _styled.default)("div", {
   shouldForwardProp: prop => prop !== "odysseyDesignTokens"
 })(({
   odysseyDesignTokens
 }) => ({
-  ["&:not(:first-child)"]: {
-    marginBlockStart: odysseyDesignTokens.Spacing3
-  }
+  marginBlockStart: `-${odysseyDesignTokens.Spacing1}`
 }));
-const StyledAccessoryPlaceholder = (0, _styled.default)(_IconButton2.default)({
+const AccessoryPlaceholder = (0, _styled.default)(_IconButton2.default)(() => ({
   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 = (0, _OdysseyDesignTokensContext.useOdysseyDesignTokens)();
   const {
     t
   } = (0, _reactI18next.useTranslation)();
-  const [isDetailPanelOpen, setIsDetailPanelOpen] = (0, _react.useState)(false);
+  const titleId = (0, _react.useId)();
+  const [isExpanded, setIsExpanded] = (0, _react.useState)(false);
+  const SelectionCheckbox = (0, _react.useMemo)(() => (0, _jsxRuntime.jsx)(CheckboxContainer, {
+    odysseyDesignTokens: odysseyDesignTokens,
+    children: (0, _jsxRuntime.jsx)(_Checkbox2.default, {
+      checked: isSelected,
+      inputProps: {
+        "aria-labelledby": titleId
+      },
+      onChange: onSelectionChange
+    })
+  }), [isSelected, odysseyDesignTokens, onSelectionChange, titleId]);
   const ExpansionToggle = (0, _react.useMemo)(() => {
-    return renderDetailPanel?.({
-      row
-    }) ? (0, _jsxRuntime.jsx)(_Tooltip2.default, {
-      title: isDetailPanelOpen ? t("table.rowexpansion.collapse") : t("table.rowexpansion.expand"),
+    return detailPanel ? (0, _jsxRuntime.jsx)(_Tooltip2.default, {
+      title: isExpanded ? 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": isExpanded ? t("table.rowexpansion.collapse") : t("table.rowexpansion.expand"),
+        children: isExpanded ? (0, _jsxRuntime.jsx)(_ChevronUp.ChevronUpIcon, {}) : (0, _jsxRuntime.jsx)(_ChevronDown.ChevronDownIcon, {}),
+        onClick: () => setIsExpanded(!isExpanded)
       })
-    }) : (0, _jsxRuntime.jsx)(StyledAccessoryPlaceholder, {
+    }) : (0, _jsxRuntime.jsx)(AccessoryPlaceholder, {
       disabled: true,
-      children: (0, _jsxRuntime.jsx)(_index2.ChevronDownIcon, {})
+      children: (0, _jsxRuntime.jsx)(_ChevronDown.ChevronDownIcon, {})
     });
-  }, [isDetailPanelOpen, renderDetailPanel, row, t]);
+  }, [isExpanded, detailPanel, t]);
   const Accessory = (0, _react.useMemo)(() => {
-    return (0, _jsxRuntime.jsxs)(StyledAccessoryContainer, {
-      odysseyDesignTokens: odysseyDesignTokens,
-      variant: variant,
-      children: [AccessoryProp, renderDetailPanel && ExpansionToggle]
-    });
-  }, [AccessoryProp, ExpansionToggle, odysseyDesignTokens, renderDetailPanel, variant]);
-  const cardContent = (0, _react.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 (0, _jsxRuntime.jsxs)(StyledCardInnerContainer, {
-      odysseyDesignTokens: odysseyDesignTokens,
-      children: [(AccessoryProp || renderDetailPanel) && (0, _jsxRuntime.jsx)(_Box.Box, {
-        children: Accessory
-      }), (0, _jsxRuntime.jsxs)(StyledCardImageAndContentContainer, {
-        centerContent: shouldCenterContent,
-        variant: variant,
-        children: [image && (0, _jsxRuntime.jsx)(StyledImageContainer, {
-          hasMenuButtonChildren: Boolean(menuButtonChildren),
-          odysseyDesignTokens: odysseyDesignTokens,
-          variant: variant,
-          children: image
-        }), (0, _jsxRuntime.jsxs)(StyledCardContent, {
-          odysseyDesignTokens: odysseyDesignTokens,
-          variant: variant,
-          children: [overline && (0, _jsxRuntime.jsx)(_Typography.Support, {
-            component: "div",
-            children: overline
-          }), title && (0, _jsxRuntime.jsx)(_Typography.Heading5, {
-            component: "div",
-            children: title
-          }), description && (0, _jsxRuntime.jsx)(_Typography.Paragraph, {
-            color: "textSecondary",
-            children: description
-          }), button && (0, _jsxRuntime.jsx)(_CardActions2.default, {
-            children: (0, _jsxRuntime.jsx)(_index.ButtonContext.Provider, {
-              value: buttonProviderValue,
-              children: button
-            })
-          }), children && (0, _jsxRuntime.jsx)(StyledCardChildrenContainer, {
-            odysseyDesignTokens: odysseyDesignTokens,
-            children: children
-          }), renderDetailPanel && isDetailPanelOpen && (0, _jsxRuntime.jsx)(StyledCardChildrenContainer, {
-            odysseyDesignTokens: odysseyDesignTokens,
-            children: renderDetailPanel({
-              row
-            })
-          })]
-        })]
-      })]
+    return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [hasSelection && SelectionCheckbox, ExpansionToggle]
     });
-  }, [odysseyDesignTokens, AccessoryProp, renderDetailPanel, Accessory, variant, image, menuButtonChildren, overline, title, description, button, children, isDetailPanelOpen, row]);
-  return (0, _jsxRuntime.jsxs)(_Card2.default, {
-    className: `${onClick ? "isClickable" : ""} ${Accessory ? "hasAccessory" : ""} ods-card-${variant}`,
-    role: "listitem",
-    children: [onClick ? (0, _jsxRuntime.jsx)(_CardActionArea2.default, {
-      onClick: onClick,
-      children: cardContent
-    }) : cardContent, menuButtonChildren && (0, _jsxRuntime.jsx)(StyledMenuButtonContainer, {
-      odysseyDesignTokens: odysseyDesignTokens,
-      variant: variant,
-      children: (0, _jsxRuntime.jsx)(_index.MenuButton, {
-        ariaLabel: t("table.moreactions.arialabel"),
-        buttonVariant: "floating",
-        endIcon: (0, _jsxRuntime.jsx)(_index2.MoreIcon, {}),
-        menuAlignment: "right",
-        size: "small",
-        tooltipText: t("table.actions"),
-        children: menuButtonChildren
-      })
-    })]
+  }, [ExpansionToggle, SelectionCheckbox, hasSelection]);
+  return (0, _jsxRuntime.jsx)(_Card.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 = exports.DataCard = (0, _react.memo)(DataCard);

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

	@@ -1 +1 @@
1	- {"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":[]}
1	+ {"version":3,"file":"DataCard.cjs","names":["_styled","_interopRequireDefault","require","_react","_reactI18next","_Card","_ChevronDown","_ChevronUp","_OdysseyDesignTokensContext","_jsxRuntime","e","__esModule","default","CheckboxContainer","styled","shouldForwardProp","prop","odysseyDesignTokens","marginBlockStart","Spacing1","AccessoryPlaceholder","_IconButton2","visibility","DataCard","children","description","detailPanel","hasSelection","image","isSelected","onSelectionChange","overline","title","variant","menuButtonChildren","useOdysseyDesignTokens","t","useTranslation","titleId","useId","isExpanded","setIsExpanded","useState","SelectionCheckbox","useMemo","jsx","_Checkbox2","checked","inputProps","onChange","ExpansionToggle","_Tooltip2","ChevronUpIcon","ChevronDownIcon","onClick","disabled","Accessory","jsxs","Fragment","Card","__role","accessory","MemoizedDataCard","exports","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 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/cjs/labs/DataView/componentTypes.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"componentTypes.cjs","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":[]}
1	+ {"version":3,"file":"componentTypes.cjs","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/cjs/labs/DatePickers/dateTimePickerTheme.cjs CHANGED Viewed

@@ -7,9 +7,9 @@ exports.dateTimePickerTheme = void 0;
 var _utils = require("@mui/utils");
 var _DigitalClock = require("@mui/x-date-pickers/DigitalClock");
 var _MultiSectionDigitalClock = require("@mui/x-date-pickers/MultiSectionDigitalClock");
-var _addSpecificity = require("../../addSpecificity.cjs");
 var _datePickerTheme = require("../../DatePickers/datePickerTheme.cjs");
 var _index = require("../../theme/index.cjs");
+var _addSpecificity = require("../../tools/addSpecificity.cjs");
 var _DateTimePicker = require("./DateTimePicker.cjs");
 /*!
  * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
@@ -109,8 +109,8 @@ const theme = {
     MuiMultiSectionDigitalClock: {
       styleOverrides: {
         root: {
-          [`${(0, _addSpecificity.addSpecificity)(2, `.${_MultiSectionDigitalClock.multiSectionDigitalClockClasses.root}`)},
-            ${(0, _addSpecificity.addSpecificity)(2, ` .${_MultiSectionDigitalClock.multiSectionDigitalClockSectionClasses.root}`)},
+          [`${(0, _addSpecificity.addSpecificity)(2, `.${_MultiSectionDigitalClock.multiSectionDigitalClockClasses.root}`)},
+            ${(0, _addSpecificity.addSpecificity)(2, ` .${_MultiSectionDigitalClock.multiSectionDigitalClockSectionClasses.root}`)},
             ${(0, _addSpecificity.addSpecificity)(2, `.${_DigitalClock.digitalClockClasses.root}`)}`]: {
             maxHeight: DateTimePickerComponentSize.dateCalendarMaxHeight
           }

package/dist/cjs/labs/DatePickers/dateTimePickerTheme.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dateTimePickerTheme.cjs","names":["_utils","require","_DigitalClock","_MultiSectionDigitalClock","_addSpecificity","_datePickerTheme","_index","_DateTimePicker","DateTimePickerComponentSize","dateCalendarMaxHeight","pxToRem","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","DateTimePickerSize","maxWidth","contentWrapper","gridTemplateColumns","MuiMultiSectionDigitalClock","addSpecificity","multiSectionDigitalClockClasses","multiSectionDigitalClockSectionClasses","digitalClockClasses","MuiMultiSectionDigitalClockSection","item","dateStyles","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","exports","deepmerge","datePickerTheme"],"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":"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","ignoreList":[]}
1	+ {"version":3,"file":"dateTimePickerTheme.cjs","names":["_utils","require","_DigitalClock","_MultiSectionDigitalClock","_datePickerTheme","_index","_addSpecificity","_DateTimePicker","DateTimePickerComponentSize","dateCalendarMaxHeight","pxToRem","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","DateTimePickerSize","maxWidth","contentWrapper","gridTemplateColumns","MuiMultiSectionDigitalClock","addSpecificity","multiSectionDigitalClockClasses","multiSectionDigitalClockSectionClasses","digitalClockClasses","MuiMultiSectionDigitalClockSection","item","dateStyles","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","exports","deepmerge","datePickerTheme"],"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/cjs/labs/OdysseyPickers/index.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.cjs","names":["_ComposablePicker","require","_Picker","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_PickerWithOptionAdornment","_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":";;;;;;;;;;;;;;;;;;;;;AAYA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAF,OAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,OAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAZ,OAAA,CAAAI,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,0BAAA,GAAAd,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAW,0BAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAS,0BAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,0BAAA,CAAAT,GAAA;IAAA;EAAA;AAAA;AACA,IAAAU,eAAA,GAAAf,OAAA","ignoreList":[]}
1	+ {"version":3,"file":"index.cjs","names":["_ComposablePicker","require","_Picker","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_PickerWithOptionAdornment","_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":";;;;;;;;;;;;;;;;;;;;;AAYA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAF,OAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,OAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAZ,OAAA,CAAAI,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,0BAAA,GAAAd,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAW,0BAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAS,0BAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,0BAAA,CAAAT,GAAA;IAAA;EAAA;AAAA;AACA,IAAAU,eAAA,GAAAf,OAAA","ignoreList":[]}

package/dist/cjs/properties/ts/odyssey-react-mui_cs.cjs CHANGED Viewed

@@ -131,6 +131,7 @@ const translation = exports.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.cjs.map