feat(react-select): experimental release

codedazur · Jun 7, 2024 · 477ea5e · 477ea5e
1 parent 451e83c
commit 477ea5e
Show file tree

Hide file tree

Showing 32 changed files with 1,441 additions and 49 deletions.
diff --git a/.changeset/strange-ways-cough.md b/.changeset/strange-ways-cough.md
@@ -0,0 +1,5 @@
+---
+"@codedazur/react-select": patch
+---
+
+Experimental release.
diff --git a/apps/storybook/stories/react-date-picker/useDatePicker.stories.tsx b/apps/storybook/stories/react-date-picker/useDatePicker.stories.tsx
@@ -24,13 +24,13 @@ import { FunctionComponent, useMemo, useRef, useState } from "react";
 import { DebugOverlay } from "../../components/DebugOverlay";
 import { Weekdays } from "./components/Weekdays";
 
-import { Days } from "./components/Days";
-import { Navigation } from "./components/Navigation";
 import {
   UseDatePickerProps,
   useDatePicker,
 } from "@codedazur/react-date-picker";
 import { Monospace } from "../../components/Monospace";
+import { Days } from "./components/Days";
+import { Navigation } from "./components/Navigation";
 
 const DatePicker: FunctionComponent<UseDatePickerProps> = (props) => {
   const { cursor, dates, month, toNextMonth, toPreviousMonth } =
@@ -105,7 +105,7 @@ const defaultArgTypes = {
 };
 
 const meta: Meta = {
-  title: "React Date Picker/useDatePicker",
+  title: "React/DatePicker/useDatePicker",
   parameters: {
     docs: {
       page: docs,

diff --git a/apps/storybook/stories/react-date-picker/useSingleDatePicker.stories.tsx b/apps/storybook/stories/react-date-picker/useSingleDatePicker.stories.tsx
@@ -15,14 +15,14 @@ import {
   useSingleDatePicker,
 } from "@codedazur/react-date-picker";
 import { Meta } from "@storybook/react";
-import docs from "./useSingleDatePicker.docs.mdx";
-import { addDays, Day } from "date-fns";
+import { Day, addDays } from "date-fns";
 import { enGB, enUS, es, nl, ru } from "date-fns/locale";
 import { FunctionComponent, useMemo, useRef, useState } from "react";
-import { Weekdays } from "./components/Weekdays";
+import { Monospace } from "../../components/Monospace";
 import { Days } from "./components/Days";
 import { Navigation } from "./components/Navigation";
-import { Monospace } from "../../components/Monospace";
+import { Weekdays } from "./components/Weekdays";
+import docs from "./useSingleDatePicker.docs.mdx";
 
 const localeMap: Record<string, Locale> = {
   "en-US": enUS,
@@ -61,7 +61,7 @@ const defaultArgTypes = {
 };
 
 const meta: Meta = {
-  title: "React Date Picker/useSingleDatePicker",
+  title: "React/DatePicker/useSingleDatePicker",
   parameters: {
     docs: {
       page: docs,

diff --git a/apps/storybook/stories/react-dictionary/useDictionary.stories.tsx b/apps/storybook/stories/react-dictionary/useDictionary.stories.tsx
@@ -1,10 +1,10 @@
+import { Button, Row } from "@codedazur/react-components";
+import { DictionaryProvider, useDictionary } from "@codedazur/react-dictionary";
 import { Meta, StoryObj } from "@storybook/react";
 import docs from "./useDictionary.docs.mdx";
-import { DictionaryProvider, useDictionary } from "@codedazur/react-dictionary";
-import { Button, Row } from "@codedazur/react-components";
 
 const meta: Meta = {
-  title: "React-Dictionary/useDictionary",
+  title: "React/Dictionary/useDictionary",
   parameters: {
     docs: {
       page: docs,

diff --git a/apps/storybook/stories/react-essentials/useDelta.stories.tsx b/apps/storybook/stories/react-essentials/useDelta.stories.tsx
@@ -1,13 +1,12 @@
-import { Button, Column, Row } from "@codedazur/react-components";
+import { Button, Row } from "@codedazur/react-components";
 import { useDelta } from "@codedazur/react-essentials";
 import { Meta, StoryObj } from "@storybook/react";
-import { Dispatch, SetStateAction, useState } from "react";
+import { useState } from "react";
 import { DebugOverlay } from "../../components/DebugOverlay";
-import { Monospace } from "../../components/Monospace";
 import docs from "./useDelta.docs.mdx";
 
 const meta: Meta = {
-  title: "react-essentials/useDelta",
+  title: "React/Essentials/useDelta",
   parameters: {
     docs: {
       page: docs,

diff --git a/apps/storybook/stories/react-essentials/usePrevious.stories.tsx b/apps/storybook/stories/react-essentials/usePrevious.stories.tsx
@@ -1,25 +1,13 @@
-import { sequence } from "@codedazur/essentials";
-import {
-  Button,
-  Column,
-  Grid,
-  GridItem,
-  Row,
-  background,
-  border,
-  shape,
-  transparent,
-} from "@codedazur/react-components";
+import { Button, Column, Row } from "@codedazur/react-components";
 import { usePrevious } from "@codedazur/react-essentials";
 import { Meta, StoryObj } from "@storybook/react";
 import { useState } from "react";
 import { DebugOverlay } from "../../components/DebugOverlay";
 import { Monospace } from "../../components/Monospace";
 import docs from "./usePrevious.docs.mdx";
-import styled, { css } from "styled-components";
 
 const meta: Meta = {
-  title: "react-essentials/usePrevious",
+  title: "React/Essentials/usePrevious",
   parameters: {
     docs: {
       page: docs,

diff --git a/apps/storybook/stories/react-essentials/useScroll.stories.tsx b/apps/storybook/stories/react-essentials/useScroll.stories.tsx
@@ -21,7 +21,7 @@ import styled from "styled-components";
 import { DebugOverlay } from "../../components/DebugOverlay";
 
 export default {
-  title: "react-essentials/useScroll",
+  title: "React/Essentials/useScroll",
   parameters: {
     layout: "fullscreen",
   },

diff --git a/apps/storybook/stories/react-essentials/useSize.stories.tsx b/apps/storybook/stories/react-essentials/useSize.stories.tsx
@@ -11,7 +11,7 @@ import { useRef, useState } from "react";
 import { DebugOverlay } from "../../components/DebugOverlay";
 
 export default {
-  title: "react-essentials/useSize",
+  title: "React/Essentials/useSize",
 } as Meta;
 
 export const Default = () => {

diff --git a/apps/storybook/stories/react-essentials/useTimer.stories.tsx b/apps/storybook/stories/react-essentials/useTimer.stories.tsx
@@ -1,3 +1,4 @@
+import { Bar } from "@apps/storybook/components/Bar";
 import {
   AddIcon,
   background,
@@ -14,16 +15,15 @@ import {
   StopIcon,
   Text,
 } from "@codedazur/react-components";
-import { useTimer, TimerStatus } from "@codedazur/react-essentials";
+import { TimerStatus, useTimer } from "@codedazur/react-essentials";
 import { action } from "@storybook/addon-actions";
 import { Meta } from "@storybook/react";
-import { Bar } from "@apps/storybook/components/Bar";
 import styled from "styled-components";
-import docs from "./useTimer.docs.mdx";
 import { DebugOverlay } from "../../components/DebugOverlay";
+import docs from "./useTimer.docs.mdx";
 
 const meta: Meta = {
-  title: "react-essentials/useTimer",
+  title: "React/Essentials/useTimer",
   parameters: {
     docs: {
       page: docs,

diff --git a/apps/storybook/stories/react-essentials/useUpdateLoop.stories.tsx b/apps/storybook/stories/react-essentials/useUpdateLoop.stories.tsx
@@ -4,7 +4,6 @@ import {
   PauseIcon,
   PlayArrowIcon,
   Row,
-  ShapedBox,
   StopIcon,
   background,
   shape,
@@ -13,17 +12,17 @@ import {
 import { Frame, useUpdateLoop } from "@codedazur/react-essentials";
 import { Meta, StoryObj } from "@storybook/react";
 import { useEffect, useMemo, useRef, useState } from "react";
+import styled from "styled-components";
 import { DebugOverlay } from "../../components/DebugOverlay";
 import docs from "./useUpdateLoop.docs.mdx";
-import styled from "styled-components";
 
 interface UseUpdateLoopArgs {
   timeScale?: number;
   targetFps?: number;
 }
 
 const meta: Meta<UseUpdateLoopArgs> = {
-  title: "react-essentials/useUpdateLoop",
+  title: "React/Essentials/useUpdateLoop",
   parameters: {
     docs: {
       page: docs,

diff --git a/apps/storybook/stories/react-forms/useForm.stories.tsx b/apps/storybook/stories/react-forms/useForm.stories.tsx
@@ -17,7 +17,7 @@ import { DebugOverlay } from "../../components/DebugOverlay";
 import docs from "./useForm.docs.mdx";
 
 const meta: Meta = {
-  title: "react-forms/useForm",
+  title: "React/Forms/useForm",
   parameters: {
     docs: {
       page: docs,

diff --git a/apps/storybook/stories/react-media/MediaProvider.stories.tsx b/apps/storybook/stories/react-media/MediaProvider.stories.tsx
@@ -41,6 +41,7 @@ import {
 import { Meta, StoryObj } from "@storybook/react";
 import { FunctionComponent, useMemo, useRef } from "react";
 import { DebugOverlay } from "../../components/DebugOverlay";
+import { Monospace } from "../../components/Monospace";
 import docs from "./MediaProvider.docs.mdx";
 import distantWorldsIi from "./artworks/distant-worlds-ii.jpg";
 import distantWorlds from "./artworks/distant-worlds.jpg";
@@ -49,10 +50,9 @@ import alienated from "./tracks/alienated.mp3";
 import meteorites from "./tracks/meteorites.mp3";
 import tabulaRasa from "./tracks/tabula-rasa.mp3";
 import bigBuckBunny from "./videos/big-buck-bunny.mp4";
-import { Monospace } from "../../components/Monospace";
 
 const meta: Meta = {
-  title: "React-Media/MediaProvider",
+  title: "React/Media/MediaProvider",
   decorators: [WithCenter],
   parameters: {
     docs: {

diff --git a/apps/storybook/stories/react-notifications/NotificationsProvider.stories.tsx b/apps/storybook/stories/react-notifications/NotificationsProvider.stories.tsx
@@ -24,7 +24,7 @@ import { FunctionComponent, ReactNode } from "react";
 import docs from "./NotificationsProvider.docs.mdx";
 
 const meta: Meta = {
-  title: "react-notifications/NotificationsProvider",
+  title: "React/Notifications/NotificationsProvider",
   parameters: {
     docs: {
       page: docs,

diff --git a/apps/storybook/stories/react-pagination/usePagination.stories.tsx b/apps/storybook/stories/react-pagination/usePagination.stories.tsx
@@ -20,7 +20,7 @@ import docs from "./usePagination.docs.mdx";
 import { DebugOverlay } from "../../components/DebugOverlay";
 
 const meta: Meta<UsePaginationProps<string>> = {
-  title: "React-Pagination/usePagination",
+  title: "React/Pagination/usePagination",
   parameters: {
     docs: {
       page: docs,

diff --git a/apps/storybook/stories/react-parallax/useParallax.stories.tsx b/apps/storybook/stories/react-parallax/useParallax.stories.tsx
@@ -25,7 +25,7 @@ import layerTwo from "./diorama/layer-two.png";
 import docs from "./useParallax.docs.mdx";
 
 const meta: Meta = {
-  title: "react-parallax/useParallax",
+  title: "React/Parallax/useParallax",
   parameters: {
     layout: "fullscreen",
     docs: {

diff --git a/apps/storybook/stories/react-preferences/useColorSchemePreferences.stories.tsx b/apps/storybook/stories/react-preferences/useColorSchemePreferences.stories.tsx
@@ -6,7 +6,7 @@ import docs from "./useColorSchemePreferences.docs.mdx";
 import { Meta, StoryObj } from "@storybook/react";
 
 const meta: Meta = {
-  title: "Preferences/useColorSchemePreferences",
+  title: "React/Preferences/useColorSchemePreferences",
   parameters: {
     docs: {
       page: docs,

diff --git a/apps/storybook/stories/react-preferences/useContrastPreferences.stories.tsx b/apps/storybook/stories/react-preferences/useContrastPreferences.stories.tsx
@@ -6,7 +6,7 @@ import docs from "./useContrastPreferences.docs.mdx";
 import { Meta, StoryObj } from "@storybook/react";
 
 const meta: Meta = {
-  title: "Preferences/useContrastPreferences",
+  title: "React/Preferences/useContrastPreferences",
   parameters: {
     docs: {
       page: docs,

diff --git a/apps/storybook/stories/react-preferences/useMotionPreferences.stories.tsx b/apps/storybook/stories/react-preferences/useMotionPreferences.stories.tsx
@@ -6,7 +6,7 @@ import docs from "./useMotionPreferences.docs.mdx";
 import { Meta, StoryObj } from "@storybook/react";
 
 const meta: Meta = {
-  title: "Preferences/useMotionPreferences",
+  title: "React/Preferences/useMotionPreferences",
   parameters: {
     docs: {
       page: docs,