@ttoss/components 2.0.8 → 2.0.10

package/dist/Accordion/index.d.ts

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { BoxProps } from '@ttoss/ui';
+export { AccordionItem, AccordionItemButton, AccordionItemHeading, AccordionItemPanel } from 'react-accessible-accordion';
+
+type AccordionProps = BoxProps & {
+    allowMultipleExpanded?: boolean;
+    allowZeroExpanded?: boolean;
+    preExpanded?: string[];
+    /**
+     * Callback which is invoked when items are expanded or collapsed. Gets passed uuids of the currently expanded AccordionItems.
+     */
+    onChange?: (args: string[]) => void;
+};
+declare const Accordion: ({ children, allowMultipleExpanded, allowZeroExpanded, preExpanded, onChange, ...boxProps }: AccordionProps) => react_jsx_runtime.JSX.Element;
+
+export { Accordion, type AccordionProps };

package/dist/Drawer/index.d.ts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { BoxProps } from '@ttoss/ui';
+import DrawerUi from 'react-modern-drawer';
+
+type DrawerUiProps = React.ComponentProps<typeof DrawerUi>;
+type DrawerProps = DrawerUiProps & {
+    sx?: BoxProps['sx'];
+};
+declare const Drawer: ({ children, sx, ...props }: DrawerProps) => react_jsx_runtime.JSX.Element;
+
+export { Drawer, type DrawerProps };

package/dist/InstallPwa/index.d.ts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+type InstallPwaUiProps = {
+    onInstall: React.MouseEventHandler<HTMLButtonElement>;
+};
+declare const InstallPwaUi: ({ onInstall }: InstallPwaUiProps) => react_jsx_runtime.JSX.Element;
+declare const InstallPwa: () => react_jsx_runtime.JSX.Element | null;
+
+export { InstallPwa, InstallPwaUi, type InstallPwaUiProps };

package/dist/List/index.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+
+interface ListProps extends React.HTMLProps<HTMLUListElement> {
+    children: React.ReactNode;
+}
+declare const List: React.ForwardRefExoticComponent<Omit<ListProps, "ref"> & React.RefAttributes<HTMLUListElement>>;
+
+interface ListItemProps extends React.HTMLProps<HTMLLIElement> {
+    children: React.ReactNode;
+}
+declare const ListItem: React.ForwardRefExoticComponent<Omit<ListItemProps, "ref"> & React.RefAttributes<HTMLLIElement>>;
+
+export { List, ListItem, type ListItemProps, type ListProps };

package/dist/Markdown/index.d.ts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { FlexProps } from '@ttoss/ui';
+import { Options } from 'react-markdown';
+
+type MarkdownProps = Options & {
+    children: string;
+    sx?: FlexProps['sx'];
+};
+declare const Markdown: ({ children, sx, ...props }: MarkdownProps) => react_jsx_runtime.JSX.Element;
+
+export { Markdown, type MarkdownProps };

package/dist/Menu/index.d.ts

@@ -0,0 +1,32 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { BoxProps } from '@ttoss/ui';
+import { IconifyIcon } from '@ttoss/react-icons';
+
+type MenuProps = {
+    onClose: () => void;
+    onOpen: () => void;
+    isOpen: boolean;
+    children: React.ReactNode;
+    srcLogo?: string;
+    sx?: BoxProps['sx'];
+    /**
+     * Default direction: `left`
+     */
+    direction?: 'left' | 'right';
+    /**
+     * Default size: `100%`
+     */
+    sizeOnMobile?: string | number;
+    /**
+     * Default size: `300px`
+     */
+    sizeOnDesktop?: string | number;
+    /**
+     * Default icon: `menu-open`
+     */
+    menuIcon?: IconifyIcon | string;
+};
+declare const Menu: ({ children, srcLogo, onClose, onOpen, isOpen, sx, direction, sizeOnDesktop, sizeOnMobile, menuIcon, }: MenuProps) => react_jsx_runtime.JSX.Element;
+
+export { Menu, type MenuProps };

package/dist/Modal/index.d.ts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import ReactModal from 'react-modal';
+
+type ModalProps = ReactModal.Props;
+declare const Modal: {
+    (props: ModalProps): react_jsx_runtime.JSX.Element;
+    setAppElement: typeof ReactModal.setAppElement;
+};
+
+export { Modal, type ModalProps };

