@react-foundry/anchor-list 0.1.9 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/AnchorList.js +15 -19
  2. package/package.json +11 -13
  3. package/dist/AnchorList.mjs +0 -30
package/dist/AnchorList.js CHANGED
@@ -1,24 +1,21 @@
1
- "use strict";
2
1
  'use client';
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.AnchorList = void 0;
5
- const jsx_runtime_1 = require("react/jsx-runtime");
6
- const react_1 = require("react");
7
- const anchor_1 = require("@react-foundry/anchor");
8
- const component_helpers_1 = require("@react-foundry/component-helpers");
9
- const router_1 = require("@react-foundry/router");
10
- require("../assets/AnchorList.scss");
2
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
+ import { Suspense } from 'react';
4
+ import { A } from '@react-foundry/anchor';
5
+ import { classBuilder } from '@react-foundry/component-helpers';
6
+ import { needSuspense, useIsActive } from '@react-foundry/router';
7
+ import '../assets/AnchorList.scss';
11
8
  const AnchorListInner = ({ as: Component = 'ul', classBlock, classModifiers, className, items, ...attrs }) => {
12
- const classes = (0, component_helpers_1.classBuilder)('penultimate-anchor-list', classBlock, classModifiers, className);
13
- const isActive = (0, router_1.useIsActive)();
9
+ const classes = classBuilder('penultimate-anchor-list', classBlock, classModifiers, className);
10
+ const isActive = useIsActive();
14
11
  const processItem = ({ children, text, href, items, ...anchorAttrs }, i) => {
15
12
  const active = isActive(href || '', false);
16
- return ((0, jsx_runtime_1.jsxs)("li", { className: classes('item', active ? 'active' : undefined), children: [(0, jsx_runtime_1.jsx)(anchor_1.A, { ...anchorAttrs, classBlock: classes('link'), href: href, children: children || text }), !(active && items) ? null : ((0, jsx_runtime_1.jsx)(Component, { className: classes('subitems'), children: items.map(processItem) }))] }, i));
13
+ return (_jsxs("li", { className: classes('item', active ? 'active' : undefined), children: [_jsx(A, { ...anchorAttrs, classBlock: classes('link'), href: href, children: children || text }), !(active && items) ? null : (_jsx(Component, { className: classes('subitems'), children: items.map(processItem) }))] }, i));
17
14
  };
18
- return ((0, jsx_runtime_1.jsx)(Component, { ...attrs, className: classes(), children: items.map(processItem) }));
15
+ return (_jsx(Component, { ...attrs, className: classes(), children: items.map(processItem) }));
19
16
  };
