@skdx/react-blocks 0.1.0 → 0.34.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.
package/README.md
CHANGED
|
@@ -6,4 +6,4 @@ React blocks for the SkandaDX design system — page-level compositions of `@skd
|
|
|
6
6
|
pnpm add @skdx/react-blocks @skdx/react
|
|
7
7
|
```
|
|
8
8
|
|
|
9
|
-
Documentation: <https://github.com/SkandaDX/ui.skdx/tree/main/packages/react
|
|
9
|
+
Documentation: <https://github.com/SkandaDX/ui.skdx/tree/main/packages/blocks/react#readme>
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";var R=Object.create;var u=Object.defineProperty;var T=Object.getOwnPropertyDescriptor;var L=Object.getOwnPropertyNames;var S=Object.getPrototypeOf,I=Object.prototype.hasOwnProperty;var $=(t,a)=>{for(var o in a)u(t,o,{get:a[o],enumerable:!0})},f=(t,a,o,r)=>{if(a&&typeof a=="object"||typeof a=="function")for(let d of L(a))!I.call(t,d)&&d!==o&&u(t,d,{get:()=>a[d],enumerable:!(r=T(a,d))||r.enumerable});return t};var p=(t,a,o)=>(o=t!=null?R(S(t)):{},f(a||!t||!t.__esModule?u(o,"default",{value:t,enumerable:!0}):o,t)),A=t=>f(u({},"__esModule",{value:!0}),t);var C={};$(C,{DashboardLayout:()=>c});module.exports=A(C);var k=p(require("react"),1),x=require("@skdx/react");function O(...t){let a="";for(let o of t)o&&(a=a?`${a} ${o}`:o);return a}function e(t,a,o){let r=a==="root",d=r?`skdx-${t}`:`skdx-${t}__${a}`,s={className:O(d,o),"data-part":a};return r&&(s["data-skdx-component"]=t),s}var g=p(require("react"),1);function m(t,a,o){let[r,d]=g.useState(a),s=t!==void 0;return[s?t:r,i=>{s||d(i),o?.(i)}]}var n=require("react/jsx-runtime");function N({items:t}){return(0,n.jsx)("ul",{...e("dashboard-layout","nav-list"),children:t.map((a,o)=>{let r=a.kind??"item";return r==="divider"?(0,n.jsx)("li",{
|
|
2
|
+
"use strict";var R=Object.create;var u=Object.defineProperty;var T=Object.getOwnPropertyDescriptor;var L=Object.getOwnPropertyNames;var S=Object.getPrototypeOf,I=Object.prototype.hasOwnProperty;var $=(t,a)=>{for(var o in a)u(t,o,{get:a[o],enumerable:!0})},f=(t,a,o,r)=>{if(a&&typeof a=="object"||typeof a=="function")for(let d of L(a))!I.call(t,d)&&d!==o&&u(t,d,{get:()=>a[d],enumerable:!(r=T(a,d))||r.enumerable});return t};var p=(t,a,o)=>(o=t!=null?R(S(t)):{},f(a||!t||!t.__esModule?u(o,"default",{value:t,enumerable:!0}):o,t)),A=t=>f(u({},"__esModule",{value:!0}),t);var C={};$(C,{DashboardLayout:()=>c});module.exports=A(C);var k=p(require("react"),1),x=require("@skdx/react");function O(...t){let a="";for(let o of t)o&&(a=a?`${a} ${o}`:o);return a}function e(t,a,o){let r=a==="root",d=r?`skdx-${t}`:`skdx-${t}__${a}`,s={className:O(d,o),"data-part":a};return r&&(s["data-skdx-component"]=t),s}var g=p(require("react"),1);function m(t,a,o){let[r,d]=g.useState(a),s=t!==void 0;return[s?t:r,i=>{s||d(i),o?.(i)}]}var n=require("react/jsx-runtime");function N({items:t}){return(0,n.jsx)("ul",{...e("dashboard-layout","nav-list"),children:t.map((a,o)=>{let r=a.kind??"item";return r==="divider"?(0,n.jsx)("li",{children:(0,n.jsx)("hr",{...e("dashboard-layout","nav-divider")})},o):r==="header"?(0,n.jsx)("li",{...e("dashboard-layout","nav-header"),children:a.label},o):(0,n.jsxs)("li",{children:[a.href===void 0?(0,n.jsx)("span",{...e("dashboard-layout","nav-item"),children:a.label}):(0,n.jsx)("a",{href:a.href,"aria-current":a.current?"page":void 0,...e("dashboard-layout","nav-item"),children:a.label}),a.children&&a.children.length>0?(0,n.jsx)(N,{items:a.children}):null]},o)})})}var c=({title:t,navigation:a,navOpen:o,defaultNavOpen:r=!0,navLabel:d="Main navigation",navToggleLabel:s="Toggle navigation",onNavOpenChange:b,branding:v,actions:i,children:D,...h})=>{let y=k.useId(),[l,P]=m(o,r,b);return(0,n.jsxs)("div",{"data-nav-open":l?"":void 0,...h,...e("dashboard-layout","root",h.className),children:[(0,n.jsxs)("header",{...e("dashboard-layout","app-bar"),children:[(0,n.jsx)(x.Button,{iconOnly:!0,"aria-expanded":l,"aria-controls":y,"aria-label":s,onClick:()=>{P(!l)},...e("dashboard-layout","nav-toggle"),children:"\u2630"}),(0,n.jsx)("div",{...e("dashboard-layout","branding"),children:v}),t?(0,n.jsx)("span",{...e("dashboard-layout","title"),children:t}):null,(0,n.jsx)("div",{...e("dashboard-layout","actions"),children:i})]}),(0,n.jsxs)("div",{...e("dashboard-layout","body"),children:[(0,n.jsx)("nav",{id:y,"aria-label":d,hidden:!l,...e("dashboard-layout","nav"),children:(0,n.jsx)(N,{items:a})}),(0,n.jsx)("main",{...e("dashboard-layout","content"),children:D})]})]})};c.displayName="DashboardLayout";0&&(module.exports={DashboardLayout});
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import*as p from"react";import{Button as D}from"@skdx/react";function N(...
|
|
2
|
+
import*as p from"react";import{Button as D}from"@skdx/react";function N(...n){let a="";for(let e of n)e&&(a=a?`${a} ${e}`:e);return a}function t(n,a,e){let r=a==="root",s=r?`skdx-${n}`:`skdx-${n}__${a}`,d={className:N(s,e),"data-part":a};return r&&(d["data-skdx-component"]=n),d}import*as y from"react";function f(n,a,e){let[r,s]=y.useState(a),d=n!==void 0;return[d?n:r,i=>{d||s(i),e?.(i)}]}import{jsx as o,jsxs as u}from"react/jsx-runtime";function g({items:n}){return o("ul",{...t("dashboard-layout","nav-list"),children:n.map((a,e)=>{let r=a.kind??"item";return r==="divider"?o("li",{children:o("hr",{...t("dashboard-layout","nav-divider")})},e):r==="header"?o("li",{...t("dashboard-layout","nav-header"),children:a.label},e):u("li",{children:[a.href===void 0?o("span",{...t("dashboard-layout","nav-item"),children:a.label}):o("a",{href:a.href,"aria-current":a.current?"page":void 0,...t("dashboard-layout","nav-item"),children:a.label}),a.children&&a.children.length>0?o(g,{items:a.children}):null]},e)})})}var m=({title:n,navigation:a,navOpen:e,defaultNavOpen:r=!0,navLabel:s="Main navigation",navToggleLabel:d="Toggle navigation",onNavOpenChange:c,branding:b,actions:i,children:k,...v})=>{let h=p.useId(),[l,x]=f(e,r,c);return u("div",{"data-nav-open":l?"":void 0,...v,...t("dashboard-layout","root",v.className),children:[u("header",{...t("dashboard-layout","app-bar"),children:[o(D,{iconOnly:!0,"aria-expanded":l,"aria-controls":h,"aria-label":d,onClick:()=>{x(!l)},...t("dashboard-layout","nav-toggle"),children:"\u2630"}),o("div",{...t("dashboard-layout","branding"),children:b}),n?o("span",{...t("dashboard-layout","title"),children:n}):null,o("div",{...t("dashboard-layout","actions"),children:i})]}),u("div",{...t("dashboard-layout","body"),children:[o("nav",{id:h,"aria-label":s,hidden:!l,...t("dashboard-layout","nav"),children:o(g,{items:a})}),o("main",{...t("dashboard-layout","content"),children:k})]})]})};m.displayName="DashboardLayout";export{m as DashboardLayout};
|
package/package.json
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skdx/react-blocks",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.34.0",
|
|
4
4
|
"description": "React blocks for the SkandaDX design system — page-level compositions of @skdx/react styled by @skdx/skins",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"publishConfig": {
|
|
7
7
|
"access": "public"
|
|
8
8
|
},
|
|
9
|
-
"homepage": "https://github.com/SkandaDX/ui.skdx/tree/main/packages/react
|
|
9
|
+
"homepage": "https://github.com/SkandaDX/ui.skdx/tree/main/packages/blocks/react#readme",
|
|
10
10
|
"repository": {
|
|
11
|
-
"directory": "packages/react
|
|
11
|
+
"directory": "packages/blocks/react",
|
|
12
12
|
"type": "git",
|
|
13
13
|
"url": "git+https://github.com/SkandaDX/ui.skdx.git"
|
|
14
14
|
},
|
|
@@ -75,7 +75,7 @@
|
|
|
75
75
|
"peerDependencies": {
|
|
76
76
|
"react": "^19.0.0",
|
|
77
77
|
"react-dom": "^19.0.0",
|
|
78
|
-
"@skdx/react": "^0.
|
|
78
|
+
"@skdx/react": "^0.34.0"
|
|
79
79
|
},
|
|
80
80
|
"devDependencies": {
|
|
81
81
|
"@testing-library/jest-dom": "^6.9.1",
|
|
@@ -93,11 +93,11 @@
|
|
|
93
93
|
"tsup": "^8.5.1",
|
|
94
94
|
"typescript": "^6.0.3",
|
|
95
95
|
"vitest": "^4.1.10",
|
|
96
|
-
"@skdx/react": "0.
|
|
96
|
+
"@skdx/react": "0.34.0"
|
|
97
97
|
},
|
|
98
98
|
"scripts": {
|
|
99
99
|
"lint": "eslint . --cache --cache-location node_modules/.cache/eslint/",
|
|
100
|
-
"build": "node -e \"require('node:fs').rmSync('dist', { recursive: true, force: true })\" && tsup && tsc --emitDeclarationOnly -p tsconfig.build.json && node
|
|
100
|
+
"build": "node -e \"require('node:fs').rmSync('dist', { recursive: true, force: true })\" && tsup && tsc --emitDeclarationOnly -p tsconfig.build.json && node ../../../scripts/declarations-cjs.mjs",
|
|
101
101
|
"dev": "tsup --watch",
|
|
102
102
|
"typecheck": "tsc --noEmit --incremental --tsBuildInfoFile node_modules/.cache/tsc/typecheck.tsbuildinfo",
|
|
103
103
|
"test": "vitest run",
|