package/dist/Search/index.d.ts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { InputProps } from '@ttoss/ui';
+
+type SearchProps = Omit<InputProps, 'onChange'> & {
+    loading?: boolean;
+    debounce?: number;
+    onChange: (value?: InputProps['value']) => void;
+};
+declare const Search: ({ value, defaultValue, loading, onChange, ...props }: SearchProps) => react_jsx_runtime.JSX.Element;
+
+export { Search, type SearchProps };

package/dist/Table/index.d.ts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { BoxProps } from '@ttoss/ui';
+export * from '@tanstack/react-table';
+
+declare const Table: (props: BoxProps) => react_jsx_runtime.JSX.Element;
+declare const TableHead: (props: BoxProps) => react_jsx_runtime.JSX.Element;
+declare const TableBody: (props: BoxProps) => react_jsx_runtime.JSX.Element;
+declare const TableRow: (props: BoxProps) => react_jsx_runtime.JSX.Element;
+declare const TableCell: (props: BoxProps) => react_jsx_runtime.JSX.Element;
+declare const TableHeader: (props: BoxProps) => react_jsx_runtime.JSX.Element;
+declare const TableCaption: (props: BoxProps) => react_jsx_runtime.JSX.Element;
+declare const TableFooter: (props: BoxProps) => react_jsx_runtime.JSX.Element;
+
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };

package/dist/Toast/index.d.ts

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ToastContainerProps } from 'react-toastify';
+export { ToastContainerProps, toast } from 'react-toastify';
+
+declare const ToastContainer: (props: ToastContainerProps) => react_jsx_runtime.JSX.Element;
+
+export { ToastContainer };

package/dist/esm/Accordion/index.js

@@ -0,0 +1,53 @@
+/** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
+
+// src/components/Accordion/Accordion.tsx
+import * as React from "react";
+import { AccordionItem, AccordionItemButton, AccordionItemHeading, AccordionItemPanel, Accordion as ReactAccessibleAccordion } from "react-accessible-accordion";
+import { Box, useTheme } from "@ttoss/ui";
+import { css as createClassName } from "@emotion/css";
+import { css as transformStyleObject } from "@theme-ui/css";
+import { jsx } from "react/jsx-runtime";
+var Accordion = ({
+  children,
+  allowMultipleExpanded,
+  allowZeroExpanded,
+  preExpanded,
+  onChange,
+  ...boxProps
+}) => {
+  const {
+    theme
+  } = useTheme();
+  const className = React.useMemo(() => {
+    const styles = transformStyleObject({
+      ".accordion__item": {
+        marginBottom: 3
+      },
+      ".accordion__heading": {
+        padding: "md",
+        border: "1px solid",
+        borderColor: "black"
+      },
+      ".accordion__button": {},
+      ".accordion__panel": {
+        padding: 2
+      }
+    })(theme);
+    return createClassName(styles);
+  }, [theme]);
+  return /* @__PURE__ */jsx(Box, {
+    variant: "accordion",
+    className,
+    ...boxProps,
+    children: /* @__PURE__ */jsx(ReactAccessibleAccordion, {
+      ...{
+        allowMultipleExpanded,
+        allowZeroExpanded,
+        preExpanded,
+        onChange
+      },
+      children
+    })
+  });
+};
+export { Accordion, AccordionItem, AccordionItemButton, AccordionItemHeading, AccordionItemPanel };

package/dist/esm/Drawer/index.js

@@ -0,0 +1,53 @@
+/** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
+
+// src/components/Drawer/Drawer.tsx
+import { Box } from "@ttoss/ui";
+import { css as createClassName } from "@emotion/css";
+import DrawerUi from "react-modern-drawer";
+import { jsx } from "react/jsx-runtime";
+var reactModernDrawerClassName = createClassName(`
+.EZDrawer .EZDrawer__checkbox {
+    display: none;
+}
+.EZDrawer .EZDrawer__checkbox:checked ~ .EZDrawer__overlay {
+    display: block;
+    opacity: 1;
+}
+.EZDrawer .EZDrawer__checkbox:checked ~ .EZDrawer__container {
+    visibility: visible;
+    transform: translate3d(0, 0, 0) !important;
+}
+.EZDrawer .EZDrawer__overlay {
+    display: none;
+    height: 100vh;
+    left: 0;
+    position: fixed;
+    top: 0;
+    width: 100%;
+}
+.EZDrawer .EZDrawer__container {
+    position: fixed;
+    visibility: hidden;
+    background: white;
+    transition: all;
+    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);
+}`);
+var Drawer = ({
+  children,
+  sx,
+  ...props
+}) => {
+  return /* @__PURE__ */jsx(DrawerUi, {
+    ...props,
+    className: reactModernDrawerClassName,
+    children: /* @__PURE__ */jsx(Box, {
+      sx: {
+        width: "100%",
+        height: "100%",
+        ...sx
+      },
+      children
+    })
+  });
+};
+export { Drawer };

