@okta/odyssey-react-mui 1.21.2 → 1.23.0

package/dist/labs/SideNav/SideNavItemContent.js

@@ -0,0 +1,157 @@
+/*!
+ * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */
+
+import styled from "@emotion/styled";
+import { useRef, useImperativeHandle, useCallback, memo } from "react";
+import { Link } from "../../Link.js";
+import { useOdysseyDesignTokens } from "../../OdysseyDesignTokensContext.js";
+import { SideNavItemLinkContent } from "./SideNavItemLinkContent.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const SideNavListItemContainer = styled("li", {
+  shouldForwardProp: prop => prop !== "odysseyDesignTokens" && prop !== "isSelected" && prop !== "isDisabled"
+})(({
+  odysseyDesignTokens,
+  isSelected,
+  isDisabled
+}) => ({
+  display: "flex",
+  alignItems: "center",
+  cursor: isDisabled ? "default" : "pointer",
+  pointerEvents: isDisabled ? "none" : "auto",
+  backgroundColor: isSelected ? odysseyDesignTokens.HueNeutral50 : "unset",
+  margin: `${odysseyDesignTokens.Spacing1} 0`,
+  "&:last-child": {
+    marginBottom: odysseyDesignTokens.Spacing2
+  },
+  "& a": {
+    display: "flex",
+    alignItems: "center",
+    width: "100%",
+    minHeight: "48px",
+    padding: `${odysseyDesignTokens.Spacing3} ${odysseyDesignTokens.Spacing4}`,
+    color: `${odysseyDesignTokens.TypographyColorHeading} !important`,
+    pointerEvents: isDisabled ? "none" : "auto"
+  },
+  "& a:hover": {
+    textDecoration: "none",
+    cursor: isDisabled ? "default" : "pointer",
+    backgroundColor: !isDisabled ? odysseyDesignTokens.HueNeutral50 : "inherit"
+  },
+  "& a:focus-visible": {
+    outlineOffset: 0,
+    borderRadius: 0,
+    outlineWidth: odysseyDesignTokens.FocusOutlineWidthMain,
+    backgroundColor: !isDisabled ? odysseyDesignTokens.HueNeutral50 : "inherit"
+  }
+}));
+const scrollToNode = node => {
+  if (node) {
+    node?.scrollIntoView({
+      behavior: "instant",
+      block: "center",
+      inline: "nearest"
+    });
+  }
+};
+const SideNavItemContent = ({
+  id,
+  label,
+  href,
+  target,
+  startIcon,
+  severity,
+  statusLabel,
+  endIcon,
+  onClick,
+  isSelected,
+  isDisabled,
+  scrollRef
+}) => {
+  const localScrollRef = useRef(null);
+  useImperativeHandle(scrollRef, () => {
+    return {
+      scrollIntoView: () => {
+        scrollToNode(localScrollRef.current);
+      }
+    };
+  }, []);
+  const odysseyDesignTokens = useOdysseyDesignTokens();
+  const NavItemContentClickContainer = styled("div", {
+    shouldForwardProp: prop => prop !== "odysseyDesignTokens"
+  })(() => ({
+    display: "flex",
+    alignItems: "center",
+    width: "100%",
+    minHeight: "48px",
+    padding: `${odysseyDesignTokens.Spacing3} ${odysseyDesignTokens.Spacing4}`,
+    color: `${isDisabled ? odysseyDesignTokens.TypographyColorDisabled : odysseyDesignTokens.TypographyColorHeading} !important`,
+    "&:focus-visible": {
+      borderRadius: 0,
+      outlineColor: odysseyDesignTokens.FocusOutlineColorPrimary,
+      outlineStyle: odysseyDesignTokens.FocusOutlineStyle,
+      outlineWidth: odysseyDesignTokens.FocusOutlineWidthMain,
+      backgroundColor: odysseyDesignTokens.HueNeutral50,
+      textDecoration: "none"
+    }
+  }));
+  const sideNavItemContentKeyHandler = useCallback(event => {
+    if (event?.key === "Enter") {
+      event.preventDefault();
+      onClick?.();
+    }
+  }, [onClick]);
+  return _jsx(SideNavListItemContainer, {
+    ref: localScrollRef,
+    id: id,
+    disabled: isDisabled,
+    "aria-disabled": isDisabled,
+    isDisabled: isDisabled,
+    isSelected: isSelected,
+    odysseyDesignTokens: odysseyDesignTokens,
+    children: isDisabled ? _jsx(NavItemContentClickContainer, {
+      children: _jsx(SideNavItemLinkContent, {
+        label: label,
+        startIcon: startIcon,
+        endIcon: endIcon,
+        statusLabel: statusLabel,
+        severity: severity
+      })
+    }) : !href ? _jsx(NavItemContentClickContainer, {
+      role: "button",
+      tabIndex: 0,
+      onClick: onClick,
+      onKeyDown: sideNavItemContentKeyHandler,
+      children: _jsx(SideNavItemLinkContent, {
+        label: label,
+        startIcon: startIcon,
+        endIcon: endIcon,
+        statusLabel: statusLabel,
+        severity: severity
+      })
+    }) : _jsx(Link, {
+      href: href,
+      target: target,
+      onClick: onClick,
+      children: _jsx(SideNavItemLinkContent, {
+        label: label,
+        startIcon: startIcon,
+        endIcon: endIcon,
+        statusLabel: statusLabel,
+        severity: severity
+      })
+    })
+  }, id);
+};
+const MemoizedSideNavItemContent = memo(SideNavItemContent);
+MemoizedSideNavItemContent.displayName = "SideNavItemContent";
+export { MemoizedSideNavItemContent as SideNavItemContent };
+//# sourceMappingURL=SideNavItemContent.js.map

package/dist/labs/SideNav/SideNavItemContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideNavItemContent.js","names":["styled","useRef","useImperativeHandle","useCallback","memo","Link","useOdysseyDesignTokens","SideNavItemLinkContent","jsx","_jsx","SideNavListItemContainer","shouldForwardProp","prop","odysseyDesignTokens","isSelected","isDisabled","display","alignItems","cursor","pointerEvents","backgroundColor","HueNeutral50","margin","Spacing1","marginBottom","Spacing2","width","minHeight","padding","Spacing3","Spacing4","color","TypographyColorHeading","textDecoration","outlineOffset","borderRadius","outlineWidth","FocusOutlineWidthMain","scrollToNode","node","scrollIntoView","behavior","block","inline","SideNavItemContent","id","label","href","target","startIcon","severity","statusLabel","endIcon","onClick","scrollRef","localScrollRef","current","NavItemContentClickContainer","TypographyColorDisabled","outlineColor","FocusOutlineColorPrimary","outlineStyle","FocusOutlineStyle","sideNavItemContentKeyHandler","event","key","preventDefault","ref","disabled","children","role","tabIndex","onKeyDown","MemoizedSideNavItemContent","displayName"],"sources":["../../../src/labs/SideNav/SideNavItemContent.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  useRef,\n  useImperativeHandle,\n  useCallback,\n  memo,\n  KeyboardEvent,\n} from \"react\";\nimport { Link } from \"../../Link\";\nimport {\n  type DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../../OdysseyDesignTokensContext\";\nimport { SideNavItemLinkContent } from \"./SideNavItemLinkContent\";\nimport type { SideNavItem } from \"./types\";\n\nexport const SideNavListItemContainer = styled(\"li\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" &&\n    prop !== \"isSelected\" &&\n    prop !== \"isDisabled\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n  isSelected?: boolean;\n  disabled?: boolean;\n  isDisabled?: boolean;\n}>(({ odysseyDesignTokens, isSelected, isDisabled }) => ({\n  display: \"flex\",\n  alignItems: \"center\",\n  cursor: isDisabled ? \"default\" : \"pointer\",\n  pointerEvents: isDisabled ? \"none\" : \"auto\",\n  backgroundColor: isSelected ? odysseyDesignTokens.HueNeutral50 : \"unset\",\n  margin: `${odysseyDesignTokens.Spacing1} 0`,\n  \"&:last-child\": {\n    marginBottom: odysseyDesignTokens.Spacing2,\n  },\n  \"& a\": {\n    display: \"flex\",\n    alignItems: \"center\",\n    width: \"100%\",\n    minHeight: \"48px\",\n    padding: `${odysseyDesignTokens.Spacing3} ${odysseyDesignTokens.Spacing4}`,\n    color: `${odysseyDesignTokens.TypographyColorHeading} !important`,\n    pointerEvents: isDisabled ? \"none\" : \"auto\",\n  },\n  \"& a:hover\": {\n    textDecoration: \"none\",\n    cursor: isDisabled ? \"default\" : \"pointer\",\n    backgroundColor: !isDisabled ? odysseyDesignTokens.HueNeutral50 : \"inherit\",\n  },\n  \"& a:focus-visible\": {\n    outlineOffset: 0,\n    borderRadius: 0,\n    outlineWidth: odysseyDesignTokens.FocusOutlineWidthMain,\n    backgroundColor: !isDisabled ? odysseyDesignTokens.HueNeutral50 : \"inherit\",\n  },\n}));\n\nconst scrollToNode = (node: HTMLElement | null) => {\n  if (node) {\n    node?.scrollIntoView({\n      behavior: \"instant\",\n      block: \"center\",\n      inline: \"nearest\",\n    });\n  }\n};\n\ntype ScrollIntoViewHandle = {\n  scrollIntoView: () => void;\n};\n\nconst SideNavItemContent = ({\n  id,\n  label,\n  href,\n  target,\n  startIcon,\n  severity,\n  statusLabel,\n  endIcon,\n  onClick,\n  isSelected,\n  isDisabled,\n  scrollRef,\n}: Pick<\n  SideNavItem,\n  | \"id\"\n  | \"label\"\n  | \"href\"\n  | \"target\"\n  | \"startIcon\"\n  | \"severity\"\n  | \"statusLabel\"\n  | \"endIcon\"\n  | \"onClick\"\n  | \"isSelected\"\n  | \"isDisabled\"\n> & {\n  /**\n   * The ref used to scroll to this item\n   */\n  scrollRef?: React.RefObject<ScrollIntoViewHandle>;\n}) => {\n  const localScrollRef = useRef<HTMLLIElement>(null);\n  useImperativeHandle(\n    scrollRef,\n    () => {\n      return {\n        scrollIntoView: () => {\n          scrollToNode(localScrollRef.current);\n        },\n      };\n    },\n    [],\n  );\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  const NavItemContentClickContainer = styled(\"div\", {\n    shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n  })(() => ({\n    display: \"flex\",\n    alignItems: \"center\",\n    width: \"100%\",\n    minHeight: \"48px\",\n    padding: `${odysseyDesignTokens.Spacing3} ${odysseyDesignTokens.Spacing4}`,\n    color: `${isDisabled ? odysseyDesignTokens.TypographyColorDisabled : odysseyDesignTokens.TypographyColorHeading} !important`,\n    \"&:focus-visible\": {\n      borderRadius: 0,\n      outlineColor: odysseyDesignTokens.FocusOutlineColorPrimary,\n      outlineStyle: odysseyDesignTokens.FocusOutlineStyle,\n      outlineWidth: odysseyDesignTokens.FocusOutlineWidthMain,\n      backgroundColor: odysseyDesignTokens.HueNeutral50,\n      textDecoration: \"none\",\n    },\n  }));\n\n  const sideNavItemContentKeyHandler = useCallback(\n    (event: KeyboardEvent<HTMLDivElement>) => {\n      if (event?.key === \"Enter\") {\n        event.preventDefault();\n        onClick?.();\n      }\n    },\n    [onClick],\n  );\n\n  return (\n    <SideNavListItemContainer\n      ref={localScrollRef}\n      id={id}\n      key={id}\n      disabled={isDisabled}\n      aria-disabled={isDisabled}\n      isDisabled={isDisabled}\n      isSelected={isSelected}\n      odysseyDesignTokens={odysseyDesignTokens}\n    >\n      {\n        // Use Link for nav items with links and div for disabled or non-link items\n        isDisabled ? (\n          <NavItemContentClickContainer>\n            <SideNavItemLinkContent\n              label={label}\n              startIcon={startIcon}\n              endIcon={endIcon}\n              statusLabel={statusLabel}\n              severity={severity}\n            />\n          </NavItemContentClickContainer>\n        ) : !href ? (\n          <NavItemContentClickContainer\n            role=\"button\"\n            tabIndex={0}\n            onClick={onClick}\n            onKeyDown={sideNavItemContentKeyHandler}\n          >\n            <SideNavItemLinkContent\n              label={label}\n              startIcon={startIcon}\n              endIcon={endIcon}\n              statusLabel={statusLabel}\n              severity={severity}\n            />\n          </NavItemContentClickContainer>\n        ) : (\n          <Link href={href} target={target} onClick={onClick}>\n            <SideNavItemLinkContent\n              label={label}\n              startIcon={startIcon}\n              endIcon={endIcon}\n              statusLabel={statusLabel}\n              severity={severity}\n            />\n          </Link>\n        )\n      }\n    </SideNavListItemContainer>\n  );\n};\nconst MemoizedSideNavItemContent = memo(SideNavItemContent);\nMemoizedSideNavItemContent.displayName = \"SideNavItemContent\";\n\nexport { MemoizedSideNavItemContent as SideNavItemContent };\n"],"mappings":"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"}

