{headerGroup.headers.map((header) => (
|
{
@@ -163,9 +165,8 @@ const Table = (props: TableProps) => {
{row.getVisibleCells().map((cell) => {
return (
|
diff --git a/src/Tag.component.scss b/src/Tag.component.scss
deleted file mode 100755
index 35e1a24..0000000
--- a/src/Tag.component.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-.ar-Tag {
-
-}
diff --git a/src/Tag.tsx b/src/Tag.tsx
deleted file mode 100755
index ad28540..0000000
--- a/src/Tag.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-import { TagProps } from "@armco/types"
-import "./Tag.component.scss"
-
-const Tag = (props: TagProps): JSX.Element => {
- return test
-}
-
-export default Tag
diff --git a/src/Tags.component.scss b/src/Tags.component.scss
old mode 100755
new mode 100644
diff --git a/src/Tags.tsx b/src/Tags.tsx
index 837b2a4..0bbfaee 100755
--- a/src/Tags.tsx
+++ b/src/Tags.tsx
@@ -1,16 +1,23 @@
+import { ReactNode } from "react"
+import { FunctionType, ObjectType } from "@armco/types"
+import Icon from "@armco/icon"
+import { BaseProps } from "./types"
import {
ArPopoverSlots,
ArPopoverTriggers,
- ArVisualizationTypes,
- ObjectType,
- TagsProps,
-} from "@armco/types"
-import Icon from "@armco/icon"
-import ArViz from "./ArViz"
+} from "./enums"
import Popover from "./Popover"
import "./Tags.component.scss"
-const Tags = (props: TagsProps): JSX.Element => {
+export interface TagsProps extends BaseProps {
+ clickHandler?: FunctionType
+ hideHeader?: boolean
+ label?: string
+ tags?: ObjectType
+}
+
+
+const Tags = (props: TagsProps): ReactNode => {
const { clickHandler, classes, hideHeader, label, tags } = props
return (
@@ -37,11 +44,12 @@ const Tags = (props: TagsProps): JSX.Element => {
)}
diff --git a/src/Team.tsx b/src/Team.tsx
index d1fb242..b809d2b 100755
--- a/src/Team.tsx
+++ b/src/Team.tsx
@@ -1,10 +1,12 @@
-import React from "react"
+import { ReactNode } from "react"
+import { BaseProps } from "./types"
import "./Team.component.scss"
-interface TeamProps {}
+export interface TeamProps extends BaseProps { }
-const Team = (props: any): JSX.Element => {
- return In Component Team
+const Team = (props: TeamProps): ReactNode => {
+ const { classes } = props
+ return In Component Team
}
export default Team
diff --git a/src/Testimonials.tsx b/src/Testimonials.tsx
index e574f85..ae6067a 100755
--- a/src/Testimonials.tsx
+++ b/src/Testimonials.tsx
@@ -1,11 +1,13 @@
-import React from "react"
+import { ReactNode } from "react"
+import { BaseProps } from "./types"
import "./Testimonials.component.scss"
-interface TestimonialsProps {}
+export interface TestimonialsProps extends BaseProps { }
-const Testimonials = (props: any): JSX.Element => {
+const Testimonials = (props: TestimonialsProps): ReactNode => {
+ const { classes } = props
return (
-
+
In Component Testimonials
)
diff --git a/src/Text.tsx b/src/Text.tsx
index faa9b8d..3ba8434 100755
--- a/src/Text.tsx
+++ b/src/Text.tsx
@@ -1,16 +1,33 @@
import { CSSProperties, ReactNode, useEffect, useRef, useState } from "react"
import {
- ArPopoverSlots,
ChunkInfo,
FunctionType,
ObjectType,
TextFormat,
- TextProps,
+ TextInfo,
} from "@armco/types"
+import { BaseProps } from "./types"
+import { ArPopoverSlots, ArSlotViewMode } from "./enums"
import Tooltip from "./Tooltip"
import Chunk from "./Chunk"
import "./Text.component.scss"
+export interface TextProps extends BaseProps {
+ activeId?: string
+ alignment?: "left" | "right" | "center"
+ allowFormatting?: boolean
+ descriptor: TextInfo
+ focusId?: string
+ isEditable?: boolean
+ mode?: ArSlotViewMode
+ overflowHoverScroll?: boolean
+ onCommit?: FunctionType
+ overflowEllipsis?: boolean
+ overflowTooltip?: boolean
+ width?: string
+}
+
+
const createChunks = (
renderer: FunctionType,
text?: string,
@@ -39,7 +56,7 @@ const createChunks = (
return chunkRenders
}
-const Text = (props: TextProps): JSX.Element => {
+const Text = (props: TextProps): ReactNode => {
const {
activeId,
alignment = "left",
@@ -88,10 +105,10 @@ const Text = (props: TextProps): JSX.Element => {
isOverflowing !==
// eslint-disable-next-line no-mixed-operators
textElementRef.current.scrollWidth >
- textElementRef.current.clientWidth &&
+ textElementRef.current.clientWidth &&
setIsOverflowing(
textElementRef.current.scrollWidth >
- textElementRef.current.clientWidth,
+ textElementRef.current.clientWidth,
)
}
// eslint-disable-next-line react-hooks/exhaustive-deps
@@ -182,9 +199,8 @@ const Text = (props: TextProps): JSX.Element => {
{
+// Local alias of shared props for co-location
+
+export interface TextAreaProps extends FormInputProps {
+ placeholder?: string
+}
+
+
+const TextArea = (props: TextAreaProps): ReactNode => {
const {
classes,
id,
@@ -26,15 +33,13 @@ const TextArea = (props: TextAreaProps): JSX.Element => {
}
return (
{label && (
|