@thecb/components 7.1.0-beta.2 → 7.2.0-beta.0

package/dist/index.d.ts

@@ -278,6 +278,66 @@ interface TitleProps {
 declare const Title: React.FC<Expand<TitleProps> &
   React.HTMLAttributes<HTMLElement>>;
 
+interface CollapsibleSectionProps {
+  isOpen?: boolean;
+  toggleSection: (
+    event?: React.MouseEvent<HTMLElement> | React.TouchEvent<HTMLElement>
+  ) => void;
+  isMobile?: boolean;
+  supportsTouch?: boolean;
+  title?: string;
+  customPadding?: string;
+  initiallyOpen?: boolean;
+  openHeight?: string;
+  children?: JSX.Element;
+  customTitle?: boolean;
+  stackTitle?: boolean;
+  stackTitleContent?: string | JSX.Element;
+  sectionGap?: string;
+  name?: string;
+  index?: number;
+}
+
+declare const CollapsibleSection: React.FC<Expand<CollapsibleSectionProps> &
+  React.HTMLAttributes<HTMLElement>>;
+
+interface CopyableProps {
+  content: string;
+  onCopy?: () => void;
+  initialPopoverContent?: string;
+  copySuccessPopoverContent?: string;
+  copyErrorPopoverContent?: string;
+  copiedPopoverContentDuration?: number;
+  hasPopover?: boolean;
+  popoverID?: number;
+  popoverMinWidth?: string;
+  popoverExtraStyles?: string;
+}
+
+declare const Copyable: React.FC<Expand<CopyableProps> &
+  React.HTMLAttributes<HTMLElement>>;
+
+interface EditableTableProps {
+  title?: string;
+  renderItem?: (items: any[]) => JSX.Element;
+  items?: any[];
+  isMobile?: boolean;
+}
+
+declare const EditableTable: React.FC<Expand<EditableTableProps> &
+  React.HTMLAttributes<HTMLElement>>;
+
+interface TableListItemProps {
+  title: string | JSX.Element;
+  value: string | JSX.Element;
+  canEdit?: boolean;
+  canRemove?: boolean;
+  isMobile?: boolean;
+  borderTopItem?: boolean;
+}
+
+declare const TableListItem: React.FC<Expand<TableListItemProps>>;
+
 interface FooterWithSubfooterProps {
   footerLargeSide?: "left" | "right";
   footerLargeSideSize?: string;
@@ -290,6 +350,33 @@ interface FooterWithSubfooterProps {
 declare const FooterWithSubfooter: React.FC<Expand<FooterWithSubfooterProps> &
   React.HTMLAttributes<HTMLElement>>;
 
+interface PopoverProps {
+  triggerText?: string | JSX.Element;
+  content?: string | JSX.Element;
+  hasIcon?: boolean;
+  iconHelpText?: string; // for screen-readers, required if using an icon for trigger
+  popoverID?: number;
+  popoverFocus?: boolean;
+  extraStyles?: string;
+  textExtraStyles?: string;
+  minWidth?: string;
+  maxWidth?: string;
+  height?: string;
+  position?: { top: string; right: string; bottom: string; left: string };
+  arrowPosition?: {
+    arrowTop: string;
+    arrowRight: string;
+    arrowBottom: string;
+    arrowLeft: string;
+  };
+  arrowDirection?: "left" | "right" | "top" | "bottom";
+  transform?: string;
+  disclosedExtraStyles?: string;
+}
+
+declare const Popover: React.FC<Expand<PopoverProps> &
+  React.HTMLAttributes<HTMLElement>>;
+
 interface DefaultPageTemplateProps {
   content: JSX.Element;
   header?: JSX.Element;
@@ -304,5 +391,5 @@ interface DefaultPageTemplateProps {
 declare const DefaultPageTemplate: React.FC<Expand<DefaultPageTemplateProps> &
   React.HTMLAttributes<HTMLElement>>;
 
-export { Box, BoxProps, ButtonWithAction, ButtonWithActionProps, ButtonWithLink, ButtonWithLinkProps, Card, CardProps, Center, CenterProps, Cluster, ClusterProps, Cover, CoverProps, DefaultPageTemplate, DefaultPageTemplateProps, ExternalLink, ExternalLinkProps, FooterWithSubfooter, FooterWithSubfooterProps, InternalLink, InternalLinkProps, NavFooter, NavFooterProps, NavHeader, NavHeaderProps, NavTabs, NavTabsProps, Paragraph, ParagraphProps, Stack, StackProps, Switcher, SwitcherProps, Text, TextProps, Title, TitleProps };
+export { Box, BoxProps, ButtonWithAction, ButtonWithActionProps, ButtonWithLink, ButtonWithLinkProps, Card, CardProps, Center, CenterProps, Cluster, ClusterProps, CollapsibleSection, CollapsibleSectionProps, Copyable, CopyableProps, Cover, CoverProps, DefaultPageTemplate, DefaultPageTemplateProps, EditableTable, EditableTableProps, ExternalLink, ExternalLinkProps, FooterWithSubfooter, FooterWithSubfooterProps, InternalLink, InternalLinkProps, NavFooter, NavFooterProps, NavHeader, NavHeaderProps, NavTabs, NavTabsProps, Paragraph, ParagraphProps, Popover, PopoverProps, Stack, StackProps, Switcher, SwitcherProps, TableListItem, TableListItemProps, Text, TextProps, Title, TitleProps };
 //# sourceMappingURL=index.d.ts.map