20
- const AnchorList = ({ as: Component = 'ul', classBlock, classModifiers, className, items, ...attrs }) => {
21
- const classes = (0, component_helpers_1.classBuilder)('penultimate-anchor-list', classBlock, classModifiers, className);
17
+ export const AnchorList = ({ as: Component = 'ul', classBlock, classModifiers, className, items, ...attrs }) => {
18
+ const classes = classBuilder('penultimate-anchor-list', classBlock, classModifiers, className);
22
19
  const props = {
23
20
  ...attrs,
24
21
  as: Component,
@@ -27,8 +24,7 @@ const AnchorList = ({ as: Component = 'ul', classBlock, classModifiers, classNam
27
24
  className,
28
25
  items
29
26
  };
30
- const content = ((0, jsx_runtime_1.jsx)(AnchorListInner, { ...props }));
31
- return (!router_1.needSuspense ? content : ((0, jsx_runtime_1.jsx)(react_1.Suspense, { fallback: (0, jsx_runtime_1.jsx)(Component, { ...attrs, className: classes(), children: items.map(({ children, text, href, ...anchorAttrs }, i) => ((0, jsx_runtime_1.jsx)("li", { className: classes('item'), children: (0, jsx_runtime_1.jsx)(anchor_1.A, { ...anchorAttrs, classBlock: classes('link'), href: href, children: children || text }) }, i))) }), children: content })));
27
+ const content = (_jsx(AnchorListInner, { ...props }));
28
+ return (!needSuspense ? content : (_jsx(Suspense, { fallback: _jsx(Component, { ...attrs, className: classes(), children: items.map(({ children, text, href, ...anchorAttrs }, i) => (_jsx("li", { className: classes('item'), children: _jsx(A, { ...anchorAttrs, classBlock: classes('link'), href: href, children: children || text }) }, i))) }), children: content })));
32
29
  };
33
- exports.AnchorList = AnchorList;
34
- exports.default = exports.AnchorList;
30
+ export default AnchorList;
package/package.json CHANGED
@@ -1,16 +1,16 @@
1
1
  {
2
2
  "name": "@react-foundry/anchor-list",
3
- "version": "0.1.9",
3
+ "version": "0.2.0",
4
4
  "description": "A list of anchors.",
5
+ "type": "module",
5
6
  "main": "dist/AnchorList.js",
6
7
  "sass": "assets/AnchorList.scss",
7
8
  "exports": {
8
9
  ".": {
9
10
  "sass": "./assets/AnchorList.scss",
10
11
  "types": "./dist/AnchorList.d.ts",
11
- "import": "./dist/AnchorList.mjs",
12
- "require": "./dist/AnchorList.js",
13
- "default": "./dist/AnchorList.mjs"
12
+ "import": "./dist/AnchorList.js",
13
+ "default": "./dist/AnchorList.js"
14
14
  }
15
15
  },
16
16
  "files": [
@@ -23,12 +23,12 @@
23
23
  "react-components"
24
24
  ],
25
25
  "dependencies": {
26
- "@react-foundry/anchor": "^0.1.9",
27
- "@react-foundry/component-helpers": "^0.1.9",
28
- "@react-foundry/router": "^0.1.9"
26
+ "@react-foundry/anchor": "^0.2.0",
27
+ "@react-foundry/router": "^0.2.0",
28
+ "@react-foundry/component-helpers": "^0.2.0"
29
29
  },
30
30
  "peerDependencies": {
31
- "@react-foundry/docs-components": "^0.1.9",
31
+ "@react-foundry/docs-components": "^0.2.0",
32
32
  "@storybook/addon-docs": "^9.1.20",
33
33
  "react": "^19.2.4"
34
34
  },
@@ -46,15 +46,13 @@
46
46
  "jest-environment-jsdom": "30.3.0",
47
47
  "ts-jest": "29.4.9",
48
48
  "typescript": "5.9.3",
49
- "@react-foundry/component-test-helpers": "0.1.9"
49
+ "@react-foundry/component-test-helpers": "0.2.0"
50
50
  },
51
51
  "scripts": {
52
52
  "test": "NODE_OPTIONS=--experimental-vm-modules jest",
53
- "build": "npm run build:esm && npm run build:cjs",
54
- "build:esm": "tsc -m es2022 && find dist -name '*.js' -exec sh -c 'mv \"$0\" \"${0%.js}.mjs\"' {} \\;",
55
- "build:cjs": "tsc",
53
+ "build": "tsc",
56
54
  "clean": "rm -rf dist tsconfig.tsbuildinfo"
57
55
  },
58
- "module": "dist/AnchorList.mjs",
56
+ "module": "dist/AnchorList.js",
59
57
  "typings": "dist/AnchorList.d.ts"
60
58
  }
package/dist/AnchorList.mjs DELETED
@@ -1,30 +0,0 @@
1
- 'use client';
2
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
- import { Suspense } from 'react';
4
- import { A } from '@react-foundry/anchor';
5
- import { classBuilder } from '@react-foundry/component-helpers';
6
- import { needSuspense, useIsActive } from '@react-foundry/router';
7
- import '../assets/AnchorList.scss';
8
- const AnchorListInner = ({ as: Component = 'ul', classBlock, classModifiers, className, items, ...attrs }) => {
9
- const classes = classBuilder('penultimate-anchor-list', classBlock, classModifiers, className);
10
- const isActive = useIsActive();
11
- const processItem = ({ children, text, href, items, ...anchorAttrs }, i) => {
12
- const active = isActive(href || '', false);
13
- return (_jsxs("li", { className: classes('item', active ? 'active' : undefined), children: [_jsx(A, { ...anchorAttrs, classBlock: classes('link'), href: href, children: children || text }), !(active && items) ? null : (_jsx(Component, { className: classes('subitems'), children: items.map(processItem) }))] }, i));
14
- };
15
- return (_jsx(Component, { ...attrs, className: classes(), children: items.map(processItem) }));
16
- };
17
- export const AnchorList = ({ as: Component = 'ul', classBlock, classModifiers, className, items, ...attrs }) => {
18
- const classes = classBuilder('penultimate-anchor-list', classBlock, classModifiers, className);
19
- const props = {
20
- ...attrs,
21
- as: Component,
22
- classBlock,
23
- classModifiers,
24
- className,
25
- items
26
- };
27
- const content = (_jsx(AnchorListInner, { ...props }));
28
- return (!needSuspense ? content : (_jsx(Suspense, { fallback: _jsx(Component, { ...attrs, className: classes(), children: items.map(({ children, text, href, ...anchorAttrs }, i) => (_jsx("li", { className: classes('item'), children: _jsx(A, { ...anchorAttrs, classBlock: classes('link'), href: href, children: children || text }) }, i))) }), children: content })));
29
- };
30
- export default AnchorList;