package/dist/esm/InstallPwa/index.js

@@ -0,0 +1,66 @@
+/** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
+
+// src/components/InstallPwa/InstallPwa.tsx
+import * as React from "react";
+import { Button, Flex, Text } from "@ttoss/ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+var InstallPwaUi = ({
+  onInstall
+}) => {
+  return /* @__PURE__ */jsx(Flex, {
+    sx: {
+      position: "absolute",
+      bottom: 4,
+      width: "100%",
+      justifyContent: "center"
+    },
+    children: /* @__PURE__ */jsxs(Flex, {
+      sx: {
+        backgroundColor: "background",
+        justifyContent: "center",
+        alignItems: "center",
+        gap: 3,
+        width: "auto",
+        border: "1px solid",
+        borderColor: "muted",
+        borderRadius: 1,
+        padding: 4
+      },
+      children: [/* @__PURE__ */jsx(Text, {
+        children: "Deseja instalar o nosso aplicativo?"
+      }), /* @__PURE__ */jsx(Button, {
+        onClick: onInstall,
+        children: "Instalar"
+      })]
+    })
+  });
+};
+var InstallPwa = () => {
+  const [supportsPwa, setSupportsPwa] = React.useState(false);
+  const [promptInstall, setPromptInstall] = React.useState(null);
+  React.useEffect(() => {
+    const handler = e => {
+      e.preventDefault();
+      setSupportsPwa(true);
+      setPromptInstall(e);
+    };
+    window.addEventListener("beforeinstallprompt", handler);
+    return () => {
+      return window.removeEventListener("transitionend", handler);
+    };
+  }, []);
+  const onInstall = e => {
+    e.preventDefault();
+    if (!promptInstall) {
+      return;
+    }
+    promptInstall.prompt();
+  };
+  if (!supportsPwa) {
+    return null;
+  }
+  return /* @__PURE__ */jsx(InstallPwaUi, {
+    onInstall
+  });
+};
+export { InstallPwa, InstallPwaUi };

package/dist/esm/List/index.js

@@ -0,0 +1,33 @@
+/** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
+
+// src/components/List/List.tsx
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+var List = React.forwardRef(({
+  children,
+  ...props
+}, ref) => {
+  return /* @__PURE__ */jsx("ul", {
+    ...props,
+    ref,
+    children
+  });
+});
+List.displayName = "List";
+
+// src/components/List/ListItem.tsx
+import * as React2 from "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var ListItem = React2.forwardRef((props, ref) => {
+  const {
+    children,
+    ...rest
+  } = props;
+  return /* @__PURE__ */jsx2("li", {
+    ...rest,
+    ref,
+    children
+  });
+});
+ListItem.displayName = "ListItem";
+export { List, ListItem };

package/dist/esm/Markdown/index.js

@@ -0,0 +1,24 @@
+/** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
+
+// src/components/Markdown/Markdown.tsx
+import { BaseStyles } from "@ttoss/ui";
+import ReactMarkdown from "react-markdown";
+import rehypeRaw from "rehype-raw";
+import remarkGfm from "remark-gfm";
+import { jsx } from "react/jsx-runtime";
+var Markdown = ({
+  children,
+  sx,
+  ...props
+}) => {
+  return /* @__PURE__ */jsx(BaseStyles, {
+    sx,
+    children: /* @__PURE__ */jsx(ReactMarkdown, {
+      rehypePlugins: [rehypeRaw],
+      remarkPlugins: [remarkGfm],
+      ...props,
+      children
+    })
+  });
+};
+export { Markdown };