package/dist/labs/SideNav/SideNavItemLinkContent.js

@@ -0,0 +1,71 @@
+/*!
+ * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */
+
+import styled from "@emotion/styled";
+import { memo, useMemo } from "react";
+import { useOdysseyDesignTokens } from "../../OdysseyDesignTokensContext.js";
+import { Box } from "../../Box.js";
+import { Status } from "../../Status.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+const SideNavItemLabelContainer = styled("div", {
+  shouldForwardProp: prop => prop !== "odysseyDesignTokens" && prop !== "isIconVisible"
+})(({
+  odysseyDesignTokens,
+  isIconVisible
+}) => ({
+  width: "100%",
+  display: "flex",
+  flexWrap: "wrap",
+  alignItems: "center",
+  fontSize: odysseyDesignTokens.TypographyScale0,
+  fontWeight: odysseyDesignTokens.TypographyWeightHeading,
+  marginLeft: isIconVisible ? odysseyDesignTokens.Spacing2 : 0,
+  "& a": {
+    color: `${odysseyDesignTokens.TypographyColorHeading} !important`,
+    fontSize: odysseyDesignTokens.TypographyScale0
+  },
+  "& a:hover": {
+    textDecoration: "none",
+    cursor: "pointer"
+  }
+}));
+const SideNavItemLinkContent = ({
+  label,
+  startIcon,
+  endIcon,
+  severity,
+  statusLabel
+}) => {
+  const odysseyDesignTokens = useOdysseyDesignTokens();
+  const sideNavItemContentStyles = useMemo(() => ({
+    marginLeft: odysseyDesignTokens.Spacing2
+  }), [odysseyDesignTokens]);
+  return _jsxs(_Fragment, {
+    children: [startIcon && startIcon, _jsxs(SideNavItemLabelContainer, {
+      odysseyDesignTokens: odysseyDesignTokens,
+      isIconVisible: Boolean(startIcon),
+      children: [label, severity && _jsx(Box, {
+        sx: sideNavItemContentStyles,
+        children: _jsx(Status, {
+          severity: severity,
+          label: statusLabel || ""
+        })
+      })]
+    }), endIcon && endIcon]
+  });
+};
+const MemoizedSideNavItemLinkContent = memo(SideNavItemLinkContent);
+MemoizedSideNavItemLinkContent.displayName = "SideNavItemLinkContent";
+export { MemoizedSideNavItemLinkContent as SideNavItemLinkContent };
+//# sourceMappingURL=SideNavItemLinkContent.js.map

package/dist/labs/SideNav/SideNavItemLinkContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideNavItemLinkContent.js","names":["styled","memo","useMemo","useOdysseyDesignTokens","Box","Status","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","SideNavItemLabelContainer","shouldForwardProp","prop","odysseyDesignTokens","isIconVisible","width","display","flexWrap","alignItems","fontSize","TypographyScale0","fontWeight","TypographyWeightHeading","marginLeft","Spacing2","color","TypographyColorHeading","textDecoration","cursor","SideNavItemLinkContent","label","startIcon","endIcon","severity","statusLabel","sideNavItemContentStyles","children","Boolean","sx","MemoizedSideNavItemLinkContent","displayName"],"sources":["../../../src/labs/SideNav/SideNavItemLinkContent.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 { memo, ReactNode, useMemo } from \"react\";\nimport {\n  type DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../../OdysseyDesignTokensContext\";\nimport { Box } from \"../../Box\";\nimport { Status } from \"../../Status\";\nimport type { SideNavItem } from \"./types\";\n\nconst SideNavItemLabelContainer = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" && prop !== \"isIconVisible\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n  isIconVisible: boolean;\n}>(({ odysseyDesignTokens, isIconVisible }) => ({\n  width: \"100%\",\n  display: \"flex\",\n  flexWrap: \"wrap\",\n  alignItems: \"center\",\n  fontSize: odysseyDesignTokens.TypographyScale0,\n  fontWeight: odysseyDesignTokens.TypographyWeightHeading,\n  marginLeft: isIconVisible ? odysseyDesignTokens.Spacing2 : 0,\n  \"& a\": {\n    color: `${odysseyDesignTokens.TypographyColorHeading} !important`,\n    fontSize: odysseyDesignTokens.TypographyScale0,\n  },\n  \"& a:hover\": {\n    textDecoration: \"none\",\n    cursor: \"pointer\",\n  },\n}));\n\nconst SideNavItemLinkContent = ({\n  label,\n  startIcon,\n  endIcon,\n  severity,\n  statusLabel,\n}: Pick<\n  SideNavItem,\n  \"label\" | \"startIcon\" | \"endIcon\" | \"severity\" | \"statusLabel\"\n>): ReactNode => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  const sideNavItemContentStyles = useMemo(\n    () => ({\n      marginLeft: odysseyDesignTokens.Spacing2,\n    }),\n    [odysseyDesignTokens],\n  );\n\n  return (\n    <>\n      {startIcon && startIcon}\n      <SideNavItemLabelContainer\n        odysseyDesignTokens={odysseyDesignTokens}\n        isIconVisible={Boolean(startIcon)}\n      >\n        {label}\n        {severity && (\n          <Box sx={sideNavItemContentStyles}>\n            <Status severity={severity} label={statusLabel || \"\"} />\n          </Box>\n        )}\n      </SideNavItemLabelContainer>\n      {endIcon && endIcon}\n    </>\n  );\n};\nconst MemoizedSideNavItemLinkContent = memo(SideNavItemLinkContent);\nMemoizedSideNavItemLinkContent.displayName = \"SideNavItemLinkContent\";\n\nexport { MemoizedSideNavItemLinkContent as SideNavItemLinkContent };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,MAAM,MAAM,iBAAiB;AACpC,SAASC,IAAI,EAAaC,OAAO,QAAQ,OAAO;AAAC,SAG/CC,sBAAsB;AAAA,SAEfC,GAAG;AAAA,SACHC,MAAM;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAGf,MAAMC,yBAAyB,GAAGZ,MAAM,CAAC,KAAK,EAAE;EAC9Ca,iBAAiB,EAAGC,IAAI,IACtBA,IAAI,KAAK,qBAAqB,IAAIA,IAAI,KAAK;AAC/C,CAAC,CAAC,CAGC,CAAC;EAAEC,mBAAmB;EAAEC;AAAc,CAAC,MAAM;EAC9CC,KAAK,EAAE,MAAM;EACbC,OAAO,EAAE,MAAM;EACfC,QAAQ,EAAE,MAAM;EAChBC,UAAU,EAAE,QAAQ;EACpBC,QAAQ,EAAEN,mBAAmB,CAACO,gBAAgB;EAC9CC,UAAU,EAAER,mBAAmB,CAACS,uBAAuB;EACvDC,UAAU,EAAET,aAAa,GAAGD,mBAAmB,CAACW,QAAQ,GAAG,CAAC;EAC5D,KAAK,EAAE;IACLC,KAAK,EAAG,GAAEZ,mBAAmB,CAACa,sBAAuB,aAAY;IACjEP,QAAQ,EAAEN,mBAAmB,CAACO;EAChC,CAAC;EACD,WAAW,EAAE;IACXO,cAAc,EAAE,MAAM;IACtBC,MAAM,EAAE;EACV;AACF,CAAC,CAAC,CAAC;AAEH,MAAMC,sBAAsB,GAAGA,CAAC;EAC9BC,KAAK;EACLC,SAAS;EACTC,OAAO;EACPC,QAAQ;EACRC;AAIF,CAAC,KAAgB;EACf,MAAMrB,mBAAmB,GAAGZ,sBAAsB,CAAC,CAAC;EAEpD,MAAMkC,wBAAwB,GAAGnC,OAAO,CACtC,OAAO;IACLuB,UAAU,EAAEV,mBAAmB,CAACW;EAClC,CAAC,CAAC,EACF,CAACX,mBAAmB,CACtB,CAAC;EAED,OACEN,KAAA,CAAAE,SAAA;IAAA2B,QAAA,GACGL,SAAS,IAAIA,SAAS,EACvBxB,KAAA,CAACG,yBAAyB;MACxBG,mBAAmB,EAAEA,mBAAoB;MACzCC,aAAa,EAAEuB,OAAO,CAACN,SAAS,CAAE;MAAAK,QAAA,GAEjCN,KAAK,EACLG,QAAQ,IACP5B,IAAA,CAACH,GAAG;QAACoC,EAAE,EAAEH,wBAAyB;QAAAC,QAAA,EAChC/B,IAAA,CAACF,MAAM;UAAC8B,QAAQ,EAAEA,QAAS;UAACH,KAAK,EAAEI,WAAW,IAAI;QAAG,CAAE;MAAC,CACrD,CACN;IAAA,CACwB,CAAC,EAC3BF,OAAO,IAAIA,OAAO;EAAA,CACnB,CAAC;AAEP,CAAC;AACD,MAAMO,8BAA8B,GAAGxC,IAAI,CAAC8B,sBAAsB,CAAC;AACnEU,8BAA8B,CAACC,WAAW,GAAG,wBAAwB;AAErE,SAASD,8BAA8B,IAAIV,sBAAsB"}

