@okta/odyssey-react-mui 1.26.0 → 1.27.1

package/dist/labs/SideNav/SortableList/SortableItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SortableItem.js","names":["createContext","useContext","useMemo","useSortable","CSS","styled","useOdysseyDesignTokens","useTranslation","jsx","_jsx","jsxs","_jsxs","SortableItemContext","attributes","listeners","undefined","ref","StyledSortableListItem","shouldForwardProp","prop","odysseyDesignTokens","isSelected","position","button","top","left","Spacing2","transform","svg","path","fill","opacity","outlineWidth","TypographyColorAction","StyledUl","padding","listStyle","listStyleType","StyledDragHandleButton","isDragging","border","backgroundColor","cursor","transition","TransitionDurationMain","borderRadius","BorderRadiusMain","display","outline","boxShadow","PalettePrimaryMain","DragHandle","t","children","width","height","viewBox","xmlns","fillRule","clipRule","d","SortableItem","id","isDisabled","setNodeRef","setActivatorNodeRef","context","style","Translate","toString","Provider","value"],"sources":["../../../../src/labs/SideNav/SortableList/SortableItem.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 { createContext, useContext, useMemo } from \"react\";\nimport type { CSSProperties, PropsWithChildren } from \"react\";\nimport type {\n  DraggableSyntheticListeners,\n  UniqueIdentifier,\n} from \"@dnd-kit/core\";\n// eslint-disable-next-line import/no-extraneous-dependencies\nimport { useSortable } from \"@dnd-kit/sortable\";\n// eslint-disable-next-line import/no-extraneous-dependencies\nimport { CSS } from \"@dnd-kit/utilities\";\nimport styled from \"@emotion/styled\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../../../OdysseyDesignTokensContext\";\nimport { useTranslation } from \"react-i18next\";\n\ntype ItemProps = {\n  id: UniqueIdentifier;\n  isDisabled?: boolean;\n  isSelected?: boolean;\n};\n\ninterface Context {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  attributes: Record<string, any>;\n  listeners: DraggableSyntheticListeners;\n  ref(node: HTMLElement | null): void;\n}\n\nconst SortableItemContext = createContext<Context>({\n  attributes: {},\n  listeners: undefined,\n  ref() {},\n});\n\nconst StyledSortableListItem = styled(\"li\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" && prop !== \"isSelected\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n  isSelected?: boolean;\n}>(({ odysseyDesignTokens, isSelected }) => ({\n  position: \"relative\",\n\n  button: {\n    top: \"50%\",\n    left: odysseyDesignTokens.Spacing2,\n    transform: \"translateY(-50%)\",\n  },\n\n  svg: {\n    path: {\n      fill: \"currentColor\",\n    },\n  },\n\n  \"&:has(a:hover, button:hover, a:focus, button:focus, a:focus-visible, button:focus-visible, [role='button']:hover, [role='button']:focus, [role='button']:focus-visible)\":\n    {\n      button: {\n        opacity: 1,\n        outlineWidth: 0,\n      },\n    },\n\n  ...(isSelected && {\n    svg: {\n      path: {\n        fill: odysseyDesignTokens.TypographyColorAction,\n      },\n    },\n  }),\n}));\n\nconst StyledUl = styled(\"ul\")({\n  padding: 0,\n  listStyle: \"none\",\n  listStyleType: \"none\",\n});\n\nconst StyledDragHandleButton = styled(\"button\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" && prop !== \"isDragging\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n  isDragging?: boolean;\n}>(({ odysseyDesignTokens, isDragging }) => ({\n  position: \"absolute\",\n  opacity: 0,\n  // paddingInlineStart: odysseyDesignTokens.Spacing4,\n  padding: odysseyDesignTokens.Spacing2,\n  // paddingBlock: 0,\n  border: \"none\",\n  backgroundColor: \"transparent\",\n  cursor: `${isDragging ? \"grabbing\" : \"grab\"}`,\n  transition: `opacity ${odysseyDesignTokens.TransitionDurationMain}`,\n  borderRadius: odysseyDesignTokens.BorderRadiusMain,\n\n  svg: {\n    display: \"flex\",\n  },\n\n  \"&:focus, &:focus-visible\": {\n    outline: \"none\",\n    boxShadow: `inset 0 0 0 2px ${odysseyDesignTokens.PalettePrimaryMain}`,\n  },\n}));\n\ntype DragHandleProps = {\n  isDisabled?: boolean;\n  isDragging?: boolean;\n};\n\nexport const DragHandle = ({ isDragging }: DragHandleProps) => {\n  const { attributes, listeners, ref } = useContext(SortableItemContext);\n  const odysseyDesignTokens: DesignTokens = useOdysseyDesignTokens();\n  const { t } = useTranslation();\n\n  return (\n    <StyledDragHandleButton\n      {...attributes}\n      {...listeners}\n      odysseyDesignTokens={odysseyDesignTokens}\n      isDragging={isDragging}\n      ref={ref}\n      aria-label={t(\"navigation.drag.handle\")}\n    >\n      <svg\n        width=\"16\"\n        height=\"16\"\n        viewBox=\"0 0 16 16\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          fillRule=\"evenodd\"\n          clipRule=\"evenodd\"\n          d=\"M6 2.33331C6 2.8856 5.55228 3.33331 5 3.33331C4.44772 3.33331 4 2.8856 4 2.33331C4 1.78103 4.44772 1.33331 5 1.33331C5.55228 1.33331 6 1.78103 6 2.33331ZM11 3.33331C11.5523 3.33331 12 2.8856 12 2.33331C12 1.78103 11.5523 1.33331 11 1.33331C10.4477 1.33331 10 1.78103 10 2.33331C10 2.8856 10.4477 3.33331 11 3.33331ZM11 7.11109C11.5523 7.11109 12 6.66338 12 6.11109C12 5.55881 11.5523 5.11109 11 5.11109C10.4477 5.11109 10 5.55881 10 6.11109C10 6.66338 10.4477 7.11109 11 7.11109ZM12 9.88887C12 10.4412 11.5523 10.8889 11 10.8889C10.4477 10.8889 10 10.4412 10 9.88887C10 9.33659 10.4477 8.88887 11 8.88887C11.5523 8.88887 12 9.33659 12 9.88887ZM11 14.6666C11.5523 14.6666 12 14.2189 12 13.6666C12 13.1144 11.5523 12.6666 11 12.6666C10.4477 12.6666 10 13.1144 10 13.6666C10 14.2189 10.4477 14.6666 11 14.6666ZM5 7.11109C5.55228 7.11109 6 6.66338 6 6.11109C6 5.55881 5.55228 5.11109 5 5.11109C4.44772 5.11109 4 5.55881 4 6.11109C4 6.66338 4.44772 7.11109 5 7.11109ZM6 9.88888C6 10.4412 5.55228 10.8889 5 10.8889C4.44772 10.8889 4 10.4412 4 9.88888C4 9.33659 4.44772 8.88888 5 8.88888C5.55228 8.88888 6 9.33659 6 9.88888ZM5 14.6666C5.55228 14.6666 6 14.2189 6 13.6666C6 13.1144 5.55228 12.6666 5 12.6666C4.44772 12.6666 4 13.1144 4 13.6666C4 14.2189 4.44772 14.6666 5 14.6666Z\"\n          fill=\"#3F59E4\"\n        />\n      </svg>\n    </StyledDragHandleButton>\n  );\n};\n\nexport const SortableItem = ({\n  id,\n  isDisabled,\n  isSelected,\n  children,\n}: PropsWithChildren<ItemProps>) => {\n  const {\n    attributes,\n    isDragging,\n    listeners,\n    setNodeRef,\n    setActivatorNodeRef,\n    transform,\n    transition,\n  } = useSortable({ id });\n  const context: Context = useMemo(\n    () => ({\n      attributes,\n      listeners,\n      ref: setActivatorNodeRef,\n    }),\n    [attributes, listeners, setActivatorNodeRef],\n  );\n  const style: CSSProperties = {\n    opacity: isDragging ? 0.4 : undefined,\n    transform: CSS.Translate.toString(transform),\n    transition,\n  };\n\n  const odysseyDesignTokens: DesignTokens = useOdysseyDesignTokens();\n  return (\n    <SortableItemContext.Provider value={context}>\n      <StyledSortableListItem\n        data-sortable-container=\"true\"\n        ref={setNodeRef}\n        style={style}\n        odysseyDesignTokens={odysseyDesignTokens}\n        isSelected={isSelected}\n      >\n        {!isDisabled && <DragHandle isDragging={isDragging} />}\n        <StyledUl>{children}</StyledUl>\n      </StyledSortableListItem>\n    </SortableItemContext.Provider>\n  );\n};\n"],"mappings":"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"}

package/dist/labs/SideNav/SortableList/SortableList.js

