@nulogy/components 15.4.0 → 16.0.0

package/dist/src/utils/story/placeholder.js

@@ -1,6 +1,6 @@
 import { transparentize } from "polished";
 import React from "react";
-import styled from "styled-components";
+import { styled } from "styled-components";
 import { addStyledProps } from "../../StyledProps";
 const Contianer = styled.div(({ theme }) => ({
     overflow: "hidden",

package/dist/src/utils/story/resizable.js

@@ -1,7 +1,7 @@
 import React, { useState } from "react";
 import { AnimatePresence, motion } from "framer-motion";
 import { Resizable as ReResizable } from "re-resizable";
-import styled from "styled-components";
+import { styled } from "styled-components";
 import { Box } from "../../Box";
 import { DashedBox } from "../../DescriptionList/stories/fixtures";
 import { Text } from "../../Type";

package/dist/src/utils/ts/FocusManager.d.ts

@@ -5,8 +5,8 @@ type Reference = {
 };
 type ChildrenHandlers = {
     focusedIndex: number;
-    handleArrowNavigation: Function;
-    setFocusedIndex: Function;
+    handleArrowNavigation: (e: React.KeyboardEvent) => void;
+    setFocusedIndex: React.Dispatch<React.SetStateAction<number>>;
 };
 type FocusManagerProps = {
     refs?: Array<Reference>;

package/dist/src/utils/useScrollLock.js

@@ -75,7 +75,6 @@ export function useScrollLock(options = {}) {
         return () => {
             unlock();
         };
-        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [autoLock, lockTarget, widthReflow]);
     return { isLocked, lock, unlock };
 }

package/dist/vite.config.js

@@ -20,6 +20,16 @@ const GLOBALS = {
     "react-dom": "reactDom",
 };
 const externals = Object.keys(GLOBALS);
+// External function - all peer dependencies are externalized
+// Also externalize react/jsx-runtime in case any dependencies use automatic JSX
+const external = (id) => {
+    // Externalize react/jsx-runtime and react/jsx-dev-runtime
+    // This ensures that if any dependencies use automatic JSX, they'll use the consumer's React
+    if (id === "react/jsx-runtime" || id === "react/jsx-dev-runtime") {
+        return true;
+    }
+    return externals.includes(id);
+};
 export default defineConfig({
     plugins: [react()],
     define: {
@@ -42,7 +52,7 @@ export default defineConfig({
             },
         },
         rollupOptions: {
-            external: externals,
+            external,
             output: {
                 globals: GLOBALS,
             },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nulogy/components",
-  "version": "15.4.0",
+  "version": "16.0.0",
   "type": "module",
   "description": "Component library for the Nulogy Design System - http://nulogy.design",
   "private": false,
@@ -14,14 +14,14 @@
     "start:cypress": "start-server-and-test start 9999 'cypress open'",
     "start:storybook": "storybook dev -p 9999",
     "clean:storybook": "rm -rf node_modules/.cache/storybook && rm -rf ./storybook-static",
-    "build": "tsc -p tsconfig.build.json && vite build",
+    "build": "rm -rf dist && tsc -p tsconfig.build.json && vite build",
     "build:verify": "node scripts/verify-build.js",
     "build:watch": "vite build --watch",
     "build:storybook": "storybook build --stats-json",
     "warn:prepush": "echo \"Make sure you also run all the other CI steps before pushing by running 'pnpm ci'\"",
     "check": "pnpm warn:prepush && pnpm check:types && pnpm check:lint && pnpm check:format",
     "check:types": "tsc && cd cypress && tsc --noEmit",
-    "check:lint": "eslint --config ./.eslintrc .'*/**/*.{js,ts,tsx}'",
+    "check:lint": "eslint '**/*.{js,ts,jsx,tsx}'",
     "check:format": "prettier -c .",
     "fix": "pnpm fix:lint && pnpm fix:format",
     "fix:lint": "pnpm check:lint --fix",
@@ -51,6 +51,13 @@
   "main": "dist/main.js",
   "module": "dist/main.module.js",
   "typings": "dist/src/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/src/index.d.ts",
+      "import": "./dist/main.module.js",
+      "require": "./dist/main.js"
+    }
+  },
   "files": [
     "/dist"
   ],
@@ -63,6 +70,7 @@
   },
   "devDependencies": {
     "@apollo/client": "^3.11.8",
+    "@eslint/js": "^9.0.0",
     "@nulogy/eslint-config-nulogy": "^1.0.0",
     "@nulogy/icons": "^4.37.2",
     "@semantic-release/changelog": "^6.0.2",
@@ -88,8 +96,9 @@
     "@types/react": "^17.0.39",
     "@types/react-dom": "^17.0.20",
     "@types/react-router-dom": "5.3.0",
-    "@typescript-eslint/eslint-plugin": "^4.0.0",
-    "@typescript-eslint/parser": "^5.30.5",
+    "@typescript-eslint/eslint-plugin": "^8.0.0",
+    "@typescript-eslint/parser": "^8.0.0",
+    "typescript-eslint": "^8.0.0",
     "@vitejs/plugin-react": "^4.7.0",
     "chromatic": "^13.3.3",
     "concurrently": "^9.2.0",
@@ -98,8 +107,12 @@
     "cypress-enter-plugin": "^1.0.1",
     "cypress-plugin-tab": "^1.0.1",
     "cypress-real-events": "^1.14.0",
-    "eslint": "6.8.0",
-    "eslint-plugin-prettier": "^3.1.4",
+    "eslint": "^9.0.0",
+    "eslint-plugin-jsx-a11y": "^6.10.0",
+    "eslint-plugin-prettier": "^5.2.0",
+    "eslint-plugin-react": "^7.37.0",
+    "eslint-plugin-react-hooks": "^5.1.0",
+    "globals": "^15.0.0",
     "graphql": "15.8.0",
     "http-server": "^14.0.0",
     "husky": "^9.1.7",