@ttoss/components 2.14.25 → 2.14.26
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/dist/index.d.mts +910 -0
- package/dist/index.mjs +3074 -0
- package/package.json +14 -100
- package/dist/Accordion/index.d.mts +0 -157
- package/dist/Accordion/index.mjs +0 -175
- package/dist/DatePicker/index.d.mts +0 -26
- package/dist/DatePicker/index.mjs +0 -339
- package/dist/Drawer/index.d.mts +0 -17
- package/dist/Drawer/index.mjs +0 -66
- package/dist/EnhancedTitle/index.d.mts +0 -107
- package/dist/EnhancedTitle/index.mjs +0 -234
- package/dist/FileUploader/index.d.mts +0 -77
- package/dist/FileUploader/index.mjs +0 -386
- package/dist/InstallPwa/index.d.mts +0 -13
- package/dist/InstallPwa/index.mjs +0 -64
- package/dist/JsonEditor/index.d.mts +0 -3
- package/dist/JsonEditor/index.mjs +0 -3
- package/dist/JsonView/index.d.mts +0 -3
- package/dist/JsonView/index.mjs +0 -3
- package/dist/List/index.d.mts +0 -16
- package/dist/List/index.mjs +0 -34
- package/dist/LockedOverlay/index.d.mts +0 -162
- package/dist/LockedOverlay/index.mjs +0 -386
- package/dist/Markdown/index.d.mts +0 -16
- package/dist/Markdown/index.mjs +0 -26
- package/dist/Menu/index.d.mts +0 -16
- package/dist/Menu/index.mjs +0 -136
- package/dist/MetricCard/index.d.mts +0 -153
- package/dist/MetricCard/index.mjs +0 -408
- package/dist/Modal/index.d.mts +0 -11
- package/dist/Modal/index.mjs +0 -64
- package/dist/NavList/index.d.mts +0 -64
- package/dist/NavList/index.mjs +0 -252
- package/dist/NotificationCard/index.d.mts +0 -22
- package/dist/NotificationCard/index.mjs +0 -173
- package/dist/NotificationsMenu/index.d.mts +0 -47
- package/dist/NotificationsMenu/index.mjs +0 -380
- package/dist/Search/index.d.mts +0 -18
- package/dist/Search/index.mjs +0 -31
- package/dist/SpotlightCard/index.d.mts +0 -36
- package/dist/SpotlightCard/index.mjs +0 -219
- package/dist/Table/index.d.mts +0 -17
- package/dist/Table/index.mjs +0 -64
- package/dist/Tabs/index.d.mts +0 -17
- package/dist/Tabs/index.mjs +0 -87
- package/dist/Toast/index.d.mts +0 -8
- package/dist/Toast/index.mjs +0 -43
package/dist/Table/index.mjs
DELETED
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
/** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
|
|
2
|
-
import { Box } from "@ttoss/ui";
|
|
3
|
-
import { jsx } from "react/jsx-runtime";
|
|
4
|
-
import { createCell, createColumnHelper, flexRender, getCoreRowModel, useReactTable } from "@tanstack/react-table";
|
|
5
|
-
|
|
6
|
-
//#region src/components/Table/Table.tsx
|
|
7
|
-
var Table = props => {
|
|
8
|
-
return /* @__PURE__ */jsx(Box, {
|
|
9
|
-
as: "table",
|
|
10
|
-
...props
|
|
11
|
-
});
|
|
12
|
-
};
|
|
13
|
-
var TableHead = props => {
|
|
14
|
-
return /* @__PURE__ */jsx(Box, {
|
|
15
|
-
as: "thead",
|
|
16
|
-
...props
|
|
17
|
-
});
|
|
18
|
-
};
|
|
19
|
-
var TableBody = props => {
|
|
20
|
-
return /* @__PURE__ */jsx(Box, {
|
|
21
|
-
as: "tbody",
|
|
22
|
-
...props
|
|
23
|
-
});
|
|
24
|
-
};
|
|
25
|
-
var TableRow = props => {
|
|
26
|
-
return /* @__PURE__ */jsx(Box, {
|
|
27
|
-
as: "tr",
|
|
28
|
-
...props
|
|
29
|
-
});
|
|
30
|
-
};
|
|
31
|
-
var TableCell = props => {
|
|
32
|
-
return /* @__PURE__ */jsx(Box, {
|
|
33
|
-
as: "td",
|
|
34
|
-
...props
|
|
35
|
-
});
|
|
36
|
-
};
|
|
37
|
-
var TableHeader = props => {
|
|
38
|
-
return /* @__PURE__ */jsx(Box, {
|
|
39
|
-
as: "th",
|
|
40
|
-
...props
|
|
41
|
-
});
|
|
42
|
-
};
|
|
43
|
-
var TableCaption = props => {
|
|
44
|
-
return /* @__PURE__ */jsx(Box, {
|
|
45
|
-
as: "caption",
|
|
46
|
-
...props
|
|
47
|
-
});
|
|
48
|
-
};
|
|
49
|
-
var TableFooter = props => {
|
|
50
|
-
return /* @__PURE__ */jsx(Box, {
|
|
51
|
-
as: "tfoot",
|
|
52
|
-
...props
|
|
53
|
-
});
|
|
54
|
-
};
|
|
55
|
-
Table.Head = TableHead;
|
|
56
|
-
Table.Body = TableBody;
|
|
57
|
-
Table.Row = TableRow;
|
|
58
|
-
Table.Cell = TableCell;
|
|
59
|
-
Table.Header = TableHeader;
|
|
60
|
-
Table.Caption = TableCaption;
|
|
61
|
-
Table.Footer = TableFooter;
|
|
62
|
-
|
|
63
|
-
//#endregion
|
|
64
|
-
export { Table, createCell, createColumnHelper, flexRender, getCoreRowModel, useReactTable };
|
package/dist/Tabs/index.d.mts
DELETED
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
import { BoxProps } from "@ttoss/ui";
|
|
3
|
-
import { TabListProps, TabPanelProps, TabProps, TabsProps } from "react-tabs";
|
|
4
|
-
|
|
5
|
-
//#region src/components/Tabs/Tabs.d.ts
|
|
6
|
-
declare const Tabs: {
|
|
7
|
-
(props: BoxProps & TabsProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
-
TabList: import("react").FunctionComponent<TabListProps>;
|
|
9
|
-
/**
|
|
10
|
-
* Tab default props
|
|
11
|
-
* https://github.com/reactjs/react-tabs/blob/main/src/components/Tab.js
|
|
12
|
-
*/
|
|
13
|
-
Tab: import("react").FunctionComponent<TabProps>;
|
|
14
|
-
TabPanel: import("react").FunctionComponent<TabPanelProps>;
|
|
15
|
-
};
|
|
16
|
-
//#endregion
|
|
17
|
-
export { type TabListProps, type TabPanelProps, type TabProps, Tabs, type TabsProps };
|
package/dist/Tabs/index.mjs
DELETED
|
@@ -1,87 +0,0 @@
|
|
|
1
|
-
/** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
|
|
2
|
-
import { Box } from "@ttoss/ui";
|
|
3
|
-
import { Tab, TabList, TabPanel, Tabs as Tabs$1 } from "react-tabs";
|
|
4
|
-
import { jsx } from "react/jsx-runtime";
|
|
5
|
-
|
|
6
|
-
//#region src/components/Tabs/Tabs.tsx
|
|
7
|
-
var Tabs = props => {
|
|
8
|
-
const {
|
|
9
|
-
sx: customSx,
|
|
10
|
-
...restProps
|
|
11
|
-
} = props;
|
|
12
|
-
return /* @__PURE__ */jsx(Box, {
|
|
13
|
-
sx: ({
|
|
14
|
-
colors
|
|
15
|
-
}) => {
|
|
16
|
-
const themeColors = colors;
|
|
17
|
-
/**
|
|
18
|
-
* https://github.com/reactjs/react-tabs/blob/main/style/react-tabs.css
|
|
19
|
-
*/
|
|
20
|
-
return {
|
|
21
|
-
/**
|
|
22
|
-
* Tabs
|
|
23
|
-
*/
|
|
24
|
-
".react-tabs": {
|
|
25
|
-
WebkitTapHighlightColor: "transparent"
|
|
26
|
-
},
|
|
27
|
-
".react-tabs__tab-list": {
|
|
28
|
-
borderBottom: "md",
|
|
29
|
-
borderColor: themeColors?.input?.border?.muted?.default,
|
|
30
|
-
paddingLeft: 0
|
|
31
|
-
},
|
|
32
|
-
".react-tabs__tab--selected": {
|
|
33
|
-
backgroundColor: "transparent",
|
|
34
|
-
border: "none",
|
|
35
|
-
borderBottom: "lg",
|
|
36
|
-
borderColor: themeColors?.input?.border?.accent?.default
|
|
37
|
-
},
|
|
38
|
-
".react-tabs__tab": {
|
|
39
|
-
color: themeColors?.input?.text?.secondary?.default,
|
|
40
|
-
display: "inline-flex",
|
|
41
|
-
alignItems: "center",
|
|
42
|
-
gap: "2",
|
|
43
|
-
padding: "3",
|
|
44
|
-
cursor: "pointer",
|
|
45
|
-
position: "relative",
|
|
46
|
-
listStyle: "none"
|
|
47
|
-
},
|
|
48
|
-
".react-tabs__tab--disabled": {
|
|
49
|
-
cursor: "not-allowed",
|
|
50
|
-
color: themeColors?.input?.text?.muted?.default
|
|
51
|
-
},
|
|
52
|
-
".react-tabs__tab:focus": {
|
|
53
|
-
outline: "none"
|
|
54
|
-
},
|
|
55
|
-
".react-tabs__tab:focus:after": {
|
|
56
|
-
position: "absolute",
|
|
57
|
-
height: "min",
|
|
58
|
-
left: "-2",
|
|
59
|
-
right: "-2",
|
|
60
|
-
bottom: "-3"
|
|
61
|
-
},
|
|
62
|
-
".react-tabs__tab-panel": {
|
|
63
|
-
display: "none"
|
|
64
|
-
},
|
|
65
|
-
".react-tabs__tab-panel--selected": {
|
|
66
|
-
display: "block"
|
|
67
|
-
},
|
|
68
|
-
...customSx
|
|
69
|
-
};
|
|
70
|
-
},
|
|
71
|
-
...restProps,
|
|
72
|
-
children: /* @__PURE__ */jsx(Tabs$1, {
|
|
73
|
-
...restProps,
|
|
74
|
-
children: props.children
|
|
75
|
-
})
|
|
76
|
-
});
|
|
77
|
-
};
|
|
78
|
-
Tabs.TabList = TabList;
|
|
79
|
-
/**
|
|
80
|
-
* Tab default props
|
|
81
|
-
* https://github.com/reactjs/react-tabs/blob/main/src/components/Tab.js
|
|
82
|
-
*/
|
|
83
|
-
Tabs.Tab = Tab;
|
|
84
|
-
Tabs.TabPanel = TabPanel;
|
|
85
|
-
|
|
86
|
-
//#endregion
|
|
87
|
-
export { Tabs };
|
package/dist/Toast/index.d.mts
DELETED
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
import { ToastContainerProps, ToastOptions, toast as toast$1 } from "react-toastify";
|
|
3
|
-
|
|
4
|
-
//#region src/components/Toast/Toast.d.ts
|
|
5
|
-
declare const ToastContainer: (props: ToastContainerProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
-
declare const toast: typeof toast$1;
|
|
7
|
-
//#endregion
|
|
8
|
-
export { ToastContainer, type ToastContainerProps, type ToastOptions, toast };
|
package/dist/Toast/index.mjs
DELETED
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
/** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
|
|
2
|
-
import { Box, useTheme } from "@ttoss/ui";
|
|
3
|
-
import { jsx } from "react/jsx-runtime";
|
|
4
|
-
import { css } from "@emotion/css";
|
|
5
|
-
import { css as css$1 } from "@theme-ui/css";
|
|
6
|
-
import * as React from "react";
|
|
7
|
-
import { ToastContainer as ToastContainer$1, toast as toast$1 } from "react-toastify";
|
|
8
|
-
|
|
9
|
-
//#region src/components/Toast/Toast.tsx
|
|
10
|
-
var ToastContainer = props => {
|
|
11
|
-
const {
|
|
12
|
-
theme
|
|
13
|
-
} = useTheme();
|
|
14
|
-
const className = React.useMemo(() => {
|
|
15
|
-
return css(css$1({
|
|
16
|
-
".Toastify__toast-container": {}
|
|
17
|
-
})(theme));
|
|
18
|
-
}, [theme]);
|
|
19
|
-
return /* @__PURE__ */jsx(Box, {
|
|
20
|
-
className,
|
|
21
|
-
sx: ({
|
|
22
|
-
colors,
|
|
23
|
-
fonts
|
|
24
|
-
}) => {
|
|
25
|
-
const themeColors = colors;
|
|
26
|
-
/**
|
|
27
|
-
* https://fkhadra.github.io/react-toastify/how-to-style#override-css-variables
|
|
28
|
-
*/
|
|
29
|
-
return {
|
|
30
|
-
"--toastify-font-family": fonts?.body,
|
|
31
|
-
"--toastify-color-light": themeColors?.feedback?.background?.primary?.default
|
|
32
|
-
};
|
|
33
|
-
},
|
|
34
|
-
children: /* @__PURE__ */jsx(ToastContainer$1, {
|
|
35
|
-
className,
|
|
36
|
-
...props
|
|
37
|
-
})
|
|
38
|
-
});
|
|
39
|
-
};
|
|
40
|
-
var toast = toast$1;
|
|
41
|
-
|
|
42
|
-
//#endregion
|
|
43
|
-
export { ToastContainer, toast };
|