@bolio-ui/core 1.1.8 → 2.0.0-alpha.1

package/esm/utils/use-real-shape.js

@@ -7,47 +7,39 @@ export var getRealShape = function getRealShape(el) {
   };
   if (!el || typeof window === 'undefined') return defaultShape;
   var rect = el.getBoundingClientRect();
-
   var _window$getComputedSt = window.getComputedStyle(el),
-      width = _window$getComputedSt.width,
-      height = _window$getComputedSt.height;
-
+    width = _window$getComputedSt.width,
+    height = _window$getComputedSt.height;
   var getCSSStyleVal = function getCSSStyleVal(str, parentNum) {
     if (!str) return 0;
     var strVal = str.includes('px') ? +str.split('px')[0] : str.includes('%') ? +str.split('%')[0] * parentNum * 0.01 : str;
     return Number.isNaN(+strVal) ? 0 : +strVal;
   };
-
   return {
     width: getCSSStyleVal("".concat(width), rect.width),
     height: getCSSStyleVal("".concat(height), rect.height)
   };
 };
-
 var useRealShape = function useRealShape(ref) {
   var _useState = useState({
-    width: 0,
-    height: 0
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      state = _useState2[0],
-      setState = _useState2[1];
-
+      width: 0,
+      height: 0
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    state = _useState2[0],
+    setState = _useState2[1];
   var update = function update() {
     var _getRealShape = getRealShape(ref.current),
-        width = _getRealShape.width,
-        height = _getRealShape.height;
-
+      width = _getRealShape.width,
+      height = _getRealShape.height;
     setState({
       width: width,
       height: height
     });
   };
-
   useEffect(function () {
     return update();
   }, [ref.current]);
   return [state, update];
 };
-
 export default useRealShape;

package/esm/utils/use-resize.js

@@ -1,21 +1,17 @@
 import { useEffect } from 'react';
-
 var useResize = function useResize(callback) {
   var immediatelyInvoke = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
   useEffect(function () {
     var fn = function fn() {
       return callback();
     };
-
     if (immediatelyInvoke) {
       fn();
     }
-
     window.addEventListener('resize', fn);
     return function () {
       return window.removeEventListener('resize', fn);
     };
   }, []);
 };
-
 export default useResize;

package/esm/utils/use-ssr.d.ts

@@ -1,4 +1,4 @@
-export declare type SSRState = {
+export type SSRState = {
     isBrowser: boolean;
     isServer: boolean;
 };

package/esm/utils/use-ssr.js

@@ -1,13 +1,11 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { useEffect, useState } from 'react';
 import { isBrowser } from './collections';
-
 var useSSR = function useSSR() {
   var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      browser = _useState2[0],
-      setBrowser = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    browser = _useState2[0],
+    setBrowser = _useState2[1];
   useEffect(function () {
     setBrowser(isBrowser());
   }, []);
@@ -16,5 +14,4 @@ var useSSR = function useSSR() {
     isServer: !browser
   };
 };
-
 export default useSSR;

package/esm/utils/use-warning.d.ts

@@ -1,2 +1,2 @@
-declare const useWarning: (message: string, component?: string | undefined) => void;
+declare const useWarning: (message: string, component?: string) => void;
 export default useWarning;

package/esm/utils/use-warning.js

@@ -1,17 +1,13 @@
 var warningStack = {};
-
 var useWarning = function useWarning(message, component) {
   var tag = component ? " [".concat(component, "]") : ' ';
   var log = "[Bolio UI]".concat(tag, ": ").concat(message);
   if (typeof console === 'undefined') return;
   if (warningStack[log]) return;
   warningStack[log] = true;
-
   if (process.env.NODE_ENV !== 'production') {
     return console.error(log);
   }
-
   console.warn(log);
 };
-
 export default useWarning;

package/examples/create-redwoodjs/.redwood/README.md

@@ -0,0 +1,44 @@
+# .redwood
+
+## What is this directory?
+
+Redwood uses this `.redwood` directory to store transitory data that aids in the smooth and convenient operation of your Redwood project.
+
+## Do I need to do anything with this directory?
+
+No. You shouldn't have to create, edit or delete anything in this directory in your day-to-day work with Redwood.
+
+You don't need to commit any other contents of this directory to your version control system. It's ignored by default.
+
+## What's in this directory?
+
+### Files
+
+| Name              | Description                                                                                                        |
+| :---------------- | :----------------------------------------------------------------------------------------------------------------- |
+| commandCache.json | This file contains mappings to assist the Redwood CLI in efficiently executing commands.                           |
+| schema.graphql    | This is the GraphQL schema which has been automatically generated from your Redwood project.                       |
+| studio.db         | The sqlite database used by the experimental `rw exp studio` feature.                                              |
+| telemetry.txt     | Contains a unique ID used for telemetry. This value is rotated every 24 hours to protect your project's anonymity. |
+| test.db           | The sqlite database used when running tests.                                                                       |
+
+### Directories
+
+| Name        | Description                                                                                                                                      |
+| :---------- | :----------------------------------------------------------------------------------------------------------------------------------------------- |
+| locks       | Stores temporary files that Redwood uses to keep track of the execution of async/background tasks between processes.                             |
+| logs        | Stores log files for background tasks such as update checking.                                                                                   |
+| prebuild    | Stores transpiled JavaScript that is generated as part of Redwood's build process.                                                               |
+| telemetry   | Stores the recent telemetry that the Redwood CLI has generated. You may inspect these files to see everything Redwood is anonymously collecting. |
+| types       | Stores the results of type generation.                                                                                                           |
+| updateCheck | Stores a file which contains the results of checking for Redwood updates.                                                                        |
+
+We try to keep this README up to date but you may, from time to time, find other files or directories in this `.redwood` directory that have not yet been documented here. This is likely nothing to worry about but feel free to let us know and we'll update this list.
+
+### Telemetry
+
+RedwoodJS collects completely anonymous telemetry data about general usage. For transparency, that data is viewable in the respective directories and files. To learn more and manage your project's settings, visit [telemetry.redwoodjs.com](https://telemetry.redwoodjs.com).
+
+### Have any questions?
+
+Feel free to reach out to us in the [RedwoodJS Community](https://community.redwoodjs.com/) forum if you have any questions.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bolio-ui/core",
-  "version": "1.1.8",
+  "version": "2.0.0-alpha.1",
   "description": "Amazing, modern and creative tools for React UI. 🥷🏼",
   "keywords": [
     "bolio",
@@ -28,6 +28,32 @@
   "unpkg": "dist/index.min.js",
   "module": "esm/index.js",
   "types": "esm/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./esm/index.d.ts",
+      "module": "./esm/index.js",
+      "default": "./dist/index.js"
+    },
+    "./next": {
+      "types": "./esm/Next/index.d.ts",
+      "module": "./esm/Next/index.js",
+      "default": "./dist/Next/index.js"
+    },
+    "./dist/index.js": "./dist/index.js",
+    "./dist/*/index.js": "./dist/*/index.js",
+    "./dist/*": "./dist/*/index.js",
+    "./esm/index.js": "./esm/index.js",
+    "./esm/*/index.js": "./esm/*/index.js",
+    "./esm/*": "./esm/*/index.js",
+    "./package.json": "./package.json"
+  },
+  "typesVersions": {
+    "*": {
+      "next": [
+        "esm/Next/index.d.ts"
+      ]
+    }
+  },
   "files": [
     "/dist",
     "/esm"
@@ -40,62 +66,65 @@
     "prepare": "husky install",
     "typecheck": "tsc --project tsconfig.json --noEmit",
     "test": "jest",
+    "test:coverage": "jest --coverage",
     "test:watch": "yarn test --watch",
     "generate": "yarn plop --plopfile generators/plopfile.js",
     "storybook": "start-storybook -s ./public -p 6006",
     "build-storybook": "build-storybook -s ./public",
-    "export": "yarn build && next export -o _static",
     "build:storybook": "build-storybook -s ./public",
     "build:clear": "rm -rf ./dist ./esm",
     "build:rollup": "rollup -c scripts/rollup.config.js",
     "build:babel": "babel --no-babelrc --config-file ./scripts/babel.config.js --extensions \".js,.ts,.tsx\" ./core --out-dir ./esm --ignore \"**/__tests__/**/*,**/*.d.ts,**/stories.tsx\"",
-    "build:after": "node scripts/move-built-in.js",
+    "build:after": "node scripts/add-use-client.js",
     "build:webpack": "webpack --config scripts/webpack.config.js",
-    "build:types": "ttsc -p ./scripts & ttsc -p ./scripts --outDir ./esm",
+    "build:types": "tsc -p ./scripts && tsc -p ./scripts --outDir ./esm",
     "build:package": "yarn build:clear && yarn build:rollup && yarn build:babel && yarn build:types && yarn build:after",
     "clear-all": "rm -rf .next _static node_modules",
     "re-start": "rm -rf .next _static node_modules && yarn install && yarn dev",
     "re-build": "rm -rf .next _static node_modules && yarn install && yarn build",
-    "release": "yarn build && yarn build:package && yarn publish --access public --non-interactive"
+    "release": "yarn build && yarn build:package && yarn publish --access public --non-interactive",
+    "release:next": "yarn build:package && yarn publish --access public --tag next --non-interactive"
   },
   "lint-staged": {
-    "src/**/*": [
+    "src/**/*.{js,jsx,ts,tsx}": [
       "yarn lint --fix",
       "yarn test --findRelatedTests --bail"
     ]
   },
   "dependencies": {
-    "@babel/runtime": "^7.14.8"
+    "@babel/runtime": "^7.14.8",
+    "styled-jsx": "^5.0.7"
   },
   "devDependencies": {
     "@babel/cli": "^7.14.5",
-    "@babel/core": "^7.14.8",
+    "@babel/core": "^7.26.0",
     "@babel/plugin-transform-runtime": "^7.14.5",
     "@babel/preset-env": "^7.14.7",
     "@babel/preset-react": "^7.14.5",
     "@babel/preset-typescript": "^7.14.5",
     "@bolio-ui/icons": "^1.0.4",
-    "@mapbox/rehype-prism": "^0.6.0",
-    "@mdx-js/loader": "^1.6.22",
-    "@next/mdx": "^11.0.1",
+    "@mapbox/rehype-prism": "^0.9.0",
+    "@mdx-js/loader": "^3.1.1",
+    "@mdx-js/react": "^3.1.1",
+    "@next/mdx": "^15.5.0",
     "@rollup/plugin-commonjs": "^21.0.1",
     "@rollup/plugin-node-resolve": "^13.1.3",
     "@storybook/addon-essentials": "^6.5.12",
     "@storybook/react": "^6.5.12",
+    "@testing-library/dom": "^10",
     "@testing-library/jest-dom": "^5.14.1",
-    "@testing-library/react": "^12.0.0",
+    "@testing-library/react": "^16",
     "@types/jest": "^26.0.24",
-    "@types/react": "^17.0.15",
+    "@types/react": "^18.3.0",
     "@types/react-autosuggest": "^10.1.5",
-    "@types/react-dom": "^17.0.11",
+    "@types/react-dom": "^18.3.0",
     "@types/react-syntax-highlighter": "^15.5.4",
     "@types/styled-components": "^5.1.11",
-    "@typescript-eslint/eslint-plugin": "^4.29.0",
-    "@typescript-eslint/parser": "^4.29.0",
-    "algoliasearch": "^4.14.2",
+    "@typescript-eslint/eslint-plugin": "^5.62.0",
+    "@typescript-eslint/parser": "^5.62.0",
+    "axe-core": "^4.3.2",
     "babel-loader": "^8.2.2",
     "babel-plugin-styled-components": "^1.13.2",
-    "babel-plugin-transform-rename-import": "^2.3.0",
     "classnames": "^2.3.1",
     "eslint": "7.32.0",
     "eslint-config-next": "11.0.1",
@@ -110,7 +139,7 @@
     "jest-styled-components": "^7.0.5",
     "kbar": "0.1.0-beta.6",
     "lint-staged": "^11.1.1",
-    "next": "12.3.1",
+    "next": "^15.5.0",
     "next-pwa": "^5.6.0",
     "next-seo": "^5.5.0",
     "plop": "^2.7.4",
@@ -120,23 +149,23 @@
     "react-autosuggest": "^10.1.0",
     "react-device-detect": "^1.17.0",
     "react-dom": "^18.2.0",
-    "react-instantsearch-dom": "^6.12.0",
     "react-live": "^2.2.3",
     "react-syntax-highlighter": "^15.5.0",
     "rehype-join-line": "^1.0.2",
     "remark-autolink-headings": "^6.0.1",
+    "remark-gfm": "^4.0.1",
     "remark-slug": "^6.0.0",
     "rollup": "^2.64.0",
     "rollup-plugin-babel": "^4.4.0",
     "rollup-plugin-local-resolve": "^1.0.7",
     "styled-components": "^5.3.0",
-    "styled-jsx": "4.0.1",
-    "ttypescript": "^1.5.13",
-    "typescript": "^4.3.5",
-    "typescript-transform-paths": "^3.3.1"
+    "typescript": "~4.9.5"
+  },
+  "resolutions": {
+    "@types/react": "^18.3.0"
   },
   "peerDependencies": {
-    "react": ">=16.9.0",
-    "react-dom": ">=16.9.0"
+    "react": "^18.2.0 || ^19.0.0",
+    "react-dom": "^18.2.0 || ^19.0.0"
   }
 }