@sentio/ui-core 0.1.1 → 0.1.2
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 +51 -10
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1 -0
- package/dist/index.mjs.map +1 -1
- package/package.json +5 -1
package/README.md
CHANGED
|
@@ -18,15 +18,31 @@ pnpm add @sentio/ui-core
|
|
|
18
18
|
## Usage
|
|
19
19
|
|
|
20
20
|
```tsx
|
|
21
|
-
import {
|
|
21
|
+
import {
|
|
22
|
+
Button,
|
|
23
|
+
BaseDialog,
|
|
24
|
+
BarLoading,
|
|
25
|
+
CopyButton,
|
|
26
|
+
Input,
|
|
27
|
+
Select,
|
|
28
|
+
Switch,
|
|
29
|
+
PopoverTooltip,
|
|
30
|
+
ResizeTable,
|
|
31
|
+
FlatTree,
|
|
32
|
+
useMobile
|
|
33
|
+
} from '@sentio/ui-core'
|
|
22
34
|
import '@sentio/ui-core/dist/style.css'
|
|
23
35
|
|
|
24
36
|
function App() {
|
|
37
|
+
const isMobile = useMobile()
|
|
38
|
+
|
|
25
39
|
return (
|
|
26
40
|
<>
|
|
27
41
|
<Button>Click me</Button>
|
|
28
42
|
<BarLoading />
|
|
29
43
|
<CopyButton text="Copy this" />
|
|
44
|
+
<Input placeholder="Enter text" />
|
|
45
|
+
{!isMobile && <p>Desktop view</p>}
|
|
30
46
|
</>
|
|
31
47
|
)
|
|
32
48
|
}
|
|
@@ -34,19 +50,44 @@ function App() {
|
|
|
34
50
|
|
|
35
51
|
## Included components
|
|
36
52
|
|
|
37
|
-
###
|
|
38
|
-
- `Button` - Button component
|
|
39
|
-
- `BaseDialog` - Dialog component
|
|
40
|
-
- `PopoverTooltip` - Tooltip component
|
|
53
|
+
### Common Components
|
|
41
54
|
- `BarLoading` - Bar loading indicator
|
|
42
55
|
- `SpinLoading` - Spinner loading indicator
|
|
43
|
-
- `CopyButton` - Copy button
|
|
56
|
+
- `CopyButton`, `CopyIcon`, `CopySuccessIcon` - Copy button and icons
|
|
57
|
+
- `Button` - Button component with loading state support
|
|
58
|
+
- `BaseDialog`, `BaseZIndexContext` - Dialog component with z-index context
|
|
59
|
+
- `PopoverTooltip` - Tooltip component
|
|
60
|
+
- `DisclosurePanel` - Disclosure panel component
|
|
61
|
+
- `Collapse` - Collapse/expand component
|
|
62
|
+
- `Input` - Input component
|
|
63
|
+
- `RadioSelect` - Radio select component
|
|
64
|
+
- `Switch` - Switch toggle component
|
|
65
|
+
- `Select` - Select dropdown component
|
|
66
|
+
- `FlatTree` - Tree component with flat data structure
|
|
67
|
+
- `LinkifyText` - Text component that converts URLs to links
|
|
68
|
+
- `Empty` - Empty state component
|
|
69
|
+
- `StatusBadge`, `StatusRole` - Status badge components
|
|
70
|
+
- `HeaderToolsToggleButton`, `HeaderToolsContent` - Header tools dropdown
|
|
71
|
+
|
|
72
|
+
### Table Components
|
|
73
|
+
- `ResizeTable` - Resizable table component
|
|
74
|
+
- `MoveLeftIcon`, `MoveRightIcon`, `RenameIcon`, `DeleteIcon` - Table action icons
|
|
75
|
+
|
|
76
|
+
### Menu Components
|
|
77
|
+
- `PopupMenuButton` - Popup menu button
|
|
78
|
+
- `MenuItem`, `SubMenuButton`, `MenuContext`, `COLOR_MAP` - Menu system components
|
|
79
|
+
|
|
80
|
+
### Tree Components
|
|
81
|
+
- `ROOT_KEY`, `SUFFIX_NODE_KEY` - Tree node key constants
|
|
82
|
+
- `PlusSquareO`, `MinusSquareO`, `CloseSquareO`, `EyeO` - Tree icons
|
|
44
83
|
|
|
45
|
-
### Utilities
|
|
84
|
+
### Utilities & Hooks
|
|
46
85
|
- `useMobile()` - Detect mobile device
|
|
47
|
-
- `
|
|
48
|
-
- `
|
|
49
|
-
-
|
|
86
|
+
- `useBoolean()` - Boolean state hook
|
|
87
|
+
- Number formatting utilities (e.g., `getNumberWithDecimal()`)
|
|
88
|
+
- `classNames()` - Classname utility
|
|
89
|
+
- Contexts: `NavSizeContext`, `BaseZIndexContext`, `MenuContext`
|
|
90
|
+
- Extension context utilities
|
|
50
91
|
|
|
51
92
|
## Theming
|
|
52
93
|
|