@@ -0,0 +1,118 @@
+/*!
+ * 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 React, { useMemo, useState } from "react";
+import { DndContext, KeyboardSensor, PointerSensor, useSensor, useSensors } from "@dnd-kit/core";
+import { SortableContext, sortableKeyboardCoordinates } from "@dnd-kit/sortable";
+import { SortableItem } from "./SortableItem.js";
+import { SortableOverlay } from "./SortableOverlay.js";
+import { useTranslation } from "react-i18next";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export const SortableList = ({
+  parentId,
+  items,
+  onChange,
+  renderItem
+}) => {
+  const [active, setActive] = useState(null);
+  const activeItem = useMemo(() => items.find(item => item.id === active?.id), [active, items]);
+  const sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, {
+    coordinateGetter: sortableKeyboardCoordinates
+  }));
+  const {
+    t
+  } = useTranslation();
+  const announcements = useMemo(() => ({
+    onDragStart: ({
+      active
+    }) => {
+      return `${t("sortable.list.drag.start", {
+        activeId: active.id
+      })}`;
+    },
+    onDragOver: ({
+      active,
+      over
+    }) => {
+      if (over) {
+        return `${t("sortable.list.drag.moved.over", {
+          activeId: active.id,
+          overId: over.id
+        })}`;
+      }
+      return `${t("sortable.list.drag.nolonger.over", {
+        activeId: active.id
+      })}`;
+    },
+    onDragEnd: ({
+      active,
+      over
+    }) => {
+      if (over) {
+        return `${t("sortable.list.drag.end.dropped.over", {
+          activeId: active.id,
+          overId: over.id
+        })}`;
+      }
+      return `${t("sortable.list.drag.end.dropped", {
+        activeId: active.id
+      })}`;
+    },
+    onDragCancel: ({
+      active
+    }) => {
+      return `${t("sortable.list.drag.cancel", {
+        activeId: active.id
+      })}`;
+    }
+  }), [t]);
+  return _jsxs(DndContext, {
+    accessibility: {
+      announcements: announcements
+    },
+    sensors: sensors,
+    onDragStart: ({
+      active
+    }) => {
+      setActive(active);
+    },
+    onDragEnd: ({
+      active,
+      over
+    }) => {
+      if (over && active.id !== over?.id) {
+        const activeIndex = items.findIndex(({
+          id
+        }) => id === active.id);
+        const overIndex = items.findIndex(({
+          id
+        }) => id === over.id);
+        onChange(parentId, activeIndex, overIndex);
+      }
+      setActive(null);
+    },
+    onDragCancel: () => {
+      setActive(null);
+    },
+    children: [_jsx(SortableContext, {
+      items: items,
+      children: items.map(item => _jsx(React.Fragment, {
+        children: renderItem(item)
+      }, item.id))
+    }), _jsx(SortableOverlay, {
+      children: activeItem ? renderItem(activeItem) : null
+    })]
+  });
+};
+SortableList.Item = SortableItem;
+//# sourceMappingURL=SortableList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SortableList.js","names":["React","useMemo","useState","DndContext","KeyboardSensor","PointerSensor","useSensor","useSensors","SortableContext","sortableKeyboardCoordinates","SortableItem","SortableOverlay","useTranslation","jsx","_jsx","jsxs","_jsxs","SortableList","parentId","items","onChange","renderItem","active","setActive","activeItem","find","item","id","sensors","coordinateGetter","t","announcements","onDragStart","activeId","onDragOver","over","overId","onDragEnd","onDragCancel","accessibility","activeIndex","findIndex","overIndex","children","map","Fragment","Item"],"sources":["../../../../src/labs/SideNav/SortableList/SortableList.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 React, { useMemo, useState } from \"react\";\nimport type { ReactNode } from \"react\";\n// eslint-disable-next-line import/no-extraneous-dependencies\nimport {\n  DndContext,\n  KeyboardSensor,\n  PointerSensor,\n  useSensor,\n  useSensors,\n} from \"@dnd-kit/core\";\nimport type { Active, Announcements, UniqueIdentifier } from \"@dnd-kit/core\";\n// eslint-disable-next-line import/no-extraneous-dependencies\nimport {\n  SortableContext,\n  sortableKeyboardCoordinates,\n} from \"@dnd-kit/sortable\";\n\nimport { SortableItem } from \"./SortableItem\";\nimport { SortableOverlay } from \"./SortableOverlay\";\nimport { useTranslation } from \"react-i18next\";\n\nexport interface BaseItem {\n  id: UniqueIdentifier;\n  isDisabled: boolean | undefined;\n  isSelected: boolean | undefined;\n  navItem: ReactNode;\n}\n\ninterface ListProps<T extends BaseItem> {\n  parentId: string;\n  items: T[];\n  onChange(parentId: string, activeIndex: number, overIndex: number): void;\n  renderItem(item: T): ReactNode;\n}\n\nexport const SortableList = <T extends BaseItem>({\n  parentId,\n  items,\n  onChange,\n  renderItem,\n}: ListProps<T>) => {\n  const [active, setActive] = useState<Active | null>(null);\n  const activeItem = useMemo(\n    () => items.find((item) => item.id === active?.id),\n    [active, items],\n  );\n  const sensors = useSensors(\n    useSensor(PointerSensor),\n    useSensor(KeyboardSensor, {\n      coordinateGetter: sortableKeyboardCoordinates,\n    }),\n  );\n\n  const { t } = useTranslation();\n  const announcements: Announcements = useMemo(\n    () => ({\n      onDragStart: ({ active }) => {\n        return `${t(\"sortable.list.drag.start\", { activeId: active.id })}`;\n      },\n      onDragOver: ({ active, over }) => {\n        if (over) {\n          return `${t(\"sortable.list.drag.moved.over\", { activeId: active.id, overId: over.id })}`;\n        }\n        return `${t(\"sortable.list.drag.nolonger.over\", { activeId: active.id })}`;\n      },\n      onDragEnd: ({ active, over }) => {\n        if (over) {\n          return `${t(\"sortable.list.drag.end.dropped.over\", { activeId: active.id, overId: over.id })}`;\n        }\n        return `${t(\"sortable.list.drag.end.dropped\", { activeId: active.id })}`;\n      },\n      onDragCancel: ({ active }) => {\n        return `${t(\"sortable.list.drag.cancel\", { activeId: active.id })}`;\n      },\n    }),\n    [t],\n  );\n\n  return (\n    <DndContext\n      accessibility={{ announcements: announcements }}\n      sensors={sensors}\n      onDragStart={({ active }) => {\n        setActive(active);\n      }}\n      onDragEnd={({ active, over }) => {\n        if (over && active.id !== over?.id) {\n          const activeIndex = items.findIndex(({ id }) => id === active.id);\n          const overIndex = items.findIndex(({ id }) => id === over.id);\n          onChange(parentId, activeIndex, overIndex);\n        }\n        setActive(null);\n      }}\n      onDragCancel={() => {\n        setActive(null);\n      }}\n    >\n      <SortableContext items={items}>\n        {items.map((item) => (\n          <React.Fragment key={item.id}>{renderItem(item)}</React.Fragment>\n        ))}\n      </SortableContext>\n      <SortableOverlay>\n        {activeItem ? renderItem(activeItem) : null}\n      </SortableOverlay>\n    </DndContext>\n  );\n};\n\nSortableList.Item = SortableItem;\n"],"mappings":"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"}

package/dist/labs/SideNav/SortableList/SortableOverlay.js

@@ -0,0 +1,30 @@
+/*!
+ * 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 { DragOverlay, defaultDropAnimationSideEffects } from "@dnd-kit/core";
+import { jsx as _jsx } from "react/jsx-runtime";
+const dropAnimationConfig = {
+  sideEffects: defaultDropAnimationSideEffects({
+    styles: {
+      active: {
+        opacity: "0.4"
+      }
+    }
+  })
+};
+export function SortableOverlay({
+  children
+}) {
+  return _jsx(DragOverlay, {
+    dropAnimation: dropAnimationConfig,
+    children: children
+  });
+}
+//# sourceMappingURL=SortableOverlay.js.map

package/dist/labs/SideNav/SortableList/SortableOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SortableOverlay.js","names":["DragOverlay","defaultDropAnimationSideEffects","jsx","_jsx","dropAnimationConfig","sideEffects","styles","active","opacity","SortableOverlay","children","dropAnimation"],"sources":["../../../../src/labs/SideNav/SortableList/SortableOverlay.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 type { PropsWithChildren } from \"react\";\n// eslint-disable-next-line import/no-extraneous-dependencies\nimport { DragOverlay, defaultDropAnimationSideEffects } from \"@dnd-kit/core\";\nimport type { DropAnimation } from \"@dnd-kit/core\";\n\nconst dropAnimationConfig: DropAnimation = {\n  sideEffects: defaultDropAnimationSideEffects({\n    styles: {\n      active: {\n        opacity: \"0.4\",\n      },\n    },\n  }),\n};\n\ninterface Props {}\n\nexport function SortableOverlay({ children }: PropsWithChildren<Props>) {\n  return (\n    <DragOverlay dropAnimation={dropAnimationConfig}>{children}</DragOverlay>\n  );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAIA,SAASA,WAAW,EAAEC,+BAA+B,QAAQ,eAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG7E,MAAMC,mBAAkC,GAAG;EACzCC,WAAW,EAAEJ,+BAA+B,CAAC;IAC3CK,MAAM,EAAE;MACNC,MAAM,EAAE;QACNC,OAAO,EAAE;MACX;IACF;EACF,CAAC;AACH,CAAC;AAID,OAAO,SAASC,eAAeA,CAAC;EAAEC;AAAmC,CAAC,EAAE;EACtE,OACEP,IAAA,CAACH,WAAW;IAACW,aAAa,EAAEP,mBAAoB;IAAAM,QAAA,EAAEA;EAAQ,CAAc,CAAC;AAE7E"}

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

@@ -1 +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 SideNavLogoProps = {\n  href?: string;\n} & (\n  | {\n      /**\n       * a component to render as the logo\n       */\n      logoComponent: ReactElement;\n      imageAltText?: never;\n      imageUrl?: never;\n    }\n  | {\n      /**\n       * The src url to render in an `img` tag\n       */\n      imageUrl: string;\n      /**\n       * alt text for the img logo\n       */\n      imageAltText: string;\n      logoComponent?: never;\n    }\n  | {\n      /**\n       * The src url to render in an `img` tag\n       */\n      imageUrl?: never;\n      /**\n       * alt text for the img logo\n       */\n      imageAltText?: never;\n      logoComponent?: never;\n    }\n);\n\nexport type SideNavProps = {\n  /**\n   * Side Nav header text that is usually reserved to show the App name\n   */\n  appName: string;\n  /**\n   *  Determines whether the side nav is collapsible\n   */\n  isCollapsible?: boolean;\n  /**\n   *  Determines whether the side nav items use compact layout\n   */\n  isCompact?: boolean;\n  /**\n   *  Before the side nav has items, it will be in a loading state.\n   */\n  isLoading?: boolean;\n  /**\n   * An optional logo component or src string for an img to display in the header. If not provided, will default to the Okta logo\n   */\n  logoProps?: SideNavLogoProps;\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  | {\n      /**\n       * The component to display as the footer; if present the `footerItems` are ignored and not rendered.\n       */\n      footerComponent?: ReactElement;\n      footerItems?: never;\n      hasCustomFooter: true;\n    }\n  | {\n      footerComponent?: never;\n      /**\n       * Footer items in the side nav\n       */\n      footerItems?: SideNavFooterItem[];\n      hasCustomFooter?: false;\n    }\n) &\n  Pick<HtmlProps, \"testId\">;\n\nexport type SideNavItem = {\n  /**\n   * The number to display as a count alongside the nav item\n   */\n  count?: number;\n  /**\n   * The icon element to display at the end of the Nav Item\n   */\n  endIcon?: ReactElement;\n  id: string;\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  label: string;\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      children?: never;\n      href?: never;\n      isDefaultExpanded?: never;\n      isExpanded?: never;\n      /**\n       * Determines if the side nav item is a section header\n       */\n      isSectionHeader: true;\n    }\n  | {\n      children?: never;\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      isDefaultExpanded?: never;\n      isExpanded?: never;\n      isSectionHeader?: never;\n    }\n  | {\n      /**\n       * An array of side nav items to be displayed as children within Accordion\n       */\n      children?: Array<Omit<SideNavItem, \"startIcon\" | \"endIcon\">>;\n      endIcon?: never;\n      href?: never;\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    }\n);\n\nexport type SideNavFooterItem = {\n  href?: string;\n  id: string;\n  label: string;\n};\n"],"mappings":""}
+{"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 SideNavLogoProps = {\n  href?: string;\n} & (\n  | {\n      /**\n       * a component to render as the logo\n       */\n      logoComponent: ReactElement;\n      imageAltText?: never;\n      imageUrl?: never;\n    }\n  | {\n      /**\n       * The src url to render in an `img` tag\n       */\n      imageUrl: string;\n      /**\n       * alt text for the img logo\n       */\n      imageAltText: string;\n      logoComponent?: never;\n    }\n  | {\n      /**\n       * The src url to render in an `img` tag\n       */\n      imageUrl?: never;\n      /**\n       * alt text for the img logo\n       */\n      imageAltText?: never;\n      logoComponent?: never;\n    }\n);\n\nexport type SideNavProps = {\n  /**\n   * Side Nav header text that is usually reserved to show the App name\n   */\n  appName: string;\n  /**\n   *  Determines whether the side nav is collapsible\n   */\n  isCollapsible?: boolean;\n  /**\n   *  Determines whether the side nav items use compact layout\n   */\n  isCompact?: boolean;\n  /**\n   *  Before the side nav has items, it will be in a loading state.\n   */\n  isLoading?: boolean;\n  /**\n   * An optional logo component or src string for an img to display in the header. If not provided, will default to the Okta logo\n   */\n  logoProps?: SideNavLogoProps;\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   *  Triggers when the item is reordered\n   */\n  onSort?(reorderedItems: SideNavItem[]): void;\n  /**\n   * Nav items in the side nav\n   */\n  sideNavItems: SideNavItem[];\n} & (\n  | {\n      /**\n       * The component to display as the footer; if present the `footerItems` are ignored and not rendered.\n       */\n      footerComponent?: ReactElement;\n      footerItems?: never;\n      hasCustomFooter: true;\n    }\n  | {\n      footerComponent?: never;\n      /**\n       * Footer items in the side nav\n       */\n      footerItems?: SideNavFooterItem[];\n      hasCustomFooter?: false;\n    }\n) &\n  Pick<HtmlProps, \"testId\">;\n\nexport type SideNavItem = {\n  /**\n   * The number to display as a count alongside the nav item\n   */\n  count?: number;\n  /**\n   * The icon element to display at the end of the Nav Item\n   */\n  endIcon?: ReactElement;\n  id: string;\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 nestedNavItems is not expandable.\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether the item is active/selected\n   */\n  isSelected?: boolean;\n  label: string;\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      nestedNavItems?: never;\n      href?: never;\n      isDefaultExpanded?: never;\n      isExpanded?: never;\n      /**\n       * Determines if the side nav item is a section header\n       */\n      isSectionHeader: true;\n      isSortable?: never;\n    }\n  | {\n      nestedNavItems?: never;\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      isDefaultExpanded?: never;\n      isExpanded?: never;\n      isSectionHeader?: never;\n      isSortable?: never;\n    }\n  | {\n      /**\n       * An array of side nav items to be displayed as nestedNavItems within Accordion\n       */\n      nestedNavItems?: Array<Omit<SideNavItem, \"startIcon\" | \"nestedNavItems\">>;\n      endIcon?: never;\n      href?: never;\n      /**\n       * Whether the accordion (nav item with nestedNavItems) 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      /**\n       * If true, enables sorting for the accordion items\n       */\n      isSectionHeader?: never;\n      isSortable?: boolean;\n    }\n);\n\nexport type SideNavFooterItem = {\n  href?: string;\n  id: string;\n  label: string;\n};\n"],"mappings":""}

