@ably/ui 14.0.0-dev.6d5cd62 → 14.0.0-dev.968e4a2

package/src/core/MeganavItemsMobile.tsx

@@ -1,19 +1,19 @@
 import React from "react";
 
-import SignOutLink from "./SignOutLink";
-import MeganavSearchSuggestions from "./MeganavSearchSuggestions";
-import Icon from "./Icon";
-import MeganavData from "./Meganav/component.json";
-import MeganavControlMobileDropdown from "./MeganavControlMobileDropdown";
-import MeganavControlMobilePanelClose from "./MeganavControlMobilePanelClose";
-import MeganavControlMobilePanelOpen from "./MeganavControlMobilePanelOpen";
-import MeganavSearchAutocomplete from "./MeganavSearchAutocomplete";
+import SignOutLink from "../SignOutLink/component.tsx";
+import MeganavSearchSuggestions from "../MeganavSearchSuggestions/component.tsx";
+import Icon from "../Icon/component.tsx";
+import MeganavData from "../Meganav/component.json";
+import MeganavControlMobileDropdown from "../MeganavControlMobileDropdown/component.tsx";
+import MeganavControlMobilePanelClose from "../MeganavControlMobilePanelClose/component.tsx";
+import MeganavControlMobilePanelOpen from "../MeganavControlMobilePanelOpen/component.tsx";
+import MeganavSearchAutocomplete from "../MeganavSearchAutocomplete/component.tsx";
 import {
   AbsUrl,
   MeganavPanels,
   MeganavSessionState,
   MeganavTheme,
-} from "./Meganav";
+} from "../Meganav/component.tsx";
 
 type MeganavItemsMobileProps = {
   panels: MeganavPanels;

package/src/core/MeganavItemsSignedIn.tsx

@@ -1,9 +1,13 @@
 import React from "react";
 
-import MeganavControl from "./MeganavControl";
-import SignOutLink from "./SignOutLink";
-import MeganavSearch from "./MeganavSearch";
-import { AbsUrl, MeganavSessionState, MeganavTheme } from "./Meganav";
+import MeganavControl from "../MeganavControl/component.tsx";
+import SignOutLink from "../SignOutLink/component.tsx";
+import MeganavSearch from "../MeganavSearch/component.tsx";
+import {
+  AbsUrl,
+  MeganavSessionState,
+  MeganavTheme,
+} from "../Meganav/component.tsx";
 
 type MeganavItemsSignedIn = {
   sessionState: MeganavSessionState;

package/src/core/MeganavSearch.tsx

@@ -1,8 +1,8 @@
 import React from "react";
 
-import Icon from "./Icon";
-import MeganavSearchPanel from "./MeganavSearchPanel";
-import { AbsUrl } from "./Meganav";
+import Icon from "../Icon/component.tsx";
+import MeganavSearchPanel from "../MeganavSearchPanel/component.tsx";
+import { AbsUrl } from "../Meganav/component.tsx";
 
 const MeganavSearch = ({ absUrl }: { absUrl: AbsUrl }) => (
   <>

package/src/core/MeganavSearchPanel.tsx

@@ -1,9 +1,9 @@
 import React from "react";
 
-import Icon from "./Icon";
-import MeganavSearchSuggestions from "./MeganavSearchSuggestions";
-import MeganavSearchAutocomplete from "./MeganavSearchAutocomplete";
-import { AbsUrl } from "./Meganav";
+import Icon from "../Icon/component.tsx";
+import MeganavSearchSuggestions from "../MeganavSearchSuggestions/component.tsx";
+import MeganavSearchAutocomplete from "../MeganavSearchAutocomplete/component.tsx";
+import { AbsUrl } from "../Meganav/component.tsx";
 
 const MeganavSearchPanel = ({ absUrl }: { absUrl: AbsUrl }) => (
   <section className="ui-meganav-content grid-cols-12">

package/src/core/MeganavSearchSuggestions.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 
-import FeaturedLink from "./FeaturedLink";
-import { AbsUrl } from "./Meganav";
+import FeaturedLink from "../FeaturedLink/component.tsx";
+import { AbsUrl } from "../Meganav/component.tsx";
 
 type MeganavSearchSuggestionsProps = {
   absUrl: AbsUrl;

package/src/core/Notice/component.js

@@ -3,7 +3,7 @@ import Cookie from "js-cookie";
 import throttle from "lodash.throttle";
 
 import { queryId } from "../dom-query";
-import { FLASH_DATA_ID } from "../Flash";
+import { FLASH_DATA_ID } from "../Flash/component.tsx";
 
 const COOKIE_EXPIRY = 90;
 const COLLAPSE_TRIGGER_DISTANCE = 5;

package/src/core/Notice.tsx

@@ -1,8 +1,9 @@
 import React, { ReactNode, useEffect } from "react";
 
-import NoticeScripts from "./Notice/component.js";
-import "./Notice/component.css";
-import Icon from "./Icon";
+import NoticeScripts from "./component.js";
+import "./component.css";
+import Icon from "../Icon/component.tsx";
+
 type ContentWrapperProps = {
   buttonLink: string;
   children: ReactNode;

package/src/core/SignOutLink.tsx

@@ -1,5 +1,5 @@
 import React, { MouseEventHandler, ReactNode, useRef } from "react";
-import { AbsUrl } from "./Meganav";
+import { AbsUrl } from "../Meganav/component.tsx";
 
 type SignOutLinkProps = {
   token: string;

package/src/core/Slider/Slider.stories.tsx

@@ -1,5 +1,5 @@
 import React, { ReactNode } from "react";
-import Slider from "../Slider";
+import Slider from "./component.tsx";
 
 export default {
   title: "Components/Slider",

package/src/core/Slider.tsx

@@ -1,8 +1,8 @@
 import React, { CSSProperties, ReactNode, useEffect, useRef } from "react";
 
-import Icon from "./Icon";
-import SliderScripts from "./Slider/component.js";
-import "./Slider/component.css";
+import Icon from "../Icon/component.tsx";
+import SliderScripts from "./component.js";
+import "./component.css";
 
 type SliderProps = {
   slides?: ReactNode[];

package/src/core/Table/TableCell.tsx

@@ -1,5 +1,5 @@
 import React, { PropsWithChildren } from "react";
-import Icon from "../Icon";
+import Icon from "../Icon/component.tsx";
 
 type TableCellProps = {
   isRowHeader?: boolean;

package/src/core/Table/data.tsx

@@ -1,8 +1,8 @@
 import React, { Fragment } from "react";
 
-import Tooltip from "../Tooltip";
-import { Supported, Unsupported } from "./TableCell";
-import Table from "../Table";
+import Tooltip from "../../Tooltip/component";
+import { Supported, Unsupported } from "../TableCell";
+import Table from "..";
 
 const testRow = (index) => ({
   label: `Label ${index + 1}`,

package/src/core/Table.tsx

@@ -1,5 +1,5 @@
-import { Table, TableRowHeader, TableHeader, TableBody } from "./Table/Table";
-import { TableRow } from "./Table/TableRow";
+import { Table, TableRowHeader, TableHeader, TableBody } from "./Table";
+import { TableRow } from "./TableRow";
 import {
   TableCell,
   LabelCell,
@@ -7,7 +7,7 @@ import {
   CtaCell,
   Supported,
   Unsupported,
-} from "./Table/TableCell";
+} from "./TableCell";
 
 export default {
   Root: Table,

package/src/core/Tooltip/Tooltip.stories.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import Tooltip from "../Tooltip";
+import Tooltip from "./component";
 
 export default {
   title: "Components/Tooltip",

package/src/core/Tooltip.tsx

@@ -1,5 +1,6 @@
 import React, { PropsWithChildren, useEffect, useRef, useState } from "react";
-import Icon from "./Icon";
+import Icon from "../Icon/component.tsx";
+
 const Tooltip = ({ children }: PropsWithChildren) => {
   const [open, setOpen] = useState(false);
   const [position, setPosition] = useState({ x: 0, y: 0 });

package/src/pages/Buttons.mdx

@@ -1,5 +1,5 @@
 import { Meta, Unstyled } from "@storybook/blocks";
-import Icon from "../core/Icon";
+import Icon from "../core/Icon/component.tsx";
 
 <Meta title="Brand/Buttons" />
 

package/src/pages/Chips.mdx

@@ -1,5 +1,5 @@
 import { Meta, Unstyled } from "@storybook/blocks";
-import Icon from "../core/Icon";
+import Icon from "../core/Icon/component.tsx";
 
 <Meta title="Brand/Chips" />
 

package/src/pages/Forms.mdx

@@ -1,7 +1,7 @@
 import { Meta, Unstyled } from "@storybook/blocks";
 import { formsHtml } from "./utils";
-import Code from "../core/Code";
-import Icon from "../core/Icon";
+import Code from "../core/Code/component.tsx";
+import Icon from "../core/Icon/component.tsx";
 
 <Meta title="Brand/Forms" />