@ttoss/components 2.14.24 → 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.
Files changed (47) hide show
  1. package/dist/index.d.mts +910 -0
  2. package/dist/index.mjs +3074 -0
  3. package/package.json +18 -104
  4. package/dist/Accordion/index.d.mts +0 -157
  5. package/dist/Accordion/index.mjs +0 -175
  6. package/dist/DatePicker/index.d.mts +0 -26
  7. package/dist/DatePicker/index.mjs +0 -339
  8. package/dist/Drawer/index.d.mts +0 -17
  9. package/dist/Drawer/index.mjs +0 -66
  10. package/dist/EnhancedTitle/index.d.mts +0 -107
  11. package/dist/EnhancedTitle/index.mjs +0 -234
  12. package/dist/FileUploader/index.d.mts +0 -77
  13. package/dist/FileUploader/index.mjs +0 -386
  14. package/dist/InstallPwa/index.d.mts +0 -13
  15. package/dist/InstallPwa/index.mjs +0 -64
  16. package/dist/JsonEditor/index.d.mts +0 -3
  17. package/dist/JsonEditor/index.mjs +0 -3
  18. package/dist/JsonView/index.d.mts +0 -3
  19. package/dist/JsonView/index.mjs +0 -3
  20. package/dist/List/index.d.mts +0 -16
  21. package/dist/List/index.mjs +0 -34
  22. package/dist/LockedOverlay/index.d.mts +0 -162
  23. package/dist/LockedOverlay/index.mjs +0 -386
  24. package/dist/Markdown/index.d.mts +0 -16
  25. package/dist/Markdown/index.mjs +0 -26
  26. package/dist/Menu/index.d.mts +0 -16
  27. package/dist/Menu/index.mjs +0 -136
  28. package/dist/MetricCard/index.d.mts +0 -153
  29. package/dist/MetricCard/index.mjs +0 -408
  30. package/dist/Modal/index.d.mts +0 -11
  31. package/dist/Modal/index.mjs +0 -64
  32. package/dist/NavList/index.d.mts +0 -64
  33. package/dist/NavList/index.mjs +0 -252
  34. package/dist/NotificationCard/index.d.mts +0 -22
  35. package/dist/NotificationCard/index.mjs +0 -173
  36. package/dist/NotificationsMenu/index.d.mts +0 -47
  37. package/dist/NotificationsMenu/index.mjs +0 -380
  38. package/dist/Search/index.d.mts +0 -18
  39. package/dist/Search/index.mjs +0 -31
  40. package/dist/SpotlightCard/index.d.mts +0 -36
  41. package/dist/SpotlightCard/index.mjs +0 -219
  42. package/dist/Table/index.d.mts +0 -17
  43. package/dist/Table/index.mjs +0 -64
  44. package/dist/Tabs/index.d.mts +0 -17
  45. package/dist/Tabs/index.mjs +0 -87
  46. package/dist/Toast/index.d.mts +0 -8
  47. package/dist/Toast/index.mjs +0 -43
@@ -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 };
@@ -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 };
@@ -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 };
@@ -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 };
@@ -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 };