@julseb-lib/react 0.1.2 → 0.1.4

package/dist/lib/types/component-items.ts

@@ -1,511 +0,0 @@
-import type { ReactElement, ReactNode, Ref } from "react"
-import type {
-	LibButtonLinkBlank,
-	LibAllColors,
-	LibIcon,
-	LibButtonLinkBlankRequired,
-	LibSpacers,
-	LibToastStatus,
-	ReactChildren,
-	LibMessageType,
-	CssFontStyle,
-	LibColorsHover,
-} from "./"
-
-/**
- * @description Base props for any ComponentItem
- * @type T => HTMLElementType
- * @prop data-testid?: string
- * @prop className?: string
- * @prop id?: string
- * @prop ref?: ForwardedRef<T>
- */
-interface LibComponentItemBase<T> {
-	"data-testid"?: string
-	className?: string
-	id?: string
-	ref?: Ref<T>
-}
-
-type ButtonGroupItemsBase = LibComponentItemBase<HTMLButtonElement> &
-	LibButtonLinkBlank & {
-		"aria-label"?: string
-		iconBaseUrl?: string
-	}
-
-type ButtonGroupItemText = ButtonGroupItemsBase & {
-	text: string
-	icons?: {
-		left?: LibIcon
-		right?: LibIcon
-		only?: never
-	}
-	iconSizes?: {
-		left?: number
-		right?: number
-		only?: never
-	}
-}
-
-type ButtonGroupItemIcon = ButtonGroupItemsBase & {
-	text?: never
-	icons?: {
-		left?: never
-		right?: never
-		only?: LibIcon
-	}
-	iconSizes?: {
-		left?: never
-		right?: never
-		only?: number
-	}
-}
-
-/**
- * @description Props for buttons in ButtonGroup component: https://documentation-components-react.vercel.app/components/button-group
- * @extends LibButtonLinkBlank
- * @prop data-testid?: string
- * @prop className?: string
- * @prop id?: string
- * @prop ref?: ForwardedRef<HTMLButtonElement>
- * @prop text: string => only if `iconOnly` is not defined
- * @prop iconLeft?: string | JSX.Element
- * @prop iconRight?: string | JSX.Element
- * @prop iconOnly: string | JSX.Element => only if `text` is not defined
- * @prop iconSizes?: { left?: number; right?: number; only?: number }
- * @prop "aria-label"?: string
- */
-export type LibButtonGroupButtonItem = ButtonGroupItemText | ButtonGroupItemIcon
-
-interface LibButtonGroupToggleBase
-	extends LibComponentItemBase<HTMLInputElement> {
-	id: string
-	value: boolean
-}
-
-interface ButtonGroupToggleWithIcon extends LibButtonGroupToggleBase {
-	icon: LibIcon
-	iconSize?: number
-	label?: string
-	tooltip?: string
-	showTooltip?: boolean
-	text?: never
-}
-
-interface ButtonGroupToggleWithText extends LibButtonGroupToggleBase {
-	icon?: never
-	iconSize?: never
-	label?: never
-	tooltip?: never
-	showTooltip?: never
-	text: string
-}
-
-/**
- * @description Props for toggles in ButtonGroup component: https://documentation-components-react.vercel.app/components/button-group
- * @extends HTMLInputElement
- * @prop data-testid?: string
- * @prop className?: string
- * @prop id?: string
- * @prop ref?: ForwardedRef<HTMLInputElement>
- * @prop text: string => only if icon is not defined
- * @prop icon: string | JSX.Element => only if text is not defined
- * @prop iconSize?: number => only if text is not defined
- * @prop label?: string => only if text is not defined
- * @prop tooltip?: string => only if text is not defined
- * @prop showTooltip?: boolean => only if text is not defined
- */
-export type LibButtonGroupToggle =
-	| ButtonGroupToggleWithIcon
-	| ButtonGroupToggleWithText
-
-// ! DO NOT EXPORT
-
-type ListGroupItemBadgeColor = {
-	backgroundColor?: LibAllColors
-	contentColor?: LibAllColors
-	size?: number
-}
-
-type ListGroupItemBadgeIcon = ListGroupItemBadgeColor & {
-	icon?: LibIcon
-	iconSize?: number
-	number?: never
-}
-
-type ListGroupItemBadgeNumber = ListGroupItemBadgeColor & {
-	icon?: never
-	iconSize?: never
-	number?: number
-}
-
-/**
- * @description Props for badge in ListGroupItem
- * @prop backgroundColor?: LibAllColors
- * @prop contentColor?: LibAllColors
- * @prop icon?: LibIcon => only if number is not defined
- * @prop iconSize?: number => only if icon is defined
- * @prop number?: number => only if icon is not defined
- */
-type ListGroupItemBadgeExtended =
-	| ListGroupItemBadgeIcon
-	| ListGroupItemBadgeNumber
-
-// ! END DO NOT EXPORT
-
-type ListGroupItemBase = LibButtonLinkBlank &
-	LibComponentItemBase<HTMLDivElement> & {
-		text: string
-		body?: string
-	}
-
-type ListGroupItemWithBadge = ListGroupItemBase & {
-	badge?: boolean | ListGroupItemBadgeExtended
-	date?: never
-}
-
-type ListGroupItemWithDate = ListGroupItemBase & {
-	badge?: never
-	date?: string | Date
-}
-
-/**
- * @description Props for ListGroup component items: https://documentation-components-react.vercel.app/components/list-group
- * @extends LibButtonLinkBlank
- * @prop data-testid?: string
- * @prop className?: string
- * @prop id?: string
- * @prop ref?: ForwardedRef<HTMLLIElement>
- * @prop text: string
- * @prop subtext?: string
- * @prop badge?: boolean | { icon?: string | JSX.Element => only if `number` is not defined; number?: number => only if `icon` is not defined; backgroundColor?: LibAllColors; contentColor?: LibAllColors } => only if `date` is not defined
- * @prop date?: string | Date => only if `badge` is not defined
- */
-export type LibListGroupItem = ListGroupItemWithBadge | ListGroupItemWithDate
-
-/**
- * @description Props for Accordion component items: https://documentation-components-react.vercel.app/components/accordion
- * @prop data-testid?: string
- * @prop className?: string
- * @prop id?: string
- * @prop ref?: ForwardedRef<HTMLDivElement>
- * @prop title: string
- * @prop isOpen?: boolean
- * @prop content?: ReactChildren
- */
-export interface LibAccordionItem extends LibComponentItemBase<HTMLDivElement> {
-	title: string
-	content?: ReactChildren
-	defaultOpen?: boolean
-}
-
-/**
- * @description Props for Dropdown component items: https://documentation-components-react.vercel.app/components/dropdown
- * @extends LibButtonLinkBlankRequired
- * @prop data-testid?: string
- * @prop className?: string
- * @prop id?: string
- * @prop ref?: ForwardedRef<HTMLButtonElement & HTMLAnchorElement>
- * @prop text: string
- * @prop icon?: string | JSX.Element
- * @prop iconSize?: number
- * @prop gap?: LibSpacers
- */
-export type LibDropdownItem = LibButtonLinkBlankRequired &
-	LibComponentItemBase<HTMLButtonElement & HTMLAnchorElement> & {
-		text: string
-		icon?: LibIcon
-		iconSize?: number
-		gap?: LibSpacers
-	}
-
-/**
- * @description Props for Toaster component items: https://documentation-components-react.vercel.app/components/toast
- * @prop data-testid?: string
- * @prop className?: string
- * @prop id?: string
- * @prop ref?: ForwardedRef<HTMLDivElement>
- * @prop body?: string | ReactChildren
- * @prop duration?: number
- * @prop icons?: { left?: string | JSX.Element; close?: string | JSX.Element }
- * @prop iconSizes?: { left?: number close?: number }
- * @prop iconLeftColor?: Any color from the library
- * @prop labelClose?: string
- * @prop withTimer?: boolean
- * @prop timerBackgroundColor?: Any color from the library
- */
-export interface LibToastOptions extends LibComponentItemBase<HTMLDivElement> {
-	body?: string | ReactChildren
-	duration?: number
-	icons?: {
-		left?: LibIcon
-		close?: LibIcon
-	}
-	iconSizes?: {
-		left?: number
-		close?: number
-	}
-	iconLeftColor?: LibAllColors
-	iconsBaseUrl?: string
-	labelClose?: string
-	withTimer?: boolean
-	timerBackgroundColor?: LibAllColors
-}
-
-/**
- * @description Props for Toast component: https://documentation-components-react.vercel.app/components/toast
- * @prop data-testid?: string
- * @prop className?: string
- * @prop id?: string
- * @prop ref?: ForwardedRef<HTMLDivElement>
- * @prop title: string
- * @prop id?: string
- * @prop status?: "success" | "error" | "warning" | "info"
- * @prop options?: LibToastOptions
- *
- * @type LibToastOptions
- * @prop data-testid?: string
- * @prop className?: string
- * @prop id?: string
- * @prop ref?: ForwardedRef<HTMLDivElement>
- * @prop body?: string | ReactChildren
- * @prop duration?: number
- * @prop icons?: { left?: string | JSX.Element; close?: string | JSX.Element }
- * @prop iconSizes?: { left?: number close?: number }
- * @prop iconLeftColor?: Any color from the library
- * @prop labelClose?: string
- * @prop withTimer?: boolean
- * @prop timerBackgroundColor?: Any color from the library
- */
-export interface LibToast extends LibComponentItemBase<HTMLDivElement> {
-	title: string
-	id?: string
-	status?: LibToastStatus
-	options?: LibToastOptions
-}
-
-/**
- * @description Props for Step component items: https://documentation-components-react.vercel.app/components/stepper
- * @extends LibButtonLinkBlank
- * @prop data-testid?: string
- * @prop className?: string
- * @prop id?: string
- * @prop ref?: ForwardedRef<HTMLDivElement>
- * @prop text: string
- * @prop onClick?: void => only if to or href are not defined
- * @prop disabled?: boolean => only if onClick is defined
- * @prop to?: string => only if onClick and href are not defined
- * @prop href?: string => only if onClick and to are not defined
- * @prop blank?: boolean => only if to or href are defined
- */
-export type LibStep = LibButtonLinkBlank &
-	LibComponentItemBase<HTMLDivElement> & {
-		text: string
-	}
-
-/**
- * @description Props for Breadcrumbs component items: https://documentation-components-react.vercel.app/components/breadcrumbs
- * @extends LibButtonLinkBlank
- * @prop data-testid?: string
- * @prop className?: string
- * @prop id?: string
- * @prop ref?: ForwardedRef<HTMLAnchorElement & HTMLSpanElement>
- * @prop text: string
- */
-export type LibBreadcrumbItem = LibButtonLinkBlank &
-	LibComponentItemBase<HTMLAnchorElement & HTMLSpanElement> & {
-		text: string | ReactElement
-	}
-
-/**
- * @description Props for Tabs component items: https://documentation-components-react.vercel.app/components/tabs
- * @prop data-testid?: string
- * @prop className?: string
- * @prop id?: string
- * @prop ref?: ForwardedRef<HTMLDivElement>
- * @prop title: string
- * @prop content: ReactNode
- */
-export interface LibTabItem
-	extends LibComponentItemBase<HTMLDivElement & HTMLButtonElement> {
-	title: string
-	content: ReactNode
-}
-
-/**
- * @description Props for Message component: https://documentation-components-react.vercel.app/components/messaging
- * @prop data-testid?: string
- * @prop className?: string
- * @prop id?: string
- * @prop ref?: ForwardedRef<HTMLDivElement>
- * @prop type: "sent" | "received"
- * @prop text: string
- * @prop date?: Date | string
- * @prop time?: string
- */
-export interface LibMessage extends LibComponentItemBase<HTMLDivElement> {
-	type: LibMessageType
-	text: string
-	date?: Date | string
-	time?: string
-}
-
-/**
- * @description Buttons showing in MarkdownEditor
- * @prop titles?: boolean
- * @prop bold?: boolean
- * @prop italic?: boolean
- * @prop strikethrough?: boolean
- * @prop underline?: boolean
- * @prop ul?: boolean
- * @prop ol?: boolean
- * @prop link?: boolean
- * @prop quote?: boolean
- * @prop hr?: boolean
- * @prop code?: boolean
- * @prop codeBlock?: boolean
- * @prop comment?: boolean
- * @prop image?: boolean
- * @prop editorCode?: boolean
- * @prop editorLive?: boolean
- * @prop editorPreview?: boolean
- */
-export interface LibMarkdownEditorOptions {
-	titles?: boolean
-	bold?: boolean
-	italic?: boolean
-	strikethrough?: boolean
-	underline?: boolean
-	ul?: boolean
-	ol?: boolean
-	link?: boolean
-	quote?: boolean
-	hr?: boolean
-	code?: boolean
-	codeBlock?: boolean
-	comment?: boolean
-	image?: boolean
-	editorCode?: boolean
-	editorLive?: boolean
-	editorPreview?: boolean
-}
-
-/**
- * @description Props for links in Header component items: https://documentation-components-react.vercel.app/components/header
- * @extends LibButtonLinkBlankRequired
- * @prop data-testid?: string
- * @prop className?: string
- * @prop id?: string
- * @prop ref?: ForwardedRef<HTMLAnchorElement & HTMLButtonElement>
- * @prop text: ReactChildren
- * @prop end?: boolean => prop from react-router, to render the active class only if path is not further
- */
-export type LibHeaderLink = LibButtonLinkBlankRequired &
-	LibComponentItemBase<HTMLAnchorElement & HTMLButtonElement> & {
-		text: ReactChildren
-		end?: boolean
-	}
-
-/**
- * @description Props for Items in IconMenu component items: https://documentation-components-react.vercel.app/icon-menu
- * @extends LibButtonLinkBlankRequired
- * @prop data-testid?: string
- * @prop className?: string
- * @prop id?: string
- * @prop ref?: ForwardedRef<HTMLButtonElement & HTMLAnchorElement>
- * @prop label: string
- * @prop icon: string | JSX.Element
- * @prop iconSize?: number
- */
-export type LibIconMenuItem = LibButtonLinkBlankRequired &
-	LibComponentItemBase<HTMLButtonElement & HTMLAnchorElement> & {
-		label: string
-		icon: LibIcon
-		iconSize?: number
-	}
-
-/**
- * @description Props for links in Footer component items: https://documentation-components-react.vercel.app/components/footer
- * @extends LibButtonLinkBlankRequired
- * @prop data-testid?: string
- * @prop className?: string
- * @prop id?: string
- * @prop ref?: ForwardedRef<HTMLAnchorElement & HTMLButtonElement>
- * @prop text: ReactChildren
- */
-export type LibFooterLink = LibButtonLinkBlankRequired &
-	LibComponentItemBase<HTMLAnchorElement & HTMLButtonElement> & {
-		text: ReactChildren
-	}
-
-type LibDragListItemBase = LibComponentItemBase<HTMLDivElement> & {
-	id: string
-}
-
-interface DragListItemWithContentAndBadge extends LibDragListItemBase {
-	title: string
-	body?: string
-	badge?: boolean | ListGroupItemBadgeExtended
-	date?: never
-	element?: never
-}
-
-interface DragListItemWithContentAndDate extends LibDragListItemBase {
-	title: string
-	body?: string
-	badge?: never
-	date?: string | Date
-	element?: never
-}
-
-interface DragListItemWithElement extends LibDragListItemBase {
-	title?: never
-	body?: never
-	badge?: never
-	date?: never
-	element?: ReactElement
-}
-
-/**
- * @description Props for DragList item: https://documentation-components-react.vercel.app/components/drag-list
- * @prop data-testid?: string
- * @prop className?: string
- * @prop id: string
- * @prop ref?: ForwardedRef<HTMLDivElement>
- * @prop title: string => only if element is not defined
- * @prop body?: string => only if element is not defined
- * @prop badge?: boolean | ListGroupItemBadgeExtended => only if element and date are not defined
- * @prop date?: string | Date => only if element and badge are not defined
- * @prop element?: JSX.ELement => only if title and other props are not defined
- */
-export type LibDragListItem =
-	| DragListItemWithContentAndBadge
-	| DragListItemWithContentAndDate
-	| DragListItemWithElement
-
-interface HelperBottomWithText {
-	text: string
-	textColor?: LibAllColors
-	fontStyle?: CssFontStyle
-	icon?: LibIcon
-	iconColor?: LibAllColors
-	iconSize?: number
-	element?: never
-	linkColor?: LibColorsHover
-}
-
-interface HelperBottomWithElement {
-	text?: never
-	textColor?: never
-	fontStyle?: never
-	icon?: never
-	iconColor?: never
-	iconSize?: never
-	element: ReactChildren
-	linkColor?: LibColorsHover
-}
-
-export type LibHelperBottom =
-	| string
-	| HelperBottomWithText
-	| HelperBottomWithElement

