@orangesk/orange-design-system 2.0.0-beta.36 → 2.0.0-beta.37

package/src/components/Carousel/Carousel.tsx

@@ -1,24 +1,22 @@
 "use client";
 
-import React, { ReactNode, HTMLAttributes } from "react";
 import cx from "classnames";
-
+import React, { HTMLAttributes, ReactNode } from "react";
+import { useStatic } from "@/utils/hooks";
 import { Icon } from "../Icon";
-
-import { CarouselItem } from "./CarouselItem";
 import CarouselStatic from "./Carousel.static";
+import { CarouselItem } from "./CarouselItem";
 import {
-  CLASS_ROOT,
-  CLASS_VIEWPORT_WRAPPER,
-  CLASS_VIEWPORT,
+  CLASS_DOTS,
   CLASS_NEXT,
   CLASS_PREV,
-  CLASS_DOTS,
-  CLASS_TRACK,
-  CLASS_SCROLLBAR_DRAG,
+  CLASS_ROOT,
   CLASS_SCROLLBAR,
+  CLASS_SCROLLBAR_DRAG,
+  CLASS_TRACK,
+  CLASS_VIEWPORT,
+  CLASS_VIEWPORT_WRAPPER,
 } from "./constants";
-import { useStatic } from "@/utils/hooks";
 
 interface CarouselProps extends HTMLAttributes<HTMLDivElement> {
   /** Swiper.js (https://swiperjs.com/) options object */

package/src/components/Carousel/CarouselItem.tsx

@@ -1,5 +1,5 @@
-import React, { ReactNode, HTMLAttributes } from "react";
 import cx from "classnames";
+import React, { HTMLAttributes, ReactNode } from "react";
 
 import { CLASS_SLIDE } from "./constants";
 

package/src/components/Carousel/tests/Carousel.conformance.test.jsx

@@ -1,5 +1,5 @@
 import { render } from "@testing-library/react";
-import { axe } from 'vitest-axe';
+import { axe } from "vitest-axe";
 
 import { Carousel } from "..";
 
@@ -8,9 +8,7 @@ const example = (
     <Carousel
       items={Array(5)
         .fill()
-        .map((_, index) => (
-          <div key={index.toString()}>slide {index}</div>
-        ))}
+        .map((_, index) => <div key={index.toString()}>slide {index}</div>)}
     />
   </>
 );

package/src/components/CarouselHero/CarouselHero.static.ts

@@ -1,29 +1,29 @@
-import type { SwiperOptions } from "swiper/types";
+import { Swiper } from "swiper";
 import {
-  Navigation,
-  Pagination,
   A11y,
-  Keyboard,
   Autoplay,
+  Keyboard,
+  Navigation,
+  Pagination,
 } from "swiper/modules";
