Merge pull request #696 from Atom-Learning/fix/documentation-site-errors

fix: revert to node-modules nodeLinker and old remark-gfm package

.yarnrc.yml

@@ -1,2 +1,2 @@
-nodeLinker: 'pnpm'
+nodeLinker: 'node-modules'
 yarnPath: '.yarn/releases/yarn-berry.cjs'

documentation/components/markdown/editor-component/Cards.tsx

@@ -158,6 +158,7 @@ export const Cards: React.FC<CardsProps> = ({
       {showTagsFilter && (
         <Box css={{ width: '100%', maxWidth: 750, mx: 'auto' }}>
           <ChipToggleGroup
+            gap={2}
             justify="center"
             type="multiple"
             value={selectedTags}

documentation/components/markdown/editor-component/DosAndDonts.tsx

@@ -23,7 +23,7 @@ const DosAndDontsItem: React.FC<TDosAndDontsItemProps> = ({
     type === 'do' ? '$success' : type === 'dont' ? '$danger' : '$warning'
   const typeText = type === 'do' ? 'Do' : type === 'dont' ? "Don't" : 'Avoid'
   return (
-    <Tile as="li" css={{ listStyle: 'none' }}>
+    <Tile css={{ listStyle: 'none' }}>
       <Box
         css={{
           background: '$base2',

documentation/package.json

@@ -35,7 +35,7 @@
     "react-immutable-proptypes": "^2.2.0",
     "react-live": "3.1.2",
     "react-select": "^4.0.0",
-    "remark-gfm": "^4.0.0",
+    "remark-gfm": "3.0.1",
     "simple-oauth2": "^4.3.0",
     "throttle-debounce": "^5.0.2"
   },

lib/package.json

@@ -63,7 +63,7 @@
     "@atom-learning/theme": "3.1.0",
     "@commitlint/cli": "^11.0.0",
     "@commitlint/config-conventional": "^11.0.0",
-    "@radix-ui/react-id": "0.1.5",
+    "@radix-ui/react-id": "1.0.1",
     "@rollup/plugin-alias": "^3.1.9",
     "@rollup/plugin-commonjs": "^17.1.0",
     "@rollup/plugin-node-resolve": "^11.2.0",

lib/src/utilities/hooks/useResizeObserver.ts

@@ -9,7 +9,9 @@ type TUseResizeObserverOptions = {
 
 type TUseResizeObserverOutput = ResizeObserver | null
 
-const createResizeObserver = (callback: () => void) => {
+const createResizeObserver = (
+  callback: (entries: ResizeObserverEntry[]) => void
+) => {
   try {
     return new ResizeObserver(callback)
   } catch {

lib/src/utilities/hooks/useScrollPosition.ts

@@ -19,10 +19,10 @@ export const useScrollPosition = ({
 }: TUseScrollPositionOptions): TUseScrollPositionOutput => {
   const [scrollPosition, setScrollPosition] = useState({ left: 0, top: 0 })
 
-  const delayMethodFn = useMemo(() => {
-    if (delayMethod === 'throttle') return throttle
-    if (delayMethod === 'debounce') return debounce
-  }, [delayMethod])
+  const delayMethodFn = useMemo(
+    () => (delayMethod === 'debounce' ? debounce : throttle),
+    [delayMethod]
+  )
 
   useEffect(() => {
     if (!element) return

lib/src/utilities/hooks/useWindowScrollPosition.ts

@@ -17,10 +17,10 @@ export const useWindowScrollPosition = ({
 }: TUseWindowScrollPositionOptions = {}): TUseWindowScrollPositionOutput => {
   const [scrollPosition, setScrollPosition] = useState({ x: 0, y: 0 })
 
-  const delayMethodFn = useMemo(() => {
-    if (delayMethod === 'throttle') return throttle
-    if (delayMethod === 'debounce') return debounce
-  }, [delayMethod])
+  const delayMethodFn = useMemo(
+    () => (delayMethod === 'debounce' ? debounce : throttle),
+    [delayMethod]
+  )
 
   useEffect(() => {
     const handleScroll = delayMethodFn(delay, () => {