package/dist/labs/SideNav/index.js

@@ -0,0 +1,14 @@
+/*!
+ * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */
+export { SideNav } from "./SideNav.js";
+export * from "./types.js";
+//# sourceMappingURL=index.js.map

package/dist/labs/SideNav/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["SideNav"],"sources":["../../../src/labs/SideNav/index.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\nexport { SideNav } from \"./SideNav\";\n\nexport * from \"./types\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAVA,SAYSA,OAAO;AAAA"}

package/dist/labs/SideNav/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/labs/SideNav/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/labs/SideNav/types.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 type { ReactElement } from \"react\";\nimport type { HtmlProps } from \"../../HtmlProps\";\nimport type { statusSeverityValues } from \"../../Status\";\n\nexport type SideNavProps = {\n  /**\n   * Side Nav header text that is usually reserved to show the App name\n   */\n  navHeaderText: string;\n  /**\n   *  Determines whether the side nav is collapsible\n   */\n  isCollapsible?: boolean;\n  /**\n   *  Triggers when the side nav is collapsed\n   */\n  onCollapse?(): void;\n  /**\n   *  Triggers when the side nav is expanded\n   */\n  onExpand?(): void;\n  /**\n   * Nav items in the side nav\n   */\n  sideNavItems: SideNavItem[];\n  /**\n   * A CSS length string indicating the customizable expanded width of the SideNav container.\n   * (it will be smaller if isCollapsible and collapsed)\n   */\n  expandedWidth?: string;\n  /**\n   * An optional logo to display in the header. If not provided, will default to the Okta logo\n   */\n  logo?: ReactElement;\n} & (\n  | {\n      /**\n       * Footer items in the side nav\n       */\n      footerItems?: SideNavFooterItem[];\n      /**\n       * footerComponent cannot be used if footerItems are defined\n       */\n      footerComponent?: never;\n    }\n  | {\n      /**\n       * footerItems cannot be used if footerComponent is defined\n       */\n      footerItems?: never;\n      /**\n       * The component to display as the footer; if present the `footerItems` are ignored and not rendered.\n       */\n      footerComponent?: ReactElement;\n    }\n) &\n  Pick<HtmlProps, \"testId\">;\n\nexport type SideNavItem = {\n  id: string;\n  label: string;\n  /**\n   * The icon element to display at the end of the Nav Item\n   */\n  endIcon?: ReactElement;\n  /**\n   * Whether the item is disabled. When set to true the nav item is set to Disabled color,\n   * the link/item is not clickable, and item with children is not expandable.\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether the item is active/selected\n   */\n  isSelected?: boolean;\n  /**\n   * Event fired when the nav item is clicked\n   */\n  onClick?(): void;\n  /**\n   * The status element to display after the label\n   */\n  severity?: (typeof statusSeverityValues)[number];\n  /**\n   * The icon element to display at the start of the Nav Item\n   */\n  startIcon?: ReactElement;\n  /**\n   * The label to display inside the status\n   */\n  statusLabel?: string;\n  /**\n   * The link target prop. e.g., \"_blank\"\n   */\n  target?: string;\n} & (\n  | {\n      /**\n       * Determines if the side nav item is a section header\n       */\n      isSectionHeader: true;\n      href?: never;\n      children?: never;\n      isDefaultExpanded?: never;\n      isExpanded?: never;\n    }\n  | {\n      /**\n       * link added to the nav item. if it is undefined, static text will be displayed.\n       * fires onClick event when it is passed\n       */\n      href: string;\n      children?: never;\n      isSectionHeader?: never;\n      isDefaultExpanded?: never;\n      isExpanded?: never;\n    }\n  | {\n      /**\n       * An array of side nav items to be displayed as children within Accordion\n       */\n      children?: SideNavItem[];\n      /**\n       * Whether the accordion (nav item with children) is expanded by default\n       */\n      isDefaultExpanded?: boolean;\n      /**\n       * If true, expands the accordion, otherwise collapse it.\n       * Setting this prop enables control over the accordion.\n       */\n      isExpanded?: boolean;\n      isSectionHeader?: never;\n      href?: never;\n    }\n);\n\nexport type SideNavFooterItem = {\n  href?: string;\n  id: string;\n  label: string;\n};\n"],"mappings":""}

package/dist/labs/TopNav.js