package/dist/labs/TopNav/TopNav.js

@@ -39,7 +39,7 @@ const StyledTopNavContainer = styled("div", {
   maxHeight: TOP_NAV_HEIGHT,
   minHeight: TOP_NAV_HEIGHT,
   paddingBlock: odysseyDesignTokens.Spacing2,
-  paddingInline: odysseyDesignTokens.Spacing6,
+  paddingInline: odysseyDesignTokens.Spacing8,
   transition: `box-shadow ${odysseyDesignTokens.TransitionDurationMain} ${odysseyDesignTokens.TransitionTimingMain}`,
   zIndex: 1
 }));

package/dist/labs/TopNav/TopNav.js.map

@@ -1 +1 @@
-{"version":3,"file":"TopNav.js","names":["styled","memo","useOdysseyDesignTokens","jsx","_jsx","jsxs","_jsxs","TOP_NAV_HEIGHT","StyledLeftSideContainer","flexGrow","StyledRightSideContainer","flexShrink","StyledTopNavContainer","shouldForwardProp","prop","odysseyDesignTokens","isScrolled","alignItems","backgroundColor","HueNeutral50","boxShadow","DepthMedium","undefined","clipPath","display","gap","Spacing4","height","justifyContent","maxHeight","minHeight","paddingBlock","Spacing2","paddingInline","Spacing6","transition","TransitionDurationMain","TransitionTimingMain","zIndex","TopNav","leftSideComponent","rightSideComponent","children","MemoizedTopNav","displayName"],"sources":["../../../src/labs/TopNav/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 { memo, type ReactElement } from \"react\";\n\nimport type { HtmlProps } from \"../../HtmlProps\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../../OdysseyDesignTokensContext\";\n\nexport const TOP_NAV_HEIGHT = `${64 / 14}rem`;\n\nconst StyledLeftSideContainer = styled(\"div\")(() => ({\n  flexGrow: 1,\n}));\n\nconst StyledRightSideContainer = styled(\"div\")(() => ({\n  flexShrink: 0,\n}));\n\nconst StyledTopNavContainer = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" && prop !== \"isScrolled\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n  isScrolled?: boolean;\n}>(({ odysseyDesignTokens, isScrolled }) => ({\n  alignItems: \"center\",\n  backgroundColor: odysseyDesignTokens.HueNeutral50,\n  boxShadow: isScrolled ? odysseyDesignTokens.DepthMedium : undefined,\n  clipPath: \"inset(0 0 -100vh 0)\",\n  display: \"flex\",\n  gap: odysseyDesignTokens.Spacing4,\n  height: \"100%\",\n  justifyContent: \"space-between\",\n  maxHeight: TOP_NAV_HEIGHT,\n  minHeight: TOP_NAV_HEIGHT,\n  paddingBlock: odysseyDesignTokens.Spacing2,\n  paddingInline: odysseyDesignTokens.Spacing6,\n  transition: `box-shadow ${odysseyDesignTokens.TransitionDurationMain} ${odysseyDesignTokens.TransitionTimingMain}`,\n  zIndex: 1,\n}));\n\nexport type TopNavProps = {\n  /**\n   * Whether or not the underlying content has been scrolled\n   */\n  isScrolled?: boolean;\n  /**\n   * React components that render into the left side of the top nav.\n   */\n  leftSideComponent?: ReactElement;\n  /**\n   * React components that render into the right side of the top nav.\n   */\n  rightSideComponent?: ReactElement;\n} & Pick<HtmlProps, \"testId\">;\n\nconst TopNav = ({\n  isScrolled,\n  leftSideComponent,\n  rightSideComponent,\n}: TopNavProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  return (\n    <StyledTopNavContainer\n      odysseyDesignTokens={odysseyDesignTokens}\n      isScrolled={isScrolled}\n    >\n      <StyledLeftSideContainer>\n        {leftSideComponent ?? <div />}\n      </StyledLeftSideContainer>\n      <StyledRightSideContainer>\n        {rightSideComponent ?? <div />}\n      </StyledRightSideContainer>\n    </StyledTopNavContainer>\n  );\n};\n\nconst MemoizedTopNav = memo(TopNav);\nMemoizedTopNav.displayName = \"TopNav\";\n\nexport { MemoizedTopNav as TopNav };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,MAAM,MAAM,iBAAiB;AACpC,SAASC,IAAI,QAA2B,OAAO;AAAC,SAK9CC,sBAAsB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAGxB,OAAO,MAAMC,cAAc,GAAI,GAAE,EAAE,GAAG,EAAG,KAAI;AAE7C,MAAMC,uBAAuB,GAAGR,MAAM,CAAC,KAAK,CAAC,CAAC,OAAO;EACnDS,QAAQ,EAAE;AACZ,CAAC,CAAC,CAAC;AAEH,MAAMC,wBAAwB,GAAGV,MAAM,CAAC,KAAK,CAAC,CAAC,OAAO;EACpDW,UAAU,EAAE;AACd,CAAC,CAAC,CAAC;AAEH,MAAMC,qBAAqB,GAAGZ,MAAM,CAAC,KAAK,EAAE;EAC1Ca,iBAAiB,EAAGC,IAAI,IACtBA,IAAI,KAAK,qBAAqB,IAAIA,IAAI,KAAK;AAC/C,CAAC,CAAC,CAGC,CAAC;EAAEC,mBAAmB;EAAEC;AAAW,CAAC,MAAM;EAC3CC,UAAU,EAAE,QAAQ;EACpBC,eAAe,EAAEH,mBAAmB,CAACI,YAAY;EACjDC,SAAS,EAAEJ,UAAU,GAAGD,mBAAmB,CAACM,WAAW,GAAGC,SAAS;EACnEC,QAAQ,EAAE,qBAAqB;EAC/BC,OAAO,EAAE,MAAM;EACfC,GAAG,EAAEV,mBAAmB,CAACW,QAAQ;EACjCC,MAAM,EAAE,MAAM;EACdC,cAAc,EAAE,eAAe;EAC/BC,SAAS,EAAEtB,cAAc;EACzBuB,SAAS,EAAEvB,cAAc;EACzBwB,YAAY,EAAEhB,mBAAmB,CAACiB,QAAQ;EAC1CC,aAAa,EAAElB,mBAAmB,CAACmB,QAAQ;EAC3CC,UAAU,EAAG,cAAapB,mBAAmB,CAACqB,sBAAuB,IAAGrB,mBAAmB,CAACsB,oBAAqB,EAAC;EAClHC,MAAM,EAAE;AACV,CAAC,CAAC,CAAC;AAiBH,MAAMC,MAAM,GAAGA,CAAC;EACdvB,UAAU;EACVwB,iBAAiB;EACjBC;AACW,CAAC,KAAK;EACjB,MAAM1B,mBAAmB,GAAGb,sBAAsB,CAAC,CAAC;EAEpD,OACEI,KAAA,CAACM,qBAAqB;IACpBG,mBAAmB,EAAEA,mBAAoB;IACzCC,UAAU,EAAEA,UAAW;IAAA0B,QAAA,GAEvBtC,IAAA,CAACI,uBAAuB;MAAAkC,QAAA,EACrBF,iBAAiB,IAAIpC,IAAA,UAAM;IAAC,CACN,CAAC,EAC1BA,IAAA,CAACM,wBAAwB;MAAAgC,QAAA,EACtBD,kBAAkB,IAAIrC,IAAA,UAAM;IAAC,CACN,CAAC;EAAA,CACN,CAAC;AAE5B,CAAC;AAED,MAAMuC,cAAc,GAAG1C,IAAI,CAACsC,MAAM,CAAC;AACnCI,cAAc,CAACC,WAAW,GAAG,QAAQ;AAErC,SAASD,cAAc,IAAIJ,MAAM"}
+{"version":3,"file":"TopNav.js","names":["styled","memo","useOdysseyDesignTokens","jsx","_jsx","jsxs","_jsxs","TOP_NAV_HEIGHT","StyledLeftSideContainer","flexGrow","StyledRightSideContainer","flexShrink","StyledTopNavContainer","shouldForwardProp","prop","odysseyDesignTokens","isScrolled","alignItems","backgroundColor","HueNeutral50","boxShadow","DepthMedium","undefined","clipPath","display","gap","Spacing4","height","justifyContent","maxHeight","minHeight","paddingBlock","Spacing2","paddingInline","Spacing8","transition","TransitionDurationMain","TransitionTimingMain","zIndex","TopNav","leftSideComponent","rightSideComponent","children","MemoizedTopNav","displayName"],"sources":["../../../src/labs/TopNav/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 { memo, type ReactElement } from \"react\";\n\nimport type { HtmlProps } from \"../../HtmlProps\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../../OdysseyDesignTokensContext\";\n\nexport const TOP_NAV_HEIGHT = `${64 / 14}rem`;\n\nconst StyledLeftSideContainer = styled(\"div\")(() => ({\n  flexGrow: 1,\n}));\n\nconst StyledRightSideContainer = styled(\"div\")(() => ({\n  flexShrink: 0,\n}));\n\nconst StyledTopNavContainer = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" && prop !== \"isScrolled\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n  isScrolled?: boolean;\n}>(({ odysseyDesignTokens, isScrolled }) => ({\n  alignItems: \"center\",\n  backgroundColor: odysseyDesignTokens.HueNeutral50,\n  boxShadow: isScrolled ? odysseyDesignTokens.DepthMedium : undefined,\n  clipPath: \"inset(0 0 -100vh 0)\",\n  display: \"flex\",\n  gap: odysseyDesignTokens.Spacing4,\n  height: \"100%\",\n  justifyContent: \"space-between\",\n  maxHeight: TOP_NAV_HEIGHT,\n  minHeight: TOP_NAV_HEIGHT,\n  paddingBlock: odysseyDesignTokens.Spacing2,\n  paddingInline: odysseyDesignTokens.Spacing8,\n  transition: `box-shadow ${odysseyDesignTokens.TransitionDurationMain} ${odysseyDesignTokens.TransitionTimingMain}`,\n  zIndex: 1,\n}));\n\nexport type TopNavProps = {\n  /**\n   * Whether or not the underlying content has been scrolled\n   */\n  isScrolled?: boolean;\n  /**\n   * React components that render into the left side of the top nav.\n   */\n  leftSideComponent?: ReactElement;\n  /**\n   * React components that render into the right side of the top nav.\n   */\n  rightSideComponent?: ReactElement;\n} & Pick<HtmlProps, \"testId\">;\n\nconst TopNav = ({\n  isScrolled,\n  leftSideComponent,\n  rightSideComponent,\n}: TopNavProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  return (\n    <StyledTopNavContainer\n      odysseyDesignTokens={odysseyDesignTokens}\n      isScrolled={isScrolled}\n    >\n      <StyledLeftSideContainer>\n        {leftSideComponent ?? <div />}\n      </StyledLeftSideContainer>\n      <StyledRightSideContainer>\n        {rightSideComponent ?? <div />}\n      </StyledRightSideContainer>\n    </StyledTopNavContainer>\n  );\n};\n\nconst MemoizedTopNav = memo(TopNav);\nMemoizedTopNav.displayName = \"TopNav\";\n\nexport { MemoizedTopNav as TopNav };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,MAAM,MAAM,iBAAiB;AACpC,SAASC,IAAI,QAA2B,OAAO;AAAC,SAK9CC,sBAAsB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAGxB,OAAO,MAAMC,cAAc,GAAI,GAAE,EAAE,GAAG,EAAG,KAAI;AAE7C,MAAMC,uBAAuB,GAAGR,MAAM,CAAC,KAAK,CAAC,CAAC,OAAO;EACnDS,QAAQ,EAAE;AACZ,CAAC,CAAC,CAAC;AAEH,MAAMC,wBAAwB,GAAGV,MAAM,CAAC,KAAK,CAAC,CAAC,OAAO;EACpDW,UAAU,EAAE;AACd,CAAC,CAAC,CAAC;AAEH,MAAMC,qBAAqB,GAAGZ,MAAM,CAAC,KAAK,EAAE;EAC1Ca,iBAAiB,EAAGC,IAAI,IACtBA,IAAI,KAAK,qBAAqB,IAAIA,IAAI,KAAK;AAC/C,CAAC,CAAC,CAGC,CAAC;EAAEC,mBAAmB;EAAEC;AAAW,CAAC,MAAM;EAC3CC,UAAU,EAAE,QAAQ;EACpBC,eAAe,EAAEH,mBAAmB,CAACI,YAAY;EACjDC,SAAS,EAAEJ,UAAU,GAAGD,mBAAmB,CAACM,WAAW,GAAGC,SAAS;EACnEC,QAAQ,EAAE,qBAAqB;EAC/BC,OAAO,EAAE,MAAM;EACfC,GAAG,EAAEV,mBAAmB,CAACW,QAAQ;EACjCC,MAAM,EAAE,MAAM;EACdC,cAAc,EAAE,eAAe;EAC/BC,SAAS,EAAEtB,cAAc;EACzBuB,SAAS,EAAEvB,cAAc;EACzBwB,YAAY,EAAEhB,mBAAmB,CAACiB,QAAQ;EAC1CC,aAAa,EAAElB,mBAAmB,CAACmB,QAAQ;EAC3CC,UAAU,EAAG,cAAapB,mBAAmB,CAACqB,sBAAuB,IAAGrB,mBAAmB,CAACsB,oBAAqB,EAAC;EAClHC,MAAM,EAAE;AACV,CAAC,CAAC,CAAC;AAiBH,MAAMC,MAAM,GAAGA,CAAC;EACdvB,UAAU;EACVwB,iBAAiB;EACjBC;AACW,CAAC,KAAK;EACjB,MAAM1B,mBAAmB,GAAGb,sBAAsB,CAAC,CAAC;EAEpD,OACEI,KAAA,CAACM,qBAAqB;IACpBG,mBAAmB,EAAEA,mBAAoB;IACzCC,UAAU,EAAEA,UAAW;IAAA0B,QAAA,GAEvBtC,IAAA,CAACI,uBAAuB;MAAAkC,QAAA,EACrBF,iBAAiB,IAAIpC,IAAA,UAAM;IAAC,CACN,CAAC,EAC1BA,IAAA,CAACM,wBAAwB;MAAAgC,QAAA,EACtBD,kBAAkB,IAAIrC,IAAA,UAAM;IAAC,CACN,CAAC;EAAA,CACN,CAAC;AAE5B,CAAC;AAED,MAAMuC,cAAc,GAAG1C,IAAI,CAACsC,MAAM,CAAC;AACnCI,cAAc,CAACC,WAAW,GAAG,QAAQ;AAErC,SAASD,cAAc,IAAIJ,MAAM"}

package/dist/labs/UiShell/UiShellContent.js

@@ -28,7 +28,7 @@ const StyledAppContainer = styled("div", {
   overflowX: "hidden",
   overflowY: "auto",
   paddingBlock: odysseyDesignTokens.Spacing5,
-  paddingInline: odysseyDesignTokens.Spacing6
+  paddingInline: odysseyDesignTokens.Spacing8
 }));
 const StyledBannersContainer = styled("div")(() => ({
   gridArea: "banners"

package/dist/labs/UiShell/UiShellContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"UiShellContent.js","names":["styled","memo","ErrorBoundary","SideNav","TopNav","useOdysseyDesignTokens","useScrollState","jsx","_jsx","jsxs","_jsxs","StyledAppContainer","shouldForwardProp","prop","odysseyDesignTokens","gridArea","overflowX","overflowY","paddingBlock","Spacing5","paddingInline","Spacing6","StyledBannersContainer","StyledSideNavContainer","StyledShellContainer","backgroundColor","HueNeutral50","display","gridGap","gridTemplateAreas","gridTemplateColumns","gridTemplateRows","height","width","StyledTopNavContainer","UiShellContent","appComponent","onError","console","error","optionalComponents","sideNavProps","topNavProps","isContentScrolled","scrollableContentRef","children","banners","fallback","hasCustomFooter","sideNavFooter","footerComponent","footerItems","undefined","isScrolled","leftSideComponent","topNavLeftSide","rightSideComponent","topNavRightSide","tabIndex","ref","MemoizedUiShellContent","displayName"],"sources":["../../../src/labs/UiShell/UiShellContent.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, type ReactElement, type ReactNode } from \"react\";\nimport { ErrorBoundary, ErrorBoundaryProps } from \"react-error-boundary\";\n\nimport { SideNav, type SideNavProps } from \"../SideNav\";\nimport { TopNav, type TopNavProps } from \"../TopNav\";\nimport {\n  useOdysseyDesignTokens,\n  type DesignTokens,\n} from \"../../OdysseyDesignTokensContext\";\nimport { useScrollState } from \"./useScrollState\";\n\nconst StyledAppContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  gridArea: \"app-content\",\n  overflowX: \"hidden\",\n  overflowY: \"auto\",\n  paddingBlock: odysseyDesignTokens.Spacing5,\n  paddingInline: odysseyDesignTokens.Spacing6,\n}));\n\nconst StyledBannersContainer = styled(\"div\")(() => ({\n  gridArea: \"banners\",\n}));\n\nconst StyledSideNavContainer = styled(\"div\")(() => ({\n  gridArea: \"side-nav\",\n}));\n\nconst StyledShellContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  backgroundColor: odysseyDesignTokens.HueNeutral50,\n  display: \"grid\",\n  gridGap: 0,\n  gridTemplateAreas: `\n    \"banners banners\"\n    \"side-nav top-nav\"\n    \"side-nav app-content\"\n  `,\n  gridTemplateColumns: \"auto 1fr\",\n  gridTemplateRows: \"auto auto 1fr\",\n  height: \"100vh\",\n  width: \"100vw\",\n}));\n\nconst StyledTopNavContainer = styled(\"div\")(() => ({\n  gridArea: \"top-nav\",\n}));\n\nexport type UiShellNavComponentProps = {\n  /**\n   * Object that gets pass directly to the side nav component.\n   */\n  sideNavProps?: Omit<SideNavProps, \"footerComponent\">;\n  /**\n   * Object that gets pass directly to the top nav component.\n   */\n  topNavProps: Omit<TopNavProps, \"leftSideComponent\" | \"rightSideComponent\">;\n};\n\nexport type UiShellContentProps = {\n  /**\n   * React app component that renders as children in the correct location of the shell.\n   */\n  appComponent: ReactNode;\n  /**\n   * Notifies when a React rendering error occurs. This could be useful for logging, flagging \"p0\"s, and recovering UI Shell when errors occur.\n   */\n  onError?: ErrorBoundaryProps[\"onError\"];\n  /**\n   * Components that will render as children of various other components such as the top nav or side nav.\n   */\n  optionalComponents?: {\n    banners?: ReactElement;\n    sideNavFooter?: SideNavProps[\"footerComponent\"];\n    topNavLeftSide?: TopNavProps[\"leftSideComponent\"];\n    topNavRightSide?: TopNavProps[\"rightSideComponent\"];\n  };\n} & UiShellNavComponentProps;\n\n/**\n * Our new Unified Platform UI Shell.\n *\n * This includes the top and side navigation as well as the footer and provides a spot for your app to render into.\n *\n * If an error occurs, this will revert to only showing the app.\n */\nconst UiShellContent = ({\n  appComponent,\n  onError = console.error,\n  optionalComponents,\n  sideNavProps,\n  topNavProps,\n}: UiShellContentProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const { isContentScrolled, scrollableContentRef } = useScrollState();\n\n  return (\n    <StyledShellContainer odysseyDesignTokens={odysseyDesignTokens}>\n      <StyledBannersContainer>\n        {optionalComponents?.banners}\n      </StyledBannersContainer>\n\n      <StyledSideNavContainer>\n        {sideNavProps && (\n          <ErrorBoundary fallback={null} onError={onError}>\n            <SideNav\n              {...{\n                ...sideNavProps,\n                ...(sideNavProps.hasCustomFooter &&\n                optionalComponents?.sideNavFooter\n                  ? {\n                      footerComponent: optionalComponents.sideNavFooter,\n                      footerItems: undefined,\n                      hasCustomFooter: sideNavProps.hasCustomFooter,\n                    }\n                  : {\n                      footerItems: sideNavProps.footerItems,\n                      hasCustomFooter: false,\n                    }),\n              }}\n            />\n          </ErrorBoundary>\n        )}\n      </StyledSideNavContainer>\n\n      <StyledTopNavContainer>\n        <ErrorBoundary fallback={null} onError={onError}>\n          <TopNav\n            {...topNavProps}\n            isScrolled={isContentScrolled}\n            leftSideComponent={optionalComponents?.topNavLeftSide}\n            rightSideComponent={optionalComponents?.topNavRightSide}\n          />\n        </ErrorBoundary>\n      </StyledTopNavContainer>\n\n      <StyledAppContainer\n        odysseyDesignTokens={odysseyDesignTokens}\n        tabIndex={0}\n        ref={scrollableContentRef}\n      >\n        {appComponent}\n      </StyledAppContainer>\n    </StyledShellContainer>\n  );\n};\n\nconst MemoizedUiShellContent = memo(UiShellContent);\nMemoizedUiShellContent.displayName = \"UiShellContent\";\n\nexport { MemoizedUiShellContent as UiShellContent };\n"],"mappings":"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"}
+{"version":3,"file":"UiShellContent.js","names":["styled","memo","ErrorBoundary","SideNav","TopNav","useOdysseyDesignTokens","useScrollState","jsx","_jsx","jsxs","_jsxs","StyledAppContainer","shouldForwardProp","prop","odysseyDesignTokens","gridArea","overflowX","overflowY","paddingBlock","Spacing5","paddingInline","Spacing8","StyledBannersContainer","StyledSideNavContainer","StyledShellContainer","backgroundColor","HueNeutral50","display","gridGap","gridTemplateAreas","gridTemplateColumns","gridTemplateRows","height","width","StyledTopNavContainer","UiShellContent","appComponent","onError","console","error","optionalComponents","sideNavProps","topNavProps","isContentScrolled","scrollableContentRef","children","banners","fallback","hasCustomFooter","sideNavFooter","footerComponent","footerItems","undefined","isScrolled","leftSideComponent","topNavLeftSide","rightSideComponent","topNavRightSide","tabIndex","ref","MemoizedUiShellContent","displayName"],"sources":["../../../src/labs/UiShell/UiShellContent.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, type ReactElement, type ReactNode } from \"react\";\nimport { ErrorBoundary, ErrorBoundaryProps } from \"react-error-boundary\";\n\nimport { SideNav, type SideNavProps } from \"../SideNav\";\nimport { TopNav, type TopNavProps } from \"../TopNav\";\nimport {\n  useOdysseyDesignTokens,\n  type DesignTokens,\n} from \"../../OdysseyDesignTokensContext\";\nimport { useScrollState } from \"./useScrollState\";\n\nconst StyledAppContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  gridArea: \"app-content\",\n  overflowX: \"hidden\",\n  overflowY: \"auto\",\n  paddingBlock: odysseyDesignTokens.Spacing5,\n  paddingInline: odysseyDesignTokens.Spacing8,\n}));\n\nconst StyledBannersContainer = styled(\"div\")(() => ({\n  gridArea: \"banners\",\n}));\n\nconst StyledSideNavContainer = styled(\"div\")(() => ({\n  gridArea: \"side-nav\",\n}));\n\nconst StyledShellContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  backgroundColor: odysseyDesignTokens.HueNeutral50,\n  display: \"grid\",\n  gridGap: 0,\n  gridTemplateAreas: `\n    \"banners banners\"\n    \"side-nav top-nav\"\n    \"side-nav app-content\"\n  `,\n  gridTemplateColumns: \"auto 1fr\",\n  gridTemplateRows: \"auto auto 1fr\",\n  height: \"100vh\",\n  width: \"100vw\",\n}));\n\nconst StyledTopNavContainer = styled(\"div\")(() => ({\n  gridArea: \"top-nav\",\n}));\n\nexport type UiShellNavComponentProps = {\n  /**\n   * Object that gets pass directly to the side nav component.\n   */\n  sideNavProps?: Omit<SideNavProps, \"footerComponent\">;\n  /**\n   * Object that gets pass directly to the top nav component.\n   */\n  topNavProps: Omit<TopNavProps, \"leftSideComponent\" | \"rightSideComponent\">;\n};\n\nexport type UiShellContentProps = {\n  /**\n   * React app component that renders as children in the correct location of the shell.\n   */\n  appComponent: ReactNode;\n  /**\n   * Notifies when a React rendering error occurs. This could be useful for logging, flagging \"p0\"s, and recovering UI Shell when errors occur.\n   */\n  onError?: ErrorBoundaryProps[\"onError\"];\n  /**\n   * Components that will render as children of various other components such as the top nav or side nav.\n   */\n  optionalComponents?: {\n    banners?: ReactElement;\n    sideNavFooter?: SideNavProps[\"footerComponent\"];\n    topNavLeftSide?: TopNavProps[\"leftSideComponent\"];\n    topNavRightSide?: TopNavProps[\"rightSideComponent\"];\n  };\n} & UiShellNavComponentProps;\n\n/**\n * Our new Unified Platform UI Shell.\n *\n * This includes the top and side navigation as well as the footer and provides a spot for your app to render into.\n *\n * If an error occurs, this will revert to only showing the app.\n */\nconst UiShellContent = ({\n  appComponent,\n  onError = console.error,\n  optionalComponents,\n  sideNavProps,\n  topNavProps,\n}: UiShellContentProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const { isContentScrolled, scrollableContentRef } = useScrollState();\n\n  return (\n    <StyledShellContainer odysseyDesignTokens={odysseyDesignTokens}>\n      <StyledBannersContainer>\n        {optionalComponents?.banners}\n      </StyledBannersContainer>\n\n      <StyledSideNavContainer>\n        {sideNavProps && (\n          <ErrorBoundary fallback={null} onError={onError}>\n            <SideNav\n              {...{\n                ...sideNavProps,\n                ...(sideNavProps.hasCustomFooter &&\n                optionalComponents?.sideNavFooter\n                  ? {\n                      footerComponent: optionalComponents.sideNavFooter,\n                      footerItems: undefined,\n                      hasCustomFooter: sideNavProps.hasCustomFooter,\n                    }\n                  : {\n                      footerItems: sideNavProps.footerItems,\n                      hasCustomFooter: false,\n                    }),\n              }}\n            />\n          </ErrorBoundary>\n        )}\n      </StyledSideNavContainer>\n\n      <StyledTopNavContainer>\n        <ErrorBoundary fallback={null} onError={onError}>\n          <TopNav\n            {...topNavProps}\n            isScrolled={isContentScrolled}\n            leftSideComponent={optionalComponents?.topNavLeftSide}\n            rightSideComponent={optionalComponents?.topNavRightSide}\n          />\n        </ErrorBoundary>\n      </StyledTopNavContainer>\n\n      <StyledAppContainer\n        odysseyDesignTokens={odysseyDesignTokens}\n        tabIndex={0}\n        ref={scrollableContentRef}\n      >\n        {appComponent}\n      </StyledAppContainer>\n    </StyledShellContainer>\n  );\n};\n\nconst MemoizedUiShellContent = memo(UiShellContent);\nMemoizedUiShellContent.displayName = \"UiShellContent\";\n\nexport { MemoizedUiShellContent as UiShellContent };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,MAAM,MAAM,iBAAiB;AACpC,SAASC,IAAI,QAA2C,OAAO;AAC/D,SAASC,aAAa,QAA4B,sBAAsB;AAAC,SAEhEC,OAAO;AAAA,SACPC,MAAM;AAAA,SAEbC,sBAAsB;AAAA,SAGfC,cAAc;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAEvB,MAAMC,kBAAkB,GAAGX,MAAM,CAAC,KAAK,EAAE;EACvCY,iBAAiB,EAAGC,IAAI,IAAKA,IAAI,KAAK;AACxC,CAAC,CAAC,CAEC,CAAC;EAAEC;AAAoB,CAAC,MAAM;EAC/BC,QAAQ,EAAE,aAAa;EACvBC,SAAS,EAAE,QAAQ;EACnBC,SAAS,EAAE,MAAM;EACjBC,YAAY,EAAEJ,mBAAmB,CAACK,QAAQ;EAC1CC,aAAa,EAAEN,mBAAmB,CAACO;AACrC,CAAC,CAAC,CAAC;AAEH,MAAMC,sBAAsB,GAAGtB,MAAM,CAAC,KAAK,CAAC,CAAC,OAAO;EAClDe,QAAQ,EAAE;AACZ,CAAC,CAAC,CAAC;AAEH,MAAMQ,sBAAsB,GAAGvB,MAAM,CAAC,KAAK,CAAC,CAAC,OAAO;EAClDe,QAAQ,EAAE;AACZ,CAAC,CAAC,CAAC;AAEH,MAAMS,oBAAoB,GAAGxB,MAAM,CAAC,KAAK,EAAE;EACzCY,iBAAiB,EAAGC,IAAI,IAAKA,IAAI,KAAK;AACxC,CAAC,CAAC,CAEC,CAAC;EAAEC;AAAoB,CAAC,MAAM;EAC/BW,eAAe,EAAEX,mBAAmB,CAACY,YAAY;EACjDC,OAAO,EAAE,MAAM;EACfC,OAAO,EAAE,CAAC;EACVC,iBAAiB,EAAG;AACtB;AACA;AACA;AACA,GAAG;EACDC,mBAAmB,EAAE,UAAU;EAC/BC,gBAAgB,EAAE,eAAe;EACjCC,MAAM,EAAE,OAAO;EACfC,KAAK,EAAE;AACT,CAAC,CAAC,CAAC;AAEH,MAAMC,qBAAqB,GAAGlC,MAAM,CAAC,KAAK,CAAC,CAAC,OAAO;EACjDe,QAAQ,EAAE;AACZ,CAAC,CAAC,CAAC;AAwCH,MAAMoB,cAAc,GAAGA,CAAC;EACtBC,YAAY;EACZC,OAAO,GAAGC,OAAO,CAACC,KAAK;EACvBC,kBAAkB;EAClBC,YAAY;EACZC;AACmB,CAAC,KAAK;EACzB,MAAM5B,mBAAmB,GAAGT,sBAAsB,CAAC,CAAC;EACpD,MAAM;IAAEsC,iBAAiB;IAAEC;EAAqB,CAAC,GAAGtC,cAAc,CAAC,CAAC;EAEpE,OACEI,KAAA,CAACc,oBAAoB;IAACV,mBAAmB,EAAEA,mBAAoB;IAAA+B,QAAA,GAC7DrC,IAAA,CAACc,sBAAsB;MAAAuB,QAAA,EACpBL,kBAAkB,EAAEM;IAAO,CACN,CAAC,EAEzBtC,IAAA,CAACe,sBAAsB;MAAAsB,QAAA,EACpBJ,YAAY,IACXjC,IAAA,CAACN,aAAa;QAAC6C,QAAQ,EAAE,IAAK;QAACV,OAAO,EAAEA,OAAQ;QAAAQ,QAAA,EAC9CrC,IAAA,CAACL,OAAO;UAEJ,GAAGsC,YAAY;UACf,IAAIA,YAAY,CAACO,eAAe,IAChCR,kBAAkB,EAAES,aAAa,GAC7B;YACEC,eAAe,EAAEV,kBAAkB,CAACS,aAAa;YACjDE,WAAW,EAAEC,SAAS;YACtBJ,eAAe,EAAEP,YAAY,CAACO;UAChC,CAAC,GACD;YACEG,WAAW,EAAEV,YAAY,CAACU,WAAW;YACrCH,eAAe,EAAE;UACnB,CAAC;QAAC,CAET;MAAC,CACW;IAChB,CACqB,CAAC,EAEzBxC,IAAA,CAAC0B,qBAAqB;MAAAW,QAAA,EACpBrC,IAAA,CAACN,aAAa;QAAC6C,QAAQ,EAAE,IAAK;QAACV,OAAO,EAAEA,OAAQ;QAAAQ,QAAA,EAC9CrC,IAAA,CAACJ,MAAM;UAAA,GACDsC,WAAW;UACfW,UAAU,EAAEV,iBAAkB;UAC9BW,iBAAiB,EAAEd,kBAAkB,EAAEe,cAAe;UACtDC,kBAAkB,EAAEhB,kBAAkB,EAAEiB;QAAgB,CACzD;MAAC,CACW;IAAC,CACK,CAAC,EAExBjD,IAAA,CAACG,kBAAkB;MACjBG,mBAAmB,EAAEA,mBAAoB;MACzC4C,QAAQ,EAAE,CAAE;MACZC,GAAG,EAAEf,oBAAqB;MAAAC,QAAA,EAEzBT;IAAY,CACK,CAAC;EAAA,CACD,CAAC;AAE3B,CAAC;AAED,MAAMwB,sBAAsB,GAAG3D,IAAI,CAACkC,cAAc,CAAC;AACnDyB,sBAAsB,CAACC,WAAW,GAAG,gBAAgB;AAErD,SAASD,sBAAsB,IAAIzB,cAAc"}

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

@@ -1,6 +1,13 @@
 export const translation = {
   "navigation.label": "Main navigation",
   "navigation.footer": "Navigation secondary links",
+  "navigation.drag.handle": "Drag handle",
+  "sortable.list.drag.start": "Picked up draggable item {{activeId}}",
+  "sortable.list.drag.moved.over": "Draggable item {{activeId}} was moved over droppable area {{overId}}",
+  "sortable.list.drag.nolonger.over": "Draggable item {{activeId}} is no longer over a droppable area",
+  "sortable.list.drag.end.dropped.over": "Draggable item {{activeId}} was dropped over droppable area {{overId}}",
+  "sortable.list.drag.end.dropped": "Draggable item {{activeId}} was dropped",
+  "sortable.list.drag.cancel": "Dragging was cancelled. Draggable item {{activeId}} was dropped",
   "breadcrumbs.home.text": "Home",
   "breadcrumbs.label.text": "Breadcrumbs",
   "close.text": "Close",

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 = {\"navigation.label\":\"Main navigation\",\"navigation.footer\":\"Navigation secondary links\",\"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\",\"sidenav.toggle.expand\":\"Open navigation\",\"sidenav.toggle.collapse\":\"Close navigation\",\"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\",\"topnav.helpicon\":\"help page\",\"topnav.settingsicon\":\"settings page\"};"],"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 = {\"navigation.label\":\"Main navigation\",\"navigation.footer\":\"Navigation secondary links\",\"navigation.drag.handle\":\"Drag handle\",\"sortable.list.drag.start\":\"Picked up draggable item {{activeId}}\",\"sortable.list.drag.moved.over\":\"Draggable item {{activeId}} was moved over droppable area {{overId}}\",\"sortable.list.drag.nolonger.over\":\"Draggable item {{activeId}} is no longer over a droppable area\",\"sortable.list.drag.end.dropped.over\":\"Draggable item {{activeId}} was dropped over droppable area {{overId}}\",\"sortable.list.drag.end.dropped\":\"Draggable item {{activeId}} was dropped\",\"sortable.list.drag.cancel\":\"Dragging was cancelled. Draggable item {{activeId}} was dropped\",\"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\",\"sidenav.toggle.expand\":\"Open navigation\",\"sidenav.toggle.collapse\":\"Close navigation\",\"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\",\"topnav.helpicon\":\"help page\",\"topnav.settingsicon\":\"settings page\"};"],"mappings":"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"}

package/dist/src/OdysseyTranslationProvider.d.ts

@@ -13,7 +13,7 @@ import { ReactNode } from "react";
 import { DefaultSupportedLanguages } from "./OdysseyTranslationProvider.types";
 import { resources } from "./i18n";
 export type OdysseyI18nResourceKeys = (typeof resources)["en"];
-export declare const odysseyI18nResourceKeysList: ("navigation.label" | "navigation.footer" | "breadcrumbs.home.text" | "breadcrumbs.label.text" | "close.text" | "clear.text" | "open.text" | "picker.calendar.navigation.nextmonth" | "picker.calendar.navigation.previousmonth" | "picker.date.toolbar.title" | "picker.daterange.toolbar.title" | "picker.datetime.toolbar.title" | "picker.error.invalid" | "picker.error.mindate" | "picker.error.maxdate" | "picker.field.placeholder.day" | "picker.field.placeholder.hours" | "picker.field.placeholder.meridiem" | "picker.field.placeholder.minutes" | "picker.field.placeholder.month" | "picker.field.placeholder.seconds" | "picker.field.placeholder.year" | "picker.labels.action.apply" | "picker.labels.action.cancel" | "picker.labels.action.today" | "picker.labels.clock.empty" | "picker.labels.clock.hours" | "picker.labels.clock.minutes" | "picker.labels.clock.seconds" | "picker.labels.clock.selected" | "picker.labels.date.choose" | "picker.labels.date.selected" | "picker.labels.empty" | "picker.labels.field.clear" | "picker.labels.range.end" | "picker.labels.range.enddate" | "picker.labels.range.endtime" | "picker.labels.range.start" | "picker.labels.range.startdate" | "picker.labels.range.starttime" | "picker.labels.select" | "picker.labels.table.date" | "picker.labels.table.time" | "picker.labels.time.choose" | "picker.labels.time.selected" | "picker.time.toolbar.title" | "picker.view.name.day" | "picker.view.name.hours" | "picker.view.name.meridiem" | "picker.view.name.minutes" | "picker.view.name.month" | "picker.view.name.seconds" | "picker.view.name.weekday" | "picker.view.name.year" | "picker.view.navigation.open.nextview" | "picker.view.navigation.open.previousview" | "picker.view.navigation.switch.calendarview" | "picker.view.navigation.switch.yearview" | "fielderror.screenreader.text" | "fieldlabel.optional.text" | "fieldlabel.required.text" | "filters.clear.label" | "filters.filter.any" | "filters.filter.clear" | "filters.filters.arialabel" | "filters.menuitem.any" | "filters.menuitem.selected" | "filters.search.label" | "fileupload.button.text" | "fileupload.prompt.text" | "fileupload.removefile.text" | "passwordfield.icon.label.hide" | "passwordfield.icon.label.show" | "severity.error" | "severity.info" | "severity.success" | "severity.warning" | "sidenav.toggle.expand" | "sidenav.toggle.collapse" | "switch.active" | "switch.inactive" | "table.columnvisibility.arialabel" | "table.density.arialabel" | "table.draghandle.arialabel" | "table.draghandle.tooltip" | "table.actions" | "table.error" | "table.fetchedrows.text" | "table.fetchedrows.text_plural" | "table.moreactions.arialabel" | "table.noresults.heading" | "table.noresults.text" | "table.reorder.backward" | "table.reorder.forward" | "table.reorder.toback" | "table.reorder.tofront" | "table.rows.text" | "table.rows.text_plural" | "pagination.loadmore" | "pagination.next" | "pagination.previous" | "pagination.page" | "pagination.rowsperpage" | "pagination.rowswithtotal" | "pagination.rowswithouttotal" | "table.actions.selectall" | "table.actions.selectnone" | "table.actions.selectsome" | "table.rowexpansion.expand" | "table.rowexpansion.expandall" | "table.rowexpansion.collapse" | "table.rowexpansion.collapseall" | "dataview.layout.table" | "dataview.layout.grid" | "dataview.layout.list" | "topnav.helpicon" | "topnav.settingsicon")[];
+export declare const odysseyI18nResourceKeysList: ("navigation.label" | "navigation.footer" | "navigation.drag.handle" | "sortable.list.drag.start" | "sortable.list.drag.moved.over" | "sortable.list.drag.nolonger.over" | "sortable.list.drag.end.dropped.over" | "sortable.list.drag.end.dropped" | "sortable.list.drag.cancel" | "breadcrumbs.home.text" | "breadcrumbs.label.text" | "close.text" | "clear.text" | "open.text" | "picker.calendar.navigation.nextmonth" | "picker.calendar.navigation.previousmonth" | "picker.date.toolbar.title" | "picker.daterange.toolbar.title" | "picker.datetime.toolbar.title" | "picker.error.invalid" | "picker.error.mindate" | "picker.error.maxdate" | "picker.field.placeholder.day" | "picker.field.placeholder.hours" | "picker.field.placeholder.meridiem" | "picker.field.placeholder.minutes" | "picker.field.placeholder.month" | "picker.field.placeholder.seconds" | "picker.field.placeholder.year" | "picker.labels.action.apply" | "picker.labels.action.cancel" | "picker.labels.action.today" | "picker.labels.clock.empty" | "picker.labels.clock.hours" | "picker.labels.clock.minutes" | "picker.labels.clock.seconds" | "picker.labels.clock.selected" | "picker.labels.date.choose" | "picker.labels.date.selected" | "picker.labels.empty" | "picker.labels.field.clear" | "picker.labels.range.end" | "picker.labels.range.enddate" | "picker.labels.range.endtime" | "picker.labels.range.start" | "picker.labels.range.startdate" | "picker.labels.range.starttime" | "picker.labels.select" | "picker.labels.table.date" | "picker.labels.table.time" | "picker.labels.time.choose" | "picker.labels.time.selected" | "picker.time.toolbar.title" | "picker.view.name.day" | "picker.view.name.hours" | "picker.view.name.meridiem" | "picker.view.name.minutes" | "picker.view.name.month" | "picker.view.name.seconds" | "picker.view.name.weekday" | "picker.view.name.year" | "picker.view.navigation.open.nextview" | "picker.view.navigation.open.previousview" | "picker.view.navigation.switch.calendarview" | "picker.view.navigation.switch.yearview" | "fielderror.screenreader.text" | "fieldlabel.optional.text" | "fieldlabel.required.text" | "filters.clear.label" | "filters.filter.any" | "filters.filter.clear" | "filters.filters.arialabel" | "filters.menuitem.any" | "filters.menuitem.selected" | "filters.search.label" | "fileupload.button.text" | "fileupload.prompt.text" | "fileupload.removefile.text" | "passwordfield.icon.label.hide" | "passwordfield.icon.label.show" | "severity.error" | "severity.info" | "severity.success" | "severity.warning" | "sidenav.toggle.expand" | "sidenav.toggle.collapse" | "switch.active" | "switch.inactive" | "table.columnvisibility.arialabel" | "table.density.arialabel" | "table.draghandle.arialabel" | "table.draghandle.tooltip" | "table.actions" | "table.error" | "table.fetchedrows.text" | "table.fetchedrows.text_plural" | "table.moreactions.arialabel" | "table.noresults.heading" | "table.noresults.text" | "table.reorder.backward" | "table.reorder.forward" | "table.reorder.toback" | "table.reorder.tofront" | "table.rows.text" | "table.rows.text_plural" | "pagination.loadmore" | "pagination.next" | "pagination.previous" | "pagination.page" | "pagination.rowsperpage" | "pagination.rowswithtotal" | "pagination.rowswithouttotal" | "table.actions.selectall" | "table.actions.selectnone" | "table.actions.selectsome" | "table.rowexpansion.expand" | "table.rowexpansion.expandall" | "table.rowexpansion.collapse" | "table.rowexpansion.collapseall" | "dataview.layout.table" | "dataview.layout.grid" | "dataview.layout.list" | "topnav.helpicon" | "topnav.settingsicon")[];
 export type TranslationOverrides<SupportedLanguages extends string = DefaultSupportedLanguages> = Record<SupportedLanguages, Partial<OdysseyI18nResourceKeys>>;
 export type OdysseyTranslationProviderProps<SupportedLanguages extends string = DefaultSupportedLanguages> = {
     children: ReactNode;

package/dist/src/OdysseyTranslationProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OdysseyTranslationProvider.d.ts","sourceRoot":"","sources":["../../src/OdysseyTranslationProvider.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAE,yBAAyB,EAAE,MAAM,oCAAoC,CAAC;AAE/E,OAAO,EAAmB,SAAS,EAAE,MAAM,QAAQ,CAAC;AAIpD,MAAM,MAAM,uBAAuB,GAAG,CAAC,OAAO,SAAS,CAAC,CAAC,IAAI,CAAC,CAAC;AAC/D,eAAO,MAAM,2BAA2B,mxGAAsC,CAAC;AAE/E,MAAM,MAAM,oBAAoB,CAC9B,kBAAkB,SAAS,MAAM,GAAG,yBAAyB,IAC3D,MAAM,CAAC,kBAAkB,EAAE,OAAO,CAAC,uBAAuB,CAAC,CAAC,CAAC;AAcjE,MAAM,MAAM,+BAA+B,CACzC,kBAAkB,SAAS,MAAM,GAAG,yBAAyB,IAC3D;IACF,QAAQ,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE,kBAAkB,GAAG,yBAAyB,CAAC;IAC9D,oBAAoB,CAAC,EAAE,oBAAoB,CAAC,kBAAkB,CAAC,CAAC;CACjE,CAAC;AAEF,eAAO,MAAM,0BAA0B,GAAI,kBAAkB,SAAS,MAAM,qDAIzE,+BAA+B,CAAC,kBAAkB,CAAC,4CAmBrD,CAAC"}
+{"version":3,"file":"OdysseyTranslationProvider.d.ts","sourceRoot":"","sources":["../../src/OdysseyTranslationProvider.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAE,yBAAyB,EAAE,MAAM,oCAAoC,CAAC;AAE/E,OAAO,EAAmB,SAAS,EAAE,MAAM,QAAQ,CAAC;AAIpD,MAAM,MAAM,uBAAuB,GAAG,CAAC,OAAO,SAAS,CAAC,CAAC,IAAI,CAAC,CAAC;AAC/D,eAAO,MAAM,2BAA2B,2/GAAsC,CAAC;AAE/E,MAAM,MAAM,oBAAoB,CAC9B,kBAAkB,SAAS,MAAM,GAAG,yBAAyB,IAC3D,MAAM,CAAC,kBAAkB,EAAE,OAAO,CAAC,uBAAuB,CAAC,CAAC,CAAC;AAcjE,MAAM,MAAM,+BAA+B,CACzC,kBAAkB,SAAS,MAAM,GAAG,yBAAyB,IAC3D;IACF,QAAQ,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE,kBAAkB,GAAG,yBAAyB,CAAC;IAC9D,oBAAoB,CAAC,EAAE,oBAAoB,CAAC,kBAAkB,CAAC,CAAC;CACjE,CAAC;AAEF,eAAO,MAAM,0BAA0B,GAAI,kBAAkB,SAAS,MAAM,qDAIzE,+BAA+B,CAAC,kBAAkB,CAAC,4CAmBrD,CAAC"}

package/dist/src/Surface.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Surface.d.ts","sourceRoot":"","sources":["../../src/Surface.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAQ,SAAS,EAAE,MAAM,OAAO,CAAC;AAmBxC,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAYF,QAAA,MAAM,eAAe,qDAVU,YAAY,6CAUN,CAAC;AAGtC,OAAO,EAAE,eAAe,IAAI,OAAO,EAAE,CAAC"}
+{"version":3,"file":"Surface.d.ts","sourceRoot":"","sources":["../../src/Surface.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAQ,SAAS,EAAE,MAAM,OAAO,CAAC;AA2BxC,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAgBF,QAAA,MAAM,eAAe,qDAdU,YAAY,6CAcN,CAAC;AAGtC,OAAO,EAAE,eAAe,IAAI,OAAO,EAAE,CAAC"}

package/dist/src/labs/DataView/DataView.d.ts

@@ -11,6 +11,6 @@
  */
 import { DataLayout, UniversalProps, ViewProps } from "./componentTypes";
 export type DataViewProps = UniversalProps & ViewProps<DataLayout>;
-declare const MemoizedDataView: import("react").MemoExoticComponent<({ additionalActionButton, additionalActionMenuItems, availableLayouts, bulkActionMenuItems, currentPage, emptyPlaceholder, enableVirtualization: enableVirtualizationProp, errorMessage: errorMessageProp, filters: filtersProp, getData, getRowId: getRowIdProp, hasFilters, hasPagination, hasSearch, hasSearchSubmitButton, hasRowReordering, hasRowSelection, initialLayout, isEmpty: isEmptyProp, isLoading: isLoadingProp, isNoResults: isNoResultsProp, isPaginationMoreDisabled, isRowReorderingDisabled, metaText, noResultsPlaceholder, onChangeRowSelection, onReorderRows, paginationType, resultsPerPage, searchDelayTime, cardLayoutOptions, tableLayoutOptions, totalRows, maxPages, maxResultsPerPage, onPaginationChange, }: DataViewProps) => import("react/jsx-runtime").JSX.Element>;
+declare const MemoizedDataView: import("react").MemoExoticComponent<({ additionalActionButton, additionalActionMenuItems, availableLayouts, bulkActionMenuItems, currentPage, emptyPlaceholder, enableVirtualization: enableVirtualizationProp, errorMessage: errorMessageProp, filters: filtersProp, getData, getRowId: getRowIdProp, hasFilters, hasPagination, hasPageInput, hasRowCountInput, hasRowCountLabel, hasSearch, hasSearchSubmitButton, hasRowReordering, hasRowSelection, initialLayout, isEmpty: isEmptyProp, isLoading: isLoadingProp, isNoResults: isNoResultsProp, isPaginationMoreDisabled, isRowReorderingDisabled, metaText, noResultsPlaceholder, onChangeRowSelection, onReorderRows, paginationType, resultsPerPage, searchDelayTime, cardLayoutOptions, tableLayoutOptions, totalRows, maxPages, maxResultsPerPage, onPaginationChange, }: DataViewProps) => import("react/jsx-runtime").JSX.Element>;
 export { MemoizedDataView as DataView };
 //# sourceMappingURL=DataView.d.ts.map

package/dist/src/labs/DataView/DataView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataView.d.ts","sourceRoot":"","sources":["../../../../src/labs/DataView/DataView.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAcH,OAAO,EACL,UAAU,EACV,cAAc,EACd,SAAS,EAEV,MAAM,kBAAkB,CAAC;AAuB1B,MAAM,MAAM,aAAa,GAAG,cAAc,GAAG,SAAS,CAAC,UAAU,CAAC,CAAC;AAgbnE,QAAA,MAAM,gBAAgB,qvBAtWnB,aAAa,6CAsWuB,CAAC;AAGxC,OAAO,EAAE,gBAAgB,IAAI,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"DataView.d.ts","sourceRoot":"","sources":["../../../../src/labs/DataView/DataView.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAcH,OAAO,EACL,UAAU,EACV,cAAc,EACd,SAAS,EAEV,MAAM,kBAAkB,CAAC;AAuB1B,MAAM,MAAM,aAAa,GAAG,cAAc,GAAG,SAAS,CAAC,UAAU,CAAC,CAAC;AAsbnE,QAAA,MAAM,gBAAgB,uyBAzWnB,aAAa,6CAyWuB,CAAC;AAGxC,OAAO,EAAE,gBAAgB,IAAI,QAAQ,EAAE,CAAC"}

package/dist/src/labs/DataView/componentTypes.d.ts

@@ -10,14 +10,15 @@
  * See the License for the specific language governing permissions and limitations under the License.
  */
 import { MRT_DensityState, MRT_RowData, MRT_RowSelectionState, MRT_SortingState, MRT_TableOptions, MRT_VisibilityState } from "material-react-table";
+import { ReactNode } from "react";
 import { availableLayouts, availableCardLayouts } from "./constants";
 import { DataFilter } from "../DataFilters";
 import { DataGetDataType, DataOnReorderRowsType, DataRowSelectionState, DataTableColumn } from "./dataTypes";
 import { DataTableRowActionsProps } from "../../DataTable/DataTableRowActions";
 import { MenuButtonProps } from "../..";
 import { paginationTypeValues } from "../DataTablePagination";
-import { ReactNode } from "react";
 import { DataCardProps } from "./DataCard";
+import { type PaginationProps } from "../../Pagination";
 export type DataLayout = (typeof availableLayouts)[number];
 export type CardLayout = (typeof availableCardLayouts)[number];
 export type AvailableLayouts = DataLayout[];
@@ -62,7 +63,7 @@ export type UniversalProps = {
     resultsPerPage?: number;
     searchDelayTime?: number;
     totalRows?: number;
-};
+} & Pick<PaginationProps, "hasPageInput" | "hasRowCountInput" | "hasRowCountLabel">;
 export type TableLayoutProps = {
     columns: DataTableColumn<MRT_RowData>[];
     hasChangeableDensity?: boolean;

package/dist/src/labs/DataView/componentTypes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"componentTypes.d.ts","sourceRoot":"","sources":["../../../../src/labs/DataView/componentTypes.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"componentTypes.d.ts","sourceRoot":"","sources":["../../../../src/labs/DataView/componentTypes.ts"],"names":[],"mappings":"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"}

package/dist/src/labs/SideNav/NavAccordion.d.ts

@@ -10,13 +10,9 @@
  * See the License for the specific language governing permissions and limitations under the License.
  */
 import { AccordionProps as MuiAccordionProps } from "@mui/material";
-import { ReactNode } from "react";
+import { PropsWithChildren, ReactNode } from "react";
 import type { HtmlProps } from "../../HtmlProps";
 export type NavAccordionProps = {
-    /**
-     * The content of the Accordion itself
-     */
-    children: ReactNode;
     /**
      * The label text for the AccordionSummary
      */
@@ -51,6 +47,6 @@ export type NavAccordionProps = {
      */
     startIcon?: ReactNode;
 } & Pick<HtmlProps, "testId" | "translate">;
-declare const MemoizedNavAccordion: import("react").MemoExoticComponent<({ children, label, id: idOverride, isCompact, isDefaultExpanded, isDisabled, isExpanded, translate, startIcon, }: NavAccordionProps) => import("react/jsx-runtime").JSX.Element>;
+declare const MemoizedNavAccordion: import("react").MemoExoticComponent<({ children, label, id: idOverride, isCompact, isDefaultExpanded, isDisabled, isExpanded, translate, startIcon, }: PropsWithChildren<NavAccordionProps>) => import("react/jsx-runtime").JSX.Element>;
 export { MemoizedNavAccordion as NavAccordion };
 //# sourceMappingURL=NavAccordion.d.ts.map

package/dist/src/labs/SideNav/NavAccordion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavAccordion.d.ts","sourceRoot":"","sources":["../../../../src/labs/SideNav/NavAccordion.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,EAIL,cAAc,IAAI,iBAAiB,EACpC,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,SAAS,EAAQ,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AASjD,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,iBAAiB,CAAC,UAAU,CAAC,CAAC;IACzC;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,GAAG,IAAI,CAAC,SAAS,EAAE,QAAQ,GAAG,WAAW,CAAC,CAAC;AAqG5C,QAAA,MAAM,oBAAoB,yJA3CvB,iBAAiB,6CA2C2B,CAAC;AAGhD,OAAO,EAAE,oBAAoB,IAAI,YAAY,EAAE,CAAC"}
+{"version":3,"file":"NavAccordion.d.ts","sourceRoot":"","sources":["../../../../src/labs/SideNav/NavAccordion.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,EAIL,cAAc,IAAI,iBAAiB,EACpC,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAQ,MAAM,OAAO,CAAC;AAE3D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AASjD,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,iBAAiB,CAAC,UAAU,CAAC,CAAC;IACzC;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,GAAG,IAAI,CAAC,SAAS,EAAE,QAAQ,GAAG,WAAW,CAAC,CAAC;AAoG5C,QAAA,MAAM,oBAAoB,yJA3CvB,iBAAiB,CAAC,iBAAiB,CAAC,6CA2CQ,CAAC;AAGhD,OAAO,EAAE,oBAAoB,IAAI,YAAY,EAAE,CAAC"}

package/dist/src/labs/SideNav/SideNav.d.ts

@@ -12,6 +12,6 @@
 import type { SideNavProps } from "./types";
 export declare const DEFAULT_SIDE_NAV_WIDTH = "300px";
 export declare const SIDENAV_COLLAPSE_ICON_POSITION = "77px";
-declare const MemoizedSideNav: import("react").MemoExoticComponent<({ appName, footerComponent, footerItems, hasCustomFooter, isCollapsible, isCompact, isLoading, logoProps, onCollapse, onExpand, sideNavItems, }: SideNavProps) => import("react/jsx-runtime").JSX.Element>;
+declare const MemoizedSideNav: import("react").MemoExoticComponent<({ appName, footerComponent, footerItems, hasCustomFooter, isCollapsible, isCompact, isLoading, logoProps, onCollapse, onExpand, onSort, sideNavItems, }: SideNavProps) => import("react/jsx-runtime").JSX.Element>;
 export { MemoizedSideNav as SideNav };
 //# sourceMappingURL=SideNav.d.ts.map

package/dist/src/labs/SideNav/SideNav.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SideNav.d.ts","sourceRoot":"","sources":["../../../../src/labs/SideNav/SideNav.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAqBH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAU5C,eAAO,MAAM,sBAAsB,UAAU,CAAC;AAI9C,eAAO,MAAM,8BAA8B,SAAS,CAAC;AA4gBrD,QAAA,MAAM,eAAe,wLArTlB,YAAY,6CAqTsB,CAAC;AAGtC,OAAO,EAAE,eAAe,IAAI,OAAO,EAAE,CAAC"}
+{"version":3,"file":"SideNav.d.ts","sourceRoot":"","sources":["../../../../src/labs/SideNav/SideNav.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAqBH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAa5C,eAAO,MAAM,sBAAsB,UAAU,CAAC;AAI9C,eAAO,MAAM,8BAA8B,SAAS,CAAC;AA0nBrD,QAAA,MAAM,eAAe,gMAtYlB,YAAY,6CAsYsB,CAAC;AAGtC,OAAO,EAAE,eAAe,IAAI,OAAO,EAAE,CAAC"}