-import { Swiper } from "swiper";
+import type { SwiperOptions } from "swiper/types";
 
 import {
-  CLASS_SLIDE,
-  CLASS_TRACK,
   CLASS_ACTIVE,
-  CLASS_PLAYING,
+  CLASS_PAGINATION_CIRCLE,
+  CLASS_PAGINATION_ITEM,
+  CLASS_PAGINATION_SVG,
   CLASS_PAUSED,
-  SELECTOR_VIEWPORT,
-  SELECTOR_PREV,
+  CLASS_PLAYING,
+  CLASS_SLIDE,
+  CLASS_TRACK,
   SELECTOR_NEXT,
+  SELECTOR_PAGINATION,
   SELECTOR_PLAY_PAUSE,
-  SELECTOR_TABS,
+  SELECTOR_PREV,
   SELECTOR_TAB,
-  SELECTOR_PAGINATION,
-  CLASS_PAGINATION_ITEM,
-  CLASS_PAGINATION_SVG,
-  CLASS_PAGINATION_CIRCLE,
+  SELECTOR_TABS,
+  SELECTOR_VIEWPORT,
 } from "./constants";
 
 export const defaultConfig: SwiperOptions = {

package/src/components/CarouselHero/CarouselHero.tsx

@@ -1,26 +1,25 @@
 "use client";
 
-import React, { ReactNode } from "react";
 import cx from "classnames";
-
-import { Controls } from "../Controls";
+import React, { ReactNode } from "react";
+import { useStatic } from "@/utils/hooks";
 import { Container } from "../Container";
-import { CarouselHeroItem } from "./CarouselHeroItem";
+import { Controls } from "../Controls";
 import CarouselHeroStatic from "./CarouselHero.static";
+import { CarouselHeroItem } from "./CarouselHeroItem";
 import {
-  CLASS_ROOT,
-  CLASS_VIEWPORT_WRAPPER,
-  CLASS_VIEWPORT,
-  CLASS_PREV,
+  CLASS_NAVIGATION,
   CLASS_NEXT,
+  CLASS_PAGINATION,
   CLASS_PLAY_PAUSE,
-  CLASS_TABS,
+  CLASS_PREV,
+  CLASS_ROOT,
   CLASS_TAB,
-  CLASS_PAGINATION,
+  CLASS_TABS,
   CLASS_TRACK,
-  CLASS_NAVIGATION,
+  CLASS_VIEWPORT,
+  CLASS_VIEWPORT_WRAPPER,
 } from "./constants";
-import { useStatic } from "@/utils/hooks";
 
 interface TabItem {
   label: string;
@@ -135,5 +134,5 @@ const CarouselHero: React.FC<CarouselHeroProps> = ({
 
 CarouselHero.displayName = "CarouselHero";
 
-export { CarouselHero, CarouselHeroItem };
 export type { CarouselHeroProps, TabItem };
+export { CarouselHero, CarouselHeroItem };

package/src/components/CarouselHero/CarouselHeroItem.tsx

@@ -1,13 +1,13 @@
-import React, { ReactNode, HTMLAttributes } from "react";
 import cx from "classnames";
+import React, { HTMLAttributes, ReactNode } from "react";
 import { Image } from "@/components/Image";
+import { Container } from "../Container";
 import {
   CLASS_SLIDE,
   CLASS_SLIDE_CONTAINER,
   CLASS_SLIDE_CONTENT,
   CLASS_SLIDE_IMAGE,
 } from "./constants";
-import { Container } from "../Container";
 
 const CLASS_ROOT = CLASS_SLIDE;
 

package/src/components/CarouselHero/index.ts

@@ -1,2 +1,2 @@
-export { CarouselHero, CarouselHeroItem } from "./CarouselHero";
 export type { CarouselHeroProps, TabItem } from "./CarouselHero";
+export { CarouselHero, CarouselHeroItem } from "./CarouselHero";

package/src/components/CarouselHero/tests/CarouselHeroItem.conformance.test.jsx

@@ -1,5 +1,5 @@
 import { render } from "@testing-library/react";
-import { axe } from 'vitest-axe';
+import { axe } from "vitest-axe";
 
 import { CarouselHeroItem } from "../";
 

package/src/components/CarouselPromotions/CarouselPromotions.static.ts

@@ -1,24 +1,24 @@
 import { Swiper } from "swiper";
-import type { SwiperOptions } from "swiper/types";
 import {
-  Navigation,
-  Pagination,
   A11y,
-  Keyboard,
   Autoplay,
+  Keyboard,
+  Navigation,
+  Pagination,
 } from "swiper/modules";
+import type { SwiperOptions } from "swiper/types";
 
 import {
-  SELECTOR_DOTS,
-  SELECTOR_VIEWPORT,
+  CLASS_ACTIVE,
+  CLASS_AUTOPLAY,
+  CLASS_DOT,
   CLASS_DOT_CIRCLE,
   CLASS_DOT_SVG,
-  CLASS_AUTOPLAY,
   CLASS_SHOWING_INVERTED_SLIDE,
-  CLASS_TRACK,
   CLASS_SLIDE,
-  CLASS_DOT,
-  CLASS_ACTIVE,
+  CLASS_TRACK,
+  SELECTOR_DOTS,
+  SELECTOR_VIEWPORT,
 } from "./constants";
 
 export const defaultConfig: SwiperOptions = {

package/src/components/CarouselPromotions/CarouselPromotions.tsx

@@ -1,18 +1,17 @@
 "use client";
 
-import React, { ReactNode } from "react";
 import cx from "classnames";
-
+import React, { ReactNode } from "react";
+import { useStatic } from "@/utils/hooks";
 import CarouselPromotionsStatic from "./CarouselPromotions.static";
 import {
-  CLASS_ROOT,
-  CLASS_VIEWPORT_WRAPPER,
-  CLASS_VIEWPORT,
-  CLASS_NEXT,
   CLASS_DOTS,
+  CLASS_NEXT,
+  CLASS_ROOT,
   CLASS_TRACK,
+  CLASS_VIEWPORT,
+  CLASS_VIEWPORT_WRAPPER,
 } from "./constants";
-import { useStatic } from "@/utils/hooks";
 
 interface CarouselPromotionsProps {
   className?: string;

package/src/components/CarouselPromotions/CarouselPromotionsItem.tsx

@@ -1,11 +1,11 @@
-import React, { ReactElement } from "react";
 import cx from "classnames";
+import React, { ReactElement } from "react";
 
 import {
-  CLASS_SLIDE,
-  CLASS_TITLE,
   CLASS_IMAGE,
+  CLASS_SLIDE,
   CLASS_SLIDE_CONTENT,
+  CLASS_TITLE,
 } from "./constants";
 
 const CLASS_ROOT = CLASS_SLIDE;

package/src/components/CarouselPromotions/tests/CarouselPromotions.conformance.test.jsx

@@ -1,9 +1,7 @@
 import { render } from "@testing-library/react";
 import { axe } from "vitest-axe";
-
-import { CarouselPromotions } from "..";
-import { CarouselPromotionsItem } from "..";
 import { Image } from "../../Image";
+import { CarouselPromotions, CarouselPromotionsItem } from "..";
 
 const example = (
   <>

package/src/components/CarouselPromotions/tests/CarouselPromotions.unit.test.jsx

@@ -1,8 +1,7 @@
 import { render } from "@testing-library/react";
-
+import { Image } from "../../Image";
 import { CarouselPromotions } from "../CarouselPromotions";
 import { CarouselPromotionsItem } from "../CarouselPromotionsItem";
-import { Image } from "../../Image";
 
 describe("rendering CarouselPromotions", () => {
   describe("initial state", () => {

package/src/components/CartTable/CartTable.tsx

@@ -1,15 +1,14 @@
 "use client";
 
-import React from "react";
 import cx from "classnames";
+import React from "react";
 
 import { capitalize } from "../../utils";
 import { Table } from "../Table";
-
-import generateRow from "./generateRow";
+import type { Footer, Labels } from "./generateFooter";
 import generateFooter from "./generateFooter";
+import generateRow from "./generateRow";
 import type { Item } from "./generateTotal";
-import type { Footer, Labels } from "./generateFooter";
 
 const CLASS_ROOT = "cart-table";
 

package/src/components/CartTable/FooterPriceColumn.tsx

@@ -1,5 +1,5 @@
-import React from "react";
 import cx from "classnames";
+import React from "react";
 
 import { formatPrice } from "../../utils/helpers";
 

package/src/components/CartTable/Price.tsx

@@ -1,6 +1,6 @@
 import React from "react";
-import { Bar, BarItem } from "../Bar";
 import { formatPrice } from "../../utils/helpers";
+import { Bar, BarItem } from "../Bar";
 
 export interface PriceProps {
   price?: number;

package/src/components/CartTable/data.ts

@@ -144,4 +144,4 @@ export const generateTotal: Item[] = [
 ];
 
 export default items;
-export { optionalItem, deviceItem, internetItems, router, largeItems };
+export { deviceItem, internetItems, largeItems, optionalItem, router };

package/src/components/CartTable/generateFooter.tsx

@@ -4,8 +4,8 @@ import React from "react";
 
 import NameColumn from "./FooterNameColumn";
 import PriceColumn from "./FooterPriceColumn";
+import type { FormattedPeriod, Item } from "./generateTotal";
 import generateTotal from "./generateTotal";
-import type { Item, FormattedPeriod } from "./generateTotal";
 
 export interface Footer {
   name?: string;

package/src/components/CartTable/generateRow.tsx

@@ -1,16 +1,14 @@
-import React from "react";
 import cx from "classnames";
-
-import { Bar, BarItem } from "../Bar";
-import { Image } from "../Image";
-import { InfoTooltip } from "../Tooltip/InfoTooltip";
+import React from "react";
 import ConditionalWrapper from "../../utils/ConditionalWrapper";
-import { Icon } from "../Icon";
+import { Bar, BarItem } from "../Bar";
 import { IconButton } from "../Button";
+import { Icon } from "../Icon";
+import { Image } from "../Image";
 import { Tag } from "../Tag";
-
-import Price from "./Price";
+import { InfoTooltip } from "../Tooltip/InfoTooltip";
 import type { Item } from "./generateTotal";
+import Price from "./Price";
 
 export interface Labels {
   [key: string]: string;

package/src/components/CartTable/tests/CartTable.conformance.test.jsx

@@ -1,5 +1,5 @@
 import { render } from "@testing-library/react";
-import { axe } from 'vitest-axe';
+import { axe } from "vitest-axe";
 
 import { CartTable } from "../";
 

package/src/components/Code/Code.tsx

@@ -1,5 +1,5 @@
-import React from "react";
 import { Highlight, Language, PrismTheme, themes } from "prism-react-renderer";
+import React from "react";
 
 import "./styles/style.scss";
 

package/src/components/Container/Container.tsx

@@ -1,5 +1,5 @@
-import React, { forwardRef } from "react";
 import cx from "classnames";
+import React, { forwardRef } from "react";
 
 const CLASS_ROOT = "container";
 

package/src/components/Container/tests/Container.unit.test.jsx

@@ -24,9 +24,10 @@
  *    - Handles array of children
  *    - Handles React elements as children
  */
-import React from "react";
-import { render, screen, fireEvent } from "@testing-library/react";
+
+import { fireEvent, render, screen } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
+import React from "react";
 
 import { Container } from "../";
 

package/src/components/Controls/Controls.tsx

@@ -1,5 +1,5 @@
-import React from "react";
 import cx from "classnames";
+import React from "react";
 import { Icon } from "../Icon";
 
 interface IControlsProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {

package/src/components/Controls/tests/Controls.test.jsx

@@ -1,6 +1,6 @@
-import React from "react";
-import { render, screen, fireEvent } from "@testing-library/react";
+import { fireEvent, render, screen } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
+import React from "react";
 import "@testing-library/jest-dom/vitest";
 import { Controls } from "../Controls";
 

package/src/components/Cover/Cover.tsx

@@ -1,5 +1,5 @@
-import React from "react";
 import cx from "classnames";
+import React from "react";
 
 import { Image } from "../Image";
 

package/src/components/Cover/index.ts

@@ -1,2 +1,3 @@
 import { Cover } from "./Cover";
+
 export { Cover };

package/src/components/Cover/tests/Cover.conformance.test.jsx

@@ -1,28 +1,27 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import { axe } from 'vitest-axe';
+import { render } from "@testing-library/react";
+import { axe } from "vitest-axe";
 
-import { Cover } from '../';
+import { Cover } from "../";
 
 const example = (
   <>
     <Cover bgSrc="https://placehold.co/800x150" />;
     <Cover
       bgSrc={{
-        default: 'https://placehold.co/800x300',
-        lg: 'https://placehold.co/2560x1000',
-        md: 'https://placehold.co/1200x500',
+        default: "https://placehold.co/800x300",
+        lg: "https://placehold.co/2560x1000",
+        md: "https://placehold.co/1200x500",
       }}
     />
   </>
 );
 
-it('is valid html', () => {
+it("is valid html", () => {
   const { container } = render(example);
   expect(container).toHTMLValidate();
 });
 
-it('is accessible', async () => {
+it("is accessible", async () => {
   const { container } = render(example);
   expect(await axe(container)).toHaveNoViolations();
 });

package/src/components/Cover/tests/Cover.unit.test.jsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { render } from "@testing-library/react";
 
 import { Cover } from "../Cover";

package/src/components/Divider/Divider.tsx

@@ -1,5 +1,5 @@
-import React, { ReactNode, HTMLAttributes } from "react";
 import cx from "classnames";
+import React, { HTMLAttributes, ReactNode } from "react";
 
 import { Icon } from "../Icon";
 

package/src/components/Divider/tests/Divider.conformance.test.jsx

@@ -1,5 +1,5 @@
 import { render } from "@testing-library/react";
-import { axe } from 'vitest-axe';
+import { axe } from "vitest-axe";
 
 import { Divider } from "../";
 

package/src/components/DocumentationSidebar/DocumentationSidebar.tsx

@@ -1,14 +1,14 @@
 "use client";
 
-import React from "react";
 import cx from "classnames";
-import { usePathname, useRouter } from "next/navigation";
-import Link from "next/link";
 import MiniSearch from "minisearch";
-import { Image } from "../Image";
-import { Icon } from "../Icon";
-import { TextInput } from "../Forms/TextInput";
+import Link from "next/link";
+import { usePathname, useRouter } from "next/navigation";
+import React from "react";
 import packageJson from "../../../package.json";
+import { TextInput } from "../Forms/TextInput";
+import { Icon } from "../Icon";
+import { Image } from "../Image";
 
 export interface DocumentationSidebarItem {
   label: string;
@@ -254,7 +254,7 @@ export const DocumentationSidebar: React.FC<DocumentationSidebarProps> = (
         const mergedItems = mergeSearchIndex(items, indexData);
         const updatedSearch = initializeSearch(mergedItems);
         setMiniSearch(updatedSearch);
-      } catch (err) {
+      } catch (_err) {
         // Search index not found or fetch failed, continue with menu items only
         console.debug("Search index not available, using menu items only");
       }

package/src/components/DocumentationSidebar/index.ts

@@ -1,7 +1,7 @@
 import "./styles/style.scss";
 
-export { DocumentationSidebar } from "./DocumentationSidebar";
 export type {
-  DocumentationSidebarProps,
   DocumentationSidebarItem,
+  DocumentationSidebarProps,
 } from "./DocumentationSidebar";
+export { DocumentationSidebar } from "./DocumentationSidebar";

package/src/components/Dropdown/Dropdown.static.ts

@@ -1,5 +1,5 @@
-import { createPopper, Instance, Options } from "@popperjs/core";
 import { transitionHiddenElement } from "@cloudfour/transition-hidden-element";
+import { createPopper, Instance, Options } from "@popperjs/core";
 
 import { keys } from "../../utils";
 

package/src/components/Dropdown/Dropdown.tsx

@@ -1,15 +1,13 @@
 "use client";
 
-import React, { ReactNode } from "react";
 import cx from "classnames";
-
+import React, { ReactNode } from "react";
+import { useStatic } from "@/utils/hooks";
 import { Bar, BarItem } from "../Bar";
 import { IconButton } from "../Button";
-
+import { ButtonProps } from "../Button/Button";
 import DropdownButtonStatic from "./Dropdown.static";
 import { DropdownToggleButton } from "./DropdownToggleButton";
-import { useStatic } from "@/utils/hooks";
-import { ButtonProps } from "../Button/Button";
 
 export const CLASS_ROOT = "dropdown";
 

package/src/components/Dropdown/DropdownDivider.tsx

@@ -1,5 +1,5 @@
-import React from "react";
 import cx from "classnames";
+import React from "react";
 
 const CLASS_ROOT = "dropdown__divider";
 

package/src/components/Dropdown/DropdownItem.tsx

@@ -1,5 +1,5 @@
-import React, { AnchorHTMLAttributes, ReactNode } from "react";
 import cx from "classnames";
+import React, { AnchorHTMLAttributes, ReactNode } from "react";
 
 const CLASS_ROOT = "dropdown__item";
 

package/src/components/Dropdown/DropdownToggleButton.tsx

@@ -1,5 +1,5 @@
-import React from "react";
 import cx from "classnames";
+import React from "react";
 
 import ToggleButton from "../../docs/utils/ToggleButton";
 

package/src/components/Dropdown/index.ts

@@ -1,4 +1,4 @@
 export { Dropdown } from "./Dropdown";
-export { DropdownItem } from "./DropdownItem";
 export { DropdownDivider } from "./DropdownDivider";
+export { DropdownItem } from "./DropdownItem";
 export { DropdownToggleButton } from "./DropdownToggleButton";

package/src/components/Dropdown/tests/Dropdown.conformance.test.jsx

@@ -1,7 +1,7 @@
 import { render } from "@testing-library/react";
-import { axe } from 'vitest-axe';
+import { axe } from "vitest-axe";
 
-import { Dropdown, DropdownItem, DropdownDivider } from "../";
+import { Dropdown, DropdownDivider, DropdownItem } from "../";
 
 const example = (
   <>

package/src/components/Dropdown/tests/Dropdown.unit.test.jsx

@@ -1,7 +1,6 @@
-import React from "react";
 import { render, screen } from "@testing-library/react";
+import { DropdownDivider, DropdownItem } from "../";
 import { Dropdown } from "../Dropdown";
-import { DropdownItem, DropdownDivider } from "../";
 
 describe("Dropdown Component Unit Tests", () => {
   it("renders with base class", () => {

package/src/components/Expander/Expander.tsx

@@ -1,7 +1,7 @@
 "use client";
 
-import React, { useMemo } from "react";
 import cx from "classnames";
+import React, { useMemo } from "react";
 
 import { useStatic } from "../../utils/hooks";
 import { Icon } from "../Icon";

package/src/components/Expander/tests/Expander.conformance.test.jsx

@@ -1,9 +1,7 @@
-import React from "react";
 import { render } from "@testing-library/react";
-import { axe } from 'vitest-axe';
-
-import { Expander } from "../Expander";
+import { axe } from "vitest-axe";
 import { Icon } from "../../Icon";
+import { Expander } from "../Expander";
 
 const example = (
   <>

package/src/components/Expander/tests/Expander.unit.test.jsx

@@ -1,8 +1,6 @@
-import React from "react";
-import { render, screen, fireEvent } from "@testing-library/react";
-
-import { Expander } from "../Expander";
+import { fireEvent, render, screen } from "@testing-library/react";
 import { Icon } from "../../Icon";
+import { Expander } from "../Expander";
 
 describe("Expander", () => {
   it("renders basic expander with summary text", () => {