@@ -19,6 +19,7 @@ import { Subordinate } from "../Typography.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { createElement as _createElement } from "react";
+export const TOP_NAV_HEIGHT_TOKEN = "Spacing9";
 const UserProfileContainer = styled("div", {
   shouldForwardProp: prop => prop !== "odysseyDesignTokens"
 })(({
@@ -210,7 +211,7 @@ const TopNavContainer = styled("div", {
   display: "flex",
   alignItems: "center",
   backgroundColor: odysseyDesignTokens.HueNeutralWhite,
-  height: odysseyDesignTokens.Spacing9
+  height: odysseyDesignTokens[TOP_NAV_HEIGHT_TOKEN]
 }));
 const SearchFieldContainer = styled("div", {
   shouldForwardProp: prop => prop !== "odysseyDesignTokens"

package/dist/labs/TopNav.js.map

@@ -1 +1 @@
-{"version":3,"file":"TopNav.js","names":["styled","memo","useMemo","useCallback","QuestionCircleIcon","SettingsIcon","Link","useOdysseyDesignTokens","Subordinate","jsx","_jsx","jsxs","_jsxs","createElement","_createElement","UserProfileContainer","shouldForwardProp","prop","odysseyDesignTokens","display","alignItems","paddingRight","Spacing4","UserProfileIconContainer","Spacing2","UserProfileInfoContainer","flexDirection","UserProfile","profileIcon","userName","orgName","children","color","TopNavListContainer","padding","listStyle","listStyleType","TopNavItemLabelContainer","flexWrap","fontSize","TypographyScale0","fontWeight","TypographyWeightHeading","TopNavListItemContainer","isDisabled","cursor","pointerEvents","TypographyColorDisabled","TypographyColorHeading","textDecoration","backgroundColor","HueNeutral50","outlineOffset","borderRadius","outlineWidth","FocusOutlineWidthMain","NavItemContentClickContainer","width","outlineColor","FocusOutlineColorPrimary","outlineStyle","FocusOutlineStyle","TopNavItemContent","id","label","href","target","onClick","topNavItemContentKeyHandler","event","key","preventDefault","stopPropagation","role","tabIndex","onKeyDown","LinkAndProfileWrapper","marginLeft","AdditionalLinkContainerWithBorder","marginRight","Spacing3","borderRight","BorderWidthMain","HueNeutral200","LinkContainer","TopNavContainer","HueNeutralWhite","height","Spacing9","SearchFieldContainer","AdditionalNavItemContainer","TopNav","SearchFieldComponent","topNavLinkItems","AdditionalNavItemComponent","settingsPageHref","helpPageHref","userProfile","processedNavItems","map","item","ariaLabel","MemoizedTopNav","displayName"],"sources":["../../src/labs/TopNav.tsx"],"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 styled from \"@emotion/styled\";\nimport {\n  memo,\n  useMemo,\n  ReactElement,\n  useCallback,\n  MouseEventHandler,\n  KeyboardEventHandler,\n} from \"react\";\n\nimport type { HtmlProps } from \"../HtmlProps\";\nimport { QuestionCircleIcon, SettingsIcon } from \"../icons.generated\";\nimport { Link } from \"../Link\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../OdysseyDesignTokensContext\";\nimport { Subordinate } from \"../Typography\";\n\nexport type TopNavLinkItem = {\n  id: string;\n  label: string;\n  /**\n   * link added to the nav item. if it is undefined, static text will be displayed.\n   * fires onClick event when it is passed\n   */\n  href?: string;\n  /**\n   * determines whether the link item is diabled\n   */\n  isDisabled?: boolean;\n  /**\n   * Event fired when the nav item is clicked\n   */\n  onClick?: MouseEventHandler<HTMLAnchorElement> &\n    MouseEventHandler<HTMLDivElement> &\n    KeyboardEventHandler<HTMLDivElement>;\n  /**\n   * The link target prop. e.g., \"_blank\"\n   */\n  target?: string;\n};\n\nexport type UserProfileProps = {\n  /**\n   * Logged in user profile icon to be displayed in the top nav\n   */\n  profileIcon?: ReactElement;\n  /**\n   * Logged in user info to be displayed in the top nav\n   */\n  userName: string;\n  /**\n   * Org name of the logged in user\n   */\n  orgName: string;\n};\n\nexport type TopNavProps = {\n  /**\n   *  Pass in a SearchField component with the variant=\"filled\" prop set\n   */\n  SearchFieldComponent?: ReactElement;\n  /**\n   * Nav links in the top nav\n   */\n  topNavLinkItems: TopNavLinkItem[];\n  /**\n   * Pass in an additional component like `Button` that will be displayed after the nav link items\n   */\n  AdditionalNavItemComponent?: ReactElement;\n  /**\n   * URL to settings page.\n   */\n  settingsPageHref?: string;\n  /**\n   * URL to the help page.\n   */\n  helpPageHref?: string;\n  /**\n   * Displays user account info\n   */\n  userProfile?: UserProfileProps;\n} & Pick<HtmlProps, \"testId\">;\n\nconst UserProfileContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})(({ odysseyDesignTokens }: { odysseyDesignTokens: DesignTokens }) => ({\n  display: \"flex\",\n  alignItems: \"center\",\n  paddingRight: odysseyDesignTokens.Spacing4,\n}));\n\nconst UserProfileIconContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})(({ odysseyDesignTokens }: { odysseyDesignTokens: DesignTokens }) => ({\n  display: \"flex\",\n  paddingRight: odysseyDesignTokens.Spacing2,\n}));\n\nconst UserProfileInfoContainer = styled(\"div\")(() => ({\n  display: \"flex\",\n  flexDirection: \"column\",\n}));\n\nconst UserProfile = ({ profileIcon, userName, orgName }: UserProfileProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  return (\n    <UserProfileContainer odysseyDesignTokens={odysseyDesignTokens}>\n      {profileIcon && (\n        <UserProfileIconContainer odysseyDesignTokens={odysseyDesignTokens}>\n          {profileIcon}\n        </UserProfileIconContainer>\n      )}\n      <UserProfileInfoContainer>\n        <Subordinate color=\"textPrimary\">{userName}</Subordinate>\n        <Subordinate color=\"textSecondary\">{orgName}</Subordinate>\n      </UserProfileInfoContainer>\n    </UserProfileContainer>\n  );\n};\n\nconst TopNavListContainer = styled(\"ul\")(() => ({\n  padding: 0,\n  listStyle: \"none\",\n  listStyleType: \"none\",\n  display: \"flex\",\n  alignItems: \"center\",\n}));\n\nconst TopNavItemLabelContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  display: \"flex\",\n  flexWrap: \"wrap\",\n  alignItems: \"center\",\n  fontSize: odysseyDesignTokens.TypographyScale0,\n  fontWeight: odysseyDesignTokens.TypographyWeightHeading,\n}));\n\nconst TopNavListItemContainer = styled(\"li\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" && prop !== \"isDisabled\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n  isDisabled?: boolean;\n}>(({ odysseyDesignTokens, isDisabled }) => ({\n  display: \"flex\",\n  alignItems: \"center\",\n  cursor: isDisabled ? \"default\" : \"pointer\",\n  pointerEvents: isDisabled ? \"none\" : \"auto\",\n  color: `${isDisabled ? odysseyDesignTokens.TypographyColorDisabled : odysseyDesignTokens.TypographyColorHeading} !important`,\n  \"& a\": {\n    display: \"flex\",\n    alignItems: \"center\",\n    padding: `${odysseyDesignTokens.Spacing2} ${odysseyDesignTokens.Spacing4}`,\n    color: `${odysseyDesignTokens.TypographyColorHeading} !important`,\n  },\n  \"& a:hover\": {\n    textDecoration: \"none\",\n    backgroundColor: !isDisabled ? odysseyDesignTokens.HueNeutral50 : \"inherit\",\n  },\n  \"& div[role='button']:hover\": {\n    backgroundColor: !isDisabled ? odysseyDesignTokens.HueNeutral50 : \"inherit\",\n  },\n  \"& a:focus-visible\": {\n    outlineOffset: 0,\n    borderRadius: 0,\n    outlineWidth: odysseyDesignTokens.FocusOutlineWidthMain,\n    backgroundColor: !isDisabled ? odysseyDesignTokens.HueNeutral50 : \"inherit\",\n  },\n}));\n\nconst NavItemContentClickContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  display: \"flex\",\n  alignItems: \"center\",\n  width: \"100%\",\n  padding: `${odysseyDesignTokens.Spacing2} ${odysseyDesignTokens.Spacing4}`,\n  \"&:focus-visible\": {\n    borderRadius: 0,\n    outlineColor: odysseyDesignTokens.FocusOutlineColorPrimary,\n    outlineStyle: odysseyDesignTokens.FocusOutlineStyle,\n    outlineWidth: odysseyDesignTokens.FocusOutlineWidthMain,\n    backgroundColor: odysseyDesignTokens.HueNeutral50,\n    textDecoration: \"none\",\n  },\n}));\n\nconst TopNavItemContent = ({\n  id,\n  label,\n  href,\n  target,\n  onClick,\n  isDisabled,\n}: TopNavLinkItem) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  const topNavItemContentKeyHandler = useCallback<\n    KeyboardEventHandler<HTMLDivElement>\n  >(\n    (event) => {\n      if (event?.key === \"Enter\") {\n        event.preventDefault();\n        event.stopPropagation();\n        onClick?.(event);\n      }\n    },\n    [onClick],\n  );\n\n  return (\n    <TopNavListItemContainer\n      id={id}\n      key={id}\n      aria-disabled={isDisabled}\n      isDisabled={isDisabled}\n      odysseyDesignTokens={odysseyDesignTokens}\n    >\n      {\n        // Use Link for nav items with links and div for disabled or non-link items\n        isDisabled ? (\n          <NavItemContentClickContainer\n            odysseyDesignTokens={odysseyDesignTokens}\n          >\n            <TopNavItemLabelContainer odysseyDesignTokens={odysseyDesignTokens}>\n              {label}\n            </TopNavItemLabelContainer>\n          </NavItemContentClickContainer>\n        ) : !href ? (\n          <NavItemContentClickContainer\n            odysseyDesignTokens={odysseyDesignTokens}\n            role=\"button\"\n            tabIndex={0}\n            onClick={onClick}\n            onKeyDown={topNavItemContentKeyHandler}\n          >\n            <TopNavItemLabelContainer odysseyDesignTokens={odysseyDesignTokens}>\n              {label}\n            </TopNavItemLabelContainer>\n          </NavItemContentClickContainer>\n        ) : (\n          <Link href={href} target={target} onClick={onClick}>\n            <TopNavItemLabelContainer odysseyDesignTokens={odysseyDesignTokens}>\n              {label}\n            </TopNavItemLabelContainer>\n          </Link>\n        )\n      }\n    </TopNavListItemContainer>\n  );\n};\n\nconst LinkAndProfileWrapper = styled(\"div\")(() => ({\n  display: \"flex\",\n  alignItems: \"center\",\n  marginLeft: \"auto\",\n}));\n\nconst AdditionalLinkContainerWithBorder = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  display: \"flex\",\n  alignItems: \"center\",\n  marginRight: odysseyDesignTokens.Spacing3,\n  borderRight: `${odysseyDesignTokens.BorderWidthMain} solid ${odysseyDesignTokens.HueNeutral200}`,\n}));\n\nconst LinkContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  paddingRight: odysseyDesignTokens.Spacing3,\n  \"& a\": {\n    color: `${odysseyDesignTokens.TypographyColorHeading} !important`,\n  },\n}));\n\nconst TopNavContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  display: \"flex\",\n  alignItems: \"center\",\n  backgroundColor: odysseyDesignTokens.HueNeutralWhite,\n  height: odysseyDesignTokens.Spacing9,\n}));\n\nconst SearchFieldContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  width: \"350px\",\n  padding: `${odysseyDesignTokens.Spacing2} ${odysseyDesignTokens.Spacing3}`,\n}));\n\nconst AdditionalNavItemContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  padding: `0 ${odysseyDesignTokens.Spacing3}`,\n}));\n\nconst TopNav = ({\n  SearchFieldComponent,\n  topNavLinkItems,\n  AdditionalNavItemComponent,\n  settingsPageHref,\n  helpPageHref,\n  userProfile,\n}: TopNavProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  const processedNavItems = useMemo(\n    () =>\n      topNavLinkItems.map((item) => (\n        <TopNavItemContent {...item} key={item.id} />\n      )),\n    [topNavLinkItems],\n  );\n\n  return (\n    <TopNavContainer odysseyDesignTokens={odysseyDesignTokens}>\n      {SearchFieldComponent && (\n        <SearchFieldContainer odysseyDesignTokens={odysseyDesignTokens}>\n          {SearchFieldComponent}\n        </SearchFieldContainer>\n      )}\n      <TopNavListContainer>\n        {processedNavItems?.map((item) => item)}\n      </TopNavListContainer>\n      <LinkAndProfileWrapper>\n        {(AdditionalNavItemComponent || settingsPageHref || helpPageHref) && (\n          <AdditionalLinkContainerWithBorder\n            odysseyDesignTokens={odysseyDesignTokens}\n          >\n            {AdditionalNavItemComponent && (\n              <AdditionalNavItemContainer\n                odysseyDesignTokens={odysseyDesignTokens}\n              >\n                {AdditionalNavItemComponent}\n              </AdditionalNavItemContainer>\n            )}\n            {settingsPageHref && (\n              <LinkContainer odysseyDesignTokens={odysseyDesignTokens}>\n                <Link href={settingsPageHref} ariaLabel=\"settings page\">\n                  <SettingsIcon />\n                </Link>\n              </LinkContainer>\n            )}\n            {helpPageHref && (\n              <LinkContainer odysseyDesignTokens={odysseyDesignTokens}>\n                <Link href={helpPageHref} ariaLabel=\"help page\">\n                  <QuestionCircleIcon />\n                </Link>\n              </LinkContainer>\n            )}\n          </AdditionalLinkContainerWithBorder>\n        )}\n        {userProfile && <UserProfile {...userProfile} />}\n      </LinkAndProfileWrapper>\n    </TopNavContainer>\n  );\n};\n\nconst MemoizedTopNav = memo(TopNav);\nMemoizedTopNav.displayName = \"TopNav\";\n\nexport { MemoizedTopNav as TopNav };\n"],"mappings":"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"}
+{"version":3,"file":"TopNav.js","names":["styled","memo","useMemo","useCallback","QuestionCircleIcon","SettingsIcon","Link","useOdysseyDesignTokens","Subordinate","jsx","_jsx","jsxs","_jsxs","createElement","_createElement","TOP_NAV_HEIGHT_TOKEN","UserProfileContainer","shouldForwardProp","prop","odysseyDesignTokens","display","alignItems","paddingRight","Spacing4","UserProfileIconContainer","Spacing2","UserProfileInfoContainer","flexDirection","UserProfile","profileIcon","userName","orgName","children","color","TopNavListContainer","padding","listStyle","listStyleType","TopNavItemLabelContainer","flexWrap","fontSize","TypographyScale0","fontWeight","TypographyWeightHeading","TopNavListItemContainer","isDisabled","cursor","pointerEvents","TypographyColorDisabled","TypographyColorHeading","textDecoration","backgroundColor","HueNeutral50","outlineOffset","borderRadius","outlineWidth","FocusOutlineWidthMain","NavItemContentClickContainer","width","outlineColor","FocusOutlineColorPrimary","outlineStyle","FocusOutlineStyle","TopNavItemContent","id","label","href","target","onClick","topNavItemContentKeyHandler","event","key","preventDefault","stopPropagation","role","tabIndex","onKeyDown","LinkAndProfileWrapper","marginLeft","AdditionalLinkContainerWithBorder","marginRight","Spacing3","borderRight","BorderWidthMain","HueNeutral200","LinkContainer","TopNavContainer","HueNeutralWhite","height","SearchFieldContainer","AdditionalNavItemContainer","TopNav","SearchFieldComponent","topNavLinkItems","AdditionalNavItemComponent","settingsPageHref","helpPageHref","userProfile","processedNavItems","map","item","ariaLabel","MemoizedTopNav","displayName"],"sources":["../../src/labs/TopNav.tsx"],"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 styled from \"@emotion/styled\";\nimport {\n  memo,\n  useMemo,\n  ReactElement,\n  useCallback,\n  MouseEventHandler,\n  KeyboardEventHandler,\n} from \"react\";\n\nimport type { HtmlProps } from \"../HtmlProps\";\nimport { QuestionCircleIcon, SettingsIcon } from \"../icons.generated\";\nimport { Link } from \"../Link\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../OdysseyDesignTokensContext\";\nimport { Subordinate } from \"../Typography\";\n\nexport const TOP_NAV_HEIGHT_TOKEN = \"Spacing9\";\n\nexport type TopNavLinkItem = {\n  id: string;\n  label: string;\n  /**\n   * link added to the nav item. if it is undefined, static text will be displayed.\n   * fires onClick event when it is passed\n   */\n  href?: string;\n  /**\n   * determines whether the link item is diabled\n   */\n  isDisabled?: boolean;\n  /**\n   * Event fired when the nav item is clicked\n   */\n  onClick?: MouseEventHandler<HTMLAnchorElement> &\n    MouseEventHandler<HTMLDivElement> &\n    KeyboardEventHandler<HTMLDivElement>;\n  /**\n   * The link target prop. e.g., \"_blank\"\n   */\n  target?: string;\n};\n\nexport type UserProfileProps = {\n  /**\n   * Logged in user profile icon to be displayed in the top nav\n   */\n  profileIcon?: ReactElement;\n  /**\n   * Logged in user info to be displayed in the top nav\n   */\n  userName: string;\n  /**\n   * Org name of the logged in user\n   */\n  orgName: string;\n};\n\nexport type TopNavProps = {\n  /**\n   *  Pass in a SearchField component with the variant=\"filled\" prop set\n   */\n  SearchFieldComponent?: ReactElement;\n  /**\n   * Nav links in the top nav\n   */\n  topNavLinkItems: TopNavLinkItem[];\n  /**\n   * Pass in an additional component like `Button` that will be displayed after the nav link items\n   */\n  AdditionalNavItemComponent?: ReactElement;\n  /**\n   * URL to settings page.\n   */\n  settingsPageHref?: string;\n  /**\n   * URL to the help page.\n   */\n  helpPageHref?: string;\n  /**\n   * Displays user account info\n   */\n  userProfile?: UserProfileProps;\n} & Pick<HtmlProps, \"testId\">;\n\nconst UserProfileContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})(({ odysseyDesignTokens }: { odysseyDesignTokens: DesignTokens }) => ({\n  display: \"flex\",\n  alignItems: \"center\",\n  paddingRight: odysseyDesignTokens.Spacing4,\n}));\n\nconst UserProfileIconContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})(({ odysseyDesignTokens }: { odysseyDesignTokens: DesignTokens }) => ({\n  display: \"flex\",\n  paddingRight: odysseyDesignTokens.Spacing2,\n}));\n\nconst UserProfileInfoContainer = styled(\"div\")(() => ({\n  display: \"flex\",\n  flexDirection: \"column\",\n}));\n\nconst UserProfile = ({ profileIcon, userName, orgName }: UserProfileProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  return (\n    <UserProfileContainer odysseyDesignTokens={odysseyDesignTokens}>\n      {profileIcon && (\n        <UserProfileIconContainer odysseyDesignTokens={odysseyDesignTokens}>\n          {profileIcon}\n        </UserProfileIconContainer>\n      )}\n      <UserProfileInfoContainer>\n        <Subordinate color=\"textPrimary\">{userName}</Subordinate>\n        <Subordinate color=\"textSecondary\">{orgName}</Subordinate>\n      </UserProfileInfoContainer>\n    </UserProfileContainer>\n  );\n};\n\nconst TopNavListContainer = styled(\"ul\")(() => ({\n  padding: 0,\n  listStyle: \"none\",\n  listStyleType: \"none\",\n  display: \"flex\",\n  alignItems: \"center\",\n}));\n\nconst TopNavItemLabelContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  display: \"flex\",\n  flexWrap: \"wrap\",\n  alignItems: \"center\",\n  fontSize: odysseyDesignTokens.TypographyScale0,\n  fontWeight: odysseyDesignTokens.TypographyWeightHeading,\n}));\n\nconst TopNavListItemContainer = styled(\"li\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" && prop !== \"isDisabled\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n  isDisabled?: boolean;\n}>(({ odysseyDesignTokens, isDisabled }) => ({\n  display: \"flex\",\n  alignItems: \"center\",\n  cursor: isDisabled ? \"default\" : \"pointer\",\n  pointerEvents: isDisabled ? \"none\" : \"auto\",\n  color: `${isDisabled ? odysseyDesignTokens.TypographyColorDisabled : odysseyDesignTokens.TypographyColorHeading} !important`,\n  \"& a\": {\n    display: \"flex\",\n    alignItems: \"center\",\n    padding: `${odysseyDesignTokens.Spacing2} ${odysseyDesignTokens.Spacing4}`,\n    color: `${odysseyDesignTokens.TypographyColorHeading} !important`,\n  },\n  \"& a:hover\": {\n    textDecoration: \"none\",\n    backgroundColor: !isDisabled ? odysseyDesignTokens.HueNeutral50 : \"inherit\",\n  },\n  \"& div[role='button']:hover\": {\n    backgroundColor: !isDisabled ? odysseyDesignTokens.HueNeutral50 : \"inherit\",\n  },\n  \"& a:focus-visible\": {\n    outlineOffset: 0,\n    borderRadius: 0,\n    outlineWidth: odysseyDesignTokens.FocusOutlineWidthMain,\n    backgroundColor: !isDisabled ? odysseyDesignTokens.HueNeutral50 : \"inherit\",\n  },\n}));\n\nconst NavItemContentClickContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  display: \"flex\",\n  alignItems: \"center\",\n  width: \"100%\",\n  padding: `${odysseyDesignTokens.Spacing2} ${odysseyDesignTokens.Spacing4}`,\n  \"&:focus-visible\": {\n    borderRadius: 0,\n    outlineColor: odysseyDesignTokens.FocusOutlineColorPrimary,\n    outlineStyle: odysseyDesignTokens.FocusOutlineStyle,\n    outlineWidth: odysseyDesignTokens.FocusOutlineWidthMain,\n    backgroundColor: odysseyDesignTokens.HueNeutral50,\n    textDecoration: \"none\",\n  },\n}));\n\nconst TopNavItemContent = ({\n  id,\n  label,\n  href,\n  target,\n  onClick,\n  isDisabled,\n}: TopNavLinkItem) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  const topNavItemContentKeyHandler = useCallback<\n    KeyboardEventHandler<HTMLDivElement>\n  >(\n    (event) => {\n      if (event?.key === \"Enter\") {\n        event.preventDefault();\n        event.stopPropagation();\n        onClick?.(event);\n      }\n    },\n    [onClick],\n  );\n\n  return (\n    <TopNavListItemContainer\n      id={id}\n      key={id}\n      aria-disabled={isDisabled}\n      isDisabled={isDisabled}\n      odysseyDesignTokens={odysseyDesignTokens}\n    >\n      {\n        // Use Link for nav items with links and div for disabled or non-link items\n        isDisabled ? (\n          <NavItemContentClickContainer\n            odysseyDesignTokens={odysseyDesignTokens}\n          >\n            <TopNavItemLabelContainer odysseyDesignTokens={odysseyDesignTokens}>\n              {label}\n            </TopNavItemLabelContainer>\n          </NavItemContentClickContainer>\n        ) : !href ? (\n          <NavItemContentClickContainer\n            odysseyDesignTokens={odysseyDesignTokens}\n            role=\"button\"\n            tabIndex={0}\n            onClick={onClick}\n            onKeyDown={topNavItemContentKeyHandler}\n          >\n            <TopNavItemLabelContainer odysseyDesignTokens={odysseyDesignTokens}>\n              {label}\n            </TopNavItemLabelContainer>\n          </NavItemContentClickContainer>\n        ) : (\n          <Link href={href} target={target} onClick={onClick}>\n            <TopNavItemLabelContainer odysseyDesignTokens={odysseyDesignTokens}>\n              {label}\n            </TopNavItemLabelContainer>\n          </Link>\n        )\n      }\n    </TopNavListItemContainer>\n  );\n};\n\nconst LinkAndProfileWrapper = styled(\"div\")(() => ({\n  display: \"flex\",\n  alignItems: \"center\",\n  marginLeft: \"auto\",\n}));\n\nconst AdditionalLinkContainerWithBorder = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  display: \"flex\",\n  alignItems: \"center\",\n  marginRight: odysseyDesignTokens.Spacing3,\n  borderRight: `${odysseyDesignTokens.BorderWidthMain} solid ${odysseyDesignTokens.HueNeutral200}`,\n}));\n\nconst LinkContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  paddingRight: odysseyDesignTokens.Spacing3,\n  \"& a\": {\n    color: `${odysseyDesignTokens.TypographyColorHeading} !important`,\n  },\n}));\n\nconst TopNavContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  display: \"flex\",\n  alignItems: \"center\",\n  backgroundColor: odysseyDesignTokens.HueNeutralWhite,\n  height: odysseyDesignTokens[TOP_NAV_HEIGHT_TOKEN],\n}));\n\nconst SearchFieldContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  width: \"350px\",\n  padding: `${odysseyDesignTokens.Spacing2} ${odysseyDesignTokens.Spacing3}`,\n}));\n\nconst AdditionalNavItemContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  padding: `0 ${odysseyDesignTokens.Spacing3}`,\n}));\n\nconst TopNav = ({\n  SearchFieldComponent,\n  topNavLinkItems,\n  AdditionalNavItemComponent,\n  settingsPageHref,\n  helpPageHref,\n  userProfile,\n}: TopNavProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  const processedNavItems = useMemo(\n    () =>\n      topNavLinkItems.map((item) => (\n        <TopNavItemContent {...item} key={item.id} />\n      )),\n    [topNavLinkItems],\n  );\n\n  return (\n    <TopNavContainer odysseyDesignTokens={odysseyDesignTokens}>\n      {SearchFieldComponent && (\n        <SearchFieldContainer odysseyDesignTokens={odysseyDesignTokens}>\n          {SearchFieldComponent}\n        </SearchFieldContainer>\n      )}\n      <TopNavListContainer>\n        {processedNavItems?.map((item) => item)}\n      </TopNavListContainer>\n      <LinkAndProfileWrapper>\n        {(AdditionalNavItemComponent || settingsPageHref || helpPageHref) && (\n          <AdditionalLinkContainerWithBorder\n            odysseyDesignTokens={odysseyDesignTokens}\n          >\n            {AdditionalNavItemComponent && (\n              <AdditionalNavItemContainer\n                odysseyDesignTokens={odysseyDesignTokens}\n              >\n                {AdditionalNavItemComponent}\n              </AdditionalNavItemContainer>\n            )}\n            {settingsPageHref && (\n              <LinkContainer odysseyDesignTokens={odysseyDesignTokens}>\n                <Link href={settingsPageHref} ariaLabel=\"settings page\">\n                  <SettingsIcon />\n                </Link>\n              </LinkContainer>\n            )}\n            {helpPageHref && (\n              <LinkContainer odysseyDesignTokens={odysseyDesignTokens}>\n                <Link href={helpPageHref} ariaLabel=\"help page\">\n                  <QuestionCircleIcon />\n                </Link>\n              </LinkContainer>\n            )}\n          </AdditionalLinkContainerWithBorder>\n        )}\n        {userProfile && <UserProfile {...userProfile} />}\n      </LinkAndProfileWrapper>\n    </TopNavContainer>\n  );\n};\n\nconst MemoizedTopNav = memo(TopNav);\nMemoizedTopNav.displayName = \"TopNav\";\n\nexport { MemoizedTopNav as TopNav };\n"],"mappings":"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"}

package/dist/labs/index.js

@@ -12,20 +12,19 @@
 
 export { AdapterDateFns } from "@mui/x-date-pickers/AdapterDateFns";
 export { LocalizationProvider } from "@mui/x-date-pickers";
+export * from "./AppTile.js";
 export * from "./DatePicker.js";
 export * from "./datePickerTheme.js";
-export * from "./DataComponents/index.js";
+export * from "./DataView/index.js";
 export * from "./DataTablePagination.js";
 export * from "./DataFilters.js";
-export * from "./FileUpload.js";
 export * from "./Layout.js";
 export * from "./materialReactTableTypes.js";
 export * from "./StaticTable.js";
 export * from "./PageTemplate.js";
 export * from "./PaginatedTable.js";
 export * from "./GroupPicker.js";
-export * from "./Switch.js";
 export * from "./NavAccordion.js";
-export * from "./SideNav.js";
+export * from "./SideNav/index.js";
 export * from "./TopNav.js";
 //# sourceMappingURL=index.js.map

package/dist/labs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["AdapterDateFns","LocalizationProvider"],"sources":["../../src/labs/index.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\nexport { AdapterDateFns } from \"@mui/x-date-pickers/AdapterDateFns\";\nexport { LocalizationProvider } from \"@mui/x-date-pickers\";\nexport type { LocalizationProviderProps } from \"@mui/x-date-pickers\";\n\nexport * from \"./DatePicker\";\nexport * from \"./datePickerTheme\";\n\nexport * from \"./DataComponents\";\n\n/** @deprecated Will be removed in a future Odyssey version in lieu of the one shipping with DataTable */\nexport * from \"./DataTablePagination\";\nexport * from \"./DataFilters\";\nexport * from \"./FileUpload\";\nexport * from \"./Layout\";\nexport * from \"./materialReactTableTypes\";\n/** @deprecated Will be removed in a future Odyssey version in lieu of DataTable */\nexport * from \"./StaticTable\";\nexport * from \"./PageTemplate\";\n/** @deprecated Will be removed in a future Odyssey version in lieu of DataTable */\nexport * from \"./PaginatedTable\";\n\nexport * from \"./GroupPicker\";\n\nexport * from \"./Switch\";\n\nexport * from \"./NavAccordion\";\nexport * from \"./SideNav\";\nexport * from \"./TopNav\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,cAAc,QAAQ,oCAAoC;AACnE,SAASC,oBAAoB,QAAQ,qBAAqB;AAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}
+{"version":3,"file":"index.js","names":["AdapterDateFns","LocalizationProvider"],"sources":["../../src/labs/index.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\nexport { AdapterDateFns } from \"@mui/x-date-pickers/AdapterDateFns\";\nexport { LocalizationProvider } from \"@mui/x-date-pickers\";\nexport type { LocalizationProviderProps } from \"@mui/x-date-pickers\";\n\nexport * from \"./AppTile\";\n\nexport * from \"./DatePicker\";\nexport * from \"./datePickerTheme\";\n\nexport * from \"./DataView\";\n\n/** @deprecated Will be removed in a future Odyssey version in lieu of the one shipping with DataTable */\nexport * from \"./DataTablePagination\";\nexport * from \"./DataFilters\";\nexport * from \"./Layout\";\nexport * from \"./materialReactTableTypes\";\n/** @deprecated Will be removed in a future Odyssey version in lieu of DataTable */\nexport * from \"./StaticTable\";\nexport * from \"./PageTemplate\";\n/** @deprecated Will be removed in a future Odyssey version in lieu of DataTable */\nexport * from \"./PaginatedTable\";\n\nexport * from \"./GroupPicker\";\n\nexport * from \"./NavAccordion\";\nexport * from \"./SideNav\";\nexport * from \"./TopNav\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,cAAc,QAAQ,oCAAoC;AACnE,SAASC,oBAAoB,QAAQ,qBAAqB;AAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}

package/dist/labs/useDateFieldsTranslations.js

@@ -32,7 +32,7 @@ export const useDateFieldsTranslations = () => {
     empty: `${t("picker.labels.empty")}`,
     end: `${t("picker.labels.range.end")}`,
     endDate: `${t("picker.labels.range.enddate")}`,
-    endTime: `${t("picker.labels.range.endTime")}`,
+    endTime: `${t("picker.labels.range.endtime")}`,
     fieldClearLabel: `${t("picker.labels.field.clear")}`,
     fieldDayPlaceholder: () => `${t("picker.field.placeholder.day")}`,
     fieldMonthPlaceholder: () => `${t("picker.field.placeholder.month")}`,

package/dist/labs/useDateFieldsTranslations.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDateFieldsTranslations.js","names":["useTranslation","useDateFieldsTranslations","t","calendarViewSwitchingButtonAriaLabel","view","calendarWeekNumberHeaderLabel","calendarWeekNumberHeaderText","calendarWeekNumberAriaLabelText","calendarWeekNumberText","cancelButtonLabel","clearButtonLabel","clockLabelText","time","adapter","format","datePickerToolbarTitle","dateRangePickerToolbarTitle","dateTableLabel","dateTimePickerToolbarTitle","day","empty","end","endDate","endTime","fieldClearLabel","fieldDayPlaceholder","fieldMonthPlaceholder","fieldYearPlaceholder","fieldHoursPlaceholder","fieldMinutesPlaceholder","fieldSecondsPlaceholder","fieldMeridiemPlaceholder","fieldWeekDayPlaceholder","hours","hoursClockNumberText","meridiem","minutes","minutesClockNumberText","month","nextMonth","okButtonLabel","openDatePickerDialogue","value","utils","isValid","openNextView","openPreviousView","openTimePickerDialogue","previousMonth","seconds","secondsClockNumberText","selectViewText","start","startDate","startTime","todayButtonLabel","timePickerToolbarTitle","timeTableLabel","weekDay","year"],"sources":["../../src/labs/useDateFieldsTranslations.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 { PickersLocaleText } from \"@mui/x-date-pickers\";\nimport { DateTime } from \"luxon\";\nimport { useTranslation } from \"react-i18next\";\n\nexport type DateFieldsTranslations = PickersLocaleText<DateTime>;\n\nexport const useDateFieldsTranslations = (): DateFieldsTranslations => {\n  const { t } = useTranslation();\n\n  return {\n    calendarViewSwitchingButtonAriaLabel: (view) =>\n      view === \"year\"\n        ? `${t(\"picker.view.navigation.switch.calendarview\")}`\n        : `${t(\"picker.view.navigation.switch.yearview\")}`,\n    // not translated because we aren't using it\n    calendarWeekNumberHeaderLabel: \"\",\n    calendarWeekNumberHeaderText: \"\",\n    calendarWeekNumberAriaLabelText: () => \"\",\n    calendarWeekNumberText: () => \"\",\n\n    cancelButtonLabel: `${t(\"picker.labels.action.cancel\")}`,\n    clearButtonLabel: `${t(\"clear.text\")}`,\n    clockLabelText: (view, time, adapter) =>\n      `${t(\"picker.labels.select\")} ${view}. ${\n        time === null\n          ? `${t(\"picker.labels.clock.empty\")}`\n          : `${t(\"picker.labels.clock.selected\")} ${adapter.format(time, \"fullTime\")}`\n      }`,\n    datePickerToolbarTitle: `${t(\"picker.date.toolbar.title\")}`,\n    dateRangePickerToolbarTitle: `${t(\"picker.daterange.toolbar.title\")}`,\n    dateTableLabel: `${t(\"picker.labels.table.date\")}`,\n    dateTimePickerToolbarTitle: `${t(\"picker.datetime.toolbar.title\")}`,\n    day: `${t(\"picker.view.name.day\")}`,\n    empty: `${t(\"picker.labels.empty\")}`,\n    end: `${t(\"picker.labels.range.end\")}`,\n    endDate: `${t(\"picker.labels.range.enddate\")}`,\n    endTime: `${t(\"picker.labels.range.endTime\")}`,\n    fieldClearLabel: `${t(\"picker.labels.field.clear\")}`,\n    fieldDayPlaceholder: () => `${t(\"picker.field.placeholder.day\")}`,\n    fieldMonthPlaceholder: () => `${t(\"picker.field.placeholder.month\")}`,\n    fieldYearPlaceholder: () => `${t(\"picker.field.placeholder.year\")}`,\n    fieldHoursPlaceholder: () => `${t(\"picker.field.placeholder.hours\")}`,\n    fieldMinutesPlaceholder: () => `${t(\"picker.field.placeholder.minutes\")}`,\n    fieldSecondsPlaceholder: () => `${t(\"picker.field.placeholder.seconds\")}`,\n    fieldMeridiemPlaceholder: () => `${t(\"picker.field.placeholder.meridiem\")}`,\n    // not translated because we aren't using it\n    fieldWeekDayPlaceholder: () => \"\",\n    hours: `${t(\"picker.view.name.hours\")}`,\n    hoursClockNumberText: (hours) =>\n      `${hours} ${t(\"picker.labels.clock.hours\")}`,\n    meridiem: `${t(\"picker.view.name.meridiem\")}`,\n    minutes: `${t(\"picker.view.name.minutes\")}`,\n    minutesClockNumberText: (minutes) =>\n      `${minutes} ${t(\"picker.labels.clock.minutes\")}`,\n    month: `${t(\"picker.view.name.month\")}`,\n    nextMonth: `${t(\"picker.calendar.navigation.nextmonth\")}`,\n    okButtonLabel: `${t(\"picker.labels.action.apply\")}`,\n    openDatePickerDialogue: (value, utils) =>\n      value !== null && utils.isValid(value)\n        ? `${t(\"picker.labels.date.choose\")}, ${t(\"picker.labels.date.selected\")} ${utils.format(value, \"fullDate\")}`\n        : `${t(\"picker.labels.date.choose\")}`,\n    openNextView: `${t(\"picker.view.navigation.open.nextview\")}`,\n    openPreviousView: `${t(\"picker.view.navigation.open.previousview\")}`,\n    openTimePickerDialogue: (value, utils) =>\n      value !== null && utils.isValid(value)\n        ? `${t(\"picker.labels.time.choose\")}, ${t(\"picker.labels.time.selected\")} ${utils.format(value, \"fullTime\")}`\n        : `${t(\"picker.labels.time.choose\")}`,\n    previousMonth: `${t(\"picker.calendar.navigation.previousmonth\")}`,\n    seconds: `${t(\"picker.view.name.seconds\")}`,\n    secondsClockNumberText: (seconds) =>\n      `${seconds} ${t(\"picker.labels.clock.seconds\")}`,\n    selectViewText: (view) => `${t(\"picker.labels.select\")} ${view}`,\n    start: `${t(\"picker.labels.range.start\")}`,\n    startDate: `${t(\"picker.labels.range.startdate\")}`,\n    startTime: `${t(\"picker.labels.range.starttime\")}`,\n    todayButtonLabel: `${t(\"picker.labels.action.today\")}`,\n    timePickerToolbarTitle: `${t(\"picker.time.toolbar.title\")}`,\n    timeTableLabel: `${t(\"picker.labels.table.time\")}`,\n    weekDay: `${t(\"picker.view.name.weekday\")}`,\n    year: `${t(\"picker.view.name.year\")}`,\n  };\n};\n"],"mappings":"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"}
+{"version":3,"file":"useDateFieldsTranslations.js","names":["useTranslation","useDateFieldsTranslations","t","calendarViewSwitchingButtonAriaLabel","view","calendarWeekNumberHeaderLabel","calendarWeekNumberHeaderText","calendarWeekNumberAriaLabelText","calendarWeekNumberText","cancelButtonLabel","clearButtonLabel","clockLabelText","time","adapter","format","datePickerToolbarTitle","dateRangePickerToolbarTitle","dateTableLabel","dateTimePickerToolbarTitle","day","empty","end","endDate","endTime","fieldClearLabel","fieldDayPlaceholder","fieldMonthPlaceholder","fieldYearPlaceholder","fieldHoursPlaceholder","fieldMinutesPlaceholder","fieldSecondsPlaceholder","fieldMeridiemPlaceholder","fieldWeekDayPlaceholder","hours","hoursClockNumberText","meridiem","minutes","minutesClockNumberText","month","nextMonth","okButtonLabel","openDatePickerDialogue","value","utils","isValid","openNextView","openPreviousView","openTimePickerDialogue","previousMonth","seconds","secondsClockNumberText","selectViewText","start","startDate","startTime","todayButtonLabel","timePickerToolbarTitle","timeTableLabel","weekDay","year"],"sources":["../../src/labs/useDateFieldsTranslations.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 { PickersLocaleText } from \"@mui/x-date-pickers\";\nimport { DateTime } from \"luxon\";\nimport { useTranslation } from \"react-i18next\";\n\nexport type DateFieldsTranslations = PickersLocaleText<DateTime>;\n\nexport const useDateFieldsTranslations = (): DateFieldsTranslations => {\n  const { t } = useTranslation();\n\n  return {\n    calendarViewSwitchingButtonAriaLabel: (view) =>\n      view === \"year\"\n        ? `${t(\"picker.view.navigation.switch.calendarview\")}`\n        : `${t(\"picker.view.navigation.switch.yearview\")}`,\n    // not translated because we aren't using it\n    calendarWeekNumberHeaderLabel: \"\",\n    calendarWeekNumberHeaderText: \"\",\n    calendarWeekNumberAriaLabelText: () => \"\",\n    calendarWeekNumberText: () => \"\",\n\n    cancelButtonLabel: `${t(\"picker.labels.action.cancel\")}`,\n    clearButtonLabel: `${t(\"clear.text\")}`,\n    clockLabelText: (view, time, adapter) =>\n      `${t(\"picker.labels.select\")} ${view}. ${\n        time === null\n          ? `${t(\"picker.labels.clock.empty\")}`\n          : `${t(\"picker.labels.clock.selected\")} ${adapter.format(time, \"fullTime\")}`\n      }`,\n    datePickerToolbarTitle: `${t(\"picker.date.toolbar.title\")}`,\n    dateRangePickerToolbarTitle: `${t(\"picker.daterange.toolbar.title\")}`,\n    dateTableLabel: `${t(\"picker.labels.table.date\")}`,\n    dateTimePickerToolbarTitle: `${t(\"picker.datetime.toolbar.title\")}`,\n    day: `${t(\"picker.view.name.day\")}`,\n    empty: `${t(\"picker.labels.empty\")}`,\n    end: `${t(\"picker.labels.range.end\")}`,\n    endDate: `${t(\"picker.labels.range.enddate\")}`,\n    endTime: `${t(\"picker.labels.range.endtime\")}`,\n    fieldClearLabel: `${t(\"picker.labels.field.clear\")}`,\n    fieldDayPlaceholder: () => `${t(\"picker.field.placeholder.day\")}`,\n    fieldMonthPlaceholder: () => `${t(\"picker.field.placeholder.month\")}`,\n    fieldYearPlaceholder: () => `${t(\"picker.field.placeholder.year\")}`,\n    fieldHoursPlaceholder: () => `${t(\"picker.field.placeholder.hours\")}`,\n    fieldMinutesPlaceholder: () => `${t(\"picker.field.placeholder.minutes\")}`,\n    fieldSecondsPlaceholder: () => `${t(\"picker.field.placeholder.seconds\")}`,\n    fieldMeridiemPlaceholder: () => `${t(\"picker.field.placeholder.meridiem\")}`,\n    // not translated because we aren't using it\n    fieldWeekDayPlaceholder: () => \"\",\n    hours: `${t(\"picker.view.name.hours\")}`,\n    hoursClockNumberText: (hours) =>\n      `${hours} ${t(\"picker.labels.clock.hours\")}`,\n    meridiem: `${t(\"picker.view.name.meridiem\")}`,\n    minutes: `${t(\"picker.view.name.minutes\")}`,\n    minutesClockNumberText: (minutes) =>\n      `${minutes} ${t(\"picker.labels.clock.minutes\")}`,\n    month: `${t(\"picker.view.name.month\")}`,\n    nextMonth: `${t(\"picker.calendar.navigation.nextmonth\")}`,\n    okButtonLabel: `${t(\"picker.labels.action.apply\")}`,\n    openDatePickerDialogue: (value, utils) =>\n      value !== null && utils.isValid(value)\n        ? `${t(\"picker.labels.date.choose\")}, ${t(\"picker.labels.date.selected\")} ${utils.format(value, \"fullDate\")}`\n        : `${t(\"picker.labels.date.choose\")}`,\n    openNextView: `${t(\"picker.view.navigation.open.nextview\")}`,\n    openPreviousView: `${t(\"picker.view.navigation.open.previousview\")}`,\n    openTimePickerDialogue: (value, utils) =>\n      value !== null && utils.isValid(value)\n        ? `${t(\"picker.labels.time.choose\")}, ${t(\"picker.labels.time.selected\")} ${utils.format(value, \"fullTime\")}`\n        : `${t(\"picker.labels.time.choose\")}`,\n    previousMonth: `${t(\"picker.calendar.navigation.previousmonth\")}`,\n    seconds: `${t(\"picker.view.name.seconds\")}`,\n    secondsClockNumberText: (seconds) =>\n      `${seconds} ${t(\"picker.labels.clock.seconds\")}`,\n    selectViewText: (view) => `${t(\"picker.labels.select\")} ${view}`,\n    start: `${t(\"picker.labels.range.start\")}`,\n    startDate: `${t(\"picker.labels.range.startdate\")}`,\n    startTime: `${t(\"picker.labels.range.starttime\")}`,\n    todayButtonLabel: `${t(\"picker.labels.action.today\")}`,\n    timePickerToolbarTitle: `${t(\"picker.time.toolbar.title\")}`,\n    timeTableLabel: `${t(\"picker.labels.table.time\")}`,\n    weekDay: `${t(\"picker.view.name.weekday\")}`,\n    year: `${t(\"picker.view.name.year\")}`,\n  };\n};\n"],"mappings":"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"}

package/dist/properties/ts/odyssey-react-mui.js

@@ -24,7 +24,8 @@ export const translation = {
   "picker.labels.action.today": "Today",
   "picker.labels.clock.empty": "No time selected",
   "picker.labels.clock.hours": "hours",
-  "picker.labels.clock.minutes": "seconds",
+  "picker.labels.clock.minutes": "minutes",
+  "picker.labels.clock.seconds": "seconds",
   "picker.labels.clock.selected": "Selected time is",
   "picker.labels.date.choose": "Choose date",
   "picker.labels.date.selected": "Selected date is",
@@ -40,6 +41,7 @@ export const translation = {
   "picker.labels.table.date": "pick date",
   "picker.labels.table.time": "pick time",
   "picker.labels.time.choose": "Choose time",
+  "picker.labels.time.selected": "selected time is",
   "picker.time.toolbar.title": "Select time",
   "picker.view.name.day": "Day",
   "picker.view.name.hours": "Hours",

package/dist/properties/ts/odyssey-react-mui.js.map

@@ -1 +1 @@
-{"version":3,"file":"odyssey-react-mui.js","names":["translation"],"sources":["../../../src/properties/ts/odyssey-react-mui.ts"],"sourcesContent":["export const translation = {\"breadcrumbs.home.text\":\"Home\",\"breadcrumbs.label.text\":\"Breadcrumbs\",\"close.text\":\"Close\",\"clear.text\":\"Clear\",\"open.text\":\"Open\",\"picker.calendar.navigation.nextmonth\":\"Next month\",\"picker.calendar.navigation.previousmonth\":\"Previous month\",\"picker.date.toolbar.title\":\"Selected date\",\"picker.daterange.toolbar.title\":\"Select date range\",\"picker.datetime.toolbar.title\":\"Select date & time\",\"picker.error.invalid\":\"Correct the date format or select the date from the calendar.\",\"picker.error.mindate\":\"Date entered is earlier than allowed dates. Select a date from the range available in the calendar.\",\"picker.error.maxdate\":\"Date entered is later than the allowed dates. Select a date from the range available in the calendar.\",\"picker.field.placeholder.day\":\"DD\",\"picker.field.placeholder.hours\":\"hh\",\"picker.field.placeholder.meridiem\":\"aa\",\"picker.field.placeholder.minutes\":\"mm\",\"picker.field.placeholder.month\":\"MM\",\"picker.field.placeholder.seconds\":\"ss\",\"picker.field.placeholder.year\":\"YYYY\",\"picker.labels.action.apply\":\"Apply\",\"picker.labels.action.cancel\":\"Cancel\",\"picker.labels.action.today\":\"Today\",\"picker.labels.clock.empty\":\"No time selected\",\"picker.labels.clock.hours\":\"hours\",\"picker.labels.clock.minutes\":\"seconds\",\"picker.labels.clock.selected\":\"Selected time is\",\"picker.labels.date.choose\":\"Choose date\",\"picker.labels.date.selected\":\"Selected date is\",\"picker.labels.empty\":\"Empty\",\"picker.labels.field.clear\":\"Clear value\",\"picker.labels.range.end\":\"End\",\"picker.labels.range.enddate\":\"End date\",\"picker.labels.range.endtime\":\"End time\",\"picker.labels.range.start\":\"Start\",\"picker.labels.range.startdate\":\"Start date\",\"picker.labels.range.starttime\":\"Start time\",\"picker.labels.select\":\"Select\",\"picker.labels.table.date\":\"pick date\",\"picker.labels.table.time\":\"pick time\",\"picker.labels.time.choose\":\"Choose time\",\"picker.time.toolbar.title\":\"Select time\",\"picker.view.name.day\":\"Day\",\"picker.view.name.hours\":\"Hours\",\"picker.view.name.meridiem\":\"Meridiem\",\"picker.view.name.minutes\":\"Minutes\",\"picker.view.name.month\":\"Month\",\"picker.view.name.seconds\":\"Seconds\",\"picker.view.name.weekday\":\"Week day\",\"picker.view.name.year\":\"Year\",\"picker.view.navigation.open.nextview\":\"Open next view\",\"picker.view.navigation.open.previousview\":\"Open previous view\",\"picker.view.navigation.switch.calendarview\":\"year view is open, switch to calendar view\",\"picker.view.navigation.switch.yearview\":\"calendar view is open, switch to year view\",\"fielderror.screenreader.text\":\"Error\",\"fieldlabel.optional.text\":\"Optional\",\"fieldlabel.required.text\":\"Required\",\"filters.clear.label\":\"Clear filters\",\"filters.filter.any\":\"Any\",\"filters.filter.clear\":\"Clear filter\",\"filters.filters.arialabel\":\"Filters\",\"filters.menuitem.any\":\"Any {{label}}\",\"filters.menuitem.selected\":\"{{selected}} selected\",\"filters.search.label\":\"Search\",\"fileupload.button.text\":\"Add files\",\"fileupload.prompt.text\":\"Drag and drop files here or click to add files\",\"fileupload.removefile.text\":\"Remove file\",\"passwordfield.icon.label.hide\":\"Hide password\",\"passwordfield.icon.label.show\":\"Show password\",\"severity.error\":\"error\",\"severity.info\":\"info\",\"severity.success\":\"success\",\"severity.warning\":\"warning\",\"switch.active\":\"Active\",\"switch.inactive\":\"Inactive\",\"table.columnvisibility.arialabel\":\"Show/hide columns\",\"table.density.arialabel\":\"Table density\",\"table.draghandle.arialabel\":\"Drag row to reorder. Or, press space or enter to start and stop reordering and esc to cancel.\",\"table.draghandle.tooltip\":\"Drag row or press space/enter key to start and stop reordering\",\"table.actions\":\"Actions\",\"table.error\":\"Error loading data.\",\"table.fetchedrows.text\":\"Fetched {{totalRows}} row\",\"table.fetchedrows.text_plural\":\"Fetched {{totalRows}} total rows\",\"table.moreactions.arialabel\":\"More actions\",\"table.noresults.heading\":\"There are no results.\",\"table.noresults.text\":\"Try a different query.\",\"table.reorder.backward\":\"Send backward\",\"table.reorder.forward\":\"Bring forward\",\"table.reorder.toback\":\"Send to back\",\"table.reorder.tofront\":\"Bring to front\",\"table.rows.text\":\"{{totalRows}} row\",\"table.rows.text_plural\":\"{{totalRows}} rows\",\"pagination.loadmore\":\"Show more\",\"pagination.next\":\"Next page\",\"pagination.previous\":\"Previous page\",\"pagination.page\":\"Page\",\"pagination.rowsperpage\":\"Rows per page\",\"pagination.rowswithtotal\":\"{{firstRow}}-{{lastRow}} of {{totalRows}} rows\",\"pagination.rowswithouttotal\":\"{{firstRow}}-{{lastRow}} rows\",\"table.actions.selectall\":\"Select all\",\"table.actions.selectnone\":\"Select none\",\"table.actions.selectsome\":\"{{selectedRowCount}} selected\",\"table.rowexpansion.expand\":\"Expand\",\"table.rowexpansion.expandall\":\"Expand all\",\"table.rowexpansion.collapse\":\"Collapse\",\"table.rowexpansion.collapseall\":\"Collapse all\",\"dataview.layout.table\":\"Table\",\"dataview.layout.grid\":\"Grid\",\"dataview.layout.list\":\"List\"};"],"mappings":"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"}
+{"version":3,"file":"odyssey-react-mui.js","names":["translation"],"sources":["../../../src/properties/ts/odyssey-react-mui.ts"],"sourcesContent":["export const translation = {\"breadcrumbs.home.text\":\"Home\",\"breadcrumbs.label.text\":\"Breadcrumbs\",\"close.text\":\"Close\",\"clear.text\":\"Clear\",\"open.text\":\"Open\",\"picker.calendar.navigation.nextmonth\":\"Next month\",\"picker.calendar.navigation.previousmonth\":\"Previous month\",\"picker.date.toolbar.title\":\"Selected date\",\"picker.daterange.toolbar.title\":\"Select date range\",\"picker.datetime.toolbar.title\":\"Select date & time\",\"picker.error.invalid\":\"Correct the date format or select the date from the calendar.\",\"picker.error.mindate\":\"Date entered is earlier than allowed dates. Select a date from the range available in the calendar.\",\"picker.error.maxdate\":\"Date entered is later than the allowed dates. Select a date from the range available in the calendar.\",\"picker.field.placeholder.day\":\"DD\",\"picker.field.placeholder.hours\":\"hh\",\"picker.field.placeholder.meridiem\":\"aa\",\"picker.field.placeholder.minutes\":\"mm\",\"picker.field.placeholder.month\":\"MM\",\"picker.field.placeholder.seconds\":\"ss\",\"picker.field.placeholder.year\":\"YYYY\",\"picker.labels.action.apply\":\"Apply\",\"picker.labels.action.cancel\":\"Cancel\",\"picker.labels.action.today\":\"Today\",\"picker.labels.clock.empty\":\"No time selected\",\"picker.labels.clock.hours\":\"hours\",\"picker.labels.clock.minutes\":\"minutes\",\"picker.labels.clock.seconds\":\"seconds\",\"picker.labels.clock.selected\":\"Selected time is\",\"picker.labels.date.choose\":\"Choose date\",\"picker.labels.date.selected\":\"Selected date is\",\"picker.labels.empty\":\"Empty\",\"picker.labels.field.clear\":\"Clear value\",\"picker.labels.range.end\":\"End\",\"picker.labels.range.enddate\":\"End date\",\"picker.labels.range.endtime\":\"End time\",\"picker.labels.range.start\":\"Start\",\"picker.labels.range.startdate\":\"Start date\",\"picker.labels.range.starttime\":\"Start time\",\"picker.labels.select\":\"Select\",\"picker.labels.table.date\":\"pick date\",\"picker.labels.table.time\":\"pick time\",\"picker.labels.time.choose\":\"Choose time\",\"picker.labels.time.selected\":\"selected time is\",\"picker.time.toolbar.title\":\"Select time\",\"picker.view.name.day\":\"Day\",\"picker.view.name.hours\":\"Hours\",\"picker.view.name.meridiem\":\"Meridiem\",\"picker.view.name.minutes\":\"Minutes\",\"picker.view.name.month\":\"Month\",\"picker.view.name.seconds\":\"Seconds\",\"picker.view.name.weekday\":\"Week day\",\"picker.view.name.year\":\"Year\",\"picker.view.navigation.open.nextview\":\"Open next view\",\"picker.view.navigation.open.previousview\":\"Open previous view\",\"picker.view.navigation.switch.calendarview\":\"year view is open, switch to calendar view\",\"picker.view.navigation.switch.yearview\":\"calendar view is open, switch to year view\",\"fielderror.screenreader.text\":\"Error\",\"fieldlabel.optional.text\":\"Optional\",\"fieldlabel.required.text\":\"Required\",\"filters.clear.label\":\"Clear filters\",\"filters.filter.any\":\"Any\",\"filters.filter.clear\":\"Clear filter\",\"filters.filters.arialabel\":\"Filters\",\"filters.menuitem.any\":\"Any {{label}}\",\"filters.menuitem.selected\":\"{{selected}} selected\",\"filters.search.label\":\"Search\",\"fileupload.button.text\":\"Add files\",\"fileupload.prompt.text\":\"Drag and drop files here or click to add files\",\"fileupload.removefile.text\":\"Remove file\",\"passwordfield.icon.label.hide\":\"Hide password\",\"passwordfield.icon.label.show\":\"Show password\",\"severity.error\":\"error\",\"severity.info\":\"info\",\"severity.success\":\"success\",\"severity.warning\":\"warning\",\"switch.active\":\"Active\",\"switch.inactive\":\"Inactive\",\"table.columnvisibility.arialabel\":\"Show/hide columns\",\"table.density.arialabel\":\"Table density\",\"table.draghandle.arialabel\":\"Drag row to reorder. Or, press space or enter to start and stop reordering and esc to cancel.\",\"table.draghandle.tooltip\":\"Drag row or press space/enter key to start and stop reordering\",\"table.actions\":\"Actions\",\"table.error\":\"Error loading data.\",\"table.fetchedrows.text\":\"Fetched {{totalRows}} row\",\"table.fetchedrows.text_plural\":\"Fetched {{totalRows}} total rows\",\"table.moreactions.arialabel\":\"More actions\",\"table.noresults.heading\":\"There are no results.\",\"table.noresults.text\":\"Try a different query.\",\"table.reorder.backward\":\"Send backward\",\"table.reorder.forward\":\"Bring forward\",\"table.reorder.toback\":\"Send to back\",\"table.reorder.tofront\":\"Bring to front\",\"table.rows.text\":\"{{totalRows}} row\",\"table.rows.text_plural\":\"{{totalRows}} rows\",\"pagination.loadmore\":\"Show more\",\"pagination.next\":\"Next page\",\"pagination.previous\":\"Previous page\",\"pagination.page\":\"Page\",\"pagination.rowsperpage\":\"Rows per page\",\"pagination.rowswithtotal\":\"{{firstRow}}-{{lastRow}} of {{totalRows}} rows\",\"pagination.rowswithouttotal\":\"{{firstRow}}-{{lastRow}} rows\",\"table.actions.selectall\":\"Select all\",\"table.actions.selectnone\":\"Select none\",\"table.actions.selectsome\":\"{{selectedRowCount}} selected\",\"table.rowexpansion.expand\":\"Expand\",\"table.rowexpansion.expandall\":\"Expand all\",\"table.rowexpansion.collapse\":\"Collapse\",\"table.rowexpansion.collapseall\":\"Collapse all\",\"dataview.layout.table\":\"Table\",\"dataview.layout.grid\":\"Grid\",\"dataview.layout.list\":\"List\"};"],"mappings":"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"}