shared-design-system 1.26.0 → 1.27.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 (7) hide show
  1. package/dist/src/components/Collapse.d.ts +19 -0
  2. package/dist/src/components/Collapse.js +66 -0
  3. package/dist/src/components/Collapse.js.map +1 -0
  4. package/dist/src/index.d.ts +2 -0
  5. package/dist/src/index.js +1 -0
  6. package/dist/src/index.js.map +1 -1
  7. package/package.json +1 -1
package/dist/src/components/Collapse.d.ts ADDED
@@ -0,0 +1,19 @@
1
+ import React from 'react';
2
+ export interface CollapseItem {
3
+ key: string;
4
+ label: React.ReactNode;
5
+ children: React.ReactNode;
6
+ }
7
+ export interface CollapseProps {
8
+ items: CollapseItem[];
9
+ accordion?: boolean;
10
+ defaultActiveKey?: string | string[];
11
+ activeKey?: string | string[];
12
+ onChange?: (key: string | string[]) => void;
13
+ style?: React.CSSProperties;
14
+ className?: string;
15
+ bordered?: boolean;
16
+ headerBackground?: string;
17
+ contentBackground?: string;
18
+ }
19
+ export declare const Collapse: React.FC<CollapseProps>;
package/dist/src/components/Collapse.js ADDED
@@ -0,0 +1,66 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { useState } from 'react';
3
+ import { tokens } from '../tokens';
4
+ export const Collapse = ({ items, accordion = false, defaultActiveKey, activeKey, onChange, style, className, bordered = true, headerBackground, contentBackground, }) => {
5
+ const [internalActiveKeys, setInternalActiveKeys] = useState(Array.isArray(defaultActiveKey) ? defaultActiveKey : defaultActiveKey ? [defaultActiveKey] : []);
6
+ const currentKeys = activeKey !== undefined
7
+ ? (Array.isArray(activeKey) ? activeKey : [activeKey])
8
+ : internalActiveKeys;
9
+ const handleToggle = (key) => {
10
+ let nextKeys;
11
+ if (accordion) {
12
+ nextKeys = currentKeys.includes(key) ? [] : [key];
13
+ }
14
+ else {
15
+ nextKeys = currentKeys.includes(key)
16
+ ? currentKeys.filter((k) => k !== key)
17
+ : [...currentKeys, key];
18
+ }
19
+ if (activeKey === undefined) {
20
+ setInternalActiveKeys(nextKeys);
21
+ }
22
+ onChange === null || onChange === void 0 ? void 0 : onChange(accordion ? (nextKeys[0] || '') : nextKeys);
23
+ };
24
+ return (_jsxs("div", { className: `ds-collapse-container ${className || ''}`, style: {
25
+ border: bordered ? `1px solid ${tokens.color.slate200}` : 'none',
26
+ borderRadius: tokens.radius.md,
27
+ backgroundColor: tokens.color.white,
28
+ overflow: 'hidden',
29
+ ...style
30
+ }, children: [_jsx("style", { children: `
31
+ .ds-collapse-item + .ds-collapse-item {
32
+ border-top: 1px solid ${tokens.color.slate200};
33
+ }
34
+ .ds-collapse-header {
35
+ padding: 8px 12px;
36
+ cursor: pointer;
37
+ display: flex;
38
+ align-items: center;
39
+ justify-content: space-between;
40
+ background-color: ${headerBackground || tokens.color.white};
41
+ transition: background-color 0.2s;
42
+ }
43
+ .ds-collapse-header:hover {
44
+ background-color: ${tokens.color.slate50};
45
+ }
46
+ .ds-collapse-header-open {
47
+ border-bottom: 1px solid ${tokens.color.slate200};
48
+ }
49
+ .ds-collapse-icon {
50
+ color: ${tokens.color.slate400};
51
+ transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
52
+ }
53
+ .ds-collapse-icon-open {
54
+ transform: rotate(180deg);
55
+ }
56
+ .ds-collapse-content {
57
+ padding: 16px;
58
+ background-color: ${contentBackground || tokens.color.white};
59
+ }
60
+ ` }), items.map((item) => {
61
+ const isOpen = currentKeys.includes(item.key);
62
+ return (_jsxs("div", { className: "ds-collapse-item", children: [_jsxs("div", { className: `ds-collapse-header ${isOpen && bordered ? 'ds-collapse-header-open' : ''}`, onClick: () => handleToggle(item.key), style: isOpen && headerBackground ? { backgroundColor: headerBackground } : {}, children: [_jsx("div", { style: { flex: 1 }, children: item.label }), _jsx("svg", { className: `ds-collapse-icon ${isOpen ? 'ds-collapse-icon-open' : ''}`, width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("polyline", { points: "6 9 12 15 18 9" }) })] }), isOpen && (_jsx("div", { className: "ds-collapse-content", children: item.children }))] }, item.key));
63
+ })] }));
64
+ };
65
+ Collapse.displayName = 'Collapse';
66
+ //# sourceMappingURL=Collapse.js.map
package/dist/src/components/Collapse.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Collapse.js","sourceRoot":"","sources":["../../../src/components/Collapse.tsx"],"names":[],"mappings":"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"}
package/dist/src/index.d.ts CHANGED
@@ -55,6 +55,8 @@ export { Descriptions } from './components/Descriptions';
55
55
  export type { DescriptionsProps, DescriptionItem } from './components/Descriptions';
56
56
  export { Result } from './components/Result';
57
57
  export type { ResultProps } from './components/Result';
58
+ export { Collapse } from './components/Collapse';
59
+ export type { CollapseProps, CollapseItem } from './components/Collapse';
58
60
  export { ConfigProvider, useConfig } from './components/ConfigProvider';
59
61
  export type { ConfigProviderProps, ThemeMode } from './components/ConfigProvider';
60
62
  export { Stack } from './components/Stack';
package/dist/src/index.js CHANGED
@@ -29,6 +29,7 @@ export { Dropdown } from './components/Dropdown';
29
29
  export { Timeline } from './components/Timeline';
30
30
  export { Descriptions } from './components/Descriptions';
31
31
  export { Result } from './components/Result';
32
+ export { Collapse } from './components/Collapse';
32
33
  export { ConfigProvider, useConfig } from './components/ConfigProvider';
33
34
  export { Stack } from './components/Stack';
34
35
  export { Alert } from './components/Alert';
package/dist/src/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "shared-design-system",
3
- "version": "1.26.0",
3
+ "version": "1.27.0",
4
4
  "description": "Shared Tailwind Design System & UI Tokens for all Micro Frontends",
5
5
  "main": "dist/src/index.js",
6
6
  "module": "dist/src/index.js",