package/dist/lib/types/components-props.ts

@@ -1,80 +0,0 @@
-export type { IStyleSheetManager } from "styled-components"
-export * from "../components/Text/types"
-export * from "../components/Wrapper/types"
-export * from "../components/Main/types"
-export * from "../components/Aside/types"
-export * from "../components/Section/types"
-export * from "../components/Grid/types"
-export * from "../components/Flexbox/types"
-export * from "../components/Icon/types"
-export * from "../components/Key/types"
-export * from "../components/TextIcon/types"
-export * from "../components/Highlight/types"
-export * from "../components/Linkify/types"
-export * from "../components/Tooltip/types"
-export * from "../components/Hr/types"
-export * from "../components/Skeleton/types"
-export * from "../components/Image/types"
-export * from "../components/Masonry/types"
-export * from "../components/FullBleed/types"
-export * from "../components/Video/types"
-export * from "../components/Youtube/types"
-export * from "../components/Badge/types"
-export * from "../components/Avatar/types"
-export * from "../components/Loader/types"
-export * from "../components/Burger/types"
-export * from "../components/Button/types"
-export * from "../components/ButtonIcon/types"
-export * from "../components/ButtonGroup/types"
-export * from "../components/Tag/types"
-export * from "../components/Truncate/types"
-export * from "../components/Card/types"
-export * from "../components/Input/types"
-export * from "../components/InputImage/types"
-export * from "../components/InputCheck/types"
-export * from "../components/InputPhone/types"
-export * from "../components/InputCounter/types"
-export * from "../components/InputSlider/types"
-export * from "../components/Select/types"
-export * from "../components/Autocomplete/types"
-export * from "../components/Rating/types"
-export * from "../components/Form/types"
-export * from "../components/ListGroup/types"
-export * from "../components/Breadcrumbs/types"
-export * from "../components/Accordion/types"
-export * from "../components/Dropdown/types"
-export * from "../components/Toast/types"
-export * from "../components/Alert/types"
-export * from "../components/Modal/types"
-export * from "../components/Pagination/types"
-export * from "../components/Paginator/types"
-export * from "../components/Stepper/types"
-export * from "../components/ProgressBar/types"
-export * from "../components/ProgressCircle/types"
-export * from "../components/SrOnly/types"
-export * from "../components/Tabs/types"
-export * from "../components/Slideshow/types"
-export * from "../components/Cover/types"
-export * from "../components/Table/types"
-export * from "../components/PageLoading/types"
-export * from "../components/Sticky/types"
-export * from "../components/Messaging/types"
-export * from "../components/MarkdownEditor/types"
-export * from "../components/MarkdownContainer/types"
-export * from "../components/CodeContainer/types"
-export * from "../components/Fade/types"
-export * from "../components/BackToTop/types"
-export * from "../components/Header/types"
-export * from "../components/IconMenu/types"
-export * from "../components/Footer/types"
-export * from "../components/Meta/types"
-export * from "../components/InputPin/types"
-export * from "../components/InputContainer/types"
-export * from "../components/Drawer/types"
-export * from "../components/PageLayout/types"
-export * from "../components/DragList/types"
-export * from "../components/Fieldset/types"
-export * from "../components/Datepicker/types"
-export * from "../components/Timepicker/types"
-export * from "../components/Link/types"
-/* Prepend here - DO NOT REMOVE */

package/dist/lib/types/generate-int-range.ts

@@ -1,17 +0,0 @@
-type Enumerate<
-    N extends number,
-    Acc extends Array<number> = []
-> = Acc["length"] extends N
-    ? Acc[number]
-    : Enumerate<N, [...Acc, Acc["length"]]>
-
-/**
- * @description Generate a range of numbers for types
- * @example IntRange<1, 4> => 1 | 2 | 3
- */
-export type GenerateIntegerRange<F extends number, T extends number> = Exclude<
-    Enumerate<T>,
-    Enumerate<F>
->
-
-// TODO: search how to fix it to get first and last numbers possible