{"version":3,"file":"AppSwitcherApp.cjs","names":["_styled","_interopRequireDefault","require","_react","_MuiPropsContext","_OdysseyDesignTokensContext","_Tooltip","_jsxRuntime","e","__esModule","default","AppSwitcherAppWrapperComponent","styled","shouldForwardProp","prop","odysseyDesignTokens","margin","marginBlockEnd","Spacing3","textAlign","AppSwitcherAppLinkComponent","includes","isSelected","display","padding","Spacing1","backgroundColor","PalettePrimaryLighter","borderRadius","BorderRadiusTight","transition","TransitionDurationMain","HueNeutral50","AppSwitcherAppSkeletonWrapperComponent","AppSwitcherAppImgComponent","width","Spacing6","height","AppSwitcherApp","appIconDefaultUrl","appIconSelectedUrl","appName","label","linkUrl","selectedAppName","useOdysseyDesignTokens","renderAppIconLink","useCallback","muiProps","jsx","undefined","href","children","role","src","Tooltip","ariaType","placement","text","translate","MuiPropsContext","Consumer","exports","AppSwitcherAppSkeleton","_Skeleton2","variant"],"sources":["../../../../src/ui-shell/AppSwitcher/AppSwitcherApp.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 { Skeleton } from \"@mui/material\";\nimport { useCallback } from \"react\";\n\nimport { MuiPropsContext, MuiPropsContextType } from \"../../MuiPropsContext.js\";\nimport {\n DesignTokens,\n useOdysseyDesignTokens,\n} from \"../../OdysseyDesignTokensContext.js\";\nimport { Tooltip } from \"../../Tooltip.js\";\n\nconst AppSwitcherAppWrapperComponent = styled(\"li\", {\n shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n margin: \"auto\",\n marginBlockEnd: odysseyDesignTokens.Spacing3,\n textAlign: \"center\",\n}));\n\nconst AppSwitcherAppLinkComponent = styled(\"a\", {\n shouldForwardProp: (prop) =>\n ![\"isSelected\", \"odysseyDesignTokens\"].includes(prop),\n})(\n ({\n odysseyDesignTokens,\n isSelected,\n }: {\n isSelected: boolean;\n odysseyDesignTokens: DesignTokens;\n }) => ({\n display: \"inline-block\",\n margin: \"auto\",\n padding: odysseyDesignTokens.Spacing1,\n backgroundColor: isSelected\n ? odysseyDesignTokens.PalettePrimaryLighter\n : \"transparent\",\n borderRadius: odysseyDesignTokens.BorderRadiusTight,\n transition: `background-color ${odysseyDesignTokens.TransitionDurationMain}`,\n\n \"&:hover, &:focus\": {\n backgroundColor: odysseyDesignTokens.HueNeutral50,\n },\n }),\n);\n\n// Similar to AppSwitcherAppLinkComponent\nconst AppSwitcherAppSkeletonWrapperComponent = styled(\"div\", {\n shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n display: \"inline-block\",\n margin: \"auto\",\n padding: odysseyDesignTokens.Spacing1,\n}));\n\nconst AppSwitcherAppImgComponent = styled(\"img\", {\n shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n display: \"block\",\n width: odysseyDesignTokens.Spacing6,\n height: odysseyDesignTokens.Spacing6,\n}));\n\nexport interface AppSwitcherAppIconData {\n appIconDefaultUrl: string;\n appIconSelectedUrl: string;\n appName: string;\n label: string;\n linkUrl: string;\n}\n\nexport type AppSwitcherAppProps = AppSwitcherAppIconData & {\n selectedAppName?: string;\n};\n\nexport const AppSwitcherApp = ({\n appIconDefaultUrl,\n appIconSelectedUrl,\n appName,\n label,\n linkUrl,\n selectedAppName,\n}: AppSwitcherAppProps) => {\n const odysseyDesignTokens = useOdysseyDesignTokens();\n const isSelected = appName === selectedAppName;\n\n const renderAppIconLink = useCallback(\n (muiProps: MuiPropsContextType) => (\n \n \n \n ),\n [\n odysseyDesignTokens,\n isSelected,\n linkUrl,\n appIconDefaultUrl,\n appIconSelectedUrl,\n ],\n );\n\n return (\n \n \n {renderAppIconLink}\n \n \n );\n};\n\nexport const AppSwitcherAppSkeleton = () => {\n const odysseyDesignTokens = useOdysseyDesignTokens();\n return (\n \n \n \n \n \n );\n};\n"],"mappings":"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","ignoreList":[]}