@edifice.io/react 2.2.5 → 2.2.6

package/dist/components/Flex/Flex.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+interface FlexProps extends React.HTMLAttributes<HTMLElement> {
+    as?: React.ElementType;
+    direction?: 'row' | 'row-reverse' | 'column' | 'column-reverse' | 'fill';
+    align?: 'start' | 'end' | 'center' | 'baseline' | 'stretch';
+    justify?: 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly';
+    gap?: string;
+    wrap?: 'wrap' | 'nowrap' | 'reverse';
+    className?: string;
+}
+declare const Flex: React.FC<FlexProps>;
+export default Flex;

package/dist/components/Flex/Flex.js

@@ -0,0 +1,19 @@
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+const Flex = ({
+  as: Component = "div",
+  direction,
+  align,
+  justify,
+  gap,
+  wrap = "wrap",
+  className,
+  children,
+  ...restProps
+}) => {
+  const classes = clsx("d-flex", direction && (direction === "fill" ? "flex-fill" : `flex-${direction}`), align && `align-items-${align}`, justify && `justify-content-${justify}`, gap && `gap-${gap}`, wrap && `flex-${wrap}`, className);
+  return /* @__PURE__ */ jsx(Component, { className: classes, ...restProps, children });
+};
+export {
+  Flex as default
+};

package/dist/components/Flex/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Flex } from './Flex';
+export * from './Flex';

package/dist/components/Table/components/Table.d.ts

@@ -2,9 +2,11 @@ import { ReactNode } from 'react';
 export type TableRef = HTMLTableElement;
 export interface TableProps {
     children?: Array<React.ReactElement<HTMLTableSectionElement>> | any;
+    maxHeight?: string;
 }
 declare const Table: import('react').ForwardRefExoticComponent<{
     children: ReactNode;
+    maxHeight?: string;
 } & import('react').RefAttributes<HTMLTableElement>> & {
     Thead: {
         (props: React.HTMLAttributes<HTMLTableSectionElement>): import("react/jsx-runtime").JSX.Element;

package/dist/components/Table/components/Table.js

@@ -6,8 +6,14 @@ import { TableTh } from "./TableTh.js";
 import { TableThead } from "./TableThead.js";
 import { TableTr } from "./TableTr.js";
 const Root = /* @__PURE__ */ forwardRef(({
-  children
-}, ref) => /* @__PURE__ */ jsx("div", { className: "table-responsive", children: /* @__PURE__ */ jsx("table", { ref, className: "table align-middle mb-0", children }) })), Table = /* @__PURE__ */ Object.assign(Root, {
+  children,
+  maxHeight
+}, ref) => /* @__PURE__ */ jsx("div", { className: "table-responsive", style: maxHeight ? {
+  maxHeight,
+  overflowY: "auto"
+} : {}, children: /* @__PURE__ */ jsx("table", { ref, className: "table align-middle mb-0", style: {
+  overflow: maxHeight ? "visible" : "hidden"
+}, children }) })), Table = /* @__PURE__ */ Object.assign(Root, {
   Thead: TableThead,
   Th: TableTh,
   Tbody: TableTbody,

package/dist/components/index.d.ts

@@ -15,6 +15,7 @@ export * from './Combobox';
 export * from './Dropdown';
 export * from './Dropzone';
 export * from './EmptyScreen';
+export * from './Flex';
 export * from './Form';
 export * from './Grid';
 export * from './Heading';

package/dist/editor.js

@@ -28,6 +28,7 @@ import { useResizeMedia } from "./modules/editor/hooks/useResizeMedia.js";
 import { useSpeechRecognition } from "./modules/editor/hooks/useSpeechRecognition.js";
 import { useSpeechSynthetisis } from "./modules/editor/hooks/useSpeechSynthetisis.js";
 import { useTipTapEditor } from "./modules/editor/hooks/useTipTapEditor.js";
+import { useCantooEditor } from "./modules/editor/hooks/useCantooEditor.js";
 export {
   default6 as AttachmentNodeView,
   default12 as AttachmentRenderer,
@@ -50,6 +51,7 @@ export {
   default16 as TableToolbar,
   default9 as VideoNodeView,
   useActionOptions,
+  useCantooEditor,
   useCommentEditor,
   useEditor,
   useEditorContext,