@charcoal-ui/react-sandbox 1.0.0 → 1.0.1-alpha.2

package/src/components/Carousel/index.story.tsx

@@ -23,7 +23,7 @@ export default {
   decorators: [withKnobs],
 }
 
-export const carousel = () => {
+export const _Carousel = () => {
   const hasGradient = boolean('Gradient', false)
   const fadeInGradient = boolean('FadeInGradient', false)
   const buttonOffset = number('buttonOffset', 0)

package/src/components/Filter/index.story.tsx

@@ -7,6 +7,7 @@ import {
   Route,
   useParams,
   useNavigate,
+  Routes,
 } from 'react-router-dom'
 import Filter, { FilterButton, FilterLink } from '.'
 import { ComponentAbstraction } from '@charcoal-ui/react'
@@ -27,7 +28,9 @@ export function Default() {
         initialEntries={Array.from({ length: 5 }).map((_, i) => makeUrl(i + 1))}
         initialIndex={0}
       >
-        <Route path="/:page" element={<FilterButtons />} />
+        <Routes>
+          <Route path="/:page" element={<FilterButtons />} />
+        </Routes>
       </Router>
     </ComponentAbstraction>
   )

package/src/components/Pager/index.story.tsx

@@ -4,6 +4,7 @@ import {
   Route,
   Link as RouterLink,
   useParams,
+  Routes,
 } from 'react-router-dom'
 import { Story } from '../../_lib/compat'
 import Pager, { LinkPager } from '.'
@@ -56,10 +57,12 @@ const LinkStory: Story<Props> = ({ page: defaultPage, pageCount }) => (
       )}
       initialIndex={defaultPage - 1}
     >
-      <Route
-        path="/:page"
-        element={<CurrentPager pageCount={pageCount}></CurrentPager>}
-      />
+      <Routes>
+        <Route
+          path="/:page"
+          element={<CurrentPager pageCount={pageCount}></CurrentPager>}
+        />
+      </Routes>
     </Router>
   </ComponentAbstraction>
 )

package/src/components/Pager/index.tsx

@@ -6,8 +6,6 @@ import DotsIcon from '../icons/DotsIcon'
 import WedgeIcon, { WedgeDirection } from '../icons/WedgeIcon'
 import { useComponentAbstraction } from '@charcoal-ui/react'
 
-declare const __DEV__: object | undefined // actually object|false, but using undefined allows ! assertion
-
 function usePagerWindow(page: number, pageCount: number, windowSize = 7) {
   // ページャーのリンク生成例:
   //
@@ -25,7 +23,7 @@ function usePagerWindow(page: number, pageCount: number, windowSize = 7) {
   //
   // デザインの意図: 前後移動時のカーソル移動を最小限にする。
 
-  if (__DEV__) {
+  if (process.env.NODE_ENV !== 'production') {
     warning((page | 0) === page, `\`page\` must be interger (${page})`)
     warning(
       (pageCount | 0) === pageCount,

package/src/foundation/hooks.ts

@@ -97,6 +97,7 @@ function measure(ref: Element | null): ElementSize | undefined {
 
 export function useElementSize(
   ref: React.RefObject<Element>,
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   deps: any[] = []
 ) {
   // _don't_ call measure synchronously here even if you somehow can